Auto-sort imports with eslint

Author: ericgio

.eslintrc.js

@@ -55,6 +55,16 @@ module.exports = {
     ],
     'react/jsx-fragments': [2, 'syntax'],
     'react/static-property-placement': [2, 'static public field'],
+    'sort-imports': [
+      'error',
+      {
+        allowSeparatedGroups: true,
+        ignoreCase: true,
+        ignoreDeclarationSort: true,
+        ignoreMemberSort: false,
+        memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'],
+      },
+    ],
   },
   settings: {
     'import/resolver': {

example/src/examples/PublicMethodsExample.tsx

@@ -1,8 +1,8 @@
 import React, { useRef } from 'react';
 import {
-  Button as RBButton,
   ButtonProps,
   ButtonToolbar,
+  Button as RBButton,
 } from 'react-bootstrap';
 import { Typeahead, TypeaheadRef } from 'react-bootstrap-typeahead';
 

src/components/Highlighter/Highlighter.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 
 import Highlighter, { HighlighterProps } from './Highlighter';
 

src/components/Hint/Hint.stories.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { StoryFn, Meta } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 
 import Hint, { HintProps } from './Hint';
 import { HintProvider, noop } from '../../tests/helpers';

src/components/Input/Input.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 
 import Input, { InputProps } from './Input';
 

src/components/Loader/Loader.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 
 import Loader, { LoaderProps } from './Loader';
 

src/components/Menu/Menu.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 
 import Menu, { MenuProps } from './Menu';
 import MenuItem from '../MenuItem';

src/components/Menu/Menu.test.tsx

@@ -5,9 +5,9 @@ import * as stories from './Menu.stories';
 import {
   composeStories,
   fireEvent,
+  generateSnapshots,
   getItems,
   getMenu,
-  generateSnapshots,
   render,
   screen,
 } from '../../tests/helpers';

src/components/MenuItem/BaseMenuItem.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 
 import { BaseMenuItem, BaseMenuItemProps } from './MenuItem';
 

src/components/MenuItem/MenuItem.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 
 import {
   defaultContext,