@madie/madie-design-system 1.0.2 → 1.0.3

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

@@ -117,30 +117,30 @@
 <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 NavigationButtonIcon = <span class="fstat-no" title="function not covered" >()</span> =&gt; (
-<span class="cstat-no" title="statement not covered" >  &lt;svg</span>
-    className="btn-navigation-icon"
-    width="15px"
-    height="24px"
-    viewBox="0 0 15 24"
-  &gt;
-    &lt;g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd"&gt;
-      &lt;g
-        className="chevron-icon"
-        transform="translate(-20.000000, -114.000000)"
-        fillRule="nonzero"
-      &gt;
-        &lt;g
-          className="chevron-right"
-          transform="translate(20.000000, 114.000000)"
-        &gt;
-          &lt;path d="M14.6682692,12.2740385 L3.96634615,22.9759615 C3.78365385,23.1586538 3.56730769,23.25 3.31730769,23.25 C3.06730769,23.25 2.85096154,23.1586538 2.66826923,22.9759615 L0.274038462,20.5817308 C0.0913461538,20.3990385 0,20.1826923 0,19.9326923 C0,19.6826923 0.0913461538,19.4663462 0.274038462,19.2836538 L7.93269231,11.625 L0.274038462,3.96634615 C0.0913461538,3.78365385 0,3.56730769 0,3.31730769 C0,3.06730769 0.0913461538,2.85096154 0.274038462,2.66826923 L2.66826923,0.274038462 C2.85096154,0.0913461538 3.06730769,0 3.31730769,0 C3.56730769,0 3.78365385,0.0913461538 3.96634615,0.274038462 L14.6682692,10.9759615 C14.8509615,11.1586538 14.9423077,11.375 14.9423077,11.625 C14.9423077,11.875 14.8509615,12.0913462 14.6682692,12.2740385 Z"&gt;&lt;/path&gt;
+<span class="cstat-no" title="statement not covered" >    &lt;svg</span>
+        className="btn-navigation-icon"
+        width="15px"
+        height="24px"
+        viewBox="0 0 15 24"
+    &gt;
+        &lt;g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd"&gt;
+            &lt;g
+                className="chevron-icon"
+                transform="translate(-20.000000, -114.000000)"
+                fillRule="nonzero"
+            &gt;
+                &lt;g
+                    className="chevron-right"
+                    transform="translate(20.000000, 114.000000)"
+                &gt;
+                    &lt;path d="M14.6682692,12.2740385 L3.96634615,22.9759615 C3.78365385,23.1586538 3.56730769,23.25 3.31730769,23.25 C3.06730769,23.25 2.85096154,23.1586538 2.66826923,22.9759615 L0.274038462,20.5817308 C0.0913461538,20.3990385 0,20.1826923 0,19.9326923 C0,19.6826923 0.0913461538,19.4663462 0.274038462,19.2836538 L7.93269231,11.625 L0.274038462,3.96634615 C0.0913461538,3.78365385 0,3.56730769 0,3.31730769 C0,3.06730769 0.0913461538,2.85096154 0.274038462,2.66826923 L2.66826923,0.274038462 C2.85096154,0.0913461538 3.06730769,0 3.31730769,0 C3.56730769,0 3.78365385,0.0913461538 3.96634615,0.274038462 L14.6682692,10.9759615 C14.8509615,11.1586538 14.9423077,11.375 14.9423077,11.625 C14.9423077,11.875 14.8509615,12.0913462 14.6682692,12.2740385 Z"&gt;&lt;/path&gt;
+                &lt;/g&gt;
+            &lt;/g&gt;
         &lt;/g&gt;
-      &lt;/g&gt;
-    &lt;/g&gt;
-  &lt;/svg&gt;
+    &lt;/svg&gt;
 );
 &nbsp;
 export default NavigationButtonIcon;
@@ -151,7 +151,7 @@ export default NavigationButtonIcon;
             <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/header.js.html

@@ -103,7 +103,9 @@
 <a name='L38'></a><a href='#L38'>38</a>
 <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>
+<a name='L41'></a><a href='#L41'>41</a>
+<a name='L42'></a><a href='#L42'>42</a>
+<a name='L43'></a><a href='#L43'>43</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>
@@ -143,45 +145,49 @@
 <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 { render } from 'react-dom';
-import HeaderUI from './HeaderUI.jsx';
+<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 { render } from "react-dom";
+import HeaderUI from "./HeaderUI.jsx";
 &nbsp;
 /**
  * Renders the QPP Header content.
  */
 export default class Header {
-  /**
-   * @param {Object} options - An object containing content and config data
-   * @param {Boolean} options.isLoginEnabled
-   * @param {String} options.skipToContentId - The HTML ID of main content
-   * @param {Boolean} options.includeSkipToSidebar
-   * @param {Boolean} options.showCancelButton
-   * @param {Boolean} options.showCovidLink
-   * @param {Boolean} options.isIESupportPage
-   * @param {HTMLElement} options.rootElement - Elem inside which to render
-   */
-<span class="fstat-no" title="function not covered" >  co</span>nstructor(options) {
-<span class="cstat-no" title="statement not covered" >    render(</span>
-      &lt;HeaderUI
-        isLoginEnabled={options.isLoginEnabled}
-        skipToContentId={options.skipToContentId}
-        includeSkipToSidebar={options.includeSkipToSidebar}
-        showCancelButton={options.showCancelButton}
-        performanceYear={options.performanceYear}
-        feedbackPerformanceYear={options.feedbackPerformanceYear}
-        fbpPerformanceYear={options.fbpPerformanceYear}
-        showPhysicianCompareLink={options.showPhysicianCompareLink}
-        showFacilityBasedPreviewLink={options.showFacilityBasedPreviewLink}
-        showCovidLink={options.showCovidLink}
-        showMaqi={options.showMaqi}
-        isDevPre={options.isDevPre}
-        content={options.content}
-        isIESupportPage={options.isIESupportPage}
-      /&gt;,
-      options.rootElement
-    );
-  }
+    /**
+     * @param {Object} options - An object containing content and config data
+     * @param {Boolean} options.isLoginEnabled
+     * @param {String} options.skipToContentId - The HTML ID of main content
+     * @param {Boolean} options.includeSkipToSidebar
+     * @param {Boolean} options.showCancelButton
+     * @param {Boolean} options.showCovidLink
+     * @param {Boolean} options.isIESupportPage
+     * @param {HTMLElement} options.rootElement - Elem inside which to render
+     */
+<span class="fstat-no" title="function not covered" >    co</span>nstructor(options) {
+<span class="cstat-no" title="statement not covered" >        render(</span>
+            &lt;HeaderUI
+                isLoginEnabled={options.isLoginEnabled}
+                skipToContentId={options.skipToContentId}
+                includeSkipToSidebar={options.includeSkipToSidebar}
+                showCancelButton={options.showCancelButton}
+                performanceYear={options.performanceYear}
+                feedbackPerformanceYear={options.feedbackPerformanceYear}
+                fbpPerformanceYear={options.fbpPerformanceYear}
+                showPhysicianCompareLink={options.showPhysicianCompareLink}
+                showFacilityBasedPreviewLink={
+                    options.showFacilityBasedPreviewLink
+                }
+                showCovidLink={options.showCovidLink}
+                showMaqi={options.showMaqi}
+                isDevPre={options.isDevPre}
+                content={options.content}
+                isIESupportPage={options.isIESupportPage}
+            /&gt;,
+            options.rootElement
+        );
+    }
 }
 &nbsp;</pre></td></tr></table></pre>
 
@@ -190,7 +196,7 @@ export default class Header {
             <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/hooks.js.html

@@ -115,7 +115,14 @@
 <a name='L50'></a><a href='#L50'>50</a>
 <a name='L51'></a><a href='#L51'>51</a>
 <a name='L52'></a><a href='#L52'>52</a>
-<a name='L53'></a><a href='#L53'>53</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a>
+<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>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</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>
@@ -152,6 +159,11 @@
 <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-neutral">&nbsp;</span>
@@ -165,59 +177,68 @@
 <span class="cline-any cline-yes">8x</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">8x</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, { createContext, useState, useEffect, useContext } 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, { createContext, useState, useEffect, useContext } from "react";
+import PropTypes from "prop-types";
 &nbsp;
 export function useWindowWidth() {
-  const [windowSize, setWindowSize] = useState(undefined);
-  useEffect(() =&gt; {
-    function handleResize() {
-      setWindowSize(window.innerWidth);
-    }
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () =&gt; window.removeEventListener('resize', handleResize);
-  }, []);
-  return windowSize;
+    const [windowSize, setWindowSize] = useState(undefined);
+    useEffect(() =&gt; {
+        function handleResize() {
+            setWindowSize(window.innerWidth);
+        }
+        window.addEventListener("resize", handleResize);
+        handleResize();
+        return () =&gt; window.removeEventListener("resize", handleResize);
+    }, []);
+    return windowSize;
 }
 &nbsp;
 export const HeaderStateContext = createContext(null);
 &nbsp;
 export const HeaderStateProvider = ({ children, RouterLink }) =&gt; {
-  const [currentOpenMenu, setCurrentOpenMenu] = useState('');
+    const [currentOpenMenu, setCurrentOpenMenu] = useState("");
 &nbsp;
-  const handleToggleMenu = <span class="fstat-no" title="function not covered" >(n</span>ame) =&gt; {
-<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 handleToggleMenu = <span class="fstat-no" title="function not covered" >(n</span>ame) =&gt; {
+<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>
+    };
 &nbsp;
-  const closeMenus = <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setCurrentOpenMenu('');</span>
-  return (
-    &lt;HeaderStateContext.Provider
-      value={{ currentOpenMenu, handleToggleMenu, closeMenus, RouterLink }}
-    &gt;
-      {children}
-    &lt;/HeaderStateContext.Provider&gt;
-  );
+    const closeMenus = <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setCurrentOpenMenu("");</span>
+    return (
+        &lt;HeaderStateContext.Provider
+            value={{
+                currentOpenMenu,
+                handleToggleMenu,
+                closeMenus,
+                RouterLink,
+            }}
+        &gt;
+            {children}
+        &lt;/HeaderStateContext.Provider&gt;
+    );
 };
 HeaderStateProvider.propTypes = {
-  children: PropTypes.node.isRequired,
-  RouterLink: PropTypes.func,
+    children: PropTypes.node.isRequired,
+    RouterLink: PropTypes.func,
 };
 HeaderStateProvider.defaultProps = {
-  RouterLink: null,
+    RouterLink: null,
 };
 &nbsp;
 export const useHeaderState = () =&gt; {
-  const context = useContext(HeaderStateContext);
-  <span class="missing-if-branch" title="if path not taken" >I</span>if (context === undefined) {
-<span class="cstat-no" title="statement not covered" >    throw new Error('useHeaderState must be used within a HeaderStateProvider');</span>
-  }
-  return context;
+    const context = useContext(HeaderStateContext);
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (context === undefined) {
+<span class="cstat-no" title="statement not covered" >        throw new Error(</span>
+            "useHeaderState must be used within a HeaderStateProvider"
+        );
+    }
+    return context;
 };
 &nbsp;</pre></td></tr></table></pre>
 
@@ -226,7 +247,7 @@ export const useHeaderState = () =&gt; {
             <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/index.html

@@ -326,7 +326,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/Header/utag-helpers.js.html

@@ -82,14 +82,14 @@
 <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">export const setUtagLink = <span class="fstat-no" title="function not covered" >(e</span>ventCategory, eventAction, eventLabel) =&gt;
-<span class="cstat-no" title="statement not covered" >  window?.utag?.link({</span>
-    ga_event_category: eventCategory,
-    ga_event_action: eventAction,
-    ga_event_label: eventLabel,
-    page_title: `${window.document.title}`,
-    page_url: `${window.location.pathname}`,
-    event: 'trackEvent',
-  });
+<span class="cstat-no" title="statement not covered" >    window?.utag?.link({</span>
+        ga_event_category: eventCategory,
+        ga_event_action: eventAction,
+        ga_event_label: eventLabel,
+        page_title: `${window.document.title}`,
+        page_url: `${window.location.pathname}`,
+        event: "trackEvent",
+    });
 &nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
@@ -97,7 +97,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/Infotip/Infotip.jsx.html

@@ -213,22 +213,22 @@
 <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 Tooltip from '../Tooltip';
-import InfotipIcon from './InfotipIcon';
+<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 Tooltip from "../Tooltip";
+import InfotipIcon from "./InfotipIcon";
 &nbsp;
-const BUTTON_SIZE = '16px';
+const BUTTON_SIZE = "16px";
 &nbsp;
 const buttonStyle = {
-  background: 'transparent',
-  border: 0,
-  padding: 0,
-  width: BUTTON_SIZE,
-  height: BUTTON_SIZE,
-  WebkitTouchCallout: 'none',
-  WebkitUserSelect: 'none',
-  userSelect: 'none',
+    background: "transparent",
+    border: 0,
+    padding: 0,
+    width: BUTTON_SIZE,
+    height: BUTTON_SIZE,
+    WebkitTouchCallout: "none",
+    WebkitUserSelect: "none",
+    userSelect: "none",
 };
 &nbsp;
 // Use basic touch handlers for mobile "tap-to-open" ui.  Mobile touch
@@ -238,53 +238,53 @@ const buttonStyle = {
 // TODO: We may want to improve this by tracking touch positions to ensure
 // that a 'touchend' event must be reasonably close to the tooltip target.
 const touchHandlers = {
-  onTouchStart: (e) =&gt; {
-    e.stopPropagation();
-  },
-  onTouchEnd: (e) =&gt; {
-    if (document.activeElement !== e.currentTarget) {
-      e.preventDefault();
-      e.currentTarget.focus();
-    } else {
-      e.preventDefault();
-      e.currentTarget.blur();
-    }
-  },
+    onTouchStart: (e) =&gt; {
+        e.stopPropagation();
+    },
+    onTouchEnd: (e) =&gt; {
+        if (document.activeElement !== e.currentTarget) {
+            e.preventDefault();
+            e.currentTarget.focus();
+        } else {
+            e.preventDefault();
+            e.currentTarget.blur();
+        }
+    },
 };
 &nbsp;
 /**
  * Tooltip with styled information icon
  */
 const Infotip = ({ label, lightIcon, ...props }) =&gt; (
-  &lt;Tooltip label={label} {...props}&gt;
-    &lt;button
-      type="button"
-      aria-label="Information"
-      style={buttonStyle}
-      {...touchHandlers}
-    &gt;
-      &lt;InfotipIcon
-        lightIcon={lightIcon}
-        width={BUTTON_SIZE}
-        height={BUTTON_SIZE}
-        aria-hidden
-        style={{ float: 'left' }}
-      /&gt;
-    &lt;/button&gt;
-  &lt;/Tooltip&gt;
+    &lt;Tooltip label={label} {...props}&gt;
+        &lt;button
+            type="button"
+            aria-label="Information"
+            style={buttonStyle}
+            {...touchHandlers}
+        &gt;
+            &lt;InfotipIcon
+                lightIcon={lightIcon}
+                width={BUTTON_SIZE}
+                height={BUTTON_SIZE}
+                aria-hidden
+                style={{ float: "left" }}
+            /&gt;
+        &lt;/button&gt;
+    &lt;/Tooltip&gt;
 );
 &nbsp;
 Infotip.propTypes = {
-  label: PropTypes.string.isRequired,
-  ariaLabel: PropTypes.string,
-  lightIcon: PropTypes.bool,
-  DEBUG_STYLE: PropTypes.bool,
+    label: PropTypes.string.isRequired,
+    ariaLabel: PropTypes.string,
+    lightIcon: PropTypes.bool,
+    DEBUG_STYLE: PropTypes.bool,
 };
 &nbsp;
 Infotip.defaultProps = {
-  ariaLabel: undefined,
-  lightIcon: false,
-  DEBUG_STYLE: undefined,
+    ariaLabel: undefined,
+    lightIcon: false,
+    DEBUG_STYLE: undefined,
 };
 &nbsp;
 export default Infotip;
@@ -295,7 +295,7 @@ export default Infotip;
             <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/Infotip/InfotipIcon.jsx.html

@@ -145,46 +145,46 @@
 <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></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 InfotipIcon = ({ lightIcon, ...props }) =&gt; (
-  &lt;svg
-    width="20px"
-    height="20px"
-    viewBox="0 0 20 20"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  &gt;
-    &lt;g fill="none" fillRule="evenodd"&gt;
-      &lt;path
-        d="M9.721 19.158c-4.947 0-8.973-4.126-8.973-9.196C.748 4.892 4.774.766 9.72.766c4.948 0 8.974 4.126 8.974 9.196 0 5.07-4.026 9.196-8.974 9.196z"
-        fill="#2EB1ED"
-        fillRule="nonzero"
-      /&gt;
-      &lt;path
-        d="M9.721 0C4.361 0 0 4.469 0 9.962c0 5.493 4.36 9.962 9.721 9.962 5.36 0 9.722-4.469 9.722-9.962C19.443 4.469 15.082 0 9.72 0z"
-        fill={lightIcon ? '#FFF' : '#04838A'}
-      /&gt;
-      &lt;path
-        d="M9.721 14.765c-.206 0-.374.112-.374.25v.5c0 .138.168.25.374.25.207 0 .374-.112.374-.25v-.5c0-.138-.167-.25-.374-.25zM9.764 4.706H9.72c-.792 0-1.536.29-2.1.821a2.767 2.767 0 0 0-.89 2.03c0 .197.166.356.373.356s.374-.159.374-.356c0-.577.237-1.118.668-1.523a2.268 2.268 0 0 1 1.607-.615c1.182.016 2.195.98 2.211 2.107.011.743-.373 1.427-1.028 1.83-.995.61-1.589 1.691-1.589 2.89v1.013c0 .197.168.357.374.357.207 0 .374-.16.374-.357v-1.013c0-.941.477-1.82 1.246-2.292.873-.537 1.386-1.448 1.371-2.438-.022-1.527-1.345-2.788-2.948-2.81z"
-        stroke={lightIcon ? '#04838A' : '#FFF'}
-        strokeWidth=".5"
-        fill={lightIcon ? '#04838A' : '#FFF'}
-        fillRule="nonzero"
-      /&gt;
-    &lt;/g&gt;
-  &lt;/svg&gt;
+    &lt;svg
+        width="20px"
+        height="20px"
+        viewBox="0 0 20 20"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+    &gt;
+        &lt;g fill="none" fillRule="evenodd"&gt;
+            &lt;path
+                d="M9.721 19.158c-4.947 0-8.973-4.126-8.973-9.196C.748 4.892 4.774.766 9.72.766c4.948 0 8.974 4.126 8.974 9.196 0 5.07-4.026 9.196-8.974 9.196z"
+                fill="#2EB1ED"
+                fillRule="nonzero"
+            /&gt;
+            &lt;path
+                d="M9.721 0C4.361 0 0 4.469 0 9.962c0 5.493 4.36 9.962 9.721 9.962 5.36 0 9.722-4.469 9.722-9.962C19.443 4.469 15.082 0 9.72 0z"
+                fill={lightIcon ? "#FFF" : "#04838A"}
+            /&gt;
+            &lt;path
+                d="M9.721 14.765c-.206 0-.374.112-.374.25v.5c0 .138.168.25.374.25.207 0 .374-.112.374-.25v-.5c0-.138-.167-.25-.374-.25zM9.764 4.706H9.72c-.792 0-1.536.29-2.1.821a2.767 2.767 0 0 0-.89 2.03c0 .197.166.356.373.356s.374-.159.374-.356c0-.577.237-1.118.668-1.523a2.268 2.268 0 0 1 1.607-.615c1.182.016 2.195.98 2.211 2.107.011.743-.373 1.427-1.028 1.83-.995.61-1.589 1.691-1.589 2.89v1.013c0 .197.168.357.374.357.207 0 .374-.16.374-.357v-1.013c0-.941.477-1.82 1.246-2.292.873-.537 1.386-1.448 1.371-2.438-.022-1.527-1.345-2.788-2.948-2.81z"
+                stroke={lightIcon ? "#04838A" : "#FFF"}
+                strokeWidth=".5"
+                fill={lightIcon ? "#04838A" : "#FFF"}
+                fillRule="nonzero"
+            /&gt;
+        &lt;/g&gt;
+    &lt;/svg&gt;
 );
 &nbsp;
 export default InfotipIcon;
 &nbsp;
 InfotipIcon.propTypes = {
-  lightIcon: PropTypes.bool,
+    lightIcon: PropTypes.bool,
 };
 &nbsp;
 InfotipIcon.defaultProps = {
-  lightIcon: false,
+    lightIcon: false,
 };
 &nbsp;</pre></td></tr></table></pre>
 
@@ -193,7 +193,7 @@ InfotipIcon.defaultProps = {
             <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/Infotip/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/Infotip/index.js.html

@@ -69,7 +69,7 @@
 <a name='L4'></a><a href='#L4'>4</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></td><td class="text"><pre class="prettyprint lang-js">import Infotip from './Infotip';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import Infotip from "./Infotip";
 &nbsp;
 export default Infotip;
 &nbsp;</pre></td></tr></table></pre>
@@ -79,7 +79,7 @@ export default Infotip;
             <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>