chore(eslint)!: upgrade eslint package to version 9

Upgrade shared eslint package to latest eslint
- removed relative PF impoers rule, imports are transformed at build time by TSC plugin
- migration documented at packages/eslint-config/docs/eslint-9-migration.md

Author: Hyperkid123

packages/eslint-config/docs/eslint-9-migration.md

@@ -0,0 +1,27 @@
+# Eslint 9 migration guide
+
+Official Eslint migration guide: https://eslint.org/docs/latest/use/migrate-to-9.0.0
+
+## HCC UI module migration
+
+### Upgrade eslint packages
+
+Upgrade the `@redhat-cloud-services/eslint-config-redhat-cloud-services` package to v `^3.0.0`.
+
+Upgrade any locally installed eslint-related packages in your repository to version compatible with eslint@9.
+
+### Update your eslint config
+
+Eslint 9 changes its configuration schema quite significantly. Composite configurations can now be composed, instead of referenced by a string. To use the FEC configuration you can compose it:
+
+```js
+import { defineConfig } from "eslint/config";
+import fecPlugin from '@redhat-cloud-services/eslint-config-redhat-cloud-services'
+
+export default defineConfig(
+  fecConfig,
+  {
+    // custom configuration
+  }
+)
+```

packages/eslint-config/index.js

@@ -1,37 +1,55 @@
+const globals = require('globals');
+const { defineConfig } = require('eslint/config');
+const reactPlugin = require('eslint-plugin-react');
 const rulesDirPlugin = require('eslint-plugin-rulesdir');
+const eslintPluginPrettierRecommended = require('eslint-plugin-prettier/recommended');
+const babelParser = require('@babel/eslint-parser');
 const path = require('path');
 rulesDirPlugin.RULES_DIR = path.resolve(__dirname, './lib/rules');
 
-module.exports = {
-  parser: '@babel/eslint-parser',
-  env: {
-    browser: true,
-    node: true,
-    es6: true,
-    jasmine: true,
-    jest: true,
+// fix bad global names
+const patchedBrowserGlobals = {
+  ...globals.browser,
+};
+// Fixes issues with version mismatch between eslint-plugin-react and eslint
+// https://github.com/sindresorhus/globals/pull/184
+delete patchedBrowserGlobals['AudioWorkletGlobalScope '];
+patchedBrowserGlobals['AudioWorkletGlobalScope'] = 'readonly';
+
+module.exports = defineConfig(eslintPluginPrettierRecommended, reactPlugin.configs.flat.recommended, {
+  plugins: {
+    rulesdir: rulesDirPlugin,
   },
   settings: {
     react: {
       version: 'detect',
     },
   },
-  plugins: ['prettier', 'rulesdir'],
-  extends: ['eslint:recommended', 'prettier', 'plugin:prettier/recommended', 'plugin:react/recommended'],
   rules: {
     'no-unused-vars': ['error', { ignoreRestSiblings: true }],
     'prettier/prettier': ['error', { singleQuote: true }],
     'rulesdir/disallow-fec-relative-imports': 2,
     'rulesdir/deprecated-packages': 1,
     'rulesdir/no-chrome-api-call-from-window': 2,
-    'rulesdir/forbid-pf-relative-imports': 1,
     'rulesdir/disallow-pf-migrated-components': 1,
   },
-  globals: {
-    CRC_APP_NAME: 'readonly',
-  },
-  parserOptions: {
-    ecmaVersion: 7,
-    sourceType: 'module',
+  languageOptions: {
+    globals: {
+      ...patchedBrowserGlobals,
+      ...globals.node,
+      ...globals.jasmine,
+      ...globals.jest,
+      ...globals.es6,
+      CRC_APP_NAME: 'readonly',
+    },
+    parser: babelParser,
+    parserOptions: {
+      requireConfigFile: false,
+      ecmaVersion: 7,
+      sourceType: 'module',
+      babelOptions: {
+        presets: ['@babel/preset-react'],
+      },
+    },
   },
-};
+});

packages/eslint-config/lib/rules/forbid-pf-relative-imports.js

@@ -9,16 +9,18 @@
     ],
     "scripts": {},
     "dependencies": {
-        "@babel/eslint-parser": "^7.19.1",
-        "eslint-config-prettier": "^8.5.0",
-        "eslint-plugin-prettier": "^3.4.1",
-        "eslint-plugin-react": "^7.31.8",
-        "eslint-plugin-rulesdir": "^0.2.1",
-        "prettier": "^2.7.1"
+        "@babel/eslint-parser": "^7.27.0",
+        "@babel/preset-react": "^7.26.3",
+        "eslint-config-prettier": "^10.1.2",
+        "eslint-plugin-prettier": "^5.2.6",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-rulesdir": "^0.2.2",
+        "globals": "^16.0.0",
+        "prettier": "^3.5.3"
     },
     "peerDependencies": {
         "@babel/core": "^7.14.0",
-        "eslint": "^8.9.0"
+        "eslint": "^9.24.0"
     },
     "license": "Apache",
     "publishConfig": {