@mui/x-data-grid 6.0.4 → 6.2.0

package/components/panel/filterPanel/GridFilterInputSingleSelect.js

@@ -8,6 +8,7 @@ import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
 import { getValueFromValueOptions, isSingleSelectColDef } from './filterPanelUtils';
 import { createElement as _createElement } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const renderSingleSelectOptions = ({
   column: {
     valueOptions,
@@ -33,7 +34,7 @@ const renderSingleSelectOptions = ({
   });
 };
 function GridFilterInputSingleSelect(props) {
-  var _item$value, _rootProps$slotProps, _baseSelectProps$nati, _rootProps$slotProps2, _resolvedColumn, _resolvedColumn2, _rootProps$slotProps3, _rootProps$slotProps4;
+  var _item$value, _rootProps$slotProps$, _rootProps$slotProps, _rootProps$slotProps$2, _resolvedColumn, _resolvedColumn2, _rootProps$slotProps2, _rootProps$slotProps3, _rootProps$slotProps4;
   const {
       item,
       applyValue,
@@ -46,10 +47,9 @@ function GridFilterInputSingleSelect(props) {
     others = _objectWithoutPropertiesLoose(props, _excluded);
   const [filterValueState, setFilterValueState] = React.useState((_item$value = item.value) != null ? _item$value : '');
   const id = useId();
+  const labelId = useId();
   const rootProps = useGridRootProps();
-  const baseSelectProps = ((_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseSelect) || {};
-  const isSelectNative = (_baseSelectProps$nati = baseSelectProps.native) != null ? _baseSelectProps$nati : true;
-  const baseSelectOptionProps = ((_rootProps$slotProps2 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps2.baseSelectOption) || {};
+  const isSelectNative = (_rootProps$slotProps$ = (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : (_rootProps$slotProps$2 = _rootProps$slotProps.baseSelect) == null ? void 0 : _rootProps$slotProps$2.native) != null ? _rootProps$slotProps$ : true;
   let resolvedColumn = null;
   if (item.field) {
     const column = apiRef.current.getColumn(item.field);
@@ -101,33 +101,37 @@ function GridFilterInputSingleSelect(props) {
   if (!isSingleSelectColDef(resolvedColumn)) {
     return null;
   }
-  return /*#__PURE__*/_jsx(rootProps.slots.baseTextField, _extends({
-    // TODO: use baseSelect slot
-    id: id,
-    label: apiRef.current.getLocaleText('filterPanelInputLabel'),
-    placeholder: apiRef.current.getLocaleText('filterPanelInputPlaceholder'),
-    value: filterValueState,
-    onChange: onFilterChange,
-    variant: "standard",
-    type: type || 'text',
-    InputLabelProps: {
-      shrink: true
-    },
-    inputRef: focusElementRef,
-    select: true,
-    SelectProps: _extends({
+  const label = apiRef.current.getLocaleText('filterPanelInputLabel');
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(rootProps.slots.baseInputLabel, _extends({}, (_rootProps$slotProps2 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps2.baseInputLabel, {
+      id: labelId,
+      shrink: true,
+      variant: "standard",
+      children: label
+    })), /*#__PURE__*/_jsx(rootProps.slots.baseSelect, _extends({
+      id: id,
+      label: label,
+      labelId: labelId,
+      value: filterValueState,
+      onChange: onFilterChange,
+      variant: "standard",
+      type: type || 'text',
+      inputProps: {
+        ref: focusElementRef,
+        placeholder: apiRef.current.getLocaleText('filterPanelInputPlaceholder')
+      },
       native: isSelectNative
-    }, (_rootProps$slotProps3 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps3.baseSelect)
-  }, others, (_rootProps$slotProps4 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps4.baseTextField, {
-    children: renderSingleSelectOptions({
-      column: resolvedColumn,
-      OptionComponent: rootProps.slots.baseSelectOption,
-      getOptionLabel,
-      getOptionValue,
-      isSelectNative,
-      baseSelectOptionProps
-    })
-  }));
+    }, others, (_rootProps$slotProps3 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps3.baseSelect, {
+      children: renderSingleSelectOptions({
+        column: resolvedColumn,
+        OptionComponent: rootProps.slots.baseSelectOption,
+        getOptionLabel,
+        getOptionValue,
+        isSelectNative,
+        baseSelectOptionProps: (_rootProps$slotProps4 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps4.baseSelectOption
+      })
+    }))]
+  });
 }
 process.env.NODE_ENV !== "production" ? GridFilterInputSingleSelect.propTypes = {
   // ----------------------------- Warning --------------------------------

package/components/toolbar/GridToolbarColumnsButton.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { ButtonProps } from '@mui/material/Button';
-export declare const GridToolbarColumnsButton: React.ForwardRefExoticComponent<Omit<ButtonProps<"button", {}>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const GridToolbarColumnsButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/components/toolbar/GridToolbarDensitySelector.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { ButtonProps } from '@mui/material/Button';
-export declare const GridToolbarDensitySelector: React.ForwardRefExoticComponent<Omit<ButtonProps<"button", {}>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const GridToolbarDensitySelector: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/components/toolbar/GridToolbarExportContainer.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { ButtonProps } from '@mui/material/Button';
-export declare const GridToolbarExportContainer: React.ForwardRefExoticComponent<Omit<ButtonProps<"button", {}>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const GridToolbarExportContainer: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/hooks/core/useGridApiInitialization.js

@@ -2,7 +2,6 @@ import * as React from 'react';
 import { useGridApiMethod } from '../utils/useGridApiMethod';
 import { GridSignature } from '../utils/useGridApiEventHandler';
 import { EventManager } from '../../utils/EventManager';
-import { unstable_resetCreateSelectorCache } from '../../utils/createSelector';
 const isSyntheticEvent = event => {
   return event.isPropagationStopped !== undefined;
 };
@@ -38,7 +37,9 @@ export function useGridApiInitialization(inputApiRef, props) {
   if (!publicApiRef.current) {
     publicApiRef.current = {
       state: {},
-      instanceId: globalId
+      instanceId: {
+        id: globalId
+      }
     };
     globalId += 1;
   }
@@ -76,7 +77,6 @@ export function useGridApiInitialization(inputApiRef, props) {
   React.useEffect(() => {
     const api = privateApiRef.current;
     return () => {
-      unstable_resetCreateSelectorCache(api.instanceId);
       api.publishEvent('unmount');
     };
   }, [privateApiRef]);

package/hooks/features/columns/gridColumnsSelector.d.ts

@@ -19,7 +19,7 @@ export declare const gridColumnLookupSelector: import("../../../utils/createSele
  * Get an array of column definitions in the order rendered on screen..
  * @category Columns
  */
-export declare const gridColumnDefinitionsSelector: import("../../../utils/createSelector").OutputSelector<GridStateCommunity, import("../../../internals").GridStateColDef<any, any, any>[]>;
+export declare const gridColumnDefinitionsSelector: import("../../../utils/createSelector").OutputSelector<GridStateCommunity, import("../../../internals").GridStateColDef[]>;
 /**
  * Get the column visibility model, containing the visibility status of each column.
  * If a column is not registered in the model, it is visible.
@@ -30,7 +30,7 @@ export declare const gridColumnVisibilityModelSelector: import("../../../utils/c
  * Get the visible columns as a lookup (an object containing the field for keys and the definition for values).
  * @category Visible Columns
  */
-export declare const gridVisibleColumnDefinitionsSelector: import("../../../utils/createSelector").OutputSelector<GridStateCommunity, import("../../../internals").GridStateColDef<any, any, any>[]>;
+export declare const gridVisibleColumnDefinitionsSelector: import("../../../utils/createSelector").OutputSelector<GridStateCommunity, import("../../../internals").GridStateColDef[]>;
 /**
  * Get the field of each visible column.
  * @category Visible Columns
@@ -50,7 +50,7 @@ export declare const gridColumnsTotalWidthSelector: import("../../../utils/creat
  * Get the filterable columns as an array.
  * @category Columns
  */
-export declare const gridFilterableColumnDefinitionsSelector: import("../../../utils/createSelector").OutputSelector<GridStateCommunity, import("../../../internals").GridStateColDef<any, any, any>[]>;
+export declare const gridFilterableColumnDefinitionsSelector: import("../../../utils/createSelector").OutputSelector<GridStateCommunity, import("../../../internals").GridStateColDef[]>;
 /**
  * Get the filterable columns as a lookup (an object containing the field for keys and the definition for values).
  * @category Columns

package/hooks/features/editing/useGridCellEditing.js

@@ -242,13 +242,17 @@ export const useGridCellEditing = (apiRef, props) => {
       initialValue
     } = params;
     let newValue = apiRef.current.getCellValue(id, field);
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    let unstable_updateValueOnRender = false;
     if (deleteValue || initialValue) {
       newValue = deleteValue ? '' : initialValue;
+      unstable_updateValueOnRender = true;
     }
     const newProps = {
       value: newValue,
       error: false,
-      isProcessingProps: false
+      isProcessingProps: false,
+      unstable_updateValueOnRender
     };
     updateOrDeleteFieldState(id, field, newProps);
     apiRef.current.setCellFocus(id, field);

package/hooks/features/editing/useGridEditing.js

@@ -110,9 +110,7 @@ export const useGridEditing = (apiRef, props) => {
   }, [apiRef, props.editMode]);
   const getEditCellMeta = React.useCallback((id, field) => {
     const editingState = gridEditRowsStateSelector(apiRef.current.state);
-    return {
-      changeReason: editingState[id][field].changeReason
-    };
+    return editingState[id][field];
   }, [apiRef]);
   const editingSharedApi = {
     isCellEditable,

package/hooks/features/editing/useGridRowEditing.js

@@ -311,13 +311,17 @@ export const useGridRowEditing = (apiRef, props) => {
         return acc;
       }
       let newValue = apiRef.current.getCellValue(id, field);
+      // eslint-disable-next-line @typescript-eslint/naming-convention
+      let unstable_updateValueOnRender = false;
       if (fieldToFocus === field && (deleteValue || initialValue)) {
         newValue = deleteValue ? '' : initialValue;
+        unstable_updateValueOnRender = true;
       }
       acc[field] = {
         value: newValue,
         error: false,
-        isProcessingProps: false
+        isProcessingProps: false,
+        unstable_updateValueOnRender
       };
       return acc;
     }, {});

package/hooks/features/filter/gridFilterState.js

@@ -4,4 +4,9 @@ export const getDefaultGridFilterModel = () => ({
   logicOperator: GridLogicOperator.And,
   quickFilterValues: [],
   quickFilterLogicOperator: GridLogicOperator.And
-});
+});
+
+/**
+ * @param {GridRowId} rowId The id of the row we want to filter.
+ * @param {(filterItem: GridFilterItem) => boolean} shouldApplyItem An optional callback to allow the filtering engine to only apply some items.
+ */

package/hooks/features/filter/useGridFilter.js

@@ -114,6 +114,11 @@ export const useGridFilter = (apiRef, props) => {
       const filterItemsWithValue = filterModel.items.filter(item => {
         var _column$filterOperato;
         if (item.value !== undefined) {
+          // Some filters like `isAnyOf` support array as `item.value`.
+          // If array is empty, we want to remove it from the filter model.
+          if (Array.isArray(item.value) && item.value.length === 0) {
+            return false;
+          }
           return true;
         }
         const column = apiRef.current.getColumn(item.field);

package/hooks/features/rowSelection/useGridRowSelection.js

@@ -11,7 +11,7 @@ import { gridExpandedSortedRowIdsSelector } from '../filter/gridFilterSelector';
 import { GRID_CHECKBOX_SELECTION_COL_DEF, GRID_ACTIONS_COLUMN_TYPE } from '../../../colDef';
 import { GridCellModes } from '../../../models/gridEditRowModel';
 import { isKeyboardEvent, isNavigationKey } from '../../../utils/keyboardUtils';
-import { getVisibleRows, useGridVisibleRows } from '../../utils/useGridVisibleRows';
+import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from '../../../constants/gridDetailPanelToggleField';
 import { gridClasses } from '../../../constants/gridClasses';
 const getSelectionModelPropValue = (selectionModelProp, prevSelectionModel) => {
@@ -61,8 +61,6 @@ export const useGridRowSelection = (apiRef, props) => {
     checkboxSelection,
     disableMultipleRowSelection,
     disableRowSelectionOnClick,
-    pagination,
-    paginationMode,
     isRowSelectable: propIsRowSelectable
   } = props;
   const canHaveMultipleSelection = !disableMultipleRowSelection || checkboxSelection;
@@ -381,32 +379,13 @@ export const useGridRowSelection = (apiRef, props) => {
     }
   }, [apiRef, isRowSelectable, isStateControlled, props.rowSelection]);
   React.useEffect(() => {
-    if (!props.rowSelection) {
+    if (!props.rowSelection || isStateControlled) {
       return;
     }
     const currentSelection = gridRowSelectionStateSelector(apiRef.current.state);
     if (!canHaveMultipleSelection && currentSelection.length > 1) {
-      const {
-        rows: currentPageRows
-      } = getVisibleRows(apiRef, {
-        pagination,
-        paginationMode
-      });
-      const currentPageRowsLookup = currentPageRows.reduce((acc, {
-        id
-      }) => {
-        acc[id] = true;
-        return acc;
-      }, {});
-      const firstSelectableRow = currentSelection.find(id => {
-        let isSelectable = true;
-        if (isRowSelectable) {
-          isSelectable = isRowSelectable(id);
-        }
-        return isSelectable && currentPageRowsLookup[id]; // Check if the row is in the current page
-      });
-
-      apiRef.current.setRowSelectionModel(firstSelectableRow !== undefined ? [firstSelectableRow] : []);
+      // See https://github.com/mui/mui-x/issues/8455
+      apiRef.current.setRowSelectionModel([]);
     }
-  }, [apiRef, canHaveMultipleSelection, checkboxSelection, disableMultipleRowSelection, isRowSelectable, pagination, paginationMode, props.rowSelection]);
+  }, [apiRef, canHaveMultipleSelection, checkboxSelection, isStateControlled, props.rowSelection]);
 };

package/hooks/features/virtualization/useGridVirtualScroller.d.ts

@@ -125,6 +125,7 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             breakInside?: import("csstype").Property.BreakInside | undefined;
             captionSide?: import("csstype").Property.CaptionSide | undefined;
             caretColor?: import("csstype").Property.CaretColor | undefined;
+            caretShape?: import("csstype").Property.CaretShape | undefined;
             clear?: import("csstype").Property.Clear | undefined;
             clipPath?: import("csstype").Property.ClipPath | undefined;
             color?: import("csstype").Property.Color | undefined;
@@ -139,6 +140,12 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             columnSpan?: import("csstype").Property.ColumnSpan | undefined;
             columnWidth?: import("csstype").Property.ColumnWidth<string | number> | undefined;
             contain?: import("csstype").Property.Contain | undefined;
+            containIntrinsicBlockSize?: import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined;
+            containIntrinsicHeight?: import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined;
+            containIntrinsicInlineSize?: import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined;
+            containIntrinsicWidth?: import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined;
+            containerName?: import("csstype").Property.ContainerName | undefined;
+            containerType?: import("csstype").Property.ContainerType | undefined;
             content?: import("csstype").Property.Content | undefined;
             contentVisibility?: import("csstype").Property.ContentVisibility | undefined;
             counterIncrement?: import("csstype").Property.CounterIncrement | undefined;
@@ -160,6 +167,7 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             fontKerning?: import("csstype").Property.FontKerning | undefined;
             fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
             fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
+            fontPalette?: import("csstype").Property.FontPalette | undefined;
             fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
             fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
             fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
@@ -170,6 +178,7 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             fontVariantAlternates?: import("csstype").Property.FontVariantAlternates | undefined;
             fontVariantCaps?: import("csstype").Property.FontVariantCaps | undefined;
             fontVariantEastAsian?: import("csstype").Property.FontVariantEastAsian | undefined;
+            fontVariantEmoji?: import("csstype").Property.FontVariantEmoji | undefined;
             fontVariantLigatures?: import("csstype").Property.FontVariantLigatures | undefined;
             fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
             fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
@@ -189,6 +198,7 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             hangingPunctuation?: import("csstype").Property.HangingPunctuation | undefined;
             height?: import("csstype").Property.Height<string | number> | undefined;
             hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | undefined;
+            hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | undefined;
             hyphens?: import("csstype").Property.Hyphens | undefined;
             imageOrientation?: import("csstype").Property.ImageOrientation | undefined;
             imageRendering?: import("csstype").Property.ImageRendering | undefined;
@@ -196,11 +206,8 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             initialLetter?: import("csstype").Property.InitialLetter | undefined;
             inlineSize?: import("csstype").Property.InlineSize<string | number> | undefined;
             inputSecurity?: import("csstype").Property.InputSecurity | undefined;
-            inset?: import("csstype").Property.Inset<string | number> | undefined;
-            insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
             insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
             insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-            insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
             insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
             insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
             isolation?: import("csstype").Property.Isolation | undefined;
@@ -216,16 +223,15 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
             listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
             listStyleType?: import("csstype").Property.ListStyleType | undefined;
-            marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
             marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
             marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
             marginBottom?: import("csstype").Property.MarginBottom<string | number> | undefined;
-            marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
             marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
             marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
             marginLeft?: import("csstype").Property.MarginLeft<string | number> | undefined;
             marginRight?: import("csstype").Property.MarginRight<string | number> | undefined;
             marginTop?: import("csstype").Property.MarginTop<string | number> | undefined;
+            marginTrim?: import("csstype").Property.MarginTrim | undefined;
             maskBorderMode?: import("csstype").Property.MaskBorderMode | undefined;
             maskBorderOutset?: import("csstype").Property.MaskBorderOutset<string | number> | undefined;
             maskBorderRepeat?: import("csstype").Property.MaskBorderRepeat | undefined;
@@ -262,6 +268,7 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             offsetAnchor?: import("csstype").Property.OffsetAnchor<string | number> | undefined;
             offsetDistance?: import("csstype").Property.OffsetDistance<string | number> | undefined;
             offsetPath?: import("csstype").Property.OffsetPath | undefined;
+            offsetPosition?: import("csstype").Property.OffsetPosition<string | number> | undefined;
             offsetRotate?: import("csstype").Property.OffsetRotate | undefined;
             offsetRotation?: import("csstype").Property.OffsetRotate | undefined;
             opacity?: import("csstype").Property.Opacity | undefined;
@@ -283,23 +290,21 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline | undefined;
             overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX | undefined;
             overscrollBehaviorY?: import("csstype").Property.OverscrollBehaviorY | undefined;
-            paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
             paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
             paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
             paddingBottom?: import("csstype").Property.PaddingBottom<string | number> | undefined;
-            paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
             paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
             paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
             paddingLeft?: import("csstype").Property.PaddingLeft<string | number> | undefined;
             paddingRight?: import("csstype").Property.PaddingRight<string | number> | undefined;
             paddingTop?: import("csstype").Property.PaddingTop<string | number> | undefined;
+            page?: import("csstype").Property.Page | undefined;
             pageBreakAfter?: import("csstype").Property.PageBreakAfter | undefined;
             pageBreakBefore?: import("csstype").Property.PageBreakBefore | undefined;
             pageBreakInside?: import("csstype").Property.PageBreakInside | undefined;
             paintOrder?: import("csstype").Property.PaintOrder | undefined;
             perspective?: import("csstype").Property.Perspective<string | number> | undefined;
             perspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
-            placeContent?: import("csstype").Property.PlaceContent | undefined;
             pointerEvents?: import("csstype").Property.PointerEvents | undefined;
             position?: import("csstype").Property.Position | undefined;
             printColorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
@@ -313,36 +318,31 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             rubyPosition?: import("csstype").Property.RubyPosition | undefined;
             scale?: import("csstype").Property.Scale | undefined;
             scrollBehavior?: import("csstype").Property.ScrollBehavior | undefined;
-            scrollMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
-            scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number> | undefined;
             scrollMarginBlockEnd?: import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined;
             scrollMarginBlockStart?: import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined;
             scrollMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
-            scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number> | undefined;
             scrollMarginInlineEnd?: import("csstype").Property.ScrollMarginInlineEnd<string | number> | undefined;
             scrollMarginInlineStart?: import("csstype").Property.ScrollMarginInlineStart<string | number> | undefined;
             scrollMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
             scrollMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
             scrollMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
-            scrollPadding?: import("csstype").Property.ScrollPadding<string | number> | undefined;
-            scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number> | undefined;
             scrollPaddingBlockEnd?: import("csstype").Property.ScrollPaddingBlockEnd<string | number> | undefined;
             scrollPaddingBlockStart?: import("csstype").Property.ScrollPaddingBlockStart<string | number> | undefined;
             scrollPaddingBottom?: import("csstype").Property.ScrollPaddingBottom<string | number> | undefined;
-            scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number> | undefined;
             scrollPaddingInlineEnd?: import("csstype").Property.ScrollPaddingInlineEnd<string | number> | undefined;
             scrollPaddingInlineStart?: import("csstype").Property.ScrollPaddingInlineStart<string | number> | undefined;
             scrollPaddingLeft?: import("csstype").Property.ScrollPaddingLeft<string | number> | undefined;
             scrollPaddingRight?: import("csstype").Property.ScrollPaddingRight<string | number> | undefined;
             scrollPaddingTop?: import("csstype").Property.ScrollPaddingTop<string | number> | undefined;
             scrollSnapAlign?: import("csstype").Property.ScrollSnapAlign | undefined;
-            scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
             scrollSnapMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
             scrollSnapMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
             scrollSnapMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
             scrollSnapMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
             scrollSnapStop?: import("csstype").Property.ScrollSnapStop | undefined;
             scrollSnapType?: import("csstype").Property.ScrollSnapType | undefined;
+            scrollTimelineAxis?: import("csstype").Property.ScrollTimelineAxis | undefined;
+            scrollTimelineName?: import("csstype").Property.ScrollTimelineName | undefined;
             scrollbarColor?: import("csstype").Property.ScrollbarColor | undefined;
             scrollbarGutter?: import("csstype").Property.ScrollbarGutter | undefined;
             scrollbarWidth?: import("csstype").Property.ScrollbarWidth | undefined;
@@ -387,6 +387,7 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
             userSelect?: import("csstype").Property.UserSelect | undefined;
             verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
+            viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
             visibility?: import("csstype").Property.Visibility | undefined;
             whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
             widows?: import("csstype").Property.Widows | undefined;
@@ -418,8 +419,11 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             borderStyle?: import("csstype").Property.BorderStyle | undefined;
             borderTop?: import("csstype").Property.BorderTop<string | number> | undefined;
             borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+            caret?: import("csstype").Property.Caret | undefined;
             columnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
             columns?: import("csstype").Property.Columns<string | number> | undefined;
+            containIntrinsicSize?: import("csstype").Property.ContainIntrinsicSize<string | number> | undefined;
+            container?: import("csstype").Property.Container | undefined;
             flex?: import("csstype").Property.Flex<string | number> | undefined;
             flexFlow?: import("csstype").Property.FlexFlow | undefined;
             font?: import("csstype").Property.Font | undefined;
@@ -429,9 +433,14 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             gridColumn?: import("csstype").Property.GridColumn | undefined;
             gridRow?: import("csstype").Property.GridRow | undefined;
             gridTemplate?: import("csstype").Property.GridTemplate | undefined;
+            inset?: import("csstype").Property.Inset<string | number> | undefined;
+            insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
+            insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
             lineClamp?: import("csstype").Property.LineClamp | undefined;
             listStyle?: import("csstype").Property.ListStyle | undefined;
             margin?: import("csstype").Property.Margin<string | number> | undefined;
+            marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
+            marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
             mask?: import("csstype").Property.Mask<string | number> | undefined;
             maskBorder?: import("csstype").Property.MaskBorder | undefined;
             motion?: import("csstype").Property.Offset<string | number> | undefined;
@@ -440,8 +449,19 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             overflow?: import("csstype").Property.Overflow | undefined;
             overscrollBehavior?: import("csstype").Property.OverscrollBehavior | undefined;
             padding?: import("csstype").Property.Padding<string | number> | undefined;
+            paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
+            paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
+            placeContent?: import("csstype").Property.PlaceContent | undefined;
             placeItems?: import("csstype").Property.PlaceItems | undefined;
             placeSelf?: import("csstype").Property.PlaceSelf | undefined;
+            scrollMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
+            scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number> | undefined;
+            scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number> | undefined;
+            scrollPadding?: import("csstype").Property.ScrollPadding<string | number> | undefined;
+            scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number> | undefined;
+            scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number> | undefined;
+            scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
+            scrollTimeline?: import("csstype").Property.ScrollTimeline | undefined;
             textDecoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
             textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
             transition?: import("csstype").Property.Transition<string & {}> | undefined;
@@ -455,6 +475,7 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
             MozAppearance?: import("csstype").Property.MozAppearance | undefined;
             MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
+            MozBinding?: import("csstype").Property.MozBinding | undefined;
             MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors | undefined;
             MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
             MozBorderEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
@@ -735,7 +756,6 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | undefined;
             MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
             MozBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | undefined;
-            MozBinding?: import("csstype").Property.MozBinding | undefined;
             MozBorderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
             MozBorderRadiusBottomleft?: import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined;
             MozBorderRadiusBottomright?: import("csstype").Property.BorderBottomRightRadius<string | number> | undefined;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.0.4
+ * @mui/x-data-grid v6.2.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -28,4 +28,12 @@ export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } f
  * The full grid API.
  * @demos
  *   - [API object](/x/react-data-grid/api-object/)
+ */
+
+/**
+ * The state of `DataGrid`.
+ */
+
+/**
+ * The initial state of `DataGrid`.
  */

package/legacy/components/GridAutoSizer.js

@@ -7,6 +7,9 @@ import PropTypes from 'prop-types';
 import { unstable_useForkRef as useForkRef, unstable_ownerWindow as ownerWindow, unstable_useEventCallback as useEventCallback, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
 import createDetectElementResize from '../lib/createDetectElementResize';
 // TODO replace with https://caniuse.com/resizeobserver.
+
+// Credit to https://github.com/bvaughn/react-virtualized/blob/master/source/AutoSizer/AutoSizer.js
+// for the sources.
 import { jsx as _jsx } from "react/jsx-runtime";
 var GridAutoSizer = /*#__PURE__*/React.forwardRef(function AutoSizer(props, ref) {
   var children = props.children,

package/legacy/components/GridRow.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["selected", "rowId", "row", "index", "style", "position", "rowHeight", "className", "visibleColumns", "renderedColumns", "containerWidth", "firstColumnToRender", "lastColumnToRender", "isLastVisible", "focusedCell", "tabbableCell", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave"],
-  _excluded2 = ["changeReason"];
+  _excluded2 = ["changeReason", "unstable_updateValueOnRender"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -213,7 +213,10 @@ var GridRow = /*#__PURE__*/React.forwardRef(function GridRow(props, refProp) {
     }
     if (editCellState != null && column.renderEditCell) {
       var updatedRow = apiRef.current.getRowWithUpdatedValues(rowId, column.field);
+
+      // eslint-disable-next-line @typescript-eslint/naming-convention
       var changeReason = editCellState.changeReason,
+        unstable_updateValueOnRender = editCellState.unstable_updateValueOnRender,
         editCellStateRest = _objectWithoutProperties(editCellState, _excluded2);
       var params = _extends({}, cellParams, {
         row: updatedRow

package/legacy/components/cell/GridEditBooleanCell.js

@@ -55,28 +55,26 @@ function GridEditBooleanCell(props) {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
       var newValue;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              newValue = event.target.checked;
-              if (!onValueChange) {
-                _context.next = 4;
-                break;
-              }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            newValue = event.target.checked;
+            if (!onValueChange) {
               _context.next = 4;
-              return onValueChange(event, newValue);
-            case 4:
-              setValueState(newValue);
-              _context.next = 7;
-              return apiRef.current.setEditCellValue({
-                id: idProp,
-                field: field,
-                value: newValue
-              }, event);
-            case 7:
-            case "end":
-              return _context.stop();
-          }
+              break;
+            }
+            _context.next = 4;
+            return onValueChange(event, newValue);
+          case 4:
+            setValueState(newValue);
+            _context.next = 7;
+            return apiRef.current.setEditCellValue({
+              id: idProp,
+              field: field,
+              value: newValue
+            }, event);
+          case 7:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));