qpp-style 0.0.8 → 0.0.10

package/coverage/lcov-report/react/components/SideNav/Content/LevelOneContent.jsx.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">66.04% </span>
+                <span class="strong">39.21% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>35/53</span>
+                <span class='fraction'>20/51</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">41.86% </span>
+                <span class="strong">9.61% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>18/43</span>
+                <span class='fraction'>5/52</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">16.66% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/1</span>
+                <span class='fraction'>1/6</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">66.04% </span>
+                <span class="strong">39.21% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>35/53</span>
+                <span class='fraction'>20/51</span>
             </div>
         
             
@@ -54,8 +54,14 @@
         <p class="quiet">
             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.
         </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
     </div>
-    <div class='status-line medium'></div>
+    <div class='status-line low'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -256,122 +262,7 @@
 <a name='L197'></a><a href='#L197'>197</a>
 <a name='L198'></a><a href='#L198'>198</a>
 <a name='L199'></a><a href='#L199'>199</a>
-<a name='L200'></a><a href='#L200'>200</a>
-<a name='L201'></a><a href='#L201'>201</a>
-<a name='L202'></a><a href='#L202'>202</a>
-<a name='L203'></a><a href='#L203'>203</a>
-<a name='L204'></a><a href='#L204'>204</a>
-<a name='L205'></a><a href='#L205'>205</a>
-<a name='L206'></a><a href='#L206'>206</a>
-<a name='L207'></a><a href='#L207'>207</a>
-<a name='L208'></a><a href='#L208'>208</a>
-<a name='L209'></a><a href='#L209'>209</a>
-<a name='L210'></a><a href='#L210'>210</a>
-<a name='L211'></a><a href='#L211'>211</a>
-<a name='L212'></a><a href='#L212'>212</a>
-<a name='L213'></a><a href='#L213'>213</a>
-<a name='L214'></a><a href='#L214'>214</a>
-<a name='L215'></a><a href='#L215'>215</a>
-<a name='L216'></a><a href='#L216'>216</a>
-<a name='L217'></a><a href='#L217'>217</a>
-<a name='L218'></a><a href='#L218'>218</a>
-<a name='L219'></a><a href='#L219'>219</a>
-<a name='L220'></a><a href='#L220'>220</a>
-<a name='L221'></a><a href='#L221'>221</a>
-<a name='L222'></a><a href='#L222'>222</a>
-<a name='L223'></a><a href='#L223'>223</a>
-<a name='L224'></a><a href='#L224'>224</a>
-<a name='L225'></a><a href='#L225'>225</a>
-<a name='L226'></a><a href='#L226'>226</a>
-<a name='L227'></a><a href='#L227'>227</a>
-<a name='L228'></a><a href='#L228'>228</a>
-<a name='L229'></a><a href='#L229'>229</a>
-<a name='L230'></a><a href='#L230'>230</a>
-<a name='L231'></a><a href='#L231'>231</a>
-<a name='L232'></a><a href='#L232'>232</a>
-<a name='L233'></a><a href='#L233'>233</a>
-<a name='L234'></a><a href='#L234'>234</a>
-<a name='L235'></a><a href='#L235'>235</a>
-<a name='L236'></a><a href='#L236'>236</a>
-<a name='L237'></a><a href='#L237'>237</a>
-<a name='L238'></a><a href='#L238'>238</a>
-<a name='L239'></a><a href='#L239'>239</a>
-<a name='L240'></a><a href='#L240'>240</a>
-<a name='L241'></a><a href='#L241'>241</a>
-<a name='L242'></a><a href='#L242'>242</a>
-<a name='L243'></a><a href='#L243'>243</a>
-<a name='L244'></a><a href='#L244'>244</a>
-<a name='L245'></a><a href='#L245'>245</a>
-<a name='L246'></a><a href='#L246'>246</a>
-<a name='L247'></a><a href='#L247'>247</a>
-<a name='L248'></a><a href='#L248'>248</a>
-<a name='L249'></a><a href='#L249'>249</a>
-<a name='L250'></a><a href='#L250'>250</a>
-<a name='L251'></a><a href='#L251'>251</a>
-<a name='L252'></a><a href='#L252'>252</a>
-<a name='L253'></a><a href='#L253'>253</a>
-<a name='L254'></a><a href='#L254'>254</a>
-<a name='L255'></a><a href='#L255'>255</a>
-<a name='L256'></a><a href='#L256'>256</a>
-<a name='L257'></a><a href='#L257'>257</a>
-<a name='L258'></a><a href='#L258'>258</a>
-<a name='L259'></a><a href='#L259'>259</a>
-<a name='L260'></a><a href='#L260'>260</a>
-<a name='L261'></a><a href='#L261'>261</a>
-<a name='L262'></a><a href='#L262'>262</a>
-<a name='L263'></a><a href='#L263'>263</a>
-<a name='L264'></a><a href='#L264'>264</a>
-<a name='L265'></a><a href='#L265'>265</a>
-<a name='L266'></a><a href='#L266'>266</a>
-<a name='L267'></a><a href='#L267'>267</a>
-<a name='L268'></a><a href='#L268'>268</a>
-<a name='L269'></a><a href='#L269'>269</a>
-<a name='L270'></a><a href='#L270'>270</a>
-<a name='L271'></a><a href='#L271'>271</a>
-<a name='L272'></a><a href='#L272'>272</a>
-<a name='L273'></a><a href='#L273'>273</a>
-<a name='L274'></a><a href='#L274'>274</a>
-<a name='L275'></a><a href='#L275'>275</a>
-<a name='L276'></a><a href='#L276'>276</a>
-<a name='L277'></a><a href='#L277'>277</a>
-<a name='L278'></a><a href='#L278'>278</a>
-<a name='L279'></a><a href='#L279'>279</a>
-<a name='L280'></a><a href='#L280'>280</a>
-<a name='L281'></a><a href='#L281'>281</a>
-<a name='L282'></a><a href='#L282'>282</a>
-<a name='L283'></a><a href='#L283'>283</a>
-<a name='L284'></a><a href='#L284'>284</a>
-<a name='L285'></a><a href='#L285'>285</a>
-<a name='L286'></a><a href='#L286'>286</a>
-<a name='L287'></a><a href='#L287'>287</a>
-<a name='L288'></a><a href='#L288'>288</a>
-<a name='L289'></a><a href='#L289'>289</a>
-<a name='L290'></a><a href='#L290'>290</a>
-<a name='L291'></a><a href='#L291'>291</a>
-<a name='L292'></a><a href='#L292'>292</a>
-<a name='L293'></a><a href='#L293'>293</a>
-<a name='L294'></a><a href='#L294'>294</a>
-<a name='L295'></a><a href='#L295'>295</a>
-<a name='L296'></a><a href='#L296'>296</a>
-<a name='L297'></a><a href='#L297'>297</a>
-<a name='L298'></a><a href='#L298'>298</a>
-<a name='L299'></a><a href='#L299'>299</a>
-<a name='L300'></a><a href='#L300'>300</a>
-<a name='L301'></a><a href='#L301'>301</a>
-<a name='L302'></a><a href='#L302'>302</a>
-<a name='L303'></a><a href='#L303'>303</a>
-<a name='L304'></a><a href='#L304'>304</a>
-<a name='L305'></a><a href='#L305'>305</a>
-<a name='L306'></a><a href='#L306'>306</a>
-<a name='L307'></a><a href='#L307'>307</a>
-<a name='L308'></a><a href='#L308'>308</a>
-<a name='L309'></a><a href='#L309'>309</a>
-<a name='L310'></a><a href='#L310'>310</a>
-<a name='L311'></a><a href='#L311'>311</a>
-<a name='L312'></a><a href='#L312'>312</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L200'></a><a href='#L200'>200</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -382,8 +273,6 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -392,78 +281,37 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -477,66 +325,14 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -545,70 +341,62 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -623,12 +411,13 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -638,6 +427,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
@@ -651,11 +441,6 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -676,299 +461,187 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useState } from 'react';
+import PropTypes from 'prop-types';
 import cookie from 'cookie';
 import jwtDecode from 'jwt-decode';
+import { EyeIcon } from '../../../lib/SvgComponents';
 import { NavLinkContainer, NavLinkInline, NavLinkDrawer } from '../Links';
 import AnimationGroup from '../AnimationGroup/AnimationGroup';
-import * as SVG from '../../../lib/SvgComponents';
+import defaultContent from '../UI/default-content';
 import {
-  physicianCompareUrl,
-  facilityBasedPreviewUrl,
-  feedbackUrl,
-  reportsPortalUrl,
+  loadUserPermissions,
+  getUrlConditionMap,
+  isMultiRoleUser,
+  getIcon,
+  isImpersonating,
+  isImpersonationLink,
+  loadSideNavContent,
 } from '../helpers';
-import PropTypes from 'prop-types';
+import SelectRole from './SelectRole';
 &nbsp;
 const LevelOneContent = ({
   isExpanded,
-  showDevPreDfpLink,
-  showPhysicianCompareLink,
-  showFacilityBasedPreviewLink,
-  showApmIncentivePaymentLink,
-  performanceYear,
-  fbpPerformanceYear,
-  showSelfNomination,
-  style,
   config: { linkCallback, useTooltips } = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
-  showReportsPortal,
-  showTargetedReviewLink,
+  levelOneContent,
 }) =&gt; {
-  let name = '';
-  let hasAuthorizations = true;
-  let isDevPre = false;
-  let ehrAuthorized = false;
-  let hasApmPayments = false;
-  let hasNonRegistryAuthorizations = false;
-  let cookies = cookie.parse(document.cookie);
+  let { qpp_is_dev_pre, qpp_auth_token } = cookie.parse(document.cookie);
 &nbsp;
-  <span class="missing-if-branch" title="else path not taken" >E</span>if (cookies.hasOwnProperty('qpp_auth_token')) {
-    const { data } = jwtDecode(cookies.qpp_auth_token);
-    name = `${data.firstName} ${data.lastName}`;
-  }
+  const [selectedRole, setSelectedRole] = useState('');
 &nbsp;
-  <span class="missing-if-branch" title="if path not taken" >I</span>if (cookies.hasOwnProperty('qpp_has_authorizations')) {
-<span class="cstat-no" title="statement not covered" >    hasAuthorizations = cookies.qpp_has_authorizations === 'true';</span>
+  let name = '';
+  <span class="missing-if-branch" title="else path not taken" >E</span>if (qpp_auth_token) {
+    const { firstName, lastName } = jwtDecode(qpp_auth_token);
+    name = `${firstName} ${lastName}`;
   }
 &nbsp;
-  <span class="missing-if-branch" title="if path not taken" >I</span>if (cookies.hasOwnProperty('user_has_apm_payments')) {
-<span class="cstat-no" title="statement not covered" >    hasApmPayments = cookies.user_has_apm_payments === 'true';</span>
-  }
+  const linkClass = isExpanded ? 'link-inline' : <span class="branch-1 cbranch-no" title="branch not covered" >'link-collapsed';</span>
 &nbsp;
-  <span class="missing-if-branch" title="if path not taken" >I</span>if (cookies.hasOwnProperty('qpp_is_dev_pre')) {
-<span class="cstat-no" title="statement not covered" >    isDevPre = cookies.qpp_is_dev_pre === 'true';</span>
-  }
+  const permissions = loadUserPermissions(document.cookie, selectedRole);
+  const { internalReviewerNames } = permissions;
 &nbsp;
-  <span class="missing-if-branch" title="if path not taken" >I</span>if (cookies.hasOwnProperty('qpp_ehr_authorized')) {
-<span class="cstat-no" title="statement not covered" >    ehrAuthorized = cookies.qpp_ehr_authorized === 'true';</span>
-  }
+  const hasMultipleRoles = isMultiRoleUser(document.cookie);
+  const isDevPre = qpp_is_dev_pre === 'true';
+  let content;
 &nbsp;
-  <span class="missing-if-branch" title="if path not taken" >I</span>if (cookies.hasOwnProperty('qpp_has_non_registry_authorizations')) {
-<span class="cstat-no" title="statement not covered" >    hasNonRegistryAuthorizations =</span>
-      cookies.qpp_has_non_registry_authorizations === 'true';
+  <span class="missing-if-branch" title="if path not taken" >I</span>if (isDevPre) {
+<span class="cstat-no" title="statement not covered" >    content = levelOneContent?.devPre || defaultContent.devPre;</span>
+  } else {
+    if (!hasMultipleRoles) {
+      // internalReviewerNames has 1 value b/c !hasMultipleRoles
+      const reviewerRoleName = internalReviewerNames[0];
+      content = loadSideNavContent(reviewerRoleName, {
+        levelOneContent,
+        defaultContent,
+      });
+    } else <span class="missing-if-branch" title="else path not taken" >E</span>{
+<span class="cstat-no" title="statement not covered" >      content = loadSideNavContent(</span>
+        selectedRole,
+        { levelOneContent, defaultContent },
+        true
+      );
+    }
   }
 &nbsp;
-  const linkClass = isExpanded ? 'link-inline' : <span class="branch-1 cbranch-no" title="branch not covered" >'link-collapsed';</span>
-  const listOfLinks = [];
+  // Mapping side nav link urls to the conditions that determine their inclusion in the side nav
+  const urlConditionMap = getUrlConditionMap(permissions);
 &nbsp;
-  <span class="missing-if-branch" title="if path not taken" >I</span>if (isDevPre) {
-<span class="cstat-no" title="statement not covered" >    if (ehrAuthorized) {</span>
-<span class="cstat-no" title="statement not covered" >      listOfLinks.push(</span>
-        &lt;NavLinkInline
-          icon={&lt;SVG.MyApplicationsIcon /&gt;}
-          className={linkClass}
-          url="/user/applications"
-          label="My Applications"
-          showLabel={isExpanded}
-          useTooltips={useTooltips}
-        /&gt;
-      );
-<span class="cstat-no" title="statement not covered" >      if (showDevPreDfpLink) {</span>
-<span class="cstat-no" title="statement not covered" >        listOfLinks.push(</span>
-          &lt;NavLinkInline
-            icon={&lt;SVG.MyTestDataIcon /&gt;}
-            className={linkClass}
-            url="/user/test-data"
-            label="My Test Data"
-            showLabel={isExpanded}
-            useTooltips={useTooltips}
-          /&gt;
+  const navLinks = content
+    .filter(<span class="fstat-no" title="function not covered" >(l</span>ink) =&gt; {
+      // Filter out Exception &amp; Targeted Review links for Helpdesk Viewer when not impersonating
+      const isHelpdeskRoleNotImpersonating =
+<span class="cstat-no" title="statement not covered" >        selectedRole === 'Helpdesk Viewer' &amp;&amp; !isImpersonating(document.cookie);</span>
+<span class="cstat-no" title="statement not covered" >      if (isHelpdeskRoleNotImpersonating) {</span>
+<span class="cstat-no" title="statement not covered" >        return (</span>
+          link.url !== '/user/exception/#/landing' &amp;&amp;
+          link.url !== '/user/targeted-review/#/landing'
         );
       }
-    }
-<span class="cstat-no" title="statement not covered" >    listOfLinks.push(</span>
-      &lt;NavLinkInline
-        icon={&lt;SVG.ManageUsersIcon /&gt;}
-        className={linkClass}
-        url="/user/manage-access"
-        label="Manage Access"
-        showLabel={isExpanded}
-        useTooltips={useTooltips}
-      /&gt;
-    );
-<span class="cstat-no" title="statement not covered" >    listOfLinks.push(</span>
-      &lt;NavLinkInline
-        icon={&lt;SVG.HelpSupportIcon /&gt;}
-        className={linkClass}
-        url="/developers"
-        label="Developer Tools"
-        showLabel={isExpanded}
-        useTooltips={useTooltips}
-      /&gt;
-    );
-  } else {
-    listOfLinks.push(
-      &lt;NavLinkInline
-        key="account-dashboard-link"
-        icon={&lt;SVG.AccountHomeIcon /&gt;}
-        className={linkClass}
-        url="/user/submissions"
-        label="Account Home"
-        linkCallback={linkCallback}
-        showLabel={isExpanded}
-        useTooltips={useTooltips}
-      /&gt;
-    );
 &nbsp;
-    <span class="missing-if-branch" title="else path not taken" >E</span>if (hasAuthorizations) {
-      listOfLinks.push(
-        &lt;NavLinkInline
-          key="eligibility-link"
-          icon={&lt;SVG.DashboardIcon /&gt;}
-          className={linkClass}
-          url="/user/dashboard"
-          label="Eligibility &amp; Reporting"
-          showLabel={isExpanded}
-          useTooltips={useTooltips}
-        /&gt;
+      // Filter Content Manager links
+      // Check if user has content mgmt. admin || frontend author roles
+      const contentMgrCanManageDocs = <span class="cstat-no" title="statement not covered" >internalReviewerNames.some(<span class="fstat-no" title="function not covered" >(n</span>ame) =&gt;</span>
+<span class="cstat-no" title="statement not covered" >        name.includes('QPP Content Management')</span>
+      );
+      const contentMgrFrontendAuthor = <span class="cstat-no" title="statement not covered" >internalReviewerNames.includes(</span>
+        'QPP Front-end - Author'
       );
 &nbsp;
-      <span class="missing-if-branch" title="if path not taken" >I</span>if (showFacilityBasedPreviewLink) {
-        const facilityBasedPreviewUrlYear =
-<span class="cstat-no" title="statement not covered" >          fbpPerformanceYear || performanceYear;</span>
-<span class="cstat-no" title="statement not covered" >        listOfLinks.push(</span>
-          &lt;NavLinkInline
-            icon={&lt;SVG.FacilityBasedPreviewIcon /&gt;}
-            className={linkClass}
-            url={facilityBasedPreviewUrl(facilityBasedPreviewUrlYear)}
-            label="Facility Based Preview"
-            linkCallback={linkCallback}
-            showLabel={isExpanded}
-            useTooltips={useTooltips}
-          /&gt;
-        );
+<span class="cstat-no" title="statement not covered" >      if (!contentMgrCanManageDocs) {</span>
+<span class="cstat-no" title="statement not covered" >        return link.label !== 'Manage Documents';</span>
+      }
+<span class="cstat-no" title="statement not covered" >      if (!contentMgrFrontendAuthor) {</span>
+<span class="cstat-no" title="statement not covered" >        return link.label !== 'Author Content';</span>
       }
 &nbsp;
-      <span class="missing-if-branch" title="else path not taken" >E</span>if (performanceYear) {
-        listOfLinks.push(
-          &lt;NavLinkInline
-            icon={&lt;SVG.StarIcon /&gt;}
-            className={linkClass}
-            urlExpressionToMatch={`${feedbackUrl}/[0-9][0-9][0-9][0-9]`}
-            url={feedbackUrl}
-            label="Performance Feedback"
-            linkCallback={linkCallback}
-            showLabel={isExpanded}
-            useTooltips={useTooltips}
-          /&gt;
-        );
+<span class="cstat-no" title="statement not covered" >      return link;</span>
+    })
+    .reduce(<span class="fstat-no" title="function not covered" >(a</span>cc, link) =&gt; {
+      const { url, label, className, listOfLinks, ...rest } = <span class="cstat-no" title="statement not covered" >link;</span>
+&nbsp;
+      // Any links failing the corresponding condition in the urlConditionMap are skipped
+<span class="cstat-no" title="statement not covered" >      if (url in urlConditionMap &amp;&amp; !urlConditionMap[url]) {</span>
+<span class="cstat-no" title="statement not covered" >        return acc;</span>
       }
 &nbsp;
-      <span class="missing-if-branch" title="if path not taken" >I</span>if (showApmIncentivePaymentLink &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >hasApmPayments)</span> {
-<span class="cstat-no" title="statement not covered" >        listOfLinks.push(</span>
-          &lt;NavLinkInline
-            icon={&lt;SVG.PaymentIcon /&gt;}
-            className={linkClass}
-            url="/user/apm-incentive-payments"
-            label="APM Incentive Payments"
-            linkCallback={linkCallback}
-            showLabel={isExpanded}
-            useTooltips={useTooltips}
-          /&gt;
-        );
+      const isContentMgrLink =
+<span class="cstat-no" title="statement not covered" >        label === 'Manage Documents' || label === 'Author Content';</span>
+      const IconComponent = <span class="cstat-no" title="statement not covered" >isContentMgrLink</span>
+        ? getIcon(null, label)
+        : getIcon(url);
+      const Icon = <span class="cstat-no" title="statement not covered" >IconComponent ? &lt;IconComponent /&gt; : null;</span>
+      const sharedProps = <span class="cstat-no" title="statement not covered" >{</span>
+        url,
+        label,
+        linkCallback,
+        className: className ? `${linkClass} ${className}` : linkClass,
+      };
+&nbsp;
+<span class="cstat-no" title="statement not covered" >      if (isImpersonating(document.cookie)) {</span>
+<span class="cstat-no" title="statement not covered" >        sharedProps.className = `${sharedProps.className} includes-read-only`;</span>
       }
 &nbsp;
-      <span class="missing-if-branch" title="if path not taken" >I</span>if (showPhysicianCompareLink &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >hasNonRegistryAuthorizations)</span> {
-<span class="cstat-no" title="statement not covered" >        listOfLinks.push(</span>
+      const { pathname, hash } = <span class="cstat-no" title="statement not covered" >window.location;</span>
+      const filteredListOfLinks = <span class="cstat-no" title="statement not covered" >(listOfLinks || []).filter(<span class="fstat-no" title="function not covered" >(s</span>ublink) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >        return !(</span>
+          sublink.url in urlConditionMap &amp;&amp; !urlConditionMap[sublink.url]
+        );
+      });
+<span class="cstat-no" title="statement not covered" >      if (</span>
+        filteredListOfLinks?.length &gt; 0 &amp;&amp;
+        (pathname === url ||
+          filteredListOfLinks.some(
+<span class="fstat-no" title="function not covered" >            (s</span>ublink) =&gt;
+<span class="cstat-no" title="statement not covered" >              pathname === sublink.url || `${pathname}${hash}` === sublink.url</span>
+          ))
+      ) {
+<span class="cstat-no" title="statement not covered" >        acc.push(</span>
+          &lt;NavLinkDrawer
+            key={`nav-drawer-${url}-${label}`}
+            leftIcon={Icon}
+            listOfLinks={filteredListOfLinks}
+            isExpanded={isExpanded}
+            staticDrawer={false}
+            openByDefault
+            isAlwaysOpen
+            {...sharedProps}
+            {...rest}
+          /&gt;
+        );
+      } else {
+        // Check if link is associated with the impersonated user not the Helpdesk Viewer user
+        const impersonationLink = <span class="cstat-no" title="statement not covered" >isImpersonationLink(document.cookie, label);</span>
+<span class="cstat-no" title="statement not covered" >        acc.push(</span>
           &lt;NavLinkInline
-            icon={&lt;SVG.PhysicianCompareIcon /&gt;}
-            className={linkClass}
-            url={physicianCompareUrl}
-            label="Physician Compare Preview"
-            linkCallback={linkCallback}
-            showLabel={isExpanded}
+            key={`nav-link-${url}-${label}`}
+            icon={Icon}
+            className={impersonationLink ? 'read-only-link' : ''}
+            {...(impersonationLink
+              ? { rightIcon: &lt;EyeIcon classes="read-only-icon" /&gt; }
+              : null)}
             useTooltips={useTooltips}
+            showLabel={isExpanded}
+            {...sharedProps}
+            {...rest}
           /&gt;
         );
       }
-    }
+<span class="cstat-no" title="statement not covered" >      return acc;</span>
+    }, []);
 &nbsp;
-    listOfLinks.push(
-      &lt;NavLinkInline
-        icon={&lt;SVG.HardshipIcon /&gt;}
-        className={linkClass}
-        url="/user/exception/#/landing"
-        label="Exceptions Application"
-        linkCallback={linkCallback}
-        showLabel={isExpanded}
-        useTooltips={useTooltips}
-      /&gt;
-    );
-&nbsp;
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (showTargetedReviewLink) {
-<span class="cstat-no" title="statement not covered" >      listOfLinks.push(</span>
-        &lt;NavLinkInline
-          icon={&lt;SVG.TargetIcon /&gt;}
-          className={linkClass + ' stroke-based-icon'}
-          url="/user/targeted-review/#/landing"
-          label="Targeted Review"
-          linkCallback={linkCallback}
-          showLabel={isExpanded}
-          useTooltips={useTooltips}
-        /&gt;
-      );
-    }
-&nbsp;
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (showReportsPortal) {
-<span class="cstat-no" title="statement not covered" >      listOfLinks.push(</span>
-        &lt;NavLinkInline
-          icon={&lt;SVG.HardshipIcon /&gt;}
-          className={linkClass}
-          url={reportsPortalUrl}
-          label="Reports"
-          linkCallback={linkCallback}
-          showLabel={isExpanded}
-          useTooltips={useTooltips}
-        /&gt;
-      );
-    }
-&nbsp;
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (showSelfNomination) {
-<span class="cstat-no" title="statement not covered" >      listOfLinks.push(</span>
-        &lt;NavLinkDrawer
-          key="connected-clinicians-link"
-          isAlwaysOpen
-          url="/user/manage-access"
-          isExpanded={isExpanded}
-          openByDefault={true}
-          leftIcon={&lt;SVG.ManageUsersIcon /&gt;}
-          className={linkClass}
-          label="Manage Access"
-          linkCallback={linkCallback}
-          listOfLinks={[
-            {
-              url: '/user/self-nomination/#/landing',
-              label: 'Registry/QCDR Self-Nomination',
-              items: [],
-            },
-          ]}
-          staticDrawer={false}
-        /&gt;
-      );
-    } else {
-      listOfLinks.push(
-        &lt;NavLinkInline
-          icon={&lt;SVG.ManageUsersIcon /&gt;}
-          className={linkClass}
-          url="/user/manage-access"
-          label="Manage Access"
-          showLabel={isExpanded}
-          useTooltips={useTooltips}
-        /&gt;
-      );
-    }
-&nbsp;
-    listOfLinks.push(
-      &lt;NavLinkInline
-        icon={&lt;SVG.HelpSupportIcon /&gt;}
-        className={linkClass}
-        url="/about/help-and-support"
-        label="Help and Support"
-        showLabel={isExpanded}
-        useTooltips={useTooltips}
-      /&gt;
-    );
-  }
   return (
     &lt;div className="sidebar-content"&gt;
       &lt;AnimationGroup display={isExpanded}&gt;
         &lt;h1 className="label"&gt;{name}&lt;/h1&gt;
       &lt;/AnimationGroup&gt;
-      &lt;div style={style} className="level-one-nav animation-flat"&gt;
-        &lt;NavLinkContainer listOfLinks={listOfLinks} /&gt;
+      &lt;div className="level-one-nav animation-flat"&gt;
+        {hasMultipleRoles &amp;&amp; (
+<span class="branch-1 cbranch-no" title="branch not covered" >          &lt;SelectRole</span>
+            selectedRole={selectedRole}
+            setSelectedRole={setSelectedRole}
+          /&gt;
+        )}
+        &lt;NavLinkContainer listOfLinks={navLinks} /&gt;
       &lt;/div&gt;
     &lt;/div&gt;
   );
@@ -977,16 +650,13 @@ const LevelOneContent = ({
 LevelOneContent.propTypes = {
   isExpanded: PropTypes.bool,
   config: PropTypes.object,
-  showDevPreDfpLink: PropTypes.bool,
-  showPhysicianCompareLink: PropTypes.bool,
-  showFacilityBasedPreviewLink: PropTypes.bool,
-  showApmIncentivePaymentLink: PropTypes.bool,
-  performanceYear: PropTypes.string,
-  fbpPerformanceYear: PropTypes.string,
-  showSelfNomination: PropTypes.bool,
-  style: PropTypes.object,
-  showReportsPortal: PropTypes.bool,
-  showTargetedReviewLink: PropTypes.bool,
+  levelOneContent: PropTypes.shape({
+    default: PropTypes.arrayOf(PropTypes.object),
+    devPre: PropTypes.arrayOf(PropTypes.object),
+    viewer: PropTypes.arrayOf(PropTypes.object),
+    internalReviewers: PropTypes.arrayOf(PropTypes.object),
+    contentManager: PropTypes.arrayOf(PropTypes.object),
+  }),
 };
 &nbsp;
 export default LevelOneContent;
@@ -996,10 +666,9 @@ export default LevelOneContent;
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Oct 05 2020 11:31:16 GMT-0700 (Pacific Daylight Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Mon Mar 06 2023 14:49:52 GMT-0800 (Pacific Standard Time)
             </div>
-        </div>
         <script src="../../../../prettify.js"></script>
         <script>
             window.onload = function () {