@mui/x-data-grid 8.14.1 → 8.15.0

package/esm/locales/csCZ.js

@@ -325,5 +325,6 @@ const csCZGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const csCZ = getGridLocalization(csCZGrid);

package/esm/locales/daDK.js

@@ -299,5 +299,6 @@ const daDKGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const daDK = getGridLocalization(daDKGrid);

package/esm/locales/deDE.js

@@ -289,5 +289,6 @@ const deDEGrid = {
   promptChangePivotRowsLabel: count => `Zeilen (${count})`,
   promptChangePivotValuesLabel: count => `Werte (${count})`,
   promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const deDE = getGridLocalization(deDEGrid);

package/esm/locales/elGR.js

@@ -300,5 +300,6 @@ const elGRGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const elGR = getGridLocalization(elGRGrid);

package/esm/locales/esES.js

@@ -297,5 +297,6 @@ const esESGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const esES = getGridLocalization(esESGrid);

package/esm/locales/faIR.js

@@ -298,5 +298,6 @@ const faIRGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const faIR = getGridLocalization(faIRGrid);

package/esm/locales/fiFI.js

@@ -299,5 +299,6 @@ const fiFIGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const fiFI = getGridLocalization(fiFIGrid);

package/esm/locales/frFR.js

@@ -295,5 +295,6 @@ const frFRGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const frFR = getGridLocalization(frFRGrid);

package/esm/locales/heIL.js

@@ -297,5 +297,6 @@ const heILGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const heIL = getGridLocalization(heILGrid);

package/esm/locales/hrHR.js

@@ -317,5 +317,6 @@ const hrHRGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const hrHR = getGridLocalization(hrHRGrid);

package/esm/locales/huHU.js

@@ -297,5 +297,6 @@ const huHUGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const huHU = getGridLocalization(huHUGrid);

package/esm/locales/hyAM.js

@@ -323,5 +323,6 @@ const hyAMGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const hyAM = getGridLocalization(hyAMGrid);

package/esm/locales/idID.js

@@ -289,5 +289,6 @@ export const idIDGrid = {
   promptChangePivotRowsLabel: count => `Baris (${count})`,
   promptChangePivotValuesLabel: count => `Nilai (${count})`,
   promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const idID = getGridLocalization(idIDGrid);

package/esm/locales/isIS.js

@@ -299,5 +299,6 @@ const isISGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const isIS = getGridLocalization(isISGrid);

package/esm/locales/itIT.js

@@ -287,5 +287,6 @@ const itITGrid = {
   promptChangePivotRowsLabel: count => `Righe (${count})`,
   promptChangePivotValuesLabel: count => `Valori (${count})`,
   promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const itIT = getGridLocalization(itITGrid);

package/esm/locales/jaJP.js

@@ -299,5 +299,6 @@ const jaJPGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const jaJP = getGridLocalization(jaJPGrid);

package/esm/locales/koKR.js

@@ -289,5 +289,6 @@ const koKRGrid = {
   promptChangePivotRowsLabel: count => `(${count}) 개의 행`,
   promptChangePivotValuesLabel: count => `(${count}) 개의 값`,
   promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const koKR = getGridLocalization(koKRGrid);

package/esm/locales/nbNO.js

@@ -297,5 +297,6 @@ const nbNOGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const nbNO = getGridLocalization(nbNOGrid);

package/esm/locales/nlNL.js

@@ -298,5 +298,6 @@ const nlNLGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const nlNL = getGridLocalization(nlNLGrid);

package/esm/locales/nnNO.js

@@ -289,5 +289,6 @@ const nnNOGrid = {
   promptChangePivotRowsLabel: count => `Rader (${count})`,
   promptChangePivotValuesLabel: count => `Verdiar (${count})`,
   promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const nnNO = getGridLocalization(nnNOGrid);

package/esm/locales/plPL.js

@@ -294,5 +294,6 @@ const plPLGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const plPL = getGridLocalization(plPLGrid);

package/esm/locales/ptBR.js

@@ -286,5 +286,6 @@ const ptBRGrid = {
   promptChangePivotRowsLabel: count => `Linhas (${count})`,
   promptChangePivotValuesLabel: count => `Valores (${count})`,
   promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const ptBR = getGridLocalization(ptBRGrid);

package/esm/locales/ptPT.js

@@ -297,5 +297,6 @@ const ptPTGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const ptPT = getGridLocalization(ptPTGrid);

package/esm/locales/roRO.js

@@ -297,5 +297,6 @@ const roROGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const roRO = getGridLocalization(roROGrid);

package/esm/locales/ruRU.js

@@ -319,5 +319,6 @@ const ruRUGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const ruRU = getGridLocalization(ruRUGrid);

package/esm/locales/skSK.js

@@ -325,5 +325,6 @@ const skSKGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const skSK = getGridLocalization(skSKGrid);

package/esm/locales/svSE.js

@@ -299,5 +299,6 @@ const svSEGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const svSE = getGridLocalization(svSEGrid);

package/esm/locales/trTR.js

@@ -297,5 +297,6 @@ const trTRGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const trTR = getGridLocalization(trTRGrid);

package/esm/locales/ukUA.js

@@ -319,5 +319,6 @@ const ukUAGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const ukUA = getGridLocalization(ukUAGrid);

package/esm/locales/urPK.js

@@ -299,5 +299,6 @@ const urPKGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const urPK = getGridLocalization(urPKGrid);

package/esm/locales/viVN.js

@@ -299,5 +299,6 @@ const viVNGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const viVN = getGridLocalization(viVNGrid);

package/esm/locales/zhCN.js

@@ -295,5 +295,6 @@ const zhCNGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const zhCN = getGridLocalization(zhCNGrid);

package/esm/locales/zhHK.js

@@ -295,5 +295,6 @@ const zhHKGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const zhHK = getGridLocalization(zhHKGrid);

package/esm/locales/zhTW.js

@@ -295,5 +295,6 @@ const zhTWGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 export const zhTW = getGridLocalization(zhTWGrid);

package/esm/models/api/gridLocaleTextApi.d.ts

@@ -219,6 +219,7 @@ export interface GridLocaleText {
   promptChangePivotRowsLabel: (count: number) => string;
   promptChangePivotValuesLabel: (count: number) => string;
   promptChangePivotValuesDescription: (column: string, aggregation: string) => string;
+  promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => string;
   promptFieldLabel: string;
   promptFieldPlaceholder: string;
   promptFieldPlaceholderWithRecording: string;

package/esm/models/gridDataSource.d.ts

@@ -15,6 +15,19 @@ export interface GridGetRowsParams {
    */
   end: number;
 }
+export interface GridGetRowsOptions {
+  /**
+   * If `true`, bypasses the cache and forces a refetch of the rows from the server.
+   * The response will be used to refresh the cache.
+   */
+  skipCache?: boolean;
+  /**
+   * By default, the grid tries to keep the children expanded and attached to the parent with the same ID after the data is re-fetched.
+   * If `keepChildrenExpanded` is `false`, the children of the parent with the `parentId` (all children for the root level data fetch) will be collapsed and removed from the tree.
+   * @default true
+   */
+  keepChildrenExpanded?: boolean;
+}
 export interface GridUpdateRowParams {
   rowId: GridRowId;
   updatedRow: GridRowModel;

package/hooks/core/strategyProcessing/gridStrategyProcessingApi.d.ts

@@ -1,7 +1,7 @@
-import { GridRowTreeCreationParams, GridRowTreeCreationValue, GridRowsState } from "../../features/rows/gridRowsInterfaces.js";
-import { GridFilteringMethodParams, GridFilteringMethodValue, GridFilterState, GridVisibleRowsLookupState } from "../../features/filter/gridFilterState.js";
-import { GridSortingMethodParams, GridSortingMethodValue } from "../../features/sorting/gridSortingState.js";
-import { GridGetRowsParams, GridGetRowsResponse } from "../../../models/gridDataSource.js";
+import type { GridRowTreeCreationParams, GridRowTreeCreationValue, GridRowsState } from "../../features/rows/gridRowsInterfaces.js";
+import type { GridFilteringMethodParams, GridFilteringMethodValue, GridFilterState, GridVisibleRowsLookupState } from "../../features/filter/gridFilterState.js";
+import type { GridSortingMethodParams, GridSortingMethodValue } from "../../features/sorting/gridSortingState.js";
+import type { GridGetRowsParams, GridGetRowsResponse, GridGetRowsOptions } from "../../../models/gridDataSource.js";
 export type GridStrategyProcessorName = keyof GridStrategyProcessingLookup;
 export declare enum GridStrategyGroup {
   DataSource = "dataSource",
@@ -14,9 +14,11 @@ export interface GridStrategyProcessingLookup {
     params: {
       response: GridGetRowsResponse;
       fetchParams: GridGetRowsParams;
+      options: GridGetRowsOptions;
     } | {
       error: Error;
       fetchParams: GridGetRowsParams;
+      options: GridGetRowsOptions;
     };
     value: void;
   };

package/hooks/features/dataSource/models.d.ts

@@ -1,40 +1,40 @@
-import type { GridDataSourceCache, GridGetRowsParams, GridUpdateRowParams } from "../../../models/gridDataSource.js";
+import type { GridDataSourceCache, GridGetRowsParams, GridUpdateRowParams, GridGetRowsOptions } from "../../../models/gridDataSource.js";
 import type { GridRowId, GridRowModel } from "../../../models/gridRows.js";
 import type { GridDataSourceCacheDefaultConfig } from "./cache.js";
 /**
  * The parameters for the `fetchRows` method.
  */
-export interface GridDataSourceFetchRowsParams extends Partial<GridGetRowsParams> {
-  /**
-   * If `true`, bypasses the cache and forces a refetch of the rows from the server.
-   */
-  skipCache?: boolean;
-}
-export interface GridDataSourceApiBase {
-  /**
-   * Fetches the rows from the server.
-   * If no `parentId` option is provided, it fetches the root rows.
-   * Any missing parameter from `params` will be filled from the state (sorting, filtering, etc.).
-   * @param {GridRowId} parentId The id of the parent node (default: `GRID_ROOT_GROUP_ID`).
-   * @param {GridDataSourceFetchRowsParams} params Request parameters override.
-   */
-  fetchRows: (parentId?: GridRowId, params?: GridDataSourceFetchRowsParams) => void;
-  /**
-   * The data source cache object.
-   */
-  cache: GridDataSourceCache;
-  /**
-   * Syncs the row with the server and updates in the grid.
-   * @param {GridUpdateRowParams} params The parameters for the edit operation.
-   * @returns {Promise<GridRowModel> | undefined} The updated row or `undefined` if `dataSource.updateRow` is not passed.
-   */
-  editRow: (params: GridUpdateRowParams) => Promise<GridRowModel> | undefined;
-}
+export type GridDataSourceFetchRowsParams<T> = Partial<T> & GridGetRowsOptions;
 export interface GridDataSourceApi {
   /**
    * The data source API.
    */
-  dataSource: GridDataSourceApiBase;
+  dataSource: {
+    /**
+     * Fetches the rows from the server.
+     * If no `parentId` option is provided, it fetches the root rows.
+     * Any missing parameter from `params` will be filled from the state (sorting, filtering, etc.).
+     * @param {GridRowId} parentId The id of the parent node (default: `GRID_ROOT_GROUP_ID`).
+     * @param {GridDataSourceFetchRowsParams<GridGetRowsParams>} params Request parameters override.
+     * @returns {Promise<void>} A promise that resolves when the rows are fetched.
+     */
+    fetchRows: (parentId?: GridRowId, params?: GridDataSourceFetchRowsParams<GridGetRowsParams>) => Promise<void>;
+    /**
+     * The data source cache object.
+     */
+    cache: GridDataSourceCache;
+    /**
+     * Syncs the row with the server and updates in the grid.
+     * @param {GridUpdateRowParams} params The parameters for the edit operation.
+     * @returns {Promise<GridRowModel> | undefined} The updated row or `undefined` if `dataSource.updateRow` is not passed.
+     */
+    editRow: (params: GridUpdateRowParams) => Promise<GridRowModel> | undefined;
+  };
+}
+export interface GridDataSourceApiBase {
+  fetchRows: GridDataSourceApi['dataSource']['fetchRows'];
+  cache: GridDataSourceApi['dataSource']['cache'];
+  editRow: GridDataSourceApi['dataSource']['editRow'];
 }
 export interface GridDataSourceBaseOptions {
   cacheOptions?: GridDataSourceCacheDefaultConfig;

package/hooks/features/dataSource/useGridDataSourceBase.d.ts

@@ -10,7 +10,7 @@ export declare const useGridDataSourceBase: <Api extends GridPrivateApiCommunity
   api: {
     public: GridDataSourceApi;
   };
-  debouncedFetchRows: ((parentId?: import("@mui/x-data-grid").GridRowId, params?: import("./models.js").GridDataSourceFetchRowsParams) => void) & import("@mui/utils/debounce").Cancelable;
+  debouncedFetchRows: ((parentId?: import("@mui/x-data-grid").GridRowId, params?: import("./models.js").GridDataSourceFetchRowsParams<import("@mui/x-data-grid").GridGetRowsParams>) => Promise<void>) & import("@mui/utils/debounce").Cancelable;
   strategyProcessor: {
     strategyName: DataSourceRowsUpdateStrategy;
     group: "dataSourceRowsUpdate";

package/hooks/features/dataSource/useGridDataSourceBase.js

@@ -23,7 +23,7 @@ var _gridDataSourceSelector = require("./gridDataSourceSelector");
 var _utils2 = require("./utils");
 var _cache = require("./cache");
 var _gridDataSourceError = require("./gridDataSourceError");
-const _excluded = ["skipCache"];
+const _excluded = ["skipCache", "keepChildrenExpanded"];
 const noopCache = {
   clear: () => {},
   get: () => undefined,
@@ -40,8 +40,8 @@ const useGridDataSourceBase = (apiRef, props, options = {}) => {
     apiRef.current.setStrategyAvailability(_strategyProcessing.GridStrategyGroup.DataSource, _utils2.DataSourceRowsUpdateStrategy.Default, props.dataSource ? () => true : () => false);
   }, [apiRef, props.dataSource]);
   const [currentStrategy, setCurrentStrategy] = React.useState(apiRef.current.getActiveStrategy(_strategyProcessing.GridStrategyGroup.DataSource));
-  const defaultRowsUpdateStrategyActive = React.useMemo(() => {
-    return currentStrategy === _utils2.DataSourceRowsUpdateStrategy.Default;
+  const standardRowsUpdateStrategyActive = React.useMemo(() => {
+    return currentStrategy === _utils2.DataSourceRowsUpdateStrategy.Default || currentStrategy === _utils2.DataSourceRowsUpdateStrategy.GroupedData;
   }, [currentStrategy]);
   const paginationModel = (0, _useGridSelector.useGridSelector)(apiRef, _gridPaginationSelector.gridPaginationModelSelector);
   const lastRequestId = React.useRef(0);
@@ -67,7 +67,8 @@ const useGridDataSourceBase = (apiRef, props, options = {}) => {
     options.clearDataSourceState?.();
     const _ref = params || {},
       {
-        skipCache
+        skipCache,
+        keepChildrenExpanded
       } = _ref,
       getRowsParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     const fetchParams = (0, _extends2.default)({}, (0, _gridDataSourceSelector.gridGetRowsParamsSelector)(apiRef), apiRef.current.unstable_applyPipeProcessors('getRowsParams', {}), getRowsParams);
@@ -76,13 +77,17 @@ const useGridDataSourceBase = (apiRef, props, options = {}) => {
     if (!skipCache && responses.every(response => response !== undefined)) {
       apiRef.current.applyStrategyProcessor('dataSourceRowsUpdate', {
         response: _utils2.CacheChunkManager.mergeResponses(responses),
-        fetchParams
+        fetchParams,
+        options: {
+          skipCache,
+          keepChildrenExpanded
+        }
       });
       return;
     }
 
     // Manage loading state only for the default strategy
-    if (defaultRowsUpdateStrategyActive || apiRef.current.getRowsCount() === 0) {
+    if (standardRowsUpdateStrategyActive || apiRef.current.getRowsCount() === 0) {
       apiRef.current.setLoading(true);
     }
     const requestId = lastRequestId.current + 1;
@@ -94,14 +99,22 @@ const useGridDataSourceBase = (apiRef, props, options = {}) => {
       if (lastRequestId.current === requestId) {
         apiRef.current.applyStrategyProcessor('dataSourceRowsUpdate', {
           response: getRowsResponse,
-          fetchParams
+          fetchParams,
+          options: {
+            skipCache,
+            keepChildrenExpanded
+          }
         });
       }
     } catch (originalError) {
       if (lastRequestId.current === requestId) {
         apiRef.current.applyStrategyProcessor('dataSourceRowsUpdate', {
           error: originalError,
-          fetchParams
+          fetchParams,
+          options: {
+            skipCache,
+            keepChildrenExpanded
+          }
         });
         if (typeof onDataSourceErrorProp === 'function') {
           onDataSourceErrorProp(new _gridDataSourceError.GridGetRowsError({
@@ -114,11 +127,11 @@ const useGridDataSourceBase = (apiRef, props, options = {}) => {
         }
       }
     } finally {
-      if (defaultRowsUpdateStrategyActive && lastRequestId.current === requestId) {
+      if (standardRowsUpdateStrategyActive && lastRequestId.current === requestId) {
         apiRef.current.setLoading(false);
       }
     }
-  }, [cacheChunkManager, cache, apiRef, defaultRowsUpdateStrategyActive, props.dataSource?.getRows, onDataSourceErrorProp, options, props.signature]);
+  }, [cacheChunkManager, cache, apiRef, standardRowsUpdateStrategyActive, props.dataSource?.getRows, onDataSourceErrorProp, options, props.signature]);
   const handleStrategyActivityChange = React.useCallback(() => {
     setCurrentStrategy(apiRef.current.getActiveStrategy(_strategyProcessing.GridStrategyGroup.DataSource));
   }, [apiRef]);
@@ -193,7 +206,7 @@ const useGridDataSourceBase = (apiRef, props, options = {}) => {
   React.useEffect(() => {
     // Return early if the proper strategy isn't set yet
     // Context: https://github.com/mui/mui-x/issues/19650
-    if (currentStrategy !== _utils2.DataSourceRowsUpdateStrategy.Default && currentStrategy !== _utils2.DataSourceRowsUpdateStrategy.LazyLoading) {
+    if (currentStrategy !== _utils2.DataSourceRowsUpdateStrategy.Default && currentStrategy !== _utils2.DataSourceRowsUpdateStrategy.LazyLoading && currentStrategy !== _utils2.DataSourceRowsUpdateStrategy.GroupedData) {
       return undefined;
     }
     if (props.dataSource) {
@@ -220,9 +233,9 @@ const useGridDataSourceBase = (apiRef, props, options = {}) => {
     cache,
     events: {
       strategyAvailabilityChange: handleStrategyActivityChange,
-      sortModelChange: (0, _utils.runIf)(defaultRowsUpdateStrategyActive, () => debouncedFetchRows()),
-      filterModelChange: (0, _utils.runIf)(defaultRowsUpdateStrategyActive, () => debouncedFetchRows()),
-      paginationModelChange: (0, _utils.runIf)(defaultRowsUpdateStrategyActive, () => debouncedFetchRows())
+      sortModelChange: (0, _utils.runIf)(standardRowsUpdateStrategyActive, () => debouncedFetchRows()),
+      filterModelChange: (0, _utils.runIf)(standardRowsUpdateStrategyActive, () => debouncedFetchRows()),
+      paginationModelChange: (0, _utils.runIf)(standardRowsUpdateStrategyActive, () => debouncedFetchRows())
     }
   };
 };

package/hooks/features/dataSource/utils.d.ts

@@ -1,7 +1,8 @@
 import type { GridGetRowsParams, GridGetRowsResponse } from "../../../models/gridDataSource.js";
 export declare enum DataSourceRowsUpdateStrategy {
-  Default = "set-new-rows",
+  Default = "set-flat-rows",
   LazyLoading = "replace-row-range",
+  GroupedData = "set-grouped-rows",
 }
 /**
  * Provides better cache hit rate by:

package/hooks/features/dataSource/utils.js

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.DataSourceRowsUpdateStrategy = exports.CacheChunkManager = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 let DataSourceRowsUpdateStrategy = exports.DataSourceRowsUpdateStrategy = /*#__PURE__*/function (DataSourceRowsUpdateStrategy) {
-  DataSourceRowsUpdateStrategy["Default"] = "set-new-rows";
+  DataSourceRowsUpdateStrategy["Default"] = "set-flat-rows";
   DataSourceRowsUpdateStrategy["LazyLoading"] = "replace-row-range";
+  DataSourceRowsUpdateStrategy["GroupedData"] = "set-grouped-rows";
   return DataSourceRowsUpdateStrategy;
 }({});
 /**

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.14.1
+ * @mui/x-data-grid v8.15.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/index.d.ts

@@ -87,7 +87,7 @@ export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js
 export type { GridStateInitializer } from "../hooks/utils/useGridInitializeState.js";
 export type * as BaseSlots from "../models/gridBaseSlots.js";
 export type * from "../models/props/DataGridProps.js";
-export type { GridDataSourceApiBase, GridDataSourceApi, GridDataSourceBaseOptions } from "../hooks/features/dataSource/models.js";
+export type { GridDataSourceApiBase, GridDataSourceApi, GridDataSourceBaseOptions, GridDataSourceFetchRowsParams } from "../hooks/features/dataSource/models.js";
 export { DataSourceRowsUpdateStrategy } from "../hooks/features/dataSource/utils.js";
 export { useGridDataSourceBase } from "../hooks/features/dataSource/useGridDataSourceBase.js";
 export { CacheChunkManager } from "../hooks/features/dataSource/utils.js";

package/locales/arSD.js

@@ -304,5 +304,6 @@ const arSDGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 const arSD = exports.arSD = (0, _getGridLocalization.getGridLocalization)(arSDGrid);

package/locales/beBY.js

@@ -328,5 +328,6 @@ const beBYGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 const beBY = exports.beBY = (0, _getGridLocalization.getGridLocalization)(beBYGrid);

package/locales/bgBG.js

@@ -305,5 +305,6 @@ const bgBGGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 const bgBG = exports.bgBG = (0, _getGridLocalization.getGridLocalization)(bgBGGrid);

package/locales/bnBD.js

@@ -303,5 +303,6 @@ const bnBDGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 const bnBD = exports.bnBD = (0, _getGridLocalization.getGridLocalization)(bnBDGrid);

package/locales/csCZ.js

@@ -331,5 +331,6 @@ const csCZGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 const csCZ = exports.csCZ = (0, _getGridLocalization.getGridLocalization)(csCZGrid);