qpp-style 0.0.9 → 0.0.10

package/coverage/lcov-report/react/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.66% </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.66% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>14/30</span>
+                <span class='fraction'>2/30</span>
             </div>
         
             
@@ -54,6 +54,12 @@
         <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>
     <pre><table class="coverage">
@@ -164,7 +170,12 @@
 <a name='L105'></a><a href='#L105'>105</a>
 <a name='L106'></a><a href='#L106'>106</a>
 <a name='L107'></a><a href='#L107'>107</a>
-<a name='L108'></a><a href='#L108'>108</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L108'></a><a href='#L108'>108</a>
+<a name='L109'></a><a href='#L109'>109</a>
+<a name='L110'></a><a href='#L110'>110</a>
+<a name='L111'></a><a href='#L111'>111</a>
+<a name='L112'></a><a href='#L112'>112</a>
+<a name='L113'></a><a href='#L113'>113</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>
@@ -182,16 +193,17 @@
 <span class="cline-any cline-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-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-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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -216,12 +228,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>
@@ -256,6 +268,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-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -271,16 +286,18 @@
 <span class="cline-any cline-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 } from 'react';
 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,
   icon,
+  rightIcon,
   label,
   isActive,
   showLabel,
@@ -289,16 +306,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 +340,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}
-        onClick={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; <span class="cstat-no" title="statement not covered" >handleNavigation(e, linkCallback)}</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>: ''
+        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 ? '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}
@@ -351,11 +368,14 @@ const NavLinkInline = ({
           {icon}
         &lt;/svg&gt;
         &lt;AnimationGroup display={showLabel}&gt;
-          &lt;span tabIndex="-1"&gt;{label}&lt;/span&gt;
+          &lt;span tabIndex="-1" className="sidebar-inline-link-label"&gt;
+            {label}
+            {rightIcon}
+          &lt;/span&gt;
         &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;
       )}
@@ -368,6 +388,7 @@ NavLinkInline.propTypes = {
   url: PropTypes.string,
   className: PropTypes.string,
   icon: PropTypes.element,
+  rightIcon: PropTypes.element,
   label: PropTypes.string,
   isActive: PropTypes.bool,
   showLabel: PropTypes.bool,
@@ -384,10 +405,9 @@ export default NavLinkInline;
             </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 () {

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

@@ -54,6 +54,12 @@
         <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 high'></div>
     <pre><table class="coverage">
@@ -165,10 +171,9 @@ export default NavLinkToggle;
             </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 () {

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">35.11% </span>
+                <span class="strong">15.44% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>33/94</span>
+                <span class='fraction'>19/123</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">18.12% </span>
+                <span class="strong">3.63% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>25/138</span>
+                <span class='fraction'>6/165</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">25% </span>
+                <span class="strong">6.06% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>6/24</span>
+                <span class='fraction'>2/33</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">35.87% </span>
+                <span class="strong">15.57% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>33/92</span>
+                <span class='fraction'>19/122</span>
             </div>
         
             
@@ -54,6 +54,12 @@
         <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="pad1">
@@ -104,47 +110,47 @@
 
 <tr>
 	<td class="file medium" data-value="NavLinkContainer.jsx"><a href="NavLinkContainer.jsx.html">NavLinkContainer.jsx</a></td>
-	<td data-value="61.54" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 61%"></div><div class="cover-empty" style="width: 39%"></div></div>
+	<td data-value="54.54" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 54%"></div><div class="cover-empty" style="width: 46%"></div></div>
 	</td>
-	<td data-value="61.54" class="pct medium">61.54%</td>
-	<td data-value="13" class="abs medium">8/13</td>
-	<td data-value="33.33" class="pct low">33.33%</td>
-	<td data-value="6" class="abs low">2/6</td>
-	<td data-value="50" class="pct medium">50%</td>
-	<td data-value="6" class="abs medium">3/6</td>
-	<td data-value="72.73" class="pct medium">72.73%</td>
-	<td data-value="11" class="abs medium">8/11</td>
+	<td data-value="54.54" class="pct medium">54.54%</td>
+	<td data-value="11" class="abs medium">6/11</td>
+	<td data-value="16.66" class="pct low">16.66%</td>
+	<td data-value="6" class="abs low">1/6</td>
+	<td data-value="25" class="pct low">25%</td>
+	<td data-value="4" class="abs low">1/4</td>
+	<td data-value="60" class="pct medium">60%</td>
+	<td data-value="10" class="abs medium">6/10</td>
 	</tr>
 
 <tr>
 	<td class="file low" data-value="NavLinkDrawer.jsx"><a href="NavLinkDrawer.jsx.html">NavLinkDrawer.jsx</a></td>
-	<td data-value="5.88" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 5%"></div><div class="cover-empty" style="width: 95%"></div></div>
+	<td data-value="3.07" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 3%"></div><div class="cover-empty" style="width: 97%"></div></div>
 	</td>
-	<td data-value="5.88" class="pct low">5.88%</td>
-	<td data-value="34" class="abs low">2/34</td>
+	<td data-value="3.07" class="pct low">3.07%</td>
+	<td data-value="65" class="abs low">2/65</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="69" class="abs low">0/69</td>
+	<td data-value="96" class="abs low">0/96</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="9" class="abs low">0/9</td>
-	<td data-value="5.88" class="pct low">5.88%</td>
-	<td data-value="34" class="abs low">2/34</td>
+	<td data-value="20" class="abs low">0/20</td>
+	<td data-value="3.07" class="pct low">3.07%</td>
+	<td data-value="65" class="abs low">2/65</td>
 	</tr>
 
 <tr>
 	<td class="file low" data-value="NavLinkInline.jsx"><a href="NavLinkInline.jsx.html">NavLinkInline.jsx</a></td>
-	<td data-value="46.67" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 46%"></div><div class="cover-empty" style="width: 54%"></div></div>
+	<td data-value="6.66" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 6%"></div><div class="cover-empty" style="width: 94%"></div></div>
 	</td>
-	<td data-value="46.67" class="pct low">46.67%</td>
-	<td data-value="30" class="abs low">14/30</td>
-	<td data-value="46.15" class="pct low">46.15%</td>
-	<td data-value="39" class="abs low">18/39</td>
-	<td data-value="40" class="pct low">40%</td>
-	<td data-value="5" class="abs low">2/5</td>
-	<td data-value="46.67" class="pct low">46.67%</td>
-	<td data-value="30" class="abs low">14/30</td>
+	<td data-value="6.66" class="pct low">6.66%</td>
+	<td data-value="30" class="abs low">2/30</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="39" class="abs low">0/39</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="5" class="abs low">0/5</td>
+	<td data-value="6.66" class="pct low">6.66%</td>
+	<td data-value="30" class="abs low">2/30</td>
 	</tr>
 
 <tr>
@@ -184,10 +190,9 @@
             </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 () {

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

@@ -54,6 +54,12 @@
         <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>
     <pre><table class="coverage">
@@ -102,10 +108,9 @@ export {
             </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 () {