@npm_leadtech/legal-lib-components 1.2.0 → 1.3.0

package/coverage/lcov-report/src/components/atoms/ProgressBar/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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/Radio/Radio.js.html

@@ -295,7 +295,7 @@ Radio.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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/Radio/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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/RemoveButton/RemoveButton.js.html

@@ -214,7 +214,7 @@ RemoveButton.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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/RemoveButton/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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/RichTextInner/RichTextInner.js.html

@@ -30,9 +30,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>1/2</span>
             </div>
         
             
@@ -75,34 +75,25 @@
 <a name='L10'></a><a href='#L10'>10</a>
 <a name='L11'></a><a href='#L11'>11</a>
 <a name='L12'></a><a href='#L12'>12</a>
-<a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a>
-<a name='L15'></a><a href='#L15'>15</a>
-<a name='L16'></a><a href='#L16'>16</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='L13'></a><a href='#L13'>13</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">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-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</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-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
-import PropTypes from 'prop-types';
-&nbsp;
 import './RichTextInner.scss';
+import PropTypes from 'prop-types';
 &nbsp;
-export const RichTextInner = ({children, customClass}) =&gt; (
-  &lt;div className={`rich-text ${customClass}`}&gt;
-    {children}
-  &lt;/div&gt;
-);
+export const RichTextInner = (props) =&gt; {
+  return &lt;div className={props.customClass ? `m-richText ${props.customClass}` : <span class="branch-1 cbranch-no" title="branch not covered" >'m-richText'}</span>&gt;{props.children}&lt;/div&gt;;
+};
 &nbsp;
 RichTextInner.propTypes = {
   customClass: PropTypes.string,
@@ -115,7 +106,7 @@ RichTextInner.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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/RichTextInner/index.html

@@ -30,9 +30,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>1/2</span>
             </div>
         
             
@@ -85,8 +85,8 @@
 	</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="0" class="abs high">0/0</td>
+	<td data-value="50" class="pct medium">50%</td>
+	<td data-value="2" class="abs medium">1/2</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>
@@ -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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/SearchSelect/SearchSelect.js.html

@@ -364,7 +364,7 @@ SearchSelect.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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/SearchSelect/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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/SidemenuTab/SidemenuTab.js.html

@@ -157,7 +157,7 @@ SidemenuTab.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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/SidemenuTab/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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/Spinner/Spinner.js.html

@@ -130,7 +130,7 @@ Spinner.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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/Spinner/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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/TestAB/TestAB.js.html

@@ -154,7 +154,7 @@ TestAB.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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/TestAB/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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/TextArea/TextArea.js.html

@@ -268,7 +268,7 @@ TextArea.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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/TextArea/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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/Toggle/Toggle.js.html

@@ -148,7 +148,7 @@ Toggle.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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/Toggle/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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01: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/{components/atoms/Disclaimer/Disclaimer.js.html → src/components/molecules/BoxForm/BoxForm.js.html}

@@ -3,15 +3,15 @@
 <html lang="en">
 
 <head>
-    <title>Code coverage report for components/atoms/Disclaimer/Disclaimer.js</title>
+    <title>Code coverage report for src/components/molecules/BoxForm/BoxForm.js</title>
     <meta charset="utf-8" />
-    <link rel="stylesheet" href="../../../prettify.css" />
-    <link rel="stylesheet" href="../../../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
+    <link rel="stylesheet" href="../../../../prettify.css" />
+    <link rel="stylesheet" href="../../../../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../../../../favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <style type='text/css'>
         .coverage-summary .sorter {
-            background-image: url(../../../sort-arrow-sprite.png);
+            background-image: url(../../../../sort-arrow-sprite.png);
         }
     </style>
 </head>
@@ -19,20 +19,20 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../index.html">All files</a> / <a href="index.html">components/atoms/Disclaimer</a> Disclaimer.js</h1>
+        <h1><a href="../../../../index.html">All files</a> / <a href="index.html">src/components/molecules/BoxForm</a> BoxForm.js</h1>
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">81.81% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>7/7</span>
+                <span class='fraction'>9/11</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'>8/8</span>
+                <span class='fraction'>7/8</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">81.81% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>7/7</span>
+                <span class='fraction'>9/11</span>
             </div>
         
             
@@ -121,21 +121,37 @@
 <a name='L56'></a><a href='#L56'>56</a>
 <a name='L57'></a><a href='#L57'>57</a>
 <a name='L58'></a><a href='#L58'>58</a>
-<a name='L59'></a><a href='#L59'>59</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='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</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">1x</span>
-<span class="cline-any cline-yes">3x</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-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-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">3x</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-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">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>
@@ -143,10 +159,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">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>
-<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>
@@ -160,7 +176,6 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-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>
@@ -178,64 +193,70 @@
 <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></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
 import PropTypes from 'prop-types';
-import { envVar } from '../../../utils/envVariables';
-&nbsp;
-import './Disclaimer.scss';
+import './box-form.scss';
+import { Button } from '../../atoms/Button/Button';
 &nbsp;
-export const Disclaimer = ({ text, disclaimerLinks, environment }) =&gt; {
-  const currentYear = new Date().getFullYear();
+export const BoxForm = ({ title, body, footer, closeInsideModal, closeModalAndReloadPage }) =&gt; {
+  let buttonProps = {};
 &nbsp;
-  const copyright = `© Copyright ${currentYear} www.${envVar} All Rights Reserved.`;
+  if (footer) {
+    buttonProps = {
+      secondary: true,
+      size: 'S',
+      label: footer.button.text,
+      dataQa: footer.button.dataQa,
+    };
 &nbsp;
-  const showDisclaimerLinks = disclaimerLinks &amp;&amp; (
-    &lt;React.Fragment&gt;
-      {' '}
-      &lt;a href={`${environment}/terms-of-use/`} rel='noreferrer' target='_blank'&gt;
-        &lt;u&gt;Terms of Use&lt;/u&gt;
-      &lt;/a&gt;{' '}
-      |{' '}
-      &lt;a href={`${environment}/privacy-policy/`} rel='noreferrer' target='_blank'&gt;
-        &lt;u&gt;Privacy Policy&lt;/u&gt;
-      &lt;/a&gt;{' '}
-      | {copyright}
-    &lt;/React.Fragment&gt;
-  );
-&nbsp;
-  const showDisclaimerLinkMobile = disclaimerLinks &amp;&amp; (
-    &lt;React.Fragment&gt;
-      &lt;div className='disclaimer__copy'&gt;
-        &lt;a href={`${environment}/terms-of-use/`} rel='noreferrer' target='_blank'&gt;
-          &lt;u&gt;Terms of Use&lt;/u&gt; |
-        &lt;/a&gt;
-        &lt;a href={`${environment}/privacy-policy/`} rel='noreferrer' target='_blank'&gt;
-          &lt;u&gt; Privacy Policy&lt;/u&gt;
-        &lt;/a&gt;
-        &lt;p&gt;{copyright}&lt;/p&gt;
-      &lt;/div&gt;
-    &lt;/React.Fragment&gt;
-  );
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (footer.button.onClick) {
+<span class="cstat-no" title="statement not covered" >      buttonProps.onClick = footer.button.onClick;</span>
+<span class="cstat-no" title="statement not covered" >      buttonProps.noLink = true;</span>
+    } else {
+      buttonProps.link = footer.button.link;
+    }
+  } else {
+    buttonProps = {
+      secondary: true,
+      size: 'S',
+      label: '',
+      dataQa: '',
+    };
+  }
 &nbsp;
   return (
-    &lt;div className={`disclaimer__wrapper`}&gt;
-      &lt;div className={`wrapper disclaimer sans-serif --extra-small`}&gt;
-        &lt;div className='disclaimer__copy'&gt;{text}&lt;/div&gt;
-        {disclaimerLinks ? &lt;p className='desktop_view'&gt;{showDisclaimerLinks}&lt;/p&gt; : &lt;p&gt;{copyright}&lt;/p&gt;}
-        {disclaimerLinks &amp;&amp; &lt;div className='disclaimer__copy mobile_view'&gt;{showDisclaimerLinkMobile}&lt;/div&gt;}
+    &lt;div className='box--form'&gt;
+      &lt;div className='box--form__header'&gt;
+        {closeInsideModal ? (
+          &lt;&gt;
+            &lt;h3 className='box--form__title sans-serif --big'&gt;{title}&lt;/h3&gt;
+            &lt;div className='box--form__close' onClick={closeModalAndReloadPage}&gt;
+              &amp;times;
+            &lt;/div&gt;
+          &lt;/&gt;
+        ) : (
+          &lt;h3 className='box--form__title sans-serif --big'&gt;{title}&lt;/h3&gt;
+        )}
+      &lt;/div&gt;
+      &lt;div className='box--form__main'&gt;
+        &lt;div className='box--form__body'&gt;{body}&lt;/div&gt;
+        {footer &amp;&amp; (
+          &lt;div className='box--form__footer'&gt;
+            &lt;span className='box--form__footer__text'&gt;{footer.text}&lt;/span&gt;
+            &lt;Button {...buttonProps} /&gt;
+          &lt;/div&gt;
+        )}
       &lt;/div&gt;
     &lt;/div&gt;
   );
 };
 &nbsp;
-Disclaimer.propTypes = {
-  /** Text to show */
-  text: PropTypes.string,
-  /** Show link */
-  disclaimerLinks: PropTypes.bool,
-  /** Environment to redirect */
-  environment: PropTypes.string,
+BoxForm.propTypes = {
+  title: PropTypes.string,
+  body: PropTypes.object,
+  footer: PropTypes.object,
+  closeInsideModal: PropTypes.bool,
+  closeModalAndReloadPage: PropTypes.func,
 };
 &nbsp;</pre></td></tr></table></pre>
 
@@ -243,17 +264,17 @@ Disclaimer.propTypes = {
             </div><!-- /wrapper -->
             <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 Thu Feb 03 2022 17:07:16 GMT+0100 (GMT+01:00)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
+                at Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
-        <script src="../../../prettify.js"></script>
+        <script src="../../../../prettify.js"></script>
         <script>
             window.onload = function () {
                 prettyPrint();
             };
         </script>
-        <script src="../../../sorter.js"></script>
-        <script src="../../../block-navigation.js"></script>
+        <script src="../../../../sorter.js"></script>
+        <script src="../../../../block-navigation.js"></script>
     </body>
 </html>
     

package/coverage/lcov-report/src/components/molecules/{BottomFixedBar → BoxForm}/index.html

@@ -3,7 +3,7 @@
 <html lang="en">
 
 <head>
-    <title>Code coverage report for src/components/molecules/BottomFixedBar</title>
+    <title>Code coverage report for src/components/molecules/BoxForm</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../../../prettify.css" />
     <link rel="stylesheet" href="../../../../base.css" />
@@ -19,20 +19,20 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../../index.html">All files</a> src/components/molecules/BottomFixedBar</h1>
+        <h1><a href="../../../../index.html">All files</a> src/components/molecules/BoxForm</h1>
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">81.81% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>5/5</span>
+                <span class='fraction'>9/11</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'>4/4</span>
+                <span class='fraction'>7/8</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">81.81% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>5/5</span>
+                <span class='fraction'>9/11</span>
             </div>
         
             
@@ -79,18 +79,18 @@
 </tr>
 </thead>
 <tbody><tr>
-	<td class="file high" data-value="BottomFixedBar.js"><a href="BottomFixedBar.js.html">BottomFixedBar.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 high" data-value="BoxForm.js"><a href="BoxForm.js.html">BoxForm.js</a></td>
+	<td data-value="81.81" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 81%"></div><div class="cover-empty" style="width: 19%"></div></div>
 	</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="5" class="abs high">5/5</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="4" class="abs high">4/4</td>
+	<td data-value="81.81" class="pct high">81.81%</td>
+	<td data-value="11" class="abs high">9/11</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="1" class="abs high">1/1</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="5" class="abs high">5/5</td>
+	<td data-value="81.81" class="pct high">81.81%</td>
+	<td data-value="11" class="abs high">9/11</td>
 	</tr>
 
 </tbody>
@@ -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 Wed Feb 23 2022 13:05:19 GMT+0100 (GMT+01:00)
+                at Thu Feb 17 2022 10:10:28 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>