triafly-ui-kit 1.0.64 → 1.0.66

package/dist/components/Ui/ButtonsArray/ButtonsArray.js

@@ -1,28 +1,31 @@
-import { jsxs as a, jsx as n } from "react/jsx-runtime";
-import { useState as d, useEffect as u } from "react";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { forwardRef as c, useState as m, useEffect as f } from "react";
 import '../../../assets/src/components/Ui/ButtonsArray/ButtonsArray.css';/* empty css                                                        */
-const p = ({ tabs: t, label: o, onChange: i, activeKey: e }) => {
-  const [r, l] = d(e ?? t[0].key);
-  u(() => {
-    e != null ? l(e) : l(t[0].key);
-  }, [e]);
-  const c = (s) => {
-    l(s), i && i(s);
-  };
-  return /* @__PURE__ */ a("div", { className: "buttons", children: [
-    o && /* @__PURE__ */ n("span", { className: "buttons-label", children: o }),
-    /* @__PURE__ */ n("div", { className: "buttons-bar", children: t.map((s) => /* @__PURE__ */ n(
-      "button",
-      {
-        disabled: s.disabled,
-        onClick: () => c(s.key),
-        className: `button ${s.key === r ? "active" : ""} status-${s.status}`,
-        children: s.label
-      },
-      s.key
-    )) })
-  ] });
-};
+const p = c(
+  ({ tabs: t, label: n, onChange: o, activeKey: e }, i) => {
+    const [a, l] = m(e ?? t[0].key);
+    f(() => {
+      e != null ? l(e) : l(t[0].key);
+    }, [e]);
+    const u = (s) => {
+      l(s), o && o(s);
+    };
+    return t.length === 0 ? null : /* @__PURE__ */ d("div", { className: "buttons", ref: i, children: [
+      n && /* @__PURE__ */ r("span", { className: "buttons-label", children: n }),
+      /* @__PURE__ */ r("div", { className: "buttons-bar", children: t.map((s) => /* @__PURE__ */ r(
+        "button",
+        {
+          disabled: s.disabled,
+          onClick: () => u(s.key),
+          className: `button ${s.key === a ? "active" : ""} status-${s.status}`,
+          children: s.label
+        },
+        s.key
+      )) })
+    ] });
+  }
+);
+p.displayName = "ButtonsArray";
 export {
   p as ButtonsArray
 };

package/dist/components/Ui/NumberInput/NumberInput.js

@@ -1,8 +1,7 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import "../../../src/components/Ui/NumberInput/NumberInput.scss.js";
-import { TextInput as f } from "../TextInput/TextInput.js";
-const t = [
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import { TextInput as h } from "../TextInput/TextInput.js";
+const l = [
   "0",
   "1",
   "2",
@@ -18,12 +17,33 @@ const t = [
   "Tab",
   "ArrowLeft",
   "ArrowRight"
-], i = p(
-  ({ allowNegative: a = !1, allowDecimal: u = !1, onKeyDown: r, ...l }, n) => /* @__PURE__ */ s(f, { ...l, name: "NumberInput", ref: n, type: "number", onKeyDown: (e) => {
-    u && e.key === "." && (e.currentTarget.value.includes(".") ? e.preventDefault() : t.push(".")), a && e.key === "-" && (e.currentTarget.selectionStart === 0 || e.currentTarget.value === "" ? t.push("-") : e.preventDefault()), !t.includes(e.key) && !(e.ctrlKey && ["a", "c", "v", "x"].includes(e.key.toLowerCase())) && e.preventDefault(), r == null || r(e);
-  } })
+], s = o(
+  ({ allowNegative: r = !1, allowDecimal: c = !1, ...n }, f) => /* @__PURE__ */ g(
+    h,
+    {
+      ...n,
+      ref: f,
+      type: "text",
+      onKeyDown: (t) => {
+        var a;
+        c && t.key === "." && !t.currentTarget.value.includes(".") && l.push("."), r && t.key === "-" && (t.currentTarget.selectionStart === 0 || t.currentTarget.value === "") && l.push("-"), !l.includes(t.key) && !(t.ctrlKey && ["a", "c", "v", "x"].includes(t.key.toLowerCase())) && t.preventDefault(), (a = n.onKeyDown) == null || a.call(n, t);
+      },
+      onChange: (t) => {
+        var u;
+        const a = t.target.value;
+        let e = a.replace(/[^-0-9.]/g, "");
+        if (r ? (e.match(/-/g) || []).length > 1 && (e = e.replace(/-/g, ""), e.length > 0 && (e = "-" + e)) : e = e.replace(/-/g, ""), !c)
+          e = e.replace(/\./g, "");
+        else if ((e.match(/\./g) || []).length > 1) {
+          const i = e.split(".");
+          e = i[0] + "." + i.slice(1).join("");
+        }
+        a !== e && (t.target.value = e), (u = n.onChange) == null || u.call(n, t);
+      }
+    }
+  )
 );
-i.displayName = "NumberInput";
+s.displayName = "NumberInput";
 export {
-  i as NumberInput
+  s as NumberInput
 };

package/dist/main.d.ts

@@ -74,7 +74,7 @@ declare type ButtonProps = {
     iconTail?: ReactElement;
 };
 
-export declare const ButtonsArray: React.FC<ButtonsArrayProps>;
+export declare const ButtonsArray: ForwardRefExoticComponent<ButtonsArrayProps & RefAttributes<HTMLDivElement>>;
 
 export declare interface ButtonsArrayProps {
     tabs: ButtonTab[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "triafly-ui-kit",
-  "version": "1.0.64",
+  "version": "1.0.66",
   "description": "UI Kit from Triafly",
   "main": "./dist/main.js",
   "module": "./dist/main.js",

package/dist/src/components/Ui/NumberInput/NumberInput.scss.js

@@ -1 +0,0 @@
-