triafly-ui-kit 1.0.67 → 1.0.69

package/dist/assets/src/components/Ui/ButtonsArray/ButtonsArray.css

@@ -1 +1 @@
-.buttons .buttons-bar{display:flex}.buttons .buttons-label{margin:0 0 8px;display:flex}.buttons .button{height:44px;padding:0 12px;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-border-primary-default);background-color:var(--color-bg-neutral-basic-default);cursor:pointer}.buttons .button:not(:last-of-type){border-right:0 solid}.buttons .button:first-of-type{border-radius:8px 0 0 8px}.buttons .button:last-of-type{border-radius:0 8px 8px 0}.buttons .button:hover{background:#ddd}.buttons .button.active{background:var(--color-bg-neutral-light-default);font-weight:600}.buttons .button.status-error{color:var(--color-status-error-foreground)}.buttons .button.status-warning{color:var(--color-status-warning-foreground)}.buttons .button.status-success{color:var(--color-status-success-foreground)}
+.buttons .buttons-bar{display:flex}.buttons .buttons-label{margin:0 0 8px;display:flex}.buttons .button{height:44px;padding:0 12px;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-border-primary-default);background-color:var(--color-bg-neutral-basic-default);cursor:pointer}.buttons .button:not(:last-of-type){border-right:0 solid}.buttons .button:first-of-type{border-radius:8px 0 0 8px}.buttons .button:last-of-type{border-radius:0 8px 8px 0}.buttons .button:not(:disabled):hover{background:#ddd}.buttons .button:disabled{cursor:not-allowed;opacity:.6}.buttons .button.active{background:var(--color-bg-neutral-light-default);font-weight:600}.buttons .button.status-error{color:var(--color-status-error-foreground)}.buttons .button.status-warning{color:var(--color-status-warning-foreground)}.buttons .button.status-success{color:var(--color-status-success-foreground)}

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

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

package/dist/main.d.ts

@@ -81,6 +81,7 @@ export declare interface ButtonsArrayProps {
     label?: string;
     onChange?: (key: string | number) => void;
     activeKey?: string | number | null | undefined;
+    isDisabled: boolean;
 }
 
 declare interface ButtonTab {

package/package.json

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