@conboai/storybook.components 0.1.24 → 0.1.26

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

@@ -26980,9 +26980,12 @@ process.env.NODE_ENV !== "production" && (Zl.propTypes = {
   variant: s.oneOf(["filled", "outlined", "standard"])
 });
 const TL = {
-  minWidth: "100px",
   flexGrow: "1",
   backgroundColor: gn,
+  flex: 1,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
   "&.MuiOutlinedInput-root": {
     "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
       borderColor: `${$t} !important`
@@ -41168,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
     }

package/package.json

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