[DataGridPro] Retain expansion state on rows update

[MBilalShafi]

Fixes #13064

Tree data example: https://stackblitz.com/edit/4ug6uohs
Row grouping example: https://stackblitz.com/edit/nqsdch2j

Main Fix

The createRowTree() pre processing passes down a previousTree param to the node generator methods, childrenExpanded value is now reused from the previous tree if defined.

It doesn't affect the functionality of defaultGroupingExpansionDepth() and isRowExpandedByDefault()

However if new rows are added with the same IDs as the previous ones, this logic will assume them the same rows and try to expand them, even though they are new ones. This shouldn't be a concern in a real use-case since IDs should be unique, but for numeric IDs always starting from 0, the users need to be mindful.

Additions

A couple API methods expandAllRows() and collapseAllRows are added to be used in case someone was using updation of the rows prop reference to reset the expansion status of the rows.

// Expand all rows
apiRef.current.expandAllRows();

// Collapse all rows
apiRef.current.collapseAllRows();

As part of v9, I think we can make the setRowChildrenExpansion() to receive multiple rows rather than a single, or even a function that will be used by an internal traversal method.

Changelog

• Row groups now persist their expansion state when the rows are updated

[mui-bot]

Deploy preview: https://deploy-preview-19697--material-ui-x.netlify.app/

Bundle size report

Bundle	Parsed size	Gzip size
@mui/x-data-grid	🔺+571B(+0.15%)	🔺+123B(+0.10%)
@mui/x-data-grid-pro	🔺+671B(+0.14%)	🔺+116B(+0.08%)
@mui/x-data-grid-premium	🔺+664B(+0.11%)	🔺+141B(+0.07%)
@mui/x-charts	0B(0.00%)	0B(0.00%)
@mui/x-charts-pro	0B(0.00%)	0B(0.00%)
@mui/x-charts-premium	0B(0.00%)	0B(0.00%)
@mui/x-date-pickers	0B(0.00%)	0B(0.00%)
@mui/x-date-pickers-pro	0B(0.00%)	0B(0.00%)
@mui/x-tree-view	0B(0.00%)	0B(0.00%)
@mui/x-tree-view-pro	0B(0.00%)	0B(0.00%)

Details of bundle changes

Generated by 🚫 dangerJS against c2b2ad2