@mui/x-data-grid 7.0.0-beta.7 → 7.1.0

package/utils/createSelector.js

@@ -1,7 +1,7 @@
 import { createSelector as reselectCreateSelector } from 'reselect';
 import { buildWarning } from './warning';
 const cache = new WeakMap();
-const missingInstanceIdWarning = buildWarning(['MUI X: A selector was called without passing the instance ID, which may impact the performance of the grid.', 'To fix, call it with `apiRef`, e.g. `mySelector(apiRef)`, or pass the instance ID explicitly, e.g. `mySelector(state, apiRef.current.instanceId)`.']);
+const missingInstanceIdWarning = buildWarning(['MUI X: A selector was called without passing the instance ID, which may impact the performance of the grid.', 'To fix, call it with `apiRef`, for example `mySelector(apiRef)`, or pass the instance ID explicitly, for example `mySelector(state, apiRef.current.instanceId)`.']);
 function checkIsAPIRef(value) {
   return 'current' in value && 'instanceId' in value.current;
 }
@@ -16,7 +16,7 @@ export const createSelector = (a, b, c, d, e, f, ...rest) => {
   if (a && b && c && d && e && f) {
     selector = (stateOrApiRef, instanceIdParam) => {
       const isAPIRef = checkIsAPIRef(stateOrApiRef);
-      const instanceId = instanceIdParam != null ? instanceIdParam : isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID;
+      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
       const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
       const va = a(state, instanceId);
       const vb = b(state, instanceId);
@@ -28,7 +28,7 @@ export const createSelector = (a, b, c, d, e, f, ...rest) => {
   } else if (a && b && c && d && e) {
     selector = (stateOrApiRef, instanceIdParam) => {
       const isAPIRef = checkIsAPIRef(stateOrApiRef);
-      const instanceId = instanceIdParam != null ? instanceIdParam : isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID;
+      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
       const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
       const va = a(state, instanceId);
       const vb = b(state, instanceId);
@@ -39,7 +39,7 @@ export const createSelector = (a, b, c, d, e, f, ...rest) => {
   } else if (a && b && c && d) {
     selector = (stateOrApiRef, instanceIdParam) => {
       const isAPIRef = checkIsAPIRef(stateOrApiRef);
-      const instanceId = instanceIdParam != null ? instanceIdParam : isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID;
+      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
       const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
       const va = a(state, instanceId);
       const vb = b(state, instanceId);
@@ -49,7 +49,7 @@ export const createSelector = (a, b, c, d, e, f, ...rest) => {
   } else if (a && b && c) {
     selector = (stateOrApiRef, instanceIdParam) => {
       const isAPIRef = checkIsAPIRef(stateOrApiRef);
-      const instanceId = instanceIdParam != null ? instanceIdParam : isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID;
+      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
       const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
       const va = a(state, instanceId);
       const vb = b(state, instanceId);
@@ -58,7 +58,7 @@ export const createSelector = (a, b, c, d, e, f, ...rest) => {
   } else if (a && b) {
     selector = (stateOrApiRef, instanceIdParam) => {
       const isAPIRef = checkIsAPIRef(stateOrApiRef);
-      const instanceId = instanceIdParam != null ? instanceIdParam : isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID;
+      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
       const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
       const va = a(state, instanceId);
       return b(va);
@@ -75,7 +75,7 @@ export const createSelector = (a, b, c, d, e, f, ...rest) => {
 export const createSelectorMemoized = (...args) => {
   const selector = (stateOrApiRef, instanceId) => {
     const isAPIRef = checkIsAPIRef(stateOrApiRef);
-    const cacheKey = isAPIRef ? stateOrApiRef.current.instanceId : instanceId != null ? instanceId : DEFAULT_INSTANCE_ID;
+    const cacheKey = isAPIRef ? stateOrApiRef.current.instanceId : instanceId ?? DEFAULT_INSTANCE_ID;
     const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
     if (process.env.NODE_ENV !== 'production') {
       if (cacheKey.id === 'default') {
@@ -83,8 +83,8 @@ export const createSelectorMemoized = (...args) => {
       }
     }
     const cacheArgsInit = cache.get(cacheKey);
-    const cacheArgs = cacheArgsInit != null ? cacheArgsInit : new Map();
-    const cacheFn = cacheArgs == null ? void 0 : cacheArgs.get(args);
+    const cacheArgs = cacheArgsInit ?? new Map();
+    const cacheFn = cacheArgs?.get(args);
     if (cacheArgs && cacheFn) {
       // We pass the cache key because the called selector might have as
       // dependency another selector created with this `createSelector`.

package/utils/domUtils.js

@@ -54,11 +54,9 @@ export function findHeaderElementFromField(elem, field) {
   return elem.querySelector(`[data-field="${field}"]`);
 }
 export function findGroupHeaderElementsFromField(elem, field) {
-  var _elem$querySelectorAl;
-  return Array.from((_elem$querySelectorAl = elem.querySelectorAll(`[data-fields*="|-${field}-|"]`)) != null ? _elem$querySelectorAl : []);
+  return Array.from(elem.querySelectorAll(`[data-fields*="|-${field}-|"]`) ?? []);
 }
 export function findGridCellElementsFromCol(col, api) {
-  var _api$virtualScrollerR;
   const root = findParentElementFromClassName(col, gridClasses.root);
   if (!root) {
     throw new Error('MUI X: The root element is not found.');
@@ -69,7 +67,7 @@ export function findGridCellElementsFromCol(col, api) {
   }
   const colIndex = Number(ariaColIndex) - 1;
   const cells = [];
-  if (!((_api$virtualScrollerR = api.virtualScrollerRef) != null && _api$virtualScrollerR.current)) {
+  if (!api.virtualScrollerRef?.current) {
     return [];
   }
   queryRows(api).forEach(rowElement => {
@@ -140,8 +138,7 @@ const findPinnedHeaders = ({
   position,
   filterFn
 }) => {
-  var _api$columnHeadersCon;
-  if (!((_api$columnHeadersCon = api.columnHeadersContainerRef) != null && _api$columnHeadersCon.current)) {
+  if (!api.columnHeadersContainerRef?.current) {
     return [];
   }
   if (colIndex === null) {
@@ -184,7 +181,7 @@ export function findGridCells(api, field) {
 }
 function queryRows(api) {
   return api.virtualScrollerRef.current.querySelectorAll(
-  // Use > to ignore rows from nested data grids (e.g. in detail panel)
+  // Use > to ignore rows from nested data grids (for example in detail panel)
   `:scope > div > div > .${gridClasses.row}`);
 }
 function parseCellColIndex(col) {

package/utils/getGridLocalization.js

@@ -1,15 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-export const getGridLocalization = (gridTranslations, coreTranslations) => {
-  var _coreTranslations$com;
-  return {
-    components: {
-      MuiDataGrid: {
-        defaultProps: {
-          localeText: _extends({}, gridTranslations, {
-            MuiTablePagination: (coreTranslations == null || (_coreTranslations$com = coreTranslations.components) == null || (_coreTranslations$com = _coreTranslations$com.MuiTablePagination) == null ? void 0 : _coreTranslations$com.defaultProps) || {}
-          })
-        }
+export const getGridLocalization = (gridTranslations, coreTranslations) => ({
+  components: {
+    MuiDataGrid: {
+      defaultProps: {
+        localeText: _extends({}, gridTranslations, {
+          MuiTablePagination: coreTranslations?.components?.MuiTablePagination?.defaultProps || {}
+        })
       }
     }
-  };
-};
+  }
+});

package/utils/keyboardUtils.js

@@ -8,7 +8,7 @@ export const isEscapeKey = key => key === 'Escape';
  */
 export const isTabKey = key => key === 'Tab';
 
-// Non printable keys have a name, e.g. "ArrowRight", see the whole list:
+// 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.
 //

package/utils/throttle.d.ts

@@ -0,0 +1,4 @@
+export interface Cancelable {
+    clear(): void;
+}
+export declare function throttle<T extends (...args: any[]) => any>(func: T, wait?: number): T & Cancelable;

package/utils/throttle.js

@@ -0,0 +1,19 @@
+export function throttle(func, wait = 166) {
+  let timeout;
+  let lastArgs;
+  const later = () => {
+    timeout = undefined;
+    func(...lastArgs);
+  };
+  function throttled(...args) {
+    lastArgs = args;
+    if (timeout === undefined) {
+      timeout = setTimeout(later, wait);
+    }
+  }
+  throttled.clear = () => {
+    clearTimeout(timeout);
+    timeout = undefined;
+  };
+  return throttled;
+}