@pagamio/frontend-commons-lib 0.8.335 → 0.8.336

package/lib/components/ui/FilterComponent.js

@@ -64,11 +64,11 @@ const FilterComponent = ({ filters, selectedFilters, showApplyFilterButton = tru
                                 return (_jsx(DatePicker, { value: value || null, onChange: (date) => handleFilterChange(name, date), placeholder: filter.placeholder ?? `Select ${name}` }));
                             }
                             if (type === 'multi-select') {
-                                return (_jsx(MultiSelect, { options: options ?? [], placeholder: filter.placeholder ?? `Select ${name}`, value: value || [], onChange: (val) => handleFilterChange(name, val), className: "w-full" }));
+                                return (_jsx(MultiSelect, { options: Array.isArray(options) ? options : [], placeholder: filter.placeholder ?? `Select ${name}`, value: value || [], onChange: (val) => handleFilterChange(name, val), className: "w-full" }));
                             }
                             // Default: select
                             const currentValue = value || '';
-                            return (_jsxs(Select, { value: currentValue || undefined, onValueChange: (val) => handleFilterChange(name, val === '__clear__' ? '' : val), children: [_jsx(SelectTrigger, { className: "h-9 w-full border-border bg-background text-sm text-foreground", "aria-label": filter.placeholder ?? name, children: _jsx(SelectValue, { placeholder: filter.placeholder ?? `Select ${name}` }) }), _jsxs(SelectContent, { children: [currentValue && (_jsx(SelectItem, { value: "__clear__", className: "text-muted-foreground", children: filter.placeholder ?? 'All' })), (options ?? []).map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)))] })] }));
+                            return (_jsxs(Select, { value: currentValue || undefined, onValueChange: (val) => handleFilterChange(name, val === '__clear__' ? '' : val), children: [_jsx(SelectTrigger, { className: "h-9 w-full border-border bg-background text-sm text-foreground", "aria-label": filter.placeholder ?? name, children: _jsx(SelectValue, { placeholder: filter.placeholder ?? `Select ${name}` }) }), _jsxs(SelectContent, { children: [currentValue && (_jsx(SelectItem, { value: "__clear__", className: "text-muted-foreground", children: filter.placeholder ?? 'All' })), (Array.isArray(options) ? options : []).map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)))] })] }));
                         };
                         return (
                         // Fluid width: full width on mobile, fluid 180–260px on wider

package/lib/shared/hooks/usePagamioTable.js

@@ -79,8 +79,12 @@ function processResponse(response, mapping) {
     const totalPath = mapping.total ?? '';
     const extractedData = dataPath ? getNestedValue(response, dataPath) : response;
     const extractedTotal = totalPath ? getNestedValue(response, totalPath) : undefined;
-    const data = extractedData ?? mapping.defaultValues?.data ?? [];
-    const total = extractedTotal ?? (Array.isArray(data) ? data.length : 0);
+    // Guard against the API returning a non-array at the data path (single-entity
+    // response, error envelope, accidentally wrapped paginated response). Downstream
+    // consumers iterate `data` directly, so we must hand back an array.
+    const fallback = mapping.defaultValues?.data ?? [];
+    const data = Array.isArray(extractedData) ? extractedData : fallback;
+    const total = extractedTotal ?? data.length;
     return { data, total };
 }
 function buildQueryParams(config, pagination, sorting, filtering) {
@@ -195,7 +199,7 @@ export const usePagamioTable = ({ queryKey, queryFn, enabled: queryEnabled = tru
         return { serverData: processed.data, serverTotal: processed.total };
     }, [rawResponse, responseMapping, isServerMode]);
     // ── Client-side data processing ──────────────────────────────────
-    const rawData = isServerMode ? serverData : (clientData ?? []);
+    const rawData = isServerMode ? serverData : Array.isArray(clientData) ? clientData : [];
     const processedData = useMemo(() => {
         let items = [...rawData];
         if (searchMode === 'client' && searchQuery) {

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.335",
+  "version": "0.8.336",
   "publishConfig": {
     "access": "public",
     "provenance": false