@sfperusacdev/sf-ui 0.2.2 → 0.2.4

package/dist/types/src/components/table/CustomTable.d.ts

@@ -11,6 +11,14 @@ import { CustomTableController } from './customTableController';
  * Todos se apoyan en tokens `--sf-*` para reaccionar al tema activo.
  */
 export type TableHeaderVariant = "default" | "brand" | "soft" | "neon" | "premium" | "matrix";
+/** Estado de una paginación que resuelve el backend (limit/offset). `page` es 1-based. */
+export type CustomTableServerPagination = {
+    totalItems: number;
+    page: number;
+    pageSize: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (pageSize: number) => void;
+};
 type BuiltInAggregation = "sum" | "min" | "max" | "mean" | "median" | "unique" | "uniqueCount" | "count";
 type TableAggregation = BuiltInAggregation | AggregationFn<unknown>;
 type CustomColumn<TData> = {
@@ -67,6 +75,13 @@ type CustomTableProps<TData extends Record<string, unknown>, TDetail extends Rec
     paginationVariant?: PaginationVariant | "legacy";
     /** Opciones del selector "Mostrar N registros por página". Default: 10/25/50/100/200. */
     pageSizeOptions?: number[];
+    /**
+     * Paginación en servidor: `data` ya es UNA página que trajo el backend. El
+     * CustomTable no la recorta y dibuja el mismo paginador dentro de la tarjeta
+     * con estos valores. Excluye a `enablePagination` (paginación en cliente).
+     * Las pantallas arrancan con `pageSize` 25 (regla del producto).
+     */
+    serverPagination?: CustomTableServerPagination;
     fillParentHeight?: boolean;
     maxBodyHeightPx?: number;
     className?: string;
@@ -122,5 +137,5 @@ type CustomTableProps<TData extends Record<string, unknown>, TDetail extends Rec
     detail?: CustomTableDetail<TData, TDetail>;
     controller?: CustomTableController<TData>;
 };
-export declare function CustomTable<TData extends Record<string, unknown>, TDetail extends Record<string, unknown> = Record<string, unknown>>({ id, stateStore, data, columns, grouping, defaultGrouping, enableGrouping, enableSorting, enableFiltering, enablePagination, pageSize, paginationVariant, pageSizeOptions, fillParentHeight, maxBodyHeightPx, className, emptyMessage, title, subtitle, sidePanel, onGroupingChange, toolbarSlot, belowToolbarSlot, loading, loadingMessage, isFetching, error, onRetry, onRefresh, onRowClick, enableRowSelection, getRowActions, getBulkActions, bulkActionsSlot, onSelectionChange, headerVariant, searchPlaceholder, embedded, detail, controller, }: CustomTableProps<TData, TDetail>): import("react").JSX.Element;
+export declare function CustomTable<TData extends Record<string, unknown>, TDetail extends Record<string, unknown> = Record<string, unknown>>({ id, stateStore, data, columns, grouping, defaultGrouping, enableGrouping, enableSorting, enableFiltering, enablePagination, pageSize, paginationVariant, pageSizeOptions, serverPagination, fillParentHeight, maxBodyHeightPx, className, emptyMessage, title, subtitle, sidePanel, onGroupingChange, toolbarSlot, belowToolbarSlot, loading, loadingMessage, isFetching, error, onRetry, onRefresh, onRowClick, enableRowSelection, getRowActions, getBulkActions, bulkActionsSlot, onSelectionChange, headerVariant, searchPlaceholder, embedded, detail, controller, }: CustomTableProps<TData, TDetail>): import("react").JSX.Element;
 export type { CustomColumn, CustomTableDetail, CustomTableProps, TableAggregation };

package/dist/types/src/components/table/CustomTable.pagination.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/table/index.d.ts

@@ -1,5 +1,5 @@
 export { CustomTable } from './CustomTable';
-export type { CustomColumn, CustomTableDetail, CustomTableProps, TableHeaderVariant } from './CustomTable';
+export type { CustomColumn, CustomTableDetail, CustomTableProps, CustomTableServerPagination, TableHeaderVariant, } from './CustomTable';
 export { AsyncCustomTable } from './AsyncCustomTable';
 export type { AsyncCustomTableProps } from './AsyncCustomTable';
 export { PaginationRangeInput } from './PaginationRangeInput';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sfperusacdev/sf-ui",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "SF UI — librería de componentes React (inputs, tablas, hooks) para aplicaciones SF Perú.",
   "type": "module",
   "main": "./dist/sf-ui.umd.cjs",