@underverse-ui/underverse 2.0.16 → 2.0.17

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "2.0.16",
+  "version": "2.0.17",
   "sourceEntry": "src/index.ts",
   "totalExports": 257,
   "exports": [

package/dist/index.cjs

@@ -31843,24 +31843,19 @@ function DataTablePagination({
   pageSizeOptions,
   setCurPageSize,
   size,
-  align
+  align,
+  paginationRange
 }) {
   const totalPages = Math.ceil(totalItems / curPageSize);
   const pages = import_react35.default.useMemo(() => {
-    const result = [];
-    if (totalPages <= 5) {
-      for (let i = 1; i <= totalPages; i++) result.push(i);
-      return result;
-    }
-    result.push(1);
-    if (curPage > 3) result.push("...");
-    const start = Math.max(2, curPage - 1);
-    const end = Math.min(totalPages - 1, curPage + 1);
-    for (let i = start; i <= end; i++) result.push(i);
-    if (curPage < totalPages - 2) result.push("...");
-    result.push(totalPages);
-    return result;
-  }, [curPage, totalPages]);
+    const edgeCount = Math.max(1, Math.floor(paginationRange ?? (totalPages < 14 ? 3 : 5)));
+    if (totalPages <= edgeCount * 2 + 3) return Array.from({ length: totalPages }, (_, index) => index + 1);
+    const pageNumbers = /* @__PURE__ */ new Set();
+    for (let page = 1; page <= edgeCount; page += 1) pageNumbers.add(page);
+    for (let page = totalPages - edgeCount + 1; page <= totalPages; page += 1) pageNumbers.add(page);
+    for (let page = Math.max(1, curPage - 1); page <= Math.min(totalPages, curPage + 1); page += 1) pageNumbers.add(page);
+    return Array.from(pageNumbers).sort((a, b) => a - b).flatMap((page, index, sortedPages) => index > 0 && page - sortedPages[index - 1] > 1 ? ["...", page] : [page]);
+  }, [curPage, paginationRange, totalPages]);
   if (totalItems === 0) return null;
   const controlButtonSize = size === "lg" ? "md" : "sm";
   const navBtnClass = size === "sm" ? "h-6 w-6 p-0 rounded-full" : size === "lg" ? "h-8 w-8 p-0 rounded-full" : "h-7 w-7 p-0 rounded-full";
@@ -32646,6 +32641,7 @@ function DataTable({
   estimatedRowHeight,
   overscan = 8,
   paginationAlign = "right",
+  paginationRange,
   enableHeaderAutoFit = true,
   labels,
   columnColorGroups,
@@ -32898,7 +32894,8 @@ function DataTable({
         pageSizeOptions,
         setCurPageSize,
         size,
-        align: paginationAlign
+        align: paginationAlign,
+        paginationRange
       }
     )
   ] });