@reportportal/ui-kit 0.0.1-alpha.252 → 0.0.1-alpha.254

package/dist/modal.js

@@ -1,5 +1,5 @@
-import { jsx as e, jsxs as d, Fragment as F } from "react/jsx-runtime";
-import { useState as y, useRef as G, useCallback as M, useEffect as x, useMemo as U } from "react";
+import { jsx as e, jsxs as d, Fragment as W } from "react/jsx-runtime";
+import { useState as T, useRef as j, useCallback as C, useEffect as M, useMemo as U } from "react";
 import { Scrollbars as X } from "rc-scrollbars";
 import { AnimatePresence as Y, motion as V } from "framer-motion";
 import { c as b } from "./bind-06a7ff84.js";
@@ -7,14 +7,18 @@ import { u as Z } from "./useOnClickOutside-8f7d68a1.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { u as q } from "./useWindowResize-a7e1ac92.js";
-import { A as J } from "./constants-85822a6b.js";
-import { a as Q } from "./dropdown-d2a05471.js";
-import { K as ee } from "./keyCodes-f63c0e11.js";
-import { B as R } from "./button-7ab874f3.js";
-import { Tooltip as te } from "./tooltip.js";
-import { B as oe } from "./baseIconButton-251479f7.js";
-import { S as ne } from "./close-4d480ef7.js";
+import { K as J } from "./keyCodes-f63c0e11.js";
+import { B as x } from "./button-7ab874f3.js";
+import { Tooltip as Q } from "./tooltip.js";
+import { B as ee } from "./baseIconButton-251479f7.js";
+import { S as te } from "./close-4d480ef7.js";
+import { M as oe } from "./constants-7319a394.js";
+import { N as qe } from "./constants-7319a394.js";
 import "react-dom";
+import "@floating-ui/react";
+import "./floatingUi-46f5b896.js";
+import "./constants-85822a6b.js";
+import "./dropdown-d2a05471.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "./clear-53660571.js";
@@ -24,149 +28,147 @@ import "./adaptiveTagList.js";
 import "./isEmpty-ccacb5ff.js";
 import "./useEllipsisTitle-462fa254.js";
 import "./checkbox-76aa8f97.js";
-import "@floating-ui/react";
-import "./floatingUi-46f5b896.js";
-const ae = {
+const ne = {
   "modal-content": "_modal-content_ppzcb_1"
-}, ie = b.bind(ae), C = ({ children: o }) => /* @__PURE__ */ e("div", { className: ie("modal-content"), children: o }), se = {
+}, ae = b.bind(ne), I = ({ children: o }) => /* @__PURE__ */ e("div", { className: ae("modal-content"), children: o }), ie = {
   "buttons-block": "_buttons-block_1mwne_1",
   "button-container": "_button-container_1mwne_7",
   "modal-footer": "_modal-footer_1mwne_12",
   "with-extra-node": "_with-extra-node_1mwne_19",
   "size-small": "_size-small_1mwne_23"
-}, f = b.bind(se), le = ({
+}, f = b.bind(ie), se = ({
   footerNode: o,
   closeHandler: n,
   okButton: i,
-  cancelButton: u,
+  cancelButton: p,
   size: s
 }) => {
-  const { tooltipNode: p, ...m } = i || {}, v = () => {
-    const _ = /* @__PURE__ */ e(R, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...m });
-    return p ? /* @__PURE__ */ e(te, { content: p, placement: "top", width: 270, children: _ }) : _;
+  const { tooltipNode: u, ...m } = i || {}, O = () => {
+    const _ = /* @__PURE__ */ e(x, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...m });
+    return u ? /* @__PURE__ */ e(Q, { content: u, placement: "top", width: 270, children: _ }) : _;
   };
   return /* @__PURE__ */ d("div", { className: f("modal-footer", { "with-extra-node": o, [`size-${s}`]: s }), children: [
     o && o,
     /* @__PURE__ */ d("div", { className: f("buttons-block"), children: [
-      u && /* @__PURE__ */ e("div", { className: f("button-container"), children: /* @__PURE__ */ e(
-        R,
+      p && /* @__PURE__ */ e("div", { className: f("button-container"), children: /* @__PURE__ */ e(
+        x,
         {
           variant: "ghost",
           adjustWidthOn: s === "small" ? "parent" : "min-width",
           onClick: n,
-          ...u
+          ...p
         }
       ) }),
-      i && /* @__PURE__ */ e("div", { className: f("button-container"), children: v() })
+      i && /* @__PURE__ */ e("div", { className: f("button-container"), children: O() })
     ] })
   ] });
-}, re = {
+}, le = {
   "modal-header": "_modal-header_w4aaf_1",
   "width-description": "_width-description_w4aaf_10",
   "modal-header-content": "_modal-header-content_w4aaf_14",
   "modal-title": "_modal-title_w4aaf_20",
   "close-modal-icon": "_close-modal-icon_w4aaf_29"
-}, w = b.bind(re), ce = ({ title: o, onClose: n, withDescription: i = !1 }) => /* @__PURE__ */ d("div", { className: w("modal-header", { "width-description": i }), children: [
+}, w = b.bind(le), re = ({ title: o, onClose: n, withDescription: i = !1 }) => /* @__PURE__ */ d("div", { className: w("modal-header", { "width-description": i }), children: [
   /* @__PURE__ */ e("div", { className: w("modal-header-content"), children: o && /* @__PURE__ */ e("div", { className: w("modal-title"), children: o }) }),
-  /* @__PURE__ */ e(oe, { className: w("close-modal-icon"), onClick: n, children: /* @__PURE__ */ e(ne, {}) })
-] }), de = "_modal_35896_1", me = "_description_35896_43", _e = {
-  modal: de,
+  /* @__PURE__ */ e(ee, { className: w("close-modal-icon"), onClick: n, children: /* @__PURE__ */ e(te, {}) })
+] }), ce = "_modal_35896_1", de = "_description_35896_43", me = {
+  modal: ce,
   "overlay-default": "_overlay-default_35896_12",
   "overlay-light-cyan": "_overlay-light-cyan_35896_16",
   "scrolling-content": "_scrolling-content_35896_20",
   "modal-window": "_modal-window_35896_26",
-  description: me,
+  description: de,
   "scrollable-wrapper": "_scrollable-wrapper_35896_54",
   "scrollable-content": "_scrollable-content_35896_58",
   "size-default": "_size-default_35896_62",
   "size-small": "_size-small_35896_74",
   "size-large": "_size-large_35896_86"
-}, c = b.bind(_e), ue = 0.9, pe = 32 + 24, he = 32 + 8, fe = 36 + 16, we = 32 * 2, be = "auto", k = ({ style: o, ...n }) => /* @__PURE__ */ e("div", { ...n, style: { ...o, zIndex: be } }), Ye = ({
+}, c = b.bind(me), _e = 0.9, pe = 32 + 24, ue = 32 + 8, he = 36 + 16, fe = 32 * 2, we = "auto", R = ({ style: o, ...n }) => /* @__PURE__ */ e("div", { ...n, style: { ...o, zIndex: we } }), Ye = ({
   title: o,
   children: n,
   footerNode: i,
-  okButton: u,
+  okButton: p,
   cancelButton: s,
-  className: p,
+  className: u,
   size: m = "default",
-  onClose: v = () => {
+  onClose: O = () => {
   },
   overlay: _ = "default",
-  zIndex: D = 2,
-  allowCloseOutside: S = !0,
-  scrollable: z = !1,
-  withoutFooter: N = !1,
-  createFooter: A = null,
+  zIndex: S = 2,
+  allowCloseOutside: k = !0,
+  scrollable: D = !1,
+  withoutFooter: y = !1,
+  createFooter: E = null,
   description: l = null
 }) => {
-  const [O, E] = y(!1), [I, L] = y(0), [$, P] = y(!1), a = G(null), H = q().height, B = H * ue, g = (H - I) / 2, W = () => {
-    let t = B - we;
-    return N || (t = t - fe), l ? t = t - he : t = t - pe, t;
-  }, r = M(() => {
-    E(!1);
-  }, []), T = M(
+  const [v, H] = T(!1), [L, z] = T(0), [$, B] = T(!1), a = j(null), A = q().height, K = A * _e, g = (A - L) / 2, P = () => {
+    let t = K - fe;
+    return y || (t = t - he), l ? t = t - ue : t = t - pe, t;
+  }, r = C(() => {
+    H(!1);
+  }, []), N = C(
     (t) => {
       const { keyCode: h } = t;
-      h === ee.ESCAPE_KEY_CODE && r();
+      h === J.ESCAPE_KEY_CODE && r();
     },
     [r]
-  ), K = () => {
+  ), F = () => {
     var t;
-    $ || ((t = a.current) == null || t.focus(), P(!0));
+    $ || ((t = a.current) == null || t.focus(), B(!0));
   };
-  x(() => {
-    if (!O || !a.current)
+  M(() => {
+    if (!v || !a.current)
       return;
     const t = () => {
-      a.current && L(a.current.clientHeight);
+      a.current && z(a.current.clientHeight);
     };
     if (t(), typeof ResizeObserver > "u")
       return;
     const h = new ResizeObserver(t);
     return h.observe(a.current), () => h.disconnect();
-  }, [O]), x(() => (E(!0), document.addEventListener("keydown", T, !1), () => document.removeEventListener("keydown", T, !1)), [T]);
-  const j = U(
+  }, [v]), M(() => (H(!0), document.addEventListener("keydown", N, !1), () => document.removeEventListener("keydown", N, !1)), [N]);
+  const G = U(
     () => ({
-      ignoreSelectors: [`[${Q}]`, `[${J}]`]
+      ignoreSelectors: oe
     }),
     []
   );
-  return Z(a, S ? r : void 0, j), /* @__PURE__ */ e(Y, { onExitComplete: v, children: O && /* @__PURE__ */ e("div", { className: c("modal", { [`overlay-${_}`]: _ }), style: { zIndex: D }, children: /* @__PURE__ */ d(
+  return Z(a, k ? r : void 0, G), /* @__PURE__ */ e(Y, { onExitComplete: O, children: v && /* @__PURE__ */ e("div", { className: c("modal", { [`overlay-${_}`]: _ }), style: { zIndex: S }, children: /* @__PURE__ */ d(
     V.div,
     {
-      className: c("modal-window", { [`size-${m}`]: m }, p),
+      className: c("modal-window", { [`size-${m}`]: m }, u),
       ref: a,
       tabIndex: 0,
       initial: { opacity: 0, marginTop: -g },
       animate: { opacity: 1, marginTop: g },
       exit: { opacity: 0, marginTop: -g },
       transition: { duration: 0.3 },
-      onAnimationStart: K,
+      onAnimationStart: F,
       children: [
-        /* @__PURE__ */ e(ce, { title: o, onClose: r, withDescription: !!l }),
-        z ? /* @__PURE__ */ e("div", { className: c("scrollable-wrapper"), children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(re, { title: o, onClose: r, withDescription: !!l }),
+        D ? /* @__PURE__ */ e("div", { className: c("scrollable-wrapper"), children: /* @__PURE__ */ e(
           X,
           {
             autoHeight: !0,
-            autoHeightMax: W(),
+            autoHeightMax: P(),
             hideTracksWhenNotNeeded: !0,
-            renderTrackHorizontal: k,
-            renderTrackVertical: k,
+            renderTrackHorizontal: R,
+            renderTrackVertical: R,
             children: /* @__PURE__ */ d("div", { className: c("scrollable-content"), children: [
               l && /* @__PURE__ */ e("span", { className: c("description"), children: l }),
-              /* @__PURE__ */ e(C, { children: n })
+              /* @__PURE__ */ e(I, { children: n })
             ] })
           }
-        ) }) : /* @__PURE__ */ d(F, { children: [
+        ) }) : /* @__PURE__ */ d(W, { children: [
           l && /* @__PURE__ */ e("span", { className: c("description"), children: l }),
-          /* @__PURE__ */ e(C, { children: n })
+          /* @__PURE__ */ e(I, { children: n })
         ] }),
-        !N && (A ? A(r) : /* @__PURE__ */ e(
-          le,
+        !y && (E ? E(r) : /* @__PURE__ */ e(
+          se,
           {
             size: m,
             footerNode: i,
-            okButton: u,
+            okButton: p,
             cancelButton: s,
             closeHandler: r
           }
@@ -178,7 +180,8 @@ const ae = {
 };
 export {
   Ye as Modal,
-  C as ModalContent,
-  le as ModalFooter,
-  ce as ModalHeader
+  I as ModalContent,
+  se as ModalFooter,
+  re as ModalHeader,
+  qe as NOTIFICATION_PORTAL_ATTR
 };

package/dist/sidePanel.js

@@ -1,13 +1,14 @@
-import { jsxs as a, jsx as i, Fragment as D } from "react/jsx-runtime";
-import { useId as I, useRef as K, useMemo as P, useEffect as $ } from "react";
-import { c as A } from "./bind-06a7ff84.js";
-import { K as B } from "./keyCodes-f63c0e11.js";
-import { u as L } from "./useOnClickOutside-8f7d68a1.js";
+import { jsxs as a, jsx as i, Fragment as x } from "react/jsx-runtime";
+import { useId as A, useRef as O, useMemo as P, useEffect as S } from "react";
+import { c as $ } from "./bind-06a7ff84.js";
+import { K as D } from "./keyCodes-f63c0e11.js";
+import { u as K } from "./useOnClickOutside-8f7d68a1.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import { a as O } from "./dropdown-d2a05471.js";
-import { S as T } from "./close-4d480ef7.js";
-import { B as j } from "./baseIconButton-251479f7.js";
+import { a as L } from "./dropdown-d2a05471.js";
+import { N as B } from "./constants-7319a394.js";
+import { S as j } from "./close-4d480ef7.js";
+import { B as w } from "./baseIconButton-251479f7.js";
 import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";
@@ -23,9 +24,10 @@ import "./checkbox-76aa8f97.js";
 import "./tooltip.js";
 import "@floating-ui/react";
 import "./floatingUi-46f5b896.js";
-const w = "_active_5ebdz_11", M = "_compact_5ebdz_62", F = "_header_5ebdz_58", H = "_title_5ebdz_88", U = "_description_5ebdz_99", W = "_content_5ebdz_108", Y = "_footer_5ebdz_115", q = "_divider_5ebdz_121", G = {
+import "./constants-85822a6b.js";
+const F = "_active_5ebdz_11", M = "_compact_5ebdz_62", H = "_header_5ebdz_58", U = "_title_5ebdz_88", W = "_description_5ebdz_99", Y = "_content_5ebdz_108", q = "_footer_5ebdz_115", G = "_divider_5ebdz_121", J = {
   "side-panel-overlay": "_side-panel-overlay_5ebdz_1",
-  active: w,
+  active: F,
   "overlay-default": "_overlay-default_5ebdz_16",
   "overlay-light-cyan": "_overlay-light-cyan_5ebdz_20",
   "side-panel": "_side-panel_5ebdz_1",
@@ -33,21 +35,21 @@ const w = "_active_5ebdz_11", M = "_compact_5ebdz_62", F = "_header_5ebdz_58", H
   "side-left": "_side-left_5ebdz_50",
   "header-section": "_header-section_5ebdz_58",
   compact: M,
-  header: F,
+  header: H,
   "header-content": "_header-content_5ebdz_78",
   "close-button": "_close-button_5ebdz_82",
-  title: H,
-  description: U,
-  content: W,
-  footer: Y,
-  divider: q
-}, e = A.bind(G), ze = ({
+  title: U,
+  description: W,
+  content: Y,
+  footer: q,
+  divider: G
+}, e = $.bind(J), ge = ({
   className: b,
   title: d,
-  descriptionComponent: o,
-  headerComponent: c,
+  descriptionComponent: s,
+  headerComponent: o,
   contentClassName: u,
-  contentComponent: s,
+  contentComponent: c,
   footerComponent: l,
   top: n = 0,
   side: z = "right",
@@ -59,30 +61,30 @@ const w = "_active_5ebdz_11", M = "_compact_5ebdz_62", F = "_header_5ebdz_58", H
   allowCloseOutside: N = !0,
   overlayClassName: g
 }) => {
-  const p = I(), v = K(null), E = () => {
+  const p = A(), v = O(null), E = () => {
     t == null || t();
-  }, k = P(
+  }, T = P(
     () => ({
-      ignoreSelectors: [`[${O}]`]
+      ignoreSelectors: [`[${L}]`, `[${B}]`]
     }),
     []
   );
-  L(
+  K(
     v,
     N && _ && r ? t : void 0,
-    k
-  ), $(() => {
+    T
+  ), S(() => {
     if (!r || !t)
       return;
     const h = (R) => {
-      const { keyCode: S } = R;
-      S === B.ESCAPE_KEY_CODE && t();
+      const { keyCode: k } = R;
+      k === D.ESCAPE_KEY_CODE && t();
     };
     return document.addEventListener("keydown", h, !1), () => {
       document.removeEventListener("keydown", h, !1);
     };
   }, [r, t]);
-  const x = !!(c || o), f = /* @__PURE__ */ a(
+  const I = !!(o || s), f = /* @__PURE__ */ a(
     "aside",
     {
       ref: v,
@@ -94,24 +96,24 @@ const w = "_active_5ebdz_11", M = "_compact_5ebdz_62", F = "_header_5ebdz_58", H
       style: { top: n, height: `calc(100vh - ${n}px)` },
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ a("div", { className: e("header-section", { compact: !x }), children: [
-          (c || d) && /* @__PURE__ */ a("div", { className: e("header"), children: [
-            d ? /* @__PURE__ */ i("span", { id: p, className: e("title"), children: d }) : c,
+        /* @__PURE__ */ a("div", { className: e("header-section", { compact: !I }), children: [
+          (o || d) && /* @__PURE__ */ a("div", { className: e("header"), children: [
+            d ? /* @__PURE__ */ i("span", { id: p, className: e("title"), children: d }) : o,
             t && /* @__PURE__ */ i(
-              j,
+              w,
               {
                 className: e("close-button"),
                 onClick: E,
                 "aria-label": y,
-                children: /* @__PURE__ */ i(T, {})
+                children: /* @__PURE__ */ i(j, {})
               }
             )
           ] }),
-          o
+          s
         ] }),
         /* @__PURE__ */ i("div", { className: e("divider") }),
-        s && /* @__PURE__ */ i("div", { className: e("content", u), children: s }),
-        l && /* @__PURE__ */ a(D, { children: [
+        c && /* @__PURE__ */ i("div", { className: e("content", u), children: c }),
+        l && /* @__PURE__ */ a(x, { children: [
           /* @__PURE__ */ i("div", { className: e("divider") }),
           /* @__PURE__ */ i("div", { className: e("footer"), children: l })
         ] })
@@ -132,5 +134,5 @@ const w = "_active_5ebdz_11", M = "_compact_5ebdz_62", F = "_header_5ebdz_58", H
   ) : f;
 };
 export {
-  ze as SidePanel
+  ge as SidePanel
 };