@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
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { IToggleStandAlone } from '../../types/toggle';
|
|
2
|
+
type ITextOrIcon = Pick<IToggleStandAlone, 'styles' | 'togglePosition' | 'screenReaderId' | 'disabled' | 'inputValues' | 'radioButtonToggleName' | 'onClick' | 'dataTestId' | 'offText' | 'onText'> & {
|
|
3
|
+
block?: boolean;
|
|
4
|
+
};
|
|
5
|
+
export declare const ToggleCenterRadioButton: ({ block, ...props }: ITextOrIcon) => JSX.Element;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Text } from '../../../../components/text/text';
|
|
3
|
+
import { TextComponentType } from '../../../../components/text/types/component';
|
|
4
|
+
import { POSITIONS } from '../../../../types/positions/positions';
|
|
5
|
+
import { TextLeftWrapperStyled, TextRightWrapperStyled } from '../../toggle.styled';
|
|
6
|
+
import { ToggleRadioButton } from './toggleRadioButton';
|
|
7
|
+
export const ToggleCenterRadioButton = ({ block = false, ...props }) => {
|
|
8
|
+
return (_jsxs(_Fragment, { children: [props.togglePosition === POSITIONS.CENTER && (_jsx(TextLeftWrapperStyled, { margin: props.styles?.label?.margin_left, children: _jsx(Text, { "aria-hidden": true, color: props.styles?.label?.color, component: TextComponentType.LABEL, variant: props.styles?.label?.font_variant, weight: props.styles?.label?.font_weight, children: props.offText?.content }) })), _jsx(ToggleRadioButton, { block: block, dataTestId: props.dataTestId, disabled: props.disabled, inputValues: props.inputValues, position: POSITIONS.CENTER, radioButtonToggleName: props.radioButtonToggleName, screenReaderId: props.screenReaderId, styles: props.styles, togglePosition: props.togglePosition, onClick: props.onClick }), props.togglePosition === POSITIONS.CENTER && (_jsx(TextRightWrapperStyled, { margin: props.styles?.label?.margin_right, children: _jsx(Text, { "aria-hidden": true, color: props.styles?.label?.color, component: TextComponentType.LABEL, variant: props.styles?.label?.font_variant, weight: props.styles?.label?.font_weight, children: props.onText?.content }) }))] }));
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=toggleCenterRadioButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggleCenterRadioButton.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/threePositions/toggleCenterRadioButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAEpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAgBxD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,KAAK,EAAe,EAAe,EAAE;IAC/F,OAAO,CACL,8BACG,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,MAAM,IAAI,CAC5C,KAAC,qBAAqB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,YAC7D,KAAC,IAAI,mBACU,IAAI,EACjB,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EACjC,SAAS,EAAE,iBAAiB,CAAC,KAAK,EAClC,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,EAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,YAEvC,KAAK,CAAC,OAAO,EAAE,OAAO,GAClB,GACe,CACzB,EACD,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,SAAS,CAAC,MAAM,EAC1B,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAClD,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,OAAO,EAAE,KAAK,CAAC,OAAO,GACtB,EACD,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,MAAM,IAAI,CAC5C,KAAC,sBAAsB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,YAC/D,KAAC,IAAI,mBACU,IAAI,EACjB,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EACjC,SAAS,EAAE,iBAAiB,CAAC,KAAK,EAClC,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,EAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,YAEvC,KAAK,CAAC,MAAM,EAAE,OAAO,GACjB,GACgB,CAC1B,IACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { POSITIONS } from '../../../../types/positions/positions';
|
|
2
|
+
import { IToggleStandAlone } from '../../types/toggle';
|
|
3
|
+
type ITextOrIcon = Pick<IToggleStandAlone, 'styles' | 'togglePosition' | 'screenReaderId' | 'disabled' | 'inputValues' | 'radioButtonToggleName' | 'onClick' | 'dataTestId' | 'offText' | 'onText'> & {
|
|
4
|
+
position: POSITIONS;
|
|
5
|
+
block?: boolean;
|
|
6
|
+
};
|
|
7
|
+
export declare const ToggleRadioButton: ({ block, ...props }: ITextOrIcon) => JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { InputTypeType } from '../../../../components/input/types/inputType';
|
|
3
|
+
import { LabelStandAlone as Label } from '../../../../components/label/labelStandAlone';
|
|
4
|
+
import { POSITIONS } from '../../../../types/positions/positions';
|
|
5
|
+
import { LabelWrapperStyled, ToggleRadioSwitchStyled } from '../../toggle.styled';
|
|
6
|
+
import { getTextOrIcon } from '../../utils/getTextOrIcon';
|
|
7
|
+
import { getValueOfRadioButton } from '../../utils/getValueOfRadioButton';
|
|
8
|
+
export const ToggleRadioButton = ({ block = false, ...props }) => {
|
|
9
|
+
return (_jsxs(_Fragment, { children: [_jsx(ToggleRadioSwitchStyled, { "$height": props.styles?.thumb?.height, "$width": props.styles?.thumb?.width, "aria-describedby": props.screenReaderId, "aria-labelledby": props['aria-describedby'], disabled: props.disabled, id: `${props.position.toLowerCase()}Input`, name: props.radioButtonToggleName, tabIndex: -1, type: InputTypeType.RADIO, value: getValueOfRadioButton(props.position, props.inputValues), onClick: e => {
|
|
10
|
+
if (!block) {
|
|
11
|
+
e.persist();
|
|
12
|
+
props.onClick?.(e, props.position);
|
|
13
|
+
}
|
|
14
|
+
} }), _jsx(LabelWrapperStyled, { hasThreePositions: true, showLabel: props.position !== POSITIONS.CENTER && props.position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: _jsx(Label, { color: props.styles?.label?.color, dataTestId: `${props.dataTestId}-${props.position === POSITIONS.RIGHT
|
|
15
|
+
? 'on'
|
|
16
|
+
: props.position === POSITIONS.CENTER
|
|
17
|
+
? 'Na'
|
|
18
|
+
: 'off'}-label-option`, inputId: `${props.position.toLowerCase()}Input`, textVariant: (props.position === POSITIONS.LEFT && props.offText?.content) ||
|
|
19
|
+
(props.position === POSITIONS.RIGHT && props.onText?.content)
|
|
20
|
+
? props.styles?.label?.font_variant
|
|
21
|
+
: props.styles?.labelWithIcons?.font_variant, weight: props.styles?.label?.font_weight, children: _jsx(_Fragment, { children: getTextOrIcon(props.position, props.inputValues, props.offText, props.onText) }) }) })] }));
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=toggleRadioButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggleRadioButton.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/threePositions/toggleRadioButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,eAAe,IAAI,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAElF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAgB1E,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,KAAK,EAAe,EAAe,EAAE;IACzF,OAAO,CACL,8BACE,KAAC,uBAAuB,eACb,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,YAC5B,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,sBAChB,KAAK,CAAC,cAAc,qBACrB,KAAK,CAAC,kBAAkB,CAAC,EAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,EAAE,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,OAAO,EAC1C,IAAI,EAAE,KAAK,CAAC,qBAAqB,EACjC,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,aAAa,CAAC,KAAK,EACzB,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,EAC/D,OAAO,EAAE,CAAC,CAAC,EAAE;oBACX,IAAI,CAAC,KAAK,EAAE,CAAC;wBACX,CAAC,CAAC,OAAO,EAAE,CAAC;wBACZ,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;oBACrC,CAAC;gBACH,CAAC,GACD,EACF,KAAC,kBAAkB,IACjB,iBAAiB,EAAE,IAAI,EACvB,SAAS,EAAE,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,MAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,cAAc,EACzF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,YAEpC,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,IAC7B,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK;wBAChC,CAAC,CAAC,IAAI;wBACN,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,MAAM;4BACnC,CAAC,CAAC,IAAI;4BACN,CAAC,CAAC,KACR,eAAe,EACf,OAAO,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,OAAO,EAC/C,WAAW,EACT,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC;wBAC7D,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC;wBAC3D,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY;wBACnC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY,EAEhD,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,YAEvC,4BAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,GAAI,GAC/E,GACW,IACpB,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IToggleStandAlone } from '
|
|
3
|
-
interface IToggleThreePosition extends IToggleStandAlone {
|
|
2
|
+
import { IToggleStandAlone } from '../../types/toggle';
|
|
3
|
+
interface IToggleThreePosition extends Omit<IToggleStandAlone, 'hasThreePositions'> {
|
|
4
4
|
}
|
|
5
5
|
export declare const ToggleThreePosition: React.ForwardRefExoticComponent<IToggleThreePosition & React.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { AriaLiveOptionType } from '../../../../types/ariaLiveOption/ariaLiveOption';
|
|
4
|
+
import { POSITIONS } from '../../../../types/positions/positions';
|
|
5
|
+
import { ScreenReaderOnly } from '../../../screenReaderOnly/screenReaderOnly';
|
|
6
|
+
import { SliderContainerStyled, ToggleWrapperStyled } from '../../toggle.styled';
|
|
7
|
+
import { getScreenReaderText } from '../../utils/getScreenReaderText';
|
|
8
|
+
import { ToggleCenterRadioButton } from './toggleCenterRadioButton';
|
|
9
|
+
import { ToggleRadioButton } from './toggleRadioButton';
|
|
10
|
+
const ToggleThreePositionComponent = ({ inputValues = {
|
|
11
|
+
rightInputValue: 'on option',
|
|
12
|
+
centerInputValue: 'undeterminated option',
|
|
13
|
+
leftInputValue: 'off option',
|
|
14
|
+
}, radioButtonToggleName = 'groupe-toggle', blockCenter = false, dataTestId = 'toggle', ...props }, ref) => {
|
|
15
|
+
return (_jsxs(ToggleWrapperStyled, { ref: ref, "aria-label": props['aria-label'], "data-testid": dataTestId, disabled: props.disabled, hasThreePositions: true, id: props.id, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onKeyDown: e => {
|
|
16
|
+
e.persist();
|
|
17
|
+
props.onKeyDown?.(e);
|
|
18
|
+
}, children: [_jsx(ScreenReaderOnly, { ariaLive: AriaLiveOptionType.POLITE, children: getScreenReaderText(props.togglePosition, inputValues) }), _jsx(ToggleRadioButton, { dataTestId: dataTestId, disabled: props.disabled, inputValues: inputValues, position: POSITIONS.LEFT, radioButtonToggleName: radioButtonToggleName, screenReaderId: props.screenReaderId, styles: props.styles, togglePosition: props.togglePosition, onClick: props.onClick }), _jsx(ToggleCenterRadioButton, { block: blockCenter, dataTestId: dataTestId, disabled: props.disabled, inputValues: inputValues, offText: props.offText, radioButtonToggleName: radioButtonToggleName, screenReaderId: props.screenReaderId, styles: props.styles, togglePosition: props.togglePosition, onClick: props.onClick, onText: props.onText }), _jsx(ToggleRadioButton, { dataTestId: dataTestId, disabled: props.disabled, inputValues: inputValues, position: POSITIONS.RIGHT, radioButtonToggleName: radioButtonToggleName, screenReaderId: props.screenReaderId, styles: props.styles, togglePosition: props.togglePosition, onClick: props.onClick }), _jsx(SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${dataTestId}-thumb`, hasThreePositions: true, styles: props.styles, togglePosition: props.togglePosition })] }));
|
|
19
|
+
};
|
|
20
|
+
export const ToggleThreePosition = React.forwardRef(ToggleThreePositionComponent);
|
|
21
|
+
//# sourceMappingURL=toggleThreePosition.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggleThreePosition.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/threePositions/toggleThreePosition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { POSITIONS } from '../../../../types/positions/positions';
|
|
2
|
+
import { IToggleStandAlone } from '../../types/toggle';
|
|
3
|
+
type IToggleContent = Pick<IToggleStandAlone, 'styles' | 'onIcon' | 'offIcon' | 'dataTestId' | 'togglePosition'> & {
|
|
4
|
+
position: POSITIONS;
|
|
5
|
+
};
|
|
6
|
+
export declare const ToggleContent: ({ ...props }: IToggleContent) => JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { POSITIONS } from '../../../../types/positions/positions';
|
|
3
|
+
import { ElementOrIcon } from '../../../elementOrIcon/elementOrIcon';
|
|
4
|
+
import { IconWrapperStyled, ToggleSpanSwitchStyled } from '../../toggle.styled';
|
|
5
|
+
export const ToggleContent = ({ ...props }) => {
|
|
6
|
+
const icon = props.position === POSITIONS.RIGHT ? props.onIcon : props.offIcon;
|
|
7
|
+
return (_jsxs(_Fragment, { children: [_jsx(ToggleSpanSwitchStyled, { "$height": props.styles?.thumb?.height, "$width": props.styles?.thumb?.width }), _jsx(IconWrapperStyled, { "data-testid": `${props.dataTestId}-${props.position === POSITIONS.RIGHT ? 'on' : 'off'}-option`, hasThreePositions: false, showLabel: props.position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.icon, ...icon }) })] }));
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=toggleContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggleContent.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/twoPositions/toggleContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAQhF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,GAAG,KAAK,EAAkB,EAAe,EAAE;IACzE,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;IAE/E,OAAO,CACL,8BACE,KAAC,sBAAsB,eACZ,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,YAC5B,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,GAClC,EACF,KAAC,iBAAiB,mBACH,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,SAAS,EAC9F,iBAAiB,EAAE,KAAK,EACxB,SAAS,EAAE,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,cAAc,EAClD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,YAEpC,KAAC,aAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,KAAM,IAAI,GAAI,GAC/C,IACnB,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IToggleStandAlone } from '
|
|
3
|
-
interface IToggleTwoPosition extends IToggleStandAlone {
|
|
2
|
+
import { IToggleStandAlone } from '../../types/toggle';
|
|
3
|
+
interface IToggleTwoPosition extends Omit<IToggleStandAlone, 'hasThreePositions'> {
|
|
4
4
|
}
|
|
5
5
|
export declare const ToggleTwoPosition: React.ForwardRefExoticComponent<IToggleTwoPosition & React.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { POSITIONS } from '../../../../types/positions/positions';
|
|
4
|
+
import { ROLES } from '../../../../types/role/role';
|
|
5
|
+
import { SliderContainerStyled, ToggleWrapperStyled } from '../../toggle.styled';
|
|
6
|
+
import { ToggleContent } from './toggleContent';
|
|
7
|
+
const ToggleTwoPositionComponent = ({ dataTestId = 'toggle', ...props }, ref) => {
|
|
8
|
+
return (_jsxs(ToggleWrapperStyled, { ref: ref, "aria-checked": props.togglePosition === POSITIONS.RIGHT, "aria-describedby": props['aria-describedby'], "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], "data-testid": dataTestId, disabled: props.disabled, hasThreePositions: false, id: props.id, role: ROLES.SWITCH, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onClick: e => {
|
|
9
|
+
e.persist();
|
|
10
|
+
const newPosition = props.togglePosition === POSITIONS.RIGHT ? POSITIONS.LEFT : POSITIONS.RIGHT;
|
|
11
|
+
props.onClick?.(e, newPosition);
|
|
12
|
+
}, onKeyDown: e => {
|
|
13
|
+
e.persist();
|
|
14
|
+
props.onKeyDown?.(e);
|
|
15
|
+
}, children: [_jsx(ToggleContent, { ...props, dataTestId: dataTestId, position: POSITIONS.LEFT }), _jsx(ToggleContent, { ...props, dataTestId: dataTestId, position: POSITIONS.RIGHT }), _jsx(SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${dataTestId}-thumb`, hasThreePositions: false, styles: props.styles, togglePosition: props.togglePosition })] }));
|
|
16
|
+
};
|
|
17
|
+
export const ToggleTwoPosition = React.forwardRef(ToggleTwoPositionComponent);
|
|
18
|
+
//# sourceMappingURL=toggleTwoPositions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggleTwoPositions.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/twoPositions/toggleTwoPositions.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAEjF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,0BAA0B,GAAG,CACjC,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAsB,EACvD,GAA0D,EAC7C,EAAE;IACf,OAAO,CACL,MAAC,mBAAmB,IAClB,GAAG,EAAE,GAAG,kBACM,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,KAAK,sBACpC,KAAK,CAAC,kBAAkB,CAAC,gBAC/B,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,iBAC5B,UAAU,EACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,KAAK,EACxB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC7D,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,OAAO,EAAE,CAAC,CAAC,EAAE;YACX,CAAC,CAAC,OAAO,EAAE,CAAC;YACZ,MAAM,WAAW,GACf,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;YAC9E,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;QAClC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE;YACb,CAAC,CAAC,OAAO,EAAE,CAAC;YACZ,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC,aAED,KAAC,aAAa,OAAK,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,GAAI,EAC9E,KAAC,aAAa,OAAK,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,KAAK,GAAI,EAC/E,KAAC,qBAAqB,mBACR,MAAM,iBACL,GAAG,UAAU,QAAQ,EAClC,iBAAiB,EAAE,KAAK,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,IACkB,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC"}
|
|
@@ -8,7 +8,7 @@ import { isKeyEnterPressed, isKeySpacePressed } from '../../utils/keyboard/keybo
|
|
|
8
8
|
import { ToggleStandAlone } from './toggleStandAlone';
|
|
9
9
|
import { getToggleState } from './utils/getToggleState';
|
|
10
10
|
const TOGGLE_STYLES = 'TOGGLE_STYLES';
|
|
11
|
-
const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePositions = false, togglePosition = hasThreePositions ? POSITIONS.CENTER : POSITIONS.LEFT, disabled = false, onChange, onKeyDown, ...props }, ref) => {
|
|
11
|
+
const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePositions = false, togglePosition = hasThreePositions ? POSITIONS.CENTER : POSITIONS.LEFT, disabled = false, onClick, onChange, onKeyDown, ...props }, ref) => {
|
|
12
12
|
const styleVariant = useStyles(TOGGLE_STYLES, variant, ctv);
|
|
13
13
|
const handleKeyDown = e => {
|
|
14
14
|
if (!disabled && (isKeySpacePressed(e.key) || isKeyEnterPressed(e.key))) {
|
|
@@ -24,9 +24,13 @@ const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePosi
|
|
|
24
24
|
onKeyDown?.(e);
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
|
+
const handleClick = (e, position) => {
|
|
28
|
+
onChange?.(position);
|
|
29
|
+
onClick?.(e, position);
|
|
30
|
+
};
|
|
27
31
|
const state = getToggleState(hasThreePositions, togglePosition, disabled);
|
|
28
32
|
const styles = styleVariant[state];
|
|
29
|
-
return (_jsx(ToggleStandAlone, { ...props, ref: ref, disabled: disabled, hasThreePositions: hasThreePositions, styles: styles, togglePosition: togglePosition, onKeyDown: handleKeyDown }));
|
|
33
|
+
return (_jsx(ToggleStandAlone, { ...props, ref: ref, disabled: disabled, hasThreePositions: hasThreePositions, styles: styles, togglePosition: togglePosition, onClick: handleClick, onKeyDown: handleKeyDown }));
|
|
30
34
|
});
|
|
31
35
|
ToggleControlledComponent.displayName = 'ToggleControlledComponent';
|
|
32
36
|
const ToggleBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(ToggleStandAlone, { ...props, ref: ref }) }), children: _jsx(ToggleControlledComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,aAAa,GAAG,eAAe,CAAC;AAEtC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAChD,CACE,EACE,OAAO,EACP,GAAG,EACH,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EACtE,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACa,EACvB,GAA0D,EAC7C,EAAE;IACf,MAAM,YAAY,GAAG,SAAS,CAA0B,aAAa,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAErF,MAAM,aAAa,GAA4C,CAAC,CAAC,EAAE;QACjE,IAAI,CAAC,QAAQ,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YACxE,IAAI,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;YACjC,IACE,CAAC,cAAc,KAAK,SAAS,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC;gBACzD,cAAc,KAAK,SAAS,CAAC,MAAM,EACnC,CAAC;gBACD,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC;YAChC,CAAC;iBAAM,IAAI,cAAc,KAAK,SAAS,CAAC,IAAI,IAAI,iBAAiB,EAAE,CAAC;gBAClE,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC;YACjC,CAAC;YACD,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;YACxB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,cAAc,CAAC,iBAAiB,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;IAE1E,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEnC,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,aAAa,GACxB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEpE,MAAM,cAAc,GAAG,CACrB,KAA2B,EAC3B,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,KAAC,yBAAyB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACpC,CACjB,CAAC;AAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAIlB,CAAC;AAEvC;;;;;;GAMG;AACH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"toggleControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleControlled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { ToggleThreePosition } from './components/toggleThreePosition';
|
|
4
|
-
import { ToggleTwoPosition } from './components/toggleTwoPositions';
|
|
5
|
-
const ToggleStandAloneComponent = ({ ...props }, ref) => {
|
|
6
|
-
return !
|
|
3
|
+
import { ToggleThreePosition } from './components/threePositions/toggleThreePosition';
|
|
4
|
+
import { ToggleTwoPosition } from './components/twoPositions/toggleTwoPositions';
|
|
5
|
+
const ToggleStandAloneComponent = ({ hasThreePositions, ...props }, ref) => {
|
|
6
|
+
return !hasThreePositions ? (_jsx(ToggleTwoPosition, { ...props, ref: ref })) : (_jsx(ToggleThreePosition, { ...props, ref: ref }));
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
* @description
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"toggleStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AAGjF,MAAM,yBAAyB,GAAG,CAChC,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAqB,EAClD,GAA0D,EAC7C,EAAE;IACf,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAC1B,KAAC,iBAAiB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC3C,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC7C,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC"}
|
|
@@ -8,11 +8,7 @@ const ToggleUnControlledComponent = ({ variant, hasThreePositions = false, defau
|
|
|
8
8
|
setTogglePosition(newPosition);
|
|
9
9
|
onChange?.(newPosition);
|
|
10
10
|
};
|
|
11
|
-
|
|
12
|
-
handleChange(position);
|
|
13
|
-
props.onClick?.(e, position);
|
|
14
|
-
};
|
|
15
|
-
return (_jsx(ToggleControlled, { ...props, ref: ref, hasThreePositions: hasThreePositions, togglePosition: togglePosition ?? _togglePosition, variant: variant, onChange: handleChange, onClick: handleClick }));
|
|
11
|
+
return (_jsx(ToggleControlled, { ...props, ref: ref, hasThreePositions: hasThreePositions, togglePosition: togglePosition ?? _togglePosition, variant: variant, onChange: handleChange }));
|
|
16
12
|
};
|
|
17
13
|
const ToggleUnControlled = React.forwardRef(ToggleUnControlledComponent);
|
|
18
14
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleUnControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EACE,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAC7E,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,CAAC,WAAsB,EAAE,EAAE;QAC9C,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,
|
|
1
|
+
{"version":3,"file":"toggleUnControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EACE,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAC7E,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,CAAC,WAAsB,EAAE,EAAE;QAC9C,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,IAAI,eAAe,EACjD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAIpB,CAAC;AAEpD;;;;;;;;;GASG;AACH,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,OAAO,EAAE,kBAAkB,IAAI,MAAM,EAAE,CAAC"}
|
|
@@ -41,7 +41,10 @@ export interface IToggleStandAlone extends ToggleAriaAttributes {
|
|
|
41
41
|
disabled?: boolean;
|
|
42
42
|
blockCenter?: boolean;
|
|
43
43
|
tabIndex?: number;
|
|
44
|
-
|
|
44
|
+
/**
|
|
45
|
+
* @deprecated The seconda param, position will be removed in the next version
|
|
46
|
+
*/
|
|
47
|
+
onClick?: (e: React.MouseEvent<HTMLElement>, position: POSITIONS) => void;
|
|
45
48
|
onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
|
|
46
49
|
}
|
|
47
50
|
type propsToOmit = 'styles' | 'togglePosition' | 'hasThreePositions';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { IElementOrIcon } from '../../../components/elementOrIcon/types/elementOrIcon';
|
|
2
|
+
import { POSITIONS } from '../../../types/positions/positions';
|
|
3
|
+
import { IInputValue } from '../types/toggle';
|
|
4
|
+
export declare const getScreenReaderText: (position: POSITIONS, inputValues: IInputValue, onIcon?: IElementOrIcon, offIcon?: IElementOrIcon) => string | undefined;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { POSITIONS } from '../../../types/positions/positions';
|
|
2
|
+
export const getScreenReaderText = (position, inputValues, onIcon, offIcon) => position === POSITIONS.CENTER
|
|
3
|
+
? inputValues.centerInputValue
|
|
4
|
+
: position === POSITIONS.RIGHT
|
|
5
|
+
? (inputValues.rightInputValue ?? onIcon?.altText)
|
|
6
|
+
: (inputValues.leftInputValue ?? offIcon?.altText);
|
|
7
|
+
//# sourceMappingURL=getScreenReaderText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getScreenReaderText.js","sourceRoot":"","sources":["../../../../../src/components/toggle/utils/getScreenReaderText.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAIxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,QAAmB,EACnB,WAAwB,EACxB,MAAuB,EACvB,OAAwB,EACJ,EAAE,CACtB,QAAQ,KAAK,SAAS,CAAC,MAAM;IAC3B,CAAC,CAAC,WAAW,CAAC,gBAAgB;IAC9B,CAAC,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK;QAC5B,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,IAAI,MAAM,EAAE,OAAO,CAAC;QAClD,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,IAAI,OAAO,EAAE,OAAO,CAAC,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { POSITIONS } from '../../../types/positions/positions';
|
|
2
|
+
import { IInputValue, ToggleOnAndOffTextType } from '../types/toggle';
|
|
3
|
+
export declare const getTextOrIcon: (position: POSITIONS, inputValues?: IInputValue, offText?: ToggleOnAndOffTextType, onText?: ToggleOnAndOffTextType) => string | undefined;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { POSITIONS } from '../../../types/positions/positions';
|
|
2
|
+
export const getTextOrIcon = (position, inputValues, offText, onText) => position === POSITIONS.CENTER
|
|
3
|
+
? inputValues?.centerInputValue
|
|
4
|
+
: position === POSITIONS.RIGHT
|
|
5
|
+
? onText?.content
|
|
6
|
+
: offText?.content;
|
|
7
|
+
//# sourceMappingURL=getTextOrIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getTextOrIcon.js","sourceRoot":"","sources":["../../../../../src/components/toggle/utils/getTextOrIcon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAIxD,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,QAAmB,EACnB,WAAyB,EACzB,OAAgC,EAChC,MAA+B,EACX,EAAE,CACtB,QAAQ,KAAK,SAAS,CAAC,MAAM;IAC3B,CAAC,CAAC,WAAW,EAAE,gBAAgB;IAC/B,CAAC,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK;QAC5B,CAAC,CAAC,MAAM,EAAE,OAAO;QACjB,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { POSITIONS } from '../../../types/positions/positions';
|
|
2
|
+
export const getValueOfRadioButton = (position, inputValues) => {
|
|
3
|
+
if (position === POSITIONS.RIGHT) {
|
|
4
|
+
return inputValues?.rightInputValue;
|
|
5
|
+
}
|
|
6
|
+
else if (position === POSITIONS.LEFT) {
|
|
7
|
+
return inputValues?.leftInputValue;
|
|
8
|
+
}
|
|
9
|
+
return inputValues?.centerInputValue;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=getValueOfRadioButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getValueOfRadioButton.js","sourceRoot":"","sources":["../../../../../src/components/toggle/utils/getValueOfRadioButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAIxD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,QAAmB,EACnB,WAAyB,EACL,EAAE;IACtB,IAAI,QAAQ,KAAK,SAAS,CAAC,KAAK,EAAE,CAAC;QACjC,OAAO,WAAW,EAAE,eAAe,CAAC;IACtC,CAAC;SAAM,IAAI,QAAQ,KAAK,SAAS,CAAC,IAAI,EAAE,CAAC;QACvC,OAAO,WAAW,EAAE,cAAc,CAAC;IACrC,CAAC;IACD,OAAO,WAAW,EAAE,gBAAgB,CAAC;AACvC,CAAC,CAAC"}
|
|
@@ -1,20 +1,42 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { useStyles } from '../../hooks/useStyles/useStyles';
|
|
4
|
+
import { POSITIONS } from '../../types/positions/positions';
|
|
4
5
|
import { ErrorBoundary } from '../../provider/errorBoundary/errorBoundary';
|
|
5
6
|
import { FallbackComponent } from '../../provider/errorBoundary/fallbackComponent';
|
|
6
7
|
import { ToggleWithLabelStandAlone } from './toggleWithLabelStandAlone';
|
|
7
8
|
const TOGGLE_WITH_LABEL_STYLES = 'TOGGLE_WITH_LABEL_STYLES';
|
|
8
|
-
const ToggleWithLabelControlledComponent = React.forwardRef(({ variant, ctv, ...props }, ref) => {
|
|
9
|
+
const ToggleWithLabelControlledComponent = React.forwardRef(({ variant, ctv, onFieldSetClick, onClick, ...props }, ref) => {
|
|
9
10
|
const styles = useStyles(TOGGLE_WITH_LABEL_STYLES, variant, ctv);
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
toggleRef.current.focus();
|
|
14
|
-
toggleRef.current.click();
|
|
11
|
+
const handleFieldSetClick = (e) => {
|
|
12
|
+
if (props.disabled) {
|
|
13
|
+
return;
|
|
15
14
|
}
|
|
15
|
+
// When comming from handleOnClick, the onChange is already called so we avoid calling it again
|
|
16
|
+
const avoidCallingOnChange = e?.avoidCallingOnChange;
|
|
17
|
+
// Do not use !avoidCallingOnChange to call onChange when avoidCallingOnChange is undefined
|
|
18
|
+
if (avoidCallingOnChange !== true) {
|
|
19
|
+
let newPosition = POSITIONS.LEFT;
|
|
20
|
+
if ((props.togglePosition === POSITIONS.LEFT && !props.hasThreePositions) ||
|
|
21
|
+
props.togglePosition === POSITIONS.CENTER) {
|
|
22
|
+
newPosition = POSITIONS.RIGHT;
|
|
23
|
+
}
|
|
24
|
+
else if (props.togglePosition === POSITIONS.LEFT && props.hasThreePositions) {
|
|
25
|
+
newPosition = POSITIONS.CENTER;
|
|
26
|
+
}
|
|
27
|
+
props.onChange?.(newPosition);
|
|
28
|
+
}
|
|
29
|
+
onFieldSetClick?.(e);
|
|
30
|
+
};
|
|
31
|
+
const handleClick = (e, position) => {
|
|
32
|
+
Object.defineProperties(e, {
|
|
33
|
+
avoidCallingOnChange: {
|
|
34
|
+
value: true,
|
|
35
|
+
},
|
|
36
|
+
});
|
|
37
|
+
onClick?.(e, position);
|
|
16
38
|
};
|
|
17
|
-
return (_jsx(ToggleWithLabelStandAlone, { ref: ref, styles: styles,
|
|
39
|
+
return (_jsx(ToggleWithLabelStandAlone, { ref: ref, styles: styles, onClick: handleClick, onFieldSetClick: handleFieldSetClick, ...props }));
|
|
18
40
|
});
|
|
19
41
|
ToggleWithLabelControlledComponent.displayName = 'ToggleWithLabelControlledComponent';
|
|
20
42
|
const ToggleWithLabelBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(ToggleWithLabelStandAlone, { ...props, ref: ref }) }), children: _jsx(ToggleWithLabelControlledComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleWithLabelControlled.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAIxE,MAAM,wBAAwB,GAAG,0BAA0B,CAAC;AAE5D,MAAM,kCAAkC,GAAG,KAAK,CAAC,UAAU,CACzD,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAA8B,
|
|
1
|
+
{"version":3,"file":"toggleWithLabelControlled.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,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,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAIxE,MAAM,wBAAwB,GAAG,0BAA0B,CAAC;AAE5D,MAAM,kCAAkC,GAAG,KAAK,CAAC,UAAU,CACzD,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,KAAK,EAA8B,EAChF,GAA+D,EAClD,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CAAgC,wBAAwB,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAEhG,MAAM,mBAAmB,GAAG,CAAC,CAAoD,EAAE,EAAE;QACnF,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,+FAA+F;QAC/F,MAAM,oBAAoB,GACxB,CACD,EAAE,oBAAoB,CAAC;QACxB,2FAA2F;QAC3F,IAAI,oBAAoB,KAAK,IAAI,EAAE,CAAC;YAClC,IAAI,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;YACjC,IACE,CAAC,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC;gBACrE,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,MAAM,EACzC,CAAC;gBACD,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC;YAChC,CAAC;iBAAM,IAAI,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,IAAI,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAC;gBAC9E,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC;YACjC,CAAC;YACD,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;QAChC,CAAC;QACD,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAA4C,EAAE,QAAmB,EAAE,EAAE;QACxF,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE;YACzB,oBAAoB,EAAE;gBACpB,KAAK,EAAE,IAAI;aACZ;SACF,CAAC,CAAC;QACH,OAAO,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,yBAAyB,IACxB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,mBAAmB,KAChC,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,kCAAkC,CAAC,WAAW,GAAG,oCAAoC,CAAC;AAEtF,MAAM,uBAAuB,GAAG,CAC9B,KAAiC,EACjC,GAA+D,EAClD,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,yBAAyB,OACnB,KAA+C,EACpD,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,KAAC,kCAAkC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC7C,CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
|
|
@@ -4,15 +4,15 @@ import { Text } from '../../components/text/text';
|
|
|
4
4
|
import { useId } from '../../hooks/useId/useId';
|
|
5
5
|
import { ScreenReaderOnly } from '../screenReaderOnly/screenReaderOnly';
|
|
6
6
|
import { TextComponentType } from '../text/types/component';
|
|
7
|
-
import {
|
|
7
|
+
import { ToggleControlled } from '../toggle/toggleControlled';
|
|
8
8
|
import { ToggleWithLabelStyled } from './toggleWithLabel.styled';
|
|
9
|
-
const ToggleWithLabelStandAloneComponent = ({ screenReaderText, id, displayRow, styles, label, required, requiredSymbol, textVariant, toggleVariant, labelPosition,
|
|
9
|
+
const ToggleWithLabelStandAloneComponent = ({ screenReaderText, id, displayRow, styles, label, required, requiredSymbol, textVariant, toggleVariant, labelPosition, onFieldSetClick, dataTestId = 'toggle-with-label', ...props }, ref) => {
|
|
10
10
|
const uniqueId = useId('toggle');
|
|
11
11
|
const toggleId = id ?? uniqueId;
|
|
12
12
|
const screenReaderId = `${uniqueId}ScreenReader`;
|
|
13
13
|
const labelId = `${uniqueId}Label`;
|
|
14
14
|
const legendStyles = props.disabled && styles?.legend?.disabled ? styles?.legend?.disabled : styles?.legend;
|
|
15
|
-
return (_jsxs(ToggleWithLabelStyled, { ref: ref, as: label ? 'fieldset' : 'div', "data-
|
|
15
|
+
return (_jsxs(ToggleWithLabelStyled, { ref: ref, as: label ? 'fieldset' : 'div', "data-testid": dataTestId, displayRow: displayRow, labelPosition: labelPosition, styles: styles, onClick: onFieldSetClick, children: [label && (_jsxs(Text, { component: TextComponentType.LEGEND, customTypography: legendStyles, id: labelId, variant: textVariant ?? styles?.legend?.font_variant, ...label, children: [label.content, required && (_jsx(Text, { "aria-hidden": true, color: styles?.required?.color, component: TextComponentType.SPAN, variant: styles?.required?.font_variant, weight: styles?.required?.font_weight, ...requiredSymbol, children: requiredSymbol?.content }))] })), _jsx(ToggleControlled, { ...props, "aria-describedby": labelId, id: toggleId, screenReaderId: screenReaderId, variant: toggleVariant }), _jsx(ScreenReaderOnly, { id: screenReaderId, children: screenReaderText })] }));
|
|
16
16
|
};
|
|
17
17
|
export const ToggleWithLabelStandAlone = React.forwardRef(ToggleWithLabelStandAloneComponent);
|
|
18
18
|
//# sourceMappingURL=toggleWithLabelStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleWithLabelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"toggleWithLabelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,kCAAkC,GAAG,CACzC,EACE,gBAAgB,EAChB,EAAE,EACF,UAAU,EACV,MAAM,EACN,KAAK,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,aAAa,EACb,eAAe,EACf,UAAU,GAAG,mBAAmB,EAChC,GAAG,KAAK,EACmB,EAC7B,GAA+D,EAClD,EAAE;IACf,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,EAAE,IAAI,QAAQ,CAAC;IAChC,MAAM,cAAc,GAAG,GAAG,QAAQ,cAAc,CAAC;IACjD,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IAEnC,MAAM,YAAY,GAChB,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;IAEzF,OAAO,CACL,MAAC,qBAAqB,IACpB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,iBACjB,UAAU,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,eAAe,aAEvB,KAAK,IAAI,CACR,MAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,MAAM,EACnC,gBAAgB,EAAE,YAAY,EAC9B,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,EAAE,YAAY,KAChD,KAAK,aAER,KAAK,CAAC,OAAO,EACb,QAAQ,IAAI,CACX,KAAC,IAAI,mBACU,IAAI,EACjB,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAC9B,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EACvC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,KACjC,cAAc,YAEjB,cAAc,EAAE,OAAO,GACnB,CACR,IACI,CACR,EACD,KAAC,gBAAgB,OACX,KAAK,sBACS,OAAO,EACzB,EAAE,EAAE,QAAQ,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,aAAa,GACtB,EACF,KAAC,gBAAgB,IAAC,EAAE,EAAE,cAAc,YAAG,gBAAgB,GAAoB,IACrD,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}
|
|
@@ -3,5 +3,5 @@ import { IToggleWithLabel } from './types/toggleWithLabel';
|
|
|
3
3
|
/**
|
|
4
4
|
* @deprecated This component has been deprecated and will be removed in the next MAJOR release. Will include all this on the Toggle component
|
|
5
5
|
*/
|
|
6
|
-
export declare const ToggleWithLabelUncontrolled: React.ForwardRefExoticComponent<IToggleWithLabel & React.RefAttributes<HTMLFieldSetElement>>;
|
|
6
|
+
export declare const ToggleWithLabelUncontrolled: React.ForwardRefExoticComponent<IToggleWithLabel<string> & React.RefAttributes<HTMLFieldSetElement>>;
|
|
7
7
|
export { ToggleWithLabelUncontrolled as ToggleWithLabel };
|
|
@@ -6,10 +6,15 @@ import { LABEL_POSITION } from './types/toggleWithLabel';
|
|
|
6
6
|
const THREE_POSITION_TOGGLE = 'YES_NO';
|
|
7
7
|
const ToggleWithLabelUncontrolledComponent = ({ toggleVariant, defaultTogglePosition = toggleVariant !== THREE_POSITION_TOGGLE
|
|
8
8
|
? POSITIONS.LEFT
|
|
9
|
-
: POSITIONS.CENTER, displayRow,
|
|
9
|
+
: POSITIONS.CENTER, togglePosition, displayRow,
|
|
10
10
|
/* deprecated - deleted condition when the 'displayRow' prop is removed */
|
|
11
|
-
labelPosition = displayRow === undefined ? LABEL_POSITION.LEFT : undefined, ...props }, ref) => {
|
|
12
|
-
|
|
11
|
+
labelPosition = displayRow === undefined ? LABEL_POSITION.LEFT : undefined, onChange, ...props }, ref) => {
|
|
12
|
+
const [_togglePosition, setTogglePosition] = React.useState(defaultTogglePosition);
|
|
13
|
+
const handleChange = (newPosition) => {
|
|
14
|
+
setTogglePosition(newPosition);
|
|
15
|
+
onChange?.(newPosition);
|
|
16
|
+
};
|
|
17
|
+
return (_jsx(ToggleWithLabelControlled, { ref: ref, labelPosition: labelPosition, togglePosition: togglePosition ?? _togglePosition, toggleVariant: toggleVariant, onChange: handleChange, ...props }));
|
|
13
18
|
};
|
|
14
19
|
/**
|
|
15
20
|
* @deprecated This component has been deprecated and will be removed in the next MAJOR release. Will include all this on the Toggle component
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleWithLabelUncontrolled.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelUncontrolled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAoB,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE3E,MAAM,qBAAqB,GAAG,QAAQ,CAAC;AAEvC,MAAM,oCAAoC,GAAG,CAC3C,EACE,aAAa,EACb,qBAAqB,GAAG,aAAa,KAAK,qBAAqB;IAC7D,CAAC,CAAC,SAAS,CAAC,IAAI;IAChB,CAAC,CAAC,SAAS,CAAC,MAAM,EACpB,UAAU;AACV,0EAA0E;AAC1E,aAAa,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC1E,GAAG,KAAK,EACS,EACnB,GAA+D,EAClD,EAAE;IACf,OAAO,CACL,KAAC,yBAAyB,IACxB,GAAG,EAAE,GAAG,EACR,
|
|
1
|
+
{"version":3,"file":"toggleWithLabelUncontrolled.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelUncontrolled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAoB,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE3E,MAAM,qBAAqB,GAAG,QAAQ,CAAC;AAEvC,MAAM,oCAAoC,GAAG,CAC3C,EACE,aAAa,EACb,qBAAqB,GAAG,aAAa,KAAK,qBAAqB;IAC7D,CAAC,CAAC,SAAS,CAAC,IAAI;IAChB,CAAC,CAAC,SAAS,CAAC,MAAM,EACpB,cAAc,EACd,UAAU;AACV,0EAA0E;AAC1E,aAAa,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC1E,QAAQ,EACR,GAAG,KAAK,EACS,EACnB,GAA+D,EAClD,EAAE;IACf,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,CAAC,WAAsB,EAAE,EAAE;QAC9C,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,yBAAyB,IACxB,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,IAAI,eAAe,EACjD,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,YAAY,KAClB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAoC,CAAC,CAAC;AAElG,OAAO,EAAE,2BAA2B,IAAI,eAAe,EAAE,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { CustomTokenTypes } from '../../../types/customToken/customToken';
|
|
2
|
+
import { POSITIONS } from '../../../types/positions/positions';
|
|
2
3
|
import { IText } from '../../text/types/text';
|
|
3
|
-
import {
|
|
4
|
+
import { IToggleControlled } from '../../toggle/types/toggle';
|
|
4
5
|
import { ToggleWithLabelStylePropsType } from './toggleWithLabelTheme';
|
|
5
6
|
export declare enum LABEL_POSITION {
|
|
6
7
|
LEFT = "LEFT",
|
|
@@ -17,8 +18,8 @@ export type ToggleLabelType = Omit<IText<string>, 'children'> & {
|
|
|
17
18
|
export type ToggleRequiredSymbolType = Omit<IText<string>, 'children'> & {
|
|
18
19
|
content?: JSX.Element;
|
|
19
20
|
};
|
|
20
|
-
type propsToOmit = 'variant' | 'aria-describedby' | 'screenReaderId' | 'ctv' | 'cts' | 'extraCt'
|
|
21
|
-
export interface IToggleWithLabelStandAlone extends Omit<
|
|
21
|
+
type propsToOmit = 'variant' | 'aria-describedby' | 'screenReaderId' | 'ctv' | 'cts' | 'extraCt';
|
|
22
|
+
export interface IToggleWithLabelStandAlone extends Omit<IToggleControlled, propsToOmit> {
|
|
22
23
|
label?: ToggleLabelType;
|
|
23
24
|
styles?: ToggleWithLabelStylePropsType;
|
|
24
25
|
requiredSymbol?: ToggleRequiredSymbolType;
|
|
@@ -32,12 +33,13 @@ export interface IToggleWithLabelStandAlone extends Omit<IToggleUnControlled, pr
|
|
|
32
33
|
labelPosition?: LABEL_POSITION;
|
|
33
34
|
textVariant?: string;
|
|
34
35
|
screenReaderText?: string;
|
|
35
|
-
|
|
36
|
-
onClick?: (event: React.MouseEvent<HTMLFieldSetElement>) => void;
|
|
36
|
+
onFieldSetClick?: (event: React.MouseEvent<HTMLFieldSetElement>) => void;
|
|
37
37
|
}
|
|
38
|
-
type propsToOmitStandAlone = 'styles'
|
|
38
|
+
type propsToOmitStandAlone = 'styles';
|
|
39
39
|
export interface IToggleWithLabelControlled<V = undefined extends string ? unknown : string> extends Omit<IToggleWithLabelStandAlone, propsToOmitStandAlone>, Omit<CustomTokenTypes<ToggleWithLabelStylePropsType>, 'cts' | 'extraCt'> {
|
|
40
40
|
variant: V;
|
|
41
41
|
}
|
|
42
|
-
export
|
|
42
|
+
export interface IToggleWithLabel<V = undefined extends string ? unknown : string> extends IToggleWithLabelControlled<V> {
|
|
43
|
+
defaultTogglePosition?: POSITIONS;
|
|
44
|
+
}
|
|
43
45
|
export {};
|
|
@@ -5,7 +5,7 @@ import { useId } from '../../hooks/useId/useId';
|
|
|
5
5
|
import { DeviceBreakpointsType } from '../../types/breakpoints/breakpoints';
|
|
6
6
|
import { ROLES } from '../../types/role/role';
|
|
7
7
|
import { ElementOrIcon } from '../elementOrIcon/elementOrIcon';
|
|
8
|
-
import {
|
|
8
|
+
import { IconHost as Icon } from '../icon/iconHost';
|
|
9
9
|
import { PopoverControlled } from '../popover/popoverControlled';
|
|
10
10
|
import { PopoverComponentType } from '../popover/types/component';
|
|
11
11
|
import { PopoverPositionVariantType } from '../popover/types/positionVariant';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipStandAlone.tsx"],"names":[],"mappings":";AAEA,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,
|
|
1
|
+
{"version":3,"file":"tooltipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipStandAlone.tsx"],"names":[],"mappings":";AAEA,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,QAAQ,IAAI,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,SAAS;AACT,OAAO,EACL,yBAAyB,EACzB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,8BAA8B,EAC9B,0BAA0B,EAC1B,yBAAyB,EACzB,8BAA8B,EAC9B,sBAAsB,EACtB,aAAa,EACb,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,iBAAiB,GAAG,CAAC,EACzB,gBAAgB,GAAG,IAAI,EACvB,UAAU,GAAG,SAAS,EACtB,GAAG,KAAK,EACW,EAAe,EAAE;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IACnC,MAAM,SAAS,GAAG,GAAG,QAAQ,SAAS,CAAC;IACvC,MAAM,aAAa,GAAG,OAAO,KAAK,CAAC,OAAO,EAAE,OAAO,KAAK,QAAQ,CAAC;IAEjE,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,KAAK,qBAAqB,CAAC,OAAO,CAAC;IACtE,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,KAAK,qBAAqB,CAAC,MAAM,CAAC;IACpE,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,KAAK,qBAAqB,CAAC,MAAM,CAAC;IAEpE,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnB,OAAO,CACL,KAAC,aAAa,mBAAc,UAAU,YACpC,KAAC,cAAc,IAAC,QAAQ,QAAC,gBAAgB,EAAE,gBAAgB,YACxD,KAAK,CAAC,QAAQ,GACA,GACH,CACjB,CAAC;IACJ,CAAC;IAED,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;QAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO;QAC3B,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO;QAC/B,OAAO;QACP,SAAS;KACV,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,CACd,MAAC,8BAA8B,IAC7B,GAAG,EAAE,KAAK,CAAC,UAAU,gBACT,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,qBACzC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBACpC,SAAS,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,iBACnD,GAAG,UAAU,UAAU,EACpC,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EACnF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,cAAc,EAC7B,SAAS,EAAE,KAAK,CAAC,gBAAgB,aAEjC,MAAC,8BAA8B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACjD,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,IAAI,CAC3C,KAAC,qBAAqB,IACpB,GAAG,EAAE,KAAK,CAAC,WAAW,iBACT,GAAG,UAAU,OAAO,EACjC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,KAAC,aAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAM,KAAK,CAAC,QAAQ,GAAI,GACzD,CACzB,EACD,MAAC,0BAA0B,IACzB,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,EACrC,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACvB,MAAM,EAAE,KAAK,CAAC,MAAM,aAGnB,KAAK,CAAC,SAAS,EAAE,IAAI,IAAI,CACxB,KAAC,sBAAsB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC1C,KAAC,IAAI,IACH,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,eAAe,KAC3C,KAAK,CAAC,SAAS,EACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,GAC/B,GACqB,CAC1B,EACA,KAAK,CAAC,KAAK,EAAE,OAAO,IAAI,CACvB,KAAC,kBAAkB,IACjB,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,EACrC,EAAE,EAAE,OAAO,EACX,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,KAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,EAAE,EAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EACrC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,KACrC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,CAAC,OAAO,GACf,GACY,CACtB,IAC0B,EAC7B,KAAC,yBAAyB,IACxB,GAAG,EAAE,KAAK,CAAC,UAAU,gBACT,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,qBAEvF,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,EAEpF,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACvD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,YAE/C,KAAK,CAAC,OAAO,IAAI,CAChB,KAAC,sBAAsB,IACrB,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EACjC,EAAE,EAAE,SAAS,EACb,MAAM,EAAE,KAAK,CAAC,MAAM,YAEnB,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EACzC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,YAAY,KACzC,KAAK,CAAC,OAAO,YAEhB,KAAK,CAAC,OAAO,CAAC,OAAO,GACjB,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,OAAO,CAAC,OAAO,CACtB,GACsB,CAC1B,GACyB,IACG,EACjC,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC1D,KAAC,yBAAyB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,GAChC,IACU,CAClC,CAAC;IAEF,OAAO,CACL,MAAC,aAAa,IACZ,GAAG,EAAE,KAAK,CAAC,QAAQ,iBACN,UAAU,EACvB,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,MAAM,EAAE,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM,EAC3C,OAAO,EAAE,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,OAAO,EAC9C,YAAY,EAAE,KAAK,CAAC,mBAAmB,IAAI,KAAK,CAAC,YAAY,EAC7D,YAAY,EAAE,KAAK,CAAC,mBAAmB,IAAI,KAAK,CAAC,YAAY,aAE7D,KAAC,cAAc;YACb,mEAAmE;YACnE,8FAA8F;YAC9F,qFAAqF;YACrF,sDAAsD;;gBAHtD,mEAAmE;gBACnE,8FAA8F;gBAC9F,qFAAqF;gBACrF,sDAAsD;gBACtD,eAAe,EACb,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAE3F,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,OAAO,EAAE,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,OAAO,EAC9C,SAAS,EAAE,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,SAAS,EACpD,WAAW,EAAE,KAAK,CAAC,kBAAkB,IAAI,KAAK,CAAC,WAAW,EAC1D,SAAS,EAAE,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,SAAS,YAEnD,KAAK,CAAC,QAAQ,GACA,EAChB,SAAS,CAAC,CAAC,CAAC,CACX,OAAO,CACR,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,SAAS,EAAE,oBAAoB,CAAC,GAAG,EACnC,iCAAiC,EAAE,KAAK,EACxC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,EAC1D,IAAI,EAAE,KAAK,CAAC,WAAW,EACvB,eAAe,EAAE,0BAA0B,CAAC,QAAQ,EACpD,2BAA2B,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,EACtD,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EACzD,oBAAoB,EAAE,IAAI,EAC1B,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,KACrD,KAAK,CAAC,OAAO,gBACL,KAAK,CAAC,OAAO,EAAE,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,gBAAgB,qBAClD,OAAO,gBACZ,KAAK,CAAC,cAAc,IAAI,SAAS,EAC7C,iBAAiB,EAAE,KAAK,CAAC,wBAAwB,YAEhD,OAAO,GACU,CACrB,IACa,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|