Upgrade eslint to v8.x

.eslintrc.js

@@ -0,0 +1,73 @@
+const path = require('path');
+
+module.exports = {
+  extends: [
+    '@edx/eslint-config',
+    'plugin:import/typescript',
+  ],
+  parser: '@babel/eslint-parser',
+  parserOptions: {
+    requireConfigFile: true,
+    babelOptions: {
+      configFile: path.resolve(__dirname, './babel.config.json'),
+    },
+  },
+  rules: {
+    'import/extensions': [
+      'error',
+      'ignorePackages',
+      {
+        js: 'never',
+        jsx: 'never',
+        ts: 'never',
+        tsx: 'never',
+      },
+    ],
+    'import/no-extraneous-dependencies': [
+      'error',
+      {
+        devDependencies: [
+          '**/*.stories.jsx',
+          'src/setupTest.js',
+          '**/*.test.jsx',
+          '**/*.test.js',
+          'config/*.js',
+          '*.config.ts',
+          '*.config.*.js',
+          '**/*.config.js',
+          'component-generator/**',
+          'generate-changelog.js',
+        ],
+      },
+    ],
+    'import/no-relative-packages': [2, { ignore: ['icons'] }],
+    'import/no-unresolved': [2, { ignore: ['axios'] }],
+    'react/jsx-no-constructed-context-values': 0,
+    'no-restricted-exports': [0, { restrictedNamedExports: ['default'] }],
+    // https://github.com/evcohen/eslint-plugin-jsx-a11y/issues/340#issuecomment-338424908
+    'jsx-a11y/anchor-is-valid': ['error', {
+      components: ['Link'],
+      specialLink: ['to'],
+    }],
+    'jsx-a11y/label-has-for': [2, {
+      components: ['label'],
+      required: 'id',
+      allowChildren: false,
+    }],
+  },
+  env: {
+    jest: true,
+  },
+  globals: {
+    newrelic: false,
+  },
+  overrides: [
+    {
+      files: ['**/*.ts', '**/*.tsx'],
+      extends: 'airbnb-typescript',
+      parserOptions: {
+        project: './tsconfig.json',
+      },
+    },
+  ],
+};

component-generator/utils.js

@@ -10,8 +10,10 @@ require('dotenv').config();
  * @param {string} componentName - name of the component
  */
 function generateCssClass(componentName) {
-  return componentName.replace(/[A-Z]+/g,
-    (capital, index) => (index ? `-${capital}` : capital).toLowerCase());
+  return componentName.replace(
+    /[A-Z]+/g,
+    (capital, index) => (index ? `-${capital}` : capital).toLowerCase(),
+  );
 }
 
 /**