@mui/x-data-grid 6.13.0 → 6.15.0

package/locales/jaJP.js

@@ -60,34 +60,32 @@ const jaJPGrid = {
   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/locales/viVN.js

@@ -37,7 +37,7 @@ const viVNGrid = {
   columnsPanelHideAllButton: 'Ẩn tất cả',
   // Filter panel text
   filterPanelAddFilter: 'Thêm bộ lọc',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Xóa tất cả',
   filterPanelDeleteIconLabel: 'Xóa',
   filterPanelLogicOperator: 'Toán tử logic',
   filterPanelOperator: 'Toán tử',
@@ -59,35 +59,33 @@ const viVNGrid = {
   filterOperatorOnOrBefore: 'bằng hoặc trước',
   filterOperatorIsEmpty: 'Rỗng',
   filterOperatorIsNotEmpty: 'Khác rỗng',
-  // filterOperatorIsAnyOf: 'is any of',
-  // 'filterOperator=': '=',
-  // 'filterOperator!=': '!=',
-  // 'filterOperator>': '>',
-  // 'filterOperator>=': '>=',
-  // 'filterOperator<': '<',
-  // 'filterOperator<=': '<=',
-
+  filterOperatorIsAnyOf: 'Bất kỳ',
+  '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: 'Chứa',
+  headerFilterOperatorEquals: 'Bằng',
+  headerFilterOperatorStartsWith: 'Bắt đầu với',
+  headerFilterOperatorEndsWith: 'Kết thúc với',
+  headerFilterOperatorIs: 'là',
+  headerFilterOperatorNot: 'Không là',
+  headerFilterOperatorAfter: 'Sau',
+  headerFilterOperatorOnOrAfter: 'Đang hoặc sau',
+  headerFilterOperatorBefore: 'Trước',
+  headerFilterOperatorOnOrBefore: 'Đang hoặc trước',
+  headerFilterOperatorIsEmpty: 'Rỗng',
+  headerFilterOperatorIsNotEmpty: 'Khác rỗng',
+  headerFilterOperatorIsAnyOf: 'Bất kỳ',
+  'headerFilterOperator=': 'Bằng',
+  'headerFilterOperator!=': 'Khác',
+  'headerFilterOperator>': 'Lớn hơn',
+  'headerFilterOperator>=': 'Lớn hơn hoặc bằng',
+  'headerFilterOperator<': 'Nhỏ hơn',
+  'headerFilterOperator<=': 'Nhỏ hơn hoặc bằng',
   // Filter values text
   filterValueAny: 'bất kỳ giá trị nào',
   filterValueTrue: 'Có',
@@ -95,7 +93,7 @@ const viVNGrid = {
   // Column menu text
   columnMenuLabel: 'Danh mục',
   columnMenuShowColumns: 'Danh sách cột',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Quản lý cột',
   columnMenuFilter: 'Bộ lọc',
   columnMenuHideColumn: 'Ẩn cột',
   columnMenuUnsort: 'Bỏ sắp xếp',
@@ -139,15 +137,13 @@ const viVNGrid = {
   expandDetailPanel: 'Mở rộng',
   collapseDetailPanel: 'Thu nhỏ',
   // Row reordering text
-  rowReorderingHeaderName: 'Sắp xếp hàng'
-
+  rowReorderingHeaderName: 'Sắp xếp hàng',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Tổng hợp',
+  aggregationFunctionLabelSum: 'Tổng',
+  aggregationFunctionLabelAvg: 'Trung bình',
+  aggregationFunctionLabelMin: 'Tối thiểu',
+  aggregationFunctionLabelMax: 'Tối đa',
+  aggregationFunctionLabelSize: 'Kích cỡ'
 };
-
 export const viVN = getGridLocalization(viVNGrid, viVNCore);

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

@@ -3,6 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["innerRef", "className", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnPositions", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "densityFactor", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
+import { refType } from '@mui/utils';
 import { fastMemo } from '../utils/fastMemo';
 import { useGridColumnHeaders } from '../hooks/features/columnHeaders/useGridColumnHeaders';
 import { GridBaseColumnHeaders } from './columnHeaders/GridBaseColumnHeaders';
@@ -94,9 +95,7 @@ process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
   filterColumnLookup: PropTypes.object.isRequired,
   hasOtherElementInTabSequence: PropTypes.bool.isRequired,
   headerGroupingMaxDepth: PropTypes.number.isRequired,
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.object
-  })]),
+  innerRef: refType,
   minColumnIndex: PropTypes.number,
   sortColumnLookup: PropTypes.object.isRequired,
   visibleColumns: PropTypes.arrayOf(PropTypes.object).isRequired

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) {