@k-int/stripes-kint-components 1.6.0 → 2.0.1

package/src/artifacts/coverage-jest/lcov-report/Typedown/Typedown.js.html

@@ -25,14 +25,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/35</span>
+                <span class='fraction'>0/41</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/22</span>
+                <span class='fraction'>0/32</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/33</span>
+                <span class='fraction'>0/39</span>
             </div>
         
             
@@ -298,7 +298,49 @@
 <a name='L233'></a><a href='#L233'>233</a>
 <a name='L234'></a><a href='#L234'>234</a>
 <a name='L235'></a><a href='#L235'>235</a>
-<a name='L236'></a><a href='#L236'>236</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L236'></a><a href='#L236'>236</a>
+<a name='L237'></a><a href='#L237'>237</a>
+<a name='L238'></a><a href='#L238'>238</a>
+<a name='L239'></a><a href='#L239'>239</a>
+<a name='L240'></a><a href='#L240'>240</a>
+<a name='L241'></a><a href='#L241'>241</a>
+<a name='L242'></a><a href='#L242'>242</a>
+<a name='L243'></a><a href='#L243'>243</a>
+<a name='L244'></a><a href='#L244'>244</a>
+<a name='L245'></a><a href='#L245'>245</a>
+<a name='L246'></a><a href='#L246'>246</a>
+<a name='L247'></a><a href='#L247'>247</a>
+<a name='L248'></a><a href='#L248'>248</a>
+<a name='L249'></a><a href='#L249'>249</a>
+<a name='L250'></a><a href='#L250'>250</a>
+<a name='L251'></a><a href='#L251'>251</a>
+<a name='L252'></a><a href='#L252'>252</a>
+<a name='L253'></a><a href='#L253'>253</a>
+<a name='L254'></a><a href='#L254'>254</a>
+<a name='L255'></a><a href='#L255'>255</a>
+<a name='L256'></a><a href='#L256'>256</a>
+<a name='L257'></a><a href='#L257'>257</a>
+<a name='L258'></a><a href='#L258'>258</a>
+<a name='L259'></a><a href='#L259'>259</a>
+<a name='L260'></a><a href='#L260'>260</a>
+<a name='L261'></a><a href='#L261'>261</a>
+<a name='L262'></a><a href='#L262'>262</a>
+<a name='L263'></a><a href='#L263'>263</a>
+<a name='L264'></a><a href='#L264'>264</a>
+<a name='L265'></a><a href='#L265'>265</a>
+<a name='L266'></a><a href='#L266'>266</a>
+<a name='L267'></a><a href='#L267'>267</a>
+<a name='L268'></a><a href='#L268'>268</a>
+<a name='L269'></a><a href='#L269'>269</a>
+<a name='L270'></a><a href='#L270'>270</a>
+<a name='L271'></a><a href='#L271'>271</a>
+<a name='L272'></a><a href='#L272'>272</a>
+<a name='L273'></a><a href='#L273'>273</a>
+<a name='L274'></a><a href='#L274'>274</a>
+<a name='L275'></a><a href='#L275'>275</a>
+<a name='L276'></a><a href='#L276'>276</a>
+<a name='L277'></a><a href='#L277'>277</a>
+<a name='L278'></a><a href='#L278'>278</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>
@@ -326,10 +368,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-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-no">&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-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -347,6 +399,14 @@
 <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-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-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>
@@ -452,6 +512,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-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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -490,6 +553,15 @@
 <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-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>
@@ -533,13 +605,25 @@
 <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-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, { useCallback, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 &nbsp;
 import get from 'lodash/get';
 &nbsp;
-import { EndOfList, IconButton, Popper } from '@folio/stripes/components';
+import { EndOfList, IconButton, Label, Popper } from '@folio/stripes/components';
 &nbsp;
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { interactionStyles } from '@folio/stripes-components/lib/sharedStyles/interactionStyles.css';
@@ -552,19 +636,29 @@ import selectorSafe from '../utils/selectorSafe';
 &nbsp;
 const Typedown = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span></span>
   dataOptions,
+  endOfList,
+  id,
   input,
+  isSelected,
   filterPath,
+  label,
   meta,
   onChange,
   onType,
   renderFooter = <span class="branch-0 cbranch-no" title="branch not covered" >null,</span>
   renderListItem = <span class="branch-0 cbranch-no" title="branch not covered" >null,</span>
+  required,
   uniqueIdentificationPath = <span class="branch-0 cbranch-no" title="branch not covered" >'id'</span>
 }) =&gt; {
   const selectedUniqueId = <span class="cstat-no" title="statement not covered" >get(input.value, uniqueIdentificationPath);</span>
 &nbsp;
   // Display data needs to be in line with data options but also able to react to default handleType
   const [displayData, setDisplayData] = <span class="cstat-no" title="statement not covered" >useState(dataOptions);</span>
+&nbsp;
+  // keep track of what we've typed and whether we've typed an exact match or not
+  const [currentlyTyped, setCurrentlyTyped] = <span class="cstat-no" title="statement not covered" >useState('');</span>
+  const [exactMatch, setExactMatch] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
+&nbsp;
 <span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    setDisplayData(dataOptions);</span>
   }, [dataOptions]);
@@ -581,6 +675,14 @@ const Typedown = <span class="cstat-no" title="statement not covered" ><span cla
     } else {
 <span class="cstat-no" title="statement not covered" >      setDisplayData(dataOptions);</span>
     }
+&nbsp;
+<span class="cstat-no" title="statement not covered" >    setCurrentlyTyped(e.target.value);</span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >    if (displayData.length === 1 &amp;&amp; get(displayData[0], filterPath) === e.target.value) {</span>
+<span class="cstat-no" title="statement not covered" >      setExactMatch(true);</span>
+    } else {
+<span class="cstat-no" title="statement not covered" >      setExactMatch(false);</span>
+    }
   };
 &nbsp;
   // Hook to set up all the essentials
@@ -609,11 +711,11 @@ const Typedown = <span class="cstat-no" title="statement not covered" ><span cla
       className={css.listItem}
     &gt;
       {renderListItem ?
-        renderListItem(option) :
+        renderListItem(option, currentlyTyped, exactMatch) :
         get(option, uniqueIdentificationPath)
       }
     &lt;/div&gt;
-  ), [renderListItem, uniqueIdentificationPath]);
+  ), [currentlyTyped, exactMatch, renderListItem, uniqueIdentificationPath]);
 &nbsp;
   const handleChange = <span class="cstat-no" title="statement not covered" >useCallback(<span class="fstat-no" title="function not covered" >va</span>lue =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    input.onChange(value);</span>
@@ -636,7 +738,7 @@ const Typedown = <span class="cstat-no" title="statement not covered" ><span cla
           id="typedown-list"
         &gt;
           {displayData?.length ? displayData?.map(<span class="fstat-no" title="function not covered" >(d</span>, index) =&gt; {
-            const isSelected = <span class="cstat-no" title="statement not covered" >get(input.value, uniqueIdentificationPath) === get(d, uniqueIdentificationPath);</span>
+            const isSelectedEval = <span class="cstat-no" title="statement not covered" >isSelected ? isSelected(input.value, d) : get(input.value, uniqueIdentificationPath) === get(d, uniqueIdentificationPath);</span>
 <span class="cstat-no" title="statement not covered" >            return (</span>
               &lt;button
                 key={`typedown-button-[${index}]`}
@@ -645,7 +747,7 @@ const Typedown = <span class="cstat-no" title="statement not covered" ><span cla
                   css.fullWidth,
                   css.menuButton
                 )}
-                data-selected={isSelected}
+                data-selected={isSelectedEval}
                 id={`typedown-button-[${index}]`}
                 onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >                  handleChange(d);</span>
@@ -658,27 +760,30 @@ const Typedown = <span class="cstat-no" title="statement not covered" ><span cla
               &lt;/button&gt;
             );
           }) :
-          // TODO test this
-          &lt;EndOfList /&gt;
+            endOfList || &lt;EndOfList /&gt;
           }
         &lt;/div&gt;
         {renderFooter &amp;&amp;
           &lt;div
             ref={footerRef}
             className={css.footer}
-            id="typedown-footer"
+            id={`typedown-footer-${selectorSafe(input.name)}`}
           &gt;
-            {renderFooter()}
+            {renderFooter(displayData, currentlyTyped, exactMatch)}
           &lt;/div&gt;
         }
       &lt;/div&gt;
     );
   }, [
+    currentlyTyped,
     displayData,
+    endOfList,
+    exactMatch,
     footerRef,
     handleChange,
     handleNextFocus,
     input,
+    isSelected,
     listKeyDownHandler,
     listRef,
     renderFooter,
@@ -709,6 +814,15 @@ const Typedown = <span class="cstat-no" title="statement not covered" ><span cla
     &lt;div
       ref={resizeRef}
     &gt;
+      {label &amp;&amp;
+        &lt;Label
+          htmlFor={id}
+          id={`${id}-label`}
+          required={required}
+        &gt;
+          {label}
+        &lt;/Label&gt;
+      }
       {renderSearchField()}
       &lt;Popper
         key="typedown-menu-toggle"
@@ -757,13 +871,25 @@ const Typedown = <span class="cstat-no" title="statement not covered" ><span cla
 &nbsp;
 <span class="cstat-no" title="statement not covered" >Typedown.propTypes = {</span>
   dataOptions: PropTypes.arrayOf(PropTypes.object),
+  endOfList: PropTypes.oneOfType([
+    PropTypes.func,
+    PropTypes.node,
+    PropTypes.element
+  ]),
   filterPath: PropTypes.string,
+  id: PropTypes.string,
   input: PropTypes.object,
+  isSelected: PropTypes.func,
+  label: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.element
+  ]),
   meta: PropTypes.object,
   onChange: PropTypes.func,
   onType: PropTypes.func,
   renderFooter: PropTypes.func,
   renderListItem: PropTypes.func,
+  required: PropTypes.bool,
   uniqueIdentificationPath: PropTypes.string
 };
 &nbsp;
@@ -774,10 +900,9 @@ export default Typedown;
             </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">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../prettify.js"></script>
         <script>
             window.onload = function () {

package/src/artifacts/coverage-jest/lcov-report/Typedown/index.html

@@ -25,14 +25,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/35</span>
+                <span class='fraction'>0/41</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/22</span>
+                <span class='fraction'>0/32</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/33</span>
+                <span class='fraction'>0/39</span>
             </div>
         
             
@@ -84,13 +84,13 @@
 	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
 	</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="35" class="abs low">0/35</td>
+	<td data-value="41" class="abs low">0/41</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="22" class="abs low">0/22</td>
+	<td data-value="32" class="abs low">0/32</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="13" class="abs low">0/13</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="33" class="abs low">0/33</td>
+	<td data-value="39" class="abs low">0/39</td>
 	</tr>
 
 <tr>
@@ -115,10 +115,9 @@
             </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">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../prettify.js"></script>
         <script>
             window.onload = function () {

package/src/artifacts/coverage-jest/lcov-report/Typedown/index.js.html

@@ -72,10 +72,9 @@
             </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">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../prettify.js"></script>
         <script>
             window.onload = function () {

package/{artifacts/coverage-jest/lcov-report/src/lib/utils/sortByLabel.js.html → src/artifacts/coverage-jest/lcov-report/constants/customProperties.js.html}

@@ -3,15 +3,15 @@
 <html lang="en">
 
 <head>
-    <title>Code coverage report for src/lib/utils/sortByLabel.js</title>
+    <title>Code coverage report for constants/customProperties.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">src/lib/utils</a> sortByLabel.js</h1>
+        <h1><a href="../index.html">All files</a> / <a href="index.html">constants</a> customProperties.js</h1>
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/8</span>
+                <span class='fraction'>0/9</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/8</span>
+                <span class='fraction'>0/0</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/1</span>
+                <span class='fraction'>0/0</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/8</span>
+                <span class='fraction'>0/9</span>
             </div>
         
             
@@ -72,60 +72,41 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
+<a name='L10'></a><a href='#L10'>10</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-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></td><td class="text"><pre class="prettyprint lang-js">const sortByLabel = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(a</span>, b) =&gt; {</span>
-  const al = <span class="cstat-no" title="statement not covered" >a.label?.toLowerCase() ?? a.id?.toLowerCase();</span>
-  const bl = <span class="cstat-no" title="statement not covered" >b.label?.toLowerCase() ?? b.id?.toLowerCase();</span>
-<span class="cstat-no" title="statement not covered" >  if (al &lt; bl) {</span>
-<span class="cstat-no" title="statement not covered" >    return -1;</span>
-  }
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  if (al &gt; bl) {</span>
-<span class="cstat-no" title="statement not covered" >    return 1;</span>
-  }
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  return 0;</span>
-};
-&nbsp;
-export default sortByLabel;
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export const TYPE_CLASS_PREFIX = <span class="cstat-no" title="statement not covered" >'com.k_int.web.toolkit.custprops.types.CustomProperty';</span>
+export const BLOB_CLASS_NAME = <span class="cstat-no" title="statement not covered" >'com.k_int.web.toolkit.custprops.types.CustomPropertyBlob';</span>
+export const BOOLEAN_CLASS_NAME = <span class="cstat-no" title="statement not covered" >'com.k_int.web.toolkit.custprops.types.CustomPropertyBoolean';</span>
+export const CONTAINER_CLASS_NAME = <span class="cstat-no" title="statement not covered" >'com.k_int.web.toolkit.custprops.types.CustomPropertyContainer';</span>
+export const DECIMAL_CLASS_NAME = <span class="cstat-no" title="statement not covered" >'com.k_int.web.toolkit.custprops.types.CustomPropertyDecimal';</span>
+export const INTEGER_CLASS_NAME = <span class="cstat-no" title="statement not covered" >'com.k_int.web.toolkit.custprops.types.CustomPropertyInteger';</span>
+export const REFDATA_CLASS_NAME = <span class="cstat-no" title="statement not covered" >'com.k_int.web.toolkit.custprops.types.CustomPropertyRefdata';</span>
+export const REFDATA_DEFINITION_CLASS_NAME = <span class="cstat-no" title="statement not covered" >'com.k_int.web.toolkit.custprops.types.CustomPropertyRefdataDefinition';</span>
+export const TEXT_CLASS_NAME = <span class="cstat-no" title="statement not covered" >'com.k_int.web.toolkit.custprops.types.CustomPropertyText';</span>
 &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" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 11:39:46 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
-        <script src="../../../prettify.js"></script>
+        <script src="../prettify.js"></script>
         <script>
             window.onload = function () {
                 prettyPrint();
             };
         </script>
-        <script src="../../../sorter.js"></script>
-        <script src="../../../block-navigation.js"></script>
+        <script src="../sorter.js"></script>
+        <script src="../block-navigation.js"></script>
     </body>
 </html>
     

package/src/artifacts/coverage-jest/lcov-report/constants/eventCodes.js.html

@@ -78,10 +78,9 @@ export const TAB = <span class="cstat-no" title="statement not covered" >'Tab';<
             </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">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../prettify.js"></script>
         <script>
             window.onload = function () {

package/src/artifacts/coverage-jest/lcov-report/constants/index.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/3</span>
+                <span class='fraction'>0/12</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/3</span>
+                <span class='fraction'>0/12</span>
             </div>
         
             
@@ -79,6 +79,21 @@
 </tr>
 </thead>
 <tbody><tr>
+	<td class="file low" data-value="customProperties.js"><a href="customProperties.js.html">customProperties.js</a></td>
+	<td data-value="0" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
+	</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="9" class="abs low">0/9</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="9" class="abs low">0/9</td>
+	</tr>
+
+<tr>
 	<td class="file low" data-value="eventCodes.js"><a href="eventCodes.js.html">eventCodes.js</a></td>
 	<td data-value="0" class="pic low">
 	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
@@ -100,10 +115,9 @@
             </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">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../prettify.js"></script>
         <script>
             window.onload = function () {

package/src/artifacts/coverage-jest/lcov-report/contexts/SettingsContext.js.html

@@ -81,10 +81,9 @@ export default SettingsContext;
             </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">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../prettify.js"></script>
         <script>
             window.onload = function () {