@openedx/paragon 21.12.1 → 21.12.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (416) hide show
  1. package/dist/ActionRow/index.js +7 -8
  2. package/dist/ActionRow/index.js.map +1 -1
  3. package/dist/Alert/index.js +33 -25
  4. package/dist/Alert/index.js.map +1 -1
  5. package/dist/Annotation/index.js +7 -9
  6. package/dist/Annotation/index.js.map +1 -1
  7. package/dist/Avatar/index.js +5 -7
  8. package/dist/Avatar/index.js.map +1 -1
  9. package/dist/AvatarButton/index.js +10 -12
  10. package/dist/AvatarButton/index.js.map +1 -1
  11. package/dist/Badge/index.js +6 -4
  12. package/dist/Badge/index.js.map +1 -1
  13. package/dist/Breadcrumb/BreadcrumbLink.js +11 -14
  14. package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
  15. package/dist/Breadcrumb/index.js +29 -29
  16. package/dist/Breadcrumb/index.js.map +1 -1
  17. package/dist/Bubble/index.js +11 -13
  18. package/dist/Bubble/index.js.map +1 -1
  19. package/dist/Button/deprecated/index.js +87 -66
  20. package/dist/Button/deprecated/index.js.map +1 -1
  21. package/dist/Button/index.js +10 -11
  22. package/dist/Button/index.js.map +1 -1
  23. package/dist/Card/CardBody.js +4 -6
  24. package/dist/Card/CardBody.js.map +1 -1
  25. package/dist/Card/CardCarousel/CardCarousel.js +11 -13
  26. package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
  27. package/dist/Card/CardCarousel/CardCarouselControls.js +6 -7
  28. package/dist/Card/CardCarousel/CardCarouselControls.js.map +1 -1
  29. package/dist/Card/CardCarousel/CardCarouselHeader.js +9 -12
  30. package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
  31. package/dist/Card/CardCarousel/CardCarouselItems.js +6 -9
  32. package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
  33. package/dist/Card/CardCarousel/CardCarouselProvider.js +27 -28
  34. package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
  35. package/dist/Card/CardCarousel/CardCarouselSubtitle.js +4 -6
  36. package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
  37. package/dist/Card/CardCarousel/CardCarouselTitle.js +4 -6
  38. package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
  39. package/dist/Card/CardContext.js +8 -10
  40. package/dist/Card/CardContext.js.map +1 -1
  41. package/dist/Card/CardDeck.js +19 -17
  42. package/dist/Card/CardDeck.js.map +1 -1
  43. package/dist/Card/CardDivider.js +3 -5
  44. package/dist/Card/CardDivider.js.map +1 -1
  45. package/dist/Card/CardFooter.js +15 -18
  46. package/dist/Card/CardFooter.js.map +1 -1
  47. package/dist/Card/CardGrid.js +13 -11
  48. package/dist/Card/CardGrid.js.map +1 -1
  49. package/dist/Card/CardHeader.js +17 -22
  50. package/dist/Card/CardHeader.js.map +1 -1
  51. package/dist/Card/CardImageCap.js +48 -33
  52. package/dist/Card/CardImageCap.js.map +1 -1
  53. package/dist/Card/CardSection.js +11 -14
  54. package/dist/Card/CardSection.js.map +1 -1
  55. package/dist/Card/CardStatus.js +11 -14
  56. package/dist/Card/CardStatus.js.map +1 -1
  57. package/dist/Card/index.js +18 -20
  58. package/dist/Card/index.js.map +1 -1
  59. package/dist/Carousel/index.js +17 -11
  60. package/dist/Carousel/index.js.map +1 -1
  61. package/dist/CheckBox/index.js +66 -36
  62. package/dist/CheckBox/index.js.map +1 -1
  63. package/dist/Chip/index.js +14 -16
  64. package/dist/Chip/index.js.map +1 -1
  65. package/dist/ChipCarousel/index.js +29 -30
  66. package/dist/ChipCarousel/index.js.map +1 -1
  67. package/dist/Collapsible/CollapsibleAdvanced.js +82 -62
  68. package/dist/Collapsible/CollapsibleAdvanced.js.map +1 -1
  69. package/dist/Collapsible/CollapsibleBody.js +13 -15
  70. package/dist/Collapsible/CollapsibleBody.js.map +1 -1
  71. package/dist/Collapsible/CollapsibleTrigger.js +18 -20
  72. package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
  73. package/dist/Collapsible/CollapsibleVisible.js +6 -9
  74. package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
  75. package/dist/Collapsible/index.js +17 -18
  76. package/dist/Collapsible/index.js.map +1 -1
  77. package/dist/ColorPicker/index.js +58 -33
  78. package/dist/ColorPicker/index.js.map +1 -1
  79. package/dist/Container/index.js +8 -9
  80. package/dist/Container/index.js.map +1 -1
  81. package/dist/DataTable/ActionDisplay.js +8 -9
  82. package/dist/DataTable/ActionDisplay.js.map +1 -1
  83. package/dist/DataTable/BulkActions.js +23 -20
  84. package/dist/DataTable/BulkActions.js.map +1 -1
  85. package/dist/DataTable/CardView.js +46 -43
  86. package/dist/DataTable/CardView.js.map +1 -1
  87. package/dist/DataTable/CollapsibleButtonGroup.js +57 -39
  88. package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
  89. package/dist/DataTable/DataTableContext.js +1 -1
  90. package/dist/DataTable/DataTableContext.js.map +1 -1
  91. package/dist/DataTable/DataTableLayout.js +6 -9
  92. package/dist/DataTable/DataTableLayout.js.map +1 -1
  93. package/dist/DataTable/DataViewToggle.js +25 -20
  94. package/dist/DataTable/DataViewToggle.js.map +1 -1
  95. package/dist/DataTable/DropdownFilters.js +41 -28
  96. package/dist/DataTable/DropdownFilters.js.map +1 -1
  97. package/dist/DataTable/EmptyTable.js +6 -9
  98. package/dist/DataTable/EmptyTable.js.map +1 -1
  99. package/dist/DataTable/ExpandAll.js +2 -4
  100. package/dist/DataTable/ExpandAll.js.map +1 -1
  101. package/dist/DataTable/ExpandRow.js +2 -4
  102. package/dist/DataTable/ExpandRow.js.map +1 -1
  103. package/dist/DataTable/FilterStatus.js +18 -17
  104. package/dist/DataTable/FilterStatus.js.map +1 -1
  105. package/dist/DataTable/RowStatus.js +15 -18
  106. package/dist/DataTable/RowStatus.js.map +1 -1
  107. package/dist/DataTable/SidebarFilters.js +16 -13
  108. package/dist/DataTable/SidebarFilters.js.map +1 -1
  109. package/dist/DataTable/SmartStatus.js +14 -16
  110. package/dist/DataTable/SmartStatus.js.map +1 -1
  111. package/dist/DataTable/Table.js +17 -19
  112. package/dist/DataTable/Table.js.map +1 -1
  113. package/dist/DataTable/TableActions.js +11 -13
  114. package/dist/DataTable/TableActions.js.map +1 -1
  115. package/dist/DataTable/TableCell.js +6 -10
  116. package/dist/DataTable/TableCell.js.map +1 -1
  117. package/dist/DataTable/TableControlBar.js +7 -12
  118. package/dist/DataTable/TableControlBar.js.map +1 -1
  119. package/dist/DataTable/TableFilters.js +14 -12
  120. package/dist/DataTable/TableFilters.js.map +1 -1
  121. package/dist/DataTable/TableFooter.js +5 -8
  122. package/dist/DataTable/TableFooter.js.map +1 -1
  123. package/dist/DataTable/TableHeaderCell.js +11 -15
  124. package/dist/DataTable/TableHeaderCell.js.map +1 -1
  125. package/dist/DataTable/TableHeaderRow.js +6 -4
  126. package/dist/DataTable/TableHeaderRow.js.map +1 -1
  127. package/dist/DataTable/TablePagination.js +8 -7
  128. package/dist/DataTable/TablePagination.js.map +1 -1
  129. package/dist/DataTable/TablePaginationMinimal.js +9 -8
  130. package/dist/DataTable/TablePaginationMinimal.js.map +1 -1
  131. package/dist/DataTable/TableRow.js +15 -18
  132. package/dist/DataTable/TableRow.js.map +1 -1
  133. package/dist/DataTable/_variables.scss +1 -1
  134. package/dist/DataTable/filters/CheckboxFilter.js +23 -22
  135. package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
  136. package/dist/DataTable/filters/DropdownFilter.js +14 -19
  137. package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
  138. package/dist/DataTable/filters/MultiSelectDropdownFilter.js +19 -20
  139. package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
  140. package/dist/DataTable/filters/TextFilter.js +10 -13
  141. package/dist/DataTable/filters/TextFilter.js.map +1 -1
  142. package/dist/DataTable/hooks.js +29 -25
  143. package/dist/DataTable/hooks.js.map +1 -1
  144. package/dist/DataTable/index.js +120 -104
  145. package/dist/DataTable/index.js.map +1 -1
  146. package/dist/DataTable/selection/BaseSelectionStatus.js +29 -31
  147. package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
  148. package/dist/DataTable/selection/ControlledSelect.js +13 -9
  149. package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
  150. package/dist/DataTable/selection/ControlledSelectHeader.js +19 -15
  151. package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
  152. package/dist/DataTable/selection/ControlledSelectionStatus.js +34 -24
  153. package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
  154. package/dist/DataTable/selection/SelectionStatus.js +23 -23
  155. package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
  156. package/dist/DataTable/utils/getVisibleColumns.js +36 -44
  157. package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
  158. package/dist/Dropdown/deprecated/DropdownButton.js +9 -13
  159. package/dist/Dropdown/deprecated/DropdownButton.js.map +1 -1
  160. package/dist/Dropdown/deprecated/DropdownItem.js +7 -8
  161. package/dist/Dropdown/deprecated/DropdownItem.js.map +1 -1
  162. package/dist/Dropdown/deprecated/DropdownMenu.js +8 -12
  163. package/dist/Dropdown/deprecated/DropdownMenu.js.map +1 -1
  164. package/dist/Dropdown/deprecated/index.js +136 -103
  165. package/dist/Dropdown/deprecated/index.js.map +1 -1
  166. package/dist/Dropdown/index.js +32 -29
  167. package/dist/Dropdown/index.js.map +1 -1
  168. package/dist/Dropzone/DefaultContent.js +13 -13
  169. package/dist/Dropzone/DefaultContent.js.map +1 -1
  170. package/dist/Dropzone/DragError.js +1 -3
  171. package/dist/Dropzone/DragError.js.map +1 -1
  172. package/dist/Dropzone/GenericError.js +7 -7
  173. package/dist/Dropzone/GenericError.js.map +1 -1
  174. package/dist/Dropzone/UploadProgress.js +6 -8
  175. package/dist/Dropzone/UploadProgress.js.map +1 -1
  176. package/dist/Dropzone/index.js +145 -86
  177. package/dist/Dropzone/index.js.map +1 -1
  178. package/dist/Fieldset/index.js +82 -57
  179. package/dist/Fieldset/index.js.map +1 -1
  180. package/dist/Form/FormAutosuggest.js +137 -95
  181. package/dist/Form/FormAutosuggest.js.map +1 -1
  182. package/dist/Form/FormAutosuggestOption.js +4 -6
  183. package/dist/Form/FormAutosuggestOption.js.map +1 -1
  184. package/dist/Form/FormCheckbox.js +35 -42
  185. package/dist/Form/FormCheckbox.js.map +1 -1
  186. package/dist/Form/FormCheckboxSet.js +13 -16
  187. package/dist/Form/FormCheckboxSet.js.map +1 -1
  188. package/dist/Form/FormCheckboxSetContext.js +39 -34
  189. package/dist/Form/FormCheckboxSetContext.js.map +1 -1
  190. package/dist/Form/FormControl.js +41 -35
  191. package/dist/Form/FormControl.js.map +1 -1
  192. package/dist/Form/FormControlDecorator.js +3 -5
  193. package/dist/Form/FormControlDecorator.js.map +1 -1
  194. package/dist/Form/FormControlDecoratorGroup.js +8 -10
  195. package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
  196. package/dist/Form/FormControlFeedback.js +12 -15
  197. package/dist/Form/FormControlFeedback.js.map +1 -1
  198. package/dist/Form/FormControlFloatingLabel.js +3 -6
  199. package/dist/Form/FormControlFloatingLabel.js.map +1 -1
  200. package/dist/Form/FormControlSet.js +8 -9
  201. package/dist/Form/FormControlSet.js.map +1 -1
  202. package/dist/Form/FormGroup.js +11 -12
  203. package/dist/Form/FormGroup.js.map +1 -1
  204. package/dist/Form/FormGroupContext.js +64 -39
  205. package/dist/Form/FormGroupContext.js.map +1 -1
  206. package/dist/Form/FormLabel.js +15 -17
  207. package/dist/Form/FormLabel.js.map +1 -1
  208. package/dist/Form/FormRadio.js +19 -22
  209. package/dist/Form/FormRadio.js.map +1 -1
  210. package/dist/Form/FormRadioSet.js +13 -16
  211. package/dist/Form/FormRadioSet.js.map +1 -1
  212. package/dist/Form/FormRadioSetContext.js +39 -34
  213. package/dist/Form/FormRadioSetContext.js.map +1 -1
  214. package/dist/Form/FormSwitch.js +16 -20
  215. package/dist/Form/FormSwitch.js.map +1 -1
  216. package/dist/Form/FormText.js +20 -29
  217. package/dist/Form/FormText.js.map +1 -1
  218. package/dist/Form/useCheckboxSetValues.js +46 -23
  219. package/dist/Form/useCheckboxSetValues.js.map +1 -1
  220. package/dist/Hyperlink/index.js +25 -25
  221. package/dist/Hyperlink/index.js.map +1 -1
  222. package/dist/Hyperlink/index.scss +2 -2
  223. package/dist/Icon/index.js +21 -20
  224. package/dist/Icon/index.js.map +1 -1
  225. package/dist/IconButton/index.js +30 -32
  226. package/dist/IconButton/index.js.map +1 -1
  227. package/dist/IconButtonToggle/index.js +16 -16
  228. package/dist/IconButtonToggle/index.js.map +1 -1
  229. package/dist/Input/index.js +122 -92
  230. package/dist/Input/index.js.map +1 -1
  231. package/dist/InputSelect/index.js +78 -51
  232. package/dist/InputSelect/index.js.map +1 -1
  233. package/dist/InputText/index.js +11 -9
  234. package/dist/InputText/index.js.map +1 -1
  235. package/dist/Layout/index.js +33 -29
  236. package/dist/Layout/index.js.map +1 -1
  237. package/dist/ListBox/index.js +112 -80
  238. package/dist/ListBox/index.js.map +1 -1
  239. package/dist/ListBoxOption/index.js +68 -45
  240. package/dist/ListBoxOption/index.js.map +1 -1
  241. package/dist/MailtoLink/index.js +37 -34
  242. package/dist/MailtoLink/index.js.map +1 -1
  243. package/dist/Menu/MenuItem.js +13 -14
  244. package/dist/Menu/MenuItem.js.map +1 -1
  245. package/dist/Menu/SelectMenu.js +68 -44
  246. package/dist/Menu/SelectMenu.js.map +1 -1
  247. package/dist/Menu/index.js +10 -11
  248. package/dist/Menu/index.js.map +1 -1
  249. package/dist/Modal/AlertModal.js +5 -7
  250. package/dist/Modal/AlertModal.js.map +1 -1
  251. package/dist/Modal/FullscreenModal.js +6 -8
  252. package/dist/Modal/FullscreenModal.js.map +1 -1
  253. package/dist/Modal/MarketingModal.js +8 -10
  254. package/dist/Modal/MarketingModal.js.map +1 -1
  255. package/dist/Modal/ModalCloseButton.js +13 -15
  256. package/dist/Modal/ModalCloseButton.js.map +1 -1
  257. package/dist/Modal/ModalContext.js +13 -13
  258. package/dist/Modal/ModalContext.js.map +1 -1
  259. package/dist/Modal/ModalDialog.js +22 -23
  260. package/dist/Modal/ModalDialog.js.map +1 -1
  261. package/dist/Modal/ModalDialogBody.js +22 -11
  262. package/dist/Modal/ModalDialogBody.js.map +1 -1
  263. package/dist/Modal/ModalDialogFooter.js +6 -7
  264. package/dist/Modal/ModalDialogFooter.js.map +1 -1
  265. package/dist/Modal/ModalDialogHeader.js +6 -7
  266. package/dist/Modal/ModalDialogHeader.js.map +1 -1
  267. package/dist/Modal/ModalDialogHero.js +6 -7
  268. package/dist/Modal/ModalDialogHero.js.map +1 -1
  269. package/dist/Modal/ModalDialogHeroBackground.js +8 -9
  270. package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
  271. package/dist/Modal/ModalDialogHeroContent.js +6 -7
  272. package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
  273. package/dist/Modal/ModalDialogTitle.js +6 -7
  274. package/dist/Modal/ModalDialogTitle.js.map +1 -1
  275. package/dist/Modal/ModalLayer.js +11 -17
  276. package/dist/Modal/ModalLayer.js.map +1 -1
  277. package/dist/Modal/ModalPopup.js +17 -17
  278. package/dist/Modal/ModalPopup.js.map +1 -1
  279. package/dist/Modal/PopperElement.js +25 -18
  280. package/dist/Modal/PopperElement.js.map +1 -1
  281. package/dist/Modal/Portal.js +40 -18
  282. package/dist/Modal/Portal.js.map +1 -1
  283. package/dist/Modal/StandardModal.js +6 -8
  284. package/dist/Modal/StandardModal.js.map +1 -1
  285. package/dist/Modal/index.js +215 -187
  286. package/dist/Modal/index.js.map +1 -1
  287. package/dist/Nav/index.js +3 -2
  288. package/dist/Nav/index.js.map +1 -1
  289. package/dist/Navbar/index.js +7 -6
  290. package/dist/Navbar/index.js.map +1 -1
  291. package/dist/OverflowScroll/OverflowScroll.js +45 -37
  292. package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
  293. package/dist/OverflowScroll/OverflowScrollContext.js +1 -1
  294. package/dist/OverflowScroll/OverflowScrollContext.js.map +1 -1
  295. package/dist/OverflowScroll/OverflowScrollItems.js +2 -4
  296. package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
  297. package/dist/Overlay/index.js +4 -4
  298. package/dist/Overlay/index.js.map +1 -1
  299. package/dist/PageBanner/index.js +11 -13
  300. package/dist/PageBanner/index.js.map +1 -1
  301. package/dist/Pagination/index.js +331 -296
  302. package/dist/Pagination/index.js.map +1 -1
  303. package/dist/Pagination/index.scss +1 -0
  304. package/dist/Popover/index.js +11 -14
  305. package/dist/Popover/index.js.map +1 -1
  306. package/dist/ProductTour/Checkpoint.js +29 -22
  307. package/dist/ProductTour/Checkpoint.js.map +1 -1
  308. package/dist/ProductTour/CheckpointActionRow.js +18 -16
  309. package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
  310. package/dist/ProductTour/CheckpointBody.js +2 -4
  311. package/dist/ProductTour/CheckpointBody.js.map +1 -1
  312. package/dist/ProductTour/CheckpointBreadcrumbs.js +16 -16
  313. package/dist/ProductTour/CheckpointBreadcrumbs.js.map +1 -1
  314. package/dist/ProductTour/CheckpointTitle.js +2 -4
  315. package/dist/ProductTour/CheckpointTitle.js.map +1 -1
  316. package/dist/ProductTour/index.js +66 -47
  317. package/dist/ProductTour/index.js.map +1 -1
  318. package/dist/ProgressBar/index.js +37 -35
  319. package/dist/ProgressBar/index.js.map +1 -1
  320. package/dist/RadioButtonGroup/index.js +133 -102
  321. package/dist/RadioButtonGroup/index.js.map +1 -1
  322. package/dist/Scrollable/index.js +30 -15
  323. package/dist/Scrollable/index.js.map +1 -1
  324. package/dist/SearchField/SearchFieldAdvanced.js +54 -44
  325. package/dist/SearchField/SearchFieldAdvanced.js.map +1 -1
  326. package/dist/SearchField/SearchFieldClearButton.js +7 -8
  327. package/dist/SearchField/SearchFieldClearButton.js.map +1 -1
  328. package/dist/SearchField/SearchFieldInput.js +8 -9
  329. package/dist/SearchField/SearchFieldInput.js.map +1 -1
  330. package/dist/SearchField/SearchFieldLabel.js +5 -8
  331. package/dist/SearchField/SearchFieldLabel.js.map +1 -1
  332. package/dist/SearchField/SearchFieldSubmitButton.js +12 -15
  333. package/dist/SearchField/SearchFieldSubmitButton.js.map +1 -1
  334. package/dist/SearchField/index.js +22 -22
  335. package/dist/SearchField/index.js.map +1 -1
  336. package/dist/SelectableBox/SelectableBoxSet.js +25 -26
  337. package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
  338. package/dist/SelectableBox/index.js +42 -38
  339. package/dist/SelectableBox/index.js.map +1 -1
  340. package/dist/Sheet/SheetContainer.js +38 -16
  341. package/dist/Sheet/SheetContainer.js.map +1 -1
  342. package/dist/Sheet/index.js +65 -43
  343. package/dist/Sheet/index.js.map +1 -1
  344. package/dist/Spinner/index.js +8 -9
  345. package/dist/Spinner/index.js.map +1 -1
  346. package/dist/Stack/index.js +9 -11
  347. package/dist/Stack/index.js.map +1 -1
  348. package/dist/StatefulButton/index.js +15 -17
  349. package/dist/StatefulButton/index.js.map +1 -1
  350. package/dist/StatusAlert/index.js +120 -82
  351. package/dist/StatusAlert/index.js.map +1 -1
  352. package/dist/Stepper/Stepper.js +2 -4
  353. package/dist/Stepper/Stepper.js.map +1 -1
  354. package/dist/Stepper/StepperActionRow.js +7 -10
  355. package/dist/Stepper/StepperActionRow.js.map +1 -1
  356. package/dist/Stepper/StepperContext.js +64 -32
  357. package/dist/Stepper/StepperContext.js.map +1 -1
  358. package/dist/Stepper/StepperHeader.js +23 -30
  359. package/dist/Stepper/StepperHeader.js.map +1 -1
  360. package/dist/Stepper/StepperHeaderStep.js +14 -17
  361. package/dist/Stepper/StepperHeaderStep.js.map +1 -1
  362. package/dist/Stepper/StepperStep.js +23 -24
  363. package/dist/Stepper/StepperStep.js.map +1 -1
  364. package/dist/Sticky/index.js +30 -22
  365. package/dist/Sticky/index.js.map +1 -1
  366. package/dist/Table/index.js +178 -109
  367. package/dist/Table/index.js.map +1 -1
  368. package/dist/Tabs/deprecated/index.js +99 -66
  369. package/dist/Tabs/deprecated/index.js.map +1 -1
  370. package/dist/Tabs/index.js +65 -49
  371. package/dist/Tabs/index.js.map +1 -1
  372. package/dist/TextArea/index.js +10 -8
  373. package/dist/TextArea/index.js.map +1 -1
  374. package/dist/Toast/ToastContainer.js +38 -16
  375. package/dist/Toast/ToastContainer.js.map +1 -1
  376. package/dist/Toast/index.js +33 -18
  377. package/dist/Toast/index.js.map +1 -1
  378. package/dist/Tooltip/index.js +8 -9
  379. package/dist/Tooltip/index.js.map +1 -1
  380. package/dist/TransitionReplace/DemoTransitionReplace.js +12 -3
  381. package/dist/TransitionReplace/DemoTransitionReplace.js.map +1 -1
  382. package/dist/TransitionReplace/index.js +136 -100
  383. package/dist/TransitionReplace/index.js.map +1 -1
  384. package/dist/Truncate/index.js +30 -24
  385. package/dist/Truncate/index.js.map +1 -1
  386. package/dist/ValidationFormGroup/index.js +38 -37
  387. package/dist/ValidationFormGroup/index.js.map +1 -1
  388. package/dist/ValidationMessage/index.js +76 -51
  389. package/dist/ValidationMessage/index.js.map +1 -1
  390. package/dist/asInput/index.js +251 -202
  391. package/dist/asInput/index.js.map +1 -1
  392. package/dist/hooks/useArrowKeyNavigation.js +46 -43
  393. package/dist/hooks/useArrowKeyNavigation.js.map +1 -1
  394. package/dist/hooks/useIndexOfLastVisibleChild.js +40 -26
  395. package/dist/hooks/useIndexOfLastVisibleChild.js.map +1 -1
  396. package/dist/hooks/useIsVisible.js +20 -13
  397. package/dist/hooks/useIsVisible.js.map +1 -1
  398. package/dist/hooks/useToggle.js +18 -11
  399. package/dist/hooks/useToggle.js.map +1 -1
  400. package/dist/hooks/useWindowSize.js +17 -6
  401. package/dist/hooks/useWindowSize.js.map +1 -1
  402. package/dist/paragon.css +1 -1
  403. package/dist/withDeprecatedProps.js +79 -58
  404. package/dist/withDeprecatedProps.js.map +1 -1
  405. package/package.json +1 -5
  406. package/src/Button/index.jsx +2 -2
  407. package/src/DataTable/_variables.scss +1 -1
  408. package/src/Dropzone/index.jsx +1 -1
  409. package/src/Hyperlink/index.scss +2 -2
  410. package/src/Icon/index.jsx +1 -1
  411. package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +12 -10
  412. package/src/IconButton/index.jsx +1 -1
  413. package/src/Menu/MenuItem.jsx +2 -2
  414. package/src/Overlay/README.md +1 -1
  415. package/src/Overlay/index.jsx +1 -1
  416. package/src/Pagination/index.scss +1 -0
@@ -4,7 +4,7 @@ import CardCarouselTitle from './CardCarouselTitle';
4
4
  import CardCarouselSubtitle from './CardCarouselSubtitle';
5
5
  import DefaultCardCarouselControls from './CardCarouselControls';
6
6
  import { CardCarouselContext } from './CardCarouselProvider';
7
- const getFormattedTitle = title => {
7
+ var getFormattedTitle = function getFormattedTitle(title) {
8
8
  if (!title) {
9
9
  return null;
10
10
  }
@@ -13,7 +13,7 @@ const getFormattedTitle = title => {
13
13
  }
14
14
  return /*#__PURE__*/React.createElement(CardCarouselTitle, null, title);
15
15
  };
16
- const getFormattedSubtitle = subtitle => {
16
+ var getFormattedSubtitle = function getFormattedSubtitle(subtitle) {
17
17
  if (!subtitle) {
18
18
  return null;
19
19
  }
@@ -23,16 +23,13 @@ const getFormattedSubtitle = subtitle => {
23
23
  return /*#__PURE__*/React.createElement(CardCarouselSubtitle, null, subtitle);
24
24
  };
25
25
  function CardCarouselHeader(_ref) {
26
- let {
27
- title,
28
- subtitle
29
- } = _ref;
30
- const {
31
- CardCarouselControls: customCardCarouselControls
32
- } = useContext(CardCarouselContext);
33
- const CardCarouselControls = customCardCarouselControls || DefaultCardCarouselControls;
34
- const carouselTitle = getFormattedTitle(title);
35
- const carouselSubtitle = getFormattedSubtitle(subtitle);
26
+ var title = _ref.title,
27
+ subtitle = _ref.subtitle;
28
+ var _useContext = useContext(CardCarouselContext),
29
+ customCardCarouselControls = _useContext.CardCarouselControls;
30
+ var CardCarouselControls = customCardCarouselControls || DefaultCardCarouselControls;
31
+ var carouselTitle = getFormattedTitle(title);
32
+ var carouselSubtitle = getFormattedSubtitle(subtitle);
36
33
  return /*#__PURE__*/React.createElement("div", {
37
34
  className: "pgn__card-carousel-header"
38
35
  }, /*#__PURE__*/React.createElement("div", null, carouselTitle, carouselSubtitle), /*#__PURE__*/React.createElement(CardCarouselControls, null));
@@ -1 +1 @@
1
- {"version":3,"file":"CardCarouselHeader.js","names":["React","useContext","isValidElement","PropTypes","CardCarouselTitle","CardCarouselSubtitle","DefaultCardCarouselControls","CardCarouselContext","getFormattedTitle","title","createElement","getFormattedSubtitle","subtitle","CardCarouselHeader","_ref","CardCarouselControls","customCardCarouselControls","carouselTitle","carouselSubtitle","className","propTypes","node","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselHeader.jsx"],"sourcesContent":["import React, { useContext, isValidElement } from 'react';\nimport PropTypes from 'prop-types';\nimport CardCarouselTitle from './CardCarouselTitle';\nimport CardCarouselSubtitle from './CardCarouselSubtitle';\nimport DefaultCardCarouselControls from './CardCarouselControls';\nimport { CardCarouselContext } from './CardCarouselProvider';\n\nconst getFormattedTitle = (title) => {\n if (!title) {\n return null;\n }\n if (isValidElement(title)) {\n return title;\n }\n return <CardCarouselTitle>{title}</CardCarouselTitle>;\n};\n\nconst getFormattedSubtitle = (subtitle) => {\n if (!subtitle) {\n return null;\n }\n if (isValidElement(subtitle)) {\n return subtitle;\n }\n return <CardCarouselSubtitle>{subtitle}</CardCarouselSubtitle>;\n};\n\nfunction CardCarouselHeader({ title, subtitle }) {\n const { CardCarouselControls: customCardCarouselControls } = useContext(CardCarouselContext);\n const CardCarouselControls = customCardCarouselControls || DefaultCardCarouselControls;\n\n const carouselTitle = getFormattedTitle(title);\n const carouselSubtitle = getFormattedSubtitle(subtitle);\n\n return (\n <div className=\"pgn__card-carousel-header\">\n <div>\n {carouselTitle}\n {carouselSubtitle}\n </div>\n <CardCarouselControls />\n </div>\n );\n}\n\nCardCarouselHeader.propTypes = {\n title: PropTypes.node,\n subtitle: PropTypes.node,\n};\n\nCardCarouselHeader.defaultProps = {\n title: undefined,\n subtitle: undefined,\n};\n\nexport default CardCarouselHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,cAAc,QAAQ,OAAO;AACzD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,2BAA2B,MAAM,wBAAwB;AAChE,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,MAAMC,iBAAiB,GAAIC,KAAK,IAAK;EACnC,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,kBAAIP,cAAc,CAACO,KAAK,CAAC,EAAE;IACzB,OAAOA,KAAK;EACd;EACA,oBAAOT,KAAA,CAAAU,aAAA,CAACN,iBAAiB,QAAEK,KAAyB,CAAC;AACvD,CAAC;AAED,MAAME,oBAAoB,GAAIC,QAAQ,IAAK;EACzC,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EACA,kBAAIV,cAAc,CAACU,QAAQ,CAAC,EAAE;IAC5B,OAAOA,QAAQ;EACjB;EACA,oBAAOZ,KAAA,CAAAU,aAAA,CAACL,oBAAoB,QAAEO,QAA+B,CAAC;AAChE,CAAC;AAED,SAASC,kBAAkBA,CAAAC,IAAA,EAAsB;EAAA,IAArB;IAAEL,KAAK;IAAEG;EAAS,CAAC,GAAAE,IAAA;EAC7C,MAAM;IAAEC,oBAAoB,EAAEC;EAA2B,CAAC,GAAGf,UAAU,CAACM,mBAAmB,CAAC;EAC5F,MAAMQ,oBAAoB,GAAGC,0BAA0B,IAAIV,2BAA2B;EAEtF,MAAMW,aAAa,GAAGT,iBAAiB,CAACC,KAAK,CAAC;EAC9C,MAAMS,gBAAgB,GAAGP,oBAAoB,CAACC,QAAQ,CAAC;EAEvD,oBACEZ,KAAA,CAAAU,aAAA;IAAKS,SAAS,EAAC;EAA2B,gBACxCnB,KAAA,CAAAU,aAAA,cACGO,aAAa,EACbC,gBACE,CAAC,eACNlB,KAAA,CAAAU,aAAA,CAACK,oBAAoB,MAAE,CACpB,CAAC;AAEV;AAEAF,kBAAkB,CAACO,SAAS,GAAG;EAC7BX,KAAK,EAAEN,SAAS,CAACkB,IAAI;EACrBT,QAAQ,EAAET,SAAS,CAACkB;AACtB,CAAC;AAEDR,kBAAkB,CAACS,YAAY,GAAG;EAChCb,KAAK,EAAEc,SAAS;EAChBX,QAAQ,EAAEW;AACZ,CAAC;AAED,eAAeV,kBAAkB"}
1
+ {"version":3,"file":"CardCarouselHeader.js","names":["React","useContext","isValidElement","PropTypes","CardCarouselTitle","CardCarouselSubtitle","DefaultCardCarouselControls","CardCarouselContext","getFormattedTitle","title","createElement","getFormattedSubtitle","subtitle","CardCarouselHeader","_ref","_useContext","customCardCarouselControls","CardCarouselControls","carouselTitle","carouselSubtitle","className","propTypes","node","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselHeader.jsx"],"sourcesContent":["import React, { useContext, isValidElement } from 'react';\nimport PropTypes from 'prop-types';\nimport CardCarouselTitle from './CardCarouselTitle';\nimport CardCarouselSubtitle from './CardCarouselSubtitle';\nimport DefaultCardCarouselControls from './CardCarouselControls';\nimport { CardCarouselContext } from './CardCarouselProvider';\n\nconst getFormattedTitle = (title) => {\n if (!title) {\n return null;\n }\n if (isValidElement(title)) {\n return title;\n }\n return <CardCarouselTitle>{title}</CardCarouselTitle>;\n};\n\nconst getFormattedSubtitle = (subtitle) => {\n if (!subtitle) {\n return null;\n }\n if (isValidElement(subtitle)) {\n return subtitle;\n }\n return <CardCarouselSubtitle>{subtitle}</CardCarouselSubtitle>;\n};\n\nfunction CardCarouselHeader({ title, subtitle }) {\n const { CardCarouselControls: customCardCarouselControls } = useContext(CardCarouselContext);\n const CardCarouselControls = customCardCarouselControls || DefaultCardCarouselControls;\n\n const carouselTitle = getFormattedTitle(title);\n const carouselSubtitle = getFormattedSubtitle(subtitle);\n\n return (\n <div className=\"pgn__card-carousel-header\">\n <div>\n {carouselTitle}\n {carouselSubtitle}\n </div>\n <CardCarouselControls />\n </div>\n );\n}\n\nCardCarouselHeader.propTypes = {\n title: PropTypes.node,\n subtitle: PropTypes.node,\n};\n\nCardCarouselHeader.defaultProps = {\n title: undefined,\n subtitle: undefined,\n};\n\nexport default CardCarouselHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,cAAc,QAAQ,OAAO;AACzD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,2BAA2B,MAAM,wBAAwB;AAChE,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAK,EAAK;EACnC,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,kBAAIP,cAAc,CAACO,KAAK,CAAC,EAAE;IACzB,OAAOA,KAAK;EACd;EACA,oBAAOT,KAAA,CAAAU,aAAA,CAACN,iBAAiB,QAAEK,KAAyB,CAAC;AACvD,CAAC;AAED,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,QAAQ,EAAK;EACzC,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EACA,kBAAIV,cAAc,CAACU,QAAQ,CAAC,EAAE;IAC5B,OAAOA,QAAQ;EACjB;EACA,oBAAOZ,KAAA,CAAAU,aAAA,CAACL,oBAAoB,QAAEO,QAA+B,CAAC;AAChE,CAAC;AAED,SAASC,kBAAkBA,CAAAC,IAAA,EAAsB;EAAA,IAAnBL,KAAK,GAAAK,IAAA,CAALL,KAAK;IAAEG,QAAQ,GAAAE,IAAA,CAARF,QAAQ;EAC3C,IAAAG,WAAA,GAA6Dd,UAAU,CAACM,mBAAmB,CAAC;IAA9DS,0BAA0B,GAAAD,WAAA,CAAhDE,oBAAoB;EAC5B,IAAMA,oBAAoB,GAAGD,0BAA0B,IAAIV,2BAA2B;EAEtF,IAAMY,aAAa,GAAGV,iBAAiB,CAACC,KAAK,CAAC;EAC9C,IAAMU,gBAAgB,GAAGR,oBAAoB,CAACC,QAAQ,CAAC;EAEvD,oBACEZ,KAAA,CAAAU,aAAA;IAAKU,SAAS,EAAC;EAA2B,gBACxCpB,KAAA,CAAAU,aAAA,cACGQ,aAAa,EACbC,gBACE,CAAC,eACNnB,KAAA,CAAAU,aAAA,CAACO,oBAAoB,MAAE,CACpB,CAAC;AAEV;AAEAJ,kBAAkB,CAACQ,SAAS,GAAG;EAC7BZ,KAAK,EAAEN,SAAS,CAACmB,IAAI;EACrBV,QAAQ,EAAET,SAAS,CAACmB;AACtB,CAAC;AAEDT,kBAAkB,CAACU,YAAY,GAAG;EAChCd,KAAK,EAAEe,SAAS;EAChBZ,QAAQ,EAAEY;AACZ,CAAC;AAED,eAAeX,kBAAkB"}
@@ -3,15 +3,12 @@ import PropTypes from 'prop-types';
3
3
  import CardDeck from '../CardDeck';
4
4
  import { CardCarouselContext } from './CardCarouselProvider';
5
5
  function CardCarouselItems(_ref) {
6
- let {
7
- children
8
- } = _ref;
9
- const {
10
- columnSizes,
11
- hasInteractiveChildren,
12
- canScrollHorizontal,
13
- setOverflowRef
14
- } = useContext(CardCarouselContext);
6
+ var children = _ref.children;
7
+ var _useContext = useContext(CardCarouselContext),
8
+ columnSizes = _useContext.columnSizes,
9
+ hasInteractiveChildren = _useContext.hasInteractiveChildren,
10
+ canScrollHorizontal = _useContext.canScrollHorizontal,
11
+ setOverflowRef = _useContext.setOverflowRef;
15
12
  return /*#__PURE__*/React.createElement(CardDeck, {
16
13
  ref: setOverflowRef,
17
14
  columnSizes: columnSizes,
@@ -1 +1 @@
1
- {"version":3,"file":"CardCarouselItems.js","names":["React","useContext","PropTypes","CardDeck","CardCarouselContext","CardCarouselItems","_ref","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","setOverflowRef","createElement","ref","hasOverflowScrollItems","propTypes","node","isRequired"],"sources":["../../../src/Card/CardCarousel/CardCarouselItems.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport CardDeck from '../CardDeck';\nimport { CardCarouselContext } from './CardCarouselProvider';\n\nfunction CardCarouselItems({ children }) {\n const {\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n setOverflowRef,\n } = useContext(CardCarouselContext);\n\n return (\n <CardDeck\n ref={setOverflowRef}\n columnSizes={columnSizes}\n hasInteractiveChildren={hasInteractiveChildren}\n canScrollHorizontal={canScrollHorizontal}\n hasOverflowScrollItems\n >\n {children}\n </CardDeck>\n );\n}\n\nCardCarouselItems.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default CardCarouselItems;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,SAASC,iBAAiBA,CAAAC,IAAA,EAAe;EAAA,IAAd;IAAEC;EAAS,CAAC,GAAAD,IAAA;EACrC,MAAM;IACJE,WAAW;IACXC,sBAAsB;IACtBC,mBAAmB;IACnBC;EACF,CAAC,GAAGV,UAAU,CAACG,mBAAmB,CAAC;EAEnC,oBACEJ,KAAA,CAAAY,aAAA,CAACT,QAAQ;IACPU,GAAG,EAAEF,cAAe;IACpBH,WAAW,EAAEA,WAAY;IACzBC,sBAAsB,EAAEA,sBAAuB;IAC/CC,mBAAmB,EAAEA,mBAAoB;IACzCI,sBAAsB;EAAA,GAErBP,QACO,CAAC;AAEf;AAEAF,iBAAiB,CAACU,SAAS,GAAG;EAC5BR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeZ,iBAAiB"}
1
+ {"version":3,"file":"CardCarouselItems.js","names":["React","useContext","PropTypes","CardDeck","CardCarouselContext","CardCarouselItems","_ref","children","_useContext","columnSizes","hasInteractiveChildren","canScrollHorizontal","setOverflowRef","createElement","ref","hasOverflowScrollItems","propTypes","node","isRequired"],"sources":["../../../src/Card/CardCarousel/CardCarouselItems.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport CardDeck from '../CardDeck';\nimport { CardCarouselContext } from './CardCarouselProvider';\n\nfunction CardCarouselItems({ children }) {\n const {\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n setOverflowRef,\n } = useContext(CardCarouselContext);\n\n return (\n <CardDeck\n ref={setOverflowRef}\n columnSizes={columnSizes}\n hasInteractiveChildren={hasInteractiveChildren}\n canScrollHorizontal={canScrollHorizontal}\n hasOverflowScrollItems\n >\n {children}\n </CardDeck>\n );\n}\n\nCardCarouselItems.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default CardCarouselItems;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,SAASC,iBAAiBA,CAAAC,IAAA,EAAe;EAAA,IAAZC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACnC,IAAAC,WAAA,GAKIP,UAAU,CAACG,mBAAmB,CAAC;IAJjCK,WAAW,GAAAD,WAAA,CAAXC,WAAW;IACXC,sBAAsB,GAAAF,WAAA,CAAtBE,sBAAsB;IACtBC,mBAAmB,GAAAH,WAAA,CAAnBG,mBAAmB;IACnBC,cAAc,GAAAJ,WAAA,CAAdI,cAAc;EAGhB,oBACEZ,KAAA,CAAAa,aAAA,CAACV,QAAQ;IACPW,GAAG,EAAEF,cAAe;IACpBH,WAAW,EAAEA,WAAY;IACzBC,sBAAsB,EAAEA,sBAAuB;IAC/CC,mBAAmB,EAAEA,mBAAoB;IACzCI,sBAAsB;EAAA,GAErBR,QACO,CAAC;AAEf;AAEAF,iBAAiB,CAACW,SAAS,GAAG;EAC5BT,QAAQ,EAAEL,SAAS,CAACe,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeb,iBAAiB"}
@@ -1,35 +1,34 @@
1
1
  import React, { createContext, useContext, useMemo } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import { OverflowScrollContext } from '../../OverflowScroll';
4
- export const CardCarouselContext = /*#__PURE__*/createContext();
4
+ export var CardCarouselContext = /*#__PURE__*/createContext();
5
5
  function CardCarouselProvider(_ref) {
6
- let {
7
- columnSizes,
8
- hasInteractiveChildren,
9
- canScrollHorizontal,
10
- children,
11
- CardCarouselControls
12
- } = _ref;
13
- const {
14
- overflowRef,
15
- setOverflowRef,
16
- isScrolledToStart,
17
- isScrolledToEnd,
18
- scrollToPrevious,
19
- scrollToNext
20
- } = useContext(OverflowScrollContext);
21
- const cardCarouselContextValue = useMemo(() => ({
22
- overflowRef,
23
- setOverflowRef,
24
- columnSizes,
25
- hasInteractiveChildren,
26
- canScrollHorizontal,
27
- isScrolledToStart,
28
- isScrolledToEnd,
29
- scrollToPrevious,
30
- scrollToNext,
31
- CardCarouselControls
32
- }), [overflowRef, setOverflowRef, columnSizes, hasInteractiveChildren, canScrollHorizontal, isScrolledToStart, isScrolledToEnd, scrollToPrevious, scrollToNext, CardCarouselControls]);
6
+ var columnSizes = _ref.columnSizes,
7
+ hasInteractiveChildren = _ref.hasInteractiveChildren,
8
+ canScrollHorizontal = _ref.canScrollHorizontal,
9
+ children = _ref.children,
10
+ CardCarouselControls = _ref.CardCarouselControls;
11
+ var _useContext = useContext(OverflowScrollContext),
12
+ overflowRef = _useContext.overflowRef,
13
+ setOverflowRef = _useContext.setOverflowRef,
14
+ isScrolledToStart = _useContext.isScrolledToStart,
15
+ isScrolledToEnd = _useContext.isScrolledToEnd,
16
+ scrollToPrevious = _useContext.scrollToPrevious,
17
+ scrollToNext = _useContext.scrollToNext;
18
+ var cardCarouselContextValue = useMemo(function () {
19
+ return {
20
+ overflowRef: overflowRef,
21
+ setOverflowRef: setOverflowRef,
22
+ columnSizes: columnSizes,
23
+ hasInteractiveChildren: hasInteractiveChildren,
24
+ canScrollHorizontal: canScrollHorizontal,
25
+ isScrolledToStart: isScrolledToStart,
26
+ isScrolledToEnd: isScrolledToEnd,
27
+ scrollToPrevious: scrollToPrevious,
28
+ scrollToNext: scrollToNext,
29
+ CardCarouselControls: CardCarouselControls
30
+ };
31
+ }, [overflowRef, setOverflowRef, columnSizes, hasInteractiveChildren, canScrollHorizontal, isScrolledToStart, isScrolledToEnd, scrollToPrevious, scrollToNext, CardCarouselControls]);
33
32
  return /*#__PURE__*/React.createElement(CardCarouselContext.Provider, {
34
33
  value: cardCarouselContextValue
35
34
  }, children);
@@ -1 +1 @@
1
- {"version":3,"file":"CardCarouselProvider.js","names":["React","createContext","useContext","useMemo","PropTypes","OverflowScrollContext","CardCarouselContext","CardCarouselProvider","_ref","columnSizes","hasInteractiveChildren","canScrollHorizontal","children","CardCarouselControls","overflowRef","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","cardCarouselContextValue","createElement","Provider","value","propTypes","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselProvider.jsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { OverflowScrollContext } from '../../OverflowScroll';\n\nexport const CardCarouselContext = createContext();\n\nfunction CardCarouselProvider({\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n children,\n CardCarouselControls,\n}) {\n const {\n overflowRef,\n setOverflowRef,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n } = useContext(OverflowScrollContext);\n\n const cardCarouselContextValue = useMemo(() => ({\n overflowRef,\n setOverflowRef,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n CardCarouselControls,\n }), [\n overflowRef,\n setOverflowRef,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n CardCarouselControls,\n ]);\n\n return (\n <CardCarouselContext.Provider value={cardCarouselContextValue}>\n {children}\n </CardCarouselContext.Provider>\n );\n}\n\nCardCarouselProvider.propTypes = {\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n * added to be a11y-compliant */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n canScrollHorizontal: PropTypes.bool,\n /** Optional override for the default `CardCarouselControls` */\n CardCarouselControls: PropTypes.elementType,\n};\n\nCardCarouselProvider.defaultProps = {\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n CardCarouselControls: undefined,\n};\n\nexport default CardCarouselProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACjE,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,qBAAqB,QAAQ,sBAAsB;AAE5D,OAAO,MAAMC,mBAAmB,gBAAGL,aAAa,CAAC,CAAC;AAElD,SAASM,oBAAoBA,CAAAC,IAAA,EAM1B;EAAA,IAN2B;IAC5BC,WAAW;IACXC,sBAAsB;IACtBC,mBAAmB;IACnBC,QAAQ;IACRC;EACF,CAAC,GAAAL,IAAA;EACC,MAAM;IACJM,WAAW;IACXC,cAAc;IACdC,iBAAiB;IACjBC,eAAe;IACfC,gBAAgB;IAChBC;EACF,CAAC,GAAGjB,UAAU,CAACG,qBAAqB,CAAC;EAErC,MAAMe,wBAAwB,GAAGjB,OAAO,CAAC,OAAO;IAC9CW,WAAW;IACXC,cAAc;IACdN,WAAW;IACXC,sBAAsB;IACtBC,mBAAmB;IACnBK,iBAAiB;IACjBC,eAAe;IACfC,gBAAgB;IAChBC,YAAY;IACZN;EACF,CAAC,CAAC,EAAE,CACFC,WAAW,EACXC,cAAc,EACdN,WAAW,EACXC,sBAAsB,EACtBC,mBAAmB,EACnBK,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,EAChBC,YAAY,EACZN,oBAAoB,CACrB,CAAC;EAEF,oBACEb,KAAA,CAAAqB,aAAA,CAACf,mBAAmB,CAACgB,QAAQ;IAACC,KAAK,EAAEH;EAAyB,GAC3DR,QAC2B,CAAC;AAEnC;AAEAL,oBAAoB,CAACiB,SAAS,GAAG;EAC/BZ,QAAQ,EAAER,SAAS,CAACqB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEjB,WAAW,EAAEL,SAAS,CAACuB,KAAK,CAAC;IAC3BC,EAAE,EAAExB,SAAS,CAACyB,MAAM;IACpBC,EAAE,EAAE1B,SAAS,CAACyB,MAAM;IACpBE,EAAE,EAAE3B,SAAS,CAACyB,MAAM;IACpBG,EAAE,EAAE5B,SAAS,CAACyB,MAAM;IACpBI,EAAE,EAAE7B,SAAS,CAACyB;EAChB,CAAC,CAAC;EACF;AACF;EACEnB,sBAAsB,EAAEN,SAAS,CAAC8B,IAAI;EACtC;EACAvB,mBAAmB,EAAEP,SAAS,CAAC8B,IAAI;EACnC;EACArB,oBAAoB,EAAET,SAAS,CAAC+B;AAClC,CAAC;AAED5B,oBAAoB,CAAC6B,YAAY,GAAG;EAClC3B,WAAW,EAAE;IACXqB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDvB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBE,oBAAoB,EAAEwB;AACxB,CAAC;AAED,eAAe9B,oBAAoB"}
1
+ {"version":3,"file":"CardCarouselProvider.js","names":["React","createContext","useContext","useMemo","PropTypes","OverflowScrollContext","CardCarouselContext","CardCarouselProvider","_ref","columnSizes","hasInteractiveChildren","canScrollHorizontal","children","CardCarouselControls","_useContext","overflowRef","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","cardCarouselContextValue","createElement","Provider","value","propTypes","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselProvider.jsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { OverflowScrollContext } from '../../OverflowScroll';\n\nexport const CardCarouselContext = createContext();\n\nfunction CardCarouselProvider({\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n children,\n CardCarouselControls,\n}) {\n const {\n overflowRef,\n setOverflowRef,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n } = useContext(OverflowScrollContext);\n\n const cardCarouselContextValue = useMemo(() => ({\n overflowRef,\n setOverflowRef,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n CardCarouselControls,\n }), [\n overflowRef,\n setOverflowRef,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n CardCarouselControls,\n ]);\n\n return (\n <CardCarouselContext.Provider value={cardCarouselContextValue}>\n {children}\n </CardCarouselContext.Provider>\n );\n}\n\nCardCarouselProvider.propTypes = {\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n * added to be a11y-compliant */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n canScrollHorizontal: PropTypes.bool,\n /** Optional override for the default `CardCarouselControls` */\n CardCarouselControls: PropTypes.elementType,\n};\n\nCardCarouselProvider.defaultProps = {\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n CardCarouselControls: undefined,\n};\n\nexport default CardCarouselProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACjE,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,qBAAqB,QAAQ,sBAAsB;AAE5D,OAAO,IAAMC,mBAAmB,gBAAGL,aAAa,CAAC,CAAC;AAElD,SAASM,oBAAoBA,CAAAC,IAAA,EAM1B;EAAA,IALDC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,sBAAsB,GAAAF,IAAA,CAAtBE,sBAAsB;IACtBC,mBAAmB,GAAAH,IAAA,CAAnBG,mBAAmB;IACnBC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,oBAAoB,GAAAL,IAAA,CAApBK,oBAAoB;EAEpB,IAAAC,WAAA,GAOIZ,UAAU,CAACG,qBAAqB,CAAC;IANnCU,WAAW,GAAAD,WAAA,CAAXC,WAAW;IACXC,cAAc,GAAAF,WAAA,CAAdE,cAAc;IACdC,iBAAiB,GAAAH,WAAA,CAAjBG,iBAAiB;IACjBC,eAAe,GAAAJ,WAAA,CAAfI,eAAe;IACfC,gBAAgB,GAAAL,WAAA,CAAhBK,gBAAgB;IAChBC,YAAY,GAAAN,WAAA,CAAZM,YAAY;EAGd,IAAMC,wBAAwB,GAAGlB,OAAO,CAAC;IAAA,OAAO;MAC9CY,WAAW,EAAXA,WAAW;MACXC,cAAc,EAAdA,cAAc;MACdP,WAAW,EAAXA,WAAW;MACXC,sBAAsB,EAAtBA,sBAAsB;MACtBC,mBAAmB,EAAnBA,mBAAmB;MACnBM,iBAAiB,EAAjBA,iBAAiB;MACjBC,eAAe,EAAfA,eAAe;MACfC,gBAAgB,EAAhBA,gBAAgB;MAChBC,YAAY,EAAZA,YAAY;MACZP,oBAAoB,EAApBA;IACF,CAAC;EAAA,CAAC,EAAE,CACFE,WAAW,EACXC,cAAc,EACdP,WAAW,EACXC,sBAAsB,EACtBC,mBAAmB,EACnBM,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,EAChBC,YAAY,EACZP,oBAAoB,CACrB,CAAC;EAEF,oBACEb,KAAA,CAAAsB,aAAA,CAAChB,mBAAmB,CAACiB,QAAQ;IAACC,KAAK,EAAEH;EAAyB,GAC3DT,QAC2B,CAAC;AAEnC;AAEAL,oBAAoB,CAACkB,SAAS,GAAG;EAC/Bb,QAAQ,EAAER,SAAS,CAACsB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACElB,WAAW,EAAEL,SAAS,CAACwB,KAAK,CAAC;IAC3BC,EAAE,EAAEzB,SAAS,CAAC0B,MAAM;IACpBC,EAAE,EAAE3B,SAAS,CAAC0B,MAAM;IACpBE,EAAE,EAAE5B,SAAS,CAAC0B,MAAM;IACpBG,EAAE,EAAE7B,SAAS,CAAC0B,MAAM;IACpBI,EAAE,EAAE9B,SAAS,CAAC0B;EAChB,CAAC,CAAC;EACF;AACF;EACEpB,sBAAsB,EAAEN,SAAS,CAAC+B,IAAI;EACtC;EACAxB,mBAAmB,EAAEP,SAAS,CAAC+B,IAAI;EACnC;EACAtB,oBAAoB,EAAET,SAAS,CAACgC;AAClC,CAAC;AAED7B,oBAAoB,CAAC8B,YAAY,GAAG;EAClC5B,WAAW,EAAE;IACXsB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDxB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBE,oBAAoB,EAAEyB;AACxB,CAAC;AAED,eAAe/B,oBAAoB"}
@@ -2,12 +2,10 @@ import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import classNames from 'classnames';
4
4
  function CardCarouselSubtitle(_ref) {
5
- let {
6
- children,
7
- as,
8
- className
9
- } = _ref;
10
- const Component = as || 'p';
5
+ var children = _ref.children,
6
+ as = _ref.as,
7
+ className = _ref.className;
8
+ var Component = as || 'p';
11
9
  return /*#__PURE__*/React.createElement(Component, {
12
10
  className: classNames('pgn__card-carousel-subtitle', className)
13
11
  }, children);
@@ -1 +1 @@
1
- {"version":3,"file":"CardCarouselSubtitle.js","names":["React","PropTypes","classNames","CardCarouselSubtitle","_ref","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselSubtitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselSubtitle({ children, as, className }) {\n const Component = as || 'p';\n return (\n <Component className={classNames('pgn__card-carousel-subtitle', className)}>\n {children}\n </Component>\n );\n}\n\nCardCarouselSubtitle.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies the base element */\n as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n /** A class name to append to the base element. */\n className: PropTypes.string,\n};\n\nCardCarouselSubtitle.defaultProps = {\n as: undefined,\n className: undefined,\n};\n\nexport default CardCarouselSubtitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,oBAAoBA,CAAAC,IAAA,EAA8B;EAAA,IAA7B;IAAEC,QAAQ;IAAEC,EAAE;IAAEC;EAAU,CAAC,GAAAH,IAAA;EACvD,MAAMI,SAAS,GAAGF,EAAE,IAAI,GAAG;EAC3B,oBACEN,KAAA,CAAAS,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEL,UAAU,CAAC,6BAA6B,EAAEK,SAAS;EAAE,GACxEF,QACQ,CAAC;AAEhB;AAEAF,oBAAoB,CAACO,SAAS,GAAG;EAC/B;EACAL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC,UAAU;EACnC;EACAN,EAAE,EAAEL,SAAS,CAACY,SAAS,CAAC,CAACZ,SAAS,CAACa,MAAM,EAAEb,SAAS,CAACc,WAAW,CAAC,CAAC;EAClE;EACAR,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,oBAAoB,CAACa,YAAY,GAAG;EAClCV,EAAE,EAAEW,SAAS;EACbV,SAAS,EAAEU;AACb,CAAC;AAED,eAAed,oBAAoB"}
1
+ {"version":3,"file":"CardCarouselSubtitle.js","names":["React","PropTypes","classNames","CardCarouselSubtitle","_ref","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselSubtitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselSubtitle({ children, as, className }) {\n const Component = as || 'p';\n return (\n <Component className={classNames('pgn__card-carousel-subtitle', className)}>\n {children}\n </Component>\n );\n}\n\nCardCarouselSubtitle.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies the base element */\n as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n /** A class name to append to the base element. */\n className: PropTypes.string,\n};\n\nCardCarouselSubtitle.defaultProps = {\n as: undefined,\n className: undefined,\n};\n\nexport default CardCarouselSubtitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,oBAAoBA,CAAAC,IAAA,EAA8B;EAAA,IAA3BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;EACrD,IAAMC,SAAS,GAAGF,EAAE,IAAI,GAAG;EAC3B,oBACEN,KAAA,CAAAS,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEL,UAAU,CAAC,6BAA6B,EAAEK,SAAS;EAAE,GACxEF,QACQ,CAAC;AAEhB;AAEAF,oBAAoB,CAACO,SAAS,GAAG;EAC/B;EACAL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC,UAAU;EACnC;EACAN,EAAE,EAAEL,SAAS,CAACY,SAAS,CAAC,CAACZ,SAAS,CAACa,MAAM,EAAEb,SAAS,CAACc,WAAW,CAAC,CAAC;EAClE;EACAR,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,oBAAoB,CAACa,YAAY,GAAG;EAClCV,EAAE,EAAEW,SAAS;EACbV,SAAS,EAAEU;AACb,CAAC;AAED,eAAed,oBAAoB"}
@@ -2,12 +2,10 @@ import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import classNames from 'classnames';
4
4
  function CardCarouselTitle(_ref) {
5
- let {
6
- children,
7
- as,
8
- className
9
- } = _ref;
10
- const Component = as || 'h2';
5
+ var children = _ref.children,
6
+ as = _ref.as,
7
+ className = _ref.className;
8
+ var Component = as || 'h2';
11
9
  return /*#__PURE__*/React.createElement(Component, {
12
10
  className: classNames('pgn__card-carousel-title', className)
13
11
  }, children);
@@ -1 +1 @@
1
- {"version":3,"file":"CardCarouselTitle.js","names":["React","PropTypes","classNames","CardCarouselTitle","_ref","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselTitle({ children, as, className }) {\n const Component = as || 'h2';\n return (\n <Component className={classNames('pgn__card-carousel-title', className)}>\n {children}\n </Component>\n );\n}\n\nCardCarouselTitle.propTypes = {\n children: PropTypes.node.isRequired,\n as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n className: PropTypes.string,\n};\n\nCardCarouselTitle.defaultProps = {\n as: undefined,\n className: undefined,\n};\n\nexport default CardCarouselTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAA8B;EAAA,IAA7B;IAAEC,QAAQ;IAAEC,EAAE;IAAEC;EAAU,CAAC,GAAAH,IAAA;EACpD,MAAMI,SAAS,GAAGF,EAAE,IAAI,IAAI;EAC5B,oBACEN,KAAA,CAAAS,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEL,UAAU,CAAC,0BAA0B,EAAEK,SAAS;EAAE,GACrEF,QACQ,CAAC;AAEhB;AAEAF,iBAAiB,CAACO,SAAS,GAAG;EAC5BL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC,UAAU;EACnCN,EAAE,EAAEL,SAAS,CAACY,SAAS,CAAC,CAACZ,SAAS,CAACa,MAAM,EAAEb,SAAS,CAACc,WAAW,CAAC,CAAC;EAClER,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,iBAAiB,CAACa,YAAY,GAAG;EAC/BV,EAAE,EAAEW,SAAS;EACbV,SAAS,EAAEU;AACb,CAAC;AAED,eAAed,iBAAiB"}
1
+ {"version":3,"file":"CardCarouselTitle.js","names":["React","PropTypes","classNames","CardCarouselTitle","_ref","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselTitle({ children, as, className }) {\n const Component = as || 'h2';\n return (\n <Component className={classNames('pgn__card-carousel-title', className)}>\n {children}\n </Component>\n );\n}\n\nCardCarouselTitle.propTypes = {\n children: PropTypes.node.isRequired,\n as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n className: PropTypes.string,\n};\n\nCardCarouselTitle.defaultProps = {\n as: undefined,\n className: undefined,\n};\n\nexport default CardCarouselTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAA8B;EAAA,IAA3BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;EAClD,IAAMC,SAAS,GAAGF,EAAE,IAAI,IAAI;EAC5B,oBACEN,KAAA,CAAAS,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEL,UAAU,CAAC,0BAA0B,EAAEK,SAAS;EAAE,GACrEF,QACQ,CAAC;AAEhB;AAEAF,iBAAiB,CAACO,SAAS,GAAG;EAC5BL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC,UAAU;EACnCN,EAAE,EAAEL,SAAS,CAACY,SAAS,CAAC,CAACZ,SAAS,CAACa,MAAM,EAAEb,SAAS,CAACc,WAAW,CAAC,CAAC;EAClER,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,iBAAiB,CAACa,YAAY,GAAG;EAC/BV,EAAE,EAAEW,SAAS;EACbV,SAAS,EAAEU;AACb,CAAC;AAED,eAAed,iBAAiB"}
@@ -1,18 +1,16 @@
1
1
  import React, { createContext } from 'react';
2
2
  import PropTypes from 'prop-types';
3
- const CardContext = /*#__PURE__*/createContext({});
3
+ var CardContext = /*#__PURE__*/createContext({});
4
4
  function CardContextProvider(_ref) {
5
- let {
6
- orientation,
7
- children,
8
- isLoading,
9
- variant
10
- } = _ref;
5
+ var orientation = _ref.orientation,
6
+ children = _ref.children,
7
+ isLoading = _ref.isLoading,
8
+ variant = _ref.variant;
11
9
  return /*#__PURE__*/React.createElement(CardContext.Provider, {
12
10
  value: {
13
- orientation,
14
- isLoading,
15
- variant
11
+ orientation: orientation,
12
+ isLoading: isLoading,
13
+ variant: variant
16
14
  }
17
15
  }, children);
18
16
  }
@@ -1 +1 @@
1
- {"version":3,"file":"CardContext.js","names":["React","createContext","PropTypes","CardContext","CardContextProvider","_ref","orientation","children","isLoading","variant","createElement","Provider","value","propTypes","oneOf","bool","node","defaultProps"],"sources":["../../src/Card/CardContext.jsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CardContext = createContext({});\n\nfunction CardContextProvider({\n orientation,\n children,\n isLoading,\n variant,\n}) {\n return (\n <CardContext.Provider value={{ orientation, isLoading, variant }}>\n {children}\n </CardContext.Provider>\n );\n}\n\nCardContextProvider.propTypes = {\n /** Specifies which orientation to use. */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n /** Specifies loading state. */\n isLoading: PropTypes.bool,\n /** Specifies content of the component. */\n children: PropTypes.node,\n /** Specifies `Card` style variant */\n variant: PropTypes.oneOf(['light', 'dark', 'muted']),\n};\n\nCardContextProvider.defaultProps = {\n orientation: 'vertical',\n isLoading: false,\n children: null,\n variant: 'light',\n};\n\nexport { CardContextProvider };\nexport default CardContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,WAAW,gBAAGF,aAAa,CAAC,CAAC,CAAC,CAAC;AAErC,SAASG,mBAAmBA,CAAAC,IAAA,EAKzB;EAAA,IAL0B;IAC3BC,WAAW;IACXC,QAAQ;IACRC,SAAS;IACTC;EACF,CAAC,GAAAJ,IAAA;EACC,oBACEL,KAAA,CAAAU,aAAA,CAACP,WAAW,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEN,WAAW;MAAEE,SAAS;MAAEC;IAAQ;EAAE,GAC9DF,QACmB,CAAC;AAE3B;AAEAH,mBAAmB,CAACS,SAAS,GAAG;EAC9B;EACAP,WAAW,EAAEJ,SAAS,CAACY,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EACxD;EACAN,SAAS,EAAEN,SAAS,CAACa,IAAI;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI;EACxB;EACAP,OAAO,EAAEP,SAAS,CAACY,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC;AACrD,CAAC;AAEDV,mBAAmB,CAACa,YAAY,GAAG;EACjCX,WAAW,EAAE,UAAU;EACvBE,SAAS,EAAE,KAAK;EAChBD,QAAQ,EAAE,IAAI;EACdE,OAAO,EAAE;AACX,CAAC;AAED,SAASL,mBAAmB;AAC5B,eAAeD,WAAW"}
1
+ {"version":3,"file":"CardContext.js","names":["React","createContext","PropTypes","CardContext","CardContextProvider","_ref","orientation","children","isLoading","variant","createElement","Provider","value","propTypes","oneOf","bool","node","defaultProps"],"sources":["../../src/Card/CardContext.jsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CardContext = createContext({});\n\nfunction CardContextProvider({\n orientation,\n children,\n isLoading,\n variant,\n}) {\n return (\n <CardContext.Provider value={{ orientation, isLoading, variant }}>\n {children}\n </CardContext.Provider>\n );\n}\n\nCardContextProvider.propTypes = {\n /** Specifies which orientation to use. */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n /** Specifies loading state. */\n isLoading: PropTypes.bool,\n /** Specifies content of the component. */\n children: PropTypes.node,\n /** Specifies `Card` style variant */\n variant: PropTypes.oneOf(['light', 'dark', 'muted']),\n};\n\nCardContextProvider.defaultProps = {\n orientation: 'vertical',\n isLoading: false,\n children: null,\n variant: 'light',\n};\n\nexport { CardContextProvider };\nexport default CardContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,WAAW,gBAAGF,aAAa,CAAC,CAAC,CAAC,CAAC;AAErC,SAASG,mBAAmBA,CAAAC,IAAA,EAKzB;EAAA,IAJDC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;EAEP,oBACET,KAAA,CAAAU,aAAA,CAACP,WAAW,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEN,WAAW,EAAXA,WAAW;MAAEE,SAAS,EAATA,SAAS;MAAEC,OAAO,EAAPA;IAAQ;EAAE,GAC9DF,QACmB,CAAC;AAE3B;AAEAH,mBAAmB,CAACS,SAAS,GAAG;EAC9B;EACAP,WAAW,EAAEJ,SAAS,CAACY,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EACxD;EACAN,SAAS,EAAEN,SAAS,CAACa,IAAI;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI;EACxB;EACAP,OAAO,EAAEP,SAAS,CAACY,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC;AACrD,CAAC;AAEDV,mBAAmB,CAACa,YAAY,GAAG;EACjCX,WAAW,EAAE,UAAU;EACvBE,SAAS,EAAE,KAAK;EAChBD,QAAQ,EAAE,IAAI;EACdE,OAAO,EAAE;AACX,CAAC;AAED,SAASL,mBAAmB;AAC5B,eAAeD,WAAW"}
@@ -6,23 +6,25 @@ import BaseCardDeck from 'react-bootstrap/CardDeck';
6
6
  import Row from 'react-bootstrap/Row';
7
7
  import Col from 'react-bootstrap/Col';
8
8
  import { useOverflowScrollItems } from '../OverflowScroll';
9
- const CardDeck = /*#__PURE__*/React.forwardRef((_ref, ref) => {
10
- let {
11
- className,
12
- children,
13
- columnSizes,
14
- hasInteractiveChildren,
15
- canScrollHorizontal,
16
- hasOverflowScrollItems,
17
- hasEqualColumnHeights
18
- } = _ref;
19
- const cards = useMemo(() => Children.map(children, card => /*#__PURE__*/React.createElement(Col, _extends({}, columnSizes, {
20
- className: classNames('pgn__card-deck__card-item', {
21
- 'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights
22
- })
23
- }), card)), [children, columnSizes, hasEqualColumnHeights]);
24
- const overflowCardDeckItems = useOverflowScrollItems(cards);
25
- const cardDeckChildren = useMemo(() => {
9
+ var CardDeck = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
10
+ var className = _ref.className,
11
+ children = _ref.children,
12
+ columnSizes = _ref.columnSizes,
13
+ hasInteractiveChildren = _ref.hasInteractiveChildren,
14
+ canScrollHorizontal = _ref.canScrollHorizontal,
15
+ hasOverflowScrollItems = _ref.hasOverflowScrollItems,
16
+ hasEqualColumnHeights = _ref.hasEqualColumnHeights;
17
+ var cards = useMemo(function () {
18
+ return Children.map(children, function (card) {
19
+ return /*#__PURE__*/React.createElement(Col, _extends({}, columnSizes, {
20
+ className: classNames('pgn__card-deck__card-item', {
21
+ 'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights
22
+ })
23
+ }), card);
24
+ });
25
+ }, [children, columnSizes, hasEqualColumnHeights]);
26
+ var overflowCardDeckItems = useOverflowScrollItems(cards);
27
+ var cardDeckChildren = useMemo(function () {
26
28
  if (hasOverflowScrollItems) {
27
29
  return overflowCardDeckItems;
28
30
  }
@@ -1 +1 @@
1
- {"version":3,"file":"CardDeck.js","names":["React","Children","useMemo","classNames","PropTypes","BaseCardDeck","Row","Col","useOverflowScrollItems","CardDeck","forwardRef","_ref","ref","className","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","hasOverflowScrollItems","hasEqualColumnHeights","cards","map","card","createElement","_extends","overflowCardDeckItems","cardDeckChildren","tabIndex","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined","Deprecated"],"sources":["../../src/Card/CardDeck.jsx"],"sourcesContent":["import React, { Children, useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseCardDeck from 'react-bootstrap/CardDeck';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport { useOverflowScrollItems } from '../OverflowScroll';\n\nconst CardDeck = React.forwardRef(({\n className,\n children,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n hasOverflowScrollItems,\n hasEqualColumnHeights,\n}, ref) => {\n const cards = useMemo(\n () => Children.map(children, (card) => (\n <Col\n {...columnSizes}\n className={classNames(\n 'pgn__card-deck__card-item',\n {\n 'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n },\n )}\n >\n {card}\n </Col>\n )),\n [children, columnSizes, hasEqualColumnHeights],\n );\n const overflowCardDeckItems = useOverflowScrollItems(cards);\n\n const cardDeckChildren = useMemo(() => {\n if (hasOverflowScrollItems) {\n return overflowCardDeckItems;\n }\n return cards;\n }, [hasOverflowScrollItems, overflowCardDeckItems, cards]);\n\n return (\n <div\n className={classNames(\n 'pgn__card-deck',\n {\n 'pgn__card-deck-has-horizontal-scroll': canScrollHorizontal,\n },\n className,\n )}\n >\n <Row\n className=\"pgn__card-deck-row\"\n tabIndex={hasInteractiveChildren ? -1 : 0}\n ref={ref}\n >\n {cardDeckChildren}\n </Row>\n </div>\n );\n});\n\nCardDeck.propTypes = {\n /** The class name for the CardDeck component */\n className: PropTypes.string,\n /** The Card components to organize */\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n * added to be a11y-compliant */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n canScrollHorizontal: PropTypes.bool,\n /** Whether the children of CardDeck should be processed by `useOverflowScrollItems` to give\n * each child a known/stable CSS classname */\n hasOverflowScrollItems: PropTypes.bool,\n /** Whether to disable the default equal height cards */\n hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardDeck.defaultProps = {\n className: undefined,\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n hasOverflowScrollItems: false,\n hasEqualColumnHeights: true,\n};\n\nCardDeck.Deprecated = BaseCardDeck;\n\nexport default CardDeck;\n"],"mappings":"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"}
1
+ {"version":3,"file":"CardDeck.js","names":["React","Children","useMemo","classNames","PropTypes","BaseCardDeck","Row","Col","useOverflowScrollItems","CardDeck","forwardRef","_ref","ref","className","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","hasOverflowScrollItems","hasEqualColumnHeights","cards","map","card","createElement","_extends","overflowCardDeckItems","cardDeckChildren","tabIndex","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined","Deprecated"],"sources":["../../src/Card/CardDeck.jsx"],"sourcesContent":["import React, { Children, useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseCardDeck from 'react-bootstrap/CardDeck';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport { useOverflowScrollItems } from '../OverflowScroll';\n\nconst CardDeck = React.forwardRef(({\n className,\n children,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n hasOverflowScrollItems,\n hasEqualColumnHeights,\n}, ref) => {\n const cards = useMemo(\n () => Children.map(children, (card) => (\n <Col\n {...columnSizes}\n className={classNames(\n 'pgn__card-deck__card-item',\n {\n 'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n },\n )}\n >\n {card}\n </Col>\n )),\n [children, columnSizes, hasEqualColumnHeights],\n );\n const overflowCardDeckItems = useOverflowScrollItems(cards);\n\n const cardDeckChildren = useMemo(() => {\n if (hasOverflowScrollItems) {\n return overflowCardDeckItems;\n }\n return cards;\n }, [hasOverflowScrollItems, overflowCardDeckItems, cards]);\n\n return (\n <div\n className={classNames(\n 'pgn__card-deck',\n {\n 'pgn__card-deck-has-horizontal-scroll': canScrollHorizontal,\n },\n className,\n )}\n >\n <Row\n className=\"pgn__card-deck-row\"\n tabIndex={hasInteractiveChildren ? -1 : 0}\n ref={ref}\n >\n {cardDeckChildren}\n </Row>\n </div>\n );\n});\n\nCardDeck.propTypes = {\n /** The class name for the CardDeck component */\n className: PropTypes.string,\n /** The Card components to organize */\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n * added to be a11y-compliant */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n canScrollHorizontal: PropTypes.bool,\n /** Whether the children of CardDeck should be processed by `useOverflowScrollItems` to give\n * each child a known/stable CSS classname */\n hasOverflowScrollItems: PropTypes.bool,\n /** Whether to disable the default equal height cards */\n hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardDeck.defaultProps = {\n className: undefined,\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n hasOverflowScrollItems: false,\n hasEqualColumnHeights: true,\n};\n\nCardDeck.Deprecated = BaseCardDeck;\n\nexport default CardDeck;\n"],"mappings":"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"}
@@ -1,14 +1,12 @@
1
- const _excluded = ["className"];
1
+ var _excluded = ["className"];
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; }
5
5
  import React from 'react';
6
6
  import PropTypes from 'prop-types';
7
7
  import classNames from 'classnames';
8
- const CardDivider = /*#__PURE__*/React.forwardRef((_ref, ref) => {
9
- let {
10
- className
11
- } = _ref,
8
+ var CardDivider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
9
+ var className = _ref.className,
12
10
  props = _objectWithoutProperties(_ref, _excluded);
13
11
  return /*#__PURE__*/React.createElement("div", _extends({
14
12
  className: classNames('pgn__card-divider', className),
@@ -1 +1 @@
1
- {"version":3,"file":"CardDivider.js","names":["React","PropTypes","classNames","CardDivider","forwardRef","_ref","ref","className","props","_objectWithoutProperties","_excluded","createElement","_extends","propTypes","string","defaultProps","undefined"],"sources":["../../src/Card/CardDivider.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst CardDivider = React.forwardRef(({ className, ...props }, ref) => (\n <div className={classNames('pgn__card-divider', className)} ref={ref} {...props} />\n));\n\nCardDivider.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n};\n\nCardDivider.defaultProps = {\n className: undefined,\n};\n\nexport default CardDivider;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,WAAW,gBAAGH,KAAK,CAACI,UAAU,CAAC,CAAAC,IAAA,EAA0BC,GAAG;EAAA,IAA5B;MAAEC;IAAoB,CAAC,GAAAF,IAAA;IAAPG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBACzDV,KAAA,CAAAW,aAAA,QAAAC,QAAA;IAAKL,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IAACD,GAAG,EAAEA;EAAI,GAAKE,KAAK,CAAG,CAAC;AAAA,CACpF,CAAC;AAEFL,WAAW,CAACU,SAAS,GAAG;EACtB;EACAN,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,WAAW,CAACY,YAAY,GAAG;EACzBR,SAAS,EAAES;AACb,CAAC;AAED,eAAeb,WAAW"}
1
+ {"version":3,"file":"CardDivider.js","names":["React","PropTypes","classNames","CardDivider","forwardRef","_ref","ref","className","props","_objectWithoutProperties","_excluded","createElement","_extends","propTypes","string","defaultProps","undefined"],"sources":["../../src/Card/CardDivider.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst CardDivider = React.forwardRef(({ className, ...props }, ref) => (\n <div className={classNames('pgn__card-divider', className)} ref={ref} {...props} />\n));\n\nCardDivider.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n};\n\nCardDivider.defaultProps = {\n className: undefined,\n};\n\nexport default CardDivider;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,IAAMC,WAAW,gBAAGH,KAAK,CAACI,UAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG;EAAA,IAA1BC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBACzDV,KAAA,CAAAW,aAAA,QAAAC,QAAA;IAAKL,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IAACD,GAAG,EAAEA;EAAI,GAAKE,KAAK,CAAG,CAAC;AAAA,CACpF,CAAC;AAEFL,WAAW,CAACU,SAAS,GAAG;EACtB;EACAN,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,WAAW,CAACY,YAAY,GAAG;EACzBR,SAAS,EAAES;AACb,CAAC;AAED,eAAeb,WAAW"}
@@ -3,24 +3,21 @@ import PropTypes from 'prop-types';
3
3
  import classNames from 'classnames';
4
4
  import Skeleton from 'react-loading-skeleton';
5
5
  import CardContext from './CardContext';
6
- const IS_LOADING_HEIGHT_VALUE = 18;
7
- const CardFooter = /*#__PURE__*/React.forwardRef((_ref, ref) => {
8
- let {
9
- children,
10
- className,
11
- isStacked,
12
- textElement,
13
- skeletonHeight,
14
- skeletonWidth,
15
- orientation
16
- } = _ref;
17
- const {
18
- orientation: cardOrientation,
19
- isLoading
20
- } = useContext(CardContext);
21
- const footerOrientation = orientation || cardOrientation;
22
- const wrapperClassName = `pgn__card-footer ${footerOrientation}${isStacked ? '-stacked' : ''}`;
23
- const textElementClassName = `pgn__card-footer-text ${footerOrientation}${isStacked ? '-stacked' : ''}`;
6
+ var IS_LOADING_HEIGHT_VALUE = 18;
7
+ var CardFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
8
+ var children = _ref.children,
9
+ className = _ref.className,
10
+ isStacked = _ref.isStacked,
11
+ textElement = _ref.textElement,
12
+ skeletonHeight = _ref.skeletonHeight,
13
+ skeletonWidth = _ref.skeletonWidth,
14
+ orientation = _ref.orientation;
15
+ var _useContext = useContext(CardContext),
16
+ cardOrientation = _useContext.orientation,
17
+ isLoading = _useContext.isLoading;
18
+ var footerOrientation = orientation || cardOrientation;
19
+ var wrapperClassName = "pgn__card-footer ".concat(footerOrientation).concat(isStacked ? '-stacked' : '');
20
+ var textElementClassName = "pgn__card-footer-text ".concat(footerOrientation).concat(isStacked ? '-stacked' : '');
24
21
  if (isLoading) {
25
22
  return /*#__PURE__*/React.createElement("div", {
26
23
  className: classNames(className, wrapperClassName)
@@ -1 +1 @@
1
- {"version":3,"file":"CardFooter.js","names":["React","useContext","PropTypes","classNames","Skeleton","CardContext","IS_LOADING_HEIGHT_VALUE","CardFooter","forwardRef","_ref","ref","children","className","isStacked","textElement","skeletonHeight","skeletonWidth","orientation","cardOrientation","isLoading","footerOrientation","wrapperClassName","textElementClassName","createElement","containerClassName","height","width","propTypes","node","string","bool","oneOf","number","defaultProps","undefined"],"sources":["../../src/Card/CardFooter.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\n\nconst IS_LOADING_HEIGHT_VALUE = 18;\n\nconst CardFooter = React.forwardRef(({\n children,\n className,\n isStacked,\n textElement,\n skeletonHeight,\n skeletonWidth,\n orientation,\n}, ref) => {\n const { orientation: cardOrientation, isLoading } = useContext(CardContext);\n const footerOrientation = orientation || cardOrientation;\n const wrapperClassName = `pgn__card-footer ${footerOrientation}${isStacked ? '-stacked' : ''}`;\n const textElementClassName = `pgn__card-footer-text ${footerOrientation}${isStacked ? '-stacked' : ''}`;\n\n if (isLoading) {\n return (\n <div className={classNames(className, wrapperClassName)}>\n <Skeleton\n containerClassName=\"pgn__card-footer-loader\"\n height={skeletonHeight}\n width={skeletonWidth}\n />\n </div>\n );\n }\n\n return (\n <div className={classNames(className, wrapperClassName)} ref={ref}>\n {textElement && <div className={textElementClassName}>{textElement}</div>}\n {children}\n </div>\n );\n});\n\nCardFooter.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Optional node to display near actions. Should be either a plain text or an element containing text (e.g. link). */\n textElement: PropTypes.node,\n /** Specifies whether to use stacked variant. */\n isStacked: PropTypes.bool,\n /** Specifies which orientation to use. This prop will override context value if provided. */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n /** Specifies height of skeleton in loading state. */\n skeletonHeight: PropTypes.number,\n /** Specifies width of skeleton in loading state. */\n skeletonWidth: PropTypes.number,\n};\n\nCardFooter.defaultProps = {\n children: null,\n className: undefined,\n textElement: undefined,\n isStacked: false,\n orientation: undefined,\n skeletonHeight: IS_LOADING_HEIGHT_VALUE,\n skeletonWidth: undefined,\n};\n\nexport default CardFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,uBAAuB,GAAG,EAAE;AAElC,MAAMC,UAAU,gBAAGP,KAAK,CAACQ,UAAU,CAAC,CAAAC,IAAA,EAQjCC,GAAG,KAAK;EAAA,IAR0B;IACnCC,QAAQ;IACRC,SAAS;IACTC,SAAS;IACTC,WAAW;IACXC,cAAc;IACdC,aAAa;IACbC;EACF,CAAC,GAAAR,IAAA;EACC,MAAM;IAAEQ,WAAW,EAAEC,eAAe;IAAEC;EAAU,CAAC,GAAGlB,UAAU,CAACI,WAAW,CAAC;EAC3E,MAAMe,iBAAiB,GAAGH,WAAW,IAAIC,eAAe;EACxD,MAAMG,gBAAgB,GAAI,oBAAmBD,iBAAkB,GAAEP,SAAS,GAAG,UAAU,GAAG,EAAG,EAAC;EAC9F,MAAMS,oBAAoB,GAAI,yBAAwBF,iBAAkB,GAAEP,SAAS,GAAG,UAAU,GAAG,EAAG,EAAC;EAEvG,IAAIM,SAAS,EAAE;IACb,oBACEnB,KAAA,CAAAuB,aAAA;MAAKX,SAAS,EAAET,UAAU,CAACS,SAAS,EAAES,gBAAgB;IAAE,gBACtDrB,KAAA,CAAAuB,aAAA,CAACnB,QAAQ;MACPoB,kBAAkB,EAAC,yBAAyB;MAC5CC,MAAM,EAAEV,cAAe;MACvBW,KAAK,EAAEV;IAAc,CACtB,CACE,CAAC;EAEV;EAEA,oBACEhB,KAAA,CAAAuB,aAAA;IAAKX,SAAS,EAAET,UAAU,CAACS,SAAS,EAAES,gBAAgB,CAAE;IAACX,GAAG,EAAEA;EAAI,GAC/DI,WAAW,iBAAId,KAAA,CAAAuB,aAAA;IAAKX,SAAS,EAAEU;EAAqB,GAAER,WAAiB,CAAC,EACxEH,QACE,CAAC;AAEV,CAAC,CAAC;AAEFJ,UAAU,CAACoB,SAAS,GAAG;EACrB;EACAhB,QAAQ,EAAET,SAAS,CAAC0B,IAAI;EACxB;EACAhB,SAAS,EAAEV,SAAS,CAAC2B,MAAM;EAC3B;EACAf,WAAW,EAAEZ,SAAS,CAAC0B,IAAI;EAC3B;EACAf,SAAS,EAAEX,SAAS,CAAC4B,IAAI;EACzB;EACAb,WAAW,EAAEf,SAAS,CAAC6B,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EACxD;EACAhB,cAAc,EAAEb,SAAS,CAAC8B,MAAM;EAChC;EACAhB,aAAa,EAAEd,SAAS,CAAC8B;AAC3B,CAAC;AAEDzB,UAAU,CAAC0B,YAAY,GAAG;EACxBtB,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAEsB,SAAS;EACpBpB,WAAW,EAAEoB,SAAS;EACtBrB,SAAS,EAAE,KAAK;EAChBI,WAAW,EAAEiB,SAAS;EACtBnB,cAAc,EAAET,uBAAuB;EACvCU,aAAa,EAAEkB;AACjB,CAAC;AAED,eAAe3B,UAAU"}
1
+ {"version":3,"file":"CardFooter.js","names":["React","useContext","PropTypes","classNames","Skeleton","CardContext","IS_LOADING_HEIGHT_VALUE","CardFooter","forwardRef","_ref","ref","children","className","isStacked","textElement","skeletonHeight","skeletonWidth","orientation","_useContext","cardOrientation","isLoading","footerOrientation","wrapperClassName","concat","textElementClassName","createElement","containerClassName","height","width","propTypes","node","string","bool","oneOf","number","defaultProps","undefined"],"sources":["../../src/Card/CardFooter.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\n\nconst IS_LOADING_HEIGHT_VALUE = 18;\n\nconst CardFooter = React.forwardRef(({\n children,\n className,\n isStacked,\n textElement,\n skeletonHeight,\n skeletonWidth,\n orientation,\n}, ref) => {\n const { orientation: cardOrientation, isLoading } = useContext(CardContext);\n const footerOrientation = orientation || cardOrientation;\n const wrapperClassName = `pgn__card-footer ${footerOrientation}${isStacked ? '-stacked' : ''}`;\n const textElementClassName = `pgn__card-footer-text ${footerOrientation}${isStacked ? '-stacked' : ''}`;\n\n if (isLoading) {\n return (\n <div className={classNames(className, wrapperClassName)}>\n <Skeleton\n containerClassName=\"pgn__card-footer-loader\"\n height={skeletonHeight}\n width={skeletonWidth}\n />\n </div>\n );\n }\n\n return (\n <div className={classNames(className, wrapperClassName)} ref={ref}>\n {textElement && <div className={textElementClassName}>{textElement}</div>}\n {children}\n </div>\n );\n});\n\nCardFooter.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Optional node to display near actions. Should be either a plain text or an element containing text (e.g. link). */\n textElement: PropTypes.node,\n /** Specifies whether to use stacked variant. */\n isStacked: PropTypes.bool,\n /** Specifies which orientation to use. This prop will override context value if provided. */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n /** Specifies height of skeleton in loading state. */\n skeletonHeight: PropTypes.number,\n /** Specifies width of skeleton in loading state. */\n skeletonWidth: PropTypes.number,\n};\n\nCardFooter.defaultProps = {\n children: null,\n className: undefined,\n textElement: undefined,\n isStacked: false,\n orientation: undefined,\n skeletonHeight: IS_LOADING_HEIGHT_VALUE,\n skeletonWidth: undefined,\n};\n\nexport default CardFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AAEvC,IAAMC,uBAAuB,GAAG,EAAE;AAElC,IAAMC,UAAU,gBAAGP,KAAK,CAACQ,UAAU,CAAC,UAAAC,IAAA,EAQjCC,GAAG,EAAK;EAAA,IAPTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,aAAa,GAAAP,IAAA,CAAbO,aAAa;IACbC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;EAEX,IAAAC,WAAA,GAAoDjB,UAAU,CAACI,WAAW,CAAC;IAAtDc,eAAe,GAAAD,WAAA,CAA5BD,WAAW;IAAmBG,SAAS,GAAAF,WAAA,CAATE,SAAS;EAC/C,IAAMC,iBAAiB,GAAGJ,WAAW,IAAIE,eAAe;EACxD,IAAMG,gBAAgB,uBAAAC,MAAA,CAAuBF,iBAAiB,EAAAE,MAAA,CAAGV,SAAS,GAAG,UAAU,GAAG,EAAE,CAAE;EAC9F,IAAMW,oBAAoB,4BAAAD,MAAA,CAA4BF,iBAAiB,EAAAE,MAAA,CAAGV,SAAS,GAAG,UAAU,GAAG,EAAE,CAAE;EAEvG,IAAIO,SAAS,EAAE;IACb,oBACEpB,KAAA,CAAAyB,aAAA;MAAKb,SAAS,EAAET,UAAU,CAACS,SAAS,EAAEU,gBAAgB;IAAE,gBACtDtB,KAAA,CAAAyB,aAAA,CAACrB,QAAQ;MACPsB,kBAAkB,EAAC,yBAAyB;MAC5CC,MAAM,EAAEZ,cAAe;MACvBa,KAAK,EAAEZ;IAAc,CACtB,CACE,CAAC;EAEV;EAEA,oBACEhB,KAAA,CAAAyB,aAAA;IAAKb,SAAS,EAAET,UAAU,CAACS,SAAS,EAAEU,gBAAgB,CAAE;IAACZ,GAAG,EAAEA;EAAI,GAC/DI,WAAW,iBAAId,KAAA,CAAAyB,aAAA;IAAKb,SAAS,EAAEY;EAAqB,GAAEV,WAAiB,CAAC,EACxEH,QACE,CAAC;AAEV,CAAC,CAAC;AAEFJ,UAAU,CAACsB,SAAS,GAAG;EACrB;EACAlB,QAAQ,EAAET,SAAS,CAAC4B,IAAI;EACxB;EACAlB,SAAS,EAAEV,SAAS,CAAC6B,MAAM;EAC3B;EACAjB,WAAW,EAAEZ,SAAS,CAAC4B,IAAI;EAC3B;EACAjB,SAAS,EAAEX,SAAS,CAAC8B,IAAI;EACzB;EACAf,WAAW,EAAEf,SAAS,CAAC+B,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EACxD;EACAlB,cAAc,EAAEb,SAAS,CAACgC,MAAM;EAChC;EACAlB,aAAa,EAAEd,SAAS,CAACgC;AAC3B,CAAC;AAED3B,UAAU,CAAC4B,YAAY,GAAG;EACxBxB,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAEwB,SAAS;EACpBtB,WAAW,EAAEsB,SAAS;EACtBvB,SAAS,EAAE,KAAK;EAChBI,WAAW,EAAEmB,SAAS;EACtBrB,cAAc,EAAET,uBAAuB;EACvCU,aAAa,EAAEoB;AACjB,CAAC;AAED,eAAe7B,UAAU"}
@@ -5,17 +5,19 @@ import PropTypes from 'prop-types';
5
5
  import Row from 'react-bootstrap/Row';
6
6
  import Col from 'react-bootstrap/Col';
7
7
  function CardGrid(_ref) {
8
- let {
9
- className,
10
- children,
11
- columnSizes,
12
- hasEqualColumnHeights
13
- } = _ref;
14
- const cards = useMemo(() => React.Children.map(children, card => /*#__PURE__*/React.createElement(Col, _extends({}, columnSizes, {
15
- className: classNames('pgn__card-grid__card-item', {
16
- 'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights
17
- })
18
- }), card)), [children, columnSizes, hasEqualColumnHeights]);
8
+ var className = _ref.className,
9
+ children = _ref.children,
10
+ columnSizes = _ref.columnSizes,
11
+ hasEqualColumnHeights = _ref.hasEqualColumnHeights;
12
+ var cards = useMemo(function () {
13
+ return React.Children.map(children, function (card) {
14
+ return /*#__PURE__*/React.createElement(Col, _extends({}, columnSizes, {
15
+ className: classNames('pgn__card-grid__card-item', {
16
+ 'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights
17
+ })
18
+ }), card);
19
+ });
20
+ }, [children, columnSizes, hasEqualColumnHeights]);
19
21
  return /*#__PURE__*/React.createElement("div", {
20
22
  className: classNames('pgn__card-grid', className)
21
23
  }, /*#__PURE__*/React.createElement(Row, null, cards));
@@ -1 +1 @@
1
- {"version":3,"file":"CardGrid.js","names":["React","useMemo","classNames","PropTypes","Row","Col","CardGrid","_ref","className","children","columnSizes","hasEqualColumnHeights","cards","Children","map","card","createElement","_extends","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined"],"sources":["../../src/Card/CardGrid.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\n\nfunction CardGrid({\n className,\n children,\n columnSizes,\n hasEqualColumnHeights,\n}) {\n const cards = useMemo(\n () => React.Children.map(children, (card) => (\n <Col\n {...columnSizes}\n className={classNames(\n 'pgn__card-grid__card-item',\n {\n 'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n },\n )}\n >\n {card}\n </Col>\n )),\n [children, columnSizes, hasEqualColumnHeights],\n );\n\n return (\n <div className={classNames('pgn__card-grid', className)}>\n <Row>\n {cards}\n </Row>\n </div>\n );\n}\n\nCardGrid.propTypes = {\n /** The class name for the CardGrid component */\n className: PropTypes.string,\n /** The Card components to organize into a responsive grid */\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether to disable the default equal height cards across rows in the card grid */\n hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardGrid.defaultProps = {\n className: undefined,\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasEqualColumnHeights: true,\n};\n\nexport default CardGrid;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AAErC,SAASC,QAAQA,CAAAC,IAAA,EAKd;EAAA,IALe;IAChBC,SAAS;IACTC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,KAAK,GAAGX,OAAO,CACnB,MAAMD,KAAK,CAACa,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAAGM,IAAI,iBACtCf,KAAA,CAAAgB,aAAA,CAACX,GAAG,EAAAY,QAAA,KACEP,WAAW;IACfF,SAAS,EAAEN,UAAU,CACnB,2BAA2B,EAC3B;MACE,yCAAyC,EAAE,CAACS;IAC9C,CACF;EAAE,IAEDI,IACE,CACN,CAAC,EACF,CAACN,QAAQ,EAAEC,WAAW,EAAEC,qBAAqB,CAC/C,CAAC;EAED,oBACEX,KAAA,CAAAgB,aAAA;IAAKR,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS;EAAE,gBACtDR,KAAA,CAAAgB,aAAA,CAACZ,GAAG,QACDQ,KACE,CACF,CAAC;AAEV;AAEAN,QAAQ,CAACY,SAAS,GAAG;EACnB;EACAV,SAAS,EAAEL,SAAS,CAACgB,MAAM;EAC3B;EACAV,QAAQ,EAAEN,SAAS,CAACiB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEX,WAAW,EAAEP,SAAS,CAACmB,KAAK,CAAC;IAC3BC,EAAE,EAAEpB,SAAS,CAACqB,MAAM;IACpBC,EAAE,EAAEtB,SAAS,CAACqB,MAAM;IACpBE,EAAE,EAAEvB,SAAS,CAACqB,MAAM;IACpBG,EAAE,EAAExB,SAAS,CAACqB,MAAM;IACpBI,EAAE,EAAEzB,SAAS,CAACqB;EAChB,CAAC,CAAC;EACF;EACAb,qBAAqB,EAAER,SAAS,CAAC0B;AACnC,CAAC;AAEDvB,QAAQ,CAACwB,YAAY,GAAG;EACtBtB,SAAS,EAAEuB,SAAS;EACpBrB,WAAW,EAAE;IACXe,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDjB,qBAAqB,EAAE;AACzB,CAAC;AAED,eAAeL,QAAQ"}
1
+ {"version":3,"file":"CardGrid.js","names":["React","useMemo","classNames","PropTypes","Row","Col","CardGrid","_ref","className","children","columnSizes","hasEqualColumnHeights","cards","Children","map","card","createElement","_extends","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined"],"sources":["../../src/Card/CardGrid.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\n\nfunction CardGrid({\n className,\n children,\n columnSizes,\n hasEqualColumnHeights,\n}) {\n const cards = useMemo(\n () => React.Children.map(children, (card) => (\n <Col\n {...columnSizes}\n className={classNames(\n 'pgn__card-grid__card-item',\n {\n 'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n },\n )}\n >\n {card}\n </Col>\n )),\n [children, columnSizes, hasEqualColumnHeights],\n );\n\n return (\n <div className={classNames('pgn__card-grid', className)}>\n <Row>\n {cards}\n </Row>\n </div>\n );\n}\n\nCardGrid.propTypes = {\n /** The class name for the CardGrid component */\n className: PropTypes.string,\n /** The Card components to organize into a responsive grid */\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether to disable the default equal height cards across rows in the card grid */\n hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardGrid.defaultProps = {\n className: undefined,\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasEqualColumnHeights: true,\n};\n\nexport default CardGrid;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AAErC,SAASC,QAAQA,CAAAC,IAAA,EAKd;EAAA,IAJDC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,qBAAqB,GAAAJ,IAAA,CAArBI,qBAAqB;EAErB,IAAMC,KAAK,GAAGX,OAAO,CACnB;IAAA,OAAMD,KAAK,CAACa,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAAE,UAACM,IAAI;MAAA,oBACtCf,KAAA,CAAAgB,aAAA,CAACX,GAAG,EAAAY,QAAA,KACEP,WAAW;QACfF,SAAS,EAAEN,UAAU,CACnB,2BAA2B,EAC3B;UACE,yCAAyC,EAAE,CAACS;QAC9C,CACF;MAAE,IAEDI,IACE,CAAC;IAAA,CACP,CAAC;EAAA,GACF,CAACN,QAAQ,EAAEC,WAAW,EAAEC,qBAAqB,CAC/C,CAAC;EAED,oBACEX,KAAA,CAAAgB,aAAA;IAAKR,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS;EAAE,gBACtDR,KAAA,CAAAgB,aAAA,CAACZ,GAAG,QACDQ,KACE,CACF,CAAC;AAEV;AAEAN,QAAQ,CAACY,SAAS,GAAG;EACnB;EACAV,SAAS,EAAEL,SAAS,CAACgB,MAAM;EAC3B;EACAV,QAAQ,EAAEN,SAAS,CAACiB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEX,WAAW,EAAEP,SAAS,CAACmB,KAAK,CAAC;IAC3BC,EAAE,EAAEpB,SAAS,CAACqB,MAAM;IACpBC,EAAE,EAAEtB,SAAS,CAACqB,MAAM;IACpBE,EAAE,EAAEvB,SAAS,CAACqB,MAAM;IACpBG,EAAE,EAAExB,SAAS,CAACqB,MAAM;IACpBI,EAAE,EAAEzB,SAAS,CAACqB;EAChB,CAAC,CAAC;EACF;EACAb,qBAAqB,EAAER,SAAS,CAAC0B;AACnC,CAAC;AAEDvB,QAAQ,CAACwB,YAAY,GAAG;EACtBtB,SAAS,EAAEuB,SAAS;EACpBrB,WAAW,EAAE;IACXe,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDjB,qBAAqB,EAAE;AACzB,CAAC;AAED,eAAeL,QAAQ"}
@@ -3,27 +3,22 @@ import PropTypes from 'prop-types';
3
3
  import classNames from 'classnames';
4
4
  import Skeleton from 'react-loading-skeleton';
5
5
  import CardContext from './CardContext';
6
- const SKELETON_HEIGHT_VALUE = 20;
7
- const CardHeader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
8
- let {
9
- actions,
10
- className,
11
- size,
12
- subtitle,
13
- title,
14
- skeletonHeight,
15
- skeletonWidth
16
- } = _ref;
17
- const {
18
- isLoading
19
- } = useContext(CardContext);
20
- const cloneActions = useCallback(Action => {
6
+ var SKELETON_HEIGHT_VALUE = 20;
7
+ var CardHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
8
+ var actions = _ref.actions,
9
+ className = _ref.className,
10
+ size = _ref.size,
11
+ subtitle = _ref.subtitle,
12
+ title = _ref.title,
13
+ skeletonHeight = _ref.skeletonHeight,
14
+ skeletonWidth = _ref.skeletonWidth;
15
+ var _useContext = useContext(CardContext),
16
+ isLoading = _useContext.isLoading;
17
+ var cloneActions = useCallback(function (Action) {
21
18
  if ( /*#__PURE__*/React.isValidElement(Action)) {
22
- const {
23
- children
24
- } = Action.props;
25
- const addtlActionProps = {
26
- size,
19
+ var children = Action.props.children;
20
+ var addtlActionProps = {
21
+ size: size,
27
22
  children: Array.isArray(children) ? children.map(cloneActions) : cloneActions(children)
28
23
  };
29
24
  return /*#__PURE__*/React.cloneElement(Action, addtlActionProps);
@@ -45,9 +40,9 @@ const CardHeader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
45
40
  }, /*#__PURE__*/React.createElement("div", {
46
41
  className: "pgn__card-header-content"
47
42
  }, title && /*#__PURE__*/React.createElement("div", {
48
- className: `pgn__card-header-title-${size}`
43
+ className: "pgn__card-header-title-".concat(size)
49
44
  }, title), subtitle && /*#__PURE__*/React.createElement("div", {
50
- className: `pgn__card-header-subtitle-${size}`
45
+ className: "pgn__card-header-subtitle-".concat(size)
51
46
  }, subtitle)), actions && /*#__PURE__*/React.createElement("div", {
52
47
  className: "pgn__card-header-actions"
53
48
  }, size !== 'md' ? cloneActions(actions) : actions));