@odx/websites-react 1.0.7 → 1.0.9
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 +1 -0
- package/dist/components/actions/autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/components/actions/autocomplete/Autocomplete.js +4 -5
- package/dist/components/actions/autocomplete/Autocomplete.js.map +1 -1
- package/dist/components/actions/button/Button.d.ts +1 -3
- package/dist/components/actions/button/Button.d.ts.map +1 -1
- package/dist/components/actions/button/Button.js +8 -9
- package/dist/components/actions/button/Button.js.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.js +2 -3
- package/dist/components/actions/checkbox/Checkbox.js.map +1 -1
- package/dist/components/actions/checkboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/components/actions/checkboxGroup/CheckboxGroup.js +1 -2
- package/dist/components/actions/checkboxGroup/CheckboxGroup.js.map +1 -1
- package/dist/components/actions/dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/actions/dropdown/Dropdown.js +3 -4
- package/dist/components/actions/dropdown/Dropdown.js.map +1 -1
- package/dist/components/actions/floatingButton/FloatingButton.d.ts +2 -2
- package/dist/components/actions/floatingButton/FloatingButton.d.ts.map +1 -1
- package/dist/components/actions/floatingButton/FloatingButton.js +2 -2
- package/dist/components/actions/floatingButton/FloatingButton.js.map +1 -1
- package/dist/components/actions/formField/FormField.d.ts +2 -2
- package/dist/components/actions/formField/FormField.d.ts.map +1 -1
- package/dist/components/actions/formField/FormField.js +2 -2
- package/dist/components/actions/formField/FormField.js.map +1 -1
- package/dist/components/actions/link/Link.d.ts +2 -3
- package/dist/components/actions/link/Link.d.ts.map +1 -1
- package/dist/components/actions/link/Link.js +3 -3
- package/dist/components/actions/link/Link.js.map +1 -1
- package/dist/components/actions/multiselect/Multiselect.d.ts.map +1 -1
- package/dist/components/actions/multiselect/Multiselect.js +2 -3
- package/dist/components/actions/multiselect/Multiselect.js.map +1 -1
- package/dist/components/actions/phoneInput/PhoneInput.d.ts.map +1 -1
- package/dist/components/actions/phoneInput/PhoneInput.js +1 -2
- package/dist/components/actions/phoneInput/PhoneInput.js.map +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.js +1 -2
- package/dist/components/actions/radioGroup/RadioGroup.js.map +1 -1
- package/dist/components/actions/search/Search.d.ts.map +1 -1
- package/dist/components/actions/search/Search.js +2 -3
- package/dist/components/actions/search/Search.js.map +1 -1
- package/dist/components/actions/select/Select.d.ts.map +1 -1
- package/dist/components/actions/select/Select.js +2 -3
- package/dist/components/actions/select/Select.js.map +1 -1
- package/dist/components/actions/tag/Tag.d.ts.map +1 -1
- package/dist/components/actions/tag/Tag.js +2 -3
- package/dist/components/actions/tag/Tag.js.map +1 -1
- package/dist/components/actions/text-input/TextInput.d.ts.map +1 -1
- package/dist/components/actions/text-input/TextInput.js +1 -2
- package/dist/components/actions/text-input/TextInput.js.map +1 -1
- package/dist/components/actions/textarea/Textarea.d.ts.map +1 -1
- package/dist/components/actions/textarea/Textarea.js +1 -2
- package/dist/components/actions/textarea/Textarea.js.map +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.d.ts +4 -4
- package/dist/components/actions/toggle-button/ToggleButton.d.ts.map +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.js +4 -4
- package/dist/components/actions/toggle-button/ToggleButton.js.map +1 -1
- package/dist/components/actions/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/actions/tooltip/Tooltip.js +2 -3
- package/dist/components/actions/tooltip/Tooltip.js.map +1 -1
- package/dist/components/images-icons/icon/Icon.d.ts +31 -0
- package/dist/components/images-icons/icon/Icon.d.ts.map +1 -0
- package/dist/components/images-icons/icon/Icon.js +43 -0
- package/dist/components/images-icons/icon/Icon.js.map +1 -0
- package/dist/components/images-icons/icon/index.d.ts +2 -0
- package/dist/components/images-icons/icon/index.d.ts.map +1 -0
- package/dist/components/images-icons/icon/index.js +2 -0
- package/dist/components/images-icons/icon/index.js.map +1 -0
- package/dist/components/images-icons/logo/Logo.d.ts +2 -2
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/layout/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/layout/accordion/Accordion.js +2 -3
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/components/layout/calloutMedia/CalloutMedia.d.ts.map +1 -1
- package/dist/components/layout/calloutMedia/CalloutMedia.js +2 -3
- package/dist/components/layout/calloutMedia/CalloutMedia.js.map +1 -1
- package/dist/components/layout/carousel/Carousel.d.ts.map +1 -1
- package/dist/components/layout/carousel/Carousel.js +3 -3
- package/dist/components/layout/carousel/Carousel.js.map +1 -1
- package/dist/components/layout/contentSlider/ContentSlider.d.ts.map +1 -1
- package/dist/components/layout/contentSlider/ContentSlider.js +2 -3
- package/dist/components/layout/contentSlider/ContentSlider.js.map +1 -1
- package/dist/components/layout/mediaGallery/MediaGallery.js +2 -2
- package/dist/components/layout/mediaGallery/MediaGallery.js.map +1 -1
- package/dist/components/layout/modal/Modal.d.ts.map +1 -1
- package/dist/components/layout/modal/Modal.js +2 -3
- package/dist/components/layout/modal/Modal.js.map +1 -1
- package/dist/components/layout/pagination/Pagination.d.ts.map +1 -1
- package/dist/components/layout/pagination/Pagination.js +4 -6
- package/dist/components/layout/pagination/Pagination.js.map +1 -1
- package/dist/components/layout/tabBar/TabBar.d.ts +2 -2
- package/dist/components/layout/tabBar/TabBar.d.ts.map +1 -1
- package/dist/components/layout/tabBar/TabBar.js +3 -4
- package/dist/components/layout/tabBar/TabBar.js.map +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.d.ts.map +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.js +3 -4
- package/dist/components/navigation/anchorNav/AnchorNav.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.js +2 -3
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/navigation/controls/Controls.d.ts.map +1 -1
- package/dist/components/navigation/controls/Controls.js +2 -3
- package/dist/components/navigation/controls/Controls.js.map +1 -1
- package/dist/components/navigation/flyout/Flyout.d.ts.map +1 -1
- package/dist/components/navigation/flyout/Flyout.js +7 -8
- package/dist/components/navigation/flyout/Flyout.js.map +1 -1
- package/dist/components/navigation/footer/Footer.d.ts +5 -8
- package/dist/components/navigation/footer/Footer.d.ts.map +1 -1
- package/dist/components/navigation/footer/Footer.js +12 -9
- package/dist/components/navigation/footer/Footer.js.map +1 -1
- package/dist/components/navigation/footer/FooterNavigationUpButton.d.ts.map +1 -1
- package/dist/components/navigation/footer/FooterNavigationUpButton.js +2 -3
- package/dist/components/navigation/footer/FooterNavigationUpButton.js.map +1 -1
- package/dist/components/navigation/header/AnimatedHeader.d.ts +1 -2
- package/dist/components/navigation/header/AnimatedHeader.d.ts.map +1 -1
- package/dist/components/navigation/header/AnimatedHeader.js +5 -7
- package/dist/components/navigation/header/AnimatedHeader.js.map +1 -1
- package/dist/components/navigation/header/Header.d.ts.map +1 -1
- package/dist/components/navigation/header/Header.js +2 -3
- package/dist/components/navigation/header/Header.js.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.d.ts.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js +2 -3
- package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
- package/dist/components/typography/bodyText/BodyText.d.ts +1 -1
- package/dist/icons/colored/DraegerIconSetColored.d.ts.map +1 -1
- package/dist/icons/colored/DraegerIconSetColored.js +0 -2
- package/dist/icons/colored/DraegerIconSetColored.js.map +1 -1
- package/dist/icons/colored/IconFlagAr.js +1 -1
- package/dist/icons/colored/IconFlagAr.js.map +1 -1
- package/dist/icons/colored/IconFlagAt.js +1 -1
- package/dist/icons/colored/IconFlagAt.js.map +1 -1
- package/dist/icons/colored/IconFlagBe.js +1 -1
- package/dist/icons/colored/IconFlagBe.js.map +1 -1
- package/dist/icons/colored/IconFlagBg.js +1 -1
- package/dist/icons/colored/IconFlagBg.js.map +1 -1
- package/dist/icons/colored/IconFlagBr.js +3 -3
- package/dist/icons/colored/IconFlagBr.js.map +1 -1
- package/dist/icons/colored/IconFlagCa.js +1 -1
- package/dist/icons/colored/IconFlagCa.js.map +1 -1
- package/dist/icons/colored/IconFlagCh.js +1 -1
- package/dist/icons/colored/IconFlagCh.js.map +1 -1
- package/dist/icons/colored/IconFlagCl.js +1 -1
- package/dist/icons/colored/IconFlagCl.js.map +1 -1
- package/dist/icons/colored/IconFlagCn.js +1 -1
- package/dist/icons/colored/IconFlagCn.js.map +1 -1
- package/dist/icons/colored/IconFlagCo.js +1 -1
- package/dist/icons/colored/IconFlagCo.js.map +1 -1
- package/dist/icons/colored/IconFlagCz.js +1 -1
- package/dist/icons/colored/IconFlagCz.js.map +1 -1
- package/dist/icons/colored/IconFlagDe.js +1 -1
- package/dist/icons/colored/IconFlagDe.js.map +1 -1
- package/dist/icons/colored/IconFlagDk.js +1 -1
- package/dist/icons/colored/IconFlagDk.js.map +1 -1
- package/dist/icons/colored/IconFlagEs.js +1 -1
- package/dist/icons/colored/IconFlagEs.js.map +1 -1
- package/dist/icons/colored/IconFlagFi.js +1 -1
- package/dist/icons/colored/IconFlagFi.js.map +1 -1
- package/dist/icons/colored/IconFlagFr.js +1 -1
- package/dist/icons/colored/IconFlagFr.js.map +1 -1
- package/dist/icons/colored/IconFlagGr.js +1 -1
- package/dist/icons/colored/IconFlagGr.js.map +1 -1
- package/dist/icons/colored/IconFlagHk.js +1 -1
- package/dist/icons/colored/IconFlagHk.js.map +1 -1
- package/dist/icons/colored/IconFlagHr.js +1 -1
- package/dist/icons/colored/IconFlagHr.js.map +1 -1
- package/dist/icons/colored/IconFlagHu.js +1 -1
- package/dist/icons/colored/IconFlagHu.js.map +1 -1
- package/dist/icons/colored/IconFlagId.js +1 -1
- package/dist/icons/colored/IconFlagId.js.map +1 -1
- package/dist/icons/colored/IconFlagIn.js +1 -1
- package/dist/icons/colored/IconFlagIn.js.map +1 -1
- package/dist/icons/colored/IconFlagIt.js +1 -1
- package/dist/icons/colored/IconFlagIt.js.map +1 -1
- package/dist/icons/colored/IconFlagJp.js +1 -1
- package/dist/icons/colored/IconFlagJp.js.map +1 -1
- package/dist/icons/colored/IconFlagKr.js +1 -1
- package/dist/icons/colored/IconFlagKr.js.map +1 -1
- package/dist/icons/colored/IconFlagMa.js +1 -1
- package/dist/icons/colored/IconFlagMa.js.map +1 -1
- package/dist/icons/colored/IconFlagMm.js +1 -1
- package/dist/icons/colored/IconFlagMm.js.map +1 -1
- package/dist/icons/colored/IconFlagMx.js +1 -1
- package/dist/icons/colored/IconFlagMx.js.map +1 -1
- package/dist/icons/colored/IconFlagMy.js +1 -1
- package/dist/icons/colored/IconFlagMy.js.map +1 -1
- package/dist/icons/colored/IconFlagNl.js +1 -1
- package/dist/icons/colored/IconFlagNl.js.map +1 -1
- package/dist/icons/colored/IconFlagNo.js +1 -1
- package/dist/icons/colored/IconFlagNo.js.map +1 -1
- package/dist/icons/colored/IconFlagPa.js +1 -1
- package/dist/icons/colored/IconFlagPa.js.map +1 -1
- package/dist/icons/colored/IconFlagPe.js +1 -1
- package/dist/icons/colored/IconFlagPe.js.map +1 -1
- package/dist/icons/colored/IconFlagPh.js +1 -1
- package/dist/icons/colored/IconFlagPh.js.map +1 -1
- package/dist/icons/colored/IconFlagPl.js +1 -1
- package/dist/icons/colored/IconFlagPl.js.map +1 -1
- package/dist/icons/colored/IconFlagPt.js +1 -1
- package/dist/icons/colored/IconFlagPt.js.map +1 -1
- package/dist/icons/colored/IconFlagRo.js +1 -1
- package/dist/icons/colored/IconFlagRo.js.map +1 -1
- package/dist/icons/colored/IconFlagRs.js +1 -1
- package/dist/icons/colored/IconFlagRs.js.map +1 -1
- package/dist/icons/colored/IconFlagRu.js +1 -1
- package/dist/icons/colored/IconFlagRu.js.map +1 -1
- package/dist/icons/colored/IconFlagSa.js +1 -1
- package/dist/icons/colored/IconFlagSa.js.map +1 -1
- package/dist/icons/colored/IconFlagSe.js +1 -1
- package/dist/icons/colored/IconFlagSe.js.map +1 -1
- package/dist/icons/colored/IconFlagSg.js +1 -1
- package/dist/icons/colored/IconFlagSg.js.map +1 -1
- package/dist/icons/colored/IconFlagSk.js +2 -2
- package/dist/icons/colored/IconFlagSk.js.map +1 -1
- package/dist/icons/colored/IconFlagSl.js +1 -1
- package/dist/icons/colored/IconFlagSl.js.map +1 -1
- package/dist/icons/colored/IconFlagTh.js +1 -1
- package/dist/icons/colored/IconFlagTh.js.map +1 -1
- package/dist/icons/colored/IconFlagTr.js +1 -1
- package/dist/icons/colored/IconFlagTr.js.map +1 -1
- package/dist/icons/colored/IconFlagTw.js +1 -1
- package/dist/icons/colored/IconFlagTw.js.map +1 -1
- package/dist/icons/colored/IconFlagUk.js +2 -2
- package/dist/icons/colored/IconFlagUk.js.map +1 -1
- package/dist/icons/colored/IconFlagUs.js +1 -1
- package/dist/icons/colored/IconFlagUs.js.map +1 -1
- package/dist/icons/colored/IconFlagVn.js +1 -1
- package/dist/icons/colored/IconFlagVn.js.map +1 -1
- package/dist/icons/colored/IconFlagZa.js +3 -3
- package/dist/icons/colored/IconFlagZa.js.map +1 -1
- package/dist/icons/colored/index.d.ts +0 -1
- package/dist/icons/colored/index.d.ts.map +1 -1
- package/dist/icons/colored/index.js +0 -1
- package/dist/icons/colored/index.js.map +1 -1
- package/dist/icons/index.d.ts +0 -2
- package/dist/icons/index.d.ts.map +1 -1
- package/dist/icons/index.js +0 -2
- package/dist/icons/index.js.map +1 -1
- package/dist/utils/iconNamesTypes.d.ts +5 -0
- package/dist/utils/iconNamesTypes.d.ts.map +1 -0
- package/dist/utils/iconNamesTypes.js +3 -0
- package/dist/utils/iconNamesTypes.js.map +1 -0
- package/dist/web/sections/calloutContact/CalloutContact.d.ts.map +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.js +2 -4
- package/dist/web/sections/calloutContact/CalloutContact.js.map +1 -1
- package/package.json +3 -2
- package/dist/icons/IconChevronLeft.d.ts +0 -4
- package/dist/icons/IconChevronLeft.d.ts.map +0 -1
- package/dist/icons/IconChevronLeft.js +0 -4
- package/dist/icons/IconChevronLeft.js.map +0 -1
- package/dist/icons/colored/IconFeedbackWarning.d.ts +0 -4
- package/dist/icons/colored/IconFeedbackWarning.d.ts.map +0 -1
- package/dist/icons/colored/IconFeedbackWarning.js +0 -4
- package/dist/icons/colored/IconFeedbackWarning.js.map +0 -1
- package/dist/icons/uncolored/DraegerIconSetUncolored.d.ts +0 -6
- package/dist/icons/uncolored/DraegerIconSetUncolored.d.ts.map +0 -1
- package/dist/icons/uncolored/DraegerIconSetUncolored.js +0 -67
- package/dist/icons/uncolored/DraegerIconSetUncolored.js.map +0 -1
- package/dist/icons/uncolored/IconAdd.d.ts +0 -4
- package/dist/icons/uncolored/IconAdd.d.ts.map +0 -1
- package/dist/icons/uncolored/IconAdd.js +0 -4
- package/dist/icons/uncolored/IconAdd.js.map +0 -1
- package/dist/icons/uncolored/IconArrowLeft.d.ts +0 -4
- package/dist/icons/uncolored/IconArrowLeft.d.ts.map +0 -1
- package/dist/icons/uncolored/IconArrowLeft.js +0 -4
- package/dist/icons/uncolored/IconArrowLeft.js.map +0 -1
- package/dist/icons/uncolored/IconArrowRight.d.ts +0 -4
- package/dist/icons/uncolored/IconArrowRight.d.ts.map +0 -1
- package/dist/icons/uncolored/IconArrowRight.js +0 -4
- package/dist/icons/uncolored/IconArrowRight.js.map +0 -1
- package/dist/icons/uncolored/IconCheck.d.ts +0 -4
- package/dist/icons/uncolored/IconCheck.d.ts.map +0 -1
- package/dist/icons/uncolored/IconCheck.js +0 -4
- package/dist/icons/uncolored/IconCheck.js.map +0 -1
- package/dist/icons/uncolored/IconChevronDown.d.ts +0 -4
- package/dist/icons/uncolored/IconChevronDown.d.ts.map +0 -1
- package/dist/icons/uncolored/IconChevronDown.js +0 -4
- package/dist/icons/uncolored/IconChevronDown.js.map +0 -1
- package/dist/icons/uncolored/IconChevronLeft.d.ts +0 -4
- package/dist/icons/uncolored/IconChevronLeft.d.ts.map +0 -1
- package/dist/icons/uncolored/IconChevronLeft.js +0 -4
- package/dist/icons/uncolored/IconChevronLeft.js.map +0 -1
- package/dist/icons/uncolored/IconChevronRight.d.ts +0 -4
- package/dist/icons/uncolored/IconChevronRight.d.ts.map +0 -1
- package/dist/icons/uncolored/IconChevronRight.js +0 -4
- package/dist/icons/uncolored/IconChevronRight.js.map +0 -1
- package/dist/icons/uncolored/IconChevronUp.d.ts +0 -4
- package/dist/icons/uncolored/IconChevronUp.d.ts.map +0 -1
- package/dist/icons/uncolored/IconChevronUp.js +0 -4
- package/dist/icons/uncolored/IconChevronUp.js.map +0 -1
- package/dist/icons/uncolored/IconClose.d.ts +0 -4
- package/dist/icons/uncolored/IconClose.d.ts.map +0 -1
- package/dist/icons/uncolored/IconClose.js +0 -4
- package/dist/icons/uncolored/IconClose.js.map +0 -1
- package/dist/icons/uncolored/IconCompare.d.ts +0 -4
- package/dist/icons/uncolored/IconCompare.d.ts.map +0 -1
- package/dist/icons/uncolored/IconCompare.js +0 -4
- package/dist/icons/uncolored/IconCompare.js.map +0 -1
- package/dist/icons/uncolored/IconDot.d.ts +0 -4
- package/dist/icons/uncolored/IconDot.d.ts.map +0 -1
- package/dist/icons/uncolored/IconDot.js +0 -4
- package/dist/icons/uncolored/IconDot.js.map +0 -1
- package/dist/icons/uncolored/IconDownload.d.ts +0 -4
- package/dist/icons/uncolored/IconDownload.d.ts.map +0 -1
- package/dist/icons/uncolored/IconDownload.js +0 -4
- package/dist/icons/uncolored/IconDownload.js.map +0 -1
- package/dist/icons/uncolored/IconFacebook.d.ts +0 -4
- package/dist/icons/uncolored/IconFacebook.d.ts.map +0 -1
- package/dist/icons/uncolored/IconFacebook.js +0 -4
- package/dist/icons/uncolored/IconFacebook.js.map +0 -1
- package/dist/icons/uncolored/IconGlobe.d.ts +0 -4
- package/dist/icons/uncolored/IconGlobe.d.ts.map +0 -1
- package/dist/icons/uncolored/IconGlobe.js +0 -4
- package/dist/icons/uncolored/IconGlobe.js.map +0 -1
- package/dist/icons/uncolored/IconInfo.d.ts +0 -4
- package/dist/icons/uncolored/IconInfo.d.ts.map +0 -1
- package/dist/icons/uncolored/IconInfo.js +0 -4
- package/dist/icons/uncolored/IconInfo.js.map +0 -1
- package/dist/icons/uncolored/IconInstagram.d.ts +0 -4
- package/dist/icons/uncolored/IconInstagram.d.ts.map +0 -1
- package/dist/icons/uncolored/IconInstagram.js +0 -4
- package/dist/icons/uncolored/IconInstagram.js.map +0 -1
- package/dist/icons/uncolored/IconLanguage.d.ts +0 -4
- package/dist/icons/uncolored/IconLanguage.d.ts.map +0 -1
- package/dist/icons/uncolored/IconLanguage.js +0 -4
- package/dist/icons/uncolored/IconLanguage.js.map +0 -1
- package/dist/icons/uncolored/IconLinkedin.d.ts +0 -4
- package/dist/icons/uncolored/IconLinkedin.d.ts.map +0 -1
- package/dist/icons/uncolored/IconLinkedin.js +0 -4
- package/dist/icons/uncolored/IconLinkedin.js.map +0 -1
- package/dist/icons/uncolored/IconLock.d.ts +0 -4
- package/dist/icons/uncolored/IconLock.d.ts.map +0 -1
- package/dist/icons/uncolored/IconLock.js +0 -4
- package/dist/icons/uncolored/IconLock.js.map +0 -1
- package/dist/icons/uncolored/IconMail.d.ts +0 -4
- package/dist/icons/uncolored/IconMail.d.ts.map +0 -1
- package/dist/icons/uncolored/IconMail.js +0 -4
- package/dist/icons/uncolored/IconMail.js.map +0 -1
- package/dist/icons/uncolored/IconMenu.d.ts +0 -4
- package/dist/icons/uncolored/IconMenu.d.ts.map +0 -1
- package/dist/icons/uncolored/IconMenu.js +0 -4
- package/dist/icons/uncolored/IconMenu.js.map +0 -1
- package/dist/icons/uncolored/IconPhone.d.ts +0 -4
- package/dist/icons/uncolored/IconPhone.d.ts.map +0 -1
- package/dist/icons/uncolored/IconPhone.js +0 -4
- package/dist/icons/uncolored/IconPhone.js.map +0 -1
- package/dist/icons/uncolored/IconPlaceholder.d.ts +0 -4
- package/dist/icons/uncolored/IconPlaceholder.d.ts.map +0 -1
- package/dist/icons/uncolored/IconPlaceholder.js +0 -4
- package/dist/icons/uncolored/IconPlaceholder.js.map +0 -1
- package/dist/icons/uncolored/IconProductSearch.d.ts +0 -4
- package/dist/icons/uncolored/IconProductSearch.d.ts.map +0 -1
- package/dist/icons/uncolored/IconProductSearch.js +0 -4
- package/dist/icons/uncolored/IconProductSearch.js.map +0 -1
- package/dist/icons/uncolored/IconReload.d.ts +0 -4
- package/dist/icons/uncolored/IconReload.d.ts.map +0 -1
- package/dist/icons/uncolored/IconReload.js +0 -4
- package/dist/icons/uncolored/IconReload.js.map +0 -1
- package/dist/icons/uncolored/IconSearch.d.ts +0 -4
- package/dist/icons/uncolored/IconSearch.d.ts.map +0 -1
- package/dist/icons/uncolored/IconSearch.js +0 -4
- package/dist/icons/uncolored/IconSearch.js.map +0 -1
- package/dist/icons/uncolored/IconStairs.d.ts +0 -4
- package/dist/icons/uncolored/IconStairs.d.ts.map +0 -1
- package/dist/icons/uncolored/IconStairs.js +0 -4
- package/dist/icons/uncolored/IconStairs.js.map +0 -1
- package/dist/icons/uncolored/IconTwitter.d.ts +0 -4
- package/dist/icons/uncolored/IconTwitter.d.ts.map +0 -1
- package/dist/icons/uncolored/IconTwitter.js +0 -4
- package/dist/icons/uncolored/IconTwitter.js.map +0 -1
- package/dist/icons/uncolored/IconUnlock.d.ts +0 -4
- package/dist/icons/uncolored/IconUnlock.d.ts.map +0 -1
- package/dist/icons/uncolored/IconUnlock.js +0 -4
- package/dist/icons/uncolored/IconUnlock.js.map +0 -1
- package/dist/icons/uncolored/IconUserTrainer.d.ts +0 -4
- package/dist/icons/uncolored/IconUserTrainer.d.ts.map +0 -1
- package/dist/icons/uncolored/IconUserTrainer.js +0 -4
- package/dist/icons/uncolored/IconUserTrainer.js.map +0 -1
- package/dist/icons/uncolored/IconXing.d.ts +0 -4
- package/dist/icons/uncolored/IconXing.d.ts.map +0 -1
- package/dist/icons/uncolored/IconXing.js +0 -4
- package/dist/icons/uncolored/IconXing.js.map +0 -1
- package/dist/icons/uncolored/IconYoutube.d.ts +0 -4
- package/dist/icons/uncolored/IconYoutube.d.ts.map +0 -1
- package/dist/icons/uncolored/IconYoutube.js +0 -4
- package/dist/icons/uncolored/IconYoutube.js.map +0 -1
- package/dist/icons/uncolored/index.d.ts +0 -33
- package/dist/icons/uncolored/index.d.ts.map +0 -1
- package/dist/icons/uncolored/index.js +0 -33
- package/dist/icons/uncolored/index.js.map +0 -1
package/README.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AACtB,OAAO,EAIL,cAAc,EAGf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB,EAAE,SAAS;IAC5E,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAiDD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyK7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -2,14 +2,13 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { Combobox as ComboboxPrimitive, ComboboxInput as ComboboxPrimitiveInput, ComboboxOption as ComboboxPrimitiveOption, ComboboxOptions as ComboboxPrimitiveOptions, ComboboxButton as ComboboxPrimitiveButton, Transition, } from '@headlessui/react';
|
|
5
|
-
import { IconCheck, IconChevronDown, IconClose, IconFeedbackWarning, IconSearch, } from '../../../icons';
|
|
6
5
|
import { FormFieldHelperText, FormFieldIcon, FormFieldIconsContainer, FormFieldLabel, formFieldWrapperVariants, } from '../formField';
|
|
7
|
-
import {
|
|
6
|
+
import { Icon, BodyText, optionVariants, optionsVariants, } from '../..';
|
|
8
7
|
import { useFieldId } from '../../../hooks';
|
|
9
8
|
import { cn } from '../../../utils';
|
|
10
9
|
const ComboboxOption = ({ option, size, children, ...props }) => {
|
|
11
10
|
const { label, disabled } = option;
|
|
12
|
-
return (_jsx(ComboboxPrimitiveOption, { disabled: disabled, value: option, ...props, children: ({ selected, focus, disabled }) => (_jsxs("div", { title: label, className: cn(optionVariants({ size, hover: focus, selected, disabled }), 'justify-between'), children: [_jsx(BodyText, { textColor: 'inherit', variant: 'small', className: "truncate", children: children }), selected && (_jsx(
|
|
11
|
+
return (_jsx(ComboboxPrimitiveOption, { disabled: disabled, value: option, ...props, children: ({ selected, focus, disabled }) => (_jsxs("div", { title: label, className: cn(optionVariants({ size, hover: focus, selected, disabled }), 'justify-between'), children: [_jsx(BodyText, { textColor: 'inherit', variant: 'small', className: "truncate", children: children }), selected && (_jsx(Icon, { className: "shrink-0", iconName: "check", iconSet: "core", size: "md", center: "vertical" }))] })) }));
|
|
13
12
|
};
|
|
14
13
|
const Autocomplete = ({ options, selected, onChange, disabled, label, helperText, invalidText, invalid = false, placeholder, size, wrapperClassName, freeTextSearchLabel, freeTextSearchAllowed = false, required, query, setQuery, }) => {
|
|
15
14
|
const [focused, setFocused] = React.useState(false);
|
|
@@ -36,10 +35,10 @@ const Autocomplete = ({ options, selected, onChange, disabled, label, helperText
|
|
|
36
35
|
return (_jsx("div", { className: cn('font-text relative', wrapperClassName), children: _jsxs(ComboboxPrimitive, { as: "div", className: 'group', value: selected, onChange: value => {
|
|
37
36
|
onChange(value);
|
|
38
37
|
setQuery(value?.label ?? '');
|
|
39
|
-
}, disabled: disabled, immediate: true, children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsxs("div", { className: "relative inline-block w-full", children: [_jsx(ComboboxPrimitiveInput, { id: id, autoComplete: "off", ref: inputRef, displayValue: option => option?.label, onBlur: () => setFocused(false), onFocus: () => setFocused(true), onChange: event => setQuery(event.target.value), onKeyDown: e => e.key === 'Enter' && setQuery(''), placeholder: placeholder, required: required, "data-invalid": invalid, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(formFieldWrapperVariants({ size }), 'pl-16 pr-14', (hasQuery || invalid) && 'pr-24', hasQuery && invalid && 'pr-32') }), _jsx(FormFieldIconsContainer, { align: 'left', children: _jsx(FormFieldIcon, { className: cn('pointer-events-auto', disabled && 'text-draeger-cool-gray-250'),
|
|
38
|
+
}, disabled: disabled, immediate: true, children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsxs("div", { className: "relative inline-block w-full", children: [_jsx(ComboboxPrimitiveInput, { id: id, autoComplete: "off", ref: inputRef, displayValue: option => option?.label, onBlur: () => setFocused(false), onFocus: () => setFocused(true), onChange: event => setQuery(event.target.value), onKeyDown: e => e.key === 'Enter' && setQuery(''), placeholder: placeholder, required: required, "data-invalid": invalid, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(formFieldWrapperVariants({ size }), 'pl-16 pr-14', (hasQuery || invalid) && 'pr-24', hasQuery && invalid && 'pr-32') }), _jsx(FormFieldIconsContainer, { align: 'left', children: _jsx(FormFieldIcon, { className: cn('pointer-events-auto', disabled && 'text-draeger-cool-gray-250'), iconSet: "core", iconName: "search" }) }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "pointer-events-auto text-draeger-warning", iconName: "feedback-warning", iconSet: "core" })), focused && (hasQuery || selected?.value) && (_jsxs(_Fragment, { children: [_jsx(FormFieldIcon, { className: "w-5 cursor-pointer pointer-events-auto text-draeger-cool-gray-750", onMouseDown: e => {
|
|
40
39
|
clearIconEnabled.current = true;
|
|
41
40
|
e.preventDefault();
|
|
42
|
-
},
|
|
41
|
+
}, iconName: "close", iconSet: "core", onMouseUp: handleIconClearMouseUp }), _jsx("div", { className: "w-px h-full bg-draeger-cool-gray-150 mx-0.5" })] })), _jsx(ComboboxPrimitiveButton, { "aria-label": "Expand", children: _jsx(FormFieldIcon, { className: cn('cursor-pointer pointer-events-auto text-draeger-cool-gray-750 group-data-[headlessui-state=open]:rotate-180 transition-all duration-100', disabled && 'cursor-not-allowed text-draeger-cool-gray-250 '), iconName: "chevron-down", iconSet: "core" }) })] })] }), _jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsxs(ComboboxPrimitiveOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--input-width)] origin-top transition'), children: [query && freeTextSearchAllowed && (_jsxs(ComboboxOption, { option: { value: query, label: query }, size: size, children: [freeTextSearchLabel, query] })), options.map(option => (_jsx(ComboboxOption, { option: option, size: size, children: option.label }, option.label)))] }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }) }));
|
|
43
42
|
};
|
|
44
43
|
export { Autocomplete };
|
|
45
44
|
//# sourceMappingURL=Autocomplete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,QAAQ,IAAI,iBAAiB,EAC7B,aAAa,IAAI,sBAAsB,EACvC,cAAc,IAAI,uBAAuB,EACzC,eAAe,IAAI,wBAAwB,EAC3C,cAAc,IAAI,uBAAuB,EACzC,UAAU,GAEX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,QAAQ,IAAI,iBAAiB,EAC7B,aAAa,IAAI,sBAAsB,EACvC,cAAc,IAAI,uBAAuB,EACzC,eAAe,IAAI,wBAAwB,EAC3C,cAAc,IAAI,uBAAuB,EACzC,UAAU,GAEX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACd,wBAAwB,GAGzB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,IAAI,EACJ,QAAQ,EAGR,cAAc,EACd,eAAe,GAChB,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAqBlC,MAAM,cAAc,GAAsC,CAAC,EACzD,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,MAAM,CAAC;IACjC,OAAO,CACL,KAAC,uBAAuB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAM,KAAK,YAClE,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE,CAAC,CAChC,eACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,cAAc,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC,EACxD,iBAAiB,CAClB,aAED,KAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,UAAU,YAEnB,QAAQ,GACA,EACV,QAAQ,IAAI,CACX,KAAC,IAAI,IACH,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,UAAU,GACjB,CACH,IACG,CACP,GACuB,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAgC,CAAC,EACjD,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,OAAO,GAAG,KAAK,EACf,WAAW,EACX,IAAI,EACJ,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,GAAG,KAAK,EAC7B,QAAQ,EACR,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IACjD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAU,KAAK,CAAC,CAAC;IAEtD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAExC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;IACnC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,gBAAgB,CAAC,OAAO;YAAE,OAAO;QAC3D,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACxB,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;QACjC,+EAA+E;QAC/E,qBAAqB,CAAC,GAAG,EAAE;YACzB,QAAQ,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;YAC1B,QAAQ,CAAC,OAAQ,CAAC,KAAK,GAAG,EAAE,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,YACxD,MAAC,iBAAiB,IAChB,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAChB,QAAQ,CAAC,KAAK,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;YAC/B,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,SAAS,mBAER,KAAK,IAAI,CACR,KAAC,cAAc,IACb,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,EAAE,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,EACD,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,sBAAsB,IACrB,EAAE,EAAE,EAAE,EACN,YAAY,EAAC,KAAK,EAClB,GAAG,EAAE,QAAQ,EACb,YAAY,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EACrC,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,QAAQ,CAAC,EAAE,CAAC,EACjD,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,kBACJ,OAAO,qBACJ,KAAK,IAAI,OAAO,sBACf,UAAU,IAAI,YAAY,EAC5C,SAAS,EAAE,EAAE,CACX,wBAAwB,CAAC,EAAC,IAAI,EAAC,CAAC,EAChC,aAAa,EACb,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,OAAO,EAChC,QAAQ,IAAI,OAAO,IAAI,OAAO,CAC/B,GACD,EACF,KAAC,uBAAuB,IAAC,KAAK,EAAE,MAAM,YACpC,KAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,QAAQ,IAAI,4BAA4B,CACzC,EACD,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,QAAQ,GACjB,GACsB,EAC1B,MAAC,uBAAuB,eACrB,OAAO,IAAI,CACV,KAAC,aAAa,IACZ,SAAS,EAAC,0CAA0C,EACpD,QAAQ,EAAC,kBAAkB,EAC3B,OAAO,EAAC,MAAM,GACd,CACH,EACA,OAAO,IAAI,CAAC,QAAQ,IAAI,QAAQ,EAAE,KAAK,CAAC,IAAI,CAC3C,8BACE,KAAC,aAAa,IACZ,SAAS,EAAC,mEAAmE,EAC7E,WAAW,EAAE,CAAC,CAAC,EAAE;gDACf,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;gDAChC,CAAC,CAAC,cAAc,EAAE,CAAC;4CACrB,CAAC,EACD,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,sBAAsB,GACjC,EACF,cAAK,SAAS,EAAC,6CAA6C,GAAG,IAC9D,CACJ,EACD,KAAC,uBAAuB,kBAAY,QAAQ,YAC1C,KAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CACX,yIAAyI,EACzI,QAAQ,IAAI,gDAAgD,CAC7D,EACD,QAAQ,EAAC,cAAc,EACvB,OAAO,EAAC,MAAM,GACd,GACsB,IACF,IACtB,EACN,KAAC,UAAU,IACT,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,oBAAoB,YAE5B,MAAC,wBAAwB,IACvB,MAAM,EAAE,EAAC,EAAE,EAAE,QAAQ,EAAC,EACtB,SAAS,EAAE,EAAE,CACX,eAAe,CAAC,EAAC,IAAI,EAAC,CAAC,EACvB,8CAA8C,CAC/C,aAEA,KAAK,IAAI,qBAAqB,IAAI,CACjC,MAAC,cAAc,IAAC,MAAM,EAAE,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,EAAE,IAAI,EAAE,IAAI,aAC7D,mBAAmB,EACnB,KAAK,IACS,CAClB,EACA,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,KAAC,cAAc,IAAoB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,YAC1D,MAAM,CAAC,KAAK,IADM,MAAM,CAAC,KAAK,CAEhB,CAClB,CAAC,IACuB,GAChB,EACb,KAAC,mBAAmB,IAClB,EAAE,EAAE,YAAY,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACgB,GAChB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
import { LinkComponent } from '../../../utils';
|
|
4
|
-
import { SvgIconComponent, SvgIconProps } from '../../images-icons/svg-icon';
|
|
5
4
|
import { LinkComponentProps } from '../../../utils';
|
|
6
5
|
declare const buttonVariants: (props?: ({
|
|
7
6
|
variant?: "primary" | "secondary" | "secondary-white" | "ghost" | "ghost-inherit" | null | undefined;
|
|
8
7
|
size?: "sm" | "md" | "lg" | "card" | "structuredListButton" | null | undefined;
|
|
9
8
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
10
9
|
export interface ButtonBaseProps {
|
|
11
|
-
|
|
12
|
-
icon?: SvgIconComponent;
|
|
10
|
+
icon?: React.ReactNode;
|
|
13
11
|
iconPosition?: 'left' | 'right';
|
|
14
12
|
iconGap?: boolean;
|
|
15
13
|
slim?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAMlD,QAAA,MAAM,cAAc;;;mFAyBlB,CAAC;AA2BH,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,OAAO,CACR,GACC,YAAY,CAAC,OAAO,cAAc,CAAC,GACnC,eAAe,CAAC;AAElB,QAAA,MAAM,MAAM;;;gJAwBX,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,aAAa,GACb,YAAY,CAAC,OAAO,cAAc,CAAC,GACnC,eAAe,CAAC;AAElB,QAAA,MAAM,UAAU,wGAmCf,CAAC;AAeF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAC,CAAC"}
|
|
@@ -2,7 +2,6 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
|
-
import { SvgIcon, } from '../../images-icons/svg-icon';
|
|
6
5
|
const buttonBaseClasses = 'font-text text-button-text-large inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors focus:outline-none disabled:pointer-events-none px-4 gap-3 rounded-sm';
|
|
7
6
|
//TODO: Delete secondary-white variants, when theming for button is ready
|
|
8
7
|
const buttonVariants = cva(buttonBaseClasses, {
|
|
@@ -30,7 +29,7 @@ const buttonVariants = cva(buttonBaseClasses, {
|
|
|
30
29
|
const classes = ({ className, size, variant, icon, iconGap = true, slim = false, iconPosition = 'left', isIconButton, }) => {
|
|
31
30
|
return cn(buttonVariants({ variant, size, className }), icon && !isIconButton && 'pl-2.5', !iconGap && 'gap-0', slim && 'px-0', iconPosition === 'right' && 'flex-row-reverse');
|
|
32
31
|
};
|
|
33
|
-
const Button = React.forwardRef(({ className,
|
|
32
|
+
const Button = React.forwardRef(({ className, iconPosition, size, variant, icon, iconGap, slim, ...props }, ref) => {
|
|
34
33
|
return (_jsx("button", { className: classes({
|
|
35
34
|
className,
|
|
36
35
|
size,
|
|
@@ -39,11 +38,11 @@ const Button = React.forwardRef(({ className, buttonIconProps, iconPosition, siz
|
|
|
39
38
|
iconGap,
|
|
40
39
|
slim,
|
|
41
40
|
iconPosition,
|
|
42
|
-
isIconButton: icon && !props.children,
|
|
43
|
-
}), ref: ref, ...props, children: _jsx(ButtonContent, { icon: icon,
|
|
41
|
+
isIconButton: icon !== undefined && !props.children,
|
|
42
|
+
}), ref: ref, ...props, children: _jsx(ButtonContent, { icon: icon, children: props.children }) }));
|
|
44
43
|
});
|
|
45
44
|
Button.displayName = 'Button';
|
|
46
|
-
const LinkButton = React.forwardRef(({ LinkComponent, className, size, variant, icon, iconGap, slim, iconPosition,
|
|
45
|
+
const LinkButton = React.forwardRef(({ LinkComponent, className, size, variant, icon, iconGap, slim, iconPosition, ...props }, ref) => {
|
|
47
46
|
const LinkComp = LinkComponent ? LinkComponent : 'a';
|
|
48
47
|
return (_jsx(LinkComp, { className: classes({
|
|
49
48
|
className,
|
|
@@ -53,12 +52,12 @@ const LinkButton = React.forwardRef(({ LinkComponent, className, size, variant,
|
|
|
53
52
|
iconGap,
|
|
54
53
|
slim,
|
|
55
54
|
iconPosition,
|
|
56
|
-
isIconButton: icon && !props.children,
|
|
57
|
-
}), ref: ref, ...props, children: _jsx(ButtonContent, { icon: icon,
|
|
55
|
+
isIconButton: icon !== undefined && !props.children,
|
|
56
|
+
}), ref: ref, ...props, children: _jsx(ButtonContent, { icon: icon, children: props.children }) }));
|
|
58
57
|
});
|
|
59
58
|
LinkButton.displayName = 'LinkButton';
|
|
60
|
-
const ButtonContent = ({ icon,
|
|
61
|
-
return (_jsxs(_Fragment, { children: [icon
|
|
59
|
+
const ButtonContent = ({ icon, children, }) => {
|
|
60
|
+
return (_jsxs(_Fragment, { children: [icon, children] }));
|
|
62
61
|
};
|
|
63
62
|
export { Button, LinkButton, buttonVariants };
|
|
64
63
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAU9D,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,yFA0CZ,CAAC;AAGH,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -2,14 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
|
-
import { IconCheck } from '../../../icons';
|
|
6
|
-
import { SvgIcon } from '../../images-icons/svg-icon';
|
|
7
5
|
import { BodyText } from '../../typography/bodyText';
|
|
8
6
|
import { useFieldId } from '../../../hooks';
|
|
7
|
+
import { Icon } from '../..';
|
|
9
8
|
const checkboxBaseClasses = 'h-[1.125rem] w-[1.125rem] font-text shrink-0 peer border-[2.5px] rounded-[3px] text-transparent border-border-primary data-[state=checked]:bg-border-primary data-[state=checked]:text-draeger-white disabled:cursor-not-allowed data-[state=checked]:disabled:bg-draeger-cool-gray-250 disabled:border-draeger-cool-gray-250 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-border-accent';
|
|
10
9
|
const Checkbox = React.forwardRef(({ className, children, invalid, hidden, ...props }, ref) => {
|
|
11
10
|
const { id, labelId } = useFieldId();
|
|
12
|
-
return (_jsxs("div", { className: cn('flex gap-2 items-baseline', hidden && 'hidden'), children: [_jsx(CheckboxPrimitive.Root, { ...props, className: cn(checkboxBaseClasses, invalid && 'border-error data-[state=checked]:bg-error', className), ref: ref, id: id, "aria-labelledby": children ? id : undefined, "aria-label": children ? 'checkbox' : undefined, children: _jsx(CheckboxPrimitive.Indicator, { forceMount: true, className: 'flex items-center justify-center h-full', children: _jsx(
|
|
11
|
+
return (_jsxs("div", { className: cn('flex gap-2 items-baseline', hidden && 'hidden'), children: [_jsx(CheckboxPrimitive.Root, { ...props, className: cn(checkboxBaseClasses, invalid && 'border-error data-[state=checked]:bg-error', className), ref: ref, id: id, "aria-labelledby": children ? id : undefined, "aria-label": children ? 'checkbox' : undefined, children: _jsx(CheckboxPrimitive.Indicator, { forceMount: true, className: 'flex items-center justify-center h-full', children: _jsx(Icon, { iconSet: "core", iconName: "check", size: "sm" }) }) }), children && (_jsx(BodyText, { asChild: true, children: _jsxs("label", { id: labelId, htmlFor: id, className: 'peer-disabled:text-draeger-cool-gray-250 cursor-pointer peer-disabled:cursor-not-allowed', children: [children, " ", props.required && ' *'] }) }))] }));
|
|
13
12
|
});
|
|
14
13
|
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
15
14
|
export { Checkbox };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAE3B,MAAM,mBAAmB,GACvB,gZAAgZ,CAAC;AAOnZ,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC1D,MAAM,EAAC,EAAE,EAAE,OAAO,EAAC,GAAG,UAAU,EAAE,CAAC;IAEnC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,MAAM,IAAI,QAAQ,CAAC,aACjE,KAAC,iBAAiB,CAAC,IAAI,OACjB,KAAK,EACT,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,OAAO,IAAI,4CAA4C,EACvD,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,qBACW,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,gBAC9B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,YAE7C,KAAC,iBAAiB,CAAC,SAAS,IAC1B,UAAU,QACV,SAAS,EAAE,yCAAyC,YAEpD,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,GAAG,GACtB,GACP,EACxB,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,OAAO,kBACf,iBACE,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,EAAE,EACX,SAAS,EACP,0FAA0F,aAG3F,QAAQ,OAAG,KAAK,CAAC,QAAQ,IAAI,IAAI,IAC5B,GACC,CACZ,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EACL,SAAS,EAIV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EACL,SAAS,EAIV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAChD,SAAS;IACX,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AACD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,qBAAqB;;mFAUzB,CAAC;AAEH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+F/C,CAAC;AAIF,OAAO,EAAC,aAAa,EAAC,CAAC"}
|
|
@@ -5,7 +5,6 @@ import { FormFieldHelperText, FormFieldIcon, FormFieldLabel, } from '../formFiel
|
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { useFieldId } from '../../../hooks';
|
|
7
7
|
import { cn } from '../../../utils';
|
|
8
|
-
import { IconFeedbackWarning } from '../../../icons';
|
|
9
8
|
import { Checkbox } from '../checkbox';
|
|
10
9
|
const checkboxGroupVariants = cva('', {
|
|
11
10
|
variants: {
|
|
@@ -33,7 +32,7 @@ const CheckboxGroup = ({ className, wrapperClassName, direction, options, label,
|
|
|
33
32
|
setSelectedValues(newSelectedValues);
|
|
34
33
|
onChange && onChange(newSelectedValues);
|
|
35
34
|
};
|
|
36
|
-
return (_jsxs("div", { id: id, className: cn('font-text flex flex-col gap-2.5', hidden && 'hidden', wrapperClassName), "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, ...props, children: [label && (_jsx(FormFieldLabel, { id: labelId, className: 'mb-0', label: label, disabled: disabled, required: props.required })), _jsx("div", { className: cn('flex', checkboxGroupVariants({ direction, className })), children: options.map((item) => (_jsx(Checkbox, { disabled: disabled, invalid: invalid, onCheckedChange: () => handleChange(item.value), checked: selectedValues.includes(item.value), ...item, children: item.children }, item.value))) }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, className: 'mt-0' })), invalidText && invalid && (_jsxs("div", { className: "flex items-center gap-x-1", children: [_jsx(FormFieldIcon, {
|
|
35
|
+
return (_jsxs("div", { id: id, className: cn('font-text flex flex-col gap-2.5', hidden && 'hidden', wrapperClassName), "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, ...props, children: [label && (_jsx(FormFieldLabel, { id: labelId, className: 'mb-0', label: label, disabled: disabled, required: props.required })), _jsx("div", { className: cn('flex', checkboxGroupVariants({ direction, className })), children: options.map((item) => (_jsx(Checkbox, { disabled: disabled, invalid: invalid, onCheckedChange: () => handleChange(item.value), checked: selectedValues.includes(item.value), ...item, children: item.children }, item.value))) }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, className: 'mt-0' })), invalidText && invalid && (_jsxs("div", { className: "flex items-center gap-x-1", children: [_jsx(FormFieldIcon, { iconSet: "core", iconName: "feedback-warning", color: "draeger-warning" }), _jsx(FormFieldHelperText, { helperText: invalidText, invalid: invalid, className: 'mt-0' })] }))] }));
|
|
37
36
|
};
|
|
38
37
|
CheckboxGroup.displayName = 'CheckboxGroup';
|
|
39
38
|
export { CheckboxGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/checkboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,GAAG,EAAe,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAEL,mBAAmB,EACnB,aAAa,EACb,cAAc,GACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/checkboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,wBAAwB,EAAE,SAAS;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAkBjE,QAAA,MAAM,cAAc;;;;;mFAuBlB,CAAC;AAEH,QAAA,MAAM,eAAe;;mFAWnB,CAAC;AAyCH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8FrC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -2,11 +2,10 @@
|
|
|
2
2
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Listbox, ListboxButton, ListboxOption, ListboxOptions, Transition, } from '@headlessui/react';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
|
-
import { SvgIcon } from '../../images-icons/svg-icon';
|
|
6
|
-
import { IconCheck, IconChevronDown, IconFeedbackWarning } from '../../../icons';
|
|
7
5
|
import { FormFieldHelperText, FormFieldIcon, FormFieldIconsContainer, FormFieldLabel, formFieldWrapperVariants, } from '../formField';
|
|
8
6
|
import { useFieldId } from '../../../hooks';
|
|
9
7
|
import { cva } from 'class-variance-authority';
|
|
8
|
+
import { Icon } from '../../images-icons/icon';
|
|
10
9
|
import { BodyText } from '../../typography/bodyText';
|
|
11
10
|
const dropdownOptionsClasses = cn(`
|
|
12
11
|
z-10 overflow-scroll rounded-sm shadow-draeger-elevation-2
|
|
@@ -56,11 +55,11 @@ const optionsVariants = cva(dropdownOptionsClasses, {
|
|
|
56
55
|
});
|
|
57
56
|
const DropdownOption = ({ option, size }) => {
|
|
58
57
|
const { label, disabled } = option;
|
|
59
|
-
return (_jsx(ListboxOption, { title: label, disabled: disabled, value: option, onMouseDown: e => e.preventDefault(), className: ({ selected, focus }) => cn(optionVariants({ size, disabled, hover: focus, selected }), 'justify-between'), children: ({ selected }) => (_jsxs(_Fragment, { children: [_jsx(BodyText, { textColor: 'inherit', variant: 'small', className: "truncate", children: label }), selected && (_jsx(
|
|
58
|
+
return (_jsx(ListboxOption, { title: label, disabled: disabled, value: option, onMouseDown: e => e.preventDefault(), className: ({ selected, focus }) => cn(optionVariants({ size, disabled, hover: focus, selected }), 'justify-between'), children: ({ selected }) => (_jsxs(_Fragment, { children: [_jsx(BodyText, { textColor: 'inherit', variant: 'small', className: "truncate", children: label }), selected && (_jsx(Icon, { className: "shrink-0", iconSet: "core", iconName: "check", size: "md", center: "vertical" }))] })) }));
|
|
60
59
|
};
|
|
61
60
|
const Dropdown = ({ options, selected, onChange, label, disabled, helperText, invalidText, invalid = false, wrapperClassName, placeholder, size, hidden, required, }) => {
|
|
62
61
|
const { id, labelId, helperTextId } = useFieldId();
|
|
63
|
-
return (_jsxs("div", { className: cn('font-text', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsx(Listbox, { disabled: disabled, value: selected, onChange: onChange, children: _jsxs("div", { className: "relative inline-block w-full", children: [_jsxs(ListboxButton, { id: id, tabIndex: 0, "data-invalid": invalid, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(formFieldWrapperVariants({ size }), 'group text-draeger-dark-gray relative text-left pr-14', invalid && 'pr-[5.5rem]'), children: [_jsx(BodyText, { variant: 'small', className: "truncate", children: selected ? selected.label : placeholder }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "w-5",
|
|
62
|
+
return (_jsxs("div", { className: cn('font-text', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsx(Listbox, { disabled: disabled, value: selected, onChange: onChange, children: _jsxs("div", { className: "relative inline-block w-full", children: [_jsxs(ListboxButton, { id: id, tabIndex: 0, "data-invalid": invalid, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(formFieldWrapperVariants({ size }), 'group text-draeger-dark-gray relative text-left pr-14', invalid && 'pr-[5.5rem]'), children: [_jsx(BodyText, { variant: 'small', className: "truncate", children: selected ? selected.label : placeholder }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "w-5 text-draeger-warning", iconName: "feedback-warning", iconSet: "core" })), _jsx(FormFieldIcon, { className: cn('text-draeger-cool-gray-750 group-data-[open]:rotate-180 transition-all duration-100', disabled && 'text-draeger-cool-gray-250'), iconName: "chevron-down", iconSet: "core" })] })] }), _jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsx(ListboxOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--button-width)] origin-top transition'), children: options.map((option, idx) => (_jsx(DropdownOption, { size: size, option: option }, idx))) }) })] }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }));
|
|
64
63
|
};
|
|
65
64
|
export { Dropdown, optionVariants, optionsVariants };
|
|
66
65
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
-
import {
|
|
3
|
+
import { IconProps } from '../../images-icons/icon';
|
|
4
4
|
export interface FloatingButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof floatingButtonVariants> {
|
|
5
5
|
counter?: number;
|
|
6
6
|
text?: string;
|
|
7
|
-
icon?:
|
|
7
|
+
icon?: IconProps;
|
|
8
8
|
}
|
|
9
9
|
declare const floatingButtonVariants: (props?: ({
|
|
10
10
|
positionY?: "bottom" | "middle" | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/floatingButton/FloatingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"FloatingButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/floatingButton/FloatingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAO,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAExD,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAwCD,QAAA,MAAM,sBAAsB;;mFAU1B,CAAC;AA6CH,QAAA,MAAM,cAAc,+FAqBnB,CAAC;AAGF,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { SvgIcon } from '../../images-icons/svg-icon';
|
|
5
4
|
import { cn } from '../../../utils';
|
|
5
|
+
import { Icon } from '../../images-icons/icon';
|
|
6
6
|
const floatingButtonClasses = `
|
|
7
7
|
fixed right-0
|
|
8
8
|
group h-element-height-lg text-text-invert overflow-hidden outline-none
|
|
@@ -39,7 +39,7 @@ const floatingButtonVariants = cva(floatingButtonClasses, {
|
|
|
39
39
|
positionY: 'middle',
|
|
40
40
|
},
|
|
41
41
|
});
|
|
42
|
-
const IconGroup = ({ icon, counter }) => (_jsxs("div", { className: cn('flex w-16 h-full z-10 justify-center', floatingButtonContentClasses), children: [_jsx(
|
|
42
|
+
const IconGroup = ({ icon, counter }) => (_jsxs("div", { className: cn('flex w-16 h-full z-10 justify-center', floatingButtonContentClasses), children: [_jsx(Icon, { iconSet: icon.iconSet, iconName: icon.iconName, color: "draeger-white", size: "md", center: "vertical", className: cn(typeof counter === 'number' && 'absolute bottom-2 left-3') }), typeof counter === 'number' && (_jsx("div", { className: cn(floatingButtonIconGroupCounterClasses), children: counter }))] }));
|
|
43
43
|
const FloatingButtonText = ({ text, animated, }) => (_jsx("div", { className: cn(floatingButtonContentClasses, 'h-full max-w-48 flex text-text-invert font-text font-semibold text-left', animated && 'animate-draeger-floating-button-text pl-0'), children: _jsx("span", { className: cn('flex items-center text-lg tracking-[0.01125rem]', animated && 'animate-draeger-floating-button-text-opacity'), children: text }) }));
|
|
44
44
|
const FloatingButton = React.forwardRef(({ className, positionY, counter, text, icon, ...props }, ref) => {
|
|
45
45
|
const animated = Boolean(text && icon);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingButton.js","sourceRoot":"","sources":["../../../../src/components/actions/floatingButton/FloatingButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"FloatingButton.js","sourceRoot":"","sources":["../../../../src/components/actions/floatingButton/FloatingButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAY,MAAM,yBAAyB,CAAC;AAmBxD,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;CAe7B,CAAC;AAEF,MAAM,4BAA4B,GAChC,iHAAiH,CAAC;AAEpH,MAAM,qCAAqC,GAAG;;;;;;;CAO7C,CAAC;AAEF,MAAM,sBAAsB,GAAG,GAAG,CAAC,qBAAqB,EAAE;IACxD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,MAAM,EAAE,YAAY;YACpB,MAAM,EAAE,UAAU;SACnB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,SAAS,GAA2C,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,EAAE,EAAE,CAAC,CAC7E,eACE,SAAS,EAAE,EAAE,CACX,sCAAsC,EACtC,4BAA4B,CAC7B,aAED,KAAC,IAAI,IACH,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,UAAU,EACjB,SAAS,EAAE,EAAE,CAAC,OAAO,OAAO,KAAK,QAAQ,IAAI,0BAA0B,CAAC,GACxE,EACD,OAAO,OAAO,KAAK,QAAQ,IAAI,CAC9B,cAAK,SAAS,EAAE,EAAE,CAAC,qCAAqC,CAAC,YAAG,OAAO,GAAO,CAC3E,IACG,CACP,CAAC;AAEF,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,yEAAyE,EACzE,QAAQ,IAAI,2CAA2C,CACxD,YAED,eACE,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,QAAQ,IAAI,8CAA8C,CAC3D,YAEA,IAAI,GACA,GACH,CACP,CAAC;AAEF,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC7D,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IACvC,OAAO,CACL,kBACE,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,GAAG,EAAE,CACd,QAAQ,IAAI,iCAAiC,EAC7C,sBAAsB,CAAC;YACrB,SAAS;YACT,SAAS;SACV,CAAC,CACH,EAAE,EACH,GAAG,EAAE,GAAG,KACJ,KAAK,aAER,IAAI,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,EACnD,IAAI,IAAI,KAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,IACxD,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { SvgIconProps } from '../../images-icons/svg-icon';
|
|
3
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { IconProps } from '../../images-icons/icon';
|
|
4
4
|
export interface FormField {
|
|
5
5
|
wrapperClassName?: string;
|
|
6
6
|
label?: string;
|
|
@@ -34,7 +34,7 @@ export interface FormFieldHelperTextProps extends React.HTMLAttributes<HTMLParag
|
|
|
34
34
|
disabled?: boolean;
|
|
35
35
|
}
|
|
36
36
|
declare const FormFieldHelperText: React.FC<FormFieldHelperTextProps>;
|
|
37
|
-
export interface FormFieldIconProps extends
|
|
37
|
+
export interface FormFieldIconProps extends IconProps {
|
|
38
38
|
}
|
|
39
39
|
export interface FormFieldIconContainerProps extends VariantProps<typeof formFieldIconsContainerVariants> {
|
|
40
40
|
children?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/formField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,
|
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/formField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAO,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAExD,MAAM,WAAW,SAAS;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,wBAAwB,GAAG,YAAY,CACjD,OAAO,wBAAwB,CAChC,CAAC;AA0BF,QAAA,MAAM,wBAAwB;;mFAc7B,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAcrD,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,wBAAwB,kGACmE,CAAC;AAElG,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmBjD,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyB3D,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;CAAG;AACxD,MAAM,WAAW,2BACf,SAAQ,YAAY,CAAC,OAAO,+BAA+B,CAAC;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,+BAA+B;;mFAapC,CAAC;AAEF,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAQlE,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgB/C,CAAC;AAEF,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,uBAAuB,EACvB,aAAa,EACb,wBAAwB,EACxB,wBAAwB,GACzB,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cn } from '../../../utils';
|
|
3
|
-
import { SvgIcon } from '../../images-icons/svg-icon';
|
|
4
3
|
import { cva } from 'class-variance-authority';
|
|
5
4
|
import { BodyText } from '../../typography/bodyText';
|
|
5
|
+
import { Icon } from '../../images-icons/icon';
|
|
6
6
|
// The following field classes are used as the base for other field components (e.g., textarea, select)
|
|
7
7
|
const formFieldWrapperClasses = `
|
|
8
8
|
w-full px-6 pt-px
|
|
@@ -57,6 +57,6 @@ const formFieldIconsContainerVariants = cva('absolute h-6 top-1/2 -translate-y-1
|
|
|
57
57
|
},
|
|
58
58
|
});
|
|
59
59
|
const FormFieldIconsContainer = ({ align, className, children, }) => (_jsx("div", { className: cn(formFieldIconsContainerVariants({ align, className })), children: children }));
|
|
60
|
-
const FormFieldIcon = ({ className,
|
|
60
|
+
const FormFieldIcon = ({ className, iconName, iconSet, ...props }) => (_jsx(Icon, { square: true, "aria-hidden": true, size: "md", className: cn(className), iconName: iconName, iconSet: iconSet, center: "vertical", ...props }));
|
|
61
61
|
export { FormFieldWrapper, FormFieldHelperText, FormFieldLabel, FormFieldIconsContainer, FormFieldIcon, formFieldWrapperVariants, formFieldTextBaseClasses, };
|
|
62
62
|
//# sourceMappingURL=FormField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../../src/components/actions/formField/FormField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../../src/components/actions/formField/FormField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
import { type LinkComponent, type LinkComponentProps } from '../../../utils';
|
|
4
|
-
import { SvgIconComponent, type SvgIconProps } from '../../images-icons/svg-icon';
|
|
5
4
|
import { BodyTextProps } from '../../typography/bodyText';
|
|
5
|
+
import { IconProps } from '../../images-icons/icon';
|
|
6
6
|
declare const linkVariants: (props?: ({
|
|
7
7
|
variant?: "inline" | "standalone" | null | undefined;
|
|
8
8
|
disabled?: boolean | null | undefined;
|
|
@@ -10,9 +10,8 @@ declare const linkVariants: (props?: ({
|
|
|
10
10
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
11
11
|
export interface LinkProps extends Omit<LinkComponentProps, 'color'>, LinkComponent, VariantProps<typeof linkVariants> {
|
|
12
12
|
disabled?: boolean;
|
|
13
|
-
icon?: SvgIconComponent;
|
|
14
13
|
iconRight?: boolean;
|
|
15
|
-
iconProps?:
|
|
14
|
+
iconProps?: IconProps;
|
|
16
15
|
size?: BodyTextProps['variant'];
|
|
17
16
|
}
|
|
18
17
|
export interface LinkListProps extends React.LinkHTMLAttributes<HTMLDivElement>, VariantProps<typeof linkListVariants> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAO,SAAS,EAAC,MAAM,yBAAyB,CAAC;AASxD,QAAA,MAAM,YAAY;;;;mFAoBhB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,EACvC,aAAa,EACb,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAC9C,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,IAAI,kGAoDT,CAAC;AAGF,QAAA,MAAM,gBAAgB;;mFAUpB,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAerC,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
|
-
import { SvgIcon, } from '../../images-icons/svg-icon';
|
|
6
5
|
import { BodyText } from '../../typography/bodyText';
|
|
6
|
+
import { Icon } from '../../images-icons/icon';
|
|
7
7
|
import { Headline } from '../../typography/headline';
|
|
8
8
|
// TODO: missing Color-token, change white color when desing is ready
|
|
9
9
|
const linkClasses = `
|
|
@@ -29,14 +29,14 @@ const linkVariants = cva(linkClasses, {
|
|
|
29
29
|
color: 'default',
|
|
30
30
|
},
|
|
31
31
|
});
|
|
32
|
-
const Link = React.forwardRef(({ LinkComponent, className, children, variant, disabled, color, size, href,
|
|
32
|
+
const Link = React.forwardRef(({ LinkComponent, className, children, variant, disabled, color, size, href, iconProps, iconRight = false, ...props }, ref) => {
|
|
33
33
|
const LinkComp = LinkComponent ? LinkComponent : 'a';
|
|
34
34
|
return (_jsx(BodyText, { variant: size, textColor: "none", asChild: true, children: _jsxs(LinkComp, { ref: ref, tabIndex: disabled ? -1 : 0, href: disabled ? undefined : href, className: cn(linkVariants({
|
|
35
35
|
variant,
|
|
36
36
|
disabled,
|
|
37
37
|
color: disabled ? 'gray' : color,
|
|
38
38
|
className,
|
|
39
|
-
})), ...props, children: [
|
|
39
|
+
})), ...props, children: [iconProps && (_jsx(Icon, { className: cn('pt-px shrink-0', iconRight && 'order-1', iconProps?.className), size: "sm", square: true, center: 'vertical', ...iconProps })), _jsx("span", { children: children })] }) }));
|
|
40
40
|
});
|
|
41
41
|
Link.displayName = 'Link';
|
|
42
42
|
const linkListVariants = cva('flex flex-wrap gap-x-5 gap-y-2', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAA8C,MAAM,gBAAgB,CAAC;AAC/E,OAAO,
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Multiselect.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/multiselect/Multiselect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAML,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AACf,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Multiselect.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/multiselect/Multiselect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAML,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AACf,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,EAAE,SAAS;IAC3E,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA8CD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2K3C,CAAC;AAEF,OAAO,EAAC,WAAW,EAAC,CAAC"}
|
|
@@ -4,7 +4,6 @@ import * as React from 'react';
|
|
|
4
4
|
import { Combobox as ComboboxPrimitive, ComboboxInput as ComboboxPrimitiveInput, ComboboxOption as ComboboxPrimitiveOption, ComboboxOptions as ComboboxPrimitiveOptions, ComboboxButton as ComboboxPrimitiveButton, Transition, } from '@headlessui/react';
|
|
5
5
|
import { Tag, Checkbox, optionVariants, optionsVariants, BodyText, } from '../..';
|
|
6
6
|
import { FormFieldHelperText, FormFieldIcon, FormFieldIconsContainer, FormFieldLabel, formFieldWrapperVariants, } from '../formField';
|
|
7
|
-
import { IconChevronDown, IconClose, IconFeedbackWarning } from '../../../icons';
|
|
8
7
|
import { useFieldId } from '../../../hooks';
|
|
9
8
|
import { cn } from '../../../utils';
|
|
10
9
|
const MultiselectOption = ({ option, size, }) => {
|
|
@@ -27,10 +26,10 @@ const Multiselect = ({ options, selected, onChange, disabled, invalidText, inval
|
|
|
27
26
|
sensitivity: 'base',
|
|
28
27
|
}));
|
|
29
28
|
const hasQuery = Boolean(query.length);
|
|
30
|
-
return (_jsx("div", { className: cn('font-text relative', hidden && 'hidden', wrapperClassName), children: _jsxs(ComboboxPrimitive, { as: "div", className: 'group', value: selected, onChange: onChange, disabled: disabled, immediate: true, multiple: true, children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required, className: "cursor-pointer" })), _jsxs("div", { className: "relative inline-block w-full", children: [selected.length > 0 && (_jsx(Tag, { className: "absolute -translate-y-1/2 top-1/2 left-6", onClose: () => onChange([]), label: selected.length, mode: 'dismissable', size: 'xs', value: "" }, state.toString())), _jsx(ComboboxPrimitiveInput, { id: id, autoComplete: "off", value: query, onChange: el => setQuery(el.target.value), onBlur: () => setQuery(''), onFocus: () => requestAnimationFrame(() => setState(state => state + 1)), placeholder: placeholder, "data-invalid": invalid, "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, className: cn(formFieldWrapperVariants({ size }), 'pr-14', selected.length && 'pl-24', (hasQuery || invalid) && 'pr-24', hasQuery && invalid && 'pr-32') }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "pointer-events-auto",
|
|
29
|
+
return (_jsx("div", { className: cn('font-text relative', hidden && 'hidden', wrapperClassName), children: _jsxs(ComboboxPrimitive, { as: "div", className: 'group', value: selected, onChange: onChange, disabled: disabled, immediate: true, multiple: true, children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required, className: "cursor-pointer" })), _jsxs("div", { className: "relative inline-block w-full", children: [selected.length > 0 && (_jsx(Tag, { className: "absolute -translate-y-1/2 top-1/2 left-6", onClose: () => onChange([]), label: selected.length, mode: 'dismissable', size: 'xs', value: "" }, state.toString())), _jsx(ComboboxPrimitiveInput, { id: id, autoComplete: "off", value: query, onChange: el => setQuery(el.target.value), onBlur: () => setQuery(''), onFocus: () => requestAnimationFrame(() => setState(state => state + 1)), placeholder: placeholder, "data-invalid": invalid, "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, className: cn(formFieldWrapperVariants({ size }), 'pr-14', selected.length && 'pl-24', (hasQuery || invalid) && 'pr-24', hasQuery && invalid && 'pr-32') }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "pointer-events-auto text-draeger-warning", iconSet: "core", iconName: "feedback-warning" })), hasQuery && (_jsx(FormFieldIcon, { className: "w-5 cursor-pointer pointer-events-auto text-draeger-cool-gray-750", onMouseDown: e => {
|
|
31
30
|
e.preventDefault();
|
|
32
31
|
setQuery('');
|
|
33
|
-
},
|
|
32
|
+
}, iconName: "close", iconSet: "core" })), _jsx(ComboboxPrimitiveButton, { "aria-label": "Expand", children: _jsx(FormFieldIcon, { className: cn('cursor-pointer pointer-events-auto text-draeger-cool-gray-750 group-data-[headlessui-state=open]:rotate-180 transition-all duration-100', disabled && 'cursor-not-allowed text-draeger-cool-gray-250'), onClick: () => requestAnimationFrame(() => setState(state => state + 1)), iconName: "chevron-down", iconSet: "core" }) })] })] }), _jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsxs(ComboboxPrimitiveOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--input-width)] origin-top transition'), children: [sortedSelectedOptions.map(option => (_jsx(MultiselectOption, { option: option, size: size }, option.label))), unselectedOptions.map(option => (_jsx(MultiselectOption, { option: option, size: size }, option.label)))] }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }) }));
|
|
34
33
|
};
|
|
35
34
|
export { Multiselect };
|
|
36
35
|
//# sourceMappingURL=Multiselect.js.map
|