@mui/x-data-grid 9.4.0 → 9.6.0

package/CHANGELOG.md

@@ -1,5 +1,256 @@
 # Changelog
 
+## 9.6.0
+
+_Jun 18, 2026_
+
+We'd like to extend a big thank you to the 17 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 New features for the radial bar charts, like percentage min radius and disabling tick labels.
+
+Special thanks go out to these community members for their valuable contributions:
+@adamowski10, @Anexus5919, @Morteza-hp, @mustafajw07, @TargiX
+
+The following team members contributed to this release:
+@alexfauquette, @arminmeh, @brijeshb42, @cherniavskii, @hasdfa, @Janpot, @JCQuintas, @michelengelen, @noraleonte, @oliviertassinari, @rita-codes, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.6.0`
+
+- [DataGrid] Define `overflowAnchor` style at the right element (#22849) @arminmeh
+- [DataGrid] Fix scrollbars not showing up on scroll on iOS (#22832) @cherniavskii
+
+#### `@mui/x-data-grid-pro@9.6.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.6.0`, plus:
+
+- [DataGridPro] Prevent incorrect row range capping on the first page with known `rowCount` (#22808) @michelengelen
+
+#### `@mui/x-data-grid-premium@9.6.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.6.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.6.0`
+
+- [pickers] Fix `AdapterMomentHijri.getDaysInMonth` returning the Gregorian month length (#22774) @Anexus5919
+- [l10n] Improve Persian (fa-IR) locale (#22454) @Morteza-hp
+
+#### `@mui/x-date-pickers-pro@9.6.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.6.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.6.0`
+
+- [charts] Add `disableTickLabel` prop to radial axes (#22801) @JCQuintas
+- [charts] Fix bug when `min` is in axis domain (#22827) @alexfauquette
+- [charts] Fix wheel zoom not centering on cursor position (#22811) @JCQuintas
+- [charts] Remove zoom gesture registration from community package (#22753) @sai6855
+- [charts] Support percentage values for radial axis `minRadius`/`maxRadius` (#22803) @JCQuintas
+- [charts] Support `unknownColor` in color scale (#22813) @alexfauquette
+- [charts] Document click listener for scatter composition (#22809) @sai6855
+
+#### `@mui/x-charts-pro@9.6.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.6.0`.
+
+#### `@mui/x-charts-premium@9.6.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.6.0`, plus:
+
+- [charts-premium] Add `geoFeatureKey` to transform features identifier (#22848) @alexfauquette
+- [charts-premium] Allow to remove Antartica (#22815) @alexfauquette
+- [charts-premium] Regenerate `ScatterPlotPremium` `propTypes` (#22829) @rita-codes
+- [charts-premium] Support maps tooltip positioned on items (#22648) @alexfauquette
+- [docs] Show how to export maps (#22837) @alexfauquette
+
+
+### Tree View
+
+#### `@mui/x-tree-view@9.6.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.6.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.6.0`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.2`
+
+- [scheduler] Add dispose lifecycle to `SchedulerLazyLoadingPlugin` (#22532) @rita-codes
+- [scheduler] Add responsive mobile week view and responsive typography (#22593) @noraleonte
+- [scheduler] Add stable weekday token to `recurrenceWeeklyPresetLabel` (#22733) @mustafajw07
+- [scheduler] Create accessibility documentation section (#22557) @mustafajw07
+- [scheduler] Decouple `MonthViewProps` from day time grid props (#22802) @mustafajw07
+- [scheduler] Export missing public scheduler types (#22785) @mustafajw07
+- [scheduler] Fix JSDoc defaults and improve public type readability (#22784) @mustafajw07
+- [scheduler] Fix `aria-labelledby` on events referencing non-existent header IDs (#22778) @rita-codes
+- [scheduler] Move `EventCalendarStyledContext` to internals (#22787) @mustafajw07
+- [scheduler] Normalize all-day recurring occurrences to whole days (#22792) @Anexus5919
+- [scheduler] Recalculate `DayTimeGrid` `hasScroll` on container resize (#22780) @Anexus5919
+- [scheduler] Recompute `nowUpdatedEveryMinute` only on timezone change (#22793) @Anexus5919
+- [scheduler] Register auto-scroll once instead of on every render (#22794) @Anexus5919
+- [scheduler] Remove duplicate dividers in the day/time grid (#22795) @Anexus5919
+- [scheduler] Remove unused `--has-scroll` CSS variable from `DayTimeGrid` (#22799) @Anexus5919
+- [scheduler] Remove vestigial async from internal drop handler (#22781) @mustafajw07
+- [scheduler] Return a primitive key from the Calendar lazy-loading selector (#22791) @Anexus5919
+- [scheduler] Throw on invalid event dates instead of emitting `NaN` timestamps (#22740) @rita-codes
+- [scheduler] Tighten `StandaloneEventProps` data typing (#22796) @mustafajw07
+- [scheduler] Update feedback banner to say beta instead of alpha (#22804) @rita-codes
+- [scheduler] Use `@base-ui` `generateId` for event ids in `createEventModel` (#22788) @rita-codes
+- [scheduler] Clear clipboard after pasting a cut event (#22773) @Anexus5919
+- [scheduler] Show drag placeholder when re-entering the same position (#22775) @Anexus5919
+- [scheduler] Validate missing and duplicate event ids (#22790) @Anexus5919
+- [l10n] Improve Polish (pl-PL) locale (#22612) @adamowski10
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.2` [![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.2`, plus:
+
+- [scheduler-premium] Expose premium model types through public API (#22798) @mustafajw07
+- [scheduler-premium] Remove non-functional `onPreferencesChange` prop from `EventTimelinePremium` (#22777) @rita-codes
+- [scheduler-premium] Validate the `FREQ` value in `parseRRule`] (#22786) @rita-codes 
+
+### Codemod
+
+#### `@mui/x-codemod@9.6.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix link-check build timeout by disabling serve directory listing (#22836) @Janpot
+- [docs] Show how to export maps (#22837) @alexfauquette
+- [docs] Add radial bar overview demo with custom overlays (#22776) @JCQuintas
+- [docs] Add weather composition demo (#22723) @TargiX
+- [docs] Add docs overview gallery and playground (#22488) @hasdfa
+- [docs] Clarify 'Scrolling without render gaps' (#22629) @oliviertassinari
+- [docs] Fix typo in release instructions (#22864) @brijeshb42
+
+### Core
+
+- [code-infra] Fix lint issues (#22757) @brijeshb42
+- [code-infra] Fix remaining Dependabot security alerts (#22761) @Janpot
+- [code-infra] Remove release:build from docs:build script (#22852) @brijeshb42
+- [code-infra] Unpin `@mui/utils` version to allow dedupe (#22828) @mustafajw07
+- [docs-infra] Cap Netlify Next.js build parallelism to avoid OOM (#22847) @Janpot
+- [docs-infra] Remove i18n codebase (#22591) @brijeshb42
+- [internal] Fix failing React 18 unit tests (#22846) @brijeshb42
+
+### Miscellaneous
+
+- [core] Add remove-proptypes markers to generated `propTypes` (#22850) @JCQuintas
+- [core] Bump vitest packages to 4.1.8 to fix browser-test version skew (#22845) @Janpot
+- [core] Reduce e2e build concurrency to avoid OOM (#22843) @Janpot
+- [core] Strip proptypes from Production bundles (#22750) @sai6855
+- [test] Wait for `GridToolbarCustom` rows before screenshot (#22844) @Janpot
+
+## 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 -->

package/DataGrid/DataGrid.js

@@ -66,7 +66,7 @@ if (process.env.NODE_ENV !== "production") DataGridRaw.displayName = "DataGridRa
  */
 const DataGrid = exports.DataGrid = /*#__PURE__*/React.memo((0, _forwardRef.forwardRef)(DataGridRaw));
 if (process.env.NODE_ENV !== "production") DataGrid.displayName = "DataGrid";
-DataGridRaw.propTypes = {
+DataGridRaw.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -86,13 +86,11 @@ DataGridRaw.propTypes = {
    */
   'aria-labelledby': _propTypes.default.string,
   /**
-   * If `true`, the Data Grid height is dynamic and follows the number of rows in the Data Grid.
+   * If `true`, the Data Grid height is dynamic and takes as much space as it needs to display all rows.
+   * Use it instead of a flex parent container approach, if:
+   * - you don't need to set a minimum or maximum height for the Data Grid
+   * - you want to avoid the scrollbar flickering when the content changes
    * @default false
-   * @deprecated Use flex parent container instead: https://mui.com/x/react-data-grid/layout/#flex-parent-container
-   * @example
-   * <div style={{ display: 'flex', flexDirection: 'column' }}>
-   *   <DataGrid />
-   * </div>
    */
   autoHeight: _propTypes.default.bool,
   /**
@@ -112,6 +110,7 @@ DataGridRaw.propTypes = {
     columns: _propTypes.default.arrayOf(_propTypes.default.string),
     disableColumnVirtualization: _propTypes.default.bool,
     expand: _propTypes.default.bool,
+    includeHeaderFilters: _propTypes.default.bool,
     includeHeaders: _propTypes.default.bool,
     includeOutliers: _propTypes.default.bool,
     outliersFactor: _propTypes.default.number
@@ -120,15 +119,68 @@ DataGridRaw.propTypes = {
    * Controls the modes of the cells.
    */
   cellModesModel: _propTypes.default.object,
+  /**
+   * Definition of the column rendered when the `checkboxSelection` prop is enabled.
+   *
+   * @warning
+   * Be careful when overriding `renderHeader` or `renderCell` in the `checkboxColDef` prop.
+   * The default implementation of these properties includes the logic for selecting all rows and selecting a single row, respectively.
+   * Overriding them without providing the same functionality will break the row selection.
+   */
+  checkboxColDef: _propTypes.default.shape({
+    align: _propTypes.default.oneOf(['center', 'left', 'right']),
+    cellClassName: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
+    colSpan: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number]),
+    description: _propTypes.default.string,
+    disableColumnMenu: _propTypes.default.bool,
+    disableExport: _propTypes.default.bool,
+    disableReorder: _propTypes.default.bool,
+    display: _propTypes.default.oneOf(['flex', 'text']),
+    editable: _propTypes.default.bool,
+    examples: _propTypes.default.array,
+    filterable: _propTypes.default.bool,
+    filterOperators: _propTypes.default.arrayOf(_propTypes.default.shape({
+      getApplyFilterFn: _propTypes.default.func.isRequired,
+      getValueAsString: _propTypes.default.func,
+      headerLabel: _propTypes.default.string,
+      InputComponent: _propTypes.default.elementType,
+      InputComponentProps: _propTypes.default.object,
+      label: _propTypes.default.string,
+      requiresFilterValue: _propTypes.default.bool,
+      value: _propTypes.default.string.isRequired
+    })),
+    flex: _propTypes.default.number,
+    getApplyQuickFilterFn: _propTypes.default.func,
+    getSortComparator: _propTypes.default.func,
+    groupable: _propTypes.default.bool,
+    headerAlign: _propTypes.default.oneOf(['center', 'left', 'right']),
+    headerClassName: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
+    headerName: _propTypes.default.string,
+    hideable: _propTypes.default.bool,
+    hideSortIcons: _propTypes.default.bool,
+    maxWidth: _propTypes.default.number,
+    minWidth: _propTypes.default.number,
+    pinnable: _propTypes.default.bool,
+    preProcessEditCellProps: _propTypes.default.func,
+    renderCell: _propTypes.default.func,
+    renderEditCell: _propTypes.default.func,
+    renderHeader: _propTypes.default.func,
+    resizable: _propTypes.default.bool,
+    rowSpanValueGetter: _propTypes.default.func,
+    sortable: _propTypes.default.bool,
+    sortComparator: _propTypes.default.func,
+    sortingOrder: _propTypes.default.arrayOf(_propTypes.default.oneOf(['asc', 'desc'])),
+    valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
+    valueParser: _propTypes.default.func,
+    valueSetter: _propTypes.default.func,
+    width: _propTypes.default.number
+  }),
   /**
    * If `true`, the Data Grid will display an extra column with checkboxes for selecting rows.
    * @default false
    */
   checkboxSelection: _propTypes.default.bool,
-  /**
-   * Definition of the column rendered when the `checkboxSelection` prop is enabled.
-   */
-  checkboxColDef: _propTypes.default.object,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -185,8 +237,8 @@ DataGridRaw.propTypes = {
     set: _propTypes.default.func.isRequired
   }),
   /**
-   * If positive, the Data Grid will periodically revalidate data source rows by
-   * re-fetching them from the server when the cache entry has expired.
+   * If positive, the Data Grid will periodically revalidate data source rows by re-fetching them from the server when the cache entry has expired.
+   * If the refetched rows are different from the current rows, the grid will update the rows.
    * Set to `0` to disable polling.
    * @default 0
    */
@@ -822,6 +874,15 @@ DataGridRaw.propTypes = {
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  /**
+   * Sets the tab navigation behavior for the Data Grid.
+   * - "none": No Data Grid specific tab navigation. Pressing the tab key will move the focus to the next element in the tab sequence.
+   * - "content": Pressing the tab key will move the focus to the next cell in the same row or the first cell in the next row. Shift+Tab will move the focus to the previous cell in the same row or the last cell in the previous row. Tab navigation is not enabled for the header.
+   * - "header": Pressing the tab key will move the focus to the next column group, column header or header filter. Shift+Tab will move the focus to the previous column group, column header or header filter. Tab navigation is not enabled for the content.
+   * - "all": Combines the "content" and "header" behavior.
+   * @default "none"
+   */
+  tabNavigation: _propTypes.default.oneOf(['all', 'content', 'header', 'none']),
   /**
    * If `true`, the Data Grid enables column virtualization when `getRowHeight` is set to `() => 'auto'`.
    * By default, column virtualization is disabled when dynamic row height is enabled to measure the row height correctly.

package/DataGrid/DataGrid.mjs

@@ -59,7 +59,7 @@ if (process.env.NODE_ENV !== "production") DataGridRaw.displayName = "DataGridRa
  */
 export const DataGrid = /*#__PURE__*/React.memo(forwardRef(DataGridRaw));
 if (process.env.NODE_ENV !== "production") DataGrid.displayName = "DataGrid";
-DataGridRaw.propTypes = {
+DataGridRaw.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -79,13 +79,11 @@ DataGridRaw.propTypes = {
    */
   'aria-labelledby': PropTypes.string,
   /**
-   * If `true`, the Data Grid height is dynamic and follows the number of rows in the Data Grid.
+   * If `true`, the Data Grid height is dynamic and takes as much space as it needs to display all rows.
+   * Use it instead of a flex parent container approach, if:
+   * - you don't need to set a minimum or maximum height for the Data Grid
+   * - you want to avoid the scrollbar flickering when the content changes
    * @default false
-   * @deprecated Use flex parent container instead: https://mui.com/x/react-data-grid/layout/#flex-parent-container
-   * @example
-   * <div style={{ display: 'flex', flexDirection: 'column' }}>
-   *   <DataGrid />
-   * </div>
    */
   autoHeight: PropTypes.bool,
   /**
@@ -105,6 +103,7 @@ DataGridRaw.propTypes = {
     columns: PropTypes.arrayOf(PropTypes.string),
     disableColumnVirtualization: PropTypes.bool,
     expand: PropTypes.bool,
+    includeHeaderFilters: PropTypes.bool,
     includeHeaders: PropTypes.bool,
     includeOutliers: PropTypes.bool,
     outliersFactor: PropTypes.number
@@ -113,15 +112,68 @@ DataGridRaw.propTypes = {
    * Controls the modes of the cells.
    */
   cellModesModel: PropTypes.object,
+  /**
+   * Definition of the column rendered when the `checkboxSelection` prop is enabled.
+   *
+   * @warning
+   * Be careful when overriding `renderHeader` or `renderCell` in the `checkboxColDef` prop.
+   * The default implementation of these properties includes the logic for selecting all rows and selecting a single row, respectively.
+   * Overriding them without providing the same functionality will break the row selection.
+   */
+  checkboxColDef: PropTypes.shape({
+    align: PropTypes.oneOf(['center', 'left', 'right']),
+    cellClassName: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
+    colSpan: PropTypes.oneOfType([PropTypes.func, PropTypes.number]),
+    description: PropTypes.string,
+    disableColumnMenu: PropTypes.bool,
+    disableExport: PropTypes.bool,
+    disableReorder: PropTypes.bool,
+    display: PropTypes.oneOf(['flex', 'text']),
+    editable: PropTypes.bool,
+    examples: PropTypes.array,
+    filterable: PropTypes.bool,
+    filterOperators: PropTypes.arrayOf(PropTypes.shape({
+      getApplyFilterFn: PropTypes.func.isRequired,
+      getValueAsString: PropTypes.func,
+      headerLabel: PropTypes.string,
+      InputComponent: PropTypes.elementType,
+      InputComponentProps: PropTypes.object,
+      label: PropTypes.string,
+      requiresFilterValue: PropTypes.bool,
+      value: PropTypes.string.isRequired
+    })),
+    flex: PropTypes.number,
+    getApplyQuickFilterFn: PropTypes.func,
+    getSortComparator: PropTypes.func,
+    groupable: PropTypes.bool,
+    headerAlign: PropTypes.oneOf(['center', 'left', 'right']),
+    headerClassName: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
+    headerName: PropTypes.string,
+    hideable: PropTypes.bool,
+    hideSortIcons: PropTypes.bool,
+    maxWidth: PropTypes.number,
+    minWidth: PropTypes.number,
+    pinnable: PropTypes.bool,
+    preProcessEditCellProps: PropTypes.func,
+    renderCell: PropTypes.func,
+    renderEditCell: PropTypes.func,
+    renderHeader: PropTypes.func,
+    resizable: PropTypes.bool,
+    rowSpanValueGetter: PropTypes.func,
+    sortable: PropTypes.bool,
+    sortComparator: PropTypes.func,
+    sortingOrder: PropTypes.arrayOf(PropTypes.oneOf(['asc', 'desc'])),
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
+    valueParser: PropTypes.func,
+    valueSetter: PropTypes.func,
+    width: PropTypes.number
+  }),
   /**
    * If `true`, the Data Grid will display an extra column with checkboxes for selecting rows.
    * @default false
    */
   checkboxSelection: PropTypes.bool,
-  /**
-   * Definition of the column rendered when the `checkboxSelection` prop is enabled.
-   */
-  checkboxColDef: PropTypes.object,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -178,8 +230,8 @@ DataGridRaw.propTypes = {
     set: PropTypes.func.isRequired
   }),
   /**
-   * If positive, the Data Grid will periodically revalidate data source rows by
-   * re-fetching them from the server when the cache entry has expired.
+   * If positive, the Data Grid will periodically revalidate data source rows by re-fetching them from the server when the cache entry has expired.
+   * If the refetched rows are different from the current rows, the grid will update the rows.
    * Set to `0` to disable polling.
    * @default 0
    */
@@ -815,6 +867,15 @@ DataGridRaw.propTypes = {
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * Sets the tab navigation behavior for the Data Grid.
+   * - "none": No Data Grid specific tab navigation. Pressing the tab key will move the focus to the next element in the tab sequence.
+   * - "content": Pressing the tab key will move the focus to the next cell in the same row or the first cell in the next row. Shift+Tab will move the focus to the previous cell in the same row or the last cell in the previous row. Tab navigation is not enabled for the header.
+   * - "header": Pressing the tab key will move the focus to the next column group, column header or header filter. Shift+Tab will move the focus to the previous column group, column header or header filter. Tab navigation is not enabled for the content.
+   * - "all": Combines the "content" and "header" behavior.
+   * @default "none"
+   */
+  tabNavigation: PropTypes.oneOf(['all', 'content', 'header', 'none']),
   /**
    * If `true`, the Data Grid enables column virtualization when `getRowHeight` is set to `() => 'auto'`.
    * By default, column virtualization is disabled when dynamic row height is enabled to measure the row height correctly.

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;