@reportportal/ui-kit 0.0.1-alpha.26 → 0.0.1-alpha.261

package/dist/fieldNumber-b7e64bbb.js

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

package/dist/fieldNumber.js

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

package/dist/fieldText-b9b0ea9f.js

@@ -0,0 +1,191 @@
+import { jsx as n, jsxs as c, Fragment as b } from "react/jsx-runtime";
+import { forwardRef as q, useRef as nn, useId as tn, useState as v } from "react";
+import { c as en } from "./bind-06a7ff84.js";
+import { S as on } from "./clear-53660571.js";
+import { b as sn, a as cn, S as an } from "./capslockIcon-b9dcdce5.js";
+import { B as rn } from "./baseIconButton-f1c96f52.js";
+import { S as ln } from "./spinLoader-c4a53718.js";
+import { M as pn } from "./maxValueDisplay-9be01a75.js";
+import { FieldLabel as _n } from "./fieldLabel.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import { u as dn } from "./useCapsLock-428c77b6.js";
+import { Tooltip as mn } from "./tooltip.js";
+const un = "_collapsed_n886j_11", fn = "_field_n886j_23", hn = "_placeholder_n886j_48", jn = "_disabled_n886j_51", xn = "_error_n886j_54", wn = "_touched_n886j_54", kn = "_input_n886j_73", Nn = "_asterisk_n886j_163", yn = "_icon_n886j_1", gn = "_text_n886j_214", Cn = {
+  "icon-container": "_icon-container_n886j_1",
+  "icon-container-additional": "_icon-container-additional_n886j_1",
+  "icon-container-end": "_icon-container-end_n886j_1",
+  "icon-container-start": "_icon-container-start_n886j_1",
+  collapsed: un,
+  field: fn,
+  "default-width": "_default-width_n886j_35",
+  placeholder: hn,
+  disabled: jn,
+  error: xn,
+  touched: wn,
+  "max-length-display": "_max-length-display_n886j_61",
+  "input-container": "_input-container_n886j_73",
+  "type-password": "_type-password_n886j_77",
+  input: kn,
+  "with-caps-lock": "_with-caps-lock_n886j_81",
+  "caps-lock-tooltip-wrapper": "_caps-lock-tooltip-wrapper_n886j_84",
+  "caps-lock-tooltip-content": "_caps-lock-tooltip-content_n886j_97",
+  "caps-lock-icon": "_caps-lock-icon_n886j_108",
+  "eye-icon": "_eye-icon_n886j_118",
+  asterisk: Nn,
+  icon: yn,
+  "start-icon": "_start-icon_n886j_170",
+  "clear-icon": "_clear-icon_n886j_171",
+  "additional-content": "_additional-content_n886j_207",
+  text: gn,
+  "error-text": "_error-text_n886j_234",
+  "help-text": "_help-text_n886j_238"
+}, e = en.bind(Cn), Hn = q(
+  ({
+    value: o = "",
+    className: E,
+    classNameHelpText: B,
+    error: i,
+    placeholder: f,
+    disabled: s = !1,
+    onChange: I,
+    touched: h = !1,
+    title: V,
+    label: r,
+    helpText: l,
+    defaultWidth: D = !0,
+    startIcon: j,
+    endIcon: x,
+    clearable: L = !1,
+    onClear: w,
+    isRequired: k = !1,
+    hasDoubleMessage: P = !1,
+    type: a = "text",
+    displayError: R = !0,
+    collapsible: T = !1,
+    loading: H = !1,
+    maxLengthDisplay: O,
+    capsLockMessage: p,
+    onFocus: $ = () => {
+    },
+    onBlur: z = () => {
+    },
+    onMouseDown: _,
+    ...A
+  }, G) => {
+    const J = nn(null), d = G || J, N = tn(), [m, y] = v(!1), [g, K] = v(!1), { capsLockOn: M, syncFromMouseEvent: Q } = dn(), C = !!p && m && M && o.length >= 1 && !s, U = (t) => {
+      y(!0), $(t);
+    }, W = (t) => {
+      y(!1), z(t);
+    }, X = () => {
+      var t;
+      w && (w(o), (t = d.current) == null || t.focus());
+    }, F = R && i && h, S = /* @__PURE__ */ n("span", { className: e("text", "help-text", B), children: l }), Y = () => a !== "password" ? a : g ? "text" : "password", Z = () => {
+      K((t) => !t);
+    };
+    return /* @__PURE__ */ c(b, { children: [
+      r && /* @__PURE__ */ n(_n, { isRequired: k, htmlFor: N, children: r }),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: e("field", E, {
+            error: i,
+            touched: h,
+            disabled: s,
+            "default-width": D,
+            collapsed: T && !m && !o
+          }),
+          title: V,
+          children: [
+            H ? /* @__PURE__ */ n(ln, {}) : j && /* @__PURE__ */ n(
+              "span",
+              {
+                className: e("icon-container-start"),
+                onClick: () => {
+                  var u;
+                  (u = d.current) == null || u.focus();
+                },
+                children: /* @__PURE__ */ n("span", { className: e("icon", { "start-icon": !m }), children: j })
+              }
+            ),
+            /* @__PURE__ */ c(
+              "span",
+              {
+                className: e("input-container", `type-${a}`, { "with-caps-lock": C }),
+                children: [
+                  /* @__PURE__ */ n(
+                    "input",
+                    {
+                      ref: d,
+                      type: Y(),
+                      className: e("input"),
+                      value: o,
+                      disabled: s,
+                      id: N,
+                      onChange: I,
+                      ...A,
+                      onFocus: U,
+                      onBlur: W,
+                      onMouseDown: (t) => {
+                        p && Q(t.nativeEvent ?? t), _ == null || _(t);
+                      }
+                    }
+                  ),
+                  C && /* @__PURE__ */ n(
+                    mn,
+                    {
+                      content: p,
+                      wrapperClassName: e("caps-lock-tooltip-wrapper"),
+                      contentClassName: e("caps-lock-tooltip-content"),
+                      wrapperTabIndex: -1,
+                      children: /* @__PURE__ */ n("span", { className: e("caps-lock-icon"), onMouseDown: (t) => t.preventDefault(), children: /* @__PURE__ */ n(sn, {}) })
+                    }
+                  ),
+                  a === "password" && o && /* @__PURE__ */ n(
+                    rn,
+                    {
+                      className: e("eye-icon"),
+                      onClick: Z,
+                      onPointerDown: (t) => t.preventDefault(),
+                      children: g ? /* @__PURE__ */ n(cn, {}) : /* @__PURE__ */ n(an, {})
+                    }
+                  ),
+                  f && !o && /* @__PURE__ */ c("span", { className: e("placeholder"), children: [
+                    f,
+                    k && !r && /* @__PURE__ */ n("span", { className: e("asterisk"), children: "*" })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ n(
+              pn,
+              {
+                className: e("max-length-display"),
+                value: o.length,
+                maxValue: O
+              }
+            ),
+            L && o.length > 0 && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: e("clear-icon", { disabled: s }),
+                onClick: X,
+                onMouseDown: (t) => t.preventDefault(),
+                children: /* @__PURE__ */ n(on, {})
+              }
+            ) }),
+            x && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n("span", { className: e("icon"), children: x }) })
+          ]
+        }
+      ),
+      (F || l) && /* @__PURE__ */ n("div", { className: e("additional-content", { disabled: s }), children: F ? /* @__PURE__ */ c(b, { children: [
+        /* @__PURE__ */ n("span", { className: e("text", "error-text"), children: i }),
+        P && S
+      ] }) : l && S })
+    ] });
+  }
+);
+export {
+  Hn as F
+};

package/dist/fieldText.js

@@ -1,8 +1,20 @@
-import { F as o } from "./fieldText-6eff8292.js";
+import { F as o } from "./fieldText-b9b0ea9f.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
-import "./baseIconButton-b6adc843.js";
+import "./clear-53660571.js";
+import "./capslockIcon-b9dcdce5.js";
+import "./baseIconButton-f1c96f52.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "./useCapsLock-428c77b6.js";
+import "./tooltip.js";
+import "react-dom";
+import "@floating-ui/react";
+import "./floatingUi-46f5b896.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