@madie/madie-design-system 1.0.2 → 1.0.3

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

@@ -163,53 +163,53 @@
 <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>
 &nbsp;
 const HeaderMenuLink = <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>
-<span class="cstat-no" title="statement not covered" >  if (RouterLink &amp;&amp; isNotExcluded(href)) {</span>
+    const { RouterLink, closeMenus } = <span class="cstat-no" title="statement not covered" >useHeaderState();</span>
+<span class="cstat-no" title="statement not covered" >    if (RouterLink &amp;&amp; isNotExcluded(href)) {</span>
+<span class="cstat-no" title="statement not covered" >        return (</span>
+            &lt;RouterLink
+                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>
+                }}
+                data-track-category="TopNav"
+                data-track-action="click"
+                data-track-label={name}
+                className="nav-link"
+            &gt;
+                {name}
+            &lt;/RouterLink&gt;
+        );
+    }
 <span class="cstat-no" title="statement not covered" >    return (</span>
-      &lt;RouterLink
-        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>
-        }}
-        data-track-category="TopNav"
-        data-track-action="click"
-        data-track-label={name}
-        className="nav-link"
-      &gt;
-        {name}
-      &lt;/RouterLink&gt;
+        &lt;a
+            href={href}
+            className="nav-link"
+            data-track-category="TopNav"
+            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>
+            }}
+        &gt;
+            {name}
+        &lt;/a&gt;
     );
-  }
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;a
-      href={href}
-      className="nav-link"
-      data-track-category="TopNav"
-      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>
-      }}
-    &gt;
-      {name}
-    &lt;/a&gt;
-  );
 };
 &nbsp;
 HeaderMenuLink.propTypes = {
-  href: PropTypes.string.isRequired,
-  name: PropTypes.string.isRequired,
+    href: PropTypes.string.isRequired,
+    name: PropTypes.string.isRequired,
 };
 &nbsp;
 export default HeaderMenuLink;
@@ -220,7 +220,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 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/HeaderMenuSignOutButton.js.html

@@ -187,65 +187,65 @@
 <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>
-  const openModal = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setOpen(true);</span></span>
-  const closeModal = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setOpen(false);</span></span>
-<span class="cstat-no" title="statement not covered" >  return [open, openModal, closeModal];</span>
+    const [open, setOpen] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
+    const openModal = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setOpen(true);</span></span>
+    const closeModal = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setOpen(false);</span></span>
+<span class="cstat-no" title="statement not covered" >    return [open, openModal, closeModal];</span>
 };
 &nbsp;
 const HeaderMenuSignOutButton = <span class="fstat-no" title="function not covered" >({</span> name }) =&gt; {
-  const [open, openModal, closeModal] = <span class="cstat-no" title="statement not covered" >useModal();</span>
-  const showLogoutWarning = <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" >    LogoutSession(window);</span>
-  };
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;&gt;
-      &lt;button
-        className="signout-button"
-        aria-label="Sign out"
-        onClick={openModal}
-        data-track-category="TopNav"
-        data-track-action="click"
-        data-track-label={name}
-      &gt;
-        {name}
-      &lt;/button&gt;
-      &lt;Modal
-        useDesignSystem
-        isOpen={open}
-        title="Sign out"
-        onRequestClose={closeModal}
-        primary={{
-          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>
-          },
-        }}
-        secondary={{
-          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>
-          },
-        }}
-      &gt;
-        &lt;p&gt;Are you sure you want to sign out?&lt;/p&gt;
-      &lt;/Modal&gt;
-    &lt;/&gt;
-  );
+    const [open, openModal, closeModal] = <span class="cstat-no" title="statement not covered" >useModal();</span>
+    const showLogoutWarning = <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" >        LogoutSession(window);</span>
+    };
+<span class="cstat-no" title="statement not covered" >    return (</span>
+        &lt;&gt;
+            &lt;button
+                className="signout-button"
+                aria-label="Sign out"
+                onClick={openModal}
+                data-track-category="TopNav"
+                data-track-action="click"
+                data-track-label={name}
+            &gt;
+                {name}
+            &lt;/button&gt;
+            &lt;Modal
+                useDesignSystem
+                isOpen={open}
+                title="Sign out"
+                onRequestClose={closeModal}
+                primary={{
+                    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>
+                    },
+                }}
+                secondary={{
+                    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>
+                    },
+                }}
+            &gt;
+                &lt;p&gt;Are you sure you want to sign out?&lt;/p&gt;
+            &lt;/Modal&gt;
+        &lt;/&gt;
+    );
 };
 &nbsp;
 HeaderMenuSignOutButton.propTypes = {
-  name: PropTypes.string.isRequired,
+    name: PropTypes.string.isRequired,
 };
 &nbsp;
 export default HeaderMenuSignOutButton;
@@ -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 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/HeaderMobileButton.js.html

@@ -137,40 +137,40 @@
 <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 = ({ isMobileMenuExpanded, handleClick }) =&gt; (
-  &lt;button
-    className="mobile-menu-btn-new"
-    type="button"
-    data-toggle="collapse"
-    data-target="#nav-mobile"
-    aria-label="Navigation menu"
-    aria-expanded={isMobileMenuExpanded ? <span class="branch-0 cbranch-no" title="branch not covered" >'true' </span>: 'false'}
-    aria-controls="nav-mobile"
-    onClick={handleClick}
-  &gt;
-    {!isMobileMenuExpanded &amp;&amp; (
-      &lt;div className="icon"&gt;
-        &lt;span className="icon-bar" /&gt;
-        &lt;span className="icon-bar" /&gt;
-        &lt;span className="icon-bar" /&gt;
-      &lt;/div&gt;
-    )}
-    {isMobileMenuExpanded &amp;&amp; (
-<span class="branch-1 cbranch-no" title="branch not covered" >      &lt;svg className="close-icon" aria-hidden="true"&gt;</span>
-        &lt;CloseXIcon /&gt;
-      &lt;/svg&gt;
-    )}
-    &lt;div className="toggle-text"&gt;Menu&lt;/div&gt;
-  &lt;/button&gt;
+    &lt;button
+        className="mobile-menu-btn-new"
+        type="button"
+        data-toggle="collapse"
+        data-target="#nav-mobile"
+        aria-label="Navigation menu"
+        aria-expanded={isMobileMenuExpanded ? <span class="branch-0 cbranch-no" title="branch not covered" >"true" </span>: "false"}
+        aria-controls="nav-mobile"
+        onClick={handleClick}
+    &gt;
+        {!isMobileMenuExpanded &amp;&amp; (
+            &lt;div className="icon"&gt;
+                &lt;span className="icon-bar" /&gt;
+                &lt;span className="icon-bar" /&gt;
+                &lt;span className="icon-bar" /&gt;
+            &lt;/div&gt;
+        )}
+        {isMobileMenuExpanded &amp;&amp; (
+<span class="branch-1 cbranch-no" title="branch not covered" >            &lt;svg className="close-icon" aria-hidden="true"&gt;</span>
+                &lt;CloseXIcon /&gt;
+            &lt;/svg&gt;
+        )}
+        &lt;div className="toggle-text"&gt;Menu&lt;/div&gt;
+    &lt;/button&gt;
 );
 &nbsp;
 HeaderMobileButton.propTypes = {
-  isMobileMenuExpanded: PropTypes.bool.isRequired,
-  handleClick: PropTypes.func.isRequired,
+    isMobileMenuExpanded: PropTypes.bool.isRequired,
+    handleClick: PropTypes.func.isRequired,
 };
 &nbsp;
 export default HeaderMobileButton;
@@ -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 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>