qpp-style 9.34.3 → 9.34.4

package/coverage/lcov-report/react/components/Header/HeaderLogo.jsx.html

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">20% </span>
+                <span class="strong">22.22% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>1/5</span>
+                <span class='fraction'>2/9</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/2</span>
+                <span class='fraction'>0/4</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">20% </span>
+                <span class="strong">22.22% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>1/5</span>
+                <span class='fraction'>2/9</span>
             </div>
         
             
@@ -105,7 +105,26 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<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>
+<a name='L47'></a><a href='#L47'>47</a>
+<a name='L48'></a><a href='#L48'>48</a>
+<a name='L49'></a><a href='#L49'>49</a>
+<a name='L50'></a><a href='#L50'>50</a>
+<a name='L51'></a><a href='#L51'>51</a>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a>
+<a name='L55'></a><a href='#L55'>55</a>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</a>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</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>
@@ -113,6 +132,19 @@
 <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-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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -146,13 +178,30 @@
 <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></td><td class="text"><pre class="prettyprint lang-js">import React 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>
+<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;
-import { useHeaderState } from './hooks';
+import { useHeaderState } from "./hooks";
 &nbsp;
-const HeaderLogo = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
+const HeaderLogo = <span class="fstat-no" title="function not covered" >(i</span>sDevPre) =&gt; {
   const { closeMenus, RouterLink } = <span class="cstat-no" title="statement not covered" >useHeaderState();</span>
+  const showDevPre = <span class="cstat-no" title="statement not covered" >isDevPre.isDevPre;</span>
+<span class="cstat-no" title="statement not covered" >  if (showDevPre) {</span>
+<span class="cstat-no" title="statement not covered" >    return (</span>
+      &lt;div className="header-logo"&gt;
+        &lt;img
+          className="qpp-logo"
+          src="/images/qpp_logo_rgb_color.png"
+          alt="QPP logo"
+        /&gt;
+      &lt;/div&gt;
+    );
+  }
 <span class="cstat-no" title="statement not covered" >  if (RouterLink) {</span>
 <span class="cstat-no" title="statement not covered" >    return (</span>
       &lt;RouterLink
@@ -171,6 +220,7 @@ const HeaderLogo = <span class="fstat-no" title="function not covered" >()</span
       &lt;/RouterLink&gt;
     );
   }
+&nbsp;
 <span class="cstat-no" title="statement not covered" >  return (</span>
     &lt;a
       className="header-logo"
@@ -188,6 +238,10 @@ const HeaderLogo = <span class="fstat-no" title="function not covered" >()</span
   );
 };
 &nbsp;
+HeaderLogo.propTypes = {
+  isDevPre: PropTypes.object,
+};
+&nbsp;
 export default HeaderLogo;
 &nbsp;</pre></td></tr></table></pre>
 
@@ -196,7 +250,7 @@ export default HeaderLogo;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/HeaderMenuButton.js.html

@@ -163,12 +163,12 @@
 <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';
+<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;
-import { useHeaderState } from './hooks';
-import NavigationButtonIcon from './NavigationButtonIcon';
-import { setUtagLink } from './utag-helpers';
+import { useHeaderState } from "./hooks";
+import NavigationButtonIcon from "./NavigationButtonIcon";
+import { setUtagLink } from "./utag-helpers";
 &nbsp;
 const HeaderMenuButton = <span class="fstat-no" title="function not covered" >({</span> href, name }) =&gt; {
   const { RouterLink, closeMenus } = <span class="cstat-no" title="statement not covered" >useHeaderState();</span>
@@ -179,7 +179,7 @@ const HeaderMenuButton = <span class="fstat-no" title="function not covered" >({
         to={href}
         onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >          closeMenus();</span>
-<span class="cstat-no" title="statement not covered" >          setUtagLink('main navbar', 'click', href);</span>
+<span class="cstat-no" title="statement not covered" >          setUtagLink("main navbar", "click", href);</span>
         }}
         data-track-category="TopNav"
         data-track-action="click"
@@ -198,7 +198,7 @@ const HeaderMenuButton = <span class="fstat-no" title="function not covered" >({
       data-track-action="click"
       data-track-label={name}
       onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >        setUtagLink('main navbar', 'click', href);</span>
+<span class="cstat-no" title="statement not covered" >        setUtagLink("main navbar", "click", href);</span>
       }}
     &gt;
       {name}
@@ -220,7 +220,7 @@ export default HeaderMenuButton;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/HeaderMenuItem.jsx.html

@@ -541,15 +541,15 @@
 <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, { Fragment, useRef, useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { Fragment, useRef, useEffect, useState } from "react";
+import PropTypes from "prop-types";
 &nbsp;
-import { useWindowWidth, useHeaderState } from './hooks';
-import HeaderMenuLink from './HeaderMenuLink';
-import HeaderMenuButton from './HeaderMenuButton';
-import HeaderMenuSignOutButton from './HeaderMenuSignOutButton';
-import Accordion from '../Accordion';
-import { Chevron } from '../../lib/Chevron.jsx';
+import { useWindowWidth, useHeaderState } from "./hooks";
+import HeaderMenuLink from "./HeaderMenuLink";
+import HeaderMenuButton from "./HeaderMenuButton";
+import HeaderMenuSignOutButton from "./HeaderMenuSignOutButton";
+import Accordion from "../Accordion";
+import { Chevron } from "../../lib/Chevron.jsx";
 &nbsp;
 const menuSizes = {
   1: 315,
@@ -559,19 +559,19 @@ const menuSizes = {
 };
 &nbsp;
 const excludedClickOutClasses = [
-  'menu-dropdown-toggle',
-  'nav-link',
-  'nav-link-li',
-  'dropdown-description',
-  'dropdown-title',
-  'dropdown-title-chevron-container',
-  'signout-button',
-  'submenu-section',
-  'accordion',
-  'accordion-title',
-  'accordion-left-title',
-  'header-menu-btn',
-  'btn-navigation-icon',
+  "menu-dropdown-toggle",
+  "nav-link",
+  "nav-link-li",
+  "dropdown-description",
+  "dropdown-title",
+  "dropdown-title-chevron-container",
+  "signout-button",
+  "submenu-section",
+  "accordion",
+  "accordion-title",
+  "accordion-left-title",
+  "header-menu-btn",
+  "btn-navigation-icon",
 ];
 &nbsp;
 const HeaderMenuItem = <span class="fstat-no" title="function not covered" >({</span>
@@ -585,7 +585,7 @@ const HeaderMenuItem = <span class="fstat-no" title="function not covered" >({</
   className,
 }) =&gt; {
   const [isSubMenuFullWidth, setSubMenuFullWidth] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
-  const [openMobileSubMenu, setOpenMobileSubMenu] = <span class="cstat-no" title="statement not covered" >useState('');</span>
+  const [openMobileSubMenu, setOpenMobileSubMenu] = <span class="cstat-no" title="statement not covered" >useState("");</span>
 &nbsp;
   const windowWidth = <span class="cstat-no" title="statement not covered" >useWindowWidth();</span>
   const menuButtonRef = <span class="cstat-no" title="statement not covered" >useRef(null);</span>
@@ -620,16 +620,16 @@ const HeaderMenuItem = <span class="fstat-no" title="function not covered" >({</
       ) {
 <span class="cstat-no" title="statement not covered" >        return;</span>
       }
-<span class="cstat-no" title="statement not covered" >      setOpenMobileSubMenu('');</span>
+<span class="cstat-no" title="statement not covered" >      setOpenMobileSubMenu("");</span>
 <span class="cstat-no" title="statement not covered" >      closeMenus();</span>
     };
-<span class="cstat-no" title="statement not covered" >    document.addEventListener('mousedown', listener);</span>
-<span class="cstat-no" title="statement not covered" >    return <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >document.removeEventListener('mousedown', listener);</span></span>
+<span class="cstat-no" title="statement not covered" >    document.addEventListener("mousedown", listener);</span>
+<span class="cstat-no" title="statement not covered" >    return <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >document.removeEventListener("mousedown", listener);</span></span>
   }, [menuRef]);
 &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 (!isMobileMenuExpanded || !isOpen) {</span>
-<span class="cstat-no" title="statement not covered" >      setOpenMobileSubMenu('');</span>
+<span class="cstat-no" title="statement not covered" >      setOpenMobileSubMenu("");</span>
     }
   }, [isMobileMenuExpanded, isOpen]);
 &nbsp;
@@ -637,8 +637,8 @@ const HeaderMenuItem = <span class="fstat-no" title="function not covered" >({</
     &lt;li
       key={`header-item-${menuIdentifier}`}
       className={`header-item-${menuIdentifier}${
-        isSubMenuFullWidth ? ' full-width-menu' : ''
-      }${className ? ` ${className}` : ''}`}
+        isSubMenuFullWidth ? " full-width-menu" : ""
+      }${className ? ` ${className}` : ""}`}
       ref={menuRef}
     &gt;
       &lt;button
@@ -657,12 +657,12 @@ const HeaderMenuItem = <span class="fstat-no" title="function not covered" >({</
           &lt;/div&gt;
         &lt;/div&gt;
 &nbsp;
-        &lt;span className={`dropdown-description ${isOpen ? 'active' : ''}`}&gt;
+        &lt;span className={`dropdown-description ${isOpen ? "active" : ""}`}&gt;
           {subtitle}
         &lt;/span&gt;
       &lt;/button&gt;
       &lt;div
-        className={`nav-section${isOpen ? ' open' : ''}`}
+        className={`nav-section${isOpen ? " open" : ""}`}
         id={`nav-section-${menuIdentifier}`}
         hidden={!isOpen}
         data-columns={numColumns}
@@ -679,7 +679,7 @@ const HeaderMenuItem = <span class="fstat-no" title="function not covered" >({</
                       )}
                       &lt;ul&gt;
                         {c.items.map(<span class="fstat-no" title="function not covered" >(i</span>tem) =&gt; {
-                          const isSubLink = <span class="cstat-no" title="statement not covered" >item.type === 'sublink';</span>
+                          const isSubLink = <span class="cstat-no" title="statement not covered" >item.type === "sublink";</span>
                           const componentsByType = <span class="cstat-no" title="statement not covered" >{</span>
                             button: HeaderMenuButton,
                             signout: HeaderMenuSignOutButton,
@@ -693,8 +693,8 @@ const HeaderMenuItem = <span class="fstat-no" title="function not covered" >({</
                               key={`item-link-${item.name}`}
                               className={
                                 isSubLink
-                                  ? 'nav-link-li sublink'
-                                  : 'nav-link-li'
+                                  ? "nav-link-li sublink"
+                                  : "nav-link-li"
                               }
                             &gt;
                               &lt;SubMenuComponent
@@ -707,7 +707,7 @@ const HeaderMenuItem = <span class="fstat-no" title="function not covered" >({</
                         })}
                       &lt;/ul&gt;
                     &lt;/li&gt;
-                    {name === 'MIPS' &amp;&amp; (
+                    {name === "MIPS" &amp;&amp; (
                       &lt;li
                         key={`${menuIdentifier}-mobile-${index}-${cIndex}`}
                         className="submenu-section-mips-mobile"
@@ -724,7 +724,7 @@ const HeaderMenuItem = <span class="fstat-no" title="function not covered" >({</
                         &gt;
                           &lt;ul&gt;
                             {c.items.map(<span class="fstat-no" title="function not covered" >(i</span>tem) =&gt; {
-                              const isSubLink = <span class="cstat-no" title="statement not covered" >item.type === 'sublink';</span>
+                              const isSubLink = <span class="cstat-no" title="statement not covered" >item.type === "sublink";</span>
                               const componentsByType = <span class="cstat-no" title="statement not covered" >{</span>
                                 button: HeaderMenuButton,
                                 signout: HeaderMenuSignOutButton,
@@ -737,7 +737,7 @@ const HeaderMenuItem = <span class="fstat-no" title="function not covered" >({</
                                 &lt;li
                                   onClick={handleClick}
                                   key={`item-link-${item.name}`}
-                                  className={isSubLink ? 'sublink' : ''}
+                                  className={isSubLink ? "sublink" : ""}
                                 &gt;
                                   &lt;SubMenuComponent
                                     href={item.href}
@@ -773,7 +773,7 @@ HeaderMenuItem.propTypes = {
   isMobileMenuExpanded: PropTypes.bool.isRequired,
 };
 HeaderMenuItem.defaultProps = {
-  menuName: '',
+  menuName: "",
   columns: [],
   rows: [],
   className: null,
@@ -787,7 +787,7 @@ export default HeaderMenuItem;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/HeaderMenuLink.js.html

@@ -175,11 +175,11 @@
 <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';
-import { submissionsUrl } from '../SideNav/helpers';
-import { useHeaderState } from './hooks';
-import { setUtagLink } from './utag-helpers';
+<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";
+import { submissionsUrl } from "../SideNav/helpers";
+import { useHeaderState } from "./hooks";
+import { setUtagLink } from "./utag-helpers";
 &nbsp;
 // exclude submissions urls
 const isNotExcluded = <span class="fstat-no" title="function not covered" >(h</span>ref) =&gt; <span class="cstat-no" title="statement not covered" >!href.includes(submissionsUrl);</span>
@@ -192,7 +192,7 @@ const HeaderMenuLink = <span class="fstat-no" title="function not covered" >({</
         to={href}
         onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >          closeMenus();</span>
-<span class="cstat-no" title="statement not covered" >          setUtagLink('main navbar', 'click', href);</span>
+<span class="cstat-no" title="statement not covered" >          setUtagLink("main navbar", "click", href);</span>
         }}
         data-track-category="TopNav"
         data-track-action="click"
@@ -211,13 +211,13 @@ const HeaderMenuLink = <span class="fstat-no" title="function not covered" >({</
       data-track-action="click"
       data-track-label={name}
       onKeyDown={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; {
-<span class="cstat-no" title="statement not covered" >        if (e.key === ' ' || e.code === 'Space') {</span>
+<span class="cstat-no" title="statement not covered" >        if (e.key === " " || e.code === "Space") {</span>
 <span class="cstat-no" title="statement not covered" >          window.location.href = window.location.origin + href;</span>
-<span class="cstat-no" title="statement not covered" >          setUtagLink('main navbar', 'keydown', href);</span>
+<span class="cstat-no" title="statement not covered" >          setUtagLink("main navbar", "keydown", href);</span>
         }
       }}
       onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >        setUtagLink('main navbar', 'click', href);</span>
+<span class="cstat-no" title="statement not covered" >        setUtagLink("main navbar", "click", href);</span>
       }}
     &gt;
       {name}
@@ -238,7 +238,7 @@ export default HeaderMenuLink;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/HeaderMenuSignOutButton.js.html

@@ -187,12 +187,12 @@
 <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 PropTypes from 'prop-types';
+<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;
-import { LogoutSession } from '../../session';
-import { setUtagLink } from './utag-helpers';
-import Modal from '../Modal/index';
+import { LogoutSession } from "../../session";
+import { setUtagLink } from "./utag-helpers";
+import Modal from "../Modal/index";
 &nbsp;
 const useModal = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
   const [open, setOpen] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
@@ -224,17 +224,17 @@ const HeaderMenuSignOutButton = <span class="fstat-no" title="function not cover
         title="Sign out"
         onRequestClose={closeModal}
         primary={{
-          title: 'Sign me out now',
+          title: "Sign me out now",
           onClick: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >            showLogoutWarning();</span>
-<span class="cstat-no" title="statement not covered" >            setUtagLink('button', 'click', 'Sign me out now');</span>
+<span class="cstat-no" title="statement not covered" >            setUtagLink("button", "click", "Sign me out now");</span>
           },
         }}
         secondary={{
-          title: 'Keep me signed in',
+          title: "Keep me signed in",
           onClick: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >            closeModal();</span>
-<span class="cstat-no" title="statement not covered" >            setUtagLink('button', 'click', 'Keep me signed in');</span>
+<span class="cstat-no" title="statement not covered" >            setUtagLink("button", "click", "Keep me signed in");</span>
           },
         }}
       &gt;
@@ -256,7 +256,7 @@ export default HeaderMenuSignOutButton;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/HeaderMobileButton.js.html

@@ -137,9 +137,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></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
-import PropTypes from 'prop-types';
-import { CloseXIcon } from '../../lib/SvgComponents.jsx';
+<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";
+import { CloseXIcon } from "../../lib/SvgComponents.jsx";
 &nbsp;
 const HeaderMobileButton = <span class="fstat-no" title="function not covered" >({</span> isMobileMenuExpanded, handleClick }) =&gt; (
 <span class="cstat-no" title="statement not covered" >  &lt;button</span>
@@ -148,7 +148,7 @@ const HeaderMobileButton = <span class="fstat-no" title="function not covered" >
     data-toggle="collapse"
     data-target="#nav-mobile"
     aria-label="Navigation menu"
-    aria-expanded={isMobileMenuExpanded ? 'true' : 'false'}
+    aria-expanded={isMobileMenuExpanded ? "true" : "false"}
     aria-controls="nav-mobile"
     onClick={handleClick}
   &gt;
@@ -181,7 +181,7 @@ export default HeaderMobileButton;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/HeaderUI.jsx.html

@@ -230,7 +230,8 @@
 <a name='L165'></a><a href='#L165'>165</a>
 <a name='L166'></a><a href='#L166'>166</a>
 <a name='L167'></a><a href='#L167'>167</a>
-<a name='L168'></a><a href='#L168'>168</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L168'></a><a href='#L168'>168</a>
+<a name='L169'></a><a href='#L169'>169</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>
@@ -320,6 +321,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>
@@ -397,18 +399,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></td><td class="text"><pre class="prettyprint lang-js">import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import axios from 'axios';
-import HeaderAccountMenu from './HeaderAccountMenu.jsx';
-import HeaderCancel from './HeaderCancel.jsx';
-import HeaderContainer from './HeaderContainer';
-import HeaderMenuItem from './HeaderMenuItem';
-import HeaderMobileButton from './HeaderMobileButton';
-import ImpersonatorBanner from './ImpersonatorBanner';
-import HelpIcon from './HelpIcon';
-import { HeaderStateProvider } from './hooks';
-import defaultContent from './default-content.json';
+<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";
+import axios from "axios";
+import HeaderAccountMenu from "./HeaderAccountMenu.jsx";
+import HeaderCancel from "./HeaderCancel.jsx";
+import HeaderContainer from "./HeaderContainer";
+import HeaderMenuItem from "./HeaderMenuItem";
+import HeaderMobileButton from "./HeaderMobileButton";
+import ImpersonatorBanner from "./ImpersonatorBanner";
+import HelpIcon from "./HelpIcon";
+import { HeaderStateProvider } from "./hooks";
+import defaultContent from "./default-content.json";
 &nbsp;
 const HeaderUI = <span class="fstat-no" title="function not covered" >({</span>
   handleCancel,
@@ -478,6 +480,7 @@ const HeaderUI = <span class="fstat-no" title="function not covered" >({</span>
       isIESupportPage={isIESupportPage}
       skipToContentId={skipToContentId}
       includeSkipToSidebar={includeSkipToSidebar}
+      isDevPre={isDevPre}
     &gt;
       &lt;nav aria-label="Primary navigation" hidden={!isMobileMenuExpanded}&gt;
         &lt;ul className="navigation-menu"&gt;
@@ -571,7 +574,7 @@ export default HeaderUI;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/HelpIcon.jsx.html

@@ -127,7 +127,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></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
 &nbsp;
 const HelpIcon = <span class="fstat-no" title="function not covered" >()</span> =&gt; (
 <span class="cstat-no" title="statement not covered" >  &lt;a</span>
@@ -166,7 +166,7 @@ export default HelpIcon;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>