@pagamio/frontend-commons-lib 0.8.355 → 0.8.356

package/lib/shared/hooks/usePagamioTable.js

@@ -138,6 +138,12 @@ function buildQueryParams(config, pagination, sorting, filtering) {
     }
     return params;
 }
+// Backend caps `limit` at 200 (PaginationDto `@Max(200)`, anti-DoS). Export-all
+// pages through at this max so the whole dataset reaches the client in the
+// fewest round-trips the contract allows. Driven through the hook's own param
+// builder — never a hardcoded `limit` in a consumer `queryFn` (see backend
+// pagination convention).
+const MAX_EXPORT_PAGE_SIZE = 200;
 function clientFilter(items, filters) {
     return items.filter((item) => Object.entries(filters).every(([key, value]) => key === 'search' || !value || value === 'all' || item[key]?.toString() === value));
 }
@@ -264,6 +270,49 @@ export const usePagamioTable = ({ queryKey, queryFn, enabled: queryEnabled = tru
             queryClient.invalidateQueries({ queryKey });
         }
     }, [isServerMode, queryKey, queryClient]);
+    // ── Export-all: fetch every server row, not just the current page ──
+    // Pages through the same `queryFn` at the backend's max `limit`, preserving
+    // the user's current sort/filters/search so the export matches what they see.
+    // Returns the full flattened dataset for the client-side export utils.
+    const fetchAllPages = useCallback(async () => {
+        if (!isServerMode || !queryFn) {
+            // Client-mode tables already hold the whole filtered/sorted set.
+            return processedData;
+        }
+        const buildPageParams = (page) => buildQueryParams(queryParamConfig, { mode: paginationConfig.mode, page, size: MAX_EXPORT_PAGE_SIZE }, { mode: sortingConfig.mode, sortConfig }, { mode: filteringConfig.mode, searchMode, filters: appliedFilters });
+        // Always start from the first page (index 0) regardless of where the user
+        // is paged to. The first response also gives us the true total, so we
+        // derive the page count from it rather than the possibly-stale live view.
+        const firstRaw = await queryFn(buildPageParams(0));
+        const first = processResponse(firstRaw, responseMapping);
+        const all = [...first.data];
+        const total = first.total || serverTotal;
+        const totalPages = Math.max(1, Math.ceil(total / MAX_EXPORT_PAGE_SIZE));
+        // Pages are zero/one-based per the consumer's `queryParamConfig.transform`;
+        // `buildQueryParams` already applies that transform, so we just feed it the
+        // hook's internal zero-based index and let the config bump it.
+        for (let page = 1; page < totalPages; page++) {
+            const raw = await queryFn(buildPageParams(page));
+            const { data: pageData } = processResponse(raw, responseMapping);
+            if (pageData.length === 0)
+                break; // defensive: stop if a page comes back empty
+            all.push(...pageData);
+        }
+        return all;
+    }, [
+        isServerMode,
+        queryFn,
+        processedData,
+        queryParamConfig,
+        paginationConfig.mode,
+        sortingConfig.mode,
+        sortConfig,
+        filteringConfig.mode,
+        searchMode,
+        appliedFilters,
+        responseMapping,
+        serverTotal,
+    ]);
     // ── Search handler (for <input> onChange) ────────────────────────
     const handleSearchChange = useCallback((e) => {
         setSearchQuery(e.target.value);
@@ -307,6 +356,18 @@ export const usePagamioTable = ({ queryKey, queryFn, enabled: queryEnabled = tru
                 ...toolbar,
                 onClearFilters: clearFilters,
                 showClearFilters: toolbar.showClearFilters ?? true,
+                // Auto-wire export-all for server-paginated tables. Providing
+                // `fetchAllData` makes PagamioTable surface the "Export all data"
+                // checkbox; checking it pages through the full dataset. A consumer
+                // can still override with its own `fetchAllData` (e.g. a dedicated
+                // export endpoint).
+                ...(toolbar.export?.enabled &&
+                    isServerMode && {
+                    export: {
+                        ...toolbar.export,
+                        fetchAllData: toolbar.export.fetchAllData ?? fetchAllPages,
+                    },
+                }),
             },
         }),
         ...(onRowClick && { onRowClick }),
@@ -336,6 +397,8 @@ export const usePagamioTable = ({ queryKey, queryFn, enabled: queryEnabled = tru
         searchPlaceholder,
         toolbar,
         clearFilters,
+        isServerMode,
+        fetchAllPages,
         onRowClick,
         rowClassName,
         expandable,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagamio/frontend-commons-lib",
   "description": "Pagamio library for Frontend reusable components like the form engine and table container",
-  "version": "0.8.355",
+  "version": "0.8.356",
   "publishConfig": {
     "access": "public",
     "provenance": false