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

package/dist/fieldNumber-46fe79b9.js

@@ -0,0 +1,127 @@
+import { jsxs as K, jsx as l } from "react/jsx-runtime";
+import * as d from "react";
+import { useRef as A, useMemo as B } from "react";
+import { c as T } from "./bind-06a7ff84.js";
+import { K as e } from "./keyCodes-f63c0e11.js";
+import { B as f } from "./baseIconButton-7bc53dec.js";
+const W = (t) => /* @__PURE__ */ d.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00117 2.62046C7.63142 2.6189 7.33294 2.91738 7.3345 3.28712L7.35159 7.35159L3.28712 7.3345C2.91738 7.33295 2.6189 7.63142 2.62045 8.00117C2.62201 8.37091 2.92301 8.67191 3.29275 8.67346L7.35722 8.69056L7.37391 12.6599C7.37547 13.0296 7.67647 13.3306 8.04621 13.3322C8.41596 13.3337 8.71443 13.0352 8.71288 12.6655L8.69619 8.69619L12.6655 8.71288C13.0352 8.71444 13.3337 8.41596 13.3322 8.04621C13.3306 7.67647 13.0296 7.37547 12.6599 7.37392L8.69056 7.35722L8.67346 3.29275C8.67191 2.92301 8.37091 2.62201 8.00117 2.62046Z" })), v = (t) => /* @__PURE__ */ d.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.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" })), y = 5, h = 16, S = [
+  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
+], I = "_disabled_3tc9r_6", b = "_label_3tc9r_10", k = "_sign_3tc9r_21", F = "_error_3tc9r_36", H = "_touched_3tc9r_36", V = "_filled_3tc9r_41", P = "_input_3tc9r_26", j = {
+  "field-number": "_field-number_3tc9r_1",
+  disabled: I,
+  label: b,
+  sign: k,
+  "input-container": "_input-container_3tc9r_26",
+  error: F,
+  touched: H,
+  filled: V,
+  "input-field": "_input-field_3tc9r_48",
+  input: P
+}, r = T.bind(j), z = ({
+  value: t = "",
+  placeholder: D = "0",
+  disabled: c = !1,
+  onChange: i,
+  onFocus: a,
+  onBlur: G,
+  label: O,
+  postfix: s = "",
+  min: o = 0,
+  max: E = Number.MAX_SAFE_INTEGER,
+  title: p,
+  error: m,
+  touched: L = !1,
+  ...N
+}) => {
+  const C = A(null), R = (_) => {
+    let n = _.target.value.replace(/^0(?=\d+|^\d)/g, "");
+    if (n === "") {
+      i("");
+      return;
+    }
+    n = +n, n >= o && n <= E && i(n);
+  }, Y = (_) => {
+    const { keyCode: n } = _;
+    S.includes(n) || (n < e.NUMBER_START_KEY_CODE || n > e.NUMBER_END_KEY_CODE || _.shiftKey) && _.preventDefault();
+  }, w = () => {
+    const _ = +t - 1;
+    _ >= o && _ <= E && i(_);
+  }, g = () => {
+    const _ = +t + 1;
+    _ >= o && _ <= E && i(_);
+  }, u = D + s, M = B(() => {
+    let _ = (String(t) || u).length;
+    return s && !t && (_ += 1), _ > h ? `${h}ch` : `${_ || y}ch`;
+  }, [u, s, t]), U = () => {
+    C && C.current && C.current.focus(), a && a();
+  };
+  return /* @__PURE__ */ K("div", { className: r("field-number", { disabled: c }), children: [
+    O && /* @__PURE__ */ l("span", { className: r("label"), children: O }),
+    /* @__PURE__ */ K(
+      "div",
+      {
+        className: r("input-container", {
+          filled: !!t || t === 0,
+          error: m,
+          disabled: c,
+          touched: L
+        }),
+        title: p,
+        children: [
+          /* @__PURE__ */ l(
+            f,
+            {
+              className: r("sign", "minus"),
+              disabled: c,
+              onClick: w,
+              children: /* @__PURE__ */ l(v, {})
+            }
+          ),
+          /* @__PURE__ */ K("span", { className: r("input-field", { disabled: c }), onClick: U, children: [
+            /* @__PURE__ */ l(
+              "input",
+              {
+                ref: C,
+                className: r("input"),
+                type: "number",
+                value: t,
+                placeholder: u,
+                disabled: c,
+                min: o,
+                max: E,
+                onKeyDown: c ? void 0 : Y,
+                onChange: c ? void 0 : R,
+                onFocus: c ? void 0 : a,
+                style: { width: M },
+                ...N
+              }
+            ),
+            !!s && (t === 0 || !!t) && /* @__PURE__ */ l("span", { children: s.slice(0, 1) })
+          ] }),
+          /* @__PURE__ */ l(f, { className: r("sign", "plus"), disabled: c, onClick: g, children: /* @__PURE__ */ l(W, {}) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  z as F,
+  W as S,
+  v as a
+};

package/dist/fieldNumber.js

@@ -0,0 +1,10 @@
+import { F as m } from "./fieldNumber-46fe79b9.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-06a7ff84.js";
+import "./keyCodes-f63c0e11.js";
+import "./baseIconButton-7bc53dec.js";
+export {
+  m as FieldNumber,
+  m as default
+};

package/dist/fieldText-98cf9984.js

@@ -0,0 +1,102 @@
+import { jsx as t, jsxs as a, Fragment as f } from "react/jsx-runtime";
+import * as o from "react";
+import { forwardRef as R } from "react";
+import { c as j } from "./bind-06a7ff84.js";
+import "./baseIconButton-7bc53dec.js";
+const y = (n) => /* @__PURE__ */ o.createElement("svg", { width: 17, height: 17, viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ o.createElement("rect", { width: 16.2089, height: 16.1568, rx: 8.07842, fill: "#A2AAB5" }), /* @__PURE__ */ o.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.14768 5.14645C4.95077 5.34171 4.95077 5.65829 5.14768 5.85355L7.49578 8.18198L5.35655 10.3033C5.15963 10.4986 5.15963 10.8151 5.35655 11.0104C5.55346 11.2057 5.87271 11.2057 6.06962 11.0104L8.20886 8.88909L10.1392 10.8033C10.3361 10.9986 10.6554 10.9986 10.8523 10.8033C11.0492 10.608 11.0492 10.2915 10.8523 10.0962L8.92193 8.18198L11.0612 6.06065C11.2581 5.86539 11.2581 5.54881 11.0612 5.35355C10.8643 5.15828 10.545 5.15828 10.3481 5.35355L8.20886 7.47487L5.86076 5.14645C5.66385 4.95118 5.34459 4.95118 5.14768 5.14645Z", fill: "white" })), B = "_label_4wu1a_18", S = "_asterisk_4wu1a_27", M = "_disabled_4wu1a_33", Z = "_field_4wu1a_38", z = "_error_4wu1a_53", D = "_touched_4wu1a_53", G = "_placeholder_4wu1a_64", H = "_input_4wu1a_71", J = "_icon_4wu1a_1", K = "_text_4wu1a_163", O = {
+  "icon-container": "_icon-container_4wu1a_1",
+  "icon-container-end": "_icon-container-end_4wu1a_1",
+  "icon-container-start": "_icon-container-start_4wu1a_1",
+  label: B,
+  asterisk: S,
+  disabled: M,
+  field: Z,
+  error: z,
+  touched: D,
+  placeholder: G,
+  "default-width": "_default-width_4wu1a_67",
+  "input-container": "_input-container_4wu1a_71",
+  input: H,
+  icon: J,
+  "clear-icon": "_clear-icon_4wu1a_117",
+  "additional-content": "_additional-content_4wu1a_156",
+  text: K,
+  "error-text": "_error-text_4wu1a_171",
+  "help-text": "_help-text_4wu1a_175"
+}, e = j.bind(O), V = R(
+  ({
+    value: n = "",
+    className: x,
+    error: s,
+    placeholder: r,
+    disabled: c = !1,
+    onChange: N,
+    touched: _ = !1,
+    title: C,
+    label: i,
+    helpText: l,
+    defaultWidth: g = !0,
+    startIcon: d,
+    endIcon: h,
+    clearable: L = !1,
+    onClear: p,
+    isRequired: u = !1,
+    hasDoubleMessage: k = !1,
+    type: v = "text",
+    displayError: E = !0,
+    ...b
+  }, A) => {
+    const F = () => {
+      p && p(n);
+    }, m = E && s && _, w = /* @__PURE__ */ t("span", { className: e("text", "help-text"), children: l });
+    return /* @__PURE__ */ a(f, { children: [
+      i && /* @__PURE__ */ a("span", { className: e("label", { disabled: c }), children: [
+        i,
+        u && /* @__PURE__ */ t("span", { className: e("asterisk"), children: "*" })
+      ] }),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: e("field", x, {
+            error: s,
+            touched: _,
+            disabled: c,
+            "default-width": g
+          }),
+          title: C,
+          children: [
+            d && /* @__PURE__ */ t("span", { className: e("icon-container-start"), children: /* @__PURE__ */ t("span", { className: e("icon"), children: d }) }),
+            /* @__PURE__ */ a("span", { className: e("input-container"), children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  ref: A,
+                  type: v,
+                  className: e("input"),
+                  value: n,
+                  disabled: c,
+                  onChange: N,
+                  ...b
+                }
+              ),
+              r && !n && /* @__PURE__ */ a("span", { className: e("placeholder"), children: [
+                r,
+                u && !i && /* @__PURE__ */ t("span", { className: e("asterisk") })
+              ] })
+            ] }),
+            h && /* @__PURE__ */ t("span", { className: e("icon-container-end"), children: /* @__PURE__ */ t("span", { className: e("icon"), children: h }) }),
+            L && n.length > 0 && /* @__PURE__ */ t("span", { className: e("icon-container-end"), children: /* @__PURE__ */ t("button", { type: "button", className: e("clear-icon", { disabled: c }), onClick: F, children: /* @__PURE__ */ t(y, {}) }) })
+          ]
+        }
+      ),
+      (m || l) && /* @__PURE__ */ t("div", { className: e("additional-content", { disabled: c }), children: m ? /* @__PURE__ */ a(f, { children: [
+        /* @__PURE__ */ t("span", { className: e("text", "error-text"), children: s }),
+        k && w
+      ] }) : l && w })
+    ] });
+  }
+);
+export {
+  V as F,
+  y as S
+};

package/dist/fieldText.js

@@ -0,0 +1,9 @@
+import { F as o } from "./fieldText-98cf9984.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-06a7ff84.js";
+import "./baseIconButton-7bc53dec.js";
+export {
+  o as FieldText,
+  o as default
+};

package/dist/fieldTextFlex-5bddf46a.js

@@ -0,0 +1,67 @@
+import { jsxs as _, Fragment as u, jsx as r } from "react/jsx-runtime";
+import { c as y } from "./bind-06a7ff84.js";
+import { forwardRef as H, useId as I } from "react";
+const E = "_error_cxv68_19", R = "_touched_cxv68_19", j = "_label_cxv68_30", O = "_disabled_cxv68_56", $ = {
+  "text-area": "_text-area_cxv68_1",
+  error: E,
+  touched: R,
+  label: j,
+  "additional-content": "_additional-content_cxv68_39",
+  "error-text": "_error-text_cxv68_39",
+  "help-text": "_help-text_cxv68_47",
+  disabled: O
+}, t = y.bind($), w = 72, z = 2, G = H(
+  ({
+    value: o = "",
+    readonly: d = !1,
+    error: a = "",
+    placeholder: h = "",
+    disabled: e = !1,
+    touched: l = !1,
+    className: m = "",
+    label: n = "",
+    helpText: s = "",
+    onChange: p,
+    onFocus: f,
+    onBlur: g,
+    onKeyUp: v,
+    ...N
+  }, b) => {
+    const i = I(), x = a && l, F = (c) => {
+      c.target.style.height = `${w}px`, c.target.style.height = `${c.target.scrollHeight + z}px`;
+    };
+    return /* @__PURE__ */ _(u, { children: [
+      n && /* @__PURE__ */ r("label", { htmlFor: i, className: t("label", { disabled: e }), children: n }),
+      /* @__PURE__ */ r(
+        "textarea",
+        {
+          id: i,
+          ref: b,
+          className: t("text-area", m, {
+            disabled: e,
+            error: a,
+            touched: l
+          }),
+          value: o,
+          placeholder: h,
+          disabled: e,
+          readOnly: d,
+          onChange: p,
+          onFocus: f,
+          onBlur: g,
+          onKeyUp: v,
+          onInput: F,
+          ...N,
+          children: o
+        }
+      ),
+      (x || s) && /* @__PURE__ */ _("div", { className: t("additional-content", { disabled: e }), children: [
+        x && /* @__PURE__ */ r("span", { className: t("error-text"), children: a }),
+        s && /* @__PURE__ */ r("span", { className: t("help-text"), children: s })
+      ] })
+    ] });
+  }
+);
+export {
+  G as F
+};

package/dist/fieldTextFlex.js

@@ -0,0 +1,8 @@
+import { F as o } from "./fieldTextFlex-5bddf46a.js";
+import "react/jsx-runtime";
+import "./bind-06a7ff84.js";
+import "react";
+export {
+  o as FieldTextFlex,
+  o as default
+};

package/dist/index-bc6da711.js

@@ -0,0 +1,147 @@
+import { jsx as e, jsxs as d, Fragment as W } from "react/jsx-runtime";
+import * as L from "react";
+import { useState as g, useEffect as p, useRef as B } from "react";
+import { Scrollbars as j } from "rc-scrollbars";
+import { AnimatePresence as G, motion as K } from "framer-motion";
+import { c as w } from "./bind-06a7ff84.js";
+import { u as P } from "./useOnClickOutside-c332f7d3.js";
+import { K as Y } from "./keyCodes-f63c0e11.js";
+import { B as A } from "./button-bb309472.js";
+import { B as F } from "./baseIconButton-7bc53dec.js";
+const U = (o) => /* @__PURE__ */ L.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ L.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732179 15.2698C0.330639 14.8683 0.33064 14.2172 0.73218 13.8157L6.54858 7.99928L0.73218 2.18288C0.33064 1.78134 0.330639 1.13031 0.732179 0.728774C1.13372 0.327235 1.78474 0.327235 2.18628 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327229 14.8717 0.327228 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18628 15.2698C1.78474 15.6713 1.13372 15.6713 0.732179 15.2698Z", fill: "#A2AAB5" })), X = () => {
+  const [o, n] = g({ width: 0, height: 0 });
+  return p(() => {
+    const l = () => {
+      n({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    return window.addEventListener("resize", l), l(), () => window.removeEventListener("resize", l);
+  }, []), o;
+}, Z = "_scrollable_qziry_12", J = {
+  "modal-content": "_modal-content_qziry_1",
+  scrollable: Z
+}, Q = w.bind(J), N = ({ scrollable: o = !1, children: n }) => /* @__PURE__ */ e("div", { className: Q("modal-content", { scrollable: o }), children: n }), V = {
+  "buttons-block": "_buttons-block_1dgm4_1",
+  "button-container": "_button-container_1dgm4_5",
+  "modal-footer": "_modal-footer_1dgm4_14",
+  "with-extra-node": "_with-extra-node_1dgm4_21",
+  "size-small": "_size-small_1dgm4_25"
+}, m = w.bind(V), ee = ({
+  footerNode: o,
+  closeHandler: n,
+  okButton: l,
+  cancelButton: r,
+  size: s
+}) => /* @__PURE__ */ d("div", { className: m("modal-footer", { "with-extra-node": o, [`size-${s}`]: s }), children: [
+  o && o,
+  /* @__PURE__ */ d("div", { className: m("buttons-block"), children: [
+    r && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(
+      A,
+      {
+        variant: "ghost",
+        adjustWidthOn: s === "small" ? "parent" : "content",
+        onClick: n,
+        ...r
+      }
+    ) }),
+    l && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(A, { adjustWidthOn: s === "small" ? "parent" : "content", ...l }) })
+  ] })
+] }), oe = {
+  "modal-header": "_modal-header_68lru_1",
+  "width-description": "_width-description_68lru_10",
+  "modal-header-content": "_modal-header-content_68lru_14",
+  "modal-title": "_modal-title_68lru_20",
+  "close-modal-icon": "_close-modal-icon_68lru_29"
+}, _ = w.bind(oe), te = ({ title: o, onClose: n, withDescription: l = !1 }) => /* @__PURE__ */ d("div", { className: _("modal-header", { "width-description": l }), children: [
+  /* @__PURE__ */ e("div", { className: _("modal-header-content"), children: o && /* @__PURE__ */ e("span", { className: _("modal-title"), children: o }) }),
+  /* @__PURE__ */ e(F, { className: _("close-modal-icon"), onClick: n, children: /* @__PURE__ */ e(U, {}) })
+] }), ne = "_modal_lswqo_1", le = "_description_lswqo_42", se = "_scrollable_lswqo_52", ae = {
+  modal: ne,
+  "overlay-default": "_overlay-default_lswqo_11",
+  "overlay-light-cyan": "_overlay-light-cyan_lswqo_15",
+  "scrolling-content": "_scrolling-content_lswqo_19",
+  "modal-window": "_modal-window_lswqo_25",
+  description: le,
+  scrollable: se,
+  "size-default": "_size-default_lswqo_56",
+  "size-small": "_size-small_lswqo_68",
+  "size-large": "_size-large_lswqo_80"
+}, h = w.bind(ae), ie = 0.9, de = 32 + 24, ce = 32 + 8, re = 36 + 16, me = 32 * 2, ye = ({
+  title: o,
+  children: n,
+  footerNode: l,
+  okButton: r,
+  cancelButton: s,
+  className: O,
+  size: u = "default",
+  onClose: z = () => {
+  },
+  overlay: v = "default",
+  zIndex: q = 2,
+  allowCloseOutside: D = !0,
+  scrollable: b = !1,
+  withoutFooter: y = !1,
+  createFooter: C = null,
+  description: a = null
+}) => {
+  const [R, E] = g(!1), [S, T] = g(0), i = B(null), H = X(), x = H.height, I = x * ie, f = (x - S) / 2, $ = () => {
+    let t = I - me;
+    return y || (t = t - re), a ? t = t - ce : t = t - de, t;
+  }, c = () => {
+    E(!1);
+  }, M = (t) => {
+    const { keyCode: k } = t;
+    k === Y.ESCAPE_KEY_CODE && c();
+  };
+  return p(() => {
+    if (i && i.current) {
+      const { clientHeight: t } = i.current;
+      T(t);
+    }
+  }, [n, H]), p(() => (E(!0), document.addEventListener("keydown", M, !1), () => document.removeEventListener("keydown", M, !1)), []), P(i, D ? c : void 0), /* @__PURE__ */ e(G, { onExitComplete: z, children: R && /* @__PURE__ */ e("div", { className: h("modal", { [`overlay-${v}`]: v }), style: { zIndex: q }, children: /* @__PURE__ */ d(
+    K.div,
+    {
+      className: h("modal-window", { [`size-${u}`]: u }, O),
+      ref: i,
+      tabIndex: 0,
+      initial: { opacity: 0, marginTop: -f },
+      animate: { opacity: 1, marginTop: f },
+      exit: { opacity: 0, marginTop: -f },
+      transition: { duration: 0.3 },
+      onAnimationStart: () => {
+        var t;
+        return (t = i.current) == null ? void 0 : t.focus();
+      },
+      children: [
+        /* @__PURE__ */ e(te, { title: o, onClose: c, withDescription: !!a }),
+        b ? /* @__PURE__ */ d(j, { autoHeight: !0, autoHeightMax: $(), hideTracksWhenNotNeeded: !0, children: [
+          a && /* @__PURE__ */ e("span", { className: h("description", { scrollable: b }), children: a }),
+          /* @__PURE__ */ e(N, { scrollable: !0, children: n })
+        ] }) : /* @__PURE__ */ d(W, { children: [
+          a && /* @__PURE__ */ e("span", { className: h("description"), children: a }),
+          /* @__PURE__ */ e(N, { children: n })
+        ] }),
+        !y && (C ? C(c) : /* @__PURE__ */ e(
+          ee,
+          {
+            size: u,
+            footerNode: l,
+            okButton: r,
+            cancelButton: s,
+            closeHandler: c
+          }
+        ))
+      ]
+    },
+    "modal-window"
+  ) }) });
+};
+export {
+  ye as M,
+  U as S,
+  N as a,
+  te as b,
+  ee as c
+};