@reportportal/ui-kit 0.0.1-alpha.46 → 0.0.1-alpha.47

package/dist/arrowUp-4a5caee7.js

@@ -0,0 +1,6 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536L4.14645 9.85355C3.95118 9.65829 3.95118 9.34171 4.14645 9.14645C4.34171 8.95118 4.65829 8.95118 4.85355 9.14645L7 11.2929L7 3.5C7 3.22386 7.22386 3 7.5 3C7.77614 3 8 3.22386 8 3.5L8 11.2929L10.1464 9.14645C10.3417 8.95119 10.6583 8.95118 10.8536 9.14645C11.0488 9.34171 11.0488 9.65829 10.8536 9.85355L7.85355 12.8536Z", fill: "#A2AAB5" })), o = (l) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.14645 3.14645C7.34171 2.95118 7.65829 2.95118 7.85355 3.14645L10.8536 6.14645C11.0488 6.34171 11.0488 6.65829 10.8536 6.85355C10.6583 7.04882 10.3417 7.04882 10.1464 6.85355L8 4.70711V12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 4.70711L4.85355 6.85355C4.65829 7.04882 4.34171 7.04882 4.14645 6.85355C3.95118 6.65829 3.95118 6.34171 4.14645 6.14645L7.14645 3.14645Z", fill: "#A2AAB5" }));
+export {
+  t as S,
+  o as a
+};

package/dist/clear-53660571.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 8C1 4.14001 4.14001 1 8 1C11.86 1 15 4.14001 15 8C15 11.8595 11.86 15 8 15C4.14001 15 1 11.8595 1 8ZM5 5.54545L5.54545 5L8 7.45455L10.4545 5L11 5.54545L8.54545 8L11 10.4545L10.4545 11L8 8.54545L5.54545 11L5 10.4545L7.45455 8L5 5.54545Z", fill: "#A2AAB5" }));
+export {
+  t as S
+};

package/dist/close-4b33d7c1.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732179 15.2698C0.330639 14.8683 0.33064 14.2172 0.73218 13.8157L6.54858 7.99928L0.73218 2.18288C0.33064 1.78134 0.330639 1.13031 0.732179 0.728774C1.13372 0.327235 1.78474 0.327235 2.18628 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327229 14.8717 0.327228 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18628 15.2698C1.78474 15.6713 1.13372 15.6713 0.732179 15.2698Z", fill: "#A2AAB5" }));
+export {
+  t as S
+};

package/dist/common/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './isPositiveInteger';

package/dist/common/utils/isPositiveInteger.d.ts

@@ -0,0 +1 @@
+export declare const isPositiveInteger: (value?: number) => boolean;

package/dist/components/fieldText/fieldText.d.ts

@@ -2,6 +2,7 @@ import { ChangeEventHandler, ReactNode, InputHTMLAttributes } from 'react';
 interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
     value?: string;
     className?: string;
+    classNameHelpText?: string;
     error?: string;
     placeholder?: string;
     disabled?: boolean;
@@ -21,6 +22,7 @@ interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
     hasDoubleMessage?: boolean;
     type?: string;
     displayError?: boolean;
+    maxLengthDisplay?: number;
     collapsible?: boolean;
     loading?: boolean;
 }

package/dist/components/icons/index.d.ts

@@ -1,4 +1,3 @@
-export { BaseIconButton } from './baseIconButton';
 export { default as ClearIcon } from './svg/clear.svg';
 export { default as CloseIcon } from './svg/close.svg';
 export { default as PlusIcon } from './svg/plus.svg';

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export { Button } from './button';
+export { BaseIconButton } from './baseIconButton';
 export { Checkbox } from './checkbox';
 export { SystemMessage } from './systemMessage';
 export { FieldText } from './fieldText';
@@ -16,8 +17,5 @@ export { Popover } from './popover';
 export { Pagination } from './pagination';
 export { Table } from './table';
 export { DatePicker } from './datePicker';
-export { DatePicker1 } from './datePicker1';
-export { Date2 } from './date2';
-export { ReactDatePicker2 } from './reactDatePicker2';
 export { SystemAlert } from './systemAlert';
 export * from './icons';

package/dist/{datePicker-68379fe1.js → datePicker-81d77983.js}

@@ -2,10 +2,9 @@ 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-65e4c614.js";
-import "./baseIconButton-b6adc843.js";
+import { F as D } from "./fieldText-df070a3c.js";
 import { S as T, a as G } from "./calendar-f154eb78.js";
-import { D as P } from "./dropdown-b9c6dc2f.js";
+import { D as P } from "./dropdown-5225df5e.js";
 const H = (a, c = 20) => {
   const l = a + c;
   return new Array(l - a).fill(void 0).map((g, e) => a - e);
@@ -109,7 +108,7 @@ const H = (a, c = 20) => {
   disabled: Q,
   popper: X,
   input: Z
-}, _ = Y.bind(ee), ne = "en", R = "MM-dd-yyyy", ie = ({
+}, _ = Y.bind(ee), ne = "en", R = "MM-dd-yyyy", le = ({
   onChange: a = () => {
   },
   disabled: c = !1,
@@ -190,5 +189,5 @@ const H = (a, c = 20) => {
   );
 };
 export {
-  ie as D
+  le as D
 };

package/dist/datePicker.js

@@ -1,17 +1,20 @@
-import { D as t } from "./datePicker-89394dc8.js";
+import { D as t } from "./datePicker-81d77983.js";
 import "react/jsx-runtime";
 import "react-datepicker";
 import "./bind-06a7ff84.js";
 import "react";
-import "./fieldText-65e4c614.js";
-import "./baseIconButton-b6adc843.js";
+import "./fieldText-df070a3c.js";
+import "./clear-53660571.js";
+import "./spinLoader-c4a53718.js";
 import "./calendar-f154eb78.js";
-import "./dropdown-b9c6dc2f.js";
+import "./dropdown-5225df5e.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";
 import "./useOnClickOutside-c332f7d3.js";
 import "./keyCodes-f63c0e11.js";
+import "./baseIconButton-b6adc843.js";
+import "./dropdown-0260bb66.js";
 import "./checkbox-9a6c7ce1.js";
 export {
   t as DatePicker,

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-5225df5e.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-b6adc843.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

@@ -1,4 +1,4 @@
-import { D as r } from "./dropdown-b9c6dc2f.js";
+import { D as r } from "./dropdown-5225df5e.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -8,6 +8,7 @@ import "rc-scrollbars";
 import "./useOnClickOutside-c332f7d3.js";
 import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-b6adc843.js";
+import "./dropdown-0260bb66.js";
 import "./checkbox-9a6c7ce1.js";
 export {
   r as Dropdown,

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-6a5fdd15.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-b6adc843.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

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