@reportportal/ui-kit 0.0.1-alpha.4 → 0.0.1-alpha.40

package/dist/datePicker-1b333ee2.js

@@ -0,0 +1,196 @@
+import { jsxs as B, Fragment as U, jsx as r } from "react/jsx-runtime";
+import $ from "react-datepicker";
+import { c as P } from "./bind-06a7ff84.js";
+import * as o from "react";
+import { useMemo as F, useRef as D } from "react";
+import { F as G } from "./fieldText-65e4c614.js";
+import "./baseIconButton-b6adc843.js";
+import { D as M } from "./dropdown-9f4d1928.js";
+const R = (e) => /* @__PURE__ */ o.createElement("svg", { width: 8, height: 13, viewBox: "0 0 8 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.54134 12.2173C6.69755 12.3735 6.95081 12.3735 7.10702 12.2173L7.24844 12.0759C7.40465 11.9197 7.40465 11.6664 7.24844 11.5102L1.90539 6.16715L7.24844 0.824097C7.40465 0.667887 7.40465 0.41462 7.24844 0.258411L7.10702 0.116989C6.95081 -0.0392199 6.69755 -0.0392199 6.54134 0.116989L0.998591 5.65973L0.999562 5.6607L0.767094 5.89317C0.610884 6.04938 0.610884 6.30265 0.767093 6.45886L1.48425 7.17602L1.49215 7.16813L6.54134 12.2173Z", fill: "#C1C7D0" })), H = (e) => /* @__PURE__ */ o.createElement("svg", { width: 14, height: 15, viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("rect", { x: 0.5, y: 1.5, width: 13, height: 13, rx: 1.5, stroke: "#A2AAB5" }), /* @__PURE__ */ o.createElement("rect", { x: 9, width: 1, height: 3.00067, rx: 0.5, fill: "#A2AAB5" }), /* @__PURE__ */ o.createElement("rect", { x: 4, width: 1, height: 3.00067, rx: 0.5, fill: "#A2AAB5" }), /* @__PURE__ */ o.createElement("rect", { x: 14, y: 4, width: 1, height: 14, transform: "rotate(90 14 4)", fill: "#A2AAB5" }), /* @__PURE__ */ o.createElement("rect", { x: 3, y: 10, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ o.createElement("rect", { x: 6, y: 10, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ o.createElement("rect", { x: 6, y: 7, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ o.createElement("rect", { x: 3, y: 7, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ o.createElement("rect", { x: 9, y: 7, width: 2, height: 2, fill: "#A2AAB5" })), V = (e, c = 20) => {
+  const i = e + c;
+  return new Array(i - e).fill(void 0).map((_, t) => e - t);
+}, O = "_header_a3cjx_1", W = "_disabled_a3cjx_25", Z = "_dropdown_a3cjx_8", q = {
+  header: O,
+  "dropdowns-wrapper": "_dropdowns-wrapper_a3cjx_8",
+  "button-prev": "_button-prev_a3cjx_13",
+  "button-next": "_button-next_a3cjx_14",
+  disabled: W,
+  dropdown: Z,
+  "month-dropdown": "_month-dropdown_a3cjx_44",
+  "toggle-button": "_toggle-button_a3cjx_47"
+}, l = P.bind(q), z = ({
+  date: e = /* @__PURE__ */ new Date(),
+  changeYear: c = () => {
+  },
+  changeMonth: i = () => {
+  },
+  decreaseMonth: _ = () => {
+  },
+  increaseMonth: t = () => {
+  },
+  prevMonthButtonDisabled: n = !1,
+  nextMonthButtonDisabled: w = !1,
+  headerNodes: A = null,
+  customClassName: f = "",
+  yearsOptions: m = [],
+  locale: v
+}) => {
+  const h = e.getFullYear(), C = e.getMonth(), x = F(() => {
+    const a = Array(12).keys(), s = new Intl.DateTimeFormat(v, {
+      month: "long"
+    }), d = (p) => s.format(new Date(h, p));
+    return Array.from(a, d).reduce((p, b, N) => p.concat({
+      value: N,
+      label: b
+    }), []);
+  }, []), y = F(() => (m.length > 0 ? m : V(h)).reduce(
+    (s, d) => s.concat({ value: d, label: `${d}` }),
+    []
+  ), [m]), E = (a) => {
+    i(a);
+  }, j = (a) => {
+    c(a);
+  };
+  return /* @__PURE__ */ B(U, { children: [
+    A && /* @__PURE__ */ r("div", { className: l(f), children: A }),
+    /* @__PURE__ */ B("div", { className: l("header"), children: [
+      /* @__PURE__ */ r(
+        "button",
+        {
+          "aria-label": "Previous Months",
+          disabled: n,
+          onClick: _,
+          className: l("button-prev", { disabled: n }),
+          children: /* @__PURE__ */ r(R, {})
+        }
+      ),
+      /* @__PURE__ */ B("div", { className: l("dropdowns-wrapper"), children: [
+        /* @__PURE__ */ r(
+          M,
+          {
+            options: x,
+            value: C,
+            onChange: E,
+            transparentBackground: !0,
+            className: l("dropdown", "month-dropdown"),
+            toggleButtonClassName: l("toggle-button")
+          }
+        ),
+        /* @__PURE__ */ r(
+          M,
+          {
+            options: y,
+            value: h,
+            onChange: j,
+            transparentBackground: !0,
+            className: l("dropdown"),
+            toggleButtonClassName: l("toggle-button")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r(
+        "button",
+        {
+          "aria-label": "Next Months",
+          disabled: w,
+          onClick: t,
+          className: l("button-next", { disabled: w }),
+          children: /* @__PURE__ */ r(R, {})
+        }
+      )
+    ] })
+  ] });
+}, J = "_calendar_1jr94_5", K = "_date_1jr94_90", Q = "_disabled_1jr94_202", X = "_popper_1jr94_210", ee = "_input_1jr94_214", te = {
+  calendar: J,
+  "current-date": "_current-date_1jr94_89",
+  date: K,
+  "selected-range": "_selected-range_1jr94_119",
+  "end-date": "_end-date_1jr94_119",
+  disabled: Q,
+  popper: X,
+  input: ee
+}, g = P.bind(te), ne = "en", T = "MM-dd-yyyy", ie = ({
+  onChange: e = () => {
+  },
+  disabled: c = !1,
+  onBlur: i = () => {
+  },
+  onFocus: _ = () => {
+  },
+  endDate: t = void 0,
+  startDate: n = void 0,
+  headerNodes: w = null,
+  customClassName: A = "",
+  customTimeInput: f = void 0,
+  shouldCloseOnSelect: m = !0,
+  popperClassName: v = "",
+  calendarClassName: h = "",
+  fixedHeight: C = !1,
+  language: x = ne,
+  yearsOptions: y = [],
+  placeholder: E = T.toUpperCase(),
+  dateFormat: j = T,
+  selects: a = "start",
+  value: s = null
+}) => {
+  const d = D(null), L = n == null ? void 0 : n.toDateString(), p = t == null ? void 0 : t.toDateString(), b = t && n && t > n, N = (u) => {
+    const S = u.toDateString(), Y = S === L, k = b && S === p, I = n && t && u > n && u < t;
+    return g("date", {
+      "current-date": Y,
+      "selected-range": I && !k,
+      "end-date": k && b,
+      disabled: c
+    });
+  };
+  return /* @__PURE__ */ r(
+    $,
+    {
+      customInput: /* @__PURE__ */ r(
+        G,
+        {
+          className: g("input"),
+          defaultWidth: !1,
+          endIcon: /* @__PURE__ */ r(H, {}),
+          ref: d
+        }
+      ),
+      placeholderText: E,
+      selected: s,
+      startDate: n,
+      endDate: t,
+      minDate: a === "end" ? n : void 0,
+      disabled: c,
+      shouldCloseOnSelect: m,
+      fixedHeight: C,
+      locale: x,
+      showPopperArrow: !1,
+      dayClassName: N,
+      calendarClassName: g(h, "calendar"),
+      renderCustomHeader: (u) => /* @__PURE__ */ r(
+        z,
+        {
+          ...u,
+          headerNodes: w,
+          customClassName: A,
+          yearsOptions: y,
+          locale: x
+        }
+      ),
+      onChange: e,
+      onBlur: i,
+      onFocus: _,
+      customTimeInput: f,
+      showTimeInput: !!f,
+      popperClassName: g(v, "popper"),
+      dateFormat: j,
+      selectsStart: a === "start",
+      selectsEnd: a === "end",
+      className: g("datepicker")
+    }
+  );
+};
+export {
+  ie as D,
+  R as S,
+  H as a
+};

package/dist/datePicker.js

@@ -0,0 +1,18 @@
+import { D as t } from "./datePicker-1b333ee2.js";
+import "react/jsx-runtime";
+import "react-datepicker";
+import "./bind-06a7ff84.js";
+import "react";
+import "./fieldText-65e4c614.js";
+import "./baseIconButton-b6adc843.js";
+import "./dropdown-9f4d1928.js";
+import "@floating-ui/react-dom";
+import "downshift";
+import "rc-scrollbars";
+import "./useOnClickOutside-c332f7d3.js";
+import "./keyCodes-f63c0e11.js";
+import "./checkbox-9a6c7ce1.js";
+export {
+  t as DatePicker,
+  t as default
+};

package/dist/dropdown-9f4d1928.js

@@ -0,0 +1,245 @@
+import { jsxs as g, jsx as i, Fragment as S } from "react/jsx-runtime";
+import * as j from "react";
+import { forwardRef as de, useState as $, useRef as oe } from "react";
+import { c as Z } from "./bind-06a7ff84.js";
+import { useFloating as le, offset as ce, flip as _e } from "@floating-ui/react-dom";
+import { useSelect as k } from "downshift";
+import { Scrollbars as he } from "rc-scrollbars";
+import { u as ge } from "./useOnClickOutside-c332f7d3.js";
+import { K as f } from "./keyCodes-f63c0e11.js";
+import { B as pe } from "./baseIconButton-b6adc843.js";
+import { C as fe } from "./checkbox-9a6c7ce1.js";
+const Ce = (n) => /* @__PURE__ */ j.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ j.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" })), me = "_disabled_1ppvi_12", ue = "_hidden_1ppvi_16", we = "_selected_1ppvi_22", be = "_hover_1ppvi_25", ye = {
+  "dropdown-option": "_dropdown-option_1ppvi_1",
+  disabled: me,
+  hidden: ue,
+  selected: we,
+  hover: be,
+  "single-option": "_single-option_1ppvi_38",
+  "sub-option": "_sub-option_1ppvi_45"
+}, V = Z.bind(ye), U = de(
+  (n, e) => {
+    const {
+      option: { value: r, disabled: d, hidden: v, label: D, title: l, groupRef: s },
+      selected: m,
+      onChange: C,
+      render: u,
+      highlightHovered: w,
+      onMouseEnter: K,
+      multiSelect: b,
+      isPartiallyChecked: A = !1
+    } = n, x = (y) => {
+      (y.target instanceof HTMLDivElement || y.target instanceof HTMLInputElement) && (C == null || C(r));
+    };
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        className: V("dropdown-option", {
+          selected: m,
+          disabled: d,
+          hidden: v,
+          hover: w
+        }),
+        title: l,
+        onClick: x,
+        ref: e,
+        onMouseEnter: K,
+        children: [
+          b && /* @__PURE__ */ i(fe, { value: !!m, partiallyChecked: A }),
+          /* @__PURE__ */ i("div", { className: V("single-option", { "sub-option": !!s }), children: u ? u(n) : D })
+        ]
+      }
+    );
+  }
+), Oe = [
+  f.ENTER_KEY_CODE,
+  f.SPACE_KEY_CODE,
+  f.ARROW_DOWN_KEY_CODE
+], Ee = [f.ESCAPE_KEY_CODE, f.TAB_KEY_CODE];
+var p = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(p || {});
+const Ne = (n, e) => {
+  const r = Array.isArray(e) ? e : [e];
+  return n.findIndex(({ value: d }) => r.includes(d));
+}, ve = (n, e) => (n % e + e) % e, L = (n, e = 0, r = 1) => {
+  if (!n[e].disabled)
+    return e;
+  const d = n.length;
+  return L(
+    n,
+    ve(e + r, d),
+    r
+  );
+}, De = (n, e) => L(n, e), Ke = (n, e) => L(n, e, -1), Ae = "_container_re5ge_1", xe = "_icon_re5ge_7", Ie = "_arrow_re5ge_13", ke = "_dropdown_re5ge_19", Le = "_disabled_re5ge_36", Pe = "_value_re5ge_43", Re = "_error_re5ge_46", Ye = "_touched_re5ge_46", Te = "_opened_re5ge_50", He = "_placeholder_re5ge_72", Me = "_ghost_re5ge_118", We = "_divider_re5ge_132", Se = {
+  container: Ae,
+  icon: xe,
+  arrow: Ie,
+  dropdown: ke,
+  "transparent-background": "_transparent-background_re5ge_33",
+  disabled: Le,
+  value: Pe,
+  error: Re,
+  touched: Ye,
+  opened: Te,
+  placeholder: He,
+  "mobile-disabled": "_mobile-disabled_re5ge_87",
+  "select-list": "_select-list_re5ge_92",
+  "limited-width": "_limited-width_re5ge_109",
+  "options-container": "_options-container_re5ge_113",
+  ghost: Me,
+  divider: We
+}, o = Z.bind(Se), Fe = ({
+  multiSelect: n = !1,
+  value: e = n ? [] : "",
+  options: r = [],
+  disabled: d = !1,
+  error: v,
+  onChange: D,
+  onFocus: l,
+  onBlur: s,
+  mobileDisabled: m,
+  title: C,
+  touched: u = !1,
+  icon: w,
+  variant: K,
+  placeholder: b = "",
+  renderOption: A,
+  transparentBackground: x = !1,
+  className: y,
+  toggleButtonClassName: q,
+  isListWidthLimited: z = !1,
+  optionAll: P = { value: "all", label: "All" },
+  isOptionAllVisible: G = !1,
+  onSelectAll: J,
+  footer: R
+}) => {
+  const [c, h] = $(!1), Y = oe(null), [Q, O] = $(null), I = n && Array.isArray(e) ? r.filter((t) => e.includes(t.value)) : null, { refs: T, floatingStyles: X } = le({
+    middleware: [
+      ce(5),
+      _e({
+        fallbackPlacements: ["bottom", "top"]
+      })
+    ]
+  });
+  ge(Y, () => {
+    c && (h(!1), s == null || s());
+  });
+  const H = (t) => {
+    t.disabled || (D(t.value), h((a) => n || !a));
+  }, F = () => r.find(({ value: t }) => t === e), M = Ne(r, e), {
+    getToggleButtonProps: B,
+    getMenuProps: ee,
+    getItemProps: te,
+    setHighlightedIndex: E,
+    highlightedIndex: W,
+    selectedItem: N
+  } = k({
+    items: r,
+    itemToString: (t) => (t != null && t.label ? String(t.label) : b) || "",
+    selectedItem: F(),
+    isOpen: c,
+    circularNavigation: !0,
+    defaultHighlightedIndex: M,
+    onHighlightedIndexChange: (t) => {
+      switch (t.type) {
+        case k.stateChangeTypes.MenuKeyDownArrowUp:
+          return O(p.ON_KEY_DOWN), E(Ke(r, t.highlightedIndex)), t;
+        case k.stateChangeTypes.MenuKeyDownArrowDown:
+          return O(p.ON_KEY_DOWN), E(De(r, t.highlightedIndex)), t;
+        default:
+          return t;
+      }
+    }
+  }), ne = () => {
+    d || (h((t) => !t), c ? s == null || s() : l == null || l(), O(p.ON_CLICK));
+  }, re = () => !e && e !== !1 && e !== 0 || Array.isArray(e) && !e.length ? b : n && Array.isArray(e) && r.length === e.length ? P.label : r.reduce((a, _) => ((Array.isArray(e) && e.includes(_.value) || _.value === e) && a.push(_.label), a), []).join(", "), se = (t) => {
+    const { keyCode: a } = t;
+    Oe.includes(a) && !c && (t.preventDefault(), E(M), h(!0), l == null || l(), O(p.ON_KEY_DOWN));
+  }, ae = (t) => {
+    const { keyCode: a } = t;
+    if (a === f.ENTER_KEY_CODE) {
+      const _ = r[W];
+      H(_), n || (h(!1), s == null || s());
+      return;
+    }
+    Ee.includes(a) && (t.stopPropagation(), h(!1), s == null || s());
+  }, ie = () => /* @__PURE__ */ g("div", { className: o("options-container"), children: [
+    n && G && Array.isArray(e) && /* @__PURE__ */ g(S, { children: [
+      /* @__PURE__ */ i(
+        U,
+        {
+          option: P,
+          selected: e.length === r.length,
+          onChange: J,
+          multiSelect: n,
+          isPartiallyChecked: !!e.length
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: o("divider") }),
+      " "
+    ] }),
+    r.map((t, a) => /* @__PURE__ */ i(
+      U,
+      {
+        ...te({
+          item: t,
+          index: a
+        }),
+        multiSelect: n,
+        selected: n ? I == null ? void 0 : I.some((_) => _.value === t.value) : t.value === ((N == null ? void 0 : N.value) ?? N),
+        option: { title: t.label, ...t },
+        highlightHovered: W === a && Q !== p.ON_CLICK,
+        render: A,
+        onChange: t.disabled ? null : () => H(t),
+        onMouseEnter: () => E(a)
+      },
+      t.value
+    )),
+    R && /* @__PURE__ */ g(S, { children: [
+      /* @__PURE__ */ i("div", { className: o("divider") }),
+      R
+    ] })
+  ] });
+  return /* @__PURE__ */ g("div", { ref: Y, className: o("container", y), title: C, children: [
+    /* @__PURE__ */ g(
+      "button",
+      {
+        disabled: d,
+        ...B({
+          className: o("dropdown", K, q, {
+            "transparent-background": x,
+            opened: c,
+            disabled: d,
+            error: v,
+            touched: u,
+            "mobile-disabled": m
+          }),
+          onClick: ne,
+          onKeyDown: se,
+          ref: T.setReference
+        }),
+        type: "button",
+        children: [
+          w && /* @__PURE__ */ i("span", { className: o("icon"), children: w }),
+          /* @__PURE__ */ i("span", { className: o("value", { placeholder: !e }), children: re() }),
+          /* @__PURE__ */ i(pe, { className: o("arrow"), tabIndex: -1, children: /* @__PURE__ */ i(Ce, {}) })
+        ]
+      }
+    ),
+    c && /* @__PURE__ */ i(
+      "div",
+      {
+        style: X,
+        className: o("select-list", { opened: c, "limited-width": z }),
+        ...ee({
+          onKeyDown: ae,
+          ref: T.setFloating
+        }),
+        children: /* @__PURE__ */ i(he, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: ie() })
+      }
+    )
+  ] });
+};
+export {
+  Fe as D,
+  Ce as S
+};

package/dist/dropdown.js

@@ -0,0 +1,15 @@
+import { D as r } from "./dropdown-9f4d1928.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-06a7ff84.js";
+import "@floating-ui/react-dom";
+import "downshift";
+import "rc-scrollbars";
+import "./useOnClickOutside-c332f7d3.js";
+import "./keyCodes-f63c0e11.js";
+import "./baseIconButton-b6adc843.js";
+import "./checkbox-9a6c7ce1.js";
+export {
+  r as Dropdown,
+  r as default
+};

package/dist/fieldNumber-1f286b40.js

@@ -0,0 +1,127 @@
+import { jsxs as w, jsx as l } from "react/jsx-runtime";
+import * as u from "react";
+import { useRef as A, useMemo as B } from "react";
+import { c as T } from "./bind-06a7ff84.js";
+import { K as e } from "./keyCodes-f63c0e11.js";
+import { B as O } from "./baseIconButton-b6adc843.js";
+const W = (n) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ u.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00117 2.62046C7.63142 2.6189 7.33294 2.91738 7.3345 3.28712L7.35159 7.35159L3.28712 7.3345C2.91738 7.33295 2.6189 7.63142 2.62045 8.00117C2.62201 8.37091 2.92301 8.67191 3.29275 8.67346L7.35722 8.69056L7.37391 12.6599C7.37547 13.0296 7.67647 13.3306 8.04621 13.3322C8.41596 13.3337 8.71443 13.0352 8.71288 12.6655L8.69619 8.69619L12.6655 8.71288C13.0352 8.71444 13.3337 8.41596 13.3322 8.04621C13.3306 7.67647 13.0296 7.37547 12.6599 7.37392L8.69056 7.35722L8.67346 3.29275C8.67191 2.92301 8.37091 2.62201 8.00117 2.62046Z" })), v = (n) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ u.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.31082 7.31081C2.94108 7.30926 2.6426 7.60773 2.64415 7.97748C2.64571 8.34722 2.9467 8.64822 3.31645 8.64977L12.6892 8.68919C13.0589 8.69074 13.3574 8.39227 13.3559 8.02252C13.3543 7.65278 13.0533 7.35178 12.6836 7.35023L3.31082 7.31081Z" })), y = 5, f = 16, S = [
+  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
+], I = "_disabled_wswgu_6", b = "_label_wswgu_10", k = "_sign_wswgu_21", F = "_error_wswgu_36", H = "_touched_wswgu_36", V = "_filled_wswgu_44", P = "_input_wswgu_26", j = {
+  "field-number": "_field-number_wswgu_1",
+  disabled: I,
+  label: b,
+  sign: k,
+  "input-container": "_input-container_wswgu_26",
+  error: F,
+  touched: H,
+  filled: V,
+  "input-field": "_input-field_wswgu_51",
+  input: P
+}, i = T.bind(j), z = ({
+  value: n = "",
+  placeholder: h = "0",
+  disabled: s = !1,
+  onChange: o,
+  onFocus: d,
+  onBlur: G,
+  label: K,
+  postfix: c = "",
+  min: r = 0,
+  max: E = Number.MAX_SAFE_INTEGER,
+  title: D,
+  error: p,
+  touched: g = !1,
+  ...m
+}) => {
+  const C = A(null), L = (_) => {
+    let t = _.target.value.replace(/^0(?=\d+|^\d)/g, "");
+    if (t === "") {
+      o("");
+      return;
+    }
+    t = +t, t >= r && t <= E && o(t);
+  }, N = (_) => {
+    const { keyCode: t } = _;
+    S.includes(t) || (t < e.NUMBER_START_KEY_CODE || t > e.NUMBER_END_KEY_CODE || _.shiftKey) && _.preventDefault();
+  }, R = () => {
+    const _ = +n - 1;
+    _ >= r && _ <= E && o(_);
+  }, Y = () => {
+    const _ = +n + 1;
+    _ >= r && _ <= E && o(_);
+  }, a = h + c, M = B(() => {
+    let _ = (String(n) || a).length;
+    return c && !n && (_ += 1), _ > f ? `${f}ch` : `${_ || y}ch`;
+  }, [a, c, n]), U = () => {
+    C && C.current && C.current.focus(), d && d();
+  };
+  return /* @__PURE__ */ w("div", { className: i("field-number", { disabled: s }), children: [
+    K && /* @__PURE__ */ l("span", { className: i("label"), children: K }),
+    /* @__PURE__ */ w(
+      "div",
+      {
+        className: i("input-container", {
+          filled: !!n || n === 0,
+          error: p,
+          disabled: s,
+          touched: g
+        }),
+        title: D,
+        children: [
+          /* @__PURE__ */ l(
+            O,
+            {
+              className: i("sign", "minus"),
+              disabled: s,
+              onClick: R,
+              children: /* @__PURE__ */ l(v, {})
+            }
+          ),
+          /* @__PURE__ */ w("span", { className: i("input-field", { disabled: s }), onClick: U, children: [
+            /* @__PURE__ */ l(
+              "input",
+              {
+                ref: C,
+                className: i("input"),
+                type: "number",
+                value: n,
+                placeholder: a,
+                disabled: s,
+                min: r,
+                max: E,
+                onKeyDown: s ? void 0 : N,
+                onChange: s ? void 0 : L,
+                onFocus: s ? void 0 : d,
+                style: { width: M },
+                ...m
+              }
+            ),
+            !!c && (n === 0 || !!n) && /* @__PURE__ */ l("span", { children: c.slice(0, 1) })
+          ] }),
+          /* @__PURE__ */ l(O, { className: i("sign", "plus"), disabled: s, onClick: Y, children: /* @__PURE__ */ l(W, {}) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  z as F,
+  W as S,
+  v as a
+};

package/dist/fieldNumber.js

@@ -0,0 +1,10 @@
+import { F as m } from "./fieldNumber-1f286b40.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-06a7ff84.js";
+import "./keyCodes-f63c0e11.js";
+import "./baseIconButton-b6adc843.js";
+export {
+  m as FieldNumber,
+  m as default
+};