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

package/CHANGELOG.md

@@ -5,6 +5,176 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 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_
+
+- 🐛 Fix `@mui/x-charts-pro` failure on import due to missing `@mui/x-internals` release
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.13.1`
+
+Internal changes.
+
+#### `@mui/x-data-grid-pro@8.13.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.13.1`.
+
+#### `@mui/x-data-grid-premium@8.13.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.13.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.12.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.12.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.12.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.13.1`
+
+Internal changes.
+
+#### `@mui/x-charts-pro@8.13.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.13.1`, plus:
+
+- [charts-pro] Fix `@mui/x-charts-pro` failure on import due to missing `@mui/x-internals` release @bernardobelchior
+
+#### `@mui/x-charts-premium@8.13.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.13.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.13.1`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.13.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.13.1`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.12.0`
+
+Internal changes.
+
 ## 8.13.0
 
 _Oct 1, 2025_
@@ -160,7 +330,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 = "MTc1OTk2ODAwMDAwMA==";
 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 = "MTc1OTk2ODAwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-pro",
   releaseInfo: releaseInfo

package/esm/index.js

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

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

@@ -46,6 +46,7 @@ interface InsertDataRowInTreeParams {
   defaultGroupingExpansionDepth: number;
   serverChildrenCount?: number;
   groupsToFetch?: Set<GridRowId>;
+  maxDepth?: number;
 }
 /**
  * Inserts a data row in a tree.
@@ -64,6 +65,7 @@ export declare const insertDataRowInTree: ({
   isGroupExpandedByDefault,
   defaultGroupingExpansionDepth,
   serverChildrenCount,
-  groupsToFetch
+  groupsToFetch,
+  maxDepth
 }: InsertDataRowInTreeParams) => void;
 export {};

package/esm/utils/tree/insertDataRowInTree.js

@@ -17,7 +17,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 +52,7 @@ export const insertDataRowInTree = ({
             childrenExpanded: false,
             serverChildrenCount
           };
-          const shouldFetchChildren = checkGroupChildrenExpansion(node, defaultGroupingExpansionDepth, isGroupExpandedByDefault, previousTree?.[id]?.childrenExpanded);
+          const shouldFetchChildren = checkGroupChildrenExpansion(node, defaultGroupingExpansionDepth, maxDepth, isGroupExpandedByDefault, previousTree?.[id]?.childrenExpanded);
           if (shouldFetchChildren) {
             groupsToFetch?.add(id);
           }
@@ -111,7 +112,7 @@ export const insertDataRowInTree = ({
         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 +134,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/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

@@ -27,7 +27,8 @@ export const updateRowTree = params => {
       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) {
@@ -70,7 +71,8 @@ export const updateRowTree = params => {
         onDuplicatePath: params.onDuplicatePath,
         isGroupExpandedByDefault: params.isGroupExpandedByDefault,
         defaultGroupingExpansionDepth: params.defaultGroupingExpansionDepth,
-        groupsToFetch
+        groupsToFetch,
+        maxDepth: params.maxDepth
       });
     } else {
       updatedGroupsManager?.addAction(tree[id].parent, 'modifyChildren');

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

@@ -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
  */

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;
 };

package/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "8.13.0",
+  "version": "8.14.0",
   "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.0",
-    "@mui/x-internals": "8.12.0",
-    "@mui/x-license": "8.12.0"
+    "@mui/x-data-grid": "8.14.0",
+    "@mui/x-internals": "8.14.0",
+    "@mui/x-license": "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

@@ -46,6 +46,7 @@ interface InsertDataRowInTreeParams {
   defaultGroupingExpansionDepth: number;
   serverChildrenCount?: number;
   groupsToFetch?: Set<GridRowId>;
+  maxDepth?: number;
 }
 /**
  * Inserts a data row in a tree.
@@ -64,6 +65,7 @@ export declare const insertDataRowInTree: ({
   isGroupExpandedByDefault,
   defaultGroupingExpansionDepth,
   serverChildrenCount,
-  groupsToFetch
+  groupsToFetch,
+  maxDepth
 }: InsertDataRowInTreeParams) => void;
 export {};

package/utils/tree/insertDataRowInTree.js

@@ -23,7 +23,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 +58,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, previousTree?.[id]?.childrenExpanded);
           if (shouldFetchChildren) {
             groupsToFetch?.add(id);
           }
@@ -117,7 +118,7 @@ const insertDataRowInTree = ({
         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 +140,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/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

@@ -34,7 +34,8 @@ const updateRowTree = params => {
       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) {
@@ -77,7 +78,8 @@ const updateRowTree = params => {
         onDuplicatePath: params.onDuplicatePath,
         isGroupExpandedByDefault: params.isGroupExpandedByDefault,
         defaultGroupingExpansionDepth: params.defaultGroupingExpansionDepth,
-        groupsToFetch
+        groupsToFetch,
+        maxDepth: params.maxDepth
       });
     } else {
       updatedGroupsManager?.addAction(tree[id].parent, 'modifyChildren');

package/utils/tree/utils.d.ts

@@ -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
  */

package/utils/tree/utils.js

@@ -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;
 };