@servicetitan/design-system 13.4.0 → 14.0.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 (520) hide show
  1. package/dist/components/ActionMenu/ActionMenu.css +29 -21
  2. package/dist/components/ActionMenu/ActionMenu.css.map +1 -1
  3. package/dist/components/ActionMenu/ActionMenu.d.ts +8 -2
  4. package/dist/components/ActionMenu/ActionMenu.js +46 -3
  5. package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
  6. package/dist/components/ActionMenu/ActionMenu.stories.d.ts +39 -0
  7. package/dist/components/ActionMenu/ActionMenu.stories.js +249 -0
  8. package/dist/components/ActionMenu/ActionMenu.stories.js.map +1 -0
  9. package/dist/components/ActionMenu/ActionMenu.test.js.map +1 -1
  10. package/dist/components/ActionMenu/ActionMenuGroup.js.map +1 -1
  11. package/dist/components/ActionMenu/ActionMenuItem.js +2 -5
  12. package/dist/components/ActionMenu/ActionMenuItem.js.map +1 -1
  13. package/dist/components/ActionMenu/index.css +29 -21
  14. package/dist/components/ActionMenu/index.css.map +1 -1
  15. package/dist/components/ActionMenu/index.js.map +1 -1
  16. package/dist/components/ActionMenu/useLatestEvent.d.ts +2 -0
  17. package/dist/components/ActionMenu/useLatestEvent.js +20 -0
  18. package/dist/components/ActionMenu/useLatestEvent.js.map +1 -0
  19. package/dist/components/Announcement/Announcement.js.map +1 -1
  20. package/dist/components/Announcement/Announcement.test.js.map +1 -1
  21. package/dist/components/Announcement/index.js.map +1 -1
  22. package/dist/components/AnvilSelect/AnvilSelect.d.ts +2 -1
  23. package/dist/components/AnvilSelect/AnvilSelect.js +17 -41
  24. package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
  25. package/dist/components/AnvilSelect/AnvilSelect.test.js.map +1 -1
  26. package/dist/components/AnvilSelect/components/DrillIn.js.map +1 -1
  27. package/dist/components/AnvilSelect/components/FocusProvider.d.ts +2 -1
  28. package/dist/components/AnvilSelect/components/FocusProvider.js.map +1 -1
  29. package/dist/components/AnvilSelect/components/SelectFooter.js +6 -6
  30. package/dist/components/AnvilSelect/components/SelectFooter.js.map +1 -1
  31. package/dist/components/AnvilSelect/components/SelectHeader.js.map +1 -1
  32. package/dist/components/AnvilSelect/components/SelectOptions.js.map +1 -1
  33. package/dist/components/AnvilSelect/components/Tree.js.map +1 -1
  34. package/dist/components/AnvilSelect/components/Trigger.js +2 -0
  35. package/dist/components/AnvilSelect/components/Trigger.js.map +1 -1
  36. package/dist/components/AnvilSelect/components/index.js.map +1 -1
  37. package/dist/components/AnvilSelect/index.js.map +1 -1
  38. package/dist/components/AnvilSelect/utils/FocusActionType.js.map +1 -1
  39. package/dist/components/AnvilSelect/utils/FocusContext.js.map +1 -1
  40. package/dist/components/AnvilSelect/utils/FooterAction.js.map +1 -1
  41. package/dist/components/AnvilSelect/utils/focus-utils.d.ts +0 -3
  42. package/dist/components/AnvilSelect/utils/focus-utils.js +1 -19
  43. package/dist/components/AnvilSelect/utils/focus-utils.js.map +1 -1
  44. package/dist/components/AnvilSelect/utils/index.js.map +1 -1
  45. package/dist/components/Avatar/Avatar.js.map +1 -1
  46. package/dist/components/Avatar/Avatar.test.js.map +1 -1
  47. package/dist/components/Avatar/index.js.map +1 -1
  48. package/dist/components/BackLink/BackLink.js.map +1 -1
  49. package/dist/components/BackLink/BackLink.test.js.map +1 -1
  50. package/dist/components/BackLink/index.js.map +1 -1
  51. package/dist/components/Backdrop/Backdrop.js.map +1 -1
  52. package/dist/components/Backdrop/Backdrop.test.js.map +1 -1
  53. package/dist/components/Backdrop/index.js.map +1 -1
  54. package/dist/components/Banner/Banner.js.map +1 -1
  55. package/dist/components/Banner/Banner.test.js.map +1 -1
  56. package/dist/components/Banner/index.js.map +1 -1
  57. package/dist/components/BodyText/BodyText.js +2 -2
  58. package/dist/components/BodyText/BodyText.js.map +1 -1
  59. package/dist/components/BodyText/BodyText.test.js.map +1 -1
  60. package/dist/components/BodyText/index.js.map +1 -1
  61. package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
  62. package/dist/components/Breadcrumb/BreadcrumbLink.js.map +1 -1
  63. package/dist/components/Breadcrumb/BreadcrumbLink.test.js.map +1 -1
  64. package/dist/components/Breadcrumb/index.js.map +1 -1
  65. package/dist/components/BreakPoint/BreakPoint.d.ts +2 -1
  66. package/dist/components/BreakPoint/BreakPoint.js.map +1 -1
  67. package/dist/components/BreakPoint/BreakPoint.test.js.map +1 -1
  68. package/dist/components/BreakPoint/index.js.map +1 -1
  69. package/dist/components/Button/Button.js +2 -10
  70. package/dist/components/Button/Button.js.map +1 -1
  71. package/dist/components/Button/Button.test.js.map +1 -1
  72. package/dist/components/Button/index.js.map +1 -1
  73. package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
  74. package/dist/components/ButtonGroup/ButtonGroup.test.js.map +1 -1
  75. package/dist/components/ButtonGroup/ButtonGroupItem.js.map +1 -1
  76. package/dist/components/ButtonGroup/index.js.map +1 -1
  77. package/dist/components/ButtonToggle/ButtonToggle.d.ts +1 -1
  78. package/dist/components/ButtonToggle/ButtonToggle.js +11 -1
  79. package/dist/components/ButtonToggle/ButtonToggle.js.map +1 -1
  80. package/dist/components/ButtonToggle/ButtonToggle.test.js.map +1 -1
  81. package/dist/components/ButtonToggle/ButtonToggleItem.js +1 -1
  82. package/dist/components/ButtonToggle/ButtonToggleItem.js.map +1 -1
  83. package/dist/components/ButtonToggle/index.js.map +1 -1
  84. package/dist/components/Card/Card.js.map +1 -1
  85. package/dist/components/Card/Card.test.js.map +1 -1
  86. package/dist/components/Card/CardSection.js.map +1 -1
  87. package/dist/components/Card/index.js.map +1 -1
  88. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  89. package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
  90. package/dist/components/Checkbox/index.js.map +1 -1
  91. package/dist/components/Collapsible/Collapsible.js +1 -1
  92. package/dist/components/Collapsible/Collapsible.js.map +1 -1
  93. package/dist/components/Collapsible/Collapsible.test.js.map +1 -1
  94. package/dist/components/Collapsible/index.js.map +1 -1
  95. package/dist/components/ColorPicker/ColorPicker.css +6 -4
  96. package/dist/components/ColorPicker/ColorPicker.css.map +1 -1
  97. package/dist/components/ColorPicker/ColorPicker.d.ts +1 -7
  98. package/dist/components/ColorPicker/ColorPicker.js +14 -27
  99. package/dist/components/ColorPicker/ColorPicker.js.map +1 -1
  100. package/dist/components/ColorPicker/ColorPicker.test.js.map +1 -1
  101. package/dist/components/ColorPicker/index.css +6 -4
  102. package/dist/components/ColorPicker/index.css.map +1 -1
  103. package/dist/components/ColorPicker/index.js.map +1 -1
  104. package/dist/components/Container/Container.js.map +1 -1
  105. package/dist/components/Container/index.js.map +1 -1
  106. package/dist/components/DataList/DataList.js +3 -3
  107. package/dist/components/DataList/DataList.js.map +1 -1
  108. package/dist/components/DataList/DataList.test.js.map +1 -1
  109. package/dist/components/DataList/DataListCell.d.ts +6 -4
  110. package/dist/components/DataList/DataListCell.js +2 -3
  111. package/dist/components/DataList/DataListCell.js.map +1 -1
  112. package/dist/components/DataList/DataListHeaderCell.d.ts +4 -2
  113. package/dist/components/DataList/DataListHeaderCell.js +2 -3
  114. package/dist/components/DataList/DataListHeaderCell.js.map +1 -1
  115. package/dist/components/DataList/DataListHeaderRow.js.map +1 -1
  116. package/dist/components/DataList/DataListRow.js.map +1 -1
  117. package/dist/components/DataList/index.js.map +1 -1
  118. package/dist/components/DatePicker/DatePicker.d.ts +1 -1
  119. package/dist/components/DatePicker/DatePicker.js +9 -6
  120. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  121. package/dist/components/DatePicker/DatePicker.test.js.map +1 -1
  122. package/dist/components/DatePicker/InputDateMask.js +2 -2
  123. package/dist/components/DatePicker/InputDateMask.js.map +1 -1
  124. package/dist/components/DatePicker/index.js.map +1 -1
  125. package/dist/components/DatePicker/utils/expandMaskUtils.js.map +1 -1
  126. package/dist/components/DatePicker/utils/expandMaskUtils.test.js.map +1 -1
  127. package/dist/components/DatePicker/utils/maskUtils.js.map +1 -1
  128. package/dist/components/DatePicker/utils/utils.js.map +1 -1
  129. package/dist/components/DateRangePicker/DateRangePicker.js +7 -2
  130. package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
  131. package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
  132. package/dist/components/DateRangePicker/components/DateRangeInput.js +1 -1
  133. package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
  134. package/dist/components/DateRangePicker/components/DateRangeOptionList.js.map +1 -1
  135. package/dist/components/DateRangePicker/components/DateRangeTrigger.js.map +1 -1
  136. package/dist/components/DateRangePicker/components/index.js.map +1 -1
  137. package/dist/components/DateRangePicker/index.js.map +1 -1
  138. package/dist/components/DateRangePicker/utils/checkScope.js.map +1 -1
  139. package/dist/components/DateRangePicker/utils/index.js.map +1 -1
  140. package/dist/components/Dialog/Dialog.d.ts +1 -0
  141. package/dist/components/Dialog/Dialog.js.map +1 -1
  142. package/dist/components/Dialog/Dialog.test.js.map +1 -1
  143. package/dist/components/Dialog/index.js.map +1 -1
  144. package/dist/components/Divider/Divider.js.map +1 -1
  145. package/dist/components/Divider/Divider.test.js.map +1 -1
  146. package/dist/components/Divider/index.js.map +1 -1
  147. package/dist/components/Drawer/Drawer.d.ts +1 -0
  148. package/dist/components/Drawer/Drawer.js.map +1 -1
  149. package/dist/components/Drawer/Drawer.test.js.map +1 -1
  150. package/dist/components/Drawer/index.js.map +1 -1
  151. package/dist/components/Dropdown/Dropdown.d.ts +2 -1
  152. package/dist/components/Dropdown/Dropdown.js.map +1 -1
  153. package/dist/components/Dropdown/DropdownIcon.js.map +1 -1
  154. package/dist/components/Dropdown/index.js.map +1 -1
  155. package/dist/components/Eyebrow/Eyebrow.js.map +1 -1
  156. package/dist/components/Eyebrow/Eyebrow.test.js.map +1 -1
  157. package/dist/components/Eyebrow/index.js.map +1 -1
  158. package/dist/components/FilePicker/FilePicker.js.map +1 -1
  159. package/dist/components/FilePicker/FilePicker.test.js.map +1 -1
  160. package/dist/components/FilePicker/index.js.map +1 -1
  161. package/dist/components/FilterButton/FilterButton.js.map +1 -1
  162. package/dist/components/FilterButton/FilterButton.test.js.map +1 -1
  163. package/dist/components/FilterButton/index.js.map +1 -1
  164. package/dist/components/FlowCard/FlowCard.d.ts +2 -1
  165. package/dist/components/FlowCard/FlowCard.js.map +1 -1
  166. package/dist/components/FlowCard/FlowCard.test.js.map +1 -1
  167. package/dist/components/FlowCard/FlowCardStep.js.map +1 -1
  168. package/dist/components/FlowCard/index.js.map +1 -1
  169. package/dist/components/Form/Form.js.map +1 -1
  170. package/dist/components/Form/Form.test.js.map +1 -1
  171. package/dist/components/Form/index.js.map +1 -1
  172. package/dist/components/FormControls/FormAnvilSelect.js.map +1 -1
  173. package/dist/components/FormControls/FormButton.js.map +1 -1
  174. package/dist/components/FormControls/FormButtonToggle.js.map +1 -1
  175. package/dist/components/FormControls/FormCheckbox.js.map +1 -1
  176. package/dist/components/FormControls/FormColorPicker.js.map +1 -1
  177. package/dist/components/FormControls/FormDatePicker.js.map +1 -1
  178. package/dist/components/FormControls/FormDateRangePicker.js.map +1 -1
  179. package/dist/components/FormControls/FormDropdown.js.map +1 -1
  180. package/dist/components/FormControls/FormInput.d.ts +1 -1
  181. package/dist/components/FormControls/FormInput.js.map +1 -1
  182. package/dist/components/FormControls/FormRadio.js.map +1 -1
  183. package/dist/components/FormControls/FormSelect.js.map +1 -1
  184. package/dist/components/FormControls/FormTextArea.js.map +1 -1
  185. package/dist/components/FormControls/FormTimePicker.js.map +1 -1
  186. package/dist/components/FormControls/FormToggleSwitch.js.map +1 -1
  187. package/dist/components/FormControls/FormTogglebox.js.map +1 -1
  188. package/dist/components/FormControls/index.js.map +1 -1
  189. package/dist/components/FormField/FormField.js +8 -6
  190. package/dist/components/FormField/FormField.js.map +1 -1
  191. package/dist/components/FormField/FormField.test.js.map +1 -1
  192. package/dist/components/FormField/FormFieldContext.js.map +1 -1
  193. package/dist/components/FormField/index.js.map +1 -1
  194. package/dist/components/FormGroup/FormGroup.js.map +1 -1
  195. package/dist/components/FormGroup/FormGroup.test.js.map +1 -1
  196. package/dist/components/FormGroup/index.js.map +1 -1
  197. package/dist/components/Frame/Frame.js.map +1 -1
  198. package/dist/components/Frame/Frame.test.js.map +1 -1
  199. package/dist/components/Frame/index.js.map +1 -1
  200. package/dist/components/Grid/Grid.js.map +1 -1
  201. package/dist/components/Grid/Grid.test.js.map +1 -1
  202. package/dist/components/Grid/GridColumn.js.map +1 -1
  203. package/dist/components/Grid/GridRow.js.map +1 -1
  204. package/dist/components/Grid/index.js.map +1 -1
  205. package/dist/components/Headline/Headline.js.map +1 -1
  206. package/dist/components/Headline/Headline.test.js.map +1 -1
  207. package/dist/components/Headline/index.js.map +1 -1
  208. package/dist/components/Icon/Icon.js.map +1 -1
  209. package/dist/components/Icon/Icon.test.js.map +1 -1
  210. package/dist/components/Icon/index.js.map +1 -1
  211. package/dist/components/InlineEdit/InlineEdit.js.map +1 -1
  212. package/dist/components/InlineEdit/InlineEdit.test.js.map +1 -1
  213. package/dist/components/InlineEdit/index.js.map +1 -1
  214. package/dist/components/Input/Input.d.ts +1 -0
  215. package/dist/components/Input/Input.js.map +1 -1
  216. package/dist/components/Input/Input.test.js.map +1 -1
  217. package/dist/components/Input/InputAddon.js.map +1 -1
  218. package/dist/components/Input/index.js.map +1 -1
  219. package/dist/components/Input/inputProps.js.map +1 -1
  220. package/dist/components/KeyPressListener/KeyPressListener.js.map +1 -1
  221. package/dist/components/KeyPressListener/index.js.map +1 -1
  222. package/dist/components/Label/Label.js.map +1 -1
  223. package/dist/components/Label/index.js.map +1 -1
  224. package/dist/components/Layout/Layout.js.map +1 -1
  225. package/dist/components/Layout/Layout.test.js.map +1 -1
  226. package/dist/components/Layout/LayoutSection.js.map +1 -1
  227. package/dist/components/Layout/index.js.map +1 -1
  228. package/dist/components/Link/Link.js.map +1 -1
  229. package/dist/components/Link/Link.test.js.map +1 -1
  230. package/dist/components/Link/index.js.map +1 -1
  231. package/dist/components/Mask/Mask.js.map +1 -1
  232. package/dist/components/Mask/Mask.test.js.map +1 -1
  233. package/dist/components/Mask/index.js.map +1 -1
  234. package/dist/components/Modal/Modal.js +4 -5
  235. package/dist/components/Modal/Modal.js.map +1 -1
  236. package/dist/components/Modal/Modal.test.js.map +1 -1
  237. package/dist/components/Modal/components.d.ts +1 -0
  238. package/dist/components/Modal/components.js.map +1 -1
  239. package/dist/components/Modal/index.js.map +1 -1
  240. package/dist/components/MoreDetails/MoreDetails.js.map +1 -1
  241. package/dist/components/MoreDetails/MoreDetails.test.js.map +1 -1
  242. package/dist/components/MoreDetails/index.js.map +1 -1
  243. package/dist/components/OptionList/Option.js.map +1 -1
  244. package/dist/components/OptionList/OptionList.d.ts +2 -0
  245. package/dist/components/OptionList/OptionList.js +6 -2
  246. package/dist/components/OptionList/OptionList.js.map +1 -1
  247. package/dist/components/OptionList/OptionList.test.js.map +1 -1
  248. package/dist/components/OptionList/index.js.map +1 -1
  249. package/dist/components/OptionList/useOnExpand.js.map +1 -1
  250. package/dist/components/Page/Page.js.map +1 -1
  251. package/dist/components/Page/Page.test.js.map +1 -1
  252. package/dist/components/Page/components/ActionToolbar.js.map +1 -1
  253. package/dist/components/Page/components/Panel.js.map +1 -1
  254. package/dist/components/Page/components/index.js.map +1 -1
  255. package/dist/components/Page/index.js.map +1 -1
  256. package/dist/components/Popover/Popover.d.ts +2 -1
  257. package/dist/components/Popover/Popover.js.map +1 -1
  258. package/dist/components/Popover/Popover.test.js.map +1 -1
  259. package/dist/components/Popover/components.d.ts +2 -0
  260. package/dist/components/Popover/components.js.map +1 -1
  261. package/dist/components/Popover/index.js.map +1 -1
  262. package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
  263. package/dist/components/ProgressBar/ProgressBar.test.js.map +1 -1
  264. package/dist/components/ProgressBar/index.js.map +1 -1
  265. package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
  266. package/dist/components/ProgressCircle/ProgressCircle.test.js.map +1 -1
  267. package/dist/components/ProgressCircle/index.js.map +1 -1
  268. package/dist/components/ProgressTracker/ProgressTracker.js.map +1 -1
  269. package/dist/components/ProgressTracker/ProgressTracker.test.js.map +1 -1
  270. package/dist/components/ProgressTracker/ProgressTrackerDivider.js +3 -3
  271. package/dist/components/ProgressTracker/ProgressTrackerDivider.js.map +1 -1
  272. package/dist/components/ProgressTracker/ProgressTrackerStep.js.map +1 -1
  273. package/dist/components/ProgressTracker/index.js.map +1 -1
  274. package/dist/components/Radio/Radio.js.map +1 -1
  275. package/dist/components/Radio/Radio.test.js.map +1 -1
  276. package/dist/components/Radio/index.js.map +1 -1
  277. package/dist/components/Scroll/Scroll.js.map +1 -1
  278. package/dist/components/Scroll/Scroll.test.js.map +1 -1
  279. package/dist/components/Scroll/index.js.map +1 -1
  280. package/dist/components/Select/Select.js.map +1 -1
  281. package/dist/components/Select/Select.test.js.map +1 -1
  282. package/dist/components/Select/index.js.map +1 -1
  283. package/dist/components/SideNav/SideNav.d.ts +1 -0
  284. package/dist/components/SideNav/SideNav.js +20 -5
  285. package/dist/components/SideNav/SideNav.js.map +1 -1
  286. package/dist/components/SideNav/SideNav.test.js.map +1 -1
  287. package/dist/components/SideNav/SideNavGroup.js.map +1 -1
  288. package/dist/components/SideNav/SideNavItem.css +4 -2
  289. package/dist/components/SideNav/SideNavItem.css.map +1 -1
  290. package/dist/components/SideNav/SideNavItem.d.ts +1 -0
  291. package/dist/components/SideNav/SideNavItem.js +13 -51
  292. package/dist/components/SideNav/SideNavItem.js.map +1 -1
  293. package/dist/components/SideNav/index.css +4 -2
  294. package/dist/components/SideNav/index.css.map +1 -1
  295. package/dist/components/SideNav/index.js.map +1 -1
  296. package/dist/components/Sidebar/Sidebar.js.map +1 -1
  297. package/dist/components/Sidebar/Sidebar.test.js.map +1 -1
  298. package/dist/components/Sidebar/SidebarSection.js.map +1 -1
  299. package/dist/components/Sidebar/index.js.map +1 -1
  300. package/dist/components/Snackbar/Snackbar.d.ts +1 -0
  301. package/dist/components/Snackbar/Snackbar.js.map +1 -1
  302. package/dist/components/Snackbar/Snackbar.test.js.map +1 -1
  303. package/dist/components/Snackbar/index.js.map +1 -1
  304. package/dist/components/Spinner/Spinner.js.map +1 -1
  305. package/dist/components/Spinner/Spinner.test.js.map +1 -1
  306. package/dist/components/Spinner/index.js.map +1 -1
  307. package/dist/components/Stack/Stack.js.map +1 -1
  308. package/dist/components/Stack/Stack.test.js.map +1 -1
  309. package/dist/components/Stack/StackItem.js.map +1 -1
  310. package/dist/components/Stack/index.js.map +1 -1
  311. package/dist/components/StatusLight/StatusLight.js.map +1 -1
  312. package/dist/components/StatusLight/StatusLight.test.js.map +1 -1
  313. package/dist/components/StatusLight/index.js.map +1 -1
  314. package/dist/components/Tab/Tab.js +1 -1
  315. package/dist/components/Tab/Tab.js.map +1 -1
  316. package/dist/components/Tab/Tab.test.js.map +1 -1
  317. package/dist/components/Tab/index.js.map +1 -1
  318. package/dist/components/TabGroup/TabGroup.js +8 -1
  319. package/dist/components/TabGroup/TabGroup.js.map +1 -1
  320. package/dist/components/TabGroup/TabGroup.test.js.map +1 -1
  321. package/dist/components/TabGroup/TabGroupItem.js.map +1 -1
  322. package/dist/components/TabGroup/components.d.ts +4 -2
  323. package/dist/components/TabGroup/components.js.map +1 -1
  324. package/dist/components/TabGroup/index.js.map +1 -1
  325. package/dist/components/Table/GridMod.js.map +1 -1
  326. package/dist/components/Table/Table.css +11 -1
  327. package/dist/components/Table/Table.css.map +1 -1
  328. package/dist/components/Table/Table.js.map +1 -1
  329. package/dist/components/Table/Table.test.js.map +1 -1
  330. package/dist/components/Table/TableLoadingPanel.js.map +1 -1
  331. package/dist/components/Table/components.js.map +1 -1
  332. package/dist/components/Table/index.css +11 -1
  333. package/dist/components/Table/index.css.map +1 -1
  334. package/dist/components/Table/index.js.map +1 -1
  335. package/dist/components/Table/useTableMinWidth.js.map +1 -1
  336. package/dist/components/Tag/Tag.js.map +1 -1
  337. package/dist/components/Tag/Tag.test.js.map +1 -1
  338. package/dist/components/Tag/index.js.map +1 -1
  339. package/dist/components/TagGroup/TagGroup.js.map +1 -1
  340. package/dist/components/TagGroup/TagGroup.test.js.map +1 -1
  341. package/dist/components/TagGroup/TagGroupItem.js.map +1 -1
  342. package/dist/components/TagGroup/index.js.map +1 -1
  343. package/dist/components/Takeover/Takeover.js.map +1 -1
  344. package/dist/components/Takeover/Takeover.test.js.map +1 -1
  345. package/dist/components/Takeover/TakeoverFooter.js.map +1 -1
  346. package/dist/components/Takeover/TakeoverHeader.js.map +1 -1
  347. package/dist/components/Takeover/TakeoverSection.js.map +1 -1
  348. package/dist/components/Takeover/index.js.map +1 -1
  349. package/dist/components/Text/Text.js.map +1 -1
  350. package/dist/components/Text/Text.test.js.map +1 -1
  351. package/dist/components/Text/index.js.map +1 -1
  352. package/dist/components/TextArea/TextArea.d.ts +2 -1
  353. package/dist/components/TextArea/TextArea.js +1 -1
  354. package/dist/components/TextArea/TextArea.js.map +1 -1
  355. package/dist/components/TextArea/TextArea.test.js.map +1 -1
  356. package/dist/components/TextArea/index.js.map +1 -1
  357. package/dist/components/Thumbnail/Thumbnail.js.map +1 -1
  358. package/dist/components/Thumbnail/Thumbnail.test.js.map +1 -1
  359. package/dist/components/Thumbnail/index.js.map +1 -1
  360. package/dist/components/TimePicker/TimePicker.js +10 -8
  361. package/dist/components/TimePicker/TimePicker.js.map +1 -1
  362. package/dist/components/TimePicker/TimePicker.test.js +13 -4
  363. package/dist/components/TimePicker/TimePicker.test.js.map +1 -1
  364. package/dist/components/TimePicker/components/TimePickerOptionList.d.ts +1 -1
  365. package/dist/components/TimePicker/components/TimePickerOptionList.js +21 -25
  366. package/dist/components/TimePicker/components/TimePickerOptionList.js.map +1 -1
  367. package/dist/components/TimePicker/components/index.js.map +1 -1
  368. package/dist/components/TimePicker/index.js.map +1 -1
  369. package/dist/components/TimePicker/utils/TimePickerUtils.test.js.map +1 -1
  370. package/dist/components/TimePicker/utils/checkMinMax.js.map +1 -1
  371. package/dist/components/TimePicker/utils/filterOptions.js +7 -5
  372. package/dist/components/TimePicker/utils/filterOptions.js.map +1 -1
  373. package/dist/components/TimePicker/utils/generateOptions.js.map +1 -1
  374. package/dist/components/TimePicker/utils/getClosestOption.js.map +1 -1
  375. package/dist/components/TimePicker/utils/getOptionByText.js.map +1 -1
  376. package/dist/components/TimePicker/utils/highlightOption.js.map +1 -1
  377. package/dist/components/TimePicker/utils/index.js.map +1 -1
  378. package/dist/components/TimePicker/utils/injectOption.js.map +1 -1
  379. package/dist/components/TimePicker/utils/stringToDate.js.map +1 -1
  380. package/dist/components/TimePicker/utils/timezoneUtils.js.map +1 -1
  381. package/dist/components/TimePicker/utils/toTimeFormat.js.map +1 -1
  382. package/dist/components/TimePicker/utils/utils.js +10 -12
  383. package/dist/components/TimePicker/utils/utils.js.map +1 -1
  384. package/dist/components/Toast/Toast.d.ts +2 -1
  385. package/dist/components/Toast/Toast.js.map +1 -1
  386. package/dist/components/Toast/Toast.test.js.map +1 -1
  387. package/dist/components/Toast/ToastGroup.d.ts +1 -1
  388. package/dist/components/Toast/ToastGroup.js.map +1 -1
  389. package/dist/components/Toast/index.js.map +1 -1
  390. package/dist/components/ToggleSwitch/ToggleSwitch.js +8 -7
  391. package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -1
  392. package/dist/components/ToggleSwitch/ToggleSwitch.test.js.map +1 -1
  393. package/dist/components/ToggleSwitch/index.js.map +1 -1
  394. package/dist/components/Togglebox/Togglebox.js.map +1 -1
  395. package/dist/components/Togglebox/Togglebox.test.js.map +1 -1
  396. package/dist/components/Togglebox/index.js.map +1 -1
  397. package/dist/components/Tooltip/Tooltip.js +3 -4
  398. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  399. package/dist/components/Tooltip/Tooltip.test.js.map +1 -1
  400. package/dist/components/Tooltip/index.js.map +1 -1
  401. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +2 -1
  402. package/dist/components/VisuallyHidden/VisuallyHidden.js +1 -1
  403. package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
  404. package/dist/components/VisuallyHidden/index.js.map +1 -1
  405. package/dist/components/index.css +50 -28
  406. package/dist/components/index.css.map +1 -1
  407. package/dist/components/index.js.map +1 -1
  408. package/dist/global/index.css +1 -1
  409. package/dist/global/version.css +1 -1
  410. package/dist/hooks/index.js.map +1 -1
  411. package/dist/hooks/useArrowNav/index.d.ts +1 -0
  412. package/dist/hooks/useArrowNav/index.js +2 -0
  413. package/dist/hooks/useArrowNav/index.js.map +1 -0
  414. package/dist/hooks/useArrowNav/useArrowNav.d.ts +27 -0
  415. package/dist/hooks/useArrowNav/useArrowNav.js +65 -0
  416. package/dist/hooks/useArrowNav/useArrowNav.js.map +1 -0
  417. package/dist/hooks/useArrowNav/utils/index.d.ts +3 -0
  418. package/dist/hooks/useArrowNav/utils/index.js +4 -0
  419. package/dist/hooks/useArrowNav/utils/index.js.map +1 -0
  420. package/dist/hooks/useArrowNav/utils/keys.d.ts +3 -0
  421. package/dist/hooks/useArrowNav/utils/keys.js +12 -0
  422. package/dist/hooks/useArrowNav/utils/keys.js.map +1 -0
  423. package/dist/hooks/useArrowNav/utils/tabIndex.d.ts +2 -0
  424. package/dist/hooks/useArrowNav/utils/tabIndex.js +53 -0
  425. package/dist/hooks/useArrowNav/utils/tabIndex.js.map +1 -0
  426. package/dist/hooks/useArrowNav/utils/utils.d.ts +14 -0
  427. package/dist/hooks/useArrowNav/utils/utils.js +111 -0
  428. package/dist/hooks/useArrowNav/utils/utils.js.map +1 -0
  429. package/dist/hooks/useFocusTrap/index.js.map +1 -1
  430. package/dist/hooks/useFocusTrap/internal/index.js.map +1 -1
  431. package/dist/hooks/useFocusTrap/internal/useAutoFocus.js +12 -13
  432. package/dist/hooks/useFocusTrap/internal/useAutoFocus.js.map +1 -1
  433. package/dist/hooks/useFocusTrap/internal/useAutoFocusContainer.js.map +1 -1
  434. package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.js +5 -5
  435. package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.js.map +1 -1
  436. package/dist/hooks/useFocusTrap/internal/useFocusLock.js +4 -5
  437. package/dist/hooks/useFocusTrap/internal/useFocusLock.js.map +1 -1
  438. package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js +4 -1
  439. package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js.map +1 -1
  440. package/dist/hooks/useFocusTrap/internal/utils.d.ts +6 -2
  441. package/dist/hooks/useFocusTrap/internal/utils.js +27 -12
  442. package/dist/hooks/useFocusTrap/internal/utils.js.map +1 -1
  443. package/dist/hooks/useFocusTrap/useFocusTrap.js.map +1 -1
  444. package/dist/hooks/useFocusVisible.js +9 -11
  445. package/dist/hooks/useFocusVisible.js.map +1 -1
  446. package/dist/hooks/useFocusVisible.test.js.map +1 -1
  447. package/dist/hooks/useMergedRef.js.map +1 -1
  448. package/dist/hooks/useScreenSize.js.map +1 -1
  449. package/dist/hooks/useScrollPosition.js.map +1 -1
  450. package/dist/hooks/useVisuallyHidden.js.map +1 -1
  451. package/dist/internal/CollapsibleList/CollapsibleContext.js.map +1 -1
  452. package/dist/internal/CollapsibleList/CollapsibleList.d.ts +2 -1
  453. package/dist/internal/CollapsibleList/CollapsibleList.js.map +1 -1
  454. package/dist/internal/CollapsibleList/CollapsibleListItem.d.ts +2 -1
  455. package/dist/internal/CollapsibleList/CollapsibleListItem.js +20 -2
  456. package/dist/internal/CollapsibleList/CollapsibleListItem.js.map +1 -1
  457. package/dist/internal/CollapsibleList/index.js.map +1 -1
  458. package/dist/internal/Overlay/Overlay.d.ts +2 -1
  459. package/dist/internal/Overlay/Overlay.js.map +1 -1
  460. package/dist/internal/Overlay/index.js.map +1 -1
  461. package/dist/internal/Popper/Popper.css +4 -2
  462. package/dist/internal/Popper/Popper.css.map +1 -1
  463. package/dist/internal/Popper/Popper.d.ts +1 -1
  464. package/dist/internal/Popper/Popper.js +3 -3
  465. package/dist/internal/Popper/Popper.js.map +1 -1
  466. package/dist/internal/Popper/index.css +4 -2
  467. package/dist/internal/Popper/index.css.map +1 -1
  468. package/dist/internal/Popper/index.js.map +1 -1
  469. package/dist/internal/Portal/Portal.d.ts +2 -1
  470. package/dist/internal/Portal/Portal.js.map +1 -1
  471. package/dist/internal/Portal/index.js.map +1 -1
  472. package/dist/internal/index.css +4 -2
  473. package/dist/internal/index.css.map +1 -1
  474. package/dist/internal/index.js.map +1 -1
  475. package/dist/system-light.css +5 -9
  476. package/dist/system-light.css.map +1 -1
  477. package/dist/system-light.min.css +1 -1
  478. package/dist/system.css +86 -97
  479. package/dist/system.css.map +1 -1
  480. package/dist/system.js.map +1 -1
  481. package/dist/system.min.css +2 -2
  482. package/dist/utilities/AnvilProvider.js.map +1 -1
  483. package/dist/utilities/ConditionalWrapper.js.map +1 -1
  484. package/dist/utilities/DefaultPortalContext.js.map +1 -1
  485. package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js +143 -32
  486. package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js.map +1 -1
  487. package/dist/utilities/KeyboardAccessTests/components/KeyboardTester.js.map +1 -1
  488. package/dist/utilities/KeyboardAccessTests/components/components.d.ts +1 -0
  489. package/dist/utilities/KeyboardAccessTests/components/components.js +78 -39
  490. package/dist/utilities/KeyboardAccessTests/components/components.js.map +1 -1
  491. package/dist/utilities/KeyboardAccessTests/components/index.js.map +1 -1
  492. package/dist/utilities/KeyboardAccessTests/utils/index.js.map +1 -1
  493. package/dist/utilities/KeyboardAccessTests/utils/jestUtils.d.ts +1 -0
  494. package/dist/utilities/KeyboardAccessTests/utils/jestUtils.js +18 -0
  495. package/dist/utilities/KeyboardAccessTests/utils/jestUtils.js.map +1 -1
  496. package/dist/utilities/KeyboardAccessTests/utils/utils.d.ts +0 -1
  497. package/dist/utilities/KeyboardAccessTests/utils/utils.js +0 -16
  498. package/dist/utilities/KeyboardAccessTests/utils/utils.js.map +1 -1
  499. package/dist/utilities/OverlayContext.js.map +1 -1
  500. package/dist/utilities/SemanticUtils/index.js.map +1 -1
  501. package/dist/utilities/SemanticUtils/refUtils.js.map +1 -1
  502. package/dist/utilities/SemanticUtils/widths.js.map +1 -1
  503. package/dist/utilities/ThemeProvider.js.map +1 -1
  504. package/dist/utilities/TimezoneProvider/TimezoneProvider.js.map +1 -1
  505. package/dist/utilities/TimezoneProvider/TimezoneProvider.test.js.map +1 -1
  506. package/dist/utilities/TimezoneProvider/index.js.map +1 -1
  507. package/dist/utilities/color-utils.js.map +1 -1
  508. package/dist/utilities/dateFormat.js.map +1 -1
  509. package/dist/utilities/debounce.js.map +1 -1
  510. package/dist/utilities/getContent.js.map +1 -1
  511. package/dist/utilities/index.js.map +1 -1
  512. package/dist/utilities/isElementOfType.js.map +1 -1
  513. package/dist/utilities/justify-props.js.map +1 -1
  514. package/dist/utilities/keyCodes.js.map +1 -1
  515. package/dist/utilities/usePrefersColorScheme.js.map +1 -1
  516. package/dist/utilities/useStorybookFigmaAddon.js.map +1 -1
  517. package/dist/utilities/wrapChildren.js.map +1 -1
  518. package/dist/utilities/wrapWithComponent.d.ts +1 -1
  519. package/dist/utilities/wrapWithComponent.js.map +1 -1
  520. package/package.json +29 -35
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACtB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,MAAM,CACxC,oBAAC,KAAK,IACL,IAAI,QACJ,KAAK,EAAC,aAAa,EACnB,QAAQ,QACR,UAAU,yBACI,qBAAqB;YAEnC,oBAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,6BAAkC,CACtD,CACR,CAAC;QAEF;;;WAGG;QACH,MAAM,gBAAgB,GAAG,SAAS,CAAC,aAAa,CAC/C,uCAAuC,CACvC,CAAC;QACF,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAC9C,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACtB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,MAAM,CACxC,oBAAC,KAAK,IACL,IAAI,QACJ,KAAK,EAAC,aAAa,EACnB,QAAQ,QACR,UAAU,yBACI,qBAAqB;YAEnC,oBAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,6BAAkC,CACtD,CACR,CAAC;QAEF;;;WAGG;QACH,MAAM,gBAAgB,GAAG,SAAS,CAAC,aAAa,CAC/C,uCAAuC,CACvC,CAAC;QACF,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAC9C,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Modal } from './Modal';\nimport { BodyText } from '../BodyText';\n\ndescribe('Modal', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container, baseElement } = render(\n\t\t\t<Modal\n\t\t\t\topen\n\t\t\t\ttitle=\"Modal Title\"\n\t\t\t\tclosable\n\t\t\t\tscrollable\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\t<BodyText className=\"m-b-2\">Lorem ipsum etsy pabst</BodyText>\n\t\t\t</Modal>\n\t\t);\n\n\t\t/**\n\t\t * NOTE: Using \"baseElement\" instead of \"container\" because\n\t\t * Drawer is rendered in a portal\n\t\t */\n\t\tconst nonPortalElement = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\t\tconst portalElement = baseElement.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(nonPortalElement).toBeNull();\n\t\texpect(portalElement).not.toBeNull();\n\t});\n});\n"]}
@@ -3,6 +3,7 @@ import { OverlayProps } from '../../internal/Overlay';
3
3
  import { JustifyProps } from '../../utilities/justify-props';
4
4
  import { UseFocusTrapProps } from '../../hooks/useFocusTrap';
5
5
  export interface ModalContentProps {
6
+ children?: React.ReactNode;
6
7
  /** Adds one or more classnames for an element */
7
8
  className?: string;
8
9
  /** Allows the Modal to fit within the browser window */
@@ -1 +1 @@
1
- {"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Modal/components.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Modal/components.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { tokens } from '@servicetitan/tokens/core';\nimport { Overlay, OverlayProps } from '../../internal/Overlay';\nimport { JustifyProps } from '../../utilities/justify-props';\nimport { useFocusTrap, UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport { Headline } from '../Headline';\nimport { Button } from '../Button';\n\nexport interface ModalContentProps {\n\tchildren?: React.ReactNode;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Allows the Modal to fit within the browser window */\n\tscrollable?: boolean;\n\n\tid?: string;\n}\n\nexport const ModalContent: FC<ModalContentProps> = ({\n\tchildren,\n\tclassName,\n\tscrollable = true,\n\tid,\n}) => {\n\tconst ModalContentClassNames = classnames('Modal__content', className, {\n\t\t'Modal__content--scrollable': scrollable,\n\t});\n\treturn (\n\t\t<div id={id} className={ModalContentClassNames}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nModalContent.displayName = 'ModalContent';\n\nexport interface ModalFooterProps extends ModalContentProps {\n\talign?: JustifyProps;\n}\n\nexport const ModalFooter: FC<ModalFooterProps> = ({\n\talign = 'right',\n\tchildren,\n\tclassName,\n\t...props\n}) => {\n\tconst ModalFooterClassNames = classnames('Modal__footer', className, {\n\t\t'Modal__footer--left': align === 'left',\n\t\t'Modal__footer--center': align === 'center',\n\t\t'Modal__footer--right': align === 'right',\n\t\t'Modal__footer--space-between': align === 'space-between',\n\t});\n\treturn (\n\t\t<div className={ModalFooterClassNames} {...props}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nModalFooter.displayName = 'ModalFooter';\n\nexport interface ModalHeaderProps {\n\t/** Add class attribute */\n\tclassName?: string;\n\tonClose?: (e: React.SyntheticEvent<HTMLElement>) => void;\n\ttitle?: React.ReactNode;\n\tid?: string;\n}\n\nexport const ModalHeader: FC<ModalHeaderProps> = ({\n\tclassName,\n\ttitle,\n\tonClose,\n\tid,\n\t...props\n}) => {\n\tif (!onClose && title == null) {\n\t\treturn null;\n\t}\n\n\tconst ModalHeaderClassNames = classnames('Modal__header', className);\n\n\treturn (\n\t\t<div className={ModalHeaderClassNames} {...props}>\n\t\t\t<Headline className=\"Modal__header-title\" id={id}>\n\t\t\t\t{title}\n\t\t\t</Headline>\n\t\t\t{onClose && (\n\t\t\t\t<Button\n\t\t\t\t\taria-label=\"close modal\"\n\t\t\t\t\tfill=\"subtle\"\n\t\t\t\t\tclassName=\"Modal__header-close\"\n\t\t\t\t\ticonName=\"clear\"\n\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nModalHeader.displayName = 'ModalHeader';\n\n/**\n * Modal Sizes\n */\nexport enum ModalSizes {\n\tXS = 'XS',\n\tS = 'S',\n\tM = 'M',\n\tL = 'L',\n}\n\nfunction sizeClass(size: ModalSizes): string {\n\treturn `Modal--${size}`;\n}\n\n/**\n * Modal Window Properties\n */\nexport interface ModalWindowProps extends OverlayProps {\n\t/** Add class attribute */\n\tclassName?: string;\n\n\tsize?: ModalSizes;\n\n\t/** Options passed into useFocusTrap */\n\tfocusTrapOptions?: UseFocusTrapProps;\n}\n\nexport const ModalWindow: FC<ModalWindowProps> = ({\n\tanimate = true,\n\tchildren,\n\tclassName,\n\tfocusTrapOptions,\n\tonClose,\n\topen,\n\tportal = true,\n\tsize = ModalSizes.M,\n\t...props\n}) => {\n\tconst ModalWindowClassNames = classnames(\n\t\t'Modal',\n\t\tsizeClass(size),\n\t\tclassName\n\t);\n\n\t// Focus trapping\n\tconst containerRef = useFocusTrap({\n\t\tautoFocusContainer: true,\n\t\tdisabled: !open,\n\t\t...focusTrapOptions,\n\t});\n\n\tconst duration: number = parseInt(tokens.durationStandard, 10) / 1000; // '200ms' -> 0.2\n\tconst framerAnimation = {\n\t\tinitial: { opacity: 0, y: 50 },\n\t\tanimate: { opacity: 1, y: 0 },\n\t\texit: { opacity: 0, y: 50 },\n\t\ttransition: { type: 'easeInOut', duration },\n\t};\n\n\tconst Animate = animate ? AnimatePresence : React.Fragment;\n\tconst ModalEl = animate ? motion.div : 'div';\n\tconst ModalProps = {\n\t\tclassName: ModalWindowClassNames,\n\t\t...(animate && framerAnimation),\n\t\t...props,\n\t\tref: containerRef,\n\t};\n\n\treturn (\n\t\t<Overlay\n\t\t\tanimate={animate}\n\t\t\tbackdrop\n\t\t\tonClose={onClose}\n\t\t\topen={open}\n\t\t\tportal={portal}\n\t\t>\n\t\t\t<Animate>\n\t\t\t\t{open && <ModalEl {...ModalProps}>{children}</ModalEl>}\n\t\t\t</Animate>\n\t\t</Overlay>\n\t);\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","sourcesContent":["export * from './Modal';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"MoreDetails.js","sourceRoot":"","sources":["../../../src/components/MoreDetails/MoreDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AAgCpC,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EAUC,EACD,GAAa,EACZ,EAAE;QAZH,EACC,IAAI,EACJ,KAAK,EACL,SAAS,GAAG,GAAG,EACf,SAAS,EACT,cAAc,EACd,aAAa,EACb,YAAY,EACZ,IAAI,OAEJ,EADG,KAAK,cATT,sGAUC,CADQ;IAIT,MAAM,yBAAyB,GAAG,UAAU,CAC3C,iBAAiB,EACjB,aAAa,EACb;QACC,CAAC,oBAAoB,IAAI,EAAE,CAAC,EAAE,IAAI;KAClC,CACD,CAAC;IAEF,MAAM,qBAAqB,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAE5D,OAAO,CACN,oBAAC,KAAK,kBACL,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,qBAAqB,EAChC,GAAG,EAAE,GAAG,0BACa,aAAa,IAC9B,KAAK;QAET,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,IAC7C,KAAK,CACI;QACV,KAAK,KAAK,IAAI,IAAI,CAClB,oBAAC,OAAO,kBACP,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,MAAM,EAChB,MAAM,QACN,SAAS,EAAE,SAAS,IAChB,YAAY;YAEhB,6BAAK,SAAS,EAAE,yBAAyB;gBACxC,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB,CACG,CACV,CACM,CACR,CAAC;AACH,CAAC,CACD,CAAC"}
1
+ {"version":3,"file":"MoreDetails.js","sourceRoot":"","sources":["../../../src/components/MoreDetails/MoreDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AAgCpC,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EAUC,EACD,GAAa,EACZ,EAAE;QAZH,EACC,IAAI,EACJ,KAAK,EACL,SAAS,GAAG,GAAG,EACf,SAAS,EACT,cAAc,EACd,aAAa,EACb,YAAY,EACZ,IAAI,OAEJ,EADG,KAAK,cATT,sGAUC,CADQ;IAIT,MAAM,yBAAyB,GAAG,UAAU,CAC3C,iBAAiB,EACjB,aAAa,EACb;QACC,CAAC,oBAAoB,IAAI,EAAE,CAAC,EAAE,IAAI;KAClC,CACD,CAAC;IAEF,MAAM,qBAAqB,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAE5D,OAAO,CACN,oBAAC,KAAK,kBACL,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,qBAAqB,EAChC,GAAG,EAAE,GAAG,0BACa,aAAa,IAC9B,KAAK;QAET,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,IAC7C,KAAK,CACI;QACV,KAAK,KAAK,IAAI,IAAI,CAClB,oBAAC,OAAO,kBACP,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,MAAM,EAChB,MAAM,QACN,SAAS,EAAE,SAAS,IAChB,YAAY;YAEhB,6BAAK,SAAS,EAAE,yBAAyB;gBACxC,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB,CACG,CACV,CACM,CACR,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React, { FC, Ref } from 'react';\nimport { BodyText } from '../BodyText';\nimport { Tooltip, TooltipProps } from '../Tooltip';\nimport { Icon } from '../Icon';\nimport { Stack } from '../Stack';\nimport classNames from 'classnames';\n\nexport interface MoreDetailsPropsStrict {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Direction of Tooltip */\n\tdirection?: TooltipProps['direction'];\n\n\t/** Full value. If different from `short`, this is shown in a Tooltip */\n\tfull: string;\n\n\t/** Adds one or more classnames to Icon wrapper */\n\ticonClassName?: string;\n\n\t/** Adds one or more classnames to always visible text */\n\tlabelClassName?: string;\n\n\t/** Abbreviated value. This is always shown */\n\tshort: string;\n\n\t/** Font size of abbreviated `short` value. Uses BodyText sizing. */\n\tsize?: 'large' | 'medium' | 'small' | 'xsmall';\n\n\t/** Give Tooltip additional props for customization */\n\ttooltipProps?: TooltipProps;\n}\n\nexport interface MoreDetailsProps extends MoreDetailsPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const MoreDetails: FC<MoreDetailsProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tfull,\n\t\t\tshort,\n\t\t\tdirection = 't',\n\t\t\tclassName,\n\t\t\tlabelClassName,\n\t\t\ticonClassName,\n\t\t\ttooltipProps,\n\t\t\tsize,\n\t\t\t...props\n\t\t},\n\t\tref: Ref<any>\n\t) => {\n\t\tconst MoreDetailsIconClassNames = classNames(\n\t\t\t'MoreDetailsIcon',\n\t\t\ticonClassName,\n\t\t\t{\n\t\t\t\t[`MoreDetailsIcon--${size}`]: size,\n\t\t\t}\n\t\t);\n\n\t\tconst MoreDetailsClassNames = classNames('d-if', className);\n\n\t\treturn (\n\t\t\t<Stack\n\t\t\t\talignItems=\"center\"\n\t\t\t\tclassName={MoreDetailsClassNames}\n\t\t\t\tref={ref}\n\t\t\t\tdata-anvil-component=\"MoreDetails\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<BodyText size={size} className={labelClassName}>\n\t\t\t\t\t{short}\n\t\t\t\t</BodyText>\n\t\t\t\t{short !== full && (\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\ttext={full}\n\t\t\t\t\t\tclassName=\"lh-1\"\n\t\t\t\t\t\tportal\n\t\t\t\t\t\tdirection={direction}\n\t\t\t\t\t\t{...tooltipProps}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={MoreDetailsIconClassNames}>\n\t\t\t\t\t\t\t<Icon name=\"more_horiz\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t</Stack>\n\t\t);\n\t}\n);\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"MoreDetails.test.js","sourceRoot":"","sources":["../../../src/components/MoreDetails/MoreDetails.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,WAAW,IACX,IAAI,EAAC,6BAA6B,EAClC,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,GAAG,mBACC,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"MoreDetails.test.js","sourceRoot":"","sources":["../../../src/components/MoreDetails/MoreDetails.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,WAAW,IACX,IAAI,EAAC,6BAA6B,EAClC,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,GAAG,mBACC,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { MoreDetails } from './MoreDetails';\n\ndescribe('MoreDetails', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<MoreDetails\n\t\t\t\tfull=\"10.201351313215125133513531\"\n\t\t\t\tshort=\"10.20\"\n\t\t\t\tdirection=\"r\"\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t/>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MoreDetails/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MoreDetails/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","sourcesContent":["export * from './MoreDetails';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../src/components/OptionList/Option.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../src/components/OptionList/Option.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useLayoutEffect, useRef, FC } from 'react';\nimport { Checkbox } from '../Checkbox';\nimport { Spinner } from '../Spinner';\nimport { Button } from '../Button';\nimport classnames from 'classnames';\n\nexport interface SingleOptionPropStrict {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Whether child options are visible or not. */\n\tcollapsed?: boolean;\n\n\t/** Whether the option should have the expand/collapse button. */\n\tcollapseControl?: boolean;\n\n\t/** The default visualization of an option in the Popover of the Select */\n\tcontent?: React.ReactNode | string;\n\n\t/** Indicates whether the option is disabled or not. It makes the option unselectable */\n\tdisabled?: boolean;\n\n\t/** Function to allow OptionList to set focus */\n\tgetFocus?: (value: any) => boolean;\n\n\t/** Indeterminate visual for a checkbox */\n\tindeterminate?: boolean;\n\n\t/** Function to allow OptionList to set indeterminate */\n\tgetIndeterminate?: (value: any) => boolean;\n\n\t/** Provides tree-type styling to option, and ARIA label. Can be automatically calculated. */\n\tlevel?: number;\n\n\t/** Visual that an option is loading. Used when child options need to be brought in on expand */\n\tloading?: boolean;\n\n\t/** Calls when the option changes in value */\n\tonChange?: (\n\t\tdata: SingleOptionProps['value'],\n\t\tchecked: boolean,\n\t\tchildObject: SingleOptionProps[],\n\t\tselfObject: SingleOptionProps\n\t) => void;\n\n\t/** Calls when the expand/collapse button is clicked */\n\tonExpand?: (data: SingleOptionProps['value']) => void;\n\n\t/** Grouping of options within options */\n\toptions?: SingleOptionProps[];\n\n\t/** A secondary action a user can take on a single option */\n\tsecondaryAction?: React.ReactNode;\n\n\t/** Whether or not the option is selected */\n\tselected?: boolean;\n\n\t/** Function to allow OptionList to set selected */\n\tgetSelected?: (value: any) => boolean;\n\n\t/** Prevents a user from selecting the option, without giving it the disabled styling/state */\n\treadOnly?: boolean;\n\n\t/** Function to pass option data (value, DOM element) to OptionList */\n\tregisterOption?: (optionData: RegisterOptionData) => void;\n\n\t/** The default string of an option in the trigger of the Select */\n\ttext?: string;\n\n\t/** Value of the option, passed into Anvil's Checkbox value */\n\tvalue?: any;\n}\n\nexport interface SingleOptionProps extends SingleOptionPropStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface RegisterOptionData {\n\ttext?: SingleOptionProps['string'];\n\tvalue?: SingleOptionProps['value'];\n\tdisabled?: SingleOptionProps['disabled'];\n\telement?: HTMLDivElement | null; // TODO: Make this type more generic\n}\n\nexport const Option: FC<SingleOptionProps> = ({\n\tclassName,\n\tcollapseControl,\n\tcollapsed,\n\tcontent,\n\tdisabled,\n\tfocus,\n\tgetFocus,\n\tindeterminate,\n\tgetIndeterminate,\n\tlabel,\n\tlevel,\n\tloading,\n\tonChange,\n\tonExpand,\n\tonKeyDown,\n\toptions,\n\treadOnly,\n\tregisterOption,\n\tsecondaryAction,\n\tselected,\n\tgetSelected,\n\tselfObject,\n\ttext,\n\tvalue,\n\t...props\n}) => {\n\t// after the component has rendered, pass the option data to registerOption\n\tconst checkboxRef = useRef<RegisterOptionData['element']>(null);\n\n\tuseLayoutEffect(() => {\n\t\tif (registerOption) {\n\t\t\tregisterOption({\n\t\t\t\ttext,\n\t\t\t\tvalue,\n\t\t\t\tdisabled,\n\t\t\t\telement: checkboxRef.current,\n\t\t\t});\n\t\t}\n\t});\n\n\tconst OptionClasses = classnames('OptionList__option', className, {\n\t\t'OptionList__option--selected': selected,\n\t\t'OptionList__option--disabled': disabled,\n\t\t'OptionList__option--read-only': readOnly || disabled,\n\t\t'OptionList__option--custom': content && typeof content !== 'string',\n\t\t'OptionList__option--text': !(content && typeof content !== 'string'),\n\t});\n\n\tconst getCollapseButton = () => {\n\t\tif (!collapseControl) return;\n\t\tconst arrow = collapsed\n\t\t\t? 'keyboard_arrow_down'\n\t\t\t: 'keyboard_arrow_right';\n\t\treturn (\n\t\t\t<Button\n\t\t\t\ticonName={arrow}\n\t\t\t\txsmall\n\t\t\t\tfill=\"subtle\"\n\t\t\t\tonClick={handleOnClick}\n\t\t\t\tclassName=\"OptionList__collapse\"\n\t\t\t\taria-expanded={collapsed}\n\t\t\t\taria-label={collapsed ? 'collapse options' : 'expand options'}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst getLabel = () => {\n\t\tif (label) return label;\n\t\tif (content !== undefined && content !== null) return content;\n\t\tif (text !== undefined && text !== null) return text;\n\t\treturn String(value);\n\t};\n\n\tconst getLoading = () => {\n\t\tif (!loading) return;\n\t\treturn <Spinner size=\"tiny\" className=\"OptionList__spinner\" />;\n\t};\n\n\tconst getSecondaryAction = () => {\n\t\tif (secondaryAction === undefined) return;\n\t\treturn (\n\t\t\t<div className=\"OptionList__option--secondary-action\">\n\t\t\t\t{secondaryAction}\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst handleOnClick = () => {\n\t\treturn onExpand(value);\n\t};\n\n\tconst handleOnChange = (value: any, checked: boolean) => {\n\t\tif (readOnly || onChange === undefined) return;\n\t\treturn onChange(value, checked, options, selfObject);\n\t};\n\n\tconst handleOnKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n\t\tif (onKeyDown === undefined) return;\n\t\treturn onKeyDown(e, selfObject);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={OptionClasses}\n\t\t\trole=\"treeitem\"\n\t\t\taria-level={level}\n\t\t\t{...props}\n\t\t>\n\t\t\t{getLoading() || getCollapseButton()}\n\t\t\t<Checkbox\n\t\t\t\tref={checkboxRef}\n\t\t\t\tchecked={\n\t\t\t\t\tselected != null\n\t\t\t\t\t\t? selected\n\t\t\t\t\t\t: getSelected\n\t\t\t\t\t\t? getSelected(value)\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tfocus={\n\t\t\t\t\tfocus != null ? focus : getFocus ? getFocus(value) : null\n\t\t\t\t}\n\t\t\t\tindeterminate={\n\t\t\t\t\tindeterminate != null\n\t\t\t\t\t\t? indeterminate\n\t\t\t\t\t\t: getIndeterminate\n\t\t\t\t\t\t? getIndeterminate(value)\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\t\t\t\tlabel={getLabel()}\n\t\t\t\tonChange={handleOnChange}\n\t\t\t\tonKeyDown={handleOnKeyDown}\n\t\t\t\tvalue={value}\n\t\t\t/>\n\t\t\t{getSecondaryAction()}\n\t\t</div>\n\t);\n};\n"]}
@@ -1,6 +1,8 @@
1
1
  import React, { FC, ReactNode } from 'react';
2
2
  import { SingleOptionProps } from './Option';
3
+ import { UseArrowNavProps } from '../../hooks/useArrowNav';
3
4
  export interface OptionListProps extends FlatGroupProps {
5
+ arrowNavOptions?: UseArrowNavProps;
4
6
  children?(optionProps: SingleOptionProps): ReactNode;
5
7
  /** Adds one or more classnames for an element */
6
8
  className?: string;
@@ -17,12 +17,16 @@ import { Eyebrow } from '../Eyebrow';
17
17
  import { Divider } from '../Divider';
18
18
  import { Stack } from '../Stack';
19
19
  import { Link } from '../Link';
20
+ import { useArrowNav } from '../../hooks/useArrowNav';
20
21
  export const OptionList = (_a) => {
21
- var { children, className, collapseValue, flatGroup, focusValue, groupClassName, indeterminateValue, multiple, onChange, onExpand, onGroupSelectAll, onGroupSelectNone, optionClassName, optionOnKeyDown, options, value, getOptionsData } = _a, props = __rest(_a, ["children", "className", "collapseValue", "flatGroup", "focusValue", "groupClassName", "indeterminateValue", "multiple", "onChange", "onExpand", "onGroupSelectAll", "onGroupSelectNone", "optionClassName", "optionOnKeyDown", "options", "value", "getOptionsData"]);
22
+ var { arrowNavOptions, children, className, collapseValue, flatGroup, focusValue, groupClassName, indeterminateValue, multiple, onChange, onExpand, onGroupSelectAll, onGroupSelectNone, optionClassName, optionOnKeyDown, options, value, getOptionsData } = _a, props = __rest(_a, ["arrowNavOptions", "children", "className", "collapseValue", "flatGroup", "focusValue", "groupClassName", "indeterminateValue", "multiple", "onChange", "onExpand", "onGroupSelectAll", "onGroupSelectNone", "optionClassName", "optionOnKeyDown", "options", "value", "getOptionsData"]);
22
23
  const OptionsClasses = classnames('OptionList', className, {
23
24
  'OptionList--single-select': !multiple,
24
25
  'OptionList--multi-select': multiple,
25
26
  });
27
+ const ref = useArrowNav(Object.assign({ disabled: true, focusableSelector: {
28
+ selector: 'button, *:not[class*=read-only] input',
29
+ } }, arrowNavOptions));
26
30
  const GroupClasses = classnames('OptionList__group', groupClassName);
27
31
  const ValuesFromArray = Array.isArray(value)
28
32
  ? value.map((v) => v.value !== undefined ? v.value : v)
@@ -183,7 +187,7 @@ export const OptionList = (_a) => {
183
187
  onKeyDown: optionOnKeyDown,
184
188
  registerOption,
185
189
  };
186
- return (React.createElement("div", Object.assign({ className: OptionsClasses, "data-anvil-component": "OptionList", role: "tree" }, props), typeof children === 'function'
190
+ return (React.createElement("div", Object.assign({ className: OptionsClasses, "data-anvil-component": "OptionList", role: "tree", ref: ref }, props), typeof children === 'function'
187
191
  ? children(optionProps)
188
192
  : getOptions(options, setInitialLevel())));
189
193
  };
@@ -1 +1 @@
1
- {"version":3,"file":"OptionList.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"OptionList.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport classnames from 'classnames';\nimport { Option, SingleOptionProps, RegisterOptionData } from './Option';\nimport { Collapsible } from '../Collapsible';\nimport { Eyebrow } from '../Eyebrow';\nimport { Divider } from '../Divider';\nimport { Stack } from '../Stack';\nimport { Link } from '../Link';\nimport { useArrowNav, UseArrowNavProps } from '../../hooks/useArrowNav';\n\nexport interface OptionListProps extends FlatGroupProps {\n\tarrowNavOptions?: UseArrowNavProps;\n\n\tchildren?(optionProps: SingleOptionProps): ReactNode;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Holds values of options that are expanded or collapsed */\n\tcollapseValue?: SingleOptionProps['value'][];\n\n\t/** Holds an indeterminate condition for option trees */\n\tindeterminateValue?: SingleOptionProps['value'][];\n\n\t/** Non-tree display of flat options with non-selectable group header */\n\tflatGroup?: FlatGroupProps | boolean;\n\n\t/** Helper value of what option, if any, is currently focused */\n\tfocusValue?: any;\n\n\t/** Adds one or more classnames to grouped options */\n\tgroupClassName?: string;\n\n\t/** Whether the Option List is single or multiselect */\n\tmultiple?: boolean;\n\n\t/** Called when the user changes the value */\n\tonChange?: (\n\t\tvalue: SingleOptionProps['value'],\n\t\tchecked: boolean,\n\t\tchildObject: SingleOptionProps,\n\t\tselfObject: SingleOptionProps\n\t) => void;\n\n\t/** Calls when the expand/collapse button is clicked */\n\tonExpand?: (value: SingleOptionProps['value']) => void;\n\n\t/** Adds one or more classnames to each individual option */\n\toptionClassName?: string;\n\n\t/** Detects key event and provides option that was focused */\n\toptionOnKeyDown?: (\n\t\te: React.KeyboardEvent<HTMLDivElement>,\n\t\tselfObject: SingleOptionProps\n\t) => void;\n\n\t/** Array of all the options in the Option List */\n\toptions?: SingleOptionProps[];\n\n\t/** Value of selected options within the List */\n\tvalue?: any;\n\n\t/** Callback to pass a list of options up to AnvilSelect */\n\tgetOptionsData?: (data: SingleOptionProps[]) => void;\n}\n\ninterface FlatGroupProps {\n\tonGroupSelectAll?: (data: SingleOptionProps[]) => void;\n\tonGroupSelectNone?: (data: SingleOptionProps[]) => void;\n}\n\nexport const OptionList: FC<OptionListProps> = ({\n\tarrowNavOptions,\n\tchildren,\n\tclassName,\n\tcollapseValue,\n\tflatGroup,\n\tfocusValue,\n\tgroupClassName,\n\tindeterminateValue,\n\tmultiple,\n\tonChange,\n\tonExpand,\n\tonGroupSelectAll,\n\tonGroupSelectNone,\n\toptionClassName,\n\toptionOnKeyDown,\n\toptions,\n\tvalue,\n\tgetOptionsData,\n\t...props\n}) => {\n\tconst OptionsClasses = classnames('OptionList', className, {\n\t\t'OptionList--single-select': !multiple,\n\t\t'OptionList--multi-select': multiple,\n\t});\n\n\tconst ref = useArrowNav({\n\t\tdisabled: true,\n\t\tfocusableSelector: {\n\t\t\tselector: 'button, *:not[class*=read-only] input',\n\t\t},\n\t\t...arrowNavOptions,\n\t});\n\n\tconst GroupClasses = classnames('OptionList__group', groupClassName);\n\tconst ValuesFromArray = Array.isArray(value)\n\t\t? value.map((v: OptionListProps['value']) =>\n\t\t\t\tv.value !== undefined ? v.value : v\n\t\t )\n\t\t: null;\n\n\tconst setDefaultOptionProperties = (option: SingleOptionProps) => {\n\t\tlet defaultSelected = false;\n\t\tif (\n\t\t\tvalue !== undefined &&\n\t\t\toption.value !== undefined &&\n\t\t\t((Array.isArray(value) &&\n\t\t\t\tvalue.length > 0 &&\n\t\t\t\tValuesFromArray.includes(option.value)) || // If value is an Array (multiple selections)\n\t\t\t\t(typeof value === 'object' && value.value === option.value)) // If value is an Object (single selection)\n\t\t) {\n\t\t\tdefaultSelected = true;\n\t\t}\n\n\t\tconst defaults = {\n\t\t\tcollapsed: option.collapsed ? option.collapsed : true,\n\t\t\tselected: defaultSelected,\n\t\t\ttext:\n\t\t\t\tflatGroup && typeof option.content === 'string'\n\t\t\t\t\t? option.content\n\t\t\t\t\t: option.text\n\t\t\t\t\t? option.text\n\t\t\t\t\t: null,\n\t\t\tindeterminate: option.indeterminate || false,\n\t\t};\n\t\treturn { ...defaults, ...option };\n\t};\n\n\tconst setInitialLevel = () =>\n\t\t!flatGroup && options?.some((option) => option.options) ? 2 : 1;\n\n\t/* Loops through options object to display grouped and non-grouped options */\n\tconst getOptions = (options: SingleOptionProps[], level = 2) => {\n\t\treturn options?.map((optionProp, index: number) => {\n\t\t\tconst localOption = setDefaultOptionProperties(optionProp);\n\t\t\tconst checkForChildren = !!localOption.options;\n\n\t\t\tif (checkForChildren) {\n\t\t\t\tif (!flatGroup)\n\t\t\t\t\treturn getGroupedOptions(\n\t\t\t\t\t\tlocalOption,\n\t\t\t\t\t\toptionProp,\n\t\t\t\t\t\tlocalOption.options,\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\tlevel,\n\t\t\t\t\t\toptionProp.value,\n\t\t\t\t\t\toptionProp.collapsed\n\t\t\t\t\t);\n\t\t\t\tif (level === 1)\n\t\t\t\t\treturn getFlatGroupedOptions(\n\t\t\t\t\t\tlocalOption.options,\n\t\t\t\t\t\tlocalOption.text,\n\t\t\t\t\t\tlevel,\n\t\t\t\t\t\tindex\n\t\t\t\t\t);\n\t\t\t}\n\t\t\treturn getOption(localOption, optionProp, !flatGroup ? level : 1);\n\t\t});\n\t};\n\n\t/* Called when the options prop is detected in an individual option */\n\tconst getGroupedOptions = (\n\t\tparentOption: Record<string, unknown>,\n\t\toriginalParentOption: Record<string, unknown>,\n\t\toptions: SingleOptionProps[],\n\t\tindex: number,\n\t\tlevel: number,\n\t\tparentCollapseValue: SingleOptionProps['value'],\n\t\tcollapsed: boolean\n\t) => {\n\t\t/* Variable determines if an option should be expanded to show children */\n\t\tconst isOpen: boolean = collapsed\n\t\t\t? !collapsed\n\t\t\t: collapseValue\n\t\t\t? collapseValue.includes(parentCollapseValue)\n\t\t\t: true;\n\n\t\treturn (\n\t\t\t<div className={GroupClasses} role=\"group\" key={index}>\n\t\t\t\t{getOption(\n\t\t\t\t\tparentOption,\n\t\t\t\t\toriginalParentOption,\n\t\t\t\t\tlevel,\n\t\t\t\t\ttrue,\n\t\t\t\t\tisOpen,\n\t\t\t\t\toptions\n\t\t\t\t)}\n\t\t\t\t<Collapsible open={isOpen}>\n\t\t\t\t\t{getOptions(options, level + 1)}\n\t\t\t\t</Collapsible>\n\t\t\t</div>\n\t\t);\n\t};\n\n\t/* Pull flatGroup prop data for selection handling */\n\tconst objectFlatGroup =\n\t\ttypeof flatGroup === 'object' ? { ...flatGroup } : undefined;\n\n\tconst handleGroupSelectAll = (groupedOptions: SingleOptionProps[]) => {\n\t\tif (objectFlatGroup.onGroupSelectAll === undefined) return;\n\t\treturn objectFlatGroup.onGroupSelectAll(groupedOptions);\n\t};\n\n\tconst handleGroupSelectNone = (groupedOptions: SingleOptionProps[]) => {\n\t\tif (objectFlatGroup.onGroupSelectNone === undefined) return;\n\t\treturn objectFlatGroup.onGroupSelectNone(groupedOptions);\n\t};\n\n\tconst getFlatGroupedOptions = (\n\t\toptions: SingleOptionProps[],\n\t\ttitle: string,\n\t\tlevel: number,\n\t\tindex: number\n\t) => {\n\t\tconst selectAll = () => handleGroupSelectAll(options);\n\t\tconst selectNone = () => handleGroupSelectNone(options);\n\n\t\treturn (\n\t\t\t<React.Fragment key={`${index}${Object(options)}`}>\n\t\t\t\t{index !== 0 && <Divider spacing={1} />}\n\t\t\t\t{title && (\n\t\t\t\t\t<Stack alignItems=\"center\" className=\"OptionList__header\">\n\t\t\t\t\t\t<Eyebrow>{title}</Eyebrow>\n\t\t\t\t\t\t{multiple && title && typeof flatGroup !== 'boolean' && (\n\t\t\t\t\t\t\t<React.Fragment>\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tprimary\n\t\t\t\t\t\t\t\t\tclassName=\"m-l-1 fs-1\"\n\t\t\t\t\t\t\t\t\tonClick={selectAll}\n\t\t\t\t\t\t\t\t\taria-label=\"select all\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tAll\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tprimary\n\t\t\t\t\t\t\t\t\tclassName=\"m-l-1 fs-1\"\n\t\t\t\t\t\t\t\t\tonClick={selectNone}\n\t\t\t\t\t\t\t\t\taria-label=\"select none\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tNone\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t\t{getOptions(options, level + 1)}\n\t\t\t</React.Fragment>\n\t\t);\n\t};\n\n\tconst handleOnChange = () => {\n\t\tif (onChange === undefined) return;\n\t\treturn onChange;\n\t};\n\n\tconst handleOnExpand = () => {\n\t\tif (onExpand === undefined) return;\n\t\treturn onExpand;\n\t};\n\n\t/*\n\t ** NOTE: The following functions (setSelected, setFocus, registerOption, etc)\n\t ** are all plumbing to support the use case where <Option> components are\n\t ** rendered in user-land via function children.\n\t */\n\tconst setSelectedFromOptionList = (optionValue: any) => {\n\t\tif (value == null || optionValue == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (value.length) {\n\t\t\treturn value.some((item: any) => {\n\t\t\t\tif (item === optionValue) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tif (item.value === optionValue) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t});\n\t\t}\n\n\t\tif (value === optionValue) {\n\t\t\treturn true;\n\t\t}\n\t\tif (value.value === optionValue) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tconst setFocusFromOptionList = (optionValue: any) => {\n\t\treturn focusValue && focusValue.value === optionValue;\n\t};\n\n\tconst setIndeterminateFromOptionList = (optionValue: any) => {\n\t\treturn indeterminateValue?.includes(optionValue);\n\t};\n\n\t/*\n\t ** The <Option> components call back with registerOption once they've rendered\n\t */\n\tconst optionsData: RegisterOptionData[] = [];\n\n\tconst registerOption = (optionData: RegisterOptionData) => {\n\t\toptionsData.push(optionData);\n\t};\n\n\tReact.useLayoutEffect(() => {\n\t\toptionsData.sort((a, b) => {\n\t\t\tif (\n\t\t\t\ta.element != null &&\n\t\t\t\tb.element != null &&\n\t\t\t\ta.element.compareDocumentPosition(b.element) &\n\t\t\t\t\tNode.DOCUMENT_POSITION_PRECEDING\n\t\t\t) {\n\t\t\t\treturn 1;\n\t\t\t}\n\t\t\treturn -1;\n\t\t});\n\n\t\tgetOptionsData?.(optionsData);\n\t});\n\n\t/* Generates the individual option in the Option List */\n\tconst getOption = (\n\t\toption: Record<string, unknown>,\n\t\toriginalOption: Record<string, unknown>,\n\t\tlevel: number,\n\t\tcollapseControl = false,\n\t\tcollapseBoolean = false,\n\t\tlocalOptions: any = []\n\t) => {\n\t\tconst { className, ...options } = Object(option);\n\t\tconst OptionClasses = classnames(className, optionClassName);\n\n\t\treturn (\n\t\t\t<Option\n\t\t\t\t{...options}\n\t\t\t\tclassName={OptionClasses}\n\t\t\t\tcollapseControl={collapseControl}\n\t\t\t\tcollapsed={collapseBoolean}\n\t\t\t\tfocus={setFocusFromOptionList(Object(option).value)}\n\t\t\t\tindeterminate={setIndeterminateFromOptionList(\n\t\t\t\t\tObject(option).value\n\t\t\t\t)}\n\t\t\t\tkey={`${Object(option).value}${Object(option).text}${level}`}\n\t\t\t\tlevel={level}\n\t\t\t\tonChange={handleOnChange()}\n\t\t\t\tonExpand={handleOnExpand()}\n\t\t\t\tonKeyDown={optionOnKeyDown}\n\t\t\t\toptions={localOptions}\n\t\t\t\tselfObject={originalOption}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst optionProps = {\n\t\tclassName: optionClassName,\n\t\tcollapseControl: false,\n\t\tcollapsed: false,\n\t\tgetSelected: setSelectedFromOptionList,\n\t\tgetFocus: setFocusFromOptionList,\n\t\tgetIndeterminate: setIndeterminateFromOptionList,\n\t\tlevel: 1,\n\t\tonChange: handleOnChange(),\n\t\tonExpand: handleOnExpand(),\n\t\tonKeyDown: optionOnKeyDown,\n\t\tregisterOption,\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={OptionsClasses}\n\t\t\tdata-anvil-component=\"OptionList\"\n\t\t\trole=\"tree\"\n\t\t\tref={ref}\n\t\t\t{...props}\n\t\t>\n\t\t\t{typeof children === 'function'\n\t\t\t\t? children(optionProps)\n\t\t\t\t: getOptions(options, setInitialLevel())}\n\t\t</div>\n\t);\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"OptionList.test.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,UAAU,IACV,QAAQ,QACR,OAAO,EAAE;gBACR;oBACC,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,EAAE;oBACT,SAAS,EAAE,uBAAuB;iBAClC;gBACD;oBACC,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,IAAI;iBACX;gBACD;oBACC,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,GAAG;iBACV;gBACD;oBACC,IAAI,EAAE,eAAe;oBACrB,KAAK,EAAE,GAAG;iBACV;gBACD;oBACC,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,KAAK;iBACZ;gBACD;oBACC,IAAI,EAAE,UAAU;oBAChB,KAAK,EAAE,IAAI;iBACX;aACD,EACD,eAAe,EAAC,uBAAuB,mBACzB,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"OptionList.test.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,UAAU,IACV,QAAQ,QACR,OAAO,EAAE;gBACR;oBACC,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,EAAE;oBACT,SAAS,EAAE,uBAAuB;iBAClC;gBACD;oBACC,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,IAAI;iBACX;gBACD;oBACC,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,GAAG;iBACV;gBACD;oBACC,IAAI,EAAE,eAAe;oBACrB,KAAK,EAAE,GAAG;iBACV;gBACD;oBACC,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,KAAK;iBACZ;gBACD;oBACC,IAAI,EAAE,UAAU;oBAChB,KAAK,EAAE,IAAI;iBACX;aACD,EACD,eAAe,EAAC,uBAAuB,mBACzB,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { OptionList } from './OptionList';\n\ndescribe('OptionList', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<OptionList\n\t\t\t\tmultiple\n\t\t\t\toptions={[\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: 'dog.png',\n\t\t\t\t\t\tvalue: 54,\n\t\t\t\t\t\tclassName: 'singleOptionClassName',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: 'cat.jpg',\n\t\t\t\t\t\tvalue: 5444,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: 'house.tif',\n\t\t\t\t\t\tvalue: 544,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: 'worksheet.xls',\n\t\t\t\t\t\tvalue: 541,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: 'README.md',\n\t\t\t\t\t\tvalue: 54441,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: 'todo.txt',\n\t\t\t\t\t\tvalue: 5441,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t\toptionClassName=\"customOptionClassName\"\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t/>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/OptionList/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/OptionList/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export * from './OptionList';\nexport * from './Option';\nexport { useOnExpand } from './useOnExpand';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"useOnExpand.js","sourceRoot":"","sources":["../../../src/components/OptionList/useOnExpand.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,MAAM,WAAW,GAAG;AAC1B,yDAAyD;AACzD,KAA+B,EAC9B,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;IAC9D,MAAM,gBAAgB,GAAG,CAAC,IAA8B,EAAE,EAAE;QAC3D,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;YACzB,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE,CAC7B,CAAC,GAAG,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAC7C;YACH,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,GAAG,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;QACvD,OAAO,WAAW,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CAAC,WAAW,EAAE,gBAAgB,CAAU,CAAC;AACjD,CAAC,CAAC"}
1
+ {"version":3,"file":"useOnExpand.js","sourceRoot":"","sources":["../../../src/components/OptionList/useOnExpand.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,MAAM,WAAW,GAAG;AAC1B,yDAAyD;AACzD,KAA+B,EAC9B,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;IAC9D,MAAM,gBAAgB,GAAG,CAAC,IAA8B,EAAE,EAAE;QAC3D,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;YACzB,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE,CAC7B,CAAC,GAAG,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAC7C;YACH,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,GAAG,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;QACvD,OAAO,WAAW,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CAAC,WAAW,EAAE,gBAAgB,CAAU,CAAC;AACjD,CAAC,CAAC","sourcesContent":["import { useState } from 'react';\nimport { OptionListProps } from '.';\n\nexport const useOnExpand = (\n\t/** Value from Option. Accepts an array of any content */\n\tvalue: OptionListProps['value']\n) => {\n\tconst getValue = Array.isArray(value) ? value : [value];\n\n\tconst [expandValue, setExpandValue] = useState([...getValue]);\n\tconst setCollapseValue = (data: OptionListProps['value']) => {\n\t\texpandValue.includes(data)\n\t\t\t? setExpandValue((prevState) =>\n\t\t\t\t\t[...prevState].filter((item) => item !== data)\n\t\t\t )\n\t\t\t: setExpandValue((prevState) => [...prevState, data]);\n\t\treturn expandValue;\n\t};\n\n\treturn [expandValue, setCollapseValue] as const;\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/Page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,cAAc,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EACN,aAAa,EAEb,KAAK,GAEL,MAAM,cAAc,CAAC;AAwCtB,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAenC,EAAE,EAAE;;QAf+B,EACnC,KAAK,GAAG,QAAQ,EAChB,eAAe,GAAG,SAAS,EAC3B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,EACX,MAAM,EACN,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,aAAa,EACb,KAAK,OAEL,EADG,KAAK,cAd2B,gKAenC,CADQ;IAER,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,CAAC,MAAM,eAAe,EAAE,CAAC,EAAE,eAAe,KAAK,SAAS;QACxD,oBAAoB,EAAE,KAAK,KAAK,QAAQ;QACxC,kBAAkB,EAAE,OAAO,KAAK,MAAM;QACtC,eAAe,EAAE,OAAO,KAAK,SAAS;QACtC,YAAY,EAAE,QAAQ,KAAK,MAAM;QACjC,cAAc,EAAE,QAAQ,KAAK,QAAQ;QACrC,iBAAiB,EAAE,QAAQ;KAC3B,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,cAAc,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,OAAO,CAAC;IAEjD,OAAO,CACN,2CAAK,SAAS,EAAE,WAAW,0BAAuB,MAAM,IAAK,KAAK;QAChE,OAAO,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,OAAO,CAAO;QAC1D,6BAAK,SAAS,EAAC,kBAAkB;YAC/B,SAAS,IAAI,oBAAC,aAAa,oBAAK,aAAa,EAAI;YAClD,oBAAC,kBAAkB,IAClB,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CACtB,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAChD;gBAEA,OAAO,IAAI,aAAa,KAAK,MAAM,IAAI,CACvC,oBAAC,KAAK,oBAAK,KAAK,EAAI,CACpB;gBACD,6BAAK,SAAS,EAAC,YAAY;oBACzB,MAAM,IAAI,6BAAK,SAAS,EAAC,cAAc,IAAE,MAAM,CAAO;oBACvD,6BAAK,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAO,CAC1C;gBACL,OAAO,IAAI,aAAa,KAAK,OAAO,IAAI,CACxC,oBAAC,KAAK,oBAAK,KAAK,EAAI,CACpB,CACmB;YACpB,MAAM,IAAI,6BAAK,SAAS,EAAC,cAAc,IAAE,MAAM,CAAO,CAClD,CACD,CACN,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/Page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,cAAc,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EACN,aAAa,EAEb,KAAK,GAEL,MAAM,cAAc,CAAC;AAwCtB,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAenC,EAAE,EAAE;;QAf+B,EACnC,KAAK,GAAG,QAAQ,EAChB,eAAe,GAAG,SAAS,EAC3B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,EACX,MAAM,EACN,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,aAAa,EACb,KAAK,OAEL,EADG,KAAK,cAd2B,gKAenC,CADQ;IAER,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,CAAC,MAAM,eAAe,EAAE,CAAC,EAAE,eAAe,KAAK,SAAS;QACxD,oBAAoB,EAAE,KAAK,KAAK,QAAQ;QACxC,kBAAkB,EAAE,OAAO,KAAK,MAAM;QACtC,eAAe,EAAE,OAAO,KAAK,SAAS;QACtC,YAAY,EAAE,QAAQ,KAAK,MAAM;QACjC,cAAc,EAAE,QAAQ,KAAK,QAAQ;QACrC,iBAAiB,EAAE,QAAQ;KAC3B,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,cAAc,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,OAAO,CAAC;IAEjD,OAAO,CACN,2CAAK,SAAS,EAAE,WAAW,0BAAuB,MAAM,IAAK,KAAK;QAChE,OAAO,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,OAAO,CAAO;QAC1D,6BAAK,SAAS,EAAC,kBAAkB;YAC/B,SAAS,IAAI,oBAAC,aAAa,oBAAK,aAAa,EAAI;YAClD,oBAAC,kBAAkB,IAClB,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CACtB,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAChD;gBAEA,OAAO,IAAI,aAAa,KAAK,MAAM,IAAI,CACvC,oBAAC,KAAK,oBAAK,KAAK,EAAI,CACpB;gBACD,6BAAK,SAAS,EAAC,YAAY;oBACzB,MAAM,IAAI,6BAAK,SAAS,EAAC,cAAc,IAAE,MAAM,CAAO;oBACvD,6BAAK,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAO,CAC1C;gBACL,OAAO,IAAI,aAAa,KAAK,OAAO,IAAI,CACxC,oBAAC,KAAK,oBAAK,KAAK,EAAI,CACpB,CACmB;YACpB,MAAM,IAAI,6BAAK,SAAS,EAAC,cAAc,IAAE,MAAM,CAAO,CAClD,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC, isValidElement } from 'react';\nimport classnames from 'classnames';\nimport { ConditionalWrapper } from '../../utilities/ConditionalWrapper';\nimport {\n\tActionToolbar,\n\tActionToolbarProps,\n\tPanel,\n\tPanelProps,\n} from './components';\n\nexport interface PagePropsStrict {\n\t/** Aligns the content within the page */\n\talign?: 'left' | 'center';\n\n\tbackgroundColor?: 'default' | 'white' | 'neutral-0' | 'neutral-10';\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Header for the page */\n\theader?: React.ReactElement;\n\n\t/** Footer for the page */\n\tfooter?: React.ReactElement;\n\n\t/** Modifies the max-width of the page. Wide removes the max-width, narrow shrinks it. */\n\tmaxWidth?: 'default' | 'narrow' | 'wide';\n\n\t/** If false, a min-width is applied to the page */\n\tminWidth?: boolean;\n\n\t/** Content for an optional Sidebar */\n\tsidebar?: React.ReactElement;\n\n\t/** The padding between the page and the parent content */\n\tspacing?: 'none' | 'relaxed';\n\n\t/** ActionToolbar Props */\n\tactionToolbar?: ActionToolbarProps;\n\n\t/** Panel Props */\n\tpanel?: PanelProps;\n}\nexport interface PageProps extends PagePropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const Page: FC<PageProps> = ({\n\talign = 'center',\n\tbackgroundColor = 'default',\n\tchildren,\n\tclassName,\n\theader,\n\theaderAlign,\n\tfooter,\n\tmaxWidth = 'default',\n\tminWidth,\n\tsidebar,\n\tspacing = 'relaxed',\n\tactionToolbar,\n\tpanel,\n\t...props\n}) => {\n\tconst PageClasses = classnames('Page', className, {\n\t\t[`bg-${backgroundColor}`]: backgroundColor !== 'default',\n\t\t'Page--align-center': align === 'center',\n\t\t'Page--no-padding': spacing === 'none',\n\t\t'Page--relaxed': spacing === 'relaxed',\n\t\t'Page--wide': maxWidth === 'wide',\n\t\t'Page--narrow': maxWidth === 'narrow',\n\t\t'Page--min-width': minWidth,\n\t});\n\n\tconst isToolbar = isValidElement(actionToolbar?.content);\n\tconst isPanel = isValidElement(panel?.content);\n\tconst panelPosition = panel?.position ?? 'right';\n\n\treturn (\n\t\t<div className={PageClasses} data-anvil-component=\"Page\" {...props}>\n\t\t\t{sidebar && <div className=\"Page__sidebar\">{sidebar}</div>}\n\t\t\t<div className=\"Content__wrapper\">\n\t\t\t\t{isToolbar && <ActionToolbar {...actionToolbar} />}\n\t\t\t\t<ConditionalWrapper\n\t\t\t\t\tcondition={isPanel}\n\t\t\t\t\twrapper={(children) => (\n\t\t\t\t\t\t<div className=\"Panel__wrapper\">{children}</div>\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{isPanel && panelPosition === 'left' && (\n\t\t\t\t\t\t<Panel {...panel} />\n\t\t\t\t\t)}\n\t\t\t\t\t<div className=\"Page__page\">\n\t\t\t\t\t\t{header && <div className=\"Page__header\">{header}</div>}\n\t\t\t\t\t\t<div className=\"Page__content\">{children}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{isPanel && panelPosition === 'right' && (\n\t\t\t\t\t\t<Panel {...panel} />\n\t\t\t\t\t)}\n\t\t\t\t</ConditionalWrapper>\n\t\t\t\t{footer && <div className=\"Page__footer\">{footer}</div>}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Page.test.js","sourceRoot":"","sources":["../../../src/components/Page/Page.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,qBAAe,qBAAqB;YACxC,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM;gBAC3D,oBAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,OAAO,iCAEhB;gBACjB,oBAAC,MAAM,CAAC,OAAO,qCAA4C,CACnD,CACH,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"Page.test.js","sourceRoot":"","sources":["../../../src/components/Page/Page.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,qBAAe,qBAAqB;YACxC,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM;gBAC3D,oBAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,OAAO,iCAEhB;gBACjB,oBAAC,MAAM,CAAC,OAAO,qCAA4C,CACnD,CACH,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Page } from './Page';\nimport { Layout } from '../Layout';\n\ndescribe('Page', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Page data-auto-sel=\"automation-selector\">\n\t\t\t\t<Layout type=\"support\" autoSections={false} direction=\"left\">\n\t\t\t\t\t<Layout.Section className=\"p-r-5\">\n\t\t\t\t\t\tLorem ipsum dolor sit amet\n\t\t\t\t\t</Layout.Section>\n\t\t\t\t\t<Layout.Section>Lorem ipsum dolor sit amet</Layout.Section>\n\t\t\t\t</Layout>\n\t\t\t</Page>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ActionToolbar.js","sourceRoot":"","sources":["../../../../src/components/Page/components/ActionToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAapC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACrD,OAAO,EACP,MAAM,EACN,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,mBAAmB,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,CAAC;IAE5C,MAAM,oBAAoB,GAAG,UAAU,CAAC,qBAAqB,EAAE,SAAS,EAAE;QACzE,6BAA6B,EAAE,mBAAmB;KAClD,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAE,oBAAoB,IAAG,OAAO,CAAO,CAAC;AAC9D,CAAC,CAAC"}
1
+ {"version":3,"file":"ActionToolbar.js","sourceRoot":"","sources":["../../../../src/components/Page/components/ActionToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAapC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACrD,OAAO,EACP,MAAM,EACN,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,mBAAmB,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,CAAC;IAE5C,MAAM,oBAAoB,GAAG,UAAU,CAAC,qBAAqB,EAAE,SAAS,EAAE;QACzE,6BAA6B,EAAE,mBAAmB;KAClD,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAE,oBAAoB,IAAG,OAAO,CAAO,CAAC;AAC9D,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nexport interface ActionToolbarProps {\n\t/** Content of the toolbar */\n\tcontent?: React.ReactElement;\n\n\t/** If true, position sticky to top */\n\tsticky?: boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n}\n\nexport const ActionToolbar: FC<ActionToolbarProps> = ({\n\tcontent,\n\tsticky,\n\tclassName,\n}) => {\n\tconst actionToolbarSticky = sticky ?? false;\n\n\tconst ActionToolbarClasses = classnames('Page__actionToolbar', className, {\n\t\t'Page__actionToolbar--sticky': actionToolbarSticky,\n\t});\n\n\treturn <div className={ActionToolbarClasses}>{content}</div>;\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Page/components/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAqBpC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACrC,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EACL,IAAI,GAAG,IAAI,GACX,EAAE,EAAE;;IACJ,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QAC9D,2BAA2B,EAAE,SAAS;KACtC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE;QACnD,aAAa,EAAE,QAAQ,KAAK,MAAM;QAClC,aAAa,EAAE,IAAI;KACnB,CAAC,CAAC;IAEH,OAAO,CACN,6BACC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,OAAO,CAAC,EAAE,EACnD,SAAS,EAAE,YAAY;QAEvB,6BACC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,OAAO,EAAE,EACzC,SAAS,EAAE,cAAc,IAExB,OAAO,CACH,CACD,CACN,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Page/components/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAqBpC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACrC,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EACL,IAAI,GAAG,IAAI,GACX,EAAE,EAAE;;IACJ,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QAC9D,2BAA2B,EAAE,SAAS;KACtC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE;QACnD,aAAa,EAAE,QAAQ,KAAK,MAAM;QAClC,aAAa,EAAE,IAAI;KACnB,CAAC,CAAC;IAEH,OAAO,CACN,6BACC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,OAAO,CAAC,EAAE,EACnD,SAAS,EAAE,YAAY;QAEvB,6BACC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,OAAO,EAAE,EACzC,SAAS,EAAE,cAAc,IAExB,OAAO,CACH,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nexport interface PanelProps {\n\t/** Content of the toolbar */\n\tcontent?: React.ReactElement;\n\n\t/** Position of the panel on the Page */\n\tposition?: 'left' | 'right';\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** If false, panel is hidden */\n\topen?: boolean;\n\n\t/** If true, it will remove initial padding of the container */\n\tnoPadding?: boolean;\n\n\tstyle?: React.CSSProperties;\n}\n\nexport const Panel: FC<PanelProps> = ({\n\tcontent,\n\tposition,\n\tclassName,\n\tnoPadding,\n\tstyle,\n\topen = true,\n}) => {\n\tconst contentClasses = classnames('Panel__content', className, {\n\t\t'Panel__content--noPadding': noPadding,\n\t});\n\n\tconst panelClasses = classnames('Panel', className, {\n\t\t'Panel--left': position === 'left',\n\t\t'Panel--open': open,\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ width: open && (style?.width ?? '340px') }}\n\t\t\tclassName={panelClasses}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{ width: style?.width ?? '340px' }}\n\t\t\t\tclassName={contentClasses}\n\t\t\t>\n\t\t\t\t{content}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Page/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Page/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC","sourcesContent":["export * from './ActionToolbar';\nexport * from './Panel';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","sourcesContent":["export * from './Page';\n"]}
@@ -9,6 +9,7 @@ export interface PopoverPropsStrict {
9
9
  autoFlipVertically?: boolean;
10
10
  /** Adds one or more classnames for Popover's overlay element */
11
11
  className?: string;
12
+ children?: React.ReactNode;
12
13
  /** Popover direction relative to the element its apart of */
13
14
  direction?: 't' | 'tr' | 'tl' | 'r' | 'rt' | 'rb' | 'b' | 'br' | 'bl' | 'l' | 'lt' | 'lb' | 'c';
14
15
  /** Change the HTML element of the Popover's source element */
@@ -29,7 +30,7 @@ export interface PopoverPropsStrict {
29
30
  * *Warning* Only works when portal={true}
30
31
  * A handler that is called on every click on any element outside of the anchor element and the stick node
31
32
  */
32
- onClickOutside?: () => void;
33
+ onClickOutside?: PopperProps['onClickOutside'];
33
34
  /** Define the overall padding of the popover */
34
35
  padding?: 's' | 'm' | 'l' | null;
35
36
  /** Adds classnames to Popover's content wrapper */
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,MAAM,EAAe,MAAM,uBAAuB,CAAC;AAC5D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EACN,cAAc,EAEd,cAAc,EACd,aAAa,EAEb,aAAa,GAEb,MAAM,cAAc,CAAC;AA8GtB,MAAM,CAAC,MAAM,OAAO,GAAY,KAAK,CAAC,UAAU,CAC/C,CACC,EAqBC,EACD,GAAyB,EACxB,EAAE;QAvBH,EACC,KAAK,GAAG,GAAG,EACX,OAAO,GAAG,GAAG,EACb,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,MAAM,EACN,WAAW,EACX,eAAe,EACf,uBAAuB,EACvB,YAAY,EACZ,KAAK,EACL,gBAAgB,EAChB,IAAI,EACJ,gBAAgB,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,EACrC,MAAM,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EACrC,oBAAoB,OAEpB,EADG,KAAK,cApBT,sRAqBC,CADQ;IAIT,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAE5B,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,QAAQ,KAAK,EAAE;YACd,KAAK,GAAG;gBACP,OAAO,gBAAgB,GAAG,EAAE,CAAC;YAC9B,KAAK,GAAG;gBACP,OAAO,gBAAgB,GAAG,EAAE,CAAC;YAC9B,KAAK,GAAG;gBACP,OAAO,gBAAgB,GAAG,EAAE,CAAC;YAC9B,KAAK,IAAI;gBACR,OAAO,gBAAgB,GAAG,EAAE,CAAC;YAC9B,KAAK,KAAK;gBACT,OAAO,KAAK,CAAC;YACd;gBACC,OAAO,MAAM,CAAC;SACf;IACF,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC,eAAe,EAAE,SAAS,EAAE;QACjE,CAAC,cAAc,OAAO,EAAE,CAAC,EAAE,OAAO;QAClC,CAAC,iBAAiB,CAAC,EAAE,KAAK,KAAK,MAAM;QACrC,sBAAsB,EAAE,KAAK;QAC7B,uBAAuB,EAAE,MAAM;QAC/B,qBAAqB,EAAE,IAAI;KAC3B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,gBAAgB,EAAE;QAC9D,iBAAiB,EAAE,MAAM;QACzB,eAAe,EAAE,IAAI;KACrB,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,MAAM,kBACN,SAAS,EAAE,cAAc,EACzB,aAAa,EAAE,kBAAkB,EACjC,KAAK,EAAE,WAAW,EAAE,EACpB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,0BACb,SAAS,yBACT,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACxD,oBAAoB,EAAE,oBAAoB,IACtC,KAAK;QAER,MAAM,IAAI,CACV,oBAAC,aAAa,IACb,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,WAAW,IAEjB,MAAM,CACQ,CAChB;QACD,oBAAC,cAAc,IACd,mBAAmB,EAAE,YAAY,EACjC,SAAS,EAAE,gBAAgB,EAC3B,SAAS,EAAE,uBAAuB,IAEjC,QAAQ,CACO;QAChB,MAAM,IAAI,CACV,oBAAC,aAAa,IAAC,KAAK,EAAE,WAAW,IAAG,MAAM,CAAiB,CAC3D,CACO,CACT,CAAC;AACH,CAAC,CACU,CAAC;AAEb,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC;AAC/B,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC;AAC/B,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC;AACjC,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC","sourcesContent":["import React, { ForwardRefExoticComponent } from 'react';\nimport { Popper, PopperProps } from '../../internal/Popper';\nimport classnames from 'classnames';\nimport {\n\tPopoverContent,\n\tPopoverContentProps,\n\tPopoverDivider,\n\tPopoverFooter,\n\tPopoverFooterProps,\n\tPopoverHeader,\n\tPopoverHeaderProps,\n} from './components';\nimport { UseFocusTrapProps } from '../../hooks/useFocusTrap';\n\nexport interface PopoverPropsStrict {\n\t/** If there isn't enough space on the screen the Popover will be repositioned to the opposite side of the anchor */\n\tautoFlipHorizontally?: boolean;\n\n\t/** If there isn't enough space on the screen the Popover will be repositioned to the opposite side of the anchor */\n\tautoFlipVertically?: boolean;\n\n\t/** Adds one or more classnames for Popover's overlay element */\n\tclassName?: string;\n\n\tchildren?: React.ReactNode;\n\n\t/** Popover direction relative to the element its apart of */\n\tdirection?:\n\t\t| 't'\n\t\t| 'tr'\n\t\t| 'tl'\n\t\t| 'r'\n\t\t| 'rt'\n\t\t| 'rb'\n\t\t| 'b'\n\t\t| 'br'\n\t\t| 'bl'\n\t\t| 'l'\n\t\t| 'lt'\n\t\t| 'lb'\n\t\t| 'c';\n\n\t/** Change the HTML element of the Popover's source element */\n\tel?: 'span' | 'div';\n\n\t/** Footer for the popover */\n\tfooter?: React.ReactElement;\n\n\t/** Basic alignment for footer */\n\tfooterAlign?: PopoverFooterProps['align'];\n\n\t/** Header for the popover */\n\theader?: React.ReactElement | string;\n\n\t/** Basic alignment for header */\n\theaderAlign?: PopoverHeaderProps['align'];\n\n\t/** Basic alignment for header */\n\theaderNoPadding?: PopoverHeaderProps['noPadding'];\n\n\t/** Whether the Popover is open or not */\n\topen?: boolean;\n\n\t/**\n\t * *Warning* Only works when portal={true}\n\t * A handler that is called on every click on any element outside of the anchor element and the stick node\n\t */\n\tonClickOutside?: PopperProps['onClickOutside'];\n\n\t/** Define the overall padding of the popover */\n\tpadding?: 's' | 'm' | 'l' | null;\n\n\t/** Adds classnames to Popover's content wrapper */\n\tpopoverContentClassName?: string;\n\n\t/**\n\t * Renders Popover on document root through createPortal.\n\t * Effectively prevents Popover from being clipped by the boundaries of any container.\n\t */\n\tportal?: boolean;\n\n\t/** Removes the padding content around the Popover content */\n\tcontentNoPadding?: PopoverContentProps['noPadding'];\n\n\t/** Add a specific max-height value to the popover body */\n\tscrollHeight?: PopoverContentProps['contentScrollHeight'];\n\n\t/** Makes corners less rounded */\n\tsharp?: boolean;\n\n\t/** Element wrapped around Popover */\n\ttrigger?: React.ReactNode;\n\n\t/** Define the width property of the popover */\n\twidth?: 'xs' | 's' | 'm' | 'l' | '100' | 'auto';\n\n\t/** Adds one or more classnames to Popover's source element */\n\twrapperClassName?: string;\n\n\t/** Options passed into useFocusTrap */\n\tfocusTrapOptions?: UseFocusTrapProps;\n\n\t/** offset ammount between Popover and trigger */\n\toffset?: PopperProps['offset'];\n\n\t/** Props to be passed to the portaled div */\n\tportalDataAttributes?: PopperProps['portalDataAttributes'];\n}\n\nexport interface PopoverProps extends PopoverPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface Popover extends ForwardRefExoticComponent<PopoverProps> {\n\tHeader: typeof PopoverHeader;\n\tFooter: typeof PopoverFooter;\n\tContent: typeof PopoverContent;\n\tDivider: typeof PopoverDivider;\n}\n\nexport const Popover: Popover = React.forwardRef(\n\t(\n\t\t{\n\t\t\twidth = 's',\n\t\t\tpadding = 'm',\n\t\t\tportal = false,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tcontentNoPadding,\n\t\t\tfooter,\n\t\t\tfooterAlign,\n\t\t\theader,\n\t\t\theaderAlign,\n\t\t\theaderNoPadding,\n\t\t\tpopoverContentClassName,\n\t\t\tscrollHeight,\n\t\t\tsharp,\n\t\t\twrapperClassName,\n\t\t\topen,\n\t\t\tfocusTrapOptions = { disabled: true },\n\t\t\toffset = { skidding: 0, distance: 4 },\n\t\t\tportalDataAttributes,\n\t\t\t...props\n\t\t},\n\t\tref: React.RefObject<any>\n\t) => {\n\t\tconst PopoverBaseWidth = 16;\n\n\t\tconst widthSwitch = () => {\n\t\t\tswitch (width) {\n\t\t\t\tcase 'l':\n\t\t\t\t\treturn PopoverBaseWidth * 40;\n\t\t\t\tcase 'm':\n\t\t\t\t\treturn PopoverBaseWidth * 32;\n\t\t\t\tcase 's':\n\t\t\t\t\treturn PopoverBaseWidth * 20;\n\t\t\t\tcase 'xs':\n\t\t\t\t\treturn PopoverBaseWidth * 12;\n\t\t\t\tcase '100':\n\t\t\t\t\treturn `100`;\n\t\t\t\tdefault:\n\t\t\t\t\treturn `auto`;\n\t\t\t}\n\t\t};\n\n\t\tconst PopoverBodyClasses = classnames('Popover__body', className, {\n\t\t\t[`Popover--p-${padding}`]: padding,\n\t\t\t[`Popover--w-auto`]: width === 'auto',\n\t\t\t'Popover__body--sharp': sharp,\n\t\t\t'Popover__body--portal': portal,\n\t\t\t'Popover__body--open': open,\n\t\t});\n\n\t\tconst PopoverClasses = classnames('Popover', wrapperClassName, {\n\t\t\t'Popover--portal': portal,\n\t\t\t'Popover--open': open,\n\t\t});\n\n\t\treturn (\n\t\t\t<Popper\n\t\t\t\tclassName={PopoverClasses}\n\t\t\t\tbodyClassName={PopoverBodyClasses}\n\t\t\t\twidth={widthSwitch()}\n\t\t\t\tportal={portal}\n\t\t\t\tref={ref}\n\t\t\t\topen={open}\n\t\t\t\toffset={offset}\n\t\t\t\tfocusTrapOptions={focusTrapOptions}\n\t\t\t\tdata-anvil-component=\"Popover\"\n\t\t\t\tdata-portal-popover={open && portal ? 'open' : undefined}\n\t\t\t\tportalDataAttributes={portalDataAttributes}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{header && (\n\t\t\t\t\t<PopoverHeader\n\t\t\t\t\t\tnoPadding={headerNoPadding}\n\t\t\t\t\t\talign={headerAlign}\n\t\t\t\t\t>\n\t\t\t\t\t\t{header}\n\t\t\t\t\t</PopoverHeader>\n\t\t\t\t)}\n\t\t\t\t<PopoverContent\n\t\t\t\t\tcontentScrollHeight={scrollHeight}\n\t\t\t\t\tnoPadding={contentNoPadding}\n\t\t\t\t\tclassName={popoverContentClassName}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</PopoverContent>\n\t\t\t\t{footer && (\n\t\t\t\t\t<PopoverFooter align={footerAlign}>{footer}</PopoverFooter>\n\t\t\t\t)}\n\t\t\t</Popper>\n\t\t);\n\t}\n) as Popover;\n\nPopover.Header = PopoverHeader;\nPopover.Footer = PopoverFooter;\nPopover.Content = PopoverContent;\nPopover.Divider = PopoverDivider;\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.test.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.test.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Popover.test.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAErC,MAAc,CAAC,cAAc,GAAG,MAAM,cAAc;IACpD,OAAO,KAAI,CAAC;IACZ,UAAU,KAAI,CAAC;CACf,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,EAAE;QACpC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,CACN,oBAAC,OAAO,IACP,SAAS,EAAC,GAAG,EACb,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACpC,IAAI,EAAE,IAAI,EACV,MAAM,QACN,OAAO,EACN,oBAAC,MAAM,IACN,EAAE,EAAC,MAAM,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,IAEzB,KAAK,CAAC,IAAI,CACH;YAGV,6BAAK,SAAS,EAAC,MAAM,IAAE,KAAK,CAAC,QAAQ,CAAO,CACnC,CACV,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,MAAM;QACpB,oBAAC,aAAa,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;YAC7C,oBAAC,aAAa,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;gBAC7C,oBAAC,aAAa,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;oBAC7C,sCAAW;oDACI,CACD,CACD;QAChB,oBAAC,MAAM,IAAC,SAAS,EAAC,YAAY,aAAgB,CACzC,CACN,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,gEAAgE,EAAE,GAAG,EAAE;IAC/E,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;IAE/B,EAAE,CAAC,+CAA+C,EAAE,GAAS,EAAE;QAC9D,MAAM,CAAC,oBAAC,oBAAoB,OAAG,CAAC,CAAC;QACjC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QAEtC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,uCAAuC;QAC/E,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,4CAA4C;QAE9E,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,gBAAgB;QACpD,MAAM,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,mBAAmB;QAC5D,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAEpC,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,gBAAgB;QACpD,MAAM,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,mBAAmB;QAC5D,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAEjC,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,gBAAgB;QACpD,MAAM,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,mBAAmB;QAEzD,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,6BAA6B;QAChE,MAAM,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,qBAAqB;QAExD,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,6BAA6B;QAChE,MAAM,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,0BAA0B;QAC/D,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAEjC,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,6BAA6B;QAChE,MAAM,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,qBAAqB;QAC1D,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAClC,CAAC,CAAA,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACxB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,OAAO,IACP,MAAM,QACN,eAAe,EAAC,iBAAiB,EACjC,IAAI,QACJ,SAAS,EAAC,IAAI,EACd,OAAO,EAAE,oBAAC,MAAM,yBAAwB,mBAC1B,qBAAqB,wBAG1B,CACV,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC3D,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,MAAM,CACxC,oBAAC,OAAO,IACP,MAAM,QACN,eAAe,EAAC,iBAAiB,EACjC,IAAI,QACJ,SAAS,EAAC,IAAI,EACd,OAAO,EAAE,oBAAC,MAAM,yBAAwB,EACxC,oBAAoB,EAAE;gBACrB,eAAe,EAAE,qBAAqB;aACtC,wBAGQ,CACV,CAAC;QAEF,MAAM,gBAAgB,GAAG,SAAS,CAAC,aAAa,CAC/C,uCAAuC,CACvC,CAAC;QACF,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAC9C,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { Button, Popover } from '../';\n\n(window as any).ResizeObserver = class ResizeObserver {\n\tobserve() {}\n\tdisconnect() {}\n};\n\nconst NestedPortalPopovers = () => {\n\tconst PopoverButton = (props: any) => {\n\t\tconst [open, setOpen] = React.useState(false);\n\n\t\treturn (\n\t\t\t<Popover\n\t\t\t\tdirection=\"r\"\n\t\t\t\tonClickOutside={() => setOpen(false)}\n\t\t\t\topen={open}\n\t\t\t\tportal\n\t\t\t\ttrigger={\n\t\t\t\t\t<Button\n\t\t\t\t\t\tel=\"span\"\n\t\t\t\t\t\tonClick={() => setOpen(true)}\n\t\t\t\t\t\tclassName={props.className}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.text}\n\t\t\t\t\t</Button>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<div className=\"d-ib\">{props.children}</div>\n\t\t\t</Popover>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div className=\"d-ib\">\n\t\t\t<PopoverButton className=\"btn1\" text=\"Button1\">\n\t\t\t\t<PopoverButton className=\"btn2\" text=\"Button2\">\n\t\t\t\t\t<PopoverButton className=\"btn3\" text=\"Button3\">\n\t\t\t\t\t\t<i>Test</i>. Most deeply nested popover.\n\t\t\t\t\t</PopoverButton>\n\t\t\t\t</PopoverButton>\n\t\t\t</PopoverButton>\n\t\t\t<Button className=\"btn0 m-y-1\">Button</Button>\n\t\t</div>\n\t);\n};\n\ndescribe('test nested portaled Popovers for onClickOutside() suppression', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tconst user = userEvent.setup();\n\n\tit('one nested popover should be closed per click', async () => {\n\t\trender(<NestedPortalPopovers />);\n\t\tconst { queryByText: query } = screen;\n\n\t\texpect(query('Button')).not.toBeNull(); // Button which is outside all popovers\n\t\texpect(query('Button1')).not.toBeNull();\n\t\texpect(query('Button2')).toBeNull();\n\t\texpect(query('Button3')).toBeNull();\n\t\texpect(query('Test')).toBeNull(); // Element inside most deeply nested popover\n\n\t\tawait user.click(query('Button1')); // Open popover1\n\t\tawait waitFor(() => {});\n\t\texpect(query('Button2')).not.toBeNull(); // Popover1 is open\n\t\texpect(query('Button3')).toBeNull();\n\n\t\tawait user.click(query('Button2')); // Open popover2\n\t\tawait waitFor(() => {});\n\t\texpect(query('Button3')).not.toBeNull(); // Popover2 is open\n\t\texpect(query('Test')).toBeNull();\n\n\t\tawait user.click(query('Button3')); // Open popover3\n\t\tawait waitFor(() => {});\n\t\texpect(query('Test')).not.toBeNull(); // Popover3 is open\n\n\t\tawait user.click(query('Button')); // Should close popover3 only\n\t\tawait waitFor(() => {});\n\t\texpect(query('Button1')).not.toBeNull();\n\t\texpect(query('Button2')).not.toBeNull();\n\t\texpect(query('Button3')).not.toBeNull();\n\t\texpect(query('Test2')).toBeNull(); // Popover3 is closed\n\n\t\tawait user.click(query('Button')); // Should close popover2 only\n\t\tawait waitFor(() => {});\n\t\texpect(query('Button1')).not.toBeNull();\n\t\texpect(query('Button2')).not.toBeNull();\n\t\texpect(query('Button3')).toBeNull(); // Test popover2 is closed\n\t\texpect(query('Test')).toBeNull();\n\n\t\tawait user.click(query('Button')); // Should close popover1 only\n\t\tawait waitFor(() => {});\n\t\texpect(query('Button1')).not.toBeNull();\n\t\texpect(query('Button2')).toBeNull(); // Popover1 is closed\n\t\texpect(query('Button3')).toBeNull();\n\t\texpect(query('Test')).toBeNull();\n\t});\n});\n\ndescribe('Popover', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Popover\n\t\t\t\tportal\n\t\t\t\tpopperClassName=\"popperClassName\"\n\t\t\t\topen\n\t\t\t\tdirection=\"br\"\n\t\t\t\ttrigger={<Button>Toggle Popover</Button>}\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\tThis is a Popover\n\t\t\t</Popover>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n\n\tit('should pass data automation attributes to portal', () => {\n\t\tconst { container, baseElement } = render(\n\t\t\t<Popover\n\t\t\t\tportal\n\t\t\t\tpopperClassName=\"popperClassName\"\n\t\t\t\topen\n\t\t\t\tdirection=\"br\"\n\t\t\t\ttrigger={<Button>Toggle Popover</Button>}\n\t\t\t\tportalDataAttributes={{\n\t\t\t\t\t'data-auto-sel': 'automation-selector',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tThis is a Popover\n\t\t\t</Popover>\n\t\t);\n\n\t\tconst nonPortalElement = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\t\tconst portalElement = baseElement.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(nonPortalElement).toBeNull();\n\t\texpect(portalElement).not.toBeNull();\n\t});\n});\n"]}
@@ -3,6 +3,7 @@ import { JustifyProps } from '../../utilities/justify-props';
3
3
  export interface PopoverContentPropsStrict {
4
4
  /** Add class attribute */
5
5
  className?: string;
6
+ children?: React.ReactNode;
6
7
  /** Add a specific max-height value to the popover body */
7
8
  contentScrollHeight?: string;
8
9
  /** Removes content padding. For full-width backgrounds */
@@ -21,6 +22,7 @@ export interface PopoverHeaderProps {
21
22
  align?: JustifyProps;
22
23
  /** Add class attribute */
23
24
  className?: string;
25
+ children?: React.ReactNode;
24
26
  /** Removes header padding. For full-width/height backgrounds */
25
27
  noPadding?: boolean;
26
28
  }
@@ -1 +1 @@
1
- {"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Popover/components.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAmBvC,MAAM,CAAC,MAAM,cAAc,GAA4B,KAAK,CAAC,UAAU,CACtE,CACC,EAAE,QAAQ,EAAE,SAAS,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,EAClE,GAAoC,EACnC,EAAE;IACH,MAAM,wBAAwB,GAAG,UAAU,CAC1C,kBAAkB,EAClB,SAAS,EACT;QACC,6BAA6B,EAAE,SAAS;KACxC,CACD,CAAC;IACF,OAAO,CACN,6BACC,KAAK,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,EACzC,SAAS,EAAE,wBAAwB,EACnC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,IAEP,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAMF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAKrD,EAAE,EAAE;QALiD,EACrD,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAJ6C,kCAKrD,CADQ;IAER,MAAM,uBAAuB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACxE,uBAAuB,EAAE,KAAK,KAAK,MAAM;QACzC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,qBAAqB,EAAE,KAAK,KAAK,OAAO;QACxC,yBAAyB,EAAE,KAAK,KAAK,eAAe;KACpD,CAAC,CAAC;IACH,OAAO,CACN,2CAAK,SAAS,EAAE,uBAAuB,IAAM,KAAK,GAChD,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAYF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAMrD,EAAE,EAAE;QANiD,EACrD,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,EACT,SAAS,OAET,EADG,KAAK,cAL6C,+CAMrD,CADQ;IAER,MAAM,uBAAuB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACxE,uBAAuB,EAAE,KAAK,KAAK,MAAM;QACzC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,qBAAqB,EAAE,KAAK,KAAK,OAAO;QACxC,yBAAyB,EAAE,KAAK,KAAK,eAAe;QACpD,4BAA4B,EAAE,SAAS;KACvC,CAAC,CAAC;IACH,OAAO,CACN,oBAAC,QAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,uBAAuB,IAAM,KAAK,GAClE,QAAQ,CACC,CACX,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,6BAAK,SAAS,EAAC,kBAAkB,GAAG,CAAC"}
1
+ {"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Popover/components.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAqBvC,MAAM,CAAC,MAAM,cAAc,GAA4B,KAAK,CAAC,UAAU,CACtE,CACC,EAAE,QAAQ,EAAE,SAAS,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,EAClE,GAAoC,EACnC,EAAE;IACH,MAAM,wBAAwB,GAAG,UAAU,CAC1C,kBAAkB,EAClB,SAAS,EACT;QACC,6BAA6B,EAAE,SAAS;KACxC,CACD,CAAC;IACF,OAAO,CACN,6BACC,KAAK,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,EACzC,SAAS,EAAE,wBAAwB,EACnC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,IAEP,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAMF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAKrD,EAAE,EAAE;QALiD,EACrD,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAJ6C,kCAKrD,CADQ;IAER,MAAM,uBAAuB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACxE,uBAAuB,EAAE,KAAK,KAAK,MAAM;QACzC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,qBAAqB,EAAE,KAAK,KAAK,OAAO;QACxC,yBAAyB,EAAE,KAAK,KAAK,eAAe;KACpD,CAAC,CAAC;IACH,OAAO,CACN,2CAAK,SAAS,EAAE,uBAAuB,IAAM,KAAK,GAChD,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAcF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAMrD,EAAE,EAAE;QANiD,EACrD,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,EACT,SAAS,OAET,EADG,KAAK,cAL6C,+CAMrD,CADQ;IAER,MAAM,uBAAuB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACxE,uBAAuB,EAAE,KAAK,KAAK,MAAM;QACzC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,qBAAqB,EAAE,KAAK,KAAK,OAAO;QACxC,yBAAyB,EAAE,KAAK,KAAK,eAAe;QACpD,4BAA4B,EAAE,SAAS;KACvC,CAAC,CAAC;IACH,OAAO,CACN,oBAAC,QAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,uBAAuB,IAAM,KAAK,GAClE,QAAQ,CACC,CACX,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,6BAAK,SAAS,EAAC,kBAAkB,GAAG,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { JustifyProps } from '../../utilities/justify-props';\nimport { Headline } from '../Headline';\n\nexport interface PopoverContentPropsStrict {\n\t/** Add class attribute */\n\tclassName?: string;\n\n\tchildren?: React.ReactNode;\n\n\t/** Add a specific max-height value to the popover body */\n\tcontentScrollHeight?: string;\n\n\t/** Removes content padding. For full-width backgrounds */\n\tnoPadding?: boolean;\n\n\tonKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n}\n\nexport interface PopoverContentProps extends PopoverContentPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const PopoverContent: FC<PopoverContentProps> = React.forwardRef(\n\t(\n\t\t{ children, className, contentScrollHeight, noPadding, onKeyDown },\n\t\tref: React.RefObject<HTMLDivElement>\n\t) => {\n\t\tconst PopoverContentClassNames = classnames(\n\t\t\t'Popover__content',\n\t\t\tclassName,\n\t\t\t{\n\t\t\t\t'Popover__content--nopadding': noPadding,\n\t\t\t}\n\t\t);\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{ maxHeight: contentScrollHeight }}\n\t\t\t\tclassName={PopoverContentClassNames}\n\t\t\t\tonKeyDown={onKeyDown}\n\t\t\t\tref={ref}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nexport interface PopoverFooterProps extends PopoverContentProps {\n\talign?: JustifyProps;\n}\n\nexport const PopoverFooter: FC<PopoverFooterProps> = ({\n\talign = 'left',\n\tchildren,\n\tclassName,\n\t...props\n}) => {\n\tconst PopoverFooterClassNames = classnames('Popover__footer', className, {\n\t\t'justify-content-start': align === 'left',\n\t\t'justify-content-center': align === 'center',\n\t\t'justify-content-end': align === 'right',\n\t\t'justify-content-between': align === 'space-between',\n\t});\n\treturn (\n\t\t<div className={PopoverFooterClassNames} {...props}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport interface PopoverHeaderProps {\n\talign?: JustifyProps;\n\n\t/** Add class attribute */\n\tclassName?: string;\n\n\tchildren?: React.ReactNode;\n\n\t/** Removes header padding. For full-width/height backgrounds */\n\tnoPadding?: boolean;\n}\n\nexport const PopoverHeader: FC<PopoverHeaderProps> = ({\n\talign = 'left',\n\tchildren,\n\tclassName,\n\tnoPadding,\n\t...props\n}) => {\n\tconst PopoverHeaderClassNames = classnames('Popover__header', className, {\n\t\t'justify-content-start': align === 'left',\n\t\t'justify-content-center': align === 'center',\n\t\t'justify-content-end': align === 'right',\n\t\t'justify-content-between': align === 'space-between',\n\t\t'Popover__header--nopadding': noPadding,\n\t});\n\treturn (\n\t\t<Headline size=\"small\" className={PopoverHeaderClassNames} {...props}>\n\t\t\t{children}\n\t\t</Headline>\n\t);\n};\n\nexport const PopoverDivider = () => <div className=\"Popover__divider\" />;\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC","sourcesContent":["export * from './Popover';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA4CpC,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAajD,EAAE,EAAE;QAb6C,EACjD,IAAI,EACJ,SAAS,EACT,EAAE,EAAE,kBAAkB,GAAG,UAAU,EACnC,KAAK,EACL,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,QAAQ,OAER,EADG,KAAK,cAZyC,mHAajD,CADQ;IAER,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,mBAAmB,EAAE,IAAI;QACzB,qBAAqB,EAAE,QAAQ,KAAK,QAAQ;QAC5C,oBAAoB,EAAE,KAAK;QAC3B,4BAA4B,EAAE,aAAa;QAC3C,kBAAkB,EAAE,GAAG;QACvB,oBAAoB,EAAE,KAAK;QAC3B,kBAAkB,EAAE,QAAQ,KAAK,KAAK;QACtC,qBAAqB,EAAE,MAAM;QAC7B,wBAAwB,EAAE,QAAQ;KAClC,CAAC,CAAC;IAEH,IAAI,aAAa,EAAE;QAClB,OAAO,CACN,2CAAK,SAAS,EAAE,kBAAkB,IAAM,KAAK;YAC5C,6BAAK,SAAS,EAAC,iBAAiB;gBAC/B,6BAAK,SAAS,EAAC,oBAAoB,GAAG,CACjC,CACD,CACN,CAAC;KACF;IAED,OAAO,CACN,oBAAC,kBAAkB,kBAClB,SAAS,EAAE,kBAAkB,EAC7B,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,QAAQ,0BACM,aAAa,IAC9B,KAAK;QAET,6BAAK,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,cAAc;YACnD,6BACC,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,GAC/B,CACG,CACc,CACrB,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA4CpC,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAajD,EAAE,EAAE;QAb6C,EACjD,IAAI,EACJ,SAAS,EACT,EAAE,EAAE,kBAAkB,GAAG,UAAU,EACnC,KAAK,EACL,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,QAAQ,OAER,EADG,KAAK,cAZyC,mHAajD,CADQ;IAER,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,mBAAmB,EAAE,IAAI;QACzB,qBAAqB,EAAE,QAAQ,KAAK,QAAQ;QAC5C,oBAAoB,EAAE,KAAK;QAC3B,4BAA4B,EAAE,aAAa;QAC3C,kBAAkB,EAAE,GAAG;QACvB,oBAAoB,EAAE,KAAK;QAC3B,kBAAkB,EAAE,QAAQ,KAAK,KAAK;QACtC,qBAAqB,EAAE,MAAM;QAC7B,wBAAwB,EAAE,QAAQ;KAClC,CAAC,CAAC;IAEH,IAAI,aAAa,EAAE;QAClB,OAAO,CACN,2CAAK,SAAS,EAAE,kBAAkB,IAAM,KAAK;YAC5C,6BAAK,SAAS,EAAC,iBAAiB;gBAC/B,6BAAK,SAAS,EAAC,oBAAoB,GAAG,CACjC,CACD,CACN,CAAC;KACF;IAED,OAAO,CACN,oBAAC,kBAAkB,kBAClB,SAAS,EAAE,kBAAkB,EAC7B,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,QAAQ,0BACM,aAAa,IAC9B,KAAK;QAET,6BAAK,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,cAAc;YACnD,6BACC,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,GAC/B,CACG,CACc,CACrB,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\n/**\n * Progress Bar properties\n */\nexport interface ProgressBarPropsStrict {\n\t/** String of class names to add to component */\n\tclassName?: string;\n\n\t/** Blue variant */\n\tblue?: boolean;\n\n\t/** Element to use for base component */\n\tel?: any;\n\n\t/** Green variant */\n\tgreen?: boolean;\n\n\t/** This is an indeterminate state */\n\tindeterminate?: boolean;\n\n\t/** Value of filled bar without percent sign. E.g. <ProgressBar progress={50} /> */\n\tprogress?: number;\n\n\t/** Absolutely position to the top or bottom of the parent element */\n\tposition?: 'bottom' | 'top';\n\n\t/** Red variant */\n\tred?: boolean;\n\n\t/** Small variant */\n\tsmall?: boolean;\n\n\t/** Yellow variant */\n\tyellow?: boolean;\n\n\t/** Blue grey variant */\n\tblueGrey?: boolean;\n}\n\nexport interface ProgressBarProps extends ProgressBarPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const ProgressBar: FC<ProgressBarProps> = ({\n\tblue,\n\tclassName,\n\tel: ProgressBarElement = 'progress',\n\tgreen,\n\tindeterminate,\n\tprogress,\n\tposition,\n\tred,\n\tsmall,\n\tyellow,\n\tblueGrey,\n\t...props\n}) => {\n\tconst ProgressBarClasses = classnames('ProgressBar', className, {\n\t\t'ProgressBar--blue': blue,\n\t\t'ProgressBar--bottom': position === 'bottom',\n\t\t'ProgressBar--green': green,\n\t\t'ProgressBar--indeterminate': indeterminate,\n\t\t'ProgressBar--red': red,\n\t\t'ProgressBar--small': small,\n\t\t'ProgressBar--top': position === 'top',\n\t\t'ProgressBar--yellow': yellow,\n\t\t'ProgressBar--blue-grey': blueGrey,\n\t});\n\n\tif (indeterminate) {\n\t\treturn (\n\t\t\t<div className={ProgressBarClasses} {...props}>\n\t\t\t\t<div className=\"ProgressBar__bg\">\n\t\t\t\t\t<div className=\"ProgressBar__value\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<ProgressBarElement\n\t\t\tclassName={ProgressBarClasses}\n\t\t\tmax=\"100\"\n\t\t\tvalue={progress}\n\t\t\tdata-anvil-component=\"ProgressBar\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className=\"ProgressBar__bg\" role=\"presentation\">\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"ProgressBar__value\"\n\t\t\t\t\tstyle={{ width: `${progress}%` }}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</ProgressBarElement>\n\t);\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBar.test.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,WAAW,IAAC,QAAQ,EAAE,EAAE,mBAAgB,qBAAqB,GAAG,CACjE,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"ProgressBar.test.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,WAAW,IAAC,QAAQ,EAAE,EAAE,mBAAgB,qBAAqB,GAAG,CACjE,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { ProgressBar } from './ProgressBar';\n\ndescribe('ProgressBar', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<ProgressBar progress={50} data-auto-sel=\"automation-selector\" />\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","sourcesContent":["export * from './ProgressBar';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAiBvC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAMvD,EAAE,EAAE;QANmD,EACvD,SAAS,EACT,QAAQ,GAAG,CAAC,EACZ,KAAK,EACL,QAAQ,OAER,EADG,KAAK,cAL+C,8CAMvD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QACrE,sBAAsB,EAAE,KAAK,KAAK,MAAM;QACxC,uBAAuB,EAAE,KAAK,KAAK,OAAO;QAC1C,qBAAqB,EAAE,KAAK,KAAK,KAAK;QACtC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;KAC5C,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,GAAW,EAAE,GAAW,EAAE,GAAW;QACzD,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAChD,CAAC;IAED,MAAM,SAAS,GAAG,EAAE,CAAC;IACrB,MAAM,MAAM,GAAG,EAAE,GAAG,SAAS,GAAG,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAElE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,aAAa,CACZ,aAAa;YACZ,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,aAAa,CACtD,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9B,MAAM,uBAAuB,GAAG,CAC/B,2CACC,SAAS,EAAE,qBAAqB,0BACX,gBAAgB,IACjC,KAAK;QAET,6BACC,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,4BAA4B;YAElC,gCACC,SAAS,EAAC,4BAA4B,EACtC,eAAe,EAAE,GAAG,aAAa,IAAI,aAAa,EAAE,EACpD,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,WAAW,EAAE,SAAS,EACtB,CAAC,EAAE,MAAM,GACR;YACF,gCACC,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,gBAAgB,EAAE,UAAU,EAAE,EACvC,eAAe,EAAE,GAAG,aAAa,IAAI,aAAa,EAAE,EACpD,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,WAAW,EAAE,SAAS,EACtB,CAAC,EAAE,MAAM,GACR,CACG;QACN,oBAAC,QAAQ,IAAC,SAAS,EAAC,0BAA0B,IAAE,QAAQ,CAAY,CAC/D,CACN,CAAC;IAEF,OAAO,uBAAuB,CAAC;AAChC,CAAC,CAAC"}
1
+ {"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAiBvC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAMvD,EAAE,EAAE;QANmD,EACvD,SAAS,EACT,QAAQ,GAAG,CAAC,EACZ,KAAK,EACL,QAAQ,OAER,EADG,KAAK,cAL+C,8CAMvD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QACrE,sBAAsB,EAAE,KAAK,KAAK,MAAM;QACxC,uBAAuB,EAAE,KAAK,KAAK,OAAO;QAC1C,qBAAqB,EAAE,KAAK,KAAK,KAAK;QACtC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;KAC5C,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,GAAW,EAAE,GAAW,EAAE,GAAW;QACzD,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAChD,CAAC;IAED,MAAM,SAAS,GAAG,EAAE,CAAC;IACrB,MAAM,MAAM,GAAG,EAAE,GAAG,SAAS,GAAG,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAElE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,aAAa,CACZ,aAAa;YACZ,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,aAAa,CACtD,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9B,MAAM,uBAAuB,GAAG,CAC/B,2CACC,SAAS,EAAE,qBAAqB,0BACX,gBAAgB,IACjC,KAAK;QAET,6BACC,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,4BAA4B;YAElC,gCACC,SAAS,EAAC,4BAA4B,EACtC,eAAe,EAAE,GAAG,aAAa,IAAI,aAAa,EAAE,EACpD,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,WAAW,EAAE,SAAS,EACtB,CAAC,EAAE,MAAM,GACR;YACF,gCACC,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,gBAAgB,EAAE,UAAU,EAAE,EACvC,eAAe,EAAE,GAAG,aAAa,IAAI,aAAa,EAAE,EACpD,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,WAAW,EAAE,SAAS,EACtB,CAAC,EAAE,MAAM,GACR,CACG;QACN,oBAAC,QAAQ,IAAC,SAAS,EAAC,0BAA0B,IAAE,QAAQ,CAAY,CAC/D,CACN,CAAC;IAEF,OAAO,uBAAuB,CAAC;AAChC,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { Headline } from '../Headline';\n\nexport interface ProgressCirclePropsStrict {\n\t/** String of class names to add to component */\n\tclassName?: string;\n\n\t/** Color variants */\n\tcolor?: 'default' | 'blue' | 'green' | 'red' | 'yellow';\n\n\t/** Value of filled bar without percent sign. E.g. <ProgressBar progress={50} /> */\n\tprogress?: number;\n}\n\nexport interface ProgressCircleProps extends ProgressCirclePropsStrict {\n\t[propName: string]: any;\n}\n\nexport const ProgressCircle: FC<ProgressCircleProps> = ({\n\tclassName,\n\tprogress = 0,\n\tcolor,\n\tchildren,\n\t...props\n}) => {\n\tconst ProgressCircleClasses = classnames('ProgressCircle', className, {\n\t\t'ProgressCircle--blue': color === 'blue',\n\t\t'ProgressCircle--green': color === 'green',\n\t\t'ProgressCircle--red': color === 'red',\n\t\t'ProgressCircle--yellow': color === 'yellow',\n\t});\n\n\tfunction value_limit(val: number, min: number, max: number) {\n\t\treturn val < min ? min : val > max ? max : val;\n\t}\n\n\tconst thickness = 10;\n\tconst radius = 50 - thickness / 2;\n\tconst circumference = radius * 2 * Math.PI;\n\tconst [dashoffset, setDashoffset] = React.useState(circumference);\n\n\tReact.useEffect(() => {\n\t\tsetDashoffset(\n\t\t\tcircumference -\n\t\t\t\t(value_limit(progress, 0, 100) / 100) * circumference\n\t\t);\n\t}, [circumference, progress]);\n\n\tconst ProgressCircleComponent = (\n\t\t<div\n\t\t\tclassName={ProgressCircleClasses}\n\t\t\tdata-anvil-component=\"ProgressCircle\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<svg\n\t\t\t\tclassName=\"ProgressCircle__svg\"\n\t\t\t\tviewBox=\"0 0 100 100\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<circle\n\t\t\t\t\tclassName=\"ProgressCircle__background\"\n\t\t\t\t\tstrokeDasharray={`${circumference} ${circumference}`}\n\t\t\t\t\tcx=\"50\"\n\t\t\t\t\tcy=\"50\"\n\t\t\t\t\tstrokeWidth={thickness}\n\t\t\t\t\tr={radius}\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tclassName=\"ProgressCircle__circle\"\n\t\t\t\t\tstyle={{ strokeDashoffset: dashoffset }}\n\t\t\t\t\tstrokeDasharray={`${circumference} ${circumference}`}\n\t\t\t\t\tcx=\"50\"\n\t\t\t\t\tcy=\"50\"\n\t\t\t\t\tstrokeWidth={thickness}\n\t\t\t\t\tr={radius}\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t\t<Headline className=\"ProgressCircle__children\">{children}</Headline>\n\t\t</div>\n\t);\n\n\treturn ProgressCircleComponent;\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressCircle.test.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC/B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,cAAc,IAAC,QAAQ,EAAE,EAAE,mBAAgB,qBAAqB,UAEhD,CACjB,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"ProgressCircle.test.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC/B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,cAAc,IAAC,QAAQ,EAAE,EAAE,mBAAgB,qBAAqB,UAEhD,CACjB,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { ProgressCircle } from './ProgressCircle';\n\ndescribe('ProgressCircle', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<ProgressCircle progress={60} data-auto-sel=\"automation-selector\">\n\t\t\t\t60%\n\t\t\t</ProgressCircle>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './ProgressCircle';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressTracker.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTracker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAgClE,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAShD,EAAE,EAAE;QAT4C,EAChD,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,GAAG,CAAC,EAChB,QAAQ,EACR,UAAU,EACV,IAAI,GAAG,QAAQ,OAEf,EADG,IAAI,cARyC,wFAShD,CADO;IAEP,MAAM,WAAW,GAAG,GAAoB,EAAE;QACzC,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CACxB,QAAQ,EACR,CAAC,KAAyB,EAAE,KAAK,EAAE,EAAE;YACpC,MAAM,UAAU,GAAG;gBAClB,GAAG,EAAE,GAAG,KAAK,OAAO;gBACpB,UAAU,EAAE,KAAK,GAAG,CAAC;gBACrB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;gBAC1B,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;gBAChC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;gBAC5B,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU;gBAClC,IAAI;aACJ,CAAC;YAEF,MAAM,SAAS,GAAG,YAAY,KAAK,KAAK,CAAC;YACzC,MAAM,QAAQ,GAAG,KAAK,KAAK,YAAY,CAAC;YACxC,MAAM,cAAc,GAAG,KAAK,GAAG,YAAY,CAAC;YAC5C,MAAM,uBAAuB,GAAG,SAAS,CAAC;YAE1C,IAAI,UAAU;gBAAE,UAAU,CAAC,UAAU,GAAG,IAAI,CAAC;YAE7C,IAAI,SAAS,EAAE;gBACd,IAAI,uBAAuB,EAAE;oBAC5B,uDAAuD;oBACvD,IAAI,QAAQ;wBAAE,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;oBAExC,2GAA2G;oBAC3G,IAAI,CAAC,QAAQ;wBAAE,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC;iBAC3C;gBAED,IAAI,CAAC,uBAAuB,EAAE;oBAC7B,uDAAuD;oBACvD,IAAI,QAAQ;wBAAE,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC;oBAEvC,mEAAmE;oBACnE,IAAI,cAAc;wBAAE,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC;iBAChD;aACD;YAED,OAAO;gBACN,KAAK,GAAG,CAAC,IAAI,CACZ,oBAAC,sBAAsB,IACtB,GAAG,EAAE,GAAG,KAAK,UAAU,EACvB,SAAS,EACR,cAAc;wBACd,uBAAuB;wBACvB,QAAQ,GAER,CACF;gBACD,KAAK,CAAC,YAAY,CAAC,KAA2B,EAAE,UAAU,CAAC;aAC3D,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACvE,4BAA4B,EAAE,SAAS;QACvC,2BAA2B,EAAE,QAAQ;QACrC,CAAC,oBAAoB,IAAI,EAAE,CAAC,EAAE,IAAI;KAClC,CAAC,CAAC;IAEH,OAAO,CACN,2CACC,SAAS,EAAE,sBAAsB,0BACZ,iBAAiB,IAClC,IAAI,GAEP,WAAW,EAAE,CACT,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG,mBAAmB,CAAC;AAC3C,eAAe,CAAC,OAAO,GAAG,sBAAsB,CAAC"}
1
+ {"version":3,"file":"ProgressTracker.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTracker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAgClE,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAShD,EAAE,EAAE;QAT4C,EAChD,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,GAAG,CAAC,EAChB,QAAQ,EACR,UAAU,EACV,IAAI,GAAG,QAAQ,OAEf,EADG,IAAI,cARyC,wFAShD,CADO;IAEP,MAAM,WAAW,GAAG,GAAoB,EAAE;QACzC,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CACxB,QAAQ,EACR,CAAC,KAAyB,EAAE,KAAK,EAAE,EAAE;YACpC,MAAM,UAAU,GAAG;gBAClB,GAAG,EAAE,GAAG,KAAK,OAAO;gBACpB,UAAU,EAAE,KAAK,GAAG,CAAC;gBACrB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;gBAC1B,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;gBAChC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;gBAC5B,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU;gBAClC,IAAI;aACJ,CAAC;YAEF,MAAM,SAAS,GAAG,YAAY,KAAK,KAAK,CAAC;YACzC,MAAM,QAAQ,GAAG,KAAK,KAAK,YAAY,CAAC;YACxC,MAAM,cAAc,GAAG,KAAK,GAAG,YAAY,CAAC;YAC5C,MAAM,uBAAuB,GAAG,SAAS,CAAC;YAE1C,IAAI,UAAU;gBAAE,UAAU,CAAC,UAAU,GAAG,IAAI,CAAC;YAE7C,IAAI,SAAS,EAAE;gBACd,IAAI,uBAAuB,EAAE;oBAC5B,uDAAuD;oBACvD,IAAI,QAAQ;wBAAE,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;oBAExC,2GAA2G;oBAC3G,IAAI,CAAC,QAAQ;wBAAE,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC;iBAC3C;gBAED,IAAI,CAAC,uBAAuB,EAAE;oBAC7B,uDAAuD;oBACvD,IAAI,QAAQ;wBAAE,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC;oBAEvC,mEAAmE;oBACnE,IAAI,cAAc;wBAAE,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC;iBAChD;aACD;YAED,OAAO;gBACN,KAAK,GAAG,CAAC,IAAI,CACZ,oBAAC,sBAAsB,IACtB,GAAG,EAAE,GAAG,KAAK,UAAU,EACvB,SAAS,EACR,cAAc;wBACd,uBAAuB;wBACvB,QAAQ,GAER,CACF;gBACD,KAAK,CAAC,YAAY,CAAC,KAA2B,EAAE,UAAU,CAAC;aAC3D,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACvE,4BAA4B,EAAE,SAAS;QACvC,2BAA2B,EAAE,QAAQ;QACrC,CAAC,oBAAoB,IAAI,EAAE,CAAC,EAAE,IAAI;KAClC,CAAC,CAAC;IAEH,OAAO,CACN,2CACC,SAAS,EAAE,sBAAsB,0BACZ,iBAAiB,IAClC,IAAI,GAEP,WAAW,EAAE,CACT,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG,mBAAmB,CAAC;AAC3C,eAAe,CAAC,OAAO,GAAG,sBAAsB,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { ProgressTrackerStep } from './ProgressTrackerStep';\nimport { ProgressTrackerDivider } from './ProgressTrackerDivider';\n\nexport interface ProgressTrackerPropsStrict {\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Optionally specify the current step array index. Set to `false` to manually track step state */\n\tcurrentIndex: number | false;\n\n\t/** Turn this on if this flow has been previously completed */\n\tcompleted?: boolean;\n\n\t/** Disable style for the entire Progress Tracker */\n\tdisabled?: boolean;\n\n\t/** Hides labels behind Tooltips. For accessibility, labels should be added even when hidden */\n\thideLabels?: boolean;\n\n\t/** Size of the Progress Tracker. Defaults to medium. */\n\tsize?: 'small' | 'medium';\n}\n\nexport interface ProgressTrackerProps extends ProgressTrackerPropsStrict {\n\t[propName: string]: any;\n}\n\nexport interface ProgressTracker extends FC<ProgressTrackerProps> {\n\t/** Subcomponents */\n\tStep: typeof ProgressTrackerStep;\n\tDivider: typeof ProgressTrackerDivider;\n}\n\nexport const ProgressTracker: ProgressTracker = ({\n\tchildren,\n\tclassName,\n\tcompleted,\n\tcurrentIndex = 0,\n\tdisabled,\n\thideLabels,\n\tsize = 'medium',\n\t...rest\n}) => {\n\tconst renderSteps = (): React.ReactNode => {\n\t\treturn React.Children.map(\n\t\t\tchildren,\n\t\t\t(child: React.ReactElement, index) => {\n\t\t\t\tconst childProps = {\n\t\t\t\t\tkey: `${index}-step`,\n\t\t\t\t\tstepNumber: index + 1,\n\t\t\t\t\tactive: child.props.active,\n\t\t\t\t\tcompleted: child.props.completed,\n\t\t\t\t\tediting: child.props.editing,\n\t\t\t\t\thideLabels: child.props.hideLabels,\n\t\t\t\t\tsize,\n\t\t\t\t};\n\n\t\t\t\tconst isIndexed = currentIndex !== false;\n\t\t\t\tconst isActive = index === currentIndex;\n\t\t\t\tconst isBeforeActive = index < currentIndex;\n\t\t\t\tconst flowPreviouslyCompleted = completed;\n\n\t\t\t\tif (hideLabels) childProps.hideLabels = true;\n\n\t\t\t\tif (isIndexed) {\n\t\t\t\t\tif (flowPreviouslyCompleted) {\n\t\t\t\t\t\t// If currentIndex is used and this is the current step\n\t\t\t\t\t\tif (isActive) childProps.editing = true;\n\n\t\t\t\t\t\t// If currentIndex is used and this step is not the active step and this flow has been previously completed\n\t\t\t\t\t\tif (!isActive) childProps.completed = true;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (!flowPreviouslyCompleted) {\n\t\t\t\t\t\t// If currentIndex is used and this is the current step\n\t\t\t\t\t\tif (isActive) childProps.active = true;\n\n\t\t\t\t\t\t// If currentIndex is used and this step is before the current step\n\t\t\t\t\t\tif (isBeforeActive) childProps.completed = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn [\n\t\t\t\t\tindex > 0 && (\n\t\t\t\t\t\t<ProgressTrackerDivider\n\t\t\t\t\t\t\tkey={`${index}-divider`}\n\t\t\t\t\t\t\tcompleted={\n\t\t\t\t\t\t\t\tisBeforeActive ||\n\t\t\t\t\t\t\t\tflowPreviouslyCompleted ||\n\t\t\t\t\t\t\t\tisActive\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tReact.cloneElement(child as React.ReactElement, childProps),\n\t\t\t\t];\n\t\t\t}\n\t\t);\n\t};\n\n\tconst ProgressTrackerClasses = classnames('ProgressTracker', className, {\n\t\t'ProgressTracker--completed': completed,\n\t\t'ProgressTracker--disabled': disabled,\n\t\t[`ProgressTracker--${size}`]: size,\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ProgressTrackerClasses}\n\t\t\tdata-anvil-component=\"ProgressTracker\"\n\t\t\t{...rest}\n\t\t>\n\t\t\t{renderSteps()}\n\t\t</div>\n\t);\n};\n\nProgressTracker.Step = ProgressTrackerStep;\nProgressTracker.Divider = ProgressTrackerDivider;\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressTracker.test.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTracker.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAChC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,eAAe,IACf,YAAY,EAAE,CAAC,mBACD,qBAAqB;YAEnC,oBAAC,eAAe,CAAC,IAAI,IACpB,GAAG,EAAE,CAAC,EACN,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,mBAAmB,GACvB;YACF,oBAAC,eAAe,CAAC,IAAI,IACpB,GAAG,EAAE,CAAC,EACN,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,mBAAmB,GACvB;YACF,oBAAC,eAAe,CAAC,IAAI,IACpB,GAAG,EAAE,CAAC,EACN,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,mBAAmB,GACvB;YACF,oBAAC,eAAe,CAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,GAAG,CAC9B,CAClB,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"ProgressTracker.test.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTracker.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAChC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,eAAe,IACf,YAAY,EAAE,CAAC,mBACD,qBAAqB;YAEnC,oBAAC,eAAe,CAAC,IAAI,IACpB,GAAG,EAAE,CAAC,EACN,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,mBAAmB,GACvB;YACF,oBAAC,eAAe,CAAC,IAAI,IACpB,GAAG,EAAE,CAAC,EACN,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,mBAAmB,GACvB;YACF,oBAAC,eAAe,CAAC,IAAI,IACpB,GAAG,EAAE,CAAC,EACN,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,mBAAmB,GACvB;YACF,oBAAC,eAAe,CAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,GAAG,CAC9B,CAClB,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { ProgressTracker } from './ProgressTracker';\n\ndescribe('ProgressTracker', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<ProgressTracker\n\t\t\t\tcurrentIndex={1}\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\t<ProgressTracker.Step\n\t\t\t\t\tkey={1}\n\t\t\t\t\tlabel=\"Step 1\"\n\t\t\t\t\thref=\"http://google.com\"\n\t\t\t\t/>\n\t\t\t\t<ProgressTracker.Step\n\t\t\t\t\tkey={2}\n\t\t\t\t\tlabel=\"Step 2\"\n\t\t\t\t\thref=\"http://google.com\"\n\t\t\t\t/>\n\t\t\t\t<ProgressTracker.Step\n\t\t\t\t\tkey={3}\n\t\t\t\t\tlabel=\"Step 3\"\n\t\t\t\t\thref=\"http://google.com\"\n\t\t\t\t/>\n\t\t\t\t<ProgressTracker.Step key={4} label=\"Step 4\" />\n\t\t\t</ProgressTracker>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
@@ -12,10 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  import React from 'react';
13
13
  import classnames from 'classnames';
14
14
  export const ProgressTrackerDivider = (_a) => {
15
- var { className } = _a, props = __rest(_a, ["className"]);
15
+ var { className, completed } = _a, rest = __rest(_a, ["className", "completed"]);
16
16
  const ProgressTrackerDividerClasses = classnames('ProgressTrackerDivider', className, {
17
- 'ProgressTrackerDivider--completed': props.completed,
17
+ 'ProgressTrackerDivider--completed': completed,
18
18
  });
19
- return React.createElement("div", Object.assign({ className: ProgressTrackerDividerClasses }, props));
19
+ return React.createElement("div", Object.assign({ className: ProgressTrackerDividerClasses }, rest));
20
20
  };
21
21
  //# sourceMappingURL=ProgressTrackerDivider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressTrackerDivider.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTrackerDivider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,CAAC,MAAM,sBAAsB,GAAc,CAAC,EAAuB,EAAE,EAAE;QAA3B,EAAE,SAAS,OAAY,EAAP,KAAK,cAArB,aAAuB,CAAF;IACtE,MAAM,6BAA6B,GAAG,UAAU,CAC/C,wBAAwB,EACxB,SAAS,EACT;QACC,mCAAmC,EAAE,KAAK,CAAC,SAAS;KACpD,CACD,CAAC;IAEF,OAAO,2CAAK,SAAS,EAAE,6BAA6B,IAAM,KAAK,EAAI,CAAC;AACrE,CAAC,CAAC"}
1
+ {"version":3,"file":"ProgressTrackerDivider.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTrackerDivider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,CAAC,MAAM,sBAAsB,GAAc,CAAC,EAIjD,EAAE,EAAE;QAJ6C,EACjD,SAAS,EACT,SAAS,OAET,EADG,IAAI,cAH0C,0BAIjD,CADO;IAEP,MAAM,6BAA6B,GAAG,UAAU,CAC/C,wBAAwB,EACxB,SAAS,EACT;QACC,mCAAmC,EAAE,SAAS;KAC9C,CACD,CAAC;IAEF,OAAO,2CAAK,SAAS,EAAE,6BAA6B,IAAM,IAAI,EAAI,CAAC;AACpE,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nexport interface Props {\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\tcompleted?: boolean;\n\t[propName: string]: any;\n}\n\nexport const ProgressTrackerDivider: FC<Props> = ({\n\tclassName,\n\tcompleted,\n\t...rest\n}) => {\n\tconst ProgressTrackerDividerClasses = classnames(\n\t\t'ProgressTrackerDivider',\n\t\tclassName,\n\t\t{\n\t\t\t'ProgressTrackerDivider--completed': completed,\n\t\t}\n\t);\n\n\treturn <div className={ProgressTrackerDividerClasses} {...rest} />;\n};\n"]}