@reportportal/ui-kit 0.0.1-alpha.215 → 0.0.1-alpha.216

package/dist/{actionMenu-e78f9615.js → actionMenu-6a964512.js}

@@ -1,22 +1,22 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useState as P, useRef as w, useCallback as V, useEffect as C, isValidElement as F, Fragment as K } from "react";
-import { S as R } from "./details-dbb1530b.js";
-import { B as U } from "./baseIconButton-251479f7.js";
-import { Popover as z } from "./popover.js";
-import { c as G } from "./bind-06a7ff84.js";
-const H = "_disabled_gfti4_69", J = "_divider_gfti4_76", m = {
+import { useState as V, useRef as w, useCallback as C, useEffect as F, isValidElement as K, Fragment as R } from "react";
+import { S as U } from "./details-dbb1530b.js";
+import { B as z } from "./baseIconButton-251479f7.js";
+import { Popover as G } from "./popover.js";
+import { c as H } from "./bind-06a7ff84.js";
+const J = "_disabled_gfti4_69", L = "_divider_gfti4_76", m = {
   "action-menu": "_action-menu_gfti4_16",
   "actions-popover": "_actions-popover_gfti4_20",
   "action-dropdown": "_action-dropdown_gfti4_24",
   "action-menu-button": "_action-menu-button_gfti4_29",
   "action-item": "_action-item_gfti4_42",
-  disabled: H,
-  divider: J
-}, l = G.bind(m), ee = ({
+  disabled: J,
+  divider: L
+}, l = H.bind(m), ne = ({
   className: p,
   children: b,
   ...h
-}) => /* @__PURE__ */ i("div", { className: l("action-item", p), tabIndex: -1, ...h, children: b }), ne = ({
+}) => /* @__PURE__ */ i("div", { className: l("action-item", p), tabIndex: -1, ...h, children: b }), te = ({
   placement: p = "bottom-end",
   items: b = [],
   cleanupDividers: h = !0,
@@ -27,15 +27,16 @@ const H = "_disabled_gfti4_69", J = "_divider_gfti4_76", m = {
   menuClassName: M,
   ariaLabel: S,
   trigger: v,
-  disabled: a = !1
+  disabled: a = !1,
+  shouldUsePortal: O
 }) => {
-  const [u, f] = P(!1), c = w(null), _ = w(/* @__PURE__ */ new Map()), O = V(
+  const [u, f] = V(!1), c = w(null), _ = w(/* @__PURE__ */ new Map()), q = C(
     (e) => {
       a || f(e);
     },
     [a]
   );
-  C(() => {
+  F(() => {
     u && c.current && requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         var n;
@@ -46,7 +47,7 @@ const H = "_disabled_gfti4_69", J = "_divider_gfti4_76", m = {
       });
     });
   }, [u]);
-  const s = (e) => !!(e && typeof e == "object" && "type" in e && e.type === "divider"), q = (e) => s(e) ? !0 : typeof e == "object" && e !== null && "hasPermission" in e ? e.hasPermission !== !1 : !0, $ = (e) => {
+  const s = (e) => !!(e && typeof e == "object" && "type" in e && e.type === "divider"), $ = (e) => s(e) ? !0 : typeof e == "object" && e !== null && "hasPermission" in e ? e.hasPermission !== !1 : !0, j = (e) => {
     var r, I, d, k, x, D;
     const n = Array.from(
       ((r = c.current) == null ? void 0 : r.querySelectorAll(
@@ -75,7 +76,7 @@ const H = "_disabled_gfti4_69", J = "_divider_gfti4_76", m = {
       o && ((D = c.current) != null && D.contains(o)) && (o.click(), f(!1));
     } else
       e.key === "Escape" && (e.preventDefault(), f(!1));
-  }, j = (e) => {
+  }, B = (e) => {
     const n = e.target, t = n.closest(`[role="menuitem"], .${m["action-item"]}`);
     if (t && !t.hasAttribute("disabled")) {
       if (n === t) {
@@ -86,7 +87,7 @@ const H = "_disabled_gfti4_69", J = "_divider_gfti4_76", m = {
       }
       f(!1);
     }
-  }, B = (e, n) => s(e) ? /* @__PURE__ */ i("div", { className: l("divider") }, `divider-${n}`) : F(e) ? /* @__PURE__ */ i(K, { children: e }, n) : typeof e == "object" && e !== null && "label" in e ? e.hasPermission === !1 ? null : /* @__PURE__ */ i(
+  }, P = (e, n) => s(e) ? /* @__PURE__ */ i("div", { className: l("divider") }, `divider-${n}`) : K(e) ? /* @__PURE__ */ i(R, { children: e }, n) : typeof e == "object" && e !== null && "label" in e ? e.hasPermission === !1 ? null : /* @__PURE__ */ i(
     "button",
     {
       ref: (t) => {
@@ -114,42 +115,43 @@ const H = "_disabled_gfti4_69", J = "_divider_gfti4_76", m = {
       n.shift();
     for (; n.length > 0 && s(n[n.length - 1]); )
       n.pop();
-    return n = n.filter((t, r) => !s(t) || r === 0 ? !0 : !s(n[r - 1])), n = n.filter((t, r) => s(t) ? n.slice(r + 1).some((d) => q(d)) : !0), n;
-  })(b).map(B).filter(Boolean);
+    return n = n.filter((t, r) => !s(t) || r === 0 ? !0 : !s(n[r - 1])), n = n.filter((t, r) => s(t) ? n.slice(r + 1).some((d) => $(d)) : !0), n;
+  })(b).map(P).filter(Boolean);
   return y.length === 0 ? null : /* @__PURE__ */ i("div", { className: l("action-menu", A), children: /* @__PURE__ */ i(
-    z,
+    G,
     {
       placement: p,
       isOpened: a ? !1 : u,
-      setIsOpened: O,
+      setIsOpened: q,
+      shouldUsePortal: O,
       content: /* @__PURE__ */ i(
         "div",
         {
           ref: c,
           role: "menu",
           tabIndex: -1,
-          onKeyDown: $,
-          onClick: j,
+          onKeyDown: j,
+          onClick: B,
           className: l("action-dropdown", M, N),
           children: y
         }
       ),
       className: l("actions-popover", E),
       children: v ? /* @__PURE__ */ i("div", { className: g, children: v }) : /* @__PURE__ */ i(
-        U,
+        z,
         {
           className: l("action-menu-button", g),
           disabled: a,
           "aria-label": S || "Actions menu",
           "aria-expanded": u,
           "aria-haspopup": "menu",
-          children: /* @__PURE__ */ i(R, {})
+          children: /* @__PURE__ */ i(U, {})
         }
       )
     }
   ) });
 };
 export {
-  ne as A,
-  ee as a
+  te as A,
+  ne as a
 };

package/dist/actionMenu.js

@@ -1,4 +1,4 @@
-import { A as c, a as s } from "./actionMenu-e78f9615.js";
+import { A as c, a as s } from "./actionMenu-6a964512.js";
 import "react/jsx-runtime";
 import "react";
 import "./details-dbb1530b.js";

package/dist/components/actionMenu/actionMenu.d.ts

@@ -18,7 +18,7 @@ export declare const ActionMenuItem: ({ className, children, ...props }: {
     className?: string | undefined;
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-export interface ActionMenuProps extends Pick<PopoverProps, 'placement'> {
+export interface ActionMenuProps extends Pick<PopoverProps, 'placement' | 'shouldUsePortal'> {
     items?: MenuItem[];
     cleanupDividers?: boolean;
     className?: string;
@@ -30,4 +30,4 @@ export interface ActionMenuProps extends Pick<PopoverProps, 'placement'> {
     trigger?: ReactNode;
     disabled?: boolean;
 }
-export declare const ActionMenu: ({ placement, items, cleanupDividers, className, contentClassName, buttonClassName, popoverClassName, menuClassName, ariaLabel, trigger, disabled, }: ActionMenuProps) => ReactElement | null;
+export declare const ActionMenu: ({ placement, items, cleanupDividers, className, contentClassName, buttonClassName, popoverClassName, menuClassName, ariaLabel, trigger, disabled, shouldUsePortal, }: ActionMenuProps) => ReactElement | null;

package/dist/filterItem.js

@@ -4,7 +4,7 @@ import { c as K } from "./bind-06a7ff84.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { u as L } from "./useEllipsisTitle-462fa254.js";
-import { A as M } from "./actionMenu-e78f9615.js";
+import { A as M } from "./actionMenu-6a964512.js";
 import "./details-dbb1530b.js";
 import "./baseIconButton-251479f7.js";
 import "./popover.js";

package/dist/index.js

@@ -1,5 +1,5 @@
 import { AdaptiveTagList as y } from "./adaptiveTagList.js";
-import { A as h, a as M } from "./actionMenu-e78f9615.js";
+import { A as h, a as M } from "./actionMenu-6a964512.js";
 import { ACTION_MENU_DIVIDER as w } from "./actionMenu.js";
 import { A as R } from "./index-d6e02727.js";
 import { B as k } from "./baseIconButton-251479f7.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.215",
+  "version": "0.0.1-alpha.216",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {