@servicetitan/design-system 14.0.0-react18.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 (460) hide show
  1. package/dist/components/ActionMenu/ActionMenu.d.ts +7 -5
  2. package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
  3. package/dist/components/ActionMenu/ActionMenu.stories.d.ts +0 -2
  4. package/dist/components/ActionMenu/ActionMenu.stories.js +0 -1
  5. package/dist/components/ActionMenu/ActionMenu.stories.js.map +1 -1
  6. package/dist/components/ActionMenu/ActionMenu.test.js +5 -25
  7. package/dist/components/ActionMenu/ActionMenu.test.js.map +1 -1
  8. package/dist/components/ActionMenu/ActionMenuGroup.js.map +1 -1
  9. package/dist/components/ActionMenu/ActionMenuItem.js.map +1 -1
  10. package/dist/components/ActionMenu/index.js.map +1 -1
  11. package/dist/components/ActionMenu/useLatestEvent.js.map +1 -1
  12. package/dist/components/Announcement/Announcement.js +1 -1
  13. package/dist/components/Announcement/Announcement.js.map +1 -1
  14. package/dist/components/Announcement/Announcement.test.js.map +1 -1
  15. package/dist/components/Announcement/index.js.map +1 -1
  16. package/dist/components/AnvilSelect/AnvilSelect.d.ts +4 -0
  17. package/dist/components/AnvilSelect/AnvilSelect.js +1 -1
  18. package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
  19. package/dist/components/AnvilSelect/AnvilSelect.test.js.map +1 -1
  20. package/dist/components/AnvilSelect/components/DrillIn.js.map +1 -1
  21. package/dist/components/AnvilSelect/components/FocusProvider.js.map +1 -1
  22. package/dist/components/AnvilSelect/components/SelectFooter.js.map +1 -1
  23. package/dist/components/AnvilSelect/components/SelectHeader.js +1 -1
  24. package/dist/components/AnvilSelect/components/SelectHeader.js.map +1 -1
  25. package/dist/components/AnvilSelect/components/SelectOptions.js.map +1 -1
  26. package/dist/components/AnvilSelect/components/Tree.js.map +1 -1
  27. package/dist/components/AnvilSelect/components/Trigger.js +1 -1
  28. package/dist/components/AnvilSelect/components/Trigger.js.map +1 -1
  29. package/dist/components/AnvilSelect/components/index.js.map +1 -1
  30. package/dist/components/AnvilSelect/index.js.map +1 -1
  31. package/dist/components/AnvilSelect/utils/FocusActionType.js.map +1 -1
  32. package/dist/components/AnvilSelect/utils/FocusContext.js.map +1 -1
  33. package/dist/components/AnvilSelect/utils/FooterAction.js.map +1 -1
  34. package/dist/components/AnvilSelect/utils/focus-utils.js.map +1 -1
  35. package/dist/components/AnvilSelect/utils/index.js.map +1 -1
  36. package/dist/components/Avatar/Avatar.js.map +1 -1
  37. package/dist/components/Avatar/Avatar.test.js.map +1 -1
  38. package/dist/components/Avatar/index.js.map +1 -1
  39. package/dist/components/BackLink/BackLink.js.map +1 -1
  40. package/dist/components/BackLink/BackLink.test.js.map +1 -1
  41. package/dist/components/BackLink/index.js.map +1 -1
  42. package/dist/components/Backdrop/Backdrop.js.map +1 -1
  43. package/dist/components/Backdrop/Backdrop.test.js.map +1 -1
  44. package/dist/components/Backdrop/index.js.map +1 -1
  45. package/dist/components/Banner/Banner.js +1 -1
  46. package/dist/components/Banner/Banner.js.map +1 -1
  47. package/dist/components/Banner/Banner.test.js.map +1 -1
  48. package/dist/components/Banner/index.js.map +1 -1
  49. package/dist/components/BodyText/BodyText.js.map +1 -1
  50. package/dist/components/BodyText/BodyText.test.js.map +1 -1
  51. package/dist/components/BodyText/index.js.map +1 -1
  52. package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
  53. package/dist/components/Breadcrumb/BreadcrumbLink.js.map +1 -1
  54. package/dist/components/Breadcrumb/BreadcrumbLink.test.js.map +1 -1
  55. package/dist/components/Breadcrumb/index.js.map +1 -1
  56. package/dist/components/BreakPoint/BreakPoint.js.map +1 -1
  57. package/dist/components/BreakPoint/BreakPoint.test.js.map +1 -1
  58. package/dist/components/BreakPoint/index.js.map +1 -1
  59. package/dist/components/Button/Button.js.map +1 -1
  60. package/dist/components/Button/Button.test.js.map +1 -1
  61. package/dist/components/Button/index.js.map +1 -1
  62. package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
  63. package/dist/components/ButtonGroup/ButtonGroup.test.js.map +1 -1
  64. package/dist/components/ButtonGroup/ButtonGroupItem.js.map +1 -1
  65. package/dist/components/ButtonGroup/index.js.map +1 -1
  66. package/dist/components/ButtonToggle/ButtonToggle.js.map +1 -1
  67. package/dist/components/ButtonToggle/ButtonToggle.test.js.map +1 -1
  68. package/dist/components/ButtonToggle/ButtonToggleItem.js.map +1 -1
  69. package/dist/components/ButtonToggle/index.js.map +1 -1
  70. package/dist/components/Card/Card.js.map +1 -1
  71. package/dist/components/Card/Card.test.js.map +1 -1
  72. package/dist/components/Card/CardSection.js.map +1 -1
  73. package/dist/components/Card/index.js.map +1 -1
  74. package/dist/components/Checkbox/Checkbox.js +1 -0
  75. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  76. package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
  77. package/dist/components/Checkbox/index.js.map +1 -1
  78. package/dist/components/Collapsible/Collapsible.js.map +1 -1
  79. package/dist/components/Collapsible/Collapsible.test.js.map +1 -1
  80. package/dist/components/Collapsible/index.js.map +1 -1
  81. package/dist/components/ColorPicker/ColorPicker.js.map +1 -1
  82. package/dist/components/ColorPicker/ColorPicker.test.js.map +1 -1
  83. package/dist/components/ColorPicker/index.js.map +1 -1
  84. package/dist/components/Container/Container.js.map +1 -1
  85. package/dist/components/Container/index.js.map +1 -1
  86. package/dist/components/DataList/DataList.js +2 -2
  87. package/dist/components/DataList/DataList.js.map +1 -1
  88. package/dist/components/DataList/DataList.test.js.map +1 -1
  89. package/dist/components/DataList/DataListCell.d.ts +5 -3
  90. package/dist/components/DataList/DataListCell.js +2 -2
  91. package/dist/components/DataList/DataListCell.js.map +1 -1
  92. package/dist/components/DataList/DataListHeaderCell.d.ts +3 -2
  93. package/dist/components/DataList/DataListHeaderCell.js +2 -3
  94. package/dist/components/DataList/DataListHeaderCell.js.map +1 -1
  95. package/dist/components/DataList/DataListHeaderRow.js.map +1 -1
  96. package/dist/components/DataList/DataListRow.js.map +1 -1
  97. package/dist/components/DataList/index.js.map +1 -1
  98. package/dist/components/DatePicker/DatePicker.d.ts +4 -1
  99. package/dist/components/DatePicker/DatePicker.js +11 -8
  100. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  101. package/dist/components/DatePicker/DatePicker.test.js +9 -0
  102. package/dist/components/DatePicker/DatePicker.test.js.map +1 -1
  103. package/dist/components/DatePicker/InputDateMask.js.map +1 -1
  104. package/dist/components/DatePicker/index.js.map +1 -1
  105. package/dist/components/DatePicker/utils/expandMaskUtils.js.map +1 -1
  106. package/dist/components/DatePicker/utils/expandMaskUtils.test.js.map +1 -1
  107. package/dist/components/DatePicker/utils/maskUtils.js.map +1 -1
  108. package/dist/components/DatePicker/utils/utils.js.map +1 -1
  109. package/dist/components/DateRangePicker/DateRangePicker.d.ts +3 -0
  110. package/dist/components/DateRangePicker/DateRangePicker.js +10 -5
  111. package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
  112. package/dist/components/DateRangePicker/DateRangePicker.test.js +13 -1
  113. package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
  114. package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
  115. package/dist/components/DateRangePicker/components/DateRangeOptionList.js.map +1 -1
  116. package/dist/components/DateRangePicker/components/DateRangeTrigger.js +1 -1
  117. package/dist/components/DateRangePicker/components/DateRangeTrigger.js.map +1 -1
  118. package/dist/components/DateRangePicker/components/index.js.map +1 -1
  119. package/dist/components/DateRangePicker/index.js.map +1 -1
  120. package/dist/components/DateRangePicker/utils/checkScope.js.map +1 -1
  121. package/dist/components/DateRangePicker/utils/index.js.map +1 -1
  122. package/dist/components/Dialog/Dialog.js.map +1 -1
  123. package/dist/components/Dialog/Dialog.test.js +5 -3
  124. package/dist/components/Dialog/Dialog.test.js.map +1 -1
  125. package/dist/components/Dialog/index.js.map +1 -1
  126. package/dist/components/Divider/Divider.js.map +1 -1
  127. package/dist/components/Divider/Divider.test.js.map +1 -1
  128. package/dist/components/Divider/index.js.map +1 -1
  129. package/dist/components/Drawer/Drawer.js +1 -1
  130. package/dist/components/Drawer/Drawer.js.map +1 -1
  131. package/dist/components/Drawer/Drawer.test.js +5 -3
  132. package/dist/components/Drawer/Drawer.test.js.map +1 -1
  133. package/dist/components/Drawer/index.js.map +1 -1
  134. package/dist/components/Dropdown/Dropdown.js.map +1 -1
  135. package/dist/components/Dropdown/DropdownIcon.js.map +1 -1
  136. package/dist/components/Dropdown/index.js.map +1 -1
  137. package/dist/components/Eyebrow/Eyebrow.js.map +1 -1
  138. package/dist/components/Eyebrow/Eyebrow.test.js.map +1 -1
  139. package/dist/components/Eyebrow/index.js.map +1 -1
  140. package/dist/components/FilePicker/FilePicker.js.map +1 -1
  141. package/dist/components/FilePicker/FilePicker.test.js.map +1 -1
  142. package/dist/components/FilePicker/index.js.map +1 -1
  143. package/dist/components/FilterButton/FilterButton.js.map +1 -1
  144. package/dist/components/FilterButton/FilterButton.test.js.map +1 -1
  145. package/dist/components/FilterButton/index.js.map +1 -1
  146. package/dist/components/FlowCard/FlowCard.js.map +1 -1
  147. package/dist/components/FlowCard/FlowCard.test.js.map +1 -1
  148. package/dist/components/FlowCard/FlowCardStep.js.map +1 -1
  149. package/dist/components/FlowCard/index.js.map +1 -1
  150. package/dist/components/Form/Form.js.map +1 -1
  151. package/dist/components/Form/Form.test.js.map +1 -1
  152. package/dist/components/Form/index.js.map +1 -1
  153. package/dist/components/FormControls/FormAnvilSelect.js.map +1 -1
  154. package/dist/components/FormControls/FormButton.js.map +1 -1
  155. package/dist/components/FormControls/FormButtonToggle.js.map +1 -1
  156. package/dist/components/FormControls/FormCheckbox.js.map +1 -1
  157. package/dist/components/FormControls/FormColorPicker.js.map +1 -1
  158. package/dist/components/FormControls/FormDatePicker.js.map +1 -1
  159. package/dist/components/FormControls/FormDateRangePicker.js.map +1 -1
  160. package/dist/components/FormControls/FormDropdown.js.map +1 -1
  161. package/dist/components/FormControls/FormInput.js.map +1 -1
  162. package/dist/components/FormControls/FormRadio.js.map +1 -1
  163. package/dist/components/FormControls/FormSelect.js.map +1 -1
  164. package/dist/components/FormControls/FormTextArea.js.map +1 -1
  165. package/dist/components/FormControls/FormTimePicker.js.map +1 -1
  166. package/dist/components/FormControls/FormToggleSwitch.js.map +1 -1
  167. package/dist/components/FormControls/FormTogglebox.js.map +1 -1
  168. package/dist/components/FormControls/index.js.map +1 -1
  169. package/dist/components/FormField/FormField.js +23 -12
  170. package/dist/components/FormField/FormField.js.map +1 -1
  171. package/dist/components/FormField/FormField.test.js.map +1 -1
  172. package/dist/components/FormField/FormFieldContext.js.map +1 -1
  173. package/dist/components/FormField/index.js.map +1 -1
  174. package/dist/components/FormGroup/FormGroup.js.map +1 -1
  175. package/dist/components/FormGroup/FormGroup.test.js.map +1 -1
  176. package/dist/components/FormGroup/index.js.map +1 -1
  177. package/dist/components/Frame/Frame.js.map +1 -1
  178. package/dist/components/Frame/Frame.test.js.map +1 -1
  179. package/dist/components/Frame/index.js.map +1 -1
  180. package/dist/components/Grid/Grid.js.map +1 -1
  181. package/dist/components/Grid/Grid.test.js.map +1 -1
  182. package/dist/components/Grid/GridColumn.js.map +1 -1
  183. package/dist/components/Grid/GridRow.js.map +1 -1
  184. package/dist/components/Grid/index.js.map +1 -1
  185. package/dist/components/Headline/Headline.js.map +1 -1
  186. package/dist/components/Headline/Headline.test.js.map +1 -1
  187. package/dist/components/Headline/index.js.map +1 -1
  188. package/dist/components/Icon/Icon.js.map +1 -1
  189. package/dist/components/Icon/Icon.test.js.map +1 -1
  190. package/dist/components/Icon/index.js.map +1 -1
  191. package/dist/components/InlineEdit/InlineEdit.d.ts +3 -0
  192. package/dist/components/InlineEdit/InlineEdit.js +7 -6
  193. package/dist/components/InlineEdit/InlineEdit.js.map +1 -1
  194. package/dist/components/InlineEdit/InlineEdit.test.js +16 -1
  195. package/dist/components/InlineEdit/InlineEdit.test.js.map +1 -1
  196. package/dist/components/InlineEdit/index.js.map +1 -1
  197. package/dist/components/Input/Input.js.map +1 -1
  198. package/dist/components/Input/Input.test.js.map +1 -1
  199. package/dist/components/Input/InputAddon.js.map +1 -1
  200. package/dist/components/Input/index.js.map +1 -1
  201. package/dist/components/Input/inputProps.js.map +1 -1
  202. package/dist/components/KeyPressListener/KeyPressListener.js.map +1 -1
  203. package/dist/components/KeyPressListener/index.js.map +1 -1
  204. package/dist/components/Label/Label.js +1 -4
  205. package/dist/components/Label/Label.js.map +1 -1
  206. package/dist/components/Label/index.js.map +1 -1
  207. package/dist/components/Layout/Layout.js.map +1 -1
  208. package/dist/components/Layout/Layout.test.js.map +1 -1
  209. package/dist/components/Layout/LayoutSection.js.map +1 -1
  210. package/dist/components/Layout/index.js.map +1 -1
  211. package/dist/components/Link/Link.js.map +1 -1
  212. package/dist/components/Link/Link.test.js.map +1 -1
  213. package/dist/components/Link/index.js.map +1 -1
  214. package/dist/components/Mask/Mask.js.map +1 -1
  215. package/dist/components/Mask/Mask.test.js.map +1 -1
  216. package/dist/components/Mask/index.js.map +1 -1
  217. package/dist/components/Modal/Modal.js.map +1 -1
  218. package/dist/components/Modal/Modal.test.js +5 -3
  219. package/dist/components/Modal/Modal.test.js.map +1 -1
  220. package/dist/components/Modal/components.js +1 -1
  221. package/dist/components/Modal/components.js.map +1 -1
  222. package/dist/components/Modal/index.js.map +1 -1
  223. package/dist/components/MoreDetails/MoreDetails.js.map +1 -1
  224. package/dist/components/MoreDetails/MoreDetails.test.js.map +1 -1
  225. package/dist/components/MoreDetails/index.js.map +1 -1
  226. package/dist/components/OptionList/Option.js.map +1 -1
  227. package/dist/components/OptionList/OptionList.js.map +1 -1
  228. package/dist/components/OptionList/OptionList.test.js.map +1 -1
  229. package/dist/components/OptionList/index.js.map +1 -1
  230. package/dist/components/OptionList/useOnExpand.js.map +1 -1
  231. package/dist/components/Page/Page.js.map +1 -1
  232. package/dist/components/Page/Page.test.js.map +1 -1
  233. package/dist/components/Page/components/ActionToolbar.js.map +1 -1
  234. package/dist/components/Page/components/Panel.js.map +1 -1
  235. package/dist/components/Page/components/index.js.map +1 -1
  236. package/dist/components/Page/index.js.map +1 -1
  237. package/dist/components/Popover/Popover.d.ts +2 -0
  238. package/dist/components/Popover/Popover.js +2 -2
  239. package/dist/components/Popover/Popover.js.map +1 -1
  240. package/dist/components/Popover/Popover.test.js +9 -0
  241. package/dist/components/Popover/Popover.test.js.map +1 -1
  242. package/dist/components/Popover/components.js.map +1 -1
  243. package/dist/components/Popover/index.js.map +1 -1
  244. package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
  245. package/dist/components/ProgressBar/ProgressBar.test.js.map +1 -1
  246. package/dist/components/ProgressBar/index.js.map +1 -1
  247. package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
  248. package/dist/components/ProgressCircle/ProgressCircle.test.js.map +1 -1
  249. package/dist/components/ProgressCircle/index.js.map +1 -1
  250. package/dist/components/ProgressTracker/ProgressTracker.css +5 -0
  251. package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
  252. package/dist/components/ProgressTracker/ProgressTracker.js.map +1 -1
  253. package/dist/components/ProgressTracker/ProgressTracker.test.js.map +1 -1
  254. package/dist/components/ProgressTracker/ProgressTrackerDivider.js +3 -3
  255. package/dist/components/ProgressTracker/ProgressTrackerDivider.js.map +1 -1
  256. package/dist/components/ProgressTracker/ProgressTrackerStep.js.map +1 -1
  257. package/dist/components/ProgressTracker/index.css +5 -0
  258. package/dist/components/ProgressTracker/index.css.map +1 -1
  259. package/dist/components/ProgressTracker/index.js.map +1 -1
  260. package/dist/components/Radio/Radio.js.map +1 -1
  261. package/dist/components/Radio/Radio.test.js.map +1 -1
  262. package/dist/components/Radio/index.js.map +1 -1
  263. package/dist/components/Scroll/Scroll.js.map +1 -1
  264. package/dist/components/Scroll/Scroll.test.js.map +1 -1
  265. package/dist/components/Scroll/index.js.map +1 -1
  266. package/dist/components/Select/Select.js.map +1 -1
  267. package/dist/components/Select/Select.test.js.map +1 -1
  268. package/dist/components/Select/index.js.map +1 -1
  269. package/dist/components/SideNav/SideNav.js.map +1 -1
  270. package/dist/components/SideNav/SideNav.test.js.map +1 -1
  271. package/dist/components/SideNav/SideNavGroup.js.map +1 -1
  272. package/dist/components/SideNav/SideNavItem.js.map +1 -1
  273. package/dist/components/SideNav/index.js.map +1 -1
  274. package/dist/components/Sidebar/Sidebar.js.map +1 -1
  275. package/dist/components/Sidebar/Sidebar.test.js.map +1 -1
  276. package/dist/components/Sidebar/SidebarSection.js.map +1 -1
  277. package/dist/components/Sidebar/index.js.map +1 -1
  278. package/dist/components/Snackbar/Snackbar.js +1 -1
  279. package/dist/components/Snackbar/Snackbar.js.map +1 -1
  280. package/dist/components/Snackbar/Snackbar.test.js +5 -3
  281. package/dist/components/Snackbar/Snackbar.test.js.map +1 -1
  282. package/dist/components/Snackbar/index.js.map +1 -1
  283. package/dist/components/Spinner/Spinner.js.map +1 -1
  284. package/dist/components/Spinner/Spinner.test.js.map +1 -1
  285. package/dist/components/Spinner/index.js.map +1 -1
  286. package/dist/components/Stack/Stack.js.map +1 -1
  287. package/dist/components/Stack/Stack.test.js.map +1 -1
  288. package/dist/components/Stack/StackItem.js.map +1 -1
  289. package/dist/components/Stack/index.js.map +1 -1
  290. package/dist/components/StatusLight/StatusLight.js.map +1 -1
  291. package/dist/components/StatusLight/StatusLight.test.js.map +1 -1
  292. package/dist/components/StatusLight/index.js.map +1 -1
  293. package/dist/components/Tab/Tab.js.map +1 -1
  294. package/dist/components/Tab/Tab.test.js.map +1 -1
  295. package/dist/components/Tab/index.js.map +1 -1
  296. package/dist/components/TabGroup/TabGroup.js.map +1 -1
  297. package/dist/components/TabGroup/TabGroup.test.js.map +1 -1
  298. package/dist/components/TabGroup/TabGroupItem.js.map +1 -1
  299. package/dist/components/TabGroup/components.js.map +1 -1
  300. package/dist/components/TabGroup/index.js.map +1 -1
  301. package/dist/components/Table/GridMod.js.map +1 -1
  302. package/dist/components/Table/Table.css +11 -1
  303. package/dist/components/Table/Table.css.map +1 -1
  304. package/dist/components/Table/Table.js.map +1 -1
  305. package/dist/components/Table/Table.test.js.map +1 -1
  306. package/dist/components/Table/TableLoadingPanel.js.map +1 -1
  307. package/dist/components/Table/components.js.map +1 -1
  308. package/dist/components/Table/index.css +11 -1
  309. package/dist/components/Table/index.css.map +1 -1
  310. package/dist/components/Table/index.js.map +1 -1
  311. package/dist/components/Table/useTableMinWidth.js.map +1 -1
  312. package/dist/components/Tag/Tag.js +1 -1
  313. package/dist/components/Tag/Tag.js.map +1 -1
  314. package/dist/components/Tag/Tag.test.js.map +1 -1
  315. package/dist/components/Tag/index.js.map +1 -1
  316. package/dist/components/TagGroup/TagGroup.js.map +1 -1
  317. package/dist/components/TagGroup/TagGroup.test.js.map +1 -1
  318. package/dist/components/TagGroup/TagGroupItem.js.map +1 -1
  319. package/dist/components/TagGroup/index.js.map +1 -1
  320. package/dist/components/Takeover/Takeover.js +10 -7
  321. package/dist/components/Takeover/Takeover.js.map +1 -1
  322. package/dist/components/Takeover/Takeover.test.js +5 -3
  323. package/dist/components/Takeover/Takeover.test.js.map +1 -1
  324. package/dist/components/Takeover/TakeoverFooter.js.map +1 -1
  325. package/dist/components/Takeover/TakeoverHeader.js +1 -1
  326. package/dist/components/Takeover/TakeoverHeader.js.map +1 -1
  327. package/dist/components/Takeover/TakeoverSection.js.map +1 -1
  328. package/dist/components/Takeover/index.js.map +1 -1
  329. package/dist/components/Text/Text.js.map +1 -1
  330. package/dist/components/Text/Text.test.js.map +1 -1
  331. package/dist/components/Text/index.js.map +1 -1
  332. package/dist/components/TextArea/TextArea.js.map +1 -1
  333. package/dist/components/TextArea/TextArea.test.js.map +1 -1
  334. package/dist/components/TextArea/index.js.map +1 -1
  335. package/dist/components/Thumbnail/Thumbnail.js.map +1 -1
  336. package/dist/components/Thumbnail/Thumbnail.test.js.map +1 -1
  337. package/dist/components/Thumbnail/index.js.map +1 -1
  338. package/dist/components/TimePicker/TimePicker.d.ts +4 -1
  339. package/dist/components/TimePicker/TimePicker.js +20 -39
  340. package/dist/components/TimePicker/TimePicker.js.map +1 -1
  341. package/dist/components/TimePicker/TimePicker.test.js +14 -0
  342. package/dist/components/TimePicker/TimePicker.test.js.map +1 -1
  343. package/dist/components/TimePicker/components/TimePickerOptionList.js +18 -0
  344. package/dist/components/TimePicker/components/TimePickerOptionList.js.map +1 -1
  345. package/dist/components/TimePicker/components/index.js.map +1 -1
  346. package/dist/components/TimePicker/index.js.map +1 -1
  347. package/dist/components/TimePicker/utils/TimePickerUtils.test.js.map +1 -1
  348. package/dist/components/TimePicker/utils/checkMinMax.js.map +1 -1
  349. package/dist/components/TimePicker/utils/filterOptions.js.map +1 -1
  350. package/dist/components/TimePicker/utils/generateOptions.js.map +1 -1
  351. package/dist/components/TimePicker/utils/getClosestOption.js.map +1 -1
  352. package/dist/components/TimePicker/utils/getOptionByText.js.map +1 -1
  353. package/dist/components/TimePicker/utils/highlightOption.js.map +1 -1
  354. package/dist/components/TimePicker/utils/index.js.map +1 -1
  355. package/dist/components/TimePicker/utils/injectOption.js.map +1 -1
  356. package/dist/components/TimePicker/utils/stringToDate.js.map +1 -1
  357. package/dist/components/TimePicker/utils/timezoneUtils.js.map +1 -1
  358. package/dist/components/TimePicker/utils/toTimeFormat.js.map +1 -1
  359. package/dist/components/TimePicker/utils/utils.js +4 -2
  360. package/dist/components/TimePicker/utils/utils.js.map +1 -1
  361. package/dist/components/Toast/Toast.js +1 -1
  362. package/dist/components/Toast/Toast.js.map +1 -1
  363. package/dist/components/Toast/Toast.test.js +5 -3
  364. package/dist/components/Toast/Toast.test.js.map +1 -1
  365. package/dist/components/Toast/ToastGroup.js.map +1 -1
  366. package/dist/components/Toast/index.js.map +1 -1
  367. package/dist/components/ToggleSwitch/ToggleSwitch.js +1 -0
  368. package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -1
  369. package/dist/components/ToggleSwitch/ToggleSwitch.test.js.map +1 -1
  370. package/dist/components/ToggleSwitch/index.js.map +1 -1
  371. package/dist/components/Togglebox/Togglebox.js.map +1 -1
  372. package/dist/components/Togglebox/Togglebox.test.js.map +1 -1
  373. package/dist/components/Togglebox/index.js.map +1 -1
  374. package/dist/components/Tooltip/Tooltip.d.ts +3 -0
  375. package/dist/components/Tooltip/Tooltip.js +2 -2
  376. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  377. package/dist/components/Tooltip/Tooltip.test.js +10 -0
  378. package/dist/components/Tooltip/Tooltip.test.js.map +1 -1
  379. package/dist/components/Tooltip/index.js.map +1 -1
  380. package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
  381. package/dist/components/VisuallyHidden/index.js.map +1 -1
  382. package/dist/components/index.css +16 -1
  383. package/dist/components/index.css.map +1 -1
  384. package/dist/components/index.js.map +1 -1
  385. package/dist/global/index.css +1 -1
  386. package/dist/global/version.css +1 -1
  387. package/dist/hooks/index.js.map +1 -1
  388. package/dist/hooks/useArrowNav/index.js.map +1 -1
  389. package/dist/hooks/useArrowNav/useArrowNav.js.map +1 -1
  390. package/dist/hooks/useArrowNav/utils/index.js.map +1 -1
  391. package/dist/hooks/useArrowNav/utils/keys.js.map +1 -1
  392. package/dist/hooks/useArrowNav/utils/tabIndex.js.map +1 -1
  393. package/dist/hooks/useArrowNav/utils/utils.js.map +1 -1
  394. package/dist/hooks/useFocusTrap/index.js.map +1 -1
  395. package/dist/hooks/useFocusTrap/internal/index.js.map +1 -1
  396. package/dist/hooks/useFocusTrap/internal/useAutoFocus.js.map +1 -1
  397. package/dist/hooks/useFocusTrap/internal/useAutoFocusContainer.js.map +1 -1
  398. package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.js.map +1 -1
  399. package/dist/hooks/useFocusTrap/internal/useFocusLock.js.map +1 -1
  400. package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js.map +1 -1
  401. package/dist/hooks/useFocusTrap/internal/utils.js.map +1 -1
  402. package/dist/hooks/useFocusTrap/useFocusTrap.js.map +1 -1
  403. package/dist/hooks/useFocusVisible.js.map +1 -1
  404. package/dist/hooks/useFocusVisible.test.js.map +1 -1
  405. package/dist/hooks/useMergedRef.js.map +1 -1
  406. package/dist/hooks/useScreenSize.js.map +1 -1
  407. package/dist/hooks/useScrollPosition.js.map +1 -1
  408. package/dist/hooks/useVisuallyHidden.js.map +1 -1
  409. package/dist/internal/CollapsibleList/CollapsibleContext.js.map +1 -1
  410. package/dist/internal/CollapsibleList/CollapsibleList.js.map +1 -1
  411. package/dist/internal/CollapsibleList/CollapsibleListItem.js.map +1 -1
  412. package/dist/internal/CollapsibleList/index.js.map +1 -1
  413. package/dist/internal/Overlay/Overlay.js.map +1 -1
  414. package/dist/internal/Overlay/index.js.map +1 -1
  415. package/dist/internal/Popper/Popper.d.ts +5 -0
  416. package/dist/internal/Popper/Popper.js +2 -2
  417. package/dist/internal/Popper/Popper.js.map +1 -1
  418. package/dist/internal/Popper/index.js.map +1 -1
  419. package/dist/internal/Portal/Portal.js.map +1 -1
  420. package/dist/internal/Portal/index.js.map +1 -1
  421. package/dist/internal/index.js.map +1 -1
  422. package/dist/system-light.css +13 -7
  423. package/dist/system-light.css.map +1 -1
  424. package/dist/system-light.min.css +1 -1
  425. package/dist/system.css +29 -2
  426. package/dist/system.css.map +1 -1
  427. package/dist/system.js.map +1 -1
  428. package/dist/system.min.css +2 -2
  429. package/dist/utilities/AnvilProvider.js.map +1 -1
  430. package/dist/utilities/ConditionalWrapper.js.map +1 -1
  431. package/dist/utilities/DefaultPortalContext.js.map +1 -1
  432. package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js +1 -1
  433. package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js.map +1 -1
  434. package/dist/utilities/KeyboardAccessTests/components/KeyboardTester.js.map +1 -1
  435. package/dist/utilities/KeyboardAccessTests/components/components.js.map +1 -1
  436. package/dist/utilities/KeyboardAccessTests/components/index.js.map +1 -1
  437. package/dist/utilities/KeyboardAccessTests/utils/index.js.map +1 -1
  438. package/dist/utilities/KeyboardAccessTests/utils/jestUtils.js.map +1 -1
  439. package/dist/utilities/KeyboardAccessTests/utils/utils.js.map +1 -1
  440. package/dist/utilities/OverlayContext.js.map +1 -1
  441. package/dist/utilities/SemanticUtils/index.js.map +1 -1
  442. package/dist/utilities/SemanticUtils/refUtils.js.map +1 -1
  443. package/dist/utilities/SemanticUtils/widths.js.map +1 -1
  444. package/dist/utilities/ThemeProvider.js.map +1 -1
  445. package/dist/utilities/TimezoneProvider/TimezoneProvider.js.map +1 -1
  446. package/dist/utilities/TimezoneProvider/TimezoneProvider.test.js.map +1 -1
  447. package/dist/utilities/TimezoneProvider/index.js.map +1 -1
  448. package/dist/utilities/color-utils.js.map +1 -1
  449. package/dist/utilities/dateFormat.js.map +1 -1
  450. package/dist/utilities/debounce.js.map +1 -1
  451. package/dist/utilities/getContent.js.map +1 -1
  452. package/dist/utilities/index.js.map +1 -1
  453. package/dist/utilities/isElementOfType.js.map +1 -1
  454. package/dist/utilities/justify-props.js.map +1 -1
  455. package/dist/utilities/keyCodes.js.map +1 -1
  456. package/dist/utilities/usePrefersColorScheme.js.map +1 -1
  457. package/dist/utilities/useStorybookFigmaAddon.js.map +1 -1
  458. package/dist/utilities/wrapChildren.js.map +1 -1
  459. package/dist/utilities/wrapWithComponent.js.map +1 -1
  460. package/package.json +8 -8
@@ -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":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAM,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAiFpC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EA0B7C,EAAE,EAAE;QA1ByC,EAC7C,SAAS,EACT,eAAe,EACf,SAAS,EACT,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,cAAc,EACd,eAAe,EACf,QAAQ,EACR,WAAW,EACX,UAAU,EACV,IAAI,EACJ,KAAK,OAEL,EADG,KAAK,cAzBqC,sTA0B7C,CADQ;IAER,2EAA2E;IAC3E,MAAM,WAAW,GAAG,MAAM,CAAgC,IAAI,CAAC,CAAC;IAEhE,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,cAAc,EAAE;YACnB,cAAc,CAAC;gBACd,IAAI;gBACJ,KAAK;gBACL,QAAQ;gBACR,OAAO,EAAE,WAAW,CAAC,OAAO;aAC5B,CAAC,CAAC;SACH;IACF,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,UAAU,CAAC,oBAAoB,EAAE,SAAS,EAAE;QACjE,8BAA8B,EAAE,QAAQ;QACxC,8BAA8B,EAAE,QAAQ;QACxC,+BAA+B,EAAE,QAAQ,IAAI,QAAQ;QACrD,4BAA4B,EAAE,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ;QACpE,0BAA0B,EAAE,CAAC,CAAC,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,CAAC;KACrE,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC9B,IAAI,CAAC,eAAe;YAAE,OAAO;QAC7B,MAAM,KAAK,GAAG,SAAS;YACtB,CAAC,CAAC,qBAAqB;YACvB,CAAC,CAAC,sBAAsB,CAAC;QAC1B,OAAO,CACN,oBAAC,MAAM,IACN,QAAQ,EAAE,KAAK,EACf,MAAM,QACN,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,sBAAsB,mBACjB,SAAS,gBACZ,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,GAC5D,CACF,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,IAAI,KAAK;YAAE,OAAO,KAAK,CAAC;QACxB,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI;YAAE,OAAO,OAAO,CAAC;QAC9D,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QACrD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,OAAO,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,qBAAqB,GAAG,CAAC;IAChE,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC/B,IAAI,eAAe,KAAK,SAAS;YAAE,OAAO;QAC1C,OAAO,CACN,6BAAK,SAAS,EAAC,sCAAsC,IACnD,eAAe,CACX,CACN,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAAU,EAAE,OAAgB,EAAE,EAAE;QACvD,IAAI,QAAQ,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAO;QAC/C,OAAO,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAsC,EAAE,EAAE;QAClE,IAAI,SAAS,KAAK,SAAS;YAAE,OAAO;QACpC,OAAO,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACN,2CACC,SAAS,EAAE,aAAa,EACxB,IAAI,EAAC,UAAU,gBACH,KAAK,IACb,KAAK;QAER,UAAU,EAAE,IAAI,iBAAiB,EAAE;QACpC,oBAAC,QAAQ,IACR,GAAG,EAAE,WAAW,EAChB,OAAO,EACN,QAAQ,IAAI,IAAI;gBACf,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,WAAW;oBACb,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;oBACpB,CAAC,CAAC,IAAI,EAER,QAAQ,EAAE,QAAQ,EAClB,KAAK,EACJ,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAE1D,aAAa,EACZ,aAAa,IAAI,IAAI;gBACpB,CAAC,CAAC,aAAa;gBACf,CAAC,CAAC,gBAAgB;oBAClB,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC;oBACzB,CAAC,CAAC,IAAI,EAER,KAAK,EAAE,QAAQ,EAAE,EACjB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,KAAK,GACX;QACD,kBAAkB,EAAE,CAChB,CACN,CAAC;AACH,CAAC,CAAC","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 +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"]}
@@ -56,6 +56,8 @@ export interface PopoverPropsStrict {
56
56
  focusTrapOptions?: UseFocusTrapProps;
57
57
  /** offset ammount between Popover and trigger */
58
58
  offset?: PopperProps['offset'];
59
+ /** Props to be passed to the portaled div */
60
+ portalDataAttributes?: PopperProps['portalDataAttributes'];
59
61
  }
60
62
  export interface PopoverProps extends PopoverPropsStrict {
61
63
  /** Unstrict Props */
@@ -14,7 +14,7 @@ import { Popper } from '../../internal/Popper';
14
14
  import classnames from 'classnames';
15
15
  import { PopoverContent, PopoverDivider, PopoverFooter, PopoverHeader, } from './components';
16
16
  export const Popover = React.forwardRef((_a, ref) => {
17
- var { width = 's', padding = 'm', portal = false, children, className, contentNoPadding, footer, footerAlign, header, headerAlign, headerNoPadding, popoverContentClassName, scrollHeight, sharp, wrapperClassName, open, focusTrapOptions = { disabled: true }, offset = { skidding: 0, distance: 4 } } = _a, props = __rest(_a, ["width", "padding", "portal", "children", "className", "contentNoPadding", "footer", "footerAlign", "header", "headerAlign", "headerNoPadding", "popoverContentClassName", "scrollHeight", "sharp", "wrapperClassName", "open", "focusTrapOptions", "offset"]);
17
+ var { width = 's', padding = 'm', portal = false, children, className, contentNoPadding, footer, footerAlign, header, headerAlign, headerNoPadding, popoverContentClassName, scrollHeight, sharp, wrapperClassName, open, focusTrapOptions = { disabled: true }, offset = { skidding: 0, distance: 4 }, portalDataAttributes } = _a, props = __rest(_a, ["width", "padding", "portal", "children", "className", "contentNoPadding", "footer", "footerAlign", "header", "headerAlign", "headerNoPadding", "popoverContentClassName", "scrollHeight", "sharp", "wrapperClassName", "open", "focusTrapOptions", "offset", "portalDataAttributes"]);
18
18
  const PopoverBaseWidth = 16;
19
19
  const widthSwitch = () => {
20
20
  switch (width) {
@@ -43,7 +43,7 @@ export const Popover = React.forwardRef((_a, ref) => {
43
43
  'Popover--portal': portal,
44
44
  'Popover--open': open,
45
45
  });
46
- return (React.createElement(Popper, Object.assign({ className: PopoverClasses, bodyClassName: PopoverBodyClasses, width: widthSwitch(), portal: portal, ref: ref, open: open, offset: offset, focusTrapOptions: focusTrapOptions, "data-anvil-component": "Popover", "data-portal-popover": open && portal ? 'open' : undefined }, props),
46
+ return (React.createElement(Popper, Object.assign({ className: PopoverClasses, bodyClassName: PopoverBodyClasses, width: widthSwitch(), portal: portal, ref: ref, open: open, offset: offset, focusTrapOptions: focusTrapOptions, "data-anvil-component": "Popover", "data-portal-popover": open && portal ? 'open' : undefined, portalDataAttributes: portalDataAttributes }, props),
47
47
  header && (React.createElement(PopoverHeader, { noPadding: headerNoPadding, align: headerAlign }, header)),
48
48
  React.createElement(PopoverContent, { contentScrollHeight: scrollHeight, noPadding: contentNoPadding, className: popoverContentClassName }, children),
49
49
  footer && (React.createElement(PopoverFooter, { align: footerAlign }, footer))));
@@ -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":"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","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"]}
@@ -78,5 +78,14 @@ describe('Popover', () => {
78
78
  const element = container.querySelector('[data-auto-sel="automation-selector"]');
79
79
  expect(element).not.toBeNull();
80
80
  });
81
+ it('should pass data automation attributes to portal', () => {
82
+ const { container, baseElement } = render(React.createElement(Popover, { portal: true, popperClassName: "popperClassName", open: true, direction: "br", trigger: React.createElement(Button, null, "Toggle Popover"), portalDataAttributes: {
83
+ 'data-auto-sel': 'automation-selector',
84
+ } }, "This is a Popover"));
85
+ const nonPortalElement = container.querySelector('[data-auto-sel="automation-selector"]');
86
+ const portalElement = baseElement.querySelector('[data-auto-sel="automation-selector"]');
87
+ expect(nonPortalElement).toBeNull();
88
+ expect(portalElement).not.toBeNull();
89
+ });
81
90
  });
82
91
  //# sourceMappingURL=Popover.test.js.map
@@ -1 +1 @@
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;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"Popover.test.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.test.tsx"],"names":[],"mappings":"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","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"]}
@@ -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;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"}
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"]}
@@ -17,6 +17,11 @@
17
17
  flex-shrink: 0;
18
18
  flex-grow: 1;
19
19
  flex-basis: 0;
20
+ align-self: flex-start;
21
+ margin-top: 12px;
22
+ }
23
+ .ProgressTracker--small .ProgressTrackerDivider {
24
+ margin-top: 9px;
20
25
  }
21
26
  .ProgressTrackerDivider::after {
22
27
  content: "";
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ProgressTracker/ProgressTracker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACMA;ACHC;EACA;AAEA;EACA;EDEA;EACA;EACA;EACA,WE6Ha;EF5Hb,aE+FqB;;;AF5FtB;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBA5Be;;;AAgCjB;EACC;EACA,SE6EkB;;;AFzElB;EAAW,kBArCM","file":"ProgressTracker.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ProgressTracker/ProgressTracker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACMA;ACHC;EACA;AAEA;EACA;EDEA;EACA;EACA;EACA,WE6Ha;EF5Hb,aE+FqB;;;AF5FtB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAA4B;;AAE5B;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAhCe;;;AAoCjB;EACC;EACA,SEyEkB;;;AFrElB;EAAW,kBAzCM","file":"ProgressTracker.css"}
@@ -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"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressTrackerStep.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTrackerStep.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAyC5C,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAYjE,EAAE,EAAE;QAZ6D,EACjE,MAAM,GAAG,KAAK,EACd,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,UAAU,EACV,UAAU,OAEV,EADG,KAAK,cAXyD,gHAYjE,CADQ;IAER,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,IAAI,IAAI,KAAK,QAAQ;YACpB,OAAO,CACN,6BAAK,SAAS,EAAC,2BAA2B,IAAE,QAAQ,EAAE,CAAO,CAC7D,CAAC;QACH,OAAO,6BAAK,SAAS,EAAC,6BAA6B,GAAG,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,IAAI,IAAI,KAAK,OAAO;YAAE,OAAO;QAC7B,IAAI,SAAS;YAAE,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,CAAC;QACnD,IAAI,OAAO;YAAE,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,CAAC;QACzC,OAAO,UAAU,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpD,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,KAAK,IAAI,UAAU,IAAI,UAAU,CAAC,WAAW,CAAC,MAAM;YAAE,OAAO;QAClE,OAAO,6BAAK,SAAS,EAAC,4BAA4B,IAAE,KAAK,CAAO,CAAC;IAClE,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC5B,IAAI,UAAU,CAAC,WAAW,CAAC,MAAM,IAAI,UAAU;YAAE,OAAO,KAAK,CAAC;IAC/D,CAAC,CAAC;IAEF,MAAM,0BAA0B,GAAG,UAAU,CAC5C,qBAAqB,EACrB,SAAS,EACT;QACC,6BAA6B,EAAE,MAAM;QACrC,+BAA+B,EAAE,SAAS;QAC1C,iCAAiC,EAChC,CAAC,MAAM,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO;QAClC,gCAAgC,EAC/B,IAAI,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI;QACtC,+BAA+B,EAAE,QAAQ;QACzC,8BAA8B,EAAE,OAAO;QACvC,iCAAiC,EAAE,UAAU;QAC7C,CAAC,wBAAwB,IAAI,EAAE,CAAC,EAAE,IAAI;KACtC,CACD,CAAC;IAEF,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,0BAA0B,EACrC,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,0BACvB,qBAAqB,EAC1C,IAAI,EAAE,CAAC,QAAQ,IAAI,IAAI,IACnB,KAAK;QAET,oBAAC,OAAO,IAAC,IAAI,EAAE,eAAe,EAAE,EAAE,MAAM,QAAC,SAAS,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,IAC7D,cAAc,EAAE,CACR;QACT,QAAQ,EAAE,CACE,CACd,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"ProgressTrackerStep.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTrackerStep.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAyC5C,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAYjE,EAAE,EAAE;QAZ6D,EACjE,MAAM,GAAG,KAAK,EACd,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,UAAU,EACV,UAAU,OAEV,EADG,KAAK,cAXyD,gHAYjE,CADQ;IAER,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,IAAI,IAAI,KAAK,QAAQ;YACpB,OAAO,CACN,6BAAK,SAAS,EAAC,2BAA2B,IAAE,QAAQ,EAAE,CAAO,CAC7D,CAAC;QACH,OAAO,6BAAK,SAAS,EAAC,6BAA6B,GAAG,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,IAAI,IAAI,KAAK,OAAO;YAAE,OAAO;QAC7B,IAAI,SAAS;YAAE,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,CAAC;QACnD,IAAI,OAAO;YAAE,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,CAAC;QACzC,OAAO,UAAU,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpD,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,KAAK,IAAI,UAAU,IAAI,UAAU,CAAC,WAAW,CAAC,MAAM;YAAE,OAAO;QAClE,OAAO,6BAAK,SAAS,EAAC,4BAA4B,IAAE,KAAK,CAAO,CAAC;IAClE,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC5B,IAAI,UAAU,CAAC,WAAW,CAAC,MAAM,IAAI,UAAU;YAAE,OAAO,KAAK,CAAC;IAC/D,CAAC,CAAC;IAEF,MAAM,0BAA0B,GAAG,UAAU,CAC5C,qBAAqB,EACrB,SAAS,EACT;QACC,6BAA6B,EAAE,MAAM;QACrC,+BAA+B,EAAE,SAAS;QAC1C,iCAAiC,EAChC,CAAC,MAAM,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO;QAClC,gCAAgC,EAC/B,IAAI,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI;QACtC,+BAA+B,EAAE,QAAQ;QACzC,8BAA8B,EAAE,OAAO;QACvC,iCAAiC,EAAE,UAAU;QAC7C,CAAC,wBAAwB,IAAI,EAAE,CAAC,EAAE,IAAI;KACtC,CACD,CAAC;IAEF,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,0BAA0B,EACrC,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,0BACvB,qBAAqB,EAC1C,IAAI,EAAE,CAAC,QAAQ,IAAI,IAAI,IACnB,KAAK;QAET,oBAAC,OAAO,IAAC,IAAI,EAAE,eAAe,EAAE,EAAE,MAAM,QAAC,SAAS,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,IAC7D,cAAc,EAAE,CACR;QACT,QAAQ,EAAE,CACE,CACd,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { Icon } from '../Icon';\nimport { Tooltip } from '../Tooltip';\nimport { useScreenSize } from '../../hooks';\n\nexport interface ProgressTrackerStepPropsStrict {\n\t/** Active State */\n\tactive?: boolean;\n\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Completed State */\n\tcompleted?: boolean;\n\n\t/** Disabled State */\n\tdisabled?: boolean;\n\n\t/** Editting State (for previously completed flows) */\n\tediting?: boolean;\n\n\t/** If passed a href string, <ProgressTracker.Step> gets a hover state and turns into an <a> tag */\n\thref?: string;\n\n\t/** The label for the <ProgressTracker.Step> */\n\tlabel?: string;\n\n\t/** If passed an onClick function, <ProgressTracker.Step> gets a hover state */\n\tonClick?: (e: React.SyntheticEvent<HTMLElement>) => void;\n\n\t/** The step number. Automatically set when inside <ProgressTracker> */\n\tstepNumber?: number;\n\n\thideLabels?: boolean;\n\n\t/** Size of the Progress Tracker step. Defaults to medium. */\n\tsize?: 'small' | 'medium';\n}\n\nexport interface ProgressTrackerStepProps\n\textends ProgressTrackerStepPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const ProgressTrackerStep: FC<ProgressTrackerStepProps> = ({\n\tactive = false,\n\tclassName,\n\tcompleted = false,\n\tdisabled,\n\tediting,\n\thref,\n\tlabel,\n\tsize = 'medium',\n\tstepNumber,\n\thideLabels,\n\t...props\n}) => {\n\tconst screensize = useScreenSize();\n\n\tconst getStepContent = () => {\n\t\tif (size === 'medium')\n\t\t\treturn (\n\t\t\t\t<div className=\"ProgressTrackerStep__icon\">{getBadge()}</div>\n\t\t\t);\n\t\treturn <div className=\"ProgressTrackerStep__simple\" />;\n\t};\n\n\tconst getBadge = () => {\n\t\tif (size === 'small') return;\n\t\tif (completed) return <Icon name=\"check_circle\" />;\n\t\tif (editing) return <Icon name=\"edit\" />;\n\t\treturn stepNumber;\n\t};\n\n\tconst StepElement = href && !disabled ? 'a' : 'div';\n\n\tconst getLabel = () => {\n\t\tif (!label || hideLabels || screensize.smallerThan.tablet) return;\n\t\treturn <div className=\"ProgressTrackerStep__label\">{label}</div>;\n\t};\n\n\tconst getTooltipLabel = () => {\n\t\tif (screensize.smallerThan.tablet || hideLabels) return label;\n\t};\n\n\tconst ProgressTrackerStepClasses = classnames(\n\t\t'ProgressTrackerStep',\n\t\tclassName,\n\t\t{\n\t\t\t'ProgressTrackerStep--active': active,\n\t\t\t'ProgressTrackerStep--complete': completed,\n\t\t\t'ProgressTrackerStep--incomplete':\n\t\t\t\t!active && !completed && !editing,\n\t\t\t'ProgressTrackerStep--clickable':\n\t\t\t\thref != null || props.onClick != null,\n\t\t\t'ProgressTrackerStep--disabled': disabled,\n\t\t\t'ProgressTrackerStep--editing': editing,\n\t\t\t'ProgressTrackerStep--hideLabels': hideLabels,\n\t\t\t[`ProgressTrackerStep--${size}`]: size,\n\t\t}\n\t);\n\n\treturn (\n\t\t<StepElement\n\t\t\tclassName={ProgressTrackerStepClasses}\n\t\t\ttabIndex={(props.href || props.onClick) && 0}\n\t\t\tdata-anvil-component=\"ProgressTrackerStep\"\n\t\t\thref={!disabled && href}\n\t\t\t{...props}\n\t\t>\n\t\t\t<Tooltip text={getTooltipLabel()} portal direction=\"b\" el=\"div\">\n\t\t\t\t{getStepContent()}\n\t\t\t</Tooltip>\n\t\t\t{getLabel()}\n\t\t</StepElement>\n\t);\n};\n"]}
@@ -17,6 +17,11 @@
17
17
  flex-shrink: 0;
18
18
  flex-grow: 1;
19
19
  flex-basis: 0;
20
+ align-self: flex-start;
21
+ margin-top: 12px;
22
+ }
23
+ .ProgressTracker--small .ProgressTrackerDivider {
24
+ margin-top: 9px;
20
25
  }
21
26
  .ProgressTrackerDivider::after {
22
27
  content: "";
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ProgressTracker/ProgressTracker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/ProgressTracker/ProgressTrackerStep.scss"],"names":[],"mappings":"AAAA;ACMA;ACHC;EACA;AAEA;EACA;EDEA;EACA;EACA;EACA,WE6Ha;EF5Hb,aE+FqB;;;AF5FtB;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBA5Be;;;AAgCjB;EACC;EACA,SE6EkB;;;AFzElB;EAAW,kBArCM;;;AGMlB;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA,YD4Fa;;;ACxFf;EACC;;;AAGD;EACC;;;AAGD;AACA;EACC,aDiEkB;EChElB;EACA;EACA;EACA,OA5Ca;EA6Cb;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA,OAvDa;EAwDb;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EAEC,kBApEc;;;AAwEhB;EACC,aD6CW;;;ACzCX;EACC;;;AAIF;EACC;;AAEA;EACC,OAvFY;;AAyFZ;EAEC;EACA;;;AAKH;EACC,OAtGc;;AAwGd;EACC;EACA,OA1Ga;;;AA+Gd;EAA6B,OA3GhB;;AA4Gb;EAAU;;;AAGX;AAAA;EAEC,OApHa;;AAsHb;AAAA;EACC,aDbiB;;ACgBlB;AAAA;EACC;EACA,OAzHY;;;AA6Hd;EACC;;AAEA;EAEC,SDvBiB;;AC0BlB;EAA+B;;;AAGhC;EACC;;;AAGD;EACC","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ProgressTracker/ProgressTracker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/ProgressTracker/ProgressTrackerStep.scss"],"names":[],"mappings":"AAAA;ACMA;ACHC;EACA;AAEA;EACA;EDEA;EACA;EACA;EACA,WE6Ha;EF5Hb,aE+FqB;;;AF5FtB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAA4B;;AAE5B;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAhCe;;;AAoCjB;EACC;EACA,SEyEkB;;;AFrElB;EAAW,kBAzCM;;;AGMlB;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA,YD4Fa;;;ACxFf;EACC;;;AAGD;EACC;;;AAGD;AACA;EACC,aDiEkB;EChElB;EACA;EACA;EACA,OA5Ca;EA6Cb;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA,OAvDa;EAwDb;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EAEC,kBApEc;;;AAwEhB;EACC,aD6CW;;;ACzCX;EACC;;;AAIF;EACC;;AAEA;EACC,OAvFY;;AAyFZ;EAEC;EACA;;;AAKH;EACC,OAtGc;;AAwGd;EACC;EACA,OA1Ga;;;AA+Gd;EAA6B,OA3GhB;;AA4Gb;EAAU;;;AAGX;AAAA;EAEC,OApHa;;AAsHb;AAAA;EACC,aDbiB;;ACgBlB;AAAA;EACC;EACA,OAzHY;;;AA6Hd;EACC;;AAEA;EAEC,SDvBiB;;AC0BlB;EAA+B;;;AAGhC;EACC;;;AAGD;EACC","file":"index.css"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC","sourcesContent":["export * from './ProgressTracker';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { Label, LabelProps } from '../Label';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\n\nexport interface RadioProps<T>\n\textends Omit<\n\t\tReact.HTMLAttributes<HTMLInputElement>,\n\t\t'onChange' | 'onClick'\n\t> {\n\t/** Whether or not the radio is chekced */\n\tchecked?: boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Whether the radio is in a disabled state */\n\tdisabled?: boolean;\n\n\t/** Visual error state for the radio */\n\terror?: boolean;\n\n\t/** ID for the form */\n\tid?: string;\n\n\t/** Text associatged with the label of a checkbox */\n\tlabel?: LabelProps['children'];\n\n\t/** Property options for the label */\n\tlabelProps?: LabelProps;\n\n\t/** Calls when the radio changes in value */\n\tonChange?: (\n\t\tvalue: T,\n\t\tevent: React.SyntheticEvent<HTMLInputElement>\n\t) => void;\n\n\t/** Calls when the radio is clicked */\n\tonClick?: (\n\t\tevent: React.MouseEvent<HTMLInputElement>,\n\t\tdata: RadioProps<T>\n\t) => void;\n\n\t/** HTML radio name value */\n\tname?: string;\n\n\t/** Same as disabled state. Legacy Semantic prop. */\n\treadonly?: boolean;\n\n\t/** Controls the size of the radioes */\n\tsize?: 'small' | 'medium' | 'large';\n\n\t/** HTML radio value */\n\tvalue?: T;\n}\n\nexport const Radio: <T>(\n\tprops: React.PropsWithoutRef<RadioProps<T>> &\n\t\tReact.RefAttributes<HTMLDivElement>\n) => React.ReactElement | null = React.forwardRef(function <T>(\n\tprops: RadioProps<T>,\n\tref: React.RefObject<HTMLDivElement>\n) {\n\tconst {\n\t\tchecked,\n\t\tclassName,\n\t\tdisabled,\n\t\terror,\n\t\tid,\n\t\tlabel,\n\t\tlabelProps,\n\t\tname,\n\t\tonChange,\n\t\tonClick,\n\t\treadonly,\n\t\tsize,\n\t\tvalue,\n\t\tonBlur,\n\t\tonFocus,\n\t\t...rest\n\t} = props;\n\n\tconst newRef = React.useRef(null);\n\tconst itemRef = ref ? ref : newRef;\n\n\tconst { isFocusVisible } = useFocusVisible(itemRef);\n\n\tconst onChangeHandler = (e: React.SyntheticEvent<HTMLInputElement>) => {\n\t\tif (onChange) {\n\t\t\tonChange(value, e);\n\t\t}\n\t};\n\n\tconst onClickHandler = (e: React.MouseEvent<HTMLInputElement>) => {\n\t\tif (onClick) {\n\t\t\tonClick(e, props);\n\t\t}\n\t};\n\n\tconst handleClickEvent = (e: React.MouseEvent<HTMLElement>) => {\n\t\tconst target = e.target as HTMLElement;\n\t\tif (target.tagName !== 'INPUT') {\n\t\t\te.stopPropagation();\n\t\t}\n\t};\n\n\tconst getLabel = () => {\n\t\tif (label === undefined || label === '') return false;\n\n\t\tconst labelClassName = labelProps?.className\n\t\t\t? labelProps.className\n\t\t\t: null;\n\t\tconst LabelClasses = classnames(labelClassName, 'Radio__label');\n\t\treturn (\n\t\t\t<Label\n\t\t\t\terror={error}\n\t\t\t\tdisabled={disabled}\n\t\t\t\t{...labelProps}\n\t\t\t\tclassName={LabelClasses}\n\t\t\t>\n\t\t\t\t{label}\n\t\t\t</Label>\n\t\t);\n\t};\n\n\tconst RadioClasses = classnames('a-Radio', className, {\n\t\t'Radio--disabled': disabled || readonly,\n\t\t'Radio--checked': checked,\n\t\t'Radio--error': error,\n\t\t'Radio--fitted': label === undefined || label === '',\n\t\t'Radio--small': size === 'small',\n\t\t'Radio--large': size === 'large',\n\t\t'Radio--focus-visible': isFocusVisible,\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tclassName={RadioClasses}\n\t\t\tonClick={handleClickEvent}\n\t\t\tref={itemRef}\n\t\t\tdata-anvil-component=\"Radio\"\n\t\t\t{...rest}\n\t\t>\n\t\t\t<label className=\"Radio__html-label\">\n\t\t\t\t<input\n\t\t\t\t\tchecked={checked}\n\t\t\t\t\tclassName=\"Radio__input\"\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tid={id}\n\t\t\t\t\tname={name}\n\t\t\t\t\tonChange={onChangeHandler}\n\t\t\t\t\tonClick={onClickHandler}\n\t\t\t\t\trole=\"radio\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t/>\n\t\t\t\t<span className=\"Radio__box\" />\n\t\t\t\t{getLabel()}\n\t\t\t</label>\n\t\t</div>\n\t);\n});\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.test.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACtB,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,4BAA4B,EAAE,GAAS,EAAE;QAC3C,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;QAC3D,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAC1D,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACrC,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAS,EAAE;QAC/C,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,KAAK,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CAC5D,CAAC;QACF,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAC1D,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxB,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,mBAAe,qBAAqB,GAAG,CAC3D,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":"Radio.test.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACtB,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,4BAA4B,EAAE,GAAS,EAAE;QAC3C,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;QAC3D,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAC1D,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACrC,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAS,EAAE;QAC/C,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,KAAK,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CAC5D,CAAC;QACF,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAC1D,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxB,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,mBAAe,qBAAqB,GAAG,CAC3D,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 userEvent from '@testing-library/user-event';\nimport { Radio } from './Radio';\n\ndescribe('Radio', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tconst user = userEvent.setup();\n\n\tit('should be checked on click', async () => {\n\t\tconst { getByLabelText } = render(<Radio label=\"Label\" />);\n\t\tconst radio = getByLabelText('Label') as HTMLInputElement;\n\t\texpect(radio.checked).toEqual(false);\n\t\tawait user.click(radio);\n\t\texpect(radio.checked).toEqual(true);\n\t});\n\n\tit('should return object on change', async () => {\n\t\tconst onChangeTest = jest.fn();\n\t\tconst { getByLabelText } = render(\n\t\t\t<Radio onChange={onChangeTest} value=\"test\" label=\"Label\" />\n\t\t);\n\t\tconst radio = getByLabelText('Label') as HTMLInputElement;\n\t\tawait user.click(radio);\n\t\texpect(onChangeTest).toBeCalledWith('test', expect.any(Object));\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Radio label=\"Label\" 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/Radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","sourcesContent":["export * from './Radio';\n"]}