@clubmed/trident-ui 2.0.0-beta.9 → 2.0.0
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 +196 -136
- 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/accordion-demo.d.ts +1 -0
- package/examples/accordion-demo.js +79 -0
- package/examples/accordion-demo.js.map +1 -0
- package/examples/accordion-multiple-demo.d.ts +1 -0
- package/examples/accordion-multiple-demo.js +79 -0
- package/examples/accordion-multiple-demo.js.map +1 -0
- package/examples/accordion-trigger-wrapper-demo.d.ts +1 -0
- package/examples/accordion-trigger-wrapper-demo.js +80 -0
- package/examples/accordion-trigger-wrapper-demo.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/avatar-demo.js +7 -7
- package/examples/button-demo.js +2 -2
- package/examples/button-demo.js.map +1 -1
- package/examples/card-list-demo.js +10 -10
- package/examples/card-no-border-demo.js +7 -7
- package/examples/chapters-demo.d.ts +1 -0
- package/examples/chapters-demo.js +46 -0
- package/examples/chapters-demo.js.map +1 -0
- 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 +2 -2
- package/examples/checkbox-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 +1 -0
- package/examples/checkboxes-demo.js.map +1 -1
- package/examples/checkboxes-with-form-control-demo.js +4 -4
- package/examples/chip-demo.js +4 -4
- 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-transports-b2b-demo.d.ts +1 -0
- package/examples/criteria-transports-b2b-demo.js +118 -0
- package/examples/criteria-transports-b2b-demo.js.map +1 -0
- package/examples/criteria-transports-demo.d.ts +1 -0
- package/examples/criteria-transports-demo.js +223 -0
- package/examples/criteria-transports-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/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/filter-demo.js +5 -5
- 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/promises-demo.d.ts +1 -0
- package/examples/promises-demo.js +50 -0
- package/examples/promises-demo.js.map +1 -0
- package/examples/radio-demo.js +3 -3
- package/examples/radio-demo.js.map +1 -1
- package/examples/radio-select-demo.d.ts +1 -0
- package/examples/radio-select-demo.js +100 -0
- package/examples/radio-select-demo.js.map +1 -0
- 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/sparkle-wrapper-demo.d.ts +1 -0
- package/examples/sparkle-wrapper-demo.js +34 -0
- package/examples/sparkle-wrapper-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 +9 -3
- package/styles/animate.css +19 -0
- package/styles/components.css +97 -4
- package/styles/index.css +0 -1
- package/styles/theme.css +1 -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/Accordion.d.ts +30 -0
- package/ui/Accordion.js +71 -0
- package/ui/Accordion.js.map +1 -0
- package/ui/AdvancedToast.js +22 -19
- package/ui/AdvancedToast.js.map +1 -1
- package/ui/Avatar.js +1 -1
- package/ui/Avatar.js.map +1 -1
- package/ui/BasicToast.js +12 -12
- package/ui/BasicToast.js.map +1 -1
- package/ui/Breadcrumb.js +7 -6
- package/ui/Breadcrumb.js.map +1 -1
- package/ui/Chapters/Chapter.d.ts +7 -0
- package/ui/Chapters/Chapter.js +36 -0
- package/ui/Chapters/Chapter.js.map +1 -0
- package/ui/Chapters/ChapterTitle.d.ts +14 -0
- package/ui/Chapters/ChapterTitle.js +35 -0
- package/ui/Chapters/ChapterTitle.js.map +1 -0
- package/ui/Chapters/Chapters.d.ts +15 -0
- package/ui/Chapters/Chapters.js +42 -0
- package/ui/Chapters/Chapters.js.map +1 -0
- package/ui/Chapters/Chapters.themes.d.ts +9 -0
- package/ui/Chapters/Chapters.themes.js +65 -0
- package/ui/Chapters/Chapters.themes.js.map +1 -0
- package/ui/Chapters/ChaptersSummary.d.ts +17 -0
- package/ui/Chapters/ChaptersSummary.js +29 -0
- package/ui/Chapters/ChaptersSummary.js.map +1 -0
- package/ui/ChatButton.js +9 -9
- 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/Chip.js +4 -4
- package/ui/ChoiceExpander.js +17 -17
- 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 +61 -27
- package/ui/Dropdown.js.map +1 -1
- package/ui/ElasticHeight.js +1 -0
- 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 +8 -8
- 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 +23 -23
- package/ui/Pagination.js.map +1 -1
- package/ui/Promises/Promises.d.ts +26 -0
- package/ui/Promises/Promises.js +42 -0
- package/ui/Promises/Promises.js.map +1 -0
- package/ui/Promises/PromisesMedia.d.ts +12 -0
- package/ui/Promises/PromisesMedia.js +64 -0
- package/ui/Promises/PromisesMedia.js.map +1 -0
- package/ui/Promises/PromisesMenu.d.ts +11 -0
- package/ui/Promises/PromisesMenu.js +154 -0
- package/ui/Promises/PromisesMenu.js.map +1 -0
- 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 +67 -59
- package/ui/SidebarLayout.js.map +1 -1
- package/ui/SparkleWrapper.d.ts +5 -0
- package/ui/SparkleWrapper.js +56 -0
- package/ui/SparkleWrapper.js.map +1 -0
- package/ui/Tag.js +6 -6
- 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/buttons/ButtonContent.js +3 -3
- 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/CriteriaTransports.d.ts +53 -0
- package/ui/criteria/CriteriaTransports.js +274 -0
- package/ui/criteria/CriteriaTransports.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 +3 -1
- package/ui/forms/Filter.js +17 -13
- 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.map +1 -1
- package/ui/forms/FormControlError.js +4 -4
- package/ui/forms/NumberField.d.ts +3 -2
- 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/RadioSelect.d.ts +31 -0
- package/ui/forms/RadioSelect.js +117 -0
- package/ui/forms/RadioSelect.js.map +1 -0
- package/ui/forms/Range.d.ts +1 -1
- package/ui/forms/Select.js +16 -17
- 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 +33 -24
- package/ui/forms/TextField.js.map +1 -1
- package/ui/forms/checkboxes/Checkbox.d.ts +3 -1
- package/ui/forms/checkboxes/Checkbox.js +21 -17
- 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/password/Password.js +19 -20
- package/ui/forms/password/Password.js.map +1 -1
- package/ui/forms/password/ValidationMessage.js +5 -5
- 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 +5 -6
- 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
|
@@ -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 CriteriaTransportsB2BDemo(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { CriteriaTransports as e } from "../ui/criteria/CriteriaTransports.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-transports-b2b-demo.tsx
|
|
6
|
+
var i = {
|
|
7
|
+
toggleLabel: "Add transportation from",
|
|
8
|
+
topCitiesLabel: "Top cities",
|
|
9
|
+
otherCitiesLabel: "Other cities",
|
|
10
|
+
clubMedTransportTitle: "Opt for Club Med transportation:",
|
|
11
|
+
clubMedTransportDescription: "Assistance and support in case of unforeseen events. Comfort guaranteed from departure to arrival.",
|
|
12
|
+
reset: "Reset",
|
|
13
|
+
apply: "Confirm"
|
|
14
|
+
}, a = {
|
|
15
|
+
roundTripLabel: "Round trip",
|
|
16
|
+
oneWayLabel: "One way",
|
|
17
|
+
cabinClassLabel: "Class",
|
|
18
|
+
departureDateLabel: "From"
|
|
19
|
+
}, o = [
|
|
20
|
+
{
|
|
21
|
+
value: "all",
|
|
22
|
+
label: "All classes"
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
value: "economy",
|
|
26
|
+
label: "Economy"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
value: "business",
|
|
30
|
+
label: "Business"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
value: "first",
|
|
34
|
+
label: "First class"
|
|
35
|
+
}
|
|
36
|
+
], s = [
|
|
37
|
+
{
|
|
38
|
+
code: "BOS",
|
|
39
|
+
name: "Boston Logan International (BOS)"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
code: "NYC",
|
|
43
|
+
name: "New York all airports (NYC)"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
code: "MIA",
|
|
47
|
+
name: "Miami International (MIA)"
|
|
48
|
+
}
|
|
49
|
+
], c = [
|
|
50
|
+
{
|
|
51
|
+
code: "ABQ",
|
|
52
|
+
name: "Albuquerque (ABQ)"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
code: "ANC",
|
|
56
|
+
name: "Anchorage International (ANC)"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
code: "ATL",
|
|
60
|
+
name: "Atlanta Hartsfield-Jackson (ATL)"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
code: "AUS",
|
|
64
|
+
name: "Austin-Bergstrom International (AUS)"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
code: "DEN",
|
|
68
|
+
name: "Denver International (DEN)"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
code: "LAX",
|
|
72
|
+
name: "Los Angeles International (LAX)"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
code: "SEA",
|
|
76
|
+
name: "Seattle-Tacoma International (SEA)"
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
code: "SFO",
|
|
80
|
+
name: "San Francisco International (SFO)"
|
|
81
|
+
}
|
|
82
|
+
];
|
|
83
|
+
function l() {
|
|
84
|
+
let [l, u] = t(!1), [d, f] = t(null), [p, m] = t("roundtrip"), [h, g] = t(void 0), [_, v] = t("");
|
|
85
|
+
return /* @__PURE__ */ r("div", {
|
|
86
|
+
className: "w-[380px] space-y-24",
|
|
87
|
+
children: [/* @__PURE__ */ n(e, {
|
|
88
|
+
mode: "b2b",
|
|
89
|
+
labels: i,
|
|
90
|
+
b2bLabels: a,
|
|
91
|
+
title: "Transport",
|
|
92
|
+
enabled: l,
|
|
93
|
+
topCities: s,
|
|
94
|
+
otherCities: c,
|
|
95
|
+
selectedAirportCode: d,
|
|
96
|
+
flightType: p,
|
|
97
|
+
cabinClass: h,
|
|
98
|
+
cabinClassOptions: o,
|
|
99
|
+
departureQuery: _,
|
|
100
|
+
onToggle: u,
|
|
101
|
+
onSelect: f,
|
|
102
|
+
onFlightTypeChange: m,
|
|
103
|
+
onCabinClassChange: (e, t) => g(t),
|
|
104
|
+
onDepartureQueryChange: (e, t) => v(t),
|
|
105
|
+
onReset: () => {
|
|
106
|
+
u(!1), f(null), m("roundtrip"), g(void 0), v("");
|
|
107
|
+
},
|
|
108
|
+
onApply: () => {}
|
|
109
|
+
}), d && /* @__PURE__ */ r("p", {
|
|
110
|
+
className: "text-b4",
|
|
111
|
+
children: ["Selected: ", /* @__PURE__ */ n("strong", { children: d })]
|
|
112
|
+
})]
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
//#endregion
|
|
116
|
+
export { l as default };
|
|
117
|
+
|
|
118
|
+
//# sourceMappingURL=criteria-transports-b2b-demo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"criteria-transports-b2b-demo.js","names":[],"sources":["../../lib/examples/criteria-transports-b2b-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\n\nimport { CriteriaTransports } from '@/ui/criteria/CriteriaTransports';\nimport type {\n CriteriaTransportsProps,\n CriteriaTransportsB2BLabels,\n} from '@/ui/criteria/CriteriaTransports';\nimport type { RadioSelectOption } from '@/ui/forms/RadioSelect';\n\nconst labels: CriteriaTransportsProps['labels'] = {\n toggleLabel: 'Add transportation from',\n topCitiesLabel: 'Top cities',\n otherCitiesLabel: 'Other cities',\n clubMedTransportTitle: 'Opt for Club Med transportation:',\n clubMedTransportDescription:\n 'Assistance and support in case of unforeseen events. Comfort guaranteed from departure to arrival.',\n reset: 'Reset',\n apply: 'Confirm',\n};\n\nconst b2bLabels: CriteriaTransportsB2BLabels = {\n roundTripLabel: 'Round trip',\n oneWayLabel: 'One way',\n cabinClassLabel: 'Class',\n departureDateLabel: 'From',\n};\n\nconst cabinClassOptions: RadioSelectOption<string>[] = [\n { value: 'all', label: 'All classes' },\n { value: 'economy', label: 'Economy' },\n { value: 'business', label: 'Business' },\n { value: 'first', label: 'First class' },\n];\n\nconst topCities = [\n { code: 'BOS', name: 'Boston Logan International (BOS)' },\n { code: 'NYC', name: 'New York all airports (NYC)' },\n { code: 'MIA', name: 'Miami International (MIA)' },\n];\n\nconst otherCities = [\n { code: 'ABQ', name: 'Albuquerque (ABQ)' },\n { code: 'ANC', name: 'Anchorage International (ANC)' },\n { code: 'ATL', name: 'Atlanta Hartsfield-Jackson (ATL)' },\n { code: 'AUS', name: 'Austin-Bergstrom International (AUS)' },\n { code: 'DEN', name: 'Denver International (DEN)' },\n { code: 'LAX', name: 'Los Angeles International (LAX)' },\n { code: 'SEA', name: 'Seattle-Tacoma International (SEA)' },\n { code: 'SFO', name: 'San Francisco International (SFO)' },\n];\n\nexport default function CriteriaTransportsB2BDemo() {\n const [enabled, setEnabled] = useState(false);\n const [selected, setSelected] = useState<string | null>(null);\n const [flightType, setFlightType] = useState<'roundtrip' | 'oneway'>('roundtrip');\n const [cabinClass, setCabinClass] = useState<string | undefined>(undefined);\n const [departureQuery, setDepartureQuery] = useState('');\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaTransports\n mode=\"b2b\"\n labels={labels}\n b2bLabels={b2bLabels}\n title=\"Transport\"\n enabled={enabled}\n topCities={topCities}\n otherCities={otherCities}\n selectedAirportCode={selected}\n flightType={flightType}\n cabinClass={cabinClass}\n cabinClassOptions={cabinClassOptions}\n departureQuery={departureQuery}\n onToggle={setEnabled}\n onSelect={setSelected}\n onFlightTypeChange={setFlightType}\n onCabinClassChange={(_event, value) => setCabinClass(value)}\n onDepartureQueryChange={(_event, value) => setDepartureQuery(value)}\n onReset={() => {\n setEnabled(false);\n setSelected(null);\n setFlightType('roundtrip');\n setCabinClass(undefined);\n setDepartureQuery('');\n }}\n onApply={() => {}}\n />\n {selected && (\n <p className=\"text-b4\">\n Selected: <strong>{selected}</strong>\n </p>\n )}\n </div>\n );\n}\n"],"mappings":";;;;;AAUA,IAAM,IAA4C;CAChD,aAAa;CACb,gBAAgB;CAChB,kBAAkB;CAClB,uBAAuB;CACvB,6BACE;CACF,OAAO;CACP,OAAO;CACR,EAEK,IAAyC;CAC7C,gBAAgB;CAChB,aAAa;CACb,iBAAiB;CACjB,oBAAoB;CACrB,EAEK,IAAiD;CACrD;EAAE,OAAO;EAAO,OAAO;EAAe;CACtC;EAAE,OAAO;EAAW,OAAO;EAAW;CACtC;EAAE,OAAO;EAAY,OAAO;EAAY;CACxC;EAAE,OAAO;EAAS,OAAO;;CAC1B,EAEK,IAAY;CAChB;EAAE,MAAM;EAAO,MAAM;EAAoC;CACzD;EAAE,MAAM;EAAO,MAAM;EAA+B;CACpD;EAAE,MAAM;EAAO,MAAM;;CACtB,EAEK,IAAc;CAClB;EAAE,MAAM;EAAO,MAAM;EAAqB;CAC1C;EAAE,MAAM;EAAO,MAAM;EAAiC;CACtD;EAAE,MAAM;EAAO,MAAM;EAAoC;CACzD;EAAE,MAAM;EAAO,MAAM;EAAwC;CAC7D;EAAE,MAAM;EAAO,MAAM;EAA8B;CACnD;EAAE,MAAM;EAAO,MAAM;EAAmC;CACxD;EAAE,MAAM;EAAO,MAAM;EAAsC;CAC3D;EAAE,MAAM;EAAO,MAAM;;CACtB;AAED,SAAwB,IAA4B;CAClD,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAU,KAAe,EAAwB,KAAK,EACvD,CAAC,GAAY,KAAiB,EAAiC,YAAY,EAC3E,CAAC,GAAY,KAAiB,EAA6B,KAAA,EAAU,EACrE,CAAC,GAAgB,KAAqB,EAAS,GAAG;AAExD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,MAAK;GACG;GACG;GACX,OAAM;GACG;GACE;GACE;GACb,qBAAqB;GACT;GACA;GACO;GACH;GAChB,UAAU;GACV,UAAU;GACV,oBAAoB;GACpB,qBAAqB,GAAQ,MAAU,EAAc,EAAM;GAC3D,yBAAyB,GAAQ,MAAU,EAAkB,EAAM;GACnE,eAAe;AAKb,IAJA,EAAW,GAAM,EACjB,EAAY,KAAK,EACjB,EAAc,YAAY,EAC1B,EAAc,KAAA,EAAU,EACxB,EAAkB,GAAG;;GAEvB,eAAe;GACf,CAAA,EACD,KACC,kBAAC,KAAD;GAAG,WAAU;aAAb,CAAuB,cACX,kBAAC,UAAD,EAAA,UAAS,GAAkB,CAAA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function CriteriaTransportsDemo(): import("react/jsx-runtime").JSX.Element;
|