qpp-style 0.0.8 → 0.0.10

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

@@ -30,7 +30,7 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">67.86% </span>
+                <span class="strong">67.85% </span>
                 <span class="quiet">Branches</span>
                 <span class='fraction'>19/28</span>
             </div>
@@ -54,6 +54,12 @@
         <p class="quiet">
             Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
         </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
     </div>
     <div class='status-line medium'></div>
     <pre><table class="coverage">
@@ -318,11 +324,8 @@
 <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>
-<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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L262'></a><a href='#L262'>262</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>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -340,31 +343,31 @@
 <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">20x</span>
+<span class="cline-any cline-yes">19x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">20x</span>
-<span class="cline-any cline-yes">20x</span>
-<span class="cline-any cline-yes">20x</span>
-<span class="cline-any cline-yes">20x</span>
-<span class="cline-any cline-yes">20x</span>
-<span class="cline-any cline-yes">20x</span>
-<span class="cline-any cline-yes">20x</span>
-<span class="cline-any cline-yes">20x</span>
-<span class="cline-any cline-yes">20x</span>
-<span class="cline-any cline-yes">20x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">20x</span>
+<span class="cline-any cline-yes">19x</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>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">11x</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">12x</span>
+<span class="cline-any cline-yes">11x</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>
@@ -380,9 +383,6 @@
 <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,9 +407,6 @@
 <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>
@@ -428,9 +425,6 @@
 <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>
@@ -446,9 +440,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-yes">15x</span>
+<span class="cline-any cline-yes">14x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">15x</span>
+<span class="cline-any cline-yes">14x</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>
@@ -462,9 +456,6 @@
 <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>
@@ -540,11 +531,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-yes">22x</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-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">23x</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>
@@ -588,11 +586,12 @@
 <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 InfoModal from './InfoModal';
 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';
@@ -600,257 +599,252 @@ import fetchTtl from '../session/ttl';
 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;
-&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);
-        }
+  /**
+   * 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;
-        return expiry;
+    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;
-<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>
-        }
+    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>
     }
+  }
 &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" >er</span>ror =&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
-                        });
-                    });
+      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,
             });
-        }
+          });
+      });
     }
+  }
 &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>
-        }
-        LogoutSession(window);
-        this.handleCloseModal();
+  /**
+   * 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();
+  }
 &nbsp;
-    /**
-     * Renders a ReactModal component.
-     * See: https://reactcommunity.org/react-modal/
-     */
-    render() {
-        return (
-            &lt;React.Fragment&gt;
-                &lt;InfoModal
-                    appElement={this.props.appElement}
-                    isOpen={this.state.showModal}
-                    primaryAction="Keep me signed in"
-                    primaryCallback={this.refreshSession}
-                    secondaryAction="Sign me out now"
-                    secondaryCallback={this.signOut}
-                    onRequestClose={this.handleCloseModal}
-                    closeXAction={this.handleCloseModal}
-                    titleText="You will be signed out within two minutes"
-                    bodyText={`You have been inactive for thirty minutes. For
-                    your security, we will sign you out automatically.`}
-                /&gt;
-                &lt;InfoModal
-                    appElement={this.props.appElement}
-                    isOpen={this.state.showError}
-                    primaryAction="Sign out"
-                    primaryCallback={this.signOut}
-                    onRequestClose={this.signOut}
-                    closeXAction={this.signOut}
-                    titleText="Technical Difficulties"
-                    bodyText={`We're experiencing technical difficulties. Please log in again
-                    to continue. For your security, we will sign you out automatically within
-                    two minutes.`}
-                /&gt;
-            &lt;/React.Fragment&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;
+    );
+  }
 }
 &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>
 
@@ -858,10 +852,9 @@ SessionDialogUI.defaultProps = {
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Oct 05 2020 11:31:16 GMT-0700 (Pacific Daylight Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Mon Mar 06 2023 14:49:52 GMT-0800 (Pacific Standard Time)
             </div>
-        </div>
         <script src="../../prettify.js"></script>
         <script>
             window.onload = function () {