@workday/canvas-kit-react 9.0.0-alpha.368-next.6 → 9.0.0-alpha.382-next.2

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 (602) hide show
  1. package/action-bar/lib/ActionBarList.tsx +2 -2
  2. package/banner/lib/hooks/index.ts +2 -0
  3. package/banner/lib/hooks/useThemedPalette.ts +3 -3
  4. package/common/lib/theming/README.md +97 -0
  5. package/common/lib/theming/index.ts +1 -1
  6. package/common/lib/theming/useTheme.ts +79 -22
  7. package/common/lib/theming/useThemedRing.ts +114 -0
  8. package/common/lib/utils/colorUtils.ts +20 -7
  9. package/common/lib/utils/components.ts +4 -0
  10. package/common/lib/utils/memoize.ts +1 -1
  11. package/dist/commonjs/action-bar/lib/ActionBar.js +8 -9
  12. package/dist/commonjs/action-bar/lib/ActionBarItem.js +7 -18
  13. package/dist/commonjs/action-bar/lib/ActionBarList.js +13 -38
  14. package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.js +13 -24
  15. package/dist/commonjs/action-bar/lib/useActionBarModel.js +39 -38
  16. package/dist/commonjs/avatar/lib/Avatar.js +52 -74
  17. package/dist/commonjs/badge/lib/CountBadge.js +23 -43
  18. package/dist/commonjs/banner/lib/Banner.js +32 -48
  19. package/dist/commonjs/banner/lib/BannerActionText.js +7 -30
  20. package/dist/commonjs/banner/lib/BannerIcon.js +9 -31
  21. package/dist/commonjs/banner/lib/BannerLabel.js +6 -29
  22. package/dist/commonjs/banner/lib/hooks/index.d.ts +2 -0
  23. package/dist/commonjs/banner/lib/hooks/index.d.ts.map +1 -1
  24. package/dist/commonjs/banner/lib/hooks/index.js +3 -0
  25. package/dist/commonjs/banner/lib/hooks/useBanner.js +5 -6
  26. package/dist/commonjs/banner/lib/hooks/useBannerActionText.js +4 -5
  27. package/dist/commonjs/banner/lib/hooks/useBannerIcon.js +6 -7
  28. package/dist/commonjs/banner/lib/hooks/useBannerLabel.js +4 -5
  29. package/dist/commonjs/banner/lib/hooks/useBannerModel.js +8 -16
  30. package/dist/commonjs/banner/lib/hooks/useThemedPalette.d.ts +1 -1
  31. package/dist/commonjs/banner/lib/hooks/useThemedPalette.d.ts.map +1 -1
  32. package/dist/commonjs/banner/lib/hooks/useThemedPalette.js +11 -11
  33. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.js +12 -35
  34. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.js +14 -37
  35. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.js +14 -39
  36. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.js +15 -36
  37. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.js +10 -33
  38. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.js +7 -19
  39. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.js +15 -38
  40. package/dist/commonjs/breadcrumbs/lib/hooks/useBreadcrumbsModel.js +38 -37
  41. package/dist/commonjs/breadcrumbs/lib/hooks/utils/index.js +4 -4
  42. package/dist/commonjs/button/lib/BaseButton.js +128 -78
  43. package/dist/commonjs/button/lib/DeleteButton.js +27 -58
  44. package/dist/commonjs/button/lib/ExternalHyperlink.js +25 -39
  45. package/dist/commonjs/button/lib/Hyperlink.js +9 -34
  46. package/dist/commonjs/button/lib/PrimaryButton.js +9 -32
  47. package/dist/commonjs/button/lib/SecondaryButton.js +9 -32
  48. package/dist/commonjs/button/lib/TertiaryButton.js +23 -49
  49. package/dist/commonjs/button/lib/ToolbarDropdownButton.js +13 -39
  50. package/dist/commonjs/button/lib/ToolbarIconButton.js +16 -43
  51. package/dist/commonjs/button/lib/deprecated_Button.js +51 -54
  52. package/dist/commonjs/button/lib/parts/ButtonLabel.js +6 -29
  53. package/dist/commonjs/button/lib/parts/ButtonLabelIcon.js +7 -30
  54. package/dist/commonjs/card/lib/Card.js +8 -31
  55. package/dist/commonjs/card/lib/CardBody.js +6 -29
  56. package/dist/commonjs/card/lib/CardHeading.js +5 -28
  57. package/dist/commonjs/checkbox/lib/Checkbox.js +120 -129
  58. package/dist/commonjs/collection/lib/ListBox.js +11 -34
  59. package/dist/commonjs/collection/lib/react-virtual.js +2 -2
  60. package/dist/commonjs/collection/lib/useBaseListModel.js +57 -61
  61. package/dist/commonjs/collection/lib/useCursorListModel.js +98 -130
  62. package/dist/commonjs/collection/lib/useGridModel.js +14 -32
  63. package/dist/commonjs/collection/lib/useListItemRegister.js +16 -18
  64. package/dist/commonjs/collection/lib/useListItemRovingFocus.js +35 -40
  65. package/dist/commonjs/collection/lib/useListItemSelect.js +6 -8
  66. package/dist/commonjs/collection/lib/useListModel.js +2 -2
  67. package/dist/commonjs/collection/lib/useListRenderItem.js +9 -9
  68. package/dist/commonjs/collection/lib/useListResetCursorOnBlur.js +9 -10
  69. package/dist/commonjs/collection/lib/useOverflowListItemMeasure.js +10 -11
  70. package/dist/commonjs/collection/lib/useOverflowListMeasure.js +8 -8
  71. package/dist/commonjs/collection/lib/useOverflowListModel.js +61 -56
  72. package/dist/commonjs/collection/lib/useOverflowListTarget.js +10 -10
  73. package/dist/commonjs/collection/lib/useSelectionListModel.js +31 -37
  74. package/dist/commonjs/color-picker/lib/ColorInput.js +45 -81
  75. package/dist/commonjs/color-picker/lib/ColorPreview.js +7 -32
  76. package/dist/commonjs/color-picker/lib/parts/ColorSwatch.js +15 -43
  77. package/dist/commonjs/common/lib/CanvasProvider.js +15 -57
  78. package/dist/commonjs/common/lib/EllipsisText.js +6 -18
  79. package/dist/commonjs/common/lib/InputProvider.js +73 -93
  80. package/dist/commonjs/common/lib/parts/_brand-assets.js +6 -6
  81. package/dist/commonjs/common/lib/responsive/useResponsiveContainerStyles.js +22 -49
  82. package/dist/commonjs/common/lib/styles/errorRing.js +11 -10
  83. package/dist/commonjs/common/lib/styles/focusRing.js +19 -21
  84. package/dist/commonjs/common/lib/styles/hideMouseFocus.js +13 -9
  85. package/dist/commonjs/common/lib/theming/breakpoints.js +10 -10
  86. package/dist/commonjs/common/lib/theming/createCanvasTheme.js +36 -65
  87. package/dist/commonjs/common/lib/theming/getObjectProxy.js +3 -3
  88. package/dist/commonjs/common/lib/theming/index.d.ts +1 -1
  89. package/dist/commonjs/common/lib/theming/index.d.ts.map +1 -1
  90. package/dist/commonjs/common/lib/theming/index.js +1 -1
  91. package/dist/commonjs/common/lib/theming/styled.js +10 -14
  92. package/dist/commonjs/common/lib/theming/theme.js +3 -3
  93. package/dist/commonjs/common/lib/theming/useIsRTL.js +5 -5
  94. package/dist/commonjs/common/lib/theming/useTheme.d.ts +49 -5
  95. package/dist/commonjs/common/lib/theming/useTheme.d.ts.map +1 -1
  96. package/dist/commonjs/common/lib/theming/useTheme.js +82 -37
  97. package/dist/commonjs/common/lib/theming/useThemedRing.d.ts +43 -0
  98. package/dist/commonjs/common/lib/theming/useThemedRing.d.ts.map +1 -0
  99. package/dist/commonjs/common/lib/theming/useThemedRing.js +100 -0
  100. package/dist/commonjs/common/lib/utils/changeFocus.js +3 -3
  101. package/dist/commonjs/common/lib/utils/colorUtils.d.ts +7 -0
  102. package/dist/commonjs/common/lib/utils/colorUtils.d.ts.map +1 -1
  103. package/dist/commonjs/common/lib/utils/colorUtils.js +28 -15
  104. package/dist/commonjs/common/lib/utils/components.d.ts +3 -1
  105. package/dist/commonjs/common/lib/utils/components.d.ts.map +1 -1
  106. package/dist/commonjs/common/lib/utils/components.js +46 -89
  107. package/dist/commonjs/common/lib/utils/deepMerge.js +4 -4
  108. package/dist/commonjs/common/lib/utils/elements.js +16 -16
  109. package/dist/commonjs/common/lib/utils/getTranslateFromOrigin.js +2 -2
  110. package/dist/commonjs/common/lib/utils/isWithinBreakpoint.js +1 -1
  111. package/dist/commonjs/common/lib/utils/makeMq.js +4 -4
  112. package/dist/commonjs/common/lib/utils/memoize.d.ts +1 -1
  113. package/dist/commonjs/common/lib/utils/memoize.d.ts.map +1 -1
  114. package/dist/commonjs/common/lib/utils/memoize.js +4 -8
  115. package/dist/commonjs/common/lib/utils/mergeCallback.js +1 -5
  116. package/dist/commonjs/common/lib/utils/mergeProps.js +5 -16
  117. package/dist/commonjs/common/lib/utils/models.js +48 -70
  118. package/dist/commonjs/common/lib/utils/useConstant.js +2 -2
  119. package/dist/commonjs/common/lib/utils/useIsFullscreen.js +7 -7
  120. package/dist/commonjs/common/lib/utils/useModalityType.js +9 -9
  121. package/dist/commonjs/common/lib/utils/useMount.js +3 -3
  122. package/dist/commonjs/common/lib/utils/useResizeObserver.js +9 -21
  123. package/dist/commonjs/common/lib/utils/useUniqueId.js +8 -8
  124. package/dist/commonjs/common/lib/utils/useWindowSize.js +10 -10
  125. package/dist/commonjs/dialog/lib/Dialog.js +7 -8
  126. package/dist/commonjs/dialog/lib/DialogCard.js +6 -17
  127. package/dist/commonjs/dialog/lib/DialogPopper.js +9 -32
  128. package/dist/commonjs/dialog/lib/hooks/useDialogCard.js +4 -5
  129. package/dist/commonjs/dialog/lib/hooks/useDialogModel.js +4 -4
  130. package/dist/commonjs/dialog/lib/hooks/useDialogPopper.js +4 -5
  131. package/dist/commonjs/disclosure/lib/useDisclosureModel.js +12 -12
  132. package/dist/commonjs/form-field/lib/FormField.js +41 -84
  133. package/dist/commonjs/form-field/lib/Hint.js +13 -47
  134. package/dist/commonjs/form-field/lib/Label.js +43 -86
  135. package/dist/commonjs/icon/lib/AccentIcon.d.ts +3 -2
  136. package/dist/commonjs/icon/lib/AccentIcon.d.ts.map +1 -1
  137. package/dist/commonjs/icon/lib/AccentIcon.js +15 -41
  138. package/dist/commonjs/icon/lib/AppletIcon.js +16 -40
  139. package/dist/commonjs/icon/lib/Graphic.js +9 -33
  140. package/dist/commonjs/icon/lib/Icon.js +12 -31
  141. package/dist/commonjs/icon/lib/Svg.js +11 -34
  142. package/dist/commonjs/icon/lib/SystemIcon.d.ts.map +1 -1
  143. package/dist/commonjs/icon/lib/SystemIcon.js +36 -63
  144. package/dist/commonjs/icon/lib/SystemIconCircle.d.ts +2 -1
  145. package/dist/commonjs/icon/lib/SystemIconCircle.d.ts.map +1 -1
  146. package/dist/commonjs/icon/lib/SystemIconCircle.js +18 -47
  147. package/dist/commonjs/icon/lib/utils.d.ts +0 -2
  148. package/dist/commonjs/icon/lib/utils.d.ts.map +1 -1
  149. package/dist/commonjs/icon/lib/utils.js +2 -10
  150. package/dist/commonjs/layout/lib/Box.js +26 -51
  151. package/dist/commonjs/layout/lib/Flex.js +8 -31
  152. package/dist/commonjs/layout/lib/Grid.js +11 -35
  153. package/dist/commonjs/layout/lib/utils/background.js +1 -1
  154. package/dist/commonjs/layout/lib/utils/border/color.js +1 -1
  155. package/dist/commonjs/layout/lib/utils/border/index.js +20 -24
  156. package/dist/commonjs/layout/lib/utils/border/lineStyle.js +1 -1
  157. package/dist/commonjs/layout/lib/utils/border/radius.js +1 -1
  158. package/dist/commonjs/layout/lib/utils/border/shorthand.js +1 -1
  159. package/dist/commonjs/layout/lib/utils/border/width.js +1 -1
  160. package/dist/commonjs/layout/lib/utils/buildStyleFns.js +40 -43
  161. package/dist/commonjs/layout/lib/utils/color.js +1 -1
  162. package/dist/commonjs/layout/lib/utils/depth.js +1 -1
  163. package/dist/commonjs/layout/lib/utils/flex.js +1 -1
  164. package/dist/commonjs/layout/lib/utils/flexItem.js +1 -1
  165. package/dist/commonjs/layout/lib/utils/getValidChildren.js +2 -4
  166. package/dist/commonjs/layout/lib/utils/grid.js +1 -1
  167. package/dist/commonjs/layout/lib/utils/gridItem.js +1 -1
  168. package/dist/commonjs/layout/lib/utils/layout.js +1 -1
  169. package/dist/commonjs/layout/lib/utils/other.js +1 -1
  170. package/dist/commonjs/layout/lib/utils/position.d.ts +4 -0
  171. package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -1
  172. package/dist/commonjs/layout/lib/utils/position.js +6 -1
  173. package/dist/commonjs/layout/lib/utils/space.js +1 -1
  174. package/dist/commonjs/layout/lib/utils/text.js +1 -1
  175. package/dist/commonjs/loading-dots/lib/LoadingDots.js +20 -42
  176. package/dist/commonjs/menu/lib/Menu.js +10 -11
  177. package/dist/commonjs/menu/lib/MenuCard.js +14 -26
  178. package/dist/commonjs/menu/lib/MenuContextTarget.js +9 -32
  179. package/dist/commonjs/menu/lib/MenuDivider.js +9 -20
  180. package/dist/commonjs/menu/lib/MenuItem.js +77 -86
  181. package/dist/commonjs/menu/lib/MenuList.js +8 -31
  182. package/dist/commonjs/menu/lib/MenuPopper.js +6 -29
  183. package/dist/commonjs/menu/lib/MenuTarget.js +11 -35
  184. package/dist/commonjs/menu/lib/useMenuModel.js +22 -24
  185. package/dist/commonjs/modal/lib/Modal.js +10 -10
  186. package/dist/commonjs/modal/lib/ModalBody.js +13 -26
  187. package/dist/commonjs/modal/lib/ModalCard.js +13 -27
  188. package/dist/commonjs/modal/lib/ModalHeading.js +13 -26
  189. package/dist/commonjs/modal/lib/ModalOverflowOverlay.js +8 -19
  190. package/dist/commonjs/modal/lib/ModalOverlay.js +39 -52
  191. package/dist/commonjs/modal/lib/hooks/useCloseOnOverlayClick.js +17 -17
  192. package/dist/commonjs/modal/lib/hooks/useModalCard.js +3 -3
  193. package/dist/commonjs/modal/lib/hooks/useModalHeading.js +7 -7
  194. package/dist/commonjs/modal/lib/hooks/useModalModel.js +5 -5
  195. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js +15 -36
  196. package/dist/commonjs/pagination/lib/Pagination/Controls.js +37 -63
  197. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.js +11 -34
  198. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.js +7 -30
  199. package/dist/commonjs/pagination/lib/Pagination/GoTo/TextInput.js +7 -18
  200. package/dist/commonjs/pagination/lib/Pagination/GoTo/useGoToForm.js +12 -13
  201. package/dist/commonjs/pagination/lib/Pagination/Nav.js +4 -15
  202. package/dist/commonjs/pagination/lib/Pagination/PageButton.js +15 -39
  203. package/dist/commonjs/pagination/lib/Pagination/PageList.js +10 -34
  204. package/dist/commonjs/pagination/lib/Pagination/Pagination.js +15 -37
  205. package/dist/commonjs/pagination/lib/Pagination/buildPageRange.js +9 -15
  206. package/dist/commonjs/pagination/lib/Pagination/common/List.js +8 -32
  207. package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.js +8 -26
  208. package/dist/commonjs/pagination/lib/Pagination/common/utils/getValidChildren.js +2 -4
  209. package/dist/commonjs/pagination/lib/Pagination/common/utils/useRTL.js +5 -5
  210. package/dist/commonjs/pagination/lib/Pagination/usePaginationModel.js +31 -31
  211. package/dist/commonjs/popup/lib/Popper.js +34 -56
  212. package/dist/commonjs/popup/lib/Popup.js +11 -12
  213. package/dist/commonjs/popup/lib/PopupBody.js +6 -17
  214. package/dist/commonjs/popup/lib/PopupCard.js +33 -55
  215. package/dist/commonjs/popup/lib/PopupCloseButton.js +6 -29
  216. package/dist/commonjs/popup/lib/PopupCloseIcon.js +8 -31
  217. package/dist/commonjs/popup/lib/PopupHeading.js +6 -29
  218. package/dist/commonjs/popup/lib/PopupPopper.js +6 -29
  219. package/dist/commonjs/popup/lib/PopupTarget.js +6 -17
  220. package/dist/commonjs/popup/lib/getTransformFromPlacement.js +6 -6
  221. package/dist/commonjs/popup/lib/hooks/focus-trap-js.js +23 -27
  222. package/dist/commonjs/popup/lib/hooks/useAlwaysCloseOnOutsideClick.js +9 -9
  223. package/dist/commonjs/popup/lib/hooks/useAssistiveHideSiblings.js +14 -17
  224. package/dist/commonjs/popup/lib/hooks/useBringToTopOnClick.js +11 -11
  225. package/dist/commonjs/popup/lib/hooks/useCloseOnEscape.js +9 -9
  226. package/dist/commonjs/popup/lib/hooks/useCloseOnFullscreenExit.js +9 -9
  227. package/dist/commonjs/popup/lib/hooks/useCloseOnOutsideClick.js +12 -12
  228. package/dist/commonjs/popup/lib/hooks/useCloseOnTargetHidden.js +12 -12
  229. package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.js +10 -10
  230. package/dist/commonjs/popup/lib/hooks/useFocusRedirect.js +10 -10
  231. package/dist/commonjs/popup/lib/hooks/useFocusTrap.js +9 -9
  232. package/dist/commonjs/popup/lib/hooks/useInitialFocus.js +10 -10
  233. package/dist/commonjs/popup/lib/hooks/usePopupCard.js +3 -4
  234. package/dist/commonjs/popup/lib/hooks/usePopupCloseButton.js +3 -4
  235. package/dist/commonjs/popup/lib/hooks/usePopupHeading.js +3 -4
  236. package/dist/commonjs/popup/lib/hooks/usePopupModel.js +29 -34
  237. package/dist/commonjs/popup/lib/hooks/usePopupPopper.js +8 -9
  238. package/dist/commonjs/popup/lib/hooks/usePopupStack.js +15 -15
  239. package/dist/commonjs/popup/lib/hooks/usePopupTarget.js +5 -6
  240. package/dist/commonjs/popup/lib/hooks/usePopupTargetContext.js +5 -6
  241. package/dist/commonjs/popup/lib/hooks/useReturnFocus.js +19 -19
  242. package/dist/commonjs/popup/lib/hooks/useTransferOnFullscreenEnter.js +10 -10
  243. package/dist/commonjs/popup/lib/hooks/useTransferOnFullscreenExit.js +10 -10
  244. package/dist/commonjs/radio/lib/Radio.js +113 -133
  245. package/dist/commonjs/radio/lib/RadioGroup.js +33 -78
  246. package/dist/commonjs/segmented-control/lib/SegmentedControl.js +7 -30
  247. package/dist/commonjs/segmented-control/lib/SegmentedControlButton.js +40 -61
  248. package/dist/commonjs/select/lib/Select.js +47 -64
  249. package/dist/commonjs/select/lib/SelectOption.js +6 -48
  250. package/dist/commonjs/side-panel/lib/SidePanel.js +60 -122
  251. package/dist/commonjs/skeleton/lib/parts/skeletonHeader.js +5 -30
  252. package/dist/commonjs/skeleton/lib/parts/skeletonShape.js +12 -40
  253. package/dist/commonjs/skeleton/lib/parts/skeletonText.js +12 -38
  254. package/dist/commonjs/skeleton/lib/skeleton.js +15 -40
  255. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +28 -61
  256. package/dist/commonjs/switch/lib/Switch.js +55 -65
  257. package/dist/commonjs/table/lib/Table.js +10 -52
  258. package/dist/commonjs/table/lib/TableRow.js +40 -67
  259. package/dist/commonjs/tabs/lib/Tabs.js +11 -12
  260. package/dist/commonjs/tabs/lib/TabsItem.d.ts +1 -1
  261. package/dist/commonjs/tabs/lib/TabsItem.js +81 -86
  262. package/dist/commonjs/tabs/lib/TabsList.js +25 -51
  263. package/dist/commonjs/tabs/lib/TabsMenuPopper.js +6 -29
  264. package/dist/commonjs/tabs/lib/TabsOverflowButton.js +12 -35
  265. package/dist/commonjs/tabs/lib/TabsPanel.js +17 -42
  266. package/dist/commonjs/tabs/lib/TabsPanels.js +5 -6
  267. package/dist/commonjs/tabs/lib/useTabsModel.js +44 -43
  268. package/dist/commonjs/testing/lib/ComponentStatesTable.js +11 -20
  269. package/dist/commonjs/testing/lib/StaticStates.js +10 -34
  270. package/dist/commonjs/testing/lib/permutateProps.js +13 -26
  271. package/dist/commonjs/text/lib/LabelText.js +6 -29
  272. package/dist/commonjs/text/lib/Text.js +13 -39
  273. package/dist/commonjs/text/lib/TypeLevelComponents.js +15 -41
  274. package/dist/commonjs/text-area/lib/TextArea.js +42 -55
  275. package/dist/commonjs/text-input/lib/InputIconContainer.js +11 -17
  276. package/dist/commonjs/text-input/lib/TextInput.js +38 -51
  277. package/dist/commonjs/toast/lib/Toast.js +13 -36
  278. package/dist/commonjs/toast/lib/ToastBody.js +5 -28
  279. package/dist/commonjs/toast/lib/ToastCloseIcon.js +5 -16
  280. package/dist/commonjs/toast/lib/ToastIcon.js +5 -16
  281. package/dist/commonjs/toast/lib/ToastLink.js +5 -28
  282. package/dist/commonjs/toast/lib/ToastMessage.js +6 -29
  283. package/dist/commonjs/toast/lib/hooks/useToastModel.js +8 -16
  284. package/dist/commonjs/tokens/index.d.ts +2 -2
  285. package/dist/commonjs/tokens/index.d.ts.map +1 -1
  286. package/dist/commonjs/tokens/index.js +6 -6
  287. package/dist/commonjs/tokens/lib/type/fontFamilies.js +3 -3
  288. package/dist/commonjs/tokens/lib/type/index.js +7 -7
  289. package/dist/commonjs/tokens/lib/type/levels.js +4 -4
  290. package/dist/commonjs/tokens/lib/type/variants.js +1 -1
  291. package/dist/commonjs/tooltip/lib/OverflowTooltip.js +34 -54
  292. package/dist/commonjs/tooltip/lib/Tooltip.js +26 -47
  293. package/dist/commonjs/tooltip/lib/TooltipContainer.js +37 -35
  294. package/dist/commonjs/tooltip/lib/useTooltip.js +32 -34
  295. package/dist/es6/action-bar/lib/ActionBar.js +3 -4
  296. package/dist/es6/action-bar/lib/ActionBarItem.js +4 -15
  297. package/dist/es6/action-bar/lib/ActionBarList.js +10 -35
  298. package/dist/es6/action-bar/lib/ActionBarOverflowButton.js +6 -17
  299. package/dist/es6/action-bar/lib/useActionBarModel.js +36 -35
  300. package/dist/es6/avatar/lib/Avatar.js +46 -68
  301. package/dist/es6/badge/lib/CountBadge.js +20 -40
  302. package/dist/es6/banner/lib/Banner.js +25 -41
  303. package/dist/es6/banner/lib/BannerActionText.js +4 -27
  304. package/dist/es6/banner/lib/BannerIcon.js +5 -27
  305. package/dist/es6/banner/lib/BannerLabel.js +3 -26
  306. package/dist/es6/banner/lib/hooks/index.d.ts +2 -0
  307. package/dist/es6/banner/lib/hooks/index.d.ts.map +1 -1
  308. package/dist/es6/banner/lib/hooks/index.js +2 -0
  309. package/dist/es6/banner/lib/hooks/useBanner.js +3 -4
  310. package/dist/es6/banner/lib/hooks/useBannerActionText.js +2 -3
  311. package/dist/es6/banner/lib/hooks/useBannerIcon.js +2 -3
  312. package/dist/es6/banner/lib/hooks/useBannerLabel.js +2 -3
  313. package/dist/es6/banner/lib/hooks/useBannerModel.js +8 -16
  314. package/dist/es6/banner/lib/hooks/useThemedPalette.d.ts +1 -1
  315. package/dist/es6/banner/lib/hooks/useThemedPalette.d.ts.map +1 -1
  316. package/dist/es6/banner/lib/hooks/useThemedPalette.js +7 -7
  317. package/dist/es6/breadcrumbs/lib/Breadcrumbs.js +3 -26
  318. package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.js +9 -32
  319. package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.js +6 -31
  320. package/dist/es6/breadcrumbs/lib/BreadcrumbsLink.js +11 -32
  321. package/dist/es6/breadcrumbs/lib/BreadcrumbsList.js +5 -28
  322. package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.js +6 -18
  323. package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.js +6 -29
  324. package/dist/es6/breadcrumbs/lib/hooks/useBreadcrumbsModel.js +34 -33
  325. package/dist/es6/breadcrumbs/lib/hooks/utils/index.js +4 -4
  326. package/dist/es6/button/lib/BaseButton.js +123 -73
  327. package/dist/es6/button/lib/DeleteButton.js +25 -56
  328. package/dist/es6/button/lib/ExternalHyperlink.js +21 -35
  329. package/dist/es6/button/lib/Hyperlink.js +7 -32
  330. package/dist/es6/button/lib/PrimaryButton.js +6 -29
  331. package/dist/es6/button/lib/SecondaryButton.js +6 -29
  332. package/dist/es6/button/lib/TertiaryButton.js +20 -46
  333. package/dist/es6/button/lib/ToolbarDropdownButton.js +9 -35
  334. package/dist/es6/button/lib/ToolbarIconButton.js +13 -40
  335. package/dist/es6/button/lib/deprecated_Button.js +48 -51
  336. package/dist/es6/button/lib/parts/ButtonLabel.js +4 -27
  337. package/dist/es6/button/lib/parts/ButtonLabelIcon.js +5 -28
  338. package/dist/es6/card/lib/Card.js +3 -26
  339. package/dist/es6/card/lib/CardBody.js +3 -26
  340. package/dist/es6/card/lib/CardHeading.js +3 -26
  341. package/dist/es6/checkbox/lib/Checkbox.js +116 -125
  342. package/dist/es6/collection/lib/ListBox.js +7 -30
  343. package/dist/es6/collection/lib/react-virtual.js +1 -1
  344. package/dist/es6/collection/lib/useBaseListModel.js +55 -59
  345. package/dist/es6/collection/lib/useCursorListModel.js +110 -142
  346. package/dist/es6/collection/lib/useGridModel.js +12 -30
  347. package/dist/es6/collection/lib/useListItemRegister.js +13 -15
  348. package/dist/es6/collection/lib/useListItemRovingFocus.js +33 -38
  349. package/dist/es6/collection/lib/useListItemSelect.js +4 -6
  350. package/dist/es6/collection/lib/useListModel.js +1 -1
  351. package/dist/es6/collection/lib/useListRenderItem.js +8 -8
  352. package/dist/es6/collection/lib/useListResetCursorOnBlur.js +5 -6
  353. package/dist/es6/collection/lib/useOverflowListItemMeasure.js +8 -9
  354. package/dist/es6/collection/lib/useOverflowListMeasure.js +5 -5
  355. package/dist/es6/collection/lib/useOverflowListModel.js +59 -54
  356. package/dist/es6/collection/lib/useOverflowListTarget.js +7 -7
  357. package/dist/es6/collection/lib/useSelectionListModel.js +31 -37
  358. package/dist/es6/color-picker/lib/ColorInput.js +41 -77
  359. package/dist/es6/color-picker/lib/ColorPreview.js +3 -28
  360. package/dist/es6/color-picker/lib/parts/ColorSwatch.js +8 -36
  361. package/dist/es6/common/lib/CanvasProvider.js +11 -54
  362. package/dist/es6/common/lib/EllipsisText.js +5 -17
  363. package/dist/es6/common/lib/InputProvider.js +72 -93
  364. package/dist/es6/common/lib/parts/_brand-assets.js +6 -6
  365. package/dist/es6/common/lib/responsive/useResponsiveContainerStyles.js +20 -47
  366. package/dist/es6/common/lib/styles/accessibleHide.js +1 -1
  367. package/dist/es6/common/lib/styles/errorRing.js +8 -7
  368. package/dist/es6/common/lib/styles/focusRing.js +16 -18
  369. package/dist/es6/common/lib/styles/hideMouseFocus.js +13 -9
  370. package/dist/es6/common/lib/theming/breakpoints.js +12 -12
  371. package/dist/es6/common/lib/theming/createCanvasTheme.js +29 -58
  372. package/dist/es6/common/lib/theming/getObjectProxy.js +3 -3
  373. package/dist/es6/common/lib/theming/index.d.ts +1 -1
  374. package/dist/es6/common/lib/theming/index.d.ts.map +1 -1
  375. package/dist/es6/common/lib/theming/index.js +1 -1
  376. package/dist/es6/common/lib/theming/styled.js +7 -11
  377. package/dist/es6/common/lib/theming/theme.js +5 -5
  378. package/dist/es6/common/lib/theming/useIsRTL.js +2 -2
  379. package/dist/es6/common/lib/theming/useTheme.d.ts +49 -5
  380. package/dist/es6/common/lib/theming/useTheme.d.ts.map +1 -1
  381. package/dist/es6/common/lib/theming/useTheme.js +78 -34
  382. package/dist/es6/common/lib/theming/useThemedRing.d.ts +43 -0
  383. package/dist/es6/common/lib/theming/useThemedRing.d.ts.map +1 -0
  384. package/dist/es6/common/lib/theming/useThemedRing.js +92 -0
  385. package/dist/es6/common/lib/utils/changeFocus.js +3 -3
  386. package/dist/es6/common/lib/utils/colorUtils.d.ts +7 -0
  387. package/dist/es6/common/lib/utils/colorUtils.d.ts.map +1 -1
  388. package/dist/es6/common/lib/utils/colorUtils.js +24 -12
  389. package/dist/es6/common/lib/utils/components.d.ts +3 -1
  390. package/dist/es6/common/lib/utils/components.d.ts.map +1 -1
  391. package/dist/es6/common/lib/utils/components.js +43 -86
  392. package/dist/es6/common/lib/utils/deepMerge.js +4 -4
  393. package/dist/es6/common/lib/utils/elements.js +16 -16
  394. package/dist/es6/common/lib/utils/getTranslateFromOrigin.js +2 -2
  395. package/dist/es6/common/lib/utils/isWithinBreakpoint.js +1 -1
  396. package/dist/es6/common/lib/utils/makeMq.js +4 -4
  397. package/dist/es6/common/lib/utils/memoize.d.ts +1 -1
  398. package/dist/es6/common/lib/utils/memoize.d.ts.map +1 -1
  399. package/dist/es6/common/lib/utils/memoize.js +4 -8
  400. package/dist/es6/common/lib/utils/mergeCallback.js +1 -5
  401. package/dist/es6/common/lib/utils/mergeProps.js +4 -15
  402. package/dist/es6/common/lib/utils/models.js +47 -69
  403. package/dist/es6/common/lib/utils/useConstant.js +1 -1
  404. package/dist/es6/common/lib/utils/useIsFullscreen.js +5 -5
  405. package/dist/es6/common/lib/utils/useModalityType.js +8 -8
  406. package/dist/es6/common/lib/utils/useMount.js +2 -2
  407. package/dist/es6/common/lib/utils/useResizeObserver.js +6 -18
  408. package/dist/es6/common/lib/utils/useUniqueId.js +8 -8
  409. package/dist/es6/common/lib/utils/useWindowSize.js +8 -8
  410. package/dist/es6/dialog/lib/Dialog.js +2 -3
  411. package/dist/es6/dialog/lib/DialogCard.js +3 -14
  412. package/dist/es6/dialog/lib/DialogPopper.js +6 -29
  413. package/dist/es6/dialog/lib/hooks/useDialogCard.js +2 -3
  414. package/dist/es6/dialog/lib/hooks/useDialogModel.js +3 -3
  415. package/dist/es6/dialog/lib/hooks/useDialogPopper.js +2 -3
  416. package/dist/es6/disclosure/lib/useDisclosureModel.js +11 -11
  417. package/dist/es6/form-field/lib/FormField.js +35 -79
  418. package/dist/es6/form-field/lib/Hint.js +9 -43
  419. package/dist/es6/form-field/lib/Label.js +39 -82
  420. package/dist/es6/icon/lib/AccentIcon.d.ts +3 -2
  421. package/dist/es6/icon/lib/AccentIcon.d.ts.map +1 -1
  422. package/dist/es6/icon/lib/AccentIcon.js +12 -38
  423. package/dist/es6/icon/lib/AppletIcon.js +12 -36
  424. package/dist/es6/icon/lib/Graphic.js +6 -30
  425. package/dist/es6/icon/lib/Icon.js +10 -29
  426. package/dist/es6/icon/lib/Svg.js +8 -31
  427. package/dist/es6/icon/lib/SystemIcon.d.ts.map +1 -1
  428. package/dist/es6/icon/lib/SystemIcon.js +33 -60
  429. package/dist/es6/icon/lib/SystemIconCircle.d.ts +2 -1
  430. package/dist/es6/icon/lib/SystemIconCircle.d.ts.map +1 -1
  431. package/dist/es6/icon/lib/SystemIconCircle.js +14 -43
  432. package/dist/es6/icon/lib/utils.d.ts +0 -2
  433. package/dist/es6/icon/lib/utils.d.ts.map +1 -1
  434. package/dist/es6/icon/lib/utils.js +1 -8
  435. package/dist/es6/layout/lib/Box.js +12 -37
  436. package/dist/es6/layout/lib/Flex.js +4 -27
  437. package/dist/es6/layout/lib/Grid.js +7 -31
  438. package/dist/es6/layout/lib/utils/background.js +3 -3
  439. package/dist/es6/layout/lib/utils/border/color.js +2 -2
  440. package/dist/es6/layout/lib/utils/border/index.js +14 -18
  441. package/dist/es6/layout/lib/utils/border/lineStyle.js +2 -2
  442. package/dist/es6/layout/lib/utils/border/radius.js +2 -2
  443. package/dist/es6/layout/lib/utils/border/shorthand.js +2 -2
  444. package/dist/es6/layout/lib/utils/border/width.js +2 -2
  445. package/dist/es6/layout/lib/utils/buildStyleFns.js +39 -42
  446. package/dist/es6/layout/lib/utils/color.js +3 -3
  447. package/dist/es6/layout/lib/utils/depth.js +3 -3
  448. package/dist/es6/layout/lib/utils/flex.js +3 -3
  449. package/dist/es6/layout/lib/utils/flexItem.js +3 -3
  450. package/dist/es6/layout/lib/utils/getValidChildren.js +1 -3
  451. package/dist/es6/layout/lib/utils/grid.js +3 -3
  452. package/dist/es6/layout/lib/utils/gridItem.js +3 -3
  453. package/dist/es6/layout/lib/utils/layout.js +3 -3
  454. package/dist/es6/layout/lib/utils/other.js +3 -3
  455. package/dist/es6/layout/lib/utils/position.d.ts +4 -0
  456. package/dist/es6/layout/lib/utils/position.d.ts.map +1 -1
  457. package/dist/es6/layout/lib/utils/position.js +8 -3
  458. package/dist/es6/layout/lib/utils/space.js +3 -3
  459. package/dist/es6/layout/lib/utils/text.js +3 -3
  460. package/dist/es6/loading-dots/lib/LoadingDots.js +16 -38
  461. package/dist/es6/menu/lib/Menu.js +2 -3
  462. package/dist/es6/menu/lib/MenuCard.js +9 -21
  463. package/dist/es6/menu/lib/MenuContextTarget.js +7 -30
  464. package/dist/es6/menu/lib/MenuDivider.js +6 -17
  465. package/dist/es6/menu/lib/MenuItem.js +70 -79
  466. package/dist/es6/menu/lib/MenuList.js +4 -27
  467. package/dist/es6/menu/lib/MenuPopper.js +4 -27
  468. package/dist/es6/menu/lib/MenuTarget.js +10 -34
  469. package/dist/es6/menu/lib/useMenuModel.js +20 -22
  470. package/dist/es6/modal/lib/Modal.js +2 -2
  471. package/dist/es6/modal/lib/ModalBody.js +10 -23
  472. package/dist/es6/modal/lib/ModalCard.js +10 -24
  473. package/dist/es6/modal/lib/ModalHeading.js +10 -23
  474. package/dist/es6/modal/lib/ModalOverflowOverlay.js +4 -15
  475. package/dist/es6/modal/lib/ModalOverlay.js +33 -46
  476. package/dist/es6/modal/lib/hooks/useCloseOnOverlayClick.js +13 -13
  477. package/dist/es6/modal/lib/hooks/useModalCard.js +1 -1
  478. package/dist/es6/modal/lib/hooks/useModalHeading.js +5 -5
  479. package/dist/es6/modal/lib/hooks/useModalModel.js +3 -3
  480. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js +10 -31
  481. package/dist/es6/pagination/lib/Pagination/Controls.js +35 -61
  482. package/dist/es6/pagination/lib/Pagination/GoTo/Form.js +7 -30
  483. package/dist/es6/pagination/lib/Pagination/GoTo/Label.js +4 -27
  484. package/dist/es6/pagination/lib/Pagination/GoTo/TextInput.js +4 -15
  485. package/dist/es6/pagination/lib/Pagination/GoTo/useGoToForm.js +12 -13
  486. package/dist/es6/pagination/lib/Pagination/Nav.js +2 -13
  487. package/dist/es6/pagination/lib/Pagination/PageButton.js +11 -35
  488. package/dist/es6/pagination/lib/Pagination/PageList.js +7 -31
  489. package/dist/es6/pagination/lib/Pagination/Pagination.js +16 -38
  490. package/dist/es6/pagination/lib/Pagination/buildPageRange.js +9 -15
  491. package/dist/es6/pagination/lib/Pagination/common/List.js +7 -31
  492. package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.js +8 -26
  493. package/dist/es6/pagination/lib/Pagination/common/utils/getValidChildren.js +1 -3
  494. package/dist/es6/pagination/lib/Pagination/common/utils/useRTL.js +4 -4
  495. package/dist/es6/pagination/lib/Pagination/usePaginationModel.js +29 -29
  496. package/dist/es6/popup/lib/Popper.js +29 -51
  497. package/dist/es6/popup/lib/Popup.js +2 -3
  498. package/dist/es6/popup/lib/PopupBody.js +3 -14
  499. package/dist/es6/popup/lib/PopupCard.js +26 -48
  500. package/dist/es6/popup/lib/PopupCloseButton.js +3 -26
  501. package/dist/es6/popup/lib/PopupCloseIcon.js +3 -26
  502. package/dist/es6/popup/lib/PopupHeading.js +3 -26
  503. package/dist/es6/popup/lib/PopupPopper.js +3 -26
  504. package/dist/es6/popup/lib/PopupTarget.js +3 -14
  505. package/dist/es6/popup/lib/getTransformFromPlacement.js +6 -6
  506. package/dist/es6/popup/lib/hooks/focus-trap-js.js +23 -27
  507. package/dist/es6/popup/lib/hooks/useAlwaysCloseOnOutsideClick.js +5 -5
  508. package/dist/es6/popup/lib/hooks/useAssistiveHideSiblings.js +11 -14
  509. package/dist/es6/popup/lib/hooks/useBringToTopOnClick.js +7 -7
  510. package/dist/es6/popup/lib/hooks/useCloseOnEscape.js +5 -5
  511. package/dist/es6/popup/lib/hooks/useCloseOnFullscreenExit.js +5 -5
  512. package/dist/es6/popup/lib/hooks/useCloseOnOutsideClick.js +8 -8
  513. package/dist/es6/popup/lib/hooks/useCloseOnTargetHidden.js +9 -9
  514. package/dist/es6/popup/lib/hooks/useDisableBodyScroll.js +7 -7
  515. package/dist/es6/popup/lib/hooks/useFocusRedirect.js +7 -7
  516. package/dist/es6/popup/lib/hooks/useFocusTrap.js +5 -5
  517. package/dist/es6/popup/lib/hooks/useInitialFocus.js +7 -7
  518. package/dist/es6/popup/lib/hooks/usePopupCard.js +1 -2
  519. package/dist/es6/popup/lib/hooks/usePopupCloseButton.js +1 -2
  520. package/dist/es6/popup/lib/hooks/usePopupHeading.js +1 -2
  521. package/dist/es6/popup/lib/hooks/usePopupModel.js +28 -33
  522. package/dist/es6/popup/lib/hooks/usePopupPopper.js +5 -6
  523. package/dist/es6/popup/lib/hooks/usePopupStack.js +12 -12
  524. package/dist/es6/popup/lib/hooks/usePopupTarget.js +3 -4
  525. package/dist/es6/popup/lib/hooks/usePopupTargetContext.js +3 -4
  526. package/dist/es6/popup/lib/hooks/useReturnFocus.js +15 -15
  527. package/dist/es6/popup/lib/hooks/useTransferOnFullscreenEnter.js +5 -5
  528. package/dist/es6/popup/lib/hooks/useTransferOnFullscreenExit.js +5 -5
  529. package/dist/es6/radio/lib/Radio.js +110 -130
  530. package/dist/es6/radio/lib/RadioGroup.js +29 -75
  531. package/dist/es6/segmented-control/lib/SegmentedControl.js +5 -28
  532. package/dist/es6/segmented-control/lib/SegmentedControlButton.js +37 -58
  533. package/dist/es6/select/lib/Select.js +44 -61
  534. package/dist/es6/select/lib/SelectOption.js +5 -48
  535. package/dist/es6/side-panel/lib/SidePanel.js +54 -117
  536. package/dist/es6/skeleton/lib/parts/skeletonHeader.js +2 -27
  537. package/dist/es6/skeleton/lib/parts/skeletonShape.js +9 -37
  538. package/dist/es6/skeleton/lib/parts/skeletonText.js +9 -35
  539. package/dist/es6/skeleton/lib/skeleton.js +9 -34
  540. package/dist/es6/status-indicator/lib/StatusIndicator.js +25 -59
  541. package/dist/es6/switch/lib/Switch.js +54 -64
  542. package/dist/es6/table/lib/Table.js +9 -52
  543. package/dist/es6/table/lib/TableRow.js +35 -62
  544. package/dist/es6/tabs/lib/Tabs.js +2 -3
  545. package/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
  546. package/dist/es6/tabs/lib/TabsItem.js +74 -79
  547. package/dist/es6/tabs/lib/TabsList.js +20 -46
  548. package/dist/es6/tabs/lib/TabsMenuPopper.js +4 -27
  549. package/dist/es6/tabs/lib/TabsOverflowButton.js +5 -28
  550. package/dist/es6/tabs/lib/TabsPanel.js +13 -38
  551. package/dist/es6/tabs/lib/TabsPanels.js +2 -3
  552. package/dist/es6/tabs/lib/useTabsModel.js +41 -40
  553. package/dist/es6/testing/lib/ComponentStatesTable.js +9 -18
  554. package/dist/es6/testing/lib/StaticStates.js +8 -32
  555. package/dist/es6/testing/lib/permutateProps.js +13 -26
  556. package/dist/es6/text/lib/LabelText.js +3 -26
  557. package/dist/es6/text/lib/Text.js +10 -36
  558. package/dist/es6/text/lib/TypeLevelComponents.js +16 -42
  559. package/dist/es6/text-area/lib/TextArea.js +41 -54
  560. package/dist/es6/text-input/lib/InputIconContainer.js +8 -14
  561. package/dist/es6/text-input/lib/TextInput.js +37 -50
  562. package/dist/es6/toast/lib/Toast.js +4 -27
  563. package/dist/es6/toast/lib/ToastBody.js +3 -26
  564. package/dist/es6/toast/lib/ToastCloseIcon.js +3 -14
  565. package/dist/es6/toast/lib/ToastIcon.js +3 -14
  566. package/dist/es6/toast/lib/ToastLink.js +3 -26
  567. package/dist/es6/toast/lib/ToastMessage.js +3 -26
  568. package/dist/es6/toast/lib/hooks/useToastModel.js +8 -16
  569. package/dist/es6/tokens/index.d.ts +2 -2
  570. package/dist/es6/tokens/index.d.ts.map +1 -1
  571. package/dist/es6/tokens/index.js +16 -16
  572. package/dist/es6/tokens/lib/depth.js +1 -1
  573. package/dist/es6/tokens/lib/radius.js +1 -1
  574. package/dist/es6/tokens/lib/space.js +2 -2
  575. package/dist/es6/tokens/lib/type/fontFamilies.js +6 -6
  576. package/dist/es6/tokens/lib/type/fontSizes.js +1 -1
  577. package/dist/es6/tokens/lib/type/fontWeights.js +1 -1
  578. package/dist/es6/tokens/lib/type/index.js +8 -8
  579. package/dist/es6/tokens/lib/type/levels.js +1 -1
  580. package/dist/es6/tokens/lib/type/variants.js +1 -1
  581. package/dist/es6/tooltip/lib/OverflowTooltip.js +29 -49
  582. package/dist/es6/tooltip/lib/Tooltip.js +21 -42
  583. package/dist/es6/tooltip/lib/TooltipContainer.js +33 -31
  584. package/dist/es6/tooltip/lib/useTooltip.js +29 -31
  585. package/icon/lib/AccentIcon.tsx +5 -6
  586. package/icon/lib/SystemIcon.tsx +1 -2
  587. package/icon/lib/SystemIconCircle.tsx +4 -3
  588. package/icon/lib/utils.ts +0 -8
  589. package/layout/lib/utils/position.ts +9 -0
  590. package/modal/lib/ModalBody.tsx +2 -2
  591. package/modal/lib/ModalCard.tsx +2 -2
  592. package/modal/lib/ModalHeading.tsx +2 -2
  593. package/modal/lib/ModalOverlay.tsx +2 -2
  594. package/package.json +3 -3
  595. package/tokens/index.ts +3 -3
  596. package/common/lib/theming/getCanvasTheme.ts +0 -40
  597. package/dist/commonjs/common/lib/theming/getCanvasTheme.d.ts +0 -28
  598. package/dist/commonjs/common/lib/theming/getCanvasTheme.d.ts.map +0 -1
  599. package/dist/commonjs/common/lib/theming/getCanvasTheme.js +0 -42
  600. package/dist/es6/common/lib/theming/getCanvasTheme.d.ts +0 -28
  601. package/dist/es6/common/lib/theming/getCanvasTheme.d.ts.map +0 -1
  602. package/dist/es6/common/lib/theming/getCanvasTheme.js +0 -37
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
3
  if (k2 === undefined) k2 = k;
15
4
  Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -29,32 +18,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
29
18
  __setModuleDefault(result, mod);
30
19
  return result;
31
20
  };
32
- var __rest = (this && this.__rest) || function (s, e) {
33
- var t = {};
34
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
- t[p] = s[p];
36
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
- t[p[i]] = s[p[i]];
40
- }
41
- return t;
42
- };
43
21
  Object.defineProperty(exports, "__esModule", { value: true });
44
22
  exports.GoToForm = void 0;
45
- var React = __importStar(require("react"));
46
- var common_1 = require("@workday/canvas-kit-react/common");
47
- var layout_1 = require("@workday/canvas-kit-react/layout");
48
- var usePaginationModel_1 = require("../usePaginationModel");
49
- var useGoToForm_1 = require("./useGoToForm");
23
+ const React = __importStar(require("react"));
24
+ const common_1 = require("@workday/canvas-kit-react/common");
25
+ const layout_1 = require("@workday/canvas-kit-react/layout");
26
+ const usePaginationModel_1 = require("../usePaginationModel");
27
+ const useGoToForm_1 = require("./useGoToForm");
50
28
  exports.GoToForm = common_1.createComponent('form')({
51
- Component: function (_a, ref, Element) {
52
- var children = _a.children, onSubmit = _a.onSubmit, elemProps = __rest(_a, ["children", "onSubmit"]);
53
- var model = React.useContext(usePaginationModel_1.PaginationContext);
54
- var goToContext = useGoToForm_1.useGoToForm({ model: model, onSubmit: onSubmit });
55
- var formProps = goToContext.formProps;
56
- var shouldUseRTL = common_1.useIsRTL();
29
+ Component({ children, onSubmit, ...elemProps }, ref, Element) {
30
+ const model = React.useContext(usePaginationModel_1.PaginationContext);
31
+ const goToContext = useGoToForm_1.useGoToForm({ model, onSubmit });
32
+ const { formProps } = goToContext;
33
+ const shouldUseRTL = common_1.useIsRTL();
57
34
  return (React.createElement(useGoToForm_1.GoToContext.Provider, { value: goToContext },
58
- React.createElement(layout_1.Flex, __assign({ ref: ref, as: Element, alignItems: "center", gap: "xxs", paddingLeft: shouldUseRTL ? 'xxs' : undefined, paddingRight: shouldUseRTL ? 'xxs' : undefined }, formProps, elemProps), children)));
35
+ React.createElement(layout_1.Flex, Object.assign({ ref: ref, as: Element, alignItems: "center", gap: "xxs", paddingLeft: shouldUseRTL ? 'xxs' : undefined, paddingRight: shouldUseRTL ? 'xxs' : undefined }, formProps, elemProps), children)));
59
36
  },
60
37
  });
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
3
  if (k2 === undefined) k2 = k;
15
4
  Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -29,28 +18,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
29
18
  __setModuleDefault(result, mod);
30
19
  return result;
31
20
  };
32
- var __rest = (this && this.__rest) || function (s, e) {
33
- var t = {};
34
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
- t[p] = s[p];
36
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
- t[p[i]] = s[p[i]];
40
- }
41
- return t;
42
- };
43
21
  Object.defineProperty(exports, "__esModule", { value: true });
44
22
  exports.GoToLabel = void 0;
45
- var React = __importStar(require("react"));
46
- var text_1 = require("@workday/canvas-kit-react/text");
47
- var common_1 = require("@workday/canvas-kit-react/common");
48
- var usePaginationModel_1 = require("../usePaginationModel");
23
+ const React = __importStar(require("react"));
24
+ const text_1 = require("@workday/canvas-kit-react/text");
25
+ const common_1 = require("@workday/canvas-kit-react/common");
26
+ const usePaginationModel_1 = require("../usePaginationModel");
49
27
  exports.GoToLabel = common_1.createComponent('label')({
50
28
  displayName: 'Pagination.GoToLabel',
51
- Component: function (_a, ref, Element) {
52
- var children = _a.children, elemProps = __rest(_a, ["children"]);
53
- var model = React.useContext(usePaginationModel_1.PaginationContext);
54
- return (React.createElement(text_1.LabelText, __assign({ ref: ref, as: Element, typeLevel: "subtext.medium", variant: "hint", whiteSpace: "nowrap" }, elemProps), typeof children === 'function' ? children(model) : children));
29
+ Component({ children, ...elemProps }, ref, Element) {
30
+ const model = React.useContext(usePaginationModel_1.PaginationContext);
31
+ return (React.createElement(text_1.LabelText, Object.assign({ ref: ref, as: Element, typeLevel: "subtext.medium", variant: "hint", whiteSpace: "nowrap" }, elemProps), typeof children === 'function' ? children(model) : children));
55
32
  },
56
33
  });
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
3
  if (k2 === undefined) k2 = k;
15
4
  Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -31,14 +20,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
31
20
  };
32
21
  Object.defineProperty(exports, "__esModule", { value: true });
33
22
  exports.GoToTextInput = void 0;
34
- var React = __importStar(require("react"));
35
- var text_input_1 = require("@workday/canvas-kit-react/text-input");
36
- var common_1 = require("@workday/canvas-kit-react/common");
37
- var useGoToForm_1 = require("./useGoToForm");
23
+ const React = __importStar(require("react"));
24
+ const text_input_1 = require("@workday/canvas-kit-react/text-input");
25
+ const common_1 = require("@workday/canvas-kit-react/common");
26
+ const useGoToForm_1 = require("./useGoToForm");
38
27
  exports.GoToTextInput = common_1.createComponent('input')({
39
28
  displayName: 'Pagination.GoToTextInput',
40
- Component: function (elemProps, ref, Element) {
41
- var inputProps = React.useContext(useGoToForm_1.GoToContext).inputProps;
42
- return React.createElement(text_input_1.TextInput, __assign({ ref: ref, as: Element, size: 1, width: 55 }, inputProps, elemProps));
29
+ Component(elemProps, ref, Element) {
30
+ const { inputProps } = React.useContext(useGoToForm_1.GoToContext);
31
+ return React.createElement(text_input_1.TextInput, Object.assign({ ref: ref, as: Element, size: 1, width: 55 }, inputProps, elemProps));
43
32
  },
44
33
  });
@@ -20,36 +20,35 @@ var __importStar = (this && this.__importStar) || function (mod) {
20
20
  };
21
21
  Object.defineProperty(exports, "__esModule", { value: true });
22
22
  exports.useGoToForm = exports.GoToContext = void 0;
23
- var React = __importStar(require("react"));
23
+ const React = __importStar(require("react"));
24
24
  exports.GoToContext = React.createContext({});
25
- var useGoToForm = function (_a) {
26
- var _b = _a === void 0 ? {} : _a, onSubmit = _b.onSubmit, model = _b.model;
27
- var _c = React.useState(model.state.currentPage), value = _c[0], setValue = _c[1];
28
- React.useEffect(function () {
25
+ const useGoToForm = ({ onSubmit, model } = {}) => {
26
+ const [value, setValue] = React.useState(model.state.currentPage);
27
+ React.useEffect(() => {
29
28
  if (value !== undefined && model.state.currentPage !== value) {
30
29
  setValue(model.state.currentPage);
31
30
  }
32
31
  // eslint-disable-next-line react-hooks/exhaustive-deps
33
32
  }, [model.state.currentPage]);
34
- var handleSubmit = function (event) {
33
+ const handleSubmit = (event) => {
35
34
  event.preventDefault();
36
35
  onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
37
36
  model.events.goTo(value || 0);
38
37
  };
39
- var handleChange = function (event) {
40
- var formattedValue = parseInt(event.target.value, 10) || 0;
38
+ const handleChange = (event) => {
39
+ const formattedValue = parseInt(event.target.value, 10) || 0;
41
40
  setValue(formattedValue);
42
41
  };
43
- var formProps = {
42
+ const formProps = {
44
43
  onSubmit: handleSubmit,
45
44
  };
46
- var inputProps = {
47
- value: value,
45
+ const inputProps = {
46
+ value,
48
47
  onChange: handleChange,
49
48
  };
50
49
  return {
51
- formProps: formProps,
52
- inputProps: inputProps,
50
+ formProps,
51
+ inputProps,
53
52
  };
54
53
  };
55
54
  exports.useGoToForm = useGoToForm;
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
3
  if (k2 === undefined) k2 = k;
15
4
  Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -31,9 +20,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
31
20
  };
32
21
  Object.defineProperty(exports, "__esModule", { value: true });
33
22
  exports.PaginationNav = void 0;
34
- var React = __importStar(require("react"));
35
- var layout_1 = require("@workday/canvas-kit-react/layout");
36
- var PaginationNav = function (elemProps) {
37
- return (React.createElement(layout_1.Flex, __assign({ as: "nav", display: "inline-flex", flexDirection: "column", alignItems: "center" }, elemProps)));
23
+ const React = __importStar(require("react"));
24
+ const layout_1 = require("@workday/canvas-kit-react/layout");
25
+ const PaginationNav = (elemProps) => {
26
+ return (React.createElement(layout_1.Flex, Object.assign({ as: "nav", display: "inline-flex", flexDirection: "column", alignItems: "center" }, elemProps)));
38
27
  };
39
28
  exports.PaginationNav = PaginationNav;
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
3
  if (k2 === undefined) k2 = k;
15
4
  Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -29,37 +18,25 @@ var __importStar = (this && this.__importStar) || function (mod) {
29
18
  __setModuleDefault(result, mod);
30
19
  return result;
31
20
  };
32
- var __rest = (this && this.__rest) || function (s, e) {
33
- var t = {};
34
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
- t[p] = s[p];
36
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
- t[p[i]] = s[p[i]];
40
- }
41
- return t;
42
- };
43
21
  Object.defineProperty(exports, "__esModule", { value: true });
44
22
  exports.PageButton = void 0;
45
- var React = __importStar(require("react"));
46
- var common_1 = require("@workday/canvas-kit-react/common");
47
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
48
- var button_1 = require("@workday/canvas-kit-react/button");
49
- var usePaginationModel_1 = require("./usePaginationModel");
50
- var StyledPageButton = common_1.styled(button_1.BaseButton)({
23
+ const React = __importStar(require("react"));
24
+ const common_1 = require("@workday/canvas-kit-react/common");
25
+ const tokens_1 = require("@workday/canvas-kit-react/tokens");
26
+ const button_1 = require("@workday/canvas-kit-react/button");
27
+ const usePaginationModel_1 = require("./usePaginationModel");
28
+ const StyledPageButton = common_1.styled(button_1.BaseButton)({
51
29
  minWidth: tokens_1.space.l,
52
30
  width: tokens_1.space.l,
53
31
  borderRadius: tokens_1.borderRadius.circle,
54
32
  height: tokens_1.space.l,
55
- }, function (_a) {
56
- var toggled = _a.toggled;
33
+ }, ({ toggled }) => {
57
34
  return {
58
35
  fontWeight: toggled ? 700 : 'normal',
59
36
  };
60
37
  });
61
- var getPaginationButtonColors = function (toggled, theme) {
62
- var themePrimary = theme.canvas.palette.primary;
38
+ const getPaginationButtonColors = (toggled, theme) => {
39
+ const { canvas: { palette: { primary: themePrimary }, }, } = theme;
63
40
  return {
64
41
  default: {
65
42
  background: toggled ? themePrimary.main : 'transparent',
@@ -84,16 +61,15 @@ var getPaginationButtonColors = function (toggled, theme) {
84
61
  };
85
62
  exports.PageButton = common_1.createComponent('button')({
86
63
  displayName: 'Pagination.PageButton',
87
- Component: function (_a) {
88
- var pageNumber = _a.pageNumber, children = _a.children, elemProps = __rest(_a, ["pageNumber", "children"]);
89
- var model = React.useContext(usePaginationModel_1.PaginationContext);
90
- var isCurrentPage = pageNumber === model.state.currentPage;
91
- var theme = common_1.useTheme();
92
- var handleClick = function (e) {
64
+ Component({ pageNumber, children, ...elemProps }) {
65
+ const model = React.useContext(usePaginationModel_1.PaginationContext);
66
+ const isCurrentPage = pageNumber === model.state.currentPage;
67
+ const theme = common_1.useTheme();
68
+ const handleClick = (e) => {
93
69
  var _a, _b;
94
70
  (_b = (_a = elemProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
95
71
  model.events.goTo(pageNumber);
96
72
  };
97
- return (React.createElement(StyledPageButton, __assign({ "aria-current": isCurrentPage ? 'page' : undefined, colors: getPaginationButtonColors(isCurrentPage, theme), "aria-pressed": undefined, onClick: handleClick, toggled: isCurrentPage }, elemProps), children || pageNumber));
73
+ return (React.createElement(StyledPageButton, Object.assign({ "aria-current": isCurrentPage ? 'page' : undefined, colors: getPaginationButtonColors(isCurrentPage, theme), "aria-pressed": undefined, onClick: handleClick, toggled: isCurrentPage }, elemProps), children || pageNumber));
98
74
  },
99
75
  });
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
3
  if (k2 === undefined) k2 = k;
15
4
  Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -29,36 +18,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
29
18
  __setModuleDefault(result, mod);
30
19
  return result;
31
20
  };
32
- var __rest = (this && this.__rest) || function (s, e) {
33
- var t = {};
34
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
- t[p] = s[p];
36
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
- t[p[i]] = s[p[i]];
40
- }
41
- return t;
42
- };
43
21
  Object.defineProperty(exports, "__esModule", { value: true });
44
22
  exports.PageListItem = exports.PageList = void 0;
45
- var React = __importStar(require("react"));
46
- var List_1 = require("./common/List");
47
- var layout_1 = require("@workday/canvas-kit-react/layout");
48
- var common_1 = require("@workday/canvas-kit-react/common");
49
- var usePaginationModel_1 = require("./usePaginationModel");
23
+ const React = __importStar(require("react"));
24
+ const List_1 = require("./common/List");
25
+ const layout_1 = require("@workday/canvas-kit-react/layout");
26
+ const common_1 = require("@workday/canvas-kit-react/common");
27
+ const usePaginationModel_1 = require("./usePaginationModel");
50
28
  exports.PageList = common_1.createComponent('ol')({
51
29
  displayName: 'Pagination.PageList',
52
- Component: function (_a, ref, Element) {
53
- var children = _a.children, elemProps = __rest(_a, ["children"]);
54
- var model = React.useContext(usePaginationModel_1.PaginationContext);
55
- return (React.createElement(layout_1.Flex, __assign({ ref: ref, as: Element, margin: "zero", role: "list", paddingLeft: "zero", paddingRight: "zero", gap: "xxxs" }, elemProps), typeof children === 'function' ? children(model) : children));
30
+ Component({ children, ...elemProps }, ref, Element) {
31
+ const model = React.useContext(usePaginationModel_1.PaginationContext);
32
+ return (React.createElement(layout_1.Flex, Object.assign({ ref: ref, as: Element, margin: "zero", role: "list", paddingLeft: "zero", paddingRight: "zero", gap: "xxxs" }, elemProps), typeof children === 'function' ? children(model) : children));
56
33
  },
57
34
  });
58
35
  exports.PageListItem = common_1.createComponent('li')({
59
36
  displayName: 'Pagination.PageListItem',
60
- Component: function (_a, ref, Element) {
61
- var children = _a.children, elemProps = __rest(_a, ["children"]);
62
- return (React.createElement(List_1.ListItem, __assign({ ref: ref, as: Element }, elemProps), children));
37
+ Component({ children, ...elemProps }, ref, Element) {
38
+ return (React.createElement(List_1.ListItem, Object.assign({ ref: ref, as: Element }, elemProps), children));
63
39
  },
64
40
  });
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
3
  if (k2 === undefined) k2 = k;
15
4
  Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -29,31 +18,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
29
18
  __setModuleDefault(result, mod);
30
19
  return result;
31
20
  };
32
- var __rest = (this && this.__rest) || function (s, e) {
33
- var t = {};
34
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
- t[p] = s[p];
36
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
- t[p[i]] = s[p[i]];
40
- }
41
- return t;
42
- };
43
21
  Object.defineProperty(exports, "__esModule", { value: true });
44
22
  exports.Pagination = exports.PaginationContext = void 0;
45
- var React = __importStar(require("react"));
46
- var common_1 = require("@workday/canvas-kit-react/common");
47
- var layout_1 = require("@workday/canvas-kit-react/layout");
48
- var usePaginationModel_1 = require("./usePaginationModel");
23
+ const React = __importStar(require("react"));
24
+ const common_1 = require("@workday/canvas-kit-react/common");
25
+ const layout_1 = require("@workday/canvas-kit-react/layout");
26
+ const usePaginationModel_1 = require("./usePaginationModel");
49
27
  Object.defineProperty(exports, "PaginationContext", { enumerable: true, get: function () { return usePaginationModel_1.PaginationContext; } });
50
- var Controls_1 = require("./Controls");
51
- var PageList_1 = require("./PageList");
52
- var PageButton_1 = require("./PageButton");
53
- var AdditionalDetails_1 = require("./AdditionalDetails");
54
- var Form_1 = require("./GoTo/Form");
55
- var TextInput_1 = require("./GoTo/TextInput");
56
- var Label_1 = require("./GoTo/Label");
28
+ const Controls_1 = require("./Controls");
29
+ const PageList_1 = require("./PageList");
30
+ const PageButton_1 = require("./PageButton");
31
+ const AdditionalDetails_1 = require("./AdditionalDetails");
32
+ const Form_1 = require("./GoTo/Form");
33
+ const TextInput_1 = require("./GoTo/TextInput");
34
+ const Label_1 = require("./GoTo/Label");
57
35
  function useDefaultModel(model, config, fn) {
58
36
  return model || fn(config);
59
37
  }
@@ -92,11 +70,11 @@ function useDefaultModel(model, config, fn) {
92
70
  */
93
71
  exports.Pagination = common_1.createComponent('nav')({
94
72
  displayName: 'Pagination',
95
- Component: function (props, ref, Element) {
96
- var model = useDefaultModel(props.model, props, usePaginationModel_1.usePaginationModel);
97
- var lastPage = props.lastPage, firstPage = props.firstPage, initialCurrentPage = props.initialCurrentPage, rangeSize = props.rangeSize, onPageChange = props.onPageChange, elemProps = __rest(props, ["lastPage", "firstPage", "initialCurrentPage", "rangeSize", "onPageChange"]);
73
+ Component(props, ref, Element) {
74
+ const model = useDefaultModel(props.model, props, usePaginationModel_1.usePaginationModel);
75
+ const { lastPage, firstPage, initialCurrentPage, rangeSize, onPageChange, ...elemProps } = props;
98
76
  return (React.createElement(usePaginationModel_1.PaginationContext.Provider, { value: model },
99
- React.createElement(layout_1.Flex, __assign({ ref: ref, as: Element, display: "inline-flex", flexDirection: "column", alignItems: "center" }, elemProps))));
77
+ React.createElement(layout_1.Flex, Object.assign({ ref: ref, as: Element, display: "inline-flex", flexDirection: "column", alignItems: "center" }, elemProps))));
100
78
  },
101
79
  subComponents: {
102
80
  /**
@@ -1,30 +1,24 @@
1
1
  "use strict";
2
- var __spreadArray = (this && this.__spreadArray) || function (to, from) {
3
- for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
4
- to[j] = from[i];
5
- return to;
6
- };
7
2
  Object.defineProperty(exports, "__esModule", { value: true });
8
3
  exports.buildPageRange = void 0;
9
- var buildRange = function (max, min) {
4
+ const buildRange = (max, min) => {
10
5
  // `max` determines the size of the range, and `min + index` determines its values
11
- return __spreadArray([], Array(max)).map(function (_, index) { return min + index; });
6
+ return [...Array(max)].map((_, index) => min + index);
12
7
  };
13
- var buildPageRange = function (_a) {
14
- var currentPage = _a.currentPage, lastPage = _a.lastPage, rangeSize = _a.rangeSize;
8
+ const buildPageRange = ({ currentPage, lastPage, rangeSize }) => {
15
9
  // prevent the range size exceeding the number of pages
16
- var adjustedRangeSize = lastPage < rangeSize ? lastPage : rangeSize;
10
+ const adjustedRangeSize = lastPage < rangeSize ? lastPage : rangeSize;
17
11
  // Prevent the range from going below 1
18
12
  if (currentPage <= Math.floor(rangeSize / 2)) {
19
- var rangeMin_1 = 1;
20
- return buildRange(adjustedRangeSize, rangeMin_1);
13
+ const rangeMin = 1;
14
+ return buildRange(adjustedRangeSize, rangeMin);
21
15
  }
22
16
  // Prevent the range from going above the lastPage
23
17
  if (currentPage + Math.floor(adjustedRangeSize / 2) > lastPage) {
24
- var rangeMin_2 = lastPage - adjustedRangeSize + 1;
25
- return buildRange(adjustedRangeSize, rangeMin_2);
18
+ const rangeMin = lastPage - adjustedRangeSize + 1;
19
+ return buildRange(adjustedRangeSize, rangeMin);
26
20
  }
27
- var rangeMin = currentPage - Math.floor(adjustedRangeSize / 2);
21
+ const rangeMin = currentPage - Math.floor(adjustedRangeSize / 2);
28
22
  return buildRange(adjustedRangeSize, rangeMin);
29
23
  };
30
24
  exports.buildPageRange = buildPageRange;
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
3
  if (k2 === undefined) k2 = k;
15
4
  Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -29,36 +18,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
29
18
  __setModuleDefault(result, mod);
30
19
  return result;
31
20
  };
32
- var __rest = (this && this.__rest) || function (s, e) {
33
- var t = {};
34
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
- t[p] = s[p];
36
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
- t[p[i]] = s[p[i]];
40
- }
41
- return t;
42
- };
43
21
  Object.defineProperty(exports, "__esModule", { value: true });
44
22
  exports.ListItem = exports.List = void 0;
45
- var React = __importStar(require("react"));
46
- var layout_1 = require("@workday/canvas-kit-react/layout");
47
- var common_1 = require("@workday/canvas-kit-react/common");
48
- var StyledList = common_1.styled(layout_1.Flex.as('ul'))({
23
+ const React = __importStar(require("react"));
24
+ const layout_1 = require("@workday/canvas-kit-react/layout");
25
+ const common_1 = require("@workday/canvas-kit-react/common");
26
+ const StyledList = common_1.styled(layout_1.Flex.as('ul'))({
49
27
  listStyle: 'none',
50
28
  });
51
29
  exports.List = common_1.createComponent('ul')({
52
30
  displayName: 'List',
53
- Component: function (_a, ref, Element) {
54
- var children = _a.children, elemProps = __rest(_a, ["children"]);
55
- return (React.createElement(StyledList, __assign({ as: Element, marginY: "zero", marginX: "zero", padding: "zero", ref: ref }, elemProps), children));
31
+ Component: ({ children, ...elemProps }, ref, Element) => {
32
+ return (React.createElement(StyledList, Object.assign({ as: Element, marginY: "zero", marginX: "zero", padding: "zero", ref: ref }, elemProps), children));
56
33
  },
57
34
  });
58
35
  exports.ListItem = common_1.createComponent('li')({
59
36
  displayName: 'ListItem',
60
- Component: function (_a, ref, Element) {
61
- var children = _a.children, elemProps = __rest(_a, ["children"]);
62
- return (React.createElement(layout_1.Flex, __assign({ as: Element, ref: ref }, elemProps), children));
37
+ Component: ({ children, ...elemProps }, ref, Element) => {
38
+ return (React.createElement(layout_1.Flex, Object.assign({ as: Element, ref: ref }, elemProps), children));
63
39
  },
64
40
  });
@@ -1,33 +1,15 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
2
  Object.defineProperty(exports, "__esModule", { value: true });
25
3
  exports.useLiveRegion = void 0;
26
- function useLiveRegion(config) {
27
- if (config === void 0) { config = {}; }
28
- var _a = config.shouldAnnounceToScreenReader, shouldAnnounceToScreenReader = _a === void 0 ? true : _a, restConfig = __rest(config, ["shouldAnnounceToScreenReader"]);
4
+ function useLiveRegion(config = {}) {
5
+ const { shouldAnnounceToScreenReader = true, ...restConfig } = config;
29
6
  if (shouldAnnounceToScreenReader) {
30
- return __assign({ 'aria-atomic': true, 'aria-live': 'polite', role: 'status' }, restConfig);
7
+ return {
8
+ 'aria-atomic': true,
9
+ 'aria-live': 'polite',
10
+ role: 'status',
11
+ ...restConfig,
12
+ };
31
13
  }
32
14
  return {};
33
15
  }
@@ -20,10 +20,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
20
20
  };
21
21
  Object.defineProperty(exports, "__esModule", { value: true });
22
22
  exports.getValidChildren = void 0;
23
- var React = __importStar(require("react"));
23
+ const React = __importStar(require("react"));
24
24
  function getValidChildren(children) {
25
- return React.Children.toArray(children).filter(function (child) {
26
- return React.isValidElement(child);
27
- });
25
+ return React.Children.toArray(children).filter(child => React.isValidElement(child));
28
26
  }
29
27
  exports.getValidChildren = getValidChildren;
@@ -1,12 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useRTL = void 0;
4
- var common_1 = require("@workday/canvas-kit-react/common");
5
- var useRTL = function (partialTheme) {
6
- var theme = common_1.useTheme(partialTheme);
7
- var shouldUseRTL = theme.canvas.direction === common_1.ContentDirection.RTL;
4
+ const common_1 = require("@workday/canvas-kit-react/common");
5
+ const useRTL = (partialTheme) => {
6
+ const theme = common_1.useTheme(partialTheme);
7
+ const shouldUseRTL = theme.canvas.direction === common_1.ContentDirection.RTL;
8
8
  return {
9
- shouldUseRTL: shouldUseRTL,
9
+ shouldUseRTL,
10
10
  };
11
11
  };
12
12
  exports.useRTL = useRTL;