@reportportal/ui-kit 0.0.1-alpha.21 → 0.0.1-alpha.211

package/dist/fieldNumber-dd8e6902.js

@@ -0,0 +1,141 @@
+import { jsxs as a, Fragment as V, jsx as r } from "react/jsx-runtime";
+import { useRef as W, useId as y, useMemo as B } from "react";
+import { c as w } from "./bind-06a7ff84.js";
+import { K as e } from "./keyCodes-f63c0e11.js";
+import { B as D } from "./baseIconButton-251479f7.js";
+import { S as v } from "./minus-2857540f.js";
+import { S as k } from "./plus-199fb2a8.js";
+import { FieldLabel as H } from "./fieldLabel.js";
+const b = 5, Y = 16, P = [
+  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
+], G = "_sign_3v3h5_7", j = "_error_3v3h5_22", z = "_disabled_3v3h5_27", X = "_input_3v3h5_12", $ = {
+  "field-number": "_field-number_3v3h5_1",
+  sign: G,
+  "input-container": "_input-container_3v3h5_12",
+  error: j,
+  disabled: z,
+  "input-field": "_input-field_3v3h5_38",
+  input: X,
+  "additional-content": "_additional-content_3v3h5_84",
+  "error-text": "_error-text_3v3h5_88"
+}, c = w.bind($), tn = ({
+  value: i = "",
+  placeholder: I = "0",
+  disabled: t = !1,
+  onChange: l,
+  onFocus: d,
+  onBlur: N,
+  label: m,
+  postfix: E = "",
+  min: s = 0,
+  max: o = Number.MAX_SAFE_INTEGER,
+  title: L,
+  error: C,
+  id: h,
+  ...M
+}) => {
+  const u = W(null), p = y(), O = (n) => Number.isNaN(n) ? s : n === Number.POSITIVE_INFINITY ? o : n === Number.NEGATIVE_INFINITY || n < s ? s : n > o ? o : n, R = (n) => {
+    const _ = n.target.value.replace(/^0(?=\d+|^\d)/g, "");
+    if (_ === "") {
+      l("");
+      return;
+    }
+    l(+_);
+  }, T = (n) => {
+    N && N(n);
+    const _ = +n.currentTarget.value, f = O(_);
+    f !== _ && l(f);
+  }, A = (n) => {
+    const { keyCode: _ } = n;
+    P.includes(_) || (_ < e.NUMBER_START_KEY_CODE || _ > e.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
+  }, U = () => {
+    const _ = O(+i) - 1;
+    _ >= s && _ <= o && l(_);
+  }, g = () => {
+    const _ = O(+i) + 1;
+    _ >= s && _ <= o && l(_);
+  }, K = I + E, F = B(() => {
+    let n = (String(i) || K).length;
+    return E && !i && (n += 1), n > Y ? `${Y}ch` : `${n || b}ch`;
+  }, [K, E, i]), S = () => {
+    u && u.current && u.current.focus(), d && d();
+  };
+  return /* @__PURE__ */ a(V, { children: [
+    /* @__PURE__ */ a("div", { className: c("field-number", { disabled: t }), children: [
+      m && /* @__PURE__ */ r(H, { htmlFor: h ?? p, children: m }),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: c("input-container", {
+            error: C,
+            disabled: t
+          }),
+          title: L,
+          children: [
+            /* @__PURE__ */ r(
+              D,
+              {
+                className: c("sign", "minus"),
+                disabled: t,
+                onClick: U,
+                children: /* @__PURE__ */ r(v, {})
+              }
+            ),
+            /* @__PURE__ */ a("span", { className: c("input-field", { disabled: t }), onClick: S, children: [
+              /* @__PURE__ */ r(
+                "input",
+                {
+                  id: h ?? p,
+                  ref: u,
+                  className: c("input"),
+                  type: "number",
+                  value: i,
+                  placeholder: K,
+                  disabled: t,
+                  min: s,
+                  max: o,
+                  onKeyDown: t ? void 0 : A,
+                  onChange: t ? void 0 : R,
+                  onFocus: t ? void 0 : d,
+                  onBlur: t ? void 0 : T,
+                  style: { width: F },
+                  ...M
+                }
+              ),
+              !!E && (i === 0 || !!i) && /* @__PURE__ */ r("span", { children: E.slice(0, 1) })
+            ] }),
+            /* @__PURE__ */ r(
+              D,
+              {
+                className: c("sign", "plus"),
+                disabled: t,
+                onClick: g,
+                children: /* @__PURE__ */ r(k, {})
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    C && /* @__PURE__ */ r("div", { className: c("additional-content"), children: /* @__PURE__ */ r("span", { className: c("error-text"), children: C }) })
+  ] });
+};
+export {
+  tn as F
+};

package/dist/fieldNumber.js

@@ -1,9 +1,12 @@
-import { F as m } from "./fieldNumber-d20f48d6.js";
+import { F as m } from "./fieldNumber-dd8e6902.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
 import "./keyCodes-f63c0e11.js";
-import "./baseIconButton-b6adc843.js";
+import "./baseIconButton-251479f7.js";
+import "./minus-2857540f.js";
+import "./plus-199fb2a8.js";
+import "./fieldLabel.js";
 export {
   m as FieldNumber,
   m as default

package/dist/fieldText-1749da7a.js

@@ -0,0 +1,167 @@
+import { jsx as n, jsxs as s, Fragment as E } from "react/jsx-runtime";
+import { forwardRef as W, useRef as X, useId as Y, useState as b } from "react";
+import { c as Z } from "./bind-06a7ff84.js";
+import { S as q } from "./clear-53660571.js";
+import { a as nn, S as en } from "./openEye-950159cb.js";
+import { B as tn } from "./baseIconButton-251479f7.js";
+import { S as on } from "./spinLoader-c4a53718.js";
+import { M as sn } from "./maxValueDisplay-9be01a75.js";
+import { FieldLabel as an } from "./fieldLabel.js";
+const cn = "_collapsed_18d9y_11", rn = "_field_18d9y_23", ln = "_placeholder_18d9y_48", dn = "_disabled_18d9y_51", _n = "_error_18d9y_54", pn = "_touched_18d9y_54", un = "_input_18d9y_73", mn = "_icon_18d9y_1", fn = "_text_18d9y_171", hn = {
+  "icon-container": "_icon-container_18d9y_1",
+  "icon-container-additional": "_icon-container-additional_18d9y_1",
+  "icon-container-end": "_icon-container-end_18d9y_1",
+  "icon-container-start": "_icon-container-start_18d9y_1",
+  collapsed: cn,
+  field: rn,
+  "default-width": "_default-width_18d9y_35",
+  placeholder: ln,
+  disabled: dn,
+  error: _n,
+  touched: pn,
+  "max-length-display": "_max-length-display_18d9y_61",
+  "input-container": "_input-container_18d9y_73",
+  "type-password": "_type-password_18d9y_77",
+  input: un,
+  "eye-icon": "_eye-icon_18d9y_81",
+  icon: mn,
+  "start-icon": "_start-icon_18d9y_127",
+  "clear-icon": "_clear-icon_18d9y_128",
+  "additional-content": "_additional-content_18d9y_164",
+  text: fn,
+  "error-text": "_error-text_18d9y_191",
+  "help-text": "_help-text_18d9y_195"
+}, e = Z.bind(hn), Bn = W(
+  ({
+    value: o = "",
+    className: v,
+    classNameHelpText: C,
+    error: r,
+    placeholder: u,
+    disabled: a = !1,
+    onChange: T,
+    touched: m = !1,
+    title: V,
+    label: l,
+    helpText: d,
+    defaultWidth: k = !0,
+    startIcon: f,
+    endIcon: h,
+    clearable: I = !1,
+    onClear: y,
+    isRequired: x = !1,
+    hasDoubleMessage: L = !1,
+    type: c = "text",
+    displayError: P = !0,
+    collapsible: R = !1,
+    loading: j = !1,
+    maxLengthDisplay: H,
+    onFocus: O = () => {
+    },
+    onBlur: U = () => {
+    },
+    ...$
+  }, z) => {
+    const A = X(null), _ = z || A, w = Y(), [N, g] = b(!1), [S, F] = b(!1), G = (t) => {
+      g(!0), O(t);
+    }, J = (t) => {
+      g(!1), U(t);
+    }, K = () => {
+      var t;
+      y && (y(o), (t = _.current) == null || t.focus());
+    }, D = P && r && m, M = /* @__PURE__ */ n("span", { className: e("text", "help-text", C), children: d }), Q = () => c !== "password" ? c : S ? "text" : "password", B = (t) => {
+      t.preventDefault(), F(!0);
+    }, i = (t) => {
+      t.preventDefault(), F(!1);
+    };
+    return /* @__PURE__ */ s(E, { children: [
+      l && /* @__PURE__ */ n(an, { isRequired: x, htmlFor: w, children: l }),
+      /* @__PURE__ */ s(
+        "div",
+        {
+          className: e("field", v, {
+            error: r,
+            touched: m,
+            disabled: a,
+            "default-width": k,
+            collapsed: R && !N && !o
+          }),
+          title: V,
+          children: [
+            j ? /* @__PURE__ */ n(on, {}) : f && /* @__PURE__ */ n(
+              "span",
+              {
+                className: e("icon-container-start"),
+                onClick: () => {
+                  var p;
+                  (p = _.current) == null || p.focus();
+                },
+                children: /* @__PURE__ */ n("span", { className: e("icon", { "start-icon": !N }), children: f })
+              }
+            ),
+            /* @__PURE__ */ s("span", { className: e("input-container", `type-${c}`), children: [
+              /* @__PURE__ */ n(
+                "input",
+                {
+                  ref: _,
+                  type: Q(),
+                  className: e("input"),
+                  value: o,
+                  disabled: a,
+                  id: w,
+                  onChange: T,
+                  onFocus: G,
+                  onBlur: J,
+                  ...$
+                }
+              ),
+              c === "password" && o && /* @__PURE__ */ n(
+                tn,
+                {
+                  className: e("eye-icon"),
+                  onMouseDown: B,
+                  onMouseLeave: i,
+                  onMouseUp: i,
+                  onTouchStart: B,
+                  onTouchEnd: i,
+                  onTouchCancel: i,
+                  children: S ? /* @__PURE__ */ n(nn, {}) : /* @__PURE__ */ n(en, {})
+                }
+              ),
+              u && !o && /* @__PURE__ */ s("span", { className: e("placeholder"), children: [
+                u,
+                x && !l && /* @__PURE__ */ n("span", { className: e("asterisk") })
+              ] })
+            ] }),
+            /* @__PURE__ */ n(
+              sn,
+              {
+                className: e("max-length-display"),
+                value: o.length,
+                maxValue: H
+              }
+            ),
+            I && o.length > 0 && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: e("clear-icon", { disabled: a }),
+                onClick: K,
+                onMouseDown: (t) => t.preventDefault(),
+                children: /* @__PURE__ */ n(q, {})
+              }
+            ) }),
+            h && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n("span", { className: e("icon"), children: h }) })
+          ]
+        }
+      ),
+      (D || d) && /* @__PURE__ */ n("div", { className: e("additional-content", { disabled: a }), children: D ? /* @__PURE__ */ s(E, { children: [
+        /* @__PURE__ */ n("span", { className: e("text", "error-text"), children: r }),
+        L && M
+      ] }) : d && M })
+    ] });
+  }
+);
+export {
+  Bn as F
+};

package/dist/fieldText.js

@@ -1,8 +1,13 @@
-import { F as o } from "./fieldText-6eff8292.js";
+import { F as o } from "./fieldText-1749da7a.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
-import "./baseIconButton-b6adc843.js";
+import "./clear-53660571.js";
+import "./openEye-950159cb.js";
+import "./baseIconButton-251479f7.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
 export {
   o as FieldText,
   o as default

package/dist/fieldTextFlex-2f51c173.js

@@ -0,0 +1,80 @@
+import { jsxs as _, Fragment as R, jsx as t } from "react/jsx-runtime";
+import { c as j } from "./bind-06a7ff84.js";
+import { forwardRef as D, useId as H } from "react";
+import { M } from "./maxValueDisplay-9be01a75.js";
+import { FieldLabel as O } from "./fieldLabel.js";
+const V = "_disabled_1pfea_16", $ = "_error_1pfea_19", b = "_touched_1pfea_19", w = {
+  "text-area": "_text-area_1pfea_1",
+  disabled: V,
+  error: $,
+  touched: b,
+  "max-length-display": "_max-length-display_1pfea_26",
+  "additional-content": "_additional-content_1pfea_45",
+  "error-text": "_error-text_1pfea_45",
+  "help-text": "_help-text_1pfea_53"
+}, e = j.bind(w), z = 72, A = 2, C = D(
+  ({
+    value: s = "",
+    readonly: x = !1,
+    error: r = "",
+    placeholder: h = "",
+    disabled: a = !1,
+    touched: c = !1,
+    className: m = "",
+    label: i = "",
+    helpText: l = "",
+    minHeight: o = z,
+    maxLengthDisplay: f,
+    onChange: g,
+    onFocus: y,
+    onBlur: N,
+    onKeyUp: u,
+    ...F
+  }, I) => {
+    const d = H(), p = r && c, E = (n) => {
+      n.target.style.height = `${o}px`, n.target.style.height = `${n.target.scrollHeight + A}px`;
+    };
+    return /* @__PURE__ */ _(R, { children: [
+      i && /* @__PURE__ */ t(O, { htmlFor: d, className: e({ disabled: a }), children: i }),
+      /* @__PURE__ */ t(
+        "textarea",
+        {
+          id: d,
+          ref: I,
+          className: e("text-area", m, {
+            disabled: a,
+            error: r,
+            touched: c
+          }),
+          style: { minHeight: o, height: o },
+          value: s,
+          placeholder: h,
+          disabled: a,
+          readOnly: x,
+          onChange: g,
+          onFocus: y,
+          onBlur: N,
+          onKeyUp: u,
+          onInput: E,
+          ...F,
+          children: s
+        }
+      ),
+      /* @__PURE__ */ t(
+        M,
+        {
+          className: e("max-length-display"),
+          value: s.length,
+          maxValue: f
+        }
+      ),
+      (p || l) && /* @__PURE__ */ _("div", { className: e("additional-content", { disabled: a }), children: [
+        p && /* @__PURE__ */ t("span", { className: e("error-text"), children: r }),
+        l && /* @__PURE__ */ t("span", { className: e("help-text"), children: l })
+      ] })
+    ] });
+  }
+);
+export {
+  C as F
+};

package/dist/fieldTextFlex.js

@@ -1,7 +1,9 @@
-import { F as o } from "./fieldTextFlex-5bddf46a.js";
+import { F as o } from "./fieldTextFlex-2f51c173.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "react";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
 export {
   o as FieldTextFlex,
   o as default