@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":"DataTableLayout.js","names":["React","useContext","PropTypes","classNames","SidebarFilters","DataTableContext","DataTableLayout","_ref","filtersTitle","className","children","setFilter","showFiltersInSidebar","createElement","title","propTypes","string","node","isRequired","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/DataTableLayout.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport SidebarFilters from './SidebarFilters';\nimport DataTableContext from './DataTableContext';\n\nfunction DataTableLayout({\n filtersTitle,\n className,\n children,\n}) {\n const { setFilter, showFiltersInSidebar } = useContext(DataTableContext);\n\n return (\n <div className={classNames('pgn__data-table-layout-wrapper', className)}>\n {(showFiltersInSidebar && setFilter) && (\n <div className=\"pgn__data-table-layout-sidebar\">\n <SidebarFilters title={filtersTitle} />\n </div>\n )}\n <div className=\"pgn__data-table-layout-main\">\n {children}\n </div>\n </div>\n );\n}\n\nDataTableLayout.propTypes = {\n /** A class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies title of the component. */\n filtersTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nDataTableLayout.defaultProps = {\n className: null,\n filtersTitle: undefined,\n};\n\nexport default DataTableLayout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAJsB;IACvBC,YAAY;IACZC,SAAS;IACTC;EACF,CAAC,GAAAH,IAAA;EACC,MAAM;IAAEI,SAAS;IAAEC;EAAqB,CAAC,GAAGX,UAAU,CAACI,gBAAgB,CAAC;EAExE,oBACEL,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAEN,UAAU,CAAC,gCAAgC,EAAEM,SAAS;EAAE,GACpEG,oBAAoB,IAAID,SAAS,iBACjCX,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAC;EAAgC,gBAC7CT,KAAA,CAAAa,aAAA,CAACT,cAAc;IAACU,KAAK,EAAEN;EAAa,CAAE,CACnC,CACN,eACDR,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAC;EAA6B,GACzCC,QACE,CACF,CAAC;AAEV;AAEAJ,eAAe,CAACS,SAAS,GAAG;EAC1B;EACAN,SAAS,EAAEP,SAAS,CAACc,MAAM;EAC3B;EACAN,QAAQ,EAAER,SAAS,CAACe,IAAI,CAACC,UAAU;EACnC;EACAV,YAAY,EAAEN,SAAS,CAACiB,SAAS,CAAC,CAACjB,SAAS,CAACc,MAAM,EAAEd,SAAS,CAACkB,OAAO,CAAC;AACzE,CAAC;AAEDd,eAAe,CAACe,YAAY,GAAG;EAC7BZ,SAAS,EAAE,IAAI;EACfD,YAAY,EAAEc;AAChB,CAAC;AAED,eAAehB,eAAe","ignoreList":[]}
1
+ {"version":3,"file":"DataTableLayout.js","names":["React","useContext","PropTypes","classNames","SidebarFilters","DataTableContext","DataTableLayout","filtersTitle","className","children","setFilter","showFiltersInSidebar","createElement","title","propTypes","string","node","isRequired","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/DataTableLayout.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport SidebarFilters from './SidebarFilters';\nimport DataTableContext from './DataTableContext';\n\nfunction DataTableLayout({\n filtersTitle,\n className,\n children,\n}) {\n const { setFilter, showFiltersInSidebar } = useContext(DataTableContext);\n\n return (\n <div className={classNames('pgn__data-table-layout-wrapper', className)}>\n {(showFiltersInSidebar && setFilter) && (\n <div className=\"pgn__data-table-layout-sidebar\">\n <SidebarFilters title={filtersTitle} />\n </div>\n )}\n <div className=\"pgn__data-table-layout-main\">\n {children}\n </div>\n </div>\n );\n}\n\nDataTableLayout.propTypes = {\n /** A class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies title of the component. */\n filtersTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nDataTableLayout.defaultProps = {\n className: null,\n filtersTitle: undefined,\n};\n\nexport default DataTableLayout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,eAAeA,CAAC;EACvBC,YAAY;EACZC,SAAS;EACTC;AACF,CAAC,EAAE;EACD,MAAM;IAAEC,SAAS;IAAEC;EAAqB,CAAC,GAAGV,UAAU,CAACI,gBAAgB,CAAC;EAExE,oBACEL,KAAA,CAAAY,aAAA;IAAKJ,SAAS,EAAEL,UAAU,CAAC,gCAAgC,EAAEK,SAAS;EAAE,GACpEG,oBAAoB,IAAID,SAAS,iBACjCV,KAAA,CAAAY,aAAA;IAAKJ,SAAS,EAAC;EAAgC,gBAC7CR,KAAA,CAAAY,aAAA,CAACR,cAAc;IAACS,KAAK,EAAEN;EAAa,CAAE,CACnC,CACN,eACDP,KAAA,CAAAY,aAAA;IAAKJ,SAAS,EAAC;EAA6B,GACzCC,QACE,CACF,CAAC;AAEV;AAEAH,eAAe,CAACQ,SAAS,GAAG;EAC1B;EACAN,SAAS,EAAEN,SAAS,CAACa,MAAM;EAC3B;EACAN,QAAQ,EAAEP,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAV,YAAY,EAAEL,SAAS,CAACgB,SAAS,CAAC,CAAChB,SAAS,CAACa,MAAM,EAAEb,SAAS,CAACiB,OAAO,CAAC;AACzE,CAAC;AAEDb,eAAe,CAACc,YAAY,GAAG;EAC7BZ,SAAS,EAAE,IAAI;EACfD,YAAY,EAAEc;AAChB,CAAC;AAED,eAAef,eAAe","ignoreList":[]}
@@ -1,17 +1,21 @@
1
1
  import React, { useContext, useMemo } from 'react';
2
+ import { useIntl } from 'react-intl';
2
3
  import DataTableContext from './DataTableContext';
3
4
  import { DropdownButton } from '../Dropdown';
4
5
  import useWindowSize from '../hooks/useWindowSizeHook';
5
6
  import breakpoints from '../utils/breakpoints';
7
+ import messages from './messages';
6
8
 
7
9
  /** The first filter will be as an input, additional filters will be available in a dropdown. */
8
10
  function DropdownFilters() {
11
+ const intl = useIntl();
9
12
  const {
10
13
  width
11
14
  } = useWindowSize();
12
15
  const {
13
16
  columns,
14
- numBreakoutFilters
17
+ numBreakoutFilters,
18
+ filtersTitle
15
19
  } = useContext(DataTableContext);
16
20
  const [breakoutFilters, otherFilters] = useMemo(() => {
17
21
  if (!columns) {
@@ -26,6 +30,7 @@ function DropdownFilters() {
26
30
  const dropdownFilters = availableFilters.slice(numberOfBreakoutFilters);
27
31
  return [boFilters, dropdownFilters];
28
32
  }, [columns, width, numBreakoutFilters]);
33
+ const dropdownTitle = filtersTitle || intl.formatMessage(messages.filtersDropdownTitle);
29
34
  return /*#__PURE__*/React.createElement("div", {
30
35
  className: "pgn__data-table-filters"
31
36
  }, breakoutFilters.length > 0 && breakoutFilters.map(column => /*#__PURE__*/React.createElement("div", {
@@ -34,7 +39,7 @@ function DropdownFilters() {
34
39
  }, column.render('Filter'))), otherFilters.length > 0 && /*#__PURE__*/React.createElement(DropdownButton, {
35
40
  variant: "outline-primary",
36
41
  id: "table-filters-dropdown",
37
- title: "Filters"
42
+ title: dropdownTitle
38
43
  }, otherFilters.map(column => /*#__PURE__*/React.createElement("div", {
39
44
  key: column.Header,
40
45
  className: "pgn__data-table-filters-dropdown-item"
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownFilters.js","names":["React","useContext","useMemo","DataTableContext","DropdownButton","useWindowSize","breakpoints","DropdownFilters","width","columns","numBreakoutFilters","breakoutFilters","otherFilters","availableFilters","filter","column","canFilter","small","minWidth","numberOfBreakoutFilters","boFilters","slice","dropdownFilters","createElement","className","length","map","key","Header","render","variant","id","title"],"sources":["../../src/DataTable/DropdownFilters.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport DataTableContext from './DataTableContext';\nimport { DropdownButton } from '../Dropdown';\nimport useWindowSize from '../hooks/useWindowSizeHook';\nimport breakpoints from '../utils/breakpoints';\n\n/** The first filter will be as an input, additional filters will be available in a dropdown. */\nfunction DropdownFilters() {\n const { width } = useWindowSize();\n const { columns, numBreakoutFilters } = useContext(DataTableContext);\n\n const [breakoutFilters, otherFilters] = useMemo(() => {\n if (!columns) {\n return [[], []];\n }\n const availableFilters = columns.filter((column) => column.canFilter);\n if (width < breakpoints.small.minWidth) {\n return [[], availableFilters];\n }\n\n const numberOfBreakoutFilters = numBreakoutFilters || 1;\n const boFilters = availableFilters.slice(0, numberOfBreakoutFilters);\n const dropdownFilters = availableFilters.slice(numberOfBreakoutFilters);\n\n return [boFilters, dropdownFilters];\n }, [columns, width, numBreakoutFilters]);\n\n return (\n <div className=\"pgn__data-table-filters\">\n {breakoutFilters.length > 0 && breakoutFilters.map((column) => (\n <div className=\"pgn__data-table-filters-breakout-filter\" key={column.Header}>\n {column.render('Filter')}\n </div>\n ))}\n {otherFilters.length > 0 && (\n <DropdownButton variant=\"outline-primary\" id=\"table-filters-dropdown\" title=\"Filters\">\n {otherFilters.map((column) => (\n <div\n key={column.Header}\n className=\"pgn__data-table-filters-dropdown-item\"\n >\n {column.render('Filter')}\n </div>\n ))}\n </DropdownButton>\n )}\n </div>\n );\n}\n\nexport default DropdownFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,cAAc,QAAQ,aAAa;AAC5C,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,WAAW,MAAM,sBAAsB;;AAE9C;AACA,SAASC,eAAeA,CAAA,EAAG;EACzB,MAAM;IAAEC;EAAM,CAAC,GAAGH,aAAa,CAAC,CAAC;EACjC,MAAM;IAAEI,OAAO;IAAEC;EAAmB,CAAC,GAAGT,UAAU,CAACE,gBAAgB,CAAC;EAEpE,MAAM,CAACQ,eAAe,EAAEC,YAAY,CAAC,GAAGV,OAAO,CAAC,MAAM;IACpD,IAAI,CAACO,OAAO,EAAE;MACZ,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC;IACjB;IACA,MAAMI,gBAAgB,GAAGJ,OAAO,CAACK,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,SAAS,CAAC;IACrE,IAAIR,KAAK,GAAGF,WAAW,CAACW,KAAK,CAACC,QAAQ,EAAE;MACtC,OAAO,CAAC,EAAE,EAAEL,gBAAgB,CAAC;IAC/B;IAEA,MAAMM,uBAAuB,GAAGT,kBAAkB,IAAI,CAAC;IACvD,MAAMU,SAAS,GAAGP,gBAAgB,CAACQ,KAAK,CAAC,CAAC,EAAEF,uBAAuB,CAAC;IACpE,MAAMG,eAAe,GAAGT,gBAAgB,CAACQ,KAAK,CAACF,uBAAuB,CAAC;IAEvE,OAAO,CAACC,SAAS,EAAEE,eAAe,CAAC;EACrC,CAAC,EAAE,CAACb,OAAO,EAAED,KAAK,EAAEE,kBAAkB,CAAC,CAAC;EAExC,oBACEV,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACrCb,eAAe,CAACc,MAAM,GAAG,CAAC,IAAId,eAAe,CAACe,GAAG,CAAEX,MAAM,iBACxDf,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAC,yCAAyC;IAACG,GAAG,EAAEZ,MAAM,CAACa;EAAO,GACzEb,MAAM,CAACc,MAAM,CAAC,QAAQ,CACpB,CACN,CAAC,EACDjB,YAAY,CAACa,MAAM,GAAG,CAAC,iBACtBzB,KAAA,CAAAuB,aAAA,CAACnB,cAAc;IAAC0B,OAAO,EAAC,iBAAiB;IAACC,EAAE,EAAC,wBAAwB;IAACC,KAAK,EAAC;EAAS,GAClFpB,YAAY,CAACc,GAAG,CAAEX,MAAM,iBACvBf,KAAA,CAAAuB,aAAA;IACEI,GAAG,EAAEZ,MAAM,CAACa,MAAO;IACnBJ,SAAS,EAAC;EAAuC,GAEhDT,MAAM,CAACc,MAAM,CAAC,QAAQ,CACpB,CACN,CACa,CAEf,CAAC;AAEV;AAEA,eAAetB,eAAe","ignoreList":[]}
1
+ {"version":3,"file":"DropdownFilters.js","names":["React","useContext","useMemo","useIntl","DataTableContext","DropdownButton","useWindowSize","breakpoints","messages","DropdownFilters","intl","width","columns","numBreakoutFilters","filtersTitle","breakoutFilters","otherFilters","availableFilters","filter","column","canFilter","small","minWidth","numberOfBreakoutFilters","boFilters","slice","dropdownFilters","dropdownTitle","formatMessage","filtersDropdownTitle","createElement","className","length","map","key","Header","render","variant","id","title"],"sources":["../../src/DataTable/DropdownFilters.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport { useIntl } from 'react-intl';\nimport DataTableContext from './DataTableContext';\nimport { DropdownButton } from '../Dropdown';\nimport useWindowSize from '../hooks/useWindowSizeHook';\nimport breakpoints from '../utils/breakpoints';\nimport messages from './messages';\n\n/** The first filter will be as an input, additional filters will be available in a dropdown. */\nfunction DropdownFilters() {\n const intl = useIntl();\n const { width } = useWindowSize();\n const {\n columns, numBreakoutFilters, filtersTitle,\n } = useContext(DataTableContext);\n\n const [breakoutFilters, otherFilters] = useMemo(() => {\n if (!columns) {\n return [[], []];\n }\n const availableFilters = columns.filter((column) => column.canFilter);\n if (width < breakpoints.small.minWidth) {\n return [[], availableFilters];\n }\n\n const numberOfBreakoutFilters = numBreakoutFilters || 1;\n const boFilters = availableFilters.slice(0, numberOfBreakoutFilters);\n const dropdownFilters = availableFilters.slice(numberOfBreakoutFilters);\n\n return [boFilters, dropdownFilters];\n }, [columns, width, numBreakoutFilters]);\n\n const dropdownTitle = filtersTitle || intl.formatMessage(messages.filtersDropdownTitle);\n\n return (\n <div className=\"pgn__data-table-filters\">\n {breakoutFilters.length > 0 && breakoutFilters.map((column) => (\n <div className=\"pgn__data-table-filters-breakout-filter\" key={column.Header}>\n {column.render('Filter')}\n </div>\n ))}\n {otherFilters.length > 0 && (\n <DropdownButton variant=\"outline-primary\" id=\"table-filters-dropdown\" title={dropdownTitle}>\n {otherFilters.map((column) => (\n <div\n key={column.Header}\n className=\"pgn__data-table-filters-dropdown-item\"\n >\n {column.render('Filter')}\n </div>\n ))}\n </DropdownButton>\n )}\n </div>\n );\n}\n\nexport default DropdownFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,SAASC,OAAO,QAAQ,YAAY;AACpC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,cAAc,QAAQ,aAAa;AAC5C,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,WAAW,MAAM,sBAAsB;AAC9C,OAAOC,QAAQ,MAAM,YAAY;;AAEjC;AACA,SAASC,eAAeA,CAAA,EAAG;EACzB,MAAMC,IAAI,GAAGP,OAAO,CAAC,CAAC;EACtB,MAAM;IAAEQ;EAAM,CAAC,GAAGL,aAAa,CAAC,CAAC;EACjC,MAAM;IACJM,OAAO;IAAEC,kBAAkB;IAAEC;EAC/B,CAAC,GAAGb,UAAU,CAACG,gBAAgB,CAAC;EAEhC,MAAM,CAACW,eAAe,EAAEC,YAAY,CAAC,GAAGd,OAAO,CAAC,MAAM;IACpD,IAAI,CAACU,OAAO,EAAE;MACZ,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC;IACjB;IACA,MAAMK,gBAAgB,GAAGL,OAAO,CAACM,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,SAAS,CAAC;IACrE,IAAIT,KAAK,GAAGJ,WAAW,CAACc,KAAK,CAACC,QAAQ,EAAE;MACtC,OAAO,CAAC,EAAE,EAAEL,gBAAgB,CAAC;IAC/B;IAEA,MAAMM,uBAAuB,GAAGV,kBAAkB,IAAI,CAAC;IACvD,MAAMW,SAAS,GAAGP,gBAAgB,CAACQ,KAAK,CAAC,CAAC,EAAEF,uBAAuB,CAAC;IACpE,MAAMG,eAAe,GAAGT,gBAAgB,CAACQ,KAAK,CAACF,uBAAuB,CAAC;IAEvE,OAAO,CAACC,SAAS,EAAEE,eAAe,CAAC;EACrC,CAAC,EAAE,CAACd,OAAO,EAAED,KAAK,EAAEE,kBAAkB,CAAC,CAAC;EAExC,MAAMc,aAAa,GAAGb,YAAY,IAAIJ,IAAI,CAACkB,aAAa,CAACpB,QAAQ,CAACqB,oBAAoB,CAAC;EAEvF,oBACE7B,KAAA,CAAA8B,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACrChB,eAAe,CAACiB,MAAM,GAAG,CAAC,IAAIjB,eAAe,CAACkB,GAAG,CAAEd,MAAM,iBACxDnB,KAAA,CAAA8B,aAAA;IAAKC,SAAS,EAAC,yCAAyC;IAACG,GAAG,EAAEf,MAAM,CAACgB;EAAO,GACzEhB,MAAM,CAACiB,MAAM,CAAC,QAAQ,CACpB,CACN,CAAC,EACDpB,YAAY,CAACgB,MAAM,GAAG,CAAC,iBACtBhC,KAAA,CAAA8B,aAAA,CAACzB,cAAc;IAACgC,OAAO,EAAC,iBAAiB;IAACC,EAAE,EAAC,wBAAwB;IAACC,KAAK,EAAEZ;EAAc,GACxFX,YAAY,CAACiB,GAAG,CAAEd,MAAM,iBACvBnB,KAAA,CAAA8B,aAAA;IACEI,GAAG,EAAEf,MAAM,CAACgB,MAAO;IACnBJ,SAAS,EAAC;EAAuC,GAEhDZ,MAAM,CAACiB,MAAM,CAAC,QAAQ,CACpB,CACN,CACa,CAEf,CAAC;AAEV;AAEA,eAAe3B,eAAe","ignoreList":[]}
@@ -2,12 +2,11 @@ import React, { useContext } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import classNames from 'classnames';
4
4
  import DataTableContext from './DataTableContext';
5
- function EmptyTable(_ref) {
6
- let {
7
- content,
8
- className,
9
- ...rest
10
- } = _ref;
5
+ function EmptyTable({
6
+ content,
7
+ className,
8
+ ...rest
9
+ }) {
11
10
  const {
12
11
  rows,
13
12
  isLoading
@@ -1 +1 @@
1
- {"version":3,"file":"EmptyTable.js","names":["React","useContext","PropTypes","classNames","DataTableContext","EmptyTable","_ref","content","className","rest","rows","isLoading","length","createElement","defaultProps","propTypes","string","isRequired"],"sources":["../../src/DataTable/EmptyTable.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport DataTableContext from './DataTableContext';\n\nfunction EmptyTable({ content, className, ...rest }) {\n const { rows, isLoading } = useContext(DataTableContext);\n if (isLoading || !rows || rows.length > 0) { return null; }\n\n return (<div className={classNames('pgn__data-table-empty', className)} {...rest}>{content}</div>);\n}\n\nEmptyTable.defaultProps = {\n className: null,\n};\n\nEmptyTable.propTypes = {\n className: PropTypes.string,\n content: PropTypes.string.isRequired,\n};\n\nexport default EmptyTable;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,UAAUA,CAAAC,IAAA,EAAkC;EAAA,IAAjC;IAAEC,OAAO;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAH,IAAA;EACjD,MAAM;IAAEI,IAAI;IAAEC;EAAU,CAAC,GAAGV,UAAU,CAACG,gBAAgB,CAAC;EACxD,IAAIO,SAAS,IAAI,CAACD,IAAI,IAAIA,IAAI,CAACE,MAAM,GAAG,CAAC,EAAE;IAAE,OAAO,IAAI;EAAE;EAE1D,oBAAQZ,KAAA,CAAAa,aAAA;IAAKL,SAAS,EAAEL,UAAU,CAAC,uBAAuB,EAAEK,SAAS,CAAE;IAAA,GAAKC;EAAI,GAAGF,OAAa,CAAC;AACnG;AAEAF,UAAU,CAACS,YAAY,GAAG;EACxBN,SAAS,EAAE;AACb,CAAC;AAEDH,UAAU,CAACU,SAAS,GAAG;EACrBP,SAAS,EAAEN,SAAS,CAACc,MAAM;EAC3BT,OAAO,EAAEL,SAAS,CAACc,MAAM,CAACC;AAC5B,CAAC;AAED,eAAeZ,UAAU","ignoreList":[]}
1
+ {"version":3,"file":"EmptyTable.js","names":["React","useContext","PropTypes","classNames","DataTableContext","EmptyTable","content","className","rest","rows","isLoading","length","createElement","defaultProps","propTypes","string","isRequired"],"sources":["../../src/DataTable/EmptyTable.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport DataTableContext from './DataTableContext';\n\nfunction EmptyTable({ content, className, ...rest }) {\n const { rows, isLoading } = useContext(DataTableContext);\n if (isLoading || !rows || rows.length > 0) { return null; }\n\n return (<div className={classNames('pgn__data-table-empty', className)} {...rest}>{content}</div>);\n}\n\nEmptyTable.defaultProps = {\n className: null,\n};\n\nEmptyTable.propTypes = {\n className: PropTypes.string,\n content: PropTypes.string.isRequired,\n};\n\nexport default EmptyTable;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,UAAUA,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAE,GAAGC;AAAK,CAAC,EAAE;EACnD,MAAM;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAGT,UAAU,CAACG,gBAAgB,CAAC;EACxD,IAAIM,SAAS,IAAI,CAACD,IAAI,IAAIA,IAAI,CAACE,MAAM,GAAG,CAAC,EAAE;IAAE,OAAO,IAAI;EAAE;EAE1D,oBAAQX,KAAA,CAAAY,aAAA;IAAKL,SAAS,EAAEJ,UAAU,CAAC,uBAAuB,EAAEI,SAAS,CAAE;IAAA,GAAKC;EAAI,GAAGF,OAAa,CAAC;AACnG;AAEAD,UAAU,CAACQ,YAAY,GAAG;EACxBN,SAAS,EAAE;AACb,CAAC;AAEDF,UAAU,CAACS,SAAS,GAAG;EACrBP,SAAS,EAAEL,SAAS,CAACa,MAAM;EAC3BT,OAAO,EAAEJ,SAAS,CAACa,MAAM,CAACC;AAC5B,CAAC;AAED,eAAeX,UAAU","ignoreList":[]}
@@ -2,11 +2,10 @@ import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import { FormattedMessage } from 'react-intl';
4
4
  import Button from '../Button';
5
- function ExpandAll(_ref) {
6
- let {
7
- getToggleAllRowsExpandedProps,
8
- isAllRowsExpanded
9
- } = _ref;
5
+ function ExpandAll({
6
+ getToggleAllRowsExpandedProps,
7
+ isAllRowsExpanded
8
+ }) {
10
9
  return /*#__PURE__*/React.createElement("span", {
11
10
  ...getToggleAllRowsExpandedProps()
12
11
  }, isAllRowsExpanded ? /*#__PURE__*/React.createElement(Button, {
@@ -1 +1 @@
1
- {"version":3,"file":"ExpandAll.js","names":["React","PropTypes","FormattedMessage","Button","ExpandAll","_ref","getToggleAllRowsExpandedProps","isAllRowsExpanded","createElement","variant","size","id","defaultMessage","description","propTypes","func","isRequired","bool"],"sources":["../../src/DataTable/ExpandAll.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport Button from '../Button';\n\nfunction ExpandAll({ getToggleAllRowsExpandedProps, isAllRowsExpanded }) {\n return (\n <span {...getToggleAllRowsExpandedProps()}>\n {isAllRowsExpanded ? (\n <Button variant=\"link\" size=\"inline\">\n <FormattedMessage\n id=\"pgn.DataTable.ExpandAll.collapseAllLabel\"\n defaultMessage=\"Collapse all\"\n description=\"Label of an action button that collapses all expandable rows of DataTable.\"\n />\n </Button>\n ) : (\n <Button variant=\"link\" size=\"inline\">\n <FormattedMessage\n id=\"pgn.DataTable.ExpandAll.expandAllLabel\"\n defaultMessage=\"Expand all\"\n description=\"Label of an action button that expands all expandable rows of DataTable.\"\n />\n </Button>\n )}\n </span>\n );\n}\n\nExpandAll.propTypes = {\n /** A helper function that returns props necessary for expand / collapse all rows behaviour. */\n getToggleAllRowsExpandedProps: PropTypes.func.isRequired,\n /** Specifies whether all rows are expanded. */\n isAllRowsExpanded: PropTypes.bool.isRequired,\n};\n\nexport default ExpandAll;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,MAAM,MAAM,WAAW;AAE9B,SAASC,SAASA,CAAAC,IAAA,EAAuD;EAAA,IAAtD;IAAEC,6BAA6B;IAAEC;EAAkB,CAAC,GAAAF,IAAA;EACrE,oBACEL,KAAA,CAAAQ,aAAA;IAAA,GAAUF,6BAA6B,CAAC;EAAC,GACtCC,iBAAiB,gBAChBP,KAAA,CAAAQ,aAAA,CAACL,MAAM;IAACM,OAAO,EAAC,MAAM;IAACC,IAAI,EAAC;EAAQ,gBAClCV,KAAA,CAAAQ,aAAA,CAACN,gBAAgB;IACfS,EAAE,EAAC,0CAA0C;IAC7CC,cAAc,EAAC,cAAc;IAC7BC,WAAW,EAAC;EAA4E,CACzF,CACK,CAAC,gBAETb,KAAA,CAAAQ,aAAA,CAACL,MAAM;IAACM,OAAO,EAAC,MAAM;IAACC,IAAI,EAAC;EAAQ,gBAClCV,KAAA,CAAAQ,aAAA,CAACN,gBAAgB;IACfS,EAAE,EAAC,wCAAwC;IAC3CC,cAAc,EAAC,YAAY;IAC3BC,WAAW,EAAC;EAA0E,CACvF,CACK,CAEN,CAAC;AAEX;AAEAT,SAAS,CAACU,SAAS,GAAG;EACpB;EACAR,6BAA6B,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACxD;EACAT,iBAAiB,EAAEN,SAAS,CAACgB,IAAI,CAACD;AACpC,CAAC;AAED,eAAeZ,SAAS","ignoreList":[]}
1
+ {"version":3,"file":"ExpandAll.js","names":["React","PropTypes","FormattedMessage","Button","ExpandAll","getToggleAllRowsExpandedProps","isAllRowsExpanded","createElement","variant","size","id","defaultMessage","description","propTypes","func","isRequired","bool"],"sources":["../../src/DataTable/ExpandAll.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport Button from '../Button';\n\nfunction ExpandAll({ getToggleAllRowsExpandedProps, isAllRowsExpanded }) {\n return (\n <span {...getToggleAllRowsExpandedProps()}>\n {isAllRowsExpanded ? (\n <Button variant=\"link\" size=\"inline\">\n <FormattedMessage\n id=\"pgn.DataTable.ExpandAll.collapseAllLabel\"\n defaultMessage=\"Collapse all\"\n description=\"Label of an action button that collapses all expandable rows of DataTable.\"\n />\n </Button>\n ) : (\n <Button variant=\"link\" size=\"inline\">\n <FormattedMessage\n id=\"pgn.DataTable.ExpandAll.expandAllLabel\"\n defaultMessage=\"Expand all\"\n description=\"Label of an action button that expands all expandable rows of DataTable.\"\n />\n </Button>\n )}\n </span>\n );\n}\n\nExpandAll.propTypes = {\n /** A helper function that returns props necessary for expand / collapse all rows behaviour. */\n getToggleAllRowsExpandedProps: PropTypes.func.isRequired,\n /** Specifies whether all rows are expanded. */\n isAllRowsExpanded: PropTypes.bool.isRequired,\n};\n\nexport default ExpandAll;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,MAAM,MAAM,WAAW;AAE9B,SAASC,SAASA,CAAC;EAAEC,6BAA6B;EAAEC;AAAkB,CAAC,EAAE;EACvE,oBACEN,KAAA,CAAAO,aAAA;IAAA,GAAUF,6BAA6B,CAAC;EAAC,GACtCC,iBAAiB,gBAChBN,KAAA,CAAAO,aAAA,CAACJ,MAAM;IAACK,OAAO,EAAC,MAAM;IAACC,IAAI,EAAC;EAAQ,gBAClCT,KAAA,CAAAO,aAAA,CAACL,gBAAgB;IACfQ,EAAE,EAAC,0CAA0C;IAC7CC,cAAc,EAAC,cAAc;IAC7BC,WAAW,EAAC;EAA4E,CACzF,CACK,CAAC,gBAETZ,KAAA,CAAAO,aAAA,CAACJ,MAAM;IAACK,OAAO,EAAC,MAAM;IAACC,IAAI,EAAC;EAAQ,gBAClCT,KAAA,CAAAO,aAAA,CAACL,gBAAgB;IACfQ,EAAE,EAAC,wCAAwC;IAC3CC,cAAc,EAAC,YAAY;IAC3BC,WAAW,EAAC;EAA0E,CACvF,CACK,CAEN,CAAC;AAEX;AAEAR,SAAS,CAACS,SAAS,GAAG;EACpB;EACAR,6BAA6B,EAAEJ,SAAS,CAACa,IAAI,CAACC,UAAU;EACxD;EACAT,iBAAiB,EAAEL,SAAS,CAACe,IAAI,CAACD;AACpC,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}
@@ -4,10 +4,9 @@ import { ExpandLess, ExpandMore } from '../../icons';
4
4
  import Icon from '../Icon';
5
5
  import IconButton from '../IconButton';
6
6
  const EXPAND_COLLAPSE_ICON_SIZE = 'inline';
7
- function ExpandRow(_ref) {
8
- let {
9
- row
10
- } = _ref;
7
+ function ExpandRow({
8
+ row
9
+ }) {
11
10
  return /*#__PURE__*/React.createElement("span", {
12
11
  ...row.getToggleRowExpandedProps()
13
12
  }, row.isExpanded ? /*#__PURE__*/React.createElement(IconButton, {
@@ -1 +1 @@
1
- {"version":3,"file":"ExpandRow.js","names":["React","PropTypes","ExpandLess","ExpandMore","Icon","IconButton","EXPAND_COLLAPSE_ICON_SIZE","ExpandRow","_ref","row","createElement","getToggleRowExpandedProps","isExpanded","src","iconAs","alt","size","propTypes","shape","bool","func","isRequired"],"sources":["../../src/DataTable/ExpandRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nconst EXPAND_COLLAPSE_ICON_SIZE = 'inline';\n\nfunction ExpandRow({ row }) {\n return (\n <span {...row.getToggleRowExpandedProps()}>\n {row.isExpanded\n ? <IconButton src={ExpandLess} iconAs={Icon} alt=\"Collapse row\" size={EXPAND_COLLAPSE_ICON_SIZE} />\n : <IconButton src={ExpandMore} iconAs={Icon} alt=\"Expand row\" size={EXPAND_COLLAPSE_ICON_SIZE} />}\n </span>\n );\n}\n\nExpandRow.propTypes = {\n /** Row data that is received from `react-table` API. */\n row: PropTypes.shape({\n /** Specifies if row is in expanded state. */\n isExpanded: PropTypes.bool,\n /** Function that returns props for the wrapper component to handle expand behaviour. */\n getToggleRowExpandedProps: PropTypes.func.isRequired,\n }).isRequired,\n};\n\nexport default ExpandRow;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,EAAEC,UAAU,QAAQ,aAAa;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,MAAMC,yBAAyB,GAAG,QAAQ;AAE1C,SAASC,SAASA,CAAAC,IAAA,EAAU;EAAA,IAAT;IAAEC;EAAI,CAAC,GAAAD,IAAA;EACxB,oBACER,KAAA,CAAAU,aAAA;IAAA,GAAUD,GAAG,CAACE,yBAAyB,CAAC;EAAC,GACtCF,GAAG,CAACG,UAAU,gBACXZ,KAAA,CAAAU,aAAA,CAACL,UAAU;IAACQ,GAAG,EAAEX,UAAW;IAACY,MAAM,EAAEV,IAAK;IAACW,GAAG,EAAC,cAAc;IAACC,IAAI,EAAEV;EAA0B,CAAE,CAAC,gBACjGN,KAAA,CAAAU,aAAA,CAACL,UAAU;IAACQ,GAAG,EAAEV,UAAW;IAACW,MAAM,EAAEV,IAAK;IAACW,GAAG,EAAC,YAAY;IAACC,IAAI,EAAEV;EAA0B,CAAE,CAC9F,CAAC;AAEX;AAEAC,SAAS,CAACU,SAAS,GAAG;EACpB;EACAR,GAAG,EAAER,SAAS,CAACiB,KAAK,CAAC;IACnB;IACAN,UAAU,EAAEX,SAAS,CAACkB,IAAI;IAC1B;IACAR,yBAAyB,EAAEV,SAAS,CAACmB,IAAI,CAACC;EAC5C,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAed,SAAS","ignoreList":[]}
1
+ {"version":3,"file":"ExpandRow.js","names":["React","PropTypes","ExpandLess","ExpandMore","Icon","IconButton","EXPAND_COLLAPSE_ICON_SIZE","ExpandRow","row","createElement","getToggleRowExpandedProps","isExpanded","src","iconAs","alt","size","propTypes","shape","bool","func","isRequired"],"sources":["../../src/DataTable/ExpandRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nconst EXPAND_COLLAPSE_ICON_SIZE = 'inline';\n\nfunction ExpandRow({ row }) {\n return (\n <span {...row.getToggleRowExpandedProps()}>\n {row.isExpanded\n ? <IconButton src={ExpandLess} iconAs={Icon} alt=\"Collapse row\" size={EXPAND_COLLAPSE_ICON_SIZE} />\n : <IconButton src={ExpandMore} iconAs={Icon} alt=\"Expand row\" size={EXPAND_COLLAPSE_ICON_SIZE} />}\n </span>\n );\n}\n\nExpandRow.propTypes = {\n /** Row data that is received from `react-table` API. */\n row: PropTypes.shape({\n /** Specifies if row is in expanded state. */\n isExpanded: PropTypes.bool,\n /** Function that returns props for the wrapper component to handle expand behaviour. */\n getToggleRowExpandedProps: PropTypes.func.isRequired,\n }).isRequired,\n};\n\nexport default ExpandRow;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,EAAEC,UAAU,QAAQ,aAAa;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,MAAMC,yBAAyB,GAAG,QAAQ;AAE1C,SAASC,SAASA,CAAC;EAAEC;AAAI,CAAC,EAAE;EAC1B,oBACER,KAAA,CAAAS,aAAA;IAAA,GAAUD,GAAG,CAACE,yBAAyB,CAAC;EAAC,GACtCF,GAAG,CAACG,UAAU,gBACXX,KAAA,CAAAS,aAAA,CAACJ,UAAU;IAACO,GAAG,EAAEV,UAAW;IAACW,MAAM,EAAET,IAAK;IAACU,GAAG,EAAC,cAAc;IAACC,IAAI,EAAET;EAA0B,CAAE,CAAC,gBACjGN,KAAA,CAAAS,aAAA,CAACJ,UAAU;IAACO,GAAG,EAAET,UAAW;IAACU,MAAM,EAAET,IAAK;IAACU,GAAG,EAAC,YAAY;IAACC,IAAI,EAAET;EAA0B,CAAE,CAC9F,CAAC;AAEX;AAEAC,SAAS,CAACS,SAAS,GAAG;EACpB;EACAR,GAAG,EAAEP,SAAS,CAACgB,KAAK,CAAC;IACnB;IACAN,UAAU,EAAEV,SAAS,CAACiB,IAAI;IAC1B;IACAR,yBAAyB,EAAET,SAAS,CAACkB,IAAI,CAACC;EAC5C,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAeb,SAAS","ignoreList":[]}
@@ -3,15 +3,14 @@ import PropTypes from 'prop-types';
3
3
  import { FormattedMessage } from 'react-intl';
4
4
  import DataTableContext from './DataTableContext';
5
5
  import Button from '../Button';
6
- function FilterStatus(_ref) {
7
- let {
8
- className,
9
- variant,
10
- size,
11
- clearFiltersText,
12
- buttonClassName,
13
- showFilteredFields
14
- } = _ref;
6
+ function FilterStatus({
7
+ className,
8
+ variant,
9
+ size,
10
+ clearFiltersText,
11
+ buttonClassName,
12
+ showFilteredFields
13
+ }) {
15
14
  const {
16
15
  state,
17
16
  setAllFilters,
@@ -1 +1 @@
1
- {"version":3,"file":"FilterStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","Button","FilterStatus","_ref","className","variant","size","clearFiltersText","buttonClassName","showFilteredFields","state","setAllFilters","headers","headersMap","reduce","cur","acc","id","Header","filterNames","filters","map","filter","filterTexts","createElement","join","onClick","undefined","defaultMessage","description","defaultProps","propTypes","string","oneOfType","element","bool"],"sources":["../../src/DataTable/FilterStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport DataTableContext from './DataTableContext';\nimport Button from '../Button';\n\nfunction FilterStatus({\n className, variant, size, clearFiltersText, buttonClassName, showFilteredFields,\n}) {\n const { state, setAllFilters, headers } = useContext(DataTableContext);\n if (!setAllFilters) {\n return null;\n }\n\n const headersMap = headers.reduce((cur, acc) => {\n cur[acc.id] = acc.Header;\n return cur;\n }, {});\n const filterNames = state.filters ? state.filters.map((filter) => headersMap[filter.id]) : [];\n const filterTexts = <p>Filtered by {filterNames.join(', ')}</p>;\n\n return (\n <div className={className}>\n {showFilteredFields && filterTexts}\n <Button\n className={buttonClassName}\n variant={variant}\n size={size}\n onClick={() => setAllFilters([])}\n >\n {clearFiltersText === undefined\n ? (\n <FormattedMessage\n id=\"pgn.DataTable.FilterStatus.clearFiltersText\"\n defaultMessage=\"Clear filters\"\n description=\"A text that appears on the `Clear filters` button\"\n />\n )\n : clearFiltersText}\n </Button>\n </div>\n );\n}\n\nFilterStatus.defaultProps = {\n /** Specifies class name to append to the base element. */\n className: null,\n /** Specifies class name to append to the button. */\n buttonClassName: 'pgn__smart-status-button',\n /** The visual style of the `FilterStatus`. */\n variant: 'link',\n /** The size of the `FilterStatus`. */\n size: 'inline',\n /** A text that appears on the `Clear filters` button, defaults to 'Clear filters'. */\n clearFiltersText: undefined,\n /** Whether to display applied filters. */\n showFilteredFields: true,\n};\n\nFilterStatus.propTypes = {\n className: PropTypes.string,\n buttonClassName: PropTypes.string,\n variant: PropTypes.string,\n size: PropTypes.string,\n clearFiltersText: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n showFilteredFields: PropTypes.bool,\n};\n\nexport default FilterStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,MAAM,MAAM,WAAW;AAE9B,SAASC,YAAYA,CAAAC,IAAA,EAElB;EAAA,IAFmB;IACpBC,SAAS;IAAEC,OAAO;IAAEC,IAAI;IAAEC,gBAAgB;IAAEC,eAAe;IAAEC;EAC/D,CAAC,GAAAN,IAAA;EACC,MAAM;IAAEO,KAAK;IAAEC,aAAa;IAAEC;EAAQ,CAAC,GAAGf,UAAU,CAACG,gBAAgB,CAAC;EACtE,IAAI,CAACW,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,MAAME,UAAU,GAAGD,OAAO,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAK;IAC9CD,GAAG,CAACC,GAAG,CAACC,EAAE,CAAC,GAAGD,GAAG,CAACE,MAAM;IACxB,OAAOH,GAAG;EACZ,CAAC,EAAE,CAAC,CAAC,CAAC;EACN,MAAMI,WAAW,GAAGT,KAAK,CAACU,OAAO,GAAGV,KAAK,CAACU,OAAO,CAACC,GAAG,CAAEC,MAAM,IAAKT,UAAU,CAACS,MAAM,CAACL,EAAE,CAAC,CAAC,GAAG,EAAE;EAC7F,MAAMM,WAAW,gBAAG3B,KAAA,CAAA4B,aAAA,YAAG,cAAY,EAACL,WAAW,CAACM,IAAI,CAAC,IAAI,CAAK,CAAC;EAE/D,oBACE7B,KAAA,CAAA4B,aAAA;IAAKpB,SAAS,EAAEA;EAAU,GACvBK,kBAAkB,IAAIc,WAAW,eAClC3B,KAAA,CAAA4B,aAAA,CAACvB,MAAM;IACLG,SAAS,EAAEI,eAAgB;IAC3BH,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXoB,OAAO,EAAEA,CAAA,KAAMf,aAAa,CAAC,EAAE;EAAE,GAEhCJ,gBAAgB,KAAKoB,SAAS,gBAE3B/B,KAAA,CAAA4B,aAAA,CAACzB,gBAAgB;IACfkB,EAAE,EAAC,6CAA6C;IAChDW,cAAc,EAAC,eAAe;IAC9BC,WAAW,EAAC;EAAmD,CAChE,CAAC,GAEFtB,gBACE,CACL,CAAC;AAEV;AAEAL,YAAY,CAAC4B,YAAY,GAAG;EAC1B;EACA1B,SAAS,EAAE,IAAI;EACf;EACAI,eAAe,EAAE,0BAA0B;EAC3C;EACAH,OAAO,EAAE,MAAM;EACf;EACAC,IAAI,EAAE,QAAQ;EACd;EACAC,gBAAgB,EAAEoB,SAAS;EAC3B;EACAlB,kBAAkB,EAAE;AACtB,CAAC;AAEDP,YAAY,CAAC6B,SAAS,GAAG;EACvB3B,SAAS,EAAEN,SAAS,CAACkC,MAAM;EAC3BxB,eAAe,EAAEV,SAAS,CAACkC,MAAM;EACjC3B,OAAO,EAAEP,SAAS,CAACkC,MAAM;EACzB1B,IAAI,EAAER,SAAS,CAACkC,MAAM;EACtBzB,gBAAgB,EAAET,SAAS,CAACmC,SAAS,CAAC,CAACnC,SAAS,CAACoC,OAAO,EAAEpC,SAAS,CAACkC,MAAM,CAAC,CAAC;EAC5EvB,kBAAkB,EAAEX,SAAS,CAACqC;AAChC,CAAC;AAED,eAAejC,YAAY","ignoreList":[]}
1
+ {"version":3,"file":"FilterStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","Button","FilterStatus","className","variant","size","clearFiltersText","buttonClassName","showFilteredFields","state","setAllFilters","headers","headersMap","reduce","cur","acc","id","Header","filterNames","filters","map","filter","filterTexts","createElement","join","onClick","undefined","defaultMessage","description","defaultProps","propTypes","string","oneOfType","element","bool"],"sources":["../../src/DataTable/FilterStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport DataTableContext from './DataTableContext';\nimport Button from '../Button';\n\nfunction FilterStatus({\n className, variant, size, clearFiltersText, buttonClassName, showFilteredFields,\n}) {\n const { state, setAllFilters, headers } = useContext(DataTableContext);\n if (!setAllFilters) {\n return null;\n }\n\n const headersMap = headers.reduce((cur, acc) => {\n cur[acc.id] = acc.Header;\n return cur;\n }, {});\n const filterNames = state.filters ? state.filters.map((filter) => headersMap[filter.id]) : [];\n const filterTexts = <p>Filtered by {filterNames.join(', ')}</p>;\n\n return (\n <div className={className}>\n {showFilteredFields && filterTexts}\n <Button\n className={buttonClassName}\n variant={variant}\n size={size}\n onClick={() => setAllFilters([])}\n >\n {clearFiltersText === undefined\n ? (\n <FormattedMessage\n id=\"pgn.DataTable.FilterStatus.clearFiltersText\"\n defaultMessage=\"Clear filters\"\n description=\"A text that appears on the `Clear filters` button\"\n />\n )\n : clearFiltersText}\n </Button>\n </div>\n );\n}\n\nFilterStatus.defaultProps = {\n /** Specifies class name to append to the base element. */\n className: null,\n /** Specifies class name to append to the button. */\n buttonClassName: 'pgn__smart-status-button',\n /** The visual style of the `FilterStatus`. */\n variant: 'link',\n /** The size of the `FilterStatus`. */\n size: 'inline',\n /** A text that appears on the `Clear filters` button, defaults to 'Clear filters'. */\n clearFiltersText: undefined,\n /** Whether to display applied filters. */\n showFilteredFields: true,\n};\n\nFilterStatus.propTypes = {\n className: PropTypes.string,\n buttonClassName: PropTypes.string,\n variant: PropTypes.string,\n size: PropTypes.string,\n clearFiltersText: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n showFilteredFields: PropTypes.bool,\n};\n\nexport default FilterStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,MAAM,MAAM,WAAW;AAE9B,SAASC,YAAYA,CAAC;EACpBC,SAAS;EAAEC,OAAO;EAAEC,IAAI;EAAEC,gBAAgB;EAAEC,eAAe;EAAEC;AAC/D,CAAC,EAAE;EACD,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC;EAAQ,CAAC,GAAGd,UAAU,CAACG,gBAAgB,CAAC;EACtE,IAAI,CAACU,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,MAAME,UAAU,GAAGD,OAAO,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAK;IAC9CD,GAAG,CAACC,GAAG,CAACC,EAAE,CAAC,GAAGD,GAAG,CAACE,MAAM;IACxB,OAAOH,GAAG;EACZ,CAAC,EAAE,CAAC,CAAC,CAAC;EACN,MAAMI,WAAW,GAAGT,KAAK,CAACU,OAAO,GAAGV,KAAK,CAACU,OAAO,CAACC,GAAG,CAAEC,MAAM,IAAKT,UAAU,CAACS,MAAM,CAACL,EAAE,CAAC,CAAC,GAAG,EAAE;EAC7F,MAAMM,WAAW,gBAAG1B,KAAA,CAAA2B,aAAA,YAAG,cAAY,EAACL,WAAW,CAACM,IAAI,CAAC,IAAI,CAAK,CAAC;EAE/D,oBACE5B,KAAA,CAAA2B,aAAA;IAAKpB,SAAS,EAAEA;EAAU,GACvBK,kBAAkB,IAAIc,WAAW,eAClC1B,KAAA,CAAA2B,aAAA,CAACtB,MAAM;IACLE,SAAS,EAAEI,eAAgB;IAC3BH,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXoB,OAAO,EAAEA,CAAA,KAAMf,aAAa,CAAC,EAAE;EAAE,GAEhCJ,gBAAgB,KAAKoB,SAAS,gBAE3B9B,KAAA,CAAA2B,aAAA,CAACxB,gBAAgB;IACfiB,EAAE,EAAC,6CAA6C;IAChDW,cAAc,EAAC,eAAe;IAC9BC,WAAW,EAAC;EAAmD,CAChE,CAAC,GAEFtB,gBACE,CACL,CAAC;AAEV;AAEAJ,YAAY,CAAC2B,YAAY,GAAG;EAC1B;EACA1B,SAAS,EAAE,IAAI;EACf;EACAI,eAAe,EAAE,0BAA0B;EAC3C;EACAH,OAAO,EAAE,MAAM;EACf;EACAC,IAAI,EAAE,QAAQ;EACd;EACAC,gBAAgB,EAAEoB,SAAS;EAC3B;EACAlB,kBAAkB,EAAE;AACtB,CAAC;AAEDN,YAAY,CAAC4B,SAAS,GAAG;EACvB3B,SAAS,EAAEL,SAAS,CAACiC,MAAM;EAC3BxB,eAAe,EAAET,SAAS,CAACiC,MAAM;EACjC3B,OAAO,EAAEN,SAAS,CAACiC,MAAM;EACzB1B,IAAI,EAAEP,SAAS,CAACiC,MAAM;EACtBzB,gBAAgB,EAAER,SAAS,CAACkC,SAAS,CAAC,CAAClC,SAAS,CAACmC,OAAO,EAAEnC,SAAS,CAACiC,MAAM,CAAC,CAAC;EAC5EvB,kBAAkB,EAAEV,SAAS,CAACoC;AAChC,CAAC;AAED,eAAehC,YAAY","ignoreList":[]}
@@ -2,11 +2,10 @@ import React, { useContext } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import { FormattedMessage } from 'react-intl';
4
4
  import DataTableContext from './DataTableContext';
5
- function RowStatus(_ref) {
6
- let {
7
- className,
8
- statusText
9
- } = _ref;
5
+ function RowStatus({
6
+ className,
7
+ statusText
8
+ }) {
10
9
  const {
11
10
  page,
12
11
  rows,
@@ -1 +1 @@
1
- {"version":3,"file":"RowStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","RowStatus","_ref","className","statusText","page","rows","itemCount","state","rowCount","length","pageSize","pageIndex","firstRow","lastRow","createElement","id","defaultMessage","description","values","propTypes","string","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/RowStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport DataTableContext from './DataTableContext';\n\nfunction RowStatus({ className, statusText }) {\n const {\n page, rows, itemCount, state,\n } = useContext(DataTableContext);\n const rowCount = page?.length || rows?.length;\n const pageSize = state?.pageSize || 0;\n const pageIndex = state?.pageIndex || 0;\n const firstRow = pageSize * pageIndex + 1;\n const lastRow = firstRow + rowCount - 1;\n\n if (!rowCount) {\n return null;\n }\n return (\n <div className={className} data-testid=\"row-status\">\n {statusText || (\n <FormattedMessage\n id=\"pgn.DataTable.RowStatus.statusText\"\n defaultMessage=\"Showing {firstRow} - {lastRow} of {itemCount}.\"\n description=\"A text describing how many rows is shown in the table\"\n values={{ itemCount, firstRow, lastRow }}\n />\n )}\n </div>\n );\n}\n\nRowStatus.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** A text describing how many rows is shown in the table. */\n statusText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nRowStatus.defaultProps = {\n className: undefined,\n statusText: undefined,\n};\n\nexport default RowStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,SAASA,CAAAC,IAAA,EAA4B;EAAA,IAA3B;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAAF,IAAA;EAC1C,MAAM;IACJG,IAAI;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EACzB,CAAC,GAAGX,UAAU,CAACG,gBAAgB,CAAC;EAChC,MAAMS,QAAQ,GAAGJ,IAAI,EAAEK,MAAM,IAAIJ,IAAI,EAAEI,MAAM;EAC7C,MAAMC,QAAQ,GAAGH,KAAK,EAAEG,QAAQ,IAAI,CAAC;EACrC,MAAMC,SAAS,GAAGJ,KAAK,EAAEI,SAAS,IAAI,CAAC;EACvC,MAAMC,QAAQ,GAAGF,QAAQ,GAAGC,SAAS,GAAG,CAAC;EACzC,MAAME,OAAO,GAAGD,QAAQ,GAAGJ,QAAQ,GAAG,CAAC;EAEvC,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EACA,oBACEb,KAAA,CAAAmB,aAAA;IAAKZ,SAAS,EAAEA,SAAU;IAAC,eAAY;EAAY,GAChDC,UAAU,iBACTR,KAAA,CAAAmB,aAAA,CAAChB,gBAAgB;IACfiB,EAAE,EAAC,oCAAoC;IACvCC,cAAc,EAAC,gDAAgD;IAC/DC,WAAW,EAAC,uDAAuD;IACnEC,MAAM,EAAE;MAAEZ,SAAS;MAAEM,QAAQ;MAAEC;IAAQ;EAAE,CAC1C,CAEA,CAAC;AAEV;AAEAb,SAAS,CAACmB,SAAS,GAAG;EACpB;EACAjB,SAAS,EAAEL,SAAS,CAACuB,MAAM;EAC3B;EACAjB,UAAU,EAAEN,SAAS,CAACwB,SAAS,CAAC,CAACxB,SAAS,CAACuB,MAAM,EAAEvB,SAAS,CAACyB,OAAO,CAAC;AACvE,CAAC;AAEDtB,SAAS,CAACuB,YAAY,GAAG;EACvBrB,SAAS,EAAEsB,SAAS;EACpBrB,UAAU,EAAEqB;AACd,CAAC;AAED,eAAexB,SAAS","ignoreList":[]}
1
+ {"version":3,"file":"RowStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","RowStatus","className","statusText","page","rows","itemCount","state","rowCount","length","pageSize","pageIndex","firstRow","lastRow","createElement","id","defaultMessage","description","values","propTypes","string","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/RowStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport DataTableContext from './DataTableContext';\n\nfunction RowStatus({ className, statusText }) {\n const {\n page, rows, itemCount, state,\n } = useContext(DataTableContext);\n const rowCount = page?.length || rows?.length;\n const pageSize = state?.pageSize || 0;\n const pageIndex = state?.pageIndex || 0;\n const firstRow = pageSize * pageIndex + 1;\n const lastRow = firstRow + rowCount - 1;\n\n if (!rowCount) {\n return null;\n }\n return (\n <div className={className} data-testid=\"row-status\">\n {statusText || (\n <FormattedMessage\n id=\"pgn.DataTable.RowStatus.statusText\"\n defaultMessage=\"Showing {firstRow} - {lastRow} of {itemCount}.\"\n description=\"A text describing how many rows is shown in the table\"\n values={{ itemCount, firstRow, lastRow }}\n />\n )}\n </div>\n );\n}\n\nRowStatus.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** A text describing how many rows is shown in the table. */\n statusText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nRowStatus.defaultProps = {\n className: undefined,\n statusText: undefined,\n};\n\nexport default RowStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,SAASA,CAAC;EAAEC,SAAS;EAAEC;AAAW,CAAC,EAAE;EAC5C,MAAM;IACJC,IAAI;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EACzB,CAAC,GAAGV,UAAU,CAACG,gBAAgB,CAAC;EAChC,MAAMQ,QAAQ,GAAGJ,IAAI,EAAEK,MAAM,IAAIJ,IAAI,EAAEI,MAAM;EAC7C,MAAMC,QAAQ,GAAGH,KAAK,EAAEG,QAAQ,IAAI,CAAC;EACrC,MAAMC,SAAS,GAAGJ,KAAK,EAAEI,SAAS,IAAI,CAAC;EACvC,MAAMC,QAAQ,GAAGF,QAAQ,GAAGC,SAAS,GAAG,CAAC;EACzC,MAAME,OAAO,GAAGD,QAAQ,GAAGJ,QAAQ,GAAG,CAAC;EAEvC,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EACA,oBACEZ,KAAA,CAAAkB,aAAA;IAAKZ,SAAS,EAAEA,SAAU;IAAC,eAAY;EAAY,GAChDC,UAAU,iBACTP,KAAA,CAAAkB,aAAA,CAACf,gBAAgB;IACfgB,EAAE,EAAC,oCAAoC;IACvCC,cAAc,EAAC,gDAAgD;IAC/DC,WAAW,EAAC,uDAAuD;IACnEC,MAAM,EAAE;MAAEZ,SAAS;MAAEM,QAAQ;MAAEC;IAAQ;EAAE,CAC1C,CAEA,CAAC;AAEV;AAEAZ,SAAS,CAACkB,SAAS,GAAG;EACpB;EACAjB,SAAS,EAAEJ,SAAS,CAACsB,MAAM;EAC3B;EACAjB,UAAU,EAAEL,SAAS,CAACuB,SAAS,CAAC,CAACvB,SAAS,CAACsB,MAAM,EAAEtB,SAAS,CAACwB,OAAO,CAAC;AACvE,CAAC;AAEDrB,SAAS,CAACsB,YAAY,GAAG;EACvBrB,SAAS,EAAEsB,SAAS;EACpBrB,UAAU,EAAEqB;AACd,CAAC;AAED,eAAevB,SAAS","ignoreList":[]}
@@ -3,10 +3,9 @@ import PropTypes from 'prop-types';
3
3
  import { FormattedMessage } from 'react-intl';
4
4
  import DataTableContext from './DataTableContext';
5
5
  import FilterStatus from './FilterStatus';
6
- function SidebarFilters(_ref) {
7
- let {
8
- title
9
- } = _ref;
6
+ function SidebarFilters({
7
+ title
8
+ }) {
10
9
  const {
11
10
  state,
12
11
  columns
@@ -1 +1 @@
1
- {"version":3,"file":"SidebarFilters.js","names":["React","useContext","useMemo","PropTypes","FormattedMessage","DataTableContext","FilterStatus","SidebarFilters","_ref","title","state","columns","availableFilters","filter","column","canFilter","filtersApplied","filters","length","createElement","className","id","defaultMessage","description","map","key","Header","render","showFilteredFields","variant","propTypes","oneOfType","string","element","defaultProps","undefined"],"sources":["../../src/DataTable/SidebarFilters.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport DataTableContext from './DataTableContext';\nimport FilterStatus from './FilterStatus';\n\nfunction SidebarFilters({ title }) {\n const { state, columns } = useContext(DataTableContext);\n const availableFilters = useMemo(() => columns.filter((column) => column.canFilter), [columns]);\n const filtersApplied = state?.filters && state.filters.length > 0;\n return (\n <div className=\"pgn__data-table-side-filters\">\n <h3 className=\"pgn__data-table-side-filters-title\">\n {title || (\n <FormattedMessage\n id=\"pgn.DataTable.SidebarFilters.title\"\n defaultMessage=\"Filters\"\n description=\"Title for the sidebar filters component\"\n />\n )}\n </h3>\n <hr />\n {availableFilters.map(column => (\n <div\n key={column.Header}\n className=\"pgn__data-table-side-filters-item\"\n >\n {column.render('Filter')}\n </div>\n ))}\n {filtersApplied && (\n <FilterStatus\n className=\"pgn__data-table-side-filters-status\"\n showFilteredFields={false}\n variant=\"tertiary\"\n />\n )}\n </div>\n );\n}\n\nSidebarFilters.propTypes = {\n /** Specifies the title to show near the filters, default to 'Filters'. */\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nSidebarFilters.defaultProps = {\n title: undefined,\n};\n\nexport default SidebarFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAASC,cAAcA,CAAAC,IAAA,EAAY;EAAA,IAAX;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAC/B,MAAM;IAAEE,KAAK;IAAEC;EAAQ,CAAC,GAAGV,UAAU,CAACI,gBAAgB,CAAC;EACvD,MAAMO,gBAAgB,GAAGV,OAAO,CAAC,MAAMS,OAAO,CAACE,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,SAAS,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAC/F,MAAMK,cAAc,GAAGN,KAAK,EAAEO,OAAO,IAAIP,KAAK,CAACO,OAAO,CAACC,MAAM,GAAG,CAAC;EACjE,oBACElB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAA8B,gBAC3CpB,KAAA,CAAAmB,aAAA;IAAIC,SAAS,EAAC;EAAoC,GAC/CX,KAAK,iBACJT,KAAA,CAAAmB,aAAA,CAACf,gBAAgB;IACfiB,EAAE,EAAC,oCAAoC;IACvCC,cAAc,EAAC,SAAS;IACxBC,WAAW,EAAC;EAAyC,CACtD,CAED,CAAC,eACLvB,KAAA,CAAAmB,aAAA,WAAK,CAAC,EACLP,gBAAgB,CAACY,GAAG,CAACV,MAAM,iBAC1Bd,KAAA,CAAAmB,aAAA;IACEM,GAAG,EAAEX,MAAM,CAACY,MAAO;IACnBN,SAAS,EAAC;EAAmC,GAE5CN,MAAM,CAACa,MAAM,CAAC,QAAQ,CACpB,CACN,CAAC,EACDX,cAAc,iBACfhB,KAAA,CAAAmB,aAAA,CAACb,YAAY;IACXc,SAAS,EAAC,qCAAqC;IAC/CQ,kBAAkB,EAAE,KAAM;IAC1BC,OAAO,EAAC;EAAU,CACnB,CAEE,CAAC;AAEV;AAEAtB,cAAc,CAACuB,SAAS,GAAG;EACzB;EACArB,KAAK,EAAEN,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,OAAO,CAAC;AAClE,CAAC;AAED1B,cAAc,CAAC2B,YAAY,GAAG;EAC5BzB,KAAK,EAAE0B;AACT,CAAC;AAED,eAAe5B,cAAc","ignoreList":[]}
1
+ {"version":3,"file":"SidebarFilters.js","names":["React","useContext","useMemo","PropTypes","FormattedMessage","DataTableContext","FilterStatus","SidebarFilters","title","state","columns","availableFilters","filter","column","canFilter","filtersApplied","filters","length","createElement","className","id","defaultMessage","description","map","key","Header","render","showFilteredFields","variant","propTypes","oneOfType","string","element","defaultProps","undefined"],"sources":["../../src/DataTable/SidebarFilters.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport DataTableContext from './DataTableContext';\nimport FilterStatus from './FilterStatus';\n\nfunction SidebarFilters({ title }) {\n const { state, columns } = useContext(DataTableContext);\n const availableFilters = useMemo(() => columns.filter((column) => column.canFilter), [columns]);\n const filtersApplied = state?.filters && state.filters.length > 0;\n return (\n <div className=\"pgn__data-table-side-filters\">\n <h3 className=\"pgn__data-table-side-filters-title\">\n {title || (\n <FormattedMessage\n id=\"pgn.DataTable.SidebarFilters.title\"\n defaultMessage=\"Filters\"\n description=\"Title for the sidebar filters component\"\n />\n )}\n </h3>\n <hr />\n {availableFilters.map(column => (\n <div\n key={column.Header}\n className=\"pgn__data-table-side-filters-item\"\n >\n {column.render('Filter')}\n </div>\n ))}\n {filtersApplied && (\n <FilterStatus\n className=\"pgn__data-table-side-filters-status\"\n showFilteredFields={false}\n variant=\"tertiary\"\n />\n )}\n </div>\n );\n}\n\nSidebarFilters.propTypes = {\n /** Specifies the title to show near the filters, default to 'Filters'. */\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nSidebarFilters.defaultProps = {\n title: undefined,\n};\n\nexport default SidebarFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAASC,cAAcA,CAAC;EAAEC;AAAM,CAAC,EAAE;EACjC,MAAM;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGT,UAAU,CAACI,gBAAgB,CAAC;EACvD,MAAMM,gBAAgB,GAAGT,OAAO,CAAC,MAAMQ,OAAO,CAACE,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,SAAS,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAC/F,MAAMK,cAAc,GAAGN,KAAK,EAAEO,OAAO,IAAIP,KAAK,CAACO,OAAO,CAACC,MAAM,GAAG,CAAC;EACjE,oBACEjB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAA8B,gBAC3CnB,KAAA,CAAAkB,aAAA;IAAIC,SAAS,EAAC;EAAoC,GAC/CX,KAAK,iBACJR,KAAA,CAAAkB,aAAA,CAACd,gBAAgB;IACfgB,EAAE,EAAC,oCAAoC;IACvCC,cAAc,EAAC,SAAS;IACxBC,WAAW,EAAC;EAAyC,CACtD,CAED,CAAC,eACLtB,KAAA,CAAAkB,aAAA,WAAK,CAAC,EACLP,gBAAgB,CAACY,GAAG,CAACV,MAAM,iBAC1Bb,KAAA,CAAAkB,aAAA;IACEM,GAAG,EAAEX,MAAM,CAACY,MAAO;IACnBN,SAAS,EAAC;EAAmC,GAE5CN,MAAM,CAACa,MAAM,CAAC,QAAQ,CACpB,CACN,CAAC,EACDX,cAAc,iBACff,KAAA,CAAAkB,aAAA,CAACZ,YAAY;IACXa,SAAS,EAAC,qCAAqC;IAC/CQ,kBAAkB,EAAE,KAAM;IAC1BC,OAAO,EAAC;EAAU,CACnB,CAEE,CAAC;AAEV;AAEArB,cAAc,CAACsB,SAAS,GAAG;EACzB;EACArB,KAAK,EAAEL,SAAS,CAAC2B,SAAS,CAAC,CAAC3B,SAAS,CAAC4B,MAAM,EAAE5B,SAAS,CAAC6B,OAAO,CAAC;AAClE,CAAC;AAEDzB,cAAc,CAAC0B,YAAY,GAAG;EAC5BzB,KAAK,EAAE0B;AACT,CAAC;AAED,eAAe3B,cAAc","ignoreList":[]}
@@ -6,10 +6,9 @@ import TableHeaderRow from './TableHeaderRow';
6
6
  import TableRow from './TableRow';
7
7
  import { useRows } from './hooks';
8
8
  import DataTableContext from './DataTableContext';
9
- function Table(_ref) {
10
- let {
11
- isStriped
12
- } = _ref;
9
+ function Table({
10
+ isStriped
11
+ }) {
13
12
  const {
14
13
  getTableProps,
15
14
  prepareRow,
@@ -1 +1 @@
1
- {"version":3,"file":"Table.js","names":["React","useContext","PropTypes","classNames","Spinner","TableHeaderRow","TableRow","useRows","DataTableContext","Table","_ref","isStriped","getTableProps","prepareRow","displayRows","headerGroups","getTableBodyProps","isLoading","renderRows","map","row","createElement","key","id","className","animation","screenReaderText","defaultProps","propTypes","bool"],"sources":["../../src/DataTable/Table.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Spinner from '../Spinner';\nimport TableHeaderRow from './TableHeaderRow';\nimport TableRow from './TableRow';\nimport { useRows } from './hooks';\nimport DataTableContext from './DataTableContext';\n\nfunction Table({\n isStriped,\n}) {\n const {\n getTableProps, prepareRow, displayRows, headerGroups, getTableBodyProps,\n } = useRows();\n const { isLoading } = useContext(DataTableContext);\n\n const renderRows = () => displayRows.map((row) => {\n prepareRow(row);\n return (\n <TableRow row={row} key={row.id} />\n );\n });\n\n if (!getTableProps) {\n return null;\n }\n\n return (\n <div\n className={classNames('pgn__data-table-container', { 'is-loading': isLoading })}\n data-testid=\"data-table-container\"\n >\n {isLoading && (\n <div className=\"pgn__data-table-spinner\" data-testid=\"data-table-spinner\">\n <Spinner animation=\"border\" screenReaderText=\"loading\" />\n </div>\n )}\n <table {...getTableProps({\n className: classNames({ 'pgn__data-table': true, 'is-striped': isStriped }),\n })}\n >\n <TableHeaderRow headerGroups={headerGroups} />\n <tbody {...getTableBodyProps()}>\n {renderRows()}\n </tbody>\n </table>\n </div>\n );\n}\n\nTable.defaultProps = {\n isStriped: true,\n};\n\nTable.propTypes = {\n /** should table rows be striped */\n isStriped: PropTypes.bool,\n};\n\nexport default Table;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,OAAO,QAAQ,SAAS;AACjC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,KAAKA,CAAAC,IAAA,EAEX;EAAA,IAFY;IACbC;EACF,CAAC,GAAAD,IAAA;EACC,MAAM;IACJE,aAAa;IAAEC,UAAU;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EACxD,CAAC,GAAGT,OAAO,CAAC,CAAC;EACb,MAAM;IAAEU;EAAU,CAAC,GAAGhB,UAAU,CAACO,gBAAgB,CAAC;EAElD,MAAMU,UAAU,GAAGA,CAAA,KAAMJ,WAAW,CAACK,GAAG,CAAEC,GAAG,IAAK;IAChDP,UAAU,CAACO,GAAG,CAAC;IACf,oBACEpB,KAAA,CAAAqB,aAAA,CAACf,QAAQ;MAACc,GAAG,EAAEA,GAAI;MAACE,GAAG,EAAEF,GAAG,CAACG;IAAG,CAAE,CAAC;EAEvC,CAAC,CAAC;EAEF,IAAI,CAACX,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,oBACEZ,KAAA,CAAAqB,aAAA;IACEG,SAAS,EAAErB,UAAU,CAAC,2BAA2B,EAAE;MAAE,YAAY,EAAEc;IAAU,CAAC,CAAE;IAChF,eAAY;EAAsB,GAEjCA,SAAS,iBACRjB,KAAA,CAAAqB,aAAA;IAAKG,SAAS,EAAC,yBAAyB;IAAC,eAAY;EAAoB,gBACvExB,KAAA,CAAAqB,aAAA,CAACjB,OAAO;IAACqB,SAAS,EAAC,QAAQ;IAACC,gBAAgB,EAAC;EAAS,CAAE,CACrD,CACN,eACD1B,KAAA,CAAAqB,aAAA;IAAA,GAAWT,aAAa,CAAC;MACvBY,SAAS,EAAErB,UAAU,CAAC;QAAE,iBAAiB,EAAE,IAAI;QAAE,YAAY,EAAEQ;MAAU,CAAC;IAC5E,CAAC;EAAC,gBAEAX,KAAA,CAAAqB,aAAA,CAAChB,cAAc;IAACU,YAAY,EAAEA;EAAa,CAAE,CAAC,eAC9Cf,KAAA,CAAAqB,aAAA;IAAA,GAAWL,iBAAiB,CAAC;EAAC,GAC3BE,UAAU,CAAC,CACP,CACF,CACJ,CAAC;AAEV;AAEAT,KAAK,CAACkB,YAAY,GAAG;EACnBhB,SAAS,EAAE;AACb,CAAC;AAEDF,KAAK,CAACmB,SAAS,GAAG;EAChB;EACAjB,SAAS,EAAET,SAAS,CAAC2B;AACvB,CAAC;AAED,eAAepB,KAAK","ignoreList":[]}
1
+ {"version":3,"file":"Table.js","names":["React","useContext","PropTypes","classNames","Spinner","TableHeaderRow","TableRow","useRows","DataTableContext","Table","isStriped","getTableProps","prepareRow","displayRows","headerGroups","getTableBodyProps","isLoading","renderRows","map","row","createElement","key","id","className","animation","screenReaderText","defaultProps","propTypes","bool"],"sources":["../../src/DataTable/Table.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Spinner from '../Spinner';\nimport TableHeaderRow from './TableHeaderRow';\nimport TableRow from './TableRow';\nimport { useRows } from './hooks';\nimport DataTableContext from './DataTableContext';\n\nfunction Table({\n isStriped,\n}) {\n const {\n getTableProps, prepareRow, displayRows, headerGroups, getTableBodyProps,\n } = useRows();\n const { isLoading } = useContext(DataTableContext);\n\n const renderRows = () => displayRows.map((row) => {\n prepareRow(row);\n return (\n <TableRow row={row} key={row.id} />\n );\n });\n\n if (!getTableProps) {\n return null;\n }\n\n return (\n <div\n className={classNames('pgn__data-table-container', { 'is-loading': isLoading })}\n data-testid=\"data-table-container\"\n >\n {isLoading && (\n <div className=\"pgn__data-table-spinner\" data-testid=\"data-table-spinner\">\n <Spinner animation=\"border\" screenReaderText=\"loading\" />\n </div>\n )}\n <table {...getTableProps({\n className: classNames({ 'pgn__data-table': true, 'is-striped': isStriped }),\n })}\n >\n <TableHeaderRow headerGroups={headerGroups} />\n <tbody {...getTableBodyProps()}>\n {renderRows()}\n </tbody>\n </table>\n </div>\n );\n}\n\nTable.defaultProps = {\n isStriped: true,\n};\n\nTable.propTypes = {\n /** should table rows be striped */\n isStriped: PropTypes.bool,\n};\n\nexport default Table;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,OAAO,QAAQ,SAAS;AACjC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,KAAKA,CAAC;EACbC;AACF,CAAC,EAAE;EACD,MAAM;IACJC,aAAa;IAAEC,UAAU;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EACxD,CAAC,GAAGR,OAAO,CAAC,CAAC;EACb,MAAM;IAAES;EAAU,CAAC,GAAGf,UAAU,CAACO,gBAAgB,CAAC;EAElD,MAAMS,UAAU,GAAGA,CAAA,KAAMJ,WAAW,CAACK,GAAG,CAAEC,GAAG,IAAK;IAChDP,UAAU,CAACO,GAAG,CAAC;IACf,oBACEnB,KAAA,CAAAoB,aAAA,CAACd,QAAQ;MAACa,GAAG,EAAEA,GAAI;MAACE,GAAG,EAAEF,GAAG,CAACG;IAAG,CAAE,CAAC;EAEvC,CAAC,CAAC;EAEF,IAAI,CAACX,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,oBACEX,KAAA,CAAAoB,aAAA;IACEG,SAAS,EAAEpB,UAAU,CAAC,2BAA2B,EAAE;MAAE,YAAY,EAAEa;IAAU,CAAC,CAAE;IAChF,eAAY;EAAsB,GAEjCA,SAAS,iBACRhB,KAAA,CAAAoB,aAAA;IAAKG,SAAS,EAAC,yBAAyB;IAAC,eAAY;EAAoB,gBACvEvB,KAAA,CAAAoB,aAAA,CAAChB,OAAO;IAACoB,SAAS,EAAC,QAAQ;IAACC,gBAAgB,EAAC;EAAS,CAAE,CACrD,CACN,eACDzB,KAAA,CAAAoB,aAAA;IAAA,GAAWT,aAAa,CAAC;MACvBY,SAAS,EAAEpB,UAAU,CAAC;QAAE,iBAAiB,EAAE,IAAI;QAAE,YAAY,EAAEO;MAAU,CAAC;IAC5E,CAAC;EAAC,gBAEAV,KAAA,CAAAoB,aAAA,CAACf,cAAc;IAACS,YAAY,EAAEA;EAAa,CAAE,CAAC,eAC9Cd,KAAA,CAAAoB,aAAA;IAAA,GAAWL,iBAAiB,CAAC;EAAC,GAC3BE,UAAU,CAAC,CACP,CACF,CACJ,CAAC;AAEV;AAEAR,KAAK,CAACiB,YAAY,GAAG;EACnBhB,SAAS,EAAE;AACb,CAAC;AAEDD,KAAK,CAACkB,SAAS,GAAG;EAChB;EACAjB,SAAS,EAAER,SAAS,CAAC0B;AACvB,CAAC;AAED,eAAenB,KAAK","ignoreList":[]}
@@ -3,10 +3,9 @@ import PropTypes from 'prop-types';
3
3
  import classNames from 'classnames';
4
4
  import DataTableContext from './DataTableContext';
5
5
  import Actions from './CollapsibleButtonGroup';
6
- function TableActions(_ref) {
7
- let {
8
- className
9
- } = _ref;
6
+ function TableActions({
7
+ className
8
+ }) {
10
9
  const tableInstance = useContext(DataTableContext);
11
10
  const {
12
11
  tableActions
@@ -1 +1 @@
1
- {"version":3,"file":"TableActions.js","names":["React","useContext","PropTypes","classNames","DataTableContext","Actions","TableActions","_ref","className","tableInstance","tableActions","args","createElement","actions","map","action","component","defaultProps","undefined","propTypes","string"],"sources":["../../src/DataTable/TableActions.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport DataTableContext from './DataTableContext';\nimport Actions from './CollapsibleButtonGroup';\n\nfunction TableActions({ className }) {\n const tableInstance = useContext(DataTableContext);\n const { tableActions } = tableInstance;\n\n const args = {\n tableInstance,\n };\n\n if (typeof tableActions === 'function') {\n return <div className={classNames('pgn__table-actions', className)}>{tableActions(tableInstance)}</div>;\n }\n\n const actions = tableActions.map(action => ({ component: action, args }));\n\n return (\n <Actions\n className={classNames('pgn__table-actions', className)}\n data-testid=\"table-actions\"\n actions={actions}\n />\n );\n}\n\nTableActions.defaultProps = {\n className: undefined,\n};\n\nTableActions.propTypes = {\n /** class names for the div wrapping the button components */\n className: PropTypes.string,\n};\n\nexport default TableActions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,OAAO,MAAM,0BAA0B;AAE9C,SAASC,YAAYA,CAAAC,IAAA,EAAgB;EAAA,IAAf;IAAEC;EAAU,CAAC,GAAAD,IAAA;EACjC,MAAME,aAAa,GAAGR,UAAU,CAACG,gBAAgB,CAAC;EAClD,MAAM;IAAEM;EAAa,CAAC,GAAGD,aAAa;EAEtC,MAAME,IAAI,GAAG;IACXF;EACF,CAAC;EAED,IAAI,OAAOC,YAAY,KAAK,UAAU,EAAE;IACtC,oBAAOV,KAAA,CAAAY,aAAA;MAAKJ,SAAS,EAAEL,UAAU,CAAC,oBAAoB,EAAEK,SAAS;IAAE,GAAEE,YAAY,CAACD,aAAa,CAAO,CAAC;EACzG;EAEA,MAAMI,OAAO,GAAGH,YAAY,CAACI,GAAG,CAACC,MAAM,KAAK;IAAEC,SAAS,EAAED,MAAM;IAAEJ;EAAK,CAAC,CAAC,CAAC;EAEzE,oBACEX,KAAA,CAAAY,aAAA,CAACP,OAAO;IACNG,SAAS,EAAEL,UAAU,CAAC,oBAAoB,EAAEK,SAAS,CAAE;IACvD,eAAY,eAAe;IAC3BK,OAAO,EAAEA;EAAQ,CAClB,CAAC;AAEN;AAEAP,YAAY,CAACW,YAAY,GAAG;EAC1BT,SAAS,EAAEU;AACb,CAAC;AAEDZ,YAAY,CAACa,SAAS,GAAG;EACvB;EACAX,SAAS,EAAEN,SAAS,CAACkB;AACvB,CAAC;AAED,eAAed,YAAY","ignoreList":[]}
1
+ {"version":3,"file":"TableActions.js","names":["React","useContext","PropTypes","classNames","DataTableContext","Actions","TableActions","className","tableInstance","tableActions","args","createElement","actions","map","action","component","defaultProps","undefined","propTypes","string"],"sources":["../../src/DataTable/TableActions.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport DataTableContext from './DataTableContext';\nimport Actions from './CollapsibleButtonGroup';\n\nfunction TableActions({ className }) {\n const tableInstance = useContext(DataTableContext);\n const { tableActions } = tableInstance;\n\n const args = {\n tableInstance,\n };\n\n if (typeof tableActions === 'function') {\n return <div className={classNames('pgn__table-actions', className)}>{tableActions(tableInstance)}</div>;\n }\n\n const actions = tableActions.map(action => ({ component: action, args }));\n\n return (\n <Actions\n className={classNames('pgn__table-actions', className)}\n data-testid=\"table-actions\"\n actions={actions}\n />\n );\n}\n\nTableActions.defaultProps = {\n className: undefined,\n};\n\nTableActions.propTypes = {\n /** class names for the div wrapping the button components */\n className: PropTypes.string,\n};\n\nexport default TableActions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,OAAO,MAAM,0BAA0B;AAE9C,SAASC,YAAYA,CAAC;EAAEC;AAAU,CAAC,EAAE;EACnC,MAAMC,aAAa,GAAGP,UAAU,CAACG,gBAAgB,CAAC;EAClD,MAAM;IAAEK;EAAa,CAAC,GAAGD,aAAa;EAEtC,MAAME,IAAI,GAAG;IACXF;EACF,CAAC;EAED,IAAI,OAAOC,YAAY,KAAK,UAAU,EAAE;IACtC,oBAAOT,KAAA,CAAAW,aAAA;MAAKJ,SAAS,EAAEJ,UAAU,CAAC,oBAAoB,EAAEI,SAAS;IAAE,GAAEE,YAAY,CAACD,aAAa,CAAO,CAAC;EACzG;EAEA,MAAMI,OAAO,GAAGH,YAAY,CAACI,GAAG,CAACC,MAAM,KAAK;IAAEC,SAAS,EAAED,MAAM;IAAEJ;EAAK,CAAC,CAAC,CAAC;EAEzE,oBACEV,KAAA,CAAAW,aAAA,CAACN,OAAO;IACNE,SAAS,EAAEJ,UAAU,CAAC,oBAAoB,EAAEI,SAAS,CAAE;IACvD,eAAY,eAAe;IAC3BK,OAAO,EAAEA;EAAQ,CAClB,CAAC;AAEN;AAEAN,YAAY,CAACU,YAAY,GAAG;EAC1BT,SAAS,EAAEU;AACb,CAAC;AAEDX,YAAY,CAACY,SAAS,GAAG;EACvB;EACAX,SAAS,EAAEL,SAAS,CAACiB;AACvB,CAAC;AAED,eAAeb,YAAY","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 TableCell(_ref) {
5
- let {
6
- getCellProps,
7
- render,
8
- column
9
- } = _ref;
4
+ function TableCell({
5
+ getCellProps,
6
+ render,
7
+ column
8
+ }) {
10
9
  const {
11
10
  className,
12
11
  ...rest
@@ -1 +1 @@
1
- {"version":3,"file":"TableCell.js","names":["React","PropTypes","classNames","TableCell","_ref","getCellProps","render","column","className","rest","createElement","cellClassName","propTypes","func","isRequired","shape","string"],"sources":["../../src/DataTable/TableCell.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction TableCell({ getCellProps, render, column }) {\n const { className, ...rest } = getCellProps();\n return (\n <td {...rest} className={classNames('pgn__data-table-cell-wrap', className, column.cellClassName)}>\n {render('Cell')}\n </td>\n );\n}\n\nTableCell.propTypes = {\n /** Props for the td element */\n getCellProps: PropTypes.func.isRequired,\n /** Function that renders the cell contents. Will be called with the string 'Cell' */\n render: PropTypes.func.isRequired,\n /** Table column */\n column: PropTypes.shape({\n /** Class(es) to be applied to the cells in the given column */\n cellClassName: PropTypes.string,\n }).isRequired,\n};\n\nexport default TableCell;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,SAASA,CAAAC,IAAA,EAAmC;EAAA,IAAlC;IAAEC,YAAY;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAAH,IAAA;EACjD,MAAM;IAAEI,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAC7C,oBACEL,KAAA,CAAAU,aAAA;IAAA,GAAQD,IAAI;IAAED,SAAS,EAAEN,UAAU,CAAC,2BAA2B,EAAEM,SAAS,EAAED,MAAM,CAACI,aAAa;EAAE,GAC/FL,MAAM,CAAC,MAAM,CACZ,CAAC;AAET;AAEAH,SAAS,CAACS,SAAS,GAAG;EACpB;EACAP,YAAY,EAAEJ,SAAS,CAACY,IAAI,CAACC,UAAU;EACvC;EACAR,MAAM,EAAEL,SAAS,CAACY,IAAI,CAACC,UAAU;EACjC;EACAP,MAAM,EAAEN,SAAS,CAACc,KAAK,CAAC;IACtB;IACAJ,aAAa,EAAEV,SAAS,CAACe;EAC3B,CAAC,CAAC,CAACF;AACL,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}
1
+ {"version":3,"file":"TableCell.js","names":["React","PropTypes","classNames","TableCell","getCellProps","render","column","className","rest","createElement","cellClassName","propTypes","func","isRequired","shape","string"],"sources":["../../src/DataTable/TableCell.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction TableCell({ getCellProps, render, column }) {\n const { className, ...rest } = getCellProps();\n return (\n <td {...rest} className={classNames('pgn__data-table-cell-wrap', className, column.cellClassName)}>\n {render('Cell')}\n </td>\n );\n}\n\nTableCell.propTypes = {\n /** Props for the td element */\n getCellProps: PropTypes.func.isRequired,\n /** Function that renders the cell contents. Will be called with the string 'Cell' */\n render: PropTypes.func.isRequired,\n /** Table column */\n column: PropTypes.shape({\n /** Class(es) to be applied to the cells in the given column */\n cellClassName: PropTypes.string,\n }).isRequired,\n};\n\nexport default TableCell;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,SAASA,CAAC;EAAEC,YAAY;EAAEC,MAAM;EAAEC;AAAO,CAAC,EAAE;EACnD,MAAM;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAC7C,oBACEJ,KAAA,CAAAS,aAAA;IAAA,GAAQD,IAAI;IAAED,SAAS,EAAEL,UAAU,CAAC,2BAA2B,EAAEK,SAAS,EAAED,MAAM,CAACI,aAAa;EAAE,GAC/FL,MAAM,CAAC,MAAM,CACZ,CAAC;AAET;AAEAF,SAAS,CAACQ,SAAS,GAAG;EACpB;EACAP,YAAY,EAAEH,SAAS,CAACW,IAAI,CAACC,UAAU;EACvC;EACAR,MAAM,EAAEJ,SAAS,CAACW,IAAI,CAACC,UAAU;EACjC;EACAP,MAAM,EAAEL,SAAS,CAACa,KAAK,CAAC;IACtB;IACAJ,aAAa,EAAET,SAAS,CAACc;EAC3B,CAAC,CAAC,CAACF;AACL,CAAC;AAED,eAAeV,SAAS","ignoreList":[]}
@@ -8,10 +8,9 @@ import ActionDisplay from './ActionDisplay';
8
8
  import DataViewToggle from './DataViewToggle';
9
9
 
10
10
  // handles layout for filters, status, and bulk actions
11
- function TableControlBar(_ref) {
12
- let {
13
- className
14
- } = _ref;
11
+ function TableControlBar({
12
+ className
13
+ }) {
15
14
  const {
16
15
  setFilter,
17
16
  showFiltersInSidebar,
@@ -1 +1 @@
1
- {"version":3,"file":"TableControlBar.js","names":["React","useContext","PropTypes","classNames","SmartStatus","DropdownFilters","DataTableContext","ActionDisplay","DataViewToggle","TableControlBar","_ref","className","setFilter","showFiltersInSidebar","dataViewToggleOptions","togglePlacement","invalidTogglePlacement","includes","actionsSectionClassName","createElement","propTypes","string","defaultProps"],"sources":["../../src/DataTable/TableControlBar.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport SmartStatus from './SmartStatus';\nimport DropdownFilters from './DropdownFilters';\nimport DataTableContext from './DataTableContext';\nimport ActionDisplay from './ActionDisplay';\nimport DataViewToggle from './DataViewToggle';\n\n// handles layout for filters, status, and bulk actions\nfunction TableControlBar({ className }) {\n const {\n setFilter,\n showFiltersInSidebar,\n dataViewToggleOptions: { togglePlacement },\n } = useContext(DataTableContext);\n\n const invalidTogglePlacement = !togglePlacement || !(['left', 'bottom']).includes(togglePlacement);\n const actionsSectionClassName = classNames({\n 'pgn__data-table-actions-right-toggle-bottom': togglePlacement === 'bottom',\n 'pgn__data-table-actions-right': invalidTogglePlacement || togglePlacement === 'left',\n });\n return (\n <div className={classNames('pgn__data-table-status-bar', className)} data-testid=\"table-control-bar\">\n {/* Using setFilter as a proxy for isFilterable */}\n {(setFilter && !showFiltersInSidebar) && (\n <div className=\"pgn__data-table-actions\">\n <div className=\"pgn__data-table-actions-left\">\n <DropdownFilters />\n </div>\n <div className={actionsSectionClassName}>\n <div>\n <ActionDisplay />\n </div>\n </div>\n\n </div>\n )}\n <div className=\"pgn__data-table-status\">\n <div className=\"pgn__data-table-status-left\">\n {togglePlacement !== 'bottom' ? <SmartStatus /> : null}\n </div>\n {(!setFilter || (setFilter && showFiltersInSidebar)) && (\n <div className={actionsSectionClassName}>\n <div className=\"pgn__data-table-toggle\">\n {togglePlacement === 'bottom' ? <SmartStatus /> : null}\n <DataViewToggle />\n </div>\n <div>\n <ActionDisplay />\n </div>\n </div>\n )}\n {(setFilter && !showFiltersInSidebar) && (\n <div className=\"pgn__data-table-toggle\">\n <DataViewToggle />\n </div>\n )}\n </div>\n </div>\n );\n}\n\nTableControlBar.propTypes = {\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nTableControlBar.defaultProps = {\n className: null,\n};\n\nexport default TableControlBar;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,cAAc,MAAM,kBAAkB;;AAE7C;AACA,SAASC,eAAeA,CAAAC,IAAA,EAAgB;EAAA,IAAf;IAAEC;EAAU,CAAC,GAAAD,IAAA;EACpC,MAAM;IACJE,SAAS;IACTC,oBAAoB;IACpBC,qBAAqB,EAAE;MAAEC;IAAgB;EAC3C,CAAC,GAAGd,UAAU,CAACK,gBAAgB,CAAC;EAEhC,MAAMU,sBAAsB,GAAG,CAACD,eAAe,IAAI,CAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAEE,QAAQ,CAACF,eAAe,CAAC;EAClG,MAAMG,uBAAuB,GAAGf,UAAU,CAAC;IACzC,6CAA6C,EAAEY,eAAe,KAAK,QAAQ;IAC3E,+BAA+B,EAAEC,sBAAsB,IAAID,eAAe,KAAK;EACjF,CAAC,CAAC;EACF,oBACEf,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAER,UAAU,CAAC,4BAA4B,EAAEQ,SAAS,CAAE;IAAC,eAAY;EAAmB,GAEhGC,SAAS,IAAI,CAACC,oBAAoB,iBACpCb,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAAyB,gBACtCX,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAA8B,gBAC3CX,KAAA,CAAAmB,aAAA,CAACd,eAAe,MAAE,CACf,CAAC,eACNL,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAEO;EAAwB,gBACtClB,KAAA,CAAAmB,aAAA,2BACEnB,KAAA,CAAAmB,aAAA,CAACZ,aAAa,MAAE,CACb,CACF,CAEF,CACJ,eACDP,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAAwB,gBACrCX,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAA6B,GACzCI,eAAe,KAAK,QAAQ,gBAAGf,KAAA,CAAAmB,aAAA,CAACf,WAAW,MAAE,CAAC,GAAG,IAC/C,CAAC,EACL,CAAC,CAACQ,SAAS,IAAKA,SAAS,IAAIC,oBAAqB,kBACjDb,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAEO;EAAwB,gBACtClB,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAAwB,GACpCI,eAAe,KAAK,QAAQ,gBAAGf,KAAA,CAAAmB,aAAA,CAACf,WAAW,MAAE,CAAC,GAAG,IAAI,eACtDJ,KAAA,CAAAmB,aAAA,CAACX,cAAc,MAAE,CACd,CAAC,eACNR,KAAA,CAAAmB,aAAA,2BACEnB,KAAA,CAAAmB,aAAA,CAACZ,aAAa,MAAE,CACb,CACF,CACN,EACCK,SAAS,IAAI,CAACC,oBAAoB,iBAClCb,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAAwB,gBACrCX,KAAA,CAAAmB,aAAA,CAACX,cAAc,MAAE,CACd,CAEJ,CACF,CAAC;AAEV;AAEAC,eAAe,CAACW,SAAS,GAAG;EAC1B;EACAT,SAAS,EAAET,SAAS,CAACmB;AACvB,CAAC;AAEDZ,eAAe,CAACa,YAAY,GAAG;EAC7BX,SAAS,EAAE;AACb,CAAC;AAED,eAAeF,eAAe","ignoreList":[]}
1
+ {"version":3,"file":"TableControlBar.js","names":["React","useContext","PropTypes","classNames","SmartStatus","DropdownFilters","DataTableContext","ActionDisplay","DataViewToggle","TableControlBar","className","setFilter","showFiltersInSidebar","dataViewToggleOptions","togglePlacement","invalidTogglePlacement","includes","actionsSectionClassName","createElement","propTypes","string","defaultProps"],"sources":["../../src/DataTable/TableControlBar.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport SmartStatus from './SmartStatus';\nimport DropdownFilters from './DropdownFilters';\nimport DataTableContext from './DataTableContext';\nimport ActionDisplay from './ActionDisplay';\nimport DataViewToggle from './DataViewToggle';\n\n// handles layout for filters, status, and bulk actions\nfunction TableControlBar({ className }) {\n const {\n setFilter,\n showFiltersInSidebar,\n dataViewToggleOptions: { togglePlacement },\n } = useContext(DataTableContext);\n\n const invalidTogglePlacement = !togglePlacement || !(['left', 'bottom']).includes(togglePlacement);\n const actionsSectionClassName = classNames({\n 'pgn__data-table-actions-right-toggle-bottom': togglePlacement === 'bottom',\n 'pgn__data-table-actions-right': invalidTogglePlacement || togglePlacement === 'left',\n });\n return (\n <div className={classNames('pgn__data-table-status-bar', className)} data-testid=\"table-control-bar\">\n {/* Using setFilter as a proxy for isFilterable */}\n {(setFilter && !showFiltersInSidebar) && (\n <div className=\"pgn__data-table-actions\">\n <div className=\"pgn__data-table-actions-left\">\n <DropdownFilters />\n </div>\n <div className={actionsSectionClassName}>\n <div>\n <ActionDisplay />\n </div>\n </div>\n\n </div>\n )}\n <div className=\"pgn__data-table-status\">\n <div className=\"pgn__data-table-status-left\">\n {togglePlacement !== 'bottom' ? <SmartStatus /> : null}\n </div>\n {(!setFilter || (setFilter && showFiltersInSidebar)) && (\n <div className={actionsSectionClassName}>\n <div className=\"pgn__data-table-toggle\">\n {togglePlacement === 'bottom' ? <SmartStatus /> : null}\n <DataViewToggle />\n </div>\n <div>\n <ActionDisplay />\n </div>\n </div>\n )}\n {(setFilter && !showFiltersInSidebar) && (\n <div className=\"pgn__data-table-toggle\">\n <DataViewToggle />\n </div>\n )}\n </div>\n </div>\n );\n}\n\nTableControlBar.propTypes = {\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nTableControlBar.defaultProps = {\n className: null,\n};\n\nexport default TableControlBar;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,cAAc,MAAM,kBAAkB;;AAE7C;AACA,SAASC,eAAeA,CAAC;EAAEC;AAAU,CAAC,EAAE;EACtC,MAAM;IACJC,SAAS;IACTC,oBAAoB;IACpBC,qBAAqB,EAAE;MAAEC;IAAgB;EAC3C,CAAC,GAAGb,UAAU,CAACK,gBAAgB,CAAC;EAEhC,MAAMS,sBAAsB,GAAG,CAACD,eAAe,IAAI,CAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAEE,QAAQ,CAACF,eAAe,CAAC;EAClG,MAAMG,uBAAuB,GAAGd,UAAU,CAAC;IACzC,6CAA6C,EAAEW,eAAe,KAAK,QAAQ;IAC3E,+BAA+B,EAAEC,sBAAsB,IAAID,eAAe,KAAK;EACjF,CAAC,CAAC;EACF,oBACEd,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAEP,UAAU,CAAC,4BAA4B,EAAEO,SAAS,CAAE;IAAC,eAAY;EAAmB,GAEhGC,SAAS,IAAI,CAACC,oBAAoB,iBACpCZ,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAAyB,gBACtCV,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAA8B,gBAC3CV,KAAA,CAAAkB,aAAA,CAACb,eAAe,MAAE,CACf,CAAC,eACNL,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAEO;EAAwB,gBACtCjB,KAAA,CAAAkB,aAAA,2BACElB,KAAA,CAAAkB,aAAA,CAACX,aAAa,MAAE,CACb,CACF,CAEF,CACJ,eACDP,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAAwB,gBACrCV,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAA6B,GACzCI,eAAe,KAAK,QAAQ,gBAAGd,KAAA,CAAAkB,aAAA,CAACd,WAAW,MAAE,CAAC,GAAG,IAC/C,CAAC,EACL,CAAC,CAACO,SAAS,IAAKA,SAAS,IAAIC,oBAAqB,kBACjDZ,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAEO;EAAwB,gBACtCjB,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAAwB,GACpCI,eAAe,KAAK,QAAQ,gBAAGd,KAAA,CAAAkB,aAAA,CAACd,WAAW,MAAE,CAAC,GAAG,IAAI,eACtDJ,KAAA,CAAAkB,aAAA,CAACV,cAAc,MAAE,CACd,CAAC,eACNR,KAAA,CAAAkB,aAAA,2BACElB,KAAA,CAAAkB,aAAA,CAACX,aAAa,MAAE,CACb,CACF,CACN,EACCI,SAAS,IAAI,CAACC,oBAAoB,iBAClCZ,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAAwB,gBACrCV,KAAA,CAAAkB,aAAA,CAACV,cAAc,MAAE,CACd,CAEJ,CACF,CAAC;AAEV;AAEAC,eAAe,CAACU,SAAS,GAAG;EAC1B;EACAT,SAAS,EAAER,SAAS,CAACkB;AACvB,CAAC;AAEDX,eAAe,CAACY,YAAY,GAAG;EAC7BX,SAAS,EAAE;AACb,CAAC;AAED,eAAeD,eAAe","ignoreList":[]}
@@ -2,13 +2,12 @@ import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import Button from '../Button';
4
4
  export const TABLE_FILTERS_BUTTON_TEXT = 'Filter';
5
- function TableFilters(_ref) {
6
- let {
7
- columns,
8
- manualFilters,
9
- onFilter,
10
- currentFilters
11
- } = _ref;
5
+ function TableFilters({
6
+ columns,
7
+ manualFilters,
8
+ onFilter,
9
+ currentFilters
10
+ }) {
12
11
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Filters"), columns.map(column => /*#__PURE__*/React.createElement("div", {
13
12
  key: column.Header
14
13
  }, column.canFilter ? column.render('Filter') : null)), manualFilters && /*#__PURE__*/React.createElement(Button, {
@@ -1 +1 @@
1
- {"version":3,"file":"TableFilters.js","names":["React","PropTypes","Button","TABLE_FILTERS_BUTTON_TEXT","TableFilters","_ref","columns","manualFilters","onFilter","currentFilters","createElement","map","column","key","Header","canFilter","render","type","onClick","defaultProps","propTypes","arrayOf","shape","oneOfType","elementType","node","isRequired","bool","func"],"sources":["../../src/DataTable/TableFilters.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../Button';\n\nexport const TABLE_FILTERS_BUTTON_TEXT = 'Filter';\n\nfunction TableFilters({\n columns, manualFilters, onFilter, currentFilters,\n}) {\n return (\n <div>\n <h4>Filters</h4>\n {columns.map(column => <div key={column.Header}>{column.canFilter ? column.render('Filter') : null}</div>)}\n {manualFilters && (\n <Button\n type=\"primary\"\n onClick={() => onFilter(currentFilters)}\n >\n {TABLE_FILTERS_BUTTON_TEXT}\n </Button>\n )}\n </div>\n );\n}\n\nTableFilters.defaultProps = {\n manualFilters: false,\n onFilter: () => {},\n};\n\nTableFilters.propTypes = {\n columns: PropTypes.arrayOf(PropTypes.shape({\n Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n canFilter: PropTypes.bool,\n render: PropTypes.func.isRequired,\n })).isRequired,\n manualFilters: PropTypes.bool,\n onFilter: PropTypes.func,\n currentFilters: PropTypes.arrayOf(PropTypes.shape()).isRequired,\n};\n\nexport default TableFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,WAAW;AAE9B,OAAO,MAAMC,yBAAyB,GAAG,QAAQ;AAEjD,SAASC,YAAYA,CAAAC,IAAA,EAElB;EAAA,IAFmB;IACpBC,OAAO;IAAEC,aAAa;IAAEC,QAAQ;IAAEC;EACpC,CAAC,GAAAJ,IAAA;EACC,oBACEL,KAAA,CAAAU,aAAA,2BACEV,KAAA,CAAAU,aAAA,aAAI,SAAW,CAAC,EACfJ,OAAO,CAACK,GAAG,CAACC,MAAM,iBAAIZ,KAAA,CAAAU,aAAA;IAAKG,GAAG,EAAED,MAAM,CAACE;EAAO,GAAEF,MAAM,CAACG,SAAS,GAAGH,MAAM,CAACI,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAU,CAAC,CAAC,EACzGT,aAAa,iBACdP,KAAA,CAAAU,aAAA,CAACR,MAAM;IACLe,IAAI,EAAC,SAAS;IACdC,OAAO,EAAEA,CAAA,KAAMV,QAAQ,CAACC,cAAc;EAAE,GAEvCN,yBACK,CAEL,CAAC;AAEV;AAEAC,YAAY,CAACe,YAAY,GAAG;EAC1BZ,aAAa,EAAE,KAAK;EACpBC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAC;AAEDJ,YAAY,CAACgB,SAAS,GAAG;EACvBd,OAAO,EAAEL,SAAS,CAACoB,OAAO,CAACpB,SAAS,CAACqB,KAAK,CAAC;IACzCR,MAAM,EAAEb,SAAS,CAACsB,SAAS,CAAC,CAACtB,SAAS,CAACuB,WAAW,EAAEvB,SAAS,CAACwB,IAAI,CAAC,CAAC,CAACC,UAAU;IAC/EX,SAAS,EAAEd,SAAS,CAAC0B,IAAI;IACzBX,MAAM,EAAEf,SAAS,CAAC2B,IAAI,CAACF;EACzB,CAAC,CAAC,CAAC,CAACA,UAAU;EACdnB,aAAa,EAAEN,SAAS,CAAC0B,IAAI;EAC7BnB,QAAQ,EAAEP,SAAS,CAAC2B,IAAI;EACxBnB,cAAc,EAAER,SAAS,CAACoB,OAAO,CAACpB,SAAS,CAACqB,KAAK,CAAC,CAAC,CAAC,CAACI;AACvD,CAAC;AAED,eAAetB,YAAY","ignoreList":[]}
1
+ {"version":3,"file":"TableFilters.js","names":["React","PropTypes","Button","TABLE_FILTERS_BUTTON_TEXT","TableFilters","columns","manualFilters","onFilter","currentFilters","createElement","map","column","key","Header","canFilter","render","type","onClick","defaultProps","propTypes","arrayOf","shape","oneOfType","elementType","node","isRequired","bool","func"],"sources":["../../src/DataTable/TableFilters.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../Button';\n\nexport const TABLE_FILTERS_BUTTON_TEXT = 'Filter';\n\nfunction TableFilters({\n columns, manualFilters, onFilter, currentFilters,\n}) {\n return (\n <div>\n <h4>Filters</h4>\n {columns.map(column => <div key={column.Header}>{column.canFilter ? column.render('Filter') : null}</div>)}\n {manualFilters && (\n <Button\n type=\"primary\"\n onClick={() => onFilter(currentFilters)}\n >\n {TABLE_FILTERS_BUTTON_TEXT}\n </Button>\n )}\n </div>\n );\n}\n\nTableFilters.defaultProps = {\n manualFilters: false,\n onFilter: () => {},\n};\n\nTableFilters.propTypes = {\n columns: PropTypes.arrayOf(PropTypes.shape({\n Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n canFilter: PropTypes.bool,\n render: PropTypes.func.isRequired,\n })).isRequired,\n manualFilters: PropTypes.bool,\n onFilter: PropTypes.func,\n currentFilters: PropTypes.arrayOf(PropTypes.shape()).isRequired,\n};\n\nexport default TableFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,WAAW;AAE9B,OAAO,MAAMC,yBAAyB,GAAG,QAAQ;AAEjD,SAASC,YAAYA,CAAC;EACpBC,OAAO;EAAEC,aAAa;EAAEC,QAAQ;EAAEC;AACpC,CAAC,EAAE;EACD,oBACER,KAAA,CAAAS,aAAA,2BACET,KAAA,CAAAS,aAAA,aAAI,SAAW,CAAC,EACfJ,OAAO,CAACK,GAAG,CAACC,MAAM,iBAAIX,KAAA,CAAAS,aAAA;IAAKG,GAAG,EAAED,MAAM,CAACE;EAAO,GAAEF,MAAM,CAACG,SAAS,GAAGH,MAAM,CAACI,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAU,CAAC,CAAC,EACzGT,aAAa,iBACdN,KAAA,CAAAS,aAAA,CAACP,MAAM;IACLc,IAAI,EAAC,SAAS;IACdC,OAAO,EAAEA,CAAA,KAAMV,QAAQ,CAACC,cAAc;EAAE,GAEvCL,yBACK,CAEL,CAAC;AAEV;AAEAC,YAAY,CAACc,YAAY,GAAG;EAC1BZ,aAAa,EAAE,KAAK;EACpBC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAC;AAEDH,YAAY,CAACe,SAAS,GAAG;EACvBd,OAAO,EAAEJ,SAAS,CAACmB,OAAO,CAACnB,SAAS,CAACoB,KAAK,CAAC;IACzCR,MAAM,EAAEZ,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,WAAW,EAAEtB,SAAS,CAACuB,IAAI,CAAC,CAAC,CAACC,UAAU;IAC/EX,SAAS,EAAEb,SAAS,CAACyB,IAAI;IACzBX,MAAM,EAAEd,SAAS,CAAC0B,IAAI,CAACF;EACzB,CAAC,CAAC,CAAC,CAACA,UAAU;EACdnB,aAAa,EAAEL,SAAS,CAACyB,IAAI;EAC7BnB,QAAQ,EAAEN,SAAS,CAAC0B,IAAI;EACxBnB,cAAc,EAAEP,SAAS,CAACmB,OAAO,CAACnB,SAAS,CAACoB,KAAK,CAAC,CAAC,CAAC,CAACI;AACvD,CAAC;AAED,eAAerB,YAAY","ignoreList":[]}
@@ -5,11 +5,10 @@ import DataTableContext from './DataTableContext';
5
5
  import RowStatusDefault from './RowStatus';
6
6
  import TablePagination from './TablePagination';
7
7
  import TablePaginationMinimal from './TablePaginationMinimal';
8
- function TableFooter(_ref) {
9
- let {
10
- className,
11
- children
12
- } = _ref;
8
+ function TableFooter({
9
+ className,
10
+ children
11
+ }) {
13
12
  const {
14
13
  RowStatusComponent
15
14
  } = useContext(DataTableContext);
@@ -1 +1 @@
1
- {"version":3,"file":"TableFooter.js","names":["React","useContext","classNames","PropTypes","DataTableContext","RowStatusDefault","TablePagination","TablePaginationMinimal","TableFooter","_ref","className","children","RowStatusComponent","RowStatus","createElement","Fragment","propTypes","node","string","defaultProps","undefined"],"sources":["../../src/DataTable/TableFooter.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport DataTableContext from './DataTableContext';\nimport RowStatusDefault from './RowStatus';\nimport TablePagination from './TablePagination';\nimport TablePaginationMinimal from './TablePaginationMinimal';\n\nfunction TableFooter({ className, children }) {\n const { RowStatusComponent } = useContext(DataTableContext);\n const RowStatus = RowStatusComponent || RowStatusDefault;\n\n return (\n <div className={classNames(className, 'pgn__data-table-footer')} data-testid=\"table-footer\">\n {children || (\n <>\n <RowStatus />\n <TablePagination />\n <TablePaginationMinimal />\n </>\n )}\n </div>\n );\n}\n\nTableFooter.propTypes = {\n /** Specifies the content of the `TableFooter` */\n children: PropTypes.node,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n};\n\nTableFooter.defaultProps = {\n children: null,\n className: undefined,\n};\n\nexport default TableFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,gBAAgB,MAAM,aAAa;AAC1C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,SAASC,WAAWA,CAAAC,IAAA,EAA0B;EAAA,IAAzB;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAAF,IAAA;EAC1C,MAAM;IAAEG;EAAmB,CAAC,GAAGX,UAAU,CAACG,gBAAgB,CAAC;EAC3D,MAAMS,SAAS,GAAGD,kBAAkB,IAAIP,gBAAgB;EAExD,oBACEL,KAAA,CAAAc,aAAA;IAAKJ,SAAS,EAAER,UAAU,CAACQ,SAAS,EAAE,wBAAwB,CAAE;IAAC,eAAY;EAAc,GACxFC,QAAQ,iBACPX,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACEf,KAAA,CAAAc,aAAA,CAACD,SAAS,MAAE,CAAC,eACbb,KAAA,CAAAc,aAAA,CAACR,eAAe,MAAE,CAAC,eACnBN,KAAA,CAAAc,aAAA,CAACP,sBAAsB,MAAE,CACzB,CAED,CAAC;AAEV;AAEAC,WAAW,CAACQ,SAAS,GAAG;EACtB;EACAL,QAAQ,EAAER,SAAS,CAACc,IAAI;EACxB;EACAP,SAAS,EAAEP,SAAS,CAACe;AACvB,CAAC;AAEDV,WAAW,CAACW,YAAY,GAAG;EACzBR,QAAQ,EAAE,IAAI;EACdD,SAAS,EAAEU;AACb,CAAC;AAED,eAAeZ,WAAW","ignoreList":[]}
1
+ {"version":3,"file":"TableFooter.js","names":["React","useContext","classNames","PropTypes","DataTableContext","RowStatusDefault","TablePagination","TablePaginationMinimal","TableFooter","className","children","RowStatusComponent","RowStatus","createElement","Fragment","propTypes","node","string","defaultProps","undefined"],"sources":["../../src/DataTable/TableFooter.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport DataTableContext from './DataTableContext';\nimport RowStatusDefault from './RowStatus';\nimport TablePagination from './TablePagination';\nimport TablePaginationMinimal from './TablePaginationMinimal';\n\nfunction TableFooter({ className, children }) {\n const { RowStatusComponent } = useContext(DataTableContext);\n const RowStatus = RowStatusComponent || RowStatusDefault;\n\n return (\n <div className={classNames(className, 'pgn__data-table-footer')} data-testid=\"table-footer\">\n {children || (\n <>\n <RowStatus />\n <TablePagination />\n <TablePaginationMinimal />\n </>\n )}\n </div>\n );\n}\n\nTableFooter.propTypes = {\n /** Specifies the content of the `TableFooter` */\n children: PropTypes.node,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n};\n\nTableFooter.defaultProps = {\n children: null,\n className: undefined,\n};\n\nexport default TableFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,gBAAgB,MAAM,aAAa;AAC1C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,SAASC,WAAWA,CAAC;EAAEC,SAAS;EAAEC;AAAS,CAAC,EAAE;EAC5C,MAAM;IAAEC;EAAmB,CAAC,GAAGV,UAAU,CAACG,gBAAgB,CAAC;EAC3D,MAAMQ,SAAS,GAAGD,kBAAkB,IAAIN,gBAAgB;EAExD,oBACEL,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAEP,UAAU,CAACO,SAAS,EAAE,wBAAwB,CAAE;IAAC,eAAY;EAAc,GACxFC,QAAQ,iBACPV,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,qBACEd,KAAA,CAAAa,aAAA,CAACD,SAAS,MAAE,CAAC,eACbZ,KAAA,CAAAa,aAAA,CAACP,eAAe,MAAE,CAAC,eACnBN,KAAA,CAAAa,aAAA,CAACN,sBAAsB,MAAE,CACzB,CAED,CAAC;AAEV;AAEAC,WAAW,CAACO,SAAS,GAAG;EACtB;EACAL,QAAQ,EAAEP,SAAS,CAACa,IAAI;EACxB;EACAP,SAAS,EAAEN,SAAS,CAACc;AACvB,CAAC;AAEDT,WAAW,CAACU,YAAY,GAAG;EACzBR,QAAQ,EAAE,IAAI;EACdD,SAAS,EAAEU;AACb,CAAC;AAED,eAAeX,WAAW","ignoreList":[]}
@@ -3,11 +3,10 @@ import PropTypes from 'prop-types';
3
3
  import classNames from 'classnames';
4
4
  import Icon from '../Icon';
5
5
  import { ArrowDropDown, ArrowDropUp, ArrowDropUpDown } from '../../icons';
6
- export function SortIndicator(_ref) {
7
- let {
8
- isSorted,
9
- isSortedDesc
10
- } = _ref;
6
+ export function SortIndicator({
7
+ isSorted,
8
+ isSortedDesc
9
+ }) {
11
10
  if (!isSorted) {
12
11
  return /*#__PURE__*/React.createElement(Icon, {
13
12
  style: {
@@ -32,16 +31,15 @@ SortIndicator.propTypes = {
32
31
  isSorted: PropTypes.bool.isRequired,
33
32
  isSortedDesc: PropTypes.bool.isRequired
34
33
  };
35
- function TableHeaderCell(_ref2) {
36
- let {
37
- getHeaderProps,
38
- render,
39
- canSort,
40
- getSortByToggleProps,
41
- isSorted,
42
- isSortedDesc,
43
- headerClassName
44
- } = _ref2;
34
+ function TableHeaderCell({
35
+ getHeaderProps,
36
+ render,
37
+ canSort,
38
+ getSortByToggleProps,
39
+ isSorted,
40
+ isSortedDesc,
41
+ headerClassName
42
+ }) {
45
43
  const toggleProps = canSort && getSortByToggleProps ? getSortByToggleProps() : {};
46
44
  return /*#__PURE__*/React.createElement("th", {
47
45
  ...getHeaderProps(toggleProps)