@kubit-ui-web/react-components 1.12.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/button/button.styled.js +1 -2
- package/dist/cjs/components/button/button.styled.js.map +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/utils/monthSelector.utils.js +22 -0
- package/dist/cjs/components/calendar/selector/monthSelector/utils/monthSelector.utils.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 +11 -4
- 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 +2 -2
- package/dist/cjs/components/icon/icon.js.map +1 -1
- package/dist/cjs/components/index.js +2 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/inputDate/components/popoverCalendar.js +1 -1
- package/dist/cjs/components/inputDate/components/popoverCalendar.js.map +1 -1
- package/dist/cjs/components/inputDate/hooks/useInputDate.js +20 -16
- package/dist/cjs/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/cjs/components/inputDate/inputDateStandAlone.js +2 -2
- 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 +6 -1
- 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/modalHeader.js +7 -3
- package/dist/cjs/components/modalV2/fragments/modalHeader.js.map +1 -1
- package/dist/cjs/components/modalV2/modal.styled.js +4 -4
- package/dist/cjs/components/modalV2/modal.styled.js.map +1 -1
- package/dist/cjs/components/modalV2/modalControlled.js +6 -1
- package/dist/cjs/components/modalV2/modalControlled.js.map +1 -1
- package/dist/cjs/components/modalV2/modalStandAlone.js +1 -1
- package/dist/cjs/components/modalV2/modalStandAlone.js.map +1 -1
- package/dist/cjs/components/modalV2/modalUnControlled.js +1 -1
- package/dist/cjs/components/modalV2/modalUnControlled.js.map +1 -1
- 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/tooltip/tooltip.styled.js +2 -0
- package/dist/cjs/components/tooltip/tooltip.styled.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +5 -7
- 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 +2 -2
- package/dist/cjs/constants/keyboardKeys.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/styles.js +3 -1
- package/dist/cjs/designSystem/kubit/components/modalV2/styles.js.map +1 -1
- 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 +2 -0
- package/dist/cjs/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/variants.js +2 -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/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/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/button/button.styled.js +1 -2
- package/dist/esm/components/button/button.styled.js.map +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/utils/monthSelector.utils.js +22 -0
- package/dist/esm/components/calendar/selector/monthSelector/utils/monthSelector.utils.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 +12 -5
- 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 +1 -1
- package/dist/esm/components/icon/icon.js.map +1 -1
- package/dist/esm/components/iconHighlighted/types/iconHighlighted.d.ts +0 -1
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/inputDate/components/popoverCalendar.js +1 -1
- package/dist/esm/components/inputDate/components/popoverCalendar.js.map +1 -1
- package/dist/esm/components/inputDate/hooks/useInputDate.js +20 -16
- package/dist/esm/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/esm/components/inputDate/inputDateStandAlone.js +2 -2
- package/dist/esm/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/esm/components/inputDate/types/inputDate.d.ts +1 -0
- 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 +7 -2
- 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/modalHeader.d.ts +1 -1
- package/dist/esm/components/modalV2/fragments/modalHeader.js +8 -4
- package/dist/esm/components/modalV2/fragments/modalHeader.js.map +1 -1
- package/dist/esm/components/modalV2/modal.styled.d.ts +1 -1
- package/dist/esm/components/modalV2/modal.styled.js +3 -3
- package/dist/esm/components/modalV2/modal.styled.js.map +1 -1
- package/dist/esm/components/modalV2/modalControlled.js +7 -2
- package/dist/esm/components/modalV2/modalControlled.js.map +1 -1
- package/dist/esm/components/modalV2/modalStandAlone.js +2 -2
- package/dist/esm/components/modalV2/modalStandAlone.js.map +1 -1
- package/dist/esm/components/modalV2/modalUnControlled.js +1 -1
- package/dist/esm/components/modalV2/modalUnControlled.js.map +1 -1
- package/dist/esm/components/modalV2/types/modal.d.ts +5 -2
- package/dist/esm/components/modalV2/types/modalTheme.d.ts +2 -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/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 +5 -7
- 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 +2 -2
- package/dist/esm/constants/keyboardKeys.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/styles.js +3 -1
- package/dist/esm/designSystem/kubit/components/modalV2/styles.js.map +1 -1
- 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 +2 -0
- package/dist/esm/designSystem/kubit/components/styles.js +2 -0
- package/dist/esm/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/variants.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/variants.js +2 -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 +5 -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/useScrollEffect/useScrollEffect.d.ts +2 -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/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 +34 -34
- 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/progressBar}/index.js +0 -0
- /package/dist/esm/designSystem/{kubitWireframe/commons/components/loader → kubit/components/progressBar}/index.d.ts +0 -0
- /package/dist/esm/designSystem/{kubitWireframe/commons/components/loader → kubit/components/progressBar}/index.js +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { STYLES_NAME } from '../../constants';
|
|
4
|
-
import { useMediaDevice, useScrollEffect, useStyles, useZoomEffect } from '../../hooks';
|
|
4
|
+
import { useMediaDevice, useScrollEffect, useStyles, useSwipeDown, useZoomEffect } from '../../hooks';
|
|
5
5
|
import { ErrorBoundary } from '../../provider/errorBoundary/errorBoundary';
|
|
6
6
|
import { FallbackComponent } from '../../provider/errorBoundary/fallbackComponent';
|
|
7
7
|
import { DeviceBreakpointsType } from '../../types';
|
|
@@ -24,7 +24,12 @@ const ModalControlledComponent = React.forwardRef(({ variant, ctv, portalId, ...
|
|
|
24
24
|
});
|
|
25
25
|
const zoomRef = useZoomEffect(CONTAINER_STYLES_EDIT, MAX_ZOOM);
|
|
26
26
|
const zoomRefChild = useZoomEffect(CONTENT_STYLES_EDIT, MAX_ZOOM);
|
|
27
|
-
const
|
|
27
|
+
const { setPopoverRef, setDragIconRef } = useSwipeDown(props.popover?.animationOptions, () => props.onClose?.());
|
|
28
|
+
const handlePopoverCloseInternally = () => {
|
|
29
|
+
props.popover?.onCloseInternally?.();
|
|
30
|
+
props.onClose?.();
|
|
31
|
+
};
|
|
32
|
+
const modalStructure = (_jsx(ModalStandAlone, { ...props, ref: ref, device: device, dragIconRef: setDragIconRef, popover: { ...props.popover, forwardedRef: setPopoverRef }, resizeRef: resizeRef, scrollableRef: scrollableRef, shadowRef: shadowRef, styles: styles, zoomRef: zoomRef, zoomRefChild: zoomRefChild, onPopoverCloseInternally: handlePopoverCloseInternally }));
|
|
28
33
|
return portalId ? _jsx(Portal, { wrapperId: portalId, children: modalStructure }) : modalStructure;
|
|
29
34
|
});
|
|
30
35
|
ModalControlledComponent.displayName = 'ModalControlledComponent';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalControlled.js","sourceRoot":"","sources":["../../../../src/components/modal/modalControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"modalControlled.js","sourceRoot":"","sources":["../../../../src/components/modal/modalControlled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ import { Text } from '../../components/text/text';
|
|
|
10
10
|
import { TextComponentType } from '../../components/text/types/component';
|
|
11
11
|
import { useId } from '../../hooks';
|
|
12
12
|
import { DeviceBreakpointsType } from '../../types';
|
|
13
|
-
import { ModalCloseButtonStyled, ModalContentStyled, ModalFooterStyled, ModalHeaderStyled, ModalImageStyled, ModalStyled, TitleHiddenContainer, } from './modal.styled';
|
|
13
|
+
import { DraggableIcon, ModalCloseButtonStyled, ModalContentStyled, ModalFooterStyled, ModalHeaderStyled, ModalImageStyled, ModalStyled, TitleHiddenContainer, } from './modal.styled';
|
|
14
14
|
const ModalStandAloneComponent = ({ dataTestId = 'modalDataTestId', scrollableRef, resizeRef, shadowRef, zoomRef, zoomRefChild, customHeightAllDevices = false, customWidthAllDevices = false, ...props }, ref) => {
|
|
15
15
|
const uniqueModalId = useId('modal');
|
|
16
16
|
const modalId = props.id ?? uniqueModalId;
|
|
@@ -37,7 +37,7 @@ const ModalStandAloneComponent = ({ dataTestId = 'modalDataTestId', scrollableRe
|
|
|
37
37
|
: undefined;
|
|
38
38
|
};
|
|
39
39
|
const modalFooterVariant = props.footer?.variant ?? props.styles.footerVariant;
|
|
40
|
-
return (_jsx(Popover, { "aria-labelledby": titleIdFinal, "aria-modal": props.open, clickOverlayClose: !props.blocked, component: PopoverComponentType.DIALOG, dataTestId: `${dataTestId}Popover`, hasBackDrop: true, id: modalId, open: props.open, positionVariant: PopoverPositionVariantType.FIXED, trapFocusInsideModal: true, variant: props.styles.popoverVariant, ...props.popover, children: _jsxs(ModalStyled, { ref: modalRef, "$maxHeight": props.maxHeight, "$maxWidth": props.maxWidth, "$minHeight": customHeightAllDevices ? props.minHeight : onlyDesktopSize(props.minHeight), "$minWidth": customWidthAllDevices ? props.minWidth : onlyDesktopSize(props.minWidth), "$styles": props.styles, "data-testid": dataTestId, hasFooter: !!props.footer?.content, onKeyDown: event => props.onKeyDown?.(event), children: [_jsxs(ModalHeaderStyled, { ref: shadowRef, "$styles": props.styles, children: [!props.blocked && props.closeIcon?.icon && (_jsx(ModalCloseButtonStyled, { "$styles": props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${dataTestId}CloseIcon`, ...props.closeIcon }) })), !props.blocked &&
|
|
40
|
+
return (_jsx(Popover, { "aria-labelledby": titleIdFinal, "aria-modal": props.open, clickOverlayClose: !props.blocked, component: PopoverComponentType.DIALOG, dataTestId: `${dataTestId}Popover`, hasBackDrop: true, id: modalId, open: props.open, positionVariant: PopoverPositionVariantType.FIXED, trapFocusInsideModal: true, variant: props.styles.popoverVariant, onCloseInternally: props.onPopoverCloseInternally, ...props.popover, children: _jsxs(ModalStyled, { ref: modalRef, "$maxHeight": props.maxHeight, "$maxWidth": props.maxWidth, "$minHeight": customHeightAllDevices ? props.minHeight : onlyDesktopSize(props.minHeight), "$minWidth": customWidthAllDevices ? props.minWidth : onlyDesktopSize(props.minWidth), "$styles": props.styles, "data-testid": dataTestId, hasFooter: !!props.footer?.content, onKeyDown: event => props.onKeyDown?.(event), children: [_jsxs(ModalHeaderStyled, { ref: shadowRef, "$styles": props.styles, children: [!props.blocked && props.dragIcon && (_jsx(DraggableIcon, { ref: props.dragIconRef, "$styles": props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), !props.blocked && props.closeIcon?.icon && (_jsx(ModalCloseButtonStyled, { "$styles": props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${dataTestId}CloseIcon`, ...props.closeIcon }) })), !props.blocked &&
|
|
41
41
|
props.closeButton?.content &&
|
|
42
42
|
(props.styles.closeButton?.buttonVariant || props.closeButton?.variant) && (_jsx(Button, { variant: props.styles.closeButton?.buttonVariant, ...props.closeButton, children: props.closeButton.content })), buildIconOrIllustration(), props.title?.visible === undefined || props.title.visible ? (_jsx(Text, { component: TextComponentType.H1, customTypography: props.styles.title, dataTestId: `${dataTestId}Title`, id: titleIdFinal, ...props.title, children: props.title?.content })) : (_jsx(TitleHiddenContainer, { id: titleIdFinal, children: props.title?.content }))] }), _jsx(ModalContentStyled, { ref: ref => {
|
|
43
43
|
scrollableRef(ref);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalStandAlone.js","sourceRoot":"","sources":["../../../../src/components/modal/modalStandAlone.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"modalStandAlone.js","sourceRoot":"","sources":["../../../../src/components/modal/modalStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ const ModalUnControlledComponent = ({ variant, onClose, closeIcon, closeButton,
|
|
|
29
29
|
handleClose();
|
|
30
30
|
popover?.onCloseInternally?.();
|
|
31
31
|
};
|
|
32
|
-
return (_jsx(ModalControlled, { ...props, ref: ref, closeButton: closeButton && { ...closeButton, onClick: handlecloseButtonClick }, closeIcon: { ...closeIcon, onClick: handleCloseIconClick }, open: open, popover: { ...popover, onCloseInternally: handlePopoverCloseInternally }, variant: variant, onKeyDown: onKeyDown }));
|
|
32
|
+
return (_jsx(ModalControlled, { ...props, ref: ref, closeButton: closeButton && { ...closeButton, onClick: handlecloseButtonClick }, closeIcon: { ...closeIcon, onClick: handleCloseIconClick }, open: open, popover: { ...popover, onCloseInternally: handlePopoverCloseInternally }, variant: variant, onClose: onClose, onKeyDown: onKeyDown }));
|
|
33
33
|
};
|
|
34
34
|
const ModalUnControlled = React.forwardRef(ModalUnControlledComponent);
|
|
35
35
|
export { ModalUnControlled };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalUnControlled.js","sourceRoot":"","sources":["../../../../src/components/modal/modalUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,0BAA0B,GAAG,CACjC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,EAAyB,EACtF,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,SAAS,GAA+C,KAAK,CAAC,EAAE;QACpE,IAAI,KAAK,EAAE,OAAO,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACpD,OAAO,KAAK,CAAC,eAAe,EAAE,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE;QAC/B,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE;QACjC,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACxC,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,IAAI,EAAE,GAAG,WAAW,EAAE,OAAO,EAAE,sBAAsB,EAAE,EAC/E,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,EACxE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAMnB,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"modalUnControlled.js","sourceRoot":"","sources":["../../../../src/components/modal/modalUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,0BAA0B,GAAG,CACjC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,EAAyB,EACtF,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,SAAS,GAA+C,KAAK,CAAC,EAAE;QACpE,IAAI,KAAK,EAAE,OAAO,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACpD,OAAO,KAAK,CAAC,eAAe,EAAE,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE;QAC/B,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE;QACjC,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACxC,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,IAAI,EAAE,GAAG,WAAW,EAAE,OAAO,EAAE,sBAAsB,EAAE,EAC/E,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,EACxE,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAMnB,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -50,18 +50,21 @@ export interface IModalStandAlone {
|
|
|
50
50
|
device: DeviceBreakpointsType;
|
|
51
51
|
dataTestId?: string;
|
|
52
52
|
onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
|
|
53
|
+
onPopoverCloseInternally?: () => void;
|
|
54
|
+
dragIcon?: IElementOrIcon;
|
|
55
|
+
dragIconRef?: (node: any) => void;
|
|
53
56
|
scrollableRef: (node: any) => void;
|
|
54
57
|
resizeRef: (node: any) => void;
|
|
55
58
|
shadowRef: (node: any) => void;
|
|
56
59
|
zoomRef: (node: any) => void;
|
|
57
60
|
zoomRefChild: (node: any) => void;
|
|
58
61
|
}
|
|
59
|
-
type OmitProps = 'styles' | 'device' | 'scrollableRef' | 'resizeRef' | 'shadowRef' | 'zoomRef' | 'zoomRefChild';
|
|
62
|
+
type OmitProps = 'styles' | 'device' | 'scrollableRef' | 'resizeRef' | 'shadowRef' | 'zoomRef' | 'zoomRefChild' | 'dragIconRef';
|
|
60
63
|
export interface IModalControlled<V = undefined extends string ? unknown : string> extends Omit<IModalStandAlone, OmitProps>, Omit<CustomTokenTypes<ModalBaseStylesType>, 'cts' | 'extraCt'> {
|
|
61
64
|
variant: V;
|
|
62
65
|
portalId?: string;
|
|
66
|
+
onClose?: () => void;
|
|
63
67
|
}
|
|
64
68
|
export interface IModalUnControlled<V = undefined extends string ? unknown : string> extends IModalControlled<V> {
|
|
65
|
-
onClose?: () => void;
|
|
66
69
|
}
|
|
67
70
|
export {};
|
|
@@ -15,6 +15,8 @@ export type ModalBaseStylesType = {
|
|
|
15
15
|
closeButton?: {
|
|
16
16
|
buttonVariant?: string;
|
|
17
17
|
};
|
|
18
|
+
dragIconContainer?: CommonStyleType;
|
|
19
|
+
dragIcon?: IconTypes;
|
|
18
20
|
};
|
|
19
21
|
export type ModalStylesType<P extends string | number | symbol> = {
|
|
20
22
|
[variant in P]?: ModalBaseStylesType;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IModalStandAlone } from '../types';
|
|
3
|
-
type PickedProps = 'styles' | 'dataTestId' | 'blocked' | 'closeIcon' | 'closeButton' | 'title';
|
|
3
|
+
type PickedProps = 'styles' | 'dataTestId' | 'blocked' | 'closeIcon' | 'closeButton' | 'title' | 'dragIcon' | 'dragIconRef' | 'device';
|
|
4
4
|
export declare const ModalHeader: React.ForwardRefExoticComponent<Pick<IModalStandAlone, PickedProps> & {
|
|
5
5
|
titleIdFinal: string;
|
|
6
6
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -3,9 +3,13 @@ import React from 'react';
|
|
|
3
3
|
import { Button } from '../../../components/button';
|
|
4
4
|
import { ElementOrIcon } from '../../../components/elementOrIcon';
|
|
5
5
|
import { Text, TextComponentType } from '../../../components/text';
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
import { DeviceBreakpointsType } from '../../../types';
|
|
7
|
+
import { DraggableIcon, ModalCloseButtonStyled, ModalHeaderStyled, TitleHiddenContainer, } from '../modal.styled';
|
|
8
|
+
const ModalHeaderComponent = (props, ref) => {
|
|
9
|
+
const isMobile = props.device === DeviceBreakpointsType.MOBILE;
|
|
10
|
+
return (_jsxs(ModalHeaderStyled, { ref: ref, "$styles": props.styles, children: [isMobile && !props.blocked && props.dragIcon && (_jsx(DraggableIcon, { ref: props.dragIconRef, "$styles": props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), !props.blocked && props.closeIcon?.icon && (_jsx(ModalCloseButtonStyled, { "$styles": props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${props.dataTestId}CloseIcon`, ...props.closeIcon }) })), !props.blocked &&
|
|
11
|
+
props.closeButton?.content &&
|
|
12
|
+
(props.styles.closeButton?.buttonVariant || props.closeButton?.variant) && (_jsx(Button, { variant: props.styles.closeButton?.buttonVariant, ...props.closeButton, children: props.closeButton.content })), props.title?.visible === undefined || props.title.visible ? (_jsx(_Fragment, { children: _jsx(Text, { component: TextComponentType.H1, customTypography: props.styles.title, dataTestId: `${props.dataTestId}Title`, id: props.titleIdFinal, ...props.title, children: props.title?.content }) })) : (_jsx(TitleHiddenContainer, { id: props.titleIdFinal, children: props.title?.content }))] }));
|
|
13
|
+
};
|
|
10
14
|
export const ModalHeader = React.forwardRef(ModalHeaderComponent);
|
|
11
15
|
//# sourceMappingURL=modalHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalHeader.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/fragments/modalHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"modalHeader.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/fragments/modalHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AAiBzB,MAAM,oBAAoB,GAAG,CAC3B,KAAuB,EACvB,GAA0D,EAC7C,EAAE;IACf,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,KAAK,qBAAqB,CAAC,MAAM,CAAC;IAE/D,OAAO,CACL,MAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,aAAW,KAAK,CAAC,MAAM,aAC/C,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,IAAI,CAC/C,KAAC,aAAa,IAAC,GAAG,EAAE,KAAK,CAAC,WAAW,aAAW,KAAK,CAAC,MAAM,YAC1D,KAAC,aAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAM,KAAK,CAAC,QAAQ,GAAI,GACjE,CACjB,EACA,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE,IAAI,IAAI,CAC1C,KAAC,sBAAsB,eAAU,KAAK,CAAC,MAAM,YAC3C,KAAC,aAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,eAAe,EAC/C,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,WAAW,KACtC,KAAK,CAAC,SAAS,GACnB,GACqB,CAC1B,EACA,CAAC,KAAK,CAAC,OAAO;gBACb,KAAK,CAAC,WAAW,EAAE,OAAO;gBAC1B,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,IAAI,KAAK,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,CACzE,KAAC,MAAM,IAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,KAAM,KAAK,CAAC,WAAW,YAC5E,KAAK,CAAC,WAAW,CAAC,OAAO,GACnB,CACV,EACF,KAAK,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3D,4BACE,KAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,EAAE,EAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACpC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,EACtC,EAAE,EAAE,KAAK,CAAC,YAAY,KAClB,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACN,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,IAAC,EAAE,EAAE,KAAK,CAAC,YAAY,YAAG,KAAK,CAAC,KAAK,EAAE,OAAO,GAAwB,CAC5F,IACiB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC"}
|
|
@@ -4,9 +4,9 @@ type ModalShowScrollType = {
|
|
|
4
4
|
};
|
|
5
5
|
export declare const ModalStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
|
|
6
6
|
export declare const ModalHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
|
|
7
|
-
export declare const ModalFilledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
|
|
8
7
|
export declare const TitleHiddenContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
9
8
|
export declare const ModalCloseButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
|
|
10
9
|
export declare const ModalContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled & ModalShowScrollType>> & string;
|
|
11
10
|
export declare const ModalFooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
|
|
11
|
+
export declare const DraggableIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
|
|
12
12
|
export {};
|
|
@@ -34,9 +34,6 @@ export const ModalStyled = styled.div `
|
|
|
34
34
|
export const ModalHeaderStyled = styled.div `
|
|
35
35
|
${props => getStyles(props.$styles.headerContainer)}
|
|
36
36
|
`;
|
|
37
|
-
export const ModalFilledContainer = styled.div `
|
|
38
|
-
${props => getStyles(props.$styles.closeButtonIcon)};
|
|
39
|
-
`;
|
|
40
37
|
export const TitleHiddenContainer = styled.span `
|
|
41
38
|
display: none;
|
|
42
39
|
`;
|
|
@@ -52,4 +49,7 @@ export const ModalContentStyled = styled.div `
|
|
|
52
49
|
export const ModalFooterStyled = styled.div `
|
|
53
50
|
${props => getStyles(props.$styles.footer)}
|
|
54
51
|
`;
|
|
52
|
+
export const DraggableIcon = styled.div `
|
|
53
|
+
${props => getStyles(props.$styles?.dragIconContainer)}
|
|
54
|
+
`;
|
|
55
55
|
//# sourceMappingURL=modal.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.styled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modal.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO;AACP,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAQxD,MAAM,0BAA0B,GAAG,CACjC,UAAkB,EAClB,QAAiB,EACjB,SAAkB,EAClB,QAAiB,EACjB,SAAkB,EAClB,SAAS,GAAG,KAAK,EACjB,EAAE,CACF,UAAU;IACV,GAAG,CAAA;MACC,UAAU;QACR,QAAQ;QACV,GAAG,CAAA;qBACY,QAAQ;OACtB;QACC,SAAS;QACX,GAAG,CAAA;sBACa,SAAS;OACxB;QACC,QAAQ;QACV,GAAG,CAAA;qBACY,QAAQ,IAAI,OAAO;OACjC;QACC,SAAS;QACX,GAAG,CAAA;sBACa,SAAS,IAAI,OAAO;OACnC;wBACiB,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;;GAE3C,CAAC;AAEJ,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAc;IAC/C,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC;IAC3C,CAAC,EACD,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,GACvD,GACF,EAAE,EAAE,CAAC,GAAG,CAAA;MACL,0BAA0B,CAC1B,WAAW,EACX,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,CACV;MACC,0BAA0B,CAC1B,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,CACV;MACC,0BAA0B,CAC1B,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,CACV;GACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAc;IACrD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"modal.styled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modal.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO;AACP,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAQxD,MAAM,0BAA0B,GAAG,CACjC,UAAkB,EAClB,QAAiB,EACjB,SAAkB,EAClB,QAAiB,EACjB,SAAkB,EAClB,SAAS,GAAG,KAAK,EACjB,EAAE,CACF,UAAU;IACV,GAAG,CAAA;MACC,UAAU;QACR,QAAQ;QACV,GAAG,CAAA;qBACY,QAAQ;OACtB;QACC,SAAS;QACX,GAAG,CAAA;sBACa,SAAS;OACxB;QACC,QAAQ;QACV,GAAG,CAAA;qBACY,QAAQ,IAAI,OAAO;OACjC;QACC,SAAS;QACX,GAAG,CAAA;sBACa,SAAS,IAAI,OAAO;OACnC;wBACiB,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;;GAE3C,CAAC;AAEJ,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAc;IAC/C,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC;IAC3C,CAAC,EACD,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,GACvD,GACF,EAAE,EAAE,CAAC,GAAG,CAAA;MACL,0BAA0B,CAC1B,WAAW,EACX,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,CACV;MACC,0BAA0B,CAC1B,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,CACV;MACC,0BAA0B,CAC1B,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,CACV;GACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAc;IACrD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAA;;CAE9C,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAc;IAC1D,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,oBAAoB,CAAC;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAoC;;;IAG5E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;gBAC7B,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,iBAAiB;CAC3D,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAc;IACrD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAc;IACjD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC;CACvD,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { STYLES_NAME } from '../../constants';
|
|
4
|
-
import { useMediaDevice, useScrollEffect, useStylesV2 } from '../../hooks';
|
|
4
|
+
import { useMediaDevice, useScrollEffect, useStylesV2, useSwipeDown } from '../../hooks';
|
|
5
5
|
import { ErrorBoundary } from '../../provider/errorBoundary/errorBoundary';
|
|
6
6
|
import { FallbackComponent } from '../../provider/errorBoundary/fallbackComponent';
|
|
7
7
|
import { Portal } from '../portal';
|
|
@@ -17,7 +17,12 @@ const ModalControlledComponent = React.forwardRef(({ variant, ctv, portalId, ...
|
|
|
17
17
|
// The box_shadow token is need for the shadow effect
|
|
18
18
|
shadowStyles: styles?.headerContainer?.box_shadow,
|
|
19
19
|
});
|
|
20
|
-
const
|
|
20
|
+
const { setPopoverRef, setDragIconRef } = useSwipeDown(props.popover?.animationOptions, () => props.onClose?.());
|
|
21
|
+
const handlePopoverCloseInternally = () => {
|
|
22
|
+
props.popover?.onCloseInternally?.();
|
|
23
|
+
props.onClose?.();
|
|
24
|
+
};
|
|
25
|
+
const modalStructure = (_jsx(ModalStandAlone, { ...props, ref: ref, device: device, dragIconRef: setDragIconRef, popover: { ...props.popover, forwardedRef: setPopoverRef }, scrollableRef: scrollableRef, shadowRef: shadowRef, styles: styles, onPopoverCloseInternally: handlePopoverCloseInternally }));
|
|
21
26
|
return portalId ? _jsx(Portal, { wrapperId: portalId, children: modalStructure }) : modalStructure;
|
|
22
27
|
});
|
|
23
28
|
ModalControlledComponent.displayName = 'ModalControlledComponent';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalControlled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modalControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"modalControlled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modalControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAE/E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EACzD,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,WAAW,CAAyB;QACjD,SAAS,EAAE,WAAW,CAAC,QAAQ;QAC/B,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;KAClB,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAEhC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC;QACnD,qDAAqD;QACrD,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,UAAU;KAClD,CAAC,CAAC;IAEH,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,gBAAgB,EAAE,GAAG,EAAE,CAC3F,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;IAEF,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACxC,KAAK,CAAC,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC;QACrC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CACrB,KAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,EAC1D,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAA6B,EACrC,wBAAwB,EAAE,4BAA4B,GACtD,CACH,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,SAAS,EAAE,QAAQ,YAAG,cAAc,GAAU,CAAC,CAAC,CAAC,cAAc,CAAC;AAC5F,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,aAAa,GAAG,CACpB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EAC3C,GAA0D,EAC7C,EAAE;IACf,MAAM,cAAc,GAAG,KAAC,eAAe,OAAM,KAAqC,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IAEjG,OAAO,CACL,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cACf,QAAQ,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,SAAS,EAAE,QAAQ,YAAG,cAAc,GAAU,CAAC,CAAC,CAAC,cAAc,GACjE,YAGtB,KAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACvD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAIjB,CAAC;AAEtC,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { useId } from '../../hooks';
|
|
4
4
|
import { Footer } from '../footer';
|
|
5
|
-
import { Popover, PopoverComponentType, PopoverPositionVariantType } from '../popover';
|
|
5
|
+
import { PopoverControlled as Popover, PopoverComponentType, PopoverPositionVariantType, } from '../popover';
|
|
6
6
|
import { ModalHeader } from './fragments';
|
|
7
7
|
import { ModalContentStyled, ModalFooterStyled, ModalStyled } from './modal.styled';
|
|
8
8
|
import { onlyDesktopSize } from './utils';
|
|
@@ -13,7 +13,7 @@ const ModalStandAloneComponent = ({ dataTestId = 'modalDataTestId', scrollableRe
|
|
|
13
13
|
const titleIdFinal = props.title?.id ?? uniqueTitleId;
|
|
14
14
|
const modalRef = React.useRef(null);
|
|
15
15
|
const modalFooterVariant = props.footer?.variant ?? props.styles.footerVariant;
|
|
16
|
-
return (_jsx(Popover, { "aria-labelledby": titleIdFinal, "aria-modal": props.open, clickOverlayClose: !props.blocked, component: PopoverComponentType.DIALOG, dataTestId: `${dataTestId}Popover`, hasBackDrop: true, id: modalId, open: props.open, positionVariant: PopoverPositionVariantType.FIXED, trapFocusInsideModal: true, variant: props.styles.popoverVariant, ...props.popover, children: _jsxs(ModalStyled, { ref: modalRef, "$maxHeight": props.maxHeight, "$maxWidth": props.maxWidth, "$minHeight": customHeightAllDevices ? props.minHeight : onlyDesktopSize(props.device, props.minHeight), "$minWidth": customWidthAllDevices ? props.minWidth : onlyDesktopSize(props.device, props.minWidth), "$styles": props.styles, "data-testid": dataTestId, hasFooter: !!props.footer?.content, onKeyDown: event => props.onKeyDown?.(event), children: [_jsx(ModalHeader, { ref: shadowRef, blocked: props.blocked, closeButton: props.closeButton, closeIcon: props.closeIcon, dataTestId: dataTestId, styles: props.styles, title: props.title, titleIdFinal: titleIdFinal }), _jsx(ModalContentStyled, { ref: ref => {
|
|
16
|
+
return (_jsx(Popover, { "aria-labelledby": titleIdFinal, "aria-modal": props.open, clickOverlayClose: !props.blocked, component: PopoverComponentType.DIALOG, dataTestId: `${dataTestId}Popover`, hasBackDrop: true, id: modalId, open: props.open, positionVariant: PopoverPositionVariantType.FIXED, trapFocusInsideModal: true, variant: props.styles.popoverVariant, onCloseInternally: props.onPopoverCloseInternally, ...props.popover, children: _jsxs(ModalStyled, { ref: modalRef, "$maxHeight": props.maxHeight, "$maxWidth": props.maxWidth, "$minHeight": customHeightAllDevices ? props.minHeight : onlyDesktopSize(props.device, props.minHeight), "$minWidth": customWidthAllDevices ? props.minWidth : onlyDesktopSize(props.device, props.minWidth), "$styles": props.styles, "data-testid": dataTestId, hasFooter: !!props.footer?.content, onKeyDown: event => props.onKeyDown?.(event), children: [_jsx(ModalHeader, { ref: shadowRef, blocked: props.blocked, closeButton: props.closeButton, closeIcon: props.closeIcon, dataTestId: dataTestId, device: props.device, dragIcon: props.dragIcon, dragIconRef: props.dragIconRef, styles: props.styles, title: props.title, titleIdFinal: titleIdFinal }), _jsx(ModalContentStyled, { ref: ref => {
|
|
17
17
|
scrollableRef(ref);
|
|
18
18
|
}, "$minContentHeight": props.minContentHeight, "$styles": props.styles, "data-testid": `${dataTestId}Content`, children: props.content }), modalFooterVariant && props.footer?.content && (_jsx(ModalFooterStyled, { "$styles": props.styles, children: _jsx(Footer, { dataTestId: `${dataTestId}Navbar`, variant: modalFooterVariant, ...props.footer, children: props.footer?.content }) }))] }) }));
|
|
19
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalStandAlone.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modalStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,
|
|
1
|
+
{"version":3,"file":"modalStandAlone.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modalStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EACL,iBAAiB,IAAI,OAAO,EAC5B,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEpF,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,wBAAwB,GAAG,CAC/B,EACE,UAAU,GAAG,iBAAiB,EAC9B,aAAa,EACb,SAAS,EACT,sBAAsB,GAAG,KAAK,EAC9B,qBAAqB,GAAG,KAAK,EAC7B,GAAG,KAAK,EACS,EACnB,GAA0D,EAC7C,EAAE;IACf,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;IACrC,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,IAAI,aAAa,CAAC;IAC1C,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;IAC3C,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,aAAa,CAAC;IACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC3D,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC;IAE/E,OAAO,CACL,KAAC,OAAO,uBACW,YAAY,gBACjB,KAAK,CAAC,IAAI,EACtB,iBAAiB,EAAE,CAAC,KAAK,CAAC,OAAO,EACjC,SAAS,EAAE,oBAAoB,CAAC,MAAM,EACtC,UAAU,EAAE,GAAG,UAAU,SAAS,EAClC,WAAW,EAAE,IAAI,EACjB,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,eAAe,EAAE,0BAA0B,CAAC,KAAK,EACjD,oBAAoB,EAAE,IAAI,EAC1B,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EACpC,iBAAiB,EAAE,KAAK,CAAC,wBAAwB,KAC7C,KAAK,CAAC,OAAO,YAEjB,MAAC,WAAW,IACV,GAAG,EAAE,QAAQ,gBACD,KAAK,CAAC,SAAS,eAChB,KAAK,CAAC,QAAQ,gBAEvB,sBAAsB,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,eAGzF,qBAAqB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,aAE/E,KAAK,CAAC,MAAM,iBACR,UAAU,EACvB,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,EAClC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,aAG5C,KAAC,WAAW,IACV,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,YAAY,EAAE,YAAY,GAC1B,EAEF,KAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,CAAC,EAAE;wBACT,aAAa,CAAC,GAAG,CAAC,CAAC;oBACrB,CAAC,uBACkB,KAAK,CAAC,gBAAgB,aAChC,KAAK,CAAC,MAAM,iBACR,GAAG,UAAU,SAAS,YAElC,KAAK,CAAC,OAAO,GACK,EAEpB,kBAAkB,IAAI,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,CAC9C,KAAC,iBAAiB,eAAU,KAAK,CAAC,MAAM,YACtC,KAAC,MAAM,IACL,UAAU,EAAE,GAAG,UAAU,QAAQ,EACjC,OAAO,EAAE,kBAAkB,KACvB,KAAK,CAAC,MAAM,YAEf,KAAK,CAAC,MAAM,EAAE,OAAO,GACf,GACS,CACrB,IACW,GACN,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC"}
|
|
@@ -29,7 +29,7 @@ const ModalUnControlledComponent = ({ variant, onClose, closeIcon, closeButton,
|
|
|
29
29
|
handleClose();
|
|
30
30
|
popover?.onCloseInternally?.();
|
|
31
31
|
};
|
|
32
|
-
return (_jsx(ModalControlled, { ...props, ref: ref, closeButton: closeButton && { ...closeButton, onClick: handlecloseButtonClick }, closeIcon: { ...closeIcon, onClick: handleCloseIconClick }, open: open, popover: { ...popover, onCloseInternally: handlePopoverCloseInternally }, variant: variant, onKeyDown: onKeyDown }));
|
|
32
|
+
return (_jsx(ModalControlled, { ...props, ref: ref, closeButton: closeButton && { ...closeButton, onClick: handlecloseButtonClick }, closeIcon: { ...closeIcon, onClick: handleCloseIconClick }, open: open, popover: { ...popover, onCloseInternally: handlePopoverCloseInternally }, variant: variant, onClose: onClose, onKeyDown: onKeyDown }));
|
|
33
33
|
};
|
|
34
34
|
const ModalUnControlled = React.forwardRef(ModalUnControlledComponent);
|
|
35
35
|
export { ModalUnControlled };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalUnControlled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modalUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,0BAA0B,GAAG,CACjC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,EAAyB,EACtF,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,SAAS,GAA+C,KAAK,CAAC,EAAE;QACpE,IAAI,KAAK,EAAE,OAAO,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACpD,OAAO,KAAK,CAAC,eAAe,EAAE,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE;QAC/B,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE;QACjC,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACxC,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,IAAI,EAAE,GAAG,WAAW,EAAE,OAAO,EAAE,sBAAsB,EAAE,EAC/E,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,EACxE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAMnB,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"modalUnControlled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modalUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,0BAA0B,GAAG,CACjC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,EAAyB,EACtF,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,SAAS,GAA+C,KAAK,CAAC,EAAE;QACpE,IAAI,KAAK,EAAE,OAAO,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACpD,OAAO,KAAK,CAAC,eAAe,EAAE,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE;QAC/B,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE;QACjC,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACxC,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,IAAI,EAAE,GAAG,WAAW,EAAE,OAAO,EAAE,sBAAsB,EAAE,EAC/E,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,EACxE,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAMnB,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -47,15 +47,18 @@ export interface IModalStandAlone {
|
|
|
47
47
|
device: DeviceBreakpointsType;
|
|
48
48
|
dataTestId?: string;
|
|
49
49
|
onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
|
|
50
|
+
onPopoverCloseInternally?: () => void;
|
|
50
51
|
scrollableRef: (node: any) => void;
|
|
51
52
|
shadowRef: (node: any) => void;
|
|
53
|
+
dragIcon?: IElementOrIcon;
|
|
54
|
+
dragIconRef?: (node: any) => void;
|
|
52
55
|
}
|
|
53
|
-
type OmitProps = 'styles' | 'device' | 'scrollableRef' | 'shadowRef' | 'zoomRef' | 'zoomRefChild';
|
|
56
|
+
type OmitProps = 'styles' | 'device' | 'scrollableRef' | 'shadowRef' | 'zoomRef' | 'zoomRefChild' | 'dragIconRef';
|
|
54
57
|
export interface IModalControlled<V = undefined extends string ? unknown : string> extends Omit<IModalStandAlone, OmitProps>, Omit<CustomTokenTypes<ModalBaseStylesType>, 'cts' | 'extraCt'> {
|
|
55
58
|
variant: V;
|
|
56
59
|
portalId?: string;
|
|
60
|
+
onClose?: () => void;
|
|
57
61
|
}
|
|
58
62
|
export interface IModalUnControlled<V = undefined extends string ? unknown : string> extends IModalControlled<V> {
|
|
59
|
-
onClose?: () => void;
|
|
60
63
|
}
|
|
61
64
|
export {};
|
|
@@ -13,6 +13,8 @@ export type ModalBaseStylesType = {
|
|
|
13
13
|
closeButton?: {
|
|
14
14
|
buttonVariant?: string;
|
|
15
15
|
};
|
|
16
|
+
dragIconContainer?: CommonStyleType;
|
|
17
|
+
dragIcon?: IconTypes;
|
|
16
18
|
};
|
|
17
19
|
export type ModalStylesType<P extends string | number | symbol> = {
|
|
18
20
|
[variant in P]?: ModalBaseStylesType;
|
|
@@ -5,7 +5,7 @@ import { ElementOrIcon } from '../../components/elementOrIcon';
|
|
|
5
5
|
import { Text } from '../../components/text/text';
|
|
6
6
|
import { TextComponentType } from '../../components/text/types/component';
|
|
7
7
|
import { useId } from '../../hooks';
|
|
8
|
-
import { ButtonType } from '../button';
|
|
8
|
+
import { ButtonType } from '../button/types';
|
|
9
9
|
import { NavigationCardInfo } from './fragments';
|
|
10
10
|
import { buildProps } from './helpers';
|
|
11
11
|
import { NavigationCardDecorativeContainer, NavigationCardInfoContentStyled, NavigationCardLeftContentStyled, NavigationCardRightContentStyled, NavigationCardStyled, } from './navigationCard.styled';
|
|
@@ -15,11 +15,7 @@ const NavigationCardStandaloneComponent = ({ type = ButtonType.BUTTON, ...props
|
|
|
15
15
|
const innerContainersComponent = props.url ? 'div' : 'span';
|
|
16
16
|
return (
|
|
17
17
|
// Can not be spread -> styled component breaks
|
|
18
|
-
_jsx(NavigationCardStyled
|
|
19
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
20
|
-
, {
|
|
21
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
22
|
-
ref: ref, "aria-disabled": props['aria-disabled'], as: props.url ? props.component : 'button', className: props.className, dataTestId: props.dataTestId, draggable: props.draggable, role: props.role, styles: props.styles, target: props.target, type: props.url ? undefined : type, url: props.url, onClick: props.onClick, onFocus: props.onFocus, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: _jsxs(_Fragment, { children: [props.decorative && (_jsx(NavigationCardDecorativeContainer, { as: innerContainersComponent, marginRight: marginRight, styles: props.styles, children: _jsx(DecorativeElement, { additionalProps: additionalProps, element: props.decorative }) })), _jsxs(NavigationCardInfoContentStyled, { as: innerContainersComponent, id: infoId, isExpanded: props.styles.containerExpandedContent, children: [_jsx(NavigationCardLeftContentStyled, { as: innerContainersComponent, isExpanded: props.styles.containerExpandedContent, children: _jsx(NavigationCardInfo, { dataTestId: props.dataTestId, description: props.description, device: props.device, innerContainersComponent: innerContainersComponent, styles: props.styles, tag: props.tag, title: props.title }) }), _jsxs(NavigationCardRightContentStyled, { "aria-hidden": true, as: innerContainersComponent, styles: props.styles, children: [props.styles.containerExpandedContent && (_jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.arrowIconText, ...props.arrowIconText, children: props.arrowIconText?.content })), _jsx(ElementOrIcon, { customIconStyles: props.styles.arrowIcon, dataTestId: `${props.dataTestId}ArrowIcon`, ...props.arrowIcon })] })] })] }) }));
|
|
18
|
+
_jsx(NavigationCardStyled, { ref: ref, "aria-disabled": props['aria-disabled'], as: props.url ? props.component : 'button', className: props.className, dataTestId: props.dataTestId, draggable: props.draggable, role: props.role, styles: props.styles, target: props.target, type: props.url ? undefined : type, url: props.url, onClick: props.onClick, onFocus: props.onFocus, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: _jsxs(_Fragment, { children: [props.decorative && (_jsx(NavigationCardDecorativeContainer, { as: innerContainersComponent, marginRight: marginRight, styles: props.styles, children: _jsx(DecorativeElement, { additionalProps: additionalProps, element: props.decorative }) })), _jsxs(NavigationCardInfoContentStyled, { as: innerContainersComponent, id: infoId, isExpanded: props.styles.containerExpandedContent, children: [_jsx(NavigationCardLeftContentStyled, { as: innerContainersComponent, isExpanded: props.styles.containerExpandedContent, children: _jsx(NavigationCardInfo, { dataTestId: props.dataTestId, description: props.description, device: props.device, innerContainersComponent: innerContainersComponent, styles: props.styles, tag: props.tag, title: props.title }) }), _jsxs(NavigationCardRightContentStyled, { "aria-hidden": true, as: innerContainersComponent, styles: props.styles, children: [props.styles.containerExpandedContent && (_jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.arrowIconText, ...props.arrowIconText, children: props.arrowIconText?.content })), _jsx(ElementOrIcon, { customIconStyles: props.styles.arrowIcon, dataTestId: `${props.dataTestId}ArrowIcon`, ...props.arrowIcon })] })] })] }) }));
|
|
23
19
|
};
|
|
24
20
|
export const NavigationCardStandalone = React.forwardRef(NavigationCardStandaloneComponent);
|
|
25
21
|
//# sourceMappingURL=navigationCardStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigationCardStandAlone.js","sourceRoot":"","sources":["../../../../src/components/navigationCard/navigationCardStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,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,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"navigationCardStandAlone.js","sourceRoot":"","sources":["../../../../src/components/navigationCard/navigationCardStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,6 +24,7 @@ const OptionStandAlone = React.forwardRef((props, ref) => {
|
|
|
24
24
|
const hasCheckedIcon = [
|
|
25
25
|
OptionStateType.MULTIPLE_SELECTED,
|
|
26
26
|
OptionStateType.MULTIPLE_SELECTED_HOVER,
|
|
27
|
+
OptionStateType.SELECTED,
|
|
27
28
|
].includes(state);
|
|
28
29
|
const { firstHighlightedIndex, lastHighlightedIndex } = getHighlightedIndexes(props.label, props.labelCharsHighlighted);
|
|
29
30
|
const _firstNoHighlightedLabel = props.label.substring(0, firstHighlightedIndex);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"optionStandAlone.js","sourceRoot":"","sources":["../../../../src/components/option/optionStandAlone.tsx"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAsB,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACL,eAAe,EACf,2BAA2B,EAC3B,kCAAkC,EAClC,sBAAsB,EACtB,YAAY,EACZ,uBAAuB,GACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAqB,eAAe,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAE1D,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,KAAwB,EAAE,GAAgD,EAAE,EAAE;IAC7E,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,qBAAqB,IAAI,KAAK,CAAC,qBAAqB,EAAE,MAAM,GAAG,CAAC,CAAC;IACzF,MAAM,KAAK,GAAG,QAAQ,CACpB,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,WAAW,EACjB,KAAK,CAAC,KAAK,EACX,OAAO,CACR,CAAC;IACF,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,KAAK,KAAK,eAAe,CAAC,QAAQ,CAAC;IAEpD,MAAM,iBAAiB,GAA4C,KAAK,CAAC,EAAE;QACzE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,eAAe,CAAC,iBAAiB;QACjC,eAAe,CAAC,uBAAuB;
|
|
1
|
+
{"version":3,"file":"optionStandAlone.js","sourceRoot":"","sources":["../../../../src/components/option/optionStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { IPill } from './types';
|
|
3
|
-
export declare const Pill: React.ForwardRefExoticComponent<IPill & React.RefAttributes<
|
|
3
|
+
export declare const Pill: React.ForwardRefExoticComponent<IPill & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pill.js","sourceRoot":"","sources":["../../../../src/components/pillV2/pill.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,aAAa,GAAG,CACpB,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,EAAS,EAC3E,
|
|
1
|
+
{"version":3,"file":"pill.js","sourceRoot":"","sources":["../../../../src/components/pillV2/pill.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,aAAa,GAAG,CACpB,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,EAAS,EAC3E,GAAgD,EAChD,EAAE;IACF,MAAM,aAAa,GAAG,WAAW,CAA6B;QAC5D,SAAS,EAAE,WAAW,CAAC,OAAO;QAC9B,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEnD,2EAA2E;IAC3E,MAAM,MAAM,GAAG,IAAI;QACjB,CAAC,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;QAChC,CAAC,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,cAAc,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAChG,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { IPillStandAlone } from './types';
|
|
3
|
-
export declare const PillStandAlone: React.ForwardRefExoticComponent<IPillStandAlone & React.RefAttributes<
|
|
3
|
+
export declare const PillStandAlone: React.ForwardRefExoticComponent<IPillStandAlone & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -6,7 +6,7 @@ import { TextComponentType } from '../../components/text/types';
|
|
|
6
6
|
import { useId } from '../../hooks';
|
|
7
7
|
import { ROLES } from '../../types';
|
|
8
8
|
import { InputTypeType } from '../../types/inputType';
|
|
9
|
-
import { ButtonType } from '../button';
|
|
9
|
+
import { ButtonType } from '../button/types';
|
|
10
10
|
import { PillAsButton, PillContentContainerStyled, PillInputStyled, PillRootContainerStyled, } from './pill.styled';
|
|
11
11
|
import { PillType } from './types';
|
|
12
12
|
const PillStandAloneComponent = ({ dataTestId = 'pill', type = PillType.BUTTON, ...props }, ref) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pillStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillV2/pillStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"pillStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillV2/pillStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/progressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO;AACP,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IProgressBar } from './types';
|
|
3
|
+
declare const ProgressBarBoundary: <V extends string | unknown>(props: IProgressBar<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
|
|
4
|
+
declare const ProgressBar: <V extends string | unknown>(props: React.PropsWithChildren<IProgressBar<V>> & {
|
|
5
|
+
ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
|
|
6
|
+
}) => ReturnType<typeof ProgressBarBoundary>;
|
|
7
|
+
/**
|
|
8
|
+
* @description
|
|
9
|
+
* ProgressBar component is used to show a progress bar.
|
|
10
|
+
* @param {React.PropsWithChildren<IProgressBar<V>>} props
|
|
11
|
+
* @returns {JSX.Element}
|
|
12
|
+
* @constructor
|
|
13
|
+
* @example
|
|
14
|
+
* <ProgressBar variant="progressBar" />
|
|
15
|
+
*/
|
|
16
|
+
export { ProgressBar };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { STYLES_NAME } from '../../constants';
|
|
4
|
+
import { useStyles } from '../../hooks/useStyles/useStyles';
|
|
5
|
+
import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
|
|
6
|
+
import { ProgressBarStandalone } from './progressBarStandAlone';
|
|
7
|
+
const ProgressBarComponent = React.forwardRef(({ variant, percentProgressCompleted, ctv, ...props }, ref) => {
|
|
8
|
+
const styles = useStyles(STYLES_NAME.PROGRESS_BAR, variant, ctv);
|
|
9
|
+
const sizeStyles = useStyles(STYLES_NAME.PROGRESS_BAR, props.size, props.cts);
|
|
10
|
+
// Avoid values not included in 0 - 100
|
|
11
|
+
const progressCompleted = !percentProgressCompleted
|
|
12
|
+
? 0
|
|
13
|
+
: Math.min(Math.max(percentProgressCompleted, 0), 100);
|
|
14
|
+
return (_jsx(ProgressBarStandalone, { ...props, ref: ref, progressCompleted: progressCompleted, sizeStyles: sizeStyles, styles: styles }));
|
|
15
|
+
});
|
|
16
|
+
ProgressBarComponent.displayName = 'ProgressBarComponent';
|
|
17
|
+
const ProgressBarBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(ProgressBarStandalone, { ...props, ref: ref }) }), children: _jsx(ProgressBarComponent, { ...props, ref: ref }) }));
|
|
18
|
+
const ProgressBar = React.forwardRef(ProgressBarBoundary);
|
|
19
|
+
/**
|
|
20
|
+
* @description
|
|
21
|
+
* ProgressBar component is used to show a progress bar.
|
|
22
|
+
* @param {React.PropsWithChildren<IProgressBar<V>>} props
|
|
23
|
+
* @returns {JSX.Element}
|
|
24
|
+
* @constructor
|
|
25
|
+
* @example
|
|
26
|
+
* <ProgressBar variant="progressBar" />
|
|
27
|
+
*/
|
|
28
|
+
export { ProgressBar };
|
|
29
|
+
//# sourceMappingURL=progressBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progressBar.js","sourceRoot":"","sources":["../../../../src/components/progressBar/progressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAQhE,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAC3C,CAIE,EAAE,OAAO,EAAE,wBAAwB,EAAE,GAAG,EAAE,GAAG,KAAK,EAAsB,EACxE,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,WAAW,CAAC,YAAY,EACxB,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,UAAU,GAAG,SAAS,CAC1B,WAAW,CAAC,YAAY,EACxB,KAAK,CAAC,IAAI,EACV,KAAK,CAAC,GAAG,CACV,CAAC;IAEF,uCAAuC;IACvC,MAAM,iBAAiB,GAAG,CAAC,wBAAwB;QACjD,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,wBAAwB,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAEzD,OAAO,CACL,KAAC,qBAAqB,OAChB,KAAK,EACT,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,MAAM,mBAAmB,GAAG,CAC1B,KAAsB,EACtB,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,qBAAqB,OAAM,KAA2C,EAAE,GAAG,EAAE,GAAG,GAAI,GACnE,YAGtB,KAAC,oBAAoB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC/B,CACjB,CAAC;AAEF,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAIb,CAAC;AAE5C;;;;;;;;GAQG;AACH,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ProgressBarSizeStylesType, ProgressBarVariantStylesType } from './types';
|
|
2
|
+
type ProgressBarStylesType = {
|
|
3
|
+
styles: ProgressBarVariantStylesType;
|
|
4
|
+
sizeStyles?: ProgressBarSizeStylesType;
|
|
5
|
+
};
|
|
6
|
+
export declare const ParentContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ProgressBarStylesType>> & string;
|
|
7
|
+
export declare const BarContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ProgressBarStylesType>> & string;
|
|
8
|
+
export declare const BarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ProgressBarStylesType>> & string;
|
|
9
|
+
export declare const ProgressBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ProgressBarStylesType & {
|
|
10
|
+
progressCompleted?: number;
|
|
11
|
+
}>> & string;
|
|
12
|
+
export {};
|