@madie/madie-design-system 1.0.2 → 1.0.3

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 (348) hide show
  1. package/.storybook/main.js +3 -0
  2. package/components/Accordion/Accordion.stories.js +11 -11
  3. package/components/Accordion/index.jsx +78 -76
  4. package/components/Alert/Alert.stories.js +60 -51
  5. package/components/Alert/index.js +46 -37
  6. package/components/Breadcrumb/Breadcrumb.stories.js +62 -62
  7. package/components/Breadcrumb/index.js +80 -71
  8. package/components/Button/Button.stories.js +92 -86
  9. package/components/Button/index.js +65 -65
  10. package/components/CalloutBox/CalloutBox.stories.js +75 -75
  11. package/components/CalloutBox/index.js +92 -92
  12. package/components/Card/Card.stories.js +135 -135
  13. package/components/Card/index.js +128 -121
  14. package/components/Dropdown/Dropdown.stories.js +73 -73
  15. package/components/Dropdown/index.js +72 -72
  16. package/components/Error/Collapsible.jsx +75 -70
  17. package/components/Error/ErrorUI.jsx +22 -22
  18. package/components/Error/error.js +20 -20
  19. package/components/FlashNotification/FlashNotificationUI.jsx +77 -77
  20. package/components/FlashNotification/index.js +23 -23
  21. package/components/Footer/Footer.stories.js +13 -13
  22. package/components/Footer/FooterUI.jsx +264 -252
  23. package/components/Footer/LegacyFooterUI.jsx +190 -180
  24. package/components/Footer/SocialLinks.jsx +58 -55
  25. package/components/Footer/Subscribe.jsx +29 -29
  26. package/components/Footer/footer.js +21 -21
  27. package/components/FormControlLabel/index.jsx +23 -0
  28. package/components/Header/Header.stories.js +29 -26
  29. package/components/Header/HeaderAccountMenu.jsx +163 -149
  30. package/components/Header/HeaderCancel.jsx +8 -8
  31. package/components/Header/HeaderContainer.jsx +48 -43
  32. package/components/Header/HeaderLogo.jsx +34 -34
  33. package/components/Header/HeaderMenuButton.js +39 -39
  34. package/components/Header/HeaderMenuItem.jsx +252 -205
  35. package/components/Header/HeaderMenuLink.js +37 -37
  36. package/components/Header/HeaderMenuSignOutButton.js +50 -50
  37. package/components/Header/HeaderMobileButton.js +29 -29
  38. package/components/Header/HeaderUI.jsx +164 -147
  39. package/components/Header/HelpIcon.jsx +15 -15
  40. package/components/Header/ImpersonatorBanner.jsx +50 -47
  41. package/components/Header/NavigationButtonIcon.jsx +21 -21
  42. package/components/Header/header.js +36 -34
  43. package/components/Header/hooks.js +42 -35
  44. package/components/Header/utag-helpers.js +8 -8
  45. package/components/Infotip/Infotip.jsx +48 -48
  46. package/components/Infotip/Infotip.stories.js +32 -30
  47. package/components/Infotip/InfotipIcon.jsx +30 -30
  48. package/components/Infotip/index.js +1 -1
  49. package/components/InputLabel/index.jsx +58 -0
  50. package/components/Link/Link.stories.js +65 -64
  51. package/components/Link/index.js +46 -46
  52. package/components/Modal/LegacyModal.jsx +56 -54
  53. package/components/Modal/Modal.jsx +121 -121
  54. package/components/Modal/Modal.stories.js +152 -144
  55. package/components/Modal/index.jsx +11 -11
  56. package/components/NotificationBanner/NotificationBanner.stories.js +16 -16
  57. package/components/NotificationBanner/index.js +239 -225
  58. package/components/Pagination/index.jsx +171 -160
  59. package/components/SanitizedContent/index.jsx +183 -183
  60. package/components/Search/Search.stories.js +14 -14
  61. package/components/Search/index.js +72 -72
  62. package/components/Select/Select.stories.js +168 -0
  63. package/components/Select/index.jsx +103 -0
  64. package/components/SessionDialog/sessionDialog.js +20 -20
  65. package/components/SessionDialogUI.jsx +231 -219
  66. package/components/SideNav/AnimationGroup/AnimationGroup.jsx +19 -17
  67. package/components/SideNav/Chart/ScoreChart.jsx +238 -229
  68. package/components/SideNav/Chart/__tests__/ScoreChart.test.js +15 -15
  69. package/components/SideNav/Chart/index.js +1 -1
  70. package/components/SideNav/Content/LevelOneContent.jsx +194 -190
  71. package/components/SideNav/Content/LevelTwoContent.jsx +208 -195
  72. package/components/SideNav/Content/index.js +2 -2
  73. package/components/SideNav/Details/IndividualDetails.jsx +10 -10
  74. package/components/SideNav/Details/PracticeDetails.jsx +36 -34
  75. package/components/SideNav/Details/index.js +2 -2
  76. package/components/SideNav/Links/CmsSwitchLink.jsx +32 -32
  77. package/components/SideNav/Links/NavItemInline.jsx +44 -44
  78. package/components/SideNav/Links/NavLinkContainer.jsx +27 -25
  79. package/components/SideNav/Links/NavLinkDrawer.jsx +267 -231
  80. package/components/SideNav/Links/NavLinkInline.jsx +94 -92
  81. package/components/SideNav/Links/NavLinkToggle.jsx +25 -25
  82. package/components/SideNav/Links/index.js +10 -10
  83. package/components/SideNav/SideNav.stories.js +320 -288
  84. package/components/SideNav/UI/SideNavUI.jsx +321 -301
  85. package/components/SideNav/UI/index.js +1 -1
  86. package/components/SideNav/helpers.js +33 -33
  87. package/components/SideNav/index.js +46 -46
  88. package/components/Spinner/index.js +6 -6
  89. package/components/Tabs/Tab.js +19 -19
  90. package/components/Tabs/TabPanel.js +31 -24
  91. package/components/Tabs/Tabs.stories.js +118 -108
  92. package/components/Tabs/index.js +81 -76
  93. package/components/TextField/TextField.stories.js +103 -0
  94. package/components/TextField/index.jsx +80 -0
  95. package/components/TextInput/TextInput.stories.js +84 -84
  96. package/components/TextInput/index.js +123 -123
  97. package/components/Tooltip/Tooltip.jsx +57 -57
  98. package/components/Tooltip/Tooltip.stories.js +50 -50
  99. package/components/Tooltip/index.js +1 -1
  100. package/components/Tooltip/position.js +42 -34
  101. package/components/UnwrappedSpinner/index.js +5 -5
  102. package/components/hooks/useGetConfig.js +64 -55
  103. package/components/index.js +129 -121
  104. package/coverage/clover.xml +368 -331
  105. package/coverage/coverage-final.json +57 -54
  106. package/coverage/lcov-report/InputLabel/index.html +116 -0
  107. package/coverage/lcov-report/InputLabel/index.jsx.html +214 -0
  108. package/coverage/lcov-report/Select/index.html +116 -0
  109. package/coverage/lcov-report/Select/index.jsx.html +391 -0
  110. package/coverage/lcov-report/Textfield/index.html +116 -0
  111. package/coverage/lcov-report/Textfield/index.jsx.html +322 -0
  112. package/coverage/lcov-report/index.html +54 -9
  113. package/coverage/lcov-report/react/components/Accordion/index.html +1 -1
  114. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +84 -78
  115. package/coverage/lcov-report/react/components/Button/index.html +1 -1
  116. package/coverage/lcov-report/react/components/Button/index.js.html +66 -66
  117. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +87 -72
  118. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +23 -23
  119. package/coverage/lcov-report/react/components/Error/error.js.html +21 -21
  120. package/coverage/lcov-report/react/components/Error/index.html +1 -1
  121. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +290 -254
  122. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +212 -182
  123. package/coverage/lcov-report/react/components/Footer/SocialLinks.jsx.html +66 -57
  124. package/coverage/lcov-report/react/components/Footer/Subscribe.jsx.html +30 -30
  125. package/coverage/lcov-report/react/components/Footer/footer.js.html +22 -22
  126. package/coverage/lcov-report/react/components/Footer/index.html +1 -1
  127. package/coverage/lcov-report/react/components/Header/HeaderAccountMenu.jsx.html +193 -151
  128. package/coverage/lcov-report/react/components/Header/HeaderCancel.jsx.html +9 -9
  129. package/coverage/lcov-report/react/components/Header/HeaderContainer.jsx.html +60 -45
  130. package/coverage/lcov-report/react/components/Header/HeaderLogo.jsx.html +36 -36
  131. package/coverage/lcov-report/react/components/Header/HeaderMenuButton.js.html +40 -40
  132. package/coverage/lcov-report/react/components/Header/HeaderMenuItem.jsx.html +348 -207
  133. package/coverage/lcov-report/react/components/Header/HeaderMenuLink.js.html +38 -38
  134. package/coverage/lcov-report/react/components/Header/HeaderMenuSignOutButton.js.html +51 -51
  135. package/coverage/lcov-report/react/components/Header/HeaderMobileButton.js.html +30 -30
  136. package/coverage/lcov-report/react/components/Header/HeaderUI.jsx.html +201 -150
  137. package/coverage/lcov-report/react/components/Header/HelpIcon.jsx.html +16 -16
  138. package/coverage/lcov-report/react/components/Header/ImpersonatorBanner.jsx.html +58 -49
  139. package/coverage/lcov-report/react/components/Header/NavigationButtonIcon.jsx.html +22 -22
  140. package/coverage/lcov-report/react/components/Header/header.js.html +42 -36
  141. package/coverage/lcov-report/react/components/Header/hooks.js.html +58 -37
  142. package/coverage/lcov-report/react/components/Header/index.html +1 -1
  143. package/coverage/lcov-report/react/components/Header/utag-helpers.js.html +9 -9
  144. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +49 -49
  145. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +31 -31
  146. package/coverage/lcov-report/react/components/Infotip/index.html +1 -1
  147. package/coverage/lcov-report/react/components/Infotip/index.js.html +2 -2
  148. package/coverage/lcov-report/react/components/InputLabel/index.html +116 -0
  149. package/coverage/lcov-report/react/components/InputLabel/index.jsx.html +214 -0
  150. package/coverage/lcov-report/react/components/Modal/LegacyModal.jsx.html +62 -56
  151. package/coverage/lcov-report/react/components/Modal/Modal.jsx.html +122 -122
  152. package/coverage/lcov-report/react/components/Modal/index.html +1 -1
  153. package/coverage/lcov-report/react/components/Modal/index.jsx.html +12 -12
  154. package/coverage/lcov-report/react/components/NotificationBanner/index.html +1 -1
  155. package/coverage/lcov-report/react/components/NotificationBanner/index.js.html +269 -227
  156. package/coverage/lcov-report/react/components/Pagination/index.html +1 -1
  157. package/coverage/lcov-report/react/components/Pagination/index.jsx.html +195 -162
  158. package/coverage/lcov-report/react/components/SanitizedContent/index.html +1 -1
  159. package/coverage/lcov-report/react/components/SanitizedContent/index.jsx.html +184 -184
  160. package/coverage/lcov-report/react/components/Select/index.html +116 -0
  161. package/coverage/lcov-report/react/components/Select/index.jsx.html +391 -0
  162. package/coverage/lcov-report/react/components/SessionDialog/index.html +1 -1
  163. package/coverage/lcov-report/react/components/SessionDialog/sessionDialog.js.html +21 -21
  164. package/coverage/lcov-report/react/components/SessionDialogUI.jsx.html +257 -221
  165. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +25 -19
  166. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/index.html +1 -1
  167. package/coverage/lcov-report/react/components/SideNav/Chart/ScoreChart.jsx.html +261 -234
  168. package/coverage/lcov-report/react/components/SideNav/Chart/index.html +1 -1
  169. package/coverage/lcov-report/react/components/SideNav/Chart/index.js.html +2 -2
  170. package/coverage/lcov-report/react/components/SideNav/Content/LevelOneContent.jsx.html +197 -185
  171. package/coverage/lcov-report/react/components/SideNav/Content/LevelTwoContent.jsx.html +236 -197
  172. package/coverage/lcov-report/react/components/SideNav/Content/index.html +1 -1
  173. package/coverage/lcov-report/react/components/SideNav/Content/index.js.html +3 -3
  174. package/coverage/lcov-report/react/components/SideNav/Details/IndividualDetails.jsx.html +11 -11
  175. package/coverage/lcov-report/react/components/SideNav/Details/PracticeDetails.jsx.html +42 -36
  176. package/coverage/lcov-report/react/components/SideNav/Details/index.html +1 -1
  177. package/coverage/lcov-report/react/components/SideNav/Details/index.js.html +3 -3
  178. package/coverage/lcov-report/react/components/SideNav/Links/CmsSwitchLink.jsx.html +33 -33
  179. package/coverage/lcov-report/react/components/SideNav/Links/NavItemInline.jsx.html +45 -45
  180. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkContainer.jsx.html +33 -27
  181. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkDrawer.jsx.html +323 -215
  182. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkInline.jsx.html +100 -94
  183. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkToggle.jsx.html +26 -26
  184. package/coverage/lcov-report/react/components/SideNav/Links/index.html +1 -1
  185. package/coverage/lcov-report/react/components/SideNav/Links/index.js.html +11 -11
  186. package/coverage/lcov-report/react/components/SideNav/UI/SideNavUI.jsx.html +363 -303
  187. package/coverage/lcov-report/react/components/SideNav/UI/index.html +1 -1
  188. package/coverage/lcov-report/react/components/SideNav/UI/index.js.html +2 -2
  189. package/coverage/lcov-report/react/components/SideNav/helpers.js.html +34 -34
  190. package/coverage/lcov-report/react/components/SideNav/index.html +1 -1
  191. package/coverage/lcov-report/react/components/SideNav/index.js.html +47 -47
  192. package/coverage/lcov-report/react/components/Textfield/index.html +116 -0
  193. package/coverage/lcov-report/react/components/Textfield/index.jsx.html +322 -0
  194. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +58 -58
  195. package/coverage/lcov-report/react/components/Tooltip/index.html +1 -1
  196. package/coverage/lcov-report/react/components/Tooltip/index.js.html +2 -2
  197. package/coverage/lcov-report/react/components/Tooltip/position.js.html +60 -36
  198. package/coverage/lcov-report/react/components/hooks/index.html +1 -1
  199. package/coverage/lcov-report/react/components/hooks/useGetConfig.js.html +84 -57
  200. package/coverage/lcov-report/react/components/index.html +1 -1
  201. package/coverage/lcov-report/react/index.html +1 -1
  202. package/coverage/lcov-report/react/index.js.html +1 -1
  203. package/coverage/lcov-report/react/lib/Chevron.jsx.html +1 -1
  204. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +1 -1
  205. package/coverage/lcov-report/react/lib/index.html +1 -1
  206. package/coverage/lcov-report/react/lib/svg-definitions.svg.html +1 -1
  207. package/coverage/lcov-report/react/session/index.html +1 -1
  208. package/coverage/lcov-report/react/session/index.js.html +1 -1
  209. package/coverage/lcov-report/react/session/logout.js.html +1 -1
  210. package/coverage/lcov-report/react/session/refresh.js.html +1 -1
  211. package/coverage/lcov-report/react/session/ttl.js.html +1 -1
  212. package/coverage/lcov.info +855 -779
  213. package/dist/browser.js +1 -1
  214. package/dist/index.js +1 -1
  215. package/dist/react/index.js +16 -16
  216. package/dist/react/index.js.LICENSE.txt +1 -1
  217. package/dist/react/index.js.map +1 -1
  218. package/package.json +16 -9
  219. package/styles/qppds/components/_button.scss +29 -1
  220. package/test/components/Accordion.test.js +10 -10
  221. package/test/components/ErrorUI.test.js +29 -30
  222. package/test/components/FooterUI.test.js +82 -80
  223. package/test/components/HeaderUI.test.js +42 -38
  224. package/test/components/Infotip.test.js +64 -61
  225. package/test/components/Pagination.test.js +50 -50
  226. package/test/components/Select.test.js +113 -0
  227. package/test/components/SessionDialogUI.test.js +302 -294
  228. package/test/components/SideNavUI.test.js +19 -19
  229. package/test/components/TextField.test.js +50 -0
  230. package/test/components/Tooltip.test.js +133 -133
  231. package/test/index.test.js +6 -6
  232. package/test/session/session.test.js +200 -200
  233. package/storybook-static/0.5651be4a8d0b1984a772.manager.bundle.js +0 -2
  234. package/storybook-static/0.5651be4a8d0b1984a772.manager.bundle.js.LICENSE.txt +0 -8
  235. package/storybook-static/0.ce0ed568.iframe.bundle.js +0 -1
  236. package/storybook-static/1.1b179d27.iframe.bundle.js +0 -3
  237. package/storybook-static/1.1b179d27.iframe.bundle.js.LICENSE.txt +0 -8
  238. package/storybook-static/1.1b179d27.iframe.bundle.js.map +0 -1
  239. package/storybook-static/1.c46d7d065aa0aa5a87ca.manager.bundle.js +0 -1
  240. package/storybook-static/10.99011d85.iframe.bundle.js +0 -3
  241. package/storybook-static/10.99011d85.iframe.bundle.js.LICENSE.txt +0 -11
  242. package/storybook-static/10.99011d85.iframe.bundle.js.map +0 -1
  243. package/storybook-static/2.35ddc55d.iframe.bundle.js +0 -1
  244. package/storybook-static/3.ed97833d.iframe.bundle.js +0 -1
  245. package/storybook-static/5.333e450fad8648669908.manager.bundle.js +0 -1
  246. package/storybook-static/6.505ea3c696ed314e90c8.manager.bundle.js +0 -2
  247. package/storybook-static/6.505ea3c696ed314e90c8.manager.bundle.js.LICENSE.txt +0 -12
  248. package/storybook-static/7.94be8178.iframe.bundle.js +0 -1
  249. package/storybook-static/7.d26483fcb6f4087398a8.manager.bundle.js +0 -1
  250. package/storybook-static/8.68cd1217.iframe.bundle.js +0 -3
  251. package/storybook-static/8.68cd1217.iframe.bundle.js.LICENSE.txt +0 -12
  252. package/storybook-static/8.68cd1217.iframe.bundle.js.map +0 -1
  253. package/storybook-static/8.7adf0ef161215cd35a66.manager.bundle.js +0 -1
  254. package/storybook-static/9.488e3969.iframe.bundle.js +0 -1
  255. package/storybook-static/fonts/FontAwesome.otf +0 -0
  256. package/storybook-static/fonts/OFL.txt +0 -92
  257. package/storybook-static/fonts/Rubik-Black.ttf +0 -0
  258. package/storybook-static/fonts/Rubik-BlackItalic.ttf +0 -0
  259. package/storybook-static/fonts/Rubik-Bold.ttf +0 -0
  260. package/storybook-static/fonts/Rubik-BoldItalic.ttf +0 -0
  261. package/storybook-static/fonts/Rubik-Italic.ttf +0 -0
  262. package/storybook-static/fonts/Rubik-Light.ttf +0 -0
  263. package/storybook-static/fonts/Rubik-LightItalic.ttf +0 -0
  264. package/storybook-static/fonts/Rubik-Medium.ttf +0 -0
  265. package/storybook-static/fonts/Rubik-MediumItalic.ttf +0 -0
  266. package/storybook-static/fonts/Rubik-Regular.ttf +0 -0
  267. package/storybook-static/fonts/fontawesome-webfont.eot +0 -0
  268. package/storybook-static/fonts/fontawesome-webfont.svg +0 -2671
  269. package/storybook-static/fonts/fontawesome-webfont.ttf +0 -0
  270. package/storybook-static/fonts/fontawesome-webfont.woff +0 -0
  271. package/storybook-static/fonts/fontawesome-webfont.woff2 +0 -0
  272. package/storybook-static/iframe.html +0 -348
  273. package/storybook-static/images/favicon/android-chrome-192x192.png +0 -0
  274. package/storybook-static/images/favicon/android-chrome-256x256.png +0 -0
  275. package/storybook-static/images/favicon/apple-touch-icon.png +0 -0
  276. package/storybook-static/images/favicon/browserconfig.xml +0 -9
  277. package/storybook-static/images/favicon/favicon-16x16.png +0 -0
  278. package/storybook-static/images/favicon/favicon-32x32.png +0 -0
  279. package/storybook-static/images/favicon/favicon.ico +0 -0
  280. package/storybook-static/images/favicon/manifest.json +0 -18
  281. package/storybook-static/images/favicon/mstile-150x150.png +0 -0
  282. package/storybook-static/images/favicon/safari-pinned-tab.svg +0 -32
  283. package/storybook-static/images/hhs-logo-black.svg +0 -10
  284. package/storybook-static/images/hhs-logo-white.svg +0 -10
  285. package/storybook-static/images/icons/close-x.svg +0 -6
  286. package/storybook-static/images/icons/help-headset.svg +0 -21
  287. package/storybook-static/images/icons/svg/arrow-down.svg +0 -1
  288. package/storybook-static/images/icons/svg/arrow-download.svg +0 -1
  289. package/storybook-static/images/icons/svg/arrow-right.svg +0 -1
  290. package/storybook-static/images/icons/svg/calendar.svg +0 -1
  291. package/storybook-static/images/icons/svg/close.svg +0 -1
  292. package/storybook-static/images/icons/svg/download.svg +0 -1
  293. package/storybook-static/images/icons/svg/external.svg +0 -1
  294. package/storybook-static/images/icons/svg/file-upload.svg +0 -1
  295. package/storybook-static/images/icons/svg/print.svg +0 -1
  296. package/storybook-static/images/icons/svg/search.svg +0 -7
  297. package/storybook-static/images/icons/svg/tooltip-question.svg +0 -6
  298. package/storybook-static/images/icons/svg/trash.svg +0 -1
  299. package/storybook-static/images/icons/svg/upload.svg +0 -1
  300. package/storybook-static/images/qpp_logo_reversed.png +0 -0
  301. package/storybook-static/images/qpp_logo_rgb_color.png +0 -0
  302. package/storybook-static/index.html +0 -59
  303. package/storybook-static/main.5ae8041695a4f0c06f75.manager.bundle.js +0 -1
  304. package/storybook-static/main.ee2cae16.iframe.bundle.js +0 -1
  305. package/storybook-static/runtime~main.7eeb017b9a4ce6a70a00.manager.bundle.js +0 -1
  306. package/storybook-static/runtime~main.e2794f2d.iframe.bundle.js +0 -1
  307. package/storybook-static/static/media/Bitter-Bold.091bd4b7.woff +0 -0
  308. package/storybook-static/static/media/Bitter-Bold.24bf01e4.woff2 +0 -0
  309. package/storybook-static/static/media/Bitter-Bold.46bc29e4.ttf +0 -0
  310. package/storybook-static/static/media/Bitter-Bold.790f4f2f.eot +0 -0
  311. package/storybook-static/static/media/Bitter-Italic.1fa5390c.eot +0 -0
  312. package/storybook-static/static/media/Bitter-Italic.25e5675f.woff +0 -0
  313. package/storybook-static/static/media/Bitter-Italic.2eb18f5a.ttf +0 -0
  314. package/storybook-static/static/media/Bitter-Italic.34644574.woff2 +0 -0
  315. package/storybook-static/static/media/Bitter-Regular.4b22b6e8.woff +0 -0
  316. package/storybook-static/static/media/Bitter-Regular.559e7075.eot +0 -0
  317. package/storybook-static/static/media/Bitter-Regular.8db0301b.ttf +0 -0
  318. package/storybook-static/static/media/Bitter-Regular.f4e2f1f1.woff2 +0 -0
  319. package/storybook-static/static/media/FontAwesome.91f80bba.otf +0 -0
  320. package/storybook-static/static/media/OpenSans-Bold-webfont.202d819d.eot +0 -0
  321. package/storybook-static/static/media/OpenSans-Bold-webfont.92e570c6.woff2 +0 -0
  322. package/storybook-static/static/media/OpenSans-Bold-webfont.da71e99a.ttf +0 -0
  323. package/storybook-static/static/media/OpenSans-Bold-webfont.e75949bb.woff +0 -0
  324. package/storybook-static/static/media/OpenSans-Italic-webfont.72daa33a.woff2 +0 -0
  325. package/storybook-static/static/media/OpenSans-Italic-webfont.74ead3a8.woff +0 -0
  326. package/storybook-static/static/media/OpenSans-Italic-webfont.ae19388f.eot +0 -0
  327. package/storybook-static/static/media/OpenSans-Italic-webfont.ec7a2746.ttf +0 -0
  328. package/storybook-static/static/media/OpenSans-Regular-webfont.63a5fa7d.woff +0 -0
  329. package/storybook-static/static/media/OpenSans-Regular-webfont.66451be4.ttf +0 -0
  330. package/storybook-static/static/media/OpenSans-Regular-webfont.7882d20f.eot +0 -0
  331. package/storybook-static/static/media/OpenSans-Regular-webfont.ca4dd835.woff2 +0 -0
  332. package/storybook-static/static/media/OpenSans-Semibold-webfont.17ded75f.woff2 +0 -0
  333. package/storybook-static/static/media/OpenSans-Semibold-webfont.2a5adf6c.woff +0 -0
  334. package/storybook-static/static/media/OpenSans-Semibold-webfont.6059fecb.ttf +0 -0
  335. package/storybook-static/static/media/OpenSans-Semibold-webfont.c9808185.eot +0 -0
  336. package/storybook-static/static/media/Rubik-Bold.31bbd4d2.ttf +0 -0
  337. package/storybook-static/static/media/Rubik-Light.c90e2014.ttf +0 -0
  338. package/storybook-static/static/media/Rubik-Medium.5daa89aa.ttf +0 -0
  339. package/storybook-static/static/media/Rubik-Regular.cdf97d58.ttf +0 -0
  340. package/storybook-static/static/media/fontawesome-webfont.1e59d233.ttf +0 -0
  341. package/storybook-static/static/media/fontawesome-webfont.20fd1704.woff2 +0 -0
  342. package/storybook-static/static/media/fontawesome-webfont.8b43027f.eot +0 -0
  343. package/storybook-static/static/media/fontawesome-webfont.f691f37e.woff +0 -0
  344. package/storybook-static/vendors~main.c7e1bdf2e91d9cdba380.manager.bundle.js +0 -2
  345. package/storybook-static/vendors~main.c7e1bdf2e91d9cdba380.manager.bundle.js.LICENSE.txt +0 -104
  346. package/storybook-static/vendors~main.f299a23f.iframe.bundle.js +0 -76
  347. package/storybook-static/vendors~main.f299a23f.iframe.bundle.js.LICENSE.txt +0 -145
  348. package/storybook-static/vendors~main.f299a23f.iframe.bundle.js.map +0 -1
package/coverage/lcov-report/react/components/Textfield/index.jsx.html ADDED
@@ -0,0 +1,322 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for react/components/Textfield/index.jsx</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">react/components/Textfield</a> index.jsx</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">100% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>5/5</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">100% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>6/6</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">100% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>1/1</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">100% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>5/5</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input oninput="onInput()" type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line high'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a>
72
+ <a name='L7'></a><a href='#L7'>7</a>
73
+ <a name='L8'></a><a href='#L8'>8</a>
74
+ <a name='L9'></a><a href='#L9'>9</a>
75
+ <a name='L10'></a><a href='#L10'>10</a>
76
+ <a name='L11'></a><a href='#L11'>11</a>
77
+ <a name='L12'></a><a href='#L12'>12</a>
78
+ <a name='L13'></a><a href='#L13'>13</a>
79
+ <a name='L14'></a><a href='#L14'>14</a>
80
+ <a name='L15'></a><a href='#L15'>15</a>
81
+ <a name='L16'></a><a href='#L16'>16</a>
82
+ <a name='L17'></a><a href='#L17'>17</a>
83
+ <a name='L18'></a><a href='#L18'>18</a>
84
+ <a name='L19'></a><a href='#L19'>19</a>
85
+ <a name='L20'></a><a href='#L20'>20</a>
86
+ <a name='L21'></a><a href='#L21'>21</a>
87
+ <a name='L22'></a><a href='#L22'>22</a>
88
+ <a name='L23'></a><a href='#L23'>23</a>
89
+ <a name='L24'></a><a href='#L24'>24</a>
90
+ <a name='L25'></a><a href='#L25'>25</a>
91
+ <a name='L26'></a><a href='#L26'>26</a>
92
+ <a name='L27'></a><a href='#L27'>27</a>
93
+ <a name='L28'></a><a href='#L28'>28</a>
94
+ <a name='L29'></a><a href='#L29'>29</a>
95
+ <a name='L30'></a><a href='#L30'>30</a>
96
+ <a name='L31'></a><a href='#L31'>31</a>
97
+ <a name='L32'></a><a href='#L32'>32</a>
98
+ <a name='L33'></a><a href='#L33'>33</a>
99
+ <a name='L34'></a><a href='#L34'>34</a>
100
+ <a name='L35'></a><a href='#L35'>35</a>
101
+ <a name='L36'></a><a href='#L36'>36</a>
102
+ <a name='L37'></a><a href='#L37'>37</a>
103
+ <a name='L38'></a><a href='#L38'>38</a>
104
+ <a name='L39'></a><a href='#L39'>39</a>
105
+ <a name='L40'></a><a href='#L40'>40</a>
106
+ <a name='L41'></a><a href='#L41'>41</a>
107
+ <a name='L42'></a><a href='#L42'>42</a>
108
+ <a name='L43'></a><a href='#L43'>43</a>
109
+ <a name='L44'></a><a href='#L44'>44</a>
110
+ <a name='L45'></a><a href='#L45'>45</a>
111
+ <a name='L46'></a><a href='#L46'>46</a>
112
+ <a name='L47'></a><a href='#L47'>47</a>
113
+ <a name='L48'></a><a href='#L48'>48</a>
114
+ <a name='L49'></a><a href='#L49'>49</a>
115
+ <a name='L50'></a><a href='#L50'>50</a>
116
+ <a name='L51'></a><a href='#L51'>51</a>
117
+ <a name='L52'></a><a href='#L52'>52</a>
118
+ <a name='L53'></a><a href='#L53'>53</a>
119
+ <a name='L54'></a><a href='#L54'>54</a>
120
+ <a name='L55'></a><a href='#L55'>55</a>
121
+ <a name='L56'></a><a href='#L56'>56</a>
122
+ <a name='L57'></a><a href='#L57'>57</a>
123
+ <a name='L58'></a><a href='#L58'>58</a>
124
+ <a name='L59'></a><a href='#L59'>59</a>
125
+ <a name='L60'></a><a href='#L60'>60</a>
126
+ <a name='L61'></a><a href='#L61'>61</a>
127
+ <a name='L62'></a><a href='#L62'>62</a>
128
+ <a name='L63'></a><a href='#L63'>63</a>
129
+ <a name='L64'></a><a href='#L64'>64</a>
130
+ <a name='L65'></a><a href='#L65'>65</a>
131
+ <a name='L66'></a><a href='#L66'>66</a>
132
+ <a name='L67'></a><a href='#L67'>67</a>
133
+ <a name='L68'></a><a href='#L68'>68</a>
134
+ <a name='L69'></a><a href='#L69'>69</a>
135
+ <a name='L70'></a><a href='#L70'>70</a>
136
+ <a name='L71'></a><a href='#L71'>71</a>
137
+ <a name='L72'></a><a href='#L72'>72</a>
138
+ <a name='L73'></a><a href='#L73'>73</a>
139
+ <a name='L74'></a><a href='#L74'>74</a>
140
+ <a name='L75'></a><a href='#L75'>75</a>
141
+ <a name='L76'></a><a href='#L76'>76</a>
142
+ <a name='L77'></a><a href='#L77'>77</a>
143
+ <a name='L78'></a><a href='#L78'>78</a>
144
+ <a name='L79'></a><a href='#L79'>79</a>
145
+ <a name='L80'></a><a href='#L80'>80</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
146
+ <span class="cline-any cline-neutral">&nbsp;</span>
147
+ <span class="cline-any cline-neutral">&nbsp;</span>
148
+ <span class="cline-any cline-neutral">&nbsp;</span>
149
+ <span class="cline-any cline-neutral">&nbsp;</span>
150
+ <span class="cline-any cline-neutral">&nbsp;</span>
151
+ <span class="cline-any cline-yes">1x</span>
152
+ <span class="cline-any cline-neutral">&nbsp;</span>
153
+ <span class="cline-any cline-neutral">&nbsp;</span>
154
+ <span class="cline-any cline-neutral">&nbsp;</span>
155
+ <span class="cline-any cline-neutral">&nbsp;</span>
156
+ <span class="cline-any cline-neutral">&nbsp;</span>
157
+ <span class="cline-any cline-neutral">&nbsp;</span>
158
+ <span class="cline-any cline-neutral">&nbsp;</span>
159
+ <span class="cline-any cline-neutral">&nbsp;</span>
160
+ <span class="cline-any cline-neutral">&nbsp;</span>
161
+ <span class="cline-any cline-neutral">&nbsp;</span>
162
+ <span class="cline-any cline-neutral">&nbsp;</span>
163
+ <span class="cline-any cline-neutral">&nbsp;</span>
164
+ <span class="cline-any cline-neutral">&nbsp;</span>
165
+ <span class="cline-any cline-neutral">&nbsp;</span>
166
+ <span class="cline-any cline-neutral">&nbsp;</span>
167
+ <span class="cline-any cline-neutral">&nbsp;</span>
168
+ <span class="cline-any cline-neutral">&nbsp;</span>
169
+ <span class="cline-any cline-neutral">&nbsp;</span>
170
+ <span class="cline-any cline-neutral">&nbsp;</span>
171
+ <span class="cline-any cline-neutral">&nbsp;</span>
172
+ <span class="cline-any cline-neutral">&nbsp;</span>
173
+ <span class="cline-any cline-neutral">&nbsp;</span>
174
+ <span class="cline-any cline-neutral">&nbsp;</span>
175
+ <span class="cline-any cline-neutral">&nbsp;</span>
176
+ <span class="cline-any cline-neutral">&nbsp;</span>
177
+ <span class="cline-any cline-neutral">&nbsp;</span>
178
+ <span class="cline-any cline-neutral">&nbsp;</span>
179
+ <span class="cline-any cline-neutral">&nbsp;</span>
180
+ <span class="cline-any cline-neutral">&nbsp;</span>
181
+ <span class="cline-any cline-yes">1x</span>
182
+ <span class="cline-any cline-neutral">&nbsp;</span>
183
+ <span class="cline-any cline-neutral">&nbsp;</span>
184
+ <span class="cline-any cline-neutral">&nbsp;</span>
185
+ <span class="cline-any cline-neutral">&nbsp;</span>
186
+ <span class="cline-any cline-neutral">&nbsp;</span>
187
+ <span class="cline-any cline-neutral">&nbsp;</span>
188
+ <span class="cline-any cline-neutral">&nbsp;</span>
189
+ <span class="cline-any cline-neutral">&nbsp;</span>
190
+ <span class="cline-any cline-yes">2x</span>
191
+ <span class="cline-any cline-yes">2x</span>
192
+ <span class="cline-any cline-neutral">&nbsp;</span>
193
+ <span class="cline-any cline-neutral">&nbsp;</span>
194
+ <span class="cline-any cline-neutral">&nbsp;</span>
195
+ <span class="cline-any cline-neutral">&nbsp;</span>
196
+ <span class="cline-any cline-neutral">&nbsp;</span>
197
+ <span class="cline-any cline-neutral">&nbsp;</span>
198
+ <span class="cline-any cline-neutral">&nbsp;</span>
199
+ <span class="cline-any cline-neutral">&nbsp;</span>
200
+ <span class="cline-any cline-neutral">&nbsp;</span>
201
+ <span class="cline-any cline-neutral">&nbsp;</span>
202
+ <span class="cline-any cline-neutral">&nbsp;</span>
203
+ <span class="cline-any cline-neutral">&nbsp;</span>
204
+ <span class="cline-any cline-neutral">&nbsp;</span>
205
+ <span class="cline-any cline-neutral">&nbsp;</span>
206
+ <span class="cline-any cline-neutral">&nbsp;</span>
207
+ <span class="cline-any cline-neutral">&nbsp;</span>
208
+ <span class="cline-any cline-neutral">&nbsp;</span>
209
+ <span class="cline-any cline-neutral">&nbsp;</span>
210
+ <span class="cline-any cline-neutral">&nbsp;</span>
211
+ <span class="cline-any cline-neutral">&nbsp;</span>
212
+ <span class="cline-any cline-neutral">&nbsp;</span>
213
+ <span class="cline-any cline-neutral">&nbsp;</span>
214
+ <span class="cline-any cline-yes">1x</span>
215
+ <span class="cline-any cline-neutral">&nbsp;</span>
216
+ <span class="cline-any cline-neutral">&nbsp;</span>
217
+ <span class="cline-any cline-neutral">&nbsp;</span>
218
+ <span class="cline-any cline-neutral">&nbsp;</span>
219
+ <span class="cline-any cline-neutral">&nbsp;</span>
220
+ <span class="cline-any cline-neutral">&nbsp;</span>
221
+ <span class="cline-any cline-neutral">&nbsp;</span>
222
+ <span class="cline-any cline-neutral">&nbsp;</span>
223
+ <span class="cline-any cline-neutral">&nbsp;</span>
224
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
225
+ import { FormControl, TextField as MUITextField } from "@mui/material";
226
+ import { makeStyles } from "@mui/styles";
227
+ import InputLabel from "../InputLabel";
228
+ import PropTypes from "prop-types";
229
+ &nbsp;
230
+ const useStyles = makeStyles({
231
+ asterisk: {
232
+ color: "#D92F2F",
233
+ },
234
+ select: {
235
+ borderRadius: 3,
236
+ height: 40, //there's a .13 coming from somewhere.
237
+ border: "1px solid #DDDDDD",
238
+ // remove weird line break from legend
239
+ "&amp; .MuiOutlinedInput-notchedOutline": {
240
+ "&amp; legend": {
241
+ width: 0,
242
+ },
243
+ },
244
+ "&amp; .MuiOutlinedInput-root": {
245
+ borderRadius: 3,
246
+ },
247
+ // input base selector
248
+ "&amp; .MuiInputBase-input": {
249
+ fontFamily: "Rubik",
250
+ fontSize: 14,
251
+ borderRadius: 3,
252
+ padding: "9px 14px",
253
+ "&amp;::placeholder": {
254
+ opacity: 1,
255
+ },
256
+ },
257
+ },
258
+ // add a little space
259
+ });
260
+ const TextField = ({
261
+ id,
262
+ error = false,
263
+ helperText = undefined,
264
+ required = false,
265
+ disabled = false,
266
+ label,
267
+ ...rest
268
+ }) =&gt; {
269
+ const classes = useStyles();
270
+ return (
271
+ &lt;FormControl fullWidth error={error}&gt;
272
+ &lt;InputLabel
273
+ disabled={disabled}
274
+ shrink
275
+ required={required}
276
+ error={error}
277
+ htmlFor={id}
278
+ &gt;
279
+ {label}
280
+ &lt;/InputLabel&gt;
281
+ &lt;MUITextField
282
+ className={classes.select}
283
+ label={null}
284
+ {...rest}
285
+ disabled={disabled}
286
+ id={id}
287
+ /&gt;
288
+ {helperText &amp;&amp; helperText}
289
+ &lt;/FormControl&gt;
290
+ );
291
+ };
292
+ &nbsp;
293
+ TextField.propTypes = {
294
+ id: PropTypes.string,
295
+ error: PropTypes.bool,
296
+ helperText: PropTypes.string,
297
+ required: PropTypes.bool,
298
+ disabled: PropTypes.bool,
299
+ placeholder: PropTypes.string, // expects placeholder objects of { name: value } and inserts into the render item function.
300
+ label: PropTypes.string,
301
+ };
302
+ export default TextField;
303
+ &nbsp;</pre></td></tr></table></pre>
304
+
305
+ <div class='push'></div><!-- for sticky footer -->
306
+ </div><!-- /wrapper -->
307
+ <div class='footer quiet pad2 space-top1 center small'>
308
+ Code coverage generated by
309
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
310
+ at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
311
+ </div>
312
+ <script src="../../../prettify.js"></script>
313
+ <script>
314
+ window.onload = function () {
315
+ prettyPrint();
316
+ };
317
+ </script>
318
+ <script src="../../../sorter.js"></script>
319
+ <script src="../../../block-navigation.js"></script>
320
+ </body>
321
+ </html>
322
+
package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html CHANGED
@@ -239,16 +239,16 @@
239
239
  <span class="cline-any cline-neutral">&nbsp;</span>
240
240
  <span class="cline-any cline-neutral">&nbsp;</span>
241
241
  <span class="cline-any cline-neutral">&nbsp;</span>
242
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { cloneElement, useLayoutEffect, useRef } from 'react';
243
- import PropTypes from 'prop-types';
244
- import positionTip, { positionTriangle } from './position';
245
- import { useTooltip, TooltipPopup } from '@reach/tooltip';
246
- import Portal from '@reach/portal';
242
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { cloneElement, useLayoutEffect, useRef } from "react";
243
+ import PropTypes from "prop-types";
244
+ import positionTip, { positionTriangle } from "./position";
245
+ import { useTooltip, TooltipPopup } from "@reach/tooltip";
246
+ import Portal from "@reach/portal";
247
247
  &nbsp;
248
248
  // TODO: investigate ways to allow more styling via css? the triangle
249
249
  // positioning effect issue may need to be resolved to allow for this.
250
- const TEXT_COLOR = '#FFF';
251
- const BACKGROUND_COLOR = '#333';
250
+ const TEXT_COLOR = "#FFF";
251
+ const BACKGROUND_COLOR = "#333";
252
252
  &nbsp;
253
253
  /**
254
254
  * Generic styled tooltip component.
@@ -258,20 +258,20 @@ const BACKGROUND_COLOR = '#333';
258
258
  * https://reacttraining.com/reach-ui/tooltip
259
259
  */
260
260
  const Tooltip = ({ children, label, ariaLabel, DEBUG_STYLE }) =&gt; {
261
- const [trigger, tooltip] = useTooltip({ DEBUG_STYLE });
262
- const { isVisible, triggerRect } = tooltip;
263
- const tooltipPopupRef = useRef();
264
- const triangleRef = useRef();
261
+ const [trigger, tooltip] = useTooltip({ DEBUG_STYLE });
262
+ const { isVisible, triggerRect } = tooltip;
263
+ const tooltipPopupRef = useRef();
264
+ const triangleRef = useRef();
265
265
  &nbsp;
266
- useLayoutEffect(() =&gt; {
267
- // For some reason, the forwardRef for the tooltipPopup points to an undefined
268
- // dom element when we first render the portal containing the triangle. Using
269
- // an effect here will ensure that the ref is available when applying styles.
270
- // TODO: investigate and make issue for @reach-ui/tooltip?
271
- if (isVisible &amp;&amp; tooltipPopupRef.current &amp;&amp; triggerRect) {
272
- const tooltipRect = tooltipPopupRef.current.getBoundingClientRect();
273
- const positionCssText = positionTriangle(triggerRect, tooltipRect);
274
- const cssText = `
266
+ useLayoutEffect(() =&gt; {
267
+ // For some reason, the forwardRef for the tooltipPopup points to an undefined
268
+ // dom element when we first render the portal containing the triangle. Using
269
+ // an effect here will ensure that the ref is available when applying styles.
270
+ // TODO: investigate and make issue for @reach-ui/tooltip?
271
+ if (isVisible &amp;&amp; tooltipPopupRef.current &amp;&amp; triggerRect) {
272
+ const tooltipRect = tooltipPopupRef.current.getBoundingClientRect();
273
+ const positionCssText = positionTriangle(triggerRect, tooltipRect);
274
+ const cssText = `
275
275
  position: absolute;
276
276
  width: 0;
277
277
  height: 0;
@@ -280,50 +280,50 @@ const Tooltip = ({ children, label, ariaLabel, DEBUG_STYLE }) =&gt; {
280
280
  border-bottom-color: ${BACKGROUND_COLOR};
281
281
  z-index: 1;
282
282
  `;
283
- triangleRef.current.style.cssText = cssText;
284
- }
285
- });
283
+ triangleRef.current.style.cssText = cssText;
284
+ }
285
+ });
286
286
  &nbsp;
287
- return (
288
- &lt;&gt;
289
- {cloneElement(children, trigger)}
290
- &lt;TooltipPopup
291
- {...tooltip}
292
- label={label}
293
- ariaLabel={ariaLabel}
294
- style={{
295
- background: BACKGROUND_COLOR,
296
- color: TEXT_COLOR,
297
- }}
298
- ref={tooltipPopupRef}
299
- position={positionTip}
300
- /&gt;
301
- {isVisible &amp;&amp; (
302
- &lt;Portal&gt;
303
- &lt;div
304
- ref={triangleRef}
305
- style={{
306
- position: 'absolute',
307
- width: 0,
308
- height: 0,
309
- }}
310
- /&gt;
311
- &lt;/Portal&gt;
312
- )}
313
- &lt;/&gt;
314
- );
287
+ return (
288
+ &lt;&gt;
289
+ {cloneElement(children, trigger)}
290
+ &lt;TooltipPopup
291
+ {...tooltip}
292
+ label={label}
293
+ ariaLabel={ariaLabel}
294
+ style={{
295
+ background: BACKGROUND_COLOR,
296
+ color: TEXT_COLOR,
297
+ }}
298
+ ref={tooltipPopupRef}
299
+ position={positionTip}
300
+ /&gt;
301
+ {isVisible &amp;&amp; (
302
+ &lt;Portal&gt;
303
+ &lt;div
304
+ ref={triangleRef}
305
+ style={{
306
+ position: "absolute",
307
+ width: 0,
308
+ height: 0,
309
+ }}
310
+ /&gt;
311
+ &lt;/Portal&gt;
312
+ )}
313
+ &lt;/&gt;
314
+ );
315
315
  };
316
316
  &nbsp;
317
317
  Tooltip.propTypes = {
318
- children: PropTypes.node.isRequired,
319
- label: PropTypes.node.isRequired,
320
- ariaLabel: PropTypes.string,
321
- DEBUG_STYLE: PropTypes.bool,
318
+ children: PropTypes.node.isRequired,
319
+ label: PropTypes.node.isRequired,
320
+ ariaLabel: PropTypes.string,
321
+ DEBUG_STYLE: PropTypes.bool,
322
322
  };
323
323
  &nbsp;
324
324
  Tooltip.defaultProps = {
325
- ariaLabel: undefined,
326
- DEBUG_STYLE: undefined,
325
+ ariaLabel: undefined,
326
+ DEBUG_STYLE: undefined,
327
327
  };
328
328
  &nbsp;
329
329
  export default Tooltip;
@@ -334,7 +334,7 @@ export default Tooltip;
334
334
  <div class='footer quiet pad2 space-top1 center small'>
335
335
  Code coverage generated by
336
336
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
337
- at Mon Mar 14 2022 14:52:06 GMT-0700 (Pacific Daylight Time)
337
+ at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
338
338
  </div>
339
339
  <script src="../../../prettify.js"></script>
340
340
  <script>
package/coverage/lcov-report/react/components/Tooltip/index.html CHANGED
@@ -131,7 +131,7 @@
131
131
  <div class='footer quiet pad2 space-top1 center small'>
132
132
  Code coverage generated by
133
133
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
134
- at Mon Mar 14 2022 14:52:06 GMT-0700 (Pacific Daylight Time)
134
+ at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
135
135
  </div>
136
136
  <script src="../../../prettify.js"></script>
137
137
  <script>
package/coverage/lcov-report/react/components/Tooltip/index.js.html CHANGED
@@ -69,7 +69,7 @@
69
69
  <a name='L4'></a><a href='#L4'>4</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
70
70
  <span class="cline-any cline-neutral">&nbsp;</span>
71
71
  <span class="cline-any cline-neutral">&nbsp;</span>
72
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import Tooltip from './Tooltip';
72
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import Tooltip from "./Tooltip";
73
73
  &nbsp;
74
74
  export default Tooltip;
75
75
  &nbsp;</pre></td></tr></table></pre>
@@ -79,7 +79,7 @@ export default Tooltip;
79
79
  <div class='footer quiet pad2 space-top1 center small'>
80
80
  Code coverage generated by
81
81
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
82
- at Mon Mar 14 2022 14:52:06 GMT-0700 (Pacific Daylight Time)
82
+ at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
83
83
  </div>
84
84
  <script src="../../../prettify.js"></script>
85
85
  <script>