qpp-style 9.8.7 → 9.9.1

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">5.88% </span>
+                <span class="strong">3.45% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>2/34</span>
+                <span class='fraction'>2/58</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/69</span>
+                <span class='fraction'>0/91</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/9</span>
+                <span class='fraction'>0/18</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">5.88% </span>
+                <span class="strong">3.45% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>2/34</span>
+                <span class='fraction'>2/58</span>
             </div>
         
             
@@ -250,7 +250,63 @@
 <a name='L191'></a><a href='#L191'>191</a>
 <a name='L192'></a><a href='#L192'>192</a>
 <a name='L193'></a><a href='#L193'>193</a>
-<a name='L194'></a><a href='#L194'>194</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L194'></a><a href='#L194'>194</a>
+<a name='L195'></a><a href='#L195'>195</a>
+<a name='L196'></a><a href='#L196'>196</a>
+<a name='L197'></a><a href='#L197'>197</a>
+<a name='L198'></a><a href='#L198'>198</a>
+<a name='L199'></a><a href='#L199'>199</a>
+<a name='L200'></a><a href='#L200'>200</a>
+<a name='L201'></a><a href='#L201'>201</a>
+<a name='L202'></a><a href='#L202'>202</a>
+<a name='L203'></a><a href='#L203'>203</a>
+<a name='L204'></a><a href='#L204'>204</a>
+<a name='L205'></a><a href='#L205'>205</a>
+<a name='L206'></a><a href='#L206'>206</a>
+<a name='L207'></a><a href='#L207'>207</a>
+<a name='L208'></a><a href='#L208'>208</a>
+<a name='L209'></a><a href='#L209'>209</a>
+<a name='L210'></a><a href='#L210'>210</a>
+<a name='L211'></a><a href='#L211'>211</a>
+<a name='L212'></a><a href='#L212'>212</a>
+<a name='L213'></a><a href='#L213'>213</a>
+<a name='L214'></a><a href='#L214'>214</a>
+<a name='L215'></a><a href='#L215'>215</a>
+<a name='L216'></a><a href='#L216'>216</a>
+<a name='L217'></a><a href='#L217'>217</a>
+<a name='L218'></a><a href='#L218'>218</a>
+<a name='L219'></a><a href='#L219'>219</a>
+<a name='L220'></a><a href='#L220'>220</a>
+<a name='L221'></a><a href='#L221'>221</a>
+<a name='L222'></a><a href='#L222'>222</a>
+<a name='L223'></a><a href='#L223'>223</a>
+<a name='L224'></a><a href='#L224'>224</a>
+<a name='L225'></a><a href='#L225'>225</a>
+<a name='L226'></a><a href='#L226'>226</a>
+<a name='L227'></a><a href='#L227'>227</a>
+<a name='L228'></a><a href='#L228'>228</a>
+<a name='L229'></a><a href='#L229'>229</a>
+<a name='L230'></a><a href='#L230'>230</a>
+<a name='L231'></a><a href='#L231'>231</a>
+<a name='L232'></a><a href='#L232'>232</a>
+<a name='L233'></a><a href='#L233'>233</a>
+<a name='L234'></a><a href='#L234'>234</a>
+<a name='L235'></a><a href='#L235'>235</a>
+<a name='L236'></a><a href='#L236'>236</a>
+<a name='L237'></a><a href='#L237'>237</a>
+<a name='L238'></a><a href='#L238'>238</a>
+<a name='L239'></a><a href='#L239'>239</a>
+<a name='L240'></a><a href='#L240'>240</a>
+<a name='L241'></a><a href='#L241'>241</a>
+<a name='L242'></a><a href='#L242'>242</a>
+<a name='L243'></a><a href='#L243'>243</a>
+<a name='L244'></a><a href='#L244'>244</a>
+<a name='L245'></a><a href='#L245'>245</a>
+<a name='L246'></a><a href='#L246'>246</a>
+<a name='L247'></a><a href='#L247'>247</a>
+<a name='L248'></a><a href='#L248'>248</a>
+<a name='L249'></a><a href='#L249'>249</a>
+<a name='L250'></a><a href='#L250'>250</a></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>
@@ -273,6 +329,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>
+<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>
@@ -305,6 +365,20 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -316,12 +390,25 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-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>
@@ -331,16 +418,31 @@
 <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-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-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-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -359,6 +461,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-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>
@@ -372,7 +477,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>
@@ -382,6 +486,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-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>
@@ -443,6 +551,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>
+<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, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 &nbsp;
@@ -465,6 +577,10 @@ const NavLinkDrawer = <span class="fstat-no" title="function not covered" >({</s
   sidebarExpand,
   staticDrawer,
   url,
+  isHighlighted,
+  darkerBackground,
+  leftBorderHighlightDisabled,
+  largerDrawerBottomPadding
 }) =&gt; {
   const [isOpen, setIsOpen] = <span class="cstat-no" title="statement not covered" >useState(openByDefault);</span>
 &nbsp;
@@ -497,6 +613,20 @@ const NavLinkDrawer = <span class="fstat-no" title="function not covered" >({</s
       targetItems.some(<span class="fstat-no" title="function not covered" >(i</span>tem) =&gt; <span class="cstat-no" title="statement not covered" >isCurrentPage(item, linkActiveFunc))</span>
     );
   };
+&nbsp;
+  const buildLeftIconClasses = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+    let leftIcon = <span class="cstat-no" title="statement not covered" >`left-icon`;</span>
+    
+<span class="cstat-no" title="statement not covered" >    if (isAlwaysOpen) {</span>
+<span class="cstat-no" title="statement not covered" >      leftIcon += ` always-open`;</span>
+    }
+&nbsp;
+<span class="cstat-no" title="statement not covered" >    if (isHighlighted) {</span>
+<span class="cstat-no" title="statement not covered" >      leftIcon += ' fill-white';</span>
+    }
+&nbsp;
+<span class="cstat-no" title="statement not covered" >    return leftIcon;</span>
+  }
 &nbsp;
   // Classes for the link drawer button
   const currentPage = <span class="cstat-no" title="statement not covered" >isCurrentPage(</span>
@@ -504,6 +634,46 @@ const NavLinkDrawer = <span class="fstat-no" title="function not covered" >({</s
     linkActiveFunc
   );
   const expandedClass = <span class="cstat-no" title="statement not covered" >currentPage ? 'expanded' : '';</span>
+&nbsp;
+  const renderLeftIcon = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(l</span>eftIcon) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >    if (leftIcon) {</span>
+<span class="cstat-no" title="statement not covered" >      return (&lt;svg</span>
+        className={`${buildLeftIconClasses()}`}
+        aria-hidden="true"
+        focusable="false"
+        &gt;
+        {leftIcon}
+        &lt;/svg&gt;)
+    }
+  }
+&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 ? 'background-highlight' : '';</span>
+  }
+&nbsp;
+  const hasDarkerTitle = <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 ? 'expanded currentPage' : '';</span>
+  }
+&nbsp;
+  const isLeftBorderHighlightDisabled = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(l</span>eftBorderHighlightDisabled) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >    return leftBorderHighlightDisabled ? 'left-border-disabled' : ''</span>
+  }
+&nbsp;
+  const isHiddenWhileCollapsed = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(i</span>sLeftBorderDisabled, isExpanded) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >    return isLeftBorderDisabled &amp;&amp; !isExpanded ? 'hidden-nav-link-item' : '';</span>
+  }
+&nbsp;
+  const highlightTitle = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(i</span>sHighlighted) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >    return isHighlighted &amp;&amp; isExpanded ? 'highlight' : '';</span>
+  }
+&nbsp;
+  const hasLargerDrawBottomPadding = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(l</span>argerDrawerBottomPadding) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >    return largerDrawerBottomPadding ? 'larger-drawer-bottom-padding' : '';</span>
+  }
+&nbsp;
+  const adjustItemSpacing = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(l</span>argerDrawerBottomPadding) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >    return largerDrawerBottomPadding ? 'larger-item-spacing' : '';</span>
+  }
 &nbsp;
 <span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    if (disabled) {</span>
@@ -575,18 +745,12 @@ const NavLinkDrawer = <span class="fstat-no" title="function not covered" >({</s
         {...(isAlwaysOpen || disabled
           ? { disabled: isAlwaysOpen || disabled }
           : {})}
-        className={`${className} ${expandedClass} ${
-          currentPage ? 'currentPage' : ''
-        }`}
+        className={`${className} ${expandedClass} ${highlightTitle(isHighlighted)} ${hasDarkerTitle(darkerBackground)}
+         ${currentPage ? 'currentPage' : ''} ${isLeftBorderHighlightDisabled(leftBorderHighlightDisabled)}
+         ${isHiddenWhileCollapsed(leftBorderHighlightDisabled, isExpanded)}`}
       &gt;
         &lt;div className={isExpanded ? 'link-body' : 'link-body collapsed'}&gt;
-          &lt;svg
-            className={`left-icon${isAlwaysOpen ? ' always-open' : ''}`}
-            aria-hidden="true"
-            focusable="false"
-          &gt;
-            {leftIcon}
-          &lt;/svg&gt;
+          {renderLeftIcon(leftIcon)}
           &lt;AnimationGroup display={isExpanded}&gt;
             &lt;span&gt;{label}&lt;/span&gt;
           &lt;/AnimationGroup&gt;
@@ -605,11 +769,11 @@ const NavLinkDrawer = <span class="fstat-no" title="function not covered" >({</s
         &lt;div
           className={`${currentPage ? 'currentPage' : ''} ${
             isOpen &amp;&amp; !disabled ? 'drawer open' : 'drawer'
-          }`}
+          } ${hasDarkerBackground(darkerBackground)} ${hasLargerDrawBottomPadding(largerDrawerBottomPadding)}`}
         &gt;
           &lt;ul aria-hidden={!isOpen}&gt;
             {listOfLinks &amp;&amp;
-              renderDrawerLinksRecursively(listOfLinks, 'parent-link')}
+              renderDrawerLinksRecursively(listOfLinks, `parent-link ${adjustItemSpacing(largerDrawerBottomPadding)}`)}
           &lt;/ul&gt;
         &lt;/div&gt;
       &lt;/AnimationGroup&gt;
@@ -633,6 +797,10 @@ NavLinkDrawer.propTypes = {
   staticDrawer: PropTypes.bool,
   items: PropTypes.object,
   url: PropTypes.string,
+  isHighlighted: PropTypes.bool,
+  darkerBackground: PropTypes.bool,
+  leftBorderHighlightDisabled: PropTypes.bool,
+  largerDrawerBottomPadding: PropTypes.bool
 };
 &nbsp;
 export default NavLinkDrawer;
@@ -643,7 +811,7 @@ export default NavLinkDrawer;
             <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 Apr 15 2021 16:49:01 GMT-0700 (Pacific Daylight Time)
+                at Thu Dec 02 2021 15:57:52 GMT-0800 (Pacific Standard Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">46.67% </span>
+                <span class="strong">6.67% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>14/30</span>
+                <span class='fraction'>2/30</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">46.15% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>18/39</span>
+                <span class='fraction'>0/39</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">40% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>2/5</span>
+                <span class='fraction'>0/5</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">46.67% </span>
+                <span class="strong">6.67% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>14/30</span>
+                <span class='fraction'>2/30</span>
             </div>
         
             
@@ -182,16 +182,16 @@
 <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">6x</span>
-<span class="cline-any cline-yes">6x</span>
-<span class="cline-any cline-yes">6x</span>
-<span class="cline-any cline-yes">6x</span>
-<span class="cline-any cline-yes">6x</span>
-<span class="cline-any cline-yes">6x</span>
-<span class="cline-any cline-yes">6x</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>
+<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-yes">6x</span>
-<span class="cline-any cline-yes">6x</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>
@@ -216,12 +216,12 @@
 <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-yes">6x</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">6x</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>
@@ -276,7 +276,7 @@ import { handleNavigation } from '../helpers';
 import AnimationGroup from '../AnimationGroup/AnimationGroup';
 import PropTypes from 'prop-types';
 &nbsp;
-const NavLinkInline = ({
+const NavLinkInline = <span class="fstat-no" title="function not covered" >({</span>
   url,
   urlExpressionToMatch,
   className,
@@ -289,16 +289,16 @@ const NavLinkInline = ({
   useTooltips,
   target,
 }) =&gt; {
-  const localUrl = urlExpressionToMatch || url;
-  const urlRegExp = new RegExp(`${localUrl}/?$`);
-  const path = window.location.href &amp;&amp; window.location.href.split('?')[0];
-  const currentPage = path &amp;&amp; path.match(urlRegExp);
-  const svgRef = React.useRef();
-  const [showTooltip, setShowTooltip] = useState(false);
-  const tooltipRef = React.useRef();
+  const localUrl = <span class="cstat-no" title="statement not covered" >urlExpressionToMatch || url;</span>
+  const urlRegExp = <span class="cstat-no" title="statement not covered" >new RegExp(`${localUrl}/?$`);</span>
+  const path = <span class="cstat-no" title="statement not covered" >window.location.href &amp;&amp; window.location.href.split('?')[0];</span>
+  const currentPage = <span class="cstat-no" title="statement not covered" >path &amp;&amp; path.match(urlRegExp);</span>
+  const svgRef = <span class="cstat-no" title="statement not covered" >React.useRef();</span>
+  const [showTooltip, setShowTooltip] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
+  const tooltipRef = <span class="cstat-no" title="statement not covered" >React.useRef();</span>
 &nbsp;
-  React.useEffect(() =&gt; {
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (!showLabel &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >useTooltips </span>&amp;&amp; <span class="branch-2 cbranch-no" title="branch not covered" >svgRef.current)</span> {
+<span class="cstat-no" title="statement not covered" >  React.useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >    if (!showLabel &amp;&amp; useTooltips &amp;&amp; svgRef.current) {</span>
       const existingMouseenter = <span class="cstat-no" title="statement not covered" >svgRef.current.onmouseover;</span>
       const existingMouseout = <span class="cstat-no" title="statement not covered" >svgRef.current.onmouseout;</span>
 &nbsp;
@@ -323,27 +323,27 @@ const NavLinkInline = ({
       };
 <span class="cstat-no" title="statement not covered" >      setShowTooltip(true);</span>
     }
-    <span class="missing-if-branch" title="else path not taken" >E</span>if (showLabel) {
-      setShowTooltip(false);
+<span class="cstat-no" title="statement not covered" >    if (showLabel) {</span>
+<span class="cstat-no" title="statement not covered" >      setShowTooltip(false);</span>
     }
   }, [svgRef.current, showLabel]);
 &nbsp;
-  return (
+<span class="cstat-no" title="statement not covered" >  return (</span>
     &lt;React.Fragment&gt;
       &lt;a
-        href={disabled ? <span class="branch-0 cbranch-no" title="branch not covered" >undefined </span>: url}
+        href={disabled ? undefined : url}
         onClick={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; <span class="cstat-no" title="statement not covered" >handleNavigation(e, linkCallback, label)}</span>
-        className={`${className} ${currentPage || isActive ? <span class="branch-0 cbranch-no" title="branch not covered" >'active' </span>: ''} ${
-          disabled ? <span class="branch-0 cbranch-no" title="branch not covered" >'disabled' </span>: ''
+        className={`${className} ${currentPage || isActive ? 'active' : ''} ${
+          disabled ? 'disabled' : ''
         }`}
         data-track-category="SidebarNav"
-        data-track-action={`GoTo${label ? label.split(' ').join('') : <span class="branch-1 cbranch-no" title="branch not covered" >''}</span>`}
+        data-track-action={`GoTo${label ? label.split(' ').join('') : ''}`}
         data-track-label={label}
         aria-label={label}
-        target={`${target ? <span class="branch-0 cbranch-no" title="branch not covered" >target </span>: '_self'}`}
+        target={`${target ? target : '_self'}`}
       &gt;
         &lt;svg
-          className={`left-icon ${disabled ? <span class="branch-0 cbranch-no" title="branch not covered" >'disabled' </span>: ''}`}
+          className={`left-icon ${disabled ? 'disabled' : ''}`}
           aria-hidden="true"
           focusable="false"
           ref={svgRef}
@@ -355,7 +355,7 @@ const NavLinkInline = ({
         &lt;/AnimationGroup&gt;
       &lt;/a&gt;
       {showTooltip &amp;&amp; (
-<span class="branch-1 cbranch-no" title="branch not covered" >        &lt;div ref={tooltipRef} className="sidebar-tooltip"&gt;</span>
+        &lt;div ref={tooltipRef} className="sidebar-tooltip"&gt;
           &lt;span className="sidebar-tooltip-text"&gt;{label}&lt;/span&gt;
         &lt;/div&gt;
       )}
@@ -385,7 +385,7 @@ export default NavLinkInline;
             <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 Apr 15 2021 16:49:01 GMT-0700 (Pacific Daylight Time)
+                at Thu Dec 02 2021 15:57:52 GMT-0800 (Pacific Standard Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

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

@@ -166,7 +166,7 @@ export default NavLinkToggle;
             <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 Apr 15 2021 16:49:01 GMT-0700 (Pacific Daylight Time)
+                at Thu Dec 02 2021 15:57:52 GMT-0800 (Pacific Standard Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>