@mui/x-data-grid-pro 8.10.2 → 8.11.0

package/CHANGELOG.md

@@ -5,6 +5,127 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.11.0
+
+_Aug 29, 2025_
+
+We'd like to extend a big thank you to the 19 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Add new `SankeyChart`
+
+  <img height="300" alt="Screenshot 2025-07-24 at 12 54 33" src="https://github.com/user-attachments/assets/d77bcec1-044b-48c6-b37d-d7b74793b91c" />
+
+- 🚀 Data Grid row grouping now supports row reordering
+
+  See the [Drag-and-drop group reordering](https://mui.com/x/react-data-grid/row-grouping/#drag-and-drop-group-reordering) section for more details.
+
+- 📚 Documentation improvements
+
+Special thanks go out to the community members for their valuable contributions:
+@dwrth, @lauri865, @Webini
+
+The following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @brijeshb42, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @mapache-salvaje, @MBilalShafi, @michelengelen, @noraleonte, @oliviertassinari, @rita-codes, @romgrk, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.11.0`
+
+- [DataGrid] Fix focused column header scroll jump (#19323) @lauri865
+- [DataGrid] Bring `columnUnsortedIcon` slot back (#19268) @arminmeh
+- [DataGrid] Do not add `menu` role to the empty actions menu (#19338) @arminmeh
+- [DataGrid] Fix `columnsManagementRow` style override slot not working (#19097) @dwrth
+- [DataGrid] Fix pagination state synchronization issue (#19290) @MBilalShafi
+- [DataGrid] Fix scroll issue in R17 (#19265) @romgrk
+- [DataGrid] Hide column separator of non-resizable pinned column (#19277) @arminmeh
+
+#### `@mui/x-data-grid-pro@8.11.0` [![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@8.11.0`, plus:
+
+- [DataGridPro] Fix column menu sort when `multipleColumnsSortingMode="always"` (#19099) @MBilalShafi
+- [DataGridPro] Keep the drop effect if `keepColumnPositionIfDraggedOutside` is enabled (#19372) @arminmeh
+
+#### `@mui/x-data-grid-premium@8.11.0` [![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@8.11.0`, plus:
+
+- [DataGridPremium] Fix `valueFormatter` issues when `rowGroupingColumnMode="single"` (#18967) @cherniavskii
+- [DataGridPremium] Reordering support for row grouping (#18251) @MBilalShafi
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.11.0`
+
+- [pickers] Fix Firefox bug causing crash when `startContainer` is a restricted object (#18772) @Webini
+- [pickers] RTL not applied correctly for Calendar Systems examples (works in v7.x but broken in latest version) (#19287) @rita-codes
+- [pickers] Use the locale week day on the Luxon adapter (#19230) @flaviendelangle
+- [pickers] Fix display of placeholder when label is shrunk (#19318) @sai6855
+
+#### `@mui/x-date-pickers-pro@8.11.0` [![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@8.11.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.11.0`
+
+- [charts] Add `RadarAxis` component to render labels (#19240) @alexfauquette
+- [charts] Handle item identifier with data (#19295) @JCQuintas
+- [charts] Refactor optional chaining for props in PieChart, PieChartPro, and ScatterChartPro components (#19292) @sai6855
+- [charts] Remove unused `fill` and `stroke` properties (#19316) @sai6855
+- [charts] Correct `hideLegend` prop description in docs (#19371) @sai6855
+
+#### `@mui/x-charts-pro@8.11.0` [![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@8.11.0`, plus:
+
+- [charts-pro] Add new `SankeyChart` (#18895) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@8.11.0`
+
+- [tree view] Improve the typing of the item's checkbox `slotProps` (#19247) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.11.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.11.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.11.0`
+
+Internal changes.
+
+### Docs
+
+- [docs][TreeView] Fix grammar and spelling mistakes (#19299) @mapache-salvaje
+- [docs][DataGrid] Add pagination number formatting doc with a demo (#19221) @siriwatknp
+- [docs][Charts] Correct some small grammar mistakes (#19297) @mapache-salvaje
+- [docs][DataGrid] Correct grammar mistakes (#19298) @mapache-salvaje
+- [docs][DataGrid] Make it clear that the API key for AI Assistant must be private (#19244) @oliviertassinari
+
+### Core
+
+- [code-infra] Remove unnecessary triggers from publish workflow (#19348) @Janpot
+- [code-infra] Set up publishing from GitHub actions (#19264) @Janpot
+- [code-infra] Update renovate, exclude infra packages from MUI group (#19288) @Janpot
+- [internal] Add comment for Codspeed triggers (#19302) @oliviertassinari
+- [internal] Fix changelog generation for infra tags (#19266) @oliviertassinari
+- [internal] Remove dead repository field (#19301) @oliviertassinari
+- [internal] Sentence case @oliviertassinari
+- [internal] Update 8.10.1 changelog with missing changes (#19345) @cherniavskii
+- [support-infra] Improve GitHub Action that check PRs labels (#19303) @oliviertassinari
+
+### Miscellaneous
+
+- [infra] Add `synchronize` to workflow triggers (#19342) @michelengelen
+- [infra] Add charts docs folder in codowner (#19317) @alexfauquette
+- [infra] Fix publish workflow complaint (#19346) @JCQuintas
+- [infra] Migrate to use eslint without airbnb config (#19269) @brijeshb42
+- [infra] Simplify release preparation script (#19351) @michelengelen
+
 ## 8.10.2
 
 _Aug 20, 2025_
@@ -27,13 +148,13 @@ The following are all team members who have contributed to this release:
 - [DataGrid] Fix column header sortable classname when using `disableColumnSorting` (#19222) @wilcoschoneveld
 - [l10n] Improve finnish (fi-FI) locale (#19163) @lauri-heinonen-2025-04
 
-#### `@mui/x-data-grid-pro@8.10.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+#### `@mui/x-data-grid-pro@8.10.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@8.10.2`, plus:
 
 - [DataGridPro] Fix quick filter not working in List View mode (#19254) @cherniavskii
 
-#### `@mui/x-data-grid-premium@8.10.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan")
+#### `@mui/x-data-grid-premium@8.10.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@8.10.2`.
 
@@ -43,7 +164,7 @@ Same changes as in `@mui/x-data-grid-pro@8.10.2`.
 
 Internal changes.
 
-#### `@mui/x-date-pickers-pro@8.10.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+#### `@mui/x-date-pickers-pro@8.10.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@8.10.2`.
 
@@ -53,7 +174,7 @@ Same changes as in `@mui/x-date-pickers@8.10.2`.
 
 Internal changes.
 
-#### `@mui/x-charts-pro@8.10.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+#### `@mui/x-charts-pro@8.10.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@8.10.2`.
 
@@ -63,7 +184,7 @@ Same changes as in `@mui/x-charts@8.10.2`.
 
 - [tree view] Add `aria-hidden` to the Tree Item Checkbox (#19246) @flaviendelangle
 
-#### `@mui/x-tree-view-pro@8.10.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+#### `@mui/x-tree-view-pro@8.10.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-tree-view@8.10.2`.
 
@@ -95,13 +216,13 @@ Internal changes.
 
 _Aug 15, 2025_
 
-We'd like to extend a big thank you to the 8 contributors who made this release possible. Here are some highlights ✨:
+We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
 
 - 📊 Y-axes can now be grouped by category when using `band` and `point` scales.
 - 📚 Documentation improvements
 
 The following are all team members who have contributed to this release:
-@alexfauquette, @bernardobelchior, @Janpot, @JCQuintas, @mnajdova, @oliviertassinari, @prakhargupta1, @romgrk
+@alexfauquette, @bernardobelchior, @Janpot, @JCQuintas, @mnajdova, @oliviertassinari, @prakhargupta1, @romgrk, @brijeshb42, @noraleonte, @rita-codes
 
 ### Data Grid
 
@@ -110,12 +231,14 @@ The following are all team members who have contributed to this release:
 - [DataGrid] Fix scroll jumping (#19156) @romgrk
 - [DataGrid] Fix scroll restoration (#19182) @romgrk
 - [DataGrid] Fix "no row with id" error (#19193) @romgrk
+- [DataGrid] Fix missing rows in the print export window (#19159) @cherniavskii
+- [DataGrid] Fix broken scroll (#19178) @romgrk
 
-#### `@mui/x-data-grid-pro@8.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+#### `@mui/x-data-grid-pro@8.10.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@8.10.1`.
 
-#### `@mui/x-data-grid-premium@8.10.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan")
+#### `@mui/x-data-grid-premium@8.10.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@8.10.1`.
 
@@ -125,7 +248,7 @@ Same changes as in `@mui/x-data-grid-pro@8.10.1`.
 
 Internal changes.
 
-#### `@mui/x-date-pickers-pro@8.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+#### `@mui/x-date-pickers-pro@8.10.0` [![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@8.10.0`.
 
@@ -141,8 +264,10 @@ Same changes as in `@mui/x-date-pickers@8.10.0`.
 - [charts] Fix default axis highlight for axes without data attribute (#18985) @alexfauquette
 - [charts] Fix tooltip mark unexpected wrapping in mobile (#19122) @bernardobelchior
 - [charts] Prevent overflow on charts tooltip (#19123) @bernardobelchior
+- [charts] Add demo for log-scale ticks without labels (#19152) @bernardobelchior
+- [charts] Update animation customization docs (#19185) @bernardobelchior
 
-#### `@mui/x-charts-pro@8.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+#### `@mui/x-charts-pro@8.10.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@8.10.1`.
 
@@ -150,9 +275,10 @@ Same changes as in `@mui/x-charts@8.10.1`.
 
 #### `@mui/x-tree-view@8.10.1`
 
-Internal changes.
+- [tree view] Fix root not loading from cache on remount (#19088) @noraleonte
+- [tree view] Don't overwrite childrenIds when collapsed to preserve indeterminate state of the parent (#19196) @rita-codes
 
-#### `@mui/x-tree-view-pro@8.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+#### `@mui/x-tree-view-pro@8.10.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-tree-view@8.10.1`.
 
@@ -182,6 +308,7 @@ Internal changes.
 - [code-infra] Fix `fs-extra` removal from `formattedTSDemos` script (#19132) @bernardobelchior
 - [code-infra] Remove unused code and dependency (#19139) @bernardobelchior
 - [code-infra] Replace `fs-extra` with `node:fs` where possible (#19127) @bernardobelchior
+- [code-infra] Migrate build command to code-infra (#19006) @brijeshb42
 - [internal] Edit, keep `lockFileMaintenance` simple @oliviertassinari
 - [internal] Fix writing style action name @oliviertassinari
 - [internal] Make it clear that `lockFileMaintenance` is enabled @oliviertassinari

package/DataGridPro/DataGridPro.js

@@ -26,10 +26,11 @@ const configuration = {
     useCSSVariables: _material.useMaterialCSSVariables,
     useGridAriaAttributes: _useGridAriaAttributes.useGridAriaAttributesPro,
     useGridRowAriaAttributes: _useGridRowAriaAttributes.useGridRowAriaAttributesPro,
+    useGridRowsOverridableMethods: _internals.useGridRowsOverridableMethods,
     useCellAggregationResult: () => null
   }
 };
-const releaseInfo = "MTc1NTY0MDgwMDAwMA==";
+const releaseInfo = "MTc1NjQxNDgwMDAwMA==";
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
   packageName: "x-data-grid-pro",
   releaseInfo: releaseInfo
@@ -37,7 +38,7 @@ const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
 const DataGridProRaw = (0, _forwardRef.forwardRef)(function DataGridPro(inProps, ref) {
   const props = (0, _useDataGridProProps.useDataGridProProps)(inProps);
   const privateApiRef = (0, _internals.useGridApiInitialization)(props.apiRef, props);
-  (0, _useDataGridProComponent.useDataGridProComponent)(privateApiRef, props);
+  (0, _useDataGridProComponent.useDataGridProComponent)(privateApiRef, props, configuration);
   (0, _xLicense.useLicenseVerifier)('x-data-grid-pro', releaseInfo);
   if (process.env.NODE_ENV !== 'production') {
     (0, _internals.validateProps)(props, _propValidation.propValidatorsDataGridPro);
@@ -744,7 +745,7 @@ DataGridProRaw.propTypes = {
    */
   onPreferencePanelOpen: _propTypes.default.func,
   /**
-   * Callback called when `processRowUpdate` throws an error or rejects.
+   * Callback called when `processRowUpdate()` throws an error or rejects.
    * @param {any} error The error thrown.
    */
   onProcessRowUpdateError: _propTypes.default.func,

package/DataGridPro/useDataGridProComponent.d.ts

@@ -1,4 +1,5 @@
 import { RefObject } from '@mui/x-internals/types';
+import { GridConfiguration } from '@mui/x-data-grid/internals';
 import { GridPrivateApiPro } from "../models/gridApiPro.js";
 import { DataGridProProcessedProps } from "../models/dataGridProProps.js";
-export declare const useDataGridProComponent: (apiRef: RefObject<GridPrivateApiPro>, props: DataGridProProcessedProps) => void;
+export declare const useDataGridProComponent: (apiRef: RefObject<GridPrivateApiPro>, props: DataGridProProcessedProps, configuration: GridConfiguration) => void;

package/DataGridPro/useDataGridProComponent.js

@@ -28,7 +28,7 @@ var _useGridDataSourceLazyLoader = require("../hooks/features/serverSideLazyLoad
 var _useGridInfiniteLoadingIntersection = require("../hooks/features/serverSideLazyLoader/useGridInfiniteLoadingIntersection");
 // Pro-only features
 
-const useDataGridProComponent = (apiRef, props) => {
+const useDataGridProComponent = (apiRef, props, configuration) => {
   (0, _internals.useGridInitialization)(apiRef, props);
 
   /**
@@ -87,7 +87,7 @@ const useDataGridProComponent = (apiRef, props) => {
   (0, _useGridColumnPinning.useGridColumnPinning)(apiRef, props);
   (0, _useGridRowPinning.useGridRowPinning)(apiRef, props);
   (0, _internals.useGridColumns)(apiRef, props);
-  (0, _internals.useGridRows)(apiRef, props);
+  (0, _internals.useGridRows)(apiRef, props, configuration);
   (0, _internals.useGridRowSpanning)(apiRef, props);
   (0, _internals.useGridParamsApi)(apiRef, props);
   (0, _useGridDetailPanel.useGridDetailPanel)(apiRef, props);

package/components/GridRowReorderCell.js

@@ -38,15 +38,15 @@ function GridRowReorderCell(params) {
   const apiRef = (0, _xDataGrid.useGridApiContext)();
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const sortModel = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridSortModelSelector);
-  const treeDepth = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridRowMaximumTreeDepthSelector);
   const editRowsState = (0, _xDataGrid.useGridSelector)(apiRef, _internals.gridEditRowsStateSelector);
+  const cellValue =
   // eslint-disable-next-line no-underscore-dangle
-  const cellValue = params.row.__reorder__ || params.id;
+  params.row.__reorder__ || (params.rowNode.type === 'group' ? params.rowNode.groupingKey ?? params.id : params.id);
   const cellRef = React.useRef(null);
   const listenerNodeRef = React.useRef(null);
 
-  // TODO: remove sortModel and treeDepth checks once row reorder is compatible
-  const isDraggable = React.useMemo(() => !!rootProps.rowReordering && !sortModel.length && treeDepth === 1 && Object.keys(editRowsState).length === 0, [rootProps.rowReordering, sortModel, treeDepth, editRowsState]);
+  // TODO: remove sortModel and treeData checks once row reorder is compatible
+  const isDraggable = React.useMemo(() => !!rootProps.rowReordering && !sortModel.length && !rootProps.treeData && Object.keys(editRowsState).length === 0, [rootProps.rowReordering, sortModel, rootProps.treeData, editRowsState]);
   const ownerState = {
     isDraggable,
     classes: rootProps.classes

package/esm/DataGridPro/DataGridPro.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useLicenseVerifier, Watermark } from '@mui/x-license';
 import { GridRoot, GridContextProvider } from '@mui/x-data-grid';
-import { validateProps, useGridApiInitialization } from '@mui/x-data-grid/internals';
+import { validateProps, useGridApiInitialization, useGridRowsOverridableMethods } from '@mui/x-data-grid/internals';
 import { useMaterialCSSVariables } from '@mui/x-data-grid/material';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useDataGridProComponent } from "./useDataGridProComponent.js";
@@ -19,10 +19,11 @@ const configuration = {
     useCSSVariables: useMaterialCSSVariables,
     useGridAriaAttributes: useGridAriaAttributesPro,
     useGridRowAriaAttributes: useGridRowAriaAttributesPro,
+    useGridRowsOverridableMethods,
     useCellAggregationResult: () => null
   }
 };
-const releaseInfo = "MTc1NTY0MDgwMDAwMA==";
+const releaseInfo = "MTc1NjQxNDgwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-pro",
   releaseInfo: releaseInfo
@@ -30,7 +31,7 @@ const watermark = /*#__PURE__*/_jsx(Watermark, {
 const DataGridProRaw = forwardRef(function DataGridPro(inProps, ref) {
   const props = useDataGridProProps(inProps);
   const privateApiRef = useGridApiInitialization(props.apiRef, props);
-  useDataGridProComponent(privateApiRef, props);
+  useDataGridProComponent(privateApiRef, props, configuration);
   useLicenseVerifier('x-data-grid-pro', releaseInfo);
   if (process.env.NODE_ENV !== 'production') {
     validateProps(props, propValidatorsDataGridPro);
@@ -737,7 +738,7 @@ DataGridProRaw.propTypes = {
    */
   onPreferencePanelOpen: PropTypes.func,
   /**
-   * Callback called when `processRowUpdate` throws an error or rejects.
+   * Callback called when `processRowUpdate()` throws an error or rejects.
    * @param {any} error The error thrown.
    */
   onProcessRowUpdateError: PropTypes.func,

package/esm/DataGridPro/useDataGridProComponent.d.ts

@@ -1,4 +1,5 @@
 import { RefObject } from '@mui/x-internals/types';
+import { GridConfiguration } from '@mui/x-data-grid/internals';
 import { GridPrivateApiPro } from "../models/gridApiPro.js";
 import { DataGridProProcessedProps } from "../models/dataGridProProps.js";
-export declare const useDataGridProComponent: (apiRef: RefObject<GridPrivateApiPro>, props: DataGridProProcessedProps) => void;
+export declare const useDataGridProComponent: (apiRef: RefObject<GridPrivateApiPro>, props: DataGridProProcessedProps, configuration: GridConfiguration) => void;

package/esm/DataGridPro/useDataGridProComponent.js

@@ -21,7 +21,7 @@ import { useGridRowPinningPreProcessors } from "../hooks/features/rowPinning/use
 import { useGridDataSourcePro as useGridDataSource, dataSourceStateInitializer } from "../hooks/features/dataSource/useGridDataSourcePro.js";
 import { useGridDataSourceLazyLoader } from "../hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.js";
 import { useGridInfiniteLoadingIntersection } from "../hooks/features/serverSideLazyLoader/useGridInfiniteLoadingIntersection.js";
-export const useDataGridProComponent = (apiRef, props) => {
+export const useDataGridProComponent = (apiRef, props, configuration) => {
   useGridInitialization(apiRef, props);
 
   /**
@@ -80,7 +80,7 @@ export const useDataGridProComponent = (apiRef, props) => {
   useGridColumnPinning(apiRef, props);
   useGridRowPinning(apiRef, props);
   useGridColumns(apiRef, props);
-  useGridRows(apiRef, props);
+  useGridRows(apiRef, props, configuration);
   useGridRowSpanning(apiRef, props);
   useGridParamsApi(apiRef, props);
   useGridDetailPanel(apiRef, props);

package/esm/components/GridRowReorderCell.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@mui/system';
 import composeClasses from '@mui/utils/composeClasses';
-import { gridRowMaximumTreeDepthSelector, gridSortModelSelector, useGridApiContext, useGridSelector, getDataGridUtilityClass, gridClasses } from '@mui/x-data-grid';
+import { gridSortModelSelector, useGridApiContext, useGridSelector, getDataGridUtilityClass, gridClasses } from '@mui/x-data-grid';
 import { gridEditRowsStateSelector, isEventTargetInPortal, vars } from '@mui/x-data-grid/internals';
 import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -29,15 +29,15 @@ function GridRowReorderCell(params) {
   const apiRef = useGridApiContext();
   const rootProps = useGridRootProps();
   const sortModel = useGridSelector(apiRef, gridSortModelSelector);
-  const treeDepth = useGridSelector(apiRef, gridRowMaximumTreeDepthSelector);
   const editRowsState = useGridSelector(apiRef, gridEditRowsStateSelector);
+  const cellValue =
   // eslint-disable-next-line no-underscore-dangle
-  const cellValue = params.row.__reorder__ || params.id;
+  params.row.__reorder__ || (params.rowNode.type === 'group' ? params.rowNode.groupingKey ?? params.id : params.id);
   const cellRef = React.useRef(null);
   const listenerNodeRef = React.useRef(null);
 
-  // TODO: remove sortModel and treeDepth checks once row reorder is compatible
-  const isDraggable = React.useMemo(() => !!rootProps.rowReordering && !sortModel.length && treeDepth === 1 && Object.keys(editRowsState).length === 0, [rootProps.rowReordering, sortModel, treeDepth, editRowsState]);
+  // TODO: remove sortModel and treeData checks once row reorder is compatible
+  const isDraggable = React.useMemo(() => !!rootProps.rowReordering && !sortModel.length && !rootProps.treeData && Object.keys(editRowsState).length === 0, [rootProps.rowReordering, sortModel, rootProps.treeData, editRowsState]);
   const ownerState = {
     isDraggable,
     classes: rootProps.classes

package/esm/hooks/features/columnReorder/useGridColumnReorder.js

@@ -3,6 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
+import ownerDocument from '@mui/utils/ownerDocument';
 import { useRtl } from '@mui/system/RtlProvider';
 import { useGridEvent, getDataGridUtilityClass, useGridLogger, useGridEventPriority } from '@mui/x-data-grid';
 import { gridColumnReorderDragColSelector } from "./columnReorderSelector.js";
@@ -239,6 +240,24 @@ export const useGridColumnReorder = (apiRef, props) => {
       cursorPosition.current = coordinates;
     }
   }, [apiRef, logger, isRtl]);
+  React.useEffect(() => {
+    if (!props.keepColumnPositionIfDraggedOutside) {
+      return () => {};
+    }
+    const doc = ownerDocument(apiRef.current.rootElementRef.current);
+    const listener = event => {
+      if (event.dataTransfer) {
+        // keep the drop effect if we are keeping the column position if dragged outside
+        // https://github.com/mui/mui-x/issues/19183#issuecomment-3202307783
+        event.preventDefault();
+        event.dataTransfer.dropEffect = 'move';
+      }
+    };
+    doc.addEventListener('dragover', listener);
+    return () => {
+      doc.removeEventListener('dragover', listener);
+    };
+  }, [apiRef, props.keepColumnPositionIfDraggedOutside]);
   useGridEvent(apiRef, 'columnHeaderDragStart', handleDragStart);
   useGridEvent(apiRef, 'columnHeaderDragEnter', handleDragEnter);
   useGridEvent(apiRef, 'columnHeaderDragOver', handleDragOver);

package/esm/hooks/features/dataSource/models.d.ts

@@ -7,9 +7,9 @@ export interface GridDataSourceState {
 export interface GridGetRowsResponsePro extends GridGetRowsResponse {}
 export interface GridGetRowsParamsPro extends GridGetRowsParams {
   /**
-   * Array of keys returned by `getGroupKey` of all the parent rows until the row for which the data is requested
-   * `getGroupKey` prop must be implemented to use this.
-   * Useful for `treeData` and `rowGrouping` only.
+   * Array of keys returned by `getGroupKey()` of all the parent rows until the row for which the data is requested
+   * `getGroupKey()` prop must be implemented to use this.
+   * Used with "tree data" and "row grouping" features only.
    */
   groupKeys?: string[];
 }
@@ -21,7 +21,9 @@ export interface GridDataSourcePro extends Omit<GridDataSource, 'getRows'> {
    */
   getRows(params: GridGetRowsParamsPro): Promise<GridGetRowsResponsePro>;
   /**
-   * Used to group rows by their parent group. Replaces `getTreeDataPath` used in client side tree-data.
+   * Used to group rows by their parent group.
+   * Replaces `getTreeDataPath()` used in client side tree-data
+   * Replaces `colDef.groupingValueGetter` used in client side row grouping
    * @param {GridRowModel} row The row to get the group key of.
    * @returns {string} The group key for the row.
    */

package/esm/hooks/features/rowReorder/useGridRowReorder.d.ts

@@ -1,10 +1,10 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridStateInitializer } from '@mui/x-data-grid/internals';
+import { type GridStateInitializer } from '@mui/x-data-grid/internals';
 import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
 import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 export declare const rowReorderStateInitializer: GridStateInitializer;
 /**
- * Only available in DataGridPro
+ * Hook for row reordering (Pro package)
  * @requires useGridRows (method)
  */
-export declare const useGridRowReorder: (apiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "rowReordering" | "onRowOrderChange" | "classes">) => void;
+export declare const useGridRowReorder: (apiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "rowReordering" | "onRowOrderChange" | "classes" | "treeData" | "dataSource">) => void;