@reportportal/ui-kit 0.0.1-alpha.5 → 0.0.1-alpha.50

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,19 @@
+import { FC, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+interface TooltipProps {
+    content: ReactNode;
+    children: ReactNode;
+    wrapperClassName?: string;
+    contentClassName?: string;
+    dynamicWidth?: boolean;
+    width?: number;
+    minWidth?: number;
+    placement?: Placement;
+    dataAutomationId?: string;
+    arrowColor?: string;
+    safeZone?: number;
+    zIndex?: number;
+    mainAxis?: boolean;
+}
+export declare const Tooltip: FC<TooltipProps>;
+export {};

package/dist/datePicker-12aff50c.js

@@ -0,0 +1,193 @@
+import { jsxs as S, Fragment as U, jsx as o } from "react/jsx-runtime";
+import $ from "react-datepicker";
+import { c as Y } from "./bind-06a7ff84.js";
+import { useMemo as E, useRef as B } from "react";
+import { F as D } from "./fieldText-43787c48.js";
+import { S as T, a as G } from "./calendar-f154eb78.js";
+import { D as P } from "./dropdown-6edea86c.js";
+const H = (a, c = 20) => {
+  const l = a + c;
+  return new Array(l - a).fill(void 0).map((g, e) => a - e);
+}, V = "_header_a3cjx_1", O = "_disabled_a3cjx_25", W = "_dropdown_a3cjx_8", q = {
+  header: V,
+  "dropdowns-wrapper": "_dropdowns-wrapper_a3cjx_8",
+  "button-prev": "_button-prev_a3cjx_13",
+  "button-next": "_button-next_a3cjx_14",
+  disabled: O,
+  dropdown: W,
+  "month-dropdown": "_month-dropdown_a3cjx_44",
+  "toggle-button": "_toggle-button_a3cjx_47"
+}, r = Y.bind(q), z = ({
+  date: a = /* @__PURE__ */ new Date(),
+  changeYear: c = () => {
+  },
+  changeMonth: l = () => {
+  },
+  decreaseMonth: g = () => {
+  },
+  increaseMonth: e = () => {
+  },
+  prevMonthButtonDisabled: n = !1,
+  nextMonthButtonDisabled: h = !1,
+  headerNodes: b = null,
+  customClassName: w = "",
+  yearsOptions: i = [],
+  locale: x
+}) => {
+  const p = a.getFullYear(), C = a.getMonth(), f = E(() => {
+    const t = Array(12).keys(), s = new Intl.DateTimeFormat(x, {
+      month: "long"
+    }), d = (m) => s.format(new Date(p, m));
+    return Array.from(t, d).reduce((m, j, A) => m.concat({
+      value: A,
+      label: j
+    }), []);
+  }, []), N = E(() => (i.length > 0 ? i : H(p)).reduce(
+    (s, d) => s.concat({ value: d, label: `${d}` }),
+    []
+  ), [i]), v = (t) => {
+    l(t);
+  }, y = (t) => {
+    c(t);
+  };
+  return /* @__PURE__ */ S(U, { children: [
+    b && /* @__PURE__ */ o("div", { className: r(w), children: b }),
+    /* @__PURE__ */ S("div", { className: r("header"), children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          "aria-label": "Previous Months",
+          disabled: n,
+          onClick: g,
+          className: r("button-prev", { disabled: n }),
+          children: /* @__PURE__ */ o(T, {})
+        }
+      ),
+      /* @__PURE__ */ S("div", { className: r("dropdowns-wrapper"), children: [
+        /* @__PURE__ */ o(
+          P,
+          {
+            options: f,
+            value: C,
+            onChange: v,
+            transparentBackground: !0,
+            className: r("dropdown", "month-dropdown"),
+            toggleButtonClassName: r("toggle-button")
+          }
+        ),
+        /* @__PURE__ */ o(
+          P,
+          {
+            options: N,
+            value: p,
+            onChange: y,
+            transparentBackground: !0,
+            className: r("dropdown"),
+            toggleButtonClassName: r("toggle-button")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o(
+        "button",
+        {
+          "aria-label": "Next Months",
+          disabled: h,
+          onClick: e,
+          className: r("button-next", { disabled: h }),
+          children: /* @__PURE__ */ o(T, {})
+        }
+      )
+    ] })
+  ] });
+}, J = "_calendar_1jr94_5", K = "_date_1jr94_90", Q = "_disabled_1jr94_202", X = "_popper_1jr94_210", Z = "_input_1jr94_214", ee = {
+  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: Z
+}, _ = Y.bind(ee), ne = "en", R = "MM-dd-yyyy", le = ({
+  onChange: a = () => {
+  },
+  disabled: c = !1,
+  onBlur: l = () => {
+  },
+  onFocus: g = () => {
+  },
+  endDate: e = void 0,
+  startDate: n = void 0,
+  headerNodes: h = null,
+  customClassName: b = "",
+  customTimeInput: w = void 0,
+  shouldCloseOnSelect: i = !0,
+  popperClassName: x = "",
+  calendarClassName: p = "",
+  fixedHeight: C = !1,
+  language: f = ne,
+  yearsOptions: N = [],
+  placeholder: v = R.toUpperCase(),
+  dateFormat: y = R,
+  selects: t = "start",
+  value: s = null
+}) => {
+  const d = B(null), F = n == null ? void 0 : n.toDateString(), m = e == null ? void 0 : e.toDateString(), j = e && n && e > n, A = (u) => {
+    const k = u.toDateString(), I = k === F, M = j && k === m, L = n && e && u > n && u < e;
+    return _("date", {
+      "current-date": I,
+      "selected-range": L && !M,
+      "end-date": M && j,
+      disabled: c
+    });
+  };
+  return /* @__PURE__ */ o(
+    $,
+    {
+      customInput: /* @__PURE__ */ o(
+        D,
+        {
+          className: _("input"),
+          defaultWidth: !1,
+          endIcon: /* @__PURE__ */ o(G, {}),
+          ref: d
+        }
+      ),
+      placeholderText: v,
+      selected: s,
+      startDate: n,
+      endDate: e,
+      minDate: t === "end" ? n : void 0,
+      disabled: c,
+      shouldCloseOnSelect: i,
+      fixedHeight: C,
+      locale: f,
+      showPopperArrow: !1,
+      dayClassName: A,
+      calendarClassName: _(p, "calendar"),
+      renderCustomHeader: (u) => /* @__PURE__ */ o(
+        z,
+        {
+          ...u,
+          headerNodes: h,
+          customClassName: b,
+          yearsOptions: N,
+          locale: f
+        }
+      ),
+      onChange: a,
+      onBlur: l,
+      onFocus: g,
+      customTimeInput: w,
+      showTimeInput: !!w,
+      popperClassName: _(x, "popper"),
+      dateFormat: y,
+      selectsStart: t === "start",
+      selectsEnd: t === "end",
+      className: _("datepicker")
+    }
+  );
+};
+export {
+  le as D
+};

package/dist/datePicker.js

@@ -0,0 +1,24 @@
+import { D as t } from "./datePicker-12aff50c.js";
+import "react/jsx-runtime";
+import "react-datepicker";
+import "./bind-06a7ff84.js";
+import "react";
+import "./fieldText-43787c48.js";
+import "./openEye-7b9cf080.js";
+import "./button-33c88abf.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./calendar-f154eb78.js";
+import "./dropdown-6edea86c.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-9a6c7ce1.js";
+export {
+  t as DatePicker,
+  t as default
+};

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-6edea86c.js

@@ -0,0 +1,263 @@
+import { jsxs as f, jsx as d, Fragment as S } from "react/jsx-runtime";
+import { forwardRef as ie, useState as V, useRef as le } from "react";
+import { c as q } from "./bind-06a7ff84.js";
+import { useFloating as oe, 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 fe } from "./useOnClickOutside-c332f7d3.js";
+import { K as g } from "./keyCodes-f63c0e11.js";
+import { B as ye } from "./baseIconButton-251479f7.js";
+import { S as ge } from "./dropdown-0260bb66.js";
+import { C as ue } from "./checkbox-9a6c7ce1.js";
+const pe = "_disabled_t3cjj_12", me = "_hidden_t3cjj_16", Ce = "_hover_t3cjj_22", Oe = {
+  "dropdown-option": "_dropdown-option_t3cjj_1",
+  disabled: pe,
+  hidden: me,
+  hover: Ce,
+  "single-option": "_single-option_t3cjj_35",
+  "sub-option": "_sub-option_t3cjj_42"
+}, $ = q.bind(Oe), U = ie(
+  (t, e) => {
+    const {
+      option: { value: n, disabled: l, hidden: w, label: u, title: c, groupRef: a },
+      selected: A,
+      onChange: p,
+      render: m,
+      highlightHovered: C,
+      onMouseEnter: K,
+      multiSelect: O,
+      isPartiallyChecked: v = !1
+    } = t, x = (b) => {
+      (b.target instanceof HTMLDivElement || b.target instanceof HTMLInputElement) && (p == null || p(n));
+    };
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        className: $("dropdown-option", {
+          disabled: l,
+          hidden: w,
+          hover: C
+        }),
+        title: c,
+        onClick: x,
+        ref: e,
+        onMouseEnter: K,
+        children: [
+          O && /* @__PURE__ */ d(ue, { value: !!A, partiallyChecked: v }),
+          /* @__PURE__ */ d("div", { className: $("single-option", { "sub-option": !!a }), children: m ? m(t) : u })
+        ]
+      }
+    );
+  }
+), be = [
+  g.ENTER_KEY_CODE,
+  g.SPACE_KEY_CODE,
+  g.ARROW_DOWN_KEY_CODE
+], Ne = [g.ESCAPE_KEY_CODE, g.TAB_KEY_CODE];
+var y = /* @__PURE__ */ ((t) => (t.ON_KEY_DOWN = "onKeyDown", t.ON_CLICK = "onClick", t))(y || {});
+const De = (t, e) => {
+  const n = Array.isArray(e) ? e : [e];
+  return t.findIndex(({ value: l }) => n.includes(l));
+}, Ee = (t, e) => (t % e + e) % e, j = (t, e = 0, n = 1) => {
+  if (!t[e].disabled)
+    return e;
+  const l = t.length;
+  return j(
+    t,
+    Ee(e + n, l),
+    n
+  );
+}, we = (t, e) => j(t, e), Ae = (t, e) => j(t, e, -1), Ke = "_container_1yr7u_1", ve = "_icon_1yr7u_7", xe = "_arrow_1yr7u_13", Ie = "_dropdown_1yr7u_19", ke = "_disabled_1yr7u_36", je = "_value_1yr7u_43", Pe = "_error_1yr7u_46", Ye = "_touched_1yr7u_46", Re = "_opened_1yr7u_50", Te = "_placeholder_1yr7u_83", He = "_ghost_1yr7u_118", Me = "_divider_1yr7u_132", We = {
+  container: Ke,
+  icon: ve,
+  arrow: xe,
+  dropdown: Ie,
+  "transparent-background": "_transparent-background_1yr7u_33",
+  disabled: ke,
+  value: je,
+  error: Pe,
+  touched: Ye,
+  opened: Re,
+  placeholder: Te,
+  "mobile-disabled": "_mobile-disabled_1yr7u_87",
+  "select-list": "_select-list_1yr7u_92",
+  "limited-width": "_limited-width_1yr7u_109",
+  "options-container": "_options-container_1yr7u_113",
+  ghost: He,
+  divider: Me
+}, o = q.bind(We), Fe = ({
+  multiSelect: t = !1,
+  value: e = t ? [] : "",
+  options: n = [],
+  disabled: l = !1,
+  error: w,
+  onChange: u,
+  onFocus: c,
+  onBlur: a,
+  mobileDisabled: A,
+  title: p,
+  touched: m = !1,
+  icon: C,
+  variant: K,
+  placeholder: O = "",
+  renderOption: v,
+  transparentBackground: x = !1,
+  className: b,
+  toggleButtonClassName: z,
+  isListWidthLimited: G = !1,
+  optionAll: P = { value: "all", label: "All" },
+  isOptionAllVisible: Y = !1,
+  onSelectAll: J = () => {
+  },
+  footer: R
+}) => {
+  const [_, h] = V(!1), T = le(null), [Q, N] = V(null), I = t && Array.isArray(e) ? n.filter((r) => e.includes(r.value)) : null, { refs: H, floatingStyles: X } = oe({
+    middleware: [
+      ce(5),
+      _e({
+        fallbackPlacements: ["bottom", "top"]
+      })
+    ]
+  }), Z = () => {
+    if (Y && Array.isArray(e)) {
+      const r = n.map((s) => s.value);
+      u(e.length === n.length ? [] : r), J();
+    }
+  };
+  fe(T, () => {
+    _ && (h(!1), a == null || a());
+  });
+  const M = (r) => {
+    if (!r.disabled) {
+      if (t) {
+        const s = Array.isArray(e) ? [...e] : [], i = s.indexOf(r.value);
+        i === -1 ? s.push(r.value) : s.splice(i, 1), u(s);
+      } else
+        u(r.value);
+      h((s) => t || !s);
+    }
+  }, F = () => n.find(({ value: r }) => r === e), W = De(n, e), {
+    getToggleButtonProps: B,
+    getMenuProps: ee,
+    getItemProps: re,
+    setHighlightedIndex: D,
+    highlightedIndex: L,
+    selectedItem: E
+  } = k({
+    items: n,
+    itemToString: (r) => (r != null && r.label ? String(r.label) : O) || "",
+    selectedItem: F(),
+    isOpen: _,
+    circularNavigation: !0,
+    defaultHighlightedIndex: W,
+    onHighlightedIndexChange: (r) => {
+      switch (r.type) {
+        case k.stateChangeTypes.MenuKeyDownArrowUp:
+          return N(y.ON_KEY_DOWN), D(Ae(n, r.highlightedIndex)), r;
+        case k.stateChangeTypes.MenuKeyDownArrowDown:
+          return N(y.ON_KEY_DOWN), D(we(n, r.highlightedIndex)), r;
+        default:
+          return r;
+      }
+    }
+  }), te = () => {
+    l || (h((r) => !r), _ ? a == null || a() : c == null || c(), N(y.ON_CLICK));
+  }, ne = () => !e && e !== !1 && e !== 0 || Array.isArray(e) && !e.length ? O : t && Array.isArray(e) && n.length === e.length ? P.label : n.reduce((s, i) => ((Array.isArray(e) && e.includes(i.value) || i.value === e) && s.push(i.label), s), []).join(", "), se = (r) => {
+    const { keyCode: s } = r;
+    be.includes(s) && !_ && (r.preventDefault(), D(W), h(!0), c == null || c(), N(y.ON_KEY_DOWN));
+  }, ae = (r) => {
+    const { keyCode: s } = r;
+    if (s === g.ENTER_KEY_CODE) {
+      const i = n[L];
+      M(i), t || (h(!1), a == null || a());
+      return;
+    }
+    Ne.includes(s) && (r.stopPropagation(), h(!1), a == null || a());
+  }, de = () => /* @__PURE__ */ f("div", { className: o("options-container"), children: [
+    t && Y && Array.isArray(e) && /* @__PURE__ */ f(S, { children: [
+      /* @__PURE__ */ d(
+        U,
+        {
+          option: P,
+          selected: e.length === n.length,
+          onChange: Z,
+          multiSelect: t,
+          isPartiallyChecked: !!e.length
+        }
+      ),
+      /* @__PURE__ */ d("div", { className: o("divider") }),
+      " "
+    ] }),
+    n.map((r, s) => /* @__PURE__ */ d(
+      U,
+      {
+        ...re({
+          item: r,
+          index: s
+        }),
+        multiSelect: t,
+        selected: t ? I == null ? void 0 : I.some((i) => i.value === r.value) : r.value === ((E == null ? void 0 : E.value) ?? E),
+        option: { title: r.label, ...r },
+        highlightHovered: L === s && Q !== y.ON_CLICK,
+        render: v,
+        onChange: r.disabled ? null : () => M(r),
+        onMouseEnter: () => D(s)
+      },
+      r.value
+    )),
+    R && /* @__PURE__ */ f(S, { children: [
+      /* @__PURE__ */ d("div", { className: o("divider") }),
+      R
+    ] })
+  ] });
+  return /* @__PURE__ */ f("div", { ref: T, className: o("container", b), title: p, children: [
+    /* @__PURE__ */ f(
+      "button",
+      {
+        disabled: l,
+        ...B({
+          className: o("dropdown", K, z, {
+            "transparent-background": x,
+            opened: _,
+            disabled: l,
+            error: w,
+            touched: m,
+            "mobile-disabled": A
+          }),
+          onClick: te,
+          onKeyDown: se,
+          ref: H.setReference
+        }),
+        type: "button",
+        children: [
+          C && /* @__PURE__ */ d("span", { className: o("icon"), children: C }),
+          /* @__PURE__ */ d(
+            "span",
+            {
+              className: o("value", {
+                placeholder: !e || Array.isArray(e) && !e.length
+              }),
+              children: ne()
+            }
+          ),
+          /* @__PURE__ */ d(ye, { className: o("arrow"), tabIndex: -1, children: /* @__PURE__ */ d(ge, {}) })
+        ]
+      }
+    ),
+    _ && /* @__PURE__ */ d(
+      "div",
+      {
+        style: X,
+        className: o("select-list", { opened: _, "limited-width": G }),
+        ...ee({
+          onKeyDown: ae,
+          ref: H.setFloating
+        }),
+        children: /* @__PURE__ */ d(he, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: de() })
+      }
+    )
+  ] });
+};
+export {
+  Fe as D
+};

package/dist/dropdown.js

@@ -0,0 +1,16 @@
+import { D as r } from "./dropdown-6edea86c.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-251479f7.js";
+import "./dropdown-0260bb66.js";
+import "./checkbox-9a6c7ce1.js";
+export {
+  r as Dropdown,
+  r as default
+};

package/dist/error-4f493850.js

@@ -0,0 +1,7 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.2 9.99999C17.2 13.9764 13.9765 17.2 10 17.2C6.0236 17.2 2.80005 13.9764 2.80005 9.99999C2.80005 6.02354 6.0236 2.79999 10 2.79999C13.9765 2.79999 17.2 6.02354 17.2 9.99999ZM11 6.59999C11 7.15227 10.5523 7.59999 10 7.59999C9.44776 7.59999 9.00005 7.15227 9.00005 6.59999C9.00005 6.0477 9.44776 5.59999 10 5.59999C10.5523 5.59999 11 6.0477 11 6.59999ZM10.8 13.6C10.8 14.0418 10.4419 14.4 10 14.4C9.55822 14.4 9.20005 14.0418 9.20005 13.6L9.20005 9.19999C9.20005 8.75816 9.55822 8.39999 10 8.39999C10.4419 8.39999 10.8 8.75816 10.8 9.19999V13.6Z", fill: "white" })), C = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.2 9.99999C17.2 13.9764 13.9765 17.2 10 17.2C6.0236 17.2 2.80005 13.9764 2.80005 9.99999C2.80005 6.02354 6.0236 2.79999 10 2.79999C13.9765 2.79999 17.2 6.02354 17.2 9.99999ZM13.8146 8.11216C14.0975 7.77273 14.0516 7.26828 13.7122 6.98543C13.3728 6.70258 12.8683 6.74844 12.5855 7.08786L9.14629 11.2149L7.36573 9.43432C7.05331 9.1219 6.54678 9.1219 6.23436 9.43432C5.92194 9.74674 5.92194 10.2533 6.23436 10.5657L8.63436 12.9657C8.7933 13.1246 9.01176 13.2094 9.2363 13.1992C9.46084 13.189 9.67073 13.0848 9.81463 12.9122L13.8146 8.11216Z", fill: "white" })), i = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0449 3.41275C10.5805 2.59573 9.41952 2.59573 8.95513 3.41275L2.16344 15.3617C1.69905 16.1787 2.27954 17.2 3.20832 17.2H16.7917C17.7205 17.2 18.3009 16.1787 17.8366 15.3617L11.0449 3.41275ZM10.9325 6.41163C10.9391 6.18625 10.7582 5.99999 10.5327 5.99999H9.46161C9.236 5.99999 9.05502 6.18647 9.06179 6.41198L9.24768 12.612C9.25416 12.8281 9.43125 13 9.6475 13H10.3523C10.5686 13 10.7458 12.8279 10.7521 12.6116L10.9325 6.41163ZM10 16C10.5523 16 11 15.5523 11 15C11 14.4477 10.5523 14 10 14C9.44771 14 9 14.4477 9 15C9 15.5523 9.44771 16 10 16Z", fill: "white" }));
+export {
+  t as S,
+  C as a,
+  i as b
+};

package/dist/fieldNumber-d517a095.js

@@ -0,0 +1,125 @@
+import { jsxs as O, jsx as c } from "react/jsx-runtime";
+import { useRef as U, useMemo as A } from "react";
+import { c as T } from "./bind-06a7ff84.js";
+import { K as _ } from "./keyCodes-f63c0e11.js";
+import { B as d } from "./baseIconButton-251479f7.js";
+import { a as W, S as y } from "./minus-660ea0d6.js";
+const B = 5, D = 16, S = [
+  _.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
+], 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: e = "",
+  placeholder: f = "0",
+  disabled: t = !1,
+  onChange: l,
+  onFocus: C,
+  onBlur: G,
+  label: a,
+  postfix: r = "",
+  min: o = 0,
+  max: E = Number.MAX_SAFE_INTEGER,
+  title: w,
+  error: p,
+  touched: N = !1,
+  ...h
+}) => {
+  const u = U(null), m = (n) => {
+    let s = n.target.value.replace(/^0(?=\d+|^\d)/g, "");
+    if (s === "") {
+      l("");
+      return;
+    }
+    s = +s, s >= o && s <= E && l(s);
+  }, g = (n) => {
+    const { keyCode: s } = n;
+    S.includes(s) || (s < _.NUMBER_START_KEY_CODE || s > _.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
+  }, Y = () => {
+    const n = +e - 1;
+    n >= o && n <= E && l(n);
+  }, M = () => {
+    const n = +e + 1;
+    n >= o && n <= E && l(n);
+  }, K = f + r, L = A(() => {
+    let n = (String(e) || K).length;
+    return r && !e && (n += 1), n > D ? `${D}ch` : `${n || B}ch`;
+  }, [K, r, e]), R = () => {
+    u && u.current && u.current.focus(), C && C();
+  };
+  return /* @__PURE__ */ O("div", { className: i("field-number", { disabled: t }), children: [
+    a && /* @__PURE__ */ c("span", { className: i("label"), children: a }),
+    /* @__PURE__ */ O(
+      "div",
+      {
+        className: i("input-container", {
+          filled: !!e || e === 0,
+          error: p,
+          disabled: t,
+          touched: N
+        }),
+        title: w,
+        children: [
+          /* @__PURE__ */ c(
+            d,
+            {
+              className: i("sign", "minus"),
+              disabled: t,
+              onClick: Y,
+              children: /* @__PURE__ */ c(W, {})
+            }
+          ),
+          /* @__PURE__ */ O("span", { className: i("input-field", { disabled: t }), onClick: R, children: [
+            /* @__PURE__ */ c(
+              "input",
+              {
+                ref: u,
+                className: i("input"),
+                type: "number",
+                value: e,
+                placeholder: K,
+                disabled: t,
+                min: o,
+                max: E,
+                onKeyDown: t ? void 0 : g,
+                onChange: t ? void 0 : m,
+                onFocus: t ? void 0 : C,
+                style: { width: L },
+                ...h
+              }
+            ),
+            !!r && (e === 0 || !!e) && /* @__PURE__ */ c("span", { children: r.slice(0, 1) })
+          ] }),
+          /* @__PURE__ */ c(d, { className: i("sign", "plus"), disabled: t, onClick: M, children: /* @__PURE__ */ c(y, {}) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Z as F
+};

package/dist/fieldNumber.js

@@ -0,0 +1,11 @@
+import { F as m } from "./fieldNumber-d517a095.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-06a7ff84.js";
+import "./keyCodes-f63c0e11.js";
+import "./baseIconButton-251479f7.js";
+import "./minus-660ea0d6.js";
+export {
+  m as FieldNumber,
+  m as default
+};