@moontra/moonui-pro 2.25.8 → 2.25.10

package/dist/index.mjs

@@ -73703,6 +73703,7 @@ function DataTable({
   selectable = false,
   pagination = true,
   pageSize = 10,
+  pageSizeOptions = [5, 10, 20, 50, 100],
   className,
   onRowSelect,
   onExport,
@@ -73762,6 +73763,10 @@ function DataTable({
   const [columnVisibility, setColumnVisibility] = t__default.useState({});
   const [rowSelection, setRowSelection] = t__default.useState({});
   const [globalFilter, setGlobalFilter] = t__default.useState("");
+  const [paginationState, setPaginationState] = t__default.useState({
+    pageIndex: 0,
+    pageSize: defaultPageSize || pageSize || 10
+  });
   const [isPaginationLoading, setIsPaginationLoading] = t__default.useState(false);
   const [internalExpandedRows, setInternalExpandedRows] = t__default.useState(/* @__PURE__ */ new Set());
   const [filterDrawerOpen, setFilterDrawerOpen] = t__default.useState(false);
@@ -73791,6 +73796,7 @@ function DataTable({
     columns,
     onSortingChange: onSortingChange !== void 0 ? onSortingChange : setSorting,
     onColumnFiltersChange: onColumnFiltersChange !== void 0 ? onColumnFiltersChange : setColumnFilters,
+    onPaginationChange: onPaginationChange !== void 0 ? onPaginationChange : setPaginationState,
     getCoreRowModel: getCoreRowModel(),
     getPaginationRowModel: getPaginationRowModel(),
     getSortedRowModel: getSortedRowModel(),
@@ -73880,6 +73886,7 @@ function DataTable({
       columnVisibility: externalState?.columnVisibility ?? columnVisibility,
       rowSelection: externalState?.rowSelection ?? rowSelection,
       globalFilter: externalState?.globalFilter ?? globalFilter,
+      pagination: externalState?.pagination ?? paginationState,
       ...externalState || {}
     },
     initialState: {
@@ -74109,14 +74116,22 @@ function DataTable({
             {
               value: table.getState().pagination.pageSize,
               onChange: async (e) => {
-                setIsPaginationLoading(true);
-                await new Promise((resolve) => setTimeout(resolve, 300));
-                table.setPageSize(Number(e.target.value));
-                setIsPaginationLoading(false);
+                const newPageSize = Number(e.target.value);
+                if (onPaginationChange) {
+                  onPaginationChange({
+                    pageIndex: table.getState().pagination.pageIndex,
+                    pageSize: newPageSize
+                  });
+                } else {
+                  setIsPaginationLoading(true);
+                  await new Promise((resolve) => setTimeout(resolve, 300));
+                  table.setPageSize(newPageSize);
+                  setIsPaginationLoading(false);
+                }
               },
               className: "h-8 w-[70px] rounded border border-input bg-background px-3 py-1 text-sm",
               disabled: isPaginationLoading,
-              children: [10, 20, 30, 40, 50].map((pageSize2) => /* @__PURE__ */ jsx("option", { value: pageSize2, children: pageSize2 }, pageSize2))
+              children: pageSizeOptions.map((size4) => /* @__PURE__ */ jsx("option", { value: size4, children: size4 }, size4))
             }
           )
         ] }),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.25.8",
+    "version": "2.25.10",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",