@djangocfg/ui-nextjs 2.1.188 → 2.1.189

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-nextjs",
-  "version": "2.1.188",
+  "version": "2.1.189",
   "description": "Next.js UI component library with Radix UI primitives, Tailwind CSS styling, charts, and form components",
   "keywords": [
     "ui-components",
@@ -80,10 +80,10 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^2.1.188",
-    "@djangocfg/nextjs": "^2.1.188",
-    "@djangocfg/ui-core": "^2.1.188",
-    "@djangocfg/ui-tools": "^2.1.188",
+    "@djangocfg/api": "^2.1.189",
+    "@djangocfg/nextjs": "^2.1.189",
+    "@djangocfg/ui-core": "^2.1.189",
+    "@djangocfg/ui-tools": "^2.1.189",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
     "consola": "^3.4.2",
@@ -106,7 +106,7 @@
     "react-chartjs-2": "^5.3.0"
   },
   "devDependencies": {
-    "@djangocfg/typescript-config": "^2.1.188",
+    "@djangocfg/typescript-config": "^2.1.189",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-slot": "^1.2.4",
     "@types/node": "^24.7.2",

package/src/components/ssr-pagination.tsx

@@ -61,13 +61,6 @@ export const SSRPagination: React.FC<SSRPaginationProps> = ({
   // Calculate actual navigation state based on current page from URL
   const actualHasPreviousPage = actualCurrentPage > 1;
   
-  // Smart total pages calculation - if we're on a page higher than totalPages,
-  // extend totalPages to include current page + some extra
-  const smartTotalPages = Math.max(
-    totalPages,
-    actualCurrentPage + (hasNextPage ? 5 : 0)
-  );
-  
   // actualHasNextPage kept for clarity, even though it equals hasNextPage
   // @ts-ignore reserved for future use
   const _actualHasNextPage = hasNextPage;
@@ -101,8 +94,8 @@ export const SSRPagination: React.FC<SSRPaginationProps> = ({
     const mobileMaxVisible = 3;
     const effectiveMaxVisible = isMobile ? mobileMaxVisible : maxVisiblePages;
     
-    if (smartTotalPages <= effectiveMaxVisible) {
-      return Array.from({ length: smartTotalPages }, (_, i) => i + 1);
+    if (totalPages <= effectiveMaxVisible) {
+      return Array.from({ length: totalPages }, (_, i) => i + 1);
     }
 
     const pages: (number | 'ellipsis')[] = [];
@@ -114,7 +107,7 @@ export const SSRPagination: React.FC<SSRPaginationProps> = ({
         pages.push(actualCurrentPage - 1);
       }
       pages.push(actualCurrentPage);
-      if (actualCurrentPage < smartTotalPages) {
+      if (actualCurrentPage < totalPages) {
         pages.push(actualCurrentPage + 1);
       }
     } else {
@@ -123,13 +116,13 @@ export const SSRPagination: React.FC<SSRPaginationProps> = ({
       pages.push(1);
 
       let start = Math.max(2, actualCurrentPage - halfVisible);
-      let end = Math.min(smartTotalPages - 1, actualCurrentPage + halfVisible);
+      let end = Math.min(totalPages - 1, actualCurrentPage + halfVisible);
 
       // Adjust range if we're near the beginning or end
       if (actualCurrentPage <= halfVisible + 1) {
-        end = Math.min(smartTotalPages - 1, effectiveMaxVisible - 1);
-      } else if (actualCurrentPage >= smartTotalPages - halfVisible) {
-        start = Math.max(2, smartTotalPages - effectiveMaxVisible + 2);
+        end = Math.min(totalPages - 1, effectiveMaxVisible - 1);
+      } else if (actualCurrentPage >= totalPages - halfVisible) {
+        start = Math.max(2, totalPages - effectiveMaxVisible + 2);
       }
 
       // Add ellipsis after first page if needed
@@ -143,13 +136,13 @@ export const SSRPagination: React.FC<SSRPaginationProps> = ({
       }
 
       // Add ellipsis before last page if needed
-      if (end < smartTotalPages - 1) {
+      if (end < totalPages - 1) {
         pages.push('ellipsis');
       }
 
       // Always show last page (if more than 1 page)
-      if (smartTotalPages > 1) {
-        pages.push(smartTotalPages);
+      if (totalPages > 1) {
+        pages.push(totalPages);
       }
     }
 
@@ -171,7 +164,7 @@ export const SSRPagination: React.FC<SSRPaginationProps> = ({
       {showInfo && (
         <div className="text-sm text-muted-foreground text-center">
           {isMobile ? (
-            `Page ${actualCurrentPage} of ${smartTotalPages}`
+            `Page ${actualCurrentPage} of ${totalPages}`
           ) : (
             `Showing ${startItem.toLocaleString()} to ${endItem.toLocaleString()} of ${totalItems.toLocaleString()} results`
           )}