@conboai/storybook.components 0.5.40 → 0.5.41

package/dist/components/TabsBar/TabsBar.d.ts

@@ -12,5 +12,6 @@ export interface ITabsBar {
     onEdit?: (id: string, value: string) => void;
     onAdd?: () => void;
     onClick?: (id: string) => void;
+    isDisabled?: boolean;
 }
 export declare const TabsBar: FC<ITabsBar>;

package/dist/storybook.components.mjs

@@ -46848,108 +46848,111 @@ const Soe = ({
   minHeight: "6px",
   backgroundColor: e,
   borderRadius: "50%"
-}), Moe = sr(({
-  value: e,
-  onEdit: t,
-  onDelete: n,
-  onClick: r,
-  showDelete: o,
-  color: i = "#ffffff",
-  isActive: s = !1
-}) => {
-  const [l, c] = Ne(!1), [u, d] = Ne(e || "Untitled");
-  Ie(() => {
-    d(e);
-  }, [e]);
-  const h = () => c(!0), f = () => {
-    u || d(e || "Untitled"), c(!1);
-  }, b = (v) => {
-    t == null || t(v.target.value), d(v.target.value);
-  }, p = (v) => {
-    v.stopPropagation(), n && n();
-  }, g = (v) => {
-    v.key === "Enter" && c(!1);
-  }, m = Loe(i);
-  return /* @__PURE__ */ V.jsx(Xo, { title: u, children: /* @__PURE__ */ V.jsxs(
-    nn,
-    {
-      onClick: r,
-      container: !0,
-      sx: Eoe(s),
-      justifyContent: "space-between",
-      alignItems: "center",
-      flexWrap: "nowrap",
-      width: l ? "200px" : "auto",
-      maxWidth: "250px",
-      minWidth: l ? "120px" : "0",
-      gap: "6px",
-      children: [
-        /* @__PURE__ */ V.jsx(bt, { sx: m }),
-        l ? /* @__PURE__ */ V.jsx(
-          Ha,
-          {
-            autoFocus: !0,
-            sx: koe,
-            value: u,
-            variant: "standard",
-            onBlur: f,
-            onChange: b,
-            onKeyUp: g
-          }
-        ) : /* @__PURE__ */ V.jsx(
-          Ot,
-          {
-            noWrap: !0,
-            maxWidth: "100%",
-            minHeight: "10px",
-            flexGrow: "1",
-            textAlign: "center",
-            onDoubleClick: h,
-            children: u
-          }
-        ),
-        o ? /* @__PURE__ */ V.jsx(
-          Ot,
-          {
-            sx: Toe,
-            onClick: p,
-            className: "remove-icon",
-            children: /* @__PURE__ */ V.jsx(Cn, { icon: "remove", fillOpacity: "0.8", fill: "white" })
-          }
-        ) : /* @__PURE__ */ V.jsx(bt, { width: "10px", height: "24px" })
-      ]
-    }
-  ) });
-}), ive = ({
+}), Moe = sr(
+  ({
+    value: e,
+    onEdit: t,
+    onDelete: n,
+    onClick: r,
+    showDelete: o,
+    color: i = "#ffffff",
+    isActive: s = !1
+  }) => {
+    const [l, c] = Ne(!1), [u, d] = Ne(e || "Untitled");
+    Ie(() => {
+      d(e);
+    }, [e]);
+    const h = () => c(!0), f = () => {
+      u || d(e || "Untitled"), c(!1);
+    }, b = (v) => {
+      t == null || t(v.target.value), d(v.target.value);
+    }, p = (v) => {
+      v.stopPropagation(), n && n();
+    }, g = (v) => {
+      v.key === "Enter" && c(!1);
+    }, m = Loe(i);
+    return /* @__PURE__ */ V.jsx(Xo, { title: u, children: /* @__PURE__ */ V.jsxs(
+      nn,
+      {
+        onClick: r,
+        container: !0,
+        sx: Eoe(s),
+        justifyContent: "space-between",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        width: l ? "200px" : "auto",
+        maxWidth: "250px",
+        minWidth: l ? "120px" : "0",
+        gap: "6px",
+        children: [
+          /* @__PURE__ */ V.jsx(bt, { sx: m }),
+          l ? /* @__PURE__ */ V.jsx(
+            Ha,
+            {
+              autoFocus: !0,
+              sx: koe,
+              value: u,
+              variant: "standard",
+              onBlur: f,
+              onChange: b,
+              onKeyUp: g
+            }
+          ) : /* @__PURE__ */ V.jsx(
+            Ot,
+            {
+              noWrap: !0,
+              maxWidth: "100%",
+              minHeight: "10px",
+              flexGrow: "1",
+              textAlign: "center",
+              onDoubleClick: h,
+              children: u
+            }
+          ),
+          o ? /* @__PURE__ */ V.jsx(
+            Ot,
+            {
+              sx: Toe,
+              onClick: p,
+              className: "remove-icon",
+              children: /* @__PURE__ */ V.jsx(Cn, { icon: "remove", fillOpacity: "0.8", fill: "white" })
+            }
+          ) : /* @__PURE__ */ V.jsx(bt, { width: "10px", height: "24px" })
+        ]
+      }
+    ) });
+  }
+), ive = ({
   tabs: e = [],
   activeId: t,
   onDelete: n,
   onEdit: r,
   onAdd: o,
-  onClick: i
+  onClick: i,
+  isDisabled: s
 }) => {
-  const s = () => {
+  const l = () => {
     o && o();
-  }, l = (u) => {
-    i == null || i(u);
-  }, c = () => e.map((u) => /* @__PURE__ */ V.jsx(
+  }, c = (d) => {
+    i == null || i(d);
+  }, u = () => e.map((d) => /* @__PURE__ */ V.jsx(
     Moe,
     {
-      onEdit: (d) => {
-        r == null || r(u.id, d);
+      onEdit: (h) => {
+        r == null || r(d.id, h);
       },
       onClick: () => {
-        l(u.id);
+        c(d.id);
       },
       onDelete: () => {
-        n == null || n(u.id);
+        n == null || n(d.id);
       },
-      value: u.title,
-      color: u.color,
+      value: d.title,
+      color: d.color,
       showDelete: e.length > 1,
-      isActive: t === u.id
+      isActive: t === d.id
     },
-    u.id
+    d.id
   ));
   return e.length ? /* @__PURE__ */ V.jsx(
     nn,
@@ -46962,8 +46965,17 @@ const Soe = ({
       gridAutoFlow: "column",
       overflow: "hidden",
       children: /* @__PURE__ */ V.jsxs(bt, { display: "flex", flexDirection: "row", gap: "6px", flexWrap: "nowrap", children: [
-        c(),
-        /* @__PURE__ */ V.jsx(Ir, { onClick: s, variant: "text", sx: { minWidth: "40px" }, children: /* @__PURE__ */ V.jsx(Cn, { icon: "add", fill: "white" }) })
+        u(),
+        /* @__PURE__ */ V.jsx(
+          Ir,
+          {
+            onClick: l,
+            variant: "text",
+            sx: { minWidth: "40px" },
+            disabled: s,
+            children: /* @__PURE__ */ V.jsx(Cn, { icon: "add", fill: "white" })
+          }
+        )
       ] })
     }
   ) : null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conboai/storybook.components",
-  "version": "0.5.40",
+  "version": "0.5.41",
   "main": "dist/storybook.components.mjs",
   "types": "dist/build/index.d.ts",
   "files": [