qpp-style 0.0.8 → 0.0.10

package/coverage/lcov-report/react/components/SideNav/UI/SideNavUI.jsx.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">30.56% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>22/72</span>
+                <span class='fraction'>21/42</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">6.67% </span>
+                <span class="strong">10% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>4/60</span>
+                <span class='fraction'>4/40</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">29.41% </span>
+                <span class="strong">35.71% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/17</span>
+                <span class='fraction'>5/14</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">30.99% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>22/71</span>
+                <span class='fraction'>21/42</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 low'></div>
+    <div class='status-line medium'></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>
@@ -391,72 +397,7 @@
 <a name='L332'></a><a href='#L332'>332</a>
 <a name='L333'></a><a href='#L333'>333</a>
 <a name='L334'></a><a href='#L334'>334</a>
-<a name='L335'></a><a href='#L335'>335</a>
-<a name='L336'></a><a href='#L336'>336</a>
-<a name='L337'></a><a href='#L337'>337</a>
-<a name='L338'></a><a href='#L338'>338</a>
-<a name='L339'></a><a href='#L339'>339</a>
-<a name='L340'></a><a href='#L340'>340</a>
-<a name='L341'></a><a href='#L341'>341</a>
-<a name='L342'></a><a href='#L342'>342</a>
-<a name='L343'></a><a href='#L343'>343</a>
-<a name='L344'></a><a href='#L344'>344</a>
-<a name='L345'></a><a href='#L345'>345</a>
-<a name='L346'></a><a href='#L346'>346</a>
-<a name='L347'></a><a href='#L347'>347</a>
-<a name='L348'></a><a href='#L348'>348</a>
-<a name='L349'></a><a href='#L349'>349</a>
-<a name='L350'></a><a href='#L350'>350</a>
-<a name='L351'></a><a href='#L351'>351</a>
-<a name='L352'></a><a href='#L352'>352</a>
-<a name='L353'></a><a href='#L353'>353</a>
-<a name='L354'></a><a href='#L354'>354</a>
-<a name='L355'></a><a href='#L355'>355</a>
-<a name='L356'></a><a href='#L356'>356</a>
-<a name='L357'></a><a href='#L357'>357</a>
-<a name='L358'></a><a href='#L358'>358</a>
-<a name='L359'></a><a href='#L359'>359</a>
-<a name='L360'></a><a href='#L360'>360</a>
-<a name='L361'></a><a href='#L361'>361</a>
-<a name='L362'></a><a href='#L362'>362</a>
-<a name='L363'></a><a href='#L363'>363</a>
-<a name='L364'></a><a href='#L364'>364</a>
-<a name='L365'></a><a href='#L365'>365</a>
-<a name='L366'></a><a href='#L366'>366</a>
-<a name='L367'></a><a href='#L367'>367</a>
-<a name='L368'></a><a href='#L368'>368</a>
-<a name='L369'></a><a href='#L369'>369</a>
-<a name='L370'></a><a href='#L370'>370</a>
-<a name='L371'></a><a href='#L371'>371</a>
-<a name='L372'></a><a href='#L372'>372</a>
-<a name='L373'></a><a href='#L373'>373</a>
-<a name='L374'></a><a href='#L374'>374</a>
-<a name='L375'></a><a href='#L375'>375</a>
-<a name='L376'></a><a href='#L376'>376</a>
-<a name='L377'></a><a href='#L377'>377</a>
-<a name='L378'></a><a href='#L378'>378</a>
-<a name='L379'></a><a href='#L379'>379</a>
-<a name='L380'></a><a href='#L380'>380</a>
-<a name='L381'></a><a href='#L381'>381</a>
-<a name='L382'></a><a href='#L382'>382</a>
-<a name='L383'></a><a href='#L383'>383</a>
-<a name='L384'></a><a href='#L384'>384</a>
-<a name='L385'></a><a href='#L385'>385</a>
-<a name='L386'></a><a href='#L386'>386</a>
-<a name='L387'></a><a href='#L387'>387</a>
-<a name='L388'></a><a href='#L388'>388</a>
-<a name='L389'></a><a href='#L389'>389</a>
-<a name='L390'></a><a href='#L390'>390</a>
-<a name='L391'></a><a href='#L391'>391</a>
-<a name='L392'></a><a href='#L392'>392</a>
-<a name='L393'></a><a href='#L393'>393</a>
-<a name='L394'></a><a href='#L394'>394</a>
-<a name='L395'></a><a href='#L395'>395</a>
-<a name='L396'></a><a href='#L396'>396</a>
-<a name='L397'></a><a href='#L397'>397</a>
-<a name='L398'></a><a href='#L398'>398</a>
-<a name='L399'></a><a href='#L399'>399</a>
-<a name='L400'></a><a href='#L400'>400</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L335'></a><a href='#L335'>335</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>
@@ -474,93 +415,83 @@
 <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">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-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-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-neutral">&nbsp;</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-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-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-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-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-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-no">&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-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-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-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-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-no">&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-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-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-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>
@@ -578,18 +509,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-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-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>
@@ -605,7 +524,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-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>
@@ -618,35 +536,23 @@
 <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-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-no">&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-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-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-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>
@@ -660,7 +566,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-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>
@@ -674,7 +579,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-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>
@@ -690,7 +594,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-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>
@@ -699,7 +602,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-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>
@@ -716,7 +618,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-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>
@@ -726,15 +627,6 @@
 <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-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>
@@ -745,52 +637,36 @@
 <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-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-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-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-yes">1x</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-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-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>
@@ -805,12 +681,12 @@
 <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-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>
@@ -827,13 +703,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-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-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>
@@ -855,8 +731,10 @@
 <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, { Component } from 'react';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
+&nbsp;
+import { withGetConfig } from '../../hooks/useGetConfig';
 import { LevelOneContent, LevelTwoContent } from '../Content';
 import {
   NavLinkContainer,
@@ -866,190 +744,108 @@ import {
 } from '../Links';
 import AnimationGroup from '../AnimationGroup/AnimationGroup';
 import { PracticeDetails, IndividualDetails } from '../Details';
-import { ScoreChart } from '../Chart';
+import ScoreChart from '../Chart';
 import SanitizedContent from '../../SanitizedContent';
 import * as SvgComponents from '../../../lib/SvgComponents.jsx';
 import CmsSwitchLink from '../Links/CmsSwitchLink';
+import defaultContent from './default-content';
 &nbsp;
-export default class SideNavUI extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      isExpanded: props.isExpanded,
-      currentLevel: props.currentLevel,
-      linksTopPosition: 0,
-      items: props.items,
-    };
-    this.keys = {
-      ESC: 27,
-    };
-    this._toggleExpanded = this.toggleExpanded.bind(this);
-    this._expand = this.expand.bind(this);
-    this._collapseRef = this.collapseRef.bind(this);
-    this._getDynamicContent = this.getDynamicContent.bind(this);
-    this._getLevelContent = this.getLevelContent.bind(this);
-    this._setLinksTopPosition = this.setLinksTopPosition.bind(this);
-  }
+const SideNavUI = ({
+  chartData,
+  config,
+  currentLevel,
+  isAltStyle,
+  isExpanded,
+  items,
+  onCollapsed,
+  onExpanded,
+  performanceYear,
+  showReportingLinks,
+  result,
+}) =&gt; {
+  const [isExpandedState, setIsExpandedState] = useState(isExpanded);
+  const [itemsState, setItemsState] = useState(items);
+  const [currentLevelState, setCurrentLevelState] = useState(currentLevel);
 &nbsp;
-  componentDidMount() {
-    setTimeout(<span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >      this._setLinksTopPosition();</span>
-    }, 0);
-  }
+  const collapseRef = useRef(null);
 &nbsp;
-<span class="fstat-no" title="function not covered" >  co</span>mponentDidUpdate(prevProps, prevState) {
-<span class="cstat-no" title="statement not covered" >    if (</span>
-      prevState.items !== this.state.items ||
-      prevProps.currentLevel !== this.state.currentLevel
-    ) {
-<span class="cstat-no" title="statement not covered" >      this._setLinksTopPosition();</span>
+  const expand = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >    setIsExpandedState(true);</span>
+<span class="cstat-no" title="statement not covered" >    if (onExpanded) {</span>
+<span class="cstat-no" title="statement not covered" >      onExpanded();</span>
     }
-  }
-&nbsp;
-<span class="fstat-no" title="function not covered" >  UN</span>SAFE_componentWillReceiveProps(nextProps) {
-    const { isExpanded, currentLevel, items } = <span class="cstat-no" title="statement not covered" >this.state;</span>
+  };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (nextProps.isExpanded !== isExpanded) {</span>
-<span class="cstat-no" title="statement not covered" >      this.setState({ isExpanded: nextProps.isExpanded });</span>
+  const collapse = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >    setIsExpandedState(false);</span>
+<span class="cstat-no" title="statement not covered" >    if (onCollapsed) {</span>
+<span class="cstat-no" title="statement not covered" >      onCollapsed();</span>
     }
+  };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (nextProps.currentLevel !== currentLevel) {</span>
-<span class="cstat-no" title="statement not covered" >      this.setState({ currentLevel: nextProps.currentLevel });</span>
-    }
+  const toggleExpanded = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >    isExpandedState ? collapse() : expand();</span>
+  };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (JSON.stringify(nextProps.items) !== JSON.stringify(items)) {</span>
-<span class="cstat-no" title="statement not covered" >      this.setState({ items: nextProps.items });</span>
-    }
-  }
-&nbsp;
-<span class="fstat-no" title="function not covered" >  to</span>ggleExpanded() {
-<span class="cstat-no" title="statement not covered" >    this.state.isExpanded ? this.collapse() : this.expand();</span>
-  }
-&nbsp;
-<span class="fstat-no" title="function not covered" >  ex</span>pand() {
-<span class="cstat-no" title="statement not covered" >    this.setState({ isExpanded: true });</span>
-<span class="cstat-no" title="statement not covered" >    if (this.props.onExpanded) {</span>
-<span class="cstat-no" title="statement not covered" >      this.props.onExpanded();</span>
-    }
-  }
-&nbsp;
-<span class="fstat-no" title="function not covered" >  co</span>llapse() {
-<span class="cstat-no" title="statement not covered" >    this.setState({ isExpanded: false });</span>
-<span class="cstat-no" title="statement not covered" >    if (this.props.onCollapsed) {</span>
-<span class="cstat-no" title="statement not covered" >      this.props.onCollapsed();</span>
-    }
-  }
-&nbsp;
-  collapseRef(ref) {
-    this.collapseToggle = ref;
-  }
-&nbsp;
-<span class="fstat-no" title="function not covered" >  se</span>tLinksTopPosition() {
-    // loop though children of sidebar-content and add heights, stopping at &lt;nav&gt;
-    const content = <span class="cstat-no" title="statement not covered" >document.querySelector('#qppSidebar .sidebar-content');</span>
-&nbsp;
-<span class="cstat-no" title="statement not covered" >    if (content) {</span>
-      let height = <span class="cstat-no" title="statement not covered" >0;</span>
-<span class="cstat-no" title="statement not covered" >      for (let i = <span class="cstat-no" title="statement not covered" >0;</span> i &lt; content.children.length; i++) {</span>
-<span class="cstat-no" title="statement not covered" >        if (content.children[i].classList.contains('animation-flat')) {</span>
-<span class="cstat-no" title="statement not covered" >          break;</span>
-        }
-<span class="cstat-no" title="statement not covered" >        height = height + content.children[i].offsetHeight;</span>
-      }
-&nbsp;
-<span class="cstat-no" title="statement not covered" >      this.setState({ linksTopPosition: height });</span>
-    }
-  }
-&nbsp;
-  getLevelContent() {
-    const {
-      chartData,
-      config,
-      showDevPreDfpLink,
-      showPhysicianCompareLink,
-      showFacilityBasedPreviewLink,
-      showApmIncentivePaymentLink,
-      showReportingLinks,
-      performanceYear,
-      feedbackPerformanceYear,
-      fbpPerformanceYear,
-      showSelfNomination,
-      showReportsPortal,
-      showExceptionsApplicationLink,
-      showTargetedReviewLink,
-    } = this.props;
-&nbsp;
-    const { isExpanded, currentLevel, linksTopPosition } = this.state;
-    const style = { top: isExpanded ? `${linksTopPosition}px` : <span class="branch-1 cbranch-no" title="branch not covered" >0 </span>};
-&nbsp;
-    switch (currentLevel) {
-<span class="branch-0 cbranch-no" title="branch not covered" >      default:</span>
-      case 1: // Home
-        return (
-          &lt;LevelOneContent
-            performanceYear={performanceYear}
-            feedbackPerformanceYear={feedbackPerformanceYear}
-            fbpPerformanceYear={fbpPerformanceYear}
-            isExpanded={isExpanded}
-            config={config}
-            showDevPreDfpLink={showDevPreDfpLink}
-            showPhysicianCompareLink={showPhysicianCompareLink}
-            showFacilityBasedPreviewLink={showFacilityBasedPreviewLink}
-            showApmIncentivePaymentLink={showApmIncentivePaymentLink}
-            showSelfNomination={showSelfNomination}
-            showReportsPortal={showReportsPortal}
-            style={style}
-            showExceptionsApplicationLink={showExceptionsApplicationLink}
-            showTargetedReviewLink={showTargetedReviewLink}
-          /&gt;
-        );
-<span class="branch-2 cbranch-no" title="branch not covered" >      case 2: // Group Submission</span>
-<span class="cstat-no" title="statement not covered" >        return (</span>
+  const getLevelContent = () =&gt; {
+    return (
+      {
+        2: (
           &lt;LevelTwoContent
             showReportingLinks={showReportingLinks}
-            isExpanded={isExpanded}
+            isExpanded={isExpandedState}
             chartData={chartData}
             config={config}
-            style={style}
           /&gt;
-        );
-    }
-  }
+        ),
+      }[currentLevelState] || (
+        &lt;LevelOneContent
+          levelOneContent={result?.content}
+          isExpanded={isExpandedState}
+          config={config}
+        /&gt;
+      )
+    );
+  };
 &nbsp;
-<span class="fstat-no" title="function not covered" >  ge</span>tDynamicIcon(icon) {
-    const Component = <span class="cstat-no" title="statement not covered" >SvgComponents[icon];</span>
-<span class="cstat-no" title="statement not covered" >    return &lt;Component /&gt;</span>
-  }
+  const getDynamicContent = <span class="fstat-no" title="function not covered" >(c</span>ontentItems, className, recursionId) =&gt; {
+    const { openDrawersByDefault, linkActiveFunc, linkCallback, useTooltips } =
+<span class="cstat-no" title="statement not covered" >      config;</span>
+    let linkClass = <span class="cstat-no" title="statement not covered" >isExpandedState ? 'link-inline' : 'link-collapsed';</span>
+    const containerRecursionId = <span class="cstat-no" title="statement not covered" >recursionId || 0;</span>
 &nbsp;
-<span class="fstat-no" title="function not covered" >  ge</span>tDynamicContent(items, className) {
-    const { performanceYear } = <span class="cstat-no" title="statement not covered" >this.props;</span>
-    const {
-      openDrawersByDefault,
-      linkActiveFunc,
-      linkCallback,
-      animationType,
-      useTooltips,
-    } = <span class="cstat-no" title="statement not covered" >this.props.config;</span>
-    const { isExpanded, linksTopPosition } = <span class="cstat-no" title="statement not covered" >this.state;</span>
-    const linkClass = <span class="cstat-no" title="statement not covered" >isExpanded ? 'link-inline' : 'link-collapsed';</span>
-    const style = <span class="cstat-no" title="statement not covered" >{ top: isExpanded ? `${linksTopPosition}px` : 0 };</span>
+    const getDynamicIcon = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(i</span>con) =&gt; {</span>
+      const Component = <span class="cstat-no" title="statement not covered" >SvgComponents[icon];</span>
+<span class="cstat-no" title="statement not covered" >      return Component ? &lt;Component /&gt; : null;</span>
+    };
 &nbsp;
-    const itemsMarkup = <span class="cstat-no" title="statement not covered" >items.map(<span class="fstat-no" title="function not covered" >(i</span>tem) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >      switch (item.type) {</span>
-        case 'divider':
-<span class="cstat-no" title="statement not covered" >          return (</span>
-            &lt;AnimationGroup display={isExpanded}&gt;
-              &lt;hr /&gt;
+    const hasDarkerBackground = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(d</span>arkerBackground) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >      return darkerBackground ? 'hr-smaller-vertical-spacing' : '';</span>
+    };
+&nbsp;
+    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>
+      const key = <span class="cstat-no" title="statement not covered" >`${JSON.stringify(item)}-${index}-${containerRecursionId}`;</span>
+<span class="cstat-no" title="statement not covered" >      return (</span>
+        {
+          divider: (
+            &lt;AnimationGroup
+              display={isExpandedState}
+              key={key}
+              darkerBackground={item.darkerBackground}
+            &gt;
+              &lt;hr className={`${hasDarkerBackground(item.darkerBackground)}`} /&gt;
             &lt;/AnimationGroup&gt;
-          );
-        case 'container':
-<span class="cstat-no" title="statement not covered" >          return this.getDynamicContent(item.items, item.className);</span>
-        case 'linkBack':
-<span class="cstat-no" title="statement not covered" >          return (</span>
-            &lt;AnimationGroup display={isExpanded}&gt;
+          ),
+          container: getDynamicContent(
+            item.items,
+            item.className,
+            containerRecursionId + 1
+          ),
+          linkBack: (
+            &lt;AnimationGroup display={isExpandedState} key={key}&gt;
               &lt;NavLinkInline
                 className="link-back"
-                icon={this.getDynamicIcon('ChevronLeft')}
+                icon={getDynamicIcon('ChevronLeft')}
                 url={item.url}
                 label={item.label}
                 linkCallback={linkCallback}
@@ -1057,13 +853,12 @@ export default class SideNavUI extends Component {
                 useTooltips={useTooltips}
               /&gt;
             &lt;/AnimationGroup&gt;
-          );
-        case 'linkHome':
-<span class="cstat-no" title="statement not covered" >          return (</span>
-            &lt;AnimationGroup display={isExpanded}&gt;
+          ),
+          linkHome: (
+            &lt;AnimationGroup display={isExpandedState} key={key}&gt;
               &lt;NavLinkInline
                 className="account-home-link"
-                icon={this.getDynamicIcon(item.icon)}
+                icon={getDynamicIcon(item?.icon)}
                 url={item.url}
                 label={item.label}
                 linkCallback={linkCallback}
@@ -1071,10 +866,13 @@ export default class SideNavUI extends Component {
                 useTooltips={useTooltips}
               /&gt;
             &lt;/AnimationGroup&gt;
-          );
-        case 'practiceDetails':
-<span class="cstat-no" title="statement not covered" >          return (</span>
-            &lt;AnimationGroup display={isExpanded}&gt;
+          ),
+          practiceDetails: (
+            &lt;AnimationGroup
+              display={isExpandedState}
+              className={'details'}
+              key={key}
+            &gt;
               &lt;PracticeDetails
                 practiceName={item.practiceName}
                 {...(!item.practiceTin
@@ -1085,88 +883,88 @@ export default class SideNavUI extends Component {
                   : { apmEntityId: item.apmEntityId })}
                 {...(!item.vgId ? {} : { vgId: item.vgId })}
                 {...(!item.cpcPlusId ? {} : { cpcPlusId: item.cpcPlusId })}
+                {...(!item.pcfId ? {} : { pcfId: item.pcfId })}
               /&gt;
             &lt;/AnimationGroup&gt;
-          );
-        case 'individualDetails':
-<span class="cstat-no" title="statement not covered" >          return (</span>
-            &lt;AnimationGroup display={isExpanded}&gt;
+          ),
+          individualDetails: (
+            &lt;AnimationGroup display={isExpandedState} key={key}&gt;
               &lt;IndividualDetails
                 individualName={item.individualName}
                 individualNpi={item.individualNpi}
               /&gt;
             &lt;/AnimationGroup&gt;
-          );
-        case 'linkDrawer':
-<span class="cstat-no" title="statement not covered" >          return (</span>
+          ),
+          linkDrawer: (
             &lt;NavLinkDrawer
-              isExpanded={isExpanded}
+              key={key}
+              isExpanded={isExpandedState}
               isAlwaysOpen={item.isAlwaysOpen}
               openByDefault={openDrawersByDefault}
               rightIcon="chevron-down"
-              leftIcon={this.getDynamicIcon(item.icon)}
+              leftIcon={getDynamicIcon(item?.icon)}
               className={linkClass}
               label={item.label}
               linkActiveFunc={linkActiveFunc}
               linkCallback={linkCallback}
               listOfLinks={item.items}
               url={item.url}
-              sidebarExpand={this._expand}
+              sidebarExpand={expand}
+              isHighlighted={item.isHighlighted}
+              darkerBackground={item.darkerBackground}
+              leftBorderHighlightDisabled={item.leftBorderHighlightDisabled}
+              hideLabelSection={item.hideLabelSection}
+              largerDrawerBottomPadding={item.largerDrawerBottomPadding}
             /&gt;
-          );
-        case 'custom':
-<span class="cstat-no" title="statement not covered" >          return (</span>
-            &lt;AnimationGroup display={isExpanded}&gt;
+          ),
+          custom: (
+            &lt;AnimationGroup display={isExpandedState} key={key}&gt;
               &lt;SanitizedContent
                 html={item.content}
                 customClassName={item.customClassName}
               /&gt;
             &lt;/AnimationGroup&gt;
-          );
-        case 'chart':
-<span class="cstat-no" title="statement not covered" >          return (</span>
-            &lt;AnimationGroup display={isExpanded}&gt;
+          ),
+          chart: (
+            &lt;AnimationGroup display={isExpandedState} key={key}&gt;
               &lt;ScoreChart
                 chartData={item.chartData}
                 linkCallback={linkCallback}
                 performanceYear={performanceYear}
               /&gt;
             &lt;/AnimationGroup&gt;
-          );
-        case 'switchLink':
-<span class="cstat-no" title="statement not covered" >          return (</span>
-            &lt;AnimationGroup display={isExpanded}&gt;
+          ),
+          switchLink: (
+            &lt;AnimationGroup display={isExpandedState} key={key}&gt;
               &lt;CmsSwitchLink
                 linkCallback={linkCallback}
                 label={item.label}
                 url={item.url}
               /&gt;
             &lt;/AnimationGroup&gt;
-          );
-        default:
-<span class="cstat-no" title="statement not covered" >          return (</span>
-            &lt;NavLinkInline
-              icon={this.getDynamicIcon(item.icon)}
-              className={item.className ? item.className : linkClass}
-              url={item.url}
-              label={item.label}
-              linkCallback={linkCallback}
-              showLabel={isExpanded}
-              disabled={item.disabled}
-              useTooltips={useTooltips}
-              target={item.target}
-            /&gt;
-          );
-      }
+          ),
+        }[item.type] || (
+          &lt;NavLinkInline
+            key={key}
+            icon={getDynamicIcon(item?.icon)}
+            className={item.className ? item.className : linkClass}
+            url={item.url}
+            label={item.label}
+            linkCallback={linkCallback}
+            showLabel={isExpandedState}
+            disabled={item.disabled}
+            useTooltips={useTooltips}
+            target={item.target}
+          /&gt;
+        )
+      );
     });
 &nbsp;
 <span class="cstat-no" title="statement not covered" >    if (className === 'link-container') {</span>
 <span class="cstat-no" title="statement not covered" >      return (</span>
         &lt;div
-          style={style}
-          className={`${
-            animationType ? 'animation-' + animationType : 'animation-flat'
-          }`}
+          className="animation-flat"
+          key={`nav-link-container-${recursionId}`}
         &gt;
           &lt;NavLinkContainer
             listOfLinks={itemsMarkup}
@@ -1177,37 +975,45 @@ export default class SideNavUI extends Component {
     } else {
 <span class="cstat-no" title="statement not covered" >      return &lt;div className={className}&gt;{itemsMarkup}&lt;/div&gt;;</span>
     }
-  }
+  };
 &nbsp;
-  render() {
-    const { isAltStyle, config } = this.props;
-    const { isExpanded, items } = this.state;
-    const content = items
-      ? <span class="branch-0 cbranch-no" title="branch not covered" >this._getDynamicContent(</span>
-          items,
-          'sidebar-content' + (isAltStyle ? ' alt-style' : '')
-        )
-      : this._getLevelContent();
+  const content = itemsState
+    ? <span class="branch-0 cbranch-no" title="branch not covered" >getDynamicContent(</span>
+        itemsState,
+        'sidebar-content' + (isAltStyle ? ' alt-style' : '')
+      )
+    : getLevelContent();
 &nbsp;
-    return (
-      &lt;aside
-        id="qppSidebar"
-        tabIndex="-1"
-        className={`${isExpanded ? 'sidebar' : <span class="branch-1 cbranch-no" title="branch not covered" >'sidebar closed'}</span> sidebar-${
-          config.navClassName
-        }`}
-      &gt;
-        {content}
-        &lt;NavLinkToggle
-          isAltStyle={isAltStyle}
-          collapseRef={this._collapseRef}
-          isExpanded={isExpanded}
-          onClick={this._toggleExpanded}
-        /&gt;
-      &lt;/aside&gt;
-    );
-  }
-}
+  useEffect(() =&gt; {
+    setIsExpandedState(isExpanded);
+  }, [isExpanded]);
+&nbsp;
+  useEffect(() =&gt; {
+    setCurrentLevelState(currentLevel);
+  }, [currentLevel]);
+&nbsp;
+  useEffect(() =&gt; {
+    setItemsState(items);
+  }, [items]);
+&nbsp;
+  return (
+    &lt;aside
+      id="qppSidebar"
+      tabIndex="-1"
+      className={`${isExpandedState ? 'sidebar' : <span class="branch-1 cbranch-no" title="branch not covered" >'sidebar closed'}</span> sidebar-${
+        config.navClassName
+      }`}
+    &gt;
+      {content}
+      &lt;NavLinkToggle
+        isAltStyle={isAltStyle}
+        collapseRef={collapseRef}
+        isExpanded={isExpandedState}
+        onClick={toggleExpanded}
+      /&gt;
+    &lt;/aside&gt;
+  );
+};
 &nbsp;
 SideNavUI.propTypes = {
   currentLevel: PropTypes.number,
@@ -1216,20 +1022,19 @@ SideNavUI.propTypes = {
   onCollapsed: PropTypes.func,
   chartData: PropTypes.object,
   config: PropTypes.object,
-  showDevPreDfpLink: PropTypes.bool,
   items: PropTypes.object,
   isAltStyle: PropTypes.bool,
-  showPhysicianCompareLink: PropTypes.bool,
-  showFacilityBasedPreviewLink: PropTypes.bool,
   showReportingLinks: PropTypes.bool,
-  showApmIncentivePaymentLink: PropTypes.bool,
   performanceYear: PropTypes.string,
-  feedbackPerformanceYear: PropTypes.string,
-  fbpPerformanceYear: PropTypes.string,
-  showSelfNomination: PropTypes.bool,
-  showReportsPortal: PropTypes.bool,
-  showExceptionsApplicationLink: PropTypes.bool,
-  showTargetedReviewLink: PropTypes.bool,
+  result: PropTypes.shape({
+    content: PropTypes.shape({
+      default: PropTypes.arrayOf(PropTypes.object),
+      devPre: PropTypes.arrayOf(PropTypes.object),
+      internalReviewers: PropTypes.arrayOf(PropTypes.object),
+      viewer: PropTypes.arrayOf(PropTypes.object),
+      contentManager: PropTypes.arrayOf(PropTypes.object),
+    }),
+  }),
 };
 &nbsp;
 SideNavUI.defaultProps = {
@@ -1239,31 +1044,36 @@ SideNavUI.defaultProps = {
   onCollapsed: <span class="fstat-no" title="function not covered" >()</span> =&gt; {},
   chartData: {},
   config: {},
-  showDevPreDfpLink: false,
   items: null,
   isAltStyle: false,
-  showPhysicianCompareLink: false,
-  showFacilityBasedPreviewLink: false,
-  showApmIncentivePaymentLink: false,
   showReportingLinks: false,
   performanceYear: '2017',
-  feedbackPerformanceYear: null,
-  fbpPerformanceYear: null,
-  showSelfNomination: false,
-  showReportsPortal: false,
-  showExceptionsApplicationLink: false,
-  showTargetedReviewLink: false,
+  result: {
+    content: {
+      default: [],
+      devPre: [],
+      internalReviewers: [],
+      viewer: [],
+      contentManager: [],
+    },
+  },
 };
+&nbsp;
+export default withGetConfig(SideNavUI, {
+  timeout: 5,
+  url: '/config/side-navigation',
+  localStorageName: 'qpp_side_navigation',
+  defaultContent,
+});
 &nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
             </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 () {