@asdp/ferryui 0.1.22-dev.10210 → 0.1.22-dev.10214

package/dist/index.d.mts

@@ -2898,6 +2898,10 @@ interface CardPassengerListProps {
      * Callback when a passenger is clicked
      */
     onPassengerClick: (passenger: Passenger) => void;
+    /**
+     * Callback when a passenger is clicked
+     */
+    onIconClick: (event: React.MouseEvent<SVGSVGElement, MouseEvent>, passenger: Passenger, mode: 'add' | 'edit') => void;
     /**
      * Custom labels override (optional)
      * If not provided, default labels based on language will be used

package/dist/index.d.ts

@@ -2898,6 +2898,10 @@ interface CardPassengerListProps {
      * Callback when a passenger is clicked
      */
     onPassengerClick: (passenger: Passenger) => void;
+    /**
+     * Callback when a passenger is clicked
+     */
+    onIconClick: (event: React.MouseEvent<SVGSVGElement, MouseEvent>, passenger: Passenger, mode: 'add' | 'edit') => void;
     /**
      * Custom labels override (optional)
      * If not provided, default labels based on language will be used

package/dist/index.js

@@ -11353,6 +11353,15 @@ var ModalPassengerForm = ({
   const dynamicMinLengthId = idRuleLengthMatch ? parseInt(idRuleLengthMatch[1], 10) : 6;
   React.useEffect(() => {
     reset(defaultValues);
+    if (defaultValues?.birthdate) {
+      const { years, months } = calculateAge(defaultValues.birthdate);
+      setValue(
+        "age",
+        `${years} ${mergedLabels.yearLabel} ${months} ${mergedLabels.monthLabel}`
+      );
+    } else {
+      setValue("age", "");
+    }
   }, [defaultValues, reset]);
   React.useEffect(() => {
     if (watchIdentityTypeId) {
@@ -11370,6 +11379,7 @@ var ModalPassengerForm = ({
       setValue("age", "");
     }
   }, [
+    open,
     watchBirthdate,
     setValue,
     mergedLabels.yearLabel,
@@ -12241,6 +12251,7 @@ var CardPassengerList = ({
   title,
   passengers,
   onPassengerClick,
+  onIconClick,
   labels,
   className
 }) => {
@@ -12307,7 +12318,14 @@ var CardPassengerList = ({
                     {
                       icon: passenger.id && passenger.serviceName ? "fluent:edit-24-regular" : "fluent:chevron-right-24-regular",
                       width: 20,
-                      height: 20
+                      height: 20,
+                      onClick: (event) => {
+                        onIconClick(
+                          event,
+                          passenger,
+                          passenger.id && passenger.serviceName ? "edit" : "add"
+                        );
+                      }
                     }
                   )
                 ]