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

package/CHANGELOG.md

@@ -5,6 +5,208 @@
 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_
+
+We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Charts have optimized data structures for closest point calculations — initial render times reduced by ~25% for 1,000+ data points, with greater gains at larger scales (#19790) @bernardobelchior
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to the community members for their valuable contributions:
+@djpremier, @jacknot, @justdoit1897, @mellis481, @sai6855
+
+The following are all team members who have contributed to this release:
+@arminmeh, @bernardobelchior, @brijeshb42, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @noraleonte, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.14.1`
+
+- [DataGrid] Fix cell not rerendering on `isCellEditable` prop change (#19898) @cherniavskii
+- [DataGrid] Fix virtualizer memory leaks (#19886) @cherniavskii
+- [DataGrid] Fix tree data unable to deselect row for exclude model (#19846) @siriwatknp
+- [l10n] Improve Italian (it-IT) locale (#19322) @jacknot and (#19940) @justdoit1897
+
+#### `@mui/x-data-grid-pro@8.14.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.14.1`, plus:
+
+- [DataGridPro] Clear cache before new request to the nested request queue after a row has been edited (#19873) @arminmeh
+
+#### `@mui/x-data-grid-premium@8.14.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.14.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.14.1`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.14.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@8.14.1`.
+
+### Charts
+
+#### `@mui/x-charts@8.14.1`
+
+- [charts] Fix `minBarSize` when y-axis is reversed (#19932) @bernardobelchior
+- [charts] Fix bar chart border radius when axis is reversed (#19895) @bernardobelchior
+- [charts] Fix scatter chart `datasetKeys.id` not being optional (#19897) @bernardobelchior
+- [charts] Use more performant data structure for closest point (#19790) @bernardobelchior
+- [charts] Fix `GaugeValueArc` having wrong class (#19965) @bernardobelchior
+- [charts] Fix `undefined` path when highlight empty line chart axis (#19969) @bernardobelchior
+
+#### `@mui/x-charts-pro@8.14.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.14.1`, plus:
+
+- [charts-pro] Add `highlighting` to Sankey chart (#19662) @JCQuintas
+
+#### `@mui/x-charts-premium@8.14.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-charts-pro@8.14.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.14.1`
+
+- [tree view] Do not forward the `ownerState` to the icon (#19772) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.14.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.14.1`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.14.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Add `'bumpX'` and `'bumpY'` curve types to the interpolation demo (#19676) @djpremier
+- [docs] Add scatter chart with linear regression demo (#19900) @bernardobelchior
+- [docs] Correctly describe Data Grid's row selection behavior (#19968) @arminmeh
+- [docs] Fix `isExpanded` type in tree view docs (#19092) @mellis481
+
+### Core
+
+- [code-infra] Disable Netlify cache plugin (#19950) @Janpot
+- [code-infra] Lint json through eslint (#19890) @Janpot
+- [docs-infra] Use published netlify cache plugin package (#19929) @brijeshb42
+
 ## 8.14.0
 
 _Oct 9, 2025_

package/DataGridPro/DataGridPro.js

@@ -32,7 +32,7 @@ const configuration = {
     useFilterValueGetter: apiRef => apiRef.current.getRowValue
   }
 };
-const releaseInfo = "MTc1OTk2ODAwMDAwMA==";
+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 = "MTc1OTk2ODAwMDAwMA==";
+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";
@@ -27,17 +27,17 @@ export const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
     return null;
   }, [apiRef, nestedDataManager]);
   const handleEditRow = React.useCallback((params, updatedRow) => {
-    const groupKeys = getGroupKeys(gridRowTreeSelector(apiRef), params.rowId);
-    apiRef.current.updateNestedRows([updatedRow], groupKeys);
     if (updatedRow && !isDeepEqual(updatedRow, params.previousRow)) {
       // Reset the outdated cache, only if the row is _actually_ updated
       apiRef.current.dataSource.cache.clear();
     }
+    const groupKeys = getGroupKeys(gridRowTreeSelector(apiRef), params.rowId);
+    apiRef.current.updateNestedRows([updatedRow], groupKeys);
   }, [apiRef]);
   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.0
+ * @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/esm/internals/index.d.ts

@@ -25,7 +25,6 @@ export { useGridInfiniteLoadingIntersection } from "../hooks/features/serverSide
 export { dataSourceStateInitializer } from "../hooks/features/dataSource/useGridDataSourcePro.js";
 export { useGridDataSourceBasePro } from "../hooks/features/dataSource/useGridDataSourceBasePro.js";
 export { gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector } from "../hooks/features/dataSource/gridDataSourceSelector.js";
-export { getGroupKeys } from "../hooks/features/dataSource/utils.js";
 export type { GridExperimentalProFeatures, DataGridProPropsWithoutDefaultValue, DataGridProPropsWithDefaultValue } from "../models/dataGridProProps.js";
 export type { GridProSlotProps } from "../models/gridProSlotProps.js";
 export { createRowTree } from "../utils/tree/createRowTree.js";

package/esm/internals/index.js

@@ -28,7 +28,6 @@ export { useGridInfiniteLoadingIntersection } from "../hooks/features/serverSide
 export { dataSourceStateInitializer } from "../hooks/features/dataSource/useGridDataSourcePro.js";
 export { useGridDataSourceBasePro } from "../hooks/features/dataSource/useGridDataSourceBasePro.js";
 export { gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector } from "../hooks/features/dataSource/gridDataSourceSelector.js";
-export { getGroupKeys } from "../hooks/features/dataSource/utils.js";
 export { createRowTree } from "../utils/tree/createRowTree.js";
 export { updateRowTree } from "../utils/tree/updateRowTree.js";
 export { sortRowTree } from "../utils/tree/sortRowTree.js";

package/esm/utils/tree/insertDataRowInTree.d.ts

@@ -1,5 +1,5 @@
 import { GridRowId, GridRowTreeConfig } from '@mui/x-data-grid';
-import { GridTreeDepths, GridRowTreeUpdatedGroupsManager } from '@mui/x-data-grid/internals';
+import { GridTreeDepths } from '@mui/x-data-grid/internals';
 import { GridTreePathDuplicateHandler, RowTreeBuilderGroupingCriterion } from "./models.js";
 import { DataGridProProps } from "../../models/dataGridProProps.js";
 interface InsertDataRowInTreeParams {
@@ -32,12 +32,6 @@ interface InsertDataRowInTreeParams {
    * - `treeDepths[nodeDepth] = treeDepth[nodeDepth] + 1` => valid
    */
   treeDepths: GridTreeDepths;
-  /**
-   * Object tracking the action performed on each group.
-   * Used to decide which groups to refresh on sorting, filtering, aggregation, ...
-   * If not defined, then the tracking will be skipped.
-   */
-  updatedGroupsManager?: GridRowTreeUpdatedGroupsManager;
   /**
    * Callback fired when trying to insert a data row for a path already populated by another data row.
    */
@@ -57,7 +51,6 @@ interface InsertDataRowInTreeParams {
 export declare const insertDataRowInTree: ({
   id,
   path,
-  updatedGroupsManager,
   previousTree,
   tree,
   treeDepths,

package/esm/utils/tree/insertDataRowInTree.js

@@ -9,7 +9,6 @@ import { updateGroupDefaultExpansion, checkGroupChildrenExpansion, getGroupRowId
 export const insertDataRowInTree = ({
   id,
   path,
-  updatedGroupsManager,
   previousTree,
   tree,
   treeDepths,
@@ -52,7 +51,7 @@ export const insertDataRowInTree = ({
             childrenExpanded: false,
             serverChildrenCount
           };
-          const shouldFetchChildren = checkGroupChildrenExpansion(node, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, previousTree?.[id]?.childrenExpanded);
+          const shouldFetchChildren = checkGroupChildrenExpansion(node, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault);
           if (shouldFetchChildren) {
             groupsToFetch?.add(id);
           }
@@ -65,7 +64,6 @@ export const insertDataRowInTree = ({
             groupingKey: key
           };
         }
-        updatedGroupsManager?.addAction(parentNodeId, 'insertChildren');
         insertNodeInTree(node, tree, treeDepths, previousTree);
       } else {
         const existingNodeWithPartialPath = tree[existingNodeIdWithPartialPath];
@@ -73,8 +71,6 @@ export const insertDataRowInTree = ({
         // If we already have an auto-generated group matching the partial path,
         // We replace it with the node from of data row passed to `insertNodeInTree`
         if (existingNodeWithPartialPath.type === 'group' && existingNodeWithPartialPath.isAutoGenerated) {
-          updatedGroupsManager?.addAction(parentNodeId, 'removeChildren');
-          updatedGroupsManager?.addAction(parentNodeId, 'insertChildren');
           updateGroupNodeIdAndAutoGenerated({
             tree,
             previousTree,
@@ -111,7 +107,6 @@ export const insertDataRowInTree = ({
         childrenFromPath: {},
         childrenExpanded: false
       };
-      updatedGroupsManager?.addAction(parentNodeId, 'insertChildren');
       insertNodeInTree(updateGroupDefaultExpansion(autoGeneratedGroupNode, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, previousTree?.[nodeId]?.childrenExpanded), tree, treeDepths, previousTree);
       parentNodeId = nodeId;
     }

package/esm/utils/tree/removeDataRowFromTree.d.ts

@@ -1,5 +1,5 @@
 import { GridRowId, GridRowTreeConfig } from '@mui/x-data-grid';
-import { GridTreeDepths, GridRowTreeUpdatedGroupsManager } from '@mui/x-data-grid/internals';
+import { GridTreeDepths } from '@mui/x-data-grid/internals';
 interface RemoveDataRowFromTreeParams {
   /**
    * ID of the data row to remove from the tree.
@@ -22,12 +22,6 @@ interface RemoveDataRowFromTreeParams {
    * - `treeDepths[nodeDepth] = treeDepth[nodeDepth] + 1` => valid
    */
   treeDepths: GridTreeDepths;
-  /**
-   * Object tracking the action performed on each group.
-   * Used to decide which groups to refresh on sorting, filtering, aggregation, ...
-   * If not defined, then the tracking will be skipped.
-   */
-  updatedGroupsManager?: GridRowTreeUpdatedGroupsManager;
   groupingName: string;
 }
 /**
@@ -41,7 +35,6 @@ export declare const removeDataRowFromTree: ({
   id,
   tree,
   treeDepths,
-  updatedGroupsManager,
   groupingName
 }: RemoveDataRowFromTreeParams) => void;
 export {};

package/esm/utils/tree/removeDataRowFromTree.js

@@ -23,8 +23,7 @@ const removeNode = ({
 const removeNodeAndCleanParent = ({
   node,
   tree,
-  treeDepths,
-  updatedGroupsManager
+  treeDepths
 }) => {
   removeNode({
     node,
@@ -32,7 +31,6 @@ const removeNodeAndCleanParent = ({
     treeDepths
   });
   const parentNode = tree[node.parent];
-  updatedGroupsManager?.addAction(parentNode.id, 'removeChildren');
   const shouldDeleteGroup = parentNode.id !== GRID_ROOT_GROUP_ID && parentNode.children.length === 0;
   if (shouldDeleteGroup) {
     if (parentNode.isAutoGenerated) {
@@ -55,11 +53,8 @@ const removeNodeAndCleanParent = ({
 const replaceDataGroupWithAutoGeneratedGroup = ({
   node,
   tree,
-  treeDepths,
-  updatedGroupsManager
+  treeDepths
 }) => {
-  updatedGroupsManager?.addAction(node.parent, 'removeChildren');
-  updatedGroupsManager?.addAction(node.parent, 'insertChildren');
   updateGroupNodeIdAndAutoGenerated({
     previousTree: null,
     tree,
@@ -86,7 +81,6 @@ export const removeDataRowFromTree = ({
   id,
   tree,
   treeDepths,
-  updatedGroupsManager,
   groupingName
 }) => {
   const node = tree[id];
@@ -94,15 +88,13 @@ export const removeDataRowFromTree = ({
     replaceDataGroupWithAutoGeneratedGroup({
       node,
       tree,
-      treeDepths,
-      updatedGroupsManager
+      treeDepths
     });
   } else if (groupingName === TreeDataStrategy.Default || groupingName === RowGroupingStrategy.Default) {
     removeNodeAndCleanParent({
       node,
       tree,
-      treeDepths,
-      updatedGroupsManager
+      treeDepths
     });
   } else {
     removeNode({

package/esm/utils/tree/updateRowTree.js

@@ -4,11 +4,10 @@ import { getTreeNodeDescendants } from '@mui/x-data-grid/internals';
 import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
 import { insertDataRowInTree } from "./insertDataRowInTree.js";
 import { removeDataRowFromTree } from "./removeDataRowFromTree.js";
-import { createUpdatedGroupsManager, getNodePathInTree } from "./utils.js";
+import { getNodePathInTree } from "./utils.js";
 export const updateRowTree = params => {
   const tree = _extends({}, params.previousTree);
   const treeDepths = _extends({}, params.previousTreeDepth);
-  const updatedGroupsManager = createUpdatedGroupsManager();
   const groupsToFetch = params.previousGroupsToFetch ? new Set([...params.previousGroupsToFetch]) : new Set([]);
   for (let i = 0; i < params.nodes.inserted.length; i += 1) {
     const {
@@ -20,7 +19,6 @@ export const updateRowTree = params => {
       previousTree: params.previousTree,
       tree,
       treeDepths,
-      updatedGroupsManager,
       id,
       path,
       serverChildrenCount,
@@ -36,7 +34,6 @@ export const updateRowTree = params => {
     removeDataRowFromTree({
       tree,
       treeDepths,
-      updatedGroupsManager,
       id: nodeId,
       groupingName: params.groupingName
     });
@@ -56,7 +53,6 @@ export const updateRowTree = params => {
       removeDataRowFromTree({
         tree,
         treeDepths,
-        updatedGroupsManager,
         id,
         groupingName: params.groupingName
       });
@@ -64,7 +60,6 @@ export const updateRowTree = params => {
         previousTree: params.previousTree,
         tree,
         treeDepths,
-        updatedGroupsManager,
         id,
         path,
         serverChildrenCount,
@@ -74,8 +69,6 @@ export const updateRowTree = params => {
         groupsToFetch,
         maxDepth: params.maxDepth
       });
-    } else {
-      updatedGroupsManager?.addAction(tree[id].parent, 'modifyChildren');
     }
   }
 
@@ -86,7 +79,6 @@ export const updateRowTree = params => {
     treeDepths,
     groupingName: params.groupingName,
     dataRowIds,
-    updatedGroupsManager,
     groupsToFetch: Array.from(groupsToFetch)
   };
 };

package/esm/utils/tree/utils.d.ts

@@ -1,5 +1,5 @@
 import { GridFilterState, GridGroupNode, GridRowId, GridRowTreeConfig, GridRowsState, GridTreeNode } from '@mui/x-data-grid';
-import { GridTreeDepths, GridRowTreeUpdatedGroupsManager } from '@mui/x-data-grid/internals';
+import { GridTreeDepths } from '@mui/x-data-grid/internals';
 import { RowTreeBuilderGroupingCriterion } from "./models.js";
 import { DataGridProProps } from "../../models/dataGridProProps.js";
 export declare const getGroupRowIdFromPath: (path: RowTreeBuilderGroupingCriterion[]) => string;
@@ -44,7 +44,6 @@ export declare const updateGroupNodeIdAndAutoGenerated: ({
   tree: GridRowTreeConfig;
   treeDepths: GridTreeDepths;
 }) => void;
-export declare const createUpdatedGroupsManager: () => GridRowTreeUpdatedGroupsManager;
 export declare const getVisibleRowsLookup: ({
   tree,
   filteredRowsLookup

package/esm/utils/tree/utils.js

@@ -151,15 +151,6 @@ export const updateGroupNodeIdAndAutoGenerated = ({
   const groupNode = _extends({}, node, updatedNode);
   insertNodeInTree(groupNode, tree, treeDepths, previousTree);
 };
-export const createUpdatedGroupsManager = () => ({
-  value: {},
-  addAction(groupId, action) {
-    if (!this.value[groupId]) {
-      this.value[groupId] = {};
-    }
-    this.value[groupId][action] = true;
-  }
-});
 export const getVisibleRowsLookup = ({
   tree,
   filteredRowsLookup

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

@@ -34,17 +34,17 @@ const useGridDataSourceBasePro = (apiRef, props, options = {}) => {
     return null;
   }, [apiRef, nestedDataManager]);
   const handleEditRow = React.useCallback((params, updatedRow) => {
-    const groupKeys = (0, _utils.getGroupKeys)((0, _xDataGrid.gridRowTreeSelector)(apiRef), params.rowId);
-    apiRef.current.updateNestedRows([updatedRow], groupKeys);
     if (updatedRow && !(0, _isDeepEqual.isDeepEqual)(updatedRow, params.previousRow)) {
       // Reset the outdated cache, only if the row is _actually_ updated
       apiRef.current.dataSource.cache.clear();
     }
+    const groupKeys = (0, _utils.getGroupKeys)((0, _xDataGrid.gridRowTreeSelector)(apiRef), params.rowId);
+    apiRef.current.updateNestedRows([updatedRow], groupKeys);
   }, [apiRef]);
   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.0
+ * @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/internals/index.d.ts

@@ -25,7 +25,6 @@ export { useGridInfiniteLoadingIntersection } from "../hooks/features/serverSide
 export { dataSourceStateInitializer } from "../hooks/features/dataSource/useGridDataSourcePro.js";
 export { useGridDataSourceBasePro } from "../hooks/features/dataSource/useGridDataSourceBasePro.js";
 export { gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector } from "../hooks/features/dataSource/gridDataSourceSelector.js";
-export { getGroupKeys } from "../hooks/features/dataSource/utils.js";
 export type { GridExperimentalProFeatures, DataGridProPropsWithoutDefaultValue, DataGridProPropsWithDefaultValue } from "../models/dataGridProProps.js";
 export type { GridProSlotProps } from "../models/gridProSlotProps.js";
 export { createRowTree } from "../utils/tree/createRowTree.js";

package/internals/index.js

@@ -37,7 +37,6 @@ var _exportNames = {
   useGridDataSourceBasePro: true,
   gridDataSourceErrorSelector: true,
   gridDataSourceLoadingIdSelector: true,
-  getGroupKeys: true,
   createRowTree: true,
   updateRowTree: true,
   sortRowTree: true,
@@ -97,22 +96,16 @@ Object.defineProperty(exports, "detailPanelStateInitializer", {
     return _useGridDetailPanel.detailPanelStateInitializer;
   }
 });
-Object.defineProperty(exports, "getGroupKeys", {
-  enumerable: true,
-  get: function () {
-    return _utils.getGroupKeys;
-  }
-});
 Object.defineProperty(exports, "getParentPath", {
   enumerable: true,
   get: function () {
-    return _utils3.getParentPath;
+    return _utils2.getParentPath;
   }
 });
 Object.defineProperty(exports, "getVisibleRowsLookup", {
   enumerable: true,
   get: function () {
-    return _utils2.getVisibleRowsLookup;
+    return _utils.getVisibleRowsLookup;
   }
 });
 Object.defineProperty(exports, "gridDataSourceErrorSelector", {
@@ -130,13 +123,13 @@ Object.defineProperty(exports, "gridDataSourceLoadingIdSelector", {
 Object.defineProperty(exports, "insertNodeInTree", {
   enumerable: true,
   get: function () {
-    return _utils2.insertNodeInTree;
+    return _utils.insertNodeInTree;
   }
 });
 Object.defineProperty(exports, "removeNodeFromTree", {
   enumerable: true,
   get: function () {
-    return _utils2.removeNodeFromTree;
+    return _utils.removeNodeFromTree;
   }
 });
 Object.defineProperty(exports, "rowPinningStateInitializer", {
@@ -154,13 +147,13 @@ Object.defineProperty(exports, "rowReorderStateInitializer", {
 Object.defineProperty(exports, "skipFiltering", {
   enumerable: true,
   get: function () {
-    return _utils3.skipFiltering;
+    return _utils2.skipFiltering;
   }
 });
 Object.defineProperty(exports, "skipSorting", {
   enumerable: true,
   get: function () {
-    return _utils3.skipSorting;
+    return _utils2.skipSorting;
   }
 });
 Object.defineProperty(exports, "sortRowTree", {
@@ -338,12 +331,11 @@ var _useGridInfiniteLoadingIntersection = require("../hooks/features/serverSideL
 var _useGridDataSourcePro = require("../hooks/features/dataSource/useGridDataSourcePro");
 var _useGridDataSourceBasePro = require("../hooks/features/dataSource/useGridDataSourceBasePro");
 var _gridDataSourceSelector = require("../hooks/features/dataSource/gridDataSourceSelector");
-var _utils = require("../hooks/features/dataSource/utils");
 var _createRowTree = require("../utils/tree/createRowTree");
 var _updateRowTree = require("../utils/tree/updateRowTree");
 var _sortRowTree = require("../utils/tree/sortRowTree");
-var _utils2 = require("../utils/tree/utils");
-var _utils3 = require("../hooks/features/serverSideTreeData/utils");
+var _utils = require("../utils/tree/utils");
+var _utils2 = require("../hooks/features/serverSideTreeData/utils");
 var _propValidation = require("./propValidation");
 Object.keys(_propValidation).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "8.14.0",
+  "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.0",
+    "@mui/x-data-grid": "8.15.0",
     "@mui/x-internals": "8.14.0",
-    "@mui/x-license": "8.14.0"
+    "@mui/x-license": "8.15.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/utils/tree/insertDataRowInTree.d.ts

@@ -1,5 +1,5 @@
 import { GridRowId, GridRowTreeConfig } from '@mui/x-data-grid';
-import { GridTreeDepths, GridRowTreeUpdatedGroupsManager } from '@mui/x-data-grid/internals';
+import { GridTreeDepths } from '@mui/x-data-grid/internals';
 import { GridTreePathDuplicateHandler, RowTreeBuilderGroupingCriterion } from "./models.js";
 import { DataGridProProps } from "../../models/dataGridProProps.js";
 interface InsertDataRowInTreeParams {
@@ -32,12 +32,6 @@ interface InsertDataRowInTreeParams {
    * - `treeDepths[nodeDepth] = treeDepth[nodeDepth] + 1` => valid
    */
   treeDepths: GridTreeDepths;
-  /**
-   * Object tracking the action performed on each group.
-   * Used to decide which groups to refresh on sorting, filtering, aggregation, ...
-   * If not defined, then the tracking will be skipped.
-   */
-  updatedGroupsManager?: GridRowTreeUpdatedGroupsManager;
   /**
    * Callback fired when trying to insert a data row for a path already populated by another data row.
    */
@@ -57,7 +51,6 @@ interface InsertDataRowInTreeParams {
 export declare const insertDataRowInTree: ({
   id,
   path,
-  updatedGroupsManager,
   previousTree,
   tree,
   treeDepths,

package/utils/tree/insertDataRowInTree.js

@@ -15,7 +15,6 @@ var _utils = require("./utils");
 const insertDataRowInTree = ({
   id,
   path,
-  updatedGroupsManager,
   previousTree,
   tree,
   treeDepths,
@@ -58,7 +57,7 @@ const insertDataRowInTree = ({
             childrenExpanded: false,
             serverChildrenCount
           };
-          const shouldFetchChildren = (0, _utils.checkGroupChildrenExpansion)(node, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, previousTree?.[id]?.childrenExpanded);
+          const shouldFetchChildren = (0, _utils.checkGroupChildrenExpansion)(node, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault);
           if (shouldFetchChildren) {
             groupsToFetch?.add(id);
           }
@@ -71,7 +70,6 @@ const insertDataRowInTree = ({
             groupingKey: key
           };
         }
-        updatedGroupsManager?.addAction(parentNodeId, 'insertChildren');
         (0, _utils.insertNodeInTree)(node, tree, treeDepths, previousTree);
       } else {
         const existingNodeWithPartialPath = tree[existingNodeIdWithPartialPath];
@@ -79,8 +77,6 @@ const insertDataRowInTree = ({
         // If we already have an auto-generated group matching the partial path,
         // We replace it with the node from of data row passed to `insertNodeInTree`
         if (existingNodeWithPartialPath.type === 'group' && existingNodeWithPartialPath.isAutoGenerated) {
-          updatedGroupsManager?.addAction(parentNodeId, 'removeChildren');
-          updatedGroupsManager?.addAction(parentNodeId, 'insertChildren');
           (0, _utils.updateGroupNodeIdAndAutoGenerated)({
             tree,
             previousTree,
@@ -117,7 +113,6 @@ const insertDataRowInTree = ({
         childrenFromPath: {},
         childrenExpanded: false
       };
-      updatedGroupsManager?.addAction(parentNodeId, 'insertChildren');
       (0, _utils.insertNodeInTree)((0, _utils.updateGroupDefaultExpansion)(autoGeneratedGroupNode, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, previousTree?.[nodeId]?.childrenExpanded), tree, treeDepths, previousTree);
       parentNodeId = nodeId;
     }

package/utils/tree/removeDataRowFromTree.d.ts

@@ -1,5 +1,5 @@
 import { GridRowId, GridRowTreeConfig } from '@mui/x-data-grid';
-import { GridTreeDepths, GridRowTreeUpdatedGroupsManager } from '@mui/x-data-grid/internals';
+import { GridTreeDepths } from '@mui/x-data-grid/internals';
 interface RemoveDataRowFromTreeParams {
   /**
    * ID of the data row to remove from the tree.
@@ -22,12 +22,6 @@ interface RemoveDataRowFromTreeParams {
    * - `treeDepths[nodeDepth] = treeDepth[nodeDepth] + 1` => valid
    */
   treeDepths: GridTreeDepths;
-  /**
-   * Object tracking the action performed on each group.
-   * Used to decide which groups to refresh on sorting, filtering, aggregation, ...
-   * If not defined, then the tracking will be skipped.
-   */
-  updatedGroupsManager?: GridRowTreeUpdatedGroupsManager;
   groupingName: string;
 }
 /**
@@ -41,7 +35,6 @@ export declare const removeDataRowFromTree: ({
   id,
   tree,
   treeDepths,
-  updatedGroupsManager,
   groupingName
 }: RemoveDataRowFromTreeParams) => void;
 export {};

package/utils/tree/removeDataRowFromTree.js

@@ -29,8 +29,7 @@ const removeNode = ({
 const removeNodeAndCleanParent = ({
   node,
   tree,
-  treeDepths,
-  updatedGroupsManager
+  treeDepths
 }) => {
   removeNode({
     node,
@@ -38,7 +37,6 @@ const removeNodeAndCleanParent = ({
     treeDepths
   });
   const parentNode = tree[node.parent];
-  updatedGroupsManager?.addAction(parentNode.id, 'removeChildren');
   const shouldDeleteGroup = parentNode.id !== _xDataGrid.GRID_ROOT_GROUP_ID && parentNode.children.length === 0;
   if (shouldDeleteGroup) {
     if (parentNode.isAutoGenerated) {
@@ -61,11 +59,8 @@ const removeNodeAndCleanParent = ({
 const replaceDataGroupWithAutoGeneratedGroup = ({
   node,
   tree,
-  treeDepths,
-  updatedGroupsManager
+  treeDepths
 }) => {
-  updatedGroupsManager?.addAction(node.parent, 'removeChildren');
-  updatedGroupsManager?.addAction(node.parent, 'insertChildren');
   (0, _utils.updateGroupNodeIdAndAutoGenerated)({
     previousTree: null,
     tree,
@@ -92,7 +87,6 @@ const removeDataRowFromTree = ({
   id,
   tree,
   treeDepths,
-  updatedGroupsManager,
   groupingName
 }) => {
   const node = tree[id];
@@ -100,15 +94,13 @@ const removeDataRowFromTree = ({
     replaceDataGroupWithAutoGeneratedGroup({
       node,
       tree,
-      treeDepths,
-      updatedGroupsManager
+      treeDepths
     });
   } else if (groupingName === _gridTreeDataUtils.TreeDataStrategy.Default || groupingName === _internals.RowGroupingStrategy.Default) {
     removeNodeAndCleanParent({
       node,
       tree,
-      treeDepths,
-      updatedGroupsManager
+      treeDepths
     });
   } else {
     removeNode({

package/utils/tree/updateRowTree.js

@@ -15,7 +15,6 @@ var _utils = require("./utils");
 const updateRowTree = params => {
   const tree = (0, _extends2.default)({}, params.previousTree);
   const treeDepths = (0, _extends2.default)({}, params.previousTreeDepth);
-  const updatedGroupsManager = (0, _utils.createUpdatedGroupsManager)();
   const groupsToFetch = params.previousGroupsToFetch ? new Set([...params.previousGroupsToFetch]) : new Set([]);
   for (let i = 0; i < params.nodes.inserted.length; i += 1) {
     const {
@@ -27,7 +26,6 @@ const updateRowTree = params => {
       previousTree: params.previousTree,
       tree,
       treeDepths,
-      updatedGroupsManager,
       id,
       path,
       serverChildrenCount,
@@ -43,7 +41,6 @@ const updateRowTree = params => {
     (0, _removeDataRowFromTree.removeDataRowFromTree)({
       tree,
       treeDepths,
-      updatedGroupsManager,
       id: nodeId,
       groupingName: params.groupingName
     });
@@ -63,7 +60,6 @@ const updateRowTree = params => {
       (0, _removeDataRowFromTree.removeDataRowFromTree)({
         tree,
         treeDepths,
-        updatedGroupsManager,
         id,
         groupingName: params.groupingName
       });
@@ -71,7 +67,6 @@ const updateRowTree = params => {
         previousTree: params.previousTree,
         tree,
         treeDepths,
-        updatedGroupsManager,
         id,
         path,
         serverChildrenCount,
@@ -81,8 +76,6 @@ const updateRowTree = params => {
         groupsToFetch,
         maxDepth: params.maxDepth
       });
-    } else {
-      updatedGroupsManager?.addAction(tree[id].parent, 'modifyChildren');
     }
   }
 
@@ -93,7 +86,6 @@ const updateRowTree = params => {
     treeDepths,
     groupingName: params.groupingName,
     dataRowIds,
-    updatedGroupsManager,
     groupsToFetch: Array.from(groupsToFetch)
   };
 };

package/utils/tree/utils.d.ts

@@ -1,5 +1,5 @@
 import { GridFilterState, GridGroupNode, GridRowId, GridRowTreeConfig, GridRowsState, GridTreeNode } from '@mui/x-data-grid';
-import { GridTreeDepths, GridRowTreeUpdatedGroupsManager } from '@mui/x-data-grid/internals';
+import { GridTreeDepths } from '@mui/x-data-grid/internals';
 import { RowTreeBuilderGroupingCriterion } from "./models.js";
 import { DataGridProProps } from "../../models/dataGridProProps.js";
 export declare const getGroupRowIdFromPath: (path: RowTreeBuilderGroupingCriterion[]) => string;
@@ -44,7 +44,6 @@ export declare const updateGroupNodeIdAndAutoGenerated: ({
   tree: GridRowTreeConfig;
   treeDepths: GridTreeDepths;
 }) => void;
-export declare const createUpdatedGroupsManager: () => GridRowTreeUpdatedGroupsManager;
 export declare const getVisibleRowsLookup: ({
   tree,
   filteredRowsLookup

package/utils/tree/utils.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateGroupNodeIdAndAutoGenerated = exports.updateGroupDefaultExpansion = exports.removeNodeFromTree = exports.insertNodeInTree = exports.getVisibleRowsLookup = exports.getNodePathInTree = exports.getGroupRowIdFromPath = exports.createUpdatedGroupsManager = exports.checkGroupChildrenExpansion = void 0;
+exports.updateGroupNodeIdAndAutoGenerated = exports.updateGroupDefaultExpansion = exports.removeNodeFromTree = exports.insertNodeInTree = exports.getVisibleRowsLookup = exports.getNodePathInTree = exports.getGroupRowIdFromPath = exports.checkGroupChildrenExpansion = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _xDataGrid = require("@mui/x-data-grid");
 const getGroupRowIdFromPath = path => {
@@ -165,16 +165,6 @@ const updateGroupNodeIdAndAutoGenerated = ({
   insertNodeInTree(groupNode, tree, treeDepths, previousTree);
 };
 exports.updateGroupNodeIdAndAutoGenerated = updateGroupNodeIdAndAutoGenerated;
-const createUpdatedGroupsManager = () => ({
-  value: {},
-  addAction(groupId, action) {
-    if (!this.value[groupId]) {
-      this.value[groupId] = {};
-    }
-    this.value[groupId][action] = true;
-  }
-});
-exports.createUpdatedGroupsManager = createUpdatedGroupsManager;
 const getVisibleRowsLookup = ({
   tree,
   filteredRowsLookup