@mui/x-data-grid 8.0.0-beta.3 → 8.1.0

package/modern/utils/domUtils.js

@@ -1,204 +0,0 @@
-import { gridClasses } from "../constants/gridClasses.js";
-export function isOverflown(element) {
-  return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
-}
-export function findParentElementFromClassName(elem, className) {
-  return elem.closest(`.${className}`);
-}
-
-// TODO, eventually replaces this function with CSS.escape, once available in jsdom, either added manually or built in
-// https://github.com/jsdom/jsdom/issues/1550#issuecomment-236734471
-export function escapeOperandAttributeSelector(operand) {
-  return operand.replace(/["\\]/g, '\\$&');
-}
-export function getGridColumnHeaderElement(root, field) {
-  return root.querySelector(`[role="columnheader"][data-field="${escapeOperandAttributeSelector(field)}"]`);
-}
-function getGridRowElementSelector(id) {
-  return `.${gridClasses.row}[data-id="${escapeOperandAttributeSelector(String(id))}"]`;
-}
-export function getGridRowElement(root, id) {
-  return root.querySelector(getGridRowElementSelector(id));
-}
-export function getGridCellElement(root, {
-  id,
-  field
-}) {
-  const rowSelector = getGridRowElementSelector(id);
-  const cellSelector = `.${gridClasses.cell}[data-field="${escapeOperandAttributeSelector(field)}"]`;
-  const selector = `${rowSelector} ${cellSelector}`;
-  return root.querySelector(selector);
-}
-
-// https://www.abeautifulsite.net/posts/finding-the-active-element-in-a-shadow-root/
-export const getActiveElement = (root = document) => {
-  const activeEl = root.activeElement;
-  if (!activeEl) {
-    return null;
-  }
-  if (activeEl.shadowRoot) {
-    return getActiveElement(activeEl.shadowRoot);
-  }
-  return activeEl;
-};
-export function isEventTargetInPortal(event) {
-  if (
-  // The target is not an element when triggered by a Select inside the cell
-  // See https://github.com/mui/material-ui/issues/10534
-  event.target.nodeType === 1 && !event.currentTarget.contains(event.target)) {
-    return true;
-  }
-  return false;
-}
-export function getFieldFromHeaderElem(colCellEl) {
-  return colCellEl.getAttribute('data-field');
-}
-export function findHeaderElementFromField(elem, field) {
-  return elem.querySelector(`[data-field="${escapeOperandAttributeSelector(field)}"]`);
-}
-export function getFieldsFromGroupHeaderElem(colCellEl) {
-  return colCellEl.getAttribute('data-fields').slice(2, -2).split('-|-');
-}
-export function findGroupHeaderElementsFromField(elem, field) {
-  return Array.from(elem.querySelectorAll(`[data-fields*="|-${escapeOperandAttributeSelector(field)}-|"]`) ?? []);
-}
-export function findGridCellElementsFromCol(col, api) {
-  const root = findParentElementFromClassName(col, gridClasses.root);
-  if (!root) {
-    throw new Error('MUI X: The root element is not found.');
-  }
-  const ariaColIndex = col.getAttribute('aria-colindex');
-  if (!ariaColIndex) {
-    return [];
-  }
-  const colIndex = Number(ariaColIndex) - 1;
-  const cells = [];
-  if (!api.virtualScrollerRef?.current) {
-    return [];
-  }
-  queryRows(api).forEach(rowElement => {
-    const rowId = rowElement.getAttribute('data-id');
-    if (!rowId) {
-      return;
-    }
-    let columnIndex = colIndex;
-    const cellColSpanInfo = api.unstable_getCellColSpanInfo(rowId, colIndex);
-    if (cellColSpanInfo && cellColSpanInfo.spannedByColSpan) {
-      columnIndex = cellColSpanInfo.leftVisibleCellIndex;
-    }
-    const cell = rowElement.querySelector(`[data-colindex="${columnIndex}"]`);
-    if (cell) {
-      cells.push(cell);
-    }
-  });
-  return cells;
-}
-export function findGridElement(api, klass) {
-  return api.rootElementRef.current.querySelector(`.${gridClasses[klass]}`);
-}
-const findPinnedCells = ({
-  api,
-  colIndex,
-  position,
-  filterFn
-}) => {
-  if (colIndex === null) {
-    return [];
-  }
-  const cells = [];
-  queryRows(api).forEach(rowElement => {
-    const rowId = rowElement.getAttribute('data-id');
-    if (!rowId) {
-      return;
-    }
-    rowElement.querySelectorAll(`.${gridClasses[position === 'left' ? 'cell--pinnedLeft' : 'cell--pinnedRight']}`).forEach(cell => {
-      const currentColIndex = parseCellColIndex(cell);
-      if (currentColIndex !== null && filterFn(currentColIndex)) {
-        cells.push(cell);
-      }
-    });
-  });
-  return cells;
-};
-export function findLeftPinnedCellsAfterCol(api, col, isRtl) {
-  const colIndex = parseCellColIndex(col);
-  return findPinnedCells({
-    api,
-    colIndex,
-    position: isRtl ? 'right' : 'left',
-    filterFn: index => isRtl ? index < colIndex : index > colIndex
-  });
-}
-export function findRightPinnedCellsBeforeCol(api, col, isRtl) {
-  const colIndex = parseCellColIndex(col);
-  return findPinnedCells({
-    api,
-    colIndex,
-    position: isRtl ? 'left' : 'right',
-    filterFn: index => isRtl ? index > colIndex : index < colIndex
-  });
-}
-const findPinnedHeaders = ({
-  api,
-  colIndex,
-  position,
-  filterFn
-}) => {
-  if (!api.columnHeadersContainerRef?.current) {
-    return [];
-  }
-  if (colIndex === null) {
-    return [];
-  }
-  const elements = [];
-  api.columnHeadersContainerRef.current.querySelectorAll(`.${gridClasses[position === 'left' ? 'columnHeader--pinnedLeft' : 'columnHeader--pinnedRight']}`).forEach(element => {
-    const currentColIndex = parseCellColIndex(element);
-    if (currentColIndex !== null && filterFn(currentColIndex, element)) {
-      elements.push(element);
-    }
-  });
-  return elements;
-};
-export function findLeftPinnedHeadersAfterCol(api, col, isRtl) {
-  const colIndex = parseCellColIndex(col);
-  return findPinnedHeaders({
-    api,
-    position: isRtl ? 'right' : 'left',
-    colIndex,
-    filterFn: index => isRtl ? index < colIndex : index > colIndex
-  });
-}
-export function findRightPinnedHeadersBeforeCol(api, col, isRtl) {
-  const colIndex = parseCellColIndex(col);
-  return findPinnedHeaders({
-    api,
-    position: isRtl ? 'left' : 'right',
-    colIndex,
-    filterFn: (index, element) => {
-      if (element.classList.contains(gridClasses['columnHeader--last'])) {
-        return false;
-      }
-      return isRtl ? index > colIndex : index < colIndex;
-    }
-  });
-}
-export function findGridHeader(api, field) {
-  const headers = api.columnHeadersContainerRef.current;
-  return headers.querySelector(`:scope > div > [data-field="${escapeOperandAttributeSelector(field)}"][role="columnheader"]`);
-}
-export function findGridCells(api, field) {
-  const container = api.virtualScrollerRef.current;
-  return Array.from(container.querySelectorAll(`:scope > div > div > div > [data-field="${escapeOperandAttributeSelector(field)}"][role="gridcell"]`));
-}
-function queryRows(api) {
-  return api.virtualScrollerRef.current.querySelectorAll(
-  // Use > to ignore rows from nested Data Grids (for example in detail panel)
-  `:scope > div > div > .${gridClasses.row}`);
-}
-function parseCellColIndex(col) {
-  const ariaColIndex = col.getAttribute('aria-colindex');
-  if (!ariaColIndex) {
-    return null;
-  }
-  return Number(ariaColIndex) - 1;
-}

package/modern/utils/exportAs.d.ts

@@ -1,12 +0,0 @@
-import { GridExportExtension } from "../models/gridExport.js";
-/**
- * I have hesitated to use https://github.com/eligrey/FileSaver.js.
- * If we get bug reports that this project solves, we should consider using it.
- *
- * Related resources.
- * https://blog.logrocket.com/programmatic-file-downloads-in-the-browser-9a5186298d5c/
- * https://github.com/mbrn/filefy/blob/ec4ed0b7415d93be7158c23029f2ea1fa0b8e2d9/src/core/BaseBuilder.ts
- * https://unpkg.com/browse/@progress/kendo-file-saver@1.0.7/dist/es/save-as.js
- * https://github.com/ag-grid/ag-grid/blob/9565c219b6210aa85fa833c929d0728f9d163a91/community-modules/csv-export/src/csvExport/downloader.ts
- */
-export declare function exportAs<ExtraExtensions extends string>(blob: Blob, extension?: GridExportExtension | ExtraExtensions, filename?: string): void;

package/modern/utils/exportAs.js

@@ -1,38 +0,0 @@
-/**
- * I have hesitated to use https://github.com/eligrey/FileSaver.js.
- * If we get bug reports that this project solves, we should consider using it.
- *
- * Related resources.
- * https://blog.logrocket.com/programmatic-file-downloads-in-the-browser-9a5186298d5c/
- * https://github.com/mbrn/filefy/blob/ec4ed0b7415d93be7158c23029f2ea1fa0b8e2d9/src/core/BaseBuilder.ts
- * https://unpkg.com/browse/@progress/kendo-file-saver@1.0.7/dist/es/save-as.js
- * https://github.com/ag-grid/ag-grid/blob/9565c219b6210aa85fa833c929d0728f9d163a91/community-modules/csv-export/src/csvExport/downloader.ts
- */
-
-export function exportAs(blob, extension = 'csv', filename = document.title || 'untitled') {
-  const fullName = `${filename}.${extension}`;
-
-  // Test download attribute first
-  // https://github.com/eligrey/FileSaver.js/issues/193
-  if ('download' in HTMLAnchorElement.prototype) {
-    // Create an object URL for the blob object
-    const url = URL.createObjectURL(blob);
-
-    // Create a new anchor element
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = fullName;
-
-    // Programmatically trigger a click on the anchor element
-    // Useful if you want the download to happen automatically
-    // Without attaching the anchor element to the DOM
-    a.click();
-
-    // https://github.com/eligrey/FileSaver.js/issues/205
-    setTimeout(() => {
-      URL.revokeObjectURL(url);
-    });
-    return;
-  }
-  throw new Error('MUI X: exportAs not supported.');
-}

package/modern/utils/getGridLocalization.d.ts

@@ -1,11 +0,0 @@
-import type { GridLocaleText } from '../models/api/gridLocaleTextApi';
-export interface Localization {
-  components: {
-    MuiDataGrid: {
-      defaultProps: {
-        localeText: Partial<GridLocaleText>;
-      };
-    };
-  };
-}
-export declare const getGridLocalization: (gridTranslations: Partial<GridLocaleText>) => Localization;

package/modern/utils/getGridLocalization.js

@@ -1,9 +0,0 @@
-export const getGridLocalization = gridTranslations => ({
-  components: {
-    MuiDataGrid: {
-      defaultProps: {
-        localeText: gridTranslations
-      }
-    }
-  }
-});

package/modern/utils/getPublicApiRef.d.ts

@@ -1,3 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import type { GridPrivateApiCommunity } from '../models/api/gridApiCommunity';
-export declare function getPublicApiRef<PrivateApi extends GridPrivateApiCommunity>(apiRef: RefObject<PrivateApi>): RefObject<ReturnType<PrivateApi["getPublicApi"]>>;

package/modern/utils/getPublicApiRef.js

@@ -1,5 +0,0 @@
-export function getPublicApiRef(apiRef) {
-  return {
-    current: apiRef.current.getPublicApi()
-  };
-}

package/modern/utils/index.d.ts

@@ -1,2 +0,0 @@
-export type { OutputSelector } from './createSelector';
-export { GridPortalWrapper } from "./css/context.js";

package/modern/utils/index.js

@@ -1 +0,0 @@
-export { GridPortalWrapper } from "./css/context.js";

package/modern/utils/isJSDOM.d.ts

@@ -1 +0,0 @@
-export declare const isJSDOM: boolean;

package/modern/utils/isJSDOM.js

@@ -1 +0,0 @@
-export const isJSDOM = typeof window !== 'undefined' && /jsdom|HappyDOM/.test(window.navigator.userAgent);

package/modern/utils/keyboardUtils.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-export declare function isPrintableKey(event: React.KeyboardEvent<HTMLElement>): boolean;
-export declare const GRID_MULTIPLE_SELECTION_KEYS: string[];
-export declare const GRID_CELL_EXIT_EDIT_MODE_KEYS: string[];
-export declare const GRID_CELL_EDIT_COMMIT_KEYS: string[];
-export declare const isMultipleKey: (key: string) => boolean;
-export declare const isCellEnterEditModeKeys: (event: React.KeyboardEvent<HTMLElement>) => boolean;
-export declare const isCellExitEditModeKeys: (key: string) => boolean;
-export declare const isCellEditCommitKeys: (key: string) => boolean;
-export declare const isNavigationKey: (key: string) => boolean;
-export declare const isKeyboardEvent: (event: any) => event is React.KeyboardEvent<HTMLElement>;
-export declare const isHideMenuKey: (key: React.KeyboardEvent["key"]) => key is "Escape" | "Tab";
-export declare function isPasteShortcut(event: React.KeyboardEvent): boolean;
-export declare function isCopyShortcut(event: KeyboardEvent): boolean;

package/modern/utils/keyboardUtils.js

@@ -1,37 +0,0 @@
-// Non printable keys have a name, for example "ArrowRight", see the whole list:
-// https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values
-// So event.key.length === 1 is often enough.
-//
-// However, we also need to ignore shortcuts, for example: select all:
-// - Windows: Ctrl+A, event.ctrlKey is true
-// - macOS: ⌘ Command+A, event.metaKey is true
-export function isPrintableKey(event) {
-  return event.key.length === 1 && !event.ctrlKey && !event.metaKey;
-}
-export const GRID_MULTIPLE_SELECTION_KEYS = ['Meta', 'Control', 'Shift'];
-export const GRID_CELL_EXIT_EDIT_MODE_KEYS = ['Enter', 'Escape', 'Tab'];
-export const GRID_CELL_EDIT_COMMIT_KEYS = ['Enter', 'Tab'];
-export const isMultipleKey = key => GRID_MULTIPLE_SELECTION_KEYS.indexOf(key) > -1;
-export const isCellEnterEditModeKeys = event => isPrintableKey(event) || event.key === 'Enter' || event.key === 'Backspace' || event.key === 'Delete';
-export const isCellExitEditModeKeys = key => GRID_CELL_EXIT_EDIT_MODE_KEYS.indexOf(key) > -1;
-export const isCellEditCommitKeys = key => GRID_CELL_EDIT_COMMIT_KEYS.indexOf(key) > -1;
-export const isNavigationKey = key => key.indexOf('Arrow') === 0 || key.indexOf('Page') === 0 || key === ' ' || key === 'Home' || key === 'End';
-export const isKeyboardEvent = event => !!event.key;
-export const isHideMenuKey = key => key === 'Tab' || key === 'Escape';
-
-// In theory, on macOS, ctrl + v doesn't trigger a paste, so the function should return false.
-// However, maybe it's overkill to fix, so let's be lazy.
-export function isPasteShortcut(event) {
-  return (event.ctrlKey || event.metaKey) &&
-  // We can't use event.code === 'KeyV' as event.code assumes a QWERTY keyboard layout,
-  // for example, it would be another letter on a Dvorak physical keyboard.
-  // We can't use event.key === 'v' as event.key is not stable with key modifiers and keyboard layouts,
-  // for example, it would be ה on a Hebrew keyboard layout.
-  // https://github.com/w3c/uievents/issues/377 could be a long-term solution
-  String.fromCharCode(event.keyCode) === 'V' && !event.shiftKey && !event.altKey;
-}
-
-// Checks if the keyboard event corresponds to the copy shortcut (CTRL+C or CMD+C) across different localization keyboards.
-export function isCopyShortcut(event) {
-  return (event.ctrlKey || event.metaKey) && String.fromCharCode(event.keyCode) === 'C' && !event.shiftKey && !event.altKey;
-}

package/modern/utils/platform.d.ts

@@ -1 +0,0 @@
-export declare const isFirefox: boolean;

package/modern/utils/platform.js

@@ -1,2 +0,0 @@
-const userAgent = typeof navigator !== 'undefined' ? navigator.userAgent.toLowerCase() : 'empty';
-export const isFirefox = userAgent.includes('firefox');

package/modern/utils/roundToDecimalPlaces.d.ts

@@ -1 +0,0 @@
-export declare function roundToDecimalPlaces(value: number, decimals: number): number;

package/modern/utils/roundToDecimalPlaces.js

@@ -1,3 +0,0 @@
-export function roundToDecimalPlaces(value, decimals) {
-  return Math.round(value * 10 ** decimals) / 10 ** decimals;
-}

package/modern/utils/rtlFlipSide.d.ts

@@ -1,2 +0,0 @@
-import { PinnedColumnPosition } from "../internals/constants.js";
-export declare const rtlFlipSide: (position: PinnedColumnPosition | undefined, isRtl: boolean) => "left" | "right" | undefined;

package/modern/utils/rtlFlipSide.js

@@ -1,22 +0,0 @@
-import { PinnedColumnPosition } from "../internals/constants.js";
-export const rtlFlipSide = (position, isRtl) => {
-  if (!position) {
-    return undefined;
-  }
-  if (!isRtl) {
-    if (position === PinnedColumnPosition.LEFT) {
-      return 'left';
-    }
-    if (position === PinnedColumnPosition.RIGHT) {
-      return 'right';
-    }
-  } else {
-    if (position === PinnedColumnPosition.LEFT) {
-      return 'right';
-    }
-    if (position === PinnedColumnPosition.RIGHT) {
-      return 'left';
-    }
-  }
-  return undefined;
-};

package/modern/utils/utils.d.ts

@@ -1,30 +0,0 @@
-export declare function isNumber(value: unknown): value is number;
-export declare function isFunction(value: any): value is Function;
-export declare function isObject<TObject = Record<PropertyKey, any>>(value: unknown): value is TObject;
-export declare function localStorageAvailable(): boolean;
-export declare function escapeRegExp(value: string): string;
-/**
- * Follows the CSS specification behavior for min and max
- * If min > max, then the min have priority
- */
-export declare const clamp: (value: number, min: number, max: number) => number;
-/**
- * Create an array containing the range [from, to[
- */
-export declare function range(from: number, to: number): number[];
-/**
- * Create a random number generator from a seed. The seed
- * ensures that the random number generator produces the
- * same sequence of 'random' numbers on every render. It
- * returns a function that generates a random number between
- * a specified min and max.
- */
-export declare function createRandomNumberGenerator(seed: number): (min: number, max: number) => number;
-export declare function deepClone(obj: Record<string, any>): any;
-/**
- * Mark a value as used so eslint doesn't complain. Use this instead
- * of a `eslint-disable-next-line react-hooks/exhaustive-deps` because
- * that hint disables checks on all values instead of just one.
- */
-export declare function eslintUseValue(_: any): void;
-export declare const runIf: (condition: boolean, fn: Function) => (params: unknown) => void;

package/modern/utils/utils.js

@@ -1,82 +0,0 @@
-export function isNumber(value) {
-  return typeof value === 'number' && !Number.isNaN(value);
-}
-export function isFunction(value) {
-  return typeof value === 'function';
-}
-export function isObject(value) {
-  return typeof value === 'object' && value !== null;
-}
-export function localStorageAvailable() {
-  try {
-    // Incognito mode might reject access to the localStorage for security reasons.
-    // window isn't defined on Node.js
-    // https://stackoverflow.com/questions/16427636/check-if-localstorage-is-available
-    const key = '__some_random_key_you_are_not_going_to_use__';
-    window.localStorage.setItem(key, key);
-    window.localStorage.removeItem(key);
-    return true;
-  } catch (err) {
-    return false;
-  }
-}
-export function escapeRegExp(value) {
-  return value.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
-}
-
-/**
- * Follows the CSS specification behavior for min and max
- * If min > max, then the min have priority
- */
-export const clamp = (value, min, max) => Math.max(min, Math.min(max, value));
-
-/**
- * Create an array containing the range [from, to[
- */
-export function range(from, to) {
-  return Array.from({
-    length: to - from
-  }).map((_, i) => from + i);
-}
-
-// Pseudo random number. See https://stackoverflow.com/a/47593316
-function mulberry32(a) {
-  return () => {
-    /* eslint-disable */
-    let t = a += 0x6d2b79f5;
-    t = Math.imul(t ^ t >>> 15, t | 1);
-    t ^= t + Math.imul(t ^ t >>> 7, t | 61);
-    return ((t ^ t >>> 14) >>> 0) / 4294967296;
-    /* eslint-enable */
-  };
-}
-
-/**
- * Create a random number generator from a seed. The seed
- * ensures that the random number generator produces the
- * same sequence of 'random' numbers on every render. It
- * returns a function that generates a random number between
- * a specified min and max.
- */
-export function createRandomNumberGenerator(seed) {
-  const random = mulberry32(seed);
-  return (min, max) => min + (max - min) * random();
-}
-export function deepClone(obj) {
-  if (typeof structuredClone === 'function') {
-    return structuredClone(obj);
-  }
-  return JSON.parse(JSON.stringify(obj));
-}
-
-/**
- * Mark a value as used so eslint doesn't complain. Use this instead
- * of a `eslint-disable-next-line react-hooks/exhaustive-deps` because
- * that hint disables checks on all values instead of just one.
- */
-export function eslintUseValue(_) {}
-export const runIf = (condition, fn) => params => {
-  if (condition) {
-    fn(params);
-  }
-};

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