@reportportal/ui-kit 0.0.1-alpha.8 → 0.0.1-alpha.81

package/dist/datePicker-27b11ae9.js

@@ -0,0 +1,201 @@
+import { jsxs as x, Fragment as U, jsx as t } from "react/jsx-runtime";
+import $ from "react-datepicker/dist/es/index.js";
+import { c as R } from "./bind-06a7ff84.js";
+import { useMemo as P, useRef as B } from "react";
+import { F as D } from "./fieldText-a61890cd.js";
+import { a as E, S as j } from "./calendarArrow-3e1339ea.js";
+import { D as T } from "./dropdown-9427f821.js";
+import { registerLocale as G } from "react-datepicker";
+const pe = (r, s) => {
+  G(r, s);
+}, H = (r, s = 20) => {
+  const l = r + s;
+  return new Array(l - r).fill(void 0).map((g, o) => r - o);
+}, V = "_header_1q16i_1", O = "_disabled_1q16i_25", W = "_dropdown_1q16i_8", z = {
+  header: V,
+  "dropdowns-wrapper": "_dropdowns-wrapper_1q16i_8",
+  "button-prev": "_button-prev_1q16i_13",
+  "button-next": "_button-next_1q16i_14",
+  disabled: O,
+  dropdown: W,
+  "month-dropdown": "_month-dropdown_1q16i_44",
+  "toggle-button": "_toggle-button_1q16i_47"
+}, a = R.bind(z), J = ({
+  date: r = /* @__PURE__ */ new Date(),
+  changeYear: s = () => {
+  },
+  changeMonth: l = () => {
+  },
+  decreaseMonth: g = () => {
+  },
+  increaseMonth: o = () => {
+  },
+  prevMonthButtonDisabled: n = !1,
+  nextMonthButtonDisabled: h = !1,
+  headerNodes: b = null,
+  customClassName: w = "",
+  yearsOptions: i = [],
+  locale: C
+}) => {
+  const p = r.getFullYear(), N = r.getMonth(), f = P(() => {
+    const e = Array(12).keys(), d = new Intl.DateTimeFormat(C, {
+      month: "long"
+    }), c = (m) => d.format(new Date(p, m));
+    return Array.from(e, c).reduce((m, k, S) => m.concat({
+      value: S,
+      label: k
+    }), []);
+  }, []), v = P(() => (i.length > 0 ? i : H(p)).reduce(
+    (d, c) => d.concat({ value: c, label: `${c}` }),
+    []
+  ), [i]), y = (e) => {
+    l(e);
+  }, A = (e) => {
+    s(e);
+  };
+  return /* @__PURE__ */ x(U, { children: [
+    b && /* @__PURE__ */ t("div", { className: a(w), children: b }),
+    /* @__PURE__ */ x("div", { className: a("header"), children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          "aria-label": "Previous Months",
+          disabled: n,
+          onClick: (e) => {
+            e.stopPropagation(), g();
+          },
+          className: a("button-prev", { disabled: n }),
+          children: /* @__PURE__ */ t(E, {})
+        }
+      ),
+      /* @__PURE__ */ x("div", { className: a("dropdowns-wrapper"), children: [
+        /* @__PURE__ */ t(
+          T,
+          {
+            options: f,
+            value: N,
+            onChange: y,
+            transparentBackground: !0,
+            className: a("dropdown", "month-dropdown"),
+            toggleButtonClassName: a("toggle-button")
+          }
+        ),
+        /* @__PURE__ */ t(
+          T,
+          {
+            options: v,
+            value: p,
+            onChange: A,
+            transparentBackground: !0,
+            className: a("dropdown"),
+            toggleButtonClassName: a("toggle-button")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          "aria-label": "Next Months",
+          disabled: h,
+          onClick: (e) => {
+            e.stopPropagation(), o();
+          },
+          className: a("button-next", { disabled: h }),
+          children: /* @__PURE__ */ t(E, {})
+        }
+      )
+    ] })
+  ] });
+}, K = "_calendar_1pok6_5", Q = "_date_1pok6_90", X = "_disabled_1pok6_202", Z = "_popper_1pok6_210", ee = "_input_1pok6_214", oe = {
+  calendar: K,
+  "current-date": "_current-date_1pok6_89",
+  date: Q,
+  "selected-range": "_selected-range_1pok6_119",
+  "end-date": "_end-date_1pok6_119",
+  disabled: X,
+  popper: Z,
+  input: ee
+}, _ = R.bind(oe), ne = "en", L = "MM-dd-yyyy", me = ({
+  onChange: r = () => {
+  },
+  disabled: s = !1,
+  onBlur: l = () => {
+  },
+  onFocus: g = () => {
+  },
+  endDate: o = void 0,
+  startDate: n = void 0,
+  headerNodes: h = null,
+  customClassName: b = "",
+  customTimeInput: w = void 0,
+  shouldCloseOnSelect: i = !0,
+  popperClassName: C = "",
+  calendarClassName: p = "",
+  fixedHeight: N = !1,
+  language: f = ne,
+  yearsOptions: v = [],
+  placeholder: y = L.toUpperCase(),
+  dateFormat: A = L,
+  selects: e = "start",
+  value: d = null
+}) => {
+  const c = B(null), F = n == null ? void 0 : n.toDateString(), m = o == null ? void 0 : o.toDateString(), k = o && n && o > n, S = (u) => {
+    const M = u.toDateString(), Y = M === F, q = k && M === m, I = n && o && u > n && u < o;
+    return _("date", {
+      "current-date": Y,
+      "selected-range": I && !q,
+      "end-date": q && k,
+      disabled: s
+    });
+  };
+  return /* @__PURE__ */ t(
+    $,
+    {
+      customInput: /* @__PURE__ */ t(
+        D,
+        {
+          className: _("input"),
+          defaultWidth: !1,
+          endIcon: /* @__PURE__ */ t(j, {}),
+          ref: c
+        }
+      ),
+      placeholderText: y,
+      selected: d,
+      startDate: n,
+      endDate: o,
+      minDate: e === "end" ? n : void 0,
+      disabled: s,
+      shouldCloseOnSelect: i,
+      fixedHeight: N,
+      locale: f,
+      showPopperArrow: !1,
+      dayClassName: S,
+      calendarClassName: _(p, "calendar"),
+      renderCustomHeader: (u) => /* @__PURE__ */ t(
+        J,
+        {
+          ...u,
+          headerNodes: h,
+          customClassName: b,
+          yearsOptions: v,
+          locale: f
+        }
+      ),
+      onChange: r,
+      onBlur: l,
+      onFocus: g,
+      customTimeInput: w,
+      showTimeInput: !!w,
+      popperClassName: _(C, "popper"),
+      dateFormat: A,
+      selectsStart: e === "start",
+      selectsEnd: e === "end",
+      className: _("datepicker")
+    }
+  );
+};
+export {
+  me as D,
+  pe as r
+};

package/dist/datePicker.js

@@ -0,0 +1,28 @@
+import { D as t } from "./datePicker-27b11ae9.js";
+import { r as v } from "./datePicker-27b11ae9.js";
+import "react/jsx-runtime";
+import "react-datepicker/dist/es/index.js";
+import "./bind-06a7ff84.js";
+import "react";
+import "./fieldText-a61890cd.js";
+import "./openEye-7b9cf080.js";
+import "./button-e0bd064d.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
+import "./calendarArrow-3e1339ea.js";
+import "./dropdown-9427f821.js";
+import "@floating-ui/react-dom";
+import "downshift";
+import "rc-scrollbars";
+import "./useOnClickOutside-c332f7d3.js";
+import "./keyCodes-f63c0e11.js";
+import "./baseIconButton-251479f7.js";
+import "./dropdown-0260bb66.js";
+import "./checkbox-aa91985d.js";
+import "react-datepicker";
+export {
+  t as DatePicker,
+  t as default,
+  v as registerDatePickerLocale
+};

package/dist/dropdown-0260bb66.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M14.2174 5.82426C14.3736 5.66805 14.3736 5.41479 14.2174 5.25858L14.0759 5.11716C13.9197 4.96095 13.6665 4.96095 13.5103 5.11716L8.16726 10.4602L2.82426 5.11716C2.66805 4.96095 2.41479 4.96095 2.25858 5.11716L2.11716 5.25858C1.96095 5.41479 1.96095 5.66805 2.11716 5.82426L7.89176 11.5989C8.04797 11.7551 8.30124 11.7551 8.45745 11.5989L8.88171 11.1746L8.87436 11.1673L14.2174 5.82426Z", fill: "#A2AAB5" }));
+export {
+  o as S
+};

package/dist/dropdown-9427f821.js

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

package/dist/dropdown.js

@@ -1,4 +1,4 @@
-import { D as r } from "./dropdown-e07f2a71.js";
+import { D as r } from "./dropdown-9427f821.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-aa91985d.js";
 export {
   r as Dropdown,
   r as default

package/dist/fieldLabel.js

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

package/dist/fieldNumber-2542b311.js

@@ -0,0 +1,128 @@
+import { jsxs as K, jsx as i } from "react/jsx-runtime";
+import { useRef as T, useId as I, useMemo as W } from "react";
+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 x } from "./fieldLabel.js";
+const F = 5, p = 16, b = [
+  _.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
+], 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: h = "0",
+  disabled: t = !1,
+  onChange: o,
+  onFocus: u,
+  onBlur: q,
+  label: O,
+  postfix: r = "",
+  min: l = 0,
+  max: E = Number.MAX_SAFE_INTEGER,
+  title: m,
+  error: N,
+  touched: Y = !1,
+  id: a,
+  ...w
+}) => {
+  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);
+  }, M = (n) => {
+    const { keyCode: s } = n;
+    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);
+  }, U = () => {
+    const n = +e + 1;
+    n >= l && n <= E && o(n);
+  }, d = h + r, A = W(() => {
+    let n = (String(e) || d).length;
+    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(x, { htmlFor: a ?? D, children: O }),
+    /* @__PURE__ */ K(
+      "div",
+      {
+        className: c("input-container", {
+          filled: !!e || e === 0,
+          error: N,
+          disabled: t,
+          touched: Y
+        }),
+        title: m,
+        children: [
+          /* @__PURE__ */ i(
+            f,
+            {
+              className: c("sign", "minus"),
+              disabled: t,
+              onClick: R,
+              children: /* @__PURE__ */ i(B, {})
+            }
+          ),
+          /* @__PURE__ */ K("span", { className: c("input-field", { disabled: t }), onClick: g, children: [
+            /* @__PURE__ */ i(
+              "input",
+              {
+                id: a ?? D,
+                ref: C,
+                className: c("input"),
+                type: "number",
+                value: e,
+                placeholder: d,
+                disabled: t,
+                min: l,
+                max: E,
+                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: U, children: /* @__PURE__ */ i(S, {}) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  e_ as F
+};

package/dist/fieldNumber.js

@@ -1,9 +1,11 @@
-import { F as m } from "./fieldNumber-46fe79b9.js";
+import { F as m } from "./fieldNumber-2542b311.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
 import "./keyCodes-f63c0e11.js";
-import "./baseIconButton-7bc53dec.js";
+import "./baseIconButton-251479f7.js";
+import "./plus-0929dda4.js";
+import "./fieldLabel.js";
 export {
   m as FieldNumber,
   m as default