@andreagiugni/tailwind-dashboard-ui 1.0.29 → 1.0.30

package/dist/index.js

@@ -538,36 +538,48 @@ var justifyByAlign = {
   center: "justify-center",
   right: "justify-end"
 };
+var getPaginationItems = (currentPage, totalPages) => {
+  const total = Math.max(1, totalPages);
+  const current = Math.min(Math.max(currentPage, 1), total);
+  if (total <= 3) {
+    return Array.from({ length: total }, (_, i) => i + 1);
+  }
+  if (current === 1) {
+    return [1, 2, "ellipsis", total];
+  }
+  if (current === total) {
+    return [1, "ellipsis", total - 1, total];
+  }
+  return [current - 1, current, current + 1];
+};
 var Pagination = ({
   currentPage,
   totalPages,
   onPageChange,
   align
 }) => {
-  const pagesAroundCurrent = Array.from(
-    { length: Math.min(3, totalPages) },
-    (_, i) => i + Math.max(currentPage - 1, 1)
-  );
+  const total = Math.max(1, totalPages);
+  const current = Math.min(Math.max(currentPage, 1), total);
+  const paginationItems = getPaginationItems(current, total);
   const prev = /* @__PURE__ */ jsx(
     "button",
     {
-      onClick: () => onPageChange(currentPage - 1),
-      disabled: currentPage === 1,
+      onClick: () => onPageChange(current - 1),
+      disabled: current === 1,
       "aria-label": "Previous",
       className: navButton,
       children: "Previous"
     }
   );
-  const indices = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-    currentPage > 3 && /* @__PURE__ */ jsx("span", { className: "px-2", children: "..." }),
-    pagesAroundCurrent.map((page) => /* @__PURE__ */ jsx(
+  const indices = /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: paginationItems.map(
+    (item, index) => item === "ellipsis" ? /* @__PURE__ */ jsx("span", { className: "px-2 text-gray-500 dark:text-gray-400", children: "..." }, `ellipsis-${index}`) : /* @__PURE__ */ jsx(
       "button",
       {
-        onClick: () => onPageChange(page),
-        "aria-current": currentPage === page ? "page" : void 0,
+        onClick: () => onPageChange(item),
+        "aria-current": current === item ? "page" : void 0,
         className: cn(
-          "flex w-10 items-center justify-center h-10 rounded-lg text-sm font-medium",
-          currentPage === page ? (
+          "flex h-10 w-10 items-center justify-center rounded-lg text-sm font-medium",
+          current === item ? (
             // active page keeps its color on hover (no hover restyle)
             "bg-brand-500 text-white"
           ) : (
@@ -575,17 +587,16 @@ var Pagination = ({
             "text-gray-700 hover:bg-blue-500/[0.08] hover:text-brand-500 dark:text-gray-400 dark:hover:text-brand-500"
           )
         ),
-        children: page
+        children: item
       },
-      page
-    )),
-    currentPage < totalPages - 2 && /* @__PURE__ */ jsx("span", { className: "px-2", children: "..." })
-  ] });
+      item
+    )
+  ) });
   const next = /* @__PURE__ */ jsx(
     "button",
     {
-      onClick: () => onPageChange(currentPage + 1),
-      disabled: currentPage === totalPages,
+      onClick: () => onPageChange(current + 1),
+      disabled: current === total,
       "aria-label": "Next",
       className: navButton,
       children: "Next"