@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
@@ -1 +1 @@
1
- {"version":3,"file":"ControlledSelectionStatus.js","names":["React","useContext","useEffect","PropTypes","DataTableContext","BaseSelectionStatus","clearSelectionAction","setSelectAllRowsAllPagesAction","setSelectedRowsAction","getUnselectedPageRows","getRowIds","ControlledSelectionStatus","_ref","className","clearSelectionText","itemCount","page","controlledTableSelections","selectedRows","isEntireTableSelected","dispatch","selectedRowIds","unselectedPageRows","length","numSelectedRows","numSelectedRowsOnPage","filter","r","isSelected","selectionStatusProps","onSelectAll","onClear","createElement","defaultProps","undefined","propTypes","string","oneOfType","element"],"sources":["../../../src/DataTable/selection/ControlledSelectionStatus.jsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTableContext from '../DataTableContext';\nimport BaseSelectionStatus from './BaseSelectionStatus';\n\nimport {\n clearSelectionAction,\n setSelectAllRowsAllPagesAction,\n setSelectedRowsAction,\n} from './data/actions';\nimport {\n getUnselectedPageRows,\n getRowIds,\n} from './data/helpers';\n\nfunction ControlledSelectionStatus({ className, clearSelectionText }) {\n const {\n itemCount,\n page,\n controlledTableSelections: [{ selectedRows, isEntireTableSelected }, dispatch],\n } = useContext(DataTableContext);\n\n useEffect(\n () => {\n if (isEntireTableSelected) {\n const selectedRowIds = getRowIds(selectedRows);\n const unselectedPageRows = getUnselectedPageRows(selectedRowIds, page);\n if (unselectedPageRows.length) {\n dispatch(setSelectedRowsAction(unselectedPageRows, itemCount));\n }\n }\n },\n [isEntireTableSelected, selectedRows, itemCount, page, dispatch],\n );\n\n const numSelectedRows = isEntireTableSelected ? itemCount : selectedRows.length;\n const numSelectedRowsOnPage = (page || []).filter(r => r.isSelected).length;\n\n const selectionStatusProps = {\n className,\n numSelectedRows,\n numSelectedRowsOnPage,\n clearSelectionText,\n onSelectAll: () => dispatch(setSelectAllRowsAllPagesAction()),\n onClear: () => dispatch(clearSelectionAction()),\n };\n return <BaseSelectionStatus {...selectionStatusProps} />;\n}\n\nControlledSelectionStatus.defaultProps = {\n className: undefined,\n clearSelectionText: undefined,\n};\n\nControlledSelectionStatus.propTypes = {\n /** A class name to append to the base element */\n className: PropTypes.string,\n /** A text that appears on the `Clear selection` button, defaults to 'Clear Selection' */\n clearSelectionText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nexport default ControlledSelectionStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AACpD,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,qBAAqB,QAChB,gBAAgB;AACvB,SACEC,qBAAqB,EACrBC,SAAS,QACJ,gBAAgB;AAEvB,SAASC,yBAAyBA,CAAAC,IAAA,EAAoC;EAAA,IAAnC;IAAEC,SAAS;IAAEC;EAAmB,CAAC,GAAAF,IAAA;EAClE,MAAM;IACJG,SAAS;IACTC,IAAI;IACJC,yBAAyB,EAAE,CAAC;MAAEC,YAAY;MAAEC;IAAsB,CAAC,EAAEC,QAAQ;EAC/E,CAAC,GAAGnB,UAAU,CAACG,gBAAgB,CAAC;EAEhCF,SAAS,CACP,MAAM;IACJ,IAAIiB,qBAAqB,EAAE;MACzB,MAAME,cAAc,GAAGX,SAAS,CAACQ,YAAY,CAAC;MAC9C,MAAMI,kBAAkB,GAAGb,qBAAqB,CAACY,cAAc,EAAEL,IAAI,CAAC;MACtE,IAAIM,kBAAkB,CAACC,MAAM,EAAE;QAC7BH,QAAQ,CAACZ,qBAAqB,CAACc,kBAAkB,EAAEP,SAAS,CAAC,CAAC;MAChE;IACF;EACF,CAAC,EACD,CAACI,qBAAqB,EAAED,YAAY,EAAEH,SAAS,EAAEC,IAAI,EAAEI,QAAQ,CACjE,CAAC;EAED,MAAMI,eAAe,GAAGL,qBAAqB,GAAGJ,SAAS,GAAGG,YAAY,CAACK,MAAM;EAC/E,MAAME,qBAAqB,GAAG,CAACT,IAAI,IAAI,EAAE,EAAEU,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,UAAU,CAAC,CAACL,MAAM;EAE3E,MAAMM,oBAAoB,GAAG;IAC3BhB,SAAS;IACTW,eAAe;IACfC,qBAAqB;IACrBX,kBAAkB;IAClBgB,WAAW,EAAEA,CAAA,KAAMV,QAAQ,CAACb,8BAA8B,CAAC,CAAC,CAAC;IAC7DwB,OAAO,EAAEA,CAAA,KAAMX,QAAQ,CAACd,oBAAoB,CAAC,CAAC;EAChD,CAAC;EACD,oBAAON,KAAA,CAAAgC,aAAA,CAAC3B,mBAAmB,EAAKwB,oBAAuB,CAAC;AAC1D;AAEAlB,yBAAyB,CAACsB,YAAY,GAAG;EACvCpB,SAAS,EAAEqB,SAAS;EACpBpB,kBAAkB,EAAEoB;AACtB,CAAC;AAEDvB,yBAAyB,CAACwB,SAAS,GAAG;EACpC;EACAtB,SAAS,EAAEV,SAAS,CAACiC,MAAM;EAC3B;EACAtB,kBAAkB,EAAEX,SAAS,CAACkC,SAAS,CAAC,CAAClC,SAAS,CAACiC,MAAM,EAAEjC,SAAS,CAACmC,OAAO,CAAC;AAC/E,CAAC;AAED,eAAe3B,yBAAyB"}
1
+ {"version":3,"file":"ControlledSelectionStatus.js","names":["React","useContext","useEffect","PropTypes","DataTableContext","BaseSelectionStatus","clearSelectionAction","setSelectAllRowsAllPagesAction","setSelectedRowsAction","getUnselectedPageRows","getRowIds","ControlledSelectionStatus","_ref","className","clearSelectionText","_useContext","itemCount","page","_useContext$controlle","_slicedToArray","controlledTableSelections","_useContext$controlle2","selectedRows","isEntireTableSelected","dispatch","selectedRowIds","unselectedPageRows","length","numSelectedRows","numSelectedRowsOnPage","filter","r","isSelected","selectionStatusProps","onSelectAll","onClear","createElement","defaultProps","undefined","propTypes","string","oneOfType","element"],"sources":["../../../src/DataTable/selection/ControlledSelectionStatus.jsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTableContext from '../DataTableContext';\nimport BaseSelectionStatus from './BaseSelectionStatus';\n\nimport {\n clearSelectionAction,\n setSelectAllRowsAllPagesAction,\n setSelectedRowsAction,\n} from './data/actions';\nimport {\n getUnselectedPageRows,\n getRowIds,\n} from './data/helpers';\n\nfunction ControlledSelectionStatus({ className, clearSelectionText }) {\n const {\n itemCount,\n page,\n controlledTableSelections: [{ selectedRows, isEntireTableSelected }, dispatch],\n } = useContext(DataTableContext);\n\n useEffect(\n () => {\n if (isEntireTableSelected) {\n const selectedRowIds = getRowIds(selectedRows);\n const unselectedPageRows = getUnselectedPageRows(selectedRowIds, page);\n if (unselectedPageRows.length) {\n dispatch(setSelectedRowsAction(unselectedPageRows, itemCount));\n }\n }\n },\n [isEntireTableSelected, selectedRows, itemCount, page, dispatch],\n );\n\n const numSelectedRows = isEntireTableSelected ? itemCount : selectedRows.length;\n const numSelectedRowsOnPage = (page || []).filter(r => r.isSelected).length;\n\n const selectionStatusProps = {\n className,\n numSelectedRows,\n numSelectedRowsOnPage,\n clearSelectionText,\n onSelectAll: () => dispatch(setSelectAllRowsAllPagesAction()),\n onClear: () => dispatch(clearSelectionAction()),\n };\n return <BaseSelectionStatus {...selectionStatusProps} />;\n}\n\nControlledSelectionStatus.defaultProps = {\n className: undefined,\n clearSelectionText: undefined,\n};\n\nControlledSelectionStatus.propTypes = {\n /** A class name to append to the base element */\n className: PropTypes.string,\n /** A text that appears on the `Clear selection` button, defaults to 'Clear Selection' */\n clearSelectionText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nexport default ControlledSelectionStatus;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AACpD,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,qBAAqB,QAChB,gBAAgB;AACvB,SACEC,qBAAqB,EACrBC,SAAS,QACJ,gBAAgB;AAEvB,SAASC,yBAAyBA,CAAAC,IAAA,EAAoC;EAAA,IAAjCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;EAChE,IAAAC,WAAA,GAIId,UAAU,CAACG,gBAAgB,CAAC;IAH9BY,SAAS,GAAAD,WAAA,CAATC,SAAS;IACTC,IAAI,GAAAF,WAAA,CAAJE,IAAI;IAAAC,qBAAA,GAAAC,cAAA,CAAAJ,WAAA,CACJK,yBAAyB;IAAAC,sBAAA,GAAAH,qBAAA;IAAKI,YAAY,GAAAD,sBAAA,CAAZC,YAAY;IAAEC,qBAAqB,GAAAF,sBAAA,CAArBE,qBAAqB;IAAIC,QAAQ,GAAAN,qBAAA;EAG/EhB,SAAS,CACP,YAAM;IACJ,IAAIqB,qBAAqB,EAAE;MACzB,IAAME,cAAc,GAAGf,SAAS,CAACY,YAAY,CAAC;MAC9C,IAAMI,kBAAkB,GAAGjB,qBAAqB,CAACgB,cAAc,EAAER,IAAI,CAAC;MACtE,IAAIS,kBAAkB,CAACC,MAAM,EAAE;QAC7BH,QAAQ,CAAChB,qBAAqB,CAACkB,kBAAkB,EAAEV,SAAS,CAAC,CAAC;MAChE;IACF;EACF,CAAC,EACD,CAACO,qBAAqB,EAAED,YAAY,EAAEN,SAAS,EAAEC,IAAI,EAAEO,QAAQ,CACjE,CAAC;EAED,IAAMI,eAAe,GAAGL,qBAAqB,GAAGP,SAAS,GAAGM,YAAY,CAACK,MAAM;EAC/E,IAAME,qBAAqB,GAAG,CAACZ,IAAI,IAAI,EAAE,EAAEa,MAAM,CAAC,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,UAAU;EAAA,EAAC,CAACL,MAAM;EAE3E,IAAMM,oBAAoB,GAAG;IAC3BpB,SAAS,EAATA,SAAS;IACTe,eAAe,EAAfA,eAAe;IACfC,qBAAqB,EAArBA,qBAAqB;IACrBf,kBAAkB,EAAlBA,kBAAkB;IAClBoB,WAAW,EAAE,SAAAA,YAAA;MAAA,OAAMV,QAAQ,CAACjB,8BAA8B,CAAC,CAAC,CAAC;IAAA;IAC7D4B,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMX,QAAQ,CAAClB,oBAAoB,CAAC,CAAC,CAAC;IAAA;EACjD,CAAC;EACD,oBAAON,KAAA,CAAAoC,aAAA,CAAC/B,mBAAmB,EAAK4B,oBAAuB,CAAC;AAC1D;AAEAtB,yBAAyB,CAAC0B,YAAY,GAAG;EACvCxB,SAAS,EAAEyB,SAAS;EACpBxB,kBAAkB,EAAEwB;AACtB,CAAC;AAED3B,yBAAyB,CAAC4B,SAAS,GAAG;EACpC;EACA1B,SAAS,EAAEV,SAAS,CAACqC,MAAM;EAC3B;EACA1B,kBAAkB,EAAEX,SAAS,CAACsC,SAAS,CAAC,CAACtC,SAAS,CAACqC,MAAM,EAAErC,SAAS,CAACuC,OAAO,CAAC;AAC/E,CAAC;AAED,eAAe/B,yBAAyB"}
@@ -4,29 +4,29 @@ import DataTableContext from '../DataTableContext';
4
4
  import BaseSelectionStatus from './BaseSelectionStatus';
5
5
  import { useRows } from '../hooks';
6
6
  function SelectionStatus(_ref) {
7
- let {
8
- className,
9
- clearSelectionText
10
- } = _ref;
11
- const {
12
- toggleAllRowsSelected,
13
- state
14
- } = useContext(DataTableContext);
15
- const {
16
- displayRows
17
- } = useRows();
18
- const {
19
- selectedRowIds
20
- } = state;
21
- const numSelectedRows = Object.keys(selectedRowIds || {}).length;
22
- const numSelectedRowsOnPage = displayRows.filter(r => r.isSelected).length;
23
- const selectionStatusProps = {
24
- className,
25
- numSelectedRows,
26
- numSelectedRowsOnPage,
27
- clearSelectionText,
28
- onSelectAll: () => toggleAllRowsSelected(true),
29
- onClear: () => toggleAllRowsSelected(false)
7
+ var className = _ref.className,
8
+ clearSelectionText = _ref.clearSelectionText;
9
+ var _useContext = useContext(DataTableContext),
10
+ toggleAllRowsSelected = _useContext.toggleAllRowsSelected,
11
+ state = _useContext.state;
12
+ var _useRows = useRows(),
13
+ displayRows = _useRows.displayRows;
14
+ var selectedRowIds = state.selectedRowIds;
15
+ var numSelectedRows = Object.keys(selectedRowIds || {}).length;
16
+ var numSelectedRowsOnPage = displayRows.filter(function (r) {
17
+ return r.isSelected;
18
+ }).length;
19
+ var selectionStatusProps = {
20
+ className: className,
21
+ numSelectedRows: numSelectedRows,
22
+ numSelectedRowsOnPage: numSelectedRowsOnPage,
23
+ clearSelectionText: clearSelectionText,
24
+ onSelectAll: function onSelectAll() {
25
+ return toggleAllRowsSelected(true);
26
+ },
27
+ onClear: function onClear() {
28
+ return toggleAllRowsSelected(false);
29
+ }
30
30
  };
31
31
  return /*#__PURE__*/React.createElement(BaseSelectionStatus, selectionStatusProps);
32
32
  }
@@ -1 +1 @@
1
- {"version":3,"file":"SelectionStatus.js","names":["React","useContext","PropTypes","DataTableContext","BaseSelectionStatus","useRows","SelectionStatus","_ref","className","clearSelectionText","toggleAllRowsSelected","state","displayRows","selectedRowIds","numSelectedRows","Object","keys","length","numSelectedRowsOnPage","filter","r","isSelected","selectionStatusProps","onSelectAll","onClear","createElement","propTypes","string","oneOfType","element","defaultProps","undefined"],"sources":["../../../src/DataTable/selection/SelectionStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTableContext from '../DataTableContext';\nimport BaseSelectionStatus from './BaseSelectionStatus';\nimport { useRows } from '../hooks';\n\nfunction SelectionStatus({ className, clearSelectionText }) {\n const { toggleAllRowsSelected, state } = useContext(DataTableContext);\n const { displayRows } = useRows();\n const { selectedRowIds } = state;\n const numSelectedRows = Object.keys(selectedRowIds || {}).length;\n const numSelectedRowsOnPage = displayRows.filter(r => r.isSelected).length;\n const selectionStatusProps = {\n className,\n numSelectedRows,\n numSelectedRowsOnPage,\n clearSelectionText,\n onSelectAll: () => toggleAllRowsSelected(true),\n onClear: () => toggleAllRowsSelected(false),\n };\n return <BaseSelectionStatus {...selectionStatusProps} />;\n}\n\nSelectionStatus.propTypes = {\n /** A class name to append to the base element */\n className: PropTypes.string,\n /** A text that appears on the `Clear selection` button, defaults to 'Clear Selection' */\n clearSelectionText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nSelectionStatus.defaultProps = {\n className: undefined,\n clearSelectionText: undefined,\n};\n\nexport default SelectionStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,OAAO,QAAQ,UAAU;AAElC,SAASC,eAAeA,CAAAC,IAAA,EAAoC;EAAA,IAAnC;IAAEC,SAAS;IAAEC;EAAmB,CAAC,GAAAF,IAAA;EACxD,MAAM;IAAEG,qBAAqB;IAAEC;EAAM,CAAC,GAAGV,UAAU,CAACE,gBAAgB,CAAC;EACrE,MAAM;IAAES;EAAY,CAAC,GAAGP,OAAO,CAAC,CAAC;EACjC,MAAM;IAAEQ;EAAe,CAAC,GAAGF,KAAK;EAChC,MAAMG,eAAe,GAAGC,MAAM,CAACC,IAAI,CAACH,cAAc,IAAI,CAAC,CAAC,CAAC,CAACI,MAAM;EAChE,MAAMC,qBAAqB,GAAGN,WAAW,CAACO,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,UAAU,CAAC,CAACJ,MAAM;EAC1E,MAAMK,oBAAoB,GAAG;IAC3Bd,SAAS;IACTM,eAAe;IACfI,qBAAqB;IACrBT,kBAAkB;IAClBc,WAAW,EAAEA,CAAA,KAAMb,qBAAqB,CAAC,IAAI,CAAC;IAC9Cc,OAAO,EAAEA,CAAA,KAAMd,qBAAqB,CAAC,KAAK;EAC5C,CAAC;EACD,oBAAOV,KAAA,CAAAyB,aAAA,CAACrB,mBAAmB,EAAKkB,oBAAuB,CAAC;AAC1D;AAEAhB,eAAe,CAACoB,SAAS,GAAG;EAC1B;EACAlB,SAAS,EAAEN,SAAS,CAACyB,MAAM;EAC3B;EACAlB,kBAAkB,EAAEP,SAAS,CAAC0B,SAAS,CAAC,CAAC1B,SAAS,CAACyB,MAAM,EAAEzB,SAAS,CAAC2B,OAAO,CAAC;AAC/E,CAAC;AAEDvB,eAAe,CAACwB,YAAY,GAAG;EAC7BtB,SAAS,EAAEuB,SAAS;EACpBtB,kBAAkB,EAAEsB;AACtB,CAAC;AAED,eAAezB,eAAe"}
1
+ {"version":3,"file":"SelectionStatus.js","names":["React","useContext","PropTypes","DataTableContext","BaseSelectionStatus","useRows","SelectionStatus","_ref","className","clearSelectionText","_useContext","toggleAllRowsSelected","state","_useRows","displayRows","selectedRowIds","numSelectedRows","Object","keys","length","numSelectedRowsOnPage","filter","r","isSelected","selectionStatusProps","onSelectAll","onClear","createElement","propTypes","string","oneOfType","element","defaultProps","undefined"],"sources":["../../../src/DataTable/selection/SelectionStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTableContext from '../DataTableContext';\nimport BaseSelectionStatus from './BaseSelectionStatus';\nimport { useRows } from '../hooks';\n\nfunction SelectionStatus({ className, clearSelectionText }) {\n const { toggleAllRowsSelected, state } = useContext(DataTableContext);\n const { displayRows } = useRows();\n const { selectedRowIds } = state;\n const numSelectedRows = Object.keys(selectedRowIds || {}).length;\n const numSelectedRowsOnPage = displayRows.filter(r => r.isSelected).length;\n const selectionStatusProps = {\n className,\n numSelectedRows,\n numSelectedRowsOnPage,\n clearSelectionText,\n onSelectAll: () => toggleAllRowsSelected(true),\n onClear: () => toggleAllRowsSelected(false),\n };\n return <BaseSelectionStatus {...selectionStatusProps} />;\n}\n\nSelectionStatus.propTypes = {\n /** A class name to append to the base element */\n className: PropTypes.string,\n /** A text that appears on the `Clear selection` button, defaults to 'Clear Selection' */\n clearSelectionText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nSelectionStatus.defaultProps = {\n className: undefined,\n clearSelectionText: undefined,\n};\n\nexport default SelectionStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,OAAO,QAAQ,UAAU;AAElC,SAASC,eAAeA,CAAAC,IAAA,EAAoC;EAAA,IAAjCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;EACtD,IAAAC,WAAA,GAAyCT,UAAU,CAACE,gBAAgB,CAAC;IAA7DQ,qBAAqB,GAAAD,WAAA,CAArBC,qBAAqB;IAAEC,KAAK,GAAAF,WAAA,CAALE,KAAK;EACpC,IAAAC,QAAA,GAAwBR,OAAO,CAAC,CAAC;IAAzBS,WAAW,GAAAD,QAAA,CAAXC,WAAW;EACnB,IAAQC,cAAc,GAAKH,KAAK,CAAxBG,cAAc;EACtB,IAAMC,eAAe,GAAGC,MAAM,CAACC,IAAI,CAACH,cAAc,IAAI,CAAC,CAAC,CAAC,CAACI,MAAM;EAChE,IAAMC,qBAAqB,GAAGN,WAAW,CAACO,MAAM,CAAC,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,UAAU;EAAA,EAAC,CAACJ,MAAM;EAC1E,IAAMK,oBAAoB,GAAG;IAC3BhB,SAAS,EAATA,SAAS;IACTQ,eAAe,EAAfA,eAAe;IACfI,qBAAqB,EAArBA,qBAAqB;IACrBX,kBAAkB,EAAlBA,kBAAkB;IAClBgB,WAAW,EAAE,SAAAA,YAAA;MAAA,OAAMd,qBAAqB,CAAC,IAAI,CAAC;IAAA;IAC9Ce,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMf,qBAAqB,CAAC,KAAK,CAAC;IAAA;EAC7C,CAAC;EACD,oBAAOX,KAAA,CAAA2B,aAAA,CAACvB,mBAAmB,EAAKoB,oBAAuB,CAAC;AAC1D;AAEAlB,eAAe,CAACsB,SAAS,GAAG;EAC1B;EACApB,SAAS,EAAEN,SAAS,CAAC2B,MAAM;EAC3B;EACApB,kBAAkB,EAAEP,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAAC2B,MAAM,EAAE3B,SAAS,CAAC6B,OAAO,CAAC;AAC/E,CAAC;AAEDzB,eAAe,CAAC0B,YAAY,GAAG;EAC7BxB,SAAS,EAAEyB,SAAS;EACpBxB,kBAAkB,EAAEwB;AACtB,CAAC;AAED,eAAe3B,eAAe"}
@@ -3,30 +3,27 @@ import React, { useMemo, useContext, useEffect } from 'react';
3
3
  import { CheckboxControl } from '../../Form';
4
4
  import DataTableContext from '../DataTableContext';
5
5
  import useConvertIndeterminateProp from './useConvertIndeterminateProp';
6
- export const selectColumn = {
6
+ export var selectColumn = {
7
7
  id: 'selection',
8
8
  // The header can use the table's getToggleAllPageRowsSelectedProps or getToggleAllRowsSelectedProps
9
9
  // method to render a checkbox. The method is determined based on whether pagination is enabled or
10
10
  // not (i.e., ``page`` is defined).
11
11
  // Proptypes disabled as these props are passed in separately
12
12
  /* eslint-disable-next-line react/prop-types */
13
- Header: _ref => {
14
- let {
15
- getToggleAllPageRowsSelectedProps,
16
- getToggleAllRowsSelectedProps,
17
- page
18
- } = _ref;
19
- const {
20
- isSelectable,
21
- maxSelectedRows
22
- } = useContext(DataTableContext);
23
- const toggleRowsSelectedProps = useMemo(() => {
13
+ Header: function Header(_ref) {
14
+ var getToggleAllPageRowsSelectedProps = _ref.getToggleAllPageRowsSelectedProps,
15
+ getToggleAllRowsSelectedProps = _ref.getToggleAllRowsSelectedProps,
16
+ page = _ref.page;
17
+ var _useContext = useContext(DataTableContext),
18
+ isSelectable = _useContext.isSelectable,
19
+ maxSelectedRows = _useContext.maxSelectedRows;
20
+ var toggleRowsSelectedProps = useMemo(function () {
24
21
  // determine if this selection is for an individual page or the entire table
25
- const getToggleRowsSelectedProps = page ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;
22
+ var getToggleRowsSelectedProps = page ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;
26
23
  return getToggleRowsSelectedProps();
27
24
  }, [getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, page]);
28
- const updatedProps = useConvertIndeterminateProp(toggleRowsSelectedProps);
29
- const formatMaxSelectedRows = Math.max(0, maxSelectedRows);
25
+ var updatedProps = useConvertIndeterminateProp(toggleRowsSelectedProps);
26
+ var formatMaxSelectedRows = Math.max(0, maxSelectedRows);
30
27
  if (isSelectable && formatMaxSelectedRows >= 0) {
31
28
  return null;
32
29
  }
@@ -40,32 +37,27 @@ export const selectColumn = {
40
37
  // to the render a checkbox
41
38
  // Proptypes disabled as this prop is passed in separately
42
39
  /* eslint-disable react/prop-types */
43
- Cell: _ref2 => {
44
- let {
45
- row
46
- } = _ref2;
47
- const {
48
- isSelectable,
49
- maxSelectedRows,
50
- onMaxSelectedRows,
51
- state: {
52
- selectedRowIds,
53
- selectedRowsOrdered
54
- }
55
- } = useContext(DataTableContext);
56
- const updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());
57
- const {
58
- index
59
- } = row;
60
- const isRowSelected = (index in selectedRowIds);
61
- const selectedRowsLength = Object.keys(selectedRowIds).length;
62
- const formatMaxSelectedRows = Math.max(0, maxSelectedRows);
63
- const hasMaxSelectedRows = formatMaxSelectedRows === selectedRowsLength;
64
- const disableCheck = isSelectable && hasMaxSelectedRows && !isRowSelected;
65
- const lastRowSelected = selectedRowsOrdered?.[selectedRowsOrdered.length - 1] ?? null;
66
- useEffect(() => {
40
+ Cell: function Cell(_ref2) {
41
+ var _selectedRowsOrdered;
42
+ var row = _ref2.row;
43
+ var _useContext2 = useContext(DataTableContext),
44
+ isSelectable = _useContext2.isSelectable,
45
+ maxSelectedRows = _useContext2.maxSelectedRows,
46
+ onMaxSelectedRows = _useContext2.onMaxSelectedRows,
47
+ _useContext2$state = _useContext2.state,
48
+ selectedRowIds = _useContext2$state.selectedRowIds,
49
+ selectedRowsOrdered = _useContext2$state.selectedRowsOrdered;
50
+ var updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());
51
+ var index = row.index;
52
+ var isRowSelected = (index in selectedRowIds);
53
+ var selectedRowsLength = Object.keys(selectedRowIds).length;
54
+ var formatMaxSelectedRows = Math.max(0, maxSelectedRows);
55
+ var hasMaxSelectedRows = formatMaxSelectedRows === selectedRowsLength;
56
+ var disableCheck = isSelectable && hasMaxSelectedRows && !isRowSelected;
57
+ var lastRowSelected = (_selectedRowsOrdered = selectedRowsOrdered === null || selectedRowsOrdered === void 0 ? void 0 : selectedRowsOrdered[selectedRowsOrdered.length - 1]) !== null && _selectedRowsOrdered !== void 0 ? _selectedRowsOrdered : null;
58
+ useEffect(function () {
67
59
  if (hasMaxSelectedRows && lastRowSelected === index) {
68
- onMaxSelectedRows?.();
60
+ onMaxSelectedRows === null || onMaxSelectedRows === void 0 ? void 0 : onMaxSelectedRows();
69
61
  }
70
62
  }, [hasMaxSelectedRows, index, isRowSelected, lastRowSelected, onMaxSelectedRows, selectedRowIds]);
71
63
  return /*#__PURE__*/React.createElement("div", {
@@ -78,10 +70,10 @@ export const selectColumn = {
78
70
  /* eslint-enable react/prop-types */
79
71
  disableSortBy: true
80
72
  };
81
- const getVisibleColumns = function (isSelectable, visibleColumns) {
82
- let additionalColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
83
- let manualSelectColumn = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : selectColumn;
84
- let columns = [];
73
+ var getVisibleColumns = function getVisibleColumns(isSelectable, visibleColumns) {
74
+ var additionalColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
75
+ var manualSelectColumn = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : selectColumn;
76
+ var columns = [];
85
77
  if (isSelectable) {
86
78
  columns.push(manualSelectColumn);
87
79
  }
@@ -1 +1 @@
1
- {"version":3,"file":"getVisibleColumns.js","names":["React","useMemo","useContext","useEffect","CheckboxControl","DataTableContext","useConvertIndeterminateProp","selectColumn","id","Header","_ref","getToggleAllPageRowsSelectedProps","getToggleAllRowsSelectedProps","page","isSelectable","maxSelectedRows","toggleRowsSelectedProps","getToggleRowsSelectedProps","updatedProps","formatMaxSelectedRows","Math","max","createElement","className","_extends","Cell","_ref2","row","onMaxSelectedRows","state","selectedRowIds","selectedRowsOrdered","getToggleRowSelectedProps","index","isRowSelected","selectedRowsLength","Object","keys","length","hasMaxSelectedRows","disableCheck","lastRowSelected","disabled","disableSortBy","getVisibleColumns","visibleColumns","additionalColumns","arguments","undefined","manualSelectColumn","columns","push","concat"],"sources":["../../../src/DataTable/utils/getVisibleColumns.jsx"],"sourcesContent":["import React, { useMemo, useContext, useEffect } from 'react';\n\nimport { CheckboxControl } from '../../Form';\nimport DataTableContext from '../DataTableContext';\nimport useConvertIndeterminateProp from './useConvertIndeterminateProp';\n\nexport const selectColumn = {\n id: 'selection',\n // The header can use the table's getToggleAllPageRowsSelectedProps or getToggleAllRowsSelectedProps\n // method to render a checkbox. The method is determined based on whether pagination is enabled or\n // not (i.e., ``page`` is defined).\n // Proptypes disabled as these props are passed in separately\n /* eslint-disable-next-line react/prop-types */\n Header: ({ getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, page }) => {\n const { isSelectable, maxSelectedRows } = useContext(DataTableContext);\n const toggleRowsSelectedProps = useMemo(\n () => {\n // determine if this selection is for an individual page or the entire table\n const getToggleRowsSelectedProps = page ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;\n return getToggleRowsSelectedProps();\n },\n [getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, page],\n );\n const updatedProps = useConvertIndeterminateProp(toggleRowsSelectedProps);\n const formatMaxSelectedRows = Math.max(0, maxSelectedRows);\n\n if (isSelectable && formatMaxSelectedRows >= 0) {\n return null;\n }\n\n return (\n <div className=\"pgn__data-table__controlled-select\">\n <CheckboxControl\n {...updatedProps}\n data-testid=\"datatable-select-column-checkbox-header\"\n />\n </div>\n );\n },\n // The cell can use the individual row's getToggleRowSelectedProps method\n // to the render a checkbox\n // Proptypes disabled as this prop is passed in separately\n /* eslint-disable react/prop-types */\n Cell: ({ row }) => {\n const {\n isSelectable, maxSelectedRows, onMaxSelectedRows, state: { selectedRowIds, selectedRowsOrdered },\n } = useContext(DataTableContext);\n const updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());\n const { index } = row;\n const isRowSelected = index in selectedRowIds;\n const selectedRowsLength = Object.keys(selectedRowIds).length;\n const formatMaxSelectedRows = Math.max(0, maxSelectedRows);\n const hasMaxSelectedRows = formatMaxSelectedRows === selectedRowsLength;\n const disableCheck = isSelectable && hasMaxSelectedRows && !isRowSelected;\n const lastRowSelected = selectedRowsOrdered?.[selectedRowsOrdered.length - 1] ?? null;\n\n useEffect(() => {\n if (hasMaxSelectedRows && lastRowSelected === index) {\n onMaxSelectedRows?.();\n }\n }, [hasMaxSelectedRows, index, isRowSelected, lastRowSelected, onMaxSelectedRows, selectedRowIds]);\n\n return (\n <div className=\"pgn__data-table__controlled-select\">\n <CheckboxControl\n {...updatedProps}\n disabled={disableCheck}\n data-testid=\"datatable-select-column-checkbox-cell\"\n />\n </div>\n );\n },\n /* eslint-enable react/prop-types */\n disableSortBy: true,\n};\n\nconst getVisibleColumns = (\n isSelectable,\n visibleColumns,\n additionalColumns = [],\n manualSelectColumn = selectColumn,\n) => {\n let columns = [];\n if (isSelectable) {\n columns.push(manualSelectColumn);\n }\n columns = columns.concat(visibleColumns);\n if (additionalColumns.length > 0) {\n columns = columns.concat(additionalColumns);\n }\n return columns;\n};\n\nexport default getVisibleColumns;\n"],"mappings":"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"}
1
+ {"version":3,"file":"getVisibleColumns.js","names":["React","useMemo","useContext","useEffect","CheckboxControl","DataTableContext","useConvertIndeterminateProp","selectColumn","id","Header","_ref","getToggleAllPageRowsSelectedProps","getToggleAllRowsSelectedProps","page","_useContext","isSelectable","maxSelectedRows","toggleRowsSelectedProps","getToggleRowsSelectedProps","updatedProps","formatMaxSelectedRows","Math","max","createElement","className","_extends","Cell","_ref2","_selectedRowsOrdered","row","_useContext2","onMaxSelectedRows","_useContext2$state","state","selectedRowIds","selectedRowsOrdered","getToggleRowSelectedProps","index","isRowSelected","selectedRowsLength","Object","keys","length","hasMaxSelectedRows","disableCheck","lastRowSelected","disabled","disableSortBy","getVisibleColumns","visibleColumns","additionalColumns","arguments","undefined","manualSelectColumn","columns","push","concat"],"sources":["../../../src/DataTable/utils/getVisibleColumns.jsx"],"sourcesContent":["import React, { useMemo, useContext, useEffect } from 'react';\n\nimport { CheckboxControl } from '../../Form';\nimport DataTableContext from '../DataTableContext';\nimport useConvertIndeterminateProp from './useConvertIndeterminateProp';\n\nexport const selectColumn = {\n id: 'selection',\n // The header can use the table's getToggleAllPageRowsSelectedProps or getToggleAllRowsSelectedProps\n // method to render a checkbox. The method is determined based on whether pagination is enabled or\n // not (i.e., ``page`` is defined).\n // Proptypes disabled as these props are passed in separately\n /* eslint-disable-next-line react/prop-types */\n Header: ({ getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, page }) => {\n const { isSelectable, maxSelectedRows } = useContext(DataTableContext);\n const toggleRowsSelectedProps = useMemo(\n () => {\n // determine if this selection is for an individual page or the entire table\n const getToggleRowsSelectedProps = page ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;\n return getToggleRowsSelectedProps();\n },\n [getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, page],\n );\n const updatedProps = useConvertIndeterminateProp(toggleRowsSelectedProps);\n const formatMaxSelectedRows = Math.max(0, maxSelectedRows);\n\n if (isSelectable && formatMaxSelectedRows >= 0) {\n return null;\n }\n\n return (\n <div className=\"pgn__data-table__controlled-select\">\n <CheckboxControl\n {...updatedProps}\n data-testid=\"datatable-select-column-checkbox-header\"\n />\n </div>\n );\n },\n // The cell can use the individual row's getToggleRowSelectedProps method\n // to the render a checkbox\n // Proptypes disabled as this prop is passed in separately\n /* eslint-disable react/prop-types */\n Cell: ({ row }) => {\n const {\n isSelectable, maxSelectedRows, onMaxSelectedRows, state: { selectedRowIds, selectedRowsOrdered },\n } = useContext(DataTableContext);\n const updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());\n const { index } = row;\n const isRowSelected = index in selectedRowIds;\n const selectedRowsLength = Object.keys(selectedRowIds).length;\n const formatMaxSelectedRows = Math.max(0, maxSelectedRows);\n const hasMaxSelectedRows = formatMaxSelectedRows === selectedRowsLength;\n const disableCheck = isSelectable && hasMaxSelectedRows && !isRowSelected;\n const lastRowSelected = selectedRowsOrdered?.[selectedRowsOrdered.length - 1] ?? null;\n\n useEffect(() => {\n if (hasMaxSelectedRows && lastRowSelected === index) {\n onMaxSelectedRows?.();\n }\n }, [hasMaxSelectedRows, index, isRowSelected, lastRowSelected, onMaxSelectedRows, selectedRowIds]);\n\n return (\n <div className=\"pgn__data-table__controlled-select\">\n <CheckboxControl\n {...updatedProps}\n disabled={disableCheck}\n data-testid=\"datatable-select-column-checkbox-cell\"\n />\n </div>\n );\n },\n /* eslint-enable react/prop-types */\n disableSortBy: true,\n};\n\nconst getVisibleColumns = (\n isSelectable,\n visibleColumns,\n additionalColumns = [],\n manualSelectColumn = selectColumn,\n) => {\n let columns = [];\n if (isSelectable) {\n columns.push(manualSelectColumn);\n }\n columns = columns.concat(visibleColumns);\n if (additionalColumns.length > 0) {\n columns = columns.concat(additionalColumns);\n }\n return columns;\n};\n\nexport default getVisibleColumns;\n"],"mappings":"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"}
@@ -0,0 +1,33 @@
1
+ // Dropdowns
2
+ //
3
+ // Dropdown menu container and contents.
4
+
5
+ $dropdown-min-width: 18rem !default;
6
+ $dropdown-padding-x: 0 !default;
7
+ $dropdown-padding-y: .5rem !default;
8
+ $dropdown-spacer: .125rem !default;
9
+ $dropdown-font-size: $font-size-base !default;
10
+ $dropdown-color: $body-color !default;
11
+ $dropdown-bg: $white !default;
12
+ $dropdown-border-color: rgba($black, .15) !default;
13
+ $dropdown-border-radius: $border-radius !default;
14
+ $dropdown-border-width: $border-width !default;
15
+ $dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;
16
+ $dropdown-divider-bg: theme-color("gray", "background") !default;
17
+ $dropdown-divider-margin-y: calc($spacer / 2) !default;
18
+ $dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
19
+
20
+ $dropdown-link-color: theme-color("gray", "dark-text") !default;
21
+ $dropdown-link-hover-color: darken(theme-color("gray", "dark-text"), 5%) !default;
22
+ $dropdown-link-hover-bg: $light-300 !default;
23
+
24
+ $dropdown-link-active-color: $component-active-color !default;
25
+ $dropdown-link-active-bg: $component-active-bg !default;
26
+
27
+ $dropdown-link-disabled-color: theme-color("gray", "light-text") !default;
28
+
29
+ $dropdown-item-padding-y: .25rem !default;
30
+ $dropdown-item-padding-x: 1rem !default;
31
+
32
+ $dropdown-header-color: theme-color("gray", "light-text") !default;
33
+ $dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;
@@ -0,0 +1,44 @@
1
+ var _excluded = ["children", "className"];
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
+ 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
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
+ import React from 'react';
6
+ import PropTypes from 'prop-types';
7
+ import classNames from 'classnames';
8
+ // eslint-disable-next-line import/no-cycle
9
+ import { Consumer } from './index';
10
+ function DropdownButton(_ref) {
11
+ var children = _ref.children,
12
+ className = _ref.className,
13
+ other = _objectWithoutProperties(_ref, _excluded);
14
+ return /*#__PURE__*/React.createElement(Consumer, null, function (_ref2) {
15
+ var buttonRef = _ref2.buttonRef,
16
+ isOpen = _ref2.isOpen,
17
+ toggle = _ref2.toggle,
18
+ triggerId = _ref2.triggerId;
19
+ return /*#__PURE__*/React.createElement("button", _extends({}, other, {
20
+ id: classNames(triggerId, other.id),
21
+ "aria-expanded": isOpen,
22
+ "aria-haspopup": true,
23
+ type: "button",
24
+ ref: buttonRef,
25
+ className: classNames('dropdown-toggle', 'btn', className),
26
+ onClick: function onClick(e) {
27
+ toggle(e);
28
+ if (other.onClick) {
29
+ other.onClick(e);
30
+ }
31
+ }
32
+ }), children);
33
+ });
34
+ }
35
+ DropdownButton.propTypes = {
36
+ children: PropTypes.node,
37
+ className: PropTypes.string
38
+ };
39
+ DropdownButton.defaultProps = {
40
+ children: undefined,
41
+ className: 'btn-light'
42
+ };
43
+ export default DropdownButton;
44
+ //# sourceMappingURL=DropdownButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownButton.js","names":["React","PropTypes","classNames","Consumer","DropdownButton","_ref","children","className","other","_objectWithoutProperties","_excluded","createElement","_ref2","buttonRef","isOpen","toggle","triggerId","_extends","id","type","ref","onClick","e","propTypes","node","string","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownButton.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-cycle\nimport { Consumer } from './index';\n\nfunction DropdownButton({ children, className, ...other }) {\n return (\n <Consumer>\n {({\n buttonRef,\n isOpen,\n toggle,\n triggerId,\n }) => (\n <button\n {...other}\n id={classNames(triggerId, other.id)}\n aria-expanded={isOpen}\n aria-haspopup\n type=\"button\"\n ref={buttonRef}\n className={classNames(\n 'dropdown-toggle',\n 'btn',\n className,\n )}\n onClick={(e) => {\n toggle(e);\n if (other.onClick) {\n other.onClick(e);\n }\n }}\n >\n {children}\n </button>\n )}\n </Consumer>\n );\n}\n\nDropdownButton.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n};\n\nDropdownButton.defaultProps = {\n children: undefined,\n className: 'btn-light',\n};\n\nexport default DropdownButton;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC;AACA,SAASC,QAAQ,QAAQ,SAAS;AAElC,SAASC,cAAcA,CAAAC,IAAA,EAAoC;EAAA,IAAjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrD,oBACEV,KAAA,CAAAW,aAAA,CAACR,QAAQ,QACN,UAAAS,KAAA;IAAA,IACCC,SAAS,GAAAD,KAAA,CAATC,SAAS;MACTC,MAAM,GAAAF,KAAA,CAANE,MAAM;MACNC,MAAM,GAAAH,KAAA,CAANG,MAAM;MACNC,SAAS,GAAAJ,KAAA,CAATI,SAAS;IAAA,oBAEThB,KAAA,CAAAW,aAAA,WAAAM,QAAA,KACMT,KAAK;MACTU,EAAE,EAAEhB,UAAU,CAACc,SAAS,EAAER,KAAK,CAACU,EAAE,CAAE;MACpC,iBAAeJ,MAAO;MACtB,qBAAa;MACbK,IAAI,EAAC,QAAQ;MACbC,GAAG,EAAEP,SAAU;MACfN,SAAS,EAAEL,UAAU,CACnB,iBAAiB,EACjB,KAAK,EACLK,SACF,CAAE;MACFc,OAAO,EAAE,SAAAA,QAACC,CAAC,EAAK;QACdP,MAAM,CAACO,CAAC,CAAC;QACT,IAAId,KAAK,CAACa,OAAO,EAAE;UACjBb,KAAK,CAACa,OAAO,CAACC,CAAC,CAAC;QAClB;MACF;IAAE,IAEDhB,QACK,CAAC;EAAA,CAEH,CAAC;AAEf;AAEAF,cAAc,CAACmB,SAAS,GAAG;EACzBjB,QAAQ,EAAEL,SAAS,CAACuB,IAAI;EACxBjB,SAAS,EAAEN,SAAS,CAACwB;AACvB,CAAC;AAEDrB,cAAc,CAACsB,YAAY,GAAG;EAC5BpB,QAAQ,EAAEqB,SAAS;EACnBpB,SAAS,EAAE;AACb,CAAC;AAED,eAAeH,cAAc"}
@@ -0,0 +1,33 @@
1
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
+ var _excluded = ["type", "children", "className"];
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
5
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
7
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
8
+ function _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; }
9
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
10
+ import React from 'react';
11
+ import PropTypes from 'prop-types';
12
+ import classNames from 'classnames';
13
+ function DropdownItem(props) {
14
+ var type = props.type,
15
+ children = props.children,
16
+ className = props.className,
17
+ other = _objectWithoutProperties(props, _excluded);
18
+ return /*#__PURE__*/React.createElement(type, _objectSpread(_objectSpread({}, other), {}, {
19
+ className: classNames('dropdown-item', className)
20
+ }), children);
21
+ }
22
+ DropdownItem.propTypes = {
23
+ type: PropTypes.string,
24
+ children: PropTypes.node,
25
+ className: PropTypes.string
26
+ };
27
+ DropdownItem.defaultProps = {
28
+ type: 'a',
29
+ children: undefined,
30
+ className: null
31
+ };
32
+ export default DropdownItem;
33
+ //# sourceMappingURL=DropdownItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownItem.js","names":["React","PropTypes","classNames","DropdownItem","props","type","children","className","other","_objectWithoutProperties","_excluded","createElement","_objectSpread","propTypes","string","node","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownItem.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction DropdownItem(props) {\n const {\n type, children, className, ...other\n } = props;\n return React.createElement(\n type,\n {\n ...other,\n className: classNames(\n 'dropdown-item',\n className,\n ),\n },\n children,\n );\n}\n\nDropdownItem.propTypes = {\n type: PropTypes.string,\n children: PropTypes.node,\n className: PropTypes.string,\n};\n\nDropdownItem.defaultProps = {\n type: 'a',\n children: undefined,\n className: null,\n};\n\nexport default DropdownItem;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAYA,CAACC,KAAK,EAAE;EAC3B,IACEC,IAAI,GACFD,KAAK,CADPC,IAAI;IAAEC,QAAQ,GACZF,KAAK,CADDE,QAAQ;IAAEC,SAAS,GACvBH,KAAK,CADSG,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CACjCL,KAAK,EAAAM,SAAA;EACT,oBAAOV,KAAK,CAACW,aAAa,CACxBN,IAAI,EAAAO,aAAA,CAAAA,aAAA,KAECJ,KAAK;IACRD,SAAS,EAAEL,UAAU,CACnB,eAAe,EACfK,SACF;EAAC,IAEHD,QACF,CAAC;AACH;AAEAH,YAAY,CAACU,SAAS,GAAG;EACvBR,IAAI,EAAEJ,SAAS,CAACa,MAAM;EACtBR,QAAQ,EAAEL,SAAS,CAACc,IAAI;EACxBR,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,YAAY,CAACa,YAAY,GAAG;EAC1BX,IAAI,EAAE,GAAG;EACTC,QAAQ,EAAEW,SAAS;EACnBV,SAAS,EAAE;AACb,CAAC;AAED,eAAeJ,YAAY"}
@@ -0,0 +1,46 @@
1
+ var _excluded = ["children"];
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
+ 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
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
+ import React from 'react';
6
+ import PropTypes from 'prop-types';
7
+ import classNames from 'classnames';
8
+ // eslint-disable-next-line import/no-cycle
9
+ import { Consumer } from './index';
10
+ function DropdownMenu(_ref) {
11
+ var children = _ref.children,
12
+ other = _objectWithoutProperties(_ref, _excluded);
13
+ return /*#__PURE__*/React.createElement(Consumer, null, function (_ref2) {
14
+ var handleMenuKeyDown = _ref2.handleMenuKeyDown,
15
+ isOpen = _ref2.isOpen,
16
+ menuRef = _ref2.menuRef,
17
+ triggerId = _ref2.triggerId;
18
+ return (
19
+ /*#__PURE__*/
20
+ /* eslint-disable-next-line jsx-a11y/interactive-supports-focus */
21
+ React.createElement("div", _extends({}, other, {
22
+ "aria-labelledby": triggerId,
23
+ "aria-hidden": !isOpen,
24
+ ref: menuRef,
25
+ role: "menu",
26
+ className: classNames('dropdown-menu', {
27
+ show: isOpen
28
+ }, other.className),
29
+ onKeyDown: function onKeyDown(e) {
30
+ handleMenuKeyDown(e);
31
+ if (other.onKeyDown) {
32
+ other.onKeyDown(e);
33
+ }
34
+ }
35
+ }), children)
36
+ );
37
+ });
38
+ }
39
+ DropdownMenu.propTypes = {
40
+ children: PropTypes.node
41
+ };
42
+ DropdownMenu.defaultProps = {
43
+ children: undefined
44
+ };
45
+ export default DropdownMenu;
46
+ //# sourceMappingURL=DropdownMenu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownMenu.js","names":["React","PropTypes","classNames","Consumer","DropdownMenu","_ref","children","other","_objectWithoutProperties","_excluded","createElement","_ref2","handleMenuKeyDown","isOpen","menuRef","triggerId","_extends","ref","role","className","show","onKeyDown","e","propTypes","node","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownMenu.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-cycle\nimport { Consumer } from './index';\n\nfunction DropdownMenu({ children, ...other }) {\n return (\n <Consumer>\n {({\n handleMenuKeyDown,\n isOpen,\n menuRef,\n triggerId,\n }) => (\n /* eslint-disable-next-line jsx-a11y/interactive-supports-focus */\n <div\n {...other}\n aria-labelledby={triggerId}\n aria-hidden={!isOpen}\n ref={menuRef}\n role=\"menu\"\n className={classNames(\n 'dropdown-menu',\n { show: isOpen },\n other.className,\n )}\n onKeyDown={(e) => {\n handleMenuKeyDown(e);\n if (other.onKeyDown) {\n other.onKeyDown(e);\n }\n }}\n >\n {children}\n </div>\n )}\n </Consumer>\n );\n}\n\nDropdownMenu.propTypes = {\n children: PropTypes.node,\n};\n\nDropdownMenu.defaultProps = {\n children: undefined,\n};\n\nexport default DropdownMenu;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC;AACA,SAASC,QAAQ,QAAQ,SAAS;AAElC,SAASC,YAAYA,CAAAC,IAAA,EAAyB;EAAA,IAAtBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACxC,oBACET,KAAA,CAAAU,aAAA,CAACP,QAAQ,QACN,UAAAQ,KAAA;IAAA,IACCC,iBAAiB,GAAAD,KAAA,CAAjBC,iBAAiB;MACjBC,MAAM,GAAAF,KAAA,CAANE,MAAM;MACNC,OAAO,GAAAH,KAAA,CAAPG,OAAO;MACPC,SAAS,GAAAJ,KAAA,CAATI,SAAS;IAAA;MAAA;MAEX;MACEf,KAAA,CAAAU,aAAA,QAAAM,QAAA,KACMT,KAAK;QACT,mBAAiBQ,SAAU;QAC3B,eAAa,CAACF,MAAO;QACrBI,GAAG,EAAEH,OAAQ;QACbI,IAAI,EAAC,MAAM;QACXC,SAAS,EAAEjB,UAAU,CACnB,eAAe,EACf;UAAEkB,IAAI,EAAEP;QAAO,CAAC,EAChBN,KAAK,CAACY,SACR,CAAE;QACFE,SAAS,EAAE,SAAAA,UAACC,CAAC,EAAK;UAChBV,iBAAiB,CAACU,CAAC,CAAC;UACpB,IAAIf,KAAK,CAACc,SAAS,EAAE;YACnBd,KAAK,CAACc,SAAS,CAACC,CAAC,CAAC;UACpB;QACF;MAAE,IAEDhB,QACE;IAAC;EAAA,CAEA,CAAC;AAEf;AAEAF,YAAY,CAACmB,SAAS,GAAG;EACvBjB,QAAQ,EAAEL,SAAS,CAACuB;AACtB,CAAC;AAEDpB,YAAY,CAACqB,YAAY,GAAG;EAC1BnB,QAAQ,EAAEoB;AACZ,CAAC;AAED,eAAetB,YAAY"}