triafly-ui-kit 1.0.36 → 1.0.38

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

@@ -1,35 +1,28 @@
-import { jsxs as u, jsx as l } from "react/jsx-runtime";
-import { useState as i, useEffect as a } from "react";
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import { useState as d, useEffect as u } from "react";
 import '../../../assets/src/components/Ui/ButtonsArray/ButtonsArray.css';/* empty css                                                        */
-const k = ({
-  tabs: s,
-  label: r,
-  initialActiveTab: o,
-  onChange: c
-}) => {
-  const [n, t] = i(
-    o || (s.length > 0 ? s[0].key : "")
-  );
-  a(() => {
-    o !== void 0 ? t(o) : s.length > 0 && !s.some((e) => e.key === n) && t(s[0].key);
-  }, [s, o]);
-  const d = (e) => {
-    t(e), c && c(e);
+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__ */ u("div", { className: "buttons", children: [
-    r && /* @__PURE__ */ l("span", { className: "buttons-label", children: r }),
-    /* @__PURE__ */ l("div", { className: "buttons-bar", children: s.map((e, m) => /* @__PURE__ */ l(
+  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: e.disabled,
-        onClick: () => d(e.key),
-        className: `button ${m === n ? "active" : ""} status-${e.status}`,
-        children: e.label
+        disabled: s.disabled,
+        onClick: () => c(s.key),
+        className: `button ${s.key === r ? "active" : ""} status-${s.status}`,
+        children: s.label
       },
-      e.key
+      s.key
     )) })
   ] });
 };
 export {
-  k as ButtonsArray
+  p as ButtonsArray
 };

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

@@ -4,7 +4,7 @@ const a = {
   component: e,
   tags: ["autodocs"],
   argTypes: {
-    initialActiveTab: {
+    activeKey: {
       control: { type: "number", min: 0 }
     },
     onChange: { action: "tabChanged" }
@@ -35,9 +35,9 @@ const a = {
       { label: "Second", key: "second" },
       { label: "Third", key: "third" }
     ],
-    initialActiveTab: 1
+    activeKey: 1
   }
-}, b = {
+}, r = {
   args: {
     label: "Account type:",
     tabs: [
@@ -46,14 +46,14 @@ const a = {
       { label: "Enterprise", key: "enterprise" }
     ]
   }
-}, r = {
+}, b = {
   args: {
     tabs: [
       { label: "Yes", key: "yes" },
       { label: "No", key: "no" }
     ]
   }
-}, i = {
+}, n = {
   args: {
     label: "Categories:",
     tabs: [
@@ -69,9 +69,9 @@ const a = {
 };
 export {
   l as Default,
-  b as DisabledTabs,
-  i as ManyTabs,
-  r as SmallSelection,
+  r as DisabledTabs,
+  n as ManyTabs,
+  b as SmallSelection,
   o as WithInitialActiveTab,
   s as WithStatusIndicators,
   a as default

package/dist/main.d.ts

@@ -79,8 +79,8 @@ export declare const ButtonsArray: React.FC<ButtonsArrayProps>;
 export declare interface ButtonsArrayProps {
     tabs: ButtonTab[];
     label?: string;
-    initialActiveTab?: string | number;
     onChange?: (key: string | number) => void;
+    activeKey?: string | number | null | undefined;
 }
 
 declare interface ButtonTab {

package/package.json

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