@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,14 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { CssAnimationExecuteOption } from '../../components/cssAnimation';
|
|
4
|
-
import { STYLES_NAME
|
|
5
|
-
import { useClickOutside } from '../../hooks
|
|
6
|
-
import {
|
|
7
|
-
import { useMediaDevice } from '../../hooks/useMediaDevice/useMediaDevice';
|
|
8
|
-
import { useScrollBlock } from '../../hooks/useScrollBlock/useScrollBlock';
|
|
9
|
-
import { useStyles } from '../../hooks/useStyles/useStyles';
|
|
4
|
+
import { STYLES_NAME } from '../../constants';
|
|
5
|
+
import { useClickOutside, useEscPressedV2, useMediaDevice, useScrollBlock, useStyles, } from '../../hooks';
|
|
6
|
+
import { useTrapFocus } from '../../hooks/useTrapFocus/useTrapFocus';
|
|
10
7
|
import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
|
|
11
|
-
import { focusFirstDescendant,
|
|
8
|
+
import { focusFirstDescendant, isKeyTabPressed } from '../../utils';
|
|
12
9
|
import { convertDurationToNumber } from '../../utils/stringUtility/string.utility';
|
|
13
10
|
import { PopoverStandAlone } from './popoverStandAlone';
|
|
14
11
|
import { PopoverComponentType } from './types';
|
|
@@ -18,7 +15,8 @@ const PopoverControlledComponent = React.forwardRef(({ variant, component = Popo
|
|
|
18
15
|
const { blockScroll, allowScroll } = useScrollBlock();
|
|
19
16
|
const currentFocus = React.useRef(null);
|
|
20
17
|
const innerRef = React.useRef(null);
|
|
21
|
-
const
|
|
18
|
+
const forwardedRef = React.useRef(null);
|
|
19
|
+
const setForwareddRef = React.useCallback(node => {
|
|
22
20
|
if (node && focusFirstDescendantAutomatically) {
|
|
23
21
|
focusFirstDescendant(node);
|
|
24
22
|
}
|
|
@@ -31,7 +29,7 @@ const PopoverControlledComponent = React.forwardRef(({ variant, component = Popo
|
|
|
31
29
|
if (!node && blockBack) {
|
|
32
30
|
allowScroll();
|
|
33
31
|
}
|
|
34
|
-
|
|
32
|
+
forwardedRef.current = node;
|
|
35
33
|
}, [props.forwardedRef, focusFirstDescendantAutomatically]);
|
|
36
34
|
const styles = useStyles(STYLES_NAME.POPOVER, variant, ctv);
|
|
37
35
|
const device = useMediaDevice();
|
|
@@ -39,6 +37,10 @@ const PopoverControlledComponent = React.forwardRef(({ variant, component = Popo
|
|
|
39
37
|
const [showAnimationEnd, setShowAnimationEnd] = React.useState(false);
|
|
40
38
|
const [openAnimation, setOpenAnimation] = React.useState(props.open);
|
|
41
39
|
const openAnimationRef = React.useRef(props.open);
|
|
40
|
+
// Expose the ref to the parent component
|
|
41
|
+
React.useImperativeHandle(ref, () => {
|
|
42
|
+
return innerRef.current;
|
|
43
|
+
}, []);
|
|
42
44
|
// To improve: this ref has been created to avoid update a state when the component does not longer exists.
|
|
43
45
|
// Check waitForAnimation and setOpenAnimation in the onClose method
|
|
44
46
|
const componentAlive = React.useRef(true);
|
|
@@ -74,8 +76,8 @@ const PopoverControlledComponent = React.forwardRef(({ variant, component = Popo
|
|
|
74
76
|
onCloseInternally?.();
|
|
75
77
|
}
|
|
76
78
|
};
|
|
77
|
-
useClickOutside(
|
|
78
|
-
|
|
79
|
+
useClickOutside(forwardedRef, handleClickOutside, props.preventCloseOnClickElements);
|
|
80
|
+
useEscPressedV2({ ref: innerRef, onEscPress: handlePressScape });
|
|
79
81
|
const beforeModalFocus = () => {
|
|
80
82
|
currentFocus.current = document.activeElement;
|
|
81
83
|
setShowAnimationEnd(false);
|
|
@@ -89,11 +91,15 @@ const PopoverControlledComponent = React.forwardRef(({ variant, component = Popo
|
|
|
89
91
|
currentFocus.current?.focus({ preventScroll: preventScrollOnCloseFocus });
|
|
90
92
|
}
|
|
91
93
|
};
|
|
94
|
+
// to force rerender to update ref in useTrapFocus
|
|
95
|
+
const [tabPressed, setTabPressed] = React.useState(false);
|
|
92
96
|
const handleKeyDown = event => {
|
|
93
|
-
if (event.key
|
|
94
|
-
|
|
97
|
+
if (isKeyTabPressed(event.key) && forwardedRef.current) {
|
|
98
|
+
setTabPressed(true);
|
|
99
|
+
props.onKeyDown?.(event);
|
|
95
100
|
}
|
|
96
101
|
};
|
|
102
|
+
useTrapFocus({ element: forwardedRef, hasFocusTrap: props.trapFocusInsideModal, tabPressed });
|
|
97
103
|
React.useEffect(() => {
|
|
98
104
|
if (!props.open && openAnimationRef.current) {
|
|
99
105
|
onClose();
|
|
@@ -129,7 +135,7 @@ const PopoverControlledComponent = React.forwardRef(({ variant, component = Popo
|
|
|
129
135
|
}, animationExitDuration());
|
|
130
136
|
});
|
|
131
137
|
};
|
|
132
|
-
return (_jsx(PopoverStandAlone, { ...props, ref:
|
|
138
|
+
return (_jsx(PopoverStandAlone, { ...props, ref: innerRef, animationConfig: animationConfig, animationExecution: showAnimationEnd ? CssAnimationExecuteOption.END : CssAnimationExecuteOption.START, component: component, device: device, forwardedRef: setForwareddRef, open: openAnimation, styles: styles, onKeyDown: handleKeyDown }));
|
|
133
139
|
});
|
|
134
140
|
PopoverControlledComponent.displayName = 'PopoverControlledComponent';
|
|
135
141
|
const PopoverBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(PopoverStandAlone, { ...props, ref: ref }) }), children: _jsx(PopoverControlledComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popoverControlled.js","sourceRoot":"","sources":["../../../../src/components/popover/popoverControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"popoverControlled.js","sourceRoot":"","sources":["../../../../src/components/popover/popoverControlled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ const SnackbarStandAloneComponent = ({ align = POSITIONS.TOP_CENTER_FIXED, ...pr
|
|
|
20
20
|
return (content &&
|
|
21
21
|
(props.styles?.description?.font_variant || props.description?.variant) && (_jsx(SnackbarDescriptionWrapper, { styles: props.styles, children: _jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.styles?.description, dataTestId: `${props.dataTestId}Description`, ...restDescriptionProps, children: content }) })));
|
|
22
22
|
};
|
|
23
|
-
return (_jsx(Popover, { autoWidth: true, transparentBackground: true, clickOverlayClose: false, component: PopoverComponentType.DIV, dataTestId: `${props.dataTestId}Popover`, focusLastElementFocusedAfterClose: false, focusScreenFirstDescendantAfterClose: false, open: props.open, pressEscapeClose: false, variant: props.styles?.popoverVariants?.[align], children: _jsxs(SnackbarStyled, { ref: ref, styles: props.styles, onBlur: props.onBlur, onFocus: props.onFocus, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: [_jsxs(SnackbarTextAndActionWrapper, { children: [_jsxs(SnackbarTextWrapper, { "data-testid": `${props.dataTestId}Alert`, role: ROLES.ALERT, styles: props.styles, children: [_jsxs(SnackbarIconTitleContainerWrapper, { styles: props.styles, children: [props.icon && (_jsx(ElementOrIcon, { customIconStyles: props.styles?.icon, ...props.icon })), _jsx(SnackbarTitleWrapper, { children: _jsxs(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: [_jsx(ScreenReaderOnly, { children: props.icon?.altText }), props.title.content] }) })] }), _jsx(SnackbarNoStatusContentWrapper, { styles: props.styles, withIcon: !!props.icon, children: buildDescription() })] }), buildAction()] }), _jsx(ButtonWrapper, { children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.closeIcon, dataTestId: `${props.dataTestId}Icon`, onClick: e => props.onCloseButtonClick(false)(e), ...props.closeIcon }) })] }) }));
|
|
23
|
+
return (_jsx(Popover, { autoWidth: true, transparentBackground: true, clickOverlayClose: false, component: PopoverComponentType.DIV, dataTestId: `${props.dataTestId}Popover`, focusLastElementFocusedAfterClose: false, focusScreenFirstDescendantAfterClose: false, open: props.open, pressEscapeClose: false, variant: props.styles?.popoverVariants?.[align], children: _jsxs(SnackbarStyled, { ref: ref, "data-testid": props.dataTestId, styles: props.styles, onBlur: props.onBlur, onFocus: props.onFocus, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: [_jsxs(SnackbarTextAndActionWrapper, { children: [_jsxs(SnackbarTextWrapper, { "data-testid": `${props.dataTestId}Alert`, role: ROLES.ALERT, styles: props.styles, children: [_jsxs(SnackbarIconTitleContainerWrapper, { styles: props.styles, children: [props.icon && (_jsx(ElementOrIcon, { customIconStyles: props.styles?.icon, ...props.icon })), _jsx(SnackbarTitleWrapper, { children: _jsxs(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: [_jsx(ScreenReaderOnly, { children: props.icon?.altText }), props.title.content] }) })] }), _jsx(SnackbarNoStatusContentWrapper, { styles: props.styles, withIcon: !!props.icon, children: buildDescription() })] }), buildAction()] }), _jsx(ButtonWrapper, { children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.closeIcon, dataTestId: `${props.dataTestId}Icon`, onClick: e => props.onCloseButtonClick(false)(e), ...props.closeIcon }) })] }) }));
|
|
24
24
|
};
|
|
25
25
|
export const SnackbarStandAlone = React.forwardRef(SnackbarStandAloneComponent);
|
|
26
26
|
//# sourceMappingURL=snackbarStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snackbarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/snackbar/snackbarStandAlone.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"snackbarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/snackbar/snackbarStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,6 +40,10 @@ const SnackbarUnControlledComponent = ({ open = false, variant, closeTimeout = 7
|
|
|
40
40
|
}, [open]);
|
|
41
41
|
const handleCloseButton = _open => event => {
|
|
42
42
|
props.onOpenClose?.(_open, event);
|
|
43
|
+
if (props.onCloseButton) {
|
|
44
|
+
props.onCloseButton(event);
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
43
47
|
// After manually closing the popover, focus the last focused element
|
|
44
48
|
// If the last focused element is not available, focus the first focusable element
|
|
45
49
|
if (lastFocusedElement.current instanceof HTMLElement &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snackbarUnControlled.js","sourceRoot":"","sources":["../../../../src/components/snackbar/snackbarUnControlled.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"snackbarUnControlled.js","sourceRoot":"","sources":["../../../../src/components/snackbar/snackbarUnControlled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -44,6 +44,7 @@ export interface ISnackbarControlled<V = undefined extends string ? unknown : st
|
|
|
44
44
|
}
|
|
45
45
|
export interface ISnackbarUnControlled<V = undefined extends string ? unknown : string> extends Omit<ISnackbarControlled<V>, 'onCloseButtonClick'> {
|
|
46
46
|
closeTimeout?: number;
|
|
47
|
+
onCloseButton?: React.MouseEventHandler<HTMLButtonElement>;
|
|
47
48
|
onOpenClose?: (open: boolean, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
48
49
|
}
|
|
49
50
|
export type GenericConstantsType = {
|
|
@@ -4,26 +4,28 @@ export declare const StepsContainerStyled: import("styled-components/dist/types"
|
|
|
4
4
|
styles?: StepperNumberStateStylesType;
|
|
5
5
|
}>> & string;
|
|
6
6
|
export declare const BuilStepContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
|
|
7
|
-
orientation: StepperNumberOrientationType;
|
|
7
|
+
$orientation: StepperNumberOrientationType;
|
|
8
8
|
horizontalOrientationWidth?: string;
|
|
9
9
|
}>> & string;
|
|
10
|
-
export declare const StepContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<
|
|
10
|
+
export declare const StepContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
11
11
|
styles?: StepperNumberStateStylesType;
|
|
12
12
|
state: StepperNumberStateType;
|
|
13
13
|
}>> & string;
|
|
14
|
-
export declare const StepCircleBarWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<
|
|
15
|
-
orientation: StepperNumberOrientationType;
|
|
14
|
+
export declare const StepCircleBarWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
15
|
+
$orientation: StepperNumberOrientationType;
|
|
16
16
|
}>> & string;
|
|
17
|
-
export declare const StepCircleStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<
|
|
17
|
+
export declare const StepCircleStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
18
18
|
styles?: StepperNumberStateStylesType;
|
|
19
19
|
state: StepperNumberStateType;
|
|
20
20
|
}>> & string;
|
|
21
|
-
export declare const StepBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<
|
|
21
|
+
export declare const StepBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
22
22
|
styles?: StepperNumberStateStylesType;
|
|
23
23
|
state: StepperNumberStateType;
|
|
24
24
|
}>> & string;
|
|
25
|
-
export declare const StepperNumberContainerVerticalStep: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<
|
|
25
|
+
export declare const StepperNumberContainerVerticalStep: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
26
26
|
styles?: StepperNumberStateStylesType;
|
|
27
27
|
state: StepperNumberStateType;
|
|
28
28
|
isLastStep: boolean;
|
|
29
29
|
}>> & string;
|
|
30
|
+
export declare const ScreenReaderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
|
|
31
|
+
export declare const ScreenReaderCompletedStep: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
|
+
import { srOnlyMixin } from '../../styles';
|
|
2
3
|
import { getStyles } from '../../utils';
|
|
3
4
|
import { StepperNumberOrientationType, } from './types';
|
|
4
5
|
export const StepperNumberContainerStyled = styled.section ``;
|
|
@@ -6,7 +7,7 @@ export const StepsContainerStyled = styled.ol `
|
|
|
6
7
|
${({ styles }) => getStyles(styles?.container)};
|
|
7
8
|
`;
|
|
8
9
|
export const BuilStepContainerStyled = styled.li `
|
|
9
|
-
${({ orientation, horizontalOrientationWidth }) => orientation === StepperNumberOrientationType.VERTICAL
|
|
10
|
+
${({ $orientation, horizontalOrientationWidth }) => $orientation === StepperNumberOrientationType.VERTICAL
|
|
10
11
|
? css `
|
|
11
12
|
display: flex;
|
|
12
13
|
`
|
|
@@ -14,23 +15,29 @@ export const BuilStepContainerStyled = styled.li `
|
|
|
14
15
|
width: ${horizontalOrientationWidth};
|
|
15
16
|
`}
|
|
16
17
|
`;
|
|
17
|
-
export const StepContainerStyled = styled.
|
|
18
|
+
export const StepContainerStyled = styled.span `
|
|
18
19
|
${({ styles, state }) => getStyles(styles?.[state]?.stepContainer)};
|
|
19
20
|
`;
|
|
20
|
-
export const StepCircleBarWrapperStyled = styled.
|
|
21
|
+
export const StepCircleBarWrapperStyled = styled.span `
|
|
21
22
|
display: flex;
|
|
22
|
-
flex-direction: ${({ orientation }) => orientation === StepperNumberOrientationType.VERTICAL ? 'column' : 'row'};
|
|
23
|
+
flex-direction: ${({ $orientation }) => $orientation === StepperNumberOrientationType.VERTICAL ? 'column' : 'row'};
|
|
23
24
|
align-items: center;
|
|
24
25
|
flex: 1;
|
|
25
26
|
`;
|
|
26
|
-
export const StepCircleStyled = styled.
|
|
27
|
+
export const StepCircleStyled = styled.span `
|
|
27
28
|
${({ styles, state }) => getStyles(styles?.[state]?.stepCircle)};
|
|
28
29
|
`;
|
|
29
|
-
export const StepBarStyled = styled.
|
|
30
|
+
export const StepBarStyled = styled.span `
|
|
30
31
|
${({ styles, state }) => getStyles(styles?.[state]?.stepBar)};
|
|
31
32
|
`;
|
|
32
|
-
export const StepperNumberContainerVerticalStep = styled.
|
|
33
|
+
export const StepperNumberContainerVerticalStep = styled.span `
|
|
33
34
|
${({ styles, state }) => getStyles(styles?.[state]?.stepNameContainer)};
|
|
34
35
|
${({ styles, state, isLastStep }) => isLastStep && getStyles(styles?.[state]?.stepNameContainer?.isLast)};
|
|
35
36
|
`;
|
|
37
|
+
export const ScreenReaderTitle = styled.h2 `
|
|
38
|
+
${srOnlyMixin}
|
|
39
|
+
`;
|
|
40
|
+
export const ScreenReaderCompletedStep = styled.span `
|
|
41
|
+
${srOnlyMixin}
|
|
42
|
+
`;
|
|
36
43
|
//# sourceMappingURL=stepperNumber.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepperNumber.styled.js","sourceRoot":"","sources":["../../../../src/components/stepperNumber/stepperNumber.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EACL,4BAA4B,GAG7B,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,OAAO,CAAA,EAAE,CAAC;AAE7D,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,EAAE,CAA2C;IACpF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,EAAE,CAG9C;IACE,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"stepperNumber.styled.js","sourceRoot":"","sources":["../../../../src/components/stepperNumber/stepperNumber.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EACL,4BAA4B,GAG7B,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,OAAO,CAAA,EAAE,CAAC;AAE7D,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,EAAE,CAA2C;IACpF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,EAAE,CAG9C;IACE,CAAC,EAAE,YAAY,EAAE,0BAA0B,EAAE,EAAE,EAAE,CACjD,YAAY,KAAK,4BAA4B,CAAC,QAAQ;IACpD,CAAC,CAAC,GAAG,CAAA;;SAEF;IACH,CAAC,CAAC,GAAG,CAAA;mBACQ,0BAA0B;SACpC;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAG5C;IACE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;CACnE,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,IAAI,CAEnD;;oBAEkB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CACrC,YAAY,KAAK,4BAA4B,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;;;CAG5E,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAGzC;IACE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;CAChE,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAGtC;IACE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,kCAAkC,GAAG,MAAM,CAAC,IAAI,CAI3D;IACE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC;IACpE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAClC,UAAU,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,iBAAiB,EAAE,MAAM,CAAC;CACtE,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,CAAA;IACtC,WAAW;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,IAAI,CAAA;IAChD,WAAW;CACd,CAAC"}
|
|
@@ -3,18 +3,25 @@ import * as React from 'react';
|
|
|
3
3
|
import { ScreenReaderOnly } from '../../components/screenReaderOnly';
|
|
4
4
|
import { Text } from '../../components/text/text';
|
|
5
5
|
import { TextComponentType } from '../../components/text/types/component';
|
|
6
|
+
import { useId } from '../../hooks';
|
|
6
7
|
import { ElementOrIcon } from '../elementOrIcon';
|
|
7
8
|
import { buildAriaCurrent, buildScreenReaderText, mapToStepState } from './helpers';
|
|
8
|
-
import { BuilStepContainerStyled, StepBarStyled, StepCircleBarWrapperStyled, StepCircleStyled, StepContainerStyled, StepperNumberContainerStyled, StepperNumberContainerVerticalStep, StepsContainerStyled, } from './stepperNumber.styled';
|
|
9
|
+
import { BuilStepContainerStyled, ScreenReaderCompletedStep, ScreenReaderTitle, StepBarStyled, StepCircleBarWrapperStyled, StepCircleStyled, StepContainerStyled, StepperNumberContainerStyled, StepperNumberContainerVerticalStep, StepsContainerStyled, } from './stepperNumber.styled';
|
|
9
10
|
import { StepperNumberOrientationType, StepperNumberStateType, } from './types';
|
|
10
11
|
const defaultStep = 0;
|
|
11
12
|
const StepperNumberStandAloneComponent = ({ currentStep = defaultStep, ...props }, ref) => {
|
|
13
|
+
const id = useId('stepperNumber');
|
|
14
|
+
const screenReaderTitleId = `${id}ScreenReaderTitle`;
|
|
15
|
+
const ariaLabelledBy = props.screenReaderTitle?.content ? screenReaderTitleId : undefined;
|
|
12
16
|
const steps = mapToStepState(props.steps, currentStep);
|
|
13
17
|
const isVertical = props.orientation === StepperNumberOrientationType.VERTICAL;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
+
const usingScreenReaderTextBuilder = Boolean(props.screenReaderTextBuilder);
|
|
19
|
+
return (_jsxs(StepperNumberContainerStyled, { ref: ref, "aria-hidden": !isVertical, "aria-label": props['aria-label'], "aria-labelledby": ariaLabelledBy, "data-testid": `${props.dataTestId}StepsSection`, children: [props.screenReaderTitle?.content && (_jsx(ScreenReaderTitle, { as: props.screenReaderTitle.component, "data-testid": props.screenReaderTitle.dataTestId ?? `${props.dataTestId}ScreenReaderTitle`, id: screenReaderTitleId, children: props.screenReaderTitle?.content })), _jsx(StepsContainerStyled, { "data-testid": `${props.dataTestId}StepsContainer`, styles: props.styles, children: steps.map((step, index) => {
|
|
20
|
+
const isLastStep = index === steps.length - 1;
|
|
21
|
+
return (_jsxs(BuilStepContainerStyled, { "$orientation": props.orientation, "aria-current": buildAriaCurrent(currentStep, index, props.orientation), "data-testid": `${props.dataTestId}Li${index}`, horizontalOrientationWidth: isLastStep ? 'auto' : props.horizontalOrientationWidth, children: [usingScreenReaderTextBuilder && (_jsx(ScreenReaderOnly, { dataTestId: `${props.dataTestId}ScreenReaderText${index}`, children: buildScreenReaderText(index, currentStep, steps.length, props.screenReaderTextBuilder, step.name, isVertical) })), _jsxs(StepContainerStyled, { "aria-hidden": !isVertical || usingScreenReaderTextBuilder ? true : undefined, state: step.state, styles: props.styles, children: [_jsxs(StepCircleBarWrapperStyled, { "$orientation": props.orientation, children: [_jsx(StepCircleStyled, { state: step.state, styles: props.styles, children: step.state === StepperNumberStateType.COMPLETED ? (_jsxs(React.Fragment, { children: [_jsx(ElementOrIcon, { customIconStyles: props.styles?.[step.state]?.iconSelected, ...props.completedStepIcon }), _jsx(ScreenReaderOnly, { children: index + 1 })] })) : (_jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles?.[step.state]?.stepIndex, children: index + 1 })) }), !isLastStep && (_jsx(StepBarStyled, { state: steps[index + 1].state, styles: props.styles }))] }), isVertical && (_jsxs(StepperNumberContainerVerticalStep, { "aria-hidden": usingScreenReaderTextBuilder ? true : undefined, isLastStep: isLastStep, state: step.state, styles: props.styles, children: [_jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles?.[step.state]?.stepName, dataTestId: `${props.dataTestId}VerticalStepText${index}`, children: step.name }), !usingScreenReaderTextBuilder &&
|
|
22
|
+
step.state === StepperNumberStateType.COMPLETED &&
|
|
23
|
+
props.screenReaderCompletedStep?.content && (_jsxs(ScreenReaderCompletedStep, { as: props.screenReaderCompletedStep.component, "data-testid": props.screenReaderCompletedStep.dataTestId, children: ["\u00A0", props.screenReaderCompletedStep.content] }))] }))] })] }, 'stepContainer' + index));
|
|
24
|
+
}) })] }));
|
|
18
25
|
};
|
|
19
26
|
export const StepperNumberStandAlone = React.forwardRef(StepperNumberStandAloneComponent);
|
|
20
27
|
//# sourceMappingURL=stepperNumberStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepperNumberStandAlone.js","sourceRoot":"","sources":["../../../../src/components/stepperNumber/stepperNumberStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"stepperNumberStandAlone.js","sourceRoot":"","sources":["../../../../src/components/stepperNumber/stepperNumberStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { IElementOrIcon } from '../../../components/elementOrIcon';
|
|
2
|
+
import { IText } from '../../../components/text';
|
|
2
3
|
import { CustomTokenTypes } from '../../../types';
|
|
3
4
|
import { StepperNumberOrientationType } from './orientation';
|
|
4
5
|
import { StepperNumberprefixSuffixType } from './prefixSuffix';
|
|
@@ -8,6 +9,9 @@ export interface StepStateType {
|
|
|
8
9
|
name: string;
|
|
9
10
|
state: StepperNumberStateType;
|
|
10
11
|
}
|
|
12
|
+
export type StepperNumberScreenReaderTextType = Pick<IText<string>, 'component' | 'dataTestId'> & {
|
|
13
|
+
content?: string;
|
|
14
|
+
};
|
|
11
15
|
export interface IStepperNumberStandAlone {
|
|
12
16
|
styles?: StepperNumberStateStylesType;
|
|
13
17
|
orientation: StepperNumberOrientationType;
|
|
@@ -16,7 +20,12 @@ export interface IStepperNumberStandAlone {
|
|
|
16
20
|
steps?: string[];
|
|
17
21
|
currentStep?: number;
|
|
18
22
|
['aria-label']?: string;
|
|
23
|
+
/**
|
|
24
|
+
* @deprecated use screenReaderTitle and screenReaderCompletedStep instead
|
|
25
|
+
*/
|
|
19
26
|
screenReaderTextBuilder?: StepperNumberprefixSuffixType;
|
|
27
|
+
screenReaderTitle?: StepperNumberScreenReaderTextType;
|
|
28
|
+
screenReaderCompletedStep?: StepperNumberScreenReaderTextType;
|
|
20
29
|
dataTestId?: string;
|
|
21
30
|
}
|
|
22
31
|
export interface IStepperNumber<V = undefined extends string ? unknown : string> extends Omit<IStepperNumberStandAlone, 'styles' | 'orientation'>, Omit<CustomTokenTypes<StepperNumberDimensionStylesType>, 'cts' | 'extraCt'> {
|
|
@@ -9,7 +9,6 @@ const SummaryDetailsControlledComponent = React.forwardRef(({ variant, ctv, extr
|
|
|
9
9
|
const styles = useStyles(SUMMARY_DETAILS_STYLES, variant, ctv);
|
|
10
10
|
const lineSeparatorLineStyles = useStyles(LINE_SEPARATOR_STYLES, styles.lineSeparatorVariant, extraCt);
|
|
11
11
|
const handleBodyClick = event => {
|
|
12
|
-
event.preventDefault();
|
|
13
12
|
event.stopPropagation();
|
|
14
13
|
};
|
|
15
14
|
return (_jsx(SummaryDetailsStandAlone, { ...props, ref: ref, lineSeparatorLineStyles: lineSeparatorLineStyles, styles: styles, onBodyClick: handleBodyClick }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"summaryDetailsControlled.js","sourceRoot":"","sources":["../../../../src/components/summaryDetails/summaryDetailsControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAOtE,MAAM,sBAAsB,GAAG,wBAAwB,CAAC;AACxD,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAEtD,MAAM,iCAAiC,GAAG,KAAK,CAAC,UAAU,CACxD,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,KAAK,EAAyD,EAC1F,GAA8D,EACjD,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,sBAAsB,EACtB,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,uBAAuB,GAAG,SAAS,CACvC,qBAAqB,EACrB,MAAM,CAAC,oBAAoB,EAC3B,OAAO,CACR,CAAC;IAEF,MAAM,eAAe,GAA4C,KAAK,CAAC,EAAE;QACvE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"summaryDetailsControlled.js","sourceRoot":"","sources":["../../../../src/components/summaryDetails/summaryDetailsControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAOtE,MAAM,sBAAsB,GAAG,wBAAwB,CAAC;AACxD,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAEtD,MAAM,iCAAiC,GAAG,KAAK,CAAC,UAAU,CACxD,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,KAAK,EAAyD,EAC1F,GAA8D,EACjD,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,sBAAsB,EACtB,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,uBAAuB,GAAG,SAAS,CACvC,qBAAqB,EACrB,MAAM,CAAC,oBAAoB,EAC3B,OAAO,CACR,CAAC;IAEF,MAAM,eAAe,GAA4C,KAAK,CAAC,EAAE;QACvE,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,wBAAwB,OACnB,KAAK,EACT,GAAG,EAAE,GAAG,EACR,uBAAuB,EAAE,uBAAuB,EAChD,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,eAAe,GAC5B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,iCAAiC,CAAC,WAAW,GAAG,mCAAmC,CAAC;AAEpF,MAAM,sBAAsB,GAAG,CAC7B,KAA4D,EAC5D,GAA8D,EACjD,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,wBAAwB,OAAM,KAA8C,GAAI,GAC/D,YAGtB,KAAC,iCAAiC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC5C,CACjB,CAAC;AAEF,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAM1B,CAAC;AAE/C,OAAO,EAAE,wBAAwB,EAAE,CAAC"}
|
|
@@ -4,6 +4,7 @@ import { useMediaDevice } from '../../hooks';
|
|
|
4
4
|
import { useStyles } from '../../hooks/useStyles/useStyles';
|
|
5
5
|
import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
|
|
6
6
|
import { hasScroll as checkHasScroll } from '../../utils';
|
|
7
|
+
import { ResizeObserver } from '../../utils/resizeObserver';
|
|
7
8
|
import { TableStandAlone } from './tableStandAlone';
|
|
8
9
|
const TABLE_STYLES = 'TABLE_STYLES';
|
|
9
10
|
const LINE_SEPARATOR_STYLES = 'LINE_SEPARATOR_STYLES';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/table/table.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGnD,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;AAC5E,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/table/table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { TRStyled } from './tableRow.styled';
|
|
4
|
-
const TableRowStandAloneComponent = ({ dataTestId = 'tableRow', children, styles, id, active, hoverable = true, component, onClick, onMouseEnter, onMouseLeave, }, ref) => {
|
|
5
|
-
return (_jsx(TRStyled, { ref: ref, "data-table-row": true, "$styles": styles, as: component, "data-active": active, "data-hoverable": hoverable, "data-testid": dataTestId, id: id, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: children }));
|
|
4
|
+
const TableRowStandAloneComponent = ({ dataTestId = 'tableRow', children, styles, id, active, hoverable = true, role, tabIndex, component, onClick, onKeyDown, onMouseEnter, onMouseLeave, }, ref) => {
|
|
5
|
+
return (_jsx(TRStyled, { ref: ref, "data-table-row": true, "$styles": styles, as: component, "data-active": active, "data-hoverable": hoverable, "data-testid": dataTestId, id: id, role: role, tabIndex: tabIndex, onClick: onClick, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: children }));
|
|
6
6
|
};
|
|
7
7
|
export const TableRowStandAlone = React.forwardRef(TableRowStandAloneComponent);
|
|
8
8
|
//# sourceMappingURL=tableRowStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tableRowStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tableRow/tableRowStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,MAAM,2BAA2B,GAAG,CAClC,EACE,UAAU,GAAG,UAAU,EACvB,QAAQ,EACR,MAAM,EACN,EAAE,EACF,MAAM,EACN,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,OAAO,EACP,YAAY,EACZ,YAAY,GACiC,EAC/C,GAA4C,EAC5C,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAG,qCAGC,MAAM,EACf,EAAE,EAAE,SAAS,iBACA,MAAM,oBACH,SAAS,iBACZ,UAAU,EACvB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,YAEzB,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"tableRowStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tableRow/tableRowStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,MAAM,2BAA2B,GAAG,CAClC,EACE,UAAU,GAAG,UAAU,EACvB,QAAQ,EACR,MAAM,EACN,EAAE,EACF,MAAM,EACN,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,YAAY,EACZ,YAAY,GACiC,EAC/C,GAA4C,EAC5C,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAG,qCAGC,MAAM,EACf,EAAE,EAAE,SAAS,iBACA,MAAM,oBACH,SAAS,iBACZ,UAAU,EACvB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,YAEzB,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC"}
|
|
@@ -5,9 +5,12 @@ export interface ITableRowStandAlone {
|
|
|
5
5
|
id?: string;
|
|
6
6
|
active?: boolean;
|
|
7
7
|
hoverable?: boolean;
|
|
8
|
+
role?: string;
|
|
9
|
+
tabIndex?: number;
|
|
8
10
|
component?: string | React.ComponentType<any>;
|
|
9
11
|
dataTestId?: string;
|
|
10
12
|
onClick?: React.MouseEventHandler<HTMLTableRowElement>;
|
|
13
|
+
onKeyDown?: React.KeyboardEventHandler<HTMLTableRowElement>;
|
|
11
14
|
onMouseEnter?: React.MouseEventHandler<HTMLTableRowElement>;
|
|
12
15
|
onMouseLeave?: React.MouseEventHandler<HTMLTableRowElement>;
|
|
13
16
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { hasScroll as checkHasSroll } from '../../../utils';
|
|
3
|
+
import { ResizeObserver } from '../../../utils/resizeObserver';
|
|
3
4
|
export const useTableHasScroll = ({ ref, disabled = false, }) => {
|
|
4
5
|
const [hasScroll, setHasScroll] = React.useState(false);
|
|
5
6
|
React.useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTableHasScroll.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableHasScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"useTableHasScroll.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableHasScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAWxD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,GAAG,EACH,QAAQ,GAAG,KAAK,GACY,EAA+B,EAAE;IAC7D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC,mCAAmC,CAAC,CAAC;QAC9F,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5D,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;YACvC,CAAC,CAAC;YACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YACzC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;QACD,IAAI,QAAQ,EAAE,CAAC;YACb,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,SAAS,EAAE,CAAC;AACvB,CAAC,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { hasHorizontalScroll } from '../../../utils';
|
|
3
|
+
import { ResizeObserver } from '../../../utils/resizeObserver';
|
|
3
4
|
export const useTableStickyLeftColumns = ({ ref, disabled = false, }) => {
|
|
4
5
|
React.useEffect(() => {
|
|
5
6
|
const scrollableContainer = ref.current?.querySelector('[data-table-scrollable-container]');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTableStickyLeftColumns.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableStickyLeftColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"useTableStickyLeftColumns.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableStickyLeftColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AASxD,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,GAAG,EACH,QAAQ,GAAG,KAAK,GACoB,EAAuC,EAAE;IAC7E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,mCAAmC,CAAC,CAAC;QAC5F,MAAM,sBAAsB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC;QACtF,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5D,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;gBAC1D,0DAA0D;gBAC1D,MAAM,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBAC1D,+CAA+C;gBAC/C,IAAI,kBAAkB,GAAG,CAAC,CAAC;gBAC3B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,8CAA8C;oBAC9C,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,CAAC;oBACjF,IAAI,IAAI,GAAG,CAAC,CAAC;oBACb,eAAe,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;wBACnC,IAAI,UAAU,YAAY,WAAW,EAAE,CAAC;4BACtC,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;4BACpE,IAAI,IAAI,UAAU,CAAC,WAAW,CAAC;wBACjC,CAAC;oBACH,CAAC,CAAC,CAAC;oBACH,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;gBAC1D,CAAC,CAAC,CAAC;gBACH,2FAA2F;gBAC3F,wEAAwE;gBACxE,IAAI,sBAAsB,YAAY,WAAW,EAAE,CAAC;oBAClD,sBAAsB,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,kBAAkB,IAAI,CAAC;gBAChE,CAAC;YACH,CAAC,CAAC;YACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YACzC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { hasHorizontalScroll, hasVerticalScroll } from '../../../utils';
|
|
3
|
+
import { ResizeObserver } from '../../../utils/resizeObserver';
|
|
3
4
|
export const useTableStickyRightColumns = ({ ref, disabled = false, }) => {
|
|
4
5
|
React.useEffect(() => {
|
|
5
6
|
const scrollableContainer = ref.current?.querySelector('[data-table-scrollable-container]');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTableStickyRightColumns.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableStickyRightColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"useTableStickyRightColumns.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableStickyRightColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AASxD,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,GAAG,EACH,QAAQ,GAAG,KAAK,GACqB,EAAwC,EAAE;IAC/E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,mCAAmC,CAAC,CAAC;QAC5F,MAAM,uBAAuB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,2BAA2B,CAAC,CAAC;QACxF,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5D,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;gBAC1D,2DAA2D;gBAC3D,MAAM,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBAC1D,gDAAgD;gBAChD,IAAI,mBAAmB,GAAG,CAAC,CAAC;gBAC5B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,8CAA8C;oBAC9C,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI;oBACjC,yFAAyF;oBACzF,GAAG,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,CACpE,CAAC,OAAO,EAAE,CAAC;oBACZ,IAAI,KAAK,GAAG,CAAC,CAAC;oBACd,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;wBACpC,IAAI,UAAU,YAAY,WAAW,EAAE,CAAC;4BACtC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;4BACtE,KAAK,IAAI,UAAU,CAAC,WAAW,CAAC;wBAClC,CAAC;oBACH,CAAC,CAAC,CAAC;oBACH,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;gBAC7D,CAAC,CAAC,CAAC;gBACH,4FAA4F;gBAC5F,wEAAwE;gBACxE,IAAI,uBAAuB,YAAY,WAAW,EAAE,CAAC;oBACnD,iEAAiE;oBACjE,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;oBACtD,IAAI,kBAAkB,EAAE,CAAC;wBACvB,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;wBAChE,mBAAmB,IAAI,aAAa,CAAC;oBACvC,CAAC;oBACD,uBAAuB,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,mBAAmB,IAAI,CAAC;gBACnE,CAAC;YACH,CAAC,CAAC;YACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YACzC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}
|
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import { ROLES } from '../../types';
|
|
4
4
|
import { LeftBoxShadowContainerStyled, RightBoxShadowContainerStyled, TableScrollableContainerStyled, TableStyled, TableWrapperStyled, } from './table.styled';
|
|
5
5
|
const TableStandAloneComponent = ({ dataTestId = 'table', children, styles, hasScrollDisabled, hasScroll, sticky, component, ...props }, ref) => {
|
|
6
|
-
return (_jsxs(TableWrapperStyled, { ref: ref, "$styles": styles, "data-sticky": sticky, "data-testid": `${dataTestId}Wrapper`, children: [_jsx(TableScrollableContainerStyled, { "data-table-scrollable-container": true, "$hasScrollDisabled": hasScrollDisabled, "$styles": styles, "aria-label": hasScroll ? props['aria-label'] : undefined, "aria-labelledby": hasScroll ? props['aria-labelledby'] : undefined, "data-testid": `${dataTestId}ScrollableContainer`, role: hasScroll ? ROLES.REGION : undefined, tabIndex: hasScroll ? 0 : undefined, children: _jsx(TableStyled, { "$styles": styles, as: component, "data-testid": dataTestId, children: children }) }), _jsx(LeftBoxShadowContainerStyled, { "data-table-left-shadow": true, "$styles": styles }), _jsx(RightBoxShadowContainerStyled, { "data-table-right-shadow": true, "$styles": styles })] }));
|
|
6
|
+
return (_jsxs(TableWrapperStyled, { ref: ref, "$styles": styles, "data-sticky": sticky, "data-testid": `${dataTestId}Wrapper`, children: [_jsx(TableScrollableContainerStyled, { "data-table-scrollable-container": true, "$hasScrollDisabled": hasScrollDisabled, "$styles": styles, "aria-hidden": props['aria-hidden'], "aria-label": hasScroll ? props['aria-label'] : undefined, "aria-labelledby": hasScroll ? props['aria-labelledby'] : undefined, "data-testid": `${dataTestId}ScrollableContainer`, role: hasScroll ? ROLES.REGION : undefined, tabIndex: hasScroll ? 0 : undefined, children: _jsx(TableStyled, { "$styles": styles, as: component, "data-testid": dataTestId, children: children }) }), _jsx(LeftBoxShadowContainerStyled, { "data-table-left-shadow": true, "$styles": styles }), _jsx(RightBoxShadowContainerStyled, { "data-table-right-shadow": true, "$styles": styles })] }));
|
|
7
7
|
};
|
|
8
8
|
export const TableStandAlone = React.forwardRef(TableStandAloneComponent);
|
|
9
9
|
//# sourceMappingURL=tableStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tableStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tableV2/tableStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EACL,4BAA4B,EAC5B,6BAA6B,EAC7B,8BAA8B,EAC9B,WAAW,EACX,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAGxB,MAAM,wBAAwB,GAAG,CAC/B,EACE,UAAU,GAAG,OAAO,EACpB,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,SAAS,EACT,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACoC,EAC9C,GAAuC,EACvC,EAAE;IACF,OAAO,CACL,MAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,aACC,MAAM,iBACF,MAAM,iBACN,GAAG,UAAU,SAAS,aAGnC,KAAC,8BAA8B,mEAET,iBAAiB,aAC5B,MAAM,
|
|
1
|
+
{"version":3,"file":"tableStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tableV2/tableStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EACL,4BAA4B,EAC5B,6BAA6B,EAC7B,8BAA8B,EAC9B,WAAW,EACX,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAGxB,MAAM,wBAAwB,GAAG,CAC/B,EACE,UAAU,GAAG,OAAO,EACpB,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,SAAS,EACT,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACoC,EAC9C,GAAuC,EACvC,EAAE;IACF,OAAO,CACL,MAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,aACC,MAAM,iBACF,MAAM,iBACN,GAAG,UAAU,SAAS,aAGnC,KAAC,8BAA8B,mEAET,iBAAiB,aAC5B,MAAM,iBACF,KAAK,CAAC,aAAa,CAAC,gBACrB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,qBACtC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,iBACpD,GAAG,UAAU,qBAAqB,EAC/C,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,YAEnC,KAAC,WAAW,eAAU,MAAM,EAAE,EAAE,EAAE,SAAS,iBAAe,UAAU,YACjE,QAAQ,GACG,GACiB,EAEjC,KAAC,4BAA4B,+CAAiC,MAAM,GAAI,EAExE,KAAC,6BAA6B,gDAAkC,MAAM,GAAI,IACvD,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC"}
|
|
@@ -62,9 +62,9 @@ export const TabStyled = styled.div `
|
|
|
62
62
|
}
|
|
63
63
|
`}
|
|
64
64
|
}
|
|
65
|
-
${({ styles,
|
|
65
|
+
${({ styles, numTabsInViewMobile, theme: { MEDIA_QUERIES: { onlyMobile }, }, }) => css `
|
|
66
66
|
${onlyMobile} {
|
|
67
|
-
min-width: calc(100% / ${
|
|
67
|
+
min-width: calc(100% / ${numTabsInViewMobile});
|
|
68
68
|
:focus-within {
|
|
69
69
|
${getStyles(styles.tabContainer?.MOBILE?.focusWithin)}
|
|
70
70
|
}
|