@facter/ds-core 1.7.1 → 1.7.3

package/dist/index.d.mts

@@ -287,10 +287,10 @@ declare const EmptyState: React$1.NamedExoticComponent<EmptyStateProps>;
 /**
  * Props do componente root DataTable.
  *
- * TData deve ser um objeto (Record<string, unknown>) para garantir
- * type-safety com o TanStack Table e permitir acesso a propriedades.
+ * TData deve ser um objeto para garantir type-safety com o TanStack Table.
+ * Usando `extends object` para aceitar interfaces TypeScript normalmente.
  */
-interface DataTableProps<TData extends Record<string, unknown>> {
+interface DataTableProps<TData extends object> {
     /** Data array - deve ser memoizado pelo consumer */
     data: TData[];
     /** Column definitions - deve ser memoizado pelo consumer */
@@ -299,6 +299,16 @@ interface DataTableProps<TData extends Record<string, unknown>> {
     children: React$1.ReactNode;
     /** Função para obter ID único da row */
     getRowId?: (row: TData) => string;
+    /**
+     * Habilita server-side pagination.
+     * Quando true, a tabela não faz paginação local e depende do servidor.
+     */
+    manualPagination?: boolean;
+    /**
+     * Total de páginas (obrigatório se manualPagination=true).
+     * Usado para calcular navegação quando dados vêm do servidor.
+     */
+    pageCount?: number;
     /** Custom className */
     className?: string;
 }
@@ -470,7 +480,7 @@ interface DataTableContextValue<TData = unknown> {
     density: DataTableDensity;
     setDensity: (density: DataTableDensity) => void;
 }
-interface UseDataTableConfig<TData extends Record<string, unknown>> {
+interface UseDataTableConfig<TData extends object> {
     data: TData[];
     columns: ColumnDef<TData, unknown>[];
     getRowId?: (row: TData) => string;
@@ -515,7 +525,7 @@ declare const DENSITY_CONFIG: {
     };
 };
 
-declare function DataTableRoot<TData extends Record<string, unknown>>({ children, data, columns, getRowId, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DataTableRoot<TData extends object>({ children, data, columns, getRowId, manualPagination, pageCount, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
 declare namespace DataTableRoot {
     var displayName: string;
 }

package/dist/index.d.ts

@@ -287,10 +287,10 @@ declare const EmptyState: React$1.NamedExoticComponent<EmptyStateProps>;
 /**
  * Props do componente root DataTable.
  *
- * TData deve ser um objeto (Record<string, unknown>) para garantir
- * type-safety com o TanStack Table e permitir acesso a propriedades.
+ * TData deve ser um objeto para garantir type-safety com o TanStack Table.
+ * Usando `extends object` para aceitar interfaces TypeScript normalmente.
  */
-interface DataTableProps<TData extends Record<string, unknown>> {
+interface DataTableProps<TData extends object> {
     /** Data array - deve ser memoizado pelo consumer */
     data: TData[];
     /** Column definitions - deve ser memoizado pelo consumer */
@@ -299,6 +299,16 @@ interface DataTableProps<TData extends Record<string, unknown>> {
     children: React$1.ReactNode;
     /** Função para obter ID único da row */
     getRowId?: (row: TData) => string;
+    /**
+     * Habilita server-side pagination.
+     * Quando true, a tabela não faz paginação local e depende do servidor.
+     */
+    manualPagination?: boolean;
+    /**
+     * Total de páginas (obrigatório se manualPagination=true).
+     * Usado para calcular navegação quando dados vêm do servidor.
+     */
+    pageCount?: number;
     /** Custom className */
     className?: string;
 }
@@ -470,7 +480,7 @@ interface DataTableContextValue<TData = unknown> {
     density: DataTableDensity;
     setDensity: (density: DataTableDensity) => void;
 }
-interface UseDataTableConfig<TData extends Record<string, unknown>> {
+interface UseDataTableConfig<TData extends object> {
     data: TData[];
     columns: ColumnDef<TData, unknown>[];
     getRowId?: (row: TData) => string;
@@ -515,7 +525,7 @@ declare const DENSITY_CONFIG: {
     };
 };
 
-declare function DataTableRoot<TData extends Record<string, unknown>>({ children, data, columns, getRowId, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DataTableRoot<TData extends object>({ children, data, columns, getRowId, manualPagination, pageCount, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
 declare namespace DataTableRoot {
     var displayName: string;
 }

package/dist/index.js

@@ -1137,7 +1137,9 @@ EmptyState.displayName = "EmptyState";
 function useDataTableInternal({
   data,
   columns,
-  getRowId
+  getRowId,
+  manualPagination = false,
+  pageCount: externalPageCount
 }) {
   const [rowSelection, setRowSelection] = React49__namespace.useState({});
   const [columnVisibility, setColumnVisibility] = React49__namespace.useState({});
@@ -1166,6 +1168,9 @@ function useDataTableInternal({
     enableSorting: true,
     enableFilters: true,
     enableGlobalFilter: true,
+    // Server-side pagination support
+    manualPagination,
+    pageCount: manualPagination ? externalPageCount : void 0,
     // Handlers
     onRowSelectionChange: setRowSelection,
     onSortingChange: setSorting,
@@ -1315,12 +1320,16 @@ function DataTableRoot({
   data,
   columns,
   getRowId,
+  manualPagination,
+  pageCount,
   className
 }) {
   const { table, meta, density, setDensity } = useDataTableInternal({
     data,
     columns,
-    getRowId
+    getRowId,
+    manualPagination,
+    pageCount
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     DataTableProvider,