@mui/x-data-grid 9.0.2 → 9.0.4

package/components/virtualization/GridVirtualScroller.mjs

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import clsx from 'clsx';
-import { Virtualization } from '@mui/x-virtualizer';
+import { LayoutDataGrid, Virtualization } from '@mui/x-virtualizer';
 import { gridHasBottomFillerSelector, gridHasScrollXSelector, gridHasScrollYSelector } from "../../hooks/features/dimensions/gridDimensionsSelectors.mjs";
 import { gridRowTreeSelector } from "../../hooks/features/rows/index.mjs";
 import { GridScrollArea } from "../GridScrollArea.mjs";
@@ -105,39 +105,35 @@ function GridVirtualScroller(props) {
   const virtualizer = useGridVirtualizer();
   const layoutMode = virtualizer.store.use(Virtualization.selectors.layoutMode);
   const hasContentFiller = layoutMode === 'uncontrolled' && loadingOverlayVariant !== 'skeleton';
-  const {
-    getContainerProps,
-    getScrollerProps,
-    getScrollerContentProps,
-    getViewportProps,
-    getContentProps,
-    getPositionerProps,
-    getScrollbarVerticalProps,
-    getScrollbarHorizontalProps,
-    getRows,
-    getScrollAreaProps,
-    getContainerVerticalProps
-  } = virtualizer.api.getters;
-  const rows = getRows(undefined, gridRowTreeSelector(apiRef));
-  const containerVerticalProps = getContainerVerticalProps();
+  const containerProps = virtualizer.store.use(LayoutDataGrid.selectors.containerProps);
+  const scrollerProps = virtualizer.store.use(LayoutDataGrid.selectors.scrollerProps);
+  const scrollerContentProps = virtualizer.store.use(LayoutDataGrid.selectors.scrollerContentProps);
+  const viewportProps = virtualizer.store.use(LayoutDataGrid.selectors.viewportProps);
+  const contentProps = virtualizer.store.use(LayoutDataGrid.selectors.contentProps);
+  const positionerProps = virtualizer.store.use(LayoutDataGrid.selectors.positionerProps);
+  const scrollbarVerticalProps = virtualizer.store.use(LayoutDataGrid.selectors.scrollbarVerticalProps);
+  const scrollbarHorizontalProps = virtualizer.store.use(LayoutDataGrid.selectors.scrollbarHorizontalProps);
+  const scrollAreaProps = virtualizer.store.use(LayoutDataGrid.selectors.scrollAreaProps);
+  const containerVerticalProps = virtualizer.store.use(LayoutDataGrid.selectors.containerVerticalProps);
+  const rows = virtualizer.api.getters.getRows(undefined, gridRowTreeSelector(apiRef));
   return /*#__PURE__*/_jsxs(Container, _extends({
     className: clsx(classes.root, layoutMode === 'controlled' && gridClasses['virtualizer--layoutControlled'])
-  }, getContainerProps(), {
+  }, containerProps, {
     ownerState: ownerState,
     children: [/*#__PURE__*/_jsx(GridScrollArea, _extends({
       scrollDirection: "left"
-    }, getScrollAreaProps())), /*#__PURE__*/_jsx(GridScrollArea, _extends({
+    }, scrollAreaProps)), /*#__PURE__*/_jsx(GridScrollArea, _extends({
       scrollDirection: "right"
-    }, getScrollAreaProps())), /*#__PURE__*/_jsx(GridScrollArea, _extends({
+    }, scrollAreaProps)), /*#__PURE__*/_jsx(GridScrollArea, _extends({
       scrollDirection: "up"
-    }, getScrollAreaProps())), /*#__PURE__*/_jsx(GridScrollArea, _extends({
+    }, scrollAreaProps)), /*#__PURE__*/_jsx(GridScrollArea, _extends({
       scrollDirection: "down"
-    }, getScrollAreaProps())), /*#__PURE__*/_jsx(Scroller, _extends({
+    }, scrollAreaProps)), /*#__PURE__*/_jsx(Scroller, _extends({
       className: classes.scroller
-    }, getScrollerProps(), {
+    }, scrollerProps, {
       ownerState: ownerState,
-      children: /*#__PURE__*/_jsx(Content, _extends({}, getScrollerContentProps(), {
-        children: /*#__PURE__*/_jsxs(Viewport, _extends({}, getViewportProps(), {
+      children: /*#__PURE__*/_jsx(Content, _extends({}, scrollerContentProps, {
+        children: /*#__PURE__*/_jsxs(Viewport, _extends({}, viewportProps, {
           children: [/*#__PURE__*/_jsxs(TopContainer, _extends({}, containerVerticalProps, {
             children: [!rootProps.listView && /*#__PURE__*/_jsx(GridHeaders, {}), /*#__PURE__*/_jsx(rootProps.slots.pinnedRows, {
               position: "top"
@@ -148,11 +144,11 @@ function GridVirtualScroller(props) {
             children: /*#__PURE__*/_jsx(Overlay, _extends({}, rootProps.slotProps?.[overlayType]))
           }), /*#__PURE__*/_jsxs(RenderZone, _extends({
             role: "rowgroup"
-          }, getPositionerProps(), {
+          }, positionerProps, {
             children: [rows, /*#__PURE__*/_jsx(rootProps.slots.detailPanels, {})]
           })), hasContentFiller && /*#__PURE__*/_jsx("div", _extends({
             className: gridClasses.contentFiller
-          }, getContentProps())), hasBottomFiller && /*#__PURE__*/_jsx(SpaceFiller, {
+          }, contentProps)), hasBottomFiller && /*#__PURE__*/_jsx(SpaceFiller, {
             rowsLength: rows.length
           }), /*#__PURE__*/_jsx(rootProps.slots.bottomContainer, _extends({}, containerVerticalProps, {
             children: /*#__PURE__*/_jsx(rootProps.slots.pinnedRows, {
@@ -166,13 +162,13 @@ function GridVirtualScroller(props) {
         position: "horizontal"
       }), /*#__PURE__*/_jsx(Scrollbar, _extends({
         position: "horizontal"
-      }, getScrollbarHorizontalProps()))]
+      }, scrollbarHorizontalProps))]
     }), hasScrollY && /*#__PURE__*/_jsxs(React.Fragment, {
       children: [rootProps.pinnedRowsSectionSeparator?.endsWith('shadow') && /*#__PURE__*/_jsx(ScrollShadows, {
         position: "vertical"
       }), /*#__PURE__*/_jsx(Scrollbar, _extends({
         position: "vertical"
-      }, getScrollbarVerticalProps()))]
+      }, scrollbarVerticalProps))]
     }), hasScrollX && hasScrollY && /*#__PURE__*/_jsx(ScrollbarCorner, {
       "aria-hidden": "true"
     }), props.children]

package/hooks/core/strategyProcessing/useGridStrategyProcessing.d.mts

@@ -1,8 +1,6 @@
 import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommon } from "../../../models/api/gridApiCommon.mjs";
-import { type GridStrategyProcessorName, type GridStrategyGroupValue } from "./gridStrategyProcessingApi.mjs";
 export declare const GRID_DEFAULT_STRATEGY = "none";
-export declare const GRID_STRATEGIES_PROCESSORS: { [P in GridStrategyProcessorName]: GridStrategyGroupValue };
 /**
  * Implements a variant of the Strategy Pattern (see https://en.wikipedia.org/wiki/Strategy_pattern)
  *

package/hooks/core/strategyProcessing/useGridStrategyProcessing.d.ts

@@ -1,8 +1,6 @@
 import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommon } from "../../../models/api/gridApiCommon.js";
-import { type GridStrategyProcessorName, type GridStrategyGroupValue } from "./gridStrategyProcessingApi.js";
 export declare const GRID_DEFAULT_STRATEGY = "none";
-export declare const GRID_STRATEGIES_PROCESSORS: { [P in GridStrategyProcessorName]: GridStrategyGroupValue };
 /**
  * Implements a variant of the Strategy Pattern (see https://en.wikipedia.org/wiki/Strategy_pattern)
  *

package/hooks/core/strategyProcessing/useGridStrategyProcessing.js

@@ -6,7 +6,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridStrategyProcessing = exports.GRID_STRATEGIES_PROCESSORS = exports.GRID_DEFAULT_STRATEGY = void 0;
+exports.useGridStrategyProcessing = exports.GRID_DEFAULT_STRATEGY = void 0;
 var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _toPropertyKey2 = _interopRequireDefault(require("@babel/runtime/helpers/toPropertyKey"));
@@ -14,7 +14,7 @@ var React = _interopRequireWildcard(require("react"));
 var _gridStrategyProcessingApi = require("./gridStrategyProcessingApi");
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
 const GRID_DEFAULT_STRATEGY = exports.GRID_DEFAULT_STRATEGY = 'none';
-const GRID_STRATEGIES_PROCESSORS = exports.GRID_STRATEGIES_PROCESSORS = {
+const GRID_STRATEGIES_PROCESSORS = {
   dataSourceRowsUpdate: _gridStrategyProcessingApi.GridStrategyGroup.DataSource,
   rowTreeCreation: _gridStrategyProcessingApi.GridStrategyGroup.RowTree,
   filtering: _gridStrategyProcessingApi.GridStrategyGroup.RowTree,

package/hooks/core/strategyProcessing/useGridStrategyProcessing.mjs

@@ -7,7 +7,7 @@ import * as React from 'react';
 import { GridStrategyGroup } from "./gridStrategyProcessingApi.mjs";
 import { useGridApiMethod } from "../../utils/useGridApiMethod.mjs";
 export const GRID_DEFAULT_STRATEGY = 'none';
-export const GRID_STRATEGIES_PROCESSORS = {
+const GRID_STRATEGIES_PROCESSORS = {
   dataSourceRowsUpdate: GridStrategyGroup.DataSource,
   rowTreeCreation: GridStrategyGroup.RowTree,
   filtering: GridStrategyGroup.RowTree,

package/hooks/core/useGridVirtualizer.d.mts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { Dimensions, LayoutDataGridLegacy, Virtualization } from '@mui/x-virtualizer';
+import { Dimensions, LayoutDataGrid, Virtualization } from '@mui/x-virtualizer';
 /**
  * Virtualizer setup
  */
 export declare function useGridVirtualizer(): {
-  store: import("@mui/x-internals/store").Store<Dimensions.State & Virtualization.State<LayoutDataGridLegacy> & import("@mui/x-virtualizer").Colspan.State & import("@mui/x-virtualizer").Rowspan.State>;
+  store: import("@mui/x-internals/store").Store<Dimensions.State & Virtualization.State<LayoutDataGrid> & import("@mui/x-virtualizer").Colspan.State & import("@mui/x-virtualizer").Rowspan.State>;
   api: {
     updateDimensions: (firstUpdate?: boolean) => void;
     debouncedUpdateDimensions: (((firstUpdate?: boolean) => void) & import("@mui/x-internals/throttle").Cancelable) | undefined;

package/hooks/core/useGridVirtualizer.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { Dimensions, LayoutDataGridLegacy, Virtualization } from '@mui/x-virtualizer';
+import { Dimensions, LayoutDataGrid, Virtualization } from '@mui/x-virtualizer';
 /**
  * Virtualizer setup
  */
 export declare function useGridVirtualizer(): {
-  store: import("@mui/x-internals/store").Store<Dimensions.State & Virtualization.State<LayoutDataGridLegacy> & import("@mui/x-virtualizer").Colspan.State & import("@mui/x-virtualizer").Rowspan.State>;
+  store: import("@mui/x-internals/store").Store<Dimensions.State & Virtualization.State<LayoutDataGrid> & import("@mui/x-virtualizer").Colspan.State & import("@mui/x-virtualizer").Rowspan.State>;
   api: {
     updateDimensions: (firstUpdate?: boolean) => void;
     debouncedUpdateDimensions: (((firstUpdate?: boolean) => void) & import("@mui/x-internals/throttle").Cancelable) | undefined;

package/hooks/core/useGridVirtualizer.js

@@ -123,7 +123,7 @@ function useGridVirtualizer() {
   const focusedVirtualCell = (0, _useGridSelector.useGridSelector)(apiRef, _gridFocusedVirtualCellSelector.gridFocusedVirtualCellSelector);
   // We need it to trigger a new render, but rowsMeta needs access to the latest value, hence we cannot pass it to the focusedVirtualCell callback in the virtualizer params
   (0, _utils.eslintUseValue)(focusedVirtualCell);
-  const layout = (0, _useLazyRef.default)(() => new _xVirtualizer.LayoutDataGridLegacy({
+  const layout = (0, _useLazyRef.default)(() => new _xVirtualizer.LayoutDataGrid({
     container: apiRef.current.mainElementRef,
     scroller: apiRef.current.virtualScrollerRef,
     scrollbarVertical: apiRef.current.virtualScrollbarVerticalRef,

package/hooks/core/useGridVirtualizer.mjs

@@ -6,7 +6,7 @@ import { useRtl } from '@mui/system/RtlProvider';
 import { roundToDecimalPlaces } from '@mui/x-internals/math';
 import { lruMemoize } from '@mui/x-internals/lruMemoize';
 import { useStoreEffect } from '@mui/x-internals/store';
-import { useVirtualizer, Dimensions, LayoutDataGridLegacy, Virtualization, EMPTY_RENDER_CONTEXT } from '@mui/x-virtualizer';
+import { useVirtualizer, Dimensions, LayoutDataGrid, Virtualization, EMPTY_RENDER_CONTEXT } from '@mui/x-virtualizer';
 import { useFirstRender } from "../utils/useFirstRender.mjs";
 import { createSelector } from "../../utils/createSelector.mjs";
 import { useGridSelector } from "../utils/useGridSelector.mjs";
@@ -115,7 +115,7 @@ export function useGridVirtualizer() {
   const focusedVirtualCell = useGridSelector(apiRef, gridFocusedVirtualCellSelector);
   // We need it to trigger a new render, but rowsMeta needs access to the latest value, hence we cannot pass it to the focusedVirtualCell callback in the virtualizer params
   eslintUseValue(focusedVirtualCell);
-  const layout = useLazyRef(() => new LayoutDataGridLegacy({
+  const layout = useLazyRef(() => new LayoutDataGrid({
     container: apiRef.current.mainElementRef,
     scroller: apiRef.current.virtualScrollerRef,
     scrollbarVertical: apiRef.current.virtualScrollbarVerticalRef,

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

@@ -38,11 +38,6 @@ export declare function computeFlexColumnsWidth({
  * TODO: Improve the `GridColDef` typing to reflect the fact that `minWidth` / `maxWidth` and `width` can't be null after the merge with the `type` default values.
  */
 export declare const hydrateColumnsWidth: (rawState: GridColumnsRawState, dimensions: GridDimensions | undefined) => GridColumnsState;
-/**
- * Apply the order and the dimensions of the initial state.
- * The columns not registered in `orderedFields` will be placed after the imported columns.
- */
-export declare const applyInitialState: (columnsState: GridColumnsRawState, initialState: GridColumnsInitialState | undefined) => GridColumnsRawState;
 export declare function getDefaultColTypeDef(type: GridColDef['type']): import("@mui/x-data-grid").GridColTypeDef;
 export declare const createColumnsState: ({
   apiRef,

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

@@ -38,11 +38,6 @@ export declare function computeFlexColumnsWidth({
  * TODO: Improve the `GridColDef` typing to reflect the fact that `minWidth` / `maxWidth` and `width` can't be null after the merge with the `type` default values.
  */
 export declare const hydrateColumnsWidth: (rawState: GridColumnsRawState, dimensions: GridDimensions | undefined) => GridColumnsState;
-/**
- * Apply the order and the dimensions of the initial state.
- * The columns not registered in `orderedFields` will be placed after the imported columns.
- */
-export declare const applyInitialState: (columnsState: GridColumnsRawState, initialState: GridColumnsInitialState | undefined) => GridColumnsRawState;
 export declare function getDefaultColTypeDef(type: GridColDef['type']): import("@mui/x-data-grid").GridColTypeDef;
 export declare const createColumnsState: ({
   apiRef,

package/hooks/features/columns/gridColumnsUtils.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.applyInitialState = exports.COLUMNS_DIMENSION_PROPERTIES = void 0;
+exports.COLUMNS_DIMENSION_PROPERTIES = void 0;
 exports.computeFlexColumnsWidth = computeFlexColumnsWidth;
 exports.createColumnsState = void 0;
 exports.getDefaultColTypeDef = getDefaultColTypeDef;
@@ -222,7 +222,6 @@ const applyInitialState = (columnsState, initialState) => {
   });
   return newColumnsState;
 };
-exports.applyInitialState = applyInitialState;
 function getDefaultColTypeDef(type) {
   let colDef = COLUMN_TYPES[_colDef.DEFAULT_GRID_COL_TYPE_KEY];
   if (type && COLUMN_TYPES[type]) {

package/hooks/features/columns/gridColumnsUtils.mjs

@@ -167,7 +167,7 @@ export const hydrateColumnsWidth = (rawState, dimensions) => {
  * Apply the order and the dimensions of the initial state.
  * The columns not registered in `orderedFields` will be placed after the imported columns.
  */
-export const applyInitialState = (columnsState, initialState) => {
+const applyInitialState = (columnsState, initialState) => {
   if (!initialState) {
     return columnsState;
   }

package/hooks/features/dimensions/useGridDimensions.js

@@ -114,6 +114,16 @@ function useGridDimensions(apiRef, props) {
     if (apiRef.current.rootElementRef.current) {
       setCSSVariables(apiRef.current.rootElementRef.current, next);
     }
+    const virtualScroller = apiRef.current.virtualScrollerRef?.current;
+    if (virtualScroller) {
+      const maxScrollLeft = Math.max(0, next.rowWidth - next.viewportOuterSize.width);
+      const currentScrollLeft = Math.abs(virtualScroller.scrollLeft);
+      if (currentScrollLeft > maxScrollLeft) {
+        apiRef.current.scroll({
+          left: maxScrollLeft
+        });
+      }
+    }
     if (!areElementSizesEqual(next.viewportInnerSize, previous.viewportInnerSize)) {
       apiRef.current.publishEvent('viewportInnerSizeChange', next.viewportInnerSize);
     }

package/hooks/features/dimensions/useGridDimensions.mjs

@@ -105,6 +105,16 @@ export function useGridDimensions(apiRef, props) {
     if (apiRef.current.rootElementRef.current) {
       setCSSVariables(apiRef.current.rootElementRef.current, next);
     }
+    const virtualScroller = apiRef.current.virtualScrollerRef?.current;
+    if (virtualScroller) {
+      const maxScrollLeft = Math.max(0, next.rowWidth - next.viewportOuterSize.width);
+      const currentScrollLeft = Math.abs(virtualScroller.scrollLeft);
+      if (currentScrollLeft > maxScrollLeft) {
+        apiRef.current.scroll({
+          left: maxScrollLeft
+        });
+      }
+    }
     if (!areElementSizesEqual(next.viewportInnerSize, previous.viewportInnerSize)) {
       apiRef.current.publishEvent('viewportInnerSizeChange', next.viewportInnerSize);
     }

package/hooks/features/rows/gridRowSpanningUtils.d.mts

@@ -6,5 +6,4 @@ import type { GridApiCommunity } from "../../../models/api/gridApiCommunity.mjs"
 import type { RowRange } from "./useGridRowSpanning.mjs";
 export declare function getUnprocessedRange(testRange: RowRange, processedRange: RowRange): RowRange | null;
 export declare function isRowContextInitialized(renderContext: GridRenderContext): boolean;
-export declare function isRowRangeUpdated(range1: RowRange, range2: RowRange): boolean;
 export declare const getCellValue: (row: GridValidRowModel, colDef: GridColDef, apiRef: RefObject<GridApiCommunity>) => any;

package/hooks/features/rows/gridRowSpanningUtils.d.ts

@@ -6,5 +6,4 @@ import type { GridApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import type { RowRange } from "./useGridRowSpanning.js";
 export declare function getUnprocessedRange(testRange: RowRange, processedRange: RowRange): RowRange | null;
 export declare function isRowContextInitialized(renderContext: GridRenderContext): boolean;
-export declare function isRowRangeUpdated(range1: RowRange, range2: RowRange): boolean;
 export declare const getCellValue: (row: GridValidRowModel, colDef: GridColDef, apiRef: RefObject<GridApiCommunity>) => any;

package/hooks/features/rows/gridRowSpanningUtils.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.getCellValue = void 0;
 exports.getUnprocessedRange = getUnprocessedRange;
 exports.isRowContextInitialized = isRowContextInitialized;
-exports.isRowRangeUpdated = isRowRangeUpdated;
 var _gridRowsUtils = require("./gridRowsUtils");
 function getUnprocessedRange(testRange, processedRange) {
   if (testRange.firstRowIndex >= processedRange.firstRowIndex && testRange.lastRowIndex <= processedRange.lastRowIndex) {
@@ -36,9 +35,6 @@ function getUnprocessedRange(testRange, processedRange) {
 function isRowContextInitialized(renderContext) {
   return renderContext.firstRowIndex !== 0 || renderContext.lastRowIndex !== 0;
 }
-function isRowRangeUpdated(range1, range2) {
-  return range1.firstRowIndex !== range2.firstRowIndex || range1.lastRowIndex !== range2.lastRowIndex;
-}
 const getCellValue = (row, colDef, apiRef) => {
   if (!row) {
     return null;

package/hooks/features/rows/gridRowSpanningUtils.mjs

@@ -27,9 +27,6 @@ export function getUnprocessedRange(testRange, processedRange) {
 export function isRowContextInitialized(renderContext) {
   return renderContext.firstRowIndex !== 0 || renderContext.lastRowIndex !== 0;
 }
-export function isRowRangeUpdated(range1, range2) {
-  return range1.firstRowIndex !== range2.firstRowIndex || range1.lastRowIndex !== range2.lastRowIndex;
-}
 export const getCellValue = (row, colDef, apiRef) => {
   if (!row) {
     return null;

package/hooks/features/rows/gridRowsUtils.d.mts

@@ -57,5 +57,4 @@ export declare const updateCacheWithNewRows: ({
 export declare const minimalContentHeight = "var(--DataGrid-overlayHeight, calc(var(--height) * 2))";
 export declare function computeRowsUpdates(apiRef: RefObject<GridApiCommunity>, updates: GridRowModelUpdate[], getRowId: DataGridProcessedProps['getRowId']): GridRowModelUpdate[];
 export declare const getValidRowHeight: (rowHeightProp: any, defaultRowHeight: number, warningMessage: string) => number;
-export declare const rowHeightWarning: string;
-export declare const getRowHeightWarning: string;
+export declare const rowHeightWarning: string;

package/hooks/features/rows/gridRowsUtils.d.ts

@@ -57,5 +57,4 @@ export declare const updateCacheWithNewRows: ({
 export declare const minimalContentHeight = "var(--DataGrid-overlayHeight, calc(var(--height) * 2))";
 export declare function computeRowsUpdates(apiRef: RefObject<GridApiCommunity>, updates: GridRowModelUpdate[], getRowId: DataGridProcessedProps['getRowId']): GridRowModelUpdate[];
 export declare const getValidRowHeight: (rowHeightProp: any, defaultRowHeight: number, warningMessage: string) => number;
-export declare const rowHeightWarning: string;
-export declare const getRowHeightWarning: string;
+export declare const rowHeightWarning: string;

package/hooks/features/rows/gridRowsUtils.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.buildRootGroup = exports.GRID_ROOT_GROUP_ID = exports.GRID_ID_AUTOGENERATED = void 0;
 exports.checkGridRowIdIsValid = checkGridRowIdIsValid;
 exports.computeRowsUpdates = computeRowsUpdates;
-exports.updateCacheWithNewRows = exports.rowHeightWarning = exports.minimalContentHeight = exports.isAutogeneratedRowNode = exports.isAutogeneratedRow = exports.getValidRowHeight = exports.getTreeNodeDescendants = exports.getTopLevelRowCount = exports.getRowsStateFromCache = exports.getRowValue = exports.getRowIdFromRowModel = exports.getRowHeightWarning = exports.createRowsInternalCache = void 0;
+exports.updateCacheWithNewRows = exports.rowHeightWarning = exports.minimalContentHeight = exports.isAutogeneratedRowNode = exports.isAutogeneratedRow = exports.getValidRowHeight = exports.getTreeNodeDescendants = exports.getTopLevelRowCount = exports.getRowsStateFromCache = exports.getRowValue = exports.getRowIdFromRowModel = exports.createRowsInternalCache = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _gridRowsSelector = require("./gridRowsSelector");
@@ -326,5 +326,4 @@ const getValidRowHeight = (rowHeightProp, defaultRowHeight, warningMessage) => {
   return defaultRowHeight;
 };
 exports.getValidRowHeight = getValidRowHeight;
-const rowHeightWarning = exports.rowHeightWarning = [`MUI X: The \`rowHeight\` prop should be a number greater than 0.`, `The default value will be used instead.`].join('\n');
-const getRowHeightWarning = exports.getRowHeightWarning = [`MUI X: The \`getRowHeight\` prop should return a number greater than 0 or 'auto'.`, `The default value will be used instead.`].join('\n');
+const rowHeightWarning = exports.rowHeightWarning = [`MUI X: The \`rowHeight\` prop should be a number greater than 0.`, `The default value will be used instead.`].join('\n');

package/hooks/features/rows/gridRowsUtils.mjs

@@ -305,5 +305,4 @@ export const getValidRowHeight = (rowHeightProp, defaultRowHeight, warningMessag
   }
   return defaultRowHeight;
 };
-export const rowHeightWarning = [`MUI X: The \`rowHeight\` prop should be a number greater than 0.`, `The default value will be used instead.`].join('\n');
-export const getRowHeightWarning = [`MUI X: The \`getRowHeight\` prop should return a number greater than 0 or 'auto'.`, `The default value will be used instead.`].join('\n');
+export const rowHeightWarning = [`MUI X: The \`rowHeight\` prop should be a number greater than 0.`, `The default value will be used instead.`].join('\n');

package/hooks/features/rows/useGridParamsApi.d.mts

@@ -2,7 +2,6 @@ import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.mjs";
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.mjs";
 import type { GridConfiguration } from "../../../models/configuration/gridConfiguration.mjs";
-export declare class MissingRowIdError extends Error {}
 /**
  * @requires useGridColumns (method)
  * @requires useGridRows (method)

package/hooks/features/rows/useGridParamsApi.d.ts

@@ -2,7 +2,6 @@ import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 import type { GridConfiguration } from "../../../models/configuration/gridConfiguration.js";
-export declare class MissingRowIdError extends Error {}
 /**
  * @requires useGridColumns (method)
  * @requires useGridRows (method)

package/hooks/features/rows/useGridParamsApi.js

@@ -4,7 +4,6 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MissingRowIdError = void 0;
 exports.useGridParamsApi = useGridParamsApi;
 var React = _interopRequireWildcard(require("react"));
 var _domUtils = require("../../../utils/domUtils");
@@ -22,7 +21,6 @@ class MissingRowIdError extends Error {}
  * TODO: Impossible priority - useGridEditing also needs to be after useGridParamsApi
  * TODO: Impossible priority - useGridFocus also needs to be after useGridParamsApi
  */
-exports.MissingRowIdError = MissingRowIdError;
 function useGridParamsApi(apiRef, props, configuration) {
   const getColumnHeaderParams = React.useCallback(field => ({
     field,

package/hooks/features/rows/useGridParamsApi.mjs

@@ -4,7 +4,7 @@ import { useGridApiMethod } from "../../utils/useGridApiMethod.mjs";
 import { gridFocusCellSelector, gridTabIndexCellSelector } from "../focus/gridFocusStateSelector.mjs";
 import { gridListColumnSelector } from "../listView/gridListViewSelectors.mjs";
 import { gridRowNodeSelector } from "./gridRowsSelector.mjs";
-export class MissingRowIdError extends Error {}
+class MissingRowIdError extends Error {}
 
 /**
  * @requires useGridColumns (method)

package/hooks/features/rows/useGridRowsOverridableMethods.js

@@ -29,31 +29,53 @@ const useGridRowsOverridableMethods = apiRef => {
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI X: The 'inside' position is only supported for tree data. Use 'above' or 'below' for flat data.` : (0, _formatErrorMessage2.default)(94));
     }
 
-    // Get the target index from the targetRowId using the lookup selector
+    // Resolve positions in the filtered view to detect visible-order no-ops.
     const sortedFilteredRowIndexLookup = (0, _gridFilterSelector.gridExpandedSortedRowIndexLookupSelector)(apiRef);
-    const targetRowIndexUnadjusted = sortedFilteredRowIndexLookup[targetRowId];
-    if (targetRowIndexUnadjusted === undefined) {
+    const targetFilteredIndex = sortedFilteredRowIndexLookup[targetRowId];
+    const sourceFilteredIndex = sortedFilteredRowIndexLookup[sourceRowId];
+    if (targetFilteredIndex === undefined) {
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI X: Target row with id #${targetRowId} not found in current view.` : (0, _formatErrorMessage2.default)(95, targetRowId));
     }
-    const sourceRowIndex = sortedFilteredRowIndexLookup[sourceRowId];
-    if (sourceRowIndex === undefined) {
+    if (sourceFilteredIndex === undefined) {
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI X: Source row with id #${sourceRowId} not found in current view.` : (0, _formatErrorMessage2.default)(96, sourceRowId));
     }
-    const dragDirection = targetRowIndexUnadjusted < sourceRowIndex ? 'up' : 'down';
-    let targetRowIndex;
-    if (dragDirection === 'up') {
-      targetRowIndex = position === 'above' ? targetRowIndexUnadjusted : targetRowIndexUnadjusted + 1;
-    } else {
-      targetRowIndex = position === 'above' ? targetRowIndexUnadjusted - 1 : targetRowIndexUnadjusted;
-    }
-    if (targetRowIndex === sourceRowIndex) {
+
+    // No-op when the requested drop would not change the visible order.
+    // Mutating the backing tree here would silently reshuffle filtered-out
+    // rows around the source without any visible feedback.
+    if (sourceFilteredIndex === targetFilteredIndex || position === 'above' && sourceFilteredIndex === targetFilteredIndex - 1 || position === 'below' && sourceFilteredIndex === targetFilteredIndex + 1) {
       return;
     }
     apiRef.current.setState(state => {
       const group = (0, _gridRowsSelector.gridRowTreeSelector)(apiRef)[_gridRowsUtils.GRID_ROOT_GROUP_ID];
       const allRows = group.children;
-      const updatedRows = [...allRows];
-      updatedRows.splice(targetRowIndex, 0, updatedRows.splice(sourceRowIndex, 1)[0]);
+
+      // Single pass: skip source and inline-insert it adjacent to the target
+      // anchor id so filtered-out rows between source and target keep their
+      // position next to the anchor.
+      const updatedRows = [];
+      let sourceFound = false;
+      let targetFound = false;
+      for (let i = 0; i < allRows.length; i += 1) {
+        const id = allRows[i];
+        if (id === sourceRowId) {
+          sourceFound = true;
+          continue;
+        }
+        if (id === targetRowId) {
+          targetFound = true;
+          if (position === 'above') {
+            updatedRows.push(sourceRowId, id);
+          } else {
+            updatedRows.push(id, sourceRowId);
+          }
+          continue;
+        }
+        updatedRows.push(id);
+      }
+      if (!sourceFound || !targetFound) {
+        return state;
+      }
       return (0, _extends2.default)({}, state, {
         rows: (0, _extends2.default)({}, state.rows, {
           tree: (0, _extends2.default)({}, state.rows.tree, {

package/hooks/features/rows/useGridRowsOverridableMethods.mjs

@@ -21,31 +21,53 @@ export const useGridRowsOverridableMethods = apiRef => {
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI X: The 'inside' position is only supported for tree data. Use 'above' or 'below' for flat data.` : _formatErrorMessage(94));
     }
 
-    // Get the target index from the targetRowId using the lookup selector
+    // Resolve positions in the filtered view to detect visible-order no-ops.
     const sortedFilteredRowIndexLookup = gridExpandedSortedRowIndexLookupSelector(apiRef);
-    const targetRowIndexUnadjusted = sortedFilteredRowIndexLookup[targetRowId];
-    if (targetRowIndexUnadjusted === undefined) {
+    const targetFilteredIndex = sortedFilteredRowIndexLookup[targetRowId];
+    const sourceFilteredIndex = sortedFilteredRowIndexLookup[sourceRowId];
+    if (targetFilteredIndex === undefined) {
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI X: Target row with id #${targetRowId} not found in current view.` : _formatErrorMessage(95, targetRowId));
     }
-    const sourceRowIndex = sortedFilteredRowIndexLookup[sourceRowId];
-    if (sourceRowIndex === undefined) {
+    if (sourceFilteredIndex === undefined) {
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI X: Source row with id #${sourceRowId} not found in current view.` : _formatErrorMessage(96, sourceRowId));
     }
-    const dragDirection = targetRowIndexUnadjusted < sourceRowIndex ? 'up' : 'down';
-    let targetRowIndex;
-    if (dragDirection === 'up') {
-      targetRowIndex = position === 'above' ? targetRowIndexUnadjusted : targetRowIndexUnadjusted + 1;
-    } else {
-      targetRowIndex = position === 'above' ? targetRowIndexUnadjusted - 1 : targetRowIndexUnadjusted;
-    }
-    if (targetRowIndex === sourceRowIndex) {
+
+    // No-op when the requested drop would not change the visible order.
+    // Mutating the backing tree here would silently reshuffle filtered-out
+    // rows around the source without any visible feedback.
+    if (sourceFilteredIndex === targetFilteredIndex || position === 'above' && sourceFilteredIndex === targetFilteredIndex - 1 || position === 'below' && sourceFilteredIndex === targetFilteredIndex + 1) {
       return;
     }
     apiRef.current.setState(state => {
       const group = gridRowTreeSelector(apiRef)[GRID_ROOT_GROUP_ID];
       const allRows = group.children;
-      const updatedRows = [...allRows];
-      updatedRows.splice(targetRowIndex, 0, updatedRows.splice(sourceRowIndex, 1)[0]);
+
+      // Single pass: skip source and inline-insert it adjacent to the target
+      // anchor id so filtered-out rows between source and target keep their
+      // position next to the anchor.
+      const updatedRows = [];
+      let sourceFound = false;
+      let targetFound = false;
+      for (let i = 0; i < allRows.length; i += 1) {
+        const id = allRows[i];
+        if (id === sourceRowId) {
+          sourceFound = true;
+          continue;
+        }
+        if (id === targetRowId) {
+          targetFound = true;
+          if (position === 'above') {
+            updatedRows.push(sourceRowId, id);
+          } else {
+            updatedRows.push(id, sourceRowId);
+          }
+          continue;
+        }
+        updatedRows.push(id);
+      }
+      if (!sourceFound || !targetFound) {
+        return state;
+      }
       return _extends({}, state, {
         rows: _extends({}, state.rows, {
           tree: _extends({}, state.rows.tree, {

package/hooks/features/virtualization/useGridVirtualization.d.mts

@@ -1,10 +1,10 @@
 import type { RefObject } from '@mui/x-internals/types';
-import { type Virtualization, type LayoutDataGridLegacy } from '@mui/x-virtualizer';
+import { type Virtualization, type LayoutDataGrid } from '@mui/x-virtualizer';
 import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.mjs";
 import type { GridStateInitializer } from "../../utils/useGridInitializeState.mjs";
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.mjs";
 type RootProps = DataGridProcessedProps;
-export type GridVirtualizationState = { [K in keyof Virtualization.State<LayoutDataGridLegacy>['virtualization']]: Virtualization.State<LayoutDataGridLegacy>['virtualization'][K] };
+export type GridVirtualizationState = { [K in keyof Virtualization.State<LayoutDataGrid>['virtualization']]: Virtualization.State<LayoutDataGrid>['virtualization'][K] };
 export declare const virtualizationStateInitializer: GridStateInitializer<RootProps>;
 export declare function useGridVirtualization(apiRef: RefObject<GridPrivateApiCommunity>, rootProps: RootProps): void;
 export {};

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

@@ -1,10 +1,10 @@
 import type { RefObject } from '@mui/x-internals/types';
-import { type Virtualization, type LayoutDataGridLegacy } from '@mui/x-virtualizer';
+import { type Virtualization, type LayoutDataGrid } from '@mui/x-virtualizer';
 import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 type RootProps = DataGridProcessedProps;
-export type GridVirtualizationState = { [K in keyof Virtualization.State<LayoutDataGridLegacy>['virtualization']]: Virtualization.State<LayoutDataGridLegacy>['virtualization'][K] };
+export type GridVirtualizationState = { [K in keyof Virtualization.State<LayoutDataGrid>['virtualization']]: Virtualization.State<LayoutDataGrid>['virtualization'][K] };
 export declare const virtualizationStateInitializer: GridStateInitializer<RootProps>;
 export declare function useGridVirtualization(apiRef: RefObject<GridPrivateApiCommunity>, rootProps: RootProps): void;
 export {};

package/hooks/utils/useGridSelector.d.mts

@@ -1,6 +1,5 @@
 import type { RefObject } from '@mui/x-internals/types';
 import type { GridApiCommon } from "../../models/api/gridApiCommon.mjs";
 export declare const objectShallowCompare: (a: unknown, b: unknown) => boolean;
-export declare const argsEqual: (prev: any, curr: any) => boolean;
 export declare function useGridSelector<Api extends GridApiCommon, T>(apiRef: RefObject<Api>, selector: (apiRef: RefObject<Api>) => T, args?: undefined, equals?: <U = T>(a: U, b: U) => boolean): T;
 export declare function useGridSelector<Api extends GridApiCommon, T, Args>(apiRef: RefObject<Api>, selector: (apiRef: RefObject<Api>, a1: Args) => T, args: Args, equals?: <U = T>(a: U, b: U) => boolean): T;

package/hooks/utils/useGridSelector.d.ts

@@ -1,6 +1,5 @@
 import type { RefObject } from '@mui/x-internals/types';
 import type { GridApiCommon } from "../../models/api/gridApiCommon.js";
 export declare const objectShallowCompare: (a: unknown, b: unknown) => boolean;
-export declare const argsEqual: (prev: any, curr: any) => boolean;
 export declare function useGridSelector<Api extends GridApiCommon, T>(apiRef: RefObject<Api>, selector: (apiRef: RefObject<Api>) => T, args?: undefined, equals?: <U = T>(a: U, b: U) => boolean): T;
 export declare function useGridSelector<Api extends GridApiCommon, T, Args>(apiRef: RefObject<Api>, selector: (apiRef: RefObject<Api>, a1: Args) => T, args: Args, equals?: <U = T>(a: U, b: U) => boolean): T;