@mui/x-data-grid 5.9.0 → 5.11.1

package/node/locales/nlNL.js

@@ -29,11 +29,16 @@ const nlNLGrid = {
   toolbarFiltersTooltipHide: 'Verberg filters',
   toolbarFiltersTooltipShow: 'Toon filters',
   toolbarFiltersTooltipActive: count => count > 1 ? `${count} actieve filters` : `${count} filter actief`,
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Exporteren',
   toolbarExportLabel: 'Exporteren',
   toolbarExportCSV: 'Exporteer naar CSV',
   toolbarExportPrint: 'Print',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Zoek kolom',
   columnsPanelTextFieldPlaceholder: 'Kolomtitel',
@@ -112,6 +117,8 @@ const nlNLGrid = {
   unGroupColumn: name => `Stop groeperen op ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 const nlNL = (0, _getGridLocalization.getGridLocalization)(nlNLGrid, _locale.nlNL);

package/node/locales/plPL.js

@@ -29,11 +29,16 @@ const plPLGrid = {
   toolbarFiltersTooltipHide: 'Ukryj filtry',
   toolbarFiltersTooltipShow: 'Pokaż filtry',
   toolbarFiltersTooltipActive: count => `Liczba aktywnych filtrów: ${count}`,
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Eksportuj',
   toolbarExportLabel: 'Eksportuj',
   toolbarExportCSV: 'Pobierz jako plik CSV',
   toolbarExportPrint: 'Drukuj',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Znajdź kolumnę',
   columnsPanelTextFieldPlaceholder: 'Tytuł kolumny',
@@ -112,7 +117,9 @@ const plPLGrid = {
   unGroupColumn: name => `Rozgrupuj ${name}`,
   // Master/detail
   expandDetailPanel: 'Rozwiń',
-  collapseDetailPanel: 'Zwiń'
+  collapseDetailPanel: 'Zwiń' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 const plPL = (0, _getGridLocalization.getGridLocalization)(plPLGrid, _locale.plPL);
 exports.plPL = plPL;

package/node/locales/ptBR.js

@@ -29,11 +29,16 @@ const ptBRGrid = {
   toolbarFiltersTooltipHide: 'Ocultar filtros',
   toolbarFiltersTooltipShow: 'Exibir filtros',
   toolbarFiltersTooltipActive: count => `${count} ${count !== 1 ? 'filtros' : 'filtro'} ${count !== 1 ? 'ativos' : 'ativo'}`,
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Exportar',
   toolbarExportLabel: 'Exportar',
   toolbarExportCSV: 'Baixar como CSV',
   toolbarExportPrint: 'Print',
+  toolbarExportExcel: 'Baixar como Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Localizar coluna',
   columnsPanelTextFieldPlaceholder: 'Título da coluna',
@@ -112,7 +117,9 @@ const ptBRGrid = {
   unGroupColumn: name => `Parar agrupamento por ${name}`,
   // Master/detail
   expandDetailPanel: 'Expandir',
-  collapseDetailPanel: 'Esconder'
+  collapseDetailPanel: 'Esconder' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 const ptBR = (0, _getGridLocalization.getGridLocalization)(ptBRGrid, _locale.ptBR);
 exports.ptBR = ptBR;

package/node/locales/ruRU.js

@@ -40,11 +40,16 @@ const ruRUGrid = {
 
     return `${count} ${pluralForm}`;
   },
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'Поиск...',
+  toolbarQuickFilterLabel: 'Поиск',
+  toolbarQuickFilterDeleteIconLabel: 'Очистить',
   // Export selector toolbar button text
   toolbarExport: 'Экспорт',
   toolbarExportLabel: 'Экспорт',
   toolbarExportCSV: 'Скачать в формате CSV',
   toolbarExportPrint: 'Печать',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Найти столбец',
   columnsPanelTextFieldPlaceholder: 'Заголовок столбца',
@@ -145,6 +150,8 @@ const ruRUGrid = {
   unGroupColumn: name => `Разгруппировать по ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 const ruRU = (0, _getGridLocalization.getGridLocalization)(ruRUGrid, _locale.ruRU);

package/node/locales/skSK.js

@@ -39,11 +39,16 @@ const skSKGrid = {
 
     return `${count} ${pluralForm}`;
   },
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Export',
   toolbarExportLabel: 'Export',
   toolbarExportCSV: 'Stiahnuť ako CSV',
   toolbarExportPrint: 'Vytlačiť',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Nájsť stĺpec',
   columnsPanelTextFieldPlaceholder: 'Názov stĺpca',
@@ -147,6 +152,8 @@ const skSKGrid = {
   unGroupColumn: name => `Prestať zoskupovať podľa ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 const skSK = (0, _getGridLocalization.getGridLocalization)(skSKGrid, _locale.skSK);

package/node/locales/trTR.js

@@ -29,11 +29,16 @@ const trTRGrid = {
   toolbarFiltersTooltipHide: 'Filtreleri gizle',
   toolbarFiltersTooltipShow: 'Filtreleri göster',
   toolbarFiltersTooltipActive: count => `${count} aktif filtre`,
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Dışa aktar',
   toolbarExportLabel: 'Dışa aktar',
   toolbarExportCSV: 'CSV olarak aktar',
   toolbarExportPrint: 'Yazdır',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Sütun ara',
   columnsPanelTextFieldPlaceholder: 'Sütun adı',
@@ -112,7 +117,9 @@ const trTRGrid = {
   unGroupColumn: name => `${name} için gruplamayı kaldır`,
   // Master/detail
   expandDetailPanel: 'Genişlet',
-  collapseDetailPanel: 'Gizle'
+  collapseDetailPanel: 'Gizle' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 const trTR = (0, _getGridLocalization.getGridLocalization)(trTRGrid, _locale.trTR);
 exports.trTR = trTR;

package/node/locales/ukUA.js

@@ -46,11 +46,16 @@ const ukUAGrid = {
     few: 'активні фільтри',
     many: 'активних фільтрів'
   }),
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Експорт',
   toolbarExportLabel: 'Експорт',
   toolbarExportCSV: 'Завантажити у форматі CSV',
   toolbarExportPrint: 'Друк',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Знайти стовпець',
   columnsPanelTextFieldPlaceholder: 'Заголовок стовпця',
@@ -137,6 +142,8 @@ const ukUAGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 const ukUA = (0, _getGridLocalization.getGridLocalization)(ukUAGrid, _locale.ukUA);

package/node/locales/viVN.js

@@ -29,11 +29,16 @@ const viVNGrid = {
   toolbarFiltersTooltipHide: 'Ẩn',
   toolbarFiltersTooltipShow: 'Hiện',
   toolbarFiltersTooltipActive: count => count > 1 ? `${count} bộ lọc hoạt động` : `${count} bộ lọc hoạt động`,
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: 'Xuất',
   toolbarExportLabel: 'Xuất',
   toolbarExportCSV: 'Xuất CSV',
   toolbarExportPrint: 'In',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Tìm kiếm',
   columnsPanelTextFieldPlaceholder: 'Tiêu đề cột',
@@ -112,6 +117,8 @@ const viVNGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 const viVN = (0, _getGridLocalization.getGridLocalization)(viVNGrid, _locale.viVN);

package/node/locales/zhCN.js

@@ -29,11 +29,16 @@ const zhCNGrid = {
   toolbarFiltersTooltipHide: '隐藏筛选器',
   toolbarFiltersTooltipShow: '显示筛选器',
   toolbarFiltersTooltipActive: count => `${count} 个筛选器`,
+  // Quick filter toolbar field
+  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterLabel: 'Search',
+  // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
   toolbarExport: '导出',
   toolbarExportLabel: '导出',
   toolbarExportCSV: '导出至CSV',
   // toolbarExportPrint: 'Print',
+  // toolbarExportExcel: 'Download as Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: '搜索列',
   columnsPanelTextFieldPlaceholder: '列名',
@@ -112,6 +117,8 @@ const zhCNGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 const zhCN = (0, _getGridLocalization.getGridLocalization)(zhCNGrid, _locale.zhCN);

package/node/models/events/gridEvents.js

@@ -27,6 +27,8 @@ exports.GridEvents = GridEvents;
   GridEvents["cellEditCommit"] = "cellEditCommit";
   GridEvents["cellEditStart"] = "cellEditStart";
   GridEvents["cellEditStop"] = "cellEditStop";
+  GridEvents["cellModesModelChange"] = "cellModesModelChange";
+  GridEvents["rowModesModelChange"] = "rowModesModelChange";
   GridEvents["rowEditStart"] = "rowEditStart";
   GridEvents["rowEditStop"] = "rowEditStop";
   GridEvents["rowEditCommit"] = "rowEditCommit";
@@ -36,6 +38,9 @@ exports.GridEvents = GridEvents;
   GridEvents["rowMouseEnter"] = "rowMouseEnter";
   GridEvents["rowMouseLeave"] = "rowMouseLeave";
   GridEvents["editRowsModelChange"] = "editRowsModelChange";
+  GridEvents["rowDragStart"] = "rowDragStart";
+  GridEvents["rowDragOver"] = "rowDragOver";
+  GridEvents["rowDragEnd"] = "rowDragEnd";
   GridEvents["columnHeaderBlur"] = "columnHeaderBlur";
   GridEvents["columnHeaderFocus"] = "columnHeaderFocus";
   GridEvents["columnHeaderNavigationKeyDown"] = "columnHeaderNavigationKeyDown";
@@ -64,6 +69,7 @@ exports.GridEvents = GridEvents;
   GridEvents["columnResizeStart"] = "columnResizeStart";
   GridEvents["columnResizeStop"] = "columnResizeStop";
   GridEvents["columnOrderChange"] = "columnOrderChange";
+  GridEvents["rowOrderChange"] = "rowOrderChange";
   GridEvents["rowsSet"] = "rowsSet";
   GridEvents["rowExpansionChange"] = "rowExpansionChange";
   GridEvents["sortedRowsSet"] = "sortedRowsSet";
@@ -79,6 +85,8 @@ exports.GridEvents = GridEvents;
   GridEvents["stateChange"] = "stateChange";
   GridEvents["columnVisibilityChange"] = "columnVisibilityChange";
   GridEvents["virtualScrollerContentSizeChange"] = "virtualScrollerContentSizeChange";
+  GridEvents["virtualScrollerWheel"] = "virtualScrollerWheel";
+  GridEvents["virtualScrollerTouchMove"] = "virtualScrollerTouchMove";
   GridEvents["preferencePanelClose"] = "preferencePanelClose";
   GridEvents["preferencePanelOpen"] = "preferencePanelOpen";
 })(GridEvents || (exports.GridEvents = GridEvents = {}));

package/node/models/index.js

@@ -264,19 +264,6 @@ Object.keys(_gridDensity).forEach(function (key) {
   });
 });
 
-var _gridExport = require("./gridExport");
-
-Object.keys(_gridExport).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _gridExport[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridExport[key];
-    }
-  });
-});
-
 var _logger = require("./logger");
 
 Object.keys(_logger).forEach(function (key) {

package/node/utils/createSelector.js

@@ -3,16 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createSelector = void 0;
+exports.unstable_resetCreateSelectorCache = exports.createSelector = void 0;
 
 var _reselect = require("reselect");
 
 var _warning = require("./warning");
 
-const cache = {};
+const cacheContainer = {
+  cache: null
+};
 const missingInstanceIdWarning = (0, _warning.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)`.']);
 
 const createSelector = (...args) => {
+  if (cacheContainer.cache === null) {
+    cacheContainer.cache = {};
+  }
+
   const selector = (...selectorArgs) => {
     const [stateOrApiRef, instanceId] = selectorArgs;
     const isApiRef = !!stateOrApiRef.current;
@@ -25,6 +31,14 @@ const createSelector = (...args) => {
       }
     }
 
+    if (cacheContainer.cache === null) {
+      cacheContainer.cache = {};
+    }
+
+    const {
+      cache
+    } = cacheContainer;
+
     if (cache[cacheKey] && cache[cacheKey].get(args)) {
       // We pass the cache key because the called selector might have as
       // dependency another selector created with this `createSelector`.
@@ -43,8 +57,15 @@ const createSelector = (...args) => {
   // or it's only a simple function the receives the state and returns part of it.
 
 
-  selector.cache = cache;
+  selector.acceptsApiRef = true;
   return selector;
+}; // eslint-disable-next-line @typescript-eslint/naming-convention
+
+
+exports.createSelector = createSelector;
+
+const unstable_resetCreateSelectorCache = () => {
+  cacheContainer.cache = null;
 };
 
-exports.createSelector = createSelector;
+exports.unstable_resetCreateSelectorCache = unstable_resetCreateSelectorCache;

package/node/utils/exportAs.js

@@ -15,7 +15,7 @@ exports.exportAs = exportAs;
  * 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
  */
-function exportAs(blob, extension = 'csv', filename = document.title) {
+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
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "5.9.0",
+  "version": "5.11.1",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -35,7 +35,8 @@
     "directory": "packages/grid/x-data-grid"
   },
   "dependencies": {
-    "@mui/utils": "^5.6.0",
+    "@babel/runtime": "^7.17.2",
+    "@mui/utils": "^5.7.0",
     "clsx": "^1.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.5"

package/utils/createSelector.d.ts

@@ -6,7 +6,7 @@ export interface OutputSelector<State, Result> {
         instanceId: number;
     }>): Result;
     (state: State, instanceId?: number): Result;
-    cache: object;
+    acceptsApiRef: boolean;
 }
 declare type StateFromSelector<T> = T extends (first: infer F, ...args: any[]) => any ? F extends {
     state: infer F2;
@@ -18,4 +18,5 @@ declare type StateFromSelectorList<Selectors extends readonly any[]> = Selectors
 declare type SelectorArgs<Selectors extends ReadonlyArray<Selector<any>>, Result> = [selectors: [...Selectors], combiner: (...args: SelectorResultArray<Selectors>) => Result] | [...Selectors, (...args: SelectorResultArray<Selectors>) => Result];
 declare type CreateSelectorFunction = <Selectors extends ReadonlyArray<Selector<any>>, Result>(...items: SelectorArgs<Selectors, Result>) => OutputSelector<StateFromSelectorList<Selectors>, Result>;
 export declare const createSelector: CreateSelectorFunction;
+export declare const unstable_resetCreateSelectorCache: () => void;
 export {};

package/utils/createSelector.js

@@ -1,8 +1,14 @@
 import { createSelector as reselectCreateSelector } from 'reselect';
 import { buildWarning } from './warning';
-const cache = {};
+const cacheContainer = {
+  cache: null
+};
 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) => {
+  if (cacheContainer.cache === null) {
+    cacheContainer.cache = {};
+  }
+
   const selector = (...selectorArgs) => {
     const [stateOrApiRef, instanceId] = selectorArgs;
     const isApiRef = !!stateOrApiRef.current;
@@ -15,6 +21,14 @@ export const createSelector = (...args) => {
       }
     }
 
+    if (cacheContainer.cache === null) {
+      cacheContainer.cache = {};
+    }
+
+    const {
+      cache
+    } = cacheContainer;
+
     if (cache[cacheKey] && cache[cacheKey].get(args)) {
       // We pass the cache key because the called selector might have as
       // dependency another selector created with this `createSelector`.
@@ -33,6 +47,10 @@ export const createSelector = (...args) => {
   // or it's only a simple function the receives the state and returns part of it.
 
 
-  selector.cache = cache;
+  selector.acceptsApiRef = true;
   return selector;
+}; // eslint-disable-next-line @typescript-eslint/naming-convention
+
+export const unstable_resetCreateSelectorCache = () => {
+  cacheContainer.cache = null;
 };

package/utils/exportAs.d.ts

@@ -1,4 +1,4 @@
-import { GridExportFormat } from '../models/gridExport';
+import { GridExportExtension } from '../models/gridExport';
 /**
  * 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.
@@ -9,4 +9,4 @@ import { GridExportFormat } from '../models/gridExport';
  * 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(blob: Blob, extension?: GridExportFormat, filename?: string): void;
+export declare function exportAs<ExtraExtensions extends string>(blob: Blob, extension?: GridExportExtension | ExtraExtensions, filename?: string): void;

package/utils/exportAs.js

@@ -8,7 +8,7 @@
  * 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) {
+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