@mui/x-data-grid 9.5.0 → 9.7.0

package/components/cell/GridEditLongTextCell.mjs

@@ -2,6 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
@@ -163,6 +164,76 @@ function GridEditLongTextCell(props) {
     }))]
   }));
 }
+process.env.NODE_ENV !== "production" ? GridEditLongTextCell.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * GridApi that let you manipulate the grid.
+   */
+  api: PropTypes.object.isRequired,
+  /**
+   * The mode of the cell.
+   */
+  cellMode: PropTypes.oneOf(['edit', 'view']).isRequired,
+  changeReason: PropTypes.oneOf(['debouncedSetEditCellValue', 'setEditCellValue']),
+  /**
+   * The column of the row that the current cell belongs to.
+   */
+  colDef: PropTypes.object.isRequired,
+  debounceMs: PropTypes.number,
+  /**
+   * The column field of the cell that triggered the event.
+   */
+  field: PropTypes.string.isRequired,
+  /**
+   * The cell value formatted with the column valueFormatter.
+   */
+  formattedValue: PropTypes.string,
+  /**
+   * If true, the cell is the active element.
+   */
+  hasFocus: PropTypes.bool.isRequired,
+  /**
+   * The grid row id.
+   */
+  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+  /**
+   * If true, the cell is editable.
+   */
+  isEditable: PropTypes.bool,
+  isProcessingProps: PropTypes.bool,
+  isValidating: PropTypes.bool,
+  /**
+   * Callback called when the value is changed by the user.
+   * @param {React.ChangeEvent<HTMLTextAreaElement>} event The event source of the callback.
+   * @param {string} newValue The value that is going to be passed to `apiRef.current.setEditCellValue`.
+   * @returns {Promise<void> | void} A promise to be awaited before calling `apiRef.current.setEditCellValue`
+   */
+  onValueChange: PropTypes.func,
+  /**
+   * The row model of the row that the current cell belongs to.
+   */
+  row: PropTypes.any.isRequired,
+  /**
+   * The node of the row that the current cell belongs to.
+   */
+  rowNode: PropTypes.object.isRequired,
+  /**
+   * Props passed to internal components.
+   */
+  slotProps: PropTypes.object,
+  /**
+   * the tabIndex value.
+   */
+  tabIndex: PropTypes.oneOf([-1, 0]).isRequired,
+  /**
+   * The cell value.
+   * If the column has `valueGetter`, use `params.row` to directly access the fields.
+   */
+  value: PropTypes.string
+} : void 0;
 function GridEditLongTextarea(props) {
   const {
     id,
@@ -235,6 +306,76 @@ function GridEditLongTextarea(props) {
     className: clsx(classes.textarea, slotProps?.textarea?.className)
   }));
 }
+process.env.NODE_ENV !== "production" ? GridEditLongTextarea.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * GridApi that let you manipulate the grid.
+   */
+  api: PropTypes.object.isRequired,
+  /**
+   * The mode of the cell.
+   */
+  cellMode: PropTypes.oneOf(['edit', 'view']).isRequired,
+  changeReason: PropTypes.oneOf(['debouncedSetEditCellValue', 'setEditCellValue']),
+  /**
+   * The column of the row that the current cell belongs to.
+   */
+  colDef: PropTypes.object.isRequired,
+  debounceMs: PropTypes.number,
+  /**
+   * The column field of the cell that triggered the event.
+   */
+  field: PropTypes.string.isRequired,
+  /**
+   * The cell value formatted with the column valueFormatter.
+   */
+  formattedValue: PropTypes.string,
+  /**
+   * If true, the cell is the active element.
+   */
+  hasFocus: PropTypes.bool.isRequired,
+  /**
+   * The grid row id.
+   */
+  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+  /**
+   * If true, the cell is editable.
+   */
+  isEditable: PropTypes.bool,
+  isProcessingProps: PropTypes.bool,
+  isValidating: PropTypes.bool,
+  /**
+   * Callback called when the value is changed by the user.
+   * @param {React.ChangeEvent<HTMLTextAreaElement>} event The event source of the callback.
+   * @param {string} newValue The value that is going to be passed to `apiRef.current.setEditCellValue`.
+   * @returns {Promise<void> | void} A promise to be awaited before calling `apiRef.current.setEditCellValue`
+   */
+  onValueChange: PropTypes.func,
+  /**
+   * The row model of the row that the current cell belongs to.
+   */
+  row: PropTypes.any.isRequired,
+  /**
+   * The node of the row that the current cell belongs to.
+   */
+  rowNode: PropTypes.object.isRequired,
+  /**
+   * Props passed to internal components.
+   */
+  slotProps: PropTypes.object,
+  /**
+   * the tabIndex value.
+   */
+  tabIndex: PropTypes.oneOf([-1, 0]).isRequired,
+  /**
+   * The cell value.
+   * If the column has `valueGetter`, use `params.row` to directly access the fields.
+   */
+  value: PropTypes.string
+} : void 0;
 export { GridEditLongTextCell };
 export const renderEditLongTextCell = params => /*#__PURE__*/_jsx(GridEditLongTextCell, _extends({}, params));
 if (process.env.NODE_ENV !== "production") renderEditLongTextCell.displayName = "renderEditLongTextCell";

package/components/cell/GridEditSingleSelectCell.js

@@ -126,7 +126,7 @@ function GridEditSingleSelectCell(props) {
     })
   }));
 }
-process.env.NODE_ENV !== "production" ? GridEditSingleSelectCell.propTypes = {
+process.env.NODE_ENV !== "production" ? GridEditSingleSelectCell.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/cell/GridEditSingleSelectCell.mjs

@@ -118,7 +118,7 @@ function GridEditSingleSelectCell(props) {
     })
   }));
 }
-process.env.NODE_ENV !== "production" ? GridEditSingleSelectCell.propTypes = {
+process.env.NODE_ENV !== "production" ? GridEditSingleSelectCell.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/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/cell/GridLongTextCell.d.mts

@@ -39,5 +39,8 @@ export interface GridLongTextCellProps extends GridRenderCellParams<any, string
   };
 }
 declare function GridLongTextCell(props: GridLongTextCellProps): import("react/jsx-runtime").JSX.Element;
+declare namespace GridLongTextCell {
+  var propTypes: any;
+}
 export { GridLongTextCell };
 export declare const renderLongTextCell: (params: GridLongTextCellProps) => import("react/jsx-runtime").JSX.Element;

package/components/cell/GridLongTextCell.d.ts

@@ -39,5 +39,8 @@ export interface GridLongTextCellProps extends GridRenderCellParams<any, string
   };
 }
 declare function GridLongTextCell(props: GridLongTextCellProps): import("react/jsx-runtime").JSX.Element;
+declare namespace GridLongTextCell {
+  var propTypes: any;
+}
 export { GridLongTextCell };
 export declare const renderLongTextCell: (params: GridLongTextCellProps) => import("react/jsx-runtime").JSX.Element;

package/components/cell/GridLongTextCell.js

@@ -10,6 +10,7 @@ exports.GridLongTextCell = GridLongTextCell;
 exports.renderLongTextCell = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("@mui/material/styles");
@@ -251,6 +252,71 @@ function GridLongTextCell(props) {
     }))]
   }));
 }
+process.env.NODE_ENV !== "production" ? GridLongTextCell.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * GridApi that let you manipulate the grid.
+   */
+  api: _propTypes.default.object.isRequired,
+  /**
+   * The mode of the cell.
+   */
+  cellMode: _propTypes.default.oneOf(['edit', 'view']).isRequired,
+  /**
+   * The column of the row that the current cell belongs to.
+   */
+  colDef: _propTypes.default.object.isRequired,
+  /**
+   * The column field of the cell that triggered the event.
+   */
+  field: _propTypes.default.string.isRequired,
+  /**
+   * The cell value formatted with the column valueFormatter.
+   */
+  formattedValue: _propTypes.default.string,
+  /**
+   * If true, the cell is the active element.
+   */
+  hasFocus: _propTypes.default.bool.isRequired,
+  /**
+   * The grid row id.
+   */
+  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  /**
+   * If true, the cell is editable.
+   */
+  isEditable: _propTypes.default.bool,
+  /**
+   * A function to customize the content rendered in the popup.
+   * @param {string | null} value The cell value.
+   * @returns {React.ReactNode} The content to render in the popup.
+   */
+  renderContent: _propTypes.default.func,
+  /**
+   * The row model of the row that the current cell belongs to.
+   */
+  row: _propTypes.default.any.isRequired,
+  /**
+   * The node of the row that the current cell belongs to.
+   */
+  rowNode: _propTypes.default.object.isRequired,
+  /**
+   * Props passed to internal components.
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * the tabIndex value.
+   */
+  tabIndex: _propTypes.default.oneOf([-1, 0]).isRequired,
+  /**
+   * The cell value.
+   * If the column has `valueGetter`, use `params.row` to directly access the fields.
+   */
+  value: _propTypes.default.string
+} : void 0;
 const renderLongTextCell = params => /*#__PURE__*/(0, _jsxRuntime.jsx)(GridLongTextCell, (0, _extends2.default)({}, params));
 exports.renderLongTextCell = renderLongTextCell;
 if (process.env.NODE_ENV !== "production") renderLongTextCell.displayName = "renderLongTextCell";

package/components/cell/GridLongTextCell.mjs

@@ -2,6 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/material/styles';
@@ -243,6 +244,71 @@ function GridLongTextCell(props) {
     }))]
   }));
 }
+process.env.NODE_ENV !== "production" ? GridLongTextCell.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * GridApi that let you manipulate the grid.
+   */
+  api: PropTypes.object.isRequired,
+  /**
+   * The mode of the cell.
+   */
+  cellMode: PropTypes.oneOf(['edit', 'view']).isRequired,
+  /**
+   * The column of the row that the current cell belongs to.
+   */
+  colDef: PropTypes.object.isRequired,
+  /**
+   * The column field of the cell that triggered the event.
+   */
+  field: PropTypes.string.isRequired,
+  /**
+   * The cell value formatted with the column valueFormatter.
+   */
+  formattedValue: PropTypes.string,
+  /**
+   * If true, the cell is the active element.
+   */
+  hasFocus: PropTypes.bool.isRequired,
+  /**
+   * The grid row id.
+   */
+  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+  /**
+   * If true, the cell is editable.
+   */
+  isEditable: PropTypes.bool,
+  /**
+   * A function to customize the content rendered in the popup.
+   * @param {string | null} value The cell value.
+   * @returns {React.ReactNode} The content to render in the popup.
+   */
+  renderContent: PropTypes.func,
+  /**
+   * The row model of the row that the current cell belongs to.
+   */
+  row: PropTypes.any.isRequired,
+  /**
+   * The node of the row that the current cell belongs to.
+   */
+  rowNode: PropTypes.object.isRequired,
+  /**
+   * Props passed to internal components.
+   */
+  slotProps: PropTypes.object,
+  /**
+   * the tabIndex value.
+   */
+  tabIndex: PropTypes.oneOf([-1, 0]).isRequired,
+  /**
+   * The cell value.
+   * If the column has `valueGetter`, use `params.row` to directly access the fields.
+   */
+  value: PropTypes.string
+} : void 0;
 export { GridLongTextCell };
 export const renderLongTextCell = params => /*#__PURE__*/_jsx(GridLongTextCell, _extends({}, params));
 if (process.env.NODE_ENV !== "production") renderLongTextCell.displayName = "renderLongTextCell";

package/components/cell/GridSkeletonCell.js

@@ -98,7 +98,7 @@ function GridSkeletonCell(props) {
     children: !empty && /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseSkeleton, (0, _extends2.default)({}, skeletonProps))
   }));
 }
-process.env.NODE_ENV !== "production" ? GridSkeletonCell.propTypes = {
+process.env.NODE_ENV !== "production" ? GridSkeletonCell.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -111,7 +111,8 @@ process.env.NODE_ENV !== "production" ? GridSkeletonCell.propTypes = {
   empty: _propTypes.default.bool,
   field: _propTypes.default.string,
   height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
-  type: _propTypes.default.oneOf(['actions', 'boolean', 'custom', 'date', 'dateTime', 'number', 'singleSelect', 'string']),
+  skeletonProps: _propTypes.default.object,
+  type: _propTypes.default.oneOf(['actions', 'boolean', 'custom', 'date', 'dateTime', 'longText', 'multiSelect', 'number', 'singleSelect', 'string']),
   width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
 } : void 0;
 const Memoized = exports.GridSkeletonCell = (0, _fastMemo.fastMemo)(GridSkeletonCell);

package/components/cell/GridSkeletonCell.mjs

@@ -90,7 +90,7 @@ function GridSkeletonCell(props) {
     children: !empty && /*#__PURE__*/_jsx(rootProps.slots.baseSkeleton, _extends({}, skeletonProps))
   }));
 }
-process.env.NODE_ENV !== "production" ? GridSkeletonCell.propTypes = {
+process.env.NODE_ENV !== "production" ? GridSkeletonCell.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -103,7 +103,8 @@ process.env.NODE_ENV !== "production" ? GridSkeletonCell.propTypes = {
   empty: PropTypes.bool,
   field: PropTypes.string,
   height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-  type: PropTypes.oneOf(['actions', 'boolean', 'custom', 'date', 'dateTime', 'number', 'singleSelect', 'string']),
+  skeletonProps: PropTypes.object,
+  type: PropTypes.oneOf(['actions', 'boolean', 'custom', 'date', 'dateTime', 'longText', 'multiSelect', 'number', 'singleSelect', 'string']),
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 } : void 0;
 const Memoized = fastMemo(GridSkeletonCell);

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/GridColumnHeaderFilterIconButton.js

@@ -34,7 +34,7 @@ function GridColumnHeaderFilterIconButtonWrapped(props) {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(GridColumnHeaderFilterIconButton, (0, _extends2.default)({}, props));
 }
-process.env.NODE_ENV !== "production" ? GridColumnHeaderFilterIconButtonWrapped.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnHeaderFilterIconButtonWrapped.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -105,7 +105,7 @@ function GridColumnHeaderFilterIconButton(props) {
     })
   }));
 }
-process.env.NODE_ENV !== "production" ? GridColumnHeaderFilterIconButton.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnHeaderFilterIconButton.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/columnHeaders/GridColumnHeaderFilterIconButton.mjs

@@ -26,7 +26,7 @@ function GridColumnHeaderFilterIconButtonWrapped(props) {
   }
   return /*#__PURE__*/_jsx(GridColumnHeaderFilterIconButton, _extends({}, props));
 }
-process.env.NODE_ENV !== "production" ? GridColumnHeaderFilterIconButtonWrapped.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnHeaderFilterIconButtonWrapped.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -97,7 +97,7 @@ function GridColumnHeaderFilterIconButton(props) {
     })
   }));
 }
-process.env.NODE_ENV !== "production" ? GridColumnHeaderFilterIconButton.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnHeaderFilterIconButton.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/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({
@@ -255,7 +247,7 @@ function GridColumnHeaderItem(props) {
     style: style
   }, mouseEventsHandlers));
 }
-process.env.NODE_ENV !== "production" ? GridColumnHeaderItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnHeaderItem.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/columnHeaders/GridColumnHeaderItem.mjs

@@ -9,7 +9,7 @@ import capitalize from '@mui/utils/capitalize';
 import useId from '@mui/utils/useId';
 import { fastMemo } from '@mui/x-internals/fastMemo';
 import { useRtl } from '@mui/system/RtlProvider';
-import { doesSupportPreventScroll } from "../../utils/doesSupportPreventScroll.mjs";
+import { focusElement } from "../../utils/focusElement.mjs";
 import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.mjs";
 import { getColumnMenuItemKeys } from "../../hooks/features/columnMenu/getColumnMenuItemKeys.mjs";
 import { ColumnHeaderMenuIcon } from "./ColumnHeaderMenuIcon.mjs";
@@ -202,15 +202,7 @@ function GridColumnHeaderItem(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 headerClassName = typeof colDef.headerClassName === 'function' ? colDef.headerClassName({
@@ -248,7 +240,7 @@ function GridColumnHeaderItem(props) {
     style: style
   }, mouseEventsHandlers));
 }
-process.env.NODE_ENV !== "production" ? GridColumnHeaderItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnHeaderItem.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/columnHeaders/GridColumnHeaderSeparator.js

@@ -68,7 +68,7 @@ function GridColumnHeaderSeparatorRaw(props) {
 }
 const GridColumnHeaderSeparator = exports.GridColumnHeaderSeparator = /*#__PURE__*/React.memo(GridColumnHeaderSeparatorRaw);
 if (process.env.NODE_ENV !== "production") GridColumnHeaderSeparator.displayName = "GridColumnHeaderSeparator";
-process.env.NODE_ENV !== "production" ? GridColumnHeaderSeparatorRaw.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnHeaderSeparatorRaw.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/columnHeaders/GridColumnHeaderSeparator.mjs

@@ -60,7 +60,7 @@ function GridColumnHeaderSeparatorRaw(props) {
 }
 const GridColumnHeaderSeparator = /*#__PURE__*/React.memo(GridColumnHeaderSeparatorRaw);
 if (process.env.NODE_ENV !== "production") GridColumnHeaderSeparator.displayName = "GridColumnHeaderSeparator";
-process.env.NODE_ENV !== "production" ? GridColumnHeaderSeparatorRaw.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnHeaderSeparatorRaw.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/columnHeaders/GridColumnHeaderSortIcon.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type GridColumnSortButtonProps } from "../GridColumnSortButton.mjs";
+import type { GridColumnSortButtonProps } from "../GridColumnSortButton.mjs";
 export interface GridColumnHeaderSortIconProps extends GridColumnSortButtonProps {}
 declare function GridColumnHeaderSortIconRaw(props: GridColumnHeaderSortIconProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridColumnHeaderSortIconRaw {

package/components/columnHeaders/GridColumnHeaderSortIcon.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type GridColumnSortButtonProps } from "../GridColumnSortButton.js";
+import type { GridColumnSortButtonProps } from "../GridColumnSortButton.js";
 export interface GridColumnHeaderSortIconProps extends GridColumnSortButtonProps {}
 declare function GridColumnHeaderSortIconRaw(props: GridColumnHeaderSortIconProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridColumnHeaderSortIconRaw {

package/components/columnHeaders/GridColumnHeaderSortIcon.js

@@ -21,7 +21,7 @@ function GridColumnHeaderSortIconRaw(props) {
 }
 const GridColumnHeaderSortIcon = exports.GridColumnHeaderSortIcon = /*#__PURE__*/React.memo(GridColumnHeaderSortIconRaw);
 if (process.env.NODE_ENV !== "production") GridColumnHeaderSortIcon.displayName = "GridColumnHeaderSortIcon";
-process.env.NODE_ENV !== "production" ? GridColumnHeaderSortIconRaw.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnHeaderSortIconRaw.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/columnHeaders/GridColumnHeaderSortIcon.mjs

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