qpp-style 9.34.3 → 9.34.4

package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html

@@ -30,9 +30,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>3/6</span>
+                <span class='fraction'>6/6</span>
             </div>
         
             
@@ -107,8 +107,8 @@
 <a name='L42'></a><a href='#L42'>42</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>
 <span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">7x</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>
@@ -138,15 +138,15 @@
 <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-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>
-<span class="cline-any cline-yes">2x</span>
+<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
@@ -164,13 +164,13 @@ const InfotipIcon = ({ lightIcon, ...props }) =&gt; (
       /&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 ? <span class="branch-0 cbranch-no" title="branch not covered" >'#FFF' </span>: '#0073C8'}
+        fill={lightIcon ? "#FFF" : "#0073C8"}
       /&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 ? <span class="branch-0 cbranch-no" title="branch not covered" >'#0073C8' </span>: '#FFF'}
+        stroke={lightIcon ? "#0073C8" : "#FFF"}
         strokeWidth=".5"
-        fill={lightIcon ? <span class="branch-0 cbranch-no" title="branch not covered" >'#0073C8' </span>: '#FFF'}
+        fill={lightIcon ? "#0073C8" : "#FFF"}
         fillRule="nonzero"
       /&gt;
     &lt;/g&gt;
@@ -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 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Infotip/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>18/24</span>
+                <span class='fraction'>24/24</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">37.5% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>3/8</span>
+                <span class='fraction'>8/8</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">60% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>3/5</span>
+                <span class='fraction'>5/5</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>18/24</span>
+                <span class='fraction'>24/24</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line medium'></div>
+    <div class='status-line high'></div>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -79,18 +79,18 @@
 </tr>
 </thead>
 <tbody><tr>
-	<td class="file medium" data-value="Infotip.jsx"><a href="Infotip.jsx.html">Infotip.jsx</a></td>
-	<td data-value="53.84" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 53%"></div><div class="cover-empty" style="width: 47%"></div></div>
+	<td class="file high" data-value="Infotip.jsx"><a href="Infotip.jsx.html">Infotip.jsx</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
-	<td data-value="53.84" class="pct medium">53.84%</td>
-	<td data-value="13" class="abs medium">7/13</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="2" class="abs low">0/2</td>
-	<td data-value="33.33" class="pct low">33.33%</td>
-	<td data-value="3" class="abs low">1/3</td>
-	<td data-value="53.84" class="pct medium">53.84%</td>
-	<td data-value="13" class="abs medium">7/13</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="13" class="abs high">13/13</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="2" class="abs high">2/2</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="13" class="abs high">13/13</td>
 	</tr>
 
 <tr>
@@ -115,14 +115,29 @@
 	</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="4" class="abs high">4/4</td>
-	<td data-value="50" class="pct medium">50%</td>
-	<td data-value="6" class="abs medium">3/6</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="6" class="abs high">6/6</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="1" class="abs high">1/1</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="4" class="abs high">4/4</td>
 	</tr>
 
+<tr>
+	<td class="file empty" data-value="index.js"><a href="index.js.html">index.js</a></td>
+	<td data-value="0" class="pic empty">
+	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
+	</td>
+	<td data-value="0" class="pct empty">0%</td>
+	<td data-value="0" class="abs empty">0/0</td>
+	<td data-value="0" class="pct empty">0%</td>
+	<td data-value="0" class="abs empty">0/0</td>
+	<td data-value="0" class="pct empty">0%</td>
+	<td data-value="0" class="abs empty">0/0</td>
+	<td data-value="0" class="pct empty">0%</td>
+	<td data-value="0" class="abs empty">0/0</td>
+	</tr>
+
 </tbody>
 </table>
 </div>
@@ -131,7 +146,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 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </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 2023-08-17T22:26:50.556Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -207,12 +207,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>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { Component } from 'react';
-import { render } from 'react-dom';
-import ReactModal from 'react-modal';
-import { CloseXIcon } from '../../lib/SvgComponents.jsx';
-import SanitizedContent from '../SanitizedContent';
-import PropTypes from 'prop-types';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { Component } from "react";
+import { render } from "react-dom";
+import ReactModal from "react-modal";
+import { CloseXIcon } from "../../lib/SvgComponents.jsx";
+import SanitizedContent from "../SanitizedContent";
+import PropTypes from "prop-types";
 &nbsp;
 class Modal extends Component {
 <span class="fstat-no" title="function not covered" >  co</span>nstructor() {
@@ -225,7 +225,7 @@ class Modal extends Component {
 <span class="cstat-no" title="statement not covered" >    this.handleOpenModal = this.handleOpenModal.bind(this);</span>
 <span class="cstat-no" title="statement not covered" >    this.handleCloseModal = this.handleCloseModal.bind(this);</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    ReactModal.setAppElement('body &gt; *:not(.ReactModalPortal)');</span>
+<span class="cstat-no" title="statement not covered" >    ReactModal.setAppElement("body &gt; *:not(.ReactModalPortal)");</span>
   }
 &nbsp;
 <span class="fstat-no" title="function not covered" >  ha</span>ndleOpenModal() {
@@ -247,7 +247,7 @@ class Modal extends Component {
       &lt;div&gt;
         &lt;ReactModal
           role="alertdialog"
-          contentLabel={this.props.contentLabel || 'Informational Modal Dialog'}
+          contentLabel={this.props.contentLabel || "Informational Modal Dialog"}
           isOpen={this.state.showModal}
           className="info-modal-content"
           overlayClassName="info-modal-overlay"
@@ -286,7 +286,7 @@ export default displayModal;
             <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 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -343,11 +343,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></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 = <span class="fstat-no" title="function not covered" >({</span>
   children,
@@ -392,14 +392,14 @@ const Modal = <span class="fstat-no" title="function not covered" >({</span>
         }
       }}
       aria={{
-        labelledby: 'modal-heading',
-        describedby: 'modal-body',
+        labelledby: "modal-heading",
+        describedby: "modal-body",
       }}
       {...props}
     &gt;
       &lt;div
         className={`qpp-c-modal__header ${
-          overflowSeparator ? 'qpp-c-modal__header-sep' : ''
+          overflowSeparator ? "qpp-c-modal__header-sep" : ""
         }`}
       &gt;
         &lt;h3 id="modal-heading"&gt;{title}&lt;/h3&gt;
@@ -417,7 +417,7 @@ const Modal = <span class="fstat-no" title="function not covered" >({</span>
         id="modal-body"
         className="qpp-c-modal__body"
         ref={contentRef}
-        tabIndex={overflowSeparator ? '0' : undefined}
+        tabIndex={overflowSeparator ? "0" : undefined}
       &gt;
         {children}
       &lt;/div&gt;
@@ -426,7 +426,7 @@ const Modal = <span class="fstat-no" title="function not covered" >({</span>
           {secondary &amp;&amp; (
             &lt;button
               className={`qpp-c-button qpp-c-button--secondary ${
-                primary ? 'qpp-u-margin-right--16' : ''
+                primary ? "qpp-u-margin-right--16" : ""
               }`}
               loading={secondary.loading}
               onClick={secondary.onClick || onRequestClose}
@@ -478,7 +478,7 @@ Modal.defaultProps = {
   title: undefined,
   primary: null,
   secondary: null,
-  appElement: 'body &gt; *:not(.qpp-c-modal)',
+  appElement: "body &gt; *:not(.qpp-c-modal)",
   isOpen: false,
 };
 &nbsp;
@@ -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 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </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 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -107,11 +107,11 @@
 <span class="cline-any cline-yes">2x</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 = <span class="fstat-no" title="function not covered" >({</span> useDesignSystem, ...rest }) =&gt; {
 <span class="cstat-no" title="statement not covered" >  if (useDesignSystem) {</span>
@@ -126,7 +126,7 @@ Modal.propTypes = {
 Modal.defaultProps = {
   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 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/NotificationBanner/CollapsedView.js.html

@@ -141,9 +141,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></td><td class="text"><pre class="prettyprint lang-js">import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
-import { BellOutline } from '../../lib/SvgComponents.jsx';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+import { BellOutline } from "../../lib/SvgComponents.jsx";
 &nbsp;
 const CollapsedView = forwardRef(
 <span class="fstat-no" title="function not covered" >  (</span>
@@ -172,7 +172,7 @@ const CollapsedView = forwardRef(
   },
 );
 &nbsp;
-CollapsedView.displayName = 'CollapsedView';
+CollapsedView.displayName = "CollapsedView";
 &nbsp;
 CollapsedView.propTypes = {
   expandNotification: PropTypes.func,
@@ -187,7 +187,7 @@ export default CollapsedView;
             <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 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/NotificationBanner/ExpandedView.js.html

@@ -153,10 +153,10 @@
 <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 SanitizedContent from '../SanitizedContent';
-import { CloseXIcon } from '../../lib/SvgComponents.jsx';
+<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 SanitizedContent from "../SanitizedContent";
+import { CloseXIcon } from "../../lib/SvgComponents.jsx";
 &nbsp;
 const ExpandedView = <span class="fstat-no" title="function not covered" >({</span>
   label,
@@ -170,7 +170,7 @@ const ExpandedView = <span class="fstat-no" title="function not covered" >({</sp
       &lt;div className="notification-banner-label"&gt;{label}&lt;/div&gt;
       &lt;div className="notification-banner-content qppds"&gt;
         &lt;SanitizedContent
-          html={expanded ? content : '&lt;p&gt;No notifications to display&lt;/p&gt;'}
+          html={expanded ? content : "&lt;p&gt;No notifications to display&lt;/p&gt;"}
         /&gt;
       &lt;/div&gt;
       {expanded &amp;&amp; dismissable &amp;&amp; (
@@ -205,7 +205,7 @@ export default ExpandedView;
             <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 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/NotificationBanner/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 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/NotificationBanner/index.js.html

@@ -505,11 +505,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></td><td class="text"><pre class="prettyprint lang-js">import React, { useState, useEffect, useRef } from 'react';
-import PropTypes from 'prop-types';
-import ExpandedView from './ExpandedView';
-import CollapsedView from './CollapsedView';
-import { withGetConfig } from '../hooks/useGetConfig';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useState, useEffect, useRef } from "react";
+import PropTypes from "prop-types";
+import ExpandedView from "./ExpandedView";
+import CollapsedView from "./CollapsedView";
+import { withGetConfig } from "../hooks/useGetConfig";
 &nbsp;
 function <span class="fstat-no" title="function not covered" >debounce(</span>fn, ms) {
   let timer;
@@ -524,21 +524,21 @@ function <span class="fstat-no" title="function not covered" >debounce(</span>fn
 &nbsp;
 const NotificationBanner = <span class="fstat-no" title="function not covered" >({</span> result }) =&gt; {
   const {
-    color = <span class="branch-0 cbranch-no" title="branch not covered" >'blue',</span>
+    color = <span class="branch-0 cbranch-no" title="branch not covered" >"blue",</span>
     content,
     dismissable,
     enabled,
-    label = <span class="branch-0 cbranch-no" title="branch not covered" >'Update',</span>
+    label = <span class="branch-0 cbranch-no" title="branch not covered" >"Update",</span>
   } = <span class="cstat-no" title="statement not covered" >result.content;</span>
 &nbsp;
   const bannerContainerRef = <span class="cstat-no" title="statement not covered" >useRef(null);</span>
   const collapsedWrapperRef = <span class="cstat-no" title="statement not covered" >useRef(null);</span>
   const collapsedBannerRef = <span class="cstat-no" title="statement not covered" >useRef(null);</span>
   const VIEW_BREAKPOINT = <span class="cstat-no" title="statement not covered" >767;</span>
-  const [height, setHeight] = <span class="cstat-no" title="statement not covered" >useState('100%');</span>
+  const [height, setHeight] = <span class="cstat-no" title="statement not covered" >useState("100%");</span>
   const [expanded, setExpanded] = <span class="cstat-no" title="statement not covered" >useState();</span>
   const [windowWidth, setWindowWidth] = <span class="cstat-no" title="statement not covered" >useState(window.innerWidth);</span>
-  const cssDeterminesBannerView = <span class="cstat-no" title="statement not covered" >expanded ? 'expanded' : 'collapsed';</span>
+  const cssDeterminesBannerView = <span class="cstat-no" title="statement not covered" >expanded ? "expanded" : "collapsed";</span>
 &nbsp;
 <span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
     //setBannerHeight on Load &amp; Resize
@@ -552,10 +552,10 @@ const NotificationBanner = <span class="fstat-no" title="function not covered" >
 <span class="cstat-no" title="statement not covered" >      return setWindowWidth(window.innerWidth);</span>
     }, 600);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    window.addEventListener('resize', debounceBrowserResizeHandler);</span>
+<span class="cstat-no" title="statement not covered" >    window.addEventListener("resize", debounceBrowserResizeHandler);</span>
 &nbsp;
 <span class="cstat-no" title="statement not covered" >    return <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >      window.removeEventListener('resize', debounceBrowserResizeHandler);</span>
+<span class="cstat-no" title="statement not covered" >      window.removeEventListener("resize", debounceBrowserResizeHandler);</span>
     };
   }, [windowWidth]);
 &nbsp;
@@ -579,13 +579,13 @@ const NotificationBanner = <span class="fstat-no" title="function not covered" >
 &nbsp;
   const setBannerHeight = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    if (content) {</span>
-<span class="cstat-no" title="statement not covered" >      bannerContainerRef.current.style.transition = 'none';</span>
+<span class="cstat-no" title="statement not covered" >      bannerContainerRef.current.style.transition = "none";</span>
 <span class="cstat-no" title="statement not covered" >      expanded</span>
-        ? collapsedBannerRef.current.setAttribute('tabIndex', '-1')
-        : collapsedBannerRef.current.setAttribute('tabIndex', ' ');
+        ? collapsedBannerRef.current.setAttribute("tabIndex", "-1")
+        : collapsedBannerRef.current.setAttribute("tabIndex", " ");
 &nbsp;
 <span class="cstat-no" title="statement not covered" >      setHeight(</span>
-        expanded ? '100%' : `${collapsedWrapperRef.current.offsetHeight}px`,
+        expanded ? "100%" : `${collapsedWrapperRef.current.offsetHeight}px`,
       );
     }
   };
@@ -612,7 +612,7 @@ const NotificationBanner = <span class="fstat-no" title="function not covered" >
 &nbsp;
 <span class="cstat-no" title="statement not covered" >    if (storageNotification &amp;&amp; Object.keys(storageNotification).length &gt; 0) {</span>
 <span class="cstat-no" title="statement not covered" >      window.localStorage.setItem(</span>
-        'notifications',
+        "notifications",
         JSON.stringify({
           ...storageNotification,
           content: {
@@ -623,11 +623,11 @@ const NotificationBanner = <span class="fstat-no" title="function not covered" >
       );
     } else {
 <span class="cstat-no" title="statement not covered" >      window.localStorage.setItem(</span>
-        'notifications',
+        "notifications",
         JSON.stringify({
           ...storageNotification,
           content: {
-            name: 'header-notification',
+            name: "header-notification",
             dateDismissed,
           },
         }),
@@ -644,18 +644,18 @@ const NotificationBanner = <span class="fstat-no" title="function not covered" >
   const collapseNotification = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(e</span>) =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    e.stopPropagation();</span>
 <span class="cstat-no" title="statement not covered" >    markNotificationClosed();</span>
-<span class="cstat-no" title="statement not covered" >    collapsedBannerRef.current.setAttribute('tabIndex', ' ');</span>
-<span class="cstat-no" title="statement not covered" >    bannerContainerRef.current.style.transition = 'height .2s ease-out';</span>
+<span class="cstat-no" title="statement not covered" >    collapsedBannerRef.current.setAttribute("tabIndex", " ");</span>
+<span class="cstat-no" title="statement not covered" >    bannerContainerRef.current.style.transition = "height .2s ease-out";</span>
 &nbsp;
 <span class="cstat-no" title="statement not covered" >    setExpanded(false);</span>
 <span class="cstat-no" title="statement not covered" >    setHeight(`${collapsedWrapperRef.current.offsetHeight}px`);</span>
   };
 &nbsp;
   const expandNotification = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    collapsedBannerRef.current.setAttribute('tabIndex', '-1');</span>
-<span class="cstat-no" title="statement not covered" >    bannerContainerRef.current.style.transition = 'height .2s ease-out';</span>
+<span class="cstat-no" title="statement not covered" >    collapsedBannerRef.current.setAttribute("tabIndex", "-1");</span>
+<span class="cstat-no" title="statement not covered" >    bannerContainerRef.current.style.transition = "height .2s ease-out";</span>
 <span class="cstat-no" title="statement not covered" >    setExpanded(true);</span>
-<span class="cstat-no" title="statement not covered" >    setHeight('100%');</span>
+<span class="cstat-no" title="statement not covered" >    setHeight("100%");</span>
   };
 &nbsp;
   /**
@@ -710,20 +710,20 @@ NotificationBanner.propTypes = {
 NotificationBanner.defaultProps = {
   result: {
     content: {
-      color: 'blue',
+      color: "blue",
       content: null,
       dismissable: true,
       enabled: true,
-      label: 'Update',
+      label: "Update",
     },
   },
 };
 &nbsp;
 export default withGetConfig(NotificationBanner, {
   timeout: 5,
-  url: '/config/notification',
-  localStorageName: 'active_notification',
-  equalityCheckExclude: ['dateDismissed', 'dateUpdated'],
+  url: "/config/notification",
+  localStorageName: "active_notification",
+  equalityCheckExclude: ["dateDismissed", "dateUpdated"],
   defaultContent: {},
 });
 &nbsp;</pre></td></tr></table></pre>
@@ -733,7 +733,7 @@ export default withGetConfig(NotificationBanner, {
             <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 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/SanitizedContent/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 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>