@linzjs/step-ag-grid 2.2.0 → 2.2.2

package/dist/index.js

@@ -1278,7 +1278,7 @@ var EventHandlersContext = react.createContext({
 });
 
 var ControlledMenuFr = function (_a, externalRef) {
-    var ariaLabel = _a["aria-label"], className = _a.className, containerProps = _a.containerProps, initialMounted = _a.initialMounted, unmountOnClose = _a.unmountOnClose, transition = _a.transition, transitionTimeout = _a.transitionTimeout, boundingBoxRef = _a.boundingBoxRef, boundingBoxPadding = _a.boundingBoxPadding, _b = _a.reposition, reposition = _b === void 0 ? "auto" : _b, _c = _a.submenuOpenDelay, submenuOpenDelay = _c === void 0 ? 300 : _c, _d = _a.submenuCloseDelay, submenuCloseDelay = _d === void 0 ? 150 : _d, skipOpen = _a.skipOpen, _e = _a.viewScroll, viewScroll = _e === void 0 ? "initial" : _e, portal = _a.portal, theming = _a.theming, onItemClick = _a.onItemClick, onClose = _a.onClose, saveButtonRef = _a.saveButtonRef, restProps = __rest(_a, ["aria-label", "className", "containerProps", "initialMounted", "unmountOnClose", "transition", "transitionTimeout", "boundingBoxRef", "boundingBoxPadding", "reposition", "submenuOpenDelay", "submenuCloseDelay", "skipOpen", "viewScroll", "portal", "theming", "onItemClick", "onClose", "saveButtonRef"]);
+    var ariaLabel = _a["aria-label"], className = _a.className, containerProps = _a.containerProps, initialMounted = _a.initialMounted, unmountOnClose = _a.unmountOnClose, transition = _a.transition, transitionTimeout = _a.transitionTimeout, boundingBoxRef = _a.boundingBoxRef, boundingBoxPadding = _a.boundingBoxPadding, _b = _a.reposition, reposition = _b === void 0 ? "auto" : _b, _c = _a.submenuOpenDelay, submenuOpenDelay = _c === void 0 ? 300 : _c, _d = _a.submenuCloseDelay, submenuCloseDelay = _d === void 0 ? 150 : _d, skipOpen = _a.skipOpen, _e = _a.viewScroll, viewScroll = _e === void 0 ? "initial" : _e, portal = _a.portal, theming = _a.theming, onItemClick = _a.onItemClick, onClose = _a.onClose, saveButtonRef = _a.saveButtonRef, closeMenuExclusionClassName = _a.closeMenuExclusionClassName, restProps = __rest(_a, ["aria-label", "className", "containerProps", "initialMounted", "unmountOnClose", "transition", "transitionTimeout", "boundingBoxRef", "boundingBoxPadding", "reposition", "submenuOpenDelay", "submenuCloseDelay", "skipOpen", "viewScroll", "portal", "theming", "onItemClick", "onClose", "saveButtonRef", "closeMenuExclusionClassName"]);
     var containerRef = react.useRef();
     var scrollNodesRef = react.useRef({});
     var anchorRef = restProps.anchorRef, state = restProps.state;
@@ -1306,11 +1306,11 @@ var ControlledMenuFr = function (_a, externalRef) {
         viewScroll,
     ]);
     var clickIsWithinMenu = react.useCallback(function (ev) {
-        return hasParentClass("szh-menu--state-open", ev.target);
-    }, []);
+        return hasParentClass("szh-menu--state-open", ev.target) ||
+            (closeMenuExclusionClassName && hasParentClass(closeMenuExclusionClassName, ev.target));
+    }, [closeMenuExclusionClassName]);
     var handleScreenEventForSave = react.useCallback(function (ev) {
         if (!clickIsWithinMenu(ev)) {
-            //!ev.currentTarget.contains(ev.relatedTarget || document.activeElement)) {
             ev.preventDefault();
             ev.stopPropagation();
             // FIXME There's an issue in React17
@@ -2710,7 +2710,11 @@ var useGridPopoverHook = function (props) {
         });
     }); }, [props, stopEditing, propsRef]);
     var popoverWrapper = react.useCallback(function (children) {
-        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: anchorRef.current && (jsxRuntime.jsxs(ControlledMenu, __assign({ state: isOpen ? "open" : "closed", portal: true, unmountOnClose: true, anchorRef: anchorRef, saveButtonRef: saveButtonRef, menuClassName: "step-ag-grid-react-menu", onClose: function (event) { return triggerSave(event.reason).then(); }, viewScroll: "auto", dontShrinkIfDirectionIsTop: true, className: props.className }, { children: [saving && ( // This is the overlay that prevents editing when the editor is saving
+        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: anchorRef.current && (jsxRuntime.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
                     jsxRuntime.jsx("div", { style: {
                             position: "absolute",
                             left: 0,
@@ -2824,8 +2828,11 @@ function defer() {
 }
 
 var MenuSeparatorString = "_____MENU_SEPARATOR_____";
-Object.freeze({ value: MenuSeparatorString });
+var MenuSeparator = Object.freeze({ value: MenuSeparatorString });
 var MenuHeaderString = "_____MENU_HEADER_____";
+var MenuHeaderItem = function (title) {
+    return { label: title, value: MenuHeaderString };
+};
 var GridFormDropDown = function (_props) {
     var props = _props;
     var _a = react.useContext(GridContext), updatingCells = _a.updatingCells, stopEditing = _a.stopEditing;
@@ -3694,6 +3701,9 @@ exports.GridCell = GridCell;
 exports.GridCellRenderer = GridCellRenderer;
 exports.GridContext = GridContext;
 exports.GridContextProvider = GridContextProvider;
+exports.GridFormDropDown = GridFormDropDown;
+exports.GridFormMultiSelect = GridFormMultiSelect;
+exports.GridFormPopoutMenu = GridFormPopoutMenu;
 exports.GridHeaderSelect = GridHeaderSelect;
 exports.GridIcon = GridIcon;
 exports.GridLoadableCell = GridLoadableCell;
@@ -3715,8 +3725,13 @@ exports.MenuButton = MenuButton;
 exports.MenuDivider = MenuDivider;
 exports.MenuGroup = MenuGroup;
 exports.MenuHeader = MenuHeader;
+exports.MenuHeaderItem = MenuHeaderItem;
+exports.MenuHeaderString = MenuHeaderString;
 exports.MenuItem = MenuItem;
 exports.MenuRadioGroup = MenuRadioGroup;
+exports.MenuSeparator = MenuSeparator;
+exports.MenuSeparatorString = MenuSeparatorString;
+exports.PopoutMenuSeparator = PopoutMenuSeparator;
 exports.SubMenu = SubMenu;
 exports.TextAreaInput = TextAreaInput;
 exports.TextInputFormatted = TextInputFormatted;