triafly-ui-kit 1.0.65 → 1.0.67

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 c, jsx as n } from "react/jsx-runtime";
+import { forwardRef as m, useState as f, useEffect as p } 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 k = m(
+  ({ tabs: t, label: o, onChange: a, activeKey: e }, i) => {
+    const [u, r] = f(e ?? t[0].key);
+    p(() => {
+      e != null ? r(e) : r(t[0].key);
+    }, [e]);
+    const d = (s, l) => {
+      s.stopPropagation(), s.preventDefault(), r(l), a && a(l);
+    };
+    return t.length === 0 ? null : /* @__PURE__ */ c("div", { className: "buttons", ref: i, 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: (l) => d(l, s.key),
+          className: `button ${s.key === u ? "active" : ""} status-${s.status}`,
+          children: s.label
+        },
+        s.key
+      )) })
+    ] });
+  }
+);
+k.displayName = "ButtonsArray";
 export {
-  p as ButtonsArray
+  k as ButtonsArray
 };

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.65",
+  "version": "1.0.67",
   "description": "UI Kit from Triafly",
   "main": "./dist/main.js",
   "module": "./dist/main.js",