@pagamio/frontend-commons-lib 0.8.334 → 0.8.336

package/lib/api/swr.d.ts

@@ -42,5 +42,5 @@ export declare function useApiSWRWithMutation<ResponseData>(endpoint: Key, confi
     data: ResponseData | undefined;
     error: ApiErrorResponse | undefined;
     isValidating: boolean;
-    isLoading: import("swr/dist/_internal").IsLoadingResponse<Data, Config>;
+    isLoading: import("swr/_internal").IsLoadingResponse<Data, Config>;
 };

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/components/ui/Label.d.ts

@@ -1,5 +1,5 @@
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
 export default Label;

package/lib/components/ui/Sheet.d.ts

@@ -9,7 +9,7 @@ declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
     side?: "left" | "right" | "bottom" | "top" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/ui/StatCard.d.ts

@@ -3,15 +3,15 @@ import * as React from 'react';
 declare const statCardVariants: (props?: ({
     variant?: "green" | "orange" | "teal" | "dark" | "light" | "primary" | "light-orange" | "light-teal" | "light-green" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const iconContainerVariants: (props?: ({
     variant?: "green" | "orange" | "teal" | "dark" | "light" | "primary" | "light-orange" | "light-teal" | "light-green" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const changeIndicatorVariants: (props?: ({
     direction?: "up" | "down" | "neutral" | null | undefined;
     onSolid?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface StatCardChange {
     /** Percentage value (e.g., 22 for 22%) */
     value: number;

package/lib/dashboard-visuals/hooks/useChartData.d.ts

@@ -7,7 +7,7 @@ import type { MetricData } from '../types';
  */
 export declare const useChartData: <T = MetricData[], TransformReturnType = T>(url: string, query: QueryProps, transform?: (data: T) => TransformReturnType) => {
     data: T | TransformReturnType | undefined;
-    error: import("../../api").ApiErrorResponse | undefined;
+    error: import("../..").ApiErrorResponse | undefined;
     loading: boolean;
     isEmpty: boolean;
     refresh: () => Promise<any>;

package/lib/dashboard-visuals/utils/formatUtil.js

@@ -227,6 +227,7 @@ export const formatDate = (date, options) => {
                 day: '2-digit',
                 hour: '2-digit',
                 minute: '2-digit',
+                hour12: false,
                 ...(includeSeconds && { second: '2-digit' }),
             });
         }

package/lib/pagamio-table/data-table/exportUtils.js

@@ -57,6 +57,7 @@ const formatDateValue = (value) => {
             day: 'numeric',
             hour: '2-digit',
             minute: '2-digit',
+            hour12: false,
         });
     }
     // Handle ISO date strings - more comprehensive regex
@@ -72,6 +73,7 @@ const formatDateValue = (value) => {
                     day: 'numeric',
                     hour: '2-digit',
                     minute: '2-digit',
+                    hour12: false,
                 });
             }
         }
@@ -246,6 +248,7 @@ export const exportToCsv = (data, columns, options = {}) => {
             day: 'numeric',
             hour: '2-digit',
             minute: '2-digit',
+            hour12: false,
         })}`;
         csvRows.push(`# ${timestamp}`);
     }
@@ -330,6 +333,7 @@ const createWorksheetData = (title, subtitle, includeTimestamp, headers, formatt
             day: 'numeric',
             hour: '2-digit',
             minute: '2-digit',
+            hour12: false,
         })}`;
         worksheetData.push([timestamp]);
         currentRow++;
@@ -582,6 +586,7 @@ export const exportToPdf = async (data, columns, options = {}) => {
         day: 'numeric',
         hour: '2-digit',
         minute: '2-digit',
+        hour12: false,
     })}`, colors, logo, } = options;
     // Create PDF document with better settings
     const doc = new jsPDF({

package/lib/pagamio-table/data-table/pdfExportUtils.js

@@ -14,6 +14,7 @@ export const createPdfExportOptions = (config, title) => {
             day: 'numeric',
             hour: '2-digit',
             minute: '2-digit',
+            hour12: false,
         })}`,
         colors: {
             primary: config.theme.colors.primary,
@@ -42,6 +43,7 @@ export const createXlsxExportOptions = (config, title, sheetName) => {
             day: 'numeric',
             hour: '2-digit',
             minute: '2-digit',
+            hour12: false,
         })}`,
         colors: {
             primary: config.theme.colors.primary,
@@ -67,6 +69,7 @@ export const createDefaultXlsxExportOptions = (title, sheetName) => {
             day: 'numeric',
             hour: '2-digit',
             minute: '2-digit',
+            hour12: false,
         })}`,
         colors: {
             primary: {

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.334",
+  "version": "0.8.336",
   "publishConfig": {
     "access": "public",
     "provenance": false
@@ -83,7 +83,7 @@
     "build:watch": "tsc --watch",
     "build": "rm -rf lib && tsc && yarn build:css && yarn copy-locale-files",
     "build:css": "postcss src/index.css -o lib/styles.css",
-    "lint": "eslint 'src/**/*.{ts,tsx}'",
+    "lint": "eslint src --ext .ts,.tsx",
     "lint:fix": "eslint . --fix",
     "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,scss}\"",
     "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx,json,css,scss}\"",