qpp-style 9.7.2 → 9.7.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (311) hide show
  1. package/.storybook/main.js +19 -13
  2. package/components/Breadcrumb/Breadcrumb.stories.js +10 -6
  3. package/components/Button/Button.stories.js +0 -2
  4. package/components/CalloutBox/CalloutBox.stories.js +0 -2
  5. package/components/Card/Card.stories.js +0 -2
  6. package/components/Dropdown/Dropdown.stories.js +0 -2
  7. package/components/Footer/Footer.stories.js +7 -10
  8. package/components/Header/Header.stories.js +16 -20
  9. package/components/Infotip/Infotip.stories.js +5 -5
  10. package/components/Modal/Modal.stories.js +28 -30
  11. package/components/NotificationBanner/NotificationBanner.stories.js +10 -10
  12. package/components/Search/Search.stories.js +0 -2
  13. package/components/SideNav/SideNav.stories.js +104 -185
  14. package/components/Tabs/Tabs.stories.js +0 -2
  15. package/components/TextInput/TextInput.stories.js +0 -2
  16. package/coverage/clover.xml +1192 -0
  17. package/coverage/coverage-final.json +67 -0
  18. package/coverage/lcov-report/Header/HeaderUI.jsx.html +1418 -0
  19. package/coverage/lcov-report/Header/index.html +111 -0
  20. package/coverage/lcov-report/HeaderUI.jsx.html +578 -0
  21. package/coverage/lcov-report/SideNav/UI/index.html +111 -0
  22. package/coverage/lcov-report/SideNav/UI/index.js.html +89 -0
  23. package/coverage/lcov-report/base.css +224 -0
  24. package/coverage/lcov-report/block-navigation.js +79 -0
  25. package/coverage/lcov-report/components/Accordion/index.html +111 -0
  26. package/coverage/lcov-report/components/Accordion/index.jsx.html +359 -0
  27. package/coverage/lcov-report/components/Error/Collapsible.jsx.html +344 -0
  28. package/coverage/lcov-report/components/Error/ErrorUI.jsx.html +173 -0
  29. package/coverage/lcov-report/components/Error/index.html +126 -0
  30. package/coverage/lcov-report/components/Footer/FooterUI.jsx.html +845 -0
  31. package/coverage/lcov-report/components/Footer/LegacyFooterUI.jsx.html +662 -0
  32. package/coverage/lcov-report/components/Footer/SocialLinks.jsx.html +260 -0
  33. package/coverage/lcov-report/components/Footer/Subscribe.jsx.html +182 -0
  34. package/coverage/lcov-report/components/Footer/index.html +156 -0
  35. package/coverage/lcov-report/components/InfoModal/index.html +111 -0
  36. package/coverage/lcov-report/components/InfoModal/index.jsx.html +392 -0
  37. package/coverage/lcov-report/components/Infotip/Infotip.jsx.html +305 -0
  38. package/coverage/lcov-report/components/Infotip/InfotipIcon.jsx.html +203 -0
  39. package/coverage/lcov-report/components/Infotip/index.html +141 -0
  40. package/coverage/lcov-report/components/Infotip/index.js.html +89 -0
  41. package/coverage/lcov-report/components/SanitizedContent/index.html +111 -0
  42. package/coverage/lcov-report/components/SanitizedContent/index.jsx.html +680 -0
  43. package/coverage/lcov-report/components/SessionDialogUI.jsx.html +863 -0
  44. package/coverage/lcov-report/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +140 -0
  45. package/coverage/lcov-report/components/SideNav/AnimationGroup/index.html +111 -0
  46. package/coverage/lcov-report/components/SideNav/Chart/ScoreChart.jsx.html +884 -0
  47. package/coverage/lcov-report/components/SideNav/Chart/index.html +126 -0
  48. package/coverage/lcov-report/components/SideNav/Chart/index.js.html +89 -0
  49. package/coverage/lcov-report/components/SideNav/Content/LevelOneContent.jsx.html +1007 -0
  50. package/coverage/lcov-report/components/SideNav/Content/LevelTwoContent.jsx.html +722 -0
  51. package/coverage/lcov-report/components/SideNav/Content/index.html +141 -0
  52. package/coverage/lcov-report/components/SideNav/Content/index.js.html +92 -0
  53. package/coverage/lcov-report/components/SideNav/Details/IndividualDetails.jsx.html +134 -0
  54. package/coverage/lcov-report/components/SideNav/Details/PracticeDetails.jsx.html +203 -0
  55. package/coverage/lcov-report/components/SideNav/Details/index.html +141 -0
  56. package/coverage/lcov-report/components/SideNav/Details/index.js.html +92 -0
  57. package/coverage/lcov-report/components/SideNav/Links/CmsSwitchLink.jsx.html +203 -0
  58. package/coverage/lcov-report/components/SideNav/Links/NavItemInline.jsx.html +242 -0
  59. package/coverage/lcov-report/components/SideNav/Links/NavLinkContainer.jsx.html +209 -0
  60. package/coverage/lcov-report/components/SideNav/Links/NavLinkDrawer.jsx.html +659 -0
  61. package/coverage/lcov-report/components/SideNav/Links/NavLinkInline.jsx.html +401 -0
  62. package/coverage/lcov-report/components/SideNav/Links/NavLinkToggle.jsx.html +182 -0
  63. package/coverage/lcov-report/components/SideNav/Links/index.html +201 -0
  64. package/coverage/lcov-report/components/SideNav/Links/index.js.html +119 -0
  65. package/coverage/lcov-report/components/SideNav/UI/SideNavUI.jsx.html +1103 -0
  66. package/coverage/lcov-report/components/SideNav/UI/index.html +126 -0
  67. package/coverage/lcov-report/components/SideNav/UI/index.js.html +89 -0
  68. package/coverage/lcov-report/components/SideNav/helpers.js.html +221 -0
  69. package/coverage/lcov-report/components/SideNav/index.html +111 -0
  70. package/coverage/lcov-report/components/Tooltip/Tooltip.jsx.html +344 -0
  71. package/coverage/lcov-report/components/Tooltip/index.html +141 -0
  72. package/coverage/lcov-report/components/Tooltip/index.js.html +89 -0
  73. package/coverage/lcov-report/components/Tooltip/position.js.html +284 -0
  74. package/coverage/lcov-report/components/index.html +111 -0
  75. package/coverage/lcov-report/favicon.png +0 -0
  76. package/coverage/lcov-report/index.html +426 -0
  77. package/coverage/lcov-report/lib/Chevron.jsx.html +161 -0
  78. package/coverage/lcov-report/lib/SvgComponents.jsx.html +1697 -0
  79. package/coverage/lcov-report/lib/index.html +141 -0
  80. package/coverage/lcov-report/lib/svg-definitions.svg.html +455 -0
  81. package/coverage/lcov-report/prettify.css +1 -0
  82. package/coverage/lcov-report/prettify.js +2 -0
  83. package/coverage/lcov-report/react/components/Accordion/index.html +111 -0
  84. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +359 -0
  85. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +344 -0
  86. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +173 -0
  87. package/coverage/lcov-report/react/components/Error/error.js.html +158 -0
  88. package/coverage/lcov-report/react/components/Error/index.html +141 -0
  89. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +845 -0
  90. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +662 -0
  91. package/coverage/lcov-report/react/components/Footer/SocialLinks.jsx.html +260 -0
  92. package/coverage/lcov-report/react/components/Footer/Subscribe.jsx.html +182 -0
  93. package/coverage/lcov-report/react/components/Footer/footer.js.html +170 -0
  94. package/coverage/lcov-report/react/components/Footer/index.html +171 -0
  95. package/coverage/lcov-report/react/components/Header/HeaderAccountMenu.jsx.html +587 -0
  96. package/coverage/lcov-report/react/components/Header/HeaderCancel.jsx.html +128 -0
  97. package/coverage/lcov-report/react/components/Header/HeaderContainer.jsx.html +260 -0
  98. package/coverage/lcov-report/react/components/Header/HeaderLogo.jsx.html +206 -0
  99. package/coverage/lcov-report/react/components/Header/HeaderMenuButton.js.html +230 -0
  100. package/coverage/lcov-report/react/components/Header/HeaderMenuItem.jsx.html +749 -0
  101. package/coverage/lcov-report/react/components/Header/HeaderMenuLink.js.html +230 -0
  102. package/coverage/lcov-report/react/components/Header/HeaderMenuSignOutButton.js.html +266 -0
  103. package/coverage/lcov-report/react/components/Header/HeaderMobileButton.js.html +191 -0
  104. package/coverage/lcov-report/react/components/Header/HeaderUI.jsx.html +557 -0
  105. package/coverage/lcov-report/react/components/Header/HelpIcon.jsx.html +176 -0
  106. package/coverage/lcov-report/react/components/Header/NavigationButtonIcon.jsx.html +161 -0
  107. package/coverage/lcov-report/react/components/Header/header.js.html +194 -0
  108. package/coverage/lcov-report/react/components/Header/hooks.js.html +236 -0
  109. package/coverage/lcov-report/react/components/Header/index.html +321 -0
  110. package/coverage/lcov-report/react/components/Header/utag-helpers.js.html +107 -0
  111. package/coverage/lcov-report/react/components/InfoModal/index.html +111 -0
  112. package/coverage/lcov-report/react/components/InfoModal/index.jsx.html +392 -0
  113. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +305 -0
  114. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +203 -0
  115. package/coverage/lcov-report/react/components/Infotip/index.html +141 -0
  116. package/coverage/lcov-report/react/components/Infotip/index.js.html +89 -0
  117. package/coverage/lcov-report/react/components/Modal/LegacyModal.jsx.html +296 -0
  118. package/coverage/lcov-report/react/components/Modal/Modal.jsx.html +500 -0
  119. package/coverage/lcov-report/react/components/Modal/index.html +141 -0
  120. package/coverage/lcov-report/react/components/Modal/index.jsx.html +146 -0
  121. package/coverage/lcov-report/react/components/NotificationBanner/NotificationBannerUI.jsx.html +950 -0
  122. package/coverage/lcov-report/react/components/NotificationBanner/index.html +111 -0
  123. package/coverage/lcov-report/react/components/NotificationBanner/index.js.html +875 -0
  124. package/coverage/lcov-report/react/components/SanitizedContent/index.html +111 -0
  125. package/coverage/lcov-report/react/components/SanitizedContent/index.jsx.html +680 -0
  126. package/coverage/lcov-report/react/components/SessionDialog/index.html +111 -0
  127. package/coverage/lcov-report/react/components/SessionDialog/sessionDialog.js.html +158 -0
  128. package/coverage/lcov-report/react/components/SessionDialogUI.jsx.html +863 -0
  129. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +146 -0
  130. package/coverage/lcov-report/react/components/SideNav/AnimationGroup/index.html +111 -0
  131. package/coverage/lcov-report/react/components/SideNav/Chart/ScoreChart.jsx.html +884 -0
  132. package/coverage/lcov-report/react/components/SideNav/Chart/index.html +126 -0
  133. package/coverage/lcov-report/react/components/SideNav/Chart/index.js.html +89 -0
  134. package/coverage/lcov-report/react/components/SideNav/Content/LevelOneContent.jsx.html +590 -0
  135. package/coverage/lcov-report/react/components/SideNav/Content/LevelTwoContent.jsx.html +728 -0
  136. package/coverage/lcov-report/react/components/SideNav/Content/index.html +141 -0
  137. package/coverage/lcov-report/react/components/SideNav/Content/index.js.html +92 -0
  138. package/coverage/lcov-report/react/components/SideNav/Details/IndividualDetails.jsx.html +134 -0
  139. package/coverage/lcov-report/react/components/SideNav/Details/PracticeDetails.jsx.html +215 -0
  140. package/coverage/lcov-report/react/components/SideNav/Details/index.html +141 -0
  141. package/coverage/lcov-report/react/components/SideNav/Details/index.js.html +92 -0
  142. package/coverage/lcov-report/react/components/SideNav/Links/CmsSwitchLink.jsx.html +203 -0
  143. package/coverage/lcov-report/react/components/SideNav/Links/NavItemInline.jsx.html +242 -0
  144. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkContainer.jsx.html +194 -0
  145. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkDrawer.jsx.html +695 -0
  146. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkInline.jsx.html +401 -0
  147. package/coverage/lcov-report/react/components/SideNav/Links/NavLinkToggle.jsx.html +182 -0
  148. package/coverage/lcov-report/react/components/SideNav/Links/index.html +201 -0
  149. package/coverage/lcov-report/react/components/SideNav/Links/index.js.html +119 -0
  150. package/coverage/lcov-report/react/components/SideNav/UI/SideNavUI.jsx.html +1052 -0
  151. package/coverage/lcov-report/react/components/SideNav/UI/index.html +126 -0
  152. package/coverage/lcov-report/react/components/SideNav/UI/index.js.html +89 -0
  153. package/coverage/lcov-report/react/components/SideNav/helpers.js.html +227 -0
  154. package/coverage/lcov-report/react/components/SideNav/index.html +126 -0
  155. package/coverage/lcov-report/react/components/SideNav/index.js.html +239 -0
  156. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +344 -0
  157. package/coverage/lcov-report/react/components/Tooltip/index.html +141 -0
  158. package/coverage/lcov-report/react/components/Tooltip/index.js.html +89 -0
  159. package/coverage/lcov-report/react/components/Tooltip/position.js.html +284 -0
  160. package/coverage/lcov-report/react/components/hooks/index.html +111 -0
  161. package/coverage/lcov-report/react/components/hooks/useGetConfig.js.html +302 -0
  162. package/coverage/lcov-report/react/components/index.html +111 -0
  163. package/coverage/lcov-report/react/index.html +111 -0
  164. package/coverage/lcov-report/react/index.js.html +173 -0
  165. package/coverage/lcov-report/react/lib/Chevron.jsx.html +176 -0
  166. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +1697 -0
  167. package/coverage/lcov-report/react/lib/index.html +141 -0
  168. package/coverage/lcov-report/react/lib/svg-definitions.svg.html +455 -0
  169. package/coverage/lcov-report/react/session/index.html +156 -0
  170. package/coverage/lcov-report/react/session/index.js.html +95 -0
  171. package/coverage/lcov-report/react/session/logout.js.html +203 -0
  172. package/coverage/lcov-report/react/session/refresh.js.html +227 -0
  173. package/coverage/lcov-report/react/session/ttl.js.html +191 -0
  174. package/coverage/lcov-report/session/index.html +126 -0
  175. package/coverage/lcov-report/session/index.js.html +95 -0
  176. package/coverage/lcov-report/session/logout.js.html +203 -0
  177. package/coverage/lcov-report/session/refresh.js.html +227 -0
  178. package/coverage/lcov-report/session/ttl.js.html +191 -0
  179. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  180. package/coverage/lcov-report/sorter.js +170 -0
  181. package/coverage/lcov.info +2673 -0
  182. package/dist/browser.js +1 -1
  183. package/dist/browser.js.map +1 -1
  184. package/dist/index.js +1 -1
  185. package/dist/index.js.map +1 -1
  186. package/dist/react/index.js +1 -1
  187. package/dist/react/index.js.map +1 -1
  188. package/package.json +28 -26
  189. package/storybook-static/0.284246fa7dd756530022.manager.bundle.js +1 -0
  190. package/storybook-static/0.e444ffe0.iframe.bundle.js +1 -0
  191. package/storybook-static/4.38e07a72.iframe.bundle.js +3 -0
  192. package/storybook-static/4.38e07a72.iframe.bundle.js.LICENSE.txt +8 -0
  193. package/storybook-static/4.38e07a72.iframe.bundle.js.map +1 -0
  194. package/storybook-static/4.5a2288a7314de45771fd.manager.bundle.js +2 -0
  195. package/storybook-static/4.5a2288a7314de45771fd.manager.bundle.js.LICENSE.txt +8 -0
  196. package/storybook-static/5.96d29e90.iframe.bundle.js +1 -0
  197. package/storybook-static/5.f669e5db79f970f4eeda.manager.bundle.js +2 -0
  198. package/storybook-static/5.f669e5db79f970f4eeda.manager.bundle.js.LICENSE.txt +12 -0
  199. package/storybook-static/6.fbe12c4b.iframe.bundle.js +3 -0
  200. package/storybook-static/6.fbe12c4b.iframe.bundle.js.LICENSE.txt +12 -0
  201. package/storybook-static/6.fbe12c4b.iframe.bundle.js.map +1 -0
  202. package/storybook-static/6.fc183cb0948fa18c4851.manager.bundle.js +1 -0
  203. package/storybook-static/7.6262147d7bfe4804e70d.manager.bundle.js +1 -0
  204. package/storybook-static/7.9e6103c8.iframe.bundle.js +1 -0
  205. package/storybook-static/8.88a822e73e773dbd9da6.manager.bundle.js +1 -0
  206. package/storybook-static/favicon.ico +0 -0
  207. package/storybook-static/fonts/FontAwesome.otf +0 -0
  208. package/storybook-static/fonts/OFL.txt +92 -0
  209. package/storybook-static/fonts/Rubik-Black.ttf +0 -0
  210. package/storybook-static/fonts/Rubik-BlackItalic.ttf +0 -0
  211. package/storybook-static/fonts/Rubik-Bold.ttf +0 -0
  212. package/storybook-static/fonts/Rubik-BoldItalic.ttf +0 -0
  213. package/storybook-static/fonts/Rubik-Italic.ttf +0 -0
  214. package/storybook-static/fonts/Rubik-Light.ttf +0 -0
  215. package/storybook-static/fonts/Rubik-LightItalic.ttf +0 -0
  216. package/storybook-static/fonts/Rubik-Medium.ttf +0 -0
  217. package/storybook-static/fonts/Rubik-MediumItalic.ttf +0 -0
  218. package/storybook-static/fonts/Rubik-Regular.ttf +0 -0
  219. package/storybook-static/fonts/fontawesome-webfont.eot +0 -0
  220. package/storybook-static/fonts/fontawesome-webfont.svg +2671 -0
  221. package/storybook-static/fonts/fontawesome-webfont.ttf +0 -0
  222. package/storybook-static/fonts/fontawesome-webfont.woff +0 -0
  223. package/storybook-static/fonts/fontawesome-webfont.woff2 +0 -0
  224. package/storybook-static/iframe.html +138 -0
  225. package/storybook-static/images/favicon/android-chrome-192x192.png +0 -0
  226. package/storybook-static/images/favicon/android-chrome-256x256.png +0 -0
  227. package/storybook-static/images/favicon/apple-touch-icon.png +0 -0
  228. package/storybook-static/images/favicon/browserconfig.xml +9 -0
  229. package/storybook-static/images/favicon/favicon-16x16.png +0 -0
  230. package/storybook-static/images/favicon/favicon-32x32.png +0 -0
  231. package/storybook-static/images/favicon/favicon.ico +0 -0
  232. package/storybook-static/images/favicon/manifest.json +18 -0
  233. package/storybook-static/images/favicon/mstile-150x150.png +0 -0
  234. package/storybook-static/images/favicon/safari-pinned-tab.svg +32 -0
  235. package/storybook-static/images/hhs-logo-black.svg +10 -0
  236. package/storybook-static/images/hhs-logo-white.svg +10 -0
  237. package/storybook-static/images/icons/close-x.svg +6 -0
  238. package/storybook-static/images/icons/help-headset.svg +21 -0
  239. package/storybook-static/images/icons/svg/arrow-down.svg +3 -0
  240. package/storybook-static/images/icons/svg/arrow-download.svg +5 -0
  241. package/storybook-static/images/icons/svg/arrow-right.svg +5 -0
  242. package/storybook-static/images/icons/svg/close.svg +3 -0
  243. package/storybook-static/images/icons/svg/download.svg +1 -0
  244. package/storybook-static/images/icons/svg/external.svg +4 -0
  245. package/storybook-static/images/icons/svg/file-upload.svg +1 -0
  246. package/storybook-static/images/icons/svg/print.svg +4 -0
  247. package/storybook-static/images/icons/svg/trash.svg +5 -0
  248. package/storybook-static/images/icons/svg/upload.svg +3 -0
  249. package/storybook-static/images/qpp_logo_reversed.png +0 -0
  250. package/storybook-static/images/qpp_logo_rgb_color.png +0 -0
  251. package/storybook-static/index.html +55 -0
  252. package/storybook-static/main.18ac9bfd601c66f4bee6.manager.bundle.js +1 -0
  253. package/storybook-static/main.9d42b744.iframe.bundle.js +1 -0
  254. package/storybook-static/runtime~main.d17fbed7a9ad1d2c431e.manager.bundle.js +1 -0
  255. package/storybook-static/runtime~main.ed6e2009.iframe.bundle.js +1 -0
  256. package/storybook-static/static/media/Bitter-Bold.091bd4b7.woff +0 -0
  257. package/storybook-static/static/media/Bitter-Bold.24bf01e4.woff2 +0 -0
  258. package/storybook-static/static/media/Bitter-Bold.46bc29e4.ttf +0 -0
  259. package/storybook-static/static/media/Bitter-Bold.790f4f2f.eot +0 -0
  260. package/storybook-static/static/media/Bitter-Italic.1fa5390c.eot +0 -0
  261. package/storybook-static/static/media/Bitter-Italic.25e5675f.woff +0 -0
  262. package/storybook-static/static/media/Bitter-Italic.2eb18f5a.ttf +0 -0
  263. package/storybook-static/static/media/Bitter-Italic.34644574.woff2 +0 -0
  264. package/storybook-static/static/media/Bitter-Regular.4b22b6e8.woff +0 -0
  265. package/storybook-static/static/media/Bitter-Regular.559e7075.eot +0 -0
  266. package/storybook-static/static/media/Bitter-Regular.8db0301b.ttf +0 -0
  267. package/storybook-static/static/media/Bitter-Regular.f4e2f1f1.woff2 +0 -0
  268. package/storybook-static/static/media/FontAwesome.91f80bba.otf +0 -0
  269. package/storybook-static/static/media/OpenSans-Bold-webfont.202d819d.eot +0 -0
  270. package/storybook-static/static/media/OpenSans-Bold-webfont.92e570c6.woff2 +0 -0
  271. package/storybook-static/static/media/OpenSans-Bold-webfont.da71e99a.ttf +0 -0
  272. package/storybook-static/static/media/OpenSans-Bold-webfont.e75949bb.woff +0 -0
  273. package/storybook-static/static/media/OpenSans-Italic-webfont.72daa33a.woff2 +0 -0
  274. package/storybook-static/static/media/OpenSans-Italic-webfont.74ead3a8.woff +0 -0
  275. package/storybook-static/static/media/OpenSans-Italic-webfont.ae19388f.eot +0 -0
  276. package/storybook-static/static/media/OpenSans-Italic-webfont.ec7a2746.ttf +0 -0
  277. package/storybook-static/static/media/OpenSans-Regular-webfont.63a5fa7d.woff +0 -0
  278. package/storybook-static/static/media/OpenSans-Regular-webfont.66451be4.ttf +0 -0
  279. package/storybook-static/static/media/OpenSans-Regular-webfont.7882d20f.eot +0 -0
  280. package/storybook-static/static/media/OpenSans-Regular-webfont.ca4dd835.woff2 +0 -0
  281. package/storybook-static/static/media/OpenSans-Semibold-webfont.17ded75f.woff2 +0 -0
  282. package/storybook-static/static/media/OpenSans-Semibold-webfont.2a5adf6c.woff +0 -0
  283. package/storybook-static/static/media/OpenSans-Semibold-webfont.6059fecb.ttf +0 -0
  284. package/storybook-static/static/media/OpenSans-Semibold-webfont.c9808185.eot +0 -0
  285. package/storybook-static/static/media/Rubik-Bold.31bbd4d2.ttf +0 -0
  286. package/storybook-static/static/media/Rubik-Light.c90e2014.ttf +0 -0
  287. package/storybook-static/static/media/Rubik-Medium.5daa89aa.ttf +0 -0
  288. package/storybook-static/static/media/Rubik-Regular.cdf97d58.ttf +0 -0
  289. package/storybook-static/static/media/fontawesome-webfont.1e59d233.ttf +0 -0
  290. package/storybook-static/static/media/fontawesome-webfont.20fd1704.woff2 +0 -0
  291. package/storybook-static/static/media/fontawesome-webfont.8b43027f.eot +0 -0
  292. package/storybook-static/static/media/fontawesome-webfont.f691f37e.woff +0 -0
  293. package/storybook-static/vendors~main.3604044d8484c1c4d1f7.manager.bundle.js +2 -0
  294. package/storybook-static/vendors~main.3604044d8484c1c4d1f7.manager.bundle.js.LICENSE.txt +88 -0
  295. package/storybook-static/vendors~main.7f923d15.iframe.bundle.js +3 -0
  296. package/storybook-static/vendors~main.7f923d15.iframe.bundle.js.LICENSE.txt +152 -0
  297. package/storybook-static/vendors~main.7f923d15.iframe.bundle.js.map +1 -0
  298. package/styles/components/_footer.scss +593 -0
  299. package/styles/components/_header.scss +887 -0
  300. package/styles/components/_sidebar.scss +8 -0
  301. package/styles/components/sidebar/_animations.scss +38 -0
  302. package/styles/components/sidebar/_cms.scss +61 -0
  303. package/styles/components/sidebar/_details.scss +58 -0
  304. package/styles/components/sidebar/_links.scss +415 -0
  305. package/styles/components/sidebar/_sidebar-animation.scss +121 -0
  306. package/styles/components/sidebar/_sidebar-tooltip.scss +33 -0
  307. package/styles/components/sidebar/_sidebar.scss +141 -0
  308. package/styles/components/sidebar/project-specific/_wi.scss +42 -0
  309. package/styles/qppds/utilities/_display-visability.scss +83 -0
  310. package/webpack.config.js +20 -18
  311. package/webpack.config.react.js +0 -1
@@ -0,0 +1,1052 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for react/components/SideNav/UI/SideNavUI.jsx</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">react/components/SideNav/UI</a> SideNavUI.jsx</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">52.5% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>21/40</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">10.53% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>4/38</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">38.46% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>5/13</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">52.5% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>21/40</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 medium'></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>
329
+ <a name='L270'></a><a href='#L270'>270</a>
330
+ <a name='L271'></a><a href='#L271'>271</a>
331
+ <a name='L272'></a><a href='#L272'>272</a>
332
+ <a name='L273'></a><a href='#L273'>273</a>
333
+ <a name='L274'></a><a href='#L274'>274</a>
334
+ <a name='L275'></a><a href='#L275'>275</a>
335
+ <a name='L276'></a><a href='#L276'>276</a>
336
+ <a name='L277'></a><a href='#L277'>277</a>
337
+ <a name='L278'></a><a href='#L278'>278</a>
338
+ <a name='L279'></a><a href='#L279'>279</a>
339
+ <a name='L280'></a><a href='#L280'>280</a>
340
+ <a name='L281'></a><a href='#L281'>281</a>
341
+ <a name='L282'></a><a href='#L282'>282</a>
342
+ <a name='L283'></a><a href='#L283'>283</a>
343
+ <a name='L284'></a><a href='#L284'>284</a>
344
+ <a name='L285'></a><a href='#L285'>285</a>
345
+ <a name='L286'></a><a href='#L286'>286</a>
346
+ <a name='L287'></a><a href='#L287'>287</a>
347
+ <a name='L288'></a><a href='#L288'>288</a>
348
+ <a name='L289'></a><a href='#L289'>289</a>
349
+ <a name='L290'></a><a href='#L290'>290</a>
350
+ <a name='L291'></a><a href='#L291'>291</a>
351
+ <a name='L292'></a><a href='#L292'>292</a>
352
+ <a name='L293'></a><a href='#L293'>293</a>
353
+ <a name='L294'></a><a href='#L294'>294</a>
354
+ <a name='L295'></a><a href='#L295'>295</a>
355
+ <a name='L296'></a><a href='#L296'>296</a>
356
+ <a name='L297'></a><a href='#L297'>297</a>
357
+ <a name='L298'></a><a href='#L298'>298</a>
358
+ <a name='L299'></a><a href='#L299'>299</a>
359
+ <a name='L300'></a><a href='#L300'>300</a>
360
+ <a name='L301'></a><a href='#L301'>301</a>
361
+ <a name='L302'></a><a href='#L302'>302</a>
362
+ <a name='L303'></a><a href='#L303'>303</a>
363
+ <a name='L304'></a><a href='#L304'>304</a>
364
+ <a name='L305'></a><a href='#L305'>305</a>
365
+ <a name='L306'></a><a href='#L306'>306</a>
366
+ <a name='L307'></a><a href='#L307'>307</a>
367
+ <a name='L308'></a><a href='#L308'>308</a>
368
+ <a name='L309'></a><a href='#L309'>309</a>
369
+ <a name='L310'></a><a href='#L310'>310</a>
370
+ <a name='L311'></a><a href='#L311'>311</a>
371
+ <a name='L312'></a><a href='#L312'>312</a>
372
+ <a name='L313'></a><a href='#L313'>313</a>
373
+ <a name='L314'></a><a href='#L314'>314</a>
374
+ <a name='L315'></a><a href='#L315'>315</a>
375
+ <a name='L316'></a><a href='#L316'>316</a>
376
+ <a name='L317'></a><a href='#L317'>317</a>
377
+ <a name='L318'></a><a href='#L318'>318</a>
378
+ <a name='L319'></a><a href='#L319'>319</a>
379
+ <a name='L320'></a><a href='#L320'>320</a>
380
+ <a name='L321'></a><a href='#L321'>321</a>
381
+ <a name='L322'></a><a href='#L322'>322</a>
382
+ <a name='L323'></a><a href='#L323'>323</a>
383
+ <a name='L324'></a><a href='#L324'>324</a>
384
+ <a name='L325'></a><a href='#L325'>325</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
389
+ <span class="cline-any cline-neutral">&nbsp;</span>
390
+ <span class="cline-any cline-neutral">&nbsp;</span>
391
+ <span class="cline-any cline-neutral">&nbsp;</span>
392
+ <span class="cline-any cline-neutral">&nbsp;</span>
393
+ <span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
397
+ <span class="cline-any cline-neutral">&nbsp;</span>
398
+ <span class="cline-any cline-neutral">&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-neutral">&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-yes">2x</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-neutral">&nbsp;</span>
409
+ <span class="cline-any cline-neutral">&nbsp;</span>
410
+ <span class="cline-any cline-neutral">&nbsp;</span>
411
+ <span class="cline-any cline-neutral">&nbsp;</span>
412
+ <span class="cline-any cline-neutral">&nbsp;</span>
413
+ <span class="cline-any cline-neutral">&nbsp;</span>
414
+ <span class="cline-any cline-neutral">&nbsp;</span>
415
+ <span class="cline-any cline-neutral">&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-yes">1x</span>
420
+ <span class="cline-any cline-yes">1x</span>
421
+ <span class="cline-any cline-yes">1x</span>
422
+ <span class="cline-any cline-neutral">&nbsp;</span>
423
+ <span class="cline-any cline-yes">1x</span>
424
+ <span class="cline-any cline-neutral">&nbsp;</span>
425
+ <span class="cline-any cline-yes">1x</span>
426
+ <span class="cline-any cline-no">&nbsp;</span>
427
+ <span class="cline-any cline-no">&nbsp;</span>
428
+ <span class="cline-any cline-no">&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-neutral">&nbsp;</span>
432
+ <span class="cline-any cline-yes">1x</span>
433
+ <span class="cline-any cline-no">&nbsp;</span>
434
+ <span class="cline-any cline-no">&nbsp;</span>
435
+ <span class="cline-any cline-no">&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-yes">1x</span>
440
+ <span class="cline-any cline-no">&nbsp;</span>
441
+ <span class="cline-any cline-neutral">&nbsp;</span>
442
+ <span class="cline-any cline-neutral">&nbsp;</span>
443
+ <span class="cline-any cline-yes">1x</span>
444
+ <span class="cline-any cline-yes">1x</span>
445
+ <span class="cline-any cline-neutral">&nbsp;</span>
446
+ <span class="cline-any cline-neutral">&nbsp;</span>
447
+ <span class="cline-any cline-neutral">&nbsp;</span>
448
+ <span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
454
+ <span class="cline-any cline-neutral">&nbsp;</span>
455
+ <span class="cline-any cline-neutral">&nbsp;</span>
456
+ <span class="cline-any cline-neutral">&nbsp;</span>
457
+ <span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
462
+ <span class="cline-any cline-neutral">&nbsp;</span>
463
+ <span class="cline-any cline-neutral">&nbsp;</span>
464
+ <span class="cline-any cline-yes">1x</span>
465
+ <span class="cline-any cline-neutral">&nbsp;</span>
466
+ <span class="cline-any cline-no">&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-neutral">&nbsp;</span>
470
+ <span class="cline-any cline-no">&nbsp;</span>
471
+ <span class="cline-any cline-no">&nbsp;</span>
472
+ <span class="cline-any cline-no">&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-no">&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-neutral">&nbsp;</span>
481
+ <span class="cline-any cline-neutral">&nbsp;</span>
482
+ <span class="cline-any cline-neutral">&nbsp;</span>
483
+ <span class="cline-any cline-neutral">&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-neutral">&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-neutral">&nbsp;</span>
493
+ <span class="cline-any cline-neutral">&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-neutral">&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-neutral">&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-neutral">&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-neutral">&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-neutral">&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-neutral">&nbsp;</span>
530
+ <span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
534
+ <span class="cline-any cline-neutral">&nbsp;</span>
535
+ <span class="cline-any cline-neutral">&nbsp;</span>
536
+ <span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
541
+ <span class="cline-any cline-neutral">&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-neutral">&nbsp;</span>
554
+ <span class="cline-any cline-neutral">&nbsp;</span>
555
+ <span class="cline-any cline-neutral">&nbsp;</span>
556
+ <span class="cline-any cline-neutral">&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-neutral">&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-neutral">&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-neutral">&nbsp;</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>
597
+ <span class="cline-any cline-neutral">&nbsp;</span>
598
+ <span class="cline-any cline-neutral">&nbsp;</span>
599
+ <span class="cline-any cline-neutral">&nbsp;</span>
600
+ <span class="cline-any cline-neutral">&nbsp;</span>
601
+ <span class="cline-any cline-neutral">&nbsp;</span>
602
+ <span class="cline-any cline-neutral">&nbsp;</span>
603
+ <span class="cline-any cline-neutral">&nbsp;</span>
604
+ <span class="cline-any cline-no">&nbsp;</span>
605
+ <span class="cline-any cline-no">&nbsp;</span>
606
+ <span class="cline-any cline-neutral">&nbsp;</span>
607
+ <span class="cline-any cline-neutral">&nbsp;</span>
608
+ <span class="cline-any cline-neutral">&nbsp;</span>
609
+ <span class="cline-any cline-neutral">&nbsp;</span>
610
+ <span class="cline-any cline-neutral">&nbsp;</span>
611
+ <span class="cline-any cline-neutral">&nbsp;</span>
612
+ <span class="cline-any cline-neutral">&nbsp;</span>
613
+ <span class="cline-any cline-neutral">&nbsp;</span>
614
+ <span class="cline-any cline-neutral">&nbsp;</span>
615
+ <span class="cline-any cline-neutral">&nbsp;</span>
616
+ <span class="cline-any cline-neutral">&nbsp;</span>
617
+ <span class="cline-any cline-no">&nbsp;</span>
618
+ <span class="cline-any cline-neutral">&nbsp;</span>
619
+ <span class="cline-any cline-neutral">&nbsp;</span>
620
+ <span class="cline-any cline-neutral">&nbsp;</span>
621
+ <span class="cline-any cline-yes">1x</span>
622
+ <span class="cline-any cline-neutral">&nbsp;</span>
623
+ <span class="cline-any cline-neutral">&nbsp;</span>
624
+ <span class="cline-any cline-neutral">&nbsp;</span>
625
+ <span class="cline-any cline-neutral">&nbsp;</span>
626
+ <span class="cline-any cline-neutral">&nbsp;</span>
627
+ <span class="cline-any cline-neutral">&nbsp;</span>
628
+ <span class="cline-any cline-yes">1x</span>
629
+ <span class="cline-any cline-yes">1x</span>
630
+ <span class="cline-any cline-neutral">&nbsp;</span>
631
+ <span class="cline-any cline-neutral">&nbsp;</span>
632
+ <span class="cline-any cline-yes">1x</span>
633
+ <span class="cline-any cline-yes">1x</span>
634
+ <span class="cline-any cline-neutral">&nbsp;</span>
635
+ <span class="cline-any cline-neutral">&nbsp;</span>
636
+ <span class="cline-any cline-yes">1x</span>
637
+ <span class="cline-any cline-yes">1x</span>
638
+ <span class="cline-any cline-neutral">&nbsp;</span>
639
+ <span class="cline-any cline-neutral">&nbsp;</span>
640
+ <span class="cline-any cline-yes">1x</span>
641
+ <span class="cline-any cline-neutral">&nbsp;</span>
642
+ <span class="cline-any cline-neutral">&nbsp;</span>
643
+ <span class="cline-any cline-neutral">&nbsp;</span>
644
+ <span class="cline-any cline-neutral">&nbsp;</span>
645
+ <span class="cline-any cline-neutral">&nbsp;</span>
646
+ <span class="cline-any cline-neutral">&nbsp;</span>
647
+ <span class="cline-any cline-neutral">&nbsp;</span>
648
+ <span class="cline-any cline-neutral">&nbsp;</span>
649
+ <span class="cline-any cline-neutral">&nbsp;</span>
650
+ <span class="cline-any cline-neutral">&nbsp;</span>
651
+ <span class="cline-any cline-neutral">&nbsp;</span>
652
+ <span class="cline-any cline-neutral">&nbsp;</span>
653
+ <span class="cline-any cline-neutral">&nbsp;</span>
654
+ <span class="cline-any cline-neutral">&nbsp;</span>
655
+ <span class="cline-any cline-neutral">&nbsp;</span>
656
+ <span class="cline-any cline-neutral">&nbsp;</span>
657
+ <span class="cline-any cline-neutral">&nbsp;</span>
658
+ <span class="cline-any cline-neutral">&nbsp;</span>
659
+ <span class="cline-any cline-neutral">&nbsp;</span>
660
+ <span class="cline-any cline-yes">2x</span>
661
+ <span class="cline-any cline-neutral">&nbsp;</span>
662
+ <span class="cline-any cline-neutral">&nbsp;</span>
663
+ <span class="cline-any cline-neutral">&nbsp;</span>
664
+ <span class="cline-any cline-neutral">&nbsp;</span>
665
+ <span class="cline-any cline-neutral">&nbsp;</span>
666
+ <span class="cline-any cline-neutral">&nbsp;</span>
667
+ <span class="cline-any cline-neutral">&nbsp;</span>
668
+ <span class="cline-any cline-neutral">&nbsp;</span>
669
+ <span class="cline-any cline-neutral">&nbsp;</span>
670
+ <span class="cline-any cline-neutral">&nbsp;</span>
671
+ <span class="cline-any cline-neutral">&nbsp;</span>
672
+ <span class="cline-any cline-neutral">&nbsp;</span>
673
+ <span class="cline-any cline-neutral">&nbsp;</span>
674
+ <span class="cline-any cline-neutral">&nbsp;</span>
675
+ <span class="cline-any cline-neutral">&nbsp;</span>
676
+ <span class="cline-any cline-neutral">&nbsp;</span>
677
+ <span class="cline-any cline-neutral">&nbsp;</span>
678
+ <span class="cline-any cline-neutral">&nbsp;</span>
679
+ <span class="cline-any cline-neutral">&nbsp;</span>
680
+ <span class="cline-any cline-neutral">&nbsp;</span>
681
+ <span class="cline-any cline-yes">2x</span>
682
+ <span class="cline-any cline-neutral">&nbsp;</span>
683
+ <span class="cline-any cline-neutral">&nbsp;</span>
684
+ <span class="cline-any cline-neutral">&nbsp;</span>
685
+ <span class="cline-any cline-neutral">&nbsp;</span>
686
+ <span class="cline-any cline-neutral">&nbsp;</span>
687
+ <span class="cline-any cline-neutral">&nbsp;</span>
688
+ <span class="cline-any cline-neutral">&nbsp;</span>
689
+ <span class="cline-any cline-neutral">&nbsp;</span>
690
+ <span class="cline-any cline-neutral">&nbsp;</span>
691
+ <span class="cline-any cline-neutral">&nbsp;</span>
692
+ <span class="cline-any cline-neutral">&nbsp;</span>
693
+ <span class="cline-any cline-neutral">&nbsp;</span>
694
+ <span class="cline-any cline-neutral">&nbsp;</span>
695
+ <span class="cline-any cline-neutral">&nbsp;</span>
696
+ <span class="cline-any cline-neutral">&nbsp;</span>
697
+ <span class="cline-any cline-neutral">&nbsp;</span>
698
+ <span class="cline-any cline-neutral">&nbsp;</span>
699
+ <span class="cline-any cline-neutral">&nbsp;</span>
700
+ <span class="cline-any cline-neutral">&nbsp;</span>
701
+ <span class="cline-any cline-neutral">&nbsp;</span>
702
+ <span class="cline-any cline-neutral">&nbsp;</span>
703
+ <span class="cline-any cline-neutral">&nbsp;</span>
704
+ <span class="cline-any cline-neutral">&nbsp;</span>
705
+ <span class="cline-any cline-neutral">&nbsp;</span>
706
+ <span class="cline-any cline-neutral">&nbsp;</span>
707
+ <span class="cline-any cline-neutral">&nbsp;</span>
708
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useState, useEffect, useRef } from 'react';
709
+ import PropTypes from 'prop-types';
710
+ import SVGInline from 'react-svg-inline';
711
+ &nbsp;
712
+ import { withGetConfig } from '../../hooks/useGetConfig';
713
+ import { LevelOneContent, LevelTwoContent } from '../Content';
714
+ import {
715
+ NavLinkContainer,
716
+ NavLinkInline,
717
+ NavLinkDrawer,
718
+ NavLinkToggle,
719
+ } from '../Links';
720
+ import AnimationGroup from '../AnimationGroup/AnimationGroup';
721
+ import { PracticeDetails, IndividualDetails } from '../Details';
722
+ import { ScoreChart } from '../Chart';
723
+ import SanitizedContent from '../../SanitizedContent';
724
+ import * as SvgComponents from '../../../lib/SvgComponents.jsx';
725
+ import SVGIcons from '../../../lib/svg-definitions.svg';
726
+ import CmsSwitchLink from '../Links/CmsSwitchLink';
727
+ import defaultContent from './default-content';
728
+ &nbsp;
729
+ const SideNavUI = ({
730
+ chartData,
731
+ config,
732
+ currentLevel,
733
+ isAltStyle,
734
+ isExpanded,
735
+ items,
736
+ onCollapsed,
737
+ onExpanded,
738
+ performanceYear,
739
+ showReportingLinks,
740
+ svgIcons,
741
+ result,
742
+ }) =&gt; {
743
+ const [isExpandedState, setIsExpandedState] = useState(isExpanded);
744
+ const [itemsState, setItemsState] = useState(items);
745
+ const [currentLevelState, setCurrentLevelState] = useState(currentLevel);
746
+ &nbsp;
747
+ const collapseRef = useRef(null);
748
+ &nbsp;
749
+ const expand = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
750
+ <span class="cstat-no" title="statement not covered" > setIsExpandedState(true);</span>
751
+ <span class="cstat-no" title="statement not covered" > if (onExpanded) {</span>
752
+ <span class="cstat-no" title="statement not covered" > onExpanded();</span>
753
+ }
754
+ };
755
+ &nbsp;
756
+ const collapse = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
757
+ <span class="cstat-no" title="statement not covered" > setIsExpandedState(false);</span>
758
+ <span class="cstat-no" title="statement not covered" > if (onCollapsed) {</span>
759
+ <span class="cstat-no" title="statement not covered" > onCollapsed();</span>
760
+ }
761
+ };
762
+ &nbsp;
763
+ const toggleExpanded = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
764
+ <span class="cstat-no" title="statement not covered" > isExpandedState ? collapse() : expand();</span>
765
+ };
766
+ &nbsp;
767
+ const getLevelContent = () =&gt; {
768
+ return (
769
+ {
770
+ 2: (
771
+ &lt;LevelTwoContent
772
+ showReportingLinks={showReportingLinks}
773
+ isExpanded={isExpandedState}
774
+ chartData={chartData}
775
+ config={config}
776
+ /&gt;
777
+ ),
778
+ }[currentLevelState] || (
779
+ &lt;LevelOneContent
780
+ levelOneContent={result?.content}
781
+ isExpanded={isExpandedState}
782
+ config={config}
783
+ /&gt;
784
+ )
785
+ );
786
+ };
787
+ &nbsp;
788
+ const getDynamicContent = <span class="fstat-no" title="function not covered" >(c</span>ontentItems, className, recursionId) =&gt; {
789
+ const { openDrawersByDefault, linkActiveFunc, linkCallback, useTooltips } =
790
+ <span class="cstat-no" title="statement not covered" > config;</span>
791
+ const linkClass = <span class="cstat-no" title="statement not covered" >isExpandedState ? 'link-inline' : 'link-collapsed';</span>
792
+ const containerRecursionId = <span class="cstat-no" title="statement not covered" >recursionId || 0;</span>
793
+ &nbsp;
794
+ const getDynamicIcon = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(i</span>con) =&gt; {</span>
795
+ const Component = <span class="cstat-no" title="statement not covered" >SvgComponents[icon];</span>
796
+ <span class="cstat-no" title="statement not covered" > return Component ? &lt;Component /&gt; : null;</span>
797
+ };
798
+ &nbsp;
799
+ const itemsMarkup = <span class="cstat-no" title="statement not covered" >(contentItems || []).map(<span class="fstat-no" title="function not covered" >(i</span>tem, index) =&gt; {</span>
800
+ const key = <span class="cstat-no" title="statement not covered" >`${JSON.stringify(item)}-${index}-${containerRecursionId}`;</span>
801
+ <span class="cstat-no" title="statement not covered" > return (</span>
802
+ {
803
+ divider: (
804
+ &lt;AnimationGroup display={isExpandedState} key={key}&gt;
805
+ &lt;hr /&gt;
806
+ &lt;/AnimationGroup&gt;
807
+ ),
808
+ container: getDynamicContent(
809
+ item.items,
810
+ item.className,
811
+ containerRecursionId + 1
812
+ ),
813
+ linkBack: (
814
+ &lt;AnimationGroup display={isExpandedState} key={key}&gt;
815
+ &lt;NavLinkInline
816
+ className="link-back"
817
+ icon={getDynamicIcon('ChevronLeft')}
818
+ url={item.url}
819
+ label={item.label}
820
+ linkCallback={linkCallback}
821
+ showLabel={true}
822
+ useTooltips={useTooltips}
823
+ /&gt;
824
+ &lt;/AnimationGroup&gt;
825
+ ),
826
+ linkHome: (
827
+ &lt;AnimationGroup display={isExpandedState} key={key}&gt;
828
+ &lt;NavLinkInline
829
+ className="account-home-link"
830
+ icon={getDynamicIcon(item?.icon)}
831
+ url={item.url}
832
+ label={item.label}
833
+ linkCallback={linkCallback}
834
+ showLabel={true}
835
+ useTooltips={useTooltips}
836
+ /&gt;
837
+ &lt;/AnimationGroup&gt;
838
+ ),
839
+ practiceDetails: (
840
+ &lt;AnimationGroup
841
+ display={isExpandedState}
842
+ className={'details'}
843
+ key={key}
844
+ &gt;
845
+ &lt;PracticeDetails
846
+ practiceName={item.practiceName}
847
+ {...(!item.practiceTin
848
+ ? {}
849
+ : { practiceTin: item.practiceTin })}
850
+ {...(!item.apmEntityId
851
+ ? {}
852
+ : { apmEntityId: item.apmEntityId })}
853
+ {...(!item.vgId ? {} : { vgId: item.vgId })}
854
+ {...(!item.cpcPlusId ? {} : { cpcPlusId: item.cpcPlusId })}
855
+ {...(!item.pcfId ? {} : { pcfId: item.pcfId })}
856
+ /&gt;
857
+ &lt;/AnimationGroup&gt;
858
+ ),
859
+ individualDetails: (
860
+ &lt;AnimationGroup display={isExpandedState} key={key}&gt;
861
+ &lt;IndividualDetails
862
+ individualName={item.individualName}
863
+ individualNpi={item.individualNpi}
864
+ /&gt;
865
+ &lt;/AnimationGroup&gt;
866
+ ),
867
+ linkDrawer: (
868
+ &lt;NavLinkDrawer
869
+ key={key}
870
+ isExpanded={isExpandedState}
871
+ isAlwaysOpen={item.isAlwaysOpen}
872
+ openByDefault={openDrawersByDefault}
873
+ rightIcon="chevron-down"
874
+ leftIcon={getDynamicIcon(item?.icon)}
875
+ className={linkClass}
876
+ label={item.label}
877
+ linkActiveFunc={linkActiveFunc}
878
+ linkCallback={linkCallback}
879
+ listOfLinks={item.items}
880
+ url={item.url}
881
+ sidebarExpand={expand}
882
+ isHighlighted={item.isHighlighted}
883
+ /&gt;
884
+ ),
885
+ custom: (
886
+ &lt;AnimationGroup display={isExpandedState} key={key}&gt;
887
+ &lt;SanitizedContent
888
+ html={item.content}
889
+ customClassName={item.customClassName}
890
+ /&gt;
891
+ &lt;/AnimationGroup&gt;
892
+ ),
893
+ chart: (
894
+ &lt;AnimationGroup display={isExpandedState} key={key}&gt;
895
+ &lt;ScoreChart
896
+ chartData={item.chartData}
897
+ linkCallback={linkCallback}
898
+ performanceYear={performanceYear}
899
+ /&gt;
900
+ &lt;/AnimationGroup&gt;
901
+ ),
902
+ switchLink: (
903
+ &lt;AnimationGroup display={isExpandedState} key={key}&gt;
904
+ &lt;CmsSwitchLink
905
+ linkCallback={linkCallback}
906
+ label={item.label}
907
+ url={item.url}
908
+ /&gt;
909
+ &lt;/AnimationGroup&gt;
910
+ ),
911
+ }[item.type] || (
912
+ &lt;NavLinkInline
913
+ key={key}
914
+ icon={getDynamicIcon(item?.icon)}
915
+ className={item.className ? item.className : linkClass}
916
+ url={item.url}
917
+ label={item.label}
918
+ linkCallback={linkCallback}
919
+ showLabel={isExpandedState}
920
+ disabled={item.disabled}
921
+ useTooltips={useTooltips}
922
+ target={item.target}
923
+ /&gt;
924
+ )
925
+ );
926
+ });
927
+ &nbsp;
928
+ <span class="cstat-no" title="statement not covered" > if (className === 'link-container') {</span>
929
+ <span class="cstat-no" title="statement not covered" > return (</span>
930
+ &lt;div
931
+ className="animation-flat"
932
+ key={`nav-link-container-${recursionId}`}
933
+ &gt;
934
+ &lt;NavLinkContainer
935
+ listOfLinks={itemsMarkup}
936
+ linkActiveFunc={linkActiveFunc}
937
+ /&gt;
938
+ &lt;/div&gt;
939
+ );
940
+ } else {
941
+ <span class="cstat-no" title="statement not covered" > return &lt;div className={className}&gt;{itemsMarkup}&lt;/div&gt;;</span>
942
+ }
943
+ };
944
+ &nbsp;
945
+ const content = itemsState
946
+ ? <span class="branch-0 cbranch-no" title="branch not covered" >getDynamicContent(</span>
947
+ itemsState,
948
+ 'sidebar-content' + (isAltStyle ? ' alt-style' : '')
949
+ )
950
+ : getLevelContent();
951
+ &nbsp;
952
+ useEffect(() =&gt; {
953
+ setIsExpandedState(isExpanded);
954
+ }, [isExpanded]);
955
+ &nbsp;
956
+ useEffect(() =&gt; {
957
+ setCurrentLevelState(currentLevel);
958
+ }, [currentLevel]);
959
+ &nbsp;
960
+ useEffect(() =&gt; {
961
+ setItemsState(items);
962
+ }, [items]);
963
+ &nbsp;
964
+ return (
965
+ &lt;aside
966
+ id="qppSidebar"
967
+ tabIndex="-1"
968
+ className={`${isExpandedState ? 'sidebar' : <span class="branch-1 cbranch-no" title="branch not covered" >'sidebar closed'}</span> sidebar-${
969
+ config.navClassName
970
+ }`}
971
+ &gt;
972
+ &lt;SVGInline svg={svgIcons} /&gt;
973
+ {content}
974
+ &lt;NavLinkToggle
975
+ isAltStyle={isAltStyle}
976
+ collapseRef={collapseRef}
977
+ isExpanded={isExpandedState}
978
+ onClick={toggleExpanded}
979
+ /&gt;
980
+ &lt;/aside&gt;
981
+ );
982
+ };
983
+ &nbsp;
984
+ SideNavUI.propTypes = {
985
+ currentLevel: PropTypes.number,
986
+ isExpanded: PropTypes.bool,
987
+ onExpanded: PropTypes.func,
988
+ onCollapsed: PropTypes.func,
989
+ chartData: PropTypes.object,
990
+ config: PropTypes.object,
991
+ items: PropTypes.object,
992
+ isAltStyle: PropTypes.bool,
993
+ showReportingLinks: PropTypes.bool,
994
+ performanceYear: PropTypes.string,
995
+ svgIcons: PropTypes.string,
996
+ result: PropTypes.shape({
997
+ content: PropTypes.shape({
998
+ default: PropTypes.arrayOf(PropTypes.object),
999
+ devPre: PropTypes.arrayOf(PropTypes.object),
1000
+ viewer: PropTypes.arrayOf(PropTypes.object),
1001
+ }),
1002
+ }),
1003
+ };
1004
+ &nbsp;
1005
+ SideNavUI.defaultProps = {
1006
+ currentLevel: 1,
1007
+ isExpanded: true,
1008
+ onExpanded: <span class="fstat-no" title="function not covered" >()</span> =&gt; {},
1009
+ onCollapsed: <span class="fstat-no" title="function not covered" >()</span> =&gt; {},
1010
+ chartData: {},
1011
+ config: {},
1012
+ items: null,
1013
+ isAltStyle: false,
1014
+ showReportingLinks: false,
1015
+ performanceYear: '2017',
1016
+ svgIcons: SVGIcons,
1017
+ result: {
1018
+ content: {
1019
+ default: [],
1020
+ devPre: [],
1021
+ viewer: [],
1022
+ },
1023
+ },
1024
+ };
1025
+ &nbsp;
1026
+ export default withGetConfig(SideNavUI, {
1027
+ timeout: 5,
1028
+ url: '/config/side-navigation',
1029
+ localStorageName: 'qpp_side_navigation',
1030
+ defaultContent,
1031
+ });
1032
+ &nbsp;</pre></td></tr></table></pre>
1033
+
1034
+ <div class='push'></div><!-- for sticky footer -->
1035
+ </div><!-- /wrapper -->
1036
+ <div class='footer quiet pad2 space-top1 center small'>
1037
+ Code coverage generated by
1038
+ <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
1039
+ at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
1040
+ </div>
1041
+ </div>
1042
+ <script src="../../../../prettify.js"></script>
1043
+ <script>
1044
+ window.onload = function () {
1045
+ prettyPrint();
1046
+ };
1047
+ </script>
1048
+ <script src="../../../../sorter.js"></script>
1049
+ <script src="../../../../block-navigation.js"></script>
1050
+ </body>
1051
+ </html>
1052
+