@kubit-ui-web/react-components 1.11.0 → 1.13.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/actionBottomSheet/actionBottomSheet.styled.js +7 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheet.styled.js.map +1 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetControlled.js +6 -2
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetControlled.js.map +1 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.js +12 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.js.map +1 -1
- package/dist/cjs/components/button/button.styled.js +1 -2
- package/dist/cjs/components/button/button.styled.js.map +1 -1
- package/dist/cjs/components/calendar/calendarStandAlone.js +5 -1
- package/dist/cjs/components/calendar/calendarStandAlone.js.map +1 -1
- package/dist/cjs/components/calendar/list/list.js +8 -8
- package/dist/cjs/components/calendar/list/list.js.map +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js +11 -6
- package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js.map +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/utils/monthSelector.utils.js +98 -19
- package/dist/cjs/components/calendar/selector/monthSelector/utils/monthSelector.utils.js.map +1 -1
- package/dist/cjs/components/calendar/selector/yearSelector/utils/yearSelector.utils.js +38 -19
- package/dist/cjs/components/calendar/selector/yearSelector/utils/yearSelector.utils.js.map +1 -1
- package/dist/cjs/components/calendar/selector/yearSelector/yearSelector.js +4 -4
- package/dist/cjs/components/calendar/selector/yearSelector/yearSelector.js.map +1 -1
- package/dist/cjs/components/calendar/utils/handleKeysmoves.js +90 -25
- package/dist/cjs/components/calendar/utils/handleKeysmoves.js.map +1 -1
- package/dist/cjs/components/drawer/drawer.styled.js +1 -31
- package/dist/cjs/components/drawer/drawer.styled.js.map +1 -1
- package/dist/cjs/components/drawer/drawerControlled.js +15 -6
- package/dist/cjs/components/drawer/drawerControlled.js.map +1 -1
- package/dist/cjs/components/drawer/drawerStandAlone.js +2 -2
- package/dist/cjs/components/drawer/drawerStandAlone.js.map +1 -1
- package/dist/cjs/components/drawer/drawerUnControlled.js +2 -2
- package/dist/cjs/components/drawer/drawerUnControlled.js.map +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +2 -2
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js.map +1 -1
- package/dist/cjs/components/icon/icon.js +3 -3
- package/dist/cjs/components/icon/icon.js.map +1 -1
- package/dist/cjs/components/index.js +3 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/input/inputStandAlone.js +3 -7
- package/dist/cjs/components/input/inputStandAlone.js.map +1 -1
- package/dist/cjs/components/input/utils/aria.utils.js +5 -16
- package/dist/cjs/components/input/utils/aria.utils.js.map +1 -1
- package/dist/cjs/components/inputDate/components/popoverCalendar.js +4 -3
- package/dist/cjs/components/inputDate/components/popoverCalendar.js.map +1 -1
- package/dist/cjs/components/inputDate/hooks/useInputDate.js +27 -16
- package/dist/cjs/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/cjs/components/inputDate/inputDateStandAlone.js +5 -4
- package/dist/cjs/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/cjs/components/inputDate/utils/verifyDate.js +3 -2
- package/dist/cjs/components/inputDate/utils/verifyDate.js.map +1 -1
- package/dist/cjs/components/inputSearch/components/optionsList.js +1 -1
- package/dist/cjs/components/inputSearch/components/optionsList.js.map +1 -1
- package/dist/cjs/components/inputSearch/components/popoverSearchList.js +2 -1
- package/dist/cjs/components/inputSearch/components/popoverSearchList.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearch.js +1 -1
- package/dist/cjs/components/inputSearch/inputSearch.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearchStandAlone.js +5 -2
- package/dist/cjs/components/inputSearch/inputSearchStandAlone.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/messageStandAlone.js +4 -1
- package/dist/cjs/components/message/messageStandAlone.js.map +1 -1
- package/dist/cjs/components/modal/modal.styled.js +4 -1
- package/dist/cjs/components/modal/modal.styled.js.map +1 -1
- package/dist/cjs/components/modal/modalControlled.js +11 -3
- package/dist/cjs/components/modal/modalControlled.js.map +1 -1
- package/dist/cjs/components/modal/modalStandAlone.js +1 -1
- package/dist/cjs/components/modal/modalStandAlone.js.map +1 -1
- package/dist/cjs/components/modal/modalUnControlled.js +1 -1
- package/dist/cjs/components/modal/modalUnControlled.js.map +1 -1
- package/dist/cjs/components/modalV2/fragments/index.js +6 -0
- package/dist/cjs/components/modalV2/fragments/index.js.map +1 -0
- package/dist/cjs/components/modalV2/fragments/modalHeader.js +21 -0
- package/dist/cjs/components/modalV2/fragments/modalHeader.js.map +1 -0
- package/dist/cjs/components/modalV2/index.js +9 -0
- package/dist/cjs/components/modalV2/index.js.map +1 -0
- package/dist/cjs/components/modalV2/modal.styled.js +81 -0
- package/dist/cjs/components/modalV2/modal.styled.js.map +1 -0
- package/dist/cjs/components/modalV2/modalControlled.js +61 -0
- package/dist/cjs/components/modalV2/modalControlled.js.map +1 -0
- package/dist/cjs/components/modalV2/modalStandAlone.js +47 -0
- package/dist/cjs/components/modalV2/modalStandAlone.js.map +1 -0
- package/dist/cjs/components/modalV2/modalUnControlled.js +62 -0
- package/dist/cjs/components/modalV2/modalUnControlled.js.map +1 -0
- package/dist/cjs/components/modalV2/types/index.js +19 -0
- package/dist/cjs/components/modalV2/types/index.js.map +1 -0
- package/dist/cjs/components/modalV2/types/modal.js +3 -0
- package/dist/cjs/components/modalV2/types/modal.js.map +1 -0
- package/dist/cjs/components/modalV2/types/modalTheme.js +3 -0
- package/dist/cjs/components/modalV2/types/modalTheme.js.map +1 -0
- package/dist/cjs/components/modalV2/utils/index.js +6 -0
- package/dist/cjs/components/modalV2/utils/index.js.map +1 -0
- package/dist/cjs/components/modalV2/utils/onlyDesktopSize.js +11 -0
- package/dist/cjs/components/modalV2/utils/onlyDesktopSize.js.map +1 -0
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js +3 -7
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/cjs/components/option/optionStandAlone.js +1 -0
- package/dist/cjs/components/option/optionStandAlone.js.map +1 -1
- package/dist/cjs/components/pillV2/pill.js.map +1 -1
- package/dist/cjs/components/pillV2/pillStandAlone.js +4 -4
- package/dist/cjs/components/pillV2/pillStandAlone.js.map +1 -1
- package/dist/cjs/components/progressBar/index.js +22 -0
- package/dist/cjs/components/progressBar/index.js.map +1 -0
- package/dist/cjs/components/progressBar/progressBar.js +46 -0
- package/dist/cjs/components/progressBar/progressBar.js.map +1 -0
- package/dist/cjs/components/progressBar/progressBar.styled.js +24 -0
- package/dist/cjs/components/progressBar/progressBar.styled.js.map +1 -0
- package/dist/cjs/components/progressBar/progressBarStandAlone.js +52 -0
- package/dist/cjs/components/progressBar/progressBarStandAlone.js.map +1 -0
- package/dist/cjs/components/progressBar/types/index.js +19 -0
- package/dist/cjs/components/progressBar/types/index.js.map +1 -0
- package/dist/cjs/components/progressBar/types/progressBar.js +3 -0
- package/dist/cjs/components/progressBar/types/progressBar.js.map +1 -0
- package/dist/cjs/components/progressBar/types/progressBarTheme.js +3 -0
- package/dist/cjs/components/progressBar/types/progressBarTheme.js.map +1 -0
- package/dist/cjs/components/quickButton/quickButton.js +4 -4
- package/dist/cjs/components/quickButton/quickButton.js.map +1 -1
- package/dist/cjs/components/quickButton/quickButtonStandAlone.js +1 -1
- package/dist/cjs/components/quickButton/quickButtonStandAlone.js.map +1 -1
- package/dist/cjs/components/text/types/component.js +1 -0
- package/dist/cjs/components/text/types/component.js.map +1 -1
- package/dist/cjs/components/toggle/components/toggleThreePosition.js +1 -1
- package/dist/cjs/components/toggle/components/toggleThreePosition.js.map +1 -1
- package/dist/cjs/components/toggle/components/toggleTwoPositions.js +2 -6
- package/dist/cjs/components/toggle/components/toggleTwoPositions.js.map +1 -1
- package/dist/cjs/components/toggle/toggleControlled.js +2 -6
- package/dist/cjs/components/toggle/toggleControlled.js.map +1 -1
- package/dist/cjs/components/toggle/toggleUnControlled.js +5 -1
- package/dist/cjs/components/toggle/toggleUnControlled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js +2 -2
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltip.styled.js +2 -0
- package/dist/cjs/components/tooltip/tooltip.styled.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +6 -8
- package/dist/cjs/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipUnControlled.js +7 -3
- package/dist/cjs/components/tooltip/tooltipUnControlled.js.map +1 -1
- package/dist/cjs/components/video/components/index.js +24 -0
- package/dist/cjs/components/video/components/index.js.map +1 -0
- package/dist/cjs/components/video/components/linkAndActionButton.js +14 -0
- package/dist/cjs/components/video/components/linkAndActionButton.js.map +1 -0
- package/dist/cjs/components/video/components/playStopButton.js +15 -0
- package/dist/cjs/components/video/components/playStopButton.js.map +1 -0
- package/dist/cjs/components/video/components/screenButtons.js +13 -0
- package/dist/cjs/components/video/components/screenButtons.js.map +1 -0
- package/dist/cjs/components/video/components/subtitleFullScreenButtons.js +16 -0
- package/dist/cjs/components/video/components/subtitleFullScreenButtons.js.map +1 -0
- package/dist/cjs/components/video/components/time.js +12 -0
- package/dist/cjs/components/video/components/time.js.map +1 -0
- package/dist/cjs/components/video/components/videoSkeleton.js +16 -0
- package/dist/cjs/components/video/components/videoSkeleton.js.map +1 -0
- package/dist/cjs/components/video/components/volume.js +17 -0
- package/dist/cjs/components/video/components/volume.js.map +1 -0
- package/dist/cjs/components/video/index.js +25 -0
- package/dist/cjs/components/video/index.js.map +1 -0
- package/dist/cjs/components/video/types/index.js +18 -0
- package/dist/cjs/components/video/types/index.js.map +1 -0
- package/dist/cjs/components/video/types/video.js +10 -0
- package/dist/cjs/components/video/types/video.js.map +1 -0
- package/dist/cjs/components/video/types/videoTheme.js +3 -0
- package/dist/cjs/components/video/types/videoTheme.js.map +1 -0
- package/dist/cjs/components/video/video.styled.js +156 -0
- package/dist/cjs/components/video/video.styled.js.map +1 -0
- package/dist/cjs/components/video/videoControlled.js +43 -0
- package/dist/cjs/components/video/videoControlled.js.map +1 -0
- package/dist/cjs/components/video/videoStandAlone.js +50 -0
- package/dist/cjs/components/video/videoStandAlone.js.map +1 -0
- package/dist/cjs/components/video/videoUnControlled.js +216 -0
- package/dist/cjs/components/video/videoUnControlled.js.map +1 -0
- package/dist/cjs/constants/keyboardKeys.js +4 -4
- package/dist/cjs/constants/keyboardKeys.js.map +1 -1
- package/dist/cjs/constants/stylesName.js +1 -0
- package/dist/cjs/constants/stylesName.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/actionBottomSheet/styles.js +9 -6
- package/dist/cjs/designSystem/kubit/components/actionBottomSheet/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/drawer/styles.js +22 -0
- package/dist/cjs/designSystem/kubit/components/drawer/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/mediaButton/styles.js +20 -4
- package/dist/cjs/designSystem/kubit/components/mediaButton/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/modal/styles.js +6 -1
- package/dist/cjs/designSystem/kubit/components/modal/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/modalV2/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/modalV2/styles.js +233 -0
- package/dist/cjs/designSystem/kubit/components/modalV2/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/modalV2/variants.js +10 -0
- package/dist/cjs/designSystem/kubit/components/modalV2/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/progressBar/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/progressBar/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/progressBar/styles.js +76 -0
- package/dist/cjs/designSystem/kubit/components/progressBar/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/progressBar/variants.js +14 -0
- package/dist/cjs/designSystem/kubit/components/progressBar/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/styles.js +3 -0
- package/dist/cjs/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/variants.js +3 -0
- package/dist/cjs/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/video/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/video/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/video/styles.js +182 -0
- package/dist/cjs/designSystem/kubit/components/video/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/video/variants.js +8 -0
- package/dist/cjs/designSystem/kubit/components/video/variants.js.map +1 -0
- package/dist/cjs/hooks/index.js +3 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useInput/useInput.js +38 -23
- package/dist/cjs/hooks/useInput/useInput.js.map +1 -1
- package/dist/cjs/hooks/useManageState/useManageState.js +4 -4
- package/dist/cjs/hooks/useManageState/useManageState.js.map +1 -1
- package/dist/cjs/hooks/useRoveFocus/useRoveFocus.js +40 -2
- package/dist/cjs/hooks/useRoveFocus/useRoveFocus.js.map +1 -1
- package/dist/cjs/hooks/useScrollEffect/useScrollEffect.js +15 -5
- package/dist/cjs/hooks/useScrollEffect/useScrollEffect.js.map +1 -1
- package/dist/cjs/hooks/useSwipeDown/useSwipeDown.js +101 -0
- package/dist/cjs/hooks/useSwipeDown/useSwipeDown.js.map +1 -0
- package/dist/cjs/styles/mixins/input.mixin.js +3 -3
- package/dist/cjs/styles/mixins/input.mixin.js.map +1 -1
- package/dist/cjs/utils/focusHandlers/focusHandlers.js +1 -1
- package/dist/cjs/utils/focusHandlers/focusHandlers.js.map +1 -1
- package/dist/cjs/utils/isStringTypeOf/isStringTypeOf.js +16 -0
- package/dist/cjs/utils/isStringTypeOf/isStringTypeOf.js.map +1 -1
- package/dist/cjs/utils/syntheticComponents/syntheticDate/helper/formatDateToNative.js +6 -2
- package/dist/cjs/utils/syntheticComponents/syntheticDate/helper/formatDateToNative.js.map +1 -1
- package/dist/cjs/utils/syntheticComponents/syntheticDate/syntheticDate.js +1 -1
- package/dist/cjs/utils/syntheticComponents/syntheticDate/syntheticDate.js.map +1 -1
- package/dist/esm/components/actionBottomSheet/actionBottomSheet.styled.d.ts +2 -0
- package/dist/esm/components/actionBottomSheet/actionBottomSheet.styled.js +6 -0
- package/dist/esm/components/actionBottomSheet/actionBottomSheet.styled.js.map +1 -1
- package/dist/esm/components/actionBottomSheet/actionBottomSheetControlled.js +6 -2
- package/dist/esm/components/actionBottomSheet/actionBottomSheetControlled.js.map +1 -1
- package/dist/esm/components/actionBottomSheet/actionBottomSheetStandAlone.js +14 -3
- package/dist/esm/components/actionBottomSheet/actionBottomSheetStandAlone.js.map +1 -1
- package/dist/esm/components/actionBottomSheet/types/actionBottomSheet.d.ts +2 -0
- package/dist/esm/components/actionBottomSheet/types/actionBottomSheetTheme.d.ts +2 -0
- package/dist/esm/components/button/button.styled.js +1 -2
- package/dist/esm/components/button/button.styled.js.map +1 -1
- package/dist/esm/components/calendar/calendarStandAlone.js +5 -1
- package/dist/esm/components/calendar/calendarStandAlone.js.map +1 -1
- package/dist/esm/components/calendar/list/list.js +9 -9
- package/dist/esm/components/calendar/list/list.js.map +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js +12 -7
- package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js.map +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/types/monthSelector.d.ts +2 -2
- package/dist/esm/components/calendar/selector/monthSelector/utils/monthSelector.utils.d.ts +10 -2
- package/dist/esm/components/calendar/selector/monthSelector/utils/monthSelector.utils.js +95 -18
- package/dist/esm/components/calendar/selector/monthSelector/utils/monthSelector.utils.js.map +1 -1
- package/dist/esm/components/calendar/selector/yearSelector/utils/yearSelector.utils.d.ts +6 -2
- package/dist/esm/components/calendar/selector/yearSelector/utils/yearSelector.utils.js +33 -18
- package/dist/esm/components/calendar/selector/yearSelector/utils/yearSelector.utils.js.map +1 -1
- package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js +5 -5
- package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js.map +1 -1
- package/dist/esm/components/calendar/types/calendar.d.ts +1 -0
- package/dist/esm/components/calendar/utils/handleKeysmoves.d.ts +11 -9
- package/dist/esm/components/calendar/utils/handleKeysmoves.js +81 -20
- package/dist/esm/components/calendar/utils/handleKeysmoves.js.map +1 -1
- package/dist/esm/components/drawer/drawer.styled.js +1 -31
- package/dist/esm/components/drawer/drawer.styled.js.map +1 -1
- package/dist/esm/components/drawer/drawerControlled.js +16 -7
- package/dist/esm/components/drawer/drawerControlled.js.map +1 -1
- package/dist/esm/components/drawer/drawerStandAlone.js +2 -2
- package/dist/esm/components/drawer/drawerStandAlone.js.map +1 -1
- package/dist/esm/components/drawer/drawerUnControlled.js +2 -2
- package/dist/esm/components/drawer/drawerUnControlled.js.map +1 -1
- package/dist/esm/components/drawer/types/drawer.d.ts +2 -2
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +1 -1
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js.map +1 -1
- package/dist/esm/components/icon/icon.js +3 -3
- package/dist/esm/components/icon/icon.js.map +1 -1
- package/dist/esm/components/icon/types/icon.d.ts +1 -1
- package/dist/esm/components/iconHighlighted/types/iconHighlighted.d.ts +0 -1
- package/dist/esm/components/index.d.ts +3 -0
- package/dist/esm/components/index.js +3 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/input/inputStandAlone.js +4 -8
- package/dist/esm/components/input/inputStandAlone.js.map +1 -1
- package/dist/esm/components/input/utils/aria.utils.d.ts +2 -9
- package/dist/esm/components/input/utils/aria.utils.js +4 -14
- package/dist/esm/components/input/utils/aria.utils.js.map +1 -1
- package/dist/esm/components/inputDate/components/popoverCalendar.js +4 -3
- package/dist/esm/components/inputDate/components/popoverCalendar.js.map +1 -1
- package/dist/esm/components/inputDate/hooks/useInputDate.js +27 -16
- package/dist/esm/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/esm/components/inputDate/inputDateStandAlone.js +5 -4
- package/dist/esm/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/esm/components/inputDate/types/inputDate.d.ts +3 -1
- package/dist/esm/components/inputDate/utils/verifyDate.d.ts +4 -0
- package/dist/esm/components/inputDate/utils/verifyDate.js +1 -1
- package/dist/esm/components/inputDate/utils/verifyDate.js.map +1 -1
- package/dist/esm/components/inputSearch/components/optionsList.js +1 -1
- package/dist/esm/components/inputSearch/components/optionsList.js.map +1 -1
- package/dist/esm/components/inputSearch/components/popoverSearchList.js +2 -1
- package/dist/esm/components/inputSearch/components/popoverSearchList.js.map +1 -1
- package/dist/esm/components/inputSearch/inputSearch.js +1 -1
- package/dist/esm/components/inputSearch/inputSearch.js.map +1 -1
- package/dist/esm/components/inputSearch/inputSearchStandAlone.d.ts +1 -1
- package/dist/esm/components/inputSearch/inputSearchStandAlone.js +5 -2
- package/dist/esm/components/inputSearch/inputSearchStandAlone.js.map +1 -1
- package/dist/esm/components/inputSearch/types/inputSearch.d.ts +7 -1
- package/dist/esm/components/mediaButton/mediaButtonStandAlone.js +1 -1
- package/dist/esm/components/mediaButton/mediaButtonStandAlone.js.map +1 -1
- package/dist/esm/components/message/messageStandAlone.js +4 -1
- package/dist/esm/components/message/messageStandAlone.js.map +1 -1
- package/dist/esm/components/message/types/message.d.ts +1 -1
- package/dist/esm/components/modal/modal.styled.d.ts +1 -0
- package/dist/esm/components/modal/modal.styled.js +3 -0
- package/dist/esm/components/modal/modal.styled.js.map +1 -1
- package/dist/esm/components/modal/modalControlled.js +12 -4
- package/dist/esm/components/modal/modalControlled.js.map +1 -1
- package/dist/esm/components/modal/modalStandAlone.js +2 -2
- package/dist/esm/components/modal/modalStandAlone.js.map +1 -1
- package/dist/esm/components/modal/modalUnControlled.js +1 -1
- package/dist/esm/components/modal/modalUnControlled.js.map +1 -1
- package/dist/esm/components/modal/types/modal.d.ts +5 -2
- package/dist/esm/components/modal/types/modalTheme.d.ts +2 -0
- package/dist/esm/components/modalV2/fragments/index.d.ts +1 -0
- package/dist/esm/components/modalV2/fragments/index.js +2 -0
- package/dist/esm/components/modalV2/fragments/index.js.map +1 -0
- package/dist/esm/components/modalV2/fragments/modalHeader.d.ts +7 -0
- package/dist/esm/components/modalV2/fragments/modalHeader.js +15 -0
- package/dist/esm/components/modalV2/fragments/modalHeader.js.map +1 -0
- package/dist/esm/components/modalV2/index.d.ts +3 -0
- package/dist/esm/components/modalV2/index.js +4 -0
- package/dist/esm/components/modalV2/index.js.map +1 -0
- package/dist/esm/components/modalV2/modal.styled.d.ts +12 -0
- package/dist/esm/components/modalV2/modal.styled.js +55 -0
- package/dist/esm/components/modalV2/modal.styled.js.map +1 -0
- package/dist/esm/components/modalV2/modalControlled.d.ts +7 -0
- package/dist/esm/components/modalV2/modalControlled.js +35 -0
- package/dist/esm/components/modalV2/modalControlled.js.map +1 -0
- package/dist/esm/components/modalV2/modalStandAlone.d.ts +3 -0
- package/dist/esm/components/modalV2/modalStandAlone.js +21 -0
- package/dist/esm/components/modalV2/modalStandAlone.js.map +1 -0
- package/dist/esm/components/modalV2/modalUnControlled.d.ts +7 -0
- package/dist/esm/components/modalV2/modalUnControlled.js +36 -0
- package/dist/esm/components/modalV2/modalUnControlled.js.map +1 -0
- package/dist/esm/components/modalV2/types/index.d.ts +2 -0
- package/dist/esm/components/modalV2/types/index.js +3 -0
- package/dist/esm/components/modalV2/types/index.js.map +1 -0
- package/dist/esm/components/modalV2/types/modal.d.ts +64 -0
- package/dist/esm/components/modalV2/types/modal.js +2 -0
- package/dist/esm/components/modalV2/types/modal.js.map +1 -0
- package/dist/esm/components/modalV2/types/modalTheme.d.ts +21 -0
- package/dist/esm/components/modalV2/types/modalTheme.js +2 -0
- package/dist/esm/components/modalV2/types/modalTheme.js.map +1 -0
- package/dist/esm/components/modalV2/utils/index.d.ts +1 -0
- package/dist/esm/components/modalV2/utils/index.js +2 -0
- package/dist/esm/components/modalV2/utils/index.js.map +1 -0
- package/dist/esm/components/modalV2/utils/onlyDesktopSize.d.ts +2 -0
- package/dist/esm/components/modalV2/utils/onlyDesktopSize.js +7 -0
- package/dist/esm/components/modalV2/utils/onlyDesktopSize.js.map +1 -0
- package/dist/esm/components/navigationCard/navigationCardStandAlone.js +2 -6
- package/dist/esm/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/esm/components/option/optionStandAlone.js +1 -0
- package/dist/esm/components/option/optionStandAlone.js.map +1 -1
- package/dist/esm/components/pillV2/pill.d.ts +1 -1
- package/dist/esm/components/pillV2/pill.js.map +1 -1
- package/dist/esm/components/pillV2/pillStandAlone.d.ts +1 -1
- package/dist/esm/components/pillV2/pillStandAlone.js +1 -1
- package/dist/esm/components/pillV2/pillStandAlone.js.map +1 -1
- package/dist/esm/components/progressBar/index.d.ts +2 -0
- package/dist/esm/components/progressBar/index.js +4 -0
- package/dist/esm/components/progressBar/index.js.map +1 -0
- package/dist/esm/components/progressBar/progressBar.d.ts +16 -0
- package/dist/esm/components/progressBar/progressBar.js +29 -0
- package/dist/esm/components/progressBar/progressBar.js.map +1 -0
- package/dist/esm/components/progressBar/progressBar.styled.d.ts +12 -0
- package/dist/esm/components/progressBar/progressBar.styled.js +18 -0
- package/dist/esm/components/progressBar/progressBar.styled.js.map +1 -0
- package/dist/esm/components/progressBar/progressBarStandAlone.d.ts +9 -0
- package/dist/esm/components/progressBar/progressBarStandAlone.js +26 -0
- package/dist/esm/components/progressBar/progressBarStandAlone.js.map +1 -0
- package/dist/esm/components/progressBar/types/index.d.ts +2 -0
- package/dist/esm/components/progressBar/types/index.js +3 -0
- package/dist/esm/components/progressBar/types/index.js.map +1 -0
- package/dist/esm/components/progressBar/types/progressBar.d.ts +20 -0
- package/dist/esm/components/progressBar/types/progressBar.js +2 -0
- package/dist/esm/components/progressBar/types/progressBar.js.map +1 -0
- package/dist/esm/components/progressBar/types/progressBarTheme.d.ts +41 -0
- package/dist/esm/components/progressBar/types/progressBarTheme.js +2 -0
- package/dist/esm/components/progressBar/types/progressBarTheme.js.map +1 -0
- package/dist/esm/components/quickButton/quickButton.js +1 -1
- package/dist/esm/components/quickButton/quickButton.js.map +1 -1
- package/dist/esm/components/quickButton/quickButtonStandAlone.js +1 -1
- package/dist/esm/components/quickButton/quickButtonStandAlone.js.map +1 -1
- package/dist/esm/components/quickButton/types/quickButton.d.ts +1 -0
- package/dist/esm/components/text/types/component.d.ts +2 -1
- package/dist/esm/components/text/types/component.js +1 -0
- package/dist/esm/components/text/types/component.js.map +1 -1
- package/dist/esm/components/text/types/text.d.ts +1 -1
- package/dist/esm/components/toggle/components/toggleThreePosition.js +1 -1
- package/dist/esm/components/toggle/components/toggleThreePosition.js.map +1 -1
- package/dist/esm/components/toggle/components/toggleTwoPositions.js +2 -6
- package/dist/esm/components/toggle/components/toggleTwoPositions.js.map +1 -1
- package/dist/esm/components/toggle/toggleControlled.js +2 -6
- package/dist/esm/components/toggle/toggleControlled.js.map +1 -1
- package/dist/esm/components/toggle/toggleUnControlled.js +5 -1
- package/dist/esm/components/toggle/toggleUnControlled.js.map +1 -1
- package/dist/esm/components/toggle/types/toggle.d.ts +2 -3
- package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js +2 -2
- 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/tooltip.styled.d.ts +2 -1
- package/dist/esm/components/tooltip/tooltip.styled.js +2 -0
- package/dist/esm/components/tooltip/tooltip.styled.js.map +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js +6 -8
- package/dist/esm/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/esm/components/tooltip/tooltipUnControlled.js +8 -4
- package/dist/esm/components/tooltip/tooltipUnControlled.js.map +1 -1
- package/dist/esm/components/tooltip/types/tooltip.d.ts +3 -2
- package/dist/esm/components/tooltip/types/tooltipTheme.d.ts +4 -0
- package/dist/esm/components/video/components/index.d.ts +7 -0
- package/dist/esm/components/video/components/index.js +8 -0
- package/dist/esm/components/video/components/index.js.map +1 -0
- package/dist/esm/components/video/components/linkAndActionButton.d.ts +17 -0
- package/dist/esm/components/video/components/linkAndActionButton.js +10 -0
- package/dist/esm/components/video/components/linkAndActionButton.js.map +1 -0
- package/dist/esm/components/video/components/playStopButton.d.ts +13 -0
- package/dist/esm/components/video/components/playStopButton.js +11 -0
- package/dist/esm/components/video/components/playStopButton.js.map +1 -0
- package/dist/esm/components/video/components/screenButtons.d.ts +13 -0
- package/dist/esm/components/video/components/screenButtons.js +9 -0
- package/dist/esm/components/video/components/screenButtons.js.map +1 -0
- package/dist/esm/components/video/components/subtitleFullScreenButtons.d.ts +23 -0
- package/dist/esm/components/video/components/subtitleFullScreenButtons.js +12 -0
- package/dist/esm/components/video/components/subtitleFullScreenButtons.js.map +1 -0
- package/dist/esm/components/video/components/time.d.ts +8 -0
- package/dist/esm/components/video/components/time.js +8 -0
- package/dist/esm/components/video/components/time.js.map +1 -0
- package/dist/esm/components/video/components/videoSkeleton.d.ts +8 -0
- package/dist/esm/components/video/components/videoSkeleton.js +12 -0
- package/dist/esm/components/video/components/videoSkeleton.js.map +1 -0
- package/dist/esm/components/video/components/volume.d.ts +34 -0
- package/dist/esm/components/video/components/volume.js +13 -0
- package/dist/esm/components/video/components/volume.js.map +1 -0
- package/dist/esm/components/video/index.d.ts +4 -0
- package/dist/esm/components/video/index.js +5 -0
- package/dist/esm/components/video/index.js.map +1 -0
- package/dist/esm/components/video/types/index.d.ts +2 -0
- package/dist/esm/components/video/types/index.js +2 -0
- package/dist/esm/components/video/types/index.js.map +1 -0
- package/dist/esm/components/video/types/video.d.ts +96 -0
- package/dist/esm/components/video/types/video.js +7 -0
- package/dist/esm/components/video/types/video.js.map +1 -0
- package/dist/esm/components/video/types/videoTheme.d.ts +57 -0
- package/dist/esm/components/video/types/videoTheme.js +2 -0
- package/dist/esm/components/video/types/videoTheme.js.map +1 -0
- package/dist/esm/components/video/video.styled.d.ts +26 -0
- package/dist/esm/components/video/video.styled.js +130 -0
- package/dist/esm/components/video/video.styled.js.map +1 -0
- package/dist/esm/components/video/videoControlled.d.ts +7 -0
- package/dist/esm/components/video/videoControlled.js +17 -0
- package/dist/esm/components/video/videoControlled.js.map +1 -0
- package/dist/esm/components/video/videoStandAlone.d.ts +3 -0
- package/dist/esm/components/video/videoStandAlone.js +24 -0
- package/dist/esm/components/video/videoStandAlone.js.map +1 -0
- package/dist/esm/components/video/videoUnControlled.d.ts +3 -0
- package/dist/esm/components/video/videoUnControlled.js +189 -0
- package/dist/esm/components/video/videoUnControlled.js.map +1 -0
- package/dist/esm/constants/keyboardKeys.js +4 -4
- package/dist/esm/constants/keyboardKeys.js.map +1 -1
- package/dist/esm/constants/stylesName.d.ts +1 -0
- package/dist/esm/constants/stylesName.js +1 -0
- package/dist/esm/constants/stylesName.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/actionBottomSheet/styles.js +9 -6
- package/dist/esm/designSystem/kubit/components/actionBottomSheet/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/drawer/styles.js +22 -0
- package/dist/esm/designSystem/kubit/components/drawer/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/mediaButton/styles.js +20 -4
- package/dist/esm/designSystem/kubit/components/mediaButton/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/modal/styles.js +6 -1
- package/dist/esm/designSystem/kubit/components/modal/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/modalV2/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/modalV2/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/modalV2/styles.js +230 -0
- package/dist/esm/designSystem/kubit/components/modalV2/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/modalV2/variants.d.ts +5 -0
- package/dist/esm/designSystem/kubit/components/modalV2/variants.js +7 -0
- package/dist/esm/designSystem/kubit/components/modalV2/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/progressBar/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/progressBar/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/progressBar/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/progressBar/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/progressBar/styles.js +73 -0
- package/dist/esm/designSystem/kubit/components/progressBar/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/progressBar/variants.d.ts +8 -0
- package/dist/esm/designSystem/kubit/components/progressBar/variants.js +11 -0
- package/dist/esm/designSystem/kubit/components/progressBar/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/styles.js +3 -0
- package/dist/esm/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/variants.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/variants.js +3 -0
- package/dist/esm/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/video/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/video/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/video/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/video/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/video/styles.js +179 -0
- package/dist/esm/designSystem/kubit/components/video/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/video/variants.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/video/variants.js +5 -0
- package/dist/esm/designSystem/kubit/components/video/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/index.d.ts +7 -0
- 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/useInput/useInput.js +38 -23
- package/dist/esm/hooks/useInput/useInput.js.map +1 -1
- package/dist/esm/hooks/useManageState/useManageState.js +4 -4
- package/dist/esm/hooks/useManageState/useManageState.js.map +1 -1
- package/dist/esm/hooks/useRoveFocus/useRoveFocus.d.ts +3 -1
- package/dist/esm/hooks/useRoveFocus/useRoveFocus.js +41 -3
- package/dist/esm/hooks/useRoveFocus/useRoveFocus.js.map +1 -1
- package/dist/esm/hooks/useScrollEffect/useScrollEffect.d.ts +7 -1
- package/dist/esm/hooks/useScrollEffect/useScrollEffect.js +15 -5
- package/dist/esm/hooks/useScrollEffect/useScrollEffect.js.map +1 -1
- package/dist/esm/hooks/useSwipeDown/useSwipeDown.d.ts +7 -0
- package/dist/esm/hooks/useSwipeDown/useSwipeDown.js +97 -0
- package/dist/esm/hooks/useSwipeDown/useSwipeDown.js.map +1 -0
- package/dist/esm/styles/mixins/input.mixin.d.ts +1 -1
- package/dist/esm/styles/mixins/input.mixin.js +3 -3
- package/dist/esm/styles/mixins/input.mixin.js.map +1 -1
- package/dist/esm/utils/focusHandlers/focusHandlers.js +1 -1
- package/dist/esm/utils/focusHandlers/focusHandlers.js.map +1 -1
- package/dist/esm/utils/isStringTypeOf/isStringTypeOf.d.ts +17 -1
- package/dist/esm/utils/isStringTypeOf/isStringTypeOf.js +16 -0
- package/dist/esm/utils/isStringTypeOf/isStringTypeOf.js.map +1 -1
- package/dist/esm/utils/syntheticComponents/syntheticDate/helper/formatDateToNative.d.ts +1 -1
- package/dist/esm/utils/syntheticComponents/syntheticDate/helper/formatDateToNative.js +6 -2
- package/dist/esm/utils/syntheticComponents/syntheticDate/helper/formatDateToNative.js.map +1 -1
- package/dist/esm/utils/syntheticComponents/syntheticDate/syntheticDate.js +1 -1
- package/dist/esm/utils/syntheticComponents/syntheticDate/syntheticDate.js.map +1 -1
- package/package.json +40 -39
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyColumns.js +0 -96
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyColumns.js.map +0 -1
- package/dist/cjs/components/inputDate/utils/normalize.js +0 -11
- package/dist/cjs/components/inputDate/utils/normalize.js.map +0 -1
- package/dist/cjs/components/mediaProgressBar/utils/mediaProgressBarIndex.js +0 -23
- package/dist/cjs/components/mediaProgressBar/utils/mediaProgressBarIndex.js.map +0 -1
- package/dist/cjs/components/tableV2/hooks/useTableStickyColumns.js +0 -78
- package/dist/cjs/components/tableV2/hooks/useTableStickyColumns.js.map +0 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/loader/index.js.map +0 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/loader/styles.js +0 -30
- package/dist/cjs/designSystem/kubitWireframe/commons/components/loader/styles.js.map +0 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/loader/variants.js +0 -10
- package/dist/cjs/designSystem/kubitWireframe/commons/components/loader/variants.js.map +0 -1
- package/dist/cjs/utils/date/format.js +0 -54
- package/dist/cjs/utils/date/format.js.map +0 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyColumns.d.ts +0 -7
- package/dist/esm/components/dataTable/hooks/useDataTableStickyColumns.js +0 -69
- package/dist/esm/components/dataTable/hooks/useDataTableStickyColumns.js.map +0 -1
- package/dist/esm/components/inputDate/utils/normalize.d.ts +0 -1
- package/dist/esm/components/inputDate/utils/normalize.js +0 -7
- package/dist/esm/components/inputDate/utils/normalize.js.map +0 -1
- package/dist/esm/components/mediaProgressBar/utils/mediaProgressBarIndex.d.ts +0 -14
- package/dist/esm/components/mediaProgressBar/utils/mediaProgressBarIndex.js +0 -19
- package/dist/esm/components/mediaProgressBar/utils/mediaProgressBarIndex.js.map +0 -1
- package/dist/esm/components/tableV2/hooks/useTableStickyColumns.d.ts +0 -8
- package/dist/esm/components/tableV2/hooks/useTableStickyColumns.js +0 -51
- package/dist/esm/components/tableV2/hooks/useTableStickyColumns.js.map +0 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/loader/index.js.map +0 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/loader/styles.d.ts +0 -7
- package/dist/esm/designSystem/kubitWireframe/commons/components/loader/styles.js +0 -26
- package/dist/esm/designSystem/kubitWireframe/commons/components/loader/styles.js.map +0 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/loader/variants.d.ts +0 -5
- package/dist/esm/designSystem/kubitWireframe/commons/components/loader/variants.js +0 -7
- package/dist/esm/designSystem/kubitWireframe/commons/components/loader/variants.js.map +0 -1
- package/dist/esm/utils/date/format.d.ts +0 -2
- package/dist/esm/utils/date/format.js +0 -50
- package/dist/esm/utils/date/format.js.map +0 -1
- /package/dist/cjs/designSystem/{kubitWireframe/commons/components/loader → kubit/components/modalV2}/index.js +0 -0
- /package/dist/esm/designSystem/{kubitWireframe/commons/components/loader → kubit/components/modalV2}/index.d.ts +0 -0
- /package/dist/esm/designSystem/{kubitWireframe/commons/components/loader → kubit/components/modalV2}/index.js +0 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.ProgressBar = void 0;
|
|
18
|
+
var progressBar_1 = require("./progressBar");
|
|
19
|
+
Object.defineProperty(exports, "ProgressBar", { enumerable: true, get: function () { return progressBar_1.ProgressBar; } });
|
|
20
|
+
//types
|
|
21
|
+
__exportStar(require("./types"), exports);
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/progressBar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,OAAO;AACP,0CAAwB"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.ProgressBar = void 0;
|
|
27
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
const React = __importStar(require("react"));
|
|
29
|
+
const constants_1 = require("../../constants");
|
|
30
|
+
const useStyles_1 = require("../../hooks/useStyles/useStyles");
|
|
31
|
+
const errorBoundary_1 = require("../../provider/errorBoundary");
|
|
32
|
+
const progressBarStandAlone_1 = require("./progressBarStandAlone");
|
|
33
|
+
const ProgressBarComponent = React.forwardRef(({ variant, percentProgressCompleted, ctv, ...props }, ref) => {
|
|
34
|
+
const styles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.PROGRESS_BAR, variant, ctv);
|
|
35
|
+
const sizeStyles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.PROGRESS_BAR, props.size, props.cts);
|
|
36
|
+
// Avoid values not included in 0 - 100
|
|
37
|
+
const progressCompleted = !percentProgressCompleted
|
|
38
|
+
? 0
|
|
39
|
+
: Math.min(Math.max(percentProgressCompleted, 0), 100);
|
|
40
|
+
return ((0, jsx_runtime_1.jsx)(progressBarStandAlone_1.ProgressBarStandalone, { ...props, ref: ref, progressCompleted: progressCompleted, sizeStyles: sizeStyles, styles: styles }));
|
|
41
|
+
});
|
|
42
|
+
ProgressBarComponent.displayName = 'ProgressBarComponent';
|
|
43
|
+
const ProgressBarBoundary = (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)(progressBarStandAlone_1.ProgressBarStandalone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(ProgressBarComponent, { ...props, ref: ref }) }));
|
|
44
|
+
const ProgressBar = React.forwardRef(ProgressBarBoundary);
|
|
45
|
+
exports.ProgressBar = ProgressBar;
|
|
46
|
+
//# sourceMappingURL=progressBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progressBar.js","sourceRoot":"","sources":["../../../../src/components/progressBar/progressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,2DAAwD;AACxD,4DAA4E;AAE5E,mEAAgE;AAQhE,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAC3C,CAIE,EAAE,OAAO,EAAE,wBAAwB,EAAE,GAAG,EAAE,GAAG,KAAK,EAAsB,EACxE,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,uBAAW,CAAC,YAAY,EACxB,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,UAAU,GAAG,IAAA,qBAAS,EAC1B,uBAAW,CAAC,YAAY,EACxB,KAAK,CAAC,IAAI,EACV,KAAK,CAAC,GAAG,CACV,CAAC;IAEF,uCAAuC;IACvC,MAAM,iBAAiB,GAAG,CAAC,wBAAwB;QACjD,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,wBAAwB,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAEzD,OAAO,CACL,uBAAC,6CAAqB,OAChB,KAAK,EACT,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,MAAM,mBAAmB,GAAG,CAC1B,KAAsB,EACtB,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,6CAAqB,OAAM,KAA2C,EAAE,GAAG,EAAE,GAAG,GAAI,GACnE,YAGtB,uBAAC,oBAAoB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC/B,CACjB,CAAC;AAEF,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAIb,CAAC;AAWnC,kCAAW"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ProgressBarStyled = exports.BarStyled = exports.BarContainerStyled = exports.ParentContainerStyled = void 0;
|
|
7
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
8
|
+
const getStyles_1 = require("../../utils/getStyles/getStyles");
|
|
9
|
+
exports.ParentContainerStyled = styled_components_1.default.div `
|
|
10
|
+
${props => (0, getStyles_1.getStyles)(props.styles.container)}
|
|
11
|
+
`;
|
|
12
|
+
exports.BarContainerStyled = styled_components_1.default.div `
|
|
13
|
+
${props => (0, getStyles_1.getStyles)(props.styles.barContainer)}
|
|
14
|
+
`;
|
|
15
|
+
exports.BarStyled = styled_components_1.default.div `
|
|
16
|
+
${props => (0, getStyles_1.getStyles)(props.styles.bar)}
|
|
17
|
+
${props => (0, getStyles_1.getStyles)(props.sizeStyles?.bar)}
|
|
18
|
+
`;
|
|
19
|
+
exports.ProgressBarStyled = styled_components_1.default.div `
|
|
20
|
+
${props => (0, getStyles_1.getStyles)(props.styles.progressBar)}
|
|
21
|
+
${props => (0, getStyles_1.getStyles)(props.sizeStyles?.progressBar)}
|
|
22
|
+
width: ${({ progressCompleted }) => `${progressCompleted}%`};
|
|
23
|
+
`;
|
|
24
|
+
//# sourceMappingURL=progressBar.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progressBar.styled.js","sourceRoot":"","sources":["../../../../src/components/progressBar/progressBar.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,2DAAwD;AAS3C,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAAuB;IAClE,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAuB;IAC/D,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;CAChD,CAAC;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAuB;IACtD,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;IACpC,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC;CAC5C,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAwD;IAC/F,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;IAC5C,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,UAAU,EAAE,WAAW,CAAC;WAC1C,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,GAAG,iBAAiB,GAAG;CAC5D,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.ProgressBarStandalone = void 0;
|
|
27
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
const React = __importStar(require("react"));
|
|
29
|
+
const slider_1 = require("../slider/slider");
|
|
30
|
+
const type_1 = require("../slider/types/type");
|
|
31
|
+
const progressBar_styled_1 = require("./progressBar.styled");
|
|
32
|
+
const SLIDER_MAX_VALUE = 1000;
|
|
33
|
+
const SLIDER_MIN_VALUE = 0;
|
|
34
|
+
const SLIDER_PERCENTAGE_CONVERSION = 10;
|
|
35
|
+
const ProgressBarStandaloneComponent = (props, ref) => {
|
|
36
|
+
return ((0, jsx_runtime_1.jsx)(progressBar_styled_1.ParentContainerStyled, { ref: ref, styles: props.styles, children: (0, jsx_runtime_1.jsx)(progressBar_styled_1.BarContainerStyled, { styles: props.styles, children: props.styles.useAsSlider && props.styles.sliderVariant ? ((0, jsx_runtime_1.jsx)(slider_1.Slider, { ariaLabel: props.barAriaLabel, max: SLIDER_MAX_VALUE, min: SLIDER_MIN_VALUE, tooltip: props.tooltip, type: type_1.SliderType.CONTINUOUS,
|
|
37
|
+
// Convert 0-100 values to 0 - 1000
|
|
38
|
+
value: props.progressCompleted * SLIDER_PERCENTAGE_CONVERSION, variant: props.styles.sliderVariant, onChange: (newValue) => {
|
|
39
|
+
if (props.onChange && !Array.isArray(newValue)) {
|
|
40
|
+
// in order to retun a value 0 - 100
|
|
41
|
+
props.onChange(newValue / SLIDER_PERCENTAGE_CONVERSION);
|
|
42
|
+
}
|
|
43
|
+
}, onDragEnd: props.onDragEnd, onDragStart: props.onDragStart })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(progressBar_styled_1.BarStyled, { "data-testid": `${props.dataTestIdBar}`, sizeStyles: props.sizeStyles, styles: props.styles }), (0, jsx_runtime_1.jsx)(progressBar_styled_1.ProgressBarStyled, { "data-testid": `${props.dataTestIdProgressBar}`, progressCompleted: props.progressCompleted, sizeStyles: props.sizeStyles, styles: props.styles })] })) }) }));
|
|
44
|
+
};
|
|
45
|
+
/**
|
|
46
|
+
* @description
|
|
47
|
+
* ProgressBar component is used to show a progress bar.
|
|
48
|
+
* @param {React.PropsWithChildren<IProgressBarStandAlone>} props
|
|
49
|
+
* @returns {JSX.Element}
|
|
50
|
+
*/
|
|
51
|
+
exports.ProgressBarStandalone = React.forwardRef(ProgressBarStandaloneComponent);
|
|
52
|
+
//# sourceMappingURL=progressBarStandAlone.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progressBarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/progressBar/progressBarStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,6CAA0C;AAC1C,+CAAkD;AAClD,6DAK8B;AAG9B,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAC9B,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,4BAA4B,GAAG,EAAE,CAAC;AAExC,MAAM,8BAA8B,GAAG,CACrC,KAA6B,EAC7B,GAA0D,EAC7C,EAAE;IACf,OAAO,CACL,uBAAC,0CAAqB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YACnD,uBAAC,uCAAkB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACrC,KAAK,CAAC,MAAM,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACxD,uBAAC,eAAM,IACL,SAAS,EAAE,KAAK,CAAC,YAAY,EAC7B,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAE,gBAAgB,EACrB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,iBAAU,CAAC,UAAU;gBAC3B,mCAAmC;gBACnC,KAAK,EAAE,KAAK,CAAC,iBAAiB,GAAG,4BAA4B,EAC7D,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,EACnC,QAAQ,EAAE,CAAC,QAA2B,EAAE,EAAE;oBACxC,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;wBAC/C,oCAAoC;wBACpC,KAAK,CAAC,QAAQ,CAAC,QAAQ,GAAG,4BAA4B,CAAC,CAAC;oBAC1D,CAAC;gBACH,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,GAC9B,CACH,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,8BAAS,mBACK,GAAG,KAAK,CAAC,aAAa,EAAE,EACrC,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,EACF,uBAAC,sCAAiB,mBACH,GAAG,KAAK,CAAC,qBAAqB,EAAE,EAC7C,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,IACD,CACJ,GACkB,GACC,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACU,QAAA,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./progressBarTheme"), exports);
|
|
18
|
+
__exportStar(require("./progressBar"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/progressBar/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,gDAA8B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progressBar.js","sourceRoot":"","sources":["../../../../../src/components/progressBar/types/progressBar.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progressBarTheme.js","sourceRoot":"","sources":["../../../../../src/components/progressBar/types/progressBarTheme.ts"],"names":[],"mappings":""}
|
|
@@ -31,16 +31,16 @@ const hooks_1 = require("../../hooks");
|
|
|
31
31
|
//hooks
|
|
32
32
|
const useStyles_1 = require("../../hooks/useStyles/useStyles");
|
|
33
33
|
const errorBoundary_1 = require("../../provider/errorBoundary");
|
|
34
|
-
const
|
|
34
|
+
const types_1 = require("../button/types");
|
|
35
35
|
//components
|
|
36
36
|
const quickButtonStandAlone_1 = require("./quickButtonStandAlone");
|
|
37
|
-
const
|
|
37
|
+
const types_2 = require("./types");
|
|
38
38
|
//types
|
|
39
39
|
const QUICK_BUTTON_STYLES = 'QUICK_BUTTON_STYLES';
|
|
40
|
-
const QuickButtonComponent = React.forwardRef(({ type =
|
|
40
|
+
const QuickButtonComponent = React.forwardRef(({ type = types_1.ButtonType.BUTTON, disabled = false, ctv, ...props }, ref) => {
|
|
41
41
|
const styles = (0, useStyles_1.useStyles)(QUICK_BUTTON_STYLES, props.variant, ctv);
|
|
42
42
|
const { state, setRef } = (0, hooks_1.useManageState)({
|
|
43
|
-
states: Object.values(
|
|
43
|
+
states: Object.values(types_2.QuickButtonState),
|
|
44
44
|
ref: ref,
|
|
45
45
|
disabled,
|
|
46
46
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"quickButton.js","sourceRoot":"","sources":["../../../../src/components/quickButton/quickButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS;AACT,6CAA+B;AAE/B,mCAAiD;AACjD,OAAO;AACP,2DAAwD;AACxD,4DAA4E;AAE5E,
|
|
1
|
+
{"version":3,"file":"quickButton.js","sourceRoot":"","sources":["../../../../src/components/quickButton/quickButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS;AACT,6CAA+B;AAE/B,mCAAiD;AACjD,OAAO;AACP,2DAAwD;AACxD,4DAA4E;AAE5E,2CAA6C;AAC7C,YAAY;AACZ,mEAAgE;AAChE,mCAKiB;AAEjB,OAAO;AAEP,MAAM,mBAAmB,GAAG,qBAAqB,CAAC;AAElD,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EAAE,IAAI,GAAG,kBAAU,CAAC,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,EAAmB,EAC9E,GAA6D,EAChD,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,mBAAmB,EACnB,KAAK,CAAC,OAAO,EACb,GAAG,CACJ,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAA,sBAAc,EAAC;QACvC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,wBAAgB,CAAW;QACjD,GAAG,EAAE,GAAyD;QAC9D,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,6CAAqB,OAChB,KAAK,EACT,GAAG,EAAE,MAA+C,EACpD,KAAK,EAAE,KAAoC,EAC3C,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,MAAM,mBAAmB,GAAG,CAC1B,KAAsB,EACtB,GAA6D,EAChD,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,6CAAqB,OAAM,KAA2C,EAAE,GAAG,EAAE,GAAG,GAAI,GACnE,YAGtB,uBAAC,oBAAoB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC/B,CACjB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAIb,CAAC;AAEnC,kCAAW"}
|
|
@@ -31,7 +31,7 @@ const labelStandAlone_1 = require("../label/labelStandAlone");
|
|
|
31
31
|
const quickButton_styled_1 = require("./quickButton.styled");
|
|
32
32
|
const types_1 = require("./types");
|
|
33
33
|
const QuickButtonStandAloneComponent = (props, ref) => {
|
|
34
|
-
const button = ((0, jsx_runtime_1.jsx)(quickButton_styled_1.QuickButtonStyled, { ref: ref, "aria-label": props.label ? '' : props['aria-label'], "data-testid": props.dataTestId, disabled: props.state === types_1.QuickButtonState.DISABLED, id: props.buttonId, styles: props.styles, type: props.type, onClick: props.onClick, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { color: props.styles?.[props.state]?.icon?.color, height: props.styles?.[props.state]?.icon?.height, width: props.styles?.[props.state]?.icon?.width, ...props.icon }) }));
|
|
34
|
+
const button = ((0, jsx_runtime_1.jsx)(quickButton_styled_1.QuickButtonStyled, { ref: ref, "aria-label": props.label ? '' : props['aria-label'], "data-testid": props.dataTestId, disabled: props.state === types_1.QuickButtonState.DISABLED, id: props.buttonId, role: props.role, styles: props.styles, type: props.type, onClick: props.onClick, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { color: props.styles?.[props.state]?.icon?.color, height: props.styles?.[props.state]?.icon?.height, width: props.styles?.[props.state]?.icon?.width, ...props.icon }) }));
|
|
35
35
|
return props.label ? ((0, jsx_runtime_1.jsxs)(quickButton_styled_1.QuickButtonContainerStyled, { maxWidth: props.maxWidth, styles: props.styles, children: [button, (0, jsx_runtime_1.jsx)(labelStandAlone_1.LabelStandAlone, { color: props.styles?.[props.state]?.label?.color, inputId: props.buttonId, textVariant: props.styles?.[props.state]?.label?.font_family, weight: props.styles?.[props.state]?.label?.font_weight, ...props.label, children: props.label.content })] })) : (button);
|
|
36
36
|
};
|
|
37
37
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"quickButtonStandAlone.js","sourceRoot":"","sources":["../../../../src/components/quickButton/quickButtonStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,4EAAyE;AAEzE,8DAAoE;AACpE,6DAAqF;AACrF,mCAAmE;AAEnE,MAAM,8BAA8B,GAAG,CACrC,KAA6B,EAC7B,GAA6D,EAChD,EAAE;IACf,MAAM,MAAM,GAAG,CACb,uBAAC,sCAAiB,IAChB,GAAG,EAAE,GAAG,gBACI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,iBACrC,KAAK,CAAC,UAAU,EAC7B,QAAQ,EAAE,KAAK,CAAC,KAAK,KAAK,wBAAgB,CAAC,QAAQ,EACnD,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,YAEtB,uBAAC,6BAAa,IACZ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAC/C,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EACjD,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,KAC3C,KAAK,CAAC,IAAI,GACd,GACgB,CACrB,CAAC;IAEF,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACnB,wBAAC,+CAA0B,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,aACvE,MAAM,EACP,uBAAC,iCAAK,IACJ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAChD,OAAO,EAAE,KAAK,CAAC,QAAQ,EACvB,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAC5D,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,KACnD,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,CAAC,OAAO,GACd,IACmB,CAC9B,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;GAMG;AACU,QAAA,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"quickButtonStandAlone.js","sourceRoot":"","sources":["../../../../src/components/quickButton/quickButtonStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,4EAAyE;AAEzE,8DAAoE;AACpE,6DAAqF;AACrF,mCAAmE;AAEnE,MAAM,8BAA8B,GAAG,CACrC,KAA6B,EAC7B,GAA6D,EAChD,EAAE;IACf,MAAM,MAAM,GAAG,CACb,uBAAC,sCAAiB,IAChB,GAAG,EAAE,GAAG,gBACI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,iBACrC,KAAK,CAAC,UAAU,EAC7B,QAAQ,EAAE,KAAK,CAAC,KAAK,KAAK,wBAAgB,CAAC,QAAQ,EACnD,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,YAEtB,uBAAC,6BAAa,IACZ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAC/C,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EACjD,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,KAC3C,KAAK,CAAC,IAAI,GACd,GACgB,CACrB,CAAC;IAEF,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACnB,wBAAC,+CAA0B,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,aACvE,MAAM,EACP,uBAAC,iCAAK,IACJ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAChD,OAAO,EAAE,KAAK,CAAC,QAAQ,EACvB,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAC5D,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,KACnD,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,CAAC,OAAO,GACd,IACmB,CAC9B,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;GAMG;AACU,QAAA,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC"}
|
|
@@ -31,5 +31,6 @@ var TextComponentType;
|
|
|
31
31
|
TextComponentType["DL"] = "dl";
|
|
32
32
|
TextComponentType["DT"] = "dt";
|
|
33
33
|
TextComponentType["DD"] = "dd";
|
|
34
|
+
TextComponentType["DIV"] = "div";
|
|
34
35
|
})(TextComponentType || (exports.TextComponentType = TextComponentType = {}));
|
|
35
36
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/components/text/types/component.ts"],"names":[],"mappings":";;;AAAA;;;GAGG;AACH,IAAY,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/components/text/types/component.ts"],"names":[],"mappings":";;;AAAA;;;GAGG;AACH,IAAY,iBA0BX;AA1BD,WAAY,iBAAiB;IAC3B,+BAAU,CAAA;IACV,iCAAY,CAAA;IACZ,sCAAiB,CAAA;IACjB,iCAAY,CAAA;IACZ,sCAAiB,CAAA;IACjB,kCAAa,CAAA;IACb,oCAAe,CAAA;IACf,oCAAe,CAAA;IACf,qCAAgB,CAAA;IAChB,sCAAiB,CAAA;IACjB,wCAAmB,CAAA;IACnB,oCAAe,CAAA;IACf,kCAAa,CAAA;IACb,oCAAe,CAAA;IACf,sCAAiB,CAAA;IACjB,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,gCAAW,CAAA;AACb,CAAC,EA1BW,iBAAiB,iCAAjB,iBAAiB,QA0B5B"}
|
|
@@ -43,7 +43,7 @@ const ToggleThreePositionComponent = ({ inputValues = {
|
|
|
43
43
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(toggle_styled_1.ToggleRadioSwitchStyled, { "$height": props.styles?.thumb?.height, "$width": props.styles?.thumb?.width, "aria-describedby": props.screenReaderId, "aria-labelledby": props['aria-describedby'], disabled: props.disabled, id: `${position.toLowerCase()}Input`, name: radioButtonToggleName, tabIndex: -1, type: input_1.InputTypeType.RADIO, value: getValueOfRadioButton(position), onClick: e => {
|
|
44
44
|
if (!block) {
|
|
45
45
|
e.persist();
|
|
46
|
-
props.onClick?.(
|
|
46
|
+
props.onClick?.(e, position);
|
|
47
47
|
}
|
|
48
48
|
} }), (0, jsx_runtime_1.jsx)(toggle_styled_1.LabelWrapperStyled, { hasThreePositions: props.hasThreePositions, showLabel: position !== types_1.POSITIONS.CENTER && position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: (0, jsx_runtime_1.jsx)(labelStandAlone_1.LabelStandAlone, { color: props.styles?.label?.color, dataTestId: `${props.dataTestId}${position === types_1.POSITIONS.RIGHT ? 'On' : position === types_1.POSITIONS.CENTER ? 'Na' : 'Off'}LabelOption`, inputId: `${position.toLowerCase()}Input`, textVariant: (position === types_1.POSITIONS.LEFT && props.offText?.content) ||
|
|
49
49
|
(position === types_1.POSITIONS.RIGHT && props.onText?.content)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleThreePosition.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleThreePosition.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,8CAAmD;AACnD,wEAA8E;AAC9E,oEAAiE;AACjE,iDAA8C;AAC9C,iEAAsE;AACtE,mCAAwD;AAExD,oDAO0B;AAK1B,MAAM,4BAA4B,GAAG,CACnC,EACE,WAAW,GAAG;IACZ,eAAe,EAAE,WAAW;IAC5B,gBAAgB,EAAE,uBAAuB;IACzC,cAAc,EAAE,YAAY;CAC7B,EACD,qBAAqB,GAAG,eAAe,EACvC,WAAW,GAAG,KAAK,EACnB,GAAG,KAAK,EACa,EACvB,GAA0D,EAC7C,EAAE;IACf,MAAM,mBAAmB,GAAG,CAAC,QAAmB,EAAE,EAAE,CAClD,QAAQ,KAAK,iBAAS,CAAC,MAAM;QAC3B,CAAC,CAAC,WAAW,CAAC,gBAAgB;QAC9B,CAAC,CAAC,QAAQ,KAAK,iBAAS,CAAC,KAAK;YAC5B,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,IAAI,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC;YACxD,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,IAAI,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAE/D,MAAM,eAAe,GAAG,CAAC,QAAmB,EAAE,EAAE;QAC9C,OAAO,CACL,2DACG,QAAQ,KAAK,iBAAS,CAAC,MAAM;gBAC5B,CAAC,CAAC,WAAW,CAAC,gBAAgB;gBAC9B,CAAC,CAAC,QAAQ,KAAK,iBAAS,CAAC,KAAK;oBAC5B,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO;oBACvB,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,GAC3B,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAAC,QAAmB,EAAE,EAAE;QACpD,IAAI,QAAQ,KAAK,iBAAS,CAAC,KAAK,EAAE,CAAC;YACjC,OAAO,WAAW,EAAE,eAAe,CAAC;QACtC,CAAC;aAAM,IAAI,QAAQ,KAAK,iBAAS,CAAC,IAAI,EAAE,CAAC;YACvC,OAAO,WAAW,EAAE,cAAc,CAAC;QACrC,CAAC;QACD,OAAO,WAAW,EAAE,gBAAgB,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,QAAmB,EAAE,KAAK,GAAG,KAAK,EAAE,EAAE;QAC9D,OAAO,CACL,6DACE,uBAAC,uCAAuB,eACb,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,YAC5B,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,sBAChB,KAAK,CAAC,cAAc,qBACrB,KAAK,CAAC,kBAAkB,CAAC,EAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,EAAE,EAAE,GAAG,QAAQ,CAAC,WAAW,EAAE,OAAO,EACpC,IAAI,EAAE,qBAAqB,EAC3B,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,qBAAa,CAAC,KAAK,EACzB,KAAK,EAAE,qBAAqB,CAAC,QAAQ,CAAC,EACtC,OAAO,EAAE,CAAC,CAAC,EAAE;wBACX,IAAI,CAAC,KAAK,EAAE,CAAC;4BACX,CAAC,CAAC,OAAO,EAAE,CAAC;4BACZ,KAAK,CAAC,OAAO,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"toggleThreePosition.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleThreePosition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,15 +20,11 @@ const ToggleTwoPositionComponent = ({ ...props }, ref) => {
|
|
|
20
20
|
return ((0, jsx_runtime_1.jsxs)(toggle_styled_1.ToggleWrapperStyled, { ref: ref, "aria-checked": props.togglePosition === types_1.POSITIONS.RIGHT, "aria-describedby": props['aria-describedby'], "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], "data-testid": props.dataTestId, disabled: props.disabled, hasThreePositions: props.hasThreePositions, id: props.id, role: types_1.ROLES.SWITCH, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onClick: e => {
|
|
21
21
|
e.persist();
|
|
22
22
|
const newPosition = props.togglePosition === types_1.POSITIONS.RIGHT ? types_1.POSITIONS.LEFT : types_1.POSITIONS.RIGHT;
|
|
23
|
-
props.onClick?.(
|
|
23
|
+
props.onClick?.(e, newPosition);
|
|
24
24
|
}, onKeyDown: e => {
|
|
25
25
|
e.persist();
|
|
26
26
|
props.onKeyDown?.(e);
|
|
27
|
-
}, children: [buildContent(types_1.POSITIONS.LEFT), buildContent(types_1.POSITIONS.RIGHT), (0, jsx_runtime_1.jsx)(toggle_styled_1.SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${props.dataTestId}Thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition
|
|
28
|
-
e.persist();
|
|
29
|
-
const newPosition = props.togglePosition === types_1.POSITIONS.RIGHT ? types_1.POSITIONS.LEFT : types_1.POSITIONS.RIGHT;
|
|
30
|
-
props.onClick?.(newPosition, e);
|
|
31
|
-
} })] }));
|
|
27
|
+
}, children: [buildContent(types_1.POSITIONS.LEFT), buildContent(types_1.POSITIONS.RIGHT), (0, jsx_runtime_1.jsx)(toggle_styled_1.SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${props.dataTestId}Thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition })] }));
|
|
32
28
|
};
|
|
33
29
|
exports.ToggleTwoPosition = react_1.default.forwardRef(ToggleTwoPositionComponent);
|
|
34
30
|
//# sourceMappingURL=toggleTwoPositions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleTwoPositions.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleTwoPositions.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,8DAA2D;AAC3D,mCAA2C;AAE3C,oDAK0B;AAK1B,MAAM,0BAA0B,GAAG,CACjC,EAAE,GAAG,KAAK,EAAsB,EAChC,GAA0D,EAC7C,EAAE;IACf,MAAM,eAAe,GAAG,CAAC,QAAmB,EAAE,EAAE;QAC9C,MAAM,IAAI,GAAG,QAAQ,KAAK,iBAAS,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;QACzE,OAAO,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,KAAM,IAAI,GAAI,CAAC;IAC3E,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,QAAmB,EAAE,EAAE;QAC3C,OAAO,CACL,6DACE,uBAAC,sCAAsB,eACZ,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,YAC5B,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,GAClC,EACF,uBAAC,iCAAiB,mBACH,GAAG,KAAK,CAAC,UAAU,GAAG,QAAQ,KAAK,iBAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,EACtF,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,SAAS,EAAE,QAAQ,KAAK,KAAK,CAAC,cAAc,EAC5C,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,YAEnC,eAAe,CAAC,QAAQ,CAAC,GACR,IACnB,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,mCAAmB,IAClB,GAAG,EAAE,GAAG,kBACM,KAAK,CAAC,cAAc,KAAK,iBAAS,CAAC,KAAK,sBACpC,KAAK,CAAC,kBAAkB,CAAC,gBAC/B,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,iBAC5B,KAAK,CAAC,UAAU,EAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAE,aAAK,CAAC,MAAM,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC7D,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,OAAO,EAAE,CAAC,CAAC,EAAE;YACX,CAAC,CAAC,OAAO,EAAE,CAAC;YACZ,MAAM,WAAW,GACf,KAAK,CAAC,cAAc,KAAK,iBAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAS,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAS,CAAC,KAAK,CAAC;YAC9E,KAAK,CAAC,OAAO,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"toggleTwoPositions.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleTwoPositions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,7 @@ const utils_1 = require("../../utils");
|
|
|
33
33
|
const toggleStandAlone_1 = require("./toggleStandAlone");
|
|
34
34
|
const getToggleState_1 = require("./utils/getToggleState");
|
|
35
35
|
const TOGGLE_STYLES = 'TOGGLE_STYLES';
|
|
36
|
-
const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePositions = false, togglePosition = hasThreePositions ? types_1.POSITIONS.CENTER : types_1.POSITIONS.LEFT, disabled = false, onChange,
|
|
36
|
+
const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePositions = false, togglePosition = hasThreePositions ? types_1.POSITIONS.CENTER : types_1.POSITIONS.LEFT, disabled = false, onChange, onKeyDown, ...props }, ref) => {
|
|
37
37
|
const styleVariant = (0, useStyles_1.useStyles)(TOGGLE_STYLES, variant, ctv);
|
|
38
38
|
const handleKeyDown = e => {
|
|
39
39
|
if (!disabled && ((0, utils_1.isKeySpacePressed)(e.key) || (0, utils_1.isKeyEnterPressed)(e.key))) {
|
|
@@ -49,13 +49,9 @@ const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePosi
|
|
|
49
49
|
onKeyDown?.(e);
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
|
-
const handleOnClick = (newPosition, e) => {
|
|
53
|
-
onChange?.(newPosition);
|
|
54
|
-
onClick?.(e);
|
|
55
|
-
};
|
|
56
52
|
const state = (0, getToggleState_1.getToggleState)(hasThreePositions, togglePosition, disabled);
|
|
57
53
|
const styles = styleVariant[state];
|
|
58
|
-
return ((0, jsx_runtime_1.jsx)(toggleStandAlone_1.ToggleStandAlone, { ...props, ref: ref, disabled: disabled, hasThreePositions: hasThreePositions, styles: styles, togglePosition: togglePosition,
|
|
54
|
+
return ((0, jsx_runtime_1.jsx)(toggleStandAlone_1.ToggleStandAlone, { ...props, ref: ref, disabled: disabled, hasThreePositions: hasThreePositions, styles: styles, togglePosition: togglePosition, onKeyDown: handleKeyDown }));
|
|
59
55
|
});
|
|
60
56
|
ToggleControlledComponent.displayName = 'ToggleControlledComponent';
|
|
61
57
|
const ToggleBoundary = (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)(toggleStandAlone_1.ToggleStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(ToggleControlledComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2DAAwD;AACxD,4DAA4E;AAC5E,mCAAoC;AACpC,mCAA+D;AAE/D,yDAAsD;AAEtD,2DAAwD;AAExD,MAAM,aAAa,GAAG,eAAe,CAAC;AAEtC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAChD,CACE,EACE,OAAO,EACP,GAAG,EACH,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAS,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAS,CAAC,IAAI,EACtE,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"toggleControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2DAAwD;AACxD,4DAA4E;AAC5E,mCAAoC;AACpC,mCAA+D;AAE/D,yDAAsD;AAEtD,2DAAwD;AAExD,MAAM,aAAa,GAAG,eAAe,CAAC;AAEtC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAChD,CACE,EACE,OAAO,EACP,GAAG,EACH,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAS,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAS,CAAC,IAAI,EACtE,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACa,EACvB,GAA0D,EAC7C,EAAE;IACf,MAAM,YAAY,GAAG,IAAA,qBAAS,EAA0B,aAAa,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAErF,MAAM,aAAa,GAA4C,CAAC,CAAC,EAAE;QACjE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAA,yBAAiB,EAAC,CAAC,CAAC,GAAG,CAAC,IAAI,IAAA,yBAAiB,EAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YACxE,IAAI,WAAW,GAAG,iBAAS,CAAC,IAAI,CAAC;YACjC,IACE,CAAC,cAAc,KAAK,iBAAS,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC;gBACzD,cAAc,KAAK,iBAAS,CAAC,MAAM,EACnC,CAAC;gBACD,WAAW,GAAG,iBAAS,CAAC,KAAK,CAAC;YAChC,CAAC;iBAAM,IAAI,cAAc,KAAK,iBAAS,CAAC,IAAI,IAAI,iBAAiB,EAAE,CAAC;gBAClE,WAAW,GAAG,iBAAS,CAAC,MAAM,CAAC;YACjC,CAAC;YACD,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;YACxB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,+BAAc,EAAC,iBAAiB,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;IAE1E,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEnC,OAAO,CACL,uBAAC,mCAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,aAAa,GACxB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEpE,MAAM,cAAc,GAAG,CACrB,KAA2B,EAC3B,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,mCAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,uBAAC,yBAAyB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACpC,CACjB,CAAC;AAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAIlB,CAAC;AAS9B,4CAAgB"}
|
|
@@ -34,7 +34,11 @@ const ToggleUnControlledComponent = ({ variant, hasThreePositions = false, defau
|
|
|
34
34
|
setTogglePosition(newPosition);
|
|
35
35
|
onChange?.(newPosition);
|
|
36
36
|
};
|
|
37
|
-
|
|
37
|
+
const handleClick = (e, position) => {
|
|
38
|
+
handleChange(position);
|
|
39
|
+
props.onClick?.(e, position);
|
|
40
|
+
};
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)(toggleControlled_1.ToggleControlled, { ...props, ref: ref, hasThreePositions: hasThreePositions, togglePosition: togglePosition ?? _togglePosition, variant: variant, onChange: handleChange, onClick: handleClick }));
|
|
38
42
|
};
|
|
39
43
|
const ToggleUnControlled = React.forwardRef(ToggleUnControlledComponent);
|
|
40
44
|
exports.ToggleUnControlled = ToggleUnControlled;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleUnControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleUnControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAoC;AAEpC,yDAAsD;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EACE,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAS,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAS,CAAC,IAAI,EAC7E,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,CAAC,WAAsB,EAAE,EAAE;QAC9C,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,mCAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,IAAI,eAAe,EACjD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"toggleUnControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleUnControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAoC;AAEpC,yDAAsD;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EACE,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAS,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAS,CAAC,IAAI,EAC7E,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,CAAC,WAAsB,EAAE,EAAE;QAC9C,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAgC,EAAE,QAAoB,EAAE,EAAE;QAC7E,YAAY,CAAC,QAAS,CAAC,CAAC;QACxB,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,mCAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,IAAI,eAAe,EACjD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAIpB,CAAC;AAY3C,gDAAkB"}
|
|
@@ -32,13 +32,13 @@ const types_1 = require("../../components/text/types");
|
|
|
32
32
|
const toggle_1 = require("../../components/toggle");
|
|
33
33
|
const hooks_1 = require("../../hooks");
|
|
34
34
|
const toggleWithLabel_styled_1 = require("./toggleWithLabel.styled");
|
|
35
|
-
const ToggleWithLabelStandAloneComponent = ({ screenReaderText, id, displayRow, styles, label, required, requiredSymbol, textVariant, toggleVariant, labelPosition, ...props }, ref) => {
|
|
35
|
+
const ToggleWithLabelStandAloneComponent = ({ screenReaderText, id, displayRow, styles, label, required, requiredSymbol, textVariant, toggleVariant, labelPosition, onClick, ...props }, ref) => {
|
|
36
36
|
const uniqueId = (0, hooks_1.useId)('toggle');
|
|
37
37
|
const toggleId = id ?? uniqueId;
|
|
38
38
|
const screenReaderId = `${uniqueId}ScreenReader`;
|
|
39
39
|
const labelId = `${uniqueId}Label`;
|
|
40
40
|
const legendStyles = props.disabled && styles?.legend?.disabled ? styles?.legend?.disabled : styles?.legend;
|
|
41
|
-
return ((0, jsx_runtime_1.jsxs)(toggleWithLabel_styled_1.ToggleWithLabelStyled, { ref: ref, as: label ? 'fieldset' : 'div', displayRow: displayRow, labelPosition: labelPosition, styles: styles, onClick:
|
|
41
|
+
return ((0, jsx_runtime_1.jsxs)(toggleWithLabel_styled_1.ToggleWithLabelStyled, { ref: ref, as: label ? 'fieldset' : 'div', displayRow: displayRow, labelPosition: labelPosition, styles: styles, onClick: onClick, children: [label && ((0, jsx_runtime_1.jsxs)(text_1.Text, { component: types_1.TextComponentType.LEGEND, customTypography: legendStyles, dataTestId: `${props.dataTestId}Label`, id: labelId, variant: textVariant ?? styles?.legend?.font_variant, ...label, children: [label.content, required && ((0, jsx_runtime_1.jsx)(text_1.Text, { "aria-hidden": true, color: styles?.required?.color, component: types_1.TextComponentType.SPAN, dataTestId: `${props.dataTestId}Required`, variant: styles?.required?.font_variant, weight: styles?.required?.font_weight, ...requiredSymbol, children: requiredSymbol?.content }))] })), (0, jsx_runtime_1.jsx)(toggle_1.Toggle, { ...props, ref: props.toggleRef, "aria-describedby": labelId, id: toggleId, screenReaderId: screenReaderId, variant: toggleVariant }), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { dataTestId: `${props.dataTestId}ScreenReader`, id: screenReaderId, children: screenReaderText })] }));
|
|
42
42
|
};
|
|
43
43
|
exports.ToggleWithLabelStandAlone = React.forwardRef(ToggleWithLabelStandAloneComponent);
|
|
44
44
|
//# sourceMappingURL=toggleWithLabelStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleWithLabelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,oEAAiE;AACjE,4CAAyC;AACzC,mDAA4D;AAC5D,gDAA6C;AAC7C,mCAAgC;AAEhC,qEAAiE;AAGjE,MAAM,kCAAkC,GAAG,CACzC,EACE,gBAAgB,EAChB,EAAE,EACF,UAAU,EACV,MAAM,EACN,KAAK,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACmB,EAC7B,GAA+D,EAClD,EAAE;IACf,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,EAAE,IAAI,QAAQ,CAAC;IAChC,MAAM,cAAc,GAAG,GAAG,QAAQ,cAAc,CAAC;IACjD,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IAEnC,MAAM,YAAY,GAChB,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;IAEzF,OAAO,CACL,wBAAC,8CAAqB,IACpB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAC9B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"toggleWithLabelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,oEAAiE;AACjE,4CAAyC;AACzC,mDAA4D;AAC5D,gDAA6C;AAC7C,mCAAgC;AAEhC,qEAAiE;AAGjE,MAAM,kCAAkC,GAAG,CACzC,EACE,gBAAgB,EAChB,EAAE,EACF,UAAU,EACV,MAAM,EACN,KAAK,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,aAAa,EACb,OAAO,EACP,GAAG,KAAK,EACmB,EAC7B,GAA+D,EAClD,EAAE;IACf,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,EAAE,IAAI,QAAQ,CAAC;IAChC,MAAM,cAAc,GAAG,GAAG,QAAQ,cAAc,CAAC;IACjD,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IAEnC,MAAM,YAAY,GAChB,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;IAEzF,OAAO,CACL,wBAAC,8CAAqB,IACpB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAC9B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aAEf,KAAK,IAAI,CACR,wBAAC,WAAI,IACH,SAAS,EAAE,yBAAiB,CAAC,MAAM,EACnC,gBAAgB,EAAE,YAAY,EAC9B,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,EACtC,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,EAAE,YAAY,KAChD,KAAK,aAER,KAAK,CAAC,OAAO,EACb,QAAQ,IAAI,CACX,uBAAC,WAAI,mBACU,IAAI,EACjB,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAC9B,SAAS,EAAE,yBAAiB,CAAC,IAAI,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,UAAU,EACzC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EACvC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,KACjC,cAAc,YAEjB,cAAc,EAAE,OAAO,GACnB,CACR,IACI,CACR,EACD,uBAAC,eAAM,OACD,KAAK,EACT,GAAG,EAAE,KAAK,CAAC,SAAS,sBACF,OAAO,EACzB,EAAE,EAAE,QAAQ,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,aAAa,GACtB,EACF,uBAAC,mCAAgB,IAAC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,cAAc,EAAE,EAAE,EAAE,cAAc,YAChF,gBAAgB,GACA,IACG,CACzB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}
|
|
@@ -27,6 +27,7 @@ exports.TooltipTriggerWrapperStyled = exports.TooltipHeaderContentStyled = expor
|
|
|
27
27
|
const styled_components_1 = __importStar(require("styled-components"));
|
|
28
28
|
const mixins_1 = require("../../styles/mixins");
|
|
29
29
|
const getStyles_1 = require("../../utils/getStyles/getStyles");
|
|
30
|
+
const types_1 = require("./types");
|
|
30
31
|
exports.TooltipStyled = styled_components_1.default.div `
|
|
31
32
|
display: inline-block;
|
|
32
33
|
`;
|
|
@@ -68,6 +69,7 @@ exports.TooltipCloseIconStyled = styled_components_1.default.div `
|
|
|
68
69
|
exports.TooltipArrowStyled = styled_components_1.default.div `
|
|
69
70
|
position: absolute;
|
|
70
71
|
${({ styles }) => (0, getStyles_1.getStyles)(styles.arrowContainer)}
|
|
72
|
+
${({ styles, align = types_1.TooltipAlignType.TOP }) => (0, getStyles_1.getStyles)(styles.arrowContainer?.tooltipAlignStyles?.[align])}
|
|
71
73
|
width: ${props => props.styles.arrowContainer?.arrow_size};
|
|
72
74
|
height: ${props => props.styles.arrowContainer?.arrow_size};
|
|
73
75
|
transform: rotate(45deg);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.styled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,4CAAkD;AAClD,2DAAwD;
|
|
1
|
+
{"version":3,"file":"tooltip.styled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -18,6 +18,9 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
|
|
|
18
18
|
const titleId = `${uniqueId}Title`;
|
|
19
19
|
const contentId = `${uniqueId}Content`;
|
|
20
20
|
const isTextContent = typeof props.content?.content === 'string';
|
|
21
|
+
const isDesktop = props.mediaDevice === types_1.DeviceBreakpointsType.DESKTOP;
|
|
22
|
+
const isMobile = props.mediaDevice === types_1.DeviceBreakpointsType.MOBILE;
|
|
23
|
+
const isTablet = props.mediaDevice === types_1.DeviceBreakpointsType.TABLET;
|
|
21
24
|
if (props.disabled) {
|
|
22
25
|
return ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipStyled, { "data-testid": `${props.dataTestId}Tooltip`, children: (0, jsx_runtime_1.jsx)(components_1.TooltipTrigger, { disabled: true, childrenAsButton: childrenAsButton, children: props.children }) }));
|
|
23
26
|
}
|
|
@@ -27,12 +30,10 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
|
|
|
27
30
|
titleId,
|
|
28
31
|
contentId,
|
|
29
32
|
});
|
|
30
|
-
const Tooltip = ((0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipExternalContainerStyled, { ref: props.tooltipRef, "aria-label": props.
|
|
33
|
+
const Tooltip = ((0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipExternalContainerStyled, { ref: props.tooltipRef, "aria-label": props.tooltipAriaLabel, "aria-labelledby": titleId, as: (0, utils_1.getHtmlTagForTooltip)({
|
|
31
34
|
mediaDevice: props.mediaDevice,
|
|
32
35
|
tooltipAsModal: props.tooltipAsModal,
|
|
33
|
-
}), "data-testid": `${props.dataTestId}TooltipContent`, id: uniqueId, role: props.
|
|
34
|
-
? types_1.ROLES.TOOLTIP
|
|
35
|
-
: undefined, styles: props.styles, onFocus: props.onTooltipFocus, onKeyDown: props.onTooltipKeyDown, children: [(0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipInternalContainerStyled, { styles: props.styles, children: [props.dragIcon && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipDragIconStyled, { "data-testid": `${props.dataTestId}TooltipDrag`, styles: props.styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), (0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipHeaderContentStyled, { hasCloseIcon: !!props.closeIcon?.icon, hasTitle: !!props.title, styles: props.styles, children: [props.closeIcon?.icon && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipCloseIconStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(icon_1.Icon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${props.dataTestId}TooltipContentCloseIcon`, ...props.closeIcon, onClick: props.onCloseIconClick }) })), props.title?.content && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipTitleStyled, { hasCloseIcon: !!props.closeIcon?.icon, id: titleId, styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}TooltipContentTitle`, variant: props.styles.title?.font_variant, ...props.title, children: props.title.content }) }))] }), (0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipInnerContentStyled, { styles: props.styles, children: props.content && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipParagraphStyled, { hasBorder: !!props.title?.content, id: contentId, styles: props.styles, children: isTextContent ? ((0, jsx_runtime_1.jsx)(text_1.Text, { customTypography: props.styles?.paragraph, dataTestId: `${props.dataTestId}TooltipContentContent`, variant: props.styles.paragraph?.font_variant, ...props.content, children: props.content.content })) : (props.content.content) })) })] }), (0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipArrowStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipArrowContentStyled, { styles: props.styles }) })] }));
|
|
36
|
+
}), "data-testid": `${props.dataTestId}TooltipContent`, id: uniqueId, role: isDesktop && !props.tooltipAsModal ? types_1.ROLES.TOOLTIP : undefined, styles: props.styles, onFocus: props.onTooltipFocus, onKeyDown: props.onTooltipKeyDown, children: [(0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipInternalContainerStyled, { styles: props.styles, children: [(isMobile || isTablet) && props.dragIcon && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipDragIconStyled, { ref: props.dragIconRef, "data-testid": `${props.dataTestId}TooltipDrag`, styles: props.styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), (0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipHeaderContentStyled, { hasCloseIcon: !!props.closeIcon?.icon, hasTitle: !!props.title, styles: props.styles, children: [props.closeIcon?.icon && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipCloseIconStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(icon_1.Icon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${props.dataTestId}TooltipContentCloseIcon`, ...props.closeIcon, onClick: props.onCloseIconClick }) })), props.title?.content && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipTitleStyled, { hasCloseIcon: !!props.closeIcon?.icon, id: titleId, styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.H2, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}TooltipContentTitle`, variant: props.styles.title?.font_variant, ...props.title, children: props.title.content }) }))] }), (0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipInnerContentStyled, { styles: props.styles, children: props.content && ((0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipParagraphStyled, { hasBorder: !!props.title?.content, id: contentId, styles: props.styles, children: isTextContent ? ((0, jsx_runtime_1.jsx)(text_1.Text, { customTypography: props.styles?.paragraph, dataTestId: `${props.dataTestId}TooltipContentContent`, variant: props.styles.paragraph?.font_variant, ...props.content, children: props.content.content })) : (props.content.content) })) })] }), (0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipArrowStyled, { align: props.align, styles: props.styles, children: (0, jsx_runtime_1.jsx)(tooltip_styled_1.TooltipArrowContentStyled, { styles: props.styles }) })] }));
|
|
36
37
|
return ((0, jsx_runtime_1.jsxs)(tooltip_styled_1.TooltipStyled, { ref: props.labelRef, "data-testid": `${props.dataTestId}Tooltip`, tooltipAsModal: props.tooltipAsModal, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, onKeyDown: props.onKeyDown, onMouseDown: props.onMouseDown, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: [(0, jsx_runtime_1.jsx)(components_1.TooltipTrigger
|
|
37
38
|
// Aria describedby is used when the tooltip is not used as a modal
|
|
38
39
|
// When no focusable elements screenReaders may read the text when focus and then using arrows
|
|
@@ -43,10 +44,7 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
|
|
|
43
44
|
// When no focusable elements screenReaders may read the text when focus and then using arrows
|
|
44
45
|
// https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role
|
|
45
46
|
// or https://dequeuniversity.com/library/aria/tooltip
|
|
46
|
-
ariaDescribedBy: !props.tooltipAsModal &&
|
|
47
|
-
(props.mediaDevice === types_1.DeviceBreakpointsType.DESKTOP || props.popoverOpen)
|
|
48
|
-
? ariaDescriptorsBy
|
|
49
|
-
: undefined, childrenAsButton: childrenAsButton, children: props.children }), props.mediaDevice === types_1.DeviceBreakpointsType.DESKTOP ? (Tooltip) : ((0, jsx_runtime_1.jsx)(popover_1.PopoverControlled, { component: !props.tooltipAsModal ? popover_1.PopoverComponentType.DIV : popover_1.PopoverComponentType.DIALOG, dataTestId: `${props.dataTestId}Popover`, focusLastElementFocusedAfterClose: false, hasBackDrop: props.styles.showOverlay?.[props.mediaDevice], open: props.popoverOpen, positionVariant: popover_1.PopoverPositionVariantType.ABSOLUTE, preventCloseOnClickElements: [props.labelRef?.current], role: !props.tooltipAsModal ? types_1.ROLES.TOOLTIP : undefined, trapFocusInsideModal: true, variant: props.styles.popoverVariant?.[props.mediaDevice], ...props.popover, "aria-label": props.popover?.['aria-label'] || props.tooltipAriaLabel, "aria-modal": props.tooltipAsModal || undefined, onCloseInternally: props.onPopoverCloseInternally, children: Tooltip }))] }));
|
|
47
|
+
ariaDescribedBy: !props.tooltipAsModal && (isDesktop || props.popoverOpen) ? ariaDescriptorsBy : undefined, childrenAsButton: childrenAsButton, children: props.children }), isDesktop ? (Tooltip) : ((0, jsx_runtime_1.jsx)(popover_1.PopoverControlled, { component: !props.tooltipAsModal ? popover_1.PopoverComponentType.DIV : popover_1.PopoverComponentType.DIALOG, dataTestId: `${props.dataTestId}Popover`, focusLastElementFocusedAfterClose: false, hasBackDrop: props.styles.showOverlay?.[props.mediaDevice], open: props.popoverOpen, positionVariant: popover_1.PopoverPositionVariantType.ABSOLUTE, preventCloseOnClickElements: [props.labelRef?.current], role: !props.tooltipAsModal ? types_1.ROLES.TOOLTIP : undefined, trapFocusInsideModal: true, variant: props.styles.popoverVariant?.[props.mediaDevice], ...props.popover, "aria-label": props.popover?.['aria-label'] || props.tooltipAriaLabel, "aria-modal": props.tooltipAsModal || undefined, onCloseInternally: props.onPopoverCloseInternally, children: Tooltip }))] }));
|
|
50
48
|
};
|
|
51
49
|
exports.TooltipStandAlone = TooltipStandAlone;
|
|
52
50
|
//# sourceMappingURL=tooltipStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipStandAlone.tsx"],"names":[],"mappings":";;;;AAEA,8DAA2D;AAC3D,4CAAyC;AACzC,kDAI8B;AAC9B,iDAA8C;AAC9C,iEAAsE;AACtE,+CAA4C;AAC5C,mCAAuD;AAEvD,6CAA8C;AAC9C,SAAS;AACT,qDAY0B;AAE1B,mCAAqE;AAErE,MAAM,iBAAiB,GAAG,CAAC,EACzB,gBAAgB,GAAG,IAAI,EACvB,GAAG,KAAK,EACW,EAAe,EAAE;IACpC,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,SAAS,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IACnC,MAAM,SAAS,GAAG,GAAG,QAAQ,SAAS,CAAC;IACvC,MAAM,aAAa,GAAG,OAAO,KAAK,CAAC,OAAO,EAAE,OAAO,KAAK,QAAQ,CAAC;IAEjE,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnB,OAAO,CACL,uBAAC,8BAAa,mBAAc,GAAG,KAAK,CAAC,UAAU,SAAS,YACtD,uBAAC,2BAAc,IAAC,QAAQ,QAAC,gBAAgB,EAAE,gBAAgB,YACxD,KAAK,CAAC,QAAQ,GACA,GACH,CACjB,CAAC;IACJ,CAAC;IAED,MAAM,iBAAiB,GAAG,IAAA,4BAAoB,EAAC;QAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO;QAC3B,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO;QAC/B,OAAO;QACP,SAAS;KACV,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,CACd,wBAAC,+CAA8B,IAC7B,GAAG,EAAE,KAAK,CAAC,UAAU,gBACT,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"tooltipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipStandAlone.tsx"],"names":[],"mappings":"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"}
|