Merge pull request #611 from ValentinJS/main

Add new 'paginationWithControls' prop
icflorescu · Jun 30, 2024 · 5b88a1e · 5b88a1e
2 parents 4c757fc + 6979596
commit 5b88a1e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/package/DataTable.tsx b/package/DataTable.tsx
@@ -63,6 +63,7 @@ export function DataTable<T>({
   recordsPerPageOptions,
   recordsPerPageLabel = 'Records per page',
   paginationWithEdges,
+  paginationWithControls,
   paginationActiveTextColor,
   paginationActiveBackgroundColor,
   paginationSize = 'sm',
@@ -459,6 +460,7 @@ export function DataTable<T>({
             recordsPerPageOptions={recordsPerPageOptions}
             recordsPerPageLabel={recordsPerPageLabel}
             paginationWithEdges={paginationWithEdges}
+            paginationWithControls={paginationWithControls}
             paginationActiveTextColor={paginationActiveTextColor}
             paginationActiveBackgroundColor={paginationActiveBackgroundColor}
             paginationSize={paginationSize}

diff --git a/package/DataTablePagination.tsx b/package/DataTablePagination.tsx
@@ -30,6 +30,7 @@ export const DataTablePagination = forwardRef(function DataTablePagination(
     page,
     onPageChange,
     paginationWithEdges,
+    paginationWithControls,
     paginationActiveTextColor,
     paginationActiveBackgroundColor,
     paginationSize,
@@ -104,6 +105,7 @@ export const DataTablePagination = forwardRef(function DataTablePagination(
             : undefined
         }
         withEdges={paginationWithEdges}
+        withControls={paginationWithControls}
         value={page}
         onChange={onPageChange}
         size={paginationSize}

diff --git a/package/types/DataTablePaginationProps.ts b/package/types/DataTablePaginationProps.ts
@@ -4,6 +4,7 @@ import type { DataTablePageSizeSelectorProps } from './DataTablePageSizeSelector
 export type DataTablePaginationProps = (
   | {
       paginationWithEdges?: never;
+      paginationWithControls?: never;
       page?: never;
       onPageChange?: never;
       totalRecords?: never;
@@ -18,10 +19,15 @@ export type DataTablePaginationProps = (
     }
   | {
       /**
-       * Whenther to show first and last page navigation buttons.
+       * Whether to show first and last page navigation buttons.
        */
       paginationWithEdges?: boolean;
 
+      /**
+       * Whether to show next and previous page navigation buttons.
+       */
+      paginationWithControls?: boolean;
+
       /**
        * Current page number (1-based).
        * If provided, a pagination component is shown.