@k-int/stripes-kint-components 2.8.2 → 3.0.0

package/src/artifacts/coverage-jest/lcov-report/CustomProperties/Filter/useOperators.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">94.11% </span>
+                <span class="strong">86.66% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>16/17</span>
+                <span class='fraction'>13/15</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">47.36% </span>
+                <span class="strong">85.71% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>9/19</span>
+                <span class='fraction'>18/21</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>2/2</span>
+                <span class='fraction'>1/1</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">93.75% </span>
+                <span class="strong">86.66% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>15/16</span>
+                <span class='fraction'>13/15</span>
             </div>
         
             
@@ -138,23 +138,23 @@
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">88x</span>
-<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">16x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">16x</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">8x</span>
-<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">16x</span>
+<span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">16x</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>
@@ -163,32 +163,32 @@
 <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">8x</span>
-<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">16x</span>
+<span class="cline-any cline-yes">14x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">16x</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-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">16x</span>
+<span class="cline-any cline-yes">14x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">16x</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 { useIntl } from 'react-intl';
-import * as CUSTPROP_TYPES from '../../constants/customProperties';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import * as CUSTPROP_TYPES from '../../constants/customProperties';
+import { useKintIntl } from '../../hooks';
 &nbsp;
 const {
   REFDATA_CLASS_NAME: REFDATA,
@@ -199,49 +199,49 @@ const {
   TEXT_CLASS_NAME: TEXT,
 } = CUSTPROP_TYPES;
 &nbsp;
-const useOperators = (type) =&gt; {
-  const intl = useIntl();
-  const getLabel = id =&gt; intl.formatMessage({ id });
+const useOperators = (type = null, passedIntlKey = null, passedIntlNS = null, labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; {
+  const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
+&nbsp;
   const operators = [
-    { value: ' isSet', label: getLabel('stripes-kint-components.operator.isSet'), noValueAllowed: true },
-    { value: ' isNotSet', label: getLabel('stripes-kint-components.operator.isNotSet'), noValueAllowed: true },
+    { value: ' isSet', label: kintIntl.formatKintMessage({ id: 'operator.isSet', overrideValue: labelOverrides.operatorIsSet }), noValueAllowed: true },
+    { value: ' isNotSet', label: kintIntl.formatKintMessage({ id: 'operator.isNotSet', overrideValue: labelOverrides.operatorIsNotSet }), noValueAllowed: true },
   ];
 &nbsp;
-  <span class="missing-if-branch" title="else path not taken" >E</span>if (!type || <span class="branch-1 cbranch-no" title="branch not covered" >type === INTEGER </span>|| <span class="branch-2 cbranch-no" title="branch not covered" >type === DECIMAL)</span> {
+  if (!type || type === INTEGER || type === DECIMAL) {
     operators.push(
-      { value: '==', label: getLabel('stripes-kint-components.operator.equals') },
-      { value: '!=', label: getLabel('stripes-kint-components.operator.doesNotEqual') },
-      { value: '&gt;=', label: getLabel('stripes-kint-components.operator.isGreaterThanOrEqual') },
-      { value: '&lt;=', label: getLabel('stripes-kint-components.operator.isLessThanOrEqual') },
+      { value: '==', label: kintIntl.formatKintMessage({ id: 'operator.equals', overrideValue: labelOverrides.operatorEquals }) },
+      { value: '!=', label: kintIntl.formatKintMessage({ id: 'operator.doesNotEqual', overrideValue: labelOverrides.operatorDoesNotEqual }) },
+      { value: '&gt;=', label: kintIntl.formatKintMessage({ id: 'operator.isGreaterThanOrEqual', overrideValue: labelOverrides.operatorIsGreaterThanOrEqual }) },
+      { value: '&lt;=', label: kintIntl.formatKintMessage({ id: 'operator.isLessThanOrEqual', overrideValue: labelOverrides.operatorIsLessThanOrEqual }) },
     );
   }
 &nbsp;
   <span class="missing-if-branch" title="if path not taken" >I</span>if (type === DATE) { // Basically the same as the "number" types above, so no need to reassign if there is no type
 <span class="cstat-no" title="statement not covered" >    operators.push(</span>
-      { value: '==', label: getLabel('stripes-kint-components.operator.equals') },
-      { value: '!=', label: getLabel('stripes-kint-components.operator.doesNotEqual') },
-      { value: '&gt;=', label: getLabel('stripes-kint-components.operator.isOnOrAfter') },
-      { value: '&lt;=', label: getLabel('stripes-kint-components.operator.isOnOrBefore') },
+      { value: '==', label: kintIntl.formatKintMessage({ id: 'operator.equals', overrideValue: labelOverrides.operatorEquals }) },
+      { value: '!=', label: kintIntl.formatKintMessage({ id: 'operator.doesNotEqual', overrideValue: labelOverrides.operatorDoesNotEqual }) },
+      { value: '&gt;=', label: kintIntl.formatKintMessage({ id: 'operator.isOnOrAfter', overrideValue: labelOverrides.operatorIsOnOrAfter }) },
+      { value: '&lt;=', label: kintIntl.formatKintMessage({ id: 'operator.isOnOrBefore', overrideValue: labelOverrides.operatorIsOnOrBefore }) },
     );
   }
 &nbsp;
-  <span class="missing-if-branch" title="else path not taken" >E</span>if (!type || <span class="branch-1 cbranch-no" title="branch not covered" >type === REFDATA)</span> {
+  if (!type || type === REFDATA) {
     operators.push(
-      { value: '==', label: getLabel('stripes-kint-components.operator.is') },
-      { value: '!=', label: getLabel('stripes-kint-components.operator.isNot') },
+      { value: '==', label: kintIntl.formatKintMessage({ id: 'operator.is', overrideValue: labelOverrides.operatorIs }) },
+      { value: '!=', label: kintIntl.formatKintMessage({ id: 'operator.isNot', overrideValue: labelOverrides.operatorIsNot }) },
     );
   }
 &nbsp;
-  <span class="missing-if-branch" title="else path not taken" >E</span>if (!type || <span class="branch-1 cbranch-no" title="branch not covered" >type === MULTIREFDATA)</span> {
-    operators.push(
-      { value: '==', label: getLabel('stripes-kint-components.operator.contains') },
+  <span class="missing-if-branch" title="if path not taken" >I</span>if (type === MULTIREFDATA) {
+<span class="cstat-no" title="statement not covered" >    operators.push(</span>
+      { value: '==', label: kintIntl.formatKintMessage({ id: 'operator.contains', overrideValue: labelOverrides.operatorContains }) },
     );
   }
 &nbsp;
-  <span class="missing-if-branch" title="else path not taken" >E</span>if (!type || <span class="branch-1 cbranch-no" title="branch not covered" >type === TEXT)</span> {
+  if (!type || type === TEXT) {
     operators.push(
-      { value: '=~', label: getLabel('stripes-kint-components.operator.contains') },
-      { value: '!~', label: getLabel('stripes-kint-components.operator.doesNotContain') },
+      { value: '=~', label: kintIntl.formatKintMessage({ id: 'operator.contains', overrideValue: labelOverrides.operatorContains }) },
+      { value: '!~', label: kintIntl.formatKintMessage({ id: 'operator.doesNotContain', overrideValue: labelOverrides.operatorDoesNotContain }) },
     );
   }
 &nbsp;
@@ -256,7 +256,7 @@ export default useOperators;
             <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 Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
+                at 2022-09-16T13:23:25.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/CustomProperties/Filter/useParseActiveFilterStrings.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">6.66% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>1/15</span>
+                <span class='fraction'>16/16</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">33.33% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/2</span>
+                <span class='fraction'>1/3</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/5</span>
+                <span class='fraction'>5/5</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">7.69% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>1/13</span>
+                <span class='fraction'>14/14</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line high'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -98,35 +98,41 @@
 <a name='L33'></a><a href='#L33'>33</a>
 <a name='L34'></a><a href='#L34'>34</a>
 <a name='L35'></a><a href='#L35'>35</a>
-<a name='L36'></a><a href='#L36'>36</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L36'></a><a href='#L36'>36</a>
+<a name='L37'></a><a href='#L37'>37</a>
+<a name='L38'></a><a href='#L38'>38</a>
+<a name='L39'></a><a href='#L39'>39</a></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-yes">1x</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">40x</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-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</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-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-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</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">4x</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">4x</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>
@@ -135,33 +141,36 @@
 <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 useOperators from './useOperators';
 &nbsp;
-const useParseActiveFilterStrings = <span class="fstat-no" title="function not covered" >(f</span>ilterStrings) =&gt; {
-  const operators = <span class="cstat-no" title="statement not covered" >useOperators().map(<span class="fstat-no" title="function not covered" >o </span>=&gt; <span class="cstat-no" title="statement not covered" >o.value)</span>;</span>
+const useParseActiveFilterStrings = (filterStrings, passedIntlKey, passedIntlNS, labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; {
+  const operators = useOperators(null, passedIntlKey, passedIntlNS, labelOverrides).map(o =&gt; o.value);
 &nbsp;
-  let numberOfFilters = <span class="cstat-no" title="statement not covered" >0;</span>
-  const filters = <span class="cstat-no" title="statement not covered" >filterStrings.map(<span class="fstat-no" title="function not covered" >fi</span>lter =&gt; {</span>
+  let numberOfFilters = 0;
+  const filters = filterStrings.map(filter =&gt; {
     let customProperty;
-    const rules = <span class="cstat-no" title="statement not covered" >filter.split('||').map(<span class="fstat-no" title="function not covered" >ru</span>leString =&gt; {</span>
+    const rules = filter.split('||').map(ruleString =&gt; {
       // ruleString is constructed in this.handleSubmit passed to CustomPropertyFiltersForm
       // and has shape "customProperties.foo.value!=42"
-      const [customPropertyPath, rule] = <span class="cstat-no" title="statement not covered" >ruleString.split('.value');</span>
-<span class="cstat-no" title="statement not covered" >      customProperty = customPropertyPath.replace('customProperties.', '');</span>
+      // OR customProperties.foo.value.id==1234, so make sure to disregard the .id
+      const [customPropertyPath, rule] = ruleString.split('.value');
+      const idSafeRule = rule.replace('.id', '');
+&nbsp;
+      customProperty = customPropertyPath.replace('customProperties.', '');
 &nbsp;
-      const operator = <span class="cstat-no" title="statement not covered" >operators.find(<span class="fstat-no" title="function not covered" >o </span>=&gt; <span class="cstat-no" title="statement not covered" >rule.startsWith(o))</span> ?? '';</span>
-      const value = <span class="cstat-no" title="statement not covered" >rule.substring(operator.length);</span>
+      const operator = operators.find(o =&gt; idSafeRule.startsWith(o)) ?? <span class="branch-1 cbranch-no" title="branch not covered" >'';</span>
+      const value = idSafeRule.substring(operator.length);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      numberOfFilters += 1;</span>
+      numberOfFilters += 1;
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      return { operator, value };</span>
+      return { operator, value };
     });
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    return {</span>
+    return {
       customProperty,
       rules,
     };
   });
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return {</span>
+  return {
     filters,
     numberOfFilters
   };
@@ -175,7 +184,7 @@ export default useParseActiveFilterStrings;
             <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 Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
+                at 2022-09-16T13:23:25.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/CustomProperties/Filter/useValueProps.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">26.92% </span>
+                <span class="strong">44.44% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>7/26</span>
+                <span class='fraction'>12/27</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">14.28% </span>
+                <span class="strong">37.5% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>1/7</span>
+                <span class='fraction'>3/8</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">33.33% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/3</span>
+                <span class='fraction'>2/4</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">29.16% </span>
+                <span class="strong">45.83% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>7/24</span>
+                <span class='fraction'>11/24</span>
             </div>
         
             
@@ -114,7 +114,12 @@
 <a name='L49'></a><a href='#L49'>49</a>
 <a name='L50'></a><a href='#L50'>50</a>
 <a name='L51'></a><a href='#L51'>51</a>
-<a name='L52'></a><a href='#L52'>52</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a>
+<a name='L55'></a><a href='#L55'>55</a>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -128,23 +133,28 @@
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">2x</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>
-<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-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-yes">12x</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">12x</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-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</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-no">&nbsp;</span>
@@ -157,17 +167,17 @@
 <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">8x</span>
-<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">12x</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 { Datepicker, Select, TextField } from '@folio/stripes/components';
 import * as CUSTPROP_TYPES from '../../constants/customProperties';
-import { invalidNumber as invalidNumberValidator, required as requiredValidator } from '../../utils/validators';
+import { invalidNumber, required as requiredValidator } from '../../utils/validators';
 &nbsp;
 const {
   REFDATA_CLASS_NAME: REFDATA,
@@ -178,7 +188,12 @@ const {
   TEXT_CLASS_NAME: TEXT,
 } = CUSTPROP_TYPES;
 &nbsp;
-const useValueProps = (custPropDefinition) =&gt; {
+const useValueProps = (
+  custPropDefinition,
+  intlKey,
+  intlNS,
+  labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
+) =&gt; {
   const props = {
     validate: requiredValidator
   };
@@ -188,13 +203,13 @@ const useValueProps = (custPropDefinition) =&gt; {
 <span class="branch-1 cbranch-no" title="branch not covered" >    case DECIMAL:</span>
 <span class="cstat-no" title="statement not covered" >      props.component = TextField;</span>
 <span class="cstat-no" title="statement not covered" >      props.type = 'number';</span>
-<span class="cstat-no" title="statement not covered" >      props.validate = invalidNumberValidator;</span>
-<span class="cstat-no" title="statement not covered" >      break;</span>
-<span class="branch-2 cbranch-no" title="branch not covered" >    case REFDATA:</span>
-<span class="cstat-no" title="statement not covered" >      props.component = Select;</span>
-<span class="cstat-no" title="statement not covered" >      props.dataOptions = custPropDefinition.category.values.map(<span class="fstat-no" title="function not covered" >rd</span>v =&gt; (<span class="cstat-no" title="statement not covered" >{ label: rdv.label, value: rdv.id })</span>);</span>
-<span class="cstat-no" title="statement not covered" >      props.placeholder = ' ';</span>
+<span class="cstat-no" title="statement not covered" >      props.validate = <span class="fstat-no" title="function not covered" >(v</span>alue) =&gt; <span class="cstat-no" title="statement not covered" >invalidNumber(value, intlKey, intlNS, labelOverrides);</span></span>
 <span class="cstat-no" title="statement not covered" >      break;</span>
+    case REFDATA:
+      props.component = Select;
+      props.dataOptions = custPropDefinition.category.values.map(rdv =&gt; ({ label: rdv.label, value: rdv.id }));
+      props.placeholder = ' ';
+      break;
 <span class="branch-3 cbranch-no" title="branch not covered" >    case MULTIREFDATA:</span>
 <span class="cstat-no" title="statement not covered" >      props.component = Select;</span>
 <span class="cstat-no" title="statement not covered" >      props.dataOptions = custPropDefinition.category.values.map(<span class="fstat-no" title="function not covered" >mr</span>dv =&gt; (<span class="cstat-no" title="statement not covered" >{ label: mrdv.label, value: mrdv.id })</span>);</span>
@@ -206,7 +221,7 @@ const useValueProps = (custPropDefinition) =&gt; {
 <span class="cstat-no" title="statement not covered" >      props.timeZone = 'UTC';</span>
 <span class="cstat-no" title="statement not covered" >      props.usePortal = true;</span>
 <span class="cstat-no" title="statement not covered" >      break;</span>
-<span class="branch-5 cbranch-no" title="branch not covered" >    case TEXT:</span>
+    case TEXT:
     default:
       props.component = TextField;
       break;
@@ -223,7 +238,7 @@ export default useValueProps;
             <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 Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
+                at 2022-09-16T13:23:25.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/CustomProperties/View/CustomPropertiesView.js.html

@@ -99,7 +99,13 @@
 <a name='L34'></a><a href='#L34'>34</a>
 <a name='L35'></a><a href='#L35'>35</a>
 <a name='L36'></a><a href='#L36'>36</a>
-<a name='L37'></a><a href='#L37'>37</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L37'></a><a href='#L37'>37</a>
+<a name='L38'></a><a href='#L38'>38</a>
+<a name='L39'></a><a href='#L39'>39</a>
+<a name='L40'></a><a href='#L40'>40</a>
+<a name='L41'></a><a href='#L41'>41</a>
+<a name='L42'></a><a href='#L42'>42</a>
+<a name='L43'></a><a href='#L43'>43</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-yes">1x</span>
@@ -109,6 +115,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-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">2x</span>
@@ -125,6 +133,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-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -135,6 +145,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-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 PropTypes from 'prop-types';
 import CustomPropertiesViewCtx from './CustomPropertiesViewCtx';
 &nbsp;
@@ -143,6 +155,8 @@ const CustomPropertiesView = ({
   customProperties,
   customPropertiesEndpoint,
   id,
+  intlKey: passedIntlKey,
+  intlNS: passedIntlNS,
   labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
 }) =&gt; {
   return (
@@ -154,6 +168,8 @@ const CustomPropertiesView = ({
           customProperties,
           customPropertiesEndpoint,
           id,
+          intlKey: passedIntlKey,
+          intlNS: passedIntlNS,
           labelOverrides
         }}
       /&gt;
@@ -166,6 +182,8 @@ CustomPropertiesView.propTypes = {
   customProperties: PropTypes.object,
   customPropertiesEndpoint: PropTypes.string,
   id: PropTypes.string,
+  intlKey: PropTypes.string,
+  intlNS: PropTypes.string,
   labelOverrides: PropTypes.object,
   nameOverride: PropTypes.string
 };
@@ -178,7 +196,7 @@ export default CustomPropertiesView;
             <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 Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
+                at 2022-09-16T13:23:25.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>