@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
|
@@ -1,22 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
newFocus -= 1;
|
|
5
|
-
}
|
|
6
|
-
else if (prevFocus === 0) {
|
|
7
|
-
newFocus = yearList.length - 1;
|
|
8
|
-
}
|
|
9
|
-
return newFocus;
|
|
1
|
+
const YEARS_IN_ROW = 4;
|
|
2
|
+
export const firstYear = (yearList) => {
|
|
3
|
+
return yearList.findIndex(year => year === yearList[0]);
|
|
10
4
|
};
|
|
11
|
-
export const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
5
|
+
export const lastYear = (yearList) => {
|
|
6
|
+
return yearList.findIndex(year => year === yearList[yearList.length - 1]);
|
|
7
|
+
};
|
|
8
|
+
export const keyLeftMove = (yearList) => {
|
|
9
|
+
return previous => {
|
|
10
|
+
return previous === firstYear(yearList) ? lastYear(yearList) : previous - 1;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export const keyRightMove = (yearList) => {
|
|
14
|
+
return previous => {
|
|
15
|
+
return previous === lastYear(yearList) ? firstYear(yearList) : previous + 1;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export const keyUpMove = (yearList) => {
|
|
19
|
+
return previous => {
|
|
20
|
+
if (previous === firstYear(yearList)) {
|
|
21
|
+
return lastYear(yearList);
|
|
22
|
+
}
|
|
23
|
+
return previous <= YEARS_IN_ROW ? firstYear(yearList) : previous - YEARS_IN_ROW;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export const keyDownMove = (yearList) => {
|
|
27
|
+
return previous => {
|
|
28
|
+
if (previous === lastYear(yearList)) {
|
|
29
|
+
return firstYear(yearList);
|
|
30
|
+
}
|
|
31
|
+
return previous >= lastYear(yearList) - YEARS_IN_ROW
|
|
32
|
+
? lastYear(yearList)
|
|
33
|
+
: previous + YEARS_IN_ROW;
|
|
34
|
+
};
|
|
20
35
|
};
|
|
21
36
|
export const keyTabMove = (previous) => previous;
|
|
22
37
|
//# sourceMappingURL=yearSelector.utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"yearSelector.utils.js","sourceRoot":"","sources":["../../../../../../../src/components/calendar/selector/yearSelector/utils/yearSelector.utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"yearSelector.utils.js","sourceRoot":"","sources":["../../../../../../../src/components/calendar/selector/yearSelector/utils/yearSelector.utils.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,QAAkB,EAAU,EAAE;IACtD,OAAO,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAkB,EAAU,EAAE;IACrD,OAAO,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;AAC5E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAAkB,EAAkC,EAAE;IAChF,OAAO,QAAQ,CAAC,EAAE;QAChB,OAAO,QAAQ,KAAK,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC;IAC9E,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAkB,EAAkC,EAAE;IACjF,OAAO,QAAQ,CAAC,EAAE;QAChB,OAAO,QAAQ,KAAK,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC;IAC9E,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,QAAkB,EAAkC,EAAE;IAC9E,OAAO,QAAQ,CAAC,EAAE;QAChB,IAAI,QAAQ,KAAK,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;YACrC,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC5B,CAAC;QACD,OAAO,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,YAAY,CAAC;IAClF,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAAkB,EAAkC,EAAE;IAChF,OAAO,QAAQ,CAAC,EAAE;QAChB,IAAI,QAAQ,KAAK,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,OAAO,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC7B,CAAC;QACD,OAAO,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,YAAY;YAClD,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;YACpB,CAAC,CAAC,QAAQ,GAAG,YAAY,CAAC;IAC9B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAAgB,EAAU,EAAE,CAAC,QAAQ,CAAC"}
|
|
@@ -9,7 +9,7 @@ import { useUtilsProvider } from '../../../../provider';
|
|
|
9
9
|
import { getYearList } from '../../utils/getYearList';
|
|
10
10
|
import { setYear } from '../../utils/setYear';
|
|
11
11
|
import { YearSelectorStateType } from './types/state';
|
|
12
|
-
import { keyLeftMove, keyRightMove, keyTabMove } from './utils';
|
|
12
|
+
import { keyDownMove, keyLeftMove, keyRightMove, keyTabMove, keyUpMove } from './utils';
|
|
13
13
|
// styles
|
|
14
14
|
import { YearElementStyled, YearListStyled, YearSelectorStyled } from './yearSelector.styled';
|
|
15
15
|
export const YearSelector = (props) => {
|
|
@@ -18,10 +18,10 @@ export const YearSelector = (props) => {
|
|
|
18
18
|
size: getYearList(props.minDate, props.maxDate).length,
|
|
19
19
|
keyLeftMove: keyLeftMove(getYearList(props.minDate, props.maxDate)),
|
|
20
20
|
keyRightMove: keyRightMove(getYearList(props.minDate, props.maxDate)),
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
keyDownMove: 0,
|
|
21
|
+
keyUpMove: keyUpMove(getYearList(props.minDate, props.maxDate)),
|
|
22
|
+
keyDownMove: keyDownMove(getYearList(props.minDate, props.maxDate)),
|
|
24
23
|
keyTabMove,
|
|
24
|
+
currentFocusSelected: getYearList(props.minDate, props.maxDate).indexOf(props.currentDate ? props.currentDate.getFullYear() : new Date().getFullYear()),
|
|
25
25
|
}), [
|
|
26
26
|
getYearList(props.minDate, props.maxDate).length,
|
|
27
27
|
props.currentDate,
|
|
@@ -44,7 +44,7 @@ export const YearSelector = (props) => {
|
|
|
44
44
|
};
|
|
45
45
|
return (_jsx(YearSelectorStyled, { ref: listEl, styles: props.styles, children: getYearList(props.minDate, props.maxDate).map((year, index) => {
|
|
46
46
|
const state = getState(props.currentDate, year);
|
|
47
|
-
return (_jsx(YearListStyled, { state: state, styles: props.styles, children: _jsx(ItemRove, { ariaLabel: String(year), asElement: YearElementStyled, focus: focus === index, index: index, type: ButtonType.BUTTON, onSelectItem: () => {
|
|
47
|
+
return (_jsx(YearListStyled, { "aria-selected": state === YearSelectorStateType.SELECTED ? true : undefined, state: state, styles: props.styles, children: _jsx(ItemRove, { ariaLabel: String(year), asElement: YearElementStyled, focus: focus === index, index: index, type: ButtonType.BUTTON, onSelectItem: () => {
|
|
48
48
|
const auxCurrentYear = new Date(props.currentDate);
|
|
49
49
|
props.setCurrentDate(transformDate(setYear(auxCurrentYear, year)));
|
|
50
50
|
props.onYearClick?.(year.toString());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"yearSelector.js","sourceRoot":"","sources":["../../../../../../src/components/calendar/selector/yearSelector/yearSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"yearSelector.js","sourceRoot":"","sources":["../../../../../../src/components/calendar/selector/yearSelector/yearSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -58,6 +58,7 @@ export interface ICalendarStandAlone<V = undefined extends string ? unknown : st
|
|
|
58
58
|
onLeftIconClick?: (event?: React.MouseEvent<HTMLDivElement | HTMLButtonElement, MouseEvent>) => void;
|
|
59
59
|
onRightIconClick?: (event?: React.MouseEvent<HTMLDivElement | HTMLButtonElement, MouseEvent>) => void;
|
|
60
60
|
preventCloseOnClickElements?: (HTMLElement | null | undefined)[];
|
|
61
|
+
locale?: string;
|
|
61
62
|
}
|
|
62
63
|
type propsToOmit = 'currentDate' | 'setCurrentDate' | 'selectedDate' | 'setSelectedDate' | 'styles';
|
|
63
64
|
/**
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
type
|
|
2
|
-
emptyDaysList: (Date | undefined)[];
|
|
1
|
+
type HandleKeyMoveType = {
|
|
3
2
|
dayList: (Date | undefined)[];
|
|
4
|
-
isAfter: (date1: Date, date2: Date) => boolean;
|
|
5
3
|
maxDate: Date;
|
|
6
4
|
currentDate: Date;
|
|
7
5
|
minDate: Date;
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
firstEmptyAndDisabledDays: number;
|
|
7
|
+
daysAndEmptyDaysUntilMaxDate: number;
|
|
10
8
|
};
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
13
|
-
export declare const
|
|
14
|
-
export declare const
|
|
9
|
+
export declare const getFirstEmptyAndDisabledDays: (emptyDaysList: (Date | undefined)[], minDate: Date, currentDate: Date) => number;
|
|
10
|
+
export declare const getDaysAndEmptyDaysUntilMaxDate: (emptyDaysList: (Date | undefined)[], maxDate: Date, currentDate: Date) => number;
|
|
11
|
+
export declare const handleKeyUpMove: ({ dayList, maxDate, minDate, firstEmptyAndDisabledDays, daysAndEmptyDaysUntilMaxDate, currentDate, }: HandleKeyMoveType) => ((previous: number) => number);
|
|
12
|
+
export declare const handleKeyDownMove: ({ dayList, maxDate, minDate, firstEmptyAndDisabledDays, daysAndEmptyDaysUntilMaxDate, currentDate, }: HandleKeyMoveType) => ((previous: number) => number);
|
|
13
|
+
export declare const handleKeyLeftMove: ({ dayList, maxDate, minDate, firstEmptyAndDisabledDays, daysAndEmptyDaysUntilMaxDate, currentDate, }: HandleKeyMoveType) => ((previous: number) => number);
|
|
14
|
+
export declare const handleKeyRightMove: ({ dayList, maxDate, minDate, firstEmptyAndDisabledDays, daysAndEmptyDaysUntilMaxDate, currentDate, }: HandleKeyMoveType) => ((previous: number) => number);
|
|
15
15
|
export declare const handleKeyTabMove: (previous: number) => number;
|
|
16
|
+
export declare const handleKeyPageUpMove: ({ firstEmptyAndDisabledDays, }: HandleKeyMoveType) => ((previous: number) => number);
|
|
17
|
+
export declare const handleKeyPageDownMove: ({ dayList, maxDate, currentDate, daysAndEmptyDaysUntilMaxDate, }: HandleKeyMoveType) => ((previous: number) => number);
|
|
16
18
|
export {};
|
|
@@ -1,36 +1,97 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const ONE_DAY = 1;
|
|
2
|
+
const DAYS_PER_WEEK = 7;
|
|
3
|
+
const isSameMonthAndYear = (date1, date2) => {
|
|
4
|
+
return date1.getMonth() === date2.getMonth() && date1.getFullYear() === date2.getFullYear();
|
|
5
|
+
};
|
|
6
|
+
export const getFirstEmptyAndDisabledDays = (emptyDaysList, minDate, currentDate) => isSameMonthAndYear(minDate, currentDate)
|
|
7
|
+
? emptyDaysList.length + minDate.getDate() - 1
|
|
8
|
+
: emptyDaysList.length;
|
|
9
|
+
export const getDaysAndEmptyDaysUntilMaxDate = (emptyDaysList, maxDate, currentDate) => isSameMonthAndYear(maxDate, currentDate)
|
|
10
|
+
? emptyDaysList.length + maxDate.getDate() - 1
|
|
11
|
+
: emptyDaysList.length;
|
|
12
|
+
export const handleKeyUpMove = ({ dayList, maxDate, minDate, firstEmptyAndDisabledDays, daysAndEmptyDaysUntilMaxDate, currentDate, }) => {
|
|
13
|
+
return previous => {
|
|
14
|
+
if (isSameMonthAndYear(minDate, currentDate)) {
|
|
15
|
+
if (previous === firstEmptyAndDisabledDays) {
|
|
16
|
+
return dayList.length - 1;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
if (previous === firstEmptyAndDisabledDays) {
|
|
20
|
+
return isSameMonthAndYear(maxDate, currentDate)
|
|
21
|
+
? daysAndEmptyDaysUntilMaxDate
|
|
22
|
+
: dayList.length - 1;
|
|
23
|
+
}
|
|
24
|
+
if (previous <= firstEmptyAndDisabledDays + 7) {
|
|
25
|
+
return firstEmptyAndDisabledDays;
|
|
26
|
+
}
|
|
27
|
+
return previous - DAYS_PER_WEEK;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
export const handleKeyDownMove = ({ dayList, maxDate, minDate, firstEmptyAndDisabledDays, daysAndEmptyDaysUntilMaxDate, currentDate, }) => {
|
|
4
31
|
return previous => {
|
|
5
|
-
if (
|
|
6
|
-
return
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
if (currentDate.getMonth() === maxDate.getMonth()) {
|
|
12
|
-
return availableDaysAfterCurrentDate - 1;
|
|
32
|
+
if (isSameMonthAndYear(minDate, currentDate) && previous === dayList.length - 1) {
|
|
33
|
+
return firstEmptyAndDisabledDays;
|
|
34
|
+
}
|
|
35
|
+
if (isSameMonthAndYear(maxDate, currentDate)) {
|
|
36
|
+
if (previous === daysAndEmptyDaysUntilMaxDate) {
|
|
37
|
+
return firstEmptyAndDisabledDays;
|
|
13
38
|
}
|
|
39
|
+
// to go to max date if next day below is disabled unless it is the max date
|
|
40
|
+
if (previous + firstEmptyAndDisabledDays + 1 >= maxDate.getDate() - 7 &&
|
|
41
|
+
previous !== daysAndEmptyDaysUntilMaxDate) {
|
|
42
|
+
return maxDate.getDate() + firstEmptyAndDisabledDays - 1;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
if (previous === dayList.length - 1) {
|
|
46
|
+
return firstEmptyAndDisabledDays;
|
|
47
|
+
}
|
|
48
|
+
if (previous >= dayList.length - 7) {
|
|
14
49
|
return dayList.length - 1;
|
|
15
50
|
}
|
|
16
|
-
return previous
|
|
51
|
+
return previous + DAYS_PER_WEEK;
|
|
17
52
|
};
|
|
18
53
|
};
|
|
19
|
-
export const
|
|
54
|
+
export const handleKeyLeftMove = ({ dayList, maxDate, minDate, firstEmptyAndDisabledDays, daysAndEmptyDaysUntilMaxDate, currentDate, }) => {
|
|
20
55
|
return previous => {
|
|
21
|
-
if (
|
|
22
|
-
if (
|
|
23
|
-
return
|
|
56
|
+
if (previous === firstEmptyAndDisabledDays) {
|
|
57
|
+
if (isSameMonthAndYear(minDate, currentDate)) {
|
|
58
|
+
return dayList.length - 1;
|
|
59
|
+
}
|
|
60
|
+
else if (isSameMonthAndYear(maxDate, currentDate)) {
|
|
61
|
+
return daysAndEmptyDaysUntilMaxDate;
|
|
24
62
|
}
|
|
25
|
-
|
|
26
|
-
|
|
63
|
+
return dayList.length - 1;
|
|
64
|
+
}
|
|
65
|
+
return previous - ONE_DAY;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
export const handleKeyRightMove = ({ dayList, maxDate, minDate, firstEmptyAndDisabledDays, daysAndEmptyDaysUntilMaxDate, currentDate, }) => {
|
|
69
|
+
return previous => {
|
|
70
|
+
if (isSameMonthAndYear(minDate, currentDate) && previous === dayList.length - 1) {
|
|
71
|
+
return firstEmptyAndDisabledDays;
|
|
72
|
+
}
|
|
73
|
+
if (isSameMonthAndYear(maxDate, currentDate)) {
|
|
74
|
+
if (previous === daysAndEmptyDaysUntilMaxDate) {
|
|
75
|
+
return firstEmptyAndDisabledDays;
|
|
27
76
|
}
|
|
28
77
|
}
|
|
29
78
|
if (previous === dayList.length - 1) {
|
|
30
|
-
return
|
|
79
|
+
return firstEmptyAndDisabledDays;
|
|
31
80
|
}
|
|
32
|
-
return previous
|
|
81
|
+
return previous + ONE_DAY;
|
|
33
82
|
};
|
|
34
83
|
};
|
|
35
84
|
export const handleKeyTabMove = (previous) => previous;
|
|
85
|
+
export const handleKeyPageUpMove = ({ firstEmptyAndDisabledDays, }) => {
|
|
86
|
+
return () => {
|
|
87
|
+
return firstEmptyAndDisabledDays;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
export const handleKeyPageDownMove = ({ dayList, maxDate, currentDate, daysAndEmptyDaysUntilMaxDate, }) => {
|
|
91
|
+
return () => {
|
|
92
|
+
return isSameMonthAndYear(maxDate, currentDate)
|
|
93
|
+
? daysAndEmptyDaysUntilMaxDate
|
|
94
|
+
: dayList.length - 1;
|
|
95
|
+
};
|
|
96
|
+
};
|
|
36
97
|
//# sourceMappingURL=handleKeysmoves.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"handleKeysmoves.js","sourceRoot":"","sources":["../../../../../src/components/calendar/utils/handleKeysmoves.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"handleKeysmoves.js","sourceRoot":"","sources":["../../../../../src/components/calendar/utils/handleKeysmoves.ts"],"names":[],"mappings":"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"}
|
|
@@ -15,25 +15,7 @@ export const DrawerTitleStyled = styled.div.withConfig({
|
|
|
15
15
|
shouldForwardProp: () => true,
|
|
16
16
|
}) ``;
|
|
17
17
|
export const DrawerStyled = styled.div `
|
|
18
|
-
|
|
19
|
-
max-height: 100vh;
|
|
20
|
-
max-height: var(--100svh, 100vh);
|
|
21
|
-
max-height: 100svh;
|
|
22
|
-
min-width: 50vw;
|
|
23
|
-
max-width: 50vw;
|
|
24
|
-
overflow-y: auto;
|
|
25
|
-
${() => ({ theme: { MEDIA_QUERIES: { onlyDesktop, onlyTablet }, }, }) => css `
|
|
26
|
-
${onlyDesktop} {
|
|
27
|
-
min-height: 100vh;
|
|
28
|
-
min-height: var(--100svh, 100vh);
|
|
29
|
-
min-height: 100svh;
|
|
30
|
-
}
|
|
31
|
-
${onlyTablet} {
|
|
32
|
-
min-height: 100vh;
|
|
33
|
-
min-height: var(--100svh, 100vh);
|
|
34
|
-
min-height: 100svh;
|
|
35
|
-
}
|
|
36
|
-
`};
|
|
18
|
+
${props => props.position && getStyles(props.styles.container?.[props.position])}
|
|
37
19
|
|
|
38
20
|
${DrawerTitleStyled} {
|
|
39
21
|
transition: box-shadow 300ms;
|
|
@@ -42,18 +24,6 @@ export const DrawerStyled = styled.div `
|
|
|
42
24
|
${props => getStyles(props.styles.titleContainer)}
|
|
43
25
|
${props => getTypographyStyles(props.styles.titleContainer)}
|
|
44
26
|
}
|
|
45
|
-
|
|
46
|
-
${() => ({ theme: { MEDIA_QUERIES: { onlyMobile, onlyTablet }, }, }) => css `
|
|
47
|
-
${onlyMobile} {
|
|
48
|
-
max-width: inherit;
|
|
49
|
-
max-height: inherit;
|
|
50
|
-
}
|
|
51
|
-
${onlyTablet} {
|
|
52
|
-
max-width: 100vw;
|
|
53
|
-
min-width: 100vw;
|
|
54
|
-
}
|
|
55
|
-
`};
|
|
56
|
-
${props => props.position && getStyles(props.styles.container?.[props.position])}
|
|
57
27
|
`;
|
|
58
28
|
export const DrawerNavigationStyled = styled.div `
|
|
59
29
|
top: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.styled.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAE7E,OAAO,EAEL,wBAAwB,GAEzB,MAAM,SAAS,CAAC;AASjB,MAAM,CAAC,MAAM,uCAAuC,GAAG,MAAM,CAAC,GAAG,CAAkB;iBAClE,KAAK,CAAC,EAAE,CACrB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,2BAA2B,EAAE,oBAAoB;;;;YAI3E,KAAK,CAAC,EAAE,CAChB,CAAC,KAAK,CAAC,OAAO;IACZ,CAAC,CAAC,gCAAgC,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,WAAW,MAAM,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,aAAa,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,IAAI;IAC1J,CAAC,CAAC,sBAAsB;IAC1B,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,2BAA2B,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IACrD,iBAAiB,EAAE,GAAG,EAAE,CAAC,IAAI;CAC9B,CAAC,CAAA,EAAE,CAAC;AAEL,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAkB
|
|
1
|
+
{"version":3,"file":"drawer.styled.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { STYLES_NAME } from '../../constants';
|
|
4
|
-
import { useDeviceHeight, useMediaDevice, useScrollEffect, useZoomEffect } from '../../hooks';
|
|
5
|
-
import { useStyles } from '../../hooks/useStyles/useStyles';
|
|
4
|
+
import { useDeviceHeight, useMediaDevice, useScrollEffect, useStylesV2, useZoomEffect, } from '../../hooks';
|
|
6
5
|
import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
|
|
7
6
|
import { Portal } from '../portal';
|
|
8
7
|
import { DrawerStandAlone } from './drawerStandAlone';
|
|
9
8
|
/* Constants for useScrollEffect */
|
|
10
|
-
const CONDITION = true;
|
|
11
9
|
const SCROLL_DISTANCE = 5;
|
|
12
10
|
/* Constants for useZoomEffect (footer) */
|
|
13
11
|
const FOOTER_EDIT_STYLES = [
|
|
@@ -16,12 +14,23 @@ const FOOTER_EDIT_STYLES = [
|
|
|
16
14
|
const MAX_ZOOM = 2.4;
|
|
17
15
|
const DrawerControlledComponent = React.forwardRef(({ portalId, ...props }, ref) => {
|
|
18
16
|
useDeviceHeight();
|
|
19
|
-
const
|
|
17
|
+
const handleScroll = (e) => {
|
|
18
|
+
props.onContentScroll?.(e);
|
|
19
|
+
};
|
|
20
|
+
const styles = useStylesV2({
|
|
21
|
+
styleName: STYLES_NAME.DRAWER,
|
|
22
|
+
variantName: props.variant,
|
|
23
|
+
customTokens: props.ctv,
|
|
24
|
+
});
|
|
20
25
|
const device = useMediaDevice();
|
|
21
|
-
const stylesByDevice = styles[device];
|
|
22
|
-
const { scrollableRef, shadowRef } = useScrollEffect(
|
|
26
|
+
const stylesByDevice = styles?.[device];
|
|
27
|
+
const { scrollableRef, shadowRef } = useScrollEffect({
|
|
28
|
+
shadowStyles: stylesByDevice.titleContainer?.box_shadow,
|
|
29
|
+
shadowVisible: SCROLL_DISTANCE,
|
|
30
|
+
scrollCallback: handleScroll,
|
|
31
|
+
});
|
|
23
32
|
const footerRef = useZoomEffect(FOOTER_EDIT_STYLES, MAX_ZOOM);
|
|
24
|
-
const drawerStructure = (_jsx(DrawerStandAlone, { ...props, ref: ref, device: device, footerRef: footerRef,
|
|
33
|
+
const drawerStructure = (_jsx(DrawerStandAlone, { ...props, ref: ref, contentRef: scrollableRef, device: device, footerRef: footerRef, shadowRef: shadowRef, styles: stylesByDevice }));
|
|
25
34
|
return portalId ? _jsx(Portal, { wrapperId: portalId, children: drawerStructure }) : drawerStructure;
|
|
26
35
|
});
|
|
27
36
|
DrawerControlledComponent.displayName = 'DrawerControlledComponent';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawerControlled.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawerControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,
|
|
1
|
+
{"version":3,"file":"drawerControlled.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawerControlled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,11 +7,11 @@ import { Text } from '../../components/text/text';
|
|
|
7
7
|
import { TextComponentType } from '../../components/text/types/component';
|
|
8
8
|
import { useId } from '../../hooks';
|
|
9
9
|
import { DrawerContentStyled, DrawerFooterStyled, DrawerNavigationStyled, DrawerStyled, DrawerTitleContentFooterContainerStyled, DrawerTitleStyled, } from './drawer.styled';
|
|
10
|
-
const DrawerStandAloneComponent = ({ blocked = false,
|
|
10
|
+
const DrawerStandAloneComponent = ({ blocked = false, shadowRef, footerRef, contentRef, titleComponent = TextComponentType.H3, ...props }, ref) => {
|
|
11
11
|
const uniqueTitleId = useId('drawer-title');
|
|
12
12
|
const titleIdFinal = props.title?.id ?? uniqueTitleId;
|
|
13
13
|
const position = props.styles[props.level]?.containerPosition;
|
|
14
|
-
return (_jsx(Popover, { "aria-label": !props.title?.content ? `${props.popover?.['aria-label']}` : undefined, "aria-labelledby": props.title?.content ? titleIdFinal : undefined, "aria-modal": props.open, clickOverlayClose: !blocked, dataTestId: `${props.dataTestId}Popover`, hasBackDrop: true, open: props.open, trapFocusInsideModal: true, variant: position, ...props.popover, children: _jsxs(DrawerStyled, { ref: ref, "data-testid": `${props.dataTestId}Drawer`, position: position, styles: props.styles, children: [!blocked && (_jsx(DrawerNavigationStyled, { level: props.level, styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.icon, ...props.closeIcon, dataTestId: `${props.dataTestId}CloseIcon` }) })), _jsxs(DrawerTitleContentFooterContainerStyled, {
|
|
14
|
+
return (_jsx(Popover, { "aria-label": !props.title?.content ? `${props.popover?.['aria-label']}` : undefined, "aria-labelledby": props.title?.content ? titleIdFinal : undefined, "aria-modal": props.open, clickOverlayClose: !blocked, dataTestId: `${props.dataTestId}Popover`, hasBackDrop: true, open: props.open, trapFocusInsideModal: true, variant: position, ...props.popover, children: _jsxs(DrawerStyled, { ref: ref, "data-testid": `${props.dataTestId}Drawer`, position: position, styles: props.styles, children: [!blocked && (_jsx(DrawerNavigationStyled, { level: props.level, styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.icon, ...props.closeIcon, dataTestId: `${props.dataTestId}CloseIcon` }) })), _jsxs(DrawerTitleContentFooterContainerStyled, { blocked: blocked, styles: props.styles, children: [_jsx(DrawerTitleStyled, { ref: shadowRef, as: Text, component: titleComponent, customTypography: props.styles.title, dataTestId: `${titleIdFinal}Title`, id: titleIdFinal, ...props.title, children: props.title?.content }), _jsx(DrawerContentStyled, { ref: contentRef, styles: props.styles, children: props.children }), props.footer?.content && props.styles.footer?.variant && (_jsx(DrawerFooterStyled, { ref: footerRef, as: Footer, customFooterStyles: props.styles, variant: props.styles.footer?.variant, ...props.footer, children: props.footer.content }))] })] }) }));
|
|
15
15
|
};
|
|
16
16
|
export const DrawerStandAlone = React.forwardRef(DrawerStandAloneComponent);
|
|
17
17
|
//# sourceMappingURL=drawerStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawerStandAlone.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawerStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,YAAY,EACZ,uCAAuC,EACvC,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,yBAAyB,GAAG,CAChC,EACE,OAAO,GAAG,KAAK,EACf,
|
|
1
|
+
{"version":3,"file":"drawerStandAlone.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawerStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,11 +16,11 @@ const DrawerUnControlledComponent = ({ defaultOpen = true, closeIcon, popover, o
|
|
|
16
16
|
handleCloseDrawer();
|
|
17
17
|
closeIcon?.onClick?.(e);
|
|
18
18
|
};
|
|
19
|
-
const
|
|
19
|
+
const handlePopoverCloseInternally = () => {
|
|
20
20
|
handleCloseDrawer();
|
|
21
21
|
popover?.onCloseInternally?.();
|
|
22
22
|
};
|
|
23
|
-
return (_jsx(DrawerControlled, { ...props, ref: ref, closeIcon: { ...closeIcon, onClick: handleCloseIconClick }, open: open, popover: { ...popover, onCloseInternally:
|
|
23
|
+
return (_jsx(DrawerControlled, { ...props, ref: ref, closeIcon: { ...closeIcon, onClick: handleCloseIconClick }, open: open, popover: { ...popover, onCloseInternally: handlePopoverCloseInternally } }));
|
|
24
24
|
};
|
|
25
25
|
const DrawerUnControlled = React.forwardRef(DrawerUnControlledComponent);
|
|
26
26
|
export { DrawerUnControlled };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawerUnControlled.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawerUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EAAE,WAAW,GAAG,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAA0B,EACzF,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,WAAW,CAAC,CAAC;IAE7D,8DAA8D;IAC9D,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,OAAO,CAAC,QAAQ,CAAC,EAAE;YACjB,IAAI,QAAQ,EAAE,CAAC;gBACb,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE;QAC/B,iBAAiB,EAAE,CAAC;QACpB,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,
|
|
1
|
+
{"version":3,"file":"drawerUnControlled.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawerUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EAAE,WAAW,GAAG,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAA0B,EACzF,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,WAAW,CAAC,CAAC;IAE7D,8DAA8D;IAC9D,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,OAAO,CAAC,QAAQ,CAAC,EAAE;YACjB,IAAI,QAAQ,EAAE,CAAC;gBACb,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE;QAC/B,iBAAiB,EAAE,CAAC;QACpB,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACxC,iBAAiB,EAAE,CAAC;QACpB,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,oBAAoB,EAAE,EAC1D,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,iBAAiB,EAAE,4BAA4B,EAAE,GACxE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAMvD,CAAC;AAEjB,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -31,12 +31,12 @@ export interface IDrawerStandAlone {
|
|
|
31
31
|
device?: DeviceBreakpointsType;
|
|
32
32
|
blocked?: boolean;
|
|
33
33
|
popover?: DrawerPopoverType;
|
|
34
|
-
scrollableRef: (node: any) => void;
|
|
35
34
|
shadowRef: (node: any) => void;
|
|
36
35
|
footerRef?: (node: any) => void;
|
|
37
36
|
contentRef?: (node: any) => void;
|
|
37
|
+
onContentScroll?: (e: Event) => void;
|
|
38
38
|
}
|
|
39
|
-
type OmitProps = 'styles' | 'device' | '
|
|
39
|
+
type OmitProps = 'styles' | 'device' | 'shadowRef' | 'footerRef' | 'contentRef';
|
|
40
40
|
export interface IDrawerControlled<V = undefined extends string ? unknown : string> extends Omit<IDrawerStandAlone, OmitProps>, Omit<CustomTokenTypes<DrawerVariantStylesType>, 'cts' | 'extraCt'> {
|
|
41
41
|
variant: V;
|
|
42
42
|
portalId?: string;
|
|
@@ -3,7 +3,7 @@ import React, { useMemo } from 'react';
|
|
|
3
3
|
import { keyDownMove, keyUpMove } from '../../components/listOptions/utils';
|
|
4
4
|
import { useId } from '../../hooks/useId/useId';
|
|
5
5
|
import { ROLES } from '../../types';
|
|
6
|
-
import { ButtonType } from '../button';
|
|
6
|
+
import { ButtonType } from '../button/types';
|
|
7
7
|
import { ElementOrIcon } from '../elementOrIcon';
|
|
8
8
|
import { ListOptions, ListOptionsType } from '../listOptions';
|
|
9
9
|
import { PopoverControlled as Popover, PopoverComponentType, PopoverPositionVariantType, } from '../popover';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdownSelectedStandAlone.js","sourceRoot":"","sources":["../../../../src/components/dropdownSelected/dropdownSelectedStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"dropdownSelectedStandAlone.js","sourceRoot":"","sources":["../../../../src/components/dropdownSelected/dropdownSelectedStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,10 +3,10 @@ import * as React from 'react';
|
|
|
3
3
|
import { ScreenReaderOnly } from '../../components/screenReaderOnly';
|
|
4
4
|
import { useMediaDevice } from '../../hooks/index';
|
|
5
5
|
import { pickAriaProps } from '../../utils/aria/aria';
|
|
6
|
-
import { ButtonType } from '../button';
|
|
6
|
+
import { ButtonType } from '../button/types/type';
|
|
7
7
|
import { IconButtonStyled } from './icon.styled';
|
|
8
8
|
import { IconStandAlone } from './iconStandAlone';
|
|
9
|
-
const IconBasicComponent = ({
|
|
9
|
+
const IconBasicComponent = ({ ...props }, ref) => {
|
|
10
10
|
const device = useMediaDevice();
|
|
11
11
|
const ariaProps = pickAriaProps(props);
|
|
12
12
|
const { disabled, altText, onClick, screenReaderText, ...iconProps } = props;
|
|
@@ -15,7 +15,7 @@ const IconBasicComponent = ({ tabIndex = 0, ...props }, ref) => {
|
|
|
15
15
|
return _jsx(_Fragment, {});
|
|
16
16
|
}
|
|
17
17
|
if (props.onClick) {
|
|
18
|
-
return (_jsxs(IconButtonStyled, { ...ariaProps, "$customIconStyles": props.customIconStyles, "$height": props.height, "$width": props.width, "aria-disabled": disabled, "aria-label": props['aria-label'] || altText, "data-testid": iconProps.dataTestId, disabled: disabled, id: props.id, tabIndex: tabIndex, title: props.title || '', type: ButtonType.BUTTON, onClick: onClick, children: [_jsx(ScreenReaderOnly, { children: screenReaderText }), _jsx(IconStandAlone, { ...iconProps, ref: ref, dataTestId: undefined, id: undefined, linearIcon: isLinearIcon })] }));
|
|
18
|
+
return (_jsxs(IconButtonStyled, { ...ariaProps, "$customIconStyles": props.customIconStyles, "$height": props.height, "$width": props.width, "aria-disabled": disabled, "aria-label": props['aria-label'] || altText, "data-testid": iconProps.dataTestId, disabled: disabled, id: props.id, tabIndex: props.tabIndex, title: props.title || '', type: ButtonType.BUTTON, onClick: onClick, children: [_jsx(ScreenReaderOnly, { children: screenReaderText }), _jsx(IconStandAlone, { ...iconProps, ref: ref, dataTestId: undefined, id: undefined, linearIcon: isLinearIcon })] }));
|
|
19
19
|
}
|
|
20
20
|
return _jsx(IconStandAlone, { ...iconProps, ref: ref, altText: altText, linearIcon: isLinearIcon });
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../src/components/icon/icon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../src/components/icon/icon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,kBAAkB,GAAG,CACzB,EAAE,GAAG,KAAK,EAAS,EACnB,GAAwC,EACpB,EAAE;IACtB,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE7E,MAAM,YAAY,GAChB,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAEhG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAChB,OAAO,mBAAK,CAAC;IACf,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,CACL,MAAC,gBAAgB,OACX,SAAS,uBACM,KAAK,CAAC,gBAAgB,aAChC,KAAK,CAAC,MAAM,YACb,KAAK,CAAC,KAAK,mBACJ,QAAQ,gBACX,KAAK,CAAC,YAAY,CAAC,IAAI,OAAO,iBAC7B,SAAS,CAAC,UAAU,EACjC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,IAAI,EAAE,UAAU,CAAC,MAAM,EACvB,OAAO,EAAE,OAAO,aAEhB,KAAC,gBAAgB,cAAE,gBAAgB,GAAoB,EACvD,KAAC,cAAc,OACT,SAAS,EACb,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,SAAS,EACrB,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,YAAY,GACxB,IACe,CACpB,CAAC;IACJ,CAAC;IAED,OAAO,KAAC,cAAc,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,GAAI,CAAC;AACjG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC"}
|
|
@@ -14,7 +14,7 @@ export interface IIconComplex {
|
|
|
14
14
|
customIconStyles?: IconTypes;
|
|
15
15
|
moveRound?: string;
|
|
16
16
|
}
|
|
17
|
-
type IconAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-controls' | 'aria-checked' | 'aria-hidden'>;
|
|
17
|
+
type IconAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-controls' | 'aria-checked' | 'aria-hidden' | 'aria-haspopup'>;
|
|
18
18
|
export interface IIconStandAlone extends IconAriaAttributes {
|
|
19
19
|
id?: string;
|
|
20
20
|
altText?: string;
|
|
@@ -9,7 +9,6 @@ export interface IIconHighlightedStyled {
|
|
|
9
9
|
}
|
|
10
10
|
export interface IIconHighlightedStandAlone extends IElementOrIcon, IIconHighlightedStyled {
|
|
11
11
|
size: IconHighlightedSizeType;
|
|
12
|
-
icon?: string;
|
|
13
12
|
type?: IconHighlightedType;
|
|
14
13
|
}
|
|
15
14
|
export interface IIconHighlighted<V = undefined extends string ? unknown : string> extends Omit<IIconHighlightedStandAlone, 'styles'>, Omit<CustomTokenTypes<IconHighlightedVariantStylesType>, 'cts' | 'extraCt'> {
|
|
@@ -34,6 +34,7 @@ export * from './breadcrumbs';
|
|
|
34
34
|
export * from './drawer';
|
|
35
35
|
export * from './message';
|
|
36
36
|
export * from './modal';
|
|
37
|
+
export * from './modalV2';
|
|
37
38
|
export * from './oliveMenu';
|
|
38
39
|
export * from './pillSelector';
|
|
39
40
|
export * from './pillSelectorV2';
|
|
@@ -81,6 +82,8 @@ export * from './tableCaption';
|
|
|
81
82
|
export * from './tableDivider';
|
|
82
83
|
export * from './tableV2';
|
|
83
84
|
export * from './dataTable';
|
|
85
|
+
export * from './video';
|
|
86
|
+
export * from './progressBar';
|
|
84
87
|
export * from './virtualKeyboard';
|
|
85
88
|
/**
|
|
86
89
|
* Assets components.
|