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

package/hooks/serverUtils.mjs

@@ -200,12 +200,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]
     };
   });
 };
@@ -409,14 +408,18 @@ export const processTreeDataRows = (rows, queryOptions, serverOptions, columnsWi
   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 _extends({}, row, {
-        descendantCount
+        descendantCount,
+        childrenCount
       }, applyAggregation(queryOptions.aggregationModel, columnsWithDefaultColDef, descendants, row.id));
     }
     return _extends({}, row, {
-      descendantCount
+      descendantCount,
+      childrenCount
     });
   });
   if (queryOptions.sortModel) {
@@ -428,15 +431,21 @@ export const processTreeDataRows = (rows, queryOptions, serverOptions, columnsWi
   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 => {
@@ -453,7 +462,7 @@ export const processTreeDataRows = (rows, queryOptions, serverOptions, columnsWi
 /**
  * Simulates server data for row grouping feature
  */
-export const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDefaultColDef) => {
+export const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDefaultColDef, nestedPagination) => {
   const {
     minDelay = 100,
     maxDelay = 300
@@ -469,7 +478,7 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
     throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.groupFields must be defined to compute row grouping data' : _formatErrorMessage(103));
   }
   const delay = randomInt(minDelay, maxDelay);
-  const pathsToAutogenerate = new Set();
+  const pathsToAutogenerate = new Map();
   let rowsWithPaths = rows;
   const rowsWithMissingGroups = [];
 
@@ -481,13 +490,22 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
         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];
@@ -500,9 +518,9 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
           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(_extends({}, row, {
@@ -515,7 +533,7 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
       path: ['']
     }));
   }
-  const autogeneratedRows = generateParentRows(pathsToAutogenerate);
+  const autogeneratedRows = generateParentRows(pathsToAutogenerate.values());
 
   // apply plain filtering
   const filteredRows = getTreeDataFilteredRows([...autogeneratedRows, ...rowsWithPaths, ...rowsWithMissingGroups], queryOptions.filterModel, columnsWithDefaultColDef);
@@ -537,14 +555,18 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
       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 _extends({}, row, {
-        descendantCount
+        descendantCount,
+        childrenCount
       }, applyAggregation(queryOptions.aggregationModel, columnsWithDefaultColDef, descendants, row.id));
     }
     return _extends({}, row, {
-      descendantCount
+      descendantCount,
+      childrenCount
     });
   });
   if (queryOptions.sortModel) {
@@ -557,14 +579,21 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
   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 => {
@@ -711,7 +740,7 @@ export const processPivotingRows = (rows, queryOptions, serverOptions, columnsWi
   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) {
@@ -738,9 +767,9 @@ export const processPivotingRows = (rows, queryOptions, serverOptions, columnsWi
           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(_extends({}, row, {
@@ -753,7 +782,7 @@ export const processPivotingRows = (rows, queryOptions, serverOptions, columnsWi
       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);

package/hooks/useDemoData.d.mts

@@ -15,11 +15,12 @@ export interface UseDemoDataOptions {
   maxColumns?: number;
   visibleFields?: string[];
   editable?: boolean;
+  multiSelect?: boolean;
   treeData?: AddPathToDemoDataOptions;
 }
 export declare function extrapolateSeed(rowLength: number, data: GridDemoData): Promise<GridDemoData>;
 export declare const deepFreeze: <T>(object: T) => T;
-export interface ColumnsOptions extends Pick<UseDemoDataOptions, 'dataSet' | 'editable' | 'maxColumns' | 'visibleFields'> {}
+export interface ColumnsOptions extends Pick<UseDemoDataOptions, 'dataSet' | 'editable' | 'maxColumns' | 'visibleFields' | 'multiSelect'> {}
 export declare const getColumnsFromOptions: (options: ColumnsOptions) => GridColDefGenerator[];
 export declare const getInitialState: (options: UseDemoDataOptions, columns: GridColDefGenerator[]) => {
   columns: {

package/hooks/useDemoData.d.ts

@@ -15,11 +15,12 @@ export interface UseDemoDataOptions {
   maxColumns?: number;
   visibleFields?: string[];
   editable?: boolean;
+  multiSelect?: boolean;
   treeData?: AddPathToDemoDataOptions;
 }
 export declare function extrapolateSeed(rowLength: number, data: GridDemoData): Promise<GridDemoData>;
 export declare const deepFreeze: <T>(object: T) => T;
-export interface ColumnsOptions extends Pick<UseDemoDataOptions, 'dataSet' | 'editable' | 'maxColumns' | 'visibleFields'> {}
+export interface ColumnsOptions extends Pick<UseDemoDataOptions, 'dataSet' | 'editable' | 'maxColumns' | 'visibleFields' | 'multiSelect'> {}
 export declare const getColumnsFromOptions: (options: ColumnsOptions) => GridColDefGenerator[];
 export declare const getInitialState: (options: UseDemoDataOptions, columns: GridColDefGenerator[]) => {
   columns: {

package/hooks/useDemoData.js

@@ -70,6 +70,9 @@ const deepFreeze = object => {
 exports.deepFreeze = deepFreeze;
 const getColumnsFromOptions = options => {
   let columns = options.dataSet === 'Commodity' ? (0, _commodities.getCommodityColumns)(options.editable) : (0, _employees.getEmployeeColumns)();
+  if (!options.multiSelect) {
+    columns = columns.filter(col => col.type !== 'multiSelect');
+  }
   if (options.visibleFields) {
     columns = columns.map(col => (0, _extends2.default)({}, col, {
       hide: !options.visibleFields?.includes(col.field)
@@ -108,9 +111,10 @@ const useDemoData = options => {
       dataSet: options.dataSet,
       editable: options.editable,
       maxColumns: options.maxColumns,
-      visibleFields: options.visibleFields
+      visibleFields: options.visibleFields,
+      multiSelect: options.multiSelect
     });
-  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields]);
+  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields, options.multiSelect]);
   const [data, setData] = React.useState(() => {
     return (0, _treeDataGenerator.addTreeDataOptionsToDemoData)({
       columns,
@@ -120,7 +124,7 @@ const useDemoData = options => {
   });
   React.useEffect(() => {
     const treeDataKey = (options.treeData?.maxDepth ?? 1) > 1 ? `${options.treeData?.maxDepth}-${options.treeData?.averageChildren ?? 2}-${options.treeData?.groupingField ?? ''}` : 'false';
-    const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}-treeData:${treeDataKey}`;
+    const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}-multiSelect:${options.multiSelect ? 'true' : 'false'}-treeData:${treeDataKey}`;
 
     // Cache to allow fast switch between the JavaScript and TypeScript version
     // of the demos.
@@ -160,7 +164,7 @@ const useDemoData = options => {
     return () => {
       active = false;
     };
-  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, index, columns]);
+  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, options.multiSelect, index, columns]);
   return {
     data,
     loading,

package/hooks/useDemoData.mjs

@@ -60,6 +60,9 @@ export const deepFreeze = object => {
 };
 export const getColumnsFromOptions = options => {
   let columns = options.dataSet === 'Commodity' ? getCommodityColumns(options.editable) : getEmployeeColumns();
+  if (!options.multiSelect) {
+    columns = columns.filter(col => col.type !== 'multiSelect');
+  }
   if (options.visibleFields) {
     columns = columns.map(col => _extends({}, col, {
       hide: !options.visibleFields?.includes(col.field)
@@ -96,9 +99,10 @@ export const useDemoData = options => {
       dataSet: options.dataSet,
       editable: options.editable,
       maxColumns: options.maxColumns,
-      visibleFields: options.visibleFields
+      visibleFields: options.visibleFields,
+      multiSelect: options.multiSelect
     });
-  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields]);
+  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields, options.multiSelect]);
   const [data, setData] = React.useState(() => {
     return addTreeDataOptionsToDemoData({
       columns,
@@ -108,7 +112,7 @@ export const useDemoData = options => {
   });
   React.useEffect(() => {
     const treeDataKey = (options.treeData?.maxDepth ?? 1) > 1 ? `${options.treeData?.maxDepth}-${options.treeData?.averageChildren ?? 2}-${options.treeData?.groupingField ?? ''}` : 'false';
-    const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}-treeData:${treeDataKey}`;
+    const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}-multiSelect:${options.multiSelect ? 'true' : 'false'}-treeData:${treeDataKey}`;
 
     // Cache to allow fast switch between the JavaScript and TypeScript version
     // of the demos.
@@ -148,7 +152,7 @@ export const useDemoData = options => {
     return () => {
       active = false;
     };
-  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, index, columns]);
+  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, options.multiSelect, index, columns]);
   return {
     data,
     loading,

package/hooks/useMockServer.d.mts

@@ -22,6 +22,7 @@ interface UseMockServerOptions {
   maxColumns?: number;
   visibleFields?: string[];
   editable?: boolean;
+  multiSelect?: boolean;
   treeData?: AddPathToDemoDataOptions;
   derivedColumns?: boolean;
 }

package/hooks/useMockServer.d.ts

@@ -22,6 +22,7 @@ interface UseMockServerOptions {
   maxColumns?: number;
   visibleFields?: string[];
   editable?: boolean;
+  multiSelect?: boolean;
   treeData?: AddPathToDemoDataOptions;
   derivedColumns?: boolean;
 }

package/hooks/useMockServer.js

@@ -45,6 +45,9 @@ const getColumnsFromOptions = options => {
     default:
       throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Unknown dataset' : (0, _formatErrorMessage2.default)(106));
   }
+  if (!options.multiSelect) {
+    columns = columns.filter(col => col.type !== 'multiSelect');
+  }
   if (options.visibleFields) {
     columns = columns.map(col => (0, _extends2.default)({}, col, {
       hide: !options.visibleFields?.includes(col.field)
@@ -133,9 +136,10 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail, nested
       editable: options.editable,
       maxColumns: options.maxColumns,
       visibleFields: options.visibleFields,
-      derivedColumns: options.derivedColumns
+      derivedColumns: options.derivedColumns,
+      multiSelect: options.multiSelect
     });
-  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields, options.derivedColumns]);
+  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields, options.derivedColumns, options.multiSelect]);
   const initialState = React.useMemo(() => getInitialState(columns, options.treeData?.groupingField), [columns, options.treeData?.groupingField]);
   const columnsWithDerivedColDef = React.useMemo(() => columns.map(column => (0, _extends2.default)({}, defaultColDef[column.type || 'string'], column)), [columns]);
   const columnsWithDefaultColDef = React.useMemo(() => columnsWithDerivedColDef.filter(column => !column.derivedFrom), [columnsWithDerivedColDef]);
@@ -148,12 +152,13 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail, nested
   }, [options.treeData?.groupingField, isTreeData]);
   const getChildrenCount = React.useMemo(() => {
     if (isTreeData) {
-      return row => row.descendantCount;
+      return row => row.childrenCount;
     }
     return undefined;
   }, [isTreeData]);
   React.useEffect(() => {
-    const cacheKey = `${options.dataSet}-${options.rowLength}-${index}-${options.maxColumns}`;
+    const treeDataKey = (options.treeData?.maxDepth ?? 1) > 1 ? `${options.treeData?.maxDepth}-${options.treeData?.averageChildren ?? 2}-${options.treeData?.groupingField ?? ''}` : 'false';
+    const cacheKey = `${options.dataSet}-${options.rowLength}-${index}-${options.maxColumns}-treeData:${treeDataKey}`;
 
     // Cache to allow fast switch between the JavaScript and TypeScript version
     // of the demos.
@@ -254,7 +259,7 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail, nested
         rows,
         rootRowCount,
         aggregateRow
-      } = await (0, _serverUtils.processTreeDataRows)(dataRef.current?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef, nestedPagination ?? false);
+      } = await (0, _serverUtils.processTreeDataRows)(dataRef.current?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef, nestedPagination ?? (params.start !== undefined && params.end !== undefined));
       getRowsResponse = (0, _extends2.default)({
         rows: rows.slice().map(row => (0, _extends2.default)({}, row, {
           path: undefined
@@ -281,7 +286,7 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail, nested
         rows,
         rootRowCount,
         aggregateRow
-      } = await (0, _serverUtils.processRowGroupingRows)(dataRef.current?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef);
+      } = await (0, _serverUtils.processRowGroupingRows)(dataRef.current?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef, params.start !== undefined && params.end !== undefined);
       getRowsResponse = (0, _extends2.default)({
         rows: rows.slice().map(row => (0, _extends2.default)({}, row, {
           path: undefined

package/hooks/useMockServer.mjs

@@ -38,6 +38,9 @@ const getColumnsFromOptions = options => {
     default:
       throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Unknown dataset' : _formatErrorMessage(106));
   }
+  if (!options.multiSelect) {
+    columns = columns.filter(col => col.type !== 'multiSelect');
+  }
   if (options.visibleFields) {
     columns = columns.map(col => _extends({}, col, {
       hide: !options.visibleFields?.includes(col.field)
@@ -126,9 +129,10 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail,
       editable: options.editable,
       maxColumns: options.maxColumns,
       visibleFields: options.visibleFields,
-      derivedColumns: options.derivedColumns
+      derivedColumns: options.derivedColumns,
+      multiSelect: options.multiSelect
     });
-  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields, options.derivedColumns]);
+  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields, options.derivedColumns, options.multiSelect]);
   const initialState = React.useMemo(() => getInitialState(columns, options.treeData?.groupingField), [columns, options.treeData?.groupingField]);
   const columnsWithDerivedColDef = React.useMemo(() => columns.map(column => _extends({}, defaultColDef[column.type || 'string'], column)), [columns]);
   const columnsWithDefaultColDef = React.useMemo(() => columnsWithDerivedColDef.filter(column => !column.derivedFrom), [columnsWithDerivedColDef]);
@@ -141,12 +145,13 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail,
   }, [options.treeData?.groupingField, isTreeData]);
   const getChildrenCount = React.useMemo(() => {
     if (isTreeData) {
-      return row => row.descendantCount;
+      return row => row.childrenCount;
     }
     return undefined;
   }, [isTreeData]);
   React.useEffect(() => {
-    const cacheKey = `${options.dataSet}-${options.rowLength}-${index}-${options.maxColumns}`;
+    const treeDataKey = (options.treeData?.maxDepth ?? 1) > 1 ? `${options.treeData?.maxDepth}-${options.treeData?.averageChildren ?? 2}-${options.treeData?.groupingField ?? ''}` : 'false';
+    const cacheKey = `${options.dataSet}-${options.rowLength}-${index}-${options.maxColumns}-treeData:${treeDataKey}`;
 
     // Cache to allow fast switch between the JavaScript and TypeScript version
     // of the demos.
@@ -247,7 +252,7 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail,
         rows,
         rootRowCount,
         aggregateRow
-      } = await processTreeDataRows(dataRef.current?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef, nestedPagination ?? false);
+      } = await processTreeDataRows(dataRef.current?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef, nestedPagination ?? (params.start !== undefined && params.end !== undefined));
       getRowsResponse = _extends({
         rows: rows.slice().map(row => _extends({}, row, {
           path: undefined
@@ -274,7 +279,7 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail,
         rows,
         rootRowCount,
         aggregateRow
-      } = await processRowGroupingRows(dataRef.current?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef);
+      } = await processRowGroupingRows(dataRef.current?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef, params.start !== undefined && params.end !== undefined);
       getRowsResponse = _extends({
         rows: rows.slice().map(row => _extends({}, row, {
           path: undefined

package/hooks/useQuery.d.mts

@@ -167,6 +167,63 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
     dataGeneratorUniquenessEnabled?: boolean;
     hide?: boolean;
     derivedFrom?: string;
+  } | {
+    type: "multiSelect";
+    valueOptions?: import("@mui/x-data-grid").ValueOptions[] | ((params: import("@mui/x-data-grid").GridValueOptionsParams<any>) => Array<import("@mui/x-data-grid").ValueOptions>) | undefined;
+    getOptionLabel: (value: import("@mui/x-data-grid").ValueOptions) => string;
+    getOptionValue: (value: import("@mui/x-data-grid").ValueOptions) => string | number;
+    separator?: string;
+    field: string;
+    headerName?: string;
+    description?: string;
+    width?: number;
+    flex?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    hideable?: boolean;
+    sortable?: boolean;
+    sortingOrder?: readonly import("@mui/x-data-grid").GridSortDirection[];
+    resizable?: boolean;
+    editable?: boolean;
+    groupable?: boolean;
+    pinnable?: boolean;
+    sortComparator?: import("@mui/x-data-grid").GridComparatorFn<any> | undefined;
+    getSortComparator?: ((sortDirection: import("@mui/x-data-grid").GridSortDirection) => import("@mui/x-data-grid").GridComparatorFn<any> | undefined) | undefined;
+    align?: import("@mui/x-data-grid").GridAlignment;
+    valueGetter?: import("@mui/x-data-grid").GridValueGetter<any, any, any, never> | undefined;
+    rowSpanValueGetter?: import("@mui/x-data-grid").GridValueGetter<any, any, any, never> | undefined;
+    valueSetter?: import("@mui/x-data-grid").GridValueSetter<any, any, any> | undefined;
+    valueFormatter?: import("@mui/x-data-grid").GridValueFormatter<any, any, any, never> | undefined;
+    valueParser?: import("@mui/x-data-grid").GridValueParser<any, any, any> | undefined;
+    cellClassName?: import("@mui/x-data-grid").GridCellClassNamePropType<any, any> | undefined;
+    display?: "text" | "flex";
+    renderCell?: ((params: import("@mui/x-data-grid").GridRenderCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+    renderEditCell?: ((params: import("@mui/x-data-grid").GridRenderEditCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+    preProcessEditCellProps?: ((params: import("@mui/x-data-grid").GridPreProcessEditCellProps) => import("@mui/x-data-grid").GridEditCellProps | Promise<import("@mui/x-data-grid").GridEditCellProps>) | undefined;
+    headerClassName?: import("@mui/x-data-grid").GridColumnHeaderClassNamePropType;
+    renderHeader?: ((params: import("@mui/x-data-grid").GridColumnHeaderParams<any, any, any>) => React.ReactNode) | undefined;
+    headerAlign?: import("@mui/x-data-grid").GridAlignment;
+    hideSortIcons?: boolean;
+    disableColumnMenu?: boolean;
+    filterable?: boolean;
+    filterOperators?: readonly import("@mui/x-data-grid").GridFilterOperator<any, any, any, any>[] | undefined;
+    getApplyQuickFilterFn?: import("@mui/x-data-grid").GetApplyQuickFilterFn<any, any> | undefined;
+    disableReorder?: boolean;
+    disableExport?: boolean;
+    colSpan?: number | import("@mui/x-data-grid").GridColSpanFn<any, any, any> | undefined;
+    examples?: any[] | undefined;
+    renderHeaderFilter?: (params: import("@mui/x-data-grid-pro").GridRenderHeaderFilterProps) => React.ReactNode;
+    aggregable?: boolean;
+    availableAggregationFunctions?: string[];
+    groupingValueGetter?: import("@mui/x-data-grid-premium").GridGroupingValueGetter<any> | undefined;
+    groupingValueSetter?: import("@mui/x-data-grid-premium").GridGroupingValueSetter<any> | undefined;
+    pastedValueParser?: import("@mui/x-data-grid-premium").GridPastedValueParser<any, any, any> | undefined;
+    pivotable?: boolean;
+    chartable?: boolean;
+    generateData?: (row: any, context: import("../index.mjs").GridDataGeneratorContext) => any;
+    dataGeneratorUniquenessEnabled?: boolean;
+    hide?: boolean;
+    derivedFrom?: string;
   })[];
   initialState: {
     columns: {

package/hooks/useQuery.d.ts

@@ -167,6 +167,63 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
     dataGeneratorUniquenessEnabled?: boolean;
     hide?: boolean;
     derivedFrom?: string;
+  } | {
+    type: "multiSelect";
+    valueOptions?: import("@mui/x-data-grid").ValueOptions[] | ((params: import("@mui/x-data-grid").GridValueOptionsParams<any>) => Array<import("@mui/x-data-grid").ValueOptions>) | undefined;
+    getOptionLabel: (value: import("@mui/x-data-grid").ValueOptions) => string;
+    getOptionValue: (value: import("@mui/x-data-grid").ValueOptions) => string | number;
+    separator?: string;
+    field: string;
+    headerName?: string;
+    description?: string;
+    width?: number;
+    flex?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    hideable?: boolean;
+    sortable?: boolean;
+    sortingOrder?: readonly import("@mui/x-data-grid").GridSortDirection[];
+    resizable?: boolean;
+    editable?: boolean;
+    groupable?: boolean;
+    pinnable?: boolean;
+    sortComparator?: import("@mui/x-data-grid").GridComparatorFn<any> | undefined;
+    getSortComparator?: ((sortDirection: import("@mui/x-data-grid").GridSortDirection) => import("@mui/x-data-grid").GridComparatorFn<any> | undefined) | undefined;
+    align?: import("@mui/x-data-grid").GridAlignment;
+    valueGetter?: import("@mui/x-data-grid").GridValueGetter<any, any, any, never> | undefined;
+    rowSpanValueGetter?: import("@mui/x-data-grid").GridValueGetter<any, any, any, never> | undefined;
+    valueSetter?: import("@mui/x-data-grid").GridValueSetter<any, any, any> | undefined;
+    valueFormatter?: import("@mui/x-data-grid").GridValueFormatter<any, any, any, never> | undefined;
+    valueParser?: import("@mui/x-data-grid").GridValueParser<any, any, any> | undefined;
+    cellClassName?: import("@mui/x-data-grid").GridCellClassNamePropType<any, any> | undefined;
+    display?: "text" | "flex";
+    renderCell?: ((params: import("@mui/x-data-grid").GridRenderCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+    renderEditCell?: ((params: import("@mui/x-data-grid").GridRenderEditCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+    preProcessEditCellProps?: ((params: import("@mui/x-data-grid").GridPreProcessEditCellProps) => import("@mui/x-data-grid").GridEditCellProps | Promise<import("@mui/x-data-grid").GridEditCellProps>) | undefined;
+    headerClassName?: import("@mui/x-data-grid").GridColumnHeaderClassNamePropType;
+    renderHeader?: ((params: import("@mui/x-data-grid").GridColumnHeaderParams<any, any, any>) => React.ReactNode) | undefined;
+    headerAlign?: import("@mui/x-data-grid").GridAlignment;
+    hideSortIcons?: boolean;
+    disableColumnMenu?: boolean;
+    filterable?: boolean;
+    filterOperators?: readonly import("@mui/x-data-grid").GridFilterOperator<any, any, any, any>[] | undefined;
+    getApplyQuickFilterFn?: import("@mui/x-data-grid").GetApplyQuickFilterFn<any, any> | undefined;
+    disableReorder?: boolean;
+    disableExport?: boolean;
+    colSpan?: number | import("@mui/x-data-grid").GridColSpanFn<any, any, any> | undefined;
+    examples?: any[] | undefined;
+    renderHeaderFilter?: (params: import("@mui/x-data-grid-pro").GridRenderHeaderFilterProps) => React.ReactNode;
+    aggregable?: boolean;
+    availableAggregationFunctions?: string[];
+    groupingValueGetter?: import("@mui/x-data-grid-premium").GridGroupingValueGetter<any> | undefined;
+    groupingValueSetter?: import("@mui/x-data-grid-premium").GridGroupingValueSetter<any> | undefined;
+    pastedValueParser?: import("@mui/x-data-grid-premium").GridPastedValueParser<any, any, any> | undefined;
+    pivotable?: boolean;
+    chartable?: boolean;
+    generateData?: (row: any, context: import("../index.js").GridDataGeneratorContext) => any;
+    dataGeneratorUniquenessEnabled?: boolean;
+    hide?: boolean;
+    derivedFrom?: string;
   })[];
   initialState: {
     columns: {

package/index.js

@@ -1,8 +1,8 @@
 /**
- * @mui/x-data-grid-generator v9.3.0
+ * @mui/x-data-grid-generator v9.5.0
  *
- * @license UNLICENSED
- * This source code is licensed under the UNLICENSED license found in the
+ * @license MIT
+ * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
 "use strict";

package/index.mjs

@@ -1,8 +1,8 @@
 /**
- * @mui/x-data-grid-generator v9.3.0
+ * @mui/x-data-grid-generator v9.5.0
  *
- * @license UNLICENSED
- * This source code is licensed under the UNLICENSED license found in the
+ * @license MIT
+ * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
 export * from "./renderer/index.mjs";

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "9.3.0",
+  "version": "9.5.0",
   "author": "MUI Team",
   "description": "Generate fake data for demo purposes only.",
-  "license": "UNLICENSED",
+  "license": "MIT",
   "bugs": {
     "url": "https://github.com/mui/mui-x/issues"
   },
@@ -21,14 +21,14 @@
     "directory": "packages/x-data-grid-generator"
   },
   "dependencies": {
-    "@babel/runtime": "^7.29.2",
+    "@babel/runtime": "^7.29.7",
     "chance": "^1.1.13",
     "clsx": "^2.1.1",
-    "lru-cache": "^11.3.6",
-    "@mui/x-data-grid": "^9.3.0",
-    "@mui/x-data-grid-premium": "^9.3.0",
-    "@mui/x-data-grid-pro": "^9.3.0",
-    "@mui/x-internals": "^9.1.0"
+    "lru-cache": "^11.5.1",
+    "@mui/x-data-grid": "^9.5.0",
+    "@mui/x-data-grid-pro": "^9.5.0",
+    "@mui/x-internals": "^9.1.0",
+    "@mui/x-data-grid-premium": "^9.5.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",