@mui/x-data-grid 9.5.0 → 9.7.0

package/CHANGELOG.md

@@ -1,5 +1,266 @@
 # Changelog
 
+## 9.7.0
+
+_Jun 25, 2026_
+
+We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@Anexus5919, @mustafajw07
+
+The following team members contributed to this release:
+@alexfauquette, @arminmeh, @brijeshb42, @Janpot, @JCQuintas, @LukasTy, @MBilalShafi, @michelengelen, @romgrk, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.7.0`
+
+- [DataGrid] Fix `CustomColumnMenuGrid` demo crashing (#22897) @sai6855
+- [DataGrid] Fix crash in `getRowValue` when `colDef` is `undefined` (#22838) @LukasTy
+- [DataGrid] Fix `longText` expand button submitting surrounding form (#22450) @siriwatknp
+- [DataGrid] Remove filename ignore list from `removePropTypesPlugin` in Babel config (#22727) @sai6855
+- [DataGrid] Deduplicate scroll-preserving focus logic (#22916) @sai6855
+- [DataGrid] Fix `singleSelect` clearing to use empty string instead of `null` (#22881) @michelengelen
+- [DataGrid] Wait for rows before reacting on `autosizeOnMount` (#22698) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@9.7.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.7.0`.
+
+#### `@mui/x-data-grid-premium@9.7.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.7.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.7.0`
+
+- [fields] Announce cardinal day in the day section `aria-valuetext` (#22922) @LukasTy
+- [fields] Avoid focusing the field on blank space clicks (#22285) @LukasTy
+- [pickers] Commit `TimeClock` value when the drag ends outside the clock (#22877) @LukasTy
+- [pickers] Respect explicit `notched` prop on the outlined PickersTextField (#22875) @LukasTy
+
+#### `@mui/x-date-pickers-pro@9.7.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.7.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.7.0`
+
+- [charts] Add demo for displaying the sum of all values from the stacked series on top of the stacked bars (#22879) @sai6855
+- [charts] Add `zAxis` custom scatter component demo (#22746) @mustafajw07
+- [charts] Apply axis `colorMap` to radial bar fill (#22800) @JCQuintas
+- [charts] Simplify classes type (#22626) @alexfauquette
+- [charts] Stable progressive scatter batching + responsive zoom/pan (#22862) @JCQuintas
+- [charts] Strip dev-only console diagnostics from production (#22917) @sai6855
+- [docs] Fix scatter renderer table blocking column (#22904) @JCQuintas
+- [docs] Make `ScatterAsyncRenderer` button bar responsive (#22905) @JCQuintas
+
+#### `@mui/x-charts-pro@9.7.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.7.0`.
+
+#### `@mui/x-charts-premium@9.7.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.7.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.7.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.7.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.7.0`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.3`
+
+- [scheduler] Highlight only the edited occurrence of a recurring event (#22873) @Anexus5919
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.3` [![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.3`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.7.0`
+
+Internal changes.
+
+### Core
+
+- [code-infra] Fix react@^18 CI failing on nanoid trust-downgrade (#22923) @LukasTy
+- [code-infra] Reduce Netlify build parallelism to 2 (#22925) @LukasTy
+- [code-infra] Use Turbopack for docs in dev (#22882) @brijeshb42
+- [docs-infra] Pre-render API page descriptions (#22919) @brijeshb42
+- [internal] Use `@base-ui/utils/platform` for platform detection (#22710) @romgrk
+- [internal] Enforce top-level type imports (#22679) @Janpot
+
+### Miscellaneous
+
+- [internal] Enable mui/no-floating-cleanup and fix leaks (#22872) @romgrk
+- [infra] Update `.gitignore` to exclude `.claude` sub-directories (#22435) @michelengelen
+- [virtualizer] Improve the dimensions' initial state (#22885) @arminmeh
+
+## 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_

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 = {
+process.env.NODE_ENV !== "production" ? 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.
@@ -830,4 +891,4 @@ DataGridRaw.propTypes = {
    * @default false
    */
   virtualizeColumnsWithAutoRowHeight: _propTypes.default.bool
-};
+} : void 0;

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 = {
+process.env.NODE_ENV !== "production" ? 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.
@@ -823,4 +884,4 @@ DataGridRaw.propTypes = {
    * @default false
    */
   virtualizeColumnsWithAutoRowHeight: PropTypes.bool
-};
+} : void 0;

package/colDef/gridDateOperators.d.mts

@@ -1,3 +1,3 @@
-import { type GridFilterInputDateProps } from "../components/panel/filterPanel/GridFilterInputDate.mjs";
+import type { GridFilterInputDateProps } from "../components/panel/filterPanel/GridFilterInputDate.mjs";
 import type { GridFilterOperator } from "../models/gridFilterOperator.mjs";
 export declare const getGridDateOperators: (showTime?: boolean) => GridFilterOperator<any, Date, any, GridFilterInputDateProps>[];

package/colDef/gridDateOperators.d.ts

@@ -1,3 +1,3 @@
-import { type GridFilterInputDateProps } from "../components/panel/filterPanel/GridFilterInputDate.js";
+import type { GridFilterInputDateProps } from "../components/panel/filterPanel/GridFilterInputDate.js";
 import type { GridFilterOperator } from "../models/gridFilterOperator.js";
 export declare const getGridDateOperators: (showTime?: boolean) => GridFilterOperator<any, Date, any, GridFilterInputDateProps>[];

package/components/GridColumnHeaders.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type UseGridColumnHeadersProps } from "../hooks/features/columnHeaders/useGridColumnHeaders.mjs";
+import type { UseGridColumnHeadersProps } from "../hooks/features/columnHeaders/useGridColumnHeaders.mjs";
 export interface GridColumnHeadersProps extends React.HTMLAttributes<HTMLDivElement>, UseGridColumnHeadersProps {
   ref?: React.Ref<HTMLDivElement>;
 }

package/components/GridColumnHeaders.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type UseGridColumnHeadersProps } from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
+import type { UseGridColumnHeadersProps } from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
 export interface GridColumnHeadersProps extends React.HTMLAttributes<HTMLDivElement>, UseGridColumnHeadersProps {
   ref?: React.Ref<HTMLDivElement>;
 }

package/components/GridColumnHeaders.js

@@ -57,7 +57,7 @@ const GridColumnHeaders = (0, _forwardRef.forwardRef)(function GridColumnHeaders
   }));
 });
 if (process.env.NODE_ENV !== "production") GridColumnHeaders.displayName = "GridColumnHeaders";
-process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/GridColumnHeaders.mjs

@@ -50,7 +50,7 @@ const GridColumnHeaders = forwardRef(function GridColumnHeaders(props, ref) {
   }));
 });
 if (process.env.NODE_ENV !== "production") GridColumnHeaders.displayName = "GridColumnHeaders";
-process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/GridColumnUnsortedIcon.js

@@ -25,7 +25,7 @@ function GridColumnUnsortedIcon(props) {
   const Icon = nextSortDirection === 'asc' ? slots.columnSortedAscendingIcon : slots.columnSortedDescendingIcon;
   return Icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, (0, _extends2.default)({}, other)) : null;
 }
-process.env.NODE_ENV !== "production" ? GridColumnUnsortedIcon.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnUnsortedIcon.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/GridColumnUnsortedIcon.mjs

@@ -17,7 +17,7 @@ function GridColumnUnsortedIcon(props) {
   const Icon = nextSortDirection === 'asc' ? slots.columnSortedAscendingIcon : slots.columnSortedDescendingIcon;
   return Icon ? /*#__PURE__*/_jsx(Icon, _extends({}, other)) : null;
 }
-process.env.NODE_ENV !== "production" ? GridColumnUnsortedIcon.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnUnsortedIcon.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/GridFooter.d.mts

@@ -1,4 +1,4 @@
-import { type GridFooterContainerProps } from "./containers/GridFooterContainer.mjs";
+import type { GridFooterContainerProps } from "./containers/GridFooterContainer.mjs";
 declare const GridFooter: import("react").ForwardRefExoticComponent<GridFooterContainerProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/components/GridFooter.d.ts

@@ -1,4 +1,4 @@
-import { type GridFooterContainerProps } from "./containers/GridFooterContainer.js";
+import type { GridFooterContainerProps } from "./containers/GridFooterContainer.js";
 declare const GridFooter: import("react").ForwardRefExoticComponent<GridFooterContainerProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/components/GridFooter.js

@@ -38,7 +38,7 @@ const GridFooter = exports.GridFooter = (0, _forwardRef.forwardRef)(function Gri
   }));
 });
 if (process.env.NODE_ENV !== "production") GridFooter.displayName = "GridFooter";
-process.env.NODE_ENV !== "production" ? GridFooter.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFooter.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/GridFooter.mjs

@@ -32,7 +32,7 @@ const GridFooter = forwardRef(function GridFooter(props, ref) {
   }));
 });
 if (process.env.NODE_ENV !== "production") GridFooter.displayName = "GridFooter";
-process.env.NODE_ENV !== "production" ? GridFooter.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFooter.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/GridLoadingOverlay.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type GridOverlayProps } from "./containers/GridOverlay.mjs";
+import type { GridOverlayProps } from "./containers/GridOverlay.mjs";
 import type { GridLoadingOverlayVariant } from "../hooks/features/overlays/gridOverlaysInterfaces.mjs";
 export interface GridLoadingOverlayProps extends GridOverlayProps {
   /**