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

package/CHANGELOG.md

@@ -5,6 +5,209 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 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_
+
+We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 The [Chart zoom now supports the `pressAndDrag` gesture](https://mui.com/x/react-charts/zoom-and-pan/#zoom-interactions-configuration). Pan by pressing and dragging.
+- 🔄 [Server-side pivoting](https://mui.com/x/react-data-grid/server-side-data/pivoting/) support for the Data Grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to the community members for their valuable contributions:
+@djpremier, @Utkarsh-0304
+
+The following are all team members who have contributed to this release:
+@alexfauquette, @bernardobelchior, @flaviendelangle, @hasdfa, @Janpot, @JCQuintas, @prakhargupta1, @rita-codes, @noraleonte, @brijeshb42, @arminmeh, @michelengelen
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.14.0`
+
+- [l10n] Improve Brazilian Portuguese (pt-BR) locale (#19658) @djpremier
+
+#### `@mui/x-data-grid-pro@8.14.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.14.0`.
+
+#### `@mui/x-data-grid-premium@8.14.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.14.0`, plus:
+
+- [DataGridPremium] Server-side pivoting (#19575) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.14.0`
+
+- [pickers] Fixed the extra element for the disabled date picker (#19387) @Utkarsh-0304
+- [pickers] Fix input `autoCapitalize` value for Firefox compatibility (#19285) @michelengelen
+- [l10n] Improve Brazilian Portuguese (pt-BR) locale (#19658) @djpremier
+
+#### `@mui/x-date-pickers-pro@8.14.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.14.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.14.0`
+
+- [charts] Add `pressAndDrag` pan gesture (#19779) @JCQuintas
+- [charts] Allow `minPointers` and `maxPointers` to be configured by pointer type (#19794) @JCQuintas
+- [charts] Correct scale domain types (#19844) @bernardobelchior
+- [charts] Fix tooltip position when scrolling (#19857) @alexfauquette
+- [charts] Link item highlight with keyboard navigation (#19768) @alexfauquette
+- [charts] Refactor domain/scale selectors (#19832) @bernardobelchior
+- [charts] Remove min/max from ordinal configuration (#19789) @alexfauquette
+- [charts] Simplify axes filters selectors (#19833) @bernardobelchior
+- [l10n] Improve Brazilian Portuguese (pt-BR) locale (#19658) @djpremier
+
+#### `@mui/x-charts-pro@8.14.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.14.0`.
+
+#### `@mui/x-charts-premium@8.14.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.14.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.14.0`
+
+- [tree view] Fix Tree View tooltip anchoring on overview page (#19806) @noraleonte
+
+#### `@mui/x-tree-view-pro@8.14.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.14.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.14.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Add overview section for pie chart (#19672) @prakhargupta1
+- [docs] Fix demo title knob keys (#19843) @JCQuintas
+- [docs] Hide UI elements of unsupported features in the data source demos (#19849) @arminmeh
+
+### Core
+
+- [code-infra] Cleanup unused dependencies (#19788) @brijeshb42
+- [code-infra] Fix pnpm-lock issue (#19861) @JCQuintas
+- [code-infra] Improve publishing docs (#19404) @Janpot
+- [code-infra] Remove tsconfig `baseUrl` (#19837) @Janpot
+- [code-infra] Support custom npm dist tags during release (#19803) @Janpot
+- [code-infra] Wait longer for print dialog (#19795) @JCQuintas
+- [code-infra] Replace `lodash` with `es-toolkit` (#19853) @bernardobelchior
+- [code-infra] Update release script PR checklist (#19785) @bernardobelchior
+- [code-infra] Remove remaining usages of `lodash` (#19864) @bernardobelchior
+- [docs-infra] Add `title` knob (#19792) @JCQuintas
+- [docs-infra] Fix missing key in title knob (#19804) @JCQuintas
+
+### Miscellaneous
+
+- [x-telemetry] Fix transpile issues (#19761) @hasdfa
+- [x-telemetry] Fix ref to deleted file (#19842) @JCQuintas
+
 ## 8.13.1
 
 _Oct 1, 2025_
@@ -222,7 +425,7 @@ We'd like to extend a big thank you to the 15 contributors who made this release
 
 ![Grid x Charts](https://github.com/user-attachments/assets/0817c36f-f87f-4688-8f30-fa0db638ca8c)
 
-  👉 [🎥 Watch the full video](https://github.com/user-attachments/assets/28f1848e-dc85-4077-8756-a3e88afd4e54)
+👉 [🎥 Watch the full video](https://github.com/user-attachments/assets/28f1848e-dc85-4077-8756-a3e88afd4e54)
 
 - ⌨️ Charts keyboard navigation
 - ⚡️ Charts: Add new `renderer="svg-batch"` prop to Scatter charts that provides improved performance for large datasets

package/DataGridPro/DataGridPro.js

@@ -32,7 +32,7 @@ const configuration = {
     useFilterValueGetter: apiRef => apiRef.current.getRowValue
   }
 };
-const releaseInfo = "MTc1OTI3NjgwMDAwMA==";
+const releaseInfo = "MTc2MDU3MjgwMDAwMA==";
 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 = "MTc1OTI3NjgwMDAwMA==";
+const releaseInfo = "MTc2MDU3MjgwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-pro",
   releaseInfo: releaseInfo

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

@@ -27,12 +27,12 @@ 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,

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v8.13.1
+ * @mui/x-data-grid-pro v8.14.1
  *
  * @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/createRowTree.d.ts

@@ -9,6 +9,7 @@ interface CreateRowTreeParams {
   isGroupExpandedByDefault?: DataGridProProps['isGroupExpandedByDefault'];
   groupingName: string;
   onDuplicatePath?: GridTreePathDuplicateHandler;
+  maxDepth?: number;
 }
 /**
  * Transform a list of rows into a tree structure where each row references its parent and children.

package/esm/utils/tree/createRowTree.js

@@ -24,7 +24,8 @@ export const createRowTree = params => {
       treeDepths,
       isGroupExpandedByDefault: params.isGroupExpandedByDefault,
       defaultGroupingExpansionDepth: params.defaultGroupingExpansionDepth,
-      groupsToFetch
+      groupsToFetch,
+      maxDepth: params.maxDepth
     });
   }
   return {

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.
    */
@@ -46,6 +40,7 @@ interface InsertDataRowInTreeParams {
   defaultGroupingExpansionDepth: number;
   serverChildrenCount?: number;
   groupsToFetch?: Set<GridRowId>;
+  maxDepth?: number;
 }
 /**
  * Inserts a data row in a tree.
@@ -56,7 +51,6 @@ interface InsertDataRowInTreeParams {
 export declare const insertDataRowInTree: ({
   id,
   path,
-  updatedGroupsManager,
   previousTree,
   tree,
   treeDepths,
@@ -64,6 +58,7 @@ export declare const insertDataRowInTree: ({
   isGroupExpandedByDefault,
   defaultGroupingExpansionDepth,
   serverChildrenCount,
-  groupsToFetch
+  groupsToFetch,
+  maxDepth
 }: InsertDataRowInTreeParams) => void;
 export {};

package/esm/utils/tree/insertDataRowInTree.js

@@ -9,7 +9,6 @@ import { updateGroupDefaultExpansion, checkGroupChildrenExpansion, getGroupRowId
 export const insertDataRowInTree = ({
   id,
   path,
-  updatedGroupsManager,
   previousTree,
   tree,
   treeDepths,
@@ -17,7 +16,8 @@ export const insertDataRowInTree = ({
   isGroupExpandedByDefault,
   defaultGroupingExpansionDepth,
   serverChildrenCount,
-  groupsToFetch
+  groupsToFetch,
+  maxDepth
 }) => {
   let parentNodeId = GRID_ROOT_GROUP_ID;
   for (let depth = 0; depth < path.length; depth += 1) {
@@ -51,7 +51,7 @@ export const insertDataRowInTree = ({
             childrenExpanded: false,
             serverChildrenCount
           };
-          const shouldFetchChildren = checkGroupChildrenExpansion(node, defaultGroupingExpansionDepth, isGroupExpandedByDefault, previousTree?.[id]?.childrenExpanded);
+          const shouldFetchChildren = checkGroupChildrenExpansion(node, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault);
           if (shouldFetchChildren) {
             groupsToFetch?.add(id);
           }
@@ -64,7 +64,6 @@ export const insertDataRowInTree = ({
             groupingKey: key
           };
         }
-        updatedGroupsManager?.addAction(parentNodeId, 'insertChildren');
         insertNodeInTree(node, tree, treeDepths, previousTree);
       } else {
         const existingNodeWithPartialPath = tree[existingNodeIdWithPartialPath];
@@ -72,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,
@@ -110,8 +107,7 @@ export const insertDataRowInTree = ({
         childrenFromPath: {},
         childrenExpanded: false
       };
-      updatedGroupsManager?.addAction(parentNodeId, 'insertChildren');
-      insertNodeInTree(updateGroupDefaultExpansion(autoGeneratedGroupNode, defaultGroupingExpansionDepth, isGroupExpandedByDefault, previousTree?.[nodeId]?.childrenExpanded), tree, treeDepths, previousTree);
+      insertNodeInTree(updateGroupDefaultExpansion(autoGeneratedGroupNode, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, previousTree?.[nodeId]?.childrenExpanded), tree, treeDepths, previousTree);
       parentNodeId = nodeId;
     }
     // For the intermediary steps of the path
@@ -133,7 +129,7 @@ export const insertDataRowInTree = ({
           childrenFromPath: {},
           childrenExpanded: false
         };
-        tree[existingNodeIdWithPartialPath] = updateGroupDefaultExpansion(groupNode, defaultGroupingExpansionDepth, isGroupExpandedByDefault, previousTree?.[currentGroupNode.id]?.childrenExpanded);
+        tree[existingNodeIdWithPartialPath] = updateGroupDefaultExpansion(groupNode, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, previousTree?.[currentGroupNode.id]?.childrenExpanded);
       }
       parentNodeId = currentGroupNode.id;
     }

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.d.ts

@@ -15,6 +15,7 @@ interface UpdateRowTreeParams {
   groupingName: string;
   onDuplicatePath?: GridTreePathDuplicateHandler;
   previousGroupsToFetch?: GridRowId[];
+  maxDepth?: number;
 }
 export declare const updateRowTree: (params: UpdateRowTreeParams) => GridRowTreeCreationValue;
 export {};

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,14 +19,14 @@ export const updateRowTree = params => {
       previousTree: params.previousTree,
       tree,
       treeDepths,
-      updatedGroupsManager,
       id,
       path,
       serverChildrenCount,
       onDuplicatePath: params.onDuplicatePath,
       isGroupExpandedByDefault: params.isGroupExpandedByDefault,
       defaultGroupingExpansionDepth: params.defaultGroupingExpansionDepth,
-      groupsToFetch
+      groupsToFetch,
+      maxDepth: params.maxDepth
     });
   }
   for (let i = 0; i < params.nodes.removed.length; i += 1) {
@@ -35,7 +34,6 @@ export const updateRowTree = params => {
     removeDataRowFromTree({
       tree,
       treeDepths,
-      updatedGroupsManager,
       id: nodeId,
       groupingName: params.groupingName
     });
@@ -55,7 +53,6 @@ export const updateRowTree = params => {
       removeDataRowFromTree({
         tree,
         treeDepths,
-        updatedGroupsManager,
         id,
         groupingName: params.groupingName
       });
@@ -63,17 +60,15 @@ export const updateRowTree = params => {
         previousTree: params.previousTree,
         tree,
         treeDepths,
-        updatedGroupsManager,
         id,
         path,
         serverChildrenCount,
         onDuplicatePath: params.onDuplicatePath,
         isGroupExpandedByDefault: params.isGroupExpandedByDefault,
         defaultGroupingExpansionDepth: params.defaultGroupingExpansionDepth,
-        groupsToFetch
+        groupsToFetch,
+        maxDepth: params.maxDepth
       });
-    } else {
-      updatedGroupsManager?.addAction(tree[id].parent, 'modifyChildren');
     }
   }
 
@@ -84,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;
@@ -10,8 +10,8 @@ export declare const getNodePathInTree: ({
   id: GridRowId;
   tree: GridRowTreeConfig;
 }) => RowTreeBuilderGroupingCriterion[];
-export declare const checkGroupChildrenExpansion: (node: GridGroupNode, defaultGroupingExpansionDepth: number, isGroupExpandedByDefault?: DataGridProProps["isGroupExpandedByDefault"], prevChildrenExpanded?: boolean) => boolean;
-export declare const updateGroupDefaultExpansion: (node: GridGroupNode, defaultGroupingExpansionDepth: number, isGroupExpandedByDefault?: DataGridProProps["isGroupExpandedByDefault"], prevChildrenExpanded?: boolean) => GridGroupNode;
+export declare const checkGroupChildrenExpansion: (node: GridGroupNode, defaultGroupingExpansionDepth: number, maxDepth?: number, isGroupExpandedByDefault?: DataGridProProps["isGroupExpandedByDefault"], prevChildrenExpanded?: boolean) => boolean;
+export declare const updateGroupDefaultExpansion: (node: GridGroupNode, defaultGroupingExpansionDepth: number, maxDepth?: number, isGroupExpandedByDefault?: DataGridProProps["isGroupExpandedByDefault"], prevChildrenExpanded?: boolean) => GridGroupNode;
 /**
  * Insert a node in the tree
  */
@@ -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

@@ -20,7 +20,10 @@ export const getNodePathInTree = ({
   path.reverse();
   return path;
 };
-export const checkGroupChildrenExpansion = (node, defaultGroupingExpansionDepth, isGroupExpandedByDefault, prevChildrenExpanded) => {
+export const checkGroupChildrenExpansion = (node, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, prevChildrenExpanded) => {
+  if (maxDepth !== undefined && node.depth >= maxDepth) {
+    return false;
+  }
   let childrenExpanded;
   if (node.id === GRID_ROOT_GROUP_ID) {
     childrenExpanded = true;
@@ -31,8 +34,8 @@ export const checkGroupChildrenExpansion = (node, defaultGroupingExpansionDepth,
   }
   return childrenExpanded;
 };
-export const updateGroupDefaultExpansion = (node, defaultGroupingExpansionDepth, isGroupExpandedByDefault, prevChildrenExpanded) => {
-  const childrenExpanded = checkGroupChildrenExpansion(node, defaultGroupingExpansionDepth, isGroupExpandedByDefault, prevChildrenExpanded);
+export const updateGroupDefaultExpansion = (node, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, prevChildrenExpanded) => {
+  const childrenExpanded = checkGroupChildrenExpansion(node, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, prevChildrenExpanded);
   node.childrenExpanded = childrenExpanded;
   return node;
 };
@@ -148,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/useGridDataSourceBasePro.js

@@ -34,12 +34,12 @@ 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,

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v8.13.1
+ * @mui/x-data-grid-pro v8.14.1
  *
  * @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.13.1",
+  "version": "8.14.1",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Data Grid components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -34,13 +34,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.4",
-    "@mui/utils": "^7.3.2",
-    "@types/format-util": "^1.0.4",
+    "@mui/utils": "^7.3.3",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-data-grid": "8.13.1",
-    "@mui/x-internals": "8.13.1",
-    "@mui/x-license": "8.12.0"
+    "@mui/x-data-grid": "8.14.1",
+    "@mui/x-license": "8.14.1",
+    "@mui/x-internals": "8.14.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/utils/tree/createRowTree.d.ts

@@ -9,6 +9,7 @@ interface CreateRowTreeParams {
   isGroupExpandedByDefault?: DataGridProProps['isGroupExpandedByDefault'];
   groupingName: string;
   onDuplicatePath?: GridTreePathDuplicateHandler;
+  maxDepth?: number;
 }
 /**
  * Transform a list of rows into a tree structure where each row references its parent and children.

package/utils/tree/createRowTree.js

@@ -30,7 +30,8 @@ const createRowTree = params => {
       treeDepths,
       isGroupExpandedByDefault: params.isGroupExpandedByDefault,
       defaultGroupingExpansionDepth: params.defaultGroupingExpansionDepth,
-      groupsToFetch
+      groupsToFetch,
+      maxDepth: params.maxDepth
     });
   }
   return {

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.
    */
@@ -46,6 +40,7 @@ interface InsertDataRowInTreeParams {
   defaultGroupingExpansionDepth: number;
   serverChildrenCount?: number;
   groupsToFetch?: Set<GridRowId>;
+  maxDepth?: number;
 }
 /**
  * Inserts a data row in a tree.
@@ -56,7 +51,6 @@ interface InsertDataRowInTreeParams {
 export declare const insertDataRowInTree: ({
   id,
   path,
-  updatedGroupsManager,
   previousTree,
   tree,
   treeDepths,
@@ -64,6 +58,7 @@ export declare const insertDataRowInTree: ({
   isGroupExpandedByDefault,
   defaultGroupingExpansionDepth,
   serverChildrenCount,
-  groupsToFetch
+  groupsToFetch,
+  maxDepth
 }: InsertDataRowInTreeParams) => void;
 export {};

package/utils/tree/insertDataRowInTree.js

@@ -15,7 +15,6 @@ var _utils = require("./utils");
 const insertDataRowInTree = ({
   id,
   path,
-  updatedGroupsManager,
   previousTree,
   tree,
   treeDepths,
@@ -23,7 +22,8 @@ const insertDataRowInTree = ({
   isGroupExpandedByDefault,
   defaultGroupingExpansionDepth,
   serverChildrenCount,
-  groupsToFetch
+  groupsToFetch,
+  maxDepth
 }) => {
   let parentNodeId = _xDataGrid.GRID_ROOT_GROUP_ID;
   for (let depth = 0; depth < path.length; depth += 1) {
@@ -57,7 +57,7 @@ const insertDataRowInTree = ({
             childrenExpanded: false,
             serverChildrenCount
           };
-          const shouldFetchChildren = (0, _utils.checkGroupChildrenExpansion)(node, defaultGroupingExpansionDepth, isGroupExpandedByDefault, previousTree?.[id]?.childrenExpanded);
+          const shouldFetchChildren = (0, _utils.checkGroupChildrenExpansion)(node, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault);
           if (shouldFetchChildren) {
             groupsToFetch?.add(id);
           }
@@ -70,7 +70,6 @@ const insertDataRowInTree = ({
             groupingKey: key
           };
         }
-        updatedGroupsManager?.addAction(parentNodeId, 'insertChildren');
         (0, _utils.insertNodeInTree)(node, tree, treeDepths, previousTree);
       } else {
         const existingNodeWithPartialPath = tree[existingNodeIdWithPartialPath];
@@ -78,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,
@@ -116,8 +113,7 @@ const insertDataRowInTree = ({
         childrenFromPath: {},
         childrenExpanded: false
       };
-      updatedGroupsManager?.addAction(parentNodeId, 'insertChildren');
-      (0, _utils.insertNodeInTree)((0, _utils.updateGroupDefaultExpansion)(autoGeneratedGroupNode, defaultGroupingExpansionDepth, isGroupExpandedByDefault, previousTree?.[nodeId]?.childrenExpanded), tree, treeDepths, previousTree);
+      (0, _utils.insertNodeInTree)((0, _utils.updateGroupDefaultExpansion)(autoGeneratedGroupNode, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, previousTree?.[nodeId]?.childrenExpanded), tree, treeDepths, previousTree);
       parentNodeId = nodeId;
     }
     // For the intermediary steps of the path
@@ -139,7 +135,7 @@ const insertDataRowInTree = ({
           childrenFromPath: {},
           childrenExpanded: false
         };
-        tree[existingNodeIdWithPartialPath] = (0, _utils.updateGroupDefaultExpansion)(groupNode, defaultGroupingExpansionDepth, isGroupExpandedByDefault, previousTree?.[currentGroupNode.id]?.childrenExpanded);
+        tree[existingNodeIdWithPartialPath] = (0, _utils.updateGroupDefaultExpansion)(groupNode, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, previousTree?.[currentGroupNode.id]?.childrenExpanded);
       }
       parentNodeId = currentGroupNode.id;
     }

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.d.ts

@@ -15,6 +15,7 @@ interface UpdateRowTreeParams {
   groupingName: string;
   onDuplicatePath?: GridTreePathDuplicateHandler;
   previousGroupsToFetch?: GridRowId[];
+  maxDepth?: number;
 }
 export declare const updateRowTree: (params: UpdateRowTreeParams) => GridRowTreeCreationValue;
 export {};

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,14 +26,14 @@ const updateRowTree = params => {
       previousTree: params.previousTree,
       tree,
       treeDepths,
-      updatedGroupsManager,
       id,
       path,
       serverChildrenCount,
       onDuplicatePath: params.onDuplicatePath,
       isGroupExpandedByDefault: params.isGroupExpandedByDefault,
       defaultGroupingExpansionDepth: params.defaultGroupingExpansionDepth,
-      groupsToFetch
+      groupsToFetch,
+      maxDepth: params.maxDepth
     });
   }
   for (let i = 0; i < params.nodes.removed.length; i += 1) {
@@ -42,7 +41,6 @@ const updateRowTree = params => {
     (0, _removeDataRowFromTree.removeDataRowFromTree)({
       tree,
       treeDepths,
-      updatedGroupsManager,
       id: nodeId,
       groupingName: params.groupingName
     });
@@ -62,7 +60,6 @@ const updateRowTree = params => {
       (0, _removeDataRowFromTree.removeDataRowFromTree)({
         tree,
         treeDepths,
-        updatedGroupsManager,
         id,
         groupingName: params.groupingName
       });
@@ -70,17 +67,15 @@ const updateRowTree = params => {
         previousTree: params.previousTree,
         tree,
         treeDepths,
-        updatedGroupsManager,
         id,
         path,
         serverChildrenCount,
         onDuplicatePath: params.onDuplicatePath,
         isGroupExpandedByDefault: params.isGroupExpandedByDefault,
         defaultGroupingExpansionDepth: params.defaultGroupingExpansionDepth,
-        groupsToFetch
+        groupsToFetch,
+        maxDepth: params.maxDepth
       });
-    } else {
-      updatedGroupsManager?.addAction(tree[id].parent, 'modifyChildren');
     }
   }
 
@@ -91,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;
@@ -10,8 +10,8 @@ export declare const getNodePathInTree: ({
   id: GridRowId;
   tree: GridRowTreeConfig;
 }) => RowTreeBuilderGroupingCriterion[];
-export declare const checkGroupChildrenExpansion: (node: GridGroupNode, defaultGroupingExpansionDepth: number, isGroupExpandedByDefault?: DataGridProProps["isGroupExpandedByDefault"], prevChildrenExpanded?: boolean) => boolean;
-export declare const updateGroupDefaultExpansion: (node: GridGroupNode, defaultGroupingExpansionDepth: number, isGroupExpandedByDefault?: DataGridProProps["isGroupExpandedByDefault"], prevChildrenExpanded?: boolean) => GridGroupNode;
+export declare const checkGroupChildrenExpansion: (node: GridGroupNode, defaultGroupingExpansionDepth: number, maxDepth?: number, isGroupExpandedByDefault?: DataGridProProps["isGroupExpandedByDefault"], prevChildrenExpanded?: boolean) => boolean;
+export declare const updateGroupDefaultExpansion: (node: GridGroupNode, defaultGroupingExpansionDepth: number, maxDepth?: number, isGroupExpandedByDefault?: DataGridProProps["isGroupExpandedByDefault"], prevChildrenExpanded?: boolean) => GridGroupNode;
 /**
  * Insert a node in the tree
  */
@@ -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 => {
@@ -29,7 +29,10 @@ const getNodePathInTree = ({
   return path;
 };
 exports.getNodePathInTree = getNodePathInTree;
-const checkGroupChildrenExpansion = (node, defaultGroupingExpansionDepth, isGroupExpandedByDefault, prevChildrenExpanded) => {
+const checkGroupChildrenExpansion = (node, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, prevChildrenExpanded) => {
+  if (maxDepth !== undefined && node.depth >= maxDepth) {
+    return false;
+  }
   let childrenExpanded;
   if (node.id === _xDataGrid.GRID_ROOT_GROUP_ID) {
     childrenExpanded = true;
@@ -41,8 +44,8 @@ const checkGroupChildrenExpansion = (node, defaultGroupingExpansionDepth, isGrou
   return childrenExpanded;
 };
 exports.checkGroupChildrenExpansion = checkGroupChildrenExpansion;
-const updateGroupDefaultExpansion = (node, defaultGroupingExpansionDepth, isGroupExpandedByDefault, prevChildrenExpanded) => {
-  const childrenExpanded = checkGroupChildrenExpansion(node, defaultGroupingExpansionDepth, isGroupExpandedByDefault, prevChildrenExpanded);
+const updateGroupDefaultExpansion = (node, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, prevChildrenExpanded) => {
+  const childrenExpanded = checkGroupChildrenExpansion(node, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, prevChildrenExpanded);
   node.childrenExpanded = childrenExpanded;
   return node;
 };
@@ -162,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