@reportportal/ui-kit 0.0.1-alpha.11 → 0.0.1-alpha.111

package/dist/dropdown-ec754bbe.js

@@ -0,0 +1,289 @@
+import { jsxs as u, jsx as a, Fragment as q } from "react/jsx-runtime";
+import { forwardRef as ue, useState as z, useRef as fe, useCallback as ge } from "react";
+import { c as Q } from "./bind-06a7ff84.js";
+import { useFloating as pe, offset as me, flip as ye } from "@floating-ui/react-dom";
+import { useSelect as j } from "downshift";
+import { Scrollbars as be } from "rc-scrollbars";
+import { u as Ce } from "./useOnClickOutside-c332f7d3.js";
+import { K as g } from "./keyCodes-f63c0e11.js";
+import { B as ke } from "./baseIconButton-251479f7.js";
+import { S as Oe } from "./dropdown-0260bb66.js";
+import { FieldLabel as Ne } from "./fieldLabel.js";
+import { C as De } from "./checkbox-ed6cc375.js";
+const Ee = "_disabled_1etj7_12", we = "_hidden_1etj7_16", ve = "_hover_1etj7_22", Ke = "_selected_1etj7_34", Ae = {
+  "dropdown-option": "_dropdown-option_1etj7_1",
+  disabled: Ee,
+  hidden: we,
+  hover: ve,
+  selected: Ke,
+  "multi-select": "_multi-select_1etj7_34",
+  "single-option": "_single-option_1etj7_39",
+  "sub-option": "_sub-option_1etj7_46"
+}, G = Q.bind(Ae), J = ue(
+  (n, t) => {
+    const {
+      option: { value: r, disabled: d, hidden: A, label: p, title: c, groupRef: i },
+      selected: y,
+      onChange: m,
+      render: b,
+      highlightHovered: C,
+      onMouseEnter: x,
+      multiSelect: h,
+      isPartiallyChecked: k = !1
+    } = n, I = (O) => {
+      (O.target instanceof HTMLDivElement || O.target instanceof HTMLInputElement) && (m == null || m(r));
+    };
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        className: G("dropdown-option", {
+          selected: y,
+          disabled: d,
+          hidden: A,
+          hover: C,
+          "multi-select": h
+        }),
+        title: c,
+        onClick: I,
+        ref: t,
+        onMouseEnter: x,
+        children: [
+          h && /* @__PURE__ */ a(De, { value: !!y, partiallyChecked: k }),
+          /* @__PURE__ */ a("div", { className: G("single-option", { "sub-option": !!i }), children: b ? b(n) : p })
+        ]
+      }
+    );
+  }
+), xe = [
+  g.ENTER_KEY_CODE,
+  g.SPACE_KEY_CODE,
+  g.ARROW_DOWN_KEY_CODE
+], Ie = [g.ESCAPE_KEY_CODE, g.TAB_KEY_CODE];
+var f = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(f || {});
+const Pe = (n, t) => {
+  const r = Array.isArray(t) ? t : [t];
+  return n.findIndex(({ value: d }) => r.includes(d));
+}, Ye = (n, t) => (n % t + t) % t, H = (n, t = 0, r = 1) => {
+  if (!n[t].disabled)
+    return t;
+  const d = n.length;
+  return H(
+    n,
+    Ye(t + r, d),
+    r
+  );
+}, je = (n, t) => H(n, t), He = (n, t) => H(n, t, -1), Re = "_container_5enku_1", Te = "_icon_5enku_7", Me = "_arrow_5enku_13", We = "_dropdown_5enku_19", Le = "_disabled_5enku_36", Se = "_value_5enku_43", Ve = "_error_5enku_46", $e = "_touched_5enku_46", Ue = "_opened_5enku_50", qe = "_placeholder_5enku_83", ze = "_ghost_5enku_118", Ge = "_divider_5enku_139", Je = {
+  container: Re,
+  icon: Te,
+  arrow: Me,
+  dropdown: We,
+  "transparent-background": "_transparent-background_5enku_33",
+  disabled: Le,
+  value: Se,
+  error: Ve,
+  touched: $e,
+  opened: Ue,
+  placeholder: qe,
+  "mobile-disabled": "_mobile-disabled_5enku_87",
+  "select-list": "_select-list_5enku_92",
+  "limited-width": "_limited-width_5enku_109",
+  "options-container": "_options-container_5enku_113",
+  ghost: ze,
+  divider: Ge
+}, o = Q.bind(Je), ot = ({
+  multiSelect: n = !1,
+  value: t = n ? [] : "",
+  options: r = [],
+  disabled: d = !1,
+  error: A,
+  onChange: p,
+  onFocus: c,
+  onBlur: i,
+  mobileDisabled: y,
+  title: m,
+  touched: b = !1,
+  icon: C,
+  variant: x,
+  placeholder: h = "",
+  label: k = "",
+  renderOption: I,
+  transparentBackground: O = !1,
+  className: X,
+  toggleButtonClassName: Z,
+  selectListClassName: B,
+  isListWidthLimited: F = !1,
+  optionAll: R = { value: "all", label: "All" },
+  isOptionAllVisible: T = !1,
+  onSelectAll: ee = () => {
+  },
+  formatDisplayedValue: M,
+  notScrollable: te = !1,
+  footer: N
+}) => {
+  const [_, D] = z(!1), W = fe(null), [ne, E] = z(null), P = n && Array.isArray(t) ? r.filter((e) => t.includes(e.value)) : null, { refs: L, floatingStyles: re } = pe({
+    placement: "bottom-start",
+    middleware: [
+      me(5),
+      ye({
+        fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"]
+      })
+    ]
+  }), se = () => {
+    if (T && Array.isArray(t)) {
+      const e = r.map((s) => s.value);
+      p(t.length === r.length ? [] : e), ee();
+    }
+  }, w = ge(() => {
+    D(!1), i == null || i();
+  }, [i]);
+  Ce(W, () => {
+    _ && w();
+  });
+  const S = (e) => {
+    if (!e.disabled) {
+      if (n) {
+        const s = Array.isArray(t) ? [...t] : [], l = s.indexOf(e.value);
+        l === -1 ? s.push(e.value) : s.splice(l, 1), p(s);
+      } else
+        p(e.value);
+      D((s) => n || !s);
+    }
+  }, ae = () => r.find(({ value: e }) => e === t), V = Pe(r, t), {
+    getToggleButtonProps: le,
+    getLabelProps: de,
+    getMenuProps: ie,
+    getItemProps: oe,
+    setHighlightedIndex: v,
+    highlightedIndex: $,
+    selectedItem: K
+  } = j({
+    items: r,
+    itemToString: (e) => (e != null && e.label ? String(e.label) : h) || "",
+    selectedItem: ae(),
+    isOpen: _,
+    circularNavigation: !0,
+    defaultHighlightedIndex: V,
+    onHighlightedIndexChange: (e) => {
+      switch (e.type) {
+        case j.stateChangeTypes.MenuKeyDownArrowUp:
+          return E(f.ON_KEY_DOWN), v(He(r, e.highlightedIndex)), e;
+        case j.stateChangeTypes.MenuKeyDownArrowDown:
+          return E(f.ON_KEY_DOWN), v(je(r, e.highlightedIndex)), e;
+        default:
+          return e;
+      }
+    }
+  }), ce = () => {
+    d || (D((e) => !e), _ ? i == null || i() : c == null || c(), E(f.ON_CLICK));
+  }, Y = (() => {
+    if (n && Array.isArray(t) && r.length === t.length)
+      return R.label;
+    const e = r.reduce((s, l) => ((Array.isArray(t) && t.includes(l.value) || l.value === t) && s.push(l.label), s), []);
+    if (e.length > 0)
+      return e.join(", ");
+    if (!t && t !== !1 && t !== 0 || Array.isArray(t) && !t.length)
+      return h;
+  })(), _e = (e) => {
+    const { keyCode: s } = e;
+    xe.includes(s) && !_ && (e.preventDefault(), v(V), D(!0), c == null || c(), E(f.ON_KEY_DOWN));
+  }, he = (e) => {
+    const { keyCode: s } = e;
+    if (s === g.ENTER_KEY_CODE) {
+      const l = r[$];
+      S(l), n || w();
+      return;
+    }
+    Ie.includes(s) && (e.stopPropagation(), w());
+  }, U = () => /* @__PURE__ */ u("div", { className: o("options-container"), children: [
+    n && T && Array.isArray(t) && /* @__PURE__ */ u(q, { children: [
+      /* @__PURE__ */ a(
+        J,
+        {
+          option: R,
+          selected: t.length === r.length,
+          onChange: se,
+          multiSelect: n,
+          isPartiallyChecked: !!t.length
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: o("divider") }),
+      " "
+    ] }),
+    r.map((e, s) => /* @__PURE__ */ a(
+      J,
+      {
+        ...oe({
+          item: e,
+          index: s
+        }),
+        multiSelect: n,
+        selected: n ? P == null ? void 0 : P.some((l) => l.value === e.value) : e.value === ((K == null ? void 0 : K.value) ?? K),
+        option: { title: e.label, ...e },
+        highlightHovered: $ === s && ne !== f.ON_CLICK,
+        render: I,
+        onChange: e.disabled ? null : () => S(e),
+        onMouseEnter: () => v(s)
+      },
+      e.value
+    )),
+    N && /* @__PURE__ */ u(q, { children: [
+      /* @__PURE__ */ a("div", { className: o("divider") }),
+      typeof N == "function" ? N(w) : N
+    ] })
+  ] });
+  return /* @__PURE__ */ u("div", { ref: W, className: o("container", X), title: m, children: [
+    k && /* @__PURE__ */ a(Ne, { ...de(), children: k }),
+    /* @__PURE__ */ u(
+      "button",
+      {
+        disabled: d,
+        ...le({
+          className: o("dropdown", x, Z, {
+            "transparent-background": O,
+            opened: _,
+            disabled: d,
+            error: A,
+            touched: b,
+            "mobile-disabled": y
+          }),
+          onClick: ce,
+          onKeyDown: _e,
+          ref: L.setReference
+        }),
+        type: "button",
+        children: [
+          C && /* @__PURE__ */ a("span", { className: o("icon"), children: C }),
+          /* @__PURE__ */ a(
+            "span",
+            {
+              className: o("value", {
+                placeholder: Y === h
+              }),
+              children: M ? M(Y) : Y
+            }
+          ),
+          /* @__PURE__ */ a(ke, { className: o("arrow"), tabIndex: -1, children: /* @__PURE__ */ a(Oe, {}) })
+        ]
+      }
+    ),
+    _ && /* @__PURE__ */ a(
+      "div",
+      {
+        style: re,
+        className: o(
+          "select-list",
+          { opened: _, "limited-width": F },
+          B
+        ),
+        ...ie({
+          onKeyDown: he,
+          ref: L.setFloating
+        }),
+        children: te ? U() : /* @__PURE__ */ a(be, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: U() })
+      }
+    )
+  ] });
+};
+export {
+  ot as D
+};

package/dist/dropdown.js

@@ -1,4 +1,4 @@
-import { D as r } from "./dropdown-e07f2a71.js";
+import { D as r } from "./dropdown-ec754bbe.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -7,7 +7,10 @@ import "downshift";
 import "rc-scrollbars";
 import "./useOnClickOutside-c332f7d3.js";
 import "./keyCodes-f63c0e11.js";
-import "./baseIconButton-7bc53dec.js";
+import "./baseIconButton-251479f7.js";
+import "./dropdown-0260bb66.js";
+import "./fieldLabel.js";
+import "./checkbox-ed6cc375.js";
 export {
   r as Dropdown,
   r as default

package/dist/fieldLabel.js

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

package/dist/fieldNumber-d1b5a7a1.js

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

@@ -0,0 +1,165 @@
+import { jsx as e, jsxs as o, Fragment as b } 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 { b as q, a as ee, S as ne } from "./openEye-7b9cf080.js";
+import { B as te } from "./baseIconButton-251479f7.js";
+import { S as se } from "./spinLoader-c4a53718.js";
+import { M as oe } from "./maxValueDisplay-9be01a75.js";
+import { FieldLabel as ae } from "./fieldLabel.js";
+const ie = "_collapsed_uz1iu_13", ce = "_field_uz1iu_21", re = "_placeholder_uz1iu_46", le = "_disabled_uz1iu_49", ue = "_error_uz1iu_52", de = "_touched_uz1iu_52", _e = "_input_uz1iu_71", pe = "_icon_uz1iu_1", fe = "_text_uz1iu_169", me = {
+  "icon-container": "_icon-container_uz1iu_1",
+  "icon-container-end": "_icon-container-end_uz1iu_1",
+  "icon-container-start": "_icon-container-start_uz1iu_1",
+  collapsed: ie,
+  field: ce,
+  "default-width": "_default-width_uz1iu_33",
+  placeholder: re,
+  disabled: le,
+  error: ue,
+  touched: de,
+  "max-length-display": "_max-length-display_uz1iu_59",
+  "input-container": "_input-container_uz1iu_71",
+  "type-password": "_type-password_uz1iu_75",
+  input: _e,
+  "eye-icon": "_eye-icon_uz1iu_79",
+  icon: pe,
+  "start-icon": "_start-icon_uz1iu_125",
+  "clear-icon": "_clear-icon_uz1iu_126",
+  "additional-content": "_additional-content_uz1iu_162",
+  text: fe,
+  "error-text": "_error-text_uz1iu_189",
+  "help-text": "_help-text_uz1iu_193"
+}, n = Z.bind(me), Se = W(
+  ({
+    value: s = "",
+    className: E,
+    classNameHelpText: v,
+    error: r,
+    placeholder: p,
+    disabled: a = !1,
+    onChange: C,
+    touched: f = !1,
+    title: T,
+    label: l,
+    helpText: u,
+    defaultWidth: V = !0,
+    startIcon: m,
+    endIcon: h,
+    clearable: k = !1,
+    onClear: x,
+    isRequired: z = !1,
+    hasDoubleMessage: I = !1,
+    type: i = "text",
+    displayError: L = !0,
+    collapsible: P = !1,
+    loading: R = !1,
+    maxLengthDisplay: j,
+    onFocus: H = () => {
+    },
+    onBlur: O = () => {
+    },
+    ...U
+  }, $) => {
+    const A = X(null), d = $ || A, w = Y(), [N, y] = B(!1), [g, F] = B(!1), G = (t) => {
+      y(!0), H(t);
+    }, J = (t) => {
+      y(!1), O(t);
+    }, K = () => {
+      var t;
+      x && (x(s), (t = d.current) == null || t.focus());
+    }, S = L && r && f, D = /* @__PURE__ */ e("span", { className: n("text", "help-text", v), children: u }), Q = () => i !== "password" ? i : g ? "text" : "password", M = (t) => {
+      t.preventDefault(), F(!0);
+    }, c = (t) => {
+      t.preventDefault(), F(!1);
+    };
+    return /* @__PURE__ */ o(b, { children: [
+      l && /* @__PURE__ */ e(ae, { isRequired: z, htmlFor: w, children: l }),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: n("field", E, {
+            error: r,
+            touched: f,
+            disabled: a,
+            "default-width": V,
+            collapsed: P && !N && !s
+          }),
+          title: T,
+          children: [
+            R ? /* @__PURE__ */ e(se, {}) : m && /* @__PURE__ */ e(
+              "span",
+              {
+                className: n("icon-container-start"),
+                onClick: () => {
+                  var _;
+                  (_ = d.current) == null || _.focus();
+                },
+                children: /* @__PURE__ */ e("span", { className: n("icon", { "start-icon": !N }), children: m })
+              }
+            ),
+            /* @__PURE__ */ o("span", { className: n("input-container", `type-${i}`), children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  ref: d,
+                  type: Q(),
+                  className: n("input"),
+                  value: s,
+                  disabled: a,
+                  id: w,
+                  onChange: C,
+                  onFocus: G,
+                  onBlur: J,
+                  ...U
+                }
+              ),
+              i === "password" && s && /* @__PURE__ */ e(
+                te,
+                {
+                  className: n("eye-icon"),
+                  onMouseDown: M,
+                  onMouseLeave: c,
+                  onMouseUp: c,
+                  onTouchStart: M,
+                  onTouchEnd: c,
+                  onTouchCancel: c,
+                  children: g ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ e(ee, {})
+                }
+              ),
+              p && !s && /* @__PURE__ */ o("span", { className: n("placeholder"), children: [
+                p,
+                z && !l && /* @__PURE__ */ e("span", { className: n("asterisk") })
+              ] })
+            ] }),
+            /* @__PURE__ */ e(
+              oe,
+              {
+                className: n("max-length-display"),
+                value: s.length,
+                maxValue: j
+              }
+            ),
+            h && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: h }) }),
+            k && s.length > 0 && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: n("clear-icon", { disabled: a }),
+                onClick: K,
+                onMouseDown: (t) => t.preventDefault(),
+                children: /* @__PURE__ */ e(ne, {})
+              }
+            ) })
+          ]
+        }
+      ),
+      (S || u) && /* @__PURE__ */ e("div", { className: n("additional-content", { disabled: a }), children: S ? /* @__PURE__ */ o(b, { children: [
+        /* @__PURE__ */ e("span", { className: n("text", "error-text"), children: r }),
+        I && D
+      ] }) : u && D })
+    ] });
+  }
+);
+export {
+  Se as F
+};

package/dist/fieldText.js

@@ -1,8 +1,12 @@
-import { F as o } from "./fieldText-d80b29ba.js";
+import { F as o } from "./fieldText-ba8a917c.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
-import "./baseIconButton-7bc53dec.js";
+import "./openEye-7b9cf080.js";
+import "./baseIconButton-251479f7.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
 export {
   o as FieldText,
   o as default