@conboai/storybook.components 0.2.75 → 0.2.76

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

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

package/dist/storybook.components.mjs

@@ -59931,12 +59931,17 @@ const oee = {
       )
     }
   );
-};
-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);
+}, 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: [
     /* @__PURE__ */ te.jsx(
@@ -59958,7 +59963,7 @@ function pre({ images: t, setToFirstPage: e, isFirstPage: n = !1 }) {
               display: "flex",
               height: "100%",
               transition: "transform 0.2s ease-in-out",
-              transform: `translateX(-${r * 100 / t.length}%)`,
+              transform: `translateX(-${i * 100 / t.length}%)`,
               width: `${t.length * 100}%`
             },
             children: [
@@ -59966,18 +59971,18 @@ function pre({ images: t, setToFirstPage: e, isFirstPage: n = !1 }) {
                 vee,
                 {
                   onModalClose: () => {
-                    s(!1);
+                    l(!1);
                   },
-                  startIndex: r,
-                  isModalOpen: o,
+                  startIndex: i,
+                  isModalOpen: s,
                   images: t
                 }
               ),
-              t.map((u, d) => /* @__PURE__ */ te.jsx(
+              t.map((d, h) => /* @__PURE__ */ te.jsx(
                 It,
                 {
                   onClick: () => {
-                    s(!0);
+                    l(!0);
                   },
                   sx: {
                     width: `${100 / t.length}%`,
@@ -59990,7 +59995,7 @@ function pre({ images: t, setToFirstPage: e, isFirstPage: n = !1 }) {
                     It,
                     {
                       component: "img",
-                      src: u,
+                      src: d,
                       sx: {
                         width: "100%",
                         height: "100%",
@@ -60000,7 +60005,7 @@ function pre({ images: t, setToFirstPage: e, isFirstPage: n = !1 }) {
                     }
                   )
                 },
-                d
+                h
               ))
             ]
           }
@@ -60017,15 +60022,14 @@ function pre({ images: t, setToFirstPage: e, isFirstPage: n = !1 }) {
         justifyContent: "center",
         gap: 4,
         children: [
-          /* @__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 }) })
+          /* @__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.75",
+  "version": "0.2.76",
   "main": "dist/storybook.components.mjs",
   "types": "dist/build/index.d.ts",
   "files": [