@dimaan/ui 0.0.17 → 0.0.18

package/dist/index.d.cts

@@ -1586,6 +1586,28 @@ interface ListPageProps<T> {
     filters?: ListPageFilter<T>[];
     enableRowSelection?: boolean;
     bulkActions?: (selected: T[]) => ReactNode;
+    /**
+     * Controlled pagination state. Pair with `onPaginationChange` and `totalCount`
+     * for server-side pagination — the consumer's data-fetching layer becomes
+     * the source of truth for `pageIndex` / `pageSize`.
+     */
+    pagination?: PaginationState;
+    /** Uncontrolled initial pagination state. Ignored when `pagination` is set. */
+    defaultPagination?: PaginationState;
+    /** Fires when the user changes the page or page size. */
+    onPaginationChange?: (next: PaginationState) => void;
+    /**
+     * Total row count across all pages on the server. Setting this flips the
+     * inner Table into server-side mode — it stops slicing `data` locally and
+     * trusts `data` to be the current page already.
+     *
+     * In server-side mode the consumer also typically skips `searchKeys` /
+     * `filters` (those would filter only the current page) and drives search /
+     * filter from the data-fetching layer instead.
+     */
+    totalCount?: number;
+    /** Page-size dropdown options. Defaults to `[10, 25, 50]`. */
+    pageSizeOptions?: readonly number[];
     /**
      * Shown when filters/search are active but match zero rows. Falls back to a
      * "No results — try clearing the search or adjusting the filters" prompt
@@ -1664,7 +1686,7 @@ interface ListPageProps<T> {
  * />
  * ```
  */
-declare function ListPage<T>({ title, description, bordered, actions, data, columns, getRowId, isLoading, loadingRowCount, searchKeys, filters, enableRowSelection, bulkActions, emptyState, noDataState, labels: labelsProp, className, }: ListPageProps<T>): react_jsx_runtime.JSX.Element;
+declare function ListPage<T>({ title, description, bordered, actions, data, columns, getRowId, isLoading, loadingRowCount, searchKeys, filters, enableRowSelection, bulkActions, pagination, defaultPagination, onPaginationChange, totalCount, pageSizeOptions, emptyState, noDataState, labels: labelsProp, className, }: ListPageProps<T>): react_jsx_runtime.JSX.Element;
 
 type RadioGroupSize = 'sm' | 'md' | 'lg';
 /** Outer circle (radio button itself) — sized + bordered. */

package/dist/index.d.ts

@@ -1586,6 +1586,28 @@ interface ListPageProps<T> {
     filters?: ListPageFilter<T>[];
     enableRowSelection?: boolean;
     bulkActions?: (selected: T[]) => ReactNode;
+    /**
+     * Controlled pagination state. Pair with `onPaginationChange` and `totalCount`
+     * for server-side pagination — the consumer's data-fetching layer becomes
+     * the source of truth for `pageIndex` / `pageSize`.
+     */
+    pagination?: PaginationState;
+    /** Uncontrolled initial pagination state. Ignored when `pagination` is set. */
+    defaultPagination?: PaginationState;
+    /** Fires when the user changes the page or page size. */
+    onPaginationChange?: (next: PaginationState) => void;
+    /**
+     * Total row count across all pages on the server. Setting this flips the
+     * inner Table into server-side mode — it stops slicing `data` locally and
+     * trusts `data` to be the current page already.
+     *
+     * In server-side mode the consumer also typically skips `searchKeys` /
+     * `filters` (those would filter only the current page) and drives search /
+     * filter from the data-fetching layer instead.
+     */
+    totalCount?: number;
+    /** Page-size dropdown options. Defaults to `[10, 25, 50]`. */
+    pageSizeOptions?: readonly number[];
     /**
      * Shown when filters/search are active but match zero rows. Falls back to a
      * "No results — try clearing the search or adjusting the filters" prompt
@@ -1664,7 +1686,7 @@ interface ListPageProps<T> {
  * />
  * ```
  */
-declare function ListPage<T>({ title, description, bordered, actions, data, columns, getRowId, isLoading, loadingRowCount, searchKeys, filters, enableRowSelection, bulkActions, emptyState, noDataState, labels: labelsProp, className, }: ListPageProps<T>): react_jsx_runtime.JSX.Element;
+declare function ListPage<T>({ title, description, bordered, actions, data, columns, getRowId, isLoading, loadingRowCount, searchKeys, filters, enableRowSelection, bulkActions, pagination, defaultPagination, onPaginationChange, totalCount, pageSizeOptions, emptyState, noDataState, labels: labelsProp, className, }: ListPageProps<T>): react_jsx_runtime.JSX.Element;
 
 type RadioGroupSize = 'sm' | 'md' | 'lg';
 /** Outer circle (radio button itself) — sized + bordered. */