@facter/ds-core 1.25.0 → 1.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +9 -1
- package/dist/index.d.ts +9 -1
- package/dist/index.js +13 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +13 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -311,6 +311,14 @@ interface DataTableProps<TData extends object> {
|
|
|
311
311
|
* Usado para calcular navegação quando dados vêm do servidor.
|
|
312
312
|
*/
|
|
313
313
|
pageCount?: number;
|
|
314
|
+
/**
|
|
315
|
+
* Callback disparado quando page ou pageSize mudam (server-side pagination).
|
|
316
|
+
* Inclui mudanças do autoPageSize e do seletor manual.
|
|
317
|
+
*/
|
|
318
|
+
onPaginationChange?: (pagination: {
|
|
319
|
+
pageIndex: number;
|
|
320
|
+
pageSize: number;
|
|
321
|
+
}) => void;
|
|
314
322
|
/** Custom className */
|
|
315
323
|
className?: string;
|
|
316
324
|
}
|
|
@@ -547,7 +555,7 @@ declare const DENSITY_CONFIG: {
|
|
|
547
555
|
};
|
|
548
556
|
};
|
|
549
557
|
|
|
550
|
-
declare function DataTableRoot<TData extends object>({ children, data, columns, getRowId, manualPagination, pageCount, initialPageSize, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
|
|
558
|
+
declare function DataTableRoot<TData extends object>({ children, data, columns, getRowId, manualPagination, pageCount, initialPageSize, onPaginationChange, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
|
|
551
559
|
declare namespace DataTableRoot {
|
|
552
560
|
var displayName: string;
|
|
553
561
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -311,6 +311,14 @@ interface DataTableProps<TData extends object> {
|
|
|
311
311
|
* Usado para calcular navegação quando dados vêm do servidor.
|
|
312
312
|
*/
|
|
313
313
|
pageCount?: number;
|
|
314
|
+
/**
|
|
315
|
+
* Callback disparado quando page ou pageSize mudam (server-side pagination).
|
|
316
|
+
* Inclui mudanças do autoPageSize e do seletor manual.
|
|
317
|
+
*/
|
|
318
|
+
onPaginationChange?: (pagination: {
|
|
319
|
+
pageIndex: number;
|
|
320
|
+
pageSize: number;
|
|
321
|
+
}) => void;
|
|
314
322
|
/** Custom className */
|
|
315
323
|
className?: string;
|
|
316
324
|
}
|
|
@@ -547,7 +555,7 @@ declare const DENSITY_CONFIG: {
|
|
|
547
555
|
};
|
|
548
556
|
};
|
|
549
557
|
|
|
550
|
-
declare function DataTableRoot<TData extends object>({ children, data, columns, getRowId, manualPagination, pageCount, initialPageSize, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
|
|
558
|
+
declare function DataTableRoot<TData extends object>({ children, data, columns, getRowId, manualPagination, pageCount, initialPageSize, onPaginationChange, className, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
|
|
551
559
|
declare namespace DataTableRoot {
|
|
552
560
|
var displayName: string;
|
|
553
561
|
}
|
package/dist/index.js
CHANGED
|
@@ -1142,7 +1142,8 @@ function useDataTableInternal({
|
|
|
1142
1142
|
getRowId,
|
|
1143
1143
|
manualPagination = false,
|
|
1144
1144
|
pageCount: externalPageCount,
|
|
1145
|
-
initialPageSize = 10
|
|
1145
|
+
initialPageSize = 10,
|
|
1146
|
+
onPaginationChange: onPaginationChangeProp
|
|
1146
1147
|
}) {
|
|
1147
1148
|
const [rowSelection, setRowSelection] = React10__namespace.useState({});
|
|
1148
1149
|
const [columnVisibility, setColumnVisibility] = React10__namespace.useState({});
|
|
@@ -1187,6 +1188,14 @@ function useDataTableInternal({
|
|
|
1187
1188
|
getPaginationRowModel: reactTable.getPaginationRowModel(),
|
|
1188
1189
|
getSortedRowModel: reactTable.getSortedRowModel()
|
|
1189
1190
|
});
|
|
1191
|
+
React10__namespace.useEffect(() => {
|
|
1192
|
+
if (onPaginationChangeProp) {
|
|
1193
|
+
onPaginationChangeProp({
|
|
1194
|
+
pageIndex: pagination.pageIndex,
|
|
1195
|
+
pageSize: pagination.pageSize
|
|
1196
|
+
});
|
|
1197
|
+
}
|
|
1198
|
+
}, [pagination.pageIndex, pagination.pageSize, onPaginationChangeProp]);
|
|
1190
1199
|
const meta = React10__namespace.useMemo(
|
|
1191
1200
|
() => ({
|
|
1192
1201
|
isLoading: false,
|
|
@@ -1376,6 +1385,7 @@ function DataTableRoot({
|
|
|
1376
1385
|
manualPagination,
|
|
1377
1386
|
pageCount,
|
|
1378
1387
|
initialPageSize,
|
|
1388
|
+
onPaginationChange,
|
|
1379
1389
|
className
|
|
1380
1390
|
}) {
|
|
1381
1391
|
const { table, meta, density, setDensity, pageIndex, pageSize } = useDataTableInternal({
|
|
@@ -1384,7 +1394,8 @@ function DataTableRoot({
|
|
|
1384
1394
|
getRowId,
|
|
1385
1395
|
manualPagination,
|
|
1386
1396
|
pageCount,
|
|
1387
|
-
initialPageSize
|
|
1397
|
+
initialPageSize,
|
|
1398
|
+
onPaginationChange
|
|
1388
1399
|
});
|
|
1389
1400
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1390
1401
|
DataTableProvider,
|