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

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/{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

@@ -13,7 +13,7 @@ import { D as K } from "./datePicker-6085b8d0.js";
 import "react-datepicker";
 import { D as Y } from "./dropdown-0b931e15.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/package.json

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