[core] Update to typescript 4.8.3 (target master)

benchmark/package.json

@@ -10,7 +10,7 @@
     "@emotion/styled": "^11.10.4",
     "@material-ui/core": "^5.0.0-beta.5",
     "@material-ui/icons": "^5.0.0-beta.5",
-    "@mui/material": "^5.10.2",
+    "@mui/material": "^5.10.5",
     "@mui/x-data-grid": "^4.0.0",
     "@visx/xychart": "^2.12.2",
     "ag-grid-community": "^28.1.1",

docs/package.json

@@ -26,11 +26,11 @@
     "@emotion/react": "^11.10.4",
     "@emotion/server": "^11.10.0",
     "@emotion/styled": "^11.10.4",
-    "@mui/icons-material": "^5.10.2",
-    "@mui/joy": "^5.0.0-alpha.42",
-    "@mui/material": "^5.10.2",
-    "@mui/styles": "^5.9.3",
-    "@mui/utils": "^5.9.3",
+    "@mui/icons-material": "^5.10.3",
+    "@mui/joy": "^5.0.0-alpha.45",
+    "@mui/material": "^5.10.5",
+    "@mui/styles": "^5.10.3",
+    "@mui/utils": "^5.10.3",
     "@trendmicro/react-interpolate": "^0.5.5",
     "@types/lodash": "^4.14.184",
     "@types/react-dom": "^18.0.6",

package.json

@@ -83,10 +83,10 @@
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@mnajdova/enzyme-adapter-react-18": "^0.2.0",
-    "@mui/icons-material": "^5.10.2",
-    "@mui/material": "^5.10.2",
+    "@mui/icons-material": "^5.10.3",
+    "@mui/material": "^5.10.5",
     "@mui/monorepo": "https://github.com/m4theushw/material-ui.git#master",
-    "@mui/utils": "^5.9.3",
+    "@mui/utils": "^5.10.3",
     "@octokit/plugin-retry": "^3.0.9",
     "@octokit/rest": "^18.12.0",
     "@playwright/test": "1.21.1",
@@ -157,7 +157,7 @@
     "serve": "^14.0.1",
     "sinon": "^14.0.0",
     "stream-browserify": "^3.0.0",
-    "typescript": "^4.7.4",
+    "typescript": "^4.8.3",
     "webpack": "^5.74.0",
     "webpack-cli": "^4.10.0",
     "yargs": "^17.5.1",

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

@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.9",
-    "@mui/base": "^5.0.0-alpha.94",
+    "@mui/base": "^5.0.0-alpha.97",
     "@mui/x-data-grid-premium": "5.17.2",
     "chance": "^1.1.8",
     "clsx": "^1.2.1",

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

@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.9",
-    "@mui/utils": "^5.9.3",
+    "@mui/utils": "^5.10.3",
     "@mui/x-data-grid": "5.17.2",
     "@mui/x-data-grid-pro": "5.17.2",
     "@mui/x-license-pro": "5.17.0",

packages/grid/x-data-grid-premium/src/hooks/features/rowGrouping/gridRowGroupingInterfaces.ts

@@ -1,4 +1,4 @@
-import { GridColDef } from '@mui/x-data-grid';
+import { GridColDef, GridValidRowModel } from '@mui/x-data-grid';
 
 export type GridRowGroupingModel = string[];
 
@@ -43,9 +43,10 @@ export interface GridRowGroupingApi {
   setRowGroupingCriteriaIndex: (groupingCriteriaField: string, groupingIndex: number) => void;
 }
 
-export interface GridGroupingRule<R = any, V = any> {
+export interface GridGroupingRule<R extends GridValidRowModel = GridValidRowModel, V = any> {
   field: string;
   groupingValueGetter?: GridColDef<R, V>['groupingValueGetter'];
 }
 
-export type GridGroupingRules<R = any> = GridGroupingRule<R>[];
+export type GridGroupingRules<R extends GridValidRowModel = GridValidRowModel> =
+  GridGroupingRule<R>[];

packages/grid/x-data-grid-premium/src/models/gridGroupingValueGetterParams.ts

@@ -4,12 +4,16 @@ import {
   GridRowTreeNodeConfig,
   GridColDef,
   GridStateColDef,
+  GridValidRowModel,
 } from '@mui/x-data-grid-pro';
 
 /**
  * Parameters passed to `colDef.groupingValueGetter`.
  */
-export interface GridGroupingValueGetterParams<V = any, R = any> {
+export interface GridGroupingValueGetterParams<
+  V = any,
+  R extends GridValidRowModel = GridValidRowModel,
+> {
   /**
    * The grid row id.
    */

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

@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.9",
-    "@mui/utils": "^5.9.3",
+    "@mui/utils": "^5.10.3",
     "@mui/x-data-grid": "5.17.2",
     "@mui/x-license-pro": "5.17.0",
     "@types/format-util": "^1.0.2",

packages/grid/x-data-grid-pro/src/hooks/features/rowPinning/gridRowPinningInterface.ts

@@ -1,6 +1,6 @@
-import { GridRowId, GridRowsLookup, GridRowsProp } from '@mui/x-data-grid';
+import { GridRowId, GridRowsLookup, GridRowsProp, GridValidRowModel } from '@mui/x-data-grid';
 
-export interface GridPinnedRowsProp<R = any> {
+export interface GridPinnedRowsProp<R extends GridValidRowModel = GridValidRowModel> {
   top?: GridRowsProp<R>;
   bottom?: GridRowsProp<R>;
 }

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

@@ -47,7 +47,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.9",
-    "@mui/utils": "^5.9.3",
+    "@mui/utils": "^5.10.3",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.6"

packages/grid/x-data-grid/src/components/cell/GridCell.tsx

@@ -238,7 +238,7 @@ function GridCell(props: GridCellProps) {
     }
 
     if (React.isValidElement(children) && managesOwnFocus) {
-      return React.cloneElement(children, { focusElementRef });
+      return React.cloneElement<any>(children, { focusElementRef });
     }
 
     return children;

packages/grid/x-data-grid/src/components/toolbar/GridToolbarExportContainer.tsx

@@ -86,7 +86,7 @@ export const GridToolbarExportContainer = React.forwardRef<HTMLButtonElement, Bu
               if (!React.isValidElement(child)) {
                 return child;
               }
-              return React.cloneElement(child, { hideMenu: handleMenuClose });
+              return React.cloneElement<any>(child, { hideMenu: handleMenuClose });
             })}
           </MenuList>
         </GridMenu>

packages/grid/x-data-grid/src/hooks/utils/useGridInitializeState.ts

@@ -16,7 +16,10 @@ export type GridStateInitializer<
   apiRef: React.MutableRefObject<Api>,
 ) => DeepPartial<Api['state']>;
 
-export const useGridInitializeState = <P, Api extends GridApiCommon = GridApiCommunity>(
+export const useGridInitializeState = <
+  P extends Partial<DataGridProcessedProps>,
+  Api extends GridApiCommon = GridApiCommunity,
+>(
   initializer: GridStateInitializer<P, Api>,
   apiRef: React.MutableRefObject<Api>,
   props: P,

packages/grid/x-data-grid/src/models/gridRows.ts

@@ -2,7 +2,9 @@ import type { GridKeyValue } from './colDef/gridColDef';
 
 export type GridValidRowModel = { [key: string]: any };
 
-export type GridRowsProp<R = GridValidRowModel> = Readonly<GridRowModel<R>[]>;
+export type GridRowsProp<R extends GridValidRowModel = GridValidRowModel> = Readonly<
+  GridRowModel<R>[]
+>;
 
 /**
  * @deprecated prefer GridRowModel.

packages/grid/x-data-grid/src/models/params/gridEditCellParams.ts

@@ -1,5 +1,5 @@
 import { GridEditCellProps } from '../gridEditRowModel';
-import { GridRowId } from '../gridRows';
+import { GridRowId, GridValidRowModel } from '../gridRows';
 import { GridCellParams } from './gridCellParams';
 
 // TODO v6 - remove
@@ -54,7 +54,11 @@ enum GridCellEditStartReasons {
 /**
  * Params passed to the `cellEditStart` event.
  */
-export interface GridCellEditStartParams<V = any, R = any, F = V> extends GridCellParams<V, R, F> {
+export interface GridCellEditStartParams<
+  V = any,
+  R extends GridValidRowModel = GridValidRowModel,
+  F = V,
+> extends GridCellParams<V, R, F> {
   /**
    * The reason for this event to be triggered.
    * Only applied if `props.experimentalFeatures.newEditingApi: true`.
@@ -73,7 +77,11 @@ enum GridCellEditStopReasons {
 /**
  * Params passed to the `cellEditStop event.
  */
-export interface GridCellEditStopParams<V = any, R = any, F = V> extends GridCellParams<V, R, F> {
+export interface GridCellEditStopParams<
+  V = any,
+  R extends GridValidRowModel = GridValidRowModel,
+  F = V,
+> extends GridCellParams<V, R, F> {
   /**
    * The reason for this event to be triggered.
    * Only available if `props.experimentalFeatures.newEditingApi: true`.

packages/storybook/package.json

@@ -16,8 +16,8 @@
     "directory": "packages/storybook"
   },
   "dependencies": {
-    "@mui/icons-material": "^5.10.2",
-    "@mui/material": "^5.10.2",
+    "@mui/icons-material": "^5.10.3",
+    "@mui/material": "^5.10.5",
     "@mui/x-data-grid": "5.17.2",
     "@mui/x-data-grid-generator": "5.17.2",
     "@mui/x-data-grid-premium": "5.17.2",

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

@@ -46,7 +46,7 @@
     "@date-io/dayjs": "^2.15.0",
     "@date-io/luxon": "^2.15.0",
     "@date-io/moment": "^2.15.0",
-    "@mui/utils": "^5.9.3",
+    "@mui/utils": "^5.10.3",
     "@mui/x-date-pickers": "5.0.1",
     "@mui/x-license-pro": "5.17.0",
     "clsx": "^1.2.1",

packages/x-date-pickers/package.json

@@ -50,7 +50,7 @@
     "@date-io/dayjs": "^2.15.0",
     "@date-io/luxon": "^2.15.0",
     "@date-io/moment": "^2.15.0",
-    "@mui/utils": "^5.9.3",
+    "@mui/utils": "^5.10.3",
     "@types/react-transition-group": "^4.4.5",
     "clsx": "^1.2.1",
     "prop-types": "^15.7.2",

packages/x-date-pickers/src/internals/models/muiPickersAdapter.ts

@@ -1,5 +1,7 @@
 import { IUtils } from '@date-io/core/IUtils';
 
+// @ts-ignore TDate in our codebase does not have the `ExtendableDateType` constraint.
+// TODO: Maybe we should add the same constraint.
 export type MuiPickersAdapter<TDate> = IUtils<TDate>;
 
 export type MuiDateSectionName = 'day' | 'month' | 'year' | 'hour' | 'minute' | 'second' | 'am-pm';

packages/x-license-pro/package.json

@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.9",
-    "@mui/utils": "^5.9.3"
+    "@mui/utils": "^5.10.3"
   },
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0"