@reportportal/ui-kit 0.0.1-alpha.143 → 0.0.1-alpha.145

package/dist/modal.js

@@ -1,11 +1,11 @@
-import { jsx as t, jsxs as u, Fragment as F } from "react/jsx-runtime";
-import { useRef as C, useEffect as w, useState as y, useMemo as G } from "react";
-import { Scrollbars as K } from "rc-scrollbars";
-import { AnimatePresence as U, motion as Y } from "framer-motion";
-import { c as x } from "./bind-06a7ff84.js";
+import { jsx as e, jsxs as h, Fragment as G } from "react/jsx-runtime";
+import { useRef as z, useEffect as w, useState as v, useMemo as K } from "react";
+import { Scrollbars as U } from "rc-scrollbars";
+import { AnimatePresence as Y, motion as X } from "framer-motion";
+import { c as b } from "./bind-06a7ff84.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import { a as X } from "./dropdown-893c692c.js";
+import { a as q } from "./dropdown-893c692c.js";
 import { K as J } from "./keyCodes-f63c0e11.js";
 import { B as D } from "./button-97d9e587.js";
 import { Tooltip as Q } from "./tooltip.js";
@@ -22,163 +22,171 @@ import "./isEmpty-ccacb5ff.js";
 import "./checkbox-ed6cc375.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
-function tt(e, o, n) {
-  const c = C(n);
+function ee(t, i, o) {
+  const c = z(o);
   w(() => {
-    c.current = n;
-  }, [n]), w(() => {
-    if (!o)
+    c.current = o;
+  }, [o]), w(() => {
+    if (!i)
       return;
-    const s = (a) => {
+    const s = (l) => {
       var r, d;
-      if (e && e.current && !e.current.contains(a.target)) {
-        const l = a.target;
+      if (t && t.current && !t.current.contains(l.target)) {
+        const a = l.target;
         ((d = (r = c.current) == null ? void 0 : r.ignoreSelectors) == null ? void 0 : d.some(
-          (v) => l == null ? void 0 : l.closest(v)
-        )) || o(a);
+          (E) => a == null ? void 0 : a.closest(E)
+        )) || i(l);
       }
     };
     return document.addEventListener("pointerdown", s), () => {
       document.removeEventListener("pointerdown", s);
     };
-  }, [e, o]);
+  }, [t, i]);
 }
-const et = () => {
-  const [e, o] = y({ width: 0, height: 0 });
+const te = () => {
+  const [t, i] = v({ width: 0, height: 0 });
   return w(() => {
-    const n = () => {
-      o({
+    const o = () => {
+      i({
         width: window.innerWidth,
         height: window.innerHeight
       });
     };
-    return window.addEventListener("resize", n), n(), () => window.removeEventListener("resize", n);
-  }, []), e;
-}, ot = "_scrollable_zh8d2_12", nt = {
-  "modal-content": "_modal-content_zh8d2_1",
-  scrollable: ot
-}, it = x.bind(nt), S = ({ scrollable: e = !1, children: o }) => /* @__PURE__ */ t("div", { className: it("modal-content", { scrollable: e }), children: o }), st = {
+    return window.addEventListener("resize", o), o(), () => window.removeEventListener("resize", o);
+  }, []), t;
+}, oe = {
+  "modal-content": "_modal-content_ppzcb_1"
+}, ne = b.bind(oe), S = ({ children: t }) => /* @__PURE__ */ e("div", { className: ne("modal-content"), children: t }), 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"
-}, p = x.bind(st), lt = ({
-  footerNode: e,
-  closeHandler: o,
-  okButton: n,
+}, f = b.bind(ie), se = ({
+  footerNode: t,
+  closeHandler: i,
+  okButton: o,
   cancelButton: c,
   size: s
 }) => {
-  const { tooltipNode: a, ...r } = n || {}, d = () => {
-    const l = /* @__PURE__ */ t(D, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...r });
-    return a ? /* @__PURE__ */ t(Q, { content: a, placement: "top", width: 270, children: l }) : l;
+  const { tooltipNode: l, ...r } = o || {}, d = () => {
+    const a = /* @__PURE__ */ e(D, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...r });
+    return l ? /* @__PURE__ */ e(Q, { content: l, placement: "top", width: 270, children: a }) : a;
   };
-  return /* @__PURE__ */ u("div", { className: p("modal-footer", { "with-extra-node": e, [`size-${s}`]: s }), children: [
-    e && e,
-    /* @__PURE__ */ u("div", { className: p("buttons-block"), children: [
-      c && /* @__PURE__ */ t("div", { className: p("button-container"), children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ h("div", { className: f("modal-footer", { "with-extra-node": t, [`size-${s}`]: s }), children: [
+    t && t,
+    /* @__PURE__ */ h("div", { className: f("buttons-block"), children: [
+      c && /* @__PURE__ */ e("div", { className: f("button-container"), children: /* @__PURE__ */ e(
         D,
         {
           variant: "ghost",
           adjustWidthOn: s === "small" ? "parent" : "min-width",
-          onClick: o,
+          onClick: i,
           ...c
         }
       ) }),
-      n && /* @__PURE__ */ t("div", { className: p("button-container"), children: d() })
+      o && /* @__PURE__ */ e("div", { className: f("button-container"), children: d() })
     ] })
   ] });
-}, at = {
+}, ae = {
   "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"
-}, f = x.bind(at), rt = ({ title: e, onClose: o, withDescription: n = !1 }) => /* @__PURE__ */ u("div", { className: f("modal-header", { "width-description": n }), children: [
-  /* @__PURE__ */ t("div", { className: f("modal-header-content"), children: e && /* @__PURE__ */ t("div", { className: f("modal-title"), children: e }) }),
-  /* @__PURE__ */ t(V, { className: f("close-modal-icon"), onClick: o, children: /* @__PURE__ */ t(Z, {}) })
-] }), ct = "_modal_yxql5_1", dt = "_description_yxql5_43", mt = "_scrollable_yxql5_53", _t = {
-  modal: ct,
-  "overlay-default": "_overlay-default_yxql5_12",
-  "overlay-light-cyan": "_overlay-light-cyan_yxql5_16",
-  "scrolling-content": "_scrolling-content_yxql5_20",
-  "modal-window": "_modal-window_yxql5_26",
-  description: dt,
-  scrollable: mt,
-  "size-default": "_size-default_yxql5_57",
-  "size-small": "_size-small_yxql5_69",
-  "size-large": "_size-large_yxql5_81"
-}, g = x.bind(_t), ut = 0.9, ht = 32 + 24, wt = 32 + 8, pt = 36 + 16, ft = 32 * 2, Bt = ({
-  title: e,
-  children: o,
-  footerNode: n,
+}, g = b.bind(ae), le = ({ title: t, onClose: i, withDescription: o = !1 }) => /* @__PURE__ */ h("div", { className: g("modal-header", { "width-description": o }), children: [
+  /* @__PURE__ */ e("div", { className: g("modal-header-content"), children: t && /* @__PURE__ */ e("div", { className: g("modal-title"), children: t }) }),
+  /* @__PURE__ */ e(V, { className: g("close-modal-icon"), onClick: i, children: /* @__PURE__ */ e(Z, {}) })
+] }), re = "_modal_35896_1", ce = "_description_35896_43", de = {
+  modal: re,
+  "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: ce,
+  "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"
+}, u = b.bind(de), me = 0.9, _e = 32 + 24, ue = 32 + 8, he = 36 + 16, pe = 32 * 2, Pe = ({
+  title: t,
+  children: i,
+  footerNode: o,
   okButton: c,
   cancelButton: s,
-  className: a,
+  className: l,
   size: r = "default",
   onClose: d = () => {
   },
-  overlay: l = "default",
-  zIndex: E = 2,
-  allowCloseOutside: v = !0,
-  scrollable: H = !1,
-  withoutFooter: O = !1,
-  createFooter: M = null,
+  overlay: a = "default",
+  zIndex: H = 2,
+  allowCloseOutside: E = !0,
+  scrollable: C = !1,
+  withoutFooter: N = !1,
+  createFooter: O = null,
   description: m = null
 }) => {
-  const [I, N] = y(!1), [L, R] = y(0), [k, $] = y(!1), _ = C(null), A = et(), T = A.height, q = T * ut, b = (T - L) / 2, W = () => {
-    let i = q - ft;
-    return O || (i = i - pt), m ? i = i - wt : i = i - ht, i;
-  }, h = () => {
-    N(!1);
-  }, z = (i) => {
-    const { keyCode: j } = i;
-    j === J.ESCAPE_KEY_CODE && h();
-  }, P = () => {
-    var i;
-    k || ((i = _.current) == null || i.focus(), $(!0));
+  const [I, M] = v(!1), [L, R] = v(0), [k, $] = v(!1), _ = z(null), x = te(), A = x.height, W = A * me, y = (A - L) / 2, P = () => {
+    let n = W - pe;
+    return N || (n = n - he), m ? n = n - ue : n = n - _e, n;
+  }, p = () => {
+    M(!1);
+  }, T = (n) => {
+    const { keyCode: F } = n;
+    F === J.ESCAPE_KEY_CODE && p();
+  }, B = () => {
+    var n;
+    k || ((n = _.current) == null || n.focus(), $(!0));
   };
   w(() => {
     if (_ && _.current) {
-      const { clientHeight: i } = _.current;
-      R(i);
+      const { clientHeight: n } = _.current;
+      R(n);
     }
-  }, [o, A]), w(() => (N(!0), document.addEventListener("keydown", z, !1), () => document.removeEventListener("keydown", z, !1)), []);
-  const B = G(
+  }, [i, x]), w(() => (M(!0), document.addEventListener("keydown", T, !1), () => document.removeEventListener("keydown", T, !1)), []);
+  const j = K(
     () => ({
-      ignoreSelectors: [`[${X}]`]
+      ignoreSelectors: [`[${q}]`]
     }),
     []
   );
-  return tt(_, v ? h : void 0, B), /* @__PURE__ */ t(U, { onExitComplete: d, children: I && /* @__PURE__ */ t("div", { className: g("modal", { [`overlay-${l}`]: l }), style: { zIndex: E }, children: /* @__PURE__ */ u(
-    Y.div,
+  return ee(_, E ? p : void 0, j), /* @__PURE__ */ e(Y, { onExitComplete: d, children: I && /* @__PURE__ */ e("div", { className: u("modal", { [`overlay-${a}`]: a }), style: { zIndex: H }, children: /* @__PURE__ */ h(
+    X.div,
     {
-      className: g("modal-window", { [`size-${r}`]: r }, a),
+      className: u("modal-window", { [`size-${r}`]: r }, l),
       ref: _,
       tabIndex: 0,
-      initial: { opacity: 0, marginTop: -b },
-      animate: { opacity: 1, marginTop: b },
-      exit: { opacity: 0, marginTop: -b },
+      initial: { opacity: 0, marginTop: -y },
+      animate: { opacity: 1, marginTop: y },
+      exit: { opacity: 0, marginTop: -y },
       transition: { duration: 0.3 },
-      onAnimationStart: P,
+      onAnimationStart: B,
       children: [
-        /* @__PURE__ */ t(rt, { title: e, onClose: h, withDescription: !!m }),
-        H ? /* @__PURE__ */ u(K, { autoHeight: !0, autoHeightMax: W(), hideTracksWhenNotNeeded: !0, children: [
-          m && /* @__PURE__ */ t("span", { className: g("description", { scrollable: H }), children: m }),
-          /* @__PURE__ */ t(S, { scrollable: !0, children: o })
-        ] }) : /* @__PURE__ */ u(F, { children: [
-          m && /* @__PURE__ */ t("span", { className: g("description"), children: m }),
-          /* @__PURE__ */ t(S, { children: o })
+        /* @__PURE__ */ e(le, { title: t, onClose: p, withDescription: !!m }),
+        C ? /* @__PURE__ */ e("div", { className: u("scrollable-wrapper"), children: /* @__PURE__ */ e(
+          U,
+          {
+            autoHeight: !0,
+            autoHeightMax: P(),
+            hideTracksWhenNotNeeded: !0,
+            children: /* @__PURE__ */ h("div", { className: u("scrollable-content"), children: [
+              m && /* @__PURE__ */ e("span", { className: u("description"), children: m }),
+              /* @__PURE__ */ e(S, { children: i })
+            ] })
+          }
+        ) }) : /* @__PURE__ */ h(G, { children: [
+          m && /* @__PURE__ */ e("span", { className: u("description"), children: m }),
+          /* @__PURE__ */ e(S, { children: i })
         ] }),
-        !O && (M ? M(h) : /* @__PURE__ */ t(
-          lt,
+        !N && (O ? O(p) : /* @__PURE__ */ e(
+          se,
           {
             size: r,
-            footerNode: n,
+            footerNode: o,
             okButton: c,
             cancelButton: s,
-            closeHandler: h
+            closeHandler: p
           }
         ))
       ]
@@ -187,8 +195,8 @@ const et = () => {
   ) }) });
 };
 export {
-  Bt as Modal,
+  Pe as Modal,
   S as ModalContent,
-  lt as ModalFooter,
-  rt as ModalHeader
+  se as ModalFooter,
+  le as ModalHeader
 };

package/dist/{chevronDownDropdown-66f5b1af.js → resizeColumn-d4107941.js}

@@ -1,7 +1,8 @@
 import * as e from "react";
-const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536L4.14645 9.85355C3.95118 9.65829 3.95118 9.34171 4.14645 9.14645C4.34171 8.95118 4.65829 8.95118 4.85355 9.14645L7 11.2929L7 3.5C7 3.22386 7.22386 3 7.5 3C7.77614 3 8 3.22386 8 3.5L8 11.2929L10.1464 9.14645C10.3417 8.95119 10.6583 8.95118 10.8536 9.14645C11.0488 9.34171 11.0488 9.65829 10.8536 9.85355L7.85355 12.8536Z", fill: "#A2AAB5" })), n = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.14645 3.14645C7.34171 2.95118 7.65829 2.95118 7.85355 3.14645L10.8536 6.14645C11.0488 6.34171 11.0488 6.65829 10.8536 6.85355C10.6583 7.04882 10.3417 7.04882 10.1464 6.85355L8 4.70711V12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 4.70711L4.85355 6.85355C4.65829 7.04882 4.34171 7.04882 4.14645 6.85355C3.95118 6.65829 3.95118 6.34171 4.14645 6.14645L7.14645 3.14645Z", fill: "#A2AAB5" })), o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M14.2174 5.82426C14.3736 5.66805 14.3736 5.41479 14.2174 5.25858L14.0759 5.11716C13.9197 4.96095 13.6665 4.96095 13.5103 5.11716L8.16726 10.4602L2.82426 5.11716C2.66805 4.96095 2.41479 4.96095 2.25858 5.11716L2.11716 5.25858C1.96095 5.41479 1.96095 5.66805 2.11716 5.82426L7.89176 11.5989C8.04797 11.7551 8.30124 11.7551 8.45745 11.5989L8.88171 11.1746L8.87436 11.1673L14.2174 5.82426Z", fill: "#A2AAB5" }));
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536L4.14645 9.85355C3.95118 9.65829 3.95118 9.34171 4.14645 9.14645C4.34171 8.95118 4.65829 8.95118 4.85355 9.14645L7 11.2929L7 3.5C7 3.22386 7.22386 3 7.5 3C7.77614 3 8 3.22386 8 3.5L8 11.2929L10.1464 9.14645C10.3417 8.95119 10.6583 8.95118 10.8536 9.14645C11.0488 9.34171 11.0488 9.65829 10.8536 9.85355L7.85355 12.8536Z", fill: "#A2AAB5" })), n = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.14645 3.14645C7.34171 2.95118 7.65829 2.95118 7.85355 3.14645L10.8536 6.14645C11.0488 6.34171 11.0488 6.65829 10.8536 6.85355C10.6583 7.04882 10.3417 7.04882 10.1464 6.85355L8 4.70711V12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 4.70711L4.85355 6.85355C4.65829 7.04882 4.34171 7.04882 4.14645 6.85355C3.95118 6.65829 3.95118 6.34171 4.14645 6.14645L7.14645 3.14645Z", fill: "#A2AAB5" })), i = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M14.2174 5.82426C14.3736 5.66805 14.3736 5.41479 14.2174 5.25858L14.0759 5.11716C13.9197 4.96095 13.6665 4.96095 13.5103 5.11716L8.16726 10.4602L2.82426 5.11716C2.66805 4.96095 2.41479 4.96095 2.25858 5.11716L2.11716 5.25858C1.96095 5.41479 1.96095 5.66805 2.11716 5.82426L7.89176 11.5989C8.04797 11.7551 8.30124 11.7551 8.45745 11.5989L8.88171 11.1746L8.87436 11.1673L14.2174 5.82426Z", fill: "#A2AAB5" })), w = (t) => /* @__PURE__ */ e.createElement("svg", { width: 11, height: 24, viewBox: "0 0 11 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("rect", { x: 5, width: 1, height: 24, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 1, y: 4, width: 2, height: 16, rx: 1, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 8, y: 4, width: 2, height: 16, rx: 1, fill: "#A2AAB5" }));
 export {
   l as S,
   n as a,
-  o as b
+  i as b,
+  w as c
 };