@mui/x-data-grid 7.19.0 → 7.21.0

package/node/internals/index.js

@@ -81,6 +81,8 @@ var _exportNames = {
   useGridColumnResize: true,
   columnResizeStateInitializer: true,
   ROW_SELECTION_PROPAGATION_DEFAULT: true,
+  useGridListView: true,
+  listViewStateInitializer: true,
   useTimeout: true,
   useGridVisibleRows: true,
   getVisibleRows: true,
@@ -97,6 +99,7 @@ var _exportNames = {
   isEventTargetInPortal: true,
   isNavigationKey: true,
   isPasteShortcut: true,
+  isCopyShortcut: true,
   exportAs: true,
   useGridPrivateApiContext: true,
   serializeCellValue: true
@@ -359,6 +362,12 @@ Object.defineProperty(exports, "headerFilteringStateInitializer", {
     return _useGridHeaderFiltering.headerFilteringStateInitializer;
   }
 });
+Object.defineProperty(exports, "isCopyShortcut", {
+  enumerable: true,
+  get: function () {
+    return _keyboardUtils.isCopyShortcut;
+  }
+});
 Object.defineProperty(exports, "isEventTargetInPortal", {
   enumerable: true,
   get: function () {
@@ -383,6 +392,12 @@ Object.defineProperty(exports, "isSingleSelectColDef", {
     return _filterPanelUtils.isSingleSelectColDef;
   }
 });
+Object.defineProperty(exports, "listViewStateInitializer", {
+  enumerable: true,
+  get: function () {
+    return _useGridListView.listViewStateInitializer;
+  }
+});
 Object.defineProperty(exports, "paginationStateInitializer", {
   enumerable: true,
   get: function () {
@@ -551,6 +566,12 @@ Object.defineProperty(exports, "useGridKeyboardNavigation", {
     return _useGridKeyboardNavigation.useGridKeyboardNavigation;
   }
 });
+Object.defineProperty(exports, "useGridListView", {
+  enumerable: true,
+  get: function () {
+    return _useGridListView.useGridListView;
+  }
+});
 Object.defineProperty(exports, "useGridPagination", {
   enumerable: true,
   get: function () {
@@ -775,6 +796,7 @@ Object.keys(_virtualization).forEach(function (key) {
 });
 var _useGridColumnResize = require("../hooks/features/columnResize/useGridColumnResize");
 var _utils = require("../hooks/features/rowSelection/utils");
+var _useGridListView = require("../hooks/features/listView/useGridListView");
 var _useTimeout = require("../hooks/utils/useTimeout");
 var _useGridVisibleRows = require("../hooks/utils/useGridVisibleRows");
 var _useGridInitializeState = require("../hooks/utils/useGridInitializeState");

package/node/joy/icons.js

@@ -42,7 +42,6 @@ function createSvgIcon(path, displayName) {
       } = _ref,
       props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, (0, _extends2.default)({
-      "data-testid": `${displayName}Icon`,
       ref: ref,
       fill: "none",
       stroke: "currentColor",

package/node/locales/jaJP.js

@@ -53,9 +53,9 @@ const jaJPGrid = {
   filterPanelInputPlaceholder: '値を入力…',
   // Filter operators text
   filterOperatorContains: '...を含む',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: '...を含まない',
   filterOperatorEquals: '...に等しい',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: '...に等しくない',
   filterOperatorStartsWith: '...で始まる',
   filterOperatorEndsWith: '...で終わる',
   filterOperatorIs: '...である',
@@ -75,9 +75,9 @@ const jaJPGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: '含む',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: '含まない',
   headerFilterOperatorEquals: '等しい',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: '等しくない',
   headerFilterOperatorStartsWith: 'で始まる',
   headerFilterOperatorEndsWith: 'で終わる',
   headerFilterOperatorIs: 'である',

package/node/utils/ResizeObserver.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResizeObserver = void 0;
+/* eslint-disable */
+
+/**
+ * HACK: Minimal shim to get jsdom to work.
+ */
+const ResizeObserver = exports.ResizeObserver = typeof globalThis.ResizeObserver !== 'undefined' ? globalThis.ResizeObserver : class ResizeObserver {
+  observe() {}
+  unobserve() {}
+  disconnect() {}
+};

package/node/utils/domUtils.js

@@ -213,7 +213,7 @@ function findGridCells(api, field) {
 }
 function queryRows(api) {
   return api.virtualScrollerRef.current.querySelectorAll(
-  // Use > to ignore rows from nested data grids (for example in detail panel)
+  // Use > to ignore rows from nested Data Grids (for example in detail panel)
   `:scope > div > div > .${_gridClasses.gridClasses.row}`);
 }
 function parseCellColIndex(col) {

package/node/utils/keyboardUtils.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isNavigationKey = exports.isMultipleKey = exports.isKeyboardEvent = exports.isHideMenuKey = exports.isCellExitEditModeKeys = exports.isCellEnterEditModeKeys = exports.isCellEditCommitKeys = exports.GRID_MULTIPLE_SELECTION_KEYS = exports.GRID_CELL_EXIT_EDIT_MODE_KEYS = exports.GRID_CELL_EDIT_COMMIT_KEYS = void 0;
+exports.isCellExitEditModeKeys = exports.isCellEnterEditModeKeys = exports.isCellEditCommitKeys = exports.GRID_MULTIPLE_SELECTION_KEYS = exports.GRID_CELL_EXIT_EDIT_MODE_KEYS = exports.GRID_CELL_EDIT_COMMIT_KEYS = void 0;
+exports.isCopyShortcut = isCopyShortcut;
+exports.isNavigationKey = exports.isMultipleKey = exports.isKeyboardEvent = exports.isHideMenuKey = void 0;
 exports.isPasteShortcut = isPasteShortcut;
 exports.isPrintableKey = isPrintableKey;
 // Non printable keys have a name, for example "ArrowRight", see the whole list:
@@ -37,8 +39,16 @@ const isHideMenuKey = key => key === 'Tab' || key === 'Escape';
 // However, maybe it's overkill to fix, so let's be lazy.
 exports.isHideMenuKey = isHideMenuKey;
 function isPasteShortcut(event) {
-  if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'v' && !event.shiftKey && !event.altKey) {
-    return true;
-  }
-  return false;
+  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.
+function isCopyShortcut(event) {
+  return (event.ctrlKey || event.metaKey) && String.fromCharCode(event.keyCode) === 'C' && !event.shiftKey && !event.altKey;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "7.19.0",
+  "version": "7.21.0",
   "description": "The Community plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -37,12 +37,12 @@
     "directory": "packages/x-data-grid"
   },
   "dependencies": {
-    "@babel/runtime": "^7.25.6",
-    "@mui/utils": "^5.16.6",
+    "@babel/runtime": "^7.25.7",
+    "@mui/utils": "^5.16.6 || ^6.0.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
-    "@mui/x-internals": "7.18.0"
+    "@mui/x-internals": "7.21.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/utils/ResizeObserver.d.ts

@@ -0,0 +1,4 @@
+/**
+ * HACK: Minimal shim to get jsdom to work.
+ */
+export declare const ResizeObserver: typeof globalThis.ResizeObserver;

package/utils/ResizeObserver.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+
+/**
+ * HACK: Minimal shim to get jsdom to work.
+ */
+export const ResizeObserver = typeof globalThis.ResizeObserver !== 'undefined' ? globalThis.ResizeObserver : class ResizeObserver {
+  observe() {}
+  unobserve() {}
+  disconnect() {}
+};

package/utils/domUtils.js

@@ -187,7 +187,7 @@ export function findGridCells(api, field) {
 }
 function queryRows(api) {
   return api.virtualScrollerRef.current.querySelectorAll(
-  // Use > to ignore rows from nested data grids (for example 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/keyboardUtils.d.ts

@@ -11,3 +11,4 @@ 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 "Tab" | "Escape";
 export declare function isPasteShortcut(event: React.KeyboardEvent): boolean;
+export declare function isCopyShortcut(event: KeyboardEvent): boolean;

package/utils/keyboardUtils.js

@@ -22,8 +22,16 @@ 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) {
-  if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'v' && !event.shiftKey && !event.altKey) {
-    return true;
-  }
-  return false;
+  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;
 }