@openedx/paragon 21.12.1 → 21.12.3

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 (416) hide show
  1. package/dist/ActionRow/index.js +7 -8
  2. package/dist/ActionRow/index.js.map +1 -1
  3. package/dist/Alert/index.js +33 -25
  4. package/dist/Alert/index.js.map +1 -1
  5. package/dist/Annotation/index.js +7 -9
  6. package/dist/Annotation/index.js.map +1 -1
  7. package/dist/Avatar/index.js +5 -7
  8. package/dist/Avatar/index.js.map +1 -1
  9. package/dist/AvatarButton/index.js +10 -12
  10. package/dist/AvatarButton/index.js.map +1 -1
  11. package/dist/Badge/index.js +6 -4
  12. package/dist/Badge/index.js.map +1 -1
  13. package/dist/Breadcrumb/BreadcrumbLink.js +11 -14
  14. package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
  15. package/dist/Breadcrumb/index.js +29 -29
  16. package/dist/Breadcrumb/index.js.map +1 -1
  17. package/dist/Bubble/index.js +11 -13
  18. package/dist/Bubble/index.js.map +1 -1
  19. package/dist/Button/deprecated/index.js +87 -66
  20. package/dist/Button/deprecated/index.js.map +1 -1
  21. package/dist/Button/index.js +10 -11
  22. package/dist/Button/index.js.map +1 -1
  23. package/dist/Card/CardBody.js +4 -6
  24. package/dist/Card/CardBody.js.map +1 -1
  25. package/dist/Card/CardCarousel/CardCarousel.js +11 -13
  26. package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
  27. package/dist/Card/CardCarousel/CardCarouselControls.js +6 -7
  28. package/dist/Card/CardCarousel/CardCarouselControls.js.map +1 -1
  29. package/dist/Card/CardCarousel/CardCarouselHeader.js +9 -12
  30. package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
  31. package/dist/Card/CardCarousel/CardCarouselItems.js +6 -9
  32. package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
  33. package/dist/Card/CardCarousel/CardCarouselProvider.js +27 -28
  34. package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
  35. package/dist/Card/CardCarousel/CardCarouselSubtitle.js +4 -6
  36. package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
  37. package/dist/Card/CardCarousel/CardCarouselTitle.js +4 -6
  38. package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
  39. package/dist/Card/CardContext.js +8 -10
  40. package/dist/Card/CardContext.js.map +1 -1
  41. package/dist/Card/CardDeck.js +19 -17
  42. package/dist/Card/CardDeck.js.map +1 -1
  43. package/dist/Card/CardDivider.js +3 -5
  44. package/dist/Card/CardDivider.js.map +1 -1
  45. package/dist/Card/CardFooter.js +15 -18
  46. package/dist/Card/CardFooter.js.map +1 -1
  47. package/dist/Card/CardGrid.js +13 -11
  48. package/dist/Card/CardGrid.js.map +1 -1
  49. package/dist/Card/CardHeader.js +17 -22
  50. package/dist/Card/CardHeader.js.map +1 -1
  51. package/dist/Card/CardImageCap.js +48 -33
  52. package/dist/Card/CardImageCap.js.map +1 -1
  53. package/dist/Card/CardSection.js +11 -14
  54. package/dist/Card/CardSection.js.map +1 -1
  55. package/dist/Card/CardStatus.js +11 -14
  56. package/dist/Card/CardStatus.js.map +1 -1
  57. package/dist/Card/index.js +18 -20
  58. package/dist/Card/index.js.map +1 -1
  59. package/dist/Carousel/index.js +17 -11
  60. package/dist/Carousel/index.js.map +1 -1
  61. package/dist/CheckBox/index.js +66 -36
  62. package/dist/CheckBox/index.js.map +1 -1
  63. package/dist/Chip/index.js +14 -16
  64. package/dist/Chip/index.js.map +1 -1
  65. package/dist/ChipCarousel/index.js +29 -30
  66. package/dist/ChipCarousel/index.js.map +1 -1
  67. package/dist/Collapsible/CollapsibleAdvanced.js +82 -62
  68. package/dist/Collapsible/CollapsibleAdvanced.js.map +1 -1
  69. package/dist/Collapsible/CollapsibleBody.js +13 -15
  70. package/dist/Collapsible/CollapsibleBody.js.map +1 -1
  71. package/dist/Collapsible/CollapsibleTrigger.js +18 -20
  72. package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
  73. package/dist/Collapsible/CollapsibleVisible.js +6 -9
  74. package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
  75. package/dist/Collapsible/index.js +17 -18
  76. package/dist/Collapsible/index.js.map +1 -1
  77. package/dist/ColorPicker/index.js +58 -33
  78. package/dist/ColorPicker/index.js.map +1 -1
  79. package/dist/Container/index.js +8 -9
  80. package/dist/Container/index.js.map +1 -1
  81. package/dist/DataTable/ActionDisplay.js +8 -9
  82. package/dist/DataTable/ActionDisplay.js.map +1 -1
  83. package/dist/DataTable/BulkActions.js +23 -20
  84. package/dist/DataTable/BulkActions.js.map +1 -1
  85. package/dist/DataTable/CardView.js +46 -43
  86. package/dist/DataTable/CardView.js.map +1 -1
  87. package/dist/DataTable/CollapsibleButtonGroup.js +57 -39
  88. package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
  89. package/dist/DataTable/DataTableContext.js +1 -1
  90. package/dist/DataTable/DataTableContext.js.map +1 -1
  91. package/dist/DataTable/DataTableLayout.js +6 -9
  92. package/dist/DataTable/DataTableLayout.js.map +1 -1
  93. package/dist/DataTable/DataViewToggle.js +25 -20
  94. package/dist/DataTable/DataViewToggle.js.map +1 -1
  95. package/dist/DataTable/DropdownFilters.js +41 -28
  96. package/dist/DataTable/DropdownFilters.js.map +1 -1
  97. package/dist/DataTable/EmptyTable.js +6 -9
  98. package/dist/DataTable/EmptyTable.js.map +1 -1
  99. package/dist/DataTable/ExpandAll.js +2 -4
  100. package/dist/DataTable/ExpandAll.js.map +1 -1
  101. package/dist/DataTable/ExpandRow.js +2 -4
  102. package/dist/DataTable/ExpandRow.js.map +1 -1
  103. package/dist/DataTable/FilterStatus.js +18 -17
  104. package/dist/DataTable/FilterStatus.js.map +1 -1
  105. package/dist/DataTable/RowStatus.js +15 -18
  106. package/dist/DataTable/RowStatus.js.map +1 -1
  107. package/dist/DataTable/SidebarFilters.js +16 -13
  108. package/dist/DataTable/SidebarFilters.js.map +1 -1
  109. package/dist/DataTable/SmartStatus.js +14 -16
  110. package/dist/DataTable/SmartStatus.js.map +1 -1
  111. package/dist/DataTable/Table.js +17 -19
  112. package/dist/DataTable/Table.js.map +1 -1
  113. package/dist/DataTable/TableActions.js +11 -13
  114. package/dist/DataTable/TableActions.js.map +1 -1
  115. package/dist/DataTable/TableCell.js +6 -10
  116. package/dist/DataTable/TableCell.js.map +1 -1
  117. package/dist/DataTable/TableControlBar.js +7 -12
  118. package/dist/DataTable/TableControlBar.js.map +1 -1
  119. package/dist/DataTable/TableFilters.js +14 -12
  120. package/dist/DataTable/TableFilters.js.map +1 -1
  121. package/dist/DataTable/TableFooter.js +5 -8
  122. package/dist/DataTable/TableFooter.js.map +1 -1
  123. package/dist/DataTable/TableHeaderCell.js +11 -15
  124. package/dist/DataTable/TableHeaderCell.js.map +1 -1
  125. package/dist/DataTable/TableHeaderRow.js +6 -4
  126. package/dist/DataTable/TableHeaderRow.js.map +1 -1
  127. package/dist/DataTable/TablePagination.js +8 -7
  128. package/dist/DataTable/TablePagination.js.map +1 -1
  129. package/dist/DataTable/TablePaginationMinimal.js +9 -8
  130. package/dist/DataTable/TablePaginationMinimal.js.map +1 -1
  131. package/dist/DataTable/TableRow.js +15 -18
  132. package/dist/DataTable/TableRow.js.map +1 -1
  133. package/dist/DataTable/_variables.scss +1 -1
  134. package/dist/DataTable/filters/CheckboxFilter.js +23 -22
  135. package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
  136. package/dist/DataTable/filters/DropdownFilter.js +14 -19
  137. package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
  138. package/dist/DataTable/filters/MultiSelectDropdownFilter.js +19 -20
  139. package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
  140. package/dist/DataTable/filters/TextFilter.js +10 -13
  141. package/dist/DataTable/filters/TextFilter.js.map +1 -1
  142. package/dist/DataTable/hooks.js +29 -25
  143. package/dist/DataTable/hooks.js.map +1 -1
  144. package/dist/DataTable/index.js +120 -104
  145. package/dist/DataTable/index.js.map +1 -1
  146. package/dist/DataTable/selection/BaseSelectionStatus.js +29 -31
  147. package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
  148. package/dist/DataTable/selection/ControlledSelect.js +13 -9
  149. package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
  150. package/dist/DataTable/selection/ControlledSelectHeader.js +19 -15
  151. package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
  152. package/dist/DataTable/selection/ControlledSelectionStatus.js +34 -24
  153. package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
  154. package/dist/DataTable/selection/SelectionStatus.js +23 -23
  155. package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
  156. package/dist/DataTable/utils/getVisibleColumns.js +36 -44
  157. package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
  158. package/dist/Dropdown/deprecated/DropdownButton.js +9 -13
  159. package/dist/Dropdown/deprecated/DropdownButton.js.map +1 -1
  160. package/dist/Dropdown/deprecated/DropdownItem.js +7 -8
  161. package/dist/Dropdown/deprecated/DropdownItem.js.map +1 -1
  162. package/dist/Dropdown/deprecated/DropdownMenu.js +8 -12
  163. package/dist/Dropdown/deprecated/DropdownMenu.js.map +1 -1
  164. package/dist/Dropdown/deprecated/index.js +136 -103
  165. package/dist/Dropdown/deprecated/index.js.map +1 -1
  166. package/dist/Dropdown/index.js +32 -29
  167. package/dist/Dropdown/index.js.map +1 -1
  168. package/dist/Dropzone/DefaultContent.js +13 -13
  169. package/dist/Dropzone/DefaultContent.js.map +1 -1
  170. package/dist/Dropzone/DragError.js +1 -3
  171. package/dist/Dropzone/DragError.js.map +1 -1
  172. package/dist/Dropzone/GenericError.js +7 -7
  173. package/dist/Dropzone/GenericError.js.map +1 -1
  174. package/dist/Dropzone/UploadProgress.js +6 -8
  175. package/dist/Dropzone/UploadProgress.js.map +1 -1
  176. package/dist/Dropzone/index.js +145 -86
  177. package/dist/Dropzone/index.js.map +1 -1
  178. package/dist/Fieldset/index.js +82 -57
  179. package/dist/Fieldset/index.js.map +1 -1
  180. package/dist/Form/FormAutosuggest.js +137 -95
  181. package/dist/Form/FormAutosuggest.js.map +1 -1
  182. package/dist/Form/FormAutosuggestOption.js +4 -6
  183. package/dist/Form/FormAutosuggestOption.js.map +1 -1
  184. package/dist/Form/FormCheckbox.js +35 -42
  185. package/dist/Form/FormCheckbox.js.map +1 -1
  186. package/dist/Form/FormCheckboxSet.js +13 -16
  187. package/dist/Form/FormCheckboxSet.js.map +1 -1
  188. package/dist/Form/FormCheckboxSetContext.js +39 -34
  189. package/dist/Form/FormCheckboxSetContext.js.map +1 -1
  190. package/dist/Form/FormControl.js +41 -35
  191. package/dist/Form/FormControl.js.map +1 -1
  192. package/dist/Form/FormControlDecorator.js +3 -5
  193. package/dist/Form/FormControlDecorator.js.map +1 -1
  194. package/dist/Form/FormControlDecoratorGroup.js +8 -10
  195. package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
  196. package/dist/Form/FormControlFeedback.js +12 -15
  197. package/dist/Form/FormControlFeedback.js.map +1 -1
  198. package/dist/Form/FormControlFloatingLabel.js +3 -6
  199. package/dist/Form/FormControlFloatingLabel.js.map +1 -1
  200. package/dist/Form/FormControlSet.js +8 -9
  201. package/dist/Form/FormControlSet.js.map +1 -1
  202. package/dist/Form/FormGroup.js +11 -12
  203. package/dist/Form/FormGroup.js.map +1 -1
  204. package/dist/Form/FormGroupContext.js +64 -39
  205. package/dist/Form/FormGroupContext.js.map +1 -1
  206. package/dist/Form/FormLabel.js +15 -17
  207. package/dist/Form/FormLabel.js.map +1 -1
  208. package/dist/Form/FormRadio.js +19 -22
  209. package/dist/Form/FormRadio.js.map +1 -1
  210. package/dist/Form/FormRadioSet.js +13 -16
  211. package/dist/Form/FormRadioSet.js.map +1 -1
  212. package/dist/Form/FormRadioSetContext.js +39 -34
  213. package/dist/Form/FormRadioSetContext.js.map +1 -1
  214. package/dist/Form/FormSwitch.js +16 -20
  215. package/dist/Form/FormSwitch.js.map +1 -1
  216. package/dist/Form/FormText.js +20 -29
  217. package/dist/Form/FormText.js.map +1 -1
  218. package/dist/Form/useCheckboxSetValues.js +46 -23
  219. package/dist/Form/useCheckboxSetValues.js.map +1 -1
  220. package/dist/Hyperlink/index.js +25 -25
  221. package/dist/Hyperlink/index.js.map +1 -1
  222. package/dist/Hyperlink/index.scss +2 -2
  223. package/dist/Icon/index.js +21 -20
  224. package/dist/Icon/index.js.map +1 -1
  225. package/dist/IconButton/index.js +30 -32
  226. package/dist/IconButton/index.js.map +1 -1
  227. package/dist/IconButtonToggle/index.js +16 -16
  228. package/dist/IconButtonToggle/index.js.map +1 -1
  229. package/dist/Input/index.js +122 -92
  230. package/dist/Input/index.js.map +1 -1
  231. package/dist/InputSelect/index.js +78 -51
  232. package/dist/InputSelect/index.js.map +1 -1
  233. package/dist/InputText/index.js +11 -9
  234. package/dist/InputText/index.js.map +1 -1
  235. package/dist/Layout/index.js +33 -29
  236. package/dist/Layout/index.js.map +1 -1
  237. package/dist/ListBox/index.js +112 -80
  238. package/dist/ListBox/index.js.map +1 -1
  239. package/dist/ListBoxOption/index.js +68 -45
  240. package/dist/ListBoxOption/index.js.map +1 -1
  241. package/dist/MailtoLink/index.js +37 -34
  242. package/dist/MailtoLink/index.js.map +1 -1
  243. package/dist/Menu/MenuItem.js +13 -14
  244. package/dist/Menu/MenuItem.js.map +1 -1
  245. package/dist/Menu/SelectMenu.js +68 -44
  246. package/dist/Menu/SelectMenu.js.map +1 -1
  247. package/dist/Menu/index.js +10 -11
  248. package/dist/Menu/index.js.map +1 -1
  249. package/dist/Modal/AlertModal.js +5 -7
  250. package/dist/Modal/AlertModal.js.map +1 -1
  251. package/dist/Modal/FullscreenModal.js +6 -8
  252. package/dist/Modal/FullscreenModal.js.map +1 -1
  253. package/dist/Modal/MarketingModal.js +8 -10
  254. package/dist/Modal/MarketingModal.js.map +1 -1
  255. package/dist/Modal/ModalCloseButton.js +13 -15
  256. package/dist/Modal/ModalCloseButton.js.map +1 -1
  257. package/dist/Modal/ModalContext.js +13 -13
  258. package/dist/Modal/ModalContext.js.map +1 -1
  259. package/dist/Modal/ModalDialog.js +22 -23
  260. package/dist/Modal/ModalDialog.js.map +1 -1
  261. package/dist/Modal/ModalDialogBody.js +22 -11
  262. package/dist/Modal/ModalDialogBody.js.map +1 -1
  263. package/dist/Modal/ModalDialogFooter.js +6 -7
  264. package/dist/Modal/ModalDialogFooter.js.map +1 -1
  265. package/dist/Modal/ModalDialogHeader.js +6 -7
  266. package/dist/Modal/ModalDialogHeader.js.map +1 -1
  267. package/dist/Modal/ModalDialogHero.js +6 -7
  268. package/dist/Modal/ModalDialogHero.js.map +1 -1
  269. package/dist/Modal/ModalDialogHeroBackground.js +8 -9
  270. package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
  271. package/dist/Modal/ModalDialogHeroContent.js +6 -7
  272. package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
  273. package/dist/Modal/ModalDialogTitle.js +6 -7
  274. package/dist/Modal/ModalDialogTitle.js.map +1 -1
  275. package/dist/Modal/ModalLayer.js +11 -17
  276. package/dist/Modal/ModalLayer.js.map +1 -1
  277. package/dist/Modal/ModalPopup.js +17 -17
  278. package/dist/Modal/ModalPopup.js.map +1 -1
  279. package/dist/Modal/PopperElement.js +25 -18
  280. package/dist/Modal/PopperElement.js.map +1 -1
  281. package/dist/Modal/Portal.js +40 -18
  282. package/dist/Modal/Portal.js.map +1 -1
  283. package/dist/Modal/StandardModal.js +6 -8
  284. package/dist/Modal/StandardModal.js.map +1 -1
  285. package/dist/Modal/index.js +215 -187
  286. package/dist/Modal/index.js.map +1 -1
  287. package/dist/Nav/index.js +3 -2
  288. package/dist/Nav/index.js.map +1 -1
  289. package/dist/Navbar/index.js +7 -6
  290. package/dist/Navbar/index.js.map +1 -1
  291. package/dist/OverflowScroll/OverflowScroll.js +45 -37
  292. package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
  293. package/dist/OverflowScroll/OverflowScrollContext.js +1 -1
  294. package/dist/OverflowScroll/OverflowScrollContext.js.map +1 -1
  295. package/dist/OverflowScroll/OverflowScrollItems.js +2 -4
  296. package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
  297. package/dist/Overlay/index.js +4 -4
  298. package/dist/Overlay/index.js.map +1 -1
  299. package/dist/PageBanner/index.js +11 -13
  300. package/dist/PageBanner/index.js.map +1 -1
  301. package/dist/Pagination/index.js +331 -296
  302. package/dist/Pagination/index.js.map +1 -1
  303. package/dist/Pagination/index.scss +1 -0
  304. package/dist/Popover/index.js +11 -14
  305. package/dist/Popover/index.js.map +1 -1
  306. package/dist/ProductTour/Checkpoint.js +29 -22
  307. package/dist/ProductTour/Checkpoint.js.map +1 -1
  308. package/dist/ProductTour/CheckpointActionRow.js +18 -16
  309. package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
  310. package/dist/ProductTour/CheckpointBody.js +2 -4
  311. package/dist/ProductTour/CheckpointBody.js.map +1 -1
  312. package/dist/ProductTour/CheckpointBreadcrumbs.js +16 -16
  313. package/dist/ProductTour/CheckpointBreadcrumbs.js.map +1 -1
  314. package/dist/ProductTour/CheckpointTitle.js +2 -4
  315. package/dist/ProductTour/CheckpointTitle.js.map +1 -1
  316. package/dist/ProductTour/index.js +66 -47
  317. package/dist/ProductTour/index.js.map +1 -1
  318. package/dist/ProgressBar/index.js +37 -35
  319. package/dist/ProgressBar/index.js.map +1 -1
  320. package/dist/RadioButtonGroup/index.js +133 -102
  321. package/dist/RadioButtonGroup/index.js.map +1 -1
  322. package/dist/Scrollable/index.js +30 -15
  323. package/dist/Scrollable/index.js.map +1 -1
  324. package/dist/SearchField/SearchFieldAdvanced.js +54 -44
  325. package/dist/SearchField/SearchFieldAdvanced.js.map +1 -1
  326. package/dist/SearchField/SearchFieldClearButton.js +7 -8
  327. package/dist/SearchField/SearchFieldClearButton.js.map +1 -1
  328. package/dist/SearchField/SearchFieldInput.js +8 -9
  329. package/dist/SearchField/SearchFieldInput.js.map +1 -1
  330. package/dist/SearchField/SearchFieldLabel.js +5 -8
  331. package/dist/SearchField/SearchFieldLabel.js.map +1 -1
  332. package/dist/SearchField/SearchFieldSubmitButton.js +12 -15
  333. package/dist/SearchField/SearchFieldSubmitButton.js.map +1 -1
  334. package/dist/SearchField/index.js +22 -22
  335. package/dist/SearchField/index.js.map +1 -1
  336. package/dist/SelectableBox/SelectableBoxSet.js +25 -26
  337. package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
  338. package/dist/SelectableBox/index.js +42 -38
  339. package/dist/SelectableBox/index.js.map +1 -1
  340. package/dist/Sheet/SheetContainer.js +38 -16
  341. package/dist/Sheet/SheetContainer.js.map +1 -1
  342. package/dist/Sheet/index.js +65 -43
  343. package/dist/Sheet/index.js.map +1 -1
  344. package/dist/Spinner/index.js +8 -9
  345. package/dist/Spinner/index.js.map +1 -1
  346. package/dist/Stack/index.js +9 -11
  347. package/dist/Stack/index.js.map +1 -1
  348. package/dist/StatefulButton/index.js +15 -17
  349. package/dist/StatefulButton/index.js.map +1 -1
  350. package/dist/StatusAlert/index.js +120 -82
  351. package/dist/StatusAlert/index.js.map +1 -1
  352. package/dist/Stepper/Stepper.js +2 -4
  353. package/dist/Stepper/Stepper.js.map +1 -1
  354. package/dist/Stepper/StepperActionRow.js +7 -10
  355. package/dist/Stepper/StepperActionRow.js.map +1 -1
  356. package/dist/Stepper/StepperContext.js +64 -32
  357. package/dist/Stepper/StepperContext.js.map +1 -1
  358. package/dist/Stepper/StepperHeader.js +23 -30
  359. package/dist/Stepper/StepperHeader.js.map +1 -1
  360. package/dist/Stepper/StepperHeaderStep.js +14 -17
  361. package/dist/Stepper/StepperHeaderStep.js.map +1 -1
  362. package/dist/Stepper/StepperStep.js +23 -24
  363. package/dist/Stepper/StepperStep.js.map +1 -1
  364. package/dist/Sticky/index.js +30 -22
  365. package/dist/Sticky/index.js.map +1 -1
  366. package/dist/Table/index.js +178 -109
  367. package/dist/Table/index.js.map +1 -1
  368. package/dist/Tabs/deprecated/index.js +99 -66
  369. package/dist/Tabs/deprecated/index.js.map +1 -1
  370. package/dist/Tabs/index.js +65 -49
  371. package/dist/Tabs/index.js.map +1 -1
  372. package/dist/TextArea/index.js +10 -8
  373. package/dist/TextArea/index.js.map +1 -1
  374. package/dist/Toast/ToastContainer.js +38 -16
  375. package/dist/Toast/ToastContainer.js.map +1 -1
  376. package/dist/Toast/index.js +33 -18
  377. package/dist/Toast/index.js.map +1 -1
  378. package/dist/Tooltip/index.js +8 -9
  379. package/dist/Tooltip/index.js.map +1 -1
  380. package/dist/TransitionReplace/DemoTransitionReplace.js +12 -3
  381. package/dist/TransitionReplace/DemoTransitionReplace.js.map +1 -1
  382. package/dist/TransitionReplace/index.js +136 -100
  383. package/dist/TransitionReplace/index.js.map +1 -1
  384. package/dist/Truncate/index.js +30 -24
  385. package/dist/Truncate/index.js.map +1 -1
  386. package/dist/ValidationFormGroup/index.js +38 -37
  387. package/dist/ValidationFormGroup/index.js.map +1 -1
  388. package/dist/ValidationMessage/index.js +76 -51
  389. package/dist/ValidationMessage/index.js.map +1 -1
  390. package/dist/asInput/index.js +251 -202
  391. package/dist/asInput/index.js.map +1 -1
  392. package/dist/hooks/useArrowKeyNavigation.js +46 -43
  393. package/dist/hooks/useArrowKeyNavigation.js.map +1 -1
  394. package/dist/hooks/useIndexOfLastVisibleChild.js +40 -26
  395. package/dist/hooks/useIndexOfLastVisibleChild.js.map +1 -1
  396. package/dist/hooks/useIsVisible.js +20 -13
  397. package/dist/hooks/useIsVisible.js.map +1 -1
  398. package/dist/hooks/useToggle.js +18 -11
  399. package/dist/hooks/useToggle.js.map +1 -1
  400. package/dist/hooks/useWindowSize.js +17 -6
  401. package/dist/hooks/useWindowSize.js.map +1 -1
  402. package/dist/paragon.css +1 -1
  403. package/dist/withDeprecatedProps.js +79 -58
  404. package/dist/withDeprecatedProps.js.map +1 -1
  405. package/package.json +1 -5
  406. package/src/Button/index.jsx +2 -2
  407. package/src/DataTable/_variables.scss +1 -1
  408. package/src/Dropzone/index.jsx +1 -1
  409. package/src/Hyperlink/index.scss +2 -2
  410. package/src/Icon/index.jsx +1 -1
  411. package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +12 -10
  412. package/src/IconButton/index.jsx +1 -1
  413. package/src/Menu/MenuItem.jsx +2 -2
  414. package/src/Overlay/README.md +1 -1
  415. package/src/Overlay/index.jsx +1 -1
  416. package/src/Pagination/index.scss +1 -0
@@ -1 +1 @@
1
- {"version":3,"file":"FormControlFloatingLabel.js","names":["React","PropTypes","useFormGroupContext","FormControlFloatingLabel","_ref","children","controlId","createElement","className","htmlFor","propTypes","node","isRequired"],"sources":["../../src/Form/FormControlFloatingLabel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useFormGroupContext } from './FormGroupContext';\n\nfunction FormControlFloatingLabel({ children }) {\n const { controlId } = useFormGroupContext();\n return (\n <div className=\"pgn__form-control-floating-label\">\n <div className=\"pgn__form-control-floating-label-content\">\n <label\n className=\"pgn__form-control-floating-label-text\"\n htmlFor={controlId}\n >\n {children}\n </label>\n </div>\n </div>\n );\n}\n\nFormControlFloatingLabel.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default FormControlFloatingLabel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,mBAAmB,QAAQ,oBAAoB;AAExD,SAASC,wBAAwBA,CAAAC,IAAA,EAAe;EAAA,IAAd;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAC5C,MAAM;IAAEE;EAAU,CAAC,GAAGJ,mBAAmB,CAAC,CAAC;EAC3C,oBACEF,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC;EAAkC,gBAC/CR,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACvDR,KAAA,CAAAO,aAAA;IACEC,SAAS,EAAC,uCAAuC;IACjDC,OAAO,EAAEH;EAAU,GAElBD,QACI,CACJ,CACF,CAAC;AAEV;AAEAF,wBAAwB,CAACO,SAAS,GAAG;EACnCL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeT,wBAAwB"}
1
+ {"version":3,"file":"FormControlFloatingLabel.js","names":["React","PropTypes","useFormGroupContext","FormControlFloatingLabel","_ref","children","_useFormGroupContext","controlId","createElement","className","htmlFor","propTypes","node","isRequired"],"sources":["../../src/Form/FormControlFloatingLabel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useFormGroupContext } from './FormGroupContext';\n\nfunction FormControlFloatingLabel({ children }) {\n const { controlId } = useFormGroupContext();\n return (\n <div className=\"pgn__form-control-floating-label\">\n <div className=\"pgn__form-control-floating-label-content\">\n <label\n className=\"pgn__form-control-floating-label-text\"\n htmlFor={controlId}\n >\n {children}\n </label>\n </div>\n </div>\n );\n}\n\nFormControlFloatingLabel.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default FormControlFloatingLabel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,mBAAmB,QAAQ,oBAAoB;AAExD,SAASC,wBAAwBA,CAAAC,IAAA,EAAe;EAAA,IAAZC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC1C,IAAAC,oBAAA,GAAsBJ,mBAAmB,CAAC,CAAC;IAAnCK,SAAS,GAAAD,oBAAA,CAATC,SAAS;EACjB,oBACEP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAkC,gBAC/CT,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACvDT,KAAA,CAAAQ,aAAA;IACEC,SAAS,EAAC,uCAAuC;IACjDC,OAAO,EAAEH;EAAU,GAElBF,QACI,CACJ,CACF,CAAC;AAEV;AAEAF,wBAAwB,CAACQ,SAAS,GAAG;EACnCN,QAAQ,EAAEJ,SAAS,CAACW,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeV,wBAAwB"}
@@ -1,21 +1,20 @@
1
- const _excluded = ["as", "className", "isInline", "children"];
1
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
+ var _excluded = ["as", "className", "isInline", "children"];
2
3
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
4
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
5
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
6
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
6
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
7
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
8
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
8
9
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
9
10
  import React from 'react';
10
11
  import PropTypes from 'prop-types';
11
12
  import classNames from 'classnames';
12
13
  function FormControlSet(_ref) {
13
- let {
14
- as,
15
- className,
16
- isInline,
17
- children
18
- } = _ref,
14
+ var as = _ref.as,
15
+ className = _ref.className,
16
+ isInline = _ref.isInline,
17
+ children = _ref.children,
19
18
  props = _objectWithoutProperties(_ref, _excluded);
20
19
  return /*#__PURE__*/React.createElement(as, _objectSpread({
21
20
  className: classNames(className, {
@@ -1 +1 @@
1
- {"version":3,"file":"FormControlSet.js","names":["React","PropTypes","classNames","FormControlSet","_ref","as","className","isInline","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","propTypes","elementType","string","bool","node","defaultProps","undefined"],"sources":["../../src/Form/FormControlSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction FormControlSet({\n as,\n className,\n isInline,\n children,\n ...props\n}) {\n return React.createElement(as, {\n className: classNames(\n className,\n {\n 'pgn__form-control-set': !isInline,\n 'pgn__form-control-set-inline': isInline,\n },\n ),\n ...props,\n }, children);\n}\n\nFormControlSet.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** A class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether the component should be displayed with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies contents of the component. */\n children: PropTypes.node,\n};\n\nFormControlSet.defaultProps = {\n as: 'div',\n className: undefined,\n isInline: false,\n children: null,\n};\n\nexport default FormControlSet;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAcA,CAAAC,IAAA,EAMpB;EAAA,IANqB;MACtBC,EAAE;MACFC,SAAS;MACTC,QAAQ;MACRC;IAEF,CAAC,GAAAJ,IAAA;IADIK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,oBAAOX,KAAK,CAACY,aAAa,CAACP,EAAE,EAAAQ,aAAA;IAC3BP,SAAS,EAAEJ,UAAU,CACnBI,SAAS,EACT;MACE,uBAAuB,EAAE,CAACC,QAAQ;MAClC,8BAA8B,EAAEA;IAClC,CACF;EAAC,GACEE,KAAK,GACPD,QAAQ,CAAC;AACd;AAEAL,cAAc,CAACW,SAAS,GAAG;EACzB;EACAT,EAAE,EAAEJ,SAAS,CAACc,WAAW;EACzB;EACAT,SAAS,EAAEL,SAAS,CAACe,MAAM;EAC3B;EACAT,QAAQ,EAAEN,SAAS,CAACgB,IAAI;EACxB;EACAT,QAAQ,EAAEP,SAAS,CAACiB;AACtB,CAAC;AAEDf,cAAc,CAACgB,YAAY,GAAG;EAC5Bd,EAAE,EAAE,KAAK;EACTC,SAAS,EAAEc,SAAS;EACpBb,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,cAAc"}
1
+ {"version":3,"file":"FormControlSet.js","names":["React","PropTypes","classNames","FormControlSet","_ref","as","className","isInline","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","propTypes","elementType","string","bool","node","defaultProps","undefined"],"sources":["../../src/Form/FormControlSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction FormControlSet({\n as,\n className,\n isInline,\n children,\n ...props\n}) {\n return React.createElement(as, {\n className: classNames(\n className,\n {\n 'pgn__form-control-set': !isInline,\n 'pgn__form-control-set-inline': isInline,\n },\n ),\n ...props,\n }, children);\n}\n\nFormControlSet.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** A class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether the component should be displayed with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies contents of the component. */\n children: PropTypes.node,\n};\n\nFormControlSet.defaultProps = {\n as: 'div',\n className: undefined,\n isInline: false,\n children: null,\n};\n\nexport default FormControlSet;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAcA,CAAAC,IAAA,EAMpB;EAAA,IALDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,oBAAOX,KAAK,CAACY,aAAa,CAACP,EAAE,EAAAQ,aAAA;IAC3BP,SAAS,EAAEJ,UAAU,CACnBI,SAAS,EACT;MACE,uBAAuB,EAAE,CAACC,QAAQ;MAClC,8BAA8B,EAAEA;IAClC,CACF;EAAC,GACEE,KAAK,GACPD,QAAQ,CAAC;AACd;AAEAL,cAAc,CAACW,SAAS,GAAG;EACzB;EACAT,EAAE,EAAEJ,SAAS,CAACc,WAAW;EACzB;EACAT,SAAS,EAAEL,SAAS,CAACe,MAAM;EAC3B;EACAT,QAAQ,EAAEN,SAAS,CAACgB,IAAI;EACxB;EACAT,QAAQ,EAAEP,SAAS,CAACiB;AACtB,CAAC;AAEDf,cAAc,CAACgB,YAAY,GAAG;EAC5Bd,EAAE,EAAE,KAAK;EACTC,SAAS,EAAEc,SAAS;EACpBb,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,cAAc"}
@@ -1,9 +1,10 @@
1
- const _excluded = ["children", "controlId", "isInvalid", "isValid", "size", "as"];
1
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
+ var _excluded = ["children", "controlId", "isInvalid", "isValid", "size", "as"];
2
3
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
4
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
5
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
6
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
6
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
7
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
8
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
8
9
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
9
10
  import React from 'react';
@@ -11,14 +12,12 @@ import PropTypes from 'prop-types';
11
12
  import classNames from 'classnames';
12
13
  import { FormGroupContextProvider } from './FormGroupContext';
13
14
  function FormGroup(_ref) {
14
- let {
15
- children,
16
- controlId,
17
- isInvalid,
18
- isValid,
19
- size,
20
- as
21
- } = _ref,
15
+ var children = _ref.children,
16
+ controlId = _ref.controlId,
17
+ isInvalid = _ref.isInvalid,
18
+ isValid = _ref.isValid,
19
+ size = _ref.size,
20
+ as = _ref.as,
22
21
  props = _objectWithoutProperties(_ref, _excluded);
23
22
  return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
24
23
  className: classNames('pgn__form-group', props.className)
@@ -29,7 +28,7 @@ function FormGroup(_ref) {
29
28
  size: size
30
29
  }, children));
31
30
  }
32
- const SIZE_CHOICES = ['sm', 'lg'];
31
+ var SIZE_CHOICES = ['sm', 'lg'];
33
32
  FormGroup.propTypes = {
34
33
  /** Specifies contents of the component. */
35
34
  children: PropTypes.node.isRequired,
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroup.js","names":["React","PropTypes","classNames","FormGroupContextProvider","FormGroup","_ref","children","controlId","isInvalid","isValid","size","as","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","SIZE_CHOICES","propTypes","node","isRequired","string","elementType","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Form/FormGroup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FormGroupContextProvider } from './FormGroupContext';\n\nfunction FormGroup({\n children,\n controlId,\n isInvalid,\n isValid,\n size,\n as,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__form-group', props.className),\n }, (\n <FormGroupContextProvider\n controlId={controlId}\n isInvalid={isInvalid}\n isValid={isValid}\n size={size}\n >\n {children}\n </FormGroupContextProvider>\n ),\n );\n}\n\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormGroup.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies base element for the component. */\n as: PropTypes.elementType,\n /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.\n * Will be autogenerated if none is supplied. */\n controlId: PropTypes.string,\n /** Specifies whether to display components in invalid state, this affects styling. */\n isInvalid: PropTypes.bool,\n /** Specifies whether to display components in valid state, this affects styling. */\n isValid: PropTypes.bool,\n /** Specifies size for the component. */\n size: PropTypes.oneOf(SIZE_CHOICES),\n};\n\nFormGroup.defaultProps = {\n as: 'div',\n className: undefined,\n controlId: undefined,\n isInvalid: false,\n isValid: false,\n size: undefined,\n};\n\nexport default FormGroup;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,wBAAwB,QAAQ,oBAAoB;AAE7D,SAASC,SAASA,CAAAC,IAAA,EAQf;EAAA,IARgB;MACjBC,QAAQ;MACRC,SAAS;MACTC,SAAS;MACTC,OAAO;MACPC,IAAI;MACJC;IAEF,CAAC,GAAAN,IAAA;IADIO,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,oBAAOd,KAAK,CAACe,aAAa,CACxBJ,EAAE,EAAAK,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEf,UAAU,CAAC,iBAAiB,EAAEU,KAAK,CAACK,SAAS;EAAC,iBAEzDjB,KAAA,CAAAe,aAAA,CAACZ,wBAAwB;IACvBI,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA;EAAK,GAEVJ,QACuB,CAE9B,CAAC;AACH;AAEA,MAAMY,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAEjCd,SAAS,CAACe,SAAS,GAAG;EACpB;EACAb,QAAQ,EAAEL,SAAS,CAACmB,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEhB,SAAS,CAACqB,MAAM;EAC3B;EACAX,EAAE,EAAEV,SAAS,CAACsB,WAAW;EACzB;AACF;EACEhB,SAAS,EAAEN,SAAS,CAACqB,MAAM;EAC3B;EACAd,SAAS,EAAEP,SAAS,CAACuB,IAAI;EACzB;EACAf,OAAO,EAAER,SAAS,CAACuB,IAAI;EACvB;EACAd,IAAI,EAAET,SAAS,CAACwB,KAAK,CAACP,YAAY;AACpC,CAAC;AAEDd,SAAS,CAACsB,YAAY,GAAG;EACvBf,EAAE,EAAE,KAAK;EACTM,SAAS,EAAEU,SAAS;EACpBpB,SAAS,EAAEoB,SAAS;EACpBnB,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAEiB;AACR,CAAC;AAED,eAAevB,SAAS"}
1
+ {"version":3,"file":"FormGroup.js","names":["React","PropTypes","classNames","FormGroupContextProvider","FormGroup","_ref","children","controlId","isInvalid","isValid","size","as","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","SIZE_CHOICES","propTypes","node","isRequired","string","elementType","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Form/FormGroup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FormGroupContextProvider } from './FormGroupContext';\n\nfunction FormGroup({\n children,\n controlId,\n isInvalid,\n isValid,\n size,\n as,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__form-group', props.className),\n }, (\n <FormGroupContextProvider\n controlId={controlId}\n isInvalid={isInvalid}\n isValid={isValid}\n size={size}\n >\n {children}\n </FormGroupContextProvider>\n ),\n );\n}\n\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormGroup.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies base element for the component. */\n as: PropTypes.elementType,\n /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.\n * Will be autogenerated if none is supplied. */\n controlId: PropTypes.string,\n /** Specifies whether to display components in invalid state, this affects styling. */\n isInvalid: PropTypes.bool,\n /** Specifies whether to display components in valid state, this affects styling. */\n isValid: PropTypes.bool,\n /** Specifies size for the component. */\n size: PropTypes.oneOf(SIZE_CHOICES),\n};\n\nFormGroup.defaultProps = {\n as: 'div',\n className: undefined,\n controlId: undefined,\n isInvalid: false,\n isValid: false,\n size: undefined,\n};\n\nexport default FormGroup;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,wBAAwB,QAAQ,oBAAoB;AAE7D,SAASC,SAASA,CAAAC,IAAA,EAQf;EAAA,IAPDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,EAAE,GAAAN,IAAA,CAAFM,EAAE;IACCC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,oBAAOd,KAAK,CAACe,aAAa,CACxBJ,EAAE,EAAAK,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEf,UAAU,CAAC,iBAAiB,EAAEU,KAAK,CAACK,SAAS;EAAC,iBAEzDjB,KAAA,CAAAe,aAAA,CAACZ,wBAAwB;IACvBI,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA;EAAK,GAEVJ,QACuB,CAE9B,CAAC;AACH;AAEA,IAAMY,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAEjCd,SAAS,CAACe,SAAS,GAAG;EACpB;EACAb,QAAQ,EAAEL,SAAS,CAACmB,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEhB,SAAS,CAACqB,MAAM;EAC3B;EACAX,EAAE,EAAEV,SAAS,CAACsB,WAAW;EACzB;AACF;EACEhB,SAAS,EAAEN,SAAS,CAACqB,MAAM;EAC3B;EACAd,SAAS,EAAEP,SAAS,CAACuB,IAAI;EACzB;EACAf,OAAO,EAAER,SAAS,CAACuB,IAAI;EACvB;EACAd,IAAI,EAAET,SAAS,CAACwB,KAAK,CAACP,YAAY;AACpC,CAAC;AAEDd,SAAS,CAACsB,YAAY,GAAG;EACvBf,EAAE,EAAE,KAAK;EACTM,SAAS,EAAEU,SAAS;EACpBpB,SAAS,EAAEoB,SAAS;EACpBnB,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAEiB;AACR,CAAC;AAED,eAAevB,SAAS"}
@@ -1,44 +1,69 @@
1
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
1
2
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
3
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
3
4
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
4
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
5
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
5
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
8
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
9
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
10
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
11
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
12
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
6
13
  import React, { useState, useEffect, useMemo, useCallback } from 'react';
7
14
  import PropTypes from 'prop-types';
8
15
  import classNames from 'classnames';
9
16
  import { newId } from '../utils';
10
17
  import { useIdList, omitUndefinedProperties } from './fieldUtils';
11
18
  import { FORM_CONTROL_SIZES } from './constants';
12
- const identityFn = props => props;
13
- const noop = () => {};
14
- const FormGroupContext = /*#__PURE__*/React.createContext({
19
+ var identityFn = function identityFn(props) {
20
+ return props;
21
+ };
22
+ var noop = function noop() {};
23
+ var FormGroupContext = /*#__PURE__*/React.createContext({
15
24
  getControlProps: identityFn,
16
25
  useSetIsControlGroupEffect: noop,
17
26
  getLabelProps: identityFn,
18
27
  getDescriptorProps: identityFn,
19
28
  hasFormGroupProvider: false
20
29
  });
21
- const useFormGroupContext = () => React.useContext(FormGroupContext);
22
- const useStateEffect = initialState => {
23
- const [state, setState] = useState(initialState);
24
- const useSetStateEffect = newState => {
25
- useEffect(() => setState(newState), [newState]);
30
+ var useFormGroupContext = function useFormGroupContext() {
31
+ return React.useContext(FormGroupContext);
32
+ };
33
+ var useStateEffect = function useStateEffect(initialState) {
34
+ var _useState = useState(initialState),
35
+ _useState2 = _slicedToArray(_useState, 2),
36
+ state = _useState2[0],
37
+ setState = _useState2[1];
38
+ var useSetStateEffect = function useSetStateEffect(newState) {
39
+ useEffect(function () {
40
+ return setState(newState);
41
+ }, [newState]);
26
42
  };
27
43
  return [state, useSetStateEffect];
28
44
  };
29
45
  function FormGroupContextProvider(_ref) {
30
- let {
31
- children,
32
- controlId: explicitControlId,
33
- isInvalid,
34
- isValid,
35
- size
36
- } = _ref;
37
- const controlId = useMemo(() => explicitControlId || newId('form-field'), [explicitControlId]);
38
- const [describedByIds, registerDescriptorId] = useIdList(controlId);
39
- const [labelledByIds, registerLabelerId] = useIdList(controlId);
40
- const [isControlGroup, useSetIsControlGroupEffect] = useStateEffect(false);
41
- const getControlProps = useCallback(controlProps => {
46
+ var children = _ref.children,
47
+ explicitControlId = _ref.controlId,
48
+ isInvalid = _ref.isInvalid,
49
+ isValid = _ref.isValid,
50
+ size = _ref.size;
51
+ var controlId = useMemo(function () {
52
+ return explicitControlId || newId('form-field');
53
+ }, [explicitControlId]);
54
+ var _useIdList = useIdList(controlId),
55
+ _useIdList2 = _slicedToArray(_useIdList, 2),
56
+ describedByIds = _useIdList2[0],
57
+ registerDescriptorId = _useIdList2[1];
58
+ var _useIdList3 = useIdList(controlId),
59
+ _useIdList4 = _slicedToArray(_useIdList3, 2),
60
+ labelledByIds = _useIdList4[0],
61
+ registerLabelerId = _useIdList4[1];
62
+ var _useStateEffect = useStateEffect(false),
63
+ _useStateEffect2 = _slicedToArray(_useStateEffect, 2),
64
+ isControlGroup = _useStateEffect2[0],
65
+ useSetIsControlGroupEffect = _useStateEffect2[1];
66
+ var getControlProps = useCallback(function (controlProps) {
42
67
  // labelledByIds from the list above should only be added to a control
43
68
  // if it the control is a group. We prefer adding a condition here because:
44
69
  // - Hooks cannot be called inside conditionals
@@ -46,40 +71,40 @@ function FormGroupContextProvider(_ref) {
46
71
  // whether it is needed or not.
47
72
  // - This is what allows consumers of Paragon to use <Form.Label>
48
73
  // interchangeably between ControlGroup type controls and regular Controls
49
- const labelledByIdsForControl = isControlGroup ? labelledByIds : undefined;
74
+ var labelledByIdsForControl = isControlGroup ? labelledByIds : undefined;
50
75
  return omitUndefinedProperties(_objectSpread(_objectSpread({}, controlProps), {}, {
51
76
  'aria-describedby': classNames(controlProps['aria-describedby'], describedByIds) || undefined,
52
77
  'aria-labelledby': classNames(controlProps['aria-labelledby'], labelledByIdsForControl) || undefined,
53
78
  id: controlId
54
79
  }));
55
80
  }, [isControlGroup, describedByIds, labelledByIds, controlId]);
56
- const getLabelProps = labelProps => {
57
- const id = registerLabelerId(labelProps?.id);
81
+ var getLabelProps = function getLabelProps(labelProps) {
82
+ var id = registerLabelerId(labelProps === null || labelProps === void 0 ? void 0 : labelProps.id);
58
83
  if (isControlGroup) {
59
84
  return _objectSpread(_objectSpread({}, labelProps), {}, {
60
- id
85
+ id: id
61
86
  });
62
87
  }
63
88
  return _objectSpread(_objectSpread({}, labelProps), {}, {
64
89
  htmlFor: controlId
65
90
  });
66
91
  };
67
- const getDescriptorProps = descriptorProps => {
68
- const id = registerDescriptorId(descriptorProps?.id);
92
+ var getDescriptorProps = function getDescriptorProps(descriptorProps) {
93
+ var id = registerDescriptorId(descriptorProps === null || descriptorProps === void 0 ? void 0 : descriptorProps.id);
69
94
  return _objectSpread(_objectSpread({}, descriptorProps), {}, {
70
- id
95
+ id: id
71
96
  });
72
97
  };
73
- const contextValue = {
74
- getControlProps,
75
- getLabelProps,
76
- getDescriptorProps,
77
- useSetIsControlGroupEffect,
78
- isControlGroup,
79
- controlId,
80
- isInvalid,
81
- isValid,
82
- size,
98
+ var contextValue = {
99
+ getControlProps: getControlProps,
100
+ getLabelProps: getLabelProps,
101
+ getDescriptorProps: getDescriptorProps,
102
+ useSetIsControlGroupEffect: useSetIsControlGroupEffect,
103
+ isControlGroup: isControlGroup,
104
+ controlId: controlId,
105
+ isInvalid: isInvalid,
106
+ isValid: isValid,
107
+ size: size,
83
108
  hasFormGroupProvider: true
84
109
  };
85
110
  return /*#__PURE__*/React.createElement(FormGroupContext.Provider, {
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroupContext.js","names":["React","useState","useEffect","useMemo","useCallback","PropTypes","classNames","newId","useIdList","omitUndefinedProperties","FORM_CONTROL_SIZES","identityFn","props","noop","FormGroupContext","createContext","getControlProps","useSetIsControlGroupEffect","getLabelProps","getDescriptorProps","hasFormGroupProvider","useFormGroupContext","useContext","useStateEffect","initialState","state","setState","useSetStateEffect","newState","FormGroupContextProvider","_ref","children","controlId","explicitControlId","isInvalid","isValid","size","describedByIds","registerDescriptorId","labelledByIds","registerLabelerId","isControlGroup","controlProps","labelledByIdsForControl","undefined","_objectSpread","id","labelProps","htmlFor","descriptorProps","contextValue","createElement","Provider","value","propTypes","node","isRequired","string","bool","oneOf","SMALL","LARGE","defaultProps"],"sources":["../../src/Form/FormGroupContext.jsx"],"sourcesContent":["import React, {\n useState, useEffect, useMemo, useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { newId } from '../utils';\nimport { useIdList, omitUndefinedProperties } from './fieldUtils';\nimport { FORM_CONTROL_SIZES } from './constants';\n\nconst identityFn = props => props;\nconst noop = () => {};\n\nconst FormGroupContext = React.createContext({\n getControlProps: identityFn,\n useSetIsControlGroupEffect: noop,\n getLabelProps: identityFn,\n getDescriptorProps: identityFn,\n hasFormGroupProvider: false,\n});\n\nconst useFormGroupContext = () => React.useContext(FormGroupContext);\n\nconst useStateEffect = (initialState) => {\n const [state, setState] = useState(initialState);\n const useSetStateEffect = (newState) => {\n useEffect(() => setState(newState), [newState]);\n };\n return [state, useSetStateEffect];\n};\n\nfunction FormGroupContextProvider({\n children,\n controlId: explicitControlId,\n isInvalid,\n isValid,\n size,\n}) {\n const controlId = useMemo(() => explicitControlId || newId('form-field'), [explicitControlId]);\n const [describedByIds, registerDescriptorId] = useIdList(controlId);\n const [labelledByIds, registerLabelerId] = useIdList(controlId);\n const [isControlGroup, useSetIsControlGroupEffect] = useStateEffect(false);\n\n const getControlProps = useCallback((controlProps) => {\n // labelledByIds from the list above should only be added to a control\n // if it the control is a group. We prefer adding a condition here because:\n // - Hooks cannot be called inside conditionals\n // - The getLabelProps function below is forced to generate an id\n // whether it is needed or not.\n // - This is what allows consumers of Paragon to use <Form.Label>\n // interchangeably between ControlGroup type controls and regular Controls\n const labelledByIdsForControl = isControlGroup ? labelledByIds : undefined;\n return omitUndefinedProperties({\n ...controlProps,\n 'aria-describedby': classNames(controlProps['aria-describedby'], describedByIds) || undefined,\n 'aria-labelledby': classNames(controlProps['aria-labelledby'], labelledByIdsForControl) || undefined,\n id: controlId,\n });\n }, [\n isControlGroup,\n describedByIds,\n labelledByIds,\n controlId,\n ]);\n\n const getLabelProps = (labelProps) => {\n const id = registerLabelerId(labelProps?.id);\n if (isControlGroup) {\n return { ...labelProps, id };\n }\n return { ...labelProps, htmlFor: controlId };\n };\n\n const getDescriptorProps = (descriptorProps) => {\n const id = registerDescriptorId(descriptorProps?.id);\n return { ...descriptorProps, id };\n };\n\n const contextValue = {\n getControlProps,\n getLabelProps,\n getDescriptorProps,\n useSetIsControlGroupEffect,\n isControlGroup,\n controlId,\n isInvalid,\n isValid,\n size,\n hasFormGroupProvider: true,\n };\n\n return (\n <FormGroupContext.Provider value={contextValue}>\n {children}\n </FormGroupContext.Provider>\n );\n}\n\nFormGroupContextProvider.propTypes = {\n children: PropTypes.node.isRequired,\n controlId: PropTypes.string,\n isInvalid: PropTypes.bool,\n isValid: PropTypes.bool,\n size: PropTypes.oneOf([\n FORM_CONTROL_SIZES.SMALL,\n FORM_CONTROL_SIZES.LARGE,\n ]),\n};\n\nFormGroupContextProvider.defaultProps = {\n controlId: undefined,\n isInvalid: undefined,\n isValid: undefined,\n size: undefined,\n};\n\nexport {\n FormGroupContext,\n FormGroupContextProvider,\n useFormGroupContext,\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"FormGroupContext.js","names":["React","useState","useEffect","useMemo","useCallback","PropTypes","classNames","newId","useIdList","omitUndefinedProperties","FORM_CONTROL_SIZES","identityFn","props","noop","FormGroupContext","createContext","getControlProps","useSetIsControlGroupEffect","getLabelProps","getDescriptorProps","hasFormGroupProvider","useFormGroupContext","useContext","useStateEffect","initialState","_useState","_useState2","_slicedToArray","state","setState","useSetStateEffect","newState","FormGroupContextProvider","_ref","children","explicitControlId","controlId","isInvalid","isValid","size","_useIdList","_useIdList2","describedByIds","registerDescriptorId","_useIdList3","_useIdList4","labelledByIds","registerLabelerId","_useStateEffect","_useStateEffect2","isControlGroup","controlProps","labelledByIdsForControl","undefined","_objectSpread","id","labelProps","htmlFor","descriptorProps","contextValue","createElement","Provider","value","propTypes","node","isRequired","string","bool","oneOf","SMALL","LARGE","defaultProps"],"sources":["../../src/Form/FormGroupContext.jsx"],"sourcesContent":["import React, {\n useState, useEffect, useMemo, useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { newId } from '../utils';\nimport { useIdList, omitUndefinedProperties } from './fieldUtils';\nimport { FORM_CONTROL_SIZES } from './constants';\n\nconst identityFn = props => props;\nconst noop = () => {};\n\nconst FormGroupContext = React.createContext({\n getControlProps: identityFn,\n useSetIsControlGroupEffect: noop,\n getLabelProps: identityFn,\n getDescriptorProps: identityFn,\n hasFormGroupProvider: false,\n});\n\nconst useFormGroupContext = () => React.useContext(FormGroupContext);\n\nconst useStateEffect = (initialState) => {\n const [state, setState] = useState(initialState);\n const useSetStateEffect = (newState) => {\n useEffect(() => setState(newState), [newState]);\n };\n return [state, useSetStateEffect];\n};\n\nfunction FormGroupContextProvider({\n children,\n controlId: explicitControlId,\n isInvalid,\n isValid,\n size,\n}) {\n const controlId = useMemo(() => explicitControlId || newId('form-field'), [explicitControlId]);\n const [describedByIds, registerDescriptorId] = useIdList(controlId);\n const [labelledByIds, registerLabelerId] = useIdList(controlId);\n const [isControlGroup, useSetIsControlGroupEffect] = useStateEffect(false);\n\n const getControlProps = useCallback((controlProps) => {\n // labelledByIds from the list above should only be added to a control\n // if it the control is a group. We prefer adding a condition here because:\n // - Hooks cannot be called inside conditionals\n // - The getLabelProps function below is forced to generate an id\n // whether it is needed or not.\n // - This is what allows consumers of Paragon to use <Form.Label>\n // interchangeably between ControlGroup type controls and regular Controls\n const labelledByIdsForControl = isControlGroup ? labelledByIds : undefined;\n return omitUndefinedProperties({\n ...controlProps,\n 'aria-describedby': classNames(controlProps['aria-describedby'], describedByIds) || undefined,\n 'aria-labelledby': classNames(controlProps['aria-labelledby'], labelledByIdsForControl) || undefined,\n id: controlId,\n });\n }, [\n isControlGroup,\n describedByIds,\n labelledByIds,\n controlId,\n ]);\n\n const getLabelProps = (labelProps) => {\n const id = registerLabelerId(labelProps?.id);\n if (isControlGroup) {\n return { ...labelProps, id };\n }\n return { ...labelProps, htmlFor: controlId };\n };\n\n const getDescriptorProps = (descriptorProps) => {\n const id = registerDescriptorId(descriptorProps?.id);\n return { ...descriptorProps, id };\n };\n\n const contextValue = {\n getControlProps,\n getLabelProps,\n getDescriptorProps,\n useSetIsControlGroupEffect,\n isControlGroup,\n controlId,\n isInvalid,\n isValid,\n size,\n hasFormGroupProvider: true,\n };\n\n return (\n <FormGroupContext.Provider value={contextValue}>\n {children}\n </FormGroupContext.Provider>\n );\n}\n\nFormGroupContextProvider.propTypes = {\n children: PropTypes.node.isRequired,\n controlId: PropTypes.string,\n isInvalid: PropTypes.bool,\n isValid: PropTypes.bool,\n size: PropTypes.oneOf([\n FORM_CONTROL_SIZES.SMALL,\n FORM_CONTROL_SIZES.LARGE,\n ]),\n};\n\nFormGroupContextProvider.defaultProps = {\n controlId: undefined,\n isInvalid: undefined,\n isValid: undefined,\n size: undefined,\n};\n\nexport {\n FormGroupContext,\n FormGroupContextProvider,\n useFormGroupContext,\n};\n"],"mappings":"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"}
@@ -1,9 +1,10 @@
1
- const _excluded = ["children", "isInline"];
1
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
+ var _excluded = ["children", "isInline"];
2
3
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
4
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
5
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
6
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
6
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
7
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
8
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
8
9
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
9
10
  import React from 'react';
@@ -12,28 +13,25 @@ import classNames from 'classnames';
12
13
  import { useFormGroupContext } from './FormGroupContext';
13
14
  import { FORM_CONTROL_SIZES } from './constants';
14
15
  function FormLabel(_ref) {
15
- let {
16
- children,
17
- isInline
18
- } = _ref,
16
+ var children = _ref.children,
17
+ isInline = _ref.isInline,
19
18
  props = _objectWithoutProperties(_ref, _excluded);
20
- const {
21
- size,
22
- isControlGroup,
23
- getLabelProps
24
- } = useFormGroupContext();
25
- const className = classNames('pgn__form-label', {
19
+ var _useFormGroupContext = useFormGroupContext(),
20
+ size = _useFormGroupContext.size,
21
+ isControlGroup = _useFormGroupContext.isControlGroup,
22
+ getLabelProps = _useFormGroupContext.getLabelProps;
23
+ var className = classNames('pgn__form-label', {
26
24
  'pgn__form-label-inline': isInline,
27
25
  'pgn__form-label-lg': size === FORM_CONTROL_SIZES.LARGE,
28
26
  'pgn__form-label-sm': size === FORM_CONTROL_SIZES.SMALL
29
27
  }, props.className);
30
- const labelProps = getLabelProps(_objectSpread(_objectSpread({}, props), {}, {
31
- className
28
+ var labelProps = getLabelProps(_objectSpread(_objectSpread({}, props), {}, {
29
+ className: className
32
30
  }));
33
- const componentType = isControlGroup ? 'p' : 'label';
31
+ var componentType = isControlGroup ? 'p' : 'label';
34
32
  return /*#__PURE__*/React.createElement(componentType, labelProps, children);
35
33
  }
36
- const SIZE_CHOICES = ['sm', 'lg'];
34
+ var SIZE_CHOICES = ['sm', 'lg'];
37
35
  FormLabel.propTypes = {
38
36
  /** Specifies class name to append to the base element. */
39
37
  className: PropTypes.string,
@@ -1 +1 @@
1
- {"version":3,"file":"FormLabel.js","names":["React","PropTypes","classNames","useFormGroupContext","FORM_CONTROL_SIZES","FormLabel","_ref","children","isInline","props","_objectWithoutProperties","_excluded","size","isControlGroup","getLabelProps","className","LARGE","SMALL","labelProps","_objectSpread","componentType","createElement","SIZE_CHOICES","propTypes","string","node","isRequired","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Form/FormLabel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useFormGroupContext } from './FormGroupContext';\nimport { FORM_CONTROL_SIZES } from './constants';\n\nfunction FormLabel({ children, isInline, ...props }) {\n const { size, isControlGroup, getLabelProps } = useFormGroupContext();\n const className = classNames(\n 'pgn__form-label',\n {\n 'pgn__form-label-inline': isInline,\n 'pgn__form-label-lg': size === FORM_CONTROL_SIZES.LARGE,\n 'pgn__form-label-sm': size === FORM_CONTROL_SIZES.SMALL,\n },\n props.className,\n );\n const labelProps = getLabelProps({ ...props, className });\n const componentType = isControlGroup ? 'p' : 'label';\n return React.createElement(componentType, labelProps, children);\n}\n\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormLabel.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies whether the component should be displayed with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies size of the component. */\n size: PropTypes.oneOf(SIZE_CHOICES),\n};\n\nFormLabel.defaultProps = {\n isInline: false,\n size: undefined,\n className: undefined,\n};\n\nexport default FormLabel;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,kBAAkB,QAAQ,aAAa;AAEhD,SAASC,SAASA,CAAAC,IAAA,EAAmC;EAAA,IAAlC;MAAEC,QAAQ;MAAEC;IAAmB,CAAC,GAAAF,IAAA;IAAPG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAC/C,MAAM;IAAEC,IAAI;IAAEC,cAAc;IAAEC;EAAc,CAAC,GAAGX,mBAAmB,CAAC,CAAC;EACrE,MAAMY,SAAS,GAAGb,UAAU,CAC1B,iBAAiB,EACjB;IACE,wBAAwB,EAAEM,QAAQ;IAClC,oBAAoB,EAAEI,IAAI,KAAKR,kBAAkB,CAACY,KAAK;IACvD,oBAAoB,EAAEJ,IAAI,KAAKR,kBAAkB,CAACa;EACpD,CAAC,EACDR,KAAK,CAACM,SACR,CAAC;EACD,MAAMG,UAAU,GAAGJ,aAAa,CAAAK,aAAA,CAAAA,aAAA,KAAMV,KAAK;IAAEM;EAAS,EAAE,CAAC;EACzD,MAAMK,aAAa,GAAGP,cAAc,GAAG,GAAG,GAAG,OAAO;EACpD,oBAAOb,KAAK,CAACqB,aAAa,CAACD,aAAa,EAAEF,UAAU,EAAEX,QAAQ,CAAC;AACjE;AAEA,MAAMe,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAEjCjB,SAAS,CAACkB,SAAS,GAAG;EACpB;EACAR,SAAS,EAAEd,SAAS,CAACuB,MAAM;EAC3B;EACAjB,QAAQ,EAAEN,SAAS,CAACwB,IAAI,CAACC,UAAU;EACnC;EACAlB,QAAQ,EAAEP,SAAS,CAAC0B,IAAI;EACxB;EACAf,IAAI,EAAEX,SAAS,CAAC2B,KAAK,CAACN,YAAY;AACpC,CAAC;AAEDjB,SAAS,CAACwB,YAAY,GAAG;EACvBrB,QAAQ,EAAE,KAAK;EACfI,IAAI,EAAEkB,SAAS;EACff,SAAS,EAAEe;AACb,CAAC;AAED,eAAezB,SAAS"}
1
+ {"version":3,"file":"FormLabel.js","names":["React","PropTypes","classNames","useFormGroupContext","FORM_CONTROL_SIZES","FormLabel","_ref","children","isInline","props","_objectWithoutProperties","_excluded","_useFormGroupContext","size","isControlGroup","getLabelProps","className","LARGE","SMALL","labelProps","_objectSpread","componentType","createElement","SIZE_CHOICES","propTypes","string","node","isRequired","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Form/FormLabel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useFormGroupContext } from './FormGroupContext';\nimport { FORM_CONTROL_SIZES } from './constants';\n\nfunction FormLabel({ children, isInline, ...props }) {\n const { size, isControlGroup, getLabelProps } = useFormGroupContext();\n const className = classNames(\n 'pgn__form-label',\n {\n 'pgn__form-label-inline': isInline,\n 'pgn__form-label-lg': size === FORM_CONTROL_SIZES.LARGE,\n 'pgn__form-label-sm': size === FORM_CONTROL_SIZES.SMALL,\n },\n props.className,\n );\n const labelProps = getLabelProps({ ...props, className });\n const componentType = isControlGroup ? 'p' : 'label';\n return React.createElement(componentType, labelProps, children);\n}\n\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormLabel.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies whether the component should be displayed with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies size of the component. */\n size: PropTypes.oneOf(SIZE_CHOICES),\n};\n\nFormLabel.defaultProps = {\n isInline: false,\n size: undefined,\n className: undefined,\n};\n\nexport default FormLabel;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,kBAAkB,QAAQ,aAAa;AAEhD,SAASC,SAASA,CAAAC,IAAA,EAAmC;EAAA,IAAhCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAC/C,IAAAC,oBAAA,GAAgDT,mBAAmB,CAAC,CAAC;IAA7DU,IAAI,GAAAD,oBAAA,CAAJC,IAAI;IAAEC,cAAc,GAAAF,oBAAA,CAAdE,cAAc;IAAEC,aAAa,GAAAH,oBAAA,CAAbG,aAAa;EAC3C,IAAMC,SAAS,GAAGd,UAAU,CAC1B,iBAAiB,EACjB;IACE,wBAAwB,EAAEM,QAAQ;IAClC,oBAAoB,EAAEK,IAAI,KAAKT,kBAAkB,CAACa,KAAK;IACvD,oBAAoB,EAAEJ,IAAI,KAAKT,kBAAkB,CAACc;EACpD,CAAC,EACDT,KAAK,CAACO,SACR,CAAC;EACD,IAAMG,UAAU,GAAGJ,aAAa,CAAAK,aAAA,CAAAA,aAAA,KAAMX,KAAK;IAAEO,SAAS,EAATA;EAAS,EAAE,CAAC;EACzD,IAAMK,aAAa,GAAGP,cAAc,GAAG,GAAG,GAAG,OAAO;EACpD,oBAAOd,KAAK,CAACsB,aAAa,CAACD,aAAa,EAAEF,UAAU,EAAEZ,QAAQ,CAAC;AACjE;AAEA,IAAMgB,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAEjClB,SAAS,CAACmB,SAAS,GAAG;EACpB;EACAR,SAAS,EAAEf,SAAS,CAACwB,MAAM;EAC3B;EACAlB,QAAQ,EAAEN,SAAS,CAACyB,IAAI,CAACC,UAAU;EACnC;EACAnB,QAAQ,EAAEP,SAAS,CAAC2B,IAAI;EACxB;EACAf,IAAI,EAAEZ,SAAS,CAAC4B,KAAK,CAACN,YAAY;AACpC,CAAC;AAEDlB,SAAS,CAACyB,YAAY,GAAG;EACvBtB,QAAQ,EAAE,KAAK;EACfK,IAAI,EAAEkB,SAAS;EACff,SAAS,EAAEe;AACb,CAAC;AAED,eAAe1B,SAAS"}
@@ -1,12 +1,13 @@
1
- const _excluded = ["children", "className", "controlClassName", "labelClassName", "description", "isInvalid", "isValid"];
1
+ var _excluded = ["children", "className", "controlClassName", "labelClassName", "description", "isInvalid", "isValid"];
2
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
3
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
3
4
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
4
5
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
5
6
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
6
7
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
7
8
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
8
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
9
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
9
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
10
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
10
11
  import React from 'react';
11
12
  import PropTypes from 'prop-types';
12
13
  import classNames from 'classnames';
@@ -14,15 +15,13 @@ import { useRadioSetContext } from './FormRadioSetContext';
14
15
  import { FormGroupContextProvider, useFormGroupContext } from './FormGroupContext';
15
16
  import FormLabel from './FormLabel';
16
17
  import FormControlFeedback from './FormControlFeedback';
17
- const RadioControl = /*#__PURE__*/React.forwardRef((props, ref) => {
18
- const {
19
- getControlProps
20
- } = useFormGroupContext();
21
- const {
22
- getRadioControlProps,
23
- hasRadioSetProvider
24
- } = useRadioSetContext();
25
- let radioProps = getControlProps(_objectSpread(_objectSpread({}, props), {}, {
18
+ var RadioControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
19
+ var _useFormGroupContext = useFormGroupContext(),
20
+ getControlProps = _useFormGroupContext.getControlProps;
21
+ var _useRadioSetContext = useRadioSetContext(),
22
+ getRadioControlProps = _useRadioSetContext.getRadioControlProps,
23
+ hasRadioSetProvider = _useRadioSetContext.hasRadioSetProvider;
24
+ var radioProps = getControlProps(_objectSpread(_objectSpread({}, props), {}, {
26
25
  className: classNames('pgn__form-radio-input', props.className)
27
26
  }));
28
27
  if (hasRadioSetProvider) {
@@ -39,16 +38,14 @@ RadioControl.propTypes = {
39
38
  RadioControl.defaultProps = {
40
39
  className: undefined
41
40
  };
42
- const FormRadio = /*#__PURE__*/React.forwardRef((_ref, ref) => {
43
- let {
44
- children,
45
- className,
46
- controlClassName,
47
- labelClassName,
48
- description,
49
- isInvalid,
50
- isValid
51
- } = _ref,
41
+ var FormRadio = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
42
+ var children = _ref.children,
43
+ className = _ref.className,
44
+ controlClassName = _ref.controlClassName,
45
+ labelClassName = _ref.labelClassName,
46
+ description = _ref.description,
47
+ isInvalid = _ref.isInvalid,
48
+ isValid = _ref.isValid,
52
49
  props = _objectWithoutProperties(_ref, _excluded);
53
50
  return /*#__PURE__*/React.createElement(FormGroupContextProvider, {
54
51
  controlId: props.id,
@@ -1 +1 @@
1
- {"version":3,"file":"FormRadio.js","names":["React","PropTypes","classNames","useRadioSetContext","FormGroupContextProvider","useFormGroupContext","FormLabel","FormControlFeedback","RadioControl","forwardRef","props","ref","getControlProps","getRadioControlProps","hasRadioSetProvider","radioProps","_objectSpread","className","createElement","_extends","type","propTypes","string","defaultProps","undefined","FormRadio","_ref","children","controlClassName","labelClassName","description","isInvalid","isValid","_objectWithoutProperties","_excluded","controlId","id","disabled","hasIcon","node","isRequired","bool"],"sources":["../../src/Form/FormRadio.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useRadioSetContext } from './FormRadioSetContext';\nimport { FormGroupContextProvider, useFormGroupContext } from './FormGroupContext';\nimport FormLabel from './FormLabel';\nimport FormControlFeedback from './FormControlFeedback';\n\nconst RadioControl = React.forwardRef((props, ref) => {\n const { getControlProps } = useFormGroupContext();\n const { getRadioControlProps, hasRadioSetProvider } = useRadioSetContext();\n let radioProps = getControlProps({\n ...props,\n className: classNames('pgn__form-radio-input', props.className),\n });\n\n if (hasRadioSetProvider) {\n radioProps = getRadioControlProps(radioProps);\n }\n\n return (\n <input {...radioProps} type=\"radio\" ref={ref} />\n );\n});\n\nRadioControl.propTypes = {\n className: PropTypes.string,\n};\n\nRadioControl.defaultProps = {\n className: undefined,\n};\n\nconst FormRadio = React.forwardRef(({\n children,\n className,\n controlClassName,\n labelClassName,\n description,\n isInvalid,\n isValid,\n ...props\n}, ref) => (\n <FormGroupContextProvider\n controlId={props.id}\n isInvalid={isInvalid}\n isValid={isValid}\n >\n <div\n className={classNames('pgn__form-radio', className, {\n 'pgn__form-control-valid': isValid,\n 'pgn__form-control-invalid': isInvalid,\n 'pgn__form-control-disabled': props.disabled,\n })}\n >\n <RadioControl ref={ref} className={controlClassName} {...props} />\n <div>\n <FormLabel className={labelClassName}>\n {children}\n </FormLabel>\n {description && (\n <FormControlFeedback hasIcon={false}>\n {description}\n </FormControlFeedback>\n )}\n </div>\n </div>\n </FormGroupContextProvider>\n));\n\nFormRadio.propTypes = {\n /** Specifies id of the FormRadio component. */\n id: PropTypes.string,\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies class name for control component. */\n controlClassName: PropTypes.string,\n /** Specifies class name for label component. */\n labelClassName: PropTypes.string,\n /** Specifies description to show under the radio's value. */\n description: PropTypes.node,\n /** Specifies whether to display component in invalid state, this affects styling. */\n isInvalid: PropTypes.bool,\n /** Specifies whether to display component in valid state, this affects styling. */\n isValid: PropTypes.bool,\n /** Specifies whether the `FormRadio` is disabled. */\n disabled: PropTypes.bool,\n};\n\nFormRadio.defaultProps = {\n id: undefined,\n className: undefined,\n controlClassName: undefined,\n labelClassName: undefined,\n description: undefined,\n isInvalid: false,\n isValid: false,\n disabled: false,\n};\n\nexport { RadioControl };\nexport default FormRadio;\n"],"mappings":"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"}
1
+ {"version":3,"file":"FormRadio.js","names":["React","PropTypes","classNames","useRadioSetContext","FormGroupContextProvider","useFormGroupContext","FormLabel","FormControlFeedback","RadioControl","forwardRef","props","ref","_useFormGroupContext","getControlProps","_useRadioSetContext","getRadioControlProps","hasRadioSetProvider","radioProps","_objectSpread","className","createElement","_extends","type","propTypes","string","defaultProps","undefined","FormRadio","_ref","children","controlClassName","labelClassName","description","isInvalid","isValid","_objectWithoutProperties","_excluded","controlId","id","disabled","hasIcon","node","isRequired","bool"],"sources":["../../src/Form/FormRadio.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useRadioSetContext } from './FormRadioSetContext';\nimport { FormGroupContextProvider, useFormGroupContext } from './FormGroupContext';\nimport FormLabel from './FormLabel';\nimport FormControlFeedback from './FormControlFeedback';\n\nconst RadioControl = React.forwardRef((props, ref) => {\n const { getControlProps } = useFormGroupContext();\n const { getRadioControlProps, hasRadioSetProvider } = useRadioSetContext();\n let radioProps = getControlProps({\n ...props,\n className: classNames('pgn__form-radio-input', props.className),\n });\n\n if (hasRadioSetProvider) {\n radioProps = getRadioControlProps(radioProps);\n }\n\n return (\n <input {...radioProps} type=\"radio\" ref={ref} />\n );\n});\n\nRadioControl.propTypes = {\n className: PropTypes.string,\n};\n\nRadioControl.defaultProps = {\n className: undefined,\n};\n\nconst FormRadio = React.forwardRef(({\n children,\n className,\n controlClassName,\n labelClassName,\n description,\n isInvalid,\n isValid,\n ...props\n}, ref) => (\n <FormGroupContextProvider\n controlId={props.id}\n isInvalid={isInvalid}\n isValid={isValid}\n >\n <div\n className={classNames('pgn__form-radio', className, {\n 'pgn__form-control-valid': isValid,\n 'pgn__form-control-invalid': isInvalid,\n 'pgn__form-control-disabled': props.disabled,\n })}\n >\n <RadioControl ref={ref} className={controlClassName} {...props} />\n <div>\n <FormLabel className={labelClassName}>\n {children}\n </FormLabel>\n {description && (\n <FormControlFeedback hasIcon={false}>\n {description}\n </FormControlFeedback>\n )}\n </div>\n </div>\n </FormGroupContextProvider>\n));\n\nFormRadio.propTypes = {\n /** Specifies id of the FormRadio component. */\n id: PropTypes.string,\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies class name for control component. */\n controlClassName: PropTypes.string,\n /** Specifies class name for label component. */\n labelClassName: PropTypes.string,\n /** Specifies description to show under the radio's value. */\n description: PropTypes.node,\n /** Specifies whether to display component in invalid state, this affects styling. */\n isInvalid: PropTypes.bool,\n /** Specifies whether to display component in valid state, this affects styling. */\n isValid: PropTypes.bool,\n /** Specifies whether the `FormRadio` is disabled. */\n disabled: PropTypes.bool,\n};\n\nFormRadio.defaultProps = {\n id: undefined,\n className: undefined,\n controlClassName: undefined,\n labelClassName: undefined,\n description: undefined,\n isInvalid: false,\n isValid: false,\n disabled: false,\n};\n\nexport { RadioControl };\nexport default FormRadio;\n"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- const _excluded = ["children", "name", "value", "defaultValue", "isInline", "onChange", "onFocus", "onBlur"];
1
+ var _excluded = ["children", "name", "value", "defaultValue", "isInline", "onChange", "onFocus", "onBlur"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
4
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -8,23 +8,20 @@ import { useFormGroupContext } from './FormGroupContext';
8
8
  import { FormRadioSetContextProvider } from './FormRadioSetContext';
9
9
  import FormControlSet from './FormControlSet';
10
10
  function FormRadioSet(_ref) {
11
- let {
12
- children,
13
- name,
14
- value,
15
- defaultValue,
16
- isInline,
17
- onChange,
18
- onFocus,
19
- onBlur
20
- } = _ref,
11
+ var children = _ref.children,
12
+ name = _ref.name,
13
+ value = _ref.value,
14
+ defaultValue = _ref.defaultValue,
15
+ isInline = _ref.isInline,
16
+ onChange = _ref.onChange,
17
+ onFocus = _ref.onFocus,
18
+ onBlur = _ref.onBlur,
21
19
  props = _objectWithoutProperties(_ref, _excluded);
22
- const {
23
- getControlProps,
24
- useSetIsControlGroupEffect
25
- } = useFormGroupContext();
20
+ var _useFormGroupContext = useFormGroupContext(),
21
+ getControlProps = _useFormGroupContext.getControlProps,
22
+ useSetIsControlGroupEffect = _useFormGroupContext.useSetIsControlGroupEffect;
26
23
  useSetIsControlGroupEffect(true);
27
- const controlProps = getControlProps(props);
24
+ var controlProps = getControlProps(props);
28
25
  return /*#__PURE__*/React.createElement(FormRadioSetContextProvider, {
29
26
  name: name,
30
27
  value: value,
@@ -1 +1 @@
1
- {"version":3,"file":"FormRadioSet.js","names":["React","PropTypes","useFormGroupContext","FormRadioSetContextProvider","FormControlSet","FormRadioSet","_ref","children","name","value","defaultValue","isInline","onChange","onFocus","onBlur","props","_objectWithoutProperties","_excluded","getControlProps","useSetIsControlGroupEffect","controlProps","createElement","_extends","role","propTypes","node","isRequired","className","string","bool","func","defaultProps","undefined"],"sources":["../../src/Form/FormRadioSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useFormGroupContext } from './FormGroupContext';\nimport { FormRadioSetContextProvider } from './FormRadioSetContext';\nimport FormControlSet from './FormControlSet';\n\nfunction FormRadioSet({\n children,\n name,\n value,\n defaultValue,\n isInline,\n onChange,\n onFocus,\n onBlur,\n ...props\n}) {\n const { getControlProps, useSetIsControlGroupEffect } = useFormGroupContext();\n useSetIsControlGroupEffect(true);\n const controlProps = getControlProps(props);\n return (\n <FormRadioSetContextProvider\n name={name}\n value={value}\n defaultValue={defaultValue}\n onFocus={onFocus}\n onBlur={onBlur}\n onChange={onChange}\n >\n <FormControlSet role=\"radiogroup\" isInline={isInline} {...controlProps}>\n {children}\n </FormControlSet>\n </FormRadioSetContextProvider>\n );\n}\n\nFormRadioSet.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** A class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies name for the component. */\n name: PropTypes.string.isRequired,\n /** Specifies values for the FormRadioSet. */\n value: PropTypes.string,\n /** Specifies default values. */\n defaultValue: PropTypes.string,\n /** Specifies whether the component should be displayed with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies onChange event handler. */\n onChange: PropTypes.func,\n /** Specifies onFocus event handler. */\n onFocus: PropTypes.func,\n /** Specifies onBlur event handler. */\n onBlur: PropTypes.func,\n};\n\nFormRadioSet.defaultProps = {\n className: undefined,\n value: undefined,\n defaultValue: undefined,\n isInline: false,\n onChange: undefined,\n onFocus: undefined,\n onBlur: undefined,\n};\n\nexport default FormRadioSet;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,SAASC,YAAYA,CAAAC,IAAA,EAUlB;EAAA,IAVmB;MACpBC,QAAQ;MACRC,IAAI;MACJC,KAAK;MACLC,YAAY;MACZC,QAAQ;MACRC,QAAQ;MACRC,OAAO;MACPC;IAEF,CAAC,GAAAR,IAAA;IADIS,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAER,MAAM;IAAEC,eAAe;IAAEC;EAA2B,CAAC,GAAGjB,mBAAmB,CAAC,CAAC;EAC7EiB,0BAA0B,CAAC,IAAI,CAAC;EAChC,MAAMC,YAAY,GAAGF,eAAe,CAACH,KAAK,CAAC;EAC3C,oBACEf,KAAA,CAAAqB,aAAA,CAAClB,2BAA2B;IAC1BK,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BG,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,QAAQ,EAAEA;EAAS,gBAEnBZ,KAAA,CAAAqB,aAAA,CAACjB,cAAc,EAAAkB,QAAA;IAACC,IAAI,EAAC,YAAY;IAACZ,QAAQ,EAAEA;EAAS,GAAKS,YAAY,GACnEb,QACa,CACW,CAAC;AAElC;AAEAF,YAAY,CAACmB,SAAS,GAAG;EACvB;EACAjB,QAAQ,EAAEN,SAAS,CAACwB,IAAI,CAACC,UAAU;EACnC;EACAC,SAAS,EAAE1B,SAAS,CAAC2B,MAAM;EAC3B;EACApB,IAAI,EAAEP,SAAS,CAAC2B,MAAM,CAACF,UAAU;EACjC;EACAjB,KAAK,EAAER,SAAS,CAAC2B,MAAM;EACvB;EACAlB,YAAY,EAAET,SAAS,CAAC2B,MAAM;EAC9B;EACAjB,QAAQ,EAAEV,SAAS,CAAC4B,IAAI;EACxB;EACAjB,QAAQ,EAAEX,SAAS,CAAC6B,IAAI;EACxB;EACAjB,OAAO,EAAEZ,SAAS,CAAC6B,IAAI;EACvB;EACAhB,MAAM,EAAEb,SAAS,CAAC6B;AACpB,CAAC;AAEDzB,YAAY,CAAC0B,YAAY,GAAG;EAC1BJ,SAAS,EAAEK,SAAS;EACpBvB,KAAK,EAAEuB,SAAS;EAChBtB,YAAY,EAAEsB,SAAS;EACvBrB,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAEoB,SAAS;EACnBnB,OAAO,EAAEmB,SAAS;EAClBlB,MAAM,EAAEkB;AACV,CAAC;AAED,eAAe3B,YAAY"}
1
+ {"version":3,"file":"FormRadioSet.js","names":["React","PropTypes","useFormGroupContext","FormRadioSetContextProvider","FormControlSet","FormRadioSet","_ref","children","name","value","defaultValue","isInline","onChange","onFocus","onBlur","props","_objectWithoutProperties","_excluded","_useFormGroupContext","getControlProps","useSetIsControlGroupEffect","controlProps","createElement","_extends","role","propTypes","node","isRequired","className","string","bool","func","defaultProps","undefined"],"sources":["../../src/Form/FormRadioSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useFormGroupContext } from './FormGroupContext';\nimport { FormRadioSetContextProvider } from './FormRadioSetContext';\nimport FormControlSet from './FormControlSet';\n\nfunction FormRadioSet({\n children,\n name,\n value,\n defaultValue,\n isInline,\n onChange,\n onFocus,\n onBlur,\n ...props\n}) {\n const { getControlProps, useSetIsControlGroupEffect } = useFormGroupContext();\n useSetIsControlGroupEffect(true);\n const controlProps = getControlProps(props);\n return (\n <FormRadioSetContextProvider\n name={name}\n value={value}\n defaultValue={defaultValue}\n onFocus={onFocus}\n onBlur={onBlur}\n onChange={onChange}\n >\n <FormControlSet role=\"radiogroup\" isInline={isInline} {...controlProps}>\n {children}\n </FormControlSet>\n </FormRadioSetContextProvider>\n );\n}\n\nFormRadioSet.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** A class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies name for the component. */\n name: PropTypes.string.isRequired,\n /** Specifies values for the FormRadioSet. */\n value: PropTypes.string,\n /** Specifies default values. */\n defaultValue: PropTypes.string,\n /** Specifies whether the component should be displayed with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies onChange event handler. */\n onChange: PropTypes.func,\n /** Specifies onFocus event handler. */\n onFocus: PropTypes.func,\n /** Specifies onBlur event handler. */\n onBlur: PropTypes.func,\n};\n\nFormRadioSet.defaultProps = {\n className: undefined,\n value: undefined,\n defaultValue: undefined,\n isInline: false,\n onChange: undefined,\n onFocus: undefined,\n onBlur: undefined,\n};\n\nexport default FormRadioSet;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,SAASC,YAAYA,CAAAC,IAAA,EAUlB;EAAA,IATDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IACZC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,MAAM,GAAAR,IAAA,CAANQ,MAAM;IACHC,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAER,IAAAC,oBAAA,GAAwDhB,mBAAmB,CAAC,CAAC;IAArEiB,eAAe,GAAAD,oBAAA,CAAfC,eAAe;IAAEC,0BAA0B,GAAAF,oBAAA,CAA1BE,0BAA0B;EACnDA,0BAA0B,CAAC,IAAI,CAAC;EAChC,IAAMC,YAAY,GAAGF,eAAe,CAACJ,KAAK,CAAC;EAC3C,oBACEf,KAAA,CAAAsB,aAAA,CAACnB,2BAA2B;IAC1BK,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BG,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,QAAQ,EAAEA;EAAS,gBAEnBZ,KAAA,CAAAsB,aAAA,CAAClB,cAAc,EAAAmB,QAAA;IAACC,IAAI,EAAC,YAAY;IAACb,QAAQ,EAAEA;EAAS,GAAKU,YAAY,GACnEd,QACa,CACW,CAAC;AAElC;AAEAF,YAAY,CAACoB,SAAS,GAAG;EACvB;EACAlB,QAAQ,EAAEN,SAAS,CAACyB,IAAI,CAACC,UAAU;EACnC;EACAC,SAAS,EAAE3B,SAAS,CAAC4B,MAAM;EAC3B;EACArB,IAAI,EAAEP,SAAS,CAAC4B,MAAM,CAACF,UAAU;EACjC;EACAlB,KAAK,EAAER,SAAS,CAAC4B,MAAM;EACvB;EACAnB,YAAY,EAAET,SAAS,CAAC4B,MAAM;EAC9B;EACAlB,QAAQ,EAAEV,SAAS,CAAC6B,IAAI;EACxB;EACAlB,QAAQ,EAAEX,SAAS,CAAC8B,IAAI;EACxB;EACAlB,OAAO,EAAEZ,SAAS,CAAC8B,IAAI;EACvB;EACAjB,MAAM,EAAEb,SAAS,CAAC8B;AACpB,CAAC;AAED1B,YAAY,CAAC2B,YAAY,GAAG;EAC1BJ,SAAS,EAAEK,SAAS;EACpBxB,KAAK,EAAEwB,SAAS;EAChBvB,YAAY,EAAEuB,SAAS;EACvBtB,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAEqB,SAAS;EACnBpB,OAAO,EAAEoB,SAAS;EAClBnB,MAAM,EAAEmB;AACV,CAAC;AAED,eAAe5B,YAAY"}