@reportportal/ui-kit 0.0.1-alpha.2 → 0.0.1-alpha.200

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/keyCodes-f63c0e11.js

@@ -0,0 +1,4 @@
+var E = /* @__PURE__ */ ((_) => (_[_.BACKSPACE_KEY_CODE = 8] = "BACKSPACE_KEY_CODE", _[_.TAB_KEY_CODE = 9] = "TAB_KEY_CODE", _[_.ENTER_KEY_CODE = 13] = "ENTER_KEY_CODE", _[_.ESCAPE_KEY_CODE = 27] = "ESCAPE_KEY_CODE", _[_.SPACE_KEY_CODE = 32] = "SPACE_KEY_CODE", _[_.ARROW_LEFT_KEY_CODE = 37] = "ARROW_LEFT_KEY_CODE", _[_.ARROW_UP_KEY_CODE = 38] = "ARROW_UP_KEY_CODE", _[_.ARROW_RIGHT_KEY_CODE = 39] = "ARROW_RIGHT_KEY_CODE", _[_.ARROW_DOWN_KEY_CODE = 40] = "ARROW_DOWN_KEY_CODE", _[_.DELETE_KEY_CODE = 46] = "DELETE_KEY_CODE", _[_.NUMBER_START_KEY_CODE = 48] = "NUMBER_START_KEY_CODE", _[_.NUMBER_END_KEY_CODE = 57] = "NUMBER_END_KEY_CODE", _[_.NUM_LOCK_0_KEY_CODE = 96] = "NUM_LOCK_0_KEY_CODE", _[_.NUM_LOCK_1_KEY_CODE = 97] = "NUM_LOCK_1_KEY_CODE", _[_.NUM_LOCK_2_KEY_CODE = 98] = "NUM_LOCK_2_KEY_CODE", _[_.NUM_LOCK_3_KEY_CODE = 99] = "NUM_LOCK_3_KEY_CODE", _[_.NUM_LOCK_4_KEY_CODE = 100] = "NUM_LOCK_4_KEY_CODE", _[_.NUM_LOCK_5_KEY_CODE = 101] = "NUM_LOCK_5_KEY_CODE", _[_.NUM_LOCK_6_KEY_CODE = 102] = "NUM_LOCK_6_KEY_CODE", _[_.NUM_LOCK_7_KEY_CODE = 103] = "NUM_LOCK_7_KEY_CODE", _[_.NUM_LOCK_8_KEY_CODE = 104] = "NUM_LOCK_8_KEY_CODE", _[_.NUM_LOCK_9_KEY_CODE = 105] = "NUM_LOCK_9_KEY_CODE", _))(E || {});
+export {
+  E as K
+};

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

@@ -0,0 +1,181 @@
+import { jsx as e, jsxs as d, Fragment as F } from "react/jsx-runtime";
+import { useState as H, useRef as G, useCallback as A, useEffect as T, 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 { u as q } from "./useOnClickOutside-8f7d68a1.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import { u as J } from "./useWindowResize-a7e1ac92.js";
+import { a as Q } from "./dropdown-3e13dca7.js";
+import { K as V } from "./keyCodes-f63c0e11.js";
+import { B as C } from "./button-7ab874f3.js";
+import { Tooltip as Z } from "./tooltip.js";
+import { B as ee } from "./baseIconButton-251479f7.js";
+import { S as te } 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 "./useEllipsisTitle-462fa254.js";
+import "./checkbox-76aa8f97.js";
+import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.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 = {
+  "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(ae), ie = ({
+  footerNode: o,
+  closeHandler: a,
+  okButton: i,
+  cancelButton: u,
+  size: s
+}) => {
+  const { tooltipNode: p, ...m } = i || {}, g = () => {
+    const _ = /* @__PURE__ */ e(C, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...m });
+    return p ? /* @__PURE__ */ e(Z, { content: p, 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(
+        C,
+        {
+          variant: "ghost",
+          adjustWidthOn: s === "small" ? "parent" : "min-width",
+          onClick: a,
+          ...u
+        }
+      ) }),
+      i && /* @__PURE__ */ e("div", { className: f("button-container"), children: g() })
+    ] })
+  ] });
+}, 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 = b.bind(se), le = ({ title: o, onClose: a, 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(ee, { className: w("close-modal-icon"), onClick: a, children: /* @__PURE__ */ e(te, {}) })
+] }), 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"
+}, c = b.bind(de), me = 0.9, _e = 32 + 24, ue = 32 + 8, pe = 36 + 16, he = 32 * 2, Ge = ({
+  title: o,
+  children: a,
+  footerNode: i,
+  okButton: u,
+  cancelButton: s,
+  className: p,
+  size: m = "default",
+  onClose: g = () => {
+  },
+  overlay: _ = "default",
+  zIndex: k = 2,
+  allowCloseOutside: R = !0,
+  scrollable: S = !1,
+  withoutFooter: N = !1,
+  createFooter: M = null,
+  description: l = null
+}) => {
+  const [v, E] = H(!1), [z, I] = H(0), [$, L] = H(!1), n = G(null), x = J().height, P = x * me, O = (x - z) / 2, W = () => {
+    let t = P - he;
+    return N || (t = t - pe), l ? t = t - ue : t = t - _e, t;
+  }, r = A(() => {
+    E(!1);
+  }, []), y = A(
+    (t) => {
+      const { keyCode: h } = t;
+      h === V.ESCAPE_KEY_CODE && r();
+    },
+    [r]
+  ), B = () => {
+    var t;
+    $ || ((t = n.current) == null || t.focus(), L(!0));
+  };
+  T(() => {
+    if (!v || !n.current)
+      return;
+    const t = () => {
+      n.current && I(n.current.clientHeight);
+    };
+    if (t(), typeof ResizeObserver > "u")
+      return;
+    const h = new ResizeObserver(t);
+    return h.observe(n.current), () => h.disconnect();
+  }, [v]), T(() => (E(!0), document.addEventListener("keydown", y, !1), () => document.removeEventListener("keydown", y, !1)), [y]);
+  const j = K(
+    () => ({
+      ignoreSelectors: [`[${Q}]`]
+    }),
+    []
+  );
+  return q(n, R ? r : void 0, j), /* @__PURE__ */ e(Y, { onExitComplete: g, children: v && /* @__PURE__ */ e("div", { className: c("modal", { [`overlay-${_}`]: _ }), style: { zIndex: k }, children: /* @__PURE__ */ d(
+    X.div,
+    {
+      className: c("modal-window", { [`size-${m}`]: m }, p),
+      ref: n,
+      tabIndex: 0,
+      initial: { opacity: 0, marginTop: -O },
+      animate: { opacity: 1, marginTop: O },
+      exit: { opacity: 0, marginTop: -O },
+      transition: { duration: 0.3 },
+      onAnimationStart: B,
+      children: [
+        /* @__PURE__ */ e(le, { title: o, onClose: r, withDescription: !!l }),
+        S ? /* @__PURE__ */ e("div", { className: c("scrollable-wrapper"), children: /* @__PURE__ */ e(
+          U,
+          {
+            autoHeight: !0,
+            autoHeightMax: W(),
+            hideTracksWhenNotNeeded: !0,
+            children: /* @__PURE__ */ d("div", { className: c("scrollable-content"), children: [
+              l && /* @__PURE__ */ e("span", { className: c("description"), children: l }),
+              /* @__PURE__ */ e(D, { children: a })
+            ] })
+          }
+        ) }) : /* @__PURE__ */ d(F, { children: [
+          l && /* @__PURE__ */ e("span", { className: c("description"), children: l }),
+          /* @__PURE__ */ e(D, { children: a })
+        ] }),
+        !N && (M ? M(r) : /* @__PURE__ */ e(
+          ie,
+          {
+            size: m,
+            footerNode: i,
+            okButton: u,
+            cancelButton: s,
+            closeHandler: r
+          }
+        ))
+      ]
+    },
+    "modal-window"
+  ) }) });
+};
+export {
+  Ge as Modal,
+  D as ModalContent,
+  ie 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
+};