@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.
Files changed (484) hide show
  1. package/CHANGELOG.md +13 -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 +5 -37
  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 +215 -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 +7 -38
  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 +5 -23
  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 +205 -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 +7 -25
  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/CheckboxCardGroup/CheckboxCardGroup.jsx +230 -0
  481. package/src/CheckboxCardGroup/index.js +3 -0
  482. package/src/Modal/Modal.jsx +98 -5
  483. package/src/Modal/ModalContent.jsx +171 -0
  484. 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
- const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.htmlAttrs, _utils.inputSupportsProps, _utils.textInputHandlerProps, _utils.textInputProps]); // Returns JSX to display a bold string `str` with unbolded occurrences of the
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, // Add a piece of the string up to the first occurrence of the substring
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), // Add the rest of the string until the next occurrence or the end of it
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, { ...item,
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
- }); // The wrapped input is mostly responsible for controlled vs uncontrolled handling,
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
- const isControlled = value !== undefined; // We need to store current items for uncontrolled usage
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); // We need to store the current value as well to be able to highlight it
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
- }; // Setting up the overlay
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); // When it's nested, selected value
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); // We limit the number of suggestions displayed to avoid huge lists
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
- }); // Tracking input width changes to resize the listbox overlay accordingly
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 { ...item,
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, { ...supportsProps,
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 // This catches and shifts focus to other interactive elements.
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'; // If a language dictionary entry is provided, it must contain every key
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
- Autocomplete.propTypes = { ...selectedSystemPropTypes,
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
- }, []); // If we've got a HydrationProvider inside a HydrationProvider somehow, defer to the top one
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,