@facter/ds-core 1.25.0 → 1.27.0

package/dist/index.d.mts

@@ -311,6 +311,14 @@ interface DataTableProps<TData extends object> {
      * Usado para calcular navegação quando dados vêm do servidor.
      */
     pageCount?: number;
+    /**
+     * Callback disparado quando page ou pageSize mudam (server-side pagination).
+     * Inclui mudanças do autoPageSize e do seletor manual.
+     */
+    onPaginationChange?: (pagination: {
+        pageIndex: number;
+        pageSize: number;
+    }) => void;
     /** Custom className */
     className?: string;
 }
@@ -547,7 +555,7 @@ declare const DENSITY_CONFIG: {
     };
 };
 
-declare function DataTableRoot<TData extends object>({ children, data, columns, getRowId, manualPagination, pageCount, initialPageSize, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DataTableRoot<TData extends object>({ children, data, columns, getRowId, manualPagination, pageCount, initialPageSize, onPaginationChange, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
 declare namespace DataTableRoot {
     var displayName: string;
 }

package/dist/index.d.ts

@@ -311,6 +311,14 @@ interface DataTableProps<TData extends object> {
      * Usado para calcular navegação quando dados vêm do servidor.
      */
     pageCount?: number;
+    /**
+     * Callback disparado quando page ou pageSize mudam (server-side pagination).
+     * Inclui mudanças do autoPageSize e do seletor manual.
+     */
+    onPaginationChange?: (pagination: {
+        pageIndex: number;
+        pageSize: number;
+    }) => void;
     /** Custom className */
     className?: string;
 }
@@ -547,7 +555,7 @@ declare const DENSITY_CONFIG: {
     };
 };
 
-declare function DataTableRoot<TData extends object>({ children, data, columns, getRowId, manualPagination, pageCount, initialPageSize, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DataTableRoot<TData extends object>({ children, data, columns, getRowId, manualPagination, pageCount, initialPageSize, onPaginationChange, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
 declare namespace DataTableRoot {
     var displayName: string;
 }

package/dist/index.js

@@ -129,7 +129,7 @@ function CardTitle({ className, ...props }) {
     "h3",
     {
       className: cn(
-        "text-2xl font-semibold leading-none tracking-tight",
+        "text-2xl font-semibold leading-none tracking-tight font-heading",
         className
       ),
       ...props
@@ -1142,7 +1142,8 @@ function useDataTableInternal({
   getRowId,
   manualPagination = false,
   pageCount: externalPageCount,
-  initialPageSize = 10
+  initialPageSize = 10,
+  onPaginationChange: onPaginationChangeProp
 }) {
   const [rowSelection, setRowSelection] = React10__namespace.useState({});
   const [columnVisibility, setColumnVisibility] = React10__namespace.useState({});
@@ -1187,6 +1188,14 @@ function useDataTableInternal({
     getPaginationRowModel: reactTable.getPaginationRowModel(),
     getSortedRowModel: reactTable.getSortedRowModel()
   });
+  React10__namespace.useEffect(() => {
+    if (onPaginationChangeProp) {
+      onPaginationChangeProp({
+        pageIndex: pagination.pageIndex,
+        pageSize: pagination.pageSize
+      });
+    }
+  }, [pagination.pageIndex, pagination.pageSize, onPaginationChangeProp]);
   const meta = React10__namespace.useMemo(
     () => ({
       isLoading: false,
@@ -1376,6 +1385,7 @@ function DataTableRoot({
   manualPagination,
   pageCount,
   initialPageSize,
+  onPaginationChange,
   className
 }) {
   const { table, meta, density, setDensity, pageIndex, pageSize } = useDataTableInternal({
@@ -1384,7 +1394,8 @@ function DataTableRoot({
     getRowId,
     manualPagination,
     pageCount,
-    initialPageSize
+    initialPageSize,
+    onPaginationChange
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     DataTableProvider,
@@ -2619,7 +2630,7 @@ var DialogTitle = React10__namespace.memo(
     {
       ref,
       className: cn(
-        "text-2xl font-semibold leading-none tracking-tight",
+        "text-2xl font-semibold leading-none tracking-tight font-heading",
         className
       ),
       ...props
@@ -6697,7 +6708,7 @@ var PageHeader = React10__namespace.memo(function PageHeader2({
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col leading-none", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-3xl font-semibold", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-3xl font-semibold font-heading", children: title }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[1.05rem] text-muted-foreground max-w-lg text-balance leading-relaxed", children: description })
         ] }),
         children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3 mt-2 sm:mt-0 shrink-0", children })