@mui/x-data-grid-generator 8.0.0-alpha.1 → 8.0.0-alpha.10

package/hooks/serverUtils.d.ts

@@ -1,6 +1,7 @@
-import { GridRowModel, GridFilterModel, GridSortModel, GridColDef, GridRowId, GridPaginationModel, GridValidRowModel } from '@mui/x-data-grid-pro';
+import { GridRowModel, GridFilterModel, GridSortModel, GridColDef, GridRowId, GridPaginationModel, GridValidRowModel, GridAggregationModel } from '@mui/x-data-grid-premium';
 export interface FakeServerResponse {
     returnedRows: GridRowModel[];
+    aggregateRow?: GridValidRowModel;
     nextCursor?: string;
     hasNextPage?: boolean;
     totalRowCount: number;
@@ -22,9 +23,10 @@ export interface QueryOptions {
     page?: number;
     pageSize?: number;
     filterModel?: GridFilterModel;
+    aggregationModel?: GridAggregationModel;
     sortModel?: GridSortModel;
-    firstRowToRender?: number;
-    lastRowToRender?: number;
+    start?: number;
+    end?: number;
 }
 export interface ServerSideQueryOptions {
     cursor?: GridRowId;
@@ -32,8 +34,9 @@ export interface ServerSideQueryOptions {
     groupKeys?: string[];
     filterModel?: GridFilterModel;
     sortModel?: GridSortModel;
-    firstRowToRender?: number;
-    lastRowToRender?: number;
+    aggregationModel?: GridAggregationModel;
+    start?: number;
+    end?: number;
     groupFields?: string[];
 }
 export declare const disableDelay: any;
@@ -45,6 +48,7 @@ export declare const loadServerRows: (rows: GridRowModel[], queryOptions: QueryO
 interface NestedDataRowsResponse {
     rows: GridRowModel[];
     rootRowCount: number;
+    aggregateRow?: GridRowModel;
 }
 /**
  * Simulates server data for tree-data feature

package/hooks/serverUtils.js

@@ -1,6 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { GridLogicOperator } from '@mui/x-data-grid-pro';
+import { GridLogicOperator, GRID_AGGREGATION_FUNCTIONS } from '@mui/x-data-grid-premium';
 import { randomInt } from "../services/random-generator.js";
+const getAvailableAggregationFunctions = columnType => {
+  const availableAggregationFunctions = new Map();
+  Object.keys(GRID_AGGREGATION_FUNCTIONS).forEach(functionName => {
+    const columnTypes = GRID_AGGREGATION_FUNCTIONS[functionName].columnTypes;
+    if (!columnTypes || columnTypes.includes(columnType ?? 'string')) {
+      availableAggregationFunctions.set(functionName, GRID_AGGREGATION_FUNCTIONS[functionName]);
+    }
+  });
+  return availableAggregationFunctions;
+};
 export const disableDelay = typeof DISABLE_CHANCE_RANDOM !== 'undefined' && DISABLE_CHANCE_RANDOM;
 export const DEFAULT_SERVER_OPTIONS = {
   minDelay: disableDelay ? 0 : 100,
@@ -155,6 +165,36 @@ const getFilteredRows = (rows, filterModel, columnsWithDefaultColDef) => {
     return filterFunctions[index] === null ? true : filterFunctions[index](value);
   }));
 };
+const applyAggregation = (aggregationModel, colDefs, rows, groupId = 'root') => {
+  const columnsToAggregate = Object.keys(aggregationModel);
+  if (columnsToAggregate.length === 0) {
+    return {};
+  }
+  const aggregateValues = {};
+  columnsToAggregate.forEach(field => {
+    const type = colDefs.find(({
+      field: f
+    }) => f === field)?.type;
+    if (!type) {
+      return;
+    }
+    const availableAggregationFunctions = getAvailableAggregationFunctions(type);
+    if (!availableAggregationFunctions.has(aggregationModel[field])) {
+      return;
+    }
+    const aggregationFunction = availableAggregationFunctions.get(aggregationModel[field]);
+    if (!aggregationFunction) {
+      return;
+    }
+    const values = rows.map(row => row[field]);
+    aggregateValues[`${field}Aggregate`] = aggregationFunction.apply({
+      values,
+      field,
+      groupId
+    });
+  });
+  return aggregateValues;
+};
 
 /**
  * Simulates server data loading
@@ -172,7 +212,9 @@ export const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDef
   const {
     cursor,
     page = 0,
-    pageSize
+    pageSize,
+    start,
+    end
   } = queryOptions;
   let nextCursor;
   let firstRowIndex;
@@ -180,28 +222,37 @@ export const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDef
   let filteredRows = getFilteredRows(rows, queryOptions.filterModel, columnsWithDefaultColDef);
   const rowComparator = getRowComparator(queryOptions.sortModel, columnsWithDefaultColDef);
   filteredRows = [...filteredRows].sort(rowComparator);
+  let aggregateRow = {};
+  if (queryOptions.aggregationModel) {
+    aggregateRow = applyAggregation(queryOptions.aggregationModel, columnsWithDefaultColDef, filteredRows);
+  }
   const totalRowCount = filteredRows.length;
-  if (!pageSize) {
+  if (start !== undefined && end !== undefined) {
+    firstRowIndex = start;
+    lastRowIndex = end;
+  } else if (!pageSize) {
     firstRowIndex = 0;
-    lastRowIndex = filteredRows.length;
+    lastRowIndex = filteredRows.length - 1;
   } else if (useCursorPagination) {
     firstRowIndex = cursor ? filteredRows.findIndex(({
       id
     }) => id === cursor) : 0;
     firstRowIndex = Math.max(firstRowIndex, 0); // if cursor not found return 0
-    lastRowIndex = firstRowIndex + pageSize;
-    nextCursor = lastRowIndex >= filteredRows.length ? undefined : filteredRows[lastRowIndex].id;
+    lastRowIndex = firstRowIndex + pageSize - 1;
+    nextCursor = filteredRows[lastRowIndex + 1]?.id;
   } else {
     firstRowIndex = page * pageSize;
-    lastRowIndex = (page + 1) * pageSize;
+    lastRowIndex = (page + 1) * pageSize - 1;
   }
   const hasNextPage = lastRowIndex < filteredRows.length - 1;
-  const response = {
-    returnedRows: filteredRows.slice(firstRowIndex, lastRowIndex),
+  const response = _extends({
+    returnedRows: filteredRows.slice(firstRowIndex, lastRowIndex + 1),
     hasNextPage,
     nextCursor,
     totalRowCount
-  };
+  }, queryOptions.aggregationModel ? {
+    aggregateRow
+  } : {});
   return new Promise(resolve => {
     setTimeout(() => {
       resolve(response);
@@ -311,6 +362,12 @@ export const processTreeDataRows = (rows, queryOptions, serverOptions, columnsWi
   let childRowsWithDescendantCounts = childRows.map(row => {
     const descendants = findTreeDataRowChildren(filteredRows, row[pathKey], pathKey, -1);
     const descendantCount = descendants.length;
+    if (descendantCount > 0 && queryOptions.aggregationModel) {
+      // Parent row, compute aggregation
+      return _extends({}, row, {
+        descendantCount
+      }, applyAggregation(queryOptions.aggregationModel, columnsWithDefaultColDef, descendants, row.id));
+    }
     return _extends({}, row, {
       descendantCount
     });
@@ -320,6 +377,10 @@ export const processTreeDataRows = (rows, queryOptions, serverOptions, columnsWi
     const rowComparator = getRowComparator(queryOptions.sortModel, columnsWithDefaultColDef);
     childRowsWithDescendantCounts = [...childRowsWithDescendantCounts].sort(rowComparator);
   }
+  let aggregateRow;
+  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 {
@@ -334,7 +395,8 @@ export const processTreeDataRows = (rows, queryOptions, serverOptions, columnsWi
     setTimeout(() => {
       resolve({
         rows: childRowsWithDescendantCounts,
-        rootRowCount
+        rootRowCount,
+        aggregateRow
       });
     }, delay); // simulate network latency
   });
@@ -423,6 +485,12 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
       id
     }) => typeof id !== 'string' || !id.startsWith('auto-generated-parent-'));
     const descendantCount = descendants.length;
+    if (descendantCount > 0 && queryOptions.aggregationModel) {
+      // Parent row, compute aggregation
+      return _extends({}, row, {
+        descendantCount
+      }, applyAggregation(queryOptions.aggregationModel, columnsWithDefaultColDef, descendants, row.id));
+    }
     return _extends({}, row, {
       descendantCount
     });
@@ -433,6 +501,10 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
     const sortedChildRows = [...childRowsWithDescendantCounts].sort(rowComparator);
     childRowsWithDescendantCounts = [...sortedMissingGroups, ...sortedChildRows];
   }
+  let aggregateRow;
+  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 {
@@ -447,7 +519,8 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
     setTimeout(() => {
       resolve({
         rows: childRowsWithDescendantCounts,
-        rootRowCount
+        rootRowCount,
+        aggregateRow
       });
     }, delay); // simulate network latency
   });

package/hooks/useDemoData.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { LRUCache } from 'lru-cache';

package/hooks/useMockServer.d.ts

@@ -1,4 +1,4 @@
-import { GridRowModel, GridGetRowsResponse, GridColDef, GridInitialState } from '@mui/x-data-grid-pro';
+import { GridRowModel, GridGetRowsResponse, GridColDef, GridInitialState } from '@mui/x-data-grid-premium';
 import { AddPathToDemoDataOptions } from '../services/tree-data-generator';
 import type { ServerOptions } from './serverUtils';
 export declare const BASE_URL = "https://mui.com/x/api/data-grid";
@@ -9,6 +9,7 @@ type UseMockServerResponse = {
     getChildrenCount?: (row: GridRowModel) => number;
     fetchRows: (url: string) => Promise<GridGetRowsResponse>;
     loadNewData: () => void;
+    isReady: boolean;
 };
 type DataSet = 'Commodity' | 'Employee' | 'Movies';
 interface UseMockServerOptions {

package/hooks/useMockServer.js

@@ -1,7 +1,9 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { LRUCache } from 'lru-cache';
-import { getGridDefaultColumnTypes } from '@mui/x-data-grid-pro';
+import { getGridDefaultColumnTypes } from '@mui/x-data-grid-premium';
 import { extrapolateSeed, deepFreeze } from "./useDemoData.js";
 import { getCommodityColumns } from "../columns/commodities.columns.js";
 import { getEmployeeColumns } from "../columns/employees.columns.js";
@@ -200,38 +202,47 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail)
     if (isTreeData) {
       const {
         rows,
-        rootRowCount
+        rootRowCount,
+        aggregateRow
       } = await processTreeDataRows(data?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef);
-      getRowsResponse = {
+      getRowsResponse = _extends({
         rows: rows.slice().map(row => _extends({}, row, {
           path: undefined
         })),
         rowCount: rootRowCount
-      };
+      }, aggregateRow ? {
+        aggregateRow
+      } : {});
     } else if (isRowGrouping) {
       const {
         rows,
-        rootRowCount
+        rootRowCount,
+        aggregateRow
       } = await processRowGroupingRows(data?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef);
-      getRowsResponse = {
+      getRowsResponse = _extends({
         rows: rows.slice().map(row => _extends({}, row, {
           path: undefined
         })),
         rowCount: rootRowCount
-      };
+      }, aggregateRow ? {
+        aggregateRow
+      } : {});
     } else {
       const {
         returnedRows,
         nextCursor,
-        totalRowCount
+        totalRowCount,
+        aggregateRow
       } = await loadServerRows(data?.rows ?? [], _extends({}, params, params.paginationModel), serverOptionsWithDefault, columnsWithDefaultColDef);
-      getRowsResponse = {
+      getRowsResponse = _extends({
         rows: returnedRows,
         rowCount: totalRowCount,
         pageInfo: {
           nextCursor
         }
-      };
+      }, aggregateRow ? {
+        aggregateRow
+      } : {});
     }
     return new Promise(resolve => {
       if (verbose) {
@@ -248,6 +259,7 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail)
     fetchRows,
     loadNewData: () => {
       setIndex(oldIndex => oldIndex + 1);
-    }
+    },
+    isReady: Boolean(data?.rows?.length)
   };
 };

package/hooks/useQuery.d.ts

@@ -39,7 +39,7 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         hideSortIcons?: boolean;
         disableColumnMenu?: boolean;
         filterable?: boolean;
-        filterOperators?: readonly import("@mui/x-data-grid").GridFilterOperator<any, any, any>[] | undefined;
+        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;
@@ -89,7 +89,7 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         hideSortIcons?: boolean;
         disableColumnMenu?: boolean;
         filterable?: boolean;
-        filterOperators?: readonly import("@mui/x-data-grid").GridFilterOperator<any, any, any>[] | undefined;
+        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;
@@ -141,7 +141,7 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
         hideSortIcons?: boolean;
         disableColumnMenu?: boolean;
         filterable?: boolean;
-        filterOperators?: readonly import("@mui/x-data-grid").GridFilterOperator<any, any, any>[] | undefined;
+        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;

package/hooks/useQuery.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { getGridDefaultColumnTypes } from '@mui/x-data-grid-pro';

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v8.0.0-alpha.1
+ * @mui/x-data-grid-generator v8.0.0-alpha.10
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/hooks/serverUtils.js

@@ -1,6 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { GridLogicOperator } from '@mui/x-data-grid-pro';
+import { GridLogicOperator, GRID_AGGREGATION_FUNCTIONS } from '@mui/x-data-grid-premium';
 import { randomInt } from "../services/random-generator.js";
+const getAvailableAggregationFunctions = columnType => {
+  const availableAggregationFunctions = new Map();
+  Object.keys(GRID_AGGREGATION_FUNCTIONS).forEach(functionName => {
+    const columnTypes = GRID_AGGREGATION_FUNCTIONS[functionName].columnTypes;
+    if (!columnTypes || columnTypes.includes(columnType ?? 'string')) {
+      availableAggregationFunctions.set(functionName, GRID_AGGREGATION_FUNCTIONS[functionName]);
+    }
+  });
+  return availableAggregationFunctions;
+};
 export const disableDelay = typeof DISABLE_CHANCE_RANDOM !== 'undefined' && DISABLE_CHANCE_RANDOM;
 export const DEFAULT_SERVER_OPTIONS = {
   minDelay: disableDelay ? 0 : 100,
@@ -155,6 +165,36 @@ const getFilteredRows = (rows, filterModel, columnsWithDefaultColDef) => {
     return filterFunctions[index] === null ? true : filterFunctions[index](value);
   }));
 };
+const applyAggregation = (aggregationModel, colDefs, rows, groupId = 'root') => {
+  const columnsToAggregate = Object.keys(aggregationModel);
+  if (columnsToAggregate.length === 0) {
+    return {};
+  }
+  const aggregateValues = {};
+  columnsToAggregate.forEach(field => {
+    const type = colDefs.find(({
+      field: f
+    }) => f === field)?.type;
+    if (!type) {
+      return;
+    }
+    const availableAggregationFunctions = getAvailableAggregationFunctions(type);
+    if (!availableAggregationFunctions.has(aggregationModel[field])) {
+      return;
+    }
+    const aggregationFunction = availableAggregationFunctions.get(aggregationModel[field]);
+    if (!aggregationFunction) {
+      return;
+    }
+    const values = rows.map(row => row[field]);
+    aggregateValues[`${field}Aggregate`] = aggregationFunction.apply({
+      values,
+      field,
+      groupId
+    });
+  });
+  return aggregateValues;
+};
 
 /**
  * Simulates server data loading
@@ -172,7 +212,9 @@ export const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDef
   const {
     cursor,
     page = 0,
-    pageSize
+    pageSize,
+    start,
+    end
   } = queryOptions;
   let nextCursor;
   let firstRowIndex;
@@ -180,28 +222,37 @@ export const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDef
   let filteredRows = getFilteredRows(rows, queryOptions.filterModel, columnsWithDefaultColDef);
   const rowComparator = getRowComparator(queryOptions.sortModel, columnsWithDefaultColDef);
   filteredRows = [...filteredRows].sort(rowComparator);
+  let aggregateRow = {};
+  if (queryOptions.aggregationModel) {
+    aggregateRow = applyAggregation(queryOptions.aggregationModel, columnsWithDefaultColDef, filteredRows);
+  }
   const totalRowCount = filteredRows.length;
-  if (!pageSize) {
+  if (start !== undefined && end !== undefined) {
+    firstRowIndex = start;
+    lastRowIndex = end;
+  } else if (!pageSize) {
     firstRowIndex = 0;
-    lastRowIndex = filteredRows.length;
+    lastRowIndex = filteredRows.length - 1;
   } else if (useCursorPagination) {
     firstRowIndex = cursor ? filteredRows.findIndex(({
       id
     }) => id === cursor) : 0;
     firstRowIndex = Math.max(firstRowIndex, 0); // if cursor not found return 0
-    lastRowIndex = firstRowIndex + pageSize;
-    nextCursor = lastRowIndex >= filteredRows.length ? undefined : filteredRows[lastRowIndex].id;
+    lastRowIndex = firstRowIndex + pageSize - 1;
+    nextCursor = filteredRows[lastRowIndex + 1]?.id;
   } else {
     firstRowIndex = page * pageSize;
-    lastRowIndex = (page + 1) * pageSize;
+    lastRowIndex = (page + 1) * pageSize - 1;
   }
   const hasNextPage = lastRowIndex < filteredRows.length - 1;
-  const response = {
-    returnedRows: filteredRows.slice(firstRowIndex, lastRowIndex),
+  const response = _extends({
+    returnedRows: filteredRows.slice(firstRowIndex, lastRowIndex + 1),
     hasNextPage,
     nextCursor,
     totalRowCount
-  };
+  }, queryOptions.aggregationModel ? {
+    aggregateRow
+  } : {});
   return new Promise(resolve => {
     setTimeout(() => {
       resolve(response);
@@ -311,6 +362,12 @@ export const processTreeDataRows = (rows, queryOptions, serverOptions, columnsWi
   let childRowsWithDescendantCounts = childRows.map(row => {
     const descendants = findTreeDataRowChildren(filteredRows, row[pathKey], pathKey, -1);
     const descendantCount = descendants.length;
+    if (descendantCount > 0 && queryOptions.aggregationModel) {
+      // Parent row, compute aggregation
+      return _extends({}, row, {
+        descendantCount
+      }, applyAggregation(queryOptions.aggregationModel, columnsWithDefaultColDef, descendants, row.id));
+    }
     return _extends({}, row, {
       descendantCount
     });
@@ -320,6 +377,10 @@ export const processTreeDataRows = (rows, queryOptions, serverOptions, columnsWi
     const rowComparator = getRowComparator(queryOptions.sortModel, columnsWithDefaultColDef);
     childRowsWithDescendantCounts = [...childRowsWithDescendantCounts].sort(rowComparator);
   }
+  let aggregateRow;
+  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 {
@@ -334,7 +395,8 @@ export const processTreeDataRows = (rows, queryOptions, serverOptions, columnsWi
     setTimeout(() => {
       resolve({
         rows: childRowsWithDescendantCounts,
-        rootRowCount
+        rootRowCount,
+        aggregateRow
       });
     }, delay); // simulate network latency
   });
@@ -423,6 +485,12 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
       id
     }) => typeof id !== 'string' || !id.startsWith('auto-generated-parent-'));
     const descendantCount = descendants.length;
+    if (descendantCount > 0 && queryOptions.aggregationModel) {
+      // Parent row, compute aggregation
+      return _extends({}, row, {
+        descendantCount
+      }, applyAggregation(queryOptions.aggregationModel, columnsWithDefaultColDef, descendants, row.id));
+    }
     return _extends({}, row, {
       descendantCount
     });
@@ -433,6 +501,10 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
     const sortedChildRows = [...childRowsWithDescendantCounts].sort(rowComparator);
     childRowsWithDescendantCounts = [...sortedMissingGroups, ...sortedChildRows];
   }
+  let aggregateRow;
+  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 {
@@ -447,7 +519,8 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
     setTimeout(() => {
       resolve({
         rows: childRowsWithDescendantCounts,
-        rootRowCount
+        rootRowCount,
+        aggregateRow
       });
     }, delay); // simulate network latency
   });

package/modern/hooks/useDemoData.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { LRUCache } from 'lru-cache';

package/modern/hooks/useMockServer.js

@@ -1,7 +1,9 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { LRUCache } from 'lru-cache';
-import { getGridDefaultColumnTypes } from '@mui/x-data-grid-pro';
+import { getGridDefaultColumnTypes } from '@mui/x-data-grid-premium';
 import { extrapolateSeed, deepFreeze } from "./useDemoData.js";
 import { getCommodityColumns } from "../columns/commodities.columns.js";
 import { getEmployeeColumns } from "../columns/employees.columns.js";
@@ -200,38 +202,47 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail)
     if (isTreeData) {
       const {
         rows,
-        rootRowCount
+        rootRowCount,
+        aggregateRow
       } = await processTreeDataRows(data?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef);
-      getRowsResponse = {
+      getRowsResponse = _extends({
         rows: rows.slice().map(row => _extends({}, row, {
           path: undefined
         })),
         rowCount: rootRowCount
-      };
+      }, aggregateRow ? {
+        aggregateRow
+      } : {});
     } else if (isRowGrouping) {
       const {
         rows,
-        rootRowCount
+        rootRowCount,
+        aggregateRow
       } = await processRowGroupingRows(data?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef);
-      getRowsResponse = {
+      getRowsResponse = _extends({
         rows: rows.slice().map(row => _extends({}, row, {
           path: undefined
         })),
         rowCount: rootRowCount
-      };
+      }, aggregateRow ? {
+        aggregateRow
+      } : {});
     } else {
       const {
         returnedRows,
         nextCursor,
-        totalRowCount
+        totalRowCount,
+        aggregateRow
       } = await loadServerRows(data?.rows ?? [], _extends({}, params, params.paginationModel), serverOptionsWithDefault, columnsWithDefaultColDef);
-      getRowsResponse = {
+      getRowsResponse = _extends({
         rows: returnedRows,
         rowCount: totalRowCount,
         pageInfo: {
           nextCursor
         }
-      };
+      }, aggregateRow ? {
+        aggregateRow
+      } : {});
     }
     return new Promise(resolve => {
       if (verbose) {
@@ -248,6 +259,7 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail)
     fetchRows,
     loadNewData: () => {
       setIndex(oldIndex => oldIndex + 1);
-    }
+    },
+    isReady: Boolean(data?.rows?.length)
   };
 };

package/modern/hooks/useQuery.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { getGridDefaultColumnTypes } from '@mui/x-data-grid-pro';

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v8.0.0-alpha.1
+ * @mui/x-data-grid-generator v8.0.0-alpha.10
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/renderer/renderEditProgress.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import clsx from 'clsx';