@mui/x-data-grid 5.3.0 → 5.4.0

package/x-data-grid.d.ts

@@ -17,13 +17,11 @@ import { InternalStandardProps } from '@mui/material';
 import { TextFieldProps } from '@mui/material/TextField';
 import { ButtonProps } from '@mui/material/Button';
 import { TooltipProps } from '@mui/material/Tooltip';
-import * as reselect from 'reselect';
 
 interface GridBodyProps {
     children?: React$1.ReactNode;
     VirtualScrollerComponent: React$1.JSXElementConstructor<React$1.HTMLAttributes<HTMLDivElement> & {
         ref: React$1.Ref<HTMLDivElement>;
-        selectionLookup: {};
         disableVirtualization: boolean;
     }>;
     ColumnHeadersComponent: React$1.JSXElementConstructor<React$1.HTMLAttributes<HTMLDivElement> & {
@@ -208,6 +206,7 @@ declare function checkGridRowIdIsValid(id: GridRowId, row: GridRowModel | Partia
 
 interface GridEditCellProps {
     value: GridCellValue;
+    isValidating?: boolean;
     [prop: string]: any;
 }
 declare type GridEditRowProps = {
@@ -291,7 +290,20 @@ interface GridRowParams<R extends GridRowModel = GridRowModel> {
      * @deprecated Use `params.row` to directly access the fields you want instead.
      */
     getValue: (id: GridRowId, field: string) => GridCellValue;
-}
+}
+/**
+ * Object passed as parameter in the row getRowHeight callback.
+ */
+interface GridRowHeightParams extends GridRowEntry {
+    /**
+     * The grid current density factor.
+     */
+    densityFactor: number;
+}
+/**
+ * The getRowHeight return value.
+ */
+declare type GridRowHeightReturnValue = number | null | undefined;
 
 interface GridParamsApi {
     /**
@@ -826,306 +838,24 @@ interface GridColumnMenuState {
     field?: string;
 }
 
-declare const gridColumnMenuSelector: (state: GridState) => GridColumnMenuState;
-
-interface GridColumnResizeState {
-    resizingColumnField: string;
+interface OutputSelector<Result> {
+    (stateOrApiRef: GridApiRef | GridState): Result;
+    cache: object;
 }
 
-declare const gridColumnResizeSelector: (state: GridState) => GridColumnResizeState;
-declare const gridResizingColumnFieldSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => string) & reselect.OutputSelectorFields<(args_0: GridColumnResizeState) => string & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-
-declare const gridPinnedColumnsSelector: (state: GridState) => GridPinnedColumns;
-
-interface GridPinnedColumns {
-    left?: string[];
-    right?: string[];
-}
-declare enum GridPinnedPosition {
-    left = "left",
-    right = "right"
+interface GridColumnReorderState {
+    dragCol: string;
 }
-/**
- * The column pinning API interface that is available in the grid [[apiRef]].
- */
-interface GridColumnPinningApi {
-    /**
-     * Pins a column to the left or right side of the grid.
-     * @param {string} field The column field to pin.
-     * @param {GridPinnedPosition} side Which side to pin the column.
-     */
-    pinColumn: (field: string, side: GridPinnedPosition) => void;
-    /**
-     * Unpins a column.
-     * @param {string} field The column field to unpin.
-     */
-    unpinColumn: (field: string) => void;
-    /**
-     * Returns which columns are pinned.
-     * @returns {GridPinnedColumns} An object containing the pinned columns.
-     */
-    getPinnedColumns: () => GridPinnedColumns;
-    /**
-     * Changes the pinned columns.
-     * @param {GridPinnedColumns} pinnedColumns An object containing the columns to pin.
-     */
-    setPinnedColumns: (pinnedColumns: GridPinnedColumns) => void;
-    /**
-     * Returns which side a column is pinned to.
-     * @param {string} field The column field to check.
-     * @returns {string | false} Which side the column is pinned or `false` if not pinned.
-     */
-    isColumnPinned: (field: string) => GridPinnedPosition | false;
+interface GridCanBeReorderedPreProcessingContext {
+    targetIndex: number;
 }
 
-declare type GridColumnPinningState = GridPinnedColumns;
-
-declare const gridColumnsSelector: (state: GridState) => GridColumnsState;
-declare const allGridColumnsFieldsSelector: (state: GridState) => string[];
-declare const gridColumnLookupSelector: (state: GridState) => GridColumnLookup;
-declare const allGridColumnsSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridStateColDef[]) & reselect.OutputSelectorFields<(args_0: string[], args_1: GridColumnLookup) => GridStateColDef[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const gridColumnVisibilityModelSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridColumnVisibilityModel) & reselect.OutputSelectorFields<(args_0: GridColumnsState) => GridColumnVisibilityModel & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const visibleGridColumnsSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridStateColDef[]) & reselect.OutputSelectorFields<(args_0: GridStateColDef[], args_1: GridColumnVisibilityModel) => GridStateColDef[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const gridVisibleColumnFieldsSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => string[]) & reselect.OutputSelectorFields<(args_0: GridStateColDef[]) => string[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const gridColumnsMetaSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => {
-    totalWidth: number;
-    positions: number[];
-}) & reselect.OutputSelectorFields<(args_0: GridStateColDef[]) => {
-    totalWidth: number;
-    positions: number[];
-} & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const filterableGridColumnsSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridStateColDef[]) & reselect.OutputSelectorFields<(args_0: GridStateColDef[]) => GridStateColDef[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const filterableGridColumnsIdsSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => string[]) & reselect.OutputSelectorFields<(args_0: GridStateColDef[]) => string[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const visibleGridColumnsLengthSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => number) & reselect.OutputSelectorFields<(args_0: GridStateColDef[]) => number & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const gridColumnsTotalWidthSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => number) & reselect.OutputSelectorFields<(args_0: {
-    totalWidth: number;
-    positions: number[];
-}) => number & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
+declare const gridColumnReorderSelector: (state: GridState) => GridColumnReorderState;
+declare const gridColumnReorderDragColSelector: OutputSelector<string>;
 
-/**
- * @deprecated Should have been internal only, you can inline the logic.
- */
-declare const getGridColDef: (columnTypes: GridColumnTypesRecord, type: GridColType | undefined) => GridColTypeDef;
+interface GridColumnResizeState {
+    resizingColumnField: string;
+}
 
 /**
  * Available densities.
@@ -1144,80 +874,182 @@ interface GridDensityState {
     value: GridDensity;
     rowHeight: number;
     headerHeight: number;
+    factor: number;
 }
 
-declare const gridDensitySelector: (state: GridState) => GridDensityState;
-declare const gridDensityValueSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridDensity) & reselect.OutputSelectorFields<(args_0: GridDensityState) => GridDensity & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
+declare type GridCellIdentifier = {
+    id: GridRowId;
+    field: string;
 };
-declare const gridDensityRowHeightSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => number) & reselect.OutputSelectorFields<(args_0: GridDensityState) => number & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
+declare type GridColumnIdentifier = {
+    field: string;
 };
-declare const gridDensityHeaderHeightSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => number) & reselect.OutputSelectorFields<(args_0: GridDensityState) => number & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
+interface GridFocusState {
+    cell: GridCellIdentifier | null;
+    columnHeader: GridColumnIdentifier | null;
+}
+interface GridTabIndexState {
+    cell: GridCellIdentifier | null;
+    columnHeader: GridColumnIdentifier | null;
+}
+
+declare enum GridPreferencePanelsValue {
+    filters = "filters",
+    columns = "columns"
+}
+
+interface GridPreferencePanelState {
+    open: boolean;
+    openedPanelValue?: GridPreferencePanelsValue;
+}
+declare type GridPreferencePanelInitialState = GridPreferencePanelState;
+
+interface GridRowGroupParams {
+    ids: GridRowId[];
+    idRowsLookup: GridRowsLookup;
+    previousTree: GridRowTreeConfig | null;
+}
+interface GridRowGroupingResult {
+    /**
+     * Name of the algorithm used to group the rows
+     * It is useful to decide which filtering / sorting algorithm to apply, to avoid applying tree-data filtering on a grouping-by-column dataset for instance.
+     */
+    groupingName: string;
+    tree: GridRowTreeConfig;
+    treeDepth: number;
+    ids: GridRowId[];
+    idRowsLookup: GridRowsLookup;
+}
+declare type GridRowGroupingPreProcessing = (params: GridRowGroupParams) => GridRowGroupingResult | null;
+interface GridRowGroupsPreProcessingApi {
+    /**
+     * Register a column pre-processing and emit an event to re-apply the row grouping pre-processing.
+     * @param {string} processingName Name of the pre-processing. Used to clean the previous version of the pre-processing.
+     * @param {GridRowGroupingPreProcessing} columnsPreProcessing Pre-processing to register.
+     * @ignore - do not document.
+     */
+    unstable_registerRowGroupsBuilder: (processingName: string, groupingFunction: GridRowGroupingPreProcessing | null) => void;
+    /**
+     * Apply the first row grouping pre-processing that does not return null.
+     * @param {GridRowsLookup} rowsLookup. Lookup of the rows to group.
+     * @param {GridRowId[]} List of the rows IDs.
+     * @returns {GridRowGroupingResult} The grouped rows.
+     * @ignore - do not document.
+     */
+    unstable_groupRows: (params: GridRowGroupParams) => GridRowGroupingResult;
+}
+
+interface GridRowsState extends GridRowGroupingResult {
+    /**
+     * Amount of rows before applying the filtering.
+     * It also count the expanded and collapsed children rows.
+     */
+    totalRowCount: number;
+    /**
+     * Amount of rows before applying the filtering.
+     * It does not count the expanded children rows.
+     */
+    totalTopLevelRowCount: number;
+}
+
+declare type GridInputSelectionModel = GridRowId[] | GridRowId;
+declare type GridSelectionModel = GridRowId[];
+
+interface GridSortingState {
+    sortedRows: GridRowId[];
+    sortModel: GridSortModel;
+}
+interface GridSortingInitialState {
+    sortModel?: GridSortModel;
+}
+declare type GridSortingModelApplier = (rowList: GridRowTreeNodeConfig[]) => GridRowId[];
+interface GridSortingParams {
+    sortRowList: GridSortingModelApplier | null;
+}
+declare type GridSortingMethod = (params: GridSortingParams) => GridRowId[];
+declare type GridSortingMethodCollection = {
+    [methodName: string]: GridSortingMethod;
 };
 
-declare const gridEditRowsStateSelector: (state: GridState) => GridEditRowsModel;
+interface GridPaginationState {
+    pageSize: number;
+    page: number;
+    pageCount: number;
+    rowCount: number;
+}
+interface GridPaginationInitialState {
+    pageSize?: number;
+    page?: number;
+}
+/**
+ * The apiRef methods handled by `useGridPageSize`
+ */
+interface GridPageSizeApi {
+    /**
+     * Sets the number of displayed rows to the value given by `pageSize`.
+     * @param {number} pageSize The new number of displayed rows.
+     */
+    setPageSize: (pageSize: number) => void;
+}
+/**
+ * The apiRef methods handled by `useGridPage`
+ */
+interface GridPageApi {
+    /**
+     * Sets the displayed page to the value given by `page`.
+     * @param {number} page The new page number.
+     */
+    setPage: (page: number) => void;
+}
+/**
+ * The pagination API interface that is available in the grid [[apiRef]].
+ */
+interface GridPaginationApi extends GridPageApi, GridPageSizeApi {
+}
+
+/**
+ * @category Pagination
+ * @ignore - do not document.
+ */
+declare const gridPaginationSelector: (state: GridState) => GridPaginationState;
+/**
+ * Get the index of the page to render if the pagination is enabled
+ * @category Pagination
+ */
+declare const gridPageSelector: OutputSelector<number>;
+/**
+ * Get the maximum amount of rows to display on a single page if the pagination is enabled
+ * @category Pagination
+ */
+declare const gridPageSizeSelector: OutputSelector<number>;
+/**
+ * Get the amount of pages needed to display all the rows if the pagination is enabled
+ * @category Pagination
+ */
+declare const gridPageCountSelector: OutputSelector<number>;
+/**
+ * Get the index of the first and the last row to include in the current page if the pagination is enabled.
+ * @category Pagination
+ */
+declare const gridPaginationRowRangeSelector: OutputSelector<{
+    firstRowIndex: number;
+    lastRowIndex: number;
+} | null>;
+/**
+ * Get the id and the model of each row to include in the current page if the pagination is enabled.
+ * @category Pagination
+ */
+declare const gridPaginatedVisibleSortedGridRowEntriesSelector: OutputSelector<{
+    id: GridRowId;
+    model: {
+        [key: string]: any;
+    };
+}[]>;
+/**
+ * Get the id of each row to include in the current page if the pagination is enabled.
+ * @category Pagination
+ */
+declare const gridPaginatedVisibleSortedGridRowIdsSelector: OutputSelector<GridRowId[]>;
 
 /**
  * Model describing the filters to apply to the grid.
@@ -1238,9 +1070,16 @@ interface GridFilterModel {
 declare const getDefaultGridFilterModel: () => GridFilterModel;
 interface GridFilterState {
     filterModel: GridFilterModel;
+    /**
+     * Filtering status for each row.
+     * A row is filtered if it is passing the filters, whether its parents are expanded or not.
+     * If a row is not registered in this lookup, it is filtered.
+     * This is the equivalent of the `visibleRowsLookup` if all the groups were expanded.
+     */
+    filteredRowsLookup: Record<GridRowId, boolean>;
     /**
      * Visibility status for each row.
-     * A row is visible if it is passing the filters AND if its parent is expanded.
+     * A row is visible if it is passing the filters AND if its parents are expanded.
      * If a row is not registered in this lookup, it is visible.
      */
     visibleRowsLookup: Record<GridRowId, boolean>;
@@ -1263,221 +1102,46 @@ declare type GridAggregatedFilterItemApplier = (rowId: GridRowId, shouldApplyIte
 interface GridFilteringParams {
     isRowMatchingFilters: GridAggregatedFilterItemApplier | null;
 }
-declare type GridFilteringMethod = (params: GridFilteringParams) => Pick<GridFilterState, 'visibleRowsLookup' | 'filteredDescendantCountLookup'>;
+declare type GridFilteringMethod = (params: GridFilteringParams) => Omit<GridFilterState, 'filterModel'>;
 declare type GridFilteringMethodCollection = {
     [methodName: string]: GridFilteringMethod;
 };
 
-interface GridRowGroupParams {
-    ids: GridRowId[];
-    idRowsLookup: GridRowsLookup;
-    previousTree: GridRowTreeConfig | null;
+declare type GridRowGroupingModel = string[];
+interface GridRowGroupingState {
+    model: GridRowGroupingModel;
 }
-interface GridRowGroupingResult {
-    /**
-     * Name of the algorithm used to group the rows
-     * It is useful to decide which filtering / sorting algorithm to apply, to avoid applying tree-data filtering on a grouping-by-column dataset for instance.
-     */
-    groupingName: string;
-    tree: GridRowTreeConfig;
-    treeDepth: number;
-    ids: GridRowId[];
-    idRowsLookup: GridRowsLookup;
+interface GridRowGroupingInitialState {
+    model?: GridRowGroupingModel;
 }
-declare type GridRowGroupingPreProcessing = (params: GridRowGroupParams) => GridRowGroupingResult | null;
-interface GridRowGroupsPreProcessingApi {
+interface GridRowGroupingApi {
     /**
-     * Register a column pre-processing and emit an event to re-apply the row grouping pre-processing.
-     * @param {string} processingName Name of the pre-processing. Used to clean the previous version of the pre-processing.
-     * @param {GridRowGroupingPreProcessing} columnsPreProcessing Pre-processing to register.
-     * @ignore - do not document.
+     * Sets the columns to use as grouping criteria.
+     * @param {GridRowGroupingModel} model The columns to use as grouping criteria.
      */
-    unstable_registerRowGroupsBuilder: (processingName: string, groupingFunction: GridRowGroupingPreProcessing | null) => void;
+    setRowGroupingModel: (model: GridRowGroupingModel) => void;
     /**
-     * Apply the first row grouping pre-processing that does not return null.
-     * @param {GridRowsLookup} rowsLookup. Lookup of the rows to group.
-     * @param {GridRowId[]} List of the rows IDs.
-     * @returns {GridRowGroupingResult} The grouped rows.
-     * @ignore - do not document.
+     * 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.
      */
-    unstable_groupRows: (params: GridRowGroupParams) => GridRowGroupingResult;
-}
-
-interface GridRowsState extends GridRowGroupingResult {
+    addRowGroupingCriteria: (groupingCriteriaField: string, groupingIndex?: number) => void;
     /**
-     * Amount of rows before applying the filtering.
-     * It also count the expanded and collapsed children rows.
+     * sRemove the field from the row grouping model.
+     * @param {string} groupingCriteriaField The field from which we want to stop grouping the rows.
      */
-    totalRowCount: number;
+    removeRowGroupingCriteria: (groupingCriteriaField: string) => void;
     /**
-     * Amount of rows before applying the filtering.
-     * It does not count the expanded children rows.
+     * 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.
      */
-    totalTopLevelRowCount: number;
+    setRowGroupingCriteriaIndex: (groupingCriteriaField: string, groupingIndex: number) => void;
 }
 
-declare const gridRowsStateSelector: (state: GridState) => GridRowsState;
-declare const gridRowCountSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => number) & reselect.OutputSelectorFields<(args_0: GridRowsState) => number & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const gridTopLevelRowCountSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => number) & reselect.OutputSelectorFields<(args_0: GridRowsState) => number & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const gridRowsLookupSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridRowsLookup) & reselect.OutputSelectorFields<(args_0: GridRowsState) => GridRowsLookup & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const gridRowTreeSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridRowTreeConfig) & reselect.OutputSelectorFields<(args_0: GridRowsState) => GridRowTreeConfig & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const gridRowGroupingNameSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => string) & reselect.OutputSelectorFields<(args_0: GridRowsState) => string & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const gridRowTreeDepthSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => number) & reselect.OutputSelectorFields<(args_0: GridRowsState) => number & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const gridRowIdsSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridRowId[]) & reselect.OutputSelectorFields<(args_0: GridRowsState) => GridRowId[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
+declare const gridRowGroupingStateSelector: (state: GridState) => GridRowGroupingState;
+declare const gridRowGroupingModelSelector: OutputSelector<GridRowGroupingModel>;
+declare const gridRowGroupingSanitizedModelSelector: OutputSelector<string[]>;
 
 /**
  * @category Filtering
@@ -1488,1064 +1152,95 @@ declare const gridFilterStateSelector: (state: GridState) => GridFilterState;
  * Get the current filter model.
  * @category Filtering
  */
-declare const gridFilterModelSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridFilterModel) & reselect.OutputSelectorFields<(args_0: GridFilterState) => GridFilterModel & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
+declare const gridFilterModelSelector: OutputSelector<GridFilterModel>;
 /**
  * @category Filtering
  * @ignore - do not document.
  */
-declare const gridVisibleRowsLookupSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => Record<GridRowId, boolean>) & reselect.OutputSelectorFields<(args_0: GridFilterState) => Record<GridRowId, boolean> & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
+declare const gridVisibleRowsLookupSelector: OutputSelector<Record<GridRowId, boolean>>;
 /**
  * @category Filtering
  * @ignore - do not document.
  */
-declare const gridFilteredDescendantCountLookupSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => Record<GridRowId, number>) & reselect.OutputSelectorFields<(args_0: GridFilterState) => Record<GridRowId, number> & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
+declare const gridFilteredRowsLookupSelector: OutputSelector<Record<GridRowId, boolean>>;
+/**
+ * @category Filtering
+ * @ignore - do not document.
+ */
+declare const gridFilteredDescendantCountLookupSelector: OutputSelector<Record<GridRowId, number>>;
 /**
  * Get the id and the model of the rows accessible after the filtering process.
+ * Does not contain the collapsed children.
  * @category Filtering
  */
-declare const gridVisibleSortedRowEntriesSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => {
-    id: GridRowId;
-    model: {
-        [key: string]: any;
-    };
-}[]) & reselect.OutputSelectorFields<(args_0: Record<GridRowId, boolean>, args_1: {
-    id: GridRowId;
-    model: {
-        [key: string]: any;
-    };
-}[]) => {
+declare const gridVisibleSortedRowEntriesSelector: OutputSelector<{
     id: GridRowId;
     model: {
         [key: string]: any;
     };
-}[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
+}[]>;
 /**
  * Get the id of the rows accessible after the filtering process.
+ * Does not contain the collapsed children.
  * @category Filtering
  */
-declare const gridVisibleSortedRowIdsSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridRowId[]) & reselect.OutputSelectorFields<(args_0: {
+declare const gridVisibleSortedRowIdsSelector: OutputSelector<GridRowId[]>;
+/**
+ * Get the id and the model of the rows accessible after the filtering process.
+ * Contains the collapsed children.
+ * @category Filtering
+ */
+declare const gridFilteredSortedRowEntriesSelector: OutputSelector<{
     id: GridRowId;
     model: {
         [key: string]: any;
     };
-}[]) => GridRowId[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
+}[]>;
+/**
+ * Get the id of the rows accessible after the filtering process.
+ * Contains the collapsed children.
+ * @category Filtering
+ */
+declare const gridFilteredSortedRowIdsSelector: OutputSelector<GridRowId[]>;
 /**
  * @category Filtering
  * @deprecated Use `gridVisibleSortedRowIdsSelector` instead
  * @ignore - do not document.
  */
-declare const gridVisibleRowsSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridRowId[]) & reselect.OutputSelectorFields<(args_0: {
+declare const gridVisibleRowsSelector: OutputSelector<GridRowId[]>;
+/**
+ * Get the id and the model of the top level rows accessible after the filtering process.
+ * @category Filtering
+ */
+declare const gridVisibleSortedTopLevelRowEntriesSelector: OutputSelector<{
     id: GridRowId;
     model: {
         [key: string]: any;
     };
-}[]) => GridRowId[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
+}[]>;
 /**
- * Get the id and the model of the top level rows accessible after the filtering process.
+ * Get the amount of rows accessible after the filtering process.
  * @category Filtering
  */
-declare const gridVisibleSortedTopLevelRowEntriesSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => {
-    id: GridRowId;
-    model: {
-        [key: string]: any;
-    };
-}[]) & reselect.OutputSelectorFields<(args_0: {
-    id: GridRowId;
-    model: {
-        [key: string]: any;
-    };
-}[], args_1: GridRowTreeConfig, args_2: number) => {
-    id: GridRowId;
-    model: {
-        [key: string]: any;
-    };
-}[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-/**
- * Get the amount of rows accessible after the filtering process.
- * @category Filtering
- */
-declare const gridVisibleRowCountSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => number) & reselect.OutputSelectorFields<(args_0: {
-    id: GridRowId;
-    model: {
-        [key: string]: any;
-    };
-}[]) => number & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-/**
- * Get the amount of top level rows accessible after the filtering process.
- * @category Filtering
- */
-declare const gridVisibleTopLevelRowCountSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => number) & reselect.OutputSelectorFields<(args_0: {
-    id: GridRowId;
-    model: {
-        [key: string]: any;
-    };
-}[]) => number & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-/**
- * @category Filtering
- * @ignore - do not document.
- */
-declare const gridFilterActiveItemsSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridFilterItem[]) & reselect.OutputSelectorFields<(args_0: GridFilterModel, args_1: GridColumnLookup) => GridFilterItem[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare type GridFilterActiveItemsLookup = {
-    [columnField: string]: GridFilterItem[];
-};
-/**
- * @category Filtering
- * @ignore - do not document.
- */
-declare const gridFilterActiveItemsLookupSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridFilterActiveItemsLookup) & reselect.OutputSelectorFields<(args_0: GridFilterItem[]) => GridFilterActiveItemsLookup & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-
-declare type GridCellIdentifier = {
-    id: GridRowId;
-    field: string;
-};
-declare type GridColumnIdentifier = {
-    field: string;
-};
-interface GridFocusState {
-    cell: GridCellIdentifier | null;
-    columnHeader: GridColumnIdentifier | null;
-}
-interface GridTabIndexState {
-    cell: GridCellIdentifier | null;
-    columnHeader: GridColumnIdentifier | null;
-}
-
-declare const gridFocusStateSelector: (state: GridState) => GridFocusState;
-declare const gridFocusCellSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridCellIdentifier | null) & reselect.OutputSelectorFields<(args_0: GridFocusState) => GridCellIdentifier & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const gridFocusColumnHeaderSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridColumnIdentifier | null) & reselect.OutputSelectorFields<(args_0: GridFocusState) => GridColumnIdentifier & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const gridTabIndexStateSelector: (state: GridState) => GridTabIndexState;
-declare const gridTabIndexCellSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridCellIdentifier | null) & reselect.OutputSelectorFields<(args_0: GridTabIndexState) => GridCellIdentifier & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const gridTabIndexColumnHeaderSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridColumnIdentifier | null) & reselect.OutputSelectorFields<(args_0: GridTabIndexState) => GridColumnIdentifier & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-
-interface GridPaginationState {
-    pageSize: number;
-    page: number;
-    pageCount: number;
-    rowCount: number;
-}
-interface GridPaginationInitialState {
-    pageSize?: number;
-    page?: number;
-}
-/**
- * The apiRef methods handled by `useGridPageSize`
- */
-interface GridPageSizeApi {
-    /**
-     * Sets the number of displayed rows to the value given by `pageSize`.
-     * @param {number} pageSize The new number of displayed rows.
-     */
-    setPageSize: (pageSize: number) => void;
-}
-/**
- * The apiRef methods handled by `useGridPage`
- */
-interface GridPageApi {
-    /**
-     * Sets the displayed page to the value given by `page`.
-     * @param {number} page The new page number.
-     */
-    setPage: (page: number) => void;
-}
-/**
- * The pagination API interface that is available in the grid [[apiRef]].
- */
-interface GridPaginationApi extends GridPageApi, GridPageSizeApi {
-}
-
-/**
- * @category Pagination
- * @ignore - do not document.
- */
-declare const gridPaginationSelector: (state: GridState) => GridPaginationState;
-/**
- * Get the index of the page to render if the pagination is enabled
- * @category Pagination
- */
-declare const gridPageSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => number) & reselect.OutputSelectorFields<(args_0: GridPaginationState) => number & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-/**
- * Get the maximum amount of rows to display on a single page if the pagination is enabled
- * @category Pagination
- */
-declare const gridPageSizeSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => number) & reselect.OutputSelectorFields<(args_0: GridPaginationState) => number & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-/**
- * Get the amount of pages needed to display all the rows if the pagination is enabled
- * @category Pagination
- */
-declare const gridPageCountSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => number) & reselect.OutputSelectorFields<(args_0: GridPaginationState) => number & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-/**
- * Get the index of the first and the last row to include in the current page if the pagination is enabled.
- * @category Pagination
- */
-declare const gridPaginationRowRangeSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => {
-    firstRowIndex: number;
-    lastRowIndex: number;
-} | null) & reselect.OutputSelectorFields<(args_0: GridPaginationState, args_1: GridRowTreeConfig, args_2: number, args_3: {
-    id: GridRowId;
-    model: {
-        [key: string]: any;
-    };
-}[], args_4: {
-    id: GridRowId;
-    model: {
-        [key: string]: any;
-    };
-}[]) => {
-    firstRowIndex: number;
-    lastRowIndex: number;
-} & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-/**
- * Get the id and the model of each row to include in the current page if the pagination is enabled.
- * @category Pagination
- */
-declare const gridPaginatedVisibleSortedGridRowEntriesSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => {
-    id: GridRowId;
-    model: {
-        [key: string]: any;
-    };
-}[]) & reselect.OutputSelectorFields<(args_0: {
-    id: GridRowId;
-    model: {
-        [key: string]: any;
-    };
-}[], args_1: {
-    firstRowIndex: number;
-    lastRowIndex: number;
-} | null) => {
-    id: GridRowId;
-    model: {
-        [key: string]: any;
-    };
-}[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-/**
- * Get the id of each row to include in the current page if the pagination is enabled.
- * @category Pagination
- */
-declare const gridPaginatedVisibleSortedGridRowIdsSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridRowId[]) & reselect.OutputSelectorFields<(args_0: GridRowId[], args_1: {
-    firstRowIndex: number;
-    lastRowIndex: number;
-} | null) => GridRowId[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-
-declare enum GridPreferencePanelsValue {
-    filters = "filters",
-    columns = "columns"
-}
-
-interface GridPreferencePanelState {
-    open: boolean;
-    openedPanelValue?: GridPreferencePanelsValue;
-}
-declare type GridPreferencePanelInitialState = GridPreferencePanelState;
-
-declare const gridPreferencePanelStateSelector: (state: GridState) => GridPreferencePanelState;
-
-declare const gridSelectionStateSelector: (state: GridState) => GridSelectionModel;
-declare const selectedGridRowsCountSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => number) & reselect.OutputSelectorFields<(args_0: GridSelectionModel) => number & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const selectedGridRowsSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => Map<GridRowId, {
-    [key: string]: any;
-}>) & reselect.OutputSelectorFields<(args_0: GridSelectionModel, args_1: GridRowsLookup) => Map<GridRowId, {
-    [key: string]: any;
-}> & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare const selectedIdsLookupSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => {}) & reselect.OutputSelectorFields<(args_0: GridSelectionModel) => {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-
-interface GridSortingState {
-    sortedRows: GridRowId[];
-    sortModel: GridSortModel;
-}
-interface GridSortingInitialState {
-    sortModel?: GridSortModel;
-}
-declare type GridSortingModelApplier = (rowList: GridRowTreeNodeConfig[]) => GridRowId[];
-interface GridSortingParams {
-    sortRowList: GridSortingModelApplier | null;
-}
-declare type GridSortingMethod = (params: GridSortingParams) => GridRowId[];
-declare type GridSortingMethodCollection = {
-    [methodName: string]: GridSortingMethod;
-};
-
-/**
- * Get the id of the rows after the sorting process.
- * @category Sorting
- */
-declare const gridSortedRowIdsSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridRowId[]) & reselect.OutputSelectorFields<(args_0: GridSortingState) => GridRowId[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-/**
- * Get the id and the model of the rows after the sorting process.
- * @category Sorting
- */
-declare const gridSortedRowEntriesSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => {
-    id: GridRowId;
-    model: {
-        [key: string]: any;
-    };
-}[]) & reselect.OutputSelectorFields<(args_0: GridRowId[], args_1: GridRowsLookup) => {
-    id: GridRowId;
-    model: {
-        [key: string]: any;
-    };
-}[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-/**
- * Get the current sorting model.
- * @category Sorting
- */
-declare const gridSortModelSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridSortModel) & reselect.OutputSelectorFields<(args_0: GridSortingState) => GridSortModel & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-declare type GridSortColumnLookup = Record<string, {
-    sortDirection: GridSortDirection;
-    sortIndex?: number;
-}>;
-/**
- * @category Sorting
- * @ignore - do not document.
- */
-declare const gridSortColumnLookupSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridSortColumnLookup) & reselect.OutputSelectorFields<(args_0: GridSortModel) => GridSortColumnLookup & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-
-/**
- * The size of a container.
- */
-interface ElementSize {
-    /**
-     * The height of a container or HTMLElement.
-     */
-    height: number;
-    /**
-     * The width of a container or HTMLElement.
-     */
-    width: number;
-}
-
-interface GridDimensions {
-    /**
-     * The viewport size including scrollbars.
-     */
-    viewportOuterSize: ElementSize;
-    /**
-     * The viewport size not including scrollbars.
-     */
-    viewportInnerSize: ElementSize;
-    /**
-     * Indicates if a scroll is currently needed to go from the beginning of the first column to the end of the last column.
-     */
-    hasScrollX: boolean;
-    /**
-     * Indicates if a scroll is currently needed to go from the beginning of the first row to the end of the last row.
-     */
-    hasScrollY: boolean;
-}
-interface GridDimensionsApi {
-    /**
-     * Triggers a resize of the component and recalculation of width and height.
-     */
-    resize: () => void;
-    /**
-     * Returns the dimensions of the grid
-     * @returns {GridDimensions | null} The dimension information of the grid. If `null`, the grid is not ready yet.
-     */
-    getRootDimensions: () => GridDimensions | null;
-    /**
-     * Returns the amount of rows that are currently visible in the viewport
-     * @returns {number} The amount of rows visible in the viewport
-     * @ignore - do not document.
-     */
-    unstable_getViewportPageSize: () => number;
-}
-
-declare const GRID_TREE_DATA_GROUPING_FIELD = "__tree_data_group__";
-
-declare type GridRowGroupingModel = string[];
-interface GridRowGroupingState {
-    model: GridRowGroupingModel;
-}
-interface GridRowGroupingInitialState {
-    model?: GridRowGroupingModel;
-}
-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;
-    /**
-     * sRemove 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;
-}
-
-declare const gridRowGroupingStateSelector: (state: GridState) => GridRowGroupingState;
-declare const gridRowGroupingModelSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => GridRowGroupingModel) & reselect.OutputSelectorFields<(args_0: GridRowGroupingState) => GridRowGroupingModel & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
+declare const gridVisibleRowCountSelector: OutputSelector<number>;
+/**
+ * Get the amount of top level rows accessible after the filtering process.
+ * @category Filtering
+ */
+declare const gridVisibleTopLevelRowCountSelector: OutputSelector<number>;
+/**
+ * @category Filtering
+ * @ignore - do not document.
+ */
+declare const gridFilterActiveItemsSelector: OutputSelector<GridFilterItem[]>;
+declare type GridFilterActiveItemsLookup = {
+    [columnField: string]: GridFilterItem[];
 };
-declare const gridRowGroupingSanitizedModelSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => string[]) & reselect.OutputSelectorFields<(args_0: GridRowGroupingModel, args_1: GridColumnLookup) => string[] & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
+/**
+ * @category Filtering
+ * @ignore - do not document.
+ */
+declare const gridFilterActiveItemsLookupSelector: OutputSelector<GridFilterActiveItemsLookup>;
 
 declare const GridFeatureModeConstant: {
     client: "client";
@@ -3029,6 +1724,18 @@ interface GridClasses {
      * Styles applied to the right pinned columns.
      */
     'pinnedColumns--right': string;
+    /**
+     * Styles applied to the pinned column headers.
+     */
+    pinnedColumnHeaders: string;
+    /**
+     * Styles applied to the left pinned column headers.
+     */
+    'pinnedColumnHeaders--left': string;
+    /**
+     * Styles applied to the right pinned column headers.
+     */
+    'pinnedColumnHeaders--right': string;
     /**
      * Styles applied to the root element.
      */
@@ -3093,10 +1800,7 @@ interface GridClasses {
 }
 declare type GridClassKey = keyof GridClasses;
 declare function getDataGridUtilityClass(slot: string): string;
-declare const gridClasses: Record<"actionsCell" | "autoHeight" | "booleanCell" | "cell--editable" | "cell--editing" | "cell--textCenter" | "cell--textLeft" | "cell--textRight" | "cell--withRenderer" | "cell" | "cellCheckbox" | "checkboxInput" | "columnHeader--alignCenter" | "columnHeader--alignLeft" | "columnHeader--alignRight" | "columnHeader--dragging" | "columnHeader--moving" | "columnHeader--numeric" | "columnHeader--sortable" | "columnHeader--sorted" | "columnHeader" | "columnHeaderCheckbox" | "columnHeaderDraggableContainer" | "columnHeaderDropZone" | "columnHeaderTitle" | "columnHeaderTitleContainer" | "columnHeaders" | "columnHeadersInner" | "columnHeadersInner--scrollable" | "columnSeparator--resizable" | "columnSeparator--resizing" | "columnSeparator--sideLeft" | "columnSeparator--sideRight" | "columnSeparator" | "columnsPanel" | "columnsPanelRow" | "panel" | "panelHeader" | "panelWrapper" | "panelContent" | "panelFooter" | "paper" | "editBooleanCell" | "editInputCell" | "filterForm" | "filterIcon" | "footerContainer" | "iconButtonContainer" | "iconSeparator" | "main" | "menu" | "menuIcon" | "menuIconButton" | "menuOpen" | "menuList" | "overlay" | "root" | "row--editable" | "row--editing" | "row" | "rowCount" | "scrollArea--left" | "scrollArea--right" | "scrollArea" | "selectedRowCount" | "sortIcon" | "toolbarContainer" | "toolbarFilterList" | "virtualScroller" | "virtualScrollerContent" | "virtualScrollerRenderZone" | "pinnedColumns" | "pinnedColumns--left" | "pinnedColumns--right" | "withBorder" | "treeDataGroupingCell" | "treeDataGroupingCellToggle" | "groupingCriteriaCell" | "groupingCriteriaCellToggle", string>;
-
-declare type GridInputSelectionModel = GridRowId[] | GridRowId;
-declare type GridSelectionModel = GridRowId[];
+declare const gridClasses: Record<"actionsCell" | "autoHeight" | "booleanCell" | "cell--editable" | "cell--editing" | "cell--textCenter" | "cell--textLeft" | "cell--textRight" | "cell--withRenderer" | "cell" | "cellCheckbox" | "checkboxInput" | "columnHeader--alignCenter" | "columnHeader--alignLeft" | "columnHeader--alignRight" | "columnHeader--dragging" | "columnHeader--moving" | "columnHeader--numeric" | "columnHeader--sortable" | "columnHeader--sorted" | "columnHeader" | "columnHeaderCheckbox" | "columnHeaderDraggableContainer" | "columnHeaderDropZone" | "columnHeaderTitle" | "columnHeaderTitleContainer" | "columnHeaders" | "columnHeadersInner" | "columnHeadersInner--scrollable" | "columnSeparator--resizable" | "columnSeparator--resizing" | "columnSeparator--sideLeft" | "columnSeparator--sideRight" | "columnSeparator" | "columnsPanel" | "columnsPanelRow" | "panel" | "panelHeader" | "panelWrapper" | "panelContent" | "panelFooter" | "paper" | "editBooleanCell" | "editInputCell" | "filterForm" | "filterIcon" | "footerContainer" | "iconButtonContainer" | "iconSeparator" | "main" | "menu" | "menuIcon" | "menuIconButton" | "menuOpen" | "menuList" | "overlay" | "root" | "row--editable" | "row--editing" | "row" | "rowCount" | "scrollArea--left" | "scrollArea--right" | "scrollArea" | "selectedRowCount" | "sortIcon" | "toolbarContainer" | "toolbarFilterList" | "virtualScroller" | "virtualScrollerContent" | "virtualScrollerRenderZone" | "pinnedColumns" | "pinnedColumns--left" | "pinnedColumns--right" | "pinnedColumnHeaders" | "pinnedColumnHeaders--left" | "pinnedColumnHeaders--right" | "withBorder" | "treeDataGroupingCell" | "treeDataGroupingCellToggle" | "groupingCriteriaCell" | "groupingCriteriaCellToggle", string>;
 
 /**
  * Overrideable components props dynamically passed to the component at rendering.
@@ -3127,6 +1831,12 @@ interface GridSlotsComponentsProps {
     toolbar?: any;
 }
 
+interface GridExperimentalFeatures {
+    /**
+     * Will be part of the premium-plan when fully ready.
+     */
+    preventCommitWhileValidating: boolean;
+}
 /**
  * The props users can give to the `DataGrid` component.
  */
@@ -3418,6 +2128,12 @@ interface DataGridPropsWithoutDefaultValue extends CommonProps {
      * @returns {string} The CSS class to apply to the row.
      */
     getRowClassName?: (params: GridRowParams) => string;
+    /**
+     * Function that sets the row height per row.
+     * @param {GridRowHeightParams} params With all properties from [[GridRowHeightParams]].
+     * @returns {GridRowHeightReturnValue} The row height value. If `null` or `undefined` then the default row height is applied.
+     */
+    getRowHeight?: (params: GridRowHeightParams) => GridRowHeightReturnValue;
     /**
      * Callback fired when a cell is rendered, returns true if the cell is editable.
      * @param {GridCellParams} params With all properties from [[GridCellParams]].
@@ -3717,6 +2433,11 @@ interface DataGridPropsWithoutDefaultValue extends CommonProps {
      * The system prop that allows defining system overrides as well as additional CSS styles.
      */
     sx?: SxProps<Theme>;
+    /**
+     * Features under development.
+     * For each feature, if the flag is not explicitly set to `true`, the feature will be fully disabled and any property / method call will not have any effect.
+     */
+    experimentalFeatures?: Partial<GridExperimentalFeatures>;
 }
 
 /**
@@ -3839,43 +2560,69 @@ interface DataGridProPropsWithoutDefaultValue extends DataGridPropsWithoutDefaul
 declare const GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD = "__row_group_by_columns_group__";
 declare const getRowGroupingFieldFromGroupingCriteria: (groupingCriteria: string | null) => string;
 
-interface GridColumnReorderState {
-    dragCol: string;
+interface GridPinnedColumns {
+    left?: string[];
+    right?: string[];
 }
-interface GridCanBeReorderedPreProcessingContext {
-    targetIndex: number;
+declare enum GridPinnedPosition {
+    left = "left",
+    right = "right"
+}
+/**
+ * The column pinning API interface that is available in the grid [[apiRef]].
+ */
+interface GridColumnPinningApi {
+    /**
+     * Pins a column to the left or right side of the grid.
+     * @param {string} field The column field to pin.
+     * @param {GridPinnedPosition} side Which side to pin the column.
+     */
+    pinColumn: (field: string, side: GridPinnedPosition) => void;
+    /**
+     * Unpins a column.
+     * @param {string} field The column field to unpin.
+     */
+    unpinColumn: (field: string) => void;
+    /**
+     * Returns which columns are pinned.
+     * @returns {GridPinnedColumns} An object containing the pinned columns.
+     */
+    getPinnedColumns: () => GridPinnedColumns;
+    /**
+     * Changes the pinned columns.
+     * @param {GridPinnedColumns} pinnedColumns An object containing the columns to pin.
+     */
+    setPinnedColumns: (pinnedColumns: GridPinnedColumns) => void;
+    /**
+     * Returns which side a column is pinned to.
+     * @param {string} field The column field to check.
+     * @returns {string | false} Which side the column is pinned or `false` if not pinned.
+     */
+    isColumnPinned: (field: string) => GridPinnedPosition | false;
 }
 
-declare const gridColumnReorderSelector: (state: GridState) => GridColumnReorderState;
-declare const gridColumnReorderDragColSelector: ((state: {
-    rows: GridRowsState;
-    editRows: GridEditRowsModel;
-    pagination: GridPaginationState;
-    columns: GridColumnsState;
-    columnReorder: GridColumnReorderState;
-    columnResize: GridColumnResizeState;
-    columnMenu: GridColumnMenuState;
-    sorting: GridSortingState;
-    focus: GridFocusState;
-    tabIndex: GridTabIndexState;
-    selection: GridSelectionModel;
-    filter: GridFilterState;
-    preferencePanel: GridPreferencePanelState;
-    density: GridDensityState;
-    rowGrouping: GridRowGroupingState;
-    error?: any;
-    pinnedColumns: GridPinnedColumns;
-}) => string) & reselect.OutputSelectorFields<(args_0: GridColumnReorderState) => string & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
+declare type GridColumnPinningState = GridPinnedColumns;
+
+/**
+ * The grid rows total height and row possitions.
+ */
+interface GridRowsMetaState {
+    /**
+     * The sum of of all visible grid rows in the current rows.
+     */
+    currentPageTotalHeight: number;
+    /**
+     * The grid rows possitions.
+     */
+    positions: number[];
+}
 
 /**
  * TODO: Distinguish pro and community states
  */
 interface GridState {
     rows: GridRowsState;
+    rowsMeta: GridRowsMetaState;
     editRows: GridEditRowsModel;
     pagination: GridPaginationState;
     columns: GridColumnsState;
@@ -3935,6 +2682,20 @@ interface GridValueOptionsParams {
     row?: GridRowModel;
 }
 
+/**
+ * The size of a container.
+ */
+interface ElementSize {
+    /**
+     * The height of a container or HTMLElement.
+     */
+    height: number;
+    /**
+     * The width of a container or HTMLElement.
+     */
+    width: number;
+}
+
 declare type PreProcessorCallback = (value: any, params?: any) => any;
 declare enum GridPreProcessingGroup {
     hydrateColumns = "hydrateColumns",
@@ -4373,6 +3134,11 @@ interface GridCoreApi {
      * @param {any} props Props to be passed to the `ErrorOverlay` component.
      */
     showError: (props: any) => void;
+    /**
+     * Unique identifier for each component instance in a page.
+     * @ignore - do not document.
+     */
+    instanceId: number;
 }
 
 interface GridDensityOption {
@@ -4444,8 +3210,9 @@ interface GridEditRowApi {
      * Commonly used inside the edit cell component.
      * @param {GridEditCellValueParams} params Contains the id, field and value to set.
      * @param {React.SyntheticEvent} event The event to pass forward.
+     * @returns {Promise<boolean> | void} A promise with the validation status if `preventCommitWhileValidating` is `true`. Otherwise, void.
      */
-    setEditCellValue: (params: GridEditCellValueParams, event?: MuiBaseEvent) => void;
+    setEditCellValue: (params: GridEditCellValueParams, event?: MuiBaseEvent) => Promise<boolean> | void;
     /**
      * Updates the field at the given id with the value stored in the edit row model.
      * @param {GridCommitCellChangeParams} params The id and field to commit to.
@@ -4511,6 +3278,19 @@ interface GridRowApi {
     setRowChildrenExpansion: (id: GridRowId, isExpanded: boolean) => void;
 }
 
+/**
+ * The Row Meta API interface that is available in the grid `apiRef`.
+ */
+interface GridRowsMetaApi {
+    /**
+     * Gets target row height.
+     * @param {GridRowId} id The id of the row.
+     * @returns {number} The target row height.
+     * @ignore - do not document.
+     */
+    unstable_getRowHeight: (id: GridRowId) => number;
+}
+
 /**
  * The selection API interface that is available in the grid [[apiRef]].
  */
@@ -4690,6 +3470,7 @@ interface GridLocaleText {
     filterOperatorOnOrBefore: string;
     filterOperatorIsEmpty: string;
     filterOperatorIsNotEmpty: string;
+    filterOperatorIsAnyOf: string;
     filterValueAny: string;
     filterValueTrue: string;
     filterValueFalse: string;
@@ -4735,7 +3516,7 @@ interface GridLocaleTextApi {
 }
 
 /**
- * The options to apply an export.
+ * The options applicable to any export format.
  */
 interface GridExportOptions {
     /**
@@ -4749,6 +3530,12 @@ interface GridExportOptions {
      */
     allColumns?: boolean;
 }
+interface GridCsvGetRowsToExportParams {
+    /**
+     * The API of the grid.
+     */
+    apiRef: GridApiRef;
+}
 /**
  * The options to apply on the CSV export.
  */
@@ -4774,6 +3561,12 @@ interface GridCsvExportOptions extends GridExportOptions {
      * @default true
      */
     includeHeaders?: boolean;
+    /**
+     * Function that returns the id of the rows to export on the order they should be exported.
+     * @param {GridCsvGetRowsToExportParams} params With all properties from [[GridCsvGetRowsToExportParams]].
+     * @returns {GridRowId[]} The id of the rows to export.
+     */
+    getRowsToExport?: (params: GridCsvGetRowsToExportParams) => GridRowId[];
 }
 /**
  * The options to apply on the Print export.
@@ -4990,6 +3783,15 @@ interface GridScrollApi {
     scrollToIndexes: (params: Partial<GridCellIndexCoordinates>) => boolean;
 }
 
+interface GridVirtualScrollerApi {
+    /**
+     * Get the current grid rendering context.
+     * @returns {GridRenderContext} The `GridRenderContext`.
+     * @ignore - do not document.
+     */
+    unstable_getRenderContext: () => GridRenderContext;
+}
+
 declare type GridSortDirection = 'asc' | 'desc' | null | undefined;
 interface GridSortCellParams {
     id: GridRowId;
@@ -5386,10 +4188,46 @@ interface GridLoggerApi {
     getLogger: (name: string) => Logger;
 }
 
+interface GridDimensions {
+    /**
+     * The viewport size including scrollbars.
+     */
+    viewportOuterSize: ElementSize;
+    /**
+     * The viewport size not including scrollbars.
+     */
+    viewportInnerSize: ElementSize;
+    /**
+     * Indicates if a scroll is currently needed to go from the beginning of the first column to the end of the last column.
+     */
+    hasScrollX: boolean;
+    /**
+     * Indicates if a scroll is currently needed to go from the beginning of the first row to the end of the last row.
+     */
+    hasScrollY: boolean;
+}
+interface GridDimensionsApi {
+    /**
+     * Triggers a resize of the component and recalculation of width and height.
+     */
+    resize: () => void;
+    /**
+     * Returns the dimensions of the grid
+     * @returns {GridDimensions | null} The dimension information of the grid. If `null`, the grid is not ready yet.
+     */
+    getRootDimensions: () => GridDimensions | null;
+    /**
+     * Returns the amount of rows that are currently visible in the viewport
+     * @returns {number} The amount of rows visible in the viewport
+     * @ignore - do not document.
+     */
+    unstable_getViewportPageSize: () => number;
+}
+
 /**
  * The full grid API.
  */
-interface GridApi extends GridCoreApi, GridStateApi, GridLoggerApi, GridPreProcessingApi, GridRowGroupsPreProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridEditRowApi, GridParamsApi, GridColumnApi, GridSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridDisableVirtualizationApi, GridLocaleTextApi, GridClipboardApi, GridScrollApi, GridRowGroupingApi, GridColumnPinningApi {
+interface GridApi extends GridCoreApi, GridStateApi, GridLoggerApi, GridPreProcessingApi, GridRowGroupsPreProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditRowApi, GridParamsApi, GridColumnApi, GridSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridDisableVirtualizationApi, GridLocaleTextApi, GridClipboardApi, GridScrollApi, GridRowGroupingApi, GridVirtualScrollerApi, GridColumnPinningApi {
 }
 
 /**
@@ -5537,7 +4375,7 @@ interface GridValueFormatterParams {
      */
     field: string;
     /**
-     * The cell value, but if the column has valueGetter, use getValue.
+     * The cell value, if the column has valueGetter it is the value returned by it.
      */
     value: GridCellValue;
     /**
@@ -6191,6 +5029,110 @@ declare const GRID_EXPERIMENTAL_ENABLED: boolean;
 
 declare const GRID_DEFAULT_LOCALE_TEXT: GridLocaleText;
 
+declare const gridColumnMenuSelector: (state: GridState) => GridColumnMenuState;
+
+declare const gridColumnResizeSelector: (state: GridState) => GridColumnResizeState;
+declare const gridResizingColumnFieldSelector: OutputSelector<string>;
+
+declare const gridPinnedColumnsSelector: (state: GridState) => GridPinnedColumns;
+
+declare const gridColumnsSelector: (state: GridState) => GridColumnsState;
+declare const allGridColumnsFieldsSelector: (state: GridState) => string[];
+declare const gridColumnLookupSelector: (state: GridState) => GridColumnLookup;
+declare const allGridColumnsSelector: OutputSelector<GridStateColDef[]>;
+declare const gridColumnVisibilityModelSelector: OutputSelector<GridColumnVisibilityModel>;
+declare const visibleGridColumnsSelector: OutputSelector<GridStateColDef[]>;
+declare const gridVisibleColumnFieldsSelector: OutputSelector<string[]>;
+declare const gridColumnsMetaSelector: OutputSelector<{
+    totalWidth: number;
+    positions: number[];
+}>;
+declare const filterableGridColumnsSelector: OutputSelector<GridStateColDef[]>;
+declare const filterableGridColumnsIdsSelector: OutputSelector<string[]>;
+declare const visibleGridColumnsLengthSelector: OutputSelector<number>;
+declare const gridColumnsTotalWidthSelector: OutputSelector<number>;
+
+/**
+ * @deprecated Should have been internal only, you can inline the logic.
+ */
+declare const getGridColDef: (columnTypes: GridColumnTypesRecord, type: GridColType | undefined) => GridColTypeDef;
+
+declare const gridDensitySelector: (state: GridState) => GridDensityState;
+declare const gridDensityValueSelector: OutputSelector<GridDensity>;
+declare const gridDensityRowHeightSelector: OutputSelector<number>;
+declare const gridDensityHeaderHeightSelector: OutputSelector<number>;
+declare const gridDensityFactorSelector: OutputSelector<number>;
+
+declare const gridEditRowsStateSelector: (state: GridState) => GridEditRowsModel;
+
+declare const gridFocusStateSelector: (state: GridState) => GridFocusState;
+declare const gridFocusCellSelector: OutputSelector<GridCellIdentifier | null>;
+declare const gridFocusColumnHeaderSelector: OutputSelector<GridColumnIdentifier | null>;
+declare const gridTabIndexStateSelector: (state: GridState) => GridTabIndexState;
+declare const gridTabIndexCellSelector: OutputSelector<GridCellIdentifier | null>;
+declare const gridTabIndexColumnHeaderSelector: OutputSelector<GridColumnIdentifier | null>;
+
+declare const gridPreferencePanelStateSelector: (state: GridState) => GridPreferencePanelState;
+
+declare const gridRowsMetaSelector: (state: GridState) => GridRowsMetaState;
+
+declare const gridRowsStateSelector: (state: GridState) => GridRowsState;
+declare const gridRowCountSelector: OutputSelector<number>;
+declare const gridTopLevelRowCountSelector: OutputSelector<number>;
+declare const gridRowsLookupSelector: OutputSelector<GridRowsLookup>;
+declare const gridRowTreeSelector: OutputSelector<GridRowTreeConfig>;
+declare const gridRowGroupingNameSelector: OutputSelector<string>;
+declare const gridRowTreeDepthSelector: OutputSelector<number>;
+declare const gridRowIdsSelector: OutputSelector<GridRowId[]>;
+
+declare const gridSelectionStateSelector: (state: GridState) => GridSelectionModel;
+declare const selectedGridRowsCountSelector: OutputSelector<number>;
+declare const selectedGridRowsSelector: OutputSelector<Map<GridRowId, {
+    [key: string]: any;
+}>>;
+declare const selectedIdsLookupSelector: OutputSelector<{}>;
+
+/**
+ * @category Sorting
+ * @ignore - do not document.
+ */
+declare const gridSortingStateSelector: (state: GridState) => GridSortingState;
+/**
+ * Get the id of the rows after the sorting process.
+ * @category Sorting
+ */
+declare const gridSortedRowIdsSelector: OutputSelector<GridRowId[]>;
+/**
+ * Get the id and the model of the rows after the sorting process.
+ * @category Sorting
+ */
+declare const gridSortedRowEntriesSelector: OutputSelector<{
+    id: GridRowId;
+    model: {
+        [key: string]: any;
+    };
+}[]>;
+/**
+ * Get the current sorting model.
+ * @category Sorting
+ */
+declare const gridSortModelSelector: OutputSelector<GridSortModel>;
+declare type GridSortColumnLookup = Record<string, {
+    sortDirection: GridSortDirection;
+    sortIndex?: number;
+}>;
+/**
+ * @category Sorting
+ * @ignore - do not document.
+ */
+declare const gridSortColumnLookupSelector: OutputSelector<GridSortColumnLookup>;
+
+declare const gridStringOrNumberComparator: GridComparatorFn;
+declare const gridNumberComparator: GridComparatorFn;
+declare const gridDateComparator: (value1: GridCellValue, value2: GridCellValue) => number;
+
+declare const GRID_TREE_DATA_GROUPING_FIELD = "__tree_data_group__";
+
 /**
  * @deprecated Use `apiRef.current` instead.
  */
@@ -6221,8 +5163,10 @@ declare function useGridApiOptionHandler<E extends GridEvents>(apiRef: GridApiRe
 
 declare function useGridApiMethod<T extends Partial<GridApi>>(apiRef: GridApiRef, apiMethods: T, apiName: string): void;
 
-declare function useGridApiRef(): GridApiRef;
-declare function useGridApiRef(apiRefProp: GridApiRef | undefined): GridApiRef;
+/**
+ * Hook that instantiate a [[GridApiRef]].
+ */
+declare const useGridApiRef: () => GridApiRef;
 
 declare function useGridLogger(apiRef: GridApiRef, name: string): Logger;
 
@@ -6230,7 +5174,7 @@ declare const useGridRootProps: <Props extends DataGridProcessedProps | DataGrid
 
 declare function useGridScrollFn(apiRef: GridApiRef, renderingZoneElementRef: React$1.RefObject<HTMLDivElement>, columnHeadersElementRef: React$1.RefObject<HTMLDivElement>): [GridScrollFn];
 
-declare const useGridSelector: <T>(apiRef: GridApiRef, selector: (state: GridState) => T) => T;
+declare const useGridSelector: <T>(apiRef: GridApiRef, selector: OutputSelector<T> | ((state: GridState) => T)) => T;
 
 /**
  * @deprecated Use `apiRef.current.state`, `apiRef.current.setState` and `apiRef.current.forceUpdate` instead.
@@ -6299,8 +5243,8 @@ declare const DataGrid: React$1.MemoExoticComponent<React$1.ForwardRefExoticComp
     pagination?: true | undefined;
 } & React$1.RefAttributes<HTMLDivElement>>>;
 
-declare const useDataGridComponent: (apiRef: GridApiRef, props: DataGridProcessedProps) => void;
+declare const useDataGridComponent: (props: DataGridProcessedProps) => GridApiRef;
 
 declare const MAX_PAGE_SIZE = 100;
 
-export { AutoSizerProps, AutoSizerSize, CursorCoordinates, DEFAULT_GRID_COL_TYPE_KEY, DataGrid, DataGridProps, ElementSize, GRID_ACTIONS_COL_DEF, GRID_BOOLEAN_COL_DEF, GRID_CHECKBOX_SELECTION_COL_DEF, GRID_DATETIME_COL_DEF, GRID_DATE_COL_DEF, GRID_DEFAULT_LOCALE_TEXT, GRID_EXPERIMENTAL_ENABLED, GRID_NUMERIC_COL_DEF, GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, GRID_SINGLE_SELECT_COL_DEF, GRID_STRING_COL_DEF, GRID_TREE_DATA_GROUPING_FIELD, GridActionsCell, GridActionsCellItem, GridActionsCellItemProps, GridActionsColDef, GridAddIcon, GridAlignment, GridApi, GridApiContext, GridApiRef, GridArrowDownwardIcon, GridArrowUpwardIcon, GridAutoSizer, GridBody, GridCallbackDetails, GridCell, GridCellCheckboxForwardRef, GridCellCheckboxRenderer, GridCellClassFn, GridCellClassNamePropType, GridCellEditCommitParams, GridCellEventLookup, GridCellIdentifier, GridCellIndexCoordinates, GridCellMode, GridCellModes, GridCellParams, GridCellProps, GridCellValue, GridCheckCircleIcon, GridCheckIcon, GridClassKey, GridClasses, GridClipboardApi, GridCloseIcon, GridColDef, GridColType, GridColTypeDef, GridColumnApi, GridColumnHeaderClassFn, GridColumnHeaderClassNamePropType, GridColumnHeaderEventLookup, GridColumnHeaderIndexCoordinates, GridColumnHeaderItem, GridColumnHeaderMenu, GridColumnHeaderMenuProps, GridColumnHeaderParams, GridColumnHeaderSeparator, GridColumnHeaderSeparatorProps, GridColumnHeaderSeparatorSides, GridColumnHeaderSortIcon, GridColumnHeaderSortIconProps, GridColumnHeaderTitle, GridColumnHeaderTitleProps, GridColumnIcon, GridColumnIdentifier, GridColumnLookup, GridColumnMenu, GridColumnMenuApi, GridColumnMenuContainer, GridColumnMenuProps, GridColumnMenuState, GridColumnOrderChangeParams, GridColumnPinningApi, GridColumnPinningMenuItems, GridColumnPinningState, GridColumnReorderState, GridColumnResizeParams, GridColumnResizeState, GridColumnTypesRecord, GridColumnVisibilityChangeParams, GridColumnVisibilityModel, GridColumns, GridColumnsInitialState, GridColumnsMenuItem, GridColumnsMeta, GridColumnsPanel, GridColumnsState, GridCommitCellChangeParams, GridComparatorFn, GridControlledStateEventLookup, GridCoreApi, GridCsvExportApi, GridCsvExportOptions, GridDensity, GridDensityApi, GridDensityOption, GridDensityState, GridDensityTypes, GridDimensions, GridDimensionsApi, GridDisableVirtualizationApi, GridDragIcon, GridEditCellProps, GridEditCellPropsParams, GridEditCellValueParams, GridEditInputCell, GridEditMode, GridEditModes, GridEditRowApi, GridEditRowProps, GridEditRowsModel, GridEditSingleSelectCell, GridEnrichedColDef, GridErrorHandler, GridEventListener, GridEventLookup, GridEventPublisher, GridEvents, GridEventsStr, GridExpandMoreIcon, GridExportFormat, GridExportOptions, GridFeatureMode, GridFeatureModeConstant, GridFilterActiveItemsLookup, GridFilterAltIcon, GridFilterApi, GridFilterForm, GridFilterFormProps, GridFilterInitialState, GridFilterInputDate, GridFilterInputDateProps, GridFilterInputMultipleSingleSelect, GridFilterInputMultipleSingleSelectProps, GridFilterInputMultipleValue, GridFilterInputMultipleValueProps, GridFilterInputSingleSelect, GridFilterInputSingleSelectProps, GridFilterInputValue, GridFilterInputValueProps, GridFilterItem, GridFilterItemProps, GridFilterListIcon, GridFilterMenuItem, GridFilterModel, GridFilterOperator, GridFilterPanel, GridFilterState, GridFocusApi, GridFocusState, GridFooter, GridFooterContainer, GridFooterContainerProps, GridFooterPlaceholder, GridGroupingColDefOverride, GridGroupingColDefOverrideParams, GridGroupingValueGetterParams, GridHeader, GridHeaderCheckbox, GridHeaderPlaceholder, GridHeaderSelectionCheckboxParams, GridIconSlotsComponent, GridInitialState, GridInputSelectionModel, GridKeyValue, GridKeyboardArrowRight, GridLinkOperator, GridLoadIcon, GridLoadingOverlay, GridLocaleText, GridLocaleTextApi, GridMenu, GridMenuIcon, GridMenuProps, GridMoreVertIcon, GridNativeColTypes, GridNoRowsOverlay, GridOverlay, GridOverlayProps, GridOverlays, GridPagination, GridPaginationApi, GridPaginationInitialState, GridPaginationState, GridPanel, GridPanelClasses, GridPanelContent, GridPanelFooter, GridPanelHeader, GridPanelProps, GridPanelWrapper, GridParamsApi, GridPinnedColumns, GridPinnedPosition, GridPreProcessEditCellProps, GridPreferencePanelInitialState, GridPreferencePanelState, GridPreferencePanelsValue, GridPreferencesPanel, GridPreferencesPanelApi, GridPrintExportApi, GridPrintExportOptions, GridRenderCellParams, GridRenderColumnsProps, GridRenderContext, GridRenderContextProps, GridRenderEditCellParams, GridRenderPaginationProps, GridRenderRowProps, GridRoot, GridRootContainerRef, GridRootProps, GridRow, GridRowApi, GridRowCount, GridRowData, GridRowEntry, GridRowEventLookup, GridRowGroupingApi, GridRowGroupingInitialState, GridRowGroupingModel, GridRowGroupingState, GridRowId, GridRowIdGetter, GridRowMode, GridRowModel, GridRowModelUpdate, GridRowModes, GridRowParams, GridRowProps, GridRowScrollEndParams, GridRowSelectionCheckboxParams, GridRowTreeConfig, GridRowTreeNodeConfig, GridRowsLookup, GridRowsProp, GridRowsState, GridSaveAltIcon, GridScrollApi, GridScrollArea, GridScrollFn, GridScrollParams, GridSearchIcon, GridSelectedRowCount, GridSelectionApi, GridSelectionModel, GridSeparatorIcon, GridSignature, GridSlotsComponent, GridSlotsComponentsProps, GridSortApi, GridSortCellParams, GridSortColumnLookup, GridSortDirection, GridSortItem, GridSortModel, GridSortModelParams, GridSortingInitialState, GridSortingState, GridState, GridStateApi, GridStateChangeParams, GridStateColDef, GridTabIndexState, GridTableRowsIcon, GridToolbar, GridToolbarColumnsButton, GridToolbarContainer, GridToolbarContainerProps, GridToolbarDensitySelector, GridToolbarExport, GridToolbarExportProps, GridToolbarFilterButton, GridToolbarFilterButtonProps, GridToolbarProps, GridTranslationKeys, GridTreeDataGroupingCell, GridTripleDotsVerticalIcon, GridTypeFilterInputValueProps, GridUpdateAction, GridValueFormatterParams, GridValueGetterFullParams, GridValueGetterParams, GridValueOptionsParams, GridValueSetterParams, GridViewHeadlineIcon, GridViewStreamIcon, HideGridColMenuItem, Logger, MAX_PAGE_SIZE, MuiBaseEvent, MuiEvent, SUBMIT_FILTER_DATE_STROKE_TIME, SUBMIT_FILTER_STROKE_TIME, SortGridMenuItems, allGridColumnsFieldsSelector, allGridColumnsSelector, arSD, bgBG, checkGridRowIdIsValid, createUseGridApiEventHandler, csCZ, deDE, elGR, enUS, esES, faIR, fiFI, filterableGridColumnsIdsSelector, filterableGridColumnsSelector, frFR, getDataGridUtilityClass, getDefaultGridFilterModel, getGridBooleanOperators, getGridColDef, getGridDateOperators, getGridDefaultColumnTypes, getGridNumericColumnOperators, getGridNumericOperators, getGridSingleSelectOperators, getGridStringOperators, getRowGroupingFieldFromGroupingCriteria, gridClasses, gridColumnLookupSelector, gridColumnMenuSelector, gridColumnReorderDragColSelector, gridColumnReorderSelector, gridColumnResizeSelector, gridColumnVisibilityModelSelector, gridColumnsMetaSelector, gridColumnsSelector, gridColumnsTotalWidthSelector, gridDateFormatter, gridDateTimeFormatter, gridDensityHeaderHeightSelector, gridDensityRowHeightSelector, gridDensitySelector, gridDensityValueSelector, gridEditRowsStateSelector, gridFilterActiveItemsLookupSelector, gridFilterActiveItemsSelector, gridFilterModelSelector, gridFilterStateSelector, gridFilteredDescendantCountLookupSelector, gridFocusCellSelector, gridFocusColumnHeaderSelector, gridFocusStateSelector, gridPageCountSelector, gridPageSelector, gridPageSizeSelector, gridPaginatedVisibleSortedGridRowEntriesSelector, gridPaginatedVisibleSortedGridRowIdsSelector, gridPaginationRowRangeSelector, gridPaginationSelector, gridPanelClasses, gridPinnedColumnsSelector, gridPreferencePanelStateSelector, gridResizingColumnFieldSelector, gridRowCountSelector, gridRowGroupingModelSelector, gridRowGroupingNameSelector, gridRowGroupingSanitizedModelSelector, gridRowGroupingStateSelector, gridRowIdsSelector, gridRowTreeDepthSelector, gridRowTreeSelector, gridRowsLookupSelector, gridRowsStateSelector, gridSelectionStateSelector, gridSortColumnLookupSelector, gridSortModelSelector, gridSortedRowEntriesSelector, gridSortedRowIdsSelector, gridTabIndexCellSelector, gridTabIndexColumnHeaderSelector, gridTabIndexStateSelector, gridTopLevelRowCountSelector, gridVisibleColumnFieldsSelector, gridVisibleRowCountSelector, gridVisibleRowsLookupSelector, gridVisibleRowsSelector, gridVisibleSortedRowEntriesSelector, gridVisibleSortedRowIdsSelector, gridVisibleSortedTopLevelRowEntriesSelector, gridVisibleTopLevelRowCountSelector, heIL, itIT, jaJP, koKR, nlNL, plPL, ptBR, renderActionsCell, renderEditInputCell, renderEditSingleSelectCell, ruRU, selectedGridRowsCountSelector, selectedGridRowsSelector, selectedIdsLookupSelector, skSK, trTR, ukUA, useDataGridComponent, useGridApi, useGridApiContext, useGridApiEventHandler, useGridApiMethod, useGridApiOptionHandler, useGridApiRef, useGridLogger, useGridNativeEventListener, useGridRootProps, useGridScrollFn, useGridSelector, useGridState, viVN, visibleGridColumnsLengthSelector, visibleGridColumnsSelector, zhCN };
+export { AutoSizerProps, AutoSizerSize, CursorCoordinates, DEFAULT_GRID_COL_TYPE_KEY, DataGrid, DataGridProps, ElementSize, GRID_ACTIONS_COL_DEF, GRID_BOOLEAN_COL_DEF, GRID_CHECKBOX_SELECTION_COL_DEF, GRID_DATETIME_COL_DEF, GRID_DATE_COL_DEF, GRID_DEFAULT_LOCALE_TEXT, GRID_EXPERIMENTAL_ENABLED, GRID_NUMERIC_COL_DEF, GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD, GRID_SINGLE_SELECT_COL_DEF, GRID_STRING_COL_DEF, GRID_TREE_DATA_GROUPING_FIELD, GridActionsCell, GridActionsCellItem, GridActionsCellItemProps, GridActionsColDef, GridAddIcon, GridAlignment, GridApi, GridApiContext, GridApiRef, GridArrowDownwardIcon, GridArrowUpwardIcon, GridAutoSizer, GridBody, GridCallbackDetails, GridCell, GridCellCheckboxForwardRef, GridCellCheckboxRenderer, GridCellClassFn, GridCellClassNamePropType, GridCellEditCommitParams, GridCellEventLookup, GridCellIdentifier, GridCellIndexCoordinates, GridCellMode, GridCellModes, GridCellParams, GridCellProps, GridCellValue, GridCheckCircleIcon, GridCheckIcon, GridClassKey, GridClasses, GridClipboardApi, GridCloseIcon, GridColDef, GridColType, GridColTypeDef, GridColumnApi, GridColumnHeaderClassFn, GridColumnHeaderClassNamePropType, GridColumnHeaderEventLookup, GridColumnHeaderIndexCoordinates, GridColumnHeaderItem, GridColumnHeaderMenu, GridColumnHeaderMenuProps, GridColumnHeaderParams, GridColumnHeaderSeparator, GridColumnHeaderSeparatorProps, GridColumnHeaderSeparatorSides, GridColumnHeaderSortIcon, GridColumnHeaderSortIconProps, GridColumnHeaderTitle, GridColumnHeaderTitleProps, GridColumnIcon, GridColumnIdentifier, GridColumnLookup, GridColumnMenu, GridColumnMenuApi, GridColumnMenuContainer, GridColumnMenuProps, GridColumnMenuState, GridColumnOrderChangeParams, GridColumnPinningApi, GridColumnPinningMenuItems, GridColumnPinningState, GridColumnReorderState, GridColumnResizeParams, GridColumnResizeState, GridColumnTypesRecord, GridColumnVisibilityChangeParams, GridColumnVisibilityModel, GridColumns, GridColumnsInitialState, GridColumnsMenuItem, GridColumnsMeta, GridColumnsPanel, GridColumnsState, GridCommitCellChangeParams, GridComparatorFn, GridControlledStateEventLookup, GridCoreApi, GridCsvExportApi, GridCsvExportOptions, GridCsvGetRowsToExportParams, GridDensity, GridDensityApi, GridDensityOption, GridDensityState, GridDensityTypes, GridDimensions, GridDimensionsApi, GridDisableVirtualizationApi, GridDragIcon, GridEditCellProps, GridEditCellPropsParams, GridEditCellValueParams, GridEditInputCell, GridEditMode, GridEditModes, GridEditRowApi, GridEditRowProps, GridEditRowsModel, GridEditSingleSelectCell, GridEnrichedColDef, GridErrorHandler, GridEventListener, GridEventLookup, GridEventPublisher, GridEvents, GridEventsStr, GridExpandMoreIcon, GridExportFormat, GridExportOptions, GridFeatureMode, GridFeatureModeConstant, GridFilterActiveItemsLookup, GridFilterAltIcon, GridFilterApi, GridFilterForm, GridFilterFormProps, GridFilterInitialState, GridFilterInputDate, GridFilterInputDateProps, GridFilterInputMultipleSingleSelect, GridFilterInputMultipleSingleSelectProps, GridFilterInputMultipleValue, GridFilterInputMultipleValueProps, GridFilterInputSingleSelect, GridFilterInputSingleSelectProps, GridFilterInputValue, GridFilterInputValueProps, GridFilterItem, GridFilterItemProps, GridFilterListIcon, GridFilterMenuItem, GridFilterModel, GridFilterOperator, GridFilterPanel, GridFilterState, GridFocusApi, GridFocusState, GridFooter, GridFooterContainer, GridFooterContainerProps, GridFooterPlaceholder, GridGroupingColDefOverride, GridGroupingColDefOverrideParams, GridGroupingValueGetterParams, GridHeader, GridHeaderCheckbox, GridHeaderPlaceholder, GridHeaderSelectionCheckboxParams, GridIconSlotsComponent, GridInitialState, GridInputSelectionModel, GridKeyValue, GridKeyboardArrowRight, GridLinkOperator, GridLoadIcon, GridLoadingOverlay, GridLocaleText, GridLocaleTextApi, GridMenu, GridMenuIcon, GridMenuProps, GridMoreVertIcon, GridNativeColTypes, GridNoRowsOverlay, GridOverlay, GridOverlayProps, GridOverlays, GridPagination, GridPaginationApi, GridPaginationInitialState, GridPaginationState, GridPanel, GridPanelClasses, GridPanelContent, GridPanelFooter, GridPanelHeader, GridPanelProps, GridPanelWrapper, GridParamsApi, GridPinnedColumns, GridPinnedPosition, GridPreProcessEditCellProps, GridPreferencePanelInitialState, GridPreferencePanelState, GridPreferencePanelsValue, GridPreferencesPanel, GridPreferencesPanelApi, GridPrintExportApi, GridPrintExportOptions, GridRenderCellParams, GridRenderColumnsProps, GridRenderContext, GridRenderContextProps, GridRenderEditCellParams, GridRenderPaginationProps, GridRenderRowProps, GridRoot, GridRootContainerRef, GridRootProps, GridRow, GridRowApi, GridRowCount, GridRowData, GridRowEntry, GridRowEventLookup, GridRowGroupingApi, GridRowGroupingInitialState, GridRowGroupingModel, GridRowGroupingState, GridRowHeightParams, GridRowHeightReturnValue, GridRowId, GridRowIdGetter, GridRowMode, GridRowModel, GridRowModelUpdate, GridRowModes, GridRowParams, GridRowProps, GridRowScrollEndParams, GridRowSelectionCheckboxParams, GridRowTreeConfig, GridRowTreeNodeConfig, GridRowsLookup, GridRowsMetaApi, GridRowsProp, GridRowsState, GridSaveAltIcon, GridScrollApi, GridScrollArea, GridScrollFn, GridScrollParams, GridSearchIcon, GridSelectedRowCount, GridSelectionApi, GridSelectionModel, GridSeparatorIcon, GridSignature, GridSlotsComponent, GridSlotsComponentsProps, GridSortApi, GridSortCellParams, GridSortColumnLookup, GridSortDirection, GridSortItem, GridSortModel, GridSortModelParams, GridSortingInitialState, GridSortingState, GridState, GridStateApi, GridStateChangeParams, GridStateColDef, GridTabIndexState, GridTableRowsIcon, GridToolbar, GridToolbarColumnsButton, GridToolbarContainer, GridToolbarContainerProps, GridToolbarDensitySelector, GridToolbarExport, GridToolbarExportProps, GridToolbarFilterButton, GridToolbarFilterButtonProps, GridToolbarProps, GridTranslationKeys, GridTreeDataGroupingCell, GridTripleDotsVerticalIcon, GridTypeFilterInputValueProps, GridUpdateAction, GridValueFormatterParams, GridValueGetterFullParams, GridValueGetterParams, GridValueOptionsParams, GridValueSetterParams, GridViewHeadlineIcon, GridViewStreamIcon, GridVirtualScrollerApi, HideGridColMenuItem, Logger, MAX_PAGE_SIZE, MuiBaseEvent, MuiEvent, SUBMIT_FILTER_DATE_STROKE_TIME, SUBMIT_FILTER_STROKE_TIME, SortGridMenuItems, allGridColumnsFieldsSelector, allGridColumnsSelector, arSD, bgBG, checkGridRowIdIsValid, createUseGridApiEventHandler, csCZ, deDE, elGR, enUS, esES, faIR, fiFI, filterableGridColumnsIdsSelector, filterableGridColumnsSelector, frFR, getDataGridUtilityClass, getDefaultGridFilterModel, getGridBooleanOperators, getGridColDef, getGridDateOperators, getGridDefaultColumnTypes, getGridNumericColumnOperators, getGridNumericOperators, getGridSingleSelectOperators, getGridStringOperators, getRowGroupingFieldFromGroupingCriteria, gridClasses, gridColumnLookupSelector, gridColumnMenuSelector, gridColumnReorderDragColSelector, gridColumnReorderSelector, gridColumnResizeSelector, gridColumnVisibilityModelSelector, gridColumnsMetaSelector, gridColumnsSelector, gridColumnsTotalWidthSelector, gridDateComparator, gridDateFormatter, gridDateTimeFormatter, gridDensityFactorSelector, gridDensityHeaderHeightSelector, gridDensityRowHeightSelector, gridDensitySelector, gridDensityValueSelector, gridEditRowsStateSelector, gridFilterActiveItemsLookupSelector, gridFilterActiveItemsSelector, gridFilterModelSelector, gridFilterStateSelector, gridFilteredDescendantCountLookupSelector, gridFilteredRowsLookupSelector, gridFilteredSortedRowEntriesSelector, gridFilteredSortedRowIdsSelector, gridFocusCellSelector, gridFocusColumnHeaderSelector, gridFocusStateSelector, gridNumberComparator, gridPageCountSelector, gridPageSelector, gridPageSizeSelector, gridPaginatedVisibleSortedGridRowEntriesSelector, gridPaginatedVisibleSortedGridRowIdsSelector, gridPaginationRowRangeSelector, gridPaginationSelector, gridPanelClasses, gridPinnedColumnsSelector, gridPreferencePanelStateSelector, gridResizingColumnFieldSelector, gridRowCountSelector, gridRowGroupingModelSelector, gridRowGroupingNameSelector, gridRowGroupingSanitizedModelSelector, gridRowGroupingStateSelector, gridRowIdsSelector, gridRowTreeDepthSelector, gridRowTreeSelector, gridRowsLookupSelector, gridRowsMetaSelector, gridRowsStateSelector, gridSelectionStateSelector, gridSortColumnLookupSelector, gridSortModelSelector, gridSortedRowEntriesSelector, gridSortedRowIdsSelector, gridSortingStateSelector, gridStringOrNumberComparator, gridTabIndexCellSelector, gridTabIndexColumnHeaderSelector, gridTabIndexStateSelector, gridTopLevelRowCountSelector, gridVisibleColumnFieldsSelector, gridVisibleRowCountSelector, gridVisibleRowsLookupSelector, gridVisibleRowsSelector, gridVisibleSortedRowEntriesSelector, gridVisibleSortedRowIdsSelector, gridVisibleSortedTopLevelRowEntriesSelector, gridVisibleTopLevelRowCountSelector, heIL, itIT, jaJP, koKR, nlNL, plPL, ptBR, renderActionsCell, renderEditInputCell, renderEditSingleSelectCell, ruRU, selectedGridRowsCountSelector, selectedGridRowsSelector, selectedIdsLookupSelector, skSK, trTR, ukUA, useDataGridComponent, useGridApi, useGridApiContext, useGridApiEventHandler, useGridApiMethod, useGridApiOptionHandler, useGridApiRef, useGridLogger, useGridNativeEventListener, useGridRootProps, useGridScrollFn, useGridSelector, useGridState, viVN, visibleGridColumnsLengthSelector, visibleGridColumnsSelector, zhCN };