@mui/x-data-grid 8.5.1 → 8.5.3

package/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/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/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/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/hooks/features/virtualization/gridVirtualizationSelectors.js

@@ -36,6 +36,8 @@ const gridVirtualizationRowEnabledSelector = exports.gridVirtualizationRowEnable
  * @ignore - do not document.
  */
 const gridRenderContextSelector = exports.gridRenderContextSelector = (0, _createSelector.createSelector)(gridVirtualizationSelector, state => state.renderContext);
+const firstColumnIndexSelector = (0, _createSelector.createRootSelector)(state => state.virtualization.renderContext.firstColumnIndex);
+const lastColumnIndexSelector = (0, _createSelector.createRootSelector)(state => state.virtualization.renderContext.lastColumnIndex);
 
 /**
  * Get the render context, with only columns filled in.
@@ -43,7 +45,7 @@ const gridRenderContextSelector = exports.gridRenderContextSelector = (0, _creat
  * @category Virtualization
  * @ignore - do not document.
  */
-const gridRenderContextColumnsSelector = exports.gridRenderContextColumnsSelector = (0, _createSelector.createSelectorMemoized)(apiRef => apiRef.current.state.virtualization.renderContext.firstColumnIndex, apiRef => apiRef.current.state.virtualization.renderContext.lastColumnIndex, (firstColumnIndex, lastColumnIndex) => ({
+const gridRenderContextColumnsSelector = exports.gridRenderContextColumnsSelector = (0, _createSelector.createSelectorMemoized)(firstColumnIndexSelector, lastColumnIndexSelector, (firstColumnIndex, lastColumnIndex) => ({
   firstColumnIndex,
   lastColumnIndex
 }));

package/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/hooks/utils/useGridSelector.js

@@ -4,7 +4,8 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridSelector = exports.objectShallowCompare = exports.argsEqual = void 0;
+exports.objectShallowCompare = exports.argsEqual = void 0;
+exports.useGridSelector = useGridSelector;
 var React = _interopRequireWildcard(require("react"));
 var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
 var _warning = require("@mui/x-internals/warning");
@@ -36,7 +37,7 @@ const createRefs = () => ({
 });
 const EMPTY = [];
 const emptyGetSnapshot = () => null;
-const useGridSelector = (apiRef, selector, args = undefined, equals = defaultCompare) => {
+function useGridSelector(apiRef, selector, args = undefined, equals = defaultCompare) {
   if (process.env.NODE_ENV !== 'production') {
     if (!apiRef.current.state) {
       (0, _warning.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.']);
@@ -85,5 +86,4 @@ const useGridSelector = (apiRef, selector, args = undefined, equals = defaultCom
   }, EMPTY);
   (0, _shim.useSyncExternalStore)(unsubscribe, subscribe, emptyGetSnapshot);
   return state;
-};
-exports.useGridSelector = useGridSelector;
+}

package/index.js

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

package/internals/demo/TailwindDemoContainer.d.ts

@@ -7,5 +7,5 @@ interface TailwindDemoContainerProps {
  * WARNING: This is an internal component used in documentation to inject the Tailwind script.
  * Please do not use it in your application.
  */
-export declare function TailwindDemoContainer(props: TailwindDemoContainerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+export declare function TailwindDemoContainer(props: TailwindDemoContainerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
 export {};

package/material/variables.js

@@ -22,8 +22,7 @@ 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/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/models/gridBaseSlots.d.ts

@@ -267,6 +267,7 @@ export type TooltipProps = CommonProps & {
   children: React.ReactElement<any, any>;
   enterDelay?: number;
   title: React.ReactNode;
+  disableInteractive?: boolean;
 };
 export type IconProps = CommonProps<SVGSVGElement> & {
   fontSize?: 'small' | 'medium' | 'large' | 'inherit';

package/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/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/models/gridColumnGrouping.js

@@ -10,6 +10,8 @@ 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/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/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/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/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/models/params/gridRowParams.js

@@ -7,7 +7,7 @@ exports.GridRowEditStopReasons = exports.GridRowEditStartReasons = void 0;
 /**
  * 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.5.1",
+  "version": "8.5.3",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "main": "./index.js",
@@ -39,13 +39,12 @@
     "directory": "packages/x-data-grid"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.4",
+    "@babel/runtime": "^7.27.6",
     "@mui/utils": "^7.1.1",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "reselect": "^5.1.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-internals": "8.5.1"
+    "@mui/x-internals": "8.5.3"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

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

package/utils/createSelector.js

@@ -4,64 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createSelectorMemoized = exports.createSelector = exports.createRootSelector = void 0;
-var _reselect = require("reselect");
-var _useGridSelector = require("../hooks/utils/useGridSelector");
-var _weakMapMemoize = require("./weakMapMemoize");
-const reselectCreateSelector = (0, _reselect.createSelectorCreator)({
-  memoize: _reselect.lruMemoize,
-  memoizeOptions: {
-    maxSize: 1,
-    equalityCheck: Object.is
-  },
-  argsMemoize: _weakMapMemoize.weakMapMemoize
-});
-const cache = new WeakMap();
-const createSelector = (a, b, c, d, e, f, ...other) => {
-  if (other.length > 0) {
-    throw new Error('Unsupported number of selectors');
-  }
-  let selector;
-
-  // eslint-disable-next-line id-denylist
-  if (a && b && c && d && e && f) {
-    selector = (apiRef, args) => {
-      const va = a(apiRef, args);
-      const vb = b(apiRef, args);
-      const vc = c(apiRef, args);
-      const vd = d(apiRef, args);
-      const ve = e(apiRef, args);
-      return f(va, vb, vc, vd, ve, args);
-    };
-    // eslint-disable-next-line id-denylist
-  } else if (a && b && c && d && e) {
-    selector = (apiRef, args) => {
-      const va = a(apiRef, args);
-      const vb = b(apiRef, args);
-      const vc = c(apiRef, args);
-      const vd = d(apiRef, args);
-      return e(va, vb, vc, vd, args);
-    };
-  } else if (a && b && c && d) {
-    selector = (apiRef, args) => {
-      const va = a(apiRef, args);
-      const vb = b(apiRef, args);
-      const vc = c(apiRef, args);
-      return d(va, vb, vc, args);
-    };
-  } else if (a && b && c) {
-    selector = (apiRef, args) => {
-      const va = a(apiRef, args);
-      const vb = b(apiRef, args);
-      return c(va, vb, args);
-    };
-  } else if (a && b) {
-    selector = (apiRef, args) => {
-      const va = a(apiRef, args);
-      return b(va, args);
-    };
-  } else {
-    throw new Error('Missing arguments');
-  }
+var _store = require("@mui/x-internals/store");
+const createSelector = (...args) => {
+  const baseSelector = (0, _store.createSelector)(...args);
+  const selector = (apiRef, a1, a2, a3) => baseSelector(unwrapIfNeeded(apiRef), a1, a2, a3);
+  return selector;
+};
+exports.createSelector = createSelector;
+const createSelectorMemoized = (...args) => {
+  const baseSelector = (0, _store.createSelectorMemoized)(...args);
+  const selector = (apiRef, a1, a2, a3) => baseSelector(unwrapIfNeeded(apiRef), a1, a2, a3);
   return selector;
 };
 
@@ -70,34 +22,12 @@ const createSelector = (a, b, c, d, e, f, ...other) => {
  * 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
  */
-exports.createSelector = createSelector;
-const createRootSelector = fn => (apiRef, args) => fn(apiRef.current.state, args);
+exports.createSelectorMemoized = createSelectorMemoized;
+const createRootSelector = fn => (apiRef, args) => fn(unwrapIfNeeded(apiRef), args);
 exports.createRootSelector = createRootSelector;
-const createSelectorMemoized = (...args) => {
-  const selector = (apiRef, selectorArgs) => {
-    const cacheKey = apiRef.current.instanceId;
-    const cacheArgsInit = cache.get(cacheKey);
-    const cacheArgs = cacheArgsInit ?? new Map();
-    const cacheFn = cacheArgs.get(args);
-    if (cacheArgs && cacheFn) {
-      if (!(0, _useGridSelector.argsEqual)(cacheFn.selectorArgs, selectorArgs)) {
-        const reselectArgs = selectorArgs !== undefined ? [...args.slice(0, args.length - 1), () => selectorArgs, args[args.length - 1]] : args;
-        const fn = reselectCreateSelector(...reselectArgs);
-        fn.selectorArgs = selectorArgs;
-        cacheArgs.set(args, fn);
-        return fn(apiRef, selectorArgs);
-      }
-      return cacheFn(apiRef, selectorArgs);
-    }
-    const reselectArgs = selectorArgs !== undefined ? [...args.slice(0, args.length - 1), () => selectorArgs, args[args.length - 1]] : args;
-    const fn = reselectCreateSelector(...reselectArgs);
-    fn.selectorArgs = selectorArgs;
-    if (!cacheArgsInit) {
-      cache.set(cacheKey, cacheArgs);
-    }
-    cacheArgs.set(args, fn);
-    return fn(apiRef, selectorArgs);
-  };
-  return selector;
-};
-exports.createSelectorMemoized = createSelectorMemoized;
+function unwrapIfNeeded(refOrState) {
+  if ('current' in refOrState) {
+    return refOrState.current.state;
+  }
+  return refOrState;
+}

package/esm/utils/Store.d.ts

@@ -1,11 +0,0 @@
-type Listener<T> = (value: T) => void;
-export declare class Store<T> {
-  value: T;
-  listeners: Set<Listener<T>>;
-  static create<T>(value: T): Store<T>;
-  constructor(value: T);
-  subscribe: (fn: Listener<T>) => () => void;
-  getSnapshot: () => T;
-  update: (value: T) => void;
-}
-export {};

package/esm/utils/Store.js

@@ -1,24 +0,0 @@
-export class Store {
-  static create(value) {
-    return new Store(value);
-  }
-  constructor(_value) {
-    this.value = void 0;
-    this.listeners = void 0;
-    this.subscribe = fn => {
-      this.listeners.add(fn);
-      return () => {
-        this.listeners.delete(fn);
-      };
-    };
-    this.getSnapshot = () => {
-      return this.value;
-    };
-    this.update = value => {
-      this.value = value;
-      this.listeners.forEach(l => l(value));
-    };
-    this.value = _value;
-    this.listeners = new Set();
-  }
-}

package/esm/utils/weakMapMemoize.d.ts

@@ -1,20 +0,0 @@
-type AnyNonNullishValue = NonNullable<unknown>;
-type Simplify<T> = T extends AnyFunction ? T : { [KeyType in keyof T]: T[KeyType] } & AnyNonNullishValue;
-type EqualityFn<T = any> = (a: T, b: T) => boolean;
-type DefaultMemoizeFields = {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-};
-type AnyFunction = (...args: any[]) => any;
-interface WeakMapMemoizeOptions<Result = any> {
-  resultEqualityCheck?: EqualityFn<Result>;
-}
-/**
- * Inspired by the `weakMapMemoize` function from the `reselect` library.
- *
- * @see {@link https://github.com/reduxjs/reselect/blob/1c3fc05f041d32cd69c11a7f7deccf0bce6f4598/src/weakMapMemoize.ts `original source code`}
- * @see {@link https://reselect.js.org/api/weakMapMemoize `weakMapMemoize api docs`}
- */
-export declare function weakMapMemoize<Func extends AnyFunction>(func: Func, options?: WeakMapMemoizeOptions<ReturnType<Func>>): Func & Simplify<DefaultMemoizeFields>;
-export {};