qpp-style 0.0.9 → 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 (456) 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/index.js +4 -4
  7. package/components/Button/index.js +17 -6
  8. package/components/CalloutBox/index.js +109 -0
  9. package/components/Card/index.js +137 -0
  10. package/components/Details/DetailsIcons.js +50 -0
  11. package/components/Details/index.js +53 -0
  12. package/components/Dropdown/index.js +85 -0
  13. package/components/DropdownButton/Menu.js +25 -0
  14. package/components/DropdownButton/MenuButton.js +41 -0
  15. package/components/DropdownButton/MenuItem.js +25 -0
  16. package/components/DropdownButton/MenuItemLink.js +27 -0
  17. package/components/Error/Collapsible.jsx +2 -2
  18. package/components/Footer/FooterUI.jsx +175 -177
  19. package/components/Footer/footer.js +2 -12
  20. package/components/GovBanner/index.js +117 -0
  21. package/components/Header/HeaderAccountMenu.jsx +49 -75
  22. package/components/Header/HeaderContainer.jsx +46 -34
  23. package/components/Header/HeaderLogo.jsx +40 -17
  24. package/components/Header/HeaderMenuButton.js +38 -12
  25. package/components/Header/HeaderMenuItem.jsx +204 -64
  26. package/components/Header/HeaderMenuLink.js +46 -10
  27. package/components/Header/HeaderMenuSignOutButton.js +46 -10
  28. package/components/Header/HeaderMobileButton.js +15 -6
  29. package/components/Header/HeaderUI.jsx +118 -117
  30. package/components/Header/HelpIcon.jsx +7 -5
  31. package/components/Header/ImpersonatorBanner.jsx +81 -0
  32. package/components/Header/header.js +2 -0
  33. package/components/Header/hooks.js +53 -1
  34. package/components/Header/utag-helpers.js +9 -0
  35. package/components/Infotip/Infotip.jsx +6 -10
  36. package/components/Infotip/InfotipContent.jsx +46 -0
  37. package/components/Infotip/InfotipIcon.jsx +3 -3
  38. package/components/Link/index.js +61 -0
  39. package/components/Modal/Modal.jsx +53 -40
  40. package/components/Modal/index.jsx +11 -11
  41. package/components/NotificationBanner/CollapsedView.js +39 -0
  42. package/components/NotificationBanner/ExpandedView.js +45 -0
  43. package/components/NotificationBanner/index.js +219 -30
  44. package/components/Search/index.js +98 -0
  45. package/components/SessionDialog/sessionDialog.js +26 -0
  46. package/components/SessionDialogUI.jsx +34 -26
  47. package/components/SideNav/AnimationGroup/AnimationGroup.jsx +9 -2
  48. package/components/SideNav/Chart/ScoreChart.jsx +1 -1
  49. package/components/SideNav/Chart/__tests__/ScoreChart.test.js +3 -12
  50. package/components/SideNav/Chart/__tests__/__snapshots__/ScoreChart.test.js.snap +144 -35
  51. package/components/SideNav/Chart/index.js +1 -1
  52. package/components/SideNav/Content/LevelOneContent.jsx +145 -255
  53. package/components/SideNav/Content/LevelTwoContent.jsx +12 -10
  54. package/components/SideNav/Content/SelectRole/index.js +77 -0
  55. package/components/SideNav/Content/SelectRole/utils.js +140 -0
  56. package/components/SideNav/Details/PracticeDetails.jsx +4 -0
  57. package/components/SideNav/Links/CmsSwitchLink.jsx +1 -1
  58. package/components/SideNav/Links/NavLinkContainer.jsx +29 -34
  59. package/components/SideNav/Links/NavLinkDrawer.jsx +100 -17
  60. package/components/SideNav/Links/NavLinkInline.jsx +7 -2
  61. package/components/SideNav/SideNav.md +28 -27
  62. package/components/SideNav/UI/SideNavUI.jsx +122 -129
  63. package/components/SideNav/UI/default-content.json +117 -0
  64. package/components/SideNav/helpers.js +316 -4
  65. package/components/Tabs/TabPanel.js +5 -0
  66. package/components/Tabs/Tabs.js +73 -0
  67. package/components/TextInput/index.js +137 -0
  68. package/components/hooks/useGetConfig.js +75 -0
  69. package/components/index.js +103 -9
  70. package/coverage/clover.xml +1465 -41
  71. package/coverage/coverage-final.json +72 -1
  72. package/coverage/lcov-report/block-navigation.js +8 -0
  73. package/coverage/lcov-report/components/Accordion/index.html +26 -21
  74. package/coverage/lcov-report/components/Accordion/index.jsx.html +106 -131
  75. package/coverage/lcov-report/{SideNav/Chart → components/Button}/index.html +29 -24
  76. package/coverage/lcov-report/{Error/Collapsible.jsx.html → components/Button/index.js.html} +125 -114
  77. package/coverage/lcov-report/components/Error/Collapsible.jsx.html +92 -87
  78. package/coverage/lcov-report/components/Error/ErrorUI.jsx.html +32 -33
  79. package/coverage/lcov-report/components/Error/index.html +11 -6
  80. package/coverage/lcov-report/components/Footer/FooterUI.jsx.html +200 -189
  81. package/coverage/lcov-report/components/Footer/SocialLinks.jsx.html +24 -61
  82. package/coverage/lcov-report/components/Footer/Subscribe.jsx.html +18 -13
  83. package/coverage/lcov-report/components/Footer/index.html +35 -45
  84. package/coverage/lcov-report/components/{InfoModal → GovBanner}/index.html +27 -22
  85. package/coverage/lcov-report/components/{InfoModal/index.jsx.html → GovBanner/index.js.html} +157 -122
  86. package/coverage/lcov-report/components/Header/HeaderAccountMenu.jsx.html +93 -520
  87. package/coverage/lcov-report/components/Header/HeaderCancel.jsx.html +19 -23
  88. package/coverage/lcov-report/components/Header/HeaderContainer.jsx.html +280 -0
  89. package/coverage/lcov-report/components/{SideNav/Links/NavLinkContainer.jsx.html → Header/HeaderLogo.jsx.html} +78 -67
  90. package/coverage/lcov-report/components/{SideNav/Links/NavItemInline.jsx.html → Header/HeaderMenuButton.js.html} +71 -78
  91. package/coverage/lcov-report/components/{SideNav/Links/NavLinkDrawer.jsx.html → Header/HeaderMenuItem.jsx.html} +291 -268
  92. package/coverage/lcov-report/components/Header/HeaderMenuLink.js.html +253 -0
  93. package/coverage/lcov-report/components/Header/HeaderMenuSignOutButton.js.html +271 -0
  94. package/coverage/lcov-report/components/{SideNav/Links/NavLinkToggle.jsx.html → Header/HeaderMobileButton.js.html} +64 -47
  95. package/coverage/lcov-report/components/Header/HeaderUI.jsx.html +176 -756
  96. package/coverage/lcov-report/components/Header/HelpIcon.jsx.html +181 -0
  97. package/coverage/lcov-report/{Accordion/index.jsx.html → components/Header/ImpersonatorBanner.jsx.html} +109 -167
  98. package/coverage/lcov-report/components/Header/NavigationButtonIcon.jsx.html +24 -19
  99. package/coverage/lcov-report/components/Header/hooks.js.html +283 -0
  100. package/coverage/lcov-report/components/Header/index.html +203 -33
  101. package/coverage/lcov-report/components/{SideNav/Links/index.js.html → Header/utag-helpers.js.html} +35 -42
  102. package/coverage/lcov-report/components/Infotip/Infotip.jsx.html +53 -48
  103. package/coverage/lcov-report/components/Infotip/InfotipIcon.jsx.html +37 -32
  104. package/coverage/lcov-report/components/Infotip/index.html +8 -3
  105. package/coverage/lcov-report/components/Infotip/index.js.html +8 -3
  106. package/coverage/lcov-report/components/Modal/LegacyModal.jsx.html +301 -0
  107. package/coverage/lcov-report/{HeaderUI.jsx.html → components/Modal/Modal.jsx.html} +169 -257
  108. package/coverage/lcov-report/components/Modal/index.html +146 -0
  109. package/coverage/lcov-report/components/{SideNav/Details/IndividualDetails.jsx.html → Modal/index.jsx.html} +50 -42
  110. package/coverage/lcov-report/components/NotificationBanner/CollapsedView.js.html +202 -0
  111. package/coverage/lcov-report/components/NotificationBanner/ExpandedView.js.html +220 -0
  112. package/coverage/lcov-report/components/NotificationBanner/index.html +58 -23
  113. package/coverage/lcov-report/components/{SideNav/Content/LevelTwoContent.jsx.html → NotificationBanner/index.js.html} +292 -272
  114. package/coverage/lcov-report/components/SanitizedContent/index.html +8 -3
  115. package/coverage/lcov-report/components/SanitizedContent/index.jsx.html +475 -50
  116. package/coverage/lcov-report/components/SessionDialogUI.jsx.html +248 -255
  117. package/coverage/lcov-report/components/SideNav/Chart/ScoreChart.jsx.html +272 -408
  118. package/coverage/lcov-report/components/SideNav/Chart/index.html +28 -38
  119. package/coverage/lcov-report/components/SideNav/Content/SelectRole/index.html +116 -0
  120. package/coverage/lcov-report/components/SideNav/Content/SelectRole/utils.js.html +505 -0
  121. package/coverage/lcov-report/components/SideNav/helpers.js.html +987 -46
  122. package/coverage/lcov-report/components/SideNav/index.html +24 -19
  123. package/coverage/lcov-report/components/Tooltip/Tooltip.jsx.html +70 -65
  124. package/coverage/lcov-report/components/Tooltip/index.html +8 -3
  125. package/coverage/lcov-report/components/Tooltip/index.js.html +8 -3
  126. package/coverage/lcov-report/components/Tooltip/position.js.html +57 -64
  127. package/coverage/lcov-report/components/hooks/index.html +116 -0
  128. package/coverage/lcov-report/components/hooks/useGetConfig.js.html +310 -0
  129. package/coverage/lcov-report/components/index.html +10 -5
  130. package/coverage/lcov-report/index.html +401 -21
  131. package/coverage/lcov-report/{Error/ErrorUI.jsx.html → lib/Chevron.jsx.html} +44 -42
  132. package/coverage/lcov-report/lib/SvgComponents.jsx.html +1840 -0
  133. package/coverage/lcov-report/lib/index.html +34 -14
  134. package/coverage/lcov-report/react/components/Accordion/index.html +26 -21
  135. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +67 -86
  136. package/coverage/lcov-report/react/components/{FlashNotification → Button}/index.html +23 -33
  137. package/coverage/lcov-report/{components/SideNav/Links/NavLinkInline.jsx.html → react/components/Button/index.js.html} +119 -120
  138. package/coverage/lcov-report/react/components/{Tabs → Dropdown}/index.html +23 -33
  139. package/coverage/lcov-report/react/components/{InfoModal/index.jsx.html → Dropdown/index.js.html} +102 -154
  140. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +26 -21
  141. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +11 -6
  142. package/coverage/lcov-report/react/components/Error/error.js.html +8 -3
  143. package/coverage/lcov-report/react/components/Error/index.html +11 -6
  144. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +196 -194
  145. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +9 -4
  146. package/coverage/lcov-report/react/components/Footer/SocialLinks.jsx.html +18 -13
  147. package/coverage/lcov-report/react/components/Footer/Subscribe.jsx.html +18 -13
  148. package/coverage/lcov-report/react/components/Footer/footer.js.html +12 -37
  149. package/coverage/lcov-report/react/components/Footer/index.html +35 -45
  150. package/coverage/lcov-report/react/components/{InfoModal → GovBanner}/index.html +27 -22
  151. package/coverage/lcov-report/react/components/{Tabs/TabsUI.jsx.html → GovBanner/index.js.html} +146 -153
  152. package/coverage/lcov-report/react/components/Header/HeaderAccountMenu.jsx.html +81 -154
  153. package/coverage/lcov-report/react/components/Header/HeaderCancel.jsx.html +15 -10
  154. package/coverage/lcov-report/react/components/Header/HeaderContainer.jsx.html +91 -50
  155. package/coverage/lcov-report/react/components/Header/HeaderLogo.jsx.html +105 -31
  156. package/coverage/lcov-report/react/components/Header/HeaderMenuButton.js.html +109 -26
  157. package/coverage/lcov-report/react/components/Header/HeaderMenuItem.jsx.html +510 -85
  158. package/coverage/lcov-report/react/components/Header/HeaderMenuLink.js.html +137 -24
  159. package/coverage/lcov-report/react/components/Header/HeaderMenuSignOutButton.js.html +134 -21
  160. package/coverage/lcov-report/react/components/Header/HeaderMobileButton.js.html +56 -24
  161. package/coverage/lcov-report/react/components/Header/HeaderUI.jsx.html +172 -179
  162. package/coverage/lcov-report/react/components/Header/HelpIcon.jsx.html +30 -19
  163. package/coverage/lcov-report/react/components/Header/ImpersonatorBanner.jsx.html +331 -0
  164. package/coverage/lcov-report/react/components/Header/NavigationButtonIcon.jsx.html +9 -4
  165. package/coverage/lcov-report/react/components/Header/header.js.html +15 -4
  166. package/coverage/lcov-report/react/components/Header/hooks.js.html +187 -26
  167. package/coverage/lcov-report/react/components/Header/index.html +157 -122
  168. package/coverage/lcov-report/react/components/{Spinner/index.js.html → Header/utag-helpers.js.html} +26 -21
  169. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +12 -7
  170. package/coverage/lcov-report/react/components/{Tabs/tabs.js.html → Infotip/InfotipContent.jsx.html} +83 -48
  171. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +12 -7
  172. package/coverage/lcov-report/react/components/Infotip/index.html +8 -3
  173. package/coverage/lcov-report/react/components/Infotip/index.js.html +8 -3
  174. package/coverage/lcov-report/react/components/{FlashNotification/FlashNotificationUI.jsx.html → Modal/LegacyModal.jsx.html} +89 -84
  175. package/coverage/lcov-report/react/components/Modal/Modal.jsx.html +505 -0
  176. package/coverage/lcov-report/react/components/Modal/index.html +52 -17
  177. package/coverage/lcov-report/react/components/Modal/index.jsx.html +38 -201
  178. package/coverage/lcov-report/{components/SideNav/Links/CmsSwitchLink.jsx.html → react/components/NotificationBanner/CollapsedView.js.html} +52 -50
  179. package/coverage/lcov-report/{components/SideNav/Details/PracticeDetails.jsx.html → react/components/NotificationBanner/ExpandedView.js.html} +74 -57
  180. package/coverage/lcov-report/react/components/NotificationBanner/index.html +56 -21
  181. package/coverage/lcov-report/react/components/NotificationBanner/index.js.html +615 -43
  182. package/coverage/lcov-report/react/components/SanitizedContent/index.html +8 -3
  183. package/coverage/lcov-report/react/components/SanitizedContent/index.jsx.html +12 -7
  184. package/coverage/lcov-report/react/components/{Spinner → SessionDialog}/index.html +11 -6
  185. package/coverage/lcov-report/react/components/{FlashNotification/index.js.html → SessionDialog/sessionDialog.js.html} +35 -42
  186. package/coverage/lcov-report/react/components/SessionDialogUI.jsx.html +80 -51
  187. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +38 -12
  188. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/index.html +18 -13
  189. package/coverage/lcov-report/react/components/SideNav/Chart/ScoreChart.jsx.html +67 -56
  190. package/coverage/lcov-report/react/components/SideNav/Chart/index.html +26 -21
  191. package/coverage/lcov-report/react/components/SideNav/Chart/index.js.html +9 -4
  192. package/coverage/lcov-report/react/components/SideNav/Content/LevelOneContent.jsx.html +189 -514
  193. package/coverage/lcov-report/react/components/SideNav/Content/LevelTwoContent.jsx.html +28 -17
  194. package/coverage/lcov-report/{components/SideNav/Details → react/components/SideNav/Content/SelectRole}/index.html +42 -52
  195. package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/index.js.html +316 -0
  196. package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/utils.js.html +505 -0
  197. package/coverage/lcov-report/react/components/SideNav/Content/index.html +32 -27
  198. package/coverage/lcov-report/react/components/SideNav/Content/index.js.html +8 -3
  199. package/coverage/lcov-report/react/components/SideNav/Details/IndividualDetails.jsx.html +10 -5
  200. package/coverage/lcov-report/react/components/SideNav/Details/PracticeDetails.jsx.html +26 -9
  201. package/coverage/lcov-report/react/components/SideNav/Details/index.html +23 -18
  202. package/coverage/lcov-report/react/components/SideNav/Details/index.js.html +8 -3
  203. package/coverage/lcov-report/react/components/SideNav/Links/CmsSwitchLink.jsx.html +9 -4
  204. package/coverage/lcov-report/react/components/SideNav/Links/NavItemInline.jsx.html +8 -3
  205. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkContainer.jsx.html +54 -64
  206. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkDrawer.jsx.html +281 -27
  207. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkInline.jsx.html +66 -46
  208. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkToggle.jsx.html +8 -3
  209. package/coverage/lcov-report/react/components/SideNav/Links/index.html +44 -39
  210. package/coverage/lcov-report/react/components/SideNav/Links/index.js.html +8 -3
  211. package/coverage/lcov-report/react/components/SideNav/UI/SideNavUI.jsx.html +165 -181
  212. package/coverage/lcov-report/react/components/SideNav/UI/index.html +28 -23
  213. package/coverage/lcov-report/react/components/SideNav/UI/index.js.html +8 -3
  214. package/coverage/lcov-report/react/components/SideNav/helpers.js.html +967 -26
  215. package/coverage/lcov-report/react/components/SideNav/index.html +27 -22
  216. package/coverage/lcov-report/react/components/SideNav/index.js.html +8 -3
  217. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +20 -15
  218. package/coverage/lcov-report/react/components/Tooltip/index.html +8 -3
  219. package/coverage/lcov-report/react/components/Tooltip/index.js.html +8 -3
  220. package/coverage/lcov-report/react/components/Tooltip/position.js.html +22 -17
  221. package/coverage/lcov-report/{components/SideNav/AnimationGroup → react/components/hooks}/index.html +29 -24
  222. package/coverage/lcov-report/react/components/hooks/useGetConfig.js.html +310 -0
  223. package/coverage/lcov-report/react/components/index.html +10 -5
  224. package/coverage/lcov-report/react/index.html +20 -15
  225. package/coverage/lcov-report/react/index.js.html +29 -9
  226. package/coverage/lcov-report/react/lib/Chevron.jsx.html +181 -0
  227. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +221 -132
  228. package/coverage/lcov-report/react/lib/index.html +32 -27
  229. package/coverage/lcov-report/react/lib/svg-definitions.svg.html +8 -3
  230. package/coverage/lcov-report/react/session/index.html +32 -27
  231. package/coverage/lcov-report/react/session/index.js.html +8 -3
  232. package/coverage/lcov-report/react/session/logout.js.html +122 -18
  233. package/coverage/lcov-report/react/session/refresh.js.html +12 -7
  234. package/coverage/lcov-report/react/session/ttl.js.html +9 -4
  235. package/coverage/lcov-report/session/index.html +50 -45
  236. package/coverage/lcov-report/session/index.js.html +8 -3
  237. package/coverage/lcov-report/session/logout.js.html +144 -49
  238. package/coverage/lcov-report/session/refresh.js.html +41 -36
  239. package/coverage/lcov-report/session/ttl.js.html +34 -29
  240. package/coverage/lcov-report/sorter.js +26 -0
  241. package/coverage/lcov.info +3189 -46
  242. package/dist/browser.js +1 -1
  243. package/dist/browser.js.LICENSE.txt +1 -7
  244. package/dist/browser.js.map +1 -1
  245. package/dist/index.js +1 -1
  246. package/dist/index.js.LICENSE.txt +1 -7
  247. package/dist/index.js.map +1 -1
  248. package/dist/react/index.js +1 -1
  249. package/dist/react/index.js.LICENSE.txt +16 -16
  250. package/dist/react/index.js.map +1 -1
  251. package/fonts/PublicSans-Black.ttf +0 -0
  252. package/fonts/PublicSans-BlackItalic.ttf +0 -0
  253. package/fonts/PublicSans-Bold.ttf +0 -0
  254. package/fonts/PublicSans-BoldItalic.ttf +0 -0
  255. package/fonts/PublicSans-ExtraBold.ttf +0 -0
  256. package/fonts/PublicSans-ExtraBoldItalic.ttf +0 -0
  257. package/fonts/PublicSans-ExtraLight.ttf +0 -0
  258. package/fonts/PublicSans-ExtraLightItalic.ttf +0 -0
  259. package/fonts/PublicSans-Italic.ttf +0 -0
  260. package/fonts/PublicSans-Light.ttf +0 -0
  261. package/fonts/PublicSans-LightItalic.ttf +0 -0
  262. package/fonts/PublicSans-Medium.ttf +0 -0
  263. package/fonts/PublicSans-MediumItalic.ttf +0 -0
  264. package/fonts/PublicSans-Regular.ttf +0 -0
  265. package/fonts/PublicSans-SemiBold.ttf +0 -0
  266. package/fonts/PublicSans-SemiBoldItalic.ttf +0 -0
  267. package/fonts/PublicSans-Thin.ttf +0 -0
  268. package/fonts/PublicSans-ThinItalic.ttf +0 -0
  269. package/images/icon-dot-gov.svg +1 -0
  270. package/images/icon-https.svg +1 -0
  271. package/images/icons/close-x.svg +6 -0
  272. package/images/icons/svg/arrow-down.svg +3 -0
  273. package/images/icons/svg/arrow-download.svg +1 -0
  274. package/images/icons/svg/arrow-right.svg +1 -0
  275. package/images/icons/svg/arrow-up.svg +3 -0
  276. package/images/icons/svg/block.svg +5 -0
  277. package/images/icons/svg/calendar.svg +1 -0
  278. package/images/icons/svg/check-circle.svg +5 -0
  279. package/images/icons/svg/checkmark.svg +7 -0
  280. package/images/icons/svg/chevron-down.svg +11 -0
  281. package/images/icons/svg/chevron-left.svg +12 -0
  282. package/images/icons/svg/chevron-right.svg +12 -0
  283. package/images/icons/svg/chevron-up.svg +12 -0
  284. package/images/icons/svg/clipboard.svg +1 -0
  285. package/images/icons/svg/close.svg +1 -0
  286. package/images/icons/svg/divide.svg +13 -0
  287. package/images/icons/svg/doctors-and-clinicians-preview.svg +10 -0
  288. package/images/icons/svg/download.svg +1 -0
  289. package/images/icons/svg/dropdown-arrow.svg +1 -0
  290. package/images/icons/svg/equals.svg +13 -0
  291. package/images/icons/svg/exclamation.svg +11 -0
  292. package/images/icons/svg/external.svg +1 -0
  293. package/images/icons/svg/file-download.svg +1 -0
  294. package/images/icons/svg/file-upload.svg +1 -0
  295. package/images/icons/svg/info.svg +20 -0
  296. package/images/icons/svg/manage-user-access.svg +8 -0
  297. package/images/icons/svg/multiply.svg +12 -0
  298. package/images/icons/svg/performance-feedback.svg +1 -0
  299. package/images/icons/svg/plus.svg +12 -0
  300. package/images/icons/svg/preview.svg +17 -0
  301. package/images/icons/svg/print.svg +1 -0
  302. package/images/icons/svg/registration.svg +8 -0
  303. package/images/icons/svg/reporting.svg +17 -0
  304. package/images/icons/svg/save-disk.svg +5 -0
  305. package/images/icons/svg/search.svg +1 -0
  306. package/images/icons/svg/subtract.svg +15 -0
  307. package/images/icons/svg/targeted-review.svg +15 -0
  308. package/images/icons/svg/tooltip-question.svg +1 -0
  309. package/images/icons/svg/trash.svg +1 -0
  310. package/images/icons/svg/upload.svg +1 -0
  311. package/images/us_flag_small.png +0 -0
  312. package/index.js +5 -0
  313. package/jest.config.js +139 -132
  314. package/lib/Chevron.jsx +32 -0
  315. package/lib/SvgComponents.jsx +197 -49
  316. package/package.json +60 -78
  317. package/session/logout.js +35 -2
  318. package/styles/_global.scss +63 -62
  319. package/styles/_main.scss +6 -0
  320. package/styles/_qpp-style.scss +0 -3
  321. package/styles/components/_accordion.scss +249 -246
  322. package/styles/components/_autocomplete.scss +0 -3
  323. package/styles/components/_spinner.scss +0 -2
  324. package/styles/components/_tables.scss +77 -67
  325. package/styles/components/_text.scss +102 -102
  326. package/styles/components/_variables.scss +12 -12
  327. package/styles/qppds/base/_backgrounds.scss +1 -6
  328. package/styles/qppds/base/_fonts.scss +24 -0
  329. package/styles/qppds/base/_icon.scss +31 -0
  330. package/styles/qppds/base/_layout.scss +5 -0
  331. package/styles/qppds/base/_typography.scss +77 -43
  332. package/styles/qppds/base/index.scss +3 -6
  333. package/styles/qppds/components/_alert.scss +101 -0
  334. package/styles/qppds/components/_breadcrumbs.scss +42 -10
  335. package/styles/qppds/components/_button.scss +38 -12
  336. package/styles/qppds/components/_card.scss +175 -0
  337. package/styles/qppds/components/_checkbox.scss +199 -0
  338. package/styles/qppds/components/_circular-loader.scss +47 -0
  339. package/styles/qppds/components/_details.scss +90 -0
  340. package/styles/qppds/components/_dropdown-menu.scss +125 -0
  341. package/styles/qppds/components/_dropdown.scss +5 -0
  342. package/styles/qppds/components/_footer.scss +606 -0
  343. package/styles/qppds/components/_gov-banner.scss +344 -0
  344. package/styles/{components → qppds/components}/_header.scss +460 -24
  345. package/styles/qppds/components/_link.scss +32 -9
  346. package/styles/qppds/components/_modal.scss +61 -21
  347. package/styles/qppds/components/_page-header.scss +65 -2
  348. package/styles/qppds/components/_pagination.scss +227 -0
  349. package/styles/qppds/components/_process-list.scss +104 -0
  350. package/styles/qppds/components/_radio-button.scss +184 -0
  351. package/styles/qppds/components/_search.scss +118 -0
  352. package/styles/{components → qppds/components}/_sidebar.scss +2 -0
  353. package/styles/qppds/components/_step-indicator.scss +190 -0
  354. package/styles/qppds/components/_table.scss +157 -0
  355. package/styles/qppds/components/_tabs.scss +197 -0
  356. package/styles/qppds/components/_text-input.scss +60 -0
  357. package/styles/qppds/components/index.scss +18 -0
  358. package/styles/{components → qppds/components}/sidebar/_links.scss +48 -1
  359. package/styles/qppds/components/sidebar/_select-role-dropdown.scss +21 -0
  360. package/styles/{components → qppds/components}/sidebar/_sidebar-animation.scss +4 -0
  361. package/styles/qppds/components/sidebar/_sidebar.scss +146 -0
  362. package/styles/qppds/settings/_functions.scss +3 -1
  363. package/styles/qppds/settings/mixins/_borders.scss +6 -0
  364. package/styles/qppds/settings/mixins/_focus.scss +7 -1
  365. package/styles/qppds/settings/mixins/_icons.scss +39 -4
  366. package/styles/qppds/settings/mixins/_index.scss +3 -0
  367. package/styles/qppds/settings/mixins/_layout.scss +46 -7
  368. package/styles/qppds/settings/mixins/_table.scss +91 -0
  369. package/styles/qppds/settings/mixins/_type.scss +89 -0
  370. package/styles/qppds/settings/variables/_color.scss +47 -1
  371. package/styles/qppds/settings/variables/_index.scss +2 -1
  372. package/styles/qppds/settings/variables/_layout.scss +34 -9
  373. package/styles/qppds/settings/variables/_type.scss +41 -0
  374. package/styles/qppds/settings/variables/_z-index.scss +8 -0
  375. package/styles/qppds/utilities/_background-color.scss +4 -0
  376. package/styles/qppds/utilities/_color.scss +24 -0
  377. package/styles/qppds/utilities/{_display-visability.scss → _display-visibility.scss} +8 -0
  378. package/styles/qppds/utilities/_flexbox.scss +113 -0
  379. package/styles/qppds/utilities/_font-family.scss +4 -0
  380. package/styles/qppds/utilities/_gap.scss +38 -0
  381. package/styles/qppds/utilities/_height.scss +79 -0
  382. package/styles/qppds/utilities/_list-style.scss +18 -0
  383. package/styles/qppds/utilities/_position.scss +24 -0
  384. package/styles/qppds/utilities/_text-align.scss +40 -0
  385. package/styles/qppds/utilities/_text-transform.scss +7 -0
  386. package/styles/qppds/utilities/_truncate.scss +5 -5
  387. package/styles/qppds/utilities/_vertical-align.scss +72 -0
  388. package/styles/qppds/utilities/_width.scss +38 -1
  389. package/styles/qppds/utilities/index.scss +8 -2
  390. package/svgo.config.js +14 -0
  391. package/test/components/Accordion.test.js +4 -13
  392. package/test/components/ErrorUI.test.js +10 -46
  393. package/test/components/FooterUI.test.js +0 -30
  394. package/test/components/HeaderUI.test.js +32 -40
  395. package/test/components/Infotip.test.js +18 -12
  396. package/test/components/SessionDialogUI.test.js +55 -70
  397. package/test-setup.js +0 -8
  398. package/webpack.config.js +29 -39
  399. package/webpack.config.react.js +7 -18
  400. package/.storybook/.babelrc +0 -4
  401. package/.storybook/main.js +0 -88
  402. package/.storybook/preview-head.html +0 -9
  403. package/.storybook/preview.js +0 -5
  404. package/Session.vim +0 -83
  405. package/components/Accordion/Accordion.stories.js +0 -20
  406. package/components/Breadcrumb/Breadcrumb.stories.js +0 -58
  407. package/components/Button/Button.stories.js +0 -125
  408. package/components/Footer/Footer.stories.js +0 -20
  409. package/components/Footer/LegacyFooterUI.jsx +0 -194
  410. package/components/Header/Header.stories.js +0 -32
  411. package/components/InfoModal/InfoModal.stories.js +0 -98
  412. package/components/InfoModal/index.jsx +0 -104
  413. package/components/Infotip/Infotip.stories.js +0 -50
  414. package/components/Modal/Modal.stories.js +0 -159
  415. package/components/NotificationBanner/NotificationBanner.stories.js +0 -22
  416. package/components/NotificationBanner/NotificationBannerUI.jsx +0 -282
  417. package/components/SideNav/SideNav.stories.js +0 -397
  418. package/components/Spinner/index.js +0 -9
  419. package/components/Tabs/TabsUI.jsx +0 -118
  420. package/components/Tabs/tabs.js +0 -36
  421. package/components/Tooltip/Tooltip.jsx +0 -88
  422. package/components/Tooltip/Tooltip.stories.js +0 -80
  423. package/components/Tooltip/index.js +0 -3
  424. package/components/Tooltip/position.js +0 -68
  425. package/components/UnwrappedSpinner/index.js +0 -8
  426. package/components/UnwrappedTabs/TabPanelUI.jsx +0 -16
  427. package/components/UnwrappedTabs/TabsUI.jsx +0 -82
  428. package/coverage/lcov-report/Accordion/index.html +0 -111
  429. package/coverage/lcov-report/Error/index.html +0 -126
  430. package/coverage/lcov-report/ScoreChart.jsx.html +0 -1025
  431. package/coverage/lcov-report/SideNav/Chart/ScoreChart.jsx.html +0 -1025
  432. package/coverage/lcov-report/components/Footer/LegacyFooterUI.jsx.html +0 -668
  433. package/coverage/lcov-report/components/NotificationBanner/NotificationBannerUI.jsx.html +0 -1010
  434. package/coverage/lcov-report/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +0 -131
  435. package/coverage/lcov-report/components/SideNav/Chart/index.js.html +0 -89
  436. package/coverage/lcov-report/components/SideNav/Content/LevelOneContent.jsx.html +0 -1007
  437. package/coverage/lcov-report/components/SideNav/Content/index.html +0 -141
  438. package/coverage/lcov-report/components/SideNav/Content/index.js.html +0 -92
  439. package/coverage/lcov-report/components/SideNav/Details/index.js.html +0 -92
  440. package/coverage/lcov-report/components/SideNav/Links/index.html +0 -201
  441. package/coverage/lcov-report/components/SideNav/UI/SideNavUI.jsx.html +0 -1298
  442. package/coverage/lcov-report/components/SideNav/UI/index.html +0 -126
  443. package/coverage/lcov-report/components/SideNav/UI/index.js.html +0 -89
  444. package/coverage/lcov-report/lib/svg-definitions.svg.html +0 -1319
  445. package/coverage/lcov-report/react/components/NotificationBanner/NotificationBannerUI.jsx.html +0 -926
  446. package/styles/components/_footer.scss +0 -593
  447. package/styles/components/_header_backup.scss +0 -574
  448. package/styles/components/sidebar/_sidebar.scss +0 -141
  449. package/test/components/Tooltip.test.js +0 -147
  450. package/test/components/__snapshots__/Accordion.test.js.snap +0 -11439
  451. package/test/components/__snapshots__/HeaderUI.test.js.snap +0 -3
  452. /package/styles/{components → qppds/components}/sidebar/_animations.scss +0 -0
  453. /package/styles/{components → qppds/components}/sidebar/_cms.scss +0 -0
  454. /package/styles/{components → qppds/components}/sidebar/_details.scss +0 -0
  455. /package/styles/{components → qppds/components}/sidebar/_sidebar-tooltip.scss +0 -0
  456. /package/styles/{components → qppds/components}/sidebar/project-specific/_wi.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">22.69% </span>
26
+ <span class="strong">57.47% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>27/119</span>
28
+ <span class='fraction'>123/214</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">0% </span>
33
+ <span class="strong">39.21% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/65</span>
35
+ <span class='fraction'>40/102</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">0% </span>
40
+ <span class="strong">37.14% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>0/35</span>
42
+ <span class='fraction'>26/70</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">22.88% </span>
47
+ <span class="strong">58.62% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>27/118</span>
49
+ <span class='fraction'>119/203</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 low'></div>
64
+ <div class='status-line medium'></div>
59
65
  <div class="pad1">
60
66
  <table class="coverage-summary">
61
67
  <thead>
@@ -73,168 +79,183 @@
73
79
  </tr>
74
80
  </thead>
75
81
  <tbody><tr>
76
- <td class="file low" data-value="HeaderAccountMenu.jsx"><a href="HeaderAccountMenu.jsx.html">HeaderAccountMenu.jsx</a></td>
77
- <td data-value="12.5" class="pic low">
78
- <div class="chart"><div class="cover-fill" style="width: 12%"></div><div class="cover-empty" style="width: 88%"></div></div>
82
+ <td class="file medium" data-value="HeaderAccountMenu.jsx"><a href="HeaderAccountMenu.jsx.html">HeaderAccountMenu.jsx</a></td>
83
+ <td data-value="58.82" class="pic medium">
84
+ <div class="chart"><div class="cover-fill" style="width: 58%"></div><div class="cover-empty" style="width: 42%"></div></div>
79
85
  </td>
80
- <td data-value="12.5" class="pct low">12.5%</td>
81
- <td data-value="24" class="abs low">3/24</td>
82
- <td data-value="0" class="pct low">0%</td>
83
- <td data-value="24" class="abs low">0/24</td>
84
- <td data-value="0" class="pct low">0%</td>
85
- <td data-value="1" class="abs low">0/1</td>
86
- <td data-value="12.5" class="pct low">12.5%</td>
87
- <td data-value="24" class="abs low">3/24</td>
86
+ <td data-value="58.82" class="pct medium">58.82%</td>
87
+ <td data-value="17" class="abs medium">10/17</td>
88
+ <td data-value="43.75" class="pct low">43.75%</td>
89
+ <td data-value="16" class="abs low">7/16</td>
90
+ <td data-value="33.33" class="pct low">33.33%</td>
91
+ <td data-value="3" class="abs low">1/3</td>
92
+ <td data-value="58.82" class="pct medium">58.82%</td>
93
+ <td data-value="17" class="abs medium">10/17</td>
88
94
  </tr>
89
95
 
90
96
  <tr>
91
97
  <td class="file medium" data-value="HeaderCancel.jsx"><a href="HeaderCancel.jsx.html">HeaderCancel.jsx</a></td>
92
- <td data-value="66.67" class="pic medium">
98
+ <td data-value="66.66" class="pic medium">
93
99
  <div class="chart"><div class="cover-fill" style="width: 66%"></div><div class="cover-empty" style="width: 34%"></div></div>
94
100
  </td>
95
- <td data-value="66.67" class="pct medium">66.67%</td>
101
+ <td data-value="66.66" class="pct medium">66.66%</td>
96
102
  <td data-value="3" class="abs medium">2/3</td>
97
103
  <td data-value="100" class="pct high">100%</td>
98
104
  <td data-value="0" class="abs high">0/0</td>
99
105
  <td data-value="0" class="pct low">0%</td>
100
106
  <td data-value="1" class="abs low">0/1</td>
101
- <td data-value="66.67" class="pct medium">66.67%</td>
107
+ <td data-value="66.66" class="pct medium">66.66%</td>
102
108
  <td data-value="3" class="abs medium">2/3</td>
103
109
  </tr>
104
110
 
105
111
  <tr>
106
- <td class="file low" data-value="HeaderContainer.jsx"><a href="HeaderContainer.jsx.html">HeaderContainer.jsx</a></td>
107
- <td data-value="37.5" class="pic low">
108
- <div class="chart"><div class="cover-fill" style="width: 37%"></div><div class="cover-empty" style="width: 63%"></div></div>
112
+ <td class="file medium" data-value="HeaderContainer.jsx"><a href="HeaderContainer.jsx.html">HeaderContainer.jsx</a></td>
113
+ <td data-value="63.63" class="pic medium">
114
+ <div class="chart"><div class="cover-fill" style="width: 63%"></div><div class="cover-empty" style="width: 37%"></div></div>
109
115
  </td>
110
- <td data-value="37.5" class="pct low">37.5%</td>
111
- <td data-value="8" class="abs low">3/8</td>
112
- <td data-value="0" class="pct low">0%</td>
113
- <td data-value="8" class="abs low">0/8</td>
114
- <td data-value="0" class="pct low">0%</td>
115
- <td data-value="4" class="abs low">0/4</td>
116
- <td data-value="37.5" class="pct low">37.5%</td>
117
- <td data-value="8" class="abs low">3/8</td>
116
+ <td data-value="63.63" class="pct medium">63.63%</td>
117
+ <td data-value="11" class="abs medium">7/11</td>
118
+ <td data-value="58.33" class="pct medium">58.33%</td>
119
+ <td data-value="12" class="abs medium">7/12</td>
120
+ <td data-value="25" class="pct low">25%</td>
121
+ <td data-value="4" class="abs low">1/4</td>
122
+ <td data-value="63.63" class="pct medium">63.63%</td>
123
+ <td data-value="11" class="abs medium">7/11</td>
118
124
  </tr>
119
125
 
120
126
  <tr>
121
- <td class="file medium" data-value="HeaderLogo.jsx"><a href="HeaderLogo.jsx.html">HeaderLogo.jsx</a></td>
122
- <td data-value="50" class="pic medium">
123
- <div class="chart"><div class="cover-fill" style="width: 50%"></div><div class="cover-empty" style="width: 50%"></div></div>
127
+ <td class="file high" data-value="HeaderLogo.jsx"><a href="HeaderLogo.jsx.html">HeaderLogo.jsx</a></td>
128
+ <td data-value="80" class="pic high">
129
+ <div class="chart"><div class="cover-fill" style="width: 80%"></div><div class="cover-empty" style="width: 20%"></div></div>
124
130
  </td>
131
+ <td data-value="80" class="pct high">80%</td>
132
+ <td data-value="5" class="abs high">4/5</td>
125
133
  <td data-value="50" class="pct medium">50%</td>
126
134
  <td data-value="2" class="abs medium">1/2</td>
127
135
  <td data-value="100" class="pct high">100%</td>
128
- <td data-value="0" class="abs high">0/0</td>
129
- <td data-value="0" class="pct low">0%</td>
130
- <td data-value="1" class="abs low">0/1</td>
131
- <td data-value="50" class="pct medium">50%</td>
132
- <td data-value="2" class="abs medium">1/2</td>
136
+ <td data-value="1" class="abs high">1/1</td>
137
+ <td data-value="80" class="pct high">80%</td>
138
+ <td data-value="5" class="abs high">4/5</td>
133
139
  </tr>
134
140
 
135
141
  <tr>
136
- <td class="file medium" data-value="HeaderMenuButton.js"><a href="HeaderMenuButton.js.html">HeaderMenuButton.js</a></td>
137
- <td data-value="66.67" class="pic medium">
138
- <div class="chart"><div class="cover-fill" style="width: 66%"></div><div class="cover-empty" style="width: 34%"></div></div>
142
+ <td class="file low" data-value="HeaderMenuButton.js"><a href="HeaderMenuButton.js.html">HeaderMenuButton.js</a></td>
143
+ <td data-value="22.22" class="pic low">
144
+ <div class="chart"><div class="cover-fill" style="width: 22%"></div><div class="cover-empty" style="width: 78%"></div></div>
139
145
  </td>
140
- <td data-value="66.67" class="pct medium">66.67%</td>
141
- <td data-value="3" class="abs medium">2/3</td>
142
- <td data-value="100" class="pct high">100%</td>
143
- <td data-value="0" class="abs high">0/0</td>
146
+ <td data-value="22.22" class="pct low">22.22%</td>
147
+ <td data-value="9" class="abs low">2/9</td>
144
148
  <td data-value="0" class="pct low">0%</td>
145
- <td data-value="1" class="abs low">0/1</td>
146
- <td data-value="66.67" class="pct medium">66.67%</td>
147
- <td data-value="3" class="abs medium">2/3</td>
149
+ <td data-value="2" class="abs low">0/2</td>
150
+ <td data-value="0" class="pct low">0%</td>
151
+ <td data-value="3" class="abs low">0/3</td>
152
+ <td data-value="22.22" class="pct low">22.22%</td>
153
+ <td data-value="9" class="abs low">2/9</td>
148
154
  </tr>
149
155
 
150
156
  <tr>
151
- <td class="file low" data-value="HeaderMenuItem.jsx"><a href="HeaderMenuItem.jsx.html">HeaderMenuItem.jsx</a></td>
152
- <td data-value="20" class="pic low">
153
- <div class="chart"><div class="cover-fill" style="width: 20%"></div><div class="cover-empty" style="width: 80%"></div></div>
157
+ <td class="file medium" data-value="HeaderMenuItem.jsx"><a href="HeaderMenuItem.jsx.html">HeaderMenuItem.jsx</a></td>
158
+ <td data-value="57.77" class="pic medium">
159
+ <div class="chart"><div class="cover-fill" style="width: 57%"></div><div class="cover-empty" style="width: 43%"></div></div>
154
160
  </td>
155
- <td data-value="20" class="pct low">20%</td>
156
- <td data-value="20" class="abs low">4/20</td>
157
- <td data-value="0" class="pct low">0%</td>
158
- <td data-value="14" class="abs low">0/14</td>
159
- <td data-value="0" class="pct low">0%</td>
160
- <td data-value="5" class="abs low">0/5</td>
161
- <td data-value="20" class="pct low">20%</td>
162
- <td data-value="20" class="abs low">4/20</td>
161
+ <td data-value="57.77" class="pct medium">57.77%</td>
162
+ <td data-value="45" class="abs medium">26/45</td>
163
+ <td data-value="27.77" class="pct low">27.77%</td>
164
+ <td data-value="36" class="abs low">10/36</td>
165
+ <td data-value="38.46" class="pct low">38.46%</td>
166
+ <td data-value="13" class="abs low">5/13</td>
167
+ <td data-value="56.81" class="pct medium">56.81%</td>
168
+ <td data-value="44" class="abs medium">25/44</td>
163
169
  </tr>
164
170
 
165
171
  <tr>
166
- <td class="file medium" data-value="HeaderMenuLink.js"><a href="HeaderMenuLink.js.html">HeaderMenuLink.js</a></td>
167
- <td data-value="66.67" class="pic medium">
168
- <div class="chart"><div class="cover-fill" style="width: 66%"></div><div class="cover-empty" style="width: 34%"></div></div>
172
+ <td class="file low" data-value="HeaderMenuLink.js"><a href="HeaderMenuLink.js.html">HeaderMenuLink.js</a></td>
173
+ <td data-value="21.42" class="pic low">
174
+ <div class="chart"><div class="cover-fill" style="width: 21%"></div><div class="cover-empty" style="width: 79%"></div></div>
169
175
  </td>
170
- <td data-value="66.67" class="pct medium">66.67%</td>
171
- <td data-value="3" class="abs medium">2/3</td>
172
- <td data-value="100" class="pct high">100%</td>
173
- <td data-value="0" class="abs high">0/0</td>
176
+ <td data-value="21.42" class="pct low">21.42%</td>
177
+ <td data-value="14" class="abs low">3/14</td>
174
178
  <td data-value="0" class="pct low">0%</td>
175
- <td data-value="1" class="abs low">0/1</td>
176
- <td data-value="66.67" class="pct medium">66.67%</td>
177
- <td data-value="3" class="abs medium">2/3</td>
179
+ <td data-value="8" class="abs low">0/8</td>
180
+ <td data-value="0" class="pct low">0%</td>
181
+ <td data-value="5" class="abs low">0/5</td>
182
+ <td data-value="23.07" class="pct low">23.07%</td>
183
+ <td data-value="13" class="abs low">3/13</td>
178
184
  </tr>
179
185
 
180
186
  <tr>
181
187
  <td class="file low" data-value="HeaderMenuSignOutButton.js"><a href="HeaderMenuSignOutButton.js.html">HeaderMenuSignOutButton.js</a></td>
182
- <td data-value="40" class="pic low">
183
- <div class="chart"><div class="cover-fill" style="width: 40%"></div><div class="cover-empty" style="width: 60%"></div></div>
188
+ <td data-value="17.64" class="pic low">
189
+ <div class="chart"><div class="cover-fill" style="width: 17%"></div><div class="cover-empty" style="width: 83%"></div></div>
184
190
  </td>
185
- <td data-value="40" class="pct low">40%</td>
186
- <td data-value="5" class="abs low">2/5</td>
191
+ <td data-value="17.64" class="pct low">17.64%</td>
192
+ <td data-value="17" class="abs low">3/17</td>
187
193
  <td data-value="100" class="pct high">100%</td>
188
194
  <td data-value="0" class="abs high">0/0</td>
189
195
  <td data-value="0" class="pct low">0%</td>
190
- <td data-value="2" class="abs low">0/2</td>
191
- <td data-value="40" class="pct low">40%</td>
192
- <td data-value="5" class="abs low">2/5</td>
196
+ <td data-value="7" class="abs low">0/7</td>
197
+ <td data-value="20" class="pct low">20%</td>
198
+ <td data-value="15" class="abs low">3/15</td>
193
199
  </tr>
194
200
 
195
201
  <tr>
196
- <td class="file medium" data-value="HeaderMobileButton.js"><a href="HeaderMobileButton.js.html">HeaderMobileButton.js</a></td>
197
- <td data-value="66.67" class="pic medium">
198
- <div class="chart"><div class="cover-fill" style="width: 66%"></div><div class="cover-empty" style="width: 34%"></div></div>
202
+ <td class="file high" data-value="HeaderMobileButton.js"><a href="HeaderMobileButton.js.html">HeaderMobileButton.js</a></td>
203
+ <td data-value="100" class="pic high">
204
+ <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
199
205
  </td>
200
- <td data-value="66.67" class="pct medium">66.67%</td>
201
- <td data-value="3" class="abs medium">2/3</td>
202
- <td data-value="0" class="pct low">0%</td>
203
- <td data-value="2" class="abs low">0/2</td>
204
- <td data-value="0" class="pct low">0%</td>
205
- <td data-value="1" class="abs low">0/1</td>
206
- <td data-value="66.67" class="pct medium">66.67%</td>
207
- <td data-value="3" class="abs medium">2/3</td>
206
+ <td data-value="100" class="pct high">100%</td>
207
+ <td data-value="3" class="abs high">3/3</td>
208
+ <td data-value="66.66" class="pct medium">66.66%</td>
209
+ <td data-value="6" class="abs medium">4/6</td>
210
+ <td data-value="100" class="pct high">100%</td>
211
+ <td data-value="1" class="abs high">1/1</td>
212
+ <td data-value="100" class="pct high">100%</td>
213
+ <td data-value="3" class="abs high">3/3</td>
208
214
  </tr>
209
215
 
210
216
  <tr>
211
- <td class="file low" data-value="HeaderUI.jsx"><a href="HeaderUI.jsx.html">HeaderUI.jsx</a></td>
212
- <td data-value="11.43" class="pic low">
213
- <div class="chart"><div class="cover-fill" style="width: 11%"></div><div class="cover-empty" style="width: 89%"></div></div>
217
+ <td class="file medium" data-value="HeaderUI.jsx"><a href="HeaderUI.jsx.html">HeaderUI.jsx</a></td>
218
+ <td data-value="73.33" class="pic medium">
219
+ <div class="chart"><div class="cover-fill" style="width: 73%"></div><div class="cover-empty" style="width: 27%"></div></div>
214
220
  </td>
215
- <td data-value="11.43" class="pct low">11.43%</td>
216
- <td data-value="35" class="abs low">4/35</td>
217
- <td data-value="0" class="pct low">0%</td>
218
- <td data-value="17" class="abs low">0/17</td>
219
- <td data-value="0" class="pct low">0%</td>
220
- <td data-value="11" class="abs low">0/11</td>
221
- <td data-value="11.43" class="pct low">11.43%</td>
222
- <td data-value="35" class="abs low">4/35</td>
221
+ <td data-value="73.33" class="pct medium">73.33%</td>
222
+ <td data-value="45" class="abs medium">33/45</td>
223
+ <td data-value="60" class="pct medium">60%</td>
224
+ <td data-value="10" class="abs medium">6/10</td>
225
+ <td data-value="56.25" class="pct medium">56.25%</td>
226
+ <td data-value="16" class="abs medium">9/16</td>
227
+ <td data-value="77.5" class="pct medium">77.5%</td>
228
+ <td data-value="40" class="abs medium">31/40</td>
223
229
  </tr>
224
230
 
225
231
  <tr>
226
- <td class="file medium" data-value="HelpIcon.jsx"><a href="HelpIcon.jsx.html">HelpIcon.jsx</a></td>
227
- <td data-value="50" class="pic medium">
228
- <div class="chart"><div class="cover-fill" style="width: 50%"></div><div class="cover-empty" style="width: 50%"></div></div>
232
+ <td class="file high" data-value="HelpIcon.jsx"><a href="HelpIcon.jsx.html">HelpIcon.jsx</a></td>
233
+ <td data-value="100" class="pic high">
234
+ <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
229
235
  </td>
230
- <td data-value="50" class="pct medium">50%</td>
231
- <td data-value="2" class="abs medium">1/2</td>
236
+ <td data-value="100" class="pct high">100%</td>
237
+ <td data-value="2" class="abs high">2/2</td>
232
238
  <td data-value="100" class="pct high">100%</td>
233
239
  <td data-value="0" class="abs high">0/0</td>
234
- <td data-value="0" class="pct low">0%</td>
235
- <td data-value="1" class="abs low">0/1</td>
236
- <td data-value="50" class="pct medium">50%</td>
237
- <td data-value="2" class="abs medium">1/2</td>
240
+ <td data-value="100" class="pct high">100%</td>
241
+ <td data-value="1" class="abs high">1/1</td>
242
+ <td data-value="100" class="pct high">100%</td>
243
+ <td data-value="2" class="abs high">2/2</td>
244
+ </tr>
245
+
246
+ <tr>
247
+ <td class="file low" data-value="ImpersonatorBanner.jsx"><a href="ImpersonatorBanner.jsx.html">ImpersonatorBanner.jsx</a></td>
248
+ <td data-value="46.15" class="pic low">
249
+ <div class="chart"><div class="cover-fill" style="width: 46%"></div><div class="cover-empty" style="width: 54%"></div></div>
250
+ </td>
251
+ <td data-value="46.15" class="pct low">46.15%</td>
252
+ <td data-value="13" class="abs low">6/13</td>
253
+ <td data-value="66.66" class="pct medium">66.66%</td>
254
+ <td data-value="6" class="abs medium">4/6</td>
255
+ <td data-value="25" class="pct low">25%</td>
256
+ <td data-value="4" class="abs low">1/4</td>
257
+ <td data-value="46.15" class="pct low">46.15%</td>
258
+ <td data-value="13" class="abs low">6/13</td>
238
259
  </tr>
239
260
 
240
261
  <tr>
@@ -268,18 +289,33 @@
268
289
  </tr>
269
290
 
270
291
  <tr>
271
- <td class="file low" data-value="hooks.js"><a href="hooks.js.html">hooks.js</a></td>
272
- <td data-value="0" class="pic low">
273
- <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
292
+ <td class="file high" data-value="hooks.js"><a href="hooks.js.html">hooks.js</a></td>
293
+ <td data-value="80" class="pic high">
294
+ <div class="chart"><div class="cover-fill" style="width: 80%"></div><div class="cover-empty" style="width: 20%"></div></div>
274
295
  </td>
275
- <td data-value="0" class="pct low">0%</td>
276
- <td data-value="8" class="abs low">0/8</td>
296
+ <td data-value="80" class="pct high">80%</td>
297
+ <td data-value="25" class="abs high">20/25</td>
298
+ <td data-value="25" class="pct low">25%</td>
299
+ <td data-value="4" class="abs low">1/4</td>
300
+ <td data-value="75" class="pct medium">75%</td>
301
+ <td data-value="8" class="abs medium">6/8</td>
302
+ <td data-value="82.6" class="pct high">82.6%</td>
303
+ <td data-value="23" class="abs high">19/23</td>
304
+ </tr>
305
+
306
+ <tr>
307
+ <td class="file medium" data-value="utag-helpers.js"><a href="utag-helpers.js.html">utag-helpers.js</a></td>
308
+ <td data-value="50" class="pic medium">
309
+ <div class="chart"><div class="cover-fill" style="width: 50%"></div><div class="cover-empty" style="width: 50%"></div></div>
310
+ </td>
311
+ <td data-value="50" class="pct medium">50%</td>
312
+ <td data-value="2" class="abs medium">1/2</td>
277
313
  <td data-value="100" class="pct high">100%</td>
278
314
  <td data-value="0" class="abs high">0/0</td>
279
315
  <td data-value="0" class="pct low">0%</td>
280
- <td data-value="4" class="abs low">0/4</td>
281
- <td data-value="0" class="pct low">0%</td>
282
- <td data-value="7" class="abs low">0/7</td>
316
+ <td data-value="1" class="abs low">0/1</td>
317
+ <td data-value="50" class="pct medium">50%</td>
318
+ <td data-value="2" class="abs medium">1/2</td>
283
319
  </tr>
284
320
 
285
321
  </tbody>
@@ -289,10 +325,9 @@
289
325
  </div><!-- /wrapper -->
290
326
  <div class='footer quiet pad2 space-top1 center small'>
291
327
  Code coverage generated by
292
- <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
293
- at Thu Jan 21 2021 15:11:19 GMT-0800 (Pacific Standard Time)
328
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
329
+ at Mon Mar 06 2023 14:49:52 GMT-0800 (Pacific Standard Time)
294
330
  </div>
295
- </div>
296
331
  <script src="../../../prettify.js"></script>
297
332
  <script>
298
333
  window.onload = function () {
@@ -3,7 +3,7 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for react/components/Spinner/index.js</title>
6
+ <title>Code coverage report for react/components/Header/utag-helpers.js</title>
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../../base.css" />
@@ -19,13 +19,13 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../../index.html">All files</a> / <a href="index.html">react/components/Spinner</a> index.js</h1>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">react/components/Header</a> utag-helpers.js</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">0% </span>
26
+ <span class="strong">50% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>0/1</span>
28
+ <span class='fraction'>1/2</span>
29
29
  </div>
30
30
 
31
31
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">0% </span>
47
+ <span class="strong">50% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>0/1</span>
49
+ <span class='fraction'>1/2</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 low'></div>
64
+ <div class='status-line medium'></div>
59
65
  <pre><table class="coverage">
60
66
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
61
67
  <a name='L2'></a><a href='#L2'>2</a>
@@ -66,34 +72,33 @@
66
72
  <a name='L7'></a><a href='#L7'>7</a>
67
73
  <a name='L8'></a><a href='#L8'>8</a>
68
74
  <a name='L9'></a><a href='#L9'>9</a>
69
- <a name='L10'></a><a href='#L10'>10</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
75
+ <a name='L10'></a><a href='#L10'>10</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
76
+ <span class="cline-any cline-no">&nbsp;</span>
70
77
  <span class="cline-any cline-neutral">&nbsp;</span>
71
78
  <span class="cline-any cline-neutral">&nbsp;</span>
72
79
  <span class="cline-any cline-neutral">&nbsp;</span>
73
80
  <span class="cline-any cline-neutral">&nbsp;</span>
74
81
  <span class="cline-any cline-neutral">&nbsp;</span>
75
- <span class="cline-any cline-no">&nbsp;</span>
76
82
  <span class="cline-any cline-neutral">&nbsp;</span>
77
83
  <span class="cline-any cline-neutral">&nbsp;</span>
78
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
79
- import { render } from 'react-dom';
80
- import DSSpinner from '@cmsgov/design-system-core/dist/components/Spinner/Spinner';
81
- &nbsp;
82
- export default class Spinner {
83
- <span class="fstat-no" title="function not covered" > co</span>nstructor(options) {
84
- <span class="cstat-no" title="statement not covered" > render(&lt;DSSpinner /&gt;, options.rootElement);</span>
85
- }
86
- }
84
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export const setUtagLink = <span class="fstat-no" title="function not covered" >(e</span>ventCategory, eventAction, eventLabel) =&gt;
85
+ <span class="cstat-no" title="statement not covered" > window?.utag?.link({</span>
86
+ ga_event_category: eventCategory,
87
+ ga_event_action: eventAction,
88
+ ga_event_label: eventLabel,
89
+ page_title: `${window.document.title}`,
90
+ page_url: `${window.location.pathname}`,
91
+ event: 'trackEvent',
92
+ });
87
93
  &nbsp;</pre></td></tr></table></pre>
88
94
 
89
95
  <div class='push'></div><!-- for sticky footer -->
90
96
  </div><!-- /wrapper -->
91
97
  <div class='footer quiet pad2 space-top1 center small'>
92
98
  Code coverage generated by
93
- <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
94
- at Tue Aug 04 2020 16:59:44 GMT-0700 (Pacific Daylight Time)
99
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
100
+ at Mon Mar 06 2023 14:49:52 GMT-0800 (Pacific Standard Time)
95
101
  </div>
96
- </div>
97
102
  <script src="../../../prettify.js"></script>
98
103
  <script>
99
104
  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">
@@ -175,7 +181,7 @@
175
181
  <span class="cline-any cline-neutral">&nbsp;</span>
176
182
  <span class="cline-any cline-neutral">&nbsp;</span>
177
183
  <span class="cline-any cline-yes">3x</span>
178
- <span class="cline-any cline-yes">9x</span>
184
+ <span class="cline-any cline-yes">7x</span>
179
185
  <span class="cline-any cline-neutral">&nbsp;</span>
180
186
  <span class="cline-any cline-neutral">&nbsp;</span>
181
187
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -249,11 +255,11 @@ const touchHandlers = {
249
255
  /**
250
256
  * Tooltip with styled information icon
251
257
  */
252
- const Infotip = ({ label, lightIcon, ...props }) =&gt; (
258
+ const Infotip = ({ ariaLabel, label, lightIcon, ...props }) =&gt; (
253
259
  &lt;Tooltip label={label} {...props}&gt;
254
260
  &lt;button
255
261
  type="button"
256
- aria-label="Information"
262
+ aria-label={ariaLabel}
257
263
  style={buttonStyle}
258
264
  {...touchHandlers}
259
265
  &gt;
@@ -276,7 +282,7 @@ Infotip.propTypes = {
276
282
  };
277
283
  &nbsp;
278
284
  Infotip.defaultProps = {
279
- ariaLabel: undefined,
285
+ ariaLabel: 'Information',
280
286
  lightIcon: false,
281
287
  DEBUG_STYLE: undefined,
282
288
  };
@@ -288,10 +294,9 @@ export default Infotip;
288
294
  </div><!-- /wrapper -->
289
295
  <div class='footer quiet pad2 space-top1 center small'>
290
296
  Code coverage generated by
291
- <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
292
- at Thu Jan 21 2021 15:11:19 GMT-0800 (Pacific Standard Time)
297
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
298
+ at Mon Mar 06 2023 14:49:52 GMT-0800 (Pacific Standard Time)
293
299
  </div>
294
- </div>
295
300
  <script src="../../../prettify.js"></script>
296
301
  <script>
297
302
  window.onload = function () {