chore: migrate to eslint v9

apps/chart-docsite/.eslintrc.json

@@ -4,7 +4,14 @@
   "rules": {
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/jsx-no-bind": "off",
-    "deprecation/deprecation": "off",
-    "import/no-extraneous-dependencies": ["error", { "packageDir": [".", "../.."] }]
+    "import/no-extraneous-dependencies": ["error", { "packageDir": [".", "../.."] }],
+    "overrides": [
+      {
+        "files": ["src/**/*.{tsx,ts}"],
+        "rules": {
+          "@typescript-eslint/no-deprecated": "off"
+        }
+      }
+    ]
   }
 }

apps/perf-test-react-components/package.json

@@ -5,7 +5,7 @@
   "private": true,
   "scripts": {
     "bundle": "just-scripts perf-test:bundle",
-    "lint": "just-scripts lint",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false just-scripts lint",
     "just": "just-scripts",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",

apps/perf-test/package.json

@@ -5,7 +5,7 @@
   "private": true,
   "scripts": {
     "bundle": "just-scripts perf-test:bundle",
-    "lint": "just-scripts lint",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false just-scripts lint",
     "just": "just-scripts",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",

apps/pr-deploy-site/eslint.config.js

@@ -0,0 +1,29 @@
+const js = require('@eslint/js');
+const sdl = require('@microsoft/eslint-plugin-sdl');
+const es = require('eslint-plugin-es');
+const { FlatCompat } = require('@eslint/eslintrc');
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+module.exports = [
+  ...compat.extends('plugin:@fluentui/eslint-plugin/node'),
+  ...sdl.configs.recommended,
+  {
+    files: ['**/pr-deploy-site.js'],
+    plugins: {
+      es,
+    },
+
+    rules: {
+      curly: 'off',
+      'no-var': 'off',
+      'vars-on-top': 'off',
+      'prefer-arrow-callback': 'off',
+      'no-restricted-globals': 'off',
+    },
+  },
+];

apps/pr-deploy-site/package.json

@@ -7,7 +7,7 @@
   "scripts": {
     "clean": "just-scripts clean",
     "generate:site": "just-scripts generate:site",
-    "lint": "eslint --ext .js,.ts --cache .",
+    "lint": "eslint --cache .",
     "type-check": "tsc -p . --noEmit"
   },
   "license": "MIT",

apps/public-docsite-resources/.eslintrc.json

@@ -5,7 +5,6 @@
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/explicit-member-accessibility": "off",
     "@typescript-eslint/member-ordering": "off",
-    "deprecation/deprecation": "off",
     "no-restricted-globals": "off"
   }
 }

apps/public-docsite-resources/package.json

@@ -20,7 +20,7 @@
     "build": "just-scripts build",
     "prebundle": "yarn build",
     "bundle": "just-scripts bundle",
-    "lint": "eslint --ext .js,.ts,.tsx ./src",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false eslint --ext .js,.ts,.tsx ./src",
     "just": "just-scripts",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",

apps/public-docsite-v9/.eslintrc.json

@@ -4,7 +4,14 @@
   "rules": {
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/jsx-no-bind": "off",
-    "deprecation/deprecation": "off",
     "import/no-extraneous-dependencies": ["error", { "packageDir": [".", "../.."] }]
-  }
+  },
+  "overrides": [
+    {
+      "files": ["src/**/*.{tsx,ts}"],
+      "rules": {
+        "@typescript-eslint/no-deprecated": "off"
+      }
+    }
+  ]
 }

apps/public-docsite-v9/package.json

@@ -8,7 +8,7 @@
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
     "just": "just-scripts",
-    "lint": "just-scripts lint",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false just-scripts lint",
     "type-check": "just-scripts type-check",
     "start": "yarn storybook:docs",
     "storybook": "storybook dev --port 3000",

apps/public-docsite-v9/src/Concepts/Positioning/PositioningAutoSize.stories.tsx

@@ -68,7 +68,7 @@ export const AutoSizeForSmallViewport = () => {
           <MenuPopover>
             <MenuList>
               {Array.from({ length: menuItemCount }, (_, i) => (
-                <MenuItem>Item {i}</MenuItem>
+                <MenuItem key={i}>Item {i}</MenuItem>
               ))}
             </MenuList>
           </MenuPopover>

apps/public-docsite-v9/src/Concepts/Positioning/PositioningShiftToCoverTarget.stories.tsx

@@ -112,7 +112,7 @@ export const CoverTargetForSmallViewport = () => {
           <MenuPopover>
             <MenuList>
               {Array.from({ length: menuItemCount }, (_, i) => (
-                <MenuItem>Item {i}</MenuItem>
+                <MenuItem key={i}>Item {i}</MenuItem>
               ))}
             </MenuList>
           </MenuPopover>

apps/public-docsite/.eslintrc.json

@@ -3,8 +3,7 @@
   "root": true,
   "rules": {
     "@typescript-eslint/no-explicit-any": "off",
-    "deprecation/deprecation": "off",
-    "import/no-webpack-loader-syntax": "off", // ok in this project
+    "import/no-webpack-loader-syntax": "off",
     "prefer-const": "off",
     "react/jsx-no-bind": "off",
     "no-restricted-globals": "off"

apps/public-docsite/package.json

@@ -14,7 +14,7 @@
   "scripts": {
     "prebundle": "just-scripts build",
     "bundle": "just-scripts bundle",
-    "lint": "just-scripts lint",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false just-scripts lint",
     "just": "just-scripts",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",

apps/public-docsite/src/pages/Styles/FabricIconsPage/FabricIconsPage.tsx

@@ -26,6 +26,7 @@ export const FabricIconsPage: React.FunctionComponent<IStylesPageProps> = props
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const [selectedItem, setSelectedItem] = React.useState('react-font');
   switch (platform) {
     case 'web':

apps/react-18-tests-v8/package.json

@@ -9,7 +9,7 @@
     "format:check": "yarn format -c",
     "e2e": "cypress run --component",
     "e2e:local": "cypress open --component",
-    "lint": "eslint --ext .js,.ts,.tsx ./src",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false eslint --ext .js,.ts,.tsx ./src",
     "test": "jest --passWithNoTests",
     "start": "webpack-dev-server --mode=development"
   },

apps/react-18-tests-v9/package.json

@@ -5,7 +5,7 @@
   "private": true,
   "scripts": {
     "type-check": "just-scripts type-check",
-    "lint": "eslint --ext .js,.ts,.tsx ./src",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false eslint --ext .js,.ts,.tsx ./src",
     "test": "jest --passWithNoTests",
     "format": "prettier -w . --ignore-path ../.prettierignore",
     "format:check": "yarn format -c",

apps/ssr-tests-v9/package.json

@@ -11,7 +11,7 @@
   "scripts": {
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
-    "lint": "just-scripts lint",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false just-scripts lint",
     "storybook": "storybook dev",
     "test": "jest --passWithNoTests",
     "type-check": "just-scripts type-check",

apps/theming-designer/.eslintrc.json

@@ -3,7 +3,6 @@
   "root": true,
   "rules": {
     "@typescript-eslint/no-explicit-any": "off",
-    "deprecation/deprecation": "off",
     "prefer-const": "off",
     "no-restricted-globals": "off"
   }

apps/theming-designer/package.json

@@ -5,7 +5,7 @@
   "private": true,
   "scripts": {
     "bundle": "just-scripts build && just-scripts bundle",
-    "lint": "just-scripts lint",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false just-scripts lint",
     "just": "just-scripts",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",

apps/vr-tests-react-components/.eslintrc.json

@@ -7,8 +7,15 @@
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/naming-convention": "off",
     "@typescript-eslint/jsx-no-bind": "off",
-    "deprecation/deprecation": "off",
     "import/no-extraneous-dependencies": ["error", { "packageDir": [".", "../.."] }],
     "@nx/workspace-no-restricted-globals": "off"
-  }
+  },
+  "overrides": [
+    {
+      "files": ["**/*.{ts,tsx}"],
+      "rules": {
+        "@typescript-eslint/no-deprecated": "off"
+      }
+    }
+  ]
 }

apps/vr-tests-react-components/package.json

@@ -7,7 +7,7 @@
     "build-storybook": "storybook build -o dist/storybook",
     "clean": "just-scripts clean",
     "format": "prettier . -w --ignore-path ../../.prettierignore",
-    "lint": "just-scripts lint",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false just-scripts lint",
     "start": "storybook dev",
     "test": "just-scripts test",
     "type-check": "tsc -p . --noEmit --baseUrl .",

apps/vr-tests-web-components/package.json

@@ -7,7 +7,7 @@
   "scripts": {
     "build-storybook": "storybook build -o dist/storybook",
     "format": "prettier . -w --ignore-path ../../.prettierignore",
-    "lint": "eslint src --ext .ts,.tsx",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false eslint src --ext .ts,.tsx",
     "start": "storybook dev",
     "type-check": "tsc -p . --baseUrl . --noEmit",
     "test-vr": "storywright  --browsers chromium --url dist/storybook --destpath dist/screenshots --waitTimeScreenshot 500 --concurrency 4 --headless true"

apps/vr-tests/.eslintrc.json

@@ -4,7 +4,6 @@
   "rules": {
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/jsx-no-bind": "off",
-    "deprecation/deprecation": "off",
     "import/no-extraneous-dependencies": ["error", { "packageDir": [".", "../.."] }],
     "no-restricted-globals": "off"
   }

apps/vr-tests/package.json

@@ -8,7 +8,7 @@
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
     "just": "just-scripts",
-    "lint": "just-scripts lint",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false just-scripts lint",
     "start": "storybook dev -p 3000",
     "type-check": "tsc -p . --noEmit --baseUrl .",
     "test-vr": "storywright  --browsers chromium --url dist/storybook --destpath dist/screenshots --waitTimeScreenshot 500 --concurrency 4 --headless true"

change/@fluentui-api-docs-9fd66d02-2602-4525-9395-3ca26da04514.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: use eslint with USE_ESLINT_FLAT_CONFIG=false",
+  "packageName": "@fluentui/api-docs",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-azure-themes-1c501923-17ae-475e-ab29-6adc3feb9bd9.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: use eslint with USE_ESLINT_FLAT_CONFIG=false",
+  "packageName": "@fluentui/azure-themes",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-codemods-8844cd55-d23f-4d69-bddc-dea4d3bf53b1.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: remove deprecation plugin in favor of ts-eslint/no-deprecated",
+  "packageName": "@fluentui/codemods",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-cra-template-0b434042-8e59-479d-8b8f-aa67ee0326d7.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: use eslint with USE_ESLINT_FLAT_CONFIG=false",
+  "packageName": "@fluentui/cra-template",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-date-time-utilities-a9b067db-5a7b-48c0-9f96-fdcc3c58230d.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: use eslint with USE_ESLINT_FLAT_CONFIG=false",
+  "packageName": "@fluentui/date-time-utilities",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-dom-utilities-87434ff5-c5c6-4eea-9ab3-a0ccb8afcb27.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: use eslint with USE_ESLINT_FLAT_CONFIG=false",
+  "packageName": "@fluentui/dom-utilities",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-eslint-plugin-274b7762-1e9f-4acf-9564-8a5807f28fab.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: update eslint dependencies",
+  "packageName": "@fluentui/eslint-plugin",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-eslint-plugin-react-components-5aa6f121-e497-4541-8421-fc1891260c39.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: update eslint dependencies",
+  "packageName": "@fluentui/eslint-plugin-react-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-example-data-3d2097b9-043a-4d43-9a66-1d0dba835fa3.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: use eslint with USE_ESLINT_FLAT_CONFIG=false",
+  "packageName": "@fluentui/example-data",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-fluent2-theme-ae6de761-473b-4a9b-820c-1cc7d504d75c.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: use eslint with USE_ESLINT_FLAT_CONFIG=false",
+  "packageName": "@fluentui/fluent2-theme",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-font-icons-mdl2-d304ab60-9b4c-4534-9847-227f7429d183.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: remove deprecation plugin if favor of ts-eslint/no-deprecated",
+  "packageName": "@fluentui/font-icons-mdl2",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-foundation-legacy-718eda53-f7ee-4984-9d03-d28b6d45f5e6.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: remove deprecation plugin in favor of ts-eslint/no-deprecated",
+  "packageName": "@fluentui/foundation-legacy",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-jest-serializer-merge-styles-7ddf7bde-4827-4cfb-a211-f534cb5c77e8.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: use eslint with USE_ESLINT_FLAT_CONFIG=false",
+  "packageName": "@fluentui/jest-serializer-merge-styles",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-keyboard-key-71a90dec-416d-4f44-ad68-f42d06acbb8d.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: remove deprecation plugin in favor of ts-eslint/no-deprecated",
+  "packageName": "@fluentui/keyboard-key",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}