@openedx/paragon 23.14.1 → 23.14.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 (399) hide show
  1. package/README.md +80 -14
  2. package/dist/ActionRow/index.d.ts +18 -0
  3. package/dist/ActionRow/index.js +6 -24
  4. package/dist/ActionRow/index.js.map +1 -1
  5. package/dist/Alert/index.js +21 -24
  6. package/dist/Alert/index.js.map +1 -1
  7. package/dist/Annotation/index.d.ts +13 -0
  8. package/dist/Annotation/index.js +11 -30
  9. package/dist/Annotation/index.js.map +1 -1
  10. package/dist/Avatar/index.d.ts +11 -0
  11. package/dist/Avatar/index.js +7 -21
  12. package/dist/Avatar/index.js.map +1 -1
  13. package/dist/AvatarButton/index.d.ts +17 -0
  14. package/dist/AvatarButton/index.js +11 -33
  15. package/dist/AvatarButton/index.js.map +1 -1
  16. package/dist/Breadcrumb/BreadcrumbLink.js +5 -6
  17. package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
  18. package/dist/Breadcrumb/index.js +11 -12
  19. package/dist/Breadcrumb/index.js.map +1 -1
  20. package/dist/Bubble/index.d.ts +6 -2
  21. package/dist/Bubble/index.js +14 -39
  22. package/dist/Bubble/index.js.map +1 -1
  23. package/dist/Button/index.d.ts +42 -7
  24. package/dist/Button/index.js +43 -115
  25. package/dist/Button/index.js.map +1 -1
  26. package/dist/Card/BaseCard.js +11 -12
  27. package/dist/Card/BaseCard.js.map +1 -1
  28. package/dist/Card/CardBody.js +9 -12
  29. package/dist/Card/CardBody.js.map +1 -1
  30. package/dist/Card/CardCarousel/CardCarousel.js +13 -14
  31. package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
  32. package/dist/Card/CardCarousel/CardCarouselHeader.js +4 -5
  33. package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
  34. package/dist/Card/CardCarousel/CardCarouselItems.js +3 -4
  35. package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
  36. package/dist/Card/CardCarousel/CardCarouselProvider.js +7 -8
  37. package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
  38. package/dist/Card/CardCarousel/CardCarouselSubtitle.js +5 -6
  39. package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
  40. package/dist/Card/CardCarousel/CardCarouselTitle.js +5 -6
  41. package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
  42. package/dist/Card/CardCarousel/messages.d.ts +13 -0
  43. package/dist/Card/CardCarousel/messages.js +4 -5
  44. package/dist/Card/CardCarousel/messages.js.map +1 -0
  45. package/dist/Card/CardContext.js +6 -7
  46. package/dist/Card/CardContext.js.map +1 -1
  47. package/dist/Card/CardDeck.js +9 -10
  48. package/dist/Card/CardDeck.js.map +1 -1
  49. package/dist/Card/CardDivider.js +8 -11
  50. package/dist/Card/CardDivider.js.map +1 -1
  51. package/dist/Card/CardFooter.js +9 -10
  52. package/dist/Card/CardFooter.js.map +1 -1
  53. package/dist/Card/CardGrid.js +6 -7
  54. package/dist/Card/CardGrid.js.map +1 -1
  55. package/dist/Card/CardHeader.js +9 -10
  56. package/dist/Card/CardHeader.js.map +1 -1
  57. package/dist/Card/CardImageCap.js +15 -16
  58. package/dist/Card/CardImageCap.js.map +1 -1
  59. package/dist/Card/CardSection.js +9 -10
  60. package/dist/Card/CardSection.js.map +1 -1
  61. package/dist/Card/CardStatus.js +9 -10
  62. package/dist/Card/CardStatus.js.map +1 -1
  63. package/dist/Card/index.js +9 -10
  64. package/dist/Card/index.js.map +1 -1
  65. package/dist/Chip/ChipIcon.js +8 -9
  66. package/dist/Chip/ChipIcon.js.map +1 -1
  67. package/dist/Chip/index.d.ts +22 -0
  68. package/dist/Chip/index.js +15 -70
  69. package/dist/Chip/index.js.map +1 -1
  70. package/dist/ChipCarousel/index.js +49 -53
  71. package/dist/ChipCarousel/index.js.map +1 -1
  72. package/dist/ChipCarousel/messages.d.ts +13 -0
  73. package/dist/ChipCarousel/messages.js +4 -5
  74. package/dist/ChipCarousel/messages.js.map +1 -0
  75. package/dist/CloseButton/index.js.map +1 -1
  76. package/dist/Collapse/index.js.map +1 -1
  77. package/dist/Collapsible/CollapsibleBody.js +6 -7
  78. package/dist/Collapsible/CollapsibleBody.js.map +1 -1
  79. package/dist/Collapsible/CollapsibleTrigger.js +9 -10
  80. package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
  81. package/dist/Collapsible/CollapsibleVisible.js +5 -6
  82. package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
  83. package/dist/ColorPicker/index.js +6 -7
  84. package/dist/ColorPicker/index.js.map +1 -1
  85. package/dist/Container/index.js +9 -12
  86. package/dist/Container/index.js.map +1 -1
  87. package/dist/DataTable/BulkActions.js +4 -5
  88. package/dist/DataTable/BulkActions.js.map +1 -1
  89. package/dist/DataTable/CardView.js +16 -18
  90. package/dist/DataTable/CardView.js.map +1 -1
  91. package/dist/DataTable/CollapsibleButtonGroup.js +5 -6
  92. package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
  93. package/dist/DataTable/DataTableLayout.js +5 -6
  94. package/dist/DataTable/DataTableLayout.js.map +1 -1
  95. package/dist/DataTable/DropdownFilters.js +7 -2
  96. package/dist/DataTable/DropdownFilters.js.map +1 -1
  97. package/dist/DataTable/EmptyTable.js +5 -6
  98. package/dist/DataTable/EmptyTable.js.map +1 -1
  99. package/dist/DataTable/ExpandAll.js +4 -5
  100. package/dist/DataTable/ExpandAll.js.map +1 -1
  101. package/dist/DataTable/ExpandRow.js +3 -4
  102. package/dist/DataTable/ExpandRow.js.map +1 -1
  103. package/dist/DataTable/FilterStatus.js +8 -9
  104. package/dist/DataTable/FilterStatus.js.map +1 -1
  105. package/dist/DataTable/RowStatus.js +4 -5
  106. package/dist/DataTable/RowStatus.js.map +1 -1
  107. package/dist/DataTable/SidebarFilters.js +3 -4
  108. package/dist/DataTable/SidebarFilters.js.map +1 -1
  109. package/dist/DataTable/Table.js +3 -4
  110. package/dist/DataTable/Table.js.map +1 -1
  111. package/dist/DataTable/TableActions.js +3 -4
  112. package/dist/DataTable/TableActions.js.map +1 -1
  113. package/dist/DataTable/TableCell.js +5 -6
  114. package/dist/DataTable/TableCell.js.map +1 -1
  115. package/dist/DataTable/TableControlBar.js +3 -4
  116. package/dist/DataTable/TableControlBar.js.map +1 -1
  117. package/dist/DataTable/TableFilters.js +6 -7
  118. package/dist/DataTable/TableFilters.js.map +1 -1
  119. package/dist/DataTable/TableFooter.js +4 -5
  120. package/dist/DataTable/TableFooter.js.map +1 -1
  121. package/dist/DataTable/TableHeaderCell.js +13 -15
  122. package/dist/DataTable/TableHeaderCell.js.map +1 -1
  123. package/dist/DataTable/TableHeaderRow.js +3 -4
  124. package/dist/DataTable/TableHeaderRow.js.map +1 -1
  125. package/dist/DataTable/TableRow.js +3 -4
  126. package/dist/DataTable/TableRow.js.map +1 -1
  127. package/dist/DataTable/filters/CheckboxFilter.js +25 -29
  128. package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
  129. package/dist/DataTable/filters/DropdownFilter.js +16 -20
  130. package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
  131. package/dist/DataTable/filters/MultiSelectDropdownFilter.js +25 -29
  132. package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
  133. package/dist/DataTable/filters/TextFilter.js +8 -9
  134. package/dist/DataTable/filters/TextFilter.js.map +1 -1
  135. package/dist/DataTable/hooks.js +11 -13
  136. package/dist/DataTable/hooks.js.map +1 -1
  137. package/dist/DataTable/index.js +42 -36
  138. package/dist/DataTable/index.js.map +1 -1
  139. package/dist/DataTable/messages.d.ts +13 -0
  140. package/dist/DataTable/messages.js +7 -3
  141. package/dist/DataTable/messages.js.map +1 -0
  142. package/dist/DataTable/selection/BaseSelectionStatus.js +11 -12
  143. package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
  144. package/dist/DataTable/selection/ControlledSelect.js +3 -4
  145. package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
  146. package/dist/DataTable/selection/ControlledSelectHeader.js +3 -4
  147. package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
  148. package/dist/DataTable/selection/ControlledSelectionStatus.js +4 -5
  149. package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
  150. package/dist/DataTable/selection/SelectionStatus.js +4 -5
  151. package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
  152. package/dist/DataTable/utils/getVisibleColumns.js +9 -13
  153. package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
  154. package/dist/Dropdown/index.js +17 -20
  155. package/dist/Dropdown/index.js.map +1 -1
  156. package/dist/Dropzone/DefaultContent.js +5 -6
  157. package/dist/Dropzone/DefaultContent.js.map +1 -1
  158. package/dist/Dropzone/DragError.js +3 -4
  159. package/dist/Dropzone/DragError.js.map +1 -1
  160. package/dist/Dropzone/GenericError.js +4 -5
  161. package/dist/Dropzone/GenericError.js.map +1 -1
  162. package/dist/Dropzone/UploadProgress.js +6 -7
  163. package/dist/Dropzone/UploadProgress.js.map +1 -1
  164. package/dist/Dropzone/index.js +14 -15
  165. package/dist/Dropzone/index.js.map +1 -1
  166. package/dist/Dropzone/messages.d.ts +53 -0
  167. package/dist/Dropzone/messages.js +12 -13
  168. package/dist/Dropzone/messages.js.map +1 -0
  169. package/dist/Fade/index.js.map +1 -1
  170. package/dist/Form/FormAutosuggest.js +18 -20
  171. package/dist/Form/FormAutosuggest.js.map +1 -1
  172. package/dist/Form/FormAutosuggestOption.js +6 -7
  173. package/dist/Form/FormAutosuggestOption.js.map +1 -1
  174. package/dist/Form/FormCheckbox.js +16 -18
  175. package/dist/Form/FormCheckbox.js.map +1 -1
  176. package/dist/Form/FormCheckboxSet.js +11 -12
  177. package/dist/Form/FormCheckboxSet.js.map +1 -1
  178. package/dist/Form/FormCheckboxSetContext.js +9 -10
  179. package/dist/Form/FormCheckboxSetContext.js.map +1 -1
  180. package/dist/Form/FormControl.js +12 -13
  181. package/dist/Form/FormControl.js.map +1 -1
  182. package/dist/Form/FormControlDecorator.js +4 -5
  183. package/dist/Form/FormControlDecorator.js.map +1 -1
  184. package/dist/Form/FormControlDecoratorGroup.js +8 -9
  185. package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
  186. package/dist/Form/FormControlFeedback.js +4 -5
  187. package/dist/Form/FormControlFeedback.js.map +1 -1
  188. package/dist/Form/FormControlFloatingLabel.js +3 -4
  189. package/dist/Form/FormControlFloatingLabel.js.map +1 -1
  190. package/dist/Form/FormControlSet.js +7 -8
  191. package/dist/Form/FormControlSet.js.map +1 -1
  192. package/dist/Form/FormGroup.js +9 -10
  193. package/dist/Form/FormGroup.js.map +1 -1
  194. package/dist/Form/FormGroupContext.js +7 -8
  195. package/dist/Form/FormGroupContext.js.map +1 -1
  196. package/dist/Form/FormLabel.d.ts +2 -11
  197. package/dist/Form/FormLabel.js +5 -15
  198. package/dist/Form/FormLabel.js.map +1 -1
  199. package/dist/Form/FormRadio.js +28 -31
  200. package/dist/Form/FormRadio.js.map +1 -1
  201. package/dist/Form/FormRadioSet.js +11 -12
  202. package/dist/Form/FormRadioSet.js.map +1 -1
  203. package/dist/Form/FormRadioSetContext.js +9 -10
  204. package/dist/Form/FormRadioSetContext.js.map +1 -1
  205. package/dist/Form/FormSwitch.js +25 -29
  206. package/dist/Form/FormSwitch.js.map +1 -1
  207. package/dist/Form/FormText.js +16 -19
  208. package/dist/Form/FormText.js.map +1 -1
  209. package/dist/Form/fieldUtils.js +11 -22
  210. package/dist/Form/fieldUtils.js.map +1 -1
  211. package/dist/Form/useCheckboxSetValues.js +1 -2
  212. package/dist/Form/useCheckboxSetValues.js.map +1 -1
  213. package/dist/Hyperlink/index.js +17 -21
  214. package/dist/Hyperlink/index.js.map +1 -1
  215. package/dist/Icon/index.js +10 -11
  216. package/dist/Icon/index.js.map +1 -1
  217. package/dist/IconButton/index.d.ts +8 -304
  218. package/dist/IconButton/index.js +21 -84
  219. package/dist/IconButton/index.js.map +1 -1
  220. package/dist/IconButtonToggle/index.js +5 -6
  221. package/dist/IconButtonToggle/index.js.map +1 -1
  222. package/dist/Image/index.js.map +1 -1
  223. package/dist/Layout/index.js +4 -5
  224. package/dist/Layout/index.js.map +1 -1
  225. package/dist/Media/index.js.map +1 -1
  226. package/dist/Menu/MenuItem.js +8 -9
  227. package/dist/Menu/MenuItem.js.map +1 -1
  228. package/dist/Menu/SelectMenu.js +8 -9
  229. package/dist/Menu/SelectMenu.js.map +1 -1
  230. package/dist/Menu/index.js +6 -7
  231. package/dist/Menu/index.js.map +1 -1
  232. package/dist/Modal/AlertModal.js +6 -7
  233. package/dist/Modal/AlertModal.js.map +1 -1
  234. package/dist/Modal/FullscreenModal.js +7 -8
  235. package/dist/Modal/FullscreenModal.js.map +1 -1
  236. package/dist/Modal/MarketingModal.js +9 -10
  237. package/dist/Modal/MarketingModal.js.map +1 -1
  238. package/dist/Modal/ModalCloseButton.js +5 -6
  239. package/dist/Modal/ModalCloseButton.js.map +1 -1
  240. package/dist/Modal/ModalContext.js +6 -7
  241. package/dist/Modal/ModalContext.js.map +1 -1
  242. package/dist/Modal/ModalDialog.d.ts +6 -65
  243. package/dist/Modal/ModalDialog.js +16 -81
  244. package/dist/Modal/ModalDialog.js.map +1 -1
  245. package/dist/Modal/ModalDialogBody.js +5 -6
  246. package/dist/Modal/ModalDialogBody.js.map +1 -1
  247. package/dist/Modal/ModalDialogFooter.js +5 -6
  248. package/dist/Modal/ModalDialogFooter.js.map +1 -1
  249. package/dist/Modal/ModalDialogHeader.js +9 -12
  250. package/dist/Modal/ModalDialogHeader.js.map +1 -1
  251. package/dist/Modal/ModalDialogHero.js +5 -6
  252. package/dist/Modal/ModalDialogHero.js.map +1 -1
  253. package/dist/Modal/ModalDialogHeroBackground.js +6 -7
  254. package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
  255. package/dist/Modal/ModalDialogHeroContent.js +5 -6
  256. package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
  257. package/dist/Modal/ModalDialogTitle.js +5 -6
  258. package/dist/Modal/ModalDialogTitle.js.map +1 -1
  259. package/dist/Modal/ModalLayer.d.ts +0 -25
  260. package/dist/Modal/ModalLayer.js +13 -35
  261. package/dist/Modal/ModalLayer.js.map +1 -1
  262. package/dist/Modal/ModalPopup.js +11 -12
  263. package/dist/Modal/ModalPopup.js.map +1 -1
  264. package/dist/Modal/PopperElement.js +7 -8
  265. package/dist/Modal/PopperElement.js.map +1 -1
  266. package/dist/Modal/StandardModal.js +7 -8
  267. package/dist/Modal/StandardModal.js.map +1 -1
  268. package/dist/OverflowScroll/OverflowScroll.js +12 -13
  269. package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
  270. package/dist/OverflowScroll/OverflowScrollItems.js +3 -4
  271. package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
  272. package/dist/Overlay/index.d.ts +2 -2
  273. package/dist/PageBanner/index.js +9 -10
  274. package/dist/PageBanner/index.js.map +1 -1
  275. package/dist/Pagination/PaginationContext.js +12 -13
  276. package/dist/Pagination/PaginationContext.js.map +1 -1
  277. package/dist/Pagination/subcomponents/PageButton.js +3 -4
  278. package/dist/Pagination/subcomponents/PageButton.js.map +1 -1
  279. package/dist/Popover/index.js +11 -14
  280. package/dist/Popover/index.js.map +1 -1
  281. package/dist/ProductTour/Checkpoint.js +12 -13
  282. package/dist/ProductTour/Checkpoint.js.map +1 -1
  283. package/dist/ProductTour/CheckpointActionRow.js +10 -11
  284. package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
  285. package/dist/ProductTour/CheckpointBody.js +3 -4
  286. package/dist/ProductTour/CheckpointBody.js.map +1 -1
  287. package/dist/ProductTour/CheckpointHeader.js +7 -8
  288. package/dist/ProductTour/CheckpointHeader.js.map +1 -1
  289. package/dist/ProductTour/CheckpointTitle.js +6 -9
  290. package/dist/ProductTour/CheckpointTitle.js.map +1 -1
  291. package/dist/ProductTour/index.js +3 -4
  292. package/dist/ProductTour/index.js.map +1 -1
  293. package/dist/ProductTour/messages.d.ts +23 -0
  294. package/dist/ProductTour/messages.js +6 -7
  295. package/dist/ProductTour/messages.js.map +1 -0
  296. package/dist/ProgressBar/index.js +11 -12
  297. package/dist/ProgressBar/index.js.map +1 -1
  298. package/dist/ResponsiveEmbed/index.js.map +1 -1
  299. package/dist/Scrollable/index.js +4 -5
  300. package/dist/Scrollable/index.js.map +1 -1
  301. package/dist/SearchField/SearchFieldLabel.js +4 -5
  302. package/dist/SearchField/SearchFieldLabel.js.map +1 -1
  303. package/dist/SelectableBox/SelectableBoxSet.js +13 -14
  304. package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
  305. package/dist/SelectableBox/index.js +14 -15
  306. package/dist/SelectableBox/index.js.map +1 -1
  307. package/dist/Skeleton/index.js.map +1 -1
  308. package/dist/Spinner/index.d.ts +11 -0
  309. package/dist/Spinner/index.js +6 -17
  310. package/dist/Spinner/index.js.map +1 -1
  311. package/dist/Stack/index.js +12 -15
  312. package/dist/Stack/index.js.map +1 -1
  313. package/dist/StatefulButton/index.js +9 -10
  314. package/dist/StatefulButton/index.js.map +1 -1
  315. package/dist/Stepper/Stepper.js +4 -5
  316. package/dist/Stepper/Stepper.js.map +1 -1
  317. package/dist/Stepper/StepperActionRow.js +6 -7
  318. package/dist/Stepper/StepperActionRow.js.map +1 -1
  319. package/dist/Stepper/StepperContext.js +4 -5
  320. package/dist/Stepper/StepperContext.js.map +1 -1
  321. package/dist/Stepper/StepperHeader.js +23 -31
  322. package/dist/Stepper/StepperHeader.js.map +1 -1
  323. package/dist/Stepper/StepperHeaderStep.js +8 -9
  324. package/dist/Stepper/StepperHeaderStep.js.map +1 -1
  325. package/dist/Stepper/StepperStep.js +10 -11
  326. package/dist/Stepper/StepperStep.js.map +1 -1
  327. package/dist/Sticky/index.js +8 -12
  328. package/dist/Sticky/index.js.map +1 -1
  329. package/dist/Tabs/index.js +8 -9
  330. package/dist/Tabs/index.js.map +1 -1
  331. package/dist/Toast/ToastContainer.js +3 -4
  332. package/dist/Toast/ToastContainer.js.map +1 -1
  333. package/dist/Toast/index.d.ts +20 -41
  334. package/dist/Toast/index.js +11 -48
  335. package/dist/Toast/index.js.map +1 -1
  336. package/dist/ToggleButton/index.js.map +1 -1
  337. package/dist/Tooltip/index.js +11 -14
  338. package/dist/Tooltip/index.js.map +1 -1
  339. package/dist/Truncate/index.js +9 -10
  340. package/dist/Truncate/index.js.map +1 -1
  341. package/dist/asInput/index.js +9 -13
  342. package/dist/asInput/index.js.map +1 -1
  343. package/dist/hooks/useArrowKeyNavigationHook.js +17 -21
  344. package/dist/hooks/useArrowKeyNavigationHook.js.map +1 -1
  345. package/dist/hooks/useIsVisibleHook.js +4 -6
  346. package/dist/hooks/useIsVisibleHook.js.map +1 -1
  347. package/dist/hooks/useToggleHook.js +1 -3
  348. package/dist/hooks/useToggleHook.js.map +1 -1
  349. package/dist/index.d.ts +5 -5
  350. package/dist/index.js +5 -10
  351. package/dist/index.js.map +1 -1
  352. package/dist/theme-urls.json +6 -6
  353. package/dist/utils/newId.js +1 -2
  354. package/dist/utils/newId.js.map +1 -1
  355. package/package.json +2 -2
  356. package/src/ActionRow/{index.jsx → index.tsx} +14 -22
  357. package/src/Annotation/{index.jsx → index.tsx} +15 -22
  358. package/src/Avatar/{index.jsx → index.tsx} +13 -19
  359. package/src/AvatarButton/{index.jsx → index.tsx} +23 -31
  360. package/src/Bubble/index.tsx +12 -32
  361. package/src/Button/index.tsx +68 -93
  362. package/src/Chip/index.tsx +26 -59
  363. package/src/CloseButton/index.tsx +1 -0
  364. package/src/Collapse/index.tsx +1 -0
  365. package/src/DataTable/DropdownFilters.jsx +9 -2
  366. package/src/DataTable/README.md +19 -18
  367. package/src/DataTable/index.jsx +6 -1
  368. package/src/DataTable/{messages.js → messages.ts} +5 -0
  369. package/src/DataTable/tests/DataTable.test.jsx +51 -1
  370. package/src/DataTable/tests/DropdownFilters.test.jsx +11 -7
  371. package/src/Fade/index.tsx +1 -0
  372. package/src/Form/FormLabel.tsx +2 -10
  373. package/src/IconButton/index.tsx +17 -81
  374. package/src/Image/index.tsx +2 -0
  375. package/src/Media/index.tsx +1 -0
  376. package/src/Modal/ModalDialog.tsx +6 -66
  377. package/src/Modal/ModalLayer.tsx +0 -22
  378. package/src/Modal/modal-popup.mdx +1 -1
  379. package/src/ProductTour/ProductTour.test.jsx +0 -1
  380. package/src/ResponsiveEmbed/index.tsx +1 -0
  381. package/src/Skeleton/index.tsx +1 -0
  382. package/src/Spinner/{index.jsx → index.tsx} +10 -15
  383. package/src/Toast/index.tsx +21 -40
  384. package/src/ToggleButton/index.tsx +2 -0
  385. package/src/index.ts +5 -10
  386. /package/{src/CloseButton/index.jsx → dist/CloseButton/index.d.ts} +0 -0
  387. /package/{src/Collapse/index.jsx → dist/Collapse/index.d.ts} +0 -0
  388. /package/{src/Fade/index.jsx → dist/Fade/index.d.ts} +0 -0
  389. /package/{src/Image/index.jsx → dist/Image/index.d.ts} +0 -0
  390. /package/{src/Media/index.jsx → dist/Media/index.d.ts} +0 -0
  391. /package/{src/ResponsiveEmbed/index.jsx → dist/ResponsiveEmbed/index.d.ts} +0 -0
  392. /package/{src/Skeleton/index.jsx → dist/Skeleton/index.d.ts} +0 -0
  393. /package/{src/ToggleButton/index.jsx → dist/ToggleButton/index.d.ts} +0 -0
  394. /package/src/Card/CardCarousel/{messages.js → messages.ts} +0 -0
  395. /package/src/ChipCarousel/{messages.js → messages.ts} +0 -0
  396. /package/src/Dropzone/{messages.js → messages.ts} +0 -0
  397. /package/src/ProductTour/{messages.js → messages.ts} +0 -0
  398. /package/src/Spinner/{Spinner.test.jsx → Spinner.test.tsx} +0 -0
  399. /package/src/Spinner/__snapshots__/{Spinner.test.jsx.snap → Spinner.test.tsx.snap} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"CardCarousel.js","names":["React","PropTypes","OverflowScroll","CardCarouselProvider","CardCarouselHeader","CardCarouselItems","CardCarousel","_ref","ariaLabel","children","title","subtitle","columnSizes","hasInteractiveChildren","canScrollHorizontal","disableOpacityMasks","onScrollPrevious","onScrollNext","CardCarouselControls","createElement","disableScroll","className","propTypes","node","isRequired","string","shape","xs","number","sm","md","lg","xl","bool","func","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarousel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { OverflowScroll } from '../../OverflowScroll';\nimport CardCarouselProvider from './CardCarouselProvider';\nimport CardCarouselHeader from './CardCarouselHeader';\nimport CardCarouselItems from './CardCarouselItems';\n\nfunction CardCarousel({\n ariaLabel,\n children,\n title,\n subtitle,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n disableOpacityMasks,\n onScrollPrevious,\n onScrollNext,\n CardCarouselControls,\n}) {\n return (\n <OverflowScroll\n disableScroll={!canScrollHorizontal}\n hasInteractiveChildren={hasInteractiveChildren}\n disableOpacityMasks={disableOpacityMasks}\n onScrollPrevious={onScrollPrevious}\n onScrollNext={onScrollNext}\n ariaLabel={ariaLabel}\n >\n <CardCarouselProvider\n columnSizes={columnSizes}\n hasInteractiveChildren={hasInteractiveChildren}\n canScrollHorizontal={canScrollHorizontal}\n CardCarouselControls={CardCarouselControls}\n >\n <div className=\"pgn__card-carousel\">\n <CardCarouselHeader\n title={title}\n subtitle={subtitle}\n />\n <CardCarouselItems>{children}</CardCarouselItems>\n </div>\n </CardCarouselProvider>\n </OverflowScroll>\n );\n}\n\nCardCarousel.propTypes = {\n /** The `Card` items for the `CardCarousel`. */\n children: PropTypes.node.isRequired,\n /** Text describing the CardCarousel for screen readers */\n ariaLabel: PropTypes.string.isRequired,\n /** An optional title. */\n title: PropTypes.node,\n /** An optional subtitle. */\n subtitle: PropTypes.node,\n /** Customize the responsive columnSizes used by the carousel. */\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 carousel has interactive children (e.g., clickable cards). */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the carousel can be scrolled manually by users. */\n canScrollHorizontal: PropTypes.bool,\n /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n disableOpacityMasks: PropTypes.bool,\n /** Callback function for when the user scrolls to the previous element. */\n onScrollPrevious: PropTypes.func,\n /** Callback function for when the user scrolls to the next element. */\n onScrollNext: PropTypes.func,\n /** Optional override for the default `CardCarouselControls` */\n CardCarouselControls: PropTypes.elementType,\n};\n\nCardCarousel.defaultProps = {\n title: undefined,\n subtitle: undefined,\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n disableOpacityMasks: false,\n onScrollPrevious: undefined,\n onScrollNext: undefined,\n CardCarouselControls: undefined,\n};\n\nexport default CardCarousel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,cAAc,QAAQ,sBAAsB;AACrD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,SAASC,YAAYA,CAAAC,IAAA,EAYlB;EAAA,IAZmB;IACpBC,SAAS;IACTC,QAAQ;IACRC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,sBAAsB;IACtBC,mBAAmB;IACnBC,mBAAmB;IACnBC,gBAAgB;IAChBC,YAAY;IACZC;EACF,CAAC,GAAAX,IAAA;EACC,oBACEP,KAAA,CAAAmB,aAAA,CAACjB,cAAc;IACbkB,aAAa,EAAE,CAACN,mBAAoB;IACpCD,sBAAsB,EAAEA,sBAAuB;IAC/CE,mBAAmB,EAAEA,mBAAoB;IACzCC,gBAAgB,EAAEA,gBAAiB;IACnCC,YAAY,EAAEA,YAAa;IAC3BT,SAAS,EAAEA;EAAU,gBAErBR,KAAA,CAAAmB,aAAA,CAAChB,oBAAoB;IACnBS,WAAW,EAAEA,WAAY;IACzBC,sBAAsB,EAAEA,sBAAuB;IAC/CC,mBAAmB,EAAEA,mBAAoB;IACzCI,oBAAoB,EAAEA;EAAqB,gBAE3ClB,KAAA,CAAAmB,aAAA;IAAKE,SAAS,EAAC;EAAoB,gBACjCrB,KAAA,CAAAmB,aAAA,CAACf,kBAAkB;IACjBM,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA;EAAS,CACpB,CAAC,eACFX,KAAA,CAAAmB,aAAA,CAACd,iBAAiB,QAAEI,QAA4B,CAC7C,CACe,CACR,CAAC;AAErB;AAEAH,YAAY,CAACgB,SAAS,GAAG;EACvB;EACAb,QAAQ,EAAER,SAAS,CAACsB,IAAI,CAACC,UAAU;EACnC;EACAhB,SAAS,EAAEP,SAAS,CAACwB,MAAM,CAACD,UAAU;EACtC;EACAd,KAAK,EAAET,SAAS,CAACsB,IAAI;EACrB;EACAZ,QAAQ,EAAEV,SAAS,CAACsB,IAAI;EACxB;EACAX,WAAW,EAAEX,SAAS,CAACyB,KAAK,CAAC;IAC3BC,EAAE,EAAE1B,SAAS,CAAC2B,MAAM;IACpBC,EAAE,EAAE5B,SAAS,CAAC2B,MAAM;IACpBE,EAAE,EAAE7B,SAAS,CAAC2B,MAAM;IACpBG,EAAE,EAAE9B,SAAS,CAAC2B,MAAM;IACpBI,EAAE,EAAE/B,SAAS,CAAC2B;EAChB,CAAC,CAAC;EACF;EACAf,sBAAsB,EAAEZ,SAAS,CAACgC,IAAI;EACtC;EACAnB,mBAAmB,EAAEb,SAAS,CAACgC,IAAI;EACnC;EACAlB,mBAAmB,EAAEd,SAAS,CAACgC,IAAI;EACnC;EACAjB,gBAAgB,EAAEf,SAAS,CAACiC,IAAI;EAChC;EACAjB,YAAY,EAAEhB,SAAS,CAACiC,IAAI;EAC5B;EACAhB,oBAAoB,EAAEjB,SAAS,CAACkC;AAClC,CAAC;AAED7B,YAAY,CAAC8B,YAAY,GAAG;EAC1B1B,KAAK,EAAE2B,SAAS;EAChB1B,QAAQ,EAAE0B,SAAS;EACnBzB,WAAW,EAAE;IACXiB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDnB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBC,mBAAmB,EAAE,KAAK;EAC1BC,gBAAgB,EAAEqB,SAAS;EAC3BpB,YAAY,EAAEoB,SAAS;EACvBnB,oBAAoB,EAAEmB;AACxB,CAAC;AAED,eAAe/B,YAAY","ignoreList":[]}
1
+ {"version":3,"file":"CardCarousel.js","names":["React","PropTypes","OverflowScroll","CardCarouselProvider","CardCarouselHeader","CardCarouselItems","CardCarousel","ariaLabel","children","title","subtitle","columnSizes","hasInteractiveChildren","canScrollHorizontal","disableOpacityMasks","onScrollPrevious","onScrollNext","CardCarouselControls","createElement","disableScroll","className","propTypes","node","isRequired","string","shape","xs","number","sm","md","lg","xl","bool","func","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarousel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { OverflowScroll } from '../../OverflowScroll';\nimport CardCarouselProvider from './CardCarouselProvider';\nimport CardCarouselHeader from './CardCarouselHeader';\nimport CardCarouselItems from './CardCarouselItems';\n\nfunction CardCarousel({\n ariaLabel,\n children,\n title,\n subtitle,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n disableOpacityMasks,\n onScrollPrevious,\n onScrollNext,\n CardCarouselControls,\n}) {\n return (\n <OverflowScroll\n disableScroll={!canScrollHorizontal}\n hasInteractiveChildren={hasInteractiveChildren}\n disableOpacityMasks={disableOpacityMasks}\n onScrollPrevious={onScrollPrevious}\n onScrollNext={onScrollNext}\n ariaLabel={ariaLabel}\n >\n <CardCarouselProvider\n columnSizes={columnSizes}\n hasInteractiveChildren={hasInteractiveChildren}\n canScrollHorizontal={canScrollHorizontal}\n CardCarouselControls={CardCarouselControls}\n >\n <div className=\"pgn__card-carousel\">\n <CardCarouselHeader\n title={title}\n subtitle={subtitle}\n />\n <CardCarouselItems>{children}</CardCarouselItems>\n </div>\n </CardCarouselProvider>\n </OverflowScroll>\n );\n}\n\nCardCarousel.propTypes = {\n /** The `Card` items for the `CardCarousel`. */\n children: PropTypes.node.isRequired,\n /** Text describing the CardCarousel for screen readers */\n ariaLabel: PropTypes.string.isRequired,\n /** An optional title. */\n title: PropTypes.node,\n /** An optional subtitle. */\n subtitle: PropTypes.node,\n /** Customize the responsive columnSizes used by the carousel. */\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 carousel has interactive children (e.g., clickable cards). */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the carousel can be scrolled manually by users. */\n canScrollHorizontal: PropTypes.bool,\n /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n disableOpacityMasks: PropTypes.bool,\n /** Callback function for when the user scrolls to the previous element. */\n onScrollPrevious: PropTypes.func,\n /** Callback function for when the user scrolls to the next element. */\n onScrollNext: PropTypes.func,\n /** Optional override for the default `CardCarouselControls` */\n CardCarouselControls: PropTypes.elementType,\n};\n\nCardCarousel.defaultProps = {\n title: undefined,\n subtitle: undefined,\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n disableOpacityMasks: false,\n onScrollPrevious: undefined,\n onScrollNext: undefined,\n CardCarouselControls: undefined,\n};\n\nexport default CardCarousel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,cAAc,QAAQ,sBAAsB;AACrD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,SAASC,YAAYA,CAAC;EACpBC,SAAS;EACTC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,sBAAsB;EACtBC,mBAAmB;EACnBC,mBAAmB;EACnBC,gBAAgB;EAChBC,YAAY;EACZC;AACF,CAAC,EAAE;EACD,oBACEjB,KAAA,CAAAkB,aAAA,CAAChB,cAAc;IACbiB,aAAa,EAAE,CAACN,mBAAoB;IACpCD,sBAAsB,EAAEA,sBAAuB;IAC/CE,mBAAmB,EAAEA,mBAAoB;IACzCC,gBAAgB,EAAEA,gBAAiB;IACnCC,YAAY,EAAEA,YAAa;IAC3BT,SAAS,EAAEA;EAAU,gBAErBP,KAAA,CAAAkB,aAAA,CAACf,oBAAoB;IACnBQ,WAAW,EAAEA,WAAY;IACzBC,sBAAsB,EAAEA,sBAAuB;IAC/CC,mBAAmB,EAAEA,mBAAoB;IACzCI,oBAAoB,EAAEA;EAAqB,gBAE3CjB,KAAA,CAAAkB,aAAA;IAAKE,SAAS,EAAC;EAAoB,gBACjCpB,KAAA,CAAAkB,aAAA,CAACd,kBAAkB;IACjBK,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA;EAAS,CACpB,CAAC,eACFV,KAAA,CAAAkB,aAAA,CAACb,iBAAiB,QAAEG,QAA4B,CAC7C,CACe,CACR,CAAC;AAErB;AAEAF,YAAY,CAACe,SAAS,GAAG;EACvB;EACAb,QAAQ,EAAEP,SAAS,CAACqB,IAAI,CAACC,UAAU;EACnC;EACAhB,SAAS,EAAEN,SAAS,CAACuB,MAAM,CAACD,UAAU;EACtC;EACAd,KAAK,EAAER,SAAS,CAACqB,IAAI;EACrB;EACAZ,QAAQ,EAAET,SAAS,CAACqB,IAAI;EACxB;EACAX,WAAW,EAAEV,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;EACAf,sBAAsB,EAAEX,SAAS,CAAC+B,IAAI;EACtC;EACAnB,mBAAmB,EAAEZ,SAAS,CAAC+B,IAAI;EACnC;EACAlB,mBAAmB,EAAEb,SAAS,CAAC+B,IAAI;EACnC;EACAjB,gBAAgB,EAAEd,SAAS,CAACgC,IAAI;EAChC;EACAjB,YAAY,EAAEf,SAAS,CAACgC,IAAI;EAC5B;EACAhB,oBAAoB,EAAEhB,SAAS,CAACiC;AAClC,CAAC;AAED5B,YAAY,CAAC6B,YAAY,GAAG;EAC1B1B,KAAK,EAAE2B,SAAS;EAChB1B,QAAQ,EAAE0B,SAAS;EACnBzB,WAAW,EAAE;IACXiB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDnB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBC,mBAAmB,EAAE,KAAK;EAC1BC,gBAAgB,EAAEqB,SAAS;EAC3BpB,YAAY,EAAEoB,SAAS;EACvBnB,oBAAoB,EAAEmB;AACxB,CAAC;AAED,eAAe9B,YAAY","ignoreList":[]}
@@ -22,11 +22,10 @@ const getFormattedSubtitle = subtitle => {
22
22
  }
23
23
  return /*#__PURE__*/React.createElement(CardCarouselSubtitle, null, subtitle);
24
24
  };
25
- function CardCarouselHeader(_ref) {
26
- let {
27
- title,
28
- subtitle
29
- } = _ref;
25
+ function CardCarouselHeader({
26
+ title,
27
+ subtitle
28
+ }) {
30
29
  const {
31
30
  CardCarouselControls: customCardCarouselControls
32
31
  } = useContext(CardCarouselContext);
@@ -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,iBAAIP,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,iBAAIV,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","ignoreList":[]}
1
+ {"version":3,"file":"CardCarouselHeader.js","names":["React","useContext","isValidElement","PropTypes","CardCarouselTitle","CardCarouselSubtitle","DefaultCardCarouselControls","CardCarouselContext","getFormattedTitle","title","createElement","getFormattedSubtitle","subtitle","CardCarouselHeader","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,iBAAIP,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,iBAAIV,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,CAAC;EAAEJ,KAAK;EAAEG;AAAS,CAAC,EAAE;EAC/C,MAAM;IAAEE,oBAAoB,EAAEC;EAA2B,CAAC,GAAGd,UAAU,CAACM,mBAAmB,CAAC;EAC5F,MAAMO,oBAAoB,GAAGC,0BAA0B,IAAIT,2BAA2B;EAEtF,MAAMU,aAAa,GAAGR,iBAAiB,CAACC,KAAK,CAAC;EAC9C,MAAMQ,gBAAgB,GAAGN,oBAAoB,CAACC,QAAQ,CAAC;EAEvD,oBACEZ,KAAA,CAAAU,aAAA;IAAKQ,SAAS,EAAC;EAA2B,gBACxClB,KAAA,CAAAU,aAAA,cACGM,aAAa,EACbC,gBACE,CAAC,eACNjB,KAAA,CAAAU,aAAA,CAACI,oBAAoB,MAAE,CACpB,CAAC;AAEV;AAEAD,kBAAkB,CAACM,SAAS,GAAG;EAC7BV,KAAK,EAAEN,SAAS,CAACiB,IAAI;EACrBR,QAAQ,EAAET,SAAS,CAACiB;AACtB,CAAC;AAEDP,kBAAkB,CAACQ,YAAY,GAAG;EAChCZ,KAAK,EAAEa,SAAS;EAChBV,QAAQ,EAAEU;AACZ,CAAC;AAED,eAAeT,kBAAkB","ignoreList":[]}
@@ -2,10 +2,9 @@ import React, { useContext } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import CardDeck from '../CardDeck';
4
4
  import { CardCarouselContext } from './CardCarouselProvider';
5
- function CardCarouselItems(_ref) {
6
- let {
7
- children
8
- } = _ref;
5
+ function CardCarouselItems({
6
+ children
7
+ }) {
9
8
  const {
10
9
  columnSizes,
11
10
  hasInteractiveChildren,
@@ -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","ignoreList":[]}
1
+ {"version":3,"file":"CardCarouselItems.js","names":["React","useContext","PropTypes","CardDeck","CardCarouselContext","CardCarouselItems","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,CAAC;EAAEC;AAAS,CAAC,EAAE;EACvC,MAAM;IACJC,WAAW;IACXC,sBAAsB;IACtBC,mBAAmB;IACnBC;EACF,CAAC,GAAGT,UAAU,CAACG,mBAAmB,CAAC;EAEnC,oBACEJ,KAAA,CAAAW,aAAA,CAACR,QAAQ;IACPS,GAAG,EAAEF,cAAe;IACpBH,WAAW,EAAEA,WAAY;IACzBC,sBAAsB,EAAEA,sBAAuB;IAC/CC,mBAAmB,EAAEA,mBAAoB;IACzCI,sBAAsB;EAAA,GAErBP,QACO,CAAC;AAEf;AAEAD,iBAAiB,CAACS,SAAS,GAAG;EAC5BR,QAAQ,EAAEJ,SAAS,CAACa,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeX,iBAAiB","ignoreList":[]}
@@ -2,14 +2,13 @@ import React, { createContext, useContext, useMemo } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import { OverflowScrollContext } from '../../OverflowScroll';
4
4
  export const CardCarouselContext = /*#__PURE__*/createContext();
5
- function CardCarouselProvider(_ref) {
6
- let {
7
- columnSizes,
8
- hasInteractiveChildren,
9
- canScrollHorizontal,
10
- children,
11
- CardCarouselControls
12
- } = _ref;
5
+ function CardCarouselProvider({
6
+ columnSizes,
7
+ hasInteractiveChildren,
8
+ canScrollHorizontal,
9
+ children,
10
+ CardCarouselControls
11
+ }) {
13
12
  const {
14
13
  overflowRef,
15
14
  setOverflowRef,
@@ -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","ignoreList":[]}
1
+ {"version":3,"file":"CardCarouselProvider.js","names":["React","createContext","useContext","useMemo","PropTypes","OverflowScrollContext","CardCarouselContext","CardCarouselProvider","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,CAAC;EAC5BC,WAAW;EACXC,sBAAsB;EACtBC,mBAAmB;EACnBC,QAAQ;EACRC;AACF,CAAC,EAAE;EACD,MAAM;IACJC,WAAW;IACXC,cAAc;IACdC,iBAAiB;IACjBC,eAAe;IACfC,gBAAgB;IAChBC;EACF,CAAC,GAAGhB,UAAU,CAACG,qBAAqB,CAAC;EAErC,MAAMc,wBAAwB,GAAGhB,OAAO,CAAC,OAAO;IAC9CU,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,oBACEZ,KAAA,CAAAoB,aAAA,CAACd,mBAAmB,CAACe,QAAQ;IAACC,KAAK,EAAEH;EAAyB,GAC3DR,QAC2B,CAAC;AAEnC;AAEAJ,oBAAoB,CAACgB,SAAS,GAAG;EAC/BZ,QAAQ,EAAEP,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEjB,WAAW,EAAEJ,SAAS,CAACsB,KAAK,CAAC;IAC3BC,EAAE,EAAEvB,SAAS,CAACwB,MAAM;IACpBC,EAAE,EAAEzB,SAAS,CAACwB,MAAM;IACpBE,EAAE,EAAE1B,SAAS,CAACwB,MAAM;IACpBG,EAAE,EAAE3B,SAAS,CAACwB,MAAM;IACpBI,EAAE,EAAE5B,SAAS,CAACwB;EAChB,CAAC,CAAC;EACF;AACF;EACEnB,sBAAsB,EAAEL,SAAS,CAAC6B,IAAI;EACtC;EACAvB,mBAAmB,EAAEN,SAAS,CAAC6B,IAAI;EACnC;EACArB,oBAAoB,EAAER,SAAS,CAAC8B;AAClC,CAAC;AAED3B,oBAAoB,CAAC4B,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,eAAe7B,oBAAoB","ignoreList":[]}
@@ -1,12 +1,11 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import classNames from 'classnames';
4
- function CardCarouselSubtitle(_ref) {
5
- let {
6
- children,
7
- as,
8
- className
9
- } = _ref;
4
+ function CardCarouselSubtitle({
5
+ children,
6
+ as,
7
+ className
8
+ }) {
10
9
  const Component = as || 'p';
11
10
  return /*#__PURE__*/React.createElement(Component, {
12
11
  className: classNames('pgn__card-carousel-subtitle', className)
@@ -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","ignoreList":[]}
1
+ {"version":3,"file":"CardCarouselSubtitle.js","names":["React","PropTypes","classNames","CardCarouselSubtitle","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,CAAC;EAAEC,QAAQ;EAAEC,EAAE;EAAEC;AAAU,CAAC,EAAE;EACzD,MAAMC,SAAS,GAAGF,EAAE,IAAI,GAAG;EAC3B,oBACEL,KAAA,CAAAQ,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEJ,UAAU,CAAC,6BAA6B,EAAEI,SAAS;EAAE,GACxEF,QACQ,CAAC;AAEhB;AAEAD,oBAAoB,CAACM,SAAS,GAAG;EAC/B;EACAL,QAAQ,EAAEH,SAAS,CAACS,IAAI,CAACC,UAAU;EACnC;EACAN,EAAE,EAAEJ,SAAS,CAACW,SAAS,CAAC,CAACX,SAAS,CAACY,MAAM,EAAEZ,SAAS,CAACa,WAAW,CAAC,CAAC;EAClE;EACAR,SAAS,EAAEL,SAAS,CAACY;AACvB,CAAC;AAEDV,oBAAoB,CAACY,YAAY,GAAG;EAClCV,EAAE,EAAEW,SAAS;EACbV,SAAS,EAAEU;AACb,CAAC;AAED,eAAeb,oBAAoB","ignoreList":[]}
@@ -1,12 +1,11 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import classNames from 'classnames';
4
- function CardCarouselTitle(_ref) {
5
- let {
6
- children,
7
- as,
8
- className
9
- } = _ref;
4
+ function CardCarouselTitle({
5
+ children,
6
+ as,
7
+ className
8
+ }) {
10
9
  const Component = as || 'h2';
11
10
  return /*#__PURE__*/React.createElement(Component, {
12
11
  className: classNames('pgn__card-carousel-title', className)
@@ -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","ignoreList":[]}
1
+ {"version":3,"file":"CardCarouselTitle.js","names":["React","PropTypes","classNames","CardCarouselTitle","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,CAAC;EAAEC,QAAQ;EAAEC,EAAE;EAAEC;AAAU,CAAC,EAAE;EACtD,MAAMC,SAAS,GAAGF,EAAE,IAAI,IAAI;EAC5B,oBACEL,KAAA,CAAAQ,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEJ,UAAU,CAAC,0BAA0B,EAAEI,SAAS;EAAE,GACrEF,QACQ,CAAC;AAEhB;AAEAD,iBAAiB,CAACM,SAAS,GAAG;EAC5BL,QAAQ,EAAEH,SAAS,CAACS,IAAI,CAACC,UAAU;EACnCN,EAAE,EAAEJ,SAAS,CAACW,SAAS,CAAC,CAACX,SAAS,CAACY,MAAM,EAAEZ,SAAS,CAACa,WAAW,CAAC,CAAC;EAClER,SAAS,EAAEL,SAAS,CAACY;AACvB,CAAC;AAEDV,iBAAiB,CAACY,YAAY,GAAG;EAC/BV,EAAE,EAAEW,SAAS;EACbV,SAAS,EAAEU;AACb,CAAC;AAED,eAAeb,iBAAiB","ignoreList":[]}
@@ -0,0 +1,13 @@
1
+ declare const messages: {
2
+ scrollToPrevious: {
3
+ id: string;
4
+ defaultMessage: string;
5
+ description: string;
6
+ };
7
+ scrollToNext: {
8
+ id: string;
9
+ defaultMessage: string;
10
+ description: string;
11
+ };
12
+ };
13
+ export default messages;
@@ -1,16 +1,15 @@
1
1
  import { defineMessages } from 'react-intl';
2
-
3
2
  const messages = defineMessages({
4
3
  scrollToPrevious: {
5
4
  id: 'pgn.CardCarousel.scrollToPrevious',
6
5
  defaultMessage: 'Scroll to previous',
7
- description: 'Accessibility text describing the action for navigating a scrollable carousel to the previous element',
6
+ description: 'Accessibility text describing the action for navigating a scrollable carousel to the previous element'
8
7
  },
9
8
  scrollToNext: {
10
9
  id: 'pgn.CardCarousel.scrollToNext',
11
10
  defaultMessage: 'Scroll to next',
12
- description: 'Accessibility text describing the action for navigating a scrollable carousel to the next element',
13
- },
11
+ description: 'Accessibility text describing the action for navigating a scrollable carousel to the next element'
12
+ }
14
13
  });
15
-
16
14
  export default messages;
15
+ //# sourceMappingURL=messages.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"messages.js","names":["defineMessages","messages","scrollToPrevious","id","defaultMessage","description","scrollToNext"],"sources":["../../../src/Card/CardCarousel/messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nconst messages = defineMessages({\n scrollToPrevious: {\n id: 'pgn.CardCarousel.scrollToPrevious',\n defaultMessage: 'Scroll to previous',\n description: 'Accessibility text describing the action for navigating a scrollable carousel to the previous element',\n },\n scrollToNext: {\n id: 'pgn.CardCarousel.scrollToNext',\n defaultMessage: 'Scroll to next',\n description: 'Accessibility text describing the action for navigating a scrollable carousel to the next element',\n },\n});\n\nexport default messages;\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,YAAY;AAE3C,MAAMC,QAAQ,GAAGD,cAAc,CAAC;EAC9BE,gBAAgB,EAAE;IAChBC,EAAE,EAAE,mCAAmC;IACvCC,cAAc,EAAE,oBAAoB;IACpCC,WAAW,EAAE;EACf,CAAC;EACDC,YAAY,EAAE;IACZH,EAAE,EAAE,+BAA+B;IACnCC,cAAc,EAAE,gBAAgB;IAChCC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,eAAeJ,QAAQ","ignoreList":[]}
@@ -1,13 +1,12 @@
1
1
  import React, { createContext } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  const CardContext = /*#__PURE__*/createContext({});
4
- function CardContextProvider(_ref) {
5
- let {
6
- orientation,
7
- children,
8
- isLoading,
9
- variant
10
- } = _ref;
4
+ function CardContextProvider({
5
+ orientation,
6
+ children,
7
+ isLoading,
8
+ variant
9
+ }) {
11
10
  return /*#__PURE__*/React.createElement(CardContext.Provider, {
12
11
  value: {
13
12
  orientation,
@@ -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","ignoreList":[]}
1
+ {"version":3,"file":"CardContext.js","names":["React","createContext","PropTypes","CardContext","CardContextProvider","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,CAAC;EAC3BC,WAAW;EACXC,QAAQ;EACRC,SAAS;EACTC;AACF,CAAC,EAAE;EACD,oBACER,KAAA,CAAAS,aAAA,CAACN,WAAW,CAACO,QAAQ;IAACC,KAAK,EAAE;MAAEN,WAAW;MAAEE,SAAS;MAAEC;IAAQ;EAAE,GAC9DF,QACmB,CAAC;AAE3B;AAEAF,mBAAmB,CAACQ,SAAS,GAAG;EAC9B;EACAP,WAAW,EAAEH,SAAS,CAACW,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EACxD;EACAN,SAAS,EAAEL,SAAS,CAACY,IAAI;EACzB;EACAR,QAAQ,EAAEJ,SAAS,CAACa,IAAI;EACxB;EACAP,OAAO,EAAEN,SAAS,CAACW,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC;AACrD,CAAC;AAEDT,mBAAmB,CAACY,YAAY,GAAG;EACjCX,WAAW,EAAE,UAAU;EACvBE,SAAS,EAAE,KAAK;EAChBD,QAAQ,EAAE,IAAI;EACdE,OAAO,EAAE;AACX,CAAC;AAED,SAASJ,mBAAmB;AAC5B,eAAeD,WAAW","ignoreList":[]}
@@ -4,16 +4,15 @@ import PropTypes from 'prop-types';
4
4
  import Row from 'react-bootstrap/Row';
5
5
  import Col from 'react-bootstrap/Col';
6
6
  import { useOverflowScrollItems } from '../OverflowScroll';
7
- const CardDeck = /*#__PURE__*/React.forwardRef((_ref, ref) => {
8
- let {
9
- className,
10
- children,
11
- columnSizes,
12
- hasInteractiveChildren,
13
- canScrollHorizontal,
14
- hasOverflowScrollItems,
15
- hasEqualColumnHeights
16
- } = _ref;
7
+ const CardDeck = /*#__PURE__*/React.forwardRef(({
8
+ className,
9
+ children,
10
+ columnSizes,
11
+ hasInteractiveChildren,
12
+ canScrollHorizontal,
13
+ hasOverflowScrollItems,
14
+ hasEqualColumnHeights
15
+ }, ref) => {
17
16
  const cards = useMemo(() => Children.map(children, card => /*#__PURE__*/React.createElement(Col, {
18
17
  ...columnSizes,
19
18
  className: classNames('pgn__card-deck__card-item', {
@@ -1 +1 @@
1
- {"version":3,"file":"CardDeck.js","names":["React","Children","useMemo","classNames","PropTypes","Row","Col","useOverflowScrollItems","CardDeck","forwardRef","_ref","ref","className","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","hasOverflowScrollItems","hasEqualColumnHeights","cards","map","card","createElement","overflowCardDeckItems","cardDeckChildren","tabIndex","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined"],"sources":["../../src/Card/CardDeck.jsx"],"sourcesContent":["import React, { Children, useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\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\nexport default CardDeck;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,SAASC,sBAAsB,QAAQ,mBAAmB;AAE1D,MAAMC,QAAQ,gBAAGR,KAAK,CAACS,UAAU,CAAC,CAAAC,IAAA,EAQ/BC,GAAG,KAAK;EAAA,IARwB;IACjCC,SAAS;IACTC,QAAQ;IACRC,WAAW;IACXC,sBAAsB;IACtBC,mBAAmB;IACnBC,sBAAsB;IACtBC;EACF,CAAC,GAAAR,IAAA;EACC,MAAMS,KAAK,GAAGjB,OAAO,CACnB,MAAMD,QAAQ,CAACmB,GAAG,CAACP,QAAQ,EAAGQ,IAAI,iBAChCrB,KAAA,CAAAsB,aAAA,CAAChB,GAAG;IAAA,GACEQ,WAAW;IACfF,SAAS,EAAET,UAAU,CACnB,2BAA2B,EAC3B;MACE,yCAAyC,EAAE,CAACe;IAC9C,CACF;EAAE,GAEDG,IACE,CACN,CAAC,EACF,CAACR,QAAQ,EAAEC,WAAW,EAAEI,qBAAqB,CAC/C,CAAC;EACD,MAAMK,qBAAqB,GAAGhB,sBAAsB,CAACY,KAAK,CAAC;EAE3D,MAAMK,gBAAgB,GAAGtB,OAAO,CAAC,MAAM;IACrC,IAAIe,sBAAsB,EAAE;MAC1B,OAAOM,qBAAqB;IAC9B;IACA,OAAOJ,KAAK;EACd,CAAC,EAAE,CAACF,sBAAsB,EAAEM,qBAAqB,EAAEJ,KAAK,CAAC,CAAC;EAE1D,oBACEnB,KAAA,CAAAsB,aAAA;IACEV,SAAS,EAAET,UAAU,CACnB,gBAAgB,EAChB;MACE,sCAAsC,EAAEa;IAC1C,CAAC,EACDJ,SACF;EAAE,gBAEFZ,KAAA,CAAAsB,aAAA,CAACjB,GAAG;IACFO,SAAS,EAAC,oBAAoB;IAC9Ba,QAAQ,EAAEV,sBAAsB,GAAG,CAAC,CAAC,GAAG,CAAE;IAC1CJ,GAAG,EAAEA;EAAI,GAERa,gBACE,CACF,CAAC;AAEV,CAAC,CAAC;AAEFhB,QAAQ,CAACkB,SAAS,GAAG;EACnB;EACAd,SAAS,EAAER,SAAS,CAACuB,MAAM;EAC3B;EACAd,QAAQ,EAAET,SAAS,CAACwB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEf,WAAW,EAAEV,SAAS,CAAC0B,KAAK,CAAC;IAC3BC,EAAE,EAAE3B,SAAS,CAAC4B,MAAM;IACpBC,EAAE,EAAE7B,SAAS,CAAC4B,MAAM;IACpBE,EAAE,EAAE9B,SAAS,CAAC4B,MAAM;IACpBG,EAAE,EAAE/B,SAAS,CAAC4B,MAAM;IACpBI,EAAE,EAAEhC,SAAS,CAAC4B;EAChB,CAAC,CAAC;EACF;AACF;EACEjB,sBAAsB,EAAEX,SAAS,CAACiC,IAAI;EACtC;EACArB,mBAAmB,EAAEZ,SAAS,CAACiC,IAAI;EACnC;AACF;EACEpB,sBAAsB,EAAEb,SAAS,CAACiC,IAAI;EACtC;EACAnB,qBAAqB,EAAEd,SAAS,CAACiC;AACnC,CAAC;AAED7B,QAAQ,CAAC8B,YAAY,GAAG;EACtB1B,SAAS,EAAE2B,SAAS;EACpBzB,WAAW,EAAE;IACXmB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDrB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBC,sBAAsB,EAAE,KAAK;EAC7BC,qBAAqB,EAAE;AACzB,CAAC;AAED,eAAeV,QAAQ","ignoreList":[]}
1
+ {"version":3,"file":"CardDeck.js","names":["React","Children","useMemo","classNames","PropTypes","Row","Col","useOverflowScrollItems","CardDeck","forwardRef","className","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","hasOverflowScrollItems","hasEqualColumnHeights","ref","cards","map","card","createElement","overflowCardDeckItems","cardDeckChildren","tabIndex","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined"],"sources":["../../src/Card/CardDeck.jsx"],"sourcesContent":["import React, { Children, useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\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\nexport default CardDeck;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,SAASC,sBAAsB,QAAQ,mBAAmB;AAE1D,MAAMC,QAAQ,gBAAGR,KAAK,CAACS,UAAU,CAAC,CAAC;EACjCC,SAAS;EACTC,QAAQ;EACRC,WAAW;EACXC,sBAAsB;EACtBC,mBAAmB;EACnBC,sBAAsB;EACtBC;AACF,CAAC,EAAEC,GAAG,KAAK;EACT,MAAMC,KAAK,GAAGhB,OAAO,CACnB,MAAMD,QAAQ,CAACkB,GAAG,CAACR,QAAQ,EAAGS,IAAI,iBAChCpB,KAAA,CAAAqB,aAAA,CAACf,GAAG;IAAA,GACEM,WAAW;IACfF,SAAS,EAAEP,UAAU,CACnB,2BAA2B,EAC3B;MACE,yCAAyC,EAAE,CAACa;IAC9C,CACF;EAAE,GAEDI,IACE,CACN,CAAC,EACF,CAACT,QAAQ,EAAEC,WAAW,EAAEI,qBAAqB,CAC/C,CAAC;EACD,MAAMM,qBAAqB,GAAGf,sBAAsB,CAACW,KAAK,CAAC;EAE3D,MAAMK,gBAAgB,GAAGrB,OAAO,CAAC,MAAM;IACrC,IAAIa,sBAAsB,EAAE;MAC1B,OAAOO,qBAAqB;IAC9B;IACA,OAAOJ,KAAK;EACd,CAAC,EAAE,CAACH,sBAAsB,EAAEO,qBAAqB,EAAEJ,KAAK,CAAC,CAAC;EAE1D,oBACElB,KAAA,CAAAqB,aAAA;IACEX,SAAS,EAAEP,UAAU,CACnB,gBAAgB,EAChB;MACE,sCAAsC,EAAEW;IAC1C,CAAC,EACDJ,SACF;EAAE,gBAEFV,KAAA,CAAAqB,aAAA,CAAChB,GAAG;IACFK,SAAS,EAAC,oBAAoB;IAC9Bc,QAAQ,EAAEX,sBAAsB,GAAG,CAAC,CAAC,GAAG,CAAE;IAC1CI,GAAG,EAAEA;EAAI,GAERM,gBACE,CACF,CAAC;AAEV,CAAC,CAAC;AAEFf,QAAQ,CAACiB,SAAS,GAAG;EACnB;EACAf,SAAS,EAAEN,SAAS,CAACsB,MAAM;EAC3B;EACAf,QAAQ,EAAEP,SAAS,CAACuB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEhB,WAAW,EAAER,SAAS,CAACyB,KAAK,CAAC;IAC3BC,EAAE,EAAE1B,SAAS,CAAC2B,MAAM;IACpBC,EAAE,EAAE5B,SAAS,CAAC2B,MAAM;IACpBE,EAAE,EAAE7B,SAAS,CAAC2B,MAAM;IACpBG,EAAE,EAAE9B,SAAS,CAAC2B,MAAM;IACpBI,EAAE,EAAE/B,SAAS,CAAC2B;EAChB,CAAC,CAAC;EACF;AACF;EACElB,sBAAsB,EAAET,SAAS,CAACgC,IAAI;EACtC;EACAtB,mBAAmB,EAAEV,SAAS,CAACgC,IAAI;EACnC;AACF;EACErB,sBAAsB,EAAEX,SAAS,CAACgC,IAAI;EACtC;EACApB,qBAAqB,EAAEZ,SAAS,CAACgC;AACnC,CAAC;AAED5B,QAAQ,CAAC6B,YAAY,GAAG;EACtB3B,SAAS,EAAE4B,SAAS;EACpB1B,WAAW,EAAE;IACXoB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDtB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBC,sBAAsB,EAAE,KAAK;EAC7BC,qBAAqB,EAAE;AACzB,CAAC;AAED,eAAeR,QAAQ","ignoreList":[]}
@@ -1,17 +1,14 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import classNames from 'classnames';
4
- const CardDivider = /*#__PURE__*/React.forwardRef((_ref, ref) => {
5
- let {
6
- className,
7
- ...props
8
- } = _ref;
9
- return /*#__PURE__*/React.createElement("div", {
10
- className: classNames('pgn__card-divider', className),
11
- ref: ref,
12
- ...props
13
- });
14
- });
4
+ const CardDivider = /*#__PURE__*/React.forwardRef(({
5
+ className,
6
+ ...props
7
+ }, ref) => /*#__PURE__*/React.createElement("div", {
8
+ className: classNames('pgn__card-divider', className),
9
+ ref: ref,
10
+ ...props
11
+ }));
15
12
  CardDivider.propTypes = {
16
13
  /** Specifies class name to append to the base element. */
17
14
  className: PropTypes.string
@@ -1 +1 @@
1
- {"version":3,"file":"CardDivider.js","names":["React","PropTypes","classNames","CardDivider","forwardRef","_ref","ref","className","props","createElement","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;IAAEC,SAAS;IAAE,GAAGC;EAAM,CAAC,GAAAH,IAAA;EAAA,oBAC3DL,KAAA,CAAAS,aAAA;IAAKF,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IAACD,GAAG,EAAEA,GAAI;IAAA,GAAKE;EAAK,CAAG,CAAC;AAAA,CACpF,CAAC;AAEFL,WAAW,CAACO,SAAS,GAAG;EACtB;EACAH,SAAS,EAAEN,SAAS,CAACU;AACvB,CAAC;AAEDR,WAAW,CAACS,YAAY,GAAG;EACzBL,SAAS,EAAEM;AACb,CAAC;AAED,eAAeV,WAAW","ignoreList":[]}
1
+ {"version":3,"file":"CardDivider.js","names":["React","PropTypes","classNames","CardDivider","forwardRef","className","props","ref","createElement","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,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAChEP,KAAA,CAAAQ,aAAA;EAAKH,SAAS,EAAEH,UAAU,CAAC,mBAAmB,EAAEG,SAAS,CAAE;EAACE,GAAG,EAAEA,GAAI;EAAA,GAAKD;AAAK,CAAG,CACnF,CAAC;AAEFH,WAAW,CAACM,SAAS,GAAG;EACtB;EACAJ,SAAS,EAAEJ,SAAS,CAACS;AACvB,CAAC;AAEDP,WAAW,CAACQ,YAAY,GAAG;EACzBN,SAAS,EAAEO;AACb,CAAC;AAED,eAAeT,WAAW","ignoreList":[]}
@@ -4,16 +4,15 @@ import classNames from 'classnames';
4
4
  import Skeleton from 'react-loading-skeleton';
5
5
  import CardContext from './CardContext';
6
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;
7
+ const CardFooter = /*#__PURE__*/React.forwardRef(({
8
+ children,
9
+ className,
10
+ isStacked,
11
+ textElement,
12
+ skeletonHeight,
13
+ skeletonWidth,
14
+ orientation
15
+ }, ref) => {
17
16
  const {
18
17
  orientation: cardOrientation,
19
18
  isLoading
@@ -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,GAAG,oBAAoBD,iBAAiB,GAAGP,SAAS,GAAG,UAAU,GAAG,EAAE,EAAE;EAC9F,MAAMS,oBAAoB,GAAG,yBAAyBF,iBAAiB,GAAGP,SAAS,GAAG,UAAU,GAAG,EAAE,EAAE;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","ignoreList":[]}
1
+ {"version":3,"file":"CardFooter.js","names":["React","useContext","PropTypes","classNames","Skeleton","CardContext","IS_LOADING_HEIGHT_VALUE","CardFooter","forwardRef","children","className","isStacked","textElement","skeletonHeight","skeletonWidth","orientation","ref","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,CAAC;EACnCC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACTC,WAAW;EACXC,cAAc;EACdC,aAAa;EACbC;AACF,CAAC,EAAEC,GAAG,KAAK;EACT,MAAM;IAAED,WAAW,EAAEE,eAAe;IAAEC;EAAU,CAAC,GAAGjB,UAAU,CAACI,WAAW,CAAC;EAC3E,MAAMc,iBAAiB,GAAGJ,WAAW,IAAIE,eAAe;EACxD,MAAMG,gBAAgB,GAAG,oBAAoBD,iBAAiB,GAAGR,SAAS,GAAG,UAAU,GAAG,EAAE,EAAE;EAC9F,MAAMU,oBAAoB,GAAG,yBAAyBF,iBAAiB,GAAGR,SAAS,GAAG,UAAU,GAAG,EAAE,EAAE;EAEvG,IAAIO,SAAS,EAAE;IACb,oBACElB,KAAA,CAAAsB,aAAA;MAAKZ,SAAS,EAAEP,UAAU,CAACO,SAAS,EAAEU,gBAAgB;IAAE,gBACtDpB,KAAA,CAAAsB,aAAA,CAAClB,QAAQ;MACPmB,kBAAkB,EAAC,yBAAyB;MAC5CC,MAAM,EAAEX,cAAe;MACvBY,KAAK,EAAEX;IAAc,CACtB,CACE,CAAC;EAEV;EAEA,oBACEd,KAAA,CAAAsB,aAAA;IAAKZ,SAAS,EAAEP,UAAU,CAACO,SAAS,EAAEU,gBAAgB,CAAE;IAACJ,GAAG,EAAEA;EAAI,GAC/DJ,WAAW,iBAAIZ,KAAA,CAAAsB,aAAA;IAAKZ,SAAS,EAAEW;EAAqB,GAAET,WAAiB,CAAC,EACxEH,QACE,CAAC;AAEV,CAAC,CAAC;AAEFF,UAAU,CAACmB,SAAS,GAAG;EACrB;EACAjB,QAAQ,EAAEP,SAAS,CAACyB,IAAI;EACxB;EACAjB,SAAS,EAAER,SAAS,CAAC0B,MAAM;EAC3B;EACAhB,WAAW,EAAEV,SAAS,CAACyB,IAAI;EAC3B;EACAhB,SAAS,EAAET,SAAS,CAAC2B,IAAI;EACzB;EACAd,WAAW,EAAEb,SAAS,CAAC4B,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EACxD;EACAjB,cAAc,EAAEX,SAAS,CAAC6B,MAAM;EAChC;EACAjB,aAAa,EAAEZ,SAAS,CAAC6B;AAC3B,CAAC;AAEDxB,UAAU,CAACyB,YAAY,GAAG;EACxBvB,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAEuB,SAAS;EACpBrB,WAAW,EAAEqB,SAAS;EACtBtB,SAAS,EAAE,KAAK;EAChBI,WAAW,EAAEkB,SAAS;EACtBpB,cAAc,EAAEP,uBAAuB;EACvCQ,aAAa,EAAEmB;AACjB,CAAC;AAED,eAAe1B,UAAU","ignoreList":[]}
@@ -3,13 +3,12 @@ import classNames from 'classnames';
3
3
  import PropTypes from 'prop-types';
4
4
  import Row from 'react-bootstrap/Row';
5
5
  import Col from 'react-bootstrap/Col';
6
- function CardGrid(_ref) {
7
- let {
8
- className,
9
- children,
10
- columnSizes,
11
- hasEqualColumnHeights
12
- } = _ref;
6
+ function CardGrid({
7
+ className,
8
+ children,
9
+ columnSizes,
10
+ hasEqualColumnHeights
11
+ }) {
13
12
  const cards = useMemo(() => React.Children.map(children, card => /*#__PURE__*/React.createElement(Col, {
14
13
  ...columnSizes,
15
14
  className: classNames('pgn__card-grid__card-item', {
@@ -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","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;IAAA,GACEK,WAAW;IACfF,SAAS,EAAEN,UAAU,CACnB,2BAA2B,EAC3B;MACE,yCAAyC,EAAE,CAACS;IAC9C,CACF;EAAE,GAEDI,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,CAACW,SAAS,GAAG;EACnB;EACAT,SAAS,EAAEL,SAAS,CAACe,MAAM;EAC3B;EACAT,QAAQ,EAAEN,SAAS,CAACgB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEV,WAAW,EAAEP,SAAS,CAACkB,KAAK,CAAC;IAC3BC,EAAE,EAAEnB,SAAS,CAACoB,MAAM;IACpBC,EAAE,EAAErB,SAAS,CAACoB,MAAM;IACpBE,EAAE,EAAEtB,SAAS,CAACoB,MAAM;IACpBG,EAAE,EAAEvB,SAAS,CAACoB,MAAM;IACpBI,EAAE,EAAExB,SAAS,CAACoB;EAChB,CAAC,CAAC;EACF;EACAZ,qBAAqB,EAAER,SAAS,CAACyB;AACnC,CAAC;AAEDtB,QAAQ,CAACuB,YAAY,GAAG;EACtBrB,SAAS,EAAEsB,SAAS;EACpBpB,WAAW,EAAE;IACXc,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDhB,qBAAqB,EAAE;AACzB,CAAC;AAED,eAAeL,QAAQ","ignoreList":[]}
1
+ {"version":3,"file":"CardGrid.js","names":["React","useMemo","classNames","PropTypes","Row","Col","CardGrid","className","children","columnSizes","hasEqualColumnHeights","cards","Children","map","card","createElement","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,CAAC;EAChBC,SAAS;EACTC,QAAQ;EACRC,WAAW;EACXC;AACF,CAAC,EAAE;EACD,MAAMC,KAAK,GAAGV,OAAO,CACnB,MAAMD,KAAK,CAACY,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAAGM,IAAI,iBACtCd,KAAA,CAAAe,aAAA,CAACV,GAAG;IAAA,GACEI,WAAW;IACfF,SAAS,EAAEL,UAAU,CACnB,2BAA2B,EAC3B;MACE,yCAAyC,EAAE,CAACQ;IAC9C,CACF;EAAE,GAEDI,IACE,CACN,CAAC,EACF,CAACN,QAAQ,EAAEC,WAAW,EAAEC,qBAAqB,CAC/C,CAAC;EAED,oBACEV,KAAA,CAAAe,aAAA;IAAKR,SAAS,EAAEL,UAAU,CAAC,gBAAgB,EAAEK,SAAS;EAAE,gBACtDP,KAAA,CAAAe,aAAA,CAACX,GAAG,QACDO,KACE,CACF,CAAC;AAEV;AAEAL,QAAQ,CAACU,SAAS,GAAG;EACnB;EACAT,SAAS,EAAEJ,SAAS,CAACc,MAAM;EAC3B;EACAT,QAAQ,EAAEL,SAAS,CAACe,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEV,WAAW,EAAEN,SAAS,CAACiB,KAAK,CAAC;IAC3BC,EAAE,EAAElB,SAAS,CAACmB,MAAM;IACpBC,EAAE,EAAEpB,SAAS,CAACmB,MAAM;IACpBE,EAAE,EAAErB,SAAS,CAACmB,MAAM;IACpBG,EAAE,EAAEtB,SAAS,CAACmB,MAAM;IACpBI,EAAE,EAAEvB,SAAS,CAACmB;EAChB,CAAC,CAAC;EACF;EACAZ,qBAAqB,EAAEP,SAAS,CAACwB;AACnC,CAAC;AAEDrB,QAAQ,CAACsB,YAAY,GAAG;EACtBrB,SAAS,EAAEsB,SAAS;EACpBpB,WAAW,EAAE;IACXc,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDhB,qBAAqB,EAAE;AACzB,CAAC;AAED,eAAeJ,QAAQ","ignoreList":[]}
@@ -4,16 +4,15 @@ import classNames from 'classnames';
4
4
  import Skeleton from 'react-loading-skeleton';
5
5
  import CardContext from './CardContext';
6
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;
7
+ const CardHeader = /*#__PURE__*/React.forwardRef(({
8
+ actions,
9
+ className,
10
+ size,
11
+ subtitle,
12
+ title,
13
+ skeletonHeight,
14
+ skeletonWidth
15
+ }, ref) => {
17
16
  const {
18
17
  isLoading
19
18
  } = useContext(CardContext);
@@ -1 +1 @@
1
- {"version":3,"file":"CardHeader.js","names":["React","useCallback","useContext","PropTypes","classNames","Skeleton","CardContext","SKELETON_HEIGHT_VALUE","CardHeader","forwardRef","_ref","ref","actions","className","size","subtitle","title","skeletonHeight","skeletonWidth","isLoading","cloneActions","Action","isValidElement","children","props","addtlActionProps","Array","isArray","map","cloneElement","createElement","containerClassName","height","width","propTypes","node","string","oneOf","number","defaultProps"],"sources":["../../src/Card/CardHeader.jsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\n\nconst SKELETON_HEIGHT_VALUE = 20;\n\nconst CardHeader = React.forwardRef(({\n actions,\n className,\n size,\n subtitle,\n title,\n skeletonHeight,\n skeletonWidth,\n}, ref) => {\n const { isLoading } = useContext(CardContext);\n const cloneActions = useCallback(\n (Action) => {\n if (React.isValidElement(Action)) {\n const { children } = Action.props;\n const addtlActionProps = {\n size,\n children: Array.isArray(children) ? children.map(cloneActions) : cloneActions(children),\n };\n return React.cloneElement(Action, addtlActionProps);\n }\n\n return Action;\n },\n [size],\n );\n\n if (isLoading) {\n return (\n <div className={classNames('pgn__card-header', className)}>\n <Skeleton\n containerClassName=\"pgn__card-header-loader\"\n height={skeletonHeight}\n width={skeletonWidth}\n />\n </div>\n );\n }\n\n return (\n <div className={classNames('pgn__card-header', className)} ref={ref}>\n <div className=\"pgn__card-header-content\">\n {title && <div className={`pgn__card-header-title-${size}`}>{title}</div>}\n {subtitle && <div className={`pgn__card-header-subtitle-${size}`}>{subtitle}</div>}\n </div>\n {actions && (\n <div className=\"pgn__card-header-actions\">\n {size !== 'md' ? cloneActions(actions) : actions}\n </div>\n )}\n </div>\n );\n});\n\nCardHeader.propTypes = {\n /** Optional node to render on the top right of the card header,\n * i.e. ActionRow or a DropdownMenu.\n * */\n actions: PropTypes.node,\n /** The class name for the CardHeader component */\n className: PropTypes.string,\n /** The title for the CardHeader component */\n title: PropTypes.node,\n /** The size of the CardHeader component */\n size: PropTypes.oneOf(['sm', 'md']),\n /** The subtitle of the CardHeader component */\n subtitle: PropTypes.node,\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\nCardHeader.defaultProps = {\n actions: null,\n className: null,\n size: 'md',\n title: null,\n subtitle: null,\n skeletonHeight: SKELETON_HEIGHT_VALUE,\n skeletonWidth: null,\n};\n\nexport default CardHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,qBAAqB,GAAG,EAAE;AAEhC,MAAMC,UAAU,gBAAGR,KAAK,CAACS,UAAU,CAAC,CAAAC,IAAA,EAQjCC,GAAG,KAAK;EAAA,IAR0B;IACnCC,OAAO;IACPC,SAAS;IACTC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC,cAAc;IACdC;EACF,CAAC,GAAAR,IAAA;EACC,MAAM;IAAES;EAAU,CAAC,GAAGjB,UAAU,CAACI,WAAW,CAAC;EAC7C,MAAMc,YAAY,GAAGnB,WAAW,CAC7BoB,MAAM,IAAK;IACV,iBAAIrB,KAAK,CAACsB,cAAc,CAACD,MAAM,CAAC,EAAE;MAChC,MAAM;QAAEE;MAAS,CAAC,GAAGF,MAAM,CAACG,KAAK;MACjC,MAAMC,gBAAgB,GAAG;QACvBX,IAAI;QACJS,QAAQ,EAAEG,KAAK,CAACC,OAAO,CAACJ,QAAQ,CAAC,GAAGA,QAAQ,CAACK,GAAG,CAACR,YAAY,CAAC,GAAGA,YAAY,CAACG,QAAQ;MACxF,CAAC;MACD,oBAAOvB,KAAK,CAAC6B,YAAY,CAACR,MAAM,EAAEI,gBAAgB,CAAC;IACrD;IAEA,OAAOJ,MAAM;EACf,CAAC,EACD,CAACP,IAAI,CACP,CAAC;EAED,IAAIK,SAAS,EAAE;IACb,oBACEnB,KAAA,CAAA8B,aAAA;MAAKjB,SAAS,EAAET,UAAU,CAAC,kBAAkB,EAAES,SAAS;IAAE,gBACxDb,KAAA,CAAA8B,aAAA,CAACzB,QAAQ;MACP0B,kBAAkB,EAAC,yBAAyB;MAC5CC,MAAM,EAAEf,cAAe;MACvBgB,KAAK,EAAEf;IAAc,CACtB,CACE,CAAC;EAEV;EAEA,oBACElB,KAAA,CAAA8B,aAAA;IAAKjB,SAAS,EAAET,UAAU,CAAC,kBAAkB,EAAES,SAAS,CAAE;IAACF,GAAG,EAAEA;EAAI,gBAClEX,KAAA,CAAA8B,aAAA;IAAKjB,SAAS,EAAC;EAA0B,GACtCG,KAAK,iBAAIhB,KAAA,CAAA8B,aAAA;IAAKjB,SAAS,EAAE,0BAA0BC,IAAI;EAAG,GAAEE,KAAW,CAAC,EACxED,QAAQ,iBAAIf,KAAA,CAAA8B,aAAA;IAAKjB,SAAS,EAAE,6BAA6BC,IAAI;EAAG,GAAEC,QAAc,CAC9E,CAAC,EACLH,OAAO,iBACNZ,KAAA,CAAA8B,aAAA;IAAKjB,SAAS,EAAC;EAA0B,GACtCC,IAAI,KAAK,IAAI,GAAGM,YAAY,CAACR,OAAO,CAAC,GAAGA,OACtC,CAEJ,CAAC;AAEV,CAAC,CAAC;AAEFJ,UAAU,CAAC0B,SAAS,GAAG;EACrB;AACF;AACA;EACEtB,OAAO,EAAET,SAAS,CAACgC,IAAI;EACvB;EACAtB,SAAS,EAAEV,SAAS,CAACiC,MAAM;EAC3B;EACApB,KAAK,EAAEb,SAAS,CAACgC,IAAI;EACrB;EACArB,IAAI,EAAEX,SAAS,CAACkC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EACnC;EACAtB,QAAQ,EAAEZ,SAAS,CAACgC,IAAI;EACxB;EACAlB,cAAc,EAAEd,SAAS,CAACmC,MAAM;EAChC;EACApB,aAAa,EAAEf,SAAS,CAACmC;AAC3B,CAAC;AAED9B,UAAU,CAAC+B,YAAY,GAAG;EACxB3B,OAAO,EAAE,IAAI;EACbC,SAAS,EAAE,IAAI;EACfC,IAAI,EAAE,IAAI;EACVE,KAAK,EAAE,IAAI;EACXD,QAAQ,EAAE,IAAI;EACdE,cAAc,EAAEV,qBAAqB;EACrCW,aAAa,EAAE;AACjB,CAAC;AAED,eAAeV,UAAU","ignoreList":[]}
1
+ {"version":3,"file":"CardHeader.js","names":["React","useCallback","useContext","PropTypes","classNames","Skeleton","CardContext","SKELETON_HEIGHT_VALUE","CardHeader","forwardRef","actions","className","size","subtitle","title","skeletonHeight","skeletonWidth","ref","isLoading","cloneActions","Action","isValidElement","children","props","addtlActionProps","Array","isArray","map","cloneElement","createElement","containerClassName","height","width","propTypes","node","string","oneOf","number","defaultProps"],"sources":["../../src/Card/CardHeader.jsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\n\nconst SKELETON_HEIGHT_VALUE = 20;\n\nconst CardHeader = React.forwardRef(({\n actions,\n className,\n size,\n subtitle,\n title,\n skeletonHeight,\n skeletonWidth,\n}, ref) => {\n const { isLoading } = useContext(CardContext);\n const cloneActions = useCallback(\n (Action) => {\n if (React.isValidElement(Action)) {\n const { children } = Action.props;\n const addtlActionProps = {\n size,\n children: Array.isArray(children) ? children.map(cloneActions) : cloneActions(children),\n };\n return React.cloneElement(Action, addtlActionProps);\n }\n\n return Action;\n },\n [size],\n );\n\n if (isLoading) {\n return (\n <div className={classNames('pgn__card-header', className)}>\n <Skeleton\n containerClassName=\"pgn__card-header-loader\"\n height={skeletonHeight}\n width={skeletonWidth}\n />\n </div>\n );\n }\n\n return (\n <div className={classNames('pgn__card-header', className)} ref={ref}>\n <div className=\"pgn__card-header-content\">\n {title && <div className={`pgn__card-header-title-${size}`}>{title}</div>}\n {subtitle && <div className={`pgn__card-header-subtitle-${size}`}>{subtitle}</div>}\n </div>\n {actions && (\n <div className=\"pgn__card-header-actions\">\n {size !== 'md' ? cloneActions(actions) : actions}\n </div>\n )}\n </div>\n );\n});\n\nCardHeader.propTypes = {\n /** Optional node to render on the top right of the card header,\n * i.e. ActionRow or a DropdownMenu.\n * */\n actions: PropTypes.node,\n /** The class name for the CardHeader component */\n className: PropTypes.string,\n /** The title for the CardHeader component */\n title: PropTypes.node,\n /** The size of the CardHeader component */\n size: PropTypes.oneOf(['sm', 'md']),\n /** The subtitle of the CardHeader component */\n subtitle: PropTypes.node,\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\nCardHeader.defaultProps = {\n actions: null,\n className: null,\n size: 'md',\n title: null,\n subtitle: null,\n skeletonHeight: SKELETON_HEIGHT_VALUE,\n skeletonWidth: null,\n};\n\nexport default CardHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,qBAAqB,GAAG,EAAE;AAEhC,MAAMC,UAAU,gBAAGR,KAAK,CAACS,UAAU,CAAC,CAAC;EACnCC,OAAO;EACPC,SAAS;EACTC,IAAI;EACJC,QAAQ;EACRC,KAAK;EACLC,cAAc;EACdC;AACF,CAAC,EAAEC,GAAG,KAAK;EACT,MAAM;IAAEC;EAAU,CAAC,GAAGhB,UAAU,CAACI,WAAW,CAAC;EAC7C,MAAMa,YAAY,GAAGlB,WAAW,CAC7BmB,MAAM,IAAK;IACV,iBAAIpB,KAAK,CAACqB,cAAc,CAACD,MAAM,CAAC,EAAE;MAChC,MAAM;QAAEE;MAAS,CAAC,GAAGF,MAAM,CAACG,KAAK;MACjC,MAAMC,gBAAgB,GAAG;QACvBZ,IAAI;QACJU,QAAQ,EAAEG,KAAK,CAACC,OAAO,CAACJ,QAAQ,CAAC,GAAGA,QAAQ,CAACK,GAAG,CAACR,YAAY,CAAC,GAAGA,YAAY,CAACG,QAAQ;MACxF,CAAC;MACD,oBAAOtB,KAAK,CAAC4B,YAAY,CAACR,MAAM,EAAEI,gBAAgB,CAAC;IACrD;IAEA,OAAOJ,MAAM;EACf,CAAC,EACD,CAACR,IAAI,CACP,CAAC;EAED,IAAIM,SAAS,EAAE;IACb,oBACElB,KAAA,CAAA6B,aAAA;MAAKlB,SAAS,EAAEP,UAAU,CAAC,kBAAkB,EAAEO,SAAS;IAAE,gBACxDX,KAAA,CAAA6B,aAAA,CAACxB,QAAQ;MACPyB,kBAAkB,EAAC,yBAAyB;MAC5CC,MAAM,EAAEhB,cAAe;MACvBiB,KAAK,EAAEhB;IAAc,CACtB,CACE,CAAC;EAEV;EAEA,oBACEhB,KAAA,CAAA6B,aAAA;IAAKlB,SAAS,EAAEP,UAAU,CAAC,kBAAkB,EAAEO,SAAS,CAAE;IAACM,GAAG,EAAEA;EAAI,gBAClEjB,KAAA,CAAA6B,aAAA;IAAKlB,SAAS,EAAC;EAA0B,GACtCG,KAAK,iBAAId,KAAA,CAAA6B,aAAA;IAAKlB,SAAS,EAAE,0BAA0BC,IAAI;EAAG,GAAEE,KAAW,CAAC,EACxED,QAAQ,iBAAIb,KAAA,CAAA6B,aAAA;IAAKlB,SAAS,EAAE,6BAA6BC,IAAI;EAAG,GAAEC,QAAc,CAC9E,CAAC,EACLH,OAAO,iBACNV,KAAA,CAAA6B,aAAA;IAAKlB,SAAS,EAAC;EAA0B,GACtCC,IAAI,KAAK,IAAI,GAAGO,YAAY,CAACT,OAAO,CAAC,GAAGA,OACtC,CAEJ,CAAC;AAEV,CAAC,CAAC;AAEFF,UAAU,CAACyB,SAAS,GAAG;EACrB;AACF;AACA;EACEvB,OAAO,EAAEP,SAAS,CAAC+B,IAAI;EACvB;EACAvB,SAAS,EAAER,SAAS,CAACgC,MAAM;EAC3B;EACArB,KAAK,EAAEX,SAAS,CAAC+B,IAAI;EACrB;EACAtB,IAAI,EAAET,SAAS,CAACiC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EACnC;EACAvB,QAAQ,EAAEV,SAAS,CAAC+B,IAAI;EACxB;EACAnB,cAAc,EAAEZ,SAAS,CAACkC,MAAM;EAChC;EACArB,aAAa,EAAEb,SAAS,CAACkC;AAC3B,CAAC;AAED7B,UAAU,CAAC8B,YAAY,GAAG;EACxB5B,OAAO,EAAE,IAAI;EACbC,SAAS,EAAE,IAAI;EACfC,IAAI,EAAE,IAAI;EACVE,KAAK,EAAE,IAAI;EACXD,QAAQ,EAAE,IAAI;EACdE,cAAc,EAAER,qBAAqB;EACrCS,aAAa,EAAE;AACjB,CAAC;AAED,eAAeR,UAAU","ignoreList":[]}
@@ -6,22 +6,21 @@ import CardContext from './CardContext';
6
6
  import { cardSrcFallbackImg } from './CardFallbackDefaultImage';
7
7
  const SKELETON_HEIGHT_VALUE = 140;
8
8
  const LOGO_SKELETON_HEIGHT_VALUE = 41;
9
- const CardImageCap = /*#__PURE__*/React.forwardRef((_ref, ref) => {
10
- let {
11
- src,
12
- fallbackSrc,
13
- srcAlt,
14
- logoSrc,
15
- fallbackLogoSrc,
16
- logoAlt,
17
- skeletonHeight,
18
- skeletonWidth,
19
- logoSkeleton,
20
- logoSkeletonHeight,
21
- logoSkeletonWidth,
22
- className,
23
- imageLoadingType
24
- } = _ref;
9
+ const CardImageCap = /*#__PURE__*/React.forwardRef(({
10
+ src,
11
+ fallbackSrc,
12
+ srcAlt,
13
+ logoSrc,
14
+ fallbackLogoSrc,
15
+ logoAlt,
16
+ skeletonHeight,
17
+ skeletonWidth,
18
+ logoSkeleton,
19
+ logoSkeletonHeight,
20
+ logoSkeletonWidth,
21
+ className,
22
+ imageLoadingType
23
+ }, ref) => {
25
24
  const {
26
25
  orientation,
27
26
  isLoading