@underverse-ui/underverse 2.0.15 → 2.0.17

package/dist/index.d.cts

@@ -2963,13 +2963,15 @@ interface DataTableProps<T> {
     overscan?: number;
     /** Alignment of the page navigation controls. Default: "right" */
     paginationAlign?: DataTablePaginationAlign;
+    /** Number of page buttons pinned at each end. Defaults to 3 below 14 pages, otherwise 5. */
+    paginationRange?: number;
     /** Double-click leaf headers to auto-fit column width based on visible content. Default: true */
     enableHeaderAutoFit?: boolean;
     labels?: DataTableLabels;
     borderMode?: BorderMode;
 }
 
-declare function DataTable<T extends Record<string, any>>({ columns, data, rowKey, loading, total, page, pageSize, pageSizeOptions, onQueryChange, caption, toolbar, showToolbar, size, enableColumnVisibilityToggle, enableDensityToggle, enableHeaderAlignToggle, uppercaseHeader, striped, columnDividers, className, storageKey, stickyHeader, maxHeight, horizontalMode, overflowHidden, useOverlayScrollbar, virtualizedRows, estimatedRowHeight, overscan, paginationAlign, enableHeaderAutoFit, labels, columnColorGroups, borderMode, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T extends Record<string, any>>({ columns, data, rowKey, loading, total, page, pageSize, pageSizeOptions, onQueryChange, caption, toolbar, showToolbar, size, enableColumnVisibilityToggle, enableDensityToggle, enableHeaderAlignToggle, uppercaseHeader, striped, columnDividers, className, storageKey, stickyHeader, maxHeight, horizontalMode, overflowHidden, useOverlayScrollbar, virtualizedRows, estimatedRowHeight, overscan, paginationAlign, paginationRange, enableHeaderAutoFit, labels, columnColorGroups, borderMode, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 /** Public props for the `Table` component. */
 interface TableProps extends React__default.HTMLAttributes<HTMLTableElement> {

package/dist/index.d.ts

@@ -2963,13 +2963,15 @@ interface DataTableProps<T> {
     overscan?: number;
     /** Alignment of the page navigation controls. Default: "right" */
     paginationAlign?: DataTablePaginationAlign;
+    /** Number of page buttons pinned at each end. Defaults to 3 below 14 pages, otherwise 5. */
+    paginationRange?: number;
     /** Double-click leaf headers to auto-fit column width based on visible content. Default: true */
     enableHeaderAutoFit?: boolean;
     labels?: DataTableLabels;
     borderMode?: BorderMode;
 }
 
-declare function DataTable<T extends Record<string, any>>({ columns, data, rowKey, loading, total, page, pageSize, pageSizeOptions, onQueryChange, caption, toolbar, showToolbar, size, enableColumnVisibilityToggle, enableDensityToggle, enableHeaderAlignToggle, uppercaseHeader, striped, columnDividers, className, storageKey, stickyHeader, maxHeight, horizontalMode, overflowHidden, useOverlayScrollbar, virtualizedRows, estimatedRowHeight, overscan, paginationAlign, enableHeaderAutoFit, labels, columnColorGroups, borderMode, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T extends Record<string, any>>({ columns, data, rowKey, loading, total, page, pageSize, pageSizeOptions, onQueryChange, caption, toolbar, showToolbar, size, enableColumnVisibilityToggle, enableDensityToggle, enableHeaderAlignToggle, uppercaseHeader, striped, columnDividers, className, storageKey, stickyHeader, maxHeight, horizontalMode, overflowHidden, useOverlayScrollbar, virtualizedRows, estimatedRowHeight, overscan, paginationAlign, paginationRange, enableHeaderAutoFit, labels, columnColorGroups, borderMode, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 /** Public props for the `Table` component. */
 interface TableProps extends React__default.HTMLAttributes<HTMLTableElement> {

package/dist/index.js

@@ -4,7 +4,7 @@ import {
   extractImageSrcsFromHtml,
   normalizeImageUrl,
   prepareUEditorContentForSave
-} from "./chunk-NWVDNVLR.js";
+} from "./chunk-YM56RXIZ.js";
 import {
   EmojiPicker_default
 } from "./chunk-HTGAV4IG.js";
@@ -16,7 +16,7 @@ import {
 import "./chunk-4TYW5K4J.js";
 import {
   Modal_default
-} from "./chunk-D22TNGE5.js";
+} from "./chunk-HEXF4EOB.js";
 import {
   DropdownMenuItem,
   DropdownMenuSeparator,
@@ -31,7 +31,7 @@ import {
   shadcnAnimationStyles,
   useShadCNAnimations,
   useUnderverseUIConfig
-} from "./chunk-WEGE3MZ5.js";
+} from "./chunk-23VKHYEB.js";
 import {
   ForceInternalTranslationsProvider,
   NextIntlAdapter,
@@ -22021,24 +22021,19 @@ function DataTablePagination({
   pageSizeOptions,
   setCurPageSize,
   size,
-  align
+  align,
+  paginationRange
 }) {
   const totalPages = Math.ceil(totalItems / curPageSize);
   const pages = React51.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";
@@ -22822,6 +22817,7 @@ function DataTable({
   estimatedRowHeight,
   overscan = 8,
   paginationAlign = "right",
+  paginationRange,
   enableHeaderAutoFit = true,
   labels,
   columnColorGroups,
@@ -23074,7 +23070,8 @@ function DataTable({
         pageSizeOptions,
         setCurPageSize,
         size,
-        align: paginationAlign
+        align: paginationAlign,
+        paginationRange
       }
     )
   ] });