@stfrigerio/sito-template 0.1.90 → 0.1.91

package/dist/components/atoms/DateInput/DateInput.d.ts

@@ -39,7 +39,7 @@ export interface DateInputProps {
  *
  * Features:
  * - Auto-formatting while typing (adds slashes automatically)
- * - Calendar icon for native date picker access
+ * - Calendar icon for native date picker access (Safari/iOS compatible)
  * - Seamless conversion between European display and ISO storage formats
  * - Mobile-optimized with proper touch targets
  *
@@ -51,16 +51,6 @@ export interface DateInputProps {
  *   onChange={setBirthDate}
  *   placeholder="31/12/2000"
  * />
- *
- * @example
- * // With focus handlers
- * <DateInput
- *   label="Event Date"
- *   value={eventDate}
- *   onChange={setEventDate}
- *   onFocus={() => console.log('Focused')}
- *   onBlur={() => validateDate(eventDate)}
- * />
  */
 export declare function DateInput({ label, value, onChange, placeholder, onFocus, onBlur, error, success, loading, disabled, soundConfig }: Readonly<DateInputProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DateInput.d.ts.map

package/dist/components/atoms/DateInput/DateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/DateInput/DateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIlF;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAA0B,EAC1B,OAAO,EACP,MAAM,EACN,KAAa,EACb,OAAe,EACf,OAAe,EACf,QAAgB,EAChB,WAAW,EACd,EAAE,QAAQ,CAAC,cAAc,CAAC,2CAoG1B"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/DateInput/DateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIlF;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAA0B,EAC1B,OAAO,EACP,MAAM,EACN,KAAa,EACb,OAAe,EACf,OAAe,EACf,QAAgB,EAChB,WAAW,EACd,EAAE,QAAQ,CAAC,cAAc,CAAC,2CA8E1B"}

package/dist/index.esm.js

@@ -872,7 +872,7 @@ const parseEuropeanDate = (dateString) => {
     return '';
 };
 
-var styles$w = {"dateInput":"DateInput-module_dateInput__54VPD","label":"DateInput-module_label__yDdUw","inputWrapper":"DateInput-module_inputWrapper__x-r1d","textInput":"DateInput-module_textInput__ToOSX","calendarButton":"DateInput-module_calendarButton__JzDGD","hiddenDateInput":"DateInput-module_hiddenDateInput__IWNg3","error":"DateInput-module_error__ieuPO","success":"DateInput-module_success__rPA93","loading":"DateInput-module_loading__1DAmD"};
+var styles$w = {"dateInput":"DateInput-module_dateInput__54VPD","label":"DateInput-module_label__yDdUw","inputWrapper":"DateInput-module_inputWrapper__x-r1d","textInput":"DateInput-module_textInput__ToOSX","calendarButton":"DateInput-module_calendarButton__JzDGD","nativeDateInput":"DateInput-module_nativeDateInput__tbi68","error":"DateInput-module_error__ieuPO","success":"DateInput-module_success__rPA93","loading":"DateInput-module_loading__1DAmD"};
 
 /**
  * DateInput component - European format date picker with manual input support
@@ -886,7 +886,7 @@ var styles$w = {"dateInput":"DateInput-module_dateInput__54VPD","label":"DateInp
  *
  * Features:
  * - Auto-formatting while typing (adds slashes automatically)
- * - Calendar icon for native date picker access
+ * - Calendar icon for native date picker access (Safari/iOS compatible)
  * - Seamless conversion between European display and ISO storage formats
  * - Mobile-optimized with proper touch targets
  *
@@ -898,19 +898,8 @@ var styles$w = {"dateInput":"DateInput-module_dateInput__54VPD","label":"DateInp
  *   onChange={setBirthDate}
  *   placeholder="31/12/2000"
  * />
- *
- * @example
- * // With focus handlers
- * <DateInput
- *   label="Event Date"
- *   value={eventDate}
- *   onChange={setEventDate}
- *   onFocus={() => console.log('Focused')}
- *   onBlur={() => validateDate(eventDate)}
- * />
  */
 function DateInput({ label, value, onChange, placeholder = "25/12/2024", onFocus, onBlur, error = false, success = false, loading = false, disabled = false, soundConfig }) {
-    const hiddenDateInputRef = useRef(null);
     const { handlers, playSound } = useComponentSound(soundConfig);
     const handleTextChange = (textValue) => {
         // Auto-format as user types
@@ -935,27 +924,9 @@ function DateInput({ label, value, onChange, placeholder = "25/12/2024", onFocus
             onChange(formatted);
         }
     };
-    const handleCalendarClick = () => {
-        playSound('click');
-        // Set the hidden input to current value for calendar
-        if (hiddenDateInputRef.current) {
-            // If value is already ISO format, use it directly
-            // If it's European format, convert it
-            const isoDate = value.includes('-') ? value : parseEuropeanDate(value);
-            if (isoDate) {
-                hiddenDateInputRef.current.value = isoDate;
-            }
-            // Try showPicker first (modern browsers), fallback to click
-            if (hiddenDateInputRef.current.showPicker) {
-                hiddenDateInputRef.current.showPicker();
-            }
-            else {
-                hiddenDateInputRef.current.click();
-            }
-        }
-    };
     const handleCalendarChange = (e) => {
         const isoDate = e.target.value;
+        playSound('click');
         if (isoDate) {
             onChange(isoDate);
         }
@@ -970,7 +941,9 @@ function DateInput({ label, value, onChange, placeholder = "25/12/2024", onFocus
             classes.push(styles$w.loading);
         return classes.join(' ');
     };
-    return (jsxs("div", { className: getClassName(), children: [jsx("label", { className: styles$w.label, children: label }), jsxs("div", { className: styles$w.inputWrapper, children: [jsx("input", { type: "text", value: value.includes('-') ? formatDateToEuropean(value) : value, onChange: (e) => handleTextChange(e.target.value), onFocus: onFocus, onBlur: onBlur, placeholder: placeholder, className: styles$w.textInput, disabled: disabled || loading, ...handlers }), jsx("button", { type: "button", onClick: handleCalendarClick, className: styles$w.calendarButton, title: "Select date from calendar", disabled: disabled || loading, children: jsx(Calendar$1, {}) }), jsx("input", { ref: hiddenDateInputRef, type: "date", onChange: handleCalendarChange, className: styles$w.hiddenDateInput, tabIndex: -1, disabled: disabled || loading })] })] }));
+    // Current ISO value for the native date input (or '' if empty/unparseable)
+    const isoValue = value.includes('-') ? value : (parseEuropeanDate(value) || '');
+    return (jsxs("div", { className: getClassName(), children: [jsx("label", { className: styles$w.label, children: label }), jsxs("div", { className: styles$w.inputWrapper, children: [jsx("input", { type: "text", value: value.includes('-') ? formatDateToEuropean(value) : value, onChange: (e) => handleTextChange(e.target.value), onFocus: onFocus, onBlur: onBlur, placeholder: placeholder, className: styles$w.textInput, disabled: disabled || loading, ...handlers }), jsxs("span", { className: styles$w.calendarButton, "aria-hidden": "true", children: [jsx(Calendar$1, {}), jsx("input", { type: "date", value: isoValue, onChange: handleCalendarChange, className: styles$w.nativeDateInput, title: "Select date from calendar", "aria-label": label ? `${label} calendar picker` : 'Calendar picker', disabled: disabled || loading })] })] })] }));
 }
 
 var styles$v = {"searchableDropdown":"SearchableDropdown-module_searchableDropdown__S2Nh5","dropdownTrigger":"SearchableDropdown-module_dropdownTrigger__dihdr","open":"SearchableDropdown-module_open__P7mRt","dropdownValue":"SearchableDropdown-module_dropdownValue__ydrc2","placeholder":"SearchableDropdown-module_placeholder__BwM2W","dropdownArrow":"SearchableDropdown-module_dropdownArrow__yd5fp","dropdownMenu":"SearchableDropdown-module_dropdownMenu__2Z5cc","dropdownSearch":"SearchableDropdown-module_dropdownSearch__NRk7j","searchInput":"SearchableDropdown-module_searchInput__VS2Hw","searchIcon":"SearchableDropdown-module_searchIcon__2vKFF","dropdownOptions":"SearchableDropdown-module_dropdownOptions__6YXqF","dropdownOption":"SearchableDropdown-module_dropdownOption__YwDr-","selected":"SearchableDropdown-module_selected__31JeB","highlighted":"SearchableDropdown-module_highlighted__P0bBq","checkIcon":"SearchableDropdown-module_checkIcon__YxowK","dropdownNoResults":"SearchableDropdown-module_dropdownNoResults__WW-Da","loading":"SearchableDropdown-module_loading__xlYf0"};