@npm_leadtech/legal-lib-components 1.21.2 → 1.22.0

package/coverage/lcov-report/src/components/atoms/Button/Button.js.html

@@ -30,9 +30,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">85.71% </span>
+                <span class="strong">78.57% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>24/28</span>
+                <span class='fraction'>22/28</span>
             </div>
         
             
@@ -218,15 +218,12 @@
 <a name='L153'></a><a href='#L153'>153</a>
 <a name='L154'></a><a href='#L154'>154</a>
 <a name='L155'></a><a href='#L155'>155</a>
-<a name='L156'></a><a href='#L156'>156</a>
-<a name='L157'></a><a href='#L157'>157</a>
-<a name='L158'></a><a href='#L158'>158</a>
-<a name='L159'></a><a href='#L159'>159</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L156'></a><a href='#L156'>156</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-yes">8x</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>
@@ -259,15 +256,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">18x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">28x</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">18x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">28x</span>
+<span class="cline-any cline-yes">18x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">28x</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>
@@ -286,11 +283,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">18x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</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>
@@ -301,7 +296,7 @@
 <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">28x</span>
+<span class="cline-any cline-yes">18x</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>
@@ -314,15 +309,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">28x</span>
-<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">18x</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-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">7x</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>
@@ -330,8 +325,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</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>
@@ -345,8 +340,7 @@
 <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">8x</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>
@@ -410,7 +404,6 @@ export const Button = ({
   transparent,
   error,
   disabled,
-  fluid,
   givenClass,
   children,
   size,
@@ -425,7 +418,7 @@ export const Button = ({
 &nbsp;
   const sizeClass = size ? sizes[size] : '';
 &nbsp;
-  const classnames = classNames(`e-button ${givenClass ? givenClass : ''} ${sizeClass}`, {
+  const classnames = classNames(`e-button ${givenClass ? <span class="branch-0 cbranch-no" title="branch not covered" >givenClass </span>: ''} ${sizeClass}`, {
     '--styleless': styleless,
     '--primary-1': primary,
     '--primary-2': primary2,
@@ -443,7 +436,6 @@ export const Button = ({
     '--disabled': disabled,
     'button--center': centered,
     '--error': error,
-    'e-button--fluid': fluid,
   });
 &nbsp;
   const onButtonClick = () =&gt; {
@@ -460,7 +452,7 @@ export const Button = ({
 &nbsp;
   const buttonContent = (
     &lt;&gt;
-      {children ? children : null}
+      {children ? <span class="branch-0 cbranch-no" title="branch not covered" >children </span>: null}
       {labelMobile ? (
         &lt;&gt;
           &lt;label className='e-button-labelMobile'&gt;{labelMobile}&lt;/label&gt;
@@ -529,7 +521,6 @@ Button.propTypes = {
   transparent: PropTypes.bool,
   error: PropTypes.bool,
   disabled: PropTypes.bool,
-  fluid: PropTypes.bool,
   givenClass: PropTypes.string,
   children: PropTypes.any,
   size: PropTypes.string,
@@ -544,7 +535,7 @@ Button.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 Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/Button/index.html

@@ -30,9 +30,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">85.71% </span>
+                <span class="strong">78.57% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>24/28</span>
+                <span class='fraction'>22/28</span>
             </div>
         
             
@@ -85,8 +85,8 @@
 	</td>
 	<td data-value="95" class="pct high">95%</td>
 	<td data-value="20" class="abs high">19/20</td>
-	<td data-value="85.71" class="pct high">85.71%</td>
-	<td data-value="28" class="abs high">24/28</td>
+	<td data-value="78.57" class="pct medium">78.57%</td>
+	<td data-value="28" class="abs medium">22/28</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="2" class="abs high">2/2</td>
 	<td data-value="94.73" class="pct high">94.73%</td>
@@ -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 Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/CardPane/CardPane.js.html

@@ -205,7 +205,7 @@ export { CardPane };
             <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 Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/CardPane/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 Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/Checkbox/Checkbox.js.html

@@ -199,7 +199,7 @@ Checkbox.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 Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/Checkbox/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 Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/DatePickerCustom/DatePickerCustom.js.html

@@ -244,17 +244,7 @@
 <a name='L179'></a><a href='#L179'>179</a>
 <a name='L180'></a><a href='#L180'>180</a>
 <a name='L181'></a><a href='#L181'>181</a>
-<a name='L182'></a><a href='#L182'>182</a>
-<a name='L183'></a><a href='#L183'>183</a>
-<a name='L184'></a><a href='#L184'>184</a>
-<a name='L185'></a><a href='#L185'>185</a>
-<a name='L186'></a><a href='#L186'>186</a>
-<a name='L187'></a><a href='#L187'>187</a>
-<a name='L188'></a><a href='#L188'>188</a>
-<a name='L189'></a><a href='#L189'>189</a>
-<a name='L190'></a><a href='#L190'>190</a>
-<a name='L191'></a><a href='#L191'>191</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L182'></a><a href='#L182'>182</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>
@@ -375,20 +365,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>
-<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>
 <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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">96x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -448,7 +430,6 @@ import DatePicker from 'react-datepicker';
 import PropTypes from 'prop-types';
 import 'react-datepicker/dist/react-datepicker.css';
 import './DatePickerCustom.scss';
-&nbsp;
 class DatePickerCustom extends Component {
   constructor(props) {
     super(props);
@@ -470,7 +451,7 @@ class DatePickerCustom extends Component {
 &nbsp;
     for (let i = minYear; i &lt;= maxYear; i++) {
       years.push(
-        &lt;option key={i} value={i} defaultValue={currentYear}&gt;
+        &lt;option key={i} value={i} selected={currentYear === i}&gt;
           {i}
         &lt;/option&gt;
       );
@@ -494,7 +475,7 @@ class DatePickerCustom extends Component {
   handleFocus = <span class="fstat-no" title="function not covered" >({</span> focused }) =&gt; <span class="cstat-no" title="statement not covered" >this.setState({ focused });</span>
 &nbsp;
   addDays = (date, days) =&gt; {
-    let result = new Date(date);
+    var result = new Date(date);
     result.setDate(result.getDate() + days);
     return result;
   };
@@ -565,21 +546,13 @@ class DatePickerCustom extends Component {
               &gt;
                 {'&lt;'}
               &lt;/button&gt;
-              &lt;select
-                className='CalendarYear'
-                value={date.getFullYear()}
-                onChange={<span class="fstat-no" title="function not covered" >({</span> target: { value } }) =&gt; <span class="cstat-no" title="statement not covered" >changeYear(value)}</span>
-              &gt;
+              &lt;select className='CalendarYear' onChange={<span class="fstat-no" title="function not covered" >({</span> target: { value } }) =&gt; <span class="cstat-no" title="statement not covered" >changeYear(value)}</span>&gt;
                 {this.returnYears(date.getFullYear())}
               &lt;/select&gt;
 &nbsp;
-              &lt;select
-                className='CalendarMonth'
-                value={date.getMonth()}
-                onChange={<span class="fstat-no" title="function not covered" >({</span> target: { value } }) =&gt; <span class="cstat-no" title="statement not covered" >changeMonth(value)}</span>
-              &gt;
+              &lt;select className='CalendarMonth' onChange={<span class="fstat-no" title="function not covered" >({</span> target: { value } }) =&gt; <span class="cstat-no" title="statement not covered" >changeMonth(value)}</span>&gt;
                 {months.map((label, value) =&gt; (
-                  &lt;option key={label} value={value} defaultValue={date.getMonth()}&gt;
+                  &lt;option key={label} value={value} selected={date.getMonth() === value}&gt;
                     {label}
                   &lt;/option&gt;
                 ))}
@@ -640,7 +613,7 @@ DatePickerCustom.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 Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/DatePickerCustom/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 Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/Disclaimer/Disclaimer.js.html

@@ -244,7 +244,7 @@ Disclaimer.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 Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/Disclaimer/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 Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/DocumentStatus/DocumentStatus.js.html

@@ -193,7 +193,7 @@ DocumentStatus.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 Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/DocumentStatus/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 Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/FormFaq/FormFaq.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">71.42% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>5/5</span>
+                <span class='fraction'>10/14</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">46.66% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>4/4</span>
+                <span class='fraction'>7/15</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/1</span>
+                <span class='fraction'>2/4</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">76.92% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>5/5</span>
+                <span class='fraction'>10/13</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>
@@ -85,15 +85,77 @@
 <a name='L20'></a><a href='#L20'>20</a>
 <a name='L21'></a><a href='#L21'>21</a>
 <a name='L22'></a><a href='#L22'>22</a>
-<a name='L23'></a><a href='#L23'>23</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a>
+<a name='L25'></a><a href='#L25'>25</a>
+<a name='L26'></a><a href='#L26'>26</a>
+<a name='L27'></a><a href='#L27'>27</a>
+<a name='L28'></a><a href='#L28'>28</a>
+<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>
+<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>
+<a name='L38'></a><a href='#L38'>38</a>
+<a name='L39'></a><a href='#L39'>39</a>
+<a name='L40'></a><a href='#L40'>40</a>
+<a name='L41'></a><a href='#L41'>41</a>
+<a name='L42'></a><a href='#L42'>42</a>
+<a name='L43'></a><a href='#L43'>43</a>
+<a name='L44'></a><a href='#L44'>44</a>
+<a name='L45'></a><a href='#L45'>45</a>
+<a name='L46'></a><a href='#L46'>46</a>
+<a name='L47'></a><a href='#L47'>47</a>
+<a name='L48'></a><a href='#L48'>48</a>
+<a name='L49'></a><a href='#L49'>49</a>
+<a name='L50'></a><a href='#L50'>50</a>
+<a name='L51'></a><a href='#L51'>51</a>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</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">1x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</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-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-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-yes">5x</span>
+<span class="cline-any cline-yes">6x</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">4x</span>
 <span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</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-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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -107,19 +169,50 @@
 <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';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
 import './FormFaq.scss';
 &nbsp;
 export const FormFaq = ({ title, answer }) =&gt; {
-  if (!title || !answer) {
-    return null;
-  }
+  const tooltip = useRef(null);
+  const faqTitleRef = useRef(null);
+&nbsp;
+  const closeTooltip = <span class="fstat-no" title="function not covered" >({</span> target }) =&gt; {
+<span class="cstat-no" title="statement not covered" >    if (</span>
+      tooltip &amp;&amp;
+      tooltip.current &amp;&amp;
+      tooltip !== null &amp;&amp;
+      tooltip.current !== null &amp;&amp;
+      !tooltip.current.contains(target) &amp;&amp;
+      !faqTitleRef.current.contains(target)
+    ) {
+<span class="cstat-no" title="statement not covered" >      tooltip.current.classList.remove('visible');</span>
+<span class="cstat-no" title="statement not covered" >      document.removeEventListener('touchstart', closeTooltip);</span>
+    }
+  };
+&nbsp;
+  const showTooltip = ({ target }) =&gt; {
+    if (
+      tooltip &amp;&amp;
+      tooltip.current &amp;&amp;
+      tooltip !== null &amp;&amp;
+      tooltip.current !== null &amp;&amp;
+      !tooltip.current.contains(target)
+    ) {
+      tooltip.current.classList.toggle('visible');
+      setTimeout(<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >document.addEventListener('touchstart', closeTooltip))</span>;
+    }
+  };
+&nbsp;
   return (
     &lt;li className={`form-faq`}&gt;
-      &lt;div className={`form-faq__container`}&gt;
-        &lt;p className={`form-faq__title sans-serif --small`}&gt;{title}&lt;/p&gt;
-        &lt;div className={`form-faq__answer sans-serif --extra-small`}&gt;{answer}&lt;/div&gt;
+      &lt;div className={`form-faq__container`} onTouchStart={showTooltip}&gt;
+        &lt;p ref={faqTitleRef} className={`form-faq__title sans-serif --small`}&gt;
+          {title}
+        &lt;/p&gt;
+        &lt;div ref={tooltip} className={`form-faq__answer sans-serif --extra-small`}&gt;
+          {answer}
+        &lt;/div&gt;
       &lt;/div&gt;
     &lt;/li&gt;
   );
@@ -136,7 +229,7 @@ FormFaq.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 Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>