Eslint Updates

.eslintrc.js

@@ -0,0 +1,66 @@
+module.exports = {
+  env: {
+    browser: true,
+    jest: true,
+  },
+  extends: [
+    '@ericgio/eslint-config-react',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+    'prettier',
+  ],
+  globals: {},
+  overrides: [
+    {
+      files: ['**/*'],
+      rules: {
+        '@typescript-eslint/ban-ts-comment': 'off',
+        '@typescript-eslint/explicit-module-boundary-types': 'off',
+        'import/extensions': 'off',
+        'no-shadow': 'off',
+        'no-use-before-define': 'off',
+        'react/jsx-no-bind': 'off',
+      },
+    },
+    {
+      files: ['**/*.stories.tsx'],
+      rules: {
+        'import/no-extraneous-dependencies': 'off',
+        'sort-keys': 'off',
+      },
+    },
+    {
+      files: ['**/*.mjs'],
+      rules: {
+        'import/no-extraneous-dependencies': 'off',
+        'no-console': 'off',
+        'no-underscore-dangle': 'off',
+      },
+    },
+  ],
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
+  rules: {
+    '@typescript-eslint/no-shadow': 2,
+    '@typescript-eslint/no-unused-vars': [
+      2,
+      { args: 'after-used', ignoreRestSiblings: true, vars: 'all' },
+    ],
+    '@typescript-eslint/no-use-before-define': 'error',
+    'react/jsx-filename-extension': [
+      1,
+      {
+        extensions: ['.js', '.jsx', '.tsx'],
+      },
+    ],
+    'react/jsx-fragments': [2, 'syntax'],
+    'react/static-property-placement': [2, 'static public field'],
+  },
+  settings: {
+    'import/resolver': {
+      node: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+      },
+    },
+  },
+};

scripts/__dirname.mjs

@@ -1,5 +1,3 @@
-/* eslint-disable no-underscore-dangle */
-
 import path from 'path';
 import { fileURLToPath } from 'url';
 

scripts/buildCSS.mjs

@@ -1,8 +1,5 @@
 #!/usr/bin/env node
 
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable no-console */
-
 import chalk from 'chalk';
 import fs from 'fs';
 import path from 'path';

scripts/buildModules.mjs

@@ -1,8 +1,5 @@
 #!/usr/bin/env node
 
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable no-console */
-
 import chalk from 'chalk';
 import { execa } from 'execa';
 import path from 'path';

scripts/deployExample.mjs

@@ -1,8 +1,5 @@
 #!/usr/bin/env node
 
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable no-console */
-
 import ghpages from 'gh-pages';
 import pkg from '../package.json' assert { type: 'json' };
 

src/components/ClearButton/ClearButton.stories.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable sort-keys,import/no-extraneous-dependencies */
-
 import React from 'react';
 import { Meta, StoryFn } from '@storybook/react';
 

src/components/Highlighter/Highlighter.stories.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable sort-keys,import/no-extraneous-dependencies */
-
 import React from 'react';
 import { StoryFn, Meta } from '@storybook/react';
 

src/components/Hint/Hint.stories.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable sort-keys,import/no-extraneous-dependencies */
-
 import React, { useState } from 'react';
 import { StoryFn, Meta } from '@storybook/react';
 

src/components/Input/Input.stories.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable sort-keys,import/no-extraneous-dependencies */
-
 import React from 'react';
 import { StoryFn, Meta } from '@storybook/react';
 

src/components/Loader/Loader.stories.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable sort-keys,import/no-extraneous-dependencies */
-
 import React from 'react';
 import { StoryFn, Meta } from '@storybook/react';
 

src/components/Menu/Menu.stories.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable sort-keys,import/no-extraneous-dependencies */
-
 import React from 'react';
 import { StoryFn, Meta } from '@storybook/react';
 

src/components/MenuItem/BaseMenuItem.stories.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable sort-keys,import/no-extraneous-dependencies */
-
 import React from 'react';
 import { StoryFn, Meta } from '@storybook/react';
 

src/components/MenuItem/MenuItem.stories.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable sort-keys,import/no-extraneous-dependencies */
-
 import React from 'react';
 import { StoryFn, Meta } from '@storybook/react';
 

src/components/Overlay/Overlay.stories.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable sort-keys,import/no-extraneous-dependencies */
-
 import React, { useState } from 'react';
 import { StoryFn, Meta } from '@storybook/react';
 

src/components/Token/Token.stories.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable sort-keys,import/no-extraneous-dependencies */
-
 import React from 'react';
 import { StoryFn, Meta } from '@storybook/react';
 

src/components/Typeahead/Typeahead.stories.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable sort-keys,import/no-extraneous-dependencies */
-
 import cx from 'classnames';
 import React, { useState } from 'react';
 import { StoryFn, Meta } from '@storybook/react';

src/components/Typeahead/Typeahead.tsx

@@ -82,6 +82,7 @@ const propTypes = {
    * Props to be applied directly to the input. `onBlur`, `onChange`,
    * `onFocus`, and `onKeyDown` are ignored.
    */
+  // eslint-disable-next-line react/forbid-prop-types
   inputProps: checkPropType(PropTypes.object, inputPropsType),
   /**
    * Bootstrap 4 only. Adds the `is-invalid` classname to the `form-control`.

src/components/TypeaheadInputMulti/TypeaheadInputMulti.stories.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable sort-keys,import/no-extraneous-dependencies */
-
 import React, { ChangeEvent, useState } from 'react';
 import { StoryFn, Meta } from '@storybook/react';
 

src/components/TypeaheadInputSingle/TypeaheadInputSingle.stories.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable sort-keys,import/no-extraneous-dependencies */
-
 import React, { useState } from 'react';
 import { StoryFn, Meta } from '@storybook/react';
 

src/components/TypeaheadMenu/TypeaheadMenu.stories.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable sort-keys,import/no-extraneous-dependencies */
-
 import React from 'react';
 import { StoryFn, Meta } from '@storybook/react';