[code-infra] Port codebase to use tsgo

.circleci/config.yml

@@ -203,7 +203,7 @@ jobs:
             git add -A && git diff --exit-code --staged
   test_types:
     <<: *default-job
-    resource_class: large.gen2
+    resource_class: xlarge.gen2
     steps:
       - checkout
       - install-deps
@@ -216,8 +216,6 @@ jobs:
       - run:
           name: Tests TypeScript definitions
           command: pnpm typescript:ci
-          environment:
-            NODE_OPTIONS: --max-old-space-size=5120
   test_e2e:
     <<: *default-job
     executor:

docs/package.json

@@ -11,7 +11,7 @@
     "icons": "rimraf public/static/icons/* && node ./scripts/buildIcons.js",
     "serve": "serve ./export -l 3010 -c ../serve.json",
     "create-playground": "node ./scripts/createPlayground.js",
-    "typescript": "tsc -p tsconfig.json",
+    "typescript": "tsgo -p tsconfig.json",
     "typescript:transpile": "cross-env BABEL_ENV=development node scripts/formattedTSDemos",
     "typescript:transpile:dev": "cross-env BABEL_ENV=development node scripts/formattedTSDemos --watch",
     "populate:demos": "tsx scripts/populatePickersDemos",

package.json

@@ -99,6 +99,7 @@
     "@types/sinon": "21.0.1",
     "@types/yargs": "17.0.35",
     "@typescript-eslint/parser": "catalog:",
+    "@typescript/native-preview": "7.0.0-dev.20260615.1",
     "@vitejs/plugin-react": "catalog:",
     "@vitest/browser-playwright": "catalog:",
     "@vitest/coverage-v8": "catalog:",

packages/x-charts-premium/package.json

@@ -23,8 +23,8 @@
     "charts"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-charts-premium/src/ChartsRadialDataProviderPremium/useChartsRadialDataProviderPremiumProps.ts

@@ -15,7 +15,7 @@ export const useChartsRadialDataProviderPremiumProps = <
   props: ChartsRadialDataProviderPremiumProps<SeriesType, TSignatures>,
 ) => {
   const { chartProviderProps, localeText, slots, slotProps, children } =
-    useChartsRadialDataProviderProps(props);
+    useChartsRadialDataProviderProps<SeriesType, TSignatures>(props);
 
   return {
     children,

packages/x-charts-premium/src/HeatmapPremium/HeatmapPremium.plugins.ts

@@ -37,15 +37,16 @@ export type HeatmapPremiumPluginSignatures = [
   UseChartKeyboardNavigationSignature,
 ];
 
-export const HEATMAP_PREMIUM_PLUGINS = [
-  useChartZAxis,
-  useChartTooltip,
-  useChartInteraction,
-  useChartCartesianAxis,
-  useChartHighlight,
-  useChartProExport,
-  useChartBrush,
-  useChartProZoom,
-  useChartItemClick,
-  useChartKeyboardNavigation,
-] as ConvertSignaturesIntoPlugins<HeatmapPremiumPluginSignatures>;
+export const HEATMAP_PREMIUM_PLUGINS: ConvertSignaturesIntoPlugins<HeatmapPremiumPluginSignatures> =
+  [
+    useChartZAxis,
+    useChartTooltip,
+    useChartInteraction,
+    useChartCartesianAxis,
+    useChartHighlight,
+    useChartProExport,
+    useChartBrush,
+    useChartProZoom,
+    useChartItemClick,
+    useChartKeyboardNavigation,
+  ];

packages/x-charts-pro/package.json

@@ -23,8 +23,8 @@
     "charts"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-charts-pro/src/Heatmap/Heatmap.plugins.ts

@@ -39,7 +39,7 @@ export type HeatmapPluginSignatures = [
   UseChartKeyboardNavigationSignature,
 ];
 
-export const HEATMAP_PLUGINS = [
+export const HEATMAP_PLUGINS: ConvertSignaturesIntoPlugins<HeatmapPluginSignatures> = [
   useChartZAxis,
   useChartTooltip,
   useChartInteraction,
@@ -50,4 +50,4 @@ export const HEATMAP_PLUGINS = [
   useChartProZoom,
   useChartItemClick,
   useChartKeyboardNavigation,
-] as ConvertSignaturesIntoPlugins<HeatmapPluginSignatures>;
+];

packages/x-charts/package.json

@@ -23,8 +23,8 @@
     "charts"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat --ignore 'src/**/*.bench.ts'",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat --ignore 'src/**/*.bench.ts'",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo",
     "bench:jsdom": "pnpm vitest bench -c ./vitest.config.jsdom.mts",
     "bench:browser": "pnpm vitest bench -c ./vitest.config.browser.mts"

packages/x-charts/src/internals/plugins/featurePlugins/useChartItemClick/useChartItemClick.ts

@@ -5,7 +5,7 @@ import type { UseChartItemClickSignature } from './useChartItemClick.types';
 import type { SeriesItemIdentifierWithType } from '../../../../models/seriesType';
 import { getChartPoint } from '../../../getChartPoint';
 
-export const useChartItemClick: ChartPlugin<UseChartItemClickSignature> = ({
+export const useChartItemClick: ChartPlugin<UseChartItemClickSignature<any>> = ({
   params,
   store,
   instance,

packages/x-chat-headless/package.json

@@ -25,8 +25,8 @@
     "unstyled"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-chat/package.json

@@ -36,8 +36,8 @@
     "llm"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-codemod/package.json

@@ -14,9 +14,9 @@
     "jscodeshift"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
+    "typescript": "tsgo -p tsconfig.json",
     "prebuild": "rimraf build",
-    "build": "code-infra build --flat --bundle cjs --buildTypes false --ignore 'src/types.ts'"
+    "build": "code-infra build --tsgo --flat --bundle cjs --buildTypes false --ignore 'src/types.ts'"
   },
   "repository": {
     "type": "git",

packages/x-data-grid-generator/package.json

@@ -17,8 +17,8 @@
     "mui-x"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-data-grid-premium/package.json

@@ -29,8 +29,8 @@
     "data-grid"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-data-grid-pro/package.json

@@ -29,8 +29,8 @@
     "data-grid"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-data-grid/package.json

@@ -33,8 +33,8 @@
     "data-grid"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat --copy \"src/**/*.css\" --copy \"src/**/*.css:esm\"",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat --copy \"src/**/*.css\" --copy \"src/**/*.css:esm\"",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-data-grid/src/models/api/gridApiCommon.ts

@@ -81,7 +81,7 @@ export interface GridPrivateOnlyApiCommon<
 >
   extends
     GridCorePrivateApi<Api, PrivateApi, Props>,
-    GridStatePrivateApi<PrivateApi['state']>,
+    GridStatePrivateApi<Api['state']>,
     GridPipeProcessingPrivateApi,
     GridStrategyProcessingApi,
     GridColumnSpanningPrivateApi,

packages/x-date-pickers-pro/package.json

@@ -26,8 +26,8 @@
     "datetimepicker"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-date-pickers/package.json

@@ -29,8 +29,8 @@
     "datetimepicker"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-internal-gestures/package.json

@@ -34,8 +34,8 @@
     "directory": "packages/x-internal-gestures"
   },
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "dependencies": {

packages/x-internals/package.json

@@ -26,8 +26,8 @@
     "utils"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-license/package.json

@@ -17,8 +17,8 @@
     "directory": "build"
   },
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-scheduler-internals-premium/package.json

@@ -38,8 +38,8 @@
     "big-calendar"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat --copy \"src/**/*.css\" --copy \"src/**/*.css:esm\"",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat --copy \"src/**/*.css\" --copy \"src/**/*.css:esm\"",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-scheduler-internals/package.json

@@ -56,8 +56,8 @@
     "big-calendar"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat --copy \"src/**/*.css\" --copy \"src/**/*.css:esm\"",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat --copy \"src/**/*.css\" --copy \"src/**/*.css:esm\"",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-scheduler-premium/package.json

@@ -43,8 +43,8 @@
     "big-calendar"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat --copy \"src/**/*.css\" --copy \"src/**/*.css:esm\"",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat --copy \"src/**/*.css\" --copy \"src/**/*.css:esm\"",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-scheduler/package.json

@@ -49,8 +49,8 @@
     "big-calendar"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat --copy \"src/**/*.css\" --copy \"src/**/*.css:esm\"",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat --copy \"src/**/*.css\" --copy \"src/**/*.css:esm\"",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-telemetry/package.json

@@ -13,8 +13,8 @@
     "directory": "build"
   },
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat && pnpm build:update-pkg-json",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat && pnpm build:update-pkg-json",
     "build:update-pkg-json": "node ./scripts/addPackageScripts.js",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },

packages/x-tree-view-pro/package.json

@@ -27,8 +27,8 @@
     "treeview"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-tree-view-pro/src/internals/plugins/lazyLoading/utils.ts

@@ -15,19 +15,19 @@ export enum RequestStatus {
  * Determines the status of a request based on the enum `RequestStatus`
  * Uses `ParentId` to uniquely identify a request
  */
-export class NestedDataManager {
+export class NestedDataManager<R extends TreeViewValidItem<R>> {
   private pendingRequests: Set<TreeViewItemId> = new Set();
 
   private queuedRequests: Set<TreeViewItemId> = new Set();
 
   private settledRequests: Set<TreeViewItemId> = new Set();
 
-  private lazyLoadingPlugin: TreeViewLazyLoadingPlugin<TreeViewValidItem<any>>;
+  private lazyLoadingPlugin: TreeViewLazyLoadingPlugin<R>;
 
   private maxConcurrentRequests: number;
 
   constructor(
-    lazyLoadingPlugin: TreeViewLazyLoadingPlugin<TreeViewValidItem<any>>,
+    lazyLoadingPlugin: TreeViewLazyLoadingPlugin<R>,
     maxConcurrentRequests = MAX_CONCURRENT_REQUESTS,
   ) {
     this.lazyLoadingPlugin = lazyLoadingPlugin;

packages/x-tree-view/package.json

@@ -27,8 +27,8 @@
     "treeview"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {

packages/x-tree-view/src/internals/plugins/labelEditing/TreeViewLabelEditingPlugin.ts

@@ -4,9 +4,9 @@ import { labelSelectors } from './selectors';
 import { useLabelEditingItemPlugin } from './itemPlugin';
 
 export class TreeViewLabelEditingPlugin {
-  private store: ExtendableRichTreeViewStore<any, any>;
+  private store: ExtendableRichTreeViewStore<any, any, any, any>;
 
-  constructor(store: ExtendableRichTreeViewStore<any, any>) {
+  constructor(store: ExtendableRichTreeViewStore<any, any, any, any>) {
     this.store = store;
     store.itemPluginManager.register(useLabelEditingItemPlugin, null);
   }

packages/x-virtualizer/package.json

@@ -23,8 +23,8 @@
     "virtualization"
   ],
   "scripts": {
-    "typescript": "tsc -p tsconfig.json",
-    "build": "code-infra build --flat",
+    "typescript": "tsgo -p tsconfig.json",
+    "build": "code-infra build --tsgo --flat",
     "prebuild": "rimraf build tsconfig.build.tsbuildinfo"
   },
   "repository": {