@openedx/paragon 21.12.0 → 21.12.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (467) 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 +14 -11
  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/filters/CheckboxFilter.js +23 -22
  134. package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
  135. package/dist/DataTable/filters/DropdownFilter.js +14 -19
  136. package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
  137. package/dist/DataTable/filters/MultiSelectDropdownFilter.js +19 -20
  138. package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
  139. package/dist/DataTable/filters/TextFilter.js +10 -13
  140. package/dist/DataTable/filters/TextFilter.js.map +1 -1
  141. package/dist/DataTable/hooks.js +29 -25
  142. package/dist/DataTable/hooks.js.map +1 -1
  143. package/dist/DataTable/index.js +120 -104
  144. package/dist/DataTable/index.js.map +1 -1
  145. package/dist/DataTable/selection/BaseSelectionStatus.js +29 -31
  146. package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
  147. package/dist/DataTable/selection/ControlledSelect.js +13 -9
  148. package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
  149. package/dist/DataTable/selection/ControlledSelectHeader.js +19 -15
  150. package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
  151. package/dist/DataTable/selection/ControlledSelectionStatus.js +34 -24
  152. package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
  153. package/dist/DataTable/selection/SelectionStatus.js +23 -23
  154. package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
  155. package/dist/DataTable/utils/getVisibleColumns.js +36 -44
  156. package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
  157. package/dist/Dropdown/deprecated/DropdownButton.js +9 -13
  158. package/dist/Dropdown/deprecated/DropdownButton.js.map +1 -1
  159. package/dist/Dropdown/deprecated/DropdownItem.js +7 -8
  160. package/dist/Dropdown/deprecated/DropdownItem.js.map +1 -1
  161. package/dist/Dropdown/deprecated/DropdownMenu.js +8 -12
  162. package/dist/Dropdown/deprecated/DropdownMenu.js.map +1 -1
  163. package/dist/Dropdown/deprecated/index.js +136 -103
  164. package/dist/Dropdown/deprecated/index.js.map +1 -1
  165. package/dist/Dropdown/index.js +32 -29
  166. package/dist/Dropdown/index.js.map +1 -1
  167. package/dist/Dropzone/DefaultContent.js +13 -13
  168. package/dist/Dropzone/DefaultContent.js.map +1 -1
  169. package/dist/Dropzone/DragError.js +1 -3
  170. package/dist/Dropzone/DragError.js.map +1 -1
  171. package/dist/Dropzone/GenericError.js +7 -7
  172. package/dist/Dropzone/GenericError.js.map +1 -1
  173. package/dist/Dropzone/UploadProgress.js +6 -8
  174. package/dist/Dropzone/UploadProgress.js.map +1 -1
  175. package/dist/Dropzone/index.js +145 -86
  176. package/dist/Dropzone/index.js.map +1 -1
  177. package/dist/Fieldset/index.js +82 -57
  178. package/dist/Fieldset/index.js.map +1 -1
  179. package/dist/Form/FormAutosuggest.js +137 -95
  180. package/dist/Form/FormAutosuggest.js.map +1 -1
  181. package/dist/Form/FormAutosuggestOption.js +4 -6
  182. package/dist/Form/FormAutosuggestOption.js.map +1 -1
  183. package/dist/Form/FormCheckbox.js +35 -42
  184. package/dist/Form/FormCheckbox.js.map +1 -1
  185. package/dist/Form/FormCheckboxSet.js +13 -16
  186. package/dist/Form/FormCheckboxSet.js.map +1 -1
  187. package/dist/Form/FormCheckboxSetContext.js +39 -34
  188. package/dist/Form/FormCheckboxSetContext.js.map +1 -1
  189. package/dist/Form/FormControl.js +41 -35
  190. package/dist/Form/FormControl.js.map +1 -1
  191. package/dist/Form/FormControlDecorator.js +3 -5
  192. package/dist/Form/FormControlDecorator.js.map +1 -1
  193. package/dist/Form/FormControlDecoratorGroup.js +8 -10
  194. package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
  195. package/dist/Form/FormControlFeedback.js +12 -15
  196. package/dist/Form/FormControlFeedback.js.map +1 -1
  197. package/dist/Form/FormControlFloatingLabel.js +3 -6
  198. package/dist/Form/FormControlFloatingLabel.js.map +1 -1
  199. package/dist/Form/FormControlSet.js +8 -9
  200. package/dist/Form/FormControlSet.js.map +1 -1
  201. package/dist/Form/FormGroup.js +11 -12
  202. package/dist/Form/FormGroup.js.map +1 -1
  203. package/dist/Form/FormGroupContext.js +64 -39
  204. package/dist/Form/FormGroupContext.js.map +1 -1
  205. package/dist/Form/FormLabel.js +15 -17
  206. package/dist/Form/FormLabel.js.map +1 -1
  207. package/dist/Form/FormRadio.js +19 -22
  208. package/dist/Form/FormRadio.js.map +1 -1
  209. package/dist/Form/FormRadioSet.js +13 -16
  210. package/dist/Form/FormRadioSet.js.map +1 -1
  211. package/dist/Form/FormRadioSetContext.js +39 -34
  212. package/dist/Form/FormRadioSetContext.js.map +1 -1
  213. package/dist/Form/FormSwitch.js +19 -20
  214. package/dist/Form/FormSwitch.js.map +1 -1
  215. package/dist/Form/FormText.js +20 -29
  216. package/dist/Form/FormText.js.map +1 -1
  217. package/dist/Form/useCheckboxSetValues.js +46 -23
  218. package/dist/Form/useCheckboxSetValues.js.map +1 -1
  219. package/dist/Hyperlink/index.js +32 -31
  220. package/dist/Hyperlink/index.js.map +1 -1
  221. package/dist/Hyperlink/index.scss +2 -2
  222. package/dist/Icon/index.js +38 -30
  223. package/dist/Icon/index.js.map +1 -1
  224. package/dist/IconButton/index.js +31 -33
  225. package/dist/IconButton/index.js.map +1 -1
  226. package/dist/IconButtonToggle/index.js +16 -16
  227. package/dist/IconButtonToggle/index.js.map +1 -1
  228. package/dist/Input/index.js +122 -92
  229. package/dist/Input/index.js.map +1 -1
  230. package/dist/InputSelect/index.js +78 -51
  231. package/dist/InputSelect/index.js.map +1 -1
  232. package/dist/InputText/index.js +11 -9
  233. package/dist/InputText/index.js.map +1 -1
  234. package/dist/Layout/index.js +33 -29
  235. package/dist/Layout/index.js.map +1 -1
  236. package/dist/ListBox/index.js +112 -80
  237. package/dist/ListBox/index.js.map +1 -1
  238. package/dist/ListBoxOption/index.js +68 -45
  239. package/dist/ListBoxOption/index.js.map +1 -1
  240. package/dist/MailtoLink/index.js +37 -34
  241. package/dist/MailtoLink/index.js.map +1 -1
  242. package/dist/Menu/MenuItem.js +13 -14
  243. package/dist/Menu/MenuItem.js.map +1 -1
  244. package/dist/Menu/SelectMenu.js +68 -44
  245. package/dist/Menu/SelectMenu.js.map +1 -1
  246. package/dist/Menu/index.js +10 -11
  247. package/dist/Menu/index.js.map +1 -1
  248. package/dist/Modal/AlertModal.js +5 -7
  249. package/dist/Modal/AlertModal.js.map +1 -1
  250. package/dist/Modal/FullscreenModal.js +6 -8
  251. package/dist/Modal/FullscreenModal.js.map +1 -1
  252. package/dist/Modal/MarketingModal.js +8 -10
  253. package/dist/Modal/MarketingModal.js.map +1 -1
  254. package/dist/Modal/ModalCloseButton.js +13 -15
  255. package/dist/Modal/ModalCloseButton.js.map +1 -1
  256. package/dist/Modal/ModalContext.js +13 -13
  257. package/dist/Modal/ModalContext.js.map +1 -1
  258. package/dist/Modal/ModalDialog.js +25 -23
  259. package/dist/Modal/ModalDialog.js.map +1 -1
  260. package/dist/Modal/ModalDialogBody.js +22 -11
  261. package/dist/Modal/ModalDialogBody.js.map +1 -1
  262. package/dist/Modal/ModalDialogFooter.js +6 -7
  263. package/dist/Modal/ModalDialogFooter.js.map +1 -1
  264. package/dist/Modal/ModalDialogHeader.js +6 -7
  265. package/dist/Modal/ModalDialogHeader.js.map +1 -1
  266. package/dist/Modal/ModalDialogHero.js +6 -7
  267. package/dist/Modal/ModalDialogHero.js.map +1 -1
  268. package/dist/Modal/ModalDialogHeroBackground.js +8 -9
  269. package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
  270. package/dist/Modal/ModalDialogHeroContent.js +6 -7
  271. package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
  272. package/dist/Modal/ModalDialogTitle.js +6 -7
  273. package/dist/Modal/ModalDialogTitle.js.map +1 -1
  274. package/dist/Modal/ModalLayer.js +11 -17
  275. package/dist/Modal/ModalLayer.js.map +1 -1
  276. package/dist/Modal/ModalPopup.js +17 -17
  277. package/dist/Modal/ModalPopup.js.map +1 -1
  278. package/dist/Modal/PopperElement.js +25 -18
  279. package/dist/Modal/PopperElement.js.map +1 -1
  280. package/dist/Modal/Portal.js +40 -18
  281. package/dist/Modal/Portal.js.map +1 -1
  282. package/dist/Modal/StandardModal.js +6 -8
  283. package/dist/Modal/StandardModal.js.map +1 -1
  284. package/dist/Modal/index.js +226 -193
  285. package/dist/Modal/index.js.map +1 -1
  286. package/dist/Nav/index.js +3 -2
  287. package/dist/Nav/index.js.map +1 -1
  288. package/dist/Navbar/index.js +7 -6
  289. package/dist/Navbar/index.js.map +1 -1
  290. package/dist/OverflowScroll/OverflowScroll.js +45 -37
  291. package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
  292. package/dist/OverflowScroll/OverflowScrollContext.js +1 -1
  293. package/dist/OverflowScroll/OverflowScrollContext.js.map +1 -1
  294. package/dist/OverflowScroll/OverflowScrollItems.js +2 -4
  295. package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
  296. package/dist/Overlay/index.js +4 -4
  297. package/dist/Overlay/index.js.map +1 -1
  298. package/dist/PageBanner/index.js +11 -13
  299. package/dist/PageBanner/index.js.map +1 -1
  300. package/dist/Pagination/index.js +331 -296
  301. package/dist/Pagination/index.js.map +1 -1
  302. package/dist/Popover/index.js +18 -21
  303. package/dist/Popover/index.js.map +1 -1
  304. package/dist/ProductTour/Checkpoint.js +39 -30
  305. package/dist/ProductTour/Checkpoint.js.map +1 -1
  306. package/dist/ProductTour/CheckpointActionRow.js +18 -16
  307. package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
  308. package/dist/ProductTour/CheckpointBody.js +2 -4
  309. package/dist/ProductTour/CheckpointBody.js.map +1 -1
  310. package/dist/ProductTour/CheckpointBreadcrumbs.js +16 -16
  311. package/dist/ProductTour/CheckpointBreadcrumbs.js.map +1 -1
  312. package/dist/ProductTour/CheckpointTitle.js +2 -4
  313. package/dist/ProductTour/CheckpointTitle.js.map +1 -1
  314. package/dist/ProductTour/index.js +66 -47
  315. package/dist/ProductTour/index.js.map +1 -1
  316. package/dist/ProductTour/messages.js +16 -0
  317. package/dist/ProgressBar/index.js +37 -35
  318. package/dist/ProgressBar/index.js.map +1 -1
  319. package/dist/RadioButtonGroup/index.js +133 -102
  320. package/dist/RadioButtonGroup/index.js.map +1 -1
  321. package/dist/Scrollable/index.js +30 -15
  322. package/dist/Scrollable/index.js.map +1 -1
  323. package/dist/SearchField/SearchFieldAdvanced.js +66 -51
  324. package/dist/SearchField/SearchFieldAdvanced.js.map +1 -1
  325. package/dist/SearchField/SearchFieldClearButton.js +7 -8
  326. package/dist/SearchField/SearchFieldClearButton.js.map +1 -1
  327. package/dist/SearchField/SearchFieldInput.js +8 -9
  328. package/dist/SearchField/SearchFieldInput.js.map +1 -1
  329. package/dist/SearchField/SearchFieldLabel.js +8 -11
  330. package/dist/SearchField/SearchFieldLabel.js.map +1 -1
  331. package/dist/SearchField/SearchFieldSubmitButton.js +12 -15
  332. package/dist/SearchField/SearchFieldSubmitButton.js.map +1 -1
  333. package/dist/SearchField/index.js +22 -23
  334. package/dist/SearchField/index.js.map +1 -1
  335. package/dist/SelectableBox/SelectableBoxSet.js +25 -26
  336. package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
  337. package/dist/SelectableBox/index.js +42 -38
  338. package/dist/SelectableBox/index.js.map +1 -1
  339. package/dist/Sheet/SheetContainer.js +38 -16
  340. package/dist/Sheet/SheetContainer.js.map +1 -1
  341. package/dist/Sheet/index.js +65 -43
  342. package/dist/Sheet/index.js.map +1 -1
  343. package/dist/Spinner/index.js +8 -9
  344. package/dist/Spinner/index.js.map +1 -1
  345. package/dist/Stack/index.js +9 -11
  346. package/dist/Stack/index.js.map +1 -1
  347. package/dist/StatefulButton/index.js +15 -17
  348. package/dist/StatefulButton/index.js.map +1 -1
  349. package/dist/StatusAlert/index.js +120 -82
  350. package/dist/StatusAlert/index.js.map +1 -1
  351. package/dist/Stepper/Stepper.js +2 -4
  352. package/dist/Stepper/Stepper.js.map +1 -1
  353. package/dist/Stepper/StepperActionRow.js +7 -10
  354. package/dist/Stepper/StepperActionRow.js.map +1 -1
  355. package/dist/Stepper/StepperContext.js +64 -32
  356. package/dist/Stepper/StepperContext.js.map +1 -1
  357. package/dist/Stepper/StepperHeader.js +23 -30
  358. package/dist/Stepper/StepperHeader.js.map +1 -1
  359. package/dist/Stepper/StepperHeaderStep.js +14 -17
  360. package/dist/Stepper/StepperHeaderStep.js.map +1 -1
  361. package/dist/Stepper/StepperStep.js +23 -24
  362. package/dist/Stepper/StepperStep.js.map +1 -1
  363. package/dist/Sticky/index.js +30 -22
  364. package/dist/Sticky/index.js.map +1 -1
  365. package/dist/Table/index.js +178 -109
  366. package/dist/Table/index.js.map +1 -1
  367. package/dist/Tabs/deprecated/index.js +99 -66
  368. package/dist/Tabs/deprecated/index.js.map +1 -1
  369. package/dist/Tabs/index.js +72 -56
  370. package/dist/Tabs/index.js.map +1 -1
  371. package/dist/TextArea/index.js +10 -8
  372. package/dist/TextArea/index.js.map +1 -1
  373. package/dist/Toast/ToastContainer.js +38 -16
  374. package/dist/Toast/ToastContainer.js.map +1 -1
  375. package/dist/Toast/index.js +33 -18
  376. package/dist/Toast/index.js.map +1 -1
  377. package/dist/Tooltip/index.js +8 -9
  378. package/dist/Tooltip/index.js.map +1 -1
  379. package/dist/TransitionReplace/DemoTransitionReplace.js +12 -3
  380. package/dist/TransitionReplace/DemoTransitionReplace.js.map +1 -1
  381. package/dist/TransitionReplace/index.js +136 -100
  382. package/dist/TransitionReplace/index.js.map +1 -1
  383. package/dist/Truncate/index.js +30 -24
  384. package/dist/Truncate/index.js.map +1 -1
  385. package/dist/ValidationFormGroup/index.js +38 -37
  386. package/dist/ValidationFormGroup/index.js.map +1 -1
  387. package/dist/ValidationMessage/index.js +76 -51
  388. package/dist/ValidationMessage/index.js.map +1 -1
  389. package/dist/asInput/index.js +251 -202
  390. package/dist/asInput/index.js.map +1 -1
  391. package/dist/hooks/useArrowKeyNavigation.js +46 -43
  392. package/dist/hooks/useArrowKeyNavigation.js.map +1 -1
  393. package/dist/hooks/useIndexOfLastVisibleChild.js +50 -41
  394. package/dist/hooks/useIndexOfLastVisibleChild.js.map +1 -1
  395. package/dist/hooks/useIsVisible.js +20 -13
  396. package/dist/hooks/useIsVisible.js.map +1 -1
  397. package/dist/hooks/useToggle.js +18 -11
  398. package/dist/hooks/useToggle.js.map +1 -1
  399. package/dist/hooks/useWindowSize.js +17 -6
  400. package/dist/hooks/useWindowSize.js.map +1 -1
  401. package/dist/i18n/messages/ar.json +2 -1
  402. package/dist/i18n/messages/ca.json +2 -1
  403. package/dist/i18n/messages/es_419.json +2 -1
  404. package/dist/i18n/messages/es_AR.json +2 -1
  405. package/dist/i18n/messages/es_ES.json +2 -1
  406. package/dist/i18n/messages/fr.json +2 -1
  407. package/dist/i18n/messages/he.json +2 -1
  408. package/dist/i18n/messages/id.json +2 -1
  409. package/dist/i18n/messages/it_IT.json +2 -1
  410. package/dist/i18n/messages/ko_KR.json +2 -1
  411. package/dist/i18n/messages/pl.json +2 -1
  412. package/dist/i18n/messages/pt_BR.json +2 -1
  413. package/dist/i18n/messages/pt_PT.json +2 -1
  414. package/dist/i18n/messages/ru.json +2 -1
  415. package/dist/i18n/messages/th.json +2 -1
  416. package/dist/i18n/messages/tr_TR.json +2 -1
  417. package/dist/i18n/messages/uk.json +2 -1
  418. package/dist/i18n/messages/zh_CN.json +2 -1
  419. package/dist/paragon.css +1 -1
  420. package/dist/withDeprecatedProps.js +79 -58
  421. package/dist/withDeprecatedProps.js.map +1 -1
  422. package/package.json +1 -5
  423. package/src/Button/index.jsx +2 -2
  424. package/src/Container/index.jsx +4 -0
  425. package/src/Dropdown/index.jsx +4 -0
  426. package/src/Dropzone/index.jsx +1 -1
  427. package/src/Form/FormSwitch.jsx +3 -0
  428. package/src/Hyperlink/index.jsx +7 -6
  429. package/src/Hyperlink/index.scss +2 -2
  430. package/src/Icon/index.jsx +18 -11
  431. package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +12 -10
  432. package/src/IconButton/index.jsx +2 -2
  433. package/src/Layout/index.jsx +1 -4
  434. package/src/Menu/MenuItem.jsx +2 -2
  435. package/src/Modal/ModalDialog.jsx +3 -0
  436. package/src/Modal/index.jsx +11 -6
  437. package/src/Overlay/README.md +1 -1
  438. package/src/Overlay/index.jsx +1 -1
  439. package/src/Popover/README.md +0 -1
  440. package/src/Popover/index.jsx +11 -11
  441. package/src/ProductTour/Checkpoint.jsx +9 -6
  442. package/src/ProductTour/messages.js +16 -0
  443. package/src/SearchField/SearchFieldAdvanced.jsx +12 -7
  444. package/src/SearchField/SearchFieldLabel.jsx +3 -3
  445. package/src/SearchField/index.jsx +0 -1
  446. package/src/Tabs/index.jsx +19 -13
  447. package/src/hooks/tests/useIndexOfLastVisibleChild.test.jsx +3 -3
  448. package/src/hooks/useIndexOfLastVisibleChild.jsx +36 -38
  449. package/src/hooks/useIndexOfLastVisibleChild.mdx +3 -3
  450. package/src/i18n/messages/ar.json +2 -1
  451. package/src/i18n/messages/ca.json +2 -1
  452. package/src/i18n/messages/es_419.json +2 -1
  453. package/src/i18n/messages/es_AR.json +2 -1
  454. package/src/i18n/messages/es_ES.json +2 -1
  455. package/src/i18n/messages/fr.json +2 -1
  456. package/src/i18n/messages/he.json +2 -1
  457. package/src/i18n/messages/id.json +2 -1
  458. package/src/i18n/messages/it_IT.json +2 -1
  459. package/src/i18n/messages/ko_KR.json +2 -1
  460. package/src/i18n/messages/pl.json +2 -1
  461. package/src/i18n/messages/pt_BR.json +2 -1
  462. package/src/i18n/messages/pt_PT.json +2 -1
  463. package/src/i18n/messages/ru.json +2 -1
  464. package/src/i18n/messages/th.json +2 -1
  465. package/src/i18n/messages/tr_TR.json +2 -1
  466. package/src/i18n/messages/uk.json +2 -1
  467. package/src/i18n/messages/zh_CN.json +2 -1
@@ -1 +1 @@
1
- {"version":3,"file":"FullscreenModal.js","names":["React","PropTypes","ModalDialog","FULLSCREEN_MODAL_CLOSE_LABEL","FullscreenModal","_ref","children","footerNode","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","Header","Title","title","Body","className","modalBodyClassName","Footer","propTypes","node","isRequired","string","onClose","func","isOpen","bool","hasCloseButton","size","oneOf","variant","closeLabel","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalDialog from './ModalDialog';\n\nexport const FULLSCREEN_MODAL_CLOSE_LABEL = 'Close';\n\nfunction FullscreenModal({\n children,\n footerNode,\n beforeBodyNode,\n afterBodyNode,\n ...props\n}) {\n return (\n <ModalDialog {...props}>\n <ModalDialog.Header>\n <ModalDialog.Title>{props.title}</ModalDialog.Title>\n </ModalDialog.Header>\n {beforeBodyNode}\n <ModalDialog.Body className={props.modalBodyClassName}>{children}</ModalDialog.Body>\n {afterBodyNode}\n {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n </ModalDialog>\n );\n}\n\nFullscreenModal.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 the aria-label of the dialog. */\n title: PropTypes.string.isRequired,\n /** Specifies a callback to close the modal dialog. */\n onClose: PropTypes.func.isRequired,\n /** Specifies whether the modal is open. */\n isOpen: PropTypes.bool,\n /** Specifies whether the model hase close 'x' icon button in the top right of the dialog box. */\n hasCloseButton: PropTypes.bool,\n /** Specifies size of the dialog box. */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /** Specifies visual style of the dialog box. */\n variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n /** The label supplied to the close icon button if one is rendered */\n closeLabel: PropTypes.string,\n /**\n * Determines where a scrollbar should appear if a modal is too large for the\n * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n * the browser window itself receives the scrollbar.\n */\n isFullscreenScroll: PropTypes.bool,\n /** Specifies footer for the dialog box. */\n footerNode: PropTypes.node,\n /** Specifies content that should be rendered before modal's body. */\n beforeBodyNode: PropTypes.node,\n /** Specifies content that should be rendered after modal's body. */\n afterBodyNode: PropTypes.node,\n /** Specifies class name for modal's body component. */\n modalBodyClassName: PropTypes.string,\n};\n\nFullscreenModal.defaultProps = {\n isOpen: false,\n hasCloseButton: true,\n size: 'fullscreen',\n variant: 'dark',\n closeLabel: FULLSCREEN_MODAL_CLOSE_LABEL,\n className: undefined,\n isFullscreenScroll: false,\n footerNode: null,\n beforeBodyNode: null,\n afterBodyNode: null,\n modalBodyClassName: '',\n};\n\nexport default FullscreenModal;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAO,MAAMC,4BAA4B,GAAG,OAAO;AAEnD,SAASC,eAAeA,CAAAC,IAAA,EAMrB;EAAA,IANsB;MACvBC,QAAQ;MACRC,UAAU;MACVC,cAAc;MACdC;IAEF,CAAC,GAAAJ,IAAA;IADIK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,oBACEZ,KAAA,CAAAa,aAAA,CAACX,WAAW,EAAKQ,KAAK,eACpBV,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACY,MAAM,qBACjBd,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACa,KAAK,QAAEL,KAAK,CAACM,KAAyB,CACjC,CAAC,EACpBR,cAAc,eACfR,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACe,IAAI;IAACC,SAAS,EAAER,KAAK,CAACS;EAAmB,GAAEb,QAA2B,CAAC,EACnFG,aAAa,EACbF,UAAU,iBAAIP,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACkB,MAAM,QAAEb,UAA+B,CACxD,CAAC;AAElB;AAEAH,eAAe,CAACiB,SAAS,GAAG;EAC1B;EACAf,QAAQ,EAAEL,SAAS,CAACqB,IAAI,CAACC,UAAU;EACnC;EACAL,SAAS,EAAEjB,SAAS,CAACuB,MAAM;EAC3B;EACAR,KAAK,EAAEf,SAAS,CAACuB,MAAM,CAACD,UAAU;EAClC;EACAE,OAAO,EAAExB,SAAS,CAACyB,IAAI,CAACH,UAAU;EAClC;EACAI,MAAM,EAAE1B,SAAS,CAAC2B,IAAI;EACtB;EACAC,cAAc,EAAE5B,SAAS,CAAC2B,IAAI;EAC9B;EACAE,IAAI,EAAE7B,SAAS,CAAC8B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAE/B,SAAS,CAAC8B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;EAC7E;EACAE,UAAU,EAAEhC,SAAS,CAACuB,MAAM;EAC5B;AACF;AACA;AACA;AACA;EACEU,kBAAkB,EAAEjC,SAAS,CAAC2B,IAAI;EAClC;EACArB,UAAU,EAAEN,SAAS,CAACqB,IAAI;EAC1B;EACAd,cAAc,EAAEP,SAAS,CAACqB,IAAI;EAC9B;EACAb,aAAa,EAAER,SAAS,CAACqB,IAAI;EAC7B;EACAH,kBAAkB,EAAElB,SAAS,CAACuB;AAChC,CAAC;AAEDpB,eAAe,CAAC+B,YAAY,GAAG;EAC7BR,MAAM,EAAE,KAAK;EACbE,cAAc,EAAE,IAAI;EACpBC,IAAI,EAAE,YAAY;EAClBE,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE9B,4BAA4B;EACxCe,SAAS,EAAEkB,SAAS;EACpBF,kBAAkB,EAAE,KAAK;EACzB3B,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EACnBU,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAef,eAAe"}
1
+ {"version":3,"file":"FullscreenModal.js","names":["React","PropTypes","ModalDialog","FULLSCREEN_MODAL_CLOSE_LABEL","FullscreenModal","_ref","children","footerNode","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","Header","Title","title","Body","className","modalBodyClassName","Footer","propTypes","node","isRequired","string","onClose","func","isOpen","bool","hasCloseButton","size","oneOf","variant","closeLabel","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalDialog from './ModalDialog';\n\nexport const FULLSCREEN_MODAL_CLOSE_LABEL = 'Close';\n\nfunction FullscreenModal({\n children,\n footerNode,\n beforeBodyNode,\n afterBodyNode,\n ...props\n}) {\n return (\n <ModalDialog {...props}>\n <ModalDialog.Header>\n <ModalDialog.Title>{props.title}</ModalDialog.Title>\n </ModalDialog.Header>\n {beforeBodyNode}\n <ModalDialog.Body className={props.modalBodyClassName}>{children}</ModalDialog.Body>\n {afterBodyNode}\n {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n </ModalDialog>\n );\n}\n\nFullscreenModal.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 the aria-label of the dialog. */\n title: PropTypes.string.isRequired,\n /** Specifies a callback to close the modal dialog. */\n onClose: PropTypes.func.isRequired,\n /** Specifies whether the modal is open. */\n isOpen: PropTypes.bool,\n /** Specifies whether the model hase close 'x' icon button in the top right of the dialog box. */\n hasCloseButton: PropTypes.bool,\n /** Specifies size of the dialog box. */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /** Specifies visual style of the dialog box. */\n variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n /** The label supplied to the close icon button if one is rendered */\n closeLabel: PropTypes.string,\n /**\n * Determines where a scrollbar should appear if a modal is too large for the\n * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n * the browser window itself receives the scrollbar.\n */\n isFullscreenScroll: PropTypes.bool,\n /** Specifies footer for the dialog box. */\n footerNode: PropTypes.node,\n /** Specifies content that should be rendered before modal's body. */\n beforeBodyNode: PropTypes.node,\n /** Specifies content that should be rendered after modal's body. */\n afterBodyNode: PropTypes.node,\n /** Specifies class name for modal's body component. */\n modalBodyClassName: PropTypes.string,\n};\n\nFullscreenModal.defaultProps = {\n isOpen: false,\n hasCloseButton: true,\n size: 'fullscreen',\n variant: 'dark',\n closeLabel: FULLSCREEN_MODAL_CLOSE_LABEL,\n className: undefined,\n isFullscreenScroll: false,\n footerNode: null,\n beforeBodyNode: null,\n afterBodyNode: null,\n modalBodyClassName: '',\n};\n\nexport default FullscreenModal;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAO,IAAMC,4BAA4B,GAAG,OAAO;AAEnD,SAASC,eAAeA,CAAAC,IAAA,EAMrB;EAAA,IALDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,oBACEZ,KAAA,CAAAa,aAAA,CAACX,WAAW,EAAKQ,KAAK,eACpBV,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACY,MAAM,qBACjBd,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACa,KAAK,QAAEL,KAAK,CAACM,KAAyB,CACjC,CAAC,EACpBR,cAAc,eACfR,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACe,IAAI;IAACC,SAAS,EAAER,KAAK,CAACS;EAAmB,GAAEb,QAA2B,CAAC,EACnFG,aAAa,EACbF,UAAU,iBAAIP,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACkB,MAAM,QAAEb,UAA+B,CACxD,CAAC;AAElB;AAEAH,eAAe,CAACiB,SAAS,GAAG;EAC1B;EACAf,QAAQ,EAAEL,SAAS,CAACqB,IAAI,CAACC,UAAU;EACnC;EACAL,SAAS,EAAEjB,SAAS,CAACuB,MAAM;EAC3B;EACAR,KAAK,EAAEf,SAAS,CAACuB,MAAM,CAACD,UAAU;EAClC;EACAE,OAAO,EAAExB,SAAS,CAACyB,IAAI,CAACH,UAAU;EAClC;EACAI,MAAM,EAAE1B,SAAS,CAAC2B,IAAI;EACtB;EACAC,cAAc,EAAE5B,SAAS,CAAC2B,IAAI;EAC9B;EACAE,IAAI,EAAE7B,SAAS,CAAC8B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAE/B,SAAS,CAAC8B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;EAC7E;EACAE,UAAU,EAAEhC,SAAS,CAACuB,MAAM;EAC5B;AACF;AACA;AACA;AACA;EACEU,kBAAkB,EAAEjC,SAAS,CAAC2B,IAAI;EAClC;EACArB,UAAU,EAAEN,SAAS,CAACqB,IAAI;EAC1B;EACAd,cAAc,EAAEP,SAAS,CAACqB,IAAI;EAC9B;EACAb,aAAa,EAAER,SAAS,CAACqB,IAAI;EAC7B;EACAH,kBAAkB,EAAElB,SAAS,CAACuB;AAChC,CAAC;AAEDpB,eAAe,CAAC+B,YAAY,GAAG;EAC7BR,MAAM,EAAE,KAAK;EACbE,cAAc,EAAE,IAAI;EACpBC,IAAI,EAAE,YAAY;EAClBE,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE9B,4BAA4B;EACxCe,SAAS,EAAEkB,SAAS;EACpBF,kBAAkB,EAAE,KAAK;EACzB3B,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EACnBU,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAef,eAAe"}
@@ -1,4 +1,4 @@
1
- const _excluded = ["children", "footerNode", "heroNode", "heroIsDark", "beforeBodyNode", "afterBodyNode"];
1
+ var _excluded = ["children", "footerNode", "heroNode", "heroIsDark", "beforeBodyNode", "afterBodyNode"];
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; }
@@ -7,14 +7,12 @@ import PropTypes from 'prop-types';
7
7
  import { requiredWhenNot } from '../utils/propTypes';
8
8
  import ModalDialog from './ModalDialog';
9
9
  function MarketingModal(_ref) {
10
- let {
11
- children,
12
- footerNode,
13
- heroNode,
14
- heroIsDark,
15
- beforeBodyNode,
16
- afterBodyNode
17
- } = _ref,
10
+ var children = _ref.children,
11
+ footerNode = _ref.footerNode,
12
+ heroNode = _ref.heroNode,
13
+ heroIsDark = _ref.heroIsDark,
14
+ beforeBodyNode = _ref.beforeBodyNode,
15
+ afterBodyNode = _ref.afterBodyNode,
18
16
  props = _objectWithoutProperties(_ref, _excluded);
19
17
  return /*#__PURE__*/React.createElement(ModalDialog, _extends({}, props, {
20
18
  variant: heroIsDark ? 'dark' : 'default'
@@ -60,7 +58,7 @@ MarketingModal.defaultProps = {
60
58
  isOpen: false,
61
59
  isBlocking: false,
62
60
  hasCloseButton: true,
63
- onClose: () => {},
61
+ onClose: function onClose() {},
64
62
  size: 'md',
65
63
  closeLabel: 'Close',
66
64
  className: undefined,
@@ -1 +1 @@
1
- {"version":3,"file":"MarketingModal.js","names":["React","PropTypes","requiredWhenNot","ModalDialog","MarketingModal","_ref","children","footerNode","heroNode","heroIsDark","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","_extends","variant","Body","Footer","propTypes","node","isRequired","title","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","closeLabel","className","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/MarketingModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport ModalDialog from './ModalDialog';\n\nfunction MarketingModal({\n children,\n footerNode,\n heroNode,\n heroIsDark,\n beforeBodyNode,\n afterBodyNode,\n ...props\n}) {\n return (\n <ModalDialog\n {...props}\n variant={heroIsDark ? 'dark' : 'default'}\n >\n {heroNode}\n {beforeBodyNode}\n <ModalDialog.Body>{children}</ModalDialog.Body>\n {afterBodyNode}\n {footerNode && (\n <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>\n )}\n </ModalDialog>\n );\n}\n\nMarketingModal.propTypes = {\n /** Specifies the content of the modal */\n children: PropTypes.node.isRequired,\n /** Title of the modal */\n title: PropTypes.string.isRequired,\n /** Is the modal dialog open or closed */\n isOpen: PropTypes.bool,\n /** Prevent clicking on the backdrop to close the modal */\n isBlocking: PropTypes.bool,\n /** The close 'x' icon button in the top right corner */\n hasCloseButton: PropTypes.bool,\n /** Callback function for when the modal is dismissed */\n onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n /** Size of the modal window */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /** Specifies the ``aria-label`` attribute for the close button */\n closeLabel: PropTypes.string,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n /**\n * Determines where a scrollbar should appear if a modal is too large for the\n * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n * the browser window itself receives the scrollbar.\n */\n isFullscreenScroll: PropTypes.bool,\n /** Specifies what should be displayed in the footer of the nodal */\n footerNode: PropTypes.node,\n /** Enables dark theme for the modal */\n heroIsDark: PropTypes.bool,\n /** Specifies what should be displayed in the header of the modal */\n heroNode: PropTypes.node,\n /** Specifies what should be displayed before the body block */\n beforeBodyNode: PropTypes.node,\n /** Specifies what should be displayed after the body block */\n afterBodyNode: PropTypes.node,\n};\n\nMarketingModal.defaultProps = {\n isOpen: false,\n isBlocking: false,\n hasCloseButton: true,\n onClose: () => {},\n size: 'md',\n closeLabel: 'Close',\n className: undefined,\n isFullscreenScroll: true,\n footerNode: null,\n heroIsDark: true,\n heroNode: null,\n beforeBodyNode: null,\n afterBodyNode: null,\n};\n\nexport default MarketingModal;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,cAAcA,CAAAC,IAAA,EAQpB;EAAA,IARqB;MACtBC,QAAQ;MACRC,UAAU;MACVC,QAAQ;MACRC,UAAU;MACVC,cAAc;MACdC;IAEF,CAAC,GAAAN,IAAA;IADIO,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,oBACEd,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KACNJ,KAAK;IACTK,OAAO,EAAER,UAAU,GAAG,MAAM,GAAG;EAAU,IAExCD,QAAQ,EACRE,cAAc,eACfV,KAAA,CAAAe,aAAA,CAACZ,WAAW,CAACe,IAAI,QAAEZ,QAA2B,CAAC,EAC9CK,aAAa,EACbJ,UAAU,iBACXP,KAAA,CAAAe,aAAA,CAACZ,WAAW,CAACgB,MAAM,QAAEZ,UAA+B,CAEzC,CAAC;AAElB;AAEAH,cAAc,CAACgB,SAAS,GAAG;EACzB;EACAd,QAAQ,EAAEL,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAEtB,SAAS,CAACuB,MAAM,CAACF,UAAU;EAClC;EACAG,MAAM,EAAExB,SAAS,CAACyB,IAAI;EACtB;EACAC,UAAU,EAAE1B,SAAS,CAACyB,IAAI;EAC1B;EACAE,cAAc,EAAE3B,SAAS,CAACyB,IAAI;EAC9B;EACAG,OAAO,EAAE3B,eAAe,CAACD,SAAS,CAAC6B,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAE9B,SAAS,CAAC+B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,UAAU,EAAEhC,SAAS,CAACuB,MAAM;EAC5B;EACAU,SAAS,EAAEjC,SAAS,CAACuB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAElC,SAAS,CAACyB,IAAI;EAClC;EACAnB,UAAU,EAAEN,SAAS,CAACoB,IAAI;EAC1B;EACAZ,UAAU,EAAER,SAAS,CAACyB,IAAI;EAC1B;EACAlB,QAAQ,EAAEP,SAAS,CAACoB,IAAI;EACxB;EACAX,cAAc,EAAET,SAAS,CAACoB,IAAI;EAC9B;EACAV,aAAa,EAAEV,SAAS,CAACoB;AAC3B,CAAC;AAEDjB,cAAc,CAACgC,YAAY,GAAG;EAC5BX,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,IAAI;EACpBC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,UAAU,EAAE,OAAO;EACnBC,SAAS,EAAEG,SAAS;EACpBF,kBAAkB,EAAE,IAAI;EACxB5B,UAAU,EAAE,IAAI;EAChBE,UAAU,EAAE,IAAI;EAChBD,QAAQ,EAAE,IAAI;EACdE,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeP,cAAc"}
1
+ {"version":3,"file":"MarketingModal.js","names":["React","PropTypes","requiredWhenNot","ModalDialog","MarketingModal","_ref","children","footerNode","heroNode","heroIsDark","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","_extends","variant","Body","Footer","propTypes","node","isRequired","title","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","closeLabel","className","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/MarketingModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport ModalDialog from './ModalDialog';\n\nfunction MarketingModal({\n children,\n footerNode,\n heroNode,\n heroIsDark,\n beforeBodyNode,\n afterBodyNode,\n ...props\n}) {\n return (\n <ModalDialog\n {...props}\n variant={heroIsDark ? 'dark' : 'default'}\n >\n {heroNode}\n {beforeBodyNode}\n <ModalDialog.Body>{children}</ModalDialog.Body>\n {afterBodyNode}\n {footerNode && (\n <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>\n )}\n </ModalDialog>\n );\n}\n\nMarketingModal.propTypes = {\n /** Specifies the content of the modal */\n children: PropTypes.node.isRequired,\n /** Title of the modal */\n title: PropTypes.string.isRequired,\n /** Is the modal dialog open or closed */\n isOpen: PropTypes.bool,\n /** Prevent clicking on the backdrop to close the modal */\n isBlocking: PropTypes.bool,\n /** The close 'x' icon button in the top right corner */\n hasCloseButton: PropTypes.bool,\n /** Callback function for when the modal is dismissed */\n onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n /** Size of the modal window */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /** Specifies the ``aria-label`` attribute for the close button */\n closeLabel: PropTypes.string,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n /**\n * Determines where a scrollbar should appear if a modal is too large for the\n * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n * the browser window itself receives the scrollbar.\n */\n isFullscreenScroll: PropTypes.bool,\n /** Specifies what should be displayed in the footer of the nodal */\n footerNode: PropTypes.node,\n /** Enables dark theme for the modal */\n heroIsDark: PropTypes.bool,\n /** Specifies what should be displayed in the header of the modal */\n heroNode: PropTypes.node,\n /** Specifies what should be displayed before the body block */\n beforeBodyNode: PropTypes.node,\n /** Specifies what should be displayed after the body block */\n afterBodyNode: PropTypes.node,\n};\n\nMarketingModal.defaultProps = {\n isOpen: false,\n isBlocking: false,\n hasCloseButton: true,\n onClose: () => {},\n size: 'md',\n closeLabel: 'Close',\n className: undefined,\n isFullscreenScroll: true,\n footerNode: null,\n heroIsDark: true,\n heroNode: null,\n beforeBodyNode: null,\n afterBodyNode: null,\n};\n\nexport default MarketingModal;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,cAAcA,CAAAC,IAAA,EAQpB;EAAA,IAPDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,oBACEd,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KACNJ,KAAK;IACTK,OAAO,EAAER,UAAU,GAAG,MAAM,GAAG;EAAU,IAExCD,QAAQ,EACRE,cAAc,eACfV,KAAA,CAAAe,aAAA,CAACZ,WAAW,CAACe,IAAI,QAAEZ,QAA2B,CAAC,EAC9CK,aAAa,EACbJ,UAAU,iBACXP,KAAA,CAAAe,aAAA,CAACZ,WAAW,CAACgB,MAAM,QAAEZ,UAA+B,CAEzC,CAAC;AAElB;AAEAH,cAAc,CAACgB,SAAS,GAAG;EACzB;EACAd,QAAQ,EAAEL,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAEtB,SAAS,CAACuB,MAAM,CAACF,UAAU;EAClC;EACAG,MAAM,EAAExB,SAAS,CAACyB,IAAI;EACtB;EACAC,UAAU,EAAE1B,SAAS,CAACyB,IAAI;EAC1B;EACAE,cAAc,EAAE3B,SAAS,CAACyB,IAAI;EAC9B;EACAG,OAAO,EAAE3B,eAAe,CAACD,SAAS,CAAC6B,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAE9B,SAAS,CAAC+B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,UAAU,EAAEhC,SAAS,CAACuB,MAAM;EAC5B;EACAU,SAAS,EAAEjC,SAAS,CAACuB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAElC,SAAS,CAACyB,IAAI;EAClC;EACAnB,UAAU,EAAEN,SAAS,CAACoB,IAAI;EAC1B;EACAZ,UAAU,EAAER,SAAS,CAACyB,IAAI;EAC1B;EACAlB,QAAQ,EAAEP,SAAS,CAACoB,IAAI;EACxB;EACAX,cAAc,EAAET,SAAS,CAACoB,IAAI;EAC9B;EACAV,aAAa,EAAEV,SAAS,CAACoB;AAC3B,CAAC;AAEDjB,cAAc,CAACgC,YAAY,GAAG;EAC5BX,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,IAAI;EACpBC,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,UAAU,EAAE,OAAO;EACnBC,SAAS,EAAEG,SAAS;EACpBF,kBAAkB,EAAE,IAAI;EACxB5B,UAAU,EAAE,IAAI;EAChBE,UAAU,EAAE,IAAI;EAChBD,QAAQ,EAAE,IAAI;EACdE,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeP,cAAc"}
@@ -1,9 +1,10 @@
1
- const _excluded = ["as", "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", "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, { useContext } from 'react';
@@ -11,25 +12,22 @@ import PropTypes from 'prop-types';
11
12
  import classNames from 'classnames';
12
13
  import ModalContext from './ModalContext';
13
14
  import Button from '../Button';
14
- const ModalCloseButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
15
- let {
16
- as,
17
- children
18
- } = _ref,
15
+ var ModalCloseButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
16
+ var as = _ref.as,
17
+ children = _ref.children,
19
18
  props = _objectWithoutProperties(_ref, _excluded);
20
- const {
21
- onClose
22
- } = useContext(ModalContext);
23
- const type = as;
24
- const componentProps = _objectSpread(_objectSpread({}, props), {}, {
19
+ var _useContext = useContext(ModalContext),
20
+ onClose = _useContext.onClose;
21
+ var type = as;
22
+ var componentProps = _objectSpread(_objectSpread({}, props), {}, {
25
23
  className: classNames('pgn__modal-close-button', props.className),
26
- onClick: () => {
24
+ onClick: function onClick() {
27
25
  onClose();
28
26
  if (props.onClick) {
29
27
  props.onClick();
30
28
  }
31
29
  },
32
- ref
30
+ ref: ref
33
31
  });
34
32
 
35
33
  // Use the non-jsx syntax to create this element so we can more
@@ -1 +1 @@
1
- {"version":3,"file":"ModalCloseButton.js","names":["React","useContext","PropTypes","classNames","ModalContext","Button","ModalCloseButton","forwardRef","_ref","ref","as","children","props","_objectWithoutProperties","_excluded","onClose","type","componentProps","_objectSpread","className","onClick","createElement","propTypes","elementType","node","string","func","defaultProps","undefined"],"sources":["../../src/Modal/ModalCloseButton.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ModalContext from './ModalContext';\nimport Button from '../Button';\n\nconst ModalCloseButton = React.forwardRef(({ as, children, ...props }, ref) => {\n const { onClose } = useContext(ModalContext);\n const type = as;\n const componentProps = {\n ...props,\n className: classNames('pgn__modal-close-button', props.className),\n onClick: () => {\n onClose();\n if (props.onClick) {\n props.onClick();\n }\n },\n ref,\n };\n\n // Use the non-jsx syntax to create this element so we can more\n // finely control the component type (defaulted to Button via defaultProps)\n return React.createElement(type, componentProps, children);\n});\n\nModalCloseButton.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the content of the button */\n children: PropTypes.node,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n /** Specifies the callback function when the close button is clicked */\n onClick: PropTypes.func,\n};\n\nModalCloseButton.defaultProps = {\n as: Button,\n onClick: undefined,\n className: undefined,\n children: null,\n};\n\nexport default ModalCloseButton;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,MAAM,MAAM,WAAW;AAE9B,MAAMC,gBAAgB,gBAAGN,KAAK,CAACO,UAAU,CAAC,CAAAC,IAAA,EAA6BC,GAAG,KAAK;EAAA,IAApC;MAAEC,EAAE;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAAPI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EACjE,MAAM;IAAEC;EAAQ,CAAC,GAAGd,UAAU,CAACG,YAAY,CAAC;EAC5C,MAAMY,IAAI,GAAGN,EAAE;EACf,MAAMO,cAAc,GAAAC,aAAA,CAAAA,aAAA,KACfN,KAAK;IACRO,SAAS,EAAEhB,UAAU,CAAC,yBAAyB,EAAES,KAAK,CAACO,SAAS,CAAC;IACjEC,OAAO,EAAEA,CAAA,KAAM;MACbL,OAAO,CAAC,CAAC;MACT,IAAIH,KAAK,CAACQ,OAAO,EAAE;QACjBR,KAAK,CAACQ,OAAO,CAAC,CAAC;MACjB;IACF,CAAC;IACDX;EAAG,EACJ;;EAED;EACA;EACA,oBAAOT,KAAK,CAACqB,aAAa,CAACL,IAAI,EAAEC,cAAc,EAAEN,QAAQ,CAAC;AAC5D,CAAC,CAAC;AAEFL,gBAAgB,CAACgB,SAAS,GAAG;EAC3B;EACAZ,EAAE,EAAER,SAAS,CAACqB,WAAW;EACzB;EACAZ,QAAQ,EAAET,SAAS,CAACsB,IAAI;EACxB;EACAL,SAAS,EAAEjB,SAAS,CAACuB,MAAM;EAC3B;EACAL,OAAO,EAAElB,SAAS,CAACwB;AACrB,CAAC;AAEDpB,gBAAgB,CAACqB,YAAY,GAAG;EAC9BjB,EAAE,EAAEL,MAAM;EACVe,OAAO,EAAEQ,SAAS;EAClBT,SAAS,EAAES,SAAS;EACpBjB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,gBAAgB"}
1
+ {"version":3,"file":"ModalCloseButton.js","names":["React","useContext","PropTypes","classNames","ModalContext","Button","ModalCloseButton","forwardRef","_ref","ref","as","children","props","_objectWithoutProperties","_excluded","_useContext","onClose","type","componentProps","_objectSpread","className","onClick","createElement","propTypes","elementType","node","string","func","defaultProps","undefined"],"sources":["../../src/Modal/ModalCloseButton.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ModalContext from './ModalContext';\nimport Button from '../Button';\n\nconst ModalCloseButton = React.forwardRef(({ as, children, ...props }, ref) => {\n const { onClose } = useContext(ModalContext);\n const type = as;\n const componentProps = {\n ...props,\n className: classNames('pgn__modal-close-button', props.className),\n onClick: () => {\n onClose();\n if (props.onClick) {\n props.onClick();\n }\n },\n ref,\n };\n\n // Use the non-jsx syntax to create this element so we can more\n // finely control the component type (defaulted to Button via defaultProps)\n return React.createElement(type, componentProps, children);\n});\n\nModalCloseButton.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the content of the button */\n children: PropTypes.node,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n /** Specifies the callback function when the close button is clicked */\n onClick: PropTypes.func,\n};\n\nModalCloseButton.defaultProps = {\n as: Button,\n onClick: undefined,\n className: undefined,\n children: null,\n};\n\nexport default ModalCloseButton;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,MAAM,MAAM,WAAW;AAE9B,IAAMC,gBAAgB,gBAAGN,KAAK,CAACO,UAAU,CAAC,UAAAC,IAAA,EAA6BC,GAAG,EAAK;EAAA,IAAlCC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EACjE,IAAAC,WAAA,GAAoBd,UAAU,CAACG,YAAY,CAAC;IAApCY,OAAO,GAAAD,WAAA,CAAPC,OAAO;EACf,IAAMC,IAAI,GAAGP,EAAE;EACf,IAAMQ,cAAc,GAAAC,aAAA,CAAAA,aAAA,KACfP,KAAK;IACRQ,SAAS,EAAEjB,UAAU,CAAC,yBAAyB,EAAES,KAAK,CAACQ,SAAS,CAAC;IACjEC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbL,OAAO,CAAC,CAAC;MACT,IAAIJ,KAAK,CAACS,OAAO,EAAE;QACjBT,KAAK,CAACS,OAAO,CAAC,CAAC;MACjB;IACF,CAAC;IACDZ,GAAG,EAAHA;EAAG,EACJ;;EAED;EACA;EACA,oBAAOT,KAAK,CAACsB,aAAa,CAACL,IAAI,EAAEC,cAAc,EAAEP,QAAQ,CAAC;AAC5D,CAAC,CAAC;AAEFL,gBAAgB,CAACiB,SAAS,GAAG;EAC3B;EACAb,EAAE,EAAER,SAAS,CAACsB,WAAW;EACzB;EACAb,QAAQ,EAAET,SAAS,CAACuB,IAAI;EACxB;EACAL,SAAS,EAAElB,SAAS,CAACwB,MAAM;EAC3B;EACAL,OAAO,EAAEnB,SAAS,CAACyB;AACrB,CAAC;AAEDrB,gBAAgB,CAACsB,YAAY,GAAG;EAC9BlB,EAAE,EAAEL,MAAM;EACVgB,OAAO,EAAEQ,SAAS;EAClBT,SAAS,EAAES,SAAS;EACpBlB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,gBAAgB"}
@@ -1,20 +1,20 @@
1
1
  import React, { useMemo } from 'react';
2
2
  import PropTypes from 'prop-types';
3
- const ModalContext = /*#__PURE__*/React.createContext({
4
- onClose: () => {}
3
+ var ModalContext = /*#__PURE__*/React.createContext({
4
+ onClose: function onClose() {}
5
5
  });
6
6
  function ModalContextProvider(_ref) {
7
- let {
8
- onClose,
9
- isOpen,
10
- isBlocking,
11
- children
12
- } = _ref;
13
- const modalContextValue = useMemo(() => ({
14
- onClose,
15
- isOpen,
16
- isBlocking
17
- }), [onClose, isOpen, isBlocking]);
7
+ var onClose = _ref.onClose,
8
+ isOpen = _ref.isOpen,
9
+ isBlocking = _ref.isBlocking,
10
+ children = _ref.children;
11
+ var modalContextValue = useMemo(function () {
12
+ return {
13
+ onClose: onClose,
14
+ isOpen: isOpen,
15
+ isBlocking: isBlocking
16
+ };
17
+ }, [onClose, isOpen, isBlocking]);
18
18
  return /*#__PURE__*/React.createElement(ModalContext.Provider, {
19
19
  value: modalContextValue
20
20
  }, children);
@@ -1 +1 @@
1
- {"version":3,"file":"ModalContext.js","names":["React","useMemo","PropTypes","ModalContext","createContext","onClose","ModalContextProvider","_ref","isOpen","isBlocking","children","modalContextValue","createElement","Provider","value","propTypes","node","func","isRequired","bool","defaultProps"],"sources":["../../src/Modal/ModalContext.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ModalContext = React.createContext({\n onClose: () => {},\n});\n\nfunction ModalContextProvider({\n onClose, isOpen, isBlocking, children,\n}) {\n const modalContextValue = useMemo(\n () => ({ onClose, isOpen, isBlocking }),\n [onClose, isOpen, isBlocking],\n );\n\n return (\n <ModalContext.Provider value={modalContextValue}>\n {children}\n </ModalContext.Provider>\n );\n}\n\nModalContextProvider.propTypes = {\n children: PropTypes.node,\n onClose: PropTypes.func.isRequired,\n isBlocking: PropTypes.bool,\n isOpen: PropTypes.bool.isRequired,\n};\n\nModalContextProvider.defaultProps = {\n children: null,\n isBlocking: false,\n};\n\nexport { ModalContextProvider };\nexport default ModalContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,YAAY,gBAAGH,KAAK,CAACI,aAAa,CAAC;EACvCC,OAAO,EAAEA,CAAA,KAAM,CAAC;AAClB,CAAC,CAAC;AAEF,SAASC,oBAAoBA,CAAAC,IAAA,EAE1B;EAAA,IAF2B;IAC5BF,OAAO;IAAEG,MAAM;IAAEC,UAAU;IAAEC;EAC/B,CAAC,GAAAH,IAAA;EACC,MAAMI,iBAAiB,GAAGV,OAAO,CAC/B,OAAO;IAAEI,OAAO;IAAEG,MAAM;IAAEC;EAAW,CAAC,CAAC,EACvC,CAACJ,OAAO,EAAEG,MAAM,EAAEC,UAAU,CAC9B,CAAC;EAED,oBACET,KAAA,CAAAY,aAAA,CAACT,YAAY,CAACU,QAAQ;IAACC,KAAK,EAAEH;EAAkB,GAC7CD,QACoB,CAAC;AAE5B;AAEAJ,oBAAoB,CAACS,SAAS,GAAG;EAC/BL,QAAQ,EAAER,SAAS,CAACc,IAAI;EACxBX,OAAO,EAAEH,SAAS,CAACe,IAAI,CAACC,UAAU;EAClCT,UAAU,EAAEP,SAAS,CAACiB,IAAI;EAC1BX,MAAM,EAAEN,SAAS,CAACiB,IAAI,CAACD;AACzB,CAAC;AAEDZ,oBAAoB,CAACc,YAAY,GAAG;EAClCV,QAAQ,EAAE,IAAI;EACdD,UAAU,EAAE;AACd,CAAC;AAED,SAASH,oBAAoB;AAC7B,eAAeH,YAAY"}
1
+ {"version":3,"file":"ModalContext.js","names":["React","useMemo","PropTypes","ModalContext","createContext","onClose","ModalContextProvider","_ref","isOpen","isBlocking","children","modalContextValue","createElement","Provider","value","propTypes","node","func","isRequired","bool","defaultProps"],"sources":["../../src/Modal/ModalContext.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ModalContext = React.createContext({\n onClose: () => {},\n});\n\nfunction ModalContextProvider({\n onClose, isOpen, isBlocking, children,\n}) {\n const modalContextValue = useMemo(\n () => ({ onClose, isOpen, isBlocking }),\n [onClose, isOpen, isBlocking],\n );\n\n return (\n <ModalContext.Provider value={modalContextValue}>\n {children}\n </ModalContext.Provider>\n );\n}\n\nModalContextProvider.propTypes = {\n children: PropTypes.node,\n onClose: PropTypes.func.isRequired,\n isBlocking: PropTypes.bool,\n isOpen: PropTypes.bool.isRequired,\n};\n\nModalContextProvider.defaultProps = {\n children: null,\n isBlocking: false,\n};\n\nexport { ModalContextProvider };\nexport default ModalContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,YAAY,gBAAGH,KAAK,CAACI,aAAa,CAAC;EACvCC,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC;AAClB,CAAC,CAAC;AAEF,SAASC,oBAAoBA,CAAAC,IAAA,EAE1B;EAAA,IADDF,OAAO,GAAAE,IAAA,CAAPF,OAAO;IAAEG,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAErC,IAAMC,iBAAiB,GAAGV,OAAO,CAC/B;IAAA,OAAO;MAAEI,OAAO,EAAPA,OAAO;MAAEG,MAAM,EAANA,MAAM;MAAEC,UAAU,EAAVA;IAAW,CAAC;EAAA,CAAC,EACvC,CAACJ,OAAO,EAAEG,MAAM,EAAEC,UAAU,CAC9B,CAAC;EAED,oBACET,KAAA,CAAAY,aAAA,CAACT,YAAY,CAACU,QAAQ;IAACC,KAAK,EAAEH;EAAkB,GAC7CD,QACoB,CAAC;AAE5B;AAEAJ,oBAAoB,CAACS,SAAS,GAAG;EAC/BL,QAAQ,EAAER,SAAS,CAACc,IAAI;EACxBX,OAAO,EAAEH,SAAS,CAACe,IAAI,CAACC,UAAU;EAClCT,UAAU,EAAEP,SAAS,CAACiB,IAAI;EAC1BX,MAAM,EAAEN,SAAS,CAACiB,IAAI,CAACD;AACzB,CAAC;AAEDZ,oBAAoB,CAACc,YAAY,GAAG;EAClCV,QAAQ,EAAE,IAAI;EACdD,UAAU,EAAE;AACd,CAAC;AAED,SAASH,oBAAoB;AAC7B,eAAeH,YAAY"}
@@ -1,3 +1,7 @@
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
+ 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; }
3
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
4
+ 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); }
1
5
  import React from 'react';
2
6
  import PropTypes from 'prop-types';
3
7
  import classNames from 'classnames';
@@ -12,27 +16,26 @@ import ModalDialogHero from './ModalDialogHero';
12
16
  import Icon from '../Icon';
13
17
  import IconButton from '../IconButton';
14
18
  import { Close } from '../../icons';
15
- export const MODAL_DIALOG_CLOSE_LABEL = 'Close';
19
+ export var MODAL_DIALOG_CLOSE_LABEL = 'Close';
16
20
  function ModalDialog(_ref) {
17
- let {
18
- children,
19
- title,
20
- isOpen,
21
- onClose,
22
- size,
23
- variant,
24
- hasCloseButton,
25
- closeLabel,
26
- isFullscreenScroll,
27
- className,
28
- isFullscreenOnMobile,
29
- isBlocking,
30
- zIndex
31
- } = _ref;
32
- const isMobile = useMediaQuery({
21
+ var _classNames;
22
+ var children = _ref.children,
23
+ title = _ref.title,
24
+ isOpen = _ref.isOpen,
25
+ onClose = _ref.onClose,
26
+ size = _ref.size,
27
+ variant = _ref.variant,
28
+ hasCloseButton = _ref.hasCloseButton,
29
+ closeLabel = _ref.closeLabel,
30
+ isFullscreenScroll = _ref.isFullscreenScroll,
31
+ className = _ref.className,
32
+ isFullscreenOnMobile = _ref.isFullscreenOnMobile,
33
+ isBlocking = _ref.isBlocking,
34
+ zIndex = _ref.zIndex;
35
+ var isMobile = useMediaQuery({
33
36
  query: '(max-width: 767.98px)'
34
37
  });
35
- const showFullScreen = isFullscreenOnMobile && isMobile;
38
+ var showFullScreen = isFullscreenOnMobile && isMobile;
36
39
  return /*#__PURE__*/React.createElement(ModalLayer, {
37
40
  isOpen: isOpen,
38
41
  onClose: onClose,
@@ -41,11 +44,7 @@ function ModalDialog(_ref) {
41
44
  }, /*#__PURE__*/React.createElement("div", {
42
45
  role: "dialog",
43
46
  "aria-label": title,
44
- className: classNames('pgn__modal', {
45
- [`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,
46
- [`pgn__modal-${variant}`]: variant,
47
- 'pgn__modal-scroll-fullscreen': isFullscreenScroll
48
- }, className)
47
+ className: classNames('pgn__modal', (_classNames = {}, _defineProperty(_classNames, "pgn__modal-".concat(showFullScreen ? 'fullscreen' : size), size), _defineProperty(_classNames, "pgn__modal-".concat(variant), variant), _defineProperty(_classNames, 'pgn__modal-scroll-fullscreen', isFullscreenScroll), _classNames), className)
49
48
  }, hasCloseButton && /*#__PURE__*/React.createElement("div", {
50
49
  className: "pgn__modal-close-container"
51
50
  }, /*#__PURE__*/React.createElement(ModalCloseButton, {
@@ -107,6 +106,9 @@ ModalDialog.propTypes = {
107
106
  * Prevent clicking on the backdrop to close the modal
108
107
  */
109
108
  isBlocking: PropTypes.bool,
109
+ /**
110
+ * Specifies the z-index of the modal
111
+ */
110
112
  zIndex: PropTypes.number
111
113
  };
112
114
  ModalDialog.defaultProps = {
@@ -1 +1 @@
1
- {"version":3,"file":"ModalDialog.js","names":["React","PropTypes","classNames","useMediaQuery","ModalLayer","ModalCloseButton","ModalDialogHeader","ModalDialogTitle","ModalDialogFooter","ModalDialogBody","ModalDialogHero","Icon","IconButton","Close","MODAL_DIALOG_CLOSE_LABEL","ModalDialog","_ref","children","title","isOpen","onClose","size","variant","hasCloseButton","closeLabel","isFullscreenScroll","className","isFullscreenOnMobile","isBlocking","zIndex","isMobile","query","showFullScreen","createElement","role","as","iconAs","invertColors","src","alt","propTypes","node","isRequired","string","func","bool","oneOf","number","defaultProps","undefined","Header","Title","Footer","CloseButton","Body","Hero"],"sources":["../../src/Modal/ModalDialog.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport ModalLayer from './ModalLayer';\nimport ModalCloseButton from './ModalCloseButton';\nimport ModalDialogHeader from './ModalDialogHeader';\nimport ModalDialogTitle from './ModalDialogTitle';\nimport ModalDialogFooter from './ModalDialogFooter';\nimport ModalDialogBody from './ModalDialogBody';\nimport ModalDialogHero from './ModalDialogHero';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\n\nexport const MODAL_DIALOG_CLOSE_LABEL = 'Close';\n\nfunction ModalDialog({\n children,\n title,\n isOpen,\n onClose,\n size,\n variant,\n hasCloseButton,\n closeLabel,\n isFullscreenScroll,\n className,\n isFullscreenOnMobile,\n isBlocking,\n zIndex,\n}) {\n const isMobile = useMediaQuery({ query: '(max-width: 767.98px)' });\n const showFullScreen = (isFullscreenOnMobile && isMobile);\n return (\n <ModalLayer isOpen={isOpen} onClose={onClose} isBlocking={isBlocking} zIndex={zIndex}>\n <div\n role=\"dialog\"\n aria-label={title}\n className={classNames(\n 'pgn__modal',\n {\n [`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,\n [`pgn__modal-${variant}`]: variant,\n 'pgn__modal-scroll-fullscreen': isFullscreenScroll,\n },\n className,\n )}\n >\n {hasCloseButton && (\n <div className=\"pgn__modal-close-container\">\n <ModalCloseButton\n as={IconButton}\n iconAs={Icon}\n invertColors={variant === 'dark'}\n src={Close}\n alt={closeLabel}\n />\n </div>\n )}\n {children}\n </div>\n </ModalLayer>\n );\n}\n\nModalDialog.propTypes = {\n /**\n * Specifies the content of the dialog\n */\n children: PropTypes.node.isRequired,\n /**\n * The aria-label of the dialog\n */\n title: PropTypes.string.isRequired,\n /**\n * A callback to close the modal dialog\n */\n onClose: PropTypes.func.isRequired,\n /**\n * Is the modal dialog open or closed\n */\n isOpen: PropTypes.bool,\n /**\n * The close 'x' icon button in the top right of the dialog box\n */\n hasCloseButton: PropTypes.bool,\n /**\n * Sizes determine the maximum width of the dialog box\n */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /**\n * The visual style of the dialog box\n */\n variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n /**\n * The label supplied to the close icon button if one is rendered\n */\n closeLabel: PropTypes.string,\n /**\n * Specifies class name to append to the base element\n */\n className: PropTypes.string,\n /**\n * Determines where a scrollbar should appear if a modal is too large for the\n * viewport. When false, the ``ModalDialog``. Body receives a scrollbar, when true\n * the browser window itself receives the scrollbar.\n */\n isFullscreenScroll: PropTypes.bool,\n /**\n * To show full screen view on mobile screens\n */\n isFullscreenOnMobile: PropTypes.bool,\n /**\n * Prevent clicking on the backdrop to close the modal\n */\n isBlocking: PropTypes.bool,\n zIndex: PropTypes.number,\n};\n\nModalDialog.defaultProps = {\n isOpen: false,\n hasCloseButton: true,\n size: 'md',\n variant: 'default',\n closeLabel: MODAL_DIALOG_CLOSE_LABEL,\n className: undefined,\n isFullscreenScroll: false,\n isFullscreenOnMobile: false,\n isBlocking: false,\n zIndex: undefined,\n};\n\nModalDialog.Header = ModalDialogHeader;\nModalDialog.Title = ModalDialogTitle;\nModalDialog.Footer = ModalDialogFooter;\nModalDialog.CloseButton = ModalCloseButton;\nModalDialog.Body = ModalDialogBody;\nModalDialog.Hero = ModalDialogHero;\n\nexport default ModalDialog;\n"],"mappings":"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"}
1
+ {"version":3,"file":"ModalDialog.js","names":["React","PropTypes","classNames","useMediaQuery","ModalLayer","ModalCloseButton","ModalDialogHeader","ModalDialogTitle","ModalDialogFooter","ModalDialogBody","ModalDialogHero","Icon","IconButton","Close","MODAL_DIALOG_CLOSE_LABEL","ModalDialog","_ref","_classNames","children","title","isOpen","onClose","size","variant","hasCloseButton","closeLabel","isFullscreenScroll","className","isFullscreenOnMobile","isBlocking","zIndex","isMobile","query","showFullScreen","createElement","role","_defineProperty","concat","as","iconAs","invertColors","src","alt","propTypes","node","isRequired","string","func","bool","oneOf","number","defaultProps","undefined","Header","Title","Footer","CloseButton","Body","Hero"],"sources":["../../src/Modal/ModalDialog.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport ModalLayer from './ModalLayer';\nimport ModalCloseButton from './ModalCloseButton';\nimport ModalDialogHeader from './ModalDialogHeader';\nimport ModalDialogTitle from './ModalDialogTitle';\nimport ModalDialogFooter from './ModalDialogFooter';\nimport ModalDialogBody from './ModalDialogBody';\nimport ModalDialogHero from './ModalDialogHero';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\n\nexport const MODAL_DIALOG_CLOSE_LABEL = 'Close';\n\nfunction ModalDialog({\n children,\n title,\n isOpen,\n onClose,\n size,\n variant,\n hasCloseButton,\n closeLabel,\n isFullscreenScroll,\n className,\n isFullscreenOnMobile,\n isBlocking,\n zIndex,\n}) {\n const isMobile = useMediaQuery({ query: '(max-width: 767.98px)' });\n const showFullScreen = (isFullscreenOnMobile && isMobile);\n return (\n <ModalLayer isOpen={isOpen} onClose={onClose} isBlocking={isBlocking} zIndex={zIndex}>\n <div\n role=\"dialog\"\n aria-label={title}\n className={classNames(\n 'pgn__modal',\n {\n [`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,\n [`pgn__modal-${variant}`]: variant,\n 'pgn__modal-scroll-fullscreen': isFullscreenScroll,\n },\n className,\n )}\n >\n {hasCloseButton && (\n <div className=\"pgn__modal-close-container\">\n <ModalCloseButton\n as={IconButton}\n iconAs={Icon}\n invertColors={variant === 'dark'}\n src={Close}\n alt={closeLabel}\n />\n </div>\n )}\n {children}\n </div>\n </ModalLayer>\n );\n}\n\nModalDialog.propTypes = {\n /**\n * Specifies the content of the dialog\n */\n children: PropTypes.node.isRequired,\n /**\n * The aria-label of the dialog\n */\n title: PropTypes.string.isRequired,\n /**\n * A callback to close the modal dialog\n */\n onClose: PropTypes.func.isRequired,\n /**\n * Is the modal dialog open or closed\n */\n isOpen: PropTypes.bool,\n /**\n * The close 'x' icon button in the top right of the dialog box\n */\n hasCloseButton: PropTypes.bool,\n /**\n * Sizes determine the maximum width of the dialog box\n */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /**\n * The visual style of the dialog box\n */\n variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n /**\n * The label supplied to the close icon button if one is rendered\n */\n closeLabel: PropTypes.string,\n /**\n * Specifies class name to append to the base element\n */\n className: PropTypes.string,\n /**\n * Determines where a scrollbar should appear if a modal is too large for the\n * viewport. When false, the ``ModalDialog``. Body receives a scrollbar, when true\n * the browser window itself receives the scrollbar.\n */\n isFullscreenScroll: PropTypes.bool,\n /**\n * To show full screen view on mobile screens\n */\n isFullscreenOnMobile: PropTypes.bool,\n /**\n * Prevent clicking on the backdrop to close the modal\n */\n isBlocking: PropTypes.bool,\n /**\n * Specifies the z-index of the modal\n */\n zIndex: PropTypes.number,\n};\n\nModalDialog.defaultProps = {\n isOpen: false,\n hasCloseButton: true,\n size: 'md',\n variant: 'default',\n closeLabel: MODAL_DIALOG_CLOSE_LABEL,\n className: undefined,\n isFullscreenScroll: false,\n isFullscreenOnMobile: false,\n isBlocking: false,\n zIndex: undefined,\n};\n\nModalDialog.Header = ModalDialogHeader;\nModalDialog.Title = ModalDialogTitle;\nModalDialog.Footer = ModalDialogFooter;\nModalDialog.CloseButton = ModalCloseButton;\nModalDialog.Body = ModalDialogBody;\nModalDialog.Hero = ModalDialogHero;\n\nexport default ModalDialog;\n"],"mappings":"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"}
@@ -1,9 +1,16 @@
1
- const _excluded = ["as", "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", "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); }
8
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
9
+ 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."); }
10
+ 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); }
11
+ 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; }
12
+ 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; } }
13
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
14
  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
15
  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
16
  import React from 'react';
@@ -11,19 +18,23 @@ import PropTypes from 'prop-types';
11
18
  import classNames from 'classnames';
12
19
  import useIsVisible from '../hooks/useIsVisible';
13
20
  function ModalDialogBody(_ref) {
14
- let {
15
- as,
16
- children
17
- } = _ref,
21
+ var as = _ref.as,
22
+ children = _ref.children,
18
23
  props = _objectWithoutProperties(_ref, _excluded);
19
- const [isScrolledToTop, topSentinelRef] = useIsVisible();
20
- const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();
21
- const className = classNames('pgn__modal-body', props.className, {
24
+ var _useIsVisible = useIsVisible(),
25
+ _useIsVisible2 = _slicedToArray(_useIsVisible, 2),
26
+ isScrolledToTop = _useIsVisible2[0],
27
+ topSentinelRef = _useIsVisible2[1];
28
+ var _useIsVisible3 = useIsVisible(),
29
+ _useIsVisible4 = _slicedToArray(_useIsVisible3, 2),
30
+ isScrolledToBottom = _useIsVisible4[0],
31
+ bottomSentinelRef = _useIsVisible4[1];
32
+ var className = classNames('pgn__modal-body', props.className, {
22
33
  'pgn__modal-body-scroll-top': isScrolledToTop,
23
34
  'pgn__modal-body-scroll-bottom': isScrolledToBottom
24
35
  });
25
36
  return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
26
- className
37
+ className: className
27
38
  }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
28
39
  ref: topSentinelRef
29
40
  }), /*#__PURE__*/React.createElement("div", {
@@ -1 +1 @@
1
- {"version":3,"file":"ModalDialogBody.js","names":["React","PropTypes","classNames","useIsVisible","ModalDialogBody","_ref","as","children","props","_objectWithoutProperties","_excluded","isScrolledToTop","topSentinelRef","isScrolledToBottom","bottomSentinelRef","className","createElement","_objectSpread","Fragment","ref","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport useIsVisible from '../hooks/useIsVisible';\n\nfunction ModalDialogBody({\n as,\n children,\n ...props\n}) {\n const [isScrolledToTop, topSentinelRef] = useIsVisible();\n const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();\n const className = classNames(\n 'pgn__modal-body',\n props.className,\n {\n 'pgn__modal-body-scroll-top': isScrolledToTop,\n 'pgn__modal-body-scroll-bottom': isScrolledToBottom,\n },\n );\n return React.createElement(\n as,\n { ...props, className },\n (\n <>\n <div ref={topSentinelRef} />\n <div className=\"pgn__modal-body-content\">\n {children}\n </div>\n <div ref={bottomSentinelRef} />\n </>\n ),\n );\n}\n\nModalDialogBody.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the contents of the header */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nModalDialogBody.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nexport default ModalDialogBody;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,uBAAuB;AAEhD,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAJsB;MACvBC,EAAE;MACFC;IAEF,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,MAAM,CAACC,eAAe,EAAEC,cAAc,CAAC,GAAGT,YAAY,CAAC,CAAC;EACxD,MAAM,CAACU,kBAAkB,EAAEC,iBAAiB,CAAC,GAAGX,YAAY,CAAC,CAAC;EAC9D,MAAMY,SAAS,GAAGb,UAAU,CAC1B,iBAAiB,EACjBM,KAAK,CAACO,SAAS,EACf;IACE,4BAA4B,EAAEJ,eAAe;IAC7C,+BAA+B,EAAEE;EACnC,CACF,CAAC;EACD,oBAAOb,KAAK,CAACgB,aAAa,CACxBV,EAAE,EAAAW,aAAA,CAAAA,aAAA,KACGT,KAAK;IAAEO;EAAS,iBAEnBf,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAkB,QAAA,qBACElB,KAAA,CAAAgB,aAAA;IAAKG,GAAG,EAAEP;EAAe,CAAE,CAAC,eAC5BZ,KAAA,CAAAgB,aAAA;IAAKD,SAAS,EAAC;EAAyB,GACrCR,QACE,CAAC,eACNP,KAAA,CAAAgB,aAAA;IAAKG,GAAG,EAAEL;EAAkB,CAAE,CAC9B,CAEN,CAAC;AACH;AAEAV,eAAe,CAACgB,SAAS,GAAG;EAC1B;EACAd,EAAE,EAAEL,SAAS,CAACoB,WAAW;EACzB;EACAd,QAAQ,EAAEN,SAAS,CAACqB,IAAI,CAACC,UAAU;EACnC;EACAR,SAAS,EAAEd,SAAS,CAACuB;AACvB,CAAC;AAEDpB,eAAe,CAACqB,YAAY,GAAG;EAC7BnB,EAAE,EAAE,KAAK;EACTS,SAAS,EAAEW;AACb,CAAC;AAED,eAAetB,eAAe"}
1
+ {"version":3,"file":"ModalDialogBody.js","names":["React","PropTypes","classNames","useIsVisible","ModalDialogBody","_ref","as","children","props","_objectWithoutProperties","_excluded","_useIsVisible","_useIsVisible2","_slicedToArray","isScrolledToTop","topSentinelRef","_useIsVisible3","_useIsVisible4","isScrolledToBottom","bottomSentinelRef","className","createElement","_objectSpread","Fragment","ref","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport useIsVisible from '../hooks/useIsVisible';\n\nfunction ModalDialogBody({\n as,\n children,\n ...props\n}) {\n const [isScrolledToTop, topSentinelRef] = useIsVisible();\n const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();\n const className = classNames(\n 'pgn__modal-body',\n props.className,\n {\n 'pgn__modal-body-scroll-top': isScrolledToTop,\n 'pgn__modal-body-scroll-bottom': isScrolledToBottom,\n },\n );\n return React.createElement(\n as,\n { ...props, className },\n (\n <>\n <div ref={topSentinelRef} />\n <div className=\"pgn__modal-body-content\">\n {children}\n </div>\n <div ref={bottomSentinelRef} />\n </>\n ),\n );\n}\n\nModalDialogBody.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the contents of the header */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nModalDialogBody.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nexport default ModalDialogBody;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,uBAAuB;AAEhD,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAHDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,IAAAC,aAAA,GAA0CR,YAAY,CAAC,CAAC;IAAAS,cAAA,GAAAC,cAAA,CAAAF,aAAA;IAAjDG,eAAe,GAAAF,cAAA;IAAEG,cAAc,GAAAH,cAAA;EACtC,IAAAI,cAAA,GAAgDb,YAAY,CAAC,CAAC;IAAAc,cAAA,GAAAJ,cAAA,CAAAG,cAAA;IAAvDE,kBAAkB,GAAAD,cAAA;IAAEE,iBAAiB,GAAAF,cAAA;EAC5C,IAAMG,SAAS,GAAGlB,UAAU,CAC1B,iBAAiB,EACjBM,KAAK,CAACY,SAAS,EACf;IACE,4BAA4B,EAAEN,eAAe;IAC7C,+BAA+B,EAAEI;EACnC,CACF,CAAC;EACD,oBAAOlB,KAAK,CAACqB,aAAa,CACxBf,EAAE,EAAAgB,aAAA,CAAAA,aAAA,KACGd,KAAK;IAAEY,SAAS,EAATA;EAAS,iBAEnBpB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAqB,aAAA;IAAKG,GAAG,EAAET;EAAe,CAAE,CAAC,eAC5Bf,KAAA,CAAAqB,aAAA;IAAKD,SAAS,EAAC;EAAyB,GACrCb,QACE,CAAC,eACNP,KAAA,CAAAqB,aAAA;IAAKG,GAAG,EAAEL;EAAkB,CAAE,CAC9B,CAEN,CAAC;AACH;AAEAf,eAAe,CAACqB,SAAS,GAAG;EAC1B;EACAnB,EAAE,EAAEL,SAAS,CAACyB,WAAW;EACzB;EACAnB,QAAQ,EAAEN,SAAS,CAAC0B,IAAI,CAACC,UAAU;EACnC;EACAR,SAAS,EAAEnB,SAAS,CAAC4B;AACvB,CAAC;AAEDzB,eAAe,CAAC0B,YAAY,GAAG;EAC7BxB,EAAE,EAAE,KAAK;EACTc,SAAS,EAAEW;AACb,CAAC;AAED,eAAe3B,eAAe"}
@@ -1,19 +1,18 @@
1
- const _excluded = ["as", "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", "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 ModalDialogFooter(_ref) {
13
- let {
14
- as,
15
- children
16
- } = _ref,
14
+ var as = _ref.as,
15
+ children = _ref.children,
17
16
  props = _objectWithoutProperties(_ref, _excluded);
18
17
  return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
19
18
  className: classNames('pgn__modal-footer', props.className)
@@ -1 +1 @@
1
- {"version":3,"file":"ModalDialogFooter.js","names":["React","PropTypes","classNames","ModalDialogFooter","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogFooter.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogFooter({\n as,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__modal-footer', props.className),\n },\n children,\n );\n}\n\nModalDialogFooter.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the contents of the header */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nModalDialogFooter.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nexport default ModalDialogFooter;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAIvB;EAAA,IAJwB;MACzBC,EAAE;MACFC;IAEF,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOT,KAAK,CAACU,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEV,UAAU,CAAC,mBAAmB,EAAEK,KAAK,CAACK,SAAS;EAAC,IAE7DN,QACF,CAAC;AACH;AAEAH,iBAAiB,CAACU,SAAS,GAAG;EAC5B;EACAR,EAAE,EAAEJ,SAAS,CAACa,WAAW;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEX,SAAS,CAACgB;AACvB,CAAC;AAEDd,iBAAiB,CAACe,YAAY,GAAG;EAC/Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAED,eAAehB,iBAAiB"}
1
+ {"version":3,"file":"ModalDialogFooter.js","names":["React","PropTypes","classNames","ModalDialogFooter","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogFooter.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogFooter({\n as,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__modal-footer', props.className),\n },\n children,\n );\n}\n\nModalDialogFooter.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the contents of the header */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nModalDialogFooter.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nexport default ModalDialogFooter;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAIvB;EAAA,IAHDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOT,KAAK,CAACU,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEV,UAAU,CAAC,mBAAmB,EAAEK,KAAK,CAACK,SAAS;EAAC,IAE7DN,QACF,CAAC;AACH;AAEAH,iBAAiB,CAACU,SAAS,GAAG;EAC5B;EACAR,EAAE,EAAEJ,SAAS,CAACa,WAAW;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEX,SAAS,CAACgB;AACvB,CAAC;AAEDd,iBAAiB,CAACe,YAAY,GAAG;EAC/Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAED,eAAehB,iBAAiB"}
@@ -1,19 +1,18 @@
1
- const _excluded = ["as", "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", "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 ModalDialogHeader(_ref) {
13
- let {
14
- as,
15
- children
16
- } = _ref,
14
+ var as = _ref.as,
15
+ children = _ref.children,
17
16
  props = _objectWithoutProperties(_ref, _excluded);
18
17
  return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
19
18
  className: classNames('pgn__modal-header', props.className)
@@ -1 +1 @@
1
- {"version":3,"file":"ModalDialogHeader.js","names":["React","PropTypes","classNames","ModalDialogHeader","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogHeader.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogHeader({\n as,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__modal-header', props.className),\n },\n children,\n );\n}\n\nModalDialogHeader.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the contents of the header */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nModalDialogHeader.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nexport default ModalDialogHeader;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAIvB;EAAA,IAJwB;MACzBC,EAAE;MACFC;IAEF,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOT,KAAK,CAACU,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEV,UAAU,CAAC,mBAAmB,EAAEK,KAAK,CAACK,SAAS;EAAC,IAE7DN,QACF,CAAC;AACH;AAEAH,iBAAiB,CAACU,SAAS,GAAG;EAC5B;EACAR,EAAE,EAAEJ,SAAS,CAACa,WAAW;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEX,SAAS,CAACgB;AACvB,CAAC;AAEDd,iBAAiB,CAACe,YAAY,GAAG;EAC/Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAED,eAAehB,iBAAiB"}
1
+ {"version":3,"file":"ModalDialogHeader.js","names":["React","PropTypes","classNames","ModalDialogHeader","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogHeader.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogHeader({\n as,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__modal-header', props.className),\n },\n children,\n );\n}\n\nModalDialogHeader.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the contents of the header */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nModalDialogHeader.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nexport default ModalDialogHeader;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAIvB;EAAA,IAHDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOT,KAAK,CAACU,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEV,UAAU,CAAC,mBAAmB,EAAEK,KAAK,CAACK,SAAS;EAAC,IAE7DN,QACF,CAAC;AACH;AAEAH,iBAAiB,CAACU,SAAS,GAAG;EAC5B;EACAR,EAAE,EAAEJ,SAAS,CAACa,WAAW;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEX,SAAS,CAACgB;AACvB,CAAC;AAEDd,iBAAiB,CAACe,YAAY,GAAG;EAC/Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAED,eAAehB,iBAAiB"}
@@ -1,9 +1,10 @@
1
- const _excluded = ["as", "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", "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';
@@ -12,10 +13,8 @@ import classNames from 'classnames';
12
13
  import ModalDialogHeroContent from './ModalDialogHeroContent';
13
14
  import ModalDialogHeroBackground from './ModalDialogHeroBackground';
14
15
  function ModalDialogHero(_ref) {
15
- let {
16
- as,
17
- children
18
- } = _ref,
16
+ var as = _ref.as,
17
+ children = _ref.children,
19
18
  props = _objectWithoutProperties(_ref, _excluded);
20
19
  return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
21
20
  className: classNames('pgn__modal-hero', props.className)
@@ -1 +1 @@
1
- {"version":3,"file":"ModalDialogHero.js","names":["React","PropTypes","classNames","ModalDialogHeroContent","ModalDialogHeroBackground","ModalDialogHero","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined","Content","Background"],"sources":["../../src/Modal/ModalDialogHero.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ModalDialogHeroContent from './ModalDialogHeroContent';\nimport ModalDialogHeroBackground from './ModalDialogHeroBackground';\n\nfunction ModalDialogHero({\n as,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__modal-hero', props.className),\n },\n children,\n );\n}\n\nModalDialogHero.propTypes = {\n as: PropTypes.elementType,\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n};\n\nModalDialogHero.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nModalDialogHero.Content = ModalDialogHeroContent;\nModalDialogHero.Background = ModalDialogHeroBackground;\n\nexport default ModalDialogHero;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,yBAAyB,MAAM,6BAA6B;AAEnE,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAJsB;MACvBC,EAAE;MACFC;IAEF,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOX,KAAK,CAACY,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEZ,UAAU,CAAC,iBAAiB,EAAEO,KAAK,CAACK,SAAS;EAAC,IAE3DN,QACF,CAAC;AACH;AAEAH,eAAe,CAACU,SAAS,GAAG;EAC1BR,EAAE,EAAEN,SAAS,CAACe,WAAW;EACzBR,QAAQ,EAAEP,SAAS,CAACgB,IAAI,CAACC,UAAU;EACnCJ,SAAS,EAAEb,SAAS,CAACkB;AACvB,CAAC;AAEDd,eAAe,CAACe,YAAY,GAAG;EAC7Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAEDhB,eAAe,CAACiB,OAAO,GAAGnB,sBAAsB;AAChDE,eAAe,CAACkB,UAAU,GAAGnB,yBAAyB;AAEtD,eAAeC,eAAe"}
1
+ {"version":3,"file":"ModalDialogHero.js","names":["React","PropTypes","classNames","ModalDialogHeroContent","ModalDialogHeroBackground","ModalDialogHero","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined","Content","Background"],"sources":["../../src/Modal/ModalDialogHero.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ModalDialogHeroContent from './ModalDialogHeroContent';\nimport ModalDialogHeroBackground from './ModalDialogHeroBackground';\n\nfunction ModalDialogHero({\n as,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__modal-hero', props.className),\n },\n children,\n );\n}\n\nModalDialogHero.propTypes = {\n as: PropTypes.elementType,\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n};\n\nModalDialogHero.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nModalDialogHero.Content = ModalDialogHeroContent;\nModalDialogHero.Background = ModalDialogHeroBackground;\n\nexport default ModalDialogHero;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,yBAAyB,MAAM,6BAA6B;AAEnE,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAHDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOX,KAAK,CAACY,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEZ,UAAU,CAAC,iBAAiB,EAAEO,KAAK,CAACK,SAAS;EAAC,IAE3DN,QACF,CAAC;AACH;AAEAH,eAAe,CAACU,SAAS,GAAG;EAC1BR,EAAE,EAAEN,SAAS,CAACe,WAAW;EACzBR,QAAQ,EAAEP,SAAS,CAACgB,IAAI,CAACC,UAAU;EACnCJ,SAAS,EAAEb,SAAS,CAACkB;AACvB,CAAC;AAEDd,eAAe,CAACe,YAAY,GAAG;EAC7Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAEDhB,eAAe,CAACiB,OAAO,GAAGnB,sBAAsB;AAChDE,eAAe,CAACkB,UAAU,GAAGnB,yBAAyB;AAEtD,eAAeC,eAAe"}