@conboai/storybook.components 0.5.69 → 0.5.70

package/dist/interfaces/detailsView.d.ts

@@ -12,4 +12,5 @@ export interface IDetailsView {
     tabsWidth?: string;
     isCollapseActive?: boolean;
     sx?: SxProps;
+    isScrollable?: boolean;
 }

package/dist/interfaces/tabsContainer.d.ts

@@ -22,6 +22,7 @@ export interface ITabsBox {
     isCollapseActive?: boolean;
     isResizing?: any;
     handleMouseDown?: (e: React.MouseEvent) => void;
+    isScrollable?: boolean;
 }
 export interface ITabsContainer {
     setValue: (value: string) => void;
@@ -31,6 +32,7 @@ export interface ITabsContainer {
     children?: React.ReactNode;
     tabsWidth?: string;
     isCollapseActive?: boolean;
+    isScrollable?: boolean;
 }
 export interface ITabsContent {
     tabsContent: TypeTabsContent;

package/dist/storybook.components.mjs

@@ -47102,26 +47102,38 @@ const Ooe = ({
   setValue: e,
   value: t,
   tabs: n,
-  onChange: r
+  onChange: r,
+  isScrollable: o = !1
 }) => {
-  const o = {
+  const i = {
     ...EE,
     "& .MuiTabs-flexContainer": {
       borderBottom: `1px solid ${eb}`
     }
-  }, i = (s, l) => {
-    e(l), r && r(l);
+  }, s = (l, c) => {
+    e(c), r && r(c);
   };
-  return /* @__PURE__ */ V.jsx(bt, { children: /* @__PURE__ */ V.jsx(xg, { value: t, onChange: i, sx: o, children: n.map((s) => /* @__PURE__ */ V.jsx(
-    dh,
+  return /* @__PURE__ */ V.jsx(bt, { children: /* @__PURE__ */ V.jsx(
+    xg,
     {
-      label: s.label,
-      value: s.value,
-      disabled: s.disabled,
-      sx: TE
-    },
-    `${s.value}-${s.label}`
-  )) }) });
+      value: t,
+      onChange: s,
+      variant: o ? "scrollable" : "standard",
+      scrollButtons: o ? "auto" : void 0,
+      allowScrollButtonsMobile: o,
+      sx: i,
+      children: n.map((l) => /* @__PURE__ */ V.jsx(
+        dh,
+        {
+          label: l.label,
+          value: l.value,
+          disabled: l.disabled,
+          sx: TE
+        },
+        `${l.value}-${l.label}`
+      ))
+    }
+  ) });
 }, Voe = ({ tabsContent: e }) => e.map((t, n) => /* @__PURE__ */ V.jsx(
   Gb,
   {
@@ -47165,14 +47177,15 @@ const Ooe = ({
   tabsWidth: s,
   isCollapseActive: l,
   handleMouseDown: c,
-  isResizing: u
+  isResizing: u,
+  isScrollable: d
 }) => {
-  const [d, h] = Ne(!1), f = s || "50%", m = Goe(u), p = () => {
-    h(!d);
+  const [h, f] = Ne(!1), m = s || "50%", p = Goe(u), g = () => {
+    f(!h);
   };
   return /* @__PURE__ */ V.jsxs(zb, { value: t, children: [
     /* @__PURE__ */ V.jsxs(bt, { display: "flex", alignItems: "center", sx: zoe, children: [
-      c && /* @__PURE__ */ V.jsx(bt, { sx: m, onMouseDown: c, children: /* @__PURE__ */ V.jsx(
+      c && /* @__PURE__ */ V.jsx(bt, { sx: p, onMouseDown: c, children: /* @__PURE__ */ V.jsx(
         bt,
         {
           sx: {
@@ -47182,13 +47195,14 @@ const Ooe = ({
           children: /* @__PURE__ */ V.jsx(Sn, { icon: "doubleArrow" })
         }
       ) }),
-      /* @__PURE__ */ V.jsx(bt, { width: i ? f : "100%", children: /* @__PURE__ */ V.jsx(
+      /* @__PURE__ */ V.jsx(bt, { width: i ? m : "100%", children: /* @__PURE__ */ V.jsx(
         $oe,
         {
           setValue: e,
           value: t,
           tabs: n,
-          onChange: o
+          onChange: o,
+          isScrollable: d
         }
       ) }),
       l && /* @__PURE__ */ V.jsx(
@@ -47199,12 +47213,12 @@ const Ooe = ({
             bottom: "5px",
             right: "10px"
           },
-          children: /* @__PURE__ */ V.jsx(lr, { onClick: p, children: d ? /* @__PURE__ */ V.jsx(Uoe, {}) : /* @__PURE__ */ V.jsx(Hoe, {}) })
+          children: /* @__PURE__ */ V.jsx(lr, { onClick: g, children: h ? /* @__PURE__ */ V.jsx(Uoe, {}) : /* @__PURE__ */ V.jsx(Hoe, {}) })
         }
       ),
       i
     ] }),
-    !d && /* @__PURE__ */ V.jsx(Voe, { tabsContent: r })
+    !h && /* @__PURE__ */ V.jsx(Voe, { tabsContent: r })
   ] });
 }, Pve = ({
   tabsContent: e,
@@ -47215,21 +47229,23 @@ const Ooe = ({
   isCollapseActive: i,
   handleMouseDown: s,
   isResizing: l,
-  sx: c
+  sx: c,
+  isScrollable: u
 }) => {
-  const [u, d] = Ne("0"), f = { ...{ background: "none", paddingTop: "12px" }, ...c };
-  return /* @__PURE__ */ V.jsx(bt, { sx: f, children: /* @__PURE__ */ V.jsx(
+  const [d, h] = Ne("0"), m = { ...{ background: "none", paddingTop: "12px" }, ...c };
+  return /* @__PURE__ */ V.jsx(bt, { sx: m, children: /* @__PURE__ */ V.jsx(
     Woe,
     {
       onChange: n,
-      value: u,
-      setValue: d,
+      value: d,
+      setValue: h,
       tabs: t,
       tabsContent: e,
       tabsWidth: o,
       isCollapseActive: i,
       handleMouseDown: s,
       isResizing: l,
+      isScrollable: u,
       children: r
     }
   ) });

package/package.json

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