@madie/madie-design-system 1.0.2 → 1.0.3

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

@@ -324,7 +324,19 @@
 <a name='L259'></a><a href='#L259'>259</a>
 <a name='L260'></a><a href='#L260'>260</a>
 <a name='L261'></a><a href='#L261'>261</a>
-<a name='L262'></a><a href='#L262'>262</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L262'></a><a href='#L262'>262</a>
+<a name='L263'></a><a href='#L263'>263</a>
+<a name='L264'></a><a href='#L264'>264</a>
+<a name='L265'></a><a href='#L265'>265</a>
+<a name='L266'></a><a href='#L266'>266</a>
+<a name='L267'></a><a href='#L267'>267</a>
+<a name='L268'></a><a href='#L268'>268</a>
+<a name='L269'></a><a href='#L269'>269</a>
+<a name='L270'></a><a href='#L270'>270</a>
+<a name='L271'></a><a href='#L271'>271</a>
+<a name='L272'></a><a href='#L272'>272</a>
+<a name='L273'></a><a href='#L273'>273</a>
+<a name='L274'></a><a href='#L274'>274</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>
@@ -383,6 +395,9 @@
 <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">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -407,6 +422,9 @@
 <span class="cline-any cline-yes">78x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">78x</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">76x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -425,6 +443,9 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -456,6 +477,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">5x</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">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -585,266 +609,278 @@
 <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, { Component } from 'react';
-import PropTypes from 'prop-types';
-import cookie from 'cookie';
-import retry from 'retry';
-import jwtDecode from 'jwt-decode';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { Component } from "react";
+import PropTypes from "prop-types";
+import cookie from "cookie";
+import retry from "retry";
+import jwtDecode from "jwt-decode";
 &nbsp;
-import Modal from './Modal';
-import RefreshSession from '../session/refresh';
-import LogoutSession from '../session/logout';
-import fetchTtl from '../session/ttl';
+import Modal from "./Modal";
+import RefreshSession from "../session/refresh";
+import LogoutSession from "../session/logout";
+import fetchTtl from "../session/ttl";
 &nbsp;
 const fetchTtlIntervalMs = 60000;
 &nbsp;
 export default class SessionDialogUI extends Component {
-  /**
-   * Create a SessionDialogUI component.
-   * @param {object} props - Configuration options. See SessionDialog for more
-   */
-  constructor(props) {
-    super(props);
+    /**
+     * Create a SessionDialogUI component.
+     * @param {object} props - Configuration options. See SessionDialog for more
+     */
+    constructor(props) {
+        super(props);
 &nbsp;
-    this.handleOpenModal = this.handleOpenModal.bind(this);
-    this.handleCloseModal = this.handleCloseModal.bind(this);
-    this.refreshSession = this.refreshSession.bind(this);
-    this.signOut = this.signOut.bind(this);
-    this.startTimer = this.startTimer.bind(this);
-    this.shouldShowDialog = this.shouldShowDialog.bind(this);
-    this.shouldSignOut = this.shouldSignOut.bind(this);
-    this.minutesUntil = this.minutesUntil.bind(this);
-    this.checkExpiry = this.checkExpiry.bind(this);
-    this.onInterval = this.onInterval.bind(this);
+        this.handleOpenModal = this.handleOpenModal.bind(this);
+        this.handleCloseModal = this.handleCloseModal.bind(this);
+        this.refreshSession = this.refreshSession.bind(this);
+        this.signOut = this.signOut.bind(this);
+        this.startTimer = this.startTimer.bind(this);
+        this.shouldShowDialog = this.shouldShowDialog.bind(this);
+        this.shouldSignOut = this.shouldSignOut.bind(this);
+        this.minutesUntil = this.minutesUntil.bind(this);
+        this.checkExpiry = this.checkExpiry.bind(this);
+        this.onInterval = this.onInterval.bind(this);
 &nbsp;
-    if (props.showImmediate === true) {
-      this.state = {
-        showModal: true,
-        showError: false,
-      };
-    } else {
-      this.state = {
-        showModal: false,
-        showError: false,
-      };
+        if (props.showImmediate === true) {
+            this.state = {
+                showModal: true,
+                showError: false,
+            };
+        } else {
+            this.state = {
+                showModal: false,
+                showError: false,
+            };
 &nbsp;
-      this.startTimer();
+            this.startTimer();
+        }
     }
-  }
 &nbsp;
-  /**
-   * Extracts the token exp value as a JavaScript date.
-   * @param {Object} cookies - An object representation of the cookie store
-   * @returns {(date|null)} The token expiration date, if found
-   */
-  getTokenExpiry(cookies) {
-    let expiry = null;
+    /**
+     * Extracts the token exp value as a JavaScript date.
+     * @param {Object} cookies - An object representation of the cookie store
+     * @returns {(date|null)} The token expiration date, if found
+     */
+    getTokenExpiry(cookies) {
+        let expiry = null;
 &nbsp;
-    if (cookies.hasOwnProperty('qpp_auth_token') &amp;&amp; cookies.qpp_auth_token) {
-      // See https://tools.ietf.org/html/rfc7519
-      // `exp` is a NumericDate representing "seconds since the epoch"
-      // and it needs to be milliseconds to get a JavaScript date from it.
-      const { exp } = jwtDecode(cookies.qpp_auth_token);
-      expiry = new Date(exp * 1000);
-    }
+        if (
+            cookies.hasOwnProperty("qpp_auth_token") &amp;&amp;
+            cookies.qpp_auth_token
+        ) {
+            // See https://tools.ietf.org/html/rfc7519
+            // `exp` is a NumericDate representing "seconds since the epoch"
+            // and it needs to be milliseconds to get a JavaScript date from it.
+            const { exp } = jwtDecode(cookies.qpp_auth_token);
+            expiry = new Date(exp * 1000);
+        }
 &nbsp;
-    return expiry;
-  }
+        return expiry;
+    }
 &nbsp;
-<span class="fstat-no" title="function not covered" >  ch</span>eckExpiry(expiry) {
-<span class="cstat-no" title="statement not covered" >    if (expiry) {</span>
-<span class="cstat-no" title="statement not covered" >      if (this.shouldShowDialog(expiry)) {</span>
-<span class="cstat-no" title="statement not covered" >        this.handleOpenModal();</span>
-      } else <span class="cstat-no" title="statement not covered" >if (this.shouldSignOut(expiry)) {</span>
-<span class="cstat-no" title="statement not covered" >        this.signOut();</span>
-<span class="cstat-no" title="statement not covered" >        clearInterval(this.warningInterval);</span>
-      }
-    } else {
-<span class="cstat-no" title="statement not covered" >      clearInterval(this.warningInterval);</span>
+<span class="fstat-no" title="function not covered" >    ch</span>eckExpiry(expiry) {
+<span class="cstat-no" title="statement not covered" >        if (expiry) {</span>
+<span class="cstat-no" title="statement not covered" >            if (this.shouldShowDialog(expiry)) {</span>
+<span class="cstat-no" title="statement not covered" >                this.handleOpenModal();</span>
+            } else <span class="cstat-no" title="statement not covered" >if (this.shouldSignOut(expiry)) {</span>
+<span class="cstat-no" title="statement not covered" >                this.signOut();</span>
+<span class="cstat-no" title="statement not covered" >                clearInterval(this.warningInterval);</span>
+            }
+        } else {
+<span class="cstat-no" title="statement not covered" >            clearInterval(this.warningInterval);</span>
+        }
     }
-  }
 &nbsp;
-  onInterval() {
-    const cookies = cookie.parse(document.cookie);
+    onInterval() {
+        const cookies = cookie.parse(document.cookie);
 &nbsp;
-    if (cookies.hasOwnProperty('qpp_auth_token') &amp;&amp; cookies.qpp_auth_token) {
-      const operation = retry.operation({
-        retries: 5,
-        factor: 1,
-        minTimeout: 1000,
-        maxTimeout: 1000,
-      });
+        if (
+            cookies.hasOwnProperty("qpp_auth_token") &amp;&amp;
+            cookies.qpp_auth_token
+        ) {
+            const operation = retry.operation({
+                retries: 5,
+                factor: 1,
+                minTimeout: 1000,
+                maxTimeout: 1000,
+            });
 &nbsp;
-      operation.attempt(() =&gt; {
-        fetchTtl(cookies.qpp_auth_token)
-          .then(this.checkExpiry)
-          .catch(<span class="fstat-no" title="function not covered" >(e</span>rror) =&gt; {
-<span class="cstat-no" title="statement not covered" >            if (operation.retry(error)) {</span>
-              // try again before giving up
-<span class="cstat-no" title="statement not covered" >              return;</span>
-            }
-<span class="cstat-no" title="statement not covered" >            clearInterval(this.warningInterval);</span>
-            // sign an inactive user out
-<span class="cstat-no" title="statement not covered" >            this.forceTimeoutHandle = setTimeout(this.signOut, 120 * 1000);</span>
-<span class="cstat-no" title="statement not covered" >            this.setState({</span>
-              showModal: false,
-              showError: true,
+            operation.attempt(() =&gt; {
+                fetchTtl(cookies.qpp_auth_token)
+                    .then(this.checkExpiry)
+                    .catch(<span class="fstat-no" title="function not covered" >(e</span>rror) =&gt; {
+<span class="cstat-no" title="statement not covered" >                        if (operation.retry(error)) {</span>
+                            // try again before giving up
+<span class="cstat-no" title="statement not covered" >                            return;</span>
+                        }
+<span class="cstat-no" title="statement not covered" >                        clearInterval(this.warningInterval);</span>
+                        // sign an inactive user out
+<span class="cstat-no" title="statement not covered" >                        this.forceTimeoutHandle = setTimeout(</span>
+                            this.signOut,
+                            120 * 1000
+                        );
+<span class="cstat-no" title="statement not covered" >                        this.setState({</span>
+                            showModal: false,
+                            showError: true,
+                        });
+                    });
             });
-          });
-      });
+        }
     }
-  }
 &nbsp;
-  /**
-   * Checks whether the user is within a specified number of minutes before
-   * their session token expires. If so, show a warning dialog. If the
-   * expiration has been reached, sign the user out.
-   */
-  startTimer() {
-    clearInterval(this.warningInterval);
+    /**
+     * Checks whether the user is within a specified number of minutes before
+     * their session token expires. If so, show a warning dialog. If the
+     * expiration has been reached, sign the user out.
+     */
+    startTimer() {
+        clearInterval(this.warningInterval);
 &nbsp;
-    this.warningInterval = setInterval(this.onInterval, fetchTtlIntervalMs);
-  }
+        this.warningInterval = setInterval(this.onInterval, fetchTtlIntervalMs);
+    }
 &nbsp;
-  /**
-   * Returns whether the current time is within the timeout range of expiry.
-   * @param {date|number} expiry - Expiration date to check against
-   * @returns {boolean}
-   */
-  shouldShowDialog(expiry) {
-    if (typeof expiry === 'number') {
-      const minutesLeft = expiry / 60;
+    /**
+     * Returns whether the current time is within the timeout range of expiry.
+     * @param {date|number} expiry - Expiration date to check against
+     * @returns {boolean}
+     */
+    shouldShowDialog(expiry) {
+        if (typeof expiry === "number") {
+            const minutesLeft = expiry / 60;
 &nbsp;
-      return !this.state.showModal &amp;&amp; minutesLeft &lt;= this.props.warningTimeout;
-    } else {
-      return (
-        !this.state.showModal &amp;&amp;
-        this.minutesUntil(expiry) &lt;= this.props.warningTimeout
-      );
+            return (
+                !this.state.showModal &amp;&amp;
+                minutesLeft &lt;= this.props.warningTimeout
+            );
+        } else {
+            return (
+                !this.state.showModal &amp;&amp;
+                this.minutesUntil(expiry) &lt;= this.props.warningTimeout
+            );
+        }
     }
-  }
 &nbsp;
-  /**
-   * Returns whether the current time has reached the expiration date.
-   * @param {date|number} expiry - Expiration date to check against
-   * @returns {boolean}
-   */
-  shouldSignOut(expiry) {
-    if (typeof expiry === 'number') {
-      return expiry &lt;= 1;
-    } else {
-      return this.minutesUntil(expiry) &lt;= 0;
+    /**
+     * Returns whether the current time has reached the expiration date.
+     * @param {date|number} expiry - Expiration date to check against
+     * @returns {boolean}
+     */
+    shouldSignOut(expiry) {
+        if (typeof expiry === "number") {
+            return expiry &lt;= 1;
+        } else {
+            return this.minutesUntil(expiry) &lt;= 0;
+        }
     }
-  }
 &nbsp;
-  /**
-   * Returns number of minutes until the expiration date.
-   * @param {date} expiry - Expiration date to check against
-   * @returns {number}
-   */
-  minutesUntil(expiry) {
-    return (expiry - new Date().getTime()) / 60000;
-  }
+    /**
+     * Returns number of minutes until the expiration date.
+     * @param {date} expiry - Expiration date to check against
+     * @returns {number}
+     */
+    minutesUntil(expiry) {
+        return (expiry - new Date().getTime()) / 60000;
+    }
 &nbsp;
-  /**
-   * Sets the modal state to visible.
-   */
-  handleOpenModal() {
-    this.setState({
-      showModal: true,
-      showError: false,
-    });
-  }
+    /**
+     * Sets the modal state to visible.
+     */
+    handleOpenModal() {
+        this.setState({
+            showModal: true,
+            showError: false,
+        });
+    }
 &nbsp;
-  /**
-   * Sets the modal state to hidden.
-   */
-  handleCloseModal() {
-    this.setState({
-      showModal: false,
-      showError: false,
-    });
-  }
+    /**
+     * Sets the modal state to hidden.
+     */
+    handleCloseModal() {
+        this.setState({
+            showModal: false,
+            showError: false,
+        });
+    }
 &nbsp;
-  /**
-   * Handles the user requesting their session be extended.
-   */
-  refreshSession() {
-    RefreshSession({
-      window,
-      onSuccess: () =&gt; {
-        this.startTimer();
-      },
-    });
+    /**
+     * Handles the user requesting their session be extended.
+     */
+    refreshSession() {
+        RefreshSession({
+            window,
+            onSuccess: () =&gt; {
+                this.startTimer();
+            },
+        });
 &nbsp;
-    this.handleCloseModal();
-  }
+        this.handleCloseModal();
+    }
 &nbsp;
-  /**
-   * Handles the user requesting their session be ended.
-   */
-  signOut() {
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (this.forceTimeoutHandle) {
-<span class="cstat-no" title="statement not covered" >      clearTimeout(this.forceTimeoutHandle);</span>
+    /**
+     * Handles the user requesting their session be ended.
+     */
+    signOut() {
+        <span class="missing-if-branch" title="if path not taken" >I</span>if (this.forceTimeoutHandle) {
+<span class="cstat-no" title="statement not covered" >            clearTimeout(this.forceTimeoutHandle);</span>
+        }
+        LogoutSession(window);
+        this.handleCloseModal();
     }
-    LogoutSession(window);
-    this.handleCloseModal();
-  }
 &nbsp;
-  render() {
-    return (
-      &lt;React.Fragment&gt;
-        &lt;Modal
-          useDesignSystem
-          title="You will be signed out within two minutes"
-          isOpen={this.state.showModal}
-          primary={{
-            title: 'Keep me signed in',
-            onClick: this.refreshSession,
-          }}
-          secondary={{
-            title: 'Sign me out now',
-            onClick: this.signOut,
-          }}
-          onRequestClose={this.handleCloseModal}
-        &gt;
-          &lt;p&gt;
-            You have been inactive for thirty minutes. For your security, we
-            will sign you out automatically.
-          &lt;/p&gt;
-        &lt;/Modal&gt;
+    render() {
+        return (
+            &lt;React.Fragment&gt;
+                &lt;Modal
+                    useDesignSystem
+                    title="You will be signed out within two minutes"
+                    isOpen={this.state.showModal}
+                    primary={{
+                        title: "Keep me signed in",
+                        onClick: this.refreshSession,
+                    }}
+                    secondary={{
+                        title: "Sign me out now",
+                        onClick: this.signOut,
+                    }}
+                    onRequestClose={this.handleCloseModal}
+                &gt;
+                    &lt;p&gt;
+                        You have been inactive for thirty minutes. For your
+                        security, we will sign you out automatically.
+                    &lt;/p&gt;
+                &lt;/Modal&gt;
 &nbsp;
-        &lt;Modal
-          useDesignSystem
-          title="Technical Difficulties"
-          isOpen={this.state.showError}
-          primary={{
-            title: 'Sign Out',
-            onClick: this.signOut,
-          }}
-          onRequestClose={this.signOut}
-        &gt;
-          &lt;p&gt;
-            We’re experiencing technical difficulties. Please log in again to
-            continue. For your security, we will sign you out automatically
-            within two minutes.
-          &lt;/p&gt;
-        &lt;/Modal&gt;
-      &lt;/React.Fragment&gt;
-    );
-  }
+                &lt;Modal
+                    useDesignSystem
+                    title="Technical Difficulties"
+                    isOpen={this.state.showError}
+                    primary={{
+                        title: "Sign Out",
+                        onClick: this.signOut,
+                    }}
+                    onRequestClose={this.signOut}
+                &gt;
+                    &lt;p&gt;
+                        We’re experiencing technical difficulties. Please log in
+                        again to continue. For your security, we will sign you
+                        out automatically within two minutes.
+                    &lt;/p&gt;
+                &lt;/Modal&gt;
+            &lt;/React.Fragment&gt;
+        );
+    }
 }
 &nbsp;
 SessionDialogUI.propTypes = {
-  showImmediate: PropTypes.bool,
-  warningTimeout: PropTypes.number,
-  appElement: PropTypes.string,
+    showImmediate: PropTypes.bool,
+    warningTimeout: PropTypes.number,
+    appElement: PropTypes.string,
 };
 &nbsp;
 SessionDialogUI.defaultProps = {
-  showImmediate: false,
-  warningTimeout: 2,
-  appElement: undefined,
+    showImmediate: false,
+    warningTimeout: 2,
+    appElement: undefined,
 };
 &nbsp;</pre></td></tr></table></pre>
 
@@ -853,7 +889,7 @@ SessionDialogUI.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/SideNav/AnimationGroup/AnimationGroup.jsx.html

@@ -90,7 +90,9 @@
 <a name='L25'></a><a href='#L25'>25</a>
 <a name='L26'></a><a href='#L26'>26</a>
 <a name='L27'></a><a href='#L27'>27</a>
-<a name='L28'></a><a href='#L28'>28</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L28'></a><a href='#L28'>28</a>
+<a name='L29'></a><a href='#L29'>29</a>
+<a name='L30'></a><a href='#L30'>30</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>
@@ -109,6 +111,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>
@@ -117,30 +121,32 @@
 <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 hasDarkerBackground = (darkerBackground) =&gt; {
-  return darkerBackground ? <span class="branch-0 cbranch-no" title="branch not covered" >'background-highlight' </span>: '';
-}
+    return darkerBackground ? <span class="branch-0 cbranch-no" title="branch not covered" >"background-highlight" </span>: "";
+};
 &nbsp;
 const AnimationGroup = ({ display, className, children, darkerBackground }) =&gt; {
-  return (
-    &lt;div
-      className={`animation-group animation-group-${className || 'default'}${
-        display ? ' animation-group-enter' : <span class="branch-1 cbranch-no" title="branch not covered" >' animation-group-exit'</span>
-      } ${hasDarkerBackground(darkerBackground)}`}
-    &gt;
-      {children}
-    &lt;/div&gt;
-  );
+    return (
+        &lt;div
+            className={`animation-group animation-group-${
+                className || "default"
+            }${
+                display ? " animation-group-enter" : <span class="branch-1 cbranch-no" title="branch not covered" >" animation-group-exit"</span>
+            } ${hasDarkerBackground(darkerBackground)}`}
+        &gt;
+            {children}
+        &lt;/div&gt;
+    );
 };
 &nbsp;
 AnimationGroup.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  display: PropTypes.bool,
-  darkerBackground: PropTypes.bool
+    children: PropTypes.node,
+    className: PropTypes.string,
+    display: PropTypes.bool,
+    darkerBackground: PropTypes.bool,
 };
 &nbsp;
 export default AnimationGroup;
@@ -151,7 +157,7 @@ export default AnimationGroup;
             <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>