@npm_leadtech/legal-lib-components 0.5.9 → 0.8.0

package/__mocks__/file-mock.js

@@ -0,0 +1 @@
+module.exports = 'test-file-stub';

package/coverage/clover.xml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1625559005999" clover="3.2.0">
-  <project timestamp="1625559006000" name="All files">
-    <metrics statements="14" coveredstatements="13" conditionals="10" coveredconditionals="9" methods="3" coveredmethods="3" elements="27" coveredelements="25" complexity="0" loc="14" ncloc="14" packages="3" files="3" classes="3"/>
+<coverage generated="1625814849930" clover="3.2.0">
+  <project timestamp="1625814849930" name="All files">
+    <metrics statements="20" coveredstatements="19" conditionals="17" coveredconditionals="16" methods="4" coveredmethods="4" elements="41" coveredelements="39" complexity="0" loc="20" ncloc="20" packages="4" files="4" classes="4"/>
     <package name="components.atoms.CardPane">
       <metrics statements="7" coveredstatements="6" conditionals="2" coveredconditionals="1" methods="2" coveredmethods="2"/>
       <file name="CardPane.js" path="/home/mfvillegas/projects/legal/legal-lib-components/src/components/atoms/CardPane/CardPane.js">
@@ -22,9 +22,21 @@
         <line num="7" count="1" type="stmt"/>
         <line num="8" count="3" type="stmt"/>
         <line num="10" count="3" type="cond" truecount="2" falsecount="0"/>
-        <line num="18" count="3" type="cond" truecount="2" falsecount="0"/>
-        <line num="32" count="3" type="stmt"/>
-        <line num="43" count="1" type="stmt"/>
+        <line num="24" count="3" type="cond" truecount="2" falsecount="0"/>
+        <line num="38" count="3" type="stmt"/>
+        <line num="49" count="1" type="stmt"/>
+      </file>
+    </package>
+    <package name="components.atoms.DocumentStatus">
+      <metrics statements="6" coveredstatements="6" conditionals="7" coveredconditionals="7" methods="1" coveredmethods="1"/>
+      <file name="DocumentStatus.js" path="/home/mfvillegas/projects/legal/legal-lib-components/src/components/atoms/DocumentStatus/DocumentStatus.js">
+        <metrics statements="6" coveredstatements="6" conditionals="7" coveredconditionals="7" methods="1" coveredmethods="1"/>
+        <line num="10" count="1" type="stmt"/>
+        <line num="11" count="3" type="cond" truecount="7" falsecount="0"/>
+        <line num="16" count="1" type="stmt"/>
+        <line num="22" count="1" type="stmt"/>
+        <line num="29" count="1" type="stmt"/>
+        <line num="38" count="1" type="stmt"/>
       </file>
     </package>
     <package name="utils">

package/coverage/coverage-final.json

@@ -1,4 +1,5 @@
 {"/home/mfvillegas/projects/legal/legal-lib-components/src/components/atoms/CardPane/CardPane.js": {"path":"/home/mfvillegas/projects/legal/legal-lib-components/src/components/atoms/CardPane/CardPane.js","statementMap":{"0":{"start":{"line":5,"column":27},"end":{"line":12,"column":1}},"1":{"start":{"line":6,"column":2},"end":{"line":11,"column":4}},"2":{"start":{"line":14,"column":17},"end":{"line":20,"column":1}},"3":{"start":{"line":15,"column":2},"end":{"line":17,"column":3}},"4":{"start":{"line":16,"column":4},"end":{"line":16,"column":16}},"5":{"start":{"line":19,"column":2},"end":{"line":19,"column":68}},"6":{"start":{"line":22,"column":0},"end":{"line":24,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":27},"end":{"line":5,"column":28}},"loc":{"start":{"line":5,"column":59},"end":{"line":12,"column":1}},"line":5},"1":{"name":"(anonymous_1)","decl":{"start":{"line":14,"column":17},"end":{"line":14,"column":18}},"loc":{"start":{"line":14,"column":31},"end":{"line":20,"column":1}},"line":14}},"branchMap":{"0":{"loc":{"start":{"line":15,"column":2},"end":{"line":17,"column":3}},"type":"if","locations":[{"start":{"line":15,"column":2},"end":{"line":17,"column":3}},{"start":{"line":15,"column":2},"end":{"line":17,"column":3}}],"line":15}},"s":{"0":1,"1":5,"2":1,"3":3,"4":0,"5":3,"6":1},"f":{"0":5,"1":3},"b":{"0":[0,3]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"5e474f704f954aa9f8ca9531b67d61cffc14bc96"}
-,"/home/mfvillegas/projects/legal/legal-lib-components/src/components/atoms/Disclaimer/Disclaimer.js": {"path":"/home/mfvillegas/projects/legal/legal-lib-components/src/components/atoms/Disclaimer/Disclaimer.js","statementMap":{"0":{"start":{"line":7,"column":26},"end":{"line":41,"column":1}},"1":{"start":{"line":8,"column":20},"end":{"line":8,"column":73}},"2":{"start":{"line":10,"column":30},"end":{"line":16,"column":3}},"3":{"start":{"line":18,"column":35},"end":{"line":30,"column":3}},"4":{"start":{"line":32,"column":2},"end":{"line":40,"column":4}},"5":{"start":{"line":43,"column":0},"end":{"line":50,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":7,"column":26},"end":{"line":7,"column":27}},"loc":{"start":{"line":7,"column":70},"end":{"line":41,"column":1}},"line":7}},"branchMap":{"0":{"loc":{"start":{"line":10,"column":30},"end":{"line":16,"column":3}},"type":"binary-expr","locations":[{"start":{"line":10,"column":30},"end":{"line":10,"column":45}},{"start":{"line":11,"column":4},"end":{"line":15,"column":21}}],"line":10},"1":{"loc":{"start":{"line":18,"column":35},"end":{"line":30,"column":3}},"type":"binary-expr","locations":[{"start":{"line":18,"column":35},"end":{"line":18,"column":50}},{"start":{"line":19,"column":4},"end":{"line":29,"column":21}}],"line":18},"2":{"loc":{"start":{"line":36,"column":9},"end":{"line":36,"column":101}},"type":"cond-expr","locations":[{"start":{"line":36,"column":27},"end":{"line":36,"column":80}},{"start":{"line":36,"column":83},"end":{"line":36,"column":101}}],"line":36},"3":{"loc":{"start":{"line":37,"column":9},"end":{"line":37,"column":106}},"type":"binary-expr","locations":[{"start":{"line":37,"column":9},"end":{"line":37,"column":24}},{"start":{"line":37,"column":28},"end":{"line":37,"column":106}}],"line":37}},"s":{"0":1,"1":3,"2":3,"3":3,"4":3,"5":1},"f":{"0":3},"b":{"0":[3,1],"1":[3,1],"2":[1,2],"3":[3,1]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"742226fc1812028cb0b98d761923d848d90167fe"}
+,"/home/mfvillegas/projects/legal/legal-lib-components/src/components/atoms/Disclaimer/Disclaimer.js": {"path":"/home/mfvillegas/projects/legal/legal-lib-components/src/components/atoms/Disclaimer/Disclaimer.js","statementMap":{"0":{"start":{"line":7,"column":26},"end":{"line":47,"column":1}},"1":{"start":{"line":8,"column":20},"end":{"line":8,"column":73}},"2":{"start":{"line":10,"column":30},"end":{"line":22,"column":3}},"3":{"start":{"line":24,"column":35},"end":{"line":36,"column":3}},"4":{"start":{"line":38,"column":2},"end":{"line":46,"column":4}},"5":{"start":{"line":49,"column":0},"end":{"line":56,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":7,"column":26},"end":{"line":7,"column":27}},"loc":{"start":{"line":7,"column":70},"end":{"line":47,"column":1}},"line":7}},"branchMap":{"0":{"loc":{"start":{"line":10,"column":30},"end":{"line":22,"column":3}},"type":"binary-expr","locations":[{"start":{"line":10,"column":30},"end":{"line":10,"column":45}},{"start":{"line":11,"column":4},"end":{"line":21,"column":21}}],"line":10},"1":{"loc":{"start":{"line":24,"column":35},"end":{"line":36,"column":3}},"type":"binary-expr","locations":[{"start":{"line":24,"column":35},"end":{"line":24,"column":50}},{"start":{"line":25,"column":4},"end":{"line":35,"column":21}}],"line":24},"2":{"loc":{"start":{"line":42,"column":9},"end":{"line":42,"column":101}},"type":"cond-expr","locations":[{"start":{"line":42,"column":27},"end":{"line":42,"column":80}},{"start":{"line":42,"column":83},"end":{"line":42,"column":101}}],"line":42},"3":{"loc":{"start":{"line":43,"column":9},"end":{"line":43,"column":106}},"type":"binary-expr","locations":[{"start":{"line":43,"column":9},"end":{"line":43,"column":24}},{"start":{"line":43,"column":28},"end":{"line":43,"column":106}}],"line":43}},"s":{"0":1,"1":3,"2":3,"3":3,"4":3,"5":1},"f":{"0":3},"b":{"0":[3,1],"1":[3,1],"2":[1,2],"3":[3,1]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"8c950a221c6ff44c65b0a562d74903e4fe664b1b"}
+,"/home/mfvillegas/projects/legal/legal-lib-components/src/components/atoms/DocumentStatus/DocumentStatus.js": {"path":"/home/mfvillegas/projects/legal/legal-lib-components/src/components/atoms/DocumentStatus/DocumentStatus.js","statementMap":{"0":{"start":{"line":10,"column":30},"end":{"line":36,"column":1}},"1":{"start":{"line":11,"column":2},"end":{"line":35,"column":3}},"2":{"start":{"line":16,"column":6},"end":{"line":20,"column":8}},"3":{"start":{"line":22,"column":6},"end":{"line":26,"column":8}},"4":{"start":{"line":29,"column":6},"end":{"line":34,"column":8}},"5":{"start":{"line":38,"column":0},"end":{"line":41,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":10,"column":30},"end":{"line":10,"column":31}},"loc":{"start":{"line":10,"column":44},"end":{"line":36,"column":1}},"line":10}},"branchMap":{"0":{"loc":{"start":{"line":11,"column":2},"end":{"line":35,"column":3}},"type":"switch","locations":[{"start":{"line":12,"column":4},"end":{"line":12,"column":20}},{"start":{"line":13,"column":4},"end":{"line":13,"column":22}},{"start":{"line":14,"column":4},"end":{"line":14,"column":26}},{"start":{"line":15,"column":4},"end":{"line":20,"column":8}},{"start":{"line":21,"column":4},"end":{"line":26,"column":8}},{"start":{"line":27,"column":4},"end":{"line":27,"column":23}},{"start":{"line":28,"column":4},"end":{"line":34,"column":8}}],"line":11}},"s":{"0":1,"1":3,"2":1,"3":1,"4":1,"5":1},"f":{"0":3},"b":{"0":[1,1,1,1,1,1,1]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"4de6eada0c6713b20509d352e36af19be3d9c4ea"}
 ,"/home/mfvillegas/projects/legal/legal-lib-components/src/utils/envVariables.js": {"path":"/home/mfvillegas/projects/legal/legal-lib-components/src/utils/envVariables.js","statementMap":{"0":{"start":{"line":1,"column":22},"end":{"line":1,"column":39}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"0ce4b7acf27903f6c89f5b7a69fc406cc2de4413"}
 }

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

@@ -142,7 +142,7 @@ export { CardPane };
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Tue Jul 06 2021 10:10:05 GMT+0200 (GMT+02:00)
+                at Fri Jul 09 2021 09:14:09 GMT+0200 (GMT+02:00)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

package/coverage/lcov-report/components/atoms/CardPane/index.html

@@ -95,7 +95,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Tue Jul 06 2021 10:10:05 GMT+0200 (GMT+02:00)
+                at Fri Jul 09 2021 09:14:09 GMT+0200 (GMT+02:00)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

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

@@ -107,7 +107,13 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<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>
+<a name='L55'></a><a href='#L55'>55</a>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</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>
@@ -124,6 +130,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-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>
@@ -169,18 +181,24 @@ export const Disclaimer = ({ text, disclaimerLinks, environment }) =&gt; {
   const showDisclaimerLinks = disclaimerLinks &amp;&amp; (
     &lt;React.Fragment&gt;
       {' '}
-      &lt;a href={`${environment}/terms-of-use/`}&gt;Terms of Use&lt;/a&gt; |{' '}
-      &lt;a href={`${environment}/privacy-policy/`}&gt;Privacy Policy&lt;/a&gt; | {copyright}
+      &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/`}&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/`}&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;
@@ -214,7 +232,7 @@ Disclaimer.propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Tue Jul 06 2021 10:10:05 GMT+0200 (GMT+02:00)
+                at Fri Jul 09 2021 09:14:09 GMT+0200 (GMT+02:00)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

package/coverage/lcov-report/components/atoms/Disclaimer/index.html

@@ -95,7 +95,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Tue Jul 06 2021 10:10:05 GMT+0200 (GMT+02:00)
+                at Fri Jul 09 2021 09:14:09 GMT+0200 (GMT+02:00)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

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

@@ -0,0 +1,203 @@
+
+<!doctype html>
+<html lang="en">
+
+<head>
+    <title>Code coverage report for components/atoms/DocumentStatus/DocumentStatus.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" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../../../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+    
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../../../index.html">All files</a> / <a href="index.html">components/atoms/DocumentStatus</a> DocumentStatus.js</h1>
+        <div class='clearfix'>
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>6/6</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>7/7</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>1/1</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>6/6</span>
+            </div>
+        
+            
+        </div>
+        <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>
+    </div>
+    <div class='status-line high'></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>
+<a name='L3'></a><a href='#L3'>3</a>
+<a name='L4'></a><a href='#L4'>4</a>
+<a name='L5'></a><a href='#L5'>5</a>
+<a name='L6'></a><a href='#L6'>6</a>
+<a name='L7'></a><a href='#L7'>7</a>
+<a name='L8'></a><a href='#L8'>8</a>
+<a name='L9'></a><a href='#L9'>9</a>
+<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>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<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>
+<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></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-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-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-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-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">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>
+<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-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 Completed from '../../../../images/svgComponents/done-24-px.svg';
+import InProgress from '../../../../images/svgComponents/time-24-px.svg';
+import New from '../../../../images/svgComponents/new-release-24-p.svg';
+&nbsp;
+import PropTypes from 'prop-types';
+&nbsp;
+import './DocumentStatus.scss';
+&nbsp;
+export const DocumentStatus = ({ type }) =&gt; {
+  switch (type) {
+    case 'complete':
+    case 'downloaded':
+    case 'pdf_processing':
+    case 'pdf_generated':
+      return (
+        &lt;div data-testid='document-status' dataclassName={`document-status --is-completed`}&gt;
+          &lt;img src={Completed} /&gt; &lt;span className={`sans-serif --small`}&gt;Completed&lt;/span&gt;
+        &lt;/div&gt;
+      );
+    case 'new':
+      return (
+        &lt;div data-testid='document-status' className={`document-status --is-new`}&gt;
+          &lt;img src={New} /&gt; &lt;span className={`sans-serif --small`}&gt;New&lt;/span&gt;
+        &lt;/div&gt;
+      );
+    case 'in_progress':
+    default:
+      return (
+        &lt;div data-testid='document-status' className={`document-status --in-progress`}&gt;
+          &lt;img src={InProgress}&gt;&lt;/img&gt;
+          &lt;span className={`sans-serif --small`}&gt;In Progress&lt;/span&gt;
+        &lt;/div&gt;
+      );
+  }
+};
+&nbsp;
+DocumentStatus.propTypes = {
+  /** Type to document status to show */
+  type: PropTypes.string,
+};
+&nbsp;</pre></td></tr></table></pre>
+
+                <div class='push'></div><!-- for sticky footer -->
+            </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 Fri Jul 09 2021 09:14:09 GMT+0200 (GMT+02:00)
+            </div>
+        </div>
+        <script src="../../../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../../../sorter.js"></script>
+        <script src="../../../block-navigation.js"></script>
+    </body>
+</html>
+    

package/coverage/lcov-report/components/atoms/DocumentStatus/index.html

@@ -0,0 +1,111 @@
+
+<!doctype html>
+<html lang="en">
+
+<head>
+    <title>Code coverage report for components/atoms/DocumentStatus</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" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../../../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+    
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../../../index.html">All files</a> components/atoms/DocumentStatus</h1>
+        <div class='clearfix'>
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>6/6</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>7/7</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>1/1</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>6/6</span>
+            </div>
+        
+            
+        </div>
+        <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>
+    </div>
+    <div class='status-line high'></div>
+    <div class="pad1">
+<table class="coverage-summary">
+<thead>
+<tr>
+   <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
+   <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
+   <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
+   <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
+   <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
+   <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
+   <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
+</tr>
+</thead>
+<tbody><tr>
+	<td class="file high" data-value="DocumentStatus.js"><a href="DocumentStatus.js.html">DocumentStatus.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>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="6" class="abs high">6/6</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="7" class="abs high">7/7</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="6" class="abs high">6/6</td>
+	</tr>
+
+</tbody>
+</table>
+</div>
+                <div class='push'></div><!-- for sticky footer -->
+            </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 Fri Jul 09 2021 09:14:09 GMT+0200 (GMT+02:00)
+            </div>
+        </div>
+        <script src="../../../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../../../sorter.js"></script>
+        <script src="../../../block-navigation.js"></script>
+    </body>
+</html>
+    

package/coverage/lcov-report/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">92.86% </span>
+                <span class="strong">95% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>13/14</span>
+                <span class='fraction'>19/20</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">90% </span>
+                <span class="strong">94.12% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>9/10</span>
+                <span class='fraction'>16/17</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>3/3</span>
+                <span class='fraction'>4/4</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">92.86% </span>
+                <span class="strong">95% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>13/14</span>
+                <span class='fraction'>19/20</span>
             </div>
         
             
@@ -102,6 +102,21 @@
 	<td data-value="6" class="abs high">6/6</td>
 	</tr>
 
+<tr>
+	<td class="file high" data-value="components/atoms/DocumentStatus"><a href="components/atoms/DocumentStatus/index.html">components/atoms/DocumentStatus</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="6" class="abs high">6/6</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="7" class="abs high">7/7</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="6" class="abs high">6/6</td>
+	</tr>
+
 <tr>
 	<td class="file high" data-value="utils"><a href="utils/index.html">utils</a></td>
 	<td data-value="100" class="pic high">
@@ -125,7 +140,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Tue Jul 06 2021 10:10:05 GMT+0200 (GMT+02:00)
+                at Fri Jul 09 2021 09:14:09 GMT+0200 (GMT+02:00)
             </div>
         </div>
         <script src="prettify.js"></script>

package/coverage/lcov-report/utils/envVariables.js.html

@@ -67,7 +67,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Tue Jul 06 2021 10:10:05 GMT+0200 (GMT+02:00)
+                at Fri Jul 09 2021 09:14:09 GMT+0200 (GMT+02:00)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/lcov-report/utils/index.html

@@ -95,7 +95,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Tue Jul 06 2021 10:10:05 GMT+0200 (GMT+02:00)
+                at Fri Jul 09 2021 09:14:09 GMT+0200 (GMT+02:00)
             </div>
         </div>
         <script src="../prettify.js"></script>