qpp-style 0.0.9 → 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">43.14% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>22/51</span>
+                <span class='fraction'>21/42</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">7.5% </span>
+                <span class="strong">10% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>3/40</span>
+                <span class='fraction'>4/40</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">38.46% </span>
+                <span class="strong">35.71% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/13</span>
+                <span class='fraction'>5/14</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">43.14% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>22/51</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,14 +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></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>
@@ -430,16 +429,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-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-yes">1x</span>
@@ -468,7 +457,6 @@
 <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>
@@ -486,8 +474,28 @@
 <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-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-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>
+<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>
@@ -497,32 +505,21 @@
 <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-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-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-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>
@@ -536,7 +533,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>
@@ -550,7 +546,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>
@@ -566,7 +561,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>
@@ -575,7 +569,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>
@@ -592,7 +585,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>
@@ -601,7 +593,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>
@@ -611,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>
@@ -621,7 +611,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>
@@ -647,6 +636,9 @@
 <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>
@@ -689,7 +681,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-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>
@@ -712,9 +703,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-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-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>
@@ -741,8 +733,8 @@
 <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, { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
-import SVGInline from 'react-svg-inline';
 &nbsp;
+import { withGetConfig } from '../../hooks/useGetConfig';
 import { LevelOneContent, LevelTwoContent } from '../Content';
 import {
   NavLinkContainer,
@@ -752,34 +744,24 @@ 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 SVGIcons from '../../../lib/svg-definitions.svg';
 import CmsSwitchLink from '../Links/CmsSwitchLink';
+import defaultContent from './default-content';
 &nbsp;
 const SideNavUI = ({
   chartData,
   config,
   currentLevel,
-  fbpPerformanceYear,
-  feedbackPerformanceYear,
   isAltStyle,
   isExpanded,
   items,
   onCollapsed,
   onExpanded,
   performanceYear,
-  showApmIncentivePaymentLink,
-  showDevPreDfpLink,
-  showExceptionsApplicationLink,
-  showFacilityBasedPreviewLink,
-  showPhysicianCompareLink,
   showReportingLinks,
-  showReportsPortal,
-  showSelfNomination,
-  showTargetedReviewLink,
-  svgIcons,
+  result,
 }) =&gt; {
   const [isExpandedState, setIsExpandedState] = useState(isExpanded);
   const [itemsState, setItemsState] = useState(items);
@@ -806,65 +788,61 @@ const SideNavUI = ({
   };
 &nbsp;
   const getLevelContent = () =&gt; {
-    switch (currentLevelState) {
-<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={isExpandedState}
-            config={config}
-            showDevPreDfpLink={showDevPreDfpLink}
-            showPhysicianCompareLink={showPhysicianCompareLink}
-            showFacilityBasedPreviewLink={showFacilityBasedPreviewLink}
-            showApmIncentivePaymentLink={showApmIncentivePaymentLink}
-            showSelfNomination={showSelfNomination}
-            showReportsPortal={showReportsPortal}
-            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>
+    return (
+      {
+        2: (
           &lt;LevelTwoContent
             showReportingLinks={showReportingLinks}
             isExpanded={isExpandedState}
             chartData={chartData}
             config={config}
           /&gt;
-        );
-    }
+        ),
+      }[currentLevelState] || (
+        &lt;LevelOneContent
+          levelOneContent={result?.content}
+          isExpanded={isExpandedState}
+          config={config}
+        /&gt;
+      )
+    );
   };
 &nbsp;
-  const getDynamicContent = <span class="fstat-no" title="function not covered" >(c</span>ontentItems, className) =&gt; {
-    const {
-      openDrawersByDefault,
-      linkActiveFunc,
-      linkCallback,
-      useTooltips,
-    } = <span class="cstat-no" title="statement not covered" >config;</span>
-    const linkClass = <span class="cstat-no" title="statement not covered" >isExpandedState ? 'link-inline' : 'link-collapsed';</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;
     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 &lt;Component /&gt;;</span>
+<span class="cstat-no" title="statement not covered" >      return Component ? &lt;Component /&gt; : null;</span>
+    };
+&nbsp;
+    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) =&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={isExpandedState}&gt;
-              &lt;hr /&gt;
+    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 getDynamicContent(item.items, item.className);</span>
-        case 'linkBack':
-<span class="cstat-no" title="statement not covered" >          return (</span>
-            &lt;AnimationGroup display={isExpandedState}&gt;
+          ),
+          container: getDynamicContent(
+            item.items,
+            item.className,
+            containerRecursionId + 1
+          ),
+          linkBack: (
+            &lt;AnimationGroup display={isExpandedState} key={key}&gt;
               &lt;NavLinkInline
                 className="link-back"
                 icon={getDynamicIcon('ChevronLeft')}
@@ -875,13 +853,12 @@ const SideNavUI = ({
                 useTooltips={useTooltips}
               /&gt;
             &lt;/AnimationGroup&gt;
-          );
-        case 'linkHome':
-<span class="cstat-no" title="statement not covered" >          return (</span>
-            &lt;AnimationGroup display={isExpandedState}&gt;
+          ),
+          linkHome: (
+            &lt;AnimationGroup display={isExpandedState} key={key}&gt;
               &lt;NavLinkInline
                 className="account-home-link"
-                icon={getDynamicIcon(item.icon)}
+                icon={getDynamicIcon(item?.icon)}
                 url={item.url}
                 label={item.label}
                 linkCallback={linkCallback}
@@ -889,10 +866,13 @@ const SideNavUI = ({
                 useTooltips={useTooltips}
               /&gt;
             &lt;/AnimationGroup&gt;
-          );
-        case 'practiceDetails':
-<span class="cstat-no" title="statement not covered" >          return (</span>
-            &lt;AnimationGroup display={isExpandedState} className={'details'}&gt;
+          ),
+          practiceDetails: (
+            &lt;AnimationGroup
+              display={isExpandedState}
+              className={'details'}
+              key={key}
+            &gt;
               &lt;PracticeDetails
                 practiceName={item.practiceName}
                 {...(!item.practiceTin
@@ -903,26 +883,26 @@ const SideNavUI = ({
                   : { 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={isExpandedState}&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
+              key={key}
               isExpanded={isExpandedState}
               isAlwaysOpen={item.isAlwaysOpen}
               openByDefault={openDrawersByDefault}
               rightIcon="chevron-down"
-              leftIcon={getDynamicIcon(item.icon)}
+              leftIcon={getDynamicIcon(item?.icon)}
               className={linkClass}
               label={item.label}
               linkActiveFunc={linkActiveFunc}
@@ -930,57 +910,62 @@ const SideNavUI = ({
               listOfLinks={item.items}
               url={item.url}
               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={isExpandedState}&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={isExpandedState}&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={isExpandedState}&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={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;
-          );
-      }
+          ),
+        }[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 className="animation-flat"&gt;
+        &lt;div
+          className="animation-flat"
+          key={`nav-link-container-${recursionId}`}
+        &gt;
           &lt;NavLinkContainer
             listOfLinks={itemsMarkup}
             linkActiveFunc={linkActiveFunc}
@@ -1019,7 +1004,6 @@ const SideNavUI = ({
         config.navClassName
       }`}
     &gt;
-      &lt;SVGInline svg={svgIcons} /&gt;
       {content}
       &lt;NavLinkToggle
         isAltStyle={isAltStyle}
@@ -1038,21 +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,
-  svgIcons: PropTypes.string,
+  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 = {
@@ -1062,34 +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,
-  svgIcons: SVGIcons,
+  result: {
+    content: {
+      default: [],
+      devPre: [],
+      internalReviewers: [],
+      viewer: [],
+      contentManager: [],
+    },
+  },
 };
 &nbsp;
-export default SideNavUI;
+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 Thu Jan 21 2021 15:11:19 GMT-0800 (Pacific Standard 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 () {