@openedx/paragon 22.6.0 → 23.0.0-alpha.2

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 (564) hide show
  1. package/README.md +61 -21
  2. package/bin/paragon-scripts.js +128 -9
  3. package/dist/ActionRow/_index.scss +2 -4
  4. package/dist/Alert/index.scss +41 -32
  5. package/dist/Annotation/_mixins.scss +104 -0
  6. package/dist/Annotation/index.scss +130 -103
  7. package/dist/Avatar/index.scss +18 -20
  8. package/dist/AvatarButton/index.scss +3 -5
  9. package/dist/Badge/index.scss +112 -2
  10. package/dist/Breadcrumb/index.scss +14 -16
  11. package/dist/Bubble/index.scss +25 -12
  12. package/dist/Button/_mixins.scss +14 -0
  13. package/dist/Button/button-group.scss +126 -0
  14. package/dist/Button/index.js +15 -40
  15. package/dist/Button/index.js.map +1 -1
  16. package/dist/Button/index.scss +855 -372
  17. package/dist/Card/card-bootstrap.scss +168 -0
  18. package/dist/Card/index.scss +78 -79
  19. package/dist/Carousel/index.scss +168 -2
  20. package/dist/Chip/ChipIcon.d.ts +2 -2
  21. package/dist/Chip/ChipIcon.js.map +1 -1
  22. package/dist/Chip/index.d.ts +2 -2
  23. package/dist/Chip/index.js +2 -2
  24. package/dist/Chip/index.js.map +1 -1
  25. package/dist/Chip/index.scss +48 -38
  26. package/dist/Chip/mixins.scss +8 -3
  27. package/dist/ChipCarousel/index.scss +4 -4
  28. package/dist/CloseButton/index.scss +31 -2
  29. package/dist/Code/index.scss +47 -2
  30. package/dist/Collapsible/index.scss +15 -15
  31. package/dist/ColorPicker/index.scss +9 -11
  32. package/dist/DataTable/CollapsibleButtonGroup.js +2 -2
  33. package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
  34. package/dist/DataTable/index.scss +48 -50
  35. package/dist/Dropdown/dropdown-bootstrap.scss +181 -0
  36. package/dist/Dropdown/index.js +0 -2
  37. package/dist/Dropdown/index.js.map +1 -1
  38. package/dist/Dropdown/index.scss +11 -12
  39. package/dist/Dropzone/index.scss +12 -14
  40. package/dist/Form/_FormText.scss +8 -8
  41. package/dist/Form/_bootstrap-custom-forms.scss +551 -0
  42. package/dist/Form/_bootstrap-forms.scss +381 -0
  43. package/dist/Form/_index.scss +168 -146
  44. package/dist/Form/_input-group.scss +188 -0
  45. package/dist/Form/_mixins.scss +216 -3
  46. package/dist/Hyperlink/index.js +32 -20
  47. package/dist/Hyperlink/index.js.map +1 -1
  48. package/dist/Hyperlink/index.scss +1 -1
  49. package/dist/Icon/index.d.ts +2 -4
  50. package/dist/Icon/index.js +1 -1
  51. package/dist/Icon/index.js.map +1 -1
  52. package/dist/Icon/index.scss +10 -12
  53. package/dist/IconButton/_mixins.scss +4 -0
  54. package/dist/IconButton/index.js +5 -11
  55. package/dist/IconButton/index.js.map +1 -1
  56. package/dist/IconButton/index.scss +387 -74
  57. package/dist/IconButtonToggle/index.scss +1 -1
  58. package/dist/Image/index.scss +53 -2
  59. package/dist/Menu/index.scss +25 -27
  60. package/dist/Modal/_ModalDialog.scss +52 -54
  61. package/dist/Modal/index.scss +6 -73
  62. package/dist/Nav/_mixins.scss +4 -4
  63. package/dist/Nav/index.scss +70 -66
  64. package/dist/Navbar/index.scss +276 -2
  65. package/dist/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  66. package/dist/Overlay/index.js +2 -3
  67. package/dist/Overlay/index.js.map +1 -1
  68. package/dist/PageBanner/index.scss +17 -21
  69. package/dist/Pagination/index.scss +32 -34
  70. package/dist/Pagination/pagination-bootstrap.scss +83 -0
  71. package/dist/Popover/index.scss +9 -10
  72. package/dist/Popover/popover-bootstrap.scss +198 -0
  73. package/dist/ProductTour/Checkpoint.scss +71 -43
  74. package/dist/ProgressBar/_mixins.scss +22 -0
  75. package/dist/ProgressBar/bootstrap-progress.scss +49 -0
  76. package/dist/ProgressBar/index.scss +28 -36
  77. package/dist/Scrollable/index.scss +2 -2
  78. package/dist/SearchField/SearchFieldInput.js +2 -2
  79. package/dist/SearchField/SearchFieldInput.js.map +1 -1
  80. package/dist/SearchField/index.scss +15 -17
  81. package/dist/SelectableBox/index.scss +11 -13
  82. package/dist/Sheet/index.scss +10 -10
  83. package/dist/Spinner/index.scss +57 -2
  84. package/dist/Stack/index.scss +1 -3
  85. package/dist/Stepper/index.scss +20 -20
  86. package/dist/Sticky/index.scss +4 -6
  87. package/dist/Tabs/index.js +0 -2
  88. package/dist/Tabs/index.js.map +1 -1
  89. package/dist/Tabs/index.scss +29 -25
  90. package/dist/Toast/ToastContainer.scss +9 -11
  91. package/dist/Toast/bootstrap-toast.scss +46 -0
  92. package/dist/Toast/index.scss +9 -10
  93. package/dist/Tooltip/index.scss +136 -10
  94. package/dist/ValidationMessage/index.scss +1 -1
  95. package/dist/core.css +16777 -0
  96. package/dist/core.css.map +1 -0
  97. package/dist/core.min.css +2 -0
  98. package/dist/index.d.ts +2 -2
  99. package/dist/index.js +4 -18
  100. package/dist/index.scss +0 -4
  101. package/dist/light.css +4098 -0
  102. package/dist/light.css.map +1 -0
  103. package/dist/light.min.css +2 -0
  104. package/dist/theme-urls.json +21 -0
  105. package/dist/utils/breakpoints.js +1 -1
  106. package/lib/build-scss.js +188 -0
  107. package/lib/build-tokens.js +133 -0
  108. package/lib/help.js +36 -23
  109. package/lib/replace-variables.js +38 -0
  110. package/lib/utils.js +30 -0
  111. package/package.json +30 -14
  112. package/src/ActionRow/_index.scss +2 -4
  113. package/src/Alert/index.scss +41 -32
  114. package/src/Annotation/_mixins.scss +104 -0
  115. package/src/Annotation/index.scss +130 -103
  116. package/src/Avatar/index.scss +18 -20
  117. package/src/AvatarButton/index.scss +3 -5
  118. package/src/Badge/index.scss +112 -2
  119. package/src/Breadcrumb/index.scss +14 -16
  120. package/src/Bubble/index.scss +25 -12
  121. package/src/Button/{Button.test.tsx → Button.test.jsx} +2 -14
  122. package/src/Button/README.md +0 -84
  123. package/src/Button/__snapshots__/{Button.test.tsx.snap → Button.test.jsx.snap} +2 -19
  124. package/src/Button/_mixins.scss +14 -0
  125. package/src/Button/button-group.scss +126 -0
  126. package/src/Button/index.jsx +113 -0
  127. package/src/Button/index.scss +855 -372
  128. package/src/Card/card-bootstrap.scss +168 -0
  129. package/src/Card/index.scss +78 -79
  130. package/src/Carousel/index.scss +168 -2
  131. package/src/Chip/ChipIcon.tsx +1 -1
  132. package/src/Chip/index.scss +48 -38
  133. package/src/Chip/index.tsx +5 -5
  134. package/src/Chip/mixins.scss +8 -3
  135. package/src/ChipCarousel/index.scss +4 -4
  136. package/src/CloseButton/index.scss +31 -2
  137. package/src/Code/index.scss +47 -2
  138. package/src/Collapsible/index.scss +15 -15
  139. package/src/ColorPicker/index.scss +9 -11
  140. package/src/DataTable/CollapsibleButtonGroup.jsx +2 -2
  141. package/src/DataTable/index.scss +48 -50
  142. package/src/Dropdown/README.md +0 -93
  143. package/src/Dropdown/dropdown-bootstrap.scss +181 -0
  144. package/src/Dropdown/index.jsx +0 -2
  145. package/src/Dropdown/index.scss +11 -12
  146. package/src/Dropzone/index.scss +12 -14
  147. package/src/Form/_FormText.scss +8 -8
  148. package/src/Form/_bootstrap-custom-forms.scss +551 -0
  149. package/src/Form/_bootstrap-forms.scss +381 -0
  150. package/src/Form/_index.scss +168 -146
  151. package/src/Form/_input-group.scss +188 -0
  152. package/src/Form/_mixins.scss +216 -3
  153. package/src/Hyperlink/{Hyperlink.test.tsx → Hyperlink.test.jsx} +10 -21
  154. package/src/Hyperlink/{index.tsx → index.jsx} +37 -41
  155. package/src/Hyperlink/index.scss +1 -1
  156. package/src/Icon/index.d.ts +2 -4
  157. package/src/Icon/index.jsx +1 -1
  158. package/src/Icon/index.scss +10 -12
  159. package/src/IconButton/README.md +1 -15
  160. package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +5 -28
  161. package/src/IconButton/_mixins.scss +4 -0
  162. package/src/IconButton/index.jsx +6 -13
  163. package/src/IconButton/index.scss +387 -74
  164. package/src/IconButtonToggle/index.scss +1 -1
  165. package/src/Image/index.scss +53 -2
  166. package/src/Menu/index.scss +25 -27
  167. package/src/Modal/_ModalDialog.scss +52 -54
  168. package/src/Modal/index.scss +6 -73
  169. package/src/Nav/_mixins.scss +4 -4
  170. package/src/Nav/index.scss +70 -66
  171. package/src/Navbar/index.scss +276 -2
  172. package/src/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  173. package/src/Overlay/index.jsx +2 -3
  174. package/src/PageBanner/index.scss +17 -21
  175. package/src/Pagination/index.scss +32 -34
  176. package/src/Pagination/pagination-bootstrap.scss +83 -0
  177. package/src/Popover/index.scss +9 -10
  178. package/src/Popover/popover-bootstrap.scss +198 -0
  179. package/src/ProductTour/Checkpoint.scss +71 -43
  180. package/src/ProgressBar/_mixins.scss +22 -0
  181. package/src/ProgressBar/bootstrap-progress.scss +49 -0
  182. package/src/ProgressBar/index.scss +28 -36
  183. package/src/Scrollable/index.scss +2 -2
  184. package/src/SearchField/SearchFieldInput.jsx +2 -2
  185. package/src/SearchField/__snapshots__/SearchField.test.jsx.snap +12 -8
  186. package/src/SearchField/index.scss +15 -17
  187. package/src/SelectableBox/index.scss +11 -13
  188. package/src/Sheet/index.scss +10 -10
  189. package/src/Spinner/index.scss +57 -2
  190. package/src/Stack/index.scss +1 -3
  191. package/src/Stepper/index.scss +20 -20
  192. package/src/Sticky/index.scss +4 -6
  193. package/src/Tabs/README.md +1 -23
  194. package/src/Tabs/index.jsx +0 -3
  195. package/src/Tabs/index.scss +29 -25
  196. package/src/Toast/ToastContainer.scss +9 -11
  197. package/src/Toast/bootstrap-toast.scss +46 -0
  198. package/src/Toast/index.scss +9 -10
  199. package/src/Tooltip/index.scss +136 -10
  200. package/src/TransitionReplace/README.md +4 -4
  201. package/src/ValidationMessage/index.scss +1 -1
  202. package/src/index.d.ts +2 -2
  203. package/src/index.js +4 -18
  204. package/src/index.scss +0 -4
  205. package/src/{setupTest.ts → setupTest.js} +0 -7
  206. package/src/utils/breakpoints.js +1 -1
  207. package/styles/css/core/custom-media-breakpoints.css +17 -0
  208. package/styles/css/core/index.css +2 -0
  209. package/styles/css/core/variables.css +603 -0
  210. package/styles/css/themes/light/index.css +2 -0
  211. package/styles/css/themes/light/utility-classes.css +2454 -0
  212. package/styles/css/themes/light/variables.css +1644 -0
  213. package/{scss → styles/scss}/core/_functions.scss +1 -1
  214. package/styles/scss/core/_grid.scss +21 -0
  215. package/{scss → styles/scss}/core/_utilities.scss +17 -11
  216. package/styles/scss/core/_variables.scss +868 -0
  217. package/styles/scss/core/bootstrap-override/_functions.scss +104 -0
  218. package/styles/scss/core/bootstrap-override/_mixins.scss +4 -0
  219. package/styles/scss/core/bootstrap-override/_utilities.scss +4 -0
  220. package/styles/scss/core/bootstrap-override/bootstrap.scss +2 -0
  221. package/styles/scss/core/bootstrap-override/mixins/_grid-framework.scss +80 -0
  222. package/styles/scss/core/bootstrap-override/mixins/_grid.scss +69 -0
  223. package/styles/scss/core/bootstrap-override/mixins/_list-group.scss +22 -0
  224. package/styles/scss/core/bootstrap-override/utilities/_background.scss +7 -0
  225. package/styles/scss/core/bootstrap-override/utilities/_borders.scss +67 -0
  226. package/styles/scss/core/bootstrap-override/utilities/_spacing.scss +70 -0
  227. package/styles/scss/core/bootstrap-override/utilities/_text.scss +68 -0
  228. package/styles/scss/core/core.scss +21 -0
  229. package/{scss → styles/scss}/core/utilities-only.scss +1 -0
  230. package/tokens/README.md +157 -0
  231. package/tokens/css-utilities.js +56 -0
  232. package/tokens/map-scss-to-css.js +24 -0
  233. package/tokens/replace-variables.js +32 -0
  234. package/tokens/sass-helpers.js +98 -0
  235. package/tokens/src/core/alias/size.json +15 -0
  236. package/tokens/src/core/components/ActionRow.json +10 -0
  237. package/tokens/src/core/components/Alert.json +30 -0
  238. package/tokens/src/core/components/Annotation.json +25 -0
  239. package/tokens/src/core/components/Avatar.json +17 -0
  240. package/tokens/src/core/components/AvatarButton.json +11 -0
  241. package/tokens/src/core/components/Badge.json +33 -0
  242. package/tokens/src/core/components/Breadcrumb.json +23 -0
  243. package/tokens/src/core/components/Bubble.json +10 -0
  244. package/tokens/src/core/components/Button/core.json +105 -0
  245. package/tokens/src/core/components/Card.json +96 -0
  246. package/tokens/src/core/components/Carousel.json +37 -0
  247. package/tokens/src/core/components/Chip.json +41 -0
  248. package/tokens/src/core/components/ChipCarousel.json +15 -0
  249. package/tokens/src/core/components/CloseButton.json +14 -0
  250. package/tokens/src/core/components/Code.json +34 -0
  251. package/tokens/src/core/components/Collapsible.json +29 -0
  252. package/tokens/src/core/components/ColorPicker.json +8 -0
  253. package/tokens/src/core/components/Container.json +13 -0
  254. package/tokens/src/core/components/DataTable.json +27 -0
  255. package/tokens/src/core/components/Dropdown.json +67 -0
  256. package/tokens/src/core/components/Dropzone.json +21 -0
  257. package/tokens/src/core/components/Form/other.json +14 -0
  258. package/tokens/src/core/components/Form/size.json +229 -0
  259. package/tokens/src/core/components/Form/spacing.json +155 -0
  260. package/tokens/src/core/components/Form/transition.json +16 -0
  261. package/tokens/src/core/components/Form/typography.json +122 -0
  262. package/tokens/src/core/components/Icon.json +11 -0
  263. package/tokens/src/core/components/IconButton.json +15 -0
  264. package/tokens/src/core/components/Image.json +28 -0
  265. package/tokens/src/core/components/Menu.json +48 -0
  266. package/tokens/src/core/components/Modal.json +47 -0
  267. package/tokens/src/core/components/Nav.json +52 -0
  268. package/tokens/src/core/components/Navbar.json +70 -0
  269. package/tokens/src/core/components/Pagination.json +66 -0
  270. package/tokens/src/core/components/Popover.json +48 -0
  271. package/tokens/src/core/components/ProductTour.json +32 -0
  272. package/tokens/src/core/components/ProgressBar.json +39 -0
  273. package/tokens/src/core/components/SearchField.json +23 -0
  274. package/tokens/src/core/components/SelectableBox.json +9 -0
  275. package/tokens/src/core/components/Sheet.json +10 -0
  276. package/tokens/src/core/components/Spinner.json +19 -0
  277. package/tokens/src/core/components/Stack.json +7 -0
  278. package/tokens/src/core/components/Stepper.json +42 -0
  279. package/tokens/src/core/components/Sticky.json +7 -0
  280. package/tokens/src/core/components/Tab.json +19 -0
  281. package/tokens/src/core/components/Tabs.json +19 -0
  282. package/tokens/src/core/components/Toast.json +30 -0
  283. package/tokens/src/core/components/Tooltip.json +33 -0
  284. package/tokens/src/core/components/general/caret.json +13 -0
  285. package/tokens/src/core/components/general/headings.json +16 -0
  286. package/tokens/src/core/components/general/hr.json +10 -0
  287. package/tokens/src/core/components/general/input.json +51 -0
  288. package/tokens/src/core/components/general/link.json +30 -0
  289. package/tokens/src/core/components/general/list.json +26 -0
  290. package/tokens/src/core/components/general/text.json +24 -0
  291. package/tokens/src/core/global/breakpoints.json +12 -0
  292. package/tokens/src/core/global/display.json +22 -0
  293. package/tokens/src/core/global/elevation.json +19 -0
  294. package/tokens/src/core/global/other.json +4 -0
  295. package/tokens/src/core/global/spacing.json +37 -0
  296. package/tokens/src/core/global/transition.json +14 -0
  297. package/tokens/src/core/global/typography.json +91 -0
  298. package/tokens/src/core/utilities/color.json +12 -0
  299. package/tokens/src/themes/light/alias/color.json +114 -0
  300. package/tokens/src/themes/light/components/Alert.json +38 -0
  301. package/tokens/src/themes/light/components/Annotation.json +29 -0
  302. package/tokens/src/themes/light/components/Avatar.json +7 -0
  303. package/tokens/src/themes/light/components/Badge.json +186 -0
  304. package/tokens/src/themes/light/components/Breadcrumb.json +13 -0
  305. package/tokens/src/themes/light/components/Bubble.json +18 -0
  306. package/tokens/src/themes/light/components/Button/brand.json +260 -0
  307. package/tokens/src/themes/light/components/Button/core.json +24 -0
  308. package/tokens/src/themes/light/components/Button/danger.json +247 -0
  309. package/tokens/src/themes/light/components/Button/dark.json +230 -0
  310. package/tokens/src/themes/light/components/Button/info.json +238 -0
  311. package/tokens/src/themes/light/components/Button/light.json +236 -0
  312. package/tokens/src/themes/light/components/Button/primary.json +250 -0
  313. package/tokens/src/themes/light/components/Button/secondary.json +278 -0
  314. package/tokens/src/themes/light/components/Button/success.json +253 -0
  315. package/tokens/src/themes/light/components/Button/tertiary.json +109 -0
  316. package/tokens/src/themes/light/components/Button/warning.json +276 -0
  317. package/tokens/src/themes/light/components/Card.json +36 -0
  318. package/tokens/src/themes/light/components/Carousel.json +45 -0
  319. package/tokens/src/themes/light/components/Chip.json +50 -0
  320. package/tokens/src/themes/light/components/CloseButton.json +10 -0
  321. package/tokens/src/themes/light/components/Code.json +23 -0
  322. package/tokens/src/themes/light/components/DataTable.json +26 -0
  323. package/tokens/src/themes/light/components/Dropdown.json +41 -0
  324. package/tokens/src/themes/light/components/Dropzone.json +23 -0
  325. package/tokens/src/themes/light/components/Form/color.json +270 -0
  326. package/tokens/src/themes/light/components/Form/elevation.json +76 -0
  327. package/tokens/src/themes/light/components/Form/other.json +131 -0
  328. package/tokens/src/themes/light/components/IconButton.json +451 -0
  329. package/tokens/src/themes/light/components/Image.json +18 -0
  330. package/tokens/src/themes/light/components/Menu.json +30 -0
  331. package/tokens/src/themes/light/components/Modal.json +37 -0
  332. package/tokens/src/themes/light/components/Nav.json +166 -0
  333. package/tokens/src/themes/light/components/Navbar.json +136 -0
  334. package/tokens/src/themes/light/components/OverflowScroll.json +9 -0
  335. package/tokens/src/themes/light/components/PageBanner.json +24 -0
  336. package/tokens/src/themes/light/components/Pagination.json +45 -0
  337. package/tokens/src/themes/light/components/Popover.json +55 -0
  338. package/tokens/src/themes/light/components/ProductTour.json +35 -0
  339. package/tokens/src/themes/light/components/ProgressBar.json +20 -0
  340. package/tokens/src/themes/light/components/Scrollable.json +14 -0
  341. package/tokens/src/themes/light/components/SearchField.json +25 -0
  342. package/tokens/src/themes/light/components/Sheet.json +22 -0
  343. package/tokens/src/themes/light/components/Stepper.json +34 -0
  344. package/tokens/src/themes/light/components/Sticky.json +18 -0
  345. package/tokens/src/themes/light/components/Tab.json +62 -0
  346. package/tokens/src/themes/light/components/Toast.json +33 -0
  347. package/tokens/src/themes/light/components/Tooltip.json +30 -0
  348. package/tokens/src/themes/light/components/general/body.json +8 -0
  349. package/tokens/src/themes/light/components/general/headings.json +7 -0
  350. package/tokens/src/themes/light/components/general/hr.json +15 -0
  351. package/tokens/src/themes/light/components/general/input.json +18 -0
  352. package/tokens/src/themes/light/components/general/link.json +109 -0
  353. package/tokens/src/themes/light/components/general/list.json +38 -0
  354. package/tokens/src/themes/light/components/general/text.json +12 -0
  355. package/tokens/src/themes/light/global/color.json +1661 -0
  356. package/tokens/src/themes/light/global/elevation.json +201 -0
  357. package/tokens/src/themes/light/global/other.json +4 -0
  358. package/tokens/style-dictionary.js +229 -0
  359. package/tokens/utils.js +210 -0
  360. package/dist/ActionRow/_variables.scss +0 -2
  361. package/dist/Alert/_variables.scss +0 -24
  362. package/dist/Annotation/_variables.scss +0 -18
  363. package/dist/Avatar/_variables.scss +0 -10
  364. package/dist/AvatarButton/_variables.scss +0 -3
  365. package/dist/Badge/_variables.scss +0 -16
  366. package/dist/Breadcrumb/_variables.scss +0 -27
  367. package/dist/Bubble/_variables.scss +0 -8
  368. package/dist/Button/_variables.scss +0 -52
  369. package/dist/Button/deprecated/index.js +0 -149
  370. package/dist/Button/deprecated/index.js.map +0 -1
  371. package/dist/Button/index.d.ts +0 -35
  372. package/dist/Card/_variables.scss +0 -55
  373. package/dist/Carousel/_variables.scss +0 -27
  374. package/dist/CheckBox/index.js +0 -102
  375. package/dist/CheckBox/index.js.map +0 -1
  376. package/dist/CheckBoxGroup/index.js +0 -15
  377. package/dist/CheckBoxGroup/index.js.map +0 -1
  378. package/dist/Chip/_variables.scss +0 -28
  379. package/dist/ChipCarousel/_variables.scss +0 -3
  380. package/dist/CloseButton/_variables.scss +0 -6
  381. package/dist/Code/_variables.scss +0 -17
  382. package/dist/Collapsible/_variables.scss +0 -12
  383. package/dist/ColorPicker/_variables.scss +0 -2
  384. package/dist/Container/_variables.scss +0 -5
  385. package/dist/DataTable/_variables.scss +0 -11
  386. package/dist/Dropdown/_variables.scss +0 -33
  387. package/dist/Dropdown/deprecated/DropdownButton.js +0 -44
  388. package/dist/Dropdown/deprecated/DropdownButton.js.map +0 -1
  389. package/dist/Dropdown/deprecated/DropdownItem.js +0 -33
  390. package/dist/Dropdown/deprecated/DropdownItem.js.map +0 -1
  391. package/dist/Dropdown/deprecated/DropdownMenu.js +0 -46
  392. package/dist/Dropdown/deprecated/DropdownMenu.js.map +0 -1
  393. package/dist/Dropdown/deprecated/index.js +0 -241
  394. package/dist/Dropdown/deprecated/index.js.map +0 -1
  395. package/dist/Dropzone/_variables.scss +0 -9
  396. package/dist/Fieldset/index.js +0 -117
  397. package/dist/Fieldset/index.js.map +0 -1
  398. package/dist/Fieldset/index.scss +0 -12
  399. package/dist/Form/_variables.scss +0 -267
  400. package/dist/Hyperlink/index.d.ts +0 -24
  401. package/dist/Icon/_variables.scss +0 -7
  402. package/dist/Image/_variables.scss +0 -13
  403. package/dist/Input/index.js +0 -166
  404. package/dist/Input/index.js.map +0 -1
  405. package/dist/InputSelect/index.js +0 -105
  406. package/dist/InputSelect/index.js.map +0 -1
  407. package/dist/InputText/index.js +0 -45
  408. package/dist/InputText/index.js.map +0 -1
  409. package/dist/ListBox/index.js +0 -148
  410. package/dist/ListBox/index.js.map +0 -1
  411. package/dist/ListBoxOption/index.js +0 -94
  412. package/dist/ListBoxOption/index.js.map +0 -1
  413. package/dist/Menu/_variables.scss +0 -24
  414. package/dist/Modal/_variables.scss +0 -50
  415. package/dist/Modal/index.js +0 -292
  416. package/dist/Modal/index.js.map +0 -1
  417. package/dist/Nav/_variables.scss +0 -58
  418. package/dist/Navbar/_variables.scss +0 -40
  419. package/dist/OverflowScroll/_variables.scss +0 -5
  420. package/dist/OverflowScroll/index.scss +0 -1
  421. package/dist/Pagination/_variables.scss +0 -19
  422. package/dist/Popover/_variables.scss +0 -36
  423. package/dist/ProductTour/_variables.scss +0 -15
  424. package/dist/ProgressBar/_variables.scss +0 -23
  425. package/dist/RadioButtonGroup/index.js +0 -188
  426. package/dist/RadioButtonGroup/index.js.map +0 -1
  427. package/dist/SearchField/_variables.scss +0 -14
  428. package/dist/SelectableBox/_variables.scss +0 -5
  429. package/dist/Spinner/_variables.scss +0 -9
  430. package/dist/Stack/_variables.scss +0 -1
  431. package/dist/StatusAlert/index.js +0 -168
  432. package/dist/StatusAlert/index.js.map +0 -1
  433. package/dist/Stepper/_variables.scss +0 -18
  434. package/dist/Sticky/_variables.scss +0 -3
  435. package/dist/Table/_variables.scss +0 -34
  436. package/dist/Table/index.js +0 -267
  437. package/dist/Table/index.js.map +0 -1
  438. package/dist/Table/index.scss +0 -12
  439. package/dist/Tabs/_variables.scss +0 -24
  440. package/dist/Tabs/deprecated/Tabs.scss +0 -3
  441. package/dist/Tabs/deprecated/index.js +0 -123
  442. package/dist/Tabs/deprecated/index.js.map +0 -1
  443. package/dist/TextArea/index.js +0 -44
  444. package/dist/TextArea/index.js.map +0 -1
  445. package/dist/Toast/_variables.scss +0 -19
  446. package/dist/Tooltip/_variables.scss +0 -21
  447. package/dist/ValidationFormGroup/index.js +0 -106
  448. package/dist/ValidationFormGroup/index.js.map +0 -1
  449. package/dist/paragon.css +0 -45
  450. package/dist/setupTest.d.ts +0 -2
  451. package/dist/setupTest.js.map +0 -1
  452. package/dist/utils/types/bootstrap.d.ts +0 -39
  453. package/dist/utils/types/bootstrap.js +0 -2
  454. package/dist/utils/types/bootstrap.js.map +0 -1
  455. package/scss/core/_grid.scss +0 -21
  456. package/scss/core/_variables.scss +0 -875
  457. package/scss/core/core.scss +0 -21
  458. package/src/ActionRow/_variables.scss +0 -2
  459. package/src/Alert/_variables.scss +0 -24
  460. package/src/Annotation/_variables.scss +0 -18
  461. package/src/Avatar/_variables.scss +0 -10
  462. package/src/AvatarButton/_variables.scss +0 -3
  463. package/src/Badge/_variables.scss +0 -16
  464. package/src/Breadcrumb/_variables.scss +0 -27
  465. package/src/Bubble/_variables.scss +0 -8
  466. package/src/Button/_variables.scss +0 -52
  467. package/src/Button/deprecated/Button.test.jsx +0 -34
  468. package/src/Button/deprecated/index.jsx +0 -145
  469. package/src/Button/index.tsx +0 -159
  470. package/src/Card/_variables.scss +0 -55
  471. package/src/Carousel/_variables.scss +0 -27
  472. package/src/CheckBox/CheckBox.test.jsx +0 -65
  473. package/src/CheckBox/README.md +0 -93
  474. package/src/CheckBox/index.jsx +0 -80
  475. package/src/CheckBoxGroup/CheckBoxGroup.test.jsx +0 -33
  476. package/src/CheckBoxGroup/README.md +0 -35
  477. package/src/CheckBoxGroup/index.jsx +0 -19
  478. package/src/Chip/_variables.scss +0 -28
  479. package/src/ChipCarousel/_variables.scss +0 -3
  480. package/src/CloseButton/_variables.scss +0 -6
  481. package/src/Code/_variables.scss +0 -17
  482. package/src/Collapsible/_variables.scss +0 -12
  483. package/src/ColorPicker/_variables.scss +0 -2
  484. package/src/Container/_variables.scss +0 -5
  485. package/src/DataTable/_variables.scss +0 -11
  486. package/src/Dropdown/_variables.scss +0 -33
  487. package/src/Dropdown/deprecated/Dropdown.test.jsx +0 -238
  488. package/src/Dropdown/deprecated/DropdownButton.jsx +0 -52
  489. package/src/Dropdown/deprecated/DropdownItem.jsx +0 -34
  490. package/src/Dropdown/deprecated/DropdownMenu.jsx +0 -50
  491. package/src/Dropdown/deprecated/__snapshots__/Dropdown.test.jsx.snap +0 -229
  492. package/src/Dropdown/deprecated/index.jsx +0 -222
  493. package/src/Dropzone/_variables.scss +0 -9
  494. package/src/Fieldset/Fieldset.test.jsx +0 -101
  495. package/src/Fieldset/README.md +0 -146
  496. package/src/Fieldset/index.jsx +0 -107
  497. package/src/Fieldset/index.scss +0 -12
  498. package/src/Form/_variables.scss +0 -267
  499. package/src/Icon/_variables.scss +0 -7
  500. package/src/Image/_variables.scss +0 -13
  501. package/src/Input/README.md +0 -74
  502. package/src/Input/__snapshots__/input.test.jsx.snap +0 -53
  503. package/src/Input/index.jsx +0 -151
  504. package/src/Input/input.test.jsx +0 -85
  505. package/src/InputSelect/README.md +0 -136
  506. package/src/InputSelect/index.jsx +0 -92
  507. package/src/InputText/InputText.test.jsx +0 -74
  508. package/src/InputText/README.md +0 -293
  509. package/src/InputText/index.jsx +0 -49
  510. package/src/ListBox/ListBox.test.jsx +0 -161
  511. package/src/ListBox/README.md +0 -185
  512. package/src/ListBox/index.jsx +0 -115
  513. package/src/ListBoxOption/ListBoxOption.test.jsx +0 -154
  514. package/src/ListBoxOption/index.jsx +0 -78
  515. package/src/Menu/_variables.scss +0 -24
  516. package/src/Modal/README.md +0 -148
  517. package/src/Modal/_variables.scss +0 -50
  518. package/src/Modal/index.jsx +0 -319
  519. package/src/Modal/tests/Modal.test.jsx +0 -261
  520. package/src/Nav/_variables.scss +0 -58
  521. package/src/Navbar/_variables.scss +0 -40
  522. package/src/OverflowScroll/_variables.scss +0 -5
  523. package/src/OverflowScroll/index.scss +0 -1
  524. package/src/Pagination/_variables.scss +0 -19
  525. package/src/Popover/_variables.scss +0 -36
  526. package/src/ProductTour/_variables.scss +0 -15
  527. package/src/ProgressBar/_variables.scss +0 -23
  528. package/src/RadioButtonGroup/README.md +0 -50
  529. package/src/RadioButtonGroup/RadioButtonGroup.test.jsx +0 -127
  530. package/src/RadioButtonGroup/index.jsx +0 -185
  531. package/src/SearchField/_variables.scss +0 -14
  532. package/src/SelectableBox/_variables.scss +0 -5
  533. package/src/Spinner/_variables.scss +0 -9
  534. package/src/Stack/_variables.scss +0 -1
  535. package/src/StatusAlert/README.md +0 -149
  536. package/src/StatusAlert/StatusAlert.test.jsx +0 -150
  537. package/src/StatusAlert/index.jsx +0 -144
  538. package/src/Stepper/_variables.scss +0 -18
  539. package/src/Sticky/_variables.scss +0 -3
  540. package/src/Table/README.md +0 -506
  541. package/src/Table/Table.test.jsx +0 -367
  542. package/src/Table/_variables.scss +0 -34
  543. package/src/Table/index.jsx +0 -264
  544. package/src/Table/index.scss +0 -12
  545. package/src/Tabs/_variables.scss +0 -24
  546. package/src/Tabs/deprecated/Tabs.scss +0 -3
  547. package/src/Tabs/deprecated/Tabs.test.jsx +0 -50
  548. package/src/Tabs/deprecated/index.jsx +0 -117
  549. package/src/TextArea/README.md +0 -63
  550. package/src/TextArea/index.jsx +0 -48
  551. package/src/Toast/_variables.scss +0 -19
  552. package/src/Tooltip/_variables.scss +0 -21
  553. package/src/ValidationFormGroup/README.md +0 -116
  554. package/src/ValidationFormGroup/ValidationFormGroup.test.jsx +0 -146
  555. package/src/ValidationFormGroup/__snapshots__/ValidationFormGroup.test.jsx.snap +0 -161
  556. package/src/ValidationFormGroup/index.jsx +0 -114
  557. package/src/utils/types/bootstrap.test.tsx +0 -86
  558. package/src/utils/types/bootstrap.ts +0 -43
  559. /package/src/Button/{ButtonGroup.test.tsx → ButtonGroup.test.jsx} +0 -0
  560. /package/src/Button/{ButtonToolbar.test.tsx → ButtonToolbar.test.jsx} +0 -0
  561. /package/src/Button/__snapshots__/{ButtonGroup.test.tsx.snap → ButtonGroup.test.jsx.snap} +0 -0
  562. /package/src/Button/__snapshots__/{ButtonToolbar.test.tsx.snap → ButtonToolbar.test.jsx.snap} +0 -0
  563. /package/{scss → styles/scss}/core/_exports.module.scss +0 -0
  564. /package/{scss → styles/scss}/core/_typography.scss +0 -0
@@ -1,12 +0,0 @@
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,2 +0,0 @@
1
- $picker-size-sm: 2rem !default;
2
- $picker-size-md: calc(1.3333em + 1.125rem + 2px) !default;
@@ -1,5 +0,0 @@
1
- $max-width-xs: 464px !default;
2
- $max-width-sm: 708px !default;
3
- $max-width-md: 952px !default;
4
- $max-width-lg: 1192px !default;
5
- $max-width-xl: 1440px !default;
@@ -1,11 +0,0 @@
1
- $data-table-background-color: $white !default;
2
- $data-table-border: 2px solid $light-300 !default;
3
- $data-table-box-shadow: $box-shadow-sm !default;
4
- $data-table-padding-x: .75rem !default;
5
- $data-table-padding-y: .75rem !default;
6
- $data-table-padding-small: .5rem !default;
7
- $data-table-cell-padding: .5rem .75rem !default;
8
- $data-table-footer-position: center !default;
9
- $data-table-pagination-dropdown-max-height: 60vh !default;
10
- $data-table-pagination-dropdown-min-width: 6rem !default;
11
- $data-table-layout-sidebar-width: 12rem !default;
@@ -1,33 +0,0 @@
1
- // Dropdowns
2
- //
3
- // Dropdown menu container and contents.
4
-
5
- $dropdown-min-width: 18rem !default;
6
- $dropdown-padding-x: 0 !default;
7
- $dropdown-padding-y: .5rem !default;
8
- $dropdown-spacer: .125rem !default;
9
- $dropdown-font-size: $font-size-base !default;
10
- $dropdown-color: $body-color !default;
11
- $dropdown-bg: $white !default;
12
- $dropdown-border-color: rgba($black, .15) !default;
13
- $dropdown-border-radius: $border-radius !default;
14
- $dropdown-border-width: $border-width !default;
15
- $dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;
16
- $dropdown-divider-bg: theme-color("gray", "background") !default;
17
- $dropdown-divider-margin-y: calc($spacer / 2) !default;
18
- $dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
19
-
20
- $dropdown-link-color: theme-color("gray", "dark-text") !default;
21
- $dropdown-link-hover-color: darken(theme-color("gray", "dark-text"), 5%) !default;
22
- $dropdown-link-hover-bg: $light-300 !default;
23
-
24
- $dropdown-link-active-color: $component-active-color !default;
25
- $dropdown-link-active-bg: $component-active-bg !default;
26
-
27
- $dropdown-link-disabled-color: theme-color("gray", "light-text") !default;
28
-
29
- $dropdown-item-padding-y: .25rem !default;
30
- $dropdown-item-padding-x: 1rem !default;
31
-
32
- $dropdown-header-color: theme-color("gray", "light-text") !default;
33
- $dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;
@@ -1,44 +0,0 @@
1
- var _excluded = ["children", "className"];
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
- import React from 'react';
6
- import PropTypes from 'prop-types';
7
- import classNames from 'classnames';
8
- // eslint-disable-next-line import/no-cycle
9
- import { Consumer } from './index';
10
- function DropdownButton(_ref) {
11
- var children = _ref.children,
12
- className = _ref.className,
13
- other = _objectWithoutProperties(_ref, _excluded);
14
- return /*#__PURE__*/React.createElement(Consumer, null, function (_ref2) {
15
- var buttonRef = _ref2.buttonRef,
16
- isOpen = _ref2.isOpen,
17
- toggle = _ref2.toggle,
18
- triggerId = _ref2.triggerId;
19
- return /*#__PURE__*/React.createElement("button", _extends({}, other, {
20
- id: classNames(triggerId, other.id),
21
- "aria-expanded": isOpen,
22
- "aria-haspopup": true,
23
- type: "button",
24
- ref: buttonRef,
25
- className: classNames('dropdown-toggle', 'btn', className),
26
- onClick: function onClick(e) {
27
- toggle(e);
28
- if (other.onClick) {
29
- other.onClick(e);
30
- }
31
- }
32
- }), children);
33
- });
34
- }
35
- DropdownButton.propTypes = {
36
- children: PropTypes.node,
37
- className: PropTypes.string
38
- };
39
- DropdownButton.defaultProps = {
40
- children: undefined,
41
- className: 'btn-light'
42
- };
43
- export default DropdownButton;
44
- //# sourceMappingURL=DropdownButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownButton.js","names":["React","PropTypes","classNames","Consumer","DropdownButton","_ref","children","className","other","_objectWithoutProperties","_excluded","createElement","_ref2","buttonRef","isOpen","toggle","triggerId","_extends","id","type","ref","onClick","e","propTypes","node","string","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownButton.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-cycle\nimport { Consumer } from './index';\n\nfunction DropdownButton({ children, className, ...other }) {\n return (\n <Consumer>\n {({\n buttonRef,\n isOpen,\n toggle,\n triggerId,\n }) => (\n <button\n {...other}\n id={classNames(triggerId, other.id)}\n aria-expanded={isOpen}\n aria-haspopup\n type=\"button\"\n ref={buttonRef}\n className={classNames(\n 'dropdown-toggle',\n 'btn',\n className,\n )}\n onClick={(e) => {\n toggle(e);\n if (other.onClick) {\n other.onClick(e);\n }\n }}\n >\n {children}\n </button>\n )}\n </Consumer>\n );\n}\n\nDropdownButton.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n};\n\nDropdownButton.defaultProps = {\n children: undefined,\n className: 'btn-light',\n};\n\nexport default DropdownButton;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC;AACA,SAASC,QAAQ,QAAQ,SAAS;AAElC,SAASC,cAAcA,CAAAC,IAAA,EAAoC;EAAA,IAAjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrD,oBACEV,KAAA,CAAAW,aAAA,CAACR,QAAQ,QACN,UAAAS,KAAA;IAAA,IACCC,SAAS,GAAAD,KAAA,CAATC,SAAS;MACTC,MAAM,GAAAF,KAAA,CAANE,MAAM;MACNC,MAAM,GAAAH,KAAA,CAANG,MAAM;MACNC,SAAS,GAAAJ,KAAA,CAATI,SAAS;IAAA,oBAEThB,KAAA,CAAAW,aAAA,WAAAM,QAAA,KACMT,KAAK;MACTU,EAAE,EAAEhB,UAAU,CAACc,SAAS,EAAER,KAAK,CAACU,EAAE,CAAE;MACpC,iBAAeJ,MAAO;MACtB,qBAAa;MACbK,IAAI,EAAC,QAAQ;MACbC,GAAG,EAAEP,SAAU;MACfN,SAAS,EAAEL,UAAU,CACnB,iBAAiB,EACjB,KAAK,EACLK,SACF,CAAE;MACFc,OAAO,EAAE,SAAAA,QAACC,CAAC,EAAK;QACdP,MAAM,CAACO,CAAC,CAAC;QACT,IAAId,KAAK,CAACa,OAAO,EAAE;UACjBb,KAAK,CAACa,OAAO,CAACC,CAAC,CAAC;QAClB;MACF;IAAE,IAEDhB,QACK,CAAC;EAAA,CAEH,CAAC;AAEf;AAEAF,cAAc,CAACmB,SAAS,GAAG;EACzBjB,QAAQ,EAAEL,SAAS,CAACuB,IAAI;EACxBjB,SAAS,EAAEN,SAAS,CAACwB;AACvB,CAAC;AAEDrB,cAAc,CAACsB,YAAY,GAAG;EAC5BpB,QAAQ,EAAEqB,SAAS;EACnBpB,SAAS,EAAE;AACb,CAAC;AAED,eAAeH,cAAc","ignoreList":[]}
@@ -1,33 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- var _excluded = ["type", "children", "className"];
3
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
7
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
9
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
10
- import React from 'react';
11
- import PropTypes from 'prop-types';
12
- import classNames from 'classnames';
13
- function DropdownItem(props) {
14
- var type = props.type,
15
- children = props.children,
16
- className = props.className,
17
- other = _objectWithoutProperties(props, _excluded);
18
- return /*#__PURE__*/React.createElement(type, _objectSpread(_objectSpread({}, other), {}, {
19
- className: classNames('dropdown-item', className)
20
- }), children);
21
- }
22
- DropdownItem.propTypes = {
23
- type: PropTypes.string,
24
- children: PropTypes.node,
25
- className: PropTypes.string
26
- };
27
- DropdownItem.defaultProps = {
28
- type: 'a',
29
- children: undefined,
30
- className: null
31
- };
32
- export default DropdownItem;
33
- //# sourceMappingURL=DropdownItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownItem.js","names":["React","PropTypes","classNames","DropdownItem","props","type","children","className","other","_objectWithoutProperties","_excluded","createElement","_objectSpread","propTypes","string","node","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownItem.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction DropdownItem(props) {\n const {\n type, children, className, ...other\n } = props;\n return React.createElement(\n type,\n {\n ...other,\n className: classNames(\n 'dropdown-item',\n className,\n ),\n },\n children,\n );\n}\n\nDropdownItem.propTypes = {\n type: PropTypes.string,\n children: PropTypes.node,\n className: PropTypes.string,\n};\n\nDropdownItem.defaultProps = {\n type: 'a',\n children: undefined,\n className: null,\n};\n\nexport default DropdownItem;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAYA,CAACC,KAAK,EAAE;EAC3B,IACEC,IAAI,GACFD,KAAK,CADPC,IAAI;IAAEC,QAAQ,GACZF,KAAK,CADDE,QAAQ;IAAEC,SAAS,GACvBH,KAAK,CADSG,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CACjCL,KAAK,EAAAM,SAAA;EACT,oBAAOV,KAAK,CAACW,aAAa,CACxBN,IAAI,EAAAO,aAAA,CAAAA,aAAA,KAECJ,KAAK;IACRD,SAAS,EAAEL,UAAU,CACnB,eAAe,EACfK,SACF;EAAC,IAEHD,QACF,CAAC;AACH;AAEAH,YAAY,CAACU,SAAS,GAAG;EACvBR,IAAI,EAAEJ,SAAS,CAACa,MAAM;EACtBR,QAAQ,EAAEL,SAAS,CAACc,IAAI;EACxBR,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,YAAY,CAACa,YAAY,GAAG;EAC1BX,IAAI,EAAE,GAAG;EACTC,QAAQ,EAAEW,SAAS;EACnBV,SAAS,EAAE;AACb,CAAC;AAED,eAAeJ,YAAY","ignoreList":[]}
@@ -1,46 +0,0 @@
1
- var _excluded = ["children"];
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
- import React from 'react';
6
- import PropTypes from 'prop-types';
7
- import classNames from 'classnames';
8
- // eslint-disable-next-line import/no-cycle
9
- import { Consumer } from './index';
10
- function DropdownMenu(_ref) {
11
- var children = _ref.children,
12
- other = _objectWithoutProperties(_ref, _excluded);
13
- return /*#__PURE__*/React.createElement(Consumer, null, function (_ref2) {
14
- var handleMenuKeyDown = _ref2.handleMenuKeyDown,
15
- isOpen = _ref2.isOpen,
16
- menuRef = _ref2.menuRef,
17
- triggerId = _ref2.triggerId;
18
- return (
19
- /*#__PURE__*/
20
- /* eslint-disable-next-line jsx-a11y/interactive-supports-focus */
21
- React.createElement("div", _extends({}, other, {
22
- "aria-labelledby": triggerId,
23
- "aria-hidden": !isOpen,
24
- ref: menuRef,
25
- role: "menu",
26
- className: classNames('dropdown-menu', {
27
- show: isOpen
28
- }, other.className),
29
- onKeyDown: function onKeyDown(e) {
30
- handleMenuKeyDown(e);
31
- if (other.onKeyDown) {
32
- other.onKeyDown(e);
33
- }
34
- }
35
- }), children)
36
- );
37
- });
38
- }
39
- DropdownMenu.propTypes = {
40
- children: PropTypes.node
41
- };
42
- DropdownMenu.defaultProps = {
43
- children: undefined
44
- };
45
- export default DropdownMenu;
46
- //# sourceMappingURL=DropdownMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownMenu.js","names":["React","PropTypes","classNames","Consumer","DropdownMenu","_ref","children","other","_objectWithoutProperties","_excluded","createElement","_ref2","handleMenuKeyDown","isOpen","menuRef","triggerId","_extends","ref","role","className","show","onKeyDown","e","propTypes","node","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownMenu.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-cycle\nimport { Consumer } from './index';\n\nfunction DropdownMenu({ children, ...other }) {\n return (\n <Consumer>\n {({\n handleMenuKeyDown,\n isOpen,\n menuRef,\n triggerId,\n }) => (\n /* eslint-disable-next-line jsx-a11y/interactive-supports-focus */\n <div\n {...other}\n aria-labelledby={triggerId}\n aria-hidden={!isOpen}\n ref={menuRef}\n role=\"menu\"\n className={classNames(\n 'dropdown-menu',\n { show: isOpen },\n other.className,\n )}\n onKeyDown={(e) => {\n handleMenuKeyDown(e);\n if (other.onKeyDown) {\n other.onKeyDown(e);\n }\n }}\n >\n {children}\n </div>\n )}\n </Consumer>\n );\n}\n\nDropdownMenu.propTypes = {\n children: PropTypes.node,\n};\n\nDropdownMenu.defaultProps = {\n children: undefined,\n};\n\nexport default DropdownMenu;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC;AACA,SAASC,QAAQ,QAAQ,SAAS;AAElC,SAASC,YAAYA,CAAAC,IAAA,EAAyB;EAAA,IAAtBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACxC,oBACET,KAAA,CAAAU,aAAA,CAACP,QAAQ,QACN,UAAAQ,KAAA;IAAA,IACCC,iBAAiB,GAAAD,KAAA,CAAjBC,iBAAiB;MACjBC,MAAM,GAAAF,KAAA,CAANE,MAAM;MACNC,OAAO,GAAAH,KAAA,CAAPG,OAAO;MACPC,SAAS,GAAAJ,KAAA,CAATI,SAAS;IAAA;MAAA;MAEX;MACEf,KAAA,CAAAU,aAAA,QAAAM,QAAA,KACMT,KAAK;QACT,mBAAiBQ,SAAU;QAC3B,eAAa,CAACF,MAAO;QACrBI,GAAG,EAAEH,OAAQ;QACbI,IAAI,EAAC,MAAM;QACXC,SAAS,EAAEjB,UAAU,CACnB,eAAe,EACf;UAAEkB,IAAI,EAAEP;QAAO,CAAC,EAChBN,KAAK,CAACY,SACR,CAAE;QACFE,SAAS,EAAE,SAAAA,UAACC,CAAC,EAAK;UAChBV,iBAAiB,CAACU,CAAC,CAAC;UACpB,IAAIf,KAAK,CAACc,SAAS,EAAE;YACnBd,KAAK,CAACc,SAAS,CAACC,CAAC,CAAC;UACpB;QACF;MAAE,IAEDhB,QACE;IAAC;EAAA,CAEA,CAAC;AAEf;AAEAF,YAAY,CAACmB,SAAS,GAAG;EACvBjB,QAAQ,EAAEL,SAAS,CAACuB;AACtB,CAAC;AAEDpB,YAAY,CAACqB,YAAY,GAAG;EAC1BnB,QAAQ,EAAEoB;AACZ,CAAC;AAED,eAAetB,YAAY","ignoreList":[]}
@@ -1,241 +0,0 @@
1
- var _excluded = ["children"];
2
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
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); }
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; }
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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
15
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
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; }
17
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
18
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
19
- import React from 'react';
20
- import PropTypes from 'prop-types';
21
- import classNames from 'classnames';
22
- // eslint-disable-next-line import/no-cycle
23
- import DropdownButton from './DropdownButton';
24
- // eslint-disable-next-line import/no-cycle
25
- import DropdownMenu from './DropdownMenu';
26
- import DropdownItem from './DropdownItem';
27
- import withDeprecatedProps, { DeprTypes } from '../../withDeprecatedProps';
28
- var _React$createContext = /*#__PURE__*/React.createContext(),
29
- Provider = _React$createContext.Provider,
30
- Consumer = _React$createContext.Consumer;
31
- var Dropdown = /*#__PURE__*/function (_React$Component) {
32
- _inherits(Dropdown, _React$Component);
33
- var _super = _createSuper(Dropdown);
34
- // eslint-disable-next-line react/sort-comp
35
- // For creating unique ids
36
-
37
- function Dropdown(props) {
38
- var _this;
39
- _classCallCheck(this, Dropdown);
40
- _this = _super.call(this, props);
41
- _defineProperty(_assertThisInitialized(_this), "handleDocumentClick", function (e) {
42
- if (_this.containerRef.current.contains(e.target) && _this.containerRef.current !== e.target) {
43
- return;
44
- }
45
- if (_this.state.open) {
46
- _this.close();
47
- }
48
- });
49
- _defineProperty(_assertThisInitialized(_this), "handleMenuKeyDown", function (e) {
50
- switch (e.key) {
51
- case 'ArrowUp':
52
- e.preventDefault();
53
- _this.focusPrevious();
54
- break;
55
- case 'ArrowDown':
56
- e.preventDefault();
57
- _this.focusNext();
58
- break;
59
- case 'Tab':
60
- e.preventDefault();
61
- if (e.shiftKey) {
62
- _this.focusPrevious();
63
- } else {
64
- _this.focusNext();
65
- }
66
- break;
67
- case 'Escape':
68
- e.stopPropagation();
69
- _this.close();
70
- break;
71
- default:
72
- break;
73
- }
74
- });
75
- _defineProperty(_assertThisInitialized(_this), "toggle", function () {
76
- if (_this.state.open) {
77
- _this.close();
78
- } else {
79
- _this.open();
80
- }
81
- });
82
- _this.state = {
83
- open: false
84
- };
85
-
86
- // Used for aria labelling. Increment the id counter so the next id can be unique
87
- _this.uniqueId = Dropdown.idCounter;
88
- Dropdown.idCounter += 1;
89
- _this.triggerId = "pgn__dropdown-trigger-".concat(_this.uniqueId);
90
- _this.containerRef = /*#__PURE__*/React.createRef();
91
- _this.menuRef = /*#__PURE__*/React.createRef();
92
- _this.buttonRef = /*#__PURE__*/React.createRef();
93
- return _this;
94
- }
95
- _createClass(Dropdown, [{
96
- key: "componentDidUpdate",
97
- value: function componentDidUpdate(prevProps, prevState) {
98
- if (prevState.open !== this.state.open) {
99
- if (this.state.open) {
100
- this.focusFirst();
101
- } else {
102
- this.buttonRef.current.focus();
103
- }
104
- }
105
- }
106
- }, {
107
- key: "componentWillUnmount",
108
- value: function componentWillUnmount() {
109
- document.removeEventListener('click', this.handleDocumentClick, true);
110
- }
111
- }, {
112
- key: "getFocusableElements",
113
- value: function getFocusableElements() {
114
- var selector = 'button:not([disabled]), [href]:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled])';
115
- return Array.from(this.menuRef.current.querySelectorAll(selector));
116
- }
117
- }, {
118
- key: "close",
119
- value: function close() {
120
- document.removeEventListener('click', this.handleDocumentClick, true);
121
- this.setState({
122
- open: false
123
- });
124
- }
125
- }, {
126
- key: "open",
127
- value: function open() {
128
- // adding event listener here so the user can close dropdown on click outside of the dropdown
129
- document.addEventListener('click', this.handleDocumentClick, true);
130
- this.setState({
131
- open: true
132
- });
133
- }
134
- }, {
135
- key: "focusFirst",
136
- value: function focusFirst() {
137
- var focusableElements = this.getFocusableElements();
138
- if (focusableElements.length) {
139
- focusableElements[0].focus();
140
- }
141
- }
142
- }, {
143
- key: "focusNext",
144
- value: function focusNext() {
145
- var allFocusableElements = this.getFocusableElements();
146
- if (allFocusableElements.length === 0) {
147
- return;
148
- }
149
- var activeIndex = allFocusableElements.indexOf(document.activeElement);
150
- var nextIndex = (activeIndex + 1) % allFocusableElements.length;
151
- allFocusableElements[nextIndex].focus();
152
- }
153
- }, {
154
- key: "focusPrevious",
155
- value: function focusPrevious() {
156
- var allFocusableElements = this.getFocusableElements();
157
- if (allFocusableElements.length === 0) {
158
- return;
159
- }
160
- var activeIndex = allFocusableElements.indexOf(document.activeElement);
161
- var previousIndex = (activeIndex - 1 + allFocusableElements.length) % allFocusableElements.length;
162
- allFocusableElements[previousIndex].focus();
163
- }
164
- }, {
165
- key: "render",
166
- value: function render() {
167
- var _this$props = this.props,
168
- children = _this$props.children,
169
- other = _objectWithoutProperties(_this$props, _excluded);
170
- return /*#__PURE__*/React.createElement("div", _extends({}, other, {
171
- className: classNames('dropdown', {
172
- show: this.state.open
173
- }, other.className),
174
- ref: this.containerRef
175
- }), /*#__PURE__*/React.createElement(Provider, {
176
- value: {
177
- buttonRef: this.buttonRef,
178
- handleMenuKeyDown: this.handleMenuKeyDown,
179
- isOpen: this.state.open,
180
- menuRef: this.menuRef,
181
- toggle: this.toggle,
182
- triggerId: this.triggerId
183
- }
184
- }, children));
185
- }
186
- }]);
187
- return Dropdown;
188
- }(React.Component);
189
- _defineProperty(Dropdown, "idCounter", 0);
190
- Dropdown.propTypes = {
191
- children: PropTypes.node
192
- };
193
- Dropdown.Item = DropdownItem;
194
- Dropdown.Button = DropdownButton;
195
- Dropdown.Menu = DropdownMenu;
196
- var DropdownWithDeprecatedProps = withDeprecatedProps(Dropdown, 'Dropdown', {
197
- menuItems: {
198
- deprType: DeprTypes.MOVED_AND_FORMAT,
199
- message: 'They should be components sent as children.',
200
- newName: 'children',
201
- transform: function transform(menuItems, allProps) {
202
- if (!Array.isArray(menuItems)) {
203
- return null;
204
- }
205
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, null, /*#__PURE__*/React.isValidElement(allProps.iconElement) ? allProps.iconElement : null, allProps.title), /*#__PURE__*/React.createElement(DropdownMenu, null, menuItems.map(function (menuItem, i) {
206
- /* eslint-disable react/no-array-index-key */
207
- if ( /*#__PURE__*/React.isValidElement(menuItem)) {
208
- return /*#__PURE__*/React.cloneElement(menuItem, {
209
- className: 'dropdown-item',
210
- key: i
211
- });
212
- }
213
- return /*#__PURE__*/React.createElement(DropdownItem, {
214
- key: i,
215
- href: menuItem.href
216
- }, menuItem.label);
217
- /* eslint-enable react/no-array-index-key */
218
- })));
219
- }
220
- },
221
- title: {
222
- deprType: DeprTypes.REMOVED,
223
- message: 'It should be specified inside the Dropdown.Button component'
224
- },
225
- buttonType: {
226
- deprType: DeprTypes.REMOVED,
227
- message: 'It should be specified as a className prop'
228
- },
229
- iconElement: {
230
- deprType: DeprTypes.REMOVED,
231
- message: 'It should be specified inside the buttonContent prop.'
232
- }
233
- });
234
- DropdownWithDeprecatedProps.propTypes = Dropdown.propTypes;
235
- DropdownWithDeprecatedProps.defaultProps = Dropdown.defaultProps;
236
- DropdownWithDeprecatedProps.Item = Dropdown.Item;
237
- DropdownWithDeprecatedProps.Button = Dropdown.Button;
238
- DropdownWithDeprecatedProps.Menu = Dropdown.Menu;
239
- export { Provider, Consumer };
240
- export default DropdownWithDeprecatedProps;
241
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["React","PropTypes","classNames","DropdownButton","DropdownMenu","DropdownItem","withDeprecatedProps","DeprTypes","_React$createContext","createContext","Provider","Consumer","Dropdown","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","e","containerRef","current","contains","target","state","open","close","key","preventDefault","focusPrevious","focusNext","shiftKey","stopPropagation","uniqueId","idCounter","triggerId","concat","createRef","menuRef","buttonRef","_createClass","value","componentDidUpdate","prevProps","prevState","focusFirst","focus","componentWillUnmount","document","removeEventListener","handleDocumentClick","getFocusableElements","selector","Array","from","querySelectorAll","setState","addEventListener","focusableElements","length","allFocusableElements","activeIndex","indexOf","activeElement","nextIndex","previousIndex","render","_this$props","children","other","_objectWithoutProperties","_excluded","createElement","_extends","className","show","ref","handleMenuKeyDown","isOpen","toggle","Component","propTypes","node","Item","Button","Menu","DropdownWithDeprecatedProps","menuItems","deprType","MOVED_AND_FORMAT","message","newName","transform","allProps","isArray","Fragment","isValidElement","iconElement","title","map","menuItem","i","cloneElement","href","label","REMOVED","buttonType","defaultProps"],"sources":["../../../src/Dropdown/deprecated/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-cycle\nimport DropdownButton from './DropdownButton';\n// eslint-disable-next-line import/no-cycle\nimport DropdownMenu from './DropdownMenu';\nimport DropdownItem from './DropdownItem';\n\nimport withDeprecatedProps, { DeprTypes } from '../../withDeprecatedProps';\n\nconst { Provider, Consumer } = React.createContext();\n\nclass Dropdown extends React.Component {\n // eslint-disable-next-line react/sort-comp\n static idCounter = 0; // For creating unique ids\n\n constructor(props) {\n super(props);\n this.state = {\n open: false,\n };\n\n // Used for aria labelling. Increment the id counter so the next id can be unique\n this.uniqueId = Dropdown.idCounter;\n Dropdown.idCounter += 1;\n this.triggerId = `pgn__dropdown-trigger-${this.uniqueId}`;\n\n this.containerRef = React.createRef();\n this.menuRef = React.createRef();\n this.buttonRef = React.createRef();\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevState.open !== this.state.open) {\n if (this.state.open) {\n this.focusFirst();\n } else {\n this.buttonRef.current.focus();\n }\n }\n }\n\n componentWillUnmount() {\n document.removeEventListener('click', this.handleDocumentClick, true);\n }\n\n getFocusableElements() {\n const selector = 'button:not([disabled]), [href]:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])';\n return Array.from(this.menuRef.current.querySelectorAll(selector));\n }\n\n handleDocumentClick = (e) => {\n if (this.containerRef.current.contains(e.target) && this.containerRef.current !== e.target) {\n return;\n }\n if (this.state.open) {\n this.close();\n }\n };\n\n handleMenuKeyDown = (e) => {\n switch (e.key) {\n case 'ArrowUp':\n e.preventDefault();\n this.focusPrevious();\n break;\n case 'ArrowDown':\n e.preventDefault();\n this.focusNext();\n break;\n case 'Tab':\n e.preventDefault();\n if (e.shiftKey) {\n this.focusPrevious();\n } else {\n this.focusNext();\n }\n break;\n case 'Escape':\n e.stopPropagation();\n this.close();\n break;\n default:\n break;\n }\n };\n\n toggle = () => {\n if (this.state.open) {\n this.close();\n } else {\n this.open();\n }\n };\n\n close() {\n document.removeEventListener('click', this.handleDocumentClick, true);\n this.setState({\n open: false,\n });\n }\n\n open() {\n // adding event listener here so the user can close dropdown on click outside of the dropdown\n document.addEventListener('click', this.handleDocumentClick, true);\n this.setState({\n open: true,\n });\n }\n\n focusFirst() {\n const focusableElements = this.getFocusableElements();\n if (focusableElements.length) { focusableElements[0].focus(); }\n }\n\n focusNext() {\n const allFocusableElements = this.getFocusableElements();\n if (allFocusableElements.length === 0) { return; }\n const activeIndex = allFocusableElements.indexOf(document.activeElement);\n const nextIndex = (activeIndex + 1) % allFocusableElements.length;\n allFocusableElements[nextIndex].focus();\n }\n\n focusPrevious() {\n const allFocusableElements = this.getFocusableElements();\n if (allFocusableElements.length === 0) { return; }\n const activeIndex = allFocusableElements.indexOf(document.activeElement);\n const previousIndex = ((activeIndex - 1) + allFocusableElements.length) % allFocusableElements.length;\n allFocusableElements[previousIndex].focus();\n }\n\n render() {\n const { children, ...other } = this.props;\n\n return (\n <div\n {...other}\n className={classNames(\n 'dropdown',\n { show: this.state.open },\n other.className,\n )}\n ref={this.containerRef}\n >\n <Provider\n value={{\n buttonRef: this.buttonRef,\n handleMenuKeyDown: this.handleMenuKeyDown,\n isOpen: this.state.open,\n menuRef: this.menuRef,\n toggle: this.toggle,\n triggerId: this.triggerId,\n }}\n >\n {children}\n </Provider>\n </div>\n );\n }\n}\n\nDropdown.propTypes = {\n children: PropTypes.node,\n};\n\nDropdown.Item = DropdownItem;\nDropdown.Button = DropdownButton;\nDropdown.Menu = DropdownMenu;\n\nconst DropdownWithDeprecatedProps = withDeprecatedProps(Dropdown, 'Dropdown', {\n menuItems: {\n deprType: DeprTypes.MOVED_AND_FORMAT,\n message: 'They should be components sent as children.',\n newName: 'children',\n transform: (menuItems, allProps) => {\n if (!Array.isArray(menuItems)) { return null; }\n return (\n <>\n <DropdownButton>\n {React.isValidElement(allProps.iconElement) ? allProps.iconElement : null }\n {allProps.title}\n </DropdownButton>\n <DropdownMenu>\n {menuItems.map((menuItem, i) => {\n /* eslint-disable react/no-array-index-key */\n if (React.isValidElement(menuItem)) {\n return React.cloneElement(menuItem, {\n className: 'dropdown-item',\n key: i,\n });\n }\n return <DropdownItem key={i} href={menuItem.href}>{menuItem.label}</DropdownItem>;\n /* eslint-enable react/no-array-index-key */\n })}\n </DropdownMenu>\n </>\n );\n },\n },\n title: {\n deprType: DeprTypes.REMOVED,\n message: 'It should be specified inside the Dropdown.Button component',\n },\n buttonType: {\n deprType: DeprTypes.REMOVED,\n message: 'It should be specified as a className prop',\n },\n iconElement: {\n deprType: DeprTypes.REMOVED,\n message: 'It should be specified inside the buttonContent prop.',\n },\n});\n\nDropdownWithDeprecatedProps.propTypes = Dropdown.propTypes;\nDropdownWithDeprecatedProps.defaultProps = Dropdown.defaultProps;\nDropdownWithDeprecatedProps.Item = Dropdown.Item;\nDropdownWithDeprecatedProps.Button = Dropdown.Button;\nDropdownWithDeprecatedProps.Menu = Dropdown.Menu;\n\nexport { Provider, Consumer };\nexport default DropdownWithDeprecatedProps;\n"],"mappings":"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","ignoreList":[]}
@@ -1,9 +0,0 @@
1
- $dropzone-padding: 1.5rem !default;
2
- $dropzone-border-default: 1px dashed $gray-500 !default;
3
- $dropzone-box-shadow-hover: inset 0 0 0 2px $info-300 !default;
4
- $dropzone-box-shadow-focus: inset 0 0 0 2px $info-300 !default;
5
- $dropzone-box-shadow-active: inset 0 0 0 2px $primary-500 !default;
6
- $dropzone-box-shadow-error: inset 0 0 0 2px $danger-300 !default;
7
- $dropzone-error-wrapper-color: $danger-500 !default;
8
- $dropzone-restriction-msg-font-size: $x-small-font-size !default;
9
- $dropzone-restriction-msg-color: $gray-500 !default;
@@ -1,117 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
3
- 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); } }
4
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
- 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); }
8
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
9
- 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); }; }
10
- 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); }
11
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
12
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
13
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
14
- import React from 'react';
15
- import PropTypes from 'prop-types';
16
- import classNames from 'classnames';
17
- import newId from '../utils/newId';
18
- import ValidationMessage from '../ValidationMessage/index';
19
- import Variant from '../utils/constants';
20
- var inputProps = {
21
- legend: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
22
- children: PropTypes.node,
23
- className: PropTypes.string,
24
- id: PropTypes.string,
25
- isValid: PropTypes.bool,
26
- invalidMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
27
- variant: PropTypes.shape({
28
- status: PropTypes.oneOf(Object.keys(Variant.status).map(function (k) {
29
- return Variant.status[k];
30
- }))
31
- }),
32
- variantIconDescription: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
33
- };
34
- var defaultProps = {
35
- children: null,
36
- className: undefined,
37
- id: '',
38
- isValid: true,
39
- invalidMessage: '',
40
- variant: {
41
- status: Variant.status.INFO
42
- },
43
- variantIconDescription: ''
44
- };
45
- var Fieldset = /*#__PURE__*/function (_React$Component) {
46
- _inherits(Fieldset, _React$Component);
47
- var _super = _createSuper(Fieldset);
48
- function Fieldset(props) {
49
- var _this;
50
- _classCallCheck(this, Fieldset);
51
- _this = _super.call(this, props);
52
- _this.state = {
53
- id: props.id || newId('fieldset')
54
- };
55
- return _this;
56
- }
57
- _createClass(Fieldset, [{
58
- key: "getVariantClassName",
59
- value: function getVariantClassName() {
60
- var variant = this.props.variant;
61
- var className;
62
- switch (variant.status) {
63
- case Variant.status.INFO:
64
- className = 'is-invalid-nodanger';
65
- break;
66
- default:
67
- break;
68
- }
69
- return className;
70
- }
71
- }, {
72
- key: "render",
73
- value: function render() {
74
- var _this$props = this.props,
75
- className = _this$props.className,
76
- children = _this$props.children,
77
- variantIconDescription = _this$props.variantIconDescription,
78
- invalidMessage = _this$props.invalidMessage,
79
- isValid = _this$props.isValid,
80
- legend = _this$props.legend,
81
- variant = _this$props.variant;
82
- var errorId = "error-".concat(this.state.id);
83
- return /*#__PURE__*/React.createElement("div", {
84
- className: "paragon-fieldset"
85
- }, /*#__PURE__*/React.createElement("fieldset", {
86
- className: classNames('form-control', 'p-3', {
87
- 'is-invalid': !isValid
88
- }, this.getVariantClassName(), className),
89
- "aria-describedby": errorId,
90
- "data-testid": "fieldset"
91
- }, /*#__PURE__*/React.createElement("legend", {
92
- className: "p-1"
93
- }, legend), children), /*#__PURE__*/React.createElement(ValidationMessage, {
94
- id: errorId,
95
- isValid: isValid,
96
- invalidMessage: invalidMessage,
97
- variant: variant,
98
- variantIconDescription: variantIconDescription
99
- }));
100
- }
101
- }], [{
102
- key: "getDerivedStateFromProps",
103
- value: function getDerivedStateFromProps(nextProps, prevState) {
104
- if (nextProps.id !== prevState.id) {
105
- return {
106
- id: nextProps.id || newId('fieldset')
107
- };
108
- }
109
- return null;
110
- }
111
- }]);
112
- return Fieldset;
113
- }(React.Component);
114
- Fieldset.propTypes = inputProps;
115
- Fieldset.defaultProps = defaultProps;
116
- export default Fieldset;
117
- //# sourceMappingURL=index.js.map