@pagamio/frontend-commons-lib 0.8.262 → 0.8.264

package/lib/components/ui/DateRangePickerWithPresets.js

@@ -102,13 +102,21 @@ const DateRangePickerWithPresets = ({ value, onChange, presets = defaultDatePres
     }, [isOpen, value, selectedPreset]);
     // Format the display text
     const displayText = useMemo(() => {
-        if (!value?.from)
-            return placeholder;
-        if (value.to) {
-            return `${format(value.from, dateFormat)} - ${format(value.to, dateFormat)}`;
+        // Custom range with dates selected — show the formatted date range
+        if (value?.from) {
+            if (value.to) {
+                return `${format(value.from, dateFormat)} - ${format(value.to, dateFormat)}`;
+            }
+            return format(value.from, dateFormat);
+        }
+        // No custom dates — show the active preset label
+        if (selectedPreset && selectedPreset !== 'custom') {
+            const activePreset = presets.find((p) => p.value === selectedPreset);
+            if (activePreset)
+                return activePreset.label;
         }
-        return format(value.from, dateFormat);
-    }, [value, dateFormat, placeholder]);
+        return placeholder;
+    }, [value, dateFormat, placeholder, selectedPreset, presets]);
     // Handle preset selection
     const handlePresetSelect = (preset) => {
         // For custom preset, preserve current selection or clear it
@@ -160,7 +168,7 @@ const DateRangePickerWithPresets = ({ value, onChange, presets = defaultDatePres
                                                 ? `${format(tempRange.from, dateFormat)} - ${format(tempRange.to, dateFormat)}`
                                                 : tempRange?.from
                                                     ? format(tempRange.from, dateFormat)
-                                                    : 'Select a range' }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: handleCancel, children: "Cancel" }), _jsx(Button, { size: "sm", onClick: handleApply, disabled: !tempRange?.from, children: "Apply" })] })] })] }))] }) })] }));
+                                                    : 'Select a range' }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: handleCancel, children: "Cancel" }), _jsx(Button, { size: "sm", onClick: handleApply, disabled: !tempRange?.from || !tempRange?.to, children: "Apply" })] })] })] }))] }) })] }));
 };
 DateRangePickerWithPresets.displayName = 'DateRangePickerWithPresets';
 export default DateRangePickerWithPresets;

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

@@ -1,9 +1,11 @@
 import type { MRT_Cell } from 'mantine-react-table';
+import type { ReactNode } from 'react';
 export interface StatusCellProps<T extends Record<string, any> = {}> {
     readonly cell: MRT_Cell<T>;
     readonly color: string;
     readonly displayValue: string;
     readonly className?: string;
+    readonly icon?: ReactNode;
 }
-declare function StatusCell<T extends Record<string, any> = {}>({ displayValue, className, }: Readonly<StatusCellProps<T>>): import("react/jsx-runtime").JSX.Element;
+declare function StatusCell<T extends Record<string, any> = {}>({ displayValue, className, icon, }: Readonly<StatusCellProps<T>>): import("react/jsx-runtime").JSX.Element;
 export default StatusCell;

package/lib/components/ui/StatusCell.js

@@ -1,6 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-function StatusCell({ displayValue, className = '', }) {
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+function StatusCell({ displayValue, className = '', icon, }) {
     const baseClass = 'rounded-full px-4 py-1.5 whitespace-nowrap';
+    if (icon) {
+        return (_jsxs("span", { className: `inline-flex items-center gap-1 ${baseClass} ${className}`.trim(), children: [icon, displayValue] }));
+    }
     return _jsx("span", { className: `${baseClass} ${className}`.trim(), children: displayValue });
 }
 export default StatusCell;

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