@madie/madie-design-system 1.0.2 → 1.0.3

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

@@ -230,7 +230,24 @@
 <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>
+<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>
+<a name='L173'></a><a href='#L173'>173</a>
+<a name='L174'></a><a href='#L174'>174</a>
+<a name='L175'></a><a href='#L175'>175</a>
+<a name='L176'></a><a href='#L176'>176</a>
+<a name='L177'></a><a href='#L177'>177</a>
+<a name='L178'></a><a href='#L178'>178</a>
+<a name='L179'></a><a href='#L179'>179</a>
+<a name='L180'></a><a href='#L180'>180</a>
+<a name='L181'></a><a href='#L181'>181</a>
+<a name='L182'></a><a href='#L182'>182</a>
+<a name='L183'></a><a href='#L183'>183</a>
+<a name='L184'></a><a href='#L184'>184</a>
+<a name='L185'></a><a href='#L185'>185</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 +337,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>
+<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">4x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -333,12 +356,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-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-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-no">&nbsp;</span>
@@ -349,6 +377,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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -365,6 +396,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>
@@ -397,170 +431,187 @@
 <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 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 defaultHeaderContent from './default-content.json';
-import { HeaderStateProvider } from './hooks';
-import useGetConfig from '../hooks/useGetConfig';
+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 defaultHeaderContent from "./default-content.json";
+import { HeaderStateProvider } from "./hooks";
+import useGetConfig from "../hooks/useGetConfig";
 &nbsp;
 const HeaderUI = ({
-  fbpPerformanceYear,
-  feedbackPerformanceYear,
-  handleCancel,
-  includeSkipToSidebar,
-  isDevPre,
-  isLoginEnabled,
-  performanceYear,
-  showCancelButton,
-  showPhysicianCompareLink,
-  showFacilityBasedPreviewLink,
-  skipToContentId,
-  RouterLink,
-  isIESupportPage,
+    fbpPerformanceYear,
+    feedbackPerformanceYear,
+    handleCancel,
+    includeSkipToSidebar,
+    isDevPre,
+    isLoginEnabled,
+    performanceYear,
+    showCancelButton,
+    showPhysicianCompareLink,
+    showFacilityBasedPreviewLink,
+    skipToContentId,
+    RouterLink,
+    isIESupportPage,
 }) =&gt; {
-  const [isMobileMenuExpanded, setIsMobileMenuExpanded] = useState(false);
+    const [isMobileMenuExpanded, setIsMobileMenuExpanded] = useState(false);
 &nbsp;
-  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 };
+    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;
+    const result = useGetConfig({
+        localStorageName: "qpp_top_nav_content",
+        url: "/config/header",
+        timeout: 30,
+        defaultContent: defaultHeaderContent,
     });
-  };
 &nbsp;
-  const result = useGetConfig({
-    localStorageName: 'qpp_top_nav_content',
-    url: '/config/header',
-    timeout: 30,
-    defaultContent: defaultHeaderContent,
-  });
+    const content = mapContentToRows(result?.content);
 &nbsp;
-  const content = mapContentToRows(result?.content);
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (showCancelButton) {
+<span class="cstat-no" title="statement not covered" >        return (</span>
+            &lt;HeaderStateProvider RouterLink={RouterLink}&gt;
+                &lt;HeaderContainer
+                    showCancelButton
+                    skipToContentId={skipToContentId}
+                    includeSkipToSidebar={includeSkipToSidebar}
+                &gt;
+                    &lt;HeaderCancel handleCancel={handleCancel} /&gt;
+                &lt;/HeaderContainer&gt;
+            &lt;/HeaderStateProvider&gt;
+        );
+    }
 &nbsp;
-  <span class="missing-if-branch" title="if path not taken" >I</span>if (showCancelButton) {
-<span class="cstat-no" title="statement not covered" >    return (</span>
-      &lt;HeaderStateProvider RouterLink={RouterLink}&gt;
-        &lt;HeaderContainer
-          showCancelButton
-          skipToContentId={skipToContentId}
-          includeSkipToSidebar={includeSkipToSidebar}
-        &gt;
-          &lt;HeaderCancel handleCancel={handleCancel} /&gt;
-        &lt;/HeaderContainer&gt;
-      &lt;/HeaderStateProvider&gt;
-    );
-  }
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (isDevPre) {
+<span class="cstat-no" title="statement not covered" >        return (</span>
+            &lt;HeaderStateProvider RouterLink={RouterLink}&gt;
+                &lt;HeaderContainer
+                    isIESupportPage={isIESupportPage}
+                    skipToContentId={skipToContentId}
+                    includeSkipToSidebar={includeSkipToSidebar}
+                &gt;
+                    &lt;nav
+                        aria-label="Primary navigation"
+                        hidden={!isMobileMenuExpanded}
+                    &gt;
+                        &lt;ul className="navigation-menu"&gt;
+                            &lt;HeaderAccountMenu
+                                isDevPre
+                                isLoginEnabled={isLoginEnabled}
+                            /&gt;
+                        &lt;/ul&gt;
+                    &lt;/nav&gt;
+                &lt;/HeaderContainer&gt;
+            &lt;/HeaderStateProvider&gt;
+        );
+    }
 &nbsp;
-  <span class="missing-if-branch" title="if path not taken" >I</span>if (isDevPre) {
-<span class="cstat-no" title="statement not covered" >    return (</span>
-      &lt;HeaderStateProvider RouterLink={RouterLink}&gt;
-        &lt;HeaderContainer
-          isIESupportPage={isIESupportPage}
-          skipToContentId={skipToContentId}
-          includeSkipToSidebar={includeSkipToSidebar}
-        &gt;
-          &lt;nav aria-label="Primary navigation" hidden={!isMobileMenuExpanded}&gt;
-            &lt;ul className="navigation-menu"&gt;
-              &lt;HeaderAccountMenu isDevPre isLoginEnabled={isLoginEnabled} /&gt;
-            &lt;/ul&gt;
-          &lt;/nav&gt;
-        &lt;/HeaderContainer&gt;
-      &lt;/HeaderStateProvider&gt;
-    );
-  }
+    if (!content) {
+        return null;
+    }
 &nbsp;
-  if (!content) {
-    return null;
-  }
-&nbsp;
-  return (
-    &lt;HeaderStateProvider RouterLink={RouterLink}&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>
-              fbpPerformanceYear={fbpPerformanceYear}
-              feedbackPerformanceYear={feedbackPerformanceYear}
-              isLoginEnabled={isLoginEnabled}
-              performanceYear={performanceYear}
-              showPhysicianCompareLink={showPhysicianCompareLink}
-              showFacilityBasedPreviewLink={showFacilityBasedPreviewLink}
-            /&gt;
-          &lt;/ul&gt;
-        &lt;/nav&gt;
-      &lt;/HeaderContainer&gt;
-      &lt;ImpersonatorBanner /&gt;
-    &lt;/HeaderStateProvider&gt;
-  );
+    return (
+        &lt;HeaderStateProvider RouterLink={RouterLink}&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(</span>
+                                        !isMobileMenuExpanded
+                                    );
+                                }}
+                                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>
+                            }
+                            fbpPerformanceYear={fbpPerformanceYear}
+                            feedbackPerformanceYear={feedbackPerformanceYear}
+                            isLoginEnabled={isLoginEnabled}
+                            performanceYear={performanceYear}
+                            showPhysicianCompareLink={showPhysicianCompareLink}
+                            showFacilityBasedPreviewLink={
+                                showFacilityBasedPreviewLink
+                            }
+                        /&gt;
+                    &lt;/ul&gt;
+                &lt;/nav&gt;
+            &lt;/HeaderContainer&gt;
+            &lt;ImpersonatorBanner /&gt;
+        &lt;/HeaderStateProvider&gt;
+    );
 };
 &nbsp;
 HeaderUI.propTypes = {
-  fbpPerformanceYear: PropTypes.string,
-  feedbackPerformanceYear: PropTypes.string,
-  handleCancel: PropTypes.func,
-  includeSkipToSidebar: PropTypes.bool,
-  isDevPre: PropTypes.bool,
-  isLoginEnabled: PropTypes.bool,
-  performanceYear: PropTypes.number,
-  showCancelButton: PropTypes.bool,
-  showPhysicianCompareLink: PropTypes.bool,
-  showFacilityBasedPreviewLink: PropTypes.bool,
-  skipToContentId: PropTypes.string,
-  RouterLink: PropTypes.func,
-  isIESupportPage: PropTypes.bool,
+    fbpPerformanceYear: PropTypes.string,
+    feedbackPerformanceYear: PropTypes.string,
+    handleCancel: PropTypes.func,
+    includeSkipToSidebar: PropTypes.bool,
+    isDevPre: PropTypes.bool,
+    isLoginEnabled: PropTypes.bool,
+    performanceYear: PropTypes.number,
+    showCancelButton: PropTypes.bool,
+    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,
-  isLoginEnabled: true,
-  performanceYear: 2017,
-  showCancelButton: false,
-  showPhysicianCompareLink: false,
-  showFacilityBasedPreviewLink: false,
-  skipToContentId: null,
-  RouterLink: null,
-  isIESupportPage: false,
+    fbpPerformanceYear: null,
+    feedbackPerformanceYear: null,
+    handleCancel: Function.prototype,
+    includeSkipToSidebar: false,
+    isDevPre: false,
+    isLoginEnabled: true,
+    performanceYear: 2017,
+    showCancelButton: false,
+    showPhysicianCompareLink: false,
+    showFacilityBasedPreviewLink: false,
+    skipToContentId: null,
+    RouterLink: null,
+    isIESupportPage: false,
 };
 &nbsp;
 export default HeaderUI;
@@ -571,7 +622,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 Mon Mar 14 2022 14:52:06 GMT-0700 (Pacific Daylight Time)
+                at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -127,19 +127,19 @@
 <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 = () =&gt; (
-  &lt;a
-    className="header-help"
-    href="tel:1-866-288-8292"
-    data-track-category="MainContent"
-    data-track-action="CallQPPServiceCenter"
-    data-track-label="QPP Service Center Phone"
-  &gt;
-    &lt;svg viewBox="0 0 28 28" className="header-help-icon"&gt;
-      &lt;path
-        d="M23.9,5.9c0-0.6-0.2-1.1-0.6-1.5c-2.5-2.5-5.7-3.8-9.2-3.8S7.2,1.9,4.8,4.4c-0.4,0.4-0.6,1-0.6,1.5
+    &lt;a
+        className="header-help"
+        href="tel:1-866-288-8292"
+        data-track-category="MainContent"
+        data-track-action="CallQPPServiceCenter"
+        data-track-label="QPP Service Center Phone"
+    &gt;
+        &lt;svg viewBox="0 0 28 28" className="header-help-icon"&gt;
+            &lt;path
+                d="M23.9,5.9c0-0.6-0.2-1.1-0.6-1.5c-2.5-2.5-5.7-3.8-9.2-3.8S7.2,1.9,4.8,4.4c-0.4,0.4-0.6,1-0.6,1.5
         c0,0.4,0.1,0.8,0.3,1.1c-1.3,1.9-2,4.1-2,6.6v2.9c0,2.1,1.1,4,2.9,5.1c0,1.2,1,2.1,2.2,2.1c1.2,0,2.2-1,2.2-2.2v-6.5
         c0-1.2-1-2.2-2.2-2.2c-1.1,0-2,0.8-2.1,1.8H3.8v-1.1c0-2.1,0.6-4,1.7-5.6C5.8,8.1,6,8.1,6.3,8.1c0.6,0,1.1-0.2,1.5-0.6
         c1.6-1.6,3.8-2.5,6.2-2.5s4.5,0.9,6.2,2.5c0.4,0.4,1,0.6,1.5,0.6c0.3,0,0.5,0,0.7-0.1c1.1,1.6,1.7,3.6,1.7,5.6v1.1h-1.5
@@ -152,10 +152,10 @@ const HelpIcon = () =&gt; (
         S19.8,22,19.8,21.6z M22.7,16.2h1.5v0.4c0,1.3-0.5,2.5-1.5,3.3V16.2z M21.2,6.5c-1.9-1.9-4.5-3-7.2-3s-5.3,1.1-7.2,3
         c-0.3,0.3-0.8,0.3-1,0C5.7,6.3,5.6,6.1,5.6,5.9s0.1-0.4,0.2-0.5C8,3.2,10.9,2,14,2s6,1.2,8.2,3.4l0,0c0.1,0.1,0.2,0.3,0.2,0.5
         s-0.1,0.4-0.2,0.5C21.9,6.7,21.5,6.7,21.2,6.5z"
-      /&gt;
-    &lt;/svg&gt;
-    &lt;span&gt;Help&lt;/span&gt;
-  &lt;/a&gt;
+            /&gt;
+        &lt;/svg&gt;
+        &lt;span&gt;Help&lt;/span&gt;
+    &lt;/a&gt;
 );
 &nbsp;
 export default HelpIcon;
@@ -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 Mon Mar 14 2022 14:52:06 GMT-0700 (Pacific Daylight Time)
+                at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -120,7 +120,13 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<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>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -177,60 +183,63 @@
 <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 cookie from 'cookie';
-import axios from 'axios';
-import CloseIcon from '@mui/icons-material/Close';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
+import cookie from "cookie";
+import axios from "axios";
+import CloseIcon from "@mui/icons-material/Close";
 &nbsp;
-import { TextButton } from '../Button';
-import { deleteImpersonatedUser, revertQppHasAuthsCookie } from '../../session/logout';
+import { TextButton } from "../Button";
+import {
+    deleteImpersonatedUser,
+    revertQppHasAuthsCookie,
+} from "../../session/logout";
 &nbsp;
 const ImpersonatorBanner = () =&gt; {
-  const { qpp_auth_token: token = null, qpp_impersonated_user: user = null } =
-    cookie.parse(document.cookie);
+    const { qpp_auth_token: token = null, qpp_impersonated_user: user = null } =
+        cookie.parse(document.cookie);
 &nbsp;
-  const className = [
-    'qpp-u-display--flex',
-    'qpp-u-justify-content--between',
-    'qpp-u-fill--gold-20',
-    'qpp-u-padding-x--40',
-    'qpp-u-padding-y--24',
-    'qpp-u-font-size--14',
-    'qpp-u-color--gray-80',
-  ].join(' ');
+    const className = [
+        "qpp-u-display--flex",
+        "qpp-u-justify-content--between",
+        "qpp-u-fill--gold-20",
+        "qpp-u-padding-x--40",
+        "qpp-u-padding-y--24",
+        "qpp-u-font-size--14",
+        "qpp-u-color--gray-80",
+    ].join(" ");
 &nbsp;
-  const onClick = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
-    const fn = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >      deleteImpersonatedUser({ qpp_impersonated_user: user });</span>
-      // Set qpp_has_authorizations cookie back to impersonator's value
-<span class="cstat-no" title="statement not covered" >      revertQppHasAuthsCookie();</span>
-<span class="cstat-no" title="statement not covered" >      window.location.reload();</span>
+    const onClick = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
+        const fn = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >            deleteImpersonatedUser({ qpp_impersonated_user: user });</span>
+            // Set qpp_has_authorizations cookie back to impersonator's value
+<span class="cstat-no" title="statement not covered" >            revertQppHasAuthsCookie();</span>
+<span class="cstat-no" title="statement not covered" >            window.location.reload();</span>
+        };
+<span class="cstat-no" title="statement not covered" >        return axios</span>
+            .delete("/api/auth/users/impersonate", {
+                headers: {
+                    Accept: "application/vnd.qpp.cms.gov.v1+json",
+                    Authorization: `Bearer ${token}`,
+                },
+            })
+            .then(fn, fn);
     };
-<span class="cstat-no" title="statement not covered" >    return axios</span>
-      .delete('/api/auth/users/impersonate', {
-        headers: {
-          Accept: 'application/vnd.qpp.cms.gov.v1+json',
-          Authorization: `Bearer ${token}`,
-        },
-      })
-      .then(fn, fn);
-  };
 &nbsp;
-  return (
-    token &amp;&amp;
-<span class="branch-1 cbranch-no" title="branch not covered" >    user </span>&amp;&amp; (
-<span class="branch-2 cbranch-no" title="branch not covered" >      &lt;div className={className}&gt;</span>
-        &lt;div&gt;
-          VIEW ONLY | You are currently impersonating HARP user:{' '}
-          &lt;strong&gt;{user}&lt;/strong&gt;
-        &lt;/div&gt;
-        &lt;TextButton onClick={onClick} className="qpp-u-color--gray-80"&gt;
-          Exit Impersonation Mode
-          &lt;CloseIcon /&gt;
-        &lt;/TextButton&gt;
-      &lt;/div&gt;
-    )
-  );
+    return (
+        token &amp;&amp;
+<span class="branch-1 cbranch-no" title="branch not covered" >        user </span>&amp;&amp; (
+<span class="branch-2 cbranch-no" title="branch not covered" >            &lt;div className={className}&gt;</span>
+                &lt;div&gt;
+                    VIEW ONLY | You are currently impersonating HARP user:{" "}
+                    &lt;strong&gt;{user}&lt;/strong&gt;
+                &lt;/div&gt;
+                &lt;TextButton onClick={onClick} className="qpp-u-color--gray-80"&gt;
+                    Exit Impersonation Mode
+                    &lt;CloseIcon /&gt;
+                &lt;/TextButton&gt;
+            &lt;/div&gt;
+        )
+    );
 };
 &nbsp;
 export default ImpersonatorBanner;
@@ -241,7 +250,7 @@ export default ImpersonatorBanner;
             <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 Mon Mar 14 2022 14:52:06 GMT-0700 (Pacific Daylight Time)
+                at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>