qpp-style 9.13.2 → 9.14.0

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 (305) hide show
  1. package/README.md +37 -0
  2. package/components/Footer/Footer.stories.js +2 -2
  3. package/components/Footer/FooterUI.jsx +17 -2
  4. package/components/SideNav/Content/LevelOneContent.jsx +1 -1
  5. package/coverage/clover.xml +1264 -0
  6. package/coverage/coverage-final.json +69 -0
  7. package/coverage/lcov-report/Header/HeaderUI.jsx.html +1418 -0
  8. package/coverage/lcov-report/Header/index.html +111 -0
  9. package/coverage/lcov-report/HeaderUI.jsx.html +578 -0
  10. package/coverage/lcov-report/SideNav/UI/index.html +111 -0
  11. package/coverage/lcov-report/SideNav/UI/index.js.html +89 -0
  12. package/coverage/lcov-report/base.css +224 -0
  13. package/coverage/lcov-report/block-navigation.js +87 -0
  14. package/coverage/lcov-report/components/Accordion/index.html +111 -0
  15. package/coverage/lcov-report/components/Accordion/index.jsx.html +359 -0
  16. package/coverage/lcov-report/components/Error/Collapsible.jsx.html +344 -0
  17. package/coverage/lcov-report/components/Error/ErrorUI.jsx.html +173 -0
  18. package/coverage/lcov-report/components/Error/index.html +126 -0
  19. package/coverage/lcov-report/components/Footer/FooterUI.jsx.html +845 -0
  20. package/coverage/lcov-report/components/Footer/LegacyFooterUI.jsx.html +662 -0
  21. package/coverage/lcov-report/components/Footer/SocialLinks.jsx.html +260 -0
  22. package/coverage/lcov-report/components/Footer/Subscribe.jsx.html +182 -0
  23. package/coverage/lcov-report/components/Footer/index.html +156 -0
  24. package/coverage/lcov-report/components/InfoModal/index.html +111 -0
  25. package/coverage/lcov-report/components/InfoModal/index.jsx.html +392 -0
  26. package/coverage/lcov-report/components/Infotip/Infotip.jsx.html +305 -0
  27. package/coverage/lcov-report/components/Infotip/InfotipIcon.jsx.html +203 -0
  28. package/coverage/lcov-report/components/Infotip/index.html +141 -0
  29. package/coverage/lcov-report/components/Infotip/index.js.html +89 -0
  30. package/coverage/lcov-report/components/SanitizedContent/index.html +111 -0
  31. package/coverage/lcov-report/components/SanitizedContent/index.jsx.html +680 -0
  32. package/coverage/lcov-report/components/SessionDialogUI.jsx.html +863 -0
  33. package/coverage/lcov-report/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +161 -0
  34. package/coverage/lcov-report/components/SideNav/AnimationGroup/index.html +111 -0
  35. package/coverage/lcov-report/components/SideNav/Chart/ScoreChart.jsx.html +884 -0
  36. package/coverage/lcov-report/components/SideNav/Chart/index.html +126 -0
  37. package/coverage/lcov-report/components/SideNav/Chart/index.js.html +89 -0
  38. package/coverage/lcov-report/components/SideNav/Content/LevelOneContent.jsx.html +677 -0
  39. package/coverage/lcov-report/components/SideNav/Content/LevelTwoContent.jsx.html +728 -0
  40. package/coverage/lcov-report/components/SideNav/Content/index.html +141 -0
  41. package/coverage/lcov-report/components/SideNav/Content/index.js.html +92 -0
  42. package/coverage/lcov-report/components/SideNav/Details/IndividualDetails.jsx.html +134 -0
  43. package/coverage/lcov-report/components/SideNav/Details/PracticeDetails.jsx.html +215 -0
  44. package/coverage/lcov-report/components/SideNav/Details/index.html +141 -0
  45. package/coverage/lcov-report/components/SideNav/Details/index.js.html +92 -0
  46. package/coverage/lcov-report/components/SideNav/Links/CmsSwitchLink.jsx.html +203 -0
  47. package/coverage/lcov-report/components/SideNav/Links/NavItemInline.jsx.html +242 -0
  48. package/coverage/lcov-report/components/SideNav/Links/NavLinkContainer.jsx.html +194 -0
  49. package/coverage/lcov-report/components/SideNav/Links/NavLinkDrawer.jsx.html +827 -0
  50. package/coverage/lcov-report/components/SideNav/Links/NavLinkInline.jsx.html +401 -0
  51. package/coverage/lcov-report/components/SideNav/Links/NavLinkToggle.jsx.html +182 -0
  52. package/coverage/lcov-report/components/SideNav/Links/index.html +201 -0
  53. package/coverage/lcov-report/components/SideNav/Links/index.js.html +119 -0
  54. package/coverage/lcov-report/components/SideNav/UI/SideNavUI.jsx.html +1079 -0
  55. package/coverage/lcov-report/components/SideNav/UI/index.html +126 -0
  56. package/coverage/lcov-report/components/SideNav/UI/index.js.html +89 -0
  57. package/coverage/lcov-report/components/SideNav/helpers.js.html +227 -0
  58. package/coverage/lcov-report/components/SideNav/index.html +111 -0
  59. package/coverage/lcov-report/components/Tooltip/Tooltip.jsx.html +344 -0
  60. package/coverage/lcov-report/components/Tooltip/index.html +141 -0
  61. package/coverage/lcov-report/components/Tooltip/index.js.html +89 -0
  62. package/coverage/lcov-report/components/Tooltip/position.js.html +284 -0
  63. package/coverage/lcov-report/components/hooks/index.html +111 -0
  64. package/coverage/lcov-report/components/hooks/useGetConfig.js.html +302 -0
  65. package/coverage/lcov-report/components/index.html +111 -0
  66. package/coverage/lcov-report/favicon.png +0 -0
  67. package/coverage/lcov-report/index.html +447 -0
  68. package/coverage/lcov-report/lib/Chevron.jsx.html +161 -0
  69. package/coverage/lcov-report/lib/SvgComponents.jsx.html +1697 -0
  70. package/coverage/lcov-report/lib/index.html +126 -0
  71. package/coverage/lcov-report/lib/svg-definitions.svg.html +455 -0
  72. package/coverage/lcov-report/prettify.css +1 -0
  73. package/coverage/lcov-report/prettify.js +2 -0
  74. package/coverage/lcov-report/react/components/Accordion/index.html +117 -0
  75. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +365 -0
  76. package/coverage/lcov-report/react/components/Button/index.html +117 -0
  77. package/coverage/lcov-report/react/components/Button/index.js.html +356 -0
  78. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +350 -0
  79. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +179 -0
  80. package/coverage/lcov-report/react/components/Error/error.js.html +164 -0
  81. package/coverage/lcov-report/react/components/Error/index.html +147 -0
  82. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +893 -0
  83. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +668 -0
  84. package/coverage/lcov-report/react/components/Footer/SocialLinks.jsx.html +266 -0
  85. package/coverage/lcov-report/react/components/Footer/Subscribe.jsx.html +188 -0
  86. package/coverage/lcov-report/react/components/Footer/footer.js.html +176 -0
  87. package/coverage/lcov-report/react/components/Footer/index.html +177 -0
  88. package/coverage/lcov-report/react/components/Header/HeaderAccountMenu.jsx.html +593 -0
  89. package/coverage/lcov-report/react/components/Header/HeaderCancel.jsx.html +134 -0
  90. package/coverage/lcov-report/react/components/Header/HeaderContainer.jsx.html +275 -0
  91. package/coverage/lcov-report/react/components/Header/HeaderLogo.jsx.html +212 -0
  92. package/coverage/lcov-report/react/components/Header/HeaderMenuButton.js.html +236 -0
  93. package/coverage/lcov-report/react/components/Header/HeaderMenuItem.jsx.html +755 -0
  94. package/coverage/lcov-report/react/components/Header/HeaderMenuLink.js.html +236 -0
  95. package/coverage/lcov-report/react/components/Header/HeaderMenuSignOutButton.js.html +272 -0
  96. package/coverage/lcov-report/react/components/Header/HeaderMobileButton.js.html +197 -0
  97. package/coverage/lcov-report/react/components/Header/HeaderUI.jsx.html +584 -0
  98. package/coverage/lcov-report/react/components/Header/HelpIcon.jsx.html +182 -0
  99. package/coverage/lcov-report/react/components/Header/ImpersonatorBanner.jsx.html +251 -0
  100. package/coverage/lcov-report/react/components/Header/NavigationButtonIcon.jsx.html +167 -0
  101. package/coverage/lcov-report/react/components/Header/header.js.html +206 -0
  102. package/coverage/lcov-report/react/components/Header/hooks.js.html +242 -0
  103. package/coverage/lcov-report/react/components/Header/index.html +342 -0
  104. package/coverage/lcov-report/react/components/Header/utag-helpers.js.html +113 -0
  105. package/coverage/lcov-report/react/components/InfoModal/index.html +111 -0
  106. package/coverage/lcov-report/react/components/InfoModal/index.jsx.html +392 -0
  107. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +311 -0
  108. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +209 -0
  109. package/coverage/lcov-report/react/components/Infotip/index.html +147 -0
  110. package/coverage/lcov-report/react/components/Infotip/index.js.html +95 -0
  111. package/coverage/lcov-report/react/components/Modal/LegacyModal.jsx.html +302 -0
  112. package/coverage/lcov-report/react/components/Modal/Modal.jsx.html +506 -0
  113. package/coverage/lcov-report/react/components/Modal/index.html +147 -0
  114. package/coverage/lcov-report/react/components/Modal/index.jsx.html +152 -0
  115. package/coverage/lcov-report/react/components/NotificationBanner/NotificationBannerUI.jsx.html +950 -0
  116. package/coverage/lcov-report/react/components/NotificationBanner/index.html +117 -0
  117. package/coverage/lcov-report/react/components/NotificationBanner/index.js.html +881 -0
  118. package/coverage/lcov-report/react/components/SanitizedContent/index.html +117 -0
  119. package/coverage/lcov-report/react/components/SanitizedContent/index.jsx.html +686 -0
  120. package/coverage/lcov-report/react/components/SessionDialog/index.html +117 -0
  121. package/coverage/lcov-report/react/components/SessionDialog/sessionDialog.js.html +164 -0
  122. package/coverage/lcov-report/react/components/SessionDialogUI.jsx.html +869 -0
  123. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +167 -0
  124. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/index.html +117 -0
  125. package/coverage/lcov-report/react/components/SideNav/Chart/ScoreChart.jsx.html +890 -0
  126. package/coverage/lcov-report/react/components/SideNav/Chart/index.html +132 -0
  127. package/coverage/lcov-report/react/components/SideNav/Chart/index.js.html +95 -0
  128. package/coverage/lcov-report/react/components/SideNav/Content/LevelOneContent.jsx.html +614 -0
  129. package/coverage/lcov-report/react/components/SideNav/Content/LevelTwoContent.jsx.html +734 -0
  130. package/coverage/lcov-report/react/components/SideNav/Content/index.html +147 -0
  131. package/coverage/lcov-report/react/components/SideNav/Content/index.js.html +98 -0
  132. package/coverage/lcov-report/react/components/SideNav/Details/IndividualDetails.jsx.html +140 -0
  133. package/coverage/lcov-report/react/components/SideNav/Details/PracticeDetails.jsx.html +221 -0
  134. package/coverage/lcov-report/react/components/SideNav/Details/index.html +147 -0
  135. package/coverage/lcov-report/react/components/SideNav/Details/index.js.html +98 -0
  136. package/coverage/lcov-report/react/components/SideNav/Links/CmsSwitchLink.jsx.html +209 -0
  137. package/coverage/lcov-report/react/components/SideNav/Links/NavItemInline.jsx.html +248 -0
  138. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkContainer.jsx.html +200 -0
  139. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkDrawer.jsx.html +833 -0
  140. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkInline.jsx.html +407 -0
  141. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkToggle.jsx.html +188 -0
  142. package/coverage/lcov-report/react/components/SideNav/Links/index.html +207 -0
  143. package/coverage/lcov-report/react/components/SideNav/Links/index.js.html +125 -0
  144. package/coverage/lcov-report/react/components/SideNav/UI/SideNavUI.jsx.html +1079 -0
  145. package/coverage/lcov-report/react/components/SideNav/UI/index.html +132 -0
  146. package/coverage/lcov-report/react/components/SideNav/UI/index.js.html +95 -0
  147. package/coverage/lcov-report/react/components/SideNav/helpers.js.html +233 -0
  148. package/coverage/lcov-report/react/components/SideNav/index.html +132 -0
  149. package/coverage/lcov-report/react/components/SideNav/index.js.html +245 -0
  150. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +350 -0
  151. package/coverage/lcov-report/react/components/Tooltip/index.html +147 -0
  152. package/coverage/lcov-report/react/components/Tooltip/index.js.html +95 -0
  153. package/coverage/lcov-report/react/components/Tooltip/position.js.html +290 -0
  154. package/coverage/lcov-report/react/components/hooks/index.html +117 -0
  155. package/coverage/lcov-report/react/components/hooks/useGetConfig.js.html +308 -0
  156. package/coverage/lcov-report/react/components/index.html +117 -0
  157. package/coverage/lcov-report/react/index.html +117 -0
  158. package/coverage/lcov-report/react/index.js.html +179 -0
  159. package/coverage/lcov-report/react/lib/Chevron.jsx.html +182 -0
  160. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +1703 -0
  161. package/coverage/lcov-report/react/lib/index.html +147 -0
  162. package/coverage/lcov-report/react/lib/svg-definitions.svg.html +461 -0
  163. package/coverage/lcov-report/react/session/index.html +162 -0
  164. package/coverage/lcov-report/react/session/index.js.html +101 -0
  165. package/coverage/lcov-report/react/session/logout.js.html +236 -0
  166. package/coverage/lcov-report/react/session/refresh.js.html +233 -0
  167. package/coverage/lcov-report/react/session/ttl.js.html +197 -0
  168. package/coverage/lcov-report/session/index.html +126 -0
  169. package/coverage/lcov-report/session/index.js.html +95 -0
  170. package/coverage/lcov-report/session/logout.js.html +203 -0
  171. package/coverage/lcov-report/session/refresh.js.html +227 -0
  172. package/coverage/lcov-report/session/ttl.js.html +191 -0
  173. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  174. package/coverage/lcov-report/sorter.js +196 -0
  175. package/coverage/lcov.info +2844 -0
  176. package/dist/browser.js +1 -1
  177. package/dist/browser.js.map +1 -1
  178. package/dist/index.js +1 -1
  179. package/dist/index.js.map +1 -1
  180. package/dist/react/index.js +1 -1
  181. package/dist/react/index.js.map +1 -1
  182. package/images/icons/svg/dropdown-arrow.svg +1 -1
  183. package/package.json +1 -1
  184. package/storybook-static/0.284246fa7dd756530022.manager.bundle.js +1 -0
  185. package/storybook-static/0.e444ffe0.iframe.bundle.js +1 -0
  186. package/storybook-static/4.38e07a72.iframe.bundle.js +3 -0
  187. package/storybook-static/4.38e07a72.iframe.bundle.js.LICENSE.txt +8 -0
  188. package/storybook-static/4.38e07a72.iframe.bundle.js.map +1 -0
  189. package/storybook-static/4.5a2288a7314de45771fd.manager.bundle.js +2 -0
  190. package/storybook-static/4.5a2288a7314de45771fd.manager.bundle.js.LICENSE.txt +8 -0
  191. package/storybook-static/5.96d29e90.iframe.bundle.js +1 -0
  192. package/storybook-static/5.f669e5db79f970f4eeda.manager.bundle.js +2 -0
  193. package/storybook-static/5.f669e5db79f970f4eeda.manager.bundle.js.LICENSE.txt +12 -0
  194. package/storybook-static/6.fbe12c4b.iframe.bundle.js +3 -0
  195. package/storybook-static/6.fbe12c4b.iframe.bundle.js.LICENSE.txt +12 -0
  196. package/storybook-static/6.fbe12c4b.iframe.bundle.js.map +1 -0
  197. package/storybook-static/6.fc183cb0948fa18c4851.manager.bundle.js +1 -0
  198. package/storybook-static/7.6262147d7bfe4804e70d.manager.bundle.js +1 -0
  199. package/storybook-static/7.9e6103c8.iframe.bundle.js +1 -0
  200. package/storybook-static/8.88a822e73e773dbd9da6.manager.bundle.js +1 -0
  201. package/storybook-static/favicon.ico +0 -0
  202. package/storybook-static/fonts/FontAwesome.otf +0 -0
  203. package/storybook-static/fonts/OFL.txt +92 -0
  204. package/storybook-static/fonts/Rubik-Black.ttf +0 -0
  205. package/storybook-static/fonts/Rubik-BlackItalic.ttf +0 -0
  206. package/storybook-static/fonts/Rubik-Bold.ttf +0 -0
  207. package/storybook-static/fonts/Rubik-BoldItalic.ttf +0 -0
  208. package/storybook-static/fonts/Rubik-Italic.ttf +0 -0
  209. package/storybook-static/fonts/Rubik-Light.ttf +0 -0
  210. package/storybook-static/fonts/Rubik-LightItalic.ttf +0 -0
  211. package/storybook-static/fonts/Rubik-Medium.ttf +0 -0
  212. package/storybook-static/fonts/Rubik-MediumItalic.ttf +0 -0
  213. package/storybook-static/fonts/Rubik-Regular.ttf +0 -0
  214. package/storybook-static/fonts/fontawesome-webfont.eot +0 -0
  215. package/storybook-static/fonts/fontawesome-webfont.svg +2671 -0
  216. package/storybook-static/fonts/fontawesome-webfont.ttf +0 -0
  217. package/storybook-static/fonts/fontawesome-webfont.woff +0 -0
  218. package/storybook-static/fonts/fontawesome-webfont.woff2 +0 -0
  219. package/storybook-static/iframe.html +138 -0
  220. package/storybook-static/images/favicon/android-chrome-192x192.png +0 -0
  221. package/storybook-static/images/favicon/android-chrome-256x256.png +0 -0
  222. package/storybook-static/images/favicon/apple-touch-icon.png +0 -0
  223. package/storybook-static/images/favicon/browserconfig.xml +9 -0
  224. package/storybook-static/images/favicon/favicon-16x16.png +0 -0
  225. package/storybook-static/images/favicon/favicon-32x32.png +0 -0
  226. package/storybook-static/images/favicon/favicon.ico +0 -0
  227. package/storybook-static/images/favicon/manifest.json +18 -0
  228. package/storybook-static/images/favicon/mstile-150x150.png +0 -0
  229. package/storybook-static/images/favicon/safari-pinned-tab.svg +32 -0
  230. package/storybook-static/images/hhs-logo-black.svg +10 -0
  231. package/storybook-static/images/hhs-logo-white.svg +10 -0
  232. package/storybook-static/images/icons/close-x.svg +6 -0
  233. package/storybook-static/images/icons/help-headset.svg +21 -0
  234. package/storybook-static/images/icons/svg/arrow-down.svg +3 -0
  235. package/storybook-static/images/icons/svg/arrow-download.svg +5 -0
  236. package/storybook-static/images/icons/svg/arrow-right.svg +5 -0
  237. package/storybook-static/images/icons/svg/close.svg +3 -0
  238. package/storybook-static/images/icons/svg/download.svg +1 -0
  239. package/storybook-static/images/icons/svg/external.svg +4 -0
  240. package/storybook-static/images/icons/svg/file-upload.svg +1 -0
  241. package/storybook-static/images/icons/svg/print.svg +4 -0
  242. package/storybook-static/images/icons/svg/trash.svg +5 -0
  243. package/storybook-static/images/icons/svg/upload.svg +3 -0
  244. package/storybook-static/images/qpp_logo_reversed.png +0 -0
  245. package/storybook-static/images/qpp_logo_rgb_color.png +0 -0
  246. package/storybook-static/index.html +55 -0
  247. package/storybook-static/main.18ac9bfd601c66f4bee6.manager.bundle.js +1 -0
  248. package/storybook-static/main.9d42b744.iframe.bundle.js +1 -0
  249. package/storybook-static/runtime~main.d17fbed7a9ad1d2c431e.manager.bundle.js +1 -0
  250. package/storybook-static/runtime~main.ed6e2009.iframe.bundle.js +1 -0
  251. package/storybook-static/static/media/Bitter-Bold.091bd4b7.woff +0 -0
  252. package/storybook-static/static/media/Bitter-Bold.24bf01e4.woff2 +0 -0
  253. package/storybook-static/static/media/Bitter-Bold.46bc29e4.ttf +0 -0
  254. package/storybook-static/static/media/Bitter-Bold.790f4f2f.eot +0 -0
  255. package/storybook-static/static/media/Bitter-Italic.1fa5390c.eot +0 -0
  256. package/storybook-static/static/media/Bitter-Italic.25e5675f.woff +0 -0
  257. package/storybook-static/static/media/Bitter-Italic.2eb18f5a.ttf +0 -0
  258. package/storybook-static/static/media/Bitter-Italic.34644574.woff2 +0 -0
  259. package/storybook-static/static/media/Bitter-Regular.4b22b6e8.woff +0 -0
  260. package/storybook-static/static/media/Bitter-Regular.559e7075.eot +0 -0
  261. package/storybook-static/static/media/Bitter-Regular.8db0301b.ttf +0 -0
  262. package/storybook-static/static/media/Bitter-Regular.f4e2f1f1.woff2 +0 -0
  263. package/storybook-static/static/media/FontAwesome.91f80bba.otf +0 -0
  264. package/storybook-static/static/media/OpenSans-Bold-webfont.202d819d.eot +0 -0
  265. package/storybook-static/static/media/OpenSans-Bold-webfont.92e570c6.woff2 +0 -0
  266. package/storybook-static/static/media/OpenSans-Bold-webfont.da71e99a.ttf +0 -0
  267. package/storybook-static/static/media/OpenSans-Bold-webfont.e75949bb.woff +0 -0
  268. package/storybook-static/static/media/OpenSans-Italic-webfont.72daa33a.woff2 +0 -0
  269. package/storybook-static/static/media/OpenSans-Italic-webfont.74ead3a8.woff +0 -0
  270. package/storybook-static/static/media/OpenSans-Italic-webfont.ae19388f.eot +0 -0
  271. package/storybook-static/static/media/OpenSans-Italic-webfont.ec7a2746.ttf +0 -0
  272. package/storybook-static/static/media/OpenSans-Regular-webfont.63a5fa7d.woff +0 -0
  273. package/storybook-static/static/media/OpenSans-Regular-webfont.66451be4.ttf +0 -0
  274. package/storybook-static/static/media/OpenSans-Regular-webfont.7882d20f.eot +0 -0
  275. package/storybook-static/static/media/OpenSans-Regular-webfont.ca4dd835.woff2 +0 -0
  276. package/storybook-static/static/media/OpenSans-Semibold-webfont.17ded75f.woff2 +0 -0
  277. package/storybook-static/static/media/OpenSans-Semibold-webfont.2a5adf6c.woff +0 -0
  278. package/storybook-static/static/media/OpenSans-Semibold-webfont.6059fecb.ttf +0 -0
  279. package/storybook-static/static/media/OpenSans-Semibold-webfont.c9808185.eot +0 -0
  280. package/storybook-static/static/media/Rubik-Bold.31bbd4d2.ttf +0 -0
  281. package/storybook-static/static/media/Rubik-Light.c90e2014.ttf +0 -0
  282. package/storybook-static/static/media/Rubik-Medium.5daa89aa.ttf +0 -0
  283. package/storybook-static/static/media/Rubik-Regular.cdf97d58.ttf +0 -0
  284. package/storybook-static/static/media/fontawesome-webfont.1e59d233.ttf +0 -0
  285. package/storybook-static/static/media/fontawesome-webfont.20fd1704.woff2 +0 -0
  286. package/storybook-static/static/media/fontawesome-webfont.8b43027f.eot +0 -0
  287. package/storybook-static/static/media/fontawesome-webfont.f691f37e.woff +0 -0
  288. package/storybook-static/vendors~main.3604044d8484c1c4d1f7.manager.bundle.js +2 -0
  289. package/storybook-static/vendors~main.3604044d8484c1c4d1f7.manager.bundle.js.LICENSE.txt +88 -0
  290. package/storybook-static/vendors~main.7f923d15.iframe.bundle.js +3 -0
  291. package/storybook-static/vendors~main.7f923d15.iframe.bundle.js.LICENSE.txt +152 -0
  292. package/storybook-static/vendors~main.7f923d15.iframe.bundle.js.map +1 -0
  293. package/styles/components/_footer.scss +593 -0
  294. package/styles/components/_header.scss +887 -0
  295. package/styles/components/_sidebar.scss +8 -0
  296. package/styles/components/sidebar/_animations.scss +38 -0
  297. package/styles/components/sidebar/_cms.scss +61 -0
  298. package/styles/components/sidebar/_details.scss +58 -0
  299. package/styles/components/sidebar/_links.scss +415 -0
  300. package/styles/components/sidebar/_sidebar-animation.scss +121 -0
  301. package/styles/components/sidebar/_sidebar-tooltip.scss +33 -0
  302. package/styles/components/sidebar/_sidebar.scss +141 -0
  303. package/styles/components/sidebar/project-specific/_wi.scss +42 -0
  304. package/styles/qppds/components/_footer.scss +7 -0
  305. package/styles/qppds/utilities/_display-visability.scss +83 -0
@@ -0,0 +1,884 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for components/SideNav/Chart/ScoreChart.jsx</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">components/SideNav/Chart</a> ScoreChart.jsx</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">6.98% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>6/86</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">0% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>0/36</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">0% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>0/22</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">6.98% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>6/86</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ </div>
58
+ <div class='status-line low'></div>
59
+ <pre><table class="coverage">
60
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
61
+ <a name='L2'></a><a href='#L2'>2</a>
62
+ <a name='L3'></a><a href='#L3'>3</a>
63
+ <a name='L4'></a><a href='#L4'>4</a>
64
+ <a name='L5'></a><a href='#L5'>5</a>
65
+ <a name='L6'></a><a href='#L6'>6</a>
66
+ <a name='L7'></a><a href='#L7'>7</a>
67
+ <a name='L8'></a><a href='#L8'>8</a>
68
+ <a name='L9'></a><a href='#L9'>9</a>
69
+ <a name='L10'></a><a href='#L10'>10</a>
70
+ <a name='L11'></a><a href='#L11'>11</a>
71
+ <a name='L12'></a><a href='#L12'>12</a>
72
+ <a name='L13'></a><a href='#L13'>13</a>
73
+ <a name='L14'></a><a href='#L14'>14</a>
74
+ <a name='L15'></a><a href='#L15'>15</a>
75
+ <a name='L16'></a><a href='#L16'>16</a>
76
+ <a name='L17'></a><a href='#L17'>17</a>
77
+ <a name='L18'></a><a href='#L18'>18</a>
78
+ <a name='L19'></a><a href='#L19'>19</a>
79
+ <a name='L20'></a><a href='#L20'>20</a>
80
+ <a name='L21'></a><a href='#L21'>21</a>
81
+ <a name='L22'></a><a href='#L22'>22</a>
82
+ <a name='L23'></a><a href='#L23'>23</a>
83
+ <a name='L24'></a><a href='#L24'>24</a>
84
+ <a name='L25'></a><a href='#L25'>25</a>
85
+ <a name='L26'></a><a href='#L26'>26</a>
86
+ <a name='L27'></a><a href='#L27'>27</a>
87
+ <a name='L28'></a><a href='#L28'>28</a>
88
+ <a name='L29'></a><a href='#L29'>29</a>
89
+ <a name='L30'></a><a href='#L30'>30</a>
90
+ <a name='L31'></a><a href='#L31'>31</a>
91
+ <a name='L32'></a><a href='#L32'>32</a>
92
+ <a name='L33'></a><a href='#L33'>33</a>
93
+ <a name='L34'></a><a href='#L34'>34</a>
94
+ <a name='L35'></a><a href='#L35'>35</a>
95
+ <a name='L36'></a><a href='#L36'>36</a>
96
+ <a name='L37'></a><a href='#L37'>37</a>
97
+ <a name='L38'></a><a href='#L38'>38</a>
98
+ <a name='L39'></a><a href='#L39'>39</a>
99
+ <a name='L40'></a><a href='#L40'>40</a>
100
+ <a name='L41'></a><a href='#L41'>41</a>
101
+ <a name='L42'></a><a href='#L42'>42</a>
102
+ <a name='L43'></a><a href='#L43'>43</a>
103
+ <a name='L44'></a><a href='#L44'>44</a>
104
+ <a name='L45'></a><a href='#L45'>45</a>
105
+ <a name='L46'></a><a href='#L46'>46</a>
106
+ <a name='L47'></a><a href='#L47'>47</a>
107
+ <a name='L48'></a><a href='#L48'>48</a>
108
+ <a name='L49'></a><a href='#L49'>49</a>
109
+ <a name='L50'></a><a href='#L50'>50</a>
110
+ <a name='L51'></a><a href='#L51'>51</a>
111
+ <a name='L52'></a><a href='#L52'>52</a>
112
+ <a name='L53'></a><a href='#L53'>53</a>
113
+ <a name='L54'></a><a href='#L54'>54</a>
114
+ <a name='L55'></a><a href='#L55'>55</a>
115
+ <a name='L56'></a><a href='#L56'>56</a>
116
+ <a name='L57'></a><a href='#L57'>57</a>
117
+ <a name='L58'></a><a href='#L58'>58</a>
118
+ <a name='L59'></a><a href='#L59'>59</a>
119
+ <a name='L60'></a><a href='#L60'>60</a>
120
+ <a name='L61'></a><a href='#L61'>61</a>
121
+ <a name='L62'></a><a href='#L62'>62</a>
122
+ <a name='L63'></a><a href='#L63'>63</a>
123
+ <a name='L64'></a><a href='#L64'>64</a>
124
+ <a name='L65'></a><a href='#L65'>65</a>
125
+ <a name='L66'></a><a href='#L66'>66</a>
126
+ <a name='L67'></a><a href='#L67'>67</a>
127
+ <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>
133
+ <a name='L74'></a><a href='#L74'>74</a>
134
+ <a name='L75'></a><a href='#L75'>75</a>
135
+ <a name='L76'></a><a href='#L76'>76</a>
136
+ <a name='L77'></a><a href='#L77'>77</a>
137
+ <a name='L78'></a><a href='#L78'>78</a>
138
+ <a name='L79'></a><a href='#L79'>79</a>
139
+ <a name='L80'></a><a href='#L80'>80</a>
140
+ <a name='L81'></a><a href='#L81'>81</a>
141
+ <a name='L82'></a><a href='#L82'>82</a>
142
+ <a name='L83'></a><a href='#L83'>83</a>
143
+ <a name='L84'></a><a href='#L84'>84</a>
144
+ <a name='L85'></a><a href='#L85'>85</a>
145
+ <a name='L86'></a><a href='#L86'>86</a>
146
+ <a name='L87'></a><a href='#L87'>87</a>
147
+ <a name='L88'></a><a href='#L88'>88</a>
148
+ <a name='L89'></a><a href='#L89'>89</a>
149
+ <a name='L90'></a><a href='#L90'>90</a>
150
+ <a name='L91'></a><a href='#L91'>91</a>
151
+ <a name='L92'></a><a href='#L92'>92</a>
152
+ <a name='L93'></a><a href='#L93'>93</a>
153
+ <a name='L94'></a><a href='#L94'>94</a>
154
+ <a name='L95'></a><a href='#L95'>95</a>
155
+ <a name='L96'></a><a href='#L96'>96</a>
156
+ <a name='L97'></a><a href='#L97'>97</a>
157
+ <a name='L98'></a><a href='#L98'>98</a>
158
+ <a name='L99'></a><a href='#L99'>99</a>
159
+ <a name='L100'></a><a href='#L100'>100</a>
160
+ <a name='L101'></a><a href='#L101'>101</a>
161
+ <a name='L102'></a><a href='#L102'>102</a>
162
+ <a name='L103'></a><a href='#L103'>103</a>
163
+ <a name='L104'></a><a href='#L104'>104</a>
164
+ <a name='L105'></a><a href='#L105'>105</a>
165
+ <a name='L106'></a><a href='#L106'>106</a>
166
+ <a name='L107'></a><a href='#L107'>107</a>
167
+ <a name='L108'></a><a href='#L108'>108</a>
168
+ <a name='L109'></a><a href='#L109'>109</a>
169
+ <a name='L110'></a><a href='#L110'>110</a>
170
+ <a name='L111'></a><a href='#L111'>111</a>
171
+ <a name='L112'></a><a href='#L112'>112</a>
172
+ <a name='L113'></a><a href='#L113'>113</a>
173
+ <a name='L114'></a><a href='#L114'>114</a>
174
+ <a name='L115'></a><a href='#L115'>115</a>
175
+ <a name='L116'></a><a href='#L116'>116</a>
176
+ <a name='L117'></a><a href='#L117'>117</a>
177
+ <a name='L118'></a><a href='#L118'>118</a>
178
+ <a name='L119'></a><a href='#L119'>119</a>
179
+ <a name='L120'></a><a href='#L120'>120</a>
180
+ <a name='L121'></a><a href='#L121'>121</a>
181
+ <a name='L122'></a><a href='#L122'>122</a>
182
+ <a name='L123'></a><a href='#L123'>123</a>
183
+ <a name='L124'></a><a href='#L124'>124</a>
184
+ <a name='L125'></a><a href='#L125'>125</a>
185
+ <a name='L126'></a><a href='#L126'>126</a>
186
+ <a name='L127'></a><a href='#L127'>127</a>
187
+ <a name='L128'></a><a href='#L128'>128</a>
188
+ <a name='L129'></a><a href='#L129'>129</a>
189
+ <a name='L130'></a><a href='#L130'>130</a>
190
+ <a name='L131'></a><a href='#L131'>131</a>
191
+ <a name='L132'></a><a href='#L132'>132</a>
192
+ <a name='L133'></a><a href='#L133'>133</a>
193
+ <a name='L134'></a><a href='#L134'>134</a>
194
+ <a name='L135'></a><a href='#L135'>135</a>
195
+ <a name='L136'></a><a href='#L136'>136</a>
196
+ <a name='L137'></a><a href='#L137'>137</a>
197
+ <a name='L138'></a><a href='#L138'>138</a>
198
+ <a name='L139'></a><a href='#L139'>139</a>
199
+ <a name='L140'></a><a href='#L140'>140</a>
200
+ <a name='L141'></a><a href='#L141'>141</a>
201
+ <a name='L142'></a><a href='#L142'>142</a>
202
+ <a name='L143'></a><a href='#L143'>143</a>
203
+ <a name='L144'></a><a href='#L144'>144</a>
204
+ <a name='L145'></a><a href='#L145'>145</a>
205
+ <a name='L146'></a><a href='#L146'>146</a>
206
+ <a name='L147'></a><a href='#L147'>147</a>
207
+ <a name='L148'></a><a href='#L148'>148</a>
208
+ <a name='L149'></a><a href='#L149'>149</a>
209
+ <a name='L150'></a><a href='#L150'>150</a>
210
+ <a name='L151'></a><a href='#L151'>151</a>
211
+ <a name='L152'></a><a href='#L152'>152</a>
212
+ <a name='L153'></a><a href='#L153'>153</a>
213
+ <a name='L154'></a><a href='#L154'>154</a>
214
+ <a name='L155'></a><a href='#L155'>155</a>
215
+ <a name='L156'></a><a href='#L156'>156</a>
216
+ <a name='L157'></a><a href='#L157'>157</a>
217
+ <a name='L158'></a><a href='#L158'>158</a>
218
+ <a name='L159'></a><a href='#L159'>159</a>
219
+ <a name='L160'></a><a href='#L160'>160</a>
220
+ <a name='L161'></a><a href='#L161'>161</a>
221
+ <a name='L162'></a><a href='#L162'>162</a>
222
+ <a name='L163'></a><a href='#L163'>163</a>
223
+ <a name='L164'></a><a href='#L164'>164</a>
224
+ <a name='L165'></a><a href='#L165'>165</a>
225
+ <a name='L166'></a><a href='#L166'>166</a>
226
+ <a name='L167'></a><a href='#L167'>167</a>
227
+ <a name='L168'></a><a href='#L168'>168</a>
228
+ <a name='L169'></a><a href='#L169'>169</a>
229
+ <a name='L170'></a><a href='#L170'>170</a>
230
+ <a name='L171'></a><a href='#L171'>171</a>
231
+ <a name='L172'></a><a href='#L172'>172</a>
232
+ <a name='L173'></a><a href='#L173'>173</a>
233
+ <a name='L174'></a><a href='#L174'>174</a>
234
+ <a name='L175'></a><a href='#L175'>175</a>
235
+ <a name='L176'></a><a href='#L176'>176</a>
236
+ <a name='L177'></a><a href='#L177'>177</a>
237
+ <a name='L178'></a><a href='#L178'>178</a>
238
+ <a name='L179'></a><a href='#L179'>179</a>
239
+ <a name='L180'></a><a href='#L180'>180</a>
240
+ <a name='L181'></a><a href='#L181'>181</a>
241
+ <a name='L182'></a><a href='#L182'>182</a>
242
+ <a name='L183'></a><a href='#L183'>183</a>
243
+ <a name='L184'></a><a href='#L184'>184</a>
244
+ <a name='L185'></a><a href='#L185'>185</a>
245
+ <a name='L186'></a><a href='#L186'>186</a>
246
+ <a name='L187'></a><a href='#L187'>187</a>
247
+ <a name='L188'></a><a href='#L188'>188</a>
248
+ <a name='L189'></a><a href='#L189'>189</a>
249
+ <a name='L190'></a><a href='#L190'>190</a>
250
+ <a name='L191'></a><a href='#L191'>191</a>
251
+ <a name='L192'></a><a href='#L192'>192</a>
252
+ <a name='L193'></a><a href='#L193'>193</a>
253
+ <a name='L194'></a><a href='#L194'>194</a>
254
+ <a name='L195'></a><a href='#L195'>195</a>
255
+ <a name='L196'></a><a href='#L196'>196</a>
256
+ <a name='L197'></a><a href='#L197'>197</a>
257
+ <a name='L198'></a><a href='#L198'>198</a>
258
+ <a name='L199'></a><a href='#L199'>199</a>
259
+ <a name='L200'></a><a href='#L200'>200</a>
260
+ <a name='L201'></a><a href='#L201'>201</a>
261
+ <a name='L202'></a><a href='#L202'>202</a>
262
+ <a name='L203'></a><a href='#L203'>203</a>
263
+ <a name='L204'></a><a href='#L204'>204</a>
264
+ <a name='L205'></a><a href='#L205'>205</a>
265
+ <a name='L206'></a><a href='#L206'>206</a>
266
+ <a name='L207'></a><a href='#L207'>207</a>
267
+ <a name='L208'></a><a href='#L208'>208</a>
268
+ <a name='L209'></a><a href='#L209'>209</a>
269
+ <a name='L210'></a><a href='#L210'>210</a>
270
+ <a name='L211'></a><a href='#L211'>211</a>
271
+ <a name='L212'></a><a href='#L212'>212</a>
272
+ <a name='L213'></a><a href='#L213'>213</a>
273
+ <a name='L214'></a><a href='#L214'>214</a>
274
+ <a name='L215'></a><a href='#L215'>215</a>
275
+ <a name='L216'></a><a href='#L216'>216</a>
276
+ <a name='L217'></a><a href='#L217'>217</a>
277
+ <a name='L218'></a><a href='#L218'>218</a>
278
+ <a name='L219'></a><a href='#L219'>219</a>
279
+ <a name='L220'></a><a href='#L220'>220</a>
280
+ <a name='L221'></a><a href='#L221'>221</a>
281
+ <a name='L222'></a><a href='#L222'>222</a>
282
+ <a name='L223'></a><a href='#L223'>223</a>
283
+ <a name='L224'></a><a href='#L224'>224</a>
284
+ <a name='L225'></a><a href='#L225'>225</a>
285
+ <a name='L226'></a><a href='#L226'>226</a>
286
+ <a name='L227'></a><a href='#L227'>227</a>
287
+ <a name='L228'></a><a href='#L228'>228</a>
288
+ <a name='L229'></a><a href='#L229'>229</a>
289
+ <a name='L230'></a><a href='#L230'>230</a>
290
+ <a name='L231'></a><a href='#L231'>231</a>
291
+ <a name='L232'></a><a href='#L232'>232</a>
292
+ <a name='L233'></a><a href='#L233'>233</a>
293
+ <a name='L234'></a><a href='#L234'>234</a>
294
+ <a name='L235'></a><a href='#L235'>235</a>
295
+ <a name='L236'></a><a href='#L236'>236</a>
296
+ <a name='L237'></a><a href='#L237'>237</a>
297
+ <a name='L238'></a><a href='#L238'>238</a>
298
+ <a name='L239'></a><a href='#L239'>239</a>
299
+ <a name='L240'></a><a href='#L240'>240</a>
300
+ <a name='L241'></a><a href='#L241'>241</a>
301
+ <a name='L242'></a><a href='#L242'>242</a>
302
+ <a name='L243'></a><a href='#L243'>243</a>
303
+ <a name='L244'></a><a href='#L244'>244</a>
304
+ <a name='L245'></a><a href='#L245'>245</a>
305
+ <a name='L246'></a><a href='#L246'>246</a>
306
+ <a name='L247'></a><a href='#L247'>247</a>
307
+ <a name='L248'></a><a href='#L248'>248</a>
308
+ <a name='L249'></a><a href='#L249'>249</a>
309
+ <a name='L250'></a><a href='#L250'>250</a>
310
+ <a name='L251'></a><a href='#L251'>251</a>
311
+ <a name='L252'></a><a href='#L252'>252</a>
312
+ <a name='L253'></a><a href='#L253'>253</a>
313
+ <a name='L254'></a><a href='#L254'>254</a>
314
+ <a name='L255'></a><a href='#L255'>255</a>
315
+ <a name='L256'></a><a href='#L256'>256</a>
316
+ <a name='L257'></a><a href='#L257'>257</a>
317
+ <a name='L258'></a><a href='#L258'>258</a>
318
+ <a name='L259'></a><a href='#L259'>259</a>
319
+ <a name='L260'></a><a href='#L260'>260</a>
320
+ <a name='L261'></a><a href='#L261'>261</a>
321
+ <a name='L262'></a><a href='#L262'>262</a>
322
+ <a name='L263'></a><a href='#L263'>263</a>
323
+ <a name='L264'></a><a href='#L264'>264</a>
324
+ <a name='L265'></a><a href='#L265'>265</a>
325
+ <a name='L266'></a><a href='#L266'>266</a>
326
+ <a name='L267'></a><a href='#L267'>267</a>
327
+ <a name='L268'></a><a href='#L268'>268</a>
328
+ <a name='L269'></a><a href='#L269'>269</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
329
+ <span class="cline-any cline-neutral">&nbsp;</span>
330
+ <span class="cline-any cline-neutral">&nbsp;</span>
331
+ <span class="cline-any cline-neutral">&nbsp;</span>
332
+ <span class="cline-any cline-neutral">&nbsp;</span>
333
+ <span class="cline-any cline-yes">1x</span>
334
+ <span class="cline-any cline-yes">1x</span>
335
+ <span class="cline-any cline-yes">1x</span>
336
+ <span class="cline-any cline-yes">1x</span>
337
+ <span class="cline-any cline-neutral">&nbsp;</span>
338
+ <span class="cline-any cline-yes">1x</span>
339
+ <span class="cline-any cline-no">&nbsp;</span>
340
+ <span class="cline-any cline-no">&nbsp;</span>
341
+ <span class="cline-any cline-neutral">&nbsp;</span>
342
+ <span class="cline-any cline-neutral">&nbsp;</span>
343
+ <span class="cline-any cline-neutral">&nbsp;</span>
344
+ <span class="cline-any cline-neutral">&nbsp;</span>
345
+ <span class="cline-any cline-neutral">&nbsp;</span>
346
+ <span class="cline-any cline-neutral">&nbsp;</span>
347
+ <span class="cline-any cline-neutral">&nbsp;</span>
348
+ <span class="cline-any cline-no">&nbsp;</span>
349
+ <span class="cline-any cline-neutral">&nbsp;</span>
350
+ <span class="cline-any cline-neutral">&nbsp;</span>
351
+ <span class="cline-any cline-neutral">&nbsp;</span>
352
+ <span class="cline-any cline-no">&nbsp;</span>
353
+ <span class="cline-any cline-no">&nbsp;</span>
354
+ <span class="cline-any cline-no">&nbsp;</span>
355
+ <span class="cline-any cline-neutral">&nbsp;</span>
356
+ <span class="cline-any cline-neutral">&nbsp;</span>
357
+ <span class="cline-any cline-neutral">&nbsp;</span>
358
+ <span class="cline-any cline-no">&nbsp;</span>
359
+ <span class="cline-any cline-no">&nbsp;</span>
360
+ <span class="cline-any cline-no">&nbsp;</span>
361
+ <span class="cline-any cline-neutral">&nbsp;</span>
362
+ <span class="cline-any cline-neutral">&nbsp;</span>
363
+ <span class="cline-any cline-neutral">&nbsp;</span>
364
+ <span class="cline-any cline-no">&nbsp;</span>
365
+ <span class="cline-any cline-no">&nbsp;</span>
366
+ <span class="cline-any cline-neutral">&nbsp;</span>
367
+ <span class="cline-any cline-neutral">&nbsp;</span>
368
+ <span class="cline-any cline-neutral">&nbsp;</span>
369
+ <span class="cline-any cline-neutral">&nbsp;</span>
370
+ <span class="cline-any cline-neutral">&nbsp;</span>
371
+ <span class="cline-any cline-neutral">&nbsp;</span>
372
+ <span class="cline-any cline-no">&nbsp;</span>
373
+ <span class="cline-any cline-no">&nbsp;</span>
374
+ <span class="cline-any cline-neutral">&nbsp;</span>
375
+ <span class="cline-any cline-no">&nbsp;</span>
376
+ <span class="cline-any cline-neutral">&nbsp;</span>
377
+ <span class="cline-any cline-neutral">&nbsp;</span>
378
+ <span class="cline-any cline-neutral">&nbsp;</span>
379
+ <span class="cline-any cline-no">&nbsp;</span>
380
+ <span class="cline-any cline-no">&nbsp;</span>
381
+ <span class="cline-any cline-neutral">&nbsp;</span>
382
+ <span class="cline-any cline-neutral">&nbsp;</span>
383
+ <span class="cline-any cline-no">&nbsp;</span>
384
+ <span class="cline-any cline-no">&nbsp;</span>
385
+ <span class="cline-any cline-neutral">&nbsp;</span>
386
+ <span class="cline-any cline-neutral">&nbsp;</span>
387
+ <span class="cline-any cline-neutral">&nbsp;</span>
388
+ <span class="cline-any cline-no">&nbsp;</span>
389
+ <span class="cline-any cline-no">&nbsp;</span>
390
+ <span class="cline-any cline-no">&nbsp;</span>
391
+ <span class="cline-any cline-neutral">&nbsp;</span>
392
+ <span class="cline-any cline-no">&nbsp;</span>
393
+ <span class="cline-any cline-no">&nbsp;</span>
394
+ <span class="cline-any cline-neutral">&nbsp;</span>
395
+ <span class="cline-any cline-neutral">&nbsp;</span>
396
+ <span class="cline-any cline-no">&nbsp;</span>
397
+ <span class="cline-any cline-neutral">&nbsp;</span>
398
+ <span class="cline-any cline-no">&nbsp;</span>
399
+ <span class="cline-any cline-neutral">&nbsp;</span>
400
+ <span class="cline-any cline-neutral">&nbsp;</span>
401
+ <span class="cline-any cline-neutral">&nbsp;</span>
402
+ <span class="cline-any cline-no">&nbsp;</span>
403
+ <span class="cline-any cline-neutral">&nbsp;</span>
404
+ <span class="cline-any cline-neutral">&nbsp;</span>
405
+ <span class="cline-any cline-neutral">&nbsp;</span>
406
+ <span class="cline-any cline-neutral">&nbsp;</span>
407
+ <span class="cline-any cline-neutral">&nbsp;</span>
408
+ <span class="cline-any cline-no">&nbsp;</span>
409
+ <span class="cline-any cline-no">&nbsp;</span>
410
+ <span class="cline-any cline-no">&nbsp;</span>
411
+ <span class="cline-any cline-no">&nbsp;</span>
412
+ <span class="cline-any cline-no">&nbsp;</span>
413
+ <span class="cline-any cline-neutral">&nbsp;</span>
414
+ <span class="cline-any cline-no">&nbsp;</span>
415
+ <span class="cline-any cline-no">&nbsp;</span>
416
+ <span class="cline-any cline-neutral">&nbsp;</span>
417
+ <span class="cline-any cline-neutral">&nbsp;</span>
418
+ <span class="cline-any cline-neutral">&nbsp;</span>
419
+ <span class="cline-any cline-neutral">&nbsp;</span>
420
+ <span class="cline-any cline-no">&nbsp;</span>
421
+ <span class="cline-any cline-neutral">&nbsp;</span>
422
+ <span class="cline-any cline-neutral">&nbsp;</span>
423
+ <span class="cline-any cline-no">&nbsp;</span>
424
+ <span class="cline-any cline-neutral">&nbsp;</span>
425
+ <span class="cline-any cline-no">&nbsp;</span>
426
+ <span class="cline-any cline-neutral">&nbsp;</span>
427
+ <span class="cline-any cline-neutral">&nbsp;</span>
428
+ <span class="cline-any cline-neutral">&nbsp;</span>
429
+ <span class="cline-any cline-neutral">&nbsp;</span>
430
+ <span class="cline-any cline-neutral">&nbsp;</span>
431
+ <span class="cline-any cline-no">&nbsp;</span>
432
+ <span class="cline-any cline-neutral">&nbsp;</span>
433
+ <span class="cline-any cline-neutral">&nbsp;</span>
434
+ <span class="cline-any cline-neutral">&nbsp;</span>
435
+ <span class="cline-any cline-neutral">&nbsp;</span>
436
+ <span class="cline-any cline-neutral">&nbsp;</span>
437
+ <span class="cline-any cline-neutral">&nbsp;</span>
438
+ <span class="cline-any cline-neutral">&nbsp;</span>
439
+ <span class="cline-any cline-neutral">&nbsp;</span>
440
+ <span class="cline-any cline-neutral">&nbsp;</span>
441
+ <span class="cline-any cline-no">&nbsp;</span>
442
+ <span class="cline-any cline-no">&nbsp;</span>
443
+ <span class="cline-any cline-no">&nbsp;</span>
444
+ <span class="cline-any cline-no">&nbsp;</span>
445
+ <span class="cline-any cline-neutral">&nbsp;</span>
446
+ <span class="cline-any cline-no">&nbsp;</span>
447
+ <span class="cline-any cline-neutral">&nbsp;</span>
448
+ <span class="cline-any cline-no">&nbsp;</span>
449
+ <span class="cline-any cline-neutral">&nbsp;</span>
450
+ <span class="cline-any cline-neutral">&nbsp;</span>
451
+ <span class="cline-any cline-neutral">&nbsp;</span>
452
+ <span class="cline-any cline-neutral">&nbsp;</span>
453
+ <span class="cline-any cline-no">&nbsp;</span>
454
+ <span class="cline-any cline-no">&nbsp;</span>
455
+ <span class="cline-any cline-no">&nbsp;</span>
456
+ <span class="cline-any cline-neutral">&nbsp;</span>
457
+ <span class="cline-any cline-no">&nbsp;</span>
458
+ <span class="cline-any cline-neutral">&nbsp;</span>
459
+ <span class="cline-any cline-neutral">&nbsp;</span>
460
+ <span class="cline-any cline-neutral">&nbsp;</span>
461
+ <span class="cline-any cline-no">&nbsp;</span>
462
+ <span class="cline-any cline-no">&nbsp;</span>
463
+ <span class="cline-any cline-neutral">&nbsp;</span>
464
+ <span class="cline-any cline-neutral">&nbsp;</span>
465
+ <span class="cline-any cline-neutral">&nbsp;</span>
466
+ <span class="cline-any cline-neutral">&nbsp;</span>
467
+ <span class="cline-any cline-no">&nbsp;</span>
468
+ <span class="cline-any cline-no">&nbsp;</span>
469
+ <span class="cline-any cline-no">&nbsp;</span>
470
+ <span class="cline-any cline-no">&nbsp;</span>
471
+ <span class="cline-any cline-neutral">&nbsp;</span>
472
+ <span class="cline-any cline-neutral">&nbsp;</span>
473
+ <span class="cline-any cline-neutral">&nbsp;</span>
474
+ <span class="cline-any cline-neutral">&nbsp;</span>
475
+ <span class="cline-any cline-no">&nbsp;</span>
476
+ <span class="cline-any cline-no">&nbsp;</span>
477
+ <span class="cline-any cline-neutral">&nbsp;</span>
478
+ <span class="cline-any cline-neutral">&nbsp;</span>
479
+ <span class="cline-any cline-neutral">&nbsp;</span>
480
+ <span class="cline-any cline-no">&nbsp;</span>
481
+ <span class="cline-any cline-no">&nbsp;</span>
482
+ <span class="cline-any cline-no">&nbsp;</span>
483
+ <span class="cline-any cline-no">&nbsp;</span>
484
+ <span class="cline-any cline-neutral">&nbsp;</span>
485
+ <span class="cline-any cline-neutral">&nbsp;</span>
486
+ <span class="cline-any cline-neutral">&nbsp;</span>
487
+ <span class="cline-any cline-no">&nbsp;</span>
488
+ <span class="cline-any cline-neutral">&nbsp;</span>
489
+ <span class="cline-any cline-neutral">&nbsp;</span>
490
+ <span class="cline-any cline-neutral">&nbsp;</span>
491
+ <span class="cline-any cline-neutral">&nbsp;</span>
492
+ <span class="cline-any cline-no">&nbsp;</span>
493
+ <span class="cline-any cline-no">&nbsp;</span>
494
+ <span class="cline-any cline-neutral">&nbsp;</span>
495
+ <span class="cline-any cline-neutral">&nbsp;</span>
496
+ <span class="cline-any cline-neutral">&nbsp;</span>
497
+ <span class="cline-any cline-neutral">&nbsp;</span>
498
+ <span class="cline-any cline-neutral">&nbsp;</span>
499
+ <span class="cline-any cline-no">&nbsp;</span>
500
+ <span class="cline-any cline-neutral">&nbsp;</span>
501
+ <span class="cline-any cline-neutral">&nbsp;</span>
502
+ <span class="cline-any cline-neutral">&nbsp;</span>
503
+ <span class="cline-any cline-neutral">&nbsp;</span>
504
+ <span class="cline-any cline-neutral">&nbsp;</span>
505
+ <span class="cline-any cline-no">&nbsp;</span>
506
+ <span class="cline-any cline-neutral">&nbsp;</span>
507
+ <span class="cline-any cline-neutral">&nbsp;</span>
508
+ <span class="cline-any cline-neutral">&nbsp;</span>
509
+ <span class="cline-any cline-no">&nbsp;</span>
510
+ <span class="cline-any cline-neutral">&nbsp;</span>
511
+ <span class="cline-any cline-neutral">&nbsp;</span>
512
+ <span class="cline-any cline-neutral">&nbsp;</span>
513
+ <span class="cline-any cline-neutral">&nbsp;</span>
514
+ <span class="cline-any cline-neutral">&nbsp;</span>
515
+ <span class="cline-any cline-no">&nbsp;</span>
516
+ <span class="cline-any cline-neutral">&nbsp;</span>
517
+ <span class="cline-any cline-neutral">&nbsp;</span>
518
+ <span class="cline-any cline-neutral">&nbsp;</span>
519
+ <span class="cline-any cline-neutral">&nbsp;</span>
520
+ <span class="cline-any cline-neutral">&nbsp;</span>
521
+ <span class="cline-any cline-neutral">&nbsp;</span>
522
+ <span class="cline-any cline-no">&nbsp;</span>
523
+ <span class="cline-any cline-neutral">&nbsp;</span>
524
+ <span class="cline-any cline-neutral">&nbsp;</span>
525
+ <span class="cline-any cline-neutral">&nbsp;</span>
526
+ <span class="cline-any cline-neutral">&nbsp;</span>
527
+ <span class="cline-any cline-neutral">&nbsp;</span>
528
+ <span class="cline-any cline-neutral">&nbsp;</span>
529
+ <span class="cline-any cline-no">&nbsp;</span>
530
+ <span class="cline-any cline-no">&nbsp;</span>
531
+ <span class="cline-any cline-neutral">&nbsp;</span>
532
+ <span class="cline-any cline-neutral">&nbsp;</span>
533
+ <span class="cline-any cline-no">&nbsp;</span>
534
+ <span class="cline-any cline-no">&nbsp;</span>
535
+ <span class="cline-any cline-no">&nbsp;</span>
536
+ <span class="cline-any cline-no">&nbsp;</span>
537
+ <span class="cline-any cline-neutral">&nbsp;</span>
538
+ <span class="cline-any cline-neutral">&nbsp;</span>
539
+ <span class="cline-any cline-neutral">&nbsp;</span>
540
+ <span class="cline-any cline-no">&nbsp;</span>
541
+ <span class="cline-any cline-no">&nbsp;</span>
542
+ <span class="cline-any cline-neutral">&nbsp;</span>
543
+ <span class="cline-any cline-neutral">&nbsp;</span>
544
+ <span class="cline-any cline-neutral">&nbsp;</span>
545
+ <span class="cline-any cline-neutral">&nbsp;</span>
546
+ <span class="cline-any cline-neutral">&nbsp;</span>
547
+ <span class="cline-any cline-neutral">&nbsp;</span>
548
+ <span class="cline-any cline-neutral">&nbsp;</span>
549
+ <span class="cline-any cline-neutral">&nbsp;</span>
550
+ <span class="cline-any cline-neutral">&nbsp;</span>
551
+ <span class="cline-any cline-neutral">&nbsp;</span>
552
+ <span class="cline-any cline-neutral">&nbsp;</span>
553
+ <span class="cline-any cline-no">&nbsp;</span>
554
+ <span class="cline-any cline-no">&nbsp;</span>
555
+ <span class="cline-any cline-neutral">&nbsp;</span>
556
+ <span class="cline-any cline-no">&nbsp;</span>
557
+ <span class="cline-any cline-neutral">&nbsp;</span>
558
+ <span class="cline-any cline-neutral">&nbsp;</span>
559
+ <span class="cline-any cline-neutral">&nbsp;</span>
560
+ <span class="cline-any cline-neutral">&nbsp;</span>
561
+ <span class="cline-any cline-neutral">&nbsp;</span>
562
+ <span class="cline-any cline-neutral">&nbsp;</span>
563
+ <span class="cline-any cline-neutral">&nbsp;</span>
564
+ <span class="cline-any cline-neutral">&nbsp;</span>
565
+ <span class="cline-any cline-neutral">&nbsp;</span>
566
+ <span class="cline-any cline-neutral">&nbsp;</span>
567
+ <span class="cline-any cline-no">&nbsp;</span>
568
+ <span class="cline-any cline-neutral">&nbsp;</span>
569
+ <span class="cline-any cline-neutral">&nbsp;</span>
570
+ <span class="cline-any cline-neutral">&nbsp;</span>
571
+ <span class="cline-any cline-neutral">&nbsp;</span>
572
+ <span class="cline-any cline-neutral">&nbsp;</span>
573
+ <span class="cline-any cline-neutral">&nbsp;</span>
574
+ <span class="cline-any cline-neutral">&nbsp;</span>
575
+ <span class="cline-any cline-neutral">&nbsp;</span>
576
+ <span class="cline-any cline-neutral">&nbsp;</span>
577
+ <span class="cline-any cline-no">&nbsp;</span>
578
+ <span class="cline-any cline-neutral">&nbsp;</span>
579
+ <span class="cline-any cline-neutral">&nbsp;</span>
580
+ <span class="cline-any cline-neutral">&nbsp;</span>
581
+ <span class="cline-any cline-neutral">&nbsp;</span>
582
+ <span class="cline-any cline-neutral">&nbsp;</span>
583
+ <span class="cline-any cline-neutral">&nbsp;</span>
584
+ <span class="cline-any cline-neutral">&nbsp;</span>
585
+ <span class="cline-any cline-neutral">&nbsp;</span>
586
+ <span class="cline-any cline-neutral">&nbsp;</span>
587
+ <span class="cline-any cline-neutral">&nbsp;</span>
588
+ <span class="cline-any cline-neutral">&nbsp;</span>
589
+ <span class="cline-any cline-yes">1x</span>
590
+ <span class="cline-any cline-neutral">&nbsp;</span>
591
+ <span class="cline-any cline-neutral">&nbsp;</span>
592
+ <span class="cline-any cline-neutral">&nbsp;</span>
593
+ <span class="cline-any cline-neutral">&nbsp;</span>
594
+ <span class="cline-any cline-neutral">&nbsp;</span>
595
+ <span class="cline-any cline-neutral">&nbsp;</span>
596
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useState, useEffect } from 'react';
597
+ import { pie, arc } from 'd3-shape';
598
+ import { select, event } from 'd3-selection';
599
+ import PropTypes from 'prop-types';
600
+ &nbsp;
601
+ const WIDTH = 210;
602
+ const HEIGHT = 210;
603
+ const RADIUS = Math.min(WIDTH, HEIGHT) / 2;
604
+ const GAP_VALUE = 2.5;
605
+ &nbsp;
606
+ const ScoreChart = <span class="fstat-no" title="function not covered" >({</span> performanceYear, chartData, linkCallback }) =&gt; {
607
+ const [hasLegend, setHasLegend] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
608
+ const [titleMapping, setTitleMapping] = <span class="cstat-no" title="statement not covered" >useState({</span>
609
+ quality: 'Quality Measures',
610
+ aci: 'Advancing Care Info',
611
+ pi: 'Promoting Interoperability',
612
+ ia: 'Improvement Activities',
613
+ cost: 'Cost',
614
+ });
615
+ &nbsp;
616
+ const { categories } = <span class="cstat-no" title="statement not covered" >chartData;</span>
617
+ let legendToggler;
618
+ let legend;
619
+ &nbsp;
620
+ const getAdvancingCareLabel = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
621
+ <span class="cstat-no" title="statement not covered" > if (performanceYear &gt; 2017) {</span>
622
+ <span class="cstat-no" title="statement not covered" > setTitleMapping({ ...titleMapping, aci: 'Promoting Interoperability' });</span>
623
+ }
624
+ };
625
+ &nbsp;
626
+ const redirectToCategory = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(l</span>ink, categoryId) =&gt; {</span>
627
+ <span class="cstat-no" title="statement not covered" > if (!link) {</span>
628
+ <span class="cstat-no" title="statement not covered" > return;</span>
629
+ }
630
+ &nbsp;
631
+ // track explicitly chart legends
632
+ <span class="cstat-no" title="statement not covered" > if (window.utag) {</span>
633
+ <span class="cstat-no" title="statement not covered" > window.utag.track('link', {</span>
634
+ ga_event_category: 'SidebarNav',
635
+ ga_event_action: `GoTo${categoryId}`,
636
+ ga_event_label: categoryId,
637
+ });
638
+ }
639
+ &nbsp;
640
+ <span class="cstat-no" title="statement not covered" > if (linkCallback) {</span>
641
+ <span class="cstat-no" title="statement not covered" > linkCallback(link);</span>
642
+ } else {
643
+ <span class="cstat-no" title="statement not covered" > window.location.href = link;</span>
644
+ }
645
+ };
646
+ &nbsp;
647
+ const draw = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(c</span>hartData) =&gt; {</span>
648
+ const scorePie = <span class="cstat-no" title="statement not covered" >pie().sort(null);</span>
649
+ &nbsp;
650
+ // Removing invalid categories
651
+ const categories = <span class="cstat-no" title="statement not covered" >chartData.categories.filter(</span>
652
+ <span class="fstat-no" title="function not covered" > ({</span> maxContribution }) =&gt; <span class="cstat-no" title="statement not covered" >!!maxContribution</span>
653
+ );
654
+ &nbsp;
655
+ // Calculating the sum of valid categories in order to calculate ratios
656
+ const categorySum = <span class="cstat-no" title="statement not covered" >categories</span>
657
+ .map(<span class="fstat-no" title="function not covered" >({</span> maxContribution }) =&gt; <span class="cstat-no" title="statement not covered" >maxContribution)</span>
658
+ .reduce(<span class="fstat-no" title="function not covered" >(s</span>um, current) =&gt; <span class="cstat-no" title="statement not covered" >sum + current)</span>;
659
+ &nbsp;
660
+ <span class="cstat-no" title="statement not covered" > if (!categorySum) {</span>
661
+ <span class="cstat-no" title="statement not covered" > return;</span>
662
+ }
663
+ &nbsp;
664
+ <span class="cstat-no" title="statement not covered" > select('.score-chart').selectAll('*').remove();</span>
665
+ &nbsp;
666
+ const svg = <span class="cstat-no" title="statement not covered" >select('.score-chart')</span>
667
+ .attr('width', WIDTH)
668
+ .attr('height', HEIGHT);
669
+ &nbsp;
670
+ const chartArc = <span class="cstat-no" title="statement not covered" >arc()</span>
671
+ .innerRadius(RADIUS - 1.5)
672
+ .outerRadius(RADIUS - 25);
673
+ &nbsp;
674
+ // Preparing the data structure with ratios: [ FILLED, EMPTY, TRANSPARENT, FILLED, EMPTY, ... ]
675
+ let data;
676
+ <span class="cstat-no" title="statement not covered" > if (categories.length === 0) {</span>
677
+ <span class="cstat-no" title="statement not covered" > data = [];</span>
678
+ } else <span class="cstat-no" title="statement not covered" >if (categories.length === 1) {</span>
679
+ const { value, maxContribution } = <span class="cstat-no" title="statement not covered" >categories[0];</span>
680
+ <span class="cstat-no" title="statement not covered" > data = [value || 0, maxContribution - value];</span>
681
+ } else {
682
+ <span class="cstat-no" title="statement not covered" > data = categories</span>
683
+ .map(<span class="fstat-no" title="function not covered" >({</span> value, maxContribution }) =&gt; <span class="cstat-no" title="statement not covered" >[</span>
684
+ value || 0,
685
+ maxContribution - value,
686
+ GAP_VALUE * (categorySum / 100),
687
+ ])
688
+ .reduce(<span class="fstat-no" title="function not covered" >(a</span>, b) =&gt; <span class="cstat-no" title="statement not covered" >a.concat(b),</span> []);
689
+ }
690
+ &nbsp;
691
+ <span class="cstat-no" title="statement not covered" > svg.append('title').attr('id', 'titleID').text('Your submission score');</span>
692
+ &nbsp;
693
+ <span class="cstat-no" title="statement not covered" > svg</span>
694
+ .append('desc')
695
+ .attr('id', 'descID')
696
+ .text(`${chartData.finalScore} out of 100`);
697
+ &nbsp;
698
+ // Setting up the arcs
699
+ let arcs = <span class="cstat-no" title="statement not covered" >svg</span>
700
+ .append('g')
701
+ .attr('class', 'arcs')
702
+ .attr('role', 'presentation')
703
+ .selectAll('g.arc')
704
+ .data(scorePie(data))
705
+ .enter()
706
+ .append('g')
707
+ .attr('class', <span class="fstat-no" title="function not covered" >(d</span>, i) =&gt; {
708
+ let role;
709
+ <span class="cstat-no" title="statement not covered" > if (i % 3 === 0) {</span>
710
+ <span class="cstat-no" title="statement not covered" > role = 'filled';</span>
711
+ } else <span class="cstat-no" title="statement not covered" >if (i % 3 === 1) {</span>
712
+ <span class="cstat-no" title="statement not covered" > role = 'empty';</span>
713
+ } else {
714
+ <span class="cstat-no" title="statement not covered" > role = 'transparent';</span>
715
+ }
716
+ <span class="cstat-no" title="statement not covered" > return `arc ${categories[parseInt(i / 3)].name} ${role}`;</span>
717
+ })
718
+ .attr('transform', `translate(${RADIUS}, ${RADIUS})`)
719
+ // For accessibility, we add keyboard access to the filled slices
720
+ .attr('tabindex', <span class="fstat-no" title="function not covered" >(d</span>, i) =&gt; {
721
+ let tabindex = <span class="cstat-no" title="statement not covered" >-1;</span>
722
+ <span class="cstat-no" title="statement not covered" > if (i % 3 === 0) {</span>
723
+ <span class="cstat-no" title="statement not covered" > tabindex = 0;</span>
724
+ }
725
+ <span class="cstat-no" title="statement not covered" > return tabindex;</span>
726
+ })
727
+ // IE for for focusable svg elements
728
+ .attr('focusable', <span class="fstat-no" title="function not covered" >(d</span>, i) =&gt; {
729
+ <span class="cstat-no" title="statement not covered" > if (i % 3 === 0) {</span>
730
+ <span class="cstat-no" title="statement not covered" > return true;</span>
731
+ }
732
+ })
733
+ // For accessibility, we add keyboard access to the filled slices
734
+ .on('keyup', <span class="fstat-no" title="function not covered" >(d</span>, i) =&gt; {
735
+ const code = <span class="cstat-no" title="statement not covered" >event.keyCode || event.which;</span>
736
+ <span class="cstat-no" title="statement not covered" > if (code === 13) {</span>
737
+ const { name, link } = <span class="cstat-no" title="statement not covered" >categories[parseInt(i / 3)];</span>
738
+ <span class="cstat-no" title="statement not covered" > redirectToCategory(link, name);</span>
739
+ }
740
+ })
741
+ // On click - go to category page
742
+ .on('click', <span class="fstat-no" title="function not covered" >(d</span>, i) =&gt; {
743
+ const { name, link } = <span class="cstat-no" title="statement not covered" >categories[parseInt(i / 3)];</span>
744
+ <span class="cstat-no" title="statement not covered" > redirectToCategory(link, name);</span>
745
+ });
746
+ &nbsp;
747
+ // Add accessibility description
748
+ <span class="cstat-no" title="statement not covered" > arcs.append('desc').text(<span class="fstat-no" title="function not covered" >(d</span>, i) =&gt; {</span>
749
+ <span class="cstat-no" title="statement not covered" > if (i % 3 === 0) {</span>
750
+ const { name, value, maxContribution } = <span class="cstat-no" title="statement not covered" >categories[parseInt(i / 3)];</span>
751
+ <span class="cstat-no" title="statement not covered" > return `${titleMapping[name]} ${value} out of ${maxContribution}`;</span>
752
+ }
753
+ });
754
+ &nbsp;
755
+ <span class="cstat-no" title="statement not covered" > arcs</span>
756
+ .append('path')
757
+ .attr('d', chartArc)
758
+ // On mouse over - show category tooltip
759
+ .on('mouseover', <span class="fstat-no" title="function not covered" >(d</span>, i) =&gt; {
760
+ const { name, value, maxContribution } = <span class="cstat-no" title="statement not covered" >categories[parseInt(i / 3)];</span>
761
+ <span class="cstat-no" title="statement not covered" > select('.chart-tooltip')</span>
762
+ .style('opacity', 1)
763
+ .text(`${titleMapping[name]} ${value}/${maxContribution}`);
764
+ })
765
+ // On mouse move - move category tooltip
766
+ .on('mousemove', <span class="fstat-no" title="function not covered" >()</span> =&gt; {
767
+ <span class="cstat-no" title="statement not covered" > select('.chart-tooltip')</span>
768
+ .style('top', event.clientY - HEIGHT + 10 + 'px')
769
+ .style('left', event.clientX + 'px');
770
+ })
771
+ // On mouse out - hide category tooltip
772
+ .on('mouseout', <span class="fstat-no" title="function not covered" >()</span> =&gt; {
773
+ <span class="cstat-no" title="statement not covered" > select('.chart-tooltip').style('opacity', 0);</span>
774
+ });
775
+ &nbsp;
776
+ // Adding title and subtitle
777
+ const text = <span class="cstat-no" title="statement not covered" >svg</span>
778
+ .append('g')
779
+ .attr('text-anchor', 'middle')
780
+ .attr('transform', `translate(${WIDTH / 2}, ${HEIGHT / 2})`);
781
+ &nbsp;
782
+ // Adding title - X%
783
+ <span class="cstat-no" title="statement not covered" > text</span>
784
+ .append('text')
785
+ .attr('y', 4)
786
+ .attr('class', 'chart-title')
787
+ .text(chartData.finalScore);
788
+ &nbsp;
789
+ // Adding subtitle - OUT OF 100
790
+ <span class="cstat-no" title="statement not covered" > text</span>
791
+ .append('text')
792
+ .attr('y', 24)
793
+ .attr('class', 'chart-subtitle')
794
+ .text('OUT OF 100');
795
+ };
796
+ &nbsp;
797
+ const toggleLegend = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
798
+ <span class="cstat-no" title="statement not covered" > setHasLegend(!hasLegend);</span>
799
+ };
800
+ &nbsp;
801
+ <span class="cstat-no" title="statement not covered" > useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
802
+ <span class="cstat-no" title="statement not covered" > if (chartData?.finalScore) {</span>
803
+ <span class="cstat-no" title="statement not covered" > draw(chartData);</span>
804
+ <span class="cstat-no" title="statement not covered" > getAdvancingCareLabel();</span>
805
+ }
806
+ }, [chartData?.finalScore]);
807
+ &nbsp;
808
+ <span class="cstat-no" title="statement not covered" > if (hasLegend) {</span>
809
+ <span class="cstat-no" title="statement not covered" > legendToggler = (</span>
810
+ &lt;button className="open" type="button" aria-pressed="true"&gt;
811
+ Hide Legend
812
+ &lt;svg
813
+ className="right-icon rotated"
814
+ aria-hidden="true"
815
+ focusable="false"
816
+ &gt;
817
+ &lt;use xlinkHref="#chevron-down" /&gt;
818
+ &lt;/svg&gt;
819
+ &lt;/button&gt;
820
+ );
821
+ <span class="cstat-no" title="statement not covered" > legend = categories.map(<span class="fstat-no" title="function not covered" >({</span> name, value, maxContribution, link }, index) =&gt; {</span>
822
+ <span class="cstat-no" title="statement not covered" > return (</span>
823
+ &lt;li key={name} className="legend-axis"&gt;
824
+ &lt;button onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >redirectToCategory(link, name)}</span>&gt;
825
+ &lt;span className={`legend-axis-color ${name}`} /&gt;
826
+ &amp;nbsp;
827
+ &lt;span className="legend-axis-title"&gt;{titleMapping[name]}&lt;/span&gt;
828
+ &amp;nbsp;
829
+ &lt;span className="legend-axis-value"&gt;{`${value}/${maxContribution}`}&lt;/span&gt;
830
+ &lt;/button&gt;
831
+ &lt;/li&gt;
832
+ );
833
+ });
834
+ } else {
835
+ <span class="cstat-no" title="statement not covered" > legendToggler = (</span>
836
+ &lt;button type="button" aria-pressed="false"&gt;
837
+ Show Legend
838
+ &lt;svg className="right-icon" aria-hidden="true" focusable="false"&gt;
839
+ &lt;use xlinkHref="#chevron-down" /&gt;
840
+ &lt;/svg&gt;
841
+ &lt;/button&gt;
842
+ );
843
+ }
844
+ &nbsp;
845
+ <span class="cstat-no" title="statement not covered" > return (</span>
846
+ &lt;div className="chart"&gt;
847
+ &lt;svg className="score-chart" focusable="false" /&gt;
848
+ &lt;div className="chart-tooltip off" /&gt;
849
+ &lt;div className="chart-legend-toggler" onClick={toggleLegend}&gt;
850
+ {legendToggler}
851
+ &lt;/div&gt;
852
+ &lt;ul className="chart-legend"&gt;{legend}&lt;/ul&gt;
853
+ &lt;/div&gt;
854
+ );
855
+ };
856
+ &nbsp;
857
+ ScoreChart.propTypes = {
858
+ chartData: PropTypes.object,
859
+ linkCallback: PropTypes.func,
860
+ performanceYear: PropTypes.number,
861
+ };
862
+ &nbsp;
863
+ export default ScoreChart;
864
+ &nbsp;</pre></td></tr></table></pre>
865
+
866
+ <div class='push'></div><!-- for sticky footer -->
867
+ </div><!-- /wrapper -->
868
+ <div class='footer quiet pad2 space-top1 center small'>
869
+ Code coverage generated by
870
+ <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
871
+ at Thu Dec 02 2021 15:57:52 GMT-0800 (Pacific Standard Time)
872
+ </div>
873
+ </div>
874
+ <script src="../../../prettify.js"></script>
875
+ <script>
876
+ window.onload = function () {
877
+ prettyPrint();
878
+ };
879
+ </script>
880
+ <script src="../../../sorter.js"></script>
881
+ <script src="../../../block-navigation.js"></script>
882
+ </body>
883
+ </html>
884
+