chore: migrate to eslint v9

.env.local

@@ -0,0 +1,2 @@
+# TODO: remove after migration to flat eslint configs
+ESLINT_USE_FLAT_CONFIG=false

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/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-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/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/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/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/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/.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"
   }

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-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-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-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"
+}

change/@fluentui-merge-styles-6ebebfc1-e789-4480-b8a9-33b0baffeb4a.json

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

change/@fluentui-public-docsite-setup-36190617-d9fe-4518-ac46-6d6a4ed9e20f.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: use eslint flat config",
+  "packageName": "@fluentui/public-docsite-setup",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-84852e0e-0bf5-4548-bcdc-5415cbfcbdcb.json

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

change/@fluentui-react-accordion-ba907847-cc03-4112-95ad-542ba88a4cb1.json

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

change/@fluentui-react-aria-57b925e1-eccf-4f91-a485-dd0131657734.json

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

change/@fluentui-react-avatar-92d7f766-cf8d-4331-8f34-38ac12c87bcc.json

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

change/@fluentui-react-calendar-compat-4afe6ed7-ff63-4bd2-b0bd-6397368c66df.json

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

change/@fluentui-react-charting-be2804a1-36a4-468f-b286-140ffd7ba3d8.json

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

change/@fluentui-react-color-picker-preview-8e27d256-8f2c-4f6d-8de8-24aef5ca5b78.json

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

change/@fluentui-react-combobox-a2d971d5-ed8e-4644-8508-270e6ad4f44f.json

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

change/@fluentui-react-components-7c5c9f7a-49fd-485d-a98a-5ec800f32948.json

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

change/@fluentui-react-conformance-16fdfc71-2c17-4034-b573-b04f57d9eb4a.json

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

change/@fluentui-react-date-time-38666fb3-518b-4db4-a7c0-d81f04086114.json

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

change/@fluentui-react-experiments-18c8afb1-71f9-4a1b-b9d2-7c19585ea180.json

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

change/@fluentui-react-focus-169258aa-b0b4-431c-9519-c6a71329a50b.json

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

change/@fluentui-react-icons-compat-a1cdd0c2-a09b-43af-91c3-793247a23f69.json

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

change/@fluentui-react-menu-277490f3-ee7e-4b9f-9c90-ed35bb918f55.json

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

change/@fluentui-react-message-bar-e0209ae1-250c-49ff-8b46-2715b064144b.json

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

change/@fluentui-react-monaco-editor-4813db8a-ede3-4b35-9d35-80eb8aba5ddc.json

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

change/@fluentui-react-motion-5930535f-65f7-460d-a1bc-fc9f13fe8bda.json

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

change/@fluentui-react-motion-components-preview-c540a5a2-049f-4f49-a9e0-3276048852df.json

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

change/@fluentui-react-popover-e3209737-10b8-4203-8c93-2dee5536b5e7.json

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