@npm_leadtech/legal-lib-components 0.46.0 → 0.46.1

package/coverage/lcov-report/sorter.js

@@ -1,189 +1,196 @@
 /* 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>';
-      }
+        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;
     }
-    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;
+    // 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 data;
-  }
-  // loads all row data
-  function loadData() {
-    var rows = getTableBody().querySelectorAll('tr'),
-      i;
+    // 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:51:04 GMT+0100 (GMT+01:00)
+                at Tue Feb 01 2022 09:07:20 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:51:04 GMT+0100 (GMT+01:00)
+                at Tue Feb 01 2022 09:07:20 GMT+0100 (GMT+01:00)
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -0,0 +1,14 @@
+<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>

package/images/componentsSvg/info-error_24px_outlined.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60 (88103) - https://sketch.com -->
+    <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" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="icon/navigation/cancel_24px" fill="#D63737" fill-rule="nonzero" xlink:href="#path-1"></use>
+    </g>
+</svg>

package/images/componentsSvg/new-release-24-p.svg

@@ -0,0 +1,14 @@
+<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="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" fill-rule="evenodd">
+        <path d="M0 0H16V16H0z"/>
+        <mask id="new-release__b" fill="#fff">
+            <use xlink:href="#new-release__a"/>
+        </mask>
+        <g fill="#FCF4E5" mask="url(#new-release__b)">
+            <path d="M0 0H16V16H0z"/>
+        </g>
+    </g>
+</svg>

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

@@ -0,0 +1,14 @@
+<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="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" fill-rule="evenodd">
+        <path d="M0 0H16V16H0z"/>
+        <mask id="time2" fill="#fff">
+            <use xlink:href="#time"/>
+        </mask>
+        <g fill="#936C2F" mask="url(#time2)">
+            <path d="M0 0H16V16H0z"/>
+        </g>
+    </g>
+</svg>

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "0.46.0",
+  "version": "0.46.1",
   "dependencies": {
     "@testing-library/jest-dom": "^5.14.1",
     "postcss-url": "^10.1.3",
     "react-datepicker": "^4.6.0",
-    "react-select": "^5.2.1",
+    "react-select": "^3.1.0",
     "sanitize-html": "^2.4.0"
   },
   "license": "MIT",
@@ -28,13 +28,14 @@
     "@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/Done24px.js

@@ -1,24 +0,0 @@
-/* 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

@@ -1,36 +0,0 @@
-/* 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

@@ -1,27 +0,0 @@
-/* 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

@@ -1,34 +0,0 @@
-/* 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,
-};