@npm_leadtech/legal-lib-components 1.15.1 → 1.16.0

package/coverage/lcov-report/src/components/atoms/AddButton/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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

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

@@ -92,7 +92,8 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L30'></a><a href='#L30'>30</a>
+<a name='L31'></a><a href='#L31'>31</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>
@@ -118,6 +119,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-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>
@@ -127,11 +129,11 @@ import classNames from 'classnames';
 &nbsp;
 import './BaseBox.scss';
 &nbsp;
-export const BaseBox = ({ active, padded, color, children }) =&gt; {
+export const BaseBox = ({ active, padded, color, givenClass, children }) =&gt; {
   if (!children) {
     return null;
   }
-  const classes = classNames('base-box', {
+  const classes = classNames(`base-box ${givenClass}`, {
     'base-box--active': active,
     'base-box--padded': padded,
     'base-box--color-neutral3': color === 'neutral3',
@@ -141,6 +143,7 @@ export const BaseBox = ({ active, padded, color, children }) =&gt; {
 };
 &nbsp;
 BaseBox.propTypes = {
+  givenClass: PropTypes.string,
   color: PropTypes.oneOf(['neutral3', 'neutral4']),
   active: PropTypes.bool,
   padded: PropTypes.bool,
@@ -157,7 +160,7 @@ BaseBox.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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/BaseBox/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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

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

@@ -151,7 +151,7 @@ BillCard.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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/BillCard/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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

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

@@ -30,9 +30,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">82.14% </span>
+                <span class="strong">85.71% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>23/28</span>
+                <span class='fraction'>24/28</span>
             </div>
         
             
@@ -226,7 +226,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">7x</span>
+<span class="cline-any cline-yes">8x</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>
@@ -260,14 +260,14 @@
 <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">25x</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-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-yes">28x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">25x</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>
@@ -288,9 +288,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-yes">25x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</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">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -301,7 +301,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">25x</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>
@@ -314,8 +314,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">25x</span>
-<span class="cline-any cline-yes">16x</span>
+<span class="cline-any cline-yes">28x</span>
+<span class="cline-any cline-yes">19x</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,7 +345,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">7x</span>
+<span class="cline-any cline-yes">8x</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>
@@ -425,7 +425,7 @@ export const Button = ({
 &nbsp;
   const sizeClass = size ? sizes[size] : '';
 &nbsp;
-  const classnames = classNames(`e-button ${givenClass ? <span class="branch-0 cbranch-no" title="branch not covered" >givenClass </span>: ''} ${sizeClass}`, {
+  const classnames = classNames(`e-button ${givenClass ? givenClass : ''} ${sizeClass}`, {
     '--styleless': styleless,
     '--primary-1': primary,
     '--primary-2': primary2,
@@ -544,7 +544,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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02: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">82.14% </span>
+                <span class="strong">85.71% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>23/28</span>
+                <span class='fraction'>24/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="82.14" class="pct high">82.14%</td>
-	<td data-value="28" class="abs high">23/28</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="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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02: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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02: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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02: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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02: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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

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

@@ -244,7 +244,17 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<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>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -365,12 +375,20 @@
 <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>
@@ -430,6 +448,7 @@ 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);
@@ -451,7 +470,7 @@ class DatePickerCustom extends Component {
 &nbsp;
     for (let i = minYear; i &lt;= maxYear; i++) {
       years.push(
-        &lt;option key={i} value={i} defaultValue={currentYear === i}&gt;
+        &lt;option key={i} value={i} defaultValue={currentYear}&gt;
           {i}
         &lt;/option&gt;
       );
@@ -475,7 +494,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; {
-    var result = new Date(date);
+    let result = new Date(date);
     result.setDate(result.getDate() + days);
     return result;
   };
@@ -546,13 +565,21 @@ class DatePickerCustom extends Component {
               &gt;
                 {'&lt;'}
               &lt;/button&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;
+              &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;
                 {this.returnYears(date.getFullYear())}
               &lt;/select&gt;
 &nbsp;
-              &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;
+              &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;
                 {months.map((label, value) =&gt; (
-                  &lt;option key={label} value={value} defaultValue={date.getMonth() === value}&gt;
+                  &lt;option key={label} value={value} defaultValue={date.getMonth()}&gt;
                     {label}
                   &lt;/option&gt;
                 ))}
@@ -613,7 +640,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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02: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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02: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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02: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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

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

@@ -121,7 +121,7 @@ Divider.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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/atoms/Divider/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 Mar 25 2022 07:57:19 GMT+0100 (GMT+01:00)
+                at Fri Apr 08 2022 14:53:37 GMT+0200 (GMT+02:00)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/{components/atoms/LogoText/LogoText.js.html → src/components/atoms/DocumentListMenuSection/DocumentListMenuSection.js.html}

@@ -3,15 +3,15 @@
 <html lang="en">
 
 <head>
-    <title>Code coverage report for components/atoms/LogoText/LogoText.js</title>
+    <title>Code coverage report for src/components/atoms/DocumentListMenuSection/DocumentListMenuSection.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,34 +19,34 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../index.html">All files</a> / <a href="index.html">components/atoms/LogoText</a> LogoText.js</h1>
+        <h1><a href="../../../../index.html">All files</a> / <a href="index.html">src/components/atoms/DocumentListMenuSection</a> DocumentListMenuSection.js</h1>
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>3/3</span>
+                <span class='fraction'>7/7</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>1/2</span>
+                <span class='fraction'>12/12</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/1</span>
+                <span class='fraction'>2/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>3/3</span>
+                <span class='fraction'>6/6</span>
             </div>
         
             
@@ -96,11 +96,14 @@
 <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-yes">1x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">7x</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-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>
@@ -116,36 +119,33 @@
 <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></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
+import { MenuItems } from '../MenuItems';
 import PropTypes from 'prop-types';
 &nbsp;
-import './LogoText.scss';
+import './DocumentListMenuSection.scss';
+&nbsp;
+export const DocumentListMenuSection = ({ icon, title, list, ...rest }) =&gt; {
+  const filteredList = title &amp;&amp; list ? list.filter((item) =&gt; item.content) : null;
+  if (!filteredList || filteredList.length === 0 || !filteredList[0] || !filteredList[0].content) {
+    return null;
+  }
 &nbsp;
-export const LogoText = ({ logo, children, description }) =&gt; {
   return (
-    &lt;div data-testid='logo-text' className='logo-text'&gt;
-      &lt;img data-testid='img-logo-text' alt='' src={logo} /&gt;
-      {description ? (
-<span class="branch-0 cbranch-no" title="branch not covered" >        &lt;p&gt;</span>
-          &lt;span&gt;{description}&lt;/span&gt;
-        &lt;/p&gt;
-      ) : (
-        children
-      )}
+    &lt;div className='document-list-menu-section'&gt;
+      &lt;div className='document-list-menu-section__title-wrapper'&gt;
+        {icon ?? null}
+        &lt;div className='document-list-menu-section__title-wrapper__title'&gt;{title}&lt;/div&gt;
+      &lt;/div&gt;
+      &lt;MenuItems list={list} spacing /&gt;
     &lt;/div&gt;
   );
 };
 &nbsp;
-LogoText.propTypes = {
-  /** Logo is the source image */
-  logo: PropTypes.string,
-  /** Children is an object with some register steps info */
-  children: PropTypes.object,
-  /** Description to be shown */
-  description: PropTypes.string,
+DocumentListMenuSection.propTypes = {
+  icon: PropTypes.object,
+  title: PropTypes.string,
+  list: PropTypes.array,
 };
 &nbsp;</pre></td></tr></table></pre>
 
@@ -153,17 +153,17 @@ LogoText.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 Mon Mar 21 2022 12:52:41 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>