@mui/x-data-grid 7.0.0-alpha.2 → 7.0.0-alpha.3

package/node/models/params/gridEditCellParams.js

@@ -12,6 +12,7 @@ var GridCellEditStartReasons = exports.GridCellEditStartReasons = /*#__PURE__*/f
   GridCellEditStartReasons["cellDoubleClick"] = "cellDoubleClick";
   GridCellEditStartReasons["printableKeyDown"] = "printableKeyDown";
   GridCellEditStartReasons["deleteKeyDown"] = "deleteKeyDown";
+  GridCellEditStartReasons["pasteKeyDown"] = "pasteKeyDown";
   return GridCellEditStartReasons;
 }(GridCellEditStartReasons || {});
 /**

package/node/utils/domUtils.js

@@ -8,6 +8,7 @@ exports.getActiveElement = void 0;
 exports.getGridCellElement = getGridCellElement;
 exports.getGridColumnHeaderElement = getGridColumnHeaderElement;
 exports.getGridRowElement = getGridRowElement;
+exports.isEventTargetInPortal = isEventTargetInPortal;
 exports.isOverflown = isOverflown;
 var _gridClasses = require("../constants/gridClasses");
 function isOverflown(element) {
@@ -49,4 +50,13 @@ const getActiveElement = (root = document) => {
   }
   return activeEl;
 };
-exports.getActiveElement = getActiveElement;
+exports.getActiveElement = getActiveElement;
+function isEventTargetInPortal(event) {
+  if (
+  // The target is not an element when triggered by a Select inside the cell
+  // See https://github.com/mui/material-ui/issues/10534
+  event.target.nodeType === 1 && !event.currentTarget.contains(event.target)) {
+    return true;
+  }
+  return false;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "7.0.0-alpha.2",
+  "version": "7.0.0-alpha.3",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -37,6 +37,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.23.4",
+    "@mui/system": "^5.14.18",
     "@mui/utils": "^5.14.18",
     "clsx": "^2.0.0",
     "prop-types": "^15.8.1",
@@ -44,7 +45,6 @@
   },
   "peerDependencies": {
     "@mui/material": "^5.4.1",
-    "@mui/system": "^5.4.1",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },

package/utils/domUtils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridRowId } from '../models/gridRows';
 export declare function isOverflown(element: Element): boolean;
 export declare function findParentElementFromClassName(elem: Element, className: string): Element | null;
@@ -8,3 +9,4 @@ export declare function getGridCellElement(root: Element, { id, field }: {
     field: string;
 }): HTMLDivElement | null;
 export declare const getActiveElement: (root?: Document | ShadowRoot) => Element | null;
+export declare function isEventTargetInPortal(event: React.SyntheticEvent): boolean;

package/utils/domUtils.js

@@ -37,4 +37,13 @@ export const getActiveElement = (root = document) => {
     return getActiveElement(activeEl.shadowRoot);
   }
   return activeEl;
-};
+};
+export function isEventTargetInPortal(event) {
+  if (
+  // The target is not an element when triggered by a Select inside the cell
+  // See https://github.com/mui/material-ui/issues/10534
+  event.target.nodeType === 1 && !event.currentTarget.contains(event.target)) {
+    return true;
+  }
+  return false;
+}