@reportportal/ui-kit 0.0.1-alpha.206 → 0.0.1-alpha.208

package/dist/actionMenu.js

@@ -6,7 +6,7 @@ import "./baseIconButton-251479f7.js";
 import "./bind-06a7ff84.js";
 import "./popover.js";
 import "@floating-ui/react";
-import "./floatingUi-41f8c7b5.js";
+import "./floatingUi-46f5b896.js";
 /*!
  * Copyright 2026 EPAM Systems
  *

package/dist/breadcrumbs.js

@@ -5,7 +5,7 @@ import "es-toolkit";
 import "react";
 import "./popover.js";
 import "@floating-ui/react";
-import "./floatingUi-41f8c7b5.js";
+import "./floatingUi-46f5b896.js";
 import "./tree-c3dd3d45.js";
 import "./isEmpty-ccacb5ff.js";
 export {

package/dist/bulkPanel.js

@@ -15,7 +15,7 @@ import { S as ie } from "./chevronDownDropdown-0260bb66.js";
 import { S as se } from "./warning-537ead32.js";
 import "./close-4d480ef7.js";
 import "@floating-ui/react";
-import "./floatingUi-41f8c7b5.js";
+import "./floatingUi-46f5b896.js";
 const ae = "_expanded_ue1t9_6", oe = "_header_ue1t9_32", ce = "_tabs_ue1t9_119", re = "_tab_ue1t9_119", de = "_active_ue1t9_146", me = "_item_ue1t9_99", pe = {
   "bulk-panel": "_bulk-panel_ue1t9_1",
   expanded: ae,

package/dist/components/popover/popover.d.ts

@@ -15,6 +15,7 @@ export interface PopoverProps {
     isOpened?: boolean;
     isCentered?: boolean;
     strategy?: Strategy;
+    shouldUsePortal?: boolean;
     setIsOpened?: (isOpened: boolean) => void;
 }
 export declare const Popover: FC<PopoverProps>;

package/dist/fieldNumber-dd8e6902.js

@@ -0,0 +1,141 @@
+import { jsxs as a, Fragment as V, jsx as r } from "react/jsx-runtime";
+import { useRef as W, useId as y, useMemo as B } from "react";
+import { c as w } from "./bind-06a7ff84.js";
+import { K as e } from "./keyCodes-f63c0e11.js";
+import { B as D } from "./baseIconButton-251479f7.js";
+import { S as v } from "./minus-2857540f.js";
+import { S as k } from "./plus-199fb2a8.js";
+import { FieldLabel as H } from "./fieldLabel.js";
+const b = 5, Y = 16, P = [
+  e.TAB_KEY_CODE,
+  e.BACKSPACE_KEY_CODE,
+  e.ARROW_LEFT_KEY_CODE,
+  e.ARROW_UP_KEY_CODE,
+  e.ARROW_RIGHT_KEY_CODE,
+  e.ARROW_DOWN_KEY_CODE,
+  e.DELETE_KEY_CODE,
+  e.NUM_LOCK_0_KEY_CODE,
+  e.NUM_LOCK_1_KEY_CODE,
+  e.NUM_LOCK_2_KEY_CODE,
+  e.NUM_LOCK_3_KEY_CODE,
+  e.NUM_LOCK_4_KEY_CODE,
+  e.NUM_LOCK_5_KEY_CODE,
+  e.NUM_LOCK_6_KEY_CODE,
+  e.NUM_LOCK_7_KEY_CODE,
+  e.NUM_LOCK_8_KEY_CODE,
+  e.NUM_LOCK_9_KEY_CODE
+], G = "_sign_3v3h5_7", j = "_error_3v3h5_22", z = "_disabled_3v3h5_27", X = "_input_3v3h5_12", $ = {
+  "field-number": "_field-number_3v3h5_1",
+  sign: G,
+  "input-container": "_input-container_3v3h5_12",
+  error: j,
+  disabled: z,
+  "input-field": "_input-field_3v3h5_38",
+  input: X,
+  "additional-content": "_additional-content_3v3h5_84",
+  "error-text": "_error-text_3v3h5_88"
+}, c = w.bind($), tn = ({
+  value: i = "",
+  placeholder: I = "0",
+  disabled: t = !1,
+  onChange: l,
+  onFocus: d,
+  onBlur: N,
+  label: m,
+  postfix: E = "",
+  min: s = 0,
+  max: o = Number.MAX_SAFE_INTEGER,
+  title: L,
+  error: C,
+  id: h,
+  ...M
+}) => {
+  const u = W(null), p = y(), O = (n) => Number.isNaN(n) ? s : n === Number.POSITIVE_INFINITY ? o : n === Number.NEGATIVE_INFINITY || n < s ? s : n > o ? o : n, R = (n) => {
+    const _ = n.target.value.replace(/^0(?=\d+|^\d)/g, "");
+    if (_ === "") {
+      l("");
+      return;
+    }
+    l(+_);
+  }, T = (n) => {
+    N && N(n);
+    const _ = +n.currentTarget.value, f = O(_);
+    f !== _ && l(f);
+  }, A = (n) => {
+    const { keyCode: _ } = n;
+    P.includes(_) || (_ < e.NUMBER_START_KEY_CODE || _ > e.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
+  }, U = () => {
+    const _ = O(+i) - 1;
+    _ >= s && _ <= o && l(_);
+  }, g = () => {
+    const _ = O(+i) + 1;
+    _ >= s && _ <= o && l(_);
+  }, K = I + E, F = B(() => {
+    let n = (String(i) || K).length;
+    return E && !i && (n += 1), n > Y ? `${Y}ch` : `${n || b}ch`;
+  }, [K, E, i]), S = () => {
+    u && u.current && u.current.focus(), d && d();
+  };
+  return /* @__PURE__ */ a(V, { children: [
+    /* @__PURE__ */ a("div", { className: c("field-number", { disabled: t }), children: [
+      m && /* @__PURE__ */ r(H, { htmlFor: h ?? p, children: m }),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: c("input-container", {
+            error: C,
+            disabled: t
+          }),
+          title: L,
+          children: [
+            /* @__PURE__ */ r(
+              D,
+              {
+                className: c("sign", "minus"),
+                disabled: t,
+                onClick: U,
+                children: /* @__PURE__ */ r(v, {})
+              }
+            ),
+            /* @__PURE__ */ a("span", { className: c("input-field", { disabled: t }), onClick: S, children: [
+              /* @__PURE__ */ r(
+                "input",
+                {
+                  id: h ?? p,
+                  ref: u,
+                  className: c("input"),
+                  type: "number",
+                  value: i,
+                  placeholder: K,
+                  disabled: t,
+                  min: s,
+                  max: o,
+                  onKeyDown: t ? void 0 : A,
+                  onChange: t ? void 0 : R,
+                  onFocus: t ? void 0 : d,
+                  onBlur: t ? void 0 : T,
+                  style: { width: F },
+                  ...M
+                }
+              ),
+              !!E && (i === 0 || !!i) && /* @__PURE__ */ r("span", { children: E.slice(0, 1) })
+            ] }),
+            /* @__PURE__ */ r(
+              D,
+              {
+                className: c("sign", "plus"),
+                disabled: t,
+                onClick: g,
+                children: /* @__PURE__ */ r(k, {})
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    C && /* @__PURE__ */ r("div", { className: c("additional-content"), children: /* @__PURE__ */ r("span", { className: c("error-text"), children: C }) })
+  ] });
+};
+export {
+  tn as F
+};

package/dist/fieldNumber.js

@@ -1,4 +1,4 @@
-import { F as m } from "./fieldNumber-d1b5a7a1.js";
+import { F as m } from "./fieldNumber-dd8e6902.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/filterItem.js

@@ -9,7 +9,7 @@ import "./details-dbb1530b.js";
 import "./baseIconButton-251479f7.js";
 import "./popover.js";
 import "@floating-ui/react";
-import "./floatingUi-41f8c7b5.js";
+import "./floatingUi-46f5b896.js";
 const T = "_disabled_b9lbt_29", F = "_selected_b9lbt_32", W = {
   "filter-item": "_filter-item_b9lbt_16",
   disabled: T,

package/dist/{floatingUi-41f8c7b5.js → floatingUi-46f5b896.js}

@@ -22,8 +22,8 @@ const o = 16, a = 8, l = 16, i = ["top", "right", "bottom", "left"], r = [
 export {
   l as A,
   a as T,
-  o as a,
-  c as b,
+  c as a,
+  o as b,
   g,
   i as m
 };

package/dist/index.js

@@ -13,7 +13,7 @@ import { D as K } from "./datePicker-6085b8d0.js";
 import "react-datepicker";
 import { D as Y } from "./dropdown-0b931e15.js";
 import { FieldLabel as $ } from "./fieldLabel.js";
-import { F as ro } from "./fieldNumber-d1b5a7a1.js";
+import { F as ro } from "./fieldNumber-dd8e6902.js";
 import { F as to } from "./fieldText-1749da7a.js";
 import { F as no } from "./fieldTextFlex-2f51c173.js";
 import { FileDropArea as mo } from "./fileDropArea.js";
@@ -74,7 +74,7 @@ import "react-dropzone";
 import "framer-motion";
 import "./useWindowResize-a7e1ac92.js";
 import "@floating-ui/react";
-import "./floatingUi-41f8c7b5.js";
+import "./floatingUi-46f5b896.js";
 import "./useTreeSortable-bc631689.js";
 import "./common.js";
 import "react-resizable";

package/dist/issueList.js

@@ -7,7 +7,7 @@ import { i as J } from "./isEmpty-ccacb5ff.js";
 import "./close-4d480ef7.js";
 import "react-dom";
 import "@floating-ui/react";
-import "./floatingUi-41f8c7b5.js";
+import "./floatingUi-46f5b896.js";
 const K = 100, R = 8, Q = 32, X = 60, Z = 360, $ = "_expanded_ypfdt_25", C = "_issue_ypfdt_16", tt = "_counter_ypfdt_36", et = "_hidden_ypfdt_55", nt = "_ellipsis_ypfdt_61", rt = {
   "issue-list": "_issue-list_ypfdt_16",
   expanded: $,

package/dist/modal.js

@@ -24,7 +24,7 @@ import "./isEmpty-ccacb5ff.js";
 import "./useEllipsisTitle-462fa254.js";
 import "./checkbox-76aa8f97.js";
 import "@floating-ui/react";
-import "./floatingUi-41f8c7b5.js";
+import "./floatingUi-46f5b896.js";
 const oe = {
   "modal-content": "_modal-content_ppzcb_1"
 }, ne = b.bind(oe), D = ({ children: o }) => /* @__PURE__ */ e("div", { className: ne("modal-content"), children: o }), ae = {

package/dist/pagination.js

@@ -4,7 +4,7 @@ import "./bind-06a7ff84.js";
 import "react";
 import "./popover.js";
 import "@floating-ui/react";
-import "./floatingUi-41f8c7b5.js";
+import "./floatingUi-46f5b896.js";
 import "./button-7ab874f3.js";
 import "./fieldText-1749da7a.js";
 import "./clear-53660571.js";

package/dist/popover.js

@@ -1,82 +1,86 @@
-import { jsxs as f, Fragment as H, jsx as s } from "react/jsx-runtime";
-import { useRef as O, useState as j, useCallback as C } from "react";
-import { useFloating as L, offset as M, flip as W, arrow as U, autoUpdate as q, useClick as z, useDismiss as B, useRole as J, useInteractions as K, FloatingFocusManager as Q, FloatingArrow as V } from "@floating-ui/react";
-import { c as X } from "./bind-06a7ff84.js";
-import { g as Y, T as u, a as Z, m as $, b as ee, A as te } from "./floatingUi-41f8c7b5.js";
-const se = "_popover_n3nff_1", oe = "_title_n3nff_28", ne = {
+import { jsxs as f, Fragment as j, jsx as s } from "react/jsx-runtime";
+import { useRef as C, useState as L, useCallback as M } from "react";
+import { useFloating as W, offset as U, flip as q, arrow as z, autoUpdate as B, useClick as J, useDismiss as K, useRole as Q, useInteractions as V, FloatingFocusManager as X, FloatingArrow as Y, FloatingPortal as Z } from "@floating-ui/react";
+import { c as $ } from "./bind-06a7ff84.js";
+import { g as ee, T as g, a as te, A as se, b as ne, m as oe } from "./floatingUi-46f5b896.js";
+const le = "_popover_n3nff_1", ae = "_title_n3nff_28", re = {
   "popover-wrapper": "_popover-wrapper_n3nff_1",
-  popover: se,
-  title: oe
-}, l = X.bind(ne), pe = ({
-  content: g,
+  popover: le,
+  title: ae
+}, a = $.bind(re), ge = ({
+  content: u,
   children: d,
   className: _,
-  placement: v = "bottom",
-  fallbackPlacements: A = ee,
-  title: i,
-  arrowOffset: o = te,
-  safeZone: h = 4,
-  arrowColor: x = "white",
-  dataAutomationId: F,
+  placement: h = "bottom",
+  fallbackPlacements: v = te,
+  title: r,
+  arrowOffset: n = se,
+  safeZone: A = 4,
+  arrowColor: F = "white",
+  dataAutomationId: x,
   isOpened: R,
-  isCentered: r = !0,
+  isCentered: i = !0,
   strategy: w = "absolute",
-  setIsOpened: n
+  shouldUsePortal: E = !1,
+  setIsOpened: o
 }) => {
-  const c = O(null), [b, N] = j(!1), p = n ? R : b, T = (e) => {
-    n ? n(e) : N(e);
-  }, E = C(
-    (e, a) => Y(e, a, o, r),
-    [o, r]
-  ), { placement: P, refs: m, floatingStyles: k, context: t } = L({
-    open: p,
-    onOpenChange: T,
-    placement: v,
+  const c = C(null), [b, N] = L(!1), m = o ? R : b, P = (e) => {
+    o ? o(e) : N(e);
+  }, T = M(
+    (e, l) => ee(e, l, n, i),
+    [n, i]
+  ), { placement: y, refs: p, floatingStyles: k, context: t } = W({
+    open: m,
+    onOpenChange: P,
+    placement: h,
     strategy: w,
     middleware: [
-      M(({ rects: e, placement: a }) => ({
-        mainAxis: h + u,
-        alignmentAxis: E(e, a)
+      U(({ rects: e, placement: l }) => ({
+        mainAxis: A + g,
+        alignmentAxis: T(e, l)
       })),
-      W({
+      q({
         fallbackAxisSideDirection: "start",
-        fallbackPlacements: A
+        fallbackPlacements: v
       }),
-      U({
+      z({
         element: c
       })
     ],
-    whileElementsMounted: q
-  }), I = z(t), S = B(t), y = J(t), { getReferenceProps: D, getFloatingProps: G } = K([I, S, y]);
-  return /* @__PURE__ */ f(H, { children: [
-    /* @__PURE__ */ s("div", { ref: m.setReference, ...D(), className: l("popover-wrapper"), children: d }),
-    p && /* @__PURE__ */ s(Q, { context: t, modal: !1, children: /* @__PURE__ */ f(
+    whileElementsMounted: B
+  }), I = J(t), S = K(t), D = Q(t), { getReferenceProps: G, getFloatingProps: H } = V([I, S, D]), O = () => {
+    const e = /* @__PURE__ */ s(X, { context: t, modal: !1, children: /* @__PURE__ */ f(
       "div",
       {
-        className: l("popover", _),
-        "data-automation-id": F,
-        ref: m.setFloating,
+        className: a("popover", _),
+        "data-automation-id": x,
+        ref: p.setFloating,
         style: k,
-        ...G,
+        ...H(),
         children: [
           /* @__PURE__ */ s(
-            V,
+            Y,
             {
               ref: c,
               context: t,
-              width: Z,
-              height: u,
-              fill: x,
-              staticOffset: $.includes(P) ? null : o
+              width: ne,
+              height: g,
+              fill: F,
+              staticOffset: oe.includes(y) ? null : n
             }
           ),
-          i && /* @__PURE__ */ s("div", { className: l("title"), children: i }),
-          g
+          r && /* @__PURE__ */ s("div", { className: a("title"), children: r }),
+          u
         ]
       }
-    ) })
+    ) });
+    return E ? /* @__PURE__ */ s(Z, { children: e }) : e;
+  };
+  return /* @__PURE__ */ f(j, { children: [
+    /* @__PURE__ */ s("div", { ref: p.setReference, ...G(), className: a("popover-wrapper"), children: d }),
+    m && O()
   ] });
 };
 export {
-  pe as Popover
+  ge as Popover
 };

package/dist/table.js

@@ -10,7 +10,7 @@ import "./keyCodes-f63c0e11.js";
 import "./tooltip.js";
 import "react-dom";
 import "@floating-ui/react";
-import "./floatingUi-41f8c7b5.js";
+import "./floatingUi-46f5b896.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import "./useEllipsisTitle-462fa254.js";

package/dist/tooltip.js

@@ -3,7 +3,7 @@ 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, b as q, a as z } from "./floatingUi-41f8c7b5.js";
+import { T as h, g as Z, a as q, b as z } from "./floatingUi-46f5b896.js";
 const J = {
   "tooltip-wrapper": "_tooltip-wrapper_1n6ya_16",
   "tooltip-content": "_tooltip-content_1n6ya_26"

package/package.json

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

package/dist/fieldNumber-d1b5a7a1.js

@@ -1,140 +0,0 @@
-import { jsxs as a, Fragment as W, jsx as r } from "react/jsx-runtime";
-import { useRef as y, useId as B, useMemo as F } from "react";
-import { c as w } from "./bind-06a7ff84.js";
-import { K as _ } from "./keyCodes-f63c0e11.js";
-import { B as p } from "./baseIconButton-251479f7.js";
-import { S as V } from "./minus-2857540f.js";
-import { S as k } from "./plus-199fb2a8.js";
-import { FieldLabel as H } from "./fieldLabel.js";
-const P = 5, N = 16, j = [
-  _.TAB_KEY_CODE,
-  _.BACKSPACE_KEY_CODE,
-  _.ARROW_LEFT_KEY_CODE,
-  _.ARROW_UP_KEY_CODE,
-  _.ARROW_RIGHT_KEY_CODE,
-  _.ARROW_DOWN_KEY_CODE,
-  _.DELETE_KEY_CODE,
-  _.NUM_LOCK_0_KEY_CODE,
-  _.NUM_LOCK_1_KEY_CODE,
-  _.NUM_LOCK_2_KEY_CODE,
-  _.NUM_LOCK_3_KEY_CODE,
-  _.NUM_LOCK_4_KEY_CODE,
-  _.NUM_LOCK_5_KEY_CODE,
-  _.NUM_LOCK_6_KEY_CODE,
-  _.NUM_LOCK_7_KEY_CODE,
-  _.NUM_LOCK_8_KEY_CODE,
-  _.NUM_LOCK_9_KEY_CODE
-], z = "_sign_3v3h5_7", G = "_error_3v3h5_22", X = "_disabled_3v3h5_27", $ = "_input_3v3h5_12", b = {
-  "field-number": "_field-number_3v3h5_1",
-  sign: z,
-  "input-container": "_input-container_3v3h5_12",
-  error: G,
-  disabled: X,
-  "input-field": "_input-field_3v3h5_38",
-  input: $,
-  "additional-content": "_additional-content_3v3h5_84",
-  "error-text": "_error-text_3v3h5_88"
-}, c = w.bind(b), tn = ({
-  value: i = "",
-  placeholder: Y = "0",
-  disabled: t = !1,
-  onChange: s,
-  onFocus: d,
-  onBlur: O,
-  label: h,
-  postfix: o = "",
-  min: l = 0,
-  max: E = Number.MAX_SAFE_INTEGER,
-  title: L,
-  error: C,
-  id: D,
-  ...M
-}) => {
-  const u = y(null), m = B(), R = (n) => n < l ? l : n > E ? E : n, U = (n) => {
-    let e = n.target.value.replace(/^0(?=\d+|^\d)/g, "");
-    if (e === "") {
-      s("");
-      return;
-    }
-    e = +e, s(e);
-  }, A = (n) => {
-    const e = +n.currentTarget.value, f = R(e);
-    f !== e && s(f), O && O(n);
-  }, g = (n) => {
-    const { keyCode: e } = n;
-    j.includes(e) || (e < _.NUMBER_START_KEY_CODE || e > _.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
-  }, T = () => {
-    const n = +i - 1;
-    n >= l && n <= E && s(n);
-  }, v = () => {
-    const n = +i + 1;
-    n >= l && n <= E && s(n);
-  }, K = Y + o, I = F(() => {
-    let n = (String(i) || K).length;
-    return o && !i && (n += 1), n > N ? `${N}ch` : `${n || P}ch`;
-  }, [K, o, i]), S = () => {
-    u && u.current && u.current.focus(), d && d();
-  };
-  return /* @__PURE__ */ a(W, { children: [
-    /* @__PURE__ */ a("div", { className: c("field-number", { disabled: t }), children: [
-      h && /* @__PURE__ */ r(H, { htmlFor: D ?? m, children: h }),
-      /* @__PURE__ */ a(
-        "div",
-        {
-          className: c("input-container", {
-            error: C,
-            disabled: t
-          }),
-          title: L,
-          children: [
-            /* @__PURE__ */ r(
-              p,
-              {
-                className: c("sign", "minus"),
-                disabled: t,
-                onClick: T,
-                children: /* @__PURE__ */ r(V, {})
-              }
-            ),
-            /* @__PURE__ */ a("span", { className: c("input-field", { disabled: t }), onClick: S, children: [
-              /* @__PURE__ */ r(
-                "input",
-                {
-                  id: D ?? m,
-                  ref: u,
-                  className: c("input"),
-                  type: "number",
-                  value: i,
-                  placeholder: K,
-                  disabled: t,
-                  min: l,
-                  max: E,
-                  onKeyDown: t ? void 0 : g,
-                  onChange: t ? void 0 : U,
-                  onFocus: t ? void 0 : d,
-                  onBlur: t ? void 0 : A,
-                  style: { width: I },
-                  ...M
-                }
-              ),
-              !!o && (i === 0 || !!i) && /* @__PURE__ */ r("span", { children: o.slice(0, 1) })
-            ] }),
-            /* @__PURE__ */ r(
-              p,
-              {
-                className: c("sign", "plus"),
-                disabled: t,
-                onClick: v,
-                children: /* @__PURE__ */ r(k, {})
-              }
-            )
-          ]
-        }
-      )
-    ] }),
-    C && /* @__PURE__ */ r("div", { className: c("additional-content"), children: /* @__PURE__ */ r("span", { className: c("error-text"), children: C }) })
-  ] });
-};
-export {
-  tn as F
-};