@openedx/paragon 22.0.0-alpha.23 → 22.0.0

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 (1015) hide show
  1. package/README.md +16 -46
  2. package/bin/paragon-scripts.js +16 -123
  3. package/dist/ActionRow/_index.scss +4 -2
  4. package/dist/ActionRow/_variables.scss +2 -0
  5. package/dist/ActionRow/index.js +7 -8
  6. package/dist/ActionRow/index.js.map +1 -1
  7. package/dist/Alert/_variables.scss +24 -0
  8. package/dist/Alert/index.js +33 -25
  9. package/dist/Alert/index.js.map +1 -1
  10. package/dist/Alert/index.scss +32 -41
  11. package/dist/Annotation/_variables.scss +18 -0
  12. package/dist/Annotation/index.js +7 -9
  13. package/dist/Annotation/index.js.map +1 -1
  14. package/dist/Annotation/index.scss +103 -130
  15. package/dist/Avatar/_variables.scss +10 -0
  16. package/dist/Avatar/index.js +5 -7
  17. package/dist/Avatar/index.js.map +1 -1
  18. package/dist/Avatar/index.scss +20 -18
  19. package/dist/AvatarButton/_variables.scss +3 -0
  20. package/dist/AvatarButton/index.js +10 -12
  21. package/dist/AvatarButton/index.js.map +1 -1
  22. package/dist/AvatarButton/index.scss +5 -3
  23. package/dist/Badge/_variables.scss +16 -0
  24. package/dist/Badge/index.js +6 -4
  25. package/dist/Badge/index.js.map +1 -1
  26. package/dist/Badge/index.scss +2 -112
  27. package/dist/Breadcrumb/BreadcrumbLink.js +11 -14
  28. package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
  29. package/dist/Breadcrumb/_variables.scss +27 -0
  30. package/dist/Breadcrumb/index.js +29 -29
  31. package/dist/Breadcrumb/index.js.map +1 -1
  32. package/dist/Breadcrumb/index.scss +16 -14
  33. package/dist/Bubble/_variables.scss +8 -0
  34. package/dist/Bubble/index.js +11 -13
  35. package/dist/Bubble/index.js.map +1 -1
  36. package/dist/Bubble/index.scss +12 -25
  37. package/dist/Button/_variables.scss +52 -0
  38. package/dist/Button/deprecated/index.js +149 -0
  39. package/dist/Button/deprecated/index.js.map +1 -0
  40. package/dist/Button/index.js +14 -13
  41. package/dist/Button/index.js.map +1 -1
  42. package/dist/Button/index.scss +370 -855
  43. package/dist/Card/CardBody.js +4 -6
  44. package/dist/Card/CardBody.js.map +1 -1
  45. package/dist/Card/CardCarousel/CardCarousel.js +11 -13
  46. package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
  47. package/dist/Card/CardCarousel/CardCarouselControls.js +6 -7
  48. package/dist/Card/CardCarousel/CardCarouselControls.js.map +1 -1
  49. package/dist/Card/CardCarousel/CardCarouselHeader.js +9 -12
  50. package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
  51. package/dist/Card/CardCarousel/CardCarouselItems.js +6 -9
  52. package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
  53. package/dist/Card/CardCarousel/CardCarouselProvider.js +27 -28
  54. package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
  55. package/dist/Card/CardCarousel/CardCarouselSubtitle.js +4 -6
  56. package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
  57. package/dist/Card/CardCarousel/CardCarouselTitle.js +4 -6
  58. package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
  59. package/dist/Card/CardContext.js +8 -10
  60. package/dist/Card/CardContext.js.map +1 -1
  61. package/dist/Card/CardDeck.js +19 -17
  62. package/dist/Card/CardDeck.js.map +1 -1
  63. package/dist/Card/CardDivider.js +3 -5
  64. package/dist/Card/CardDivider.js.map +1 -1
  65. package/dist/Card/CardFooter.js +15 -18
  66. package/dist/Card/CardFooter.js.map +1 -1
  67. package/dist/Card/CardGrid.js +13 -11
  68. package/dist/Card/CardGrid.js.map +1 -1
  69. package/dist/Card/CardHeader.js +17 -22
  70. package/dist/Card/CardHeader.js.map +1 -1
  71. package/dist/Card/CardImageCap.js +48 -33
  72. package/dist/Card/CardImageCap.js.map +1 -1
  73. package/dist/Card/CardSection.js +11 -14
  74. package/dist/Card/CardSection.js.map +1 -1
  75. package/dist/Card/CardStatus.js +11 -14
  76. package/dist/Card/CardStatus.js.map +1 -1
  77. package/dist/Card/_variables.scss +55 -0
  78. package/dist/Card/index.js +18 -20
  79. package/dist/Card/index.js.map +1 -1
  80. package/dist/Card/index.scss +79 -78
  81. package/dist/Carousel/_variables.scss +27 -0
  82. package/dist/Carousel/index.js +17 -11
  83. package/dist/Carousel/index.js.map +1 -1
  84. package/dist/Carousel/index.scss +2 -168
  85. package/dist/CheckBox/index.js +102 -0
  86. package/dist/CheckBox/index.js.map +1 -0
  87. package/dist/CheckBoxGroup/index.js +15 -0
  88. package/dist/CheckBoxGroup/index.js.map +1 -0
  89. package/dist/Chip/ChipIcon.js +47 -0
  90. package/dist/Chip/ChipIcon.js.map +1 -0
  91. package/dist/Chip/_variables.scss +28 -0
  92. package/dist/Chip/constants.js +5 -0
  93. package/dist/Chip/index.js +66 -40
  94. package/dist/Chip/index.js.map +1 -1
  95. package/dist/Chip/index.scss +102 -61
  96. package/dist/Chip/mixins.scss +42 -0
  97. package/dist/ChipCarousel/_variables.scss +3 -0
  98. package/dist/ChipCarousel/index.js +29 -30
  99. package/dist/ChipCarousel/index.js.map +1 -1
  100. package/dist/ChipCarousel/index.scss +4 -1
  101. package/dist/CloseButton/_variables.scss +6 -0
  102. package/dist/CloseButton/index.scss +2 -31
  103. package/dist/Code/_variables.scss +17 -0
  104. package/dist/Code/index.scss +2 -47
  105. package/dist/Collapsible/CollapsibleAdvanced.js +82 -62
  106. package/dist/Collapsible/CollapsibleAdvanced.js.map +1 -1
  107. package/dist/Collapsible/CollapsibleBody.js +13 -15
  108. package/dist/Collapsible/CollapsibleBody.js.map +1 -1
  109. package/dist/Collapsible/CollapsibleTrigger.js +18 -20
  110. package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
  111. package/dist/Collapsible/CollapsibleVisible.js +6 -9
  112. package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
  113. package/dist/Collapsible/_variables.scss +12 -0
  114. package/dist/Collapsible/index.js +17 -18
  115. package/dist/Collapsible/index.js.map +1 -1
  116. package/dist/Collapsible/index.scss +15 -15
  117. package/dist/ColorPicker/_variables.scss +2 -0
  118. package/dist/ColorPicker/index.js +86 -31
  119. package/dist/ColorPicker/index.js.map +1 -1
  120. package/dist/ColorPicker/index.scss +11 -9
  121. package/dist/Container/_variables.scss +5 -0
  122. package/dist/Container/index.js +14 -11
  123. package/dist/Container/index.js.map +1 -1
  124. package/dist/DataTable/ActionDisplay.js +8 -9
  125. package/dist/DataTable/ActionDisplay.js.map +1 -1
  126. package/dist/DataTable/BulkActions.js +23 -20
  127. package/dist/DataTable/BulkActions.js.map +1 -1
  128. package/dist/DataTable/CardView.js +46 -43
  129. package/dist/DataTable/CardView.js.map +1 -1
  130. package/dist/DataTable/CollapsibleButtonGroup.js +59 -41
  131. package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
  132. package/dist/DataTable/DataTableContext.js +1 -1
  133. package/dist/DataTable/DataTableContext.js.map +1 -1
  134. package/dist/DataTable/DataTableLayout.js +6 -9
  135. package/dist/DataTable/DataTableLayout.js.map +1 -1
  136. package/dist/DataTable/DataViewToggle.js +25 -20
  137. package/dist/DataTable/DataViewToggle.js.map +1 -1
  138. package/dist/DataTable/DropdownFilters.js +41 -28
  139. package/dist/DataTable/DropdownFilters.js.map +1 -1
  140. package/dist/DataTable/EmptyTable.js +6 -9
  141. package/dist/DataTable/EmptyTable.js.map +1 -1
  142. package/dist/DataTable/ExpandAll.js +2 -4
  143. package/dist/DataTable/ExpandAll.js.map +1 -1
  144. package/dist/DataTable/ExpandRow.js +2 -4
  145. package/dist/DataTable/ExpandRow.js.map +1 -1
  146. package/dist/DataTable/FilterStatus.js +18 -17
  147. package/dist/DataTable/FilterStatus.js.map +1 -1
  148. package/dist/DataTable/RowStatus.js +15 -18
  149. package/dist/DataTable/RowStatus.js.map +1 -1
  150. package/dist/DataTable/SidebarFilters.js +16 -13
  151. package/dist/DataTable/SidebarFilters.js.map +1 -1
  152. package/dist/DataTable/SmartStatus.js +14 -16
  153. package/dist/DataTable/SmartStatus.js.map +1 -1
  154. package/dist/DataTable/Table.js +17 -19
  155. package/dist/DataTable/Table.js.map +1 -1
  156. package/dist/DataTable/TableActions.js +11 -13
  157. package/dist/DataTable/TableActions.js.map +1 -1
  158. package/dist/DataTable/TableCell.js +6 -10
  159. package/dist/DataTable/TableCell.js.map +1 -1
  160. package/dist/DataTable/TableControlBar.js +7 -12
  161. package/dist/DataTable/TableControlBar.js.map +1 -1
  162. package/dist/DataTable/TableFilters.js +14 -12
  163. package/dist/DataTable/TableFilters.js.map +1 -1
  164. package/dist/DataTable/TableFooter.js +5 -8
  165. package/dist/DataTable/TableFooter.js.map +1 -1
  166. package/dist/DataTable/TableHeaderCell.js +11 -15
  167. package/dist/DataTable/TableHeaderCell.js.map +1 -1
  168. package/dist/DataTable/TableHeaderRow.js +6 -4
  169. package/dist/DataTable/TableHeaderRow.js.map +1 -1
  170. package/dist/DataTable/TablePagination.js +15 -9
  171. package/dist/DataTable/TablePagination.js.map +1 -1
  172. package/dist/DataTable/TablePaginationMinimal.js +14 -8
  173. package/dist/DataTable/TablePaginationMinimal.js.map +1 -1
  174. package/dist/DataTable/TableRow.js +15 -18
  175. package/dist/DataTable/TableRow.js.map +1 -1
  176. package/dist/DataTable/_variables.scss +11 -0
  177. package/dist/DataTable/filters/CheckboxFilter.js +23 -22
  178. package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
  179. package/dist/DataTable/filters/DropdownFilter.js +14 -19
  180. package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
  181. package/dist/DataTable/filters/MultiSelectDropdownFilter.js +19 -20
  182. package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
  183. package/dist/DataTable/filters/TextFilter.js +15 -18
  184. package/dist/DataTable/filters/TextFilter.js.map +1 -1
  185. package/dist/DataTable/hooks.js +29 -25
  186. package/dist/DataTable/hooks.js.map +1 -1
  187. package/dist/DataTable/index.js +121 -104
  188. package/dist/DataTable/index.js.map +1 -1
  189. package/dist/DataTable/index.scss +50 -48
  190. package/dist/DataTable/selection/BaseSelectionStatus.js +29 -30
  191. package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
  192. package/dist/DataTable/selection/ControlledSelect.js +13 -9
  193. package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
  194. package/dist/DataTable/selection/ControlledSelectHeader.js +19 -15
  195. package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
  196. package/dist/DataTable/selection/ControlledSelectionStatus.js +34 -24
  197. package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
  198. package/dist/DataTable/selection/SelectionStatus.js +23 -23
  199. package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
  200. package/dist/DataTable/utils/getVisibleColumns.js +36 -44
  201. package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
  202. package/dist/Dropdown/_variables.scss +33 -0
  203. package/dist/Dropdown/deprecated/DropdownButton.js +44 -0
  204. package/dist/Dropdown/deprecated/DropdownButton.js.map +1 -0
  205. package/dist/Dropdown/deprecated/DropdownItem.js +33 -0
  206. package/dist/Dropdown/deprecated/DropdownItem.js.map +1 -0
  207. package/dist/Dropdown/deprecated/DropdownMenu.js +46 -0
  208. package/dist/Dropdown/deprecated/DropdownMenu.js.map +1 -0
  209. package/dist/Dropdown/deprecated/index.js +242 -0
  210. package/dist/Dropdown/deprecated/index.js.map +1 -0
  211. package/dist/Dropdown/index.js +34 -29
  212. package/dist/Dropdown/index.js.map +1 -1
  213. package/dist/Dropdown/index.scss +12 -11
  214. package/dist/Dropzone/DefaultContent.js +13 -13
  215. package/dist/Dropzone/DefaultContent.js.map +1 -1
  216. package/dist/Dropzone/DragError.js +1 -3
  217. package/dist/Dropzone/DragError.js.map +1 -1
  218. package/dist/Dropzone/GenericError.js +7 -7
  219. package/dist/Dropzone/GenericError.js.map +1 -1
  220. package/dist/Dropzone/UploadProgress.js +6 -8
  221. package/dist/Dropzone/UploadProgress.js.map +1 -1
  222. package/dist/Dropzone/_variables.scss +9 -0
  223. package/dist/Dropzone/index.js +146 -88
  224. package/dist/Dropzone/index.js.map +1 -1
  225. package/dist/Dropzone/index.scss +14 -12
  226. package/dist/Fieldset/index.js +117 -0
  227. package/dist/Fieldset/index.js.map +1 -0
  228. package/dist/Fieldset/index.scss +12 -0
  229. package/dist/Form/FormAutosuggest.js +287 -152
  230. package/dist/Form/FormAutosuggest.js.map +1 -1
  231. package/dist/Form/FormAutosuggestOption.js +4 -6
  232. package/dist/Form/FormAutosuggestOption.js.map +1 -1
  233. package/dist/Form/FormCheckbox.js +35 -42
  234. package/dist/Form/FormCheckbox.js.map +1 -1
  235. package/dist/Form/FormCheckboxSet.js +13 -16
  236. package/dist/Form/FormCheckboxSet.js.map +1 -1
  237. package/dist/Form/FormCheckboxSetContext.js +39 -34
  238. package/dist/Form/FormCheckboxSetContext.js.map +1 -1
  239. package/dist/Form/FormControl.js +41 -35
  240. package/dist/Form/FormControl.js.map +1 -1
  241. package/dist/Form/FormControlDecorator.js +3 -5
  242. package/dist/Form/FormControlDecorator.js.map +1 -1
  243. package/dist/Form/FormControlDecoratorGroup.js +8 -10
  244. package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
  245. package/dist/Form/FormControlFeedback.js +12 -15
  246. package/dist/Form/FormControlFeedback.js.map +1 -1
  247. package/dist/Form/FormControlFloatingLabel.js +3 -6
  248. package/dist/Form/FormControlFloatingLabel.js.map +1 -1
  249. package/dist/Form/FormControlSet.js +8 -9
  250. package/dist/Form/FormControlSet.js.map +1 -1
  251. package/dist/Form/FormGroup.js +11 -12
  252. package/dist/Form/FormGroup.js.map +1 -1
  253. package/dist/Form/FormGroupContext.js +64 -39
  254. package/dist/Form/FormGroupContext.js.map +1 -1
  255. package/dist/Form/FormLabel.js +15 -17
  256. package/dist/Form/FormLabel.js.map +1 -1
  257. package/dist/Form/FormRadio.js +19 -22
  258. package/dist/Form/FormRadio.js.map +1 -1
  259. package/dist/Form/FormRadioSet.js +13 -16
  260. package/dist/Form/FormRadioSet.js.map +1 -1
  261. package/dist/Form/FormRadioSetContext.js +39 -34
  262. package/dist/Form/FormRadioSetContext.js.map +1 -1
  263. package/dist/Form/FormSwitch.js +19 -20
  264. package/dist/Form/FormSwitch.js.map +1 -1
  265. package/dist/Form/FormText.js +20 -29
  266. package/dist/Form/FormText.js.map +1 -1
  267. package/dist/Form/_FormText.scss +8 -8
  268. package/dist/Form/_index.scss +146 -168
  269. package/dist/Form/_mixins.scss +3 -216
  270. package/dist/Form/_variables.scss +267 -0
  271. package/dist/Form/useCheckboxSetValues.js +46 -23
  272. package/dist/Form/useCheckboxSetValues.js.map +1 -1
  273. package/dist/Hyperlink/index.js +32 -31
  274. package/dist/Hyperlink/index.js.map +1 -1
  275. package/dist/Hyperlink/index.scss +3 -3
  276. package/dist/Icon/_variables.scss +7 -0
  277. package/dist/Icon/index.js +38 -30
  278. package/dist/Icon/index.js.map +1 -1
  279. package/dist/Icon/index.scss +12 -10
  280. package/dist/IconButton/index.js +40 -36
  281. package/dist/IconButton/index.js.map +1 -1
  282. package/dist/IconButton/index.scss +74 -387
  283. package/dist/IconButtonToggle/index.js +16 -16
  284. package/dist/IconButtonToggle/index.js.map +1 -1
  285. package/dist/IconButtonToggle/index.scss +1 -1
  286. package/dist/Image/_variables.scss +13 -0
  287. package/dist/Image/index.scss +2 -53
  288. package/dist/Input/index.js +166 -0
  289. package/dist/Input/index.js.map +1 -0
  290. package/dist/InputSelect/index.js +105 -0
  291. package/dist/InputSelect/index.js.map +1 -0
  292. package/dist/InputText/index.js +45 -0
  293. package/dist/InputText/index.js.map +1 -0
  294. package/dist/Layout/index.js +33 -29
  295. package/dist/Layout/index.js.map +1 -1
  296. package/dist/ListBox/index.js +148 -0
  297. package/dist/ListBox/index.js.map +1 -0
  298. package/dist/ListBoxOption/index.js +94 -0
  299. package/dist/ListBoxOption/index.js.map +1 -0
  300. package/dist/MailtoLink/index.js +37 -34
  301. package/dist/MailtoLink/index.js.map +1 -1
  302. package/dist/Menu/MenuItem.js +13 -14
  303. package/dist/Menu/MenuItem.js.map +1 -1
  304. package/dist/Menu/SelectMenu.js +68 -44
  305. package/dist/Menu/SelectMenu.js.map +1 -1
  306. package/dist/Menu/_variables.scss +24 -0
  307. package/dist/Menu/index.js +10 -11
  308. package/dist/Menu/index.js.map +1 -1
  309. package/dist/Menu/index.scss +27 -25
  310. package/dist/Modal/AlertModal.js +5 -7
  311. package/dist/Modal/AlertModal.js.map +1 -1
  312. package/dist/Modal/FullscreenModal.js +6 -8
  313. package/dist/Modal/FullscreenModal.js.map +1 -1
  314. package/dist/Modal/MarketingModal.js +8 -10
  315. package/dist/Modal/MarketingModal.js.map +1 -1
  316. package/dist/Modal/ModalCloseButton.js +13 -15
  317. package/dist/Modal/ModalCloseButton.js.map +1 -1
  318. package/dist/Modal/ModalContext.js +13 -13
  319. package/dist/Modal/ModalContext.js.map +1 -1
  320. package/dist/Modal/ModalDialog.js +25 -23
  321. package/dist/Modal/ModalDialog.js.map +1 -1
  322. package/dist/Modal/ModalDialogBody.js +22 -11
  323. package/dist/Modal/ModalDialogBody.js.map +1 -1
  324. package/dist/Modal/ModalDialogFooter.js +6 -7
  325. package/dist/Modal/ModalDialogFooter.js.map +1 -1
  326. package/dist/Modal/ModalDialogHeader.js +6 -7
  327. package/dist/Modal/ModalDialogHeader.js.map +1 -1
  328. package/dist/Modal/ModalDialogHero.js +6 -7
  329. package/dist/Modal/ModalDialogHero.js.map +1 -1
  330. package/dist/Modal/ModalDialogHeroBackground.js +8 -9
  331. package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
  332. package/dist/Modal/ModalDialogHeroContent.js +6 -7
  333. package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
  334. package/dist/Modal/ModalDialogTitle.js +6 -7
  335. package/dist/Modal/ModalDialogTitle.js.map +1 -1
  336. package/dist/Modal/ModalLayer.js +11 -17
  337. package/dist/Modal/ModalLayer.js.map +1 -1
  338. package/dist/Modal/ModalPopup.js +17 -17
  339. package/dist/Modal/ModalPopup.js.map +1 -1
  340. package/dist/Modal/PopperElement.js +25 -18
  341. package/dist/Modal/PopperElement.js.map +1 -1
  342. package/dist/Modal/Portal.js +40 -18
  343. package/dist/Modal/Portal.js.map +1 -1
  344. package/dist/Modal/StandardModal.js +6 -8
  345. package/dist/Modal/StandardModal.js.map +1 -1
  346. package/dist/Modal/_ModalDialog.scss +48 -50
  347. package/dist/Modal/_variables.scss +50 -0
  348. package/dist/Modal/index.js +293 -0
  349. package/dist/Modal/index.js.map +1 -0
  350. package/dist/Modal/index.scss +73 -6
  351. package/dist/Nav/_mixins.scss +4 -4
  352. package/dist/Nav/_variables.scss +58 -0
  353. package/dist/Nav/index.js +3 -2
  354. package/dist/Nav/index.js.map +1 -1
  355. package/dist/Nav/index.scss +66 -70
  356. package/dist/Navbar/_variables.scss +40 -0
  357. package/dist/Navbar/index.js +7 -6
  358. package/dist/Navbar/index.js.map +1 -1
  359. package/dist/Navbar/index.scss +2 -276
  360. package/dist/OverflowScroll/OverflowScroll.js +45 -37
  361. package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
  362. package/dist/OverflowScroll/OverflowScrollContext.js +1 -1
  363. package/dist/OverflowScroll/OverflowScrollContext.js.map +1 -1
  364. package/dist/OverflowScroll/OverflowScrollItems.js +2 -4
  365. package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
  366. package/dist/OverflowScroll/_variables.scss +5 -0
  367. package/dist/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  368. package/dist/OverflowScroll/index.scss +1 -0
  369. package/dist/Overlay/index.js +6 -5
  370. package/dist/Overlay/index.js.map +1 -1
  371. package/dist/PageBanner/index.js +11 -13
  372. package/dist/PageBanner/index.js.map +1 -1
  373. package/dist/PageBanner/index.scss +21 -17
  374. package/dist/Pagination/DefaultPagination.js +34 -0
  375. package/dist/Pagination/DefaultPagination.js.map +1 -0
  376. package/dist/Pagination/MinimalPagination.js +8 -0
  377. package/dist/Pagination/MinimalPagination.js.map +1 -0
  378. package/dist/Pagination/PaginationContext.js +200 -0
  379. package/dist/Pagination/PaginationContext.js.map +1 -0
  380. package/dist/Pagination/ReducedPagination.js +8 -0
  381. package/dist/Pagination/ReducedPagination.js.map +1 -0
  382. package/dist/Pagination/_variables.scss +19 -0
  383. package/dist/Pagination/constants.js +15 -1
  384. package/dist/Pagination/getPaginationRange.js +4 -0
  385. package/dist/Pagination/index.js +44 -358
  386. package/dist/Pagination/index.js.map +1 -1
  387. package/dist/Pagination/index.scss +120 -226
  388. package/dist/Pagination/subcomponents/Ellipsis.js +11 -0
  389. package/dist/Pagination/subcomponents/Ellipsis.js.map +1 -0
  390. package/dist/Pagination/subcomponents/NextPageButton.js +57 -0
  391. package/dist/Pagination/subcomponents/NextPageButton.js.map +1 -0
  392. package/dist/Pagination/subcomponents/PageButton.js +31 -0
  393. package/dist/Pagination/subcomponents/PageButton.js.map +1 -0
  394. package/dist/Pagination/subcomponents/PageOfCountButton.js +17 -0
  395. package/dist/Pagination/subcomponents/PageOfCountButton.js.map +1 -0
  396. package/dist/Pagination/subcomponents/PaginationDropdown.js +34 -0
  397. package/dist/Pagination/subcomponents/PaginationDropdown.js.map +1 -0
  398. package/dist/Pagination/subcomponents/PreviousPageButton.js +57 -0
  399. package/dist/Pagination/subcomponents/PreviousPageButton.js.map +1 -0
  400. package/dist/Pagination/subcomponents/ScreenReaderText.js +13 -0
  401. package/dist/Pagination/subcomponents/ScreenReaderText.js.map +1 -0
  402. package/dist/Pagination/subcomponents/index.js +7 -0
  403. package/dist/Popover/_variables.scss +36 -0
  404. package/dist/Popover/index.js +18 -21
  405. package/dist/Popover/index.js.map +1 -1
  406. package/dist/Popover/index.scss +10 -9
  407. package/dist/ProductTour/Checkpoint.js +39 -30
  408. package/dist/ProductTour/Checkpoint.js.map +1 -1
  409. package/dist/ProductTour/Checkpoint.scss +43 -71
  410. package/dist/ProductTour/CheckpointActionRow.js +18 -16
  411. package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
  412. package/dist/ProductTour/CheckpointBody.js +2 -4
  413. package/dist/ProductTour/CheckpointBody.js.map +1 -1
  414. package/dist/ProductTour/CheckpointBreadcrumbs.js +16 -16
  415. package/dist/ProductTour/CheckpointBreadcrumbs.js.map +1 -1
  416. package/dist/ProductTour/CheckpointTitle.js +2 -4
  417. package/dist/ProductTour/CheckpointTitle.js.map +1 -1
  418. package/dist/ProductTour/_variables.scss +15 -0
  419. package/dist/ProductTour/index.js +66 -47
  420. package/dist/ProductTour/index.js.map +1 -1
  421. package/dist/ProductTour/messages.js +16 -0
  422. package/dist/ProgressBar/_variables.scss +23 -0
  423. package/dist/ProgressBar/index.js +37 -35
  424. package/dist/ProgressBar/index.js.map +1 -1
  425. package/dist/ProgressBar/index.scss +36 -28
  426. package/dist/RadioButtonGroup/index.js +188 -0
  427. package/dist/RadioButtonGroup/index.js.map +1 -0
  428. package/dist/Scrollable/index.js +30 -15
  429. package/dist/Scrollable/index.js.map +1 -1
  430. package/dist/Scrollable/index.scss +2 -2
  431. package/dist/SearchField/SearchFieldAdvanced.js +68 -58
  432. package/dist/SearchField/SearchFieldAdvanced.js.map +1 -1
  433. package/dist/SearchField/SearchFieldClearButton.js +19 -20
  434. package/dist/SearchField/SearchFieldClearButton.js.map +1 -1
  435. package/dist/SearchField/SearchFieldInput.js +10 -11
  436. package/dist/SearchField/SearchFieldInput.js.map +1 -1
  437. package/dist/SearchField/SearchFieldLabel.js +8 -11
  438. package/dist/SearchField/SearchFieldLabel.js.map +1 -1
  439. package/dist/SearchField/SearchFieldSubmitButton.js +23 -23
  440. package/dist/SearchField/SearchFieldSubmitButton.js.map +1 -1
  441. package/dist/SearchField/_variables.scss +14 -0
  442. package/dist/SearchField/index.js +26 -32
  443. package/dist/SearchField/index.js.map +1 -1
  444. package/dist/SearchField/index.scss +23 -31
  445. package/dist/SelectableBox/SelectableBoxSet.js +25 -26
  446. package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
  447. package/dist/SelectableBox/_variables.scss +5 -0
  448. package/dist/SelectableBox/index.js +42 -38
  449. package/dist/SelectableBox/index.js.map +1 -1
  450. package/dist/SelectableBox/index.scss +13 -11
  451. package/dist/Sheet/SheetContainer.js +38 -16
  452. package/dist/Sheet/SheetContainer.js.map +1 -1
  453. package/dist/Sheet/index.js +65 -43
  454. package/dist/Sheet/index.js.map +1 -1
  455. package/dist/Sheet/index.scss +10 -10
  456. package/dist/Spinner/_variables.scss +9 -0
  457. package/dist/Spinner/index.js +8 -9
  458. package/dist/Spinner/index.js.map +1 -1
  459. package/dist/Spinner/index.scss +2 -57
  460. package/dist/Stack/_variables.scss +1 -0
  461. package/dist/Stack/index.js +9 -11
  462. package/dist/Stack/index.js.map +1 -1
  463. package/dist/Stack/index.scss +3 -1
  464. package/dist/StatefulButton/index.js +15 -17
  465. package/dist/StatefulButton/index.js.map +1 -1
  466. package/dist/StatusAlert/index.js +168 -0
  467. package/dist/StatusAlert/index.js.map +1 -0
  468. package/dist/Stepper/Stepper.js +2 -4
  469. package/dist/Stepper/Stepper.js.map +1 -1
  470. package/dist/Stepper/StepperActionRow.js +7 -10
  471. package/dist/Stepper/StepperActionRow.js.map +1 -1
  472. package/dist/Stepper/StepperContext.js +64 -32
  473. package/dist/Stepper/StepperContext.js.map +1 -1
  474. package/dist/Stepper/StepperHeader.js +23 -30
  475. package/dist/Stepper/StepperHeader.js.map +1 -1
  476. package/dist/Stepper/StepperHeaderStep.js +14 -17
  477. package/dist/Stepper/StepperHeaderStep.js.map +1 -1
  478. package/dist/Stepper/StepperStep.js +23 -24
  479. package/dist/Stepper/StepperStep.js.map +1 -1
  480. package/dist/Stepper/_variables.scss +18 -0
  481. package/dist/Stepper/index.scss +20 -19
  482. package/dist/Sticky/_variables.scss +3 -0
  483. package/dist/Sticky/index.js +30 -22
  484. package/dist/Sticky/index.js.map +1 -1
  485. package/dist/Sticky/index.scss +6 -4
  486. package/dist/Table/_variables.scss +34 -0
  487. package/dist/Table/index.js +267 -0
  488. package/dist/Table/index.js.map +1 -0
  489. package/dist/Table/index.scss +12 -0
  490. package/dist/Tabs/_variables.scss +24 -0
  491. package/dist/Tabs/deprecated/Tabs.scss +3 -0
  492. package/dist/Tabs/deprecated/index.js +123 -0
  493. package/dist/Tabs/deprecated/index.js.map +1 -0
  494. package/dist/Tabs/index.js +74 -56
  495. package/dist/Tabs/index.js.map +1 -1
  496. package/dist/Tabs/index.scss +25 -26
  497. package/dist/TextArea/index.js +44 -0
  498. package/dist/TextArea/index.js.map +1 -0
  499. package/dist/Toast/ToastContainer.js +38 -16
  500. package/dist/Toast/ToastContainer.js.map +1 -1
  501. package/dist/Toast/ToastContainer.scss +11 -9
  502. package/dist/Toast/_variables.scss +19 -0
  503. package/dist/Toast/index.js +33 -18
  504. package/dist/Toast/index.js.map +1 -1
  505. package/dist/Toast/index.scss +10 -9
  506. package/dist/Tooltip/_variables.scss +21 -0
  507. package/dist/Tooltip/index.js +8 -9
  508. package/dist/Tooltip/index.js.map +1 -1
  509. package/dist/Tooltip/index.scss +10 -136
  510. package/dist/TransitionReplace/DemoTransitionReplace.js +12 -3
  511. package/dist/TransitionReplace/DemoTransitionReplace.js.map +1 -1
  512. package/dist/TransitionReplace/index.js +136 -100
  513. package/dist/TransitionReplace/index.js.map +1 -1
  514. package/dist/Truncate/index.js +30 -24
  515. package/dist/Truncate/index.js.map +1 -1
  516. package/dist/ValidationFormGroup/index.js +106 -0
  517. package/dist/ValidationFormGroup/index.js.map +1 -0
  518. package/dist/ValidationMessage/index.js +76 -51
  519. package/dist/ValidationMessage/index.js.map +1 -1
  520. package/dist/ValidationMessage/index.scss +1 -1
  521. package/dist/asInput/index.js +251 -202
  522. package/dist/asInput/index.js.map +1 -1
  523. package/dist/hooks/useArrowKeyNavigation.js +46 -43
  524. package/dist/hooks/useArrowKeyNavigation.js.map +1 -1
  525. package/dist/hooks/useIndexOfLastVisibleChild.js +50 -41
  526. package/dist/hooks/useIndexOfLastVisibleChild.js.map +1 -1
  527. package/dist/hooks/useIsVisible.js +20 -13
  528. package/dist/hooks/useIsVisible.js.map +1 -1
  529. package/dist/hooks/useToggle.js +18 -11
  530. package/dist/hooks/useToggle.js.map +1 -1
  531. package/dist/hooks/useWindowSize.js +17 -6
  532. package/dist/hooks/useWindowSize.js.map +1 -1
  533. package/dist/i18n/messages/ar.json +2 -1
  534. package/dist/i18n/messages/ca.json +2 -1
  535. package/dist/i18n/messages/es_419.json +2 -1
  536. package/dist/i18n/messages/es_AR.json +2 -1
  537. package/dist/i18n/messages/es_ES.json +2 -1
  538. package/dist/i18n/messages/fr.json +2 -1
  539. package/dist/i18n/messages/he.json +2 -1
  540. package/dist/i18n/messages/id.json +2 -1
  541. package/dist/i18n/messages/it_IT.json +2 -1
  542. package/dist/i18n/messages/ko_KR.json +2 -1
  543. package/dist/i18n/messages/pl.json +2 -1
  544. package/dist/i18n/messages/pt_BR.json +2 -1
  545. package/dist/i18n/messages/pt_PT.json +2 -1
  546. package/dist/i18n/messages/ru.json +2 -1
  547. package/dist/i18n/messages/th.json +2 -1
  548. package/dist/i18n/messages/tr_TR.json +2 -1
  549. package/dist/i18n/messages/uk.json +2 -1
  550. package/dist/i18n/messages/zh_CN.json +2 -1
  551. package/dist/index.js +14 -0
  552. package/dist/index.scss +4 -0
  553. package/dist/paragon.css +45 -0
  554. package/dist/utils/breakpoints.js +1 -1
  555. package/dist/utils/propTypes/utils.js +17 -2
  556. package/dist/withDeprecatedProps.js +79 -58
  557. package/dist/withDeprecatedProps.js.map +1 -1
  558. package/icons/es5/RightSidebarFilled.js +15 -0
  559. package/icons/es5/RightSidebarOutlined.js +15 -0
  560. package/icons/es5/index.js +2 -0
  561. package/icons/jsx/RightSidebarFilled.jsx +19 -0
  562. package/icons/jsx/RightSidebarOutlined.jsx +19 -0
  563. package/icons/jsx/index.jsx +2 -0
  564. package/icons/svg/right_sidebar_filled.svg +3 -0
  565. package/icons/svg/right_sidebar_outlined.svg +3 -0
  566. package/lib/help.js +23 -36
  567. package/lib/migrate-to-openedx-scope.js +62 -0
  568. package/package.json +22 -35
  569. package/{styles/scss → scss}/core/_functions.scss +1 -1
  570. package/scss/core/_grid.scss +21 -0
  571. package/{styles/scss → scss}/core/_utilities.scss +11 -17
  572. package/scss/core/_variables.scss +875 -0
  573. package/scss/core/core.scss +21 -0
  574. package/{styles/scss → scss}/core/utilities-only.scss +0 -1
  575. package/src/ActionRow/_index.scss +4 -2
  576. package/src/ActionRow/_variables.scss +2 -0
  577. package/src/Alert/_variables.scss +24 -0
  578. package/src/Alert/index.scss +32 -41
  579. package/src/Annotation/_variables.scss +18 -0
  580. package/src/Annotation/index.scss +103 -130
  581. package/src/Avatar/_variables.scss +10 -0
  582. package/src/Avatar/index.scss +20 -18
  583. package/src/AvatarButton/_variables.scss +3 -0
  584. package/src/AvatarButton/index.scss +5 -3
  585. package/src/Badge/_variables.scss +16 -0
  586. package/src/Badge/index.scss +2 -112
  587. package/src/Breadcrumb/_variables.scss +27 -0
  588. package/src/Breadcrumb/index.scss +16 -14
  589. package/src/Bubble/_variables.scss +8 -0
  590. package/src/Bubble/index.scss +12 -25
  591. package/src/Button/README.md +178 -68
  592. package/src/Button/_variables.scss +52 -0
  593. package/src/Button/deprecated/Button.test.jsx +34 -0
  594. package/src/Button/deprecated/index.jsx +145 -0
  595. package/src/Button/index.jsx +7 -4
  596. package/src/Button/index.scss +370 -855
  597. package/src/Card/_variables.scss +55 -0
  598. package/src/Card/index.scss +79 -78
  599. package/src/Carousel/_variables.scss +27 -0
  600. package/src/Carousel/index.scss +2 -168
  601. package/src/CheckBox/CheckBox.test.jsx +65 -0
  602. package/src/CheckBox/README.md +93 -0
  603. package/src/CheckBox/index.jsx +80 -0
  604. package/src/CheckBoxGroup/CheckBoxGroup.test.jsx +33 -0
  605. package/src/CheckBoxGroup/README.md +35 -0
  606. package/src/CheckBoxGroup/index.jsx +19 -0
  607. package/src/Chip/Chip.test.jsx +82 -16
  608. package/src/Chip/ChipIcon.tsx +54 -0
  609. package/src/Chip/README.md +116 -11
  610. package/src/Chip/__snapshots__/Chip.test.jsx.snap +84 -90
  611. package/src/Chip/_variables.scss +28 -0
  612. package/src/Chip/constants.js +5 -0
  613. package/src/Chip/index.scss +102 -61
  614. package/src/Chip/index.tsx +79 -46
  615. package/src/Chip/mixins.scss +42 -0
  616. package/src/ChipCarousel/_variables.scss +3 -0
  617. package/src/ChipCarousel/index.scss +4 -1
  618. package/src/CloseButton/_variables.scss +6 -0
  619. package/src/CloseButton/index.scss +2 -31
  620. package/src/Code/_variables.scss +17 -0
  621. package/src/Code/index.scss +2 -47
  622. package/src/Collapsible/_variables.scss +12 -0
  623. package/src/Collapsible/index.scss +15 -15
  624. package/src/ColorPicker/ColorPicker.test.jsx +24 -2
  625. package/src/ColorPicker/_variables.scss +2 -0
  626. package/src/ColorPicker/index.jsx +56 -16
  627. package/src/ColorPicker/index.scss +11 -9
  628. package/src/Container/_variables.scss +5 -0
  629. package/src/Container/index.jsx +4 -0
  630. package/src/DataTable/CollapsibleButtonGroup.jsx +2 -2
  631. package/src/DataTable/README.md +3 -3
  632. package/src/DataTable/TablePagination.jsx +7 -2
  633. package/src/DataTable/TablePaginationMinimal.jsx +5 -0
  634. package/src/DataTable/_variables.scss +11 -0
  635. package/src/DataTable/filters/TextFilter.jsx +4 -5
  636. package/src/DataTable/index.jsx +2 -1
  637. package/src/DataTable/index.scss +50 -48
  638. package/src/DataTable/selection/BaseSelectionStatus.jsx +2 -2
  639. package/src/DataTable/tablefilters.mdx +3 -3
  640. package/src/DataTable/tests/DataTable.test.jsx +31 -0
  641. package/src/DataTable/tests/TablePagination.test.jsx +6 -6
  642. package/src/Dropdown/README.md +93 -0
  643. package/src/Dropdown/_variables.scss +33 -0
  644. package/src/Dropdown/deprecated/Dropdown.test.jsx +238 -0
  645. package/src/Dropdown/deprecated/DropdownButton.jsx +52 -0
  646. package/src/Dropdown/deprecated/DropdownItem.jsx +34 -0
  647. package/src/Dropdown/deprecated/DropdownMenu.jsx +50 -0
  648. package/src/Dropdown/deprecated/__snapshots__/Dropdown.test.jsx.snap +229 -0
  649. package/src/Dropdown/deprecated/index.jsx +222 -0
  650. package/src/Dropdown/index.jsx +6 -0
  651. package/src/Dropdown/index.scss +12 -11
  652. package/src/Dropzone/_variables.scss +9 -0
  653. package/src/Dropzone/index.jsx +2 -3
  654. package/src/Dropzone/index.scss +14 -12
  655. package/src/Fieldset/Fieldset.test.jsx +101 -0
  656. package/src/Fieldset/README.md +146 -0
  657. package/src/Fieldset/index.jsx +107 -0
  658. package/src/Fieldset/index.scss +12 -0
  659. package/src/Form/FormAutosuggest.jsx +334 -250
  660. package/src/Form/FormSwitch.jsx +3 -0
  661. package/src/Form/_FormText.scss +8 -8
  662. package/src/Form/_index.scss +146 -168
  663. package/src/Form/_mixins.scss +3 -216
  664. package/src/Form/_variables.scss +267 -0
  665. package/src/Form/form-autosuggest.mdx +136 -71
  666. package/src/Form/tests/FormAutosuggest.test.jsx +84 -16
  667. package/src/Hyperlink/index.jsx +7 -6
  668. package/src/Hyperlink/index.scss +3 -3
  669. package/src/Icon/README.md +3 -3
  670. package/src/Icon/_variables.scss +7 -0
  671. package/src/Icon/index.jsx +18 -11
  672. package/src/Icon/index.scss +12 -10
  673. package/src/IconButton/README.md +15 -1
  674. package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +28 -5
  675. package/src/IconButton/index.jsx +15 -8
  676. package/src/IconButton/index.scss +74 -387
  677. package/src/IconButtonToggle/index.scss +1 -1
  678. package/src/Image/_variables.scss +13 -0
  679. package/src/Image/index.scss +2 -53
  680. package/src/Input/README.md +74 -0
  681. package/src/Input/__snapshots__/input.test.jsx.snap +53 -0
  682. package/src/Input/index.jsx +151 -0
  683. package/src/Input/input.test.jsx +85 -0
  684. package/src/InputSelect/README.md +136 -0
  685. package/src/InputSelect/index.jsx +92 -0
  686. package/src/InputText/InputText.test.jsx +74 -0
  687. package/src/InputText/README.md +293 -0
  688. package/src/InputText/index.jsx +49 -0
  689. package/src/Layout/index.jsx +1 -4
  690. package/src/ListBox/ListBox.test.jsx +161 -0
  691. package/src/ListBox/README.md +185 -0
  692. package/src/ListBox/index.jsx +115 -0
  693. package/src/ListBoxOption/ListBoxOption.test.jsx +154 -0
  694. package/src/ListBoxOption/index.jsx +78 -0
  695. package/src/Menu/MenuItem.jsx +2 -2
  696. package/src/Menu/_variables.scss +24 -0
  697. package/src/Menu/index.scss +27 -25
  698. package/src/Modal/ModalDialog.jsx +3 -0
  699. package/src/Modal/README.md +148 -0
  700. package/src/Modal/_ModalDialog.scss +48 -50
  701. package/src/Modal/_variables.scss +50 -0
  702. package/src/Modal/index.jsx +319 -0
  703. package/src/Modal/index.scss +73 -6
  704. package/src/Modal/tests/Modal.test.jsx +261 -0
  705. package/src/Nav/_mixins.scss +4 -4
  706. package/src/Nav/_variables.scss +58 -0
  707. package/src/Nav/index.scss +66 -70
  708. package/src/Navbar/_variables.scss +40 -0
  709. package/src/Navbar/index.scss +2 -276
  710. package/src/OverflowScroll/_variables.scss +5 -0
  711. package/src/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  712. package/src/OverflowScroll/index.scss +1 -0
  713. package/src/Overlay/README.md +1 -1
  714. package/src/Overlay/index.jsx +3 -2
  715. package/src/PageBanner/index.scss +21 -17
  716. package/src/Pagination/DefaultPagination.jsx +43 -0
  717. package/src/Pagination/MinimalPagination.jsx +11 -0
  718. package/src/Pagination/Pagination.test.jsx +201 -156
  719. package/src/Pagination/PaginationContext.jsx +191 -0
  720. package/src/Pagination/README.md +86 -22
  721. package/src/Pagination/ReducedPagination.jsx +12 -0
  722. package/src/Pagination/__snapshots__/Pagination.test.jsx.snap +301 -0
  723. package/src/Pagination/_variables.scss +19 -0
  724. package/src/Pagination/constants.js +15 -1
  725. package/src/Pagination/getPaginationRange.js +4 -0
  726. package/src/Pagination/index.jsx +48 -420
  727. package/src/Pagination/index.scss +120 -226
  728. package/src/Pagination/subcomponents/Ellipsis.jsx +13 -0
  729. package/src/Pagination/subcomponents/NextPageButton.jsx +64 -0
  730. package/src/Pagination/subcomponents/PageButton.jsx +33 -0
  731. package/src/Pagination/subcomponents/PageOfCountButton.jsx +25 -0
  732. package/src/Pagination/subcomponents/PaginationDropdown.jsx +37 -0
  733. package/src/Pagination/subcomponents/PreviousPageButton.jsx +64 -0
  734. package/src/Pagination/subcomponents/ScreenReaderText.jsx +17 -0
  735. package/src/Pagination/subcomponents/index.js +7 -0
  736. package/src/Popover/README.md +0 -1
  737. package/src/Popover/_variables.scss +36 -0
  738. package/src/Popover/index.jsx +11 -11
  739. package/src/Popover/index.scss +10 -9
  740. package/src/ProductTour/Checkpoint.jsx +9 -6
  741. package/src/ProductTour/Checkpoint.scss +43 -71
  742. package/src/ProductTour/_variables.scss +15 -0
  743. package/src/ProductTour/messages.js +16 -0
  744. package/src/ProgressBar/_variables.scss +23 -0
  745. package/src/ProgressBar/index.scss +36 -28
  746. package/src/RadioButtonGroup/README.md +50 -0
  747. package/src/RadioButtonGroup/RadioButtonGroup.test.jsx +127 -0
  748. package/src/RadioButtonGroup/index.jsx +185 -0
  749. package/src/Scrollable/index.scss +2 -2
  750. package/src/SearchField/SearchField.test.jsx +1 -1
  751. package/src/SearchField/SearchFieldAdvanced.jsx +14 -11
  752. package/src/SearchField/SearchFieldClearButton.jsx +13 -5
  753. package/src/SearchField/SearchFieldInput.jsx +2 -2
  754. package/src/SearchField/SearchFieldLabel.jsx +3 -3
  755. package/src/SearchField/SearchFieldSubmitButton.jsx +10 -8
  756. package/src/SearchField/__snapshots__/SearchField.test.jsx.snap +29 -33
  757. package/src/SearchField/_variables.scss +14 -0
  758. package/src/SearchField/index.jsx +4 -7
  759. package/src/SearchField/index.scss +23 -31
  760. package/src/SelectableBox/_variables.scss +5 -0
  761. package/src/SelectableBox/index.scss +13 -11
  762. package/src/SelectableBox/tests/SelectableBoxSet.test.jsx +1 -1
  763. package/src/Sheet/index.scss +10 -10
  764. package/src/Spinner/_variables.scss +9 -0
  765. package/src/Spinner/index.scss +2 -57
  766. package/src/Stack/_variables.scss +1 -0
  767. package/src/Stack/index.scss +3 -1
  768. package/src/StatusAlert/README.md +149 -0
  769. package/src/StatusAlert/StatusAlert.test.jsx +150 -0
  770. package/src/StatusAlert/index.jsx +144 -0
  771. package/src/Stepper/_variables.scss +18 -0
  772. package/src/Stepper/index.scss +20 -19
  773. package/src/Sticky/_variables.scss +3 -0
  774. package/src/Sticky/index.scss +6 -4
  775. package/src/Table/README.md +506 -0
  776. package/src/Table/Table.test.jsx +367 -0
  777. package/src/Table/_variables.scss +34 -0
  778. package/src/Table/index.jsx +264 -0
  779. package/src/Table/index.scss +12 -0
  780. package/src/Tabs/README.md +3 -1
  781. package/src/Tabs/_variables.scss +24 -0
  782. package/src/Tabs/deprecated/Tabs.scss +3 -0
  783. package/src/Tabs/deprecated/Tabs.test.jsx +50 -0
  784. package/src/Tabs/deprecated/index.jsx +117 -0
  785. package/src/Tabs/index.jsx +22 -13
  786. package/src/Tabs/index.scss +25 -26
  787. package/src/TextArea/README.md +63 -0
  788. package/src/TextArea/index.jsx +48 -0
  789. package/src/Toast/ToastContainer.scss +11 -9
  790. package/src/Toast/_variables.scss +19 -0
  791. package/src/Toast/index.scss +10 -9
  792. package/src/Tooltip/_variables.scss +21 -0
  793. package/src/Tooltip/index.scss +10 -136
  794. package/src/TransitionReplace/README.md +4 -4
  795. package/src/ValidationFormGroup/README.md +116 -0
  796. package/src/ValidationFormGroup/ValidationFormGroup.test.jsx +146 -0
  797. package/src/ValidationFormGroup/__snapshots__/ValidationFormGroup.test.jsx.snap +161 -0
  798. package/src/ValidationFormGroup/index.jsx +114 -0
  799. package/src/ValidationMessage/index.scss +1 -1
  800. package/src/hooks/tests/useIndexOfLastVisibleChild.test.jsx +3 -3
  801. package/src/hooks/useIndexOfLastVisibleChild.jsx +36 -38
  802. package/src/hooks/useIndexOfLastVisibleChild.mdx +3 -3
  803. package/src/i18n/messages/ar.json +2 -1
  804. package/src/i18n/messages/ca.json +2 -1
  805. package/src/i18n/messages/es_419.json +2 -1
  806. package/src/i18n/messages/es_AR.json +2 -1
  807. package/src/i18n/messages/es_ES.json +2 -1
  808. package/src/i18n/messages/fr.json +2 -1
  809. package/src/i18n/messages/he.json +2 -1
  810. package/src/i18n/messages/id.json +2 -1
  811. package/src/i18n/messages/it_IT.json +2 -1
  812. package/src/i18n/messages/ko_KR.json +2 -1
  813. package/src/i18n/messages/pl.json +2 -1
  814. package/src/i18n/messages/pt_BR.json +2 -1
  815. package/src/i18n/messages/pt_PT.json +2 -1
  816. package/src/i18n/messages/ru.json +2 -1
  817. package/src/i18n/messages/th.json +2 -1
  818. package/src/i18n/messages/tr_TR.json +2 -1
  819. package/src/i18n/messages/uk.json +2 -1
  820. package/src/i18n/messages/zh_CN.json +2 -1
  821. package/src/index.js +14 -0
  822. package/src/index.scss +4 -0
  823. package/src/utils/breakpoints.js +1 -1
  824. package/src/utils/propTypes/utils.js +17 -2
  825. package/dist/Annotation/_mixins.scss +0 -104
  826. package/dist/Button/_mixins.scss +0 -14
  827. package/dist/Button/button-group.scss +0 -126
  828. package/dist/Card/card-bootstrap.scss +0 -168
  829. package/dist/Dropdown/dropdown-bootstrap.scss +0 -181
  830. package/dist/Form/_bootstrap-custom-forms.scss +0 -551
  831. package/dist/Form/_bootstrap-forms.scss +0 -381
  832. package/dist/Form/_input-group.scss +0 -188
  833. package/dist/IconButton/_mixins.scss +0 -4
  834. package/dist/Pagination/pagination-bootstrap.scss +0 -83
  835. package/dist/Popover/popover-bootstrap.scss +0 -198
  836. package/dist/ProgressBar/_mixins.scss +0 -22
  837. package/dist/ProgressBar/bootstrap-progress.scss +0 -49
  838. package/dist/Toast/bootstrap-toast.scss +0 -46
  839. package/dist/core.css +0 -16776
  840. package/dist/core.css.map +0 -1
  841. package/dist/core.min.css +0 -2
  842. package/dist/light.css +0 -4090
  843. package/dist/light.css.map +0 -1
  844. package/dist/light.min.css +0 -2
  845. package/dist/theme-urls.json +0 -21
  846. package/lib/build-scss.js +0 -188
  847. package/lib/build-tokens.js +0 -119
  848. package/lib/replace-variables.js +0 -38
  849. package/lib/utils.js +0 -9
  850. package/src/Annotation/_mixins.scss +0 -104
  851. package/src/Button/_mixins.scss +0 -14
  852. package/src/Button/button-group.scss +0 -126
  853. package/src/Card/card-bootstrap.scss +0 -168
  854. package/src/Dropdown/dropdown-bootstrap.scss +0 -181
  855. package/src/Form/_bootstrap-custom-forms.scss +0 -551
  856. package/src/Form/_bootstrap-forms.scss +0 -381
  857. package/src/Form/_input-group.scss +0 -188
  858. package/src/IconButton/_mixins.scss +0 -4
  859. package/src/Pagination/pagination-bootstrap.scss +0 -83
  860. package/src/Popover/popover-bootstrap.scss +0 -198
  861. package/src/ProgressBar/_mixins.scss +0 -22
  862. package/src/ProgressBar/bootstrap-progress.scss +0 -49
  863. package/src/Toast/bootstrap-toast.scss +0 -46
  864. package/styles/css/core/custom-media-breakpoints.css +0 -17
  865. package/styles/css/core/index.css +0 -2
  866. package/styles/css/core/variables.css +0 -604
  867. package/styles/css/themes/light/index.css +0 -2
  868. package/styles/css/themes/light/utility-classes.css +0 -2454
  869. package/styles/css/themes/light/variables.css +0 -1636
  870. package/styles/scss/core/_grid.scss +0 -21
  871. package/styles/scss/core/_variables.scss +0 -869
  872. package/styles/scss/core/bootstrap-override/_functions.scss +0 -104
  873. package/styles/scss/core/bootstrap-override/_mixins.scss +0 -4
  874. package/styles/scss/core/bootstrap-override/_utilities.scss +0 -4
  875. package/styles/scss/core/bootstrap-override/bootstrap.scss +0 -2
  876. package/styles/scss/core/bootstrap-override/mixins/_grid-framework.scss +0 -80
  877. package/styles/scss/core/bootstrap-override/mixins/_grid.scss +0 -69
  878. package/styles/scss/core/bootstrap-override/mixins/_list-group.scss +0 -22
  879. package/styles/scss/core/bootstrap-override/utilities/_background.scss +0 -7
  880. package/styles/scss/core/bootstrap-override/utilities/_borders.scss +0 -67
  881. package/styles/scss/core/bootstrap-override/utilities/_spacing.scss +0 -70
  882. package/styles/scss/core/bootstrap-override/utilities/_text.scss +0 -68
  883. package/styles/scss/core/core.scss +0 -21
  884. package/tokens/README.md +0 -158
  885. package/tokens/css-utilities.js +0 -56
  886. package/tokens/map-scss-to-css.js +0 -24
  887. package/tokens/replace-variables.js +0 -32
  888. package/tokens/sass-helpers.js +0 -98
  889. package/tokens/src/core/alias/size.json +0 -15
  890. package/tokens/src/core/components/ActionRow.json +0 -10
  891. package/tokens/src/core/components/Alert.json +0 -30
  892. package/tokens/src/core/components/Annotation.json +0 -25
  893. package/tokens/src/core/components/Avatar.json +0 -17
  894. package/tokens/src/core/components/AvatarButton.json +0 -11
  895. package/tokens/src/core/components/Badge.json +0 -33
  896. package/tokens/src/core/components/Breadcrumb.json +0 -37
  897. package/tokens/src/core/components/Bubble.json +0 -10
  898. package/tokens/src/core/components/Button/core.json +0 -101
  899. package/tokens/src/core/components/Card.json +0 -91
  900. package/tokens/src/core/components/Carousel.json +0 -37
  901. package/tokens/src/core/components/Chip.json +0 -19
  902. package/tokens/src/core/components/ChipCarousel.json +0 -9
  903. package/tokens/src/core/components/CloseButton.json +0 -14
  904. package/tokens/src/core/components/Code.json +0 -34
  905. package/tokens/src/core/components/Collapsible.json +0 -29
  906. package/tokens/src/core/components/ColorPicker.json +0 -8
  907. package/tokens/src/core/components/Container.json +0 -13
  908. package/tokens/src/core/components/DataTable.json +0 -27
  909. package/tokens/src/core/components/Dropdown.json +0 -67
  910. package/tokens/src/core/components/Dropzone.json +0 -21
  911. package/tokens/src/core/components/Form/other.json +0 -14
  912. package/tokens/src/core/components/Form/size.json +0 -233
  913. package/tokens/src/core/components/Form/spacing.json +0 -155
  914. package/tokens/src/core/components/Form/transition.json +0 -16
  915. package/tokens/src/core/components/Form/typography.json +0 -122
  916. package/tokens/src/core/components/Icon.json +0 -11
  917. package/tokens/src/core/components/IconButton.json +0 -15
  918. package/tokens/src/core/components/Image.json +0 -28
  919. package/tokens/src/core/components/Menu.json +0 -48
  920. package/tokens/src/core/components/Modal.json +0 -47
  921. package/tokens/src/core/components/Nav.json +0 -55
  922. package/tokens/src/core/components/Navbar.json +0 -70
  923. package/tokens/src/core/components/Pagination.json +0 -70
  924. package/tokens/src/core/components/Popover.json +0 -48
  925. package/tokens/src/core/components/ProductTour.json +0 -37
  926. package/tokens/src/core/components/ProgressBar.json +0 -39
  927. package/tokens/src/core/components/SearchField.json +0 -23
  928. package/tokens/src/core/components/SelectableBox.json +0 -9
  929. package/tokens/src/core/components/Sheet.json +0 -10
  930. package/tokens/src/core/components/Spinner.json +0 -19
  931. package/tokens/src/core/components/Stack.json +0 -7
  932. package/tokens/src/core/components/Stepper.json +0 -42
  933. package/tokens/src/core/components/Sticky.json +0 -7
  934. package/tokens/src/core/components/Tab.json +0 -19
  935. package/tokens/src/core/components/Tabs.json +0 -19
  936. package/tokens/src/core/components/Toast.json +0 -30
  937. package/tokens/src/core/components/Tooltip.json +0 -33
  938. package/tokens/src/core/components/general/caret.json +0 -13
  939. package/tokens/src/core/components/general/headings.json +0 -16
  940. package/tokens/src/core/components/general/hr.json +0 -10
  941. package/tokens/src/core/components/general/input.json +0 -51
  942. package/tokens/src/core/components/general/link.json +0 -30
  943. package/tokens/src/core/components/general/list.json +0 -26
  944. package/tokens/src/core/components/general/text.json +0 -24
  945. package/tokens/src/core/global/breakpoints.json +0 -12
  946. package/tokens/src/core/global/display.json +0 -21
  947. package/tokens/src/core/global/elevation.json +0 -19
  948. package/tokens/src/core/global/other.json +0 -4
  949. package/tokens/src/core/global/spacing.json +0 -35
  950. package/tokens/src/core/global/transition.json +0 -14
  951. package/tokens/src/core/global/typography.json +0 -91
  952. package/tokens/src/core/utilities/color.json +0 -12
  953. package/tokens/src/themes/light/alias/color.json +0 -114
  954. package/tokens/src/themes/light/components/Alert.json +0 -47
  955. package/tokens/src/themes/light/components/Annotation.json +0 -29
  956. package/tokens/src/themes/light/components/Avatar.json +0 -7
  957. package/tokens/src/themes/light/components/Badge.json +0 -186
  958. package/tokens/src/themes/light/components/Breadcrumb.json +0 -14
  959. package/tokens/src/themes/light/components/Bubble.json +0 -18
  960. package/tokens/src/themes/light/components/Button/brand.json +0 -260
  961. package/tokens/src/themes/light/components/Button/core.json +0 -24
  962. package/tokens/src/themes/light/components/Button/danger.json +0 -247
  963. package/tokens/src/themes/light/components/Button/dark.json +0 -230
  964. package/tokens/src/themes/light/components/Button/info.json +0 -238
  965. package/tokens/src/themes/light/components/Button/light.json +0 -236
  966. package/tokens/src/themes/light/components/Button/primary.json +0 -250
  967. package/tokens/src/themes/light/components/Button/secondary.json +0 -278
  968. package/tokens/src/themes/light/components/Button/success.json +0 -253
  969. package/tokens/src/themes/light/components/Button/tertiary.json +0 -109
  970. package/tokens/src/themes/light/components/Button/warning.json +0 -276
  971. package/tokens/src/themes/light/components/Card.json +0 -40
  972. package/tokens/src/themes/light/components/Carousel.json +0 -45
  973. package/tokens/src/themes/light/components/Chip.json +0 -19
  974. package/tokens/src/themes/light/components/CloseButton.json +0 -10
  975. package/tokens/src/themes/light/components/Code.json +0 -23
  976. package/tokens/src/themes/light/components/DataTable.json +0 -26
  977. package/tokens/src/themes/light/components/Dropdown.json +0 -41
  978. package/tokens/src/themes/light/components/Dropzone.json +0 -23
  979. package/tokens/src/themes/light/components/Form/color.json +0 -270
  980. package/tokens/src/themes/light/components/Form/elevation.json +0 -76
  981. package/tokens/src/themes/light/components/Form/other.json +0 -131
  982. package/tokens/src/themes/light/components/IconButton.json +0 -451
  983. package/tokens/src/themes/light/components/Image.json +0 -18
  984. package/tokens/src/themes/light/components/Menu.json +0 -30
  985. package/tokens/src/themes/light/components/Modal.json +0 -37
  986. package/tokens/src/themes/light/components/Nav.json +0 -166
  987. package/tokens/src/themes/light/components/Navbar.json +0 -136
  988. package/tokens/src/themes/light/components/OverflowScroll.json +0 -9
  989. package/tokens/src/themes/light/components/PageBanner.json +0 -24
  990. package/tokens/src/themes/light/components/Pagination.json +0 -40
  991. package/tokens/src/themes/light/components/Popover.json +0 -55
  992. package/tokens/src/themes/light/components/ProductTour.json +0 -35
  993. package/tokens/src/themes/light/components/ProgressBar.json +0 -20
  994. package/tokens/src/themes/light/components/Scrollable.json +0 -14
  995. package/tokens/src/themes/light/components/SearchField.json +0 -25
  996. package/tokens/src/themes/light/components/Sheet.json +0 -22
  997. package/tokens/src/themes/light/components/Stepper.json +0 -34
  998. package/tokens/src/themes/light/components/Sticky.json +0 -18
  999. package/tokens/src/themes/light/components/Tab.json +0 -62
  1000. package/tokens/src/themes/light/components/Toast.json +0 -33
  1001. package/tokens/src/themes/light/components/Tooltip.json +0 -30
  1002. package/tokens/src/themes/light/components/general/body.json +0 -8
  1003. package/tokens/src/themes/light/components/general/headings.json +0 -7
  1004. package/tokens/src/themes/light/components/general/hr.json +0 -15
  1005. package/tokens/src/themes/light/components/general/input.json +0 -18
  1006. package/tokens/src/themes/light/components/general/link.json +0 -109
  1007. package/tokens/src/themes/light/components/general/list.json +0 -38
  1008. package/tokens/src/themes/light/components/general/text.json +0 -6
  1009. package/tokens/src/themes/light/global/color.json +0 -1661
  1010. package/tokens/src/themes/light/global/elevation.json +0 -201
  1011. package/tokens/src/themes/light/global/other.json +0 -4
  1012. package/tokens/style-dictionary.js +0 -223
  1013. package/tokens/utils.js +0 -210
  1014. /package/{styles/scss → scss}/core/_exports.module.scss +0 -0
  1015. /package/{styles/scss → scss}/core/_typography.scss +0 -0
@@ -4,25 +4,23 @@ import classNames from 'classnames';
4
4
  import DataTableContext from './DataTableContext';
5
5
  import Actions from './CollapsibleButtonGroup';
6
6
  function TableActions(_ref) {
7
- let {
8
- className
9
- } = _ref;
10
- const tableInstance = useContext(DataTableContext);
11
- const {
12
- tableActions
13
- } = tableInstance;
14
- const args = {
15
- tableInstance
7
+ var className = _ref.className;
8
+ var tableInstance = useContext(DataTableContext);
9
+ var tableActions = tableInstance.tableActions;
10
+ var args = {
11
+ tableInstance: tableInstance
16
12
  };
17
13
  if (typeof tableActions === 'function') {
18
14
  return /*#__PURE__*/React.createElement("div", {
19
15
  className: classNames('pgn__table-actions', className)
20
16
  }, tableActions(tableInstance));
21
17
  }
22
- const actions = tableActions.map(action => ({
23
- component: action,
24
- args
25
- }));
18
+ var actions = tableActions.map(function (action) {
19
+ return {
20
+ component: action,
21
+ args: args
22
+ };
23
+ });
26
24
  return /*#__PURE__*/React.createElement(Actions, {
27
25
  className: classNames('pgn__table-actions', className),
28
26
  "data-testid": "table-actions",
@@ -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"}
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,IAAbC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAC/B,IAAMC,aAAa,GAAGR,UAAU,CAACG,gBAAgB,CAAC;EAClD,IAAQM,YAAY,GAAKD,aAAa,CAA9BC,YAAY;EAEpB,IAAMC,IAAI,GAAG;IACXF,aAAa,EAAbA;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,IAAMI,OAAO,GAAGH,YAAY,CAACI,GAAG,CAAC,UAAAC,MAAM;IAAA,OAAK;MAAEC,SAAS,EAAED,MAAM;MAAEJ,IAAI,EAAJA;IAAK,CAAC;EAAA,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"}
@@ -1,4 +1,4 @@
1
- const _excluded = ["className"];
1
+ var _excluded = ["className"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
4
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -6,15 +6,11 @@ import React from 'react';
6
6
  import PropTypes from 'prop-types';
7
7
  import classNames from 'classnames';
8
8
  function TableCell(_ref) {
9
- let {
10
- getCellProps,
11
- render,
12
- column
13
- } = _ref;
14
- const _getCellProps = getCellProps(),
15
- {
16
- className
17
- } = _getCellProps,
9
+ var getCellProps = _ref.getCellProps,
10
+ render = _ref.render,
11
+ column = _ref.column;
12
+ var _getCellProps = getCellProps(),
13
+ className = _getCellProps.className,
18
14
  rest = _objectWithoutProperties(_getCellProps, _excluded);
19
15
  return /*#__PURE__*/React.createElement("td", _extends({}, rest, {
20
16
  className: classNames('pgn__data-table-cell-wrap', className, column.cellClassName)
@@ -1 +1 @@
1
- {"version":3,"file":"TableCell.js","names":["React","PropTypes","classNames","TableCell","_ref","getCellProps","render","column","_getCellProps","className","rest","_objectWithoutProperties","_excluded","createElement","_extends","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,MAAAI,aAAA,GAA+BH,YAAY,CAAC,CAAC;IAAvC;MAAEI;IAAmB,CAAC,GAAAD,aAAA;IAANE,IAAI,GAAAC,wBAAA,CAAAH,aAAA,EAAAI,SAAA;EAC1B,oBACEZ,KAAA,CAAAa,aAAA,OAAAC,QAAA,KAAQJ,IAAI;IAAED,SAAS,EAAEP,UAAU,CAAC,2BAA2B,EAAEO,SAAS,EAAEF,MAAM,CAACQ,aAAa;EAAE,IAC/FT,MAAM,CAAC,MAAM,CACZ,CAAC;AAET;AAEAH,SAAS,CAACa,SAAS,GAAG;EACpB;EACAX,YAAY,EAAEJ,SAAS,CAACgB,IAAI,CAACC,UAAU;EACvC;EACAZ,MAAM,EAAEL,SAAS,CAACgB,IAAI,CAACC,UAAU;EACjC;EACAX,MAAM,EAAEN,SAAS,CAACkB,KAAK,CAAC;IACtB;IACAJ,aAAa,EAAEd,SAAS,CAACmB;EAC3B,CAAC,CAAC,CAACF;AACL,CAAC;AAED,eAAef,SAAS"}
1
+ {"version":3,"file":"TableCell.js","names":["React","PropTypes","classNames","TableCell","_ref","getCellProps","render","column","_getCellProps","className","rest","_objectWithoutProperties","_excluded","createElement","_extends","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,IAAhCC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;EAC/C,IAAAC,aAAA,GAA+BH,YAAY,CAAC,CAAC;IAArCI,SAAS,GAAAD,aAAA,CAATC,SAAS;IAAKC,IAAI,GAAAC,wBAAA,CAAAH,aAAA,EAAAI,SAAA;EAC1B,oBACEZ,KAAA,CAAAa,aAAA,OAAAC,QAAA,KAAQJ,IAAI;IAAED,SAAS,EAAEP,UAAU,CAAC,2BAA2B,EAAEO,SAAS,EAAEF,MAAM,CAACQ,aAAa;EAAE,IAC/FT,MAAM,CAAC,MAAM,CACZ,CAAC;AAET;AAEAH,SAAS,CAACa,SAAS,GAAG;EACpB;EACAX,YAAY,EAAEJ,SAAS,CAACgB,IAAI,CAACC,UAAU;EACvC;EACAZ,MAAM,EAAEL,SAAS,CAACgB,IAAI,CAACC,UAAU;EACjC;EACAX,MAAM,EAAEN,SAAS,CAACkB,KAAK,CAAC;IACtB;IACAJ,aAAa,EAAEd,SAAS,CAACmB;EAC3B,CAAC,CAAC,CAACF;AACL,CAAC;AAED,eAAef,SAAS"}
@@ -9,18 +9,13 @@ import DataViewToggle from './DataViewToggle';
9
9
 
10
10
  // handles layout for filters, status, and bulk actions
11
11
  function TableControlBar(_ref) {
12
- let {
13
- className
14
- } = _ref;
15
- const {
16
- setFilter,
17
- showFiltersInSidebar,
18
- dataViewToggleOptions: {
19
- togglePlacement
20
- }
21
- } = useContext(DataTableContext);
22
- const invalidTogglePlacement = !togglePlacement || !['left', 'bottom'].includes(togglePlacement);
23
- const actionsSectionClassName = classNames({
12
+ var className = _ref.className;
13
+ var _useContext = useContext(DataTableContext),
14
+ setFilter = _useContext.setFilter,
15
+ showFiltersInSidebar = _useContext.showFiltersInSidebar,
16
+ togglePlacement = _useContext.dataViewToggleOptions.togglePlacement;
17
+ var invalidTogglePlacement = !togglePlacement || !['left', 'bottom'].includes(togglePlacement);
18
+ var actionsSectionClassName = classNames({
24
19
  'pgn__data-table-actions-right-toggle-bottom': togglePlacement === 'bottom',
25
20
  'pgn__data-table-actions-right': invalidTogglePlacement || togglePlacement === 'left'
26
21
  });
@@ -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"}
1
+ {"version":3,"file":"TableControlBar.js","names":["React","useContext","PropTypes","classNames","SmartStatus","DropdownFilters","DataTableContext","ActionDisplay","DataViewToggle","TableControlBar","_ref","className","_useContext","setFilter","showFiltersInSidebar","togglePlacement","dataViewToggleOptions","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,IAAbC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAClC,IAAAC,WAAA,GAIIX,UAAU,CAACK,gBAAgB,CAAC;IAH9BO,SAAS,GAAAD,WAAA,CAATC,SAAS;IACTC,oBAAoB,GAAAF,WAAA,CAApBE,oBAAoB;IACKC,eAAe,GAAAH,WAAA,CAAxCI,qBAAqB,CAAID,eAAe;EAG1C,IAAME,sBAAsB,GAAG,CAACF,eAAe,IAAI,CAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAEG,QAAQ,CAACH,eAAe,CAAC;EAClG,IAAMI,uBAAuB,GAAGhB,UAAU,CAAC;IACzC,6CAA6C,EAAEY,eAAe,KAAK,QAAQ;IAC3E,+BAA+B,EAAEE,sBAAsB,IAAIF,eAAe,KAAK;EACjF,CAAC,CAAC;EACF,oBACEf,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAER,UAAU,CAAC,4BAA4B,EAAEQ,SAAS,CAAE;IAAC,eAAY;EAAmB,GAEhGE,SAAS,IAAI,CAACC,oBAAoB,iBACpCd,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAC;EAAyB,gBACtCX,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAC;EAA8B,gBAC3CX,KAAA,CAAAoB,aAAA,CAACf,eAAe,MAAE,CACf,CAAC,eACNL,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAEQ;EAAwB,gBACtCnB,KAAA,CAAAoB,aAAA,2BACEpB,KAAA,CAAAoB,aAAA,CAACb,aAAa,MAAE,CACb,CACF,CAEF,CACJ,eACDP,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAC;EAAwB,gBACrCX,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAC;EAA6B,GACzCI,eAAe,KAAK,QAAQ,gBAAGf,KAAA,CAAAoB,aAAA,CAAChB,WAAW,MAAE,CAAC,GAAG,IAC/C,CAAC,EACL,CAAC,CAACS,SAAS,IAAKA,SAAS,IAAIC,oBAAqB,kBACjDd,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAEQ;EAAwB,gBACtCnB,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAC;EAAwB,GACpCI,eAAe,KAAK,QAAQ,gBAAGf,KAAA,CAAAoB,aAAA,CAAChB,WAAW,MAAE,CAAC,GAAG,IAAI,eACtDJ,KAAA,CAAAoB,aAAA,CAACZ,cAAc,MAAE,CACd,CAAC,eACNR,KAAA,CAAAoB,aAAA,2BACEpB,KAAA,CAAAoB,aAAA,CAACb,aAAa,MAAE,CACb,CACF,CACN,EACCM,SAAS,IAAI,CAACC,oBAAoB,iBAClCd,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAC;EAAwB,gBACrCX,KAAA,CAAAoB,aAAA,CAACZ,cAAc,MAAE,CACd,CAEJ,CACF,CAAC;AAEV;AAEAC,eAAe,CAACY,SAAS,GAAG;EAC1B;EACAV,SAAS,EAAET,SAAS,CAACoB;AACvB,CAAC;AAEDb,eAAe,CAACc,YAAY,GAAG;EAC7BZ,SAAS,EAAE;AACb,CAAC;AAED,eAAeF,eAAe"}
@@ -1,24 +1,26 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import Button from '../Button';
4
- export const TABLE_FILTERS_BUTTON_TEXT = 'Filter';
4
+ export var TABLE_FILTERS_BUTTON_TEXT = 'Filter';
5
5
  function TableFilters(_ref) {
6
- let {
7
- columns,
8
- manualFilters,
9
- onFilter,
10
- currentFilters
11
- } = _ref;
12
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Filters"), columns.map(column => /*#__PURE__*/React.createElement("div", {
13
- key: column.Header
14
- }, column.canFilter ? column.render('Filter') : null)), manualFilters && /*#__PURE__*/React.createElement(Button, {
6
+ var columns = _ref.columns,
7
+ manualFilters = _ref.manualFilters,
8
+ onFilter = _ref.onFilter,
9
+ currentFilters = _ref.currentFilters;
10
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Filters"), columns.map(function (column) {
11
+ return /*#__PURE__*/React.createElement("div", {
12
+ key: column.Header
13
+ }, column.canFilter ? column.render('Filter') : null);
14
+ }), manualFilters && /*#__PURE__*/React.createElement(Button, {
15
15
  type: "primary",
16
- onClick: () => onFilter(currentFilters)
16
+ onClick: function onClick() {
17
+ return onFilter(currentFilters);
18
+ }
17
19
  }, TABLE_FILTERS_BUTTON_TEXT));
18
20
  }
19
21
  TableFilters.defaultProps = {
20
22
  manualFilters: false,
21
- onFilter: () => {}
23
+ onFilter: function onFilter() {}
22
24
  };
23
25
  TableFilters.propTypes = {
24
26
  columns: PropTypes.arrayOf(PropTypes.shape({
@@ -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"}
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,IAAMC,yBAAyB,GAAG,QAAQ;AAEjD,SAASC,YAAYA,CAAAC,IAAA,EAElB;EAAA,IADDC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;EAEhD,oBACET,KAAA,CAAAU,aAAA,2BACEV,KAAA,CAAAU,aAAA,aAAI,SAAW,CAAC,EACfJ,OAAO,CAACK,GAAG,CAAC,UAAAC,MAAM;IAAA,oBAAIZ,KAAA,CAAAU,aAAA;MAAKG,GAAG,EAAED,MAAM,CAACE;IAAO,GAAEF,MAAM,CAACG,SAAS,GAAGH,MAAM,CAACI,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAU,CAAC;EAAA,EAAC,EACzGT,aAAa,iBACdP,KAAA,CAAAU,aAAA,CAACR,MAAM;IACLe,IAAI,EAAC,SAAS;IACdC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMV,QAAQ,CAACC,cAAc,CAAC;IAAA;EAAC,GAEvCN,yBACK,CAEL,CAAC;AAEV;AAEAC,YAAY,CAACe,YAAY,GAAG;EAC1BZ,aAAa,EAAE,KAAK;EACpBC,QAAQ,EAAE,SAAAA,SAAA,EAAM,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"}
@@ -6,14 +6,11 @@ import RowStatusDefault from './RowStatus';
6
6
  import TablePagination from './TablePagination';
7
7
  import TablePaginationMinimal from './TablePaginationMinimal';
8
8
  function TableFooter(_ref) {
9
- let {
10
- className,
11
- children
12
- } = _ref;
13
- const {
14
- RowStatusComponent
15
- } = useContext(DataTableContext);
16
- const RowStatus = RowStatusComponent || RowStatusDefault;
9
+ var className = _ref.className,
10
+ children = _ref.children;
11
+ var _useContext = useContext(DataTableContext),
12
+ RowStatusComponent = _useContext.RowStatusComponent;
13
+ var RowStatus = RowStatusComponent || RowStatusDefault;
17
14
  return /*#__PURE__*/React.createElement("div", {
18
15
  className: classNames(className, 'pgn__data-table-footer'),
19
16
  "data-testid": "table-footer"
@@ -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"}
1
+ {"version":3,"file":"TableFooter.js","names":["React","useContext","classNames","PropTypes","DataTableContext","RowStatusDefault","TablePagination","TablePaginationMinimal","TableFooter","_ref","className","children","_useContext","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,IAAvBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACxC,IAAAC,WAAA,GAA+BX,UAAU,CAACG,gBAAgB,CAAC;IAAnDS,kBAAkB,GAAAD,WAAA,CAAlBC,kBAAkB;EAC1B,IAAMC,SAAS,GAAGD,kBAAkB,IAAIR,gBAAgB;EAExD,oBACEL,KAAA,CAAAe,aAAA;IAAKL,SAAS,EAAER,UAAU,CAACQ,SAAS,EAAE,wBAAwB,CAAE;IAAC,eAAY;EAAc,GACxFC,QAAQ,iBACPX,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,qBACEhB,KAAA,CAAAe,aAAA,CAACD,SAAS,MAAE,CAAC,eACbd,KAAA,CAAAe,aAAA,CAACT,eAAe,MAAE,CAAC,eACnBN,KAAA,CAAAe,aAAA,CAACR,sBAAsB,MAAE,CACzB,CAED,CAAC;AAEV;AAEAC,WAAW,CAACS,SAAS,GAAG;EACtB;EACAN,QAAQ,EAAER,SAAS,CAACe,IAAI;EACxB;EACAR,SAAS,EAAEP,SAAS,CAACgB;AACvB,CAAC;AAEDX,WAAW,CAACY,YAAY,GAAG;EACzBT,QAAQ,EAAE,IAAI;EACdD,SAAS,EAAEW;AACb,CAAC;AAED,eAAeb,WAAW"}
@@ -4,10 +4,8 @@ import classNames from 'classnames';
4
4
  import Icon from '../Icon';
5
5
  import { ArrowDropDown, ArrowDropUp, ArrowDropUpDown } from '../../icons';
6
6
  export function SortIndicator(_ref) {
7
- let {
8
- isSorted,
9
- isSortedDesc
10
- } = _ref;
7
+ var isSorted = _ref.isSorted,
8
+ isSortedDesc = _ref.isSortedDesc;
11
9
  if (!isSorted) {
12
10
  return /*#__PURE__*/React.createElement(Icon, {
13
11
  style: {
@@ -33,16 +31,14 @@ SortIndicator.propTypes = {
33
31
  isSortedDesc: PropTypes.bool.isRequired
34
32
  };
35
33
  function TableHeaderCell(_ref2) {
36
- let {
37
- getHeaderProps,
38
- render,
39
- canSort,
40
- getSortByToggleProps,
41
- isSorted,
42
- isSortedDesc,
43
- headerClassName
44
- } = _ref2;
45
- const toggleProps = canSort && getSortByToggleProps ? getSortByToggleProps() : {};
34
+ var getHeaderProps = _ref2.getHeaderProps,
35
+ render = _ref2.render,
36
+ canSort = _ref2.canSort,
37
+ getSortByToggleProps = _ref2.getSortByToggleProps,
38
+ isSorted = _ref2.isSorted,
39
+ isSortedDesc = _ref2.isSortedDesc,
40
+ headerClassName = _ref2.headerClassName;
41
+ var toggleProps = canSort && getSortByToggleProps ? getSortByToggleProps() : {};
46
42
  return /*#__PURE__*/React.createElement("th", getHeaderProps(toggleProps), /*#__PURE__*/React.createElement("span", {
47
43
  className: classNames('d-flex align-items-center', headerClassName)
48
44
  }, /*#__PURE__*/React.createElement("span", null, render('Header')), canSort && /*#__PURE__*/React.createElement(SortIndicator, {
@@ -55,7 +51,7 @@ TableHeaderCell.defaultProps = {
55
51
  isSorted: false,
56
52
  isSortedDesc: false,
57
53
  canSort: false,
58
- getSortByToggleProps: () => {}
54
+ getSortByToggleProps: function getSortByToggleProps() {}
59
55
  };
60
56
  TableHeaderCell.propTypes = {
61
57
  /** Returns props for the th element */
@@ -1 +1 @@
1
- {"version":3,"file":"TableHeaderCell.js","names":["React","PropTypes","classNames","Icon","ArrowDropDown","ArrowDropUp","ArrowDropUpDown","SortIndicator","_ref","isSorted","isSortedDesc","createElement","style","opacity","src","propTypes","bool","isRequired","TableHeaderCell","_ref2","getHeaderProps","render","canSort","getSortByToggleProps","headerClassName","toggleProps","className","defaultProps","func","string"],"sources":["../../src/DataTable/TableHeaderCell.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\nimport { ArrowDropDown, ArrowDropUp, ArrowDropUpDown } from '../../icons';\n\nexport function SortIndicator({ isSorted, isSortedDesc }) {\n if (!isSorted) {\n return <Icon style={{ opacity: 0.5 }} src={ArrowDropUpDown} data-testid=\"arrow-drop-up-down\" />;\n }\n\n if (isSortedDesc) {\n return <Icon src={ArrowDropDown} data-testid=\"arrow-drop-down\" />;\n }\n\n return <Icon src={ArrowDropUp} data-testid=\"arrow-drop-up\" />;\n}\n\nSortIndicator.propTypes = {\n isSorted: PropTypes.bool.isRequired,\n isSortedDesc: PropTypes.bool.isRequired,\n};\n\nfunction TableHeaderCell({\n getHeaderProps, render, canSort, getSortByToggleProps, isSorted, isSortedDesc, headerClassName,\n}) {\n const toggleProps = canSort && getSortByToggleProps ? getSortByToggleProps() : {};\n\n return (\n <th {...getHeaderProps(toggleProps)}>\n <span className={classNames('d-flex align-items-center', headerClassName)}>\n <span>{render('Header')}</span>\n {canSort && <SortIndicator isSorted={isSorted} isSortedDesc={isSortedDesc || false} />}\n </span>\n </th>\n );\n}\n\nTableHeaderCell.defaultProps = {\n headerClassName: null,\n isSorted: false,\n isSortedDesc: false,\n canSort: false,\n getSortByToggleProps: () => {},\n};\n\nTableHeaderCell.propTypes = {\n /** Returns props for the th element */\n getHeaderProps: PropTypes.func.isRequired,\n /** Indicates whether or not a column is sorted */\n isSorted: PropTypes.bool,\n /** Renders the header content. Passed the string 'Header' */\n render: PropTypes.func.isRequired,\n /** Indicates whether the column is sorted in descending order */\n isSortedDesc: PropTypes.bool,\n /** Gets props related to sorting that will be passed to th */\n getSortByToggleProps: PropTypes.func,\n /** Indicates whether a column is sortable */\n canSort: PropTypes.bool,\n /** Class(es) to be applied to header cells */\n headerClassName: PropTypes.string,\n};\n\nexport default TableHeaderCell;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,aAAa,EAAEC,WAAW,EAAEC,eAAe,QAAQ,aAAa;AAEzE,OAAO,SAASC,aAAaA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAAF,IAAA;EACtD,IAAI,CAACC,QAAQ,EAAE;IACb,oBAAOT,KAAA,CAAAW,aAAA,CAACR,IAAI;MAACS,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAI,CAAE;MAACC,GAAG,EAAER,eAAgB;MAAC,eAAY;IAAoB,CAAE,CAAC;EACjG;EAEA,IAAII,YAAY,EAAE;IAChB,oBAAOV,KAAA,CAAAW,aAAA,CAACR,IAAI;MAACW,GAAG,EAAEV,aAAc;MAAC,eAAY;IAAiB,CAAE,CAAC;EACnE;EAEA,oBAAOJ,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACW,GAAG,EAAET,WAAY;IAAC,eAAY;EAAe,CAAE,CAAC;AAC/D;AAEAE,aAAa,CAACQ,SAAS,GAAG;EACxBN,QAAQ,EAAER,SAAS,CAACe,IAAI,CAACC,UAAU;EACnCP,YAAY,EAAET,SAAS,CAACe,IAAI,CAACC;AAC/B,CAAC;AAED,SAASC,eAAeA,CAAAC,KAAA,EAErB;EAAA,IAFsB;IACvBC,cAAc;IAAEC,MAAM;IAAEC,OAAO;IAAEC,oBAAoB;IAAEd,QAAQ;IAAEC,YAAY;IAAEc;EACjF,CAAC,GAAAL,KAAA;EACC,MAAMM,WAAW,GAAGH,OAAO,IAAIC,oBAAoB,GAAGA,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC;EAEjF,oBACEvB,KAAA,CAAAW,aAAA,OAAQS,cAAc,CAACK,WAAW,CAAC,eACjCzB,KAAA,CAAAW,aAAA;IAAMe,SAAS,EAAExB,UAAU,CAAC,2BAA2B,EAAEsB,eAAe;EAAE,gBACxExB,KAAA,CAAAW,aAAA,eAAOU,MAAM,CAAC,QAAQ,CAAQ,CAAC,EAC9BC,OAAO,iBAAItB,KAAA,CAAAW,aAAA,CAACJ,aAAa;IAACE,QAAQ,EAAEA,QAAS;IAACC,YAAY,EAAEA,YAAY,IAAI;EAAM,CAAE,CACjF,CACJ,CAAC;AAET;AAEAQ,eAAe,CAACS,YAAY,GAAG;EAC7BH,eAAe,EAAE,IAAI;EACrBf,QAAQ,EAAE,KAAK;EACfC,YAAY,EAAE,KAAK;EACnBY,OAAO,EAAE,KAAK;EACdC,oBAAoB,EAAEA,CAAA,KAAM,CAAC;AAC/B,CAAC;AAEDL,eAAe,CAACH,SAAS,GAAG;EAC1B;EACAK,cAAc,EAAEnB,SAAS,CAAC2B,IAAI,CAACX,UAAU;EACzC;EACAR,QAAQ,EAAER,SAAS,CAACe,IAAI;EACxB;EACAK,MAAM,EAAEpB,SAAS,CAAC2B,IAAI,CAACX,UAAU;EACjC;EACAP,YAAY,EAAET,SAAS,CAACe,IAAI;EAC5B;EACAO,oBAAoB,EAAEtB,SAAS,CAAC2B,IAAI;EACpC;EACAN,OAAO,EAAErB,SAAS,CAACe,IAAI;EACvB;EACAQ,eAAe,EAAEvB,SAAS,CAAC4B;AAC7B,CAAC;AAED,eAAeX,eAAe"}
1
+ {"version":3,"file":"TableHeaderCell.js","names":["React","PropTypes","classNames","Icon","ArrowDropDown","ArrowDropUp","ArrowDropUpDown","SortIndicator","_ref","isSorted","isSortedDesc","createElement","style","opacity","src","propTypes","bool","isRequired","TableHeaderCell","_ref2","getHeaderProps","render","canSort","getSortByToggleProps","headerClassName","toggleProps","className","defaultProps","func","string"],"sources":["../../src/DataTable/TableHeaderCell.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\nimport { ArrowDropDown, ArrowDropUp, ArrowDropUpDown } from '../../icons';\n\nexport function SortIndicator({ isSorted, isSortedDesc }) {\n if (!isSorted) {\n return <Icon style={{ opacity: 0.5 }} src={ArrowDropUpDown} data-testid=\"arrow-drop-up-down\" />;\n }\n\n if (isSortedDesc) {\n return <Icon src={ArrowDropDown} data-testid=\"arrow-drop-down\" />;\n }\n\n return <Icon src={ArrowDropUp} data-testid=\"arrow-drop-up\" />;\n}\n\nSortIndicator.propTypes = {\n isSorted: PropTypes.bool.isRequired,\n isSortedDesc: PropTypes.bool.isRequired,\n};\n\nfunction TableHeaderCell({\n getHeaderProps, render, canSort, getSortByToggleProps, isSorted, isSortedDesc, headerClassName,\n}) {\n const toggleProps = canSort && getSortByToggleProps ? getSortByToggleProps() : {};\n\n return (\n <th {...getHeaderProps(toggleProps)}>\n <span className={classNames('d-flex align-items-center', headerClassName)}>\n <span>{render('Header')}</span>\n {canSort && <SortIndicator isSorted={isSorted} isSortedDesc={isSortedDesc || false} />}\n </span>\n </th>\n );\n}\n\nTableHeaderCell.defaultProps = {\n headerClassName: null,\n isSorted: false,\n isSortedDesc: false,\n canSort: false,\n getSortByToggleProps: () => {},\n};\n\nTableHeaderCell.propTypes = {\n /** Returns props for the th element */\n getHeaderProps: PropTypes.func.isRequired,\n /** Indicates whether or not a column is sorted */\n isSorted: PropTypes.bool,\n /** Renders the header content. Passed the string 'Header' */\n render: PropTypes.func.isRequired,\n /** Indicates whether the column is sorted in descending order */\n isSortedDesc: PropTypes.bool,\n /** Gets props related to sorting that will be passed to th */\n getSortByToggleProps: PropTypes.func,\n /** Indicates whether a column is sortable */\n canSort: PropTypes.bool,\n /** Class(es) to be applied to header cells */\n headerClassName: PropTypes.string,\n};\n\nexport default TableHeaderCell;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,aAAa,EAAEC,WAAW,EAAEC,eAAe,QAAQ,aAAa;AAEzE,OAAO,SAASC,aAAaA,CAAAC,IAAA,EAA6B;EAAA,IAA1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;EACpD,IAAI,CAACD,QAAQ,EAAE;IACb,oBAAOT,KAAA,CAAAW,aAAA,CAACR,IAAI;MAACS,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAI,CAAE;MAACC,GAAG,EAAER,eAAgB;MAAC,eAAY;IAAoB,CAAE,CAAC;EACjG;EAEA,IAAII,YAAY,EAAE;IAChB,oBAAOV,KAAA,CAAAW,aAAA,CAACR,IAAI;MAACW,GAAG,EAAEV,aAAc;MAAC,eAAY;IAAiB,CAAE,CAAC;EACnE;EAEA,oBAAOJ,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACW,GAAG,EAAET,WAAY;IAAC,eAAY;EAAe,CAAE,CAAC;AAC/D;AAEAE,aAAa,CAACQ,SAAS,GAAG;EACxBN,QAAQ,EAAER,SAAS,CAACe,IAAI,CAACC,UAAU;EACnCP,YAAY,EAAET,SAAS,CAACe,IAAI,CAACC;AAC/B,CAAC;AAED,SAASC,eAAeA,CAAAC,KAAA,EAErB;EAAA,IADDC,cAAc,GAAAD,KAAA,CAAdC,cAAc;IAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;IAAEC,OAAO,GAAAH,KAAA,CAAPG,OAAO;IAAEC,oBAAoB,GAAAJ,KAAA,CAApBI,oBAAoB;IAAEd,QAAQ,GAAAU,KAAA,CAARV,QAAQ;IAAEC,YAAY,GAAAS,KAAA,CAAZT,YAAY;IAAEc,eAAe,GAAAL,KAAA,CAAfK,eAAe;EAE9F,IAAMC,WAAW,GAAGH,OAAO,IAAIC,oBAAoB,GAAGA,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC;EAEjF,oBACEvB,KAAA,CAAAW,aAAA,OAAQS,cAAc,CAACK,WAAW,CAAC,eACjCzB,KAAA,CAAAW,aAAA;IAAMe,SAAS,EAAExB,UAAU,CAAC,2BAA2B,EAAEsB,eAAe;EAAE,gBACxExB,KAAA,CAAAW,aAAA,eAAOU,MAAM,CAAC,QAAQ,CAAQ,CAAC,EAC9BC,OAAO,iBAAItB,KAAA,CAAAW,aAAA,CAACJ,aAAa;IAACE,QAAQ,EAAEA,QAAS;IAACC,YAAY,EAAEA,YAAY,IAAI;EAAM,CAAE,CACjF,CACJ,CAAC;AAET;AAEAQ,eAAe,CAACS,YAAY,GAAG;EAC7BH,eAAe,EAAE,IAAI;EACrBf,QAAQ,EAAE,KAAK;EACfC,YAAY,EAAE,KAAK;EACnBY,OAAO,EAAE,KAAK;EACdC,oBAAoB,EAAE,SAAAA,qBAAA,EAAM,CAAC;AAC/B,CAAC;AAEDL,eAAe,CAACH,SAAS,GAAG;EAC1B;EACAK,cAAc,EAAEnB,SAAS,CAAC2B,IAAI,CAACX,UAAU;EACzC;EACAR,QAAQ,EAAER,SAAS,CAACe,IAAI;EACxB;EACAK,MAAM,EAAEpB,SAAS,CAAC2B,IAAI,CAACX,UAAU;EACjC;EACAP,YAAY,EAAET,SAAS,CAACe,IAAI;EAC5B;EACAO,oBAAoB,EAAEtB,SAAS,CAAC2B,IAAI;EACpC;EACAN,OAAO,EAAErB,SAAS,CAACe,IAAI;EACvB;EACAQ,eAAe,EAAEvB,SAAS,CAAC4B;AAC7B,CAAC;AAED,eAAeX,eAAe"}
@@ -3,10 +3,12 @@ import React from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import TableHeaderCell from './TableHeaderCell';
5
5
  function TableHeaderRow(_ref) {
6
- let {
7
- headerGroups
8
- } = _ref;
9
- return /*#__PURE__*/React.createElement("thead", null, headerGroups.map(headerGroup => /*#__PURE__*/React.createElement("tr", headerGroup.getHeaderGroupProps(), headerGroup.headers.map(column => /*#__PURE__*/React.createElement(TableHeaderCell, _extends({}, column, column.getHeaderProps()))))));
6
+ var headerGroups = _ref.headerGroups;
7
+ return /*#__PURE__*/React.createElement("thead", null, headerGroups.map(function (headerGroup) {
8
+ return /*#__PURE__*/React.createElement("tr", headerGroup.getHeaderGroupProps(), headerGroup.headers.map(function (column) {
9
+ return /*#__PURE__*/React.createElement(TableHeaderCell, _extends({}, column, column.getHeaderProps()));
10
+ }));
11
+ }));
10
12
  }
11
13
  TableHeaderRow.propTypes = {
12
14
  headerGroups: PropTypes.arrayOf(PropTypes.shape({
@@ -1 +1 @@
1
- {"version":3,"file":"TableHeaderRow.js","names":["React","PropTypes","TableHeaderCell","TableHeaderRow","_ref","headerGroups","createElement","map","headerGroup","getHeaderGroupProps","headers","column","_extends","getHeaderProps","propTypes","arrayOf","shape","func","isRequired"],"sources":["../../src/DataTable/TableHeaderRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport TableHeaderCell from './TableHeaderCell';\n\nfunction TableHeaderRow({ headerGroups }) {\n return (\n <thead>\n {headerGroups.map(headerGroup => (\n <tr {...headerGroup.getHeaderGroupProps()}>\n {headerGroup.headers.map(column => (\n <TableHeaderCell {...column} {...column.getHeaderProps()} />\n ))}\n </tr>\n ))}\n </thead>\n );\n}\n\nTableHeaderRow.propTypes = {\n headerGroups: PropTypes.arrayOf(PropTypes.shape({\n headers: PropTypes.arrayOf(PropTypes.shape({\n /** Props for the TableHeaderCell component. Must include a key */\n getHeaderProps: PropTypes.func.isRequired,\n })).isRequired,\n /** Returns props for the header tr element */\n getHeaderGroupProps: PropTypes.func.isRequired,\n })).isRequired,\n};\n\nexport default TableHeaderRow;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,SAASC,cAAcA,CAAAC,IAAA,EAAmB;EAAA,IAAlB;IAAEC;EAAa,CAAC,GAAAD,IAAA;EACtC,oBACEJ,KAAA,CAAAM,aAAA,gBACGD,YAAY,CAACE,GAAG,CAACC,WAAW,iBAC3BR,KAAA,CAAAM,aAAA,OAAQE,WAAW,CAACC,mBAAmB,CAAC,CAAC,EACtCD,WAAW,CAACE,OAAO,CAACH,GAAG,CAACI,MAAM,iBAC7BX,KAAA,CAAAM,aAAA,CAACJ,eAAe,EAAAU,QAAA,KAAKD,MAAM,EAAMA,MAAM,CAACE,cAAc,CAAC,CAAC,CAAG,CAC5D,CACC,CACL,CACI,CAAC;AAEZ;AAEAV,cAAc,CAACW,SAAS,GAAG;EACzBT,YAAY,EAAEJ,SAAS,CAACc,OAAO,CAACd,SAAS,CAACe,KAAK,CAAC;IAC9CN,OAAO,EAAET,SAAS,CAACc,OAAO,CAACd,SAAS,CAACe,KAAK,CAAC;MACzC;MACAH,cAAc,EAAEZ,SAAS,CAACgB,IAAI,CAACC;IACjC,CAAC,CAAC,CAAC,CAACA,UAAU;IACd;IACAT,mBAAmB,EAAER,SAAS,CAACgB,IAAI,CAACC;EACtC,CAAC,CAAC,CAAC,CAACA;AACN,CAAC;AAED,eAAef,cAAc"}
1
+ {"version":3,"file":"TableHeaderRow.js","names":["React","PropTypes","TableHeaderCell","TableHeaderRow","_ref","headerGroups","createElement","map","headerGroup","getHeaderGroupProps","headers","column","_extends","getHeaderProps","propTypes","arrayOf","shape","func","isRequired"],"sources":["../../src/DataTable/TableHeaderRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport TableHeaderCell from './TableHeaderCell';\n\nfunction TableHeaderRow({ headerGroups }) {\n return (\n <thead>\n {headerGroups.map(headerGroup => (\n <tr {...headerGroup.getHeaderGroupProps()}>\n {headerGroup.headers.map(column => (\n <TableHeaderCell {...column} {...column.getHeaderProps()} />\n ))}\n </tr>\n ))}\n </thead>\n );\n}\n\nTableHeaderRow.propTypes = {\n headerGroups: PropTypes.arrayOf(PropTypes.shape({\n headers: PropTypes.arrayOf(PropTypes.shape({\n /** Props for the TableHeaderCell component. Must include a key */\n getHeaderProps: PropTypes.func.isRequired,\n })).isRequired,\n /** Returns props for the header tr element */\n getHeaderGroupProps: PropTypes.func.isRequired,\n })).isRequired,\n};\n\nexport default TableHeaderRow;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,SAASC,cAAcA,CAAAC,IAAA,EAAmB;EAAA,IAAhBC,YAAY,GAAAD,IAAA,CAAZC,YAAY;EACpC,oBACEL,KAAA,CAAAM,aAAA,gBACGD,YAAY,CAACE,GAAG,CAAC,UAAAC,WAAW;IAAA,oBAC3BR,KAAA,CAAAM,aAAA,OAAQE,WAAW,CAACC,mBAAmB,CAAC,CAAC,EACtCD,WAAW,CAACE,OAAO,CAACH,GAAG,CAAC,UAAAI,MAAM;MAAA,oBAC7BX,KAAA,CAAAM,aAAA,CAACJ,eAAe,EAAAU,QAAA,KAAKD,MAAM,EAAMA,MAAM,CAACE,cAAc,CAAC,CAAC,CAAG,CAAC;IAAA,CAC7D,CACC,CAAC;EAAA,CACN,CACI,CAAC;AAEZ;AAEAV,cAAc,CAACW,SAAS,GAAG;EACzBT,YAAY,EAAEJ,SAAS,CAACc,OAAO,CAACd,SAAS,CAACe,KAAK,CAAC;IAC9CN,OAAO,EAAET,SAAS,CAACc,OAAO,CAACd,SAAS,CAACe,KAAK,CAAC;MACzC;MACAH,cAAc,EAAEZ,SAAS,CAACgB,IAAI,CAACC;IACjC,CAAC,CAAC,CAAC,CAACA,UAAU;IACd;IACAT,mBAAmB,EAAER,SAAS,CAACgB,IAAI,CAACC;EACtC,CAAC,CAAC,CAAC,CAACA;AACN,CAAC;AAED,eAAef,cAAc"}
@@ -2,19 +2,25 @@ import React, { useContext } from 'react';
2
2
  import DataTableContext from './DataTableContext';
3
3
  import Pagination from '../Pagination';
4
4
  function TablePagination() {
5
- const {
6
- pageCount,
7
- state,
8
- gotoPage
9
- } = useContext(DataTableContext);
5
+ var _useContext = useContext(DataTableContext),
6
+ pageCount = _useContext.pageCount,
7
+ state = _useContext.state,
8
+ gotoPage = _useContext.gotoPage;
10
9
  if (!pageCount || pageCount < 2) {
11
10
  return null;
12
11
  }
13
- const pageIndex = state?.pageIndex;
14
- return /*#__PURE__*/React.createElement(Pagination.Reduced, {
12
+ var pageIndex = state === null || state === void 0 ? void 0 : state.pageIndex;
13
+ return /*#__PURE__*/React.createElement(Pagination, {
14
+ variant: "reduced",
15
15
  currentPage: pageIndex + 1,
16
- handlePageSelect: pageNum => gotoPage(pageNum - 1),
17
- pageCount: pageCount
16
+ onPageSelect: function onPageSelect(pageNum) {
17
+ return gotoPage(pageNum - 1);
18
+ },
19
+ pageCount: pageCount,
20
+ icons: {
21
+ leftIcon: null,
22
+ rightIcon: null
23
+ }
18
24
  });
19
25
  }
20
26
  export default TablePagination;
@@ -1 +1 @@
1
- {"version":3,"file":"TablePagination.js","names":["React","useContext","DataTableContext","Pagination","TablePagination","pageCount","state","gotoPage","pageIndex","createElement","Reduced","currentPage","handlePageSelect","pageNum"],"sources":["../../src/DataTable/TablePagination.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport DataTableContext from './DataTableContext';\nimport Pagination from '../Pagination';\n\nfunction TablePagination() {\n const {\n pageCount, state, gotoPage,\n } = useContext(DataTableContext);\n\n if (!pageCount || pageCount < 2) {\n return null;\n }\n\n const pageIndex = state?.pageIndex;\n\n return (\n <Pagination.Reduced\n currentPage={pageIndex + 1}\n handlePageSelect={(pageNum) => gotoPage(pageNum - 1)}\n pageCount={pageCount}\n />\n );\n}\n\nexport default TablePagination;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,UAAU,MAAM,eAAe;AAEtC,SAASC,eAAeA,CAAA,EAAG;EACzB,MAAM;IACJC,SAAS;IAAEC,KAAK;IAAEC;EACpB,CAAC,GAAGN,UAAU,CAACC,gBAAgB,CAAC;EAEhC,IAAI,CAACG,SAAS,IAAIA,SAAS,GAAG,CAAC,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,MAAMG,SAAS,GAAGF,KAAK,EAAEE,SAAS;EAElC,oBACER,KAAA,CAAAS,aAAA,CAACN,UAAU,CAACO,OAAO;IACjBC,WAAW,EAAEH,SAAS,GAAG,CAAE;IAC3BI,gBAAgB,EAAGC,OAAO,IAAKN,QAAQ,CAACM,OAAO,GAAG,CAAC,CAAE;IACrDR,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN;AAEA,eAAeD,eAAe"}
1
+ {"version":3,"file":"TablePagination.js","names":["React","useContext","DataTableContext","Pagination","TablePagination","_useContext","pageCount","state","gotoPage","pageIndex","createElement","variant","currentPage","onPageSelect","pageNum","icons","leftIcon","rightIcon"],"sources":["../../src/DataTable/TablePagination.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport DataTableContext from './DataTableContext';\nimport Pagination from '../Pagination';\n\nfunction TablePagination() {\n const {\n pageCount, state, gotoPage,\n } = useContext(DataTableContext);\n\n if (!pageCount || pageCount < 2) {\n return null;\n }\n\n const pageIndex = state?.pageIndex;\n\n return (\n <Pagination\n variant=\"reduced\"\n currentPage={pageIndex + 1}\n onPageSelect={(pageNum) => gotoPage(pageNum - 1)}\n pageCount={pageCount}\n icons={{\n leftIcon: null,\n rightIcon: null,\n }}\n />\n );\n}\n\nexport default TablePagination;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,UAAU,MAAM,eAAe;AAEtC,SAASC,eAAeA,CAAA,EAAG;EACzB,IAAAC,WAAA,GAEIJ,UAAU,CAACC,gBAAgB,CAAC;IAD9BI,SAAS,GAAAD,WAAA,CAATC,SAAS;IAAEC,KAAK,GAAAF,WAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;EAG5B,IAAI,CAACF,SAAS,IAAIA,SAAS,GAAG,CAAC,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,IAAMG,SAAS,GAAGF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,SAAS;EAElC,oBACET,KAAA,CAAAU,aAAA,CAACP,UAAU;IACTQ,OAAO,EAAC,SAAS;IACjBC,WAAW,EAAEH,SAAS,GAAG,CAAE;IAC3BI,YAAY,EAAE,SAAAA,aAACC,OAAO;MAAA,OAAKN,QAAQ,CAACM,OAAO,GAAG,CAAC,CAAC;IAAA,CAAC;IACjDR,SAAS,EAAEA,SAAU;IACrBS,KAAK,EAAE;MACLC,QAAQ,EAAE,IAAI;MACdC,SAAS,EAAE;IACb;EAAE,CACH,CAAC;AAEN;AAEA,eAAeb,eAAe"}
@@ -1,25 +1,31 @@
1
1
  import React, { useContext } from 'react';
2
2
  import DataTableContext from './DataTableContext';
3
3
  import Pagination from '../Pagination';
4
+ import { ArrowBackIos, ArrowForwardIos } from '../../icons';
4
5
  function TablePaginationMinimal() {
5
- const {
6
- nextPage,
7
- pageCount,
8
- gotoPage,
9
- state
10
- } = useContext(DataTableContext);
6
+ var _useContext = useContext(DataTableContext),
7
+ nextPage = _useContext.nextPage,
8
+ pageCount = _useContext.pageCount,
9
+ gotoPage = _useContext.gotoPage,
10
+ state = _useContext.state;
11
11
 
12
12
  // Use nextPage as a proxy for whether or not the table is paginated
13
13
  if (!nextPage) {
14
14
  return null;
15
15
  }
16
- const pageIndex = state?.pageIndex;
16
+ var pageIndex = state === null || state === void 0 ? void 0 : state.pageIndex;
17
17
  return /*#__PURE__*/React.createElement(Pagination, {
18
18
  variant: "minimal",
19
19
  currentPage: pageIndex + 1,
20
20
  pageCount: pageCount,
21
21
  paginationLabel: "table pagination",
22
- onPageSelect: pageNum => gotoPage(pageNum - 1)
22
+ onPageSelect: function onPageSelect(pageNum) {
23
+ return gotoPage(pageNum - 1);
24
+ },
25
+ icons: {
26
+ leftIcon: ArrowBackIos,
27
+ rightIcon: ArrowForwardIos
28
+ }
23
29
  });
24
30
  }
25
31
  export default TablePaginationMinimal;
@@ -1 +1 @@
1
- {"version":3,"file":"TablePaginationMinimal.js","names":["React","useContext","DataTableContext","Pagination","TablePaginationMinimal","nextPage","pageCount","gotoPage","state","pageIndex","createElement","variant","currentPage","paginationLabel","onPageSelect","pageNum"],"sources":["../../src/DataTable/TablePaginationMinimal.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport DataTableContext from './DataTableContext';\nimport Pagination from '../Pagination';\n\nfunction TablePaginationMinimal() {\n const {\n nextPage, pageCount, gotoPage, state,\n } = useContext(DataTableContext);\n\n // Use nextPage as a proxy for whether or not the table is paginated\n if (!nextPage) {\n return null;\n }\n\n const pageIndex = state?.pageIndex;\n\n return (\n <Pagination\n variant=\"minimal\"\n currentPage={pageIndex + 1}\n pageCount={pageCount}\n paginationLabel=\"table pagination\"\n onPageSelect={(pageNum) => gotoPage(pageNum - 1)}\n />\n );\n}\n\nexport default TablePaginationMinimal;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,UAAU,MAAM,eAAe;AAEtC,SAASC,sBAAsBA,CAAA,EAAG;EAChC,MAAM;IACJC,QAAQ;IAAEC,SAAS;IAAEC,QAAQ;IAAEC;EACjC,CAAC,GAAGP,UAAU,CAACC,gBAAgB,CAAC;;EAEhC;EACA,IAAI,CAACG,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,MAAMI,SAAS,GAAGD,KAAK,EAAEC,SAAS;EAElC,oBACET,KAAA,CAAAU,aAAA,CAACP,UAAU;IACTQ,OAAO,EAAC,SAAS;IACjBC,WAAW,EAAEH,SAAS,GAAG,CAAE;IAC3BH,SAAS,EAAEA,SAAU;IACrBO,eAAe,EAAC,kBAAkB;IAClCC,YAAY,EAAGC,OAAO,IAAKR,QAAQ,CAACQ,OAAO,GAAG,CAAC;EAAE,CAClD,CAAC;AAEN;AAEA,eAAeX,sBAAsB"}
1
+ {"version":3,"file":"TablePaginationMinimal.js","names":["React","useContext","DataTableContext","Pagination","ArrowBackIos","ArrowForwardIos","TablePaginationMinimal","_useContext","nextPage","pageCount","gotoPage","state","pageIndex","createElement","variant","currentPage","paginationLabel","onPageSelect","pageNum","icons","leftIcon","rightIcon"],"sources":["../../src/DataTable/TablePaginationMinimal.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport DataTableContext from './DataTableContext';\nimport Pagination from '../Pagination';\nimport { ArrowBackIos, ArrowForwardIos } from '../../icons';\n\nfunction TablePaginationMinimal() {\n const {\n nextPage, pageCount, gotoPage, state,\n } = useContext(DataTableContext);\n\n // Use nextPage as a proxy for whether or not the table is paginated\n if (!nextPage) {\n return null;\n }\n\n const pageIndex = state?.pageIndex;\n\n return (\n <Pagination\n variant=\"minimal\"\n currentPage={pageIndex + 1}\n pageCount={pageCount}\n paginationLabel=\"table pagination\"\n onPageSelect={(pageNum) => gotoPage(pageNum - 1)}\n icons={{\n leftIcon: ArrowBackIos,\n rightIcon: ArrowForwardIos,\n }}\n />\n );\n}\n\nexport default TablePaginationMinimal;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,YAAY,EAAEC,eAAe,QAAQ,aAAa;AAE3D,SAASC,sBAAsBA,CAAA,EAAG;EAChC,IAAAC,WAAA,GAEIN,UAAU,CAACC,gBAAgB,CAAC;IAD9BM,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,WAAA,CAATE,SAAS;IAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;IAAEC,KAAK,GAAAJ,WAAA,CAALI,KAAK;;EAGtC;EACA,IAAI,CAACH,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,IAAMI,SAAS,GAAGD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,SAAS;EAElC,oBACEZ,KAAA,CAAAa,aAAA,CAACV,UAAU;IACTW,OAAO,EAAC,SAAS;IACjBC,WAAW,EAAEH,SAAS,GAAG,CAAE;IAC3BH,SAAS,EAAEA,SAAU;IACrBO,eAAe,EAAC,kBAAkB;IAClCC,YAAY,EAAE,SAAAA,aAACC,OAAO;MAAA,OAAKR,QAAQ,CAACQ,OAAO,GAAG,CAAC,CAAC;IAAA,CAAC;IACjDC,KAAK,EAAE;MACLC,QAAQ,EAAEhB,YAAY;MACtBiB,SAAS,EAAEhB;IACb;EAAE,CACH,CAAC;AAEN;AAEA,eAAeC,sBAAsB"}
@@ -5,31 +5,28 @@ import classNames from 'classnames';
5
5
  import TableCell from './TableCell';
6
6
  import DataTableContext from './DataTableContext';
7
7
  function TableRow(_ref) {
8
- let {
9
- row
10
- } = _ref;
11
- const {
12
- getRowProps,
13
- cells,
14
- id,
15
- isSelected,
16
- isExpanded
17
- } = row;
18
- const {
19
- renderRowSubComponent,
20
- visibleColumns
21
- } = useContext(DataTableContext);
8
+ var row = _ref.row;
9
+ var getRowProps = row.getRowProps,
10
+ cells = row.cells,
11
+ id = row.id,
12
+ isSelected = row.isSelected,
13
+ isExpanded = row.isExpanded;
14
+ var _useContext = useContext(DataTableContext),
15
+ renderRowSubComponent = _useContext.renderRowSubComponent,
16
+ visibleColumns = _useContext.visibleColumns;
22
17
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", getRowProps({
23
18
  className: classNames({
24
19
  'pgn__data-table-row': true,
25
20
  'is-selected': isSelected
26
21
  })
27
- }), cells.map(cell => /*#__PURE__*/React.createElement(TableCell, _extends({}, cell, {
28
- key: `${cell.column.Header}${id}`
29
- })))), isExpanded && renderRowSubComponent ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
22
+ }), cells.map(function (cell) {
23
+ return /*#__PURE__*/React.createElement(TableCell, _extends({}, cell, {
24
+ key: "".concat(cell.column.Header).concat(id)
25
+ }));
26
+ })), isExpanded && renderRowSubComponent ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
30
27
  colSpan: visibleColumns.length
31
28
  }, renderRowSubComponent({
32
- row
29
+ row: row
33
30
  }))) : null);
34
31
  }
35
32
  TableRow.propTypes = {
@@ -1 +1 @@
1
- {"version":3,"file":"TableRow.js","names":["React","useContext","PropTypes","classNames","TableCell","DataTableContext","TableRow","_ref","row","getRowProps","cells","id","isSelected","isExpanded","renderRowSubComponent","visibleColumns","createElement","Fragment","className","map","cell","_extends","key","column","Header","colSpan","length","propTypes","shape","func","isRequired","arrayOf","string","bool"],"sources":["../../src/DataTable/TableRow.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport TableCell from './TableCell';\nimport DataTableContext from './DataTableContext';\n\nfunction TableRow({ row }) {\n const {\n getRowProps, cells, id, isSelected, isExpanded,\n } = row;\n const { renderRowSubComponent, visibleColumns } = useContext(DataTableContext);\n\n return (\n <>\n <tr {...getRowProps({\n className: classNames({\n 'pgn__data-table-row': true,\n 'is-selected': isSelected,\n }),\n })}\n >\n {cells.map(cell => <TableCell {...cell} key={`${cell.column.Header}${id}`} />)}\n </tr>\n {isExpanded && renderRowSubComponent ? (\n <tr>\n <td colSpan={visibleColumns.length}>\n {renderRowSubComponent({ row })}\n </td>\n </tr>\n ) : null}\n </>\n );\n}\n\nTableRow.propTypes = {\n /** Row data that is received from `react-table` API. */\n row: PropTypes.shape({\n /** props to include on the tr tag (must include id) */\n getRowProps: PropTypes.func.isRequired,\n /** cells in the row */\n cells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n /** row id */\n id: PropTypes.string.isRequired,\n /** indicates if row has been selected */\n isSelected: PropTypes.bool,\n /** Indicates if row has been expanded. */\n isExpanded: PropTypes.bool,\n }).isRequired,\n};\n\nexport default TableRow;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,QAAQA,CAAAC,IAAA,EAAU;EAAA,IAAT;IAAEC;EAAI,CAAC,GAAAD,IAAA;EACvB,MAAM;IACJE,WAAW;IAAEC,KAAK;IAAEC,EAAE;IAAEC,UAAU;IAAEC;EACtC,CAAC,GAAGL,GAAG;EACP,MAAM;IAAEM,qBAAqB;IAAEC;EAAe,CAAC,GAAGd,UAAU,CAACI,gBAAgB,CAAC;EAE9E,oBACEL,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,qBACEjB,KAAA,CAAAgB,aAAA,OAAQP,WAAW,CAAC;IAClBS,SAAS,EAAEf,UAAU,CAAC;MACpB,qBAAqB,EAAE,IAAI;MAC3B,aAAa,EAAES;IACjB,CAAC;EACH,CAAC,CAAC,EAECF,KAAK,CAACS,GAAG,CAACC,IAAI,iBAAIpB,KAAA,CAAAgB,aAAA,CAACZ,SAAS,EAAAiB,QAAA,KAAKD,IAAI;IAAEE,GAAG,EAAG,GAAEF,IAAI,CAACG,MAAM,CAACC,MAAO,GAAEb,EAAG;EAAE,EAAE,CAAC,CAC3E,CAAC,EACJE,UAAU,IAAIC,qBAAqB,gBAClCd,KAAA,CAAAgB,aAAA,0BACEhB,KAAA,CAAAgB,aAAA;IAAIS,OAAO,EAAEV,cAAc,CAACW;EAAO,GAChCZ,qBAAqB,CAAC;IAAEN;EAAI,CAAC,CAC5B,CACF,CAAC,GACH,IACJ,CAAC;AAEP;AAEAF,QAAQ,CAACqB,SAAS,GAAG;EACnB;EACAnB,GAAG,EAAEN,SAAS,CAAC0B,KAAK,CAAC;IACnB;IACAnB,WAAW,EAAEP,SAAS,CAAC2B,IAAI,CAACC,UAAU;IACtC;IACApB,KAAK,EAAER,SAAS,CAAC6B,OAAO,CAAC7B,SAAS,CAAC0B,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAACE,UAAU;IACxD;IACAnB,EAAE,EAAET,SAAS,CAAC8B,MAAM,CAACF,UAAU;IAC/B;IACAlB,UAAU,EAAEV,SAAS,CAAC+B,IAAI;IAC1B;IACApB,UAAU,EAAEX,SAAS,CAAC+B;EACxB,CAAC,CAAC,CAACH;AACL,CAAC;AAED,eAAexB,QAAQ"}
1
+ {"version":3,"file":"TableRow.js","names":["React","useContext","PropTypes","classNames","TableCell","DataTableContext","TableRow","_ref","row","getRowProps","cells","id","isSelected","isExpanded","_useContext","renderRowSubComponent","visibleColumns","createElement","Fragment","className","map","cell","_extends","key","concat","column","Header","colSpan","length","propTypes","shape","func","isRequired","arrayOf","string","bool"],"sources":["../../src/DataTable/TableRow.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport TableCell from './TableCell';\nimport DataTableContext from './DataTableContext';\n\nfunction TableRow({ row }) {\n const {\n getRowProps, cells, id, isSelected, isExpanded,\n } = row;\n const { renderRowSubComponent, visibleColumns } = useContext(DataTableContext);\n\n return (\n <>\n <tr {...getRowProps({\n className: classNames({\n 'pgn__data-table-row': true,\n 'is-selected': isSelected,\n }),\n })}\n >\n {cells.map(cell => <TableCell {...cell} key={`${cell.column.Header}${id}`} />)}\n </tr>\n {isExpanded && renderRowSubComponent ? (\n <tr>\n <td colSpan={visibleColumns.length}>\n {renderRowSubComponent({ row })}\n </td>\n </tr>\n ) : null}\n </>\n );\n}\n\nTableRow.propTypes = {\n /** Row data that is received from `react-table` API. */\n row: PropTypes.shape({\n /** props to include on the tr tag (must include id) */\n getRowProps: PropTypes.func.isRequired,\n /** cells in the row */\n cells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n /** row id */\n id: PropTypes.string.isRequired,\n /** indicates if row has been selected */\n isSelected: PropTypes.bool,\n /** Indicates if row has been expanded. */\n isExpanded: PropTypes.bool,\n }).isRequired,\n};\n\nexport default TableRow;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,QAAQA,CAAAC,IAAA,EAAU;EAAA,IAAPC,GAAG,GAAAD,IAAA,CAAHC,GAAG;EACrB,IACEC,WAAW,GACTD,GAAG,CADLC,WAAW;IAAEC,KAAK,GAChBF,GAAG,CADQE,KAAK;IAAEC,EAAE,GACpBH,GAAG,CADeG,EAAE;IAAEC,UAAU,GAChCJ,GAAG,CADmBI,UAAU;IAAEC,UAAU,GAC5CL,GAAG,CAD+BK,UAAU;EAEhD,IAAAC,WAAA,GAAkDb,UAAU,CAACI,gBAAgB,CAAC;IAAtEU,qBAAqB,GAAAD,WAAA,CAArBC,qBAAqB;IAAEC,cAAc,GAAAF,WAAA,CAAdE,cAAc;EAE7C,oBACEhB,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,qBACElB,KAAA,CAAAiB,aAAA,OAAQR,WAAW,CAAC;IAClBU,SAAS,EAAEhB,UAAU,CAAC;MACpB,qBAAqB,EAAE,IAAI;MAC3B,aAAa,EAAES;IACjB,CAAC;EACH,CAAC,CAAC,EAECF,KAAK,CAACU,GAAG,CAAC,UAAAC,IAAI;IAAA,oBAAIrB,KAAA,CAAAiB,aAAA,CAACb,SAAS,EAAAkB,QAAA,KAAKD,IAAI;MAAEE,GAAG,KAAAC,MAAA,CAAKH,IAAI,CAACI,MAAM,CAACC,MAAM,EAAAF,MAAA,CAAGb,EAAE;IAAG,EAAE,CAAC;EAAA,EAC3E,CAAC,EACJE,UAAU,IAAIE,qBAAqB,gBAClCf,KAAA,CAAAiB,aAAA,0BACEjB,KAAA,CAAAiB,aAAA;IAAIU,OAAO,EAAEX,cAAc,CAACY;EAAO,GAChCb,qBAAqB,CAAC;IAAEP,GAAG,EAAHA;EAAI,CAAC,CAC5B,CACF,CAAC,GACH,IACJ,CAAC;AAEP;AAEAF,QAAQ,CAACuB,SAAS,GAAG;EACnB;EACArB,GAAG,EAAEN,SAAS,CAAC4B,KAAK,CAAC;IACnB;IACArB,WAAW,EAAEP,SAAS,CAAC6B,IAAI,CAACC,UAAU;IACtC;IACAtB,KAAK,EAAER,SAAS,CAAC+B,OAAO,CAAC/B,SAAS,CAAC4B,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAACE,UAAU;IACxD;IACArB,EAAE,EAAET,SAAS,CAACgC,MAAM,CAACF,UAAU;IAC/B;IACApB,UAAU,EAAEV,SAAS,CAACiC,IAAI;IAC1B;IACAtB,UAAU,EAAEX,SAAS,CAACiC;EACxB,CAAC,CAAC,CAACH;AACL,CAAC;AAED,eAAe1B,QAAQ"}
@@ -0,0 +1,11 @@
1
+ $data-table-background-color: $white !default;
2
+ $data-table-border: 2px solid $light-300 !default;
3
+ $data-table-box-shadow: $box-shadow-sm !default;
4
+ $data-table-padding-x: .75rem !default;
5
+ $data-table-padding-y: .75rem !default;
6
+ $data-table-padding-small: .5rem !default;
7
+ $data-table-cell-padding: .5rem .75rem !default;
8
+ $data-table-footer-position: center !default;
9
+ $data-table-pagination-dropdown-max-height: 60vh !default;
10
+ $data-table-pagination-dropdown-min-width: 6rem !default;
11
+ $data-table-layout-sidebar-width: 12rem !default;