@pagamio/frontend-commons-lib 0.8.272 → 0.8.274

package/lib/components/ui/DatePicker.js

@@ -14,8 +14,6 @@ function DatePicker({ value, disabled, name, placeholder, onChange }) {
     useEffect(() => {
         setSelectedDate(getValidDate(value));
     }, [value]);
-    // Only set defaultValue when a value is explicitly provided
-    const datepickerDefaultValue = selectedDate ?? undefined;
     const datepickerTheme = {
         root: {
             input: {
@@ -74,12 +72,16 @@ function DatePicker({ value, disabled, name, placeholder, onChange }) {
             },
         },
     };
-    return (_jsx("div", { children: _jsx(Datepicker, { value: selectedDate ?? undefined, onChange: (date) => {
-                const validDate = date ? new Date(date) : new Date();
+    return (_jsx("div", { children: _jsx(Datepicker, { value: selectedDate ?? null, label: placeholder || 'Select date', onChange: (date) => {
+                if (!date) {
+                    setSelectedDate(null);
+                    return;
+                }
+                const validDate = new Date(date);
                 setSelectedDate(validDate);
                 if (onChange && !Number.isNaN(validDate.getTime())) {
                     onChange(validDate);
                 }
-            }, defaultValue: datepickerDefaultValue, name: name, className: "", disabled: disabled, theme: datepickerTheme }) }));
+            }, name: name, className: "", disabled: disabled, theme: datepickerTheme }) }));
 }
 export default DatePicker;

package/lib/components/ui/TextField.js

@@ -38,6 +38,6 @@ const TextField = ({ value, placeholder, name, type = 'text', label, error = fal
     const [showPassword, setShowPassword] = useState(false);
     // Determine the input type based on whether it's a password field and visibility toggle state
     const inputType = type === 'password' && showPassword ? 'text' : type;
-    return (_jsxs("div", { className: "flex flex-col gap-y-2", children: [_jsx(Label, { htmlFor: name, children: label }), _jsxs("div", { className: "relative", children: [_jsx(TextInput, { id: name, color: error ? 'failure' : 'gray', name: name, placeholder: placeholder, type: inputType, required: true, value: value, onChange: (e) => setValue(e.target.value), onBlur: onBlur, onKeyDown: onKeyDown }), helperText && _jsx("span", { className: "text-sm text-red-500 mt-1", children: helperText }), type === 'password' && (_jsx(Button, { type: "button", size: "icon", variant: "ghost", onClick: () => setShowPassword(!showPassword), className: "absolute right-3 top-[0.625rem] text-foreground/70 hover:text-foreground", children: showPassword ? _jsx(HiEyeOff, { className: "h-5 w-5" }) : _jsx(HiEye, { className: "h-5 w-5" }) }))] })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-y-2", children: [_jsx(Label, { htmlFor: name, children: label }), _jsxs("div", { className: "relative", children: [_jsx(TextInput, { id: name, color: error ? 'failure' : 'gray', name: name, placeholder: placeholder, type: inputType, required: true, value: value, onChange: (e) => setValue(e.target.value), onBlur: onBlur, onKeyDown: onKeyDown }), helperText && _jsx("span", { className: "text-sm text-red-500 mt-1", children: helperText }), type === 'password' && (_jsx(Button, { type: "button", size: "icon", variant: "ghost", onClick: () => setShowPassword(!showPassword), className: "absolute right-1 top-1/2 -translate-y-1/2 text-foreground/70 hover:text-foreground", children: showPassword ? _jsx(HiEyeOff, { className: "h-5 w-5" }) : _jsx(HiEye, { className: "h-5 w-5" }) }))] })] }));
 };
 export default TextField;

package/lib/styles.css

@@ -800,9 +800,6 @@ video {
 .top-4 {
   top: 1rem;
 }
-.top-\[0\.625rem\] {
-  top: 0.625rem;
-}
 .top-\[50\%\] {
   top: 50%;
 }

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