@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,90 +1,110 @@
1
- const _excluded = ["children", "className", "unmountOnExit"];
1
+ var _excluded = ["children", "className", "unmountOnExit"];
2
+ 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
3
  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
4
  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
5
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
7
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
8
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
9
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
10
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
11
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
12
+ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
13
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
14
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
15
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
5
16
  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); }
17
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
18
+ 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
19
  import React from 'react';
9
20
  import classNames from 'classnames';
10
21
  import PropTypes from 'prop-types';
11
- export const CollapsibleContext = /*#__PURE__*/React.createContext();
12
- class CollapsibleAdvanced extends React.Component {
13
- static getDerivedStateFromProps(props) {
14
- if (props.open !== undefined) {
15
- return {
16
- // Since this method fires on both props and state changes, local updates
17
- // to the controlled value will be ignored, because the props version
18
- // always overrides it. In this case, this is exactly what we want.
19
- isOpen: props.open
20
- };
21
- }
22
- return null;
23
- }
24
- constructor(props) {
25
- super(props);
26
- _defineProperty(this, "open", () => {
27
- this.setState({
22
+ export var CollapsibleContext = /*#__PURE__*/React.createContext();
23
+ var CollapsibleAdvanced = /*#__PURE__*/function (_React$Component) {
24
+ _inherits(CollapsibleAdvanced, _React$Component);
25
+ var _super = _createSuper(CollapsibleAdvanced);
26
+ function CollapsibleAdvanced(props) {
27
+ var _this;
28
+ _classCallCheck(this, CollapsibleAdvanced);
29
+ _this = _super.call(this, props);
30
+ _defineProperty(_assertThisInitialized(_this), "open", function () {
31
+ _this.setState({
28
32
  isOpen: true
29
33
  });
30
- if (this.props.onOpen) {
31
- this.props.onOpen();
34
+ if (_this.props.onOpen) {
35
+ _this.props.onOpen();
32
36
  }
33
- if (this.props.onToggle) {
34
- this.props.onToggle(true);
37
+ if (_this.props.onToggle) {
38
+ _this.props.onToggle(true);
35
39
  }
36
40
  });
37
- _defineProperty(this, "close", () => {
38
- this.setState({
41
+ _defineProperty(_assertThisInitialized(_this), "close", function () {
42
+ _this.setState({
39
43
  isOpen: false
40
44
  });
41
- if (this.props.onClose) {
42
- this.props.onClose();
45
+ if (_this.props.onClose) {
46
+ _this.props.onClose();
43
47
  }
44
- if (this.props.onToggle) {
45
- this.props.onToggle(false);
48
+ if (_this.props.onToggle) {
49
+ _this.props.onToggle(false);
46
50
  }
47
51
  });
48
- _defineProperty(this, "toggle", () => {
49
- if (this.state.isOpen) {
50
- this.close();
52
+ _defineProperty(_assertThisInitialized(_this), "toggle", function () {
53
+ if (_this.state.isOpen) {
54
+ _this.close();
51
55
  } else {
52
- this.open();
56
+ _this.open();
53
57
  }
54
58
  });
55
- this.state = {
59
+ _this.state = {
56
60
  isOpen: props.open !== undefined ? props.open : props.defaultOpen
57
61
  };
62
+ return _this;
58
63
  }
59
- render() {
60
- const _this$props = this.props,
61
- {
62
- children,
63
- className,
64
- unmountOnExit
65
- } = _this$props,
66
- props = _objectWithoutProperties(_this$props, _excluded);
64
+ _createClass(CollapsibleAdvanced, [{
65
+ key: "render",
66
+ value: function render() {
67
+ var _this$props = this.props,
68
+ children = _this$props.children,
69
+ className = _this$props.className,
70
+ unmountOnExit = _this$props.unmountOnExit,
71
+ props = _objectWithoutProperties(_this$props, _excluded);
67
72
 
68
- // Unneeded for passthrough props
69
- delete props.defaultOpen;
70
- delete props.onToggle;
71
- delete props.onOpen;
72
- delete props.onClose;
73
- return /*#__PURE__*/React.createElement("div", _extends({}, props, {
74
- className: classNames('pgn_collapsible', className, {
75
- 'is-open': this.state.isOpen
76
- })
77
- }), /*#__PURE__*/React.createElement(CollapsibleContext.Provider, {
78
- value: {
79
- isOpen: this.state.isOpen,
80
- open: this.open,
81
- close: this.close,
82
- toggle: this.toggle,
83
- unmountOnExit
73
+ // Unneeded for passthrough props
74
+ delete props.defaultOpen;
75
+ delete props.onToggle;
76
+ delete props.onOpen;
77
+ delete props.onClose;
78
+ return /*#__PURE__*/React.createElement("div", _extends({}, props, {
79
+ className: classNames('pgn_collapsible', className, {
80
+ 'is-open': this.state.isOpen
81
+ })
82
+ }), /*#__PURE__*/React.createElement(CollapsibleContext.Provider, {
83
+ value: {
84
+ isOpen: this.state.isOpen,
85
+ open: this.open,
86
+ close: this.close,
87
+ toggle: this.toggle,
88
+ unmountOnExit: unmountOnExit
89
+ }
90
+ }, children));
91
+ }
92
+ }], [{
93
+ key: "getDerivedStateFromProps",
94
+ value: function getDerivedStateFromProps(props) {
95
+ if (props.open !== undefined) {
96
+ return {
97
+ // Since this method fires on both props and state changes, local updates
98
+ // to the controlled value will be ignored, because the props version
99
+ // always overrides it. In this case, this is exactly what we want.
100
+ isOpen: props.open
101
+ };
84
102
  }
85
- }, children));
86
- }
87
- }
103
+ return null;
104
+ }
105
+ }]);
106
+ return CollapsibleAdvanced;
107
+ }(React.Component);
88
108
  CollapsibleAdvanced.propTypes = {
89
109
  /** Specifies contents of the component. */
90
110
  children: PropTypes.node,
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsibleAdvanced.js","names":["React","classNames","PropTypes","CollapsibleContext","createContext","CollapsibleAdvanced","Component","getDerivedStateFromProps","props","open","undefined","isOpen","constructor","_defineProperty","setState","onOpen","onToggle","onClose","state","close","defaultOpen","render","_this$props","children","className","unmountOnExit","_objectWithoutProperties","_excluded","createElement","_extends","Provider","value","toggle","propTypes","node","string","bool","func","defaultProps"],"sources":["../../src/Collapsible/CollapsibleAdvanced.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nexport const CollapsibleContext = React.createContext();\n\nclass CollapsibleAdvanced extends React.Component {\n static getDerivedStateFromProps(props) {\n if (props.open !== undefined) {\n return {\n // Since this method fires on both props and state changes, local updates\n // to the controlled value will be ignored, because the props version\n // always overrides it. In this case, this is exactly what we want.\n isOpen: props.open,\n };\n }\n return null;\n }\n\n constructor(props) {\n super(props);\n\n this.state = {\n isOpen: props.open !== undefined ? props.open : props.defaultOpen,\n };\n }\n\n open = () => {\n this.setState({ isOpen: true });\n\n if (this.props.onOpen) {\n this.props.onOpen();\n }\n if (this.props.onToggle) {\n this.props.onToggle(true);\n }\n };\n\n close = () => {\n this.setState({ isOpen: false });\n\n if (this.props.onClose) {\n this.props.onClose();\n }\n if (this.props.onToggle) {\n this.props.onToggle(false);\n }\n };\n\n toggle = () => {\n if (this.state.isOpen) {\n this.close();\n } else {\n this.open();\n }\n };\n\n render() {\n const {\n children,\n className,\n unmountOnExit,\n ...props\n } = this.props;\n\n // Unneeded for passthrough props\n delete props.defaultOpen;\n delete props.onToggle;\n delete props.onOpen;\n delete props.onClose;\n\n return (\n <div\n {...props}\n className={classNames('pgn_collapsible', className, {\n 'is-open': this.state.isOpen,\n })}\n >\n <CollapsibleContext.Provider\n value={{\n isOpen: this.state.isOpen,\n open: this.open,\n close: this.close,\n toggle: this.toggle,\n unmountOnExit,\n }}\n >\n {children}\n </CollapsibleContext.Provider>\n </div>\n );\n }\n}\n\nCollapsibleAdvanced.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies classname to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether `Collapsible` should be initially open. */\n defaultOpen: PropTypes.bool,\n /** Specifies whether `Collapsible` is open. */\n open: PropTypes.bool,\n /** Callback fired when `Collapsible's` state is toggled. */\n onToggle: PropTypes.func,\n /** Callback fired when `Collapsible` opens. */\n onOpen: PropTypes.func,\n /** Callback fired when `Collapsible` closes. */\n onClose: PropTypes.func,\n /** Unmount the component (remove it from the DOM) when it is collapsed. */\n unmountOnExit: PropTypes.bool,\n};\n\nCollapsibleAdvanced.defaultProps = {\n children: undefined,\n className: undefined,\n defaultOpen: false,\n open: undefined,\n onToggle: undefined,\n onOpen: undefined,\n onClose: undefined,\n unmountOnExit: true,\n};\n\nexport default CollapsibleAdvanced;\n"],"mappings":"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"}
1
+ {"version":3,"file":"CollapsibleAdvanced.js","names":["React","classNames","PropTypes","CollapsibleContext","createContext","CollapsibleAdvanced","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","setState","isOpen","onOpen","onToggle","onClose","state","close","open","undefined","defaultOpen","_createClass","key","value","render","_this$props","children","className","unmountOnExit","_objectWithoutProperties","_excluded","createElement","_extends","Provider","toggle","getDerivedStateFromProps","Component","propTypes","node","string","bool","func","defaultProps"],"sources":["../../src/Collapsible/CollapsibleAdvanced.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nexport const CollapsibleContext = React.createContext();\n\nclass CollapsibleAdvanced extends React.Component {\n static getDerivedStateFromProps(props) {\n if (props.open !== undefined) {\n return {\n // Since this method fires on both props and state changes, local updates\n // to the controlled value will be ignored, because the props version\n // always overrides it. In this case, this is exactly what we want.\n isOpen: props.open,\n };\n }\n return null;\n }\n\n constructor(props) {\n super(props);\n\n this.state = {\n isOpen: props.open !== undefined ? props.open : props.defaultOpen,\n };\n }\n\n open = () => {\n this.setState({ isOpen: true });\n\n if (this.props.onOpen) {\n this.props.onOpen();\n }\n if (this.props.onToggle) {\n this.props.onToggle(true);\n }\n };\n\n close = () => {\n this.setState({ isOpen: false });\n\n if (this.props.onClose) {\n this.props.onClose();\n }\n if (this.props.onToggle) {\n this.props.onToggle(false);\n }\n };\n\n toggle = () => {\n if (this.state.isOpen) {\n this.close();\n } else {\n this.open();\n }\n };\n\n render() {\n const {\n children,\n className,\n unmountOnExit,\n ...props\n } = this.props;\n\n // Unneeded for passthrough props\n delete props.defaultOpen;\n delete props.onToggle;\n delete props.onOpen;\n delete props.onClose;\n\n return (\n <div\n {...props}\n className={classNames('pgn_collapsible', className, {\n 'is-open': this.state.isOpen,\n })}\n >\n <CollapsibleContext.Provider\n value={{\n isOpen: this.state.isOpen,\n open: this.open,\n close: this.close,\n toggle: this.toggle,\n unmountOnExit,\n }}\n >\n {children}\n </CollapsibleContext.Provider>\n </div>\n );\n }\n}\n\nCollapsibleAdvanced.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies classname to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether `Collapsible` should be initially open. */\n defaultOpen: PropTypes.bool,\n /** Specifies whether `Collapsible` is open. */\n open: PropTypes.bool,\n /** Callback fired when `Collapsible's` state is toggled. */\n onToggle: PropTypes.func,\n /** Callback fired when `Collapsible` opens. */\n onOpen: PropTypes.func,\n /** Callback fired when `Collapsible` closes. */\n onClose: PropTypes.func,\n /** Unmount the component (remove it from the DOM) when it is collapsed. */\n unmountOnExit: PropTypes.bool,\n};\n\nCollapsibleAdvanced.defaultProps = {\n children: undefined,\n className: undefined,\n defaultOpen: false,\n open: undefined,\n onToggle: undefined,\n onOpen: undefined,\n onClose: undefined,\n unmountOnExit: true,\n};\n\nexport default CollapsibleAdvanced;\n"],"mappings":"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"}
@@ -1,9 +1,10 @@
1
- const _excluded = ["children", "transitionWrapper", "tag"];
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 = ["children", "transitionWrapper", "tag"];
2
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; }
3
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; }
4
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; }
5
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
6
- 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); }
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); }
7
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; }
8
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; }
9
10
  import React, { useContext } from 'react';
@@ -12,24 +13,21 @@ import Collapse from '../Collapse';
12
13
  import { CollapsibleContext } from './CollapsibleAdvanced';
13
14
  import TransitionReplace from '../TransitionReplace';
14
15
  function CollapsibleBody(_ref) {
15
- let {
16
- children,
17
- transitionWrapper,
18
- tag
19
- } = _ref,
16
+ var children = _ref.children,
17
+ transitionWrapper = _ref.transitionWrapper,
18
+ tag = _ref.tag,
20
19
  props = _objectWithoutProperties(_ref, _excluded);
21
- const {
22
- isOpen,
23
- unmountOnExit
24
- } = useContext(CollapsibleContext);
20
+ var _useContext = useContext(CollapsibleContext),
21
+ isOpen = _useContext.isOpen,
22
+ unmountOnExit = _useContext.unmountOnExit;
25
23
 
26
24
  // Keys are added to these elements so that TransitionReplace
27
25
  // will recognize them as unique components and perform the
28
26
  // transition properly.
29
- const content = /*#__PURE__*/React.createElement(tag, _objectSpread({
27
+ var content = /*#__PURE__*/React.createElement(tag, _objectSpread({
30
28
  key: 'body'
31
29
  }, props), children);
32
- const transitionBody = isOpen ? content : /*#__PURE__*/React.createElement("div", {
30
+ var transitionBody = isOpen ? content : /*#__PURE__*/React.createElement("div", {
33
31
  key: "empty"
34
32
  });
35
33
  if (transitionWrapper) {
@@ -37,7 +35,7 @@ function CollapsibleBody(_ref) {
37
35
  }
38
36
  /* istanbul ignore next */
39
37
  return unmountOnExit ? /*#__PURE__*/React.createElement(TransitionReplace, null, transitionBody) : /*#__PURE__*/React.createElement(Collapse, {
40
- in: isOpen
38
+ "in": isOpen
41
39
  }, content);
42
40
  }
43
41
  CollapsibleBody.propTypes = {
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsibleBody.js","names":["React","useContext","PropTypes","Collapse","CollapsibleContext","TransitionReplace","CollapsibleBody","_ref","children","transitionWrapper","tag","props","_objectWithoutProperties","_excluded","isOpen","unmountOnExit","content","createElement","_objectSpread","key","transitionBody","cloneElement","in","propTypes","node","string","element","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleBody.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Collapse from '../Collapse';\nimport { CollapsibleContext } from './CollapsibleAdvanced';\nimport TransitionReplace from '../TransitionReplace';\n\nfunction CollapsibleBody({\n children, transitionWrapper, tag, ...props\n}) {\n const { isOpen, unmountOnExit } = useContext(CollapsibleContext);\n\n // Keys are added to these elements so that TransitionReplace\n // will recognize them as unique components and perform the\n // transition properly.\n const content = React.createElement(tag, { key: 'body', ...props }, children);\n const transitionBody = isOpen ? content : <div key=\"empty\" />;\n\n if (transitionWrapper) {\n return React.cloneElement(transitionWrapper, {}, transitionBody);\n }\n /* istanbul ignore next */\n return unmountOnExit\n ? <TransitionReplace>{transitionBody}</TransitionReplace>\n : <Collapse in={isOpen}>{content}</Collapse>;\n}\n\nCollapsibleBody.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies content's base element. */\n tag: PropTypes.string,\n /** Specifies transition element. */\n transitionWrapper: PropTypes.element,\n};\n\nCollapsibleBody.defaultProps = {\n children: undefined,\n tag: 'div',\n transitionWrapper: undefined,\n};\n\nexport default CollapsibleBody;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,iBAAiB,MAAM,sBAAsB;AAEpD,SAASC,eAAeA,CAAAC,IAAA,EAErB;EAAA,IAFsB;MACvBC,QAAQ;MAAEC,iBAAiB;MAAEC;IAC/B,CAAC,GAAAH,IAAA;IADsCI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAE1C,MAAM;IAAEC,MAAM;IAAEC;EAAc,CAAC,GAAGd,UAAU,CAACG,kBAAkB,CAAC;;EAEhE;EACA;EACA;EACA,MAAMY,OAAO,gBAAGhB,KAAK,CAACiB,aAAa,CAACP,GAAG,EAAAQ,aAAA;IAAIC,GAAG,EAAE;EAAM,GAAKR,KAAK,GAAIH,QAAQ,CAAC;EAC7E,MAAMY,cAAc,GAAGN,MAAM,GAAGE,OAAO,gBAAGhB,KAAA,CAAAiB,aAAA;IAAKE,GAAG,EAAC;EAAO,CAAE,CAAC;EAE7D,IAAIV,iBAAiB,EAAE;IACrB,oBAAOT,KAAK,CAACqB,YAAY,CAACZ,iBAAiB,EAAE,CAAC,CAAC,EAAEW,cAAc,CAAC;EAClE;EACA;EACA,OAAOL,aAAa,gBAChBf,KAAA,CAAAiB,aAAA,CAACZ,iBAAiB,QAAEe,cAAkC,CAAC,gBACvDpB,KAAA,CAAAiB,aAAA,CAACd,QAAQ;IAACmB,EAAE,EAAER;EAAO,GAAEE,OAAkB,CAAC;AAChD;AAEAV,eAAe,CAACiB,SAAS,GAAG;EAC1B;EACAf,QAAQ,EAAEN,SAAS,CAACsB,IAAI;EACxB;EACAd,GAAG,EAAER,SAAS,CAACuB,MAAM;EACrB;EACAhB,iBAAiB,EAAEP,SAAS,CAACwB;AAC/B,CAAC;AAEDpB,eAAe,CAACqB,YAAY,GAAG;EAC7BnB,QAAQ,EAAEoB,SAAS;EACnBlB,GAAG,EAAE,KAAK;EACVD,iBAAiB,EAAEmB;AACrB,CAAC;AAED,eAAetB,eAAe"}
1
+ {"version":3,"file":"CollapsibleBody.js","names":["React","useContext","PropTypes","Collapse","CollapsibleContext","TransitionReplace","CollapsibleBody","_ref","children","transitionWrapper","tag","props","_objectWithoutProperties","_excluded","_useContext","isOpen","unmountOnExit","content","createElement","_objectSpread","key","transitionBody","cloneElement","propTypes","node","string","element","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleBody.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Collapse from '../Collapse';\nimport { CollapsibleContext } from './CollapsibleAdvanced';\nimport TransitionReplace from '../TransitionReplace';\n\nfunction CollapsibleBody({\n children, transitionWrapper, tag, ...props\n}) {\n const { isOpen, unmountOnExit } = useContext(CollapsibleContext);\n\n // Keys are added to these elements so that TransitionReplace\n // will recognize them as unique components and perform the\n // transition properly.\n const content = React.createElement(tag, { key: 'body', ...props }, children);\n const transitionBody = isOpen ? content : <div key=\"empty\" />;\n\n if (transitionWrapper) {\n return React.cloneElement(transitionWrapper, {}, transitionBody);\n }\n /* istanbul ignore next */\n return unmountOnExit\n ? <TransitionReplace>{transitionBody}</TransitionReplace>\n : <Collapse in={isOpen}>{content}</Collapse>;\n}\n\nCollapsibleBody.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies content's base element. */\n tag: PropTypes.string,\n /** Specifies transition element. */\n transitionWrapper: PropTypes.element,\n};\n\nCollapsibleBody.defaultProps = {\n children: undefined,\n tag: 'div',\n transitionWrapper: undefined,\n};\n\nexport default CollapsibleBody;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,iBAAiB,MAAM,sBAAsB;AAEpD,SAASC,eAAeA,CAAAC,IAAA,EAErB;EAAA,IADDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;IAAEC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAE1C,IAAAC,WAAA,GAAkCb,UAAU,CAACG,kBAAkB,CAAC;IAAxDW,MAAM,GAAAD,WAAA,CAANC,MAAM;IAAEC,aAAa,GAAAF,WAAA,CAAbE,aAAa;;EAE7B;EACA;EACA;EACA,IAAMC,OAAO,gBAAGjB,KAAK,CAACkB,aAAa,CAACR,GAAG,EAAAS,aAAA;IAAIC,GAAG,EAAE;EAAM,GAAKT,KAAK,GAAIH,QAAQ,CAAC;EAC7E,IAAMa,cAAc,GAAGN,MAAM,GAAGE,OAAO,gBAAGjB,KAAA,CAAAkB,aAAA;IAAKE,GAAG,EAAC;EAAO,CAAE,CAAC;EAE7D,IAAIX,iBAAiB,EAAE;IACrB,oBAAOT,KAAK,CAACsB,YAAY,CAACb,iBAAiB,EAAE,CAAC,CAAC,EAAEY,cAAc,CAAC;EAClE;EACA;EACA,OAAOL,aAAa,gBAChBhB,KAAA,CAAAkB,aAAA,CAACb,iBAAiB,QAAEgB,cAAkC,CAAC,gBACvDrB,KAAA,CAAAkB,aAAA,CAACf,QAAQ;IAAC,MAAIY;EAAO,GAAEE,OAAkB,CAAC;AAChD;AAEAX,eAAe,CAACiB,SAAS,GAAG;EAC1B;EACAf,QAAQ,EAAEN,SAAS,CAACsB,IAAI;EACxB;EACAd,GAAG,EAAER,SAAS,CAACuB,MAAM;EACrB;EACAhB,iBAAiB,EAAEP,SAAS,CAACwB;AAC/B,CAAC;AAEDpB,eAAe,CAACqB,YAAY,GAAG;EAC7BnB,QAAQ,EAAEoB,SAAS;EACnBlB,GAAG,EAAE,KAAK;EACVD,iBAAiB,EAAEmB;AACrB,CAAC;AAED,eAAetB,eAAe"}
@@ -1,31 +1,29 @@
1
- const _excluded = ["tag", "children", "openOnly", "closeOnly", "onClick", "onKeyDown"];
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 = ["tag", "children", "openOnly", "closeOnly", "onClick", "onKeyDown"];
2
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; }
3
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; }
4
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; }
5
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
6
- 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); }
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); }
7
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; }
8
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; }
9
10
  import React, { useContext, useCallback } from 'react';
10
11
  import PropTypes from 'prop-types';
11
12
  import { CollapsibleContext } from './CollapsibleAdvanced';
12
13
  function CollapsibleTrigger(_ref) {
13
- let {
14
- tag,
15
- children,
16
- openOnly,
17
- closeOnly,
18
- onClick,
19
- onKeyDown
20
- } = _ref,
14
+ var tag = _ref.tag,
15
+ children = _ref.children,
16
+ openOnly = _ref.openOnly,
17
+ closeOnly = _ref.closeOnly,
18
+ onClick = _ref.onClick,
19
+ onKeyDown = _ref.onKeyDown,
21
20
  props = _objectWithoutProperties(_ref, _excluded);
22
- const {
23
- isOpen,
24
- open,
25
- close,
26
- toggle
27
- } = useContext(CollapsibleContext);
28
- const handleToggle = useCallback(e => {
21
+ var _useContext = useContext(CollapsibleContext),
22
+ isOpen = _useContext.isOpen,
23
+ open = _useContext.open,
24
+ close = _useContext.close,
25
+ toggle = _useContext.toggle;
26
+ var handleToggle = useCallback(function (e) {
29
27
  if (openOnly) {
30
28
  open(e);
31
29
  } else if (closeOnly) {
@@ -34,13 +32,13 @@ function CollapsibleTrigger(_ref) {
34
32
  toggle(e);
35
33
  }
36
34
  }, [openOnly, open, closeOnly, close, toggle]);
37
- const handleClick = useCallback(e => {
35
+ var handleClick = useCallback(function (e) {
38
36
  if (onClick) {
39
37
  onClick(e);
40
38
  }
41
39
  handleToggle(e);
42
40
  }, [onClick, handleToggle]);
43
- const handleKeyDown = useCallback(e => {
41
+ var handleKeyDown = useCallback(function (e) {
44
42
  if (onKeyDown) {
45
43
  onKeyDown(e);
46
44
  }
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsibleTrigger.js","names":["React","useContext","useCallback","PropTypes","CollapsibleContext","CollapsibleTrigger","_ref","tag","children","openOnly","closeOnly","onClick","onKeyDown","props","_objectWithoutProperties","_excluded","isOpen","open","close","toggle","handleToggle","e","handleClick","handleKeyDown","key","createElement","_objectSpread","role","tabIndex","propTypes","node","oneOfType","string","elementType","bool","func","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleTrigger.jsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleTrigger({\n tag, children, openOnly, closeOnly, onClick, onKeyDown, ...props\n}) {\n const {\n isOpen, open, close, toggle,\n } = useContext(CollapsibleContext);\n\n const handleToggle = useCallback((e) => {\n if (openOnly) {\n open(e);\n } else if (closeOnly) {\n close(e);\n } else {\n toggle(e);\n }\n }, [openOnly, open, closeOnly, close, toggle]);\n\n const handleClick = useCallback((e) => {\n if (onClick) {\n onClick(e);\n }\n handleToggle(e);\n }, [onClick, handleToggle]);\n\n const handleKeyDown = useCallback((e) => {\n if (onKeyDown) {\n onKeyDown(e);\n }\n if (e.key === 'Enter') {\n handleToggle(e);\n }\n }, [onKeyDown, handleToggle]);\n\n return React.createElement(\n tag,\n {\n ...props,\n onClick: handleClick,\n onKeyDown: handleKeyDown,\n role: 'button',\n tabIndex: 0,\n 'aria-expanded': isOpen,\n },\n children,\n );\n}\n\nCollapsibleTrigger.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies base element. */\n tag: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n /** Specifies whether toggling `Collapsible's` state will always trigger only open action. */\n openOnly: PropTypes.bool,\n /** Specifies whether toggling `Collapsible's` state will always trigger only close action. */\n closeOnly: PropTypes.bool,\n /** Callback fired when element gets clicked. */\n onClick: PropTypes.func,\n /** Callback fired when a key is pressed. */\n onKeyDown: PropTypes.func,\n};\n\nCollapsibleTrigger.defaultProps = {\n children: undefined,\n tag: 'div',\n openOnly: false,\n closeOnly: false,\n onClick: undefined,\n onKeyDown: undefined,\n};\n\nexport default CollapsibleTrigger;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACtD,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,kBAAkBA,CAAAC,IAAA,EAExB;EAAA,IAFyB;MAC1BC,GAAG;MAAEC,QAAQ;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,OAAO;MAAEC;IAC/C,CAAC,GAAAN,IAAA;IAD4DO,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAEhE,MAAM;IACJC,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EACvB,CAAC,GAAGlB,UAAU,CAACG,kBAAkB,CAAC;EAElC,MAAMgB,YAAY,GAAGlB,WAAW,CAAEmB,CAAC,IAAK;IACtC,IAAIZ,QAAQ,EAAE;MACZQ,IAAI,CAACI,CAAC,CAAC;IACT,CAAC,MAAM,IAAIX,SAAS,EAAE;MACpBQ,KAAK,CAACG,CAAC,CAAC;IACV,CAAC,MAAM;MACLF,MAAM,CAACE,CAAC,CAAC;IACX;EACF,CAAC,EAAE,CAACZ,QAAQ,EAAEQ,IAAI,EAAEP,SAAS,EAAEQ,KAAK,EAAEC,MAAM,CAAC,CAAC;EAE9C,MAAMG,WAAW,GAAGpB,WAAW,CAAEmB,CAAC,IAAK;IACrC,IAAIV,OAAO,EAAE;MACXA,OAAO,CAACU,CAAC,CAAC;IACZ;IACAD,YAAY,CAACC,CAAC,CAAC;EACjB,CAAC,EAAE,CAACV,OAAO,EAAES,YAAY,CAAC,CAAC;EAE3B,MAAMG,aAAa,GAAGrB,WAAW,CAAEmB,CAAC,IAAK;IACvC,IAAIT,SAAS,EAAE;MACbA,SAAS,CAACS,CAAC,CAAC;IACd;IACA,IAAIA,CAAC,CAACG,GAAG,KAAK,OAAO,EAAE;MACrBJ,YAAY,CAACC,CAAC,CAAC;IACjB;EACF,CAAC,EAAE,CAACT,SAAS,EAAEQ,YAAY,CAAC,CAAC;EAE7B,oBAAOpB,KAAK,CAACyB,aAAa,CACxBlB,GAAG,EAAAmB,aAAA,CAAAA,aAAA,KAEEb,KAAK;IACRF,OAAO,EAAEW,WAAW;IACpBV,SAAS,EAAEW,aAAa;IACxBI,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE,CAAC;IACX,eAAe,EAAEZ;EAAM,IAEzBR,QACF,CAAC;AACH;AAEAH,kBAAkB,CAACwB,SAAS,GAAG;EAC7B;EACArB,QAAQ,EAAEL,SAAS,CAAC2B,IAAI;EACxB;EACAvB,GAAG,EAAEJ,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,WAAW,CAAC,CAAC;EACnE;EACAxB,QAAQ,EAAEN,SAAS,CAAC+B,IAAI;EACxB;EACAxB,SAAS,EAAEP,SAAS,CAAC+B,IAAI;EACzB;EACAvB,OAAO,EAAER,SAAS,CAACgC,IAAI;EACvB;EACAvB,SAAS,EAAET,SAAS,CAACgC;AACvB,CAAC;AAED9B,kBAAkB,CAAC+B,YAAY,GAAG;EAChC5B,QAAQ,EAAE6B,SAAS;EACnB9B,GAAG,EAAE,KAAK;EACVE,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE0B,SAAS;EAClBzB,SAAS,EAAEyB;AACb,CAAC;AAED,eAAehC,kBAAkB"}
1
+ {"version":3,"file":"CollapsibleTrigger.js","names":["React","useContext","useCallback","PropTypes","CollapsibleContext","CollapsibleTrigger","_ref","tag","children","openOnly","closeOnly","onClick","onKeyDown","props","_objectWithoutProperties","_excluded","_useContext","isOpen","open","close","toggle","handleToggle","e","handleClick","handleKeyDown","key","createElement","_objectSpread","role","tabIndex","propTypes","node","oneOfType","string","elementType","bool","func","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleTrigger.jsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleTrigger({\n tag, children, openOnly, closeOnly, onClick, onKeyDown, ...props\n}) {\n const {\n isOpen, open, close, toggle,\n } = useContext(CollapsibleContext);\n\n const handleToggle = useCallback((e) => {\n if (openOnly) {\n open(e);\n } else if (closeOnly) {\n close(e);\n } else {\n toggle(e);\n }\n }, [openOnly, open, closeOnly, close, toggle]);\n\n const handleClick = useCallback((e) => {\n if (onClick) {\n onClick(e);\n }\n handleToggle(e);\n }, [onClick, handleToggle]);\n\n const handleKeyDown = useCallback((e) => {\n if (onKeyDown) {\n onKeyDown(e);\n }\n if (e.key === 'Enter') {\n handleToggle(e);\n }\n }, [onKeyDown, handleToggle]);\n\n return React.createElement(\n tag,\n {\n ...props,\n onClick: handleClick,\n onKeyDown: handleKeyDown,\n role: 'button',\n tabIndex: 0,\n 'aria-expanded': isOpen,\n },\n children,\n );\n}\n\nCollapsibleTrigger.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies base element. */\n tag: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n /** Specifies whether toggling `Collapsible's` state will always trigger only open action. */\n openOnly: PropTypes.bool,\n /** Specifies whether toggling `Collapsible's` state will always trigger only close action. */\n closeOnly: PropTypes.bool,\n /** Callback fired when element gets clicked. */\n onClick: PropTypes.func,\n /** Callback fired when a key is pressed. */\n onKeyDown: PropTypes.func,\n};\n\nCollapsibleTrigger.defaultProps = {\n children: undefined,\n tag: 'div',\n openOnly: false,\n closeOnly: false,\n onClick: undefined,\n onKeyDown: undefined,\n};\n\nexport default CollapsibleTrigger;\n"],"mappings":"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"}
@@ -2,15 +2,12 @@ import React, { useContext } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import { CollapsibleContext } from './CollapsibleAdvanced';
4
4
  function CollapsibleVisible(_ref) {
5
- let {
6
- children,
7
- whenOpen: visibleWhenOpen,
8
- whenClosed: visibleWhenClosed
9
- } = _ref;
10
- const {
11
- isOpen
12
- } = useContext(CollapsibleContext);
13
- const isVisible = isOpen && visibleWhenOpen || !isOpen && visibleWhenClosed;
5
+ var children = _ref.children,
6
+ visibleWhenOpen = _ref.whenOpen,
7
+ visibleWhenClosed = _ref.whenClosed;
8
+ var _useContext = useContext(CollapsibleContext),
9
+ isOpen = _useContext.isOpen;
10
+ var isVisible = isOpen && visibleWhenOpen || !isOpen && visibleWhenClosed;
14
11
  if (isVisible) {
15
12
  // eslint-disable-next-line react/jsx-no-useless-fragment
16
13
  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsibleVisible.js","names":["React","useContext","PropTypes","CollapsibleContext","CollapsibleVisible","_ref","children","whenOpen","visibleWhenOpen","whenClosed","visibleWhenClosed","isOpen","isVisible","createElement","Fragment","propTypes","node","bool","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleVisible.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleVisible({\n children,\n whenOpen: visibleWhenOpen,\n whenClosed: visibleWhenClosed,\n}) {\n const { isOpen } = useContext(CollapsibleContext);\n const isVisible = (isOpen && visibleWhenOpen) || (!isOpen && visibleWhenClosed);\n\n if (isVisible) {\n // eslint-disable-next-line react/jsx-no-useless-fragment\n return <>{children}</>;\n }\n return null;\n}\n\nCollapsibleVisible.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies whether the content should be visible when `Collapsible` is open. */\n whenOpen: PropTypes.bool,\n /** Specifies whether the content should be visible when `Collapsible` is closed. */\n whenClosed: PropTypes.bool,\n};\n\nCollapsibleVisible.defaultProps = {\n children: undefined,\n whenOpen: false,\n whenClosed: false,\n};\n\nexport default CollapsibleVisible;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,kBAAkBA,CAAAC,IAAA,EAIxB;EAAA,IAJyB;IAC1BC,QAAQ;IACRC,QAAQ,EAAEC,eAAe;IACzBC,UAAU,EAAEC;EACd,CAAC,GAAAL,IAAA;EACC,MAAM;IAAEM;EAAO,CAAC,GAAGV,UAAU,CAACE,kBAAkB,CAAC;EACjD,MAAMS,SAAS,GAAID,MAAM,IAAIH,eAAe,IAAM,CAACG,MAAM,IAAID,iBAAkB;EAE/E,IAAIE,SAAS,EAAE;IACb;IACA,oBAAOZ,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,QAAGR,QAAW,CAAC;EACxB;EACA,OAAO,IAAI;AACb;AAEAF,kBAAkB,CAACW,SAAS,GAAG;EAC7B;EACAT,QAAQ,EAAEJ,SAAS,CAACc,IAAI;EACxB;EACAT,QAAQ,EAAEL,SAAS,CAACe,IAAI;EACxB;EACAR,UAAU,EAAEP,SAAS,CAACe;AACxB,CAAC;AAEDb,kBAAkB,CAACc,YAAY,GAAG;EAChCZ,QAAQ,EAAEa,SAAS;EACnBZ,QAAQ,EAAE,KAAK;EACfE,UAAU,EAAE;AACd,CAAC;AAED,eAAeL,kBAAkB"}
1
+ {"version":3,"file":"CollapsibleVisible.js","names":["React","useContext","PropTypes","CollapsibleContext","CollapsibleVisible","_ref","children","visibleWhenOpen","whenOpen","visibleWhenClosed","whenClosed","_useContext","isOpen","isVisible","createElement","Fragment","propTypes","node","bool","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleVisible.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleVisible({\n children,\n whenOpen: visibleWhenOpen,\n whenClosed: visibleWhenClosed,\n}) {\n const { isOpen } = useContext(CollapsibleContext);\n const isVisible = (isOpen && visibleWhenOpen) || (!isOpen && visibleWhenClosed);\n\n if (isVisible) {\n // eslint-disable-next-line react/jsx-no-useless-fragment\n return <>{children}</>;\n }\n return null;\n}\n\nCollapsibleVisible.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies whether the content should be visible when `Collapsible` is open. */\n whenOpen: PropTypes.bool,\n /** Specifies whether the content should be visible when `Collapsible` is closed. */\n whenClosed: PropTypes.bool,\n};\n\nCollapsibleVisible.defaultProps = {\n children: undefined,\n whenOpen: false,\n whenClosed: false,\n};\n\nexport default CollapsibleVisible;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,kBAAkBA,CAAAC,IAAA,EAIxB;EAAA,IAHDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACEC,eAAe,GAAAF,IAAA,CAAzBG,QAAQ;IACIC,iBAAiB,GAAAJ,IAAA,CAA7BK,UAAU;EAEV,IAAAC,WAAA,GAAmBV,UAAU,CAACE,kBAAkB,CAAC;IAAzCS,MAAM,GAAAD,WAAA,CAANC,MAAM;EACd,IAAMC,SAAS,GAAID,MAAM,IAAIL,eAAe,IAAM,CAACK,MAAM,IAAIH,iBAAkB;EAE/E,IAAII,SAAS,EAAE;IACb;IACA,oBAAOb,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,QAAGT,QAAW,CAAC;EACxB;EACA,OAAO,IAAI;AACb;AAEAF,kBAAkB,CAACY,SAAS,GAAG;EAC7B;EACAV,QAAQ,EAAEJ,SAAS,CAACe,IAAI;EACxB;EACAT,QAAQ,EAAEN,SAAS,CAACgB,IAAI;EACxB;EACAR,UAAU,EAAER,SAAS,CAACgB;AACxB,CAAC;AAEDd,kBAAkB,CAACe,YAAY,GAAG;EAChCb,QAAQ,EAAEc,SAAS;EACnBZ,QAAQ,EAAE,KAAK;EACfE,UAAU,EAAE;AACd,CAAC;AAED,eAAeN,kBAAkB"}
@@ -0,0 +1,12 @@
1
+ // Collapsible
2
+
3
+ $collapsible-card-spacer-y: .5rem !default;
4
+ $collapsible-card-spacer-x: .5rem !default;
5
+ $collapsible-card-spacer-y-lg: $card-spacer-y !default;
6
+ $collapsible-card-spacer-x-lg: $card-spacer-x !default;
7
+ $collapsible-card-body-spacer-left: .75rem !default;
8
+ $collapsible-card-spacer-icon: 2.5rem !default;
9
+
10
+ $collapsible-basic-spacer-y: .5rem !default;
11
+ $collapsible-basic-spacer-x: .5rem !default;
12
+ $collapsible-basic-spacer-icon: .625rem !default;
@@ -1,10 +1,11 @@
1
- const _excluded = ["children", "className", "title", "styling", "iconWhenClosed", "iconWhenOpen"];
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 = ["children", "className", "title", "styling", "iconWhenClosed", "iconWhenOpen"];
2
3
  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
4
  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
5
  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
6
  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); }
7
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
8
+ 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
9
  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
10
  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
11
  import React from 'react';
@@ -16,7 +17,7 @@ import CollapsibleBody from './CollapsibleBody';
16
17
  import CollapsibleTrigger from './CollapsibleTrigger';
17
18
  import CollapsibleVisible from './CollapsibleVisible';
18
19
  import Icon from '../Icon';
19
- const styleIcons = {
20
+ var styleIcons = {
20
21
  basic: {
21
22
  iconWhenClosed: /*#__PURE__*/React.createElement(Icon, {
22
23
  src: ExpandMore
@@ -28,23 +29,21 @@ const styleIcons = {
28
29
  // card and card-lg use the defaults specified in defaultProps
29
30
  };
30
31
 
31
- const Collapsible = /*#__PURE__*/React.forwardRef((props, ref) => {
32
- const {
33
- children,
34
- className,
35
- title,
36
- styling,
37
- iconWhenClosed,
38
- iconWhenOpen
39
- } = props,
32
+ var Collapsible = /*#__PURE__*/React.forwardRef(function (props, ref) {
33
+ var children = props.children,
34
+ className = props.className,
35
+ title = props.title,
36
+ styling = props.styling,
37
+ iconWhenClosed = props.iconWhenClosed,
38
+ iconWhenOpen = props.iconWhenOpen,
40
39
  other = _objectWithoutProperties(props, _excluded);
41
- const icons = _objectSpread({
42
- iconWhenClosed,
43
- iconWhenOpen
40
+ var icons = _objectSpread({
41
+ iconWhenClosed: iconWhenClosed,
42
+ iconWhenOpen: iconWhenOpen
44
43
  }, styleIcons[styling]);
45
- const titleElement = /*#__PURE__*/React.isValidElement(title) ? title : /*#__PURE__*/React.createElement("span", null, title);
44
+ var titleElement = /*#__PURE__*/React.isValidElement(title) ? title : /*#__PURE__*/React.createElement("span", null, title);
46
45
  return /*#__PURE__*/React.createElement(Collapsible.Advanced, _extends({}, other, {
47
- className: classNames(className, `collapsible-${styling}`),
46
+ className: classNames(className, "collapsible-".concat(styling)),
48
47
  ref: ref
49
48
  }), /*#__PURE__*/React.createElement(Collapsible.Trigger, {
50
49
  className: "collapsible-trigger"
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","classNames","PropTypes","ExpandLess","ExpandMore","CollapsibleAdvanced","CollapsibleContext","CollapsibleBody","CollapsibleTrigger","CollapsibleVisible","Icon","styleIcons","basic","iconWhenClosed","createElement","src","iconWhenOpen","Collapsible","forwardRef","props","ref","children","className","title","styling","other","_objectWithoutProperties","_excluded","icons","_objectSpread","titleElement","isValidElement","Advanced","_extends","Trigger","Visible","whenClosed","whenOpen","Body","propTypes","node","isRequired","string","defaultOpen","bool","element","onClose","func","onOpen","onToggle","open","oneOf","unmountOnExit","defaultProps","undefined","Context"],"sources":["../../src/Collapsible/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport CollapsibleAdvanced, { CollapsibleContext } from './CollapsibleAdvanced';\nimport CollapsibleBody from './CollapsibleBody';\nimport CollapsibleTrigger from './CollapsibleTrigger';\nimport CollapsibleVisible from './CollapsibleVisible';\nimport Icon from '../Icon';\n\nconst styleIcons = {\n basic: {\n iconWhenClosed: <Icon src={ExpandMore} />,\n iconWhenOpen: <Icon src={ExpandLess} />,\n },\n // card and card-lg use the defaults specified in defaultProps\n};\n\nconst Collapsible = React.forwardRef((props, ref) => {\n const {\n children,\n className,\n title,\n styling,\n iconWhenClosed,\n iconWhenOpen,\n ...other\n } = props;\n\n const icons = { iconWhenClosed, iconWhenOpen, ...styleIcons[styling] };\n const titleElement = React.isValidElement(title) ? title : <span>{title}</span>;\n\n return (\n <Collapsible.Advanced\n {...other}\n className={classNames(className, `collapsible-${styling}`)}\n ref={ref}\n >\n <Collapsible.Trigger className=\"collapsible-trigger\">\n {titleElement}\n <span className=\"collapsible-icon\">\n <Collapsible.Visible whenClosed>{icons.iconWhenClosed}</Collapsible.Visible>\n <Collapsible.Visible whenOpen>{icons.iconWhenOpen}</Collapsible.Visible>\n </span>\n </Collapsible.Trigger>\n\n <Collapsible.Body className=\"collapsible-body\">{children}</Collapsible.Body>\n </Collapsible.Advanced>\n );\n});\n\nCollapsible.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether the `Collapsible` should be initially open. */\n defaultOpen: PropTypes.bool,\n /** Specifies icon to show when `Collapsible` is closed. */\n iconWhenClosed: PropTypes.element,\n /** Specifies icon to show when `Collapsible` is open. */\n iconWhenOpen: PropTypes.element,\n /** Callback fired when `Collapsible` closes. */\n onClose: PropTypes.func,\n /** Callback fired when `Collapsible` opens. */\n onOpen: PropTypes.func,\n /** Callback fired when `Collapsible's` state is toggled. */\n onToggle: PropTypes.func,\n /** Specifies whether `Collapsible` is open. */\n open: PropTypes.bool,\n /** Specifies style variant. */\n styling: PropTypes.oneOf(['basic', 'card', 'card-lg']),\n /** Specifies title. */\n title: PropTypes.node.isRequired,\n /** Unmount the component (remove it from the DOM) when it is collapsed */\n unmountOnExit: PropTypes.bool,\n};\n\nCollapsible.defaultProps = {\n className: undefined,\n defaultOpen: false,\n iconWhenClosed: <Icon src={ExpandMore} />,\n iconWhenOpen: <Icon src={ExpandLess} />,\n onClose: undefined,\n onOpen: undefined,\n onToggle: undefined,\n open: undefined,\n styling: 'card',\n unmountOnExit: true,\n};\n\nCollapsible.Advanced = CollapsibleAdvanced;\nCollapsible.Body = CollapsibleBody;\nCollapsible.Trigger = CollapsibleTrigger;\nCollapsible.Visible = CollapsibleVisible;\nCollapsible.Context = CollapsibleContext;\n\nexport default Collapsible;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["React","classNames","PropTypes","ExpandLess","ExpandMore","CollapsibleAdvanced","CollapsibleContext","CollapsibleBody","CollapsibleTrigger","CollapsibleVisible","Icon","styleIcons","basic","iconWhenClosed","createElement","src","iconWhenOpen","Collapsible","forwardRef","props","ref","children","className","title","styling","other","_objectWithoutProperties","_excluded","icons","_objectSpread","titleElement","isValidElement","Advanced","_extends","concat","Trigger","Visible","whenClosed","whenOpen","Body","propTypes","node","isRequired","string","defaultOpen","bool","element","onClose","func","onOpen","onToggle","open","oneOf","unmountOnExit","defaultProps","undefined","Context"],"sources":["../../src/Collapsible/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport CollapsibleAdvanced, { CollapsibleContext } from './CollapsibleAdvanced';\nimport CollapsibleBody from './CollapsibleBody';\nimport CollapsibleTrigger from './CollapsibleTrigger';\nimport CollapsibleVisible from './CollapsibleVisible';\nimport Icon from '../Icon';\n\nconst styleIcons = {\n basic: {\n iconWhenClosed: <Icon src={ExpandMore} />,\n iconWhenOpen: <Icon src={ExpandLess} />,\n },\n // card and card-lg use the defaults specified in defaultProps\n};\n\nconst Collapsible = React.forwardRef((props, ref) => {\n const {\n children,\n className,\n title,\n styling,\n iconWhenClosed,\n iconWhenOpen,\n ...other\n } = props;\n\n const icons = { iconWhenClosed, iconWhenOpen, ...styleIcons[styling] };\n const titleElement = React.isValidElement(title) ? title : <span>{title}</span>;\n\n return (\n <Collapsible.Advanced\n {...other}\n className={classNames(className, `collapsible-${styling}`)}\n ref={ref}\n >\n <Collapsible.Trigger className=\"collapsible-trigger\">\n {titleElement}\n <span className=\"collapsible-icon\">\n <Collapsible.Visible whenClosed>{icons.iconWhenClosed}</Collapsible.Visible>\n <Collapsible.Visible whenOpen>{icons.iconWhenOpen}</Collapsible.Visible>\n </span>\n </Collapsible.Trigger>\n\n <Collapsible.Body className=\"collapsible-body\">{children}</Collapsible.Body>\n </Collapsible.Advanced>\n );\n});\n\nCollapsible.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether the `Collapsible` should be initially open. */\n defaultOpen: PropTypes.bool,\n /** Specifies icon to show when `Collapsible` is closed. */\n iconWhenClosed: PropTypes.element,\n /** Specifies icon to show when `Collapsible` is open. */\n iconWhenOpen: PropTypes.element,\n /** Callback fired when `Collapsible` closes. */\n onClose: PropTypes.func,\n /** Callback fired when `Collapsible` opens. */\n onOpen: PropTypes.func,\n /** Callback fired when `Collapsible's` state is toggled. */\n onToggle: PropTypes.func,\n /** Specifies whether `Collapsible` is open. */\n open: PropTypes.bool,\n /** Specifies style variant. */\n styling: PropTypes.oneOf(['basic', 'card', 'card-lg']),\n /** Specifies title. */\n title: PropTypes.node.isRequired,\n /** Unmount the component (remove it from the DOM) when it is collapsed */\n unmountOnExit: PropTypes.bool,\n};\n\nCollapsible.defaultProps = {\n className: undefined,\n defaultOpen: false,\n iconWhenClosed: <Icon src={ExpandMore} />,\n iconWhenOpen: <Icon src={ExpandLess} />,\n onClose: undefined,\n onOpen: undefined,\n onToggle: undefined,\n open: undefined,\n styling: 'card',\n unmountOnExit: true,\n};\n\nCollapsible.Advanced = CollapsibleAdvanced;\nCollapsible.Body = CollapsibleBody;\nCollapsible.Trigger = CollapsibleTrigger;\nCollapsible.Visible = CollapsibleVisible;\nCollapsible.Context = CollapsibleContext;\n\nexport default Collapsible;\n"],"mappings":"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"}