@mui/x-data-grid-premium 8.0.0-alpha.8 → 8.0.0-beta.0

package/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -9,18 +9,18 @@ exports.wrapColumnWithAggregationValue = exports.unwrapColumnFromAggregation = v
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _gridAggregationSelectors = require("./gridAggregationSelectors");
 var _GridFooterCell = require("../../../components/GridFooterCell");
 var _GridAggregationHeader = require("../../../components/GridAggregationHeader");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["aggregationWrappedProperties"];
-const AGGREGATION_WRAPPABLE_PROPERTIES = ['valueGetter', 'valueFormatter', 'renderCell', 'renderHeader', 'filterOperators'];
 const getAggregationValueWrappedValueGetter = ({
   value: valueGetter,
   getCellAggregationResult
 }) => {
   const wrappedValueGetter = (value, row, column, apiRef) => {
-    const rowId = apiRef.current.getRowId?.(row);
+    const rowId = (0, _xDataGridPro.gridRowIdSelector)(apiRef, row);
     const cellAggregationResult = rowId ? getCellAggregationResult(rowId, column.field) : null;
     if (cellAggregationResult != null) {
       return cellAggregationResult?.value ?? null;
@@ -43,7 +43,7 @@ const getAggregationValueWrappedValueFormatter = ({
     return valueFormatter;
   }
   const wrappedValueFormatter = (value, row, column, apiRef) => {
-    const rowId = apiRef.current.getRowId(row);
+    const rowId = (0, _xDataGridPro.gridRowIdSelector)(apiRef, row);
     if (rowId != null) {
       const cellAggregationResult = getCellAggregationResult(rowId, column.field);
       if (cellAggregationResult != null) {
@@ -102,7 +102,8 @@ const getWrappedFilterOperators = ({
       return null;
     }
     return (value, row, column, api) => {
-      if (getCellAggregationResult(apiRef.current.getRowId(row), column.field) != null) {
+      const rowId = (0, _xDataGridPro.gridRowIdSelector)(apiRef, row);
+      if (getCellAggregationResult(rowId, column.field) != null) {
         return true;
       }
       return filterFn(value, row, column, api);
@@ -141,7 +142,7 @@ const wrapColumnWithAggregationValue = ({
 }) => {
   const getCellAggregationResult = (id, field) => {
     let cellAggregationPosition = null;
-    const rowNode = apiRef.current.getRowNode(id);
+    const rowNode = (0, _xDataGridPro.gridRowNodeSelector)(apiRef, id);
     if (rowNode.type === 'group') {
       cellAggregationPosition = 'inline';
     } else if (id.toString().startsWith('auto-generated-group-footer-')) {

package/hooks/features/cellSelection/gridCellSelectionInterfaces.d.ts

@@ -4,37 +4,37 @@ export type GridCellSelectionModel = Record<GridRowId, Record<GridColDef['field'
  * The cell selection API interface that is available in the grid [[apiRef]].
  */
 export interface GridCellSelectionApi {
-    /**
-     * Determines if a cell is selected or not.
-     * @param {GridRowId} id The id of the row.
-     * @param {GridColDef['field']} field The field.
-     * @returns {boolean} A boolean indicating if the cell is selected.
-     */
-    isCellSelected: (id: GridRowId, field: GridColDef['field']) => boolean;
-    /**
-     * Returns an object containing the selection state of the cells.
-     * The keys of the object correspond to the row IDs.
-     * The value of each key is also an object, which has a column field for a key and a boolean value for its selection state.
-     * @returns {GridCellSelectionModel} Object containing the selection state of the cells
-     */
-    getCellSelectionModel: () => GridCellSelectionModel;
-    /**
-     * Updates the cell selection model according to the value passed to the `newModel` argument.
-     * Any cell already selected will be unselected.
-     * @param {GridCellSelectionModel} newModel The cells to select.
-     */
-    setCellSelectionModel: (newModel: GridCellSelectionModel) => void;
-    /**
-     * Selects all cells that are inside the range given by `start` and `end` coordinates.
-     * @param {GridCellCoordinates} start Object containing the row ID and field of the first cell to select.
-     * @param {GridCellCoordinates} end Object containing the row ID and field of the last cell to select.
-     * @param {boolean} keepOtherSelected Whether to keep current selected cells or discard. Default is false.
-     */
-    selectCellRange: (start: GridCellCoordinates, end: GridCellCoordinates, keepOtherSelected?: boolean) => void;
-    /**
-     * Returns an array containing only the selected cells.
-     * Each item is an object with the ID and field of the cell.
-     * @returns {GridCellCoordinates[]} Array with the selected cells.
-     */
-    getSelectedCellsAsArray: () => GridCellCoordinates[];
-}
+  /**
+   * Determines if a cell is selected or not.
+   * @param {GridRowId} id The id of the row.
+   * @param {GridColDef['field']} field The field.
+   * @returns {boolean} A boolean indicating if the cell is selected.
+   */
+  isCellSelected: (id: GridRowId, field: GridColDef['field']) => boolean;
+  /**
+   * Returns an object containing the selection state of the cells.
+   * The keys of the object correspond to the row IDs.
+   * The value of each key is also an object, which has a column field for a key and a boolean value for its selection state.
+   * @returns {GridCellSelectionModel} Object containing the selection state of the cells
+   */
+  getCellSelectionModel: () => GridCellSelectionModel;
+  /**
+   * Updates the cell selection model according to the value passed to the `newModel` argument.
+   * Any cell already selected will be unselected.
+   * @param {GridCellSelectionModel} newModel The cells to select.
+   */
+  setCellSelectionModel: (newModel: GridCellSelectionModel) => void;
+  /**
+   * Selects all cells that are inside the range given by `start` and `end` coordinates.
+   * @param {GridCellCoordinates} start Object containing the row ID and field of the first cell to select.
+   * @param {GridCellCoordinates} end Object containing the row ID and field of the last cell to select.
+   * @param {boolean} keepOtherSelected Whether to keep current selected cells or discard. Default is false.
+   */
+  selectCellRange: (start: GridCellCoordinates, end: GridCellCoordinates, keepOtherSelected?: boolean) => void;
+  /**
+   * Returns an array containing only the selected cells.
+   * Each item is an object with the ID and field of the cell.
+   * @returns {GridCellCoordinates[]} Array with the selected cells.
+   */
+  getSelectedCellsAsArray: () => GridCellCoordinates[];
+}

package/hooks/features/cellSelection/gridCellSelectionSelector.d.ts

@@ -1,2 +1,2 @@
-import { GridStatePremium } from '../../../models/gridStatePremium';
-export declare const gridCellSelectionStateSelector: (state: GridStatePremium) => import("./gridCellSelectionInterfaces").GridCellSelectionModel;
+import { GridStatePremium } from "../../../models/gridStatePremium.js";
+export declare const gridCellSelectionStateSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, unknown, import("./gridCellSelectionInterfaces").GridCellSelectionModel>;

package/hooks/features/cellSelection/gridCellSelectionSelector.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.gridCellSelectionStateSelector = void 0;
-const gridCellSelectionStateSelector = state => state.cellSelection;
-exports.gridCellSelectionStateSelector = gridCellSelectionStateSelector;
+var _internals = require("@mui/x-data-grid-pro/internals");
+const gridCellSelectionStateSelector = exports.gridCellSelectionStateSelector = (0, _internals.createRootSelector)(state => state.cellSelection);

package/hooks/features/cellSelection/index.d.ts

@@ -1 +1 @@
-export * from './gridCellSelectionInterfaces';
+export * from "./gridCellSelectionInterfaces.js";

package/hooks/features/cellSelection/useGridCellSelection.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
 import { GridStateInitializer } from '@mui/x-data-grid-pro/internals';
-import { DataGridPremiumProcessedProps } from '../../../models/dataGridPremiumProps';
-import { GridPrivateApiPremium } from '../../../models/gridApiPremium';
+import { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.js";
+import { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
 export declare const cellSelectionStateInitializer: GridStateInitializer<Pick<DataGridPremiumProcessedProps, 'cellSelectionModel' | 'initialState'>>;
-export declare const useGridCellSelection: (apiRef: React.RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "cellSelection" | "cellSelectionModel" | "onCellSelectionModelChange" | "pagination" | "paginationMode" | "ignoreValueFormatterDuringExport" | "clipboardCopyCellDelimiter" | "columnHeaderHeight">) => void;
+export declare const useGridCellSelection: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "cellSelection" | "cellSelectionModel" | "onCellSelectionModelChange" | "pagination" | "paginationMode" | "ignoreValueFormatterDuringExport" | "clipboardCopyCellDelimiter" | "columnHeaderHeight">) => void;

package/hooks/features/cellSelection/useGridCellSelection.js

@@ -25,13 +25,10 @@ const AUTO_SCROLL_SPEED = 20; // The speed to scroll once the mouse enters the s
 
 const useGridCellSelection = (apiRef, props) => {
   const hasRootReference = apiRef.current.rootElementRef.current !== null;
-  const visibleRows = (0, _internals.useGridVisibleRows)(apiRef, props);
   const cellWithVirtualFocus = React.useRef(null);
   const lastMouseDownCell = React.useRef(null);
   const mousePosition = React.useRef(null);
   const autoScrollRAF = React.useRef(null);
-  const sortedRowIds = (0, _xDataGridPro.useGridSelector)(apiRef, _xDataGridPro.gridSortedRowIdsSelector);
-  const dimensions = (0, _xDataGridPro.useGridSelector)(apiRef, _xDataGridPro.gridDimensionsSelector);
   const totalHeaderHeight = (0, _internals.getTotalHeaderHeight)(apiRef, props);
   const ignoreValueFormatterProp = props.ignoreValueFormatterDuringExport;
   const ignoreValueFormatter = (typeof ignoreValueFormatterProp === 'object' ? ignoreValueFormatterProp?.clipboardExport : ignoreValueFormatterProp) || false;
@@ -52,11 +49,11 @@ const useGridCellSelection = (apiRef, props) => {
     if (!props.cellSelection) {
       return false;
     }
-    const cellSelectionModel = (0, _gridCellSelectionSelector.gridCellSelectionStateSelector)(apiRef.current.state);
+    const cellSelectionModel = (0, _gridCellSelectionSelector.gridCellSelectionStateSelector)(apiRef);
     return cellSelectionModel[id] ? !!cellSelectionModel[id][field] : false;
   }, [apiRef, props.cellSelection]);
   const getCellSelectionModel = React.useCallback(() => {
-    return (0, _gridCellSelectionSelector.gridCellSelectionStateSelector)(apiRef.current.state);
+    return (0, _gridCellSelectionSelector.gridCellSelectionStateSelector)(apiRef);
   }, [apiRef]);
   const setCellSelectionModel = React.useCallback(newModel => {
     if (!props.cellSelection) {
@@ -65,7 +62,6 @@ const useGridCellSelection = (apiRef, props) => {
     apiRef.current.setState(prevState => (0, _extends2.default)({}, prevState, {
       cellSelection: newModel
     }));
-    apiRef.current.forceUpdate();
   }, [apiRef, props.cellSelection]);
   const selectCellRange = React.useCallback((start, end, keepOtherSelected = false) => {
     const startRowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(start.id);
@@ -85,6 +81,7 @@ const useGridCellSelection = (apiRef, props) => {
       finalEndColumnIndex = startColumnIndex;
     }
     const visibleColumns = apiRef.current.getVisibleColumns();
+    const visibleRows = (0, _internals.getVisibleRows)(apiRef);
     const rowsInRange = visibleRows.rows.slice(finalStartRowIndex, finalEndRowIndex + 1);
     const columnsInRange = visibleColumns.slice(finalStartColumnIndex, finalEndColumnIndex + 1);
     const newModel = keepOtherSelected ? (0, _extends2.default)({}, apiRef.current.getCellSelectionModel()) : {};
@@ -97,7 +94,7 @@ const useGridCellSelection = (apiRef, props) => {
       }, {});
     });
     apiRef.current.setCellSelectionModel(newModel);
-  }, [apiRef, visibleRows.rows]);
+  }, [apiRef]);
   const getSelectedCellsAsArray = React.useCallback(() => {
     const selectionModel = apiRef.current.getCellSelectionModel();
     const currentVisibleRows = (0, _internals.getVisibleRows)(apiRef, props);
@@ -195,6 +192,7 @@ const useGridCellSelection = (apiRef, props) => {
       if (!mousePosition.current || !apiRef.current.virtualScrollerRef?.current) {
         return;
       }
+      const dimensions = (0, _xDataGridPro.gridDimensionsSelector)(apiRef);
       const {
         x: mouseX,
         y: mouseY
@@ -237,7 +235,7 @@ const useGridCellSelection = (apiRef, props) => {
       autoScrollRAF.current = requestAnimationFrame(autoScroll);
     }
     autoScroll();
-  }, [apiRef, dimensions, totalHeaderHeight]);
+  }, [apiRef, totalHeaderHeight]);
   const handleCellMouseOver = React.useCallback((params, event) => {
     if (!lastMouseDownCell.current) {
       return;
@@ -254,6 +252,7 @@ const useGridCellSelection = (apiRef, props) => {
     if (!virtualScrollerRect) {
       return;
     }
+    const dimensions = (0, _xDataGridPro.gridDimensionsSelector)(apiRef);
     const {
       x,
       y
@@ -279,7 +278,7 @@ const useGridCellSelection = (apiRef, props) => {
       // Mouse has left the sensitivity area while auto scroll is on
       stopAutoScroll();
     }
-  }, [apiRef, startAutoScroll, stopAutoScroll, totalHeaderHeight, dimensions]);
+  }, [apiRef, startAutoScroll, stopAutoScroll, totalHeaderHeight]);
   const handleCellClick = (0, _useEventCallback.default)((params, event) => {
     const {
       id,
@@ -339,6 +338,7 @@ const useGridCellSelection = (apiRef, props) => {
     } else if (event.key === 'ArrowLeft') {
       endColumnIndex -= 1;
     }
+    const visibleRows = (0, _internals.getVisibleRows)(apiRef);
     if (endRowIndex < 0 || endRowIndex >= visibleRows.rows.length) {
       return;
     }
@@ -391,6 +391,7 @@ const useGridCellSelection = (apiRef, props) => {
     id,
     field
   }) => {
+    const visibleRows = (0, _internals.getVisibleRows)(apiRef);
     if (!visibleRows.range || !apiRef.current.isCellSelected(id, field)) {
       return classes;
     }
@@ -439,7 +440,7 @@ const useGridCellSelection = (apiRef, props) => {
       newClasses.push(_xDataGridPro.gridClasses['cell--rangeRight']);
     }
     return newClasses;
-  }, [apiRef, visibleRows.range, visibleRows.rows]);
+  }, [apiRef]);
   const canUpdateFocus = React.useCallback((initialValue, {
     event,
     cell
@@ -460,6 +461,7 @@ const useGridCellSelection = (apiRef, props) => {
     if (apiRef.current.getSelectedCellsAsArray().length <= 1) {
       return value;
     }
+    const sortedRowIds = (0, _xDataGridPro.gridSortedRowIdsSelector)(apiRef);
     const cellSelectionModel = apiRef.current.getCellSelectionModel();
     const unsortedSelectedRowIds = Object.keys(cellSelectionModel);
     const sortedSelectedRowIds = sortedRowIds.filter(id => unsortedSelectedRowIds.includes(`${id}`));
@@ -485,7 +487,7 @@ const useGridCellSelection = (apiRef, props) => {
       return acc === '' ? rowString : [acc, rowString].join('\r\n');
     }, '');
     return copyData;
-  }, [apiRef, ignoreValueFormatter, clipboardCopyCellDelimiter, sortedRowIds]);
+  }, [apiRef, ignoreValueFormatter, clipboardCopyCellDelimiter]);
   (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'isCellSelected', checkIfCellIsSelected);
   (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'cellClassName', addClassesToCells);
   (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'canUpdateFocus', canUpdateFocus);

package/hooks/features/clipboard/useGridClipboardImport.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { GridPrivateApiPremium } from '../../../models/gridApiPremium';
+import { RefObject } from '@mui/x-internals/types';
+import { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
 import type { DataGridPremiumProcessedProps } from '../../../models/dataGridPremiumProps';
-export declare const useGridClipboardImport: (apiRef: React.RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "pagination" | "paginationMode" | "processRowUpdate" | "onProcessRowUpdateError" | "getRowId" | "onClipboardPasteStart" | "onClipboardPasteEnd" | "splitClipboardPastedText" | "disableClipboardPaste" | "onBeforeClipboardPasteStart">) => void;
+export declare const useGridClipboardImport: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "pagination" | "paginationMode" | "processRowUpdate" | "onProcessRowUpdateError" | "getRowId" | "onClipboardPasteStart" | "onClipboardPasteEnd" | "splitClipboardPastedText" | "disableClipboardPaste" | "onBeforeClipboardPasteStart">) => void;

package/hooks/features/clipboard/useGridClipboardImport.js

@@ -201,10 +201,10 @@ function defaultPasteResolver({
     }
     return true;
   });
-  const selectedRows = apiRef.current.getSelectedRows();
-  if (selectedRows.size > 0 && !isSingleValuePasted) {
+  if ((0, _xDataGrid.gridRowSelectionCountSelector)(apiRef) > 0 && !isSingleValuePasted) {
     // Multiple values are pasted starting from the first and top-most cell
     const pastedRowsDataCount = pastedData.length;
+    const selectedRows = (0, _xDataGrid.gridRowSelectionIdsSelector)(apiRef);
 
     // There's no guarantee that the selected rows are in the same order as the pasted rows
     selectedRows.forEach((row, rowId) => {
@@ -263,7 +263,6 @@ const useGridClipboardImport = (apiRef, props) => {
   const onProcessRowUpdateError = props.onProcessRowUpdateError;
   const getRowId = props.getRowId;
   const enableClipboardPaste = !props.disableClipboardPaste;
-  const rootEl = apiRef.current.rootElementRef?.current;
   const logger = (0, _internals.useGridLogger)(apiRef, 'useGridClipboardImport');
   const splitClipboardPastedText = props.splitClipboardPastedText;
   const {
@@ -286,6 +285,7 @@ const useGridClipboardImport = (apiRef, props) => {
         return;
       }
     }
+    const rootEl = apiRef.current.rootElementRef?.current;
     if (!rootEl) {
       return;
     }
@@ -326,7 +326,7 @@ const useGridClipboardImport = (apiRef, props) => {
       paginationMode
     });
     cellUpdater.applyUpdates();
-  }, [apiRef, processRowUpdate, onProcessRowUpdateError, getRowId, enableClipboardPaste, rootEl, splitClipboardPastedText, pagination, paginationMode, onBeforeClipboardPasteStart, logger]);
+  }, [apiRef, processRowUpdate, onProcessRowUpdateError, getRowId, enableClipboardPaste, splitClipboardPastedText, pagination, paginationMode, onBeforeClipboardPasteStart, logger]);
   const checkIfCanStartEditing = React.useCallback((initialValue, {
     event
   }) => {

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

@@ -1,47 +1,54 @@
 import type { GridColDef, GridRowId, GridValidRowModel, GridDataSource, GridGetRowsResponse, GridGetRowsParams, GridDataSourceApiBase, GridDataSourcePrivateApi } from '@mui/x-data-grid-pro';
 import type { GridAggregationModel } from '../aggregation/gridAggregationInterfaces';
 export interface GridGetRowsResponsePremium extends GridGetRowsResponse {
-    /**
-     * Row to be used for aggregation footer row.
-     * It must provide the values for the aggregated columns passed in
-     * `GridGetRowsParams.aggregationModel`.
-     */
-    aggregateRow?: GridValidRowModel;
+  /**
+   * Row to be used for aggregation footer row.
+   * It must provide the values for the aggregated columns passed in
+   * `GridGetRowsParams.aggregationModel`.
+   */
+  aggregateRow?: GridValidRowModel;
 }
 export interface GridGetRowsParamsPremium extends GridGetRowsParams {
-    aggregationModel?: GridAggregationModel;
+  /**
+   * List of aggregated columns.
+   */
+  aggregationModel?: GridAggregationModel;
+  /**
+   * List of grouped columns (only applicable with `rowGrouping`).
+   */
+  groupFields?: GridColDef['field'][];
 }
 export interface GridDataSourcePremium extends Omit<GridDataSource, 'getRows'> {
-    /**
-     * This method will be called when the grid needs to fetch some rows.
-     * @param {GridGetRowsParamsPremium} params The parameters required to fetch the rows.
-     * @returns {Promise<GridGetRowsResponsePremium>} A promise that resolves to the data of type [GridGetRowsResponsePremium].
-     */
-    getRows(params: GridGetRowsParamsPremium): Promise<GridGetRowsResponsePremium>;
-    /**
-     * Used to get the aggregated value for a parent row.
-     * @param {GridValidRowModel} row The row to extract the aggregated value from.
-     * @param {GridColDef['field']} field The field to extract the aggregated value for.
-     * @returns {string} The aggregated value for a specific aggregated column.
-     */
-    getAggregatedValue?: (row: GridValidRowModel, field: GridColDef['field']) => string;
+  /**
+   * This method will be called when the grid needs to fetch some rows.
+   * @param {GridGetRowsParamsPremium} params The parameters required to fetch the rows.
+   * @returns {Promise<GridGetRowsResponsePremium>} A promise that resolves to the data of type [GridGetRowsResponsePremium].
+   */
+  getRows(params: GridGetRowsParamsPremium): Promise<GridGetRowsResponsePremium>;
+  /**
+   * Used to get the aggregated value for a parent row.
+   * @param {GridValidRowModel} row The row to extract the aggregated value from.
+   * @param {GridColDef['field']} field The field to extract the aggregated value for.
+   * @returns {string} The aggregated value for a specific aggregated column.
+   */
+  getAggregatedValue?: (row: GridValidRowModel, field: GridColDef['field']) => string;
 }
 export interface GridDataSourceApiBasePremium extends Omit<GridDataSourceApiBase, 'fetchRows'> {
-    /**
-     * 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 {Partial<GridGetRowsParamsPremium>} params Request parameters override.
-     */
-    fetchRows: (parentId?: GridRowId, params?: Partial<GridGetRowsParamsPremium>) => void;
+  /**
+   * 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 {Partial<GridGetRowsParamsPremium>} params Request parameters override.
+   */
+  fetchRows: (parentId?: GridRowId, params?: Partial<GridGetRowsParamsPremium>) => void;
 }
 export interface GridDataSourceApiPremium {
-    /**
-     * The data source API.
-     */
-    unstable_dataSource: GridDataSourceApiBasePremium;
+  /**
+   * The data source API.
+   */
+  dataSource: GridDataSourceApiBasePremium;
 }
 export interface GridDataSourcePremiumPrivateApi extends GridDataSourcePrivateApi {
-    resolveGroupAggregation: (groupId: GridRowId, field: string) => any;
-}
+  resolveGroupAggregation: (groupId: GridRowId, field: string) => any;
+}

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { GridPrivateApiPremium } from '../../../models/gridApiPremium';
-import { DataGridPremiumProcessedProps } from '../../../models/dataGridPremiumProps';
-export declare const useGridDataSourcePremium: (apiRef: React.RefObject<GridPrivateApiPremium>, props: DataGridPremiumProcessedProps) => void;
+import { RefObject } from '@mui/x-internals/types';
+import { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
+import { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.js";
+export declare const useGridDataSourcePremium: (apiRef: RefObject<GridPrivateApiPremium>, props: DataGridPremiumProcessedProps) => void;

package/hooks/features/dataSource/useGridDataSourcePremium.js

@@ -10,18 +10,21 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid-pro/internals");
-var _cache = require("./cache");
+function getKeyPremium(params) {
+  return JSON.stringify([params.filterModel, params.sortModel, params.groupKeys, params.groupFields, params.start, params.end, params.aggregationModel]);
+}
 const options = {
   cacheOptions: {
-    getKey: _cache.getKeyPremium
+    getKey: getKeyPremium
   }
 };
 const useGridDataSourcePremium = (apiRef, props) => {
   const {
     api,
     strategyProcessor,
-    events
-  } = (0, _internals.useGridDataSourceBase)(apiRef, props, options);
+    events,
+    setStrategyAvailability
+  } = (0, _internals.useGridDataSourceBasePro)(apiRef, props, options);
   const aggregateRowRef = React.useRef({});
   const processDataSourceRows = React.useCallback(({
     params,
@@ -43,11 +46,11 @@ const useGridDataSourcePremium = (apiRef, props) => {
   }, [apiRef]);
   const resolveGroupAggregation = React.useCallback((groupId, field) => {
     if (groupId === _xDataGridPro.GRID_ROOT_GROUP_ID) {
-      return props.unstable_dataSource?.getAggregatedValue?.(aggregateRowRef.current, field);
+      return props.dataSource?.getAggregatedValue?.(aggregateRowRef.current, field);
     }
     const row = apiRef.current.getRow(groupId);
-    return props.unstable_dataSource?.getAggregatedValue?.(row, field);
-  }, [apiRef, props.unstable_dataSource]);
+    return props.dataSource?.getAggregatedValue?.(row, field);
+  }, [apiRef, props.dataSource]);
   const privateApi = (0, _extends2.default)({}, api.private, {
     resolveGroupAggregation
   });
@@ -58,5 +61,8 @@ const useGridDataSourcePremium = (apiRef, props) => {
   Object.entries(events).forEach(([event, handler]) => {
     (0, _xDataGridPro.useGridApiEventHandler)(apiRef, event, handler);
   });
+  React.useEffect(() => {
+    setStrategyAvailability();
+  }, [setStrategyAvailability]);
 };
 exports.useGridDataSourcePremium = useGridDataSourcePremium;

package/hooks/features/export/gridExcelExportInterface.d.ts

@@ -3,11 +3,11 @@ import { GridFileExportOptions, GridExportFormat as GridExportFormatCommunity, G
 export type GridExportFormat = GridExportFormatCommunity | 'excel';
 export type GridExportExtension = GridExportExtensionCommunity | 'xlsx';
 export interface GridExceljsProcessInput {
-    workbook: Excel.Workbook;
-    worksheet: Excel.Worksheet;
+  workbook: Excel.Workbook;
+  worksheet: Excel.Worksheet;
 }
 export interface ColumnsStylesInterface {
-    [field: string]: Partial<Excel.Style>;
+  [field: string]: Partial<Excel.Style>;
 }
 /**
  * The options to apply on the Excel export.
@@ -15,57 +15,57 @@ export interface ColumnsStylesInterface {
  *   - [Excel export](/x/react-data-grid/export/#excel-export)
  */
 export interface GridExcelExportOptions extends GridFileExportOptions {
-    /**
-     * Function to return the Worker instance to be called.
-     * @returns {() => Worker} A Worker instance.
-     */
-    worker?: () => Worker;
-    /**
-     * Name given to the worksheet containing the columns valueOptions.
-     * valueOptions are added to this worksheet if they are provided as an array.
-     */
-    valueOptionsSheetName?: string;
-    /**
-     * Method called before adding the rows to the workbook.
-     * Not supported when `worker` is set.
-     * To use with web workers, use the option in `setupExcelExportWebWorker`.
-     * @param {GridExceljsProcessInput} processInput object containing the workbook and the worksheet.
-     * @returns {Promise<void>} A promise which resolves after processing the input.
-     * */
-    exceljsPreProcess?: (processInput: GridExceljsProcessInput) => Promise<void>;
-    /**
-     * Method called after adding the rows to the workbook.
-     * Not supported when `worker` is set.
-     * To use with web workers, use the option in `setupExcelExportWebWorker`.
-     * @param {GridExceljsProcessInput} processInput object containing the workbook and the worksheet.
-     * @returns {Promise<void>} A promise which resolves after processing the input.
-     * */
-    exceljsPostProcess?: (processInput: GridExceljsProcessInput) => Promise<void>;
-    /**
-     * Object mapping column field to Exceljs style
-     * */
-    columnsStyles?: ColumnsStylesInterface;
-    /**
-     * If `true`, the headers of the column groups will be added into the file.
-     * @default true
-     */
-    includeColumnGroupsHeaders?: boolean;
+  /**
+   * Function to return the Worker instance to be called.
+   * @returns {() => Worker} A Worker instance.
+   */
+  worker?: () => Worker;
+  /**
+   * Name given to the worksheet containing the columns valueOptions.
+   * valueOptions are added to this worksheet if they are provided as an array.
+   */
+  valueOptionsSheetName?: string;
+  /**
+   * Method called before adding the rows to the workbook.
+   * Not supported when `worker` is set.
+   * To use with web workers, use the option in `setupExcelExportWebWorker`.
+   * @param {GridExceljsProcessInput} processInput object containing the workbook and the worksheet.
+   * @returns {Promise<void>} A promise which resolves after processing the input.
+   * */
+  exceljsPreProcess?: (processInput: GridExceljsProcessInput) => Promise<void>;
+  /**
+   * Method called after adding the rows to the workbook.
+   * Not supported when `worker` is set.
+   * To use with web workers, use the option in `setupExcelExportWebWorker`.
+   * @param {GridExceljsProcessInput} processInput object containing the workbook and the worksheet.
+   * @returns {Promise<void>} A promise which resolves after processing the input.
+   * */
+  exceljsPostProcess?: (processInput: GridExceljsProcessInput) => Promise<void>;
+  /**
+   * Object mapping column field to Exceljs style
+   * */
+  columnsStyles?: ColumnsStylesInterface;
+  /**
+   * If `true`, the headers of the column groups will be added into the file.
+   * @default true
+   */
+  includeColumnGroupsHeaders?: boolean;
 }
 /**
  * The excel export API interface that is available in the grid [[apiRef]].
  */
 export interface GridExcelExportApi {
-    /**
-     * Returns the grid data as an exceljs workbook.
-     * This method is used internally by `exportDataAsExcel`.
-     * @param {GridExcelExportOptions} options The options to apply on the export.
-     * @returns {Promise<Excel.Workbook>} The data in a exceljs workbook object.
-     */
-    getDataAsExcel: (options?: GridExcelExportOptions) => Promise<Excel.Workbook> | null;
-    /**
-     * Downloads and exports an Excel file of the grid's data.
-     * @param {GridExcelExportOptions} options The options to apply on the export.
-     * @returns {Promise<void>} A promise which resolves after exporting to Excel.
-     */
-    exportDataAsExcel: (options?: GridExcelExportOptions) => Promise<void>;
-}
+  /**
+   * Returns the grid data as an exceljs workbook.
+   * This method is used internally by `exportDataAsExcel`.
+   * @param {GridExcelExportOptions} options The options to apply on the export.
+   * @returns {Promise<Excel.Workbook>} The data in a exceljs workbook object.
+   */
+  getDataAsExcel: (options?: GridExcelExportOptions) => Promise<Excel.Workbook> | null;
+  /**
+   * Downloads and exports an Excel file of the grid's data.
+   * @param {GridExcelExportOptions} options The options to apply on the export.
+   * @returns {Promise<void>} A promise which resolves after exporting to Excel.
+   */
+  exportDataAsExcel: (options?: GridExcelExportOptions) => Promise<void>;
+}

package/hooks/features/export/index.d.ts

@@ -1,2 +1,2 @@
-export * from './gridExcelExportInterface';
-export { setupExcelExportWebWorker } from './serializer/excelSerializer';
+export * from "./gridExcelExportInterface.js";
+export { setupExcelExportWebWorker } from "./serializer/setupExcelExportWebWorker.js";

package/hooks/features/export/index.js

@@ -9,7 +9,7 @@ var _exportNames = {
 Object.defineProperty(exports, "setupExcelExportWebWorker", {
   enumerable: true,
   get: function () {
-    return _excelSerializer.setupExcelExportWebWorker;
+    return _setupExcelExportWebWorker.setupExcelExportWebWorker;
   }
 });
 var _gridExcelExportInterface = require("./gridExcelExportInterface");
@@ -24,4 +24,4 @@ Object.keys(_gridExcelExportInterface).forEach(function (key) {
     }
   });
 });
-var _excelSerializer = require("./serializer/excelSerializer");
+var _setupExcelExportWebWorker = require("./serializer/setupExcelExportWebWorker");