npm - @k-int/stripes-kint-components - Versions diffs - 2.5.1 → 2.6.0 - Mend

@k-int/stripes-kint-components 2.5.1 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (329) hide show

package/src/artifacts/coverage-jest/lcov-report/CustomProperties/Edit/CustomPropertyField.js.html CHANGED Viewed

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">42.02% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/62</span>
+                <span class='fraction'>29/69</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">36.58% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/42</span>
+                <span class='fraction'>15/41</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">35% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/17</span>
+                <span class='fraction'>7/20</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">44.61% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/58</span>
+                <span class='fraction'>29/65</span>
             </div>
@@ -362,7 +362,35 @@
 <a name='L297'></a><a href='#L297'>297</a>
 <a name='L298'></a><a href='#L298'>298</a>
 <a name='L299'></a><a href='#L299'>299</a>
-<a name='L300'></a><a href='#L300'>300</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L300'></a><a href='#L300'>300</a>
+<a name='L301'></a><a href='#L301'>301</a>
+<a name='L302'></a><a href='#L302'>302</a>
+<a name='L303'></a><a href='#L303'>303</a>
+<a name='L304'></a><a href='#L304'>304</a>
+<a name='L305'></a><a href='#L305'>305</a>
+<a name='L306'></a><a href='#L306'>306</a>
+<a name='L307'></a><a href='#L307'>307</a>
+<a name='L308'></a><a href='#L308'>308</a>
+<a name='L309'></a><a href='#L309'>309</a>
+<a name='L310'></a><a href='#L310'>310</a>
+<a name='L311'></a><a href='#L311'>311</a>
+<a name='L312'></a><a href='#L312'>312</a>
+<a name='L313'></a><a href='#L313'>313</a>
+<a name='L314'></a><a href='#L314'>314</a>
+<a name='L315'></a><a href='#L315'>315</a>
+<a name='L316'></a><a href='#L316'>316</a>
+<a name='L317'></a><a href='#L317'>317</a>
+<a name='L318'></a><a href='#L318'>318</a>
+<a name='L319'></a><a href='#L319'>319</a>
+<a name='L320'></a><a href='#L320'>320</a>
+<a name='L321'></a><a href='#L321'>321</a>
+<a name='L322'></a><a href='#L322'>322</a>
+<a name='L323'></a><a href='#L323'>323</a>
+<a name='L324'></a><a href='#L324'>324</a>
+<a name='L325'></a><a href='#L325'>325</a>
+<a name='L326'></a><a href='#L326'>326</a>
+<a name='L327'></a><a href='#L327'>327</a>
+<a name='L328'></a><a href='#L328'>328</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>
@@ -381,8 +409,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-no">&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>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -393,13 +421,14 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</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-yes">7x</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>
@@ -454,13 +483,14 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-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">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-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-neutral">&nbsp;</span>
@@ -472,15 +502,31 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</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-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-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>
@@ -496,6 +542,16 @@
 <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-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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -515,7 +571,7 @@
 <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-yes">7x</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>
@@ -526,17 +582,17 @@
 <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-yes">7x</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-no">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">7x</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>
@@ -546,7 +602,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">7x</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>
@@ -564,10 +620,10 @@
 <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-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">7x</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>
@@ -577,7 +633,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">7x</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>
@@ -590,10 +646,10 @@
 <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-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">7x</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>
@@ -603,7 +659,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">7x</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>
@@ -617,7 +673,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">7x</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>
@@ -647,7 +703,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&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>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -665,7 +721,7 @@
 &nbsp;
 import { FormattedMessage, useIntl } from 'react-intl';
 &nbsp;
-import { Field } from 'react-final-form';
+import { Field, useFormState } from 'react-final-form';
 &nbsp;
 import {
   Col,
@@ -673,14 +729,15 @@ import {
   Row,
   Select,
   TextArea,
-  TextField
+  TextField,
+  MultiSelection
 } from '@folio/stripes/components';
 &nbsp;
 import * as CUSTOM_PROPERTY_TYPES from '../../constants/customProperties';
 &nbsp;
 import { customPropertyValidator } from '../../utils/validators';
 &nbsp;
-const CustomPropertyField = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span></span>
+const CustomPropertyField = ({
   availableCustomProperties,
   customProperty,
   customPropertyType,
@@ -692,13 +749,13 @@ const CustomPropertyField = <span class="cstat-no" title="statement not covered"
   value,
   setCustomProperties
 }) =&gt; {
-  const intl = <span class="cstat-no" title="statement not covered" >useIntl();</span>
+  const intl = useIntl();
 &nbsp;
-  const getCustomProperty = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(c</span>ustomPropertyValue) =&gt; {</span>
+  const getCustomProperty = <span class="fstat-no" title="function not covered" >(c</span>ustomPropertyValue) =&gt; {
 <span class="cstat-no" title="statement not covered" >    return availableCustomProperties.find(<span class="fstat-no" title="function not covered" >cp</span> =&gt; <span class="cstat-no" title="statement not covered" >cp.value === customPropertyValue)</span>;</span>
   };
 &nbsp;
-  const renderCustomPropertyName = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+  const renderCustomPropertyName = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
     const unsetCustomProperties = <span class="cstat-no" title="statement not covered" >availableCustomProperties.filter(<span class="fstat-no" title="function not covered" >t </span>=&gt; {</span>
       // Only optional properties can be set
 <span class="cstat-no" title="statement not covered" >      if (t.primary) <span class="cstat-no" title="statement not covered" >return false;</span></span>
@@ -753,37 +810,54 @@ const CustomPropertyField = <span class="cstat-no" title="statement not covered"
     );
   };
 &nbsp;
-  const renderCustomPropertyValue = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-    const currentValue = <span class="cstat-no" title="statement not covered" >value[customProperty.value] ? value[customProperty.value][0] : {};</span>
-    const min = <span class="cstat-no" title="statement not covered" >Number.MIN_SAFE_INTEGER;</span>
-    const max = <span class="cstat-no" title="statement not covered" >Number.MAX_SAFE_INTEGER;</span>
+  const renderCustomPropertyValue = () =&gt; {
+    const currentValue = value[customProperty.value] ? value[customProperty.value][0] : <span class="branch-1 cbranch-no" title="branch not covered" >{};</span>
+    const min = Number.MIN_SAFE_INTEGER;
+    const max = Number.MAX_SAFE_INTEGER;
 &nbsp;
-    const handleChange = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >e </span>=&gt; {</span>
+    // Default change handler
+    let handleChange = <span class="fstat-no" title="function not covered" >e </span>=&gt; {
 <span class="cstat-no" title="statement not covered" >      onChange({</span>
         ...value,
         [customProperty.value]: [{
           ...currentValue,
-          _delete: e.target.value === '' ? true : undefined, // Delete customProperty if removing the value.
-          value: (customProperty.type === CUSTOM_PROPERTY_TYPES.INTEGER_CLASS_NAME ||
-            customProperty.type === CUSTOM_PROPERTY_TYPES.DECIMAL_CLASS_NAME) ?
-            parseFloat(e.target.value) : e.target.value // send down the number for integers and decimal types
+          _delete: e.target.value === '', // Delete customProperty if removing the value.
+          value: e.target.value // send down the number for integers and decimal types
         }],
       });
     };
-&nbsp;
     // Figure out which component we're rendering and specify its unique props.
     let fieldProps;
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    switch (customProperty.type) {</span>
+    switch (customProperty.type) {
       case CUSTOM_PROPERTY_TYPES.REFDATA_CLASS_NAME:
-<span class="cstat-no" title="statement not covered" >        fieldProps = {</span>
+        fieldProps = {
           component: Select,
           dataOptions: customProperty.options,
-          format: <span class="fstat-no" title="function not covered" >(v</span>) =&gt; <span class="cstat-no" title="statement not covered" >v?.value,</span>
+          format: (v) =&gt; v?.value,
+        };
+        break;
+<span class="branch-1 cbranch-no" title="branch not covered" >      case CUSTOM_PROPERTY_TYPES.MULTI_REFDATA_CLASS_NAME:</span>
+<span class="cstat-no" title="statement not covered" >        fieldProps = {</span>
+          component: MultiSelection,
+          // The "not set" value is not relevant for a multi select
+          dataOptions: customProperty.options?.filter(<span class="fstat-no" title="function not covered" >op</span>t =&gt; <span class="cstat-no" title="statement not covered" >!!opt?.value)</span>,
+          renderToOverlay: true
+        };
+        // MultiSelection passes the changed array as a value not an event
+<span class="cstat-no" title="statement not covered" >        handleChange = <span class="fstat-no" title="function not covered" >re</span>fdataArray =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >          onChange({</span>
+            ...value,
+            [customProperty.value]: [{
+              ...currentValue,
+              _delete: refdataArray?.length === 0 ? true : undefined, // Delete customProperty if removing all values.
+              value: refdataArray
+            }]
+          });
         };
 <span class="cstat-no" title="statement not covered" >        break;</span>
-      case CUSTOM_PROPERTY_TYPES.INTEGER_CLASS_NAME:
-      case CUSTOM_PROPERTY_TYPES.DECIMAL_CLASS_NAME:
+<span class="branch-2 cbranch-no" title="branch not covered" >      case CUSTOM_PROPERTY_TYPES.INTEGER_CLASS_NAME:</span>
+<span class="branch-3 cbranch-no" title="branch not covered" >      case CUSTOM_PROPERTY_TYPES.DECIMAL_CLASS_NAME:</span>
 <span class="cstat-no" title="statement not covered" >        fieldProps = {</span>
           badInput: intl.formatMessage({ id: 'stripes-kint-components.errors.customPropertyInvalidNumber' }),
           component: TextField,
@@ -794,14 +868,24 @@ const CustomPropertyField = <span class="cstat-no" title="statement not covered"
           step: 'any',
           type: 'number',
         };
+<span class="cstat-no" title="statement not covered" >        handleChange = <span class="fstat-no" title="function not covered" >e </span>=&gt; {</span>
+<span class="cstat-no" title="statement not covered" >          onChange({</span>
+            ...value,
+            [customProperty.value]: [{
+              ...currentValue,
+              _delete: e.target.value === '' ? true : undefined, // Delete customProperty if removing the value.
+              value: parseFloat(e.target.value)
+            }],
+          });
+        };
 <span class="cstat-no" title="statement not covered" >        break;</span>
-      case CUSTOM_PROPERTY_TYPES.TEXT_CLASS_NAME:
+<span class="branch-4 cbranch-no" title="branch not covered" >      case CUSTOM_PROPERTY_TYPES.TEXT_CLASS_NAME:</span>
 <span class="cstat-no" title="statement not covered" >        fieldProps = {</span>
           component: TextArea,
           parse: <span class="fstat-no" title="function not covered" >v </span>=&gt; <span class="cstat-no" title="statement not covered" >v </span> // Lets us send an empty string instead of `undefined`
         };
 <span class="cstat-no" title="statement not covered" >        break;</span>
-      case CUSTOM_PROPERTY_TYPES.DATE_CLASS_NAME:
+<span class="branch-5 cbranch-no" title="branch not covered" >      case CUSTOM_PROPERTY_TYPES.DATE_CLASS_NAME:</span>
 <span class="cstat-no" title="statement not covered" >          fieldProps = {</span>
             component: Datepicker,
             backendDateStandard: 'YYYY-MM-DD',
@@ -809,12 +893,12 @@ const CustomPropertyField = <span class="cstat-no" title="statement not covered"
             usePortal: true
           };
 <span class="cstat-no" title="statement not covered" >          break;</span>
-      default:
+<span class="branch-6 cbranch-no" title="branch not covered" >      default:</span>
 <span class="cstat-no" title="statement not covered" >        fieldProps = { component: TextField };</span>
 <span class="cstat-no" title="statement not covered" >        break;</span>
     }
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    return (</span>
+    return (
       &lt;Field
         data-test-customproperty-value
         id={`edit-customproperty-${index}-value`}
@@ -825,17 +909,17 @@ const CustomPropertyField = <span class="cstat-no" title="statement not covered"
         name={`${name}.${customProperty.value}[0].value`}
         onChange={handleChange}
         required={!customProperty.primary}
-        validate={<span class="fstat-no" title="function not covered" >(f</span>ieldValue, allValues) =&gt; <span class="cstat-no" title="statement not covered" >customPropertyValidator(fieldValue, allValues, customProperty)}</span>
+        validate={(fieldValue, allValues) =&gt; customPropertyValidator(fieldValue, allValues, customProperty)}
         valueMissing={intl.formatMessage({ id: 'stripes-core.label.missingRequiredField' })}
         {...fieldProps}
       /&gt;
     );
   };
 &nbsp;
-  const renderCustomPropertyVisibility = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-    const customPropertyObject = <span class="cstat-no" title="statement not covered" >value[customProperty.value]?.[0] ?? {};</span>
+  const renderCustomPropertyVisibility = () =&gt; {
+    const customPropertyObject = value[customProperty.value]?.[0] ?? <span class="branch-1 cbranch-no" title="branch not covered" >{};</span>
 &nbsp;
-    const handleChange = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >e </span>=&gt; {</span>
+    const handleChange = <span class="fstat-no" title="function not covered" >e </span>=&gt; {
 <span class="cstat-no" title="statement not covered" >      onChange({</span>
         ...value,
         [customProperty.value]: [{
@@ -845,7 +929,7 @@ const CustomPropertyField = <span class="cstat-no" title="statement not covered"
       });
     };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    return (</span>
+    return (
       &lt;Select
         data-test-customproperty-visibility
         dataOptions={[
@@ -858,15 +942,15 @@ const CustomPropertyField = <span class="cstat-no" title="statement not covered"
           &lt;FormattedMessage id="stripes-kint-components.customProperty.visibility" /&gt;
         }
         onChange={handleChange}
-        value={customPropertyObject?.internal ?? customProperty.defaultInternal}
+        value={customPropertyObject?.internal ?? <span class="branch-1 cbranch-no" title="branch not covered" >customProperty.defaultInternal}</span>
       /&gt;
     );
   };
 &nbsp;
-  const renderCustomPropertyNoteInternal = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-    const customPropertyObject = <span class="cstat-no" title="statement not covered" >value[customProperty.value]?.[0] ?? {};</span>
+  const renderCustomPropertyNoteInternal = () =&gt; {
+    const customPropertyObject = value[customProperty.value]?.[0] ?? <span class="branch-1 cbranch-no" title="branch not covered" >{};</span>
 &nbsp;
-    const handleChange = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >e </span>=&gt; {</span>
+    const handleChange = <span class="fstat-no" title="function not covered" >e </span>=&gt; {
 <span class="cstat-no" title="statement not covered" >      onChange({</span>
         ...value,
         [customProperty.value]: [{
@@ -876,7 +960,7 @@ const CustomPropertyField = <span class="cstat-no" title="statement not covered"
       });
     };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    return (</span>
+    return (
       &lt;TextArea
         data-test-customproperty-note
         id={`edit-customproperty-${index}-internal-note`}
@@ -889,10 +973,10 @@ const CustomPropertyField = <span class="cstat-no" title="statement not covered"
     );
   };
 &nbsp;
-  const renderCustomPropertyNotePublic = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-    const customPropertyObject = <span class="cstat-no" title="statement not covered" >value[customProperty.value]?.[0] ?? {};</span>
+  const renderCustomPropertyNotePublic = () =&gt; {
+    const customPropertyObject = value[customProperty.value]?.[0] ?? <span class="branch-1 cbranch-no" title="branch not covered" >{};</span>
 &nbsp;
-    const handleChange = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >e </span>=&gt; {</span>
+    const handleChange = <span class="fstat-no" title="function not covered" >e </span>=&gt; {
 <span class="cstat-no" title="statement not covered" >      onChange({</span>
         ...value,
         [customProperty.value]: [{
@@ -902,7 +986,7 @@ const CustomPropertyField = <span class="cstat-no" title="statement not covered"
       });
     };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    return (</span>
+    return (
       &lt;TextArea
         data-test-customproperty-public-note
         id={`edit-customproperty-${index}-public-note`}
@@ -916,11 +1000,11 @@ const CustomPropertyField = <span class="cstat-no" title="statement not covered"
     );
   };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
+  return (
     &lt;&gt;
       {
         customPropertyType === 'optional' &amp;&amp;
-        &lt;Row&gt;
+<span class="branch-1 cbranch-no" title="branch not covered" >        &lt;Row&gt;</span>
           &lt;Col xs={12}&gt;
             {renderCustomPropertyName()}
           &lt;/Col&gt;
@@ -946,7 +1030,7 @@ const CustomPropertyField = <span class="cstat-no" title="statement not covered"
   );
 };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >CustomPropertyField.propTypes = {</span>
+CustomPropertyField.propTypes = {
   availableCustomProperties: PropTypes.arrayOf(PropTypes.object),
   customProperty: PropTypes.object,
   customPropertyType: PropTypes.string,
@@ -967,7 +1051,7 @@ export default CustomPropertyField;
             <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 May 19 2022 10:55:24 GMT+0100 (British Summer Time)
+                at Thu Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>