@mui/x-data-grid 9.6.0 → 9.8.0

package/CHANGELOG.md

@@ -1,5 +1,245 @@
 # Changelog
 
+## 9.8.0
+
+_Jul 2, 2026_
+
+We'd like to extend a big thank you to the 18 contributors who made this release possible. Here are some highlights ✨:
+
+- 🗺️ New [`MapImagePlot`](https://mui.com/x/react-charts/map/) for rendering raster base maps, with `onItemClick` support on map shapes (Premium)
+- 📊 New [`usePolarGeometry`](https://mui.com/x/react-charts/hooks/use-polar-geometry/) hook to build custom radial overlays
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@Anexus5919, @aromanio, @greymoth-jp, @mustafajw07, @timbuckley, @voidmatcha
+
+The following team members contributed to this release:
+@alexfauquette, @arminmeh, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @joserodolfofreitas, @LukasTy, @mapache-salvaje, @michelengelen, @rita-codes, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.8.0`
+
+- [DataGrid] Prevent cell editing from resurrecting a deleted row (#22958) @Anexus5919
+- [DataGrid] Avoid reading `type` of `undefined` in `gridRowUtils` (#21808) @timbuckley
+- [DataGrid] Improved get started tutorial (#22911) @joserodolfofreitas
+- [l10n] Improve Japanese (ja-JP) locale (#23001) @greymoth-jp
+
+#### `@mui/x-data-grid-pro@9.8.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.8.0`.
+
+#### `@mui/x-data-grid-premium@9.8.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.8.0`, plus:
+
+- [DataGridPremium] Escape `singleSelect` values in Excel export with `escapeFormulas` enabled (#22851) @Anexus5919
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.8.0`
+
+- [pickers] Fix localized digit crash (#22995) @alexfauquette
+- [pickers] Flag the first and last visible day cell across year boundaries (#22981) @Anexus5919
+- [pickers] Use calendar day tokens in `AdapterMomentHijri` and `AdapterMomentJalaali` formats (#22974) @Anexus5919
+- [pickers] Use the Hijri day token in `AdapterMomentHijri` `normalDateWithWeekday` (#22972) @Anexus5919
+- [l10n] Improve Romanian (ro-RO) locale (#22969) @aromanio
+
+#### `@mui/x-date-pickers-pro@9.8.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.8.0`, plus:
+
+- [DateRangeCalendar] Fix auto month-switch across the year boundary (#22987) @Anexus5919
+
+### Charts
+
+#### `@mui/x-charts@9.8.0`
+
+- [charts] Decouple `d3-geo` from the universal tooltip (#23011) @sai6855
+- [charts] Deduplicate `getGroupingConfig` (#22889) @sai6855
+- [charts] Expose `usePolarGeometry` hook for radial overlays (#22892) @mustafajw07
+
+#### `@mui/x-charts-pro@9.8.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.8.0`.
+
+#### `@mui/x-charts-premium@9.8.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.8.0`, plus:
+
+- [charts-premium] Add `onItemClick` support for the Map shapes (#22876) @sai6855
+- [charts-premium] Replace `dataIndex` with `name` in map identifier (#22891) @sai6855
+- [charts-premium] Share helper function (#23030) @alexfauquette
+- [charts-premium] Extract shared WebGL utilities across bar/scatter/heatmap renderers (#22466) @sai6855
+- [charts-premium] Add `MapImagePlot` for raster base maps (#22977) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@9.8.0`
+
+- [TreeView] Fix extra selection event when clicking a collapsed parent item (#22249) @michelengelen
+- [TreeView] Enforce top-level type imports (#23034) @Janpot
+
+#### `@mui/x-tree-view-pro@9.8.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.8.0`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.4`
+
+- [scheduler] Enforce top-level type imports (#22931) @Janpot
+- [scheduler] Keep the occurrence date when editing only one recurring event (#23007) @Anexus5919
+- [scheduler] Track bundle size of scheduler packages (#22682) @flaviendelangle
+- [scheduler] Add `viewConfig` prop to limit displayed hours in the day and week views (#22929) @flaviendelangle
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.4` [![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.4`, plus:
+
+- [scheduler] Collapsible resources in the timeline (#22920) @rita-codes
+
+### Codemod
+
+#### `@mui/x-codemod@9.8.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Add recipe for conditional master-detail panels (#22971) @michelengelen
+- [docs] Add recipe for describing active filters in the toolbar (#22970) @michelengelen
+- [docs] Add recipe for triggering clipboard copy from a button (#22967) @michelengelen
+- [docs] Clarify that `fieldRef.current.focusField()` is the canonical way to focus a field (#22937) @michelengelen
+- [docs][scheduler] Another copyediting pass across the Scheduler docs (#22619) @mapache-salvaje
+- [docs][charts] Add map example for arbitrary GeoJSON shapes (#22976) @JCQuintas
+- [docs][charts] Double point count in `ScatterAsyncRenderer` demo (#22906) @JCQuintas
+
+### Core
+
+- [code-infra] Fix tracking branch bug in release script (#22956) @michelengelen
+- [code-infra] Remove mark-duplicate workflow (#22994) @cherniavskii
+- [code-infra] Revert `nanoid@3.3.15` `minimumReleaseAge` exemption (#22953) @LukasTy
+
+### Miscellaneous
+
+- [internals] Fix `ERR_UNSUPPORTED_DIR_IMPORT` for `core-js-pure` in Node ESM (#22985) @michelengelen
+- [internals] Harden `useDisposable` React internals read with safeReact (#22986) @rita-codes
+- [internals] Replace core-js `DisposableStack` ponyfill with a minimal fallback (#23002) @sai6855
+- [test] Assert the edited `dateTime` cell value in the e2e edit test (#22982) @voidmatcha
+- [virtualizer] Remeasure scrollbars when layout changes (#22914) @arminmeh
+
+## 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_
@@ -68,7 +308,6 @@ Same changes as in `@mui/x-charts-pro@9.6.0`, plus:
 - [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`
@@ -115,7 +354,7 @@ 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 
+- [scheduler-premium] Validate the `FREQ` value in `parseRRule`] (#22786) @rita-codes
 
 ### Codemod
 

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 /* remove-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"  |
@@ -891,4 +891,4 @@ DataGridRaw.propTypes /* remove-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 /* remove-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"  |
@@ -884,4 +884,4 @@ DataGridRaw.propTypes /* remove-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/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/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 {
   /**

package/components/GridLoadingOverlay.d.ts

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

package/components/GridNoColumnsOverlay.d.mts

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

package/components/GridNoColumnsOverlay.d.ts

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

package/components/GridNoResultsOverlay.d.mts

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

package/components/GridNoResultsOverlay.d.ts

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

package/components/GridNoRowsOverlay.d.mts

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

package/components/GridNoRowsOverlay.d.ts

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

package/components/GridRowCount.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/system';
+import type { SxProps, Theme } from '@mui/system';
 interface RowCountProps {
   rowCount: number;
   visibleRowCount: number;

package/components/GridRowCount.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/system';
+import type { SxProps, Theme } from '@mui/system';
 interface RowCountProps {
   rowCount: number;
   visibleRowCount: number;

package/components/GridSelectedRowCount.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/system';
+import type { SxProps, Theme } from '@mui/system';
 interface SelectedRowCountProps {
   selectedRowCount: number;
 }

package/components/GridSelectedRowCount.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/system';
+import type { SxProps, Theme } from '@mui/system';
 interface SelectedRowCountProps {
   selectedRowCount: number;
 }

package/components/cell/GridActionsCell.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { GridRowParams } from "../../models/params/gridRowParams.mjs";
 import type { GridRenderCellParams } from "../../models/params/gridCellParams.mjs";
-import { type GridMenuProps } from "../menu/GridMenu.mjs";
+import type { GridMenuProps } from "../menu/GridMenu.mjs";
 import type { GridValidRowModel, GridTreeNodeWithRender } from "../../models/gridRows.mjs";
 interface GridActionsCellProps<R extends GridValidRowModel = any, V = any, F = V, N extends GridTreeNodeWithRender = GridTreeNodeWithRender> extends Omit<GridRenderCellParams<R, V, F, N>, 'api'> {
   api?: GridRenderCellParams['api'];

package/components/cell/GridActionsCell.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { GridRowParams } from "../../models/params/gridRowParams.js";
 import type { GridRenderCellParams } from "../../models/params/gridCellParams.js";
-import { type GridMenuProps } from "../menu/GridMenu.js";
+import type { GridMenuProps } from "../menu/GridMenu.js";
 import type { GridValidRowModel, GridTreeNodeWithRender } from "../../models/gridRows.js";
 interface GridActionsCellProps<R extends GridValidRowModel = any, V = any, F = V, N extends GridTreeNodeWithRender = GridTreeNodeWithRender> extends Omit<GridRenderCellParams<R, V, F, N>, 'api'> {
   api?: GridRenderCellParams['api'];

package/components/cell/GridCell.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type GridRowId } from "../../models/index.mjs";
+import type { GridRowId } from "../../models/index.mjs";
 import type { GridAlignment, GridStateColDef } from "../../models/colDef/gridColDef.mjs";
 import type { GridRowModel, GridTreeNode } from "../../models/gridRows.mjs";
 import { PinnedColumnPosition } from "../../internals/constants.mjs";

package/components/cell/GridCell.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type GridRowId } from "../../models/index.js";
+import type { GridRowId } from "../../models/index.js";
 import type { GridAlignment, GridStateColDef } from "../../models/colDef/gridColDef.js";
 import type { GridRowModel, GridTreeNode } from "../../models/gridRows.js";
 import { PinnedColumnPosition } from "../../internals/constants.js";

package/components/cell/GridCell.js

@@ -22,7 +22,7 @@ var _forwardRef = require("@mui/x-internals/forwardRef");
 var _store = require("@mui/x-internals/store");
 var _xVirtualizer = require("@mui/x-virtualizer");
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
-var _doesSupportPreventScroll = require("../../utils/doesSupportPreventScroll");
+var _focusElement = require("../../utils/focusElement");
 var _gridClasses = require("../../constants/gridClasses");
 var _models = require("../../models");
 var _useGridSelector = require("../../hooks/utils/useGridSelector");
@@ -233,15 +233,7 @@ const GridCell = (0, _forwardRef.forwardRef)(function GridCell(props, ref) {
     if (cellRef.current && !cellRef.current.contains(doc.activeElement)) {
       const focusableElement = cellRef.current.querySelector('[tabindex="0"]');
       const elementToFocus = focusableElement || cellRef.current;
-      if ((0, _doesSupportPreventScroll.doesSupportPreventScroll)()) {
-        elementToFocus.focus({
-          preventScroll: true
-        });
-      } else {
-        const scrollPosition = apiRef.current.getScrollPosition();
-        elementToFocus.focus();
-        apiRef.current.scroll(scrollPosition);
-      }
+      (0, _focusElement.focusElement)(elementToFocus, apiRef);
     }
   }, [hasFocus, cellMode, apiRef]);
   if (isCellRowSpanned) {

package/components/cell/GridCell.mjs

@@ -17,7 +17,7 @@ import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useStore } from '@mui/x-internals/store';
 import { Rowspan } from '@mui/x-virtualizer';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import { doesSupportPreventScroll } from "../../utils/doesSupportPreventScroll.mjs";
+import { focusElement } from "../../utils/focusElement.mjs";
 import { getDataGridUtilityClass, gridClasses } from "../../constants/gridClasses.mjs";
 import { GridCellModes } from "../../models/index.mjs";
 import { useGridSelector } from "../../hooks/utils/useGridSelector.mjs";
@@ -226,15 +226,7 @@ const GridCell = forwardRef(function GridCell(props, ref) {
     if (cellRef.current && !cellRef.current.contains(doc.activeElement)) {
       const focusableElement = cellRef.current.querySelector('[tabindex="0"]');
       const elementToFocus = focusableElement || cellRef.current;
-      if (doesSupportPreventScroll()) {
-        elementToFocus.focus({
-          preventScroll: true
-        });
-      } else {
-        const scrollPosition = apiRef.current.getScrollPosition();
-        elementToFocus.focus();
-        apiRef.current.scroll(scrollPosition);
-      }
+      focusElement(elementToFocus, apiRef);
     }
   }, [hasFocus, cellMode, apiRef]);
   if (isCellRowSpanned) {

package/components/cell/GridFooterCell.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/material/styles';
+import type { SxProps, Theme } from '@mui/material/styles';
 import type { GridRenderCellParams } from "../../models/params/gridCellParams.mjs";
 interface GridFooterCellProps extends GridRenderCellParams {
   sx?: SxProps<Theme>;

package/components/cell/GridFooterCell.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/material/styles';
+import type { SxProps, Theme } from '@mui/material/styles';
 import type { GridRenderCellParams } from "../../models/params/gridCellParams.js";
 interface GridFooterCellProps extends GridRenderCellParams {
   sx?: SxProps<Theme>;

package/components/columnHeaders/GridBaseColumnHeaders.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/system';
+import type { SxProps, Theme } from '@mui/system';
 interface GridBaseColumnHeadersProps extends React.HTMLAttributes<HTMLDivElement> {
   sx?: SxProps<Theme>;
 }

package/components/columnHeaders/GridBaseColumnHeaders.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/system';
+import type { SxProps, Theme } from '@mui/system';
 interface GridBaseColumnHeadersProps extends React.HTMLAttributes<HTMLDivElement> {
   sx?: SxProps<Theme>;
 }

package/components/columnHeaders/GridColumnGroupHeader.js

@@ -14,7 +14,7 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
 var _RtlProvider = require("@mui/system/RtlProvider");
 var _useGridPrivateApiContext = require("../../hooks/utils/useGridPrivateApiContext");
-var _doesSupportPreventScroll = require("../../utils/doesSupportPreventScroll");
+var _focusElement = require("../../utils/focusElement");
 var _gridClasses = require("../../constants/gridClasses");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _gridColumnGroupsSelector = require("../../hooks/features/columnGrouping/gridColumnGroupsSelector");
@@ -102,15 +102,7 @@ function GridColumnGroupHeader(props) {
       if (!elementToFocus) {
         return;
       }
-      if ((0, _doesSupportPreventScroll.doesSupportPreventScroll)()) {
-        elementToFocus.focus({
-          preventScroll: true
-        });
-      } else {
-        const scrollPosition = apiRef.current.getScrollPosition();
-        elementToFocus.focus();
-        apiRef.current.scroll(scrollPosition);
-      }
+      (0, _focusElement.focusElement)(elementToFocus, apiRef);
     }
   }, [apiRef, hasFocus]);
   const publish = React.useCallback(eventName => event => {

package/components/columnHeaders/GridColumnGroupHeader.mjs

@@ -7,7 +7,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import capitalize from '@mui/utils/capitalize';
 import { useRtl } from '@mui/system/RtlProvider';
 import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.mjs";
-import { doesSupportPreventScroll } from "../../utils/doesSupportPreventScroll.mjs";
+import { focusElement } from "../../utils/focusElement.mjs";
 import { getDataGridUtilityClass } from "../../constants/gridClasses.mjs";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
 import { gridColumnGroupsLookupSelector } from "../../hooks/features/columnGrouping/gridColumnGroupsSelector.mjs";
@@ -95,15 +95,7 @@ function GridColumnGroupHeader(props) {
       if (!elementToFocus) {
         return;
       }
-      if (doesSupportPreventScroll()) {
-        elementToFocus.focus({
-          preventScroll: true
-        });
-      } else {
-        const scrollPosition = apiRef.current.getScrollPosition();
-        elementToFocus.focus();
-        apiRef.current.scroll(scrollPosition);
-      }
+      focusElement(elementToFocus, apiRef);
     }
   }, [apiRef, hasFocus]);
   const publish = React.useCallback(eventName => event => {

package/components/columnHeaders/GridColumnHeaderItem.js

@@ -16,7 +16,7 @@ var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _fastMemo = require("@mui/x-internals/fastMemo");
 var _RtlProvider = require("@mui/system/RtlProvider");
-var _doesSupportPreventScroll = require("../../utils/doesSupportPreventScroll");
+var _focusElement = require("../../utils/focusElement");
 var _useGridPrivateApiContext = require("../../hooks/utils/useGridPrivateApiContext");
 var _getColumnMenuItemKeys = require("../../hooks/features/columnMenu/getColumnMenuItemKeys");
 var _ColumnHeaderMenuIcon = require("./ColumnHeaderMenuIcon");
@@ -209,15 +209,7 @@ function GridColumnHeaderItem(props) {
       if (!elementToFocus) {
         return;
       }
-      if ((0, _doesSupportPreventScroll.doesSupportPreventScroll)()) {
-        elementToFocus.focus({
-          preventScroll: true
-        });
-      } else {
-        const scrollPosition = apiRef.current.getScrollPosition();
-        elementToFocus.focus();
-        apiRef.current.scroll(scrollPosition);
-      }
+      (0, _focusElement.focusElement)(elementToFocus, apiRef);
     }
   }, [apiRef, hasFocus]);
   const headerClassName = typeof colDef.headerClassName === 'function' ? colDef.headerClassName({