@npm_leadtech/legal-lib-components 1.16.1 → 1.18.0

package/coverage/lcov-report/src/components/molecules/Pagination/PageStepControl.js.html

@@ -25,14 +25,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>7/7</span>
+                <span class='fraction'>10/10</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">87.5% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>7/7</span>
+                <span class='fraction'>7/8</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>7/7</span>
+                <span class='fraction'>9/9</span>
             </div>
         
             
@@ -94,25 +94,35 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<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>
+<a name='L35'></a><a href='#L35'>35</a>
+<a name='L36'></a><a href='#L36'>36</a>
+<a name='L37'></a><a href='#L37'>37</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>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">1x</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">13x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">13x</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-yes">9x</span>
-<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">13x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">13x</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>
@@ -127,24 +137,29 @@
 <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 classNames from 'classnames';
 import { NEXT_CONTROL, PREV_CONTROL } from './pagination.config';
 import { ArrowRight } from '../../../../images/componentsSvg/ArrowRight';
 &nbsp;
 export const PageStepControl = ({ activePage, direction, onClick, totalPages }) =&gt; {
-  if (
-    !totalPages ||
-    (direction === PREV_CONTROL &amp;&amp; activePage &lt;= 1) ||
-    (direction === NEXT_CONTROL &amp;&amp; activePage &gt;= totalPages)
-  ) {
+  if (!totalPages) {
     return null;
   }
+&nbsp;
+  const hideStepControl =
+    (direction === PREV_CONTROL &amp;&amp; activePage &lt;= 1) || (direction === NEXT_CONTROL &amp;&amp; activePage &gt;= totalPages);
 &nbsp;
   const handleClick = () =&gt; {
-    onClick(direction);
+    if (!hideStepControl) onClick(direction);
   };
+&nbsp;
+  const classes = classNames('pagination__control', {
+    [`pagination__control--${direction}`]: direction,
+    'pagination__control--hidden': hideStepControl,
+  });
 &nbsp;
   return (
-    &lt;span className={`pagination__control pagination__control--${direction}`} onClick={handleClick}&gt;
+    &lt;span className={classes} onClick={handleClick}&gt;
       &lt;ArrowRight /&gt;
     &lt;/span&gt;
   );
@@ -163,7 +178,7 @@ PageStepControl.propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
+                at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/molecules/Pagination/PageSteps.js.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>34/34</span>
+                <span class='fraction'>32/32</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>34/34</span>
+                <span class='fraction'>32/32</span>
             </div>
         
             
@@ -135,8 +135,7 @@
 <a name='L70'></a><a href='#L70'>70</a>
 <a name='L71'></a><a href='#L71'>71</a>
 <a name='L72'></a><a href='#L72'>72</a>
-<a name='L73'></a><a href='#L73'>73</a>
-<a name='L74'></a><a href='#L74'>74</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L73'></a><a href='#L73'>73</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>
@@ -165,7 +164,6 @@
 <span class="cline-any cline-yes">4x</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-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">20x</span>
 <span class="cline-any cline-yes">20x</span>
@@ -186,7 +184,7 @@
 <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-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">6x</span>
@@ -214,10 +212,10 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { ELLIPSIS_CONTROLS, EXTENDED_MAX_STEPS } from './pagination.config';
 &nbsp;
-const getPageClassName = (activePage, index, step) =&gt;
+const getPageClassName = (activePage, step) =&gt;
   classNames('pagination__page', {
     'pagination__page--ellipsis': step === ELLIPSIS_CONTROLS,
-    'pagination__page--active': activePage === index,
+    'pagination__page--active': step === activePage,
   });
 &nbsp;
 export const PageSteps = ({ activePage, onClick, totalPages }) =&gt; {
@@ -234,17 +232,16 @@ export const PageSteps = ({ activePage, onClick, totalPages }) =&gt; {
     );
   };
 &nbsp;
-  const renderExtendedSteps = () =&gt;
-    new Array(EXTENDED_MAX_STEPS).fill(null).map((page, index) =&gt; {
-      const pageNumber = index + 1;
+  const renderExtendedSteps = () =&gt; {
+    return new Array(EXTENDED_MAX_STEPS).fill(null).map((page, index) =&gt; {
       let firstVisibleStep = totalPages - EXTENDED_MAX_STEPS;
-      let step = firstVisibleStep + pageNumber;
+      let step = firstVisibleStep + index + 1;
 &nbsp;
-      if (activePage &lt;= firstVisibleStep) {
-        firstVisibleStep = activePage &gt; 1 ? activePage - 1 : <span class="branch-1 cbranch-no" title="branch not covered" >0;</span>
+      if (activePage &lt;= firstVisibleStep + 1) {
+        firstVisibleStep = activePage &gt; 1 ? activePage - 2 : <span class="branch-1 cbranch-no" title="branch not covered" >0;</span>
 &nbsp;
         if (index &lt; EXTENDED_MAX_STEPS - 2) {
-          step = firstVisibleStep + pageNumber;
+          step = firstVisibleStep + index + 1;
         }
 &nbsp;
         if (index &gt; EXTENDED_MAX_STEPS - 2) {
@@ -257,14 +254,14 @@ export const PageSteps = ({ activePage, onClick, totalPages }) =&gt; {
         }
       }
 &nbsp;
-      const activeStep = activePage - firstVisibleStep;
-      const pageClassName = getPageClassName(activeStep, pageNumber, step);
+      const pageClassName = getPageClassName(activePage, step);
       return renderStep(pageClassName, step, index);
     });
+  };
 &nbsp;
   const renderSteps = () =&gt; {
     if (totalPages &gt; EXTENDED_MAX_STEPS) {
-      return renderExtendedSteps();
+      return renderExtendedSteps(activePage, totalPages);
     }
 &nbsp;
     return new Array(totalPages).fill(null).map((page, index) =&gt; {
@@ -289,7 +286,7 @@ PageSteps.propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
+                at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/molecules/Pagination/Pagination.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">75% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>12/12</span>
+                <span class='fraction'>9/12</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">83.33% </span>
+                <span class="strong">66.66% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>5/6</span>
+                <span class='fraction'>4/6</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">66.66% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>3/3</span>
+                <span class='fraction'>2/3</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">75% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>12/12</span>
+                <span class='fraction'>9/12</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line high'></div>
+    <div class='status-line medium'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -131,9 +131,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&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>
@@ -179,10 +179,10 @@ export const Pagination = ({ activePage, totalPages, onChange }) =&gt; {
     onChange(page);
   };
 &nbsp;
-  const handleCurrentPage = ({ target }) =&gt; {
-    const page = Number(target.id);
-    if (page) {
-      onChange(page);
+  const handleCurrentPage = <span class="fstat-no" title="function not covered" >({</span> target }) =&gt; {
+    const page = <span class="cstat-no" title="statement not covered" >Number(target.id);</span>
+<span class="cstat-no" title="statement not covered" >    if (page) {</span>
+<span class="cstat-no" title="statement not covered" >      onChange(page);</span>
     }
   };
 &nbsp;
@@ -217,7 +217,7 @@ Pagination.propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
+                at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/molecules/Pagination/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">94.82% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>57/57</span>
+                <span class='fraction'>55/58</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">90.32% </span>
+                <span class="strong">84.37% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>28/31</span>
+                <span class='fraction'>27/32</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">91.66% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>12/12</span>
+                <span class='fraction'>11/12</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">94.73% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>57/57</span>
+                <span class='fraction'>54/57</span>
             </div>
         
             
@@ -84,13 +84,13 @@
 	<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="100" class="pct high">100%</td>
-	<td data-value="7" class="abs high">7/7</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="7" class="abs high">7/7</td>
+	<td data-value="10" class="abs high">10/10</td>
+	<td data-value="87.5" class="pct high">87.5%</td>
+	<td data-value="8" class="abs high">7/8</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="7" class="abs high">7/7</td>
+	<td data-value="9" class="abs high">9/9</td>
 	</tr>
 
 <tr>
@@ -99,28 +99,28 @@
 	<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="100" class="pct high">100%</td>
-	<td data-value="34" class="abs high">34/34</td>
+	<td data-value="32" class="abs high">32/32</td>
 	<td data-value="88.88" class="pct high">88.88%</td>
 	<td data-value="18" class="abs high">16/18</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="7" class="abs high">7/7</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="34" class="abs high">34/34</td>
+	<td data-value="32" class="abs high">32/32</td>
 	</tr>
 
 <tr>
-	<td class="file high" data-value="Pagination.js"><a href="Pagination.js.html">Pagination.js</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 class="file medium" data-value="Pagination.js"><a href="Pagination.js.html">Pagination.js</a></td>
+	<td data-value="75" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 75%"></div><div class="cover-empty" style="width: 25%"></div></div>
 	</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="12" class="abs high">12/12</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="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="12" class="abs high">12/12</td>
+	<td data-value="75" class="pct medium">75%</td>
+	<td data-value="12" class="abs medium">9/12</td>
+	<td data-value="66.66" class="pct medium">66.66%</td>
+	<td data-value="6" class="abs medium">4/6</td>
+	<td data-value="66.66" class="pct medium">66.66%</td>
+	<td data-value="3" class="abs medium">2/3</td>
+	<td data-value="75" class="pct medium">75%</td>
+	<td data-value="12" class="abs medium">9/12</td>
 	</tr>
 
 <tr>
@@ -146,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">istanbul</a>
-                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
+                at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/molecules/Pagination/pagination.config.js.html

@@ -88,7 +88,7 @@ export { ELLIPSIS_CONTROLS, EXTENDED_MAX_STEPS, NEXT_CONTROL, PREV_CONTROL };
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
+                at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/molecules/PricingCard/PricingCard.js.html

@@ -370,7 +370,7 @@ export const PricingCard = ({
     });
   };
  
-  const seeMoreMobileButton = (
+  const renderMoreMobileButton = (
     <Button
       givenClass='see-more-button'
       tertiary
@@ -380,7 +380,7 @@ export const PricingCard = ({
     />
   );
  
-  const headerContent = (
+  const renderHeaderContent = (
     <div className='pricing-card__header'>
       <h4 className={`sans-serif --big pricing-card__header__text`}>
         <strong>{planName}</strong>
@@ -388,7 +388,7 @@ export const PricingCard = ({
     </div>
   );
  
-  const bodyContent = (
+  const renderBodyContent = (
     <div className='pricing-card__body'>
       {price && (
         <div className={`sans-serif pricing-card__body__price`}>
@@ -409,7 +409,7 @@ export const PricingCard = ({
         </div>
       )}
       {children}
-      {isSelectableCard && seeMoreMobileButton}
+      {isSelectableCard && renderMoreMobileButton}
       {cardButton}
       {message && <Message {...message} />}
     </div>
@@ -429,13 +429,13 @@ export const PricingCard = ({
               checked={isChecked}
             />
             <span className='radiobtn' data-qa={planName}></span>
-            {headerContent}
-            {bodyContent}
+            {renderHeaderContent}
+            {renderBodyContent}
           </label>
         ) : (
           <>
-            {headerContent}
-            {bodyContent}
+            {renderHeaderContent}
+            {renderBodyContent}
           </>
         )}
       </div>
@@ -469,7 +469,7 @@ PricingCard.propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
+                at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/molecules/PricingCard/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">istanbul</a>
-                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
+                at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/molecules/Snackbar/Snackbar.js.html

@@ -367,7 +367,7 @@ Snackbar.defaultProps = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
+                at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/molecules/Snackbar/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">istanbul</a>
-                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
+                at Mon Apr 25 2022 12:28:27 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>