@mui/x-data-grid-generator 9.3.0 → 9.5.0

package/CHANGELOG.md

@@ -1,5 +1,301 @@
 # Changelog
 
+## 9.5.0
+
+_Jun 11, 2026_
+
+We'd like to extend a big thank you to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 New [`multiSelect` column type for Data Grid Pro](https://mui.com/x/react-data-grid/column-definition/#MultiSelectColumn)
+- 🚀 New [renderer="svg-progressive"](https://mui.com/x/react-charts/scatter/#progressive-renderer) paints scatter points in batched frames so large datasets render smoothly without blocking the main thread.
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to community members @mustafajw07 and @Anexus5919 for their valuable contribution.
+
+The following team members contributed to this release:
+@alexfauquette, @JCQuintas, @rita-codes, @rluzists1, @sai6855, @siriwatknp, @arminmeh, @brijeshb42
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.5.0`
+
+- [DataGrid] Restrict warning messages to non-production environments in various components (#22461) @sai6855
+- [DataGrid] Prevent React state update before mount (#22374) @arminmeh
+
+#### `@mui/x-data-grid-pro@9.5.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@9.5.0`, plus:
+
+- [DataGridPro] Add new `multiSelect` column type (#21157) @siriwatknp
+
+#### `@mui/x-data-grid-premium@9.5.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@9.5.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.5.0`
+
+- [pickers] Fix missing export of `th-TH` (#22703) @alexfauquette
+
+#### `@mui/x-date-pickers-pro@9.5.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@9.5.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.5.0`
+
+- [charts] Add `FocusedBar` component to `BarScatterComposition` demo (#22704) @sai6855
+- [charts] Add dedicated Bubble Chart documentation page (#22688) @mustafajw07
+- [charts] Add progressive scatter renderer (#22518) @JCQuintas
+- [charts] Avoid full axis pipeline rebuild on resize (#22695) @JCQuintas
+- [charts] Document focus indicator in composition page (#22712) @JCQuintas
+- [charts] Fix `ChartsTooltip` `container` and `disablePortal` props being ignored (#22690) @JCQuintas
+- [charts] Make ordinal scales O(1) to copy and re-range (#22691) @JCQuintas
+- [charts] Stabilize WebGL bar rendering at sub-pixel widths (#22678) @JCQuintas
+- [charts] Use the series config to define value types (#22693) @sai6855
+- [charts] Decouple interaction hook from the cartesian zoom (#22708) @alexfauquette
+
+#### `@mui/x-charts-pro@9.5.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@9.5.0`, plus:
+
+- [charts-pro] Add missing focus highlight (#22689) @alexfauquette
+
+#### `@mui/x-charts-premium@9.5.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@9.5.0`, plus:
+
+- [charts-premium] Set `Heatmap` WebGL render as stable (#22665) @alexfauquette
+- [charts-premium] Stabilize candlestick charts (#22666) @alexfauquette
+- [charts-premium] Stabilize the radial charts (#22655) @alexfauquette
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.1`
+
+Internal changes.
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.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-scheduler@9.0.0-beta.1`, plus:
+
+- [scheduler] Remove dead CSS variable writes in `EventTimelinePremiumContent` (#22720) @rita-codes
+- [scheduler] Show scope dialog when deleting a recurring event (#22552) @Anexus5919
+
+### Core
+
+- [docs-infra] Fix immutable cache headers for `/\_next/static` assets (#22747) @brijeshb42
+- [docs-infra] Prefix `/\_next/static` cache header rule with `/x` basePath (#22748) @brijeshb42
+- [code-infra] Update dependencies to resolve Dependabot security alerts (#22714) @Janpot
+
+### Docs
+
+- [docs] Fix broken links checker crashing on 404 known-targets fetch (#22707) @sai6855
+- [docs] Fix country data (#22716) @alexfauquette
+
+### Miscellaneous
+
+- [legal] Update EULA links in docs (#22717) @rluzists1
+
+## 9.4.0
+
+<!-- generated comparing v9.3.0..master -->
+
+_Jun 4, 2026_
+
+We'd like to extend a big thank you to the 21 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎉 Scheduler is now in Beta shipping with Timeline vitualization and lazy loading
+- 📆 Implement Event Timeline virtualization (#22339)
+- 🫧 Introduce bubble charts (#22537)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@imxv, @mixelburg, @mustafajw07
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @hasdfa, @Janpot, @JCQuintas, @joserodolfofreitas, @LukasTy, @MBilalShafi, @michelengelen, @mj12albert, @noraleonte, @oliviertassinari, @rita-codes, @romgrk, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.4.0`
+
+- [DataGrid] Fix `avg` aggregation when the average is zero (#22652) @mj12albert
+- [DataGrid] Inherit icon `fontSize` from `baseIconButton` size (#22187) @imxv
+- [DataGrid] Fix `noRowsOverlay` flicker between `dataSource` re-fetches (#22465) @LukasTy
+
+#### `@mui/x-data-grid-pro@9.4.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@9.4.0`.
+
+#### `@mui/x-data-grid-premium@9.4.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+> This release includes a version bump of the `@mui/x-internal-exceljs-fork` package to address the vulnerable dependencies.
+> The following CVEs are fixed:
+>
+> - <https://github.com/advisories/GHSA-ph9p-34f9-6g65>
+> - <https://github.com/isaacs/minimatch/security/advisories/GHSA-23c5-xmqv-rm74>
+> - <https://github.com/advisories/GHSA-w5hq-g745-h8pq>
+>
+> To make this security update possible, we bumped the `node` version requirement from `>=14.0.0` to `>=14.17.0`.
+> [Node.js 14.17.0](https://nodejs.org/en/blog/release/v14.17.0) was released in May 2021, so we consider it safe to bump the requirement without causing issues for our users.
+
+Same changes as in `@mui/x-data-grid-pro@9.4.0`, plus:
+
+- [DataGridPremium] Nested Lazy Loading (#21043) @MBilalShafi
+- [DataGridPremium] Update exceljs fork (#22658) @cherniavskii
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.4.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.4.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@9.4.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.4.0`
+
+- [charts] Add functionality to hide elements during chart export (#22525) @sai6855
+- [charts] Add option to show marks only on the first/last values (#22645) @alexfauquette
+- [charts] Add text customization section and demo for axis labels (#22597) @sai6855
+- [charts] Allow axes to scale according to the visible series only (#22566) @alexfauquette
+- [charts] Correctly handle different identifiers for each series (#22556) @sai6855
+- [charts] Fix inverted Y axis zoom/pan on ordinal scales (#22654) @JCQuintas
+- [charts] Introduce bubble charts (#22537) @alexfauquette
+- [charts] Let scatter chart tooltip ignore hidden series (#22614) @alexfauquette
+- [charts] Make `'sqrt'` size mapping the default (#22683) @alexfauquette
+- [charts] Remove unused proptypes (#22618) @alexfauquette
+- [charts] Support module augmentation for slots (#22519) @sai6855
+- [charts] Support multiple marker size in `findClosestPoint` (#22622) @alexfauquette
+- [charts] Upgrade bezier-easing to v3 and use it for line chart hit-detection (#22608) @sai6855
+- [charts] Use `useLayoutEffect` with `ResizeObserver` (#22646) @JCQuintas
+
+#### `@mui/x-charts-pro@9.4.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@9.4.0`, plus:
+
+- [charts-pro] Auto-select range button matching current zoom (#22137) @JCQuintas
+- [charts-pro] Support range values in `initialZoom` (#22563) @JCQuintas
+
+#### `@mui/x-charts-premium@9.4.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@9.4.0`, plus:
+
+- [charts-premium] Support range-bar series in WebGL bar renderer (#22607) @JCQuintas
+- [charts-premium] Fix `onAxisClick` for radial bar and lines (#22522) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@9.4.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.4.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@9.4.0`.
+
+### Scheduler
+
+#### Breaking changes
+
+The theme `styleOverrides` slots for the skeleton and the error container were
+renamed and unified. The CSS utility class names (for example
+`.MuiEventCalendar-eventSkeleton`) are **not** affected — only
+`theme.components.*` overrides need updating.
+
+**Event skeleton**
+
+| Before                                  | After                          |
+| --------------------------------------- | ------------------------------ |
+| `MuiEventCalendar` slot `EventSkeleton` | `MuiEventSkeleton` slot `Root` |
+| `MuiEventTimeline` slot `EventSkeleton` | `MuiEventSkeleton` slot `Root` |
+
+**Error container**
+
+| Before                                                        | After                                   |
+| ------------------------------------------------------------- | --------------------------------------- |
+| `MuiEventCalendar` / `MuiEventTimeline` slot `ErrorContainer` | `MuiEventErrorContainer` slot `Root`    |
+| `MuiEventCalendar` / `MuiEventTimeline` slot `ErrorAlert`     | `MuiEventErrorContainer` slot `Alert`   |
+| `MuiEventCalendar` / `MuiEventTimeline` slot `ErrorMessage`   | `MuiEventErrorContainer` slot `Message` |
+
+If you customized these through the theme, update the component name and slot
+names accordingly:
+
+```diff
+ components: {
+-  MuiEventCalendar: {
++  MuiEventSkeleton: {
+     styleOverrides: {
+-      EventSkeleton: { /* ... */ },
++      Root: { /* ... */ },
+     },
+    },
+  },
+ }
+```
+
+#### `@mui/x-scheduler@9.0.0-beta.0`
+
+- [scheduler] Add a prop to control whether the resource of an event can be cleared (#22464) @rita-codes
+- [scheduler] Add week number labels to agenda, day and week views (#22594) @mustafajw07
+- [scheduler] Add `weekStartsOn` preference and update date functions to support custom week start (#22426) @mustafajw07
+- [scheduler] Export premium version of the standalone views (#22621) @flaviendelangle
+- [scheduler] Implement timeline virtualization (#22339) @romgrk
+- [scheduler] Split scheduler overview (#22453) @joserodolfofreitas
+- [scheduler] Unify `EventSkeleton` and `ErrorContainer` between `EventCalendar` and `EventTimeline` (#22676) @noraleonte
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.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-scheduler@9.0.0-beta.0`.
+
+### Docs
+
+- [docs] Add a performance docs page for charts (#22656) @alexfauquette
+- [docs] Add real dataset for maps documentation (#22599) @alexfauquette
+- [docs] Add spacing between selects on charts overview demo (#22589) @bernardobelchior
+- [docs] Reorganize existing chat docs navigation (#22478) @hasdfa
+- [docs] Switch to visionscarto's world atlas dataset (#22669) @cherniavskii
+- [docs] Update TreeView `domstructure` docs and add demo (#22420) @mj12albert
+- [docs] Fix indexation of Scheduler (#22567) @oliviertassinari
+- [docs] Fix wide layout on event timeline lazy loading and Import title (#22604) @rita-codes
+- [docs] Derive class name owners for shared charts classes (#22674) @JCQuintas
+
+### Core
+
+- [code-infra] Drop unused and now-transitive deps from docs/package.json (#22549) @LukasTy
+- [code-infra] Refresh CI Node pins to 22.22.3 (#22598) @LukasTy
+- [code-infra] Skip empty product sections in changelog (#22541) @rita-codes
+- [code-infra] Stabilize DataGridScrollRestoration visual regression test (#22553) @Janpot
+- [internal] Add license to the `x-data-grid-generator` (#22240) @arminmeh
+- [internal] Express default value for resource_class (#22569) @oliviertassinari
+- [internal] Fix use of ellipsis (#21852) @oliviertassinari
+- [internal] `useLayoutEffect` with `ResizeObserver` (#22428) @romgrk
+
+### Miscellaneous
+
+- [chat-headless] Add built-in chat adapters (#22479) @hasdfa
+- [chat-headless] Harden runtime model and message errors (#22480) @hasdfa
+- [core] Prepare for TypeScript 6 bump (#22551) @LukasTy
+- [core] Use CircleCI Gen2 resource classes (#22610) @LukasTy
+- [infra] Fix broken tag retrieval on `master` during release (#22174) @michelengelen
+- [infra] Group Base UI renovate updates (#22590) @LukasTy
+- [pnpm] Add security settings to pnpm-workspace.yaml (#22611) @Janpot
+- [release] Fix release PR scripts (#22680) @JCQuintas
+- [test] Add a Tree View regression test for lazy loading with getChildrenCount returning -1 (#22605) @mixelburg
+- [test] Disable LCD subpixel antialiasing in regression screenshots (#22602) @Janpot
+- [test] Fix flaky Data Grid Pro data source tree data tests (#22659) @LukasTy
+- [test] Remove stale form-submit TODO from e2e suite (#22564) @LukasTy
+- [x-license] Exclude test keys from the published npm package (#22647) @aemartos
+- [test] Fix flaky WebGL benchmark by polling for canvas content (#22535) @JCQuintas
+
 ## 9.3.0
 
 _May 21, 2026_

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Material-UI SAS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/columns/commodities.columns.js

@@ -23,6 +23,14 @@ const getCommodityColumns = (editable = false) => [{
   generateData: _services.randomCommodity,
   width: 180,
   editable
+}, {
+  field: 'tags',
+  headerName: 'Tags',
+  generateData: _services.randomTradeTags,
+  type: 'multiSelect',
+  valueOptions: _staticData.TRADE_TAG_OPTIONS,
+  width: 220,
+  editable
 }, {
   field: 'traderName',
   headerName: 'Trader Name',
@@ -238,5 +246,13 @@ const getCommodityColumns = (editable = false) => [{
   type: 'date',
   width: 150,
   editable
+}, {
+  field: 'certifications',
+  headerName: 'Certifications',
+  generateData: _services.randomCertifications,
+  type: 'multiSelect',
+  valueOptions: _staticData.CERTIFICATION_OPTIONS,
+  width: 200,
+  editable
 }];
 exports.getCommodityColumns = getCommodityColumns;

package/columns/commodities.columns.mjs

@@ -1,7 +1,7 @@
 import { gridStringOrNumberComparator } from '@mui/x-data-grid-premium';
-import { randomCommodity, randomDesk, randomEmail, randomFeeRate, generateFilledQuantity, randomId, randomIncoterm, generateIsFilled, randomQuantity, randomTraderName, randomUnitPrice, randomUnitPriceCurrency, randomStatusOptions, randomPnL, randomTradeDate, randomMaturityDate, randomBrokerId, randomCompanyName, randomCountry, randomCurrency, randomAddress, randomCity, randomUpdatedDate, randomCreatedDate, randomRateType, randomContractType, randomTaxCode } from "../services/index.mjs";
+import { randomCommodity, randomDesk, randomEmail, randomFeeRate, generateFilledQuantity, randomId, randomIncoterm, generateIsFilled, randomQuantity, randomTraderName, randomUnitPrice, randomUnitPriceCurrency, randomStatusOptions, randomPnL, randomTradeDate, randomMaturityDate, randomBrokerId, randomCompanyName, randomCountry, randomCurrency, randomAddress, randomCity, randomUpdatedDate, randomCreatedDate, randomRateType, randomContractType, randomTaxCode, randomTradeTags, randomCertifications } from "../services/index.mjs";
 import { renderCountry, renderEmail, renderIncoterm, renderPnl, renderProgress, renderStatus, renderTotalPrice, renderEditCurrency, renderEditProgress, renderEditStatus, renderEditIncoterm, renderEditBoolean, renderEditCountry } from "../renderer/index.mjs";
-import { CONTRACT_TYPE_OPTIONS, COUNTRY_ISO_OPTIONS_SORTED, CURRENCY_OPTIONS, INCOTERM_OPTIONS, RATE_TYPE_OPTIONS, STATUS_OPTIONS, TAXCODE_OPTIONS } from "../services/static-data.mjs";
+import { CONTRACT_TYPE_OPTIONS, COUNTRY_ISO_OPTIONS_SORTED, CURRENCY_OPTIONS, INCOTERM_OPTIONS, RATE_TYPE_OPTIONS, STATUS_OPTIONS, TAXCODE_OPTIONS, TRADE_TAG_OPTIONS, CERTIFICATION_OPTIONS } from "../services/static-data.mjs";
 export const getCommodityColumns = (editable = false) => [{
   field: 'id',
   generateData: randomId,
@@ -17,6 +17,14 @@ export const getCommodityColumns = (editable = false) => [{
   generateData: randomCommodity,
   width: 180,
   editable
+}, {
+  field: 'tags',
+  headerName: 'Tags',
+  generateData: randomTradeTags,
+  type: 'multiSelect',
+  valueOptions: TRADE_TAG_OPTIONS,
+  width: 220,
+  editable
 }, {
   field: 'traderName',
   headerName: 'Trader Name',
@@ -232,4 +240,12 @@ export const getCommodityColumns = (editable = false) => [{
   type: 'date',
   width: 150,
   editable
+}, {
+  field: 'certifications',
+  headerName: 'Certifications',
+  generateData: randomCertifications,
+  type: 'multiSelect',
+  valueOptions: CERTIFICATION_OPTIONS,
+  width: 200,
+  editable
 }];

package/hooks/serverUtils.d.mts

@@ -69,7 +69,7 @@ export declare const processTreeDataRows: (rows: GridRowModel[], queryOptions: S
 /**
  * Simulates server data for row grouping feature
  */
-export declare const processRowGroupingRows: (rows: GridValidRowModel[], queryOptions: ServerSideQueryOptions, serverOptions: ServerOptions, columnsWithDefaultColDef: GridColDef[]) => Promise<NestedDataRowsResponse>;
+export declare const processRowGroupingRows: (rows: GridValidRowModel[], queryOptions: ServerSideQueryOptions, serverOptions: ServerOptions, columnsWithDefaultColDef: GridColDef[], nestedPagination: boolean) => Promise<NestedDataRowsResponse>;
 /**
  * Simulates server data for pivoting feature
  */

package/hooks/serverUtils.d.ts

@@ -69,7 +69,7 @@ export declare const processTreeDataRows: (rows: GridRowModel[], queryOptions: S
 /**
  * Simulates server data for row grouping feature
  */
-export declare const processRowGroupingRows: (rows: GridValidRowModel[], queryOptions: ServerSideQueryOptions, serverOptions: ServerOptions, columnsWithDefaultColDef: GridColDef[]) => Promise<NestedDataRowsResponse>;
+export declare const processRowGroupingRows: (rows: GridValidRowModel[], queryOptions: ServerSideQueryOptions, serverOptions: ServerOptions, columnsWithDefaultColDef: GridColDef[], nestedPagination: boolean) => Promise<NestedDataRowsResponse>;
 /**
  * Simulates server data for pivoting feature
  */

package/hooks/serverUtils.js

@@ -207,12 +207,11 @@ const applyAggregation = (aggregationModel, colDefs, rows, groupId = 'root') =>
   return aggregateValues;
 };
 const generateParentRows = pathsToAutogenerate => {
-  return Array.from(pathsToAutogenerate).map(path => {
-    const pathArray = path.split(',');
+  return Array.from(pathsToAutogenerate).map(pathArray => {
     return {
       id: `auto-generated-parent-${pathArray.join('-')}`,
-      path: pathArray.slice(0, pathArray.length),
-      group: pathArray.slice(-1)[0]
+      path: pathArray.slice(),
+      group: pathArray[pathArray.length - 1]
     };
   });
 };
@@ -417,14 +416,18 @@ const processTreeDataRows = (rows, queryOptions, serverOptions, columnsWithDefau
   let childRowsWithDescendantCounts = childRows.map(row => {
     const descendants = findTreeDataRowChildren(filteredRows, row[pathKey], pathKey, -1);
     const descendantCount = descendants.length;
+    const children = findTreeDataRowChildren(filteredRows, row[pathKey], pathKey, 1);
+    const childrenCount = children.length;
     if (descendantCount > 0 && queryOptions.aggregationModel) {
       // Parent row, compute aggregation
       return (0, _extends2.default)({}, row, {
-        descendantCount
+        descendantCount,
+        childrenCount
       }, applyAggregation(queryOptions.aggregationModel, columnsWithDefaultColDef, descendants, row.id));
     }
     return (0, _extends2.default)({}, row, {
-      descendantCount
+      descendantCount,
+      childrenCount
     });
   });
   if (queryOptions.sortModel) {
@@ -436,15 +439,21 @@ const processTreeDataRows = (rows, queryOptions, serverOptions, columnsWithDefau
   if (queryOptions.aggregationModel) {
     aggregateRow = applyAggregation(queryOptions.aggregationModel, columnsWithDefaultColDef, filteredRows);
   }
-  if (queryOptions.paginationModel && (queryOptions.groupKeys.length === 0 || nestedPagination)) {
-    // Only paginate root rows, grid should refetch root rows when `paginationModel` updates
-    // Except when nested pagination is enabled, in which case we paginate the children of the current group node
-    const {
-      pageSize,
-      page
-    } = queryOptions.paginationModel;
-    if (pageSize < childRowsWithDescendantCounts.length) {
-      childRowsWithDescendantCounts = childRowsWithDescendantCounts.slice(page * pageSize, (page + 1) * pageSize);
+
+  // Apply pagination using start/end if provided, otherwise fall back to paginationModel
+  if (queryOptions.groupKeys.length === 0 || nestedPagination) {
+    if (queryOptions.start !== undefined && queryOptions.end !== undefined) {
+      // Use start/end for range-based pagination (needed for nested lazy loading)
+      childRowsWithDescendantCounts = childRowsWithDescendantCounts.slice(queryOptions.start, queryOptions.end + 1);
+    } else if (queryOptions.paginationModel) {
+      // Fall back to paginationModel for backward compatibility
+      const {
+        pageSize,
+        page
+      } = queryOptions.paginationModel;
+      if (pageSize < childRowsWithDescendantCounts.length) {
+        childRowsWithDescendantCounts = childRowsWithDescendantCounts.slice(page * pageSize, page * pageSize + pageSize);
+      }
     }
   }
   return new Promise(resolve => {
@@ -462,7 +471,7 @@ const processTreeDataRows = (rows, queryOptions, serverOptions, columnsWithDefau
  * Simulates server data for row grouping feature
  */
 exports.processTreeDataRows = processTreeDataRows;
-const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDefaultColDef) => {
+const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDefaultColDef, nestedPagination) => {
   const {
     minDelay = 100,
     maxDelay = 300
@@ -478,7 +487,7 @@ const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDe
     throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.groupFields must be defined to compute row grouping data' : (0, _formatErrorMessage2.default)(103));
   }
   const delay = (0, _randomGenerator.randomInt)(minDelay, maxDelay);
-  const pathsToAutogenerate = new Set();
+  const pathsToAutogenerate = new Map();
   let rowsWithPaths = rows;
   const rowsWithMissingGroups = [];
 
@@ -490,13 +499,22 @@ const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDe
         const colDef = columnsWithDefaultColDef.find(({
           field: f
         }) => f === field);
+        const rawValue = row[field];
+        // multiSelect (array) grouping: empty → missing group, non-empty → sorted-joined
+        // key so `['A','B']` and `['B','A']` collapse to one group (matches client).
+        if (Array.isArray(rawValue)) {
+          if (rawValue.length === 0) {
+            return undefined;
+          }
+          return [...rawValue].sort().join(',');
+        }
         if (colDef?.groupingValueGetter) {
-          return String(colDef.groupingValueGetter(row[field], row, colDef, apiRef));
+          return String(colDef.groupingValueGetter(rawValue, row, colDef, apiRef));
         }
         if (colDef?.valueGetter) {
-          return String(colDef.valueGetter(row[field], row, colDef, apiRef));
+          return String(colDef.valueGetter(rawValue, row, colDef, apiRef));
         }
-        return String(row[field]);
+        return String(rawValue);
       });
       for (let index = 0; index < partialPath.length; index += 1) {
         const value = partialPath[index];
@@ -509,9 +527,9 @@ const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDe
           return acc;
         }
         const parentPath = partialPath.slice(0, index + 1);
-        const strigifiedPath = parentPath.join(',');
-        if (!pathsToAutogenerate.has(strigifiedPath)) {
-          pathsToAutogenerate.add(strigifiedPath);
+        const key = JSON.stringify(parentPath);
+        if (!pathsToAutogenerate.has(key)) {
+          pathsToAutogenerate.set(key, parentPath);
         }
       }
       acc.push((0, _extends2.default)({}, row, {
@@ -524,7 +542,7 @@ const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDe
       path: ['']
     }));
   }
-  const autogeneratedRows = generateParentRows(pathsToAutogenerate);
+  const autogeneratedRows = generateParentRows(pathsToAutogenerate.values());
 
   // apply plain filtering
   const filteredRows = getTreeDataFilteredRows([...autogeneratedRows, ...rowsWithPaths, ...rowsWithMissingGroups], queryOptions.filterModel, columnsWithDefaultColDef);
@@ -546,14 +564,18 @@ const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDe
       id
     }) => typeof id !== 'string' || !id.startsWith('auto-generated-parent-'));
     const descendantCount = descendants.length;
+    const children = findTreeDataRowChildren(filteredRows, row[pathKey], pathKey, 1);
+    const childrenCount = children.length;
     if (descendantCount > 0 && queryOptions.aggregationModel) {
       // Parent row, compute aggregation
       return (0, _extends2.default)({}, row, {
-        descendantCount
+        descendantCount,
+        childrenCount
       }, applyAggregation(queryOptions.aggregationModel, columnsWithDefaultColDef, descendants, row.id));
     }
     return (0, _extends2.default)({}, row, {
-      descendantCount
+      descendantCount,
+      childrenCount
     });
   });
   if (queryOptions.sortModel) {
@@ -566,14 +588,21 @@ const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDe
   if (queryOptions.aggregationModel) {
     aggregateRow = applyAggregation(queryOptions.aggregationModel, columnsWithDefaultColDef, filteredRows);
   }
-  if (queryOptions.paginationModel && queryOptions.groupKeys.length === 0) {
-    // Only paginate root rows, grid should refetch root rows when `paginationModel` updates
-    const {
-      pageSize,
-      page
-    } = queryOptions.paginationModel;
-    if (pageSize < childRowsWithDescendantCounts.length) {
-      childRowsWithDescendantCounts = childRowsWithDescendantCounts.slice(page * pageSize, (page + 1) * pageSize);
+
+  // Apply pagination using start/end if provided, otherwise fall back to paginationModel
+  if (queryOptions.groupKeys.length === 0 || nestedPagination) {
+    if (queryOptions.start !== undefined && queryOptions.end !== undefined) {
+      // Use start/end for range-based pagination (needed for nested lazy loading)
+      childRowsWithDescendantCounts = childRowsWithDescendantCounts.slice(queryOptions.start, queryOptions.end + 1);
+    } else if (queryOptions.paginationModel) {
+      // Fall back to paginationModel for backward compatibility
+      const {
+        pageSize,
+        page
+      } = queryOptions.paginationModel;
+      if (pageSize < childRowsWithDescendantCounts.length) {
+        childRowsWithDescendantCounts = childRowsWithDescendantCounts.slice(page * pageSize, (page + 1) * pageSize);
+      }
     }
   }
   return new Promise(resolve => {
@@ -721,7 +750,7 @@ const processPivotingRows = (rows, queryOptions, serverOptions, columnsWithDefau
   const pivotColumnKeys = Array.from(uniqueColumnGroups.keys());
 
   // Add paths and generate parent rows based on `visibleRows` (pivot row fields)
-  const pathsToAutogenerate = new Set();
+  const pathsToAutogenerate = new Map();
   let rowsWithPaths = filteredRows;
   const rowsWithMissingGroups = [];
   if (visibleRows.length > 0) {
@@ -748,9 +777,9 @@ const processPivotingRows = (rows, queryOptions, serverOptions, columnsWithDefau
           return acc;
         }
         const parentPath = partialPath.slice(0, index + 1);
-        const stringifiedPath = parentPath.join(',');
-        if (!pathsToAutogenerate.has(stringifiedPath)) {
-          pathsToAutogenerate.add(stringifiedPath);
+        const key = JSON.stringify(parentPath);
+        if (!pathsToAutogenerate.has(key)) {
+          pathsToAutogenerate.set(key, parentPath);
         }
       }
       acc.push((0, _extends2.default)({}, row, {
@@ -763,7 +792,7 @@ const processPivotingRows = (rows, queryOptions, serverOptions, columnsWithDefau
       path: ['']
     }));
   }
-  const autogeneratedRows = generateParentRows(pathsToAutogenerate);
+  const autogeneratedRows = generateParentRows(pathsToAutogenerate.values());
 
   // Apply tree data filtering to include missing parents and children
   const filteredRowsWithGroups = getTreeDataFilteredRows([...autogeneratedRows, ...rowsWithPaths, ...rowsWithMissingGroups], queryOptions.filterModel, columnsWithDefaultColDef);