@clubmed/trident-ui 2.0.0-beta.7 → 2.0.0-beta.74
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/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/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/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 +51 -0
- package/examples/criteria-transports-b2b-demo.js.map +1 -0
- package/examples/criteria-transports-b2c-demo.d.ts +1 -0
- package/examples/criteria-transports-b2c-demo.js +37 -0
- package/examples/criteria-transports-b2c-demo.js.map +1 -0
- package/examples/criteria-transports-data.d.ts +7 -0
- package/examples/criteria-transports-data.js +151 -0
- package/examples/criteria-transports-data.js.map +1 -0
- package/examples/criteria-transports-demo.d.ts +1 -0
- package/examples/criteria-transports-demo.js +34 -0
- package/examples/criteria-transports-demo.js.map +1 -0
- package/examples/criteria-transports-error-demo.d.ts +1 -0
- package/examples/criteria-transports-error-demo.js +29 -0
- package/examples/criteria-transports-error-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/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/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/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/Accordion.d.ts +30 -0
- package/ui/Accordion.js +71 -0
- package/ui/Accordion.js.map +1 -0
- package/ui/AdvancedToast.js +31 -28
- package/ui/AdvancedToast.js.map +1 -1
- package/ui/Avatar.js +1 -1
- package/ui/Avatar.js.map +1 -1
- package/ui/BasicToast.js +13 -13
- package/ui/BasicToast.js.map +1 -1
- package/ui/Breadcrumb.js +7 -6
- package/ui/Breadcrumb.js.map +1 -1
- 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 +18 -18
- 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.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 +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/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/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 +72 -0
- package/ui/criteria/CriteriaTransports.js +224 -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 +10 -4
- package/ui/forms/Filter.js +26 -44
- 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/FormControlError.js +4 -4
- package/ui/forms/NumberField.d.ts +27 -26
- 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 +18 -19
- 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 +35 -26
- 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 +21 -22
- 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 +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,21 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { t as e } from "../../chunks/clsx.js";
|
|
3
|
+
import { n as t } from "../../chunks/Carousel.context.js";
|
|
4
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
5
|
+
//#region lib/ui/carousel/CarouselBody.tsx
|
|
6
|
+
var r = ({ children: r, className: i, scrollClassName: a, ...o }) => {
|
|
7
|
+
let { canScrollPrev: s, canScrollNext: c, carouselRef: l, options: u } = t(), d = !s && !c;
|
|
8
|
+
return /* @__PURE__ */ n("div", {
|
|
9
|
+
...o,
|
|
10
|
+
className: e(i, "overflow-hidden"),
|
|
11
|
+
ref: l,
|
|
12
|
+
children: /* @__PURE__ */ n("div", {
|
|
13
|
+
className: e(a, "grid", u?.axis === "y" ? "grid-flow-row" : "grid-flow-col", { "transform-none!": d }),
|
|
14
|
+
children: r
|
|
15
|
+
})
|
|
16
|
+
});
|
|
17
|
+
};
|
|
18
|
+
//#endregion
|
|
19
|
+
export { r as CarouselBody };
|
|
20
|
+
|
|
21
|
+
//# sourceMappingURL=CarouselBody.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselBody.js","names":[],"sources":["../../../lib/ui/carousel/CarouselBody.tsx"],"sourcesContent":["'use client';\nimport clsx from 'clsx';\nimport type { ComponentProps, FunctionComponent } from 'react';\n\nimport { useCarousel } from './Carousel.context';\n\ninterface Props extends ComponentProps<'div'> {\n scrollClassName?: string;\n}\n\nexport const CarouselBody: FunctionComponent<Props> = ({\n children,\n className,\n scrollClassName,\n ...attrs\n}) => {\n const { canScrollPrev, canScrollNext, carouselRef, options } = useCarousel();\n\n const noScroll = !canScrollPrev && !canScrollNext;\n\n return (\n <div {...attrs} className={clsx(className, 'overflow-hidden')} ref={carouselRef}>\n <div\n className={clsx(\n scrollClassName,\n 'grid',\n options?.axis === 'y' ? 'grid-flow-row' : 'grid-flow-col',\n {\n 'transform-none!': noScroll,\n },\n )}\n >\n {children}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;AAUA,IAAa,KAA0C,EACrD,aACA,cACA,oBACA,GAAG,QACC;CACJ,IAAM,EAAE,kBAAe,kBAAe,gBAAa,eAAY,GAAa,EAEtE,IAAW,CAAC,KAAiB,CAAC;AAEpC,QACE,kBAAC,OAAD;EAAK,GAAI;EAAO,WAAW,EAAK,GAAW,kBAAkB;EAAE,KAAK;YAClE,kBAAC,OAAD;GACE,WAAW,EACT,GACA,QACA,GAAS,SAAS,MAAM,kBAAkB,iBAC1C,EACE,mBAAmB,GACpB,CACF;GAEA;GACG,CAAA;EACF,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { t as e } from "../../chunks/clsx.js";
|
|
3
|
+
import { n as t } from "../../chunks/Carousel.context.js";
|
|
4
|
+
import { cloneElement as n, isValidElement as r } from "react";
|
|
5
|
+
//#region lib/ui/carousel/CarouselItem.tsx
|
|
6
|
+
var i = ({ children: i, index: a }) => {
|
|
7
|
+
let { canScrollPrev: o, canScrollNext: s, inViews: c = [], snapped: l = [] } = t(), u = c.includes(a), d = l.includes(a), f = r(i) ? {
|
|
8
|
+
"aria-hidden": !u,
|
|
9
|
+
className: e(i?.props?.className, "group/carousel-item", {
|
|
10
|
+
"is-visible": u,
|
|
11
|
+
"is-snapped": d
|
|
12
|
+
}),
|
|
13
|
+
inert: !u,
|
|
14
|
+
tabIndex: o || s ? -1 : void 0
|
|
15
|
+
} : void 0;
|
|
16
|
+
return r(i) ? n(i, f) : i;
|
|
17
|
+
};
|
|
18
|
+
//#endregion
|
|
19
|
+
export { i as CarouselItem };
|
|
20
|
+
|
|
21
|
+
//# sourceMappingURL=CarouselItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselItem.js","names":[],"sources":["../../../lib/ui/carousel/CarouselItem.tsx"],"sourcesContent":["'use client';\nimport clsx from 'clsx';\nimport type { FunctionComponent, PropsWithChildren } from 'react';\nimport { cloneElement, isValidElement } from 'react';\n\nimport { useCarousel } from './Carousel.context';\n\ninterface Props {\n index: number;\n}\n\nexport const CarouselItem: FunctionComponent<PropsWithChildren<Props>> = ({ children, index }) => {\n const { canScrollPrev, canScrollNext, inViews = [], snapped = [] } = useCarousel();\n\n const isVisible = inViews.includes(index);\n const isSnapped = snapped.includes(index);\n\n const props = isValidElement<{ className?: string }>(children)\n ? {\n 'aria-hidden': !isVisible,\n className: clsx(children?.props?.className, 'group/carousel-item', {\n 'is-visible': isVisible,\n 'is-snapped': isSnapped,\n }),\n inert: !isVisible,\n tabIndex: canScrollPrev || canScrollNext ? -1 : undefined,\n }\n : undefined;\n\n return isValidElement(children) ? cloneElement(children, props) : children;\n};\n"],"mappings":";;;;;AAWA,IAAa,KAA6D,EAAE,aAAU,eAAY;CAChG,IAAM,EAAE,kBAAe,kBAAe,aAAU,EAAE,EAAE,aAAU,EAAE,KAAK,GAAa,EAE5E,IAAY,EAAQ,SAAS,EAAM,EACnC,IAAY,EAAQ,SAAS,EAAM,EAEnC,IAAQ,EAAuC,EAAS,GAC1D;EACE,eAAe,CAAC;EAChB,WAAW,EAAK,GAAU,OAAO,WAAW,uBAAuB;GACjE,cAAc;GACd,cAAc;GACf,CAAC;EACF,OAAO,CAAC;EACR,UAAU,KAAiB,IAAgB,KAAK,KAAA;EACjD,GACD,KAAA;AAEJ,QAAO,EAAe,EAAS,GAAG,EAAa,GAAU,EAAM,GAAG"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { ArrowButton } from '../buttons/ArrowButton';
|
|
3
|
+
interface Props extends Omit<ComponentProps<typeof ArrowButton>, 'icon'> {
|
|
4
|
+
icon?: ComponentProps<typeof ArrowButton>['icon'];
|
|
5
|
+
label: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const CarouselNext: ({ className, label, onClick, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { t as e } from "../../chunks/clsx.js";
|
|
3
|
+
import { ArrowButton as t } from "../buttons/ArrowButton.js";
|
|
4
|
+
import { n } from "../../chunks/Carousel.context.js";
|
|
5
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
6
|
+
//#region lib/ui/carousel/CarouselNext.tsx
|
|
7
|
+
var i = ({ className: i, label: a, onClick: o, ...s }) => {
|
|
8
|
+
let { canScrollNext: c, scrollNext: l } = n();
|
|
9
|
+
return /* @__PURE__ */ r(t, {
|
|
10
|
+
icon: "ArrowDefaultRight",
|
|
11
|
+
...s,
|
|
12
|
+
className: e("pointer-events-auto", i),
|
|
13
|
+
disabled: !c,
|
|
14
|
+
onClick: (e) => {
|
|
15
|
+
l(), o?.(e);
|
|
16
|
+
},
|
|
17
|
+
children: a
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
//#endregion
|
|
21
|
+
export { i as CarouselNext };
|
|
22
|
+
|
|
23
|
+
//# sourceMappingURL=CarouselNext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselNext.js","names":[],"sources":["../../../lib/ui/carousel/CarouselNext.tsx"],"sourcesContent":["'use client';\nimport clsx from 'clsx';\nimport type { ComponentProps, MouseEvent } from 'react';\n\nimport { ArrowButton } from '../buttons/ArrowButton';\n\nimport { useCarousel } from './Carousel.context';\n\ninterface Props extends Omit<ComponentProps<typeof ArrowButton>, 'icon'> {\n icon?: ComponentProps<typeof ArrowButton>['icon'];\n label: string;\n}\n\nexport const CarouselNext = ({ className, label, onClick, ...props }: Props) => {\n const { canScrollNext, scrollNext } = useCarousel();\n\n return (\n <ArrowButton\n icon=\"ArrowDefaultRight\"\n {...props}\n className={clsx('pointer-events-auto', className)}\n disabled={!canScrollNext}\n onClick={(e: MouseEvent<HTMLButtonElement>) => {\n scrollNext();\n onClick?.(e as never);\n }}\n >\n {label}\n </ArrowButton>\n );\n};\n"],"mappings":";;;;;;AAaA,IAAa,KAAgB,EAAE,cAAW,UAAO,YAAS,GAAG,QAAmB;CAC9E,IAAM,EAAE,kBAAe,kBAAe,GAAa;AAEnD,QACE,kBAAC,GAAD;EACE,MAAK;EACL,GAAI;EACJ,WAAW,EAAK,uBAAuB,EAAU;EACjD,UAAU,CAAC;EACX,UAAU,MAAqC;AAE7C,GADA,GAAY,EACZ,IAAU,EAAW;;YAGtB;EACW,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { ArrowButton } from '../buttons/ArrowButton';
|
|
3
|
+
interface Props extends Omit<ComponentProps<typeof ArrowButton>, 'icon'> {
|
|
4
|
+
icon?: ComponentProps<typeof ArrowButton>['icon'];
|
|
5
|
+
label: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const CarouselPrevious: ({ className, label, onClick, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { t as e } from "../../chunks/clsx.js";
|
|
3
|
+
import { ArrowButton as t } from "../buttons/ArrowButton.js";
|
|
4
|
+
import { n } from "../../chunks/Carousel.context.js";
|
|
5
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
6
|
+
//#region lib/ui/carousel/CarouselPrevious.tsx
|
|
7
|
+
var i = ({ className: i, label: a, onClick: o, ...s }) => {
|
|
8
|
+
let { canScrollPrev: c, scrollPrev: l } = n();
|
|
9
|
+
return /* @__PURE__ */ r(t, {
|
|
10
|
+
icon: "ArrowDefaultLeft",
|
|
11
|
+
...s,
|
|
12
|
+
className: e("pointer-events-auto", i),
|
|
13
|
+
disabled: !c,
|
|
14
|
+
onClick: (e) => {
|
|
15
|
+
l(), o?.(e);
|
|
16
|
+
},
|
|
17
|
+
children: a
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
//#endregion
|
|
21
|
+
export { i as CarouselPrevious };
|
|
22
|
+
|
|
23
|
+
//# sourceMappingURL=CarouselPrevious.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselPrevious.js","names":[],"sources":["../../../lib/ui/carousel/CarouselPrevious.tsx"],"sourcesContent":["'use client';\nimport clsx from 'clsx';\nimport type { ComponentProps, MouseEvent } from 'react';\n\nimport { ArrowButton } from '../buttons/ArrowButton';\n\nimport { useCarousel } from './Carousel.context';\n\ninterface Props extends Omit<ComponentProps<typeof ArrowButton>, 'icon'> {\n icon?: ComponentProps<typeof ArrowButton>['icon'];\n label: string;\n}\n\nexport const CarouselPrevious = ({ className, label, onClick, ...props }: Props) => {\n const { canScrollPrev, scrollPrev } = useCarousel();\n\n return (\n <ArrowButton\n icon=\"ArrowDefaultLeft\"\n {...props}\n className={clsx('pointer-events-auto', className)}\n disabled={!canScrollPrev}\n onClick={(e: MouseEvent<HTMLButtonElement>) => {\n scrollPrev();\n onClick?.(e as never);\n }}\n >\n {label}\n </ArrowButton>\n );\n};\n"],"mappings":";;;;;;AAaA,IAAa,KAAoB,EAAE,cAAW,UAAO,YAAS,GAAG,QAAmB;CAClF,IAAM,EAAE,kBAAe,kBAAe,GAAa;AAEnD,QACE,kBAAC,GAAD;EACE,MAAK;EACL,GAAI;EACJ,WAAW,EAAK,uBAAuB,EAAU;EACjD,UAAU,CAAC;EACX,UAAU,MAAqC;AAE7C,GADA,GAAY,EACZ,IAAU,EAAW;;YAGtB;EACW,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { o as e, t } from "../../chunks/chunk.js";
|
|
2
2
|
import { createContext as n, useContext as r } from "react";
|
|
3
3
|
import { jsx as i } from "react/jsx-runtime";
|
|
4
4
|
//#region ../../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isArray.js
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
interface BirthdateProps {
|
|
3
|
+
label: string;
|
|
4
|
+
invalidDateErrorMessage: string;
|
|
5
|
+
minDateErrorMessage: string;
|
|
6
|
+
maxDateErrorMessage: string;
|
|
7
|
+
min: Date;
|
|
8
|
+
max: Date;
|
|
9
|
+
value: Date | null | undefined;
|
|
10
|
+
onChange: (event: Event, value: Date | null) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const Birthdate: FunctionComponent<BirthdateProps>;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ComponentProps, FunctionComponent, PropsWithChildren } from 'react';
|
|
2
|
+
import { Datepicker } from '../Datepicker';
|
|
3
|
+
export interface CriteriaDatesReinsuranceProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
labels: {
|
|
6
|
+
disclaimer: string;
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
export declare const CriteriaDatesReinsurance: FunctionComponent<CriteriaDatesReinsuranceProps>;
|
|
10
|
+
interface DatepickerLabels {
|
|
11
|
+
seeNextMonth: string;
|
|
12
|
+
seePreviousMonth: string;
|
|
13
|
+
}
|
|
14
|
+
interface PriceLegendLabels {
|
|
15
|
+
bestPrice: string;
|
|
16
|
+
lastAvailabilities: string;
|
|
17
|
+
notAvailable: string;
|
|
18
|
+
priceLegend: string;
|
|
19
|
+
availableSeason?: string;
|
|
20
|
+
}
|
|
21
|
+
export interface CriteriaDatesLabels extends DatepickerLabels {
|
|
22
|
+
availableSeason?: string;
|
|
23
|
+
}
|
|
24
|
+
export type CriteriaDatesLabelsWithPriceLegend = CriteriaDatesLabels & PriceLegendLabels;
|
|
25
|
+
export interface CriteriaDatesProps extends ComponentProps<typeof Datepicker> {
|
|
26
|
+
className?: string;
|
|
27
|
+
labels: CriteriaDatesLabels | CriteriaDatesLabelsWithPriceLegend;
|
|
28
|
+
showPriceLegend?: boolean;
|
|
29
|
+
title?: string;
|
|
30
|
+
}
|
|
31
|
+
export declare const CriteriaDates: FunctionComponent<PropsWithChildren<CriteriaDatesProps>>;
|
|
32
|
+
export {};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { t as e } from "../../chunks/clsx.js";
|
|
3
|
+
import { Chip as t } from "../Chip.js";
|
|
4
|
+
import { t as n } from "../../chunks/Datepicker.js";
|
|
5
|
+
import { CriteriaSection as r } from "./CriteriaSection.js";
|
|
6
|
+
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
7
|
+
//#region lib/ui/criteria/CriteriaDates.tsx
|
|
8
|
+
var o = ({ className: n, labels: r }) => r.disclaimer ? /* @__PURE__ */ a("p", {
|
|
9
|
+
className: e("text-b3 flex items-start justify-center gap-20 text-start text-black md:items-center md:gap-8", n),
|
|
10
|
+
children: [/* @__PURE__ */ i(t, {
|
|
11
|
+
color: "sienna",
|
|
12
|
+
icon: "New",
|
|
13
|
+
size: "size-32",
|
|
14
|
+
theme: "solid"
|
|
15
|
+
}), r.disclaimer]
|
|
16
|
+
}) : null, s = ({ customClass: t, label: n }) => /* @__PURE__ */ a("p", {
|
|
17
|
+
className: "flex items-center gap-4",
|
|
18
|
+
role: "listitem",
|
|
19
|
+
children: [/* @__PURE__ */ i("span", { className: e("size-27", t) }), n]
|
|
20
|
+
}), c = ({ className: t, showPriceLegend: o, labels: c, children: l, title: u, ...d }) => {
|
|
21
|
+
let f = o && "priceLegend" in c, p = f ? {
|
|
22
|
+
green: c.bestPrice,
|
|
23
|
+
orange: c.lastAvailabilities,
|
|
24
|
+
outline: c.availableSeason
|
|
25
|
+
} : void 0, m = f && /* @__PURE__ */ a("div", {
|
|
26
|
+
"aria-labelledby": "price-legend-title",
|
|
27
|
+
className: "text-b4 flex flex-wrap items-center justify-center gap-x-20 gap-y-12",
|
|
28
|
+
role: "region",
|
|
29
|
+
children: [/* @__PURE__ */ i("p", {
|
|
30
|
+
className: "w-full text-center font-semibold md:w-auto",
|
|
31
|
+
id: "price-legend-title",
|
|
32
|
+
children: c.priceLegend
|
|
33
|
+
}), /* @__PURE__ */ a("div", {
|
|
34
|
+
"aria-label": c.priceLegend,
|
|
35
|
+
className: "flex items-center justify-center gap-12",
|
|
36
|
+
role: "list",
|
|
37
|
+
children: [
|
|
38
|
+
/* @__PURE__ */ i(s, {
|
|
39
|
+
customClass: "bg-green rounded-pill",
|
|
40
|
+
label: c.bestPrice
|
|
41
|
+
}),
|
|
42
|
+
/* @__PURE__ */ i(s, {
|
|
43
|
+
customClass: "bg-orange rounded-8",
|
|
44
|
+
label: c.lastAvailabilities
|
|
45
|
+
}),
|
|
46
|
+
/* @__PURE__ */ i(s, {
|
|
47
|
+
customClass: "bg-sand rounded-8 diagonal-line",
|
|
48
|
+
label: c.notAvailable
|
|
49
|
+
}),
|
|
50
|
+
c.availableSeason && /* @__PURE__ */ i(s, {
|
|
51
|
+
customClass: "rounded-8 border border-black",
|
|
52
|
+
label: c.availableSeason
|
|
53
|
+
})
|
|
54
|
+
]
|
|
55
|
+
})]
|
|
56
|
+
});
|
|
57
|
+
return /* @__PURE__ */ a(r, {
|
|
58
|
+
className: e("!gap-y-12 md:!gap-y-20", t),
|
|
59
|
+
title: u,
|
|
60
|
+
children: [m, /* @__PURE__ */ a("div", {
|
|
61
|
+
className: "flex flex-col",
|
|
62
|
+
children: [/* @__PURE__ */ i(n, {
|
|
63
|
+
...d,
|
|
64
|
+
labels: {
|
|
65
|
+
seeNextMonth: c.seeNextMonth,
|
|
66
|
+
seePreviousMonth: c.seePreviousMonth
|
|
67
|
+
},
|
|
68
|
+
statusLabels: p
|
|
69
|
+
}), l]
|
|
70
|
+
})]
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
//#endregion
|
|
74
|
+
export { c as CriteriaDates, o as CriteriaDatesReinsurance };
|
|
75
|
+
|
|
76
|
+
//# sourceMappingURL=CriteriaDates.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CriteriaDates.js","names":[],"sources":["../../../lib/ui/criteria/CriteriaDates.tsx"],"sourcesContent":["'use client';\nimport clsx from 'clsx';\nimport type { ComponentProps, FunctionComponent, PropsWithChildren } from 'react';\n\nimport { Chip } from '../Chip';\nimport { Datepicker } from '../Datepicker';\nimport { CriteriaSection } from './CriteriaSection';\n\nexport interface CriteriaDatesReinsuranceProps {\n className?: string;\n labels: { disclaimer: string };\n}\n\nexport const CriteriaDatesReinsurance: FunctionComponent<CriteriaDatesReinsuranceProps> = ({\n className,\n labels,\n}) => {\n if (!labels.disclaimer) return null;\n\n return (\n <p\n className={clsx(\n 'text-b3 flex items-start justify-center gap-20 text-start text-black md:items-center md:gap-8',\n className,\n )}\n >\n <Chip color=\"sienna\" icon=\"New\" size=\"size-32\" theme=\"solid\" />\n {labels.disclaimer}\n </p>\n );\n};\n\ninterface DatepickerLabels {\n seeNextMonth: string;\n seePreviousMonth: string;\n}\n\ninterface PriceLegendLabels {\n bestPrice: string;\n lastAvailabilities: string;\n notAvailable: string;\n priceLegend: string;\n availableSeason?: string;\n}\n\nexport interface CriteriaDatesLabels extends DatepickerLabels {\n availableSeason?: string;\n}\n\nexport type CriteriaDatesLabelsWithPriceLegend = CriteriaDatesLabels & PriceLegendLabels;\n\nexport interface CriteriaDatesProps extends ComponentProps<typeof Datepicker> {\n className?: string;\n labels: CriteriaDatesLabels | CriteriaDatesLabelsWithPriceLegend;\n showPriceLegend?: boolean;\n title?: string;\n}\n\nconst LegendItem: FunctionComponent<{ customClass: string; label: string }> = ({\n customClass,\n label,\n}) => (\n <p className=\"flex items-center gap-4\" role=\"listitem\">\n <span className={clsx('size-27', customClass)} />\n {label}\n </p>\n);\n\nexport const CriteriaDates: FunctionComponent<PropsWithChildren<CriteriaDatesProps>> = ({\n className,\n showPriceLegend,\n labels,\n children,\n title,\n ...datepickerProps\n}) => {\n const hasPriceLegend = showPriceLegend && 'priceLegend' in labels;\n\n const statusLabels = hasPriceLegend\n ? {\n green: labels.bestPrice,\n orange: labels.lastAvailabilities,\n outline: labels.availableSeason,\n }\n : undefined;\n\n const priceLegend = hasPriceLegend && (\n <div\n aria-labelledby=\"price-legend-title\"\n className=\"text-b4 flex flex-wrap items-center justify-center gap-x-20 gap-y-12\"\n role=\"region\"\n >\n <p className=\"w-full text-center font-semibold md:w-auto\" id=\"price-legend-title\">\n {labels.priceLegend}\n </p>\n <div\n aria-label={labels.priceLegend}\n className=\"flex items-center justify-center gap-12\"\n role=\"list\"\n >\n <LegendItem customClass=\"bg-green rounded-pill\" label={labels.bestPrice} />\n <LegendItem customClass=\"bg-orange rounded-8\" label={labels.lastAvailabilities} />\n <LegendItem customClass=\"bg-sand rounded-8 diagonal-line\" label={labels.notAvailable} />\n {labels.availableSeason && (\n <LegendItem customClass=\"rounded-8 border border-black\" label={labels.availableSeason} />\n )}\n </div>\n </div>\n );\n\n return (\n <CriteriaSection className={clsx('!gap-y-12 md:!gap-y-20', className)} title={title}>\n {priceLegend}\n <div className=\"flex flex-col\">\n <Datepicker\n {...datepickerProps}\n labels={{\n seeNextMonth: labels.seeNextMonth,\n seePreviousMonth: labels.seePreviousMonth,\n }}\n statusLabels={statusLabels}\n />\n {children}\n </div>\n </CriteriaSection>\n );\n};\n"],"mappings":";;;;;;;AAaA,IAAa,KAA8E,EACzF,cACA,gBAEK,EAAO,aAGV,kBAAC,KAAD;CACE,WAAW,EACT,iGACA,EACD;WAJH,CAME,kBAAC,GAAD;EAAM,OAAM;EAAS,MAAK;EAAM,MAAK;EAAU,OAAM;EAAU,CAAA,EAC9D,EAAO,WAAA;KAVmB,MAyC3B,KAAyE,EAC7E,gBACA,eAEA,kBAAC,KAAD;CAAG,WAAU;CAA0B,MAAK;WAA5C,CACE,kBAAC,QAAD,EAAM,WAAW,EAAK,WAAW,EAAY,EAAI,CAAA,EAChD,EAAA;IAIQ,KAA2E,EACtF,cACA,oBACA,WACA,aACA,UACA,GAAG,QACC;CACJ,IAAM,IAAiB,KAAmB,iBAAiB,GAErD,IAAe,IACjB;EACE,OAAO,EAAO;EACd,QAAQ,EAAO;EACf,SAAS,EAAO;EACjB,GACD,KAAA,GAEE,IAAc,KAClB,kBAAC,OAAD;EACE,mBAAgB;EAChB,WAAU;EACV,MAAK;YAHP,CAKE,kBAAC,KAAD;GAAG,WAAU;GAA6C,IAAG;aAC1D,EAAO;GACN,CAAA,EACJ,kBAAC,OAAD;GACE,cAAY,EAAO;GACnB,WAAU;GACV,MAAK;aAHP;IAKE,kBAAC,GAAD;KAAY,aAAY;KAAwB,OAAO,EAAO;KAAa,CAAA;IAC3E,kBAAC,GAAD;KAAY,aAAY;KAAsB,OAAO,EAAO;KAAsB,CAAA;IAClF,kBAAC,GAAD;KAAY,aAAY;KAAkC,OAAO,EAAO;KAAgB,CAAA;IACvF,EAAO,mBACN,kBAAC,GAAD;KAAY,aAAY;KAAgC,OAAO,EAAO;KAAmB,CAAA;;;;AAMjG,QACE,kBAAC,GAAD;EAAiB,WAAW,EAAK,0BAA0B,EAAU;EAAS;YAA9E,CACG,GACD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,GAAI;IACJ,QAAQ;KACN,cAAc,EAAO;KACrB,kBAAkB,EAAO;KAC1B;IACa;IACd,CAAA,EACD,EAAA"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { Dispatch, FunctionComponent } from 'react';
|
|
2
|
+
export interface ParticipantsLimitContact {
|
|
3
|
+
description: string | null;
|
|
4
|
+
href: string;
|
|
5
|
+
icon: string;
|
|
6
|
+
target: string;
|
|
7
|
+
title: string;
|
|
8
|
+
}
|
|
9
|
+
export interface ParticipantsLimitLabels {
|
|
10
|
+
expand: string;
|
|
11
|
+
reduce: string;
|
|
12
|
+
}
|
|
13
|
+
export interface ParticipantsLimit {
|
|
14
|
+
title: string;
|
|
15
|
+
description: string;
|
|
16
|
+
contacts: ParticipantsLimitContact[];
|
|
17
|
+
labels: ParticipantsLimitLabels;
|
|
18
|
+
}
|
|
19
|
+
export interface CriteriaParticipantsLabels {
|
|
20
|
+
addAdult: string;
|
|
21
|
+
addChild: string;
|
|
22
|
+
adults: string;
|
|
23
|
+
adultsDescription?: string | null;
|
|
24
|
+
children: string;
|
|
25
|
+
childrenAgeLimit: string;
|
|
26
|
+
childBirthdate: string;
|
|
27
|
+
childBirthdateInvalidDateError: string;
|
|
28
|
+
childBirthdateMaxAgeError: string;
|
|
29
|
+
childBirthdateMinAgeError: string;
|
|
30
|
+
limit?: ParticipantsLimit;
|
|
31
|
+
removeAdult: string;
|
|
32
|
+
removeChild: string;
|
|
33
|
+
/** Label for the "Enter date of birth" toggle. When omitted the age entry section is hidden. */
|
|
34
|
+
enterDateOfBirth?: string;
|
|
35
|
+
/** Question shown above per-child age inputs in year mode */
|
|
36
|
+
ageQuestion?: string;
|
|
37
|
+
/** "Year" tab label in the year/months toggle */
|
|
38
|
+
ageYear?: string;
|
|
39
|
+
/** "Months" tab label in the year/months toggle */
|
|
40
|
+
ageMonths?: string;
|
|
41
|
+
/** "Apply" button label for confirming a child's age */
|
|
42
|
+
ageApply?: string;
|
|
43
|
+
/** "Participant Details" section title. When omitted the summary section is hidden. */
|
|
44
|
+
participantDetails?: string;
|
|
45
|
+
/** Template for adult chip labels – use {n} for 1-based index, e.g. "Adult {n}" */
|
|
46
|
+
adultLabel?: string;
|
|
47
|
+
/** Template for child chip labels – use {n} for 1-based index, e.g. "Child {n}" */
|
|
48
|
+
childLabel?: string;
|
|
49
|
+
/** aria-label for chip remove buttons */
|
|
50
|
+
removeParticipant?: string;
|
|
51
|
+
/** "Reset" link label */
|
|
52
|
+
reset?: string;
|
|
53
|
+
/** "Continue" button label */
|
|
54
|
+
apply?: string;
|
|
55
|
+
}
|
|
56
|
+
export type CriteriaParticipantsAction = {
|
|
57
|
+
type: 'adultsCount';
|
|
58
|
+
payload: number;
|
|
59
|
+
} | {
|
|
60
|
+
type: 'childrenCount';
|
|
61
|
+
payload: number;
|
|
62
|
+
} | {
|
|
63
|
+
type: 'birthdate';
|
|
64
|
+
payload: {
|
|
65
|
+
date: Date | null;
|
|
66
|
+
index: number;
|
|
67
|
+
};
|
|
68
|
+
} | {
|
|
69
|
+
type: 'childAge';
|
|
70
|
+
payload: {
|
|
71
|
+
index: number;
|
|
72
|
+
value: number | null;
|
|
73
|
+
unit: 'year' | 'month';
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
export interface CriteriaParticipantsProps {
|
|
77
|
+
labels: CriteriaParticipantsLabels;
|
|
78
|
+
title?: string;
|
|
79
|
+
/** card (default): white outer card with sand inner. flat: no background, fields rendered directly */
|
|
80
|
+
variant?: 'card' | 'flat';
|
|
81
|
+
adultsCount: number;
|
|
82
|
+
minAdults?: number;
|
|
83
|
+
maxAdults?: number;
|
|
84
|
+
withChildren?: boolean;
|
|
85
|
+
childrenCount: number;
|
|
86
|
+
minChildren?: number;
|
|
87
|
+
maxChildren?: number;
|
|
88
|
+
/** Total adults + children at which the limit banner appears (default 6) */
|
|
89
|
+
maxTotalParticipants?: number;
|
|
90
|
+
minAuthorizedBirthdate?: Date;
|
|
91
|
+
maxAuthorizedBirthdate: Date;
|
|
92
|
+
birthdates: Array<Date | null | undefined>;
|
|
93
|
+
/** Applied child ages for year/month mode. One entry per child. */
|
|
94
|
+
childAges?: Array<{
|
|
95
|
+
value: number;
|
|
96
|
+
unit: 'year' | 'month';
|
|
97
|
+
} | null | undefined>;
|
|
98
|
+
className?: string;
|
|
99
|
+
onChange: Dispatch<CriteriaParticipantsAction>;
|
|
100
|
+
onLimitDisplay?: () => void;
|
|
101
|
+
onReset?: () => void;
|
|
102
|
+
onApply?: () => void;
|
|
103
|
+
/** Controls the children age-entry UX and when onChange fires */
|
|
104
|
+
childrenFlow?: 'birthdate-only' | 'age-or-birthdate' | 'age-or-birthdate-with-apply';
|
|
105
|
+
}
|
|
106
|
+
export declare const CriteriaParticipants: FunctionComponent<CriteriaParticipantsProps>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
export interface CriteriaSectionProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
title?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const CriteriaSection: ({ children, className, title, }: PropsWithChildren<CriteriaSectionProps>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { t as e } from "../../chunks/clsx.js";
|
|
3
|
+
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
4
|
+
//#region lib/ui/criteria/CriteriaSection.tsx
|
|
5
|
+
var r = ({ children: r, className: i, title: a }) => /* @__PURE__ */ n("div", {
|
|
6
|
+
className: e("rounded-16 bg-lightSand space-y-20 p-20", i),
|
|
7
|
+
children: [a && /* @__PURE__ */ t("p", {
|
|
8
|
+
className: "text-b2 font-semibold",
|
|
9
|
+
children: a
|
|
10
|
+
}), r]
|
|
11
|
+
});
|
|
12
|
+
//#endregion
|
|
13
|
+
export { r as CriteriaSection };
|
|
14
|
+
|
|
15
|
+
//# sourceMappingURL=CriteriaSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CriteriaSection.js","names":[],"sources":["../../../lib/ui/criteria/CriteriaSection.tsx"],"sourcesContent":["'use client';\nimport clsx from 'clsx';\nimport type { PropsWithChildren } from 'react';\n\nexport interface CriteriaSectionProps {\n className?: string;\n title?: string;\n}\n\nexport const CriteriaSection = ({\n children,\n className,\n title,\n}: PropsWithChildren<CriteriaSectionProps>) => (\n <div className={clsx('rounded-16 bg-lightSand space-y-20 p-20', className)}>\n {title && <p className=\"text-b2 font-semibold\">{title}</p>}\n {children}\n </div>\n);\n"],"mappings":";;;;AASA,IAAa,KAAmB,EAC9B,aACA,cACA,eAEA,kBAAC,OAAD;CAAK,WAAW,EAAK,2CAA2C,EAAU;WAA1E,CACG,KAAS,kBAAC,KAAD;EAAG,WAAU;YAAyB;EAAU,CAAA,EACzD,EAAA"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { Dispatch, FunctionComponent } from 'react';
|
|
2
|
+
export interface TransportOption {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
6
|
+
export interface TransportSection {
|
|
7
|
+
title: string;
|
|
8
|
+
options: TransportOption[];
|
|
9
|
+
}
|
|
10
|
+
export interface TransportPromotionalCard {
|
|
11
|
+
icon?: string;
|
|
12
|
+
title: string;
|
|
13
|
+
description: string;
|
|
14
|
+
}
|
|
15
|
+
export interface CriteriaTransportsLabels {
|
|
16
|
+
addTransportationFrom: string;
|
|
17
|
+
reset?: string;
|
|
18
|
+
apply?: string;
|
|
19
|
+
}
|
|
20
|
+
export type CriteriaTransportsAction = {
|
|
21
|
+
type: 'enabled';
|
|
22
|
+
payload: boolean;
|
|
23
|
+
} | {
|
|
24
|
+
type: 'select';
|
|
25
|
+
payload: string | null;
|
|
26
|
+
} | {
|
|
27
|
+
type: 'flightType';
|
|
28
|
+
payload: 'round-trip' | 'one-way';
|
|
29
|
+
} | {
|
|
30
|
+
type: 'flightClass';
|
|
31
|
+
payload: string;
|
|
32
|
+
} | {
|
|
33
|
+
type: 'fromQuery';
|
|
34
|
+
payload: string;
|
|
35
|
+
};
|
|
36
|
+
export interface CriteriaTransportsProps {
|
|
37
|
+
labels: CriteriaTransportsLabels;
|
|
38
|
+
title?: string;
|
|
39
|
+
/** card (default): white outer card with sand inner. flat: no background, content rendered directly */
|
|
40
|
+
variant?: 'card' | 'flat';
|
|
41
|
+
/** b2c (default): large items + promotional card. b2b: compact items + flight controls */
|
|
42
|
+
mode?: 'b2c' | 'b2b';
|
|
43
|
+
enabled: boolean;
|
|
44
|
+
sections: TransportSection[];
|
|
45
|
+
selectedId: string | null;
|
|
46
|
+
className?: string;
|
|
47
|
+
onChange: Dispatch<CriteriaTransportsAction>;
|
|
48
|
+
onReset?: () => void;
|
|
49
|
+
onApply?: () => void;
|
|
50
|
+
/** B2C: promotional card shown in the sand area when enabled=false */
|
|
51
|
+
promotionalCard?: TransportPromotionalCard;
|
|
52
|
+
/** Error message — shown instead of sections when enabled=true */
|
|
53
|
+
error?: string;
|
|
54
|
+
/** B2B: controlled flight type */
|
|
55
|
+
flightType?: 'round-trip' | 'one-way';
|
|
56
|
+
/** B2B: labels for the round-trip/one-way radio row */
|
|
57
|
+
flightTypeLabels?: {
|
|
58
|
+
roundTrip: string;
|
|
59
|
+
oneWay: string;
|
|
60
|
+
};
|
|
61
|
+
/** B2B: controlled selected class label */
|
|
62
|
+
flightClass?: string;
|
|
63
|
+
/** B2B: label for the class selector field */
|
|
64
|
+
flightClassLabel?: string;
|
|
65
|
+
/** B2B: available class options */
|
|
66
|
+
flightClasses?: string[];
|
|
67
|
+
/** B2B: controlled from/search query */
|
|
68
|
+
fromQuery?: string;
|
|
69
|
+
/** B2B: label for the from search field */
|
|
70
|
+
fromQueryLabel?: string;
|
|
71
|
+
}
|
|
72
|
+
export declare const CriteriaTransports: FunctionComponent<CriteriaTransportsProps>;
|