@conboai/storybook.components 0.2.74 → 0.2.76

package/dist/components/ImageBox/ImageBox.d.ts

@@ -1,7 +1,10 @@
 import { default as React } from 'react';
 
-declare function ImageBox({ images, imgIndex }: {
+interface ImageBoxProps {
     images: string[];
     imgIndex?: number;
-}): React.JSX.Element;
+    isFirstPage: boolean;
+    setToFirstPage: (value: boolean) => void;
+}
+declare const ImageBox: React.FC<ImageBoxProps>;
 export default ImageBox;

package/dist/storybook.components.mjs

@@ -59931,13 +59931,16 @@ const oee = {
       )
     }
   );
-};
-function pre({ images: t, imgIndex: e = 0 }) {
-  const [n, r] = je(e), [i, o] = je(!1), s = () => {
-    r((c) => (c + 1) % t.length);
-  }, l = () => {
-    r(
-      (c) => c === 0 ? t.length - 1 : c - 1
+}, pre = ({ images: t, imgIndex: e = 0, isFirstPage: n, setToFirstPage: r }) => {
+  const [i, o] = je(e), [s, l] = je(!1);
+  Le(() => {
+    n && (o(0), r(!1));
+  }, [n, r]);
+  const c = () => {
+    o((d) => (d + 1) % t.length);
+  }, u = () => {
+    o(
+      (d) => d === 0 ? t.length - 1 : d - 1
     );
   };
   return /* @__PURE__ */ te.jsxs(te.Fragment, { children: [
@@ -59960,7 +59963,7 @@ function pre({ images: t, imgIndex: e = 0 }) {
               display: "flex",
               height: "100%",
               transition: "transform 0.2s ease-in-out",
-              transform: `translateX(-${n * 100 / t.length}%)`,
+              transform: `translateX(-${i * 100 / t.length}%)`,
               width: `${t.length * 100}%`
             },
             children: [
@@ -59968,18 +59971,18 @@ function pre({ images: t, imgIndex: e = 0 }) {
                 vee,
                 {
                   onModalClose: () => {
-                    o(!1);
+                    l(!1);
                   },
-                  startIndex: n,
-                  isModalOpen: i,
+                  startIndex: i,
+                  isModalOpen: s,
                   images: t
                 }
               ),
-              t.map((c, u) => /* @__PURE__ */ te.jsx(
+              t.map((d, h) => /* @__PURE__ */ te.jsx(
                 It,
                 {
                   onClick: () => {
-                    o(!0);
+                    l(!0);
                   },
                   sx: {
                     width: `${100 / t.length}%`,
@@ -59992,7 +59995,7 @@ function pre({ images: t, imgIndex: e = 0 }) {
                     It,
                     {
                       component: "img",
-                      src: c,
+                      src: d,
                       sx: {
                         width: "100%",
                         height: "100%",
@@ -60002,7 +60005,7 @@ function pre({ images: t, imgIndex: e = 0 }) {
                     }
                   )
                 },
-                u
+                h
               ))
             ]
           }
@@ -60019,15 +60022,14 @@ function pre({ images: t, imgIndex: e = 0 }) {
         justifyContent: "center",
         gap: 4,
         children: [
-          /* @__PURE__ */ te.jsx(Hn, { onClick: l, children: /* @__PURE__ */ te.jsx(In, { icon: "arrowLeft", fill: Ng }) }),
-          /* @__PURE__ */ te.jsx(dn, { children: `${n + 1} / ${t.length}` }),
-          /* @__PURE__ */ te.jsx(Hn, { onClick: s, children: /* @__PURE__ */ te.jsx(In, { icon: "arrowRight", fill: Ng }) })
+          /* @__PURE__ */ te.jsx(Hn, { onClick: u, children: /* @__PURE__ */ te.jsx(In, { icon: "arrowLeft", fill: Ng }) }),
+          /* @__PURE__ */ te.jsx(dn, { children: `${i + 1} / ${t.length}` }),
+          /* @__PURE__ */ te.jsx(Hn, { onClick: c, children: /* @__PURE__ */ te.jsx(In, { icon: "arrowRight", fill: Ng }) })
         ]
       }
     )
   ] });
-}
-const gre = ({
+}, gre = ({
   label: t,
   options: e,
   value: n,

package/package.json

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