@mui/x-data-grid 9.0.2 → 9.0.3

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;

package/hooks/utils/useGridSelector.js

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.objectShallowCompare = exports.argsEqual = void 0;
+exports.objectShallowCompare = void 0;
 exports.useGridSelector = useGridSelector;
 var React = _interopRequireWildcard(require("react"));
 var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
@@ -29,7 +29,6 @@ const argsEqual = (prev, curr) => {
   }
   return fn(prev, curr);
 };
-exports.argsEqual = argsEqual;
 const createRefs = () => ({
   state: null,
   equals: null,

package/hooks/utils/useGridSelector.mjs

@@ -13,7 +13,7 @@ const arrayShallowCompare = (a, b) => {
   }
   return a.length === b.length && a.every((v, i) => v === b[i]);
 };
-export const argsEqual = (prev, curr) => {
+const argsEqual = (prev, curr) => {
   let fn = Object.is;
   if (curr instanceof Array) {
     fn = arrayShallowCompare;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v9.0.2
+ * @mui/x-data-grid v9.0.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v9.0.2
+ * @mui/x-data-grid v9.0.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "9.0.2",
+  "version": "9.0.3",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",
@@ -37,13 +37,13 @@
     "directory": "packages/x-data-grid"
   },
   "dependencies": {
-    "@babel/runtime": "^7.28.6",
+    "@babel/runtime": "^7.29.2",
     "@mui/utils": "9.0.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.6.0",
     "@mui/x-internals": "^9.0.0",
-    "@mui/x-virtualizer": "9.0.0-alpha.0"
+    "@mui/x-virtualizer": "9.0.0-alpha.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/hooks/core/gridCoreSelector.d.mts

@@ -1,6 +0,0 @@
-import type { GridStateCommunity } from "../../models/gridStateCommunity.mjs";
-/**
- * Get the theme state
- * @category Core
- */
-export declare const gridIsRtlSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, boolean>;

package/hooks/core/gridCoreSelector.d.ts

@@ -1,6 +0,0 @@
-import type { GridStateCommunity } from "../../models/gridStateCommunity.js";
-/**
- * Get the theme state
- * @category Core
- */
-export declare const gridIsRtlSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, boolean>;

package/hooks/core/gridCoreSelector.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.gridIsRtlSelector = void 0;
-var _createSelector = require("../../utils/createSelector");
-/**
- * Get the theme state
- * @category Core
- */
-const gridIsRtlSelector = exports.gridIsRtlSelector = (0, _createSelector.createRootSelector)(state => state.isRtl);

package/hooks/core/gridCoreSelector.mjs

@@ -1,6 +0,0 @@
-import { createRootSelector } from "../../utils/createSelector.mjs";
-/**
- * Get the theme state
- * @category Core
- */
-export const gridIsRtlSelector = createRootSelector(state => state.isRtl);