@npm_leadtech/legal-lib-components 0.44.1 → 0.45.0

package/coverage/lcov-report/sorter.js

@@ -1,196 +1,189 @@
 /* eslint-disable */
-var addSorting = (function() {
-    'use strict';
-    var cols,
-        currentSort = {
-            index: 0,
-            desc: false
-        };
+var addSorting = (function () {
+  'use strict';
+  var cols,
+    currentSort = {
+      index: 0,
+      desc: false,
+    };
 
-    // returns the summary table element
-    function getTable() {
-        return document.querySelector('.coverage-summary');
-    }
-    // returns the thead element of the summary table
-    function getTableHeader() {
-        return getTable().querySelector('thead tr');
-    }
-    // returns the tbody element of the summary table
-    function getTableBody() {
-        return getTable().querySelector('tbody');
-    }
-    // returns the th element for nth column
-    function getNthColumn(n) {
-        return getTableHeader().querySelectorAll('th')[n];
-    }
+  // returns the summary table element
+  function getTable() {
+    return document.querySelector('.coverage-summary');
+  }
+  // returns the thead element of the summary table
+  function getTableHeader() {
+    return getTable().querySelector('thead tr');
+  }
+  // returns the tbody element of the summary table
+  function getTableBody() {
+    return getTable().querySelector('tbody');
+  }
+  // returns the th element for nth column
+  function getNthColumn(n) {
+    return getTableHeader().querySelectorAll('th')[n];
+  }
 
-    function onFilterInput() {
-        const searchValue = document.getElementById('fileSearch').value;
-        const rows = document.getElementsByTagName('tbody')[0].children;
-        for (let i = 0; i < rows.length; i++) {
-            const row = rows[i];
-            if (
-                row.textContent
-                    .toLowerCase()
-                    .includes(searchValue.toLowerCase())
-            ) {
-                row.style.display = '';
-            } else {
-                row.style.display = 'none';
-            }
-        }
+  function onFilterInput() {
+    const searchValue = document.getElementById('fileSearch').value;
+    const rows = document.getElementsByTagName('tbody')[0].children;
+    for (let i = 0; i < rows.length; i++) {
+      const row = rows[i];
+      if (row.textContent.toLowerCase().includes(searchValue.toLowerCase())) {
+        row.style.display = '';
+      } else {
+        row.style.display = 'none';
+      }
     }
+  }
 
-    // loads the search box
-    function addSearchBox() {
-        var template = document.getElementById('filterTemplate');
-        var templateClone = template.content.cloneNode(true);
-        templateClone.getElementById('fileSearch').oninput = onFilterInput;
-        template.parentElement.appendChild(templateClone);
-    }
+  // loads the search box
+  function addSearchBox() {
+    var template = document.getElementById('filterTemplate');
+    var templateClone = template.content.cloneNode(true);
+    templateClone.getElementById('fileSearch').oninput = onFilterInput;
+    template.parentElement.appendChild(templateClone);
+  }
 
-    // loads all columns
-    function loadColumns() {
-        var colNodes = getTableHeader().querySelectorAll('th'),
-            colNode,
-            cols = [],
-            col,
-            i;
+  // loads all columns
+  function loadColumns() {
+    var colNodes = getTableHeader().querySelectorAll('th'),
+      colNode,
+      cols = [],
+      col,
+      i;
 
-        for (i = 0; i < colNodes.length; i += 1) {
-            colNode = colNodes[i];
-            col = {
-                key: colNode.getAttribute('data-col'),
-                sortable: !colNode.getAttribute('data-nosort'),
-                type: colNode.getAttribute('data-type') || 'string'
-            };
-            cols.push(col);
-            if (col.sortable) {
-                col.defaultDescSort = col.type === 'number';
-                colNode.innerHTML =
-                    colNode.innerHTML + '<span class="sorter"></span>';
-            }
-        }
-        return cols;
+    for (i = 0; i < colNodes.length; i += 1) {
+      colNode = colNodes[i];
+      col = {
+        key: colNode.getAttribute('data-col'),
+        sortable: !colNode.getAttribute('data-nosort'),
+        type: colNode.getAttribute('data-type') || 'string',
+      };
+      cols.push(col);
+      if (col.sortable) {
+        col.defaultDescSort = col.type === 'number';
+        colNode.innerHTML = colNode.innerHTML + '<span class="sorter"></span>';
+      }
     }
-    // attaches a data attribute to every tr element with an object
-    // of data values keyed by column name
-    function loadRowData(tableRow) {
-        var tableCols = tableRow.querySelectorAll('td'),
-            colNode,
-            col,
-            data = {},
-            i,
-            val;
-        for (i = 0; i < tableCols.length; i += 1) {
-            colNode = tableCols[i];
-            col = cols[i];
-            val = colNode.getAttribute('data-value');
-            if (col.type === 'number') {
-                val = Number(val);
-            }
-            data[col.key] = val;
-        }
-        return data;
+    return cols;
+  }
+  // attaches a data attribute to every tr element with an object
+  // of data values keyed by column name
+  function loadRowData(tableRow) {
+    var tableCols = tableRow.querySelectorAll('td'),
+      colNode,
+      col,
+      data = {},
+      i,
+      val;
+    for (i = 0; i < tableCols.length; i += 1) {
+      colNode = tableCols[i];
+      col = cols[i];
+      val = colNode.getAttribute('data-value');
+      if (col.type === 'number') {
+        val = Number(val);
+      }
+      data[col.key] = val;
     }
-    // loads all row data
-    function loadData() {
-        var rows = getTableBody().querySelectorAll('tr'),
-            i;
+    return data;
+  }
+  // loads all row data
+  function loadData() {
+    var rows = getTableBody().querySelectorAll('tr'),
+      i;
 
-        for (i = 0; i < rows.length; i += 1) {
-            rows[i].data = loadRowData(rows[i]);
-        }
+    for (i = 0; i < rows.length; i += 1) {
+      rows[i].data = loadRowData(rows[i]);
     }
-    // sorts the table using the data for the ith column
-    function sortByIndex(index, desc) {
-        var key = cols[index].key,
-            sorter = function(a, b) {
-                a = a.data[key];
-                b = b.data[key];
-                return a < b ? -1 : a > b ? 1 : 0;
-            },
-            finalSorter = sorter,
-            tableBody = document.querySelector('.coverage-summary tbody'),
-            rowNodes = tableBody.querySelectorAll('tr'),
-            rows = [],
-            i;
+  }
+  // sorts the table using the data for the ith column
+  function sortByIndex(index, desc) {
+    var key = cols[index].key,
+      sorter = function (a, b) {
+        a = a.data[key];
+        b = b.data[key];
+        return a < b ? -1 : a > b ? 1 : 0;
+      },
+      finalSorter = sorter,
+      tableBody = document.querySelector('.coverage-summary tbody'),
+      rowNodes = tableBody.querySelectorAll('tr'),
+      rows = [],
+      i;
 
-        if (desc) {
-            finalSorter = function(a, b) {
-                return -1 * sorter(a, b);
-            };
-        }
+    if (desc) {
+      finalSorter = function (a, b) {
+        return -1 * sorter(a, b);
+      };
+    }
 
-        for (i = 0; i < rowNodes.length; i += 1) {
-            rows.push(rowNodes[i]);
-            tableBody.removeChild(rowNodes[i]);
-        }
+    for (i = 0; i < rowNodes.length; i += 1) {
+      rows.push(rowNodes[i]);
+      tableBody.removeChild(rowNodes[i]);
+    }
 
-        rows.sort(finalSorter);
+    rows.sort(finalSorter);
 
-        for (i = 0; i < rows.length; i += 1) {
-            tableBody.appendChild(rows[i]);
-        }
+    for (i = 0; i < rows.length; i += 1) {
+      tableBody.appendChild(rows[i]);
     }
-    // removes sort indicators for current column being sorted
-    function removeSortIndicators() {
-        var col = getNthColumn(currentSort.index),
-            cls = col.className;
+  }
+  // removes sort indicators for current column being sorted
+  function removeSortIndicators() {
+    var col = getNthColumn(currentSort.index),
+      cls = col.className;
 
-        cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, '');
-        col.className = cls;
-    }
-    // adds sort indicators for current column being sorted
-    function addSortIndicators() {
-        getNthColumn(currentSort.index).className += currentSort.desc
-            ? ' sorted-desc'
-            : ' sorted';
-    }
-    // adds event listeners for all sorter widgets
-    function enableUI() {
-        var i,
-            el,
-            ithSorter = function ithSorter(i) {
-                var col = cols[i];
+    cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, '');
+    col.className = cls;
+  }
+  // adds sort indicators for current column being sorted
+  function addSortIndicators() {
+    getNthColumn(currentSort.index).className += currentSort.desc ? ' sorted-desc' : ' sorted';
+  }
+  // adds event listeners for all sorter widgets
+  function enableUI() {
+    var i,
+      el,
+      ithSorter = function ithSorter(i) {
+        var col = cols[i];
 
-                return function() {
-                    var desc = col.defaultDescSort;
+        return function () {
+          var desc = col.defaultDescSort;
 
-                    if (currentSort.index === i) {
-                        desc = !currentSort.desc;
-                    }
-                    sortByIndex(i, desc);
-                    removeSortIndicators();
-                    currentSort.index = i;
-                    currentSort.desc = desc;
-                    addSortIndicators();
-                };
-            };
-        for (i = 0; i < cols.length; i += 1) {
-            if (cols[i].sortable) {
-                // add the click event handler on the th so users
-                // dont have to click on those tiny arrows
-                el = getNthColumn(i).querySelector('.sorter').parentElement;
-                if (el.addEventListener) {
-                    el.addEventListener('click', ithSorter(i));
-                } else {
-                    el.attachEvent('onclick', ithSorter(i));
-                }
-            }
+          if (currentSort.index === i) {
+            desc = !currentSort.desc;
+          }
+          sortByIndex(i, desc);
+          removeSortIndicators();
+          currentSort.index = i;
+          currentSort.desc = desc;
+          addSortIndicators();
+        };
+      };
+    for (i = 0; i < cols.length; i += 1) {
+      if (cols[i].sortable) {
+        // add the click event handler on the th so users
+        // dont have to click on those tiny arrows
+        el = getNthColumn(i).querySelector('.sorter').parentElement;
+        if (el.addEventListener) {
+          el.addEventListener('click', ithSorter(i));
+        } else {
+          el.attachEvent('onclick', ithSorter(i));
         }
+      }
     }
-    // adds sorting functionality to the UI
-    return function() {
-        if (!getTable()) {
-            return;
-        }
-        cols = loadColumns();
-        loadData();
-        addSearchBox();
-        addSortIndicators();
-        enableUI();
-    };
+  }
+  // adds sorting functionality to the UI
+  return function () {
+    if (!getTable()) {
+      return;
+    }
+    cols = loadColumns();
+    loadData();
+    addSearchBox();
+    addSortIndicators();
+    enableUI();
+  };
 })();
 
 window.addEventListener('load', addSorting);

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

@@ -73,7 +73,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 Mon Jan 31 2022 09:37:00 GMT+0100 (GMT+01:00)
+                at Mon Jan 31 2022 09:51:04 GMT+0100 (GMT+01:00)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov-report/utils/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 Mon Jan 31 2022 09:37:00 GMT+0100 (GMT+01:00)
+                at Mon Jan 31 2022 09:51:04 GMT+0100 (GMT+01:00)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov.info

@@ -488,59 +488,59 @@ FN:18,(anonymous_2)
 FN:38,(anonymous_3)
 FNF:4
 FNH:3
-FNDA:4,(anonymous_0)
-FNDA:4,(anonymous_1)
-FNDA:4,(anonymous_2)
+FNDA:5,(anonymous_0)
+FNDA:5,(anonymous_1)
+FNDA:5,(anonymous_2)
 FNDA:0,(anonymous_3)
 DA:7,1
-DA:8,4
-DA:9,4
-DA:10,4
-DA:11,4
-DA:12,4
+DA:8,5
+DA:9,5
+DA:10,5
+DA:11,5
+DA:12,5
 DA:15,0
 DA:18,1
-DA:19,4
-DA:21,4
-DA:24,4
+DA:19,5
+DA:21,5
+DA:24,5
 DA:25,0
-DA:26,4
+DA:26,5
 DA:27,0
-DA:33,4
-DA:34,4
-DA:38,4
+DA:33,5
+DA:34,5
+DA:38,5
 DA:39,0
 DA:45,0
-DA:48,4
-DA:50,4
+DA:48,5
+DA:50,5
 DA:79,1
 LF:22
 LH:17
-BRDA:8,0,0,4
+BRDA:8,0,0,5
 BRDA:8,0,1,0
 BRDA:12,1,0,1
-BRDA:12,1,1,3
-BRDA:12,2,0,3
+BRDA:12,1,1,4
+BRDA:12,2,0,4
 BRDA:12,2,1,0
 BRDA:24,3,0,0
-BRDA:24,3,1,4
-BRDA:24,4,0,4
+BRDA:24,3,1,5
+BRDA:24,4,0,5
 BRDA:24,4,1,0
 BRDA:26,5,0,0
-BRDA:26,5,1,4
+BRDA:26,5,1,5
 BRDA:33,6,0,0
-BRDA:33,6,1,4
+BRDA:33,6,1,5
 BRDA:34,7,0,0
-BRDA:34,7,1,4
+BRDA:34,7,1,5
 BRDA:35,8,0,2
-BRDA:35,8,1,2
+BRDA:35,8,1,3
 BRDA:36,9,0,0
-BRDA:36,9,1,4
-BRDA:48,10,0,4
+BRDA:36,9,1,5
+BRDA:48,10,0,5
 BRDA:48,10,1,0
 BRDA:51,11,0,0
-BRDA:51,11,1,4
-BRDA:73,12,0,4
+BRDA:51,11,1,5
+BRDA:73,12,0,5
 BRDA:73,12,1,0
 BRF:26
 BRH:15

package/images/componentsSvg/Done24px.js

@@ -0,0 +1,24 @@
+/* eslint-disable max-len */
+import React from 'react';
+import PropTypes from 'prop-types';
+
+export const Done24px = ({ className }) => (
+  <svg className={className} xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'>
+    <defs>
+      <path id='done' d='M5.867 10.6L3.067 7.8 2.133 8.733 5.867 12.467 13.867 4.467 12.933 3.533z' />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H16V16H0z' />
+      <mask id='done2' fill='#fff'>
+        <use xlinkHref='#done' />
+      </mask>
+      <g fill='#078080' mask='url(#done2)'>
+        <path d='M0 0H16V16H0z' />
+      </g>
+    </g>
+  </svg>
+);
+
+Done24px.propTypes = {
+  className: PropTypes.string,
+};

package/images/componentsSvg/InfoError24pxOutlined.js

@@ -0,0 +1,36 @@
+/* eslint-disable max-len */
+import React from 'react';
+import PropTypes from 'prop-types';
+
+export const InfoError24pxOutlined = ({ className, fill }) => (
+  <svg
+    className={className}
+    fill={fill}
+    width='24px'
+    height='24px'
+    viewBox='0 0 24 24'
+    version='1.1'
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+  >
+    <title>icon/info-error_24px_outlined</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+      <path
+        d='M12,2 C6.47,2 2,6.47 2,12 C2,17.53 6.47,22 12,22 C17.53,22 22,17.53 22,12 C22,6.47 17.53,2 12,2 Z M12,20 C7.59,20 4,16.41 4,12 C4,7.59 7.59,4 12,4 C16.41,4 20,7.59 20,12 C20,16.41 16.41,20 12,20 Z M11,11 L13,11 L13,17 L11,17 L11,11 Z M11,7 L13,7 L13,9 L11,9 L11,7 Z'
+        id='path-1'
+      ></path>
+    </defs>
+    <g id='icon/info-error_24px' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+      <mask id='mask-2' fill='white'>
+        <use xlinkHref='#path-1'></use>
+      </mask>
+      <use id='icon/navigation/cancel_24px' fill='#D63737' fillRule='nonzero' xlinkHref='#path-1'></use>
+    </g>
+  </svg>
+);
+
+InfoError24pxOutlined.propTypes = {
+  className: PropTypes.string,
+  fill: PropTypes.string,
+};

package/images/componentsSvg/NewRelease24p.js

@@ -0,0 +1,27 @@
+/* eslint-disable max-len */
+import React from 'react';
+import PropTypes from 'prop-types';
+
+export const NewRelease24p = ({ className }) => (
+  <svg className={className} xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'>
+    <defs>
+      <path
+        id='new-release__a'
+        d='M15.333 7.997l-1.626-1.854.226-2.453-2.406-.547-1.26-2.12L8 1.997l-2.267-.974-1.26 2.12-2.406.54.226 2.454-1.626 1.86L2.293 9.85l-.226 2.46 2.406.547 1.26 2.12L8 13.997l2.267.973 1.26-2.12 2.406-.547-.226-2.453 1.626-1.853zm-3.006 1.406l.173 1.86-1.827.414-.953 1.606-1.72-.74-1.72.74-.953-1.606-1.827-.414.173-1.866-1.233-1.4 1.233-1.414L3.5 4.73l1.827-.407.953-1.606L8 3.45l1.72-.74.953 1.607 1.827.413-.173 1.86 1.233 1.407-1.233 1.406zm-4.994.594h1.334v1.333H7.333V9.997zm0-5.334h1.334v4H7.333v-4z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H16V16H0z' />
+      <mask id='new-release__b' fill='#fff'>
+        <use xlinkHref='#new-release__a' />
+      </mask>
+      <g fill='#FCF4E5' mask='url(#new-release__b)'>
+        <path d='M0 0H16V16H0z' />
+      </g>
+    </g>
+  </svg>
+);
+
+NewRelease24p.propTypes = {
+  className: PropTypes.string,
+};

package/images/componentsSvg/Time24px.js

@@ -0,0 +1,34 @@
+/* eslint-disable max-len */
+import React from 'react';
+import PropTypes from 'prop-types';
+
+export const Time24px = ({ className }) => (
+  <svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='16'
+    height='16'
+    viewBox='0 0 16 16'
+  >
+    <defs>
+      <path
+        id='time'
+        d='M7.993 1.333c-3.68 0-6.66 2.987-6.66 6.667 0 3.68 2.98 6.667 6.66 6.667 3.687 0 6.674-2.987 6.674-6.667 0-3.68-2.987-6.667-6.674-6.667zm.007 12c-2.947 0-5.333-2.386-5.333-5.333S5.053 2.667 8 2.667 13.333 5.053 13.333 8 10.947 13.333 8 13.333zm.333-8.666h-1v4l3.5 2.1.5-.82-3-1.78v-3.5z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H16V16H0z' />
+      <mask id='time2' fill='#fff'>
+        <use xlinkHref='#time' />
+      </mask>
+      <g fill='#936C2F' mask='url(#time2)'>
+        <path d='M0 0H16V16H0z' />
+      </g>
+    </g>
+  </svg>
+);
+
+Time24px.propTypes = {
+  className: PropTypes.string,
+};

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "0.44.1",
+  "version": "0.45.0",
   "dependencies": {
     "@testing-library/jest-dom": "^5.14.1",
     "postcss-url": "^10.1.3",
     "react-datepicker": "^4.6.0",
-    "react-select": "^3.1.0",
+    "react-select": "^5.2.1",
     "sanitize-html": "^2.4.0"
   },
   "license": "MIT",
@@ -28,14 +28,13 @@
     "@babel/preset-react": "^7.12.13",
     "@rollup/plugin-babel": "^5.2.3",
     "@rollup/plugin-commonjs": "^17.1.0",
+    "@rollup/plugin-image": "^2.1.1",
     "@rollup/plugin-node-resolve": "^11.1.1",
     "@rollup/plugin-url": "^6.0.0",
     "@storybook/addon-actions": "^6.1.17",
     "@storybook/addon-essentials": "^6.1.17",
     "@storybook/addon-links": "^6.1.17",
     "@storybook/react": "^6.1.17",
-    "@svgr/rollup": "^5.5.0",
-    "@svgr/webpack": "^5.5.0",
     "@testing-library/jest-dom": "^5.11.10",
     "@testing-library/react": "^11.2.5",
     "autoprefixer": "^10.2.4",

package/images/componentsSvg/done-24-px.svg

@@ -1,14 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
-    <defs>
-        <path id="done" d="M5.867 10.6L3.067 7.8 2.133 8.733 5.867 12.467 13.867 4.467 12.933 3.533z"/>
-    </defs>
-    <g fill="none" fill-rule="evenodd">
-        <path d="M0 0H16V16H0z"/>
-        <mask id="done2" fill="#fff">
-            <use xlink:href="#done"/>
-        </mask>
-        <g fill="#078080" mask="url(#done2)">
-            <path d="M0 0H16V16H0z"/>
-        </g>
-    </g>
-</svg>