@reportportal/ui-kit 0.0.1-alpha.211 → 0.0.1-alpha.213

package/dist/components/fieldNumber/constants.d.ts

@@ -1,5 +1,6 @@
 import { KeyCodes } from '../../common/constants/keyCodes';
 
 export declare const DEFAULT_WIDTH_CH = 5;
-export declare const MAX_WIDTH_CH = 16;
+export declare const SAFARI_CLIP_FIX_CH = 0.4;
+export declare const MAX_WIDTH_CH: number;
 export declare const ALLOWED_KEY_CODES: KeyCodes[];

package/dist/{datePicker-6085b8d0.js → datePicker-6edddb0b.js}

@@ -3,7 +3,7 @@ import { useMemo as E, forwardRef as G, useRef as V } from "react";
 import v from "react-datepicker/dist/es/index.js";
 import { c as L } from "./bind-06a7ff84.js";
 import { F as W } from "./fieldText-1749da7a.js";
-import { D as x } from "./dropdown-0b931e15.js";
+import { D as x } from "./dropdown-aed51f14.js";
 import { S as I } from "./calendarArrow-44c7e60e.js";
 import { registerLocale as q } from "react-datepicker";
 const De = (t, n) => {

package/dist/datePicker.js

@@ -1,5 +1,5 @@
-import { D as t } from "./datePicker-6085b8d0.js";
-import { r as E } from "./datePicker-6085b8d0.js";
+import { D as t } from "./datePicker-6edddb0b.js";
+import { r as E } from "./datePicker-6edddb0b.js";
 import "react/jsx-runtime";
 import "react";
 import "react-datepicker/dist/es/index.js";
@@ -11,7 +11,7 @@ import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-import "./dropdown-0b931e15.js";
+import "./dropdown-aed51f14.js";
 import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";

package/dist/{dropdown-0b931e15.js → dropdown-aed51f14.js}

@@ -1,5 +1,5 @@
 import { jsxs as R, jsx as u, Fragment as Ve } from "react/jsx-runtime";
-import { forwardRef as Er, useState as ge, useRef as k, useMemo as g, useCallback as v, useLayoutEffect as Se, useEffect as F } from "react";
+import { forwardRef as Er, useState as ge, useRef as k, useMemo as w, useCallback as v, useLayoutEffect as Se, useEffect as B } from "react";
 import { createPortal as yr } from "react-dom";
 import { c as Me } from "./bind-06a7ff84.js";
 import { useFloating as Cr, offset as Ar, flip as Or, size as br, autoUpdate as Dr } from "@floating-ui/react-dom";
@@ -39,9 +39,9 @@ const Rr = (n) => {
   (n, r) => {
     const {
       option: { value: c, disabled: o, hidden: f, label: m, title: C, groupRef: A },
-      selected: U,
+      selected: F,
       onChange: S,
-      render: B,
+      render: U,
       highlightHovered: j,
       onMouseEnter: ne,
       multiSelect: O,
@@ -56,7 +56,7 @@ const Rr = (n) => {
       "div",
       {
         className: He("dropdown-option", {
-          selected: U,
+          selected: F,
           disabled: o,
           hidden: f,
           hover: j,
@@ -69,14 +69,14 @@ const Rr = (n) => {
         ref: r,
         onMouseEnter: ne,
         children: [
-          O && /* @__PURE__ */ u(kr, { value: !!U, partiallyChecked: q }),
+          O && /* @__PURE__ */ u(kr, { value: !!F, partiallyChecked: q }),
           /* @__PURE__ */ u(
             "div",
             {
               className: He("single-option", {
                 "sub-option": !!A
               }),
-              children: B ? B(n) : m
+              children: U ? U(n) : m
             }
           )
         ]
@@ -89,10 +89,10 @@ const Rr = (n) => {
   p.ARROW_DOWN_KEY_CODE
 ], Mr = [p.ESCAPE_KEY_CODE, p.TAB_KEY_CODE];
 var V = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(V || {});
-const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
+const Wr = 240, zr = "data-dropdown-portal-menu", Br = 10, Fr = (n, r) => {
   const c = Array.isArray(r) ? r : [r];
   return n.findIndex(({ value: o }) => c.includes(o));
-}, Br = (n, r) => (n % r + r) % r, Ee = (n, r = 0, c = 1) => {
+}, Ur = (n, r) => (n % r + r) % r, Ee = (n, r = 0, c = 1) => {
   var f;
   if (n.length === 0)
     return 0;
@@ -101,7 +101,7 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
   const o = n.length;
   return Ee(
     n,
-    Br(r + c, o),
+    Ur(r + c, o),
     c
   );
 }, jr = (n, r) => Ee(n, r), qr = (n, r) => Ee(n, r, -1), We = (n, r = 0, c) => !n || n.length === 0 ? [] : n.reduce((o, f) => {
@@ -110,9 +110,9 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
 }, []), ze = (n) => !n || n.length === 0 ? [] : n.reduce((r, c) => {
   var o;
   return c && ((o = c.children) != null && o.length ? r.push(...ze(c.children)) : r.push(c)), r;
-}, []), Fe = (n) => {
+}, []), Be = (n) => {
   var r;
-  return n ? (r = n.children) != null && r.length ? n.children.reduce((c, o) => (o && c.push(...Fe(o)), c), []) : [n.value] : [];
+  return n ? (r = n.children) != null && r.length ? n.children.reduce((c, o) => (o && c.push(...Be(o)), c), []) : [n.value] : [];
 }, Zr = "_container_sth8o_1", Gr = "_icon_sth8o_7", Xr = "_arrow_sth8o_15", Jr = "_dropdown_sth8o_33", Qr = "_disabled_sth8o_53", et = "_value_sth8o_60", rt = "_error_sth8o_63", tt = "_touched_sth8o_63", nt = "_opened_sth8o_67", st = "_placeholder_sth8o_101", ot = "_ghost_sth8o_184", at = "_divider_sth8o_202", it = {
   container: Zr,
   icon: Gr,
@@ -147,9 +147,9 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
   onChange: m,
   onFocus: C,
   onBlur: A,
-  mobileDisabled: U,
+  mobileDisabled: F,
   title: S,
-  touched: B = !1,
+  touched: U = !1,
   icon: j,
   variant: ne,
   placeholder: O = "",
@@ -159,10 +159,10 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
   className: oe,
   toggleButtonClassName: ae,
   selectListClassName: H,
-  isListWidthLimited: Ue = !1,
+  isListWidthLimited: Fe = !1,
   optionAll: ie = { value: "all", label: "All" },
   isOptionAllVisible: ye = !1,
-  onSelectAll: Be = () => {
+  onSelectAll: Ue = () => {
   },
   formatDisplayedValue: le,
   notScrollable: $ = !1,
@@ -172,34 +172,34 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
   onClear: Ae = () => {
   },
   clearButtonAriaLabel: qe = "Clear selection",
-  menuPortalRoot: w,
+  menuPortalRoot: E,
   isMultiSelectWithTags: b = !1,
   noMatchesMessage: Ze = "No matches found",
   ...Ge
 }) => {
-  const { transformed: Xe, remaining: Je } = Rr(Ge), [l, X] = ge(!1), [I, Oe] = ge(""), be = k(null), De = k(null), M = k(null), ce = k(0), de = k(null), ue = k(""), [Qe, J] = ge(null), K = k(null), W = g(() => We(c), [c]), L = g(() => {
+  const { transformed: Xe, remaining: Je } = Rr(Ge), [l, X] = ge(!1), [I, Oe] = ge(""), be = k(null), De = k(null), M = k(null), ce = k(0), de = k(null), ue = k(""), [Qe, J] = ge(null), K = k(null), W = w(() => We(c), [c]), L = w(() => {
     if (!b || !I.trim())
       return W;
     const e = I.toLowerCase();
     return W.filter(
       ({ option: t }) => t.label.toLowerCase().includes(e)
     );
-  }, [W, I, b]), E = g(
+  }, [W, I, b]), g = w(
     () => L.map(({ option: e }) => e),
     [L]
-  ), Ne = g(
+  ), Ne = w(
     () => W.map(({ option: e }) => e),
     [W]
-  ), Q = g(() => L.filter(({ option: e }) => {
+  ), Q = w(() => L.filter(({ option: e }) => {
     var t;
     return (t = e.children) == null ? void 0 : t.length;
-  }).map(({ option: e }) => e), [L]), ve = g(() => ze(c), [c]), D = g(
+  }).map(({ option: e }) => e), [L]), ve = w(() => ze(c), [c]), D = w(
     () => ve.map(({ value: e }) => e),
     [ve]
-  ), ee = g(() => {
+  ), ee = w(() => {
     const e = /* @__PURE__ */ new Map();
     return Q.forEach((t) => {
-      e.set(t.value, Fe(t));
+      e.set(t.value, Be(t));
     }), e;
   }, [Q]), z = v(
     (e) => (Q.forEach((t) => {
@@ -207,7 +207,7 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
       Ce && i ? e.add(t.value) : e.delete(t.value);
     }), e),
     [Q, Ce, ee]
-  ), T = g(() => !n || !Array.isArray(r) ? /* @__PURE__ */ new Set() : z(new Set(r)), [n, r, z]), he = n ? Array.isArray(r) && r.length > 0 : r || r === !1 || r === 0, er = je && he && !o, rr = v((e) => {
+  ), T = w(() => !n || !Array.isArray(r) ? /* @__PURE__ */ new Set() : z(new Set(r)), [n, r, z]), he = w(() => n ? Array.isArray(r) && r.length > 0 : g.some((e) => e.value === r) || r === !1 || r === 0 || !!r, [n, r, g]), er = je && he && !o, rr = v((e) => {
     ce.current = e.scrollTop;
   }, []);
   Se(() => {
@@ -219,12 +219,12 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
       Ar(5),
       Or({
         fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
-        ...w && {
+        ...E && {
           boundary: document.documentElement,
           rootBoundary: "viewport"
         }
       }),
-      w ? br({
+      E ? br({
         apply({ rects: e, elements: t }) {
           const s = e.reference.width;
           Object.assign(t.floating.style, {
@@ -246,7 +246,7 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
       s ? t.add(d) : t.delete(d);
     });
     const i = z(t);
-    m(Array.from(i)), Be();
+    m(Array.from(i)), Ue();
   }, re = v(() => {
     l || (X(!0), C == null || C());
   }, [l, C]), y = v(() => {
@@ -276,7 +276,7 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
     },
     [l, y]
   );
-  F(() => {
+  B(() => {
     if (!l)
       return;
     const e = (t) => {
@@ -304,7 +304,7 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
         m(e.value);
       X((s) => n || !s);
     }
-  }, sr = () => E.find(({ value: e }) => e === r), Te = Ur(E, r), {
+  }, sr = () => g.find(({ value: e }) => e === r), Te = Fr(g, r), {
     getToggleButtonProps: or,
     getLabelProps: ar,
     getMenuProps: xe,
@@ -312,7 +312,7 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
     setHighlightedIndex: x,
     highlightedIndex: _e
   } = we({
-    items: E,
+    items: g,
     itemToString: (e) => (e != null && e.label ? String(e.label) : O) || "",
     selectedItem: sr(),
     isOpen: l,
@@ -321,9 +321,9 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
     onHighlightedIndexChange: (e) => {
       switch (e.type) {
         case we.stateChangeTypes.MenuKeyDownArrowUp:
-          return J(V.ON_KEY_DOWN), x(qr(E, e.highlightedIndex)), e;
+          return J(V.ON_KEY_DOWN), x(qr(g, e.highlightedIndex)), e;
         case we.stateChangeTypes.MenuKeyDownArrowDown:
-          return J(V.ON_KEY_DOWN), x(jr(E, e.highlightedIndex)), e;
+          return J(V.ON_KEY_DOWN), x(jr(g, e.highlightedIndex)), e;
         default:
           return e;
       }
@@ -345,19 +345,19 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
     },
     [xe, ke]
   );
-  F(() => {
-    n && l && K.current !== null && K.current >= 0 && K.current < E.length && (x(K.current), K.current = null, requestAnimationFrame(() => {
+  B(() => {
+    n && l && K.current !== null && K.current >= 0 && K.current < g.length && (x(K.current), K.current = null, requestAnimationFrame(() => {
       M.current && !$ && M.current.scrollTop(ce.current);
     }));
-  }, [n, l, r, E.length, x, $]), F(() => {
+  }, [n, l, r, g.length, x, $]), B(() => {
     l && b && requestAnimationFrame(() => {
       var e;
       (e = de.current) == null || e.focus();
     });
-  }, [l, b]), F(() => {
+  }, [l, b]), B(() => {
     b && l && I !== ue.current && (ue.current = I, I && x(0));
   }, [I, b, l]), Se(() => {
-    if (!l || !w)
+    if (!l || !E)
       return;
     let e = window.scrollY, t = !0;
     const s = 300, i = () => {
@@ -376,8 +376,8 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
     return () => {
       clearTimeout(a), window.removeEventListener("scroll", d, { capture: !0 });
     };
-  }, [l, w]), F(() => {
-    if (!l || !w)
+  }, [l, E]), B(() => {
+    if (!l || !E)
       return;
     const e = () => {
       y();
@@ -385,13 +385,13 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
     return window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e);
     };
-  }, [l, w, y]);
+  }, [l, E, y]);
   const Re = () => {
     o || (X((e) => !e), l ? A == null || A() : C == null || C(), J(V.ON_CLICK));
-  }, pe = g(() => {
+  }, pe = w(() => {
     if (n && Array.isArray(r) && D.length > 0 && D.every((t) => T.has(t)))
       return ie.label;
-    const e = E.reduce((t, s) => ((Array.isArray(r) && r.includes(s.value) || s.value === r) && t.push(s.label), t), []);
+    const e = g.reduce((t, s) => ((Array.isArray(r) && r.includes(s.value) || s.value === r) && t.push(s.label), t), []);
     return e.length > 0 ? e.join(", ") : !r && r !== !1 && r !== 0 || Array.isArray(r) && !r.length ? O : typeof r == "string" && r.length > 0 && !O ? r : O || void 0;
   }, [
     n,
@@ -399,15 +399,15 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
     D,
     T,
     ie.label,
-    E,
+    g,
     O
-  ]), me = g(() => le ? le(pe) : pe, [le, pe]), cr = he && me ? me : void 0, { ref: dr, title: ur } = xr(cr), hr = (e) => {
+  ]), me = w(() => le ? le(pe) : pe, [le, pe]), cr = he && me ? me : void 0, { ref: dr, title: ur } = xr(cr), hr = (e) => {
     const { keyCode: t } = e;
     $r.includes(t) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !l && (x(Te), re(), J(V.ON_KEY_DOWN)));
   }, fr = (e) => {
     const { keyCode: t } = e;
     if (t === p.ENTER_KEY_CODE || t === p.SPACE_KEY_CODE) {
-      const s = E[_e];
+      const s = g[_e];
       if (!s)
         return;
       n && (K.current = _e), Le(s), n || y();
@@ -502,7 +502,7 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
           tags: e,
           onRemoveTag: t,
           isShowAllView: !0,
-          defaultVisibleLines: Fr
+          defaultVisibleLines: Br
         }
       ),
       d
@@ -523,8 +523,8 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
       opened: l,
       disabled: o,
       error: f,
-      touched: B,
-      "mobile-disabled": U,
+      touched: U,
+      "mobile-disabled": F,
       "multi-select-with-tags": b
     }),
     onClick: Re,
@@ -578,7 +578,7 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
         ),
         l && (() => {
           var i;
-          const e = (i = P.reference.current) == null ? void 0 : i.getBoundingClientRect().width, t = w && e ? {
+          const e = (i = P.reference.current) == null ? void 0 : i.getBoundingClientRect().width, t = E && e ? {
             ...Ie,
             width: `${e}px`,
             minWidth: `${e}px`,
@@ -591,11 +591,11 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
                 "select-list",
                 {
                   opened: l,
-                  "limited-width": Ue
+                  "limited-width": Fe
                 },
                 H
               ),
-              ...w && { [zr]: "" },
+              ...E && { [zr]: "" },
               ...lr({
                 onKeyDown: fr,
                 ...b && {
@@ -621,7 +621,7 @@ const Wr = 240, zr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
               )
             }
           );
-          return w ? yr(s, w) : s;
+          return E ? yr(s, E) : s;
         })()
       ]
     }

package/dist/dropdown.js

@@ -1,5 +1,5 @@
-import { D as r } from "./dropdown-0b931e15.js";
-import { a as E } from "./dropdown-0b931e15.js";
+import { D as r } from "./dropdown-aed51f14.js";
+import { a as E } from "./dropdown-aed51f14.js";
 import "react/jsx-runtime";
 import "react";
 import "react-dom";

package/dist/{fieldNumber-dd8e6902.js → fieldNumber-b4aa4d7e.js}

@@ -1,12 +1,12 @@
-import { jsxs as a, Fragment as V, jsx as r } from "react/jsx-runtime";
-import { useRef as W, useId as y, useMemo as B } from "react";
-import { c as w } from "./bind-06a7ff84.js";
+import { jsxs as a, Fragment as W, jsx as r } from "react/jsx-runtime";
+import { useRef as y, useId as B, useMemo as w } from "react";
+import { c as v } from "./bind-06a7ff84.js";
 import { K as e } from "./keyCodes-f63c0e11.js";
 import { B as D } from "./baseIconButton-251479f7.js";
-import { S as v } from "./minus-2857540f.js";
+import { S as H } from "./minus-2857540f.js";
 import { S as k } from "./plus-199fb2a8.js";
-import { FieldLabel as H } from "./fieldLabel.js";
-const b = 5, Y = 16, P = [
+import { FieldLabel as P } from "./fieldLabel.js";
+const b = 5, I = 0.4, Y = 16 + I, G = [
   e.TAB_KEY_CODE,
   e.BACKSPACE_KEY_CODE,
   e.ARROW_LEFT_KEY_CODE,
@@ -24,33 +24,33 @@ const b = 5, Y = 16, P = [
   e.NUM_LOCK_7_KEY_CODE,
   e.NUM_LOCK_8_KEY_CODE,
   e.NUM_LOCK_9_KEY_CODE
-], G = "_sign_3v3h5_7", j = "_error_3v3h5_22", z = "_disabled_3v3h5_27", X = "_input_3v3h5_12", $ = {
+], X = "_sign_3v3h5_7", $ = "_error_3v3h5_22", j = "_disabled_3v3h5_27", z = "_input_3v3h5_12", q = {
   "field-number": "_field-number_3v3h5_1",
-  sign: G,
+  sign: X,
   "input-container": "_input-container_3v3h5_12",
-  error: j,
-  disabled: z,
+  error: $,
+  disabled: j,
   "input-field": "_input-field_3v3h5_38",
-  input: X,
+  input: z,
   "additional-content": "_additional-content_3v3h5_84",
   "error-text": "_error-text_3v3h5_88"
-}, c = w.bind($), tn = ({
+}, c = v.bind(q), rn = ({
   value: i = "",
-  placeholder: I = "0",
+  placeholder: L = "0",
   disabled: t = !1,
   onChange: l,
   onFocus: d,
   onBlur: N,
-  label: m,
+  label: f,
   postfix: E = "",
   min: s = 0,
   max: o = Number.MAX_SAFE_INTEGER,
-  title: L,
+  title: A,
   error: C,
   id: h,
   ...M
 }) => {
-  const u = W(null), p = y(), O = (n) => Number.isNaN(n) ? s : n === Number.POSITIVE_INFINITY ? o : n === Number.NEGATIVE_INFINITY || n < s ? s : n > o ? o : n, R = (n) => {
+  const u = y(null), m = B(), O = (n) => Number.isNaN(n) ? s : n === Number.POSITIVE_INFINITY ? o : n === Number.NEGATIVE_INFINITY || n < s ? s : n > o ? o : n, R = (n) => {
     const _ = n.target.value.replace(/^0(?=\d+|^\d)/g, "");
     if (_ === "") {
       l("");
@@ -59,26 +59,26 @@ const b = 5, Y = 16, P = [
     l(+_);
   }, T = (n) => {
     N && N(n);
-    const _ = +n.currentTarget.value, f = O(_);
-    f !== _ && l(f);
-  }, A = (n) => {
+    const _ = +n.currentTarget.value, p = O(_);
+    p !== _ && l(p);
+  }, U = (n) => {
     const { keyCode: _ } = n;
-    P.includes(_) || (_ < e.NUMBER_START_KEY_CODE || _ > e.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
-  }, U = () => {
+    G.includes(_) || (_ < e.NUMBER_START_KEY_CODE || _ > e.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
+  }, F = () => {
     const _ = O(+i) - 1;
     _ >= s && _ <= o && l(_);
   }, g = () => {
     const _ = O(+i) + 1;
     _ >= s && _ <= o && l(_);
-  }, K = I + E, F = B(() => {
+  }, K = L + E, S = w(() => {
     let n = (String(i) || K).length;
-    return E && !i && (n += 1), n > Y ? `${Y}ch` : `${n || b}ch`;
-  }, [K, E, i]), S = () => {
+    return E && !i && (n += 1), n ? n > Y ? `${Y}ch` : `${n + I}ch` : `${b}ch`;
+  }, [K, E, i]), V = () => {
     u && u.current && u.current.focus(), d && d();
   };
-  return /* @__PURE__ */ a(V, { children: [
+  return /* @__PURE__ */ a(W, { children: [
     /* @__PURE__ */ a("div", { className: c("field-number", { disabled: t }), children: [
-      m && /* @__PURE__ */ r(H, { htmlFor: h ?? p, children: m }),
+      f && /* @__PURE__ */ r(P, { htmlFor: h ?? m, children: f }),
       /* @__PURE__ */ a(
         "div",
         {
@@ -86,22 +86,22 @@ const b = 5, Y = 16, P = [
             error: C,
             disabled: t
           }),
-          title: L,
+          title: A,
           children: [
             /* @__PURE__ */ r(
               D,
               {
                 className: c("sign", "minus"),
                 disabled: t,
-                onClick: U,
-                children: /* @__PURE__ */ r(v, {})
+                onClick: F,
+                children: /* @__PURE__ */ r(H, {})
               }
             ),
-            /* @__PURE__ */ a("span", { className: c("input-field", { disabled: t }), onClick: S, children: [
+            /* @__PURE__ */ a("span", { className: c("input-field", { disabled: t }), onClick: V, children: [
               /* @__PURE__ */ r(
                 "input",
                 {
-                  id: h ?? p,
+                  id: h ?? m,
                   ref: u,
                   className: c("input"),
                   type: "number",
@@ -110,11 +110,11 @@ const b = 5, Y = 16, P = [
                   disabled: t,
                   min: s,
                   max: o,
-                  onKeyDown: t ? void 0 : A,
+                  onKeyDown: t ? void 0 : U,
                   onChange: t ? void 0 : R,
                   onFocus: t ? void 0 : d,
                   onBlur: t ? void 0 : T,
-                  style: { width: F },
+                  style: { width: S },
                   ...M
                 }
               ),
@@ -137,5 +137,5 @@ const b = 5, Y = 16, P = [
   ] });
 };
 export {
-  tn as F
+  rn as F
 };

package/dist/fieldNumber.js

@@ -1,4 +1,4 @@
-import { F as m } from "./fieldNumber-dd8e6902.js";
+import { F as m } from "./fieldNumber-b4aa4d7e.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/index.js

@@ -9,11 +9,11 @@ import { BulkPanel as H } from "./bulkPanel.js";
 import { B as V } from "./button-7ab874f3.js";
 import { C as W } from "./checkbox-76aa8f97.js";
 import { Chip as j } from "./chip.js";
-import { D as K } from "./datePicker-6085b8d0.js";
+import { D as K } from "./datePicker-6edddb0b.js";
 import "react-datepicker";
-import { D as Y } from "./dropdown-0b931e15.js";
+import { D as Y } from "./dropdown-aed51f14.js";
 import { FieldLabel as $ } from "./fieldLabel.js";
-import { F as ro } from "./fieldNumber-dd8e6902.js";
+import { F as ro } from "./fieldNumber-b4aa4d7e.js";
 import { F as to } from "./fieldText-1749da7a.js";
 import { F as no } from "./fieldTextFlex-2f51c173.js";
 import { FileDropArea as mo } from "./fileDropArea.js";

package/dist/modal.js

@@ -7,7 +7,7 @@ import { u as q } from "./useOnClickOutside-8f7d68a1.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { u as J } from "./useWindowResize-a7e1ac92.js";
-import { a as Q } from "./dropdown-0b931e15.js";
+import { a as Q } from "./dropdown-aed51f14.js";
 import { K as V } from "./keyCodes-f63c0e11.js";
 import { B as C } from "./button-7ab874f3.js";
 import { Tooltip as Z } from "./tooltip.js";

package/dist/sidePanel.js

@@ -5,7 +5,7 @@ import { K as B } from "./keyCodes-f63c0e11.js";
 import { u as L } from "./useOnClickOutside-8f7d68a1.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import { a as O } from "./dropdown-0b931e15.js";
+import { a as O } from "./dropdown-aed51f14.js";
 import { S as T } from "./close-4d480ef7.js";
 import { B as j } from "./baseIconButton-251479f7.js";
 import "react-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.211",
+  "version": "0.0.1-alpha.213",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {