mautourco-components 0.2.83 → 0.2.85

package/dist/components/molecules/FeatureRow/FeatureRow.css

@@ -37,7 +37,8 @@
   display: flex;
   align-items: center;
   gap: var(--spacing-gap-gap-1, 4px);
-  flex-shrink: 0;
+  flex: 1 1 auto;
+  min-width: 0;
   padding: var(--spacing-padding-py-0, 0px) var(--spacing-padding-px-0, 0px);
 }
 
@@ -52,7 +53,9 @@
   line-height: calc(var(--font-leading-leading-sm, 20) * 1px);
   color: var(--color-text-default, #262626);
   letter-spacing: var(--font-tracking-tracking-normal, 0px);
-  white-space: nowrap;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  min-width: 0;
 }
 
 .feature-row__value-text--not-applicable {

package/dist/components/molecules/TransferDocket/TransferDocket.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TransferDocket as TransferDocketType } from '../../../types/docket/services.types';
 import '../../../styles/components/molecule/transfer-docket.css';
+import { TransferDocket as TransferDocketType } from '../../../types/docket/services.types';
 export interface TransferDocketProps {
     data: TransferDocketType;
     /** Remove mode - replaces price display with remove button */

package/dist/components/molecules/TransferDocket/TransferDocket.js

@@ -1,17 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import '../../../styles/components/molecule/transfer-docket.css';
 import Button from '../../atoms/Button/Button';
 import Icon from '../../atoms/Icon/Icon';
 import { Text } from '../../atoms/Typography/Typography';
 import { DateDisplay } from '../DateDisplay/DateDisplay';
 import { PriceDisplay } from '../PriceDisplay/PriceDisplay';
 import TextWithIcon from '../TextWithIcon/TextWithIcon';
-import '../../../styles/components/molecule/transfer-docket.css';
 export var TransferDocket = function (_a) {
     var data = _a.data, _b = _a.removeMode, removeMode = _b === void 0 ? false : _b, onRemove = _a.onRemove;
-    var TransferDate = data.TransferDate, Currency = data.Currency, TotalPrice = data.TotalPrice, LocationFromName = data.LocationFromName, LocationToName = data.LocationToName, AdultCount = data.AdultCount, ChildCount = data.ChildCount, TeenCount = data.TeenCount, InfantCount = data.InfantCount, VehicleTypeName = data.VehicleTypeName, paxAge = data.paxAge;
+    var TransferDate = data.TransferDate, Currency = data.Currency, TotalPrice = data.TotalPrice, LocationFromName = data.LocationFromName, LocationToName = data.LocationToName, AdultCount = data.AdultCount, ChildCount = data.ChildCount, TeenCount = data.TeenCount, InfantCount = data.InfantCount, VehicleTypeName = data.VehicleTypeName, paxAge = data.paxAge, baby_seat_count = data.baby_seat_count;
+    // Automatically generate supplements from baby_seat_count
+    var showBabySeat = baby_seat_count && baby_seat_count > 0;
     var formatChildrenInfo = function () {
-        var totalChildren = (ChildCount || 0) + (TeenCount || 0);
+        var totalChildren = (ChildCount || 0) + (TeenCount || 0) + (InfantCount || 0);
         if (totalChildren === 0) {
             return null;
         }
@@ -44,6 +46,6 @@ export var TransferDocket = function (_a) {
         }
         return (_jsx("div", { className: "transfer-docket__children", children: childGroups.map(function (group, index) { return (_jsxs(React.Fragment, { children: [index > 0 && _jsx("div", { className: "transfer-docket__divider-vertical" }), _jsxs("span", { className: "transfer-docket__child-info", children: [_jsxs(Text, { size: "sm", variant: "medium", color: "default", children: [group.count, " Child", group.count > 1 ? 'ren' : ''] }), group.age > 0 ? (_jsxs(Text, { size: "sm", variant: "medium", className: "transfer-docket__child-age", children: [' ', "(", group.age, " y.o)"] })) : null] })] }, "child-".concat(index))); }) }));
     };
-    return (_jsxs("div", { className: "transfer-docket", children: [_jsxs("div", { className: "transfer-docket__header", children: [_jsxs("div", { className: "transfer-docket__title-section", children: [_jsx("div", { className: "transfer-docket__title-bar" }), _jsx(Icon, { name: "bus", size: "sm" }), _jsx(Text, { variant: "bold", size: "sm", color: "accent", children: "Transfer" })] }), removeMode ? (_jsx(Button, { variant: "destructive", size: "sm", leadingIcon: "close", onClick: onRemove, className: "transfer-docket__remove-button", children: "Remove" })) : (TotalPrice && Currency && _jsx(PriceDisplay, { currency: Currency, price: TotalPrice }))] }), _jsxs("div", { className: "transfer-docket__details", children: [TransferDate && (_jsx(DateDisplay, { date: TransferDate, calendarSize: "sm", textSize: "sm", colorMode: "green" })), (LocationFromName || LocationToName) && (_jsxs("div", { className: "transfer-docket__transfer-point", children: [_jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: LocationFromName || 'From' }), _jsx(Icon, { name: "arrow-down-outline", size: "sm" }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: LocationToName || 'To' })] })), _jsxs("div", { className: "transfer-docket__guests", children: [AdultCount !== undefined && AdultCount > 0 && (_jsxs(TextWithIcon, { icon: "user", textSize: "sm", color: "subtle", children: [AdultCount, " Adult", AdultCount > 1 ? 's' : ''] })), ((ChildCount && ChildCount > 0) || (TeenCount && TeenCount > 0)) ? (_jsxs("div", { className: "transfer-docket__children-wrapper", children: [_jsx(Icon, { name: "user", size: "sm", color: "var(--color-text-subtle, #303642)" }), formatChildrenInfo()] })) : null] }), VehicleTypeName && (_jsx(TextWithIcon, { icon: "car", textSize: "sm", color: "subtle", textLeading: "none", children: VehicleTypeName }))] })] }));
+    return (_jsxs("div", { className: "transfer-docket", children: [_jsxs("div", { className: "transfer-docket__header", children: [_jsxs("div", { className: "transfer-docket__title-section", children: [_jsx("div", { className: "transfer-docket__title-bar" }), _jsx(Icon, { name: "bus", size: "sm" }), _jsx(Text, { variant: "bold", size: "sm", color: "accent", children: "Transfer" })] }), removeMode ? (_jsx(Button, { variant: "destructive", size: "sm", leadingIcon: "close", onClick: onRemove, className: "transfer-docket__remove-button", children: "Remove" })) : (TotalPrice && Currency && _jsx(PriceDisplay, { currency: Currency, price: TotalPrice }))] }), _jsxs("div", { className: "transfer-docket__details", children: [TransferDate && (_jsx(DateDisplay, { date: TransferDate, calendarSize: "sm", textSize: "sm", colorMode: "green" })), (LocationFromName || LocationToName) && (_jsxs("div", { className: "transfer-docket__transfer-point", children: [_jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: LocationFromName || 'From' }), _jsx(Icon, { name: "arrow-down-outline", size: "sm" }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: LocationToName || 'To' })] })), _jsxs("div", { className: "transfer-docket__guests", children: [AdultCount !== undefined && AdultCount > 0 && (_jsxs(TextWithIcon, { icon: "user", textSize: "sm", color: "subtle", children: [AdultCount, " Adult", AdultCount > 1 ? 's' : ''] })), ((ChildCount && ChildCount > 0) || (TeenCount && TeenCount > 0)) || (InfantCount && InfantCount > 0) ? (_jsxs("div", { className: "transfer-docket__children-wrapper", children: [_jsx(Icon, { name: "user", size: "sm", color: "var(--color-text-subtle, #303642)" }), formatChildrenInfo()] })) : null] }), VehicleTypeName && (_jsx(TextWithIcon, { icon: "car", textSize: "sm", color: "subtle", textLeading: "none", children: VehicleTypeName })), showBabySeat && (_jsxs("div", { className: "transfer-docket__supplements", children: [_jsx(Text, { variant: "medium", size: "sm", color: "default", leading: "none", children: "Supplement :" }), _jsxs(TextWithIcon, { icon: "stroller", textSize: "sm", color: "subtle", children: ["Baby seat x", baby_seat_count] })] }))] })] }));
 };
 export default TransferDocket;

package/dist/index.d.ts

@@ -17,7 +17,7 @@ export { DateDisplay } from './components/molecules/DateDisplay/DateDisplay';
 export { DocketPrices } from './components/molecules/DocketPrices/DocketPrices';
 export { PriceDisplay } from './components/molecules/PriceDisplay/PriceDisplay';
 export { TransferDocket } from './components/molecules/TransferDocket/TransferDocket';
-export { ActionDropdown, type ActionDropdownItem, } from './components/molecules/ActionDropdown/ActionDropdown';
+export { ActionDropdown, type ActionDropdownItem } from './components/molecules/ActionDropdown/ActionDropdown';
 export { AddItemButton } from './components/molecules/AddItemButton/AddItemButton';
 export { default as AgeSelector } from './components/molecules/AgeSelector/AgeSelector';
 export * from './components/molecules/BookingResume';
@@ -39,11 +39,11 @@ export { ServiceLanguages } from './components/molecules/ServiceLanguages/Servic
 export { default as ServiceSelector } from './components/molecules/ServiceSelector/ServiceSelector';
 export { default as Stepper } from './components/molecules/Stepper/Stepper';
 export { default as TextWithIcon } from './components/molecules/TextWithIcon/TextWithIcon';
-export { default as VehicleSupplement } from './components/molecules/VehicleSupplement/VehicleSupplement';
-export type { VehicleSupplementProps, Supplement, SupplementValue } from './components/molecules/VehicleSupplement';
 export { default as TimelineItem } from './components/molecules/TimelineItem/TimelineItem';
 export { default as Toast } from './components/molecules/Toast/Toast';
 export * from './components/molecules/TooltipDisplay/TooltipDisplay';
+export type { Supplement, SupplementValue, VehicleSupplementProps } from './components/molecules/VehicleSupplement';
+export { default as VehicleSupplement } from './components/molecules/VehicleSupplement/VehicleSupplement';
 export { Illustration } from './components/atoms/Illustration/Illustration';
 export * from './components/molecules/BookingPax';
 export { DetailsClientInfo } from './components/molecules/DetailsInfo/DetailsClient/DetailsClient';
@@ -89,44 +89,44 @@ export { default as UserIcon } from './components/atoms/Icon/icons/User';
 export { priceFormatter } from './lib/price-formatter';
 export type { DividerProps } from './components/atoms/Divider/Divider';
 export type { FeatureRowProps } from './components/molecules/FeatureRow/FeatureRow';
-export type { LocationData, LocationDropdownProps, LocationGroup, LocationOption, } from './components/molecules/LocationDropdown/LocationDropdown';
-export type { ServiceOption, ServiceSelectorProps, ServiceType, } from './components/molecules/ServiceSelector/ServiceSelector';
+export type { LocationData, LocationDropdownProps, LocationGroup, LocationOption } from './components/molecules/LocationDropdown/LocationDropdown';
+export type { ServiceOption, ServiceSelectorProps, ServiceType } from './components/molecules/ServiceSelector/ServiceSelector';
 export type { StepperProps } from './components/molecules/Stepper/Stepper';
-export type { CarBookingCardPriceRow, CarBookingCardProps, CarBookingCardSize, CarBookingCardState, CarBookingCardType, } from './components/organisms/CarBookingCard/CarBookingCard';
-export type { CardContainerProps, CardContainerSpacing, } from './components/organisms/CardContainer/CardContainer';
+export type { CarBookingCardPriceRow, CarBookingCardProps, CarBookingCardSize, CarBookingCardState, CarBookingCardType } from './components/organisms/CarBookingCard/CarBookingCard';
+export type { CardContainerProps, CardContainerSpacing } from './components/organisms/CardContainer/CardContainer';
 export type { DateTimePickerProps } from './components/organisms/DateTimePicker/DateTimePicker';
 export type { DialogProps, DialogSize } from './components/organisms/Dialog/Dialog';
 export type { FooterProps } from './components/organisms/Footer/Footer';
-export type { DocketDetailsData, DocketServiceType, MultipleQuotationDocketProps, } from './components/organisms/MultipleQuotationDocket';
+export type { DocketDetailsData, DocketServiceType, MultipleQuotationDocketProps } from './components/organisms/MultipleQuotationDocket';
 export { CHILD_CATEGORY_AGES } from './components/organisms/PaxSelector/PaxSelector';
-export type { ClientType, PaxData, PaxSelectorProps, } from './components/organisms/PaxSelector/PaxSelector';
-export type { RoundTripData, RoundTripProps, RoundTripTransfer, } from './components/organisms/RoundTrip/RoundTrip';
-export type { SearchBarTransferData, SearchBarTransferProps, TransferMode, } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
+export type { ClientType, PaxData, PaxSelectorProps } from './components/organisms/PaxSelector/PaxSelector';
+export type { RoundTripData, RoundTripProps, RoundTripTransfer } from './components/organisms/RoundTrip/RoundTrip';
+export type { SearchBarTransferData, SearchBarTransferProps, TransferMode } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
 export type { TopNavigationProps } from './components/organisms/TopNavigation/TopNavigation';
-export type { TransferLineData, TransferLineProps, TransferType, } from './components/organisms/TransferLine/TransferLine';
+export type { TransferLineData, TransferLineProps, TransferType } from './components/organisms/TransferLine/TransferLine';
 export type { CheckboxProps } from './components/atoms/Checkbox/Checkbox';
 export type { InputProps } from './components/atoms/Inputs/Input/Input';
 export type { AddItemButtonProps } from './components/molecules/AddItemButton/AddItemButton';
 export type { AgeSelectorProps } from './components/molecules/AgeSelector/AgeSelector';
-export type { BreadcrumbsItem, BreadcrumbsProps, } from './components/molecules/Breadcrumbs/Breadcrumbs';
+export type { BreadcrumbsItem, BreadcrumbsProps } from './components/molecules/Breadcrumbs/Breadcrumbs';
 export type { DocketPricesProps } from './components/molecules/DocketPrices/DocketPrices';
 export type { FromToProps } from './components/molecules/FromTo/FromTo';
 export type { PaxChipsProps, PaxCount } from './components/molecules/PaxChips/PaxChips';
 export type { PriceDisplayProps } from './components/molecules/PriceDisplay/PriceDisplay';
 export type { SectionTitleProps } from './components/molecules/SectionTitle/SectionTitle';
-export type { DetailsColProps, ItemColProps, RowAccommodationProps, RowExcursionProps, RowTransferProps, } from './components/molecules/TableServiceItem';
+export type { DetailsColProps, ItemColProps, RowAccommodationProps, RowExcursionProps, RowTransferProps } from './components/molecules/TableServiceItem';
 export type { ServiceAccommodationProps } from './components/molecules/TimelineItem/ServiceAccommodation';
 export type { ServiceExcursionProps } from './components/molecules/TimelineItem/ServiceExcursion';
 export type { ServiceTransferProps } from './components/molecules/TimelineItem/ServiceTransfer';
 export type { TimelineHeaderProps } from './components/molecules/TimelineItem/TimelineHeader';
 export type { ToastProps } from './components/molecules/Toast/Toast';
 export type { TransferDocketProps } from './components/molecules/TransferDocket/TransferDocket';
-export type { ComparisonData, DialogComparisonProps, MultiComparisonData, } from './components/organisms/DialogComparison/DialogComparison';
+export type { ComparisonData, DialogComparisonProps, MultiComparisonData } from './components/organisms/DialogComparison/DialogComparison';
 export type { DialogDeleteConfirmProps } from './components/organisms/DialogDeleteConfirm/DialogDeleteConfirm';
 export type { DialogQuoteRenameProps } from './components/organisms/DialogQuoteRename/DialogQuoteRename';
 export type { SelectedQuote } from './components/organisms/DialogSendingMail/DialogSendingMailMultiple/DialogSendingMailMultiple';
-export type { FilterType, QuoteHeaderProps, } from './components/organisms/QuoteHeader/QuoteHeader';
-export type { TimelineProps, TimelineServices, } from './components/organisms/Timeline/Timeline';
-export type { AccomodationDocket as AccomodationDocketType, ExcursionDocket as ExcursionDocketType, OtherServiceDocket as OtherServiceDocketType, ServiceDocket as ServiceDocketType, TransferDocket as TransferDocketType, } from './types/docket/services.types';
+export type { FilterType, QuoteHeaderProps } from './components/organisms/QuoteHeader/QuoteHeader';
+export type { TimelineProps, TimelineServices } from './components/organisms/Timeline/Timeline';
+export type { AccomodationDocket as AccomodationDocketType, ExcursionDocket as ExcursionDocketType, OtherServiceDocket as OtherServiceDocketType, ServiceDocket as ServiceDocketType, TransferDocket as TransferDocketType } from './types/docket/services.types';
 export * from './types/table';
 export * from './hooks/useStays';

package/dist/index.js

@@ -19,7 +19,7 @@ export { DocketPrices } from './components/molecules/DocketPrices/DocketPrices';
 export { PriceDisplay } from './components/molecules/PriceDisplay/PriceDisplay';
 export { TransferDocket } from './components/molecules/TransferDocket/TransferDocket';
 // Molecules - Composed components
-export { ActionDropdown, } from './components/molecules/ActionDropdown/ActionDropdown';
+export { ActionDropdown } from './components/molecules/ActionDropdown/ActionDropdown';
 export { AddItemButton } from './components/molecules/AddItemButton/AddItemButton';
 export { default as AgeSelector } from './components/molecules/AgeSelector/AgeSelector';
 export * from './components/molecules/BookingResume';
@@ -41,10 +41,10 @@ export { ServiceLanguages } from './components/molecules/ServiceLanguages/Servic
 export { default as ServiceSelector } from './components/molecules/ServiceSelector/ServiceSelector';
 export { default as Stepper } from './components/molecules/Stepper/Stepper';
 export { default as TextWithIcon } from './components/molecules/TextWithIcon/TextWithIcon';
-export { default as VehicleSupplement } from './components/molecules/VehicleSupplement/VehicleSupplement';
 export { default as TimelineItem } from './components/molecules/TimelineItem/TimelineItem';
 export { default as Toast } from './components/molecules/Toast/Toast';
 export * from './components/molecules/TooltipDisplay/TooltipDisplay';
+export { default as VehicleSupplement } from './components/molecules/VehicleSupplement/VehicleSupplement';
 // Organisms - Complex components
 export { Illustration } from './components/atoms/Illustration/Illustration';
 export * from './components/molecules/BookingPax';

package/dist/styles/components/molecule/location-dropdown.css

@@ -187,7 +187,7 @@
   right: 0px;
   z-index: 50;
   margin-top: 0.5rem;
-  width: 17.5rem;
+  width: 100%;
   overflow: hidden;
   border-radius: 0.75rem;
   border-width: 1px;

package/dist/styles/components/molecule/transfer-docket.css

@@ -75,4 +75,10 @@
   height: 14px;
   border-left: 1px solid rgba(163, 163, 163, 1);
   margin: 0 8px;
+}
+
+.transfer-docket__supplements {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }

package/package.json

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

package/src/components/molecules/FeatureRow/FeatureRow.css

@@ -33,7 +33,8 @@
   display: flex;
   align-items: center;
   gap: var(--spacing-gap-gap-1, 4px);
-  flex-shrink: 0;
+  flex: 1 1 auto;
+  min-width: 0;
   padding: var(--spacing-padding-py-0, 0px) var(--spacing-padding-px-0, 0px);
 }
 
@@ -48,7 +49,9 @@
   line-height: calc(var(--font-leading-leading-sm, 20) * 1px);
   color: var(--color-text-default, #262626);
   letter-spacing: var(--font-tracking-tracking-normal, 0px);
-  white-space: nowrap;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  min-width: 0;
 }
 
 .feature-row__value-text--not-applicable {

package/src/components/molecules/TransferDocket/TransferDocket.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../styles/components/molecule/transfer-docket.css';
 import { TransferDocket as TransferDocketType } from '../../../types/docket/services.types';
 import Button from '../../atoms/Button/Button';
 import Icon from '../../atoms/Icon/Icon';
@@ -6,7 +7,6 @@ import { Text } from '../../atoms/Typography/Typography';
 import { DateDisplay } from '../DateDisplay/DateDisplay';
 import { PriceDisplay } from '../PriceDisplay/PriceDisplay';
 import TextWithIcon from '../TextWithIcon/TextWithIcon';
-import '../../../styles/components/molecule/transfer-docket.css';
 
 export interface TransferDocketProps {
   data: TransferDocketType;
@@ -33,10 +33,14 @@ export const TransferDocket: React.FC<TransferDocketProps> = ({
     InfantCount,
     VehicleTypeName,
     paxAge,
+    baby_seat_count,
   } = data;
 
+  // Automatically generate supplements from baby_seat_count
+  const showBabySeat = baby_seat_count && baby_seat_count > 0;
+
   const formatChildrenInfo = (): React.ReactNode => {
-    const totalChildren = (ChildCount || 0) + (TeenCount || 0);
+    const totalChildren = (ChildCount || 0) + (TeenCount || 0) + (InfantCount || 0);
     if (totalChildren === 0) {
       return null;
     }
@@ -148,7 +152,7 @@ export const TransferDocket: React.FC<TransferDocketProps> = ({
               {AdultCount} Adult{AdultCount > 1 ? 's' : ''}
             </TextWithIcon>
           )}
-          {((ChildCount && ChildCount > 0) || (TeenCount && TeenCount > 0)) ? (
+          {((ChildCount && ChildCount > 0) || (TeenCount && TeenCount > 0)) || (InfantCount && InfantCount > 0) ? (
             <div className="transfer-docket__children-wrapper">
               <Icon
                 name="user"
@@ -165,6 +169,21 @@ export const TransferDocket: React.FC<TransferDocketProps> = ({
             {VehicleTypeName}
           </TextWithIcon>
         )}
+
+        {showBabySeat && (
+          <div className="transfer-docket__supplements">
+            <Text variant="medium" size="sm" color="default" leading="none">
+              Supplement :
+            </Text>
+            <TextWithIcon 
+              icon="stroller" 
+              textSize="sm" 
+              color="subtle"
+            >
+              Baby seat x{baby_seat_count}
+            </TextWithIcon>
+          </div>
+        )}
       </div>
     </div>
   );

package/src/styles/components/molecule/location-dropdown.css

@@ -110,7 +110,7 @@
 
 /* Dropdown Panel */
 .location-dropdown__panel {
-  @apply absolute top-full left-0 right-0 mt-2 bg-white rounded-xl overflow-hidden z-50 w-[17.5rem] border border-[var(--color-neutral-200)];
+  @apply absolute top-full left-0 right-0 mt-2 bg-white rounded-xl overflow-hidden z-50 w-full border border-[var(--color-neutral-200)];
 }
 
 /* Search Input */

package/src/styles/components/molecule/transfer-docket.css

@@ -59,3 +59,8 @@
   margin: 0 8px;
 }
 
+.transfer-docket__supplements {
+  @apply flex flex-col;
+  gap: 8px;
+}
+