@mui/x-data-grid 8.5.1 → 8.5.2

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.2",
   "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.2"
   },
   "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 {};

package/esm/utils/weakMapMemoize.js

@@ -1,128 +0,0 @@
-// Original source:
-// - https://github.com/reduxjs/reselect/blob/1c3fc05f041d32cd69c11a7f7deccf0bce6f4598/src/weakMapMemoize.ts
-
-class StrongRef {
-  constructor(value) {
-    this.value = value;
-  }
-  deref() {
-    return this.value;
-  }
-}
-const getWeakRef = () => typeof WeakRef === 'undefined' ? StrongRef : WeakRef;
-const Ref = /** @__PURE__ */getWeakRef();
-const UNTERMINATED = 0;
-const TERMINATED = 1;
-function createCacheNode() {
-  return {
-    s: UNTERMINATED,
-    v: undefined,
-    o: null,
-    p: null
-  };
-}
-/**
- * Derefences the argument if it is a Ref. Else if it is a value already, return it.
- *
- * @param r - the object to maybe deref
- * @returns The derefenced value if the argument is a Ref, else the argument value itself.
- */
-function maybeDeref(r) {
-  if (r instanceof Ref) {
-    return r.deref();
-  }
-  return r;
-}
-
-/**
- * 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 function weakMapMemoize(func, options = {}) {
-  let fnNode = createCacheNode();
-  const {
-    resultEqualityCheck
-  } = options;
-  let lastResult;
-  let resultsCount = 0;
-  function memoized() {
-    let cacheNode = fnNode;
-    // eslint-disable-next-line prefer-rest-params
-    const {
-      length
-    } = arguments;
-    for (let i = 0, l = length; i < l; i += 1) {
-      // eslint-disable-next-line prefer-rest-params
-      let arg = arguments[i];
-      if (typeof arg === 'function' || typeof arg === 'object' && arg !== null) {
-        // Following logic is added over the original `weakMapMemoize` to support the proper memoization of the `GridApiRef`
-        if ('current' in arg && 'instanceId' in arg.current) {
-          arg = arg.current.state;
-        }
-        // Objects go into a WeakMap
-        let objectCache = cacheNode.o;
-        if (objectCache === null) {
-          objectCache = new WeakMap();
-          cacheNode.o = objectCache;
-        }
-        const objectNode = objectCache.get(arg);
-        if (objectNode === undefined) {
-          cacheNode = createCacheNode();
-          objectCache.set(arg, cacheNode);
-        } else {
-          cacheNode = objectNode;
-        }
-      } else {
-        // Primitives go into a regular Map
-        let primitiveCache = cacheNode.p;
-        if (primitiveCache === null) {
-          primitiveCache = new Map();
-          cacheNode.p = primitiveCache;
-        }
-        const primitiveNode = primitiveCache.get(arg);
-        if (primitiveNode === undefined) {
-          cacheNode = createCacheNode();
-          primitiveCache.set(arg, cacheNode);
-        } else {
-          cacheNode = primitiveNode;
-        }
-      }
-    }
-    const terminatedNode = cacheNode;
-    let result;
-    if (cacheNode.s === TERMINATED) {
-      result = cacheNode.v;
-    } else {
-      // Allow errors to propagate
-      // eslint-disable-next-line prefer-spread, prefer-rest-params
-      result = func.apply(null, arguments);
-      resultsCount += 1;
-      if (resultEqualityCheck) {
-        // Deref lastResult if it is a Ref
-        const lastResultValue = maybeDeref(lastResult);
-        if (lastResultValue != null && resultEqualityCheck(lastResultValue, result)) {
-          result = lastResultValue;
-          if (resultsCount !== 0) {
-            resultsCount -= 1;
-          }
-        }
-        const needsWeakRef = typeof result === 'object' && result !== null || typeof result === 'function';
-        lastResult = needsWeakRef ? /** @__PURE__ */new Ref(result) : result;
-      }
-    }
-    terminatedNode.s = TERMINATED;
-    terminatedNode.v = result;
-    return result;
-  }
-  memoized.clearCache = () => {
-    fnNode = createCacheNode();
-    memoized.resetResultsCount();
-  };
-  memoized.resultsCount = () => resultsCount;
-  memoized.resetResultsCount = () => {
-    resultsCount = 0;
-  };
-  return memoized;
-}

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

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Store = void 0;
-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();
-  }
-}
-exports.Store = Store;

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

package/utils/weakMapMemoize.js

@@ -1,134 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.weakMapMemoize = weakMapMemoize;
-// Original source:
-// - https://github.com/reduxjs/reselect/blob/1c3fc05f041d32cd69c11a7f7deccf0bce6f4598/src/weakMapMemoize.ts
-
-class StrongRef {
-  constructor(value) {
-    this.value = value;
-  }
-  deref() {
-    return this.value;
-  }
-}
-const getWeakRef = () => typeof WeakRef === 'undefined' ? StrongRef : WeakRef;
-const Ref = /** @__PURE__ */getWeakRef();
-const UNTERMINATED = 0;
-const TERMINATED = 1;
-function createCacheNode() {
-  return {
-    s: UNTERMINATED,
-    v: undefined,
-    o: null,
-    p: null
-  };
-}
-/**
- * Derefences the argument if it is a Ref. Else if it is a value already, return it.
- *
- * @param r - the object to maybe deref
- * @returns The derefenced value if the argument is a Ref, else the argument value itself.
- */
-function maybeDeref(r) {
-  if (r instanceof Ref) {
-    return r.deref();
-  }
-  return r;
-}
-
-/**
- * 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`}
- */
-function weakMapMemoize(func, options = {}) {
-  let fnNode = createCacheNode();
-  const {
-    resultEqualityCheck
-  } = options;
-  let lastResult;
-  let resultsCount = 0;
-  function memoized() {
-    let cacheNode = fnNode;
-    // eslint-disable-next-line prefer-rest-params
-    const {
-      length
-    } = arguments;
-    for (let i = 0, l = length; i < l; i += 1) {
-      // eslint-disable-next-line prefer-rest-params
-      let arg = arguments[i];
-      if (typeof arg === 'function' || typeof arg === 'object' && arg !== null) {
-        // Following logic is added over the original `weakMapMemoize` to support the proper memoization of the `GridApiRef`
-        if ('current' in arg && 'instanceId' in arg.current) {
-          arg = arg.current.state;
-        }
-        // Objects go into a WeakMap
-        let objectCache = cacheNode.o;
-        if (objectCache === null) {
-          objectCache = new WeakMap();
-          cacheNode.o = objectCache;
-        }
-        const objectNode = objectCache.get(arg);
-        if (objectNode === undefined) {
-          cacheNode = createCacheNode();
-          objectCache.set(arg, cacheNode);
-        } else {
-          cacheNode = objectNode;
-        }
-      } else {
-        // Primitives go into a regular Map
-        let primitiveCache = cacheNode.p;
-        if (primitiveCache === null) {
-          primitiveCache = new Map();
-          cacheNode.p = primitiveCache;
-        }
-        const primitiveNode = primitiveCache.get(arg);
-        if (primitiveNode === undefined) {
-          cacheNode = createCacheNode();
-          primitiveCache.set(arg, cacheNode);
-        } else {
-          cacheNode = primitiveNode;
-        }
-      }
-    }
-    const terminatedNode = cacheNode;
-    let result;
-    if (cacheNode.s === TERMINATED) {
-      result = cacheNode.v;
-    } else {
-      // Allow errors to propagate
-      // eslint-disable-next-line prefer-spread, prefer-rest-params
-      result = func.apply(null, arguments);
-      resultsCount += 1;
-      if (resultEqualityCheck) {
-        // Deref lastResult if it is a Ref
-        const lastResultValue = maybeDeref(lastResult);
-        if (lastResultValue != null && resultEqualityCheck(lastResultValue, result)) {
-          result = lastResultValue;
-          if (resultsCount !== 0) {
-            resultsCount -= 1;
-          }
-        }
-        const needsWeakRef = typeof result === 'object' && result !== null || typeof result === 'function';
-        lastResult = needsWeakRef ? /** @__PURE__ */new Ref(result) : result;
-      }
-    }
-    terminatedNode.s = TERMINATED;
-    terminatedNode.v = result;
-    return result;
-  }
-  memoized.clearCache = () => {
-    fnNode = createCacheNode();
-    memoized.resetResultsCount();
-  };
-  memoized.resultsCount = () => resultsCount;
-  memoized.resetResultsCount = () => {
-    resultsCount = 0;
-  };
-  return memoized;
-}