Update to ESLint v9

Author: colinrotherham

.eslintignore

@@ -0,0 +1,98 @@
+import { join } from 'node:path';
+import configPrettier from 'eslint-config-prettier/flat';
+import pluginReact from 'eslint-plugin-react';
+import pluginReactHooks from 'eslint-plugin-react-hooks';
+import eslint from '@eslint/js';
+import pluginJsxA11y from 'eslint-plugin-jsx-a11y';
+import { includeIgnoreFile } from '@eslint/compat';
+import { defineConfig, globalIgnores } from 'eslint/config';
+import globals from 'globals';
+import pluginImport from 'eslint-plugin-import';
+import pluginTypeScript from 'typescript-eslint';
+
+const rootPath = import.meta.dirname;
+const gitignorePath = join(rootPath, '.gitignore');
+
+export default defineConfig([
+  {
+    files: ['**/*.{js,mjs,ts,tsx}'],
+    extends: [
+      configPrettier,
+      eslint.configs.recommended,
+      pluginTypeScript.configs.recommended,
+      pluginImport.flatConfigs.recommended,
+      pluginImport.flatConfigs.typescript,
+    ],
+    languageOptions: {
+      parser: pluginTypeScript.parser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        projectService: true,
+        tsconfigRootDir: rootPath,
+      },
+    },
+    settings: {
+      'import/resolver': {
+        node: true,
+        typescript: true,
+      },
+    },
+  },
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      pluginJsxA11y.flatConfigs.recommended,
+      pluginReact.configs.flat.recommended,
+      pluginReact.configs.flat['jsx-runtime'],
+      'react-hooks/recommended-latest',
+    ],
+    languageOptions: {
+      globals: globals.browser,
+      parserOptions: {
+        ecmaFeatures: { jsx: true },
+        sourceType: 'module',
+      },
+    },
+    plugins: {
+      'react-hooks': pluginReactHooks,
+    },
+    rules: {
+      'import/no-unresolved': 'off',
+      'react/prop-types': 0,
+      'jsx-a11y/anchor-has-content': 0,
+      'jsx-a11y/alt-text': 0,
+      'jsx-a11y/heading-has-content': 0,
+      'react-hooks/exhaustive-deps': 0,
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+  },
+  {
+    files: ['**/*.{cjs,js,mjs}'],
+    languageOptions: {
+      globals: globals.node,
+    },
+  },
+  {
+    files: ['**/*.cjs'],
+    rules: {
+      '@typescript-eslint/no-require-imports': 'off',
+      '@typescript-eslint/no-var-requires': 'off',
+    },
+  },
+  {
+    files: ['**/*.test.{ts,tsx}'],
+    languageOptions: {
+      globals: globals.jest,
+    },
+  },
+  {
+    files: ['**/*.stories.tsx'],
+    rules: { '@typescript-eslint/no-unused-vars': 'off' },
+  },
+  globalIgnores(['**/coverage/', '**/dist/']),
+  includeIgnoreFile(gitignorePath, 'Imported .gitignore patterns'),
+]);

.eslintrc.cjs

@@ -59,7 +59,7 @@
     "lint:fix": "yarn lint:js:fix && yarn lint:prettier:fix",
     "lint:prettier": "prettier --check .",
     "lint:prettier:fix": "prettier --write .",
-    "lint:js": "eslint 'src/**/*.{js,ts,tsx}' 'stories/**/*.{js,ts,tsx}'",
+    "lint:js": "eslint .",
     "lint:js:fix": "yarn lint:js --fix",
     "lint:types": "tsc --build tsconfig.json --pretty",
     "build-storybook": "storybook build",
@@ -71,6 +71,8 @@
     "@babel/preset-env": "^7.28.3",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
+    "@eslint/compat": "^1.4.0",
+    "@eslint/js": "^9.37.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.1",
@@ -84,26 +86,25 @@
     "@storybook/theming": "^8.0.5",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^15.0.7",
+    "@types/eslint": "^9.6.1",
     "@types/jest": "^30.0.0",
     "@types/jest-axe": "^3.5.9",
     "@types/node": "^24.6.2",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "@typescript-eslint/eslint-plugin": "^7.1.0",
-    "@typescript-eslint/parser": "^7.1.0",
     "babel-jest": "^30.2.0",
     "babel-plugin-module-resolver": "^5.0.2",
     "babel-plugin-replace-import-extension": "^1.1.5",
     "chromatic": "^6.17.3",
     "classnames": "^2.5.1",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-import-resolver-typescript": "^3.6.1",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint": "^9.37.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^6.1.0",
+    "globals": "^16.4.0",
     "jest": "^30.2.0",
     "jest-axe": "^10.0.0",
     "jest-environment-jsdom": "^30.2.0",
@@ -118,6 +119,7 @@
     "storybook": "^8.0.5",
     "tslib": "^2.8.1",
     "typescript": "5.3.3",
+    "typescript-eslint": "^8.45.0",
     "vite": "^4.5.3",
     "vite-tsconfig-paths": "^4.3.2"
   },