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

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/components/tooltip/tooltip.d.ts

@@ -5,6 +5,7 @@ interface TooltipProps {
     content: ReactNode;
     children: ReactNode;
     wrapperClassName?: string;
+    wrapperTabIndex?: number;
     tooltipClassName?: string;
     contentClassName?: string;
     dynamicWidth?: boolean;

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/dist/tooltip.js

@@ -1,82 +1,83 @@
-import { jsxs as u, Fragment as P, jsx as s } from "react/jsx-runtime";
-import { useState as R, useRef as f } from "react";
-import { createPortal as G } from "react-dom";
-import { c as j } from "./bind-06a7ff84.js";
-import { useFloating as k, offset as $, flip as B, arrow as C, autoUpdate as U, FloatingArrow as Y } from "@floating-ui/react";
-import { T as h, g as Z, a as q, b as z } from "./floatingUi-46f5b896.js";
-const J = {
+import { jsxs as u, Fragment as R, jsx as s } from "react/jsx-runtime";
+import { useState as G, useRef as f } from "react";
+import { createPortal as j } from "react-dom";
+import { c as k } from "./bind-06a7ff84.js";
+import { useFloating as $, offset as B, flip as C, arrow as U, autoUpdate as Y, FloatingArrow as Z } from "@floating-ui/react";
+import { T as h, g as q, a as z, b as J } from "./floatingUi-46f5b896.js";
+const K = {
   "tooltip-wrapper": "_tooltip-wrapper_1n6ya_16",
   "tooltip-content": "_tooltip-content_1n6ya_26"
-}, i = j.bind(J), K = 300, Q = 100, st = ({
+}, i = k.bind(K), Q = 300, V = 100, it = ({
   content: g,
   wrapperClassName: x,
-  tooltipClassName: T,
-  contentClassName: w,
-  dynamicWidth: _,
-  width: A,
-  minWidth: E = 120,
-  safeZone: b = 4,
-  zIndex: y = 9,
-  placement: I = "bottom",
-  arrowColor: N = "rgba(34, 34, 34, 0.91)",
-  dataAutomationId: F,
-  mainAxis: O = !0,
-  children: S,
+  wrapperTabIndex: T = 0,
+  tooltipClassName: w,
+  contentClassName: _,
+  dynamicWidth: A,
+  width: E,
+  minWidth: b = 120,
+  safeZone: y = 4,
+  zIndex: I = 9,
+  placement: N = "bottom",
+  arrowColor: F = "rgba(34, 34, 34, 0.91)",
+  dataAutomationId: O,
+  mainAxis: S = !0,
+  children: W,
   portalRoot: r,
-  isFloating: W = !0
+  isFloating: v = !0
 }) => {
-  const [a, l] = R(!1), c = f(null), e = f(), { refs: m, floatingStyles: v, context: L } = k({
+  const [a, l] = G(!1), c = f(null), e = f(), { refs: m, floatingStyles: L, context: M } = $({
     open: a,
-    placement: I,
+    placement: N,
     middleware: [
-      $(({ rects: t, placement: H }) => ({
-        mainAxis: b + h,
-        alignmentAxis: Z(t, H)
+      B(({ rects: t, placement: P }) => ({
+        mainAxis: y + h,
+        alignmentAxis: q(t, P)
       })),
-      W && B({
-        mainAxis: O,
+      v && C({
+        mainAxis: S,
         fallbackAxisSideDirection: "start",
-        fallbackPlacements: q
+        fallbackPlacements: z
       }),
-      C({
+      U({
         element: c
       })
     ],
-    whileElementsMounted: U
-  }), o = _ ? null : { width: `${A}px` }, M = document.documentElement.clientWidth, D = o || M - Q, n = () => {
+    whileElementsMounted: Y
+  }), o = A ? null : { width: `${E}px` }, D = document.documentElement.clientWidth, H = o || D - V, n = () => {
     e.current && clearTimeout(e.current), l(!1);
   }, d = () => {
-    e.current = setTimeout(() => l(!0), K);
+    e.current = setTimeout(() => l(!0), Q);
   }, p = () => /* @__PURE__ */ u(
     "div",
     {
       ref: m.setFloating,
       style: {
-        ...v,
+        ...L,
         ...o,
-        minWidth: E,
-        zIndex: y,
+        minWidth: b,
+        zIndex: I,
         pointerEvents: "none"
       },
-      "data-automation-id": F,
-      className: i(T),
+      "data-automation-id": O,
+      className: i(w),
       children: [
         /* @__PURE__ */ s(
-          Y,
+          Z,
           {
             ref: c,
-            context: L,
-            width: z,
+            context: M,
+            width: J,
             height: h,
-            fill: N
+            fill: F
           }
         ),
         /* @__PURE__ */ s(
           "div",
           {
-            className: i("tooltip-content", w),
+            className: i("tooltip-content", _),
             style: {
-              maxWidth: `${D}px`
+              maxWidth: `${H}px`
             },
             children: g
           }
@@ -84,7 +85,7 @@ const J = {
       ]
     }
   );
-  return /* @__PURE__ */ u(P, { children: [
+  return /* @__PURE__ */ u(R, { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -97,13 +98,13 @@ const J = {
           t.target === t.currentTarget && d();
         },
         onBlur: n,
-        tabIndex: 0,
-        children: S
+        tabIndex: T,
+        children: W
       }
     ),
-    a && (r ? G(p(), r) : p())
+    a && (r ? j(p(), r) : p())
   ] });
 };
 export {
-  st as Tooltip
+  it as Tooltip
 };

package/package.json

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