@mui/x-data-grid 5.8.0 → 5.11.0

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/api/gridColumnSpanning.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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,14 +69,14 @@ exports.GridEvents = GridEvents;
   GridEvents["columnResizeStart"] = "columnResizeStart";
   GridEvents["columnResizeStop"] = "columnResizeStop";
   GridEvents["columnOrderChange"] = "columnOrderChange";
+  GridEvents["rowOrderChange"] = "rowOrderChange";
   GridEvents["rowsSet"] = "rowsSet";
   GridEvents["rowExpansionChange"] = "rowExpansionChange";
-  GridEvents["visibleRowsSet"] = "visibleRowsSet";
+  GridEvents["sortedRowsSet"] = "sortedRowsSet";
+  GridEvents["filteredRowsSet"] = "filteredRowsSet";
   GridEvents["columnsChange"] = "columnsChange";
   GridEvents["detailPanelsExpandedRowIdsChange"] = "detailPanelsExpandedRowIdsChange";
   GridEvents["pinnedColumnsChange"] = "pinnedColumnsChange";
-  GridEvents["pipeProcessorRegister"] = "pipeProcessorRegister";
-  GridEvents["pipeProcessorUnregister"] = "pipeProcessorUnregister";
   GridEvents["activeStrategyProcessorChange"] = "activeStrategyProcessorChange";
   GridEvents["strategyAvailabilityChange"] = "strategyAvailabilityChange";
   GridEvents["sortModelChange"] = "sortModelChange";
@@ -80,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/gridColumnSpanning.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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.8.0",
+  "version": "5.11.0",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -8,7 +8,7 @@
   "bugs": {
     "url": "https://github.com/mui/mui-x/issues"
   },
-  "homepage": "https://mui.com/components/data-grid/",
+  "homepage": "https://mui.com/x/react-data-grid/",
   "sideEffects": false,
   "funding": {
     "type": "opencollective",
@@ -35,7 +35,7 @@
     "directory": "packages/grid/x-data-grid"
   },
   "dependencies": {
-    "@mui/utils": "^5.4.4",
+    "@mui/utils": "^5.6.1",
     "clsx": "^1.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.5"
@@ -43,7 +43,7 @@
   "peerDependencies": {
     "@mui/material": "^5.2.8",
     "@mui/system": "^5.2.8",
-    "react": "^17.0.2"
+    "react": "^17.0.2 || ^18.0.0"
   },
   "setupFiles": [
     "<rootDir>/src/setupTests.js"

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/domUtils.d.ts

@@ -4,8 +4,8 @@ export declare function findParentElementFromClassName(elem: Element, className:
 export declare function getRowEl(cell?: Element | null): HTMLElement | null;
 export declare function isGridCellRoot(elem: Element | null): boolean;
 export declare function isGridHeaderCellRoot(elem: Element | null): boolean;
-export declare function getGridColumnHeaderElement(root: Element, field: string): HTMLDivElement;
-export declare function getGridRowElement(root: Element, id: GridRowId): HTMLDivElement;
+export declare function getGridColumnHeaderElement(root: Element, field: string): HTMLDivElement | null;
+export declare function getGridRowElement(root: Element, id: GridRowId): HTMLDivElement | null;
 export declare function getGridCellElement(root: Element, { id, field }: {
     id: GridRowId;
     field: string;

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