@mui/x-data-grid 9.3.0 → 9.5.0

package/CHANGELOG.md

@@ -1,5 +1,301 @@
 # Changelog
 
+## 9.5.0
+
+_Jun 11, 2026_
+
+We'd like to extend a big thank you to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 New [`multiSelect` column type for Data Grid Pro](https://mui.com/x/react-data-grid/column-definition/#MultiSelectColumn)
+- 🚀 New [renderer="svg-progressive"](https://mui.com/x/react-charts/scatter/#progressive-renderer) paints scatter points in batched frames so large datasets render smoothly without blocking the main thread.
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to community members @mustafajw07 and @Anexus5919 for their valuable contribution.
+
+The following team members contributed to this release:
+@alexfauquette, @JCQuintas, @rita-codes, @rluzists1, @sai6855, @siriwatknp, @arminmeh, @brijeshb42
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.5.0`
+
+- [DataGrid] Restrict warning messages to non-production environments in various components (#22461) @sai6855
+- [DataGrid] Prevent React state update before mount (#22374) @arminmeh
+
+#### `@mui/x-data-grid-pro@9.5.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.5.0`, plus:
+
+- [DataGridPro] Add new `multiSelect` column type (#21157) @siriwatknp
+
+#### `@mui/x-data-grid-premium@9.5.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.5.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.5.0`
+
+- [pickers] Fix missing export of `th-TH` (#22703) @alexfauquette
+
+#### `@mui/x-date-pickers-pro@9.5.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.5.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.5.0`
+
+- [charts] Add `FocusedBar` component to `BarScatterComposition` demo (#22704) @sai6855
+- [charts] Add dedicated Bubble Chart documentation page (#22688) @mustafajw07
+- [charts] Add progressive scatter renderer (#22518) @JCQuintas
+- [charts] Avoid full axis pipeline rebuild on resize (#22695) @JCQuintas
+- [charts] Document focus indicator in composition page (#22712) @JCQuintas
+- [charts] Fix `ChartsTooltip` `container` and `disablePortal` props being ignored (#22690) @JCQuintas
+- [charts] Make ordinal scales O(1) to copy and re-range (#22691) @JCQuintas
+- [charts] Stabilize WebGL bar rendering at sub-pixel widths (#22678) @JCQuintas
+- [charts] Use the series config to define value types (#22693) @sai6855
+- [charts] Decouple interaction hook from the cartesian zoom (#22708) @alexfauquette
+
+#### `@mui/x-charts-pro@9.5.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.5.0`, plus:
+
+- [charts-pro] Add missing focus highlight (#22689) @alexfauquette
+
+#### `@mui/x-charts-premium@9.5.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.5.0`, plus:
+
+- [charts-premium] Set `Heatmap` WebGL render as stable (#22665) @alexfauquette
+- [charts-premium] Stabilize candlestick charts (#22666) @alexfauquette
+- [charts-premium] Stabilize the radial charts (#22655) @alexfauquette
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.1`
+
+Internal changes.
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.1`, plus:
+
+- [scheduler] Remove dead CSS variable writes in `EventTimelinePremiumContent` (#22720) @rita-codes
+- [scheduler] Show scope dialog when deleting a recurring event (#22552) @Anexus5919
+
+### Core
+
+- [docs-infra] Fix immutable cache headers for `/\_next/static` assets (#22747) @brijeshb42
+- [docs-infra] Prefix `/\_next/static` cache header rule with `/x` basePath (#22748) @brijeshb42
+- [code-infra] Update dependencies to resolve Dependabot security alerts (#22714) @Janpot
+
+### Docs
+
+- [docs] Fix broken links checker crashing on 404 known-targets fetch (#22707) @sai6855
+- [docs] Fix country data (#22716) @alexfauquette
+
+### Miscellaneous
+
+- [legal] Update EULA links in docs (#22717) @rluzists1
+
+## 9.4.0
+
+<!-- generated comparing v9.3.0..master -->
+
+_Jun 4, 2026_
+
+We'd like to extend a big thank you to the 21 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎉 Scheduler is now in Beta shipping with Timeline vitualization and lazy loading
+- 📆 Implement Event Timeline virtualization (#22339)
+- 🫧 Introduce bubble charts (#22537)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@imxv, @mixelburg, @mustafajw07
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @hasdfa, @Janpot, @JCQuintas, @joserodolfofreitas, @LukasTy, @MBilalShafi, @michelengelen, @mj12albert, @noraleonte, @oliviertassinari, @rita-codes, @romgrk, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.4.0`
+
+- [DataGrid] Fix `avg` aggregation when the average is zero (#22652) @mj12albert
+- [DataGrid] Inherit icon `fontSize` from `baseIconButton` size (#22187) @imxv
+- [DataGrid] Fix `noRowsOverlay` flicker between `dataSource` re-fetches (#22465) @LukasTy
+
+#### `@mui/x-data-grid-pro@9.4.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.4.0`.
+
+#### `@mui/x-data-grid-premium@9.4.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+> This release includes a version bump of the `@mui/x-internal-exceljs-fork` package to address the vulnerable dependencies.
+> The following CVEs are fixed:
+>
+> - <https://github.com/advisories/GHSA-ph9p-34f9-6g65>
+> - <https://github.com/isaacs/minimatch/security/advisories/GHSA-23c5-xmqv-rm74>
+> - <https://github.com/advisories/GHSA-w5hq-g745-h8pq>
+>
+> To make this security update possible, we bumped the `node` version requirement from `>=14.0.0` to `>=14.17.0`.
+> [Node.js 14.17.0](https://nodejs.org/en/blog/release/v14.17.0) was released in May 2021, so we consider it safe to bump the requirement without causing issues for our users.
+
+Same changes as in `@mui/x-data-grid-pro@9.4.0`, plus:
+
+- [DataGridPremium] Nested Lazy Loading (#21043) @MBilalShafi
+- [DataGridPremium] Update exceljs fork (#22658) @cherniavskii
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.4.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.4.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.4.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.4.0`
+
+- [charts] Add functionality to hide elements during chart export (#22525) @sai6855
+- [charts] Add option to show marks only on the first/last values (#22645) @alexfauquette
+- [charts] Add text customization section and demo for axis labels (#22597) @sai6855
+- [charts] Allow axes to scale according to the visible series only (#22566) @alexfauquette
+- [charts] Correctly handle different identifiers for each series (#22556) @sai6855
+- [charts] Fix inverted Y axis zoom/pan on ordinal scales (#22654) @JCQuintas
+- [charts] Introduce bubble charts (#22537) @alexfauquette
+- [charts] Let scatter chart tooltip ignore hidden series (#22614) @alexfauquette
+- [charts] Make `'sqrt'` size mapping the default (#22683) @alexfauquette
+- [charts] Remove unused proptypes (#22618) @alexfauquette
+- [charts] Support module augmentation for slots (#22519) @sai6855
+- [charts] Support multiple marker size in `findClosestPoint` (#22622) @alexfauquette
+- [charts] Upgrade bezier-easing to v3 and use it for line chart hit-detection (#22608) @sai6855
+- [charts] Use `useLayoutEffect` with `ResizeObserver` (#22646) @JCQuintas
+
+#### `@mui/x-charts-pro@9.4.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.4.0`, plus:
+
+- [charts-pro] Auto-select range button matching current zoom (#22137) @JCQuintas
+- [charts-pro] Support range values in `initialZoom` (#22563) @JCQuintas
+
+#### `@mui/x-charts-premium@9.4.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.4.0`, plus:
+
+- [charts-premium] Support range-bar series in WebGL bar renderer (#22607) @JCQuintas
+- [charts-premium] Fix `onAxisClick` for radial bar and lines (#22522) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@9.4.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.4.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.4.0`.
+
+### Scheduler
+
+#### Breaking changes
+
+The theme `styleOverrides` slots for the skeleton and the error container were
+renamed and unified. The CSS utility class names (for example
+`.MuiEventCalendar-eventSkeleton`) are **not** affected — only
+`theme.components.*` overrides need updating.
+
+**Event skeleton**
+
+| Before                                  | After                          |
+| --------------------------------------- | ------------------------------ |
+| `MuiEventCalendar` slot `EventSkeleton` | `MuiEventSkeleton` slot `Root` |
+| `MuiEventTimeline` slot `EventSkeleton` | `MuiEventSkeleton` slot `Root` |
+
+**Error container**
+
+| Before                                                        | After                                   |
+| ------------------------------------------------------------- | --------------------------------------- |
+| `MuiEventCalendar` / `MuiEventTimeline` slot `ErrorContainer` | `MuiEventErrorContainer` slot `Root`    |
+| `MuiEventCalendar` / `MuiEventTimeline` slot `ErrorAlert`     | `MuiEventErrorContainer` slot `Alert`   |
+| `MuiEventCalendar` / `MuiEventTimeline` slot `ErrorMessage`   | `MuiEventErrorContainer` slot `Message` |
+
+If you customized these through the theme, update the component name and slot
+names accordingly:
+
+```diff
+ components: {
+-  MuiEventCalendar: {
++  MuiEventSkeleton: {
+     styleOverrides: {
+-      EventSkeleton: { /* ... */ },
++      Root: { /* ... */ },
+     },
+    },
+  },
+ }
+```
+
+#### `@mui/x-scheduler@9.0.0-beta.0`
+
+- [scheduler] Add a prop to control whether the resource of an event can be cleared (#22464) @rita-codes
+- [scheduler] Add week number labels to agenda, day and week views (#22594) @mustafajw07
+- [scheduler] Add `weekStartsOn` preference and update date functions to support custom week start (#22426) @mustafajw07
+- [scheduler] Export premium version of the standalone views (#22621) @flaviendelangle
+- [scheduler] Implement timeline virtualization (#22339) @romgrk
+- [scheduler] Split scheduler overview (#22453) @joserodolfofreitas
+- [scheduler] Unify `EventSkeleton` and `ErrorContainer` between `EventCalendar` and `EventTimeline` (#22676) @noraleonte
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.0`.
+
+### Docs
+
+- [docs] Add a performance docs page for charts (#22656) @alexfauquette
+- [docs] Add real dataset for maps documentation (#22599) @alexfauquette
+- [docs] Add spacing between selects on charts overview demo (#22589) @bernardobelchior
+- [docs] Reorganize existing chat docs navigation (#22478) @hasdfa
+- [docs] Switch to visionscarto's world atlas dataset (#22669) @cherniavskii
+- [docs] Update TreeView `domstructure` docs and add demo (#22420) @mj12albert
+- [docs] Fix indexation of Scheduler (#22567) @oliviertassinari
+- [docs] Fix wide layout on event timeline lazy loading and Import title (#22604) @rita-codes
+- [docs] Derive class name owners for shared charts classes (#22674) @JCQuintas
+
+### Core
+
+- [code-infra] Drop unused and now-transitive deps from docs/package.json (#22549) @LukasTy
+- [code-infra] Refresh CI Node pins to 22.22.3 (#22598) @LukasTy
+- [code-infra] Skip empty product sections in changelog (#22541) @rita-codes
+- [code-infra] Stabilize DataGridScrollRestoration visual regression test (#22553) @Janpot
+- [internal] Add license to the `x-data-grid-generator` (#22240) @arminmeh
+- [internal] Express default value for resource_class (#22569) @oliviertassinari
+- [internal] Fix use of ellipsis (#21852) @oliviertassinari
+- [internal] `useLayoutEffect` with `ResizeObserver` (#22428) @romgrk
+
+### Miscellaneous
+
+- [chat-headless] Add built-in chat adapters (#22479) @hasdfa
+- [chat-headless] Harden runtime model and message errors (#22480) @hasdfa
+- [core] Prepare for TypeScript 6 bump (#22551) @LukasTy
+- [core] Use CircleCI Gen2 resource classes (#22610) @LukasTy
+- [infra] Fix broken tag retrieval on `master` during release (#22174) @michelengelen
+- [infra] Group Base UI renovate updates (#22590) @LukasTy
+- [pnpm] Add security settings to pnpm-workspace.yaml (#22611) @Janpot
+- [release] Fix release PR scripts (#22680) @JCQuintas
+- [test] Add a Tree View regression test for lazy loading with getChildrenCount returning -1 (#22605) @mixelburg
+- [test] Disable LCD subpixel antialiasing in regression screenshots (#22602) @Janpot
+- [test] Fix flaky Data Grid Pro data source tree data tests (#22659) @LukasTy
+- [test] Remove stale form-submit TODO from e2e suite (#22564) @LukasTy
+- [x-license] Exclude test keys from the published npm package (#22647) @aemartos
+- [test] Fix flaky WebGL benchmark by polling for canvas content (#22535) @JCQuintas
+
 ## 9.3.0
 
 _May 21, 2026_

package/colDef/gridColumnTypesRegistry.d.mts

@@ -0,0 +1,8 @@
+import type { GridColType } from "../models/colDef/gridColType.mjs";
+import type { GridColTypeDef } from "../models/colDef/gridColDef.mjs";
+import type { GridColumnTypesRecord } from "../models/colDef/gridColumnTypesRecord.mjs";
+export declare const DEFAULT_GRID_COL_TYPE_KEY = "string";
+export declare const isCommunityColumnType: (type: GridColType | undefined) => boolean;
+export declare const registerGridColumnTypes: (columnTypes: Partial<GridColumnTypesRecord>) => void;
+export declare const getGridColumnTypesRegistry: () => Record<string, GridColTypeDef>;
+export declare const getRegisteredColumnTypeDef: (type: GridColType | undefined) => GridColTypeDef;

package/colDef/gridColumnTypesRegistry.d.ts

@@ -0,0 +1,8 @@
+import type { GridColType } from "../models/colDef/gridColType.js";
+import type { GridColTypeDef } from "../models/colDef/gridColDef.js";
+import type { GridColumnTypesRecord } from "../models/colDef/gridColumnTypesRecord.js";
+export declare const DEFAULT_GRID_COL_TYPE_KEY = "string";
+export declare const isCommunityColumnType: (type: GridColType | undefined) => boolean;
+export declare const registerGridColumnTypes: (columnTypes: Partial<GridColumnTypesRecord>) => void;
+export declare const getGridColumnTypesRegistry: () => Record<string, GridColTypeDef>;
+export declare const getRegisteredColumnTypeDef: (type: GridColType | undefined) => GridColTypeDef;

package/colDef/gridColumnTypesRegistry.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.registerGridColumnTypes = exports.isCommunityColumnType = exports.getRegisteredColumnTypeDef = exports.getGridColumnTypesRegistry = exports.DEFAULT_GRID_COL_TYPE_KEY = void 0;
+var _gridStringColDef = require("./gridStringColDef");
+var _gridNumericColDef = require("./gridNumericColDef");
+var _gridDateColDef = require("./gridDateColDef");
+var _gridBooleanColDef = require("./gridBooleanColDef");
+var _gridSingleSelectColDef = require("./gridSingleSelectColDef");
+var _gridActionsColDef = require("./gridActionsColDef");
+var _gridLongTextColDef = require("./gridLongTextColDef");
+const DEFAULT_GRID_COL_TYPE_KEY = exports.DEFAULT_GRID_COL_TYPE_KEY = 'string';
+
+// Mutable registry seeded with the community column types. Pro/Premium packages append
+// their own types at module load via `registerGridColumnTypes`, so a community-only bundle
+// never references them at runtime.
+const columnTypesRegistry = {
+  string: _gridStringColDef.GRID_STRING_COL_DEF,
+  number: _gridNumericColDef.GRID_NUMERIC_COL_DEF,
+  date: _gridDateColDef.GRID_DATE_COL_DEF,
+  dateTime: _gridDateColDef.GRID_DATETIME_COL_DEF,
+  boolean: _gridBooleanColDef.GRID_BOOLEAN_COL_DEF,
+  singleSelect: _gridSingleSelectColDef.GRID_SINGLE_SELECT_COL_DEF,
+  [_gridActionsColDef.GRID_ACTIONS_COLUMN_TYPE]: _gridActionsColDef.GRID_ACTIONS_COL_DEF,
+  custom: _gridStringColDef.GRID_STRING_COL_DEF,
+  longText: _gridLongTextColDef.GRID_LONG_TEXT_COL_DEF
+};
+
+// Captured before any `registerGridColumnTypes` call, so it reflects the community-native types
+// only. Used to keep Pro/Premium-registered types (e.g. `multiSelect`) from resolving in a
+// community `DataGrid` even when a Pro grid registered them globally in the same bundle.
+const COMMUNITY_COLUMN_TYPE_KEYS = new Set(Object.keys(columnTypesRegistry));
+const isCommunityColumnType = type => type == null || COMMUNITY_COLUMN_TYPE_KEYS.has(type);
+exports.isCommunityColumnType = isCommunityColumnType;
+const registerGridColumnTypes = columnTypes => {
+  Object.assign(columnTypesRegistry, columnTypes);
+};
+exports.registerGridColumnTypes = registerGridColumnTypes;
+const getGridColumnTypesRegistry = () => columnTypesRegistry;
+exports.getGridColumnTypesRegistry = getGridColumnTypesRegistry;
+const getRegisteredColumnTypeDef = type => (type ? columnTypesRegistry[type] : undefined) ?? columnTypesRegistry[DEFAULT_GRID_COL_TYPE_KEY];
+exports.getRegisteredColumnTypeDef = getRegisteredColumnTypeDef;

package/colDef/gridColumnTypesRegistry.mjs

@@ -0,0 +1,34 @@
+import { GRID_STRING_COL_DEF } from "./gridStringColDef.mjs";
+import { GRID_NUMERIC_COL_DEF } from "./gridNumericColDef.mjs";
+import { GRID_DATE_COL_DEF, GRID_DATETIME_COL_DEF } from "./gridDateColDef.mjs";
+import { GRID_BOOLEAN_COL_DEF } from "./gridBooleanColDef.mjs";
+import { GRID_SINGLE_SELECT_COL_DEF } from "./gridSingleSelectColDef.mjs";
+import { GRID_ACTIONS_COL_DEF, GRID_ACTIONS_COLUMN_TYPE } from "./gridActionsColDef.mjs";
+import { GRID_LONG_TEXT_COL_DEF } from "./gridLongTextColDef.mjs";
+export const DEFAULT_GRID_COL_TYPE_KEY = 'string';
+
+// Mutable registry seeded with the community column types. Pro/Premium packages append
+// their own types at module load via `registerGridColumnTypes`, so a community-only bundle
+// never references them at runtime.
+const columnTypesRegistry = {
+  string: GRID_STRING_COL_DEF,
+  number: GRID_NUMERIC_COL_DEF,
+  date: GRID_DATE_COL_DEF,
+  dateTime: GRID_DATETIME_COL_DEF,
+  boolean: GRID_BOOLEAN_COL_DEF,
+  singleSelect: GRID_SINGLE_SELECT_COL_DEF,
+  [GRID_ACTIONS_COLUMN_TYPE]: GRID_ACTIONS_COL_DEF,
+  custom: GRID_STRING_COL_DEF,
+  longText: GRID_LONG_TEXT_COL_DEF
+};
+
+// Captured before any `registerGridColumnTypes` call, so it reflects the community-native types
+// only. Used to keep Pro/Premium-registered types (e.g. `multiSelect`) from resolving in a
+// community `DataGrid` even when a Pro grid registered them globally in the same bundle.
+const COMMUNITY_COLUMN_TYPE_KEYS = new Set(Object.keys(columnTypesRegistry));
+export const isCommunityColumnType = type => type == null || COMMUNITY_COLUMN_TYPE_KEYS.has(type);
+export const registerGridColumnTypes = columnTypes => {
+  Object.assign(columnTypesRegistry, columnTypes);
+};
+export const getGridColumnTypesRegistry = () => columnTypesRegistry;
+export const getRegisteredColumnTypeDef = type => (type ? columnTypesRegistry[type] : undefined) ?? columnTypesRegistry[DEFAULT_GRID_COL_TYPE_KEY];

package/colDef/gridDefaultColumnTypes.d.mts

@@ -1,3 +1,3 @@
 import type { GridColumnTypesRecord } from "../models/colDef/gridColumnTypesRecord.mjs";
-export declare const DEFAULT_GRID_COL_TYPE_KEY = "string";
+export { DEFAULT_GRID_COL_TYPE_KEY } from "./gridColumnTypesRegistry.mjs";
 export declare const getGridDefaultColumnTypes: () => GridColumnTypesRecord;

package/colDef/gridDefaultColumnTypes.d.ts

@@ -1,3 +1,3 @@
 import type { GridColumnTypesRecord } from "../models/colDef/gridColumnTypesRecord.js";
-export declare const DEFAULT_GRID_COL_TYPE_KEY = "string";
+export { DEFAULT_GRID_COL_TYPE_KEY } from "./gridColumnTypesRegistry.js";
 export declare const getGridDefaultColumnTypes: () => GridColumnTypesRecord;

package/colDef/gridDefaultColumnTypes.js

@@ -1,29 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getGridDefaultColumnTypes = exports.DEFAULT_GRID_COL_TYPE_KEY = void 0;
-var _gridStringColDef = require("./gridStringColDef");
-var _gridNumericColDef = require("./gridNumericColDef");
-var _gridDateColDef = require("./gridDateColDef");
-var _gridBooleanColDef = require("./gridBooleanColDef");
-var _gridSingleSelectColDef = require("./gridSingleSelectColDef");
-var _gridActionsColDef = require("./gridActionsColDef");
-var _gridLongTextColDef = require("./gridLongTextColDef");
-const DEFAULT_GRID_COL_TYPE_KEY = exports.DEFAULT_GRID_COL_TYPE_KEY = 'string';
-const getGridDefaultColumnTypes = () => {
-  const nativeColumnTypes = {
-    string: _gridStringColDef.GRID_STRING_COL_DEF,
-    number: _gridNumericColDef.GRID_NUMERIC_COL_DEF,
-    date: _gridDateColDef.GRID_DATE_COL_DEF,
-    dateTime: _gridDateColDef.GRID_DATETIME_COL_DEF,
-    boolean: _gridBooleanColDef.GRID_BOOLEAN_COL_DEF,
-    singleSelect: _gridSingleSelectColDef.GRID_SINGLE_SELECT_COL_DEF,
-    [_gridActionsColDef.GRID_ACTIONS_COLUMN_TYPE]: _gridActionsColDef.GRID_ACTIONS_COL_DEF,
-    custom: _gridStringColDef.GRID_STRING_COL_DEF,
-    longText: _gridLongTextColDef.GRID_LONG_TEXT_COL_DEF
-  };
-  return nativeColumnTypes;
-};
+Object.defineProperty(exports, "DEFAULT_GRID_COL_TYPE_KEY", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnTypesRegistry.DEFAULT_GRID_COL_TYPE_KEY;
+  }
+});
+exports.getGridDefaultColumnTypes = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _gridColumnTypesRegistry = require("./gridColumnTypesRegistry");
+const getGridDefaultColumnTypes = () => (0, _extends2.default)({}, (0, _gridColumnTypesRegistry.getGridColumnTypesRegistry)());
 exports.getGridDefaultColumnTypes = getGridDefaultColumnTypes;

package/colDef/gridDefaultColumnTypes.mjs

@@ -1,22 +1,4 @@
-import { GRID_STRING_COL_DEF } from "./gridStringColDef.mjs";
-import { GRID_NUMERIC_COL_DEF } from "./gridNumericColDef.mjs";
-import { GRID_DATE_COL_DEF, GRID_DATETIME_COL_DEF } from "./gridDateColDef.mjs";
-import { GRID_BOOLEAN_COL_DEF } from "./gridBooleanColDef.mjs";
-import { GRID_SINGLE_SELECT_COL_DEF } from "./gridSingleSelectColDef.mjs";
-import { GRID_ACTIONS_COL_DEF, GRID_ACTIONS_COLUMN_TYPE } from "./gridActionsColDef.mjs";
-import { GRID_LONG_TEXT_COL_DEF } from "./gridLongTextColDef.mjs";
-export const DEFAULT_GRID_COL_TYPE_KEY = 'string';
-export const getGridDefaultColumnTypes = () => {
-  const nativeColumnTypes = {
-    string: GRID_STRING_COL_DEF,
-    number: GRID_NUMERIC_COL_DEF,
-    date: GRID_DATE_COL_DEF,
-    dateTime: GRID_DATETIME_COL_DEF,
-    boolean: GRID_BOOLEAN_COL_DEF,
-    singleSelect: GRID_SINGLE_SELECT_COL_DEF,
-    [GRID_ACTIONS_COLUMN_TYPE]: GRID_ACTIONS_COL_DEF,
-    custom: GRID_STRING_COL_DEF,
-    longText: GRID_LONG_TEXT_COL_DEF
-  };
-  return nativeColumnTypes;
-};
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { getGridColumnTypesRegistry } from "./gridColumnTypesRegistry.mjs";
+export { DEFAULT_GRID_COL_TYPE_KEY } from "./gridColumnTypesRegistry.mjs";
+export const getGridDefaultColumnTypes = () => _extends({}, getGridColumnTypesRegistry());

package/components/GridRow.js

@@ -16,6 +16,7 @@ var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _fastMemo = require("@mui/x-internals/fastMemo");
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _isObjectEmpty = require("@mui/x-internals/isObjectEmpty");
+var _cssVariables = require("../constants/cssVariables");
 var _gridEditRowModel = require("../models/gridEditRowModel");
 var _gridClasses = require("../constants/gridClasses");
 var _composeGridClasses = require("../utils/composeGridClasses");
@@ -236,7 +237,14 @@ const GridRow = (0, _forwardRef.forwardRef)(function GridRow(props, refProp) {
         width: width,
         height: rowHeight,
         field: column.field,
-        align: column.align
+        align: column.align,
+        skeletonProps: {
+          style: {
+            marginLeft: indexRelativeToAllColumns === 0 && rowNode.depth > 0 ?
+            // TODO: Make the factor configurable
+            _cssVariables.vars.spacing(rowNode.depth * 2) : '0px'
+          }
+        }
       }, column.field);
     }
 

package/components/GridRow.mjs

@@ -10,6 +10,7 @@ import useForkRef from '@mui/utils/useForkRef';
 import { fastMemo } from '@mui/x-internals/fastMemo';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { isObjectEmpty } from '@mui/x-internals/isObjectEmpty';
+import { vars } from "../constants/cssVariables.mjs";
 import { GridEditModes, GridCellModes } from "../models/gridEditRowModel.mjs";
 import { gridClasses } from "../constants/gridClasses.mjs";
 import { composeGridClasses } from "../utils/composeGridClasses.mjs";
@@ -229,7 +230,14 @@ const GridRow = forwardRef(function GridRow(props, refProp) {
         width: width,
         height: rowHeight,
         field: column.field,
-        align: column.align
+        align: column.align,
+        skeletonProps: {
+          style: {
+            marginLeft: indexRelativeToAllColumns === 0 && rowNode.depth > 0 ?
+            // TODO: Make the factor configurable
+            vars.spacing(rowNode.depth * 2) : '0px'
+          }
+        }
       }, column.field);
     }
 

package/components/cell/GridActionsCell.js

@@ -60,7 +60,7 @@ function GridActionsCell(props) {
         });
       } else if (child.type === _GridActionsCellItem.GridActionsCellItem || suppressChildrenValidation) {
         actions.push(child);
-      } else {
+      } else if (process.env.NODE_ENV !== 'production') {
         const childType = typeof child.type === 'function' ? child.type.name : child.type;
         (0, _warning.warnOnce)(`MUI X: Invalid child type in \`GridActionsCell\`. Expected \`GridActionsCellItem\` or \`React.Fragment\`, got \`${childType}\`.
 If this is intentional, you can suppress this warning by passing the \`suppressChildrenValidation\` prop to \`GridActionsCell\`.`, 'error');

package/components/cell/GridActionsCell.mjs

@@ -52,7 +52,7 @@ function GridActionsCell(props) {
         });
       } else if (child.type === GridActionsCellItem || suppressChildrenValidation) {
         actions.push(child);
-      } else {
+      } else if (process.env.NODE_ENV !== 'production') {
         const childType = typeof child.type === 'function' ? child.type.name : child.type;
         warnOnce(`MUI X: Invalid child type in \`GridActionsCell\`. Expected \`GridActionsCellItem\` or \`React.Fragment\`, got \`${childType}\`.
 If this is intentional, you can suppress this warning by passing the \`suppressChildrenValidation\` prop to \`GridActionsCell\`.`, 'error');

package/components/cell/GridActionsCellItem.js

@@ -36,7 +36,7 @@ const GridActionsCellItem = exports.GridActionsCellItem = (0, _forwardRef.forwar
     }, rootProps.slotProps?.baseIconButton, {
       ref: ref,
       children: /*#__PURE__*/React.cloneElement(icon, {
-        fontSize: 'small'
+        fontSize: 'inherit'
       })
     }));
   }

package/components/cell/GridActionsCellItem.mjs

@@ -29,7 +29,7 @@ const GridActionsCellItem = forwardRef((props, ref) => {
     }, rootProps.slotProps?.baseIconButton, {
       ref: ref,
       children: /*#__PURE__*/React.cloneElement(icon, {
-        fontSize: 'small'
+        fontSize: 'inherit'
       })
     }));
   }

package/components/cell/GridLongTextCell.js

@@ -185,6 +185,7 @@ function GridLongTextCell(props) {
       children: value
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)(GridLongTextCellCornerButton, (0, _extends2.default)({
       ref: cornerButtonRef,
+      type: "button",
       "aria-label": `${value}, ${apiRef.current.getLocaleText('longTextCellExpandLabel')}`,
       "aria-haspopup": "dialog",
       "aria-controls": popupOpen ? popupId : undefined,
@@ -236,6 +237,7 @@ function GridLongTextCell(props) {
           '--_width': `${colDef.computedWidth}px`
         }, slotProps?.popperContent?.style),
         children: [renderContent ? renderContent(value) : value, /*#__PURE__*/(0, _jsxRuntime.jsx)(GridLongTextCellCornerButton, (0, _extends2.default)({
+          type: "button",
           "aria-label": apiRef.current.getLocaleText('longTextCellCollapseLabel'),
           "aria-keyshortcuts": "Escape"
         }, slotProps?.collapseButton, {

package/components/cell/GridLongTextCell.mjs

@@ -177,6 +177,7 @@ function GridLongTextCell(props) {
       children: value
     })), /*#__PURE__*/_jsx(GridLongTextCellCornerButton, _extends({
       ref: cornerButtonRef,
+      type: "button",
       "aria-label": `${value}, ${apiRef.current.getLocaleText('longTextCellExpandLabel')}`,
       "aria-haspopup": "dialog",
       "aria-controls": popupOpen ? popupId : undefined,
@@ -228,6 +229,7 @@ function GridLongTextCell(props) {
           '--_width': `${colDef.computedWidth}px`
         }, slotProps?.popperContent?.style),
         children: [renderContent ? renderContent(value) : value, /*#__PURE__*/_jsx(GridLongTextCellCornerButton, _extends({
+          type: "button",
           "aria-label": apiRef.current.getLocaleText('longTextCellCollapseLabel'),
           "aria-keyshortcuts": "Escape"
         }, slotProps?.collapseButton, {

package/components/cell/GridSkeletonCell.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { GridColType } from "../../models/index.mjs";
+import type { GridColType, GridSlotProps } from "../../models/index.mjs";
 export interface GridSkeletonCellProps extends React.HTMLAttributes<HTMLDivElement> {
   type?: GridColType;
   width?: number | string;
@@ -11,6 +11,7 @@ export interface GridSkeletonCellProps extends React.HTMLAttributes<HTMLDivEleme
    * @default false
    */
   empty?: boolean;
+  skeletonProps?: GridSlotProps['baseSkeleton'];
 }
 declare function GridSkeletonCell(props: GridSkeletonCellProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridSkeletonCell {

package/components/cell/GridSkeletonCell.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { GridColType } from "../../models/index.js";
+import type { GridColType, GridSlotProps } from "../../models/index.js";
 export interface GridSkeletonCellProps extends React.HTMLAttributes<HTMLDivElement> {
   type?: GridColType;
   width?: number | string;
@@ -11,6 +11,7 @@ export interface GridSkeletonCellProps extends React.HTMLAttributes<HTMLDivEleme
    * @default false
    */
   empty?: boolean;
+  skeletonProps?: GridSlotProps['baseSkeleton'];
 }
 declare function GridSkeletonCell(props: GridSkeletonCellProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridSkeletonCell {