@mui/x-data-grid 9.6.0 → 9.8.0

package/components/quickFilter/QuickFilterClear.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import type { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
-import { type QuickFilterState } from "./QuickFilterContext.js";
+import type { QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterClearProps = Omit<GridSlotProps['baseIconButton'], 'className'> & {
   /**
    * A function to customize rendering of the component.

package/components/quickFilter/QuickFilterControl.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import type { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.mjs";
-import { type QuickFilterState } from "./QuickFilterContext.mjs";
+import type { QuickFilterState } from "./QuickFilterContext.mjs";
 export type QuickFilterControlProps = Omit<GridSlotProps['baseTextField'], 'className'> & {
   /**
    * A function to customize rendering of the component.

package/components/quickFilter/QuickFilterControl.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import type { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
-import { type QuickFilterState } from "./QuickFilterContext.js";
+import type { QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterControlProps = Omit<GridSlotProps['baseTextField'], 'className'> & {
   /**
    * A function to customize rendering of the component.

package/components/quickFilter/QuickFilterTrigger.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import type { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.mjs";
-import { type QuickFilterState } from "./QuickFilterContext.mjs";
+import type { QuickFilterState } from "./QuickFilterContext.mjs";
 export type QuickFilterTriggerProps = Omit<GridSlotProps['baseButton'], 'className'> & {
   /**
    * A function to customize rendering of the component.

package/components/quickFilter/QuickFilterTrigger.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import type { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
-import { type QuickFilterState } from "./QuickFilterContext.js";
+import type { QuickFilterState } from "./QuickFilterContext.js";
 export type QuickFilterTriggerProps = Omit<GridSlotProps['baseButton'], 'className'> & {
   /**
    * A function to customize rendering of the component.

package/components/toolbar/GridToolbar.d.mts

@@ -1,6 +1,6 @@
-import { type GridToolbarContainerProps } from "../containers/GridToolbarContainer.mjs";
-import { type GridToolbarExportProps } from "./GridToolbarExport.mjs";
-import { type GridToolbarQuickFilterProps } from "./GridToolbarQuickFilter.mjs";
+import type { GridToolbarContainerProps } from "../containers/GridToolbarContainer.mjs";
+import type { GridToolbarExportProps } from "./GridToolbarExport.mjs";
+import type { GridToolbarQuickFilterProps } from "./GridToolbarQuickFilter.mjs";
 export interface GridToolbarProps extends GridToolbarContainerProps, GridToolbarExportProps {
   /**
    * Show the history controls (undo/redo buttons).

package/components/toolbar/GridToolbar.d.ts

@@ -1,6 +1,6 @@
-import { type GridToolbarContainerProps } from "../containers/GridToolbarContainer.js";
-import { type GridToolbarExportProps } from "./GridToolbarExport.js";
-import { type GridToolbarQuickFilterProps } from "./GridToolbarQuickFilter.js";
+import type { GridToolbarContainerProps } from "../containers/GridToolbarContainer.js";
+import type { GridToolbarExportProps } from "./GridToolbarExport.js";
+import type { GridToolbarQuickFilterProps } from "./GridToolbarQuickFilter.js";
 export interface GridToolbarProps extends GridToolbarContainerProps, GridToolbarExportProps {
   /**
    * Show the history controls (undo/redo buttons).

package/components/toolbar/GridToolbarColumnsButton.js

@@ -34,10 +34,10 @@ const GridToolbarColumnsButton = exports.GridToolbarColumnsButton = (0, _forward
   const apiRef = (0, _useGridApiContext.useGridApiContext)();
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const {
-    columnsPanelTriggerRef
+    triggers
   } = (0, _GridPanelContext.useGridPanelContext)();
   const preferencePanel = (0, _useGridSelector.useGridSelector)(apiRef, _gridPreferencePanelSelector.gridPreferencePanelStateSelector);
-  const handleRef = (0, _useForkRef.default)(ref, columnsPanelTriggerRef);
+  const handleRef = (0, _useForkRef.default)(ref, triggers.columnsPanel.setRef);
   const showColumns = event => {
     if (preferencePanel.open && preferencePanel.openedPanelValue === _gridPreferencePanelsValue.GridPreferencePanelsValue.columns) {
       apiRef.current.hidePreferences();

package/components/toolbar/GridToolbarColumnsButton.mjs

@@ -27,10 +27,10 @@ const GridToolbarColumnsButton = forwardRef(function GridToolbarColumnsButton(pr
   const apiRef = useGridApiContext();
   const rootProps = useGridRootProps();
   const {
-    columnsPanelTriggerRef
+    triggers
   } = useGridPanelContext();
   const preferencePanel = useGridSelector(apiRef, gridPreferencePanelStateSelector);
-  const handleRef = useForkRef(ref, columnsPanelTriggerRef);
+  const handleRef = useForkRef(ref, triggers.columnsPanel.setRef);
   const showColumns = event => {
     if (preferencePanel.open && preferencePanel.openedPanelValue === GridPreferencePanelsValue.columns) {
       apiRef.current.hidePreferences();

package/components/toolbar/GridToolbarFilterButton.js

@@ -62,9 +62,9 @@ const GridToolbarFilterButton = exports.GridToolbarFilterButton = (0, _forwardRe
   const filterButtonId = (0, _useId.default)();
   const filterPanelId = (0, _useId.default)();
   const {
-    filterPanelTriggerRef
+    triggers
   } = (0, _GridPanelContext.useGridPanelContext)();
-  const handleRef = (0, _useForkRef.default)(ref, filterPanelTriggerRef);
+  const handleRef = (0, _useForkRef.default)(ref, triggers.filterPanel.setRef);
   const tooltipContentNode = React.useMemo(() => {
     if (preferencePanel.open) {
       return apiRef.current.getLocaleText('toolbarFiltersTooltipHide');

package/components/toolbar/GridToolbarFilterButton.mjs

@@ -55,9 +55,9 @@ const GridToolbarFilterButton = forwardRef(function GridToolbarFilterButton(prop
   const filterButtonId = useId();
   const filterPanelId = useId();
   const {
-    filterPanelTriggerRef
+    triggers
   } = useGridPanelContext();
-  const handleRef = useForkRef(ref, filterPanelTriggerRef);
+  const handleRef = useForkRef(ref, triggers.filterPanel.setRef);
   const tooltipContentNode = React.useMemo(() => {
     if (preferencePanel.open) {
       return apiRef.current.getLocaleText('toolbarFiltersTooltipHide');

package/components/toolbarV8/Toolbar.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import type { RenderProp } from '@mui/x-internals/useComponentRenderer';
 export type ToolbarProps = React.HTMLAttributes<HTMLDivElement> & {
   /**
    * A function to customize rendering of the component.

package/components/toolbarV8/Toolbar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import type { RenderProp } from '@mui/x-internals/useComponentRenderer';
 export type ToolbarProps = React.HTMLAttributes<HTMLDivElement> & {
   /**
    * A function to customize rendering of the component.

package/components/toolbarV8/ToolbarButton.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import type { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.mjs";
 export type ToolbarButtonProps = GridSlotProps['baseIconButton'] & {
   /**

package/components/toolbarV8/ToolbarButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import type { RenderProp } from '@mui/x-internals/useComponentRenderer';
 import type { GridSlotProps } from "../../models/index.js";
 export type ToolbarButtonProps = GridSlotProps['baseIconButton'] & {
   /**

package/components/virtualization/GridVirtualScrollerContent.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/system';
+import type { SxProps, Theme } from '@mui/system';
 declare const GridVirtualScrollerContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {

package/components/virtualization/GridVirtualScrollerContent.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/system';
+import type { SxProps, Theme } from '@mui/system';
 declare const GridVirtualScrollerContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {

package/components/virtualization/GridVirtualScrollerRenderZone.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/system';
+import type { SxProps, Theme } from '@mui/system';
 declare const GridVirtualScrollerRenderZone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {

package/components/virtualization/GridVirtualScrollerRenderZone.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/system';
+import type { SxProps, Theme } from '@mui/system';
 declare const GridVirtualScrollerRenderZone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {

package/hooks/core/strategyProcessing/useGridRegisterStrategyProcessor.js

@@ -10,7 +10,13 @@ var React = _interopRequireWildcard(require("react"));
 var _useFirstRender = require("../../utils/useFirstRender");
 const useGridRegisterStrategyProcessor = (apiRef, strategyName, group, processor) => {
   const registerPreProcessor = React.useCallback(() => {
-    apiRef.current.registerStrategyProcessor(strategyName, group, processor);
+    // NOTE: the unregister fn is intentionally discarded. Unlike pipe processors
+    // (which are additive), a strategy processor is required for as long as its
+    // strategy is active — `applyStrategyProcessor` throws if the active strategy's
+    // processor is missing — so it must outlive the registering component. The cache
+    // keeps a single entry per (processor, strategy) and is reclaimed with the grid
+    // api, so nothing leaks; `void` documents the deliberate discard.
+    void apiRef.current.registerStrategyProcessor(strategyName, group, processor);
   }, [apiRef, processor, group, strategyName]);
   (0, _useFirstRender.useFirstRender)(() => {
     registerPreProcessor();

package/hooks/core/strategyProcessing/useGridRegisterStrategyProcessor.mjs

@@ -4,7 +4,13 @@ import * as React from 'react';
 import { useFirstRender } from "../../utils/useFirstRender.mjs";
 export const useGridRegisterStrategyProcessor = (apiRef, strategyName, group, processor) => {
   const registerPreProcessor = React.useCallback(() => {
-    apiRef.current.registerStrategyProcessor(strategyName, group, processor);
+    // NOTE: the unregister fn is intentionally discarded. Unlike pipe processors
+    // (which are additive), a strategy processor is required for as long as its
+    // strategy is active — `applyStrategyProcessor` throws if the active strategy's
+    // processor is missing — so it must outlive the registering component. The cache
+    // keeps a single entry per (processor, strategy) and is reclaimed with the grid
+    // api, so nothing leaks; `void` documents the deliberate discard.
+    void apiRef.current.registerStrategyProcessor(strategyName, group, processor);
   }, [apiRef, processor, group, strategyName]);
   useFirstRender(() => {
     registerPreProcessor();

package/hooks/features/columnGrouping/gridColumnGroupsUtils.d.mts

@@ -1,4 +1,4 @@
-import { type GridColumnGroupingModel, type GridColumnNode, type GridColumnGroup } from "../../../models/gridColumnGrouping.mjs";
+import type { GridColumnGroupingModel, GridColumnNode, GridColumnGroup } from "../../../models/gridColumnGrouping.mjs";
 import type { GridColDef } from "../../../models/colDef/index.mjs";
 import type { GridColumnGroupLookup, GridGroupingStructure } from "./gridColumnGroupsInterfaces.mjs";
 type UnwrappedGroupingModel = {

package/hooks/features/columnGrouping/gridColumnGroupsUtils.d.ts

@@ -1,4 +1,4 @@
-import { type GridColumnGroupingModel, type GridColumnNode, type GridColumnGroup } from "../../../models/gridColumnGrouping.js";
+import type { GridColumnGroupingModel, GridColumnNode, GridColumnGroup } from "../../../models/gridColumnGrouping.js";
 import type { GridColDef } from "../../../models/colDef/index.js";
 import type { GridColumnGroupLookup, GridGroupingStructure } from "./gridColumnGroupsInterfaces.js";
 type UnwrappedGroupingModel = {

package/hooks/features/columnHeaders/useGridColumnHeaders.d.mts

@@ -6,7 +6,8 @@ import type { GridSortColumnLookup } from "../sorting/index.mjs";
 import type { GridFilterActiveItemsLookup } from "../filter/index.mjs";
 import type { GridColumnGroupIdentifier, GridColumnIdentifier } from "../focus/index.mjs";
 import type { GridColumnMenuState } from "../columnMenu/index.mjs";
-import { type GridColumnVisibilityModel, gridColumnPositionsSelector } from "../columns/index.mjs";
+import { gridColumnPositionsSelector } from "../columns/index.mjs";
+import type { GridColumnVisibilityModel } from "../columns/index.mjs";
 import type { GridGroupingStructure } from "../columnGrouping/gridColumnGroupsInterfaces.mjs";
 import { PinnedColumnPosition } from "../../../internals/constants.mjs";
 export interface UseGridColumnHeadersProps {

package/hooks/features/columnHeaders/useGridColumnHeaders.d.ts

@@ -6,7 +6,8 @@ import type { GridSortColumnLookup } from "../sorting/index.js";
 import type { GridFilterActiveItemsLookup } from "../filter/index.js";
 import type { GridColumnGroupIdentifier, GridColumnIdentifier } from "../focus/index.js";
 import type { GridColumnMenuState } from "../columnMenu/index.js";
-import { type GridColumnVisibilityModel, gridColumnPositionsSelector } from "../columns/index.js";
+import { gridColumnPositionsSelector } from "../columns/index.js";
+import type { GridColumnVisibilityModel } from "../columns/index.js";
 import type { GridGroupingStructure } from "../columnGrouping/gridColumnGroupsInterfaces.js";
 import { PinnedColumnPosition } from "../../../internals/constants.js";
 export interface UseGridColumnHeadersProps {

package/hooks/features/columnResize/useGridColumnResize.js

@@ -25,7 +25,30 @@ var _gridColumnsInterfaces = require("../columns/gridColumnsInterfaces");
 var _columns = require("../columns");
 var _dimensions = require("../dimensions");
 var _headerFiltering = require("../headerFiltering");
+var _pagination = require("../pagination");
 var _columnResizeSelector = require("./columnResizeSelector");
+function isRenderContextReadyForAutosizeOnMount(apiRef) {
+  const dimensions = (0, _dimensions.gridDimensionsSelector)(apiRef);
+  if (!dimensions.isReady) {
+    return false;
+  }
+  const {
+    rows
+  } = (0, _pagination.gridVisibleRowsSelector)(apiRef);
+  if (rows.length === 0) {
+    return true;
+  }
+  const renderContext = (0, _virtualization.gridRenderContextSelector)(apiRef);
+  if (renderContext.lastRowIndex <= renderContext.firstRowIndex) {
+    return false;
+  }
+
+  // If all rows fit in the viewport, wait for them all; otherwise we can only measure the rendered rows.
+  if (!dimensions.hasScrollY) {
+    return renderContext.firstRowIndex === 0 && renderContext.lastRowIndex >= rows.length;
+  }
+  return true;
+}
 function trackFinger(event, currentTouchId) {
   if (currentTouchId !== undefined && event.changedTouches) {
     for (let i = 0; i < event.changedTouches.length; i += 1) {
@@ -589,10 +612,41 @@ const useGridColumnResize = (apiRef, props) => {
   React.useEffect(() => stopListening, [stopListening]);
   (0, _utils.useOnMount)(() => {
     if (props.autosizeOnMount) {
-      Promise.resolve().then(() => {
+      let frameHandle;
+      let unsubscribeStateChange;
+      let unsubscribeRenderedRowsIntervalChange;
+      const cleanupListeners = () => {
+        unsubscribeStateChange?.();
+        unsubscribeRenderedRowsIntervalChange?.();
+        unsubscribeStateChange = undefined;
+        unsubscribeRenderedRowsIntervalChange = undefined;
+      };
+      const runAutosize = () => {
+        frameHandle = undefined;
+        cleanupListeners();
         apiRef.current.autosizeColumns(props.autosizeOptions);
-      });
+      };
+      const scheduleAutosize = () => {
+        if (frameHandle === undefined) {
+          frameHandle = requestAnimationFrame(runAutosize);
+        }
+      };
+      const checkRenderContext = () => {
+        if (isRenderContextReadyForAutosizeOnMount(apiRef)) {
+          scheduleAutosize();
+        }
+      };
+      unsubscribeStateChange = apiRef.current.subscribeEvent('stateChange', checkRenderContext);
+      unsubscribeRenderedRowsIntervalChange = apiRef.current.subscribeEvent('renderedRowsIntervalChange', checkRenderContext);
+      checkRenderContext();
+      return () => {
+        cleanupListeners();
+        if (frameHandle !== undefined) {
+          cancelAnimationFrame(frameHandle);
+        }
+      };
     }
+    return undefined;
   });
   (0, _utils.useGridNativeEventListener)(apiRef, () => apiRef.current.columnHeadersContainerRef?.current, 'touchstart', handleTouchStart, {
     passive: true

package/hooks/features/columnResize/useGridColumnResize.mjs

@@ -10,7 +10,7 @@ import { findGridCellElementsFromCol, findGridElement, findLeftPinnedCellsAfterC
 import { DEFAULT_GRID_AUTOSIZE_OPTIONS } from "./gridColumnResizeApi.mjs";
 import { gridClasses } from "../../../constants/gridClasses.mjs";
 import { useGridEvent, useGridApiMethod, useGridEventPriority, useGridLogger, useGridNativeEventListener, useGridSelector, useOnMount } from "../../utils/index.mjs";
-import { gridVirtualizationColumnEnabledSelector } from "../virtualization/index.mjs";
+import { gridRenderContextSelector, gridVirtualizationColumnEnabledSelector } from "../virtualization/index.mjs";
 import { createControllablePromise } from "../../../utils/createControllablePromise.mjs";
 import { clamp } from "../../../utils/utils.mjs";
 import { useTimeout } from "../../utils/useTimeout.mjs";
@@ -18,7 +18,30 @@ import { GridPinnedColumnPosition } from "../columns/gridColumnsInterfaces.mjs";
 import { gridColumnsStateSelector } from "../columns/index.mjs";
 import { gridDimensionsSelector } from "../dimensions/index.mjs";
 import { gridHeaderFilteringEnabledSelector } from "../headerFiltering/index.mjs";
+import { gridVisibleRowsSelector } from "../pagination/index.mjs";
 import { gridResizingColumnFieldSelector } from "./columnResizeSelector.mjs";
+function isRenderContextReadyForAutosizeOnMount(apiRef) {
+  const dimensions = gridDimensionsSelector(apiRef);
+  if (!dimensions.isReady) {
+    return false;
+  }
+  const {
+    rows
+  } = gridVisibleRowsSelector(apiRef);
+  if (rows.length === 0) {
+    return true;
+  }
+  const renderContext = gridRenderContextSelector(apiRef);
+  if (renderContext.lastRowIndex <= renderContext.firstRowIndex) {
+    return false;
+  }
+
+  // If all rows fit in the viewport, wait for them all; otherwise we can only measure the rendered rows.
+  if (!dimensions.hasScrollY) {
+    return renderContext.firstRowIndex === 0 && renderContext.lastRowIndex >= rows.length;
+  }
+  return true;
+}
 function trackFinger(event, currentTouchId) {
   if (currentTouchId !== undefined && event.changedTouches) {
     for (let i = 0; i < event.changedTouches.length; i += 1) {
@@ -581,10 +604,41 @@ export const useGridColumnResize = (apiRef, props) => {
   React.useEffect(() => stopListening, [stopListening]);
   useOnMount(() => {
     if (props.autosizeOnMount) {
-      Promise.resolve().then(() => {
+      let frameHandle;
+      let unsubscribeStateChange;
+      let unsubscribeRenderedRowsIntervalChange;
+      const cleanupListeners = () => {
+        unsubscribeStateChange?.();
+        unsubscribeRenderedRowsIntervalChange?.();
+        unsubscribeStateChange = undefined;
+        unsubscribeRenderedRowsIntervalChange = undefined;
+      };
+      const runAutosize = () => {
+        frameHandle = undefined;
+        cleanupListeners();
         apiRef.current.autosizeColumns(props.autosizeOptions);
-      });
+      };
+      const scheduleAutosize = () => {
+        if (frameHandle === undefined) {
+          frameHandle = requestAnimationFrame(runAutosize);
+        }
+      };
+      const checkRenderContext = () => {
+        if (isRenderContextReadyForAutosizeOnMount(apiRef)) {
+          scheduleAutosize();
+        }
+      };
+      unsubscribeStateChange = apiRef.current.subscribeEvent('stateChange', checkRenderContext);
+      unsubscribeRenderedRowsIntervalChange = apiRef.current.subscribeEvent('renderedRowsIntervalChange', checkRenderContext);
+      checkRenderContext();
+      return () => {
+        cleanupListeners();
+        if (frameHandle !== undefined) {
+          cancelAnimationFrame(frameHandle);
+        }
+      };
     }
+    return undefined;
   });
   useGridNativeEventListener(apiRef, () => apiRef.current.columnHeadersContainerRef?.current, 'touchstart', handleTouchStart, {
     passive: true

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

@@ -1,5 +1,5 @@
 import type { GridStateCommunity } from "../../../models/gridStateCommunity.mjs";
-import { type GridColumnLookup, type GridPinnedColumnFields } from "./gridColumnsInterfaces.mjs";
+import type { GridColumnLookup, GridPinnedColumnFields } from "./gridColumnsInterfaces.mjs";
 /**
  * Get the columns state
  * @category Columns

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

@@ -1,5 +1,5 @@
 import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-import { type GridColumnLookup, type GridPinnedColumnFields } from "./gridColumnsInterfaces.js";
+import type { GridColumnLookup, GridPinnedColumnFields } from "./gridColumnsInterfaces.js";
 /**
  * Get the columns state
  * @category Columns

package/hooks/features/dimensions/useGridDimensions.js

@@ -10,6 +10,7 @@ exports.dimensionsStateInitializer = void 0;
 exports.useGridDimensions = useGridDimensions;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _platform = require("@base-ui/utils/platform");
 var _store = require("@mui/x-internals/store");
 var _useGridEvent = require("../../utils/useGridEvent");
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
@@ -22,7 +23,6 @@ var _gridRowsUtils = require("../rows/gridRowsUtils");
 var _gridColumnsUtils = require("../columns/gridColumnsUtils");
 var _dataGridPropsDefaultValues = require("../../../constants/dataGridPropsDefaultValues");
 var _roundToDecimalPlaces = require("../../../utils/roundToDecimalPlaces");
-var _isJSDOM = require("../../../utils/isJSDOM");
 const EMPTY_SIZE = {
   width: 0,
   height: 0
@@ -96,11 +96,11 @@ function useGridDimensions(apiRef, props) {
       if (!getRootDimensions().isReady) {
         return;
       }
-      if (size.height === 0 && !errorShown.current && !props.autoHeight && !_isJSDOM.isJSDOM) {
+      if (size.height === 0 && !errorShown.current && !props.autoHeight && !_platform.platform.env.jsdom) {
         logger.error(['The parent DOM element of the Data Grid has an empty height.', 'Please make sure that this element has an intrinsic height.', 'The grid displays with a height of 0px.', '', 'More details: https://mui.com/r/x-data-grid-no-dimensions.'].join('\n'));
         errorShown.current = true;
       }
-      if (size.width === 0 && !errorShown.current && !_isJSDOM.isJSDOM) {
+      if (size.width === 0 && !errorShown.current && !_platform.platform.env.jsdom) {
         logger.error(['The parent DOM element of the Data Grid has an empty width.', 'Please make sure that this element has an intrinsic width.', 'The grid displays with a width of 0px.', '', 'More details: https://mui.com/r/x-data-grid-no-dimensions.'].join('\n'));
         errorShown.current = true;
       }

package/hooks/features/dimensions/useGridDimensions.mjs

@@ -2,6 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import { platform } from '@base-ui/utils/platform';
 import { useStoreEffect } from '@mui/x-internals/store';
 import { useGridEventPriority } from "../../utils/useGridEvent.mjs";
 import { useGridApiMethod } from "../../utils/useGridApiMethod.mjs";
@@ -14,7 +15,6 @@ import { getValidRowHeight, rowHeightWarning } from "../rows/gridRowsUtils.mjs";
 import { getTotalHeaderHeight } from "../columns/gridColumnsUtils.mjs";
 import { DATA_GRID_PROPS_DEFAULT_VALUES } from "../../../constants/dataGridPropsDefaultValues.mjs";
 import { roundToDecimalPlaces } from "../../../utils/roundToDecimalPlaces.mjs";
-import { isJSDOM } from "../../../utils/isJSDOM.mjs";
 const EMPTY_SIZE = {
   width: 0,
   height: 0
@@ -87,11 +87,11 @@ export function useGridDimensions(apiRef, props) {
       if (!getRootDimensions().isReady) {
         return;
       }
-      if (size.height === 0 && !errorShown.current && !props.autoHeight && !isJSDOM) {
+      if (size.height === 0 && !errorShown.current && !props.autoHeight && !platform.env.jsdom) {
         logger.error(['The parent DOM element of the Data Grid has an empty height.', 'Please make sure that this element has an intrinsic height.', 'The grid displays with a height of 0px.', '', 'More details: https://mui.com/r/x-data-grid-no-dimensions.'].join('\n'));
         errorShown.current = true;
       }
-      if (size.width === 0 && !errorShown.current && !isJSDOM) {
+      if (size.width === 0 && !errorShown.current && !platform.env.jsdom) {
         logger.error(['The parent DOM element of the Data Grid has an empty width.', 'Please make sure that this element has an intrinsic width.', 'The grid displays with a width of 0px.', '', 'More details: https://mui.com/r/x-data-grid-no-dimensions.'].join('\n'));
         errorShown.current = true;
       }

package/hooks/features/editing/gridEditingSelectors.d.mts

@@ -1,6 +1,6 @@
 import type { GridStateCommunity } from "../../../models/gridStateCommunity.mjs";
 import type { GridRowId } from "../../../models/gridRows.mjs";
-import { type GridEditMode } from "../../../models/gridEditRowModel.mjs";
+import type { GridEditMode } from "../../../models/gridEditRowModel.mjs";
 /**
  * Select the row editing state.
  */

package/hooks/features/editing/gridEditingSelectors.d.ts

@@ -1,6 +1,6 @@
 import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 import type { GridRowId } from "../../../models/gridRows.js";
-import { type GridEditMode } from "../../../models/gridEditRowModel.js";
+import type { GridEditMode } from "../../../models/gridEditRowModel.js";
 /**
  * Select the row editing state.
  */

package/hooks/features/editing/gridEditingSelectors.mjs

@@ -1,6 +1,5 @@
 import { createSelector, createRootSelector } from "../../../utils/createSelector.mjs";
 import { GridEditModes } from "../../../models/gridEditRowModel.mjs";
-
 /**
  * Select the row editing state.
  */

package/hooks/features/editing/useGridCellEditing.js

@@ -366,11 +366,14 @@ const useGridCellEditing = (apiRef, props) => {
       }
     } else if (processRowUpdate) {
       const handleError = errorThrown => {
-        prevCellModesModel.current[id][field].mode = _gridEditRowModel.GridCellModes.Edit;
-        // Revert the mode in the cellModesModel prop back to "edit"
-        updateFieldInCellModesModel(id, field, {
-          mode: _gridEditRowModel.GridCellModes.Edit
-        });
+        // The row might have been deleted
+        if (prevCellModesModel.current[id]?.[field]) {
+          prevCellModesModel.current[id][field].mode = _gridEditRowModel.GridCellModes.Edit;
+          // Revert the mode in the cellModesModel prop back to "edit"
+          updateFieldInCellModesModel(id, field, {
+            mode: _gridEditRowModel.GridCellModes.Edit
+          });
+        }
         if (onProcessRowUpdateError) {
           onProcessRowUpdateError(errorThrown);
         } else if (process.env.NODE_ENV !== 'production') {
@@ -381,14 +384,18 @@ const useGridCellEditing = (apiRef, props) => {
         Promise.resolve(processRowUpdate(rowUpdate, row, {
           rowId: id
         })).then(finalRowUpdate => {
-          apiRef.current.updateRows([finalRowUpdate]);
+          if (apiRef.current.getRow(id)) {
+            apiRef.current.updateRows([finalRowUpdate]);
+          }
           finishCellEditMode();
         }).catch(handleError);
       } catch (errorThrown) {
         handleError(errorThrown);
       }
     } else {
-      apiRef.current.updateRows([rowUpdate]);
+      if (apiRef.current.getRow(id)) {
+        apiRef.current.updateRows([rowUpdate]);
+      }
       finishCellEditMode();
     }
   });

package/hooks/features/editing/useGridCellEditing.mjs

@@ -359,11 +359,14 @@ export const useGridCellEditing = (apiRef, props) => {
       }
     } else if (processRowUpdate) {
       const handleError = errorThrown => {
-        prevCellModesModel.current[id][field].mode = GridCellModes.Edit;
-        // Revert the mode in the cellModesModel prop back to "edit"
-        updateFieldInCellModesModel(id, field, {
-          mode: GridCellModes.Edit
-        });
+        // The row might have been deleted
+        if (prevCellModesModel.current[id]?.[field]) {
+          prevCellModesModel.current[id][field].mode = GridCellModes.Edit;
+          // Revert the mode in the cellModesModel prop back to "edit"
+          updateFieldInCellModesModel(id, field, {
+            mode: GridCellModes.Edit
+          });
+        }
         if (onProcessRowUpdateError) {
           onProcessRowUpdateError(errorThrown);
         } else if (process.env.NODE_ENV !== 'production') {
@@ -374,14 +377,18 @@ export const useGridCellEditing = (apiRef, props) => {
         Promise.resolve(processRowUpdate(rowUpdate, row, {
           rowId: id
         })).then(finalRowUpdate => {
-          apiRef.current.updateRows([finalRowUpdate]);
+          if (apiRef.current.getRow(id)) {
+            apiRef.current.updateRows([finalRowUpdate]);
+          }
           finishCellEditMode();
         }).catch(handleError);
       } catch (errorThrown) {
         handleError(errorThrown);
       }
     } else {
-      apiRef.current.updateRows([rowUpdate]);
+      if (apiRef.current.getRow(id)) {
+        apiRef.current.updateRows([rowUpdate]);
+      }
       finishCellEditMode();
     }
   });

package/hooks/features/editing/utils.d.mts

@@ -1,2 +1,2 @@
 import type { GridColDef } from "../../../models/colDef/gridColDef.mjs";
-export declare const getDefaultCellValue: (colDef: GridColDef) => false | "" | null | undefined;
+export declare const getDefaultCellValue: (colDef: GridColDef) => false | "" | undefined;