@mui/x-data-grid-pro 7.23.0 → 7.23.2

package/CHANGELOG.md

@@ -3,6 +3,153 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.23.2
+
+_Dec 12, 2024_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Romanian and Turkish locales on the Data Grid
+- 🌍 Improve Romanian locale on the Pickers
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@ihsanberkozcan, @k-rajat19, @lhilgert9, @nusr, @rares985.
+
+Following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.23.2`
+
+- [DataGrid] Fix "No rows" displaying when all rows are pinned (#15851) @nusr
+- [DataGrid] Use `columnsManagement` slot (#15821) @k-rajat19
+- [l10n] Improve Romanian (ro-RO) locale (#15751) @rares985
+- [l10n] Improve Turkish (tr-TR) locale (#15748) @ihsanberkozcan
+
+#### `@mui/x-data-grid-pro@7.23.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.23.2`, plus:
+
+- [DataGridPro] Make Row reordering work with pagination (#15782) @k-rajat19
+
+#### `@mui/x-data-grid-premium@7.23.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.23.2`, plus:
+
+- [DataGridPremium] Fix group column ignoring `valueOptions` for `singleSelect` column type (#15754) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.23.2`
+
+- [l10n] Improve Romanian (ro-RO) locale (#15751) @rares985
+
+#### `@mui/x-date-pickers-pro@7.23.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.23.2`.
+
+### Charts
+
+#### `@mui/x-charts@7.23.2`
+
+- [charts] Fix key generation for the ChartsGrid (#15864) @alexfauquette
+- [charts] Fix scatter dataset with missing data (#15804) @alexfauquette
+
+#### `@mui/x-charts-pro@7.23.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@7.23.2`.
+
+#### `@mui/x-tree-view@v7.23.2`
+
+No changes, releasing to keep the versions in sync.
+
+#### `@mui/x-tree-view-pro@7.23.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Releasing to benefit from license package fix (#15818).
+
+### Docs
+
+- [docs] Fix typo in charts axis documentation (#15746) @JCQuintas
+- [docs] Improve Pickers accessible DOM structure description (#15752) @LukasTy
+- [docs] Use `updateRows` method for list view demos (#15824) @KenanYusuf
+- [docs] Use date library version from package dev dependencies for sandboxes (#15767) @LukasTy
+
+### Core
+
+- [core] Add `@mui/x-tree-view-pro` to `releaseChangelog` (#15747) @flaviendelangle
+- [license] Use `console.log` for the error message on Codesandbox to avoid rendering error (#15818) @arminmeh
+
+## 7.23.1
+
+_Dec 5, 2024_
+
+We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve German locale on the Data Grid component
+- 🐞 Bugfixes
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@lhilgert9.
+
+Following are all team members who have contributed to this release:
+@arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy and @MBilalShafi.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.23.1`
+
+- [DataGrid] Make column autosizing work with flex columns (#15712) @cherniavskii
+- [l10n] Improve German (de-DE) locale (#15641) @lhilgert9
+
+#### `@mui/x-data-grid-pro@7.23.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.23.1`, plus:
+
+- [DataGridPro] Cleanup pinned rows on removal (#15702) @cherniavskii
+
+#### `@mui/x-data-grid-premium@7.23.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.23.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.23.1`
+
+- [TimePicker] Prevent mouse events after `touchend` event (#15430) @arthurbalduini
+
+#### `@mui/x-date-pickers-pro@7.23.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.23.1`.
+
+### Charts
+
+#### `@mui/x-charts@7.23.1`
+
+- [charts] Improve SVG `pattern` and `gradient` support (#15724) @JCQuintas
+
+#### `@mui/x-charts-pro@7.23.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@7.23.1`.
+
+### Docs
+
+- [docs] Fix Pickers theme augmentation example (#15675) @LukasTy
+- [docs] Remove duplicated warning (#15715) @cherniavskii
+- [test] Force hover in headless Chrome (#15711) @cherniavskii
+- [docs-infra] Bump `@mui/internal-markdown` to support nested demo imports (#15738) @alexfauquette
+- [docs] Improve SEO titles for the Data Grid (#15695) @MBilalShafi
+
+### Core
+
+- [core] Add `@mui/x-tree-view-pro` to `releaseChangelog` (#15747) @flaviendelangle
+
 ## 7.23.0
 
 _Nov 29, 2024_

package/esm/hooks/features/rowPinning/useGridRowPinningPreProcessors.js

@@ -60,14 +60,31 @@ export function addPinnedRow({
   });
 }
 export const useGridRowPinningPreProcessors = apiRef => {
+  const prevPinnedRowsCacheRef = React.useRef(null);
   const addPinnedRows = React.useCallback(groupingParams => {
     const pinnedRowsCache = apiRef.current.caches.pinnedRows || {};
+    const prevPinnedRowsCache = prevPinnedRowsCacheRef.current;
+    prevPinnedRowsCacheRef.current = pinnedRowsCache;
     let newGroupingParams = _extends({}, groupingParams, {
       additionalRowGroups: _extends({}, groupingParams.additionalRowGroups, {
         // reset pinned rows state
         pinnedRows: {}
       })
     });
+    if (prevPinnedRowsCache) {
+      const pinnedRowCleanup = rowId => {
+        const node = newGroupingParams.tree[rowId];
+        if (node?.type === 'pinnedRow') {
+          delete newGroupingParams.tree[rowId];
+          delete newGroupingParams.dataRowIdToModelLookup[rowId];
+          delete newGroupingParams.dataRowIdToIdLookup[rowId];
+          delete apiRef.current.caches.rows.dataRowIdToIdLookup[rowId];
+          delete apiRef.current.caches.rows.dataRowIdToModelLookup[rowId];
+        }
+      };
+      prevPinnedRowsCache.topIds?.forEach(pinnedRowCleanup);
+      prevPinnedRowsCache.bottomIds?.forEach(pinnedRowCleanup);
+    }
     pinnedRowsCache.topIds?.forEach(rowId => {
       newGroupingParams = addPinnedRow({
         groupingParams: newGroupingParams,

package/esm/hooks/features/rowReorder/useGridRowReorder.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { useGridLogger, useGridApiEventHandler, getDataGridUtilityClass, useGridSelector, gridSortModelSelector, gridRowMaximumTreeDepthSelector, useGridApiOptionHandler } from '@mui/x-data-grid';
-import { gridEditRowsStateSelector } from '@mui/x-data-grid/internals';
+import { gridEditRowsStateSelector, gridSortedRowIndexLookupSelector } from '@mui/x-data-grid/internals';
 import { GRID_REORDER_COL_DEF } from "./gridRowReorderColDef.js";
 var Direction = /*#__PURE__*/function (Direction) {
   Direction[Direction["UP"] = 0] = "UP";
@@ -39,6 +39,7 @@ export const useGridRowReorder = (apiRef, props) => {
   };
   const classes = useUtilityClasses(ownerState);
   const [dragRowId, setDragRowId] = React.useState('');
+  const sortedRowIndexLookup = useGridSelector(apiRef, gridSortedRowIndexLookupSelector);
   React.useEffect(() => {
     return () => {
       clearTimeout(removeDnDStylesTimeout.current);
@@ -66,9 +67,9 @@ export const useGridRowReorder = (apiRef, props) => {
     removeDnDStylesTimeout.current = setTimeout(() => {
       dragRowNode.current.classList.remove(classes.rowDragging);
     });
-    originRowIndex.current = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
+    originRowIndex.current = sortedRowIndexLookup[params.id];
     apiRef.current.setCellFocus(params.id, GRID_REORDER_COL_DEF.field);
-  }, [isRowReorderDisabled, classes.rowDragging, logger, apiRef]);
+  }, [apiRef, isRowReorderDisabled, logger, classes.rowDragging, sortedRowIndexLookup]);
   const handleDragOver = React.useCallback((params, event) => {
     if (dragRowId === '') {
       return;
@@ -84,7 +85,7 @@ export const useGridRowReorder = (apiRef, props) => {
     event.stopPropagation();
     const mouseMovementDiff = previousMousePosition ? previousMousePosition.y - event.clientY : event.clientY;
     if (params.id !== dragRowId) {
-      const targetRowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
+      const targetRowIndex = sortedRowIndexLookup[params.id];
       const dragDirection = mouseMovementDiff > 0 ? Direction.DOWN : Direction.UP;
       const currentReorderState = {
         dragDirection,
@@ -100,7 +101,7 @@ export const useGridRowReorder = (apiRef, props) => {
       x: event.clientX,
       y: event.clientY
     };
-  }, [apiRef, logger, dragRowId]);
+  }, [dragRowId, apiRef, logger, sortedRowIndexLookup]);
   const handleDragEnd = React.useCallback((params, event) => {
     // Call the gridEditRowsStateSelector directly to avoid infnite loop
     const editRowsState = gridEditRowsStateSelector(apiRef.current.state);
@@ -125,13 +126,13 @@ export const useGridRowReorder = (apiRef, props) => {
       // Emit the rowOrderChange event only once when the reordering stops.
       const rowOrderChangeParams = {
         row: apiRef.current.getRow(dragRowId),
-        targetIndex: apiRef.current.getRowIndexRelativeToVisibleRows(params.id),
+        targetIndex: sortedRowIndexLookup[params.id],
         oldIndex: originRowIndex.current
       };
       apiRef.current.publishEvent('rowOrderChange', rowOrderChangeParams);
     }
     setDragRowId('');
-  }, [isRowReorderDisabled, logger, apiRef, dragRowId]);
+  }, [apiRef, dragRowId, isRowReorderDisabled, logger, sortedRowIndexLookup]);
   useGridApiEventHandler(apiRef, 'rowDragStart', handleDragStart);
   useGridApiEventHandler(apiRef, 'rowDragOver', handleDragOver);
   useGridApiEventHandler(apiRef, 'rowDragEnd', handleDragEnd);

package/esm/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTczMjgzNDgwMDAwMA==";
+  const releaseInfo = "MTczMzk1NDQwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/hooks/features/rowPinning/useGridRowPinningPreProcessors.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { GridHydrateRowsValue } from '@mui/x-data-grid/internals';
 import { GridRowId, GridRowModel } from '@mui/x-data-grid';
 import { GridPrivateApiPro } from '../../../models/gridApiPro';
-import { GridPinnedRowsProp } from './gridRowPinningInterface';
+import type { GridPinnedRowsProp } from './gridRowPinningInterface';
 type GridPinnedRowPosition = keyof GridPinnedRowsProp;
 export declare function addPinnedRow({ groupingParams, rowModel, rowId, position, apiRef, isAutoGenerated, }: {
     groupingParams: GridHydrateRowsValue;

package/hooks/features/rowPinning/useGridRowPinningPreProcessors.js

@@ -69,14 +69,31 @@ function addPinnedRow({
   });
 }
 const useGridRowPinningPreProcessors = apiRef => {
+  const prevPinnedRowsCacheRef = React.useRef(null);
   const addPinnedRows = React.useCallback(groupingParams => {
     const pinnedRowsCache = apiRef.current.caches.pinnedRows || {};
+    const prevPinnedRowsCache = prevPinnedRowsCacheRef.current;
+    prevPinnedRowsCacheRef.current = pinnedRowsCache;
     let newGroupingParams = (0, _extends2.default)({}, groupingParams, {
       additionalRowGroups: (0, _extends2.default)({}, groupingParams.additionalRowGroups, {
         // reset pinned rows state
         pinnedRows: {}
       })
     });
+    if (prevPinnedRowsCache) {
+      const pinnedRowCleanup = rowId => {
+        const node = newGroupingParams.tree[rowId];
+        if (node?.type === 'pinnedRow') {
+          delete newGroupingParams.tree[rowId];
+          delete newGroupingParams.dataRowIdToModelLookup[rowId];
+          delete newGroupingParams.dataRowIdToIdLookup[rowId];
+          delete apiRef.current.caches.rows.dataRowIdToIdLookup[rowId];
+          delete apiRef.current.caches.rows.dataRowIdToModelLookup[rowId];
+        }
+      };
+      prevPinnedRowsCache.topIds?.forEach(pinnedRowCleanup);
+      prevPinnedRowsCache.bottomIds?.forEach(pinnedRowCleanup);
+    }
     pinnedRowsCache.topIds?.forEach(rowId => {
       newGroupingParams = addPinnedRow({
         groupingParams: newGroupingParams,

package/hooks/features/rowReorder/useGridRowReorder.js

@@ -47,6 +47,7 @@ const useGridRowReorder = (apiRef, props) => {
   };
   const classes = useUtilityClasses(ownerState);
   const [dragRowId, setDragRowId] = React.useState('');
+  const sortedRowIndexLookup = (0, _xDataGrid.useGridSelector)(apiRef, _internals.gridSortedRowIndexLookupSelector);
   React.useEffect(() => {
     return () => {
       clearTimeout(removeDnDStylesTimeout.current);
@@ -74,9 +75,9 @@ const useGridRowReorder = (apiRef, props) => {
     removeDnDStylesTimeout.current = setTimeout(() => {
       dragRowNode.current.classList.remove(classes.rowDragging);
     });
-    originRowIndex.current = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
+    originRowIndex.current = sortedRowIndexLookup[params.id];
     apiRef.current.setCellFocus(params.id, _gridRowReorderColDef.GRID_REORDER_COL_DEF.field);
-  }, [isRowReorderDisabled, classes.rowDragging, logger, apiRef]);
+  }, [apiRef, isRowReorderDisabled, logger, classes.rowDragging, sortedRowIndexLookup]);
   const handleDragOver = React.useCallback((params, event) => {
     if (dragRowId === '') {
       return;
@@ -92,7 +93,7 @@ const useGridRowReorder = (apiRef, props) => {
     event.stopPropagation();
     const mouseMovementDiff = previousMousePosition ? previousMousePosition.y - event.clientY : event.clientY;
     if (params.id !== dragRowId) {
-      const targetRowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
+      const targetRowIndex = sortedRowIndexLookup[params.id];
       const dragDirection = mouseMovementDiff > 0 ? Direction.DOWN : Direction.UP;
       const currentReorderState = {
         dragDirection,
@@ -108,7 +109,7 @@ const useGridRowReorder = (apiRef, props) => {
       x: event.clientX,
       y: event.clientY
     };
-  }, [apiRef, logger, dragRowId]);
+  }, [dragRowId, apiRef, logger, sortedRowIndexLookup]);
   const handleDragEnd = React.useCallback((params, event) => {
     // Call the gridEditRowsStateSelector directly to avoid infnite loop
     const editRowsState = (0, _internals.gridEditRowsStateSelector)(apiRef.current.state);
@@ -133,13 +134,13 @@ const useGridRowReorder = (apiRef, props) => {
       // Emit the rowOrderChange event only once when the reordering stops.
       const rowOrderChangeParams = {
         row: apiRef.current.getRow(dragRowId),
-        targetIndex: apiRef.current.getRowIndexRelativeToVisibleRows(params.id),
+        targetIndex: sortedRowIndexLookup[params.id],
         oldIndex: originRowIndex.current
       };
       apiRef.current.publishEvent('rowOrderChange', rowOrderChangeParams);
     }
     setDragRowId('');
-  }, [isRowReorderDisabled, logger, apiRef, dragRowId]);
+  }, [apiRef, dragRowId, isRowReorderDisabled, logger, sortedRowIndexLookup]);
   (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'rowDragStart', handleDragStart);
   (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'rowDragOver', handleDragOver);
   (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'rowDragEnd', handleDragEnd);

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v7.23.0
+ * @mui/x-data-grid-pro v7.23.2
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/hooks/features/rowPinning/useGridRowPinningPreProcessors.js

@@ -60,14 +60,31 @@ export function addPinnedRow({
   });
 }
 export const useGridRowPinningPreProcessors = apiRef => {
+  const prevPinnedRowsCacheRef = React.useRef(null);
   const addPinnedRows = React.useCallback(groupingParams => {
     const pinnedRowsCache = apiRef.current.caches.pinnedRows || {};
+    const prevPinnedRowsCache = prevPinnedRowsCacheRef.current;
+    prevPinnedRowsCacheRef.current = pinnedRowsCache;
     let newGroupingParams = _extends({}, groupingParams, {
       additionalRowGroups: _extends({}, groupingParams.additionalRowGroups, {
         // reset pinned rows state
         pinnedRows: {}
       })
     });
+    if (prevPinnedRowsCache) {
+      const pinnedRowCleanup = rowId => {
+        const node = newGroupingParams.tree[rowId];
+        if (node?.type === 'pinnedRow') {
+          delete newGroupingParams.tree[rowId];
+          delete newGroupingParams.dataRowIdToModelLookup[rowId];
+          delete newGroupingParams.dataRowIdToIdLookup[rowId];
+          delete apiRef.current.caches.rows.dataRowIdToIdLookup[rowId];
+          delete apiRef.current.caches.rows.dataRowIdToModelLookup[rowId];
+        }
+      };
+      prevPinnedRowsCache.topIds?.forEach(pinnedRowCleanup);
+      prevPinnedRowsCache.bottomIds?.forEach(pinnedRowCleanup);
+    }
     pinnedRowsCache.topIds?.forEach(rowId => {
       newGroupingParams = addPinnedRow({
         groupingParams: newGroupingParams,

package/modern/hooks/features/rowReorder/useGridRowReorder.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { useGridLogger, useGridApiEventHandler, getDataGridUtilityClass, useGridSelector, gridSortModelSelector, gridRowMaximumTreeDepthSelector, useGridApiOptionHandler } from '@mui/x-data-grid';
-import { gridEditRowsStateSelector } from '@mui/x-data-grid/internals';
+import { gridEditRowsStateSelector, gridSortedRowIndexLookupSelector } from '@mui/x-data-grid/internals';
 import { GRID_REORDER_COL_DEF } from "./gridRowReorderColDef.js";
 var Direction = /*#__PURE__*/function (Direction) {
   Direction[Direction["UP"] = 0] = "UP";
@@ -39,6 +39,7 @@ export const useGridRowReorder = (apiRef, props) => {
   };
   const classes = useUtilityClasses(ownerState);
   const [dragRowId, setDragRowId] = React.useState('');
+  const sortedRowIndexLookup = useGridSelector(apiRef, gridSortedRowIndexLookupSelector);
   React.useEffect(() => {
     return () => {
       clearTimeout(removeDnDStylesTimeout.current);
@@ -66,9 +67,9 @@ export const useGridRowReorder = (apiRef, props) => {
     removeDnDStylesTimeout.current = setTimeout(() => {
       dragRowNode.current.classList.remove(classes.rowDragging);
     });
-    originRowIndex.current = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
+    originRowIndex.current = sortedRowIndexLookup[params.id];
     apiRef.current.setCellFocus(params.id, GRID_REORDER_COL_DEF.field);
-  }, [isRowReorderDisabled, classes.rowDragging, logger, apiRef]);
+  }, [apiRef, isRowReorderDisabled, logger, classes.rowDragging, sortedRowIndexLookup]);
   const handleDragOver = React.useCallback((params, event) => {
     if (dragRowId === '') {
       return;
@@ -84,7 +85,7 @@ export const useGridRowReorder = (apiRef, props) => {
     event.stopPropagation();
     const mouseMovementDiff = previousMousePosition ? previousMousePosition.y - event.clientY : event.clientY;
     if (params.id !== dragRowId) {
-      const targetRowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
+      const targetRowIndex = sortedRowIndexLookup[params.id];
       const dragDirection = mouseMovementDiff > 0 ? Direction.DOWN : Direction.UP;
       const currentReorderState = {
         dragDirection,
@@ -100,7 +101,7 @@ export const useGridRowReorder = (apiRef, props) => {
       x: event.clientX,
       y: event.clientY
     };
-  }, [apiRef, logger, dragRowId]);
+  }, [dragRowId, apiRef, logger, sortedRowIndexLookup]);
   const handleDragEnd = React.useCallback((params, event) => {
     // Call the gridEditRowsStateSelector directly to avoid infnite loop
     const editRowsState = gridEditRowsStateSelector(apiRef.current.state);
@@ -125,13 +126,13 @@ export const useGridRowReorder = (apiRef, props) => {
       // Emit the rowOrderChange event only once when the reordering stops.
       const rowOrderChangeParams = {
         row: apiRef.current.getRow(dragRowId),
-        targetIndex: apiRef.current.getRowIndexRelativeToVisibleRows(params.id),
+        targetIndex: sortedRowIndexLookup[params.id],
         oldIndex: originRowIndex.current
       };
       apiRef.current.publishEvent('rowOrderChange', rowOrderChangeParams);
     }
     setDragRowId('');
-  }, [isRowReorderDisabled, logger, apiRef, dragRowId]);
+  }, [apiRef, dragRowId, isRowReorderDisabled, logger, sortedRowIndexLookup]);
   useGridApiEventHandler(apiRef, 'rowDragStart', handleDragStart);
   useGridApiEventHandler(apiRef, 'rowDragOver', handleDragOver);
   useGridApiEventHandler(apiRef, 'rowDragEnd', handleDragEnd);

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v7.23.0
+ * @mui/x-data-grid-pro v7.23.2
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTczMjgzNDgwMDAwMA==";
+  const releaseInfo = "MTczMzk1NDQwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "7.23.0",
+  "version": "7.23.2",
   "description": "The Pro plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -39,9 +39,9 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
-    "@mui/x-data-grid": "7.23.0",
     "@mui/x-internals": "7.23.0",
-    "@mui/x-license": "7.23.0"
+    "@mui/x-data-grid": "7.23.2",
+    "@mui/x-license": "7.23.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTczMjgzNDgwMDAwMA==";
+  const releaseInfo = "MTczMzk1NDQwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat