@kubit-ui-web/react-components 1.16.1 → 1.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/accordion/accordion.styled.js +17 -7
- package/dist/cjs/components/accordion/accordion.styled.js.map +1 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheet.styled.js +17 -7
- package/dist/cjs/components/actionBottomSheet/actionBottomSheet.styled.js.map +1 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.js +1 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.js.map +1 -1
- package/dist/cjs/components/actionBottomSheet/types/actionBottomSheetTheme.d.ts +1 -0
- package/dist/cjs/components/avatar/avatar.styled.js +17 -7
- package/dist/cjs/components/avatar/avatar.styled.js.map +1 -1
- package/dist/cjs/components/backToTop/backToTopStandAlone.js +2 -2
- package/dist/cjs/components/backToTop/backToTopStandAlone.js.map +1 -1
- package/dist/cjs/components/breadcrumbs/breadcrumbs.styled.js +17 -7
- package/dist/cjs/components/breadcrumbs/breadcrumbs.styled.js.map +1 -1
- package/dist/cjs/components/button/button.styled.js +17 -7
- package/dist/cjs/components/button/button.styled.js.map +1 -1
- package/dist/cjs/components/calendar/calendarStandAlone.js +1 -1
- package/dist/cjs/components/calendar/calendarStandAlone.js.map +1 -1
- package/dist/cjs/components/calendar/utils/handleKeysmoves.js +2 -1
- package/dist/cjs/components/calendar/utils/handleKeysmoves.js.map +1 -1
- package/dist/cjs/components/carousel/carousel.styled.js +17 -7
- package/dist/cjs/components/carousel/carousel.styled.js.map +1 -1
- package/dist/cjs/components/carousel/carouselStandAlone.js +1 -1
- package/dist/cjs/components/carousel/carouselStandAlone.js.map +1 -1
- package/dist/cjs/components/confirmationMessage/confirmationMessage.styled.js +17 -7
- package/dist/cjs/components/confirmationMessage/confirmationMessage.styled.js.map +1 -1
- package/dist/cjs/components/cssAnimation/cssAnimation.js +17 -7
- package/dist/cjs/components/cssAnimation/cssAnimation.js.map +1 -1
- package/dist/cjs/components/dot/dot.js +1 -1
- package/dist/cjs/components/dot/dot.js.map +1 -1
- package/dist/cjs/components/dot/dotStandAlone.js +2 -2
- package/dist/cjs/components/dot/dotStandAlone.js.map +1 -1
- package/dist/cjs/components/dot/types/dot.d.ts +1 -0
- package/dist/cjs/components/drawer/drawer.styled.js +17 -7
- package/dist/cjs/components/drawer/drawer.styled.js.map +1 -1
- package/dist/cjs/components/drawer/drawerControlled.js +14 -2
- package/dist/cjs/components/drawer/drawerControlled.js.map +1 -1
- package/dist/cjs/components/drawer/drawerStandAlone.js +0 -1
- package/dist/cjs/components/drawer/drawerStandAlone.js.map +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelected.styled.js +17 -7
- package/dist/cjs/components/dropdownSelected/dropdownSelected.styled.js.map +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +17 -7
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js.map +1 -1
- package/dist/cjs/components/elementOrIcon/elementOrIcon.js.map +1 -1
- package/dist/cjs/components/elementOrIllustration/elementOrIllustration.js +2 -2
- package/dist/cjs/components/elementOrIllustration/elementOrIllustration.js.map +1 -1
- package/dist/cjs/components/footer/footer.styled.js +17 -7
- package/dist/cjs/components/footer/footer.styled.js.map +1 -1
- package/dist/cjs/components/grid/grid.styled.js +17 -7
- package/dist/cjs/components/grid/grid.styled.js.map +1 -1
- package/dist/cjs/components/headerStructure/headerStructure.styled.js +17 -7
- package/dist/cjs/components/headerStructure/headerStructure.styled.js.map +1 -1
- package/dist/cjs/components/icon/icon.styled.js +17 -7
- package/dist/cjs/components/icon/icon.styled.js.map +1 -1
- package/dist/cjs/components/icon/iconHost.d.ts +0 -7
- package/dist/cjs/components/icon/iconHost.js +0 -7
- package/dist/cjs/components/icon/iconHost.js.map +1 -1
- package/dist/cjs/components/iconHighlighted/iconHighlighted.styled.d.ts +3 -0
- package/dist/cjs/components/iconHighlighted/iconHighlighted.styled.js +15 -4
- package/dist/cjs/components/iconHighlighted/iconHighlighted.styled.js.map +1 -1
- package/dist/cjs/components/iconHighlighted/iconHighlightedStandAlone.js +2 -2
- package/dist/cjs/components/iconHighlighted/iconHighlightedStandAlone.js.map +1 -1
- package/dist/cjs/components/iconHighlighted/types/iconHighlighted.d.ts +2 -0
- package/dist/cjs/components/iconHighlighted/types/iconHighlightedTheme.d.ts +7 -0
- package/dist/cjs/components/illustration/illustration.styled.js +17 -7
- package/dist/cjs/components/illustration/illustration.styled.js.map +1 -1
- package/dist/cjs/components/image/types/image.d.ts +3 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/input/components/inputIcon.js +1 -1
- package/dist/cjs/components/input/components/inputIcon.js.map +1 -1
- package/dist/cjs/components/input/input.styled.d.ts +4 -0
- package/dist/cjs/components/input/input.styled.js +25 -8
- package/dist/cjs/components/input/input.styled.js.map +1 -1
- package/dist/cjs/components/input/types/input.d.ts +1 -1
- package/dist/cjs/components/inputCurrency/inputCurrency.styled.js +17 -7
- package/dist/cjs/components/inputCurrency/inputCurrency.styled.js.map +1 -1
- package/dist/cjs/components/inputDigitSequence/inputDigitSequence.styled.js +17 -7
- package/dist/cjs/components/inputDigitSequence/inputDigitSequence.styled.js.map +1 -1
- package/dist/cjs/components/inputDropdown/components/optionsList.js +1 -1
- package/dist/cjs/components/inputDropdown/components/optionsList.js.map +1 -1
- package/dist/cjs/components/inputDropdown/components/popoverSearchList.js +5 -6
- package/dist/cjs/components/inputDropdown/components/popoverSearchList.js.map +1 -1
- package/dist/cjs/components/inputDropdown/helpers/filterOptions.d.ts +4 -4
- package/dist/cjs/components/inputDropdown/helpers/filterOptions.js.map +1 -1
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.d.ts +1 -1
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js +34 -13
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/cjs/components/inputDropdown/index.d.ts +0 -1
- package/dist/cjs/components/inputDropdown/index.js +1 -3
- package/dist/cjs/components/inputDropdown/index.js.map +1 -1
- package/dist/cjs/components/inputDropdown/inputDropdown.js +3 -2
- package/dist/cjs/components/inputDropdown/inputDropdown.js.map +1 -1
- package/dist/cjs/components/inputDropdown/inputDropdown.styled.js +17 -7
- package/dist/cjs/components/inputDropdown/inputDropdown.styled.js.map +1 -1
- package/dist/cjs/components/inputDropdown/inputDropdownStandAlone.js +4 -4
- package/dist/cjs/components/inputDropdown/inputDropdownStandAlone.js.map +1 -1
- package/dist/cjs/components/inputDropdown/types/inputDropdown.d.ts +11 -6
- package/dist/cjs/components/inputDropdown/types/inputDropdownTheme.d.ts +3 -0
- package/dist/cjs/components/inputSearch/components/popoverSearchList.js +2 -2
- package/dist/cjs/components/inputSearch/components/popoverSearchList.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearch.styled.js +17 -7
- package/dist/cjs/components/inputSearch/inputSearch.styled.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearchStandAlone.js +2 -3
- package/dist/cjs/components/inputSearch/inputSearchStandAlone.js.map +1 -1
- package/dist/cjs/components/inputSearch/types/inputSearch.d.ts +2 -0
- package/dist/cjs/components/link/link.styled.js +17 -7
- package/dist/cjs/components/link/link.styled.js.map +1 -1
- package/dist/cjs/components/link/linkAsButton/linkAsButton.styled.js +17 -7
- package/dist/cjs/components/link/linkAsButton/linkAsButton.styled.js.map +1 -1
- package/dist/cjs/components/link/linkAsButton/linkAsButtonStandAlone.d.ts +1 -1
- package/dist/cjs/components/link/linkAsButton/linkAsButtonStandAlone.js +4 -2
- package/dist/cjs/components/link/linkAsButton/linkAsButtonStandAlone.js.map +1 -1
- package/dist/cjs/components/loader/loader.styled.js +17 -7
- package/dist/cjs/components/loader/loader.styled.js.map +1 -1
- package/dist/cjs/components/mediaButton/mediaButton.styled.js +17 -7
- package/dist/cjs/components/mediaButton/mediaButton.styled.js.map +1 -1
- package/dist/cjs/components/mediaProgressBar/mediaProgressBar.styled.js +17 -7
- package/dist/cjs/components/mediaProgressBar/mediaProgressBar.styled.js.map +1 -1
- package/dist/cjs/components/modal/modal.styled.js +17 -7
- package/dist/cjs/components/modal/modal.styled.js.map +1 -1
- package/dist/cjs/components/modal/modalStandAlone.js +5 -5
- package/dist/cjs/components/modal/modalStandAlone.js.map +1 -1
- package/dist/cjs/components/modal/modalUnControlled.js +17 -7
- package/dist/cjs/components/modal/modalUnControlled.js.map +1 -1
- package/dist/cjs/components/modalV2/fragments/modalHeader.js +4 -4
- package/dist/cjs/components/modalV2/fragments/modalHeader.js.map +1 -1
- package/dist/cjs/components/modalV2/modal.styled.d.ts +2 -0
- package/dist/cjs/components/modalV2/modal.styled.js +24 -8
- package/dist/cjs/components/modalV2/modal.styled.js.map +1 -1
- package/dist/cjs/components/modalV2/modalUnControlled.js +17 -7
- package/dist/cjs/components/modalV2/modalUnControlled.js.map +1 -1
- package/dist/cjs/components/modalV2/types/modalTheme.d.ts +3 -1
- package/dist/cjs/components/navigationCard/navigationCard.styled.js +17 -7
- package/dist/cjs/components/navigationCard/navigationCard.styled.js.map +1 -1
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js +1 -5
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/cjs/components/navigationRow/navigationRowStandAlone.js +1 -1
- package/dist/cjs/components/navigationRow/navigationRowStandAlone.js.map +1 -1
- package/dist/cjs/components/operativeLayout/operativeLayout.styled.js +17 -7
- package/dist/cjs/components/operativeLayout/operativeLayout.styled.js.map +1 -1
- package/dist/cjs/components/pageControl/components/arrowControlStandAlone.d.ts +3 -3
- package/dist/cjs/components/pageControl/components/arrowControlStandAlone.js +1 -2
- package/dist/cjs/components/pageControl/components/arrowControlStandAlone.js.map +1 -1
- package/dist/cjs/components/pageControl/components/buttonControlStandAlone.d.ts +8 -0
- package/dist/cjs/components/pageControl/components/buttonControlStandAlone.js +13 -0
- package/dist/cjs/components/pageControl/components/buttonControlStandAlone.js.map +1 -0
- package/dist/cjs/components/pageControl/helper/controlType.d.ts +3 -0
- package/dist/cjs/components/pageControl/helper/controlType.js +8 -0
- package/dist/cjs/components/pageControl/helper/controlType.js.map +1 -0
- package/dist/cjs/components/pageControl/helper/index.d.ts +1 -0
- package/dist/cjs/components/pageControl/helper/index.js +1 -0
- package/dist/cjs/components/pageControl/helper/index.js.map +1 -1
- package/dist/cjs/components/pageControl/pageControl.styled.d.ts +5 -1
- package/dist/cjs/components/pageControl/pageControl.styled.js +6 -2
- package/dist/cjs/components/pageControl/pageControl.styled.js.map +1 -1
- package/dist/cjs/components/pageControl/pageControlStandAlone.js +12 -6
- package/dist/cjs/components/pageControl/pageControlStandAlone.js.map +1 -1
- package/dist/cjs/components/pageControl/types/pageControl.d.ts +19 -2
- package/dist/cjs/components/pageControl/types/pageControlTheme.d.ts +2 -0
- package/dist/cjs/components/pillSelector/pillSelector.styled.js +17 -7
- package/dist/cjs/components/pillSelector/pillSelector.styled.js.map +1 -1
- package/dist/cjs/components/pillV2/pillStandAlone.js +3 -2
- package/dist/cjs/components/pillV2/pillStandAlone.js.map +1 -1
- package/dist/cjs/components/pillV2/types/index.d.ts +1 -1
- package/dist/cjs/components/pillV2/types/index.js.map +1 -1
- package/dist/cjs/components/pillV2/types/pill.d.ts +2 -1
- package/dist/cjs/components/popover/popover.styled.js +30 -11
- package/dist/cjs/components/popover/popover.styled.js.map +1 -1
- package/dist/cjs/components/progressBar/progressBar.styled.d.ts +4 -0
- package/dist/cjs/components/progressBar/progressBar.styled.js +1 -0
- package/dist/cjs/components/progressBar/progressBar.styled.js.map +1 -1
- package/dist/cjs/components/progressBar/progressBarStandAlone.js +1 -1
- package/dist/cjs/components/progressBar/progressBarStandAlone.js.map +1 -1
- package/dist/cjs/components/progressBar/types/progressBar.d.ts +4 -0
- package/dist/cjs/components/quickButton/quickButton.styled.js +17 -7
- package/dist/cjs/components/quickButton/quickButton.styled.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButton.styled.js +17 -7
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButton.styled.js.map +1 -1
- package/dist/cjs/components/skeleton/skeleton.styled.js +17 -7
- package/dist/cjs/components/skeleton/skeleton.styled.js.map +1 -1
- package/dist/cjs/components/slider/slider.styled.js +17 -7
- package/dist/cjs/components/slider/slider.styled.js.map +1 -1
- package/dist/cjs/components/stepperNumber/stepperNumber.styled.js +17 -7
- package/dist/cjs/components/stepperNumber/stepperNumber.styled.js.map +1 -1
- package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js +1 -1
- package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js.map +1 -1
- package/dist/cjs/components/stepperNumber/types/stepperNumber.d.ts +1 -0
- package/dist/cjs/components/table/table.js +17 -7
- package/dist/cjs/components/table/table.js.map +1 -1
- package/dist/cjs/components/table/table.styled.js +17 -7
- package/dist/cjs/components/table/table.styled.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.styled.js +17 -7
- package/dist/cjs/components/tabs/tabs.styled.js.map +1 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js +12 -2
- package/dist/cjs/components/tabs/tabsStandAlone.js.map +1 -1
- package/dist/cjs/components/tabs/types/tabsTheme.d.ts +6 -2
- package/dist/cjs/components/text/text.styled.js +17 -7
- package/dist/cjs/components/text/text.styled.js.map +1 -1
- package/dist/cjs/components/text/textStandAlone.js.map +1 -1
- package/dist/cjs/components/text/types/text.d.ts +3 -1
- package/dist/cjs/components/text/types/textTheme.d.ts +2 -0
- package/dist/cjs/components/toggle/components/threePositions/toggleCenterRadioButton.d.ts +6 -0
- package/dist/cjs/components/toggle/components/threePositions/toggleCenterRadioButton.js +14 -0
- package/dist/cjs/components/toggle/components/threePositions/toggleCenterRadioButton.js.map +1 -0
- package/dist/cjs/components/toggle/components/threePositions/toggleRadioButton.d.ts +8 -0
- package/dist/cjs/components/toggle/components/threePositions/toggleRadioButton.js +27 -0
- package/dist/cjs/components/toggle/components/threePositions/toggleRadioButton.js.map +1 -0
- package/dist/cjs/components/toggle/components/{toggleThreePosition.d.ts → threePositions/toggleThreePosition.d.ts} +2 -2
- package/dist/cjs/components/toggle/components/threePositions/toggleThreePosition.js +27 -0
- package/dist/cjs/components/toggle/components/threePositions/toggleThreePosition.js.map +1 -0
- package/dist/cjs/components/toggle/components/twoPositions/toggleContent.d.ts +7 -0
- package/dist/cjs/components/toggle/components/twoPositions/toggleContent.js +13 -0
- package/dist/cjs/components/toggle/components/twoPositions/toggleContent.js.map +1 -0
- package/dist/{esm/components/toggle/components → cjs/components/toggle/components/twoPositions}/toggleTwoPositions.d.ts +2 -2
- package/dist/cjs/components/toggle/components/twoPositions/toggleTwoPositions.js +24 -0
- package/dist/cjs/components/toggle/components/twoPositions/toggleTwoPositions.js.map +1 -0
- package/dist/cjs/components/toggle/toggle.styled.js +17 -7
- package/dist/cjs/components/toggle/toggle.styled.js.map +1 -1
- package/dist/cjs/components/toggle/toggleControlled.js +6 -2
- package/dist/cjs/components/toggle/toggleControlled.js.map +1 -1
- package/dist/cjs/components/toggle/toggleStandAlone.js +4 -4
- package/dist/cjs/components/toggle/toggleStandAlone.js.map +1 -1
- package/dist/cjs/components/toggle/toggleUnControlled.js +1 -5
- package/dist/cjs/components/toggle/toggleUnControlled.js.map +1 -1
- package/dist/cjs/components/toggle/types/toggle.d.ts +4 -1
- package/dist/cjs/components/toggle/utils/getScreenReaderText.d.ts +4 -0
- package/dist/cjs/components/toggle/utils/getScreenReaderText.js +11 -0
- package/dist/cjs/components/toggle/utils/getScreenReaderText.js.map +1 -0
- package/dist/cjs/components/toggle/utils/getTextOrIcon.d.ts +3 -0
- package/dist/cjs/components/toggle/utils/getTextOrIcon.js +11 -0
- package/dist/cjs/components/toggle/utils/getTextOrIcon.js.map +1 -0
- package/dist/cjs/components/toggle/utils/getValueOfRadioButton.d.ts +3 -0
- package/dist/cjs/components/toggle/utils/getValueOfRadioButton.js +15 -0
- package/dist/cjs/components/toggle/utils/getValueOfRadioButton.js.map +1 -0
- package/dist/cjs/components/toggleWithLabel/toggleWithLabel.styled.js +17 -7
- package/dist/cjs/components/toggleWithLabel/toggleWithLabel.styled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js +29 -7
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js +3 -3
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.d.ts +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js +8 -3
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/types/toggleWithLabel.d.ts +9 -7
- package/dist/cjs/components/tooltip/tooltip.styled.js +17 -7
- package/dist/cjs/components/tooltip/tooltip.styled.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +2 -2
- package/dist/cjs/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/cjs/components/video/video.styled.js +17 -7
- package/dist/cjs/components/video/video.styled.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/drawer/styles.js +0 -17
- package/dist/cjs/designSystem/kubit/components/drawer/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/modalV2/styles.js +25 -11
- package/dist/cjs/designSystem/kubit/components/modalV2/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/tabs/styles.js +15 -6
- package/dist/cjs/designSystem/kubit/components/tabs/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/toggleWithLabel/styles.js +1 -0
- package/dist/cjs/designSystem/kubit/components/toggleWithLabel/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/styles.js +17 -7
- package/dist/cjs/designSystem/kubit/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/variants.js +17 -7
- package/dist/cjs/designSystem/kubit/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/astra/styles.d.ts +5 -5
- package/dist/cjs/designSystem/kubitWireframe/commons/components/drawer/styles.js +0 -5
- package/dist/cjs/designSystem/kubitWireframe/commons/components/drawer/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/root/styles.d.ts +5 -5
- package/dist/cjs/designSystem/kubitWireframe/variants.js +17 -7
- package/dist/cjs/designSystem/kubitWireframe/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/vulcan/styles.d.ts +5 -5
- package/dist/cjs/designSystem/variants/variants.d.ts +2 -0
- package/dist/cjs/hooks/useInput/useInput.js +8 -2
- package/dist/cjs/hooks/useInput/useInput.js.map +1 -1
- package/dist/cjs/hooks/useTrapFocus/useTrapFocus.js +7 -1
- package/dist/cjs/hooks/useTrapFocus/useTrapFocus.js.map +1 -1
- package/dist/cjs/provider/genericComponents/defaultGenericComponents.d.ts +3 -3
- package/dist/cjs/utils/date/date.d.ts +1 -1
- package/dist/cjs/utils/getStyles/getStyles.js +1 -2
- package/dist/cjs/utils/getStyles/getStyles.js.map +1 -1
- package/dist/esm/components/actionBottomSheet/actionBottomSheetStandAlone.js +1 -1
- package/dist/esm/components/actionBottomSheet/actionBottomSheetStandAlone.js.map +1 -1
- package/dist/esm/components/actionBottomSheet/types/actionBottomSheetTheme.d.ts +1 -0
- package/dist/esm/components/backToTop/backToTopStandAlone.js +1 -1
- package/dist/esm/components/backToTop/backToTopStandAlone.js.map +1 -1
- package/dist/esm/components/calendar/calendarStandAlone.js +1 -1
- package/dist/esm/components/calendar/calendarStandAlone.js.map +1 -1
- package/dist/esm/components/calendar/utils/handleKeysmoves.js +2 -1
- package/dist/esm/components/calendar/utils/handleKeysmoves.js.map +1 -1
- package/dist/esm/components/carousel/carouselStandAlone.js +1 -1
- package/dist/esm/components/carousel/carouselStandAlone.js.map +1 -1
- package/dist/esm/components/dot/dot.js +1 -1
- package/dist/esm/components/dot/dot.js.map +1 -1
- package/dist/esm/components/dot/dotStandAlone.js +3 -3
- package/dist/esm/components/dot/dotStandAlone.js.map +1 -1
- package/dist/esm/components/dot/types/dot.d.ts +1 -0
- package/dist/esm/components/drawer/drawerControlled.js +14 -2
- package/dist/esm/components/drawer/drawerControlled.js.map +1 -1
- package/dist/esm/components/drawer/drawerStandAlone.js +0 -1
- package/dist/esm/components/drawer/drawerStandAlone.js.map +1 -1
- package/dist/esm/components/elementOrIcon/elementOrIcon.js.map +1 -1
- package/dist/esm/components/elementOrIllustration/elementOrIllustration.js +1 -1
- package/dist/esm/components/elementOrIllustration/elementOrIllustration.js.map +1 -1
- package/dist/esm/components/icon/iconHost.d.ts +0 -7
- package/dist/esm/components/icon/iconHost.js +0 -7
- package/dist/esm/components/icon/iconHost.js.map +1 -1
- package/dist/esm/components/iconHighlighted/iconHighlighted.styled.d.ts +3 -0
- package/dist/esm/components/iconHighlighted/iconHighlighted.styled.js +15 -4
- package/dist/esm/components/iconHighlighted/iconHighlighted.styled.js.map +1 -1
- package/dist/esm/components/iconHighlighted/iconHighlightedStandAlone.js +4 -4
- package/dist/esm/components/iconHighlighted/iconHighlightedStandAlone.js.map +1 -1
- package/dist/esm/components/iconHighlighted/types/iconHighlighted.d.ts +2 -0
- package/dist/esm/components/iconHighlighted/types/iconHighlightedTheme.d.ts +7 -0
- package/dist/esm/components/image/types/image.d.ts +3 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/input/components/inputIcon.js +2 -2
- package/dist/esm/components/input/components/inputIcon.js.map +1 -1
- package/dist/esm/components/input/input.styled.d.ts +4 -0
- package/dist/esm/components/input/input.styled.js +7 -0
- package/dist/esm/components/input/input.styled.js.map +1 -1
- package/dist/esm/components/input/types/input.d.ts +1 -1
- package/dist/esm/components/inputDropdown/components/optionsList.js +1 -1
- package/dist/esm/components/inputDropdown/components/optionsList.js.map +1 -1
- package/dist/esm/components/inputDropdown/components/popoverSearchList.js +5 -6
- package/dist/esm/components/inputDropdown/components/popoverSearchList.js.map +1 -1
- package/dist/esm/components/inputDropdown/helpers/filterOptions.d.ts +4 -4
- package/dist/esm/components/inputDropdown/helpers/filterOptions.js.map +1 -1
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.d.ts +1 -1
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js +34 -13
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/esm/components/inputDropdown/index.d.ts +0 -1
- package/dist/esm/components/inputDropdown/index.js +0 -1
- package/dist/esm/components/inputDropdown/index.js.map +1 -1
- package/dist/esm/components/inputDropdown/inputDropdown.js +3 -2
- package/dist/esm/components/inputDropdown/inputDropdown.js.map +1 -1
- package/dist/esm/components/inputDropdown/inputDropdownStandAlone.js +4 -4
- package/dist/esm/components/inputDropdown/inputDropdownStandAlone.js.map +1 -1
- package/dist/esm/components/inputDropdown/types/inputDropdown.d.ts +11 -6
- package/dist/esm/components/inputDropdown/types/inputDropdownTheme.d.ts +3 -0
- package/dist/esm/components/inputSearch/components/popoverSearchList.js +2 -2
- package/dist/esm/components/inputSearch/components/popoverSearchList.js.map +1 -1
- package/dist/esm/components/inputSearch/inputSearchStandAlone.js +2 -3
- package/dist/esm/components/inputSearch/inputSearchStandAlone.js.map +1 -1
- package/dist/esm/components/inputSearch/types/inputSearch.d.ts +2 -0
- package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.d.ts +1 -1
- package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.js +4 -2
- package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.js.map +1 -1
- package/dist/esm/components/modal/modalStandAlone.js +5 -5
- package/dist/esm/components/modal/modalStandAlone.js.map +1 -1
- package/dist/esm/components/modalV2/fragments/modalHeader.js +6 -6
- package/dist/esm/components/modalV2/fragments/modalHeader.js.map +1 -1
- package/dist/esm/components/modalV2/modal.styled.d.ts +2 -0
- package/dist/esm/components/modalV2/modal.styled.js +6 -0
- package/dist/esm/components/modalV2/modal.styled.js.map +1 -1
- package/dist/esm/components/modalV2/types/modalTheme.d.ts +3 -1
- package/dist/esm/components/navigationCard/navigationCardStandAlone.js +1 -5
- package/dist/esm/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/esm/components/navigationRow/navigationRowStandAlone.js +1 -1
- package/dist/esm/components/navigationRow/navigationRowStandAlone.js.map +1 -1
- package/dist/esm/components/pageControl/components/arrowControlStandAlone.d.ts +3 -3
- package/dist/esm/components/pageControl/components/arrowControlStandAlone.js +1 -2
- package/dist/esm/components/pageControl/components/arrowControlStandAlone.js.map +1 -1
- package/dist/esm/components/pageControl/components/buttonControlStandAlone.d.ts +8 -0
- package/dist/esm/components/pageControl/components/buttonControlStandAlone.js +9 -0
- package/dist/esm/components/pageControl/components/buttonControlStandAlone.js.map +1 -0
- package/dist/esm/components/pageControl/helper/controlType.d.ts +3 -0
- package/dist/esm/components/pageControl/helper/controlType.js +4 -0
- package/dist/esm/components/pageControl/helper/controlType.js.map +1 -0
- package/dist/esm/components/pageControl/helper/index.d.ts +1 -0
- package/dist/esm/components/pageControl/helper/index.js +1 -0
- package/dist/esm/components/pageControl/helper/index.js.map +1 -1
- package/dist/esm/components/pageControl/pageControl.styled.d.ts +5 -1
- package/dist/esm/components/pageControl/pageControl.styled.js +5 -1
- package/dist/esm/components/pageControl/pageControl.styled.js.map +1 -1
- package/dist/esm/components/pageControl/pageControlStandAlone.js +12 -6
- package/dist/esm/components/pageControl/pageControlStandAlone.js.map +1 -1
- package/dist/esm/components/pageControl/types/pageControl.d.ts +19 -2
- package/dist/esm/components/pageControl/types/pageControlTheme.d.ts +2 -0
- package/dist/esm/components/pillV2/pillStandAlone.js +3 -2
- package/dist/esm/components/pillV2/pillStandAlone.js.map +1 -1
- package/dist/esm/components/pillV2/types/index.d.ts +1 -1
- package/dist/esm/components/pillV2/types/index.js.map +1 -1
- package/dist/esm/components/pillV2/types/pill.d.ts +2 -1
- package/dist/esm/components/popover/popover.styled.js +13 -4
- package/dist/esm/components/popover/popover.styled.js.map +1 -1
- package/dist/esm/components/progressBar/progressBar.styled.d.ts +4 -0
- package/dist/esm/components/progressBar/progressBar.styled.js +1 -0
- package/dist/esm/components/progressBar/progressBar.styled.js.map +1 -1
- package/dist/esm/components/progressBar/progressBarStandAlone.js +1 -1
- package/dist/esm/components/progressBar/progressBarStandAlone.js.map +1 -1
- package/dist/esm/components/progressBar/types/progressBar.d.ts +4 -0
- package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js +1 -1
- package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js.map +1 -1
- package/dist/esm/components/stepperNumber/types/stepperNumber.d.ts +1 -0
- package/dist/esm/components/tabs/tabsStandAlone.js +12 -2
- package/dist/esm/components/tabs/tabsStandAlone.js.map +1 -1
- package/dist/esm/components/tabs/types/tabsTheme.d.ts +6 -2
- package/dist/esm/components/text/textStandAlone.js.map +1 -1
- package/dist/esm/components/text/types/text.d.ts +3 -1
- package/dist/esm/components/text/types/textTheme.d.ts +2 -0
- package/dist/esm/components/toggle/components/threePositions/toggleCenterRadioButton.d.ts +6 -0
- package/dist/esm/components/toggle/components/threePositions/toggleCenterRadioButton.js +10 -0
- package/dist/esm/components/toggle/components/threePositions/toggleCenterRadioButton.js.map +1 -0
- package/dist/esm/components/toggle/components/threePositions/toggleRadioButton.d.ts +8 -0
- package/dist/esm/components/toggle/components/threePositions/toggleRadioButton.js +23 -0
- package/dist/esm/components/toggle/components/threePositions/toggleRadioButton.js.map +1 -0
- package/dist/esm/components/toggle/components/{toggleThreePosition.d.ts → threePositions/toggleThreePosition.d.ts} +2 -2
- package/dist/esm/components/toggle/components/threePositions/toggleThreePosition.js +21 -0
- package/dist/esm/components/toggle/components/threePositions/toggleThreePosition.js.map +1 -0
- package/dist/esm/components/toggle/components/twoPositions/toggleContent.d.ts +7 -0
- package/dist/esm/components/toggle/components/twoPositions/toggleContent.js +9 -0
- package/dist/esm/components/toggle/components/twoPositions/toggleContent.js.map +1 -0
- package/dist/{cjs/components/toggle/components → esm/components/toggle/components/twoPositions}/toggleTwoPositions.d.ts +2 -2
- package/dist/esm/components/toggle/components/twoPositions/toggleTwoPositions.js +18 -0
- package/dist/esm/components/toggle/components/twoPositions/toggleTwoPositions.js.map +1 -0
- package/dist/esm/components/toggle/toggleControlled.js +6 -2
- package/dist/esm/components/toggle/toggleControlled.js.map +1 -1
- package/dist/esm/components/toggle/toggleStandAlone.js +4 -4
- package/dist/esm/components/toggle/toggleStandAlone.js.map +1 -1
- package/dist/esm/components/toggle/toggleUnControlled.js +1 -5
- package/dist/esm/components/toggle/toggleUnControlled.js.map +1 -1
- package/dist/esm/components/toggle/types/toggle.d.ts +4 -1
- package/dist/esm/components/toggle/utils/getScreenReaderText.d.ts +4 -0
- package/dist/esm/components/toggle/utils/getScreenReaderText.js +7 -0
- package/dist/esm/components/toggle/utils/getScreenReaderText.js.map +1 -0
- package/dist/esm/components/toggle/utils/getTextOrIcon.d.ts +3 -0
- package/dist/esm/components/toggle/utils/getTextOrIcon.js +7 -0
- package/dist/esm/components/toggle/utils/getTextOrIcon.js.map +1 -0
- package/dist/esm/components/toggle/utils/getValueOfRadioButton.d.ts +3 -0
- package/dist/esm/components/toggle/utils/getValueOfRadioButton.js +11 -0
- package/dist/esm/components/toggle/utils/getValueOfRadioButton.js.map +1 -0
- package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js +29 -7
- package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js +3 -3
- package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.d.ts +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.js +8 -3
- package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.d.ts +9 -7
- package/dist/esm/components/tooltip/tooltipStandAlone.js +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/drawer/styles.js +0 -17
- package/dist/esm/designSystem/kubit/components/drawer/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/modalV2/styles.js +25 -11
- package/dist/esm/designSystem/kubit/components/modalV2/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/tabs/styles.js +15 -6
- package/dist/esm/designSystem/kubit/components/tabs/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/toggleWithLabel/styles.js +1 -0
- package/dist/esm/designSystem/kubit/components/toggleWithLabel/styles.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/astra/styles.d.ts +5 -5
- package/dist/esm/designSystem/kubitWireframe/commons/components/drawer/styles.js +0 -5
- package/dist/esm/designSystem/kubitWireframe/commons/components/drawer/styles.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/root/styles.d.ts +5 -5
- package/dist/esm/designSystem/kubitWireframe/vulcan/styles.d.ts +5 -5
- package/dist/esm/designSystem/variants/variants.d.ts +2 -0
- package/dist/esm/hooks/useInput/useInput.js +8 -2
- package/dist/esm/hooks/useInput/useInput.js.map +1 -1
- package/dist/esm/hooks/useTrapFocus/useTrapFocus.js +7 -1
- package/dist/esm/hooks/useTrapFocus/useTrapFocus.js.map +1 -1
- package/dist/esm/provider/genericComponents/defaultGenericComponents.d.ts +3 -3
- package/dist/esm/utils/date/date.d.ts +1 -1
- package/dist/esm/utils/getStyles/getStyles.js +1 -2
- package/dist/esm/utils/getStyles/getStyles.js.map +1 -1
- package/dist/tsconfig-cjs.tsbuildinfo +1 -1
- package/dist/tsconfig-esm.tsbuildinfo +1 -1
- package/package.json +34 -32
- package/dist/cjs/components/toggle/components/toggleThreePosition.js +0 -61
- package/dist/cjs/components/toggle/components/toggleThreePosition.js.map +0 -1
- package/dist/cjs/components/toggle/components/toggleTwoPositions.js +0 -31
- package/dist/cjs/components/toggle/components/toggleTwoPositions.js.map +0 -1
- package/dist/esm/components/toggle/components/toggleThreePosition.js +0 -55
- package/dist/esm/components/toggle/components/toggleThreePosition.js.map +0 -1
- package/dist/esm/components/toggle/components/toggleTwoPositions.js +0 -25
- package/dist/esm/components/toggle/components/toggleTwoPositions.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputDropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputDropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -14,12 +14,13 @@ const InputDropdownComponent = React.forwardRef(({ open = false, type = InputTyp
|
|
|
14
14
|
const styles = useStyles(STYLES_NAME.INMPUT_DROPDOWN, variant, ctv);
|
|
15
15
|
const device = useMediaDevice();
|
|
16
16
|
const hasIconAction = !!icon?.onClick || !!props.rightIcon?.onClick;
|
|
17
|
-
const { openOptions, optionsFiltered, searchText, inputPopoverText, valueSearchSelected, handleChangeInputDropdown, handleClickInputDropdown, handleClickIconInputDropdown, handleInputPopoverIconClick, handleOpenOptions, handleValueSelected, handleInputKeyDown, handleInputBlur, state, ref: innerRef, listOptionsHeight, handleFocusInternal, handleInputPopoverChange,
|
|
17
|
+
const { openOptions, optionsFiltered, searchText, inputPopoverText, valueSearchSelected, handleChangeInputDropdown, handleClickInputDropdown, handleClickIconInputDropdown, handleInputPopoverIconClick, handleOpenOptions, handleValueSelected, handleInputKeyDown, handleInputBlur, state, ref: innerRef, listOptionsHeight, handleFocusInternal, handleInputPopoverChange, } = useInputDropdown({
|
|
18
18
|
internalErrorExecution,
|
|
19
19
|
open,
|
|
20
20
|
optionList,
|
|
21
21
|
type,
|
|
22
22
|
value,
|
|
23
|
+
allowSearch: props.allowSearch,
|
|
23
24
|
styles,
|
|
24
25
|
onClick,
|
|
25
26
|
onIconClick: icon?.onClick,
|
|
@@ -41,7 +42,7 @@ const InputDropdownComponent = React.forwardRef(({ open = false, type = InputTyp
|
|
|
41
42
|
return (_jsx(InputDropdownStandAlone, { ...props, ref: innerRef, device: device, icon: { ...icon, onClick: hasIconAction ? handleClickIconInputDropdown : undefined }, informationAssociatedValue: informationAssociatedValue, inputPopoverValue: inputPopoverText, listOptionsHeight: listOptionsHeight, open: openOptions, optionList: optionsFiltered, rightIcon: {
|
|
42
43
|
...props.rightIcon,
|
|
43
44
|
onClick: hasIconAction ? handleClickIconInputDropdown : undefined,
|
|
44
|
-
}, searchText: searchText, state: state, styles: styles, type: type, value: valueSearchSelected, onBlur: handleInputBlur, onChange: handleChangeInputDropdown, onClick: handleClickInputDropdown, onFocus: handleFocusInternal, onInputPopoverChange: handleInputPopoverChange, onInputPopoverIconClick: handleInputPopoverIconClick,
|
|
45
|
+
}, searchText: searchText, state: state, styles: styles, type: type, value: valueSearchSelected, onBlur: handleInputBlur, onChange: handleChangeInputDropdown, onClick: handleClickInputDropdown, onFocus: handleFocusInternal, onInputPopoverChange: handleInputPopoverChange, onInputPopoverIconClick: handleInputPopoverIconClick, onKeyDown: handleInputKeyDown, onOpenOptions: handleOpenOptions, onValueSelected: handleValueSelected }));
|
|
45
46
|
});
|
|
46
47
|
InputDropdownComponent.displayName = 'InputDropdownComponent';
|
|
47
48
|
const InputDropdownBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(InputDropdownStandAlone, { ...props, ref: ref }) }), children: _jsx(InputDropdownComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputDropdown.js","sourceRoot":"","sources":["../../../../src/components/inputDropdown/inputDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAIpE,MAAM,aAAa,GAAG,CAAC,CAAC;AAExB,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAC7C,CACE,EACE,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,aAAa,CAAC,IAAI,EACzB,cAAc,GAAG,aAAa,EAC9B,8BAA8B,GAAG,IAAI,EACrC,sBAAsB,GAAG,wBAAwB,CAAC,iBAAiB,EACnE,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,UAAU,EACV,0BAA0B,EAC1B,OAAO,EACP,OAAO,EACP,uBAAuB,EACvB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,IAAI,EACJ,GAAG,EACH,GAAG,KAAK,EACU,EACpB,GAAsD,EACzC,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,WAAW,CAAC,eAAe,EAC3B,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,IAAI,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;IAEpE,MAAM,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACnB,yBAAyB,EACzB,wBAAwB,EACxB,4BAA4B,EAC5B,2BAA2B,EAC3B,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,KAAK,EACL,GAAG,EAAE,QAAQ,EACb,iBAAiB,EACjB,mBAAmB,EACnB,wBAAwB,
|
|
1
|
+
{"version":3,"file":"inputDropdown.js","sourceRoot":"","sources":["../../../../src/components/inputDropdown/inputDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,20 +13,20 @@ export const InputDropdownStandAloneComponent = ({ dataTestId = 'input-dropdown'
|
|
|
13
13
|
const inputWrapperRef = React.useRef(null);
|
|
14
14
|
const uniqueId = useId('inputDropdown');
|
|
15
15
|
const inputId = props.id ?? uniqueId;
|
|
16
|
-
const
|
|
16
|
+
const optionListId = props.open ? `${uniqueId}List` : undefined;
|
|
17
17
|
const { refInput, refIcon } = ref;
|
|
18
18
|
const refs = { refInput, refIcon };
|
|
19
19
|
return (_jsxs(InputDropdownStyled, { "data-testid": dataTestId, styles: props.styles?.[props.state], onKeyDown: e => {
|
|
20
20
|
if (props.device === DeviceBreakpointsType.DESKTOP && isKeyTabPressed(e.key)) {
|
|
21
21
|
props.onOpenOptions(false);
|
|
22
22
|
}
|
|
23
|
-
}, children: [_jsx("div", { ref: inputWrapperRef, children: _jsx(Input, { ...props, ref: refs, "aria-controls":
|
|
23
|
+
}, children: [_jsx("div", { ref: inputWrapperRef, children: _jsx(Input, { ...props, ref: refs, "aria-controls": optionListId, "aria-expanded": props.open, "aria-haspopup": ROLES.LISTBOX, autocomplete: props.autocomplete || (props.allowSearch ?? props.styles?.[props.state]?.allowSearch)
|
|
24
24
|
? AUTOCOMPLETE_TYPE.ON
|
|
25
25
|
: AUTOCOMPLETE_TYPE.OFF, icon: { rotate: props.open ? '180deg' : '0deg', ...props.icon }, id: inputId, overrideStyles: props.styles, rightIcon: { rotate: props.open ? '180deg' : '0deg', ...props.rightIcon }, role: ROLES.COMBOBOX, value: props.searchText, variant: props.inputVariant ?? props.styles?.[props.state]?.inputVariant, onChange: event => props.autocomplete ||
|
|
26
|
-
(props.styles?.[props.state]?.allowSearch &&
|
|
26
|
+
((props.allowSearch ?? props.styles?.[props.state]?.allowSearch) &&
|
|
27
27
|
props.device === DeviceBreakpointsType.DESKTOP)
|
|
28
28
|
? props.onChange?.(event)
|
|
29
|
-
: undefined }) }), _jsx(PopoverSearchList, { ref: ref,
|
|
29
|
+
: undefined }) }), _jsx(PopoverSearchList, { ref: ref, allowSearch: props.allowSearch, closeIcon: props.closeIcon, device: props.device, dragIcon: props.dragIcon, elementsToShow: props.elementsToShow, hasInputInSearchList: props.hasInputInSearchList, hasResultTextWrittenByUser: props.hasResultTextWrittenByUser, inputPopoverIcon: props.inputPopoverIcon, inputPopoverRightIcon: props.inputPopoverRightIcon, inputPopoverValue: props.inputPopoverValue, label: props.label, listOptionsHeight: props.listOptionsHeight, loader: props.loader, loading: props.loadingList, loadingText: props.loadingText, noResultsText: props.noResultsText, open: props.open, optionList: props.optionList, optionListId: optionListId, preventCloseOnClickElements: [inputWrapperRef.current], searchText: props.searchText, state: props.state, styles: props.styles, value: props.value, onCloseIconTabletMobileClick: props.onCloseIconTabletMobileClick, onInputPopoverChange: props.onInputPopoverChange, onInputPopoverIconClick: props.onInputPopoverIconClick, onOpenOptions: props.onOpenOptions, onValueSelected: props.onValueSelected })] }));
|
|
30
30
|
};
|
|
31
31
|
export const InputDropdownStandAlone = React.forwardRef(InputDropdownStandAloneComponent);
|
|
32
32
|
//# sourceMappingURL=inputDropdownStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputDropdownStandAlone.js","sourceRoot":"","sources":["../../../../src/components/inputDropdown/inputDropdownStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,eAAe,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,SAAS;AACT,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAC9C,EAAE,UAAU,GAAG,gBAAgB,EAAE,GAAG,KAAK,EAA4B,EACrE,GAAgC,EACnB,EAAE;IACf,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAW,KAAK,CAAC,eAAe,CAAC,CAAC;IAChD,MAAM,OAAO,GAAW,KAAK,CAAC,EAAE,IAAI,QAAQ,CAAC;IAC7C,MAAM,YAAY,GAAG,GAAG,QAAQ,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"inputDropdownStandAlone.js","sourceRoot":"","sources":["../../../../src/components/inputDropdown/inputDropdownStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,21 +10,26 @@ import { ILoader } from '../../loader/types/loader';
|
|
|
10
10
|
import { IText } from '../../text/types/text';
|
|
11
11
|
import { InputDropdownListOptionsProps, InputDropdownStateProps, InputDropdownStylesProps } from './inputDropdownTheme';
|
|
12
12
|
export type InputDropdownOptionsAriasTypes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby'>;
|
|
13
|
+
export type OptionsInputDropdown = ListOptionsOptionType & {
|
|
14
|
+
customLabel?: string;
|
|
15
|
+
};
|
|
13
16
|
export type InputDropdownOptionsType = {
|
|
14
|
-
options:
|
|
17
|
+
options: OptionsInputDropdown[];
|
|
15
18
|
optionVariant?: string;
|
|
16
19
|
listOptionsVariant?: string;
|
|
17
20
|
} & InputDropdownOptionsAriasTypes;
|
|
18
21
|
export interface IPopoverDropdownList {
|
|
19
22
|
open: boolean;
|
|
20
23
|
optionList: InputDropdownOptionsType;
|
|
24
|
+
optionListId?: string;
|
|
21
25
|
state: InputState;
|
|
26
|
+
allowSearch?: boolean;
|
|
22
27
|
styles: InputDropdownStylesProps;
|
|
23
28
|
onOpenOptions: (value: boolean) => void;
|
|
24
29
|
onValueSelected: (value: string) => void;
|
|
25
30
|
listOptionsHeight: string;
|
|
26
|
-
['aria-controls']?: string;
|
|
27
31
|
closeIcon?: IElementOrIcon;
|
|
32
|
+
dragIcon?: IElementOrIcon;
|
|
28
33
|
dataTestId?: string;
|
|
29
34
|
elementsToShow?: number;
|
|
30
35
|
noResultsText?: InputDropdownNoResultTextType;
|
|
@@ -48,7 +53,6 @@ export interface IPopoverDropdownList {
|
|
|
48
53
|
inputPopoverValue?: string;
|
|
49
54
|
value?: string;
|
|
50
55
|
onInputPopoverChange: React.ChangeEventHandler<HTMLInputElement>;
|
|
51
|
-
onInputPopoverKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
|
|
52
56
|
onInputPopoverIconClick: () => void;
|
|
53
57
|
onCloseIconTabletMobileClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
|
|
54
58
|
}
|
|
@@ -62,9 +66,9 @@ export interface IOptionsListDropdownList {
|
|
|
62
66
|
stylesListOption?: InputDropdownListOptionsProps;
|
|
63
67
|
stylesState?: InputDropdownStateProps;
|
|
64
68
|
optionList: InputDropdownOptionsType;
|
|
69
|
+
optionListId?: string;
|
|
65
70
|
onOpenOptions: (value: boolean) => void;
|
|
66
71
|
onValueSelected: (value: string) => void;
|
|
67
|
-
['aria-controls']?: string;
|
|
68
72
|
dataTestId?: string;
|
|
69
73
|
loading?: boolean;
|
|
70
74
|
loader?: Omit<ILoader, 'variant'> & {
|
|
@@ -98,6 +102,7 @@ export interface IInputDropdownStandAlone extends Omit<IInputStandAlone, PropsTo
|
|
|
98
102
|
elementsToShow?: number;
|
|
99
103
|
noResultsText?: InputDropdownNoResultTextType;
|
|
100
104
|
closeIcon?: IElementOrIcon;
|
|
105
|
+
dragIcon?: IElementOrIcon;
|
|
101
106
|
hasResultTextWrittenByUser?: boolean;
|
|
102
107
|
hasInputInSearchList?: boolean;
|
|
103
108
|
/**
|
|
@@ -107,6 +112,7 @@ export interface IInputDropdownStandAlone extends Omit<IInputStandAlone, PropsTo
|
|
|
107
112
|
inputPopoverRightIcon?: IElementOrIcon;
|
|
108
113
|
inputPopoverValue?: string;
|
|
109
114
|
inputPopoverVariant?: string;
|
|
115
|
+
allowSearch?: boolean;
|
|
110
116
|
/**
|
|
111
117
|
* @deprecated
|
|
112
118
|
* @description This prop is deprecated and will be removed in the next major version.
|
|
@@ -116,10 +122,9 @@ export interface IInputDropdownStandAlone extends Omit<IInputStandAlone, PropsTo
|
|
|
116
122
|
onValueSelected: (value: string) => void;
|
|
117
123
|
onInputPopoverIconClick: () => void;
|
|
118
124
|
onInputPopoverChange: React.ChangeEventHandler<HTMLInputElement>;
|
|
119
|
-
onInputPopoverKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
120
125
|
onCloseIconTabletMobileClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
|
|
121
126
|
}
|
|
122
|
-
type PropsToOmitIInputDropdownStandAlone = 'styles' | 'state' | 'searchText' | 'inputPopoverValue' | 'device' | 'open' | 'listOptionsHeight' | 'onOpenOptions' | 'onValueSelected' | 'onChange' | 'onInputPopoverChange' | '
|
|
127
|
+
type PropsToOmitIInputDropdownStandAlone = 'styles' | 'state' | 'searchText' | 'inputPopoverValue' | 'device' | 'open' | 'listOptionsHeight' | 'onOpenOptions' | 'onValueSelected' | 'onChange' | 'onInputPopoverChange' | 'onInputPopoverIconClick' | 'onClick';
|
|
123
128
|
export type InputDropdownOnChangeType = (event: React.ChangeEvent<HTMLSelectElement>) => void;
|
|
124
129
|
export interface IInputDropdown<V = undefined extends string ? unknown : string> extends Omit<IInputDropdownStandAlone, PropsToOmitIInputDropdownStandAlone>, Omit<CustomTokenTypes<InputDropdownStylesProps>, 'cts' | 'extraCt'> {
|
|
125
130
|
open?: boolean;
|
|
@@ -3,6 +3,9 @@ import { DeviceBreakpointsType } from '../../../types/breakpoints/breakpoints';
|
|
|
3
3
|
import { CommonStyleType } from '../../../types/styles/commonStyle';
|
|
4
4
|
import { TypographyTypes } from '../../../types/styles/typography';
|
|
5
5
|
export type InputDropdownStateProps = InputBasicStateProps & {
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated Use prop allowSearch instead
|
|
8
|
+
*/
|
|
6
9
|
allowSearch?: boolean;
|
|
7
10
|
inputVariant?: string;
|
|
8
11
|
popoverVariant?: {
|
|
@@ -51,7 +51,7 @@ export const PopoverSearchListComponent = ({ sublabel = { content: 'Use this' },
|
|
|
51
51
|
}
|
|
52
52
|
return (_jsx(LoadingIcon, { expanded: true, loader: props.loader, loading: props.loading, loadingText: props.loadingText, stateStyles: props.styles?.[props.state] }));
|
|
53
53
|
};
|
|
54
|
-
const renderSearchList = () => (_jsx(ListContainerStyled, { "$height": getLength(props.optionList) ? props.listOptionsHeight : '', "data-testid": `${props.dataTestId}-list`, styles: props.styles?.[props.state], useActionBottomSheet: useActionBottomSheet, children: _jsx(InputSearchListStyled, { "$height": getLength(props.optionList) ? props.listOptionsHeight : '', styles: props.styles?.[props.state], useActionBottomSheet: useActionBottomSheet, onKeyDown: event => {
|
|
54
|
+
const renderSearchList = () => (_jsx(ListContainerStyled, { "data-input-search-list": true, "$height": getLength(props.optionList) ? props.listOptionsHeight : '', "data-testid": `${props.dataTestId}-list`, styles: props.styles?.[props.state], useActionBottomSheet: useActionBottomSheet, children: _jsx(InputSearchListStyled, { "$height": getLength(props.optionList) ? props.listOptionsHeight : '', styles: props.styles?.[props.state], useActionBottomSheet: useActionBottomSheet, onKeyDown: event => {
|
|
55
55
|
props.onOptionsListKeyDown?.(event);
|
|
56
56
|
}, children: !showHighlightedOption && getLength(props.optionList) === 0
|
|
57
57
|
? renderIconOrMessage()
|
|
@@ -66,7 +66,7 @@ export const PopoverSearchListComponent = ({ sublabel = { content: 'Use this' },
|
|
|
66
66
|
props.closeIcon?.onClick?.(event);
|
|
67
67
|
refInput?.current?.focus();
|
|
68
68
|
},
|
|
69
|
-
}, headerContent: _jsx(Input, { id: inputPopoverId, variant: props.inputConfiguration?.variant, ...props.inputConfiguration, icon: {
|
|
69
|
+
}, dragIcon: props.dragIcon, headerContent: _jsx(Input, { id: inputPopoverId, variant: props.inputConfiguration?.variant, ...props.inputConfiguration, icon: {
|
|
70
70
|
...props.inputConfiguration?.icon,
|
|
71
71
|
onClick: event => {
|
|
72
72
|
props.inputConfiguration?.onIconClick;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popoverSearchList.js","sourceRoot":"","sources":["../../../../../src/components/inputSearch/components/popoverSearchList.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"popoverSearchList.js","sourceRoot":"","sources":["../../../../../src/components/inputSearch/components/popoverSearchList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,6 @@ import { ROLES } from '../../types/role/role';
|
|
|
6
6
|
import { isKeyTabPressed } from '../../utils/keyboard/keyboard.utility';
|
|
7
7
|
import { InputControlled as Input } from '../input/inputControlled';
|
|
8
8
|
import { AUTOCOMPLETE_TYPE } from '../input/types/input';
|
|
9
|
-
import { PopoverComponentType } from '../popover/types/component';
|
|
10
9
|
import { PopoverSearchList } from './components/popoverSearchList';
|
|
11
10
|
import { shouldOpenPopover } from './helpers/popover';
|
|
12
11
|
// helpers
|
|
@@ -31,13 +30,13 @@ export const InputSearchStandAloneComponent = ({ error, dataTestId = 'input-sear
|
|
|
31
30
|
if (props.device === DeviceBreakpointsType.DESKTOP && isKeyTabPressed(e.key)) {
|
|
32
31
|
props.onOpenOptions(false);
|
|
33
32
|
}
|
|
34
|
-
}, children: [_jsx("div", { ref: inputWrapperRef, children: _jsx(Input, { ...props, ref: sendRef, "aria-controls": popoverOpen ? ariaControls : undefined, "aria-expanded": popoverOpen, "aria-haspopup":
|
|
33
|
+
}, children: [_jsx("div", { ref: inputWrapperRef, children: _jsx(Input, { ...props, ref: sendRef, "aria-controls": popoverOpen ? ariaControls : undefined, "aria-expanded": popoverOpen, "aria-haspopup": ROLES.LISTBOX, autocomplete: props.autocomplete || AUTOCOMPLETE_TYPE.OFF, icon: {
|
|
35
34
|
...props.icon,
|
|
36
35
|
onClick: props.icon?.onClick,
|
|
37
36
|
}, id: inputId, overrideStyles: props.styles, rightIcon: {
|
|
38
37
|
...props.rightIcon,
|
|
39
38
|
onClick: props.rightIcon?.onClick,
|
|
40
|
-
}, role: ROLES.COMBOBOX, value: props.searchText, variant: props.inputVariant ?? props.styles?.[props.state]?.inputVariant, onClick: props.onClick }) }), _jsx(PopoverSearchList, { ref: ref, "aria-controls": ariaControls, blockBackPopover: props.blockBackPopover, caseSensitive: props.caseSensitive, closeIcon: props.closeIcon, dataTestId: dataTestId, device: props.device, elementsToShow: props.elementsToShow, hasHighlightedOption: props.hasHighlightedOption, hasResultTextWrittenByUser: props.hasResultTextWrittenByUser, highlightedOption: props.highlightedOption, initialOptionsLength: props.initialOptionsLength, inputConfiguration: {
|
|
39
|
+
}, role: ROLES.COMBOBOX, value: props.searchText, variant: props.inputVariant ?? props.styles?.[props.state]?.inputVariant, onClick: props.onClick }) }), _jsx(PopoverSearchList, { ref: ref, "aria-controls": ariaControls, blockBackPopover: props.blockBackPopover, caseSensitive: props.caseSensitive, closeIcon: props.closeIcon, dataTestId: dataTestId, device: props.device, dragIcon: props.dragIcon, elementsToShow: props.elementsToShow, hasHighlightedOption: props.hasHighlightedOption, hasResultTextWrittenByUser: props.hasResultTextWrittenByUser, highlightedOption: props.highlightedOption, initialOptionsLength: props.initialOptionsLength, inputConfiguration: {
|
|
41
40
|
additionalInfo: props.additionalInfo,
|
|
42
41
|
label: props.label,
|
|
43
42
|
secondaryLabel: props.secondaryLabel,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputSearchStandAlone.js","sourceRoot":"","sources":["../../../../src/components/inputSearch/inputSearchStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAkC,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,eAAe,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"inputSearchStandAlone.js","sourceRoot":"","sources":["../../../../src/components/inputSearch/inputSearchStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -51,6 +51,7 @@ export interface IPopoverSearchList {
|
|
|
51
51
|
blockBackPopover?: boolean;
|
|
52
52
|
['aria-controls']?: string;
|
|
53
53
|
closeIcon?: IElementOrIcon;
|
|
54
|
+
dragIcon?: IElementOrIcon;
|
|
54
55
|
dataTestId?: string;
|
|
55
56
|
device: DeviceBreakpointsType;
|
|
56
57
|
elementsToShow?: number;
|
|
@@ -143,6 +144,7 @@ export interface IInputSearchStandAlone extends Omit<IInputStandAlone, propsToOm
|
|
|
143
144
|
hasHighlightedOption?: boolean;
|
|
144
145
|
sublabel?: OptionSublabelType;
|
|
145
146
|
closeIcon?: IElementOrIcon;
|
|
147
|
+
dragIcon?: IElementOrIcon;
|
|
146
148
|
/**
|
|
147
149
|
* @deprecated `inputPopoverIcon` will be removed. Use `popoverRightIcon` instead
|
|
148
150
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ILinkAsButtonStandAlone } from '../types/link';
|
|
3
|
-
export declare const LinkAsButtonStandAloneComponent: ({ dataTestId, children, url, component, target, role, onClick, ...props }: ILinkAsButtonStandAlone, ref: React.ForwardedRef<HTMLElement> | undefined) => JSX.Element;
|
|
3
|
+
export declare const LinkAsButtonStandAloneComponent: ({ dataTestId, children, url, component, target, role, onClick, ["aria-label"]: ariaLabel, ...props }: ILinkAsButtonStandAlone, ref: React.ForwardedRef<HTMLElement> | undefined) => JSX.Element;
|
|
4
4
|
export declare const LinkAsButtonStandAlone: React.ForwardRefExoticComponent<ILinkAsButtonStandAlone & React.RefAttributes<HTMLElement>>;
|
|
@@ -3,13 +3,15 @@ import React from 'react';
|
|
|
3
3
|
import { ButtonStyled } from '../../../components/button/button.styled';
|
|
4
4
|
import { ButtonStandAloneStructure } from '../../../components/button/buttonStandAlone';
|
|
5
5
|
import { Text } from '../../../components/text/text';
|
|
6
|
+
import { pickAriaProps } from '../../../utils/aria/aria';
|
|
6
7
|
import { ButtonStateType } from '../../button/types/state';
|
|
7
8
|
import { TextDecorationType } from '../../text/types/decoration';
|
|
8
9
|
import { LinkAsButtonWrapperStyled } from './linkAsButton.styled';
|
|
9
|
-
export const LinkAsButtonStandAloneComponent = ({ dataTestId = 'link-as-button', children, url, component, target, role, onClick, ...props }, ref) => {
|
|
10
|
+
export const LinkAsButtonStandAloneComponent = ({ dataTestId = 'link-as-button', children, url, component, target, role, onClick, ['aria-label']: ariaLabel, ...props }, ref) => {
|
|
11
|
+
const ariaProps = pickAriaProps(props);
|
|
10
12
|
return (
|
|
11
13
|
// Apply button border radius to the link when focus-visible
|
|
12
|
-
_jsx(LinkAsButtonWrapperStyled, { "$fullWidth": props.fullWidth, "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, "data-testid": dataTestId, children: _jsx(Text, { ref: ref, "aria-label":
|
|
14
|
+
_jsx(LinkAsButtonWrapperStyled, { "$fullWidth": props.fullWidth, "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, "data-testid": dataTestId, children: _jsx(Text, { ref: ref, "aria-label": ariaLabel, component: component, decoration: TextDecorationType.NONE, isDisabled: props.state === ButtonStateType.DISABLED, role: role, target: target, url: url, onClick: onClick, children: _jsx(ButtonStyled, { as: "span", ...props, "$fullWidth": props.fullWidth, "$iconPosition": props.iconPosition, "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, children: _jsx(ButtonStandAloneStructure, { ...props, children: children }) }) }) }));
|
|
13
15
|
};
|
|
14
16
|
export const LinkAsButtonStandAlone = React.forwardRef(LinkAsButtonStandAloneComponent);
|
|
15
17
|
//# sourceMappingURL=linkAsButtonStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linkAsButtonStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/link/linkAsButton/linkAsButtonStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"linkAsButtonStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/link/linkAsButton/linkAsButtonStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAElE,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAC7C,EACE,UAAU,GAAG,gBAAgB,EAC7B,QAAQ,EACR,GAAG,EACH,SAAS,EACT,MAAM,EACN,IAAI,EACJ,OAAO,EACP,CAAC,YAAY,CAAC,EAAE,SAAS,EACzB,GAAG,KAAK,EACgB,EAC1B,GAAgD,EACnC,EAAE;IACf,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO;IACL,4DAA4D;IAC5D,KAAC,yBAAyB,kBACZ,KAAK,CAAC,SAAS,iBACd,KAAK,CAAC,UAAU,YACrB,KAAK,CAAC,KAAK,aACV,KAAK,CAAC,MAAM,iBACR,UAAU,YAEvB,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,gBACI,SAAS,EACrB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,kBAAkB,CAAC,IAAI,EACnC,UAAU,EAAE,KAAK,CAAC,KAAK,KAAK,eAAe,CAAC,QAAQ,EACpD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,YAEhB,KAAC,YAAY,IACX,EAAE,EAAC,MAAM,KACL,KAAK,gBACG,KAAK,CAAC,SAAS,mBACZ,KAAK,CAAC,YAAY,iBACpB,KAAK,CAAC,UAAU,YACrB,KAAK,CAAC,KAAK,aACV,KAAK,CAAC,MAAM,YAErB,KAAC,yBAAyB,OAAK,KAAK,YAAG,QAAQ,GAA6B,GAC/D,GACV,GACmB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC"}
|
|
@@ -13,17 +13,17 @@ import { PopoverControlled as Popover } from '../popover/popoverControlled';
|
|
|
13
13
|
import { PopoverComponentType } from '../popover/types/component';
|
|
14
14
|
import { PopoverPositionVariantType } from '../popover/types/positionVariant';
|
|
15
15
|
import { DraggableIcon, ModalCloseButtonStyled, ModalContentStyled, ModalFooterStyled, ModalHeaderStyled, ModalImageStyled, ModalStyled, TitleHiddenContainer, } from './modal.styled';
|
|
16
|
-
const ModalStandAloneComponent = ({ dataTestId = '
|
|
16
|
+
const ModalStandAloneComponent = ({ dataTestId = 'modal', customHeightAllDevices = false, customWidthAllDevices = false, ...props }, ref) => {
|
|
17
17
|
const uniqueModalId = useId('modal');
|
|
18
18
|
const modalId = props.id ?? uniqueModalId;
|
|
19
19
|
const uniqueTitleId = useId('modal-title');
|
|
20
20
|
const titleIdFinal = props.title?.id ?? uniqueTitleId;
|
|
21
21
|
const buildIconOrIllustration = () => {
|
|
22
22
|
if (props.imageIllustrationHeader?.illustration) {
|
|
23
|
-
return (_jsx(ModalImageStyled, { "data-modal-ilustration-container": true, "$styles": props.styles, "data-testid": `${dataTestId}
|
|
23
|
+
return (_jsx(ModalImageStyled, { "data-modal-ilustration-container": true, "$styles": props.styles, "data-testid": `${dataTestId}-image-header`, children: _jsx(ElementOrIllustration, { customIllustrationStyles: props.styles.imageIllustrationHeader, ...props.imageIllustrationHeader }) }));
|
|
24
24
|
}
|
|
25
25
|
else if (props.imageHeader?.icon) {
|
|
26
|
-
return (_jsx(ModalImageStyled, { "$styles": props.styles, "data-testid": `${dataTestId}
|
|
26
|
+
return (_jsx(ModalImageStyled, { "$styles": props.styles, "data-testid": `${dataTestId}-image-header`, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.imageHeader, ...props.imageHeader }) }));
|
|
27
27
|
}
|
|
28
28
|
return null;
|
|
29
29
|
};
|
|
@@ -34,9 +34,9 @@ const ModalStandAloneComponent = ({ dataTestId = 'modalDataTestId', customHeight
|
|
|
34
34
|
: undefined;
|
|
35
35
|
};
|
|
36
36
|
const modalFooterVariant = props.footer?.variant ?? props.styles.footerVariant;
|
|
37
|
-
return (_jsx(Popover, { "aria-labelledby": titleIdFinal, "aria-modal": props.open, clickOverlayClose: !props.blocked, component: PopoverComponentType.DIV,
|
|
37
|
+
return (_jsx(Popover, { "aria-labelledby": titleIdFinal, "aria-modal": props.open, clickOverlayClose: !props.blocked, component: PopoverComponentType.DIV, hasBackDrop: true, id: modalId, open: props.open, positionVariant: PopoverPositionVariantType.FIXED, role: ROLES.DIALOG, trapFocusInsideModal: true, variant: props.styles.popoverVariant, onCloseInternally: props.onPopoverCloseInternally, ...props.popover, children: _jsxs(ModalStyled, { ref: ref, "$maxHeight": props.maxHeight, "$maxWidth": props.maxWidth, "$minHeight": customHeightAllDevices ? props.minHeight : onlyDesktopSize(props.minHeight), "$minWidth": customWidthAllDevices ? props.minWidth : onlyDesktopSize(props.minWidth), "$styles": props.styles, "data-testid": dataTestId, hasFooter: !!props.footer?.content, onKeyDown: event => props.onKeyDown?.(event), children: [_jsxs(ModalHeaderStyled, { "data-modal-header": true, "$styles": props.styles, children: [!props.blocked && props.dragIcon && (_jsx(DraggableIcon, { "data-modal-draggable-icon": true, "$styles": props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), !props.blocked && props.closeIcon?.icon && (_jsx(ModalCloseButtonStyled, { "$styles": props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.closeButtonIcon, ...props.closeIcon }) })), !props.blocked &&
|
|
38
38
|
props.closeButton?.content &&
|
|
39
|
-
(props.styles.closeButton?.buttonVariant || props.closeButton?.variant) && (_jsx(Button, { variant: props.styles.closeButton?.buttonVariant, ...props.closeButton, children: props.closeButton.content })), buildIconOrIllustration(), props.title?.visible === undefined || props.title.visible ? (_jsx(Text, { component: TextComponentType.H1, customTypography: props.styles.title,
|
|
39
|
+
(props.styles.closeButton?.buttonVariant || props.closeButton?.variant) && (_jsx(Button, { variant: props.styles.closeButton?.buttonVariant, ...props.closeButton, children: props.closeButton.content })), buildIconOrIllustration(), props.title?.visible === undefined || props.title.visible ? (_jsx(Text, { component: TextComponentType.H1, customTypography: props.styles.title, id: titleIdFinal, ...props.title, children: props.title?.content })) : (_jsx(TitleHiddenContainer, { id: titleIdFinal, children: props.title?.content }))] }), _jsx(ModalContentStyled, { "data-modal-content": true, "$minContentHeight": props.minContentHeight, "$styles": props.styles, "aria-label": props.contentHasScroll ? props.contentScrollArias?.['aria-label'] : undefined, "aria-labelledby": props.contentHasScroll ? props.contentScrollArias?.['aria-labelledby'] : undefined, "data-testid": `${dataTestId}-content`, role: props.contentHasScroll ? ROLES.REGION : undefined, tabIndex: props.contentHasScroll ? 0 : undefined, children: props.content }), modalFooterVariant && props.footer?.content && (_jsx(ModalFooterStyled, { "$styles": props.styles, children: _jsx(Footer, { variant: modalFooterVariant, ...props.footer, children: props.footer?.content }) }))] }) }));
|
|
40
40
|
};
|
|
41
41
|
export const ModalStandAlone = React.forwardRef(ModalStandAloneComponent);
|
|
42
42
|
//# sourceMappingURL=modalStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalStandAlone.js","sourceRoot":"","sources":["../../../../src/components/modal/modalStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AAGxB,MAAM,wBAAwB,GAAG,CAC/B,EACE,UAAU,GAAG,
|
|
1
|
+
{"version":3,"file":"modalStandAlone.js","sourceRoot":"","sources":["../../../../src/components/modal/modalStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsx as _jsx,
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Text } from '../../../components/text/text';
|
|
3
3
|
import { DeviceBreakpointsType } from '../../../types/breakpoints/breakpoints';
|
|
4
4
|
import { Button } from '../../button/button';
|
|
5
5
|
import { ElementOrIcon } from '../../elementOrIcon/elementOrIcon';
|
|
6
6
|
import { TextComponentType } from '../../text/types/component';
|
|
7
|
-
import { DraggableIcon, ModalCloseButtonStyled, ModalHeaderStyled, TitleHiddenContainer, } from '../modal.styled';
|
|
7
|
+
import { DraggableIcon, ModalCloseButtonStyled, ModalHeaderContentStyled, ModalHeaderStyled, TitleContainerStyled, TitleHiddenContainer, } from '../modal.styled';
|
|
8
8
|
export const ModalHeader = (props) => {
|
|
9
|
-
const
|
|
10
|
-
return (_jsxs(ModalHeaderStyled, { "data-modal-header": true, "$styles": props.styles, children: [
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
const isMobileOrTablet = props.device === DeviceBreakpointsType.MOBILE || props.device === DeviceBreakpointsType.TABLET;
|
|
10
|
+
return (_jsxs(ModalHeaderStyled, { "data-modal-header": true, "$styles": props.styles, children: [isMobileOrTablet && !props.blocked && props.dragIcon && (_jsx(DraggableIcon, { "data-modal-draggable-icon": true, "$styles": props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), _jsxs(ModalHeaderContentStyled, { "$styles": props.styles, children: [!props.blocked && props.closeIcon?.icon && (_jsx(ModalCloseButtonStyled, { "$styles": props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.closeButtonIcon, ...props.closeIcon }) })), !props.blocked &&
|
|
11
|
+
props.closeButton?.content &&
|
|
12
|
+
(props.styles.closeButton?.buttonVariant || props.closeButton?.variant) && (_jsx(Button, { variant: props.styles.closeButton?.buttonVariant, ...props.closeButton, children: props.closeButton.content })), props.title?.visible === undefined || props.title.visible ? (_jsx(TitleContainerStyled, { "$styles": props.styles, children: _jsx(Text, { component: TextComponentType.H1, customTypography: props.styles.title, id: props.titleIdFinal, ...props.title, children: props.title?.content }) })) : (_jsx(TitleHiddenContainer, { id: props.titleIdFinal, children: props.title?.content }))] })] }));
|
|
13
13
|
};
|
|
14
14
|
//# sourceMappingURL=modalHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalHeader.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/fragments/modalHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AAezB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAe,EAAE;IAClE,MAAM,
|
|
1
|
+
{"version":3,"file":"modalHeader.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/fragments/modalHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,wBAAwB,EACxB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AAezB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAe,EAAE;IAClE,MAAM,gBAAgB,GACpB,KAAK,CAAC,MAAM,KAAK,qBAAqB,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,qBAAqB,CAAC,MAAM,CAAC;IAEjG,OAAO,CACL,MAAC,iBAAiB,0CAA4B,KAAK,CAAC,MAAM,aACvD,gBAAgB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,IAAI,CACvD,KAAC,aAAa,kDAAoC,KAAK,CAAC,MAAM,YAC5D,KAAC,aAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAM,KAAK,CAAC,QAAQ,GAAI,GACjE,CACjB,EAED,MAAC,wBAAwB,eAAU,KAAK,CAAC,MAAM,aAC5C,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE,IAAI,IAAI,CAC1C,KAAC,sBAAsB,eAAU,KAAK,CAAC,MAAM,YAC3C,KAAC,aAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,eAAe,KAAM,KAAK,CAAC,SAAS,GAAI,GAChE,CAC1B,EACA,CAAC,KAAK,CAAC,OAAO;wBACb,KAAK,CAAC,WAAW,EAAE,OAAO;wBAC1B,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,IAAI,KAAK,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,CACzE,KAAC,MAAM,IAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,KAAM,KAAK,CAAC,WAAW,YAC5E,KAAK,CAAC,WAAW,CAAC,OAAO,GACnB,CACV,EACF,KAAK,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3D,KAAC,oBAAoB,eAAU,KAAK,CAAC,MAAM,YACzC,KAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,EAAE,EAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACpC,EAAE,EAAE,KAAK,CAAC,YAAY,KAClB,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACc,CACxB,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,IAAC,EAAE,EAAE,KAAK,CAAC,YAAY,YACzC,KAAK,CAAC,KAAK,EAAE,OAAO,GACA,CACxB,IACwB,IACT,CACrB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -4,6 +4,8 @@ type ModalShowScrollType = {
|
|
|
4
4
|
};
|
|
5
5
|
export declare const ModalStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
|
|
6
6
|
export declare const ModalHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
|
|
7
|
+
export declare const ModalHeaderContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
|
|
8
|
+
export declare const TitleContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
|
|
7
9
|
export declare const TitleHiddenContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
8
10
|
export declare const ModalCloseButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
|
|
9
11
|
export declare const ModalContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled & ModalShowScrollType>> & string;
|
|
@@ -34,6 +34,12 @@ export const ModalStyled = styled.div `
|
|
|
34
34
|
export const ModalHeaderStyled = styled.div `
|
|
35
35
|
${props => getStyles(props.$styles.headerContainer)}
|
|
36
36
|
`;
|
|
37
|
+
export const ModalHeaderContentStyled = styled.div `
|
|
38
|
+
${props => getStyles(props.$styles.headerContentContainer)}
|
|
39
|
+
`;
|
|
40
|
+
export const TitleContainerStyled = styled.div `
|
|
41
|
+
${props => getStyles(props.$styles.titleContainer)}
|
|
42
|
+
`;
|
|
37
43
|
export const TitleHiddenContainer = styled.span `
|
|
38
44
|
display: none;
|
|
39
45
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.styled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modal.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO;AACP,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAQxD,MAAM,0BAA0B,GAAG,CACjC,UAAkB,EAClB,QAAiB,EACjB,SAAkB,EAClB,QAAiB,EACjB,SAAkB,EAClB,SAAS,GAAG,KAAK,EACjB,EAAE,CACF,UAAU;IACV,GAAG,CAAA;MACC,UAAU;QACR,QAAQ;QACV,GAAG,CAAA;qBACY,QAAQ;OACtB;QACC,SAAS;QACX,GAAG,CAAA;sBACa,SAAS;OACxB;QACC,QAAQ;QACV,GAAG,CAAA;qBACY,QAAQ,IAAI,OAAO;OACjC;QACC,SAAS;QACX,GAAG,CAAA;sBACa,SAAS,IAAI,OAAO;OACnC;wBACiB,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;;GAE3C,CAAC;AAEJ,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAc;IAC/C,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC;IAC3C,CAAC,EACD,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,GACvD,GACF,EAAE,EAAE,CAAC,GAAG,CAAA;MACL,0BAA0B,CAC1B,WAAW,EACX,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,CACV;MACC,0BAA0B,CAC1B,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,CACV;MACC,0BAA0B,CAC1B,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,CACV;GACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAc;IACrD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAA;;CAE9C,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAc;IAC1D,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,oBAAoB,CAAC;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAoC;;;IAG5E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;gBAC7B,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,iBAAiB;CAC3D,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAc;IACrD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAc;IACjD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC;CACvD,CAAC"}
|
|
1
|
+
{"version":3,"file":"modal.styled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modal.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,11 +6,13 @@ export type ModalBaseStylesType = {
|
|
|
6
6
|
popoverVariant?: string;
|
|
7
7
|
container?: CommonStyleType;
|
|
8
8
|
headerContainer?: CommonStyleType;
|
|
9
|
+
headerContentContainer?: CommonStyleType;
|
|
9
10
|
imageHeader?: IconTypes;
|
|
10
11
|
title?: TypographyTypes;
|
|
12
|
+
titleContainer?: CommonStyleType;
|
|
11
13
|
content?: CommonStyleType;
|
|
12
|
-
closeButtonContainer?: CommonStyleType;
|
|
13
14
|
closeButtonIcon?: IconTypes;
|
|
15
|
+
closeButtonContainer?: CommonStyleType;
|
|
14
16
|
footer?: CommonStyleType;
|
|
15
17
|
closeButton?: {
|
|
16
18
|
buttonVariant?: string;
|
|
@@ -15,11 +15,7 @@ const NavigationCardStandaloneComponent = ({ dataTestId = 'navigation-card', typ
|
|
|
15
15
|
const innerContainersComponent = props.url ? 'div' : 'span';
|
|
16
16
|
return (
|
|
17
17
|
// Can not be spread -> styled component breaks
|
|
18
|
-
_jsx(NavigationCardStyled
|
|
19
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
20
|
-
, {
|
|
21
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
22
|
-
ref: ref, "aria-disabled": props['aria-disabled'], as: props.url ? props.component : 'button', className: props.className, dataTestId: dataTestId, draggable: props.draggable, role: props.role, styles: props.styles, target: props.target, type: props.url ? undefined : type, url: props.url, onClick: props.onClick, onFocus: props.onFocus, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: _jsxs(_Fragment, { children: [props.decorative && (_jsx(NavigationCardDecorativeContainer, { as: innerContainersComponent, marginRight: marginRight, styles: props.styles, children: _jsx(DecorativeElement, { additionalProps: additionalProps, element: props.decorative }) })), _jsxs(NavigationCardInfoContentStyled, { as: innerContainersComponent, id: infoId, isExpanded: props.styles.containerExpandedContent, children: [_jsx(NavigationCardLeftContentStyled, { as: innerContainersComponent, isExpanded: props.styles.containerExpandedContent, children: _jsx(NavigationCardInfo, { description: props.description, device: props.device, innerContainersComponent: innerContainersComponent, styles: props.styles, tag: props.tag, title: props.title }) }), _jsxs(NavigationCardRightContentStyled, { "aria-hidden": true, as: innerContainersComponent, styles: props.styles, children: [props.styles.containerExpandedContent && (_jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.arrowIconText, ...props.arrowIconText, children: props.arrowIconText?.content })), _jsx(ElementOrIcon, { customIconStyles: props.styles.arrowIcon, ...props.arrowIcon })] })] })] }) }));
|
|
18
|
+
_jsx(NavigationCardStyled, { ref: ref, "aria-disabled": props['aria-disabled'], as: props.url ? props.component : 'button', className: props.className, dataTestId: dataTestId, draggable: props.draggable, role: props.role, styles: props.styles, target: props.target, type: props.url ? undefined : type, url: props.url, onClick: props.onClick, onFocus: props.onFocus, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: _jsxs(_Fragment, { children: [props.decorative && (_jsx(NavigationCardDecorativeContainer, { as: innerContainersComponent, marginRight: marginRight, styles: props.styles, children: _jsx(DecorativeElement, { additionalProps: additionalProps, element: props.decorative }) })), _jsxs(NavigationCardInfoContentStyled, { as: innerContainersComponent, id: infoId, isExpanded: props.styles.containerExpandedContent, children: [_jsx(NavigationCardLeftContentStyled, { as: innerContainersComponent, isExpanded: props.styles.containerExpandedContent, children: _jsx(NavigationCardInfo, { description: props.description, device: props.device, innerContainersComponent: innerContainersComponent, styles: props.styles, tag: props.tag, title: props.title }) }), _jsxs(NavigationCardRightContentStyled, { "aria-hidden": true, as: innerContainersComponent, styles: props.styles, children: [props.styles.containerExpandedContent && (_jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.arrowIconText, ...props.arrowIconText, children: props.arrowIconText?.content })), _jsx(ElementOrIcon, { customIconStyles: props.styles.arrowIcon, ...props.arrowIcon })] })] })] }) }));
|
|
23
19
|
};
|
|
24
20
|
export const NavigationCardStandalone = React.forwardRef(NavigationCardStandaloneComponent);
|
|
25
21
|
//# sourceMappingURL=navigationCardStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigationCardStandAlone.js","sourceRoot":"","sources":["../../../../src/components/navigationCard/navigationCardStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAC;AAC/F,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EACL,iCAAiC,EACjC,+BAA+B,EAC/B,+BAA+B,EAC/B,gCAAgC,EAChC,oBAAoB,GACrB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,iCAAiC,GAAG,CACxC,EAAE,UAAU,GAAG,iBAAiB,EAAE,IAAI,GAAG,UAAU,CAAC,MAAM,EAAE,GAAG,KAAK,EAA6B,EACjG,GAAiF,EACpE,EAAE;IACf,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE/B,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,UAAU,CACjD,KAAK,CAAC,MAAM,EACZ,KAAK,CAAC,UAAU,EAChB,KAAK,CAAC,MAAM,EACZ,UAAU,CACX,CAAC;IAEF,MAAM,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAE5D,OAAO;IACL,+CAA+C;IAC/C,KAAC,oBAAoB
|
|
1
|
+
{"version":3,"file":"navigationCardStandAlone.js","sourceRoot":"","sources":["../../../../src/components/navigationCard/navigationCardStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ import { IconHighlighted } from '../iconHighlighted/iconHighlighted';
|
|
|
8
8
|
import { DecorativeElementContainerStyled, IconAndIconHighlightedContainerStyled, NavigationRowStyled, TextSectionStyled, } from './navigationRow.styled';
|
|
9
9
|
const NavigationRowStandaloneComponent = ({ dataTestId = 'navigation-row', topLine = false, bottomLine = false, ...props }, ref) => {
|
|
10
10
|
const iconHighlightedSize = props.iconHighlighted?.size ?? props.styles.iconHighlighted?.size;
|
|
11
|
-
return (_jsxs(NavigationRowStyled, { ref: ref, bottomLine: bottomLine, "data-testid": dataTestId, lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles, topLine: topLine, type: ButtonType.BUTTON, onClick: props.onClick, children: [_jsxs(IconAndIconHighlightedContainerStyled, { styles: props.styles, children: [props.decorativeIcon && !props.iconHighlighted && (_jsx(ElementOrIcon, { customIconStyles: props.styles.decorativeIcon, ...props.decorativeIcon })), props.iconHighlighted && props.styles.iconHighlighted && iconHighlightedSize && (_jsx(IconHighlighted, { backgroundColor: props.styles.iconHighlighted?.backgroundColor, color: props.styles.iconHighlighted?.color, variant: props.styles.iconHighlighted?.variant, ...props.iconHighlighted, size: iconHighlightedSize }))] }), _jsx(DecorativeElementContainerStyled, { styles: props.styles, children: props.decorativeElement }), _jsxs(TextSectionStyled, { styles: props.styles, children: [props.text && (_jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.text, ...props.text, children: props.text.content })), _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.description, ...props.description, children: props.description?.content })] }), _jsx(ElementOrIcon, { customIconStyles: props.styles.arrowIcon, ...props.arrowIcon })] }));
|
|
11
|
+
return (_jsxs(NavigationRowStyled, { ref: ref, bottomLine: bottomLine, "data-testid": dataTestId, lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles, topLine: topLine, type: ButtonType.BUTTON, onClick: props.onClick, children: [_jsxs(IconAndIconHighlightedContainerStyled, { styles: props.styles, children: [props.decorativeIcon && !props.iconHighlighted && (_jsx(ElementOrIcon, { customIconStyles: props.styles.decorativeIcon, ...props.decorativeIcon })), props.iconHighlighted && props.styles.iconHighlighted && iconHighlightedSize && (_jsx(IconHighlighted, { backgroundColor: props.styles.iconHighlighted?.backgroundColor, color: props.styles.iconHighlighted?.color, variant: props.styles.iconHighlighted?.variant, ...props.iconHighlighted, size: iconHighlightedSize }))] }), props.decorativeElement && (_jsx(DecorativeElementContainerStyled, { styles: props.styles, children: props.decorativeElement })), _jsxs(TextSectionStyled, { styles: props.styles, children: [props.text && (_jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.text, ...props.text, children: props.text.content })), _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.description, ...props.description, children: props.description?.content })] }), _jsx(ElementOrIcon, { customIconStyles: props.styles.arrowIcon, ...props.arrowIcon })] }));
|
|
12
12
|
};
|
|
13
13
|
export const NavigationRowStandalone = forwardRef(NavigationRowStandaloneComponent);
|
|
14
14
|
//# sourceMappingURL=navigationRowStandAlone.js.map
|