@reportportal/ui-kit 0.0.1-alpha.16 → 0.0.1-alpha.161

package/dist/issueList.js

@@ -0,0 +1,125 @@
+import { jsxs as H, jsx as y } from "react/jsx-runtime";
+import { useRef as v, useState as E, useCallback as N, useEffect as I } from "react";
+import { c as q } from "./bind-06a7ff84.js";
+import { Chip as F } from "./chip.js";
+import { Tooltip as B } from "./tooltip.js";
+import { i as J } from "./isEmpty-ccacb5ff.js";
+import "./close-4d480ef7.js";
+import "react-dom";
+import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.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: $,
+  issue: C,
+  "counter-wrapper": "_counter-wrapper_ypfdt_36",
+  counter: tt,
+  "tooltip-wrapper": "_tooltip-wrapper_ypfdt_50",
+  hidden: et,
+  ellipsis: nt
+}, a = q.bind(rt), ht = ({
+  issues: n,
+  isExpanded: W = !1,
+  onIssueClick: i,
+  onIssueRemove: T,
+  onCounterClick: d,
+  renderTooltip: L,
+  tooltipPortalRoot: S,
+  className: j
+}) => {
+  const p = v(null), x = v(null), O = v(/* @__PURE__ */ new Map()), D = v(/* @__PURE__ */ new Map()), [M, c] = E(n.length), [o, k] = E(W), [w, l] = E(!1), z = N((t, r) => {
+    r && O.current.set(t, r);
+  }, []), f = N(() => {
+    var _;
+    const t = p.current;
+    if (!t || n.length === 0)
+      return;
+    const r = t.offsetWidth, u = ((_ = x.current) == null ? void 0 : _.offsetWidth) || Q, h = n.map((e, m) => {
+      const g = O.current.get(e.key);
+      if (!g)
+        return 0;
+      const s = g.offsetWidth;
+      return m === 0 && w ? D.current.get(e.key) || s : (D.current.set(e.key, s), s);
+    });
+    if (h.reduce((e, m) => e + m, 0) + (n.length - 1) * R <= r) {
+      l(!1), c(n.length);
+      return;
+    }
+    for (let e = n.length - 1; e >= 1; e--) {
+      if (h.slice(0, e).reduce((s, Y) => s + Y, 0) + e * R + u <= r) {
+        c(e), l(!1);
+        return;
+      }
+      if (e === 1) {
+        r - R - u <= X ? (c(0), l(!1)) : (c(1), l(!0));
+        return;
+      }
+    }
+  }, [n, w]);
+  I(() => {
+    k(W);
+  }, [W]), I(() => {
+    if (o)
+      return;
+    const t = setTimeout(f, K);
+    return () => clearTimeout(t);
+  }, [f, n, o]), I(() => {
+    if (o)
+      return;
+    const t = new ResizeObserver(() => {
+      f();
+    });
+    return p.current && t.observe(p.current), () => t.disconnect();
+  }, [f, o]);
+  const G = N(() => {
+    k(!0), c(n.length), l(!1), d == null || d();
+  }, [n.length, d]), P = N(
+    (t) => {
+      i == null || i(t);
+    },
+    [i]
+  );
+  if (J(n))
+    return null;
+  const A = n.length - M, U = A > 0 && !o, V = (t, r) => {
+    const u = !o && r >= M, h = !o && r === 0 && w, b = /* @__PURE__ */ y(
+      F,
+      {
+        variant: "link",
+        link: t.link,
+        onClick: i ? () => P(t) : void 0,
+        onRemove: T ? () => T(t) : void 0,
+        children: t.name
+      }
+    ), _ = L ? /* @__PURE__ */ y(
+      B,
+      {
+        content: L(t),
+        width: Z,
+        portalRoot: S,
+        wrapperClassName: a("tooltip-wrapper"),
+        placement: "top",
+        children: b
+      }
+    ) : b;
+    return /* @__PURE__ */ y(
+      "div",
+      {
+        ref: (e) => z(t.key, e),
+        className: a("issue", { hidden: u, ellipsis: h }),
+        children: _
+      },
+      t.key
+    );
+  };
+  return /* @__PURE__ */ H("div", { ref: p, className: a("issue-list", j, { expanded: o }), children: [
+    n.map((t, r) => V(t, r)),
+    /* @__PURE__ */ y("div", { ref: x, className: a("counter-wrapper", { hidden: !U }), children: /* @__PURE__ */ H(F, { className: a("counter"), variant: "link", onClick: G, children: [
+      "+",
+      A
+    ] }) })
+  ] });
+};
+export {
+  ht as IssueList
+};

package/dist/maxValueDisplay-9be01a75.js

@@ -0,0 +1,13 @@
+import { jsxs as r } from "react/jsx-runtime";
+const t = (s) => typeof s == "number" && Number.isFinite(s) && Number.isInteger(s) && s > 0, p = ({
+  className: s,
+  value: e,
+  maxValue: n
+}) => t(n) ? /* @__PURE__ */ r("span", { className: s, children: [
+  e,
+  "/",
+  n
+] }) : null;
+export {
+  p as M
+};

package/dist/maxValueDisplay.js

@@ -0,0 +1,6 @@
+import { M as o } from "./maxValueDisplay-9be01a75.js";
+import "react/jsx-runtime";
+export {
+  o as MaxValueDisplay,
+  o as default
+};

package/dist/minus-2857540f.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.31082 7.31081C2.94108 7.30926 2.6426 7.60773 2.64415 7.97748C2.64571 8.34722 2.9467 8.64822 3.31645 8.64977L12.6892 8.68919C13.0589 8.69074 13.3574 8.39227 13.3559 8.02252C13.3543 7.65278 13.0533 7.35178 12.6836 7.35023L3.31082 7.31081Z" }));
+export {
+  l as S
+};

package/dist/modal.js

@@ -1,16 +1,182 @@
-import { M as s, a as n, c as b, b as c } from "./index-2a2d261a.js";
-import "react/jsx-runtime";
-import "react";
-import "rc-scrollbars";
-import "framer-motion";
-import "./bind-06a7ff84.js";
-import "./useOnClickOutside-c332f7d3.js";
-import "./keyCodes-f63c0e11.js";
-import "./button-bb309472.js";
-import "./baseIconButton-7bc53dec.js";
+import { jsx as e, jsxs as c, Fragment as F } from "react/jsx-runtime";
+import { useState as f, useEffect as y, useRef as G, 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 g } from "./bind-06a7ff84.js";
+import { u as q } from "./useOnClickOutside-8f7d68a1.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import { a as J } from "./dropdown-40fcc3ad.js";
+import { K as Q } from "./keyCodes-f63c0e11.js";
+import { B as A } from "./button-97d9e587.js";
+import { Tooltip as V } from "./tooltip.js";
+import { B as Z } from "./baseIconButton-251479f7.js";
+import { S as ee } from "./close-4d480ef7.js";
+import "react-dom";
+import "@floating-ui/react-dom";
+import "downshift";
+import "./clear-53660571.js";
+import "./dropdown-0260bb66.js";
+import "./fieldLabel.js";
+import "./adaptiveTagList.js";
+import "./isEmpty-ccacb5ff.js";
+import "./checkbox-493fdc63.js";
+import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.js";
+const te = () => {
+  const [o, i] = f({ width: 0, height: 0 });
+  return y(() => {
+    const n = () => {
+      i({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    return window.addEventListener("resize", n), n(), () => window.removeEventListener("resize", n);
+  }, []), o;
+}, oe = {
+  "modal-content": "_modal-content_ppzcb_1"
+}, ne = g.bind(oe), T = ({ children: o }) => /* @__PURE__ */ e("div", { className: ne("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"
+}, u = g.bind(ie), ae = ({
+  footerNode: o,
+  closeHandler: i,
+  okButton: n,
+  cancelButton: h,
+  size: a
+}) => {
+  const { tooltipNode: p, ...d } = n || {}, v = () => {
+    const m = /* @__PURE__ */ e(A, { adjustWidthOn: a === "small" ? "parent" : "min-width", ...d });
+    return p ? /* @__PURE__ */ e(V, { content: p, placement: "top", width: 270, children: m }) : m;
+  };
+  return /* @__PURE__ */ c("div", { className: u("modal-footer", { "with-extra-node": o, [`size-${a}`]: a }), children: [
+    o && o,
+    /* @__PURE__ */ c("div", { className: u("buttons-block"), children: [
+      h && /* @__PURE__ */ e("div", { className: u("button-container"), children: /* @__PURE__ */ e(
+        A,
+        {
+          variant: "ghost",
+          adjustWidthOn: a === "small" ? "parent" : "min-width",
+          onClick: i,
+          ...h
+        }
+      ) }),
+      n && /* @__PURE__ */ e("div", { className: u("button-container"), children: v() })
+    ] })
+  ] });
+}, se = {
+  "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 = g.bind(se), le = ({ title: o, onClose: i, withDescription: n = !1 }) => /* @__PURE__ */ c("div", { className: w("modal-header", { "width-description": n }), children: [
+  /* @__PURE__ */ e("div", { className: w("modal-header-content"), children: o && /* @__PURE__ */ e("div", { className: w("modal-title"), children: o }) }),
+  /* @__PURE__ */ e(Z, { className: w("close-modal-icon"), onClick: i, children: /* @__PURE__ */ e(ee, {}) })
+] }), 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"
+}, r = g.bind(de), me = 0.9, _e = 32 + 24, he = 32 + 8, pe = 36 + 16, ue = 32 * 2, Be = ({
+  title: o,
+  children: i,
+  footerNode: n,
+  okButton: h,
+  cancelButton: a,
+  className: p,
+  size: d = "default",
+  onClose: v = () => {
+  },
+  overlay: m = "default",
+  zIndex: D = 2,
+  allowCloseOutside: z = !0,
+  scrollable: C = !1,
+  withoutFooter: H = !1,
+  createFooter: N = null,
+  description: s = null
+}) => {
+  const [S, O] = f(!1), [k, R] = f(0), [I, L] = f(!1), l = G(null), E = te(), M = E.height, $ = M * me, b = (M - k) / 2, W = () => {
+    let t = $ - ue;
+    return H || (t = t - pe), s ? t = t - he : t = t - _e, t;
+  }, _ = () => {
+    O(!1);
+  }, x = (t) => {
+    const { keyCode: j } = t;
+    j === Q.ESCAPE_KEY_CODE && _();
+  }, P = () => {
+    var t;
+    I || ((t = l.current) == null || t.focus(), L(!0));
+  };
+  y(() => {
+    if (l && l.current) {
+      const { clientHeight: t } = l.current;
+      R(t);
+    }
+  }, [i, E]), y(() => (O(!0), document.addEventListener("keydown", x, !1), () => document.removeEventListener("keydown", x, !1)), []);
+  const B = K(
+    () => ({
+      ignoreSelectors: [`[${J}]`]
+    }),
+    []
+  );
+  return q(l, z ? _ : void 0, B), /* @__PURE__ */ e(Y, { onExitComplete: v, children: S && /* @__PURE__ */ e("div", { className: r("modal", { [`overlay-${m}`]: m }), style: { zIndex: D }, children: /* @__PURE__ */ c(
+    X.div,
+    {
+      className: r("modal-window", { [`size-${d}`]: d }, p),
+      ref: l,
+      tabIndex: 0,
+      initial: { opacity: 0, marginTop: -b },
+      animate: { opacity: 1, marginTop: b },
+      exit: { opacity: 0, marginTop: -b },
+      transition: { duration: 0.3 },
+      onAnimationStart: P,
+      children: [
+        /* @__PURE__ */ e(le, { title: o, onClose: _, withDescription: !!s }),
+        C ? /* @__PURE__ */ e("div", { className: r("scrollable-wrapper"), children: /* @__PURE__ */ e(
+          U,
+          {
+            autoHeight: !0,
+            autoHeightMax: W(),
+            hideTracksWhenNotNeeded: !0,
+            children: /* @__PURE__ */ c("div", { className: r("scrollable-content"), children: [
+              s && /* @__PURE__ */ e("span", { className: r("description"), children: s }),
+              /* @__PURE__ */ e(T, { children: i })
+            ] })
+          }
+        ) }) : /* @__PURE__ */ c(F, { children: [
+          s && /* @__PURE__ */ e("span", { className: r("description"), children: s }),
+          /* @__PURE__ */ e(T, { children: i })
+        ] }),
+        !H && (N ? N(_) : /* @__PURE__ */ e(
+          ae,
+          {
+            size: d,
+            footerNode: n,
+            okButton: h,
+            cancelButton: a,
+            closeHandler: _
+          }
+        ))
+      ]
+    },
+    "modal-window"
+  ) }) });
+};
 export {
-  s as Modal,
-  n as ModalContent,
-  b as ModalFooter,
-  c as ModalHeader
+  Be as Modal,
+  T as ModalContent,
+  ae as ModalFooter,
+  le as ModalHeader
 };

package/dist/openEye-950159cb.js

@@ -0,0 +1,6 @@
+import * as e from "react";
+const l = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.09194 3.90153C8.73249 3.84853 8.36745 3.82135 7.99778 3.82135C5.24735 3.82135 2.75312 5.32613 0.912626 7.77031C0.762442 7.97055 0.762442 8.25031 0.912626 8.45055C1.96494 9.84971 3.23098 10.9408 4.63642 11.6187L5.59679 9.95532C5.16732 9.39694 4.92809 8.68447 4.97644 7.91459C5.07067 6.40686 6.29276 5.18478 7.80049 5.09055C8.00285 5.07782 8.2013 5.08498 8.39407 5.11028L9.09194 3.90153ZM7.56961 6.5383C6.91222 6.71981 6.41543 7.30478 6.37225 8.00589C6.36032 8.18701 6.37814 8.36223 6.42131 8.5272L7.56961 6.5383ZM8.40613 9.68939L9.57119 7.67146C9.61868 7.84288 9.6387 8.02571 9.62624 8.21497C9.58001 8.92637 9.07238 9.51681 8.40613 9.68939ZM7.58518 11.1113C7.78307 11.1384 7.98701 11.1463 8.19509 11.1332C9.69987 11.0361 10.922 9.81398 11.0191 8.3092C11.0679 7.53332 10.8245 6.81576 10.3887 6.25546L11.3454 4.59845C12.7563 5.27587 14.0272 6.36953 15.0829 7.77325C15.2331 7.9735 15.2331 8.25325 15.0829 8.4535C13.2424 10.8977 10.7482 12.4025 7.99778 12.4025C7.62256 12.4025 7.25211 12.3744 6.88743 12.3199L7.58518 11.1113Z", fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("path", { d: "M10.5051 2.25952C10.7122 1.9008 11.1709 1.7779 11.5296 1.985C11.8883 2.19211 12.0112 2.6508 11.8041 3.00952L5.35413 14.1812C5.14702 14.54 4.68833 14.6629 4.32961 14.4558C3.97089 14.2487 3.84798 13.79 4.05509 13.4312L10.5051 2.25952Z", fill: "#A2AAB5" })), t = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.99778 3.82135C5.24735 3.82135 2.75312 5.32613 0.912626 7.77031C0.762442 7.97055 0.762442 8.25031 0.912626 8.45055C2.75312 10.8977 5.24735 12.4025 7.99778 12.4025C10.7482 12.4025 13.2424 10.8977 15.0829 8.4535C15.2331 8.25325 15.2331 7.9735 15.0829 7.77325C13.2424 5.32614 10.7482 3.82135 7.99778 3.82135ZM8.19509 11.1332C6.36932 11.2481 4.86159 9.74331 4.97644 7.91459C5.07067 6.40686 6.29276 5.18478 7.80049 5.09055C9.62625 4.9757 11.134 6.48048 11.0191 8.3092C10.922 9.81398 9.69987 11.0361 8.19509 11.1332ZM6.37225 8.00589C6.30746 8.98945 7.12022 9.79926 8.10378 9.73742C8.9136 9.68736 9.57323 9.03068 9.62624 8.21497C9.69102 7.23141 8.87826 6.4216 7.8947 6.48344C7.08194 6.53644 6.42231 7.19313 6.37225 8.00589Z", fill: "#A2AAB5" }));
+export {
+  l as S,
+  t as a
+};