@kubit-ui-web/react-components 1.7.1 → 1.8.1
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/accordionStandAlone.js +3 -2
- package/dist/cjs/components/accordion/accordionStandAlone.js.map +1 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.js +3 -2
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.js.map +1 -1
- package/dist/cjs/components/avatar/avatarStandAlone.js +5 -4
- package/dist/cjs/components/avatar/avatarStandAlone.js.map +1 -1
- package/dist/cjs/components/badge/badgeStandAlone.js +4 -3
- package/dist/cjs/components/badge/badgeStandAlone.js.map +1 -1
- package/dist/cjs/components/breadcrumbs/components/crumbStandAlone.js +7 -5
- package/dist/cjs/components/breadcrumbs/components/crumbStandAlone.js.map +1 -1
- package/dist/cjs/components/button/button.js +3 -2
- package/dist/cjs/components/button/button.js.map +1 -1
- package/dist/cjs/components/button/buttonStandAlone.js +1 -1
- package/dist/cjs/components/button/buttonStandAlone.js.map +1 -1
- package/dist/cjs/components/calendar/header/header.js +3 -2
- package/dist/cjs/components/calendar/header/header.js.map +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js +3 -2
- package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js.map +1 -1
- package/dist/cjs/components/calendar/selector/selector.js +7 -5
- package/dist/cjs/components/calendar/selector/selector.js.map +1 -1
- package/dist/cjs/components/calendar/selector/yearSelector/yearSelector.js +3 -2
- package/dist/cjs/components/calendar/selector/yearSelector/yearSelector.js.map +1 -1
- package/dist/cjs/components/cardImage/cardImageStandAlone.js +6 -4
- package/dist/cjs/components/cardImage/cardImageStandAlone.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 +6 -5
- package/dist/cjs/components/checkbox/checkboxStandAlone.js.map +1 -1
- package/dist/cjs/components/checkboxWithLabel/checkboxWithLabelStandAlone.js +3 -3
- package/dist/cjs/components/checkboxWithLabel/checkboxWithLabelStandAlone.js.map +1 -1
- package/dist/cjs/components/chip/chipStandAlone.js +6 -5
- package/dist/cjs/components/chip/chipStandAlone.js.map +1 -1
- package/dist/cjs/components/confirmationMessage/confirmationMessageStandAlone.js +2 -2
- package/dist/cjs/components/confirmationMessage/confirmationMessageStandAlone.js.map +1 -1
- package/dist/cjs/components/container/containerStandAlone.js +3 -2
- package/dist/cjs/components/container/containerStandAlone.js.map +1 -1
- package/dist/cjs/components/decorativeElement/decorativeElementStandAlone.js +6 -6
- package/dist/cjs/components/decorativeElement/decorativeElementStandAlone.js.map +1 -1
- package/dist/cjs/components/divider/dividerStandAlone.js +3 -2
- package/dist/cjs/components/divider/dividerStandAlone.js.map +1 -1
- package/dist/cjs/components/drawer/drawerStandAlone.js +5 -4
- package/dist/cjs/components/drawer/drawerStandAlone.js.map +1 -1
- package/dist/cjs/components/elementOrIcon/elementOrIcon.js +3 -2
- package/dist/cjs/components/elementOrIcon/elementOrIcon.js.map +1 -1
- package/dist/cjs/components/emptyState/emptyStateStandAlone.js +5 -4
- package/dist/cjs/components/emptyState/emptyStateStandAlone.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/functionalitiesModule/functionalitiesModuleStandAlone.js +1 -1
- package/dist/cjs/components/functionalitiesModule/functionalitiesModuleStandAlone.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/helpMessage.js +3 -2
- package/dist/cjs/components/input/components/helpMessage.js.map +1 -1
- package/dist/cjs/components/input/components/informationAssociated.js +1 -1
- package/dist/cjs/components/input/components/informationAssociated.js.map +1 -1
- package/dist/cjs/components/input/components/label.js +2 -2
- package/dist/cjs/components/input/components/label.js.map +1 -1
- package/dist/cjs/components/input/components/title.js +1 -1
- package/dist/cjs/components/input/components/title.js.map +1 -1
- package/dist/cjs/components/input/inputControlled.js +3 -3
- package/dist/cjs/components/input/inputControlled.js.map +1 -1
- package/dist/cjs/components/input/inputStandAlone.js +1 -5
- 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/inputCounter/inputCounterStandAlone.js +1 -1
- package/dist/cjs/components/inputCounter/inputCounterStandAlone.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 +8 -3
- package/dist/cjs/components/inputCurrency/inputCurrencyStandAlone.js.map +1 -1
- package/dist/cjs/components/inputDate/hooks/useInputDate.js +5 -2
- package/dist/cjs/components/inputDate/hooks/useInputDate.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 +47 -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/components/popoverSearchList.js +3 -2
- package/dist/cjs/components/inputDropdown/components/popoverSearchList.js.map +1 -1
- 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/label/labelStandAlone.js +3 -2
- package/dist/cjs/components/label/labelStandAlone.js.map +1 -1
- package/dist/cjs/components/lineSeparator/lineSeparatorStandAlone.js +3 -2
- package/dist/cjs/components/lineSeparator/lineSeparatorStandAlone.js.map +1 -1
- package/dist/cjs/components/loadingState/index.js +3 -1
- package/dist/cjs/components/loadingState/index.js.map +1 -1
- package/dist/cjs/components/loadingState/loadingStateStandAlone.js +3 -2
- package/dist/cjs/components/loadingState/loadingStateStandAlone.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 +4 -4
- package/dist/cjs/components/message/messageStandAlone.js.map +1 -1
- package/dist/cjs/components/modal/modalControlled.js +4 -4
- package/dist/cjs/components/modal/modalControlled.js.map +1 -1
- package/dist/cjs/components/modal/modalStandAlone.js +6 -5
- package/dist/cjs/components/modal/modalStandAlone.js.map +1 -1
- package/dist/cjs/components/navigationCard/fragments/navigationCardInfo.js +5 -3
- 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 +11 -4
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/cjs/components/navigationRow/navigationRowStandAlone.js +3 -2
- package/dist/cjs/components/navigationRow/navigationRowStandAlone.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 +11 -4
- 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/pageControlAutomate/pageControlAutomateStandAlone.js +2 -2
- package/dist/cjs/components/pageControlAutomate/pageControlAutomateStandAlone.js.map +1 -1
- package/dist/cjs/components/pagination/paginationStandAlone.js +3 -2
- package/dist/cjs/components/pagination/paginationStandAlone.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/quickButton/quickButtonStandAlone.js +3 -3
- package/dist/cjs/components/quickButton/quickButtonStandAlone.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.js +2 -2
- package/dist/cjs/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.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 +2 -2
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/radioButtonGroupStandAlone.js +3 -2
- package/dist/cjs/components/radioButtonGroup/radioButtonGroupStandAlone.js.map +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +3 -2
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js.map +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js +4 -3
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js.map +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js +2 -2
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js.map +1 -1
- package/dist/cjs/components/slider/components/sliderButtonStandAlone.js +1 -1
- package/dist/cjs/components/slider/components/sliderButtonStandAlone.js.map +1 -1
- package/dist/cjs/components/slider/components/sliderThumbStandAlone.js +2 -2
- package/dist/cjs/components/slider/components/sliderThumbStandAlone.js.map +1 -1
- package/dist/cjs/components/snackbar/snackbarStandAlone.js +6 -5
- package/dist/cjs/components/snackbar/snackbarStandAlone.js.map +1 -1
- package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js +3 -2
- package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js.map +1 -1
- package/dist/cjs/components/stepperProgress/stepperProgressStandAlone.js +3 -2
- package/dist/cjs/components/stepperProgress/stepperProgressStandAlone.js.map +1 -1
- package/dist/cjs/components/summaryDetails/summaryDetailsStandAlone.js +4 -3
- package/dist/cjs/components/summaryDetails/summaryDetailsStandAlone.js.map +1 -1
- package/dist/cjs/components/table/component/list.js +1 -1
- package/dist/cjs/components/table/component/list.js.map +1 -1
- package/dist/cjs/components/table/component/listColumnHeaderPriority.js +4 -3
- package/dist/cjs/components/table/component/listColumnHeaderPriority.js.map +1 -1
- package/dist/cjs/components/table/component/listRowHeaderPriority.js +4 -3
- package/dist/cjs/components/table/component/listRowHeaderPriority.js.map +1 -1
- package/dist/cjs/components/table/component/table.js +6 -5
- package/dist/cjs/components/table/component/table.js.map +1 -1
- package/dist/cjs/components/table/component/tableRow.js +3 -2
- package/dist/cjs/components/table/component/tableRow.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 +1 -0
- package/dist/cjs/components/tabs/tabs.styled.js.map +1 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js +17 -5
- package/dist/cjs/components/tabs/tabsStandAlone.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/text/text.js +3 -2
- package/dist/cjs/components/text/text.js.map +1 -1
- package/dist/cjs/components/textArea/components/errorStandAlone.js +3 -2
- package/dist/cjs/components/textArea/components/errorStandAlone.js.map +1 -1
- package/dist/cjs/components/textArea/components/helpMessageStandAlone.js +3 -2
- package/dist/cjs/components/textArea/components/helpMessageStandAlone.js.map +1 -1
- package/dist/cjs/components/textArea/components/titleStandAlone.js +1 -1
- package/dist/cjs/components/textArea/components/titleStandAlone.js.map +1 -1
- package/dist/cjs/components/textArea/textAreaStandAlone.js +3 -3
- package/dist/cjs/components/textArea/textAreaStandAlone.js.map +1 -1
- package/dist/cjs/components/textCount/textCountStandAlone.js +3 -2
- package/dist/cjs/components/textCount/textCountStandAlone.js.map +1 -1
- package/dist/cjs/components/toggle/components/toggleThreePosition.js +8 -7
- 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/toggleWithLabelStandAlone.js +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
- package/dist/cjs/components/tooltip/positioning/utils/detectOverflow.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +3 -2
- package/dist/cjs/components/tooltip/tooltipStandAlone.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/borders.js +1 -1
- package/dist/cjs/designSystem/kubit/foundations/borders.js.map +1 -1
- 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/provider/errorBoundary/components/errorBoundaryModal/errorBoundaryModal.js +10 -9
- package/dist/cjs/provider/errorBoundary/components/errorBoundaryModal/errorBoundaryModal.js.map +1 -1
- package/dist/cjs/provider/errorBoundary/components/errorBoundarySnackbar/errorBoundarySnackbar.js +1 -1
- package/dist/cjs/provider/errorBoundary/components/errorBoundarySnackbar/errorBoundarySnackbar.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/esm/components/accordion/accordionStandAlone.js +2 -1
- package/dist/esm/components/accordion/accordionStandAlone.js.map +1 -1
- package/dist/esm/components/actionBottomSheet/actionBottomSheetStandAlone.js +2 -1
- package/dist/esm/components/actionBottomSheet/actionBottomSheetStandAlone.js.map +1 -1
- package/dist/esm/components/avatar/avatarStandAlone.js +4 -3
- package/dist/esm/components/avatar/avatarStandAlone.js.map +1 -1
- package/dist/esm/components/badge/badgeStandAlone.js +3 -2
- package/dist/esm/components/badge/badgeStandAlone.js.map +1 -1
- package/dist/esm/components/breadcrumbs/components/crumbStandAlone.js +5 -3
- package/dist/esm/components/breadcrumbs/components/crumbStandAlone.js.map +1 -1
- package/dist/esm/components/button/button.js +2 -1
- package/dist/esm/components/button/button.js.map +1 -1
- package/dist/esm/components/button/buttonStandAlone.js +1 -1
- package/dist/esm/components/button/buttonStandAlone.js.map +1 -1
- package/dist/esm/components/calendar/header/header.js +2 -1
- package/dist/esm/components/calendar/header/header.js.map +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js +2 -1
- package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js.map +1 -1
- package/dist/esm/components/calendar/selector/selector.js +4 -2
- package/dist/esm/components/calendar/selector/selector.js.map +1 -1
- package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js +2 -1
- package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js.map +1 -1
- package/dist/esm/components/cardImage/cardImageStandAlone.js +5 -3
- package/dist/esm/components/cardImage/cardImageStandAlone.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 +4 -3
- 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/checkboxWithLabel/checkboxWithLabelStandAlone.js +2 -2
- package/dist/esm/components/checkboxWithLabel/checkboxWithLabelStandAlone.js.map +1 -1
- package/dist/esm/components/chip/chipStandAlone.js +2 -1
- package/dist/esm/components/chip/chipStandAlone.js.map +1 -1
- package/dist/esm/components/confirmationMessage/confirmationMessageStandAlone.js +1 -1
- package/dist/esm/components/confirmationMessage/confirmationMessageStandAlone.js.map +1 -1
- package/dist/esm/components/container/containerStandAlone.js +2 -1
- package/dist/esm/components/container/containerStandAlone.js.map +1 -1
- package/dist/esm/components/decorativeElement/decorativeElementStandAlone.js +6 -6
- package/dist/esm/components/decorativeElement/decorativeElementStandAlone.js.map +1 -1
- package/dist/esm/components/divider/dividerStandAlone.js +2 -1
- package/dist/esm/components/divider/dividerStandAlone.js.map +1 -1
- package/dist/esm/components/drawer/drawerStandAlone.js +4 -3
- 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/elementOrIcon/elementOrIcon.js +2 -1
- package/dist/esm/components/elementOrIcon/elementOrIcon.js.map +1 -1
- package/dist/esm/components/emptyState/emptyStateStandAlone.js +4 -3
- package/dist/esm/components/emptyState/emptyStateStandAlone.js.map +1 -1
- 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/functionalitiesModule/functionalitiesModuleStandAlone.js +1 -1
- package/dist/esm/components/functionalitiesModule/functionalitiesModuleStandAlone.js.map +1 -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/helpMessage.js +2 -1
- package/dist/esm/components/input/components/helpMessage.js.map +1 -1
- package/dist/esm/components/input/components/informationAssociated.js +1 -1
- package/dist/esm/components/input/components/informationAssociated.js.map +1 -1
- package/dist/esm/components/input/components/label.js +1 -1
- package/dist/esm/components/input/components/label.js.map +1 -1
- package/dist/esm/components/input/components/title.js +1 -1
- package/dist/esm/components/input/components/title.js.map +1 -1
- package/dist/esm/components/input/inputControlled.js +3 -3
- package/dist/esm/components/input/inputControlled.js.map +1 -1
- package/dist/esm/components/input/inputStandAlone.d.ts +1 -0
- package/dist/esm/components/input/inputStandAlone.js +1 -5
- 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 +5 -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/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/inputCounter/inputCounterStandAlone.js +1 -1
- package/dist/esm/components/inputCounter/inputCounterStandAlone.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 +7 -2
- 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 +5 -2
- package/dist/esm/components/inputDate/hooks/useInputDate.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 +21 -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/components/popoverSearchList.js +2 -1
- package/dist/esm/components/inputDropdown/components/popoverSearchList.js.map +1 -1
- 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/inputPassword/inputPasswordStandAlone.d.ts +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/label/labelStandAlone.js +2 -1
- package/dist/esm/components/label/labelStandAlone.js.map +1 -1
- package/dist/esm/components/lineSeparator/lineSeparatorStandAlone.js +2 -1
- package/dist/esm/components/lineSeparator/lineSeparatorStandAlone.js.map +1 -1
- package/dist/esm/components/loadingState/index.d.ts +1 -0
- package/dist/esm/components/loadingState/index.js +1 -0
- package/dist/esm/components/loadingState/index.js.map +1 -1
- package/dist/esm/components/loadingState/loadingStateStandAlone.js +2 -1
- package/dist/esm/components/loadingState/loadingStateStandAlone.js.map +1 -1
- 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 +6 -6
- 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 +3 -3
- package/dist/esm/components/modal/modalControlled.js.map +1 -1
- package/dist/esm/components/modal/modalStandAlone.js +5 -4
- package/dist/esm/components/modal/modalStandAlone.js.map +1 -1
- package/dist/esm/components/navigationCard/fragments/navigationCardInfo.d.ts +1 -0
- package/dist/esm/components/navigationCard/fragments/navigationCardInfo.js +5 -3
- 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 +11 -4
- 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/navigationRow/navigationRowStandAlone.js +2 -1
- package/dist/esm/components/navigationRow/navigationRowStandAlone.js.map +1 -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 +14 -7
- 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/pageControlAutomate/pageControlAutomateStandAlone.js +2 -2
- package/dist/esm/components/pageControlAutomate/pageControlAutomateStandAlone.js.map +1 -1
- package/dist/esm/components/pagination/paginationStandAlone.js +2 -1
- package/dist/esm/components/pagination/paginationStandAlone.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/quickButton/quickButtonStandAlone.js +2 -2
- package/dist/esm/components/quickButton/quickButtonStandAlone.js.map +1 -1
- package/dist/esm/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.js +1 -1
- package/dist/esm/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.js.map +1 -1
- 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 +2 -2
- 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/radioButtonGroup/radioButtonGroupStandAlone.js +2 -1
- package/dist/esm/components/radioButtonGroup/radioButtonGroupStandAlone.js.map +1 -1
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +2 -1
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js.map +1 -1
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js +3 -2
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js.map +1 -1
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js +1 -1
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js.map +1 -1
- package/dist/esm/components/slider/components/sliderButtonStandAlone.js +1 -1
- package/dist/esm/components/slider/components/sliderButtonStandAlone.js.map +1 -1
- package/dist/esm/components/slider/components/sliderThumbStandAlone.js +1 -1
- package/dist/esm/components/slider/components/sliderThumbStandAlone.js.map +1 -1
- package/dist/esm/components/snackbar/snackbarStandAlone.js +4 -3
- package/dist/esm/components/snackbar/snackbarStandAlone.js.map +1 -1
- package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js +2 -1
- package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js.map +1 -1
- package/dist/esm/components/stepperProgress/stepperProgressStandAlone.js +2 -1
- package/dist/esm/components/stepperProgress/stepperProgressStandAlone.js.map +1 -1
- package/dist/esm/components/summaryDetails/summaryDetailsStandAlone.js +2 -1
- package/dist/esm/components/summaryDetails/summaryDetailsStandAlone.js.map +1 -1
- package/dist/esm/components/table/component/list.js +1 -1
- package/dist/esm/components/table/component/list.js.map +1 -1
- package/dist/esm/components/table/component/listColumnHeaderPriority.js +2 -1
- package/dist/esm/components/table/component/listColumnHeaderPriority.js.map +1 -1
- package/dist/esm/components/table/component/listRowHeaderPriority.js +2 -1
- package/dist/esm/components/table/component/listRowHeaderPriority.js.map +1 -1
- package/dist/esm/components/table/component/table.js +3 -2
- package/dist/esm/components/table/component/table.js.map +1 -1
- package/dist/esm/components/table/component/tableRow.js +2 -1
- package/dist/esm/components/table/component/tableRow.js.map +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 +1 -0
- package/dist/esm/components/tabs/tabs.styled.js.map +1 -1
- package/dist/esm/components/tabs/tabsStandAlone.js +16 -4
- package/dist/esm/components/tabs/tabsStandAlone.js.map +1 -1
- package/dist/esm/components/tabs/types/tabs.d.ts +1 -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/text/text.js +2 -1
- package/dist/esm/components/text/text.js.map +1 -1
- package/dist/esm/components/textArea/components/errorStandAlone.js +2 -1
- package/dist/esm/components/textArea/components/errorStandAlone.js.map +1 -1
- package/dist/esm/components/textArea/components/helpMessageStandAlone.js +2 -1
- package/dist/esm/components/textArea/components/helpMessageStandAlone.js.map +1 -1
- package/dist/esm/components/textArea/components/titleStandAlone.js +1 -1
- package/dist/esm/components/textArea/components/titleStandAlone.js.map +1 -1
- package/dist/esm/components/textArea/textAreaStandAlone.js +2 -2
- package/dist/esm/components/textArea/textAreaStandAlone.js.map +1 -1
- package/dist/esm/components/textCount/textCountStandAlone.js +2 -1
- package/dist/esm/components/textCount/textCountStandAlone.js.map +1 -1
- package/dist/esm/components/toggle/components/toggleThreePosition.js +6 -5
- 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/toggleWithLabelStandAlone.js +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.d.ts +1 -1
- package/dist/esm/components/tooltip/positioning/utils/detectOverflow.js.map +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js +2 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.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/borders.js +1 -1
- package/dist/esm/designSystem/kubit/foundations/borders.js.map +1 -1
- 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/provider/errorBoundary/components/errorBoundaryModal/errorBoundaryModal.js +5 -4
- package/dist/esm/provider/errorBoundary/components/errorBoundaryModal/errorBoundaryModal.js.map +1 -1
- package/dist/esm/provider/errorBoundary/components/errorBoundarySnackbar/errorBoundarySnackbar.js +1 -1
- package/dist/esm/provider/errorBoundary/components/errorBoundarySnackbar/errorBoundarySnackbar.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/package.json +35 -34
- 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
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import styled, { css, keyframes } from 'styled-components';
|
|
2
|
+
import { inputFocusWidthMixin } from '../../styles/mixins';
|
|
3
|
+
import { getStyles, getTypographyStyles } from '../../utils';
|
|
4
|
+
export const ParentContainer = styled.div `
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
${({ styles }) => getStyles(styles?.rootContainer)};
|
|
8
|
+
`;
|
|
9
|
+
export const TitleTooltipContainer = styled.div `
|
|
10
|
+
${({ styles }) => getStyles(styles?.titleTooltipContainer)};
|
|
11
|
+
`;
|
|
12
|
+
export const AnimationInputsContainer = styled.div `
|
|
13
|
+
${({ styles }) => getStyles(styles?.animationInputsContainer)};
|
|
14
|
+
`;
|
|
15
|
+
const increaseLabelHeight = (props) => keyframes `
|
|
16
|
+
0% {
|
|
17
|
+
height: 0rem;
|
|
18
|
+
}
|
|
19
|
+
100% {
|
|
20
|
+
height: ${props.height};
|
|
21
|
+
}
|
|
22
|
+
`;
|
|
23
|
+
export const InputDigitsContainerAnimated = styled.div `
|
|
24
|
+
display: flex;
|
|
25
|
+
align-items: end;
|
|
26
|
+
${({ styles }) => getStyles(styles?.inputDigitsContainer)};
|
|
27
|
+
${({ animated }) => animated &&
|
|
28
|
+
css `
|
|
29
|
+
p,
|
|
30
|
+
label {
|
|
31
|
+
height: 0rem;
|
|
32
|
+
overflow: hidden;
|
|
33
|
+
}
|
|
34
|
+
`};
|
|
35
|
+
${({ boxesAnimationDone, styles }) => boxesAnimationDone &&
|
|
36
|
+
css `
|
|
37
|
+
p,
|
|
38
|
+
label {
|
|
39
|
+
animation: ${increaseLabelHeight({ height: styles?.inputNumber?.line_height })} 250ms
|
|
40
|
+
forwards;
|
|
41
|
+
}
|
|
42
|
+
`};
|
|
43
|
+
`;
|
|
44
|
+
export const InputDigitsContainer = styled.div `
|
|
45
|
+
display: flex;
|
|
46
|
+
align-items: end;
|
|
47
|
+
${({ styles }) => getStyles(styles?.inputDigitsContainer)};
|
|
48
|
+
${({ animated }) => animated &&
|
|
49
|
+
css `
|
|
50
|
+
visibility: hidden;
|
|
51
|
+
p,
|
|
52
|
+
label {
|
|
53
|
+
height: 0rem;
|
|
54
|
+
overflow: hidden;
|
|
55
|
+
}
|
|
56
|
+
`};
|
|
57
|
+
${({ boxesAnimationDone, styles }) => boxesAnimationDone &&
|
|
58
|
+
css `
|
|
59
|
+
p,
|
|
60
|
+
label {
|
|
61
|
+
animation: ${increaseLabelHeight({ height: styles?.inputNumber?.line_height })} 250ms
|
|
62
|
+
forwards;
|
|
63
|
+
}
|
|
64
|
+
`};
|
|
65
|
+
|
|
66
|
+
${({ labelAnimationDone }) => labelAnimationDone &&
|
|
67
|
+
css `
|
|
68
|
+
visibility: visible;
|
|
69
|
+
`};
|
|
70
|
+
`;
|
|
71
|
+
const increaseGap = (props) => keyframes `
|
|
72
|
+
0% {
|
|
73
|
+
row-gap: 0rem;
|
|
74
|
+
gap: 0rem;
|
|
75
|
+
}
|
|
76
|
+
100% {
|
|
77
|
+
gap: ${props.gap};
|
|
78
|
+
row-gap: ${props.row_gap};
|
|
79
|
+
}
|
|
80
|
+
`;
|
|
81
|
+
export const InputDigitAndNumberContainer = styled.div `
|
|
82
|
+
display: flex;
|
|
83
|
+
flex-direction: column;
|
|
84
|
+
height: 100%;
|
|
85
|
+
align-items: center;
|
|
86
|
+
${({ styles }) => getStyles(styles?.inputDigitAndNumberContainer)};
|
|
87
|
+
${({ animated }) => animated &&
|
|
88
|
+
css `
|
|
89
|
+
row-gap: 0rem;
|
|
90
|
+
gap: 0rem;
|
|
91
|
+
`};
|
|
92
|
+
${({ boxesAnimationDone, styles }) => boxesAnimationDone &&
|
|
93
|
+
css `
|
|
94
|
+
animation: ${increaseGap({
|
|
95
|
+
row_gap: styles?.inputDigitAndNumberContainer?.row_gap,
|
|
96
|
+
gap: styles?.inputDigitAndNumberContainer?.gap,
|
|
97
|
+
})}
|
|
98
|
+
250ms forwards;
|
|
99
|
+
`};
|
|
100
|
+
`;
|
|
101
|
+
export const InputDigitStyled = styled.input `
|
|
102
|
+
text-align: center;
|
|
103
|
+
border-style: solid;
|
|
104
|
+
${({ styles }) => getTypographyStyles(styles?.inputDigitText)};
|
|
105
|
+
${({ styles }) => getStyles(styles?.inputDigitContainer)};
|
|
106
|
+
|
|
107
|
+
${({ styles, error }) => error && getStyles(styles?.inputDigitContainerError)};
|
|
108
|
+
|
|
109
|
+
:focus {
|
|
110
|
+
${({ styles }) => getStyles(styles?.inputDigitContainerfocus)};
|
|
111
|
+
}
|
|
112
|
+
&:focus-visible {
|
|
113
|
+
${inputFocusWidthMixin}
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
&[type='password'] {
|
|
117
|
+
${({ styles }) => getTypographyStyles(styles?.inputDigitTextTypePassword)}
|
|
118
|
+
}
|
|
119
|
+
`;
|
|
120
|
+
export const IconAndErrorTextContainer = styled.div `
|
|
121
|
+
display: flex;
|
|
122
|
+
${({ styles }) => getStyles(styles?.errorContainer)};
|
|
123
|
+
`;
|
|
124
|
+
export const HelpTextContainerStyled = styled.div `
|
|
125
|
+
${({ styles }) => getStyles(styles?.helpTextContainer)};
|
|
126
|
+
`;
|
|
127
|
+
export const ButtonContainer = styled.div `
|
|
128
|
+
${({ styles }) => getStyles(styles?.actionButtonContainer)};
|
|
129
|
+
`;
|
|
130
|
+
//# sourceMappingURL=inputDigitSequence.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inputDigitSequence.styled.js","sourceRoot":"","sources":["../../../../src/components/inputDigitSequence/inputDigitSequence.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { useId } from '../../hooks/useId/useId';
|
|
4
|
+
import { useStyles } from '../../hooks/useStyles/useStyles';
|
|
5
|
+
import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
|
|
6
|
+
import { InputDropdownStandAlone } from '../inputDropdown/inputDropdownStandAlone';
|
|
7
|
+
import { useAnimation } from './hooks';
|
|
8
|
+
import { InputDigitSequenceStandAlone } from './inputDigitSequenceStandAlone';
|
|
9
|
+
import { InputDigitSequenceStateType, } from './types';
|
|
10
|
+
//constants
|
|
11
|
+
const INPUT_DIGIT_SEQUENCE_STYLES = 'INPUT_DIGIT_SEQUENCE_STYLES';
|
|
12
|
+
const NUMBER_REGEX = /^[0-9]*$/;
|
|
13
|
+
const ON_CHANGE_VALUE_VISIBLE_TIMEOUT = 500;
|
|
14
|
+
const InputDigitSequenceControlledComponet = ({ variant, inputsArray, disabled = false, showDigitAfterWrite = true, showDigitTimeMiliseconds = ON_CHANGE_VALUE_VISIBLE_TIMEOUT, animated = false, ctv, ...props }) => {
|
|
15
|
+
const styles = useStyles(INPUT_DIGIT_SEQUENCE_STYLES, variant, ctv);
|
|
16
|
+
const digitId = useId('digit');
|
|
17
|
+
const [showPassword, setShowPassword] = React.useState(false);
|
|
18
|
+
const [inputDigits, setInputDigits] = React.useState(inputsArray.map((input, index) => {
|
|
19
|
+
return {
|
|
20
|
+
index: index,
|
|
21
|
+
value: input.value ?? '',
|
|
22
|
+
blockedBySystem: input.blockedBySystem,
|
|
23
|
+
['aria-label']: input['aria-label'],
|
|
24
|
+
};
|
|
25
|
+
}));
|
|
26
|
+
const { ref, boxesAnimationDone, labelAnimationDone } = useAnimation({
|
|
27
|
+
animated,
|
|
28
|
+
});
|
|
29
|
+
const getNextInput = (index) => {
|
|
30
|
+
//we need to find the next input not BloquedBySystem
|
|
31
|
+
//we get a new array from the actual index + 1
|
|
32
|
+
const slicedInputDigits = inputDigits.slice(index + 1);
|
|
33
|
+
//we get the first element with isBloquedBySystem=false
|
|
34
|
+
const nextInputNotDisabled = slicedInputDigits.find(input => !input.blockedBySystem);
|
|
35
|
+
if (nextInputNotDisabled) {
|
|
36
|
+
const inputElement = document.getElementById(`${digitId}-${nextInputNotDisabled.index}`);
|
|
37
|
+
inputElement?.focus();
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
const [passwordIndex, setPasswordIndex] = React.useState();
|
|
41
|
+
const displayDigitTimeOut = React.useRef(null);
|
|
42
|
+
// When unmount, delete displayDigitTimeOut
|
|
43
|
+
React.useEffect(() => {
|
|
44
|
+
return () => {
|
|
45
|
+
if (displayDigitTimeOut.current) {
|
|
46
|
+
clearTimeout(displayDigitTimeOut.current);
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
}, []);
|
|
50
|
+
const showDigit = (index) => {
|
|
51
|
+
if (!showDigitAfterWrite) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
// Set visible the current index showDigitTimeMiliseconds (or change)
|
|
55
|
+
if (displayDigitTimeOut.current) {
|
|
56
|
+
clearTimeout(displayDigitTimeOut.current);
|
|
57
|
+
}
|
|
58
|
+
setPasswordIndex(index);
|
|
59
|
+
displayDigitTimeOut.current = setTimeout(() => {
|
|
60
|
+
setPasswordIndex(undefined);
|
|
61
|
+
}, showDigitTimeMiliseconds);
|
|
62
|
+
};
|
|
63
|
+
const handleInputChange = (index) => {
|
|
64
|
+
return event => {
|
|
65
|
+
const { value } = event.target;
|
|
66
|
+
//we only allow number values
|
|
67
|
+
if (NUMBER_REGEX.test(value)) {
|
|
68
|
+
showDigit(index);
|
|
69
|
+
const newDigits = [...inputDigits];
|
|
70
|
+
newDigits[index].value = value;
|
|
71
|
+
setInputDigits(newDigits);
|
|
72
|
+
//when the user writes a new digit, we send the new array in case they want to check something
|
|
73
|
+
props.onInputChange?.(newDigits, event);
|
|
74
|
+
if (value !== '') {
|
|
75
|
+
getNextInput(index);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
const handleClickActionButton = event => {
|
|
81
|
+
setShowPassword(prevValue => !prevValue);
|
|
82
|
+
props.actionButton?.onClick?.(event);
|
|
83
|
+
};
|
|
84
|
+
const state = !disabled
|
|
85
|
+
? InputDigitSequenceStateType.DEFAULT
|
|
86
|
+
: InputDigitSequenceStateType.DISABLED;
|
|
87
|
+
return (_jsx(InputDigitSequenceStandAlone, { ...props, ref: ref, animated: animated, boxesAnimationDone: boxesAnimationDone, digitId: digitId, disabled: disabled, inputDigits: inputDigits, labelAnimationDone: labelAnimationDone, passwordIndex: passwordIndex, showPassword: showPassword, state: state, styles: styles, onActionButtonClick: handleClickActionButton, onInputChange: handleInputChange }));
|
|
88
|
+
};
|
|
89
|
+
const InputDigitSequenceBoundary = (props) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(InputDropdownStandAlone, { ...props }) }), children: _jsx(InputDigitSequenceControlledComponet, { ...props }) }));
|
|
90
|
+
export const InputDigitSequenceControlled = InputDigitSequenceBoundary;
|
|
91
|
+
//# sourceMappingURL=inputDigitSequenceControlled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inputDigitSequenceControlled.js","sourceRoot":"","sources":["../../../../src/components/inputDigitSequence/inputDigitSequenceControlled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Button } from '../../components/button/button';
|
|
4
|
+
import { IconPositionType } from '../../components/button/types/buttonIconPosition';
|
|
5
|
+
import { ElementOrIcon } from '../../components/elementOrIcon';
|
|
6
|
+
import { Text } from '../../components/text/text';
|
|
7
|
+
import { TextComponentType } from '../../components/text/types/component';
|
|
8
|
+
import { AriaLiveOptionType } from '../../types';
|
|
9
|
+
import { InputDigit, InputDigitSequenceHelpText, InputDigitSequenceTooltip } from './components';
|
|
10
|
+
import { AnimationInputsContainer, ButtonContainer, IconAndErrorTextContainer, InputDigitsContainer, InputDigitsContainerAnimated, ParentContainer, TitleTooltipContainer, } from './inputDigitSequence.styled';
|
|
11
|
+
const InputDigitSequenceStandAloneComponent = ({ error = false, inputMode = 'numeric', dataTestId = 'inputDigitSequence', ...props }, ref) => {
|
|
12
|
+
const stateStyles = props.styles?.[props.state];
|
|
13
|
+
return (_jsxs(ParentContainer, { ref: ref, "data-testid": dataTestId, styles: stateStyles, children: [_jsxs(TitleTooltipContainer, { styles: stateStyles, children: [_jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: stateStyles?.title, ...props.title, children: props.title?.content }), _jsx(InputDigitSequenceTooltip, { stateStyles: stateStyles, tooltip: props.tooltip, tooltipIcon: props.tooltipIcon })] }), _jsxs(AnimationInputsContainer, { styles: stateStyles, children: [props.animated && !props.labelAnimationDone && (_jsx(InputDigitsContainerAnimated, { animated: props.animated, "aria-hidden": true, boxesAnimationDone: props.boxesAnimationDone, "data-id": "input-container-animated", styles: stateStyles, children: props.inputDigits.map((_, index) => {
|
|
14
|
+
return (_jsx(InputDigit, { animated: props.animated, ariaHidden: true, boxesAnimationDone: props.boxesAnimationDone, disabled: true, label: index + 1, state: props.state, styles: props.styles, tabIndex: -1 }, index));
|
|
15
|
+
}) })), _jsx(InputDigitsContainer, { animated: props.animated, boxesAnimationDone: props.boxesAnimationDone, "data-id": "input-container", labelAnimationDone: props.labelAnimationDone, styles: stateStyles, children: props.inputDigits.map((inputDigit, index) => {
|
|
16
|
+
return (_jsx(InputDigit, { animated: props.animated, boxesAnimationDone: props.boxesAnimationDone, disabled: props.disabled, error: error, inputDigit: inputDigit, inputId: `${props.digitId}-${index}`, inputMode: inputMode, label: index + 1, showPassword: props.showPassword || props.passwordIndex === index, state: props.state, styles: props.styles, onChange: props.onInputChange(index) }, index));
|
|
17
|
+
}) })] }), _jsx(IconAndErrorTextContainer, { "aria-live": AriaLiveOptionType.POLITE, styles: stateStyles, children: error && !!props.errorText && (_jsxs(_Fragment, { children: [_jsx(ElementOrIcon, { customIconStyles: stateStyles?.errorIcon, ...props.errorIcon }), _jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: stateStyles?.errorText, ...props.errorText, children: props.errorText.content })] })) }), _jsx(InputDigitSequenceHelpText, { dataTestId: `${dataTestId}HelpText`, helpText: props.helpText, styles: stateStyles }), props.actionButton?.content &&
|
|
18
|
+
(stateStyles?.actionButtonSize || props.actionButton?.size) && (_jsx(ButtonContainer, { styles: stateStyles, children: _jsx(Button, { disabled: props.disabled, iconPosition: IconPositionType.LEFT, size: stateStyles?.actionButtonSize, ...props.actionButton, onClick: props.onActionButtonClick, children: props.actionButton?.content }) }))] }));
|
|
19
|
+
};
|
|
20
|
+
export const InputDigitSequenceStandAlone = React.forwardRef(InputDigitSequenceStandAloneComponent);
|
|
21
|
+
//# sourceMappingURL=inputDigitSequenceStandAlone.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inputDigitSequenceStandAlone.js","sourceRoot":"","sources":["../../../../src/components/inputDigitSequence/inputDigitSequenceStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { InputDigitSequenceControlled } from './inputDigitSequenceControlled';
|
|
3
|
+
export const InputDigitSequenceUncontrolled = ({ ...props }) => {
|
|
4
|
+
return _jsx(InputDigitSequenceControlled, { ...props });
|
|
5
|
+
};
|
|
6
|
+
//# sourceMappingURL=inputDigitSequenceUncontrolled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inputDigitSequenceUncontrolled.js","sourceRoot":"","sources":["../../../../src/components/inputDigitSequence/inputDigitSequenceUncontrolled.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAG9E,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,EAC7C,GAAG,KAAK,EACwB,EAAe,EAAE;IACjD,OAAO,KAAC,4BAA4B,OAAK,KAAK,GAAI,CAAC;AACrD,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/inputDigitSequence/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { IButton } from '../../../components/button';
|
|
2
|
+
import { IElementOrIcon } from '../../../components/elementOrIcon';
|
|
3
|
+
import { IText } from '../../../components/text';
|
|
4
|
+
import { ITooltipUnControlled } from '../../../components/tooltip/types';
|
|
5
|
+
import { CustomTokenTypes, InputModeType } from '../../../types';
|
|
6
|
+
import { InputDigitSequenceStateStyles } from './inputDigitSequenceTheme';
|
|
7
|
+
import { InputDigitSequenceStateType } from './state';
|
|
8
|
+
export type InputDigitSequenceTooltipType = Omit<ITooltipUnControlled, 'children' | 'variant'> & {
|
|
9
|
+
variant?: string;
|
|
10
|
+
};
|
|
11
|
+
export type InputDigitSequenceTextType = Omit<IText<string>, 'children'> & {
|
|
12
|
+
content?: React.ReactNode;
|
|
13
|
+
};
|
|
14
|
+
export type InputDigiSequenceButtonType = Omit<IButton, 'children' | 'size'> & {
|
|
15
|
+
content: string;
|
|
16
|
+
size?: string;
|
|
17
|
+
};
|
|
18
|
+
export type InputsArrayType = {
|
|
19
|
+
blockedBySystem: boolean;
|
|
20
|
+
['aria-label']?: string;
|
|
21
|
+
value?: string;
|
|
22
|
+
};
|
|
23
|
+
export type UseStateInputDigitsType = {
|
|
24
|
+
index: number;
|
|
25
|
+
value: string;
|
|
26
|
+
blockedBySystem: boolean;
|
|
27
|
+
['aria-label']?: string;
|
|
28
|
+
};
|
|
29
|
+
export interface IInputDigitSequenceStandAlone {
|
|
30
|
+
styles?: InputDigitSequenceStateStyles;
|
|
31
|
+
state: InputDigitSequenceStateType;
|
|
32
|
+
inputDigits: UseStateInputDigitsType[];
|
|
33
|
+
title?: InputDigitSequenceTextType;
|
|
34
|
+
tooltipIcon?: IElementOrIcon;
|
|
35
|
+
tooltip?: InputDigitSequenceTooltipType;
|
|
36
|
+
actionButton?: InputDigiSequenceButtonType;
|
|
37
|
+
disabled?: boolean;
|
|
38
|
+
error?: boolean;
|
|
39
|
+
errorText?: InputDigitSequenceTextType;
|
|
40
|
+
helpText?: InputDigitSequenceTextType;
|
|
41
|
+
errorIcon?: IElementOrIcon;
|
|
42
|
+
showPassword: boolean;
|
|
43
|
+
passwordIndex?: number;
|
|
44
|
+
digitId: string;
|
|
45
|
+
onInputChange: (index: number) => React.ChangeEventHandler<HTMLInputElement>;
|
|
46
|
+
onActionButtonClick: React.MouseEventHandler<HTMLButtonElement>;
|
|
47
|
+
inputMode?: InputModeType;
|
|
48
|
+
animated: boolean;
|
|
49
|
+
boxesAnimationDone: boolean;
|
|
50
|
+
labelAnimationDone: boolean;
|
|
51
|
+
dataTestId?: string;
|
|
52
|
+
}
|
|
53
|
+
type propsToOmit = 'styles' | 'state' | 'inputDigits' | 'getNextInput' | 'onInputChange' | 'onActionButtonClick' | 'showPassword' | 'passwordIndex' | 'digitId' | 'animated' | 'boxesAnimationDone' | 'labelAnimationDone';
|
|
54
|
+
export interface IInputDigitSequenceControlled extends Omit<IInputDigitSequenceStandAlone, propsToOmit>, Omit<CustomTokenTypes<InputDigitSequenceStateStyles>, 'cts' | 'extraCt'> {
|
|
55
|
+
variant: string;
|
|
56
|
+
animated?: boolean;
|
|
57
|
+
inputsArray: InputsArrayType[];
|
|
58
|
+
showDigitAfterWrite?: boolean;
|
|
59
|
+
showDigitTimeMiliseconds?: number;
|
|
60
|
+
onInputChange?: (value: UseStateInputDigitsType[], event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
61
|
+
}
|
|
62
|
+
export type IInputDigitSequenceUncontrolled = IInputDigitSequenceControlled;
|
|
63
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inputDigitSequence.js","sourceRoot":"","sources":["../../../../../src/components/inputDigitSequence/types/inputDigitSequence.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { CommonStyleType, IconGenericType, IconTypes, TypographyTypes } from '../../../types';
|
|
2
|
+
import { InputDigitSequenceStateType } from './state';
|
|
3
|
+
export type InputDigitSequenceStyles = {
|
|
4
|
+
rootContainer?: CommonStyleType;
|
|
5
|
+
titleTooltipContainer?: CommonStyleType;
|
|
6
|
+
title?: TypographyTypes;
|
|
7
|
+
tooltipIcon?: IconTypes;
|
|
8
|
+
tooltip?: {
|
|
9
|
+
variant?: string;
|
|
10
|
+
};
|
|
11
|
+
animationInputsContainer?: CommonStyleType;
|
|
12
|
+
inputDigitsContainer?: CommonStyleType;
|
|
13
|
+
inputDigitAndNumberContainer?: CommonStyleType;
|
|
14
|
+
inputDigitContainer?: CommonStyleType;
|
|
15
|
+
inputDigitContainerError?: CommonStyleType;
|
|
16
|
+
inputDigitContainerfocus?: CommonStyleType;
|
|
17
|
+
inputDigitText?: TypographyTypes;
|
|
18
|
+
inputDigitTextTypePassword?: TypographyTypes;
|
|
19
|
+
inputNumber?: TypographyTypes;
|
|
20
|
+
errorContainer?: CommonStyleType;
|
|
21
|
+
errorText?: TypographyTypes;
|
|
22
|
+
errorIcon?: IconGenericType;
|
|
23
|
+
helpTextContainer?: CommonStyleType;
|
|
24
|
+
helpText?: TypographyTypes;
|
|
25
|
+
actionButtonContainer?: CommonStyleType;
|
|
26
|
+
actionButtonSize?: string;
|
|
27
|
+
};
|
|
28
|
+
export type InputDigitSequenceStateStyles = {
|
|
29
|
+
[state in InputDigitSequenceStateType]?: InputDigitSequenceStyles;
|
|
30
|
+
};
|
|
31
|
+
export type InputDigitSequenceStylesType<P extends string | number | symbol> = {
|
|
32
|
+
[key in P]: InputDigitSequenceStateStyles;
|
|
33
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inputDigitSequenceTheme.js","sourceRoot":"","sources":["../../../../../src/components/inputDigitSequence/types/inputDigitSequenceTheme.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export var InputDigitSequenceStateType;
|
|
2
|
+
(function (InputDigitSequenceStateType) {
|
|
3
|
+
InputDigitSequenceStateType["DEFAULT"] = "DEFAULT";
|
|
4
|
+
InputDigitSequenceStateType["DISABLED"] = "DISABLED";
|
|
5
|
+
InputDigitSequenceStateType["BLOCKED_BY_SYSTEM"] = "BLOCKED_BY_SYSTEM";
|
|
6
|
+
})(InputDigitSequenceStateType || (InputDigitSequenceStateType = {}));
|
|
7
|
+
//# sourceMappingURL=state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/inputDigitSequence/types/state.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,2BAIX;AAJD,WAAY,2BAA2B;IACrC,kDAAmB,CAAA;IACnB,oDAAqB,CAAA;IACrB,sEAAuC,CAAA;AACzC,CAAC,EAJW,2BAA2B,KAA3B,2BAA2B,QAItC"}
|
|
@@ -3,7 +3,8 @@ import { forwardRef } from 'react';
|
|
|
3
3
|
import { Input } from '../../../components/input';
|
|
4
4
|
// components
|
|
5
5
|
import { PopoverControlled as Popover, PopoverComponentType } from '../../../components/popover';
|
|
6
|
-
import { Text
|
|
6
|
+
import { Text } from '../../../components/text/text';
|
|
7
|
+
import { TextComponentType } from '../../../components/text/types/component';
|
|
7
8
|
import { useId } from '../../../hooks';
|
|
8
9
|
import { ActionBottomSheetControlledStructure as ActionBottomSheet } from '../../actionBottomSheet/actionBottomSheetControlled';
|
|
9
10
|
// styles
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popoverSearchList.js","sourceRoot":"","sources":["../../../../../src/components/inputDropdown/components/popoverSearchList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,cAAc;AACd,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC1F,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"popoverSearchList.js","sourceRoot":"","sources":["../../../../../src/components/inputDropdown/components/popoverSearchList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeEventHandler, FocusEventHandler, ForwardedRef, KeyboardEventHandler, MouseEventHandler, MutableRefObject } from 'react';
|
|
1
|
+
import { ChangeEventHandler, ClipboardEventHandler, FocusEventHandler, ForwardedRef, KeyboardEventHandler, MouseEventHandler, MutableRefObject } from 'react';
|
|
2
2
|
import { INTERNAL_ERROR_EXECUTION, InputState, InputTypeType } from '../../../components/input/types';
|
|
3
3
|
import { InputDropdownStylesProps } from '../types';
|
|
4
4
|
import { InputDropdownOnChangeType, InputDropdownOptionsType } from '../types/inputDropdown';
|
|
@@ -26,6 +26,7 @@ type ParamsType = {
|
|
|
26
26
|
hasInputInSearchList?: boolean;
|
|
27
27
|
name?: string;
|
|
28
28
|
internalErrorExecution?: INTERNAL_ERROR_EXECUTION;
|
|
29
|
+
disabledCopyAndPaste?: boolean;
|
|
29
30
|
onClick?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
|
|
30
31
|
onIconClick?: MouseEventHandler<HTMLButtonElement>;
|
|
31
32
|
onRightIconClick?: MouseEventHandler<HTMLButtonElement>;
|
|
@@ -35,6 +36,7 @@ type ParamsType = {
|
|
|
35
36
|
onFocus?: FocusEventHandler<HTMLInputElement>;
|
|
36
37
|
onOpenCloseOptions?: (open: boolean) => void;
|
|
37
38
|
onInternalErrors?: (errors: string[]) => void;
|
|
39
|
+
onPaste?: ClipboardEventHandler<HTMLInputElement>;
|
|
38
40
|
};
|
|
39
41
|
type ReturnHookType = {
|
|
40
42
|
ref?: MultipleRef;
|
|
@@ -56,6 +58,7 @@ type ReturnHookType = {
|
|
|
56
58
|
state: InputState;
|
|
57
59
|
handleFocusInternal: FocusEventHandler<HTMLInputElement>;
|
|
58
60
|
handleInputPopoverChange: ChangeEventHandler<HTMLInputElement>;
|
|
61
|
+
handlePasteInternal?: ClipboardEventHandler<HTMLInputElement>;
|
|
59
62
|
};
|
|
60
63
|
export declare const useInputDropdown: (props: ParamsType) => ReturnHookType;
|
|
61
64
|
export {};
|
|
@@ -36,16 +36,18 @@ export const useInputDropdown = (props) => {
|
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
// Input Basic hook
|
|
39
|
-
const { state, inputRef, handleFocusInternal } = useInput({
|
|
39
|
+
const { state, inputRef, handleFocusInternal, handlePasteInternal } = useInput({
|
|
40
40
|
internalErrorExecution: props.internalErrorExecution,
|
|
41
41
|
disabled: props.disabled,
|
|
42
42
|
error: props.error || internalErrors.length > 0,
|
|
43
43
|
// need for update the state
|
|
44
44
|
currentValue: searchText,
|
|
45
45
|
informationAssociated: props.informationAssociated,
|
|
46
|
+
disabledCopyAndPaste: props.disabledCopyAndPaste,
|
|
46
47
|
onFocus: props.onFocus,
|
|
47
48
|
onBlur: handleInputBlur,
|
|
48
49
|
onInternalErrors: props.onInternalErrors,
|
|
50
|
+
onPaste: props.onPaste,
|
|
49
51
|
});
|
|
50
52
|
const useActionBottomSheet = useMemo(() => props.styles?.[state]?.useActionBottomSheet?.[device], [state, device]);
|
|
51
53
|
const { optionsListRefCollection, optionsListCollectionRef, height: listOptionsHeight, } = useCustomHeightFromChildrens({
|
|
@@ -239,6 +241,7 @@ export const useInputDropdown = (props) => {
|
|
|
239
241
|
listOptionsHeight,
|
|
240
242
|
handleFocusInternal,
|
|
241
243
|
handleInputPopoverChange,
|
|
244
|
+
handlePasteInternal,
|
|
242
245
|
};
|
|
243
246
|
};
|
|
244
247
|
//# sourceMappingURL=useInputDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInputDropdown.js","sourceRoot":"","sources":["../../../../../src/components/inputDropdown/hooks/useInputDropdown.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"useInputDropdown.js","sourceRoot":"","sources":["../../../../../src/components/inputDropdown/hooks/useInputDropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAIL,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACjF,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,GAChB,MAAM,SAAS,CAAC;AAEjB,UAAU;AACV,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAgE/F,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAiB,EAAkB,EAAE;IACpE,SAAS;IACT,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC5E,kGAAkG;IAClG,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC5E,kHAAkH;IAClH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,KAAK,IAAI,EAAE,CACtE,CAAC;IACF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CACtD,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,KAAK,IAAI,EAAE,CACtE,CAAC;IAEF,kBAAkB;IAClB,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3C,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;YACrE,OAAO,eAAe,CACpB,KAAK,CAAC,UAAU,CAAC,OAAO,EACxB,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,IAAI,CACX,CAAC;QACJ,CAAC;QACD,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC;IACzD,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAE/B,mBAAmB,CACjB,KAAK,CAAC,GAAG,EACT,GAAG,EAAE;QACH,OAAO,MAAM,EAAuB,CAAC;IACvC,CAAC,EACD,EAAE,CACH,CAAC;IAEF,YAAY;IACZ,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAEhC,MAAM,EAAE,cAAc,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,sBAAsB,CACtF,KAAK,CAAC,IAAI,EACV,SAAS,EACT,KAAK,CAAC,gBAAgB,CACvB,CAAC;IAEF,MAAM,eAAe,GAA8C,KAAK,CAAC,EAAE;QACzE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;QACtB,kGAAkG;QAClG,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,gBAAgB,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;QACrD,CAAC;IACH,CAAC,CAAC;IAEF,mBAAmB;IACnB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,GAAG,QAAQ,CAAC;QAC7E,sBAAsB,EAAE,KAAK,CAAC,sBAAsB;QACpD,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC;QAC/C,4BAA4B;QAC5B,YAAY,EAAE,UAAU;QACxB,qBAAqB,EAAE,KAAK,CAAC,qBAAqB;QAClD,oBAAoB,EAAE,KAAK,CAAC,oBAAoB;QAChD,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,MAAM,EAAE,eAAe;QACvB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC,MAAM,CAAC,EAC3D,CAAC,KAAK,EAAE,MAAM,CAAC,CAChB,CAAC;IAEF,MAAM,EACJ,wBAAwB,EACxB,wBAAwB,EACxB,MAAM,EAAE,iBAAiB,GAC1B,GAAG,4BAA4B,CAAC;QAC/B,KAAK,EAAE,KAAK,CAAC,cAAc;QAC3B,QAAQ,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,CAAC;QAClE,qBAAqB,EAAE,CAAC,oBAAoB;KAC7C,CAAC,CAAC;IAEH,MAAM,qBAAqB,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACjF,+DAA+D;IAC/D,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,qBAAqB,CAAC,OAAO,EAAE,CAAC;gBAClC,YAAY,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,0BAA0B,GAAG,CAAC,EAClC,KAAK,EACL,OAAO,GAAG,GAAG,GAId,EAAE,EAAE;QACH,IAAI,qBAAqB,CAAC,OAAO,EAAE,CAAC;YAClC,YAAY,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAC9C,CAAC;QACD,qBAAqB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9C,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,kBAAkB;IAClB,4CAA4C;IAC5C,MAAM,mBAAmB,GAAG,CAAC,mBAAmB,EAAE,YAAY,EAAE,EAAE;QAChE,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;QAC5C,IAAI,YAAY,EAAE,KAAK,EAAE,CAAC;YACxB,sBAAsB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YAC3C,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9C,CAAC;QACD,MAAM,KAAK,GAAG,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAC/C,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAkD,CAAC,CAAC;IACvE,CAAC,CAAC;IAEF,UAAU;IACV,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC5C,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACvE,MAAM,UAAU,GAAG,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC;QAC/C,mBAAmB,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;QACtD,aAAa,CAAC,UAAU,CAAC,CAAC;QAC1B,mBAAmB,CAAC,UAAU,CAAC,CAAC;QAChC,mBAAmB,CAAC,KAAK,EAAE,WAAW,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IACrE,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,IAAa,EAAE,EAAE;QAC1C,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,KAAK,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,0BAA0B;IAC1B,MAAM,yBAAyB,GAA+C,KAAK,CAAC,EAAE;QACpF,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACtC,MAAM,WAAW,GAAG,iBAAiB,CAAC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC5E,aAAa,CAAC,UAAU,CAAC,CAAC;QAC1B,mBAAmB,CAAC,UAAU,CAAC,CAAC;QAChC,mBAAmB,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;QACtD,IAAI,mBAAmB,EAAE,CAAC;YACxB,sBAAsB,CAAC,EAAE,CAAC,CAAC;QAC7B,CAAC;QACD,0BAA0B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;QACzD,IAAI,CAAC,WAAW,IAAI,mBAAmB,KAAK,SAAS,EAAE,CAAC;YACtD,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAA8C,KAAK,CAAC,EAAE;QAClF,iBAAiB,CAAC,CAAC,WAAW,CAAC,CAAC;QAChC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,4BAA4B,GAA+C,KAAK,CAAC,EAAE;QACvF,iBAAiB,CAAC,CAAC,WAAW,CAAC,CAAC;QAChC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QAC3B,KAAK,CAAC,gBAAgB,EAAE,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAA2C,KAAK,CAAC,EAAE;QACzE,IACE,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC;YAC5B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,WAAW,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EACnE,CAAC;YACD,iBAAiB,CAAC,CAAC,WAAW,CAAC,CAAC;YAChC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QACD,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YAClC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;QACD,kCAAkC;QAClC,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACjC,wBAAwB,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,iBAAiC,EAAE,KAAK,EAAE,CAAC;YACpF,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,yBAAyB;IACzB,MAAM,wBAAwB,GAAG,KAAK,CAAC,EAAE;QACvC,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACxC,IAAI,mBAAmB,EAAE,CAAC;YACxB,sBAAsB,CAAC,EAAE,CAAC,CAAC;QAC7B,CAAC;QACD,0BAA0B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAA2C,KAAK,CAAC,EAAE;QAChF,kCAAkC;QAClC,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACjC,wBAAwB,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,iBAAiC,EAAE,KAAK,EAAE,CAAC;YACpF,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,KAAK,CAAC,uBAAuB,EAAE,EAAE,CAAC;QAClC,IAAI,KAAK,CAAC,8BAA8B,EAAE,CAAC;YACzC,mBAAmB,CAAC,EAAE,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,eAAe;IAEf,mCAAmC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,sBAAsB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACpC,MAAM,UAAU,GAAG,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;QACzF,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5C,sBAAsB,CAAC,UAAU,CAAC,CAAC;QACnC,aAAa,CAAC,UAAU,CAAC,CAAC;QAC1B,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,sBAAsB,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE;QAChD,uCAAuC;QACvC,MAAM,cAAc,GAAG,IAAI,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QACpD,IAAI,cAAc,EAAE,CAAC;YACnB,OAAO,cAAc,CAAC,KAAK,EAAE,CAAC;QAChC,CAAC;QACD,mCAAmC;QACnC,MAAM,kBAAkB,GAAG,IAAI,EAAE,aAAa,CAAC,6CAA6C,CAAC,CAAC;QAC9F,kBAAkB,EAAE,KAAK,EAAE,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,kCAAkC;IAClC,MAAM,OAAO,GAAG,MAAM,EAAe,CAAC;IAEtC,MAAM,qBAAqB,GAAG,KAAK,CAAC,EAAE;QACpC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACjE,OAAO;QACT,CAAC;QACD,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YAClC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;QACD,kCAAkC;QAClC,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACjC,wBAAwB,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,iBAAiC,EAAE,KAAK,EAAE,CAAC;YACpF,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChD,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YACnD,OAAO;QACT,CAAC;QAED,UAAU,CAAC,gBAAgB,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC;QAC9D,OAAO,GAAG,EAAE;YACV,UAAU,EAAE,mBAAmB,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC;QACpE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,aAAa;IACb,MAAM,GAAG,GAAG;QACV,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,wBAAwB;QACjC,oBAAoB,EAAE,sBAAsB;QAC5C,OAAO,EAAE,OAAO;KACjB,CAAC;IAEF,8BAA8B;IAC9B,0EAA0E;IAC1E,0FAA0F;IAC1F,IAAI,eAAe,GAAG,EAAE,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;IAC9C,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,WAAW,IAAI,CAAC,cAAc,EAAE,CAAC;QACxD,MAAM,MAAM,GACV,oBAAoB,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC;QACrF,eAAe,GAAG;YAChB,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC;SACzD,CAAC;IACJ,CAAC;IAED,OAAO;QACL,WAAW;QACX,mBAAmB;QACnB,UAAU;QACV,gBAAgB;QAChB,eAAe;QACf,iBAAiB;QACjB,wBAAwB;QACxB,4BAA4B;QAC5B,2BAA2B;QAC3B,mBAAmB;QACnB,yBAAyB;QACzB,kBAAkB;QAClB,eAAe;QACf,yBAAyB;QACzB,KAAK;QACL,GAAG;QACH,iBAAiB;QACjB,mBAAmB;QACnB,wBAAwB;QACxB,mBAAmB;KACpB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { useInput, useStyles } from '../../hooks';
|
|
|
6
6
|
import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
|
|
7
7
|
import { InputPasswordStandAlone } from './inputPasswordStandAlone';
|
|
8
8
|
import { OnIconClickValueType, } from './types';
|
|
9
|
-
const InputPasswordComponent = React.forwardRef(({ type = InputTypeType.PASSWORD, internalErrorExecution = INTERNAL_ERROR_EXECUTION.ON_CHANGE_ON_BLUR, errorExecution, keyValidation, maxLength, mask, maskType, disabled, error, value: currentValue, ignoreKeys, onBlur, onChange, onFocus, onKeyDown, onError, onInternalErrors, activeIcon, disabledIcon, onInputTypeChange, onIconClick, ctv, ...props }, ref) => {
|
|
9
|
+
const InputPasswordComponent = React.forwardRef(({ type = InputTypeType.PASSWORD, internalErrorExecution = INTERNAL_ERROR_EXECUTION.ON_CHANGE_ON_BLUR, errorExecution, keyValidation, maxLength, mask, maskType, disabled, error, value: currentValue, ignoreKeys, disabledCopyAndPaste, onBlur, onChange, onFocus, onKeyDown, onError, onInternalErrors, activeIcon, disabledIcon, onInputTypeChange, onIconClick, onPaste, ctv, ...props }, ref) => {
|
|
10
10
|
const [inputPasswordType, setInputPasswordType] = React.useState(type);
|
|
11
11
|
const styles = useStyles(STYLES_NAME.INPUT_PASSWORD, props.variant, ctv);
|
|
12
12
|
const handleRightIconClick = event => {
|
|
@@ -20,7 +20,7 @@ const InputPasswordComponent = React.forwardRef(({ type = InputTypeType.PASSWORD
|
|
|
20
20
|
icon.onClick?.(iconClickValue, event);
|
|
21
21
|
onIconClick?.(iconClickValue);
|
|
22
22
|
};
|
|
23
|
-
const { value, state, inputRef, handleChangeInternal, handleBlurInternal, handleFocusInternal, handleKeyDownInternal, } = useInput({
|
|
23
|
+
const { value, state, inputRef, handleChangeInternal, handleBlurInternal, handleFocusInternal, handleKeyDownInternal, handlePasteInternal, } = useInput({
|
|
24
24
|
ref,
|
|
25
25
|
errorExecution,
|
|
26
26
|
internalErrorExecution,
|
|
@@ -33,18 +33,20 @@ const InputPasswordComponent = React.forwardRef(({ type = InputTypeType.PASSWORD
|
|
|
33
33
|
currentValue,
|
|
34
34
|
type: inputPasswordType,
|
|
35
35
|
ignoreKeys,
|
|
36
|
+
disabledCopyAndPaste,
|
|
36
37
|
onBlur,
|
|
37
38
|
onChange,
|
|
38
39
|
onFocus,
|
|
39
40
|
onKeyDown,
|
|
40
41
|
onError,
|
|
41
42
|
onInternalErrors,
|
|
43
|
+
onPaste,
|
|
42
44
|
});
|
|
43
45
|
const icon = inputPasswordType === InputTypeType.PASSWORD ? disabledIcon : activeIcon;
|
|
44
46
|
return (_jsx(InputPasswordStandAlone, { ...props, ref: inputRef, maxLength: maxLength, rightIcon: {
|
|
45
47
|
...icon,
|
|
46
48
|
onClick: handleRightIconClick,
|
|
47
|
-
}, state: state, styles: styles, type: inputPasswordType, value: value, onBlur: handleBlurInternal, onChange: handleChangeInternal, onFocus: handleFocusInternal, onKeyDown: handleKeyDownInternal }));
|
|
49
|
+
}, state: state, styles: styles, type: inputPasswordType, value: value, onBlur: handleBlurInternal, onChange: handleChangeInternal, onFocus: handleFocusInternal, onKeyDown: handleKeyDownInternal, onPaste: handlePasteInternal }));
|
|
48
50
|
});
|
|
49
51
|
InputPasswordComponent.displayName = 'InputPasswordComponent';
|
|
50
52
|
const InputPasswordBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(InputPasswordStandAlone, { ...props, ref: ref }) }), children: _jsx(InputPasswordComponent, { ...props, ref: ref }) }));
|