@mui/x-data-grid-pro 8.14.1 → 8.15.0

package/CHANGELOG.md

@@ -5,6 +5,113 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.15.0
+
+_Oct 23, 2025_
+
+We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 🖌️ Add new [`brush` charts interaction](https://mui.com/x/react-charts/brush/) for building custom behavior.
+  ![brush visualization example](https://github.com/user-attachments/assets/60c382a1-e418-4736-8dcb-1567c4e361e3)
+- ⚡️ Performance improvements for large bar charts
+- 🤖 Data Grid AI assistant can now [visualize the query results](https://mui.com/x/react-data-grid/ai-assistant/#data-visualization) by controlling the chart integration settings
+- 📦 DataGrid uses an internal MUI fork of ExcelJS that does not depend on vulnerable versions of NPM packages
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to the community members for their valuable contributions:
+@ZagrebaAlex
+
+The following are all team members who have contributed to this release:
+@alexfauquette, @bernardobelchior, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @KenanYusuf, @prakhargupta1, @rita-codes, @siriwatknp, @arminmeh, @brijeshb42, @noraleonte
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.15.0`
+
+- [DataGrid] Fix `dataSource.fetchRows` API's return type (#20068) @arminmeh
+
+#### `@mui/x-data-grid-pro@8.15.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.15.0`, plus:
+
+- [DataGridPro] Keep children in the tree after parent row is re-fetched with the data source (#19934) @arminmeh
+- [DataGridPro] Support scroll shadows customization (#19982) @KenanYusuf
+
+#### `@mui/x-data-grid-premium@8.15.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.15.0`, plus:
+
+- [DataGridPremium] Use ExcelJS fork (#19796) @cherniavskii
+- [DataGridPremium] Support data visualization in AI Assistant (#19831) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.15.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.15.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.15.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.15.0`
+
+- [charts] Add `ChartsBrushOverlay` and allow brush configuration (#19956) @JCQuintas
+- [charts] Add `getStringSize` benchmark. Remove benchmarks from built package. (#19995) @bernardobelchior
+- [charts] Batch string size measurement (#19994) @bernardobelchior
+- [charts] Fix console issue (#20025) @JCQuintas
+- [charts] Fix is[ZoomFeature]Enabled type (#20058) @alexfauquette
+- [charts] Fix reference line middle spacing (#20004) @JCQuintas
+- [charts] Improve `getStringSize` and `batchMeasureStrings` performance (#19996) @bernardobelchior
+- [charts] Improve deep export script (#20007) @JCQuintas
+- [charts] Improve string measurement benchmarks (#19999) @bernardobelchior
+- [charts] Measure string sizes using SVG elements (#19981) @bernardobelchior
+- [l10n] Improve Greek (gr-GR) locale (#20060) @ZagrebaAlex
+
+#### `@mui/x-charts-pro@8.15.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.15.0`, plus:
+
+- [charts-pro] Fix pan with `axis.reverse` (#20031) @JCQuintas
+
+#### `@mui/x-charts-premium@8.15.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-charts-pro@8.15.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.15.0`
+
+- [tree view] Multi character type-ahead (#19942) @noraleonte
+
+#### `@mui/x-tree-view-pro@8.15.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.15.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.14.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Add overview section for scatter chart and heatmap (#19888) @prakhargupta1
+- [docs] Add charts bell curve example (#20003) @JCQuintas
+- [docs] Add grouped multiple fields for Data Grid row grouping recipe (#19964) @siriwatknp
+- [docs] Add Data Grid loading state recipe (#19958) @siriwatknp
+
+### Core
+
+- [code-infra] Remove @mui/monorepo usage for react versioning (#19894) @Janpot
+- [code-infra] Remove invalid `environment: 'browser'` from vitest browser config (#19993) @bernardobelchior
+- [code-infra] Remove unused babel aliases (#19987) @Janpot
+- [code-infra] Turn on all testing-library eslint rules (#19946) @brijeshb42
+- [docs-infra] Fix broken hash link (#20062) @Janpot
+
 ## 8.14.1
 
 _Oct 16, 2025_

package/DataGridPro/DataGridPro.js

@@ -32,7 +32,7 @@ const configuration = {
     useFilterValueGetter: apiRef => apiRef.current.getRowValue
   }
 };
-const releaseInfo = "MTc2MDU3MjgwMDAwMA==";
+const releaseInfo = "MTc2MTE3NzYwMDAwMA==";
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
   packageName: "x-data-grid-pro",
   releaseInfo: releaseInfo

package/esm/DataGridPro/DataGridPro.js

@@ -25,7 +25,7 @@ const configuration = {
     useFilterValueGetter: apiRef => apiRef.current.getRowValue
   }
 };
-const releaseInfo = "MTc2MDU3MjgwMDAwMA==";
+const releaseInfo = "MTc2MTE3NzYwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-pro",
   releaseInfo: releaseInfo

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

@@ -1,5 +1,5 @@
 import type { GridValidRowModel, GridRowId, GridGetRowsResponse, GridDataSource, GridGetRowsParams } from '@mui/x-data-grid';
-import type { GridDataSourceApiBase } from '@mui/x-data-grid/internals';
+import type { GridDataSourceApiBase, GridDataSourceFetchRowsParams } from '@mui/x-data-grid/internals';
 export interface GridDataSourceState {
   loading: Record<GridRowId, boolean>;
   errors: Record<GridRowId, any>;
@@ -42,9 +42,10 @@ export interface GridDataSourceApiBasePro extends Omit<GridDataSourceApiBase, 'f
    * If no `parentId` option is provided, it fetches the root rows.
    * Any missing parameter from `params` will be filled from the state (sorting, filtering, etc.).
    * @param {GridRowId} parentId The id of the parent node (default: `GRID_ROOT_GROUP_ID`).
-   * @param {Partial<GridGetRowsParamsPro>} params Request parameters override.
+   * @param {GridDataSourceFetchRowsParams<GridGetRowsParamsPro>} params Request parameters override.
+   * @returns {Promise<void>} A promise that resolves when the rows are fetched.
    */
-  fetchRows: (parentId?: GridRowId, params?: Partial<GridGetRowsParamsPro>) => void;
+  fetchRows: (parentId?: GridRowId, params?: GridDataSourceFetchRowsParams<GridGetRowsParamsPro>) => Promise<void>;
   /**
    * Set the loading state of a parent row.
    * @param {string} parentId The id of the parent node.

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

@@ -1,6 +1,6 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridRowId } from '@mui/x-data-grid';
-import { CacheChunkManager, DataSourceRowsUpdateStrategy, GridDataSourceBaseOptions } from '@mui/x-data-grid/internals';
+import { CacheChunkManager, DataSourceRowsUpdateStrategy, GridDataSourceBaseOptions, GridStrategyProcessor } from '@mui/x-data-grid/internals';
 import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
 import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 import { GridDataSourceApiPro, GridDataSourcePrivateApiPro } from "./models.js";
@@ -13,11 +13,16 @@ export declare const useGridDataSourceBasePro: <Api extends GridPrivateApiPro>(a
     public: GridDataSourceApiPro;
     private: GridDataSourcePrivateApiPro;
   };
-  debouncedFetchRows: ((parentId?: import("@mui/x-data-grid").GridRowId, params?: import("@mui/x-data-grid/hooks/features/dataSource/models").GridDataSourceFetchRowsParams) => void) & import("@mui/utils/debounce").Cancelable;
-  strategyProcessor: {
+  debouncedFetchRows: ((parentId?: import("@mui/x-data-grid").GridRowId, params?: import("@mui/x-data-grid/internals").GridDataSourceFetchRowsParams<import("@mui/x-data-grid").GridGetRowsParams>) => Promise<void>) & import("@mui/utils/debounce").Cancelable;
+  flatTreeStrategyProcessor: {
     strategyName: DataSourceRowsUpdateStrategy;
     group: "dataSourceRowsUpdate";
-    processor: import("@mui/x-data-grid/internals").GridStrategyProcessor<"dataSourceRowsUpdate">;
+    processor: GridStrategyProcessor<"dataSourceRowsUpdate">;
+  };
+  groupedDataStrategyProcessor: {
+    strategyName: DataSourceRowsUpdateStrategy;
+    group: "dataSourceRowsUpdate";
+    processor: GridStrategyProcessor<"dataSourceRowsUpdate">;
   };
   events: {
     strategyAvailabilityChange: import("@mui/x-data-grid").GridEventListener<"strategyAvailabilityChange">;

package/esm/hooks/features/dataSource/useGridDataSourceBasePro.js

@@ -4,8 +4,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
 import useLazyRef from '@mui/utils/useLazyRef';
-import { useGridSelector, GridGetRowsError, gridRowIdSelector, gridRowNodeSelector, gridRowTreeSelector } from '@mui/x-data-grid';
-import { gridRowGroupsToFetchSelector, useGridDataSourceBase, CacheChunkManager, gridGetRowsParamsSelector, DataSourceRowsUpdateStrategy, GridStrategyGroup } from '@mui/x-data-grid/internals';
+import { useGridSelector, GridGetRowsError, gridRowIdSelector, gridRowNodeSelector, gridRowTreeSelector, GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
+import { gridRowGroupsToFetchSelector, useGridDataSourceBase, CacheChunkManager, gridGetRowsParamsSelector, DataSourceRowsUpdateStrategy, GridStrategyGroup, getTreeNodeDescendants } from '@mui/x-data-grid/internals';
 import { warnOnce } from '@mui/x-internals/warning';
 import { NestedDataManager, RequestStatus, getGroupKeys } from "./utils.js";
 import { gridDataSourceErrorsSelector } from "./gridDataSourceSelector.js";
@@ -37,7 +37,7 @@ export const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
   const {
     api,
     debouncedFetchRows,
-    strategyProcessor,
+    strategyProcessor: flatTreeStrategyProcessor,
     events,
     cacheChunkManager,
     cache
@@ -47,8 +47,9 @@ export const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
     handleEditRow
   }, options));
   const setStrategyAvailability = React.useCallback(() => {
-    apiRef.current.setStrategyAvailability(GridStrategyGroup.DataSource, DataSourceRowsUpdateStrategy.Default, props.dataSource && !props.lazyLoading ? () => true : () => false);
-  }, [apiRef, props.dataSource, props.lazyLoading]);
+    const targetStrategy = props.treeData ? DataSourceRowsUpdateStrategy.GroupedData : DataSourceRowsUpdateStrategy.Default;
+    apiRef.current.setStrategyAvailability(GridStrategyGroup.DataSource, targetStrategy, props.dataSource && !props.lazyLoading ? () => true : () => false);
+  }, [apiRef, props.dataSource, props.lazyLoading, props.treeData]);
   const onDataSourceErrorProp = props.onDataSourceError;
   const fetchRowChildren = React.useCallback(async id => {
     const pipedParams = apiRef.current.unstable_applyPipeProcessors('getRowsParams', {});
@@ -205,6 +206,55 @@ export const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
       apiRef.current.updateNestedRows(removedRows, rowNode.path);
     }
   }, [apiRef]);
+  const handleGroupedDataUpdate = React.useCallback(params => {
+    if ('error' in params) {
+      apiRef.current.setRows([]);
+      return;
+    }
+    const {
+      response,
+      options: {
+        keepChildrenExpanded
+      }
+    } = params;
+    if (response.rowCount !== undefined) {
+      apiRef.current.setRowCount(response.rowCount);
+    }
+    if (keepChildrenExpanded === false) {
+      apiRef.current.setRows(response.rows);
+    } else {
+      const tree = gridRowTreeSelector(apiRef);
+      // Remove existing outdated rows before setting the new ones
+      // Create a set of the current root rows
+      const parentRowsToDelete = new Set(getTreeNodeDescendants(tree, GRID_ROOT_GROUP_ID, false, true));
+      // Remove from the list the rows that are again in the response
+      response.rows.forEach(row => {
+        parentRowsToDelete.delete(gridRowIdSelector(apiRef, row));
+      });
+      const rowsToDelete = [];
+      if (parentRowsToDelete.size > 0) {
+        parentRowsToDelete.forEach(parentRowId => {
+          const descendants = getTreeNodeDescendants(tree, parentRowId, false, false);
+          for (let i = descendants.length - 1; i >= 0; i -= 1) {
+            // delete deepest descendants first
+            rowsToDelete.push({
+              id: descendants[i],
+              _action: 'delete'
+            });
+          }
+          rowsToDelete.push({
+            id: parentRowId,
+            _action: 'delete'
+          });
+        });
+      }
+      apiRef.current.updateRows(response.rows.concat(rowsToDelete));
+    }
+    apiRef.current.unstable_applyPipeProcessors('processDataSourceRows', {
+      params: params.fetchParams,
+      response
+    }, true);
+  }, [apiRef]);
   const dataSourceApi = {
     dataSource: _extends({}, api.public.dataSource, {
       setChildrenLoading,
@@ -229,7 +279,12 @@ export const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
       private: dataSourcePrivateApi
     },
     debouncedFetchRows,
-    strategyProcessor,
+    flatTreeStrategyProcessor,
+    groupedDataStrategyProcessor: {
+      strategyName: DataSourceRowsUpdateStrategy.GroupedData,
+      group: 'dataSourceRowsUpdate',
+      processor: handleGroupedDataUpdate
+    },
     events,
     setStrategyAvailability,
     cacheChunkManager,

package/esm/hooks/features/dataSource/useGridDataSourcePro.js

@@ -21,13 +21,15 @@ const options = {
 export const useGridDataSourcePro = (apiRef, props) => {
   const {
     api,
-    strategyProcessor,
+    flatTreeStrategyProcessor,
+    groupedDataStrategyProcessor,
     events,
     setStrategyAvailability
   } = useGridDataSourceBasePro(apiRef, props, options);
   useGridApiMethod(apiRef, api.public, 'public');
   useGridApiMethod(apiRef, api.private, 'private');
-  useGridRegisterStrategyProcessor(apiRef, strategyProcessor.strategyName, strategyProcessor.group, strategyProcessor.processor);
+  useGridRegisterStrategyProcessor(apiRef, flatTreeStrategyProcessor.strategyName, flatTreeStrategyProcessor.group, flatTreeStrategyProcessor.processor);
+  useGridRegisterStrategyProcessor(apiRef, groupedDataStrategyProcessor.strategyName, groupedDataStrategyProcessor.group, groupedDataStrategyProcessor.processor);
   Object.entries(events).forEach(([event, handler]) => {
     addEventHandler(apiRef, event, handler);
   });

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v8.14.1
+ * @mui/x-data-grid-pro v8.15.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

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

@@ -1,5 +1,5 @@
 import type { GridValidRowModel, GridRowId, GridGetRowsResponse, GridDataSource, GridGetRowsParams } from '@mui/x-data-grid';
-import type { GridDataSourceApiBase } from '@mui/x-data-grid/internals';
+import type { GridDataSourceApiBase, GridDataSourceFetchRowsParams } from '@mui/x-data-grid/internals';
 export interface GridDataSourceState {
   loading: Record<GridRowId, boolean>;
   errors: Record<GridRowId, any>;
@@ -42,9 +42,10 @@ export interface GridDataSourceApiBasePro extends Omit<GridDataSourceApiBase, 'f
    * If no `parentId` option is provided, it fetches the root rows.
    * Any missing parameter from `params` will be filled from the state (sorting, filtering, etc.).
    * @param {GridRowId} parentId The id of the parent node (default: `GRID_ROOT_GROUP_ID`).
-   * @param {Partial<GridGetRowsParamsPro>} params Request parameters override.
+   * @param {GridDataSourceFetchRowsParams<GridGetRowsParamsPro>} params Request parameters override.
+   * @returns {Promise<void>} A promise that resolves when the rows are fetched.
    */
-  fetchRows: (parentId?: GridRowId, params?: Partial<GridGetRowsParamsPro>) => void;
+  fetchRows: (parentId?: GridRowId, params?: GridDataSourceFetchRowsParams<GridGetRowsParamsPro>) => Promise<void>;
   /**
    * Set the loading state of a parent row.
    * @param {string} parentId The id of the parent node.

package/hooks/features/dataSource/useGridDataSourceBasePro.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridRowId } from '@mui/x-data-grid';
-import { CacheChunkManager, DataSourceRowsUpdateStrategy, GridDataSourceBaseOptions } from '@mui/x-data-grid/internals';
+import { CacheChunkManager, DataSourceRowsUpdateStrategy, GridDataSourceBaseOptions, GridStrategyProcessor } from '@mui/x-data-grid/internals';
 import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
 import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 import { GridDataSourceApiPro, GridDataSourcePrivateApiPro } from "./models.js";
@@ -13,11 +13,16 @@ export declare const useGridDataSourceBasePro: <Api extends GridPrivateApiPro>(a
     public: GridDataSourceApiPro;
     private: GridDataSourcePrivateApiPro;
   };
-  debouncedFetchRows: ((parentId?: import("@mui/x-data-grid").GridRowId, params?: import("@mui/x-data-grid/hooks/features/dataSource/models").GridDataSourceFetchRowsParams) => void) & import("@mui/utils/debounce").Cancelable;
-  strategyProcessor: {
+  debouncedFetchRows: ((parentId?: import("@mui/x-data-grid").GridRowId, params?: import("@mui/x-data-grid/internals").GridDataSourceFetchRowsParams<import("@mui/x-data-grid").GridGetRowsParams>) => Promise<void>) & import("@mui/utils/debounce").Cancelable;
+  flatTreeStrategyProcessor: {
     strategyName: DataSourceRowsUpdateStrategy;
     group: "dataSourceRowsUpdate";
-    processor: import("@mui/x-data-grid/internals").GridStrategyProcessor<"dataSourceRowsUpdate">;
+    processor: GridStrategyProcessor<"dataSourceRowsUpdate">;
+  };
+  groupedDataStrategyProcessor: {
+    strategyName: DataSourceRowsUpdateStrategy;
+    group: "dataSourceRowsUpdate";
+    processor: GridStrategyProcessor<"dataSourceRowsUpdate">;
   };
   events: {
     strategyAvailabilityChange: import("@mui/x-data-grid").GridEventListener<"strategyAvailabilityChange">;

package/hooks/features/dataSource/useGridDataSourceBasePro.js

@@ -44,7 +44,7 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
   const {
     api,
     debouncedFetchRows,
-    strategyProcessor,
+    strategyProcessor: flatTreeStrategyProcessor,
     events,
     cacheChunkManager,
     cache
@@ -54,8 +54,9 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
     handleEditRow
   }, options));
   const setStrategyAvailability = React.useCallback(() => {
-    apiRef.current.setStrategyAvailability(_internals.GridStrategyGroup.DataSource, _internals.DataSourceRowsUpdateStrategy.Default, props.dataSource && !props.lazyLoading ? () => true : () => false);
-  }, [apiRef, props.dataSource, props.lazyLoading]);
+    const targetStrategy = props.treeData ? _internals.DataSourceRowsUpdateStrategy.GroupedData : _internals.DataSourceRowsUpdateStrategy.Default;
+    apiRef.current.setStrategyAvailability(_internals.GridStrategyGroup.DataSource, targetStrategy, props.dataSource && !props.lazyLoading ? () => true : () => false);
+  }, [apiRef, props.dataSource, props.lazyLoading, props.treeData]);
   const onDataSourceErrorProp = props.onDataSourceError;
   const fetchRowChildren = React.useCallback(async id => {
     const pipedParams = apiRef.current.unstable_applyPipeProcessors('getRowsParams', {});
@@ -212,6 +213,55 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
       apiRef.current.updateNestedRows(removedRows, rowNode.path);
     }
   }, [apiRef]);
+  const handleGroupedDataUpdate = React.useCallback(params => {
+    if ('error' in params) {
+      apiRef.current.setRows([]);
+      return;
+    }
+    const {
+      response,
+      options: {
+        keepChildrenExpanded
+      }
+    } = params;
+    if (response.rowCount !== undefined) {
+      apiRef.current.setRowCount(response.rowCount);
+    }
+    if (keepChildrenExpanded === false) {
+      apiRef.current.setRows(response.rows);
+    } else {
+      const tree = (0, _xDataGrid.gridRowTreeSelector)(apiRef);
+      // Remove existing outdated rows before setting the new ones
+      // Create a set of the current root rows
+      const parentRowsToDelete = new Set((0, _internals.getTreeNodeDescendants)(tree, _xDataGrid.GRID_ROOT_GROUP_ID, false, true));
+      // Remove from the list the rows that are again in the response
+      response.rows.forEach(row => {
+        parentRowsToDelete.delete((0, _xDataGrid.gridRowIdSelector)(apiRef, row));
+      });
+      const rowsToDelete = [];
+      if (parentRowsToDelete.size > 0) {
+        parentRowsToDelete.forEach(parentRowId => {
+          const descendants = (0, _internals.getTreeNodeDescendants)(tree, parentRowId, false, false);
+          for (let i = descendants.length - 1; i >= 0; i -= 1) {
+            // delete deepest descendants first
+            rowsToDelete.push({
+              id: descendants[i],
+              _action: 'delete'
+            });
+          }
+          rowsToDelete.push({
+            id: parentRowId,
+            _action: 'delete'
+          });
+        });
+      }
+      apiRef.current.updateRows(response.rows.concat(rowsToDelete));
+    }
+    apiRef.current.unstable_applyPipeProcessors('processDataSourceRows', {
+      params: params.fetchParams,
+      response
+    }, true);
+  }, [apiRef]);
   const dataSourceApi = {
     dataSource: (0, _extends2.default)({}, api.public.dataSource, {
       setChildrenLoading,
@@ -236,7 +286,12 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
       private: dataSourcePrivateApi
     },
     debouncedFetchRows,
-    strategyProcessor,
+    flatTreeStrategyProcessor,
+    groupedDataStrategyProcessor: {
+      strategyName: _internals.DataSourceRowsUpdateStrategy.GroupedData,
+      group: 'dataSourceRowsUpdate',
+      processor: handleGroupedDataUpdate
+    },
     events,
     setStrategyAvailability,
     cacheChunkManager,

package/hooks/features/dataSource/useGridDataSourcePro.js

@@ -29,13 +29,15 @@ const options = {
 const useGridDataSourcePro = (apiRef, props) => {
   const {
     api,
-    strategyProcessor,
+    flatTreeStrategyProcessor,
+    groupedDataStrategyProcessor,
     events,
     setStrategyAvailability
   } = (0, _useGridDataSourceBasePro.useGridDataSourceBasePro)(apiRef, props, options);
   (0, _xDataGrid.useGridApiMethod)(apiRef, api.public, 'public');
   (0, _xDataGrid.useGridApiMethod)(apiRef, api.private, 'private');
-  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, strategyProcessor.strategyName, strategyProcessor.group, strategyProcessor.processor);
+  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, flatTreeStrategyProcessor.strategyName, flatTreeStrategyProcessor.group, flatTreeStrategyProcessor.processor);
+  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, groupedDataStrategyProcessor.strategyName, groupedDataStrategyProcessor.group, groupedDataStrategyProcessor.processor);
   Object.entries(events).forEach(([event, handler]) => {
     (0, _xDataGrid.useGridEvent)(apiRef, event, handler);
   });

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v8.14.1
+ * @mui/x-data-grid-pro v8.15.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "8.14.1",
+  "version": "8.15.0",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Data Grid components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -37,9 +37,9 @@
     "@mui/utils": "^7.3.3",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-data-grid": "8.14.1",
-    "@mui/x-license": "8.14.1",
-    "@mui/x-internals": "8.14.0"
+    "@mui/x-data-grid": "8.15.0",
+    "@mui/x-internals": "8.14.0",
+    "@mui/x-license": "8.15.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",