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

package/hooks/features/promptControl/types.d.ts

@@ -1,25 +1,25 @@
 export type Sort = {
-    column: string;
-    direction: 'asc' | 'desc';
+  column: string;
+  direction: 'asc' | 'desc';
 };
 export type Grouping = {
-    column: string;
+  column: string;
 };
 export type Filter = {
-    operator: string;
-    value: string | number | boolean | string[] | number[];
-    column: string;
+  operator: string;
+  value: string | number | boolean | string[] | number[];
+  column: string;
 };
 export type AggregationFunction = 'avg' | 'sum' | 'min' | 'max' | 'size';
 export type Aggregation = {
-    [column: string]: AggregationFunction;
+  [column: string]: AggregationFunction;
 };
 export type PromptResponse = {
-    select: number;
-    filters: Filter[];
-    filterOperator?: 'and' | 'or';
-    aggregation: Aggregation;
-    sorting: Sort[];
-    grouping: Grouping[];
-    error: string | null;
-};
+  select: number;
+  filters: Filter[];
+  filterOperator?: 'and' | 'or';
+  aggregation: Aggregation;
+  sorting: Sort[];
+  grouping: Grouping[];
+  error: string | null;
+};

package/hooks/features/rowGrouping/createGroupingColDef.d.ts

@@ -1,45 +1,57 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridColDef, GridGroupingColDefOverride } from '@mui/x-data-grid-pro';
 import { GridColumnRawLookup } from '@mui/x-data-grid-pro/internals';
-import { GridApiPremium } from '../../../models/gridApiPremium';
-import { RowGroupingStrategy } from './gridRowGroupingUtils';
+import { GridApiPremium } from "../../../models/gridApiPremium.js";
+import { RowGroupingStrategy } from "./gridRowGroupingUtils.js";
 interface CreateGroupingColDefMonoCriteriaParams {
-    columnsLookup: GridColumnRawLookup;
-    /**
-     * The field from which we are grouping the rows.
-     */
-    groupingCriteria: string;
-    /**
-     * The col def from which we are grouping the rows.
-     */
-    groupedByColDef: GridColDef;
-    /**
-     * The col def properties the user wants to override.
-     * This value comes `prop.groupingColDef`.
-     */
-    colDefOverride: GridGroupingColDefOverride | null | undefined;
-    strategy?: RowGroupingStrategy;
+  columnsLookup: GridColumnRawLookup;
+  /**
+   * The field from which we are grouping the rows.
+   */
+  groupingCriteria: string;
+  /**
+   * The col def from which we are grouping the rows.
+   */
+  groupedByColDef: GridColDef;
+  /**
+   * The col def properties the user wants to override.
+   * This value comes `prop.groupingColDef`.
+   */
+  colDefOverride: GridGroupingColDefOverride | null | undefined;
+  strategy?: RowGroupingStrategy;
 }
 /**
  * Creates the `GridColDef` for a grouping column that only takes care of a single grouping criteria
  */
-export declare const createGroupingColDefForOneGroupingCriteria: ({ columnsLookup, groupedByColDef, groupingCriteria, colDefOverride, strategy, }: CreateGroupingColDefMonoCriteriaParams) => GridColDef;
+export declare const createGroupingColDefForOneGroupingCriteria: ({
+  columnsLookup,
+  groupedByColDef,
+  groupingCriteria,
+  colDefOverride,
+  strategy
+}: CreateGroupingColDefMonoCriteriaParams) => GridColDef;
 interface CreateGroupingColDefSeveralCriteriaParams {
-    apiRef: RefObject<GridApiPremium>;
-    columnsLookup: GridColumnRawLookup;
-    /**
-     * The fields from which we are grouping the rows.
-     */
-    rowGroupingModel: string[];
-    /**
-     * The col def properties the user wants to override.
-     * This value comes `prop.groupingColDef`.
-     */
-    colDefOverride: GridGroupingColDefOverride | null | undefined;
-    strategy?: RowGroupingStrategy;
+  apiRef: RefObject<GridApiPremium>;
+  columnsLookup: GridColumnRawLookup;
+  /**
+   * The fields from which we are grouping the rows.
+   */
+  rowGroupingModel: string[];
+  /**
+   * The col def properties the user wants to override.
+   * This value comes `prop.groupingColDef`.
+   */
+  colDefOverride: GridGroupingColDefOverride | null | undefined;
+  strategy?: RowGroupingStrategy;
 }
 /**
  * Creates the `GridColDef` for a grouping column that takes care of all the grouping criteria
  */
-export declare const createGroupingColDefForAllGroupingCriteria: ({ apiRef, columnsLookup, rowGroupingModel, colDefOverride, strategy, }: CreateGroupingColDefSeveralCriteriaParams) => GridColDef;
-export {};
+export declare const createGroupingColDefForAllGroupingCriteria: ({
+  apiRef,
+  columnsLookup,
+  rowGroupingModel,
+  colDefOverride,
+  strategy
+}: CreateGroupingColDefSeveralCriteriaParams) => GridColDef;
+export {};

package/hooks/features/rowGrouping/createGroupingColDef.js

@@ -148,8 +148,8 @@ const createGroupingColDefForOneGroupingCriteria = ({
       return '';
     },
     valueGetter: (value, row, column, apiRef) => {
-      const rowId = apiRef.current.getRowId(row);
-      const rowNode = apiRef.current.getRowNode(rowId);
+      const rowId = (0, _xDataGridPro.gridRowIdSelector)(apiRef, row);
+      const rowNode = (0, _xDataGridPro.gridRowNodeSelector)(apiRef, rowId);
       if (!rowNode || rowNode.type === 'footer' || rowNode.type === 'pinnedRow') {
         return undefined;
       }
@@ -241,8 +241,8 @@ const createGroupingColDefForAllGroupingCriteria = ({
       }));
     },
     valueGetter: (value, row) => {
-      const rowId = apiRef.current.getRowId(row);
-      const rowNode = apiRef.current.getRowNode(rowId);
+      const rowId = (0, _xDataGridPro.gridRowIdSelector)(apiRef, row);
+      const rowNode = (0, _xDataGridPro.gridRowNodeSelector)(apiRef, rowId);
       if (!rowNode || rowNode.type === 'footer' || rowNode.type === 'pinnedRow') {
         return undefined;
       }

package/hooks/features/rowGrouping/gridRowGroupingInterfaces.d.ts

@@ -1,44 +1,44 @@
 import { GridColDef, GridValidRowModel } from '@mui/x-data-grid';
 export type GridRowGroupingModel = string[];
 export interface GridRowGroupingState {
-    model: GridRowGroupingModel;
+  model: GridRowGroupingModel;
 }
 export interface GridRowGroupingInitialState {
-    model?: GridRowGroupingModel;
+  model?: GridRowGroupingModel;
 }
 export interface GridRowGroupingInternalCache {
-    /**
-     * Tracks the model on the last pre-processing
-     * Allows to check if we need to re-build the grouping columns when the grid upserts a column.
-     */
-    rulesOnLastRowTreeCreation: GridGroupingRules;
+  /**
+   * Tracks the model on the last pre-processing
+   * Allows to check if we need to re-build the grouping columns when the grid upserts a column.
+   */
+  rulesOnLastRowTreeCreation: GridGroupingRules;
 }
 export interface GridRowGroupingApi {
-    /**
-     * Sets the columns to use as grouping criteria.
-     * @param {GridRowGroupingModel} model The columns to use as grouping criteria.
-     */
-    setRowGroupingModel: (model: GridRowGroupingModel) => void;
-    /**
-     * Adds the field to the row grouping model.
-     * @param {string} groupingCriteriaField The field from which we want to group the rows.
-     * @param {number | undefined} groupingIndex The grouping index at which we want to insert the new grouping criteria. By default, it will be inserted at the end of the model.
-     */
-    addRowGroupingCriteria: (groupingCriteriaField: string, groupingIndex?: number) => void;
-    /**
-     * Remove the field from the row grouping model.
-     * @param {string} groupingCriteriaField The field from which we want to stop grouping the rows.
-     */
-    removeRowGroupingCriteria: (groupingCriteriaField: string) => void;
-    /**
-     * Sets the grouping index of a grouping criteria.
-     * @param {string} groupingCriteriaField The field of the grouping criteria from which we want to change the grouping index.
-     * @param {number} groupingIndex The new grouping index of this grouping criteria.
-     */
-    setRowGroupingCriteriaIndex: (groupingCriteriaField: string, groupingIndex: number) => void;
+  /**
+   * Sets the columns to use as grouping criteria.
+   * @param {GridRowGroupingModel} model The columns to use as grouping criteria.
+   */
+  setRowGroupingModel: (model: GridRowGroupingModel) => void;
+  /**
+   * Adds the field to the row grouping model.
+   * @param {string} groupingCriteriaField The field from which we want to group the rows.
+   * @param {number | undefined} groupingIndex The grouping index at which we want to insert the new grouping criteria. By default, it will be inserted at the end of the model.
+   */
+  addRowGroupingCriteria: (groupingCriteriaField: string, groupingIndex?: number) => void;
+  /**
+   * Remove the field from the row grouping model.
+   * @param {string} groupingCriteriaField The field from which we want to stop grouping the rows.
+   */
+  removeRowGroupingCriteria: (groupingCriteriaField: string) => void;
+  /**
+   * Sets the grouping index of a grouping criteria.
+   * @param {string} groupingCriteriaField The field of the grouping criteria from which we want to change the grouping index.
+   * @param {number} groupingIndex The new grouping index of this grouping criteria.
+   */
+  setRowGroupingCriteriaIndex: (groupingCriteriaField: string, groupingIndex: number) => void;
 }
 export interface GridGroupingRule<R extends GridValidRowModel = GridValidRowModel, V = any> {
-    field: string;
-    groupingValueGetter?: GridColDef<R, V>['groupingValueGetter'];
+  field: string;
+  groupingValueGetter?: GridColDef<R, V>['groupingValueGetter'];
 }
-export type GridGroupingRules<R extends GridValidRowModel = GridValidRowModel> = GridGroupingRule<R>[];
+export type GridGroupingRules<R extends GridValidRowModel = GridValidRowModel> = GridGroupingRule<R>[];

package/hooks/features/rowGrouping/gridRowGroupingSelector.d.ts

@@ -1,3 +1,3 @@
-import { GridStatePremium } from '../../../models/gridStatePremium';
+import { GridStatePremium } from "../../../models/gridStatePremium.js";
 export declare const gridRowGroupingModelSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridRowGroupingInterfaces").GridRowGroupingState, import("./gridRowGroupingInterfaces").GridRowGroupingModel>;
-export declare const gridRowGroupingSanitizedModelSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("@mui/x-data-grid").GridColumnLookup, string[]>;
+export declare const gridRowGroupingSanitizedModelSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("@mui/x-data-grid").GridColumnLookup, string[]>;

package/hooks/features/rowGrouping/gridRowGroupingSelector.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.gridRowGroupingSanitizedModelSelector = exports.gridRowGroupingModelSelector = void 0;
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _internals = require("@mui/x-data-grid/internals");
-const gridRowGroupingStateSelector = state => state.rowGrouping;
+var _internals = require("@mui/x-data-grid-pro/internals");
+const gridRowGroupingStateSelector = (0, _internals.createRootSelector)(state => state.rowGrouping);
 const gridRowGroupingModelSelector = exports.gridRowGroupingModelSelector = (0, _internals.createSelector)(gridRowGroupingStateSelector, rowGrouping => rowGrouping.model);
 const gridRowGroupingSanitizedModelSelector = exports.gridRowGroupingSanitizedModelSelector = (0, _internals.createSelectorMemoized)(gridRowGroupingModelSelector, _xDataGridPro.gridColumnLookupSelector, (model, columnsLookup) => model.filter(field => !!columnsLookup[field]));

package/hooks/features/rowGrouping/gridRowGroupingUtils.d.ts

@@ -1,21 +1,21 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridRowTreeConfig, GridFilterState, GridFilterModel, GridRowModel, GridColDef, GridKeyValue, GridDataSource } from '@mui/x-data-grid-pro';
 import { GridAggregatedFilterItemApplier, GridColumnRawLookup, GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, getRowGroupingCriteriaFromGroupingField, isGroupingColumn } from '@mui/x-data-grid-pro/internals';
-import { DataGridPremiumProcessedProps } from '../../../models/dataGridPremiumProps';
-import { GridGroupingRule, GridGroupingRules, GridRowGroupingModel } from './gridRowGroupingInterfaces';
-import { GridStatePremium } from '../../../models/gridStatePremium';
-import { GridPrivateApiPremium } from '../../../models/gridApiPremium';
-export { GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, getRowGroupingCriteriaFromGroupingField, isGroupingColumn, };
+import { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.js";
+import { GridGroupingRule, GridGroupingRules, GridRowGroupingModel } from "./gridRowGroupingInterfaces.js";
+import { GridStatePremium } from "../../../models/gridStatePremium.js";
+import { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
+export { GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, getRowGroupingCriteriaFromGroupingField, isGroupingColumn };
 export declare enum RowGroupingStrategy {
-    Default = "grouping-columns",
-    DataSource = "grouping-columns-data-source"
+  Default = "grouping-columns",
+  DataSource = "grouping-columns-data-source",
 }
 export declare const getRowGroupingFieldFromGroupingCriteria: (groupingCriteria: string | null) => string;
 interface FilterRowTreeFromTreeDataParams {
-    rowTree: GridRowTreeConfig;
-    isRowMatchingFilters: GridAggregatedFilterItemApplier | null;
-    filterModel: GridFilterModel;
-    apiRef: RefObject<GridPrivateApiPremium>;
+  rowTree: GridRowTreeConfig;
+  isRowMatchingFilters: GridAggregatedFilterItemApplier | null;
+  filterModel: GridFilterModel;
+  apiRef: RefObject<GridPrivateApiPremium>;
 }
 /**
  * A leaf is visible if it passed the filter
@@ -27,20 +27,28 @@ export declare const filterRowTreeFromGroupingColumns: (params: FilterRowTreeFro
 export declare const getColDefOverrides: (groupingColDefProp: DataGridPremiumProcessedProps["groupingColDef"], fields: string[], strategy?: RowGroupingStrategy) => import("@mui/x-data-grid-pro").GridGroupingColDefOverride<any> | null | undefined;
 export declare const mergeStateWithRowGroupingModel: (rowGroupingModel: GridRowGroupingModel) => (state: GridStatePremium) => GridStatePremium;
 export declare const setStrategyAvailability: (privateApiRef: RefObject<GridPrivateApiPremium>, disableRowGrouping: boolean, dataSource?: GridDataSource) => void;
-export declare const getCellGroupingCriteria: ({ row, colDef, groupingRule, apiRef, }: {
-    row: GridRowModel;
-    colDef: GridColDef;
-    groupingRule: GridGroupingRule;
-    apiRef: RefObject<GridPrivateApiPremium>;
+export declare const getCellGroupingCriteria: ({
+  row,
+  colDef,
+  groupingRule,
+  apiRef
+}: {
+  row: GridRowModel;
+  colDef: GridColDef;
+  groupingRule: GridGroupingRule;
+  apiRef: RefObject<GridPrivateApiPremium>;
 }) => {
-    key: GridKeyValue | null | undefined;
-    field: string;
+  key: GridKeyValue | null | undefined;
+  field: string;
 };
-export declare const getGroupingRules: ({ sanitizedRowGroupingModel, columnsLookup, }: {
-    sanitizedRowGroupingModel: GridRowGroupingModel;
-    columnsLookup: GridColumnRawLookup;
+export declare const getGroupingRules: ({
+  sanitizedRowGroupingModel,
+  columnsLookup
+}: {
+  sanitizedRowGroupingModel: GridRowGroupingModel;
+  columnsLookup: GridColumnRawLookup;
 }) => GridGroupingRules;
 /**
  * Compares two sets of grouping rules to determine if they are equal or not.
  */
-export declare const areGroupingRulesEqual: (newValue: GridGroupingRules, previousValue: GridGroupingRules) => boolean;
+export declare const areGroupingRulesEqual: (newValue: GridGroupingRules, previousValue: GridGroupingRules) => boolean;

package/hooks/features/rowGrouping/gridRowGroupingUtils.js

@@ -169,7 +169,7 @@ const getCellGroupingCriteria = ({
   if (groupingRule.groupingValueGetter) {
     key = groupingRule.groupingValueGetter(row[groupingRule.field], row, colDef, apiRef);
   } else {
-    key = row[groupingRule.field];
+    key = (0, _internals.getRowValue)(row, colDef, apiRef);
   }
   return {
     key,

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

@@ -1,3 +1,3 @@
-export * from './gridRowGroupingSelector';
-export * from './gridRowGroupingInterfaces';
-export { GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, getRowGroupingFieldFromGroupingCriteria, isGroupingColumn, } from './gridRowGroupingUtils';
+export * from "./gridRowGroupingSelector.js";
+export * from "./gridRowGroupingInterfaces.js";
+export { GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, getRowGroupingFieldFromGroupingCriteria, isGroupingColumn } from "./gridRowGroupingUtils.js";

package/hooks/features/rowGrouping/useGridDataSourceRowGroupingPreProcessors.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from '@mui/x-internals/types';
-import { DataGridPremiumProcessedProps } from '../../../models/dataGridPremiumProps';
-import { GridPrivateApiPremium } from '../../../models/gridApiPremium';
-export declare const useGridDataSourceRowGroupingPreProcessors: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "disableRowGrouping" | "groupingColDef" | "rowGroupingColumnMode" | "defaultGroupingExpansionDepth" | "isGroupExpandedByDefault" | "unstable_dataSource">) => void;
+import { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.js";
+import { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
+export declare const useGridDataSourceRowGroupingPreProcessors: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "disableRowGrouping" | "groupingColDef" | "rowGroupingColumnMode" | "defaultGroupingExpansionDepth" | "isGroupExpandedByDefault" | "dataSource">) => void;

package/hooks/features/rowGrouping/useGridDataSourceRowGroupingPreProcessors.js

@@ -12,11 +12,11 @@ var _gridRowGroupingUtils = require("./gridRowGroupingUtils");
 var _gridRowGroupingSelector = require("./gridRowGroupingSelector");
 const useGridDataSourceRowGroupingPreProcessors = (apiRef, props) => {
   const createRowTreeForRowGrouping = React.useCallback(params => {
-    const getGroupKey = props.unstable_dataSource?.getGroupKey;
+    const getGroupKey = props.dataSource?.getGroupKey;
     if (!getGroupKey) {
       throw new Error('MUI X: No `getGroupKey` method provided with the dataSource.');
     }
-    const getChildrenCount = props.unstable_dataSource?.getChildrenCount;
+    const getChildrenCount = props.dataSource?.getChildrenCount;
     if (!getChildrenCount) {
       throw new Error('MUI X: No `getChildrenCount` method provided with the dataSource.');
     }
@@ -64,7 +64,7 @@ const useGridDataSourceRowGroupingPreProcessors = (apiRef, props) => {
       isGroupExpandedByDefault: props.isGroupExpandedByDefault,
       groupingName: _gridRowGroupingUtils.RowGroupingStrategy.DataSource
     });
-  }, [apiRef, props.unstable_dataSource, props.defaultGroupingExpansionDepth, props.isGroupExpandedByDefault]);
+  }, [apiRef, props.dataSource, props.defaultGroupingExpansionDepth, props.isGroupExpandedByDefault]);
   const filterRows = React.useCallback(() => {
     const rowTree = (0, _xDataGridPro.gridRowTreeSelector)(apiRef);
     return (0, _internals.skipFiltering)(rowTree);

package/hooks/features/rowGrouping/useGridRowGrouping.d.ts

@@ -1,11 +1,11 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridStateInitializer } from '@mui/x-data-grid-pro/internals';
-import { GridPrivateApiPremium } from '../../../models/gridApiPremium';
-import { DataGridPremiumProcessedProps } from '../../../models/dataGridPremiumProps';
+import { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
+import { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.js";
 export declare const rowGroupingStateInitializer: GridStateInitializer<Pick<DataGridPremiumProcessedProps, 'rowGroupingModel' | 'initialState'>>;
 /**
  * @requires useGridColumns (state, method) - can be after, async only
  * @requires useGridRows (state, method) - can be after, async only
  * @requires useGridParamsApi (method) - can be after, async only
  */
-export declare const useGridRowGrouping: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "initialState" | "rowGroupingModel" | "onRowGroupingModelChange" | "defaultGroupingExpansionDepth" | "isGroupExpandedByDefault" | "groupingColDef" | "rowGroupingColumnMode" | "disableRowGrouping" | "slotProps" | "slots" | "unstable_dataSource">) => void;
+export declare const useGridRowGrouping: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "initialState" | "rowGroupingModel" | "onRowGroupingModelChange" | "defaultGroupingExpansionDepth" | "isGroupExpandedByDefault" | "groupingColDef" | "rowGroupingColumnMode" | "disableRowGrouping" | "slotProps" | "slots" | "dataSource">) => void;

package/hooks/features/rowGrouping/useGridRowGrouping.js

@@ -46,7 +46,6 @@ const useGridRowGrouping = (apiRef, props) => {
     if (currentModel !== model) {
       apiRef.current.setState((0, _gridRowGroupingUtils.mergeStateWithRowGroupingModel)(model));
       (0, _gridRowGroupingUtils.setStrategyAvailability)(apiRef, props.disableRowGrouping);
-      apiRef.current.forceUpdate();
     }
   }, [apiRef, props.disableRowGrouping]);
   const addRowGroupingCriteria = React.useCallback((field, groupingIndex) => {
@@ -150,13 +149,13 @@ const useGridRowGrouping = (apiRef, props) => {
       if (!isOnGroupingCell) {
         return;
       }
-      if (props.unstable_dataSource && !params.rowNode.childrenExpanded) {
-        apiRef.current.unstable_dataSource.fetchRows(params.id);
+      if (props.dataSource && !params.rowNode.childrenExpanded) {
+        apiRef.current.dataSource.fetchRows(params.id);
         return;
       }
       apiRef.current.setRowChildrenExpansion(params.id, !params.rowNode.childrenExpanded);
     }
-  }, [apiRef, props.rowGroupingColumnMode, props.unstable_dataSource]);
+  }, [apiRef, props.rowGroupingColumnMode, props.dataSource]);
   const checkGroupingColumnsModelDiff = React.useCallback(() => {
     const sanitizedRowGroupingModel = (0, _gridRowGroupingSelector.gridRowGroupingSanitizedModelSelector)(apiRef);
     const rulesOnLastRowTreeCreation = apiRef.current.caches.rowGrouping.rulesOnLastRowTreeCreation || [];
@@ -179,7 +178,7 @@ const useGridRowGrouping = (apiRef, props) => {
   (0, _xDataGridPro.useGridApiEventHandler)(apiRef, 'cellKeyDown', handleCellKeyDown);
   (0, _xDataGridPro.useGridApiEventHandler)(apiRef, 'columnsChange', checkGroupingColumnsModelDiff);
   (0, _xDataGridPro.useGridApiEventHandler)(apiRef, 'rowGroupingModelChange', checkGroupingColumnsModelDiff);
-  (0, _xDataGridPro.useGridApiEventHandler)(apiRef, 'rowGroupingModelChange', () => apiRef.current.unstable_dataSource.fetchRows());
+  (0, _xDataGridPro.useGridApiEventHandler)(apiRef, 'rowGroupingModelChange', () => apiRef.current.dataSource.fetchRows());
 
   /*
    * EFFECTS

package/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from '@mui/x-internals/types';
-import { DataGridPremiumProcessedProps } from '../../../models/dataGridPremiumProps';
-import { GridPrivateApiPremium } from '../../../models/gridApiPremium';
-export declare const useGridRowGroupingPreProcessors: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "disableRowGrouping" | "groupingColDef" | "rowGroupingColumnMode" | "defaultGroupingExpansionDepth" | "isGroupExpandedByDefault" | "unstable_dataSource">) => void;
+import { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.js";
+import { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
+export declare const useGridRowGroupingPreProcessors: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "disableRowGrouping" | "groupingColDef" | "rowGroupingColumnMode" | "defaultGroupingExpansionDepth" | "isGroupExpandedByDefault" | "dataSource">) => void;

package/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js

@@ -16,7 +16,7 @@ const useGridRowGroupingPreProcessors = (apiRef, props) => {
     if (props.disableRowGrouping) {
       return [];
     }
-    const strategy = props.unstable_dataSource ? _gridRowGroupingUtils.RowGroupingStrategy.DataSource : _gridRowGroupingUtils.RowGroupingStrategy.Default;
+    const strategy = props.dataSource ? _gridRowGroupingUtils.RowGroupingStrategy.DataSource : _gridRowGroupingUtils.RowGroupingStrategy.Default;
     const groupingColDefProp = props.groupingColDef;
 
     // We can't use `gridGroupingRowsSanitizedModelSelector` here because the new columns are not in the state yet
@@ -50,7 +50,7 @@ const useGridRowGroupingPreProcessors = (apiRef, props) => {
           return [];
         }
     }
-  }, [apiRef, props.groupingColDef, props.rowGroupingColumnMode, props.disableRowGrouping, props.unstable_dataSource]);
+  }, [apiRef, props.groupingColDef, props.rowGroupingColumnMode, props.disableRowGrouping, props.dataSource]);
   const updateGroupingColumn = React.useCallback(columnsState => {
     const groupingColDefs = getGroupingColDefs(columnsState);
     let newColumnFields = [];
@@ -155,15 +155,15 @@ const useGridRowGroupingPreProcessors = (apiRef, props) => {
   (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _gridRowGroupingUtils.RowGroupingStrategy.Default, 'sorting', sortRows);
   (0, _internals.useGridRegisterStrategyProcessor)(apiRef, _gridRowGroupingUtils.RowGroupingStrategy.Default, 'visibleRowsLookupCreation', _internals.getVisibleRowsLookup);
   (0, _xDataGridPro.useFirstRender)(() => {
-    (0, _gridRowGroupingUtils.setStrategyAvailability)(apiRef, props.disableRowGrouping, props.unstable_dataSource);
+    (0, _gridRowGroupingUtils.setStrategyAvailability)(apiRef, props.disableRowGrouping, props.dataSource);
   });
   const isFirstRender = React.useRef(true);
   React.useEffect(() => {
     if (!isFirstRender.current) {
-      (0, _gridRowGroupingUtils.setStrategyAvailability)(apiRef, props.disableRowGrouping, props.unstable_dataSource);
+      (0, _gridRowGroupingUtils.setStrategyAvailability)(apiRef, props.disableRowGrouping, props.dataSource);
     } else {
       isFirstRender.current = false;
     }
-  }, [apiRef, props.disableRowGrouping, props.unstable_dataSource]);
+  }, [apiRef, props.disableRowGrouping, props.dataSource]);
 };
 exports.useGridRowGroupingPreProcessors = useGridRowGroupingPreProcessors;

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

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

package/hooks/features/rows/useGridRowAriaAttributes.d.ts

@@ -1 +1 @@
-export declare const useGridRowAriaAttributes: () => (rowNode: import("@mui/x-data-grid").GridTreeNode, index: number) => React.HTMLAttributes<HTMLElement>;
+export declare const useGridRowAriaAttributes: () => (rowNode: import("@mui/x-data-grid").GridTreeNode, index: number) => React.HTMLAttributes<HTMLElement>;

package/hooks/index.d.ts

@@ -1,2 +1,2 @@
-export * from './features';
-export * from './utils';
+export * from "./features/index.js";
+export * from "./utils/index.js";

package/hooks/utils/index.d.ts

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

package/hooks/utils/useGridApiContext.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridApiCommon } from '@mui/x-data-grid';
-import { GridApiPremium } from '../../models/gridApiPremium';
-export declare const useGridApiContext: <Api extends GridApiCommon = GridApiPremium>() => RefObject<Api>;
+import { GridApiPremium } from "../../models/gridApiPremium.js";
+export declare const useGridApiContext: <Api extends GridApiCommon = GridApiPremium>() => RefObject<Api>;

package/hooks/utils/useGridApiRef.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridApiCommon } from '@mui/x-data-grid';
-import { GridApiPremium } from '../../models/gridApiPremium';
-export declare const useGridApiRef: <Api extends GridApiCommon = GridApiPremium>() => RefObject<Api | null>;
+import { GridApiPremium } from "../../models/gridApiPremium.js";
+export declare const useGridApiRef: <Api extends GridApiCommon = GridApiPremium>() => RefObject<Api | null>;

package/hooks/utils/useGridAriaAttributes.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const useGridAriaAttributes: () => React.HTMLAttributes<HTMLElement>;
+export declare const useGridAriaAttributes: () => React.HTMLAttributes<HTMLElement>;

package/hooks/utils/useGridPrivateApiContext.d.ts

@@ -1,2 +1,2 @@
-import { GridPrivateApiPremium } from '../../models/gridApiPremium';
-export declare const useGridPrivateApiContext: () => import("react").RefObject<GridPrivateApiPremium>;
+import { GridPrivateApiPremium } from "../../models/gridApiPremium.js";
+export declare const useGridPrivateApiContext: () => import("react").RefObject<GridPrivateApiPremium>;

package/hooks/utils/useGridRootProps.d.ts

@@ -1,2 +1,2 @@
-import { DataGridPremiumProcessedProps } from '../../models/dataGridPremiumProps';
-export declare const useGridRootProps: () => DataGridPremiumProcessedProps;
+import { DataGridPremiumProcessedProps } from "../../models/dataGridPremiumProps.js";
+export declare const useGridRootProps: () => DataGridPremiumProcessedProps;

package/hooks/utils/useKeepGroupedColumnsHidden.d.ts

@@ -1,12 +1,12 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridApi } from '@mui/x-data-grid-pro';
-import { GridInitialStatePremium } from '../../models/gridStatePremium';
-import { DataGridPremiumProps } from '../../models/dataGridPremiumProps';
+import { GridInitialStatePremium } from "../../models/gridStatePremium.js";
+import { DataGridPremiumProps } from "../../models/dataGridPremiumProps.js";
 /**
  * Automatically hide columns when added to the row grouping model and stop hiding them when they are removed.
  * Handles both the `props.initialState.rowGrouping.model` and `props.rowGroupingModel`
  * Does not work when used with the `hide` property of `GridColDef`
  */
 export declare const useKeepGroupedColumnsHidden: (props: {
-    apiRef: RefObject<GridApi | null>;
-} & Pick<DataGridPremiumProps, "initialState" | "rowGroupingModel">) => GridInitialStatePremium;
+  apiRef: RefObject<GridApi | null>;
+} & Pick<DataGridPremiumProps, "initialState" | "rowGroupingModel">) => GridInitialStatePremium;

package/index.d.ts

@@ -1,11 +1,4 @@
-import './typeOverloads';
-import { LicenseInfo as LicenseInfoExport } from '@mui/x-license';
-/**
- * @deprecated Use `@mui/x-license` package instead:
- * @example import { LicenseInfo } from '@mui/x-license';
- */
-export declare class LicenseInfo extends LicenseInfoExport {
-}
+import "./typeOverloads/index.js";
 export * from '@mui/x-data-grid/components';
 export * from '@mui/x-data-grid-pro/components';
 export * from '@mui/x-data-grid/constants';
@@ -17,15 +10,14 @@ export * from '@mui/x-data-grid/context';
 export * from '@mui/x-data-grid/colDef';
 export * from '@mui/x-data-grid/utils';
 export * from '@mui/x-data-grid-pro/utils';
-export * from './DataGridPremium';
-export * from './hooks';
-export * from './models';
-export * from './components';
+export * from "./DataGridPremium/index.js";
+export * from "./hooks/index.js";
+export * from "./models/index.js";
+export * from "./components/index.js";
 export { GridColumnHeaders } from '@mui/x-data-grid-pro';
 export type { GridColumnHeadersProps } from '@mui/x-data-grid-pro';
-export type { DataGridPremiumProps, GridExperimentalPremiumFeatures, } from './models/dataGridPremiumProps';
-export { useGridApiContext, useGridApiRef, useGridRootProps } from './typeOverloads/reexports';
+export type { DataGridPremiumProps, GridExperimentalPremiumFeatures } from './models/dataGridPremiumProps';
+export { useGridApiContext, useGridApiRef, useGridRootProps } from "./typeOverloads/reexports.js";
 export type { GridApi, GridInitialState, GridState } from './typeOverloads/reexports';
-export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS, } from './components/reexports';
-export type { GridDataSourceCache } from '@mui/x-data-grid-pro';
-export type { GridGetRowsParamsPremium as GridGetRowsParams, GridGetRowsResponsePremium as GridGetRowsResponse, GridDataSourcePremium as GridDataSource, GridDataSourceApiPremium as GridDataSourceApi, GridDataSourceApiBasePremium as GridDataSourceApiBase, GridDataSourcePremiumPrivateApi as GridDataSourcePrivateApi, } from './hooks/features/dataSource/models';
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./components/reexports.js";
+export type { GridGetRowsParamsPremium as GridGetRowsParams, GridGetRowsResponsePremium as GridGetRowsResponse, GridDataSourcePremium as GridDataSource, GridDataSourceApiPremium as GridDataSourceApi, GridDataSourceApiBasePremium as GridDataSourceApiBase, GridDataSourcePremiumPrivateApi as GridDataSourcePrivateApi } from './hooks/features/dataSource/models';