@madie/madie-design-system 1.0.2 → 1.0.3

package/coverage/lcov-report/react/components/Modal/Modal.jsx.html

@@ -343,143 +343,143 @@
 <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, { useRef, useState, useEffect } from 'react';
-import ReactModal from 'react-modal';
-import PropTypes from 'prop-types';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useRef, useState, useEffect } from "react";
+import ReactModal from "react-modal";
+import PropTypes from "prop-types";
 &nbsp;
-import { CloseXIcon2 } from '../../lib/SvgComponents.jsx';
+import { CloseXIcon2 } from "../../lib/SvgComponents.jsx";
 &nbsp;
 const Modal = ({
-  children,
-  onRequestClose,
-  title,
-  primary,
-  secondary,
-  appElement,
-  isOpen,
-  ...props
+    children,
+    onRequestClose,
+    title,
+    primary,
+    secondary,
+    appElement,
+    isOpen,
+    ...props
 }) =&gt; {
-  const [overflowSeparator, setOverflowSeparator] = useState(false);
-  const closeButtonRef = useRef(null);
-  const contentRef = useRef(null);
+    const [overflowSeparator, setOverflowSeparator] = useState(false);
+    const closeButtonRef = useRef(null);
+    const contentRef = useRef(null);
 &nbsp;
-  useEffect(() =&gt; {
-    ReactModal.setAppElement(appElement);
-  }, []);
+    useEffect(() =&gt; {
+        ReactModal.setAppElement(appElement);
+    }, []);
 &nbsp;
-  return (
-    &lt;ReactModal
-      onRequestClose={onRequestClose}
-      portalClassName="qpp-c-modal"
-      className="qpp-c-modal__content"
-      overlayClassName="qpp-c-modal__overlay"
-      bodyOpenClassName="qpp-c-modal__body-open"
-      isOpen={isOpen}
-      onAfterOpen={() =&gt; {
-        // Add heading separator based on overflow
-        <span class="missing-if-branch" title="if path not taken" >I</span>if (
-          contentRef.current?.scrollHeight &gt;
-          document.documentElement.clientHeight * 0.6
-        ) {
-<span class="cstat-no" title="statement not covered" >          setOverflowSeparator(true);</span>
-        } else {
-          setOverflowSeparator(false);
-        }
+    return (
+        &lt;ReactModal
+            onRequestClose={onRequestClose}
+            portalClassName="qpp-c-modal"
+            className="qpp-c-modal__content"
+            overlayClassName="qpp-c-modal__overlay"
+            bodyOpenClassName="qpp-c-modal__body-open"
+            isOpen={isOpen}
+            onAfterOpen={() =&gt; {
+                // Add heading separator based on overflow
+                <span class="missing-if-branch" title="if path not taken" >I</span>if (
+                    contentRef.current?.scrollHeight &gt;
+                    document.documentElement.clientHeight * 0.6
+                ) {
+<span class="cstat-no" title="statement not covered" >                    setOverflowSeparator(true);</span>
+                } else {
+                    setOverflowSeparator(false);
+                }
 &nbsp;
-        // Set default focus
-        <span class="missing-if-branch" title="else path not taken" >E</span>if (closeButtonRef?.current) {
-          closeButtonRef.current.focus();
-        }
-      }}
-      aria={{
-        labelledby: 'modal-heading',
-        describedby: 'modal-body',
-      }}
-      {...props}
-    &gt;
-      &lt;div
-        className={`qpp-c-modal__header ${
-          overflowSeparator ? <span class="branch-0 cbranch-no" title="branch not covered" >'qpp-c-modal__header-sep' </span>: ''
-        }`}
-      &gt;
-        &lt;h3 id="modal-heading"&gt;{title}&lt;/h3&gt;
-        &lt;button
-          className="closex qpp-c-button qpp-c-button--text qpp-u-color--black"
-          aria-label="close modal"
-          data-testid="modal-close-btn"
-          onClick={onRequestClose}
-          ref={closeButtonRef}
+                // Set default focus
+                <span class="missing-if-branch" title="else path not taken" >E</span>if (closeButtonRef?.current) {
+                    closeButtonRef.current.focus();
+                }
+            }}
+            aria={{
+                labelledby: "modal-heading",
+                describedby: "modal-body",
+            }}
+            {...props}
         &gt;
-          &lt;CloseXIcon2 /&gt;
-        &lt;/button&gt;
-      &lt;/div&gt;
-      &lt;div
-        id="modal-body"
-        className="qpp-c-modal__body"
-        ref={contentRef}
-        tabIndex={overflowSeparator ? <span class="branch-0 cbranch-no" title="branch not covered" >"0" </span>: undefined}
-      &gt;
-        {children}
-      &lt;/div&gt;
-      {(primary || <span class="branch-1 cbranch-no" title="branch not covered" >secondary)</span> &amp;&amp; (
-        &lt;div className="qpp-c-modal__footer"&gt;
-          {secondary &amp;&amp; (
-            &lt;button
-              className={`qpp-c-button qpp-c-button--secondary ${
-                primary ? 'qpp-u-margin-right--16' : <span class="branch-1 cbranch-no" title="branch not covered" >''</span>
-              }`}
-              loading={secondary.loading}
-              onClick={secondary.onClick || <span class="branch-1 cbranch-no" title="branch not covered" >onRequestClose}</span>
-              aria-label={secondary.title}
-              data-testid="modal-secondary-btn"
+            &lt;div
+                className={`qpp-c-modal__header ${
+                    overflowSeparator ? <span class="branch-0 cbranch-no" title="branch not covered" >"qpp-c-modal__header-sep" </span>: ""
+                }`}
             &gt;
-              {secondary.title}
-            &lt;/button&gt;
-          )}
-          {primary &amp;&amp; (
-            &lt;button
-              className="qpp-c-button"
-              loading={primary.loading}
-              onClick={primary.onClick}
-              data-testid="modal-primary-btn"
-              aria-label={primary.title}
+                &lt;h3 id="modal-heading"&gt;{title}&lt;/h3&gt;
+                &lt;button
+                    className="closex qpp-c-button qpp-c-button--text qpp-u-color--black"
+                    aria-label="close modal"
+                    data-testid="modal-close-btn"
+                    onClick={onRequestClose}
+                    ref={closeButtonRef}
+                &gt;
+                    &lt;CloseXIcon2 /&gt;
+                &lt;/button&gt;
+            &lt;/div&gt;
+            &lt;div
+                id="modal-body"
+                className="qpp-c-modal__body"
+                ref={contentRef}
+                tabIndex={overflowSeparator ? <span class="branch-0 cbranch-no" title="branch not covered" >"0" </span>: undefined}
             &gt;
-              {primary.title}
-            &lt;/button&gt;
-          )}
-        &lt;/div&gt;
-      )}
-    &lt;/ReactModal&gt;
-  );
+                {children}
+            &lt;/div&gt;
+            {(primary || <span class="branch-1 cbranch-no" title="branch not covered" >secondary)</span> &amp;&amp; (
+                &lt;div className="qpp-c-modal__footer"&gt;
+                    {secondary &amp;&amp; (
+                        &lt;button
+                            className={`qpp-c-button qpp-c-button--secondary ${
+                                primary ? "qpp-u-margin-right--16" : <span class="branch-1 cbranch-no" title="branch not covered" >""</span>
+                            }`}
+                            loading={secondary.loading}
+                            onClick={secondary.onClick || <span class="branch-1 cbranch-no" title="branch not covered" >onRequestClose}</span>
+                            aria-label={secondary.title}
+                            data-testid="modal-secondary-btn"
+                        &gt;
+                            {secondary.title}
+                        &lt;/button&gt;
+                    )}
+                    {primary &amp;&amp; (
+                        &lt;button
+                            className="qpp-c-button"
+                            loading={primary.loading}
+                            onClick={primary.onClick}
+                            data-testid="modal-primary-btn"
+                            aria-label={primary.title}
+                        &gt;
+                            {primary.title}
+                        &lt;/button&gt;
+                    )}
+                &lt;/div&gt;
+            )}
+        &lt;/ReactModal&gt;
+    );
 };
 &nbsp;
 Modal.propTypes = {
-  title: PropTypes.string,
-  children: PropTypes.node.isRequired,
-  primary: PropTypes.shape({
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    onClick: PropTypes.func,
-    loading: PropTypes.bool,
-    loadingText: PropTypes.string,
-  }),
-  secondary: PropTypes.shape({
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    onClick: PropTypes.func,
-    loading: PropTypes.bool,
-    loadingText: PropTypes.string,
-  }),
-  onRequestClose: PropTypes.func,
-  appElement: PropTypes.string,
-  isOpen: PropTypes.bool,
+    title: PropTypes.string,
+    children: PropTypes.node.isRequired,
+    primary: PropTypes.shape({
+        title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+        onClick: PropTypes.func,
+        loading: PropTypes.bool,
+        loadingText: PropTypes.string,
+    }),
+    secondary: PropTypes.shape({
+        title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+        onClick: PropTypes.func,
+        loading: PropTypes.bool,
+        loadingText: PropTypes.string,
+    }),
+    onRequestClose: PropTypes.func,
+    appElement: PropTypes.string,
+    isOpen: PropTypes.bool,
 };
 &nbsp;
 Modal.defaultProps = {
-  onRequestClose: <span class="fstat-no" title="function not covered" >()</span> =&gt; {},
-  title: undefined,
-  primary: null,
-  secondary: null,
-  appElement: 'body &gt; *:not(.qpp-c-modal)',
-  isOpen: false,
+    onRequestClose: <span class="fstat-no" title="function not covered" >()</span> =&gt; {},
+    title: undefined,
+    primary: null,
+    secondary: null,
+    appElement: "body &gt; *:not(.qpp-c-modal)",
+    isOpen: false,
 };
 &nbsp;
 export default Modal;
@@ -490,7 +490,7 @@ export default Modal;
             <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/Modal/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/Modal/index.jsx.html

@@ -107,26 +107,26 @@
 <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;
-import LegacyModal from './LegacyModal';
-import DsModal from './Modal';
+import LegacyModal from "./LegacyModal";
+import DsModal from "./Modal";
 &nbsp;
 const Modal = ({ useDesignSystem, ...rest }) =&gt; {
-  <span class="missing-if-branch" title="else path not taken" >E</span>if (useDesignSystem) {
-    return &lt;DsModal {...rest} /&gt;;
-  }
-<span class="cstat-no" title="statement not covered" >  return &lt;LegacyModal {...rest} /&gt;;</span>
+    <span class="missing-if-branch" title="else path not taken" >E</span>if (useDesignSystem) {
+        return &lt;DsModal {...rest} /&gt;;
+    }
+<span class="cstat-no" title="statement not covered" >    return &lt;LegacyModal {...rest} /&gt;;</span>
 };
 &nbsp;
 Modal.propTypes = {
-  useDesignSystem: PropTypes.bool,
+    useDesignSystem: PropTypes.bool,
 };
 Modal.defaultProps = {
-  useDesignSystem: false,
+    useDesignSystem: false,
 };
-Modal.displayName = 'Modal';
+Modal.displayName = "Modal";
 &nbsp;
 export default Modal;
 &nbsp;</pre></td></tr></table></pre>
@@ -136,7 +136,7 @@ export default Modal;
             <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/NotificationBanner/index.html

@@ -101,7 +101,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>