@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
|
@@ -52,9 +52,9 @@ const ActionBottomSheetControlledStructureComponentBoundary = (props, ref) => ((
|
|
|
52
52
|
exports.ActionBottomSheetControlledStructure = React.forwardRef(ActionBottomSheetControlledStructureComponentBoundary);
|
|
53
53
|
const ActionBottomSheetControlledComponent = React.forwardRef(({ open, title, popover, blocked = false, ...props }, ref) => {
|
|
54
54
|
const uniqueTitleId = (0, hooks_1.useId)('actionSheet-title');
|
|
55
|
-
const titleId = title?.id ?? uniqueTitleId;
|
|
55
|
+
const titleId = (title?.id ?? title?.content) ? uniqueTitleId : undefined;
|
|
56
56
|
const styles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.ACTION_BOTTOM_SHEET, props.variant, props.ctv);
|
|
57
|
-
return ((0, jsx_runtime_1.jsx)(popover_1.PopoverControlled, { "aria-labelledby": titleId, clickOverlayClose: !blocked, dataTestId: `${props.dataTestId}Popover`, hasBackDrop: true, open: open, trapFocusInsideModal: true, variant: styles.popoverVariant, ...popover, children: (0, jsx_runtime_1.jsx)(exports.ActionBottomSheetControlledStructure, { ...props, ref: ref, title: { ...title, id: titleId } }) }));
|
|
57
|
+
return ((0, jsx_runtime_1.jsx)(popover_1.PopoverControlled, { "aria-labelledby": titleId, "aria-modal": true, clickOverlayClose: !blocked, component: popover_1.PopoverComponentType.DIV, dataTestId: `${props.dataTestId}Popover`, hasBackDrop: true, open: open, role: types_1.ROLES.DIALOG, trapFocusInsideModal: true, variant: styles.popoverVariant, ...popover, children: (0, jsx_runtime_1.jsx)(exports.ActionBottomSheetControlledStructure, { ...props, ref: ref, title: { ...title, id: titleId } }) }));
|
|
58
58
|
});
|
|
59
59
|
ActionBottomSheetControlledComponent.displayName = 'ActionBottomSheetControlledComponent';
|
|
60
60
|
const ActionBottomSheetControlledComponentBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(exports.ActionBottomSheetControlledStructure, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(ActionBottomSheetControlledComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actionBottomSheetControlled.js","sourceRoot":"","sources":["../../../../src/components/actionBottomSheet/actionBottomSheetControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,
|
|
1
|
+
{"version":3,"file":"actionBottomSheetControlled.js","sourceRoot":"","sources":["../../../../src/components/actionBottomSheet/actionBottomSheetControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,kDAA0F;AAC1F,2CAA0C;AAC1C,mCAAkF;AAClF,2DAAwD;AACxD,4DAA4E;AAC5E,mCAAuD;AAEvD,+EAA4E;AAQ5E,MAAM,eAAe,GAAG,CAAC,CAAC;AAE1B,MAAM,6CAA6C,GAAG,KAAK,CAAC,UAAU,CACpE,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAA4C,EACpE,GAA0D,EAC7C,EAAE;IACf,IAAA,uBAAe,GAAE,CAAC;IAClB,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,uBAAW,CAAC,mBAAmB,EAC/B,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEhC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CACH,MAAM,KAAK,6BAAqB,CAAC,OAAO,IAAI,MAAM,KAAK,6BAAqB,CAAC,aAAa,EAC5F,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAe,EAAC;QACnD,WAAW;QACX,YAAY,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,EAAE,UAAU;QAC3D,aAAa,EAAE,eAAe;KAC/B,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,yDAA2B,OACtB,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,6CAA6C,CAAC,WAAW;IACvD,+CAA+C,CAAC;AAElD,MAAM,qDAAqD,GAAG,CAC5D,KAA+C,EAC/C,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,yDAA2B,OACrB,KAAiD,EACtD,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,uBAAC,6CAA6C,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACxD,CACjB,CAAC;AAEW,QAAA,oCAAoC,GAAG,KAAK,CAAC,UAAU,CAClE,qDAAqD,CACtD,CAAC;AAEF,MAAM,oCAAoC,GAAG,KAAK,CAAC,UAAU,CAC3D,CACE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAgC,EACjF,GAA0D,EAC7C,EAAE;IACf,MAAM,aAAa,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE,IAAI,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1E,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,uBAAW,CAAC,mBAAmB,EAC/B,KAAK,CAAC,OAAO,EACb,KAAK,CAAC,GAAG,CACV,CAAC;IAEF,OAAO,CACL,uBAAC,2BAAO,uBACW,OAAO,gBACZ,IAAI,EAChB,iBAAiB,EAAE,CAAC,OAAO,EAC3B,SAAS,EAAE,8BAAoB,CAAC,GAAG,EACnC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,SAAS,EACxC,WAAW,EAAE,IAAI,EACjB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,aAAK,CAAC,MAAM,EAClB,oBAAoB,EAAE,IAAI,EAC1B,OAAO,EAAE,MAAM,CAAC,cAAc,KAC1B,OAAO,YAEX,uBAAC,4CAAoC,OAC/B,KAAK,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,GAChC,GACM,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AACF,oCAAoC,CAAC,WAAW,GAAG,sCAAsC,CAAC;AAE1F,MAAM,4CAA4C,GAAG,CACnD,KAAmC,EACnC,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,4CAAoC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC3C,YAGtB,uBAAC,oCAAoC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC/C,CACjB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,2BAA2B,GAAG,KAAK,CAAC,UAAU,CAClD,4CAA4C,CAKsB,CAAC;AAE5D,kEAA2B"}
|
|
@@ -40,6 +40,8 @@ const BadgeControlledComponent = React.forwardRef(({ ctv, cts, ...props }, ref)
|
|
|
40
40
|
BadgeControlledComponent.displayName = 'BadgeControlledComponent';
|
|
41
41
|
const BagdeBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(badgeStandAlone_1.BadgeStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(BadgeControlledComponent, { ...props, ref: ref }) }));
|
|
42
42
|
/**
|
|
43
|
+
* @deprecated Try the new BadgeV2 component
|
|
44
|
+
*
|
|
43
45
|
* @description
|
|
44
46
|
* Badge component is a component that shows a badge with a number or a dot.
|
|
45
47
|
* @param {React.PropsWithChildren<IBadgeControlled<V>>} props
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badgeControlled.js","sourceRoot":"","sources":["../../../../src/components/badge/badgeControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,2DAAwD;AACxD,4DAA4E;AAE5E,uDAAoD;AACpD,mCAAsC;AAItC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CAIE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,EAA0B,EAC9C,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EAA4B,uBAAW,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC3F,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAW,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAW,CAAC,KAAK,CAAC,CAAC;IAC7E,MAAM,UAAU,GAAG,IAAA,qBAAS,EAAwB,uBAAW,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAExF,OAAO,CACL,uBAAC,iCAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,aAAa,GAAG,CAIpB,KAA6B,EAC7B,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,iCAAe,OAAM,KAAqC,EAAE,GAAG,EAAE,GAAG,GAAI,GACvD,YAGtB,uBAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACnC,CACjB,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"badgeControlled.js","sourceRoot":"","sources":["../../../../src/components/badge/badgeControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,2DAAwD;AACxD,4DAA4E;AAE5E,uDAAoD;AACpD,mCAAsC;AAItC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CAIE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,EAA0B,EAC9C,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EAA4B,uBAAW,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC3F,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAW,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAW,CAAC,KAAK,CAAC,CAAC;IAC7E,MAAM,UAAU,GAAG,IAAA,qBAAS,EAAwB,uBAAW,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAExF,OAAO,CACL,uBAAC,iCAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,aAAa,GAAG,CAIpB,KAA6B,EAC7B,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,iCAAe,OAAM,KAAqC,EAAE,GAAG,EAAE,GAAG,GAAI,GACvD,YAGtB,uBAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACnC,CACjB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAOtC,CAAC;AAER,0CAAe"}
|
|
@@ -52,6 +52,8 @@ const BadgeUnControlledComponent = ({ hasDot = true, ...props }, ref) => {
|
|
|
52
52
|
}, onBadgeBlur: handleOnBadgeBlur, onClick: onClick }));
|
|
53
53
|
};
|
|
54
54
|
/**
|
|
55
|
+
* @deprecated Try the new BadgeV2 component
|
|
56
|
+
*
|
|
55
57
|
* @description
|
|
56
58
|
* Badge component is a component that shows a badge with a number or a dot.
|
|
57
59
|
* @param {React.PropsWithChildren<IBadgeUnControlled<V>>} props
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badgeUnControlled.js","sourceRoot":"","sources":["../../../../src/components/badge/badgeUnControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,uDAAoD;AAGpD,MAAM,0BAA0B,GAAG,CAIjC,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,KAAK,EAA4B,EACrD,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,OAAO,GAA+C,KAAK,CAAC,EAAE;QAClE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,8BAA8B,GAAG,GAAG,EAAE;QAC1C,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAA4C,KAAK,CAAC,EAAE;QACzE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC;YACvD,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,iCAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;YACP,GAAG,KAAK,CAAC,OAAO;YAChB,iBAAiB,EAAE,GAAG,EAAE;gBACtB,KAAK,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC;gBACpC,8BAA8B,EAAE,CAAC;YACnC,CAAC;SACF,EACD,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"badgeUnControlled.js","sourceRoot":"","sources":["../../../../src/components/badge/badgeUnControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,uDAAoD;AAGpD,MAAM,0BAA0B,GAAG,CAIjC,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,KAAK,EAA4B,EACrD,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,OAAO,GAA+C,KAAK,CAAC,EAAE;QAClE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,8BAA8B,GAAG,GAAG,EAAE;QAC1C,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAA4C,KAAK,CAAC,EAAE;QACzE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC;YACvD,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,iCAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;YACP,GAAG,KAAK,CAAC,OAAO;YAChB,iBAAiB,EAAE,GAAG,EAAE;gBACtB,KAAK,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC;gBACpC,8BAA8B,EAAE,CAAC;YACnC,CAAC;SACF,EACD,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAOrD,CAAC;AAER,8CAAiB"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.Badge = void 0;
|
|
27
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
const React = __importStar(require("react"));
|
|
29
|
+
const constants_1 = require("../../constants");
|
|
30
|
+
const useStyles_1 = require("../../hooks/useStyles/useStyles");
|
|
31
|
+
const errorBoundary_1 = require("../../provider/errorBoundary");
|
|
32
|
+
const badgeStandAlone_1 = require("./badgeStandAlone");
|
|
33
|
+
const types_1 = require("./types");
|
|
34
|
+
const BadgeComponent = React.forwardRef(({ hasDot = true, ctv, cts, ...props }, ref) => {
|
|
35
|
+
const [active, setActive] = React.useState(false);
|
|
36
|
+
const styles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.BADGE_V2, props.variant, ctv);
|
|
37
|
+
const stateStyles = styles[active ? types_1.BadgeState.ACTIVE : types_1.BadgeState.DEFAULT];
|
|
38
|
+
const sizeStyles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.BADGE_V2, props.size, cts);
|
|
39
|
+
const handleIconClick = (e) => {
|
|
40
|
+
props.onClick?.(e);
|
|
41
|
+
setActive(!active);
|
|
42
|
+
};
|
|
43
|
+
const handleOnBadgeBlur = event => {
|
|
44
|
+
if (!event.currentTarget.contains(event.relatedTarget)) {
|
|
45
|
+
setActive(false);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
return ((0, jsx_runtime_1.jsx)(badgeStandAlone_1.BadgeStandAlone, { ...props, ref: ref, active: active, hasDot: hasDot, sizeStyles: sizeStyles, styles: stateStyles, onBadgeBlur: handleOnBadgeBlur, onClick: handleIconClick }));
|
|
49
|
+
});
|
|
50
|
+
BadgeComponent.displayName = 'BadgeComponent';
|
|
51
|
+
const BagdeBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(badgeStandAlone_1.BadgeStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(BadgeComponent, { ...props, ref: ref }) }));
|
|
52
|
+
/**
|
|
53
|
+
* @description
|
|
54
|
+
* Badge component is a component that shows a badge with a number or a dot.
|
|
55
|
+
* @param {React.PropsWithChildren<IBadge<V>>} props
|
|
56
|
+
* @returns {JSX.Element}
|
|
57
|
+
*/
|
|
58
|
+
const Badge = React.forwardRef(BagdeBoundary);
|
|
59
|
+
exports.Badge = Badge;
|
|
60
|
+
//# sourceMappingURL=badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/badgeV2/badge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,2DAAwD;AACxD,4DAA4E;AAE5E,uDAAoD;AACpD,mCAAqC;AAIrC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CAIE,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,EAAgB,EACnD,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3D,MAAM,MAAM,GAAG,IAAA,qBAAS,EAA4B,uBAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC9F,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAU,CAAC,OAAO,CAAC,CAAC;IAC5E,MAAM,UAAU,GAAG,IAAA,qBAAS,EAAwB,uBAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAE3F,MAAM,eAAe,GAAG,CAAC,CAAsC,EAAE,EAAE;QACjE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QACnB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAA4C,KAAK,CAAC,EAAE;QACzE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC;YACvD,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,iCAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,eAAe,GACxB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,MAAM,aAAa,GAAG,CAIpB,KAAmB,EACnB,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,iCAAe,OAAM,KAAqC,EAAE,GAAG,EAAE,GAAG,GAAI,GACvD,YAGtB,uBAAC,cAAc,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACzB,CACjB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAO5B,CAAC;AAER,sBAAK"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.BadgeContainerStyled = exports.BadgeLabelStyled = exports.BadgeDotStyled = exports.SpanContainerIconAndDot = exports.BadgeStyled = void 0;
|
|
7
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
8
|
+
const getStyles_1 = require("../../utils/getStyles/getStyles");
|
|
9
|
+
exports.BadgeStyled = styled_components_1.default.button `
|
|
10
|
+
display: inline-flex;
|
|
11
|
+
align-items: center;
|
|
12
|
+
flex-direction: column;
|
|
13
|
+
cursor: pointer;
|
|
14
|
+
${props => (0, getStyles_1.getStyles)(props.styles.container)}
|
|
15
|
+
`;
|
|
16
|
+
exports.SpanContainerIconAndDot = styled_components_1.default.span `
|
|
17
|
+
position: relative;
|
|
18
|
+
display: inline-flex;
|
|
19
|
+
`;
|
|
20
|
+
exports.BadgeDotStyled = styled_components_1.default.span `
|
|
21
|
+
z-index: ${props => props.theme.Z_INDEX?.INTERN_1};
|
|
22
|
+
position: absolute;
|
|
23
|
+
top: 0;
|
|
24
|
+
right: 0;
|
|
25
|
+
line-height: 0;
|
|
26
|
+
transform: ${({ customDotTranslate }) => {
|
|
27
|
+
if (customDotTranslate) {
|
|
28
|
+
return customDotTranslate;
|
|
29
|
+
}
|
|
30
|
+
return 'translate(30%, -30%)';
|
|
31
|
+
}};
|
|
32
|
+
`;
|
|
33
|
+
exports.BadgeLabelStyled = styled_components_1.default.span `
|
|
34
|
+
display: inline-flex;
|
|
35
|
+
flex-direction: row;
|
|
36
|
+
align-items: center;
|
|
37
|
+
cursor: pointer;
|
|
38
|
+
${props => (0, getStyles_1.getStyles)(props.styles.labelContainer)}
|
|
39
|
+
`;
|
|
40
|
+
exports.BadgeContainerStyled = styled_components_1.default.div `
|
|
41
|
+
position: relative;
|
|
42
|
+
`;
|
|
43
|
+
//# sourceMappingURL=badge.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.styled.js","sourceRoot":"","sources":["../../../../src/components/badgeV2/badge.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,2DAAwD;AAY3C,QAAA,WAAW,GAAG,2BAAM,CAAC,MAAM,CAAkB;;;;;IAKtD,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEW,QAAA,uBAAuB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;CAGjD,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,IAAI,CAAe;aAC3C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ;;;;;eAKpC,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE;IACtC,IAAI,kBAAkB,EAAE,CAAC;QACvB,OAAO,kBAAkB,CAAC;IAC5B,CAAC;IACD,OAAO,sBAAsB,CAAC;AAChC,CAAC;CACF,CAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAkB;;;;;IAKzD,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;CAClD,CAAC;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAE7C,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.BadgeStandAlone = void 0;
|
|
27
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
const React = __importStar(require("react"));
|
|
29
|
+
const button_1 = require("../../components/button");
|
|
30
|
+
const dot_1 = require("../../components/dot/dot");
|
|
31
|
+
//components
|
|
32
|
+
const elementOrIcon_1 = require("../../components/elementOrIcon");
|
|
33
|
+
const screenReaderOnly_1 = require("../../components/screenReaderOnly");
|
|
34
|
+
const text_1 = require("../../components/text/text");
|
|
35
|
+
const component_1 = require("../../components/text/types/component");
|
|
36
|
+
const ariaLiveOption_1 = require("../../types/ariaLiveOption");
|
|
37
|
+
const utils_1 = require("../../utils");
|
|
38
|
+
const badge_styled_1 = require("./badge.styled");
|
|
39
|
+
const BadgeStandAloneComponent = ({ ...props }, ref) => {
|
|
40
|
+
const badgeButtonRef = React.useRef(null);
|
|
41
|
+
const containerRef = React.useRef(null);
|
|
42
|
+
const ariaProps = (0, utils_1.pickAriaProps)(props);
|
|
43
|
+
React.useImperativeHandle(ref, () => containerRef.current, []);
|
|
44
|
+
const getCustomDotTranslate = () => {
|
|
45
|
+
if (props.customDotTranslate) {
|
|
46
|
+
return props.customDotTranslate;
|
|
47
|
+
}
|
|
48
|
+
if (props.sizeStyles.customDotNumberTranslate && props.dot?.number !== undefined) {
|
|
49
|
+
return props.sizeStyles.customDotNumberTranslate;
|
|
50
|
+
}
|
|
51
|
+
return props.sizeStyles.customDotTranslate;
|
|
52
|
+
};
|
|
53
|
+
const labelStyles = { ...props.styles.label, ...props.sizeStyles.label };
|
|
54
|
+
return ((0, jsx_runtime_1.jsx)(badge_styled_1.BadgeContainerStyled, { ref: containerRef, "data-testid": `${props.dataTestId}BadgeContainer`, onBlur: props.onBadgeBlur, children: (0, jsx_runtime_1.jsxs)(badge_styled_1.BadgeStyled, { ref: badgeButtonRef, "data-testid": `${props.dataTestId}Badge`, role: props.role, styles: props.styles, type: button_1.ButtonType.BUTTON, onClick: props.onClick, ...ariaProps, children: [(0, jsx_runtime_1.jsxs)(badge_styled_1.SpanContainerIconAndDot, { children: [props.hasDot && props.dot && ((0, jsx_runtime_1.jsx)(badge_styled_1.BadgeDotStyled, { "aria-hidden": true, customDotTranslate: getCustomDotTranslate(), children: (0, jsx_runtime_1.jsx)(dot_1.Dot, { dataTestId: `${props.dataTestId}Dot`, ...props.dot }) })), (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { color: props.styles?.icon?.color, customIconStyles: props.sizeStyles.icon, ...props.icon })] }), props.label?.content && ((0, jsx_runtime_1.jsxs)(badge_styled_1.BadgeLabelStyled, { "aria-hidden": true, styles: props.styles, children: [(0, jsx_runtime_1.jsx)(text_1.Text, { color: props.styles?.label?.color, component: component_1.TextComponentType.SPAN, customTypography: labelStyles, dataTestId: `${props.dataTestId}Label`, ...props.label, children: props.label.content }), (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { color: props.styles?.labelIcon?.color, customIconStyles: props.styles.labelIcon, rotate: props.active ? '180deg' : '0deg', ...props.labelIcon })] })), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { ariaLive: ariaLiveOption_1.AriaLiveOptionType.POLITE, dataTestId: `${props.dataTestId}ScreenReader`, children: props.ariaLiveText })] }) }));
|
|
55
|
+
};
|
|
56
|
+
exports.BadgeStandAlone = React.forwardRef(BadgeStandAloneComponent);
|
|
57
|
+
//# sourceMappingURL=badgeStandAlone.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badgeStandAlone.js","sourceRoot":"","sources":["../../../../src/components/badgeV2/badgeStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.BadgeV2 = void 0;
|
|
4
|
+
var badge_1 = require("./badge");
|
|
5
|
+
Object.defineProperty(exports, "BadgeV2", { enumerable: true, get: function () { return badge_1.Badge; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/badgeV2/index.ts"],"names":[],"mappings":";;;AAUA,iCAA2C;AAAlC,gGAAA,KAAK,OAAW"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../../src/components/badgeV2/types/badge.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badgeTheme.js","sourceRoot":"","sources":["../../../../../src/components/badgeV2/types/badgeTheme.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./state"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/badgeV2/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAEA,0CAAwB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Badge state
|
|
4
|
+
* @enum {string}
|
|
5
|
+
* @property {string} OPEN - Badge state open.
|
|
6
|
+
* @property {string} CLOSE - Badge state close.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.BadgeState = void 0;
|
|
10
|
+
var BadgeState;
|
|
11
|
+
(function (BadgeState) {
|
|
12
|
+
BadgeState["ACTIVE"] = "ACTIVE";
|
|
13
|
+
BadgeState["DEFAULT"] = "DEFAULT";
|
|
14
|
+
})(BadgeState || (exports.BadgeState = BadgeState = {}));
|
|
15
|
+
//# sourceMappingURL=state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/badgeV2/types/state.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,iCAAmB,CAAA;AACrB,CAAC,EAHW,UAAU,0BAAV,UAAU,QAGrB"}
|
|
@@ -56,28 +56,8 @@ exports.ButtonStyled = styled_components_1.default.button `
|
|
|
56
56
|
|
|
57
57
|
&:disabled {
|
|
58
58
|
cursor: default;
|
|
59
|
-
${({ $styles, $sizeStyles, $loading }) => setTokens($loading ? types_1.ButtonStateType.LOADING : types_1.ButtonStateType.DISABLED, $styles, $sizeStyles)};
|
|
60
59
|
}
|
|
61
60
|
|
|
62
|
-
@media (hover: hover) {
|
|
63
|
-
&:hover:not(:disabled) {
|
|
64
|
-
${({ $styles, $sizeStyles }) => setTokens(types_1.ButtonStateType.HOVER, $styles, $sizeStyles)}
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
&:active:not(:disabled) {
|
|
69
|
-
${({ $styles, $sizeStyles }) => setTokens(types_1.ButtonStateType.PRESSED, $styles, $sizeStyles)}
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
&:focus-visible {
|
|
73
|
-
${({ $styles, $sizeStyles }) => setTokens(types_1.ButtonStateType.DEFAULT, $styles, $sizeStyles)}
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
@media (hover: none) {
|
|
77
|
-
&:hover {
|
|
78
|
-
${({ $styles, $sizeStyles }) => setTokens(types_1.ButtonStateType.DEFAULT, $styles, $sizeStyles)}
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
61
|
min-width: ${props => props.minWidth};
|
|
82
62
|
width: ${props => (props.$fullWidth ? '100%' : 'auto')};
|
|
83
63
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.styled.js","sourceRoot":"","sources":["../../../../src/components/button/button.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,QAAQ;AACR,iDAAwD;AACxD,eAAe;AACf,2DAA6E;AAE7E,mCAMiB;AAEjB,aAAa;AACb,MAAM,SAAS,GAAG,CAChB,KAAsB,EACtB,MAA6B,EAC7B,UAAgC,EAChC,EAAE;IACF,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,IAAA,uBAAG,EAAA,EAAE,CAAC;IACf,CAAC;IACD,MAAM,cAAc,GAAG,EAAE,GAAG,UAAU,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;IAE3D,OAAO,IAAA,uBAAG,EAAA;;MAEN,IAAA,qBAAS,EAAC,cAA+D,CAAC;;MAE1E,IAAA,+BAAmB,EAAC,cAAc,CAAC;GACtC,CAAC;AACJ,CAAC,CAAC;AAcW,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,CAAe;;;;gBAIxC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,MAAM;;oBAElC,KAAK,CAAC,EAAE,CACxB,KAAK,CAAC,aAAa,KAAK,wBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa;;;IAGrE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC
|
|
1
|
+
{"version":3,"file":"button.styled.js","sourceRoot":"","sources":["../../../../src/components/button/button.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,QAAQ;AACR,iDAAwD;AACxD,eAAe;AACf,2DAA6E;AAE7E,mCAMiB;AAEjB,aAAa;AACb,MAAM,SAAS,GAAG,CAChB,KAAsB,EACtB,MAA6B,EAC7B,UAAgC,EAChC,EAAE;IACF,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,IAAA,uBAAG,EAAA,EAAE,CAAC;IACf,CAAC;IACD,MAAM,cAAc,GAAG,EAAE,GAAG,UAAU,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;IAE3D,OAAO,IAAA,uBAAG,EAAA;;MAEN,IAAA,qBAAS,EAAC,cAA+D,CAAC;;MAE1E,IAAA,+BAAmB,EAAC,cAAc,CAAC;GACtC,CAAC;AACJ,CAAC,CAAC;AAcW,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,CAAe;;;;gBAIxC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,MAAM;;oBAElC,KAAK,CAAC,EAAE,CACxB,KAAK,CAAC,aAAa,KAAK,wBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa;;;IAGrE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC;;;;;;eAMlE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ;WAC3B,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;gBAGxC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU;eAC1B,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;IAKvD,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,UAAU,IAAI,IAAA,uBAAe,GAAE;CAC9E,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;CAO5C,CAAC"}
|
|
@@ -55,7 +55,7 @@ const CarouselStandAloneComponent = ({ styles, carouselContainerRef, carouselCon
|
|
|
55
55
|
disabled: rightArrowDisabled,
|
|
56
56
|
onClick: onRightArrowClick,
|
|
57
57
|
};
|
|
58
|
-
return ((0, jsx_runtime_1.jsxs)(carousel_styled_1.RootStyled, { ref: ref, allowModifySliceWidth: allowModifySliceWidth, "aria-labelledby": props['aria-labelledby'], "aria-roledescription": "carousel", "data-testid": `${dataTestId}Wrapper`, styles: styles, onKeyDown: onKeyDown, children: [(0, jsx_runtime_1.jsxs)(carousel_styled_1.ArrowAndCarouselWrapperStyled, { allowModifySliceWidth: allowModifySliceWidth, styles: styles, children: [displayArrowsOnCarousel && numPages > 1 && ((0, jsx_runtime_1.jsx)(carousel_styled_1.ArrowLeftIconContainer, { "data-disabled": leftArrowDisabled, styles: styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { "aria-controls": id, customIconStyles: !leftArrowDisabled ? styles.leftArrowIcon : styles.leftArrowIconDisabled, dataTestId: `${dataTestId}LeftArrow`, disabled: leftArrowDisabled, ...props.leftArrow, onClick: onLeftArrowClick }) })), (0, jsx_runtime_1.jsxs)(carousel_styled_1.CarouselContainerStyled, { ref: carouselContainerRef, "data-testid": `${dataTestId}Container`, styles: styles, tabIndex: -1, onMouseOutCapture: onMouseOut, onMouseOverCapture: onMouseOver, children: [(0, jsx_runtime_1.jsx)(carousel_styled_1.CarouselContentStyled, { ref: carouselContentRef, "aria-live": props['aria-live'] ?? (playing ? types_1.AriaLiveOptionType.OFF : types_1.AriaLiveOptionType.POLITE), centerMode: centerMode, "data-testid": `${dataTestId}Content`, disableSwipe: disableSwipe, id: id, styles: styles, children: elements }), (0, jsx_runtime_1.jsx)(components_1.ExtraPaddingArrowStandAlone, { ariaControls: id, ariaLabel: props.leftArrow?.['aria-label'], dataTestId: `${dataTestId}LeftArrow`, extraPadding: extraPadding, extraPaddingAsArrow: extraPaddingAsArrow, styles: styles, onClick: onLeftArrowClick }), (0, jsx_runtime_1.jsx)(components_1.ExtraPaddingArrowStandAlone, { right: true, ariaControls: id, ariaLabel: props.rightArrow?.['aria-label'], dataTestId: `${dataTestId}RightArrow`, extraPadding: extraPadding, extraPaddingAsArrow: extraPaddingAsArrow, styles: styles, onClick: onRightArrowClick })] }), displayArrowsOnCarousel && numPages > 1 && ((0, jsx_runtime_1.jsx)(carousel_styled_1.ArrowRightIconContainer, { "data-disabled": rightArrowDisabled, styles: styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { "aria-controls": id, customIconStyles: !rightArrowDisabled ? styles.rightArrowIcon : styles.rightArrowIconDisabled, dataTestId: `${dataTestId}RightArrow`, disabled: rightArrowDisabled, ...props.rightArrow, onClick: onRightArrowClick }) }))] }), hasPagination && pageControlArrowsControlVariant && pageControlVariant && numPages > 1 && ((0, jsx_runtime_1.jsx)(carousel_styled_1.PageControlContainerStyled, { styles: styles, children: (0, jsx_runtime_1.jsx)(pageControl_1.PageControl, { arrowsControlVariant: pageControlArrowsControlVariant, currentPosition: currentPage, dataTestId: `${dataTestId}PageControl`, leftArrowControl: leftArrowControlPageControl, pages: numPages, rightArrowControl: rightArrowControlPageControl, variant: pageControlVariant }) })), pageControlAutomateConfig && numPages > 1 && ((0, jsx_runtime_1.jsx)(carousel_styled_1.PageControlAutomateContainerStyled, { styles: styles, children: (0, jsx_runtime_1.jsx)(pageControlAutomate_1.PageControlAutomate, { ...pageControlAutomateConfig, currentBar: currentPage, mediaProgressBar: {
|
|
58
|
+
return ((0, jsx_runtime_1.jsxs)(carousel_styled_1.RootStyled, { ref: ref, allowModifySliceWidth: allowModifySliceWidth, "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], "aria-roledescription": "carousel", "data-testid": `${dataTestId}Wrapper`, styles: styles, onKeyDown: onKeyDown, children: [(0, jsx_runtime_1.jsxs)(carousel_styled_1.ArrowAndCarouselWrapperStyled, { allowModifySliceWidth: allowModifySliceWidth, styles: styles, children: [displayArrowsOnCarousel && numPages > 1 && ((0, jsx_runtime_1.jsx)(carousel_styled_1.ArrowLeftIconContainer, { "data-disabled": leftArrowDisabled, styles: styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { "aria-controls": id, customIconStyles: !leftArrowDisabled ? styles.leftArrowIcon : styles.leftArrowIconDisabled, dataTestId: `${dataTestId}LeftArrow`, disabled: leftArrowDisabled, ...props.leftArrow, onClick: onLeftArrowClick }) })), (0, jsx_runtime_1.jsxs)(carousel_styled_1.CarouselContainerStyled, { ref: carouselContainerRef, "data-testid": `${dataTestId}Container`, styles: styles, tabIndex: -1, onMouseOutCapture: onMouseOut, onMouseOverCapture: onMouseOver, children: [(0, jsx_runtime_1.jsx)(carousel_styled_1.CarouselContentStyled, { ref: carouselContentRef, "aria-live": props['aria-live'] ?? (playing ? types_1.AriaLiveOptionType.OFF : types_1.AriaLiveOptionType.POLITE), centerMode: centerMode, "data-testid": `${dataTestId}Content`, disableSwipe: disableSwipe, id: id, styles: styles, children: elements }), (0, jsx_runtime_1.jsx)(components_1.ExtraPaddingArrowStandAlone, { ariaControls: id, ariaLabel: props.leftArrow?.['aria-label'], dataTestId: `${dataTestId}LeftArrow`, extraPadding: extraPadding, extraPaddingAsArrow: extraPaddingAsArrow, styles: styles, onClick: onLeftArrowClick }), (0, jsx_runtime_1.jsx)(components_1.ExtraPaddingArrowStandAlone, { right: true, ariaControls: id, ariaLabel: props.rightArrow?.['aria-label'], dataTestId: `${dataTestId}RightArrow`, extraPadding: extraPadding, extraPaddingAsArrow: extraPaddingAsArrow, styles: styles, onClick: onRightArrowClick })] }), displayArrowsOnCarousel && numPages > 1 && ((0, jsx_runtime_1.jsx)(carousel_styled_1.ArrowRightIconContainer, { "data-disabled": rightArrowDisabled, styles: styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { "aria-controls": id, customIconStyles: !rightArrowDisabled ? styles.rightArrowIcon : styles.rightArrowIconDisabled, dataTestId: `${dataTestId}RightArrow`, disabled: rightArrowDisabled, ...props.rightArrow, onClick: onRightArrowClick }) }))] }), hasPagination && pageControlArrowsControlVariant && pageControlVariant && numPages > 1 && ((0, jsx_runtime_1.jsx)(carousel_styled_1.PageControlContainerStyled, { styles: styles, children: (0, jsx_runtime_1.jsx)(pageControl_1.PageControl, { arrowsControlVariant: pageControlArrowsControlVariant, currentPosition: currentPage, dataTestId: `${dataTestId}PageControl`, leftArrowControl: leftArrowControlPageControl, pages: numPages, rightArrowControl: rightArrowControlPageControl, variant: pageControlVariant }) })), pageControlAutomateConfig && numPages > 1 && ((0, jsx_runtime_1.jsx)(carousel_styled_1.PageControlAutomateContainerStyled, { styles: styles, children: (0, jsx_runtime_1.jsx)(pageControlAutomate_1.PageControlAutomate, { ...pageControlAutomateConfig, currentBar: currentPage, mediaProgressBar: {
|
|
59
59
|
...pageControlAutomateConfig.mediaProgressBar,
|
|
60
60
|
barsNum: numPages,
|
|
61
61
|
circular: props.circular,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carouselStandAlone.js","sourceRoot":"","sources":["../../../../src/components/carousel/carouselStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,8DAA2D;AAC3D,0DAAuD;AACvD,mCAAgC;AAChC,mCAA6C;AAG7C,gEAA6D;AAC7D,0DAAuD;AACvD,uDAS2B;AAC3B,6CAA2D;AAE3D,mCAAgD;AAEhD,MAAM,2BAA2B,GAAG,CAClC,EACE,MAAM,EACN,oBAAoB,EACpB,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,mBAAmB,GAAG,IAAI,EAC1B,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,+BAA+B,EAC/B,SAAS,EACT,UAAU,GAAG,oBAAoB,EACjC,uBAAuB,EACvB,YAAY,EACZ,qBAAqB,EACrB,yBAAyB,EACzB,iBAAiB,EACjB,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,OAAO,EACP,gBAAgB,EAChB,GAAG,KAAK,EACY,EACtB,GAA0D,EAC7C,EAAE;IACf,MAAM,EAAE,GAAG,IAAA,aAAK,EAAC,UAAU,CAAC,CAAC;IAC7B,MAAM,iBAAiB,GAAG,CAAC,KAAK,CAAC,QAAQ,IAAI,WAAW,KAAK,CAAC,CAAC;IAC/D,MAAM,kBAAkB,GAAG,CAAC,KAAK,CAAC,QAAQ,IAAI,WAAW,KAAK,QAAQ,GAAG,CAAC,CAAC;IAC3E,MAAM,2BAA2B,GAC/B,uBAAuB;QACrB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI;YAC3B,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,YAAY,CAAC;YAC/C,QAAQ,EAAE,iBAAiB;YAC3B,OAAO,EAAE,gBAAgB;SAC1B,CAAC;IACR,MAAM,4BAA4B,GAChC,uBAAuB;QACrB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI;YAC5B,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,YAAY,CAAC;YAChD,QAAQ,EAAE,kBAAkB;YAC5B,OAAO,EAAE,iBAAiB;SAC3B,CAAC;IAER,OAAO,CACL,wBAAC,4BAAU,IACT,GAAG,EAAE,GAAG,EACR,qBAAqB,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"carouselStandAlone.js","sourceRoot":"","sources":["../../../../src/components/carousel/carouselStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.RangeContainerStyled = exports.ErrorStyled = exports.RangeItemWrapperStyled = exports.ChipStyled = void 0;
|
|
7
7
|
const styled_components_1 = __importDefault(require("styled-components"));
|
|
8
8
|
const getStyles_1 = require("../../utils/getStyles/getStyles");
|
|
9
|
-
exports.ChipStyled = styled_components_1.default.
|
|
9
|
+
exports.ChipStyled = styled_components_1.default.span `
|
|
10
10
|
${props => (0, getStyles_1.getStyles)(props.styles?.chipContainer)}
|
|
11
11
|
`;
|
|
12
|
-
exports.RangeItemWrapperStyled = styled_components_1.default.
|
|
12
|
+
exports.RangeItemWrapperStyled = styled_components_1.default.span `
|
|
13
13
|
${props => (0, getStyles_1.getStyles)(props.styles?.rangeItemWrapper)}
|
|
14
14
|
`;
|
|
15
|
-
exports.ErrorStyled = styled_components_1.default.
|
|
15
|
+
exports.ErrorStyled = styled_components_1.default.span `
|
|
16
16
|
${props => (0, getStyles_1.getStyles)(props.styles?.errorContainer)}
|
|
17
17
|
`;
|
|
18
|
-
exports.RangeContainerStyled = styled_components_1.default.
|
|
18
|
+
exports.RangeContainerStyled = styled_components_1.default.span ``;
|
|
19
19
|
//# sourceMappingURL=chip.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.styled.js","sourceRoot":"","sources":["../../../../src/components/chip/chip.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,2DAAwD;AAQ3C,QAAA,UAAU,GAAG,2BAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"chip.styled.js","sourceRoot":"","sources":["../../../../src/components/chip/chip.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,2DAAwD;AAQ3C,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,CAAa;IAC9C,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;CAClD,CAAC;AAEW,QAAA,sBAAsB,GAAG,2BAAM,CAAC,IAAI,CAAa;IAC1D,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,gBAAgB,CAAC;CACrD,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,IAAI,CAAa;IAC/C,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC;CACnD,CAAC;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA,EAAE,CAAC"}
|
|
@@ -36,7 +36,7 @@ const dataTable_styled_1 = require("./dataTable.styled");
|
|
|
36
36
|
const utils_1 = require("./utils");
|
|
37
37
|
const DataTableStandAloneComponent = ({ dataTestId = 'dataTable', styles, hasScroll, columns, rowGroups, rows, activeRows, hoverable, hoverableRows, nonHoverableRows, stickyHead, config, caption, ...props }, ref) => {
|
|
38
38
|
const usingRowGroups = rowGroups && rowGroups.length > 0;
|
|
39
|
-
return ((0, jsx_runtime_1.jsxs)(dataTable_styled_1.WrapperStyled, { ref: ref, "$styles": styles, "data-testid": dataTestId, children: [(0, jsx_runtime_1.jsxs)(dataTable_styled_1.ScrollableContainerStyled, { "data-datatable-scrollable-container": true, "$styles": styles, "aria-label": hasScroll ? props['aria-label'] : undefined, "aria-labelledby": hasScroll ? props['aria-labelledby'] : undefined, role: hasScroll ? types_1.ROLES.REGION : undefined, tabIndex: hasScroll ? 0 : undefined, children: [(0, jsx_runtime_1.jsxs)(tableV2_1.TableV2, { autoLeftStickyCalc: false, autoRightStickyCalc: false, component: usingRowGroups ? 'div' : undefined, disableShadowEffects: true, hasScrollDisabled: true, sticky: stickyHead, variant: styles?.table?.variant, ...(0, utils_1.applyZIndexToWrapper)({ tableConfig: config?.table, zIndex: styles?.table?.z_index }), children: [caption?.content && ((0, jsx_runtime_1.jsx)(tableCaption_1.TableCaption, { component: usingRowGroups ? 'div' : undefined, variant: styles?.tableCaption?.variant, ...caption, children: caption.content })), (0, jsx_runtime_1.jsx)(components_1.DataTableHead, { columns: columns, sticky: stickyHead, tableHeadCellVariant: styles?.tableHeadCell?.variant, tableHeadConfig: config?.tableHead, tableHeadRowConfig: config?.tableHeadRow, tableHeadRowVariant: styles?.tableHeadRow?.variant, tableHeadVariant: styles?.tableHead?.variant, usingRowGroups: usingRowGroups }), !usingRowGroups && rows && rows.length > 0 && ((0, jsx_runtime_1.jsx)(tableBody_1.TableBody, { variant: styles?.tableBody?.variant, ...config?.tableBody, children: (0, jsx_runtime_1.jsx)(components_1.DataTableRows, { activeRows: activeRows, columns: columns, hoverable: hoverable, hoverableRows: hoverableRows, nonHoverableRows: nonHoverableRows, rows: rows, tableBodyCellVariant: styles?.tableBodyCell?.variant, tableBodyRowVariant: styles?.tableBodyRow?.variant, usingRowGroups: usingRowGroups }) }))] }), rowGroups?.map((rowGroup, index) => {
|
|
39
|
+
return ((0, jsx_runtime_1.jsxs)(dataTable_styled_1.WrapperStyled, { ref: ref, "$styles": styles, "data-testid": dataTestId, children: [(0, jsx_runtime_1.jsxs)(dataTable_styled_1.ScrollableContainerStyled, { "data-datatable-scrollable-container": true, "$styles": styles, "aria-label": hasScroll ? props['aria-label'] : undefined, "aria-labelledby": hasScroll ? props['aria-labelledby'] : undefined, role: hasScroll ? types_1.ROLES.REGION : undefined, tabIndex: hasScroll ? 0 : undefined, children: [(0, jsx_runtime_1.jsxs)(tableV2_1.TableV2, { "aria-hidden": usingRowGroups ? true : undefined, autoLeftStickyCalc: false, autoRightStickyCalc: false, component: usingRowGroups ? 'div' : undefined, disableShadowEffects: true, hasScrollDisabled: true, sticky: stickyHead, variant: styles?.table?.variant, ...(0, utils_1.applyZIndexToWrapper)({ tableConfig: config?.table, zIndex: styles?.table?.z_index }), children: [caption?.content && ((0, jsx_runtime_1.jsx)(tableCaption_1.TableCaption, { component: usingRowGroups ? 'div' : undefined, variant: styles?.tableCaption?.variant, ...caption, children: caption.content })), (0, jsx_runtime_1.jsx)(components_1.DataTableHead, { columns: columns, sticky: stickyHead, tableHeadCellVariant: styles?.tableHeadCell?.variant, tableHeadConfig: config?.tableHead, tableHeadRowConfig: config?.tableHeadRow, tableHeadRowVariant: styles?.tableHeadRow?.variant, tableHeadVariant: styles?.tableHead?.variant, usingRowGroups: usingRowGroups }), !usingRowGroups && rows && rows.length > 0 && ((0, jsx_runtime_1.jsx)(tableBody_1.TableBody, { variant: styles?.tableBody?.variant, ...config?.tableBody, children: (0, jsx_runtime_1.jsx)(components_1.DataTableRows, { activeRows: activeRows, columns: columns, hoverable: hoverable, hoverableRows: hoverableRows, nonHoverableRows: nonHoverableRows, rows: rows, tableBodyCellVariant: styles?.tableBodyCell?.variant, tableBodyRowVariant: styles?.tableBodyRow?.variant, usingRowGroups: usingRowGroups }) }))] }), rowGroups?.map((rowGroup, index) => {
|
|
40
40
|
return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [rowGroup.divider && ((0, jsx_runtime_1.jsx)(tableDivider_1.TableDivider, { variant: "DEFAULT", ...rowGroup.divider, children: rowGroup.divider?.content })), (0, jsx_runtime_1.jsxs)(tableV2_1.TableV2, { autoLeftStickyCalc: false, autoRightStickyCalc: false, disableShadowEffects: true, hasScrollDisabled: true, variant: styles?.rowGroup?.table?.variant, ...(0, utils_1.applyPositionToWrapper)({
|
|
41
41
|
tableConfig: rowGroup.config?.table,
|
|
42
42
|
position: 'static',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dataTableStandAlone.js","sourceRoot":"","sources":["../../../../src/components/dataTable/dataTableStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAgC;AAEhC,4CAAyC;AACzC,kDAA+C;AAC/C,kDAA+C;AAC/C,wCAAqC;AACrC,6CAAiF;AACjF,yDAK4B;AAE5B,mCAAuE;AAEvE,MAAM,4BAA4B,GAAG,CACnC,EACE,UAAU,GAAG,WAAW,EACxB,MAAM,EACN,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACa,EACvB,GAAuC,EACvC,EAAE;IACF,MAAM,cAAc,GAAG,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IACzD,OAAO,CACL,wBAAC,gCAAa,IAAC,GAAG,EAAE,GAAG,aAAW,MAAM,iBAAe,UAAU,aAC/D,wBAAC,4CAAyB,4DAEf,MAAM,gBACH,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,EACjE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,aAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,aAEnC,wBAAC,iBAAO,
|
|
1
|
+
{"version":3,"file":"dataTableStandAlone.js","sourceRoot":"","sources":["../../../../src/components/dataTable/dataTableStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26,6 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
exports.useDataTableHasScroll = void 0;
|
|
27
27
|
const React = __importStar(require("react"));
|
|
28
28
|
const utils_1 = require("../../../utils");
|
|
29
|
+
const resizeObserver_1 = require("../../../utils/resizeObserver");
|
|
29
30
|
const useDataTableHasScroll = ({ ref, }) => {
|
|
30
31
|
const [hasScroll, setHasScroll] = React.useState(false);
|
|
31
32
|
React.useEffect(() => {
|
|
@@ -36,7 +37,7 @@ const useDataTableHasScroll = ({ ref, }) => {
|
|
|
36
37
|
setHasScroll((0, utils_1.hasScroll)(element));
|
|
37
38
|
};
|
|
38
39
|
handleElementResize(scrollableContainer);
|
|
39
|
-
resizeObserver = new ResizeObserver(() => {
|
|
40
|
+
resizeObserver = new resizeObserver_1.ResizeObserver(() => {
|
|
40
41
|
handleElementResize(scrollableContainer);
|
|
41
42
|
});
|
|
42
43
|
resizeObserver.observe(scrollableContainer);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDataTableHasScroll.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/useDataTableHasScroll.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAqD;
|
|
1
|
+
{"version":3,"file":"useDataTableHasScroll.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/useDataTableHasScroll.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAqD;AACrD,2DAAwD;AAUjD,MAAM,qBAAqB,GAAG,CAAC,EACpC,GAAG,GAC6B,EAAmC,EAAE;IACrE,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,CACtD,uCAAuC,CACxC,CAAC;QACF,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,EAAE,CAAC;YAC/C,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,YAAY,CAAC,IAAA,iBAAa,EAAC,OAAO,CAAC,CAAC,CAAC;YACvC,CAAC,CAAC;YACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YACzC,cAAc,GAAG,IAAI,+BAAc,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,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,SAAS,EAAE,CAAC;AACvB,CAAC,CAAC;AA1BW,QAAA,qBAAqB,yBA0BhC"}
|
|
@@ -26,6 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
exports.useDataTableStickyDividers = void 0;
|
|
27
27
|
const React = __importStar(require("react"));
|
|
28
28
|
const utils_1 = require("../../../utils");
|
|
29
|
+
const resizeObserver_1 = require("../../../utils/resizeObserver");
|
|
29
30
|
const useDataTableStickyDividers = ({ ref, }) => {
|
|
30
31
|
React.useEffect(() => {
|
|
31
32
|
const scrollableContainer = ref.current?.querySelector('[data-datatable-scrollable-container]');
|
|
@@ -76,7 +77,7 @@ const useDataTableStickyDividers = ({ ref, }) => {
|
|
|
76
77
|
});
|
|
77
78
|
};
|
|
78
79
|
handleElementResize(scrollableContainer);
|
|
79
|
-
resizeObserver = new ResizeObserver(() => {
|
|
80
|
+
resizeObserver = new resizeObserver_1.ResizeObserver(() => {
|
|
80
81
|
handleElementResize(scrollableContainer);
|
|
81
82
|
});
|
|
82
83
|
resizeObserver.observe(scrollableContainer);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDataTableStickyDividers.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/useDataTableStickyDividers.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAA8C;
|
|
1
|
+
{"version":3,"file":"useDataTableStickyDividers.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/useDataTableStickyDividers.ts"],"names":[],"mappings":"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"}
|
|
@@ -26,6 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
exports.useDataTableStickyLeftColumns = void 0;
|
|
27
27
|
const React = __importStar(require("react"));
|
|
28
28
|
const utils_1 = require("../../../utils");
|
|
29
|
+
const resizeObserver_1 = require("../../../utils/resizeObserver");
|
|
29
30
|
const useDataTableStickyLeftColumns = ({ ref, }) => {
|
|
30
31
|
React.useEffect(() => {
|
|
31
32
|
const scrollableContainer = ref.current?.querySelector('[data-datatable-scrollable-container]');
|
|
@@ -59,7 +60,7 @@ const useDataTableStickyLeftColumns = ({ ref, }) => {
|
|
|
59
60
|
}
|
|
60
61
|
};
|
|
61
62
|
handleElementResize(scrollableContainer);
|
|
62
|
-
resizeObserver = new ResizeObserver(() => {
|
|
63
|
+
resizeObserver = new resizeObserver_1.ResizeObserver(() => {
|
|
63
64
|
handleElementResize(scrollableContainer);
|
|
64
65
|
});
|
|
65
66
|
resizeObserver.observe(scrollableContainer);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDataTableStickyLeftColumns.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/useDataTableStickyLeftColumns.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAA8C;
|
|
1
|
+
{"version":3,"file":"useDataTableStickyLeftColumns.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/useDataTableStickyLeftColumns.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAA8C;AAC9C,2DAAwD;AAQjD,MAAM,6BAA6B,GAAG,CAAC,EAC5C,GAAG,GACqC,EAA2C,EAAE;IACrF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,uCAAuC,CAAC,CAAC;QAChG,MAAM,sBAAsB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,8BAA8B,CAAC,CAAC;QAC1F,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,EAAE,CAAC;YAC/C,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,MAAM,oBAAoB,GAAG,IAAA,2BAAmB,EAAC,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,IAAI,GAAG,YAAY,WAAW,EAAE,CAAC;wBAC/B,8CAA8C;wBAC9C,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,CAAC;wBAC7E,IAAI,IAAI,GAAG,CAAC,CAAC;wBACb,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;4BAC/B,IAAI,UAAU,YAAY,WAAW,EAAE,CAAC;gCACtC,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;gCACpE,IAAI,IAAI,UAAU,CAAC,WAAW,CAAC;4BACjC,CAAC;wBACH,CAAC,CAAC,CAAC;wBACH,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;oBAC1D,CAAC;gBACH,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,+BAAc,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,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AA9CW,QAAA,6BAA6B,iCA8CxC"}
|
|
@@ -26,6 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
exports.useDataTableStickyRightColumns = void 0;
|
|
27
27
|
const React = __importStar(require("react"));
|
|
28
28
|
const utils_1 = require("../../../utils");
|
|
29
|
+
const resizeObserver_1 = require("../../../utils/resizeObserver");
|
|
29
30
|
const useDataTableStickyRightColumns = ({ ref, }) => {
|
|
30
31
|
React.useEffect(() => {
|
|
31
32
|
const scrollableContainer = ref.current?.querySelector('[data-datatable-scrollable-container]');
|
|
@@ -67,7 +68,7 @@ const useDataTableStickyRightColumns = ({ ref, }) => {
|
|
|
67
68
|
}
|
|
68
69
|
};
|
|
69
70
|
handleElementResize(scrollableContainer);
|
|
70
|
-
resizeObserver = new ResizeObserver(() => {
|
|
71
|
+
resizeObserver = new resizeObserver_1.ResizeObserver(() => {
|
|
71
72
|
handleElementResize(scrollableContainer);
|
|
72
73
|
});
|
|
73
74
|
resizeObserver.observe(scrollableContainer);
|