@mui/x-data-grid 8.5.1 → 8.5.2

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/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>;

package/esm/hooks/features/virtualization/gridFocusedVirtualCellSelector.d.ts

@@ -1,6 +1,8 @@
-export declare const gridFocusedVirtualCellSelector: import("@mui/x-data-grid").OutputSelector<import("../../../models/gridStateCommunity.js").GridStateCommunity, import("@mui/x-data-grid").GridCellCoordinates | null, {
+export declare const gridFocusedVirtualCellSelector: (args_0: import("react").RefObject<{
+  state: import("../../../models/gridStateCommunity.js").GridStateCommunity;
+} | null>) => {
   rowIndex: number;
   columnIndex: number;
   id?: import("@mui/x-data-grid").GridRowId | undefined;
   field?: string | undefined;
-} | null>;
+} | null;

package/esm/hooks/features/virtualization/gridVirtualizationSelectors.d.ts

@@ -10,27 +10,37 @@ export declare const gridVirtualizationSelector: import("@mui/x-data-grid").Outp
  * @category Virtualization
  * @deprecated Use `gridVirtualizationColumnEnabledSelector` and `gridVirtualizationRowEnabledSelector`
  */
-export declare const gridVirtualizationEnabledSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridVirtualizationState, boolean>;
+export declare const gridVirtualizationEnabledSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => boolean;
 /**
  * Get the enabled state for column virtualization
  * @category Virtualization
  */
-export declare const gridVirtualizationColumnEnabledSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridVirtualizationState, boolean>;
+export declare const gridVirtualizationColumnEnabledSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => boolean;
 /**
  * Get the enabled state for row virtualization
  * @category Virtualization
  */
-export declare const gridVirtualizationRowEnabledSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridVirtualizationState, boolean>;
+export declare const gridVirtualizationRowEnabledSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => boolean;
 /**
  * Get the render context
  * @category Virtualization
  * @ignore - do not document.
  */
-export declare const gridRenderContextSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridVirtualizationState, import("@mui/x-data-grid").GridRenderContext>;
+export declare const gridRenderContextSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => import("@mui/x-data-grid").GridRenderContext;
 /**
  * Get the render context, with only columns filled in.
  * This is cached, so it can be used to only re-render when the column interval changes.
  * @category Virtualization
  * @ignore - do not document.
  */
-export declare const gridRenderContextColumnsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, number, GridColumnsRenderContext>;
+export declare const gridRenderContextColumnsSelector: (args_0: import("react").RefObject<{
+  state: GridStateCommunity;
+} | null>) => GridColumnsRenderContext;

package/esm/hooks/features/virtualization/gridVirtualizationSelectors.js

@@ -30,6 +30,8 @@ export const gridVirtualizationRowEnabledSelector = createSelector(gridVirtualiz
  * @ignore - do not document.
  */
 export const gridRenderContextSelector = createSelector(gridVirtualizationSelector, state => state.renderContext);
+const firstColumnIndexSelector = createRootSelector(state => state.virtualization.renderContext.firstColumnIndex);
+const lastColumnIndexSelector = createRootSelector(state => state.virtualization.renderContext.lastColumnIndex);
 
 /**
  * Get the render context, with only columns filled in.
@@ -37,7 +39,7 @@ export const gridRenderContextSelector = createSelector(gridVirtualizationSelect
  * @category Virtualization
  * @ignore - do not document.
  */
-export const gridRenderContextColumnsSelector = createSelectorMemoized(apiRef => apiRef.current.state.virtualization.renderContext.firstColumnIndex, apiRef => apiRef.current.state.virtualization.renderContext.lastColumnIndex, (firstColumnIndex, lastColumnIndex) => ({
+export const gridRenderContextColumnsSelector = createSelectorMemoized(firstColumnIndexSelector, lastColumnIndexSelector, (firstColumnIndex, lastColumnIndex) => ({
   firstColumnIndex,
   lastColumnIndex
 }));

package/esm/hooks/utils/useGridSelector.d.ts

@@ -1,8 +1,6 @@
 import { RefObject } from '@mui/x-internals/types';
 import type { GridApiCommon } from "../../models/api/gridApiCommon.js";
-import type { OutputSelector } from "../../utils/createSelector.js";
-type Selector<Api extends GridApiCommon, Args, T> = ((apiRef: RefObject<Api>) => T) | ((apiRef: RefObject<Api | null>) => T) | OutputSelector<Api['state'], Args, T>;
 export declare const objectShallowCompare: (a: unknown, b: unknown) => boolean;
 export declare const argsEqual: (prev: any, curr: any) => boolean;
-export declare const useGridSelector: <Api extends GridApiCommon, Args, T>(apiRef: RefObject<Api>, selector: Selector<Api, Args, T>, args?: Args, equals?: <U = T>(a: U, b: U) => boolean) => T;
-export {};
+export declare function useGridSelector<Api extends GridApiCommon, T>(apiRef: RefObject<Api>, selector: (apiRef: RefObject<Api>) => T, args?: undefined, equals?: <U = T>(a: U, b: U) => boolean): T;
+export declare function useGridSelector<Api extends GridApiCommon, T, Args>(apiRef: RefObject<Api>, selector: (apiRef: RefObject<Api>, a1: Args) => T, args: Args, equals?: <U = T>(a: U, b: U) => boolean): T;

package/esm/hooks/utils/useGridSelector.js

@@ -28,7 +28,7 @@ const createRefs = () => ({
 });
 const EMPTY = [];
 const emptyGetSnapshot = () => null;
-export const useGridSelector = (apiRef, selector, args = undefined, equals = defaultCompare) => {
+export function useGridSelector(apiRef, selector, args = undefined, equals = defaultCompare) {
   if (process.env.NODE_ENV !== 'production') {
     if (!apiRef.current.state) {
       warnOnce(['MUI X: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
@@ -77,4 +77,4 @@ export const useGridSelector = (apiRef, selector, args = undefined, equals = def
   }, EMPTY);
   useSyncExternalStore(unsubscribe, subscribe, emptyGetSnapshot);
   return state;
-};
+}

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.5.1
+ * @mui/x-data-grid v8.5.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/material/variables.js

@@ -16,8 +16,7 @@ export function useMaterialCSSVariables() {
 }
 function transformTheme(t) {
   const borderColor = getBorderColor(t);
-  const dataGridPalette = t.palette.DataGrid; // FIXME: docs typecheck error
-
+  const dataGridPalette = (t.vars || t).palette.DataGrid;
   const backgroundBase = dataGridPalette?.bg ?? (t.vars || t).palette.background.default;
   const backgroundHeader = dataGridPalette?.headerBg ?? backgroundBase;
   const backgroundPinned = dataGridPalette?.pinnedBg ?? backgroundBase;

package/esm/models/api/gridCoreApi.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { EventManager, EventListenerOptions } from '@mui/x-internals/EventManager';
+import type { Store } from '@mui/x-internals/store';
 import type { GridEventPublisher, GridEventListener, GridEvents } from "../events/index.js";
-import { Store } from "../../utils/Store.js";
 import type { GridApiCaches } from "../gridApiCaches.js";
 import type { GridApiCommon, GridPrivateApiCommon } from "./gridApiCommon.js";
 import type { DataGridProcessedProps } from "../props/DataGridProps.js";

package/esm/models/gridCellClass.d.ts

@@ -2,6 +2,8 @@ import { GridValidRowModel } from "./gridRows.js";
 import { GridCellParams } from "./params/gridCellParams.js";
 /**
  * A function used to process cellClassName params.
+ * @param {GridCellParams<R, V>} params The parameters of the cell.
+ * @returns {string} The class name to be added to the cell.
  */
 export type GridCellClassFn<R extends GridValidRowModel = any, V = unknown> = (params: GridCellParams<R, V>) => string;
 /**

package/esm/models/gridColumnGrouping.d.ts

@@ -7,6 +7,8 @@ export type GridColumnNode = GridColumnGroup | GridLeafColumn;
 export declare function isLeaf(node: GridColumnNode): node is GridLeafColumn;
 /**
  * A function used to process headerClassName params.
+ * @param {GridColumnGroupHeaderParams} params The parameters of the column group header.
+ * @returns {string} The class name to be added to the column group header cell.
  */
 export type GridColumnGroupHeaderClassFn = (params: GridColumnGroupHeaderParams) => string;
 /**

package/esm/models/gridColumnGrouping.js

@@ -4,6 +4,8 @@ export function isLeaf(node) {
 
 /**
  * A function used to process headerClassName params.
+ * @param {GridColumnGroupHeaderParams} params The parameters of the column group header.
+ * @returns {string} The class name to be added to the column group header cell.
  */
 
 /**

package/esm/models/gridColumnHeaderClass.d.ts

@@ -1,6 +1,8 @@
 import { GridColumnHeaderParams } from "./params/gridColumnHeaderParams.js";
 /**
  * A function used to process headerClassName params.
+ * @param {GridColumnHeaderParams} params The parameters of the column header.
+ * @returns {string} The class name to be added to the column header cell.
  */
 export type GridColumnHeaderClassFn = (params: GridColumnHeaderParams) => string;
 /**

package/esm/models/gridRows.d.ts

@@ -173,6 +173,8 @@ export interface GridRowEntry<R extends GridValidRowModel = GridValidRowModel> {
 }
 /**
  * The function to retrieve the id of a [[GridRowModel]].
+ * @param {R} row The row model.
+ * @returns {GridRowId} The id of the row.
  */
 export type GridRowIdGetter<R extends GridValidRowModel = GridValidRowModel> = (row: R) => GridRowId;
 export {};

package/esm/models/gridSortModel.d.ts

@@ -9,6 +9,11 @@ export interface GridSortCellParams<V = any> {
 }
 /**
  * The type of the sort comparison function.
+ * @param {V} v1 The first value to compare.
+ * @param {V} v2 The second value to compare.
+ * @param {GridSortCellParams<V>} cellParams1 The parameters of the first cell.
+ * @param {GridSortCellParams<V>} cellParams2 The parameters of the second cell.
+ * @returns {number} The result of the comparison.
  */
 export type GridComparatorFn<V = any> = (v1: V, v2: V, cellParams1: GridSortCellParams<V>, cellParams2: GridSortCellParams<V>) => number;
 /**

package/esm/models/params/gridRowParams.d.ts

@@ -3,7 +3,7 @@ import type { GridColDef } from "../colDef/gridColDef.js";
 /**
  * Object passed as parameter in the row callbacks.
  * @demos
- *   - [Master detail](/x/react-data-grid/master-detail/)
+ *   - [Master-detail row panels](/x/react-data-grid/master-detail/)
  */
 export interface GridRowParams<R extends GridValidRowModel = any> {
   /**

package/esm/models/params/gridRowParams.js

@@ -1,7 +1,7 @@
 /**
  * Object passed as parameter in the row callbacks.
  * @demos
- *   - [Master detail](/x/react-data-grid/master-detail/)
+ *   - [Master-detail row panels](/x/react-data-grid/master-detail/)
  */
 /**
  * Object passed as parameter in the row `getRowClassName` callback prop.

package/esm/utils/createSelector.d.ts

@@ -1,23 +1,15 @@
 import { RefObject } from '@mui/x-internals/types';
-import { Selector, SelectorResultArray } from 'reselect';
+import { CreateSelectorFunction } from '@mui/x-internals/store';
 export interface OutputSelector<State, Args, Result> {
   (apiRef: RefObject<{
     state: State;
   } | null>, args?: Args): Result;
 }
-type StateFromSelector<T> = T extends ((first: infer F, ...args: any[]) => any) ? F extends RefObject<{
-  state: infer F2;
-} | null> ? F2 : F : never;
-type StateFromSelectorList<Selectors extends readonly any[]> = Selectors extends [f: infer F, ...other: infer R] ? StateFromSelector<F> extends StateFromSelectorList<R> ? StateFromSelector<F> : StateFromSelectorList<R> : {};
-type SelectorResultArrayWithArgs<Selectors extends ReadonlyArray<Selector<any>>, Args> = [...SelectorResultArray<Selectors>, Args];
-type SelectorArgs<Selectors extends ReadonlyArray<Selector<any>>, Args, Result> = [selectors: [...Selectors], combiner: (...args: SelectorResultArrayWithArgs<Selectors, Args>) => Result] | [...Selectors, (...args: SelectorResultArrayWithArgs<Selectors, Args>) => Result];
-type CreateSelectorFunction = <Selectors extends ReadonlyArray<Selector<any>>, Args, Result>(...items: SelectorArgs<Selectors, Args, Result>) => OutputSelector<StateFromSelectorList<Selectors>, Args, Result>;
 export declare const createSelector: CreateSelectorFunction;
+export declare const createSelectorMemoized: CreateSelectorFunction;
 /**
  * Used to create the root selector for a feature. It assumes that the state is already initialized
  * and strips from the types the possibility of `apiRef` being `null`.
  * Users are warned about this in our documentation https://mui.com/x/react-data-grid/state/#direct-selector-access
  */
-export declare const createRootSelector: <State, Args, Result>(fn: (state: State, args: Args) => Result) => OutputSelector<State, Args, Result>;
-export declare const createSelectorMemoized: CreateSelectorFunction;
-export {};
+export declare const createRootSelector: <State, Args, Result>(fn: (state: State, args: Args) => Result) => OutputSelector<State, Args, Result>;