@mui/x-data-grid 7.0.0-alpha.1 → 7.0.0-alpha.3

package/legacy/hooks/features/filter/gridFilterUtils.js

@@ -182,6 +182,10 @@ var buildAggregatedFilterItemsApplier = function buildAggregatedFilterItemsAppli
   filterItemsApplierId += 1;
   return filterItem;
 };
+export var shouldQuickFilterExcludeHiddenColumns = function shouldQuickFilterExcludeHiddenColumns(filterModel) {
+  var _filterModel$quickFil;
+  return (_filterModel$quickFil = filterModel.quickFilterExcludeHiddenColumns) != null ? _filterModel$quickFil : true;
+};
 
 /**
  * Generates a method to easily check if a row is matching the current quick filter.
@@ -190,13 +194,12 @@ var buildAggregatedFilterItemsApplier = function buildAggregatedFilterItemsAppli
  * @returns {GridAggregatedFilterItemApplier | null} A method that checks if a row is matching the current filter model. If `null`, we consider that all the rows are matching the filters.
  */
 var buildAggregatedQuickFilterApplier = function buildAggregatedQuickFilterApplier(filterModel, apiRef) {
-  var _filterModel$quickFil, _filterModel$quickFil2, _filterModel$quickFil3;
-  var quickFilterValues = (_filterModel$quickFil = (_filterModel$quickFil2 = filterModel.quickFilterValues) == null ? void 0 : _filterModel$quickFil2.filter(Boolean)) != null ? _filterModel$quickFil : [];
+  var _filterModel$quickFil2, _filterModel$quickFil3;
+  var quickFilterValues = (_filterModel$quickFil2 = (_filterModel$quickFil3 = filterModel.quickFilterValues) == null ? void 0 : _filterModel$quickFil3.filter(Boolean)) != null ? _filterModel$quickFil2 : [];
   if (quickFilterValues.length === 0) {
     return null;
   }
-  var quickFilterExcludeHiddenColumns = (_filterModel$quickFil3 = filterModel.quickFilterExcludeHiddenColumns) != null ? _filterModel$quickFil3 : false;
-  var columnFields = quickFilterExcludeHiddenColumns ? gridVisibleColumnFieldsSelector(apiRef) : gridColumnFieldsSelector(apiRef);
+  var columnFields = shouldQuickFilterExcludeHiddenColumns(filterModel) ? gridVisibleColumnFieldsSelector(apiRef) : gridColumnFieldsSelector(apiRef);
   var appliersPerField = [];
   var ignoreDiacritics = apiRef.current.rootProps.ignoreDiacritics;
   var publicApiRef = getPublicApiRef(apiRef);

package/legacy/hooks/features/filter/useGridFilter.js

@@ -15,7 +15,7 @@ import { useFirstRender } from '../../utils/useFirstRender';
 import { gridRowsLookupSelector } from '../rows';
 import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
 import { GRID_DEFAULT_STRATEGY, useGridRegisterStrategyProcessor } from '../../core/strategyProcessing';
-import { buildAggregatedFilterApplier, sanitizeFilterModel, mergeStateWithFilterModel, cleanFilterItem, passFilterLogic } from './gridFilterUtils';
+import { buildAggregatedFilterApplier, sanitizeFilterModel, mergeStateWithFilterModel, cleanFilterItem, passFilterLogic, shouldQuickFilterExcludeHiddenColumns } from './gridFilterUtils';
 import { isDeepEqual } from '../../../utils/utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var filterStateInitializer = function filterStateInitializer(state, props, apiRef) {
@@ -354,7 +354,7 @@ export var useGridFilter = function useGridFilter(apiRef, props) {
   useGridApiEventHandler(apiRef, 'rowExpansionChange', updateVisibleRowsLookupState);
   useGridApiEventHandler(apiRef, 'columnVisibilityModelChange', function () {
     var filterModel = gridFilterModelSelector(apiRef);
-    if (filterModel.quickFilterValues && filterModel.quickFilterExcludeHiddenColumns) {
+    if (filterModel.quickFilterValues && shouldQuickFilterExcludeHiddenColumns(filterModel)) {
       // re-apply filters because the quick filter results may have changed
       apiRef.current.unstable_applyFilters();
     }

package/legacy/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js

@@ -16,6 +16,7 @@ import { unstable_gridFocusColumnGroupHeaderSelector } from '../focus';
 import { gridColumnGroupsHeaderMaxDepthSelector } from '../columnGrouping/gridColumnGroupsSelector';
 import { unstable_gridHeaderFilteringEditFieldSelector, unstable_gridHeaderFilteringMenuSelector } from '../headerFiltering/gridHeaderFilteringSelectors';
 import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
+import { isEventTargetInPortal } from '../../../utils/domUtils';
 function enrichPageRowsWithPinnedRows(apiRef, rows) {
   var pinnedRows = gridPinnedRowsSelector(apiRef) || {};
   return [].concat(_toConsumableArray(pinnedRows.top || []), _toConsumableArray(rows), _toConsumableArray(pinnedRows.bottom || []));
@@ -412,7 +413,7 @@ export var useGridKeyboardNavigation = function useGridKeyboardNavigation(apiRef
   }, [apiRef, currentPageRows.length, goToHeader, goToGroupHeader, goToCell, getRowIdFromIndex]);
   var handleCellKeyDown = React.useCallback(function (params, event) {
     // Ignore portal
-    if (!event.currentTarget.contains(event.target)) {
+    if (isEventTargetInPortal(event)) {
       return;
     }
 

package/legacy/hooks/features/rowSelection/useGridRowSelection.js

@@ -15,6 +15,7 @@ import { isKeyboardEvent, isNavigationKey } from '../../../utils/keyboardUtils';
 import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from '../../../constants/gridDetailPanelToggleField';
 import { gridClasses } from '../../../constants/gridClasses';
+import { isEventTargetInPortal } from '../../../utils/domUtils';
 var getSelectionModelPropValue = function getSelectionModelPropValue(selectionModelProp, prevSelectionModel) {
   if (selectionModelProp == null) {
     return selectionModelProp;
@@ -312,7 +313,7 @@ export var useGridRowSelection = function useGridRowSelection(apiRef, props) {
 
     // Ignore portal
     // Do not apply shortcuts if the focus is not on the cell root component
-    if (!event.currentTarget.contains(event.target)) {
+    if (isEventTargetInPortal(event)) {
       return;
     }
     if (isNavigationKey(event.key) && event.shiftKey) {

package/legacy/hooks/features/sorting/useGridSorting.js

@@ -123,7 +123,8 @@ export var useGridSorting = function useGridSorting(apiRef, props) {
       apiRef.current.applySorting();
     }
   }, [apiRef, logger, props.disableMultipleColumnsSorting]);
-  var sortColumn = React.useCallback(function (column, direction, allowMultipleSorting) {
+  var sortColumn = React.useCallback(function (field, direction, allowMultipleSorting) {
+    var column = apiRef.current.getColumn(field);
     if (!column.sortable) {
       return;
     }
@@ -216,15 +217,15 @@ export var useGridSorting = function useGridSorting(apiRef, props) {
    * EVENTS
    */
   var handleColumnHeaderClick = React.useCallback(function (_ref2, event) {
-    var colDef = _ref2.colDef;
+    var field = _ref2.field;
     var allowMultipleSorting = event.shiftKey || event.metaKey || event.ctrlKey;
-    sortColumn(colDef, undefined, allowMultipleSorting);
+    sortColumn(field, undefined, allowMultipleSorting);
   }, [sortColumn]);
   var handleColumnHeaderKeyDown = React.useCallback(function (_ref3, event) {
-    var colDef = _ref3.colDef;
+    var field = _ref3.field;
     // Ctrl + Enter opens the column menu
     if (isEnterKey(event.key) && !event.ctrlKey && !event.metaKey) {
-      sortColumn(colDef, undefined, event.shiftKey);
+      sortColumn(field, undefined, event.shiftKey);
     }
   }, [sortColumn]);
   var handleColumnsChange = React.useCallback(function () {

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.0.0-alpha.1
+ * @mui/x-data-grid v7.0.0-alpha.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/internals/index.js

@@ -54,7 +54,7 @@ export { useGridInitializeState } from '../hooks/utils/useGridInitializeState';
 export { getColumnsToExport, defaultGetRowsToExport } from '../hooks/features/export/utils';
 export * from '../utils/createControllablePromise';
 export { createSelector, createSelectorMemoized, unstable_resetCreateSelectorCache } from '../utils/createSelector';
-export { findParentElementFromClassName, getActiveElement } from '../utils/domUtils';
+export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from '../utils/domUtils';
 export { isNavigationKey } from '../utils/keyboardUtils';
 export { clamp, isDeepEqual, isNumber, isFunction, isObject } from '../utils/utils';
 export { buildWarning } from '../utils/warning';

package/legacy/locales/arSD.js

@@ -95,7 +95,7 @@ var arSDGrid = {
   // Column menu text
   columnMenuLabel: 'القائمة',
   columnMenuShowColumns: 'إظهار الأعمدة',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'إدارة الأعمدة',
   columnMenuFilter: 'المرشِح',
   columnMenuHideColumn: 'إخفاء',
   columnMenuUnsort: 'الغاء الفرز',

package/legacy/locales/bgBG.js

@@ -62,34 +62,32 @@ var bgBGGrid = {
   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: 'Равнo',
+  headerFilterOperatorStartsWith: 'Започва с',
+  headerFilterOperatorEndsWith: 'Завършва с',
+  headerFilterOperatorIs: 'Равно е на',
+  headerFilterOperatorNot: 'Не се равнява на',
+  headerFilterOperatorAfter: 'След',
+  headerFilterOperatorOnOrAfter: 'След (включително)',
+  headerFilterOperatorBefore: 'Преди',
+  headerFilterOperatorOnOrBefore: 'Преди (включително)',
+  headerFilterOperatorIsEmpty: 'Празен',
+  headerFilterOperatorIsNotEmpty: 'Не е празен',
+  headerFilterOperatorIsAnyOf: 'Всичко от',
+  'headerFilterOperator=': 'Равно',
+  'headerFilterOperator!=': 'Различно',
+  'headerFilterOperator>': 'По-голямо от',
+  'headerFilterOperator>=': 'По-голямо или равно на',
+  'headerFilterOperator<': 'По-малко от',
+  'headerFilterOperator<=': 'По-малко или равно на',
   // Filter values text
   filterValueAny: 'всякакви',
   filterValueTrue: 'вярно',
@@ -147,19 +145,17 @@ var bgBGGrid = {
     return "\u0421\u043F\u0440\u0438 \u0433\u0440\u0443\u043F\u0438\u0440\u0430\u043D\u0435 \u043F\u043E ".concat(name);
   },
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'Превключване на панела с детайли',
   expandDetailPanel: 'Разгъване',
   collapseDetailPanel: 'Свиване',
   // Row reordering text
-  rowReorderingHeaderName: 'Подредба на редове'
-
+  rowReorderingHeaderName: 'Подредба на редове',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Агрегиране',
+  aggregationFunctionLabelSum: 'сума',
+  aggregationFunctionLabelAvg: 'срст',
+  aggregationFunctionLabelMin: 'мин',
+  aggregationFunctionLabelMax: 'макс',
+  aggregationFunctionLabelSize: 'размер'
 };
-
 export var bgBG = getGridLocalization(bgBGGrid, bgBGCore);

package/legacy/locales/heIL.js

@@ -132,8 +132,7 @@ var heILGrid = {
   // Column pinning text
   pinToLeft: 'נעץ משמאל',
   pinToRight: 'נעץ מימין',
-  // unpin: 'Unpin',
-
+  unpin: 'הסר נעיצה',
   // Tree Data
   treeDataGroupingHeaderName: 'קבוצה',
   treeDataExpand: 'הרחב',

package/legacy/models/params/gridEditCellParams.js

@@ -6,6 +6,7 @@ var GridCellEditStartReasons = /*#__PURE__*/function (GridCellEditStartReasons)
   GridCellEditStartReasons["cellDoubleClick"] = "cellDoubleClick";
   GridCellEditStartReasons["printableKeyDown"] = "printableKeyDown";
   GridCellEditStartReasons["deleteKeyDown"] = "deleteKeyDown";
+  GridCellEditStartReasons["pasteKeyDown"] = "pasteKeyDown";
   return GridCellEditStartReasons;
 }(GridCellEditStartReasons || {});
 /**

package/legacy/utils/domUtils.js

@@ -5,20 +5,6 @@ export function isOverflown(element) {
 export function findParentElementFromClassName(elem, className) {
   return elem.closest(".".concat(className));
 }
-export function getRowEl(cell) {
-  if (!cell) {
-    return null;
-  }
-  return findParentElementFromClassName(cell, gridClasses.row);
-}
-
-// TODO remove
-export function isGridCellRoot(elem) {
-  return elem != null && elem.classList.contains(gridClasses.cell);
-}
-export function isGridHeaderCellRoot(elem) {
-  return elem != null && elem.classList.contains(gridClasses.columnHeader);
-}
 function escapeOperandAttributeSelector(operand) {
   return operand.replace(/["\\]/g, '\\$&');
 }
@@ -51,4 +37,13 @@ export var getActiveElement = function getActiveElement() {
     return getActiveElement(activeEl.shadowRoot);
   }
   return activeEl;
-};
+};
+export function isEventTargetInPortal(event) {
+  if (
+  // The target is not an element when triggered by a Select inside the cell
+  // See https://github.com/mui/material-ui/issues/10534
+  event.target.nodeType === 1 && !event.currentTarget.contains(event.target)) {
+    return true;
+  }
+  return false;
+}

package/locales/arSD.js

@@ -93,7 +93,7 @@ const arSDGrid = {
   // Column menu text
   columnMenuLabel: 'القائمة',
   columnMenuShowColumns: 'إظهار الأعمدة',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'إدارة الأعمدة',
   columnMenuFilter: 'المرشِح',
   columnMenuHideColumn: 'إخفاء',
   columnMenuUnsort: 'الغاء الفرز',

package/locales/bgBG.js

@@ -60,34 +60,32 @@ const bgBGGrid = {
   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: 'Равнo',
+  headerFilterOperatorStartsWith: 'Започва с',
+  headerFilterOperatorEndsWith: 'Завършва с',
+  headerFilterOperatorIs: 'Равно е на',
+  headerFilterOperatorNot: 'Не се равнява на',
+  headerFilterOperatorAfter: 'След',
+  headerFilterOperatorOnOrAfter: 'След (включително)',
+  headerFilterOperatorBefore: 'Преди',
+  headerFilterOperatorOnOrBefore: 'Преди (включително)',
+  headerFilterOperatorIsEmpty: 'Празен',
+  headerFilterOperatorIsNotEmpty: 'Не е празен',
+  headerFilterOperatorIsAnyOf: 'Всичко от',
+  'headerFilterOperator=': 'Равно',
+  'headerFilterOperator!=': 'Различно',
+  'headerFilterOperator>': 'По-голямо от',
+  'headerFilterOperator>=': 'По-голямо или равно на',
+  'headerFilterOperator<': 'По-малко от',
+  'headerFilterOperator<=': 'По-малко или равно на',
   // Filter values text
   filterValueAny: 'всякакви',
   filterValueTrue: 'вярно',
@@ -135,19 +133,17 @@ const bgBGGrid = {
   groupColumn: name => `Групирай по ${name}`,
   unGroupColumn: name => `Спри групиране по ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'Превключване на панела с детайли',
   expandDetailPanel: 'Разгъване',
   collapseDetailPanel: 'Свиване',
   // Row reordering text
-  rowReorderingHeaderName: 'Подредба на редове'
-
+  rowReorderingHeaderName: 'Подредба на редове',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Агрегиране',
+  aggregationFunctionLabelSum: 'сума',
+  aggregationFunctionLabelAvg: 'срст',
+  aggregationFunctionLabelMin: 'мин',
+  aggregationFunctionLabelMax: 'макс',
+  aggregationFunctionLabelSize: 'размер'
 };
-
 export const bgBG = getGridLocalization(bgBGGrid, bgBGCore);

package/locales/heIL.js

@@ -124,8 +124,7 @@ const heILGrid = {
   // Column pinning text
   pinToLeft: 'נעץ משמאל',
   pinToRight: 'נעץ מימין',
-  // unpin: 'Unpin',
-
+  unpin: 'הסר נעיצה',
   // Tree Data
   treeDataGroupingHeaderName: 'קבוצה',
   treeDataExpand: 'הרחב',

package/models/api/gridEditingApi.d.ts

@@ -18,10 +18,6 @@ export type GridRowModesModelProps = ({
 export type GridRowModesModel = Record<GridRowId, GridRowModesModelProps>;
 export interface GridEditCellMeta {
     changeReason?: 'debouncedSetEditCellValue' | 'setEditCellValue';
-    /**
-     * Determines if `setEditCellValue` should be called on the first render to sync the value.
-     */
-    unstable_updateValueOnRender?: boolean;
 }
 export interface GridEditingSharedApi {
     /**
@@ -81,6 +77,7 @@ export interface GridStartCellEditModeParams {
     /**
      * The initial value for the field.
      * If `deleteValue` is also true, this value is not used.
+     * @deprecated No longer needed.
      */
     initialValue?: any;
 }
@@ -126,6 +123,7 @@ export interface GridStartRowEditModeParams {
     /**
      * The initial value for the given `fieldToFocus`.
      * If `deleteValue` is also true, this value is not used.
+     * @deprecated No longer needed.
      */
     initialValue?: string;
 }

package/models/api/gridSortApi.d.ts

@@ -21,11 +21,11 @@ export interface GridSortApi {
     setSortModel: (model: GridSortModel) => void;
     /**
      * Sorts a column.
-     * @param {GridColDef} column The [[GridColDef]] of the column to be sorted.
+     * @param {GridColDef['field']} field The field identifier of the column to be sorted.
      * @param {GridSortDirection} direction The direction to be sorted. By default, the next in the `sortingOrder` prop.
      * @param {boolean} allowMultipleSorting Whether to keep the existing [[GridSortItem]]. Default is `false`.
      */
-    sortColumn: (column: GridColDef, direction?: GridSortDirection, allowMultipleSorting?: boolean) => void;
+    sortColumn: (field: GridColDef['field'], direction?: GridSortDirection, allowMultipleSorting?: boolean) => void;
     /**
      * Returns all rows sorted according to the active sort model.
      * @returns {GridRowModel[]} The sorted [[GridRowModel]] objects.

package/models/gridFilterModel.d.ts

@@ -27,8 +27,8 @@ export interface GridFilterModel {
      */
     quickFilterLogicOperator?: GridLogicOperator;
     /**
-     * If `true`, the quick filter will skip cell values from hidden columns.
-     * @default false
+     * If `false`, the quick filter will also consider cell values from hidden columns.
+     * @default true
      */
     quickFilterExcludeHiddenColumns?: boolean;
 }

package/models/gridSlotsComponent.d.ts

@@ -116,11 +116,6 @@ export interface GridSlotsComponent extends GridBaseSlots, GridIconSlotsComponen
      * @default null
      */
     toolbar: React.JSXElementConstructor<any> | null;
-    /**
-     * PreferencesPanel component rendered inside the Header component.
-     * @default GridPreferencesPanel
-     */
-    preferencesPanel: React.JSXElementConstructor<any>;
     /**
      * Loading overlay component rendered when the grid is in a loading state.
      * @default GridLoadingOverlay

package/models/gridSlotsComponentsProps.d.ts

@@ -72,8 +72,6 @@ export interface NoRowsOverlayPropsOverrides {
 }
 export interface PanelPropsOverrides {
 }
-export interface PreferencesPanelPropsOverrides {
-}
 export interface RowPropsOverrides {
 }
 type SlotProps<Props, Overrides> = Partial<Props & Overrides>;
@@ -109,7 +107,6 @@ export interface GridSlotsComponentsProps {
     noRowsOverlay?: SlotProps<GridOverlayProps, NoRowsOverlayPropsOverrides>;
     pagination?: SlotProps<TablePaginationProps, PaginationPropsOverrides>;
     panel?: SlotProps<GridPanelProps, PanelPropsOverrides>;
-    preferencesPanel?: SlotProps<React.HTMLAttributes<HTMLDivElement>, PreferencesPanelPropsOverrides>;
     row?: SlotProps<GridRowProps, RowPropsOverrides>;
     toolbar?: SlotProps<GridToolbarProps, ToolbarPropsOverrides>;
 }

package/models/params/gridEditCellParams.d.ts

@@ -29,7 +29,8 @@ declare enum GridCellEditStartReasons {
     enterKeyDown = "enterKeyDown",
     cellDoubleClick = "cellDoubleClick",
     printableKeyDown = "printableKeyDown",
-    deleteKeyDown = "deleteKeyDown"
+    deleteKeyDown = "deleteKeyDown",
+    pasteKeyDown = "pasteKeyDown"
 }
 /**
  * Params passed to the `cellEditStart` event.
@@ -41,6 +42,7 @@ export interface GridCellEditStartParams<R extends GridValidRowModel = any, V =
     reason?: GridCellEditStartReasons;
     /**
      * If the reason is related to a keyboard event, it contains which key was pressed.
+     * @deprecated No longer needed.
      */
     key?: string;
 }

package/models/params/gridEditCellParams.js

@@ -6,6 +6,7 @@ var GridCellEditStartReasons = /*#__PURE__*/function (GridCellEditStartReasons)
   GridCellEditStartReasons["cellDoubleClick"] = "cellDoubleClick";
   GridCellEditStartReasons["printableKeyDown"] = "printableKeyDown";
   GridCellEditStartReasons["deleteKeyDown"] = "deleteKeyDown";
+  GridCellEditStartReasons["pasteKeyDown"] = "pasteKeyDown";
   return GridCellEditStartReasons;
 }(GridCellEditStartReasons || {});
 /**

package/models/params/gridRowParams.d.ts

@@ -74,6 +74,7 @@ export interface GridRowEditStartParams<R extends GridValidRowModel = any> exten
     reason?: GridRowEditStartReasons;
     /**
      * If the reason is related to a keyboard event, it contains which key was pressed.
+     * @deprecated No longer needed.
      */
     key?: string;
 }

package/models/props/DataGridProps.d.ts

@@ -331,7 +331,7 @@ export interface DataGridPropsWithDefaultValues {
      * If an object is provided, you can choose to ignore the `valueFormatter` for CSV export or clipboard export.
      * @default false
      */
-    unstable_ignoreValueFormatterDuringExport: boolean | {
+    ignoreValueFormatterDuringExport: boolean | {
         csvExport?: boolean;
         clipboardExport?: boolean;
     };

package/modern/DataGrid/DataGrid.js

@@ -5,7 +5,7 @@ import { chainPropTypes } from '@mui/utils';
 import { GridBody, GridFooterPlaceholder, GridHeader, GridRoot } from '../components';
 import { GridContextProvider } from '../context/GridContextProvider';
 import { useDataGridComponent } from './useDataGridComponent';
-import { useDataGridProps, DATA_GRID_PROPS_DEFAULT_VALUES } from './useDataGridProps';
+import { useDataGridProps } from './useDataGridProps';
 import { DataGridVirtualScroller } from '../components/DataGridVirtualScroller';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -35,18 +35,6 @@ const DataGridRaw = /*#__PURE__*/React.forwardRef(function DataGrid(inProps, ref
  * - [DataGrid API](https://mui.com/x/api/data-grid/data-grid/)
  */
 export const DataGrid = /*#__PURE__*/React.memo(DataGridRaw);
-
-/**
- * Remove at v7
- * @deprecated
- */
-export const SUBMIT_FILTER_STROKE_TIME = DATA_GRID_PROPS_DEFAULT_VALUES.filterDebounceMs;
-
-/**
- * Remove at v7
- * @deprecated
- */
-export const SUBMIT_FILTER_DATE_STROKE_TIME = DATA_GRID_PROPS_DEFAULT_VALUES.filterDebounceMs;
 DataGridRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -274,6 +262,15 @@ DataGridRaw.propTypes = {
    * @default false
    */
   ignoreDiacritics: PropTypes.bool,
+  /**
+   * If `true`, the grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
+   * If an object is provided, you can choose to ignore the `valueFormatter` for CSV export or clipboard export.
+   * @default false
+   */
+  ignoreValueFormatterDuringExport: PropTypes.oneOfType([PropTypes.shape({
+    clipboardExport: PropTypes.bool,
+    csvExport: PropTypes.bool
+  }), PropTypes.bool]),
   /**
    * The initial state of the DataGrid.
    * The data in it will be set in the state on initialization but will not be controlled.
@@ -666,14 +663,5 @@ DataGridRaw.propTypes = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * If `true`, the grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
-   * If an object is provided, you can choose to ignore the `valueFormatter` for CSV export or clipboard export.
-   * @default false
-   */
-  unstable_ignoreValueFormatterDuringExport: PropTypes.oneOfType([PropTypes.shape({
-    clipboardExport: PropTypes.bool,
-    csvExport: PropTypes.bool
-  }), PropTypes.bool])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 };

package/modern/DataGrid/useDataGridProps.js

@@ -68,7 +68,7 @@ export const DATA_GRID_PROPS_DEFAULT_VALUES = {
   disableColumnResize: false,
   keepNonExistentRowsSelected: false,
   keepColumnPositionIfDraggedOutside: false,
-  unstable_ignoreValueFormatterDuringExport: false,
+  ignoreValueFormatterDuringExport: false,
   clipboardCopyCellDelimiter: '\t',
   rowPositionsDebounceMs: 166
 };

package/modern/components/GridHeader.js

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridRootProps } from '../hooks/utils/useGridRootProps';
+import { GridPreferencesPanel } from './panel/GridPreferencesPanel';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export function GridHeader() {
   const rootProps = useGridRootProps();
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(rootProps.slots.preferencesPanel, _extends({}, rootProps.slotProps?.preferencesPanel)), rootProps.slots.toolbar && /*#__PURE__*/_jsx(rootProps.slots.toolbar, _extends({}, rootProps.slotProps?.toolbar))]
+    children: [/*#__PURE__*/_jsx(GridPreferencesPanel, {}), rootProps.slots.toolbar && /*#__PURE__*/_jsx(rootProps.slots.toolbar, _extends({}, rootProps.slotProps?.toolbar))]
   });
 }