@kubit-ui-web/react-components 1.7.0 → 1.8.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 +1 -0
- package/dist/cjs/components/accordion/accordion.styled.js.map +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js.map +1 -1
- package/dist/cjs/components/calendar/selector/yearSelector/yearSelector.js +1 -1
- package/dist/cjs/components/calendar/selector/yearSelector/yearSelector.js.map +1 -1
- package/dist/cjs/components/carousel/hooks/useCarousel.js +1 -1
- package/dist/cjs/components/carousel/hooks/useCarousel.js.map +1 -1
- package/dist/cjs/components/checkbox/checkboxStandAlone.js +1 -1
- package/dist/cjs/components/checkbox/checkboxStandAlone.js.map +1 -1
- package/dist/cjs/components/drawer/drawerStandAlone.js +1 -1
- package/dist/cjs/components/drawer/drawerStandAlone.js.map +1 -1
- package/dist/cjs/components/footer/components/footerSection.js +22 -0
- package/dist/cjs/components/footer/components/footerSection.js.map +1 -0
- package/dist/cjs/components/footer/components/index.js +1 -1
- package/dist/cjs/components/footer/footer.styled.js +63 -19
- package/dist/cjs/components/footer/footer.styled.js.map +1 -1
- package/dist/cjs/components/footer/footerStandAlone.js +49 -36
- package/dist/cjs/components/footer/footerStandAlone.js.map +1 -1
- package/dist/cjs/components/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/input/components/label.js +1 -1
- package/dist/cjs/components/input/components/label.js.map +1 -1
- package/dist/cjs/components/input/components/title.js +3 -3
- package/dist/cjs/components/input/components/title.js.map +1 -1
- package/dist/cjs/components/input/input.styled.js +10 -1
- package/dist/cjs/components/input/input.styled.js.map +1 -1
- package/dist/cjs/components/input/inputStandAlone.js +2 -6
- package/dist/cjs/components/input/inputStandAlone.js.map +1 -1
- package/dist/cjs/components/input/inputUnControlled.js +5 -3
- package/dist/cjs/components/input/inputUnControlled.js.map +1 -1
- package/dist/cjs/components/input/types/input.js +2 -0
- package/dist/cjs/components/input/types/input.js.map +1 -1
- package/dist/cjs/components/input/utils/extraStyles.utils.js +4 -4
- package/dist/cjs/components/input/utils/extraStyles.utils.js.map +1 -1
- package/dist/cjs/components/inputCounter/inputCounter.js +5 -3
- package/dist/cjs/components/inputCounter/inputCounter.js.map +1 -1
- package/dist/cjs/components/inputCurrency/inputCurrency.js +5 -3
- package/dist/cjs/components/inputCurrency/inputCurrency.js.map +1 -1
- package/dist/cjs/components/inputCurrency/inputCurrencyStandAlone.js +5 -1
- package/dist/cjs/components/inputCurrency/inputCurrencyStandAlone.js.map +1 -1
- package/dist/cjs/components/inputDate/hooks/useInputDate.js +6 -10
- package/dist/cjs/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/cjs/components/inputDate/inputDateStandAlone.js +1 -1
- package/dist/cjs/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/cjs/components/inputDate/utils/index.js +1 -3
- package/dist/cjs/components/inputDate/utils/index.js.map +1 -1
- package/dist/cjs/components/inputDate/utils/verifyFormat.js +15 -12
- package/dist/cjs/components/inputDate/utils/verifyFormat.js.map +1 -1
- package/dist/cjs/components/inputDate/utils/verifyYear.js +2 -1
- package/dist/cjs/components/inputDate/utils/verifyYear.js.map +1 -1
- package/dist/cjs/components/inputDigitSequence/components/index.js +20 -0
- package/dist/cjs/components/inputDigitSequence/components/index.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/components/inputDigit.js +24 -0
- package/dist/cjs/components/inputDigitSequence/components/inputDigit.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/components/inputDigitSequenceHelpText.js +14 -0
- package/dist/cjs/components/inputDigitSequence/components/inputDigitSequenceHelpText.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/components/inputDigitSquenceTooltip.js +17 -0
- package/dist/cjs/components/inputDigitSequence/components/inputDigitSquenceTooltip.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/hooks/index.js +18 -0
- package/dist/cjs/components/inputDigitSequence/hooks/index.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/hooks/useAnimation.js +100 -0
- package/dist/cjs/components/inputDigitSequence/hooks/useAnimation.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/index.js +21 -0
- package/dist/cjs/components/inputDigitSequence/index.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequence.styled.js +156 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequence.styled.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequenceControlled.js +117 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequenceControlled.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequenceStandAlone.js +45 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequenceStandAlone.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequenceUncontrolled.js +10 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequenceUncontrolled.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/types/index.js +20 -0
- package/dist/cjs/components/inputDigitSequence/types/index.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/types/inputDigitSequence.js +3 -0
- package/dist/cjs/components/inputDigitSequence/types/inputDigitSequence.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/types/inputDigitSequenceTheme.js +3 -0
- package/dist/cjs/components/inputDigitSequence/types/inputDigitSequenceTheme.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/types/state.js +10 -0
- package/dist/cjs/components/inputDigitSequence/types/state.js.map +1 -0
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js +4 -1
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/cjs/components/inputPassword/inputPassword.js +5 -3
- package/dist/cjs/components/inputPassword/inputPassword.js.map +1 -1
- package/dist/cjs/components/inputPhone/inputPhone.js +5 -3
- package/dist/cjs/components/inputPhone/inputPhone.js.map +1 -1
- package/dist/cjs/components/inputPhone/inputPhoneStandAlone.js +5 -1
- package/dist/cjs/components/inputPhone/inputPhoneStandAlone.js.map +1 -1
- package/dist/cjs/components/inputSearch/hooks/useInputSearch.js +9 -1
- package/dist/cjs/components/inputSearch/hooks/useInputSearch.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearch.js +3 -2
- package/dist/cjs/components/inputSearch/inputSearch.js.map +1 -1
- package/dist/cjs/components/mediaButton/mediaButtonStandAlone.js +2 -2
- package/dist/cjs/components/mediaButton/mediaButtonStandAlone.js.map +1 -1
- package/dist/cjs/components/message/index.js +1 -1
- package/dist/cjs/components/message/index.js.map +1 -1
- package/dist/cjs/components/message/message.styled.js +4 -1
- package/dist/cjs/components/message/message.styled.js.map +1 -1
- package/dist/cjs/components/message/messageStandAlone.js +1 -1
- package/dist/cjs/components/message/messageStandAlone.js.map +1 -1
- package/dist/cjs/components/modal/modalControlled.js +1 -2
- package/dist/cjs/components/modal/modalControlled.js.map +1 -1
- package/dist/cjs/components/navigationCard/fragments/navigationCardInfo.js +4 -2
- package/dist/cjs/components/navigationCard/fragments/navigationCardInfo.js.map +1 -1
- package/dist/cjs/components/navigationCard/navigationCard.js.map +1 -1
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js +8 -2
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/cjs/components/oliveMenu/oliveMenu.js +24 -8
- package/dist/cjs/components/oliveMenu/oliveMenu.js.map +1 -1
- package/dist/cjs/components/oliveMenu/oliveMenu.styled.js +3 -0
- package/dist/cjs/components/oliveMenu/oliveMenu.styled.js.map +1 -1
- package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js +10 -3
- package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js.map +1 -1
- package/dist/cjs/components/option/optionStandAlone.js +1 -1
- package/dist/cjs/components/option/optionStandAlone.js.map +1 -1
- package/dist/cjs/components/pillSelector/pillSelectorStandAlone.js +8 -6
- package/dist/cjs/components/pillSelector/pillSelectorStandAlone.js.map +1 -1
- package/dist/cjs/components/popover/popoverStandAlone.js +3 -1
- package/dist/cjs/components/popover/popoverStandAlone.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButton.styled.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js +1 -1
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js.map +1 -1
- package/dist/cjs/components/slider/components/sliderScaleStandAlone.js +3 -10
- package/dist/cjs/components/slider/components/sliderScaleStandAlone.js.map +1 -1
- package/dist/cjs/components/slider/slider.js +41 -10
- package/dist/cjs/components/slider/slider.js.map +1 -1
- package/dist/cjs/components/slider/sliderStandAlone.js +2 -2
- package/dist/cjs/components/slider/sliderStandAlone.js.map +1 -1
- package/dist/cjs/components/slider/utils/accessibility.utils.js +29 -29
- package/dist/cjs/components/slider/utils/accessibility.utils.js.map +1 -1
- package/dist/cjs/components/slider/utils/slider.utils.js +121 -38
- package/dist/cjs/components/slider/utils/slider.utils.js.map +1 -1
- package/dist/cjs/components/snackbar/snackbarUnControlled.js +18 -4
- package/dist/cjs/components/snackbar/snackbarUnControlled.js.map +1 -1
- package/dist/cjs/components/table/hooks/useContent.js +2 -2
- package/dist/cjs/components/table/hooks/useContent.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.styled.js +13 -0
- package/dist/cjs/components/tabs/tabs.styled.js.map +1 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js +17 -4
- package/dist/cjs/components/tabs/tabsStandAlone.js.map +1 -1
- package/dist/cjs/components/tabs/types/state.js +3 -0
- package/dist/cjs/components/tabs/types/state.js.map +1 -1
- package/dist/cjs/components/tagV2/tagStandAlone.js +1 -1
- package/dist/cjs/components/tagV2/tagStandAlone.js.map +1 -1
- package/dist/cjs/components/toggle/components/toggleThreePosition.js +3 -3
- package/dist/cjs/components/toggle/components/toggleThreePosition.js.map +1 -1
- package/dist/cjs/components/toggle/components/toggleTwoPositions.js +1 -1
- package/dist/cjs/components/toggle/components/toggleTwoPositions.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabel.styled.js +61 -6
- package/dist/cjs/components/toggleWithLabel/toggleWithLabel.styled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js +8 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js +3 -2
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js +5 -2
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/types/index.js +3 -15
- package/dist/cjs/components/toggleWithLabel/types/index.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/types/toggleWithLabel.js +7 -0
- package/dist/cjs/components/toggleWithLabel/types/toggleWithLabel.js.map +1 -1
- package/dist/cjs/components/tooltip/positioning/utils/detectOverflow.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/footer/styles.js +1 -0
- package/dist/cjs/designSystem/kubit/components/footer/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/inputDigitSequence/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/inputDigitSequence/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/inputDigitSequence/styles.js +109 -0
- package/dist/cjs/designSystem/kubit/components/inputDigitSequence/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/inputDigitSequence/variants.js +8 -0
- package/dist/cjs/designSystem/kubit/components/inputDigitSequence/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/oliveMenu/styles.js +5 -0
- package/dist/cjs/designSystem/kubit/components/oliveMenu/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/styles.js +1 -0
- package/dist/cjs/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/variants.js +1 -0
- package/dist/cjs/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubit/fonts/Digit_Password_Large_Square.ttf +0 -0
- package/dist/cjs/designSystem/kubit/fonts/Digit_Password_Small_Square.ttf +0 -0
- package/dist/cjs/designSystem/kubit/foundations/typography.js +2 -0
- package/dist/cjs/designSystem/kubit/foundations/typography.js.map +1 -1
- package/dist/cjs/designSystem/kubit/globalStyles/font.css +12 -0
- package/dist/cjs/designSystem/kubit/globalStyles/fonts.js +14 -0
- package/dist/cjs/designSystem/kubit/globalStyles/fonts.js.map +1 -1
- package/dist/cjs/hooks/index.js +3 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useElementBoundingClientRect/useElementBoundingClientRect.js +57 -0
- package/dist/cjs/hooks/useElementBoundingClientRect/useElementBoundingClientRect.js.map +1 -0
- package/dist/cjs/hooks/useInput/useInput.js +10 -0
- package/dist/cjs/hooks/useInput/useInput.js.map +1 -1
- package/dist/cjs/hooks/useZoomEffect/useZoomEffect.js +4 -7
- package/dist/cjs/hooks/useZoomEffect/useZoomEffect.js.map +1 -1
- package/dist/cjs/styles/mixins/input.mixin.js +4 -4
- package/dist/cjs/styles/mixins/input.mixin.js.map +1 -1
- package/dist/cjs/utils/date/date.js +3 -2
- package/dist/cjs/utils/date/date.js.map +1 -1
- package/dist/cjs/utils/date/formatDate.js +67 -0
- package/dist/cjs/utils/date/formatDate.js.map +1 -0
- package/dist/cjs/utils/date/index.js +2 -1
- package/dist/cjs/utils/date/index.js.map +1 -1
- package/dist/cjs/utils/date/transformDate.js +3 -12
- package/dist/cjs/utils/date/transformDate.js.map +1 -1
- package/dist/cjs/utils/date/validateDate.js +8 -0
- package/dist/cjs/utils/date/validateDate.js.map +1 -0
- package/dist/cjs/utils/focusHandlers/focusHandlers.js +34 -1
- package/dist/cjs/utils/focusHandlers/focusHandlers.js.map +1 -1
- package/dist/esm/components/accordion/accordion.styled.js +2 -1
- package/dist/esm/components/accordion/accordion.styled.js.map +1 -1
- package/dist/esm/components/accordion/types/accordionTheme.d.ts +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js.map +1 -1
- package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js +1 -1
- package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js.map +1 -1
- package/dist/esm/components/carousel/hooks/useCarousel.js +1 -1
- package/dist/esm/components/carousel/hooks/useCarousel.js.map +1 -1
- package/dist/esm/components/checkbox/checkboxStandAlone.js +1 -1
- package/dist/esm/components/checkbox/checkboxStandAlone.js.map +1 -1
- package/dist/esm/components/checkbox/types/checkbox.d.ts +2 -1
- package/dist/esm/components/drawer/drawerStandAlone.js +1 -1
- package/dist/esm/components/drawer/drawerStandAlone.js.map +1 -1
- package/dist/esm/components/drawer/types/drawer.d.ts +3 -0
- package/dist/esm/components/footer/components/footerSection.d.ts +11 -0
- package/dist/esm/components/footer/components/footerSection.js +18 -0
- package/dist/esm/components/footer/components/footerSection.js.map +1 -0
- package/dist/esm/components/footer/components/index.d.ts +1 -1
- package/dist/esm/components/footer/components/index.js +1 -1
- package/dist/esm/components/footer/footer.styled.d.ts +7 -8
- package/dist/esm/components/footer/footer.styled.js +40 -16
- package/dist/esm/components/footer/footer.styled.js.map +1 -1
- package/dist/esm/components/footer/footerStandAlone.js +52 -39
- package/dist/esm/components/footer/footerStandAlone.js.map +1 -1
- package/dist/esm/components/footer/types/footer.d.ts +17 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/input/components/label.js +3 -3
- package/dist/esm/components/input/components/label.js.map +1 -1
- package/dist/esm/components/input/components/title.js +5 -5
- package/dist/esm/components/input/components/title.js.map +1 -1
- package/dist/esm/components/input/input.styled.d.ts +7 -0
- package/dist/esm/components/input/input.styled.js +9 -0
- package/dist/esm/components/input/input.styled.js.map +1 -1
- package/dist/esm/components/input/inputStandAlone.d.ts +1 -0
- package/dist/esm/components/input/inputStandAlone.js +2 -6
- package/dist/esm/components/input/inputStandAlone.js.map +1 -1
- package/dist/esm/components/input/inputUnControlled.js +5 -3
- package/dist/esm/components/input/inputUnControlled.js.map +1 -1
- package/dist/esm/components/input/types/input.d.ts +7 -2
- package/dist/esm/components/input/types/input.js +2 -0
- package/dist/esm/components/input/types/input.js.map +1 -1
- package/dist/esm/components/input/types/inputTheme.d.ts +2 -0
- package/dist/esm/components/input/utils/extraStyles.utils.d.ts +1 -1
- package/dist/esm/components/input/utils/extraStyles.utils.js +4 -4
- package/dist/esm/components/input/utils/extraStyles.utils.js.map +1 -1
- package/dist/esm/components/inputCounter/inputCounter.js +5 -3
- package/dist/esm/components/inputCounter/inputCounter.js.map +1 -1
- package/dist/esm/components/inputCurrency/inputCurrency.js +5 -3
- package/dist/esm/components/inputCurrency/inputCurrency.js.map +1 -1
- package/dist/esm/components/inputCurrency/inputCurrencyStandAlone.js +5 -1
- package/dist/esm/components/inputCurrency/inputCurrencyStandAlone.js.map +1 -1
- package/dist/esm/components/inputDate/hooks/useInputDate.d.ts +1 -1
- package/dist/esm/components/inputDate/hooks/useInputDate.js +7 -11
- package/dist/esm/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/esm/components/inputDate/inputDateStandAlone.js +1 -1
- package/dist/esm/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/esm/components/inputDate/utils/index.d.ts +0 -1
- package/dist/esm/components/inputDate/utils/index.js +0 -1
- package/dist/esm/components/inputDate/utils/index.js.map +1 -1
- package/dist/esm/components/inputDate/utils/verifyFormat.js +15 -12
- package/dist/esm/components/inputDate/utils/verifyFormat.js.map +1 -1
- package/dist/esm/components/inputDate/utils/verifyYear.d.ts +1 -1
- package/dist/esm/components/inputDate/utils/verifyYear.js +2 -1
- package/dist/esm/components/inputDate/utils/verifyYear.js.map +1 -1
- package/dist/esm/components/inputDigitSequence/components/index.d.ts +3 -0
- package/dist/esm/components/inputDigitSequence/components/index.js +4 -0
- package/dist/esm/components/inputDigitSequence/components/index.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigit.d.ts +21 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigit.js +20 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigit.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigitSequenceHelpText.d.ts +8 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigitSequenceHelpText.js +10 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigitSequenceHelpText.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigitSquenceTooltip.d.ts +9 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigitSquenceTooltip.js +13 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigitSquenceTooltip.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/hooks/index.d.ts +1 -0
- package/dist/esm/components/inputDigitSequence/hooks/index.js +2 -0
- package/dist/esm/components/inputDigitSequence/hooks/index.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/hooks/useAnimation.d.ts +11 -0
- package/dist/esm/components/inputDigitSequence/hooks/useAnimation.js +96 -0
- package/dist/esm/components/inputDigitSequence/hooks/useAnimation.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/index.d.ts +2 -0
- package/dist/esm/components/inputDigitSequence/index.js +3 -0
- package/dist/esm/components/inputDigitSequence/index.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequence.styled.d.ts +39 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequence.styled.js +130 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequence.styled.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceControlled.d.ts +2 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceControlled.js +91 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceControlled.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceStandAlone.d.ts +3 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceStandAlone.js +19 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceStandAlone.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceUncontrolled.d.ts +2 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceUncontrolled.js +6 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceUncontrolled.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/types/index.d.ts +3 -0
- package/dist/esm/components/inputDigitSequence/types/index.js +4 -0
- package/dist/esm/components/inputDigitSequence/types/index.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/types/inputDigitSequence.d.ts +63 -0
- package/dist/esm/components/inputDigitSequence/types/inputDigitSequence.js +2 -0
- package/dist/esm/components/inputDigitSequence/types/inputDigitSequence.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/types/inputDigitSequenceTheme.d.ts +33 -0
- package/dist/esm/components/inputDigitSequence/types/inputDigitSequenceTheme.js +2 -0
- package/dist/esm/components/inputDigitSequence/types/inputDigitSequenceTheme.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/types/state.d.ts +5 -0
- package/dist/esm/components/inputDigitSequence/types/state.js +7 -0
- package/dist/esm/components/inputDigitSequence/types/state.js.map +1 -0
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.d.ts +4 -1
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js +4 -1
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/esm/components/inputPassword/inputPassword.js +5 -3
- package/dist/esm/components/inputPassword/inputPassword.js.map +1 -1
- package/dist/esm/components/inputPhone/inputPhone.js +5 -3
- package/dist/esm/components/inputPhone/inputPhone.js.map +1 -1
- package/dist/esm/components/inputPhone/inputPhoneStandAlone.js +5 -1
- package/dist/esm/components/inputPhone/inputPhoneStandAlone.js.map +1 -1
- package/dist/esm/components/inputSearch/hooks/useInputSearch.d.ts +6 -1
- package/dist/esm/components/inputSearch/hooks/useInputSearch.js +9 -1
- package/dist/esm/components/inputSearch/hooks/useInputSearch.js.map +1 -1
- package/dist/esm/components/inputSearch/inputSearch.js +3 -2
- package/dist/esm/components/inputSearch/inputSearch.js.map +1 -1
- package/dist/esm/components/inputSearch/types/inputSearch.d.ts +1 -2
- package/dist/esm/components/mediaButton/mediaButtonStandAlone.js +2 -2
- package/dist/esm/components/mediaButton/mediaButtonStandAlone.js.map +1 -1
- package/dist/esm/components/message/index.d.ts +1 -1
- package/dist/esm/components/message/index.js +1 -1
- package/dist/esm/components/message/index.js.map +1 -1
- package/dist/esm/components/message/message.styled.d.ts +3 -0
- package/dist/esm/components/message/message.styled.js +3 -0
- package/dist/esm/components/message/message.styled.js.map +1 -1
- package/dist/esm/components/message/messageStandAlone.js +3 -3
- package/dist/esm/components/message/messageStandAlone.js.map +1 -1
- package/dist/esm/components/message/types/messageTheme.d.ts +1 -0
- package/dist/esm/components/modal/modalControlled.js +1 -2
- package/dist/esm/components/modal/modalControlled.js.map +1 -1
- package/dist/esm/components/navigationCard/fragments/navigationCardInfo.d.ts +1 -0
- package/dist/esm/components/navigationCard/fragments/navigationCardInfo.js +4 -2
- package/dist/esm/components/navigationCard/fragments/navigationCardInfo.js.map +1 -1
- package/dist/esm/components/navigationCard/navigationCard.d.ts +2 -2
- package/dist/esm/components/navigationCard/navigationCard.js.map +1 -1
- package/dist/esm/components/navigationCard/navigationCardStandAlone.d.ts +1 -1
- package/dist/esm/components/navigationCard/navigationCardStandAlone.js +9 -3
- package/dist/esm/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/esm/components/navigationCard/types/navigationCard.d.ts +5 -1
- package/dist/esm/components/oliveMenu/oliveMenu.js +24 -8
- package/dist/esm/components/oliveMenu/oliveMenu.js.map +1 -1
- package/dist/esm/components/oliveMenu/oliveMenu.styled.js +3 -0
- package/dist/esm/components/oliveMenu/oliveMenu.styled.js.map +1 -1
- package/dist/esm/components/oliveMenu/oliveMenuStandAlone.js +13 -6
- package/dist/esm/components/oliveMenu/oliveMenuStandAlone.js.map +1 -1
- package/dist/esm/components/oliveMenu/types/oliveMenu.d.ts +5 -3
- package/dist/esm/components/oliveMenu/types/oliveMenuTheme.d.ts +1 -0
- package/dist/esm/components/option/optionStandAlone.js +1 -1
- package/dist/esm/components/option/optionStandAlone.js.map +1 -1
- package/dist/esm/components/pillSelector/pillSelectorStandAlone.js +3 -1
- package/dist/esm/components/pillSelector/pillSelectorStandAlone.js.map +1 -1
- package/dist/esm/components/pillSelector/types/pillSelector.d.ts +2 -1
- package/dist/esm/components/popover/popoverStandAlone.js +3 -1
- package/dist/esm/components/popover/popoverStandAlone.js.map +1 -1
- package/dist/esm/components/popover/types/popover.d.ts +1 -0
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.d.ts +19 -17
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.js +1 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.js.map +1 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js +1 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js.map +1 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/types/radioButton.d.ts +14 -12
- package/dist/esm/components/radioButtonGroup/components/radioButton/types/radioButtonTheme.d.ts +4 -3
- package/dist/esm/components/slider/components/sliderScaleStandAlone.d.ts +2 -6
- package/dist/esm/components/slider/components/sliderScaleStandAlone.js +3 -10
- package/dist/esm/components/slider/components/sliderScaleStandAlone.js.map +1 -1
- package/dist/esm/components/slider/slider.js +41 -10
- package/dist/esm/components/slider/slider.js.map +1 -1
- package/dist/esm/components/slider/sliderStandAlone.js +2 -2
- package/dist/esm/components/slider/sliderStandAlone.js.map +1 -1
- package/dist/esm/components/slider/types/slider.d.ts +3 -3
- package/dist/esm/components/slider/utils/accessibility.utils.d.ts +23 -3
- package/dist/esm/components/slider/utils/accessibility.utils.js +29 -29
- package/dist/esm/components/slider/utils/accessibility.utils.js.map +1 -1
- package/dist/esm/components/slider/utils/slider.utils.d.ts +87 -9
- package/dist/esm/components/slider/utils/slider.utils.js +118 -37
- package/dist/esm/components/slider/utils/slider.utils.js.map +1 -1
- package/dist/esm/components/snackbar/snackbarUnControlled.js +18 -4
- package/dist/esm/components/snackbar/snackbarUnControlled.js.map +1 -1
- package/dist/esm/components/summaryDetails/types/summaryDetails.d.ts +1 -1
- package/dist/esm/components/table/hooks/useContent.js +2 -2
- package/dist/esm/components/table/hooks/useContent.js.map +1 -1
- package/dist/esm/components/tabs/tabs.styled.d.ts +3 -1
- package/dist/esm/components/tabs/tabs.styled.js +13 -0
- package/dist/esm/components/tabs/tabs.styled.js.map +1 -1
- package/dist/esm/components/tabs/tabsStandAlone.js +17 -4
- package/dist/esm/components/tabs/tabsStandAlone.js.map +1 -1
- package/dist/esm/components/tabs/types/state.d.ts +4 -1
- package/dist/esm/components/tabs/types/state.js +3 -0
- package/dist/esm/components/tabs/types/state.js.map +1 -1
- package/dist/esm/components/tabs/types/tabs.d.ts +2 -0
- package/dist/esm/components/tagV2/tagStandAlone.js +1 -1
- package/dist/esm/components/tagV2/tagStandAlone.js.map +1 -1
- package/dist/esm/components/tagV2/types/tag.d.ts +1 -0
- package/dist/esm/components/toggle/components/toggleThreePosition.js +3 -3
- package/dist/esm/components/toggle/components/toggleThreePosition.js.map +1 -1
- package/dist/esm/components/toggle/components/toggleTwoPositions.js +1 -1
- package/dist/esm/components/toggle/components/toggleTwoPositions.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabel.styled.d.ts +4 -2
- package/dist/esm/components/toggleWithLabel/toggleWithLabel.styled.js +39 -4
- package/dist/esm/components/toggleWithLabel/toggleWithLabel.styled.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js +8 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js +3 -2
- 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 +5 -2
- package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/types/index.d.ts +2 -1
- package/dist/esm/components/toggleWithLabel/types/index.js +1 -1
- package/dist/esm/components/toggleWithLabel/types/index.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.d.ts +14 -2
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.js +6 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabelTheme.d.ts +5 -3
- package/dist/esm/components/tooltip/positioning/utils/detectOverflow.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/footer/styles.js +1 -0
- package/dist/esm/designSystem/kubit/components/footer/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/styles.js +106 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/variants.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/variants.js +5 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/oliveMenu/styles.js +5 -0
- package/dist/esm/designSystem/kubit/components/oliveMenu/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/styles.d.ts +1 -0
- package/dist/esm/designSystem/kubit/components/styles.js +1 -0
- package/dist/esm/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/variants.d.ts +1 -0
- package/dist/esm/designSystem/kubit/components/variants.js +1 -0
- package/dist/esm/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/esm/designSystem/kubit/fonts/Digit_Password_Large_Square.ttf +0 -0
- package/dist/esm/designSystem/kubit/fonts/Digit_Password_Small_Square.ttf +0 -0
- package/dist/esm/designSystem/kubit/foundations/typography.d.ts +2 -0
- package/dist/esm/designSystem/kubit/foundations/typography.js +2 -0
- package/dist/esm/designSystem/kubit/foundations/typography.js.map +1 -1
- package/dist/esm/designSystem/kubit/globalStyles/font.css +12 -0
- package/dist/esm/designSystem/kubit/globalStyles/fonts.js +14 -0
- package/dist/esm/designSystem/kubit/globalStyles/fonts.js.map +1 -1
- package/dist/esm/designSystem/kubit/index.d.ts +4 -0
- package/dist/esm/designSystem/variants.d.ts +1 -1
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useElementBoundingClientRect/useElementBoundingClientRect.d.ts +18 -0
- package/dist/esm/hooks/useElementBoundingClientRect/useElementBoundingClientRect.js +30 -0
- package/dist/esm/hooks/useElementBoundingClientRect/useElementBoundingClientRect.js.map +1 -0
- package/dist/esm/hooks/useInput/types/inputHook.d.ts +3 -0
- package/dist/esm/hooks/useInput/useInput.js +10 -0
- package/dist/esm/hooks/useInput/useInput.js.map +1 -1
- package/dist/esm/hooks/useZoomEffect/useZoomEffect.js +4 -7
- package/dist/esm/hooks/useZoomEffect/useZoomEffect.js.map +1 -1
- package/dist/esm/styles/mixins/input.mixin.d.ts +1 -1
- package/dist/esm/styles/mixins/input.mixin.js +4 -4
- package/dist/esm/styles/mixins/input.mixin.js.map +1 -1
- package/dist/esm/utils/date/date.js +3 -2
- package/dist/esm/utils/date/date.js.map +1 -1
- package/dist/esm/utils/date/formatDate.d.ts +3 -0
- package/dist/esm/utils/date/formatDate.js +62 -0
- package/dist/esm/utils/date/formatDate.js.map +1 -0
- package/dist/esm/utils/date/index.d.ts +2 -1
- package/dist/esm/utils/date/index.js +2 -1
- package/dist/esm/utils/date/index.js.map +1 -1
- package/dist/esm/utils/date/transformDate.js +3 -12
- package/dist/esm/utils/date/transformDate.js.map +1 -1
- package/dist/esm/utils/date/validateDate.d.ts +1 -0
- package/dist/esm/utils/date/validateDate.js +4 -0
- package/dist/esm/utils/date/validateDate.js.map +1 -0
- package/dist/esm/utils/focusHandlers/focusHandlers.d.ts +24 -0
- package/dist/esm/utils/focusHandlers/focusHandlers.js +31 -0
- package/dist/esm/utils/focusHandlers/focusHandlers.js.map +1 -1
- package/package.json +33 -33
- package/dist/cjs/components/footer/components/footerContent.js +0 -15
- package/dist/cjs/components/footer/components/footerContent.js.map +0 -1
- package/dist/esm/components/footer/components/footerContent.d.ts +0 -13
- package/dist/esm/components/footer/components/footerContent.js +0 -11
- package/dist/esm/components/footer/components/footerContent.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"messageStandAlone.js","sourceRoot":"","sources":["../../../../src/components/message/messageStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,gDAA6C;AAC7C,8DAA2D;AAC3D,8EAA2E;AAC3E,0CAAuC;AACvC,4CAAgF;AAChF,mCAA6C;AAE7C,kCAA+B;AAC/B,SAAS;AACT,
|
|
1
|
+
{"version":3,"file":"messageStandAlone.js","sourceRoot":"","sources":["../../../../src/components/message/messageStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,8 +37,7 @@ const CONTAINER_STYLES_EDIT = [
|
|
|
37
37
|
{ cssPropertyName: 'overflow-y', cssPropertyValue: 'auto' },
|
|
38
38
|
];
|
|
39
39
|
const CONTENT_STYLES_EDIT = [
|
|
40
|
-
{ cssPropertyName: 'overflow-y', cssPropertyValue: '
|
|
41
|
-
{ cssPropertyName: 'max-height', cssPropertyValue: 'unset' },
|
|
40
|
+
{ cssPropertyName: 'overflow-y', cssPropertyValue: 'visible' },
|
|
42
41
|
];
|
|
43
42
|
const ModalControlledComponent = React.forwardRef(({ variant, ctv, portalId, ...props }, ref) => {
|
|
44
43
|
const styles = (0, hooks_1.useStyles)(constants_1.STYLES_NAME.MODAL, variant, ctv);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalControlled.js","sourceRoot":"","sources":["../../../../src/components/modal/modalControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,mCAAoF;AACpF,4DAA4E;AAC5E,mCAAgD;AAGhD,sCAAmC;AACnC,uDAAoD;AAGpD,MAAM,QAAQ,GAAG,GAAG,CAAC;AACrB,MAAM,qBAAqB,GAAkB;IAC3C,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,EAAE;CAC5D,CAAC;AACF,MAAM,mBAAmB,GAAkB;IACzC,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,
|
|
1
|
+
{"version":3,"file":"modalControlled.js","sourceRoot":"","sources":["../../../../src/components/modal/modalControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,mCAAoF;AACpF,4DAA4E;AAC5E,mCAAgD;AAGhD,sCAAmC;AACnC,uDAAoD;AAGpD,MAAM,QAAQ,GAAG,GAAG,CAAC;AACrB,MAAM,qBAAqB,GAAkB;IAC3C,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,EAAE;CAC5D,CAAC;AACF,MAAM,mBAAmB,GAAkB;IACzC,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE;CAC/D,CAAC;AAEF,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EACzD,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,iBAAS,EAAyB,uBAAW,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAClF,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEhC,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CACH,MAAM,KAAK,6BAAqB,CAAC,OAAO,IAAI,MAAM,KAAK,6BAAqB,CAAC,aAAa,EAC5F,CAAC,MAAM,CAAC,CACT,CAAC;IACF,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAe,EAC7D,SAAS,EACT,MAAM,CAAC,eAAe,EAAE,UAAU,CACnC,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,qBAAa,EAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAC;IAC/D,MAAM,YAAY,GAAG,IAAA,qBAAa,EAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC;IAElE,MAAM,cAAc,GAAG,CACrB,uBAAC,iCAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,SAAS,EAAE,QAAQ,YAAG,cAAc,GAAU,CAAC,CAAC,CAAC,cAAc,CAAC;AAC5F,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,aAAa,GAAG,CACpB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EAC3C,GAA0D,EAC7C,EAAE;IACf,MAAM,cAAc,GAAG,uBAAC,iCAAe,OAAM,KAAqC,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IAEjG,OAAO,CACL,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cACf,QAAQ,CAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,SAAS,EAAE,QAAQ,YAAG,cAAc,GAAU,CAAC,CAAC,CAAC,cAAc,GACjE,YAGtB,uBAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACvD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAIjB,CAAC;AAE7B,0CAAe"}
|
|
@@ -6,7 +6,9 @@ const screenReaderOnly_1 = require("../../../components/screenReaderOnly");
|
|
|
6
6
|
const tag_1 = require("../../../components/tag");
|
|
7
7
|
const text_1 = require("../../../components/text");
|
|
8
8
|
const navigationCard_styled_1 = require("../navigationCard.styled");
|
|
9
|
-
const NavigationCardInfo = (props) => ((0, jsx_runtime_1.jsxs)(navigationCard_styled_1.NavigationCardContentStyled, { children: [(0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardLinesTextStyled, { lines: props.styles.title?.[props.device]?.linesNumber ?? props.styles.title?.linesNumber, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: props.styles.title?.[props.device]?.component ??
|
|
10
|
-
props.styles.
|
|
9
|
+
const NavigationCardInfo = (props) => ((0, jsx_runtime_1.jsxs)(navigationCard_styled_1.NavigationCardContentStyled, { as: props.innerContainersComponent, children: [(0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardLinesTextStyled, { as: props.innerContainersComponent, lines: props.styles.title?.[props.device]?.linesNumber ?? props.styles.title?.linesNumber, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: props.styles.title?.[props.device]?.component ??
|
|
10
|
+
props.styles.title?.component ??
|
|
11
|
+
text_1.TextComponentType.SPAN, customTypography: props.styles.title, dataTestId: `${props.dataTestId}Text`, decoration: text_1.TextDecorationType.NONE, ...props.title, children: props.title?.content }) }), props.description && ((0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardDescriptionContainerStyled, { as: props.innerContainersComponent, styles: props.styles, children: (0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardLinesTextStyled, { as: props.innerContainersComponent, lines: props.styles.description?.[props.device]?.linesNumber ??
|
|
12
|
+
props.styles.description?.linesNumber, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.SPAN, customTypography: props.styles.description, dataTestId: `${props.dataTestId}Description`, decoration: text_1.TextDecorationType.NONE, ...props.description, children: props.description.content }) }) })), props.tag && props.styles.containerExpandedContent && ((0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardTagContainer, { as: props.innerContainersComponent, styles: props.styles, children: (0, jsx_runtime_1.jsxs)(tag_1.Tag, { dataTestId: `${props.dataTestId}Tag`, option: props.styles.tag?.option, variant: props.styles.tag?.variant, ...props.tag, children: [(0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { children: props.tag?.screenReaderText }), props.tag?.content] }) }))] }));
|
|
11
13
|
exports.NavigationCardInfo = NavigationCardInfo;
|
|
12
14
|
//# sourceMappingURL=navigationCardInfo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigationCardInfo.js","sourceRoot":"","sources":["../../../../../src/components/navigationCard/fragments/navigationCardInfo.tsx"],"names":[],"mappings":";;;;AAEA,oEAAiE;AACjE,0CAAuC;AACvC,4CAAgF;AAGhF,oEAKkC;
|
|
1
|
+
{"version":3,"file":"navigationCardInfo.js","sourceRoot":"","sources":["../../../../../src/components/navigationCard/fragments/navigationCardInfo.tsx"],"names":[],"mappings":";;;;AAEA,oEAAiE;AACjE,0CAAuC;AACvC,4CAAgF;AAGhF,oEAKkC;AAkB3B,MAAM,kBAAkB,GAAG,CAAC,KAA0B,EAAe,EAAE,CAAC,CAC7E,wBAAC,mDAA2B,IAAC,EAAE,EAAE,KAAK,CAAC,wBAAwB,aAC7D,uBAAC,qDAA6B,IAC5B,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAClC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,YAEzF,uBAAC,WAAI,IACH,SAAS,EACP,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,SAAS;oBAC7C,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS;oBAC7B,wBAAiB,CAAC,IAAI,EAExB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACpC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,MAAM,EACrC,UAAU,EAAE,yBAAkB,CAAC,IAAI,KAC/B,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACuB,EAC/B,KAAK,CAAC,WAAW,IAAI,CACpB,uBAAC,gEAAwC,IACvC,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAClC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,uBAAC,qDAA6B,IAC5B,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAClC,KAAK,EACH,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW;oBACrD,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,YAGvC,uBAAC,WAAI,IACH,SAAS,EAAE,wBAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAC1C,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,aAAa,EAC5C,UAAU,EAAE,yBAAkB,CAAC,IAAI,KAC/B,KAAK,CAAC,WAAW,YAEpB,KAAK,CAAC,WAAW,CAAC,OAAO,GACrB,GACuB,GACS,CAC5C,EACA,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,wBAAwB,IAAI,CACrD,uBAAC,kDAA0B,IAAC,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAClF,wBAAC,SAAG,IACF,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,KAAK,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,EAChC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,KAC9B,KAAK,CAAC,GAAG,aAEb,uBAAC,mCAAgB,cAAE,KAAK,CAAC,GAAG,EAAE,gBAAgB,GAAoB,EACjE,KAAK,CAAC,GAAG,EAAE,OAAO,IACf,GACqB,CAC9B,IAC2B,CAC/B,CAAC;AA1DW,QAAA,kBAAkB,sBA0D7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigationCard.js","sourceRoot":"","sources":["../../../../src/components/navigationCard/navigationCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,mCAAoD;AACpD,yCAAkD;AAClD,4DAA4E;AAE5E,yEAAsE;AAGtE,MAAM,uBAAuB,GAAG,KAAK,CAAC,UAAU,CAC9C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAsB,EAC9C,
|
|
1
|
+
{"version":3,"file":"navigationCard.js","sourceRoot":"","sources":["../../../../src/components/navigationCard/navigationCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,mCAAoD;AACpD,yCAAkD;AAClD,4DAA4E;AAE5E,yEAAsE;AAGtE,MAAM,uBAAuB,GAAG,KAAK,CAAC,UAAU,CAC9C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAsB,EAC9C,GAAiF,EACpE,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,iBAAS,EACtB,uBAAW,CAAC,eAAe,EAC3B,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAChC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,+BAAoB,GAAE,CAAC;IAExC,OAAO,CACL,uBAAC,mDAAwB,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC;AAEhE,MAAM,sBAAsB,GAAG,CAC7B,KAAyB,EACzB,GAAiF,EACpE,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,mDAAwB,OAAM,KAA8C,EAAE,GAAG,EAAE,GAAG,GAAI,GACzE,YAGtB,uBAAC,uBAAuB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAClC,CACjB,CAAC;AAEF,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAIhB,CAAC;AAEtC,wCAAc"}
|
|
@@ -30,15 +30,21 @@ const decorativeElement_1 = require("../../components/decorativeElement");
|
|
|
30
30
|
const elementOrIcon_1 = require("../../components/elementOrIcon");
|
|
31
31
|
const text_1 = require("../../components/text");
|
|
32
32
|
const hooks_1 = require("../../hooks");
|
|
33
|
+
const button_1 = require("../button");
|
|
33
34
|
const fragments_1 = require("./fragments");
|
|
34
35
|
const helpers_1 = require("./helpers");
|
|
35
36
|
const navigationCard_styled_1 = require("./navigationCard.styled");
|
|
36
|
-
const NavigationCardStandaloneComponent = (props, ref) => {
|
|
37
|
+
const NavigationCardStandaloneComponent = ({ type = button_1.ButtonType.BUTTON, ...props }, ref) => {
|
|
37
38
|
const infoId = (0, hooks_1.useId)('infoId');
|
|
38
39
|
const { marginRight, additionalProps } = (0, helpers_1.buildProps)(props.styles, props.decorative, props.device, props.dataTestId);
|
|
40
|
+
const innerContainersComponent = props.url ? 'div' : 'span';
|
|
39
41
|
return (
|
|
40
42
|
// Can not be spread -> styled component breaks
|
|
41
|
-
(0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardStyled
|
|
43
|
+
(0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardStyled
|
|
44
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
45
|
+
, {
|
|
46
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
47
|
+
ref: ref, "aria-disabled": props['aria-disabled'], as: props.url ? props.component : 'button', className: props.className, dataTestId: props.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: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.decorative && ((0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardDecorativeContainer, { as: innerContainersComponent, marginRight: marginRight, styles: props.styles, children: (0, jsx_runtime_1.jsx)(decorativeElement_1.DecorativeElement, { additionalProps: additionalProps, element: props.decorative }) })), (0, jsx_runtime_1.jsxs)(navigationCard_styled_1.NavigationCardInfoContentStyled, { as: innerContainersComponent, id: infoId, isExpanded: props.styles.containerExpandedContent, children: [(0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardLeftContentStyled, { as: innerContainersComponent, isExpanded: props.styles.containerExpandedContent, children: (0, jsx_runtime_1.jsx)(fragments_1.NavigationCardInfo, { dataTestId: props.dataTestId, description: props.description, device: props.device, innerContainersComponent: innerContainersComponent, styles: props.styles, tag: props.tag, title: props.title }) }), (0, jsx_runtime_1.jsxs)(navigationCard_styled_1.NavigationCardRightContentStyled, { "aria-hidden": true, as: innerContainersComponent, styles: props.styles, children: [props.styles.containerExpandedContent && ((0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.SPAN, customTypography: props.styles.arrowIconText, ...props.arrowIconText, children: props.arrowIconText?.content })), (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.arrowIcon, dataTestId: `${props.dataTestId}ArrowIcon`, ...props.arrowIcon })] })] })] }) }));
|
|
42
48
|
};
|
|
43
49
|
exports.NavigationCardStandalone = React.forwardRef(NavigationCardStandaloneComponent);
|
|
44
50
|
//# sourceMappingURL=navigationCardStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigationCardStandAlone.js","sourceRoot":"","sources":["../../../../src/components/navigationCard/navigationCardStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,sEAAmE;AACnE,8DAA2D;AAC3D,
|
|
1
|
+
{"version":3,"file":"navigationCardStandAlone.js","sourceRoot":"","sources":["../../../../src/components/navigationCard/navigationCardStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,sEAAmE;AACnE,8DAA2D;AAC3D,4CAA4D;AAC5D,mCAAgC;AAEhC,sCAAuC;AACvC,2CAAiD;AACjD,uCAAuC;AACvC,mEAMiC;AAGjC,MAAM,iCAAiC,GAAG,CACxC,EAAE,IAAI,GAAG,mBAAU,CAAC,MAAM,EAAE,GAAG,KAAK,EAA6B,EACjE,GAAiF,EACpE,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IAE/B,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,IAAA,oBAAU,EACjD,KAAK,CAAC,MAAM,EACZ,KAAK,CAAC,UAAU,EAChB,KAAK,CAAC,MAAM,EACZ,KAAK,CAAC,UAAU,CACjB,CAAC;IAEF,MAAM,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAE5D,OAAO;IACL,+CAA+C;IAC/C,uBAAC,4CAAoB;IACnB,8DAA8D;;QAA9D,8DAA8D;QAC9D,GAAG,EAAE,GAAU,mBACA,KAAK,CAAC,eAAe,CAAC,EACrC,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC1C,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAClC,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,YAEhC,6DACG,KAAK,CAAC,UAAU,IAAI,CACnB,uBAAC,yDAAiC,IAChC,EAAE,EAAE,wBAAwB,EAC5B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,uBAAC,qCAAiB,IAAC,eAAe,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,CAAC,UAAU,GAAI,GAChD,CACrC,EACD,wBAAC,uDAA+B,IAC9B,EAAE,EAAE,wBAAwB,EAC5B,EAAE,EAAE,MAAM,EACV,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,wBAAwB,aAEjD,uBAAC,uDAA+B,IAC9B,EAAE,EAAE,wBAAwB,EAC5B,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,wBAAwB,YAEjD,uBAAC,8BAAkB,IACjB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,wBAAwB,EAAE,wBAAwB,EAClD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,GAC8B,EAClC,wBAAC,wDAAgC,mBAClB,IAAI,EACjB,EAAE,EAAE,wBAAwB,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,KAAK,CAAC,MAAM,CAAC,wBAAwB,IAAI,CACxC,uBAAC,WAAI,IACH,SAAS,EAAE,wBAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,KACxC,KAAK,CAAC,aAAa,YAEtB,KAAK,CAAC,aAAa,EAAE,OAAO,GACxB,CACR,EACD,uBAAC,6BAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EACxC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,WAAW,KACtC,KAAK,CAAC,SAAS,GACnB,IAC+B,IACH,IACjC,GACkB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC"}
|
|
@@ -26,32 +26,48 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
exports.OliveMenu = void 0;
|
|
27
27
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
28
|
const React = __importStar(require("react"));
|
|
29
|
+
const hooks_1 = require("../../hooks");
|
|
29
30
|
const useStyles_1 = require("../../hooks/useStyles/useStyles");
|
|
30
31
|
const errorBoundary_1 = require("../../provider/errorBoundary");
|
|
31
32
|
const oliveMenuStandAlone_1 = require("./oliveMenuStandAlone");
|
|
32
33
|
const OLIVE_MENU_STYLES = 'OLIVE_MENU_STYLES';
|
|
33
|
-
const OliveMenuComponent = React.forwardRef(({ variant, ctv, trigger,
|
|
34
|
+
const OliveMenuComponent = React.forwardRef(({ variant, ctv, trigger, actionBottomSheetStructure, onOpenClose, ...props }, ref) => {
|
|
34
35
|
const [open, setOpen] = React.useState(false);
|
|
35
36
|
const styles = (0, useStyles_1.useStyles)(OLIVE_MENU_STYLES, variant, ctv);
|
|
37
|
+
const device = (0, hooks_1.useMediaDevice)();
|
|
38
|
+
const innerRef = React.useRef(null);
|
|
39
|
+
React.useImperativeHandle(ref, () => innerRef.current, []);
|
|
40
|
+
const handlePressScape = React.useCallback(() => {
|
|
41
|
+
// Do nothing if already closed
|
|
42
|
+
if (!open) {
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
setOpen(false);
|
|
46
|
+
onOpenClose?.(false);
|
|
47
|
+
}, [open]);
|
|
48
|
+
(0, hooks_1.useEscPressed)({ execute: handlePressScape, element: innerRef });
|
|
36
49
|
const handleTriggerClick = e => {
|
|
37
50
|
setOpen(!open);
|
|
38
51
|
onOpenClose?.(!open, e);
|
|
39
52
|
trigger?.onClick?.(e);
|
|
40
53
|
};
|
|
41
|
-
const handlePopoverCloseInternally = () => {
|
|
42
|
-
setOpen(false);
|
|
43
|
-
onOpenClose?.(false);
|
|
44
|
-
popover?.onCloseInternally?.();
|
|
45
|
-
};
|
|
46
54
|
const handleCloseIconClick = e => {
|
|
47
55
|
setOpen(false);
|
|
48
56
|
onOpenClose?.(false, e);
|
|
49
57
|
actionBottomSheetStructure?.closeIcon?.onClick?.(e);
|
|
50
58
|
};
|
|
51
|
-
|
|
59
|
+
const handleBlur = e => {
|
|
60
|
+
// Do nothing if the new focus is inside the component or already closed
|
|
61
|
+
if (e.currentTarget.contains(e.relatedTarget) || !open) {
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
setOpen(false);
|
|
65
|
+
onOpenClose?.(false, e);
|
|
66
|
+
};
|
|
67
|
+
return ((0, jsx_runtime_1.jsx)(oliveMenuStandAlone_1.OliveMenuStandAlone, { ...props, ref: innerRef, actionBottomSheetStructure: {
|
|
52
68
|
...actionBottomSheetStructure,
|
|
53
69
|
closeIcon: { ...actionBottomSheetStructure?.closeIcon, onClick: handleCloseIconClick },
|
|
54
|
-
},
|
|
70
|
+
}, device: device, open: open, styles: styles, trigger: trigger && { ...trigger, onClick: handleTriggerClick }, onBlur: handleBlur }));
|
|
55
71
|
});
|
|
56
72
|
OliveMenuComponent.displayName = 'OliveMenuComponent';
|
|
57
73
|
const OliveMenuBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(oliveMenuStandAlone_1.OliveMenuStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(OliveMenuComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oliveMenu.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2DAAwD;AACxD,4DAA4E;AAE5E,+DAA4D;AAG5D,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAE9C,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,
|
|
1
|
+
{"version":3,"file":"oliveMenu.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,9 @@ const styled_components_1 = __importDefault(require("styled-components"));
|
|
|
8
8
|
const utils_1 = require("../../utils");
|
|
9
9
|
exports.OliveMenuStyled = styled_components_1.default.div `
|
|
10
10
|
${({ styles }) => (0, utils_1.getStyles)(styles.container)};
|
|
11
|
+
*[data-popover] {
|
|
12
|
+
${({ styles }) => (0, utils_1.getStyles)(styles.popover)};
|
|
13
|
+
}
|
|
11
14
|
`;
|
|
12
15
|
exports.ButtonContainer = styled_components_1.default.div `
|
|
13
16
|
${({ styles }) => (0, utils_1.getStyles)(styles.buttonContainer)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oliveMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.styled.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,mCAAoC;AAQvB,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAsB;IAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,SAAS,CAAC
|
|
1
|
+
{"version":3,"file":"oliveMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.styled.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,mCAAoC;AAQvB,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAsB;IAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,SAAS,CAAC;;MAEzC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,OAAO,CAAC;;CAE9C,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAsB;IAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,eAAe,CAAC;;MAE/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,MAAM,CAAC;;CAE7C,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAsB;IACzD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,oBAAoB,CAAC;CACzD,CAAC"}
|
|
@@ -40,12 +40,19 @@ const OliveMenuStandAloneComponent = (props, ref) => {
|
|
|
40
40
|
const uniqueId = (0, hooks_1.useId)('oliveMenu');
|
|
41
41
|
const buttonRef = React.useRef(null);
|
|
42
42
|
const ariaControls = `${uniqueId}List`;
|
|
43
|
-
const
|
|
43
|
+
const popoverAsModal = [types_2.DeviceBreakpointsType.MOBILE, types_2.DeviceBreakpointsType.TABLET].includes(props.device);
|
|
44
44
|
const { title: actionBottomSheetTitle, ...actionBottomSheet } = props.actionBottomSheetStructure ?? {};
|
|
45
|
-
|
|
45
|
+
const titleId = actionBottomSheetTitle?.id ?? `${uniqueId}Title`;
|
|
46
|
+
return ((0, jsx_runtime_1.jsxs)(oliveMenu_styled_1.OliveMenuStyled, { ref: ref, "data-testId": `${props.dataTestId}Container`, styles: props.styles, onBlur: props.onBlur, children: [props.trigger?.content &&
|
|
47
|
+
(props.styles.button?.[props.device]?.size || props.trigger?.size) && ((0, jsx_runtime_1.jsx)(oliveMenu_styled_1.ButtonContainer, { ref: buttonRef, styles: props.styles, children: (0, jsx_runtime_1.jsx)(button_1.Button, { "aria-controls": props.open ? (0, utils_1.getAriaControls)(props.sections, ariaControls) : undefined, "aria-expanded": props.open, dataTestId: `${props.dataTestId}Button`, size: props.styles.button?.[props.device]?.size, ...props.trigger, children: props.trigger?.content }) })), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { ariaLive: types_2.AriaLiveOptionType.POLITE, dataTestId: `${props.dataTestId}ScreenReader`, children: props.screenReaderText }), (0, jsx_runtime_1.jsx)(popover_1.PopoverControlled, { "aria-labelledby": popoverAsModal ? titleId : undefined, "aria-modal": popoverAsModal ? props.open : undefined,
|
|
48
|
+
// It is handled internally by the onBlur function of the container
|
|
49
|
+
clickOverlayClose: false, component: popoverAsModal ? popover_1.PopoverComponentType.DIALOG : popover_1.PopoverComponentType.DIV, dataTestId: `${props.dataTestId}Popover`, extraAlignGap: props.styles.buttonContainer?.[props.device]?.margin_bottom, focusFirstDescendantAutomatically: popoverAsModal, focusLastElementFocusedAfterClose: popoverAsModal, hasBackDrop: true, open: props.open,
|
|
50
|
+
// It is handled internally by the controlled component to allow close when the focus is on the button
|
|
51
|
+
pressEscapeClose: false, trapFocusInsideModal: popoverAsModal, variant: props.styles.popoverVariant, ...props.popover, children: (0, jsx_runtime_1.jsx)(actionBottomSheetControlled_1.ActionBottomSheetControlledStructure, { dataTestId: `${props.dataTestId}ActionButtonSheet`, title: {
|
|
46
52
|
component: types_1.TextComponentType.H5,
|
|
47
|
-
align: props.styles.actionBottomSheet?.[device]?.alignTitle,
|
|
53
|
+
align: props.styles.actionBottomSheet?.[props.device]?.alignTitle,
|
|
48
54
|
...actionBottomSheetTitle,
|
|
55
|
+
id: titleId,
|
|
49
56
|
}, variant: props.styles.actionBottomSheet?.variant, ...actionBottomSheet, children: (0, jsx_runtime_1.jsx)(oliveMenu_styled_1.ListboxStyled, { styles: props.styles, children: props.styles.listOptions?.optionVariant &&
|
|
50
57
|
props.styles.listOptions?.variant &&
|
|
51
58
|
props.sections?.map(({ title, ...section }, index) => ((0, jsx_runtime_1.jsx)(listOptions_1.ListOptions, { dataTestId: props.dataTestId, id: `${ariaControls}${index}`, optionVariant: props.styles.listOptions?.optionVariant, selectedValue: props.selectedValue, title: { component: types_1.TextComponentType.H6, ...title }, type: listOptions_1.ListOptionsType.NAVIGATION, variant: props.styles.listOptions?.variant, onOptionClick: props.onOptionClick, ...section }, section.id))) }) }) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oliveMenuStandAlone.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenuStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,4GAAkH;AAClH,gDAA6C;AAC7C,0DAAwE;AACxE,
|
|
1
|
+
{"version":3,"file":"oliveMenuStandAlone.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenuStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,4GAAkH;AAClH,gDAA6C;AAC7C,0DAAwE;AACxE,kDAA0F;AAC1F,oEAAiE;AACjE,mDAA4D;AAC5D,mCAAgC;AAChC,mCAAoE;AAEpE,yDAAqF;AAErF,mCAA0C;AAE1C,MAAM,4BAA4B,GAAG,CACnC,KAA2B,EAC3B,GAA0D,EAC7C,EAAE;IACf,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;IACpC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,YAAY,GAAG,GAAG,QAAQ,MAAM,CAAC;IAEvC,MAAM,cAAc,GAAG,CAAC,6BAAqB,CAAC,MAAM,EAAE,6BAAqB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAC1F,KAAK,CAAC,MAAM,CACb,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,sBAAsB,EAAE,GAAG,iBAAiB,EAAE,GAC3D,KAAK,CAAC,0BAA0B,IAAI,EAAE,CAAC;IAEzC,MAAM,OAAO,GAAG,sBAAsB,EAAE,EAAE,IAAI,GAAG,QAAQ,OAAO,CAAC;IAEjE,OAAO,CACL,wBAAC,kCAAe,IACd,GAAG,EAAE,GAAG,iBACK,GAAG,KAAK,CAAC,UAAU,WAAW,EAC3C,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,KAAK,CAAC,OAAO,EAAE,OAAO;gBACrB,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CACpE,uBAAC,kCAAe,IAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YACnD,uBAAC,eAAM,qBACU,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,uBAAe,EAAC,KAAK,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,mBACtE,KAAK,CAAC,IAAI,EACzB,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,QAAQ,EACvC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,KAC3C,KAAK,CAAC,OAAO,YAEhB,KAAK,CAAC,OAAO,EAAE,OAAO,GAChB,GACO,CACnB,EACH,uBAAC,mCAAgB,IACf,QAAQ,EAAE,0BAAkB,CAAC,MAAM,EACnC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,cAAc,YAE5C,KAAK,CAAC,gBAAgB,GACN,EACnB,uBAAC,2BAAO,uBACW,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBACzC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;gBACnD,mEAAmE;gBACnE,iBAAiB,EAAE,KAAK,EACxB,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,8BAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,8BAAoB,CAAC,GAAG,EAClF,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,SAAS,EACxC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,aAAa,EAC1E,iCAAiC,EAAE,cAAc,EACjD,iCAAiC,EAAE,cAAc,EACjD,WAAW,EAAE,IAAI,EACjB,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,sGAAsG;gBACtG,gBAAgB,EAAE,KAAK,EACvB,oBAAoB,EAAE,cAAc,EACpC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,KAChC,KAAK,CAAC,OAAO,YAEjB,uBAAC,kEAAoC,IACnC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,mBAAmB,EAClD,KAAK,EAAE;wBACL,SAAS,EAAE,yBAAiB,CAAC,EAAE;wBAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,UAAU;wBACjE,GAAG,sBAAsB;wBACzB,EAAE,EAAE,OAAO;qBACZ,EACD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,EAAE,OAAO,KAC5C,iBAAiB,YAErB,uBAAC,gCAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAChC,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa;4BACtC,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,OAAO;4BACjC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACpD,uBAAC,yBAAW,IAEV,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,EAAE,EAAE,GAAG,YAAY,GAAG,KAAK,EAAE,EAC7B,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,aAAuB,EAChE,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,KAAK,EAAE,EAAE,SAAS,EAAE,yBAAiB,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,EACpD,IAAI,EAAE,6BAAe,CAAC,UAAU,EAChC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,OAAiB,EACpD,aAAa,EAAE,KAAK,CAAC,aAAa,KAC9B,OAAO,IATN,OAAO,CAAC,EAAE,CAUf,CACH,CAAC,GACU,GACqB,GAC/B,IACM,CACnB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAC"}
|
|
@@ -55,7 +55,7 @@ const OptionStandAlone = React.forwardRef((props, ref) => {
|
|
|
55
55
|
const _firstNoHighlightedLabel = props.label.substring(0, firstHighlightedIndex);
|
|
56
56
|
const _highlightedLabel = props.label.substring(firstHighlightedIndex, lastHighlightedIndex);
|
|
57
57
|
const _lastNoHighlightedLabel = props.label.substring(lastHighlightedIndex);
|
|
58
|
-
return ((0, jsx_runtime_1.jsxs)(option_styled_1.OptionStyled, { ref: ref, "aria-disabled": disabled, ...ariaProps, "$stateStyles": stateStyles, "$styles": props.styles, as: props.url ? props.componentLink : props.as ?? option_styled_1.OptionDivStyled, "data-testid": props.dataTestId, role: props.role, tabIndex: props.tabIndex, url: props.url, onBlur: props.onBlur, onClick: handleClickOption, onFocus: props.onFocus, onKeyDown: (event) => {
|
|
58
|
+
return ((0, jsx_runtime_1.jsxs)(option_styled_1.OptionStyled, { ref: ref, "aria-disabled": disabled, ...ariaProps, "$stateStyles": stateStyles, "$styles": props.styles, as: props.url ? props.componentLink : (props.as ?? option_styled_1.OptionDivStyled), "data-testid": props.dataTestId, role: props.role, tabIndex: props.tabIndex, url: props.url, onBlur: props.onBlur, onClick: handleClickOption, onFocus: props.onFocus, onKeyDown: (event) => {
|
|
59
59
|
if (!disabled && ((0, utils_1.isKeyEnterPressed)(event.key) || (0, utils_1.isKeySpacePressed)(event.key))) {
|
|
60
60
|
props.onClick?.(event);
|
|
61
61
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"optionStandAlone.js","sourceRoot":"","sources":["../../../../src/components/option/optionStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAuC;AACvC,6CAA+B;AAE/B,8DAA2D;AAC3D,4CAAgF;AAChF,gDAA6C;AAC7C,mCAA+D;AAC/D,4CAAkD;AAElD,mDAAmD;AACnD,mDAOyB;AACzB,mCAA6D;AAC7D,mCAA0D;AAE1D,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,KAAwB,EAAE,GAAgD,EAAE,EAAE;IAC7E,MAAM,SAAS,GAAG,IAAA,oBAAa,EAAC,KAAK,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,qBAAqB,IAAI,KAAK,CAAC,qBAAqB,EAAE,MAAM,GAAG,CAAC,CAAC;IACzF,MAAM,KAAK,GAAG,IAAA,gBAAQ,EACpB,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,WAAW,EACjB,KAAK,CAAC,KAAK,EACX,OAAO,CACR,CAAC;IACF,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,KAAK,KAAK,uBAAe,CAAC,QAAQ,CAAC;IAEpD,MAAM,iBAAiB,GAA4C,KAAK,CAAC,EAAE;QACzE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,uBAAe,CAAC,iBAAiB;QACjC,uBAAe,CAAC,uBAAuB;KACxC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElB,MAAM,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,GAAG,IAAA,6BAAqB,EAC3E,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,qBAAqB,CAC5B,CAAC;IACF,MAAM,wBAAwB,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,qBAAqB,CAAC,CAAC;IACjF,MAAM,iBAAiB,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,CAAC;IAC7F,MAAM,uBAAuB,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAC5E,OAAO,CACL,wBAAC,4BAAY,IACX,GAAG,EAAE,GAAG,mBACO,QAAQ,KACnB,SAAS,kBACC,WAAW,aAChB,KAAK,CAAC,MAAM,EACrB,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,+BAAe,
|
|
1
|
+
{"version":3,"file":"optionStandAlone.js","sourceRoot":"","sources":["../../../../src/components/option/optionStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,16 +29,18 @@ const React = __importStar(require("react"));
|
|
|
29
29
|
const pill_1 = require("../../components/pill");
|
|
30
30
|
const hooks_1 = require("../../hooks");
|
|
31
31
|
const types_1 = require("../../types");
|
|
32
|
+
const utils_1 = require("../../utils");
|
|
32
33
|
const pillSelector_styled_1 = require("./pillSelector.styled");
|
|
33
|
-
const
|
|
34
|
+
const utils_2 = require("./utils");
|
|
34
35
|
const MAX_PILLS = 3;
|
|
35
36
|
const PillSelectorStandAloneComponent = ({ dataTestId, maxPills = MAX_PILLS, ...props }, ref) => {
|
|
37
|
+
const ariaProps = (0, utils_1.pickAriaProps)(props);
|
|
36
38
|
const roveFocusProps = React.useMemo(() => ({
|
|
37
39
|
size: props.pills.length,
|
|
38
|
-
keyDownMove: (0,
|
|
39
|
-
keyUpMove: (0,
|
|
40
|
-
keyRightMove: (0,
|
|
41
|
-
keyLeftMove: (0,
|
|
40
|
+
keyDownMove: (0, utils_2.keyRightMove)(props.pills),
|
|
41
|
+
keyUpMove: (0, utils_2.keyLeftMove)(props.pills),
|
|
42
|
+
keyRightMove: (0, utils_2.keyRightMove)(props.pills),
|
|
43
|
+
keyLeftMove: (0, utils_2.keyLeftMove)(props.pills),
|
|
42
44
|
keyTabMove: null,
|
|
43
45
|
currentFocusSelected: -1,
|
|
44
46
|
}), [props.pills]);
|
|
@@ -47,7 +49,7 @@ const PillSelectorStandAloneComponent = ({ dataTestId, maxPills = MAX_PILLS, ...
|
|
|
47
49
|
React.useImperativeHandle(ref, () => {
|
|
48
50
|
return listEl.current;
|
|
49
51
|
}, []);
|
|
50
|
-
return ((0, jsx_runtime_1.jsxs)(pillSelector_styled_1.PillSelectorWrapper, { ref: listEl, "data-testid": `${dataTestId}PillSelector`, hasThumb: !!(!props.multiSelect && props.styles?.thumb), isSelected: isPillSelected, role: types_1.ROLES.RADIOGROUP, styles: props.styles, children: [!props.multiSelect && props.styles?.thumb && ((0, jsx_runtime_1.jsx)(pillSelector_styled_1.ThumbStyled, { "data-testid": `${dataTestId}Thumb`, styles: props.styles })), props.pills.length > 1 && props.pills.length <= maxPills
|
|
52
|
+
return ((0, jsx_runtime_1.jsxs)(pillSelector_styled_1.PillSelectorWrapper, { ...ariaProps, ref: listEl, "data-testid": `${dataTestId}PillSelector`, hasThumb: !!(!props.multiSelect && props.styles?.thumb), isSelected: isPillSelected, role: types_1.ROLES.RADIOGROUP, styles: props.styles, children: [!props.multiSelect && props.styles?.thumb && ((0, jsx_runtime_1.jsx)(pillSelector_styled_1.ThumbStyled, { "data-testid": `${dataTestId}Thumb`, styles: props.styles })), props.pills.length > 1 && props.pills.length <= maxPills
|
|
51
53
|
? props.pills.map((pill, index) => {
|
|
52
54
|
const pillSelected = props.pillSelected?.includes(pill.value.toString());
|
|
53
55
|
return ((props.pillSize || pill?.size) && ((0, jsx_runtime_1.jsx)(pill_1.Pill, { dataTestId: `${dataTestId}Pill${index}`, focus: focus === index, multiSelect: props.multiSelect, name: props.name, selected: pillSelected, size: props.pillSize || '', tabIndex: pillSelected || (!isPillSelected && index === 0) ? 0 : -1, ...pill, value: pill.value.toString(), variant: props.pillVariant, onFocus: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pillSelectorStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelectorStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,4CAAyC;AACzC,mCAAuC;AACvC,mCAAgC;
|
|
1
|
+
{"version":3,"file":"pillSelectorStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelectorStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,9 @@ const popover_styled_1 = require("./popover.styled");
|
|
|
33
33
|
const PopoverStandAloneComponent = ({ children, animationExecution, animationConfig, dataTestId, ...props }, ref) => {
|
|
34
34
|
const ariaProps = (0, aria_1.pickAriaProps)(props);
|
|
35
35
|
if (props.open) {
|
|
36
|
-
return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, children: [props.hasBackDrop && (0, jsx_runtime_1.jsx)(overlay_1.Overlay, { variant: props.styles[props.device]?.overlay }), (0, jsx_runtime_1.jsx)(popover_styled_1.PopoverAnimationStyled, { ref: props.forwardedRef, as: animationConfig ? cssAnimation_1.CssAnimation : 'div', "data-testid": dataTestId, exec: animationExecution, id: props.id, options: animationConfig?.animationOptions, variant: animationConfig?.animation, children: (0, jsx_runtime_1.jsx)(popover_styled_1.PopoverStyled
|
|
36
|
+
return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, children: [props.hasBackDrop && (0, jsx_runtime_1.jsx)(overlay_1.Overlay, { variant: props.styles[props.device]?.overlay }), (0, jsx_runtime_1.jsx)(popover_styled_1.PopoverAnimationStyled, { ref: props.forwardedRef, as: animationConfig ? cssAnimation_1.CssAnimation : 'div', "data-testid": dataTestId, exec: animationExecution, id: props.id, options: animationConfig?.animationOptions, variant: animationConfig?.animation, children: (0, jsx_runtime_1.jsx)(popover_styled_1.PopoverStyled
|
|
37
|
+
// Allow to identificate the element
|
|
38
|
+
, { "data-popover": true, ...ariaProps, align: props.align, as: props.component, autoWidth: props?.autoWidth, bottom: props?.bottom, device: props.device, extraAlignGap: props.extraAlignGap, extraWidth: props.extraWidth || props.styles?.[props.device]?.extraWidth, extraWidthSide: props.extraWidthSide || props.styles?.[props.device]?.extraWidthSide, left: props?.left, open: props.open, positionVariant: props.positionVariant, right: props?.right, role: props.role, tabIndex: props.tabIndex, top: props?.top, onKeyDown: props.onKeyDown, ...props.styles, children: children }) })] }));
|
|
37
39
|
}
|
|
38
40
|
return (0, jsx_runtime_1.jsx)(popover_styled_1.PopoverAnimationStyled, { id: props.id });
|
|
39
41
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popoverStandAlone.js","sourceRoot":"","sources":["../../../../src/components/popover/popoverStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,4DAAyD;AACzD,kDAA+C;AAC/C,4CAAkD;AAElD,qDAAyE;AAGzE,MAAM,0BAA0B,GAAG,CACjC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,KAAK,EAAsB,EAC3F,GAA0D,EACtC,EAAE;IACtB,MAAM,SAAS,GAAG,IAAA,oBAAa,EAAC,KAAK,CAAC,CAAC;IACvC,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,CACL,iCAAK,GAAG,EAAE,GAAG,aACV,KAAK,CAAC,WAAW,IAAI,uBAAC,iBAAO,IAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,GAAI,EAC/E,uBAAC,uCAAsB,IACrB,GAAG,EAAE,KAAK,CAAC,YAAY,EACvB,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,2BAAY,CAAC,CAAC,CAAC,KAAK,iBAC7B,UAAU,EACvB,IAAI,EAAE,kBAAkB,EACxB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAC1C,OAAO,EAAE,eAAe,EAAE,SAAS,YAEnC,uBAAC,8BAAa,
|
|
1
|
+
{"version":3,"file":"popoverStandAlone.js","sourceRoot":"","sources":["../../../../src/components/popover/popoverStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,4DAAyD;AACzD,kDAA+C;AAC/C,4CAAkD;AAElD,qDAAyE;AAGzE,MAAM,0BAA0B,GAAG,CACjC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,KAAK,EAAsB,EAC3F,GAA0D,EACtC,EAAE;IACtB,MAAM,SAAS,GAAG,IAAA,oBAAa,EAAC,KAAK,CAAC,CAAC;IACvC,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,CACL,iCAAK,GAAG,EAAE,GAAG,aACV,KAAK,CAAC,WAAW,IAAI,uBAAC,iBAAO,IAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,GAAI,EAC/E,uBAAC,uCAAsB,IACrB,GAAG,EAAE,KAAK,CAAC,YAAY,EACvB,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,2BAAY,CAAC,CAAC,CAAC,KAAK,iBAC7B,UAAU,EACvB,IAAI,EAAE,kBAAkB,EACxB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAC1C,OAAO,EAAE,eAAe,EAAE,SAAS,YAEnC,uBAAC,8BAAa;oBACZ,oCAAoC;iDAEhC,SAAS,EACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,SAAS,EACnB,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAE,KAAK,EAAE,MAAM,EACrB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,UAAU,EACxE,cAAc,EAAE,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,cAAc,EACpF,IAAI,EAAE,KAAK,EAAE,IAAI,EACjB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,KAAK,EAAE,KAAK,EAAE,KAAK,EACnB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,GAAG,EAAE,KAAK,EAAE,GAAG,EACf,SAAS,EAAE,KAAK,CAAC,SAAS,KACtB,KAAK,CAAC,MAAM,YAEf,QAAQ,GACK,GACO,IACrB,CACP,CAAC;IACJ,CAAC;IACD,OAAO,uBAAC,uCAAsB,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI,CAAC;AAClD,CAAC,CAAC;AAEW,QAAA,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC"}
|
package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButton.styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radioButton.styled.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButton.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,4CAAkD;
|
|
1
|
+
{"version":3,"file":"radioButton.styled.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButton.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,4CAAkD;AAClD,mCAAoC;AAEpC,mCAAkG;AAMlG,MAAM,gBAAgB,GAAG,CAAC,MAA8B,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;IAC5D,IAAA,iBAAS,EAAC,MAAM,EAAE,WAAW,CAAC;;;;;;;;MAQ5B,IAAA,iBAAS,EAAC,MAAM,EAAE,IAAI,CAAC;;CAE5B,CAAC;AAEW,QAAA,yBAAyB,GAAG,2BAAM,CAAC,GAAG,CAAwC;IACvF,KAAK,CAAC,EAAE,CAAC,IAAA,iBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,4BAAoB,CAAC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CACvF,CAAC;AAEW,QAAA,sBAAsB,GAAG,2BAAM,CAAC,KAAK,CAGhD;;;;;;;IAOE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,gBAAgB,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;;;;;;IAMjE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,IAAI,IAAA,wBAAe,GAAE;CACzD,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAKzC;aACW,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;;IAErD,KAAK,CAAC,EAAE,CAAC,IAAA,iBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;mBAC9C,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;;;;CAI5D,CAAC;AAEW,QAAA,wBAAwB,GAAG,2BAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAExC,QAAA,sBAAsB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAG/C,CAAC;AAEW,QAAA,sBAAsB,GAAG,2BAAM,CAAC,GAAG,CAAoC;IAChF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,qBAAqB,CAAC;;;;CAI3D,CAAC;AAEW,QAAA,sBAAsB,GAAG,2BAAM,CAAC,IAAI,CAAoC;IACjF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,yBAAyB,CAAC;CAC/D,CAAC"}
|
package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js
CHANGED
|
@@ -25,7 +25,7 @@ const RadioButtonStandAlone = (props) => {
|
|
|
25
25
|
errorMessage: props.errorMessage,
|
|
26
26
|
errorMessageId,
|
|
27
27
|
error: props.error,
|
|
28
|
-
}), checked: props.checked, "data-testid": `${props.dataTestId}Input`, disabled: props.disabled, id: inputId, name: props.name, state: props.state, styles: props.styles, type: "radio", value: props.value, onBlur: props.onBlur, onChange: props.onChange }) }), props.label?.content && ((0, jsx_runtime_1.jsx)(radioButton_styled_1.RadioButtonLabelStyled, { children: (0, jsx_runtime_1.jsx)(label_1.Label, { color: props.styles?.[props.state]?.label?.color, cursor: props.disabled ? CURSOR_DEFAULT : CURSOR_POINTER, dataTestId: `${props.dataTestId}Label`, inputId: inputId, textVariant: props.styles?.[props.state]?.label?.font_variant, weight: getLabelFontWeight(), ...props.label, children: props.label.content }) })), props.subTitle?.content &&
|
|
28
|
+
}), "aria-hidden": props['aria-hidden'], "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], checked: props.checked, "data-testid": `${props.dataTestId}Input`, disabled: props.disabled, id: inputId, name: props.name, state: props.state, styles: props.styles, tabIndex: props.tabIndex, type: "radio", value: props.value, onBlur: props.onBlur, onChange: props.onChange }) }), props.label?.content && ((0, jsx_runtime_1.jsx)(radioButton_styled_1.RadioButtonLabelStyled, { children: (0, jsx_runtime_1.jsx)(label_1.Label, { color: props.styles?.[props.state]?.label?.color, cursor: props.disabled ? CURSOR_DEFAULT : CURSOR_POINTER, dataTestId: `${props.dataTestId}Label`, inputId: inputId, textVariant: props.styles?.[props.state]?.label?.font_variant, weight: getLabelFontWeight(), ...props.label, children: props.label.content }) })), props.subTitle?.content &&
|
|
29
29
|
(typeof props.subTitle.content === 'string' ? ((0, jsx_runtime_1.jsx)(text_1.Text, { customTypography: props.styles?.[props.state]?.sublabel, ...props.subTitle, id: descriptionId, children: props.subTitle.content })) : ((0, jsx_runtime_1.jsx)(radioButton_styled_1.RadioButtonContentStyled, { id: descriptionId, children: props.subTitle.content }))), props.error && props.errorMessage && ((0, jsx_runtime_1.jsx)(radioButton_styled_1.RadioButtonErrorStyled, { "aria-live": props.errorAriaLiveType, id: errorMessageId, styles: props.styles?.[props.state], children: (0, jsx_runtime_1.jsxs)(text_1.Text, { customTypography: props.styles?.[props.state]?.errorMessage, dataTestId: `${props.dataTestId}ErrorMessage`, children: [props.errorIcon && ((0, jsx_runtime_1.jsx)(radioButton_styled_1.ErrorIconWrapperStyled, { styles: props.styles?.[props.state], children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.[props.state]?.errorMessageIcon, ...props.errorIcon }) })), props.errorMessage] }) }))] }));
|
|
30
30
|
};
|
|
31
31
|
exports.RadioButtonStandAlone = RadioButtonStandAlone;
|
package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radioButtonStandAlone.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.tsx"],"names":[],"mappings":";;;;AAEA,8DAA2D;AAC3D,8CAA2C;AAC3C,4CAAyC;AACzC,mCAAgC;AAEhC,uCAAkD;AAClD,6DAQ8B;AAG9B,MAAM,cAAc,GAAG,SAAS,CAAC;AACjC,MAAM,cAAc,GAAG,SAAS,CAAC;AAE1B,MAAM,qBAAqB,GAAG,CAAC,KAA6B,EAAe,EAAE;IAClF,IAAI,OAAO,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;IACnC,OAAO,GAAG,KAAK,CAAC,EAAE,IAAI,OAAO,CAAC;IAC9B,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,EAAE,OAAO,IAAI,GAAG,OAAO,eAAe,CAAC;IAC3E,MAAM,cAAc,GAAG,KAAK,CAAC,YAAY,IAAI,GAAG,OAAO,SAAS,CAAC;IAEjE,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAC9B,KAAK,CAAC,QAAQ,EAAE,OAAO;QACrB,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,EAAE,WAAW;QACxD,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC;IAEtD,OAAO,CACL,wBAAC,sCAAiB,IAChB,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACvB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,aAEpB,uBAAC,8CAAyB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC7C,uBAAC,2CAAsB,wBAEnB,KAAK,CAAC,cAAc;wBACpB,IAAA,2BAAmB,EAAC;4BAClB,aAAa;4BACb,cAAc,EAAE,KAAK,CAAC,cAAc;4BACpC,YAAY,EAAE,KAAK,CAAC,YAAY;4BAChC,cAAc;4BACd,KAAK,EAAE,KAAK,CAAC,KAAK;yBACnB,CAAC,
|
|
1
|
+
{"version":3,"file":"radioButtonStandAlone.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.tsx"],"names":[],"mappings":";;;;AAEA,8DAA2D;AAC3D,8CAA2C;AAC3C,4CAAyC;AACzC,mCAAgC;AAEhC,uCAAkD;AAClD,6DAQ8B;AAG9B,MAAM,cAAc,GAAG,SAAS,CAAC;AACjC,MAAM,cAAc,GAAG,SAAS,CAAC;AAE1B,MAAM,qBAAqB,GAAG,CAAC,KAA6B,EAAe,EAAE;IAClF,IAAI,OAAO,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;IACnC,OAAO,GAAG,KAAK,CAAC,EAAE,IAAI,OAAO,CAAC;IAC9B,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,EAAE,OAAO,IAAI,GAAG,OAAO,eAAe,CAAC;IAC3E,MAAM,cAAc,GAAG,KAAK,CAAC,YAAY,IAAI,GAAG,OAAO,SAAS,CAAC;IAEjE,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAC9B,KAAK,CAAC,QAAQ,EAAE,OAAO;QACrB,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,EAAE,WAAW;QACxD,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC;IAEtD,OAAO,CACL,wBAAC,sCAAiB,IAChB,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACvB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,aAEpB,uBAAC,8CAAyB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC7C,uBAAC,2CAAsB,wBAEnB,KAAK,CAAC,cAAc;wBACpB,IAAA,2BAAmB,EAAC;4BAClB,aAAa;4BACb,cAAc,EAAE,KAAK,CAAC,cAAc;4BACpC,YAAY,EAAE,KAAK,CAAC,YAAY;4BAChC,cAAc;4BACd,KAAK,EAAE,KAAK,CAAC,KAAK;yBACnB,CAAC,iBAES,KAAK,CAAC,aAAa,CAAC,gBACrB,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,EACzC,OAAO,EAAE,KAAK,CAAC,OAAO,iBACT,GAAG,KAAK,CAAC,UAAU,OAAO,EACvC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,GACwB,EAC3B,KAAK,CAAC,KAAK,EAAE,OAAO,IAAI,CACvB,uBAAC,2CAAsB,cACrB,uBAAC,aAAK,IACJ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAChD,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,EACxD,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,EACtC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,YAAY,EAC7D,MAAM,EAAE,kBAAkB,EAAE,KACxB,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,CAAC,OAAO,GACd,GACe,CAC1B,EAEA,KAAK,CAAC,QAAQ,EAAE,OAAO;gBACtB,CAAC,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC5C,uBAAC,WAAI,IACH,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,QAAQ,KACnD,KAAK,CAAC,QAAQ,EAClB,EAAE,EAAE,aAAa,YAEhB,KAAK,CAAC,QAAQ,CAAC,OAAO,GAClB,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,6CAAwB,IAAC,EAAE,EAAE,aAAa,YACxC,KAAK,CAAC,QAAQ,CAAC,OAAO,GACE,CAC5B,CAAC,EACH,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,IAAI,CACpC,uBAAC,2CAAsB,iBACV,KAAK,CAAC,iBAAiB,EAClC,EAAE,EAAE,cAAc,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YAEnC,wBAAC,WAAI,IACH,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,EAC3D,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,cAAc,aAE5C,KAAK,CAAC,SAAS,IAAI,CAClB,uBAAC,2CAAsB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YACzD,uBAAC,6BAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,gBAAgB,KAC3D,KAAK,CAAC,SAAS,GACnB,GACqB,CAC1B,EACA,KAAK,CAAC,YAAY,IACd,GACgB,CAC1B,IACiB,CACrB,CAAC;AACJ,CAAC,CAAC;AArGW,QAAA,qBAAqB,yBAqGhC"}
|
|
@@ -8,20 +8,13 @@ const sliderScaleStandAlone_styled_1 = require("./sliderScaleStandAlone.styled")
|
|
|
8
8
|
* @description
|
|
9
9
|
* SliderScaleStandAlone component is used to display a scale for the slider.
|
|
10
10
|
*/
|
|
11
|
-
const SliderScaleStandAlone = ({ showScale,
|
|
11
|
+
const SliderScaleStandAlone = ({ showScale, scaleOffsets, styles, }) => {
|
|
12
12
|
const uniqueTickmarksId = (0, hooks_1.useId)('tickmarks');
|
|
13
13
|
if (!showScale) {
|
|
14
14
|
return null;
|
|
15
15
|
}
|
|
16
|
-
return ((0, jsx_runtime_1.jsx)(sliderScaleStandAlone_styled_1.StyledScaleWrap, { id: uniqueTickmarksId, styles: styles, children:
|
|
17
|
-
|
|
18
|
-
if (i === scaleArray.length - 1) {
|
|
19
|
-
scaleOffset = 100;
|
|
20
|
-
}
|
|
21
|
-
else if (i > 0) {
|
|
22
|
-
scaleOffset = (((1 - ((max - min) % step) / (max - min)) * 100) / scaleCount) * i;
|
|
23
|
-
}
|
|
24
|
-
return ((0, jsx_runtime_1.jsx)(sliderScaleStandAlone_styled_1.StyledScaledOption, { scaleOffset: scaleOffset, styles: styles }, `${uniqueTickmarksId}_${i}`));
|
|
16
|
+
return ((0, jsx_runtime_1.jsx)(sliderScaleStandAlone_styled_1.StyledScaleWrap, { id: uniqueTickmarksId, styles: styles, children: scaleOffsets.map((scaleElementOffset, i) => {
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(sliderScaleStandAlone_styled_1.StyledScaledOption, { scaleOffset: scaleElementOffset, styles: styles }, `${uniqueTickmarksId}_${i}`));
|
|
25
18
|
}) }));
|
|
26
19
|
};
|
|
27
20
|
exports.SliderScaleStandAlone = SliderScaleStandAlone;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sliderScaleStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/slider/components/sliderScaleStandAlone.tsx"],"names":[],"mappings":";;;;AAEA,mCAAgC;AAGhC,iFAAqF;
|
|
1
|
+
{"version":3,"file":"sliderScaleStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/slider/components/sliderScaleStandAlone.tsx"],"names":[],"mappings":";;;;AAEA,mCAAgC;AAGhC,iFAAqF;AAQrF;;;GAGG;AACI,MAAM,qBAAqB,GAAG,CAAC,EACpC,SAAS,EACT,YAAY,EACZ,MAAM,GACiB,EAAsB,EAAE;IAC/C,MAAM,iBAAiB,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;IAC7C,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,uBAAC,8CAAe,IAAC,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,YACnD,YAAY,CAAC,GAAG,CAAC,CAAC,kBAAkB,EAAE,CAAC,EAAE,EAAE;YAC1C,OAAO,CACL,uBAAC,iDAAkB,IAEjB,WAAW,EAAE,kBAAkB,EAC/B,MAAM,EAAE,MAAM,IAFT,GAAG,iBAAiB,IAAI,CAAC,EAAE,CAGhC,CACH,CAAC;QACJ,CAAC,CAAC,GACc,CACnB,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,qBAAqB,yBAsBhC"}
|
|
@@ -34,7 +34,7 @@ const types_2 = require("./types");
|
|
|
34
34
|
const utils_1 = require("./utils");
|
|
35
35
|
const ON_CHANGE_DEBOUNCE_TIMEOUT = 50;
|
|
36
36
|
const SLIDER_STYLES = 'SLIDER_STYLES';
|
|
37
|
-
exports.SliderComponent = React.forwardRef(({ variant, type = types_2.SliderType.DISCRETE, range = false, min = 0, max = 100, step = 1, disabled = false, defaultValue, value: propValue, onChange, onDragStart, onDragEnd, tooltip, rightTooltip, leftHelperText, rightHelperText,
|
|
37
|
+
exports.SliderComponent = React.forwardRef(({ variant, type = types_2.SliderType.DISCRETE, range = false, min = 0, max = 100, step = 1, initialStepOffset, disabled = false, defaultValue, value: propValue, onChange, onDragStart, onDragEnd, tooltip, rightTooltip, leftHelperText, rightHelperText,
|
|
38
38
|
// label
|
|
39
39
|
label,
|
|
40
40
|
// Increment and decrement buttons
|
|
@@ -43,7 +43,7 @@ incrementButton, decrementButton,
|
|
|
43
43
|
thumbIcon, rightThumbIcon,
|
|
44
44
|
// Aria helpers
|
|
45
45
|
ariaLabel, rightAriaLabel, ariaLabelBy, rightAriaLabelBy, ctv, }, ref) => {
|
|
46
|
-
const _calcDefaultValue = _value => (0, utils_1.calcDefaultValue)(range, max, min, step, _value);
|
|
46
|
+
const _calcDefaultValue = _value => (0, utils_1.calcDefaultValue)({ range, max, min, step, initialStepOffset, value: _value });
|
|
47
47
|
const containerRef = React.useRef(null);
|
|
48
48
|
const [value, setValue] = React.useState(_calcDefaultValue(propValue ?? defaultValue));
|
|
49
49
|
const [hover, setHover] = React.useState(false);
|
|
@@ -99,7 +99,8 @@ ariaLabel, rightAriaLabel, ariaLabelBy, rightAriaLabelBy, ctv, }, ref) => {
|
|
|
99
99
|
// Update inner value when new propValue is received
|
|
100
100
|
React.useEffect(() => {
|
|
101
101
|
if (propValue !== undefined) {
|
|
102
|
-
if ((range &&
|
|
102
|
+
if ((range &&
|
|
103
|
+
!(0, utils_1.equalsRangeValues)({ values1: propValue, values2: value })) ||
|
|
103
104
|
(!range && propValue !== value)) {
|
|
104
105
|
setValue(_calcDefaultValue(propValue));
|
|
105
106
|
}
|
|
@@ -151,11 +152,15 @@ ariaLabel, rightAriaLabel, ariaLabelBy, rightAriaLabelBy, ctv, }, ref) => {
|
|
|
151
152
|
offset: _offset,
|
|
152
153
|
offsetBoundaries: offsetBoundaries,
|
|
153
154
|
});
|
|
154
|
-
const newValue = (0, utils_1.calcScaleValue)(max, min, step, _value);
|
|
155
|
+
const newValue = (0, utils_1.calcScaleValue)({ max, min, step, initialStepOffset, value: _value });
|
|
155
156
|
setValue(prevValue => {
|
|
156
157
|
let _newValue = newValue;
|
|
157
158
|
if (range) {
|
|
158
|
-
_newValue = (0, utils_1.calcNewRangeValue)(
|
|
159
|
+
_newValue = (0, utils_1.calcNewRangeValue)({
|
|
160
|
+
prevValue: prevValue,
|
|
161
|
+
newValue,
|
|
162
|
+
activePointer,
|
|
163
|
+
});
|
|
159
164
|
}
|
|
160
165
|
onChangeDebounce(_newValue);
|
|
161
166
|
return _newValue;
|
|
@@ -170,14 +175,28 @@ ariaLabel, rightAriaLabel, ariaLabelBy, rightAriaLabelBy, ctv, }, ref) => {
|
|
|
170
175
|
if (disabled) {
|
|
171
176
|
return;
|
|
172
177
|
}
|
|
173
|
-
const newValue = (0, utils_1.calcNewValueAfterKeyPress)(
|
|
178
|
+
const newValue = (0, utils_1.calcNewValueAfterKeyPress)({
|
|
179
|
+
event,
|
|
180
|
+
range,
|
|
181
|
+
activePointer: activePointer.current,
|
|
182
|
+
max,
|
|
183
|
+
min,
|
|
184
|
+
step,
|
|
185
|
+
value,
|
|
186
|
+
});
|
|
174
187
|
if (newValue !== undefined) {
|
|
175
188
|
setValue(newValue);
|
|
176
189
|
onChangeDebounce(newValue);
|
|
177
190
|
}
|
|
178
191
|
};
|
|
179
192
|
const handleIncrementClick = event => {
|
|
180
|
-
const newValue = (0, utils_1.incrementValue)(
|
|
193
|
+
const newValue = (0, utils_1.incrementValue)({
|
|
194
|
+
activePointer: activePointer.current,
|
|
195
|
+
range,
|
|
196
|
+
max,
|
|
197
|
+
step,
|
|
198
|
+
value,
|
|
199
|
+
});
|
|
181
200
|
if (newValue !== undefined) {
|
|
182
201
|
setValue(newValue);
|
|
183
202
|
onChangeDebounce(newValue);
|
|
@@ -185,14 +204,26 @@ ariaLabel, rightAriaLabel, ariaLabelBy, rightAriaLabelBy, ctv, }, ref) => {
|
|
|
185
204
|
incrementButton?.onClick?.(event);
|
|
186
205
|
};
|
|
187
206
|
const handleDecrementClick = event => {
|
|
188
|
-
const newValue = (0, utils_1.decrementValue)(
|
|
207
|
+
const newValue = (0, utils_1.decrementValue)({
|
|
208
|
+
activePointer: activePointer.current,
|
|
209
|
+
range,
|
|
210
|
+
min,
|
|
211
|
+
step,
|
|
212
|
+
value,
|
|
213
|
+
});
|
|
189
214
|
if (newValue !== undefined) {
|
|
190
215
|
setValue(newValue);
|
|
191
216
|
onChangeDebounce(newValue);
|
|
192
217
|
}
|
|
193
218
|
decrementButton?.onClick?.(event);
|
|
194
219
|
};
|
|
195
|
-
const { showScale,
|
|
220
|
+
const { showScale, scaleOffsets } = (0, utils_1.getScale)({
|
|
221
|
+
type,
|
|
222
|
+
max,
|
|
223
|
+
min,
|
|
224
|
+
step,
|
|
225
|
+
initialStepOffset,
|
|
226
|
+
});
|
|
196
227
|
const { offset, offsetLeft, offsetRight } = (0, utils_1.getOffset)({
|
|
197
228
|
range,
|
|
198
229
|
max,
|
|
@@ -208,7 +239,7 @@ ariaLabel, rightAriaLabel, ariaLabelBy, rightAriaLabelBy, ctv, }, ref) => {
|
|
|
208
239
|
...incrementButton,
|
|
209
240
|
onClick: handleIncrementClick,
|
|
210
241
|
disabled: disabled || incrementButton?.disabled,
|
|
211
|
-
}, label: label, leftHelperText: leftHelperText, max: max, min: min, offset: offset, offsetLeft: offsetLeft, offsetRight: offsetRight, pressed: pressed, range: range, rightAriaLabel: rightAriaLabel, rightAriaLabelBy: rightAriaLabelBy, rightHelperText: rightHelperText, rightThumbIcon: rightThumbIcon, rightTooltip: rightTooltip,
|
|
242
|
+
}, label: label, leftHelperText: leftHelperText, max: max, min: min, offset: offset, offsetLeft: offsetLeft, offsetRight: offsetRight, pressed: pressed, range: range, rightAriaLabel: rightAriaLabel, rightAriaLabelBy: rightAriaLabelBy, rightHelperText: rightHelperText, rightThumbIcon: rightThumbIcon, rightTooltip: rightTooltip, scaleOffsets: scaleOffsets, setHover: setHover, showScale: showScale, step: step, styles: styles, thumbIcon: thumbIcon, tooltip: tooltip, value: value, onChange: handleChange, onKeyPress: handleKeyPress, onMouseDown: onMouseDown, onTouchStart: onTouchStart }));
|
|
212
243
|
});
|
|
213
244
|
exports.SliderComponent.displayName = 'SliderComponent';
|
|
214
245
|
const SliderBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(sliderStandAlone_1.SliderStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(exports.SliderComponent, { ...props, ref: ref }) }));
|