@conboai/storybook.components 0.2.74 → 0.2.75

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

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

package/dist/storybook.components.mjs

@@ -59932,13 +59932,11 @@ 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
-    );
+function pre({ images: t, setToFirstPage: e, isFirstPage: n = !1 }) {
+  const [r, i] = je(0), [o, s] = je(!1), l = () => {
+    i((u) => n ? 0 : (u + 1) % t.length), e && e(!1);
+  }, c = () => {
+    i((u) => n ? 0 : u === 0 ? t.length - 1 : u - 1), e && e(!1);
   };
   return /* @__PURE__ */ te.jsxs(te.Fragment, { children: [
     /* @__PURE__ */ te.jsx(
@@ -59960,7 +59958,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(-${r * 100 / t.length}%)`,
               width: `${t.length * 100}%`
             },
             children: [
@@ -59968,18 +59966,18 @@ function pre({ images: t, imgIndex: e = 0 }) {
                 vee,
                 {
                   onModalClose: () => {
-                    o(!1);
+                    s(!1);
                   },
-                  startIndex: n,
-                  isModalOpen: i,
+                  startIndex: r,
+                  isModalOpen: o,
                   images: t
                 }
               ),
-              t.map((c, u) => /* @__PURE__ */ te.jsx(
+              t.map((u, d) => /* @__PURE__ */ te.jsx(
                 It,
                 {
                   onClick: () => {
-                    o(!0);
+                    s(!0);
                   },
                   sx: {
                     width: `${100 / t.length}%`,
@@ -59992,7 +59990,7 @@ function pre({ images: t, imgIndex: e = 0 }) {
                     It,
                     {
                       component: "img",
-                      src: c,
+                      src: u,
                       sx: {
                         width: "100%",
                         height: "100%",
@@ -60002,7 +60000,7 @@ function pre({ images: t, imgIndex: e = 0 }) {
                     }
                   )
                 },
-                u
+                d
               ))
             ]
           }
@@ -60019,9 +60017,9 @@ 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: c, children: /* @__PURE__ */ te.jsx(In, { icon: "arrowLeft", fill: Ng }) }),
+          /* @__PURE__ */ te.jsx(dn, { children: `${r + 1} / ${t.length}` }),
+          /* @__PURE__ */ te.jsx(Hn, { onClick: l, children: /* @__PURE__ */ te.jsx(In, { icon: "arrowRight", fill: Ng }) })
         ]
       }
     )

package/package.json

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