qpp-style 0.0.8 → 0.0.10

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 (462) hide show
  1. package/.eslintrc.js +28 -28
  2. package/.husky/pre-commit +5 -0
  3. package/README.md +45 -0
  4. package/components/Accordion/index.jsx +35 -43
  5. package/components/Alert/index.js +53 -0
  6. package/components/Breadcrumb/Breadcrumb.md +28 -0
  7. package/components/Breadcrumb/index.js +69 -11
  8. package/components/Button/index.js +90 -0
  9. package/components/CalloutBox/index.js +109 -0
  10. package/components/Card/index.js +137 -0
  11. package/components/Details/DetailsIcons.js +50 -0
  12. package/components/Details/index.js +53 -0
  13. package/components/Dropdown/index.js +85 -0
  14. package/components/DropdownButton/Menu.js +25 -0
  15. package/components/DropdownButton/MenuButton.js +41 -0
  16. package/components/DropdownButton/MenuItem.js +25 -0
  17. package/components/DropdownButton/MenuItemLink.js +27 -0
  18. package/components/Error/Collapsible.jsx +2 -2
  19. package/components/Footer/FooterUI.jsx +175 -177
  20. package/components/Footer/footer.js +2 -12
  21. package/components/GovBanner/index.js +117 -0
  22. package/components/Header/HeaderAccountMenu.jsx +63 -234
  23. package/components/Header/HeaderCancel.jsx +5 -10
  24. package/components/Header/HeaderContainer.jsx +74 -0
  25. package/components/Header/HeaderLogo.jsx +42 -0
  26. package/components/Header/HeaderMenuButton.js +50 -0
  27. package/components/Header/HeaderMenuItem.jsx +239 -0
  28. package/components/Header/HeaderMenuLink.js +56 -0
  29. package/components/Header/HeaderMenuSignOutButton.js +62 -0
  30. package/components/Header/HeaderMobileButton.js +37 -0
  31. package/components/Header/HeaderUI.jsx +130 -361
  32. package/components/Header/HelpIcon.jsx +32 -0
  33. package/components/Header/ImpersonatorBanner.jsx +81 -0
  34. package/components/Header/default-content.json +158 -87
  35. package/components/Header/header.js +2 -0
  36. package/components/Header/hooks.js +66 -0
  37. package/components/Header/utag-helpers.js +9 -0
  38. package/components/Infotip/Infotip.jsx +6 -10
  39. package/components/Infotip/InfotipContent.jsx +46 -0
  40. package/components/Infotip/InfotipIcon.jsx +3 -3
  41. package/components/Link/index.js +61 -0
  42. package/components/Modal/LegacyModal.jsx +72 -0
  43. package/components/Modal/Modal.jsx +140 -0
  44. package/components/Modal/index.jsx +13 -63
  45. package/components/NotificationBanner/CollapsedView.js +39 -0
  46. package/components/NotificationBanner/ExpandedView.js +45 -0
  47. package/components/NotificationBanner/index.js +219 -30
  48. package/components/Search/index.js +98 -0
  49. package/components/SessionDialog/sessionDialog.js +26 -0
  50. package/components/SessionDialogUI.jsx +34 -26
  51. package/components/SideNav/AnimationGroup/AnimationGroup.jsx +10 -4
  52. package/components/SideNav/Chart/ScoreChart.jsx +81 -109
  53. package/components/SideNav/Chart/__tests__/ScoreChart.test.js +3 -12
  54. package/components/SideNav/Chart/__tests__/__snapshots__/ScoreChart.test.js.snap +144 -35
  55. package/components/SideNav/Chart/index.js +1 -1
  56. package/components/SideNav/Content/LevelOneContent.jsx +146 -258
  57. package/components/SideNav/Content/LevelTwoContent.jsx +6 -4
  58. package/components/SideNav/Content/SelectRole/index.js +77 -0
  59. package/components/SideNav/Content/SelectRole/utils.js +140 -0
  60. package/components/SideNav/Details/PracticeDetails.jsx +4 -0
  61. package/components/SideNav/Links/CmsSwitchLink.jsx +1 -1
  62. package/components/SideNav/Links/NavLinkContainer.jsx +29 -34
  63. package/components/SideNav/Links/NavLinkDrawer.jsx +192 -124
  64. package/components/SideNav/Links/NavLinkInline.jsx +7 -2
  65. package/components/SideNav/Links/NavLinkToggle.jsx +1 -1
  66. package/components/SideNav/SideNav.md +28 -27
  67. package/components/SideNav/UI/SideNavUI.jsx +198 -268
  68. package/components/SideNav/UI/default-content.json +117 -0
  69. package/components/SideNav/helpers.js +316 -4
  70. package/components/Tabs/TabPanel.js +5 -0
  71. package/components/Tabs/Tabs.js +73 -0
  72. package/components/TextInput/index.js +137 -0
  73. package/components/hooks/useGetConfig.js +75 -0
  74. package/components/index.js +106 -9
  75. package/coverage/clover.xml +1194 -748
  76. package/coverage/coverage-final.json +72 -50
  77. package/coverage/lcov-report/block-navigation.js +8 -0
  78. package/coverage/lcov-report/components/Accordion/index.html +26 -21
  79. package/coverage/lcov-report/components/Accordion/index.jsx.html +106 -131
  80. package/coverage/lcov-report/{SideNav/Chart → components/Button}/index.html +29 -24
  81. package/coverage/lcov-report/{Error/Collapsible.jsx.html → components/Button/index.js.html} +125 -114
  82. package/coverage/lcov-report/components/Error/Collapsible.jsx.html +92 -87
  83. package/coverage/lcov-report/components/Error/ErrorUI.jsx.html +32 -33
  84. package/coverage/lcov-report/components/Error/index.html +11 -6
  85. package/coverage/lcov-report/components/Footer/FooterUI.jsx.html +200 -189
  86. package/coverage/lcov-report/components/Footer/SocialLinks.jsx.html +24 -61
  87. package/coverage/lcov-report/components/Footer/Subscribe.jsx.html +18 -13
  88. package/coverage/lcov-report/components/Footer/index.html +35 -45
  89. package/coverage/lcov-report/components/{InfoModal → GovBanner}/index.html +27 -22
  90. package/coverage/lcov-report/components/{InfoModal/index.jsx.html → GovBanner/index.js.html} +157 -122
  91. package/coverage/lcov-report/components/Header/HeaderAccountMenu.jsx.html +93 -520
  92. package/coverage/lcov-report/components/Header/HeaderCancel.jsx.html +19 -23
  93. package/coverage/lcov-report/components/Header/HeaderContainer.jsx.html +280 -0
  94. package/coverage/lcov-report/components/Header/HeaderLogo.jsx.html +211 -0
  95. package/coverage/lcov-report/components/Header/HeaderMenuButton.js.html +235 -0
  96. package/coverage/lcov-report/components/{Footer/LegacyFooterUI.jsx.html → Header/HeaderMenuItem.jsx.html} +334 -200
  97. package/coverage/lcov-report/components/Header/HeaderMenuLink.js.html +253 -0
  98. package/coverage/lcov-report/components/Header/HeaderMenuSignOutButton.js.html +271 -0
  99. package/coverage/lcov-report/components/Header/HeaderMobileButton.js.html +196 -0
  100. package/coverage/lcov-report/components/Header/HeaderUI.jsx.html +176 -756
  101. package/coverage/lcov-report/components/Header/HelpIcon.jsx.html +181 -0
  102. package/coverage/lcov-report/{Accordion/index.jsx.html → components/Header/ImpersonatorBanner.jsx.html} +109 -167
  103. package/coverage/lcov-report/components/Header/NavigationButtonIcon.jsx.html +24 -19
  104. package/coverage/lcov-report/components/Header/hooks.js.html +283 -0
  105. package/coverage/lcov-report/components/Header/index.html +203 -33
  106. package/coverage/lcov-report/components/{SideNav/Links/index.js.html → Header/utag-helpers.js.html} +35 -42
  107. package/coverage/lcov-report/components/Infotip/Infotip.jsx.html +53 -48
  108. package/coverage/lcov-report/components/Infotip/InfotipIcon.jsx.html +37 -32
  109. package/coverage/lcov-report/components/Infotip/index.html +8 -3
  110. package/coverage/lcov-report/components/Infotip/index.js.html +8 -3
  111. package/coverage/lcov-report/components/Modal/LegacyModal.jsx.html +301 -0
  112. package/coverage/lcov-report/components/Modal/Modal.jsx.html +505 -0
  113. package/coverage/lcov-report/components/Modal/index.html +146 -0
  114. package/coverage/lcov-report/components/{SideNav/Details/IndividualDetails.jsx.html → Modal/index.jsx.html} +50 -42
  115. package/coverage/lcov-report/components/NotificationBanner/CollapsedView.js.html +202 -0
  116. package/coverage/lcov-report/components/NotificationBanner/ExpandedView.js.html +220 -0
  117. package/coverage/lcov-report/components/NotificationBanner/index.html +58 -23
  118. package/coverage/lcov-report/components/{SideNav/Content/LevelTwoContent.jsx.html → NotificationBanner/index.js.html} +292 -272
  119. package/coverage/lcov-report/components/SanitizedContent/index.html +8 -3
  120. package/coverage/lcov-report/components/SanitizedContent/index.jsx.html +475 -50
  121. package/coverage/lcov-report/components/SessionDialogUI.jsx.html +248 -255
  122. package/coverage/lcov-report/components/SideNav/Chart/ScoreChart.jsx.html +272 -408
  123. package/coverage/lcov-report/components/SideNav/Chart/index.html +28 -38
  124. package/coverage/lcov-report/components/SideNav/Content/SelectRole/index.html +116 -0
  125. package/coverage/lcov-report/components/SideNav/Content/SelectRole/utils.js.html +505 -0
  126. package/coverage/lcov-report/components/SideNav/helpers.js.html +987 -46
  127. package/coverage/lcov-report/components/SideNav/index.html +24 -19
  128. package/coverage/lcov-report/components/Tooltip/Tooltip.jsx.html +70 -65
  129. package/coverage/lcov-report/components/Tooltip/index.html +8 -3
  130. package/coverage/lcov-report/components/Tooltip/index.js.html +8 -3
  131. package/coverage/lcov-report/components/Tooltip/position.js.html +57 -64
  132. package/coverage/lcov-report/components/hooks/index.html +116 -0
  133. package/coverage/lcov-report/components/hooks/useGetConfig.js.html +310 -0
  134. package/coverage/lcov-report/components/index.html +10 -5
  135. package/coverage/lcov-report/index.html +249 -154
  136. package/coverage/lcov-report/{Error/ErrorUI.jsx.html → lib/Chevron.jsx.html} +44 -42
  137. package/coverage/lcov-report/lib/SvgComponents.jsx.html +1840 -0
  138. package/coverage/lcov-report/lib/index.html +34 -14
  139. package/coverage/lcov-report/react/components/Accordion/index.html +26 -21
  140. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +106 -131
  141. package/coverage/lcov-report/react/components/{FlashNotification → Button}/index.html +23 -33
  142. package/coverage/lcov-report/{components/SideNav/Links/NavLinkInline.jsx.html → react/components/Button/index.js.html} +119 -120
  143. package/coverage/lcov-report/react/components/{Tabs → Dropdown}/index.html +23 -33
  144. package/coverage/lcov-report/react/components/{InfoModal/index.jsx.html → Dropdown/index.js.html} +103 -155
  145. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +92 -87
  146. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +32 -33
  147. package/coverage/lcov-report/react/components/Error/error.js.html +25 -20
  148. package/coverage/lcov-report/react/components/Error/index.html +11 -6
  149. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +200 -189
  150. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +14 -15
  151. package/coverage/lcov-report/react/components/Footer/SocialLinks.jsx.html +18 -13
  152. package/coverage/lcov-report/react/components/Footer/Subscribe.jsx.html +18 -13
  153. package/coverage/lcov-report/react/components/Footer/footer.js.html +12 -34
  154. package/coverage/lcov-report/react/components/Footer/index.html +35 -45
  155. package/coverage/lcov-report/react/components/{InfoModal → GovBanner}/index.html +27 -22
  156. package/coverage/lcov-report/react/components/{Tabs/TabsUI.jsx.html → GovBanner/index.js.html} +146 -153
  157. package/coverage/lcov-report/react/components/Header/HeaderAccountMenu.jsx.html +93 -520
  158. package/coverage/lcov-report/react/components/Header/HeaderCancel.jsx.html +19 -23
  159. package/coverage/lcov-report/react/components/Header/HeaderContainer.jsx.html +307 -0
  160. package/coverage/lcov-report/{components/SideNav/Links/CmsSwitchLink.jsx.html → react/components/Header/HeaderLogo.jsx.html} +64 -53
  161. package/coverage/lcov-report/{components/SideNav/Links/NavItemInline.jsx.html → react/components/Header/HeaderMenuButton.js.html} +64 -71
  162. package/coverage/lcov-report/{components/SideNav/Links/NavLinkDrawer.jsx.html → react/components/Header/HeaderMenuItem.jsx.html} +284 -261
  163. package/coverage/lcov-report/react/components/Header/HeaderMenuLink.js.html +253 -0
  164. package/coverage/lcov-report/react/components/Header/HeaderMenuSignOutButton.js.html +271 -0
  165. package/coverage/lcov-report/{components/SideNav/Links/NavLinkToggle.jsx.html → react/components/Header/HeaderMobileButton.js.html} +58 -41
  166. package/coverage/lcov-report/react/components/Header/HeaderUI.jsx.html +189 -745
  167. package/coverage/lcov-report/react/components/Header/HelpIcon.jsx.html +181 -0
  168. package/coverage/lcov-report/react/components/Header/ImpersonatorBanner.jsx.html +331 -0
  169. package/coverage/lcov-report/react/components/Header/NavigationButtonIcon.jsx.html +18 -13
  170. package/coverage/lcov-report/react/components/Header/header.js.html +18 -4
  171. package/coverage/lcov-report/react/components/Header/hooks.js.html +283 -0
  172. package/coverage/lcov-report/react/components/Header/index.html +205 -35
  173. package/coverage/lcov-report/react/components/{Spinner/index.js.html → Header/utag-helpers.js.html} +26 -21
  174. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +53 -48
  175. package/coverage/lcov-report/{components/SideNav/Links/NavLinkContainer.jsx.html → react/components/Infotip/InfotipContent.jsx.html} +83 -60
  176. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +37 -32
  177. package/coverage/lcov-report/react/components/Infotip/index.html +8 -3
  178. package/coverage/lcov-report/react/components/Infotip/index.js.html +8 -3
  179. package/coverage/lcov-report/react/components/{FlashNotification/FlashNotificationUI.jsx.html → Modal/LegacyModal.jsx.html} +89 -84
  180. package/coverage/lcov-report/react/components/Modal/Modal.jsx.html +505 -0
  181. package/coverage/lcov-report/react/components/Modal/index.html +52 -17
  182. package/coverage/lcov-report/react/components/Modal/index.jsx.html +38 -201
  183. package/coverage/lcov-report/react/components/{Tabs/tabs.js.html → NotificationBanner/CollapsedView.js.html} +61 -47
  184. package/coverage/lcov-report/{components/SideNav/Details/PracticeDetails.jsx.html → react/components/NotificationBanner/ExpandedView.js.html} +74 -57
  185. package/coverage/lcov-report/react/components/NotificationBanner/index.html +58 -23
  186. package/coverage/lcov-report/react/components/NotificationBanner/index.js.html +615 -43
  187. package/coverage/lcov-report/react/components/SanitizedContent/index.html +8 -3
  188. package/coverage/lcov-report/react/components/SanitizedContent/index.jsx.html +478 -53
  189. package/coverage/lcov-report/react/components/{Spinner → SessionDialog}/index.html +11 -6
  190. package/coverage/lcov-report/react/components/{FlashNotification/index.js.html → SessionDialog/sessionDialog.js.html} +35 -42
  191. package/coverage/lcov-report/react/components/SessionDialogUI.jsx.html +248 -255
  192. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +53 -18
  193. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/index.html +18 -13
  194. package/coverage/lcov-report/react/components/SideNav/Chart/ScoreChart.jsx.html +272 -402
  195. package/coverage/lcov-report/react/components/SideNav/Chart/index.html +28 -23
  196. package/coverage/lcov-report/react/components/SideNav/Chart/index.js.html +9 -4
  197. package/coverage/lcov-report/react/components/SideNav/Content/LevelOneContent.jsx.html +190 -521
  198. package/coverage/lcov-report/react/components/SideNav/Content/LevelTwoContent.jsx.html +23 -12
  199. package/coverage/lcov-report/{components/SideNav/Details → react/components/SideNav/Content/SelectRole}/index.html +42 -52
  200. package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/index.js.html +316 -0
  201. package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/utils.js.html +505 -0
  202. package/coverage/lcov-report/react/components/SideNav/Content/index.html +32 -27
  203. package/coverage/lcov-report/react/components/SideNav/Content/index.js.html +8 -3
  204. package/coverage/lcov-report/react/components/SideNav/Details/IndividualDetails.jsx.html +20 -24
  205. package/coverage/lcov-report/react/components/SideNav/Details/PracticeDetails.jsx.html +54 -37
  206. package/coverage/lcov-report/react/components/SideNav/Details/index.html +23 -18
  207. package/coverage/lcov-report/react/components/SideNav/Details/index.js.html +8 -3
  208. package/coverage/lcov-report/react/components/SideNav/Links/CmsSwitchLink.jsx.html +9 -4
  209. package/coverage/lcov-report/react/components/SideNav/Links/NavItemInline.jsx.html +8 -3
  210. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkContainer.jsx.html +56 -57
  211. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkDrawer.jsx.html +351 -142
  212. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkInline.jsx.html +60 -40
  213. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkToggle.jsx.html +9 -4
  214. package/coverage/lcov-report/react/components/SideNav/Links/index.html +44 -39
  215. package/coverage/lcov-report/react/components/SideNav/Links/index.js.html +8 -3
  216. package/coverage/lcov-report/react/components/SideNav/UI/SideNavUI.jsx.html +243 -433
  217. package/coverage/lcov-report/react/components/SideNav/UI/index.html +28 -23
  218. package/coverage/lcov-report/react/components/SideNav/UI/index.js.html +8 -3
  219. package/coverage/lcov-report/react/components/SideNav/helpers.js.html +958 -17
  220. package/coverage/lcov-report/react/components/SideNav/index.html +27 -22
  221. package/coverage/lcov-report/react/components/SideNav/index.js.html +8 -3
  222. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +70 -65
  223. package/coverage/lcov-report/react/components/Tooltip/index.html +8 -3
  224. package/coverage/lcov-report/react/components/Tooltip/index.js.html +8 -3
  225. package/coverage/lcov-report/react/components/Tooltip/position.js.html +57 -64
  226. package/coverage/lcov-report/{components/SideNav/AnimationGroup → react/components/hooks}/index.html +29 -24
  227. package/coverage/lcov-report/react/components/hooks/useGetConfig.js.html +310 -0
  228. package/coverage/lcov-report/react/components/index.html +10 -5
  229. package/coverage/lcov-report/react/index.html +20 -15
  230. package/coverage/lcov-report/react/index.js.html +29 -9
  231. package/coverage/lcov-report/react/lib/Chevron.jsx.html +181 -0
  232. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +195 -106
  233. package/coverage/lcov-report/react/lib/index.html +37 -17
  234. package/coverage/lcov-report/react/lib/svg-definitions.svg.html +57 -916
  235. package/coverage/lcov-report/react/session/index.html +32 -27
  236. package/coverage/lcov-report/react/session/index.js.html +8 -3
  237. package/coverage/lcov-report/react/session/logout.js.html +121 -17
  238. package/coverage/lcov-report/react/session/refresh.js.html +11 -6
  239. package/coverage/lcov-report/react/session/ttl.js.html +8 -3
  240. package/coverage/lcov-report/session/index.html +50 -45
  241. package/coverage/lcov-report/session/index.js.html +8 -3
  242. package/coverage/lcov-report/session/logout.js.html +144 -49
  243. package/coverage/lcov-report/session/refresh.js.html +41 -36
  244. package/coverage/lcov-report/session/ttl.js.html +34 -29
  245. package/coverage/lcov-report/sorter.js +26 -0
  246. package/coverage/lcov.info +2427 -1491
  247. package/dist/browser.js +1 -1
  248. package/dist/browser.js.LICENSE.txt +1 -7
  249. package/dist/browser.js.map +1 -1
  250. package/dist/index.js +1 -1
  251. package/dist/index.js.LICENSE.txt +1 -7
  252. package/dist/index.js.map +1 -1
  253. package/dist/react/index.js +1 -1
  254. package/dist/react/index.js.LICENSE.txt +16 -16
  255. package/dist/react/index.js.map +1 -1
  256. package/fonts/PublicSans-Black.ttf +0 -0
  257. package/fonts/PublicSans-BlackItalic.ttf +0 -0
  258. package/fonts/PublicSans-Bold.ttf +0 -0
  259. package/fonts/PublicSans-BoldItalic.ttf +0 -0
  260. package/fonts/PublicSans-ExtraBold.ttf +0 -0
  261. package/fonts/PublicSans-ExtraBoldItalic.ttf +0 -0
  262. package/fonts/PublicSans-ExtraLight.ttf +0 -0
  263. package/fonts/PublicSans-ExtraLightItalic.ttf +0 -0
  264. package/fonts/PublicSans-Italic.ttf +0 -0
  265. package/fonts/PublicSans-Light.ttf +0 -0
  266. package/fonts/PublicSans-LightItalic.ttf +0 -0
  267. package/fonts/PublicSans-Medium.ttf +0 -0
  268. package/fonts/PublicSans-MediumItalic.ttf +0 -0
  269. package/fonts/PublicSans-Regular.ttf +0 -0
  270. package/fonts/PublicSans-SemiBold.ttf +0 -0
  271. package/fonts/PublicSans-SemiBoldItalic.ttf +0 -0
  272. package/fonts/PublicSans-Thin.ttf +0 -0
  273. package/fonts/PublicSans-ThinItalic.ttf +0 -0
  274. package/images/icon-dot-gov.svg +1 -0
  275. package/images/icon-https.svg +1 -0
  276. package/images/icons/close-x.svg +6 -0
  277. package/images/icons/svg/arrow-down.svg +3 -0
  278. package/images/icons/svg/arrow-download.svg +1 -0
  279. package/images/icons/svg/arrow-right.svg +1 -0
  280. package/images/icons/svg/arrow-up.svg +3 -0
  281. package/images/icons/svg/block.svg +5 -0
  282. package/images/icons/svg/calendar.svg +1 -0
  283. package/images/icons/svg/check-circle.svg +5 -0
  284. package/images/icons/svg/checkmark.svg +7 -0
  285. package/images/icons/svg/chevron-down.svg +11 -0
  286. package/images/icons/svg/chevron-left.svg +12 -0
  287. package/images/icons/svg/chevron-right.svg +12 -0
  288. package/images/icons/svg/chevron-up.svg +12 -0
  289. package/images/icons/svg/clipboard.svg +1 -0
  290. package/images/icons/svg/close.svg +1 -0
  291. package/images/icons/svg/divide.svg +13 -0
  292. package/images/icons/svg/doctors-and-clinicians-preview.svg +10 -0
  293. package/images/icons/svg/download.svg +1 -0
  294. package/images/icons/svg/dropdown-arrow.svg +1 -0
  295. package/images/icons/svg/equals.svg +13 -0
  296. package/images/icons/svg/exclamation.svg +11 -0
  297. package/images/icons/svg/external.svg +1 -0
  298. package/images/icons/svg/file-download.svg +1 -0
  299. package/images/icons/svg/file-upload.svg +1 -0
  300. package/images/icons/svg/info.svg +20 -0
  301. package/images/icons/svg/manage-user-access.svg +8 -0
  302. package/images/icons/svg/multiply.svg +12 -0
  303. package/images/icons/svg/performance-feedback.svg +1 -0
  304. package/images/icons/svg/plus.svg +12 -0
  305. package/images/icons/svg/preview.svg +17 -0
  306. package/images/icons/svg/print.svg +1 -0
  307. package/images/icons/svg/registration.svg +8 -0
  308. package/images/icons/svg/reporting.svg +17 -0
  309. package/images/icons/svg/save-disk.svg +5 -0
  310. package/images/icons/svg/search.svg +1 -0
  311. package/images/icons/svg/subtract.svg +15 -0
  312. package/images/icons/svg/targeted-review.svg +15 -0
  313. package/images/icons/svg/tooltip-question.svg +1 -0
  314. package/images/icons/svg/trash.svg +1 -0
  315. package/images/icons/svg/upload.svg +1 -0
  316. package/images/us_flag_small.png +0 -0
  317. package/index.js +5 -0
  318. package/jest.config.js +138 -134
  319. package/lib/Chevron.jsx +32 -0
  320. package/lib/SvgComponents.jsx +197 -49
  321. package/package.json +62 -77
  322. package/session/logout.js +35 -2
  323. package/styles/_global.scss +63 -62
  324. package/styles/_main.scss +6 -0
  325. package/styles/_qpp-style.scss +0 -3
  326. package/styles/components/_accordion.scss +249 -246
  327. package/styles/components/_autocomplete.scss +0 -3
  328. package/styles/components/_modals.scss +9 -9
  329. package/styles/components/_spinner.scss +0 -2
  330. package/styles/components/_tables.scss +77 -67
  331. package/styles/components/_text.scss +102 -102
  332. package/styles/components/_variables.scss +12 -12
  333. package/styles/qppds/base/_backgrounds.scss +7 -0
  334. package/styles/qppds/base/_fonts.scss +24 -0
  335. package/styles/qppds/base/_icon.scss +31 -0
  336. package/styles/qppds/base/_layout.scss +5 -0
  337. package/styles/qppds/base/_typography.scss +78 -44
  338. package/styles/qppds/base/index.scss +4 -5
  339. package/styles/qppds/components/_alert.scss +101 -0
  340. package/styles/qppds/components/_breadcrumbs.scss +42 -6
  341. package/styles/qppds/components/_button.scss +129 -11
  342. package/styles/qppds/components/_card.scss +175 -0
  343. package/styles/qppds/components/_checkbox.scss +199 -0
  344. package/styles/qppds/components/_circular-loader.scss +47 -0
  345. package/styles/qppds/components/_details.scss +90 -0
  346. package/styles/qppds/components/_dropdown-menu.scss +125 -0
  347. package/styles/qppds/components/_dropdown.scss +7 -1
  348. package/styles/qppds/components/_footer.scss +606 -0
  349. package/styles/qppds/components/_gov-banner.scss +344 -0
  350. package/styles/qppds/components/_header.scss +913 -0
  351. package/styles/qppds/components/_link.scss +52 -0
  352. package/styles/qppds/components/_modal.scss +118 -0
  353. package/styles/qppds/components/_page-header.scss +65 -2
  354. package/styles/qppds/components/_pagination.scss +227 -0
  355. package/styles/qppds/components/_process-list.scss +104 -0
  356. package/styles/qppds/components/_radio-button.scss +184 -0
  357. package/styles/qppds/components/_search.scss +118 -0
  358. package/styles/{components → qppds/components}/_sidebar.scss +2 -0
  359. package/styles/qppds/components/_step-indicator.scss +190 -0
  360. package/styles/qppds/components/_table.scss +157 -0
  361. package/styles/qppds/components/_tabs.scss +197 -0
  362. package/styles/qppds/components/_text-input.scss +60 -0
  363. package/styles/qppds/components/index.scss +20 -0
  364. package/styles/{components → qppds/components}/sidebar/_links.scss +48 -1
  365. package/styles/qppds/components/sidebar/_select-role-dropdown.scss +21 -0
  366. package/styles/qppds/components/sidebar/_sidebar-animation.scss +125 -0
  367. package/styles/qppds/components/sidebar/_sidebar.scss +146 -0
  368. package/styles/{components → qppds/components}/sidebar/project-specific/_wi.scss +1 -37
  369. package/styles/qppds/settings/_functions.scss +3 -1
  370. package/styles/qppds/settings/mixins/_borders.scss +6 -0
  371. package/styles/qppds/settings/mixins/_focus.scss +28 -0
  372. package/styles/qppds/settings/mixins/_icons.scss +39 -4
  373. package/styles/qppds/settings/mixins/_index.scss +4 -0
  374. package/styles/qppds/settings/mixins/_layout.scss +46 -7
  375. package/styles/qppds/settings/mixins/_table.scss +91 -0
  376. package/styles/qppds/settings/mixins/_type.scss +89 -0
  377. package/styles/qppds/settings/variables/_color.scss +47 -1
  378. package/styles/qppds/settings/variables/_index.scss +2 -1
  379. package/styles/qppds/settings/variables/_layout.scss +34 -9
  380. package/styles/qppds/settings/variables/_type.scss +41 -0
  381. package/styles/qppds/settings/variables/_z-index.scss +8 -0
  382. package/styles/qppds/utilities/_background-color.scss +4 -0
  383. package/styles/qppds/utilities/_color.scss +28 -0
  384. package/styles/qppds/utilities/{_display-visability.scss → _display-visibility.scss} +8 -0
  385. package/styles/qppds/utilities/_flexbox.scss +113 -0
  386. package/styles/qppds/utilities/_font-family.scss +4 -0
  387. package/styles/qppds/utilities/_gap.scss +38 -0
  388. package/styles/qppds/utilities/_height.scss +79 -0
  389. package/styles/qppds/utilities/_list-style.scss +18 -0
  390. package/styles/qppds/utilities/_position.scss +24 -0
  391. package/styles/qppds/utilities/_text-align.scss +40 -0
  392. package/styles/qppds/utilities/_text-transform.scss +7 -0
  393. package/styles/qppds/utilities/_truncate.scss +5 -5
  394. package/styles/qppds/utilities/_vertical-align.scss +72 -0
  395. package/styles/qppds/utilities/_width.scss +38 -1
  396. package/styles/qppds/utilities/index.scss +8 -2
  397. package/styles/third-party/legacy-bootstrap/_dropdowns.scss +0 -1
  398. package/svgo.config.js +14 -0
  399. package/test/components/Accordion.test.js +4 -13
  400. package/test/components/ErrorUI.test.js +10 -46
  401. package/test/components/FooterUI.test.js +0 -30
  402. package/test/components/HeaderUI.test.js +33 -15
  403. package/test/components/Infotip.test.js +18 -12
  404. package/test/components/SessionDialogUI.test.js +55 -70
  405. package/test/components/SideNavUI.test.js +6 -13
  406. package/test-setup.js +1 -3
  407. package/webpack.config.js +29 -39
  408. package/webpack.config.react.js +7 -18
  409. package/.storybook/.babelrc +0 -4
  410. package/.storybook/main.js +0 -89
  411. package/.storybook/preview-head.html +0 -9
  412. package/.storybook/preview.js +0 -16
  413. package/components/Accordion/Accordion.stories.js +0 -20
  414. package/components/Breadcrumb/Breadcrumb.js +0 -58
  415. package/components/Breadcrumb/Breadcrumb.stories.js +0 -62
  416. package/components/Breadcrumb/LegacyBreadcrumb.js +0 -46
  417. package/components/Footer/Footer.stories.js +0 -22
  418. package/components/Footer/LegacyFooterUI.jsx +0 -194
  419. package/components/Header/Header.stories.js +0 -32
  420. package/components/InfoModal/InfoModal.stories.js +0 -98
  421. package/components/InfoModal/index.jsx +0 -104
  422. package/components/Infotip/Infotip.stories.js +0 -58
  423. package/components/NotificationBanner/NotificationBanner.stories.js +0 -24
  424. package/components/NotificationBanner/NotificationBannerUI.jsx +0 -282
  425. package/components/SideNav/SideNav.stories.js +0 -320
  426. package/components/Spinner/index.js +0 -9
  427. package/components/Tabs/TabsUI.jsx +0 -118
  428. package/components/Tabs/tabs.js +0 -36
  429. package/components/Tooltip/Tooltip.jsx +0 -88
  430. package/components/Tooltip/Tooltip.stories.js +0 -90
  431. package/components/Tooltip/index.js +0 -3
  432. package/components/Tooltip/position.js +0 -68
  433. package/components/UnwrappedSpinner/index.js +0 -8
  434. package/components/UnwrappedTabs/TabPanelUI.jsx +0 -16
  435. package/components/UnwrappedTabs/TabsUI.jsx +0 -82
  436. package/coverage/lcov-report/Accordion/index.html +0 -111
  437. package/coverage/lcov-report/Error/index.html +0 -126
  438. package/coverage/lcov-report/ScoreChart.jsx.html +0 -1025
  439. package/coverage/lcov-report/SideNav/Chart/ScoreChart.jsx.html +0 -1025
  440. package/coverage/lcov-report/components/NotificationBanner/NotificationBannerUI.jsx.html +0 -1010
  441. package/coverage/lcov-report/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +0 -131
  442. package/coverage/lcov-report/components/SideNav/Chart/index.js.html +0 -89
  443. package/coverage/lcov-report/components/SideNav/Content/LevelOneContent.jsx.html +0 -1007
  444. package/coverage/lcov-report/components/SideNav/Content/index.html +0 -141
  445. package/coverage/lcov-report/components/SideNav/Content/index.js.html +0 -92
  446. package/coverage/lcov-report/components/SideNav/Details/index.js.html +0 -92
  447. package/coverage/lcov-report/components/SideNav/Links/index.html +0 -201
  448. package/coverage/lcov-report/components/SideNav/UI/SideNavUI.jsx.html +0 -1298
  449. package/coverage/lcov-report/components/SideNav/UI/index.html +0 -126
  450. package/coverage/lcov-report/components/SideNav/UI/index.js.html +0 -89
  451. package/coverage/lcov-report/lib/svg-definitions.svg.html +0 -1319
  452. package/coverage/lcov-report/react/components/NotificationBanner/NotificationBannerUI.jsx.html +0 -926
  453. package/styles/components/_footer.scss +0 -593
  454. package/styles/components/_header.scss +0 -526
  455. package/styles/components/sidebar/_sidebar-animation.scss +0 -85
  456. package/styles/components/sidebar/_sidebar.scss +0 -141
  457. package/test/components/Tooltip.test.js +0 -147
  458. package/test/components/__snapshots__/Accordion.test.js.snap +0 -11439
  459. /package/styles/{components → qppds/components}/sidebar/_animations.scss +0 -0
  460. /package/styles/{components → qppds/components}/sidebar/_cms.scss +0 -0
  461. /package/styles/{components → qppds/components}/sidebar/_details.scss +0 -0
  462. /package/styles/{components → qppds/components}/sidebar/_sidebar-tooltip.scss +0 -0
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">52.63% </span>
26
+ <span class="strong">32.92% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>10/19</span>
28
+ <span class='fraction'>27/82</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">0% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/4</span>
35
+ <span class='fraction'>0/31</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">0% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>0/3</span>
42
+ <span class='fraction'>0/17</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">52.63% </span>
47
+ <span class="strong">33.75% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>10/19</span>
49
+ <span class='fraction'>27/80</span>
50
50
  </div>
51
51
 
52
52
 
@@ -54,8 +54,14 @@
54
54
  <p class="quiet">
55
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
56
  </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input oninput="onInput()" type="search" id="fileSearch">
61
+ </div>
62
+ </template>
57
63
  </div>
58
- <div class='status-line medium'></div>
64
+ <div class='status-line low'></div>
59
65
  <div class="pad1">
60
66
  <table class="coverage-summary">
61
67
  <thead>
@@ -73,18 +79,18 @@
73
79
  </tr>
74
80
  </thead>
75
81
  <tbody><tr>
76
- <td class="file medium" data-value="helpers.js"><a href="helpers.js.html">helpers.js</a></td>
77
- <td data-value="52.63" class="pic medium">
78
- <div class="chart"><div class="cover-fill" style="width: 52%"></div><div class="cover-empty" style="width: 48%"></div></div>
82
+ <td class="file low" data-value="helpers.js"><a href="helpers.js.html">helpers.js</a></td>
83
+ <td data-value="32.92" class="pic low">
84
+ <div class="chart"><div class="cover-fill" style="width: 32%"></div><div class="cover-empty" style="width: 68%"></div></div>
79
85
  </td>
80
- <td data-value="52.63" class="pct medium">52.63%</td>
81
- <td data-value="19" class="abs medium">10/19</td>
86
+ <td data-value="32.92" class="pct low">32.92%</td>
87
+ <td data-value="82" class="abs low">27/82</td>
82
88
  <td data-value="0" class="pct low">0%</td>
83
- <td data-value="4" class="abs low">0/4</td>
89
+ <td data-value="31" class="abs low">0/31</td>
84
90
  <td data-value="0" class="pct low">0%</td>
85
- <td data-value="3" class="abs low">0/3</td>
86
- <td data-value="52.63" class="pct medium">52.63%</td>
87
- <td data-value="19" class="abs medium">10/19</td>
91
+ <td data-value="17" class="abs low">0/17</td>
92
+ <td data-value="33.75" class="pct low">33.75%</td>
93
+ <td data-value="80" class="abs low">27/80</td>
88
94
  </tr>
89
95
 
90
96
  </tbody>
@@ -94,10 +100,9 @@
94
100
  </div><!-- /wrapper -->
95
101
  <div class='footer quiet pad2 space-top1 center small'>
96
102
  Code coverage generated by
97
- <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Tue Aug 04 2020 16:59:07 GMT-0700 (Pacific Daylight Time)
103
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
+ at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
99
105
  </div>
100
- </div>
101
106
  <script src="../../prettify.js"></script>
102
107
  <script>
103
108
  window.onload = function () {
@@ -54,6 +54,12 @@
54
54
  <p class="quiet">
55
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
56
  </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input oninput="onInput()" type="search" id="fileSearch">
61
+ </div>
62
+ </template>
57
63
  </div>
58
64
  <div class='status-line high'></div>
59
65
  <pre><table class="coverage">
@@ -164,20 +170,20 @@
164
170
  <span class="cline-any cline-neutral">&nbsp;</span>
165
171
  <span class="cline-any cline-neutral">&nbsp;</span>
166
172
  <span class="cline-any cline-yes">3x</span>
167
- <span class="cline-any cline-yes">29x</span>
168
- <span class="cline-any cline-yes">29x</span>
169
- <span class="cline-any cline-yes">29x</span>
170
- <span class="cline-any cline-yes">29x</span>
173
+ <span class="cline-any cline-yes">35x</span>
174
+ <span class="cline-any cline-yes">35x</span>
175
+ <span class="cline-any cline-yes">35x</span>
176
+ <span class="cline-any cline-yes">35x</span>
171
177
  <span class="cline-any cline-neutral">&nbsp;</span>
172
- <span class="cline-any cline-yes">29x</span>
178
+ <span class="cline-any cline-yes">35x</span>
173
179
  <span class="cline-any cline-neutral">&nbsp;</span>
174
180
  <span class="cline-any cline-neutral">&nbsp;</span>
175
181
  <span class="cline-any cline-neutral">&nbsp;</span>
176
182
  <span class="cline-any cline-neutral">&nbsp;</span>
177
- <span class="cline-any cline-yes">26x</span>
178
- <span class="cline-any cline-yes">2x</span>
179
- <span class="cline-any cline-yes">2x</span>
180
- <span class="cline-any cline-yes">2x</span>
183
+ <span class="cline-any cline-yes">32x</span>
184
+ <span class="cline-any cline-yes">3x</span>
185
+ <span class="cline-any cline-yes">3x</span>
186
+ <span class="cline-any cline-yes">3x</span>
181
187
  <span class="cline-any cline-neutral">&nbsp;</span>
182
188
  <span class="cline-any cline-neutral">&nbsp;</span>
183
189
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -186,11 +192,11 @@
186
192
  <span class="cline-any cline-neutral">&nbsp;</span>
187
193
  <span class="cline-any cline-neutral">&nbsp;</span>
188
194
  <span class="cline-any cline-neutral">&nbsp;</span>
189
- <span class="cline-any cline-yes">2x</span>
195
+ <span class="cline-any cline-yes">3x</span>
190
196
  <span class="cline-any cline-neutral">&nbsp;</span>
191
197
  <span class="cline-any cline-neutral">&nbsp;</span>
192
198
  <span class="cline-any cline-neutral">&nbsp;</span>
193
- <span class="cline-any cline-yes">29x</span>
199
+ <span class="cline-any cline-yes">35x</span>
194
200
  <span class="cline-any cline-neutral">&nbsp;</span>
195
201
  <span class="cline-any cline-neutral">&nbsp;</span>
196
202
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -237,7 +243,7 @@
237
243
  import PropTypes from 'prop-types';
238
244
  import positionTip, { positionTriangle } from './position';
239
245
  import { useTooltip, TooltipPopup } from '@reach/tooltip';
240
- import Portal from '@reach/portal';
246
+ import { Portal } from '@reach/portal';
241
247
  &nbsp;
242
248
  // TODO: investigate ways to allow more styling via css? the triangle
243
249
  // positioning effect issue may need to be resolved to allow for this.
@@ -252,20 +258,20 @@ const BACKGROUND_COLOR = '#333';
252
258
  * https://reacttraining.com/reach-ui/tooltip
253
259
  */
254
260
  const Tooltip = ({ children, label, ariaLabel, DEBUG_STYLE }) =&gt; {
255
- const [trigger, tooltip] = useTooltip({ DEBUG_STYLE });
256
- const { isVisible, triggerRect } = tooltip;
257
- const tooltipPopupRef = useRef();
258
- const triangleRef = useRef();
261
+ const [trigger, tooltip] = useTooltip({ DEBUG_STYLE });
262
+ const { isVisible, triggerRect } = tooltip;
263
+ const tooltipPopupRef = useRef();
264
+ const triangleRef = useRef();
259
265
  &nbsp;
260
- useLayoutEffect(() =&gt; {
261
- // For some reason, the forwardRef for the tooltipPopup points to an undefined
262
- // dom element when we first render the portal containing the triangle. Using
263
- // an effect here will ensure that the ref is available when applying styles.
264
- // TODO: investigate and make issue for @reach-ui/tooltip?
265
- if (isVisible &amp;&amp; tooltipPopupRef.current &amp;&amp; triggerRect) {
266
- const tooltipRect = tooltipPopupRef.current.getBoundingClientRect();
267
- const positionCssText = positionTriangle(triggerRect, tooltipRect);
268
- 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 = `
269
275
  position: absolute;
270
276
  width: 0;
271
277
  height: 0;
@@ -274,50 +280,50 @@ const Tooltip = ({ children, label, ariaLabel, DEBUG_STYLE }) =&gt; {
274
280
  border-bottom-color: ${BACKGROUND_COLOR};
275
281
  z-index: 1;
276
282
  `;
277
- triangleRef.current.style.cssText = cssText;
278
- }
279
- });
283
+ triangleRef.current.style.cssText = cssText;
284
+ }
285
+ });
280
286
  &nbsp;
281
- return (
282
- &lt;&gt;
283
- {cloneElement(children, trigger)}
284
- &lt;TooltipPopup
285
- {...tooltip}
286
- label={label}
287
- ariaLabel={ariaLabel}
288
- style={{
289
- background: BACKGROUND_COLOR,
290
- color: TEXT_COLOR
291
- }}
292
- ref={tooltipPopupRef}
293
- position={positionTip}
294
- /&gt;
295
- {isVisible &amp;&amp; (
296
- &lt;Portal&gt;
297
- &lt;div
298
- ref={triangleRef}
299
- style={{
300
- position: 'absolute',
301
- width: 0,
302
- height: 0
303
- }}
304
- /&gt;
305
- &lt;/Portal&gt;
306
- )}
307
- &lt;/&gt;
308
- );
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
+ );
309
315
  };
310
316
  &nbsp;
311
317
  Tooltip.propTypes = {
312
- children: PropTypes.node.isRequired,
313
- label: PropTypes.node.isRequired,
314
- ariaLabel: PropTypes.string,
315
- DEBUG_STYLE: PropTypes.bool
318
+ children: PropTypes.node.isRequired,
319
+ label: PropTypes.node.isRequired,
320
+ ariaLabel: PropTypes.string,
321
+ DEBUG_STYLE: PropTypes.bool,
316
322
  };
317
323
  &nbsp;
318
324
  Tooltip.defaultProps = {
319
- ariaLabel: undefined,
320
- DEBUG_STYLE: undefined
325
+ ariaLabel: undefined,
326
+ DEBUG_STYLE: undefined,
321
327
  };
322
328
  &nbsp;
323
329
  export default Tooltip;
@@ -327,10 +333,9 @@ export default Tooltip;
327
333
  </div><!-- /wrapper -->
328
334
  <div class='footer quiet pad2 space-top1 center small'>
329
335
  Code coverage generated by
330
- <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
331
- at Tue Aug 04 2020 16:59:07 GMT-0700 (Pacific Daylight Time)
336
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
337
+ at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
332
338
  </div>
333
- </div>
334
339
  <script src="../../prettify.js"></script>
335
340
  <script>
336
341
  window.onload = function () {
@@ -54,6 +54,12 @@
54
54
  <p class="quiet">
55
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
56
  </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input oninput="onInput()" type="search" id="fileSearch">
61
+ </div>
62
+ </template>
57
63
  </div>
58
64
  <div class='status-line high'></div>
59
65
  <div class="pad1">
@@ -124,10 +130,9 @@
124
130
  </div><!-- /wrapper -->
125
131
  <div class='footer quiet pad2 space-top1 center small'>
126
132
  Code coverage generated by
127
- <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
128
- at Tue Aug 04 2020 16:59:07 GMT-0700 (Pacific Daylight Time)
133
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
134
+ at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
129
135
  </div>
130
- </div>
131
136
  <script src="../../prettify.js"></script>
132
137
  <script>
133
138
  window.onload = function () {
@@ -54,6 +54,12 @@
54
54
  <p class="quiet">
55
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
56
  </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input oninput="onInput()" type="search" id="fileSearch">
61
+ </div>
62
+ </template>
57
63
  </div>
58
64
  <div class='status-line low'></div>
59
65
  <pre><table class="coverage">
@@ -72,10 +78,9 @@ export default Tooltip;
72
78
  </div><!-- /wrapper -->
73
79
  <div class='footer quiet pad2 space-top1 center small'>
74
80
  Code coverage generated by
75
- <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
76
- at Tue Aug 04 2020 16:59:07 GMT-0700 (Pacific Daylight Time)
81
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
82
+ at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
77
83
  </div>
78
- </div>
79
84
  <script src="../../prettify.js"></script>
80
85
  <script>
81
86
  window.onload = function () {
@@ -54,6 +54,12 @@
54
54
  <p class="quiet">
55
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
56
  </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input oninput="onInput()" type="search" id="fileSearch">
61
+ </div>
62
+ </template>
57
63
  </div>
58
64
  <div class='status-line high'></div>
59
65
  <pre><table class="coverage">
@@ -125,44 +131,36 @@
125
131
  <a name='L66'></a><a href='#L66'>66</a>
126
132
  <a name='L67'></a><a href='#L67'>67</a>
127
133
  <a name='L68'></a><a href='#L68'>68</a>
128
- <a name='L69'></a><a href='#L69'>69</a>
129
- <a name='L70'></a><a href='#L70'>70</a>
130
- <a name='L71'></a><a href='#L71'>71</a>
131
- <a name='L72'></a><a href='#L72'>72</a>
132
- <a name='L73'></a><a href='#L73'>73</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">3x</span>
134
+ <a name='L69'></a><a href='#L69'>69</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">3x</span>
133
135
  <span class="cline-any cline-yes">3x</span>
134
136
  <span class="cline-any cline-yes">3x</span>
135
137
  <span class="cline-any cline-neutral">&nbsp;</span>
136
138
  <span class="cline-any cline-yes">3x</span>
137
- <span class="cline-any cline-yes">8x</span>
138
- <span class="cline-any cline-neutral">&nbsp;</span>
139
+ <span class="cline-any cline-yes">10x</span>
139
140
  <span class="cline-any cline-neutral">&nbsp;</span>
140
141
  <span class="cline-any cline-neutral">&nbsp;</span>
141
142
  <span class="cline-any cline-neutral">&nbsp;</span>
142
143
  <span class="cline-any cline-neutral">&nbsp;</span>
143
144
  <span class="cline-any cline-neutral">&nbsp;</span>
144
- <span class="cline-any cline-yes">8x</span>
145
+ <span class="cline-any cline-yes">10x</span>
145
146
  <span class="cline-any cline-neutral">&nbsp;</span>
146
147
  <span class="cline-any cline-neutral">&nbsp;</span>
147
148
  <span class="cline-any cline-neutral">&nbsp;</span>
148
149
  <span class="cline-any cline-neutral">&nbsp;</span>
149
150
  <span class="cline-any cline-neutral">&nbsp;</span>
150
151
  <span class="cline-any cline-yes">3x</span>
151
- <span class="cline-any cline-yes">5x</span>
152
+ <span class="cline-any cline-yes">6x</span>
152
153
  <span class="cline-any cline-yes">1x</span>
153
154
  <span class="cline-any cline-neutral">&nbsp;</span>
154
155
  <span class="cline-any cline-neutral">&nbsp;</span>
155
- <span class="cline-any cline-yes">4x</span>
156
- <span class="cline-any cline-yes">4x</span>
157
- <span class="cline-any cline-yes">4x</span>
158
- <span class="cline-any cline-neutral">&nbsp;</span>
159
- <span class="cline-any cline-yes">4x</span>
160
- <span class="cline-any cline-neutral">&nbsp;</span>
161
- <span class="cline-any cline-yes">4x</span>
162
- <span class="cline-any cline-neutral">&nbsp;</span>
163
- <span class="cline-any cline-yes">4x</span>
156
+ <span class="cline-any cline-yes">5x</span>
157
+ <span class="cline-any cline-yes">5x</span>
158
+ <span class="cline-any cline-yes">5x</span>
159
+ <span class="cline-any cline-yes">5x</span>
164
160
  <span class="cline-any cline-neutral">&nbsp;</span>
161
+ <span class="cline-any cline-yes">5x</span>
165
162
  <span class="cline-any cline-neutral">&nbsp;</span>
163
+ <span class="cline-any cline-yes">5x</span>
166
164
  <span class="cline-any cline-neutral">&nbsp;</span>
167
165
  <span class="cline-any cline-neutral">&nbsp;</span>
168
166
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -181,19 +179,19 @@
181
179
  <span class="cline-any cline-neutral">&nbsp;</span>
182
180
  <span class="cline-any cline-neutral">&nbsp;</span>
183
181
  <span class="cline-any cline-yes">3x</span>
184
- <span class="cline-any cline-yes">4x</span>
185
- <span class="cline-any cline-yes">4x</span>
182
+ <span class="cline-any cline-yes">5x</span>
183
+ <span class="cline-any cline-yes">5x</span>
186
184
  <span class="cline-any cline-neutral">&nbsp;</span>
187
185
  <span class="cline-any cline-neutral">&nbsp;</span>
188
186
  <span class="cline-any cline-neutral">&nbsp;</span>
189
187
  <span class="cline-any cline-neutral">&nbsp;</span>
190
- <span class="cline-any cline-yes">4x</span>
188
+ <span class="cline-any cline-yes">5x</span>
191
189
  <span class="cline-any cline-neutral">&nbsp;</span>
192
- <span class="cline-any cline-yes">4x</span>
190
+ <span class="cline-any cline-yes">5x</span>
193
191
  <span class="cline-any cline-neutral">&nbsp;</span>
194
192
  <span class="cline-any cline-neutral">&nbsp;</span>
195
193
  <span class="cline-any cline-neutral">&nbsp;</span>
196
- <span class="cline-any cline-yes">4x</span>
194
+ <span class="cline-any cline-yes">5x</span>
197
195
  <span class="cline-any cline-neutral">&nbsp;</span>
198
196
  <span class="cline-any cline-neutral">&nbsp;</span>
199
197
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -206,44 +204,40 @@ const TRIANGLE_SCALE_X = 6;
206
204
  const TRIANGLE_SCALE_Y = 8;
207
205
  &nbsp;
208
206
  const isDirectionUp = (triggerRect, tooltipRect) =&gt; {
209
- const collisions = {
210
- top: triggerRect.top - tooltipRect.height &lt; 0,
211
- bottom:
212
- window.innerHeight &lt;
213
- triggerRect.bottom + tooltipRect.height + OFFSET
214
- };
207
+ const collisions = {
208
+ top: triggerRect.top - tooltipRect.height &lt; 0,
209
+ bottom:
210
+ window.innerHeight &lt; triggerRect.bottom + tooltipRect.height + OFFSET,
211
+ };
215
212
  &nbsp;
216
- return !collisions.top || collisions.bottom;
213
+ return !collisions.top || collisions.bottom;
217
214
  };
218
215
  &nbsp;
219
216
  // modified from @reach/tooltip default positioning function
220
217
  // positions Tooltip relative to trigger
221
218
  // https://github.com/reach/reach-ui/blob/master/packages/tooltip/src/index.tsx#L532
222
219
  const positionTip = (triggerRect, tooltipRect) =&gt; {
223
- if (!triggerRect || !tooltipRect) {
224
- return {};
225
- }
220
+ if (!triggerRect || !tooltipRect) {
221
+ return {};
222
+ }
226
223
  &nbsp;
227
- const triggerCenter = triggerRect.left + triggerRect.width / 2;
228
- const left = triggerCenter - tooltipRect.width / 2;
229
- const maxLeft = window.innerWidth - tooltipRect.width - 2;
230
- const centerLeft =
231
- Math.min(Math.max(2, left), maxLeft) + window.pageXOffset;
224
+ const triggerCenter = triggerRect.left + triggerRect.width / 2;
225
+ const left = triggerCenter - tooltipRect.width / 2;
226
+ const maxLeft = window.innerWidth - tooltipRect.width - 2;
227
+ const centerLeft = Math.min(Math.max(2, left), maxLeft) + window.pageXOffset;
232
228
  &nbsp;
233
- const directionUp = isDirectionUp(triggerRect, tooltipRect);
229
+ const directionUp = isDirectionUp(triggerRect, tooltipRect);
234
230
  &nbsp;
235
- return {
236
- left: `${centerLeft}px`,
237
- top: directionUp
238
- ? `${triggerRect.top -
239
- OFFSET -
240
- tooltipRect.height +
241
- window.pageYOffset}px`
242
- : `${triggerRect.top +
243
- OFFSET +
244
- triggerRect.height +
245
- window.pageYOffset}px`
246
- };
231
+ return {
232
+ left: `${centerLeft}px`,
233
+ top: directionUp
234
+ ? `${
235
+ triggerRect.top - OFFSET - tooltipRect.height + window.pageYOffset
236
+ }px`
237
+ : `${
238
+ triggerRect.top + OFFSET + triggerRect.height + window.pageYOffset
239
+ }px`,
240
+ };
247
241
  };
248
242
  &nbsp;
249
243
  export default positionTip;
@@ -253,19 +247,19 @@ export default positionTip;
253
247
  // rendering. This method causes an additional repaint after the Tooltip
254
248
  // has been rendered. may require changes to @reach/tooltip.
255
249
  export const positionTriangle = (triggerRect, tooltipRect) =&gt; {
256
- const directionUp = isDirectionUp(triggerRect, tooltipRect);
257
- const triangleTop = directionUp
258
- ? triggerRect.top + window.pageYOffset - OFFSET
259
- : triggerRect.bottom + window.pageYOffset + OFFSET - TRIANGLE_SCALE_Y;
250
+ const directionUp = isDirectionUp(triggerRect, tooltipRect);
251
+ const triangleTop = directionUp
252
+ ? triggerRect.top + window.pageYOffset - OFFSET
253
+ : triggerRect.bottom + window.pageYOffset + OFFSET - TRIANGLE_SCALE_Y;
260
254
  &nbsp;
261
- const triangleLeft =
262
- triggerRect.left - TRIANGLE_SCALE_X + triggerRect.width / 2;
255
+ const triangleLeft =
256
+ triggerRect.left - TRIANGLE_SCALE_X + triggerRect.width / 2;
263
257
  &nbsp;
264
- const triangleBorder = directionUp
265
- ? `border-top: ${TRIANGLE_SCALE_Y}px solid;`
266
- : `border-bottom: ${TRIANGLE_SCALE_Y}px solid;`;
258
+ const triangleBorder = directionUp
259
+ ? `border-top: ${TRIANGLE_SCALE_Y}px solid;`
260
+ : `border-bottom: ${TRIANGLE_SCALE_Y}px solid;`;
267
261
  &nbsp;
268
- return `
262
+ return `
269
263
  border-left: ${TRIANGLE_SCALE_X}px solid transparent;
270
264
  border-right: ${TRIANGLE_SCALE_X}px solid transparent;
271
265
  left: ${triangleLeft}px;
@@ -279,10 +273,9 @@ export const positionTriangle = (triggerRect, tooltipRect) =&gt; {
279
273
  </div><!-- /wrapper -->
280
274
  <div class='footer quiet pad2 space-top1 center small'>
281
275
  Code coverage generated by
282
- <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
283
- at Tue Aug 04 2020 16:59:07 GMT-0700 (Pacific Daylight Time)
276
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
277
+ at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
284
278
  </div>
285
- </div>
286
279
  <script src="../../prettify.js"></script>
287
280
  <script>
288
281
  window.onload = function () {