oolib 2.90.4 → 2.91.0

package/dist/components/ActionMenu/index.d.ts

@@ -1,4 +1,4 @@
-export function ActionMenu({ icon, invert, actions, align, iconSize, M, ButtonComp: _ButtonComp, setShowActions: setShowActionsInParent, popOutOfOverflowHiddenParent, CustomSelectComp, storybookPreview, useLightboxPortal, }: {
+export function ActionMenu({ icon, invert, actions, align, iconSize, M, ButtonComp: _ButtonComp, setShowActions: setShowActionsInParent, popOutOfOverflowHiddenParent, CustomSelectComp, storybookPreview, }: {
     icon?: string;
     invert: any;
     actions: any;
@@ -10,6 +10,5 @@ export function ActionMenu({ icon, invert, actions, align, iconSize, M, ButtonCo
     popOutOfOverflowHiddenParent?: boolean;
     CustomSelectComp: any;
     storybookPreview: any;
-    useLightboxPortal: any;
 }): React.JSX.Element;
 import React from "react";

package/dist/components/ActionMenu/index.js

@@ -47,12 +47,13 @@ var react_dom_1 = require("react-dom");
 //
 var ActionMenu = function (_a) {
     var _b = _a.icon, icon = _b === void 0 ? "DotsThree" : _b, //most likely will never change
-    invert = _a.invert, actions = _a.actions, _c = _a.align, align = _c === void 0 ? "right" : _c, _d = _a.iconSize, iconSize = _d === void 0 ? "S" : _d, M = _a.M, _e = _a.ButtonComp, _ButtonComp = _e === void 0 ? "ButtonGhost" : _e, setShowActionsInParent = _a.setShowActions, _f = _a.popOutOfOverflowHiddenParent, popOutOfOverflowHiddenParent = _f === void 0 ? false : _f, CustomSelectComp = _a.CustomSelectComp, storybookPreview = _a.storybookPreview, //for storybook purposes
-    useLightboxPortal = _a.useLightboxPortal;
+    invert = _a.invert, actions = _a.actions, _c = _a.align, align = _c === void 0 ? "right" : _c, _d = _a.iconSize, iconSize = _d === void 0 ? "S" : _d, M = _a.M, _e = _a.ButtonComp, _ButtonComp = _e === void 0 ? "ButtonGhost" : _e, setShowActionsInParent = _a.setShowActions, _f = _a.popOutOfOverflowHiddenParent, popOutOfOverflowHiddenParent = _f === void 0 ? false : _f, CustomSelectComp = _a.CustomSelectComp, storybookPreview = _a.storybookPreview;
     var actionMenuRef = (0, react_1.useRef)(null);
     var optionsWrapperRef = (0, react_1.useRef)(null);
     var _g = (0, react_1.useState)(false), showActions = _g[0], setShowActions = _g[1];
-    (0, useHandleClickOutside_1.useHandleClickOutside)(actionMenuRef, setShowActions);
+    (0, useHandleClickOutside_1.useHandleClickOutside)(popOutOfOverflowHiddenParent
+        ? [actionMenuRef, optionsWrapperRef] //cuz in popOut case, options are rendered in a portal, which means the 'options' are no longer a child on acitonMenuRef. Hence we need to track click outside optionsWrapperRef as well.
+        : actionMenuRef, setShowActions);
     if (!actions || actions.length === 0)
         return null;
     var getOpsRect = function () { var _a; return (_a = optionsWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect(); };

package/dist/utils/customHooks/useHandleClickOutside.d.ts

@@ -1 +1 @@
-export function useHandleClickOutside(ref: any, setShowOptions: any, options?: {}): void;
+export function useHandleClickOutside(ref: any, setShowOptions: any, options?: any): void;

package/dist/utils/customHooks/useHandleClickOutside.js

@@ -2,13 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useHandleClickOutside = void 0;
 var react_1 = require("react");
+var toArray_1 = require("../toArray");
+/**
+ *
+ * @param {*} ref can be a ref or an array of refs
+ * @param {*} setShowOptions
+ * @param {*} options
+ */
 var useHandleClickOutside = function (ref, setShowOptions, options) {
     if (options === void 0) { options = {}; }
     var _a = options.enabled, enabled = _a === void 0 ? true : _a;
     var handleClickOutside = function (event) {
         if (!enabled)
             return;
-        if (ref.current && !ref.current.contains(event.target)) {
+        if ((0, toArray_1.toArray)(ref).every(function (refD) { return refD.current && !refD.current.contains(event.target); })) {
             //clicked outside editor
             setShowOptions(false);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.90.4",
+  "version": "2.91.0",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",