@madie/madie-design-system 1.0.2 → 1.0.3

package/coverage/lcov-report/react/components/SideNav/Links/NavLinkInline.jsx.html

@@ -170,7 +170,9 @@
 <a name='L105'></a><a href='#L105'>105</a>
 <a name='L106'></a><a href='#L106'>106</a>
 <a name='L107'></a><a href='#L107'>107</a>
-<a name='L108'></a><a href='#L108'>108</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L108'></a><a href='#L108'>108</a>
+<a name='L109'></a><a href='#L109'>109</a>
+<a name='L110'></a><a href='#L110'>110</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>
@@ -262,6 +264,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>
@@ -277,110 +281,112 @@
 <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 { handleNavigation } from '../helpers';
-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, { useState } from "react";
+import { handleNavigation } from "../helpers";
+import AnimationGroup from "../AnimationGroup/AnimationGroup";
+import PropTypes from "prop-types";
 &nbsp;
 const NavLinkInline = <span class="fstat-no" title="function not covered" >({</span>
-  url,
-  urlExpressionToMatch,
-  className,
-  icon,
-  label,
-  isActive,
-  showLabel,
-  linkCallback,
-  disabled,
-  useTooltips,
-  target,
+    url,
+    urlExpressionToMatch,
+    className,
+    icon,
+    label,
+    isActive,
+    showLabel,
+    linkCallback,
+    disabled,
+    useTooltips,
+    target,
 }) =&gt; {
-  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 svgRef = <span class="cstat-no" title="statement not covered" >React.useRef();</span>
-  const [showTooltip, setShowTooltip] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
-  const tooltipRef = <span class="cstat-no" title="statement not covered" >React.useRef();</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>
+    const svgRef = <span class="cstat-no" title="statement not covered" >React.useRef();</span>
+    const [showTooltip, setShowTooltip] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
+    const tooltipRef = <span class="cstat-no" title="statement not covered" >React.useRef();</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  React.useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (!showLabel &amp;&amp; useTooltips &amp;&amp; svgRef.current) {</span>
-      const existingMouseenter = <span class="cstat-no" title="statement not covered" >svgRef.current.onmouseover;</span>
-      const existingMouseout = <span class="cstat-no" title="statement not covered" >svgRef.current.onmouseout;</span>
+<span class="cstat-no" title="statement not covered" >    React.useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >        if (!showLabel &amp;&amp; useTooltips &amp;&amp; svgRef.current) {</span>
+            const existingMouseenter = <span class="cstat-no" title="statement not covered" >svgRef.current.onmouseover;</span>
+            const existingMouseout = <span class="cstat-no" title="statement not covered" >svgRef.current.onmouseout;</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      svgRef.current.onmouseover = <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >        if (tooltipRef.current &amp;&amp; useTooltips) {</span>
-          const svgOffset = <span class="cstat-no" title="statement not covered" >svgRef.current.getBoundingClientRect();</span>
-<span class="cstat-no" title="statement not covered" >          tooltipRef.current.style.top = `${svgOffset.top - 5}px`;</span>
-<span class="cstat-no" title="statement not covered" >          tooltipRef.current.style.display = 'block';</span>
-        }
-<span class="cstat-no" title="statement not covered" >        if (typeof existingMouseenter === 'function') {</span>
-<span class="cstat-no" title="statement not covered" >          existingMouseenter();</span>
-        }
-      };
+<span class="cstat-no" title="statement not covered" >            svgRef.current.onmouseover = <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >                if (tooltipRef.current &amp;&amp; useTooltips) {</span>
+                    const svgOffset = <span class="cstat-no" title="statement not covered" >svgRef.current.getBoundingClientRect();</span>
+<span class="cstat-no" title="statement not covered" >                    tooltipRef.current.style.top = `${svgOffset.top - 5}px`;</span>
+<span class="cstat-no" title="statement not covered" >                    tooltipRef.current.style.display = "block";</span>
+                }
+<span class="cstat-no" title="statement not covered" >                if (typeof existingMouseenter === "function") {</span>
+<span class="cstat-no" title="statement not covered" >                    existingMouseenter();</span>
+                }
+            };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      svgRef.current.onmouseout = <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >        if (tooltipRef.current) {</span>
-<span class="cstat-no" title="statement not covered" >          tooltipRef.current.style.display = 'none';</span>
+<span class="cstat-no" title="statement not covered" >            svgRef.current.onmouseout = <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >                if (tooltipRef.current) {</span>
+<span class="cstat-no" title="statement not covered" >                    tooltipRef.current.style.display = "none";</span>
+                }
+<span class="cstat-no" title="statement not covered" >                if (typeof existingMouseout === "function") {</span>
+<span class="cstat-no" title="statement not covered" >                    existingMouseout();</span>
+                }
+            };
+<span class="cstat-no" title="statement not covered" >            setShowTooltip(true);</span>
         }
-<span class="cstat-no" title="statement not covered" >        if (typeof existingMouseout === 'function') {</span>
-<span class="cstat-no" title="statement not covered" >          existingMouseout();</span>
+<span class="cstat-no" title="statement not covered" >        if (showLabel) {</span>
+<span class="cstat-no" title="statement not covered" >            setShowTooltip(false);</span>
         }
-      };
-<span class="cstat-no" title="statement not covered" >      setShowTooltip(true);</span>
-    }
-<span class="cstat-no" title="statement not covered" >    if (showLabel) {</span>
-<span class="cstat-no" title="statement not covered" >      setShowTooltip(false);</span>
-    }
-  }, [svgRef.current, showLabel]);
+    }, [svgRef.current, showLabel]);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;React.Fragment&gt;
-      &lt;a
-        href={disabled ? undefined : 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={`${className} ${currentPage || isActive ? 'active' : ''} ${
-          disabled ? 'disabled' : ''
-        }`}
-        data-track-category="SidebarNav"
-        data-track-action={`GoTo${label ? label.split(' ').join('') : ''}`}
-        data-track-label={label}
-        aria-label={label}
-        target={`${target ? target : '_self'}`}
-      &gt;
-        &lt;svg
-          className={`left-icon ${disabled ? 'disabled' : ''}`}
-          aria-hidden="true"
-          focusable="false"
-          ref={svgRef}
-        &gt;
-          {icon}
-        &lt;/svg&gt;
-        &lt;AnimationGroup display={showLabel}&gt;
-          &lt;span tabIndex="-1"&gt;{label}&lt;/span&gt;
-        &lt;/AnimationGroup&gt;
-      &lt;/a&gt;
-      {showTooltip &amp;&amp; (
-        &lt;div ref={tooltipRef} className="sidebar-tooltip"&gt;
-          &lt;span className="sidebar-tooltip-text"&gt;{label}&lt;/span&gt;
-        &lt;/div&gt;
-      )}
-    &lt;/React.Fragment&gt;
-  );
+<span class="cstat-no" title="statement not covered" >    return (</span>
+        &lt;React.Fragment&gt;
+            &lt;a
+                href={disabled ? undefined : 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={`${className} ${
+                    currentPage || isActive ? "active" : ""
+                } ${disabled ? "disabled" : ""}`}
+                data-track-category="SidebarNav"
+                data-track-action={`GoTo${
+                    label ? label.split(" ").join("") : ""
+                }`}
+                data-track-label={label}
+                aria-label={label}
+                target={`${target ? target : "_self"}`}
+            &gt;
+                &lt;svg
+                    className={`left-icon ${disabled ? "disabled" : ""}`}
+                    aria-hidden="true"
+                    focusable="false"
+                    ref={svgRef}
+                &gt;
+                    {icon}
+                &lt;/svg&gt;
+                &lt;AnimationGroup display={showLabel}&gt;
+                    &lt;span tabIndex="-1"&gt;{label}&lt;/span&gt;
+                &lt;/AnimationGroup&gt;
+            &lt;/a&gt;
+            {showTooltip &amp;&amp; (
+                &lt;div ref={tooltipRef} className="sidebar-tooltip"&gt;
+                    &lt;span className="sidebar-tooltip-text"&gt;{label}&lt;/span&gt;
+                &lt;/div&gt;
+            )}
+        &lt;/React.Fragment&gt;
+    );
 };
 &nbsp;
 NavLinkInline.propTypes = {
-  urlExpressionToMatch: PropTypes.string,
-  url: PropTypes.string,
-  className: PropTypes.string,
-  icon: PropTypes.element,
-  label: PropTypes.string,
-  isActive: PropTypes.bool,
-  showLabel: PropTypes.bool,
-  linkCallback: PropTypes.func,
-  disabled: PropTypes.bool,
-  useTooltips: PropTypes.bool,
-  target: PropTypes.string,
+    urlExpressionToMatch: PropTypes.string,
+    url: PropTypes.string,
+    className: PropTypes.string,
+    icon: PropTypes.element,
+    label: PropTypes.string,
+    isActive: PropTypes.bool,
+    showLabel: PropTypes.bool,
+    linkCallback: PropTypes.func,
+    disabled: PropTypes.bool,
+    useTooltips: PropTypes.bool,
+    target: PropTypes.string,
 };
 &nbsp;
 export default NavLinkInline;
@@ -391,7 +397,7 @@ export default NavLinkInline;
             <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/NavLinkToggle.jsx.html

@@ -131,37 +131,37 @@
 <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 { NavCollapse, NavExpand } from '../../../lib/SvgComponents';
+<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 { NavCollapse, NavExpand } from "../../../lib/SvgComponents";
 &nbsp;
 const NavLinkToggle = ({ isAltStyle, collapseRef, isExpanded, onClick }) =&gt; {
-  const expandedStyle = isExpanded ? 'link-collapse' : <span class="branch-1 cbranch-no" title="branch not covered" >'link-expand';</span>
-  const altStyle = isAltStyle ? <span class="branch-0 cbranch-no" title="branch not covered" >'alt-style' </span>: '';
+    const expandedStyle = isExpanded ? "link-collapse" : <span class="branch-1 cbranch-no" title="branch not covered" >"link-expand";</span>
+    const altStyle = isAltStyle ? <span class="branch-0 cbranch-no" title="branch not covered" >"alt-style" </span>: "";
 &nbsp;
-  return (
-    &lt;button
-      type="button"
-      aria-label={`Click to ${
-        isExpanded ? 'collapse' : <span class="branch-1 cbranch-no" title="branch not covered" >'expand'</span>
-      } the sidebar menu`}
-      ref={collapseRef}
-      className={`${expandedStyle} ${altStyle}`}
-      onClick={onClick}
-    &gt;
-      &lt;svg className="left-icon" aria-hidden="true" focusable="false"&gt;
-        {isExpanded ? &lt;NavCollapse /&gt; : <span class="branch-1 cbranch-no" title="branch not covered" >&lt;NavExpand /&gt;}</span>
-      &lt;/svg&gt;
-      &lt;span&gt;{isExpanded ? 'Collapse' : <span class="branch-1 cbranch-no" title="branch not covered" >'Expand'}</span>&lt;/span&gt;
-    &lt;/button&gt;
-  );
+    return (
+        &lt;button
+            type="button"
+            aria-label={`Click to ${
+                isExpanded ? "collapse" : <span class="branch-1 cbranch-no" title="branch not covered" >"expand"</span>
+            } the sidebar menu`}
+            ref={collapseRef}
+            className={`${expandedStyle} ${altStyle}`}
+            onClick={onClick}
+        &gt;
+            &lt;svg className="left-icon" aria-hidden="true" focusable="false"&gt;
+                {isExpanded ? &lt;NavCollapse /&gt; : <span class="branch-1 cbranch-no" title="branch not covered" >&lt;NavExpand /&gt;}</span>
+            &lt;/svg&gt;
+            &lt;span&gt;{isExpanded ? "Collapse" : <span class="branch-1 cbranch-no" title="branch not covered" >"Expand"}</span>&lt;/span&gt;
+        &lt;/button&gt;
+    );
 };
 &nbsp;
 NavLinkToggle.propTypes = {
-  isAltStyle: PropTypes.bool,
-  collapseRef: PropTypes.object,
-  isExpanded: PropTypes.bool,
-  onClick: PropTypes.func,
+    isAltStyle: PropTypes.bool,
+    collapseRef: PropTypes.object,
+    isExpanded: PropTypes.bool,
+    onClick: PropTypes.func,
 };
 &nbsp;
 export default NavLinkToggle;
@@ -172,7 +172,7 @@ export default NavLinkToggle;
             <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/index.html

@@ -191,7 +191,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/Links/index.js.html

@@ -89,18 +89,18 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import NavLinkContainer from './NavLinkContainer';
-import NavLinkDrawer from './NavLinkDrawer';
-import NavLinkInline from './NavLinkInline';
-import NavLinkToggle from './NavLinkToggle';
-import NavItemInline from './NavItemInline';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import NavLinkContainer from "./NavLinkContainer";
+import NavLinkDrawer from "./NavLinkDrawer";
+import NavLinkInline from "./NavLinkInline";
+import NavLinkToggle from "./NavLinkToggle";
+import NavItemInline from "./NavItemInline";
 &nbsp;
 export {
-  NavLinkContainer,
-  NavLinkDrawer,
-  NavLinkInline,
-  NavLinkToggle,
-  NavItemInline,
+    NavLinkContainer,
+    NavLinkDrawer,
+    NavLinkInline,
+    NavLinkToggle,
+    NavItemInline,
 };
 &nbsp;</pre></td></tr></table></pre>
 
@@ -109,7 +109,7 @@ export {
             <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>