@julseb-lib/react 1.0.10 → 1.0.11

package/dist/index.js

@@ -68111,25 +68111,28 @@ import { generateNumbers as generateNumbers2 } from "@julseb-lib/utils";
 import { jsx as jsx350 } from "react/jsx-runtime";
 var SlideshowPagination = ({
   className,
-  pagination,
   images,
   active,
   setActive,
-  contentLength
+  contentLength,
+  handleClick,
+  position = "outside",
+  hideOnTouch,
+  color = "primary",
+  type = "dots"
 }) => {
   const isTouchScreen = useTouchScreen();
-  if (isTouchScreen && pagination?.hideOnTouch || contentLength === 0)
-    return null;
+  if (isTouchScreen && hideOnTouch || contentLength === 0) return null;
   return /* @__PURE__ */ jsx350(
     "div",
     {
       className: clsx(
         "flex justify-center gap-2 mx-auto px-2 w-full max-w-[70%]",
-        pagination?.position === "outside" ? "" : "absolute bottom-1 left-[50%] -translate-x-[50%]",
+        position === "outside" ? "" : "absolute bottom-1 left-[50%] -translate-x-[50%]",
         "slideshow-controls",
         className
       ),
-      children: pagination?.type === "thumbnails" ? images?.map((image, i) => /* @__PURE__ */ jsx350(
+      children: type === "thumbnails" ? images?.map((image, i) => /* @__PURE__ */ jsx350(
         "button",
         {
           className: clsx(
@@ -68139,7 +68142,10 @@ var SlideshowPagination = ({
             active === i && "active",
             "slideshow-thumbnail-container"
           ),
-          onClick: () => setActive(i),
+          onClick: () => {
+            setActive(i);
+            handleClick(i);
+          },
           children: /* @__PURE__ */ jsx350(
             "img",
             {
@@ -68157,20 +68163,21 @@ var SlideshowPagination = ({
         {
           className: clsx(
             "",
-            pagination?.type === "dots-outline" ? outlineColor[pagination?.color ?? "primary"] : genBgColor2[pagination?.color ?? "primary"],
+            type === "dots-outline" ? outlineColor[color ?? "primary"] : genBgColor2[color ?? "primary"],
             active === n && "active",
-            pagination?.type === "dots" && [
+            type === "dots" && [
               "size-2 rounded-full block"
             ],
-            pagination?.type === "dots-outline" && [
+            type === "dots-outline" && [
               "size-2 rounded-full border-1"
             ],
-            pagination?.type === "bars" && [
-              "grow h-1 rounded-full"
-            ],
+            type === "bars" && ["grow h-1 rounded-full"],
             "slideshow-control"
           ),
-          onClick: () => setActive(n)
+          onClick: () => {
+            setActive(n);
+            handleClick(n);
+          }
         },
         n
       ))
@@ -68421,17 +68428,16 @@ var Slideshow = ({
         !hidePagination && totalSlides > 1 && /* @__PURE__ */ jsx351(
           SlideshowPagination,
           {
+            className: pagination?.className,
+            images: pagination?.images,
             active: currentSlide,
             setActive: setCurrentSlide,
             contentLength: totalSlides,
             handleClick: goToSlide,
-            pagination: {
-              type: pagination?.type ?? "dots",
-              hideOnTouch: pagination?.hideOnTouch ?? false,
-              position: pagination?.position ?? "outside",
-              color: pagination?.color ?? "primary"
-            },
-            images
+            position: pagination?.position,
+            hideOnTouch: pagination?.hideOnTouch,
+            color: pagination?.color,
+            type: pagination?.type
           }
         )
       ]