@mui/x-data-grid 6.14.0 → 6.16.0

package/locales/ruRU.js

@@ -46,7 +46,7 @@ const ruRUGrid = {
   columnsPanelHideAllButton: 'Скрыть все',
   // Filter panel text
   filterPanelAddFilter: 'Добавить фильтр',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Очистить фильтр',
   filterPanelDeleteIconLabel: 'Удалить',
   filterPanelLogicOperator: 'Логические операторы',
   filterPanelOperator: 'Операторы',
@@ -69,34 +69,32 @@ const ruRUGrid = {
   filterOperatorIsEmpty: 'пустой',
   filterOperatorIsNotEmpty: 'не пустой',
   filterOperatorIsAnyOf: 'любой из',
-  // 'filterOperator=': '=',
-  // 'filterOperator!=': '!=',
-  // 'filterOperator>': '>',
-  // 'filterOperator>=': '>=',
-  // 'filterOperator<': '<',
-  // 'filterOperator<=': '<=',
-
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
   // Header filter operators text
-  // headerFilterOperatorContains: 'Contains',
-  // headerFilterOperatorEquals: 'Equals',
-  // headerFilterOperatorStartsWith: 'Starts with',
-  // headerFilterOperatorEndsWith: 'Ends with',
-  // headerFilterOperatorIs: 'Is',
-  // headerFilterOperatorNot: 'Is not',
-  // headerFilterOperatorAfter: 'Is after',
-  // headerFilterOperatorOnOrAfter: 'Is on or after',
-  // headerFilterOperatorBefore: 'Is before',
-  // headerFilterOperatorOnOrBefore: 'Is on or before',
-  // headerFilterOperatorIsEmpty: 'Is empty',
-  // headerFilterOperatorIsNotEmpty: 'Is not empty',
-  // headerFilterOperatorIsAnyOf: 'Is any of',
-  // 'headerFilterOperator=': 'Equals',
-  // 'headerFilterOperator!=': 'Not equals',
-  // 'headerFilterOperator>': 'Greater than',
-  // 'headerFilterOperator>=': 'Greater than or equal to',
-  // 'headerFilterOperator<': 'Less than',
-  // 'headerFilterOperator<=': 'Less than or equal to',
-
+  headerFilterOperatorContains: 'содержит',
+  headerFilterOperatorEquals: 'равен',
+  headerFilterOperatorStartsWith: 'начинается с',
+  headerFilterOperatorEndsWith: 'заканчивается на',
+  headerFilterOperatorIs: 'равен',
+  headerFilterOperatorNot: 'не равен',
+  headerFilterOperatorAfter: 'больше чем',
+  headerFilterOperatorOnOrAfter: 'больше или равно',
+  headerFilterOperatorBefore: 'меньше чем',
+  headerFilterOperatorOnOrBefore: 'меньше или равно',
+  headerFilterOperatorIsEmpty: 'пустой',
+  headerFilterOperatorIsNotEmpty: 'не пустой',
+  headerFilterOperatorIsAnyOf: 'любой из',
+  'headerFilterOperator=': 'содержит',
+  'headerFilterOperator!=': 'не содержит',
+  'headerFilterOperator>': 'больше чем',
+  'headerFilterOperator>=': 'больше или равно',
+  'headerFilterOperator<': 'меньше чем',
+  'headerFilterOperator<=': 'меньше или равно',
   // Filter values text
   filterValueAny: 'любой',
   filterValueTrue: 'истина',

package/models/api/gridApiCommon.d.ts

@@ -10,7 +10,6 @@ import { GridLocaleTextApi } from './gridLocaleTextApi';
 import type { GridParamsApi } from './gridParamsApi';
 import { GridPreferencesPanelApi } from './gridPreferencesPanelApi';
 import { GridPrintExportApi } from './gridPrintExportApi';
-import { GridDisableVirtualizationApi } from './gridDisableVirtualizationApi';
 import { GridRowApi } from './gridRowApi';
 import { GridRowsMetaApi, GridRowsMetaPrivateApi } from './gridRowsMetaApi';
 import { GridRowSelectionApi } from './gridRowSelectionApi';
@@ -18,7 +17,7 @@ import { GridSortApi } from './gridSortApi';
 import { GridStateApi, GridStatePrivateApi } from './gridStateApi';
 import { GridLoggerApi } from './gridLoggerApi';
 import { GridScrollApi } from './gridScrollApi';
-import { GridVirtualScrollerApi } from './gridVirtualScrollerApi';
+import { GridVirtualizationApi, GridVirtualizationPrivateApi } from './gridVirtualizationApi';
 import type { GridPipeProcessingApi, GridPipeProcessingPrivateApi } from '../../hooks/core/pipeProcessing';
 import { GridColumnSpanningApi, GridColumnSpanningPrivateApi } from './gridColumnSpanning';
 import type { GridStrategyProcessingApi } from '../../hooks/core/strategyProcessing';
@@ -28,9 +27,9 @@ import type { GridStatePersistenceApi } from '../../hooks/features/statePersiste
 import { GridColumnGroupingApi } from './gridColumnGroupingApi';
 import type { GridInitialStateCommunity, GridStateCommunity } from '../gridStateCommunity';
 import { GridHeaderFilteringApi, GridHeaderFilteringPrivateApi } from './gridHeaderFilteringApi';
-export interface GridApiCommon<GridState extends GridStateCommunity = any, GridInitialState extends GridInitialStateCommunity = any> extends GridCoreApi, GridPipeProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridRowSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridDisableVirtualizationApi, GridLocaleTextApi, GridScrollApi, GridColumnSpanningApi, GridStateApi<GridState>, GridStatePersistenceApi<GridInitialState>, GridColumnGroupingApi, GridHeaderFilteringApi {
+export interface GridApiCommon<GridState extends GridStateCommunity = any, GridInitialState extends GridInitialStateCommunity = any> extends GridCoreApi, GridPipeProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridRowSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridVirtualizationApi, GridLocaleTextApi, GridScrollApi, GridColumnSpanningApi, GridStateApi<GridState>, GridStatePersistenceApi<GridInitialState>, GridColumnGroupingApi, GridHeaderFilteringApi {
 }
-export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon> extends GridCorePrivateApi<Api, PrivateApi>, GridStatePrivateApi<PrivateApi['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridVirtualScrollerApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi {
+export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon> extends GridCorePrivateApi<Api, PrivateApi>, GridStatePrivateApi<PrivateApi['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi {
 }
 export interface GridPrivateApiCommon extends GridApiCommon, GridPrivateOnlyApiCommon<GridApiCommon, GridPrivateApiCommon> {
 }

package/models/api/gridVirtualizationApi.d.ts

@@ -0,0 +1,20 @@
+import { GridRenderContext } from '../params';
+export interface GridVirtualizationApi {
+    /**
+     * Enable/disable virtualization.
+     * @param {boolean} enabled The enabled value for virtualization
+     */
+    unstable_setVirtualization: (enabled: boolean) => void;
+    /**
+     * Enable/disable column virtualization.
+     * @param {boolean} enabled The enabled value for column virtualization
+     */
+    unstable_setColumnVirtualization: (enabled: boolean) => void;
+}
+export interface GridVirtualizationPrivateApi {
+    /**
+     * Get the current grid rendering context.
+     * @returns {GridRenderContext} The `GridRenderContext`.
+     */
+    getRenderContext: () => GridRenderContext;
+}

package/models/api/index.d.ts

@@ -15,10 +15,9 @@ export * from './gridFilterApi';
 export * from './gridColumnMenuApi';
 export * from './gridPreferencesPanelApi';
 export * from './gridPrintExportApi';
-export * from './gridDisableVirtualizationApi';
 export * from './gridCallbackDetails';
 export * from './gridScrollApi';
-export * from './gridVirtualScrollerApi';
+export * from './gridVirtualizationApi';
 export type { GridApiCommon } from './gridApiCommon';
 export type { GridEditingApi, GridCellModesModel, GridRowModesModel } from './gridEditingApi';
 export type GridEditRowApi = GridEditingApi;

package/models/api/index.js

@@ -10,8 +10,7 @@ export * from './gridFilterApi';
 export * from './gridColumnMenuApi';
 export * from './gridPreferencesPanelApi';
 export * from './gridPrintExportApi';
-export * from './gridDisableVirtualizationApi';
 export * from './gridCallbackDetails';
 export * from './gridScrollApi';
-export * from './gridVirtualScrollerApi';
+export * from './gridVirtualizationApi';
 export {};

package/models/events/gridEventLookup.d.ts

@@ -173,6 +173,14 @@ export interface GridColumnHeaderEventLookup {
         params: GridColumnHeaderParams;
         event: React.DragEvent<HTMLElement>;
     };
+    /**
+     * Fired when a `dblclick` DOM event happens in the column header separator.
+     * @ignore - do not document.
+     */
+    columnSeparatorDoubleClick: {
+        params: GridColumnHeaderParams;
+        event: React.MouseEvent<HTMLElement>;
+    };
     /**
      * Fired when a `mousedown` DOM event happens in the column header separator.
      * @ignore - do not document.

package/models/gridExport.d.ts

@@ -32,9 +32,9 @@ export interface GridFileExportOptions<Api extends GridApiCommon = GridApiCommun
      */
     includeHeaders?: boolean;
     /**
-     * Function that returns the id of the rows to export on the order they should be exported.
+     * Function that returns the list of row ids to export on the order they should be exported.
      * @param {GridGetRowsToExportParams} params With all properties from [[GridGetRowsToExportParams]].
-     * @returns {GridRowId[]} The id of the rows to export.
+     * @returns {GridRowId[]} The list of row ids to export.
      */
     getRowsToExport?: (params: GridGetRowsToExportParams<Api>) => GridRowId[];
 }
@@ -46,6 +46,8 @@ export interface GridGetRowsToExportParams<Api extends GridApiCommon = GridApiCo
 }
 export interface GridCsvGetRowsToExportParams<Api extends GridApiCommon = GridApiCommunity> extends GridGetRowsToExportParams<Api> {
 }
+export interface GridPrintGetRowsToExportParams<Api extends GridApiCommon = GridApiCommunity> extends GridGetRowsToExportParams<Api> {
+}
 /**
  * The options to apply on the CSV export.
  * @demos
@@ -81,9 +83,9 @@ export interface GridCsvExportOptions extends GridFileExportOptions {
      */
     includeColumnGroupsHeaders?: boolean;
     /**
-     * Function that returns the id of the rows to export on the order they should be exported.
+     * Function that returns the list of row ids to export on the order they should be exported.
      * @param {GridCsvGetRowsToExportParams} params With all properties from [[GridCsvGetRowsToExportParams]].
-     * @returns {GridRowId[]} The id of the rows to export.
+     * @returns {GridRowId[]} The list of row ids to export.
      */
     getRowsToExport?: (params: GridCsvGetRowsToExportParams) => GridRowId[];
 }
@@ -108,6 +110,11 @@ export interface GridPrintExportOptions extends GridExportOptions {
      * @default false
      */
     hideFooter?: boolean;
+    /**
+     * If `true`, the selection checkboxes will be included when printing.
+     * @default false
+     */
+    includeCheckboxes?: boolean;
     /**
      * If `false`, all <style> and <link type="stylesheet" /> tags from the <head> will not be copied
      * to the print window.
@@ -122,6 +129,12 @@ export interface GridPrintExportOptions extends GridExportOptions {
      * Provide Print specific styles to the print window.
      */
     pageStyle?: string | Function;
+    /**
+     * Function that returns the list of row ids to export in the order they should be exported.
+     * @param {GridPrintGetRowsToExportParams} params With all properties from [[GridPrintGetRowsToExportParams]].
+     * @returns {GridRowId[]} The list of row ids to export.
+     */
+    getRowsToExport?: (params: GridPrintGetRowsToExportParams) => GridRowId[];
 }
 /**
  * Available export formats.

package/models/gridStateCommunity.d.ts

@@ -1,4 +1,4 @@
-import type { GridColumnMenuState, GridColumnsInitialState, GridColumnsState, GridColumnsGroupingState, GridDensityState, GridFilterInitialState, GridFilterState, GridFocusState, GridPaginationInitialState, GridPaginationState, GridPreferencePanelInitialState, GridPreferencePanelState, GridRowsState, GridSortingInitialState, GridSortingState, GridTabIndexState } from '../hooks';
+import type { GridColumnMenuState, GridColumnsInitialState, GridColumnsState, GridColumnsGroupingState, GridDensityState, GridFilterInitialState, GridFilterState, GridFocusState, GridPaginationInitialState, GridPaginationState, GridPreferencePanelInitialState, GridPreferencePanelState, GridRowsState, GridSortingInitialState, GridSortingState, GridTabIndexState, GridVirtualizationState } from '../hooks';
 import type { GridRowsMetaState } from '../hooks/features/rows/gridRowsMetaState';
 import type { GridEditingState } from './gridEditRowModel';
 import { GridHeaderFilteringState } from './gridHeaderFilteringModel';
@@ -24,6 +24,7 @@ export interface GridStateCommunity {
     filter: GridFilterState;
     preferencePanel: GridPreferencePanelState;
     density: GridDensityState;
+    virtualization: GridVirtualizationState;
 }
 /**
  * The initial state of `DataGrid`.

package/models/index.d.ts

@@ -24,5 +24,5 @@ export * from './muiEvent';
 export * from './events';
 export * from './gridSortModel';
 export * from './gridColumnGrouping';
-export type { GridExportOptions, GridFileExportOptions, GridGetRowsToExportParams, GridCsvGetRowsToExportParams, GridCsvExportOptions, GridPrintExportOptions, } from './gridExport';
+export type { GridExportOptions, GridFileExportOptions, GridGetRowsToExportParams, GridCsvGetRowsToExportParams, GridPrintGetRowsToExportParams, GridCsvExportOptions, GridPrintExportOptions, } from './gridExport';
 export * from './gridFilterOperator';

package/modern/DataGrid/useDataGridComponent.js

@@ -25,53 +25,56 @@ import { rowsMetaStateInitializer, useGridRowsMeta } from '../hooks/features/row
 import { useGridStatePersistence } from '../hooks/features/statePersistence/useGridStatePersistence';
 import { useGridColumnSpanning } from '../hooks/features/columns/useGridColumnSpanning';
 import { useGridColumnGrouping, columnGroupsStateInitializer } from '../hooks/features/columnGrouping/useGridColumnGrouping';
+import { useGridVirtualization, virtualizationStateInitializer } from '../hooks/features/virtualization';
 export const useDataGridComponent = (inputApiRef, props) => {
-  const privateApiRef = useGridInitialization(inputApiRef, props);
+  const apiRef = useGridInitialization(inputApiRef, props);
 
   /**
    * Register all pre-processors called during state initialization here.
    */
-  useGridRowSelectionPreProcessors(privateApiRef, props);
-  useGridRowsPreProcessors(privateApiRef);
+  useGridRowSelectionPreProcessors(apiRef, props);
+  useGridRowsPreProcessors(apiRef);
 
   /**
    * Register all state initializers here.
    */
-  useGridInitializeState(rowSelectionStateInitializer, privateApiRef, props);
-  useGridInitializeState(columnsStateInitializer, privateApiRef, props);
-  useGridInitializeState(rowsStateInitializer, privateApiRef, props);
-  useGridInitializeState(editingStateInitializer, privateApiRef, props);
-  useGridInitializeState(focusStateInitializer, privateApiRef, props);
-  useGridInitializeState(sortingStateInitializer, privateApiRef, props);
-  useGridInitializeState(preferencePanelStateInitializer, privateApiRef, props);
-  useGridInitializeState(filterStateInitializer, privateApiRef, props);
-  useGridInitializeState(densityStateInitializer, privateApiRef, props);
-  useGridInitializeState(paginationStateInitializer, privateApiRef, props);
-  useGridInitializeState(rowsMetaStateInitializer, privateApiRef, props);
-  useGridInitializeState(columnMenuStateInitializer, privateApiRef, props);
-  useGridInitializeState(columnGroupsStateInitializer, privateApiRef, props);
-  useGridKeyboardNavigation(privateApiRef, props);
-  useGridRowSelection(privateApiRef, props);
-  useGridColumns(privateApiRef, props);
-  useGridRows(privateApiRef, props);
-  useGridParamsApi(privateApiRef, props);
-  useGridColumnSpanning(privateApiRef);
-  useGridColumnGrouping(privateApiRef, props);
-  useGridEditing(privateApiRef, props);
-  useGridFocus(privateApiRef, props);
-  useGridPreferencesPanel(privateApiRef, props);
-  useGridFilter(privateApiRef, props);
-  useGridSorting(privateApiRef, props);
-  useGridDensity(privateApiRef, props);
-  useGridPagination(privateApiRef, props);
-  useGridRowsMeta(privateApiRef, props);
-  useGridScroll(privateApiRef, props);
-  useGridColumnMenu(privateApiRef);
-  useGridCsvExport(privateApiRef, props);
-  useGridPrintExport(privateApiRef, props);
-  useGridClipboard(privateApiRef, props);
-  useGridDimensions(privateApiRef, props);
-  useGridEvents(privateApiRef, props);
-  useGridStatePersistence(privateApiRef);
-  return privateApiRef;
+  useGridInitializeState(rowSelectionStateInitializer, apiRef, props);
+  useGridInitializeState(columnsStateInitializer, apiRef, props);
+  useGridInitializeState(rowsStateInitializer, apiRef, props);
+  useGridInitializeState(editingStateInitializer, apiRef, props);
+  useGridInitializeState(focusStateInitializer, apiRef, props);
+  useGridInitializeState(sortingStateInitializer, apiRef, props);
+  useGridInitializeState(preferencePanelStateInitializer, apiRef, props);
+  useGridInitializeState(filterStateInitializer, apiRef, props);
+  useGridInitializeState(densityStateInitializer, apiRef, props);
+  useGridInitializeState(paginationStateInitializer, apiRef, props);
+  useGridInitializeState(rowsMetaStateInitializer, apiRef, props);
+  useGridInitializeState(columnMenuStateInitializer, apiRef, props);
+  useGridInitializeState(columnGroupsStateInitializer, apiRef, props);
+  useGridInitializeState(virtualizationStateInitializer, apiRef, props);
+  useGridKeyboardNavigation(apiRef, props);
+  useGridRowSelection(apiRef, props);
+  useGridColumns(apiRef, props);
+  useGridRows(apiRef, props);
+  useGridParamsApi(apiRef, props);
+  useGridColumnSpanning(apiRef);
+  useGridColumnGrouping(apiRef, props);
+  useGridEditing(apiRef, props);
+  useGridFocus(apiRef, props);
+  useGridPreferencesPanel(apiRef, props);
+  useGridFilter(apiRef, props);
+  useGridSorting(apiRef, props);
+  useGridDensity(apiRef, props);
+  useGridPagination(apiRef, props);
+  useGridRowsMeta(apiRef, props);
+  useGridScroll(apiRef, props);
+  useGridColumnMenu(apiRef);
+  useGridCsvExport(apiRef, props);
+  useGridPrintExport(apiRef, props);
+  useGridClipboard(apiRef, props);
+  useGridDimensions(apiRef, props);
+  useGridEvents(apiRef, props);
+  useGridStatePersistence(apiRef);
+  useGridVirtualization(apiRef, props);
+  return apiRef;
 };

package/modern/components/DataGridVirtualScroller.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "disableVirtualization"];
+const _excluded = ["className"];
 import * as React from 'react';
 import { GridVirtualScroller } from './virtualization/GridVirtualScroller';
 import { GridVirtualScrollerContent } from './virtualization/GridVirtualScrollerContent';
@@ -11,8 +11,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const DataGridVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGridVirtualScroller(props, ref) {
   const {
-      className,
-      disableVirtualization
+      className
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
@@ -21,8 +20,7 @@ const DataGridVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGridV
     getRenderZoneProps,
     getRows
   } = useGridVirtualScroller({
-    ref,
-    disableVirtualization
+    ref
   });
   return /*#__PURE__*/_jsxs(GridVirtualScroller, _extends({
     className: className

package/modern/components/GridRow.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["selected", "rowId", "row", "index", "style", "position", "rowHeight", "className", "visibleColumns", "renderedColumns", "containerWidth", "firstColumnToRender", "lastColumnToRender", "isLastVisible", "focusedCellColumnIndexNotInRange", "isNotVisible", "focusedCell", "tabbableCell", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave"];
+const _excluded = ["selected", "hovered", "rowId", "row", "index", "style", "position", "rowHeight", "className", "visibleColumns", "renderedColumns", "containerWidth", "firstColumnToRender", "lastColumnToRender", "isLastVisible", "focusedCellColumnIndexNotInRange", "isNotVisible", "focusedCell", "tabbableCell", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -57,6 +57,7 @@ function EmptyCell({
 const GridRow = /*#__PURE__*/React.forwardRef(function GridRow(props, refProp) {
   const {
       selected,
+      hovered,
       rowId,
       row,
       index,
@@ -92,6 +93,7 @@ const GridRow = /*#__PURE__*/React.forwardRef(function GridRow(props, refProp) {
 
   const ownerState = {
     selected,
+    hovered,
     isLastVisible,
     classes: rootProps.classes,
     editing: apiRef.current.getRowMode(rowId) === GridRowModes.Edit,
@@ -326,7 +328,7 @@ const GridRow = /*#__PURE__*/React.forwardRef(function GridRow(props, refProp) {
     "data-id": rowId,
     "data-rowindex": index,
     role: "row",
-    className: clsx(...rowClassNames, classes.root, className),
+    className: clsx(...rowClassNames, classes.root, className, hovered && 'Mui-hovered'),
     "aria-rowindex": ariaRowIndex,
     "aria-selected": selected,
     style: style

package/modern/components/base/GridBody.js

@@ -39,7 +39,6 @@ function GridBody(props) {
   const columnVisibility = useGridSelector(apiRef, gridColumnVisibilityModelSelector);
   const columnGroupsHeaderStructure = useGridSelector(apiRef, gridColumnGroupsHeaderStructureSelector);
   const hasOtherElementInTabSequence = !(columnGroupHeaderTabIndexState === null && columnHeaderTabIndexState === null && cellTabIndexState === null);
-  const [isVirtualizationDisabled, setIsVirtualizationDisabled] = React.useState(rootProps.disableVirtualization);
   useEnhancedEffect(() => {
     apiRef.current.computeSizeAndPublishResizeEvent();
     const elementToObserve = rootRef.current;
@@ -49,7 +48,7 @@ function GridBody(props) {
     let animationFrame;
     const observer = new ResizeObserver(() => {
       // See https://github.com/mui/mui-x/issues/8733
-      animationFrame = window.requestAnimationFrame(() => {
+      animationFrame = requestAnimationFrame(() => {
         apiRef.current.computeSizeAndPublishResizeEvent();
       });
     });
@@ -65,24 +64,6 @@ function GridBody(props) {
       }
     };
   }, [apiRef]);
-  const disableVirtualization = React.useCallback(() => {
-    setIsVirtualizationDisabled(true);
-  }, []);
-  const enableVirtualization = React.useCallback(() => {
-    setIsVirtualizationDisabled(false);
-  }, []);
-  React.useEffect(() => {
-    setIsVirtualizationDisabled(rootProps.disableVirtualization);
-  }, [rootProps.disableVirtualization]);
-
-  // The `useGridApiMethod` hook can't be used here, because it only installs the
-  // method if it doesn't exist yet. Once installed, it's never updated again.
-  // This break the methods above, since their closure comes from the first time
-  // they were installed. Which means that calling `setIsVirtualizationDisabled`
-  // will trigger a re-render, but it won't update the state. That can be solved
-  // by migrating the virtualization status to the global state.
-  apiRef.current.unstable_disableVirtualization = disableVirtualization;
-  apiRef.current.unstable_enableVirtualization = enableVirtualization;
   const columnHeadersRef = React.useRef(null);
   const columnsContainerRef = React.useRef(null);
   const virtualScrollerRef = React.useRef(null);
@@ -119,8 +100,7 @@ function GridBody(props) {
     // If this event is published while dimensions haven't been computed,
     // the `onFetchRows` prop won't be called during mount.
     , {
-      ref: virtualScrollerRef,
-      disableVirtualization: isVirtualizationDisabled
+      ref: virtualScrollerRef
     }), children]
   });
 }

package/modern/components/cell/GridActionsCell.js

@@ -164,11 +164,11 @@ function GridActionsCell(props) {
         fontSize: "small"
       })
     })), menuButtons.length > 0 && /*#__PURE__*/_jsx(GridMenu, {
-      onClickAway: hideMenu,
-      onClick: hideMenu,
       open: open,
       target: buttonRef.current,
       position: position,
+      onClose: hideMenu,
+      onClick: hideMenu,
       children: /*#__PURE__*/_jsx(MenuList, {
         id: menuId,
         className: gridClasses.menuList,

package/modern/components/cell/GridCell.js

@@ -231,7 +231,8 @@ const GridCell = /*#__PURE__*/React.forwardRef((props, ref) => {
       return {
         padding: 0,
         opacity: 0,
-        width: 0
+        width: 0,
+        border: 0
       };
     }
     const cellStyle = {
@@ -495,7 +496,8 @@ const GridCellV7 = /*#__PURE__*/React.forwardRef((props, ref) => {
       return {
         padding: 0,
         opacity: 0,
-        width: 0
+        width: 0,
+        border: 0
       };
     }
     const cellStyle = {

package/modern/components/columnHeaders/GridColumnHeaderItem.js

@@ -94,7 +94,8 @@ function GridColumnHeaderItem(props) {
     onDragEnd: publish('columnHeaderDragEnd')
   } : {}, [isDraggable, publish]);
   const columnHeaderSeparatorProps = React.useMemo(() => ({
-    onMouseDown: publish('columnSeparatorMouseDown')
+    onMouseDown: publish('columnSeparatorMouseDown'),
+    onDoubleClick: publish('columnSeparatorDoubleClick')
   }), [publish]);
   React.useEffect(() => {
     if (!showColumnMenuIcon) {

package/modern/components/menu/GridMenu.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["open", "target", "onClickAway", "children", "position", "className", "onExited"];
+const _excluded = ["open", "target", "onClose", "children", "position", "className", "onExited"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import ClickAwayListener from '@mui/material/ClickAwayListener';
-import { unstable_composeClasses as composeClasses, HTMLElementType } from '@mui/utils';
+import { unstable_composeClasses as composeClasses, unstable_useEnhancedEffect as useEnhancedEffect, HTMLElementType } from '@mui/utils';
 import Grow from '@mui/material/Grow';
 import Paper from '@mui/material/Paper';
 import Popper from '@mui/material/Popper';
@@ -43,7 +43,7 @@ function GridMenu(props) {
   const {
       open,
       target,
-      onClickAway,
+      onClose,
       children,
       position,
       className,
@@ -53,6 +53,15 @@ function GridMenu(props) {
   const apiRef = useGridApiContext();
   const rootProps = useGridRootProps();
   const classes = useUtilityClasses(rootProps);
+  const savedFocusRef = React.useRef(null);
+  useEnhancedEffect(() => {
+    if (open) {
+      savedFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    } else {
+      savedFocusRef.current?.focus?.();
+      savedFocusRef.current = null;
+    }
+  }, [open]);
   React.useEffect(() => {
     // Emit menuOpen or menuClose events
     const eventName = open ? 'menuOpen' : 'menuClose';
@@ -68,6 +77,12 @@ function GridMenu(props) {
       onExited(node);
     }
   };
+  const handleClickAway = event => {
+    if (event.target && (target === event.target || target?.contains(event.target))) {
+      return;
+    }
+    onClose(event);
+  };
   return /*#__PURE__*/_jsx(GridMenuRoot, _extends({
     as: rootProps.slots.basePopper,
     className: clsx(className, classes.root),
@@ -81,7 +96,7 @@ function GridMenu(props) {
       TransitionProps,
       placement
     }) => /*#__PURE__*/_jsx(ClickAwayListener, {
-      onClickAway: onClickAway,
+      onClickAway: handleClickAway,
       mouseEvent: "onMouseDown",
       children: /*#__PURE__*/_jsx(Grow, _extends({}, TransitionProps, {
         style: {
@@ -101,7 +116,7 @@ process.env.NODE_ENV !== "production" ? GridMenu.propTypes = {
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   children: PropTypes.node,
-  onClickAway: PropTypes.func.isRequired,
+  onClose: PropTypes.func.isRequired,
   onExited: PropTypes.func,
   /**
    * If `true`, the component is shown.

package/modern/components/menu/columnMenu/GridColumnHeaderMenu.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { HTMLElementType } from '@mui/utils';
+import { unstable_useEventCallback as useEventCallback, HTMLElementType } from '@mui/utils';
 import { useGridApiContext } from '../../../hooks/utils/useGridApiContext';
 import { GridMenu } from '../GridMenu';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -17,13 +17,16 @@ function GridColumnHeaderMenu({
 }) {
   const apiRef = useGridApiContext();
   const colDef = apiRef.current.getColumn(field);
-  const hideMenu = React.useCallback(event => {
-    // Prevent triggering the sorting
-    event.stopPropagation();
-    if (!target?.contains(event.target)) {
-      apiRef.current.hideColumnMenu();
+  const hideMenu = useEventCallback(event => {
+    if (event) {
+      // Prevent triggering the sorting
+      event.stopPropagation();
+      if (target?.contains(event.target)) {
+        return;
+      }
     }
-  }, [apiRef, target]);
+    apiRef.current.hideColumnMenu();
+  });
   if (!target || !colDef) {
     return null;
   }
@@ -31,7 +34,7 @@ function GridColumnHeaderMenu({
     placement: `bottom-${colDef.align === 'right' ? 'start' : 'end'}`,
     open: open,
     target: target,
-    onClickAway: hideMenu,
+    onClose: hideMenu,
     onExited: onExited,
     children: /*#__PURE__*/_jsx(ContentComponent, _extends({
       colDef: colDef,

package/modern/components/panel/filterPanel/GridFilterInputBoolean.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["item", "applyValue", "apiRef", "focusElementRef", "isFilterActive", "clearButton", "tabIndex", "label"];
+const _excluded = ["item", "applyValue", "apiRef", "focusElementRef", "isFilterActive", "clearButton", "tabIndex", "label", "InputLabelProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { refType, unstable_useId as useId } from '@mui/utils';

package/modern/components/panel/filterPanel/GridFilterInputSingleSelect.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "getOptionLabel", "getOptionValue", "placeholder", "tabIndex", "label", "isFilterActive", "clearButton"];
+const _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "getOptionLabel", "getOptionValue", "placeholder", "tabIndex", "label", "isFilterActive", "clearButton", "InputLabelProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_useId as useId } from '@mui/utils';