@mui/x-data-grid-premium 8.0.0-alpha.11 → 8.0.0-alpha.12

package/models/dataGridPremiumProps.d.ts

@@ -3,32 +3,29 @@ import { GridCallbackDetails, GridValidRowModel, GridGroupNode, GridEventListene
 import { GridExperimentalProFeatures, DataGridProPropsWithDefaultValue, DataGridProPropsWithoutDefaultValue, DataGridPropsWithComplexDefaultValueAfterProcessing, DataGridPropsWithComplexDefaultValueBeforeProcessing, DataGridPremiumSharedPropsWithDefaultValue } from '@mui/x-data-grid-pro/internals';
 import type { GridRowGroupingModel } from '../hooks/features/rowGrouping';
 import type { GridAggregationModel, GridAggregationFunction, GridAggregationFunctionDataSource, GridAggregationPosition } from '../hooks/features/aggregation';
-import { GridPremiumSlotsComponent } from './gridPremiumSlotsComponent';
-import { GridInitialStatePremium } from './gridStatePremium';
-import { GridApiPremium } from './gridApiPremium';
-import { GridCellSelectionModel } from '../hooks/features/cellSelection';
-import { GridDataSourcePremium as GridDataSource } from '../hooks/features/dataSource/models';
-export interface GridExperimentalPremiumFeatures extends GridExperimentalProFeatures {
-}
+import { GridPremiumSlotsComponent } from "./gridPremiumSlotsComponent.js";
+import { GridInitialStatePremium } from "./gridStatePremium.js";
+import { GridApiPremium } from "./gridApiPremium.js";
+import { GridCellSelectionModel } from "../hooks/features/cellSelection/index.js";
+import { GridDataSourcePremium as GridDataSource, GridGetRowsParamsPremium as GridGetRowsParams } from "../hooks/features/dataSource/models.js";
+export interface GridExperimentalPremiumFeatures extends GridExperimentalProFeatures {}
 export interface DataGridPremiumPropsWithComplexDefaultValueBeforeProcessing extends Pick<DataGridPropsWithComplexDefaultValueBeforeProcessing, 'localeText'> {
-    /**
-     * Overridable components.
-     */
-    slots?: Partial<GridPremiumSlotsComponent>;
+  /**
+   * Overridable components.
+   */
+  slots?: Partial<GridPremiumSlotsComponent>;
 }
 /**
  * The props users can give to the `DataGridPremiumProps` component.
  */
-export interface DataGridPremiumProps<R extends GridValidRowModel = any> extends Omit<Partial<DataGridPremiumPropsWithDefaultValue<R>> & DataGridPremiumPropsWithComplexDefaultValueBeforeProcessing & DataGridPremiumPropsWithoutDefaultValue<R>, DataGridPremiumForcedPropsKey> {
-}
+export interface DataGridPremiumProps<R extends GridValidRowModel = any> extends Omit<Partial<DataGridPremiumPropsWithDefaultValue<R>> & DataGridPremiumPropsWithComplexDefaultValueBeforeProcessing & DataGridPremiumPropsWithoutDefaultValue<R>, DataGridPremiumForcedPropsKey> {}
 export interface DataGridPremiumPropsWithComplexDefaultValueAfterProcessing extends Pick<DataGridPropsWithComplexDefaultValueAfterProcessing, 'localeText'> {
-    slots: GridPremiumSlotsComponent;
+  slots: GridPremiumSlotsComponent;
 }
 /**
  * The props of the Data Grid Premium component after the pre-processing phase.
  */
-export interface DataGridPremiumProcessedProps extends DataGridPremiumPropsWithDefaultValue, DataGridPremiumPropsWithComplexDefaultValueAfterProcessing, DataGridPremiumPropsWithoutDefaultValue {
-}
+export interface DataGridPremiumProcessedProps extends DataGridPremiumPropsWithDefaultValue, DataGridPremiumPropsWithComplexDefaultValueAfterProcessing, DataGridPremiumPropsWithoutDefaultValue {}
 export type DataGridPremiumForcedPropsKey = 'signature';
 /**
  * The Data Grid Premium options with a default value overridable through props.
@@ -36,122 +33,131 @@ export type DataGridPremiumForcedPropsKey = 'signature';
  * The controlled model do not have a default value at the prop processing level, so they must be defined in `DataGridOtherProps`.
  */
 export interface DataGridPremiumPropsWithDefaultValue<R extends GridValidRowModel = any> extends DataGridProPropsWithDefaultValue<R>, DataGridPremiumSharedPropsWithDefaultValue {
-    /**
-     * If `true`, aggregation is disabled.
-     * @default false
-     */
-    disableAggregation: boolean;
-    /**
-     * If `true`, the row grouping is disabled.
-     * @default false
-     */
-    disableRowGrouping: boolean;
-    /**
-     * If `single`, all the columns that are grouped are represented in the same grid column.
-     * If `multiple`, each column that is grouped is represented in its own grid column.
-     * @default 'single'
-     */
-    rowGroupingColumnMode: 'single' | 'multiple';
-    /**
-     * Aggregation functions available on the grid.
-     * @default GRID_AGGREGATION_FUNCTIONS when `unstable_dataSource` is not provided, `{}` when `unstable_dataSource` is provided
-     */
-    aggregationFunctions: Record<string, GridAggregationFunction> | Record<string, GridAggregationFunctionDataSource>;
-    /**
-     * Rows used to generate the aggregated value.
-     * If `filtered`, the aggregated values are generated using only the rows currently passing the filtering process.
-     * If `all`, the aggregated values are generated using all the rows.
-     * @default "filtered"
-     */
-    aggregationRowsScope: 'filtered' | 'all';
-    /**
-     * Determines the position of an aggregated value.
-     * @param {GridGroupNode} groupNode The current group.
-     * @returns {GridAggregationPosition | null} Position of the aggregated value (if `null`, the group isn't aggregated).
-     * @default (groupNode) => groupNode == null ? 'footer' : 'inline'
-     */
-    getAggregationPosition: (groupNode: GridGroupNode) => GridAggregationPosition | null;
-    /**
-     * If `true`, the clipboard paste is disabled.
-     * @default false
-     */
-    disableClipboardPaste: boolean;
-    /**
-     * The function is used to split the pasted text into rows and cells.
-     * @param {string} text The text pasted from the clipboard.
-     * @returns {string[][] | null} A 2D array of strings. The first dimension is the rows, the second dimension is the columns.
-     * @default (pastedText) => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split('\t')); }
-     */
-    splitClipboardPastedText: (text: string) => string[][] | null;
-}
-export interface DataGridPremiumPropsWithoutDefaultValue<R extends GridValidRowModel = any> extends Omit<DataGridProPropsWithoutDefaultValue<R>, 'initialState' | 'apiRef' | 'unstable_dataSource'> {
-    /**
-     * The ref object that allows grid manipulation. Can be instantiated with `useGridApiRef()`.
-     */
-    apiRef?: RefObject<GridApiPremium | null>;
-    /**
-     * The initial state of the DataGridPremium.
-     * The data in it is set in the state on initialization but isn't controlled.
-     * If one of the data in `initialState` is also being controlled, then the control state wins.
-     */
-    initialState?: GridInitialStatePremium;
-    /**
-     * Set the row grouping model of the grid.
-     */
-    rowGroupingModel?: GridRowGroupingModel;
-    /**
-     * Callback fired when the row grouping model changes.
-     * @param {GridRowGroupingModel} model Columns used as grouping criteria.
-     * @param {GridCallbackDetails} details Additional details for this callback.
-     */
-    onRowGroupingModelChange?: (model: GridRowGroupingModel, details: GridCallbackDetails) => void;
-    /**
-     * Set the aggregation model of the grid.
-     */
-    aggregationModel?: GridAggregationModel;
-    /**
-     * Callback fired when the row grouping model changes.
-     * @param {GridAggregationModel} model The aggregated columns.
-     * @param {GridCallbackDetails} details Additional details for this callback.
-     */
-    onAggregationModelChange?: (model: GridAggregationModel, details: GridCallbackDetails) => void;
-    /**
-     * Set the cell selection model of the grid.
-     */
-    cellSelectionModel?: GridCellSelectionModel;
-    /**
-     * Callback fired when the selection state of one or multiple cells changes.
-     * @param {GridCellSelectionModel} cellSelectionModel Object in the shape of [[GridCellSelectionModel]] containing the selected cells.
-     * @param {GridCallbackDetails} details Additional details for this callback.
-     */
-    onCellSelectionModelChange?: (cellSelectionModel: GridCellSelectionModel, details: GridCallbackDetails) => void;
-    /**
-     * Callback fired when the state of the Excel export changes.
-     * @param {string} inProgress Indicates if the task is in progress.
-     */
-    onExcelExportStateChange?: (inProgress: 'pending' | 'finished') => void;
-    /**
-     * Callback fired before the clipboard paste operation starts.
-     * Use it to confirm or cancel the paste operation.
-     * @param {object} params Params passed to the callback.
-     * @param {string[][]} params.data The raw pasted data split by rows and cells.
-     * @returns {Promise<any>} A promise that resolves to confirm the paste operation, and rejects to cancel it.
-     */
-    onBeforeClipboardPasteStart?: (params: {
-        data: string[][];
-    }) => Promise<any>;
-    /**
-     * Callback fired when the clipboard paste operation starts.
-     */
-    onClipboardPasteStart?: GridEventListener<'clipboardPasteStart'>;
-    /**
-     * Callback fired when the clipboard paste operation ends.
-     */
-    onClipboardPasteEnd?: GridEventListener<'clipboardPasteEnd'>;
-    /**
-     * Unstable features, breaking changes might be introduced.
-     * For each feature, if the flag is not explicitly set to `true`, then the feature is fully disabled, and neither property nor method calls will have any effect.
-     */
-    experimentalFeatures?: Partial<GridExperimentalPremiumFeatures>;
-    unstable_dataSource?: GridDataSource;
+  /**
+   * If `true`, aggregation is disabled.
+   * @default false
+   */
+  disableAggregation: boolean;
+  /**
+   * If `true`, the row grouping is disabled.
+   * @default false
+   */
+  disableRowGrouping: boolean;
+  /**
+   * If `single`, all the columns that are grouped are represented in the same grid column.
+   * If `multiple`, each column that is grouped is represented in its own grid column.
+   * @default 'single'
+   */
+  rowGroupingColumnMode: 'single' | 'multiple';
+  /**
+   * Aggregation functions available on the grid.
+   * @default GRID_AGGREGATION_FUNCTIONS when `unstable_dataSource` is not provided, `{}` when `unstable_dataSource` is provided
+   */
+  aggregationFunctions: Record<string, GridAggregationFunction> | Record<string, GridAggregationFunctionDataSource>;
+  /**
+   * Rows used to generate the aggregated value.
+   * If `filtered`, the aggregated values are generated using only the rows currently passing the filtering process.
+   * If `all`, the aggregated values are generated using all the rows.
+   * @default "filtered"
+   */
+  aggregationRowsScope: 'filtered' | 'all';
+  /**
+   * Determines the position of an aggregated value.
+   * @param {GridGroupNode} groupNode The current group.
+   * @returns {GridAggregationPosition | null} Position of the aggregated value (if `null`, the group isn't aggregated).
+   * @default (groupNode) => groupNode == null ? 'footer' : 'inline'
+   */
+  getAggregationPosition: (groupNode: GridGroupNode) => GridAggregationPosition | null;
+  /**
+   * If `true`, the clipboard paste is disabled.
+   * @default false
+   */
+  disableClipboardPaste: boolean;
+  /**
+   * The function is used to split the pasted text into rows and cells.
+   * @param {string} text The text pasted from the clipboard.
+   * @returns {string[][] | null} A 2D array of strings. The first dimension is the rows, the second dimension is the columns.
+   * @default (pastedText) => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split('\t')); }
+   */
+  splitClipboardPastedText: (text: string) => string[][] | null;
 }
+export interface DataGridPremiumPropsWithoutDefaultValue<R extends GridValidRowModel = any> extends Omit<DataGridProPropsWithoutDefaultValue<R>, 'initialState' | 'apiRef' | 'unstable_dataSource' | 'unstable_onDataSourceError'> {
+  /**
+   * The ref object that allows grid manipulation. Can be instantiated with `useGridApiRef()`.
+   */
+  apiRef?: RefObject<GridApiPremium | null>;
+  /**
+   * The initial state of the DataGridPremium.
+   * The data in it is set in the state on initialization but isn't controlled.
+   * If one of the data in `initialState` is also being controlled, then the control state wins.
+   */
+  initialState?: GridInitialStatePremium;
+  /**
+   * Set the row grouping model of the grid.
+   */
+  rowGroupingModel?: GridRowGroupingModel;
+  /**
+   * Callback fired when the row grouping model changes.
+   * @param {GridRowGroupingModel} model Columns used as grouping criteria.
+   * @param {GridCallbackDetails} details Additional details for this callback.
+   */
+  onRowGroupingModelChange?: (model: GridRowGroupingModel, details: GridCallbackDetails) => void;
+  /**
+   * Set the aggregation model of the grid.
+   */
+  aggregationModel?: GridAggregationModel;
+  /**
+   * Callback fired when the row grouping model changes.
+   * @param {GridAggregationModel} model The aggregated columns.
+   * @param {GridCallbackDetails} details Additional details for this callback.
+   */
+  onAggregationModelChange?: (model: GridAggregationModel, details: GridCallbackDetails) => void;
+  /**
+   * Set the cell selection model of the grid.
+   */
+  cellSelectionModel?: GridCellSelectionModel;
+  /**
+   * Callback fired when the selection state of one or multiple cells changes.
+   * @param {GridCellSelectionModel} cellSelectionModel Object in the shape of [[GridCellSelectionModel]] containing the selected cells.
+   * @param {GridCallbackDetails} details Additional details for this callback.
+   */
+  onCellSelectionModelChange?: (cellSelectionModel: GridCellSelectionModel, details: GridCallbackDetails) => void;
+  /**
+   * Callback fired when the state of the Excel export changes.
+   * @param {string} inProgress Indicates if the task is in progress.
+   */
+  onExcelExportStateChange?: (inProgress: 'pending' | 'finished') => void;
+  /**
+   * Callback fired before the clipboard paste operation starts.
+   * Use it to confirm or cancel the paste operation.
+   * @param {object} params Params passed to the callback.
+   * @param {string[][]} params.data The raw pasted data split by rows and cells.
+   * @returns {Promise<any>} A promise that resolves to confirm the paste operation, and rejects to cancel it.
+   */
+  onBeforeClipboardPasteStart?: (params: {
+    data: string[][];
+  }) => Promise<any>;
+  /**
+   * Callback fired when the clipboard paste operation starts.
+   */
+  onClipboardPasteStart?: GridEventListener<'clipboardPasteStart'>;
+  /**
+   * Callback fired when the clipboard paste operation ends.
+   */
+  onClipboardPasteEnd?: GridEventListener<'clipboardPasteEnd'>;
+  /**
+   * Unstable features, breaking changes might be introduced.
+   * For each feature, if the flag is not explicitly set to `true`, then the feature is fully disabled, and neither property nor method calls will have any effect.
+   */
+  experimentalFeatures?: Partial<GridExperimentalPremiumFeatures>;
+  /**
+   * Data source object.
+   */
+  unstable_dataSource?: GridDataSource;
+  /**
+   * Callback fired when the data source request fails.
+   * @param {Error} error The error object.
+   * @param {GridGetRowsParams} params With all properties from [[GridGetRowsParams]].
+   */
+  unstable_onDataSourceError?: (error: Error, params: GridGetRowsParams) => void;
+}

package/models/gridApiPremium.d.ts

@@ -1,8 +1,8 @@
 import { GridPrivateOnlyApiCommon } from '@mui/x-data-grid/internals';
 import { GridApiCommon, GridColumnPinningApi, GridDetailPanelApi, GridDetailPanelPrivateApi, GridRowPinningApi, GridRowMultiSelectionApi, GridColumnReorderApi, GridRowProApi } from '@mui/x-data-grid-pro';
-import { GridInitialStatePremium, GridStatePremium } from './gridStatePremium';
+import { GridInitialStatePremium, GridStatePremium } from "./gridStatePremium.js";
 import type { GridRowGroupingApi, GridExcelExportApi, GridAggregationApi } from '../hooks';
-import { GridCellSelectionApi } from '../hooks/features/cellSelection/gridCellSelectionInterfaces';
+import { GridCellSelectionApi } from "../hooks/features/cellSelection/gridCellSelectionInterfaces.js";
 import type { DataGridPremiumProcessedProps } from './dataGridPremiumProps';
 import type { GridDataSourcePremiumPrivateApi, GridDataSourceApiPremium } from '../hooks/features/dataSource/models';
 import type { GridAggregationPrivateApi } from '../hooks/features/aggregation/gridAggregationInterfaces';
@@ -10,7 +10,5 @@ import type { GridAggregationPrivateApi } from '../hooks/features/aggregation/gr
  * The api of Data Grid Premium.
  * TODO: Do not redefine manually the pro features
  */
-export interface GridApiPremium extends GridApiCommon<GridStatePremium, GridInitialStatePremium>, GridRowProApi, GridColumnPinningApi, GridDetailPanelApi, GridRowGroupingApi, GridExcelExportApi, GridAggregationApi, GridRowPinningApi, GridDataSourceApiPremium, GridCellSelectionApi, GridRowMultiSelectionApi, GridColumnReorderApi {
-}
-export interface GridPrivateApiPremium extends GridApiPremium, GridPrivateOnlyApiCommon<GridApiPremium, GridPrivateApiPremium, DataGridPremiumProcessedProps>, GridDataSourcePremiumPrivateApi, GridAggregationPrivateApi, GridDetailPanelPrivateApi {
-}
+export interface GridApiPremium extends GridApiCommon<GridStatePremium, GridInitialStatePremium>, GridRowProApi, GridColumnPinningApi, GridDetailPanelApi, GridRowGroupingApi, GridExcelExportApi, GridAggregationApi, GridRowPinningApi, GridDataSourceApiPremium, GridCellSelectionApi, GridRowMultiSelectionApi, GridColumnReorderApi {}
+export interface GridPrivateApiPremium extends GridApiPremium, GridPrivateOnlyApiCommon<GridApiPremium, GridPrivateApiPremium, DataGridPremiumProcessedProps>, GridDataSourcePremiumPrivateApi, GridAggregationPrivateApi, GridDetailPanelPrivateApi {}

package/models/gridGroupingValueGetter.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridValidRowModel, GridColDef, GridKeyValue } from '@mui/x-data-grid-pro';
-import { GridApiPremium } from './gridApiPremium';
-export type GridGroupingValueGetter<R extends GridValidRowModel = GridValidRowModel, TValue = never> = (value: TValue, row: R, column: GridColDef<R>, apiRef: RefObject<GridApiPremium>) => GridKeyValue | null | undefined;
+import { GridApiPremium } from "./gridApiPremium.js";
+export type GridGroupingValueGetter<R extends GridValidRowModel = GridValidRowModel, TValue = never> = (value: TValue, row: R, column: GridColDef<R>, apiRef: RefObject<GridApiPremium>) => GridKeyValue | null | undefined;

package/models/gridPastedValueParser.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridColDef, GridValidRowModel } from '@mui/x-data-grid';
-import { GridApiPremium } from './gridApiPremium';
-export type GridPastedValueParser<R extends GridValidRowModel = GridValidRowModel, V = any, F = V> = (value: string, row: R, column: GridColDef<R, V, F>, apiRef: RefObject<GridApiPremium>) => V | undefined;
+import { GridApiPremium } from "./gridApiPremium.js";
+export type GridPastedValueParser<R extends GridValidRowModel = GridValidRowModel, V = any, F = V> = (value: string, row: R, column: GridColDef<R, V, F>, apiRef: RefObject<GridApiPremium>) => V | undefined;

package/models/gridPremiumIconSlotsComponent.d.ts

@@ -1,28 +1,28 @@
 import * as React from 'react';
 export interface GridPremiumIconSlotsComponent {
-    /**
-     * Icon displayed in column menu for ungrouping
-     * @default GridWorkspacesIcon
-     */
-    columnMenuUngroupIcon: React.JSXElementConstructor<any>;
-    /**
-     * Icon displayed in column menu for grouping
-     * @default GridGroupWorkIcon
-     */
-    columnMenuGroupIcon: React.JSXElementConstructor<any>;
-    /**
-     * Icon displayed in column menu for aggregation
-     * @default GridFunctionsIcon
-     */
-    columnMenuAggregationIcon: React.JSXElementConstructor<any>;
-    /**
-     * Icon used for the button that sends a prompt
-     * @default GridFunctionsIcon
-     */
-    toolbarPromptSendIcon: React.JSXElementConstructor<any>;
-    /**
-     * Icon used for the button that starts/stops recording the prompt
-     * @default GridFunctionsIcon
-     */
-    toolbarPromptRecordIcon: React.JSXElementConstructor<any>;
-}
+  /**
+   * Icon displayed in column menu for ungrouping
+   * @default GridWorkspacesIcon
+   */
+  columnMenuUngroupIcon: React.JSXElementConstructor<any>;
+  /**
+   * Icon displayed in column menu for grouping
+   * @default GridGroupWorkIcon
+   */
+  columnMenuGroupIcon: React.JSXElementConstructor<any>;
+  /**
+   * Icon displayed in column menu for aggregation
+   * @default GridFunctionsIcon
+   */
+  columnMenuAggregationIcon: React.JSXElementConstructor<any>;
+  /**
+   * Icon used for the button that sends a prompt
+   * @default GridFunctionsIcon
+   */
+  toolbarPromptSendIcon: React.JSXElementConstructor<any>;
+  /**
+   * Icon used for the button that starts/stops recording the prompt
+   * @default GridFunctionsIcon
+   */
+  toolbarPromptRecordIcon: React.JSXElementConstructor<any>;
+}

package/models/gridPremiumSlotsComponent.d.ts

@@ -1,8 +1,7 @@
 import { GridProSlotsComponent } from '@mui/x-data-grid-pro';
-import { GridPremiumIconSlotsComponent } from './gridPremiumIconSlotsComponent';
+import { GridPremiumIconSlotsComponent } from "./gridPremiumIconSlotsComponent.js";
 /**
  * Grid components React prop interface containing all the overridable components
  * for Premium package
  */
-export interface GridPremiumSlotsComponent extends GridProSlotsComponent, GridPremiumIconSlotsComponent {
-}
+export interface GridPremiumSlotsComponent extends GridProSlotsComponent, GridPremiumIconSlotsComponent {}

package/models/gridStatePremium.d.ts

@@ -4,15 +4,15 @@ import type { GridRowGroupingState, GridRowGroupingInitialState, GridAggregation
  * The state of Data Grid Premium.
  */
 export interface GridStatePremium extends GridStatePro {
-    rowGrouping: GridRowGroupingState;
-    aggregation: GridAggregationState;
-    cellSelection: GridCellSelectionModel;
+  rowGrouping: GridRowGroupingState;
+  aggregation: GridAggregationState;
+  cellSelection: GridCellSelectionModel;
 }
 /**
  * The initial state of Data Grid Premium.
  */
 export interface GridInitialStatePremium extends GridInitialStatePro {
-    rowGrouping?: GridRowGroupingInitialState;
-    aggregation?: GridAggregationInitialState;
-    cellSelection?: GridCellSelectionModel;
-}
+  rowGrouping?: GridRowGroupingInitialState;
+  aggregation?: GridAggregationInitialState;
+  cellSelection?: GridCellSelectionModel;
+}

package/models/index.d.ts

@@ -1,4 +1,4 @@
-export * from './gridGroupingValueGetter';
-export * from './gridPremiumIconSlotsComponent';
-export * from './gridPremiumSlotsComponent';
-export * from './gridPastedValueParser';
+export * from "./gridGroupingValueGetter.js";
+export * from "./gridPremiumIconSlotsComponent.js";
+export * from "./gridPremiumSlotsComponent.js";
+export * from "./gridPastedValueParser.js";

package/modern/DataGridPremium/DataGrid.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @deprecated Import DataGridPremium instead.
+ */
+export declare function DataGrid(): null;
+/**
+ * @deprecated Import DataGridPremium instead.
+ */
+export declare function DataGridPro(): null;

package/modern/DataGridPremium/DataGridPremium.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { GridValidRowModel } from '@mui/x-data-grid-pro';
+import { DataGridPremiumProps } from "../models/dataGridPremiumProps.js";
+export type { GridPremiumSlotsComponent as GridSlots } from '../models';
+interface DataGridPremiumComponent {
+  <R extends GridValidRowModel = any>(props: DataGridPremiumProps<R> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+  propTypes?: any;
+}
+/**
+ * Features:
+ * - [DataGridPremium](https://mui.com/x/react-data-grid/features/)
+ *
+ * API:
+ * - [DataGridPremium API](https://mui.com/x/api/data-grid/data-grid-premium/)
+ */
+export declare const DataGridPremium: DataGridPremiumComponent;

package/modern/DataGridPremium/DataGridPremium.js

@@ -381,6 +381,8 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   getRowHeight: PropTypes.func,
   /**
    * Return the id of a given [[GridRowModel]].
+   * Ensure the reference of this prop is stable to avoid performance implications.
+   * It could be done by either defining the prop outside of the component or by memoizing it.
    */
   getRowId: PropTypes.func,
   /**
@@ -1035,6 +1037,9 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @default false
    */
   treeData: PropTypes.bool,
+  /**
+   * Data source object.
+   */
   unstable_dataSource: PropTypes.shape({
     getAggregatedValue: PropTypes.func,
     getChildrenCount: PropTypes.func,
@@ -1042,6 +1047,9 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
     getRows: PropTypes.func.isRequired,
     updateRow: PropTypes.func
   }),
+  /**
+   * Data source cache object.
+   */
   unstable_dataSourceCache: PropTypes.shape({
     clear: PropTypes.func.isRequired,
     get: PropTypes.func.isRequired,
@@ -1074,6 +1082,11 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * Use in combination with `unstable_listColumn`.
    */
   unstable_listView: PropTypes.bool,
+  /**
+   * Callback fired when the data source request fails.
+   * @param {Error} error The error object.
+   * @param {GridGetRowsParams} params With all properties from [[GridGetRowsParams]].
+   */
   unstable_onDataSourceError: PropTypes.func,
   /**
    * If `true`, the Data Grid enables column virtualization when `getRowHeight` is set to `() => 'auto'`.
@@ -1085,8 +1098,8 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   virtualizeColumnsWithAutoRowHeight: PropTypes.bool
 } : void 0;
 /**
- * Demos:
- * - [DataGridPremium](https://mui.com/x/react-data-grid/demo/)
+ * Features:
+ * - [DataGridPremium](https://mui.com/x/react-data-grid/features/)
  *
  * API:
  * - [DataGridPremium API](https://mui.com/x/api/data-grid/data-grid-premium/)

package/modern/DataGridPremium/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./DataGrid.js";
+export * from "./DataGridPremium.js";
+export { DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES } from "./useDataGridPremiumProps.js";

package/modern/DataGridPremium/useDataGridPremiumComponent.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from '@mui/x-internals/types';
+import { GridApiPremium, GridPrivateApiPremium } from "../models/gridApiPremium.js";
+import { DataGridPremiumProcessedProps } from "../models/dataGridPremiumProps.js";
+export declare const useDataGridPremiumComponent: (inputApiRef: RefObject<GridApiPremium | null> | undefined, props: DataGridPremiumProcessedProps) => import("react").RefObject<GridPrivateApiPremium>;

package/modern/DataGridPremium/useDataGridPremiumComponent.js

@@ -1,4 +1,4 @@
-import { useGridInitialization, useGridInitializeState, useGridClipboard, useGridColumnMenu, useGridColumns, columnsStateInitializer, useGridDensity, useGridCsvExport, useGridPrintExport, useGridFilter, filterStateInitializer, useGridFocus, useGridKeyboardNavigation, useGridPagination, paginationStateInitializer, useGridPreferencesPanel, useGridEditing, editingStateInitializer, useGridRows, useGridRowsPreProcessors, rowsStateInitializer, useGridRowsMeta, useGridParamsApi, useGridRowSelection, useGridSorting, sortingStateInitializer, useGridScroll, useGridEvents, dimensionsStateInitializer, useGridDimensions, useGridStatePersistence, useGridRowSelectionPreProcessors, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, rowSelectionStateInitializer, useGridColumnReorder, columnReorderStateInitializer, useGridColumnResize, columnResizeStateInitializer, useGridTreeData, useGridTreeDataPreProcessors, useGridColumnPinning, columnPinningStateInitializer, useGridColumnPinningPreProcessors, useGridDetailPanel, detailPanelStateInitializer, useGridDetailPanelPreProcessors, useGridInfiniteLoader, useGridColumnSpanning, useGridRowReorder, useGridRowReorderPreProcessors, useGridRowPinning, useGridRowPinningPreProcessors, rowPinningStateInitializer, useGridColumnGrouping, columnGroupsStateInitializer, useGridLazyLoader, useGridLazyLoaderPreProcessors, useGridDataSourceLazyLoader, headerFilteringStateInitializer, useGridHeaderFiltering, virtualizationStateInitializer, useGridVirtualization, useGridDataSourceTreeDataPreProcessors, dataSourceStateInitializer, useGridRowSpanning, rowSpanningStateInitializer, useGridListView, listViewStateInitializer } from '@mui/x-data-grid-pro/internals';
+import { useGridInitialization, useGridInitializeState, useGridClipboard, useGridColumnMenu, useGridColumns, columnsStateInitializer, useGridDensity, useGridCsvExport, useGridPrintExport, useGridFilter, filterStateInitializer, useGridFocus, useGridKeyboardNavigation, useGridPagination, paginationStateInitializer, useGridPreferencesPanel, useGridEditing, editingStateInitializer, useGridRows, useGridRowsPreProcessors, rowsStateInitializer, useGridRowsMeta, useGridParamsApi, useGridRowSelection, useGridSorting, sortingStateInitializer, useGridScroll, useGridEvents, dimensionsStateInitializer, useGridDimensions, useGridStatePersistence, useGridRowSelectionPreProcessors, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, rowSelectionStateInitializer, useGridColumnReorder, columnReorderStateInitializer, useGridColumnResize, columnResizeStateInitializer, useGridTreeData, useGridTreeDataPreProcessors, useGridColumnPinning, columnPinningStateInitializer, useGridColumnPinningPreProcessors, useGridDetailPanel, detailPanelStateInitializer, useGridDetailPanelPreProcessors, useGridInfiniteLoader, useGridColumnSpanning, useGridRowReorder, useGridRowReorderPreProcessors, useGridRowPinning, useGridRowPinningPreProcessors, rowPinningStateInitializer, useGridColumnGrouping, columnGroupsStateInitializer, useGridLazyLoader, useGridLazyLoaderPreProcessors, useGridDataSourceLazyLoader, headerFilteringStateInitializer, useGridHeaderFiltering, virtualizationStateInitializer, useGridVirtualization, useGridDataSourceTreeDataPreProcessors, dataSourceStateInitializer, useGridRowSpanning, rowSpanningStateInitializer, useGridListView, listViewStateInitializer, propsStateInitializer } from '@mui/x-data-grid-pro/internals';
 import { useGridDataSourcePremium as useGridDataSource } from "../hooks/features/dataSource/useGridDataSourcePremium.js";
 // Premium-only features
 import { useGridAggregation, aggregationStateInitializer } from "../hooks/features/aggregation/useGridAggregation.js";
@@ -33,6 +33,7 @@ export const useDataGridPremiumComponent = (inputApiRef, props) => {
   /**
    * Register all state initializers here.
    */
+  useGridInitializeState(propsStateInitializer, apiRef, props);
   useGridInitializeState(headerFilteringStateInitializer, apiRef, props);
   useGridInitializeState(rowGroupingStateInitializer, apiRef, props);
   useGridInitializeState(aggregationStateInitializer, apiRef, props);
@@ -42,8 +43,8 @@ export const useDataGridPremiumComponent = (inputApiRef, props) => {
   useGridInitializeState(columnPinningStateInitializer, apiRef, props);
   useGridInitializeState(columnsStateInitializer, apiRef, props);
   useGridInitializeState(rowPinningStateInitializer, apiRef, props);
-  useGridInitializeState(paginationStateInitializer, apiRef, props);
   useGridInitializeState(rowsStateInitializer, apiRef, props);
+  useGridInitializeState(paginationStateInitializer, apiRef, props);
   useGridInitializeState(editingStateInitializer, apiRef, props);
   useGridInitializeState(focusStateInitializer, apiRef, props);
   useGridInitializeState(sortingStateInitializer, apiRef, props);
@@ -64,7 +65,6 @@ export const useDataGridPremiumComponent = (inputApiRef, props) => {
   useGridHeaderFiltering(apiRef, props);
   useGridTreeData(apiRef, props);
   useGridAggregation(apiRef, props);
-  useGridDataSource(apiRef, props);
   useGridKeyboardNavigation(apiRef, props);
   useGridRowSelection(apiRef, props);
   useGridCellSelection(apiRef, props);
@@ -101,6 +101,7 @@ export const useDataGridPremiumComponent = (inputApiRef, props) => {
   useGridDimensions(apiRef, props);
   useGridEvents(apiRef, props);
   useGridStatePersistence(apiRef);
+  useGridDataSource(apiRef, props);
   useGridVirtualization(apiRef, props);
   useGridListView(apiRef, props);
   return apiRef;

package/modern/DataGridPremium/useDataGridPremiumProps.d.ts

@@ -0,0 +1,6 @@
+import { DataGridPremiumProps, DataGridPremiumProcessedProps, DataGridPremiumPropsWithDefaultValue } from "../models/dataGridPremiumProps.js";
+/**
+ * The default values of `DataGridPremiumPropsWithDefaultValue` to inject in the props of DataGridPremium.
+ */
+export declare const DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES: DataGridPremiumPropsWithDefaultValue;
+export declare const useDataGridPremiumProps: (inProps: DataGridPremiumProps) => DataGridPremiumProcessedProps;

package/modern/components/GridAggregationHeader.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { GridColumnHeaderParams } from '@mui/x-data-grid';
+import type { GridBaseColDef } from '@mui/x-data-grid/internals';
+declare function GridAggregationHeader(props: GridColumnHeaderParams & {
+  renderHeader: GridBaseColDef['renderHeader'];
+}): React.JSX.Element | null;
+export { GridAggregationHeader };

package/modern/components/GridAggregationRowOverlay.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const GridAggregationRowOverlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement>> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { GridAggregationRowOverlay };

package/modern/components/GridAggregationRowOverlay.js

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { forwardRef } from '@mui/x-internals/forwardRef';
+import composeClasses from '@mui/utils/composeClasses';
+import { getDataGridUtilityClass, useGridRootProps } from '@mui/x-data-grid-pro';
+import { GridSkeletonLoadingOverlayInner, useGridSelector } from '@mui/x-data-grid-pro/internals';
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
+import { gridAggregationModelSelector } from "../hooks/features/aggregation/gridAggregationSelectors.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['aggregationRowOverlayWrapper']
+  };
+  return composeClasses(slots, getDataGridUtilityClass, classes);
+};
+const GridAggregationRowOverlay = forwardRef(function GridAggregationRowOverlay(props, forwardedRef) {
+  const apiRef = useGridApiContext();
+  const rootProps = useGridRootProps();
+  const classes = useUtilityClasses({
+    classes: rootProps.classes
+  });
+  const aggregationModel = useGridSelector(apiRef, gridAggregationModelSelector);
+  const visibleColumns = new Set(Object.keys(aggregationModel));
+  return /*#__PURE__*/_jsx("div", {
+    className: classes.root,
+    children: /*#__PURE__*/_jsx(GridSkeletonLoadingOverlayInner, _extends({}, props, {
+      skeletonRowsCount: 1,
+      visibleColumns: visibleColumns,
+      showFirstRowBorder: true,
+      ref: forwardedRef
+    }))
+  });
+});
+export { GridAggregationRowOverlay };

package/modern/components/GridBottomContainer.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export type GridBottomContainerProps = React.PropsWithChildren;
+export declare function GridBottomContainer(props: GridBottomContainerProps): React.JSX.Element;