qpp-style 0.0.8 → 0.0.10

package/coverage/lcov-report/components/Header/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">64.47% </span>
+                <span class="strong">56.31% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>49/76</span>
+                <span class='fraction'>116/206</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">55.95% </span>
+                <span class="strong">39% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>47/84</span>
+                <span class='fraction'>39/100</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">62.5% </span>
+                <span class="strong">35.29% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>10/16</span>
+                <span class='fraction'>24/68</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">64.47% </span>
+                <span class="strong">57.43% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>49/76</span>
+                <span class='fraction'>112/195</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 medium'></div>
     <div class="pad1">
@@ -73,52 +79,157 @@
 </tr>
 </thead>
 <tbody><tr>
-	<td class="file low" data-value="HeaderAccountMenu.jsx"><a href="HeaderAccountMenu.jsx.html">HeaderAccountMenu.jsx</a></td>
-	<td data-value="48.39" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 48%"></div><div class="cover-empty" style="width: 52%"></div></div>
+	<td class="file medium" data-value="HeaderAccountMenu.jsx"><a href="HeaderAccountMenu.jsx.html">HeaderAccountMenu.jsx</a></td>
+	<td data-value="58.82" 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="48.39" class="pct low">48.39%</td>
-	<td data-value="31" class="abs low">15/31</td>
-	<td data-value="23.08" class="pct low">23.08%</td>
-	<td data-value="26" class="abs low">6/26</td>
+	<td data-value="58.82" class="pct medium">58.82%</td>
+	<td data-value="17" class="abs medium">10/17</td>
+	<td data-value="43.75" class="pct low">43.75%</td>
+	<td data-value="16" class="abs low">7/16</td>
 	<td data-value="33.33" class="pct low">33.33%</td>
 	<td data-value="3" class="abs low">1/3</td>
-	<td data-value="48.39" class="pct low">48.39%</td>
-	<td data-value="31" class="abs low">15/31</td>
+	<td data-value="58.82" class="pct medium">58.82%</td>
+	<td data-value="17" class="abs medium">10/17</td>
 	</tr>
 
 <tr>
 	<td class="file medium" data-value="HeaderCancel.jsx"><a href="HeaderCancel.jsx.html">HeaderCancel.jsx</a></td>
-	<td data-value="66.67" class="pic medium">
+	<td data-value="66.66" class="pic medium">
 	<div class="chart"><div class="cover-fill" style="width: 66%"></div><div class="cover-empty" style="width: 34%"></div></div>
 	</td>
-	<td data-value="66.67" class="pct medium">66.67%</td>
+	<td data-value="66.66" class="pct medium">66.66%</td>
 	<td data-value="3" class="abs medium">2/3</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="0" class="abs high">0/0</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="66.67" class="pct medium">66.67%</td>
+	<td data-value="66.66" class="pct medium">66.66%</td>
 	<td data-value="3" class="abs medium">2/3</td>
 	</tr>
 
+<tr>
+	<td class="file medium" data-value="HeaderContainer.jsx"><a href="HeaderContainer.jsx.html">HeaderContainer.jsx</a></td>
+	<td data-value="50" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 50%"></div><div class="cover-empty" style="width: 50%"></div></div>
+	</td>
+	<td data-value="50" class="pct medium">50%</td>
+	<td data-value="8" class="abs medium">4/8</td>
+	<td data-value="60" class="pct medium">60%</td>
+	<td data-value="10" class="abs medium">6/10</td>
+	<td data-value="25" class="pct low">25%</td>
+	<td data-value="4" class="abs low">1/4</td>
+	<td data-value="50" class="pct medium">50%</td>
+	<td data-value="8" class="abs medium">4/8</td>
+	</tr>
+
+<tr>
+	<td class="file high" data-value="HeaderLogo.jsx"><a href="HeaderLogo.jsx.html">HeaderLogo.jsx</a></td>
+	<td data-value="80" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 80%"></div><div class="cover-empty" style="width: 20%"></div></div>
+	</td>
+	<td data-value="80" class="pct high">80%</td>
+	<td data-value="5" class="abs high">4/5</td>
+	<td data-value="50" class="pct medium">50%</td>
+	<td data-value="2" class="abs medium">1/2</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="80" class="pct high">80%</td>
+	<td data-value="5" class="abs high">4/5</td>
+	</tr>
+
+<tr>
+	<td class="file low" data-value="HeaderMenuButton.js"><a href="HeaderMenuButton.js.html">HeaderMenuButton.js</a></td>
+	<td data-value="22.22" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 22%"></div><div class="cover-empty" style="width: 78%"></div></div>
+	</td>
+	<td data-value="22.22" class="pct low">22.22%</td>
+	<td data-value="9" class="abs low">2/9</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="2" class="abs low">0/2</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="3" class="abs low">0/3</td>
+	<td data-value="22.22" class="pct low">22.22%</td>
+	<td data-value="9" class="abs low">2/9</td>
+	</tr>
+
+<tr>
+	<td class="file medium" data-value="HeaderMenuItem.jsx"><a href="HeaderMenuItem.jsx.html">HeaderMenuItem.jsx</a></td>
+	<td data-value="57.77" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 57%"></div><div class="cover-empty" style="width: 43%"></div></div>
+	</td>
+	<td data-value="57.77" class="pct medium">57.77%</td>
+	<td data-value="45" class="abs medium">26/45</td>
+	<td data-value="27.77" class="pct low">27.77%</td>
+	<td data-value="36" class="abs low">10/36</td>
+	<td data-value="38.46" class="pct low">38.46%</td>
+	<td data-value="13" class="abs low">5/13</td>
+	<td data-value="56.81" class="pct medium">56.81%</td>
+	<td data-value="44" class="abs medium">25/44</td>
+	</tr>
+
+<tr>
+	<td class="file low" data-value="HeaderMenuLink.js"><a href="HeaderMenuLink.js.html">HeaderMenuLink.js</a></td>
+	<td data-value="21.42" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 21%"></div><div class="cover-empty" style="width: 79%"></div></div>
+	</td>
+	<td data-value="21.42" class="pct low">21.42%</td>
+	<td data-value="14" class="abs low">3/14</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="8" class="abs low">0/8</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="5" class="abs low">0/5</td>
+	<td data-value="23.07" class="pct low">23.07%</td>
+	<td data-value="13" class="abs low">3/13</td>
+	</tr>
+
+<tr>
+	<td class="file low" data-value="HeaderMenuSignOutButton.js"><a href="HeaderMenuSignOutButton.js.html">HeaderMenuSignOutButton.js</a></td>
+	<td data-value="17.64" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 17%"></div><div class="cover-empty" style="width: 83%"></div></div>
+	</td>
+	<td data-value="17.64" class="pct low">17.64%</td>
+	<td data-value="17" class="abs low">3/17</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="7" class="abs low">0/7</td>
+	<td data-value="20" class="pct low">20%</td>
+	<td data-value="15" class="abs low">3/15</td>
+	</tr>
+
+<tr>
+	<td class="file high" data-value="HeaderMobileButton.js"><a href="HeaderMobileButton.js.html">HeaderMobileButton.js</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	<td data-value="66.66" class="pct medium">66.66%</td>
+	<td data-value="6" class="abs medium">4/6</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	</tr>
+
 <tr>
 	<td class="file medium" data-value="HeaderUI.jsx"><a href="HeaderUI.jsx.html">HeaderUI.jsx</a></td>
-	<td data-value="75" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 75%"></div><div class="cover-empty" style="width: 25%"></div></div>
+	<td data-value="70.73" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 70%"></div><div class="cover-empty" style="width: 30%"></div></div>
 	</td>
+	<td data-value="70.73" class="pct medium">70.73%</td>
+	<td data-value="41" class="abs medium">29/41</td>
+	<td data-value="60" class="pct medium">60%</td>
+	<td data-value="10" class="abs medium">6/10</td>
+	<td data-value="46.66" class="pct low">46.66%</td>
+	<td data-value="15" class="abs low">7/15</td>
 	<td data-value="75" class="pct medium">75%</td>
-	<td data-value="40" class="abs medium">30/40</td>
-	<td data-value="70.69" class="pct medium">70.69%</td>
-	<td data-value="58" class="abs medium">41/58</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="75" class="pct medium">75%</td>
-	<td data-value="40" class="abs medium">30/40</td>
+	<td data-value="36" class="abs medium">27/36</td>
 	</tr>
 
 <tr>
-	<td class="file high" data-value="NavigationButtonIcon.jsx"><a href="NavigationButtonIcon.jsx.html">NavigationButtonIcon.jsx</a></td>
+	<td class="file high" data-value="HelpIcon.jsx"><a href="HelpIcon.jsx.html">HelpIcon.jsx</a></td>
 	<td data-value="100" class="pic high">
 	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
@@ -132,6 +243,66 @@
 	<td data-value="2" class="abs high">2/2</td>
 	</tr>
 
+<tr>
+	<td class="file low" data-value="ImpersonatorBanner.jsx"><a href="ImpersonatorBanner.jsx.html">ImpersonatorBanner.jsx</a></td>
+	<td data-value="46.15" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 46%"></div><div class="cover-empty" style="width: 54%"></div></div>
+	</td>
+	<td data-value="46.15" class="pct low">46.15%</td>
+	<td data-value="13" class="abs low">6/13</td>
+	<td data-value="66.66" class="pct medium">66.66%</td>
+	<td data-value="6" class="abs medium">4/6</td>
+	<td data-value="25" class="pct low">25%</td>
+	<td data-value="4" class="abs low">1/4</td>
+	<td data-value="46.15" class="pct low">46.15%</td>
+	<td data-value="13" class="abs low">6/13</td>
+	</tr>
+
+<tr>
+	<td class="file medium" data-value="NavigationButtonIcon.jsx"><a href="NavigationButtonIcon.jsx.html">NavigationButtonIcon.jsx</a></td>
+	<td data-value="50" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 50%"></div><div class="cover-empty" style="width: 50%"></div></div>
+	</td>
+	<td data-value="50" class="pct medium">50%</td>
+	<td data-value="2" class="abs medium">1/2</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="1" class="abs low">0/1</td>
+	<td data-value="50" class="pct medium">50%</td>
+	<td data-value="2" class="abs medium">1/2</td>
+	</tr>
+
+<tr>
+	<td class="file high" data-value="hooks.js"><a href="hooks.js.html">hooks.js</a></td>
+	<td data-value="80" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 80%"></div><div class="cover-empty" style="width: 20%"></div></div>
+	</td>
+	<td data-value="80" class="pct high">80%</td>
+	<td data-value="25" class="abs high">20/25</td>
+	<td data-value="25" class="pct low">25%</td>
+	<td data-value="4" class="abs low">1/4</td>
+	<td data-value="75" class="pct medium">75%</td>
+	<td data-value="8" class="abs medium">6/8</td>
+	<td data-value="82.6" class="pct high">82.6%</td>
+	<td data-value="23" class="abs high">19/23</td>
+	</tr>
+
+<tr>
+	<td class="file medium" data-value="utag-helpers.js"><a href="utag-helpers.js.html">utag-helpers.js</a></td>
+	<td data-value="50" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 50%"></div><div class="cover-empty" style="width: 50%"></div></div>
+	</td>
+	<td data-value="50" class="pct medium">50%</td>
+	<td data-value="2" class="abs medium">1/2</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="1" class="abs low">0/1</td>
+	<td data-value="50" class="pct medium">50%</td>
+	<td data-value="2" class="abs medium">1/2</td>
+	</tr>
+
 </tbody>
 </table>
 </div>
@@ -139,10 +310,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 Tue Aug 04 2020 16:59:07 GMT-0700 (Pacific Daylight Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
             </div>
-        </div>
         <script src="../../prettify.js"></script>
         <script>
             window.onload = function () {

package/coverage/lcov-report/components/{SideNav/Links/index.js.html → Header/utag-helpers.js.html}

@@ -3,15 +3,15 @@
 <html lang="en">
 
 <head>
-    <title>Code coverage report for components/SideNav/Links/index.js</title>
+    <title>Code coverage report for components/Header/utag-helpers.js</title>
     <meta charset="utf-8" />
-    <link rel="stylesheet" href="../../../prettify.css" />
-    <link rel="stylesheet" href="../../../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
+    <link rel="stylesheet" href="../../prettify.css" />
+    <link rel="stylesheet" href="../../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <style type='text/css'>
         .coverage-summary .sorter {
-            background-image: url(../../../sort-arrow-sprite.png);
+            background-image: url(../../sort-arrow-sprite.png);
         }
     </style>
 </head>
@@ -19,18 +19,18 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../index.html">All files</a> / <a href="index.html">components/SideNav/Links</a> index.js</h1>
+        <h1><a href="../../index.html">All files</a> / <a href="index.html">components/Header</a> utag-helpers.js</h1>
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>1/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
                 <span class='fraction'>0/0</span>
             </div>
@@ -39,14 +39,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>0/1</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>1/2</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>
@@ -66,11 +72,8 @@
 <a name='L7'></a><a href='#L7'>7</a>
 <a name='L8'></a><a href='#L8'>8</a>
 <a name='L9'></a><a href='#L9'>9</a>
-<a name='L10'></a><a href='#L10'>10</a>
-<a name='L11'></a><a href='#L11'>11</a>
-<a name='L12'></a><a href='#L12'>12</a>
-<a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L10'></a><a href='#L10'>10</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -78,42 +81,32 @@
 <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></td><td class="text"><pre class="prettyprint lang-js">import NavLinkContainer from './NavLinkContainer';
-import NavLinkDrawer from './NavLinkDrawer';
-import NavLinkInline from './NavLinkInline';
-import NavLinkToggle from './NavLinkToggle';
-import NavItemInline from './NavItemInline';
-&nbsp;
-export {
-    NavLinkContainer,
-    NavLinkDrawer,
-    NavLinkInline,
-    NavLinkToggle,
-    NavItemInline
-};
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export const setUtagLink = <span class="fstat-no" title="function not covered" >(e</span>ventCategory, eventAction, eventLabel) =&gt;
+<span class="cstat-no" title="statement not covered" >  window?.utag?.link({</span>
+    ga_event_category: eventCategory,
+    ga_event_action: eventAction,
+    ga_event_label: eventLabel,
+    page_title: `${window.document.title}`,
+    page_url: `${window.location.pathname}`,
+    event: 'trackEvent',
+  });
 &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 Tue Aug 04 2020 16:59:07 GMT-0700 (Pacific Daylight Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
             </div>
-        </div>
-        <script src="../../../prettify.js"></script>
+        <script src="../../prettify.js"></script>
         <script>
             window.onload = function () {
                 prettyPrint();
             };
         </script>
-        <script src="../../../sorter.js"></script>
-        <script src="../../../block-navigation.js"></script>
+        <script src="../../sorter.js"></script>
+        <script src="../../block-navigation.js"></script>
     </body>
 </html>
     

package/coverage/lcov-report/components/Infotip/Infotip.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">
@@ -175,7 +181,7 @@
 <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-yes">9x</span>
+<span class="cline-any cline-yes">7x</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>
@@ -215,14 +221,14 @@ import InfotipIcon from './InfotipIcon';
 const BUTTON_SIZE = '16px';
 &nbsp;
 const buttonStyle = {
-    background: 'transparent',
-    border: 0,
-    padding: 0,
-    width: BUTTON_SIZE,
-    height: BUTTON_SIZE,
-    WebkitTouchCallout: 'none',
-    WebkitUserSelect: 'none',
-    userSelect: 'none',
+  background: 'transparent',
+  border: 0,
+  padding: 0,
+  width: BUTTON_SIZE,
+  height: BUTTON_SIZE,
+  WebkitTouchCallout: 'none',
+  WebkitUserSelect: 'none',
+  userSelect: 'none',
 };
 &nbsp;
 // Use basic touch handlers for mobile "tap-to-open" ui.  Mobile touch
@@ -232,53 +238,53 @@ const buttonStyle = {
 // TODO: We may want to improve this by tracking touch positions to ensure
 // that a 'touchend' event must be reasonably close to the tooltip target.
 const touchHandlers = {
-    onTouchStart: (e) =&gt; {
-        e.stopPropagation();
-    },
-    onTouchEnd: (e) =&gt; {
-        if (document.activeElement !== e.currentTarget) {
-            e.preventDefault();
-            e.currentTarget.focus();
-        } else {
-            e.preventDefault();
-            e.currentTarget.blur();
-        }
-    },
+  onTouchStart: (e) =&gt; {
+    e.stopPropagation();
+  },
+  onTouchEnd: (e) =&gt; {
+    if (document.activeElement !== e.currentTarget) {
+      e.preventDefault();
+      e.currentTarget.focus();
+    } else {
+      e.preventDefault();
+      e.currentTarget.blur();
+    }
+  },
 };
 &nbsp;
 /**
  * Tooltip with styled information icon
  */
-const Infotip = ({ label, lightIcon, ...props }) =&gt; (
-    &lt;Tooltip label={label} {...props}&gt;
-        &lt;button
-            type="button"
-            aria-label="Information"
-            style={buttonStyle}
-            {...touchHandlers}
-        &gt;
-            &lt;InfotipIcon
-                lightIcon={lightIcon}
-                width={BUTTON_SIZE}
-                height={BUTTON_SIZE}
-                aria-hidden
-                style={{ float: 'left' }}
-            /&gt;
-        &lt;/button&gt;
-    &lt;/Tooltip&gt;
+const Infotip = ({ ariaLabel, label, lightIcon, ...props }) =&gt; (
+  &lt;Tooltip label={label} {...props}&gt;
+    &lt;button
+      type="button"
+      aria-label={ariaLabel}
+      style={buttonStyle}
+      {...touchHandlers}
+    &gt;
+      &lt;InfotipIcon
+        lightIcon={lightIcon}
+        width={BUTTON_SIZE}
+        height={BUTTON_SIZE}
+        aria-hidden
+        style={{ float: 'left' }}
+      /&gt;
+    &lt;/button&gt;
+  &lt;/Tooltip&gt;
 );
 &nbsp;
 Infotip.propTypes = {
-    label: PropTypes.string.isRequired,
-    ariaLabel: PropTypes.string,
-    lightIcon: PropTypes.bool,
-    DEBUG_STYLE: PropTypes.bool,
+  label: PropTypes.string.isRequired,
+  ariaLabel: PropTypes.string,
+  lightIcon: PropTypes.bool,
+  DEBUG_STYLE: PropTypes.bool,
 };
 &nbsp;
 Infotip.defaultProps = {
-    ariaLabel: undefined,
-    lightIcon: false,
-    DEBUG_STYLE: undefined,
+  ariaLabel: 'Information',
+  lightIcon: false,
+  DEBUG_STYLE: undefined,
 };
 &nbsp;
 export default Infotip;
@@ -288,10 +294,9 @@ export default Infotip;
             </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 Tue Aug 04 2020 16:59:07 GMT-0700 (Pacific Daylight Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
             </div>
-        </div>
         <script src="../../prettify.js"></script>
         <script>
             window.onload = function () {