@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,267 +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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
3
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
5
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
6
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
7
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
8
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
9
- 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); } }
10
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
11
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
12
- 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); }
13
- 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); }
14
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
15
- 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); }; }
16
- 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); }
17
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
18
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
19
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
20
- /* eslint-disable max-len */
21
- import React from 'react';
22
- import classNames from 'classnames';
23
- import isRequiredIf from 'react-proptype-conditional-require';
24
- import PropTypes from 'prop-types';
25
- import Button from '../Button';
26
- import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
27
- var Table = /*#__PURE__*/function (_React$Component) {
28
- _inherits(Table, _React$Component);
29
- var _super = _createSuper(Table);
30
- function Table(props) {
31
- var _this;
32
- _classCallCheck(this, Table);
33
- _this = _super.call(this, props);
34
- _this.state = {
35
- sortedColumn: props.tableSortable ? _this.props.defaultSortedColumn : '',
36
- sortDirection: props.tableSortable ? _this.props.defaultSortDirection : ''
37
- };
38
- _this.onSortClick = _this.onSortClick.bind(_assertThisInitialized(_this));
39
- return _this;
40
- }
41
- _createClass(Table, [{
42
- key: "onSortClick",
43
- value: function onSortClick(columnKey) {
44
- var newDirection = 'desc';
45
- if (this.state.sortedColumn === columnKey) {
46
- newDirection = this.state.sortDirection === 'desc' ? 'asc' : 'desc';
47
- }
48
- this.setState({
49
- sortedColumn: columnKey,
50
- sortDirection: newDirection
51
- });
52
- var currentlySortedColumn = this.props.columns.find(function (column) {
53
- return columnKey === column.key;
54
- });
55
- currentlySortedColumn.onSort(newDirection);
56
- }
57
- }, {
58
- key: "getCaption",
59
- value: function getCaption() {
60
- return this.props.caption && /*#__PURE__*/React.createElement("caption", null, this.props.caption);
61
- }
62
- }, {
63
- key: "getSortButtonScreenReaderText",
64
- value: function getSortButtonScreenReaderText(columnKey) {
65
- var text;
66
- if (this.state.sortedColumn === columnKey) {
67
- text = this.props.sortButtonsScreenReaderText[this.state.sortDirection];
68
- } else {
69
- text = this.props.sortButtonsScreenReaderText.defaultText;
70
- }
71
- return text;
72
- }
73
- }, {
74
- key: "getSortIcon",
75
- value: function getSortIcon(sortDirection) {
76
- var sortIconClassName = ['fa-sort', sortDirection].filter(function (n) {
77
- return n;
78
- }).join('-');
79
- return /*#__PURE__*/React.createElement("span", {
80
- className: classNames('fa', sortIconClassName),
81
- "aria-hidden": true
82
- });
83
- }
84
- }, {
85
- key: "getTableHeading",
86
- value: function getTableHeading(column) {
87
- var _this2 = this;
88
- var heading;
89
- if (this.props.tableSortable && column.columnSortable) {
90
- heading = /*#__PURE__*/React.createElement(Button, {
91
- variant: "header",
92
- onClick: function onClick() {
93
- return _this2.onSortClick(column.key);
94
- }
95
- }, /*#__PURE__*/React.createElement("span", null, column.label, /*#__PURE__*/React.createElement("span", {
96
- className: classNames('sr-only'),
97
- "data-testid": "table-heading-sr"
98
- }, ' ', this.getSortButtonScreenReaderText(column.key)), ' ', this.getSortIcon(column.key === this.state.sortedColumn ? this.state.sortDirection : '')));
99
- } else if (column.hideHeader) {
100
- heading = /*#__PURE__*/React.createElement("span", {
101
- className: classNames('sr-only'),
102
- "data-testid": "table-heading-sr"
103
- }, column.label);
104
- } else {
105
- heading = column.label;
106
- }
107
- return heading;
108
- }
109
- }, {
110
- key: "getHeadings",
111
- value: function getHeadings() {
112
- var _this3 = this;
113
- return /*#__PURE__*/React.createElement("thead", {
114
- className: classNames.apply(void 0, _toConsumableArray(this.props.headingClassName).concat([{
115
- 'd-inline': this.props.hasFixedColumnWidths
116
- }]))
117
- }, /*#__PURE__*/React.createElement("tr", {
118
- className: classNames({
119
- 'd-flex': this.props.hasFixedColumnWidths
120
- })
121
- }, this.props.columns.map(function (col) {
122
- return /*#__PURE__*/React.createElement("th", {
123
- className: classNames({
124
- sortable: _this3.props.tableSortable && col.columnSortable
125
- }, _this3.props.hasFixedColumnWidths ? col.width : null),
126
- key: col.key,
127
- scope: "col"
128
- }, _this3.getTableHeading(col));
129
- })));
130
- }
131
- }, {
132
- key: "getBody",
133
- value: function getBody() {
134
- var _this4 = this;
135
- return /*#__PURE__*/React.createElement("tbody", {
136
- className: classNames({
137
- 'd-inline': this.props.hasFixedColumnWidths
138
- })
139
- }, this.props.data.map(function (row, i) {
140
- return /*#__PURE__*/React.createElement("tr", {
141
- // eslint-disable-next-line react/no-array-index-key
142
- key: i,
143
- className: classNames({
144
- 'd-flex': _this4.props.hasFixedColumnWidths
145
- })
146
- }, _this4.props.columns.map(function (_ref) {
147
- var key = _ref.key,
148
- width = _ref.width;
149
- return /*#__PURE__*/React.createElement(key === _this4.props.rowHeaderColumnKey ? 'th' : 'td', {
150
- key: key,
151
- className: classNames(_this4.props.hasFixedColumnWidths ? width : null),
152
- scope: key === _this4.props.rowHeaderColumnKey ? 'row' : null
153
- }, row[key]);
154
- }));
155
- }));
156
- }
157
- }, {
158
- key: "render",
159
- value: function render() {
160
- return /*#__PURE__*/React.createElement("table", {
161
- className: classNames('table', this.props.className)
162
- }, this.getCaption(), this.getHeadings(), this.getBody());
163
- }
164
- }]);
165
- return Table;
166
- }(React.Component);
167
- Table.propTypes = {
168
- caption: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
169
- className: PropTypes.string,
170
- /** specifies the order and contents of the table's columns and provides display strings for each column's heading. It is composed of an ordered array of objects. Each object contains the following keys:
171
- 1. `label` (string or element; required) contains the display string for each column's heading.
172
- 2. `key` (string; required) maps that label to its corresponding datum for each row in `data`, to ensure table data are displayed in their appropriate columns.
173
- 3. `columnSortable` (boolean; optional) specifies at the column-level whether the column is sortable. If `columnSortable` is `true`, a sort button will be rendered in the column table heading. It is only required if `tableSortable` is set to `true`.
174
- 4. `onSort` (function; conditionally required) specifies what function is called when a sortable column is clicked. It is only required if the column's `columnSortable` is set to `true`.
175
- 5. `hideHeader` (boolean; optional) specifies at the column-level whether the column label is visible. A column that is sortable cannot have its label be hidden.
176
- 6. `width` (string; conditionally required) only if `hasFixedColumnWidths` is set to `true`, the `<td>` elements' `class` attributes will be set to this value. This allows restricting columns to specific widths. See [Bootstrap's grid documentation](https://getbootstrap.com/docs/4.0/layout/grid/) for `col` class names that can be used.
177
- The order of objects in `columns` specifies the order of the columns in the table. */
178
- data: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
179
- /** specifies the order and contents of the table's columns and provides display strings for each column's heading. It is composed of an ordered array of objects. Each object contains the following keys:
180
- 1. `label` (string or element; required) contains the display string for each column's heading.
181
- 2. `key` (string; required) maps that label to its corresponding datum for each row in `data`, to ensure table data are displayed in their appropriate columns.
182
- 3. `columnSortable` (boolean; optional) specifies at the column-level whether the column is sortable. If `columnSortable` is `true`, a sort button will be rendered in the column table heading. It is only required if `tableSortable` is set to `true`.
183
- 4. `onSort` (function; conditionally required) specifies what function is called when a sortable column is clicked. It is only required if the column's `columnSortable` is set to `true`.
184
- 5. `hideHeader` (boolean; optional) specifies at the column-level whether the column label is visible. A column that is sortable cannot have its label be hidden.
185
- 6. `width` (string; conditionally required) only if `hasFixedColumnWidths` is set to `true`, the `<td>` elements' `class` attributes will be set to this value. This allows restricting columns to specific widths. See [Bootstrap's grid documentation](https://getbootstrap.com/docs/4.0/layout/grid/) for `col` class names that can be used.
186
- The order of objects in `columns` specifies the order of the columns in the table. */
187
- columns: PropTypes.arrayOf(PropTypes.shape({
188
- key: PropTypes.string.isRequired,
189
- label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
190
- columnSortable: isRequiredIf(PropTypes.bool, function (props) {
191
- return props.tableSortable;
192
- }),
193
- onSort: isRequiredIf(PropTypes.func, function (props) {
194
- return props.columnSortable;
195
- }),
196
- hideHeader: PropTypes.bool,
197
- width: isRequiredIf(PropTypes.string, function (props) {
198
- return props.hasFixedColumnWidths;
199
- })
200
- })).isRequired,
201
- /** Specifies Bootstrap class names to apply to the table heading. Options are detailed in [Bootstrap's docs](https://getbootstrap.com/docs/4.0/content/tables/#table-head-options).
202
- */
203
- headingClassName: PropTypes.arrayOf(PropTypes.string),
204
- /** Specifies whether the table is sortable. This setting supercedes column-level sortability, so if it is `false`, no sortable components will be rendered. */
205
- tableSortable: PropTypes.bool,
206
- /** Specifies whether the table's columns have fixed widths. Every element in `columns` must define a `width` if this is `true`.
207
- */
208
- hasFixedColumnWidths: PropTypes.bool,
209
- /* eslint-disable react/require-default-props */
210
- /** Specifies the key of the column that is sorted by default. It is only required if `tableSortable` is set to `true`. */
211
- defaultSortedColumn: isRequiredIf(PropTypes.string, function (props) {
212
- return props.tableSortable;
213
- }),
214
- /* eslint-disable react/require-default-props */
215
- /** Specifies the direction the `defaultSortedColumn` is sorted in by default; it will typically be either 'asc' or 'desc'. It is only required if `tableSortable` is set to `true`. */
216
- defaultSortDirection: isRequiredIf(PropTypes.string, function (props) {
217
- return props.tableSortable;
218
- }),
219
- /** Specifies the screen reader only text that accompanies the sort buttons for sortable columns. It takes the form of an object containing the following keys:
220
- 1. `asc`: (string) specifies the screen reader only text for sort buttons in the ascending state.
221
- 2. `desc`: (string) specifies the screen reader only text for sort buttons in the descending state.
222
- 3. `defaultText`: (string) specifies the screen reader only text for sort buttons that are not engaged.
223
- It is only required if `tableSortable` is set to `true`.
224
- Default:
225
- ```javascript
226
- {
227
- asc: 'sort ascending',
228
- desc: 'sort descending',
229
- defaultText: 'click to sort',
230
- }
231
- ``` */
232
- sortButtonsScreenReaderText: isRequiredIf(PropTypes.shape({
233
- asc: PropTypes.string,
234
- desc: PropTypes.string,
235
- defaultText: PropTypes.string
236
- }), function (props) {
237
- return props.tableSortable;
238
- }),
239
- /** Specifies the key for the column that should act as a row header. Rather than rendering as `<td>` elements,
240
- cells in this column will render as `<th scope="row">` */
241
- rowHeaderColumnKey: PropTypes.string
242
- };
243
- Table.defaultProps = {
244
- caption: null,
245
- className: undefined,
246
- headingClassName: [],
247
- tableSortable: false,
248
- hasFixedColumnWidths: false,
249
- sortButtonsScreenReaderText: {
250
- asc: 'sort ascending',
251
- desc: 'sort descending',
252
- defaultText: 'click to sort'
253
- }
254
- };
255
- export default withDeprecatedProps(Table, 'TableDeprecated', {
256
- className: {
257
- deprType: DeprTypes.FORMAT,
258
- expect: function expect(value) {
259
- return typeof value === 'string';
260
- },
261
- transform: function transform(value) {
262
- return Array.isArray(value) ? value.join(' ') : value;
263
- },
264
- message: 'It should be a string.'
265
- }
266
- });
267
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["React","classNames","isRequiredIf","PropTypes","Button","withDeprecatedProps","DeprTypes","Table","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","state","sortedColumn","tableSortable","defaultSortedColumn","sortDirection","defaultSortDirection","onSortClick","bind","_assertThisInitialized","_createClass","key","value","columnKey","newDirection","setState","currentlySortedColumn","columns","find","column","onSort","getCaption","caption","createElement","getSortButtonScreenReaderText","text","sortButtonsScreenReaderText","defaultText","getSortIcon","sortIconClassName","filter","n","join","className","getTableHeading","_this2","heading","columnSortable","variant","onClick","label","hideHeader","getHeadings","_this3","apply","_toConsumableArray","headingClassName","concat","hasFixedColumnWidths","map","col","sortable","width","scope","getBody","_this4","data","row","i","_ref","rowHeaderColumnKey","render","Component","propTypes","oneOfType","string","element","arrayOf","shape","isRequired","bool","func","asc","desc","defaultProps","undefined","deprType","FORMAT","expect","transform","Array","isArray","message"],"sources":["../../src/Table/index.jsx"],"sourcesContent":["/* eslint-disable max-len */\nimport React from 'react';\nimport classNames from 'classnames';\nimport isRequiredIf from 'react-proptype-conditional-require';\nimport PropTypes from 'prop-types';\n\nimport Button from '../Button';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nclass Table extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n sortedColumn: props.tableSortable ? this.props.defaultSortedColumn : '',\n sortDirection: props.tableSortable ? this.props.defaultSortDirection : '',\n };\n\n this.onSortClick = this.onSortClick.bind(this);\n }\n\n onSortClick(columnKey) {\n let newDirection = 'desc';\n\n if (this.state.sortedColumn === columnKey) {\n newDirection = (this.state.sortDirection === 'desc' ? 'asc' : 'desc');\n }\n\n this.setState({\n sortedColumn: columnKey,\n sortDirection: newDirection,\n });\n\n const currentlySortedColumn = this.props.columns.find(column => (columnKey === column.key));\n currentlySortedColumn.onSort(newDirection);\n }\n\n getCaption() {\n return this.props.caption && (\n <caption>{this.props.caption}</caption>\n );\n }\n\n getSortButtonScreenReaderText(columnKey) {\n let text;\n\n if (this.state.sortedColumn === columnKey) {\n text = this.props.sortButtonsScreenReaderText[this.state.sortDirection];\n } else {\n text = this.props.sortButtonsScreenReaderText.defaultText;\n }\n\n return text;\n }\n\n getSortIcon(sortDirection) {\n const sortIconClassName = ['fa-sort', sortDirection].filter(n => n).join('-');\n\n return (\n <span\n className={classNames('fa', sortIconClassName)}\n aria-hidden\n />\n );\n }\n\n getTableHeading(column) {\n let heading;\n if (this.props.tableSortable && column.columnSortable) {\n heading = (\n <Button\n variant=\"header\"\n onClick={() => this.onSortClick(column.key)}\n >\n <span>\n {column.label}\n <span className={classNames('sr-only')} data-testid=\"table-heading-sr\">\n {' '}\n {this.getSortButtonScreenReaderText(column.key)}\n </span>\n {' '}\n {this.getSortIcon(column.key === this.state.sortedColumn ? this.state.sortDirection : '')}\n </span>\n </Button>\n );\n } else if (column.hideHeader) {\n heading = (<span className={classNames('sr-only')} data-testid=\"table-heading-sr\">{column.label}</span>);\n } else {\n heading = column.label;\n }\n\n return heading;\n }\n\n getHeadings() {\n return (\n <thead\n className={classNames(\n ...this.props.headingClassName,\n { 'd-inline': this.props.hasFixedColumnWidths },\n )}\n >\n <tr className={classNames({ 'd-flex': this.props.hasFixedColumnWidths })}>\n {this.props.columns.map(col => (\n <th\n className={classNames(\n { sortable: this.props.tableSortable && col.columnSortable },\n this.props.hasFixedColumnWidths ? col.width : null,\n )}\n key={col.key}\n scope=\"col\"\n >\n {this.getTableHeading(col)}\n </th>\n ))}\n </tr>\n </thead>\n );\n }\n\n getBody() {\n return (\n <tbody className={classNames({ 'd-inline': this.props.hasFixedColumnWidths })}>\n {this.props.data.map((row, i) => (\n <tr\n // eslint-disable-next-line react/no-array-index-key\n key={i}\n className={classNames({ 'd-flex': this.props.hasFixedColumnWidths })}\n >\n {this.props.columns.map(({ key, width }) => (\n React.createElement(\n (key === this.props.rowHeaderColumnKey) ? 'th' : 'td',\n {\n key,\n className: classNames(this.props.hasFixedColumnWidths ? width : null),\n scope: (key === this.props.rowHeaderColumnKey) ? 'row' : null,\n },\n row[key],\n )\n ))}\n </tr>\n ))}\n </tbody>\n );\n }\n\n render() {\n return (\n <table className={classNames(\n 'table',\n this.props.className,\n )}\n >\n {this.getCaption()}\n {this.getHeadings()}\n {this.getBody()}\n </table>\n );\n }\n}\n\nTable.propTypes = {\n caption: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.element,\n ]),\n className: PropTypes.string,\n /** specifies the order and contents of the table's columns and provides display strings for each column's heading. It is composed of an ordered array of objects. Each object contains the following keys:\n\n1. `label` (string or element; required) contains the display string for each column's heading.\n2. `key` (string; required) maps that label to its corresponding datum for each row in `data`, to ensure table data are displayed in their appropriate columns.\n3. `columnSortable` (boolean; optional) specifies at the column-level whether the column is sortable. If `columnSortable` is `true`, a sort button will be rendered in the column table heading. It is only required if `tableSortable` is set to `true`.\n4. `onSort` (function; conditionally required) specifies what function is called when a sortable column is clicked. It is only required if the column's `columnSortable` is set to `true`.\n5. `hideHeader` (boolean; optional) specifies at the column-level whether the column label is visible. A column that is sortable cannot have its label be hidden.\n6. `width` (string; conditionally required) only if `hasFixedColumnWidths` is set to `true`, the `<td>` elements' `class` attributes will be set to this value. This allows restricting columns to specific widths. See [Bootstrap's grid documentation](https://getbootstrap.com/docs/4.0/layout/grid/) for `col` class names that can be used.\n\nThe order of objects in `columns` specifies the order of the columns in the table. */\n data: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n /** specifies the order and contents of the table's columns and provides display strings for each column's heading. It is composed of an ordered array of objects. Each object contains the following keys:\n\n1. `label` (string or element; required) contains the display string for each column's heading.\n2. `key` (string; required) maps that label to its corresponding datum for each row in `data`, to ensure table data are displayed in their appropriate columns.\n3. `columnSortable` (boolean; optional) specifies at the column-level whether the column is sortable. If `columnSortable` is `true`, a sort button will be rendered in the column table heading. It is only required if `tableSortable` is set to `true`.\n4. `onSort` (function; conditionally required) specifies what function is called when a sortable column is clicked. It is only required if the column's `columnSortable` is set to `true`.\n5. `hideHeader` (boolean; optional) specifies at the column-level whether the column label is visible. A column that is sortable cannot have its label be hidden.\n6. `width` (string; conditionally required) only if `hasFixedColumnWidths` is set to `true`, the `<td>` elements' `class` attributes will be set to this value. This allows restricting columns to specific widths. See [Bootstrap's grid documentation](https://getbootstrap.com/docs/4.0/layout/grid/) for `col` class names that can be used.\n\nThe order of objects in `columns` specifies the order of the columns in the table. */\n columns: PropTypes.arrayOf(PropTypes.shape({\n key: PropTypes.string.isRequired,\n label: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.element,\n ]).isRequired,\n columnSortable: isRequiredIf(PropTypes.bool, props => props.tableSortable),\n onSort: isRequiredIf(PropTypes.func, props => props.columnSortable),\n hideHeader: PropTypes.bool,\n width: isRequiredIf(PropTypes.string, props => props.hasFixedColumnWidths),\n })).isRequired,\n /** Specifies Bootstrap class names to apply to the table heading. Options are detailed in [Bootstrap's docs](https://getbootstrap.com/docs/4.0/content/tables/#table-head-options).\n */\n headingClassName: PropTypes.arrayOf(PropTypes.string),\n /** Specifies whether the table is sortable. This setting supercedes column-level sortability, so if it is `false`, no sortable components will be rendered. */\n tableSortable: PropTypes.bool,\n /** Specifies whether the table's columns have fixed widths. Every element in `columns` must define a `width` if this is `true`.\n */\n hasFixedColumnWidths: PropTypes.bool,\n /* eslint-disable react/require-default-props */\n /** Specifies the key of the column that is sorted by default. It is only required if `tableSortable` is set to `true`. */\n defaultSortedColumn: isRequiredIf(PropTypes.string, props => props.tableSortable),\n /* eslint-disable react/require-default-props */\n /** Specifies the direction the `defaultSortedColumn` is sorted in by default; it will typically be either 'asc' or 'desc'. It is only required if `tableSortable` is set to `true`. */\n defaultSortDirection: isRequiredIf(PropTypes.string, props => props.tableSortable),\n /** Specifies the screen reader only text that accompanies the sort buttons for sortable columns. It takes the form of an object containing the following keys:\n\n1. `asc`: (string) specifies the screen reader only text for sort buttons in the ascending state.\n2. `desc`: (string) specifies the screen reader only text for sort buttons in the descending state.\n3. `defaultText`: (string) specifies the screen reader only text for sort buttons that are not engaged.\n\nIt is only required if `tableSortable` is set to `true`.\n\nDefault:\n\n```javascript\n{\n asc: 'sort ascending',\n desc: 'sort descending',\n defaultText: 'click to sort',\n}\n``` */\n sortButtonsScreenReaderText: isRequiredIf(\n PropTypes.shape({\n asc: PropTypes.string,\n desc: PropTypes.string,\n defaultText: PropTypes.string,\n }),\n props => props.tableSortable,\n ),\n /** Specifies the key for the column that should act as a row header. Rather than rendering as `<td>` elements,\ncells in this column will render as `<th scope=\"row\">` */\n rowHeaderColumnKey: PropTypes.string,\n};\n\nTable.defaultProps = {\n caption: null,\n className: undefined,\n headingClassName: [],\n tableSortable: false,\n hasFixedColumnWidths: false,\n sortButtonsScreenReaderText: {\n asc: 'sort ascending',\n desc: 'sort descending',\n defaultText: 'click to sort',\n },\n};\n\nexport default withDeprecatedProps(Table, 'TableDeprecated', {\n className: {\n deprType: DeprTypes.FORMAT,\n expect: value => typeof value === 'string',\n transform: value => (Array.isArray(value) ? value.join(' ') : value),\n message: 'It should be a string.',\n },\n});\n"],"mappings":"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","ignoreList":[]}
@@ -1,12 +0,0 @@
1
- @import "variables";
2
- @import "~bootstrap/scss/tables";
3
-
4
- .btn-header {
5
- padding: 0;
6
- font-weight: $font-weight-bold;
7
- }
8
-
9
- .table th,
10
- .table td {
11
- word-wrap: break-word;
12
- }
@@ -1,24 +0,0 @@
1
- $tab-notification-height: 1rem !default;
2
- $tab-notification-width: 1rem !default;
3
- $tab-notification-font-size: $font-size-xs !default;
4
- $tab-more-link-dropdown-toggle-padding-x: .7rem !default;
5
- $tab-more-link-dropdown-toggle-padding-y: $spacer !default;
6
- $tab-more-link-dropdown-toggle-focus-bg: $primary-500 !default;
7
- $tab-more-link-dropdown-toggle-focus-border-color: $tab-more-link-dropdown-toggle-focus-bg !default;
8
- $tab-more-link-dropdown-toggle-focus-color: $white !default;
9
- $tab-more-link-dropdown-toggle-btn-focus-color: $tab-more-link-dropdown-toggle-focus-color !default;
10
- $tab-more-link-dropdown-toggle-btn-focus-border-color: $tab-more-link-dropdown-toggle-focus-bg !default;
11
- $tab-more-link-dropdown-toggle-active-color: $tab-more-link-dropdown-toggle-focus-color !default;
12
- $tab-more-link-dropdown-toggle-hover-color: $tab-more-link-dropdown-toggle-focus-bg !default;
13
- $tab-inverse-pills-link-dropdown-toggle-padding-x: .625rem !default;
14
- $tab-inverse-pills-link-dropdown-toggle-padding-y: $spacer !default;
15
- $tab-inverse-pills-link-dropdown-toggle-focus-bg: $white !default;
16
- $tab-inverse-pills-link-dropdown-toggle-focus-color: $primary-500 !default;
17
- $tab-inverse-pills-link-dropdown-toggle-focus-border-color: $tab-inverse-pills-link-dropdown-toggle-focus-bg !default;
18
- $tab-inverse-pills-link-dropdown-toggle-active-color: $tab-inverse-pills-link-dropdown-toggle-focus-color !default;
19
- $tab-inverse-pills-link-dropdown-toggle-active-hover-color: $tab-inverse-pills-link-dropdown-toggle-focus-bg !default;
20
- $tab-inverse-pills-link-dropdown-toggle-active-hover-bg: $primary-300 !default;
21
- $tab-inverse-pills-link-dropdown-distance: 5px !default;
22
- $tab-inverse-tabs-link-dropdown-toggle-padding-x: .625rem !default;
23
- $tab-inverse-tabs-link-dropdown-toggle-padding-y: $spacer !default;
24
- $tab-inverse-tabs-link-dropdown-toggle-hover-bg: transparent !default;
@@ -1,3 +0,0 @@
1
- .nav-tabs .nav-link {
2
- background: transparent;
3
- }
@@ -1,123 +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
- // TODO: @jaebradley fix these eslint errors
15
- /* eslint-disable jsx-a11y/click-events-have-key-events */
16
- /* eslint-disable jsx-a11y/anchor-is-valid */
17
- /* eslint-disable max-len */
18
- import React from 'react';
19
- import classNames from 'classnames';
20
- import PropTypes from 'prop-types';
21
- import newId from '../../utils/newId';
22
- var Tabs = /*#__PURE__*/function (_React$Component) {
23
- _inherits(Tabs, _React$Component);
24
- var _super = _createSuper(Tabs);
25
- function Tabs(props) {
26
- var _this;
27
- _classCallCheck(this, Tabs);
28
- _this = _super.call(this, props);
29
- _this.toggle = _this.toggle.bind(_assertThisInitialized(_this));
30
- _this.state = {
31
- activeTab: 0,
32
- uuid: newId('tabInterface')
33
- };
34
- return _this;
35
- }
36
- _createClass(Tabs, [{
37
- key: "toggle",
38
- value: function toggle(tab) {
39
- if (this.state.activeTab !== tab) {
40
- this.setState({
41
- activeTab: tab
42
- });
43
- }
44
- }
45
- }, {
46
- key: "genLabelId",
47
- value: function genLabelId(index) {
48
- return "tab-label-".concat(this.state.uuid, "-").concat(index);
49
- }
50
- }, {
51
- key: "genPanelId",
52
- value: function genPanelId(index) {
53
- return "tab-panel-".concat(this.state.uuid, "-").concat(index);
54
- }
55
- }, {
56
- key: "buildLabels",
57
- value: function buildLabels() {
58
- var _this2 = this;
59
- return this.props.labels.map(function (label, i) {
60
- var selected = _this2.state.activeTab === i;
61
- var labelId = _this2.genLabelId(i);
62
- return /*#__PURE__*/React.createElement("li", {
63
- key: labelId
64
- }, /*#__PURE__*/React.createElement("button", {
65
- role: "tab",
66
- "aria-selected": selected,
67
- "aria-controls": _this2.genPanelId(i),
68
- id: labelId,
69
- onClick: function onClick() {
70
- _this2.toggle(i);
71
- },
72
- className: classNames('nav-link nav-item', {
73
- active: selected
74
- })
75
- }, label));
76
- });
77
- }
78
- }, {
79
- key: "buildPanels",
80
- value: function buildPanels() {
81
- var _this3 = this;
82
- return this.props.children.map(function (panel, i) {
83
- var selected = _this3.state.activeTab === i;
84
- var panelId = _this3.genPanelId(i);
85
- return /*#__PURE__*/React.createElement("div", {
86
- "aria-hidden": !selected,
87
- "aria-labelledby": _this3.genLabelId(i),
88
- className: classNames('tab-pane', {
89
- active: selected
90
- }),
91
- id: panelId,
92
- key: panelId,
93
- role: "tabpanel"
94
- }, panel);
95
- });
96
- }
97
- }, {
98
- key: "render",
99
- value: function render() {
100
- var labels = this.buildLabels();
101
- var panels = this.buildPanels();
102
- return /*#__PURE__*/React.createElement("div", {
103
- className: "tabs"
104
- }, /*#__PURE__*/React.createElement("ul", {
105
- role: "tablist",
106
- className: classNames(['nav', 'nav-tabs'])
107
- }, labels), /*#__PURE__*/React.createElement("div", {
108
- role: "tabpanel",
109
- className: "tab-content"
110
- }, panels));
111
- }
112
- }]);
113
- return Tabs;
114
- }(React.Component); // TODO: custom validator that ensures labels and panels are the same length
115
- Tabs.propTypes = {
116
- /** specifies the list of elements that will be displayed within each of the tabbed views. It is the content relevant to each label. Children should not be passed as Props, but should instead be nested between the opening and closing `<Tabs> </Tabs>` tags. */
117
- labels: PropTypes.arrayOf(PropTypes.node).isRequired,
118
- /** specifies the list of headings that will appear on all of the tabs that will be created.
119
- */
120
- children: PropTypes.arrayOf(PropTypes.element).isRequired
121
- };
122
- export default Tabs;
123
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["React","classNames","PropTypes","newId","Tabs","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","toggle","bind","_assertThisInitialized","state","activeTab","uuid","_createClass","key","value","tab","setState","genLabelId","index","concat","genPanelId","buildLabels","_this2","labels","map","label","i","selected","labelId","createElement","role","id","onClick","className","active","buildPanels","_this3","children","panel","panelId","render","panels","Component","propTypes","arrayOf","node","isRequired","element"],"sources":["../../../src/Tabs/deprecated/index.jsx"],"sourcesContent":["// TODO: @jaebradley fix these eslint errors\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable max-len */\nimport React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport newId from '../../utils/newId';\n\nclass Tabs extends React.Component {\n constructor(props) {\n super(props);\n\n this.toggle = this.toggle.bind(this);\n this.state = {\n activeTab: 0,\n uuid: newId('tabInterface'),\n };\n }\n\n toggle(tab) {\n if (this.state.activeTab !== tab) {\n this.setState({\n activeTab: tab,\n });\n }\n }\n\n genLabelId(index) {\n return `tab-label-${this.state.uuid}-${index}`;\n }\n\n genPanelId(index) {\n return `tab-panel-${this.state.uuid}-${index}`;\n }\n\n buildLabels() {\n return this.props.labels.map((label, i) => {\n const selected = this.state.activeTab === i;\n const labelId = this.genLabelId(i);\n\n return (\n <li key={labelId}>\n {/* eslint-disable-next-line react/button-has-type */}\n <button\n role=\"tab\"\n aria-selected={selected}\n aria-controls={this.genPanelId(i)}\n id={labelId}\n onClick={() => { this.toggle(i); }}\n className={classNames('nav-link nav-item', {\n active: selected,\n })}\n >\n {label}\n </button>\n </li>\n );\n });\n }\n\n buildPanels() {\n return this.props.children.map((panel, i) => {\n const selected = this.state.activeTab === i;\n const panelId = this.genPanelId(i);\n\n return (\n <div\n aria-hidden={!selected}\n aria-labelledby={this.genLabelId(i)}\n className={classNames(\n 'tab-pane',\n { active: selected },\n )}\n id={panelId}\n key={panelId}\n role=\"tabpanel\"\n >\n {panel}\n </div>\n );\n });\n }\n\n render() {\n const labels = this.buildLabels();\n const panels = this.buildPanels();\n\n return (\n <div className=\"tabs\">\n <ul\n role=\"tablist\"\n className={classNames([\n 'nav',\n 'nav-tabs',\n ])}\n >\n {labels}\n </ul>\n <div role=\"tabpanel\" className=\"tab-content\">\n {panels}\n </div>\n </div>\n );\n }\n}\n// TODO: custom validator that ensures labels and panels are the same length\nTabs.propTypes = {\n /** specifies the list of elements that will be displayed within each of the tabbed views. It is the content relevant to each label. Children should not be passed as Props, but should instead be nested between the opening and closing `<Tabs> </Tabs>` tags. */\n labels: PropTypes.arrayOf(PropTypes.node).isRequired,\n /** specifies the list of headings that will appear on all of the tabs that will be created.\n */\n children: PropTypes.arrayOf(PropTypes.element).isRequired,\n};\n\nexport default Tabs;\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,KAAK,MAAM,mBAAmB;AAAC,IAEhCC,IAAI,0BAAAC,gBAAA;EAAAC,SAAA,CAAAF,IAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,IAAA;EACR,SAAAA,KAAYK,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAP,IAAA;IACjBM,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IAEXC,KAAA,CAAKG,MAAM,GAAGH,KAAA,CAAKG,MAAM,CAACC,IAAI,CAAAC,sBAAA,CAAAL,KAAA,CAAK,CAAC;IACpCA,KAAA,CAAKM,KAAK,GAAG;MACXC,SAAS,EAAE,CAAC;MACZC,IAAI,EAAEf,KAAK,CAAC,cAAc;IAC5B,CAAC;IAAC,OAAAO,KAAA;EACJ;EAACS,YAAA,CAAAf,IAAA;IAAAgB,GAAA;IAAAC,KAAA,EAED,SAAAR,OAAOS,GAAG,EAAE;MACV,IAAI,IAAI,CAACN,KAAK,CAACC,SAAS,KAAKK,GAAG,EAAE;QAChC,IAAI,CAACC,QAAQ,CAAC;UACZN,SAAS,EAAEK;QACb,CAAC,CAAC;MACJ;IACF;EAAC;IAAAF,GAAA;IAAAC,KAAA,EAED,SAAAG,WAAWC,KAAK,EAAE;MAChB,oBAAAC,MAAA,CAAoB,IAAI,CAACV,KAAK,CAACE,IAAI,OAAAQ,MAAA,CAAID,KAAK;IAC9C;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAM,WAAWF,KAAK,EAAE;MAChB,oBAAAC,MAAA,CAAoB,IAAI,CAACV,KAAK,CAACE,IAAI,OAAAQ,MAAA,CAAID,KAAK;IAC9C;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAO,YAAA,EAAc;MAAA,IAAAC,MAAA;MACZ,OAAO,IAAI,CAACpB,KAAK,CAACqB,MAAM,CAACC,GAAG,CAAC,UAACC,KAAK,EAAEC,CAAC,EAAK;QACzC,IAAMC,QAAQ,GAAGL,MAAI,CAACb,KAAK,CAACC,SAAS,KAAKgB,CAAC;QAC3C,IAAME,OAAO,GAAGN,MAAI,CAACL,UAAU,CAACS,CAAC,CAAC;QAElC,oBACEjC,KAAA,CAAAoC,aAAA;UAAIhB,GAAG,EAAEe;QAAQ,gBAEfnC,KAAA,CAAAoC,aAAA;UACEC,IAAI,EAAC,KAAK;UACV,iBAAeH,QAAS;UACxB,iBAAeL,MAAI,CAACF,UAAU,CAACM,CAAC,CAAE;UAClCK,EAAE,EAAEH,OAAQ;UACZI,OAAO,EAAE,SAAAA,QAAA,EAAM;YAAEV,MAAI,CAAChB,MAAM,CAACoB,CAAC,CAAC;UAAE,CAAE;UACnCO,SAAS,EAAEvC,UAAU,CAAC,mBAAmB,EAAE;YACzCwC,MAAM,EAAEP;UACV,CAAC;QAAE,GAEFF,KACK,CACN,CAAC;MAET,CAAC,CAAC;IACJ;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAAqB,YAAA,EAAc;MAAA,IAAAC,MAAA;MACZ,OAAO,IAAI,CAAClC,KAAK,CAACmC,QAAQ,CAACb,GAAG,CAAC,UAACc,KAAK,EAAEZ,CAAC,EAAK;QAC3C,IAAMC,QAAQ,GAAGS,MAAI,CAAC3B,KAAK,CAACC,SAAS,KAAKgB,CAAC;QAC3C,IAAMa,OAAO,GAAGH,MAAI,CAAChB,UAAU,CAACM,CAAC,CAAC;QAElC,oBACEjC,KAAA,CAAAoC,aAAA;UACE,eAAa,CAACF,QAAS;UACvB,mBAAiBS,MAAI,CAACnB,UAAU,CAACS,CAAC,CAAE;UACpCO,SAAS,EAAEvC,UAAU,CACnB,UAAU,EACV;YAAEwC,MAAM,EAAEP;UAAS,CACrB,CAAE;UACFI,EAAE,EAAEQ,OAAQ;UACZ1B,GAAG,EAAE0B,OAAQ;UACbT,IAAI,EAAC;QAAU,GAEdQ,KACE,CAAC;MAEV,CAAC,CAAC;IACJ;EAAC;IAAAzB,GAAA;IAAAC,KAAA,EAED,SAAA0B,OAAA,EAAS;MACP,IAAMjB,MAAM,GAAG,IAAI,CAACF,WAAW,CAAC,CAAC;MACjC,IAAMoB,MAAM,GAAG,IAAI,CAACN,WAAW,CAAC,CAAC;MAEjC,oBACE1C,KAAA,CAAAoC,aAAA;QAAKI,SAAS,EAAC;MAAM,gBACnBxC,KAAA,CAAAoC,aAAA;QACEC,IAAI,EAAC,SAAS;QACdG,SAAS,EAAEvC,UAAU,CAAC,CACpB,KAAK,EACL,UAAU,CACX;MAAE,GAEF6B,MACC,CAAC,eACL9B,KAAA,CAAAoC,aAAA;QAAKC,IAAI,EAAC,UAAU;QAACG,SAAS,EAAC;MAAa,GACzCQ,MACE,CACF,CAAC;IAEV;EAAC;EAAA,OAAA5C,IAAA;AAAA,EA/FgBJ,KAAK,CAACiD,SAAS,GAiGlC;AACA7C,IAAI,CAAC8C,SAAS,GAAG;EACf;EACApB,MAAM,EAAE5B,SAAS,CAACiD,OAAO,CAACjD,SAAS,CAACkD,IAAI,CAAC,CAACC,UAAU;EACpD;AACF;EACET,QAAQ,EAAE1C,SAAS,CAACiD,OAAO,CAACjD,SAAS,CAACoD,OAAO,CAAC,CAACD;AACjD,CAAC;AAED,eAAejD,IAAI","ignoreList":[]}
@@ -1,44 +0,0 @@
1
- var _excluded = ["className", "inputRef"];
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
- /* eslint-disable max-len */
6
- import React from 'react';
7
- import PropTypes from 'prop-types';
8
- import asInput from '../asInput';
9
- import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
10
- function Text(props) {
11
- var className = props.className,
12
- inputRef = props.inputRef,
13
- others = _objectWithoutProperties(props, _excluded);
14
- return /*#__PURE__*/React.createElement("textarea", _extends({}, others, {
15
- className: className,
16
- ref: inputRef
17
- }));
18
- }
19
- Text.propTypes = {
20
- className: PropTypes.string,
21
- /** specifies all of the properties that are necessary from the included `asInput` component. Please see details for input requirements within that component.
22
- */
23
- inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
24
- current: PropTypes.instanceOf(PropTypes.element)
25
- })])
26
- };
27
- Text.defaultProps = {
28
- className: undefined,
29
- inputRef: undefined
30
- };
31
- var TextArea = asInput(withDeprecatedProps(Text, 'TextArea', {
32
- className: {
33
- deprType: DeprTypes.FORMAT,
34
- expect: function expect(value) {
35
- return typeof value === 'string';
36
- },
37
- transform: function transform(value) {
38
- return Array.isArray(value) ? value.join(' ') : value;
39
- },
40
- message: 'It should be a string.'
41
- }
42
- }));
43
- export default TextArea;
44
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["React","PropTypes","asInput","withDeprecatedProps","DeprTypes","Text","props","className","inputRef","others","_objectWithoutProperties","_excluded","createElement","_extends","ref","propTypes","string","oneOfType","func","shape","current","instanceOf","element","defaultProps","undefined","TextArea","deprType","FORMAT","expect","value","transform","Array","isArray","join","message"],"sources":["../../src/TextArea/index.jsx"],"sourcesContent":["/* eslint-disable max-len */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport asInput from '../asInput';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nfunction Text(props) {\n const {\n className,\n inputRef,\n ...others\n } = props;\n\n return (\n <textarea\n {...others}\n className={className}\n ref={inputRef}\n />\n );\n}\n\nText.propTypes = {\n className: PropTypes.string,\n /** specifies all of the properties that are necessary from the included `asInput` component. Please see details for input requirements within that component.\n */\n inputRef: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.instanceOf(PropTypes.element) }),\n ]),\n};\n\nText.defaultProps = {\n className: undefined,\n inputRef: undefined,\n};\n\nconst TextArea = asInput(withDeprecatedProps(Text, 'TextArea', {\n className: {\n deprType: DeprTypes.FORMAT,\n expect: value => typeof value === 'string',\n transform: value => (Array.isArray(value) ? value.join(' ') : value),\n message: 'It should be a string.',\n },\n}));\n\nexport default TextArea;\n"],"mappings":";;;;AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,mBAAmB,IAAIC,SAAS,QAAQ,wBAAwB;AAEvE,SAASC,IAAIA,CAACC,KAAK,EAAE;EACnB,IACEC,SAAS,GAGPD,KAAK,CAHPC,SAAS;IACTC,QAAQ,GAENF,KAAK,CAFPE,QAAQ;IACLC,MAAM,GAAAC,wBAAA,CACPJ,KAAK,EAAAK,SAAA;EAET,oBACEX,KAAA,CAAAY,aAAA,aAAAC,QAAA,KACMJ,MAAM;IACVF,SAAS,EAAEA,SAAU;IACrBO,GAAG,EAAEN;EAAS,EACf,CAAC;AAEN;AAEAH,IAAI,CAACU,SAAS,GAAG;EACfR,SAAS,EAAEN,SAAS,CAACe,MAAM;EAC3B;AACF;EACER,QAAQ,EAAEP,SAAS,CAACgB,SAAS,CAAC,CAC5BhB,SAAS,CAACiB,IAAI,EACdjB,SAAS,CAACkB,KAAK,CAAC;IAAEC,OAAO,EAAEnB,SAAS,CAACoB,UAAU,CAACpB,SAAS,CAACqB,OAAO;EAAE,CAAC,CAAC,CACtE;AACH,CAAC;AAEDjB,IAAI,CAACkB,YAAY,GAAG;EAClBhB,SAAS,EAAEiB,SAAS;EACpBhB,QAAQ,EAAEgB;AACZ,CAAC;AAED,IAAMC,QAAQ,GAAGvB,OAAO,CAACC,mBAAmB,CAACE,IAAI,EAAE,UAAU,EAAE;EAC7DE,SAAS,EAAE;IACTmB,QAAQ,EAAEtB,SAAS,CAACuB,MAAM;IAC1BC,MAAM,EAAE,SAAAA,OAAAC,KAAK;MAAA,OAAI,OAAOA,KAAK,KAAK,QAAQ;IAAA;IAC1CC,SAAS,EAAE,SAAAA,UAAAD,KAAK;MAAA,OAAKE,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,GAAGA,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC,GAAGJ,KAAK;IAAA,CAAC;IACpEK,OAAO,EAAE;EACX;AACF,CAAC,CAAC,CAAC;AAEH,eAAeT,QAAQ","ignoreList":[]}
@@ -1,19 +0,0 @@
1
- // Toasts
2
-
3
- $toast-max-width: 400px !default;
4
- $toast-padding-x: .75rem !default;
5
- $toast-padding-y: .25rem !default;
6
- $toast-font-size: .875rem !default;
7
- $toast-color: null !default;
8
- $toast-background-color: $gray-700 !default;
9
- $toast-border-width: 1px !default;
10
- $toast-border-color: rgba(0, 0, 0, .1) !default;
11
- $toast-border-radius: .25rem !default;
12
- $toast-box-shadow: 0 1.25rem 2.5rem rgba($black, .15), 0 .5rem 3rem rgba($black, .15) !default;
13
-
14
- $toast-header-color: $white !default;
15
- $toast-header-background-color: $gray-700 !default;
16
- $toast-header-border-color: rgba(0, 0, 0, .5) !default;
17
-
18
- $toast-container-gutter-lg: 1.25rem !default;
19
- $toast-container-gutter-sm: .625rem !default;
@@ -1,21 +0,0 @@
1
- // Tooltips
2
-
3
- $tooltip-font-size: $font-size-sm !default;
4
- $tooltip-max-width: 200px !default;
5
- $tooltip-color: $white !default;
6
- $tooltip-bg: $black !default;
7
- $tooltip-border-radius: $border-radius !default;
8
- $tooltip-opacity: 1 !default;
9
- $tooltip-padding-y: .5rem !default;
10
- $tooltip-padding-x: .5rem !default;
11
- $tooltip-margin: 0 !default;
12
- $tooltip-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15))
13
- drop-shadow(0 2px 8px rgba(0, 0, 0, .15)) !default;
14
-
15
- $tooltip-arrow-width: .8rem !default;
16
- $tooltip-arrow-height: .4rem !default;
17
- $tooltip-arrow-color: $tooltip-bg !default;
18
-
19
- $tooltip-color-light: $black !default;
20
- $tooltip-bg-light: $white !default;
21
- $tooltip-arrow-color-light: $white !default;