mautourco-components 0.2.94 → 0.2.96

package/dist/components/organisms/DateTimePicker/DateTimePicker.js

@@ -38,7 +38,6 @@ var DateTimePicker = function (_a) {
                 var date = new Date(defaultValue);
                 var dateRange = { from: date, to: date };
                 var displayValue = format(date, 'dd/MM/yyyy');
-                console.log('defaultValue', defaultValue, selectionMode, displayValue);
                 return { value: displayValue, dateRange: dateRange };
             }
         }

package/dist/components/organisms/RoundTrip/RoundTrip.js

@@ -168,7 +168,6 @@ var RoundTrip = function (_a) {
         onPaxChange === null || onPaxChange === void 0 ? void 0 : onPaxChange(newPaxData);
     };
     var handleDateRangeChange = function (dates) {
-        console.log({ dates: dates });
         if (Array.isArray(dates)) {
             setInternalArrivalDate(dates === null || dates === void 0 ? void 0 : dates[0]);
             setInternalDepartureDate(dates === null || dates === void 0 ? void 0 : dates[1]);
@@ -222,7 +221,6 @@ var RoundTrip = function (_a) {
         internalArrivalDate === '' || internalDepartureDate === '');
     // Check if user filled one date but not the other (even without checkEmpty)
     var hasPartialDates = function () {
-        console.log({ checkEmpty: checkEmpty, internalArrivalDate: internalArrivalDate, internalDepartureDate: internalDepartureDate });
         if (!checkEmpty)
             return false;
         if (!internalArrivalDate || !internalDepartureDate)
@@ -230,7 +228,6 @@ var RoundTrip = function (_a) {
         return internalArrivalDate === internalDepartureDate;
     };
     var isDateError = function () {
-        console.log('isDateEmpty', isDateEmpty, hasPartialDates());
         return isDateEmpty || hasPartialDates();
     };
     var isPickupDropoffEmpty = checkEmpty && !internalPickupDropoffPoint;

package/dist/components/organisms/SearchBarTransfer/SearchBarTransfer.js

@@ -157,7 +157,6 @@ var SearchBarTransfer = function (_a) {
         // Find the last transfer line that has pax data
         for (var i = transferLines.length - 1; i >= 0; i--) {
             if (transferLines[i].paxData) {
-                console.log({ i: i });
                 return transferLines[i].paxData;
             }
         }
@@ -328,8 +327,7 @@ var SearchBarTransfer = function (_a) {
             }
             // Check if required fields are filled
             if (!roundTripData.paxData ||
-                !roundTripData.arrivalDate ||
-                !roundTripData.departureDate ||
+                roundTripData.arrivalDate === roundTripData.departureDate ||
                 !roundTripData.pickupDropoffPoint ||
                 !roundTripData.accommodation) {
                 setError("Please fill in all the transfer details.");

package/dist/styles/components/organism/round-trip.css

@@ -6,6 +6,7 @@
 
 .round-trip {
   width: 100%;
+  container-type: inline-size;
 }
 
 .round-trip__content {
@@ -37,7 +38,7 @@
   line-height: 20px; /* Matches other label styles */
 }
 
-/* Responsive layout for mobile */
+/* Fallback for older browsers - use media queries */
 
 @media (max-width: 768px) {
   .round-trip__row {
@@ -54,8 +55,6 @@
   }
 }
 
-/* Tablet layout */
-
 @media (min-width: 769px) and (max-width: 1024px) {
   .round-trip__row--first {
     flex-wrap: wrap;
@@ -70,6 +69,41 @@
   }
 }
 
+/* Modern browsers with container query support */
+
+@supports (container-type: inline-size) {
+  /* Responsive layout for mobile */
+  @container (max-width: 768px) {
+    .round-trip__row {
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    .round-trip__field--pax,
+    .round-trip__field--dates,
+    .round-trip__field--pickup-dropoff,
+    .round-trip__field--accommodation {
+      width: 100%;
+      flex: 1 1 100%;
+    }
+  }
+
+  /* Tablet layout */
+  @container (min-width: 769px) and (max-width: 1024px) {
+    .round-trip__row--first {
+      flex-wrap: wrap;
+    }
+
+    .round-trip__field--pax {
+      flex: 0 0 calc(50% - 6px);
+    }
+
+    .round-trip__field--dates {
+      flex: 0 0 calc(50% - 6px);
+    }
+  }
+}
+
 .round-trip__date-picker--input {
   height: 2.75rem !important;
 }

package/dist/styles/components/organism/transfer-line.css

@@ -9,6 +9,7 @@
   width: 100%;
   flex-direction: column;
   gap: 0.75rem;
+  container-type: inline-size;
 }
 
 /* Header with icon and label */
@@ -58,7 +59,7 @@
   line-height: 1.5;
 }
 
-/* Mobile layout - stack fields vertically */
+/* Fallback for older browsers - use media queries */
 
 @media (max-width: 768px) {
   .transfer-line__content {
@@ -78,8 +79,6 @@
   }
 }
 
-/* Tablet layout - 2 columns */
-
 @media (min-width: 769px) and (max-width: 1024px) {
   .transfer-line__content {
     flex-wrap: wrap;
@@ -93,6 +92,43 @@
   }
 }
 
+/* Modern browsers with container query support */
+
+@supports (container-type: inline-size) {
+  /* Mobile layout - stack fields vertically */
+  @container (max-width: 768px) {
+    .transfer-line__content {
+      flex-direction: column;
+    }
+
+    .transfer-line__field--pax,
+    .transfer-line__field--date,
+    .transfer-line__field--pickup,
+    .transfer-line__field--dropoff {
+      width: 100%;
+      flex: 1 1 100%;
+    }
+
+    .transfer-line__delete {
+      justify-content: center;
+    }
+  }
+
+  /* Tablet layout - 2 columns */
+  @container (min-width: 769px) and (max-width: 1024px) {
+    .transfer-line__content {
+      flex-wrap: wrap;
+    }
+    
+    .transfer-line__field--pax,
+    .transfer-line__field--date,
+    .transfer-line__field--pickup,
+    .transfer-line__field--dropoff {
+      flex: 0 0 calc(50% - 0.25rem);
+    }
+  }
+}
+
 .transfer-line__field-label {
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -136,7 +172,7 @@
 }
 
 .transfer-line__date-picker {
-  height: 2.75rem;
+  height: 2.75rem !important;
 }
 
 /* Disabled state */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mautourco-components",
-  "version": "0.2.94",
+  "version": "0.2.96",
   "private": false,
   "description": "Bibliothèque de composants Mautourco pour le redesign",
   "main": "dist/index.js",

package/src/components/organisms/DateTimePicker/DateTimePicker.tsx

@@ -80,8 +80,6 @@ const DateTimePicker: React.FC<DateTimePickerProps> = ({
         const date = new Date(defaultValue);
         const dateRange = { from: date, to: date };
         const displayValue = format(date, 'dd/MM/yyyy');
-        console.log('defaultValue', defaultValue, selectionMode, displayValue);
-
         return { value: displayValue, dateRange };
       }
     } catch (error) {

package/src/components/organisms/RoundTrip/RoundTrip.tsx

@@ -271,8 +271,6 @@ const RoundTrip: React.FC<RoundTripProps> = ({
   };
 
   const handleDateRangeChange = (dates: string | string[]) => {
-    console.log({dates});
-    
     if (Array.isArray(dates)) {
       setInternalArrivalDate(dates?.[0]);
       setInternalDepartureDate(dates?.[1]);
@@ -332,14 +330,12 @@ const RoundTrip: React.FC<RoundTripProps> = ({
   
   // Check if user filled one date but not the other (even without checkEmpty)
   const hasPartialDates = (): boolean => {
-    console.log({checkEmpty, internalArrivalDate, internalDepartureDate});
     if (!checkEmpty) return false;
     if (!internalArrivalDate || !internalDepartureDate) return true;
     return internalArrivalDate === internalDepartureDate;
   };
   
   const isDateError = (): boolean => {
-    console.log('isDateEmpty', isDateEmpty, hasPartialDates());
     return isDateEmpty || hasPartialDates();
   };
 

package/src/components/organisms/SearchBarTransfer/SearchBarTransfer.tsx

@@ -208,8 +208,6 @@ const SearchBarTransfer: React.FC<SearchBarTransferProps> = ({
     
     for (let i = transferLines.length - 1; i >= 0; i--) {
       if (transferLines[i].paxData) {
-        console.log({i});
-        
         return transferLines[i].paxData;
       }
     }
@@ -426,8 +424,7 @@ const SearchBarTransfer: React.FC<SearchBarTransferProps> = ({
       // Check if required fields are filled
       if (
         !roundTripData.paxData ||
-        !roundTripData.arrivalDate ||
-        !roundTripData.departureDate ||
+        roundTripData.arrivalDate === roundTripData.departureDate ||
         !roundTripData.pickupDropoffPoint ||
         !roundTripData.accommodation
       ) {

package/src/styles/components/organism/round-trip.css

@@ -2,6 +2,7 @@
 
 .round-trip {
   @apply w-full;
+  container-type: inline-size;
 }
 
 .round-trip__content {
@@ -23,7 +24,7 @@
   line-height: 20px; /* Matches other label styles */
 }
 
-/* Responsive layout for mobile */
+/* Fallback for older browsers - use media queries */
 @media (max-width: 768px) {
   .round-trip__row {
     @apply flex-col;
@@ -39,7 +40,6 @@
   }
 }
 
-/* Tablet layout */
 @media (min-width: 769px) and (max-width: 1024px) {
   .round-trip__row--first {
     @apply flex-wrap;
@@ -54,6 +54,40 @@
   }
 }
 
+/* Modern browsers with container query support */
+@supports (container-type: inline-size) {
+  /* Responsive layout for mobile */
+  @container (max-width: 768px) {
+    .round-trip__row {
+      @apply flex-col;
+      gap: 12px;
+    }
+
+    .round-trip__field--pax,
+    .round-trip__field--dates,
+    .round-trip__field--pickup-dropoff,
+    .round-trip__field--accommodation {
+      @apply w-full;
+      flex: 1 1 100%;
+    }
+  }
+
+  /* Tablet layout */
+  @container (min-width: 769px) and (max-width: 1024px) {
+    .round-trip__row--first {
+      @apply flex-wrap;
+    }
+
+    .round-trip__field--pax {
+      flex: 0 0 calc(50% - 6px);
+    }
+
+    .round-trip__field--dates {
+      flex: 0 0 calc(50% - 6px);
+    }
+  }
+}
+
 .round-trip__date-picker--input {
     @apply !h-11;
 }

package/src/styles/components/organism/transfer-line.css

@@ -2,6 +2,7 @@
 
 .transfer-line {
   @apply w-full flex flex-col gap-3;
+  container-type: inline-size;
 }
 
 /* Header with icon and label */
@@ -35,7 +36,7 @@
   line-height: 1.5;
 }
 
-/* Mobile layout - stack fields vertically */
+/* Fallback for older browsers - use media queries */
 @media (max-width: 768px) {
   .transfer-line__content {
     @apply flex-col;
@@ -54,7 +55,6 @@
   }
 }
 
-/* Tablet layout - 2 columns */
 @media (min-width: 769px) and (max-width: 1024px) {
   .transfer-line__content {
     @apply flex-wrap;
@@ -68,6 +68,42 @@
   }
 }
 
+/* Modern browsers with container query support */
+@supports (container-type: inline-size) {
+  /* Mobile layout - stack fields vertically */
+  @container (max-width: 768px) {
+    .transfer-line__content {
+      @apply flex-col;
+    }
+
+    .transfer-line__field--pax,
+    .transfer-line__field--date,
+    .transfer-line__field--pickup,
+    .transfer-line__field--dropoff {
+      @apply w-full;
+      flex: 1 1 100%;
+    }
+
+    .transfer-line__delete {
+      @apply justify-center;
+    }
+  }
+
+  /* Tablet layout - 2 columns */
+  @container (min-width: 769px) and (max-width: 1024px) {
+    .transfer-line__content {
+      @apply flex-wrap;
+    }
+    
+    .transfer-line__field--pax,
+    .transfer-line__field--date,
+    .transfer-line__field--pickup,
+    .transfer-line__field--dropoff {
+      flex: 0 0 calc(50% - 0.25rem);
+    }
+  }
+}
+
 .transfer-line__field-label {
   @apply text-[var(--color-neutral-800)] text-sm font-normal;
 }
@@ -86,7 +122,7 @@
 }
 
 .transfer-line__date-picker {
-  @apply h-11;
+  @apply !h-11;
 }
 
 /* Disabled state */