@kubit-ui-web/react-components 1.13.1 → 1.14.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/actionBottomSheetControlled.js +2 -2
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetControlled.js.map +1 -1
- package/dist/cjs/components/badge/badgeControlled.js +2 -0
- package/dist/cjs/components/badge/badgeControlled.js.map +1 -1
- package/dist/cjs/components/badge/badgeUnControlled.js +2 -0
- package/dist/cjs/components/badge/badgeUnControlled.js.map +1 -1
- package/dist/cjs/components/badgeV2/badge.js +60 -0
- package/dist/cjs/components/badgeV2/badge.js.map +1 -0
- package/dist/cjs/components/badgeV2/badge.styled.js +43 -0
- package/dist/cjs/components/badgeV2/badge.styled.js.map +1 -0
- package/dist/cjs/components/badgeV2/badgeStandAlone.js +57 -0
- package/dist/cjs/components/badgeV2/badgeStandAlone.js.map +1 -0
- package/dist/cjs/components/badgeV2/index.js +6 -0
- package/dist/cjs/components/badgeV2/index.js.map +1 -0
- package/dist/cjs/components/badgeV2/types/badge.js +3 -0
- package/dist/cjs/components/badgeV2/types/badge.js.map +1 -0
- package/dist/cjs/components/badgeV2/types/badgeTheme.js +3 -0
- package/dist/cjs/components/badgeV2/types/badgeTheme.js.map +1 -0
- package/dist/cjs/components/badgeV2/types/index.js +18 -0
- package/dist/cjs/components/badgeV2/types/index.js.map +1 -0
- package/dist/cjs/components/badgeV2/types/state.js +15 -0
- package/dist/cjs/components/badgeV2/types/state.js.map +1 -0
- package/dist/cjs/components/button/button.styled.js +0 -20
- package/dist/cjs/components/button/button.styled.js.map +1 -1
- package/dist/cjs/components/carousel/carouselStandAlone.js +1 -1
- package/dist/cjs/components/carousel/carouselStandAlone.js.map +1 -1
- package/dist/cjs/components/chip/chip.styled.js +4 -4
- package/dist/cjs/components/chip/chip.styled.js.map +1 -1
- package/dist/cjs/components/dataTable/dataTableStandAlone.js +1 -1
- package/dist/cjs/components/dataTable/dataTableStandAlone.js.map +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableHasScroll.js +2 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableHasScroll.js.map +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js +2 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js.map +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js +2 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js.map +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js +2 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js.map +1 -1
- package/dist/cjs/components/iconHighlighted/iconHighlighted.styled.js +3 -1
- package/dist/cjs/components/iconHighlighted/iconHighlighted.styled.js.map +1 -1
- package/dist/cjs/components/iconHighlighted/iconHighlightedStandAlone.js +2 -2
- package/dist/cjs/components/iconHighlighted/iconHighlightedStandAlone.js.map +1 -1
- package/dist/cjs/components/image/imageStandAlone.js +1 -1
- package/dist/cjs/components/image/imageStandAlone.js.map +1 -1
- package/dist/cjs/components/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/input/inputStandAlone.js +1 -1
- package/dist/cjs/components/input/inputStandAlone.js.map +1 -1
- package/dist/cjs/components/input/utils/aria.utils.js +3 -3
- package/dist/cjs/components/input/utils/aria.utils.js.map +1 -1
- package/dist/cjs/components/inputCounter/inputCounter.js +12 -2
- package/dist/cjs/components/inputCounter/inputCounter.js.map +1 -1
- package/dist/cjs/components/inputCounter/inputCounterStandAlone.js +3 -1
- package/dist/cjs/components/inputCounter/inputCounterStandAlone.js.map +1 -1
- package/dist/cjs/components/inputCounter/types/inputCounter.js +3 -0
- package/dist/cjs/components/inputCounter/types/inputCounter.js.map +1 -1
- package/dist/cjs/components/inputCounter/utils/counter.utils.js +14 -1
- package/dist/cjs/components/inputCounter/utils/counter.utils.js.map +1 -1
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js +2 -2
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/cjs/components/inputSearch/components/optionsList.js +10 -1
- package/dist/cjs/components/inputSearch/components/optionsList.js.map +1 -1
- package/dist/cjs/components/inputSearch/components/popoverSearchList.js +2 -2
- package/dist/cjs/components/inputSearch/components/popoverSearchList.js.map +1 -1
- package/dist/cjs/components/inputSearch/helpers/index.js +2 -0
- package/dist/cjs/components/inputSearch/helpers/index.js.map +1 -1
- package/dist/cjs/components/inputSearch/helpers/popover.js +17 -0
- package/dist/cjs/components/inputSearch/helpers/popover.js.map +1 -0
- package/dist/cjs/components/inputSearch/helpers/screenReader.js +17 -0
- package/dist/cjs/components/inputSearch/helpers/screenReader.js.map +1 -0
- package/dist/cjs/components/inputSearch/hooks/useInputSearch.js +3 -0
- package/dist/cjs/components/inputSearch/hooks/useInputSearch.js.map +1 -1
- package/dist/cjs/components/inputSearch/index.js +4 -1
- package/dist/cjs/components/inputSearch/index.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearch.js +4 -2
- package/dist/cjs/components/inputSearch/inputSearch.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearch.styled.js +4 -1
- package/dist/cjs/components/inputSearch/inputSearch.styled.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearchStandAlone.js +12 -3
- package/dist/cjs/components/inputSearch/inputSearchStandAlone.js.map +1 -1
- package/dist/cjs/components/modal/modalControlled.js +4 -0
- package/dist/cjs/components/modal/modalControlled.js.map +1 -1
- package/dist/cjs/components/modal/modalUnControlled.js +4 -0
- package/dist/cjs/components/modal/modalUnControlled.js.map +1 -1
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js +5 -1
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/cjs/components/navigationRow/navigationRow.styled.js +4 -1
- package/dist/cjs/components/navigationRow/navigationRow.styled.js.map +1 -1
- package/dist/cjs/components/navigationRow/navigationRowStandAlone.js +1 -1
- package/dist/cjs/components/navigationRow/navigationRowStandAlone.js.map +1 -1
- package/dist/cjs/components/oliveMenu/oliveMenu.js +1 -1
- package/dist/cjs/components/oliveMenu/oliveMenu.js.map +1 -1
- package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js +3 -2
- package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js.map +1 -1
- package/dist/cjs/components/oliveMenu/utils/getAriaControls.js +4 -3
- package/dist/cjs/components/oliveMenu/utils/getAriaControls.js.map +1 -1
- package/dist/cjs/components/pillSelector/pillSelectorControlled.js +2 -1
- package/dist/cjs/components/pillSelector/pillSelectorControlled.js.map +1 -1
- package/dist/cjs/components/pillV2/pill.js.map +1 -1
- package/dist/cjs/components/pillV2/pillStandAlone.js.map +1 -1
- package/dist/cjs/components/popover/popoverControlled.js +21 -15
- package/dist/cjs/components/popover/popoverControlled.js.map +1 -1
- package/dist/cjs/components/snackbar/snackbarStandAlone.js +1 -1
- package/dist/cjs/components/snackbar/snackbarStandAlone.js.map +1 -1
- package/dist/cjs/components/snackbar/snackbarUnControlled.js +4 -0
- package/dist/cjs/components/snackbar/snackbarUnControlled.js.map +1 -1
- package/dist/cjs/components/stepperNumber/stepperNumber.styled.js +15 -8
- package/dist/cjs/components/stepperNumber/stepperNumber.styled.js.map +1 -1
- package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js +11 -4
- package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js.map +1 -1
- package/dist/cjs/components/summaryDetails/summaryDetailsControlled.js +0 -1
- package/dist/cjs/components/summaryDetails/summaryDetailsControlled.js.map +1 -1
- package/dist/cjs/components/table/table.js +2 -1
- package/dist/cjs/components/table/table.js.map +1 -1
- package/dist/cjs/components/tableRow/tableRowStandAlone.js +2 -2
- package/dist/cjs/components/tableRow/tableRowStandAlone.js.map +1 -1
- package/dist/cjs/components/tableV2/hooks/useTableHasScroll.js +2 -1
- package/dist/cjs/components/tableV2/hooks/useTableHasScroll.js.map +1 -1
- package/dist/cjs/components/tableV2/hooks/useTableStickyLeftColumns.js +2 -1
- package/dist/cjs/components/tableV2/hooks/useTableStickyLeftColumns.js.map +1 -1
- package/dist/cjs/components/tableV2/hooks/useTableStickyRightColumns.js +2 -1
- package/dist/cjs/components/tableV2/hooks/useTableStickyRightColumns.js.map +1 -1
- package/dist/cjs/components/tableV2/tableStandAlone.js +1 -1
- package/dist/cjs/components/tableV2/tableStandAlone.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.styled.js +2 -2
- package/dist/cjs/components/tabs/tabs.styled.js.map +1 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js +7 -5
- package/dist/cjs/components/tabs/tabsStandAlone.js.map +1 -1
- package/dist/cjs/components/tooltip/components/tooltipTrigger.js +1 -1
- package/dist/cjs/components/tooltip/components/tooltipTrigger.js.map +1 -1
- package/dist/cjs/components/tooltip/hooks/index.js +2 -0
- package/dist/cjs/components/tooltip/hooks/index.js.map +1 -1
- package/dist/cjs/components/tooltip/hooks/useTooltip.js +22 -5
- package/dist/cjs/components/tooltip/hooks/useTooltip.js.map +1 -1
- package/dist/cjs/components/tooltip/hooks/useTooltipAsModal.js +13 -0
- package/dist/cjs/components/tooltip/hooks/useTooltipAsModal.js.map +1 -0
- package/dist/cjs/components/tooltip/hooks/useTooltipContentScroll.js +44 -0
- package/dist/cjs/components/tooltip/hooks/useTooltipContentScroll.js.map +1 -0
- package/dist/cjs/components/tooltip/index.js +2 -1
- package/dist/cjs/components/tooltip/index.js.map +1 -1
- package/dist/cjs/components/tooltip/positioning/utils/userAgent.js +0 -1
- package/dist/cjs/components/tooltip/positioning/utils/userAgent.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipControlled.js +11 -8
- package/dist/cjs/components/tooltip/tooltipControlled.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +3 -3
- package/dist/cjs/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipUnControlled.js +30 -22
- package/dist/cjs/components/tooltip/tooltipUnControlled.js.map +1 -1
- package/dist/cjs/components/tooltip/utils/tooltip.utils.js +1 -9
- package/dist/cjs/components/tooltip/utils/tooltip.utils.js.map +1 -1
- package/dist/cjs/components/video/components/linkAndActionButton.js +1 -1
- package/dist/cjs/components/video/components/linkAndActionButton.js.map +1 -1
- package/dist/cjs/components/video/components/playStopButton.js +2 -2
- package/dist/cjs/components/video/components/playStopButton.js.map +1 -1
- package/dist/cjs/components/video/components/subtitleFullScreenButtons.js +3 -3
- package/dist/cjs/components/video/components/subtitleFullScreenButtons.js.map +1 -1
- package/dist/cjs/components/video/video.styled.js +6 -1
- package/dist/cjs/components/video/video.styled.js.map +1 -1
- package/dist/cjs/constants/keyboardKeys.js +2 -2
- 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/badgeV2/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/badgeV2/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/badgeV2/styles.js +92 -0
- package/dist/cjs/designSystem/kubit/components/badgeV2/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/badgeV2/variants.js +13 -0
- package/dist/cjs/designSystem/kubit/components/badgeV2/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/styles.js +1 -0
- package/dist/cjs/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/variants.js +1 -0
- package/dist/cjs/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/cjs/hooks/index.js +1 -0
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useEscPressedV2/index.js +18 -0
- package/dist/cjs/hooks/useEscPressedV2/index.js.map +1 -0
- package/dist/cjs/hooks/useEscPressedV2/useEscPressedV2.js +31 -0
- package/dist/cjs/hooks/useEscPressedV2/useEscPressedV2.js.map +1 -0
- package/dist/cjs/hooks/useInput/useInput.js +7 -0
- package/dist/cjs/hooks/useInput/useInput.js.map +1 -1
- package/dist/cjs/hooks/useKeyPressed/useEscPressed.js +1 -0
- package/dist/cjs/hooks/useKeyPressed/useEscPressed.js.map +1 -1
- package/dist/cjs/hooks/useManageState/useManageState.js +25 -13
- package/dist/cjs/hooks/useManageState/useManageState.js.map +1 -1
- package/dist/cjs/hooks/useTrapFocus/useTrapFocus.js +109 -0
- package/dist/cjs/hooks/useTrapFocus/useTrapFocus.js.map +1 -0
- package/dist/cjs/provider/genericComponents/defaultGenericComponents.js +1 -1
- package/dist/cjs/provider/genericComponents/defaultGenericComponents.js.map +1 -1
- package/dist/cjs/utils/focusHandlers/focusHandlers.js +20 -28
- package/dist/cjs/utils/focusHandlers/focusHandlers.js.map +1 -1
- package/dist/cjs/utils/getStyles/getStyles.js +40 -15
- package/dist/cjs/utils/getStyles/getStyles.js.map +1 -1
- package/dist/cjs/utils/index.js +1 -2
- package/dist/cjs/utils/index.js.map +1 -1
- package/dist/cjs/utils/resizeObserver/index.js +18 -0
- package/dist/cjs/utils/resizeObserver/index.js.map +1 -0
- package/dist/cjs/utils/resizeObserver/resizeObserver.js +27 -0
- package/dist/cjs/utils/resizeObserver/resizeObserver.js.map +1 -0
- package/dist/esm/components/actionBottomSheet/actionBottomSheetControlled.js +4 -4
- package/dist/esm/components/actionBottomSheet/actionBottomSheetControlled.js.map +1 -1
- package/dist/esm/components/badge/badgeControlled.d.ts +2 -0
- package/dist/esm/components/badge/badgeControlled.js +2 -0
- package/dist/esm/components/badge/badgeControlled.js.map +1 -1
- package/dist/esm/components/badge/badgeUnControlled.d.ts +2 -0
- package/dist/esm/components/badge/badgeUnControlled.js +2 -0
- package/dist/esm/components/badge/badgeUnControlled.js.map +1 -1
- package/dist/esm/components/badgeV2/badge.d.ts +12 -0
- package/dist/esm/components/badgeV2/badge.js +34 -0
- package/dist/esm/components/badgeV2/badge.js.map +1 -0
- package/dist/esm/components/badgeV2/badge.styled.d.ts +13 -0
- package/dist/esm/components/badgeV2/badge.styled.js +37 -0
- package/dist/esm/components/badgeV2/badge.styled.js.map +1 -0
- package/dist/esm/components/badgeV2/badgeStandAlone.d.ts +3 -0
- package/dist/esm/components/badgeV2/badgeStandAlone.js +31 -0
- package/dist/esm/components/badgeV2/badgeStandAlone.js.map +1 -0
- package/dist/esm/components/badgeV2/index.d.ts +2 -0
- package/dist/esm/components/badgeV2/index.js +2 -0
- package/dist/esm/components/badgeV2/index.js.map +1 -0
- package/dist/esm/components/badgeV2/types/badge.d.ts +40 -0
- package/dist/esm/components/badgeV2/types/badge.js +2 -0
- package/dist/esm/components/badgeV2/types/badge.js.map +1 -0
- package/dist/esm/components/badgeV2/types/badgeTheme.d.ts +33 -0
- package/dist/esm/components/badgeV2/types/badgeTheme.js +2 -0
- package/dist/esm/components/badgeV2/types/badgeTheme.js.map +1 -0
- package/dist/esm/components/badgeV2/types/index.d.ts +3 -0
- package/dist/esm/components/badgeV2/types/index.js +2 -0
- package/dist/esm/components/badgeV2/types/index.js.map +1 -0
- package/dist/esm/components/badgeV2/types/state.d.ts +10 -0
- package/dist/esm/components/badgeV2/types/state.js +12 -0
- package/dist/esm/components/badgeV2/types/state.js.map +1 -0
- package/dist/esm/components/button/button.styled.js +1 -21
- package/dist/esm/components/button/button.styled.js.map +1 -1
- package/dist/esm/components/carousel/carouselStandAlone.js +1 -1
- package/dist/esm/components/carousel/carouselStandAlone.js.map +1 -1
- package/dist/esm/components/carousel/types/carousel.d.ts +1 -1
- package/dist/esm/components/chip/chip.styled.d.ts +4 -4
- package/dist/esm/components/chip/chip.styled.js +4 -4
- package/dist/esm/components/chip/chip.styled.js.map +1 -1
- package/dist/esm/components/dataTable/dataTableStandAlone.js +1 -1
- package/dist/esm/components/dataTable/dataTableStandAlone.js.map +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableHasScroll.js +1 -0
- package/dist/esm/components/dataTable/hooks/useDataTableHasScroll.js.map +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.js +1 -0
- package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.js.map +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.js +1 -0
- package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.js.map +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js +1 -0
- package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js.map +1 -1
- package/dist/esm/components/iconHighlighted/iconHighlighted.styled.d.ts +1 -0
- package/dist/esm/components/iconHighlighted/iconHighlighted.styled.js +3 -1
- package/dist/esm/components/iconHighlighted/iconHighlighted.styled.js.map +1 -1
- package/dist/esm/components/iconHighlighted/iconHighlightedStandAlone.js +2 -2
- package/dist/esm/components/iconHighlighted/iconHighlightedStandAlone.js.map +1 -1
- package/dist/esm/components/iconHighlighted/types/iconHighlighted.d.ts +1 -0
- package/dist/esm/components/iconHighlighted/types/iconHighlightedTheme.d.ts +6 -2
- package/dist/esm/components/image/imageStandAlone.js +1 -1
- package/dist/esm/components/image/imageStandAlone.js.map +1 -1
- package/dist/esm/components/image/types/image.d.ts +1 -0
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/input/inputStandAlone.js +1 -1
- package/dist/esm/components/input/inputStandAlone.js.map +1 -1
- package/dist/esm/components/input/utils/aria.utils.js +3 -3
- package/dist/esm/components/input/utils/aria.utils.js.map +1 -1
- package/dist/esm/components/inputCounter/inputCounter.js +12 -2
- package/dist/esm/components/inputCounter/inputCounter.js.map +1 -1
- package/dist/esm/components/inputCounter/inputCounterStandAlone.js +4 -2
- package/dist/esm/components/inputCounter/inputCounterStandAlone.js.map +1 -1
- package/dist/esm/components/inputCounter/types/inputCounter.d.ts +5 -1
- package/dist/esm/components/inputCounter/types/inputCounter.js +2 -1
- package/dist/esm/components/inputCounter/types/inputCounter.js.map +1 -1
- package/dist/esm/components/inputCounter/utils/counter.utils.d.ts +2 -1
- package/dist/esm/components/inputCounter/utils/counter.utils.js +12 -0
- package/dist/esm/components/inputCounter/utils/counter.utils.js.map +1 -1
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js +2 -2
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/esm/components/inputSearch/components/optionsList.js +10 -1
- package/dist/esm/components/inputSearch/components/optionsList.js.map +1 -1
- package/dist/esm/components/inputSearch/components/popoverSearchList.js +4 -4
- package/dist/esm/components/inputSearch/components/popoverSearchList.js.map +1 -1
- package/dist/esm/components/inputSearch/helpers/index.d.ts +2 -0
- package/dist/esm/components/inputSearch/helpers/index.js +2 -0
- package/dist/esm/components/inputSearch/helpers/index.js.map +1 -1
- package/dist/esm/components/inputSearch/helpers/popover.d.ts +11 -0
- package/dist/esm/components/inputSearch/helpers/popover.js +13 -0
- package/dist/esm/components/inputSearch/helpers/popover.js.map +1 -0
- package/dist/esm/components/inputSearch/helpers/screenReader.d.ts +7 -0
- package/dist/esm/components/inputSearch/helpers/screenReader.js +13 -0
- package/dist/esm/components/inputSearch/helpers/screenReader.js.map +1 -0
- package/dist/esm/components/inputSearch/hooks/useInputSearch.d.ts +1 -0
- package/dist/esm/components/inputSearch/hooks/useInputSearch.js +4 -1
- package/dist/esm/components/inputSearch/hooks/useInputSearch.js.map +1 -1
- package/dist/esm/components/inputSearch/index.d.ts +1 -0
- package/dist/esm/components/inputSearch/index.js +1 -0
- package/dist/esm/components/inputSearch/index.js.map +1 -1
- package/dist/esm/components/inputSearch/inputSearch.js +4 -2
- package/dist/esm/components/inputSearch/inputSearch.js.map +1 -1
- package/dist/esm/components/inputSearch/inputSearch.styled.d.ts +1 -0
- package/dist/esm/components/inputSearch/inputSearch.styled.js +3 -0
- package/dist/esm/components/inputSearch/inputSearch.styled.js.map +1 -1
- package/dist/esm/components/inputSearch/inputSearchStandAlone.js +12 -3
- package/dist/esm/components/inputSearch/inputSearchStandAlone.js.map +1 -1
- package/dist/esm/components/inputSearch/types/inputSearch.d.ts +8 -1
- package/dist/esm/components/link/types/link.d.ts +1 -1
- package/dist/esm/components/modal/modalControlled.d.ts +4 -0
- package/dist/esm/components/modal/modalControlled.js +4 -0
- package/dist/esm/components/modal/modalControlled.js.map +1 -1
- package/dist/esm/components/modal/modalUnControlled.d.ts +4 -0
- package/dist/esm/components/modal/modalUnControlled.js +4 -0
- package/dist/esm/components/modal/modalUnControlled.js.map +1 -1
- package/dist/esm/components/navigationCard/navigationCardStandAlone.js +5 -1
- package/dist/esm/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/esm/components/navigationRow/navigationRow.styled.d.ts +1 -0
- package/dist/esm/components/navigationRow/navigationRow.styled.js +3 -0
- package/dist/esm/components/navigationRow/navigationRow.styled.js.map +1 -1
- package/dist/esm/components/navigationRow/navigationRowStandAlone.js +2 -2
- package/dist/esm/components/navigationRow/navigationRowStandAlone.js.map +1 -1
- package/dist/esm/components/navigationRow/types/navigationRow.d.ts +7 -0
- package/dist/esm/components/navigationRow/types/navigationRowTheme.d.ts +7 -0
- package/dist/esm/components/oliveMenu/oliveMenu.js +2 -2
- package/dist/esm/components/oliveMenu/oliveMenu.js.map +1 -1
- package/dist/esm/components/oliveMenu/oliveMenuStandAlone.js +3 -2
- package/dist/esm/components/oliveMenu/oliveMenuStandAlone.js.map +1 -1
- package/dist/esm/components/oliveMenu/utils/getAriaControls.d.ts +1 -1
- package/dist/esm/components/oliveMenu/utils/getAriaControls.js +4 -3
- package/dist/esm/components/oliveMenu/utils/getAriaControls.js.map +1 -1
- package/dist/esm/components/option/types/option.d.ts +1 -1
- package/dist/esm/components/pillSelector/pillSelectorControlled.js +1 -0
- package/dist/esm/components/pillSelector/pillSelectorControlled.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.map +1 -1
- package/dist/esm/components/popover/popoverControlled.js +20 -14
- package/dist/esm/components/popover/popoverControlled.js.map +1 -1
- package/dist/esm/components/snackbar/snackbarStandAlone.js +1 -1
- package/dist/esm/components/snackbar/snackbarStandAlone.js.map +1 -1
- package/dist/esm/components/snackbar/snackbarUnControlled.js +4 -0
- package/dist/esm/components/snackbar/snackbarUnControlled.js.map +1 -1
- package/dist/esm/components/snackbar/types/snackbar.d.ts +1 -0
- package/dist/esm/components/stepperNumber/stepperNumber.styled.d.ts +9 -7
- package/dist/esm/components/stepperNumber/stepperNumber.styled.js +14 -7
- package/dist/esm/components/stepperNumber/stepperNumber.styled.js.map +1 -1
- package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js +12 -5
- package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js.map +1 -1
- package/dist/esm/components/stepperNumber/types/stepperNumber.d.ts +9 -0
- package/dist/esm/components/summaryDetails/summaryDetailsControlled.js +0 -1
- package/dist/esm/components/summaryDetails/summaryDetailsControlled.js.map +1 -1
- package/dist/esm/components/table/table.js +1 -0
- package/dist/esm/components/table/table.js.map +1 -1
- package/dist/esm/components/tableRow/tableRowStandAlone.js +2 -2
- package/dist/esm/components/tableRow/tableRowStandAlone.js.map +1 -1
- package/dist/esm/components/tableRow/types/tableRow.d.ts +3 -0
- package/dist/esm/components/tableV2/hooks/useTableHasScroll.js +1 -0
- package/dist/esm/components/tableV2/hooks/useTableHasScroll.js.map +1 -1
- package/dist/esm/components/tableV2/hooks/useTableStickyLeftColumns.js +1 -0
- package/dist/esm/components/tableV2/hooks/useTableStickyLeftColumns.js.map +1 -1
- package/dist/esm/components/tableV2/hooks/useTableStickyRightColumns.js +1 -0
- package/dist/esm/components/tableV2/hooks/useTableStickyRightColumns.js.map +1 -1
- package/dist/esm/components/tableV2/tableStandAlone.js +1 -1
- package/dist/esm/components/tableV2/tableStandAlone.js.map +1 -1
- package/dist/esm/components/tableV2/types/table.d.ts +1 -0
- package/dist/esm/components/tabs/tabs.styled.d.ts +1 -1
- package/dist/esm/components/tabs/tabs.styled.js +2 -2
- package/dist/esm/components/tabs/tabs.styled.js.map +1 -1
- package/dist/esm/components/tabs/tabsStandAlone.js +7 -5
- package/dist/esm/components/tabs/tabsStandAlone.js.map +1 -1
- package/dist/esm/components/tabs/types/tabs.d.ts +3 -0
- package/dist/esm/components/tooltip/components/tooltipTrigger.d.ts +2 -0
- package/dist/esm/components/tooltip/components/tooltipTrigger.js +1 -1
- package/dist/esm/components/tooltip/components/tooltipTrigger.js.map +1 -1
- package/dist/esm/components/tooltip/hooks/index.d.ts +2 -0
- package/dist/esm/components/tooltip/hooks/index.js +2 -0
- package/dist/esm/components/tooltip/hooks/index.js.map +1 -1
- package/dist/esm/components/tooltip/hooks/useTooltip.d.ts +1 -0
- package/dist/esm/components/tooltip/hooks/useTooltip.js +23 -6
- package/dist/esm/components/tooltip/hooks/useTooltip.js.map +1 -1
- package/dist/esm/components/tooltip/hooks/useTooltipAsModal.d.ts +4 -0
- package/dist/esm/components/tooltip/hooks/useTooltipAsModal.js +9 -0
- package/dist/esm/components/tooltip/hooks/useTooltipAsModal.js.map +1 -0
- package/dist/esm/components/tooltip/hooks/useTooltipContentScroll.d.ts +16 -0
- package/dist/esm/components/tooltip/hooks/useTooltipContentScroll.js +37 -0
- package/dist/esm/components/tooltip/hooks/useTooltipContentScroll.js.map +1 -0
- package/dist/esm/components/tooltip/index.d.ts +1 -1
- package/dist/esm/components/tooltip/index.js +1 -1
- package/dist/esm/components/tooltip/index.js.map +1 -1
- package/dist/esm/components/tooltip/positioning/utils/userAgent.js +0 -1
- package/dist/esm/components/tooltip/positioning/utils/userAgent.js.map +1 -1
- package/dist/esm/components/tooltip/tooltipControlled.js +10 -7
- package/dist/esm/components/tooltip/tooltipControlled.js.map +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js +3 -3
- package/dist/esm/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/esm/components/tooltip/tooltipUnControlled.js +31 -23
- package/dist/esm/components/tooltip/tooltipUnControlled.js.map +1 -1
- package/dist/esm/components/tooltip/types/tooltip.d.ts +12 -2
- package/dist/esm/components/tooltip/utils/tooltip.utils.d.ts +0 -4
- package/dist/esm/components/tooltip/utils/tooltip.utils.js +0 -7
- package/dist/esm/components/tooltip/utils/tooltip.utils.js.map +1 -1
- package/dist/esm/components/video/components/linkAndActionButton.js +2 -2
- package/dist/esm/components/video/components/linkAndActionButton.js.map +1 -1
- package/dist/esm/components/video/components/playStopButton.d.ts +1 -1
- package/dist/esm/components/video/components/playStopButton.js +2 -2
- package/dist/esm/components/video/components/playStopButton.js.map +1 -1
- package/dist/esm/components/video/components/subtitleFullScreenButtons.js +3 -3
- package/dist/esm/components/video/components/subtitleFullScreenButtons.js.map +1 -1
- package/dist/esm/components/video/types/videoTheme.d.ts +1 -0
- package/dist/esm/components/video/video.styled.d.ts +1 -0
- package/dist/esm/components/video/video.styled.js +5 -0
- package/dist/esm/components/video/video.styled.js.map +1 -1
- package/dist/esm/constants/keyboardKeys.js +2 -2
- 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/badgeV2/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/badgeV2/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/badgeV2/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/badgeV2/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/badgeV2/styles.js +89 -0
- package/dist/esm/designSystem/kubit/components/badgeV2/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/badgeV2/variants.d.ts +7 -0
- package/dist/esm/designSystem/kubit/components/badgeV2/variants.js +10 -0
- package/dist/esm/designSystem/kubit/components/badgeV2/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/styles.d.ts +1 -0
- package/dist/esm/designSystem/kubit/components/styles.js +1 -0
- package/dist/esm/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/variants.d.ts +1 -0
- package/dist/esm/designSystem/kubit/components/variants.js +1 -0
- package/dist/esm/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/esm/designSystem/kubit/index.d.ts +3 -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/useEscPressedV2/index.d.ts +1 -0
- package/dist/esm/hooks/useEscPressedV2/index.js +2 -0
- package/dist/esm/hooks/useEscPressedV2/index.js.map +1 -0
- package/dist/esm/hooks/useEscPressedV2/useEscPressedV2.d.ts +10 -0
- package/dist/esm/hooks/useEscPressedV2/useEscPressedV2.js +24 -0
- package/dist/esm/hooks/useEscPressedV2/useEscPressedV2.js.map +1 -0
- package/dist/esm/hooks/useInput/useInput.js +7 -0
- package/dist/esm/hooks/useInput/useInput.js.map +1 -1
- package/dist/esm/hooks/useKeyPressed/useEscPressed.js +1 -0
- package/dist/esm/hooks/useKeyPressed/useEscPressed.js.map +1 -1
- package/dist/esm/hooks/useManageState/useManageState.js +25 -13
- package/dist/esm/hooks/useManageState/useManageState.js.map +1 -1
- package/dist/esm/hooks/useTrapFocus/useTrapFocus.d.ts +6 -0
- package/dist/esm/hooks/useTrapFocus/useTrapFocus.js +82 -0
- package/dist/esm/hooks/useTrapFocus/useTrapFocus.js.map +1 -0
- package/dist/esm/provider/genericComponents/defaultGenericComponents.d.ts +19 -2
- package/dist/esm/provider/genericComponents/defaultGenericComponents.js +1 -1
- package/dist/esm/provider/genericComponents/defaultGenericComponents.js.map +1 -1
- package/dist/esm/provider/genericComponents/genericComponents.type.d.ts +5 -3
- package/dist/esm/types/styles/commonStyle.d.ts +14 -0
- package/dist/esm/utils/focusHandlers/focusHandlers.d.ts +0 -2
- package/dist/esm/utils/focusHandlers/focusHandlers.js +19 -26
- package/dist/esm/utils/focusHandlers/focusHandlers.js.map +1 -1
- package/dist/esm/utils/getStyles/getStyles.d.ts +1 -1
- package/dist/esm/utils/getStyles/getStyles.js +38 -13
- package/dist/esm/utils/getStyles/getStyles.js.map +1 -1
- package/dist/esm/utils/index.d.ts +1 -1
- package/dist/esm/utils/index.js +1 -1
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/esm/utils/resizeObserver/index.d.ts +1 -0
- package/dist/esm/utils/resizeObserver/index.js +2 -0
- package/dist/esm/utils/resizeObserver/index.js.map +1 -0
- package/dist/esm/utils/resizeObserver/resizeObserver.d.ts +5 -0
- package/dist/esm/utils/resizeObserver/resizeObserver.js +25 -0
- package/dist/esm/utils/resizeObserver/resizeObserver.js.map +1 -0
- package/package.json +32 -34
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.styled.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,QAAQ,GAAG,CAAC,CAAC;AACnB,MAAM,UAAU,GAAG,CAAC,CAAC;AAerB,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAY;IACrD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAY;;;IAG5C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;;IAE3C,CAAC,EACD,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,GAC9B,GACF,EAAE,EAAE,CAAC,GAAG,CAAA;MACL,UAAU;;;GAGb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAA,EAAE,CAAC;AAExD,wBAAwB,CAAC,YAAY,GAAG;IACtC,IAAI,EAAE,UAAU,CAAC,MAAM;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAEzC,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,MAAM,CAAY;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,sBAAsB,CAAC;IACxD,CAAC,EACD,MAAM,EACN,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,GAC9B,GACF,EAAE,EAAE,CAAC,GAAG,CAAA;MACL,UAAU;;UAEN,SAAS,CAAC,MAAM,CAAC,sBAAsB,EAAE,MAAM,EAAE,YAAY,CAAC;;;GAGrE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,MAAM,CAAY;IAClE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,uBAAuB,CAAC;IACzD,CAAC,EACD,MAAM,EACN,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,GAC9B,GACF,EAAE,EAAE,CAAC,GAAG,CAAA;MACL,UAAU;;UAEN,SAAS,CAAC,MAAM,CAAC,uBAAuB,EAAE,MAAM,EAAE,YAAY,CAAC;;;GAGtE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAe;IAC9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC;WACvC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,KAAK,CAAC,UAAU,GAAG,CAAC;;;MAG7E,CAAC,EACD,MAAM,EACN,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,WAAW,EAAE,GAC/B,GACF,EAAE,EAAE,CAAC,GAAG,CAAA;QACL,WAAW;;YAEP,SAAS,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,WAAW,CAAC;;;YAGpD,SAAS,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC;;;YAG9C,SAAS,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,YAAY,CAAC;;;KAG5D;;IAED,CAAC,EACD,MAAM,EACN,
|
|
1
|
+
{"version":3,"file":"tabs.styled.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -12,17 +12,19 @@ import { DeviceBreakpointsType, ROLES } from '../../types';
|
|
|
12
12
|
import { LabelHiddenContainer, OneTabStyled, PrimaryTabItemRoveStyled, TabStyled, TabsContainerStyled, TabsContentStyled, TabsLeftArrowContainerStyled, TabsRightArrowContainerStyled, TabsStyled, TabsTabListStyled, TextWrapperStyled, } from './tabs.styled';
|
|
13
13
|
import { TabsStateTypes } from './types/state';
|
|
14
14
|
const MAX_TABS_IN_VIEW = 3;
|
|
15
|
+
// deprecated - Remove `MIN_TABS_IN_VIEW` when `minTabsInView` prop is removed from `Tabs`
|
|
15
16
|
const MIN_TABS_IN_VIEW = 2;
|
|
16
17
|
const PRIMARY_TABS_BASE_ID = 'Tabs';
|
|
17
|
-
const TabsStandAloneComponent = ({ autoWidth = false, allowFocusTabPanel = true, dataTestId = 'primaryTab',
|
|
18
|
+
const TabsStandAloneComponent = ({ autoWidth = false, allowFocusTabPanel = true, dataTestId = 'primaryTab',
|
|
19
|
+
// deprecated - Remove when `minTabsInView` prop is removed from `Tabs`
|
|
20
|
+
minTabsInView = MIN_TABS_IN_VIEW, maxTabsInView = MAX_TABS_IN_VIEW, unMountContent = true, ...props }, ref) => {
|
|
18
21
|
const BASE_ID = useId(PRIMARY_TABS_BASE_ID);
|
|
19
22
|
const TAB_LIST_ID = `${BASE_ID}-tab-list`;
|
|
20
23
|
const TAB_PANEL_ID = `${BASE_ID}-tab-panel`;
|
|
21
24
|
const tabsLength = props.tabs?.length ?? 0;
|
|
22
|
-
const
|
|
23
|
-
const numTabsInView = compacted ? minTabsInView : maxTabsInView;
|
|
25
|
+
const numTabsInView = Math.min(tabsLength, maxTabsInView);
|
|
24
26
|
const { position, handleClickIcon, focus, handleClickTab, listEl } = useTabs({
|
|
25
|
-
numTabsInView,
|
|
27
|
+
numTabsInView: numTabsInView,
|
|
26
28
|
tabsLength: tabsLength,
|
|
27
29
|
selectedTab: props.selectedTab,
|
|
28
30
|
});
|
|
@@ -45,7 +47,7 @@ const TabsStandAloneComponent = ({ autoWidth = false, allowFocusTabPanel = true,
|
|
|
45
47
|
const isSelected = props.selectedTab === index;
|
|
46
48
|
const stateTab = isSelected ? TabsStateTypes.SELECTED : TabsStateTypes.UNSELECTED;
|
|
47
49
|
const positionVisibleInView = index >= position && index < position + numTabsInView;
|
|
48
|
-
return (_jsx(TabStyled, { autoWidth: autoWidth,
|
|
50
|
+
return (_jsx(TabStyled, { autoWidth: autoWidth, "data-testid": `${dataTestId}Tab${index}`, empty: props.hideLabelForSingleTab, numTabsInViewMobile: numTabsInView, state: stateTab, styles: props.styles, tabsLength: tabsLength, children: tabsLength > 1 ? (_jsx(ItemRove, { ariaDisabled: (props.device === DeviceBreakpointsType.MOBILE && !positionVisibleInView) ||
|
|
49
51
|
tab.disabled, ariaSelected: isSelected, asElement: PrimaryTabItemRoveStyled, checkIsFirstTime: true, disabled: (props.device === DeviceBreakpointsType.MOBILE && !positionVisibleInView) ||
|
|
50
52
|
tab.disabled, focus: focus === index, id: `${BASE_ID}-tab-${index}`, index: index, preventScrollOnFocus: true, role: ROLES.TAB, onSelectItem: () => {
|
|
51
53
|
props.onSelectTab?.(index);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabsStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabsStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEvD,SAAS;AACT,OAAO,EACL,oBAAoB,EACpB,YAAY,EACZ,wBAAwB,EACxB,SAAS,EACT,mBAAmB,EACnB,iBAAiB,EACjB,4BAA4B,EAC5B,6BAA6B,EAC7B,UAAU,EACV,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAEpC,MAAM,uBAAuB,GAAG,CAC9B,EACE,SAAS,GAAG,KAAK,EACjB,kBAAkB,GAAG,IAAI,EACzB,UAAU,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"tabsStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabsStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,6 +19,9 @@ export interface ITabsStandAlone {
|
|
|
19
19
|
rightIcon?: IElementOrIcon;
|
|
20
20
|
allowFocusTabPanel?: boolean;
|
|
21
21
|
autoWidth?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* @deprecated `minTabsInView` will be removed in the next major version
|
|
24
|
+
*/
|
|
22
25
|
minTabsInView?: number;
|
|
23
26
|
maxTabsInView?: number;
|
|
24
27
|
hideLabelForSingleTab?: boolean;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { TooltipTriggerAsButtonType } from '../types/tooltip';
|
|
2
3
|
interface ITooltipTrigger {
|
|
3
4
|
disabled?: boolean;
|
|
4
5
|
childrenAsButton: boolean;
|
|
5
6
|
ariaDescribedBy?: string;
|
|
7
|
+
triggerAsButton?: TooltipTriggerAsButtonType;
|
|
6
8
|
}
|
|
7
9
|
export declare const TooltipTrigger: (props: React.PropsWithChildren<ITooltipTrigger>) => React.ReactNode;
|
|
8
10
|
export {};
|
|
@@ -3,7 +3,7 @@ import { ButtonType } from '../../button';
|
|
|
3
3
|
import { TooltipTriggerWrapperStyled } from '../tooltip.styled';
|
|
4
4
|
export const TooltipTrigger = (props) => {
|
|
5
5
|
if (props.childrenAsButton) {
|
|
6
|
-
return (_jsx(TooltipTriggerWrapperStyled, { "aria-describedby": props.ariaDescribedBy, disabled: props.disabled, type: ButtonType.BUTTON, children: props.children }));
|
|
6
|
+
return (_jsx(TooltipTriggerWrapperStyled, { "aria-describedby": props.ariaDescribedBy, "aria-disabled": props.disabled, ...props.triggerAsButton, disabled: props.disabled, type: ButtonType.BUTTON, children: props.children }));
|
|
7
7
|
}
|
|
8
8
|
return props.children;
|
|
9
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipTrigger.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/components/tooltipTrigger.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"tooltipTrigger.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/components/tooltipTrigger.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAUhE,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAA+C,EAC9B,EAAE;IACnB,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;QAC3B,OAAO,CACL,KAAC,2BAA2B,wBACR,KAAK,CAAC,eAAe,mBACxB,KAAK,CAAC,QAAQ,KACzB,KAAK,CAAC,eAAe,EACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,UAAU,CAAC,MAAM,YAEtB,KAAK,CAAC,QAAQ,GACa,CAC/B,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC,QAAQ,CAAC;AACxB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC"}
|
|
@@ -7,6 +7,7 @@ type UseTooltipType<V> = {
|
|
|
7
7
|
variant: V;
|
|
8
8
|
onOpenClose?: (open: boolean) => void;
|
|
9
9
|
align?: TooltipAlignType;
|
|
10
|
+
tooltipAsModal?: boolean;
|
|
10
11
|
} & Omit<CustomTokenTypes<TooltipVariantStylesProps>, 'cts' | 'extraCt'>;
|
|
11
12
|
type UseTooltipReturnType = {
|
|
12
13
|
showTooltip: () => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { useClickOutside, useEscPressedV2, useMediaDevice, useStyles } from '../../../hooks';
|
|
3
3
|
import { DeviceBreakpointsType } from '../../../types';
|
|
4
4
|
import { focusElementOrFirstDescendant } from '../../../utils';
|
|
5
5
|
import { TOOLTIP_STYLES } from '../constants';
|
|
@@ -36,7 +36,7 @@ export const useTooltip = ({ align = TooltipAlignType.TOP, ...props }) => {
|
|
|
36
36
|
}, []);
|
|
37
37
|
const onScroll = (e) => {
|
|
38
38
|
if (!props.tooltipRef.current?.contains(e.target)) {
|
|
39
|
-
|
|
39
|
+
updateTooltipPosition();
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
const showTooltip = () => {
|
|
@@ -64,7 +64,10 @@ export const useTooltip = ({ align = TooltipAlignType.TOP, ...props }) => {
|
|
|
64
64
|
// Apply focus in last focusable element
|
|
65
65
|
openRef.current = false;
|
|
66
66
|
allowFocusOpenTooltip.current = false;
|
|
67
|
-
|
|
67
|
+
// Only focus in the last element if the tooltip is a modal
|
|
68
|
+
if (props.tooltipAsModal) {
|
|
69
|
+
lastFocus.current?.focus();
|
|
70
|
+
}
|
|
68
71
|
allowFocusOpenTooltip.current = true;
|
|
69
72
|
if (mediaDevice === DeviceBreakpointsType.DESKTOP) {
|
|
70
73
|
if (!props.tooltipRef.current) {
|
|
@@ -74,9 +77,23 @@ export const useTooltip = ({ align = TooltipAlignType.TOP, ...props }) => {
|
|
|
74
77
|
}
|
|
75
78
|
setOpen(false);
|
|
76
79
|
props.onOpenClose?.(false);
|
|
77
|
-
}, [mediaDevice, props.onOpenClose]);
|
|
78
|
-
|
|
79
|
-
|
|
80
|
+
}, [mediaDevice, props.onOpenClose, props.tooltipAsModal]);
|
|
81
|
+
const handleEscPress = React.useCallback((event) => {
|
|
82
|
+
if (!openRef.current) {
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
// Only stop propagation if the tooltip is opened and its going to be closed
|
|
86
|
+
event.stopPropagation();
|
|
87
|
+
hideTooltip();
|
|
88
|
+
}, [hideTooltip]);
|
|
89
|
+
// Because desktop do not use popover component, we need to manually call manually to close on scape and click outside functionality
|
|
90
|
+
useEscPressedV2({
|
|
91
|
+
ref: props.labelRef,
|
|
92
|
+
onEscPress: handleEscPress,
|
|
93
|
+
disableStopPropagation: true,
|
|
94
|
+
});
|
|
95
|
+
// Prevent to be closed when clicking the label, it will be handled by the tooltip label click in order to open/close the tooltip
|
|
96
|
+
useClickOutside(props.tooltipRef, hideTooltip, [props.labelRef.current]);
|
|
80
97
|
// This function calc the position position where the tooltip should be displayed
|
|
81
98
|
const updateTooltipPosition = () => {
|
|
82
99
|
if (!props.labelRef.current || !props.tooltipRef.current) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTooltip.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/hooks/useTooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"useTooltip.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/hooks/useTooltip.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { useMemo } from 'react';
|
|
2
|
+
// Order to get the value:
|
|
3
|
+
// 1st: We get by props the value
|
|
4
|
+
// 2nd: We get by theme the value
|
|
5
|
+
// 3rd: We dont get nothing, then We return false and tooltip acts like a tooltip
|
|
6
|
+
export const useTooltipAsModal = ({ propTooltipAsModal, styleTooltipAsModal, }) => {
|
|
7
|
+
return useMemo(() => propTooltipAsModal ?? styleTooltipAsModal ?? false, [propTooltipAsModal, styleTooltipAsModal]);
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=useTooltipAsModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTooltipAsModal.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/hooks/useTooltipAsModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,0BAA0B;AAC1B,iCAAiC;AACjC,iCAAiC;AACjC,iFAAiF;AACjF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,kBAAkB,EAClB,mBAAmB,GAIpB,EAAW,EAAE;IACZ,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,kBAAkB,IAAI,mBAAmB,IAAI,KAAK,EACxD,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAC1C,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type UseTooltipContentScrollParamsType = {
|
|
3
|
+
tooltipRef: React.RefObject<HTMLDivElement>;
|
|
4
|
+
};
|
|
5
|
+
type UseTooltipContentScrollReturnType = {
|
|
6
|
+
contentRefHandler: (innerContentElement: HTMLDivElement | null) => void;
|
|
7
|
+
contentHasScroll: boolean;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* Custom hook that determines if the tooltip content has scroll and provides a ref to the content element.
|
|
11
|
+
*
|
|
12
|
+
* @param tooltipRef - Ref to the tooltip element.
|
|
13
|
+
* @returns An object containing the `contentHasScroll` boolean and the `contentRefHandler` callback function.
|
|
14
|
+
*/
|
|
15
|
+
export declare const useTooltipContentScroll: ({ tooltipRef, }: UseTooltipContentScrollParamsType) => UseTooltipContentScrollReturnType;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { hasScroll as checkHasScroll } from '../../../utils';
|
|
3
|
+
import { ResizeObserver } from '../../../utils/resizeObserver';
|
|
4
|
+
/**
|
|
5
|
+
* Custom hook that determines if the tooltip content has scroll and provides a ref to the content element.
|
|
6
|
+
*
|
|
7
|
+
* @param tooltipRef - Ref to the tooltip element.
|
|
8
|
+
* @returns An object containing the `contentHasScroll` boolean and the `contentRefHandler` callback function.
|
|
9
|
+
*/
|
|
10
|
+
export const useTooltipContentScroll = ({ tooltipRef, }) => {
|
|
11
|
+
const [contentHasScroll, setContentHasScroll] = React.useState(false);
|
|
12
|
+
const resizeObserverRef = React.useRef();
|
|
13
|
+
const contentRefHandler = React.useCallback((innerContentElement) => {
|
|
14
|
+
if (innerContentElement) {
|
|
15
|
+
const handleInnerContentResize = (innerContentElement) => {
|
|
16
|
+
const _hasScroll = checkHasScroll(innerContentElement);
|
|
17
|
+
// If the tooltip content has scroll and the focus is not already inside the tooltip, focus the inner content
|
|
18
|
+
if (_hasScroll && !tooltipRef.current?.contains(document.activeElement)) {
|
|
19
|
+
// Set the tab index to allow focus
|
|
20
|
+
innerContentElement.setAttribute('tabindex', '0');
|
|
21
|
+
innerContentElement.focus();
|
|
22
|
+
}
|
|
23
|
+
setContentHasScroll(_hasScroll);
|
|
24
|
+
};
|
|
25
|
+
handleInnerContentResize(innerContentElement);
|
|
26
|
+
resizeObserverRef.current = new ResizeObserver(() => {
|
|
27
|
+
handleInnerContentResize(innerContentElement);
|
|
28
|
+
});
|
|
29
|
+
resizeObserverRef.current.observe(innerContentElement);
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
resizeObserverRef.current?.disconnect();
|
|
33
|
+
}
|
|
34
|
+
}, []);
|
|
35
|
+
return { contentHasScroll, contentRefHandler };
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=useTooltipContentScroll.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTooltipContentScroll.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/hooks/useTooltipContentScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAWxD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,UAAU,GACwB,EAAqC,EAAE;IACzE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IAEzD,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,mBAA0C,EAAE,EAAE;QACzF,IAAI,mBAAmB,EAAE,CAAC;YACxB,MAAM,wBAAwB,GAAG,CAAC,mBAAmC,EAAE,EAAE;gBACvE,MAAM,UAAU,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;gBACvD,6GAA6G;gBAC7G,IAAI,UAAU,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;oBACxE,mCAAmC;oBACnC,mBAAmB,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;oBAClD,mBAAmB,CAAC,KAAK,EAAE,CAAC;gBAC9B,CAAC;gBACD,mBAAmB,CAAC,UAAU,CAAC,CAAC;YAClC,CAAC,CAAC;YACF,wBAAwB,CAAC,mBAAmB,CAAC,CAAC;YAC9C,iBAAiB,CAAC,OAAO,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBAClD,wBAAwB,CAAC,mBAAmB,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;YACH,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QACzD,CAAC;aAAM,CAAC;YACN,iBAAiB,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;QAC1C,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;AACjD,CAAC,CAAC"}
|
|
@@ -2,4 +2,4 @@ export type { ITooltipControlled, ITooltipUnControlled as ITooltip, TooltipVaria
|
|
|
2
2
|
export { TooltipAlignType } from './types';
|
|
3
3
|
export { TooltipControlled } from './tooltipControlled';
|
|
4
4
|
export { TooltipUnControlled as Tooltip } from './tooltipUnControlled';
|
|
5
|
-
export { useTooltip } from './hooks';
|
|
5
|
+
export { useTooltip, useTooltipAsModal } from './hooks';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { TooltipAlignType } from './types';
|
|
2
2
|
export { TooltipControlled } from './tooltipControlled';
|
|
3
3
|
export { TooltipUnControlled as Tooltip } from './tooltipUnControlled';
|
|
4
|
-
export { useTooltip } from './hooks';
|
|
4
|
+
export { useTooltip, useTooltipAsModal } from './hooks';
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"userAgent.js","sourceRoot":"","sources":["../../../../../../src/components/tooltip/positioning/utils/userAgent.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,GAAW,EAAE;IACtC,
|
|
1
|
+
{"version":3,"file":"userAgent.js","sourceRoot":"","sources":["../../../../../../src/components/tooltip/positioning/utils/userAgent.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,GAAW,EAAE;IACtC,OAAO,SAAS,CAAC,SAAS,CAAC;AAC7B,CAAC,CAAC"}
|
|
@@ -4,21 +4,24 @@ import { useMediaDevice } from '../../hooks';
|
|
|
4
4
|
import { useStyles } from '../../hooks/useStyles/useStyles';
|
|
5
5
|
import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
|
|
6
6
|
import { TOOLTIP_STYLES } from './constants';
|
|
7
|
-
import { useTooltipAsModalAriaLabel } from './hooks
|
|
7
|
+
import { useTooltipAsModal, useTooltipAsModalAriaLabel, useTooltipContentScroll } from './hooks';
|
|
8
8
|
import { TooltipStandAlone } from './tooltipStandAlone';
|
|
9
|
-
|
|
10
|
-
const TooltipControlledComponent = ({ tooltipAsModal, ctv, tooltipRef, tooltipAriaLabel, ...props }) => {
|
|
9
|
+
const TooltipControlledComponent = ({ tooltipAsModal: propTooltipAsModal, ctv, tooltipRef, tooltipAriaLabel, ...props }) => {
|
|
11
10
|
const styles = useStyles(TOOLTIP_STYLES, props.variant, ctv);
|
|
12
11
|
const mediaDevice = useMediaDevice();
|
|
13
12
|
const innerTooltipRef = React.useRef(null);
|
|
14
13
|
const helpAriaLabel = useTooltipAsModalAriaLabel(innerTooltipRef);
|
|
14
|
+
const tooltipAsModal = useTooltipAsModal({
|
|
15
|
+
propTooltipAsModal: propTooltipAsModal,
|
|
16
|
+
styleTooltipAsModal: styles.tooltipAsModal,
|
|
17
|
+
});
|
|
18
|
+
const { contentHasScroll, contentRefHandler } = useTooltipContentScroll({
|
|
19
|
+
tooltipRef: innerTooltipRef,
|
|
20
|
+
});
|
|
15
21
|
React.useImperativeHandle(tooltipRef, () => {
|
|
16
22
|
return innerTooltipRef.current;
|
|
17
23
|
}, []);
|
|
18
|
-
return (_jsx(TooltipStandAlone, { ...props, mediaDevice: mediaDevice, styles: styles, tooltipAriaLabel: tooltipAriaLabel ?? helpAriaLabel, tooltipAsModal:
|
|
19
|
-
propTooltipAsModal: tooltipAsModal,
|
|
20
|
-
styleTooltipAsModal: styles.tooltipAsModal,
|
|
21
|
-
}), tooltipRef: innerTooltipRef }));
|
|
24
|
+
return (_jsx(TooltipStandAlone, { ...props, contentHasScroll: contentHasScroll, contentRef: contentRefHandler, mediaDevice: mediaDevice, styles: styles, tooltipAriaLabel: tooltipAriaLabel ?? helpAriaLabel, tooltipAsModal: tooltipAsModal, tooltipRef: innerTooltipRef }));
|
|
22
25
|
};
|
|
23
26
|
TooltipControlledComponent.displayName = 'TooltipControlledComponent';
|
|
24
27
|
const TooltipControlled = (props) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(TooltipControlledComponent, { ...props }) }), children: _jsx(TooltipControlledComponent, { ...props }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipControlled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"tooltipControlled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AACjG,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,MAAM,0BAA0B,GAAG,CAA6B,EAC9D,cAAc,EAAE,kBAAkB,EAClC,GAAG,EACH,UAAU,EACV,gBAAgB,EAChB,GAAG,KAAK,EACc,EAAe,EAAE;IACvC,MAAM,MAAM,GAAG,SAAS,CAA+B,cAAc,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC3F,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC3D,MAAM,aAAa,GAAG,0BAA0B,CAAC,eAAe,CAAC,CAAC;IAClE,MAAM,cAAc,GAAG,iBAAiB,CAAC;QACvC,kBAAkB,EAAE,kBAAkB;QACtC,mBAAmB,EAAE,MAAM,CAAC,cAAc;KAC3C,CAAC,CAAC;IAEH,MAAM,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,GAAG,uBAAuB,CAAC;QACtE,UAAU,EAAE,eAAe;KAC5B,CAAC,CAAC;IAEH,KAAK,CAAC,mBAAmB,CAAC,UAAU,EAAE,GAAG,EAAE;QACzC,OAAO,eAAe,CAAC,OAAyB,CAAC;IACnD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,iBAAiB,OACZ,KAAK,EACT,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,iBAAiB,EAC7B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,IAAI,aAAa,EACnD,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,eAAe,GAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,0BAA0B,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAEtE,MAAM,iBAAiB,GAAG,CACxB,KAA4B,EACf,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,0BAA0B,OAAK,KAAK,GAAI,GACvB,YAGtB,KAAC,0BAA0B,OAAK,KAAK,GAAI,GAC3B,CACjB,CAAC;AAEF;;;;;;;;;GASG;AACH,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -30,8 +30,8 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
|
|
|
30
30
|
const Tooltip = (_jsxs(TooltipExternalContainerStyled, { ref: props.tooltipRef, "aria-label": props.tooltipAriaLabel, "aria-labelledby": titleId, as: getHtmlTagForTooltip({
|
|
31
31
|
mediaDevice: props.mediaDevice,
|
|
32
32
|
tooltipAsModal: props.tooltipAsModal,
|
|
33
|
-
}), "data-testid": `${props.dataTestId}TooltipContent`, id: uniqueId, role: isDesktop && !props.tooltipAsModal ? ROLES.TOOLTIP : undefined, styles: props.styles, onFocus: props.onTooltipFocus, onKeyDown: props.onTooltipKeyDown, children: [_jsxs(TooltipInternalContainerStyled, { styles: props.styles, children: [(isMobile || isTablet) && props.dragIcon && (_jsx(TooltipDragIconStyled, { ref: props.dragIconRef, "data-testid": `${props.dataTestId}TooltipDrag`, styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), _jsxs(TooltipHeaderContentStyled, { hasCloseIcon: !!props.closeIcon?.icon, hasTitle: !!props.title, styles: props.styles, children: [props.closeIcon?.icon && (_jsx(TooltipCloseIconStyled, { styles: props.styles, children: _jsx(Icon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${props.dataTestId}TooltipContentCloseIcon`, ...props.closeIcon, onClick: props.onCloseIconClick }) })), props.title?.content && (_jsx(TooltipTitleStyled, { hasCloseIcon: !!props.closeIcon?.icon, id: titleId, styles: props.styles, children: _jsx(Text, { component: TextComponentType.H2, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}TooltipContentTitle`, variant: props.styles.title?.font_variant, ...props.title, children: props.title.content }) }))] }), _jsx(TooltipInnerContentStyled, { styles: props.styles, children: props.content && (_jsx(TooltipParagraphStyled, { hasBorder: !!props.title?.content, id: contentId, styles: props.styles, children: isTextContent ? (_jsx(Text, { customTypography: props.styles?.paragraph, dataTestId: `${props.dataTestId}TooltipContentContent`, variant: props.styles.paragraph?.font_variant, ...props.content, children: props.content.content })) : (props.content.content) })) })] }), _jsx(TooltipArrowStyled, { align: props.align, styles: props.styles, children: _jsx(TooltipArrowContentStyled, { styles: props.styles }) })] }));
|
|
34
|
-
return (_jsxs(TooltipStyled, { ref: props.labelRef, "data-testid": `${props.dataTestId}Tooltip`, tooltipAsModal: props.tooltipAsModal, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, onKeyDown: props.onKeyDown, onMouseDown: props.onMouseDown, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: [_jsx(TooltipTrigger
|
|
33
|
+
}), "data-testid": `${props.dataTestId}TooltipContent`, id: uniqueId, role: isDesktop && !props.tooltipAsModal ? ROLES.TOOLTIP : undefined, styles: props.styles, onFocus: props.onTooltipFocus, onKeyDown: props.onTooltipKeyDown, children: [_jsxs(TooltipInternalContainerStyled, { styles: props.styles, children: [(isMobile || isTablet) && props.dragIcon && (_jsx(TooltipDragIconStyled, { ref: props.dragIconRef, "data-testid": `${props.dataTestId}TooltipDrag`, styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), _jsxs(TooltipHeaderContentStyled, { hasCloseIcon: !!props.closeIcon?.icon, hasTitle: !!props.title, styles: props.styles, children: [props.closeIcon?.icon && (_jsx(TooltipCloseIconStyled, { styles: props.styles, children: _jsx(Icon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${props.dataTestId}TooltipContentCloseIcon`, ...props.closeIcon, onClick: props.onCloseIconClick }) })), props.title?.content && (_jsx(TooltipTitleStyled, { hasCloseIcon: !!props.closeIcon?.icon, id: titleId, styles: props.styles, children: _jsx(Text, { component: TextComponentType.H2, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}TooltipContentTitle`, variant: props.styles.title?.font_variant, ...props.title, children: props.title.content }) }))] }), _jsx(TooltipInnerContentStyled, { ref: props.contentRef, "aria-label": props.contentHasScroll ? props.contentScrollArias?.['aria-label'] : undefined, "aria-labelledby": props.contentHasScroll ? props.contentScrollArias?.['aria-labelledby'] : undefined, role: props.contentHasScroll ? ROLES.REGION : undefined, styles: props.styles, tabIndex: props.contentHasScroll ? 0 : undefined, children: props.content && (_jsx(TooltipParagraphStyled, { hasBorder: !!props.title?.content, id: contentId, styles: props.styles, children: isTextContent ? (_jsx(Text, { customTypography: props.styles?.paragraph, dataTestId: `${props.dataTestId}TooltipContentContent`, variant: props.styles.paragraph?.font_variant, ...props.content, children: props.content.content })) : (props.content.content) })) })] }), _jsx(TooltipArrowStyled, { align: props.align, styles: props.styles, children: _jsx(TooltipArrowContentStyled, { styles: props.styles }) })] }));
|
|
34
|
+
return (_jsxs(TooltipStyled, { ref: props.labelRef, "data-testid": `${props.dataTestId}Tooltip`, tooltipAsModal: props.tooltipAsModal, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, onKeyDown: props.onKeyDown, onMouseDown: props.onMouseDown, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onMouseUp: props.onMouseUp, children: [_jsx(TooltipTrigger
|
|
35
35
|
// Aria describedby is used when the tooltip is not used as a modal
|
|
36
36
|
// When no focusable elements screenReaders may read the text when focus and then using arrows
|
|
37
37
|
// https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role
|
|
@@ -41,7 +41,7 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
|
|
|
41
41
|
// When no focusable elements screenReaders may read the text when focus and then using arrows
|
|
42
42
|
// https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role
|
|
43
43
|
// or https://dequeuniversity.com/library/aria/tooltip
|
|
44
|
-
ariaDescribedBy: !props.tooltipAsModal && (isDesktop || props.popoverOpen) ? ariaDescriptorsBy : undefined, childrenAsButton: childrenAsButton, children: props.children }), isDesktop ? (Tooltip) : (_jsx(Popover, { component: !props.tooltipAsModal ? PopoverComponentType.DIV : PopoverComponentType.DIALOG, dataTestId: `${props.dataTestId}Popover`, focusLastElementFocusedAfterClose: false, hasBackDrop: props.styles.showOverlay?.[props.mediaDevice], open: props.popoverOpen, positionVariant: PopoverPositionVariantType.ABSOLUTE, preventCloseOnClickElements: [props.labelRef?.current], role: !props.tooltipAsModal ? ROLES.TOOLTIP : undefined, trapFocusInsideModal: true, variant: props.styles.popoverVariant?.[props.mediaDevice], ...props.popover, "aria-label": props.popover?.['aria-label'] || props.tooltipAriaLabel, "aria-modal": props.tooltipAsModal || undefined, onCloseInternally: props.onPopoverCloseInternally, children: Tooltip }))] }));
|
|
44
|
+
ariaDescribedBy: !props.tooltipAsModal && (isDesktop || props.popoverOpen) ? ariaDescriptorsBy : undefined, childrenAsButton: childrenAsButton, triggerAsButton: props.triggerAsButton, children: props.children }), isDesktop ? (Tooltip) : (_jsx(Popover, { component: !props.tooltipAsModal ? PopoverComponentType.DIV : PopoverComponentType.DIALOG, dataTestId: `${props.dataTestId}Popover`, focusLastElementFocusedAfterClose: false, hasBackDrop: props.styles.showOverlay?.[props.mediaDevice], open: props.popoverOpen, positionVariant: PopoverPositionVariantType.ABSOLUTE, preventCloseOnClickElements: [props.labelRef?.current], role: !props.tooltipAsModal ? ROLES.TOOLTIP : undefined, trapFocusInsideModal: true, variant: props.styles.popoverVariant?.[props.mediaDevice], ...props.popover, "aria-label": props.popover?.['aria-label'] || props.tooltipAriaLabel, "aria-modal": props.tooltipAsModal || undefined, onCloseInternally: props.onPopoverCloseInternally, children: Tooltip }))] }));
|
|
45
45
|
};
|
|
46
46
|
/**
|
|
47
47
|
* @description
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipStandAlone.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"tooltipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,21 +2,18 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { useMediaDevice, useSwipeDown } from '../../hooks';
|
|
4
4
|
import { useStyles } from '../../hooks/useStyles/useStyles';
|
|
5
|
+
import { useTrapFocus } from '../../hooks/useTrapFocus/useTrapFocus';
|
|
5
6
|
import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
|
|
6
7
|
import { DeviceBreakpointsType } from '../../types';
|
|
7
|
-
import { isKeyEnterPressed
|
|
8
|
-
import { trapFocus } from '../../utils/focusHandlers/focusHandlers';
|
|
8
|
+
import { isKeyEnterPressed } from '../../utils';
|
|
9
9
|
import { TOOLTIP_STYLES } from './constants';
|
|
10
|
-
import { useTooltip } from './hooks';
|
|
11
|
-
import { useTooltipAsModalAriaLabel } from './hooks/useTooltipAsModalAriaLabel';
|
|
10
|
+
import { useTooltip, useTooltipAsModal, useTooltipContentScroll } from './hooks';
|
|
12
11
|
import { TooltipStandAlone } from './tooltipStandAlone';
|
|
13
|
-
import { useTooltipAsModal } from './utils';
|
|
14
12
|
const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, onOpenClose, variant, tooltipAriaLabel, ...props }, ref) => {
|
|
15
13
|
const styles = useStyles(TOOLTIP_STYLES, variant, ctv);
|
|
16
14
|
const mediaDevice = useMediaDevice();
|
|
17
15
|
const labelRef = React.useRef(null);
|
|
18
16
|
const tooltipRef = React.useRef(null);
|
|
19
|
-
const helpAriaLabel = useTooltipAsModalAriaLabel(tooltipRef);
|
|
20
17
|
const tooltipAsModalValue = useTooltipAsModal({
|
|
21
18
|
propTooltipAsModal: tooltipAsModal,
|
|
22
19
|
styleTooltipAsModal: styles.tooltipAsModal,
|
|
@@ -30,13 +27,22 @@ const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, on
|
|
|
30
27
|
variant,
|
|
31
28
|
onOpenClose,
|
|
32
29
|
align: props.align,
|
|
30
|
+
tooltipAsModal: tooltipAsModalValue,
|
|
33
31
|
ctv,
|
|
34
32
|
});
|
|
33
|
+
const { contentHasScroll, contentRefHandler } = useTooltipContentScroll({ tooltipRef });
|
|
34
|
+
// When !tooltipAsModal, in tablet/mobile, onFocus and onClick are executed at the same time
|
|
35
|
+
// So onFocus will open the tooltip, and onClick will close it (because it was opened)
|
|
36
|
+
// To avoid calling onFocus when onClick, onMouseDown -> preventDefoult could be used,
|
|
37
|
+
// But this approach will lead to the focus-visible pseudo class being applied (strange, but true)
|
|
38
|
+
// So the approach is to use a flag to avoid calling onFocus when onClick
|
|
39
|
+
const isBeingClicked = React.useRef(false);
|
|
35
40
|
const handleFocus = () => {
|
|
36
|
-
// Avoid tooltip is opened automatically after closing the tooltip
|
|
37
|
-
if (
|
|
38
|
-
|
|
41
|
+
// allowFocusOpenTooltip Avoid tooltip is opened automatically after closing the tooltip
|
|
42
|
+
if (isBeingClicked.current || tooltipAsModalValue || !allowFocusOpenTooltip.current) {
|
|
43
|
+
return;
|
|
39
44
|
}
|
|
45
|
+
showTooltip();
|
|
40
46
|
};
|
|
41
47
|
const handleBlur = event => {
|
|
42
48
|
if (!tooltipAsModalValue && !event.currentTarget.contains(event.relatedTarget)) {
|
|
@@ -70,15 +76,23 @@ const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, on
|
|
|
70
76
|
props.closeIcon?.onClick?.(event);
|
|
71
77
|
hideTooltip();
|
|
72
78
|
};
|
|
73
|
-
const handleMouseDown =
|
|
74
|
-
|
|
75
|
-
|
|
79
|
+
const handleMouseDown = () => {
|
|
80
|
+
isBeingClicked.current = true;
|
|
81
|
+
};
|
|
82
|
+
const handleMouseUp = () => {
|
|
83
|
+
isBeingClicked.current = false;
|
|
76
84
|
};
|
|
77
85
|
const handleClick = event => {
|
|
78
86
|
if (mediaDevice === DeviceBreakpointsType.DESKTOP) {
|
|
79
|
-
if (tooltipAsModalValue
|
|
80
|
-
|
|
87
|
+
if (!tooltipAsModalValue) {
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
if (!open) {
|
|
81
91
|
showTooltip();
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
if (!tooltipRef.current?.contains(event.target)) {
|
|
95
|
+
hideTooltip();
|
|
82
96
|
}
|
|
83
97
|
return;
|
|
84
98
|
}
|
|
@@ -97,24 +111,18 @@ const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, on
|
|
|
97
111
|
event.preventDefault();
|
|
98
112
|
}
|
|
99
113
|
};
|
|
100
|
-
const handleKeyDownTooltip = event => {
|
|
101
|
-
if (mediaDevice === DeviceBreakpointsType.DESKTOP &&
|
|
102
|
-
isKeyTabPressed(event.key) &&
|
|
103
|
-
tooltipRef.current) {
|
|
104
|
-
trapFocus(tooltipRef.current, event);
|
|
105
|
-
}
|
|
106
|
-
};
|
|
107
114
|
const handlePopoverCloseInternally = () => {
|
|
108
115
|
props.popover?.onCloseInternally?.();
|
|
109
116
|
hideTooltip();
|
|
110
117
|
};
|
|
111
118
|
const { setDragIconRef, setPopoverRef } = useSwipeDown(props.popover?.animationOptions, hideTooltip);
|
|
119
|
+
useTrapFocus({ element: tooltipRef, hasFocusTrap: tooltipAsModalValue });
|
|
112
120
|
// It is used TooltipStandAlone instead of TooltipControlled
|
|
113
121
|
// The reason is that TooltipControlled only provides the styles and mediaDevice props that are used and needed in this component
|
|
114
|
-
return (_jsx(TooltipStandAlone, { ...props, dragIconRef: setDragIconRef, labelRef: labelRef, mediaDevice: mediaDevice, popover: {
|
|
122
|
+
return (_jsx(TooltipStandAlone, { ...props, contentHasScroll: contentHasScroll, contentRef: contentRefHandler, dragIconRef: setDragIconRef, labelRef: labelRef, mediaDevice: mediaDevice, popover: {
|
|
115
123
|
...props.popover,
|
|
116
124
|
forwardedRef: setPopoverRef,
|
|
117
|
-
}, popoverOpen: open, styles: styles, tooltipAriaLabel: tooltipAriaLabel, tooltipAsModal: tooltipAsModalValue, tooltipRef: tooltipRef, onBlur: handleBlur, onClick: handleClick, onCloseIconClick: handleCloseIconClick, onFocus: handleFocus, onKeyDown: handleKeyDown, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onPopoverCloseInternally: handlePopoverCloseInternally, onTooltipFocus: handleFocusTooltip
|
|
125
|
+
}, popoverOpen: open, styles: styles, tooltipAriaLabel: tooltipAriaLabel, tooltipAsModal: tooltipAsModalValue, tooltipRef: tooltipRef, onBlur: handleBlur, onClick: handleClick, onCloseIconClick: handleCloseIconClick, onFocus: handleFocus, onKeyDown: handleKeyDown, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseUp: handleMouseUp, onPopoverCloseInternally: handlePopoverCloseInternally, onTooltipFocus: handleFocusTooltip }));
|
|
118
126
|
});
|
|
119
127
|
TooltipUnControlledComponent.displayName = 'TooltipUnControlledComponent';
|
|
120
128
|
const TooltipUnControlledBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(TooltipStandAlone, { ...props }) }), children: _jsx(TooltipUnControlledComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipUnControlled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"tooltipUnControlled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipUnControlled.tsx"],"names":[],"mappings":"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"}
|