chore: migrate to ts 5.2.2 (#32859)

Co-authored-by: viktorgenaev <viktorgenaev@microsoft.com>
microsoft · Nov 4, 2024 · d6af8e3 · d6af8e3
1 parent 69dc72a
commit d6af8e3
Show file tree

Hide file tree

Showing 83 changed files with 318 additions and 66 deletions.
diff --git a/apps/react-18-tests-v8/tsconfig.cy.json b/apps/react-18-tests-v8/tsconfig.cy.json
@@ -4,6 +4,7 @@
     "jsx": "react",
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../node_modules", "../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["./src/**/*.cy.ts", "./src/**/*.cy.tsx"]

diff --git a/apps/react-18-tests-v9/tsconfig.cy.json b/apps/react-18-tests-v9/tsconfig.cy.json
@@ -4,6 +4,7 @@
     "jsx": "react",
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../node_modules", "../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["./src/**/*.cy.ts", "./src/**/*.cy.tsx"]

diff --git a/apps/vr-tests-web-components/tsconfig.json b/apps/vr-tests-web-components/tsconfig.json
@@ -2,9 +2,10 @@
   "extends": "../../tsconfig.base.wc.json",
   "compilerOptions": {
     "target": "ES2019",
-    "module": "ESNext",
+    "module": "NodeNext",
     "noEmit": true,
     "experimentalDecorators": true,
+    "moduleResolution": "NodeNext",
     "resolveJsonModule": true,
     "allowJs": true,
     "jsx": "react",

diff --git a/apps/vr-tests/tsconfig.json b/apps/vr-tests/tsconfig.json
@@ -10,7 +10,8 @@
     "experimentalDecorators": true,
     "noUnusedLocals": true,
     "preserveConstEnums": true,
-    "types": ["webpack-env", "@storybook/react"]
+    "types": ["webpack-env", "@storybook/react"],
+    "typeRoots": ["../../node_modules", "../../node_modules/@types"]
   },
   "include": ["src"]
 }
diff --git a/change/@fluentui-babel-preset-global-context-28602215-c268-452d-85d9-00ba63d8ed0f.json b/change/@fluentui-babel-preset-global-context-28602215-c268-452d-85d9-00ba63d8ed0f.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "added explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/babel-preset-global-context",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-eslint-plugin-d576152d-5ad5-451e-8384-e81fd4d2bb98.json b/change/@fluentui-eslint-plugin-d576152d-5ad5-451e-8384-e81fd4d2bb98.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update tsconfig after migration to 5.2",
+  "packageName": "@fluentui/eslint-plugin",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-global-context-85d11653-4f77-49c6-83d5-ebe3dc5c969e.json b/change/@fluentui-global-context-85d11653-4f77-49c6-83d5-ebe3dc5c969e.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/global-context",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-aria-fd4f3898-30c0-423a-ad87-c68621431b95.json b/change/@fluentui-react-aria-fd4f3898-30c0-423a-ad87-c68621431b95.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-aria",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-avatar-1f8e1036-8cb1-4b96-9155-16a930f92f54.json b/change/@fluentui-react-avatar-1f8e1036-8cb1-4b96-9155-16a930f92f54.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-avatar",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-breadcrumb-517d614c-0eb1-4019-aa94-a8011d3947a6.json b/change/@fluentui-react-breadcrumb-517d614c-0eb1-4019-aa94-a8011d3947a6.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-breadcrumb",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-card-c6d87bf2-dcd8-488e-a2d2-b57ea74cc51d.json b/change/@fluentui-react-card-c6d87bf2-dcd8-488e-a2d2-b57ea74cc51d.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-card",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-combobox-fe9850c4-ca14-4c22-a7c8-a869c54ad106.json b/change/@fluentui-react-combobox-fe9850c4-ca14-4c22-a7c8-a869c54ad106.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-combobox",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-datepicker-compat-a54d07d4-b0fd-4b75-8a3e-3d9851d91133.json b/change/@fluentui-react-datepicker-compat-a54d07d4-b0fd-4b75-8a3e-3d9851d91133.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-datepicker-compat",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-dialog-fc005c16-f756-4b47-b5e3-f544abbae52c.json b/change/@fluentui-react-dialog-fc005c16-f756-4b47-b5e3-f544abbae52c.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-dialog",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-drawer-edb16867-7903-49df-9445-e5d40af61f73.json b/change/@fluentui-react-drawer-edb16867-7903-49df-9445-e5d40af61f73.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-drawer",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-infolabel-dc7c6223-4a06-42f1-a6f6-9ddaf488803e.json b/change/@fluentui-react-infolabel-dc7c6223-4a06-42f1-a6f6-9ddaf488803e.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-infolabel",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-list-preview-f355ed2f-294e-4b0d-8f0c-59f684d61515.json b/change/@fluentui-react-list-preview-f355ed2f-294e-4b0d-8f0c-59f684d61515.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-list-preview",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-menu-19683f73-d2c1-441e-87fa-f4ca074e7bd2.json b/change/@fluentui-react-menu-19683f73-d2c1-441e-87fa-f4ca074e7bd2.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-menu",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-migration-v0-v9-31f1ddf5-6ce6-424a-a576-8fb4b8336d63.json b/change/@fluentui-react-migration-v0-v9-31f1ddf5-6ce6-424a-a576-8fb4b8336d63.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update generated api",
+  "packageName": "@fluentui/react-migration-v0-v9",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-motion-1ecb79e8-deb8-4e5e-8be4-341fcbd70ead.json b/change/@fluentui-react-motion-1ecb79e8-deb8-4e5e-8be4-341fcbd70ead.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-motion",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-overflow-88fb1633-a8a7-4c6e-827c-f48b97702a3f.json b/change/@fluentui-react-overflow-88fb1633-a8a7-4c6e-827c-f48b97702a3f.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-overflow",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-popover-23093573-92f3-4ac1-9032-894182562d8e.json b/change/@fluentui-react-popover-23093573-92f3-4ac1-9032-894182562d8e.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-popover",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-portal-compat-fac2b4d7-61f4-4bcb-932e-051821f42377.json b/change/@fluentui-react-portal-compat-fac2b4d7-61f4-4bcb-932e-051821f42377.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-portal-compat",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-swatch-picker-3866ae6e-34e1-45c7-b9a5-66333c6f2e4e.json b/change/@fluentui-react-swatch-picker-3866ae6e-34e1-45c7-b9a5-66333c6f2e4e.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-swatch-picker",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-table-dfd62e19-0fab-4f85-8713-15df7f8770cb.json b/change/@fluentui-react-table-dfd62e19-0fab-4f85-8713-15df7f8770cb.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-table",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-tabster-73a95c93-994c-40ad-8a20-e6b93ce230cc.json b/change/@fluentui-react-tabster-73a95c93-994c-40ad-8a20-e6b93ce230cc.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-tabster",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-tag-picker-c37fc1e6-1a66-491a-9c29-03eb496caeea.json b/change/@fluentui-react-tag-picker-c37fc1e6-1a66-491a-9c29-03eb496caeea.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-tag-picker",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-tags-91f4933e-8018-4cea-8440-417bbaf4e7d6.json b/change/@fluentui-react-tags-91f4933e-8018-4cea-8440-417bbaf4e7d6.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-tags",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-timepicker-compat-d4c11b3d-1b54-44e7-8231-c31f5e2eb183.json b/change/@fluentui-react-timepicker-compat-d4c11b3d-1b54-44e7-8231-c31f5e2eb183.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-timepicker-compat",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-toast-868f2a7b-e5f8-4fde-8890-c2d679213403.json b/change/@fluentui-react-toast-868f2a7b-e5f8-4fde-8890-c2d679213403.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-toast",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-toolbar-5bd96504-b775-4b48-b161-765a58dab3a4.json b/change/@fluentui-react-toolbar-5bd96504-b775-4b48-b161-765a58dab3a4.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-toolbar",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-tree-4b796704-0c2a-4529-89fc-7f66f1de0e14.json b/change/@fluentui-react-tree-4b796704-0c2a-4529-89fc-7f66f1de0e14.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-tree",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-utilities-a76b7036-25c3-49fa-bf0a-8cab44d8d4eb.json b/change/@fluentui-react-utilities-a76b7036-25c3-49fa-bf0a-8cab44d8d4eb.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "add explicit typeRoot to tsconfig.json",
+  "packageName": "@fluentui/react-utilities",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-theme-18bd688f-f330-4fb2-abc6-d70673fe6bc6.json b/change/@fluentui-theme-18bd688f-f330-4fb2-abc6-d70673fe6bc6.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update api.md",
+  "packageName": "@fluentui/theme",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-web-components-a0546391-be46-4cec-ba6d-1b268e7f08b0.json b/change/@fluentui-web-components-a0546391-be46-4cec-ba6d-1b268e7f08b0.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update tsconfig to be compatiable with 5.2",
+  "packageName": "@fluentui/web-components",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/package.json b/package.json
@@ -340,7 +340,7 @@
     "tsconfig-paths": "4.2.0",
     "tsconfig-paths-webpack-plugin": "4.1.0",
     "tslib": "2.6.3",
-    "typescript": "5.0.4",
+    "typescript": "5.2.2",
     "vinyl": "2.2.0",
     "webpack": "5.94.0",
     "webpack-bundle-analyzer": "4.10.1",
@@ -377,7 +377,8 @@
     "eslint": "8.57.0",
     "swc-loader": "^0.2.6",
     "prettier": "2.8.8",
-    "puppeteer": "19.6.0"
+    "puppeteer": "19.6.0",
+    "@microsoft/api-extractor/typescript": "5.2.2"
   },
   "nx": {
     "includedScripts": []

diff --git a/packages/eslint-plugin/tsconfig.json b/packages/eslint-plugin/tsconfig.json
@@ -3,8 +3,8 @@
     "noEmit": true,
     "allowJs": true,
     "checkJs": true,
-    "module": "commonjs",
-    "moduleResolution": "nodenext",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
     "noUnusedLocals": true,
     "skipLibCheck": true,
     "strict": true,

diff --git a/packages/fluentui/e2e/cypress/support/index.d.ts b/packages/fluentui/e2e/cypress/support/index.d.ts
@@ -1,3 +1,5 @@
+import 'cypress-real-events';
+
 type E2EKeys =
   | '{downarrow}'
   | '{leftarrow}'
@@ -22,26 +24,28 @@ type CyrillicLetters = 'т';
 
 type modifier = 'Alt' | 'Control' | 'Meta' | 'Shift';
 
-declare namespace Cypress {
-  interface Chainable {
-    gotoTestCase(testFilePath: string, waitForSelector: string): Chainable<Element>;
-    goto(docsUrl: string, waitForSelector: string): Chainable<Element>;
-    exist(selector: string): Chainable<Element>;
-    notExist(selector: string): Chainable<Element>;
-    nothingIsFocused(): Chainable<Element>;
-    simulatePageMove(): Chainable<Element>;
-    clickOn(selector: string): Chainable<Element>;
-    mouseDownOn(selector: string): Chainable<Element>;
-    focusOn(selector: string): Chainable<Element>;
-    hoverOn(selector: string): Chainable<Element>;
-    resizeViewport(width: number): Chainable<Element>;
-    isFocused(selector: string): Chainable<Element>;
-    expectTextOf(selector: string, text: string): Chainable<Element>;
-    expectCount(selector: string, count: number): Chainable<Element>;
-    notVisible(selector: string): Chainable<Element>;
-    visible(selector: string): Chainable<Element>;
-    waitForSelectorAndPressKey(selector: string, key: E2EKeys, modifier?: modifier): Chainable<Element>;
-    hasComputedStyle(selector: string, property: keyof CSSStyleDeclaration, value: string): Chainable<Element>;
-    hasPropertyValue(selector: string, property: string, value: string | number): Chainable<Element>;
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      gotoTestCase(testFilePath: string, waitForSelector: string): Chainable<Element>;
+      goto(docsUrl: string, waitForSelector: string): Chainable<Element>;
+      exist(selector: string): Chainable<Element>;
+      notExist(selector: string): Chainable<Element>;
+      nothingIsFocused(): Chainable<Element>;
+      simulatePageMove(): Chainable<Element>;
+      clickOn(selector: string): Chainable<Element>;
+      mouseDownOn(selector: string): Chainable<Element>;
+      focusOn(selector: string): Chainable<Element>;
+      hoverOn(selector: string): Chainable<Element>;
+      resizeViewport(width: number): Chainable<Element>;
+      isFocused(selector: string): Chainable<Element>;
+      expectTextOf(selector: string, text: string): Chainable<Element>;
+      expectCount(selector: string, count: number): Chainable<Element>;
+      notVisible(selector: string): Chainable<Element>;
+      visible(selector: string): Chainable<Element>;
+      waitForSelectorAndPressKey(selector: string, key: E2EKeys, modifier?: modifier): Chainable<Element>;
+      hasComputedStyle(selector: string, property: keyof CSSStyleDeclaration, value: string): Chainable<Element>;
+      hasPropertyValue(selector: string, property: string, value: string | number): Chainable<Element>;
+    }
   }
 }
diff --git a/packages/react-components/babel-preset-global-context/tsconfig.cy.json b/packages/react-components/babel-preset-global-context/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../node_modules", "../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]

diff --git a/packages/react-components/global-context/tsconfig.cy.json b/packages/react-components/global-context/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../node_modules", "../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]

diff --git a/packages/react-components/react-aria/library/tsconfig.cy.json b/packages/react-components/react-aria/library/tsconfig.cy.json
@@ -3,6 +3,7 @@
   "compilerOptions": {
     "isolatedModules": false,
     "types": ["node", "cypress", "cypress-real-events"],
+    "typeRoots": ["../../../../node_modules", "../../../../node_modules/@types"],
     "lib": ["ES2019", "dom"]
   },
   "include": ["**/*.cy.ts", "**/*.cy.tsx"]