@facter/ds-core 1.7.2 → 1.7.4

package/dist/index.d.mts

@@ -299,6 +299,16 @@ interface DataTableProps<TData extends object> {
     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;
 }
@@ -515,7 +525,7 @@ declare const DENSITY_CONFIG: {
     };
 };
 
-declare function DataTableRoot<TData extends object>({ 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;
 }
@@ -609,6 +619,7 @@ declare function useDataTableDensity(): DensityContextValue;
 /**
  * Hook para paginação
  * Retorna informações de paginação memoizadas
+ * Re-renderiza quando pageIndex ou pageSize muda (via contexto)
  */
 declare function useDataTablePagination(): {
     pageIndex: number;

package/dist/index.d.ts

@@ -299,6 +299,16 @@ interface DataTableProps<TData extends object> {
     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;
 }
@@ -515,7 +525,7 @@ declare const DENSITY_CONFIG: {
     };
 };
 
-declare function DataTableRoot<TData extends object>({ 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;
 }
@@ -609,6 +619,7 @@ declare function useDataTableDensity(): DensityContextValue;
 /**
  * Hook para paginação
  * Retorna informações de paginação memoizadas
+ * Re-renderiza quando pageIndex ou pageSize muda (via contexto)
  */
 declare function useDataTablePagination(): {
     pageIndex: number;

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,
@@ -1194,7 +1199,9 @@ function useDataTableInternal({
     table,
     meta,
     density,
-    setDensity
+    setDensity,
+    pageIndex: pagination.pageIndex,
+    pageSize: pagination.pageSize
   };
 }
 var DataTableInstanceContext = React49__namespace.createContext(null);
@@ -1203,12 +1210,16 @@ var DataTableMetaContext = React49__namespace.createContext(null);
 DataTableMetaContext.displayName = "DataTableMetaContext";
 var DataTableDensityContext = React49__namespace.createContext(null);
 DataTableDensityContext.displayName = "DataTableDensityContext";
+var DataTablePaginationContext = React49__namespace.createContext(null);
+DataTablePaginationContext.displayName = "DataTablePaginationContext";
 function DataTableProvider({
   children,
   table,
   meta,
   density,
-  setDensity
+  setDensity,
+  pageIndex,
+  pageSize
 }) {
   const metaValue = React49__namespace.useMemo(
     () => meta,
@@ -1218,8 +1229,12 @@ function DataTableProvider({
     () => ({ density, setDensity }),
     [density, setDensity]
   );
+  const paginationValue = React49__namespace.useMemo(
+    () => ({ pageIndex, pageSize }),
+    [pageIndex, pageSize]
+  );
   const tableValue = table;
-  return /* @__PURE__ */ jsxRuntime.jsx(DataTableInstanceContext.Provider, { value: tableValue, children: /* @__PURE__ */ jsxRuntime.jsx(DataTableMetaContext.Provider, { value: metaValue, children: /* @__PURE__ */ jsxRuntime.jsx(DataTableDensityContext.Provider, { value: densityValue, children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(DataTableInstanceContext.Provider, { value: tableValue, children: /* @__PURE__ */ jsxRuntime.jsx(DataTableMetaContext.Provider, { value: metaValue, children: /* @__PURE__ */ jsxRuntime.jsx(DataTableDensityContext.Provider, { value: densityValue, children: /* @__PURE__ */ jsxRuntime.jsx(DataTablePaginationContext.Provider, { value: paginationValue, children }) }) }) });
 }
 function useDataTable() {
   const context = React49__namespace.useContext(DataTableInstanceContext);
@@ -1262,9 +1277,18 @@ function useDataTableDensity() {
   }
   return context;
 }
+function useDataTablePaginationContext() {
+  const context = React49__namespace.useContext(DataTablePaginationContext);
+  if (!context) {
+    throw new Error(
+      "useDataTablePagination must be used within <DataTable>. Make sure your component is wrapped with DataTable."
+    );
+  }
+  return context;
+}
 function useDataTablePagination() {
   const table = useDataTable();
-  const { pageIndex, pageSize } = table.getState().pagination;
+  const { pageIndex, pageSize } = useDataTablePaginationContext();
   return React49__namespace.useMemo(() => {
     const pageCount = table.getPageCount();
     return {
@@ -1315,12 +1339,16 @@ function DataTableRoot({
   data,
   columns,
   getRowId,
+  manualPagination,
+  pageCount,
   className
 }) {
-  const { table, meta, density, setDensity } = useDataTableInternal({
+  const { table, meta, density, setDensity, pageIndex, pageSize } = useDataTableInternal({
     data,
     columns,
-    getRowId
+    getRowId,
+    manualPagination,
+    pageCount
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     DataTableProvider,
@@ -1329,6 +1357,8 @@ function DataTableRoot({
       meta,
       density,
       setDensity,
+      pageIndex,
+      pageSize,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {