@mui/x-data-grid-premium 8.10.1 → 8.11.0

package/CHANGELOG.md

@@ -5,17 +5,224 @@
 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_
+
+We'd like to extend a big thank you to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌎 Improve Finnish (fi-FI) locale on the Data Grid
+
+Special thanks go out to the community members for their valuable contributions:
+@lauri-heinonen-2025-04, @Methuselah96, @sai6855, @wilcoschoneveld
+
+The following are all team members who have contributed to this release:
+@alexfauquette, @cherniavskii, @flaviendelangle, @Janpot, @oliviertassinari, @rita-codes
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.10.2`
+
+- [DataGrid] Fix display for `<GridEditSingleSelect />` when `density='compact'` (#19249) @sai6855
+- [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')
+
+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')
+
+Same changes as in `@mui/x-data-grid-pro@8.10.2`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@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')
+
+Same changes as in `@mui/x-date-pickers@8.10.2`.
+
+### Charts
+
+#### `@mui/x-charts@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')
+
+Same changes as in `@mui/x-charts@8.10.2`.
+
+### Tree View
+
+#### `@mui/x-tree-view@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')
+
+Same changes as in `@mui/x-tree-view@8.10.2`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.10.2`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix links to the pyramid chart (#19250) @alexfauquette
+
+### Core
+
+- [internal] Avoid script for CI only @oliviertassinari
+- [internal] Fix `renovate.json` @oliviertassinari
+- [internal] Polish renovate config @oliviertassinari
+- [internal] Rename core to internal (#19203) @oliviertassinari
+- [internal] Update link to GitHub labels @oliviertassinari
+
+### Miscellaneous
+
+- [code-infra] Prepare for incoming `execa` update (#19229) @Janpot
+- [virtualizer] Fix type import (#19192) @Methuselah96
+- [virtualizer] Improve type export (#19192) @Methuselah96
+
 ## 8.10.1
 
 _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
 
@@ -24,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`.
 
@@ -39,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`.
 
@@ -55,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`.
 
@@ -64,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`.
 
@@ -96,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/DataGridPremium/DataGridPremium.js

@@ -22,6 +22,7 @@ var _useGridAriaAttributes = require("../hooks/utils/useGridAriaAttributes");
 var _useGridRowAriaAttributes = require("../hooks/features/rows/useGridRowAriaAttributes");
 var _gridAggregationSelectors = require("../hooks/features/aggregation/gridAggregationSelectors");
 var _useGridApiContext = require("../hooks/utils/useGridApiContext");
+var _useGridRowsOverridableMethods = require("../hooks/features/rows/useGridRowsOverridableMethods");
 var _sidebar2 = require("../hooks/features/sidebar");
 var _jsxRuntime = require("react/jsx-runtime");
 const configuration = {
@@ -35,10 +36,11 @@ const configuration = {
         id,
         field
       });
-    }
+    },
+    useGridRowsOverridableMethods: _useGridRowsOverridableMethods.useGridRowsOverridableMethods
   }
 };
-const releaseInfo = "MTc1NTIzMDQwMDAwMA==";
+const releaseInfo = "MTc1NjQxNDgwMDAwMA==";
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo
@@ -50,7 +52,7 @@ if (process.env.NODE_ENV !== 'production') {
 const DataGridPremiumRaw = (0, _forwardRef.forwardRef)(function DataGridPremium(inProps, ref) {
   const initialProps = (0, _useDataGridPremiumProps.useDataGridPremiumProps)(inProps);
   const privateApiRef = (0, _internals.useGridApiInitialization)(initialProps.apiRef, initialProps);
-  const props = (0, _useDataGridPremiumComponent.useDataGridPremiumComponent)(privateApiRef, initialProps);
+  const props = (0, _useDataGridPremiumComponent.useDataGridPremiumComponent)(privateApiRef, initialProps, configuration);
   (0, _xLicense.useLicenseVerifier)('x-data-grid-premium', releaseInfo);
   if (process.env.NODE_ENV !== 'production') {
     (0, _internals.validateProps)(props, dataGridPremiumPropValidators);
@@ -914,7 +916,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.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/DataGridPremium/useDataGridPremiumComponent.d.ts

@@ -1,4 +1,5 @@
 import { RefObject } from '@mui/x-internals/types';
+import { type GridConfiguration } from '@mui/x-data-grid-pro/internals';
 import { GridPrivateApiPremium } from "../models/gridApiPremium.js";
 import { DataGridPremiumProcessedProps } from "../models/dataGridPremiumProps.js";
-export declare const useDataGridPremiumComponent: (apiRef: RefObject<GridPrivateApiPremium>, inProps: DataGridPremiumProcessedProps) => DataGridPremiumProcessedProps;
+export declare const useDataGridPremiumComponent: (apiRef: RefObject<GridPrivateApiPremium>, inProps: DataGridPremiumProcessedProps, configuration: GridConfiguration<GridPrivateApiPremium>) => DataGridPremiumProcessedProps;

package/DataGridPremium/useDataGridPremiumComponent.js

@@ -26,7 +26,7 @@ var _useGridAiAssistant = require("../hooks/features/aiAssistant/useGridAiAssist
 var _useGridSidebar = require("../hooks/features/sidebar/useGridSidebar");
 // Premium-only features
 
-const useDataGridPremiumComponent = (apiRef, inProps) => {
+const useDataGridPremiumComponent = (apiRef, inProps, configuration) => {
   const pivotPropsOverrides = (0, _xDataGridPro.useGridSelector)(apiRef, _gridPivotingSelectors.gridPivotPropsOverridesSelector);
   const props = React.useMemo(() => {
     if (pivotPropsOverrides) {
@@ -111,7 +111,7 @@ const useDataGridPremiumComponent = (apiRef, inProps) => {
   (0, _internals.useGridColumnPinning)(apiRef, props);
   (0, _internals.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, _internals.useGridDetailPanel)(apiRef, props);

package/esm/DataGridPremium/DataGridPremium.js

@@ -15,6 +15,7 @@ import { useGridAriaAttributesPremium } from "../hooks/utils/useGridAriaAttribut
 import { useGridRowAriaAttributesPremium } from "../hooks/features/rows/useGridRowAriaAttributes.js";
 import { gridCellAggregationResultSelector } from "../hooks/features/aggregation/gridAggregationSelectors.js";
 import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
+import { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.js";
 import { gridSidebarOpenSelector } from "../hooks/features/sidebar/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const configuration = {
@@ -28,10 +29,11 @@ const configuration = {
         id,
         field
       });
-    }
+    },
+    useGridRowsOverridableMethods
   }
 };
-const releaseInfo = "MTc1NTIzMDQwMDAwMA==";
+const releaseInfo = "MTc1NjQxNDgwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo
@@ -43,7 +45,7 @@ if (process.env.NODE_ENV !== 'production') {
 const DataGridPremiumRaw = forwardRef(function DataGridPremium(inProps, ref) {
   const initialProps = useDataGridPremiumProps(inProps);
   const privateApiRef = useGridApiInitialization(initialProps.apiRef, initialProps);
-  const props = useDataGridPremiumComponent(privateApiRef, initialProps);
+  const props = useDataGridPremiumComponent(privateApiRef, initialProps, configuration);
   useLicenseVerifier('x-data-grid-premium', releaseInfo);
   if (process.env.NODE_ENV !== 'production') {
     validateProps(props, dataGridPremiumPropValidators);
@@ -907,7 +909,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.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/DataGridPremium/useDataGridPremiumComponent.d.ts

@@ -1,4 +1,5 @@
 import { RefObject } from '@mui/x-internals/types';
+import { type GridConfiguration } from '@mui/x-data-grid-pro/internals';
 import { GridPrivateApiPremium } from "../models/gridApiPremium.js";
 import { DataGridPremiumProcessedProps } from "../models/dataGridPremiumProps.js";
-export declare const useDataGridPremiumComponent: (apiRef: RefObject<GridPrivateApiPremium>, inProps: DataGridPremiumProcessedProps) => DataGridPremiumProcessedProps;
+export declare const useDataGridPremiumComponent: (apiRef: RefObject<GridPrivateApiPremium>, inProps: DataGridPremiumProcessedProps, configuration: GridConfiguration<GridPrivateApiPremium>) => DataGridPremiumProcessedProps;

package/esm/DataGridPremium/useDataGridPremiumComponent.js

@@ -18,7 +18,7 @@ import { pivotingStateInitializer, useGridPivoting, useGridPivotingExportState }
 import { gridPivotPropsOverridesSelector } from "../hooks/features/pivoting/gridPivotingSelectors.js";
 import { useGridAiAssistant, aiAssistantStateInitializer } from "../hooks/features/aiAssistant/useGridAiAssistant.js";
 import { useGridSidebar, sidebarStateInitializer } from "../hooks/features/sidebar/useGridSidebar.js";
-export const useDataGridPremiumComponent = (apiRef, inProps) => {
+export const useDataGridPremiumComponent = (apiRef, inProps, configuration) => {
   const pivotPropsOverrides = useGridSelector(apiRef, gridPivotPropsOverridesSelector);
   const props = React.useMemo(() => {
     if (pivotPropsOverrides) {
@@ -103,7 +103,7 @@ export const useDataGridPremiumComponent = (apiRef, inProps) => {
   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/hooks/features/aggregation/wrapColumnWithAggregation.d.ts

@@ -56,6 +56,7 @@ export declare const unwrapColumnFromAggregation: (column: GridColDef) => GridBa
   aggregable?: boolean;
   availableAggregationFunctions?: string[];
   groupingValueGetter?: import("../../../index.js").GridGroupingValueGetter<import("@mui/x-data-grid").GridValidRowModel> | undefined;
+  groupingValueSetter?: import("../../../index.js").GridGroupingValueSetter<import("@mui/x-data-grid").GridValidRowModel> | undefined;
   pastedValueParser?: import("../../../index.js").GridPastedValueParser<import("@mui/x-data-grid").GridValidRowModel, any, any> | undefined;
   pivotable?: boolean;
 };

package/esm/hooks/features/clipboard/useGridClipboardImport.js

@@ -119,7 +119,7 @@ class CellValueUpdater {
           if (onProcessRowUpdateError) {
             onProcessRowUpdateError(errorThrown);
           } else if (process.env.NODE_ENV !== 'production') {
-            warnOnce(['MUI X: A call to `processRowUpdate` threw an error which was not handled because `onProcessRowUpdateError` is missing.', 'To handle the error pass a callback to the `onProcessRowUpdateError` prop, for example `<DataGrid onProcessRowUpdateError={(error) => ...} />`.', 'For more detail, see https://mui.com/x/react-data-grid/editing/persistence/.'], 'error');
+            warnOnce(['MUI X: A call to `processRowUpdate()` threw an error which was not handled because `onProcessRowUpdateError()` is missing.', 'To handle the error pass a callback to the `onProcessRowUpdateError()` prop, for example `<DataGrid onProcessRowUpdateError={(error) => ...} />`.', 'For more detail, see https://mui.com/x/react-data-grid/editing/persistence/.'], 'error');
           }
         };
         try {

package/esm/hooks/features/export/serializer/setupExcelExportWebWorker.js

@@ -1,7 +1,6 @@
 import { addColumnGroupingHeaders, addSerializedRowToWorksheet, createValueOptionsSheetIfNeeded, getExcelJs } from "./utils.js";
 export function setupExcelExportWebWorker(workerOptions = {}) {
-  // eslint-disable-next-line no-restricted-globals
-  addEventListener('message', async event => {
+  globalThis.addEventListener('message', async event => {
     const {
       namespace,
       serializedColumns,

package/esm/hooks/features/rowGrouping/createGroupingColDef.d.ts

@@ -2,6 +2,7 @@ import { RefObject } from '@mui/x-internals/types';
 import { GridColDef, GridGroupingColDefOverride } from '@mui/x-data-grid-pro';
 import { GridColumnRawLookup, RowGroupingStrategy } from '@mui/x-data-grid-pro/internals';
 import { GridApiPremium } from "../../../models/gridApiPremium.js";
+import type { GridRowGroupingModel } from "./gridRowGroupingInterfaces.js";
 interface CreateGroupingColDefMonoCriteriaParams {
   columnsLookup: GridColumnRawLookup;
   /**
@@ -35,7 +36,7 @@ interface CreateGroupingColDefSeveralCriteriaParams {
   /**
    * The fields from which we are grouping the rows.
    */
-  rowGroupingModel: string[];
+  rowGroupingModel: GridRowGroupingModel;
   /**
    * The col def properties the user wants to override.
    * This value comes `prop.groupingColDef`.

package/esm/hooks/features/rowGrouping/createGroupingColDef.js

@@ -73,11 +73,34 @@ const groupedByColValueFormatter = groupedByColDef => (value, row, _, apiRef) =>
   }
   return value;
 };
-const getGroupingCriteriaProperties = (groupedByColDef, applyHeaderName) => {
+function getGroupingCriteriaProperties(groupedByColDef, rowGroupingColumnMode, rowGroupingModel = [], columnsLookup = {}) {
+  let valueFormatter;
+  if (rowGroupingColumnMode === 'single' && rowGroupingModel.length > 1) {
+    // In single column grouping mode, the `valueFormatter` of the grouping column uses
+    // value formatters from original columns for each of the grouping criteria
+    valueFormatter = (value, row, column, apiRef) => {
+      const rowId = gridRowIdSelector(apiRef, row);
+      const rowNode = gridRowNodeSelector(apiRef, rowId);
+      if (rowNode.type === 'group') {
+        const originalColDef = columnsLookup[rowNode.groupingField];
+        if (originalColDef.type === 'singleSelect') {
+          // the default valueFormatter of a singleSelect colDef won't work with the grouping column values
+          return value;
+        }
+        const columnValueFormatter = originalColDef.valueFormatter;
+        if (typeof columnValueFormatter === 'function') {
+          return columnValueFormatter(value, row, column, apiRef);
+        }
+      }
+      return value;
+    };
+  } else {
+    valueFormatter = groupedByColDef.valueFormatter ? groupedByColValueFormatter(groupedByColDef) : undefined;
+  }
   const properties = {
     sortable: groupedByColDef.sortable,
     filterable: groupedByColDef.filterable,
-    valueFormatter: groupedByColDef.valueFormatter ? groupedByColValueFormatter(groupedByColDef) : undefined,
+    valueFormatter,
     valueOptions: isSingleSelectColDef(groupedByColDef) ? groupedByColDef.valueOptions : undefined,
     sortComparator: (v1, v2, cellParams1, cellParams2) => {
       // We only want to sort the groups of the current grouping criteria
@@ -89,11 +112,12 @@ const getGroupingCriteriaProperties = (groupedByColDef, applyHeaderName) => {
     },
     filterOperators: groupedByColDef.filterOperators
   };
+  const applyHeaderName = !(rowGroupingColumnMode === 'single' && rowGroupingModel.length > 1);
   if (applyHeaderName) {
     properties.headerName = groupedByColDef.headerName ?? groupedByColDef.field;
   }
   return properties;
-};
+}
 /**
  * Creates the `GridColDef` for a grouping column that only takes care of a single grouping criteria
  */
@@ -175,11 +199,11 @@ export const createGroupingColDefForOneGroupingCriteria = ({
   // By default, we apply the sorting / filtering on the groups of this column's grouping criteria based on the properties of `groupedColDef`.
   let sourceProperties;
   if (mainGroupingCriteria && mainGroupingCriteria === groupingCriteria) {
-    sourceProperties = getGroupingCriteriaProperties(groupedByColDef, true);
+    sourceProperties = getGroupingCriteriaProperties(groupedByColDef, 'multiple');
   } else if (leafColDef) {
     sourceProperties = getLeafProperties(leafColDef);
   } else {
-    sourceProperties = getGroupingCriteriaProperties(groupedByColDef, true);
+    sourceProperties = getGroupingCriteriaProperties(groupedByColDef, 'multiple');
   }
 
   // The properties that can't be overridden with `colDefOverride`
@@ -265,11 +289,11 @@ export const createGroupingColDefForAllGroupingCriteria = ({
   if (process.env.NODE_ENV !== "production") commonProperties.renderCell.displayName = "commonProperties.renderCell";
   let sourceProperties;
   if (mainGroupingCriteria && rowGroupingModel.includes(mainGroupingCriteria)) {
-    sourceProperties = getGroupingCriteriaProperties(columnsLookup[mainGroupingCriteria], true);
+    sourceProperties = getGroupingCriteriaProperties(columnsLookup[mainGroupingCriteria], 'single', rowGroupingModel, columnsLookup);
   } else if (leafColDef) {
     sourceProperties = getLeafProperties(leafColDef);
   } else {
-    sourceProperties = getGroupingCriteriaProperties(columnsLookup[rowGroupingModel[0]], rowGroupingModel.length === 1);
+    sourceProperties = getGroupingCriteriaProperties(columnsLookup[rowGroupingModel[0]], 'single', rowGroupingModel, columnsLookup);
   }
 
   // The properties that can't be overridden with `colDefOverride`

package/esm/hooks/features/rowGrouping/gridRowGroupingInterfaces.d.ts

@@ -40,5 +40,6 @@ export interface GridRowGroupingApi {
 export interface GridGroupingRule<R extends GridValidRowModel = GridValidRowModel, V = any> {
   field: string;
   groupingValueGetter?: GridColDef<R, V>['groupingValueGetter'];
+  groupingValueSetter?: GridColDef<R, V>['groupingValueSetter'];
 }
 export type GridGroupingRules<R extends GridValidRowModel = GridValidRowModel> = GridGroupingRule<R>[];

package/esm/hooks/features/rowGrouping/gridRowGroupingUtils.js

@@ -149,7 +149,8 @@ export const getGroupingRules = ({
   columnsLookup
 }) => sanitizedRowGroupingModel.map(field => ({
   field,
-  groupingValueGetter: columnsLookup[field]?.groupingValueGetter
+  groupingValueGetter: columnsLookup[field]?.groupingValueGetter,
+  groupingValueSetter: columnsLookup[field]?.groupingValueSetter
 }));
 
 /**
@@ -164,6 +165,9 @@ export const areGroupingRulesEqual = (newValue, previousValue) => {
     if (previousRule.groupingValueGetter !== newRule.groupingValueGetter) {
       return false;
     }
+    if (previousRule.groupingValueSetter !== newRule.groupingValueSetter) {
+      return false;
+    }
     if (previousRule.field !== newRule.field) {
       return false;
     }

package/esm/hooks/features/rowGrouping/useGridRowGrouping.d.ts

@@ -8,4 +8,4 @@ export declare const rowGroupingStateInitializer: GridStateInitializer<Pick<Data
  * @requires useGridRows (state, method) - can be after, async only
  * @requires useGridParamsApi (method) - can be after, async only
  */
-export declare const useGridRowGrouping: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "initialState" | "rowGroupingModel" | "onRowGroupingModelChange" | "defaultGroupingExpansionDepth" | "isGroupExpandedByDefault" | "rowGroupingColumnMode" | "disableRowGrouping" | "slotProps" | "slots" | "dataSource">) => void;
+export declare const useGridRowGrouping: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "initialState" | "rowGroupingModel" | "onRowGroupingModelChange" | "defaultGroupingExpansionDepth" | "isGroupExpandedByDefault" | "rowGroupingColumnMode" | "disableRowGrouping" | "slotProps" | "slots" | "dataSource" | "treeData">) => void;

package/esm/hooks/features/rowGrouping/useGridRowGrouping.js

@@ -2,10 +2,11 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useGridEvent, useGridApiMethod, gridColumnLookupSelector } from '@mui/x-data-grid-pro';
-import { useGridRegisterPipeProcessor, GridStrategyGroup, RowGroupingStrategy } from '@mui/x-data-grid-pro/internals';
+import { useGridEvent, useGridApiMethod, gridColumnLookupSelector, gridRowMaximumTreeDepthSelector, gridRowTreeSelector, gridExpandedSortedRowIdsSelector } from '@mui/x-data-grid-pro';
+import { useGridRegisterPipeProcessor, GridStrategyGroup, gridExpandedSortedRowIndexLookupSelector, RowGroupingStrategy } from '@mui/x-data-grid-pro/internals';
 import { gridRowGroupingModelSelector, gridRowGroupingSanitizedModelSelector } from "./gridRowGroupingSelector.js";
 import { getRowGroupingFieldFromGroupingCriteria, isGroupingColumn, mergeStateWithRowGroupingModel, setStrategyAvailability, getGroupingRules, areGroupingRulesEqual } from "./gridRowGroupingUtils.js";
+import { rowGroupingReorderValidator } from "../rowReorder/reorderValidator.js";
 export const rowGroupingStateInitializer = (state, props, apiRef) => {
   apiRef.current.caches.rowGrouping = {
     rulesOnLastRowTreeCreation: []
@@ -168,6 +169,51 @@ export const useGridRowGrouping = (apiRef, props) => {
       }
     }
   }, [apiRef, props.disableRowGrouping]);
+  const getRowReorderTargetIndex = React.useCallback((initialValue, {
+    sourceRowId,
+    targetRowId,
+    dropPosition,
+    dragDirection
+  }) => {
+    if (gridRowMaximumTreeDepthSelector(apiRef) === 1 || props.treeData) {
+      return initialValue;
+    }
+    const expandedSortedRowIndexLookup = gridExpandedSortedRowIndexLookupSelector(apiRef);
+    const expandedSortedRowIds = gridExpandedSortedRowIdsSelector(apiRef);
+    const rowTree = gridRowTreeSelector(apiRef);
+    const sourceRowIndex = expandedSortedRowIndexLookup[sourceRowId];
+    const targetRowIndex = expandedSortedRowIndexLookup[targetRowId];
+    const sourceNode = rowTree[sourceRowId];
+    const targetNode = rowTree[targetRowId];
+    const prevNode = targetRowIndex > 0 ? rowTree[expandedSortedRowIds[targetRowIndex - 1]] : null;
+    const nextNode = targetRowIndex < expandedSortedRowIds.length - 1 ? rowTree[expandedSortedRowIds[targetRowIndex + 1]] : null;
+
+    // Basic validity checks
+    if (!sourceNode || !targetNode) {
+      return -1;
+    }
+
+    // Create context object
+    const context = {
+      sourceNode,
+      targetNode,
+      prevNode,
+      nextNode,
+      rowTree,
+      dropPosition,
+      dragDirection,
+      targetRowIndex,
+      sourceRowIndex,
+      expandedSortedRowIndexLookup
+    };
+
+    // Check if the reorder is valid
+    if (rowGroupingReorderValidator.validate(context)) {
+      return dropPosition === 'below' ? targetRowIndex + 1 : targetRowIndex;
+    }
+    return -1;
+  }, [apiRef, props.treeData]);
+  useGridRegisterPipeProcessor(apiRef, 'getRowReorderTargetIndex', getRowReorderTargetIndex);
   useGridEvent(apiRef, 'cellKeyDown', handleCellKeyDown);
   useGridEvent(apiRef, 'columnsChange', checkGroupingColumnsModelDiff);
   useGridEvent(apiRef, 'rowGroupingModelChange', checkGroupingColumnsModelDiff);