@reportportal/ui-kit 0.0.1-alpha.100 → 0.0.1-alpha.102

package/dist/fieldNumber-1fa248f5.js

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

package/dist/fieldNumber.js

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

package/dist/index.js

@@ -8,7 +8,7 @@ import { D as M } from "./datePicker-efa4e2d6.js";
 import "react-datepicker";
 import { D as w } from "./dropdown-ec754bbe.js";
 import { FieldLabel as k } from "./fieldLabel.js";
-import { F as R } from "./fieldNumber-c9113a7f.js";
+import { F as R } from "./fieldNumber-1fa248f5.js";
 import { F as H } from "./fieldText-ba8a917c.js";
 import { F as N } from "./fieldTextFlex-8afaab31.js";
 import { FileDropArea as z, MIME_TYPES as W } from "./fileDropArea.js";

package/package.json

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

package/dist/fieldNumber-c9113a7f.js

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