@reportportal/ui-kit 0.0.1-alpha.68 → 0.0.1-alpha.69

package/dist/dropdown.js

@@ -1,4 +1,4 @@
-import { D as r } from "./dropdown-29285346.js";
+import { D as r } from "./dropdown-13d7d50e.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -10,7 +10,7 @@ import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-251479f7.js";
 import "./dropdown-0260bb66.js";
 import "./fieldLabel.js";
-import "./checkbox-9a6c7ce1.js";
+import "./checkbox-aa91985d.js";
 export {
   r as Dropdown,
   r as default

package/dist/fieldLabel.js

@@ -1,18 +1,18 @@
-import { jsxs as t, jsx as d } from "react/jsx-runtime";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
 import { c } from "./bind-06a7ff84.js";
-const r = "_asterisk_1hktw_11", o = "_disabled_1hktw_17", b = {
-  "field-label": "_field-label_1hktw_1",
+const r = "_asterisk_10m6x_11", m = "_disabled_10m6x_17", o = {
+  "field-label": "_field-label_10m6x_1",
   asterisk: r,
-  disabled: o
-}, s = c.bind(b), k = ({
+  disabled: m
+}, s = c.bind(o), _ = ({
   children: e,
   isRequired: l = !1,
   className: a,
   ...i
-}) => /* @__PURE__ */ t("label", { className: s("field-label", a), ...i, children: [
+}) => /* @__PURE__ */ d("label", { className: s("field-label", a), ...i, children: [
   e,
-  l && /* @__PURE__ */ d("span", { className: s("asterisk"), children: "*" })
+  l && /* @__PURE__ */ t("span", { className: s("asterisk"), children: "*" })
 ] });
 export {
-  k as FieldLabel
+  _ as FieldLabel
 };

package/dist/{fieldNumber-01efb16e.js → fieldNumber-2542b311.js}

@@ -4,8 +4,8 @@ import { c as y } from "./bind-06a7ff84.js";
 import { K as _ } from "./keyCodes-f63c0e11.js";
 import { B as f } from "./baseIconButton-251479f7.js";
 import { S as B, a as S } from "./plus-0929dda4.js";
-import { FieldLabel as F } from "./fieldLabel.js";
-const b = 5, p = 16, k = [
+import { FieldLabel as x } from "./fieldLabel.js";
+const F = 5, p = 16, b = [
   _.TAB_KEY_CODE,
   _.BACKSPACE_KEY_CODE,
   _.ARROW_LEFT_KEY_CODE,
@@ -23,84 +23,84 @@ const b = 5, p = 16, k = [
   _.NUM_LOCK_7_KEY_CODE,
   _.NUM_LOCK_8_KEY_CODE,
   _.NUM_LOCK_9_KEY_CODE
-], H = "_disabled_wswgu_6", V = "_label_wswgu_10", P = "_sign_wswgu_21", j = "_error_wswgu_36", G = "_touched_wswgu_36", X = "_filled_wswgu_44", $ = "_input_wswgu_26", q = {
-  "field-number": "_field-number_wswgu_1",
-  disabled: H,
-  label: V,
-  sign: P,
-  "input-container": "_input-container_wswgu_26",
-  error: j,
-  touched: G,
-  filled: X,
-  "input-field": "_input-field_wswgu_51",
-  input: $
-}, c = y.bind(q), e_ = ({
+], k = "_disabled_1wxs7_6", H = "_label_1wxs7_10", V = "_sign_1wxs7_21", P = "_error_1wxs7_36", j = "_touched_1wxs7_36", G = "_filled_1wxs7_44", X = "_input_1wxs7_26", $ = {
+  "field-number": "_field-number_1wxs7_1",
+  disabled: k,
+  label: H,
+  sign: V,
+  "input-container": "_input-container_1wxs7_26",
+  error: P,
+  touched: j,
+  filled: G,
+  "input-field": "_input-field_1wxs7_51",
+  input: X
+}, c = y.bind($), e_ = ({
   value: e = "",
-  placeholder: w = "0",
+  placeholder: h = "0",
   disabled: t = !1,
   onChange: o,
-  onFocus: C,
-  onBlur: z,
+  onFocus: u,
+  onBlur: q,
   label: O,
   postfix: r = "",
   min: l = 0,
   max: E = Number.MAX_SAFE_INTEGER,
-  title: h,
-  error: m,
-  touched: N = !1,
+  title: m,
+  error: N,
+  touched: Y = !1,
   id: a,
-  ...g
+  ...w
 }) => {
-  const u = T(null), D = I(), Y = (n) => {
+  const C = T(null), D = I(), L = (n) => {
     let s = n.target.value.replace(/^0(?=\d+|^\d)/g, "");
     if (s === "") {
       o("");
       return;
     }
     s = +s, s >= l && s <= E && o(s);
-  }, L = (n) => {
+  }, M = (n) => {
     const { keyCode: s } = n;
-    k.includes(s) || (s < _.NUMBER_START_KEY_CODE || s > _.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
-  }, M = () => {
+    b.includes(s) || (s < _.NUMBER_START_KEY_CODE || s > _.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
+  }, R = () => {
     const n = +e - 1;
     n >= l && n <= E && o(n);
-  }, R = () => {
+  }, U = () => {
     const n = +e + 1;
     n >= l && n <= E && o(n);
-  }, d = w + r, U = W(() => {
+  }, d = h + r, A = W(() => {
     let n = (String(e) || d).length;
-    return r && !e && (n += 1), n > p ? `${p}ch` : `${n || b}ch`;
-  }, [d, r, e]), A = () => {
-    u && u.current && u.current.focus(), C && C();
+    return r && !e && (n += 1), n > p ? `${p}ch` : `${n || F}ch`;
+  }, [d, r, e]), g = () => {
+    C && C.current && C.current.focus(), u && u();
   };
   return /* @__PURE__ */ K("div", { className: c("field-number", { disabled: t }), children: [
-    O && /* @__PURE__ */ i(F, { htmlFor: a ?? D, children: O }),
+    O && /* @__PURE__ */ i(x, { htmlFor: a ?? D, children: O }),
     /* @__PURE__ */ K(
       "div",
       {
         className: c("input-container", {
           filled: !!e || e === 0,
-          error: m,
+          error: N,
           disabled: t,
-          touched: N
+          touched: Y
         }),
-        title: h,
+        title: m,
         children: [
           /* @__PURE__ */ i(
             f,
             {
               className: c("sign", "minus"),
               disabled: t,
-              onClick: M,
+              onClick: R,
               children: /* @__PURE__ */ i(B, {})
             }
           ),
-          /* @__PURE__ */ K("span", { className: c("input-field", { disabled: t }), onClick: A, children: [
+          /* @__PURE__ */ K("span", { className: c("input-field", { disabled: t }), onClick: g, children: [
             /* @__PURE__ */ i(
               "input",
               {
                 id: a ?? D,
-                ref: u,
+                ref: C,
                 className: c("input"),
                 type: "number",
                 value: e,
@@ -108,16 +108,16 @@ const b = 5, p = 16, k = [
                 disabled: t,
                 min: l,
                 max: E,
-                onKeyDown: t ? void 0 : L,
-                onChange: t ? void 0 : Y,
-                onFocus: t ? void 0 : C,
-                style: { width: U },
-                ...g
+                onKeyDown: t ? void 0 : M,
+                onChange: t ? void 0 : L,
+                onFocus: t ? void 0 : u,
+                style: { width: A },
+                ...w
               }
             ),
             !!r && (e === 0 || !!e) && /* @__PURE__ */ i("span", { children: r.slice(0, 1) })
           ] }),
-          /* @__PURE__ */ i(f, { className: c("sign", "plus"), disabled: t, onClick: R, children: /* @__PURE__ */ i(S, {}) })
+          /* @__PURE__ */ i(f, { className: c("sign", "plus"), disabled: t, onClick: U, children: /* @__PURE__ */ i(S, {}) })
         ]
       }
     )

package/dist/fieldNumber.js

@@ -1,4 +1,4 @@
-import { F as m } from "./fieldNumber-01efb16e.js";
+import { F as m } from "./fieldNumber-2542b311.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/fieldText-e605a521.js

@@ -0,0 +1,158 @@
+import { jsx as e, jsxs as a, Fragment as R } from "react/jsx-runtime";
+import { forwardRef as Q, useRef as Y, useId as Z, useState as M } from "react";
+import { c as q } from "./bind-06a7ff84.js";
+import { b as ee, a as ne, S as te } from "./openEye-7b9cf080.js";
+import { B as se } from "./button-33bc880f.js";
+import { S as oe } from "./spinLoader-c4a53718.js";
+import { M as ae } from "./maxValueDisplay-9be01a75.js";
+import { FieldLabel as ce } from "./fieldLabel.js";
+var o = /* @__PURE__ */ ((t) => (t.PASSWORD = "password", t.TEXT = "text", t.EMAIL = "email", t))(o || {});
+const re = "_collapsed_1xyy3_13", ie = "_field_1xyy3_21", le = "_placeholder_1xyy3_46", de = "_disabled_1xyy3_49", _e = "_error_1xyy3_52", pe = "_touched_1xyy3_52", ye = "_input_1xyy3_70", ue = "_icon_1xyy3_1", xe = "_text_1xyy3_168", me = {
+  "icon-container": "_icon-container_1xyy3_1",
+  "icon-container-end": "_icon-container-end_1xyy3_1",
+  "icon-container-start": "_icon-container-start_1xyy3_1",
+  collapsed: re,
+  field: ie,
+  "default-width": "_default-width_1xyy3_33",
+  placeholder: le,
+  disabled: de,
+  error: _e,
+  touched: pe,
+  "max-length-display": "_max-length-display_1xyy3_59",
+  "input-container": "_input-container_1xyy3_70",
+  "type-password": "_type-password_1xyy3_74",
+  input: ye,
+  "eye-icon": "_eye-icon_1xyy3_78",
+  icon: ue,
+  "start-icon": "_start-icon_1xyy3_124",
+  "clear-icon": "_clear-icon_1xyy3_125",
+  "additional-content": "_additional-content_1xyy3_161",
+  text: xe,
+  "error-text": "_error-text_1xyy3_188",
+  "help-text": "_help-text_1xyy3_192"
+}, n = q.bind(me), Fe = Q(
+  ({
+    value: t = "",
+    className: b,
+    classNameHelpText: v,
+    error: l,
+    placeholder: u,
+    disabled: c = !1,
+    onChange: A,
+    touched: x = !1,
+    title: O,
+    label: d,
+    helpText: _,
+    defaultWidth: B = !0,
+    startIcon: m,
+    endIcon: f,
+    clearable: C = !1,
+    onClear: h,
+    isRequired: N = !1,
+    hasDoubleMessage: L = !1,
+    type: r = o.TEXT,
+    displayError: V = !0,
+    collapsible: W = !1,
+    loading: k = !1,
+    maxLengthDisplay: X,
+    onFocus: j = () => {
+    },
+    onBlur: H = () => {
+    },
+    ...I
+  }, U) => {
+    const $ = Y(null), p = U || $, S = Z(), [w, g] = M(!1), [E, D] = M(!1), z = (s) => {
+      g(!0), j(s);
+    }, G = (s) => {
+      g(!1), H(s);
+    }, J = () => {
+      var s;
+      h && (h(t), (s = p.current) == null || s.focus());
+    }, F = V && l && x, T = /* @__PURE__ */ e("span", { className: n("text", "help-text", v), children: _ }), K = () => r !== o.PASSWORD ? r : E ? o.TEXT : o.PASSWORD, P = (s) => {
+      s.preventDefault(), D(!0);
+    }, i = (s) => {
+      s.preventDefault(), D(!1);
+    };
+    return /* @__PURE__ */ a(R, { children: [
+      d && /* @__PURE__ */ e(ce, { isRequired: N, htmlFor: S, children: d }),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: n("field", b, {
+            error: l,
+            touched: x,
+            disabled: c,
+            "default-width": B,
+            collapsed: W && !w && !t
+          }),
+          title: O,
+          children: [
+            k ? /* @__PURE__ */ e(oe, {}) : m && /* @__PURE__ */ e(
+              "span",
+              {
+                className: n("icon-container-start"),
+                onClick: () => {
+                  var y;
+                  (y = p.current) == null || y.focus();
+                },
+                children: /* @__PURE__ */ e("span", { className: n("icon", { "start-icon": !w }), children: m })
+              }
+            ),
+            /* @__PURE__ */ a("span", { className: n("input-container", `type-${r}`), children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  ref: p,
+                  type: K(),
+                  className: n("input"),
+                  value: t,
+                  disabled: c,
+                  id: S,
+                  onChange: A,
+                  onFocus: z,
+                  onBlur: G,
+                  ...I
+                }
+              ),
+              r === o.PASSWORD && t && /* @__PURE__ */ e(
+                se,
+                {
+                  icon: E ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ e(ne, {}),
+                  variant: "text",
+                  className: n("eye-icon"),
+                  onMouseDown: P,
+                  onMouseLeave: i,
+                  onMouseUp: i,
+                  onTouchStart: P,
+                  onTouchEnd: i,
+                  onTouchCancel: i
+                }
+              ),
+              u && !t && /* @__PURE__ */ a("span", { className: n("placeholder"), children: [
+                u,
+                N && !d && /* @__PURE__ */ e("span", { className: n("asterisk") })
+              ] })
+            ] }),
+            /* @__PURE__ */ e(
+              ae,
+              {
+                className: n("max-length-display"),
+                value: t.length,
+                maxValue: X
+              }
+            ),
+            f && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: f }) }),
+            C && t.length > 0 && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("button", { type: "button", className: n("clear-icon", { disabled: c }), onClick: J, children: /* @__PURE__ */ e(te, {}) }) })
+          ]
+        }
+      ),
+      (F || _) && /* @__PURE__ */ e("div", { className: n("additional-content", { disabled: c }), children: F ? /* @__PURE__ */ a(R, { children: [
+        /* @__PURE__ */ e("span", { className: n("text", "error-text"), children: l }),
+        L && T
+      ] }) : _ && T })
+    ] });
+  }
+);
+export {
+  Fe as F
+};

package/dist/fieldText.js

@@ -1,9 +1,9 @@
-import { F as o } from "./fieldText-94e2c8eb.js";
+import { F as o } from "./fieldText-e605a521.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
 import "./openEye-7b9cf080.js";
-import "./button-770f7b20.js";
+import "./button-33bc880f.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";

package/dist/fieldTextFlex-9e616f66.js

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

package/dist/fieldTextFlex.js

@@ -1,4 +1,4 @@
-import { F as o } from "./fieldTextFlex-c55452d5.js";
+import { F as o } from "./fieldTextFlex-9e616f66.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "react";

package/dist/index.js

@@ -1,22 +1,22 @@
-import { B as P } from "./button-770f7b20.js";
+import { B as P } from "./button-33bc880f.js";
 import { B as C } from "./baseIconButton-251479f7.js";
-import { C as g } from "./checkbox-9a6c7ce1.js";
-import { S as F } from "./systemMessage-1ced6079.js";
-import { F as B } from "./fieldText-94e2c8eb.js";
+import { C as g } from "./checkbox-aa91985d.js";
+import { S as F } from "./systemMessage-924fdaa6.js";
+import { F as B } from "./fieldText-e605a521.js";
 import { T as w } from "./themeProvider-46c2be7b.js";
 import { Modal as A } from "./modal.js";
-import { D as M } from "./dropdown-29285346.js";
-import { T as k } from "./toggle-1a3aacb5.js";
-import { F as R } from "./fieldNumber-01efb16e.js";
+import { D as M } from "./dropdown-13d7d50e.js";
+import { T as k } from "./toggle-304107fa.js";
+import { F as R } from "./fieldNumber-2542b311.js";
 import { B as N } from "./bubblesLoader-a7e709d4.js";
 import { S as U } from "./spinLoader-c4a53718.js";
-import { F as J } from "./fieldTextFlex-c55452d5.js";
-import { R as j } from "./radio-bccc84f2.js";
+import { F as J } from "./fieldTextFlex-9e616f66.js";
+import { R as j } from "./radio-62546efa.js";
 import { Tooltip as G } from "./tooltip.js";
 import { Popover as Q } from "./popover.js";
-import { P as X } from "./pagination-91729c7d.js";
-import { T as Z } from "./table-02e40724.js";
-import { D as $ } from "./datePicker-06e90999.js";
+import { P as X } from "./pagination-ecbc9940.js";
+import { T as Z } from "./table-20aa2cdf.js";
+import { D as $ } from "./datePicker-382ef010.js";
 import "react-datepicker";
 import { SystemAlert as ro } from "./systemAlert.js";
 import { AddCsvIcon as to, AddImageIcon as no, AddJarIcon as ao, BreadcrumbsTreeIcon as co, ChevronDownDropdownIcon as po, ChevronRightBreadcrumbsIcon as io, CopyIcon as mo, DeleteIcon as so, DragAndDropIcon as Io, DragNDropIcon as xo, EditIcon as fo, ExportIcon as lo, ExternalLinkIcon as So, FilterFilledIcon as Po, FilterOutlineIcon as uo, FlagIcon as Co, HideIcon as Do, MaximizeIcon as go, MeatballMenuIcon as yo, PriorityBlockerIcon as Fo, PriorityCriticalIcon as bo, PriorityHighIcon as Bo, PriorityLowIcon as To, PriorityMediumIcon as wo, PriorityUnspecifiedIcon as ho, SearchIcon as Ao, SortIcon as vo, StatusSuccessIcon as Mo, WarningIcon as Eo } from "./icons.js";