@telus-uds/components-base 1.66.0 → 1.67.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/CHANGELOG.md +13 -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 +5 -37
- 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 +215 -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 +7 -38
- 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 +5 -23
- 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 +205 -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 +7 -25
- 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/CheckboxCardGroup/CheckboxCardGroup.jsx +230 -0
- package/src/CheckboxCardGroup/index.js +3 -0
- package/src/Modal/Modal.jsx +98 -5
- package/src/Modal/ModalContent.jsx +171 -0
- package/src/index.js +1 -0
|
@@ -4,52 +4,30 @@ 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 _Dimensions = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Dimensions"));
|
|
13
|
-
|
|
14
10
|
var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
|
|
15
|
-
|
|
16
11
|
var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
|
|
17
|
-
|
|
18
12
|
var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
|
|
19
|
-
|
|
20
13
|
var _lodash = _interopRequireDefault(require("lodash.throttle"));
|
|
21
|
-
|
|
22
14
|
var _stringPrototype = _interopRequireDefault(require("string.prototype.matchall"));
|
|
23
|
-
|
|
24
15
|
var _utils = require("../utils");
|
|
25
|
-
|
|
26
16
|
var _ThemeProvider = require("../ThemeProvider");
|
|
27
|
-
|
|
28
17
|
var _Listbox = _interopRequireDefault(require("../Listbox"));
|
|
29
|
-
|
|
30
18
|
var _Typography = _interopRequireDefault(require("../Typography"));
|
|
31
|
-
|
|
32
19
|
var _TextInput = require("../TextInput");
|
|
33
|
-
|
|
34
20
|
var _InputSupports = _interopRequireDefault(require("../InputSupports"));
|
|
35
|
-
|
|
36
21
|
var _Loading = _interopRequireDefault(require("./Loading"));
|
|
37
|
-
|
|
38
22
|
var _Suggestions = _interopRequireDefault(require("./Suggestions"));
|
|
39
|
-
|
|
40
23
|
var _constants = require("./constants");
|
|
41
|
-
|
|
42
24
|
var _dictionary = _interopRequireDefault(require("./dictionary"));
|
|
43
|
-
|
|
44
25
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
45
|
-
|
|
46
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
47
|
-
|
|
48
27
|
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); }
|
|
49
|
-
|
|
50
28
|
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; }
|
|
51
|
-
|
|
52
29
|
/* eslint-disable react/require-default-props */
|
|
30
|
+
|
|
53
31
|
const staticStyles = _StyleSheet.default.create({
|
|
54
32
|
container: {
|
|
55
33
|
zIndex: 100,
|
|
@@ -59,10 +37,10 @@ const staticStyles = _StyleSheet.default.create({
|
|
|
59
37
|
flexShrink: 0
|
|
60
38
|
}
|
|
61
39
|
});
|
|
40
|
+
const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.htmlAttrs, _utils.inputSupportsProps, _utils.textInputHandlerProps, _utils.textInputProps]);
|
|
62
41
|
|
|
63
|
-
|
|
42
|
+
// Returns JSX to display a bold string `str` with unbolded occurrences of the
|
|
64
43
|
// `substring` based in the array of `matchIndexes` provided
|
|
65
|
-
|
|
66
44
|
const highlightAllMatches = function (str) {
|
|
67
45
|
let substring = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
68
46
|
let matchIndexes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
@@ -77,7 +55,8 @@ const highlightAllMatches = function (str) {
|
|
|
77
55
|
tokens: {
|
|
78
56
|
color: resultsTextColor
|
|
79
57
|
},
|
|
80
|
-
children: matchIndexes.reduce((acc, matchIndex, index) => [...acc,
|
|
58
|
+
children: matchIndexes.reduce((acc, matchIndex, index) => [...acc,
|
|
59
|
+
// Add a piece of the string up to the first occurrence of the substring
|
|
81
60
|
index === 0 && (str.slice(0, matchIndex) ?? ''),
|
|
82
61
|
/*#__PURE__*/
|
|
83
62
|
// Unbold the occurrence of the substring (while keeping the original casing)
|
|
@@ -89,39 +68,35 @@ const highlightAllMatches = function (str) {
|
|
|
89
68
|
color: resultsTextColor
|
|
90
69
|
},
|
|
91
70
|
children: str.slice(matchIndex, matchIndex + substring.length)
|
|
92
|
-
}, matchIndex),
|
|
71
|
+
}, matchIndex),
|
|
72
|
+
// Add the rest of the string until the next occurrence or the end of it
|
|
93
73
|
str.slice(matchIndex + substring.length, matchIndexes[index + 1] ?? str.length)], [])
|
|
94
74
|
})
|
|
95
75
|
);
|
|
96
76
|
};
|
|
97
|
-
|
|
98
77
|
const highlight = function () {
|
|
99
78
|
let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
100
79
|
let text = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
101
80
|
let color = arguments.length > 2 ? arguments[2] : undefined;
|
|
102
81
|
return items.reduce((acc, item) => {
|
|
103
82
|
var _Array$from;
|
|
104
|
-
|
|
105
83
|
const matches = (_Array$from = Array.from((0, _stringPrototype.default)(item.label.toLowerCase(), text.toLowerCase().replace(/[/\-\\^$*+?.()|[\]{}]/g, '\\$&')))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(_ref => {
|
|
106
84
|
let {
|
|
107
85
|
index
|
|
108
86
|
} = _ref;
|
|
109
87
|
return index;
|
|
110
88
|
});
|
|
111
|
-
|
|
112
89
|
if (matches !== null && matches !== void 0 && matches.length) {
|
|
113
|
-
return [...acc, {
|
|
90
|
+
return [...acc, {
|
|
91
|
+
...item,
|
|
114
92
|
label: highlightAllMatches(item.label, text, matches, color)
|
|
115
93
|
}];
|
|
116
94
|
}
|
|
117
|
-
|
|
118
95
|
return [...acc, item];
|
|
119
96
|
}, []);
|
|
120
97
|
};
|
|
121
|
-
|
|
122
98
|
const Autocomplete = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
123
99
|
var _ref3;
|
|
124
|
-
|
|
125
100
|
let {
|
|
126
101
|
children,
|
|
127
102
|
copy = 'en',
|
|
@@ -146,27 +121,31 @@ const Autocomplete = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
146
121
|
color: resultsTextColor
|
|
147
122
|
} = (0, _ThemeProvider.useThemeTokens)('Search', {}, {
|
|
148
123
|
focus: true
|
|
149
|
-
});
|
|
124
|
+
});
|
|
125
|
+
// The wrapped input is mostly responsible for controlled vs uncontrolled handling,
|
|
150
126
|
// but we also need to adjust suggestions based on the mode:
|
|
151
127
|
// - in controlled mode we rely entirely on the suggestions passed via the `items` prop,
|
|
152
128
|
// - in uncontrolled mode we filter the suggestions ourselves based on the `initialItems`
|
|
153
129
|
// prop and the text entered
|
|
130
|
+
const isControlled = value !== undefined;
|
|
154
131
|
|
|
155
|
-
|
|
156
|
-
|
|
132
|
+
// We need to store current items for uncontrolled usage
|
|
157
133
|
const [currentItems, setCurrentItems] = (0, _react.useState)(initialItems);
|
|
158
|
-
const [otherItems, setOtherItems] = (0, _react.useState)(items);
|
|
134
|
+
const [otherItems, setOtherItems] = (0, _react.useState)(items);
|
|
159
135
|
|
|
136
|
+
// We need to store the current value as well to be able to highlight it
|
|
160
137
|
const [currentValue, setCurrentValue] = (0, _react.useState)(value ?? initialValue);
|
|
161
138
|
const inputTokens = {
|
|
162
139
|
paddingLeft: _constants.INPUT_LEFT_PADDING
|
|
163
|
-
};
|
|
140
|
+
};
|
|
164
141
|
|
|
142
|
+
// Setting up the overlay
|
|
165
143
|
const openOverlayRef = (0, _react.useRef)();
|
|
166
144
|
const [isExpanded, setIsExpanded] = (0, _react.useState)(((_ref3 = value ?? initialValue) === null || _ref3 === void 0 ? void 0 : _ref3.length) >= minToSuggestion);
|
|
167
145
|
const [isFocused, setisFocused] = (0, _react.useState)(false);
|
|
168
|
-
const [sourceLayout, setSourceLayout] = (0, _react.useState)(null);
|
|
146
|
+
const [sourceLayout, setSourceLayout] = (0, _react.useState)(null);
|
|
169
147
|
|
|
148
|
+
// When it's nested, selected value
|
|
170
149
|
const [nestedSelectedValue, setNestedSelectedValue] = (0, _react.useState)(null);
|
|
171
150
|
const {
|
|
172
151
|
supportsProps,
|
|
@@ -189,28 +168,25 @@ const Autocomplete = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
189
168
|
vertical: _Platform.default.OS !== 'web' && (hint || inputLabel) ? 28 : 4
|
|
190
169
|
}
|
|
191
170
|
});
|
|
192
|
-
const targetRef = (0, _react.useRef)(null);
|
|
171
|
+
const targetRef = (0, _react.useRef)(null);
|
|
172
|
+
// We limit the number of suggestions displayed to avoid huge lists
|
|
193
173
|
// TODO: add a way to make the `Listbox` occupy fixed height and be scrollable
|
|
194
174
|
// within that height, which will unlock similar behaviour for `AutoComplete` as well
|
|
195
|
-
|
|
196
175
|
const itemsToSuggest = function () {
|
|
197
176
|
let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
198
177
|
return maxSuggestions ? data.slice(0, maxSuggestions) : [...data];
|
|
199
178
|
};
|
|
200
|
-
|
|
201
179
|
const getCopy = (0, _utils.useCopy)({
|
|
202
180
|
dictionary: _dictionary.default,
|
|
203
181
|
copy
|
|
204
|
-
});
|
|
205
|
-
|
|
182
|
+
});
|
|
183
|
+
// Tracking input width changes to resize the listbox overlay accordingly
|
|
206
184
|
const [inputWidth, setInputWidth] = (0, _react.useState)();
|
|
207
185
|
(0, _utils.useSafeLayoutEffect)(() => {
|
|
208
186
|
if (_Platform.default.OS === 'web') {
|
|
209
187
|
const updateInputWidth = () => {
|
|
210
188
|
var _inputRef$current;
|
|
211
|
-
|
|
212
189
|
setInputWidth((inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.clientWidth) + 4); // adding back all the input borders / outlines
|
|
213
|
-
|
|
214
190
|
setIsExpanded(false); // close the suggestions while the input is changing
|
|
215
191
|
};
|
|
216
192
|
|
|
@@ -218,39 +194,30 @@ const Autocomplete = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
218
194
|
leading: false
|
|
219
195
|
});
|
|
220
196
|
updateInputWidth();
|
|
221
|
-
|
|
222
197
|
_Dimensions.default.addEventListener('change', throttledUpdateInputWidth);
|
|
223
|
-
|
|
224
198
|
return () => {
|
|
225
199
|
_Dimensions.default.removeEventListener('change', throttledUpdateInputWidth);
|
|
226
200
|
};
|
|
227
201
|
}
|
|
228
|
-
|
|
229
202
|
setInputWidth(sourceLayout === null || sourceLayout === void 0 ? void 0 : sourceLayout.width);
|
|
230
203
|
return () => {};
|
|
231
204
|
}, [inputRef, sourceLayout]);
|
|
232
|
-
|
|
233
205
|
const handleMeasure = event => {
|
|
234
206
|
onTargetLayout(event);
|
|
235
|
-
|
|
236
207
|
if (_Platform.default.OS !== 'web') {
|
|
237
208
|
var _inputRef$current2;
|
|
238
|
-
|
|
239
209
|
inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.measureInWindow((x, y, width) => {
|
|
240
210
|
setInputWidth(width);
|
|
241
211
|
});
|
|
242
212
|
}
|
|
243
213
|
};
|
|
244
|
-
|
|
245
214
|
const handleChange = newValue => {
|
|
246
215
|
onChange === null || onChange === void 0 ? void 0 : onChange(newValue || '');
|
|
247
216
|
setCurrentValue(newValue);
|
|
248
217
|
setIsExpanded((newValue === null || newValue === void 0 ? void 0 : newValue.length) >= minToSuggestion);
|
|
249
|
-
|
|
250
218
|
if (!isControlled && initialItems !== undefined) {
|
|
251
219
|
setCurrentItems(initialItems.filter(_ref4 => {
|
|
252
220
|
var _label$toLowerCase;
|
|
253
|
-
|
|
254
221
|
let {
|
|
255
222
|
label
|
|
256
223
|
} = _ref4;
|
|
@@ -258,10 +225,8 @@ const Autocomplete = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
258
225
|
}));
|
|
259
226
|
}
|
|
260
227
|
};
|
|
261
|
-
|
|
262
228
|
const handleSelect = selectedId => {
|
|
263
229
|
var _ref5;
|
|
264
|
-
|
|
265
230
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedId);
|
|
266
231
|
const {
|
|
267
232
|
label: newValue,
|
|
@@ -274,25 +239,22 @@ const Autocomplete = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
274
239
|
return id === selectedId;
|
|
275
240
|
});
|
|
276
241
|
if (title) return;
|
|
277
|
-
|
|
278
242
|
if (!nested) {
|
|
279
243
|
setNestedSelectedValue(null);
|
|
280
244
|
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
281
245
|
setIsExpanded(false);
|
|
282
246
|
}
|
|
283
|
-
|
|
284
247
|
setCurrentValue(newValue);
|
|
285
248
|
if (!isControlled && inputRef !== null && inputRef !== void 0 && inputRef.current) inputRef.current.value = newValue;
|
|
286
249
|
if (nested) setNestedSelectedValue(newValue);
|
|
287
250
|
};
|
|
251
|
+
|
|
288
252
|
/**
|
|
289
253
|
* When an item that is nested equal "true" is selected this useEffect is executed.
|
|
290
254
|
* The nested item is added to the item list at the top, the if validates it doesn't exist
|
|
291
255
|
* within the list, if doesn't exist the nested item is added to the top of the list,
|
|
292
256
|
* the nested item is added with an id equal "0"
|
|
293
257
|
*/
|
|
294
|
-
|
|
295
|
-
|
|
296
258
|
(0, _react.useEffect)(() => {
|
|
297
259
|
if (nestedSelectedValue && !items.find(item => item.id === 0)) {
|
|
298
260
|
const tmpItems = [...items];
|
|
@@ -302,16 +264,15 @@ const Autocomplete = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
302
264
|
id: 0
|
|
303
265
|
});
|
|
304
266
|
setOtherItems(tmpItems.map(item => {
|
|
305
|
-
return {
|
|
267
|
+
return {
|
|
268
|
+
...item,
|
|
306
269
|
nestedChild: item.id !== 0
|
|
307
270
|
};
|
|
308
271
|
}));
|
|
309
272
|
}
|
|
310
273
|
}, [nestedSelectedValue, items]);
|
|
311
|
-
|
|
312
274
|
const handleClose = event => {
|
|
313
275
|
var _openOverlayRef$curre, _openOverlayRef$curre2;
|
|
314
|
-
|
|
315
276
|
if (event.type === 'keydown') {
|
|
316
277
|
if (event.key === 'Escape' || event.key === 27) {
|
|
317
278
|
setIsExpanded(false);
|
|
@@ -329,12 +290,12 @@ const Autocomplete = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
329
290
|
setNestedSelectedValue(null);
|
|
330
291
|
}
|
|
331
292
|
};
|
|
332
|
-
|
|
333
293
|
const itemsToShow = currentValue ? itemsToSuggest(highlight(isControlled ? items : currentItems, currentValue, resultsTextColor)) : [];
|
|
334
294
|
const helpTextToShow = isFocused && !currentValue ? helpText : noResults ?? getCopy('noResults');
|
|
335
295
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
|
|
336
296
|
style: staticStyles.container,
|
|
337
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputSupports.default, {
|
|
297
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputSupports.default, {
|
|
298
|
+
...supportsProps,
|
|
338
299
|
accessibilityAutoComplete: "list",
|
|
339
300
|
accessibilityControls: "autocomplete",
|
|
340
301
|
accessibilityExpanded: isExpanded,
|
|
@@ -408,11 +369,11 @@ const Autocomplete = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
408
369
|
parentRef: inputRef,
|
|
409
370
|
ref: targetRef
|
|
410
371
|
})
|
|
411
|
-
}), (targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default
|
|
372
|
+
}), (targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default
|
|
373
|
+
// This catches and shifts focus to other interactive elements.
|
|
412
374
|
, {
|
|
413
375
|
onFocus: () => {
|
|
414
376
|
var _targetRef$current;
|
|
415
|
-
|
|
416
377
|
return targetRef === null || targetRef === void 0 ? void 0 : (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.focus();
|
|
417
378
|
},
|
|
418
379
|
tabIndex: 0
|
|
@@ -420,16 +381,16 @@ const Autocomplete = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
|
|
|
420
381
|
})]
|
|
421
382
|
});
|
|
422
383
|
});
|
|
423
|
-
Autocomplete.displayName = 'Autocomplete';
|
|
384
|
+
Autocomplete.displayName = 'Autocomplete';
|
|
424
385
|
|
|
386
|
+
// If a language dictionary entry is provided, it must contain every key
|
|
425
387
|
const dictionaryContentShape = _propTypes.default.shape({
|
|
426
388
|
hasResults: _propTypes.default.string.isRequired,
|
|
427
389
|
loading: _propTypes.default.string.isRequired,
|
|
428
390
|
noResults: _propTypes.default.string.isRequired
|
|
429
391
|
});
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
392
|
+
Autocomplete.propTypes = {
|
|
393
|
+
...selectedSystemPropTypes,
|
|
433
394
|
/**
|
|
434
395
|
* Can be used to provide a function that renders a custom input:
|
|
435
396
|
* <Autocomplete items={items} value={currentValue}>
|
|
@@ -447,17 +408,14 @@ Autocomplete.propTypes = { ...selectedSystemPropTypes,
|
|
|
447
408
|
* </Autocomplete>
|
|
448
409
|
*/
|
|
449
410
|
children: _propTypes.default.func,
|
|
450
|
-
|
|
451
411
|
/**
|
|
452
412
|
* Copy language identifier
|
|
453
413
|
*/
|
|
454
414
|
copy: _propTypes.default.oneOfType([_propTypes.default.oneOf(['en', 'fr']), dictionaryContentShape]),
|
|
455
|
-
|
|
456
415
|
/**
|
|
457
416
|
* Set to true in order to display the loading indicator instead of results
|
|
458
417
|
*/
|
|
459
418
|
isLoading: _propTypes.default.bool,
|
|
460
|
-
|
|
461
419
|
/**
|
|
462
420
|
* List of items to display as suggestions
|
|
463
421
|
*/
|
|
@@ -465,47 +423,38 @@ Autocomplete.propTypes = { ...selectedSystemPropTypes,
|
|
|
465
423
|
id: _propTypes.default.string,
|
|
466
424
|
label: _propTypes.default.string
|
|
467
425
|
})),
|
|
468
|
-
|
|
469
426
|
/**
|
|
470
427
|
* Label to display alongside the spinner when in a loading state
|
|
471
428
|
*/
|
|
472
429
|
loadingLabel: _propTypes.default.string,
|
|
473
|
-
|
|
474
430
|
/**
|
|
475
431
|
* Minimum number of characters typed for a list of suggestions to appear
|
|
476
432
|
*/
|
|
477
433
|
minToSuggestion: _propTypes.default.number,
|
|
478
|
-
|
|
479
434
|
/**
|
|
480
435
|
* Maximum number of suggestions provided at the same time
|
|
481
436
|
*/
|
|
482
437
|
maxSuggestions: _propTypes.default.number,
|
|
483
|
-
|
|
484
438
|
/**
|
|
485
439
|
* Text or JSX to render when no results are available
|
|
486
440
|
*/
|
|
487
441
|
noResults: _propTypes.default.node,
|
|
488
|
-
|
|
489
442
|
/**
|
|
490
443
|
* Help text to display when the input is focused and empty
|
|
491
444
|
*/
|
|
492
445
|
helpText: _propTypes.default.string,
|
|
493
|
-
|
|
494
446
|
/**
|
|
495
447
|
* Handler function to be called when the input value changes
|
|
496
448
|
*/
|
|
497
449
|
onChange: _propTypes.default.func,
|
|
498
|
-
|
|
499
450
|
/**
|
|
500
451
|
* Handler function to be called when the clear button (appears if the handler is passed) is pressed
|
|
501
452
|
*/
|
|
502
453
|
onClear: _propTypes.default.func,
|
|
503
|
-
|
|
504
454
|
/**
|
|
505
455
|
* Callback function to be called when an item is selected from the list
|
|
506
456
|
*/
|
|
507
457
|
onSelect: _propTypes.default.func,
|
|
508
|
-
|
|
509
458
|
/**
|
|
510
459
|
* Input value for controlled usage
|
|
511
460
|
*/
|
|
@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _ActivityIndicator = _interopRequireDefault(require("../ActivityIndicator"));
|
|
13
|
-
|
|
14
10
|
var _Typography = _interopRequireDefault(require("../Typography"));
|
|
15
|
-
|
|
16
11
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
17
|
-
|
|
18
12
|
var _StackView = _interopRequireDefault(require("../StackView"));
|
|
19
|
-
|
|
20
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
15
|
const Loading = _ref => {
|
|
25
16
|
let {
|
|
26
17
|
label
|
|
@@ -43,7 +34,6 @@ const Loading = _ref => {
|
|
|
43
34
|
})
|
|
44
35
|
});
|
|
45
36
|
};
|
|
46
|
-
|
|
47
37
|
Loading.propTypes = {
|
|
48
38
|
label: _propTypes.default.string
|
|
49
39
|
};
|
|
@@ -4,27 +4,16 @@ 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 _A11yText = _interopRequireDefault(require("../A11yText"));
|
|
13
|
-
|
|
14
10
|
var _Typography = _interopRequireDefault(require("../Typography"));
|
|
15
|
-
|
|
16
11
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
17
|
-
|
|
18
12
|
var _Listbox = _interopRequireDefault(require("../Listbox"));
|
|
19
|
-
|
|
20
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
15
|
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); }
|
|
25
|
-
|
|
26
16
|
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; }
|
|
27
|
-
|
|
28
17
|
const Suggestions = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
29
18
|
let {
|
|
30
19
|
hasResults,
|
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _Autocomplete = _interopRequireDefault(require("./Autocomplete"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Autocomplete.default;
|
|
13
10
|
exports.default = _default;
|
|
@@ -4,33 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useHydrationContext = exports.default = exports.HydrationProvider = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
|
|
13
|
-
|
|
14
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
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); }
|
|
19
|
-
|
|
20
13
|
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; }
|
|
21
|
-
|
|
22
14
|
const HydrationContext = /*#__PURE__*/(0, _react.createContext)();
|
|
23
15
|
const isSSR = typeof window === 'undefined';
|
|
24
|
-
|
|
25
16
|
const hasWebStyleTag = () => {
|
|
26
17
|
var _document;
|
|
27
|
-
|
|
28
18
|
if (isSSR || _Platform.default.OS !== 'web' || typeof document !== 'object') {
|
|
29
19
|
return false;
|
|
30
20
|
}
|
|
31
|
-
|
|
32
21
|
return Boolean((_document = document) === null || _document === void 0 ? void 0 : _document.getElementById('react-native-stylesheet'));
|
|
33
22
|
};
|
|
23
|
+
|
|
34
24
|
/**
|
|
35
25
|
* Returns true if this render cycle is the hydration of existing SSR content.
|
|
36
26
|
*
|
|
@@ -38,17 +28,13 @@ const hasWebStyleTag = () => {
|
|
|
38
28
|
* during the very first client-side render or hydration, but not available on the server,
|
|
39
29
|
* to ensure no changes happen until the original SSR DOM has been hydrated.
|
|
40
30
|
*/
|
|
41
|
-
|
|
42
|
-
|
|
43
31
|
const useHydrationContext = () => (0, _react.useContext)(HydrationContext);
|
|
32
|
+
|
|
44
33
|
/**
|
|
45
34
|
* Allows components and hooks to observe if SSR hydration is currently in progress
|
|
46
35
|
* and if so, to re-render with content that differs to the server when it is complete.
|
|
47
36
|
*/
|
|
48
|
-
|
|
49
|
-
|
|
50
37
|
exports.useHydrationContext = useHydrationContext;
|
|
51
|
-
|
|
52
38
|
const HydrationProvider = _ref => {
|
|
53
39
|
let {
|
|
54
40
|
children
|
|
@@ -56,8 +42,9 @@ const HydrationProvider = _ref => {
|
|
|
56
42
|
const [hasMounted, setHasMounted] = (0, _react.useState)(false);
|
|
57
43
|
(0, _react.useEffect)(() => {
|
|
58
44
|
setHasMounted(true);
|
|
59
|
-
}, []);
|
|
45
|
+
}, []);
|
|
60
46
|
|
|
47
|
+
// If we've got a HydrationProvider inside a HydrationProvider somehow, defer to the top one
|
|
61
48
|
const valueFromAncestor = useHydrationContext();
|
|
62
49
|
const isHydrating = valueFromAncestor ?? Boolean(!hasMounted && hasWebStyleTag());
|
|
63
50
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(HydrationContext.Provider, {
|
|
@@ -65,7 +52,6 @@ const HydrationProvider = _ref => {
|
|
|
65
52
|
children: children
|
|
66
53
|
});
|
|
67
54
|
};
|
|
68
|
-
|
|
69
55
|
exports.HydrationProvider = HydrationProvider;
|
|
70
56
|
HydrationProvider.propTypes = {
|
|
71
57
|
children: _propTypes.default.node
|
|
@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _portal = require("@gorhom/portal");
|
|
13
|
-
|
|
14
10
|
var _A11yInfoProvider = _interopRequireDefault(require("../A11yInfoProvider"));
|
|
15
|
-
|
|
16
11
|
var _ViewportProvider = _interopRequireDefault(require("../ViewportProvider"));
|
|
17
|
-
|
|
18
12
|
var _ThemeProvider = _interopRequireDefault(require("../ThemeProvider"));
|
|
19
|
-
|
|
20
13
|
var _HydrationContext = require("./HydrationContext");
|
|
21
|
-
|
|
22
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
23
|
-
|
|
24
15
|
var _ThemeProvider$propTy;
|
|
25
|
-
|
|
26
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
-
|
|
28
17
|
const BaseProvider = _ref => {
|
|
29
18
|
let {
|
|
30
19
|
defaultTheme,
|
|
@@ -45,7 +34,6 @@ const BaseProvider = _ref => {
|
|
|
45
34
|
})
|
|
46
35
|
});
|
|
47
36
|
};
|
|
48
|
-
|
|
49
37
|
BaseProvider.propTypes = {
|
|
50
38
|
children: _propTypes.default.node.isRequired,
|
|
51
39
|
defaultTheme: (_ThemeProvider$propTy = _ThemeProvider.default.propTypes) === null || _ThemeProvider$propTy === void 0 ? void 0 : _ThemeProvider$propTy.defaultTheme,
|