@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":"FormAnvilSelect.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormAnvilSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EACN,WAAW,GAIX,MAAM,gBAAgB,CAAC;AAQxB,MAAM,CAAC,MAAM,eAAe,GAOxB,KAAK,CAAC,UAAU,CACnB,CAOC,KAAmC,EACnC,GAAa,EACZ,EAAE;IACH,OAAO,CACN,oBAAC,SAAS,kBACT,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,gBAAgB,IACtB,KAAK,IACT,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CACD,CAAC"}
1
+ {"version":3,"file":"FormAnvilSelect.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormAnvilSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EACN,WAAW,GAIX,MAAM,gBAAgB,CAAC;AAQxB,MAAM,CAAC,MAAM,eAAe,GAOxB,KAAK,CAAC,UAAU,CACnB,CAOC,KAAmC,EACnC,GAAa,EACZ,EAAE;IACH,OAAO,CACN,oBAAC,SAAS,kBACT,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,gBAAgB,IACtB,KAAK,IACT,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React, { Ref } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport {\n\tAnvilSelect,\n\tAnvilSelectOptionsProps,\n\tAnvilSelectProps,\n\tPrimitiveValueType,\n} from '../AnvilSelect';\n\nexport interface FormAnvilSelectProps<TValue>\n\textends FormFieldPropsStrict,\n\t\tAnvilSelectProps<TValue> {\n\terror?: any; // Weirdly enough, this is what Semantic is doing to solve the extending issue\n}\n\nexport const FormAnvilSelect: React.FC<\n\tFormAnvilSelectProps<\n\t\t| AnvilSelectOptionsProps\n\t\t| AnvilSelectOptionsProps[]\n\t\t| PrimitiveValueType\n\t\t| PrimitiveValueType[]\n\t>\n> = React.forwardRef(\n\t<\n\t\tTValue extends\n\t\t\t| AnvilSelectOptionsProps\n\t\t\t| AnvilSelectOptionsProps[]\n\t\t\t| PrimitiveValueType\n\t\t\t| PrimitiveValueType[]\n\t>(\n\t\tprops: FormAnvilSelectProps<TValue>,\n\t\tref: Ref<any>\n\t) => {\n\t\treturn (\n\t\t\t<FormField\n\t\t\t\tcontrol={AnvilSelect}\n\t\t\t\tclassName=\"a-Select--Form\"\n\t\t\t\t{...props}\n\t\t\t\tref={ref}\n\t\t\t/>\n\t\t);\n\t}\n);\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormButton.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAInC,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACzD,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,MAAM,IAAM,KAAK,EAAI,CAAC;AAClD,CAAC,CAAC"}
1
+ {"version":3,"file":"FormButton.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAInC,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACzD,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,MAAM,IAAM,KAAK,EAAI,CAAC;AAClD,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { Button } from '../Button';\n\nexport type FormButtonProps = FormFieldProps;\n\nexport const FormButton: FC<FormButtonProps> = ({ ...props }) => {\n\treturn <FormField control={Button} {...props} />;\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormButtonToggle.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormButtonToggle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACrE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,YAAY,IAAM,KAAK,EAAI,CAAC;AACxD,CAAC,CAAC"}
1
+ {"version":3,"file":"FormButtonToggle.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormButtonToggle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACrE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,YAAY,IAAM,KAAK,EAAI,CAAC;AACxD,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { ButtonToggle } from '../ButtonToggle';\n\nexport type FormButtonToggleProps = FormFieldProps;\n\nexport const FormButtonToggle: FC<FormButtonToggleProps> = ({ ...props }) => {\n\treturn <FormField control={ButtonToggle} {...props} />;\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormCheckbox.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AAUtD,MAAM,CAAC,MAAM,YAAY,GAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,CACxD,oBAAC,SAAS,kBAAC,OAAO,EAAE,QAAQ,IAAM,KAAK,EAAI,CAC3C,CAAC"}
1
+ {"version":3,"file":"FormCheckbox.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AAUtD,MAAM,CAAC,MAAM,YAAY,GAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,CACxD,oBAAC,SAAS,kBAAC,OAAO,EAAE,QAAQ,IAAM,KAAK,EAAI,CAC3C,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport { Checkbox, CheckboxProps } from '../Checkbox';\n\nexport interface FormCheckboxProps<T>\n\textends FormFieldPropsStrict,\n\t\tOmit<CheckboxProps<T>, 'error'> {\n\tlabel: React.ReactNode;\n}\n\ntype FormCheckboxType<T = any> = FC<FormCheckboxProps<T>>;\n\nexport const FormCheckbox: FormCheckboxType = (props) => (\n\t<FormField control={Checkbox} {...props} />\n);\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormColorPicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI5C,MAAM,sBAAuB,SAAQ,SAA2B;IAAhE;;QAEC,UAAK,GAAG;YACP,KAAK,EAAE,KAAK;SACZ,CAAC;QAEF,6BAAwB,GAAG,CAAC,CAAmC,EAAE,EAAE;YAClE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aACtB;QACF,CAAC,CAAC;QAEF,4BAAuB,GAAG,CAAC,CAAmC,EAAE,EAAE;YACjE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;YAChC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBACtB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;aACrB;QACF,CAAC,CAAC;IAuBH,CAAC;IArBA,MAAM;QACL,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,OAAO,CACN,oBAAC,IAAI,IACJ,KAAK,QACL,SAAS,EAAE,UAAU,CACpB,0BAA0B,EAC1B,EAAE,oCAAoC,EAAE,KAAK,CAAC,QAAQ,EAAE,EACxD,EAAE,iCAAiC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CACvD;YAED,oBAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B;gBAChD,oBAAC,WAAW,oBACP,KAAK,IACT,OAAO,EAAE,IAAI,CAAC,wBAAwB,EACtC,MAAM,EAAE,IAAI,CAAC,uBAAuB,IACnC,CACW,CACR,CACP,CAAC;IACH,CAAC;;AAvCM,kCAAW,GAAG,aAAa,CAAC;AA0CpC,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACnE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,sBAAsB,IAAM,KAAK,EAAI,CAAC;AAClE,CAAC,CAAC"}
1
+ {"version":3,"file":"FormColorPicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI5C,MAAM,sBAAuB,SAAQ,SAA2B;IAAhE;;QAEC,UAAK,GAAG;YACP,KAAK,EAAE,KAAK;SACZ,CAAC;QAEF,6BAAwB,GAAG,CAAC,CAAmC,EAAE,EAAE;YAClE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aACtB;QACF,CAAC,CAAC;QAEF,4BAAuB,GAAG,CAAC,CAAmC,EAAE,EAAE;YACjE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;YAChC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBACtB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;aACrB;QACF,CAAC,CAAC;IAuBH,CAAC;IArBA,MAAM;QACL,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,OAAO,CACN,oBAAC,IAAI,IACJ,KAAK,QACL,SAAS,EAAE,UAAU,CACpB,0BAA0B,EAC1B,EAAE,oCAAoC,EAAE,KAAK,CAAC,QAAQ,EAAE,EACxD,EAAE,iCAAiC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CACvD;YAED,oBAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B;gBAChD,oBAAC,WAAW,oBACP,KAAK,IACT,OAAO,EAAE,IAAI,CAAC,wBAAwB,EACtC,MAAM,EAAE,IAAI,CAAC,uBAAuB,IACnC,CACW,CACR,CACP,CAAC;IACH,CAAC;;AAvCM,kCAAW,GAAG,aAAa,CAAC;AA0CpC,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACnE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,sBAAsB,IAAM,KAAK,EAAI,CAAC;AAClE,CAAC,CAAC","sourcesContent":["import React, { FC, Component } from 'react';\nimport classnames from 'classnames';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { ColorPicker, ColorPickerProps } from '../ColorPicker';\nimport { Card, CardSection } from '../Card';\n\nexport type FormColorPickerProps = FormFieldProps;\n\nclass ColorPickerCardWrapper extends Component<ColorPickerProps> {\n\tstatic displayName = 'ColorPicker';\n\tstate = {\n\t\tfocus: false,\n\t};\n\n\thandleColorPickerOnFocus = (e: React.FocusEvent<HTMLDivElement>) => {\n\t\tthis.setState({ focus: true });\n\t\tif (this.props.onFocus) {\n\t\t\tthis.props.onFocus(e);\n\t\t}\n\t};\n\n\thandleColorPickerOnBlur = (e: React.FocusEvent<HTMLDivElement>) => {\n\t\tthis.setState({ focus: false });\n\t\tif (this.props.onBlur) {\n\t\t\tthis.props.onBlur(e);\n\t\t}\n\t};\n\n\trender() {\n\t\tconst props = this.props;\n\t\treturn (\n\t\t\t<Card\n\t\t\t\tsharp\n\t\t\t\tclassName={classnames(\n\t\t\t\t\t'ColorPicker__CardWrapper',\n\t\t\t\t\t{ 'ColorPicker__CardWrapper--disabled': props.disabled },\n\t\t\t\t\t{ 'ColorPicker__CardWrapper--focus': this.state.focus }\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<CardSection className=\"ColorPicker__CardSection\">\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t\tonFocus={this.handleColorPickerOnFocus}\n\t\t\t\t\t\tonBlur={this.handleColorPickerOnBlur}\n\t\t\t\t\t/>\n\t\t\t\t</CardSection>\n\t\t\t</Card>\n\t\t);\n\t}\n}\n\nexport const FormColorPicker: FC<FormColorPickerProps> = ({ ...props }) => {\n\treturn <FormField control={ColorPickerCardWrapper} {...props} />;\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormDatePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACjE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,UAAU,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC,CAAC"}
1
+ {"version":3,"file":"FormDatePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACjE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,UAAU,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { DatePicker } from '../DatePicker';\n\nexport type FormDatePickerProps = FormFieldProps;\n\nexport const FormDatePicker: FC<FormDatePickerProps> = ({ ...props }) => {\n\treturn <FormField control={DatePicker} {...props} />;\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormDateRangePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAEjE,EAAE,EAAE;QADD,KAAK,cADyD,EAEjE,CADQ;IAER,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,eAAe,IAAM,KAAK,EAAI,CAAC;AAC3D,CAAC,CAAC"}
1
+ {"version":3,"file":"FormDateRangePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAEjE,EAAE,EAAE;QADD,KAAK,cADyD,EAEjE,CADQ;IAER,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,eAAe,IAAM,KAAK,EAAI,CAAC;AAC3D,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { DateRangePicker } from '../DateRangePicker';\n\nexport type FormDateRangePickerProps = FormFieldProps;\n\nexport const FormDateRangePicker: FC<FormDateRangePickerProps> = ({\n\t...props\n}) => {\n\treturn <FormField control={DateRangePicker} {...props} />;\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormDropdown.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AAMtD,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,oBAAC,SAAS,kBAAC,OAAO,EAAE,QAAQ,IAAM,KAAK,EAAI,CAC3C,CAAC"}
1
+ {"version":3,"file":"FormDropdown.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AAMtD,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,oBAAC,SAAS,kBAAC,OAAO,EAAE,QAAQ,IAAM,KAAK,EAAI,CAC3C,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport { Dropdown, DropdownProps } from '../Dropdown';\n\nexport interface FormDropdownProps extends FormFieldPropsStrict, DropdownProps {\n\terror?: any; // Weirdly enough, this is what Semantic is doing to solve the extending issue\n}\n\nexport const FormDropdown: FC<FormDropdownProps> = (props) => (\n\t<FormField control={Dropdown} {...props} />\n);\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormInput.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,KAAK,EAAgB,MAAM,UAAU,CAAC;AAI/C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,KAAK,EAAE,GAAQ,EAAE,EAAE;IACnB,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAC3D,CAAC,CACD,CAAC"}
1
+ {"version":3,"file":"FormInput.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,KAAK,EAAgB,MAAM,UAAU,CAAC;AAI/C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,KAAK,EAAE,GAAQ,EAAE,EAAE;IACnB,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAC3D,CAAC,CACD,CAAC","sourcesContent":["import React from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { Input, InputElement } from '../Input';\n\nexport type FormInputProps = FormFieldProps;\n\nexport const FormInput = React.forwardRef<InputElement, FormInputProps>(\n\t(props, ref: any) => {\n\t\treturn <FormField control={Input} ref={ref} {...props} />;\n\t}\n);\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormRadio.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAU7C,MAAM,CAAC,MAAM,SAAS,GAAkB,CAAC,KAAK,EAAE,EAAE,CAAC,CAClD,oBAAC,SAAS,kBAAC,OAAO,EAAE,KAAK,IAAM,KAAK,EAAI,CACxC,CAAC"}
1
+ {"version":3,"file":"FormRadio.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAU7C,MAAM,CAAC,MAAM,SAAS,GAAkB,CAAC,KAAK,EAAE,EAAE,CAAC,CAClD,oBAAC,SAAS,kBAAC,OAAO,EAAE,KAAK,IAAM,KAAK,EAAI,CACxC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport { Radio, RadioProps } from '../Radio';\n\nexport interface FormRadioProps<T>\n\textends FormFieldPropsStrict,\n\t\tOmit<RadioProps<T>, 'error'> {\n\tlabel: React.ReactNode;\n}\n\ntype FormRadioType<T = any> = FC<FormRadioProps<T>>;\n\nexport const FormRadio: FormRadioType = (props) => (\n\t<FormField control={Radio} {...props} />\n);\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormSelect.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAMhD,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CACzD,oBAAC,SAAS,kBAAC,OAAO,EAAE,MAAM,IAAM,KAAK,EAAI,CACzC,CAAC"}
1
+ {"version":3,"file":"FormSelect.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAMhD,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CACzD,oBAAC,SAAS,kBAAC,OAAO,EAAE,MAAM,IAAM,KAAK,EAAI,CACzC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport { Select, SelectProps } from '../Select';\n\nexport interface FormSelectProps extends FormFieldPropsStrict, SelectProps {\n\terror?: any; // Weirdly enough, this is what Semantic is doing to solve the extending issue\n}\n\nexport const FormSelect: FC<FormSelectProps> = (props) => (\n\t<FormField control={Select} {...props} />\n);\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormTextArea.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC,MAAM,CAAC,MAAM,YAAY,GAAgC,KAAK,CAAC,UAAU,CACxE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACd,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAC9D,CAAC,CACD,CAAC"}
1
+ {"version":3,"file":"FormTextArea.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC,MAAM,CAAC,MAAM,YAAY,GAAgC,KAAK,CAAC,UAAU,CACxE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACd,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAC9D,CAAC,CACD,CAAC","sourcesContent":["import React from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { TextArea } from '../TextArea';\n\nexport type FormTextAreaProps = FormFieldProps;\n\nexport const FormTextArea: React.FC<FormTextAreaProps> = React.forwardRef(\n\t(props, ref) => {\n\t\treturn <FormField control={TextArea} ref={ref} {...props} />;\n\t}\n);\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormTimePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAIhC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACjE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,UAAU,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC,CAAC"}
1
+ {"version":3,"file":"FormTimePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAIhC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACjE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,UAAU,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { TimePicker } from '..';\n\nexport type FormTimePickerProps = FormFieldProps;\n\nexport const FormTimePicker: FC<FormTimePickerProps> = ({ ...props }) => {\n\treturn <FormField control={TimePicker} {...props} />;\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAqB,MAAM,iBAAiB,CAAC;AAQlE,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,KAAK,EAAE,EAAE,CAAC,CACrE,oBAAC,SAAS,kBAAC,OAAO,EAAE,YAAY,IAAM,KAAK,EAAI,CAC/C,CAAC"}
1
+ {"version":3,"file":"FormToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAqB,MAAM,iBAAiB,CAAC;AAQlE,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,KAAK,EAAE,EAAE,CAAC,CACrE,oBAAC,SAAS,kBAAC,OAAO,EAAE,YAAY,IAAM,KAAK,EAAI,CAC/C,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport { ToggleSwitch, ToggleSwitchProps } from '../ToggleSwitch';\n\nexport interface FormToggleSwitchProps\n\textends FormFieldPropsStrict,\n\t\tToggleSwitchProps {\n\tlabel: React.ReactNode;\n}\n\nexport const FormToggleSwitch: FC<FormToggleSwitchProps> = (props) => (\n\t<FormField control={ToggleSwitch} {...props} />\n);\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormTogglebox.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTogglebox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AAYzD,MAAM,CAAC,MAAM,aAAa,GAAsB,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAAO,OAAA,CAC1E,oBAAC,SAAS,kBAAC,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,IAAM,KAAK,EAAI,CACvE,CAAA;CAAA,CAAC"}
1
+ {"version":3,"file":"FormTogglebox.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTogglebox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AAYzD,MAAM,CAAC,MAAM,aAAa,GAAsB,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAAO,OAAA,CAC1E,oBAAC,SAAS,kBAAC,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,IAAM,KAAK,EAAI,CACvE,CAAA;CAAA,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport { Togglebox, ToggleboxProps } from '../Togglebox';\n\nexport interface FormToggleboxProps<T>\n\textends FormFieldPropsStrict,\n\t\tToggleboxProps<T> {\n\terror?: any; // Weirdly enough, this is what Semantic is doing to solve the extending issue\n\tlabel: React.ReactNode;\n\tcontrol?: ToggleboxProps<T>['control'];\n}\n\ntype FormToggleboxType<T = any> = FC<FormToggleboxProps<T>>;\n\nexport const FormTogglebox: FormToggleboxType = ({ control, ...props }) => (\n\t<FormField toggleboxControl={control} control={Togglebox} {...props} />\n);\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormControls/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormControls/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './FormButton';\nexport * from './FormButtonToggle';\nexport * from './FormCheckbox';\nexport * from './FormColorPicker';\nexport * from './FormDatePicker';\nexport * from './FormDateRangePicker';\nexport * from './FormDropdown';\nexport * from './FormInput';\nexport * from './FormRadio';\nexport * from './FormSelect';\nexport * from './FormTextArea';\nexport * from './FormTogglebox';\nexport * from './FormToggleSwitch';\nexport * from './FormAnvilSelect';\nexport * from './FormTimePicker';\n"]}
@@ -20,17 +20,24 @@ import { Checkbox } from '../Checkbox';
20
20
  import { Button } from '../Button';
21
21
  import { Radio } from '../Radio';
22
22
  export const FormField = React.forwardRef((_a, ref) => {
23
- var _b, _c, _d;
23
+ var _b, _c;
24
24
  var { children, className, control, controlRef, controlClassName, description, disabled, el = 'div', error, label, labelProps, required, size, toggleboxControl, width, onChange } = _a, props = __rest(_a, ["children", "className", "control", "controlRef", "controlClassName", "description", "disabled", "el", "error", "label", "labelProps", "required", "size", "toggleboxControl", "width", "onChange"]);
25
- const controlType = typeof control !== 'undefined'
26
- ? (_b = control.displayName) !== null && _b !== void 0 ? _b : control.name
27
- : 'control';
28
- const hasCounter = ['Input', 'TextArea'].includes(controlType) &&
29
- props.showCounter &&
30
- !!props.maxLength;
31
- const [counter, setCounter] = React.useState((_d = (_c = props.defaultValue) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0);
25
+ const controlType = (() => {
26
+ var _a, _b, _c, _d;
27
+ if (typeof control === 'undefined')
28
+ return undefined;
29
+ if (((_a = control === null || control === void 0 ? void 0 : control.displayName) === null || _a === void 0 ? void 0 : _a.toString().length) > 2)
30
+ return (_b = control === null || control === void 0 ? void 0 : control.displayName) === null || _b === void 0 ? void 0 : _b.toString();
31
+ if (((_c = control === null || control === void 0 ? void 0 : control.name) === null || _c === void 0 ? void 0 : _c.toString().length) > 2)
32
+ return (_d = control === null || control === void 0 ? void 0 : control.name) === null || _d === void 0 ? void 0 : _d.toString();
33
+ return 'control';
34
+ })();
35
+ const hasCounter = props.showCounter &&
36
+ !!props.maxLength &&
37
+ ['Input', 'TextArea', 'control'].includes(controlType);
38
+ const [counter, setCounter] = React.useState((_c = (_b = props.defaultValue) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0);
32
39
  const passProps = () => {
33
- if (['Input', 'TextArea'].includes(controlType)) {
40
+ if (['Input', 'TextArea', 'control'].includes(controlType)) {
34
41
  const { showCounter } = props, rest = __rest(props, ["showCounter"]);
35
42
  return rest;
36
43
  }
@@ -49,13 +56,16 @@ export const FormField = React.forwardRef((_a, ref) => {
49
56
  const inputNode = (_a = context === null || context === void 0 ? void 0 : context.inputRef) === null || _a === void 0 ? void 0 : _a.current;
50
57
  if (['AnvilSelect', 'Select', 'Dropdown'].includes(controlType)) {
51
58
  inputNode === null || inputNode === void 0 ? void 0 : inputNode.focus();
59
+ }
60
+ if (['Select', 'Dropdown'].includes(controlType)) {
52
61
  return;
53
62
  }
54
63
  inputNode === null || inputNode === void 0 ? void 0 : inputNode.click();
55
64
  };
56
65
  const handleOnChange = (e, d) => {
66
+ var _a;
57
67
  if (hasCounter) {
58
- setCounter(d.value.length);
68
+ setCounter((_a = d === null || d === void 0 ? void 0 : d.value) === null || _a === void 0 ? void 0 : _a.length);
59
69
  }
60
70
  onChange === null || onChange === void 0 ? void 0 : onChange(e, d);
61
71
  };
@@ -99,15 +109,16 @@ export const FormField = React.forwardRef((_a, ref) => {
99
109
  const createControl = control
100
110
  ? React.createElement(control, Object.assign(Object.assign({}, controlProps), { 'aria-errormessage': errMsgID, ref }))
101
111
  : children;
112
+ const hasHtmlFor = !['AnvilSelect', 'DateRangePicker'].includes(controlType);
102
113
  return (React.createElement(React.Fragment, null,
103
- React.createElement("label", { className: "Field__html-label", htmlFor: context.labelFor, onClick: handleLabelClick }, getLabel()),
114
+ React.createElement("label", { className: "Field__html-label", htmlFor: hasHtmlFor ? context.labelFor : undefined, onClick: handleLabelClick }, getLabel()),
104
115
  React.createElement(FormFieldContext.Provider, { value: Object.assign(Object.assign({}, context), { setFormFieldContext }) }, createControl)));
105
116
  };
106
117
  const FormFieldProps = { children, disabled };
107
118
  const FormFieldClasses = classnames('FormField', className, {
108
119
  'FormField--disabled': disabled,
109
120
  'FormField--error': error,
110
- [`FormField--${controlType}`]: control,
121
+ [`FormField--${controlType}`]: controlType,
111
122
  'FormField--small': size === 'small',
112
123
  'FormField--large': size === 'large',
113
124
  'FormField--fitted': label === undefined || label === '',
@@ -1 +1 @@
1
- {"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, useState, useId, isValidElement } from 'react';\nimport classnames from 'classnames';\nimport { SemanticWIDTHS } from '../../utilities/SemanticUtils';\nimport { FormFieldContext } from './FormFieldContext';\nimport { ButtonToggle } from '../ButtonToggle';\nimport { ToggleSwitch } from '../ToggleSwitch';\nimport { Label, LabelProps } from '../Label';\nimport { Togglebox } from '../Togglebox';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\nimport { Radio } from '../Radio';\n\nexport interface FormFieldPropsStrict {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Adds one or more classnames to the control element */\n\tcontrolClassName?: string;\n\n\t/** Set the wrapping element's type to render as (string or function). */\n\tcontrol?: any;\n\n\t/** Individual fields may be disabled. */\n\tdisabled?: boolean;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** Individual fields may display an error state. */\n\terror?: boolean | React.ReactElement | string;\n\n\t/** Adds additional help to the input */\n\tdescription?: React.ReactElement | string;\n\n\t/** Displays the describes the form element */\n\tlabel?: LabelProps['children'];\n\n\t/** Property options for the label */\n\tlabelProps?: LabelProps;\n\n\t/* Indicates that the field is required */\n\trequired?: boolean;\n\n\t/** Set Form Field to be specific widths */\n\twidth?: SemanticWIDTHS;\n}\nexport interface FormFieldProps extends FormFieldPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const FormField: FC<FormFieldProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tcontrol,\n\t\t\tcontrolRef,\n\t\t\tcontrolClassName,\n\t\t\tdescription,\n\t\t\tdisabled,\n\t\t\tel = 'div',\n\t\t\terror,\n\t\t\tlabel,\n\t\t\tlabelProps,\n\t\t\trequired,\n\t\t\tsize,\n\t\t\ttoggleboxControl,\n\t\t\twidth,\n\t\t\tonChange,\n\t\t\t...props\n\t\t},\n\t\tref: any\n\t) => {\n\t\tconst controlType = (() => {\n\t\t\tif (typeof control === 'undefined') return undefined;\n\n\t\t\tif (control?.displayName?.toString().length > 2)\n\t\t\t\treturn control?.displayName?.toString();\n\n\t\t\tif (control?.name?.toString().length > 2)\n\t\t\t\treturn control?.name?.toString();\n\n\t\t\treturn 'control';\n\t\t})();\n\n\t\tconst hasCounter =\n\t\t\tprops.showCounter &&\n\t\t\t!!props.maxLength &&\n\t\t\t['Input', 'TextArea', 'control'].includes(controlType);\n\n\t\tconst [counter, setCounter] = React.useState<string>(\n\t\t\tprops.defaultValue?.length ?? 0\n\t\t);\n\n\t\tconst passProps = () => {\n\t\t\tif (['Input', 'TextArea', 'control'].includes(controlType)) {\n\t\t\t\tconst { showCounter, ...rest } = props;\n\t\t\t\treturn rest;\n\t\t\t}\n\t\t\treturn props;\n\t\t};\n\n\t\tconst id = useId();\n\t\tconst labelFor = props.id || `formfield_id_${id}`;\n\t\tconst errMsgID = props.id || `errMsg_id_${id}`;\n\n\t\tconst [context, setContext] = useState({\n\t\t\tlabelFor,\n\t\t\tsetFormFieldContext: (): void => {},\n\t\t} as FormFieldContext);\n\n\t\tconst setFormFieldContext = (newContext: FormFieldContext) =>\n\t\t\tsetContext({\n\t\t\t\t...context,\n\t\t\t\t...newContext,\n\t\t\t});\n\n\t\tconst handleLabelClick = () => {\n\t\t\tconst inputNode = context?.inputRef?.current;\n\n\t\t\tif (['AnvilSelect', 'Select', 'Dropdown'].includes(controlType)) {\n\t\t\t\tinputNode?.focus();\n\t\t\t}\n\n\t\t\tif (['Select', 'Dropdown'].includes(controlType)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tinputNode?.click();\n\t\t};\n\n\t\tconst handleOnChange = (e: any, d: any) => {\n\t\t\tif (hasCounter) {\n\t\t\t\tsetCounter(d?.value?.length);\n\t\t\t}\n\t\t\tonChange?.(e, d);\n\t\t};\n\n\t\tconst getLabel = () => {\n\t\t\tif (label === undefined || label === '') return false;\n\n\t\t\tconst labelClassName = labelProps?.className\n\t\t\t\t? labelProps.className\n\t\t\t\t: null;\n\t\t\tconst labelClasses = classnames(labelClassName, 'FormField__label');\n\n\t\t\treturn (\n\t\t\t\t<Label\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\trequired={required}\n\t\t\t\t\t{...labelProps}\n\t\t\t\t\tclassName={labelClasses}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Label>\n\t\t\t);\n\t\t};\n\n\t\tconst hasDescription =\n\t\t\t(description &&\n\t\t\t\ttypeof description === 'string' &&\n\t\t\t\tdescription.length > 0) ||\n\t\t\tisValidElement(description);\n\n\t\tconst hasErrorText =\n\t\t\t(error && typeof error === 'string' && error.length > 0) ||\n\t\t\tisValidElement(error);\n\n\t\tconst getControl = () => {\n\t\t\tconst controlProps = {\n\t\t\t\tchildren,\n\t\t\t\tdisabled,\n\t\t\t\trequired,\n\t\t\t\tsize,\n\t\t\t\tonChange: hasCounter ? handleOnChange : onChange,\n\t\t\t\tclassName: controlClassName,\n\t\t\t\t...passProps(),\n\t\t\t\t...(control !== ToggleSwitch &&\n\t\t\t\tcontrol !== ButtonToggle &&\n\t\t\t\ttoggleboxControl !== 'toggleSwitch' &&\n\t\t\t\tcontrol !== Button\n\t\t\t\t\t? { error: typeof error !== 'undefined' ? !!error : error }\n\t\t\t\t\t: {}),\n\t\t\t};\n\n\t\t\t// Togglebox\n\t\t\tif (control === Togglebox) {\n\t\t\t\treturn (\n\t\t\t\t\t<Togglebox\n\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\tcontrol={toggleboxControl}\n\t\t\t\t\t\taria-errormessage={errMsgID}\n\t\t\t\t\t\t{...controlProps}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// Checkbox, Radio, ToggleSwitch\n\t\t\tif (\n\t\t\t\tcontrol === Checkbox ||\n\t\t\t\tcontrol === Radio ||\n\t\t\t\tcontrol === ToggleSwitch\n\t\t\t) {\n\t\t\t\treturn React.createElement(control, {\n\t\t\t\t\t...controlProps,\n\t\t\t\t\tlabel,\n\t\t\t\t\tlabelProps,\n\t\t\t\t\t'aria-errormessage': errMsgID,\n\t\t\t\t\trequired,\n\t\t\t\t\tref,\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst createControl = control\n\t\t\t\t? React.createElement(control, {\n\t\t\t\t\t\t...controlProps,\n\t\t\t\t\t\t'aria-errormessage': errMsgID,\n\t\t\t\t\t\tref,\n\t\t\t\t })\n\t\t\t\t: children;\n\n\t\t\tconst hasHtmlFor = !['AnvilSelect', 'DateRangePicker'].includes(\n\t\t\t\tcontrolType\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\t<React.Fragment>\n\t\t\t\t\t<label\n\t\t\t\t\t\tclassName=\"Field__html-label\"\n\t\t\t\t\t\thtmlFor={hasHtmlFor ? context.labelFor : undefined}\n\t\t\t\t\t\tonClick={handleLabelClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getLabel()}\n\t\t\t\t\t</label>\n\t\t\t\t\t<FormFieldContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\t...context,\n\t\t\t\t\t\t\tsetFormFieldContext,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{createControl}\n\t\t\t\t\t</FormFieldContext.Provider>\n\t\t\t\t</React.Fragment>\n\t\t\t);\n\t\t};\n\n\t\tconst FormFieldProps = { children, disabled };\n\n\t\tconst FormFieldClasses = classnames('FormField', className, {\n\t\t\t'FormField--disabled': disabled,\n\t\t\t'FormField--error': error,\n\t\t\t[`FormField--${controlType}`]: controlType,\n\t\t\t'FormField--small': size === 'small',\n\t\t\t'FormField--large': size === 'large',\n\t\t\t'FormField--fitted': label === undefined || label === '',\n\t\t\t[`FormField--width-${width}`]: width,\n\t\t});\n\n\t\tconst FormFieldElement = el;\n\n\t\treturn (\n\t\t\t<FormFieldElement\n\t\t\t\tclassName={FormFieldClasses}\n\t\t\t\tdata-anvil-component=\"FormField\"\n\t\t\t\t{...FormFieldProps}\n\t\t\t>\n\t\t\t\t<div className=\"FormField__wrapper\">\n\t\t\t\t\t{getControl()}\n\t\t\t\t\t{(hasCounter || hasErrorText || hasDescription) && (\n\t\t\t\t\t\t<div className=\"FormField__addons\">\n\t\t\t\t\t\t\t{(hasErrorText || hasDescription) && (\n\t\t\t\t\t\t\t\t<div className=\"FormField__helpers\">\n\t\t\t\t\t\t\t\t\t{hasErrorText && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"FormField__errorText\"\n\t\t\t\t\t\t\t\t\t\t\tid={errMsgID}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{error}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{hasDescription && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"FormField__description\">\n\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{hasCounter && (\n\t\t\t\t\t\t\t\t<div className=\"FormField__counter\">{`${counter}/${props.maxLength}`}</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</FormFieldElement>\n\t\t);\n\t}\n);\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormField.test.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.test.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormField.test.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { Form } from '../Form/';\nimport { Input } from '../Input/';\n\nconst MultipleTogglebox = () => {\n\tconst [value, setValue] = React.useState(1);\n\tconst handleChange = (value: number) => setValue(value);\n\n\treturn (\n\t\t<Form>\n\t\t\t<Form.Field label=\"FormField1\" required width=\"3\">\n\t\t\t\t<Form.Togglebox\n\t\t\t\t\tcontrol=\"radio\"\n\t\t\t\t\tlabel=\"Togglebox1\"\n\t\t\t\t\tonClick={() => handleChange(1)}\n\t\t\t\t\tchecked={value === 1}\n\t\t\t\t\tclassName=\"tb1\"\n\t\t\t\t/>\n\t\t\t\t<Form.Togglebox\n\t\t\t\t\tcontrol=\"radio\"\n\t\t\t\t\tlabel=\"Togglebox2\"\n\t\t\t\t\tonClick={() => handleChange(2)}\n\t\t\t\t\tchecked={value === 2}\n\t\t\t\t\tclassName=\"tb2\"\n\t\t\t\t/>\n\t\t\t</Form.Field>\n\t\t</Form>\n\t);\n};\n\ndescribe('test multiple Form.Togglebox inside one Form.Field', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tconst user = userEvent.setup();\n\n\tit('it should be checked on click', async () => {\n\t\tconst { container } = render(<MultipleTogglebox />);\n\n\t\tconst tbi1 = container.querySelector('.tb1 input') as HTMLInputElement;\n\t\tconst tbi2 = container.querySelector('.tb2 input') as HTMLInputElement;\n\n\t\texpect(tbi1.checked).toEqual(true);\n\t\texpect(tbi2.checked).toEqual(false);\n\n\t\tawait user.click(tbi2);\n\t\texpect(tbi1.checked).toEqual(false);\n\t\texpect(tbi2.checked).toEqual(true);\n\n\t\tawait user.click(tbi1);\n\t\texpect(tbi1.checked).toEqual(true);\n\t\texpect(tbi2.checked).toEqual(false);\n\t});\n});\n\nconst MultipleInput = () => {\n\treturn (\n\t\t<Form>\n\t\t\t<Form.Field label=\"Label\" width=\"3\">\n\t\t\t\t<Input placeholder=\"First\" className=\"input1\" />\n\t\t\t\t<Input placeholder=\"Last\" className=\"input2\" />\n\t\t\t</Form.Field>\n\t\t</Form>\n\t);\n};\n\ndescribe('test focus on label clock multiple Inputs inside one Form.Field', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tconst user = userEvent.setup();\n\n\tit('it should be focused on Label click', async () => {\n\t\tconst { container } = render(<MultipleInput />);\n\n\t\tconst label = container.querySelector('.Label') as HTMLElement;\n\t\tconst i1 = container.querySelector('.input1 input') as HTMLInputElement;\n\t\tconst i2 = container.querySelector('.input2 input') as HTMLInputElement;\n\n\t\texpect(i1).not.toHaveFocus();\n\t\texpect(i2).not.toHaveFocus();\n\n\t\tawait user.click(label);\n\t\texpect(i1).toHaveFocus();\n\t\texpect(i2).not.toHaveFocus();\n\n\t\tawait user.click(i2);\n\t\texpect(i1).not.toHaveFocus();\n\t\texpect(i2).toHaveFocus();\n\t});\n});\n\ndescribe('Counter for FormField', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should have proper number per default values', () => {\n\t\tconst { container } = render(\n\t\t\t<Form\n\t\t\t\tkey=\"form\"\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'grid',\n\t\t\t\t\tgridTemplateColumns: '1fr',\n\t\t\t\t\tgridRowGap: 8,\n\t\t\t\t\tjustifyItems: 'stretch',\n\t\t\t\t\talignItems: 'start',\n\t\t\t\t\tmaxWidth: '50%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Form.Input\n\t\t\t\t\tlabel=\"input\"\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={20}\n\t\t\t\t\tshowCounter\n\t\t\t\t/>\n\t\t\t\t<Form.Input\n\t\t\t\t\tlabel=\"input with default value\"\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={20}\n\t\t\t\t\tshowCounter\n\t\t\t\t\tdefaultValue=\"With default Value\"\n\t\t\t\t/>\n\t\t\t\t<Form.TextArea\n\t\t\t\t\tlabel=\"textarea\"\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={30}\n\t\t\t\t\tshowCounter\n\t\t\t\t/>\n\t\t\t\t<Form.TextArea\n\t\t\t\t\tlabel=\"textarea with default value\"\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={30}\n\t\t\t\t\tshowCounter\n\t\t\t\t\tdefaultValue=\"TextArea with default value\"\n\t\t\t\t/>\n\t\t\t</Form>\n\t\t);\n\n\t\tconst counters = container.querySelectorAll('.FormField__counter');\n\t\tconst input = counters[0].innerHTML;\n\t\tconst inputWithValue = counters[1].innerHTML;\n\t\tconst textArea = counters[2].innerHTML;\n\t\tconst textAreaWithValue = counters[3].innerHTML;\n\n\t\texpect(input).toEqual('0/20');\n\t\texpect(inputWithValue).toEqual('18/20');\n\t\texpect(textArea).toEqual('0/30');\n\t\texpect(textAreaWithValue).toEqual('27/30');\n\t});\n\n\tit('should not show when maxLength is not defined', () => {\n\t\tconst { container } = render(\n\t\t\t<Form\n\t\t\t\tkey=\"form\"\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'grid',\n\t\t\t\t\tgridTemplateColumns: '1fr',\n\t\t\t\t\tgridRowGap: 8,\n\t\t\t\t\tjustifyItems: 'stretch',\n\t\t\t\t\talignItems: 'start',\n\t\t\t\t\tmaxWidth: '50%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Form.Input\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={20}\n\t\t\t\t\tshowCounter\n\t\t\t\t/>\n\t\t\t\t<Form.Input description=\"Field Helper Text\" showCounter />\n\t\t\t\t<Form.TextArea\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={30}\n\t\t\t\t\tshowCounter\n\t\t\t\t/>\n\t\t\t\t<Form.TextArea\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tshowCounter\n\t\t\t\t\tdefaultValue=\"TextArea with default value\"\n\t\t\t\t/>\n\t\t\t</Form>\n\t\t);\n\n\t\tconst counterCount = container.querySelectorAll(\n\t\t\t'.FormField__counter'\n\t\t).length;\n\t\texpect(counterCount).toBe(2);\n\t});\n});\n\ndescribe('Form.Field', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit.skip('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Form>\n\t\t\t\t<Form.Field\n\t\t\t\t\tlabel=\"Label\"\n\t\t\t\t\twidth=\"3\"\n\t\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t\t>\n\t\t\t\t\t<Input placeholder=\"First\" className=\"input1\" />\n\t\t\t\t\t<Input placeholder=\"Last\" className=\"input2\" />\n\t\t\t\t</Form.Field>\n\t\t\t</Form>\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":"FormFieldContext.js","sourceRoot":"","sources":["../../../src/components/FormField/FormFieldContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAmB;IACrE,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC7B,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
1
+ {"version":3,"file":"FormFieldContext.js","sourceRoot":"","sources":["../../../src/components/FormField/FormFieldContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAmB;IACrE,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC7B,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC","sourcesContent":["import React from 'react';\n\nexport interface FormFieldContext {\n\tlabelFor?: string;\n\tinputRef?: React.RefObject<HTMLElement>;\n\tsetFormFieldContext?: React.Dispatch<\n\t\tReact.SetStateAction<FormFieldContext>\n\t>;\n}\n\nexport const FormFieldContext = React.createContext<FormFieldContext>({\n\tlabelFor: undefined,\n\tinputRef: undefined,\n\tsetFormFieldContext: () => {},\n});\nFormFieldContext.displayName = 'FormFieldContext';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormField/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormField/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './FormField';\nexport * from './FormFieldContext';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAyBpC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAO7C,EAAE,EAAE;QAPyC,EAC7C,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,EACP,MAAM,EACN,MAAM,OAEN,EADG,KAAK,cANqC,kDAO7C,CADQ;IAER,MAAM,gBAAgB,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE;QAC3D,oBAAoB,EAAE,OAAO;QAC7B,mBAAmB,EAAE,MAAM;QAC3B,wBAAwB,EAAE,MAAM,KAAK,OAAO;QAC5C,CAAC,qBAAqB,MAAM,EAAE,CAAC,EAAE,MAAM,IAAI,MAAM,KAAK,OAAO;KAC7D,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBACP,SAAS,EAAE,gBAAgB,0BACN,WAAW,IAC5B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
1
+ {"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAyBpC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAO7C,EAAE,EAAE;QAPyC,EAC7C,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,EACP,MAAM,EACN,MAAM,OAEN,EADG,KAAK,cANqC,kDAO7C,CADQ;IAER,MAAM,gBAAgB,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE;QAC3D,oBAAoB,EAAE,OAAO;QAC7B,mBAAmB,EAAE,MAAM;QAC3B,wBAAwB,EAAE,MAAM,KAAK,OAAO;QAC5C,CAAC,qBAAqB,MAAM,EAAE,CAAC,EAAE,MAAM,IAAI,MAAM,KAAK,OAAO;KAC7D,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBACP,SAAS,EAAE,gBAAgB,0BACN,WAAW,IAC5B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { SemanticWIDTHS } from '../../utilities/SemanticUtils';\n\nexport interface FormGroupPropsStrict {\n\t/** Additional classes */\n\tclassName?: string;\n\n\t/** Element to use for base component */\n\tel?: any;\n\n\t/** Display fields vertically grouped */\n\tgrouped?: boolean;\n\n\t/** Display labels and fields in a row */\n\tinline?: boolean;\n\n\t/** Set all Form Fields to be specific widths */\n\twidths?: SemanticWIDTHS | 'equal';\n}\n\nexport interface FormGroupProps extends FormGroupPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const FormGroup: FC<FormGroupProps> = ({\n\tclassName,\n\tel: Element = 'div',\n\tgrouped,\n\tinline,\n\twidths,\n\t...props\n}) => {\n\tconst FormGroupClasses = classnames('FormGroup', className, {\n\t\t'FormGroup--grouped': grouped,\n\t\t'FormGroup--inline': inline,\n\t\t'FormGroup--equal-width': widths === 'equal',\n\t\t[`FormGroup--widths-${widths}`]: widths && widths !== 'equal',\n\t});\n\n\treturn (\n\t\t<Element\n\t\t\tclassName={FormGroupClasses}\n\t\t\tdata-anvil-component=\"FormGroup\"\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n\nFormGroup.displayName = 'FormGroup';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroup.test.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,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,IAAI;YACJ,oBAAC,IAAI,CAAC,KAAK,qBAAe,qBAAqB;gBAC9C,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,GAAG;gBAChC,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,GAAG;gBACjC,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,GAAG;gBAC/B,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,YAAY,GAAG,CACxB,CACP,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":"FormGroup.test.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,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,IAAI;YACJ,oBAAC,IAAI,CAAC,KAAK,qBAAe,qBAAqB;gBAC9C,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,GAAG;gBAChC,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,GAAG;gBACjC,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,GAAG;gBAC/B,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,YAAY,GAAG,CACxB,CACP,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';\n\nimport { Form } from '../Form/';\n\ndescribe('Form.Group', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Form>\n\t\t\t\t<Form.Group data-auto-sel=\"automation-selector\">\n\t\t\t\t\t<Form.Checkbox label=\"Apples\" />\n\t\t\t\t\t<Form.Checkbox label=\"Oranges\" />\n\t\t\t\t\t<Form.Checkbox label=\"Pears\" />\n\t\t\t\t\t<Form.Checkbox label=\"Grapefruit\" />\n\t\t\t\t</Form.Group>\n\t\t\t</Form>\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/FormGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './FormGroup';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAiBpC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAMrC,EAAE,EAAE;QANiC,EACrC,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,EAAE,GAAG,KAAK,EACd,MAAM,OAEN,EADG,KAAK,cAL6B,yCAMrC,CADQ;IAER,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;;OAGG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,cAAc,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAE5C,cAAc,IAAI,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;QAC5D,OAAO,GAAG,EAAE,CACX,cAAc,IAAI,uBAAuB,CAAC,mBAAmB,CAAC,CAAC;IACjE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,oBAAC,EAAE,kBACF,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,0BACpB,OAAO,IACxB,KAAK;QAER,MAAM,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,MAAM,CAAO;QACxD,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAC5C,CACL,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACrE,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IACtB,OAAO;QACN,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACf,6CAA6C;YAC7C,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE;gBAC7B,MAAM,CAAC,CAAC;aACR;QACF,CAAC,CAAC,CAAC,KAAK,CAAC;KACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAClD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;AAExE,MAAM,uBAAuB,GAAG,CAAC,SAAiB,EAAE,EAAE,CACrD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;AAE3E,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC9B,IAAI;QACH,OAAO,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACxC;IAAC,OAAO,CAAC,EAAE;QACX,OAAO,KAAK,CAAC;KACb;AACF,CAAC,CAAC"}
1
+ {"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAiBpC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAMrC,EAAE,EAAE;QANiC,EACrC,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,EAAE,GAAG,KAAK,EACd,MAAM,OAEN,EADG,KAAK,cAL6B,yCAMrC,CADQ;IAER,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;;OAGG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,cAAc,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAE5C,cAAc,IAAI,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;QAC5D,OAAO,GAAG,EAAE,CACX,cAAc,IAAI,uBAAuB,CAAC,mBAAmB,CAAC,CAAC;IACjE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,oBAAC,EAAE,kBACF,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,0BACpB,OAAO,IACxB,KAAK;QAER,MAAM,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,MAAM,CAAO;QACxD,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAC5C,CACL,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACrE,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IACtB,OAAO;QACN,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACf,6CAA6C;YAC7C,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE;gBAC7B,MAAM,CAAC,CAAC;aACR;QACF,CAAC,CAAC,CAAC,KAAK,CAAC;KACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAClD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;AAExE,MAAM,uBAAuB,GAAG,CAAC,SAAiB,EAAE,EAAE,CACrD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;AAE3E,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC9B,IAAI;QACH,OAAO,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACxC;IAAC,OAAO,CAAC,EAAE;QACX,OAAO,KAAK,CAAC;KACb;AACF,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nexport interface FramePropsStrict {\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** Content for a Global Header */\n\theader?: React.ReactElement;\n}\n\nexport interface FrameProps extends FramePropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Frame: FC<FrameProps> = ({\n\tchildren,\n\tclassName,\n\tel: El = 'div',\n\theader,\n\t...props\n}) => {\n\tReact.useEffect(() => {\n\t\tdocument.body.classList.add('of-hidden');\n\t\treturn () => document.body.classList.remove('of-hidden');\n\t}, []);\n\n\t/*\n\t * Hacky way of handling with mobile Chrome's head and 100vh layout.\n\t * To be removed after Chrome to support dvh units.\n\t */\n\tReact.useEffect(() => {\n\t\tconst isHackRequired = !is100dvhSupported();\n\n\t\tisHackRequired && frameParentsAddClass('with-frame-inside');\n\t\treturn () =>\n\t\t\tisHackRequired && frameParentsRemoveClass('with-frame-inside');\n\t}, []);\n\n\treturn (\n\t\t<El\n\t\t\tclassName={classnames('Frame', className)}\n\t\t\tdata-anvil-component=\"Frame\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{header && <div className=\"Frame__header\">{header}</div>}\n\t\t\t<div className=\"Frame__content\">{children}</div>\n\t\t</El>\n\t);\n};\n\nconst getFrameParents = () => {\n\tconst frame = document.querySelector('[data-anvil-component=Frame]');\n\tif (!frame) return [];\n\treturn [\n\t\t...(function* (e) {\n\t\t\t// eslint-disable-next-line no-param-reassign\n\t\t\twhile ((e = e.parentElement)) {\n\t\t\t\tyield e;\n\t\t\t}\n\t\t})(frame),\n\t];\n};\n\nconst frameParentsAddClass = (className: string) =>\n\tgetFrameParents().forEach((parent) => parent.classList.add(className));\n\nconst frameParentsRemoveClass = (className: string) =>\n\tgetFrameParents().forEach((parent) => parent.classList.remove(className));\n\nconst is100dvhSupported = () => {\n\ttry {\n\t\treturn CSS.supports('height', '100dvh');\n\t} catch (e) {\n\t\treturn false;\n\t}\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Frame.test.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACtB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,KAAK,IACL,MAAM,EAAE,oBAAC,QAAQ,iBAAkB,mBACrB,qBAAqB;YAEnC,oBAAC,QAAQ,uBAAwB,CAC1B,CACR,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":"Frame.test.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACtB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,KAAK,IACL,MAAM,EAAE,oBAAC,QAAQ,iBAAkB,mBACrB,qBAAqB;YAEnC,oBAAC,QAAQ,uBAAwB,CAC1B,CACR,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 { Frame } from './Frame';\nimport { BodyText } from '../BodyText';\n\ndescribe('Frame', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Frame\n\t\t\t\theader={<BodyText>Header</BodyText>}\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\t<BodyText>Page Content</BodyText>\n\t\t\t</Frame>\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/Frame/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Frame/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","sourcesContent":["export * from './Frame';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EACN,gBAAgB,GAEhB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,uBAAuB,GAAG,EAAE,CAAC;AAqEnC,MAAM,CAAC,MAAM,IAAI,GAAS,CAAC,EAiB1B,EAAE,EAAE;QAjBsB,EAC1B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,uBAAuB,EACjC,OAAO,EACP,QAAQ,EACR,EAAE,EAAE,WAAW,GAAG,KAAK,EACvB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,aAAa,OAEb,EADG,KAAK,cAhBkB,gLAiB1B,CADQ;IAER,2CAA2C;IAC3C,MAAM,WAAW,GAAG,IAAI,GAAG,CAC1B,OAAO,QAAQ,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5C,CAAC,CAAC,EAAE,CACL,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;SACrD,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;SAC3C,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACf,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC;QAC5B,CAAC,CAAC,SAAS,MAAM,sBAAsB;QACvC,CAAC,CAAC,SAAS,MAAM,WAAW,CAC7B,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;QAClE,cAAc,EAAE,MAAM;QACtB,yBAAyB,EAAE,MAAM,KAAK,YAAY;QAClD,gBAAgB,EAAE,QAAQ;QAC1B,CAAC,SAAS,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,EAC7C,gBAAgB,CAAC,OAAO,CAAC;QAC1B,CAAC,2BAA2B,gBAAgB,CAC3C,uBAAuB,CACvB,UAAU,CAAC,EAAE,OAAO,KAAK,OAAO;QACjC,eAAe,EAAE,OAAO;QACxB,0BAA0B,EAAE,OAAO,KAAK,YAAY;QACpD,gBAAgB,EAAE,QAAQ;QAC1B,cAAc,EAAE,MAAM;QACtB,yBAAyB,EAAE,MAAM,KAAK,YAAY;QAClD,2BAA2B,EAAE,MAAM,KAAK,cAAc;QACtD,eAAe,EAAE,OAAO;QACxB,oBAAoB,EAAE,OAAO,KAAK,MAAM;QACxC,iBAAiB,EAAE,SAAS;QAC5B,iBAAiB,EAAE,SAAS;QAC5B,CAAC,oBAAoB,SAAS,EAAE,CAAC,EAAE,SAAS;QAC5C,CAAC,wBAAwB,aAAa,EAAE,CAAC,EAAE,aAAa;KACxD,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,WAAW,0BACD,MAAM,IACvB,KAAK,GAER,QAAQ,CACI,CACd,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;AACzB,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC"}
1
+ {"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EACN,gBAAgB,GAEhB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,uBAAuB,GAAG,EAAE,CAAC;AAqEnC,MAAM,CAAC,MAAM,IAAI,GAAS,CAAC,EAiB1B,EAAE,EAAE;QAjBsB,EAC1B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,uBAAuB,EACjC,OAAO,EACP,QAAQ,EACR,EAAE,EAAE,WAAW,GAAG,KAAK,EACvB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,aAAa,OAEb,EADG,KAAK,cAhBkB,gLAiB1B,CADQ;IAER,2CAA2C;IAC3C,MAAM,WAAW,GAAG,IAAI,GAAG,CAC1B,OAAO,QAAQ,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5C,CAAC,CAAC,EAAE,CACL,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;SACrD,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;SAC3C,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACf,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC;QAC5B,CAAC,CAAC,SAAS,MAAM,sBAAsB;QACvC,CAAC,CAAC,SAAS,MAAM,WAAW,CAC7B,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;QAClE,cAAc,EAAE,MAAM;QACtB,yBAAyB,EAAE,MAAM,KAAK,YAAY;QAClD,gBAAgB,EAAE,QAAQ;QAC1B,CAAC,SAAS,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,EAC7C,gBAAgB,CAAC,OAAO,CAAC;QAC1B,CAAC,2BAA2B,gBAAgB,CAC3C,uBAAuB,CACvB,UAAU,CAAC,EAAE,OAAO,KAAK,OAAO;QACjC,eAAe,EAAE,OAAO;QACxB,0BAA0B,EAAE,OAAO,KAAK,YAAY;QACpD,gBAAgB,EAAE,QAAQ;QAC1B,cAAc,EAAE,MAAM;QACtB,yBAAyB,EAAE,MAAM,KAAK,YAAY;QAClD,2BAA2B,EAAE,MAAM,KAAK,cAAc;QACtD,eAAe,EAAE,OAAO;QACxB,oBAAoB,EAAE,OAAO,KAAK,MAAM;QACxC,iBAAiB,EAAE,SAAS;QAC5B,iBAAiB,EAAE,SAAS;QAC5B,CAAC,oBAAoB,SAAS,EAAE,CAAC,EAAE,SAAS;QAC5C,CAAC,wBAAwB,aAAa,EAAE,CAAC,EAAE,aAAa;KACxD,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,WAAW,0BACD,MAAM,IACvB,KAAK,GAER,QAAQ,CACI,CACd,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;AACzB,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport {\n\tcolumnsToNumeral,\n\tSemanticGridWIDTHS,\n} from '../../utilities/SemanticUtils';\nimport { GridColumn } from './GridColumn';\nimport { GridRow } from './GridRow';\n\nconst GridDefaultColumnsCount = 12;\n\nexport type GridTextAlign = 'left' | 'right' | 'center' | 'justify';\nexport type GridVerticalAlign = 'bottom' | 'middle' | 'top';\nexport type GridColumnsCount = SemanticGridWIDTHS | 'equal';\nexport type ViewportWidthSegment =\n\t| 'mobile'\n\t| 'tablet'\n\t| 'desktop'\n\t| 'largescreen'\n\t| 'widescreen';\n\n/**\n * Grid properties\n */\nexport interface GridPropsStrict {\n\t/** A grid can have rows divided into cells */\n\tcelled?: boolean | 'internally';\n\n\t/** A grid can have its columns centered */\n\tcentered?: boolean;\n\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Represents column count per row */\n\tcolumns?: GridColumnsCount;\n\n\t/** A grid can have dividers between its columns */\n\tdivided?: boolean | 'vertically';\n\n\t/** A grid can double its column width on tablet and mobile sizes */\n\tdoubling?: boolean;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** A grid can preserve its vertical and horizontal gutters on first and last columns */\n\tpadded?: boolean | 'horizontally' | 'vertically';\n\n\t/** A grid can increase its gutters to allow for more negative space */\n\trelaxed?: boolean | 'very';\n\n\t/** A grid can specify that its columns should reverse order per device */\n\treversed?: string;\n\n\t/** A grid can have its columns stack on-top of each other after reaching mobile breakpoints */\n\tstackable?: boolean;\n\n\t/** A grid can stretch its contents to take up the entire grid height */\n\tstretched?: boolean;\n\n\t/** Alignment of content */\n\ttextAlign?: GridTextAlign;\n\n\t/** Vertical alignment of content */\n\tverticalAlign?: GridVerticalAlign;\n}\n\nexport interface GridProps extends GridPropsStrict {\n\t[propName: string]: any;\n}\n\ninterface Grid extends FC<GridProps> {\n\t/** Subcomponents */\n\tRow: typeof GridRow;\n\tColumn: typeof GridColumn;\n}\n\nexport const Grid: Grid = ({\n\tcelled,\n\tcentered,\n\tchildren,\n\tclassName,\n\tcolumns = GridDefaultColumnsCount,\n\tdivided,\n\tdoubling,\n\tel: GridElement = 'div',\n\tpadded,\n\trelaxed,\n\treversed,\n\tstackable,\n\tstretched,\n\ttextAlign,\n\tverticalAlign,\n\t...props\n}) => {\n\t// Composing classes out of \"reversed\" prop\n\tconst reversedSet = new Set(\n\t\ttypeof reversed === 'string'\n\t\t\t? reversed.trim().split(' ').filter(Boolean)\n\t\t\t: []\n\t);\n\n\tconst reversedClasses = ['mobile', 'tablet', 'desktop']\n\t\t.filter((device) => reversedSet.has(device))\n\t\t.map((device) =>\n\t\t\treversedSet.has('vertically')\n\t\t\t\t? `Grid--${device}-vertically-reversed`\n\t\t\t\t: `Grid--${device}-reversed`\n\t\t);\n\n\tconst GridClasses = classnames('Grid', className, reversedClasses, {\n\t\t'Grid--celled': celled,\n\t\t'Grid--internally-celled': celled === 'internally',\n\t\t'Grid--centered': centered,\n\t\t[`Grid--${columnsToNumeral(columns)}-columns`]:\n\t\t\tcolumnsToNumeral(columns),\n\t\t[`Grid--equal-width Grid--${columnsToNumeral(\n\t\t\tGridDefaultColumnsCount\n\t\t)}-columns`]: columns === 'equal',\n\t\t'Grid--divided': divided,\n\t\t'Grid--vertically-divided': divided === 'vertically',\n\t\t'Grid--doubling': doubling,\n\t\t'Grid--padded': padded,\n\t\t'Grid--vertically-padded': padded === 'vertically',\n\t\t'Grid--horizontally-padded': padded === 'horizontally',\n\t\t'Grid--relaxed': relaxed,\n\t\t'Grid--very-relaxed': relaxed === 'very',\n\t\t'Grid--stackable': stackable,\n\t\t'Grid--stretched': stretched,\n\t\t[`Grid--text-align-${textAlign}`]: textAlign,\n\t\t[`Grid--vertical-align-${verticalAlign}`]: verticalAlign,\n\t});\n\n\treturn (\n\t\t<GridElement\n\t\t\tclassName={GridClasses}\n\t\t\tdata-anvil-component=\"Grid\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</GridElement>\n\t);\n};\n\nGrid.Column = GridColumn;\nGrid.Row = GridRow;\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Grid.test.js","sourceRoot":"","sources":["../../../src/components/Grid/Grid.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;AAE9B,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,IAAI,CAAC,GAAG,IAAC,GAAG,EAAE,CAAC;gBACf,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB,CACnC,CACL,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;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,IAAI,CAAC,GAAG,IAAC,GAAG,EAAE,CAAC,mBAAgB,qBAAqB;gBACpD,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB,CACnC,CACL,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;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,IAAI,CAAC,GAAG,IAAC,GAAG,EAAE,CAAC;gBACf,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,mBAAgB,qBAAqB,eAE5C;gBACd,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB,CACnC,CACL,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":"Grid.test.js","sourceRoot":"","sources":["../../../src/components/Grid/Grid.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;AAE9B,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,IAAI,CAAC,GAAG,IAAC,GAAG,EAAE,CAAC;gBACf,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB,CACnC,CACL,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;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,IAAI,CAAC,GAAG,IAAC,GAAG,EAAE,CAAC,mBAAgB,qBAAqB;gBACpD,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB,CACnC,CACL,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;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,IAAI,CAAC,GAAG,IAAC,GAAG,EAAE,CAAC;gBACf,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,mBAAgB,qBAAqB,eAE5C;gBACd,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB,CACnC,CACL,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 { Grid } from './Grid';\n\ndescribe('Grid', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Grid data-auto-sel=\"automation-selector\">\n\t\t\t\t<Grid.Row key={1}>\n\t\t\t\t\t<Grid.Column width={3}>Column 1</Grid.Column>\n\t\t\t\t\t<Grid.Column width={4}>Column 2</Grid.Column>\n\t\t\t\t\t<Grid.Column width={5}>Column 3</Grid.Column>\n\t\t\t\t</Grid.Row>\n\t\t\t</Grid>\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 through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Grid>\n\t\t\t\t<Grid.Row key={1} data-auto-sel=\"automation-selector\">\n\t\t\t\t\t<Grid.Column width={3}>Column 1</Grid.Column>\n\t\t\t\t\t<Grid.Column width={4}>Column 2</Grid.Column>\n\t\t\t\t\t<Grid.Column width={5}>Column 3</Grid.Column>\n\t\t\t\t</Grid.Row>\n\t\t\t</Grid>\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 through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Grid>\n\t\t\t\t<Grid.Row key={1}>\n\t\t\t\t\t<Grid.Column width={3} data-auto-sel=\"automation-selector\">\n\t\t\t\t\t\tColumn 1\n\t\t\t\t\t</Grid.Column>\n\t\t\t\t\t<Grid.Column width={4}>Column 2</Grid.Column>\n\t\t\t\t\t<Grid.Column width={5}>Column 3</Grid.Column>\n\t\t\t\t</Grid.Row>\n\t\t\t</Grid>\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":"GridColumn.js","sourceRoot":"","sources":["../../../src/components/Grid/GridColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAwDjE,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAgB/C,EAAE,EAAE;QAhB2C,EAC/C,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,EACP,OAAO,EACP,WAAW,EACX,MAAM,EACN,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,aAAa,EACb,UAAU,EACV,KAAK,OAEL,EADG,KAAK,cAfuC,kKAgB/C,CADQ;IAER,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzD,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAC7D,CAAC,eAAe,OAAO,UAAU,CAAC,EAAE,OAAO;QAC3C,CAAC,eAAe,IAAI,OAAO,CAAC,EAAE,IAAI;QAClC,uBAAuB,EAAE,SAAS;QAClC,CAAC,0BAA0B,SAAS,EAAE,CAAC,EAAE,SAAS;QAClD,CAAC,8BAA8B,aAAa,EAAE,CAAC,EAAE,aAAa;QAC9D,CAAC,eAAe,cAAc,eAAe,CAAC,EAAE,cAAc;QAC9D,CAAC,eAAe,kBAAkB,mBAAmB,CAAC,EACrD,kBAAkB;QACnB,CAAC,eAAe,aAAa,cAAc,CAAC,EAAE,aAAa;QAC3D,CAAC,eAAe,aAAa,cAAc,CAAC,EAAE,aAAa;QAC3D,CAAC,eAAe,iBAAiB,kBAAkB,CAAC,EAAE,iBAAiB;QACvE,CAAC,eAAe,OAAO,OAAO,CAAC,EAAE,OAAO;KACxC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBAAC,SAAS,EAAE,iBAAiB,IAAM,KAAK,GAC9C,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"GridColumn.js","sourceRoot":"","sources":["../../../src/components/Grid/GridColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAwDjE,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAgB/C,EAAE,EAAE;QAhB2C,EAC/C,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,EACP,OAAO,EACP,WAAW,EACX,MAAM,EACN,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,aAAa,EACb,UAAU,EACV,KAAK,OAEL,EADG,KAAK,cAfuC,kKAgB/C,CADQ;IAER,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzD,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAC7D,CAAC,eAAe,OAAO,UAAU,CAAC,EAAE,OAAO;QAC3C,CAAC,eAAe,IAAI,OAAO,CAAC,EAAE,IAAI;QAClC,uBAAuB,EAAE,SAAS;QAClC,CAAC,0BAA0B,SAAS,EAAE,CAAC,EAAE,SAAS;QAClD,CAAC,8BAA8B,aAAa,EAAE,CAAC,EAAE,aAAa;QAC9D,CAAC,eAAe,cAAc,eAAe,CAAC,EAAE,cAAc;QAC9D,CAAC,eAAe,kBAAkB,mBAAmB,CAAC,EACrD,kBAAkB;QACnB,CAAC,eAAe,aAAa,cAAc,CAAC,EAAE,aAAa;QAC3D,CAAC,eAAe,aAAa,cAAc,CAAC,EAAE,aAAa;QAC3D,CAAC,eAAe,iBAAiB,kBAAkB,CAAC,EAAE,iBAAiB;QACvE,CAAC,eAAe,OAAO,OAAO,CAAC,EAAE,OAAO;KACxC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBAAC,SAAS,EAAE,iBAAiB,IAAM,KAAK,GAC9C,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { columnsToNumeral } from '../../utilities/SemanticUtils';\nimport {\n\tGridColumnsCount,\n\tViewportWidthSegment,\n\tGridTextAlign,\n\tGridVerticalAlign,\n} from './Grid';\n\n/**\n * A column sub-component for Grid\n */\nexport interface GridColumnPropsStrict {\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** A column can specify a width (colspan) for a computer/desktop */\n\tdesktop?: GridColumnsCount;\n\n\t/** A column can sit flush against the left or right edge of a row */\n\tfloated?: 'left' | 'right';\n\n\t/** A column can specify a width (colspan) for a large screen device */\n\tlargescreen?: GridColumnsCount;\n\n\t/** A column can specify a width (colspan) for a mobile device */\n\tmobile?: GridColumnsCount;\n\n\t/** A column can appear only for a specific device or screen sizes */\n\tonly?: ViewportWidthSegment;\n\n\t/** A column can stretch its contents to take up the entire grid or row height */\n\tstretched?: boolean;\n\n\t/** A column can specify a width (colspan) for a tablet device */\n\ttablet?: GridColumnsCount;\n\n\t/** Alignment of content */\n\ttextAlign?: GridTextAlign;\n\n\t/** Vertical alignment of content */\n\tverticalAlign?: GridVerticalAlign;\n\n\t/** A column can specify a width (colspan) for a wide screen device */\n\twidescreen?: GridColumnsCount;\n\n\t/** Column may span over several nearby columns. Similar to colspan attribute of <td /> element. */\n\twidth?: GridColumnsCount;\n}\n\nexport interface GridColumnProps extends GridColumnPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const GridColumn: FC<GridColumnProps> = ({\n\tchildren,\n\tclassName,\n\tel: TagName = 'div',\n\tdesktop,\n\tfloated,\n\tlargescreen,\n\tmobile,\n\tonly,\n\tstretched,\n\ttablet,\n\ttextAlign,\n\tverticalAlign,\n\twidescreen,\n\twidth,\n\t...props\n}) => {\n\tconst desktopColspan = columnsToNumeral(desktop);\n\tconst largescreenColspan = columnsToNumeral(largescreen);\n\tconst mobileColspan = columnsToNumeral(mobile);\n\tconst tabletColspan = columnsToNumeral(tablet);\n\tconst widescreenColspan = columnsToNumeral(widescreen);\n\tconst colspan = columnsToNumeral(width);\n\n\tconst GridColumnClasses = classnames('GridColumn', className, {\n\t\t[`GridColumn--${floated}-floated`]: floated,\n\t\t[`GridColumn--${only}-only`]: only,\n\t\t'GridColumn--stretched': stretched,\n\t\t[`GridColumn--text-align-${textAlign}`]: textAlign,\n\t\t[`GridColumn--vertical-align-${verticalAlign}`]: verticalAlign,\n\t\t[`GridColumn--${desktopColspan}-wide-desktop`]: desktopColspan,\n\t\t[`GridColumn--${largescreenColspan}-wide-largescreen`]:\n\t\t\tlargescreenColspan,\n\t\t[`GridColumn--${mobileColspan}-wide-mobile`]: mobileColspan,\n\t\t[`GridColumn--${tabletColspan}-wide-tablet`]: tabletColspan,\n\t\t[`GridColumn--${widescreenColspan}-wide-widescreen`]: widescreenColspan,\n\t\t[`GridColumn--${colspan}-wide`]: colspan,\n\t});\n\n\treturn (\n\t\t<TagName className={GridColumnClasses} {...props}>\n\t\t\t{children}\n\t\t</TagName>\n\t);\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../src/components/Grid/GridRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AA8CjE,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAazC,EAAE,EAAE;QAbqC,EACzC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,EACP,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,OAEb,EADG,KAAK,cAZiC,gIAazC,CADQ;IAER,2CAA2C;IAC3C,MAAM,WAAW,GAAG,IAAI,GAAG,CAC1B,OAAO,QAAQ,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5C,CAAC,CAAC,EAAE,CACL,CAAC;IACF,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;SACrD,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;SAC3C,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACf,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC;QAC5B,CAAC,CAAC,YAAY,MAAM,sBAAsB;QAC1C,CAAC,CAAC,YAAY,MAAM,WAAW,CAChC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE;QACxE,mBAAmB,EAAE,QAAQ;QAC7B,CAAC,YAAY,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,EAChD,gBAAgB,CAAC,OAAO,CAAC;QAC1B,sBAAsB,EAAE,OAAO,KAAK,OAAO;QAC3C,kBAAkB,EAAE,OAAO;QAC3B,CAAC,YAAY,IAAI,OAAO,CAAC,EAAE,IAAI;QAC/B,oBAAoB,EAAE,SAAS;QAC/B,CAAC,uBAAuB,SAAS,EAAE,CAAC,EAAE,SAAS;QAC/C,CAAC,2BAA2B,aAAa,EAAE,CAAC,EAAE,aAAa;KAC3D,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBAAC,SAAS,EAAE,cAAc,IAAM,KAAK,GAC3C,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../src/components/Grid/GridRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AA8CjE,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAazC,EAAE,EAAE;QAbqC,EACzC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,EACP,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,OAEb,EADG,KAAK,cAZiC,gIAazC,CADQ;IAER,2CAA2C;IAC3C,MAAM,WAAW,GAAG,IAAI,GAAG,CAC1B,OAAO,QAAQ,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5C,CAAC,CAAC,EAAE,CACL,CAAC;IACF,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;SACrD,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;SAC3C,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACf,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC;QAC5B,CAAC,CAAC,YAAY,MAAM,sBAAsB;QAC1C,CAAC,CAAC,YAAY,MAAM,WAAW,CAChC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE;QACxE,mBAAmB,EAAE,QAAQ;QAC7B,CAAC,YAAY,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,EAChD,gBAAgB,CAAC,OAAO,CAAC;QAC1B,sBAAsB,EAAE,OAAO,KAAK,OAAO;QAC3C,kBAAkB,EAAE,OAAO;QAC3B,CAAC,YAAY,IAAI,OAAO,CAAC,EAAE,IAAI;QAC/B,oBAAoB,EAAE,SAAS;QAC/B,CAAC,uBAAuB,SAAS,EAAE,CAAC,EAAE,SAAS;QAC/C,CAAC,2BAA2B,aAAa,EAAE,CAAC,EAAE,aAAa;KAC3D,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBAAC,SAAS,EAAE,cAAc,IAAM,KAAK,GAC3C,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { columnsToNumeral } from '../../utilities/SemanticUtils';\nimport {\n\tGridColumnsCount,\n\tViewportWidthSegment,\n\tGridTextAlign,\n\tGridVerticalAlign,\n} from './Grid';\n\n/**\n * A row sub-component for Grid\n */\nexport interface GridRowPropsStrict {\n\t/** A row can have its columns centered. */\n\tcentered?: boolean;\n\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Represents column count per line in the row */\n\tcolumns?: GridColumnsCount;\n\n\t/** A row can have dividers between its columns */\n\tdivided?: boolean;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** A column can appear only for a specific device or screen sizes */\n\tonly?: ViewportWidthSegment;\n\n\t/** A row can specify that its columns should reverse order per device, e.g. reversed=\"mobile tablet vertically\" */\n\treversed?: string;\n\n\t/** A row can stretch its contents to take up the entire column height */\n\tstretched?: boolean;\n\n\t/** Alignment of content */\n\ttextAlign?: GridTextAlign;\n\n\t/** Vertical alignment of content */\n\tverticalAlign?: GridVerticalAlign;\n}\nexport interface GridRowProps extends GridRowPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const GridRow: FC<GridRowProps> = ({\n\tcentered,\n\tchildren,\n\tclassName,\n\tel: TagName = 'div',\n\tcolumns,\n\tdivided,\n\tonly,\n\treversed,\n\tstretched,\n\ttextAlign,\n\tverticalAlign,\n\t...props\n}) => {\n\t// Composing classes out of \"reversed\" prop\n\tconst reversedSet = new Set(\n\t\ttypeof reversed === 'string'\n\t\t\t? reversed.trim().split(' ').filter(Boolean)\n\t\t\t: []\n\t);\n\tconst reversedClasses = ['mobile', 'tablet', 'desktop']\n\t\t.filter((device) => reversedSet.has(device))\n\t\t.map((device) =>\n\t\t\treversedSet.has('vertically')\n\t\t\t\t? `GridRow--${device}-vertically-reversed`\n\t\t\t\t: `GridRow--${device}-reversed`\n\t\t);\n\n\tconst GridRowClasses = classnames('GridRow', className, reversedClasses, {\n\t\t'GridRow--centered': centered,\n\t\t[`GridRow--${columnsToNumeral(columns)}-columns`]:\n\t\t\tcolumnsToNumeral(columns),\n\t\t'GridRow--equal-width': columns === 'equal',\n\t\t'GridRow--divided': divided,\n\t\t[`GridRow--${only}-only`]: only,\n\t\t'GridRow--stretched': stretched,\n\t\t[`GridRow--text-align-${textAlign}`]: textAlign,\n\t\t[`GridRow--vertical-align-${verticalAlign}`]: verticalAlign,\n\t});\n\n\treturn (\n\t\t<TagName className={GridRowClasses} {...props}>\n\t\t\t{children}\n\t\t</TagName>\n\t);\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","sourcesContent":["export * from './Grid';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA6BpC,MAAM,CAAC,MAAM,QAAQ,GAAsB,KAAK,CAAC,UAAU,CAC1D,CACC,EASC,EACD,GAAG,EACF,EAAE;QAXH,EACC,QAAQ,EACR,SAAS,EACT,EAAE,EACF,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,GAAG,QAAQ,OAEf,EADG,KAAK,cART,sEASC,CADQ;IAIT,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACrD,CAAC,aAAa,IAAI,EAAE,CAAC,EAAE,IAAI;QAC3B,kBAAkB,EAAE,MAAM;QAC1B,kBAAkB,EAAE,MAAM;QAC1B,mBAAmB,EAAE,OAAO;KAC5B,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,GAAG,EAAE;QAClB,IAAI,CAAC,EAAE,EAAE;YACR,IAAI,IAAI,KAAK,QAAQ;gBAAE,OAAO,GAAG,CAAC;YAClC,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO,IAAI,CAAC;YAClC,IAAI,IAAI,KAAK,QAAQ;gBAAE,OAAO,IAAI,CAAC;YACnC,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO,IAAI,CAAC;SAClC;QACD,OAAO,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,EAAE,CAAC;IAEhC,OAAO,CACN,oBAAC,eAAe,kBACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAW,0BACD,UAAU,IAC3B,KAAK,GAER,QAAQ,CACQ,CAClB,CAAC;AACH,CAAC,CACD,CAAC"}
1
+ {"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA6BpC,MAAM,CAAC,MAAM,QAAQ,GAAsB,KAAK,CAAC,UAAU,CAC1D,CACC,EASC,EACD,GAAG,EACF,EAAE;QAXH,EACC,QAAQ,EACR,SAAS,EACT,EAAE,EACF,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,GAAG,QAAQ,OAEf,EADG,KAAK,cART,sEASC,CADQ;IAIT,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACrD,CAAC,aAAa,IAAI,EAAE,CAAC,EAAE,IAAI;QAC3B,kBAAkB,EAAE,MAAM;QAC1B,kBAAkB,EAAE,MAAM;QAC1B,mBAAmB,EAAE,OAAO;KAC5B,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,GAAG,EAAE;QAClB,IAAI,CAAC,EAAE,EAAE;YACR,IAAI,IAAI,KAAK,QAAQ;gBAAE,OAAO,GAAG,CAAC;YAClC,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO,IAAI,CAAC;YAClC,IAAI,IAAI,KAAK,QAAQ;gBAAE,OAAO,IAAI,CAAC;YACnC,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO,IAAI,CAAC;SAClC;QACD,OAAO,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,EAAE,CAAC;IAEhC,OAAO,CACN,oBAAC,eAAe,kBACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAW,0BACD,UAAU,IAC3B,KAAK,GAER,QAAQ,CACQ,CAClB,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\n/**\n * Text properties\n */\nexport interface HeadlinePropsStrict {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** Set style `display: inline;` to nest Text components */\n\tinline?: boolean;\n\n\t/** Set style to italic */\n\titalic?: boolean;\n\n\t/** Headline Font size */\n\tsize?: 'xlarge' | 'large' | 'medium' | 'small';\n\n\t/** Deemphasized text */\n\tsubdued?: boolean;\n}\n\nexport interface HeadlineProps extends HeadlinePropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Headline: FC<HeadlineProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tel,\n\t\t\tinline,\n\t\t\titalic,\n\t\t\tsubdued,\n\t\t\tsize = 'medium',\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst TextClasses = classnames('Headline', className, {\n\t\t\t[`Headline--${size}`]: size,\n\t\t\t'Headline--inline': inline,\n\t\t\t'Headline--italic': italic,\n\t\t\t'Headline--subdued': subdued,\n\t\t});\n\n\t\tconst newEl = () => {\n\t\t\tif (!el) {\n\t\t\t\tif (size === 'xlarge') return 'p';\n\t\t\t\tif (size === 'large') return 'h1';\n\t\t\t\tif (size === 'medium') return 'h2';\n\t\t\t\tif (size === 'small') return 'h3';\n\t\t\t}\n\t\t\treturn el;\n\t\t};\n\n\t\tconst HeadlineElement = newEl();\n\n\t\treturn (\n\t\t\t<HeadlineElement\n\t\t\t\tref={ref}\n\t\t\t\tclassName={TextClasses}\n\t\t\t\tdata-anvil-component=\"Headline\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</HeadlineElement>\n\t\t);\n\t}\n);\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Headline.test.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,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,QAAQ,IACR,SAAS,EAAC,aAAa,mBACT,qBAAqB,iCAGzB,CACX,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":"Headline.test.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,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,QAAQ,IACR,SAAS,EAAC,aAAa,mBACT,qBAAqB,iCAGzB,CACX,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 { Headline } from './Headline';\n\ndescribe('Headline', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Headline\n\t\t\t\tclassName=\"m-x-8 m-y-4\"\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\tLorem ipsum dolor sit amet\n\t\t\t</Headline>\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/Headline/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Headline/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './Headline';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAEN,aAAa,EACb,aAAa,GACb,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAgB,aAAa,EAAE,CAAC;AAuBvC,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAOnC,EAAE,EAAE;QAP+B,EACnC,KAAK,GAAG,cAAc,EACtB,SAAS,EACT,EAAE,EACF,IAAI,EACJ,IAAI,GAAG,KAAK,OAEZ,EADG,KAAK,cAN2B,4CAOnC,CADQ;IAER,IAAI,CAAC,IAAI,EAAE;QACV,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEjD,IAAI,CAAC,OAAO,EAAE;QACb,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QAC1C,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,EAAE,WAAW,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC;IACvE,MAAM,WAAW,GAAQ,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAEhE,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,0BACS,MAAM,IACvB,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,WAAW,KAAK,QAAQ,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC/D,KAAK;QAET,6BACC,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO;YAChB,oCAAoC;YACpC,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAC3C,CACW,CACd,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
1
+ {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAEN,aAAa,EACb,aAAa,GACb,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAgB,aAAa,EAAE,CAAC;AAuBvC,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAOnC,EAAE,EAAE;QAP+B,EACnC,KAAK,GAAG,cAAc,EACtB,SAAS,EACT,EAAE,EACF,IAAI,EACJ,IAAI,GAAG,KAAK,OAEZ,EADG,KAAK,cAN2B,4CAOnC,CADQ;IAER,IAAI,CAAC,IAAI,EAAE;QACV,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEjD,IAAI,CAAC,OAAO,EAAE;QACb,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QAC1C,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,EAAE,WAAW,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC;IACvE,MAAM,WAAW,GAAQ,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAEhE,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,0BACS,MAAM,IACvB,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,WAAW,KAAK,QAAQ,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC/D,KAAK;QAET,6BACC,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO;YAChB,oCAAoC;YACpC,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAC3C,CACW,CACd,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport {\n\tIconNameType,\n\tIconNameArray,\n\tgetIconByName,\n} from '@servicetitan/anvil-icons';\n\nexport { IconNameType, IconNameArray };\n\nexport interface IconPropsStrict {\n\t/** Additional classes */\n\tclassName?: string;\n\n\t/** Fill color of icon */\n\tcolor?: string;\n\n\t/** An element type to render as */\n\tel?: any;\n\n\t/** Name of the icon */\n\tname?: IconNameType;\n\n\t/** Size of icon */\n\tsize?: string | number;\n}\n\nexport interface IconProps extends IconPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Icon: FC<IconProps> = ({\n\tcolor = 'currentColor',\n\tclassName,\n\tel,\n\tname,\n\tsize = '1em',\n\t...props\n}) => {\n\tif (!name) {\n\t\tconsole.warn('No name prop passed to Icon');\n\t\treturn null;\n\t}\n\n\tconst { viewbox, content } = getIconByName(name);\n\n\tif (!content) {\n\t\tconsole.warn('Icon does not exist', name);\n\t\treturn null;\n\t}\n\n\tconst IconClasses = classnames('a-Icon', `a-Icon--${name}`, className);\n\tconst IconElement: any = el ?? (props.onClick ? 'button' : 'i');\n\n\treturn (\n\t\t<IconElement\n\t\t\tclassName={IconClasses}\n\t\t\twidth={size}\n\t\t\theight={size}\n\t\t\tdata-anvil-component=\"Icon\"\n\t\t\t{...(!props.type && IconElement === 'button' && { type: 'button' })}\n\t\t\t{...props}\n\t\t>\n\t\t\t<svg\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tfill={color}\n\t\t\t\theight={size}\n\t\t\t\twidth={size}\n\t\t\t\tviewBox={viewbox}\n\t\t\t\t/* eslint-disable react/no-danger */\n\t\t\t\tdangerouslySetInnerHTML={{ __html: content }}\n\t\t\t/>\n\t\t</IconElement>\n\t);\n};\n\nIcon.displayName = 'Icon';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.test.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QAClE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACnC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,8DAA8D;QAExF,MAAM,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAC,KAAK,GAAG,CAAC,CAAC;QAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAEvC,MAAM,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;QACxB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IACJ,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,KAAK,mBACI,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":"Icon.test.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QAClE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACnC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,8DAA8D;QAExF,MAAM,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAC,KAAK,GAAG,CAAC,CAAC;QAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAEvC,MAAM,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;QACxB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IACJ,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,KAAK,mBACI,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, screen } from '@testing-library/react';\nimport { Icon } from './Icon';\n\ndescribe('Icon', () => {\n\tit('Icon should not render and console warn if no name prop', () => {\n\t\tjest.spyOn(global.console, 'warn');\n\t\tconsole.warn = jest.fn(); // Prevent actual console.warn from showing up in command line\n\n\t\trender(<Icon role=\"img\" />);\n\t\tconst icon = screen.queryByRole('img');\n\n\t\texpect(icon).toBeNull();\n\t\texpect(console.warn).toBeCalled();\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Icon\n\t\t\t\tname=\"search\"\n\t\t\t\tsize={20}\n\t\t\t\trole=\"img\"\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/Icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","sourcesContent":["export * from './Icon';\n"]}
@@ -1,6 +1,7 @@
1
1
  import React, { FC } from 'react';
2
2
  import { AnvilSelectOptionsProps } from '../AnvilSelect';
3
3
  import { PopoverProps } from '../Popover';
4
+ import { PopperProps } from '../../internal';
4
5
  export interface InlineEditPropsStrict {
5
6
  /** Сontrol component to be shown on edit */
6
7
  control?: (controlProps: ControlProps, actionProps: ActionProps) => any;
@@ -38,6 +39,8 @@ export interface InlineEditPropsStrict {
38
39
  autoFocusControl?: boolean;
39
40
  /** Custom placeholder text */
40
41
  placeholder?: string;
42
+ /** Props to be passed to the portaled div */
43
+ portalDataAttributes?: PopperProps['portalDataAttributes'];
41
44
  }
42
45
  interface valueObject extends AnvilSelectOptionsProps {
43
46
  title?: string;
@@ -20,7 +20,7 @@ import { Tag } from '../Tag';
20
20
  import { keys } from '../../utilities/keyCodes';
21
21
  const defaultDecoration = { icon: true, underline: true, color: true };
22
22
  export const InlineEdit = forwardRef((_a, ref) => {
23
- var { control: Control, decoration = defaultDecoration, onSave, onCancel, onChange, onClick, error: errorState = false, actionDirection = 'rb', actionLayout = 'inline', className, style, mode = 'read', value, width, showContentOnEdit, content: Content, autoFocusControl = true, id, placeholder = 'Enter value' } = _a, props = __rest(_a, ["control", "decoration", "onSave", "onCancel", "onChange", "onClick", "error", "actionDirection", "actionLayout", "className", "style", "mode", "value", "width", "showContentOnEdit", "content", "autoFocusControl", "id", "placeholder"]);
23
+ var { control: Control, decoration = defaultDecoration, onSave, onCancel, onChange, onClick, error: errorState = false, actionDirection = 'rb', actionLayout = 'inline', className, style, mode = 'read', value, width, showContentOnEdit, content: Content, autoFocusControl = true, id, placeholder = 'Enter value', portalDataAttributes } = _a, props = __rest(_a, ["control", "decoration", "onSave", "onCancel", "onChange", "onClick", "error", "actionDirection", "actionLayout", "className", "style", "mode", "value", "width", "showContentOnEdit", "content", "autoFocusControl", "id", "placeholder", "portalDataAttributes"]);
24
24
  const normalizeValue = (value) => typeof value === 'string' || typeof value === 'number'
25
25
  ? String(value)
26
26
  : value;
@@ -239,14 +239,15 @@ export const InlineEdit = forwardRef((_a, ref) => {
239
239
  open: editing,
240
240
  };
241
241
  const actions = (React.createElement(ButtonGroup, { attached: true, className: ActionClasses },
242
- React.createElement(Button, { small: true, ref: saveRef, className: "InlineEdit__save", primary: true, disabled: errorState, onClick: handleSave, onKeyDown: keyOnSave, type: "submit", iconName: "done" }),
243
- React.createElement(Button, { small: true, ref: cancelRef, className: "InlineEdit__cancel", type: "reset", iconName: "clear", onClick: handleCancel, onKeyDown: keyOnCancel })));
242
+ React.createElement(Button, { "aria-label": "save changes", small: true, ref: saveRef, className: "InlineEdit__save", primary: true, disabled: errorState, onClick: handleSave, onKeyDown: keyOnSave, type: "submit", iconName: "done" }),
243
+ React.createElement(Button, { "aria-label": "discard changes", small: true, ref: cancelRef, className: "InlineEdit__cancel", type: "reset", iconName: "clear", onClick: handleCancel, onKeyDown: keyOnCancel })));
244
244
  const updateStyle = Object.assign({ maxWidth: width !== undefined && typeof width === 'string'
245
245
  ? `${width}`
246
246
  : width }, style);
247
- return (React.createElement("span", { className: InlineEditClasses, style: updateStyle, ref: ref, "data-anvil-component": "InlineEdit" }, editing ? (actionLayout === 'floating' ? (React.createElement(Popover, { trigger: Control(controlProps, internalCompProps), portal: true, direction: actionDirection, contentNoPadding: true, padding: null, width: "auto", className: "InlineEdit__floating__body", open: editing, offset: {
248
- distance: 8,
249
- }, el: width === 'fluid' ? 'div' : 'span' }, actions)) : (React.createElement(React.Fragment, null,
247
+ return (React.createElement("span", { className: InlineEditClasses, style: updateStyle, ref: ref, "data-anvil-component": "InlineEdit" }, editing ? (actionLayout === 'floating' ? (React.createElement("span", Object.assign({}, props),
248
+ React.createElement(Popover, { trigger: Control(controlProps, internalCompProps), portal: true, direction: actionDirection, contentNoPadding: true, padding: null, width: "auto", className: "InlineEdit__floating__body", open: editing, offset: {
249
+ distance: 8,
250
+ }, el: width === 'fluid' ? 'div' : 'span', portalDataAttributes: portalDataAttributes }, actions))) : (React.createElement(React.Fragment, null,
250
251
  showContentOnEdit && readComponent,
251
252
  Control(controlProps, internalCompProps),
252
253
  actionLayout !== 'none' && actions))) : (readComponent)));