@mui/x-data-grid 8.19.0 → 8.21.0

package/hooks/features/rowReorder/gridRowReorderSelector.d.ts

@@ -1,5 +1,24 @@
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridRowId } from "../../../models/gridRows.js";
 export declare const gridRowReorderStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("./gridRowReorderInterfaces.js").GridRowReorderState>;
 export declare const gridIsRowDragActiveSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
-} | null>) => boolean;
+} | null>) => boolean;
+export declare const gridRowDropTargetSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => {
+  rowId: GridRowId;
+  position: import("../../../internals/index.js").RowReorderDropPosition;
+} | {
+  rowId: null;
+  position: null;
+};
+export declare const gridRowDropTargetRowIdSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => GridRowId | null;
+export declare const gridRowDropPositionSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>, rowId: GridRowId) => import("../../../internals/index.js").RowReorderDropPosition | null;
+export declare const gridDraggedRowIdSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => GridRowId | null;

package/hooks/features/rowReorder/gridRowReorderSelector.js

@@ -3,7 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.gridRowReorderStateSelector = exports.gridIsRowDragActiveSelector = void 0;
+exports.gridRowReorderStateSelector = exports.gridRowDropTargetSelector = exports.gridRowDropTargetRowIdSelector = exports.gridRowDropPositionSelector = exports.gridIsRowDragActiveSelector = exports.gridDraggedRowIdSelector = void 0;
 var _createSelector = require("../../../utils/createSelector");
 const gridRowReorderStateSelector = exports.gridRowReorderStateSelector = (0, _createSelector.createRootSelector)(state => state.rowReorder);
-const gridIsRowDragActiveSelector = exports.gridIsRowDragActiveSelector = (0, _createSelector.createSelector)(gridRowReorderStateSelector, rowReorder => rowReorder?.isActive ?? false);
+const gridIsRowDragActiveSelector = exports.gridIsRowDragActiveSelector = (0, _createSelector.createSelector)(gridRowReorderStateSelector, rowReorder => rowReorder?.isActive ?? false);
+
+// Selector for the entire drop target state
+const gridRowDropTargetSelector = exports.gridRowDropTargetSelector = (0, _createSelector.createSelector)(gridRowReorderStateSelector, rowReorder => rowReorder?.dropTarget ?? {
+  rowId: null,
+  position: null
+});
+const gridRowDropTargetRowIdSelector = exports.gridRowDropTargetRowIdSelector = (0, _createSelector.createSelector)(gridRowDropTargetSelector, dropTarget => dropTarget.rowId ?? null);
+
+// Selector for a specific row's drop position
+const gridRowDropPositionSelector = exports.gridRowDropPositionSelector = (0, _createSelector.createSelector)(gridRowDropTargetSelector, (dropTarget, rowId) => {
+  if (dropTarget.rowId === rowId) {
+    return dropTarget.position;
+  }
+  return null;
+});
+
+// Selector for the dragged row ID
+const gridDraggedRowIdSelector = exports.gridDraggedRowIdSelector = (0, _createSelector.createSelector)(gridRowReorderStateSelector, rowReorder => rowReorder?.draggedRowId ?? null);

package/hooks/features/rowSelection/useGridRowSelection.js

@@ -108,6 +108,14 @@ const useGridRowSelection = (apiRef, props) => {
     const currentModel = (0, _gridRowSelectionSelector.gridRowSelectionStateSelector)(apiRef);
     if (currentModel !== model) {
       logger.debug(`Setting selection model`);
+
+      // clear the reference to the last selected row if that row is not in the model anymore
+      if (lastRowToggled.current !== null) {
+        const isInModel = model.ids.has(lastRowToggled.current);
+        if (model.type === 'include' && !isInModel || model.type === 'exclude' && isInModel) {
+          lastRowToggled.current = null;
+        }
+      }
       apiRef.current.setState(state => (0, _extends2.default)({}, state, {
         rowSelection: props.rowSelection ? model : emptyModel
       }), reason);
@@ -136,7 +144,7 @@ const useGridRowSelection = (apiRef, props) => {
       return;
     }
     const tree = (0, _gridRowsSelector.gridRowTreeSelector)(apiRef);
-    lastRowToggled.current = id;
+    lastRowToggled.current = isSelected ? id : null;
     if (resetSelection) {
       logger.debug(`Setting selection for row ${id}`);
       const newSelectionModel = {

package/hooks/features/rows/useGridRows.js

@@ -60,7 +60,8 @@ const useGridRows = (apiRef, props, configuration) => {
 
   // Get overridable methods from configuration
   const {
-    setRowIndex
+    setRowIndex,
+    setRowPosition
   } = configuration.hooks.useGridRowsOverridableMethods(apiRef, props);
   const getRow = React.useCallback(id => {
     const model = (0, _gridRowsSelector.gridRowsLookupSelector)(apiRef)[id];
@@ -345,6 +346,7 @@ const useGridRows = (apiRef, props, configuration) => {
   };
   const rowProApi = {
     setRowIndex,
+    setRowPosition,
     setRowChildrenExpansion,
     getRowGroupChildren,
     expandAllRows,

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

@@ -3,4 +3,5 @@ import { GridRowId } from "../../../models/gridRows.js";
 import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 export declare const useGridRowsOverridableMethods: (apiRef: RefObject<GridPrivateApiCommunity>) => {
   setRowIndex: (rowId: GridRowId, targetIndex: number) => void;
+  setRowPosition: (sourceRowId: GridRowId, targetRowId: GridRowId, position: import("../../../internals/index.js").RowReorderDropPosition) => void | Promise<void>;
 };

package/hooks/features/rows/useGridRowsOverridableMethods.js

@@ -9,20 +9,69 @@ exports.useGridRowsOverridableMethods = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _gridRowsSelector = require("./gridRowsSelector");
+var _gridFilterSelector = require("../filter/gridFilterSelector");
 var _gridRowsUtils = require("./gridRowsUtils");
 const useGridRowsOverridableMethods = apiRef => {
+  const setRowPosition = React.useCallback((sourceRowId, targetRowId, position) => {
+    const sourceNode = (0, _gridRowsSelector.gridRowNodeSelector)(apiRef, sourceRowId);
+    const targetNode = (0, _gridRowsSelector.gridRowNodeSelector)(apiRef, targetRowId);
+    if (!sourceNode) {
+      throw new Error(`MUI X: No row with id #${sourceRowId} found.`);
+    }
+    if (!targetNode) {
+      throw new Error(`MUI X: No row with id #${targetRowId} found.`);
+    }
+    if (sourceNode.type !== 'leaf') {
+      throw new Error(`MUI X: The row reordering does not support reordering of footer or grouping rows.`);
+    }
+    if (position === 'inside') {
+      throw new Error(`MUI X: The 'inside' position is only supported for tree data. Use 'above' or 'below' for flat data.`);
+    }
+
+    // Get the target index from the targetRowId using the lookup selector
+    const sortedFilteredRowIndexLookup = (0, _gridFilterSelector.gridExpandedSortedRowIndexLookupSelector)(apiRef);
+    const targetRowIndexUnadjusted = sortedFilteredRowIndexLookup[targetRowId];
+    if (targetRowIndexUnadjusted === undefined) {
+      throw new Error(`MUI X: Target row with id #${targetRowId} not found in current view.`);
+    }
+    const sourceRowIndex = sortedFilteredRowIndexLookup[sourceRowId];
+    if (sourceRowIndex === undefined) {
+      throw new Error(`MUI X: Source row with id #${sourceRowId} not found in current view.`);
+    }
+    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) {
+      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]);
+      return (0, _extends2.default)({}, state, {
+        rows: (0, _extends2.default)({}, state.rows, {
+          tree: (0, _extends2.default)({}, state.rows.tree, {
+            [_gridRowsUtils.GRID_ROOT_GROUP_ID]: (0, _extends2.default)({}, group, {
+              children: updatedRows
+            })
+          })
+        })
+      });
+    });
+    apiRef.current.publishEvent('rowsSet');
+  }, [apiRef]);
   const setRowIndex = React.useCallback((rowId, targetIndex) => {
     const node = (0, _gridRowsSelector.gridRowNodeSelector)(apiRef, rowId);
     if (!node) {
       throw new Error(`MUI X: No row with id #${rowId} found.`);
     }
-
-    // TODO: Remove irrelevant checks
-    if (node.parent !== _gridRowsUtils.GRID_ROOT_GROUP_ID) {
-      throw new Error(`MUI X: The row reordering do not support reordering of grouped rows yet.`);
-    }
     if (node.type !== 'leaf') {
-      throw new Error(`MUI X: The row reordering do not support reordering of footer or grouping rows.`);
+      throw new Error(`MUI X: The row reordering does not support reordering of footer or grouping rows.`);
     }
     apiRef.current.setState(state => {
       const group = (0, _gridRowsSelector.gridRowTreeSelector)(apiRef)[_gridRowsUtils.GRID_ROOT_GROUP_ID];
@@ -46,7 +95,8 @@ const useGridRowsOverridableMethods = apiRef => {
     apiRef.current.publishEvent('rowsSet');
   }, [apiRef]);
   return {
-    setRowIndex
+    setRowIndex,
+    setRowPosition
   };
 };
 exports.useGridRowsOverridableMethods = useGridRowsOverridableMethods;

package/hooks/features/sorting/gridSortingUtils.js

@@ -10,9 +10,7 @@ var _warning = require("@mui/x-internals/warning");
 var _gridRowsSelector = require("../rows/gridRowsSelector");
 const sanitizeSortModel = (model, disableMultipleColumnsSorting) => {
   if (disableMultipleColumnsSorting && model.length > 1) {
-    if (process.env.NODE_ENV !== 'production') {
-      (0, _warning.warnOnce)(['MUI X: The `sortModel` can only contain a single item when the `disableMultipleColumnsSorting` prop is set to `true`.', 'If you are using the community version of the Data Grid, this prop is always `true`.'], 'error');
-    }
+    (0, _warning.warnOnce)(['MUI X: The `sortModel` can only contain a single item when the `disableMultipleColumnsSorting` prop is set to `true`.', 'If you are using the community version of the Data Grid, this prop is always `true`.'], 'error');
     return [model[0]];
   }
   return model;

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

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

package/hooks/utils/useGridSelector.js

@@ -39,10 +39,8 @@ const createRefs = () => ({
 const EMPTY = [];
 const emptyGetSnapshot = () => null;
 function useGridSelector(apiRef, selector, args = undefined, equals = defaultCompare) {
-  if (process.env.NODE_ENV !== 'production') {
-    if (!apiRef.current.state) {
-      (0, _warning.warnOnce)(['MUI X: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
-    }
+  if (!apiRef.current.state) {
+    (0, _warning.warnOnce)(['MUI X: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
   }
   const refs = (0, _useLazyRef.useLazyRef)(createRefs);
   const didInit = refs.current.selector !== null;

package/index.js

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

package/internals/index.d.ts

@@ -41,7 +41,7 @@ export { useGridPrintExport } from "../hooks/features/export/useGridPrintExport.
 export { useGridFilter, filterStateInitializer } from "../hooks/features/filter/useGridFilter.js";
 export { defaultGridFilterLookup } from "../hooks/features/filter/gridFilterState.js";
 export { passFilterLogic } from "../hooks/features/filter/gridFilterUtils.js";
-export { gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector, gridExpandedSortedRowIndexLookupSelector, gridFilteredSortedDepthRowEntriesSelector } from "../hooks/features/filter/gridFilterSelector.js";
+export { gridFilteredChildrenCountLookupSelector, gridExpandedSortedRowTreeLevelPositionLookupSelector, gridFilteredSortedDepthRowEntriesSelector } from "../hooks/features/filter/gridFilterSelector.js";
 export { isSingleSelectColDef } from "../components/panel/filterPanel/filterPanelUtils.js";
 export type { GridAggregatedFilterItemApplier, GridAggregatedFilterItemApplierResult } from "../hooks/features/filter/gridFilterState.js";
 export { useGridFocus, focusStateInitializer } from "../hooks/features/focus/useGridFocus.js";
@@ -54,7 +54,7 @@ export { useGridRows, rowsStateInitializer } from "../hooks/features/rows/useGri
 export { useGridRowSpanning, rowSpanningStateInitializer } from "../hooks/features/rows/useGridRowSpanning.js";
 export { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
 export { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
-export { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.js";
+export { useGridRowsOverridableMethods as useGridRowsOverridableMethodsCommunity } from "../hooks/features/rows/useGridRowsOverridableMethods.js";
 export { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.js";
 export { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.js";
 export { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreProcessors.js";
@@ -66,7 +66,7 @@ export { getRowIdFromRowModel, GRID_ID_AUTOGENERATED, getRowValue } from "../hoo
 export { gridAdditionalRowGroupsSelector, gridPinnedRowsSelector, gridRowSelector } from "../hooks/features/rows/gridRowsSelector.js";
 export { headerFilteringStateInitializer, useGridHeaderFiltering } from "../hooks/features/headerFiltering/useGridHeaderFiltering.js";
 export { useGridRowSelection, rowSelectionStateInitializer } from "../hooks/features/rowSelection/useGridRowSelection.js";
-export { gridIsRowDragActiveSelector } from "../hooks/features/rowReorder/gridRowReorderSelector.js";
+export { gridIsRowDragActiveSelector, gridRowDropPositionSelector, gridRowDropTargetRowIdSelector } from "../hooks/features/rowReorder/gridRowReorderSelector.js";
 export type { GridRowReorderState } from "../hooks/features/rowReorder/gridRowReorderInterfaces.js";
 export { useGridRowSelectionPreProcessors } from "../hooks/features/rowSelection/useGridRowSelectionPreProcessors.js";
 export { useGridSorting, sortingStateInitializer } from "../hooks/features/sorting/useGridSorting.js";
@@ -121,4 +121,5 @@ export type { GridConfiguration } from "../models/configuration/gridConfiguratio
 export type { CellEditableConditionFn } from "../models/configuration/gridCellEditableConfiguration.js";
 export * from "../hooks/features/pivoting/index.js";
 export { createSvgIcon } from "../material/icons/createSvgIcon.js";
-export { useGridPanelContext } from "../components/panel/GridPanelContext.js";
+export { useGridPanelContext } from "../components/panel/GridPanelContext.js";
+export type { RowReorderDropPosition, RowReorderDragDirection } from "../models/api/gridRowApi.js";

package/internals/index.js

@@ -46,7 +46,6 @@ var _exportNames = {
   passFilterLogic: true,
   gridFilteredChildrenCountLookupSelector: true,
   gridExpandedSortedRowTreeLevelPositionLookupSelector: true,
-  gridExpandedSortedRowIndexLookupSelector: true,
   gridFilteredSortedDepthRowEntriesSelector: true,
   useGridFocus: true,
   focusStateInitializer: true,
@@ -64,7 +63,7 @@ var _exportNames = {
   rowSpanningStateInitializer: true,
   useGridAriaAttributes: true,
   useGridRowAriaAttributes: true,
-  useGridRowsOverridableMethods: true,
+  useGridRowsOverridableMethodsCommunity: true,
   useGridParamsOverridableMethods: true,
   useIsCellEditable: true,
   useGridRowsPreProcessors: true,
@@ -85,6 +84,8 @@ var _exportNames = {
   useGridRowSelection: true,
   rowSelectionStateInitializer: true,
   gridIsRowDragActiveSelector: true,
+  gridRowDropPositionSelector: true,
+  gridRowDropTargetRowIdSelector: true,
   useGridRowSelectionPreProcessors: true,
   useGridSorting: true,
   sortingStateInitializer: true,
@@ -396,12 +397,6 @@ Object.defineProperty(exports, "gridEditRowsStateSelector", {
     return _gridEditingSelectors.gridEditRowsStateSelector;
   }
 });
-Object.defineProperty(exports, "gridExpandedSortedRowIndexLookupSelector", {
-  enumerable: true,
-  get: function () {
-    return _gridFilterSelector.gridExpandedSortedRowIndexLookupSelector;
-  }
-});
 Object.defineProperty(exports, "gridExpandedSortedRowTreeLevelPositionLookupSelector", {
   enumerable: true,
   get: function () {
@@ -450,6 +445,18 @@ Object.defineProperty(exports, "gridPinnedRowsSelector", {
     return _gridRowsSelector.gridPinnedRowsSelector;
   }
 });
+Object.defineProperty(exports, "gridRowDropPositionSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridRowReorderSelector.gridRowDropPositionSelector;
+  }
+});
+Object.defineProperty(exports, "gridRowDropTargetRowIdSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridRowReorderSelector.gridRowDropTargetRowIdSelector;
+  }
+});
 Object.defineProperty(exports, "gridRowGroupsToFetchSelector", {
   enumerable: true,
   get: function () {
@@ -792,7 +799,7 @@ Object.defineProperty(exports, "useGridRowsMeta", {
     return _useGridRowsMeta.useGridRowsMeta;
   }
 });
-Object.defineProperty(exports, "useGridRowsOverridableMethods", {
+Object.defineProperty(exports, "useGridRowsOverridableMethodsCommunity", {
   enumerable: true,
   get: function () {
     return _useGridRowsOverridableMethods.useGridRowsOverridableMethods;

package/material/index.js

@@ -602,10 +602,7 @@ function BasePopper(props) {
     if (flip) {
       result.push({
         name: 'flip',
-        enabled: true,
-        options: {
-          rootBoundary: 'document'
-        }
+        enabled: true
       });
     }
     if (onDidShow || onDidHide) {

package/models/api/gridRowApi.d.ts

@@ -1,4 +1,6 @@
 import { GridRowModel, GridRowId, GridRowModelUpdate, GridValidRowModel, GridTreeNode } from "../gridRows.js";
+export type RowReorderDropPosition = 'above' | 'below' | 'inside';
+export type RowReorderDragDirection = 'up' | 'down';
 export interface GridRowGroupChildrenGetterParams {
   /**
    * The row id of the group
@@ -96,10 +98,21 @@ export interface GridRowApi {
 export interface GridRowProApi {
   /**
    * Moves a row from its original position to the position given by `targetIndex`.
+   * Doesn't support tree data ordering. Use `setRowPosition()` instead.
    * @param {GridRowId} rowId The row id
    * @param {number} targetIndex The new position (0-based).
+   * @returns {void | Promise<void>} Returns a Promise when async operations are involved (e.g., processRowUpdate)
+   * @deprecated Use `setRowPosition()` instead. This method will be removed in the next major version.
    */
-  setRowIndex: (rowId: GridRowId, targetIndex: number) => void;
+  setRowIndex: (rowId: GridRowId, targetIndex: number) => void | Promise<void>;
+  /**
+   * Moves a row to a new position relative to another row.
+   * @param {GridRowId} sourceRowId The ID of the row to move
+   * @param {GridRowId} targetRowId The ID of the row to position relative to
+   * @param {DropPosition} position Where to place the source row: 'above', 'below', or 'over' (for tree data)
+   * @returns {void | Promise<void>} Returns a Promise when async operations are involved (e.g., processRowUpdate)
+   */
+  setRowPosition: (sourceRowId: GridRowId, targetRowId: GridRowId, position: RowReorderDropPosition) => void | Promise<void>;
   /**
    * Gets the rows of a grouping criteria.
    * Only contains the rows provided to the grid, not the rows automatically generated by it.

package/models/api/index.d.ts

@@ -3,7 +3,7 @@ export type { GridParamsApi } from "./gridParamsApi.js";
 export type { GridCoreApi } from "./gridCoreApi.js";
 export * from "./gridColumnApi.js";
 export * from "./gridDensityApi.js";
-export * from "./gridRowApi.js";
+export type { GridRowGroupChildrenGetterParams, GridRowApi, GridRowProApi, GridRowProPrivateApi } from "./gridRowApi.js";
 export type { GridRowsMetaApi } from "./gridRowsMetaApi.js";
 export * from "./gridRowSelectionApi.js";
 export * from "./gridSortApi.js";

package/models/api/index.js

@@ -25,17 +25,6 @@ Object.keys(_gridDensityApi).forEach(function (key) {
     }
   });
 });
-var _gridRowApi = require("./gridRowApi");
-Object.keys(_gridRowApi).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _gridRowApi[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridRowApi[key];
-    }
-  });
-});
 var _gridRowSelectionApi = require("./gridRowSelectionApi");
 Object.keys(_gridRowSelectionApi).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/models/configuration/gridConfiguration.d.ts

@@ -3,14 +3,14 @@ import type { GridRowAriaAttributesInternalHook, GridRowsOverridableMethodsInter
 import type { GridAggregationInternalHooks } from "./gridAggregationConfiguration.js";
 import type { GridCellEditableInternalHook } from "./gridCellEditableConfiguration.js";
 import type { GridCSSVariablesInterface } from "../../constants/cssVariables.js";
-import { DataGridProcessedProps } from "../props/DataGridProps.js";
 import type { GridPrivateApiCommon } from "../api/gridApiCommon.js";
 import type { GridPrivateApiCommunity } from "../api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../props/DataGridProps.js";
 import type { GridParamsOverridableMethodsInternalHook } from "./gridParamsConfiguration.js";
 export interface GridAriaAttributesInternalHook {
   useGridAriaAttributes: () => React.HTMLAttributes<HTMLElement>;
 }
-export interface GridInternalHook<Api, Props> extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook, GridCellEditableInternalHook<Api, Props>, GridAggregationInternalHooks<Api, Props>, GridRowsOverridableMethodsInternalHook<Api>, GridParamsOverridableMethodsInternalHook<Api> {
+export interface GridInternalHook<Api, Props> extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook, GridCellEditableInternalHook<Api, Props>, GridAggregationInternalHooks<Api, Props>, GridRowsOverridableMethodsInternalHook<Api, Props>, GridParamsOverridableMethodsInternalHook<Api> {
   useCSSVariables: () => {
     id: string;
     variables: GridCSSVariablesInterface;

package/models/configuration/gridRowConfiguration.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { RefObject } from '@mui/x-internals/types';
-import { GridTreeNode, GridRowId } from "../gridRows.js";
-import { DataGridProcessedProps } from "../props/DataGridProps.js";
+import { GridTreeNode } from "../gridRows.js";
+import { GridRowProApi } from "../api/index.js";
 /**
  * Get the ARIA attributes for a row
  * @param {GridTreeNode} rowNode The row node
@@ -15,8 +15,9 @@ export interface GridRowAriaAttributesInternalHook {
 /**
  * Overridable row methods interface, these methods could be overriden in a higher plan package.
  */
-export interface GridRowsOverridableMethodsInternalHook<Api> {
-  useGridRowsOverridableMethods: (apiRef: RefObject<Api>, props: Pick<DataGridProcessedProps, 'processRowUpdate' | 'onProcessRowUpdateError' | 'dataSource'>) => {
-    setRowIndex: (rowId: GridRowId, targetIndex: number) => void;
+export interface GridRowsOverridableMethodsInternalHook<Api, Props> {
+  useGridRowsOverridableMethods: (apiRef: RefObject<Api>, props: Props) => {
+    setRowIndex: GridRowProApi['setRowIndex'];
+    setRowPosition: GridRowProApi['setRowPosition'];
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.19.0",
+  "version": "8.21.0",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",
@@ -42,8 +42,8 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.6.0",
-    "@mui/x-internals": "8.19.0",
-    "@mui/x-virtualizer": "0.2.9"
+    "@mui/x-internals": "8.21.0",
+    "@mui/x-virtualizer": "0.2.11"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",