qpp-style 0.0.8 → 0.0.10

package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html

@@ -23,7 +23,7 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">86.67% </span>
+                <span class="strong">86.66% </span>
                 <span class="quiet">Statements</span>
                 <span class='fraction'>13/15</span>
             </div>
@@ -44,7 +44,7 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">86.67% </span>
+                <span class="strong">86.66% </span>
                 <span class="quiet">Lines</span>
                 <span class='fraction'>13/15</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 high'></div>
     <pre><table class="coverage">
@@ -150,15 +156,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">4x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</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>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</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>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -168,30 +174,30 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</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>
 <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">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</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-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</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>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</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>
@@ -203,10 +209,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-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>
-<span class="cline-any cline-yes">4x</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>
@@ -222,10 +228,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-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>
+<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>
@@ -237,87 +243,87 @@
 import PropTypes from 'prop-types';
 &nbsp;
 class Collapsible extends Component {
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 &nbsp;
-        this.state = {
-            isExpanded: false
-        };
+    this.state = {
+      isExpanded: false,
+    };
 &nbsp;
-        this._toggleExpanded = this.toggleExpanded.bind(this);
-        this._renderShowButton = this.renderShowButton.bind(this);
-        this._renderHideButton = this.renderHideButton.bind(this);
-    }
+    this._toggleExpanded = this.toggleExpanded.bind(this);
+    this._renderShowButton = this.renderShowButton.bind(this);
+    this._renderHideButton = this.renderHideButton.bind(this);
+  }
 &nbsp;
-<span class="fstat-no" title="function not covered" >    to</span>ggleExpanded() {
-<span class="cstat-no" title="statement not covered" >        this.setState({</span>
-            isExpanded: !this.state.isExpanded
-        });
-    }
+<span class="fstat-no" title="function not covered" >  to</span>ggleExpanded() {
+<span class="cstat-no" title="statement not covered" >    this.setState({</span>
+      isExpanded: !this.state.isExpanded,
+    });
+  }
 &nbsp;
-    renderShowButton() {
-        return (
-            &lt;span className="collapsible-show-label"&gt;
-                {this.props.showLabel}
-            &lt;/span&gt;
-        );
-    }
+  renderShowButton() {
+    return (
+      &lt;span className="collapsible-show-label"&gt;{this.props.showLabel}&lt;/span&gt;
+    );
+  }
 &nbsp;
-    renderHideButton() {
-        <span class="missing-if-branch" title="else path not taken" >E</span>if (this.props.hideLabel) {
-            return (
-                &lt;span className="collapsible-hide-label"&gt;
-                    {this.props.hideLabel}
-                &lt;/span&gt;
-            );
-        } else {
-<span class="cstat-no" title="statement not covered" >            return '';</span>
-        }
+  renderHideButton() {
+    if (this.props.hideLabel) {
+      return (
+        &lt;span className="collapsible-hide-label"&gt;{this.props.hideLabel}&lt;/span&gt;
+      );
+    } else <span class="missing-if-branch" title="else path not taken" >E</span>{
+<span class="cstat-no" title="statement not covered" >      return '';</span>
     }
+  }
 &nbsp;
-    render() {
-        const isArray = Array.isArray(this.props.content);
-        const isHidden = this.state.isExpanded ? <span class="branch-0 cbranch-no" title="branch not covered" >undefined </span>: 'true';
+  render() {
+    const isArray = Array.isArray(this.props.content);
+    const isHidden = this.state.isExpanded ? <span class="branch-0 cbranch-no" title="branch not covered" >undefined </span>: true;
 &nbsp;
-        return (
-            &lt;div className="collapsible-container"&gt;
-                &lt;button
-                    onClick={this._toggleExpanded}
-                    className="collapsible-summary"
-                    type="button"
-                    aria-expanded={this.state.isExpanded ? <span class="branch-0 cbranch-no" title="branch not covered" >'true' </span>: 'false'}&gt;
-                    {this._renderShowButton()}
-                    {this._renderHideButton()}
-                &lt;/button&gt;
+    return (
+      &lt;div className="collapsible-container"&gt;
+        &lt;button
+          onClick={this._toggleExpanded}
+          className="collapsible-summary"
+          type="button"
+          aria-expanded={this.state.isExpanded ? <span class="branch-0 cbranch-no" title="branch not covered" >true </span>: false}
+        &gt;
+          {this._renderShowButton()}
+          {this._renderHideButton()}
+        &lt;/button&gt;
 &nbsp;
-                &lt;div className="collapsible-details" hidden={isHidden}&gt;
-                    { isArray
-                        ? &lt;ul className="items"&gt;
-                            {this.props.content.map((c) =&gt;
-                                &lt;li key={c.contentTitle}&gt;
-                                    &lt;p&gt;&lt;b&gt;{c.contentTitle}&lt;/b&gt;&lt;/p&gt;
-                                    &lt;p&gt;{c.content}&lt;/p&gt;
-                                &lt;/li&gt;
-                            )}
-                        &lt;/ul&gt;
-                        : &lt;div&gt;
-                            &lt;p&gt;&lt;b&gt;{this.props.contentTitle}&lt;/b&gt;&lt;/p&gt;
-                            &lt;p&gt;{this.props.content}&lt;/p&gt;&lt;/div&gt;
-                    }
-                &lt;/div&gt;
+        &lt;div className="collapsible-details" hidden={isHidden}&gt;
+          {isArray ? (
+            &lt;ul className="items"&gt;
+              {this.props.content.map((c) =&gt; (
+                &lt;li key={c.contentTitle}&gt;
+                  &lt;p&gt;
+                    &lt;b&gt;{c.contentTitle}&lt;/b&gt;
+                  &lt;/p&gt;
+                  &lt;p&gt;{c.content}&lt;/p&gt;
+                &lt;/li&gt;
+              ))}
+            &lt;/ul&gt;
+          ) : (
+            &lt;div&gt;
+              &lt;p&gt;
+                &lt;b&gt;{this.props.contentTitle}&lt;/b&gt;
+              &lt;/p&gt;
+              &lt;p&gt;{this.props.content}&lt;/p&gt;
             &lt;/div&gt;
-        );
-    }
+          )}
+        &lt;/div&gt;
+      &lt;/div&gt;
+    );
+  }
 }
 &nbsp;
 Collapsible.propTypes = {
-    showLabel: PropTypes.string.isRequired,
-    hideLabel: PropTypes.string.isRequired,
-    content: PropTypes.oneOfType([
-        PropTypes.array,
-        PropTypes.string
-    ]).isRequired,
-    contentTitle: PropTypes.string
+  showLabel: PropTypes.string.isRequired,
+  hideLabel: PropTypes.string.isRequired,
+  content: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).isRequired,
+  contentTitle: PropTypes.string,
 };
 &nbsp;
 export default Collapsible;
@@ -327,10 +333,9 @@ export default Collapsible;
             </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 () {

package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html

@@ -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 high'></div>
     <pre><table class="coverage">
@@ -88,19 +94,15 @@
 <a name='L29'></a><a href='#L29'>29</a>
 <a name='L30'></a><a href='#L30'>30</a>
 <a name='L31'></a><a href='#L31'>31</a>
-<a name='L32'></a><a href='#L32'>32</a>
-<a name='L33'></a><a href='#L33'>33</a>
-<a name='L34'></a><a href='#L34'>34</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L32'></a><a href='#L32'>32</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-yes">2x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</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>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -113,10 +115,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-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>
+<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>
@@ -128,31 +130,29 @@ import Collapsible from './Collapsible';
 import PropTypes from 'prop-types';
 &nbsp;
 const ErrorUI = (props) =&gt; {
-    let errorTitle = `${props.type || <span class="branch-1 cbranch-no" title="branch not covered" >'Error'}</span> ${props.code || <span class="branch-1 cbranch-no" title="branch not covered" >''}</span>`;
-    let errorDetails = props.message;
+  let errorTitle = `${props.type || <span class="branch-1 cbranch-no" title="branch not covered" >'Error'}</span> ${props.code || <span class="branch-1 cbranch-no" title="branch not covered" >''}</span>`;
+  let errorDetails = props.message;
 &nbsp;
-    return (
-        &lt;section className="page-error"&gt;
-            &lt;div className="responsive-container"&gt;
-                &lt;h1&gt;We’re sorry.&lt;/h1&gt;
-                &lt;p className="h2"&gt;We cannot access this page.&lt;/p&gt;
-                &lt;Collapsible
-                    showLabel="Open technical details about the error"
-                    hideLabel="Close technical details about the error"
-                    contentTitle={errorTitle}
-                    content={errorDetails}/&gt;
-            &lt;/div&gt;
-        &lt;/section&gt;
-    );
+  return (
+    &lt;section className="page-error"&gt;
+      &lt;div className="responsive-container"&gt;
+        &lt;h1&gt;We’re sorry.&lt;/h1&gt;
+        &lt;p className="h2"&gt;We cannot access this page.&lt;/p&gt;
+        &lt;Collapsible
+          showLabel="Open technical details about the error"
+          hideLabel="Close technical details about the error"
+          contentTitle={errorTitle}
+          content={errorDetails}
+        /&gt;
+      &lt;/div&gt;
+    &lt;/section&gt;
+  );
 };
 &nbsp;
 ErrorUI.propTypes = {
-    code: PropTypes.string,
-    message: PropTypes.oneOfType([
-        PropTypes.array,
-        PropTypes.string
-    ]),
-    type: PropTypes.string
+  code: PropTypes.string,
+  message: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  type: PropTypes.string,
 };
 &nbsp;
 export default ErrorUI;
@@ -162,10 +162,9 @@ export default ErrorUI;
             </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 () {

package/coverage/lcov-report/react/components/Error/error.js.html

@@ -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 low'></div>
     <pre><table class="coverage">
@@ -117,23 +123,23 @@ import ErrorUI from './ErrorUI';
  * Renders the QPP Error Page content.
  */
 export default class ErrorPage {
-    /**
-     * @param {Object} options - An object containing content and config data
-     * @param {String} options.type - The error type
-     * @param {String} options.code - The error code
-     * @param {String} options.message - The error message
-     * @param {HTMLElement} options.rootElement - Elem inside which to render
-     */
-<span class="fstat-no" title="function not covered" >    co</span>nstructor(options) {
-<span class="cstat-no" title="statement not covered" >        render(</span>
-            &lt;ErrorUI
-                type={options.type}
-                code={options.code}
-                message={options.message}
-            /&gt;,
-            options.rootElement
-        );
-    }
+  /**
+   * @param {Object} options - An object containing content and config data
+   * @param {String} options.type - The error type
+   * @param {String} options.code - The error code
+   * @param {String} options.message - The error message
+   * @param {HTMLElement} options.rootElement - Elem inside which to render
+   */
+<span class="fstat-no" title="function not covered" >  co</span>nstructor(options) {
+<span class="cstat-no" title="statement not covered" >    render(</span>
+      &lt;ErrorUI
+        type={options.type}
+        code={options.code}
+        message={options.message}
+      /&gt;,
+      options.rootElement
+    );
+  }
 }
 &nbsp;</pre></td></tr></table></pre>
 
@@ -141,10 +147,9 @@ export default class ErrorPage {
             </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 () {

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

@@ -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 high'></div>
     <div class="pad1">
@@ -74,16 +80,16 @@
 </thead>
 <tbody><tr>
 	<td class="file high" data-value="Collapsible.jsx"><a href="Collapsible.jsx.html">Collapsible.jsx</a></td>
-	<td data-value="86.67" class="pic high">
+	<td data-value="86.66" class="pic high">
 	<div class="chart"><div class="cover-fill" style="width: 86%"></div><div class="cover-empty" style="width: 14%"></div></div>
 	</td>
-	<td data-value="86.67" class="pct high">86.67%</td>
+	<td data-value="86.66" class="pct high">86.66%</td>
 	<td data-value="15" class="abs high">13/15</td>
 	<td data-value="62.5" class="pct medium">62.5%</td>
 	<td data-value="8" class="abs medium">5/8</td>
 	<td data-value="83.33" class="pct high">83.33%</td>
 	<td data-value="6" class="abs high">5/6</td>
-	<td data-value="86.67" class="pct high">86.67%</td>
+	<td data-value="86.66" class="pct high">86.66%</td>
 	<td data-value="15" class="abs high">13/15</td>
 	</tr>
 
@@ -124,10 +130,9 @@
             </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 () {