@telus-uds/components-base 1.66.0 → 1.67.1
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/CHANGELOG.md +23 -3
- package/lib/A11yInfoProvider/index.js +5 -20
- package/lib/A11yText/index.js +3 -17
- package/lib/ActivityIndicator/Spinner.js +2 -9
- package/lib/ActivityIndicator/Spinner.native.js +4 -27
- package/lib/ActivityIndicator/index.js +1 -13
- package/lib/ActivityIndicator/shared.js +0 -3
- package/lib/Autocomplete/Autocomplete.js +34 -85
- package/lib/Autocomplete/Loading.js +0 -10
- package/lib/Autocomplete/Suggestions.js +0 -11
- package/lib/Autocomplete/index.js +0 -3
- package/lib/BaseProvider/HydrationContext.js +4 -18
- package/lib/BaseProvider/index.js +0 -12
- package/lib/Box/Box.js +10 -35
- package/lib/Box/index.js +0 -3
- package/lib/Button/Button.js +4 -13
- package/lib/Button/ButtonBase.js +23 -55
- package/lib/Button/ButtonDropdown.js +7 -32
- package/lib/Button/ButtonGroup.js +15 -48
- package/lib/Button/ButtonLink.js +3 -17
- package/lib/Button/index.js +0 -5
- package/lib/Button/propTypes.js +0 -15
- package/lib/Card/Card.js +3 -14
- package/lib/Card/CardBase.js +5 -16
- package/lib/Card/PressableCardBase.js +7 -30
- package/lib/Card/index.js +0 -7
- package/lib/Carousel/Carousel.js +22 -115
- package/lib/Carousel/CarouselContext.js +0 -14
- package/lib/Carousel/CarouselFirstFocus/CarouselFirstFocus.js +6 -18
- package/lib/Carousel/CarouselItem/CarouselItem.js +5 -20
- package/lib/Carousel/CarouselItem/index.js +0 -3
- package/lib/Carousel/CarouselStepTracker/CarouselStepTracker.js +0 -9
- package/lib/Carousel/CarouselStepTracker/index.js +0 -3
- package/lib/Carousel/CarouselTabs/CarouselTabs.js +5 -15
- package/lib/Carousel/CarouselTabs/CarouselTabsPanel.js +7 -16
- package/lib/Carousel/CarouselTabs/CarouselTabsPanelItem.js +2 -22
- package/lib/Carousel/CarouselTabs/index.js +0 -3
- package/lib/Carousel/CarouselThumbnail.js +1 -16
- package/lib/Carousel/CarouselThumbnailNavigation.js +0 -15
- package/lib/Carousel/index.js +0 -5
- package/lib/Checkbox/Checkbox.js +5 -44
- package/lib/Checkbox/CheckboxButton.js +7 -33
- package/lib/Checkbox/CheckboxGroup.js +14 -45
- package/lib/Checkbox/CheckboxInput.js +1 -11
- package/lib/Checkbox/CheckboxInput.native.js +0 -2
- package/lib/Checkbox/index.js +0 -4
- package/lib/CheckboxCard/CheckboxCard.js +4 -37
- package/lib/CheckboxCard/index.js +0 -3
- package/lib/CheckboxCardGroup/CheckboxCardGroup.js +216 -0
- package/lib/CheckboxCardGroup/index.js +10 -0
- package/lib/Divider/Divider.js +13 -24
- package/lib/Divider/index.js +0 -3
- package/lib/ExpandCollapse/Accordion.js +1 -9
- package/lib/ExpandCollapse/Control.js +10 -32
- package/lib/ExpandCollapse/ExpandCollapse.js +3 -19
- package/lib/ExpandCollapse/Panel.js +13 -38
- package/lib/ExpandCollapse/index.js +0 -5
- package/lib/Feedback/Feedback.js +13 -30
- package/lib/Feedback/index.js +0 -3
- package/lib/Fieldset/Fieldset.js +6 -37
- package/lib/Fieldset/FieldsetContainer.js +1 -10
- package/lib/Fieldset/FieldsetContainer.native.js +0 -8
- package/lib/Fieldset/Legend.js +1 -10
- package/lib/Fieldset/Legend.native.js +1 -13
- package/lib/Fieldset/index.js +0 -3
- package/lib/FlexGrid/Col/Col.js +10 -53
- package/lib/FlexGrid/Col/index.js +0 -3
- package/lib/FlexGrid/FlexGrid.js +3 -34
- package/lib/FlexGrid/Row/Row.js +0 -38
- package/lib/FlexGrid/Row/index.js +0 -3
- package/lib/FlexGrid/helpers/index.js +0 -4
- package/lib/FlexGrid/index.js +0 -3
- package/lib/FlexGrid/providers/GutterContext.js +0 -4
- package/lib/HorizontalScroll/HorizontalScroll.js +17 -45
- package/lib/HorizontalScroll/HorizontalScrollButton.js +1 -17
- package/lib/HorizontalScroll/ScrollViewEnd.js +5 -13
- package/lib/HorizontalScroll/ScrollViewEnd.native.js +1 -10
- package/lib/HorizontalScroll/index.js +0 -7
- package/lib/HorizontalScroll/itemPositions.js +8 -19
- package/lib/Icon/Icon.js +4 -17
- package/lib/Icon/IconText.js +5 -25
- package/lib/Icon/index.js +0 -6
- package/lib/IconButton/IconButton.js +5 -37
- package/lib/IconButton/index.js +0 -3
- package/lib/InputLabel/InputLabel.js +4 -28
- package/lib/InputLabel/LabelContent.js +2 -8
- package/lib/InputLabel/LabelContent.native.js +0 -8
- package/lib/InputLabel/index.js +0 -3
- package/lib/InputSupports/InputSupports.js +0 -21
- package/lib/InputSupports/index.js +0 -3
- package/lib/InputSupports/useInputSupports.js +2 -6
- package/lib/Link/ChevronLink.js +7 -18
- package/lib/Link/InlinePressable.js +0 -10
- package/lib/Link/InlinePressable.native.js +5 -18
- package/lib/Link/Link.js +0 -8
- package/lib/Link/LinkBase.js +17 -47
- package/lib/Link/TextButton.js +3 -16
- package/lib/Link/index.js +0 -5
- package/lib/List/List.js +5 -21
- package/lib/List/ListItem.js +1 -11
- package/lib/List/ListItemBase.js +5 -34
- package/lib/List/ListItemContent.js +1 -14
- package/lib/List/ListItemMark.js +3 -23
- package/lib/List/PressableListItemBase.js +2 -28
- package/lib/List/index.js +0 -4
- package/lib/Listbox/GroupControl.js +0 -14
- package/lib/Listbox/Listbox.js +15 -40
- package/lib/Listbox/ListboxContext.js +0 -7
- package/lib/Listbox/ListboxGroup.js +7 -19
- package/lib/Listbox/ListboxItem.js +3 -17
- package/lib/Listbox/ListboxOverlay.js +4 -20
- package/lib/Listbox/PressableItem.js +3 -18
- package/lib/Listbox/index.js +0 -3
- package/lib/Modal/Modal.js +94 -45
- package/lib/Modal/ModalContent.js +184 -0
- package/lib/Modal/index.js +0 -3
- package/lib/MultiSelectFilter/ModalOverlay.js +1 -20
- package/lib/MultiSelectFilter/MultiSelectFilter.js +20 -69
- package/lib/MultiSelectFilter/index.js +0 -3
- package/lib/Notification/Notification.js +11 -38
- package/lib/Notification/index.js +0 -3
- package/lib/Pagination/PageButton.js +2 -22
- package/lib/Pagination/Pagination.js +21 -42
- package/lib/Pagination/SideButton.js +0 -24
- package/lib/Pagination/index.js +0 -3
- package/lib/Pagination/usePagination.js +4 -9
- package/lib/Progress/Progress.js +3 -17
- package/lib/Progress/ProgressBar.js +3 -25
- package/lib/Progress/ProgressBarBackground.js +0 -12
- package/lib/Progress/index.js +0 -4
- package/lib/QuickLinks/QuickLinks.js +1 -18
- package/lib/QuickLinks/QuickLinksCard.js +1 -11
- package/lib/QuickLinks/QuickLinksItem.js +3 -17
- package/lib/QuickLinks/index.js +0 -4
- package/lib/QuickLinksFeature/QuickLinksFeature.js +3 -20
- package/lib/QuickLinksFeature/QuickLinksFeatureItem.js +7 -30
- package/lib/QuickLinksFeature/index.js +0 -4
- package/lib/Radio/Radio.js +5 -39
- package/lib/Radio/RadioButton.js +7 -26
- package/lib/Radio/RadioGroup.js +6 -39
- package/lib/Radio/RadioInput.js +1 -11
- package/lib/Radio/RadioInput.native.js +0 -2
- package/lib/Radio/index.js +0 -4
- package/lib/RadioCard/RadioCard.js +5 -38
- package/lib/RadioCard/RadioCardGroup.js +25 -40
- package/lib/RadioCard/index.js +0 -4
- package/lib/Responsive/Responsive.js +1 -14
- package/lib/Responsive/index.js +0 -3
- package/lib/Search/Search.js +22 -45
- package/lib/Search/index.js +0 -3
- package/lib/Select/Group.js +0 -8
- package/lib/Select/Group.native.js +0 -6
- package/lib/Select/Item.js +0 -7
- package/lib/Select/Item.native.js +0 -2
- package/lib/Select/Picker.js +0 -8
- package/lib/Select/Picker.native.js +6 -22
- package/lib/Select/Select.js +9 -52
- package/lib/Select/index.js +0 -5
- package/lib/SideNav/Item.js +5 -29
- package/lib/SideNav/ItemContent.js +1 -14
- package/lib/SideNav/ItemsGroup.js +9 -31
- package/lib/SideNav/SideNav.js +9 -33
- package/lib/SideNav/index.js +0 -2
- package/lib/Skeleton/Skeleton.js +10 -42
- package/lib/Skeleton/index.js +0 -3
- package/lib/Skeleton/skeletonWebAnimation.js +0 -2
- package/lib/Skeleton/useSkeletonNativeAnimation.js +1 -9
- package/lib/SkipLink/SkipLink.js +7 -27
- package/lib/SkipLink/index.js +0 -3
- package/lib/Spacer/Spacer.js +4 -20
- package/lib/Spacer/index.js +0 -3
- package/lib/StackView/StackView.js +3 -21
- package/lib/StackView/StackWrap.js +11 -21
- package/lib/StackView/StackWrap.native.js +0 -3
- package/lib/StackView/StackWrapBox.js +5 -21
- package/lib/StackView/StackWrapGap.js +1 -14
- package/lib/StackView/common.js +0 -6
- package/lib/StackView/getStackedContent.js +10 -21
- package/lib/StackView/index.js +0 -5
- package/lib/StepTracker/Step.js +3 -27
- package/lib/StepTracker/StepTracker.js +5 -32
- package/lib/StepTracker/index.js +0 -3
- package/lib/Tabs/Tabs.js +7 -30
- package/lib/Tabs/TabsItem.js +13 -38
- package/lib/Tabs/index.js +0 -3
- package/lib/Tags/Tags.js +9 -42
- package/lib/Tags/index.js +0 -3
- package/lib/TextInput/TextArea.js +11 -20
- package/lib/TextInput/TextInput.js +7 -16
- package/lib/TextInput/TextInputBase.js +12 -58
- package/lib/TextInput/index.js +0 -3
- package/lib/TextInput/propTypes.js +0 -8
- package/lib/ThemeProvider/ThemeProvider.js +10 -18
- package/lib/ThemeProvider/index.js +0 -9
- package/lib/ThemeProvider/useSetTheme.js +6 -9
- package/lib/ThemeProvider/useTheme.js +2 -7
- package/lib/ThemeProvider/useThemeTokens.js +1 -9
- package/lib/ThemeProvider/utils/index.js +0 -4
- package/lib/ThemeProvider/utils/styles.js +14 -35
- package/lib/ThemeProvider/utils/theme-tokens.js +15 -43
- package/lib/Timeline/Timeline.js +11 -27
- package/lib/Timeline/index.js +0 -3
- package/lib/ToggleSwitch/ToggleSwitch.js +12 -43
- package/lib/ToggleSwitch/ToggleSwitchGroup.js +4 -38
- package/lib/ToggleSwitch/index.js +0 -3
- package/lib/Tooltip/Backdrop.js +4 -11
- package/lib/Tooltip/Backdrop.native.js +1 -14
- package/lib/Tooltip/Tooltip.js +9 -37
- package/lib/Tooltip/Tooltip.native.js +14 -45
- package/lib/Tooltip/getTooltipPosition.js +26 -31
- package/lib/Tooltip/index.js +0 -5
- package/lib/Tooltip/shared.js +0 -10
- package/lib/TooltipButton/TooltipButton.js +5 -20
- package/lib/TooltipButton/index.js +0 -3
- package/lib/Typography/Typography.js +15 -38
- package/lib/Typography/index.js +0 -3
- package/lib/Validator/Validator.js +10 -58
- package/lib/Validator/index.js +0 -3
- package/lib/ViewportProvider/ViewportProvider.js +1 -13
- package/lib/ViewportProvider/index.js +0 -5
- package/lib/ViewportProvider/useViewport.js +0 -4
- package/lib/ViewportProvider/useViewportListener.js +3 -12
- package/lib/index.js +8 -71
- package/lib/utils/BaseView/BaseView.js +3 -17
- package/lib/utils/BaseView/BaseView.native.js +0 -3
- package/lib/utils/BaseView/index.js +0 -3
- package/lib/utils/a11y/index.js +0 -4
- package/lib/utils/a11y/semantics.js +14 -32
- package/lib/utils/a11y/textSize.js +1 -8
- package/lib/utils/animation/index.js +0 -2
- package/lib/utils/animation/useVerticalExpandAnimation.js +5 -18
- package/lib/utils/children.js +16 -28
- package/lib/utils/containUniqueFields.js +2 -5
- package/lib/utils/floating-ui/index.js +0 -1
- package/lib/utils/floating-ui/index.native.js +0 -1
- package/lib/utils/hasOwnProperty.js +0 -1
- package/lib/utils/htmlAttrs.js +2 -4
- package/lib/utils/index.js +0 -31
- package/lib/utils/info/index.js +0 -4
- package/lib/utils/info/platform/index.js +0 -4
- package/lib/utils/info/versions.js +0 -3
- package/lib/utils/input.js +12 -24
- package/lib/utils/pressability.js +7 -21
- package/lib/utils/props/a11yProps.js +19 -25
- package/lib/utils/props/clickProps.js +0 -4
- package/lib/utils/props/componentPropType.js +0 -14
- package/lib/utils/props/copyPropTypes.js +0 -4
- package/lib/utils/props/getPropSelector.js +11 -12
- package/lib/utils/props/handlerProps.js +2 -23
- package/lib/utils/props/hrefAttrsProp.js +0 -4
- package/lib/utils/props/index.js +0 -22
- package/lib/utils/props/inputSupportsProps.js +0 -9
- package/lib/utils/props/linkProps.js +2 -12
- package/lib/utils/props/paddingProp.js +0 -3
- package/lib/utils/props/pressProps.js +2 -8
- package/lib/utils/props/rectProp.js +0 -3
- package/lib/utils/props/responsiveProps.js +1 -5
- package/lib/utils/props/selectSystemProps.js +4 -6
- package/lib/utils/props/spacingProps.js +3 -10
- package/lib/utils/props/textInputProps.js +10 -31
- package/lib/utils/props/textProps.js +6 -11
- package/lib/utils/props/tokens.js +7 -26
- package/lib/utils/props/variantProp.js +0 -3
- package/lib/utils/props/viewProps.js +0 -5
- package/lib/utils/ssr.js +13 -33
- package/lib/utils/useCopy.js +3 -6
- package/lib/utils/useHash.js +5 -10
- package/lib/utils/useHash.native.js +0 -2
- package/lib/utils/useOverlaidPosition.js +6 -29
- package/lib/utils/useResponsiveProp.js +6 -13
- package/lib/utils/useSafeLayoutEffect.js +5 -10
- package/lib/utils/useScrollBlocking.js +3 -11
- package/lib/utils/useScrollBlocking.native.js +0 -2
- package/lib/utils/useSpacingScale.js +5 -8
- package/lib/utils/useUniqueId.js +0 -4
- package/lib/utils/withLinkRouter.js +13 -18
- package/lib-module/A11yInfoProvider/index.js +5 -9
- package/lib-module/A11yText/index.js +3 -4
- package/lib-module/ActivityIndicator/Spinner.js +2 -2
- package/lib-module/ActivityIndicator/Spinner.native.js +4 -6
- package/lib-module/ActivityIndicator/index.js +1 -5
- package/lib-module/ActivityIndicator/shared.js +2 -1
- package/lib-module/Autocomplete/Autocomplete.js +34 -59
- package/lib-module/Autocomplete/Loading.js +0 -2
- package/lib-module/BaseProvider/HydrationContext.js +4 -7
- package/lib-module/BaseProvider/index.js +0 -3
- package/lib-module/Box/Box.js +10 -24
- package/lib-module/Button/Button.js +4 -2
- package/lib-module/Button/ButtonBase.js +23 -35
- package/lib-module/Button/ButtonDropdown.js +7 -16
- package/lib-module/Button/ButtonGroup.js +15 -32
- package/lib-module/Button/ButtonLink.js +3 -2
- package/lib-module/Button/propTypes.js +0 -7
- package/lib-module/Card/Card.js +3 -2
- package/lib-module/Card/CardBase.js +5 -4
- package/lib-module/Card/PressableCardBase.js +7 -11
- package/lib-module/Carousel/Carousel.js +22 -60
- package/lib-module/Carousel/CarouselContext.js +0 -5
- package/lib-module/Carousel/CarouselFirstFocus/CarouselFirstFocus.js +7 -5
- package/lib-module/Carousel/CarouselItem/CarouselItem.js +5 -11
- package/lib-module/Carousel/CarouselStepTracker/CarouselStepTracker.js +0 -2
- package/lib-module/Carousel/CarouselTabs/CarouselTabs.js +3 -4
- package/lib-module/Carousel/CarouselTabs/CarouselTabsPanel.js +7 -6
- package/lib-module/Carousel/CarouselTabs/CarouselTabsPanelItem.js +2 -10
- package/lib-module/Carousel/CarouselThumbnail.js +1 -7
- package/lib-module/Carousel/CarouselThumbnailNavigation.js +0 -2
- package/lib-module/Checkbox/Checkbox.js +5 -23
- package/lib-module/Checkbox/CheckboxButton.js +7 -17
- package/lib-module/Checkbox/CheckboxGroup.js +14 -31
- package/lib-module/Checkbox/CheckboxInput.js +1 -3
- package/lib-module/Checkbox/CheckboxInput.native.js +0 -1
- package/lib-module/CheckboxCard/CheckboxCard.js +4 -21
- package/lib-module/CheckboxCardGroup/CheckboxCardGroup.js +206 -0
- package/lib-module/CheckboxCardGroup/index.js +2 -0
- package/lib-module/Divider/Divider.js +13 -11
- package/lib-module/ExpandCollapse/Accordion.js +1 -1
- package/lib-module/ExpandCollapse/Control.js +10 -17
- package/lib-module/ExpandCollapse/ExpandCollapse.js +3 -9
- package/lib-module/ExpandCollapse/Panel.js +13 -23
- package/lib-module/Feedback/Feedback.js +13 -16
- package/lib-module/Fieldset/Fieldset.js +6 -25
- package/lib-module/Fieldset/FieldsetContainer.js +1 -1
- package/lib-module/Fieldset/FieldsetContainer.native.js +0 -1
- package/lib-module/Fieldset/Legend.js +1 -1
- package/lib-module/Fieldset/Legend.native.js +1 -1
- package/lib-module/FlexGrid/Col/Col.js +10 -37
- package/lib-module/FlexGrid/FlexGrid.js +3 -17
- package/lib-module/FlexGrid/Row/Row.js +0 -25
- package/lib-module/FlexGrid/helpers/index.js +0 -3
- package/lib-module/HorizontalScroll/HorizontalScroll.js +17 -27
- package/lib-module/HorizontalScroll/HorizontalScrollButton.js +1 -3
- package/lib-module/HorizontalScroll/ScrollViewEnd.js +5 -4
- package/lib-module/HorizontalScroll/ScrollViewEnd.native.js +0 -1
- package/lib-module/HorizontalScroll/itemPositions.js +11 -10
- package/lib-module/Icon/Icon.js +4 -8
- package/lib-module/Icon/IconText.js +6 -17
- package/lib-module/IconButton/IconButton.js +7 -20
- package/lib-module/InputLabel/InputLabel.js +4 -13
- package/lib-module/InputLabel/LabelContent.js +2 -1
- package/lib-module/InputLabel/LabelContent.native.js +0 -1
- package/lib-module/InputSupports/InputSupports.js +0 -9
- package/lib-module/InputSupports/useInputSupports.js +2 -4
- package/lib-module/Link/ChevronLink.js +7 -7
- package/lib-module/Link/InlinePressable.js +0 -2
- package/lib-module/Link/InlinePressable.native.js +4 -12
- package/lib-module/Link/LinkBase.js +17 -25
- package/lib-module/Link/TextButton.js +3 -5
- package/lib-module/List/List.js +5 -9
- package/lib-module/List/ListItem.js +1 -1
- package/lib-module/List/ListItemBase.js +5 -17
- package/lib-module/List/ListItemContent.js +1 -4
- package/lib-module/List/ListItemMark.js +3 -16
- package/lib-module/List/PressableListItemBase.js +2 -6
- package/lib-module/Listbox/GroupControl.js +0 -2
- package/lib-module/Listbox/Listbox.js +15 -23
- package/lib-module/Listbox/ListboxContext.js +0 -2
- package/lib-module/Listbox/ListboxGroup.js +6 -4
- package/lib-module/Listbox/ListboxItem.js +2 -1
- package/lib-module/Listbox/ListboxOverlay.js +3 -4
- package/lib-module/Listbox/PressableItem.js +2 -7
- package/lib-module/Modal/Modal.js +94 -25
- package/lib-module/Modal/ModalContent.js +175 -0
- package/lib-module/MultiSelectFilter/ModalOverlay.js +1 -4
- package/lib-module/MultiSelectFilter/MultiSelectFilter.js +20 -42
- package/lib-module/Notification/Notification.js +11 -22
- package/lib-module/Pagination/PageButton.js +2 -6
- package/lib-module/Pagination/Pagination.js +21 -21
- package/lib-module/Pagination/SideButton.js +3 -8
- package/lib-module/Pagination/usePagination.js +4 -8
- package/lib-module/Progress/Progress.js +3 -7
- package/lib-module/Progress/ProgressBar.js +3 -11
- package/lib-module/Progress/ProgressBarBackground.js +0 -2
- package/lib-module/QuickLinks/QuickLinks.js +1 -6
- package/lib-module/QuickLinks/QuickLinksCard.js +1 -3
- package/lib-module/QuickLinks/QuickLinksItem.js +3 -2
- package/lib-module/QuickLinksFeature/QuickLinksFeature.js +5 -9
- package/lib-module/QuickLinksFeature/QuickLinksFeatureItem.js +9 -13
- package/lib-module/Radio/Radio.js +5 -22
- package/lib-module/Radio/RadioButton.js +8 -10
- package/lib-module/Radio/RadioGroup.js +6 -25
- package/lib-module/Radio/RadioInput.js +1 -3
- package/lib-module/Radio/RadioInput.native.js +0 -1
- package/lib-module/RadioCard/RadioCard.js +5 -21
- package/lib-module/RadioCard/RadioCardGroup.js +25 -27
- package/lib-module/Responsive/Responsive.js +1 -6
- package/lib-module/Search/Search.js +22 -31
- package/lib-module/Select/Group.js +0 -3
- package/lib-module/Select/Group.native.js +0 -3
- package/lib-module/Select/Item.js +0 -3
- package/lib-module/Select/Item.native.js +0 -1
- package/lib-module/Select/Picker.native.js +8 -10
- package/lib-module/Select/Select.js +10 -35
- package/lib-module/SideNav/Item.js +5 -16
- package/lib-module/SideNav/ItemContent.js +1 -2
- package/lib-module/SideNav/ItemsGroup.js +9 -19
- package/lib-module/SideNav/SideNav.js +9 -22
- package/lib-module/Skeleton/Skeleton.js +10 -25
- package/lib-module/Skeleton/skeletonWebAnimation.js +0 -1
- package/lib-module/Skeleton/useSkeletonNativeAnimation.js +1 -3
- package/lib-module/SkipLink/SkipLink.js +7 -9
- package/lib-module/Spacer/Spacer.js +4 -7
- package/lib-module/StackView/StackView.js +3 -7
- package/lib-module/StackView/StackWrap.js +13 -13
- package/lib-module/StackView/StackWrap.native.js +2 -1
- package/lib-module/StackView/StackWrapBox.js +5 -8
- package/lib-module/StackView/StackWrapGap.js +1 -1
- package/lib-module/StackView/getStackedContent.js +10 -10
- package/lib-module/StepTracker/Step.js +3 -14
- package/lib-module/StepTracker/StepTracker.js +5 -13
- package/lib-module/Tabs/Tabs.js +7 -16
- package/lib-module/Tabs/TabsItem.js +13 -16
- package/lib-module/Tags/Tags.js +9 -26
- package/lib-module/TextInput/TextArea.js +11 -8
- package/lib-module/TextInput/TextInput.js +7 -5
- package/lib-module/TextInput/TextInputBase.js +13 -39
- package/lib-module/TextInput/propTypes.js +3 -7
- package/lib-module/ThemeProvider/ThemeProvider.js +10 -9
- package/lib-module/ThemeProvider/useSetTheme.js +6 -7
- package/lib-module/ThemeProvider/useTheme.js +2 -5
- package/lib-module/ThemeProvider/useThemeTokens.js +1 -2
- package/lib-module/ThemeProvider/utils/styles.js +15 -27
- package/lib-module/ThemeProvider/utils/theme-tokens.js +15 -20
- package/lib-module/Timeline/Timeline.js +11 -17
- package/lib-module/ToggleSwitch/ToggleSwitch.js +13 -26
- package/lib-module/ToggleSwitch/ToggleSwitchGroup.js +4 -23
- package/lib-module/Tooltip/Backdrop.js +4 -7
- package/lib-module/Tooltip/Backdrop.native.js +1 -4
- package/lib-module/Tooltip/Tooltip.js +9 -18
- package/lib-module/Tooltip/Tooltip.native.js +14 -23
- package/lib-module/Tooltip/getTooltipPosition.js +26 -30
- package/lib-module/Tooltip/shared.js +0 -6
- package/lib-module/TooltipButton/TooltipButton.js +5 -8
- package/lib-module/Typography/Typography.js +14 -22
- package/lib-module/Validator/Validator.js +10 -42
- package/lib-module/ViewportProvider/ViewportProvider.js +1 -3
- package/lib-module/ViewportProvider/useViewportListener.js +6 -8
- package/lib-module/index.js +1 -0
- package/lib-module/utils/BaseView/BaseView.js +3 -4
- package/lib-module/utils/BaseView/BaseView.native.js +0 -1
- package/lib-module/utils/a11y/semantics.js +14 -27
- package/lib-module/utils/a11y/textSize.js +1 -2
- package/lib-module/utils/animation/useVerticalExpandAnimation.js +8 -11
- package/lib-module/utils/children.js +17 -19
- package/lib-module/utils/containUniqueFields.js +2 -4
- package/lib-module/utils/htmlAttrs.js +2 -1
- package/lib-module/utils/info/index.js +2 -1
- package/lib-module/utils/info/platform/index.js +4 -1
- package/lib-module/utils/info/versions.js +2 -1
- package/lib-module/utils/input.js +11 -19
- package/lib-module/utils/pressability.js +8 -7
- package/lib-module/utils/props/a11yProps.js +22 -20
- package/lib-module/utils/props/clickProps.js +0 -1
- package/lib-module/utils/props/componentPropType.js +0 -13
- package/lib-module/utils/props/getPropSelector.js +12 -8
- package/lib-module/utils/props/handlerProps.js +2 -19
- package/lib-module/utils/props/hrefAttrsProp.js +2 -2
- package/lib-module/utils/props/inputSupportsProps.js +0 -6
- package/lib-module/utils/props/linkProps.js +2 -3
- package/lib-module/utils/props/pressProps.js +2 -2
- package/lib-module/utils/props/responsiveProps.js +1 -3
- package/lib-module/utils/props/selectSystemProps.js +4 -5
- package/lib-module/utils/props/spacingProps.js +4 -3
- package/lib-module/utils/props/textInputProps.js +13 -27
- package/lib-module/utils/props/textProps.js +9 -7
- package/lib-module/utils/props/tokens.js +10 -13
- package/lib-module/utils/props/variantProp.js +1 -1
- package/lib-module/utils/props/viewProps.js +0 -1
- package/lib-module/utils/ssr.js +14 -18
- package/lib-module/utils/useCopy.js +3 -5
- package/lib-module/utils/useHash.js +5 -9
- package/lib-module/utils/useHash.native.js +0 -1
- package/lib-module/utils/useOverlaidPosition.js +6 -25
- package/lib-module/utils/useResponsiveProp.js +6 -7
- package/lib-module/utils/useSafeLayoutEffect.js +5 -7
- package/lib-module/utils/useScrollBlocking.js +3 -10
- package/lib-module/utils/useSpacingScale.js +4 -4
- package/lib-module/utils/useUniqueId.js +0 -2
- package/lib-module/utils/withLinkRouter.js +13 -10
- package/package.json +2 -2
- package/src/Checkbox/CheckboxGroup.jsx +10 -8
- package/src/CheckboxCardGroup/CheckboxCardGroup.jsx +231 -0
- package/src/CheckboxCardGroup/index.js +3 -0
- package/src/Modal/Modal.jsx +98 -5
- package/src/Modal/ModalContent.jsx +171 -0
- package/src/RadioCard/RadioCardGroup.jsx +23 -2
- package/src/index.js +1 -0
package/lib/Typography/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _Typography = _interopRequireDefault(require("./Typography"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Typography.default;
|
|
13
10
|
exports.default = _default;
|
|
@@ -4,37 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
|
|
13
|
-
|
|
14
10
|
var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
|
|
15
|
-
|
|
16
11
|
var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
|
|
17
|
-
|
|
18
12
|
var _utils = require("../utils");
|
|
19
|
-
|
|
20
13
|
var _TextInput = require("../TextInput");
|
|
21
|
-
|
|
22
14
|
var _StackView = _interopRequireDefault(require("../StackView"));
|
|
23
|
-
|
|
24
15
|
var _InputSupports = _interopRequireDefault(require("../InputSupports"));
|
|
25
|
-
|
|
26
16
|
var _ThemeProvider = require("../ThemeProvider");
|
|
27
|
-
|
|
28
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
29
|
-
|
|
30
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
|
-
|
|
32
19
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
33
|
-
|
|
34
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
35
|
-
|
|
36
21
|
const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.inputSupportsProps]);
|
|
37
|
-
|
|
38
22
|
const selectCodeTextInputTokens = _ref => {
|
|
39
23
|
let {
|
|
40
24
|
outerBorderColor,
|
|
@@ -46,7 +30,6 @@ const selectCodeTextInputTokens = _ref => {
|
|
|
46
30
|
icon: null
|
|
47
31
|
};
|
|
48
32
|
};
|
|
49
|
-
|
|
50
33
|
const Validator = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
51
34
|
let {
|
|
52
35
|
value = '',
|
|
@@ -68,93 +51,72 @@ const Validator = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
68
51
|
const prefix = 'code';
|
|
69
52
|
const sufixValidation = 'Validation';
|
|
70
53
|
const [isHover, setIsHover] = (0, _react.useState)(false);
|
|
71
|
-
|
|
72
54
|
const handleMouseOver = () => {
|
|
73
55
|
setIsHover(true);
|
|
74
56
|
};
|
|
75
|
-
|
|
76
57
|
const handleMouseOut = () => {
|
|
77
58
|
setIsHover(false);
|
|
78
59
|
};
|
|
79
|
-
|
|
80
60
|
const themeTokens = (0, _ThemeProvider.useThemeTokens)('TextInput', tokens, variant, {
|
|
81
61
|
hover: isHover
|
|
82
62
|
});
|
|
83
63
|
const [codeReferences, singleCodes] = (0, _react.useMemo)(() => {
|
|
84
64
|
const codes = [];
|
|
85
65
|
const valueCodes = {};
|
|
86
|
-
|
|
87
66
|
for (let i = 0; validatorsLength && i < validatorsLength; i += 1) {
|
|
88
67
|
codes[prefix + i] = /*#__PURE__*/(0, _react.createRef)();
|
|
89
68
|
valueCodes[prefix + i] = '';
|
|
90
69
|
valueCodes[prefix + i + sufixValidation] = '';
|
|
91
70
|
}
|
|
92
|
-
|
|
93
71
|
return [codes, valueCodes];
|
|
94
72
|
}, []);
|
|
95
|
-
|
|
96
73
|
const handleSingleCodes = (codeId, val, validation) => {
|
|
97
74
|
singleCodes[codeId] = val;
|
|
98
75
|
singleCodes[codeId + sufixValidation] = validation;
|
|
99
76
|
/* eslint-disable no-unused-expressions */
|
|
100
|
-
|
|
101
|
-
|
|
77
|
+
setIndividualCodes({
|
|
78
|
+
...individualCodes,
|
|
102
79
|
[codeId]: val
|
|
103
80
|
});
|
|
104
81
|
};
|
|
105
|
-
|
|
106
82
|
const handleChangeCode = () => {
|
|
107
83
|
let code = '';
|
|
108
|
-
|
|
109
84
|
for (let i = 0; i < validatorsLength; i += 1) code += singleCodes[prefix + i];
|
|
110
|
-
|
|
111
85
|
if (typeof onChange === 'function') onChange(code, singleCodes);
|
|
112
86
|
};
|
|
113
|
-
|
|
114
87
|
const handleChangeCodeValues = (event, codeId, nextIndex) => {
|
|
115
88
|
var _codeReferences$codeI, _event$nativeEvent, _event$target, _codeElement$value, _codeElement$value2;
|
|
116
|
-
|
|
117
89
|
const codeElement = (_codeReferences$codeI = codeReferences[codeId]) === null || _codeReferences$codeI === void 0 ? void 0 : _codeReferences$codeI.current;
|
|
118
90
|
const val = ((_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : _event$nativeEvent.value) || ((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
|
|
119
|
-
|
|
120
91
|
if (Number(val).toString() === 'NaN') {
|
|
121
92
|
codeElement.value = singleCodes[codeId] ?? '';
|
|
122
93
|
return;
|
|
123
94
|
}
|
|
124
|
-
|
|
125
95
|
if ((codeElement === null || codeElement === void 0 ? void 0 : (_codeElement$value = codeElement.value) === null || _codeElement$value === void 0 ? void 0 : _codeElement$value.length) > 1) {
|
|
126
96
|
const oldValue = singleCodes[codeId];
|
|
127
97
|
const newValue = codeElement.value.replace(oldValue, '');
|
|
128
98
|
codeElement.value = newValue;
|
|
129
99
|
handleSingleCodes(codeId, codeElement.value, 'success');
|
|
130
100
|
}
|
|
131
|
-
|
|
132
101
|
handleSingleCodes(codeId, (codeElement === null || codeElement === void 0 ? void 0 : codeElement.value) ?? singleCodes[codeId], 'success');
|
|
133
102
|
handleChangeCode();
|
|
134
|
-
|
|
135
103
|
if (nextIndex === validatorsLength) {
|
|
136
104
|
codeElement.blur();
|
|
137
105
|
return;
|
|
138
106
|
}
|
|
139
|
-
|
|
140
107
|
if ((codeElement === null || codeElement === void 0 ? void 0 : (_codeElement$value2 = codeElement.value) === null || _codeElement$value2 === void 0 ? void 0 : _codeElement$value2.length) > 0) codeReferences[prefix + nextIndex].current.focus();
|
|
141
108
|
};
|
|
142
|
-
|
|
143
109
|
const handleKeyPress = (event, currentIndex, previousIndex) => {
|
|
144
110
|
if (!(event.keyCode === 8 || event.code === 'Backspace')) return;
|
|
145
|
-
|
|
146
111
|
if (currentIndex > 0) {
|
|
147
112
|
codeReferences[prefix + currentIndex].current.value = '';
|
|
148
113
|
codeReferences[prefix + previousIndex].current.focus();
|
|
149
114
|
}
|
|
150
|
-
|
|
151
115
|
handleSingleCodes(prefix + currentIndex, '', '');
|
|
152
116
|
handleChangeCode();
|
|
153
117
|
};
|
|
154
|
-
|
|
155
118
|
const getCodeComponents = () => {
|
|
156
119
|
const components = [];
|
|
157
|
-
|
|
158
120
|
for (let i = 0; validatorsLength && i < validatorsLength; i += 1) {
|
|
159
121
|
const codeId = prefix + i;
|
|
160
122
|
const codeInputProps = {
|
|
@@ -165,7 +127,6 @@ const Validator = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
165
127
|
tokens: selectCodeTextInputTokens(themeTokens),
|
|
166
128
|
onFocus: () => {
|
|
167
129
|
var _codeReferences$codeI2, _codeReferences$codeI3;
|
|
168
|
-
|
|
169
130
|
return ((_codeReferences$codeI2 = codeReferences[codeId]) === null || _codeReferences$codeI2 === void 0 ? void 0 : (_codeReferences$codeI3 = _codeReferences$codeI2.current) === null || _codeReferences$codeI3 === void 0 ? void 0 : _codeReferences$codeI3.select()) ?? null;
|
|
170
131
|
},
|
|
171
132
|
onKeyPress: event => handleKeyPress(event, i, i - 1),
|
|
@@ -176,44 +137,39 @@ const Validator = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
176
137
|
codeInputProps.validation || delete codeInputProps.validation;
|
|
177
138
|
components.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
|
|
178
139
|
style: staticStyles.codeInputWidth,
|
|
179
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextInput.TextInput, {
|
|
140
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextInput.TextInput, {
|
|
141
|
+
...codeInputProps
|
|
180
142
|
})
|
|
181
143
|
}, codeId));
|
|
182
144
|
}
|
|
183
|
-
|
|
184
145
|
return components;
|
|
185
146
|
};
|
|
186
|
-
|
|
187
147
|
(0, _react.useEffect)(() => {
|
|
188
148
|
/* eslint-disable no-unused-expressions */
|
|
189
149
|
if (Number(value).toString() !== 'NaN') setText(value);
|
|
190
150
|
}, [value]);
|
|
191
|
-
/* eslint-disable react-hooks/exhaustive-deps */
|
|
192
151
|
|
|
152
|
+
/* eslint-disable react-hooks/exhaustive-deps */
|
|
193
153
|
(0, _react.useEffect)(() => {
|
|
194
154
|
for (let i = 0; i < validatorsLength; i += 1) {
|
|
195
155
|
codeReferences[prefix + i].current.value = text[i] ?? '';
|
|
196
156
|
handleSingleCodes(prefix + i, text[i] ?? '', text[i] ? 'success' : '');
|
|
197
157
|
}
|
|
198
158
|
}, [text]);
|
|
199
|
-
/* eslint-disable react-hooks/exhaustive-deps */
|
|
200
159
|
|
|
160
|
+
/* eslint-disable react-hooks/exhaustive-deps */
|
|
201
161
|
(0, _react.useEffect)(() => {
|
|
202
162
|
const handlePasteCode = event => {
|
|
203
163
|
setText('');
|
|
204
164
|
const clipBoardText = event.clipboardData.getData('text');
|
|
205
165
|
if (Number(clipBoardText).toString() !== 'NaN') setText(clipBoardText);
|
|
206
166
|
};
|
|
207
|
-
|
|
208
167
|
const handleCopy = event => {
|
|
209
168
|
let clipBoardText = '';
|
|
210
|
-
|
|
211
169
|
for (let i = 0; i < validatorsLength; i += 1) singleCodes[prefix + i] && (clipBoardText += singleCodes[prefix + i]);
|
|
212
|
-
|
|
213
170
|
event.clipboardData.setData('text/plain', clipBoardText);
|
|
214
171
|
event.preventDefault();
|
|
215
172
|
};
|
|
216
|
-
|
|
217
173
|
if (_Platform.default.OS === 'web') {
|
|
218
174
|
for (let i = 0; i < validatorsLength; i += 1) {
|
|
219
175
|
codeReferences[prefix + i].current.addEventListener('paste', handlePasteCode);
|
|
@@ -221,12 +177,10 @@ const Validator = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
221
177
|
codeReferences[prefix + i].current.addEventListener('input', event => handleChangeCodeValues(event, prefix + i, i + 1));
|
|
222
178
|
}
|
|
223
179
|
}
|
|
224
|
-
|
|
225
180
|
return () => {
|
|
226
181
|
if (_Platform.default.oldValue === 'web') {
|
|
227
182
|
for (let i = 0; i < validatorsLength; i += 1) {
|
|
228
183
|
var _codeReferences, _codeReferences$curre, _codeReferences2, _codeReferences2$curr, _codeReferences3, _codeReferences3$curr;
|
|
229
|
-
|
|
230
184
|
(_codeReferences = codeReferences[prefix + i]) === null || _codeReferences === void 0 ? void 0 : (_codeReferences$curre = _codeReferences.current) === null || _codeReferences$curre === void 0 ? void 0 : _codeReferences$curre.removeEventListener('paste', handlePasteCode);
|
|
231
185
|
(_codeReferences2 = codeReferences[prefix + i]) === null || _codeReferences2 === void 0 ? void 0 : (_codeReferences2$curr = _codeReferences2.current) === null || _codeReferences2$curr === void 0 ? void 0 : _codeReferences2$curr.removeEventListener('copy', handleCopy);
|
|
232
186
|
(_codeReferences3 = codeReferences[prefix + i]) === null || _codeReferences3 === void 0 ? void 0 : (_codeReferences3$curr = _codeReferences3.current) === null || _codeReferences3$curr === void 0 ? void 0 : _codeReferences3$curr.removeEventListener('input', event => handleChangeCodeValues(event, prefix + i, i + 1));
|
|
@@ -234,7 +188,8 @@ const Validator = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
234
188
|
}
|
|
235
189
|
};
|
|
236
190
|
}, []);
|
|
237
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputSupports.default, {
|
|
191
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputSupports.default, {
|
|
192
|
+
...supportsProps,
|
|
238
193
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StackView.default, {
|
|
239
194
|
space: 2,
|
|
240
195
|
direction: "row",
|
|
@@ -244,18 +199,16 @@ const Validator = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
244
199
|
});
|
|
245
200
|
});
|
|
246
201
|
Validator.displayName = 'Validator';
|
|
247
|
-
Validator.propTypes = {
|
|
248
|
-
|
|
202
|
+
Validator.propTypes = {
|
|
203
|
+
...selectedSystemPropTypes,
|
|
249
204
|
/**
|
|
250
205
|
* The value is a 6-digit code, may be only numeric characters, non numeric character aren't renderize
|
|
251
206
|
*/
|
|
252
207
|
value: _propTypes.default.string,
|
|
253
|
-
|
|
254
208
|
/**
|
|
255
209
|
* If true, the component is inactive and non editable.
|
|
256
210
|
*/
|
|
257
211
|
inactive: _propTypes.default.bool,
|
|
258
|
-
|
|
259
212
|
/**
|
|
260
213
|
* Use to react upon input's value changes. Required when the `value` prop is set. Will receive the input's value as an argument.
|
|
261
214
|
*/
|
|
@@ -263,7 +216,6 @@ Validator.propTypes = { ...selectedSystemPropTypes,
|
|
|
263
216
|
};
|
|
264
217
|
var _default = Validator;
|
|
265
218
|
exports.default = _default;
|
|
266
|
-
|
|
267
219
|
const staticStyles = _StyleSheet.default.create({
|
|
268
220
|
codeInputWidth: {
|
|
269
221
|
width: 43
|
package/lib/Validator/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _Validator = _interopRequireDefault(require("./Validator"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Validator.default;
|
|
13
10
|
exports.default = _default;
|
|
@@ -4,29 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _systemConstants = require("@telus-uds/system-constants");
|
|
13
|
-
|
|
14
10
|
var _useViewport = require("./useViewport");
|
|
15
|
-
|
|
16
11
|
var _useViewportListener = _interopRequireDefault(require("./useViewportListener"));
|
|
17
|
-
|
|
18
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
-
|
|
24
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
-
|
|
26
16
|
/**
|
|
27
17
|
* Provides an up-to-date viewport value from system-constants, available via the `useViewport` hook
|
|
28
|
-
*/
|
|
29
|
-
const ViewportProvider = _ref => {
|
|
18
|
+
*/const ViewportProvider = _ref => {
|
|
30
19
|
let {
|
|
31
20
|
children
|
|
32
21
|
} = _ref;
|
|
@@ -39,7 +28,6 @@ const ViewportProvider = _ref => {
|
|
|
39
28
|
children: children
|
|
40
29
|
});
|
|
41
30
|
};
|
|
42
|
-
|
|
43
31
|
ViewportProvider.propTypes = {
|
|
44
32
|
children: _propTypes.default.node.isRequired
|
|
45
33
|
};
|
|
@@ -5,11 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
var _exportNames = {};
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
|
|
9
8
|
var _ViewportProvider = _interopRequireDefault(require("./ViewportProvider"));
|
|
10
|
-
|
|
11
9
|
var _useViewport = require("./useViewport");
|
|
12
|
-
|
|
13
10
|
Object.keys(_useViewport).forEach(function (key) {
|
|
14
11
|
if (key === "default" || key === "__esModule") return;
|
|
15
12
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -21,8 +18,6 @@ Object.keys(_useViewport).forEach(function (key) {
|
|
|
21
18
|
}
|
|
22
19
|
});
|
|
23
20
|
});
|
|
24
|
-
|
|
25
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
26
|
-
|
|
27
22
|
var _default = _ViewportProvider.default;
|
|
28
23
|
exports.default = _default;
|
|
@@ -4,12 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useViewport = exports.ViewportContext = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
const ViewportContext = /*#__PURE__*/(0, _react.createContext)({});
|
|
11
9
|
exports.ViewportContext = ViewportContext;
|
|
12
|
-
|
|
13
10
|
const useViewport = () => (0, _react.useContext)(ViewportContext);
|
|
14
|
-
|
|
15
11
|
exports.useViewport = useViewport;
|
|
@@ -4,50 +4,41 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _Dimensions = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Dimensions"));
|
|
9
|
-
|
|
10
8
|
var _systemConstants = require("@telus-uds/system-constants");
|
|
11
|
-
|
|
12
9
|
var _useSafeLayoutEffect = _interopRequireDefault(require("../utils/useSafeLayoutEffect"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
// Use Dimensions instead of useWindowDimensions because useWindowDimensions forces context
|
|
17
12
|
// to update on every pixel change during window resize; but we only want rerenders to occur
|
|
18
13
|
// when a viewport threshold has been crossed.
|
|
19
14
|
const lookupViewport = () => _systemConstants.viewports.select(_Dimensions.default.get('window').width);
|
|
15
|
+
|
|
20
16
|
/**
|
|
21
17
|
* When client-side rendering, immediately set the viewport to the correct value as a layout effect so
|
|
22
18
|
* if the viewport isn't the smallest, any SSR-rendered components rerender correctly before anything
|
|
23
19
|
* is shown to the user. Then bind events to update the viewport if it changes.
|
|
24
20
|
*/
|
|
25
|
-
|
|
26
|
-
|
|
27
21
|
const useViewportListener = setViewport => {
|
|
28
22
|
(0, _useSafeLayoutEffect.default)(() => {
|
|
29
23
|
setViewport(lookupViewport());
|
|
30
|
-
|
|
31
24
|
const onChange = _ref => {
|
|
32
25
|
let {
|
|
33
26
|
window
|
|
34
27
|
} = _ref;
|
|
35
28
|
return setViewport(_systemConstants.viewports.select(window.width));
|
|
36
29
|
};
|
|
37
|
-
|
|
38
30
|
const listener = _Dimensions.default.addEventListener('change', onChange);
|
|
39
|
-
|
|
40
31
|
return () => {
|
|
41
32
|
if (typeof (listener === null || listener === void 0 ? void 0 : listener.remove) === 'function') {
|
|
42
33
|
// Can't just return listener.remove because listener.emitter disappears, causing an internal error.
|
|
43
34
|
// See https://github.com/facebook/react-native/issues/34508
|
|
44
|
-
listener.remove();
|
|
35
|
+
listener.remove();
|
|
36
|
+
// From RN 0.65.0, Dimensions.removeEventListener is deprecated for `remove` on addEventListener return value
|
|
45
37
|
} else if (typeof _Dimensions.default.removeEventListener === 'function') {
|
|
46
38
|
_Dimensions.default.removeEventListener('change', onChange);
|
|
47
39
|
}
|
|
48
40
|
};
|
|
49
41
|
}, [setViewport]);
|
|
50
42
|
};
|
|
51
|
-
|
|
52
43
|
var _default = useViewportListener;
|
|
53
44
|
exports.default = _default;
|
package/lib/index.js
CHANGED
|
@@ -13,6 +13,7 @@ var _exportNames = {
|
|
|
13
13
|
Listbox: true,
|
|
14
14
|
Checkbox: true,
|
|
15
15
|
CheckboxCard: true,
|
|
16
|
+
CheckboxCardGroup: true,
|
|
16
17
|
Divider: true,
|
|
17
18
|
ExpandCollapse: true,
|
|
18
19
|
Accordion: true,
|
|
@@ -130,6 +131,12 @@ Object.defineProperty(exports, "CheckboxCard", {
|
|
|
130
131
|
return _CheckboxCard.default;
|
|
131
132
|
}
|
|
132
133
|
});
|
|
134
|
+
Object.defineProperty(exports, "CheckboxCardGroup", {
|
|
135
|
+
enumerable: true,
|
|
136
|
+
get: function () {
|
|
137
|
+
return _CheckboxCardGroup.default;
|
|
138
|
+
}
|
|
139
|
+
});
|
|
133
140
|
Object.defineProperty(exports, "Divider", {
|
|
134
141
|
enumerable: true,
|
|
135
142
|
get: function () {
|
|
@@ -460,17 +467,11 @@ Object.defineProperty(exports, "useViewport", {
|
|
|
460
467
|
return _ViewportProvider.useViewport;
|
|
461
468
|
}
|
|
462
469
|
});
|
|
463
|
-
|
|
464
470
|
var _A11yText = _interopRequireDefault(require("./A11yText"));
|
|
465
|
-
|
|
466
471
|
var _ActivityIndicator = _interopRequireDefault(require("./ActivityIndicator"));
|
|
467
|
-
|
|
468
472
|
var _Autocomplete = _interopRequireDefault(require("./Autocomplete"));
|
|
469
|
-
|
|
470
473
|
var _Box = _interopRequireDefault(require("./Box"));
|
|
471
|
-
|
|
472
474
|
var _Button = require("./Button");
|
|
473
|
-
|
|
474
475
|
Object.keys(_Button).forEach(function (key) {
|
|
475
476
|
if (key === "default" || key === "__esModule") return;
|
|
476
477
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -482,11 +483,8 @@ Object.keys(_Button).forEach(function (key) {
|
|
|
482
483
|
}
|
|
483
484
|
});
|
|
484
485
|
});
|
|
485
|
-
|
|
486
486
|
var _Card = _interopRequireWildcard(require("./Card"));
|
|
487
|
-
|
|
488
487
|
var _Carousel = require("./Carousel");
|
|
489
|
-
|
|
490
488
|
Object.keys(_Carousel).forEach(function (key) {
|
|
491
489
|
if (key === "default" || key === "__esModule") return;
|
|
492
490
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -498,11 +496,8 @@ Object.keys(_Carousel).forEach(function (key) {
|
|
|
498
496
|
}
|
|
499
497
|
});
|
|
500
498
|
});
|
|
501
|
-
|
|
502
499
|
var _Listbox = _interopRequireDefault(require("./Listbox"));
|
|
503
|
-
|
|
504
500
|
var _Checkbox = _interopRequireWildcard(require("./Checkbox"));
|
|
505
|
-
|
|
506
501
|
Object.keys(_Checkbox).forEach(function (key) {
|
|
507
502
|
if (key === "default" || key === "__esModule") return;
|
|
508
503
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -514,21 +509,14 @@ Object.keys(_Checkbox).forEach(function (key) {
|
|
|
514
509
|
}
|
|
515
510
|
});
|
|
516
511
|
});
|
|
517
|
-
|
|
518
512
|
var _CheckboxCard = _interopRequireDefault(require("./CheckboxCard"));
|
|
519
|
-
|
|
513
|
+
var _CheckboxCardGroup = _interopRequireDefault(require("./CheckboxCardGroup"));
|
|
520
514
|
var _Divider = _interopRequireDefault(require("./Divider"));
|
|
521
|
-
|
|
522
515
|
var _ExpandCollapse = _interopRequireWildcard(require("./ExpandCollapse"));
|
|
523
|
-
|
|
524
516
|
var _Feedback = _interopRequireDefault(require("./Feedback"));
|
|
525
|
-
|
|
526
517
|
var _Fieldset = _interopRequireDefault(require("./Fieldset"));
|
|
527
|
-
|
|
528
518
|
var _FlexGrid = _interopRequireDefault(require("./FlexGrid"));
|
|
529
|
-
|
|
530
519
|
var _HorizontalScroll = _interopRequireWildcard(require("./HorizontalScroll"));
|
|
531
|
-
|
|
532
520
|
Object.keys(_HorizontalScroll).forEach(function (key) {
|
|
533
521
|
if (key === "default" || key === "__esModule") return;
|
|
534
522
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -540,9 +528,7 @@ Object.keys(_HorizontalScroll).forEach(function (key) {
|
|
|
540
528
|
}
|
|
541
529
|
});
|
|
542
530
|
});
|
|
543
|
-
|
|
544
531
|
var _Icon = _interopRequireWildcard(require("./Icon"));
|
|
545
|
-
|
|
546
532
|
Object.keys(_Icon).forEach(function (key) {
|
|
547
533
|
if (key === "default" || key === "__esModule") return;
|
|
548
534
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -554,15 +540,10 @@ Object.keys(_Icon).forEach(function (key) {
|
|
|
554
540
|
}
|
|
555
541
|
});
|
|
556
542
|
});
|
|
557
|
-
|
|
558
543
|
var _IconButton = _interopRequireDefault(require("./IconButton"));
|
|
559
|
-
|
|
560
544
|
var _InputLabel = _interopRequireDefault(require("./InputLabel"));
|
|
561
|
-
|
|
562
545
|
var _InputSupports = _interopRequireDefault(require("./InputSupports"));
|
|
563
|
-
|
|
564
546
|
var _Link = require("./Link");
|
|
565
|
-
|
|
566
547
|
Object.keys(_Link).forEach(function (key) {
|
|
567
548
|
if (key === "default" || key === "__esModule") return;
|
|
568
549
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -574,25 +555,15 @@ Object.keys(_Link).forEach(function (key) {
|
|
|
574
555
|
}
|
|
575
556
|
});
|
|
576
557
|
});
|
|
577
|
-
|
|
578
558
|
var _List = _interopRequireWildcard(require("./List"));
|
|
579
|
-
|
|
580
559
|
var _Modal = _interopRequireDefault(require("./Modal"));
|
|
581
|
-
|
|
582
560
|
var _MultiSelectFilter = _interopRequireDefault(require("./MultiSelectFilter"));
|
|
583
|
-
|
|
584
561
|
var _Notification = _interopRequireDefault(require("./Notification"));
|
|
585
|
-
|
|
586
562
|
var _Pagination = _interopRequireDefault(require("./Pagination"));
|
|
587
|
-
|
|
588
563
|
var _Progress = _interopRequireDefault(require("./Progress"));
|
|
589
|
-
|
|
590
564
|
var _QuickLinks = _interopRequireDefault(require("./QuickLinks"));
|
|
591
|
-
|
|
592
565
|
var _QuickLinksFeature = _interopRequireDefault(require("./QuickLinksFeature"));
|
|
593
|
-
|
|
594
566
|
var _Radio = _interopRequireWildcard(require("./Radio"));
|
|
595
|
-
|
|
596
567
|
Object.keys(_Radio).forEach(function (key) {
|
|
597
568
|
if (key === "default" || key === "__esModule") return;
|
|
598
569
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -604,9 +575,7 @@ Object.keys(_Radio).forEach(function (key) {
|
|
|
604
575
|
}
|
|
605
576
|
});
|
|
606
577
|
});
|
|
607
|
-
|
|
608
578
|
var _RadioCard = _interopRequireWildcard(require("./RadioCard"));
|
|
609
|
-
|
|
610
579
|
Object.keys(_RadioCard).forEach(function (key) {
|
|
611
580
|
if (key === "default" || key === "__esModule") return;
|
|
612
581
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -618,23 +587,14 @@ Object.keys(_RadioCard).forEach(function (key) {
|
|
|
618
587
|
}
|
|
619
588
|
});
|
|
620
589
|
});
|
|
621
|
-
|
|
622
590
|
var _Responsive = _interopRequireDefault(require("./Responsive"));
|
|
623
|
-
|
|
624
591
|
var _Search = _interopRequireDefault(require("./Search"));
|
|
625
|
-
|
|
626
592
|
var _Select = _interopRequireDefault(require("./Select"));
|
|
627
|
-
|
|
628
593
|
var _SideNav = _interopRequireDefault(require("./SideNav"));
|
|
629
|
-
|
|
630
594
|
var _Skeleton = _interopRequireDefault(require("./Skeleton"));
|
|
631
|
-
|
|
632
595
|
var _SkipLink = _interopRequireDefault(require("./SkipLink"));
|
|
633
|
-
|
|
634
596
|
var _Spacer = _interopRequireDefault(require("./Spacer"));
|
|
635
|
-
|
|
636
597
|
var _StackView = _interopRequireWildcard(require("./StackView"));
|
|
637
|
-
|
|
638
598
|
Object.keys(_StackView).forEach(function (key) {
|
|
639
599
|
if (key === "default" || key === "__esModule") return;
|
|
640
600
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -646,15 +606,10 @@ Object.keys(_StackView).forEach(function (key) {
|
|
|
646
606
|
}
|
|
647
607
|
});
|
|
648
608
|
});
|
|
649
|
-
|
|
650
609
|
var _StepTracker = _interopRequireDefault(require("./StepTracker"));
|
|
651
|
-
|
|
652
610
|
var _Tabs = _interopRequireDefault(require("./Tabs"));
|
|
653
|
-
|
|
654
611
|
var _Tags = _interopRequireDefault(require("./Tags"));
|
|
655
|
-
|
|
656
612
|
var _TextInput = require("./TextInput");
|
|
657
|
-
|
|
658
613
|
Object.keys(_TextInput).forEach(function (key) {
|
|
659
614
|
if (key === "default" || key === "__esModule") return;
|
|
660
615
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -666,11 +621,8 @@ Object.keys(_TextInput).forEach(function (key) {
|
|
|
666
621
|
}
|
|
667
622
|
});
|
|
668
623
|
});
|
|
669
|
-
|
|
670
624
|
var _Timeline = _interopRequireDefault(require("./Timeline"));
|
|
671
|
-
|
|
672
625
|
var _ToggleSwitch = require("./ToggleSwitch");
|
|
673
|
-
|
|
674
626
|
Object.keys(_ToggleSwitch).forEach(function (key) {
|
|
675
627
|
if (key === "default" || key === "__esModule") return;
|
|
676
628
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -682,27 +634,16 @@ Object.keys(_ToggleSwitch).forEach(function (key) {
|
|
|
682
634
|
}
|
|
683
635
|
});
|
|
684
636
|
});
|
|
685
|
-
|
|
686
637
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
687
|
-
|
|
688
638
|
var _TooltipButton = _interopRequireDefault(require("./TooltipButton"));
|
|
689
|
-
|
|
690
639
|
var _Typography = _interopRequireDefault(require("./Typography"));
|
|
691
|
-
|
|
692
640
|
var _A11yInfoProvider = _interopRequireWildcard(require("./A11yInfoProvider"));
|
|
693
|
-
|
|
694
641
|
var _BaseProvider = _interopRequireDefault(require("./BaseProvider"));
|
|
695
|
-
|
|
696
642
|
var _HydrationContext = require("./BaseProvider/HydrationContext");
|
|
697
|
-
|
|
698
643
|
var _Validator = _interopRequireDefault(require("./Validator"));
|
|
699
|
-
|
|
700
644
|
var _ViewportProvider = _interopRequireWildcard(require("./ViewportProvider"));
|
|
701
|
-
|
|
702
645
|
var _ThemeProvider = _interopRequireWildcard(require("./ThemeProvider"));
|
|
703
|
-
|
|
704
646
|
var _utils = require("./utils");
|
|
705
|
-
|
|
706
647
|
Object.keys(_utils).forEach(function (key) {
|
|
707
648
|
if (key === "default" || key === "__esModule") return;
|
|
708
649
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -714,11 +655,7 @@ Object.keys(_utils).forEach(function (key) {
|
|
|
714
655
|
}
|
|
715
656
|
});
|
|
716
657
|
});
|
|
717
|
-
|
|
718
658
|
var _portal = require("@gorhom/portal");
|
|
719
|
-
|
|
720
659
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
721
|
-
|
|
722
660
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
723
|
-
|
|
724
661
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|