@conboai/storybook.components 0.1.25 → 0.1.27

package/dist/interfaces/detailsView.d.ts

@@ -3,4 +3,5 @@ import { TypeTabsContent, TypeTabsContainer } from './tabsContainer';
 export interface IDetailsView {
     tabsContent: TypeTabsContent;
     tabs: TypeTabsContainer;
+    onChange?: (value: string) => void;
 }

package/dist/interfaces/tabsContainer.d.ts

@@ -16,6 +16,7 @@ export interface ITabsBox {
     value: string;
     tabs: TypeTabsContainer;
     tabsContent: TypeTabsContent;
+    onChange?: (value: string) => void;
 }
 export interface ITabsContainer extends Omit<ITabsBox, "tabsContent"> {
 }

package/dist/storybook.components.mjs

@@ -41171,35 +41171,41 @@ const $y = {
     sx: { backgroundColor: Sb, display: "flex" },
     children: t
   }
-), r3 = ({ linkContent: t, link: e }) => /* @__PURE__ */ E.jsx(o0, { href: e, height: "100%", children: t }), pB = ({ setValue: t, value: e, tabs: n }) => {
-  const r = {
+), r3 = ({ linkContent: t, link: e }) => /* @__PURE__ */ E.jsx(o0, { href: e, height: "100%", children: t }), pB = ({
+  setValue: t,
+  value: e,
+  tabs: n,
+  onChange: r
+}) => {
+  const o = {
     ...Fy,
     "& .MuiTabs-flexContainer": {
       borderBottom: `1px solid ${sd}`
     }
-  }, o = (i, a) => {
-    t(a);
+  }, i = (a, l) => {
+    t(l), r && r(l);
   };
-  return /* @__PURE__ */ E.jsx(mt, { children: /* @__PURE__ */ E.jsx(Xl, { value: e, onChange: o, sx: r, children: n.map((i) => /* @__PURE__ */ E.jsx(
+  return /* @__PURE__ */ E.jsx(mt, { children: /* @__PURE__ */ E.jsx(Xl, { value: e, onChange: i, sx: o, children: n.map((a) => /* @__PURE__ */ E.jsx(
     Ci,
     {
-      label: i.label,
-      value: i.value,
-      disabled: i.disabled,
+      label: a.label,
+      value: a.value,
+      disabled: a.disabled,
       sx: $y
     },
-    i.value
+    a.value
   )) }) });
 }, hB = ({ tabsContent: t }) => t.map((e) => /* @__PURE__ */ E.jsx(Xd, { value: e.value, sx: { padding: "20px 0 0" }, children: e.content }, e.value)), mB = ({ setValue: t, value: e, tabs: n, tabsContent: r }) => /* @__PURE__ */ E.jsxs(qd, { value: e, children: [
   /* @__PURE__ */ E.jsx(pB, { setValue: t, value: e, tabs: n }),
   /* @__PURE__ */ E.jsx(hB, { tabsContent: r })
-] }), o3 = ({ tabsContent: t, tabs: e }) => {
-  const [n, r] = dt("0"), o = { background: "none", padding: "20px" };
-  return /* @__PURE__ */ E.jsx(mt, { sx: o, children: /* @__PURE__ */ E.jsx(
+] }), o3 = ({ tabsContent: t, tabs: e, onChange: n }) => {
+  const [r, o] = dt("0"), i = { background: "none", padding: "20px" };
+  return /* @__PURE__ */ E.jsx(mt, { sx: i, children: /* @__PURE__ */ E.jsx(
     mB,
     {
-      value: n,
-      setValue: r,
+      onChange: n,
+      value: r,
+      setValue: o,
       tabs: e,
       tabsContent: t
     }
@@ -58343,10 +58349,11 @@ const N5 = {
     return JSON.stringify(t, null, 2);
 }, j5 = (t) => t == null ? "" : (B5(t), t.toString()), V5 = {
   borderBottom: "none",
+  width: "66%",
   paddingTop: 0,
   paddingBottom: "8px"
 }, U5 = {
-  width: "12vw",
+  width: "33%",
   borderBottom: "none",
   paddingTop: 0,
   paddingBottom: "8px"
@@ -58354,7 +58361,7 @@ const N5 = {
   ...t,
   boxShadow: "none"
 }), p3 = ({ columnDefs: t, data: e, sx: n }) => /* @__PURE__ */ E.jsx(Pd, { component: wr, sx: H5(n), children: /* @__PURE__ */ E.jsx(Ad, { children: /* @__PURE__ */ E.jsx(kd, { children: t.map((r, o) => /* @__PURE__ */ E.jsxs(Wo, { children: [
-  /* @__PURE__ */ E.jsx(mr, { component: "th", scope: "row", sx: U5, children: /* @__PURE__ */ E.jsx(wt, { fontWeight: "600", children: r.headerName }) }),
+  /* @__PURE__ */ E.jsx(mr, { component: "th", scope: "row", sx: U5, children: /* @__PURE__ */ E.jsx(wt, { fontWeight: "500", children: r.headerName }) }),
   /* @__PURE__ */ E.jsx(mr, { sx: V5, children: r.renderCell ? r.renderCell(e[r.field]) : j5(e[r.field]) })
 ] }, o)) }) }) }), W5 = {
   width: "36px",

package/package.json

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