@madie/madie-design-system 1.0.2 → 1.0.3

package/coverage/lcov-report/react/components/SideNav/Details/PracticeDetails.jsx.html

@@ -108,7 +108,9 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<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></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-yes">2x</span>
@@ -143,6 +145,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-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>
@@ -153,48 +157,50 @@
 <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;
 const PracticeDetails = <span class="fstat-no" title="function not covered" >({</span>
-  practiceName,
-  practiceTin,
-  apmEntityId,
-  vgId,
-  cpcPlusId,
-  pcfId
+    practiceName,
+    practiceTin,
+    apmEntityId,
+    vgId,
+    cpcPlusId,
+    pcfId,
 }) =&gt; {
-  function <span class="fstat-no" title="function not covered" >renderId(</span>) {
-<span class="cstat-no" title="statement not covered" >    if (cpcPlusId) {</span>
-<span class="cstat-no" title="statement not covered" >      return &lt;p className="practice-tin"&gt;CPC+ ID: {cpcPlusId}&lt;/p&gt;;</span>
-    } else <span class="cstat-no" title="statement not covered" >if (pcfId) {</span>
-<span class="cstat-no" title="statement not covered" >      return &lt;p className="practice-tin"&gt;PCF ID: {pcfId}&lt;/p&gt;;</span>
-    } else <span class="cstat-no" title="statement not covered" >if (apmEntityId) {</span>
-<span class="cstat-no" title="statement not covered" >      return &lt;p className="practice-tin"&gt;APM Entity ID: {apmEntityId}&lt;/p&gt;;</span>
-    } else <span class="cstat-no" title="statement not covered" >if (vgId) {</span>
-<span class="cstat-no" title="statement not covered" >      return &lt;p className="practice-tin"&gt;VG ID: {vgId}&lt;/p&gt;;</span>
-    } else <span class="cstat-no" title="statement not covered" >if (practiceTin) {</span>
-<span class="cstat-no" title="statement not covered" >      return &lt;p className="practice-tin"&gt;TIN: {practiceTin}&lt;/p&gt;;</span>
-    } else {
-<span class="cstat-no" title="statement not covered" >      return;</span>
+    function <span class="fstat-no" title="function not covered" >renderId(</span>) {
+<span class="cstat-no" title="statement not covered" >        if (cpcPlusId) {</span>
+<span class="cstat-no" title="statement not covered" >            return &lt;p className="practice-tin"&gt;CPC+ ID: {cpcPlusId}&lt;/p&gt;;</span>
+        } else <span class="cstat-no" title="statement not covered" >if (pcfId) {</span>
+<span class="cstat-no" title="statement not covered" >            return &lt;p className="practice-tin"&gt;PCF ID: {pcfId}&lt;/p&gt;;</span>
+        } else <span class="cstat-no" title="statement not covered" >if (apmEntityId) {</span>
+<span class="cstat-no" title="statement not covered" >            return &lt;p className="practice-tin"&gt;APM Entity ID: {apmEntityId}&lt;/p&gt;;</span>
+        } else <span class="cstat-no" title="statement not covered" >if (vgId) {</span>
+<span class="cstat-no" title="statement not covered" >            return &lt;p className="practice-tin"&gt;VG ID: {vgId}&lt;/p&gt;;</span>
+        } else <span class="cstat-no" title="statement not covered" >if (practiceTin) {</span>
+<span class="cstat-no" title="statement not covered" >            return &lt;p className="practice-tin"&gt;TIN: {practiceTin}&lt;/p&gt;;</span>
+        } else {
+<span class="cstat-no" title="statement not covered" >            return;</span>
+        }
     }
-  }
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;div className="practice-container"&gt;
-      &lt;h2 className="practice-name"&gt;{practiceName || 'No name on record'}&lt;/h2&gt;
-      {renderId()}
-    &lt;/div&gt;
-  );
+<span class="cstat-no" title="statement not covered" >    return (</span>
+        &lt;div className="practice-container"&gt;
+            &lt;h2 className="practice-name"&gt;
+                {practiceName || "No name on record"}
+            &lt;/h2&gt;
+            {renderId()}
+        &lt;/div&gt;
+    );
 };
 &nbsp;
 PracticeDetails.propTypes = {
-  practiceName: PropTypes.string,
-  practiceTin: PropTypes.string,
-  apmEntityId: PropTypes.string,
-  vgId: PropTypes.string,
-  cpcPlusId: PropTypes.string,
-  pcfId: PropTypes.string,
+    practiceName: PropTypes.string,
+    practiceTin: PropTypes.string,
+    apmEntityId: PropTypes.string,
+    vgId: PropTypes.string,
+    cpcPlusId: PropTypes.string,
+    pcfId: PropTypes.string,
 };
 &nbsp;
 export default PracticeDetails;
@@ -205,7 +211,7 @@ export default PracticeDetails;
             <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/SideNav/Details/index.html

@@ -131,7 +131,7 @@
             <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/SideNav/Details/index.js.html

@@ -71,8 +71,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-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import IndividualDetails from './IndividualDetails';
-import PracticeDetails from './PracticeDetails';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import IndividualDetails from "./IndividualDetails";
+import PracticeDetails from "./PracticeDetails";
 &nbsp;
 export { IndividualDetails, PracticeDetails };
 &nbsp;</pre></td></tr></table></pre>
@@ -82,7 +82,7 @@ export { IndividualDetails, PracticeDetails };
             <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/SideNav/Links/CmsSwitchLink.jsx.html

@@ -145,44 +145,44 @@
 <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 { handleNavigation } from '../helpers';
-import { SwitchPractice, ChevronRight } 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 { handleNavigation } from "../helpers";
+import { SwitchPractice, ChevronRight } from "../../../lib/SvgComponents.jsx";
 &nbsp;
 const CmsSwitchLink = <span class="fstat-no" title="function not covered" >({</span> linkCallback, url, label }) =&gt; {
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;div className="switch-container"&gt;
-      &lt;a
-        href={url}
-        onClick={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; <span class="cstat-no" title="statement not covered" >handleNavigation(e, linkCallback, label)}</span>
-        className="switch-link"
-      &gt;
-        &lt;div className="button-partition"&gt;
-          &lt;svg className="icon"&gt;
-            &lt;SwitchPractice /&gt;
-            &lt;title&gt;Switch Practice Icon&lt;/title&gt;
-          &lt;/svg&gt;
-          &lt;span&gt;{label}&lt;/span&gt;
+<span class="cstat-no" title="statement not covered" >    return (</span>
+        &lt;div className="switch-container"&gt;
+            &lt;a
+                href={url}
+                onClick={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; <span class="cstat-no" title="statement not covered" >handleNavigation(e, linkCallback, label)}</span>
+                className="switch-link"
+            &gt;
+                &lt;div className="button-partition"&gt;
+                    &lt;svg className="icon"&gt;
+                        &lt;SwitchPractice /&gt;
+                        &lt;title&gt;Switch Practice Icon&lt;/title&gt;
+                    &lt;/svg&gt;
+                    &lt;span&gt;{label}&lt;/span&gt;
+                &lt;/div&gt;
+                &lt;div className="button-partition"&gt;
+                    &lt;svg
+                        className="icon right-icon rotated"
+                        aria-hidden="true"
+                        focusable="false"
+                    &gt;
+                        &lt;ChevronRight /&gt;
+                    &lt;/svg&gt;
+                &lt;/div&gt;
+            &lt;/a&gt;
         &lt;/div&gt;
-        &lt;div className="button-partition"&gt;
-          &lt;svg
-            className="icon right-icon rotated"
-            aria-hidden="true"
-            focusable="false"
-          &gt;
-            &lt;ChevronRight /&gt;
-          &lt;/svg&gt;
-        &lt;/div&gt;
-      &lt;/a&gt;
-    &lt;/div&gt;
-  );
+    );
 };
 &nbsp;
 CmsSwitchLink.propTypes = {
-  linkCallback: PropTypes.func,
-  url: PropTypes.string,
-  label: PropTypes.string,
+    linkCallback: PropTypes.func,
+    url: PropTypes.string,
+    label: PropTypes.string,
 };
 &nbsp;
 export default CmsSwitchLink;
@@ -193,7 +193,7 @@ export default CmsSwitchLink;
             <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/SideNav/Links/NavItemInline.jsx.html

@@ -171,57 +171,57 @@
 <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 AnimationGroup from '../AnimationGroup/AnimationGroup';
-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 AnimationGroup from "../AnimationGroup/AnimationGroup";
+import PropTypes from "prop-types";
 &nbsp;
 const NavItemInline = <span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {
-  const {
-    url,
-    urlExpressionToMatch,
-    className,
-    icon,
-    label,
-    isActive,
-    showLabel,
-    disabled,
-  } = <span class="cstat-no" title="statement not covered" >props;</span>
+    const {
+        url,
+        urlExpressionToMatch,
+        className,
+        icon,
+        label,
+        isActive,
+        showLabel,
+        disabled,
+    } = <span class="cstat-no" title="statement not covered" >props;</span>
 &nbsp;
-  const localUrl = <span class="cstat-no" title="statement not covered" >urlExpressionToMatch || url;</span>
-  const urlRegExp = <span class="cstat-no" title="statement not covered" >new RegExp(`${localUrl}/?$`);</span>
-  const path = <span class="cstat-no" title="statement not covered" >window.location.href &amp;&amp; window.location.href.split('?')[0];</span>
-  const currentPage = <span class="cstat-no" title="statement not covered" >path &amp;&amp; path.match(urlRegExp);</span>
+    const localUrl = <span class="cstat-no" title="statement not covered" >urlExpressionToMatch || url;</span>
+    const urlRegExp = <span class="cstat-no" title="statement not covered" >new RegExp(`${localUrl}/?$`);</span>
+    const path = <span class="cstat-no" title="statement not covered" >window.location.href &amp;&amp; window.location.href.split("?")[0];</span>
+    const currentPage = <span class="cstat-no" title="statement not covered" >path &amp;&amp; path.match(urlRegExp);</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;div
-      className={`${className} ${isActive || currentPage ? 'active' : ''} ${
-        disabled ? 'disabled' : ''
-      }`}
-      aria-label={label}
-    &gt;
-      &lt;svg
-        className={`left-icon ${disabled ? 'disabled' : ''}`}
-        aria-hidden="true"
-        focusable="false"
-      &gt;
-        {icon}
-      &lt;/svg&gt;
-      &lt;AnimationGroup display={showLabel}&gt;
-        &lt;span tabIndex="-1"&gt;{label}&lt;/span&gt;
-      &lt;/AnimationGroup&gt;
-    &lt;/div&gt;
-  );
+<span class="cstat-no" title="statement not covered" >    return (</span>
+        &lt;div
+            className={`${className} ${
+                isActive || currentPage ? "active" : ""
+            } ${disabled ? "disabled" : ""}`}
+            aria-label={label}
+        &gt;
+            &lt;svg
+                className={`left-icon ${disabled ? "disabled" : ""}`}
+                aria-hidden="true"
+                focusable="false"
+            &gt;
+                {icon}
+            &lt;/svg&gt;
+            &lt;AnimationGroup display={showLabel}&gt;
+                &lt;span tabIndex="-1"&gt;{label}&lt;/span&gt;
+            &lt;/AnimationGroup&gt;
+        &lt;/div&gt;
+    );
 };
 &nbsp;
 NavItemInline.propTypes = {
-  urlExpressionToMatch: PropTypes.string,
-  url: PropTypes.string,
-  className: PropTypes.string,
-  icon: PropTypes.element,
-  label: PropTypes.string,
-  isActive: PropTypes.bool,
-  showLabel: PropTypes.bool,
-  disabled: PropTypes.bool,
+    urlExpressionToMatch: PropTypes.string,
+    url: PropTypes.string,
+    className: PropTypes.string,
+    icon: PropTypes.element,
+    label: PropTypes.string,
+    isActive: PropTypes.bool,
+    showLabel: PropTypes.bool,
+    disabled: PropTypes.bool,
 };
 &nbsp;
 export default NavItemInline;
@@ -232,7 +232,7 @@ export default NavItemInline;
             <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/SideNav/Links/NavLinkContainer.jsx.html

@@ -101,7 +101,9 @@
 <a name='L36'></a><a href='#L36'>36</a>
 <a name='L37'></a><a href='#L37'>37</a>
 <a name='L38'></a><a href='#L38'>38</a>
-<a name='L39'></a><a href='#L39'>39</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L39'></a><a href='#L39'>39</a>
+<a name='L40'></a><a href='#L40'>40</a>
+<a name='L41'></a><a href='#L41'>41</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-yes">2x</span>
@@ -128,6 +130,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-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>
@@ -139,41 +143,43 @@
 <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;
 const NavLinkContainer = ({ listOfLinks, linkActiveFunc }) =&gt; {
-  const [activeLink, setActiveLink] = useState(null);
+    const [activeLink, setActiveLink] = useState(null);
 &nbsp;
-  const toggleActive = <span class="fstat-no" title="function not covered" >(i</span>dx, disabled) =&gt; {
-<span class="cstat-no" title="statement not covered" >    if (disabled || linkActiveFunc) <span class="cstat-no" title="statement not covered" >return;</span></span>
-<span class="cstat-no" title="statement not covered" >    setActiveLink(idx);</span>
-  };
+    const toggleActive = <span class="fstat-no" title="function not covered" >(i</span>dx, disabled) =&gt; {
+<span class="cstat-no" title="statement not covered" >        if (disabled || linkActiveFunc) <span class="cstat-no" title="statement not covered" >return;</span></span>
+<span class="cstat-no" title="statement not covered" >        setActiveLink(idx);</span>
+    };
 &nbsp;
-  return (
-    &lt;nav&gt;
-      &lt;ul&gt;
-        {(listOfLinks || <span class="branch-1 cbranch-no" title="branch not covered" >[])</span>.map(<span class="fstat-no" title="function not covered" >(l</span>ink, idx) =&gt; (
-<span class="cstat-no" title="statement not covered" >          &lt;li</span>
-            key={idx.toString()}
-            onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >toggleActive(idx, link.props.disabled)}</span>
-          &gt;
-            {React.cloneElement(link, { isActive: activeLink === idx })}
-          &lt;/li&gt;
-        ))}
-      &lt;/ul&gt;
-    &lt;/nav&gt;
-  );
+    return (
+        &lt;nav&gt;
+            &lt;ul&gt;
+                {(listOfLinks || <span class="branch-1 cbranch-no" title="branch not covered" >[])</span>.map(<span class="fstat-no" title="function not covered" >(l</span>ink, idx) =&gt; (
+<span class="cstat-no" title="statement not covered" >                    &lt;li</span>
+                        key={idx.toString()}
+                        onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >toggleActive(idx, link.props.disabled)}</span>
+                    &gt;
+                        {React.cloneElement(link, {
+                            isActive: activeLink === idx,
+                        })}
+                    &lt;/li&gt;
+                ))}
+            &lt;/ul&gt;
+        &lt;/nav&gt;
+    );
 };
 &nbsp;
 NavLinkContainer.propTypes = {
-  listOfLinks: PropTypes.array,
-  linkActiveFunc: PropTypes.func,
+    listOfLinks: PropTypes.array,
+    linkActiveFunc: PropTypes.func,
 };
 &nbsp;
 NavLinkContainer.defaultProps = {
-  listOfLinks: null,
-  linkActiveFunc: null,
+    listOfLinks: null,
+    linkActiveFunc: null,
 };
 &nbsp;
 export default NavLinkContainer;
@@ -184,7 +190,7 @@ export default NavLinkContainer;
             <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>