@mui/x-data-grid 6.18.2 → 6.18.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

@@ -9,6 +9,7 @@ exports.getGridCellElement = getGridCellElement;
 exports.getGridColumnHeaderElement = getGridColumnHeaderElement;
 exports.getGridRowElement = getGridRowElement;
 exports.getRowEl = getRowEl;
+exports.isEventTargetInPortal = isEventTargetInPortal;
 exports.isGridCellRoot = isGridCellRoot;
 exports.isGridHeaderCellRoot = isGridHeaderCellRoot;
 exports.isOverflown = isOverflown;
@@ -66,4 +67,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": "6.18.2",
+  "version": "6.18.3",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",

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;
@@ -11,3 +12,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

@@ -51,4 +51,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;
+}