@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.
Files changed (486) hide show
  1. package/CHANGELOG.md +23 -3
  2. package/lib/A11yInfoProvider/index.js +5 -20
  3. package/lib/A11yText/index.js +3 -17
  4. package/lib/ActivityIndicator/Spinner.js +2 -9
  5. package/lib/ActivityIndicator/Spinner.native.js +4 -27
  6. package/lib/ActivityIndicator/index.js +1 -13
  7. package/lib/ActivityIndicator/shared.js +0 -3
  8. package/lib/Autocomplete/Autocomplete.js +34 -85
  9. package/lib/Autocomplete/Loading.js +0 -10
  10. package/lib/Autocomplete/Suggestions.js +0 -11
  11. package/lib/Autocomplete/index.js +0 -3
  12. package/lib/BaseProvider/HydrationContext.js +4 -18
  13. package/lib/BaseProvider/index.js +0 -12
  14. package/lib/Box/Box.js +10 -35
  15. package/lib/Box/index.js +0 -3
  16. package/lib/Button/Button.js +4 -13
  17. package/lib/Button/ButtonBase.js +23 -55
  18. package/lib/Button/ButtonDropdown.js +7 -32
  19. package/lib/Button/ButtonGroup.js +15 -48
  20. package/lib/Button/ButtonLink.js +3 -17
  21. package/lib/Button/index.js +0 -5
  22. package/lib/Button/propTypes.js +0 -15
  23. package/lib/Card/Card.js +3 -14
  24. package/lib/Card/CardBase.js +5 -16
  25. package/lib/Card/PressableCardBase.js +7 -30
  26. package/lib/Card/index.js +0 -7
  27. package/lib/Carousel/Carousel.js +22 -115
  28. package/lib/Carousel/CarouselContext.js +0 -14
  29. package/lib/Carousel/CarouselFirstFocus/CarouselFirstFocus.js +6 -18
  30. package/lib/Carousel/CarouselItem/CarouselItem.js +5 -20
  31. package/lib/Carousel/CarouselItem/index.js +0 -3
  32. package/lib/Carousel/CarouselStepTracker/CarouselStepTracker.js +0 -9
  33. package/lib/Carousel/CarouselStepTracker/index.js +0 -3
  34. package/lib/Carousel/CarouselTabs/CarouselTabs.js +5 -15
  35. package/lib/Carousel/CarouselTabs/CarouselTabsPanel.js +7 -16
  36. package/lib/Carousel/CarouselTabs/CarouselTabsPanelItem.js +2 -22
  37. package/lib/Carousel/CarouselTabs/index.js +0 -3
  38. package/lib/Carousel/CarouselThumbnail.js +1 -16
  39. package/lib/Carousel/CarouselThumbnailNavigation.js +0 -15
  40. package/lib/Carousel/index.js +0 -5
  41. package/lib/Checkbox/Checkbox.js +5 -44
  42. package/lib/Checkbox/CheckboxButton.js +7 -33
  43. package/lib/Checkbox/CheckboxGroup.js +14 -45
  44. package/lib/Checkbox/CheckboxInput.js +1 -11
  45. package/lib/Checkbox/CheckboxInput.native.js +0 -2
  46. package/lib/Checkbox/index.js +0 -4
  47. package/lib/CheckboxCard/CheckboxCard.js +4 -37
  48. package/lib/CheckboxCard/index.js +0 -3
  49. package/lib/CheckboxCardGroup/CheckboxCardGroup.js +216 -0
  50. package/lib/CheckboxCardGroup/index.js +10 -0
  51. package/lib/Divider/Divider.js +13 -24
  52. package/lib/Divider/index.js +0 -3
  53. package/lib/ExpandCollapse/Accordion.js +1 -9
  54. package/lib/ExpandCollapse/Control.js +10 -32
  55. package/lib/ExpandCollapse/ExpandCollapse.js +3 -19
  56. package/lib/ExpandCollapse/Panel.js +13 -38
  57. package/lib/ExpandCollapse/index.js +0 -5
  58. package/lib/Feedback/Feedback.js +13 -30
  59. package/lib/Feedback/index.js +0 -3
  60. package/lib/Fieldset/Fieldset.js +6 -37
  61. package/lib/Fieldset/FieldsetContainer.js +1 -10
  62. package/lib/Fieldset/FieldsetContainer.native.js +0 -8
  63. package/lib/Fieldset/Legend.js +1 -10
  64. package/lib/Fieldset/Legend.native.js +1 -13
  65. package/lib/Fieldset/index.js +0 -3
  66. package/lib/FlexGrid/Col/Col.js +10 -53
  67. package/lib/FlexGrid/Col/index.js +0 -3
  68. package/lib/FlexGrid/FlexGrid.js +3 -34
  69. package/lib/FlexGrid/Row/Row.js +0 -38
  70. package/lib/FlexGrid/Row/index.js +0 -3
  71. package/lib/FlexGrid/helpers/index.js +0 -4
  72. package/lib/FlexGrid/index.js +0 -3
  73. package/lib/FlexGrid/providers/GutterContext.js +0 -4
  74. package/lib/HorizontalScroll/HorizontalScroll.js +17 -45
  75. package/lib/HorizontalScroll/HorizontalScrollButton.js +1 -17
  76. package/lib/HorizontalScroll/ScrollViewEnd.js +5 -13
  77. package/lib/HorizontalScroll/ScrollViewEnd.native.js +1 -10
  78. package/lib/HorizontalScroll/index.js +0 -7
  79. package/lib/HorizontalScroll/itemPositions.js +8 -19
  80. package/lib/Icon/Icon.js +4 -17
  81. package/lib/Icon/IconText.js +5 -25
  82. package/lib/Icon/index.js +0 -6
  83. package/lib/IconButton/IconButton.js +5 -37
  84. package/lib/IconButton/index.js +0 -3
  85. package/lib/InputLabel/InputLabel.js +4 -28
  86. package/lib/InputLabel/LabelContent.js +2 -8
  87. package/lib/InputLabel/LabelContent.native.js +0 -8
  88. package/lib/InputLabel/index.js +0 -3
  89. package/lib/InputSupports/InputSupports.js +0 -21
  90. package/lib/InputSupports/index.js +0 -3
  91. package/lib/InputSupports/useInputSupports.js +2 -6
  92. package/lib/Link/ChevronLink.js +7 -18
  93. package/lib/Link/InlinePressable.js +0 -10
  94. package/lib/Link/InlinePressable.native.js +5 -18
  95. package/lib/Link/Link.js +0 -8
  96. package/lib/Link/LinkBase.js +17 -47
  97. package/lib/Link/TextButton.js +3 -16
  98. package/lib/Link/index.js +0 -5
  99. package/lib/List/List.js +5 -21
  100. package/lib/List/ListItem.js +1 -11
  101. package/lib/List/ListItemBase.js +5 -34
  102. package/lib/List/ListItemContent.js +1 -14
  103. package/lib/List/ListItemMark.js +3 -23
  104. package/lib/List/PressableListItemBase.js +2 -28
  105. package/lib/List/index.js +0 -4
  106. package/lib/Listbox/GroupControl.js +0 -14
  107. package/lib/Listbox/Listbox.js +15 -40
  108. package/lib/Listbox/ListboxContext.js +0 -7
  109. package/lib/Listbox/ListboxGroup.js +7 -19
  110. package/lib/Listbox/ListboxItem.js +3 -17
  111. package/lib/Listbox/ListboxOverlay.js +4 -20
  112. package/lib/Listbox/PressableItem.js +3 -18
  113. package/lib/Listbox/index.js +0 -3
  114. package/lib/Modal/Modal.js +94 -45
  115. package/lib/Modal/ModalContent.js +184 -0
  116. package/lib/Modal/index.js +0 -3
  117. package/lib/MultiSelectFilter/ModalOverlay.js +1 -20
  118. package/lib/MultiSelectFilter/MultiSelectFilter.js +20 -69
  119. package/lib/MultiSelectFilter/index.js +0 -3
  120. package/lib/Notification/Notification.js +11 -38
  121. package/lib/Notification/index.js +0 -3
  122. package/lib/Pagination/PageButton.js +2 -22
  123. package/lib/Pagination/Pagination.js +21 -42
  124. package/lib/Pagination/SideButton.js +0 -24
  125. package/lib/Pagination/index.js +0 -3
  126. package/lib/Pagination/usePagination.js +4 -9
  127. package/lib/Progress/Progress.js +3 -17
  128. package/lib/Progress/ProgressBar.js +3 -25
  129. package/lib/Progress/ProgressBarBackground.js +0 -12
  130. package/lib/Progress/index.js +0 -4
  131. package/lib/QuickLinks/QuickLinks.js +1 -18
  132. package/lib/QuickLinks/QuickLinksCard.js +1 -11
  133. package/lib/QuickLinks/QuickLinksItem.js +3 -17
  134. package/lib/QuickLinks/index.js +0 -4
  135. package/lib/QuickLinksFeature/QuickLinksFeature.js +3 -20
  136. package/lib/QuickLinksFeature/QuickLinksFeatureItem.js +7 -30
  137. package/lib/QuickLinksFeature/index.js +0 -4
  138. package/lib/Radio/Radio.js +5 -39
  139. package/lib/Radio/RadioButton.js +7 -26
  140. package/lib/Radio/RadioGroup.js +6 -39
  141. package/lib/Radio/RadioInput.js +1 -11
  142. package/lib/Radio/RadioInput.native.js +0 -2
  143. package/lib/Radio/index.js +0 -4
  144. package/lib/RadioCard/RadioCard.js +5 -38
  145. package/lib/RadioCard/RadioCardGroup.js +25 -40
  146. package/lib/RadioCard/index.js +0 -4
  147. package/lib/Responsive/Responsive.js +1 -14
  148. package/lib/Responsive/index.js +0 -3
  149. package/lib/Search/Search.js +22 -45
  150. package/lib/Search/index.js +0 -3
  151. package/lib/Select/Group.js +0 -8
  152. package/lib/Select/Group.native.js +0 -6
  153. package/lib/Select/Item.js +0 -7
  154. package/lib/Select/Item.native.js +0 -2
  155. package/lib/Select/Picker.js +0 -8
  156. package/lib/Select/Picker.native.js +6 -22
  157. package/lib/Select/Select.js +9 -52
  158. package/lib/Select/index.js +0 -5
  159. package/lib/SideNav/Item.js +5 -29
  160. package/lib/SideNav/ItemContent.js +1 -14
  161. package/lib/SideNav/ItemsGroup.js +9 -31
  162. package/lib/SideNav/SideNav.js +9 -33
  163. package/lib/SideNav/index.js +0 -2
  164. package/lib/Skeleton/Skeleton.js +10 -42
  165. package/lib/Skeleton/index.js +0 -3
  166. package/lib/Skeleton/skeletonWebAnimation.js +0 -2
  167. package/lib/Skeleton/useSkeletonNativeAnimation.js +1 -9
  168. package/lib/SkipLink/SkipLink.js +7 -27
  169. package/lib/SkipLink/index.js +0 -3
  170. package/lib/Spacer/Spacer.js +4 -20
  171. package/lib/Spacer/index.js +0 -3
  172. package/lib/StackView/StackView.js +3 -21
  173. package/lib/StackView/StackWrap.js +11 -21
  174. package/lib/StackView/StackWrap.native.js +0 -3
  175. package/lib/StackView/StackWrapBox.js +5 -21
  176. package/lib/StackView/StackWrapGap.js +1 -14
  177. package/lib/StackView/common.js +0 -6
  178. package/lib/StackView/getStackedContent.js +10 -21
  179. package/lib/StackView/index.js +0 -5
  180. package/lib/StepTracker/Step.js +3 -27
  181. package/lib/StepTracker/StepTracker.js +5 -32
  182. package/lib/StepTracker/index.js +0 -3
  183. package/lib/Tabs/Tabs.js +7 -30
  184. package/lib/Tabs/TabsItem.js +13 -38
  185. package/lib/Tabs/index.js +0 -3
  186. package/lib/Tags/Tags.js +9 -42
  187. package/lib/Tags/index.js +0 -3
  188. package/lib/TextInput/TextArea.js +11 -20
  189. package/lib/TextInput/TextInput.js +7 -16
  190. package/lib/TextInput/TextInputBase.js +12 -58
  191. package/lib/TextInput/index.js +0 -3
  192. package/lib/TextInput/propTypes.js +0 -8
  193. package/lib/ThemeProvider/ThemeProvider.js +10 -18
  194. package/lib/ThemeProvider/index.js +0 -9
  195. package/lib/ThemeProvider/useSetTheme.js +6 -9
  196. package/lib/ThemeProvider/useTheme.js +2 -7
  197. package/lib/ThemeProvider/useThemeTokens.js +1 -9
  198. package/lib/ThemeProvider/utils/index.js +0 -4
  199. package/lib/ThemeProvider/utils/styles.js +14 -35
  200. package/lib/ThemeProvider/utils/theme-tokens.js +15 -43
  201. package/lib/Timeline/Timeline.js +11 -27
  202. package/lib/Timeline/index.js +0 -3
  203. package/lib/ToggleSwitch/ToggleSwitch.js +12 -43
  204. package/lib/ToggleSwitch/ToggleSwitchGroup.js +4 -38
  205. package/lib/ToggleSwitch/index.js +0 -3
  206. package/lib/Tooltip/Backdrop.js +4 -11
  207. package/lib/Tooltip/Backdrop.native.js +1 -14
  208. package/lib/Tooltip/Tooltip.js +9 -37
  209. package/lib/Tooltip/Tooltip.native.js +14 -45
  210. package/lib/Tooltip/getTooltipPosition.js +26 -31
  211. package/lib/Tooltip/index.js +0 -5
  212. package/lib/Tooltip/shared.js +0 -10
  213. package/lib/TooltipButton/TooltipButton.js +5 -20
  214. package/lib/TooltipButton/index.js +0 -3
  215. package/lib/Typography/Typography.js +15 -38
  216. package/lib/Typography/index.js +0 -3
  217. package/lib/Validator/Validator.js +10 -58
  218. package/lib/Validator/index.js +0 -3
  219. package/lib/ViewportProvider/ViewportProvider.js +1 -13
  220. package/lib/ViewportProvider/index.js +0 -5
  221. package/lib/ViewportProvider/useViewport.js +0 -4
  222. package/lib/ViewportProvider/useViewportListener.js +3 -12
  223. package/lib/index.js +8 -71
  224. package/lib/utils/BaseView/BaseView.js +3 -17
  225. package/lib/utils/BaseView/BaseView.native.js +0 -3
  226. package/lib/utils/BaseView/index.js +0 -3
  227. package/lib/utils/a11y/index.js +0 -4
  228. package/lib/utils/a11y/semantics.js +14 -32
  229. package/lib/utils/a11y/textSize.js +1 -8
  230. package/lib/utils/animation/index.js +0 -2
  231. package/lib/utils/animation/useVerticalExpandAnimation.js +5 -18
  232. package/lib/utils/children.js +16 -28
  233. package/lib/utils/containUniqueFields.js +2 -5
  234. package/lib/utils/floating-ui/index.js +0 -1
  235. package/lib/utils/floating-ui/index.native.js +0 -1
  236. package/lib/utils/hasOwnProperty.js +0 -1
  237. package/lib/utils/htmlAttrs.js +2 -4
  238. package/lib/utils/index.js +0 -31
  239. package/lib/utils/info/index.js +0 -4
  240. package/lib/utils/info/platform/index.js +0 -4
  241. package/lib/utils/info/versions.js +0 -3
  242. package/lib/utils/input.js +12 -24
  243. package/lib/utils/pressability.js +7 -21
  244. package/lib/utils/props/a11yProps.js +19 -25
  245. package/lib/utils/props/clickProps.js +0 -4
  246. package/lib/utils/props/componentPropType.js +0 -14
  247. package/lib/utils/props/copyPropTypes.js +0 -4
  248. package/lib/utils/props/getPropSelector.js +11 -12
  249. package/lib/utils/props/handlerProps.js +2 -23
  250. package/lib/utils/props/hrefAttrsProp.js +0 -4
  251. package/lib/utils/props/index.js +0 -22
  252. package/lib/utils/props/inputSupportsProps.js +0 -9
  253. package/lib/utils/props/linkProps.js +2 -12
  254. package/lib/utils/props/paddingProp.js +0 -3
  255. package/lib/utils/props/pressProps.js +2 -8
  256. package/lib/utils/props/rectProp.js +0 -3
  257. package/lib/utils/props/responsiveProps.js +1 -5
  258. package/lib/utils/props/selectSystemProps.js +4 -6
  259. package/lib/utils/props/spacingProps.js +3 -10
  260. package/lib/utils/props/textInputProps.js +10 -31
  261. package/lib/utils/props/textProps.js +6 -11
  262. package/lib/utils/props/tokens.js +7 -26
  263. package/lib/utils/props/variantProp.js +0 -3
  264. package/lib/utils/props/viewProps.js +0 -5
  265. package/lib/utils/ssr.js +13 -33
  266. package/lib/utils/useCopy.js +3 -6
  267. package/lib/utils/useHash.js +5 -10
  268. package/lib/utils/useHash.native.js +0 -2
  269. package/lib/utils/useOverlaidPosition.js +6 -29
  270. package/lib/utils/useResponsiveProp.js +6 -13
  271. package/lib/utils/useSafeLayoutEffect.js +5 -10
  272. package/lib/utils/useScrollBlocking.js +3 -11
  273. package/lib/utils/useScrollBlocking.native.js +0 -2
  274. package/lib/utils/useSpacingScale.js +5 -8
  275. package/lib/utils/useUniqueId.js +0 -4
  276. package/lib/utils/withLinkRouter.js +13 -18
  277. package/lib-module/A11yInfoProvider/index.js +5 -9
  278. package/lib-module/A11yText/index.js +3 -4
  279. package/lib-module/ActivityIndicator/Spinner.js +2 -2
  280. package/lib-module/ActivityIndicator/Spinner.native.js +4 -6
  281. package/lib-module/ActivityIndicator/index.js +1 -5
  282. package/lib-module/ActivityIndicator/shared.js +2 -1
  283. package/lib-module/Autocomplete/Autocomplete.js +34 -59
  284. package/lib-module/Autocomplete/Loading.js +0 -2
  285. package/lib-module/BaseProvider/HydrationContext.js +4 -7
  286. package/lib-module/BaseProvider/index.js +0 -3
  287. package/lib-module/Box/Box.js +10 -24
  288. package/lib-module/Button/Button.js +4 -2
  289. package/lib-module/Button/ButtonBase.js +23 -35
  290. package/lib-module/Button/ButtonDropdown.js +7 -16
  291. package/lib-module/Button/ButtonGroup.js +15 -32
  292. package/lib-module/Button/ButtonLink.js +3 -2
  293. package/lib-module/Button/propTypes.js +0 -7
  294. package/lib-module/Card/Card.js +3 -2
  295. package/lib-module/Card/CardBase.js +5 -4
  296. package/lib-module/Card/PressableCardBase.js +7 -11
  297. package/lib-module/Carousel/Carousel.js +22 -60
  298. package/lib-module/Carousel/CarouselContext.js +0 -5
  299. package/lib-module/Carousel/CarouselFirstFocus/CarouselFirstFocus.js +7 -5
  300. package/lib-module/Carousel/CarouselItem/CarouselItem.js +5 -11
  301. package/lib-module/Carousel/CarouselStepTracker/CarouselStepTracker.js +0 -2
  302. package/lib-module/Carousel/CarouselTabs/CarouselTabs.js +3 -4
  303. package/lib-module/Carousel/CarouselTabs/CarouselTabsPanel.js +7 -6
  304. package/lib-module/Carousel/CarouselTabs/CarouselTabsPanelItem.js +2 -10
  305. package/lib-module/Carousel/CarouselThumbnail.js +1 -7
  306. package/lib-module/Carousel/CarouselThumbnailNavigation.js +0 -2
  307. package/lib-module/Checkbox/Checkbox.js +5 -23
  308. package/lib-module/Checkbox/CheckboxButton.js +7 -17
  309. package/lib-module/Checkbox/CheckboxGroup.js +14 -31
  310. package/lib-module/Checkbox/CheckboxInput.js +1 -3
  311. package/lib-module/Checkbox/CheckboxInput.native.js +0 -1
  312. package/lib-module/CheckboxCard/CheckboxCard.js +4 -21
  313. package/lib-module/CheckboxCardGroup/CheckboxCardGroup.js +206 -0
  314. package/lib-module/CheckboxCardGroup/index.js +2 -0
  315. package/lib-module/Divider/Divider.js +13 -11
  316. package/lib-module/ExpandCollapse/Accordion.js +1 -1
  317. package/lib-module/ExpandCollapse/Control.js +10 -17
  318. package/lib-module/ExpandCollapse/ExpandCollapse.js +3 -9
  319. package/lib-module/ExpandCollapse/Panel.js +13 -23
  320. package/lib-module/Feedback/Feedback.js +13 -16
  321. package/lib-module/Fieldset/Fieldset.js +6 -25
  322. package/lib-module/Fieldset/FieldsetContainer.js +1 -1
  323. package/lib-module/Fieldset/FieldsetContainer.native.js +0 -1
  324. package/lib-module/Fieldset/Legend.js +1 -1
  325. package/lib-module/Fieldset/Legend.native.js +1 -1
  326. package/lib-module/FlexGrid/Col/Col.js +10 -37
  327. package/lib-module/FlexGrid/FlexGrid.js +3 -17
  328. package/lib-module/FlexGrid/Row/Row.js +0 -25
  329. package/lib-module/FlexGrid/helpers/index.js +0 -3
  330. package/lib-module/HorizontalScroll/HorizontalScroll.js +17 -27
  331. package/lib-module/HorizontalScroll/HorizontalScrollButton.js +1 -3
  332. package/lib-module/HorizontalScroll/ScrollViewEnd.js +5 -4
  333. package/lib-module/HorizontalScroll/ScrollViewEnd.native.js +0 -1
  334. package/lib-module/HorizontalScroll/itemPositions.js +11 -10
  335. package/lib-module/Icon/Icon.js +4 -8
  336. package/lib-module/Icon/IconText.js +6 -17
  337. package/lib-module/IconButton/IconButton.js +7 -20
  338. package/lib-module/InputLabel/InputLabel.js +4 -13
  339. package/lib-module/InputLabel/LabelContent.js +2 -1
  340. package/lib-module/InputLabel/LabelContent.native.js +0 -1
  341. package/lib-module/InputSupports/InputSupports.js +0 -9
  342. package/lib-module/InputSupports/useInputSupports.js +2 -4
  343. package/lib-module/Link/ChevronLink.js +7 -7
  344. package/lib-module/Link/InlinePressable.js +0 -2
  345. package/lib-module/Link/InlinePressable.native.js +4 -12
  346. package/lib-module/Link/LinkBase.js +17 -25
  347. package/lib-module/Link/TextButton.js +3 -5
  348. package/lib-module/List/List.js +5 -9
  349. package/lib-module/List/ListItem.js +1 -1
  350. package/lib-module/List/ListItemBase.js +5 -17
  351. package/lib-module/List/ListItemContent.js +1 -4
  352. package/lib-module/List/ListItemMark.js +3 -16
  353. package/lib-module/List/PressableListItemBase.js +2 -6
  354. package/lib-module/Listbox/GroupControl.js +0 -2
  355. package/lib-module/Listbox/Listbox.js +15 -23
  356. package/lib-module/Listbox/ListboxContext.js +0 -2
  357. package/lib-module/Listbox/ListboxGroup.js +6 -4
  358. package/lib-module/Listbox/ListboxItem.js +2 -1
  359. package/lib-module/Listbox/ListboxOverlay.js +3 -4
  360. package/lib-module/Listbox/PressableItem.js +2 -7
  361. package/lib-module/Modal/Modal.js +94 -25
  362. package/lib-module/Modal/ModalContent.js +175 -0
  363. package/lib-module/MultiSelectFilter/ModalOverlay.js +1 -4
  364. package/lib-module/MultiSelectFilter/MultiSelectFilter.js +20 -42
  365. package/lib-module/Notification/Notification.js +11 -22
  366. package/lib-module/Pagination/PageButton.js +2 -6
  367. package/lib-module/Pagination/Pagination.js +21 -21
  368. package/lib-module/Pagination/SideButton.js +3 -8
  369. package/lib-module/Pagination/usePagination.js +4 -8
  370. package/lib-module/Progress/Progress.js +3 -7
  371. package/lib-module/Progress/ProgressBar.js +3 -11
  372. package/lib-module/Progress/ProgressBarBackground.js +0 -2
  373. package/lib-module/QuickLinks/QuickLinks.js +1 -6
  374. package/lib-module/QuickLinks/QuickLinksCard.js +1 -3
  375. package/lib-module/QuickLinks/QuickLinksItem.js +3 -2
  376. package/lib-module/QuickLinksFeature/QuickLinksFeature.js +5 -9
  377. package/lib-module/QuickLinksFeature/QuickLinksFeatureItem.js +9 -13
  378. package/lib-module/Radio/Radio.js +5 -22
  379. package/lib-module/Radio/RadioButton.js +8 -10
  380. package/lib-module/Radio/RadioGroup.js +6 -25
  381. package/lib-module/Radio/RadioInput.js +1 -3
  382. package/lib-module/Radio/RadioInput.native.js +0 -1
  383. package/lib-module/RadioCard/RadioCard.js +5 -21
  384. package/lib-module/RadioCard/RadioCardGroup.js +25 -27
  385. package/lib-module/Responsive/Responsive.js +1 -6
  386. package/lib-module/Search/Search.js +22 -31
  387. package/lib-module/Select/Group.js +0 -3
  388. package/lib-module/Select/Group.native.js +0 -3
  389. package/lib-module/Select/Item.js +0 -3
  390. package/lib-module/Select/Item.native.js +0 -1
  391. package/lib-module/Select/Picker.native.js +8 -10
  392. package/lib-module/Select/Select.js +10 -35
  393. package/lib-module/SideNav/Item.js +5 -16
  394. package/lib-module/SideNav/ItemContent.js +1 -2
  395. package/lib-module/SideNav/ItemsGroup.js +9 -19
  396. package/lib-module/SideNav/SideNav.js +9 -22
  397. package/lib-module/Skeleton/Skeleton.js +10 -25
  398. package/lib-module/Skeleton/skeletonWebAnimation.js +0 -1
  399. package/lib-module/Skeleton/useSkeletonNativeAnimation.js +1 -3
  400. package/lib-module/SkipLink/SkipLink.js +7 -9
  401. package/lib-module/Spacer/Spacer.js +4 -7
  402. package/lib-module/StackView/StackView.js +3 -7
  403. package/lib-module/StackView/StackWrap.js +13 -13
  404. package/lib-module/StackView/StackWrap.native.js +2 -1
  405. package/lib-module/StackView/StackWrapBox.js +5 -8
  406. package/lib-module/StackView/StackWrapGap.js +1 -1
  407. package/lib-module/StackView/getStackedContent.js +10 -10
  408. package/lib-module/StepTracker/Step.js +3 -14
  409. package/lib-module/StepTracker/StepTracker.js +5 -13
  410. package/lib-module/Tabs/Tabs.js +7 -16
  411. package/lib-module/Tabs/TabsItem.js +13 -16
  412. package/lib-module/Tags/Tags.js +9 -26
  413. package/lib-module/TextInput/TextArea.js +11 -8
  414. package/lib-module/TextInput/TextInput.js +7 -5
  415. package/lib-module/TextInput/TextInputBase.js +13 -39
  416. package/lib-module/TextInput/propTypes.js +3 -7
  417. package/lib-module/ThemeProvider/ThemeProvider.js +10 -9
  418. package/lib-module/ThemeProvider/useSetTheme.js +6 -7
  419. package/lib-module/ThemeProvider/useTheme.js +2 -5
  420. package/lib-module/ThemeProvider/useThemeTokens.js +1 -2
  421. package/lib-module/ThemeProvider/utils/styles.js +15 -27
  422. package/lib-module/ThemeProvider/utils/theme-tokens.js +15 -20
  423. package/lib-module/Timeline/Timeline.js +11 -17
  424. package/lib-module/ToggleSwitch/ToggleSwitch.js +13 -26
  425. package/lib-module/ToggleSwitch/ToggleSwitchGroup.js +4 -23
  426. package/lib-module/Tooltip/Backdrop.js +4 -7
  427. package/lib-module/Tooltip/Backdrop.native.js +1 -4
  428. package/lib-module/Tooltip/Tooltip.js +9 -18
  429. package/lib-module/Tooltip/Tooltip.native.js +14 -23
  430. package/lib-module/Tooltip/getTooltipPosition.js +26 -30
  431. package/lib-module/Tooltip/shared.js +0 -6
  432. package/lib-module/TooltipButton/TooltipButton.js +5 -8
  433. package/lib-module/Typography/Typography.js +14 -22
  434. package/lib-module/Validator/Validator.js +10 -42
  435. package/lib-module/ViewportProvider/ViewportProvider.js +1 -3
  436. package/lib-module/ViewportProvider/useViewportListener.js +6 -8
  437. package/lib-module/index.js +1 -0
  438. package/lib-module/utils/BaseView/BaseView.js +3 -4
  439. package/lib-module/utils/BaseView/BaseView.native.js +0 -1
  440. package/lib-module/utils/a11y/semantics.js +14 -27
  441. package/lib-module/utils/a11y/textSize.js +1 -2
  442. package/lib-module/utils/animation/useVerticalExpandAnimation.js +8 -11
  443. package/lib-module/utils/children.js +17 -19
  444. package/lib-module/utils/containUniqueFields.js +2 -4
  445. package/lib-module/utils/htmlAttrs.js +2 -1
  446. package/lib-module/utils/info/index.js +2 -1
  447. package/lib-module/utils/info/platform/index.js +4 -1
  448. package/lib-module/utils/info/versions.js +2 -1
  449. package/lib-module/utils/input.js +11 -19
  450. package/lib-module/utils/pressability.js +8 -7
  451. package/lib-module/utils/props/a11yProps.js +22 -20
  452. package/lib-module/utils/props/clickProps.js +0 -1
  453. package/lib-module/utils/props/componentPropType.js +0 -13
  454. package/lib-module/utils/props/getPropSelector.js +12 -8
  455. package/lib-module/utils/props/handlerProps.js +2 -19
  456. package/lib-module/utils/props/hrefAttrsProp.js +2 -2
  457. package/lib-module/utils/props/inputSupportsProps.js +0 -6
  458. package/lib-module/utils/props/linkProps.js +2 -3
  459. package/lib-module/utils/props/pressProps.js +2 -2
  460. package/lib-module/utils/props/responsiveProps.js +1 -3
  461. package/lib-module/utils/props/selectSystemProps.js +4 -5
  462. package/lib-module/utils/props/spacingProps.js +4 -3
  463. package/lib-module/utils/props/textInputProps.js +13 -27
  464. package/lib-module/utils/props/textProps.js +9 -7
  465. package/lib-module/utils/props/tokens.js +10 -13
  466. package/lib-module/utils/props/variantProp.js +1 -1
  467. package/lib-module/utils/props/viewProps.js +0 -1
  468. package/lib-module/utils/ssr.js +14 -18
  469. package/lib-module/utils/useCopy.js +3 -5
  470. package/lib-module/utils/useHash.js +5 -9
  471. package/lib-module/utils/useHash.native.js +0 -1
  472. package/lib-module/utils/useOverlaidPosition.js +6 -25
  473. package/lib-module/utils/useResponsiveProp.js +6 -7
  474. package/lib-module/utils/useSafeLayoutEffect.js +5 -7
  475. package/lib-module/utils/useScrollBlocking.js +3 -10
  476. package/lib-module/utils/useSpacingScale.js +4 -4
  477. package/lib-module/utils/useUniqueId.js +0 -2
  478. package/lib-module/utils/withLinkRouter.js +13 -10
  479. package/package.json +2 -2
  480. package/src/Checkbox/CheckboxGroup.jsx +10 -8
  481. package/src/CheckboxCardGroup/CheckboxCardGroup.jsx +231 -0
  482. package/src/CheckboxCardGroup/index.js +3 -0
  483. package/src/Modal/Modal.jsx +98 -5
  484. package/src/Modal/ModalContent.jsx +171 -0
  485. package/src/RadioCard/RadioCardGroup.jsx +23 -2
  486. package/src/index.js +1 -0
@@ -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
- setIndividualCodes({ ...individualCodes,
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, { ...codeInputProps
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, { ...supportsProps,
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 = { ...selectedSystemPropTypes,
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
@@ -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(); // From RN 0.65.0, Dimensions.removeEventListener is deprecated for `remove` on addEventListener return value
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 }; }