@linzjs/step-ag-grid 2.3.0 → 2.3.1

package/dist/step-ag-grid.esm.js

@@ -1303,12 +1303,12 @@ var ControlledMenuFr = function (_a, externalRef) {
         reposition,
         viewScroll,
     ]);
-    var clickIsWithinMenu = useCallback(function (ev) {
-        return hasParentClass("szh-menu--state-open", ev.target) ||
-            (closeMenuExclusionClassName && hasParentClass(closeMenuExclusionClassName, ev.target));
+    var isWithinMenu = useCallback(function (target) {
+        return hasParentClass("szh-menu--state-open", target) ||
+            (closeMenuExclusionClassName && hasParentClass(closeMenuExclusionClassName, target));
     }, [closeMenuExclusionClassName]);
     var handleScreenEventForSave = useCallback(function (ev) {
-        if (!clickIsWithinMenu(ev)) {
+        if (!isWithinMenu(ev.target)) {
             ev.preventDefault();
             ev.stopPropagation();
             // FIXME There's an issue in React17
@@ -1330,13 +1330,13 @@ var ControlledMenuFr = function (_a, externalRef) {
                 setTimeout(function () { return (skipOpen.current = false); }, 300);
             }
         }
-    }, [clickIsWithinMenu, onClose, saveButtonRef, skipOpen]);
+    }, [isWithinMenu, onClose, saveButtonRef, skipOpen]);
     var handleScreenEventForCancel = useCallback(function (ev) {
-        if (!clickIsWithinMenu(ev)) {
+        if (!isWithinMenu(ev.target)) {
             ev.preventDefault();
             ev.stopPropagation();
         }
-    }, [clickIsWithinMenu]);
+    }, [isWithinMenu]);
     useEffect(function () {
         if (isMenuOpen(state)) {
             var thisDocument_1 = (anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current) ? anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current.ownerDocument : document;
@@ -1389,7 +1389,9 @@ var ControlledMenuFr = function (_a, externalRef) {
         }
     };
     var onBlur = function (e) {
-        if (isMenuOpen(state) && !e.currentTarget.contains(e.relatedTarget || document.activeElement)) {
+        if (isMenuOpen(state) &&
+            !e.currentTarget.contains(e.relatedTarget || document.activeElement) &&
+            !isWithinMenu(e.relatedTarget)) {
             safeCall(onClose, { reason: CloseReason.BLUR });
             // If a user clicks on the menu button when a menu is open, we need to close the menu.
             // However, a blur event will be fired prior to the click event on menu button,
@@ -2709,8 +2711,6 @@ var useGridPopoverHook = function (props) {
     }); }, [props, stopEditing, propsRef]);
     var popoverWrapper = useCallback(function (children) {
         return (jsx(Fragment$1, { children: anchorRef.current && (jsxs(ControlledMenu, __assign({ state: isOpen ? "open" : "closed", portal: true, unmountOnClose: true, anchorRef: anchorRef, saveButtonRef: saveButtonRef, menuClassName: "step-ag-grid-react-menu", onClose: function (event) {
-                    if (event.reason === "blur")
-                        return;
                     triggerSave(event.reason).then();
                 }, viewScroll: "auto", dontShrinkIfDirectionIsTop: true, className: props.className, closeMenuExclusionClassName: "ReactModal__Content" }, { children: [saving && ( // This is the overlay that prevents editing when the editor is saving
                     jsx("div", { style: {