@mui/x-data-grid 5.6.0 → 5.8.0

package/modern/locales/faIR.js

@@ -23,8 +23,8 @@ const faIRGrid = {
   // Export selector toolbar button text
   toolbarExport: 'خروجی',
   toolbarExportLabel: 'خروجی',
-  toolbarExportCSV: 'دانلود به‌صورت CSV',
-  // toolbarExportPrint: 'Print',
+  toolbarExportCSV: 'دانلود به صورت CSV',
+  toolbarExportPrint: 'چاپ',
   // Columns panel text
   columnsPanelTextFieldLabel: 'پیداکردن ستون',
   columnsPanelTextFieldPlaceholder: 'عنوان ستون',
@@ -34,7 +34,7 @@ const faIRGrid = {
   // Filter panel text
   filterPanelAddFilter: 'افزودن فیلتر',
   filterPanelDeleteIconLabel: 'حذف',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'عملگر منطقی',
   filterPanelOperators: 'عملگرها',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'و',
@@ -55,7 +55,7 @@ const faIRGrid = {
   filterOperatorOnOrBefore: 'معادل یا قبلش',
   filterOperatorIsEmpty: 'خالی است',
   filterOperatorIsNotEmpty: 'خالی نیست',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'هر یک از',
   // Filter values text
   filterValueAny: 'هرچیزی',
   filterValueTrue: 'صحیح',
@@ -79,30 +79,30 @@ const faIRGrid = {
   // Total visible row amount footer text
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} از ${totalCount.toLocaleString()}`,
   // Checkbox selection text
-  checkboxSelectionHeaderName: 'انتخاب چک‌باکس',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionHeaderName: 'چک‌باکس انتخاب',
+  checkboxSelectionSelectAllRows: 'انتخاب همه‌ی ردیف‌ها',
+  checkboxSelectionUnselectAllRows: 'لغو انتخاب همه‌ی ردیف‌ها',
+  checkboxSelectionSelectRow: 'انتخاب ردیف',
+  checkboxSelectionUnselectRow: 'لغو انتخاب ردیف',
   // Boolean cell text
   booleanCellTrueLabel: 'صحیح',
   booleanCellFalseLabel: 'غلط',
   // Actions cell more text
-  actionsCellMore: 'بیشتر' // Column pinning text
-  // pinToLeft: 'Pin to left',
-  // pinToRight: 'Pin to right',
-  // unpin: 'Unpin',
+  actionsCellMore: 'بیشتر',
+  // Column pinning text
+  pinToLeft: 'سنجاق کردن به چپ',
+  pinToRight: 'سنجاق کردن به راست',
+  unpin: 'برداشتن سنجاق',
   // Tree Data
-  // treeDataGroupingHeaderName: 'Group',
-  // treeDataExpand: 'see children',
-  // treeDataCollapse: 'hide children',
+  treeDataGroupingHeaderName: 'گروه‌بندی',
+  treeDataExpand: 'نمایش فرزندان',
+  treeDataCollapse: 'پنهان‌سازی فرزندان',
   // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
+  groupingColumnHeaderName: 'گروه‌بندی',
+  groupColumn: name => `گروه‌بندی براساس ${name}`,
+  unGroupColumn: name => `لغو گروه‌بندی براساس ${name}`,
   // Master/detail
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
-
+  expandDetailPanel: 'بازکردن پنل جزئیات',
+  collapseDetailPanel: 'بستن پنل جزئیات'
 };
 export const faIR = getGridLocalization(faIRGrid, faIRCore);

package/modern/locales/koKR.js

@@ -55,7 +55,7 @@ const koKRGrid = {
   filterOperatorOnOrBefore: '이전',
   filterOperatorIsEmpty: '값이 없는',
   filterOperatorIsNotEmpty: '값이 있는',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: '값 중 하나인',
   // Filter values text
   filterValueAny: '아무값',
   filterValueTrue: '참',

package/modern/locales/plPL.js

@@ -24,7 +24,7 @@ const plPLGrid = {
   toolbarExport: 'Eksportuj',
   toolbarExportLabel: 'Eksportuj',
   toolbarExportCSV: 'Pobierz jako plik CSV',
-  // toolbarExportPrint: 'Print',
+  toolbarExportPrint: 'Drukuj',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Znajdź kolumnę',
   columnsPanelTextFieldPlaceholder: 'Tytuł kolumny',
@@ -34,7 +34,7 @@ const plPLGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Dodaj filtr',
   filterPanelDeleteIconLabel: 'Usuń',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Operator logiczny',
   filterPanelOperators: 'Operator',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'I',
@@ -55,11 +55,11 @@ const plPLGrid = {
   filterOperatorOnOrBefore: 'mniejsze lub równe',
   filterOperatorIsEmpty: 'jest pusty',
   filterOperatorIsNotEmpty: 'nie jest pusty',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'jest jednym z',
   // Filter values text
-  // filterValueAny: 'any',
-  // filterValueTrue: 'true',
-  // filterValueFalse: 'false',
+  filterValueAny: 'dowolny',
+  filterValueTrue: 'prawda',
+  filterValueFalse: 'fałsz',
   // Column menu text
   columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Pokaż wszystkie kolumny',
@@ -79,30 +79,30 @@ const plPLGrid = {
   // Total visible row amount footer text
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} z ${totalCount.toLocaleString()}`,
   // Checkbox selection text
-  // checkboxSelectionHeaderName: 'Checkbox selection',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionHeaderName: 'Pole wyboru',
+  checkboxSelectionSelectAllRows: 'Zaznacz wszystkie wiersze',
+  checkboxSelectionUnselectAllRows: 'Odznacz wszystkie wiersze',
+  checkboxSelectionSelectRow: 'Zaznacz wiersz',
+  checkboxSelectionUnselectRow: 'Odznacz wiersz',
   // Boolean cell text
-  // booleanCellTrueLabel: 'yes',
-  // booleanCellFalseLabel: 'no',
+  booleanCellTrueLabel: 'tak',
+  booleanCellFalseLabel: 'nie',
   // Actions cell more text
-  actionsCellMore: 'więcej' // Column pinning text
-  // pinToLeft: 'Pin to left',
-  // pinToRight: 'Pin to right',
-  // unpin: 'Unpin',
+  actionsCellMore: 'więcej',
+  // Column pinning text
+  pinToLeft: 'Przypnij do lewej',
+  pinToRight: 'Przypnij do prawej',
+  unpin: 'Odepnij',
   // Tree Data
-  // treeDataGroupingHeaderName: 'Group',
-  // treeDataExpand: 'see children',
-  // treeDataCollapse: 'hide children',
+  treeDataGroupingHeaderName: 'Grupa',
+  treeDataExpand: 'pokaż elementy potomne',
+  treeDataCollapse: 'ukryj elementy potomne',
   // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
+  groupingColumnHeaderName: 'Grupa',
+  groupColumn: name => `Grupuj według ${name}`,
+  unGroupColumn: name => `Rozgrupuj ${name}`,
   // Master/detail
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
-
+  expandDetailPanel: 'Rozwiń',
+  collapseDetailPanel: 'Zwiń'
 };
 export const plPL = getGridLocalization(plPLGrid, plPLCore);

package/modern/models/colDef/index.js

@@ -2,5 +2,4 @@
 export * from './gridColDef'; // Other types
 
 export * from './gridColType';
-export * from './gridColumnTypesRecord';
-export * from './gridDefaultColumnTypes';
+export * from './gridColumnTypesRecord';

package/modern/models/events/gridEvents.js

@@ -63,15 +63,18 @@ var GridEvents;
   GridEvents["columnsChange"] = "columnsChange";
   GridEvents["detailPanelsExpandedRowIdsChange"] = "detailPanelsExpandedRowIdsChange";
   GridEvents["pinnedColumnsChange"] = "pinnedColumnsChange";
-  GridEvents["preProcessorRegister"] = "preProcessorRegister";
-  GridEvents["preProcessorUnregister"] = "preProcessorUnregister";
-  GridEvents["rowGroupsPreProcessingChange"] = "rowGroupsPreProcessingChange";
+  GridEvents["pipeProcessorRegister"] = "pipeProcessorRegister";
+  GridEvents["pipeProcessorUnregister"] = "pipeProcessorUnregister";
+  GridEvents["activeStrategyProcessorChange"] = "activeStrategyProcessorChange";
+  GridEvents["strategyAvailabilityChange"] = "strategyAvailabilityChange";
   GridEvents["sortModelChange"] = "sortModelChange";
   GridEvents["filterModelChange"] = "filterModelChange";
   GridEvents["columnVisibilityModelChange"] = "columnVisibilityModelChange";
   GridEvents["stateChange"] = "stateChange";
   GridEvents["columnVisibilityChange"] = "columnVisibilityChange";
   GridEvents["virtualScrollerContentSizeChange"] = "virtualScrollerContentSizeChange";
+  GridEvents["preferencePanelClose"] = "preferencePanelClose";
+  GridEvents["preferencePanelOpen"] = "preferencePanelOpen";
 })(GridEvents || (GridEvents = {}));
 
 export { GridEvents };

package/modern/models/gridEditRowModel.js

@@ -1,3 +1,4 @@
+// TODO v6: rename to GridEditingState
 var GridEditModes;
 
 (function (GridEditModes) {

package/modern/models/gridRows.js

@@ -1,31 +1 @@
-/**
- * @deprecated prefer GridRowModel.
- */
-
-/**
- * The key value object representing the data of a row.
- */
-
-/**
- * The grid rows total height and row positions.
- */
-
-/**
- * The type of Id supported by the grid.
- */
-
-/**
- * The function to retrieve the id of a [[GridRowModel]].
- */
-
-/**
- * An helper function to check if the id provided is valid.
- * @param {GridRowId} id Id as [[GridRowId]].
- * @param {GridRowModel | Partial<GridRowModel>} row Row as [[GridRowModel]].
- * @param {string} detailErrorMessage A custom error message to display for invalid IDs
- */
-export function checkGridRowIdIsValid(id, row, detailErrorMessage = 'A row was provided without id in the rows prop:') {
-  if (id == null) {
-    throw new Error(['MUI: The data grid component requires all rows to have a unique `id` property.', 'Alternatively, you can use the `getRowId` prop to specify a custom id for each row.', detailErrorMessage, JSON.stringify(row)].join('\n'));
-  }
-}
+export {};

package/modern/models/index.js

@@ -5,7 +5,6 @@ export * from './gridEditRowModel';
 export * from './gridFeatureMode';
 export * from './gridFilterItem';
 export * from './gridFilterModel';
-export * from './gridFilterOperator';
 export * from './gridRootContainerRef';
 export * from './gridRenderContextProps';
 export * from './gridRows';
@@ -23,4 +22,5 @@ export * from './gridExport';
 export * from './logger';
 export * from './muiEvent';
 export * from './events';
-export * from './gridSortModel';
+export * from './gridSortModel';
+export * from './gridFilterOperator';

package/modern/models/params/gridEditCellParams.js

@@ -1 +1,34 @@
-export {};
+// TODO v6 - remove
+
+/**
+ * Params passed to `apiRef.current.setEditCellValue`.
+ */
+// TODO v6 - remove
+// TODO v6 - remove
+var GridCellEditStartReasons;
+/**
+ * Params passed to the `cellEditStart` event.
+ */
+
+(function (GridCellEditStartReasons) {
+  GridCellEditStartReasons["enterKeyDown"] = "enterKeyDown";
+  GridCellEditStartReasons["cellDoubleClick"] = "cellDoubleClick";
+  GridCellEditStartReasons["printableKeyDown"] = "printableKeyDown";
+  GridCellEditStartReasons["deleteKeyDown"] = "deleteKeyDown";
+})(GridCellEditStartReasons || (GridCellEditStartReasons = {}));
+
+var GridCellEditStopReasons;
+/**
+ * Params passed to the `cellEditStop event.
+ */
+
+(function (GridCellEditStopReasons) {
+  GridCellEditStopReasons["cellFocusOut"] = "cellFocusOut";
+  GridCellEditStopReasons["escapeKeyDown"] = "escapeKeyDown";
+  GridCellEditStopReasons["enterKeyDown"] = "enterKeyDown";
+  GridCellEditStopReasons["tabKeyDown"] = "tabKeyDown";
+  GridCellEditStopReasons["shiftTabKeyDown"] = "shiftTabKeyDown";
+})(GridCellEditStopReasons || (GridCellEditStopReasons = {}));
+
+// https://github.com/mui/mui-x/pull/3738#discussion_r798504277
+export { GridCellEditStartReasons, GridCellEditStopReasons };

package/modern/models/params/gridPreferencePanelParams.js

@@ -0,0 +1 @@
+export {};

package/modern/models/params/gridRowParams.js

@@ -1 +1,39 @@
-export {};
+/**
+ * Object passed as parameter in the row callbacks.
+ */
+
+/**
+ * Object passed as parameter in the row `getRowClassName` callback prop.
+ */
+
+/**
+ * Object passed as parameter in the row `getRowHeight` callback prop.
+ */
+
+/**
+ * The getRowHeight return value.
+ */
+var GridRowEditStartReasons;
+/**
+ * Params passed to the `rowEditStart` event.
+ */
+
+(function (GridRowEditStartReasons) {
+  GridRowEditStartReasons["enterKeyDown"] = "enterKeyDown";
+  GridRowEditStartReasons["cellDoubleClick"] = "cellDoubleClick";
+  GridRowEditStartReasons["printableKeyDown"] = "printableKeyDown";
+  GridRowEditStartReasons["deleteKeyDown"] = "deleteKeyDown";
+})(GridRowEditStartReasons || (GridRowEditStartReasons = {}));
+
+var GridRowEditStopReasons;
+
+(function (GridRowEditStopReasons) {
+  GridRowEditStopReasons["rowFocusOut"] = "rowFocusOut";
+  GridRowEditStopReasons["escapeKeyDown"] = "escapeKeyDown";
+  GridRowEditStopReasons["enterKeyDown"] = "enterKeyDown";
+  GridRowEditStopReasons["tabKeyDown"] = "tabKeyDown";
+  GridRowEditStopReasons["shiftTabKeyDown"] = "shiftTabKeyDown";
+})(GridRowEditStopReasons || (GridRowEditStopReasons = {}));
+
+// https://github.com/mui/mui-x/pull/3738#discussion_r798504277
+export { GridRowEditStartReasons, GridRowEditStopReasons };

package/modern/models/params/index.js

@@ -9,4 +9,5 @@ export * from './gridRowSelectionCheckboxParams';
 export * from './gridHeaderSelectionCheckboxParams';
 export * from './gridValueOptionsParams';
 export * from './gridCellParams';
-export * from './gridSortModelParams';
+export * from './gridSortModelParams';
+export * from './gridPreferencePanelParams';

package/modern/utils/cleanupTracking/TimerBasedCleanupTracking.js

@@ -1,8 +1,10 @@
 // If no effect ran after this amount of time, we assume that the render was not committed by React
 const CLEANUP_TIMER_LOOP_MILLIS = 1000;
 export class TimerBasedCleanupTracking {
-  constructor() {
+  constructor(timeout = CLEANUP_TIMER_LOOP_MILLIS) {
     this.timeouts = new Map();
+    this.cleanupTimeout = CLEANUP_TIMER_LOOP_MILLIS;
+    this.cleanupTimeout = timeout;
   }
 
   register(object, unsubscribe, unregisterToken) {
@@ -16,7 +18,7 @@ export class TimerBasedCleanupTracking {
       }
 
       this.timeouts.delete(unregisterToken.cleanupToken);
-    }, CLEANUP_TIMER_LOOP_MILLIS);
+    }, this.cleanupTimeout);
     this.timeouts.set(unregisterToken.cleanupToken, timeout);
   }
 

package/modern/utils/createSelector.js

@@ -1,6 +1,7 @@
 import { createSelector as reselectCreateSelector } from 'reselect';
+import { buildWarning } from './warning';
 const cache = {};
-let warnedOnce = false;
+const missingInstanceIdWarning = buildWarning(['MUI: 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)`.']);
 export const createSelector = (...args) => {
   const selector = (...selectorArgs) => {
     const [stateOrApiRef, instanceId] = selectorArgs;
@@ -9,9 +10,8 @@ export const createSelector = (...args) => {
     const state = isApiRef ? stateOrApiRef.current.state : stateOrApiRef;
 
     if (process.env.NODE_ENV !== 'production') {
-      if (!warnedOnce && cacheKey === 'default') {
-        console.warn(['MUI: 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)`.'].join('\n'));
-        warnedOnce = true;
+      if (cacheKey === 'default') {
+        missingInstanceIdWarning();
       }
     }
 

package/modern/utils/getGridLocalization.js

@@ -4,7 +4,7 @@ export const getGridLocalization = (gridTranslations, coreTranslations) => ({
     MuiDataGrid: {
       defaultProps: {
         localeText: _extends({}, gridTranslations, {
-          MuiTablePagination: coreTranslations?.components?.MuiTablePagination.defaultProps || {}
+          MuiTablePagination: coreTranslations?.components?.MuiTablePagination?.defaultProps || {}
         })
       }
     }

package/modern/utils/utils.js

@@ -1,5 +1,3 @@
-import isDeepEqual from '../lib/lodash/isDeepEqual';
-export { isDeepEqual };
 export function isNumber(value) {
   return typeof value === 'number';
 }
@@ -30,4 +28,153 @@ export function escapeRegExp(value) {
  * If min > max, then the min have priority
  */
 
-export const clamp = (value, min, max) => Math.max(min, Math.min(max, value));
+export const clamp = (value, min, max) => Math.max(min, Math.min(max, value));
+/**
+ * Based on `fast-deep-equal`
+ *
+ *  MIT License
+ *
+ * Copyright (c) 2017 Evgeny Poberezkin
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * We only type the public interface to avoid dozens of `as` in the function.
+ */
+
+export function isDeepEqual(a, b) {
+  if (a === b) {
+    return true;
+  }
+
+  if (a && b && typeof a === 'object' && typeof b === 'object') {
+    if (a.constructor !== b.constructor) {
+      return false;
+    }
+
+    if (Array.isArray(a)) {
+      const length = a.length;
+
+      if (length !== b.length) {
+        return false;
+      }
+
+      for (let i = 0; i < length; i += 1) {
+        if (!isDeepEqual(a[i], b[i])) {
+          return false;
+        }
+      }
+
+      return true;
+    }
+
+    if (a instanceof Map && b instanceof Map) {
+      if (a.size !== b.size) {
+        return false;
+      }
+
+      const entriesA = Array.from(a.entries());
+
+      for (let i = 0; i < entriesA.length; i += 1) {
+        if (!b.has(entriesA[i][0])) {
+          return false;
+        }
+      }
+
+      for (let i = 0; i < entriesA.length; i += 1) {
+        const entryA = entriesA[i];
+
+        if (!isDeepEqual(entryA[1], b.get(entryA[0]))) {
+          return false;
+        }
+      }
+
+      return true;
+    }
+
+    if (a instanceof Set && b instanceof Set) {
+      if (a.size !== b.size) {
+        return false;
+      }
+
+      const entries = Array.from(a.entries());
+
+      for (let i = 0; i < entries.length; i += 1) {
+        if (!b.has(entries[i][0])) {
+          return false;
+        }
+      }
+
+      return true;
+    }
+
+    if (ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {
+      const length = a.length;
+
+      if (length !== b.length) {
+        return false;
+      }
+
+      for (let i = 0; i < length; i += 1) {
+        if (a[i] !== b[i]) {
+          return false;
+        }
+      }
+
+      return true;
+    }
+
+    if (a.constructor === RegExp) {
+      return a.source === b.source && a.flags === b.flags;
+    }
+
+    if (a.valueOf !== Object.prototype.valueOf) {
+      return a.valueOf() === b.valueOf();
+    }
+
+    if (a.toString !== Object.prototype.toString) {
+      return a.toString() === b.toString();
+    }
+
+    const keys = Object.keys(a);
+    const length = keys.length;
+
+    if (length !== Object.keys(b).length) {
+      return false;
+    }
+
+    for (let i = 0; i < length; i += 1) {
+      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) {
+        return false;
+      }
+    }
+
+    for (let i = 0; i < length; i += 1) {
+      const key = keys[i];
+
+      if (!isDeepEqual(a[key], b[key])) {
+        return false;
+      }
+    }
+
+    return true;
+  } // true if both NaN, false otherwise
+  // eslint-disable-next-line no-self-compare
+
+
+  return a !== a && b !== b;
+}