mautourco-components 0.2.30 → 0.2.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/Avatar/Avatar.js +1 -12
- package/dist/components/atoms/Button/Button.js +1 -12
- package/dist/components/atoms/Checkbox/Checkbox.js +2 -13
- package/dist/components/atoms/Chip/Chip.js +1 -12
- package/dist/components/atoms/Icon/icons/AccomIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/AirIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/ArrivalIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/ArrowDownOutlineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/ArrowRightOutlineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/BadgeAlertIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/BikeIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/BookingIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Building2OutlineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/BuildingIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/BusIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Calendar2Icon.js +1 -12
- package/dist/components/atoms/Icon/icons/CalendarIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/CalendarOutlineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/CalendarRangeOutlineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/CarFront.js +1 -12
- package/dist/components/atoms/Icon/icons/CarIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/CatamaranIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Check.js +1 -12
- package/dist/components/atoms/Icon/icons/CheckCircleIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Chevron.js +1 -1
- package/dist/components/atoms/Icon/icons/ClockIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Close.js +1 -12
- package/dist/components/atoms/Icon/icons/CloseCircleIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/DeleteIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/DepartureIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/EyeIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/FacebookIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/HomeIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Info2Icon.d.ts +4 -0
- package/dist/components/atoms/Icon/icons/Info2Icon.js +25 -0
- package/dist/components/atoms/Icon/icons/InfoIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Land.js +1 -12
- package/dist/components/atoms/Icon/icons/LineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/LinkedInIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/LuggageIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/MapIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/MapPinIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/MautoucoLogo.d.ts +0 -1
- package/dist/components/atoms/Icon/icons/MautoucoLogo.js +1 -12
- package/dist/components/atoms/Icon/icons/MenuIcon.d.ts +0 -1
- package/dist/components/atoms/Icon/icons/MenuIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/MicroIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/MinusIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/MoreIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/MoreVerticalIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/NightIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/PlaneIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/PlaneLandingOutlineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/PlaneTakeoffOutlineIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/PlusCircleIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/PlusIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/QuotationIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/SeaIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Search.js +1 -12
- package/dist/components/atoms/Icon/icons/Settings.js +1 -12
- package/dist/components/atoms/Icon/icons/ShipIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/StopWatchIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/StrollerIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/TwitterIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/User.js +1 -12
- package/dist/components/atoms/Icon/icons/UserIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Utensils.js +1 -12
- package/dist/components/atoms/Icon/icons/WalletIcon.js +1 -12
- package/dist/components/atoms/Icon/icons/Youtube.js +1 -12
- package/dist/components/atoms/Icon/icons/registry.d.ts +1 -0
- package/dist/components/atoms/Icon/icons/registry.js +2 -0
- package/dist/components/atoms/Illustration/illustrations.js +4 -4
- package/dist/components/atoms/Inputs/DropdownInput/DropdownInput.js +1 -12
- package/dist/components/atoms/Inputs/Input/Input.d.ts +2 -1
- package/dist/components/atoms/Inputs/Input/Input.js +2 -13
- package/dist/components/atoms/Link/Link.js +4 -15
- package/dist/components/atoms/RatingStar/RatingStar.js +2 -13
- package/dist/components/atoms/SegmentedButton/SegmentedButton.js +3 -14
- package/dist/components/atoms/SelectedValue/SelectedValue.js +1 -12
- package/dist/components/atoms/Slider/Slider.js +1 -12
- package/dist/components/atoms/Spinner/Spinner.js +1 -12
- package/dist/components/atoms/Tab/Tab.js +1 -1
- package/dist/components/atoms/Typography/Typography.js +2 -13
- package/dist/components/molecules/AccomodationDocket/AccomodationDocket.js +3 -14
- package/dist/components/molecules/ActionDropdown/ActionDropdown.d.ts +0 -1
- package/dist/components/molecules/ActionDropdown/ActionDropdown.js +5 -16
- package/dist/components/molecules/AddItemButton/AddItemButton.js +1 -12
- package/dist/components/molecules/BookingPax/BookingPaxAccom.js +3 -14
- package/dist/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.d.ts +0 -1
- package/dist/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.js +5 -5
- package/dist/components/molecules/BookingPax/BookingPaxExcursion.js +1 -12
- package/dist/components/molecules/BookingPax/BookingPaxHeader.js +2 -2
- package/dist/components/molecules/BookingPax/BookingPaxLayout/BookingPaxLayout.d.ts +0 -1
- package/dist/components/molecules/BookingPax/BookingPaxLayout/BookingPaxLayout.js +1 -12
- package/dist/components/molecules/BookingPax/BookingPaxRemarks.js +1 -12
- package/dist/components/molecules/BookingPax/BookingPaxTransfer.js +1 -12
- package/dist/components/molecules/BookingResume/BookingResumeLayout/BookingResumeLayout.js +1 -12
- package/dist/components/molecules/BookingResume/ResumeAccom/ResumeAccom.js +1 -12
- package/dist/components/molecules/BookingResume/ResumeExcursion/ResumeExcursion.js +1 -12
- package/dist/components/molecules/BookingResume/ResumeOtherService.js +1 -12
- package/dist/components/molecules/BookingResume/ResumeTransfer.js +1 -12
- package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js +1 -12
- package/dist/components/molecules/Calendar/CalendarInput.js +2 -13
- package/dist/components/molecules/Calendar/DateTime.d.ts +9 -9
- package/dist/components/molecules/Calendar/DateTime.js +3 -3
- package/dist/components/molecules/Calendar/TimePicker.js +1 -12
- package/dist/components/molecules/DateDisplay/DateDisplay.js +2 -13
- package/dist/components/molecules/DetailsInfo/DetailsAction.js +2 -13
- package/dist/components/molecules/DetailsInfo/DetailsAgency/DetailsAgency.js +1 -12
- package/dist/components/molecules/DetailsInfo/DetailsClient/DetailsClient.js +1 -12
- package/dist/components/molecules/DetailsInfo/DetailsFile.js +1 -12
- package/dist/components/molecules/DetailsInfo/DetailsInfo.d.ts +0 -1
- package/dist/components/molecules/DialogContentPolicy/CancellationLayout/CancellationLayout.js +1 -12
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationAccom.d.ts +0 -1
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationAccom.js +1 -12
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationExcursion.d.ts +0 -1
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationExcursion.js +1 -12
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationList.d.ts +3 -3
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationList.js +2 -2
- package/dist/components/molecules/DialogContentPolicy/DialogContentPolicy.js +1 -12
- package/dist/components/molecules/DocketPrices/DocketPrices.js +1 -12
- package/dist/components/molecules/ExcursionDocket/ExcursionDocket.js +1 -12
- package/dist/components/molecules/FeatureRow/FeatureRow.js +1 -12
- package/dist/components/molecules/FromTo/FromTo.d.ts +0 -1
- package/dist/components/molecules/FromTo/FromTo.js +1 -12
- package/dist/components/molecules/GlobalAmenities/GlobalAmenities.js +1 -12
- package/dist/components/molecules/LocationDropdown/LocationDropdown.js +6 -17
- package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.d.ts +1 -0
- package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.js +23 -28
- package/dist/components/molecules/OtherServiceDocket/OtherServiceDocket.js +1 -12
- package/dist/components/molecules/Pagination/Pagination.js +4 -15
- package/dist/components/molecules/PaxChips/PaxChips.d.ts +11 -0
- package/dist/components/molecules/PaxChips/PaxChips.js +9 -0
- package/dist/components/molecules/PaxDisplay/PaxDisplay.d.ts +0 -1
- package/dist/components/molecules/PaxDisplay/PaxDisplay.js +5 -16
- package/dist/components/molecules/PriceDisplay/PriceDisplay.js +1 -12
- package/dist/components/molecules/RatingTab/RatingTab.js +1 -12
- package/dist/components/molecules/SectionTitle/SectionTitle.js +1 -12
- package/dist/components/molecules/ServiceInfo/ServiceInfo.js +2 -13
- package/dist/components/molecules/ServiceLanguages/ServiceLanguages.js +1 -12
- package/dist/components/molecules/ServiceSelector/ServiceSelector.js +4 -15
- package/dist/components/molecules/ServiceTitle/ServiceTitle.js +1 -12
- package/dist/components/molecules/Stepper/Stepper.js +1 -12
- package/dist/components/molecules/StepperTimeline/StepperTimeline.js +6 -17
- package/dist/components/molecules/TabGroup/TabGroup.js +1 -12
- package/dist/components/molecules/TableServiceItem/DetailsCol.js +1 -12
- package/dist/components/molecules/TableServiceItem/ItemCol.d.ts +0 -1
- package/dist/components/molecules/TableServiceItem/ItemCol.js +2 -13
- package/dist/components/molecules/TableServiceItem/RowOtherServices.js +1 -12
- package/dist/components/molecules/TableServiceItem/RowTransfer.js +1 -12
- package/dist/components/molecules/TableServiceItem/index.d.ts +0 -1
- package/dist/components/molecules/TextWithBorderBottom/TextWithBorderBottom.js +1 -1
- package/dist/components/molecules/TextWithIcon/TextWithIcon.d.ts +0 -1
- package/dist/components/molecules/TextWithIcon/TextWithIcon.js +1 -12
- package/dist/components/molecules/TimelineItem/ServiceAccommodation.js +1 -12
- package/dist/components/molecules/TimelineItem/ServiceExcursion.js +1 -12
- package/dist/components/molecules/TimelineItem/ServiceTransfer.js +1 -12
- package/dist/components/molecules/TimelineItem/TimelineHeader.js +1 -12
- package/dist/components/molecules/TimelineItem/TimelineItem.d.ts +0 -1
- package/dist/components/molecules/TimelineItem/TimelineItem.js +1 -12
- package/dist/components/molecules/Toast/Toast.css +2107 -0
- package/dist/components/molecules/Toast/Toast.d.ts +2 -2
- package/dist/components/molecules/Toast/Toast.js +1 -12
- package/dist/components/molecules/TooltipDisplay/TooltipDisplay.js +1 -12
- package/dist/components/molecules/TransferDocket/TransferDocket.js +2 -13
- package/dist/components/molecules/UserCard/UserCard.js +3 -14
- package/dist/components/organisms/Booking/BookingDocket/BookingDocket.d.ts +0 -1
- package/dist/components/organisms/Booking/BookingDocket/BookingDocket.js +1 -1
- package/dist/components/organisms/Booking/BookingHeader.js +1 -12
- package/dist/components/organisms/Booking/BookingStep/BookingStep.js +1 -12
- package/dist/components/organisms/CarBookingCard/CarBookingCard.js +2 -2
- package/dist/components/organisms/CarBookingCard/CarBookingCardSkeleton.js +1 -12
- package/dist/components/organisms/CardContainer/CardContainer.js +1 -12
- package/dist/components/organisms/DateTimePicker/DateTimePicker.js +1 -12
- package/dist/components/organisms/Dialog/Dialog.js +3 -15
- package/dist/components/organisms/DialogBookingAddItem/AddItemNewService.d.ts +16 -0
- package/dist/components/organisms/DialogBookingAddItem/AddItemNewService.js +44 -0
- package/dist/components/organisms/DialogBookingAddItem/AddItemSelector.d.ts +8 -0
- package/dist/components/organisms/DialogBookingAddItem/AddItemSelector.js +12 -0
- package/dist/components/organisms/DialogBookingAddItem/DialogBookingAddItem.d.ts +17 -0
- package/dist/components/organisms/DialogBookingAddItem/DialogBookingAddItem.js +55 -0
- package/dist/components/organisms/DialogBookingAddItem/index.d.ts +3 -0
- package/dist/components/organisms/DialogBookingAddItem/index.js +3 -0
- package/dist/components/organisms/DialogBookingConfirm/BookingCancellationPolicy.d.ts +2 -2
- package/dist/components/organisms/DialogBookingConfirm/BookingCancellationPolicy.js +1 -12
- package/dist/components/organisms/DialogBookingConfirm/BookingMailSent.js +1 -12
- package/dist/components/organisms/DialogBookingConfirm/BookingReference.js +1 -12
- package/dist/components/organisms/DialogBookingConfirm/BookingSuccess.js +1 -12
- package/dist/components/organisms/DialogBookingConfirm/DialogBookingConfirm.d.ts +4 -0
- package/dist/components/organisms/DialogBookingConfirm/DialogBookingConfirm.js +2 -13
- package/dist/components/organisms/DialogCancelService/CancelBooking/CancelBooking.css +2117 -0
- package/dist/components/organisms/DialogCancelService/CancelBooking/CancelBooking.d.ts +16 -0
- package/dist/components/organisms/DialogCancelService/CancelBooking/CancelBooking.js +28 -0
- package/dist/components/organisms/{CancelService → DialogCancelService}/CancelPolicy.d.ts +2 -2
- package/dist/components/organisms/DialogCancelService/CancelPolicy.js +8 -0
- package/dist/components/organisms/DialogCancelService/ConfirmDelete/ConfirmDelete.js +24 -0
- package/dist/components/organisms/{CancelService/CancelService.d.ts → DialogCancelService/DialogCancelService.d.ts} +4 -3
- package/dist/components/organisms/DialogCancelService/DialogCancelService.js +14 -0
- package/dist/components/organisms/DialogCancelService/FromList.js +18 -0
- package/dist/components/organisms/DialogCancelService/index.d.ts +5 -0
- package/dist/components/organisms/DialogCancelService/index.js +1 -0
- package/dist/components/organisms/DialogComparison/DialogComparison.css +2116 -0
- package/dist/components/organisms/DialogComparison/DialogComparison.d.ts +24 -0
- package/dist/components/organisms/DialogComparison/DialogComparison.js +69 -0
- package/dist/components/organisms/DialogDeleteConfirm/DialogDeleteConfirm.d.ts +14 -0
- package/dist/components/organisms/DialogDeleteConfirm/DialogDeleteConfirm.js +11 -0
- package/dist/components/organisms/DialogSendingMail/DialogSendingMail.d.ts +11 -0
- package/dist/components/organisms/DialogSendingMail/DialogSendingMail.js +8 -0
- package/dist/components/organisms/DialogSendingMail/DialogSendingMailContent.d.ts +15 -0
- package/dist/components/organisms/DialogSendingMail/DialogSendingMailContent.js +49 -0
- package/dist/components/organisms/DialogSendingMail/index.d.ts +4 -0
- package/dist/components/organisms/DialogSendingMail/index.js +2 -0
- package/dist/components/organisms/DialogSendingMail/sending-mail-schema.d.ts +7 -0
- package/dist/components/organisms/DialogSendingMail/sending-mail-schema.js +16 -0
- package/dist/components/organisms/Docket/Docket.js +8 -19
- package/dist/components/organisms/Footer/Footer.js +3 -14
- package/dist/components/organisms/MultipleQuotationDocket/MultipleQuotationDocket.js +2 -13
- package/dist/components/organisms/PaxSelector/PaxSelector.js +22 -22
- package/dist/components/organisms/QuoteHeader/QuoteHeader.js +2 -13
- package/dist/components/organisms/RoundTrip/RoundTrip.js +1 -1
- package/dist/components/organisms/SearchBarTransfer/SearchBarTransfer.js +5 -5
- package/dist/components/organisms/TabCancellationPolicy/CancellationAccom.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/CancellationExcursion.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/CancellationHeader.d.ts +0 -1
- package/dist/components/organisms/TabCancellationPolicy/CancellationTransfer.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/HeaderAccom.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/HeaderExcursion/HeaderTransfer.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/PolicyAccom/PolicyAccom.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/PolicyExcursion.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/PolicyTransfer.js +1 -12
- package/dist/components/organisms/TabCancellationPolicy/TabCancellationPolicy.d.ts +0 -1
- package/dist/components/organisms/TabCancellationPolicy/TabCancellationPolicyLayout/TabCancellationPolicyLayout.js +1 -12
- package/dist/components/organisms/TabServiceDetails/Accommodation.js +1 -1
- package/dist/components/organisms/TabServiceDetails/DetailContentTransfer.js +1 -12
- package/dist/components/organisms/TabServiceDetails/DetailsContentAccom.js +2 -2
- package/dist/components/organisms/TabServiceDetails/DetailsContentExcursion.js +1 -12
- package/dist/components/organisms/TabServiceDetails/Excursion.js +1 -1
- package/dist/components/organisms/TabServiceDetails/TabServiceDetails.d.ts +0 -1
- package/dist/components/organisms/TabServiceDetails/TabServiceDetailsLayout/TabServiceDetailsLayout.js +1 -12
- package/dist/components/organisms/TabServiceDetails/Transfer.js +1 -1
- package/dist/components/organisms/Table/Table.css +48 -32
- package/dist/components/organisms/Table/Table.d.ts +4 -1
- package/dist/components/organisms/Table/Table.js +19 -16
- package/dist/components/organisms/Table/TableCell.d.ts +1 -1
- package/dist/components/organisms/Table/TableCell.js +1 -12
- package/dist/components/organisms/Table/columns/booking-cancel-service-columns.js +15 -31
- package/dist/components/organisms/Table/columns/booking-columns.js +7 -22
- package/dist/components/organisms/Table/columns/comparison-columns.d.ts +3 -0
- package/dist/components/organisms/Table/columns/comparison-columns.js +97 -0
- package/dist/components/organisms/Table/columns/detail-resume-columns.js +16 -31
- package/dist/components/organisms/Table/columns/index.d.ts +11 -7
- package/dist/components/organisms/Table/columns/index.js +2 -0
- package/dist/components/organisms/Table/columns/quotation-columns.d.ts +4 -1
- package/dist/components/organisms/Table/columns/quotation-columns.js +10 -19
- package/dist/components/organisms/Timeline/Timeline.js +1 -1
- package/dist/components/organisms/TopNavigation/DesktopNav.d.ts +0 -1
- package/dist/components/organisms/TopNavigation/DesktopNav.js +5 -16
- package/dist/components/organisms/TopNavigation/MobileNav.js +9 -20
- package/dist/components/organisms/TransferLine/TransferLine.js +1 -1
- package/dist/components/ui/button.d.ts +1 -1
- package/dist/components/ui/calendar.js +2 -2
- package/dist/components/ui/form.d.ts +24 -0
- package/dist/components/ui/form.js +79 -0
- package/dist/components/ui/label.d.ts +4 -0
- package/dist/components/ui/label.js +30 -0
- package/dist/hooks/useBookingPax.d.ts +1 -1
- package/dist/index.d.ts +26 -15
- package/dist/index.js +10 -2
- package/dist/lib/price-formatter.d.ts +1 -0
- package/dist/lib/price-formatter.js +13 -0
- package/dist/lib/shared-constant.d.ts +1 -0
- package/dist/lib/shared-constant.js +1 -0
- package/dist/lib/utils.d.ts +1 -2
- package/dist/lib/utils.js +1 -1
- package/dist/styles/tokens/tokens.d.ts +464 -464
- package/package.json +7 -3
- package/src/components/atoms/Icon/icons/Info2Icon.tsx +42 -0
- package/src/components/atoms/Icon/icons/registry.tsx +2 -0
- package/src/components/atoms/Inputs/Input/Input.tsx +4 -2
- package/src/components/molecules/Calendar/DateTime.tsx +6 -4
- package/src/components/molecules/DialogContentPolicy/DialogCancellationList.tsx +6 -6
- package/src/components/molecules/DialogContentPolicy/DialogContentPolicy.tsx +1 -1
- package/src/components/molecules/MultiSelectDropdown/MultiSelectDropdown.tsx +117 -82
- package/src/components/molecules/PaxChips/PaxChips.tsx +30 -0
- package/src/components/molecules/TextWithIcon/TextWithIcon.tsx +2 -2
- package/src/components/molecules/Toast/Toast.css +27 -0
- package/src/components/molecules/Toast/Toast.tsx +9 -9
- package/src/components/organisms/Dialog/Dialog.tsx +85 -64
- package/src/components/organisms/{BookingAddItem → DialogBookingAddItem}/AddItemNewService.tsx +17 -2
- package/src/components/organisms/{BookingAddItem/BookingAddItem.tsx → DialogBookingAddItem/DialogBookingAddItem.tsx} +6 -6
- package/src/components/organisms/{BookingAddItem → DialogBookingAddItem}/index.ts +1 -1
- package/src/components/organisms/DialogBookingConfirm/BookingCancellationPolicy.tsx +2 -2
- package/src/components/organisms/DialogBookingConfirm/DialogBookingConfirm.tsx +14 -2
- package/src/components/organisms/DialogCancelService/CancelBooking/CancelBooking.css +24 -0
- package/src/components/organisms/DialogCancelService/CancelBooking/CancelBooking.tsx +98 -0
- package/src/components/organisms/{CancelService → DialogCancelService}/CancelPolicy.tsx +4 -4
- package/src/components/organisms/{CancelService/CancelService.tsx → DialogCancelService/DialogCancelService.tsx} +7 -5
- package/src/components/organisms/DialogCancelService/index.ts +6 -0
- package/src/components/organisms/DialogComparison/DialogComparison.css +23 -0
- package/src/components/organisms/DialogComparison/DialogComparison.tsx +157 -0
- package/src/components/organisms/DialogDeleteConfirm/DialogDeleteConfirm.tsx +57 -0
- package/src/components/organisms/DialogSendingMail/DialogSendingMail.tsx +27 -0
- package/src/components/organisms/DialogSendingMail/DialogSendingMailContent.tsx +115 -0
- package/src/components/organisms/DialogSendingMail/index.ts +5 -0
- package/src/components/organisms/DialogSendingMail/sending-mail-schema.ts +19 -0
- package/src/components/organisms/Table/Table.css +48 -32
- package/src/components/organisms/Table/Table.tsx +24 -5
- package/src/components/organisms/Table/columns/booking-cancel-service-columns.tsx +16 -32
- package/src/components/organisms/Table/columns/booking-columns.tsx +2 -19
- package/src/components/organisms/Table/columns/comparison-columns.tsx +140 -0
- package/src/components/organisms/Table/columns/detail-resume-columns.tsx +17 -33
- package/src/components/organisms/Table/columns/index.ts +2 -0
- package/src/components/organisms/Table/columns/quotation-columns.tsx +17 -9
- package/src/components/ui/form.tsx +160 -0
- package/src/components/ui/label.tsx +22 -0
- package/dist/components/organisms/CancelService/CancelPolicy.js +0 -19
- package/dist/components/organisms/CancelService/CancelService.js +0 -23
- package/dist/components/organisms/CancelService/ConfirmDelete/ConfirmDelete.js +0 -35
- package/dist/components/organisms/CancelService/FromList.js +0 -29
- /package/dist/components/organisms/{CancelService → DialogCancelService}/ConfirmDelete/ConfirmDelete.css +0 -0
- /package/dist/components/organisms/{CancelService → DialogCancelService}/ConfirmDelete/ConfirmDelete.d.ts +0 -0
- /package/dist/components/organisms/{CancelService → DialogCancelService}/FromList.d.ts +0 -0
- /package/src/components/organisms/{BookingAddItem → DialogBookingAddItem}/AddItemSelector.tsx +0 -0
- /package/src/components/organisms/{CancelService → DialogCancelService}/ConfirmDelete/ConfirmDelete.css +0 -0
- /package/src/components/organisms/{CancelService → DialogCancelService}/ConfirmDelete/ConfirmDelete.tsx +0 -0
- /package/src/components/organisms/{CancelService → DialogCancelService}/FromList.tsx +0 -0
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
2
|
var SegmentedButton = function (_a) {
|
|
14
3
|
var options = _a.options, value = _a.value, onChange = _a.onChange, _b = _a.orientation, orientation = _b === void 0 ? 'horizontal' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.className, className = _d === void 0 ? '' : _d, name = _a.name;
|
|
@@ -40,10 +29,10 @@ var SegmentedButton = function (_a) {
|
|
|
40
29
|
.filter(Boolean)
|
|
41
30
|
.join(' ');
|
|
42
31
|
};
|
|
43
|
-
return (_jsx("div",
|
|
32
|
+
return (_jsx("div", { className: containerClasses, role: "group", "aria-label": name, children: options.map(function (option, index) {
|
|
44
33
|
var isSelected = option.value === value;
|
|
45
34
|
var isDisabled = disabled || option.disabled;
|
|
46
|
-
return (_jsx("button",
|
|
47
|
-
}) }))
|
|
35
|
+
return (_jsx("button", { type: "button", className: getButtonClasses(option, index), onClick: function () { return handleClick(option.value, option.disabled); }, disabled: isDisabled, "aria-pressed": isSelected, "aria-label": option.label, children: _jsx("span", { className: "segmented-button__label", children: option.label }) }, option.value));
|
|
36
|
+
}) }));
|
|
48
37
|
};
|
|
49
38
|
export default SegmentedButton;
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import Icon from '../Icon/Icon';
|
|
14
3
|
import { Text } from '../Typography/Typography';
|
|
@@ -24,6 +13,6 @@ var SelectedValue = function (_a) {
|
|
|
24
13
|
var getTextSize = function () {
|
|
25
14
|
return size; // Utilise directement la taille passée en prop
|
|
26
15
|
};
|
|
27
|
-
return (_jsxs("div",
|
|
16
|
+
return (_jsxs("div", { className: classes, children: [_jsx(Text, { size: getTextSize(), variant: "medium", leading: "4", className: "selected-value__text", children: value }), variant !== 'text' && onRemove && (_jsx("button", { type: "button", className: "selected-value__remove", onClick: handleRemove, "aria-label": "Remove ".concat(value), children: _jsx(Icon, { name: "close", size: iconSize, className: "selected-value__remove-icon" }) }))] }));
|
|
28
17
|
};
|
|
29
18
|
export default SelectedValue;
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
2
|
/**
|
|
14
3
|
* Slider atom.
|
|
@@ -25,6 +14,6 @@ export var Slider = function (_a) {
|
|
|
25
14
|
var classes = ['slider', "slider--".concat(variant), disabled ? 'slider--disabled' : '', className]
|
|
26
15
|
.filter(Boolean)
|
|
27
16
|
.join(' ');
|
|
28
|
-
return (_jsx("div",
|
|
17
|
+
return (_jsx("div", { className: "slider-container", children: _jsx("input", { id: id, type: "range", className: classes, min: min, max: max, step: step, value: value, onChange: handleChange, disabled: disabled, "aria-label": ariaLabel }) }));
|
|
29
18
|
};
|
|
30
19
|
export default Slider;
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
var Spinner = function (_a) {
|
|
14
3
|
var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, color = _a.color, _d = _a.speed, speed = _d === void 0 ? 'normal' : _d;
|
|
@@ -33,6 +22,6 @@ var Spinner = function (_a) {
|
|
|
33
22
|
var speedClasses = getSpeedClasses();
|
|
34
23
|
var colorClass = color ? "text-".concat(color) : 'text-current';
|
|
35
24
|
var classes = "".concat(sizeClasses, " ").concat(speedClasses, " ").concat(colorClass, " ").concat(className);
|
|
36
|
-
return (_jsxs("svg",
|
|
25
|
+
return (_jsxs("svg", { className: classes, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M21 12A9 9 0 1 1 3 12A9 9 0 0 1 21 12Z", strokeOpacity: "0.25" }), _jsx("path", { d: "M21 12A9 9 0 0 0 3 12" })] }));
|
|
37
26
|
};
|
|
38
27
|
export default Spinner;
|
|
@@ -48,7 +48,7 @@ var Tab = React.forwardRef(function (_a, ref) {
|
|
|
48
48
|
: size === 'lg'
|
|
49
49
|
? 'lg'
|
|
50
50
|
: 'base');
|
|
51
|
-
return (_jsx("button", __assign({}, buttonRest, { ref: ref, type: typeProp !== null && typeProp !== void 0 ? typeProp : 'button', role: roleProp !== null && roleProp !== void 0 ? roleProp : 'tab', "aria-selected": isActive, "aria-disabled": disabled || undefined, disabled: disabled, className: tabClasses
|
|
51
|
+
return (_jsx("button", __assign({}, buttonRest, { ref: ref, type: typeProp !== null && typeProp !== void 0 ? typeProp : 'button', role: roleProp !== null && roleProp !== void 0 ? roleProp : 'tab', "aria-selected": isActive, "aria-disabled": disabled || undefined, disabled: disabled, className: tabClasses, children: _jsx(Text, { as: "span", size: resolvedTextSize, variant: resolvedVariant, className: "tab__label", children: children }) })));
|
|
52
52
|
});
|
|
53
53
|
Tab.displayName = 'Tab';
|
|
54
54
|
export default Tab;
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
2
|
var headingTokenClass = {
|
|
14
3
|
1: 'heading-3xl',
|
|
@@ -90,7 +79,7 @@ export var Heading = function (_a) {
|
|
|
90
79
|
.filter(Boolean)
|
|
91
80
|
.join(' ');
|
|
92
81
|
var colorStyle = getColorStyle(color);
|
|
93
|
-
return (_jsx(Tag,
|
|
82
|
+
return (_jsx(Tag, { className: classes, style: colorStyle, onClick: onClick, children: children }));
|
|
94
83
|
};
|
|
95
84
|
export var Text = function (_a) {
|
|
96
85
|
var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.variant, variant = _c === void 0 ? 'regular' : _c, leading = _a.leading, color = _a.color, as = _a.as, _d = _a.className, className = _d === void 0 ? '' : _d, children = _a.children, onClick = _a.onClick;
|
|
@@ -107,5 +96,5 @@ export var Text = function (_a) {
|
|
|
107
96
|
.filter(Boolean)
|
|
108
97
|
.join(' ');
|
|
109
98
|
var colorStyle = getColorStyle(color);
|
|
110
|
-
return (_jsx(Tag,
|
|
99
|
+
return (_jsx(Tag, { className: classes, style: colorStyle, onClick: onClick, children: children }));
|
|
111
100
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import { differenceInDays } from 'date-fns';
|
|
14
3
|
import React from 'react';
|
|
@@ -60,11 +49,11 @@ export var AccomodationDocket = function (_a) {
|
|
|
60
49
|
// If no age info, just show total count
|
|
61
50
|
childGroups.push({ count: room.ChildCount, age: 0 });
|
|
62
51
|
}
|
|
63
|
-
return (_jsx("div",
|
|
52
|
+
return (_jsx("div", { className: "accomodation-docket__children", children: childGroups.map(function (group, index) { return (_jsxs(React.Fragment, { children: [index > 0 && _jsx("div", { className: "accomodation-docket__divider-vertical" }), _jsxs("span", { className: "accomodation-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: "accomodation-docket__child-age", children: [' ', "(", group.age, " y.o)"] })) : null] })] }, "child-".concat(index))); }) }));
|
|
64
53
|
};
|
|
65
54
|
var renderRoomDetails = function (room, index) {
|
|
66
55
|
var isRoomEmpty = room.isEmpty || !room.Dates || room.Dates.length === 0;
|
|
67
|
-
return (_jsxs("div",
|
|
56
|
+
return (_jsxs("div", { className: "accomodation-docket__room", children: [_jsx("div", { className: "accomodation-docket__room-header", children: _jsxs(TextWithIcon, { icon: "accom", textVariant: "bold", textSize: "sm", color: "subtle", children: ["Room ", index + 1] }) }), isRoomEmpty ? (_jsx("div", { className: "accomodation-docket__room-empty", children: _jsx(Text, { variant: "bold", size: "sm", color: "state-error", children: "Please select your second room" }) })) : (_jsxs("div", { className: "accomodation-docket__room-details", children: [_jsxs("div", { className: "accomodation-docket__date-section", children: [room.Dates && room.Dates.length >= 2 && (_jsx(DateDisplay, { dates: room.Dates, calendarSize: "sm", arrowSize: "sm", textSize: "sm", colorMode: "green" })), room.Dates && room.Dates.length >= 2 && (_jsxs(TextWithIcon, { icon: "night", textSize: "sm", color: "subtle", children: [calculateNights(room.Dates), " nights"] }))] }), _jsxs("div", { className: "accomodation-docket__client-info", children: [room.ClientType && (_jsxs("div", { className: "accomodation-docket__client-type", children: [_jsxs(Text, { variant: "bold", size: "sm", color: "subtle", children: ["Client type:", ' '] }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", children: clientTypeMap[room.ClientType.toLowerCase()] || room.ClientType })] })), _jsxs("div", { className: "accomodation-docket__guests", children: [room.AdultCount && room.AdultCount > 0 && (_jsxs(TextWithIcon, { icon: "user", textSize: "sm", color: "subtle", children: [room.AdultCount, " Adult", room.AdultCount > 1 ? 's' : ''] })), room.ChildCount && room.ChildCount > 0 ? (_jsxs("div", { className: "accomodation-docket__children-wrapper", children: [_jsx(Icon, { name: "user", size: "sm", color: "var(--color-text-subtle, #303642)" }), formatChildrenInfo(room)] })) : null] })] }), _jsxs("div", { className: "accomodation-docket__room-info", children: [room.RoomName && (_jsx(TextWithIcon, { icon: "accom", textSize: "sm", color: "subtle", textLeading: "none", children: room.RoomName })), room.MealPlan && (_jsxs("div", { className: "accomodation-docket__meal-plan", children: [_jsxs("div", { className: "accomodation-docket__meal-plan-label", children: [_jsx(TextWithIcon, { icon: "utensils", textSize: "sm", color: "subtle", textLeading: "none", children: "Meal-Plan" }), _jsx("div", { className: "accomodation-docket__divider-vertical" })] }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: room.MealPlan })] }))] })] }))] }, "room-".concat(index)));
|
|
68
57
|
};
|
|
69
|
-
return (_jsxs("div",
|
|
58
|
+
return (_jsxs("div", { className: "accomodation-docket", children: [_jsxs("div", { className: "accomodation-docket__header", children: [_jsxs("div", { className: "accomodation-docket__title-section", children: [_jsx("div", { className: "accomodation-docket__title-bar" }), _jsx(Icon, { name: "accom", size: "sm" }), _jsx(Text, { variant: "bold", size: "sm", color: "accent", children: "Accommodation" })] }), removeMode ? (_jsx(Button, { variant: "destructive", size: "sm", leadingIcon: "close", onClick: onRemove, className: "accomodation-docket__remove-button", children: "Remove" })) : (Total && Currency && (_jsxs(Chip, { type: "filled", color: "accent", size: "sm", children: [Currency, " ", Total] })))] }), TitleDescription && (_jsx("div", { className: "accomodation-docket__hotel-name", children: _jsx(Text, { variant: "bold", size: "base", color: "default", children: TitleDescription.split('\n').map(function (line, index) { return (_jsxs(React.Fragment, { children: [line, index < TitleDescription.split('\n').length - 1 && _jsx("br", {})] }, "line-".concat(index))); }) }) })), _jsx("div", { className: "accomodation-docket__rooms", children: Rooms.map(function (room, index) { return renderRoomDetails(room, index); }) })] }));
|
|
70
59
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import { cn } from '../../../lib/utils';
|
|
14
3
|
import { Fragment, useState } from 'react';
|
|
@@ -28,8 +17,8 @@ import './ActionDropdown.css';
|
|
|
28
17
|
export var ActionDropdown = function (_a) {
|
|
29
18
|
var data = _a.data, children = _a.children, _b = _a.maxWidth, maxWidth = _b === void 0 ? '153px' : _b;
|
|
30
19
|
var _c = useState(false), open = _c[0], setOpen = _c[1];
|
|
31
|
-
return (_jsxs(Popover,
|
|
32
|
-
var defaultButton = (_jsx("button",
|
|
20
|
+
return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { children: children !== null && children !== void 0 ? children : (_jsx("button", { className: "action-dropdown-trigger", children: _jsx(Icon, { name: "more-vertical" }) })) }), _jsx(PopoverContent, { className: "action-dropdown", style: { '--max-width': maxWidth }, align: "end", side: "bottom", avoidCollisions: false, children: data.map(function (item, index) {
|
|
21
|
+
var defaultButton = (_jsx("button", { onClick: function () {
|
|
33
22
|
var _a;
|
|
34
23
|
if (item.disabled) {
|
|
35
24
|
return;
|
|
@@ -38,7 +27,7 @@ export var ActionDropdown = function (_a) {
|
|
|
38
27
|
(_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
|
|
39
28
|
}, className: cn({
|
|
40
29
|
'cursor-not-allowed opacity-60': item.disabled,
|
|
41
|
-
}), disabled: item.disabled
|
|
42
|
-
return (_jsx(Fragment, { children: item.disabled ? (_jsx(TooltipDisplay,
|
|
43
|
-
}) })
|
|
30
|
+
}), disabled: item.disabled, children: _jsx(Text, { variant: "medium", size: "sm", as: "span", children: item.label }) }));
|
|
31
|
+
return (_jsx(Fragment, { children: item.disabled ? (_jsx(TooltipDisplay, { content: item.tooltip, side: "left", maxWidth: "290px", children: defaultButton })) : (defaultButton) }, "ad-".concat(index)));
|
|
32
|
+
}) })] }));
|
|
44
33
|
};
|
|
@@ -1,19 +1,8 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import Icon from '../../atoms/Icon/Icon';
|
|
14
3
|
import { Text } from '../../atoms/Typography/Typography';
|
|
15
4
|
import './AddItemButton.css';
|
|
16
5
|
export var AddItemButton = function (_a) {
|
|
17
6
|
var label = _a.label, onClick = _a.onClick;
|
|
18
|
-
return (_jsxs("button",
|
|
7
|
+
return (_jsxs("button", { className: "add-item-button", onClick: onClick, children: [_jsx(Icon, { name: "plus-circle", size: "lg" }), _jsx(Text, { variant: "medium", children: label })] }));
|
|
19
8
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
13
2
|
import useBookingPax from '../../../hooks/useBookingPax';
|
|
14
3
|
import { useEffect, useMemo, useRef } from 'react';
|
|
@@ -54,8 +43,8 @@ export var BookingPaxAccom = function (props) {
|
|
|
54
43
|
useEffect(function () {
|
|
55
44
|
onSelectedClients(clientsInfo, onPaxChange);
|
|
56
45
|
}, [changeOptions, onPaxChange]);
|
|
57
|
-
return (_jsxs(BookingPaxLayout,
|
|
46
|
+
return (_jsxs(BookingPaxLayout, { title: "Accommodation", icon: "accom", className: "booking-pax-accom", header: _jsx(BookingPaxHeader, { children: _jsx(BookingPaxHeader.Name, { name: hotelName, icon: "accom", location: roomName }) }), children: [roomData.map(function (_a) {
|
|
58
47
|
var room = _a.room, roomIndex = _a.roomIndex;
|
|
59
|
-
return (_jsxs("div",
|
|
60
|
-
}), _jsx(BookingPaxRemarks, { onChange: onRemarkChange })] }))
|
|
48
|
+
return (_jsxs("div", { className: "space-y-2", children: [_jsxs(TextWithIcon, { icon: "accom", children: ["Room ", roomIndex + 1] }), _jsx(BookingPaxClient, { id: "accommodation-".concat(roomIndex), clients: clientsInfo, selectedClientsInfoIds: selectedClientsInfoIds, selectedIndex: roomIndex, paxCount: room.paxCount, onPaxChange: onPaxOptionsChange, isSubmitted: isSubmitted })] }, "rm-".concat(roomIndex)));
|
|
49
|
+
}), _jsx(BookingPaxRemarks, { onChange: onRemarkChange })] }));
|
|
61
50
|
};
|
|
@@ -102,18 +102,18 @@ export var BookingPaxClient = function (props) {
|
|
|
102
102
|
useEffect(function () {
|
|
103
103
|
onError === null || onError === void 0 ? void 0 : onError(hasError);
|
|
104
104
|
}, [hasError, onError]);
|
|
105
|
-
return (_jsxs("div",
|
|
105
|
+
return (_jsxs("div", { className: "space-y-2", children: [_jsxs(Text, { children: ["Please confirm the pax which applies on this service (", paxCount, " Pax)", ' ', _jsx(Text, { color: "state-error", as: "span", children: "*" })] }), _jsx("div", { className: cn('booking-pax-client', {
|
|
106
106
|
'booking-pax-accom--error': hasError,
|
|
107
|
-
})
|
|
107
|
+
}), children: clients.map(function (client) {
|
|
108
108
|
var isSelected = isSelectedClient(selectedIndex, client.clientId);
|
|
109
109
|
var showError = hasError && !isSelected && clients.length !== paxCount;
|
|
110
|
-
return (_jsx("div", { children: _jsx("div",
|
|
110
|
+
return (_jsx("div", { children: _jsx("div", { className: "flex items-center gap-x-2", children: _jsx(Checkbox, { id: "pc-".concat(id, "-").concat(selectedIndex, "-").concat(client.clientId), checked: isSelected || clients.length === paxCount, disabled: clients.length === paxCount, error: showError, label: "".concat(client.firstName, " ").concat(client.lastName, " (").concat(client.clientType).concat(client.clientType !== 'Adult' ? " - ".concat(client.age, " years old") : '', ")"), onChange: function (checked) {
|
|
111
111
|
handlePaxChange({
|
|
112
112
|
clientId: client.clientId,
|
|
113
113
|
checked: checked,
|
|
114
114
|
paxCount: paxCount,
|
|
115
115
|
selectedIndex: selectedIndex,
|
|
116
116
|
});
|
|
117
|
-
} }) })
|
|
118
|
-
}) })
|
|
117
|
+
} }) }) }, client.clientId));
|
|
118
|
+
}) })] }));
|
|
119
119
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import useBookingPax from '../../../hooks/useBookingPax';
|
|
14
3
|
import { useEffect } from 'react';
|
|
@@ -46,5 +35,5 @@ export var BookingPaxExcursion = function (props) {
|
|
|
46
35
|
useEffect(function () {
|
|
47
36
|
onSelectedClients(clientsInfo, onPaxChange);
|
|
48
37
|
}, [changeOptions, onPaxChange]);
|
|
49
|
-
return (_jsxs(BookingPaxLayout,
|
|
38
|
+
return (_jsxs(BookingPaxLayout, { title: "Excursion", icon: "map", className: "booking-pax-accom", header: _jsx(BookingPaxHeader, { children: _jsx(BookingPaxHeader.Name, { name: name, icon: type, location: mapType[type] }) }), children: [_jsx(BookingPaxClient, { id: "excursion", clients: clientsInfo, selectedClientsInfoIds: selectedClientsInfoIds, selectedIndex: 0, paxCount: paxCount, onPaxChange: onPaxOptionsChange, isSubmitted: isSubmitted, onError: onError }), _jsx(BookingPaxRemarks, { onChange: onRemarkChange })] }));
|
|
50
39
|
};
|
|
@@ -28,11 +28,11 @@ import TextWithIcon from '../TextWithIcon/TextWithIcon';
|
|
|
28
28
|
*/
|
|
29
29
|
var BookingPaxWithName = function (props) {
|
|
30
30
|
var name = props.name, icon = props.icon, location = props.location;
|
|
31
|
-
return (_jsxs("div",
|
|
31
|
+
return (_jsxs("div", { className: "space-y-1", children: [_jsx(Text, { variant: "bold", size: "sm", leading: "4", children: name }), _jsx(TextWithIcon, { icon: icon, textLeading: "4", children: location })] }));
|
|
32
32
|
};
|
|
33
33
|
var BookingPaxWithLocation = function (props) {
|
|
34
34
|
var from = props.from, to = props.to;
|
|
35
|
-
return (_jsxs("div",
|
|
35
|
+
return (_jsxs("div", { className: "flex items-center gap-x-1", children: [_jsx(Text, { size: "sm", children: from }), _jsx(Icon, { name: "arrow-right-outline", size: "sm" }), _jsx(Text, { size: "sm", children: to })] }));
|
|
36
36
|
};
|
|
37
37
|
export var BookingPaxHeader = function (props) {
|
|
38
38
|
return _jsx("div", __assign({ className: "booking-pax-header" }, props));
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import { cn } from '../../../../lib/utils';
|
|
14
3
|
import { ServiceTitle } from '../../ServiceTitle/ServiceTitle';
|
|
@@ -30,5 +19,5 @@ import './BookingPaxLayout.css';
|
|
|
30
19
|
*/
|
|
31
20
|
export var BookingPaxLayout = function (props) {
|
|
32
21
|
var title = props.title, icon = props.icon, header = props.header, children = props.children, className = props.className;
|
|
33
|
-
return (_jsxs("div",
|
|
22
|
+
return (_jsxs("div", { className: cn('booking-pax-layout', className), children: [_jsxs("div", { className: "booking-pax-layout__header", children: [_jsx(ServiceTitle, { title: title, icon: icon }), header] }), _jsx("div", { className: "booking-pax-layout__content", children: children })] }));
|
|
34
23
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import { useEffect, useRef, useState } from 'react';
|
|
14
3
|
import Textarea from '../../atoms/Inputs/Textarea/Textarea';
|
|
@@ -44,5 +33,5 @@ export var BookingPaxRemarks = function (_a) {
|
|
|
44
33
|
onChange === null || onChange === void 0 ? void 0 : onChange(value);
|
|
45
34
|
adjustHeight();
|
|
46
35
|
};
|
|
47
|
-
return (_jsxs("div",
|
|
36
|
+
return (_jsxs("div", { className: "space-y-2", children: [_jsx(Text, { size: "sm", children: "Remarks" }), _jsx(Textarea, { ref: textareaRef, placeholder: "Do you have any remarks?", onInput: handleChange, className: "resize-none overflow-hidden", rows: 1, style: { minHeight: '44px', height: '44px', lineHeight: '1.5' } })] }));
|
|
48
37
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
2
|
import useBookingPax from '../../../hooks/useBookingPax';
|
|
14
3
|
import { useCallback, useEffect, useMemo } from 'react';
|
|
@@ -53,5 +42,5 @@ export var BookingPaxTransfer = function (props) {
|
|
|
53
42
|
useEffect(function () {
|
|
54
43
|
onSelectedClients(clientsInfo, onPaxChange);
|
|
55
44
|
}, [changeOptions, onPaxChange]);
|
|
56
|
-
return (_jsxs(BookingPaxLayout,
|
|
45
|
+
return (_jsxs(BookingPaxLayout, { title: _jsxs(_Fragment, { children: ["Transfer", ' ', _jsxs(Text, { as: "span", color: "accent", variant: "bold", size: "xl", className: "italic", children: ["(", mapTransferType[type], ")"] })] }), icon: "car", className: "booking-pax-accom", header: _jsx(BookingPaxHeader, { children: _jsx(BookingPaxHeader.Location, { from: from, to: to }) }), children: [type === 'INH' ? (_jsx(DateTimePicker, { icon: "clock", mode: "time", onValueChange: onTimeChange, placeholder: "Time of Transfer" })) : (_jsx(Input, { icon: "arrival", iconPosition: "leading", placeholder: "Flight number", onChange: handleFlightNumberChange })), _jsx(BookingPaxClient, { id: id, clients: clientsInfo, selectedClientsInfoIds: selectedClientsInfoIds, selectedIndex: 0, paxCount: paxCount, isSubmitted: isSubmitted, onPaxChange: onPaxOptionsChange, onError: onError }), _jsx(BookingPaxRemarks, { onChange: onRemarkChange })] }));
|
|
57
46
|
};
|
|
@@ -1,19 +1,8 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import { cn } from '../../../../lib/utils';
|
|
14
3
|
import TextWithIcon from '../../TextWithIcon/TextWithIcon';
|
|
15
4
|
import './BookingResumeLayout.css';
|
|
16
5
|
export var BookingResumeLayout = function (props) {
|
|
17
6
|
var title = props.title, icon = props.icon, image = props.image, children = props.children, className = props.className;
|
|
18
|
-
return (_jsxs("div",
|
|
7
|
+
return (_jsxs("div", { className: cn('booking-resume-layout', className), children: [_jsx(TextWithIcon, { icon: icon, color: "accent", textSize: "lg", textVariant: "bold", textLeading: "4", children: title }), _jsxs("div", { className: "booking-resume-layout__flex", children: [image && (_jsx("figure", { className: "booking-resume-layout__image", children: _jsx("img", { src: image, alt: "Service image accom", width: 250, height: 200 }) })), _jsx("div", { className: "booking-resume-layout__content", children: children })] })] }));
|
|
19
8
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import useStays from '../../../../hooks/useStays';
|
|
14
3
|
import { Text } from '../../../atoms/Typography/Typography';
|
|
@@ -22,5 +11,5 @@ import './ResumeAccom.css';
|
|
|
22
11
|
export var ResumeAccom = function (props) {
|
|
23
12
|
var image = props.image, dates = props.dates, clientType = props.clientType, pax = props.pax, rooms = props.rooms, hotelName = props.hotelName;
|
|
24
13
|
var stay = useStays(dates);
|
|
25
|
-
return (_jsxs(BookingResumeLayout,
|
|
14
|
+
return (_jsxs(BookingResumeLayout, { title: "Accommodation", icon: "accom", image: image, className: "resume-accom", children: [_jsx(ServiceTitle, { title: hotelName }), _jsxs("div", { className: "space-y-2 mt-4", children: [_jsx(DateDisplay, { dates: dates, colorMode: "green" }), _jsxs(TextWithIcon, { icon: "night", children: [stay, " Nights"] }), _jsxs(Text, { variant: "medium", size: "sm", leading: "4", children: [_jsx("strong", { children: "Client types:" }), " ", clientType] }), _jsx(PaxDisplay, { pax: pax }), _jsx("div", { children: rooms.map(function (room, index) { return (_jsxs("div", { className: "space-y-1", children: [_jsx(TextWithIcon, { icon: "accom", textSize: "sm", textVariant: "medium", children: room.RoomName }), _jsx(ServiceInfo.Item, { icon: "utensils", iconSize: "sm", textSize: "sm", textLeading: "4", textVariant: "medium", label: "Meal-Plan", children: room.MealPlan })] }, "rm-".concat(index))); }) })] })] }));
|
|
26
15
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import { Text } from '../../../atoms/Typography/Typography';
|
|
14
3
|
import { DateDisplay } from '../../DateDisplay/DateDisplay';
|
|
@@ -24,5 +13,5 @@ var mapType = {
|
|
|
24
13
|
};
|
|
25
14
|
export var ResumeExcursion = function (props) {
|
|
26
15
|
var image = props.image, date = props.date, pax = props.pax, pickUpPoint = props.pickUpPoint, duration = props.duration, meal = props.meal, accessibility = props.accessibility, transferType = props.transferType, type = props.type;
|
|
27
|
-
return (_jsx(BookingResumeLayout,
|
|
16
|
+
return (_jsx(BookingResumeLayout, { title: "Excursion", icon: "map", image: image, className: "resume-excursion", children: _jsxs("div", { className: "space-y-3", children: [_jsx(DateDisplay, { dates: [date], colorMode: "green" }), _jsxs("div", { className: "space-y-1", children: [_jsx(TextWithIcon, { icon: type, textSize: "sm", textVariant: "medium", children: mapType[type] }), _jsxs(Text, { variant: "medium", size: "sm", leading: "4", children: [_jsx("strong", { children: "Pickup: " }), " ", pickUpPoint] })] }), _jsx(PaxDisplay, { pax: pax }), _jsxs(ServiceInfo, { className: "space-y-1", contentTextVariant: "regular", children: [_jsx(ServiceInfo.Item, { icon: "stopwatch", label: "Duration", children: duration }), _jsx(ServiceInfo.Item, { icon: "utensils", label: "Meal", children: meal }), _jsx(ServiceInfo.Item, { icon: "bike", label: "Difficulty", children: accessibility }), _jsx(ServiceInfo.Item, { icon: "car", label: "Vehicle", children: transferType })] })] }) }));
|
|
28
17
|
};
|
|
@@ -1,19 +1,8 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import { PaxDisplay } from '../PaxDisplay/PaxDisplay';
|
|
14
3
|
import TextWithIcon from '../TextWithIcon/TextWithIcon';
|
|
15
4
|
import { BookingResumeLayout } from './BookingResumeLayout/BookingResumeLayout';
|
|
16
5
|
export var ResumeOtherService = function (props) {
|
|
17
6
|
var pax = props.pax;
|
|
18
|
-
return (_jsx(BookingResumeLayout,
|
|
7
|
+
return (_jsx(BookingResumeLayout, { title: "Other Services", icon: "more", children: _jsxs("div", { className: "space-y-1", children: [_jsx(TextWithIcon, { icon: "wallet", children: "Handling Fee" }), _jsx(PaxDisplay, { pax: pax })] }) }));
|
|
19
8
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
2
|
import { Text } from '../../atoms/Typography/Typography';
|
|
14
3
|
import { DateDisplay } from '../DateDisplay/DateDisplay';
|
|
@@ -19,5 +8,5 @@ import { BookingResumeLayout } from './BookingResumeLayout/BookingResumeLayout';
|
|
|
19
8
|
export var ResumeTransfer = function (props) {
|
|
20
9
|
var type = props.type, pax = props.pax, date = props.date, location = props.location, carName = props.carName, image = props.image;
|
|
21
10
|
var transferType = type === 'ARV' ? 'Arrival' : type === 'DEP' ? 'Departure' : 'Inter-Hotel';
|
|
22
|
-
return (_jsx(BookingResumeLayout,
|
|
11
|
+
return (_jsx(BookingResumeLayout, { title: _jsxs(_Fragment, { children: ["Transfer", ' ', _jsx(Text, { color: "accent", as: "span", size: "lg", children: transferType })] }), icon: "car-front", image: image, children: _jsxs("div", { className: "space-y-3", children: [_jsx(DateDisplay, { dates: [date], colorMode: "green" }), _jsx(FromTo, { from: location.from, to: location.to }), _jsxs("div", { className: "space-y-1", children: [_jsx(PaxDisplay, { pax: pax }), _jsx(TextWithIcon, { icon: "car", textSize: "sm", textVariant: "medium", children: carName })] })] }) }));
|
|
23
12
|
};
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
2
|
import { cn } from '../../../lib/utils';
|
|
14
3
|
import Icon from '../../atoms/Icon/Icon';
|
|
@@ -16,5 +5,5 @@ import { Text } from '../../atoms/Typography/Typography';
|
|
|
16
5
|
import './Breadcrumbs.css';
|
|
17
6
|
export var Breadcrumbs = function (props) {
|
|
18
7
|
var items = props.items, onBack = props.onBack;
|
|
19
|
-
return (_jsxs("ol",
|
|
8
|
+
return (_jsxs("ol", { className: "breadcrumbs", children: [_jsxs(Text, { variant: "medium", size: "sm", leading: "4", as: "li", className: "cursor-pointer", onClick: onBack, children: [_jsx(Icon, { name: "chevron-left", size: "sm" }), "Back"] }), items.map(function (item, index) { return (_jsx(Text, { as: "li", variant: "medium", size: "sm", onClick: item.onClick, color: index === items.length - 1 ? 'accent' : 'default', leading: "4", className: cn(index < items.length - 1 && 'cursor-pointer'), children: item.label }, "bc-".concat(index))); })] }));
|
|
20
9
|
};
|