npm - qpp-style - Versions diffs - 0.0.9 → 0.0.10 - Mend

qpp-style 0.0.9 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (456) hide show

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">11.43% </span>
+                <span class="strong">73.33% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>4/35</span>
+                <span class='fraction'>33/45</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">60% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/17</span>
+                <span class='fraction'>6/10</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">56.25% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/11</span>
+                <span class='fraction'>9/16</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">11.43% </span>
+                <span class="strong">77.5% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>4/35</span>
+                <span class='fraction'>31/40</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>
@@ -224,11 +230,7 @@
 <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>
-<a name='L169'></a><a href='#L169'>169</a>
-<a name='L170'></a><a href='#L170'>170</a>
-<a name='L171'></a><a href='#L171'>171</a>
-<a name='L172'></a><a href='#L172'>172</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L168'></a><a href='#L168'>168</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>
@@ -240,9 +242,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -252,80 +253,75 @@
 <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">3x</span>
+<span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">3x</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-yes">1x</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-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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-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-yes">3x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-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-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">3x</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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">3x</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-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-no">&nbsp;</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -334,20 +330,19 @@
 <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-yes">1x</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-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>
@@ -358,20 +353,23 @@
 <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-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">3x</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-yes">1x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -384,7 +382,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-yes">1x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -401,150 +399,144 @@
 <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;
+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 HelpIcon from './HelpIcon'
-import defaultHeaderContent from './default-content.json';
-&nbsp;
-// Time the local storage content item will be active, in minutes
-const CONTENT_STORAGE_EXPIRATION_TIMEOUT = 30;
+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>
-  fbpPerformanceYear,
-  feedbackPerformanceYear,
+const HeaderUI = ({
   handleCancel,
   includeSkipToSidebar,
   isDevPre,
   isLoginEnabled,
-  performanceYear,
   showCancelButton,
-  showPhysicianCompareLink,
-  showFacilityBasedPreviewLink,
   skipToContentId,
+  RouterLink,
+  isIESupportPage,
 }) =&gt; {
-  const [isMobileMenuExpanded, setIsMobileMenuExpanded] = <span class="cstat-no" title="statement not covered" >useState(false)</span>
-  const [currentOpenMenu, setCurrentOpenMenu] = <span class="cstat-no" title="statement not covered" >useState()</span>
-  const [content, setContent] = <span class="cstat-no" title="statement not covered" >useState(null);</span>
+  const [isMobileMenuExpanded, setIsMobileMenuExpanded] = useState(false);
+  const [headerContent, setHeaderContent] = useState({});
 &nbsp;
-  const handleToggleMenu = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >na</span>me =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (currentOpenMenu === name) {</span>
-<span class="cstat-no" title="statement not covered" >      return setCurrentOpenMenu('')</span>
-    }
-<span class="cstat-no" title="statement not covered" >    return setCurrentOpenMenu(name)</span>
-  }
+  const mapContentToRows = (config) =&gt; {
+    // Append transposed array to content
+    return config?.map((section) =&gt; {
+      // Only header items with multiple columns need to be transposed
+      // Single column menus' tab order will remain the same
+      <span class="missing-if-branch" title="if path not taken" >I</span>if (section.columns?.length &gt; 1) {
+        const { columns } = <span class="cstat-no" title="statement not covered" >section;</span>
+<span class="cstat-no" title="statement not covered" >        return {</span>
+          ...section,
+          rows: columns[0].map(<span class="fstat-no" title="function not covered" >(_</span>, colIndex) =&gt;
+<span class="cstat-no" title="statement not covered" >            columns.map(<span class="fstat-no" title="function not covered" >(r</span>ow) =&gt; <span class="cstat-no" title="statement not covered" >row[colIndex])</span></span>
+          ),
+        };
+      }
+      return { ...section, rows: section.columns };
+    });
+  };
 &nbsp;
-  // The top nav content is populated with the following priority order:
-  // 1. Use the top nav content in localStorage if it's there
-  // 2. If not, make a call to get it from the QPPFE endpoint. Hydrate the localStorage item with the response.
-  // 3. If the call fails, use the default content
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-    const storageContent = <span class="cstat-no" title="statement not covered" >JSON.parse(</span>
-      localStorage.getItem('qpp_top_nav_content')
-    );
-<span class="cstat-no" title="statement not covered" >    if (</span>
-      storageContent?.content &amp;&amp;
-      new Date().valueOf() &lt; storageContent.expiration
-    ) {
-<span class="cstat-no" title="statement not covered" >      setContent(storageContent.content);</span>
-    } else {
-      const origin = <span class="cstat-no" title="statement not covered" >window.location.origin;</span>
-<span class="cstat-no" title="statement not covered" >      fetch(</span>
-        !origin.includes('localhost')
-          ? `${origin}/config/header`
-          : 'https://qpp.cms.gov/config/header'
-      )
-        .then(<span class="fstat-no" title="function not covered" >(r</span>es) =&gt; {
-<span class="cstat-no" title="statement not covered" >          if (res.ok) {</span>
-<span class="cstat-no" title="statement not covered" >            return res.json();</span>
-          } else {
-<span class="cstat-no" title="statement not covered" >            throw new Error()</span>
-          }
-        })
-        .then(<span class="fstat-no" title="function not covered" >({</span> data = <span class="branch-0 cbranch-no" title="branch not covered" >{} </span>}) =&gt; {
-<span class="cstat-no" title="statement not covered" >          localStorage.setItem(</span>
-            'qpp_top_nav_content',
-            JSON.stringify({
-              content: data.content,
-              expiration:
-                new Date().valueOf() +
-                CONTENT_STORAGE_EXPIRATION_TIMEOUT * 60 * 1000,
-            })
-          );
-<span class="cstat-no" title="statement not covered" >          setContent(data.content);</span>
-        })
-        .catch(<span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >          setContent(defaultHeaderContent);</span>
-        });
+  // execute on init render
+  useEffect(() =&gt; {
+    let cancelRequest = false;
+    const { origin } = window.location;
+    let navMenuItems;
+    async function getHeaderConfig() {
+      try {
+        const { data } = await axios.get(`${origin}/config/header`);
+        navMenuItems = data.data;
+      } catch (error) {
+<span class="cstat-no" title="statement not covered" >        navMenuItems = { content: defaultContent };</span>
+      }
+      <span class="missing-if-branch" title="else path not taken" >E</span>if (!cancelRequest) setHeaderContent(navMenuItems);
     }
+    getHeaderConfig();
+    return () =&gt; {
+      cancelRequest = true;
+    };
   }, []);
 &nbsp;
+  const content = mapContentToRows(headerContent?.content);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  if (showCancelButton) {</span>
-<span class="cstat-no" title="statement not covered" >    return (</span>
-      &lt;HeaderContainer showCancelButton skipToContentId={skipToContentId} includeSkipToSidebar={includeSkipToSidebar}&gt;
-        &lt;HeaderCancel handleCancel={handleCancel} /&gt;
-      &lt;/HeaderContainer&gt;
-    )
-  }
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  if (isDevPre) {</span>
-<span class="cstat-no" title="statement not covered" >    return (</span>
-      &lt;HeaderContainer skipToContentId={skipToContentId} includeSkipToSidebar={includeSkipToSidebar}&gt;
-        &lt;HeaderAccountMenu
-          isDevPre
-          handleToggleMenu={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >handleToggleMenu("Login")}</span>
-          isLoginEnabled={isLoginEnabled}
-          isOpen={currentOpenMenu === "Login"}
-        /&gt;
-      &lt;/HeaderContainer&gt;
-    )
-  }
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  if (!content) {</span>
-<span class="cstat-no" title="statement not covered" >    return null;</span>
-  }
+  const displayCancelContent = <span class="fstat-no" title="function not covered" >()</span> =&gt; (
+<span class="cstat-no" title="statement not covered" >    &lt;HeaderContainer</span>
+      showCancelButton
+      skipToContentId={skipToContentId}
+      includeSkipToSidebar={includeSkipToSidebar}
+    &gt;
+      &lt;HeaderCancel handleCancel={handleCancel} /&gt;
+    &lt;/HeaderContainer&gt;
+  );
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;HeaderContainer skipToContentId={skipToContentId} includeSkipToSidebar={includeSkipToSidebar}&gt;
-      &lt;HelpIcon /&gt;
-      &lt;HeaderMobileButton
-        handleClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setIsMobileMenuExpanded(!isMobileMenuExpanded)} </span>
-        isMobileMenuExpanded={isMobileMenuExpanded}
-      /&gt;
+  const displayDevPreContent = <span class="fstat-no" title="function not covered" >()</span> =&gt; (
+<span class="cstat-no" title="statement not covered" >    &lt;HeaderContainer</span>
+      isIESupportPage={isIESupportPage}
+      skipToContentId={skipToContentId}
+      includeSkipToSidebar={includeSkipToSidebar}
+    &gt;
       &lt;nav aria-label="Primary navigation" hidden={!isMobileMenuExpanded}&gt;
         &lt;ul className="navigation-menu"&gt;
-          {content.map(<span class="fstat-no" title="function not covered" >he</span>ader =&gt; (
-<span class="cstat-no" title="statement not covered" >            &lt;HeaderMenuItem </span>
-              key={header.name}
-              {...header}
-              handleToggleMenu={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >handleToggleMenu(header.name)}</span>
-              hasMenu={header.columns.length &gt; 0}
-              isOpen={currentOpenMenu === header.name}
-            /&gt;
-          ))}
-          &lt;HeaderAccountMenu
-            fbpPerformanceYear={fbpPerformanceYear}
-            feedbackPerformanceYear={feedbackPerformanceYear}
-            handleToggleMenu={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >handleToggleMenu("Login")}</span>
-            isLoginEnabled={isLoginEnabled}
-            isOpen={currentOpenMenu === "Login"}
-            performanceYear={performanceYear}
-            showPhysicianCompareLink={showPhysicianCompareLink}
-            showFacilityBasedPreviewLink={showFacilityBasedPreviewLink}
-          /&gt;
+          &lt;HeaderAccountMenu isDevPre isLoginEnabled={isLoginEnabled} /&gt;
         &lt;/ul&gt;
       &lt;/nav&gt;
     &lt;/HeaderContainer&gt;
-  )
-}
+  );
+&nbsp;
+  const displayHeaderContent = () =&gt; (
+    &lt;&gt;
+      &lt;HeaderContainer
+        isIESupportPage={isIESupportPage}
+        skipToContentId={skipToContentId}
+        includeSkipToSidebar={includeSkipToSidebar}
+      &gt;
+        &lt;HelpIcon /&gt;
+        &lt;HeaderMobileButton
+          handleClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setIsMobileMenuExpanded(!isMobileMenuExpanded)}</span>
+          isMobileMenuExpanded={isMobileMenuExpanded}
+        /&gt;
+        &lt;nav aria-label="Primary navigation" hidden={!isMobileMenuExpanded}&gt;
+          &lt;ul className="navigation-menu navigation-new-style"&gt;
+            {content.map((header) =&gt; (
+              &lt;HeaderMenuItem
+                handleClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >                  setIsMobileMenuExpanded(!isMobileMenuExpanded);</span>
+                }}
+                isMobileMenuExpanded={isMobileMenuExpanded}
+                key={header.name}
+                {...header}
+              /&gt;
+            ))}
+            &lt;HeaderAccountMenu
+              handleClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setIsMobileMenuExpanded(!isMobileMenuExpanded)}</span>
+              isLoginEnabled={isLoginEnabled}
+            /&gt;
+          &lt;/ul&gt;
+        &lt;/nav&gt;
+      &lt;/HeaderContainer&gt;
+      &lt;ImpersonatorBanner /&gt;
+    &lt;/&gt;
+  );
+&nbsp;
+  const displayContent = () =&gt; {
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (showCancelButton) <span class="cstat-no" title="statement not covered" >return displayCancelContent();</span>
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (isDevPre) <span class="cstat-no" title="statement not covered" >return displayDevPreContent();</span>
+    if (content?.length) return displayHeaderContent();
+    return null;
+  };
+&nbsp;
+  return (
+    &lt;HeaderStateProvider RouterLink={RouterLink} headerContent={headerContent}&gt;
+      {displayContent()}
+    &lt;/HeaderStateProvider&gt;
+  );
+};
 &nbsp;
 HeaderUI.propTypes = {
-  fbpPerformanceYear: PropTypes.string,
-  feedbackPerformanceYear: PropTypes.string,
   handleCancel: PropTypes.func,
   includeSkipToSidebar: PropTypes.bool,
   isDevPre: PropTypes.bool,
@@ -554,10 +546,10 @@ HeaderUI.propTypes = {
   showPhysicianCompareLink: PropTypes.bool,
   showFacilityBasedPreviewLink: PropTypes.bool,
   skipToContentId: PropTypes.string,
-}
+  RouterLink: PropTypes.func,
+  isIESupportPage: PropTypes.bool,
+};
 HeaderUI.defaultProps = {
-  fbpPerformanceYear: null,
-  feedbackPerformanceYear: null,
   handleCancel: Function.prototype,
   includeSkipToSidebar: false,
   isDevPre: false,
@@ -567,19 +559,20 @@ HeaderUI.defaultProps = {
   showPhysicianCompareLink: false,
   showFacilityBasedPreviewLink: false,
   skipToContentId: null,
-}
+  RouterLink: null,
+  isIESupportPage: false,
+};
 &nbsp;
-export default HeaderUI
+export default HeaderUI;
 &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 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 () {