qpp-style 9.8.2 → 9.8.6

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

@@ -32,7 +32,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/54</span>
+                <span class='fraction'>0/56</span>
             </div>
         
             
@@ -271,7 +271,9 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<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></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>
@@ -322,6 +324,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-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>
@@ -477,6 +480,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-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>
@@ -534,6 +538,7 @@ const LevelTwoContent = <span class="fstat-no" title="function not covered" >({<
     isApmPaymentDetailsPage,
     useTooltips,
     cpcPlusId,
+    pcfId,
   } = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
 }) =&gt; {
   const linkClass = <span class="cstat-no" title="statement not covered" >isExpanded ? 'link-inline' : 'link-collapsed';</span>
@@ -643,23 +648,24 @@ const LevelTwoContent = <span class="fstat-no" title="function not covered" >({<
     &lt;div className="sidebar-content"&gt;
       &lt;AnimationGroup display={isExpanded}&gt;
         &lt;NavLinkInline
-            icon={&lt;AccountHomeIcon /&gt;}
-            url={submissionsUrl}
-            label="Account Home"
-            showLabel={isExpanded}
-            className="account-home-link"
-            linkCallback={linkCallback}
-            useTooltips={useTooltips}
-          /&gt;
-          &lt;hr /&gt;
+          icon={&lt;AccountHomeIcon /&gt;}
+          url={submissionsUrl}
+          label="Account Home"
+          showLabel={isExpanded}
+          className="account-home-link"
+          linkCallback={linkCallback}
+          useTooltips={useTooltips}
+        /&gt;
+        &lt;hr /&gt;
       &lt;/AnimationGroup&gt;
-      &lt;AnimationGroup display={isExpanded} className={"details"}&gt;
+      &lt;AnimationGroup display={isExpanded} className={'details'}&gt;
         &lt;PracticeDetails
           practiceName={practiceName}
           {...(!practiceTin ? {} : { practiceTin })}
           {...(!apmEntityId ? {} : { apmEntityId })}
           {...(!vgId ? {} : { vgId })}
           {...(!cpcPlusId ? {} : { cpcPlusId })}
+          {...(!pcfId ? {} : { pcfId })}
         /&gt;
         &lt;hr /&gt;
       &lt;/AnimationGroup&gt;
@@ -706,7 +712,7 @@ export default LevelTwoContent;
             <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 Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../../prettify.js"></script>

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">54.29% </span>
+                <span class="strong">43.75% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>38/70</span>
+                <span class='fraction'>21/48</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">18.56% </span>
+                <span class="strong">3.75% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>18/97</span>
+                <span class='fraction'>3/80</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">20% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/2</span>
+                <span class='fraction'>1/5</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">54.29% </span>
+                <span class="strong">43.75% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>38/70</span>
+                <span class='fraction'>21/48</span>
             </div>
         
             
@@ -55,7 +55,7 @@
             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>
     </div>
-    <div class='status-line medium'></div>
+    <div class='status-line low'></div>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -74,17 +74,17 @@
 </thead>
 <tbody><tr>
 	<td class="file medium" data-value="LevelOneContent.jsx"><a href="LevelOneContent.jsx.html">LevelOneContent.jsx</a></td>
-	<td data-value="66.04" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 66%"></div><div class="cover-empty" style="width: 34%"></div></div>
+	<td data-value="58.06" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 58%"></div><div class="cover-empty" style="width: 42%"></div></div>
 	</td>
-	<td data-value="66.04" class="pct medium">66.04%</td>
-	<td data-value="53" class="abs medium">35/53</td>
-	<td data-value="41.86" class="pct low">41.86%</td>
-	<td data-value="43" class="abs low">18/43</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="1" class="abs high">1/1</td>
-	<td data-value="66.04" class="pct medium">66.04%</td>
-	<td data-value="53" class="abs medium">35/53</td>
+	<td data-value="58.06" class="pct medium">58.06%</td>
+	<td data-value="31" class="abs medium">18/31</td>
+	<td data-value="12.5" class="pct low">12.5%</td>
+	<td data-value="24" class="abs low">3/24</td>
+	<td data-value="25" class="pct low">25%</td>
+	<td data-value="4" class="abs low">1/4</td>
+	<td data-value="58.06" class="pct medium">58.06%</td>
+	<td data-value="31" class="abs medium">18/31</td>
 	</tr>
 
 <tr>
@@ -95,7 +95,7 @@
 	<td data-value="17.65" class="pct low">17.65%</td>
 	<td data-value="17" class="abs low">3/17</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="54" class="abs low">0/54</td>
+	<td data-value="56" class="abs low">0/56</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="1" class="abs low">0/1</td>
 	<td data-value="17.65" class="pct low">17.65%</td>
@@ -125,7 +125,7 @@
             <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 Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../../prettify.js"></script>

package/coverage/lcov-report/react/components/SideNav/Content/index.js.html

@@ -76,7 +76,7 @@ export { LevelOneContent, LevelTwoContent };
             <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 Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../../prettify.js"></script>

package/coverage/lcov-report/react/components/SideNav/Details/IndividualDetails.jsx.html

@@ -118,7 +118,7 @@ export default IndividualDetails;
             <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 Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../../prettify.js"></script>

package/coverage/lcov-report/react/components/SideNav/Details/PracticeDetails.jsx.html

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">16.67% </span>
+                <span class="strong">14.29% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>2/12</span>
+                <span class='fraction'>2/14</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/10</span>
+                <span class='fraction'>0/12</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">16.67% </span>
+                <span class="strong">14.29% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>2/12</span>
+                <span class='fraction'>2/14</span>
             </div>
         
             
@@ -98,7 +98,11 @@
 <a name='L39'></a><a href='#L39'>39</a>
 <a name='L40'></a><a href='#L40'>40</a>
 <a name='L41'></a><a href='#L41'>41</a>
-<a name='L42'></a><a href='#L42'>42</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L42'></a><a href='#L42'>42</a>
+<a name='L43'></a><a href='#L43'>43</a>
+<a name='L44'></a><a href='#L44'>44</a>
+<a name='L45'></a><a href='#L45'>45</a>
+<a name='L46'></a><a href='#L46'>46</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-yes">2x</span>
@@ -109,6 +113,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-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-no">&nbsp;</span>
@@ -139,6 +146,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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
 import PropTypes from 'prop-types';
 &nbsp;
@@ -148,10 +156,13 @@ const PracticeDetails = <span class="fstat-no" title="function not covered" >({<
   apmEntityId,
   vgId,
   cpcPlusId,
+  pcfId
 }) =&gt; {
   function <span class="fstat-no" title="function not covered" >renderId(</span>) {
 <span class="cstat-no" title="statement not covered" >    if (cpcPlusId) {</span>
 <span class="cstat-no" title="statement not covered" >      return &lt;p className="practice-tin"&gt;CPC+ ID: {cpcPlusId}&lt;/p&gt;;</span>
+    } else <span class="cstat-no" title="statement not covered" >if (pcfId) {</span>
+<span class="cstat-no" title="statement not covered" >      return &lt;p className="practice-tin"&gt;PCF ID: {pcfId}&lt;/p&gt;;</span>
     } else <span class="cstat-no" title="statement not covered" >if (apmEntityId) {</span>
 <span class="cstat-no" title="statement not covered" >      return &lt;p className="practice-tin"&gt;APM Entity ID: {apmEntityId}&lt;/p&gt;;</span>
     } else <span class="cstat-no" title="statement not covered" >if (vgId) {</span>
@@ -177,6 +188,7 @@ PracticeDetails.propTypes = {
   apmEntityId: PropTypes.string,
   vgId: PropTypes.string,
   cpcPlusId: PropTypes.string,
+  pcfId: PropTypes.string,
 };
 &nbsp;
 export default PracticeDetails;
@@ -187,7 +199,7 @@ export default PracticeDetails;
             <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 Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../../prettify.js"></script>

package/coverage/lcov-report/react/components/SideNav/Details/index.html

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">26.67% </span>
+                <span class="strong">23.53% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>4/15</span>
+                <span class='fraction'>4/17</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/10</span>
+                <span class='fraction'>0/12</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">26.67% </span>
+                <span class="strong">23.53% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>4/15</span>
+                <span class='fraction'>4/17</span>
             </div>
         
             
@@ -89,17 +89,17 @@
 
 <tr>
 	<td class="file low" data-value="PracticeDetails.jsx"><a href="PracticeDetails.jsx.html">PracticeDetails.jsx</a></td>
-	<td data-value="16.67" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 16%"></div><div class="cover-empty" style="width: 84%"></div></div>
+	<td data-value="14.29" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 14%"></div><div class="cover-empty" style="width: 86%"></div></div>
 	</td>
-	<td data-value="16.67" class="pct low">16.67%</td>
-	<td data-value="12" class="abs low">2/12</td>
+	<td data-value="14.29" class="pct low">14.29%</td>
+	<td data-value="14" class="abs low">2/14</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="10" class="abs low">0/10</td>
+	<td data-value="12" class="abs low">0/12</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="2" class="abs low">0/2</td>
-	<td data-value="16.67" class="pct low">16.67%</td>
-	<td data-value="12" class="abs low">2/12</td>
+	<td data-value="14.29" class="pct low">14.29%</td>
+	<td data-value="14" class="abs low">2/14</td>
 	</tr>
 
 <tr>
@@ -125,7 +125,7 @@
             <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 Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../../prettify.js"></script>

package/coverage/lcov-report/react/components/SideNav/Details/index.js.html

@@ -76,7 +76,7 @@ export { IndividualDetails, PracticeDetails };
             <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 Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../../prettify.js"></script>

package/coverage/lcov-report/react/components/SideNav/Links/CmsSwitchLink.jsx.html

@@ -187,7 +187,7 @@ export default CmsSwitchLink;
             <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 Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../../prettify.js"></script>

package/coverage/lcov-report/react/components/SideNav/Links/NavItemInline.jsx.html

@@ -226,7 +226,7 @@ export default NavItemInline;
             <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 Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../../prettify.js"></script>

package/coverage/lcov-report/react/components/SideNav/Links/NavLinkContainer.jsx.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">61.54% </span>
+                <span class="strong">54.55% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>8/13</span>
+                <span class='fraction'>6/11</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">33.33% </span>
+                <span class="strong">16.67% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>2/6</span>
+                <span class='fraction'>1/6</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">25% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>3/6</span>
+                <span class='fraction'>1/4</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">72.73% </span>
+                <span class="strong">60% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>8/11</span>
+                <span class='fraction'>6/10</span>
             </div>
         
             
@@ -95,40 +95,26 @@
 <a name='L36'></a><a href='#L36'>36</a>
 <a name='L37'></a><a href='#L37'>37</a>
 <a name='L38'></a><a href='#L38'>38</a>
-<a name='L39'></a><a href='#L39'>39</a>
-<a name='L40'></a><a href='#L40'>40</a>
-<a name='L41'></a><a href='#L41'>41</a>
-<a name='L42'></a><a href='#L42'>42</a>
-<a name='L43'></a><a href='#L43'>43</a>
-<a name='L44'></a><a href='#L44'>44</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L39'></a><a href='#L39'>39</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>
-<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">2x</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-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-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-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-yes">6x</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>
@@ -136,6 +122,8 @@
 <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>
@@ -143,49 +131,46 @@
 <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>
+<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 } from 'react';
 import PropTypes from 'prop-types';
 &nbsp;
-export default class NavLinkContainer extends Component {
-  constructor(props) {
-    super(props);
-    this._toggleActive = this.toggleActive.bind(this);
-    this.state = {
-      activeLink: null,
-    };
-  }
-&nbsp;
-<span class="fstat-no" title="function not covered" >  to</span>ggleActive(idx, disabled) {
-<span class="cstat-no" title="statement not covered" >    if (disabled || this.props.linkActiveFunc) <span class="cstat-no" title="statement not covered" >return;</span></span>
-<span class="cstat-no" title="statement not covered" >    this.setState(<span class="fstat-no" title="function not covered" >(s</span>tate) =&gt; (<span class="cstat-no" title="statement not covered" >{ activeLink: idx })</span>);</span>
-  }
+const NavLinkContainer = ({ listOfLinks, linkActiveFunc }) =&gt; {
+  const [activeLink, setActiveLink] = useState(null);
 &nbsp;
-  render() {
-    const { activeLink } = this.state;
-    const { listOfLinks } = this.props;
+  const toggleActive = <span class="fstat-no" title="function not covered" >(i</span>dx, disabled) =&gt; {
+<span class="cstat-no" title="statement not covered" >    if (disabled || linkActiveFunc) <span class="cstat-no" title="statement not covered" >return;</span></span>
+<span class="cstat-no" title="statement not covered" >    setActiveLink(idx);</span>
+  };
 &nbsp;
-    return (
-      &lt;nav&gt;
-        &lt;ul&gt;
-          {listOfLinks &amp;&amp;
-            listOfLinks.map((link, idx) =&gt; (
-              &lt;li
-                key={idx.toString()}
-                onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >this._toggleActive(idx, link.props.disabled)}</span>
-              &gt;
-                {React.cloneElement(link, { isActive: activeLink === idx })}
-              &lt;/li&gt;
-            ))}
-        &lt;/ul&gt;
-      &lt;/nav&gt;
-    );
-  }
-}
+  return (
+    &lt;nav&gt;
+      &lt;ul&gt;
+        {(listOfLinks || <span class="branch-1 cbranch-no" title="branch not covered" >[])</span>.map(<span class="fstat-no" title="function not covered" >(l</span>ink, idx) =&gt; (
+<span class="cstat-no" title="statement not covered" >          &lt;li</span>
+            key={idx.toString()}
+            onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >toggleActive(idx, link.props.disabled)}</span>
+          &gt;
+            {React.cloneElement(link, { isActive: activeLink === idx })}
+          &lt;/li&gt;
+        ))}
+      &lt;/ul&gt;
+    &lt;/nav&gt;
+  );
+};
 &nbsp;
 NavLinkContainer.propTypes = {
   listOfLinks: PropTypes.array,
   linkActiveFunc: PropTypes.func,
 };
+&nbsp;
+NavLinkContainer.defaultProps = {
+  listOfLinks: null,
+  linkActiveFunc: null,
+};
+&nbsp;
+export default NavLinkContainer;
 &nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
@@ -193,7 +178,7 @@ NavLinkContainer.propTypes = {
             <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 Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../../prettify.js"></script>