@facter/ds-core 1.7.3 → 1.7.5

package/dist/index.d.mts

@@ -619,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

@@ -619,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

@@ -1151,6 +1151,7 @@ function useDataTableInternal({
     pageIndex: 0,
     pageSize: 10
   });
+  console.log("[useDataTableInternal] pagination state", pagination);
   const table = reactTable.useReactTable({
     data,
     columns,
@@ -1199,7 +1200,9 @@ function useDataTableInternal({
     table,
     meta,
     density,
-    setDensity
+    setDensity,
+    pageIndex: pagination.pageIndex,
+    pageSize: pagination.pageSize
   };
 }
 var DataTableInstanceContext = React49__namespace.createContext(null);
@@ -1208,12 +1211,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,
@@ -1223,8 +1230,15 @@ function DataTableProvider({
     () => ({ density, setDensity }),
     [density, setDensity]
   );
+  const paginationValue = React49__namespace.useMemo(
+    () => {
+      console.log("[DataTableProvider] creating paginationValue", { pageIndex, pageSize });
+      return { 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);
@@ -1267,9 +1281,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 {
@@ -1324,7 +1347,7 @@ function DataTableRoot({
   pageCount,
   className
 }) {
-  const { table, meta, density, setDensity } = useDataTableInternal({
+  const { table, meta, density, setDensity, pageIndex, pageSize } = useDataTableInternal({
     data,
     columns,
     getRowId,
@@ -1338,6 +1361,8 @@ function DataTableRoot({
       meta,
       density,
       setDensity,
+      pageIndex,
+      pageSize,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
@@ -1626,6 +1651,7 @@ var DataTablePagination = React49__namespace.memo(function DataTablePagination2(
 }) {
   useDataTable();
   const { selectedRowCount, totalRows } = useDataTableMeta();
+  const paginationHook = useDataTablePagination();
   const {
     pageIndex,
     pageSize,
@@ -1638,7 +1664,8 @@ var DataTablePagination = React49__namespace.memo(function DataTablePagination2(
     nextPage,
     firstPage,
     lastPage
-  } = useDataTablePagination();
+  } = paginationHook;
+  console.log("[DataTablePagination] render", { mode, pageIndex, pageSize, externalPageCount, internalPageCount });
   const pageCount = mode === "server" && externalPageCount !== void 0 ? externalPageCount : internalPageCount;
   const canGoPrevious = pageIndex > 0;
   const canGoNext = pageIndex < pageCount - 1;
@@ -1716,7 +1743,11 @@ var DataTablePagination = React49__namespace.memo(function DataTablePagination2(
                 variant: "outline",
                 size: "icon-sm",
                 className: "h-8 w-8 p-0",
-                onClick: nextPage,
+                onClick: () => {
+                  console.log("[DataTablePagination] nextPage clicked, current pageIndex:", pageIndex);
+                  nextPage();
+                  console.log("[DataTablePagination] nextPage called");
+                },
                 disabled: !canGoNext,
                 "aria-label": "Pr\xF3xima p\xE1gina",
                 children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })