@mui/x-data-grid 8.5.0 → 8.5.2

package/esm/hooks/features/filter/gridFilterSelector.d.ts

@@ -5,12 +5,16 @@ import { GridFilterItem } from "../../../models/gridFilterItem.js";
  * Get the current filter model.
  * @category Filtering
  */
-export declare const gridFilterModelSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridFilterState, import("@mui/x-data-grid").GridFilterModel>;
+export declare const gridFilterModelSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridFilterModel;
 /**
  * Get the current quick filter values.
  * @category Filtering
  */
-export declare const gridQuickFilterValuesSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridFilterModel, any[] | undefined>;
+export declare const gridQuickFilterValuesSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => any[] | undefined;
 /**
  * @category Visible rows
  * @ignore - do not document.
@@ -20,79 +24,107 @@ export declare const gridVisibleRowsLookupSelector: import("@mui/x-data-grid").O
  * @category Filtering
  * @ignore - do not document.
  */
-export declare const gridFilteredRowsLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridFilterState, Record<GridRowId, false>>;
+export declare const gridFilteredRowsLookupSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => Record<GridRowId, false>;
 /**
  * @category Filtering
  * @ignore - do not document.
  */
-export declare const gridFilteredChildrenCountLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridFilterState, Record<GridRowId, number>>;
+export declare const gridFilteredChildrenCountLookupSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => Record<GridRowId, number>;
 /**
  * @category Filtering
  * @ignore - do not document.
  */
-export declare const gridFilteredDescendantCountLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridFilterState, Record<GridRowId, number>>;
+export declare const gridFilteredDescendantCountLookupSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => 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
  */
-export declare const gridExpandedSortedRowEntriesSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[]>;
+export declare const gridExpandedSortedRowEntriesSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[];
 /**
  * Get the id of the rows accessible after the filtering process.
  * Does not contain the collapsed children.
  * @category Filtering
  */
-export declare const gridExpandedSortedRowIdsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], GridRowId[]>;
+export declare const gridExpandedSortedRowIdsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => GridRowId[];
 /**
  * Get the id and the model of the rows accessible after the filtering process.
  * Contains the collapsed children.
  * @category Filtering
  */
-export declare const gridFilteredSortedRowEntriesSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[]>;
+export declare const gridFilteredSortedRowEntriesSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[];
 /**
  * Get the id of the rows accessible after the filtering process.
  * Contains the collapsed children.
  * @category Filtering
  */
-export declare const gridFilteredSortedRowIdsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], GridRowId[]>;
+export declare const gridFilteredSortedRowIdsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => GridRowId[];
 /**
  * Get the ids to position in the current tree level lookup of the rows accessible after the filtering process.
  * Does not contain the collapsed children.
  * @category Filtering
  * @ignore - do not document.
  */
-export declare const gridExpandedSortedRowTreeLevelPositionLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowTreeConfig, Record<GridRowId, number>>;
+export declare const gridExpandedSortedRowTreeLevelPositionLookupSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => Record<GridRowId, number>;
 /**
  * Get the id and the model of the top level rows accessible after the filtering process.
  * @category Filtering
  */
-export declare const gridFilteredSortedTopLevelRowEntriesSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, number, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[]>;
+export declare const gridFilteredSortedTopLevelRowEntriesSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[];
 /**
  * Get the amount of rows accessible after the filtering process.
  * @category Filtering
  */
-export declare const gridExpandedRowCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], number>;
+export declare const gridExpandedRowCountSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => number;
 /**
  * Get the amount of top level rows accessible after the filtering process.
  * @category Filtering
  */
-export declare const gridFilteredTopLevelRowCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], number>;
+export declare const gridFilteredTopLevelRowCountSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => number;
 /**
  * Get the amount of rows accessible after the filtering process.
  * Includes top level and descendant rows.
  * @category Filtering
  */
-export declare const gridFilteredRowCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], number>;
+export declare const gridFilteredRowCountSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => number;
 /**
  * Get the amount of descendant rows accessible after the filtering process.
  * @category Filtering
  */
-export declare const gridFilteredDescendantRowCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, number, number>;
+export declare const gridFilteredDescendantRowCountSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => number;
 /**
  * @category Filtering
  * @ignore - do not document.
  */
-export declare const gridFilterActiveItemsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnLookup, GridFilterItem[]>;
+export declare const gridFilterActiveItemsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => GridFilterItem[];
 export type GridFilterActiveItemsLookup = {
   [field: string]: GridFilterItem[];
 };
@@ -100,4 +132,6 @@ export type GridFilterActiveItemsLookup = {
  * @category Filtering
  * @ignore - do not document.
  */
-export declare const gridFilterActiveItemsLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridFilterItem[], GridFilterActiveItemsLookup>;
+export declare const gridFilterActiveItemsLookupSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => GridFilterActiveItemsLookup;

package/esm/hooks/features/filter/gridFilterState.d.ts

@@ -44,8 +44,9 @@ export interface GridAggregatedFilterItemApplierResult {
   passingQuickFilterValues: null | GridQuickFilterValueResult;
 }
 /**
- * @param {GridRowId} rowId The id of the row we want to filter.
+ * @param {GridValidRowModel} row The model of the row we want to filter.
  * @param {(filterItem: GridFilterItem) => boolean} shouldApplyItem An optional callback to allow the filtering engine to only apply some items.
+ * @param {GridAggregatedFilterItemApplierResult} result The previous result of the filtering engine.
  */
 export type GridAggregatedFilterItemApplier = (row: GridValidRowModel, shouldApplyItem: ((field: string) => boolean) | undefined, result: GridAggregatedFilterItemApplierResult) => void;
 export interface GridFilteringMethodParams {

package/esm/hooks/features/filter/gridFilterState.js

@@ -12,8 +12,9 @@ export const getDefaultGridFilterModel = () => ({
 });
 
 /**
- * @param {GridRowId} rowId The id of the row we want to filter.
+ * @param {GridValidRowModel} row The model of the row we want to filter.
  * @param {(filterItem: GridFilterItem) => boolean} shouldApplyItem An optional callback to allow the filtering engine to only apply some items.
+ * @param {GridAggregatedFilterItemApplierResult} result The previous result of the filtering engine.
  */
 
 /**

package/esm/hooks/features/filter/useGridFilter.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { lruMemoize } from 'reselect';
+import { lruMemoize } from '@mui/x-internals/lruMemoize';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
 import { useLazyRef } from "../../utils/useLazyRef.js";

package/esm/hooks/features/focus/gridFocusStateSelector.d.ts

@@ -1,12 +1,28 @@
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 import { GridFocusState, GridTabIndexState } from "./gridFocusState.js";
 export declare const gridFocusStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, GridFocusState>;
-export declare const gridFocusCellSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridFocusState, import("@mui/x-data-grid").GridCellCoordinates | null>;
-export declare const gridFocusColumnHeaderSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridFocusState, import("@mui/x-data-grid").GridColumnIdentifier | null>;
-export declare const gridFocusColumnHeaderFilterSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridFocusState, import("@mui/x-data-grid").GridColumnIdentifier | null>;
-export declare const gridFocusColumnGroupHeaderSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridFocusState, import("@mui/x-data-grid").GridColumnGroupIdentifier | null>;
+export declare const gridFocusCellSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridCellCoordinates | null;
+export declare const gridFocusColumnHeaderSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridColumnIdentifier | null;
+export declare const gridFocusColumnHeaderFilterSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridColumnIdentifier | null;
+export declare const gridFocusColumnGroupHeaderSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridColumnGroupIdentifier | null;
 export declare const gridTabIndexStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, GridTabIndexState>;
-export declare const gridTabIndexCellSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridTabIndexState, import("@mui/x-data-grid").GridCellCoordinates | null>;
-export declare const gridTabIndexColumnHeaderSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridTabIndexState, import("@mui/x-data-grid").GridColumnIdentifier | null>;
-export declare const gridTabIndexColumnHeaderFilterSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridTabIndexState, import("@mui/x-data-grid").GridColumnIdentifier | null>;
-export declare const gridTabIndexColumnGroupHeaderSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridTabIndexState, import("@mui/x-data-grid").GridColumnGroupIdentifier | null>;
+export declare const gridTabIndexCellSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridCellCoordinates | null;
+export declare const gridTabIndexColumnHeaderSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridColumnIdentifier | null;
+export declare const gridTabIndexColumnHeaderFilterSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridColumnIdentifier | null;
+export declare const gridTabIndexColumnGroupHeaderSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridColumnGroupIdentifier | null;

package/esm/hooks/features/headerFiltering/gridHeaderFilteringSelectors.d.ts

@@ -1,5 +1,11 @@
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 export declare const gridHeaderFilteringStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("../../../models/gridHeaderFilteringModel.js").GridHeaderFilteringState>;
-export declare const gridHeaderFilteringEnabledSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel.js").GridHeaderFilteringState, boolean>;
-export declare const gridHeaderFilteringEditFieldSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel.js").GridHeaderFilteringState, string | null>;
-export declare const gridHeaderFilteringMenuSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel.js").GridHeaderFilteringState, string | null>;
+export declare const gridHeaderFilteringEnabledSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => boolean;
+export declare const gridHeaderFilteringEditFieldSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => string | null;
+export declare const gridHeaderFilteringMenuSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => string | null;

package/esm/hooks/features/pagination/gridPaginationSelector.d.ts

@@ -9,71 +9,87 @@ export declare const gridPaginationSelector: import("@mui/x-data-grid").OutputSe
  * @category Pagination
  * @ignore - do not document.
  */
-export declare const gridPaginationEnabledClientSideSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridPaginationState, boolean>;
+export declare const gridPaginationEnabledClientSideSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => boolean;
 /**
  * Get the pagination model
  * @category Pagination
  */
-export declare const gridPaginationModelSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridPaginationState, import("@mui/x-data-grid").GridPaginationModel>;
+export declare const gridPaginationModelSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridPaginationModel;
 /**
  * Get the row count
  * @category Pagination
  */
-export declare const gridPaginationRowCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridPaginationState, number>;
+export declare const gridPaginationRowCountSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => number;
 /**
  * Get the pagination meta
  * @category Pagination
  */
-export declare const gridPaginationMetaSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridPaginationState, import("@mui/x-data-grid").GridPaginationMeta>;
+export declare const gridPaginationMetaSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridPaginationMeta;
 /**
  * Get the index of the page to render if the pagination is enabled
  * @category Pagination
  */
-export declare const gridPageSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridPaginationModel, number>;
+export declare const gridPageSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => number;
 /**
  * Get the maximum amount of rows to display on a single page if the pagination is enabled
  * @category Pagination
  */
-export declare const gridPageSizeSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridPaginationModel, number>;
+export declare const gridPageSizeSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => number;
 /**
  * Get the amount of pages needed to display all the rows if the pagination is enabled
  * @category Pagination
  */
-export declare const gridPageCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, number, number>;
+export declare const gridPageCountSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => number;
 /**
  * Get the index of the first and the last row to include in the current page if the pagination is enabled.
  * @category Pagination
  */
-export declare const gridPaginationRowRangeSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], {
+export declare const gridPaginationRowRangeSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => {
   firstRowIndex: number;
   lastRowIndex: number;
-} | null>;
+} | null;
 /**
  * Get the id and the model of each row to include in the current page if the pagination is enabled.
  * @category Pagination
  */
-export declare const gridPaginatedVisibleSortedGridRowEntriesSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, {
-  firstRowIndex: number;
-  lastRowIndex: number;
-} | null, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[]>;
+export declare const gridPaginatedVisibleSortedGridRowEntriesSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[];
 /**
  * Get the id of each row to include in the current page if the pagination is enabled.
  * @category Pagination
  */
-export declare const gridPaginatedVisibleSortedGridRowIdsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, {
-  firstRowIndex: number;
-  lastRowIndex: number;
-} | null, GridRowId[]>;
+export declare const gridPaginatedVisibleSortedGridRowIdsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => GridRowId[];
 /**
  * Get the rows, range and rowIndex lookup map after filtering and sorting.
  * Does not contain the collapsed children.
  * @category Pagination
  */
-export declare const gridVisibleRowsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], {
+export declare const gridVisibleRowsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => {
   rows: import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[];
   range: {
     firstRowIndex: number;
     lastRowIndex: number;
   } | null;
   rowIdToIndexMap: Map<GridRowId, number>;
-}>;
+};

package/esm/hooks/features/pivoting/gridPivotingSelectors.d.ts

@@ -1,6 +1,11 @@
 import type { GridColDef } from "../../../models/colDef/index.js";
 import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-import type { GridPivotingStatePartial } from "./gridPivotingInterfaces.js";
-export declare const gridPivotActiveSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridPivotingStatePartial, boolean>;
-export declare const gridPivotInitialColumnsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridPivotingStatePartial, Map<string, GridColDef>>;
-export declare const gridPivotPanelOpenSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridPivotingStatePartial, boolean>;
+export declare const gridPivotActiveSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => boolean;
+export declare const gridPivotInitialColumnsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => Map<string, GridColDef>;
+export declare const gridPivotPanelOpenSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => boolean;

package/esm/hooks/features/preferencesPanel/gridPreferencePanelSelector.d.ts

@@ -1,3 +1,5 @@
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 export declare const gridPreferencePanelStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("@mui/x-data-grid").GridPreferencePanelState>;
-export declare const gridPreferencePanelSelectorWithLabel: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, string, boolean>;
+export declare const gridPreferencePanelSelectorWithLabel: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>, labelId: string | undefined) => boolean;

package/esm/hooks/features/rowSelection/gridRowSelectionSelector.d.ts

@@ -1,6 +1,12 @@
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 import { GridRowId } from "../../../models/gridRows.js";
 export declare const gridRowSelectionStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("@mui/x-data-grid").GridRowSelectionModel>;
-export declare const gridRowSelectionManagerSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowSelectionModel, import("../../../models/gridRowSelectionManager.js").RowSelectionManager>;
-export declare const gridRowSelectionCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, number, number>;
-export declare const gridRowSelectionIdsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridRowId[], Map<GridRowId, import("@mui/x-data-grid").GridValidRowModel>>;
+export declare const gridRowSelectionManagerSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("../../../models/gridRowSelectionManager.js").RowSelectionManager;
+export declare const gridRowSelectionCountSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => number;
+export declare const gridRowSelectionIdsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => Map<GridRowId, import("@mui/x-data-grid").GridValidRowModel>;

package/esm/hooks/features/rowSelection/useGridRowSelectionPreProcessors.js

@@ -28,17 +28,21 @@ export const useGridRowSelectionPreProcessors = (apiRef, props) => {
       headerName: apiRef.current.getLocaleText('checkboxSelectionHeaderName')
     });
     const shouldHaveSelectionColumn = props.checkboxSelection;
-    const haveSelectionColumn = columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] != null;
-    if (shouldHaveSelectionColumn && !haveSelectionColumn) {
+    const hasSelectionColumn = columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] != null;
+    if (shouldHaveSelectionColumn && !hasSelectionColumn) {
       columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] = selectionColumn;
       columnsState.orderedFields = [GRID_CHECKBOX_SELECTION_FIELD, ...columnsState.orderedFields];
-    } else if (!shouldHaveSelectionColumn && haveSelectionColumn) {
+    } else if (!shouldHaveSelectionColumn && hasSelectionColumn) {
       delete columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD];
       columnsState.orderedFields = columnsState.orderedFields.filter(field => field !== GRID_CHECKBOX_SELECTION_FIELD);
-    } else if (shouldHaveSelectionColumn && haveSelectionColumn) {
+    } else if (shouldHaveSelectionColumn && hasSelectionColumn) {
       columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] = _extends({}, selectionColumn, columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD]);
+      // If the column is not in the columns array (not a custom selection column), move it to the beginning of the column order
+      if (!props.columns.some(col => col.field === GRID_CHECKBOX_SELECTION_FIELD)) {
+        columnsState.orderedFields = [GRID_CHECKBOX_SELECTION_FIELD, ...columnsState.orderedFields.filter(field => field !== GRID_CHECKBOX_SELECTION_FIELD)];
+      }
     }
     return columnsState;
-  }, [apiRef, classes, props.checkboxSelection]);
+  }, [apiRef, classes, props.columns, props.checkboxSelection]);
   useGridRegisterPipeProcessor(apiRef, 'hydrateColumns', updateSelectionColumn);
 };

package/esm/hooks/features/rowSelection/utils.d.ts

@@ -5,13 +5,15 @@ import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommuni
 import { type GridRowSelectionPropagation } from "../../../models/gridRowSelectionModel.js";
 import { type RowSelectionManager } from "../../../models/gridRowSelectionManager.js";
 export declare const ROW_SELECTION_PROPAGATION_DEFAULT: GridRowSelectionPropagation;
-export declare const checkboxPropsSelector: import("@mui/x-data-grid").OutputSelector<import("../../../models/gridStateCommunity.js").GridStateCommunity, {
+export declare const checkboxPropsSelector: (args_0: import("react").RefObject<{
+  state: import("../../../models/gridStateCommunity.js").GridStateCommunity;
+} | null>, args_1: {
   groupId: GridRowId;
   autoSelectParents: boolean;
-}, {
+}) => {
   isIndeterminate: boolean;
   isChecked: boolean;
-}>;
+};
 export declare function isMultipleRowSelectionEnabled(props: Pick<DataGridProcessedProps, 'signature' | 'disableMultipleRowSelection' | 'checkboxSelection'>): boolean;
 export declare const findRowsToSelect: (apiRef: RefObject<GridPrivateApiCommunity>, tree: GridRowTreeConfig, selectedRow: GridRowId, autoSelectDescendants: boolean, autoSelectParents: boolean, addRow: (rowId: GridRowId) => void, rowSelectionManager?: RowSelectionManager) => void;
 export declare const findRowsToDeselect: (apiRef: RefObject<GridPrivateApiCommunity>, tree: GridRowTreeConfig, deselectedRow: GridRowId, autoSelectDescendants: boolean, autoSelectParents: boolean, removeRow: (rowId: GridRowId) => void) => void;

package/esm/hooks/features/rows/gridRowSpanningSelectors.d.ts

@@ -1,4 +1,10 @@
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-export declare const gridRowSpanningHiddenCellsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("./useGridRowSpanning.js").GridRowSpanningState, Record<import("@mui/x-data-grid").GridRowId, Record<string, boolean>>>;
-export declare const gridRowSpanningSpannedCellsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("./useGridRowSpanning.js").GridRowSpanningState, Record<import("@mui/x-data-grid").GridRowId, Record<string, number>>>;
-export declare const gridRowSpanningHiddenCellsOriginMapSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("./useGridRowSpanning.js").GridRowSpanningState, Record<number, Record<string, number>>>;
+export declare const gridRowSpanningHiddenCellsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => Record<import("@mui/x-data-grid").GridRowId, Record<string, boolean>>;
+export declare const gridRowSpanningSpannedCellsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => Record<import("@mui/x-data-grid").GridRowId, Record<string, number>>;
+export declare const gridRowSpanningHiddenCellsOriginMapSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => Record<number, Record<string, number>>;

package/esm/hooks/features/rows/gridRowsSelector.d.ts

@@ -1,31 +1,59 @@
 import { GridRowId } from "../../../models/gridRows.js";
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 export declare const gridRowsStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("@mui/x-data-grid").GridRowsState>;
-export declare const gridRowCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, number>;
-export declare const gridRowsLoadingSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, boolean | undefined>;
-export declare const gridTopLevelRowCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, number>;
-export declare const gridRowsLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, import("@mui/x-data-grid").GridRowIdToModelLookup<import("@mui/x-data-grid").GridValidRowModel>>;
-export declare const gridRowSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridRowId, import("@mui/x-data-grid").GridValidRowModel>;
-export declare const gridRowTreeSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, import("@mui/x-data-grid").GridRowTreeConfig>;
-export declare const gridRowNodeSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridRowId, import("@mui/x-data-grid").GridTreeNode>;
-export declare const gridRowGroupsToFetchSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, GridRowId[] | undefined>;
-export declare const gridRowGroupingNameSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, string>;
-export declare const gridRowTreeDepthsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, import("./gridRowsInterfaces.js").GridTreeDepths>;
-export declare const gridRowMaximumTreeDepthSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, number>;
-export declare const gridDataRowIdsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, GridRowId[]>;
-export declare const gridDataRowsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowIdToModelLookup<import("@mui/x-data-grid").GridValidRowModel>, import("@mui/x-data-grid").GridValidRowModel[]>;
+export declare const gridRowCountSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => number;
+export declare const gridRowsLoadingSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => boolean | undefined;
+export declare const gridTopLevelRowCountSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => number;
+export declare const gridRowsLookupSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridRowIdToModelLookup<import("@mui/x-data-grid").GridValidRowModel>;
+export declare const gridRowSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>, id: GridRowId) => import("@mui/x-data-grid").GridValidRowModel;
+export declare const gridRowTreeSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridRowTreeConfig;
+export declare const gridRowNodeSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>, rowId: GridRowId) => import("@mui/x-data-grid").GridTreeNode;
+export declare const gridRowGroupsToFetchSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => GridRowId[] | undefined;
+export declare const gridRowGroupingNameSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => string;
+export declare const gridRowTreeDepthsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("./gridRowsInterfaces.js").GridTreeDepths;
+export declare const gridRowMaximumTreeDepthSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => number;
+export declare const gridDataRowIdsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => GridRowId[];
+export declare const gridDataRowsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridValidRowModel[];
 /**
  * @ignore - do not document.
  */
-export declare const gridAdditionalRowGroupsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowsState, {
+export declare const gridAdditionalRowGroupsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => {
   pinnedRows?: import("./gridRowsInterfaces.js").GridPinnedRowsState;
-} | undefined>;
+} | undefined;
 /**
  * @ignore - do not document.
  */
-export declare const gridPinnedRowsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, {
-  pinnedRows?: import("./gridRowsInterfaces.js").GridPinnedRowsState;
-} | undefined, {
+export declare const gridPinnedRowsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => {
   bottom: {
     id: GridRowId;
     model: import("@mui/x-data-grid").GridValidRowModel;
@@ -34,17 +62,10 @@ export declare const gridPinnedRowsSelector: import("@mui/x-data-grid").OutputSe
     id: GridRowId;
     model: import("@mui/x-data-grid").GridValidRowModel;
   }[];
-}>;
+};
 /**
  * @ignore - do not document.
  */
-export declare const gridPinnedRowsCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, {
-  bottom: {
-    id: GridRowId;
-    model: import("@mui/x-data-grid").GridValidRowModel;
-  }[];
-  top: {
-    id: GridRowId;
-    model: import("@mui/x-data-grid").GridValidRowModel;
-  }[];
-}, number>;
+export declare const gridPinnedRowsCountSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => number;

package/esm/hooks/features/sorting/gridSortingSelector.d.ts

@@ -5,17 +5,23 @@ import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
  * Get the id of the rows after the sorting process.
  * @category Sorting
  */
-export declare const gridSortedRowIdsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridSortingState, GridRowId[]>;
+export declare const gridSortedRowIdsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => GridRowId[];
 /**
  * Get the id and the model of the rows after the sorting process.
  * @category Sorting
  */
-export declare const gridSortedRowEntriesSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowTreeConfig, GridRowEntry<GridValidRowModel>[]>;
+export declare const gridSortedRowEntriesSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => GridRowEntry<GridValidRowModel>[];
 /**
  * Get the current sorting model.
  * @category Sorting
  */
-export declare const gridSortModelSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridSortingState, GridSortModel>;
+export declare const gridSortModelSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => GridSortModel;
 export type GridSortColumnLookup = Record<string, {
   sortDirection: GridSortDirection;
   sortIndex?: number;
@@ -24,9 +30,13 @@ export type GridSortColumnLookup = Record<string, {
  * @category Sorting
  * @ignore - do not document.
  */
-export declare const gridSortColumnLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridSortModel, GridSortColumnLookup>;
+export declare const gridSortColumnLookupSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => GridSortColumnLookup;
 /**
  * @category Sorting
  * @ignore - do not document.
  */
-export declare const gridSortedRowIndexLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridRowId[], Record<GridRowId, number>>;
+export declare const gridSortedRowIndexLookupSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => Record<GridRowId, number>;