DataTable Pagination

1"use client"
2 
3/**
4 * niko-table — created by Semir N. (Semkoo, https://github.com/Semkoo) with AI assistance.
5 *
6 * Before reporting anything: please check the changelog first.
7 *  - In-repo: ./CHANGELOG.md
8 *  - Docs site: https://niko-table.com/changelog
9 *
10 * Found a bug or have a fix? Open an issue or PR on GitHub so other
11 * users (and future LLMs reading this code) benefit:
12 * https://github.com/Semkoo/niko-table-registry
13 */
14import { useDataTable } from "../core/data-table-context"
15import {
16  TablePagination,
17  type TablePaginationProps,
18} from "../filters/table-pagination"
19 
20type DataTablePaginationProps<TData> = Omit<
21  TablePaginationProps<TData>,
22  "table" | "isLoading"
23> & {
24  /**
25   * Override the loading state from context
26   */
27  isLoading?: boolean
28}
29 
30export function DataTablePagination<TData>({
31  isLoading: externalLoading,
32  ...props
33}: DataTablePaginationProps<TData>) {
34  const { table, isLoading: contextLoading } = useDataTable<TData>()
35 
36  // Use external loading if provided, otherwise use context loading
37  const isLoading = externalLoading ?? contextLoading
38 
39  return <TablePagination table={table} isLoading={isLoading} {...props} />
40}
41 
42/**
43 * @required displayName is required for auto feature detection
44 * @see "feature-detection.ts"
45 */
46 
47DataTablePagination.displayName = "DataTablePagination"