@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
|
@@ -28,5 +28,6 @@ export var TextComponentType;
|
|
|
28
28
|
TextComponentType["DL"] = "dl";
|
|
29
29
|
TextComponentType["DT"] = "dt";
|
|
30
30
|
TextComponentType["DD"] = "dd";
|
|
31
|
+
TextComponentType["DIV"] = "div";
|
|
31
32
|
})(TextComponentType || (TextComponentType = {}));
|
|
32
33
|
//# 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,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/components/text/types/component.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,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,KAAjB,iBAAiB,QA0B5B"}
|
|
@@ -14,7 +14,7 @@ export interface ITextStyled {
|
|
|
14
14
|
$transform?: TextTransformType;
|
|
15
15
|
customTypography?: TypographyTypes;
|
|
16
16
|
}
|
|
17
|
-
type TextAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-hidden'>;
|
|
17
|
+
type TextAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-hidden' | 'aria-level'>;
|
|
18
18
|
export interface ITextStandAlone extends ITextStyled, TextAriaAttributes {
|
|
19
19
|
children: React.ReactNode;
|
|
20
20
|
component?: TextComponentType | GenericLinkType;
|
|
@@ -37,7 +37,7 @@ const ToggleThreePositionComponent = ({ inputValues = {
|
|
|
37
37
|
return (_jsxs(_Fragment, { children: [_jsx(ToggleRadioSwitchStyled, { "$height": props.styles?.thumb?.height, "$width": props.styles?.thumb?.width, "aria-describedby": props.screenReaderId, "aria-labelledby": props['aria-describedby'], disabled: props.disabled, id: `${position.toLowerCase()}Input`, name: radioButtonToggleName, tabIndex: -1, type: InputTypeType.RADIO, value: getValueOfRadioButton(position), onClick: e => {
|
|
38
38
|
if (!block) {
|
|
39
39
|
e.persist();
|
|
40
|
-
props.onClick?.(
|
|
40
|
+
props.onClick?.(e, position);
|
|
41
41
|
}
|
|
42
42
|
} }), _jsx(LabelWrapperStyled, { hasThreePositions: props.hasThreePositions, showLabel: position !== POSITIONS.CENTER && position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: _jsx(Label, { color: props.styles?.label?.color, dataTestId: `${props.dataTestId}${position === POSITIONS.RIGHT ? 'On' : position === POSITIONS.CENTER ? 'Na' : 'Off'}LabelOption`, inputId: `${position.toLowerCase()}Input`, textVariant: (position === POSITIONS.LEFT && props.offText?.content) ||
|
|
43
43
|
(position === POSITIONS.RIGHT && props.onText?.content)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleThreePosition.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleThreePosition.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"toggleThreePosition.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleThreePosition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,15 +14,11 @@ const ToggleTwoPositionComponent = ({ ...props }, ref) => {
|
|
|
14
14
|
return (_jsxs(ToggleWrapperStyled, { ref: ref, "aria-checked": props.togglePosition === POSITIONS.RIGHT, "aria-describedby": props['aria-describedby'], "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], "data-testid": props.dataTestId, disabled: props.disabled, hasThreePositions: props.hasThreePositions, id: props.id, role: ROLES.SWITCH, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onClick: e => {
|
|
15
15
|
e.persist();
|
|
16
16
|
const newPosition = props.togglePosition === POSITIONS.RIGHT ? POSITIONS.LEFT : POSITIONS.RIGHT;
|
|
17
|
-
props.onClick?.(
|
|
17
|
+
props.onClick?.(e, newPosition);
|
|
18
18
|
}, onKeyDown: e => {
|
|
19
19
|
e.persist();
|
|
20
20
|
props.onKeyDown?.(e);
|
|
21
|
-
}, children: [buildContent(POSITIONS.LEFT), buildContent(POSITIONS.RIGHT), _jsx(SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${props.dataTestId}Thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition
|
|
22
|
-
e.persist();
|
|
23
|
-
const newPosition = props.togglePosition === POSITIONS.RIGHT ? POSITIONS.LEFT : POSITIONS.RIGHT;
|
|
24
|
-
props.onClick?.(newPosition, e);
|
|
25
|
-
} })] }));
|
|
21
|
+
}, children: [buildContent(POSITIONS.LEFT), buildContent(POSITIONS.RIGHT), _jsx(SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${props.dataTestId}Thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition })] }));
|
|
26
22
|
};
|
|
27
23
|
export const ToggleTwoPosition = React.forwardRef(ToggleTwoPositionComponent);
|
|
28
24
|
//# sourceMappingURL=toggleTwoPositions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleTwoPositions.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleTwoPositions.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;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,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;QACzE,OAAO,KAAC,aAAa,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,8BACE,KAAC,sBAAsB,eACZ,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,YAC5B,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,GAClC,EACF,KAAC,iBAAiB,mBACH,GAAG,KAAK,CAAC,UAAU,GAAG,QAAQ,KAAK,SAAS,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,MAAC,mBAAmB,IAClB,GAAG,EAAE,GAAG,kBACM,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,KAAK,sBACpC,KAAK,CAAC,kBAAkB,CAAC,gBAC/B,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,iBAC5B,KAAK,CAAC,UAAU,EAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC7D,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,OAAO,EAAE,CAAC,CAAC,EAAE;YACX,CAAC,CAAC,OAAO,EAAE,CAAC;YACZ,MAAM,WAAW,GACf,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;YAC9E,KAAK,CAAC,OAAO,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"toggleTwoPositions.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleTwoPositions.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;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,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;QACzE,OAAO,KAAC,aAAa,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,8BACE,KAAC,sBAAsB,eACZ,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,YAC5B,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,GAClC,EACF,KAAC,iBAAiB,mBACH,GAAG,KAAK,CAAC,UAAU,GAAG,QAAQ,KAAK,SAAS,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,MAAC,mBAAmB,IAClB,GAAG,EAAE,GAAG,kBACM,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,KAAK,sBACpC,KAAK,CAAC,kBAAkB,CAAC,gBAC/B,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,iBAC5B,KAAK,CAAC,UAAU,EAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC7D,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,OAAO,EAAE,CAAC,CAAC,EAAE;YACX,CAAC,CAAC,OAAO,EAAE,CAAC;YACZ,MAAM,WAAW,GACf,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;YAC9E,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;QAClC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE;YACb,CAAC,CAAC,OAAO,EAAE,CAAC;YACZ,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC,aAEA,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,EAC5B,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,EAC9B,KAAC,qBAAqB,mBACR,MAAM,iBACL,GAAG,KAAK,CAAC,UAAU,OAAO,EACvC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,IACkB,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC"}
|
|
@@ -7,7 +7,7 @@ import { isKeyEnterPressed, isKeySpacePressed } from '../../utils';
|
|
|
7
7
|
import { ToggleStandAlone } from './toggleStandAlone';
|
|
8
8
|
import { getToggleState } from './utils/getToggleState';
|
|
9
9
|
const TOGGLE_STYLES = 'TOGGLE_STYLES';
|
|
10
|
-
const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePositions = false, togglePosition = hasThreePositions ? POSITIONS.CENTER : POSITIONS.LEFT, disabled = false, onChange,
|
|
10
|
+
const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePositions = false, togglePosition = hasThreePositions ? POSITIONS.CENTER : POSITIONS.LEFT, disabled = false, onChange, onKeyDown, ...props }, ref) => {
|
|
11
11
|
const styleVariant = useStyles(TOGGLE_STYLES, variant, ctv);
|
|
12
12
|
const handleKeyDown = e => {
|
|
13
13
|
if (!disabled && (isKeySpacePressed(e.key) || isKeyEnterPressed(e.key))) {
|
|
@@ -23,13 +23,9 @@ const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePosi
|
|
|
23
23
|
onKeyDown?.(e);
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
|
-
const handleOnClick = (newPosition, e) => {
|
|
27
|
-
onChange?.(newPosition);
|
|
28
|
-
onClick?.(e);
|
|
29
|
-
};
|
|
30
26
|
const state = getToggleState(hasThreePositions, togglePosition, disabled);
|
|
31
27
|
const styles = styleVariant[state];
|
|
32
|
-
return (_jsx(ToggleStandAlone, { ...props, ref: ref, disabled: disabled, hasThreePositions: hasThreePositions, styles: styles, togglePosition: togglePosition,
|
|
28
|
+
return (_jsx(ToggleStandAlone, { ...props, ref: ref, disabled: disabled, hasThreePositions: hasThreePositions, styles: styles, togglePosition: togglePosition, onKeyDown: handleKeyDown }));
|
|
33
29
|
});
|
|
34
30
|
ToggleControlledComponent.displayName = 'ToggleControlledComponent';
|
|
35
31
|
const ToggleBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(ToggleStandAlone, { ...props, ref: ref }) }), children: _jsx(ToggleControlledComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,aAAa,GAAG,eAAe,CAAC;AAEtC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAChD,CACE,EACE,OAAO,EACP,GAAG,EACH,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EACtE,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"toggleControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,aAAa,GAAG,eAAe,CAAC;AAEtC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAChD,CACE,EACE,OAAO,EACP,GAAG,EACH,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EACtE,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACa,EACvB,GAA0D,EAC7C,EAAE;IACf,MAAM,YAAY,GAAG,SAAS,CAA0B,aAAa,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAErF,MAAM,aAAa,GAA4C,CAAC,CAAC,EAAE;QACjE,IAAI,CAAC,QAAQ,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YACxE,IAAI,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;YACjC,IACE,CAAC,cAAc,KAAK,SAAS,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC;gBACzD,cAAc,KAAK,SAAS,CAAC,MAAM,EACnC,CAAC;gBACD,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC;YAChC,CAAC;iBAAM,IAAI,cAAc,KAAK,SAAS,CAAC,IAAI,IAAI,iBAAiB,EAAE,CAAC;gBAClE,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC;YACjC,CAAC;YACD,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;YACxB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,cAAc,CAAC,iBAAiB,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;IAE1E,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEnC,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,aAAa,GACxB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEpE,MAAM,cAAc,GAAG,CACrB,KAA2B,EAC3B,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,KAAC,yBAAyB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACpC,CACjB,CAAC;AAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAIlB,CAAC;AAEvC;;;;;;GAMG;AACH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -8,7 +8,11 @@ const ToggleUnControlledComponent = ({ variant, hasThreePositions = false, defau
|
|
|
8
8
|
setTogglePosition(newPosition);
|
|
9
9
|
onChange?.(newPosition);
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
const handleClick = (e, position) => {
|
|
12
|
+
handleChange(position);
|
|
13
|
+
props.onClick?.(e, position);
|
|
14
|
+
};
|
|
15
|
+
return (_jsx(ToggleControlled, { ...props, ref: ref, hasThreePositions: hasThreePositions, togglePosition: togglePosition ?? _togglePosition, variant: variant, onChange: handleChange, onClick: handleClick }));
|
|
12
16
|
};
|
|
13
17
|
const ToggleUnControlled = React.forwardRef(ToggleUnControlledComponent);
|
|
14
18
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleUnControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EACE,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAC7E,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,CAAC,WAAsB,EAAE,EAAE;QAC9C,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,IAAI,eAAe,EACjD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"toggleUnControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EACE,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAC7E,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,CAAC,WAAsB,EAAE,EAAE;QAC9C,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,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,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,IAAI,eAAe,EACjD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAIpB,CAAC;AAEpD;;;;;;;;;GASG;AACH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -40,10 +40,10 @@ export interface IToggleStandAlone extends ToggleAriaAttributes {
|
|
|
40
40
|
disabled?: boolean;
|
|
41
41
|
blockCenter?: boolean;
|
|
42
42
|
tabIndex?: number;
|
|
43
|
-
onClick?: (
|
|
43
|
+
onClick?: (e: React.MouseEvent<HTMLElement>, position?: POSITIONS) => void;
|
|
44
44
|
onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
|
|
45
45
|
}
|
|
46
|
-
type propsToOmit = 'styles' | 'togglePosition' | 'hasThreePositions'
|
|
46
|
+
type propsToOmit = 'styles' | 'togglePosition' | 'hasThreePositions';
|
|
47
47
|
/**
|
|
48
48
|
* @name IToggleControlled
|
|
49
49
|
* @description
|
|
@@ -54,7 +54,6 @@ export interface IToggleControlled<V = undefined extends string ? unknown : stri
|
|
|
54
54
|
togglePosition?: POSITIONS;
|
|
55
55
|
hasThreePositions?: boolean;
|
|
56
56
|
onChange?: (position: POSITIONS) => void;
|
|
57
|
-
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
58
57
|
}
|
|
59
58
|
/**
|
|
60
59
|
* @name IToggleUnControlled
|
|
@@ -6,13 +6,13 @@ import { TextComponentType } from '../../components/text/types';
|
|
|
6
6
|
import { Toggle } from '../../components/toggle';
|
|
7
7
|
import { useId } from '../../hooks';
|
|
8
8
|
import { ToggleWithLabelStyled } from './toggleWithLabel.styled';
|
|
9
|
-
const ToggleWithLabelStandAloneComponent = ({ screenReaderText, id, displayRow, styles, label, required, requiredSymbol, textVariant, toggleVariant, labelPosition, ...props }, ref) => {
|
|
9
|
+
const ToggleWithLabelStandAloneComponent = ({ screenReaderText, id, displayRow, styles, label, required, requiredSymbol, textVariant, toggleVariant, labelPosition, onClick, ...props }, ref) => {
|
|
10
10
|
const uniqueId = useId('toggle');
|
|
11
11
|
const toggleId = id ?? uniqueId;
|
|
12
12
|
const screenReaderId = `${uniqueId}ScreenReader`;
|
|
13
13
|
const labelId = `${uniqueId}Label`;
|
|
14
14
|
const legendStyles = props.disabled && styles?.legend?.disabled ? styles?.legend?.disabled : styles?.legend;
|
|
15
|
-
return (_jsxs(ToggleWithLabelStyled, { ref: ref, as: label ? 'fieldset' : 'div', displayRow: displayRow, labelPosition: labelPosition, styles: styles, onClick:
|
|
15
|
+
return (_jsxs(ToggleWithLabelStyled, { ref: ref, as: label ? 'fieldset' : 'div', displayRow: displayRow, labelPosition: labelPosition, styles: styles, onClick: onClick, children: [label && (_jsxs(Text, { component: TextComponentType.LEGEND, customTypography: legendStyles, dataTestId: `${props.dataTestId}Label`, id: labelId, variant: textVariant ?? styles?.legend?.font_variant, ...label, children: [label.content, required && (_jsx(Text, { "aria-hidden": true, color: styles?.required?.color, component: TextComponentType.SPAN, dataTestId: `${props.dataTestId}Required`, variant: styles?.required?.font_variant, weight: styles?.required?.font_weight, ...requiredSymbol, children: requiredSymbol?.content }))] })), _jsx(Toggle, { ...props, ref: props.toggleRef, "aria-describedby": labelId, id: toggleId, screenReaderId: screenReaderId, variant: toggleVariant }), _jsx(ScreenReaderOnly, { dataTestId: `${props.dataTestId}ScreenReader`, id: screenReaderId, children: screenReaderText })] }));
|
|
16
16
|
};
|
|
17
17
|
export const ToggleWithLabelStandAlone = React.forwardRef(ToggleWithLabelStandAloneComponent);
|
|
18
18
|
//# sourceMappingURL=toggleWithLabelStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleWithLabelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,kCAAkC,GAAG,CACzC,EACE,gBAAgB,EAChB,EAAE,EACF,UAAU,EACV,MAAM,EACN,KAAK,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACmB,EAC7B,GAA+D,EAClD,EAAE;IACf,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,EAAE,IAAI,QAAQ,CAAC;IAChC,MAAM,cAAc,GAAG,GAAG,QAAQ,cAAc,CAAC;IACjD,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IAEnC,MAAM,YAAY,GAChB,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;IAEzF,OAAO,CACL,MAAC,qBAAqB,IACpB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,kCAAkC,GAAG,CACzC,EACE,gBAAgB,EAChB,EAAE,EACF,UAAU,EACV,MAAM,EACN,KAAK,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,aAAa,EACb,OAAO,EACP,GAAG,KAAK,EACmB,EAC7B,GAA+D,EAClD,EAAE;IACf,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,EAAE,IAAI,QAAQ,CAAC;IAChC,MAAM,cAAc,GAAG,GAAG,QAAQ,cAAc,CAAC;IACjD,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IAEnC,MAAM,YAAY,GAChB,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;IAEzF,OAAO,CACL,MAAC,qBAAqB,IACpB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAC9B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aAEf,KAAK,IAAI,CACR,MAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,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,KAAC,IAAI,mBACU,IAAI,EACjB,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAC9B,SAAS,EAAE,iBAAiB,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,KAAC,MAAM,OACD,KAAK,EACT,GAAG,EAAE,KAAK,CAAC,SAAS,sBACF,OAAO,EACzB,EAAE,EAAE,QAAQ,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,aAAa,GACtB,EACF,KAAC,gBAAgB,IAAC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,cAAc,EAAE,EAAE,EAAE,cAAc,YAChF,gBAAgB,GACA,IACG,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}
|
|
@@ -17,7 +17,7 @@ export type ToggleLabelType = Omit<IText<string>, 'children'> & {
|
|
|
17
17
|
export type ToggleRequiredSymbolType = Omit<IText<string>, 'children'> & {
|
|
18
18
|
content?: JSX.Element;
|
|
19
19
|
};
|
|
20
|
-
type propsToOmit = 'variant' | 'aria-describedby' | 'screenReaderId' | 'ctv' | 'cts' | 'extraCt';
|
|
20
|
+
type propsToOmit = 'variant' | 'aria-describedby' | 'screenReaderId' | 'ctv' | 'cts' | 'extraCt' | 'onClick';
|
|
21
21
|
export interface IToggleWithLabelStandAlone extends Omit<IToggleUnControlled, propsToOmit> {
|
|
22
22
|
label?: ToggleLabelType;
|
|
23
23
|
styles?: ToggleWithLabelStylePropsType;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { TooltipVariantStylesProps } from './types';
|
|
1
|
+
import { TooltipAlignType, TooltipVariantStylesProps } from './types';
|
|
2
2
|
type TooltipStylesPropsTypes = {
|
|
3
3
|
styles: TooltipVariantStylesProps;
|
|
4
4
|
hasCloseIcon?: boolean;
|
|
5
5
|
hasTitle?: boolean;
|
|
6
6
|
hasBorder?: boolean;
|
|
7
|
+
align?: TooltipAlignType;
|
|
7
8
|
};
|
|
8
9
|
export declare const TooltipStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
9
10
|
tooltipAsModal?: boolean;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
2
|
import { focusVisibleAlt } from '../../styles/mixins';
|
|
3
3
|
import { getStyles } from '../../utils/getStyles/getStyles';
|
|
4
|
+
import { TooltipAlignType } from './types';
|
|
4
5
|
export const TooltipStyled = styled.div `
|
|
5
6
|
display: inline-block;
|
|
6
7
|
`;
|
|
@@ -42,6 +43,7 @@ export const TooltipCloseIconStyled = styled.div `
|
|
|
42
43
|
export const TooltipArrowStyled = styled.div `
|
|
43
44
|
position: absolute;
|
|
44
45
|
${({ styles }) => getStyles(styles.arrowContainer)}
|
|
46
|
+
${({ styles, align = TooltipAlignType.TOP }) => getStyles(styles.arrowContainer?.tooltipAlignStyles?.[align])}
|
|
45
47
|
width: ${props => props.styles.arrowContainer?.arrow_size};
|
|
46
48
|
height: ${props => props.styles.arrowContainer?.arrow_size};
|
|
47
49
|
transform: rotate(45deg);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.styled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"tooltip.styled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAA6B,MAAM,SAAS,CAAC;AAUtE,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA8B;;CAEpE,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAAyB;;IAE7E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,wBAAwB,CAAC;CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAyB;IACpE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAAyB;IAC7E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,wBAAwB,CAAC;CAC7D,CAAC;AAEF,8FAA8F;AAC9F,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAyB;;CAE3E,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB;;CAEpE,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAyB;;IAErE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC;CACvD,CAAC;AAEF,8FAA8F;AAC9F,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAyB;;;;IAIrE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC;IACtD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,MAAM,CAAC,oBAAoB,EAAE,UAAU;IACvC,GAAG,CAAA;;UAEG,eAAe,EAAE;;KAEtB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB;;IAEjE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;IAChD,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,CAC7C,SAAS,CAAC,MAAM,CAAC,cAAc,EAAE,kBAAkB,EAAE,CAAC,KAAK,CAAC,CAAC;WACtD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU;YAC/C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU;;CAE3D,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAyB;IACxE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC;CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAyB;;IAEzE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC;;IAEvC,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE;IAC/B,IAAI,QAAQ,IAAI,YAAY,EAAE,CAAC;QAC7B,OAAO,GAAG,CAAA;;OAET,CAAC;IACJ,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,GAAG,CAAA;;OAET,CAAC;IACJ,CAAC;IACD,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,GAAG,CAAA;;OAET,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAA;;KAET,CAAC;AACJ,CAAC;;IAEC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;CAUvD,CAAC"}
|
|
@@ -15,6 +15,9 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
|
|
|
15
15
|
const titleId = `${uniqueId}Title`;
|
|
16
16
|
const contentId = `${uniqueId}Content`;
|
|
17
17
|
const isTextContent = typeof props.content?.content === 'string';
|
|
18
|
+
const isDesktop = props.mediaDevice === DeviceBreakpointsType.DESKTOP;
|
|
19
|
+
const isMobile = props.mediaDevice === DeviceBreakpointsType.MOBILE;
|
|
20
|
+
const isTablet = props.mediaDevice === DeviceBreakpointsType.TABLET;
|
|
18
21
|
if (props.disabled) {
|
|
19
22
|
return (_jsx(TooltipStyled, { "data-testid": `${props.dataTestId}Tooltip`, children: _jsx(TooltipTrigger, { disabled: true, childrenAsButton: childrenAsButton, children: props.children }) }));
|
|
20
23
|
}
|
|
@@ -24,12 +27,10 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
|
|
|
24
27
|
titleId,
|
|
25
28
|
contentId,
|
|
26
29
|
});
|
|
27
|
-
const Tooltip = (_jsxs(TooltipExternalContainerStyled, { ref: props.tooltipRef, "aria-label": props.
|
|
30
|
+
const Tooltip = (_jsxs(TooltipExternalContainerStyled, { ref: props.tooltipRef, "aria-label": props.tooltipAriaLabel, "aria-labelledby": titleId, as: getHtmlTagForTooltip({
|
|
28
31
|
mediaDevice: props.mediaDevice,
|
|
29
32
|
tooltipAsModal: props.tooltipAsModal,
|
|
30
|
-
}), "data-testid": `${props.dataTestId}TooltipContent`, id: uniqueId, role: props.
|
|
31
|
-
? ROLES.TOOLTIP
|
|
32
|
-
: undefined, styles: props.styles, onFocus: props.onTooltipFocus, onKeyDown: props.onTooltipKeyDown, children: [_jsxs(TooltipInternalContainerStyled, { styles: props.styles, children: [props.dragIcon && (_jsx(TooltipDragIconStyled, { "data-testid": `${props.dataTestId}TooltipDrag`, styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), _jsxs(TooltipHeaderContentStyled, { hasCloseIcon: !!props.closeIcon?.icon, hasTitle: !!props.title, styles: props.styles, children: [props.closeIcon?.icon && (_jsx(TooltipCloseIconStyled, { styles: props.styles, children: _jsx(Icon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${props.dataTestId}TooltipContentCloseIcon`, ...props.closeIcon, onClick: props.onCloseIconClick }) })), props.title?.content && (_jsx(TooltipTitleStyled, { hasCloseIcon: !!props.closeIcon?.icon, id: titleId, styles: props.styles, children: _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}TooltipContentTitle`, variant: props.styles.title?.font_variant, ...props.title, children: props.title.content }) }))] }), _jsx(TooltipInnerContentStyled, { styles: props.styles, children: props.content && (_jsx(TooltipParagraphStyled, { hasBorder: !!props.title?.content, id: contentId, styles: props.styles, children: isTextContent ? (_jsx(Text, { customTypography: props.styles?.paragraph, dataTestId: `${props.dataTestId}TooltipContentContent`, variant: props.styles.paragraph?.font_variant, ...props.content, children: props.content.content })) : (props.content.content) })) })] }), _jsx(TooltipArrowStyled, { styles: props.styles, children: _jsx(TooltipArrowContentStyled, { styles: props.styles }) })] }));
|
|
33
|
+
}), "data-testid": `${props.dataTestId}TooltipContent`, id: uniqueId, role: isDesktop && !props.tooltipAsModal ? ROLES.TOOLTIP : undefined, styles: props.styles, onFocus: props.onTooltipFocus, onKeyDown: props.onTooltipKeyDown, children: [_jsxs(TooltipInternalContainerStyled, { styles: props.styles, children: [(isMobile || isTablet) && props.dragIcon && (_jsx(TooltipDragIconStyled, { ref: props.dragIconRef, "data-testid": `${props.dataTestId}TooltipDrag`, styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), _jsxs(TooltipHeaderContentStyled, { hasCloseIcon: !!props.closeIcon?.icon, hasTitle: !!props.title, styles: props.styles, children: [props.closeIcon?.icon && (_jsx(TooltipCloseIconStyled, { styles: props.styles, children: _jsx(Icon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${props.dataTestId}TooltipContentCloseIcon`, ...props.closeIcon, onClick: props.onCloseIconClick }) })), props.title?.content && (_jsx(TooltipTitleStyled, { hasCloseIcon: !!props.closeIcon?.icon, id: titleId, styles: props.styles, children: _jsx(Text, { component: TextComponentType.H2, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}TooltipContentTitle`, variant: props.styles.title?.font_variant, ...props.title, children: props.title.content }) }))] }), _jsx(TooltipInnerContentStyled, { styles: props.styles, children: props.content && (_jsx(TooltipParagraphStyled, { hasBorder: !!props.title?.content, id: contentId, styles: props.styles, children: isTextContent ? (_jsx(Text, { customTypography: props.styles?.paragraph, dataTestId: `${props.dataTestId}TooltipContentContent`, variant: props.styles.paragraph?.font_variant, ...props.content, children: props.content.content })) : (props.content.content) })) })] }), _jsx(TooltipArrowStyled, { align: props.align, styles: props.styles, children: _jsx(TooltipArrowContentStyled, { styles: props.styles }) })] }));
|
|
33
34
|
return (_jsxs(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: [_jsx(TooltipTrigger
|
|
34
35
|
// Aria describedby is used when the tooltip is not used as a modal
|
|
35
36
|
// When no focusable elements screenReaders may read the text when focus and then using arrows
|
|
@@ -40,10 +41,7 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
|
|
|
40
41
|
// When no focusable elements screenReaders may read the text when focus and then using arrows
|
|
41
42
|
// https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role
|
|
42
43
|
// or https://dequeuniversity.com/library/aria/tooltip
|
|
43
|
-
ariaDescribedBy: !props.tooltipAsModal &&
|
|
44
|
-
(props.mediaDevice === DeviceBreakpointsType.DESKTOP || props.popoverOpen)
|
|
45
|
-
? ariaDescriptorsBy
|
|
46
|
-
: undefined, childrenAsButton: childrenAsButton, children: props.children }), props.mediaDevice === DeviceBreakpointsType.DESKTOP ? (Tooltip) : (_jsx(Popover, { component: !props.tooltipAsModal ? PopoverComponentType.DIV : PopoverComponentType.DIALOG, dataTestId: `${props.dataTestId}Popover`, focusLastElementFocusedAfterClose: false, hasBackDrop: props.styles.showOverlay?.[props.mediaDevice], open: props.popoverOpen, positionVariant: PopoverPositionVariantType.ABSOLUTE, preventCloseOnClickElements: [props.labelRef?.current], role: !props.tooltipAsModal ? 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 }))] }));
|
|
44
|
+
ariaDescribedBy: !props.tooltipAsModal && (isDesktop || props.popoverOpen) ? ariaDescriptorsBy : undefined, childrenAsButton: childrenAsButton, children: props.children }), isDesktop ? (Tooltip) : (_jsx(Popover, { component: !props.tooltipAsModal ? PopoverComponentType.DIV : PopoverComponentType.DIALOG, dataTestId: `${props.dataTestId}Popover`, focusLastElementFocusedAfterClose: false, hasBackDrop: props.styles.showOverlay?.[props.mediaDevice], open: props.popoverOpen, positionVariant: PopoverPositionVariantType.ABSOLUTE, preventCloseOnClickElements: [props.labelRef?.current], role: !props.tooltipAsModal ? 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
45
|
};
|
|
48
46
|
/**
|
|
49
47
|
* @description
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipStandAlone.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EACL,iBAAiB,IAAI,OAAO,EAC5B,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,SAAS;AACT,OAAO,EACL,yBAAyB,EACzB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,8BAA8B,EAC9B,0BAA0B,EAC1B,yBAAyB,EACzB,8BAA8B,EAC9B,sBAAsB,EACtB,aAAa,EACb,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,iBAAiB,GAAG,CAAC,EACzB,gBAAgB,GAAG,IAAI,EACvB,GAAG,KAAK,EACW,EAAe,EAAE;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IACnC,MAAM,SAAS,GAAG,GAAG,QAAQ,SAAS,CAAC;IACvC,MAAM,aAAa,GAAG,OAAO,KAAK,CAAC,OAAO,EAAE,OAAO,KAAK,QAAQ,CAAC;IAEjE,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnB,OAAO,CACL,KAAC,aAAa,mBAAc,GAAG,KAAK,CAAC,UAAU,SAAS,YACtD,KAAC,cAAc,IAAC,QAAQ,QAAC,gBAAgB,EAAE,gBAAgB,YACxD,KAAK,CAAC,QAAQ,GACA,GACH,CACjB,CAAC;IACJ,CAAC;IAED,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;QAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO;QAC3B,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO;QAC/B,OAAO;QACP,SAAS;KACV,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,CACd,MAAC,8BAA8B,IAC7B,GAAG,EAAE,KAAK,CAAC,UAAU,gBACT,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"tooltipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { useMediaDevice } from '../../hooks';
|
|
3
|
+
import { useMediaDevice, useSwipeDown } from '../../hooks';
|
|
4
4
|
import { useStyles } from '../../hooks/useStyles/useStyles';
|
|
5
5
|
import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
|
|
6
6
|
import { DeviceBreakpointsType } from '../../types';
|
|
@@ -11,7 +11,7 @@ import { useTooltip } from './hooks';
|
|
|
11
11
|
import { useTooltipAsModalAriaLabel } from './hooks/useTooltipAsModalAriaLabel';
|
|
12
12
|
import { TooltipStandAlone } from './tooltipStandAlone';
|
|
13
13
|
import { useTooltipAsModal } from './utils';
|
|
14
|
-
const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal,
|
|
14
|
+
const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, onOpenClose, variant, tooltipAriaLabel, ...props }, ref) => {
|
|
15
15
|
const styles = useStyles(TOOLTIP_STYLES, variant, ctv);
|
|
16
16
|
const mediaDevice = useMediaDevice();
|
|
17
17
|
const labelRef = React.useRef(null);
|
|
@@ -29,7 +29,7 @@ const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, al
|
|
|
29
29
|
tooltipRef,
|
|
30
30
|
variant,
|
|
31
31
|
onOpenClose,
|
|
32
|
-
align,
|
|
32
|
+
align: props.align,
|
|
33
33
|
ctv,
|
|
34
34
|
});
|
|
35
35
|
const handleFocus = () => {
|
|
@@ -108,9 +108,13 @@ const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, al
|
|
|
108
108
|
props.popover?.onCloseInternally?.();
|
|
109
109
|
hideTooltip();
|
|
110
110
|
};
|
|
111
|
+
const { setDragIconRef, setPopoverRef } = useSwipeDown(props.popover?.animationOptions, hideTooltip);
|
|
111
112
|
// It is used TooltipStandAlone instead of TooltipControlled
|
|
112
113
|
// The reason is that TooltipControlled only provides the styles and mediaDevice props that are used and needed in this component
|
|
113
|
-
return (_jsx(TooltipStandAlone, { ...props, labelRef: labelRef, mediaDevice: mediaDevice,
|
|
114
|
+
return (_jsx(TooltipStandAlone, { ...props, dragIconRef: setDragIconRef, labelRef: labelRef, mediaDevice: mediaDevice, popover: {
|
|
115
|
+
...props.popover,
|
|
116
|
+
forwardedRef: setPopoverRef,
|
|
117
|
+
}, popoverOpen: open, styles: styles, tooltipAriaLabel: tooltipAriaLabel, tooltipAsModal: tooltipAsModalValue, tooltipRef: tooltipRef, onBlur: handleBlur, onClick: handleClick, onCloseIconClick: handleCloseIconClick, onFocus: handleFocus, onKeyDown: handleKeyDown, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onPopoverCloseInternally: handlePopoverCloseInternally, onTooltipFocus: handleFocusTooltip, onTooltipKeyDown: handleKeyDownTooltip }));
|
|
114
118
|
});
|
|
115
119
|
TooltipUnControlledComponent.displayName = 'TooltipUnControlledComponent';
|
|
116
120
|
const TooltipUnControlledBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(TooltipStandAlone, { ...props }) }), children: _jsx(TooltipUnControlledComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipUnControlled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"tooltipUnControlled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipUnControlled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,6 +24,7 @@ export type TooltipPopoverType = Omit<IPopoverControlled, 'children' | 'open'>;
|
|
|
24
24
|
export interface ITooltipStandAlone {
|
|
25
25
|
disabled?: boolean;
|
|
26
26
|
mediaDevice: DeviceBreakpointsType;
|
|
27
|
+
align?: TooltipAlignType;
|
|
27
28
|
title?: TooltipTitleType;
|
|
28
29
|
content?: TooltipContentType;
|
|
29
30
|
onFocus?: React.FocusEventHandler<HTMLElement>;
|
|
@@ -48,6 +49,7 @@ export interface ITooltipStandAlone {
|
|
|
48
49
|
onTooltipKeyDown?: React.KeyboardEventHandler<HTMLElement>;
|
|
49
50
|
popover?: TooltipPopoverType;
|
|
50
51
|
dragIcon?: IElementOrIcon;
|
|
52
|
+
dragIconRef?: (node: any) => void;
|
|
51
53
|
tooltipAriaLabel?: string;
|
|
52
54
|
}
|
|
53
55
|
/**
|
|
@@ -59,7 +61,7 @@ export interface ITooltipStandAlone {
|
|
|
59
61
|
export interface ITooltipControlled<V = undefined extends string ? unknown : string> extends Omit<ITooltipStandAlone, 'styles' | 'mediaDevice'>, Omit<CustomTokenTypes<TooltipVariantStylesProps>, 'cts' | 'extraCt'> {
|
|
60
62
|
variant: V;
|
|
61
63
|
}
|
|
62
|
-
type propsToOmitUnControlled = 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'onClick' | 'onMouseDown' | 'onCloseIconClick' | 'popoverOpen' | 'onPopoverCloseInternally' | 'tooltipRef' | 'labelRef' | 'onTooltipFocus' | 'onKeyDown' | 'onTooltipKeyDown';
|
|
64
|
+
type propsToOmitUnControlled = 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'onClick' | 'onMouseDown' | 'onCloseIconClick' | 'popoverOpen' | 'onPopoverCloseInternally' | 'tooltipRef' | 'labelRef' | 'onTooltipFocus' | 'onKeyDown' | 'onTooltipKeyDown' | 'dragIconRef';
|
|
63
65
|
/**
|
|
64
66
|
* @name ITooltipUnControlled
|
|
65
67
|
* @description
|
|
@@ -67,6 +69,5 @@ type propsToOmitUnControlled = 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseL
|
|
|
67
69
|
*/
|
|
68
70
|
export interface ITooltipUnControlled<V = undefined extends string ? unknown : string> extends Omit<ITooltipControlled<V>, propsToOmitUnControlled> {
|
|
69
71
|
onOpenClose?: (open: boolean) => void;
|
|
70
|
-
align?: TooltipAlignType;
|
|
71
72
|
}
|
|
72
73
|
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { CommonStyleType, DeviceBreakpointsType, IconTypes, TypographyTypes } from '../../../types';
|
|
2
|
+
import { TooltipAlignType } from './tooltipAlign';
|
|
2
3
|
export type TooltipVariantStylesProps = {
|
|
3
4
|
tooltipExternalContainer?: CommonStyleType;
|
|
4
5
|
tooltipInternalContainer?: CommonStyleType;
|
|
@@ -25,6 +26,9 @@ export type TooltipVariantStylesProps = {
|
|
|
25
26
|
arrowContainer?: CommonStyleType & {
|
|
26
27
|
arrow_size?: string;
|
|
27
28
|
arrow_position?: string;
|
|
29
|
+
tooltipAlignStyles?: {
|
|
30
|
+
[key in TooltipAlignType]?: CommonStyleType;
|
|
31
|
+
};
|
|
28
32
|
};
|
|
29
33
|
arrow?: CommonStyleType;
|
|
30
34
|
dragIconContainer?: CommonStyleType;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from './playStopButton';
|
|
2
|
+
export * from './screenButtons';
|
|
3
|
+
export * from './volume';
|
|
4
|
+
export * from './time';
|
|
5
|
+
export * from './subtitleFullScreenButtons';
|
|
6
|
+
export * from './linkAndActionButton';
|
|
7
|
+
export * from './videoSkeleton';
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/video/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { LinkTargetType } from '../../../components/link';
|
|
3
|
+
import { GenericLinkType } from '../../../provider/genericComponents';
|
|
4
|
+
import { LinkAndActionButtonAlignment, VideoButtonType } from '../types';
|
|
5
|
+
import { VideoStyleType } from '../types/videoTheme';
|
|
6
|
+
interface ILinkAndActionButton {
|
|
7
|
+
styles: VideoStyleType;
|
|
8
|
+
linkUrl?: string;
|
|
9
|
+
componentLink?: GenericLinkType;
|
|
10
|
+
linkText?: string;
|
|
11
|
+
linkTarget?: LinkTargetType;
|
|
12
|
+
actionButton?: VideoButtonType;
|
|
13
|
+
linkAndActionButtonAlignment?: LinkAndActionButtonAlignment;
|
|
14
|
+
onLinkClick?: React.MouseEventHandler<HTMLElement>;
|
|
15
|
+
}
|
|
16
|
+
export declare const LinkAndActionButton: ({ linkTarget, ...props }: ILinkAndActionButton) => JSX.Element | null;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Button } from '../../../components/button/button';
|
|
3
|
+
import { LinkTargetType } from '../../../components/link';
|
|
4
|
+
import { Text, TextDecorationType } from '../../../components/text';
|
|
5
|
+
import { BottomContainerStyled } from '../video.styled';
|
|
6
|
+
export const LinkAndActionButton = ({ linkTarget = LinkTargetType.BLANK, ...props }) => {
|
|
7
|
+
return props.linkText || props.actionButton ? (_jsxs(BottomContainerStyled, { linkAndActionButtonAlignment: props.linkAndActionButtonAlignment, styles: props.styles, children: [(props.styles.actionButton?.size || props.actionButton?.size) &&
|
|
8
|
+
(props.styles.actionButton?.variant || props.actionButton?.variant) && (_jsx(Button, { size: props.styles.actionButton?.size, variant: props.styles.actionButton?.variant, ...props.actionButton, children: props.actionButton?.content })), props.linkUrl && (_jsx(Text, { component: props.componentLink, customTypography: props.styles.link, decoration: TextDecorationType.UNDERLINE, target: linkTarget, url: props.linkUrl, onClick: props.onLinkClick, children: props.linkText }))] })) : null;
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=linkAndActionButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"linkAndActionButton.js","sourceRoot":"","sources":["../../../../../src/components/video/components/linkAndActionButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAK7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAaxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,UAAU,GAAG,cAAc,CAAC,KAAK,EACjC,GAAG,KAAK,EACa,EAAsB,EAAE;IAC7C,OAAO,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAC5C,MAAC,qBAAqB,IACpB,4BAA4B,EAAE,KAAK,CAAC,4BAA4B,EAChE,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,IAAI,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC;gBAC5D,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,IAAI,KAAK,CAAC,YAAY,EAAE,OAAO,CAAC,IAAI,CACrE,KAAC,MAAM,IACL,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,EACrC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,KACvC,KAAK,CAAC,YAAY,YAErB,KAAK,CAAC,YAAY,EAAE,OAAO,GACrB,CACV,EACF,KAAK,CAAC,OAAO,IAAI,CAChB,KAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,aAAa,EAC9B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EACnC,UAAU,EAAE,kBAAkB,CAAC,SAAS,EACxC,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,OAAO,EAAE,KAAK,CAAC,WAAW,YAEzB,KAAK,CAAC,QAAQ,GACV,CACR,IACqB,CACzB,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IElementOrIcon } from '../../../components/elementOrIcon';
|
|
3
|
+
import { VideoStyleType } from '../types/videoTheme';
|
|
4
|
+
interface IPlayStopButton {
|
|
5
|
+
styles: VideoStyleType;
|
|
6
|
+
playing: boolean;
|
|
7
|
+
buttonsBarPlayIcon: IElementOrIcon;
|
|
8
|
+
buttonsBarPlayIconTooltip: JSX.Element | string;
|
|
9
|
+
buttonsBarPlayIconToTransition?: IElementOrIcon;
|
|
10
|
+
handlePlayStopVideo?: React.MouseEventHandler<HTMLButtonElement>;
|
|
11
|
+
}
|
|
12
|
+
export declare const PlayStopButton: (props: IPlayStopButton) => JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { MediaButton } from '../../../components/mediaButton/mediaButton';
|
|
3
|
+
import { TooltipUnControlled as Tooltip } from '../../../components/tooltip/tooltipUnControlled';
|
|
4
|
+
import { useMediaDevice } from '../../../hooks';
|
|
5
|
+
import { DeviceBreakpointsType } from '../../../types';
|
|
6
|
+
export const PlayStopButton = (props) => {
|
|
7
|
+
const device = useMediaDevice();
|
|
8
|
+
const ButtonBarPlay = () => props.styles.buttonsBarPlayIcon?.size?.[device] ? (_jsx(MediaButton, { hasBackground: false, icon: props.buttonsBarPlayIcon, size: props.styles.buttonsBarPlayIcon?.size?.[device], twisted: props.playing, twistedIcon: props.buttonsBarPlayIconToTransition, variant: props.styles.buttonsBarPlayIcon?.variant, onClick: props.handlePlayStopVideo })) : null;
|
|
9
|
+
return device === DeviceBreakpointsType.DESKTOP ? (_jsx(Tooltip, { childrenAsButton: false, content: { content: props.buttonsBarPlayIconTooltip }, tooltipAsModal: false, variant: props.styles.tooltip?.variant, children: _jsx(ButtonBarPlay, {}) })) : (_jsx(ButtonBarPlay, {}));
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=playStopButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"playStopButton.js","sourceRoot":"","sources":["../../../../../src/components/video/components/playStopButton.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAEnE,OAAO,EAAE,mBAAmB,IAAI,OAAO,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAahD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAsB,EAAe,EAAE;IACpE,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,aAAa,GAAG,GAAuB,EAAE,CAC7C,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAChD,KAAC,WAAW,IACV,aAAa,EAAE,KAAK,EACpB,IAAI,EAAE,KAAK,CAAC,kBAAkB,EAC9B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAwB,EAC5E,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,8BAA8B,EACjD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAAE,OAAO,EACjD,OAAO,EAAE,KAAK,CAAC,mBAAmB,GAClC,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,OAAO,MAAM,KAAK,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAChD,KAAC,OAAO,IACN,gBAAgB,EAAE,KAAK,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,yBAAyB,EAAE,EACrD,cAAc,EAAE,KAAK,EACrB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,YAEtC,KAAC,aAAa,KAAG,GACT,CACX,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,KAAG,CAClB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IElementOrIcon } from '../../../components/elementOrIcon';
|
|
3
|
+
import { VideoStyleType } from '../types/videoTheme';
|
|
4
|
+
interface IScreenButtons {
|
|
5
|
+
styles: VideoStyleType;
|
|
6
|
+
playing: boolean;
|
|
7
|
+
loading: boolean;
|
|
8
|
+
screenPlayIcon: IElementOrIcon;
|
|
9
|
+
screenLoadingIcon: IElementOrIcon;
|
|
10
|
+
handlePlayStopVideo?: React.MouseEventHandler<HTMLButtonElement>;
|
|
11
|
+
}
|
|
12
|
+
export declare const ScreenButtons: (props: IScreenButtons) => JSX.Element;
|
|
13
|
+
export {};
|