@clubmed/trident-ui 2.0.0-beta.7 → 2.0.0-beta.70
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/README.md +8 -0
- package/assets/trident-ui.css +3 -0
- package/chunks/Backdrop.js +1 -1
- package/chunks/Backdrop.js.map +1 -1
- package/chunks/Birthdate.js +27 -0
- package/chunks/Birthdate.js.map +1 -0
- package/chunks/Carousel.context.js +1548 -0
- package/chunks/Carousel.context.js.map +1 -0
- package/chunks/ChatMessage.js +14395 -0
- package/chunks/ChatMessage.js.map +1 -0
- package/chunks/CriteriaParticipants.js +415 -0
- package/chunks/CriteriaParticipants.js.map +1 -0
- package/chunks/DateField.js +189 -128
- package/chunks/DateField.js.map +1 -1
- package/chunks/Datepicker.js +2039 -0
- package/chunks/Datepicker.js.map +1 -0
- package/chunks/Day.js +88 -0
- package/chunks/Day.js.map +1 -0
- package/chunks/Range.js +2 -2
- package/chunks/Range.js.map +1 -1
- package/chunks/Tooltip.js +4461 -0
- package/chunks/Tooltip.js.map +1 -0
- package/chunks/addLeadingZeros.js +33 -0
- package/chunks/addLeadingZeros.js.map +1 -0
- package/chunks/addYears.js +18 -0
- package/chunks/addYears.js.map +1 -0
- package/chunks/chunk.js +11 -4
- package/chunks/client.js +18953 -0
- package/chunks/client.js.map +1 -0
- package/chunks/endOfMonth.js +17 -0
- package/chunks/endOfMonth.js.map +1 -0
- package/chunks/format.js +1113 -0
- package/chunks/format.js.map +1 -0
- package/chunks/formatISO.js +29 -0
- package/chunks/formatISO.js.map +1 -0
- package/chunks/isAfter.js +9 -0
- package/chunks/isAfter.js.map +1 -0
- package/chunks/isBefore.js +15 -0
- package/chunks/isBefore.js.map +1 -0
- package/chunks/normalizeDates.js +10 -0
- package/chunks/normalizeDates.js.map +1 -0
- package/chunks/subYears.js +9 -0
- package/chunks/subYears.js.map +1 -0
- package/examples/advanced-toast-demo.js +2 -2
- package/examples/advanced-toast-demo.js.map +1 -1
- package/examples/advanced-toast-green-demo.js +1 -1
- package/examples/advanced-toast-green-demo.js.map +1 -1
- package/examples/advanced-toast-no-dismiss-demo.js +1 -1
- package/examples/advanced-toast-no-dismiss-demo.js.map +1 -1
- package/examples/advanced-toast-red-demo.js +1 -1
- package/examples/advanced-toast-red-demo.js.map +1 -1
- package/examples/advanced-toast-with-details-demo.js +2 -2
- package/examples/advanced-toast-with-details-demo.js.map +1 -1
- package/examples/arrow-button-demo.js +2 -1
- package/examples/arrow-button-demo.js.map +1 -1
- package/examples/arrow-button-disabled-demo.js +2 -1
- package/examples/arrow-button-disabled-demo.js.map +1 -1
- package/examples/arrow-button-left-demo.js +2 -1
- package/examples/arrow-button-left-demo.js.map +1 -1
- package/examples/arrow-button-outline-demo.js +2 -1
- package/examples/arrow-button-outline-demo.js.map +1 -1
- package/examples/arrow-button-tail-demo.js +2 -1
- package/examples/arrow-button-tail-demo.js.map +1 -1
- package/examples/button-demo.js +2 -2
- package/examples/button-demo.js.map +1 -1
- package/examples/chat-button-demo.js +1 -1
- package/examples/chat-button-demo.js.map +1 -1
- package/examples/chat-button-offset-demo.js +4 -1
- package/examples/chat-button-offset-demo.js.map +1 -1
- package/examples/chat-input-demo.d.ts +1 -0
- package/examples/chat-input-demo.js +22 -0
- package/examples/chat-input-demo.js.map +1 -0
- package/examples/chat-message-demo.d.ts +1 -0
- package/examples/chat-message-demo.js +20 -0
- package/examples/chat-message-demo.js.map +1 -0
- package/examples/chat-typing-indicator-demo.d.ts +1 -0
- package/examples/chat-typing-indicator-demo.js +14 -0
- package/examples/chat-typing-indicator-demo.js.map +1 -0
- package/examples/chat-window-csat-demo.d.ts +1 -0
- package/examples/chat-window-csat-demo.js +69 -0
- package/examples/chat-window-csat-demo.js.map +1 -0
- package/examples/chat-window-csat-prompt-demo.d.ts +1 -0
- package/examples/chat-window-csat-prompt-demo.js +40 -0
- package/examples/chat-window-csat-prompt-demo.js.map +1 -0
- package/examples/chat-window-demo.d.ts +1 -0
- package/examples/chat-window-demo.js +70 -0
- package/examples/chat-window-demo.js.map +1 -0
- package/examples/chat-window-quote-demo.d.ts +1 -0
- package/examples/chat-window-quote-demo.js +47 -0
- package/examples/chat-window-quote-demo.js.map +1 -0
- package/examples/chat-window-quotes-demo.d.ts +1 -0
- package/examples/chat-window-quotes-demo.js +68 -0
- package/examples/chat-window-quotes-demo.js.map +1 -0
- package/examples/checkbox-demo.js +17 -15
- package/examples/checkbox-demo.js.map +1 -1
- package/examples/checkbox-disabled-demo.js +12 -15
- package/examples/checkbox-disabled-demo.js.map +1 -1
- package/examples/checkbox-select-demo.d.ts +1 -0
- package/examples/checkbox-select-demo.js +101 -0
- package/examples/checkbox-select-demo.js.map +1 -0
- package/examples/checkboxes-demo.js +2 -1
- package/examples/checkboxes-demo.js.map +1 -1
- package/examples/checkboxes-with-form-control-demo.js +8 -8
- package/examples/checkboxes-with-form-control-demo.js.map +1 -1
- package/examples/choice-expander-demo.js +5 -67
- package/examples/choice-expander-demo.js.map +1 -1
- package/examples/countdown-demo.d.ts +1 -0
- package/examples/countdown-demo.js +39 -0
- package/examples/countdown-demo.js.map +1 -0
- package/examples/criteria-dates-demo.d.ts +1 -0
- package/examples/criteria-dates-demo.js +41 -0
- package/examples/criteria-dates-demo.js.map +1 -0
- package/examples/criteria-participants-demo.d.ts +1 -0
- package/examples/criteria-participants-demo.js +77 -0
- package/examples/criteria-participants-demo.js.map +1 -0
- package/examples/criteria-participants-flow1-demo.d.ts +1 -0
- package/examples/criteria-participants-flow1-demo.js +53 -0
- package/examples/criteria-participants-flow1-demo.js.map +1 -0
- package/examples/criteria-participants-flow2-demo.d.ts +1 -0
- package/examples/criteria-participants-flow2-demo.js +61 -0
- package/examples/criteria-participants-flow2-demo.js.map +1 -0
- package/examples/criteria-participants-flow3-demo.d.ts +1 -0
- package/examples/criteria-participants-flow3-demo.js +72 -0
- package/examples/criteria-participants-flow3-demo.js.map +1 -0
- package/examples/criteria-transport-demo.d.ts +1 -0
- package/examples/criteria-transport-demo.js +66 -0
- package/examples/criteria-transport-demo.js.map +1 -0
- package/examples/datepicker-demo.d.ts +1 -0
- package/examples/datepicker-demo.js +51 -0
- package/examples/datepicker-demo.js.map +1 -0
- package/examples/datepicker-disabled-days-demo.d.ts +1 -0
- package/examples/datepicker-disabled-days-demo.js +42 -0
- package/examples/datepicker-disabled-days-demo.js.map +1 -0
- package/examples/datepicker-duration-tooltip-demo.d.ts +1 -0
- package/examples/datepicker-duration-tooltip-demo.js +68 -0
- package/examples/datepicker-duration-tooltip-demo.js.map +1 -0
- package/examples/datepicker-no-prices-demo.d.ts +1 -0
- package/examples/datepicker-no-prices-demo.js +42 -0
- package/examples/datepicker-no-prices-demo.js.map +1 -0
- package/examples/datepicker-preselected-demo.d.ts +1 -0
- package/examples/datepicker-preselected-demo.js +77 -0
- package/examples/datepicker-preselected-demo.js.map +1 -0
- package/examples/dropdown-demo.js +9 -1
- package/examples/dropdown-demo.js.map +1 -1
- package/examples/elastic-height-demo.js +2 -1
- package/examples/elastic-height-demo.js.map +1 -1
- package/examples/expandable-text-demo.d.ts +1 -0
- package/examples/expandable-text-demo.js +22 -0
- package/examples/expandable-text-demo.js.map +1 -0
- package/examples/floating-label-text-field-demo.d.ts +1 -0
- package/examples/floating-label-text-field-demo.js +32 -0
- package/examples/floating-label-text-field-demo.js.map +1 -0
- package/examples/frame-demo.d.ts +1 -0
- package/examples/frame-demo.js +36 -0
- package/examples/frame-demo.js.map +1 -0
- package/examples/frame-horizontal-demo.d.ts +1 -0
- package/examples/frame-horizontal-demo.js +44 -0
- package/examples/frame-horizontal-demo.js.map +1 -0
- package/examples/frame-no-image-demo.d.ts +1 -0
- package/examples/frame-no-image-demo.js +47 -0
- package/examples/frame-no-image-demo.js.map +1 -0
- package/examples/frame-vertical-demo.d.ts +1 -0
- package/examples/frame-vertical-demo.js +44 -0
- package/examples/frame-vertical-demo.js.map +1 -0
- package/examples/frame-with-tag-demo.d.ts +1 -0
- package/examples/frame-with-tag-demo.js +48 -0
- package/examples/frame-with-tag-demo.js.map +1 -0
- package/examples/journey-card-compact-demo.d.ts +1 -0
- package/examples/journey-card-compact-demo.js +71 -0
- package/examples/journey-card-compact-demo.js.map +1 -0
- package/examples/journey-card-demo.d.ts +1 -0
- package/examples/journey-card-demo.js +123 -0
- package/examples/journey-card-demo.js.map +1 -0
- package/examples/page-navigation-demo.d.ts +1 -0
- package/examples/page-navigation-demo.js +53 -0
- package/examples/page-navigation-demo.js.map +1 -0
- package/examples/password-demo.js +1 -0
- package/examples/password-demo.js.map +1 -1
- package/examples/phone-field-demo.js +6 -2
- package/examples/phone-field-demo.js.map +1 -1
- package/examples/radio-demo.js +3 -3
- package/examples/radio-demo.js.map +1 -1
- package/examples/scrollbar-demo.d.ts +1 -0
- package/examples/scrollbar-demo.js +42 -0
- package/examples/scrollbar-demo.js.map +1 -0
- package/examples/select-demo.js +1 -0
- package/examples/select-demo.js.map +1 -1
- package/examples/slider-frame-demo.d.ts +1 -0
- package/examples/slider-frame-demo.js +39 -0
- package/examples/slider-frame-demo.js.map +1 -0
- package/examples/slider-frame-with-button-demo.d.ts +1 -0
- package/examples/slider-frame-with-button-demo.js +47 -0
- package/examples/slider-frame-with-button-demo.js.map +1 -0
- package/examples/slider-frame-with-tag-demo.d.ts +1 -0
- package/examples/slider-frame-with-tag-demo.js +51 -0
- package/examples/slider-frame-with-tag-demo.js.map +1 -0
- package/examples/switch-demo.js +3 -2
- package/examples/switch-demo.js.map +1 -1
- package/examples/tabs-demo.js +2 -5
- package/examples/tabs-demo.js.map +1 -1
- package/examples/tabs-notification-demo.d.ts +1 -0
- package/examples/tabs-notification-demo.js +64 -0
- package/examples/tabs-notification-demo.js.map +1 -0
- package/examples/tabs-with-select-demo.js +1 -0
- package/examples/tabs-with-select-demo.js.map +1 -1
- package/examples/text-field-demo.js +6 -0
- package/examples/text-field-demo.js.map +1 -1
- package/examples/toggle-demo.d.ts +1 -0
- package/examples/toggle-demo.js +44 -0
- package/examples/toggle-demo.js.map +1 -0
- package/examples/toggle-small-demo.d.ts +1 -0
- package/examples/toggle-small-demo.js +33 -0
- package/examples/toggle-small-demo.js.map +1 -0
- package/examples/tooltip-demo.d.ts +1 -0
- package/examples/tooltip-demo.js +103 -0
- package/examples/tooltip-demo.js.map +1 -0
- package/package.json +10 -3
- package/styles/components.css +99 -0
- package/styles/index.css +0 -1
- package/styles/theme.css +5 -2
- package/styles/ui/button.css +1 -1
- package/styles/ui/chat-button.css +68 -1
- package/styles/ui/controls.css +11 -58
- package/styles/ui/range.css +6 -1
- package/styles/ui/tabs.css +0 -19
- package/ui/AdvancedToast.js +19 -16
- package/ui/AdvancedToast.js.map +1 -1
- package/ui/Avatar.js +1 -1
- package/ui/Avatar.js.map +1 -1
- package/ui/BasicToast.js +3 -3
- package/ui/BasicToast.js.map +1 -1
- package/ui/Breadcrumb.js +1 -0
- package/ui/Breadcrumb.js.map +1 -1
- package/ui/ChatButton.js +2 -2
- package/ui/ChatButton.js.map +1 -1
- package/ui/ChatInput.d.ts +10 -0
- package/ui/ChatInput.js +149 -0
- package/ui/ChatInput.js.map +1 -0
- package/ui/ChatMessage.d.ts +6 -0
- package/ui/ChatMessage.js +2 -0
- package/ui/ChatTypingIndicator.d.ts +2 -0
- package/ui/ChatTypingIndicator.js +30 -0
- package/ui/ChatTypingIndicator.js.map +1 -0
- package/ui/ChatWindow.d.ts +34 -0
- package/ui/ChatWindow.js +142 -0
- package/ui/ChatWindow.js.map +1 -0
- package/ui/ChatWindowCsatPrompt.d.ts +15 -0
- package/ui/ChatWindowCsatPrompt.js +71 -0
- package/ui/ChatWindowCsatPrompt.js.map +1 -0
- package/ui/ChatWindowCsatThankYou.d.ts +9 -0
- package/ui/ChatWindowCsatThankYou.js +29 -0
- package/ui/ChatWindowCsatThankYou.js.map +1 -0
- package/ui/ChatWindowQuote.d.ts +22 -0
- package/ui/ChatWindowQuote.js +141 -0
- package/ui/ChatWindowQuote.js.map +1 -0
- package/ui/ChoiceExpander.js +2 -2
- package/ui/ChoiceExpander.js.map +1 -1
- package/ui/Countdown.d.ts +16 -0
- package/ui/Countdown.js +61 -0
- package/ui/Countdown.js.map +1 -0
- package/ui/Datepicker.d.ts +26 -0
- package/ui/Datepicker.js +2 -0
- package/ui/Day.d.ts +25 -0
- package/ui/Day.js +2 -0
- package/ui/Dropdown.d.ts +20 -3
- package/ui/Dropdown.js +57 -23
- package/ui/Dropdown.js.map +1 -1
- package/ui/ElasticHeight.d.ts +0 -1
- package/ui/ElasticHeight.js +14 -23
- package/ui/ElasticHeight.js.map +1 -1
- package/ui/ExpandableText.d.ts +14 -0
- package/ui/ExpandableText.js +40 -0
- package/ui/ExpandableText.js.map +1 -0
- package/ui/FlipCard.d.ts +7 -0
- package/ui/FlipCard.js +59 -0
- package/ui/FlipCard.js.map +1 -0
- package/ui/HamburgerIcon.js +1 -1
- package/ui/HamburgerIcon.js.map +1 -1
- package/ui/Link.js +1 -1
- package/ui/Link.js.map +1 -1
- package/ui/PageNavigation.d.ts +13 -0
- package/ui/PageNavigation.js +71 -0
- package/ui/PageNavigation.js.map +1 -0
- package/ui/Pagination.js +2 -2
- package/ui/Pagination.js.map +1 -1
- package/ui/Scrollbar.d.ts +14 -0
- package/ui/Scrollbar.js +68 -0
- package/ui/Scrollbar.js.map +1 -0
- package/ui/SidebarLayout.d.ts +3 -1
- package/ui/SidebarLayout.js +35 -27
- package/ui/SidebarLayout.js.map +1 -1
- package/ui/Toggle.d.ts +15 -0
- package/ui/Toggle.js +42 -0
- package/ui/Toggle.js.map +1 -0
- package/ui/Tooltip.d.ts +8 -0
- package/ui/Tooltip.js +2 -0
- package/ui/buttons/Button.type.d.ts +1 -1
- package/ui/buttons/Button.type.js +1 -1
- package/ui/buttons/Button.type.js.map +1 -1
- package/ui/carousel/Carousel.context.d.ts +27 -0
- package/ui/carousel/Carousel.context.js +2 -0
- package/ui/carousel/Carousel.d.ts +3 -0
- package/ui/carousel/Carousel.js +12 -0
- package/ui/carousel/Carousel.js.map +1 -0
- package/ui/carousel/CarouselBody.d.ts +6 -0
- package/ui/carousel/CarouselBody.js +21 -0
- package/ui/carousel/CarouselBody.js.map +1 -0
- package/ui/carousel/CarouselItem.d.ts +6 -0
- package/ui/carousel/CarouselItem.js +21 -0
- package/ui/carousel/CarouselItem.js.map +1 -0
- package/ui/carousel/CarouselNext.d.ts +8 -0
- package/ui/carousel/CarouselNext.js +23 -0
- package/ui/carousel/CarouselNext.js.map +1 -0
- package/ui/carousel/CarouselPrevious.d.ts +8 -0
- package/ui/carousel/CarouselPrevious.js +23 -0
- package/ui/carousel/CarouselPrevious.js.map +1 -0
- package/ui/contexts/TridentUIConfig.js +1 -1
- package/ui/criteria/Birthdate.d.ts +13 -0
- package/ui/criteria/Birthdate.js +2 -0
- package/ui/criteria/CriteriaDates.d.ts +32 -0
- package/ui/criteria/CriteriaDates.js +76 -0
- package/ui/criteria/CriteriaDates.js.map +1 -0
- package/ui/criteria/CriteriaParticipants.d.ts +106 -0
- package/ui/criteria/CriteriaParticipants.js +2 -0
- package/ui/criteria/CriteriaSection.d.ts +6 -0
- package/ui/criteria/CriteriaSection.js +15 -0
- package/ui/criteria/CriteriaSection.js.map +1 -0
- package/ui/criteria/CriteriaTransport.d.ts +37 -0
- package/ui/criteria/CriteriaTransport.js +116 -0
- package/ui/criteria/CriteriaTransport.js.map +1 -0
- package/ui/forms/CheckboxSelect.d.ts +31 -0
- package/ui/forms/CheckboxSelect.js +119 -0
- package/ui/forms/CheckboxSelect.js.map +1 -0
- package/ui/forms/Filter.d.ts +10 -4
- package/ui/forms/Filter.js +27 -45
- package/ui/forms/Filter.js.map +1 -1
- package/ui/forms/FloatingLabelTextField.d.ts +12 -0
- package/ui/forms/FloatingLabelTextField.js +132 -0
- package/ui/forms/FloatingLabelTextField.js.map +1 -0
- package/ui/forms/FormControl.d.ts +1 -1
- package/ui/forms/FormControl.js +4 -4
- package/ui/forms/FormControl.js.map +1 -1
- package/ui/forms/NumberField.d.ts +35 -34
- package/ui/forms/NumberField.js +24 -25
- package/ui/forms/NumberField.js.map +1 -1
- package/ui/forms/PhoneField.d.ts +5 -10
- package/ui/forms/PhoneField.js +31 -211
- package/ui/forms/PhoneField.js.map +1 -1
- package/ui/forms/PhoneFieldFullInput.d.ts +16 -0
- package/ui/forms/PhoneFieldFullInput.js +110 -0
- package/ui/forms/PhoneFieldFullInput.js.map +1 -0
- package/ui/forms/PhoneFieldSplitInput.d.ts +19 -0
- package/ui/forms/PhoneFieldSplitInput.js +158 -0
- package/ui/forms/PhoneFieldSplitInput.js.map +1 -0
- package/ui/forms/Range.d.ts +1 -1
- package/ui/forms/Select.js +9 -10
- package/ui/forms/Select.js.map +1 -1
- package/ui/forms/Switch.d.ts +5 -3
- package/ui/forms/Switch.js +54 -34
- package/ui/forms/Switch.js.map +1 -1
- package/ui/forms/TextField.js +24 -15
- package/ui/forms/TextField.js.map +1 -1
- package/ui/forms/checkboxes/Checkbox.d.ts +9 -4
- package/ui/forms/checkboxes/Checkbox.js +36 -16
- package/ui/forms/checkboxes/Checkbox.js.map +1 -1
- package/ui/forms/checkboxes/Checkboxes.d.ts +5 -0
- package/ui/forms/checkboxes/Checkboxes.js +8 -8
- package/ui/forms/checkboxes/Checkboxes.js.map +1 -1
- package/ui/forms/checkboxes/index.d.ts +0 -1
- package/ui/forms/checkboxes/index.js +1 -2
- package/ui/forms/password/Password.js +9 -10
- package/ui/forms/password/Password.js.map +1 -1
- package/ui/forms/radios/Radio.d.ts +2 -1
- package/ui/forms/radios/Radio.js +6 -3
- package/ui/forms/radios/Radio.js.map +1 -1
- package/ui/forms/radios/RadioGroup.js +13 -14
- package/ui/forms/radios/RadioGroup.js.map +1 -1
- package/ui/frame/Frame.d.ts +8 -0
- package/ui/frame/Frame.js +16 -0
- package/ui/frame/Frame.js.map +1 -0
- package/ui/frame/FrameLabelsWrapper.d.ts +5 -0
- package/ui/frame/FrameLabelsWrapper.js +12 -0
- package/ui/frame/FrameLabelsWrapper.js.map +1 -0
- package/ui/frame/FrameTitle.d.ts +7 -0
- package/ui/frame/FrameTitle.js +25 -0
- package/ui/frame/FrameTitle.js.map +1 -0
- package/ui/frame/FrameWrapper.d.ts +6 -0
- package/ui/frame/FrameWrapper.js +14 -0
- package/ui/frame/FrameWrapper.js.map +1 -0
- package/ui/frame/SliderFrame.d.ts +14 -0
- package/ui/frame/SliderFrame.js +50 -0
- package/ui/frame/SliderFrame.js.map +1 -0
- package/ui/helpers/cn.d.ts +2 -0
- package/ui/helpers/cn.js +10 -0
- package/ui/helpers/cn.js.map +1 -0
- package/ui/helpers/phone/defaultPrefixes.d.ts +1 -0
- package/ui/helpers/phone/defaultPrefixes.js +52 -28
- package/ui/helpers/phone/defaultPrefixes.js.map +1 -1
- package/ui/helpers/phone/formatters.d.ts +11 -0
- package/ui/helpers/phone/formatters.js +32 -1
- package/ui/helpers/phone/formatters.js.map +1 -1
- package/ui/helpers/phone/index.d.ts +1 -1
- package/ui/helpers/phone/index.js +3 -3
- package/ui/hooks/useIsClient.d.ts +1 -0
- package/ui/hooks/useIsClient.js +12 -0
- package/ui/hooks/useIsClient.js.map +1 -0
- package/ui/hooks/useValue.d.ts +3 -4
- package/ui/hooks/useValue.js +11 -11
- package/ui/hooks/useValue.js.map +1 -1
- package/ui/journey-card/FlightSegmentCard.d.ts +15 -0
- package/ui/journey-card/FlightSegmentCard.js +73 -0
- package/ui/journey-card/FlightSegmentCard.js.map +1 -0
- package/ui/journey-card/FlightTimeline.d.ts +5 -0
- package/ui/journey-card/FlightTimeline.js +27 -0
- package/ui/journey-card/FlightTimeline.js.map +1 -0
- package/ui/journey-card/ItineraryDetails.d.ts +9 -0
- package/ui/journey-card/ItineraryDetails.js +40 -0
- package/ui/journey-card/ItineraryDetails.js.map +1 -0
- package/ui/journey-card/JourneyCard.d.ts +17 -0
- package/ui/journey-card/JourneyCard.js +34 -0
- package/ui/journey-card/JourneyCard.js.map +1 -0
- package/ui/journey-card/JourneyDetails.d.ts +47 -0
- package/ui/journey-card/JourneyDetails.js +183 -0
- package/ui/journey-card/JourneyDetails.js.map +1 -0
- package/ui/tabs/Tabs.d.ts +5 -1
- package/ui/tabs/Tabs.js +208 -124
- package/ui/tabs/Tabs.js.map +1 -1
- package/examples/form-checkbox-demo.d.ts +0 -1
- package/examples/form-checkbox-demo.js +0 -30
- package/examples/form-checkbox-demo.js.map +0 -1
- package/examples/form-checkbox-disabled-demo.d.ts +0 -1
- package/examples/form-checkbox-disabled-demo.js +0 -25
- package/examples/form-checkbox-disabled-demo.js.map +0 -1
- package/ui/forms/checkboxes/FormCheckbox.d.ts +0 -12
- package/ui/forms/checkboxes/FormCheckbox.js +0 -38
- package/ui/forms/checkboxes/FormCheckbox.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function CountdownDemo(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { Countdown as e } from "../ui/Countdown.js";
|
|
3
|
+
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
4
|
+
//#region lib/examples/countdown-demo.tsx
|
|
5
|
+
var r = {
|
|
6
|
+
days: "days",
|
|
7
|
+
hours: "hours",
|
|
8
|
+
minutes: "minutes",
|
|
9
|
+
seconds: "seconds"
|
|
10
|
+
}, i = /* @__PURE__ */ new Date();
|
|
11
|
+
i.setDate(i.getDate() + 1);
|
|
12
|
+
var a = /* @__PURE__ */ new Date();
|
|
13
|
+
a.setDate(a.getDate() + 7);
|
|
14
|
+
function o() {
|
|
15
|
+
return /* @__PURE__ */ n("div", {
|
|
16
|
+
className: "flex flex-col gap-8",
|
|
17
|
+
children: [/* @__PURE__ */ t(e, {
|
|
18
|
+
countdown: {
|
|
19
|
+
to: i.toISOString(),
|
|
20
|
+
labels: r
|
|
21
|
+
},
|
|
22
|
+
theme: "saffron"
|
|
23
|
+
}), /* @__PURE__ */ t("div", {
|
|
24
|
+
className: "bg-ultramarine p-6 rounded-16",
|
|
25
|
+
children: /* @__PURE__ */ t(e, {
|
|
26
|
+
countdown: {
|
|
27
|
+
to: a.toISOString(),
|
|
28
|
+
labels: r
|
|
29
|
+
},
|
|
30
|
+
theme: "white",
|
|
31
|
+
className: "text-white"
|
|
32
|
+
})
|
|
33
|
+
})]
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
//#endregion
|
|
37
|
+
export { o as default };
|
|
38
|
+
|
|
39
|
+
//# sourceMappingURL=countdown-demo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"countdown-demo.js","names":[],"sources":["../../lib/examples/countdown-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Countdown } from '@/ui/Countdown';\n\nconst labels = {\n days: 'days',\n hours: 'hours',\n minutes: 'minutes',\n seconds: 'seconds',\n};\n\nconst tomorrow = new Date();\ntomorrow.setDate(tomorrow.getDate() + 1);\n\nconst nextWeek = new Date();\nnextWeek.setDate(nextWeek.getDate() + 7);\n\nexport default function CountdownDemo() {\n return (\n <div className=\"flex flex-col gap-8\">\n <Countdown countdown={{ to: tomorrow.toISOString(), labels }} theme=\"saffron\" />\n <div className=\"bg-ultramarine p-6 rounded-16\">\n <Countdown\n countdown={{ to: nextWeek.toISOString(), labels }}\n theme=\"white\"\n className=\"text-white\"\n />\n </div>\n </div>\n );\n}\n"],"mappings":";;;;AAIA,IAAM,IAAS;CACb,MAAM;CACN,OAAO;CACP,SAAS;CACT,SAAS;CACV,EAEK,oBAAW,IAAI,MAAM;AAC3B,EAAS,QAAQ,EAAS,SAAS,GAAG,EAAE;AAExC,IAAM,oBAAW,IAAI,MAAM;AAC3B,EAAS,QAAQ,EAAS,SAAS,GAAG,EAAE;AAExC,SAAwB,IAAgB;AACtC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAW,WAAW;IAAE,IAAI,EAAS,aAAa;IAAE;IAAQ;GAAE,OAAM;GAAY,CAAA,EAChF,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,WAAW;KAAE,IAAI,EAAS,aAAa;KAAE;KAAQ;IACjD,OAAM;IACN,WAAU;IACV,CAAA;GACE,CAAA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function CriteriaDatesDemo(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { DeviceProvider as e } from "../ui/contexts/devices/Device.js";
|
|
3
|
+
import { CriteriaDates as t, CriteriaDatesReinsurance as n } from "../ui/criteria/CriteriaDates.js";
|
|
4
|
+
import { useState as r } from "react";
|
|
5
|
+
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
6
|
+
//#region lib/examples/criteria-dates-demo.tsx
|
|
7
|
+
function o() {
|
|
8
|
+
let [o, s] = r();
|
|
9
|
+
return /* @__PURE__ */ i(e, {
|
|
10
|
+
device: "all",
|
|
11
|
+
children: /* @__PURE__ */ a("div", {
|
|
12
|
+
className: "w-[340px] space-y-24",
|
|
13
|
+
children: [/* @__PURE__ */ i(t, {
|
|
14
|
+
labels: {
|
|
15
|
+
seeNextMonth: "Next month",
|
|
16
|
+
seePreviousMonth: "Previous month",
|
|
17
|
+
bestPrice: "Best price",
|
|
18
|
+
lastAvailabilities: "Last availabilities",
|
|
19
|
+
notAvailable: "Not available",
|
|
20
|
+
priceLegend: "Price legend"
|
|
21
|
+
},
|
|
22
|
+
showPriceLegend: !0,
|
|
23
|
+
selected: o,
|
|
24
|
+
onSelect: s,
|
|
25
|
+
title: "Select your dates",
|
|
26
|
+
children: /* @__PURE__ */ i(n, { labels: { disclaimer: "New! Flexible booking now available." } })
|
|
27
|
+
}), o?.from && /* @__PURE__ */ a("p", {
|
|
28
|
+
className: "text-b4",
|
|
29
|
+
children: [
|
|
30
|
+
"From: ",
|
|
31
|
+
o.from.toLocaleDateString(),
|
|
32
|
+
o.to ? ` — To: ${o.to.toLocaleDateString()}` : ""
|
|
33
|
+
]
|
|
34
|
+
})]
|
|
35
|
+
})
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
//#endregion
|
|
39
|
+
export { o as default };
|
|
40
|
+
|
|
41
|
+
//# sourceMappingURL=criteria-dates-demo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"criteria-dates-demo.js","names":[],"sources":["../../lib/examples/criteria-dates-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport type { DateRange } from 'react-day-picker';\n\nimport { DeviceProvider } from '@/ui/contexts/devices/Device';\nimport { CriteriaDates, CriteriaDatesReinsurance } from '@/ui/criteria/CriteriaDates';\n\nexport default function CriteriaDatesDemo() {\n const [selected, setSelected] = useState<DateRange | undefined>();\n\n const labels = {\n seeNextMonth: 'Next month',\n seePreviousMonth: 'Previous month',\n bestPrice: 'Best price',\n lastAvailabilities: 'Last availabilities',\n notAvailable: 'Not available',\n priceLegend: 'Price legend',\n };\n\n return (\n <DeviceProvider device=\"all\">\n <div className=\"w-[340px] space-y-24\">\n <CriteriaDates\n labels={labels}\n showPriceLegend\n selected={selected}\n onSelect={setSelected}\n title=\"Select your dates\"\n >\n <CriteriaDatesReinsurance\n labels={{ disclaimer: 'New! Flexible booking now available.' }}\n />\n </CriteriaDates>\n {selected?.from && (\n <p className=\"text-b4\">\n From: {selected.from.toLocaleDateString()}\n {selected.to ? ` — To: ${selected.to.toLocaleDateString()}` : ''}\n </p>\n )}\n </div>\n </DeviceProvider>\n );\n}\n"],"mappings":";;;;;;AAOA,SAAwB,IAAoB;CAC1C,IAAM,CAAC,GAAU,KAAe,GAAiC;AAWjE,QACE,kBAAC,GAAD;EAAgB,QAAO;YACrB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACU,QAbD;KACb,cAAc;KACd,kBAAkB;KAClB,WAAW;KACX,oBAAoB;KACpB,cAAc;KACd,aAAa;KACd;IAOO,iBAAA;IACU;IACV,UAAU;IACV,OAAM;cAEN,kBAAC,GAAD,EACE,QAAQ,EAAE,YAAY,wCAAwC,EAC9D,CAAA;IACY,CAAA,EACf,GAAU,QACT,kBAAC,KAAD;IAAG,WAAU;cAAb;KAAuB;KACd,EAAS,KAAK,oBAAoB;KACxC,EAAS,KAAK,UAAU,EAAS,GAAG,oBAAoB,KAAK;;;;EAIrD,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function CriteriaParticipantsDemo(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { t as e } from "../chunks/CriteriaParticipants.js";
|
|
3
|
+
import { t } from "../chunks/subYears.js";
|
|
4
|
+
import { useState as n } from "react";
|
|
5
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
6
|
+
//#region lib/examples/criteria-participants-demo.tsx
|
|
7
|
+
var a = {
|
|
8
|
+
addAdult: "Add adult",
|
|
9
|
+
addChild: "Add child",
|
|
10
|
+
adults: "Adults",
|
|
11
|
+
children: "Children",
|
|
12
|
+
childrenAgeLimit: "Under 18 y.o.",
|
|
13
|
+
childBirthdate: "Child {n} birthdate",
|
|
14
|
+
childBirthdateInvalidDateError: "Invalid date",
|
|
15
|
+
childBirthdateMaxAgeError: "Too young (under 2)",
|
|
16
|
+
childBirthdateMinAgeError: "Too old (over 17)",
|
|
17
|
+
removeAdult: "Remove adult",
|
|
18
|
+
removeChild: "Remove child",
|
|
19
|
+
enterDateOfBirth: "Enter date of birth",
|
|
20
|
+
ageQuestion: "How old will the children be at check-in?",
|
|
21
|
+
ageYear: "Year",
|
|
22
|
+
ageMonths: "Months",
|
|
23
|
+
ageApply: "Apply",
|
|
24
|
+
participantDetails: "Participant Details",
|
|
25
|
+
adultLabel: "Adult {n}",
|
|
26
|
+
childLabel: "Child {n}",
|
|
27
|
+
removeParticipant: "Remove",
|
|
28
|
+
reset: "Reset",
|
|
29
|
+
apply: "Continue"
|
|
30
|
+
};
|
|
31
|
+
function o() {
|
|
32
|
+
let [o, s] = n(2), [c, l] = n(0), [u, d] = n([]), [f, p] = n([]);
|
|
33
|
+
return /* @__PURE__ */ i("div", {
|
|
34
|
+
className: "w-[380px] space-y-24",
|
|
35
|
+
children: [/* @__PURE__ */ r(e, {
|
|
36
|
+
labels: a,
|
|
37
|
+
adultsCount: o,
|
|
38
|
+
childrenCount: c,
|
|
39
|
+
birthdates: u,
|
|
40
|
+
childAges: f,
|
|
41
|
+
maxAuthorizedBirthdate: t(/* @__PURE__ */ new Date(), 2),
|
|
42
|
+
minAuthorizedBirthdate: t(/* @__PURE__ */ new Date(), 17),
|
|
43
|
+
onChange: (e) => {
|
|
44
|
+
e.type === "adultsCount" && s(e.payload), e.type === "childrenCount" && (l(e.payload), d((t) => e.payload > t.length ? [...t, null] : t.slice(0, e.payload)), p((t) => e.payload > t.length ? [...t, ...Array(e.payload - t.length).fill(null)] : t.slice(0, e.payload))), e.type === "birthdate" && d((t) => {
|
|
45
|
+
let n = [...t];
|
|
46
|
+
return n[e.payload.index] = e.payload.date, n;
|
|
47
|
+
}), e.type === "childAge" && p((t) => {
|
|
48
|
+
let n = [...t];
|
|
49
|
+
return n[e.payload.index] = e.payload.value === null ? null : {
|
|
50
|
+
value: e.payload.value,
|
|
51
|
+
unit: e.payload.unit
|
|
52
|
+
}, n;
|
|
53
|
+
});
|
|
54
|
+
},
|
|
55
|
+
title: "Participant",
|
|
56
|
+
onReset: () => {
|
|
57
|
+
s(2), l(0), d([]), p([]);
|
|
58
|
+
},
|
|
59
|
+
onApply: () => {}
|
|
60
|
+
}), /* @__PURE__ */ i("p", {
|
|
61
|
+
className: "text-b4",
|
|
62
|
+
children: [
|
|
63
|
+
o,
|
|
64
|
+
" adult",
|
|
65
|
+
o === 1 ? "" : "s",
|
|
66
|
+
", ",
|
|
67
|
+
c,
|
|
68
|
+
" child",
|
|
69
|
+
c === 1 ? "" : "ren"
|
|
70
|
+
]
|
|
71
|
+
})]
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
//#endregion
|
|
75
|
+
export { o as default };
|
|
76
|
+
|
|
77
|
+
//# sourceMappingURL=criteria-participants-demo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"criteria-participants-demo.js","names":[],"sources":["../../lib/examples/criteria-participants-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport { subYears } from 'date-fns';\n\nimport { CriteriaParticipants } from '@/ui/criteria/CriteriaParticipants';\nimport type { CriteriaParticipantsAction } from '@/ui/criteria/CriteriaParticipants';\n\nconst labels = {\n addAdult: 'Add adult',\n addChild: 'Add child',\n adults: 'Adults',\n children: 'Children',\n childrenAgeLimit: 'Under 18 y.o.',\n childBirthdate: 'Child {n} birthdate',\n childBirthdateInvalidDateError: 'Invalid date',\n childBirthdateMaxAgeError: 'Too young (under 2)',\n childBirthdateMinAgeError: 'Too old (over 17)',\n removeAdult: 'Remove adult',\n removeChild: 'Remove child',\n enterDateOfBirth: 'Enter date of birth',\n ageQuestion: 'How old will the children be at check-in?',\n ageYear: 'Year',\n ageMonths: 'Months',\n ageApply: 'Apply',\n participantDetails: 'Participant Details',\n adultLabel: 'Adult {n}',\n childLabel: 'Child {n}',\n removeParticipant: 'Remove',\n reset: 'Reset',\n apply: 'Continue',\n};\n\nexport default function CriteriaParticipantsDemo() {\n const [adultsCount, setAdults] = useState(2);\n const [childrenCount, setChildren] = useState(0);\n const [birthdates, setBirthdates] = useState<Array<Date | null | undefined>>([]);\n const [childAges, setChildAges] = useState<\n Array<{ value: number; unit: 'year' | 'month' } | null>\n >([]);\n\n const handleChange = (action: CriteriaParticipantsAction) => {\n if (action.type === 'adultsCount') setAdults(action.payload);\n if (action.type === 'childrenCount') {\n setChildren(action.payload);\n setBirthdates((prev) =>\n action.payload > prev.length ? [...prev, null] : prev.slice(0, action.payload),\n );\n setChildAges((prev) =>\n action.payload > prev.length\n ? [...prev, ...Array(action.payload - prev.length).fill(null)]\n : prev.slice(0, action.payload),\n );\n }\n if (action.type === 'birthdate') {\n setBirthdates((prev) => {\n const next = [...prev];\n next[action.payload.index] = action.payload.date;\n return next;\n });\n }\n if (action.type === 'childAge') {\n setChildAges((prev) => {\n const next = [...prev];\n next[action.payload.index] =\n action.payload.value !== null\n ? { value: action.payload.value, unit: action.payload.unit }\n : null;\n return next;\n });\n }\n };\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaParticipants\n labels={labels}\n adultsCount={adultsCount}\n childrenCount={childrenCount}\n birthdates={birthdates}\n childAges={childAges}\n maxAuthorizedBirthdate={subYears(new Date(), 2)}\n minAuthorizedBirthdate={subYears(new Date(), 17)}\n onChange={handleChange}\n title=\"Participant\"\n onReset={() => {\n setAdults(2);\n setChildren(0);\n setBirthdates([]);\n setChildAges([]);\n }}\n onApply={() => {}}\n />\n <p className=\"text-b4\">\n {adultsCount} adult{adultsCount !== 1 ? 's' : ''}, {childrenCount} child\n {childrenCount !== 1 ? 'ren' : ''}\n </p>\n </div>\n );\n}\n"],"mappings":";;;;;;AAOA,IAAM,IAAS;CACb,UAAU;CACV,UAAU;CACV,QAAQ;CACR,UAAU;CACV,kBAAkB;CAClB,gBAAgB;CAChB,gCAAgC;CAChC,2BAA2B;CAC3B,2BAA2B;CAC3B,aAAa;CACb,aAAa;CACb,kBAAkB;CAClB,aAAa;CACb,SAAS;CACT,WAAW;CACX,UAAU;CACV,oBAAoB;CACpB,YAAY;CACZ,YAAY;CACZ,mBAAmB;CACnB,OAAO;CACP,OAAO;CACR;AAED,SAAwB,IAA2B;CACjD,IAAM,CAAC,GAAa,KAAa,EAAS,EAAE,EACtC,CAAC,GAAe,KAAe,EAAS,EAAE,EAC1C,CAAC,GAAY,KAAiB,EAAyC,EAAE,CAAC,EAC1E,CAAC,GAAW,KAAgB,EAEhC,EAAE,CAAC;AAkCL,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACU;GACK;GACE;GACH;GACD;GACX,wBAAwB,kBAAS,IAAI,MAAM,EAAE,EAAE;GAC/C,wBAAwB,kBAAS,IAAI,MAAM,EAAE,GAAG;GAChD,WA1CgB,MAAuC;AAoB3D,IAnBI,EAAO,SAAS,iBAAe,EAAU,EAAO,QAAQ,EACxD,EAAO,SAAS,oBAClB,EAAY,EAAO,QAAQ,EAC3B,GAAe,MACb,EAAO,UAAU,EAAK,SAAS,CAAC,GAAG,GAAM,KAAK,GAAG,EAAK,MAAM,GAAG,EAAO,QAAQ,CAC/E,EACD,GAAc,MACZ,EAAO,UAAU,EAAK,SAClB,CAAC,GAAG,GAAM,GAAG,MAAM,EAAO,UAAU,EAAK,OAAO,CAAC,KAAK,KAAK,CAAC,GAC5D,EAAK,MAAM,GAAG,EAAO,QAAQ,CAClC,GAEC,EAAO,SAAS,eAClB,GAAe,MAAS;KACtB,IAAM,IAAO,CAAC,GAAG,EAAK;AAEtB,YADA,EAAK,EAAO,QAAQ,SAAS,EAAO,QAAQ,MACrC;MACP,EAEA,EAAO,SAAS,cAClB,GAAc,MAAS;KACrB,IAAM,IAAO,CAAC,GAAG,EAAK;AAKtB,YAJA,EAAK,EAAO,QAAQ,SAClB,EAAO,QAAQ,UAAU,OAErB,OADA;MAAE,OAAO,EAAO,QAAQ;MAAO,MAAM,EAAO,QAAQ;MAAM,EAEzD;MACP;;GAeA,OAAM;GACN,eAAe;AAIb,IAHA,EAAU,EAAE,EACZ,EAAY,EAAE,EACd,EAAc,EAAE,CAAC,EACjB,EAAa,EAAE,CAAC;;GAElB,eAAe;GACf,CAAA,EACF,kBAAC,KAAD;GAAG,WAAU;aAAb;IACG;IAAY;IAAO,MAAgB,IAAU,KAAN;IAAS;IAAG;IAAc;IACjE,MAAkB,IAAY,KAAR"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function CriteriaParticipantsFlow1Demo(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { t as e } from "../chunks/format.js";
|
|
3
|
+
import { t } from "../chunks/CriteriaParticipants.js";
|
|
4
|
+
import { t as n } from "../chunks/subYears.js";
|
|
5
|
+
import { useState as r } from "react";
|
|
6
|
+
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
7
|
+
//#region lib/examples/criteria-participants-flow1-demo.tsx
|
|
8
|
+
var o = {
|
|
9
|
+
addAdult: "Add adult",
|
|
10
|
+
addChild: "Add child",
|
|
11
|
+
adults: "Adults",
|
|
12
|
+
children: "Children",
|
|
13
|
+
childrenAgeLimit: "Under 18 y.o.",
|
|
14
|
+
childBirthdate: "Child {n} birthdate",
|
|
15
|
+
childBirthdateInvalidDateError: "Invalid date",
|
|
16
|
+
childBirthdateMaxAgeError: "Too young (under 2)",
|
|
17
|
+
childBirthdateMinAgeError: "Too old (over 17)",
|
|
18
|
+
removeAdult: "Remove adult",
|
|
19
|
+
removeChild: "Remove child"
|
|
20
|
+
};
|
|
21
|
+
function s() {
|
|
22
|
+
let [s, c] = r(2), [l, u] = r(0), [d, f] = r([]);
|
|
23
|
+
return /* @__PURE__ */ a("div", {
|
|
24
|
+
className: "w-[380px] space-y-24",
|
|
25
|
+
children: [/* @__PURE__ */ i(t, {
|
|
26
|
+
childrenFlow: "birthdate-only",
|
|
27
|
+
labels: o,
|
|
28
|
+
adultsCount: s,
|
|
29
|
+
childrenCount: l,
|
|
30
|
+
birthdates: d,
|
|
31
|
+
maxAuthorizedBirthdate: n(/* @__PURE__ */ new Date(), 2),
|
|
32
|
+
minAuthorizedBirthdate: n(/* @__PURE__ */ new Date(), 17),
|
|
33
|
+
onChange: (e) => {
|
|
34
|
+
e.type === "adultsCount" && c(e.payload), e.type === "childrenCount" && (u(e.payload), f((t) => e.payload > t.length ? [...t, null] : t.slice(0, e.payload))), e.type === "birthdate" && f((t) => {
|
|
35
|
+
let n = [...t];
|
|
36
|
+
return n[e.payload.index] = e.payload.date, n;
|
|
37
|
+
});
|
|
38
|
+
},
|
|
39
|
+
title: "Participants"
|
|
40
|
+
}), /* @__PURE__ */ a("p", {
|
|
41
|
+
className: "text-b4",
|
|
42
|
+
children: [
|
|
43
|
+
"Birthdates:",
|
|
44
|
+
" ",
|
|
45
|
+
d.map((t) => t ? e(t, "yyyy-MM-dd") : "—").join(", ") || "none"
|
|
46
|
+
]
|
|
47
|
+
})]
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
//#endregion
|
|
51
|
+
export { s as default };
|
|
52
|
+
|
|
53
|
+
//# sourceMappingURL=criteria-participants-flow1-demo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"criteria-participants-flow1-demo.js","names":[],"sources":["../../lib/examples/criteria-participants-flow1-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport { format, subYears } from 'date-fns';\n\nimport { CriteriaParticipants } from '@/ui/criteria/CriteriaParticipants';\nimport type { CriteriaParticipantsAction } from '@/ui/criteria/CriteriaParticipants';\n\nconst labels = {\n addAdult: 'Add adult',\n addChild: 'Add child',\n adults: 'Adults',\n children: 'Children',\n childrenAgeLimit: 'Under 18 y.o.',\n childBirthdate: 'Child {n} birthdate',\n childBirthdateInvalidDateError: 'Invalid date',\n childBirthdateMaxAgeError: 'Too young (under 2)',\n childBirthdateMinAgeError: 'Too old (over 17)',\n removeAdult: 'Remove adult',\n removeChild: 'Remove child',\n};\n\nexport default function CriteriaParticipantsFlow1Demo() {\n const [adultsCount, setAdults] = useState(2);\n const [childrenCount, setChildren] = useState(0);\n const [birthdates, setBirthdates] = useState<Array<Date | null | undefined>>([]);\n\n const handleChange = (action: CriteriaParticipantsAction) => {\n if (action.type === 'adultsCount') setAdults(action.payload);\n if (action.type === 'childrenCount') {\n setChildren(action.payload);\n setBirthdates((prev) =>\n action.payload > prev.length ? [...prev, null] : prev.slice(0, action.payload),\n );\n }\n if (action.type === 'birthdate') {\n setBirthdates((prev) => {\n const next = [...prev];\n next[action.payload.index] = action.payload.date;\n return next;\n });\n }\n };\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaParticipants\n childrenFlow=\"birthdate-only\"\n labels={labels}\n adultsCount={adultsCount}\n childrenCount={childrenCount}\n birthdates={birthdates}\n maxAuthorizedBirthdate={subYears(new Date(), 2)}\n minAuthorizedBirthdate={subYears(new Date(), 17)}\n onChange={handleChange}\n title=\"Participants\"\n />\n <p className=\"text-b4\">\n Birthdates:{' '}\n {birthdates.map((d) => (d ? format(d, 'yyyy-MM-dd') : '—')).join(', ') || 'none'}\n </p>\n </div>\n );\n}\n"],"mappings":";;;;;;;AAOA,IAAM,IAAS;CACb,UAAU;CACV,UAAU;CACV,QAAQ;CACR,UAAU;CACV,kBAAkB;CAClB,gBAAgB;CAChB,gCAAgC;CAChC,2BAA2B;CAC3B,2BAA2B;CAC3B,aAAa;CACb,aAAa;CACd;AAED,SAAwB,IAAgC;CACtD,IAAM,CAAC,GAAa,KAAa,EAAS,EAAE,EACtC,CAAC,GAAe,KAAe,EAAS,EAAE,EAC1C,CAAC,GAAY,KAAiB,EAAyC,EAAE,CAAC;AAmBhF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAa;GACL;GACK;GACE;GACH;GACZ,wBAAwB,kBAAS,IAAI,MAAM,EAAE,EAAE;GAC/C,wBAAwB,kBAAS,IAAI,MAAM,EAAE,GAAG;GAChD,WA3BgB,MAAuC;AAQ3D,IAPI,EAAO,SAAS,iBAAe,EAAU,EAAO,QAAQ,EACxD,EAAO,SAAS,oBAClB,EAAY,EAAO,QAAQ,EAC3B,GAAe,MACb,EAAO,UAAU,EAAK,SAAS,CAAC,GAAG,GAAM,KAAK,GAAG,EAAK,MAAM,GAAG,EAAO,QAAQ,CAC/E,GAEC,EAAO,SAAS,eAClB,GAAe,MAAS;KACtB,IAAM,IAAO,CAAC,GAAG,EAAK;AAEtB,YADA,EAAK,EAAO,QAAQ,SAAS,EAAO,QAAQ,MACrC;MACP;;GAeA,OAAM;GACN,CAAA,EACF,kBAAC,KAAD;GAAG,WAAU;aAAb;IAAuB;IACT;IACX,EAAW,KAAK,MAAO,IAAI,EAAO,GAAG,aAAa,GAAG,IAAK,CAAC,KAAK,KAAK,IAAI"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function CriteriaParticipantsFlow2Demo(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { t as e } from "../chunks/format.js";
|
|
3
|
+
import { t } from "../chunks/CriteriaParticipants.js";
|
|
4
|
+
import { t as n } from "../chunks/subYears.js";
|
|
5
|
+
import { useState as r } from "react";
|
|
6
|
+
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
7
|
+
//#region lib/examples/criteria-participants-flow2-demo.tsx
|
|
8
|
+
var o = {
|
|
9
|
+
addAdult: "Add adult",
|
|
10
|
+
addChild: "Add child",
|
|
11
|
+
adults: "Adults",
|
|
12
|
+
children: "Children",
|
|
13
|
+
childrenAgeLimit: "Under 18 y.o.",
|
|
14
|
+
childBirthdate: "Child {n} birthdate",
|
|
15
|
+
childBirthdateInvalidDateError: "Invalid date",
|
|
16
|
+
childBirthdateMaxAgeError: "Too young (under 2)",
|
|
17
|
+
childBirthdateMinAgeError: "Too old (over 17)",
|
|
18
|
+
removeAdult: "Remove adult",
|
|
19
|
+
removeChild: "Remove child",
|
|
20
|
+
enterDateOfBirth: "Enter date of birth",
|
|
21
|
+
ageQuestion: "How old will the children be at check-in?",
|
|
22
|
+
ageYear: "Year",
|
|
23
|
+
ageMonths: "Months",
|
|
24
|
+
ageApply: "Apply"
|
|
25
|
+
};
|
|
26
|
+
function s() {
|
|
27
|
+
let [s, c] = r(2), [l, u] = r(0), [d, f] = r([]), [p, m] = r([]), h = (e) => {
|
|
28
|
+
e.type === "adultsCount" && c(e.payload), e.type === "childrenCount" && (u(e.payload), f((t) => e.payload > t.length ? [...t, null] : t.slice(0, e.payload)), m((t) => e.payload > t.length ? [...t, ...Array(e.payload - t.length).fill(null)] : t.slice(0, e.payload))), e.type === "birthdate" && f((t) => {
|
|
29
|
+
let n = [...t];
|
|
30
|
+
return n[e.payload.index] = e.payload.date, n;
|
|
31
|
+
}), e.type === "childAge" && m((t) => {
|
|
32
|
+
let n = [...t];
|
|
33
|
+
return n[e.payload.index] = e.payload.value === null ? null : {
|
|
34
|
+
value: e.payload.value,
|
|
35
|
+
unit: e.payload.unit
|
|
36
|
+
}, n;
|
|
37
|
+
});
|
|
38
|
+
}, g = [...d.map((t, n) => t ? `Child ${n + 1}: ${e(t, "yyyy-MM-dd")}` : null), ...p.map((e, t) => e ? `Child ${t + 1}: ${e.value} ${e.unit === "year" ? "yr" : "mo"}` : null)].filter(Boolean).join(", ");
|
|
39
|
+
return /* @__PURE__ */ a("div", {
|
|
40
|
+
className: "w-[380px] space-y-24",
|
|
41
|
+
children: [/* @__PURE__ */ i(t, {
|
|
42
|
+
childrenFlow: "age-or-birthdate",
|
|
43
|
+
labels: o,
|
|
44
|
+
adultsCount: s,
|
|
45
|
+
childrenCount: l,
|
|
46
|
+
birthdates: d,
|
|
47
|
+
childAges: p,
|
|
48
|
+
maxAuthorizedBirthdate: n(/* @__PURE__ */ new Date(), 2),
|
|
49
|
+
minAuthorizedBirthdate: n(/* @__PURE__ */ new Date(), 17),
|
|
50
|
+
onChange: h,
|
|
51
|
+
title: "Participants"
|
|
52
|
+
}), /* @__PURE__ */ i("p", {
|
|
53
|
+
className: "text-b4",
|
|
54
|
+
children: g || "No ages or birthdates entered yet"
|
|
55
|
+
})]
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
//#endregion
|
|
59
|
+
export { s as default };
|
|
60
|
+
|
|
61
|
+
//# sourceMappingURL=criteria-participants-flow2-demo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"criteria-participants-flow2-demo.js","names":[],"sources":["../../lib/examples/criteria-participants-flow2-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport { format, subYears } from 'date-fns';\n\nimport { CriteriaParticipants } from '@/ui/criteria/CriteriaParticipants';\nimport type { CriteriaParticipantsAction } from '@/ui/criteria/CriteriaParticipants';\n\nconst labels = {\n addAdult: 'Add adult',\n addChild: 'Add child',\n adults: 'Adults',\n children: 'Children',\n childrenAgeLimit: 'Under 18 y.o.',\n childBirthdate: 'Child {n} birthdate',\n childBirthdateInvalidDateError: 'Invalid date',\n childBirthdateMaxAgeError: 'Too young (under 2)',\n childBirthdateMinAgeError: 'Too old (over 17)',\n removeAdult: 'Remove adult',\n removeChild: 'Remove child',\n enterDateOfBirth: 'Enter date of birth',\n ageQuestion: 'How old will the children be at check-in?',\n ageYear: 'Year',\n ageMonths: 'Months',\n ageApply: 'Apply',\n};\n\nexport default function CriteriaParticipantsFlow2Demo() {\n const [adultsCount, setAdults] = useState(2);\n const [childrenCount, setChildren] = useState(0);\n const [birthdates, setBirthdates] = useState<Array<Date | null | undefined>>([]);\n const [childAges, setChildAges] = useState<\n Array<{ value: number; unit: 'year' | 'month' } | null>\n >([]);\n\n const handleChange = (action: CriteriaParticipantsAction) => {\n if (action.type === 'adultsCount') setAdults(action.payload);\n if (action.type === 'childrenCount') {\n setChildren(action.payload);\n setBirthdates((prev) =>\n action.payload > prev.length ? [...prev, null] : prev.slice(0, action.payload),\n );\n setChildAges((prev) =>\n action.payload > prev.length\n ? [...prev, ...Array(action.payload - prev.length).fill(null)]\n : prev.slice(0, action.payload),\n );\n }\n if (action.type === 'birthdate') {\n setBirthdates((prev) => {\n const next = [...prev];\n next[action.payload.index] = action.payload.date;\n return next;\n });\n }\n if (action.type === 'childAge') {\n setChildAges((prev) => {\n const next = [...prev];\n next[action.payload.index] =\n action.payload.value !== null\n ? { value: action.payload.value, unit: action.payload.unit }\n : null;\n return next;\n });\n }\n };\n\n const summary = [\n ...birthdates.map((d, i) => (d ? `Child ${i + 1}: ${format(d, 'yyyy-MM-dd')}` : null)),\n ...childAges.map((a, i) =>\n a ? `Child ${i + 1}: ${a.value} ${a.unit === 'year' ? 'yr' : 'mo'}` : null,\n ),\n ]\n .filter(Boolean)\n .join(', ');\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaParticipants\n childrenFlow=\"age-or-birthdate\"\n labels={labels}\n adultsCount={adultsCount}\n childrenCount={childrenCount}\n birthdates={birthdates}\n childAges={childAges}\n maxAuthorizedBirthdate={subYears(new Date(), 2)}\n minAuthorizedBirthdate={subYears(new Date(), 17)}\n onChange={handleChange}\n title=\"Participants\"\n />\n <p className=\"text-b4\">{summary || 'No ages or birthdates entered yet'}</p>\n </div>\n );\n}\n"],"mappings":";;;;;;;AAOA,IAAM,IAAS;CACb,UAAU;CACV,UAAU;CACV,QAAQ;CACR,UAAU;CACV,kBAAkB;CAClB,gBAAgB;CAChB,gCAAgC;CAChC,2BAA2B;CAC3B,2BAA2B;CAC3B,aAAa;CACb,aAAa;CACb,kBAAkB;CAClB,aAAa;CACb,SAAS;CACT,WAAW;CACX,UAAU;CACX;AAED,SAAwB,IAAgC;CACtD,IAAM,CAAC,GAAa,KAAa,EAAS,EAAE,EACtC,CAAC,GAAe,KAAe,EAAS,EAAE,EAC1C,CAAC,GAAY,KAAiB,EAAyC,EAAE,CAAC,EAC1E,CAAC,GAAW,KAAgB,EAEhC,EAAE,CAAC,EAEC,KAAgB,MAAuC;AAoB3D,EAnBI,EAAO,SAAS,iBAAe,EAAU,EAAO,QAAQ,EACxD,EAAO,SAAS,oBAClB,EAAY,EAAO,QAAQ,EAC3B,GAAe,MACb,EAAO,UAAU,EAAK,SAAS,CAAC,GAAG,GAAM,KAAK,GAAG,EAAK,MAAM,GAAG,EAAO,QAAQ,CAC/E,EACD,GAAc,MACZ,EAAO,UAAU,EAAK,SAClB,CAAC,GAAG,GAAM,GAAG,MAAM,EAAO,UAAU,EAAK,OAAO,CAAC,KAAK,KAAK,CAAC,GAC5D,EAAK,MAAM,GAAG,EAAO,QAAQ,CAClC,GAEC,EAAO,SAAS,eAClB,GAAe,MAAS;GACtB,IAAM,IAAO,CAAC,GAAG,EAAK;AAEtB,UADA,EAAK,EAAO,QAAQ,SAAS,EAAO,QAAQ,MACrC;IACP,EAEA,EAAO,SAAS,cAClB,GAAc,MAAS;GACrB,IAAM,IAAO,CAAC,GAAG,EAAK;AAKtB,UAJA,EAAK,EAAO,QAAQ,SAClB,EAAO,QAAQ,UAAU,OAErB,OADA;IAAE,OAAO,EAAO,QAAQ;IAAO,MAAM,EAAO,QAAQ;IAAM,EAEzD;IACP;IAIA,IAAU,CACd,GAAG,EAAW,KAAK,GAAG,MAAO,IAAI,SAAS,IAAI,EAAE,IAAI,EAAO,GAAG,aAAa,KAAK,KAAM,EACtF,GAAG,EAAU,KAAK,GAAG,MACnB,IAAI,SAAS,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,EAAE,SAAS,SAAS,OAAO,SAAS,KACvE,CACF,CACE,OAAO,QAAQ,CACf,KAAK,KAAK;AAEb,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAa;GACL;GACK;GACE;GACH;GACD;GACX,wBAAwB,kBAAS,IAAI,MAAM,EAAE,EAAE;GAC/C,wBAAwB,kBAAS,IAAI,MAAM,EAAE,GAAG;GAChD,UAAU;GACV,OAAM;GACN,CAAA,EACF,kBAAC,KAAD;GAAG,WAAU;aAAW,KAAW;GAAwC,CAAA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function CriteriaParticipantsFlow3Demo(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { t as e } from "../chunks/CriteriaParticipants.js";
|
|
3
|
+
import { t } from "../chunks/subYears.js";
|
|
4
|
+
import { useState as n } from "react";
|
|
5
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
6
|
+
//#region lib/examples/criteria-participants-flow3-demo.tsx
|
|
7
|
+
var a = {
|
|
8
|
+
addAdult: "Add adult",
|
|
9
|
+
addChild: "Add child",
|
|
10
|
+
adults: "Adults",
|
|
11
|
+
children: "Children",
|
|
12
|
+
childrenAgeLimit: "Under 18 y.o.",
|
|
13
|
+
childBirthdate: "Child {n} birthdate",
|
|
14
|
+
childBirthdateInvalidDateError: "Invalid date",
|
|
15
|
+
childBirthdateMaxAgeError: "Too young (under 2)",
|
|
16
|
+
childBirthdateMinAgeError: "Too old (over 17)",
|
|
17
|
+
removeAdult: "Remove adult",
|
|
18
|
+
removeChild: "Remove child",
|
|
19
|
+
enterDateOfBirth: "Enter date of birth",
|
|
20
|
+
ageQuestion: "How old will the children be at check-in?",
|
|
21
|
+
ageYear: "Year",
|
|
22
|
+
ageMonths: "Months",
|
|
23
|
+
ageApply: "Apply",
|
|
24
|
+
participantDetails: "Participant Details",
|
|
25
|
+
adultLabel: "Adult {n}",
|
|
26
|
+
childLabel: "Child {n}",
|
|
27
|
+
removeParticipant: "Remove",
|
|
28
|
+
reset: "Reset",
|
|
29
|
+
apply: "Continue"
|
|
30
|
+
};
|
|
31
|
+
function o() {
|
|
32
|
+
let [o, s] = n(2), [c, l] = n(0), [u, d] = n([]), [f, p] = n([]), [m, h] = n("");
|
|
33
|
+
return /* @__PURE__ */ i("div", {
|
|
34
|
+
className: "w-[380px] space-y-24",
|
|
35
|
+
children: [/* @__PURE__ */ r(e, {
|
|
36
|
+
childrenFlow: "age-or-birthdate-with-apply",
|
|
37
|
+
labels: a,
|
|
38
|
+
adultsCount: o,
|
|
39
|
+
childrenCount: c,
|
|
40
|
+
birthdates: u,
|
|
41
|
+
childAges: f,
|
|
42
|
+
maxAuthorizedBirthdate: t(/* @__PURE__ */ new Date(), 2),
|
|
43
|
+
minAuthorizedBirthdate: t(/* @__PURE__ */ new Date(), 17),
|
|
44
|
+
onChange: (e) => {
|
|
45
|
+
e.type === "adultsCount" && s(e.payload), e.type === "childrenCount" && (l(e.payload), d((t) => e.payload > t.length ? [...t, null] : t.slice(0, e.payload)), p((t) => e.payload > t.length ? [...t, ...Array(e.payload - t.length).fill(null)] : t.slice(0, e.payload))), e.type === "birthdate" && d((t) => {
|
|
46
|
+
let n = [...t];
|
|
47
|
+
return n[e.payload.index] = e.payload.date, n;
|
|
48
|
+
}), e.type === "childAge" && p((t) => {
|
|
49
|
+
let n = [...t];
|
|
50
|
+
return n[e.payload.index] = e.payload.value === null ? null : {
|
|
51
|
+
value: e.payload.value,
|
|
52
|
+
unit: e.payload.unit
|
|
53
|
+
}, n;
|
|
54
|
+
});
|
|
55
|
+
},
|
|
56
|
+
title: "Participant",
|
|
57
|
+
onReset: () => {
|
|
58
|
+
s(2), l(0), d([]), p([]), h("");
|
|
59
|
+
},
|
|
60
|
+
onApply: () => {
|
|
61
|
+
h(`${o} adult${o === 1 ? "" : "s"}, ${c} child${c === 1 ? "" : "ren"}`);
|
|
62
|
+
}
|
|
63
|
+
}), /* @__PURE__ */ r("p", {
|
|
64
|
+
className: "text-b4",
|
|
65
|
+
children: m ? `Confirmed: ${m}` : "Not yet confirmed"
|
|
66
|
+
})]
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
//#endregion
|
|
70
|
+
export { o as default };
|
|
71
|
+
|
|
72
|
+
//# sourceMappingURL=criteria-participants-flow3-demo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"criteria-participants-flow3-demo.js","names":[],"sources":["../../lib/examples/criteria-participants-flow3-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport { subYears } from 'date-fns';\n\nimport { CriteriaParticipants } from '@/ui/criteria/CriteriaParticipants';\nimport type { CriteriaParticipantsAction } from '@/ui/criteria/CriteriaParticipants';\n\nconst labels = {\n addAdult: 'Add adult',\n addChild: 'Add child',\n adults: 'Adults',\n children: 'Children',\n childrenAgeLimit: 'Under 18 y.o.',\n childBirthdate: 'Child {n} birthdate',\n childBirthdateInvalidDateError: 'Invalid date',\n childBirthdateMaxAgeError: 'Too young (under 2)',\n childBirthdateMinAgeError: 'Too old (over 17)',\n removeAdult: 'Remove adult',\n removeChild: 'Remove child',\n enterDateOfBirth: 'Enter date of birth',\n ageQuestion: 'How old will the children be at check-in?',\n ageYear: 'Year',\n ageMonths: 'Months',\n ageApply: 'Apply',\n participantDetails: 'Participant Details',\n adultLabel: 'Adult {n}',\n childLabel: 'Child {n}',\n removeParticipant: 'Remove',\n reset: 'Reset',\n apply: 'Continue',\n};\n\nexport default function CriteriaParticipantsFlow3Demo() {\n const [adultsCount, setAdults] = useState(2);\n const [childrenCount, setChildren] = useState(0);\n const [birthdates, setBirthdates] = useState<Array<Date | null | undefined>>([]);\n const [childAges, setChildAges] = useState<\n Array<{ value: number; unit: 'year' | 'month' } | null>\n >([]);\n const [confirmed, setConfirmed] = useState('');\n\n const handleChange = (action: CriteriaParticipantsAction) => {\n if (action.type === 'adultsCount') setAdults(action.payload);\n if (action.type === 'childrenCount') {\n setChildren(action.payload);\n setBirthdates((prev) =>\n action.payload > prev.length ? [...prev, null] : prev.slice(0, action.payload),\n );\n setChildAges((prev) =>\n action.payload > prev.length\n ? [...prev, ...Array(action.payload - prev.length).fill(null)]\n : prev.slice(0, action.payload),\n );\n }\n if (action.type === 'birthdate') {\n setBirthdates((prev) => {\n const next = [...prev];\n next[action.payload.index] = action.payload.date;\n return next;\n });\n }\n if (action.type === 'childAge') {\n setChildAges((prev) => {\n const next = [...prev];\n next[action.payload.index] =\n action.payload.value !== null\n ? { value: action.payload.value, unit: action.payload.unit }\n : null;\n return next;\n });\n }\n };\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaParticipants\n childrenFlow=\"age-or-birthdate-with-apply\"\n labels={labels}\n adultsCount={adultsCount}\n childrenCount={childrenCount}\n birthdates={birthdates}\n childAges={childAges}\n maxAuthorizedBirthdate={subYears(new Date(), 2)}\n minAuthorizedBirthdate={subYears(new Date(), 17)}\n onChange={handleChange}\n title=\"Participant\"\n onReset={() => {\n setAdults(2);\n setChildren(0);\n setBirthdates([]);\n setChildAges([]);\n setConfirmed('');\n }}\n onApply={() => {\n setConfirmed(\n `${adultsCount} adult${adultsCount !== 1 ? 's' : ''}, ${childrenCount} child${childrenCount !== 1 ? 'ren' : ''}`,\n );\n }}\n />\n <p className=\"text-b4\">{confirmed ? `Confirmed: ${confirmed}` : 'Not yet confirmed'}</p>\n </div>\n );\n}\n"],"mappings":";;;;;;AAOA,IAAM,IAAS;CACb,UAAU;CACV,UAAU;CACV,QAAQ;CACR,UAAU;CACV,kBAAkB;CAClB,gBAAgB;CAChB,gCAAgC;CAChC,2BAA2B;CAC3B,2BAA2B;CAC3B,aAAa;CACb,aAAa;CACb,kBAAkB;CAClB,aAAa;CACb,SAAS;CACT,WAAW;CACX,UAAU;CACV,oBAAoB;CACpB,YAAY;CACZ,YAAY;CACZ,mBAAmB;CACnB,OAAO;CACP,OAAO;CACR;AAED,SAAwB,IAAgC;CACtD,IAAM,CAAC,GAAa,KAAa,EAAS,EAAE,EACtC,CAAC,GAAe,KAAe,EAAS,EAAE,EAC1C,CAAC,GAAY,KAAiB,EAAyC,EAAE,CAAC,EAC1E,CAAC,GAAW,KAAgB,EAEhC,EAAE,CAAC,EACC,CAAC,GAAW,KAAgB,EAAS,GAAG;AAkC9C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAa;GACL;GACK;GACE;GACH;GACD;GACX,wBAAwB,kBAAS,IAAI,MAAM,EAAE,EAAE;GAC/C,wBAAwB,kBAAS,IAAI,MAAM,EAAE,GAAG;GAChD,WA3CgB,MAAuC;AAoB3D,IAnBI,EAAO,SAAS,iBAAe,EAAU,EAAO,QAAQ,EACxD,EAAO,SAAS,oBAClB,EAAY,EAAO,QAAQ,EAC3B,GAAe,MACb,EAAO,UAAU,EAAK,SAAS,CAAC,GAAG,GAAM,KAAK,GAAG,EAAK,MAAM,GAAG,EAAO,QAAQ,CAC/E,EACD,GAAc,MACZ,EAAO,UAAU,EAAK,SAClB,CAAC,GAAG,GAAM,GAAG,MAAM,EAAO,UAAU,EAAK,OAAO,CAAC,KAAK,KAAK,CAAC,GAC5D,EAAK,MAAM,GAAG,EAAO,QAAQ,CAClC,GAEC,EAAO,SAAS,eAClB,GAAe,MAAS;KACtB,IAAM,IAAO,CAAC,GAAG,EAAK;AAEtB,YADA,EAAK,EAAO,QAAQ,SAAS,EAAO,QAAQ,MACrC;MACP,EAEA,EAAO,SAAS,cAClB,GAAc,MAAS;KACrB,IAAM,IAAO,CAAC,GAAG,EAAK;AAKtB,YAJA,EAAK,EAAO,QAAQ,SAClB,EAAO,QAAQ,UAAU,OAErB,OADA;MAAE,OAAO,EAAO,QAAQ;MAAO,MAAM,EAAO,QAAQ;MAAM,EAEzD;MACP;;GAgBA,OAAM;GACN,eAAe;AAKb,IAJA,EAAU,EAAE,EACZ,EAAY,EAAE,EACd,EAAc,EAAE,CAAC,EACjB,EAAa,EAAE,CAAC,EAChB,EAAa,GAAG;;GAElB,eAAe;AACb,MACE,GAAG,EAAY,QAAQ,MAAgB,IAAU,KAAN,IAAS,IAAI,EAAc,QAAQ,MAAkB,IAAY,KAAR,QACrG;;GAEH,CAAA,EACF,kBAAC,KAAD;GAAG,WAAU;aAAW,IAAY,cAAc,MAAc;GAAwB,CAAA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function CriteriaTransportDemo(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { CriteriaTransport as e } from "../ui/criteria/CriteriaTransport.js";
|
|
3
|
+
import { useState as t } from "react";
|
|
4
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
5
|
+
//#region lib/examples/criteria-transport-demo.tsx
|
|
6
|
+
var i = [
|
|
7
|
+
{
|
|
8
|
+
label: "Paris CDG",
|
|
9
|
+
value: "CDG"
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
label: "Lyon",
|
|
13
|
+
value: "LYS"
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
label: "Marseille",
|
|
17
|
+
value: "MRS"
|
|
18
|
+
}
|
|
19
|
+
], a = [
|
|
20
|
+
{
|
|
21
|
+
label: "Bordeaux",
|
|
22
|
+
value: "BOD"
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
label: "Nantes",
|
|
26
|
+
value: "NTE"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
label: "Toulouse",
|
|
30
|
+
value: "TLS"
|
|
31
|
+
}
|
|
32
|
+
];
|
|
33
|
+
function o() {
|
|
34
|
+
let [o, s] = t(!1), [c, l] = t("NO");
|
|
35
|
+
return /* @__PURE__ */ r("div", {
|
|
36
|
+
className: "w-[380px] space-y-24",
|
|
37
|
+
children: [/* @__PURE__ */ n(e, {
|
|
38
|
+
departureCity: c,
|
|
39
|
+
isTransportMandatory: !1,
|
|
40
|
+
labels: {
|
|
41
|
+
toggle: "With transport",
|
|
42
|
+
topCities: "Main departure cities",
|
|
43
|
+
otherCities: "Other cities"
|
|
44
|
+
},
|
|
45
|
+
otherCities: a,
|
|
46
|
+
reinsurance: {
|
|
47
|
+
title: "Book your transport with us",
|
|
48
|
+
scheduleMention: "Flexible schedules included",
|
|
49
|
+
guaranteeMention: "Best price guarantee"
|
|
50
|
+
},
|
|
51
|
+
title: "Transport",
|
|
52
|
+
topCities: i,
|
|
53
|
+
withTransport: o,
|
|
54
|
+
onChange: (e) => {
|
|
55
|
+
e.type === "withTransport" && s(e.payload), e.type === "departureCity" && l(e.payload), e.type === "reset" && (s(!1), l("NO"));
|
|
56
|
+
}
|
|
57
|
+
}), c !== "NO" && /* @__PURE__ */ r("p", {
|
|
58
|
+
className: "text-b4",
|
|
59
|
+
children: ["Selected: ", [...i, ...a].find((e) => e.value === c)?.label]
|
|
60
|
+
})]
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
//#endregion
|
|
64
|
+
export { o as default };
|
|
65
|
+
|
|
66
|
+
//# sourceMappingURL=criteria-transport-demo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"criteria-transport-demo.js","names":[],"sources":["../../lib/examples/criteria-transport-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\n\nimport { CriteriaTransport } from '@/ui/criteria/CriteriaTransport';\nimport type { CriteriaTransportAction, DepartureCity } from '@/ui/criteria/CriteriaTransport';\n\nconst topCities: DepartureCity[] = [\n { label: 'Paris CDG', value: 'CDG' },\n { label: 'Lyon', value: 'LYS' },\n { label: 'Marseille', value: 'MRS' },\n];\n\nconst otherCities: DepartureCity[] = [\n { label: 'Bordeaux', value: 'BOD' },\n { label: 'Nantes', value: 'NTE' },\n { label: 'Toulouse', value: 'TLS' },\n];\n\nexport default function CriteriaTransportDemo() {\n const [withTransport, setWithTransport] = useState(false);\n const [departureCity, setDepartureCity] = useState('NO');\n\n const handleChange = (action: CriteriaTransportAction) => {\n if (action.type === 'withTransport') setWithTransport(action.payload);\n if (action.type === 'departureCity') setDepartureCity(action.payload);\n if (action.type === 'reset') {\n setWithTransport(false);\n setDepartureCity('NO');\n }\n };\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaTransport\n departureCity={departureCity}\n isTransportMandatory={false}\n labels={{\n toggle: 'With transport',\n topCities: 'Main departure cities',\n otherCities: 'Other cities',\n }}\n otherCities={otherCities}\n reinsurance={{\n title: 'Book your transport with us',\n scheduleMention: 'Flexible schedules included',\n guaranteeMention: 'Best price guarantee',\n }}\n title=\"Transport\"\n topCities={topCities}\n withTransport={withTransport}\n onChange={handleChange}\n />\n {departureCity !== 'NO' && (\n <p className=\"text-b4\">\n Selected: {[...topCities, ...otherCities].find((c) => c.value === departureCity)?.label}\n </p>\n )}\n </div>\n );\n}\n"],"mappings":";;;;;AAMA,IAAM,IAA6B;CACjC;EAAE,OAAO;EAAa,OAAO;EAAO;CACpC;EAAE,OAAO;EAAQ,OAAO;EAAO;CAC/B;EAAE,OAAO;EAAa,OAAO;;CAC9B,EAEK,IAA+B;CACnC;EAAE,OAAO;EAAY,OAAO;EAAO;CACnC;EAAE,OAAO;EAAU,OAAO;EAAO;CACjC;EAAE,OAAO;EAAY,OAAO;;CAC7B;AAED,SAAwB,IAAwB;CAC9C,IAAM,CAAC,GAAe,KAAoB,EAAS,GAAM,EACnD,CAAC,GAAe,KAAoB,EAAS,KAAK;AAWxD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACiB;GACf,sBAAsB;GACtB,QAAQ;IACN,QAAQ;IACR,WAAW;IACX,aAAa;IACd;GACY;GACb,aAAa;IACX,OAAO;IACP,iBAAiB;IACjB,kBAAkB;IACnB;GACD,OAAM;GACK;GACI;GACf,WA5BgB,MAAoC;AAGxD,IAFI,EAAO,SAAS,mBAAiB,EAAiB,EAAO,QAAQ,EACjE,EAAO,SAAS,mBAAiB,EAAiB,EAAO,QAAQ,EACjE,EAAO,SAAS,YAClB,EAAiB,GAAM,EACvB,EAAiB,KAAK;;GAwBpB,CAAA,EACD,MAAkB,QACjB,kBAAC,KAAD;GAAG,WAAU;aAAb,CAAuB,cACV,CAAC,GAAG,GAAW,GAAG,EAAY,CAAC,MAAM,MAAM,EAAE,UAAU,EAAc,EAAE,MAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function DatepickerDemo(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { DeviceProvider as e } from "../ui/contexts/devices/Device.js";
|
|
3
|
+
import { t } from "../chunks/Datepicker.js";
|
|
4
|
+
import { useState as n } from "react";
|
|
5
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
6
|
+
//#region lib/examples/datepicker-demo.tsx
|
|
7
|
+
var i = /* @__PURE__ */ new Date(), a = (e) => {
|
|
8
|
+
let t = new Date(i);
|
|
9
|
+
return t.setDate(t.getDate() + e), t.toISOString().slice(0, 10);
|
|
10
|
+
};
|
|
11
|
+
function o() {
|
|
12
|
+
let [o, s] = n();
|
|
13
|
+
return /* @__PURE__ */ r(e, {
|
|
14
|
+
device: "all",
|
|
15
|
+
children: /* @__PURE__ */ r(t, {
|
|
16
|
+
fromMonth: i,
|
|
17
|
+
selected: o,
|
|
18
|
+
onSelect: (e) => s(e),
|
|
19
|
+
labels: {
|
|
20
|
+
seeNextMonth: "See {currentMonth} and {nextMonth}",
|
|
21
|
+
seePreviousMonth: "See {previousMonth} and {currentMonth}"
|
|
22
|
+
},
|
|
23
|
+
dates: [
|
|
24
|
+
{
|
|
25
|
+
id: a(3),
|
|
26
|
+
price: "890 €",
|
|
27
|
+
status: "green"
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
id: a(5),
|
|
31
|
+
price: "1 200 €",
|
|
32
|
+
status: "orange"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
id: a(7),
|
|
36
|
+
price: "760 €",
|
|
37
|
+
status: "outline"
|
|
38
|
+
}
|
|
39
|
+
],
|
|
40
|
+
statusLabels: {
|
|
41
|
+
green: "Best price",
|
|
42
|
+
orange: "Last availabilities",
|
|
43
|
+
outline: "Available"
|
|
44
|
+
}
|
|
45
|
+
})
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
//#endregion
|
|
49
|
+
export { o as default };
|
|
50
|
+
|
|
51
|
+
//# sourceMappingURL=datepicker-demo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datepicker-demo.js","names":[],"sources":["../../lib/examples/datepicker-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport type { DateRange } from 'react-day-picker';\n\nimport { DeviceProvider } from '@/ui/contexts/devices/Device';\nimport { Datepicker } from '@/ui/Datepicker';\n\nconst today = new Date();\n\nconst makeDateId = (offset: number) => {\n const d = new Date(today);\n d.setDate(d.getDate() + offset);\n return d.toISOString().slice(0, 10);\n};\n\nexport default function DatepickerDemo() {\n const [selected, setSelected] = useState<DateRange | undefined>();\n\n return (\n <DeviceProvider device=\"all\">\n <Datepicker\n fromMonth={today}\n selected={selected}\n onSelect={(range) => setSelected(range)}\n labels={{\n seeNextMonth: 'See {currentMonth} and {nextMonth}',\n seePreviousMonth: 'See {previousMonth} and {currentMonth}',\n }}\n dates={[\n { id: makeDateId(3), price: '890 €', status: 'green' },\n { id: makeDateId(5), price: '1 200 €', status: 'orange' },\n { id: makeDateId(7), price: '760 €', status: 'outline' },\n ]}\n statusLabels={{\n green: 'Best price',\n orange: 'Last availabilities',\n outline: 'Available',\n }}\n />\n </DeviceProvider>\n );\n}\n"],"mappings":";;;;;;AAOA,IAAM,oBAAQ,IAAI,MAAM,EAElB,KAAc,MAAmB;CACrC,IAAM,IAAI,IAAI,KAAK,EAAM;AAEzB,QADA,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAO,EACxB,EAAE,aAAa,CAAC,MAAM,GAAG,GAAG;;AAGrC,SAAwB,IAAiB;CACvC,IAAM,CAAC,GAAU,KAAe,GAAiC;AAEjE,QACE,kBAAC,GAAD;EAAgB,QAAO;YACrB,kBAAC,GAAD;GACE,WAAW;GACD;GACV,WAAW,MAAU,EAAY,EAAM;GACvC,QAAQ;IACN,cAAc;IACd,kBAAkB;IACnB;GACD,OAAO;IACL;KAAE,IAAI,EAAW,EAAE;KAAE,OAAO;KAAS,QAAQ;KAAS;IACtD;KAAE,IAAI,EAAW,EAAE;KAAE,OAAO;KAAW,QAAQ;KAAU;IACzD;KAAE,IAAI,EAAW,EAAE;KAAE,OAAO;KAAS,QAAQ;;IAC9C;GACD,cAAc;IACZ,OAAO;IACP,QAAQ;IACR,SAAS;;GAEX,CAAA;EACa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function DatepickerDisabledDaysDemo(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { DeviceProvider as e } from "../ui/contexts/devices/Device.js";
|
|
3
|
+
import { t } from "../chunks/Datepicker.js";
|
|
4
|
+
import { useState as n } from "react";
|
|
5
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
6
|
+
//#region lib/examples/datepicker-disabled-days-demo.tsx
|
|
7
|
+
var i = (e) => {
|
|
8
|
+
let t = /* @__PURE__ */ new Date();
|
|
9
|
+
return t.setDate(t.getDate() + e), t;
|
|
10
|
+
};
|
|
11
|
+
function a() {
|
|
12
|
+
let [a, o] = n();
|
|
13
|
+
return /* @__PURE__ */ r(e, {
|
|
14
|
+
device: "all",
|
|
15
|
+
children: /* @__PURE__ */ r(t, {
|
|
16
|
+
fromMonth: /* @__PURE__ */ new Date(),
|
|
17
|
+
selected: a,
|
|
18
|
+
onSelect: (e) => o(e),
|
|
19
|
+
disabledDays: [
|
|
20
|
+
{ before: /* @__PURE__ */ new Date() },
|
|
21
|
+
i(4),
|
|
22
|
+
i(5),
|
|
23
|
+
i(11),
|
|
24
|
+
i(12),
|
|
25
|
+
i(18),
|
|
26
|
+
i(19),
|
|
27
|
+
{
|
|
28
|
+
from: i(25),
|
|
29
|
+
to: i(30)
|
|
30
|
+
}
|
|
31
|
+
],
|
|
32
|
+
labels: {
|
|
33
|
+
seeNextMonth: "See {currentMonth} and {nextMonth}",
|
|
34
|
+
seePreviousMonth: "See {previousMonth} and {currentMonth}"
|
|
35
|
+
}
|
|
36
|
+
})
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
//#endregion
|
|
40
|
+
export { a as default };
|
|
41
|
+
|
|
42
|
+
//# sourceMappingURL=datepicker-disabled-days-demo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datepicker-disabled-days-demo.js","names":[],"sources":["../../lib/examples/datepicker-disabled-days-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport type { DateRange } from 'react-day-picker';\n\nimport { DeviceProvider } from '@/ui/contexts/devices/Device';\nimport { Datepicker } from '@/ui/Datepicker';\n\nconst d = (offsetDays: number) => {\n const date = new Date();\n date.setDate(date.getDate() + offsetDays);\n return date;\n};\n\nexport default function DatepickerDisabledDaysDemo() {\n const [selected, setSelected] = useState<DateRange | undefined>();\n\n return (\n <DeviceProvider device=\"all\">\n <Datepicker\n fromMonth={new Date()}\n selected={selected}\n onSelect={(range) => setSelected(range)}\n disabledDays={[\n // Prevent selecting past dates\n { before: new Date() },\n // Block specific unavailable dates\n d(4),\n d(5),\n d(11),\n d(12),\n d(18),\n d(19),\n // Block out an entire period\n { from: d(25), to: d(30) },\n ]}\n labels={{\n seeNextMonth: 'See {currentMonth} and {nextMonth}',\n seePreviousMonth: 'See {previousMonth} and {currentMonth}',\n }}\n />\n </DeviceProvider>\n );\n}\n"],"mappings":";;;;;;AAOA,IAAM,KAAK,MAAuB;CAChC,IAAM,oBAAO,IAAI,MAAM;AAEvB,QADA,EAAK,QAAQ,EAAK,SAAS,GAAG,EAAW,EAClC;;AAGT,SAAwB,IAA6B;CACnD,IAAM,CAAC,GAAU,KAAe,GAAiC;AAEjE,QACE,kBAAC,GAAD;EAAgB,QAAO;YACrB,kBAAC,GAAD;GACE,2BAAW,IAAI,MAAM;GACX;GACV,WAAW,MAAU,EAAY,EAAM;GACvC,cAAc;IAEZ,EAAE,wBAAQ,IAAI,MAAM,EAAE;IAEtB,EAAE,EAAE;IACJ,EAAE,EAAE;IACJ,EAAE,GAAG;IACL,EAAE,GAAG;IACL,EAAE,GAAG;IACL,EAAE,GAAG;IAEL;KAAE,MAAM,EAAE,GAAG;KAAE,IAAI,EAAE,GAAA;;IACtB;GACD,QAAQ;IACN,cAAc;IACd,kBAAkB;;GAEpB,CAAA;EACa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function DatepickerDurationTooltipDemo(): import("react/jsx-runtime").JSX.Element;
|