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

package/src/artifacts/coverage-jest/lcov-report/CustomProperties/Config/CustomPropertyForm.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">67.74% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/31</span>
+                <span class='fraction'>21/31</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">61.53% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/64</span>
+                <span class='fraction'>40/65</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">70% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/10</span>
+                <span class='fraction'>7/10</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">67.85% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/28</span>
+                <span class='fraction'>19/28</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line medium'></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>
@@ -413,7 +413,47 @@
 <a name='L348'></a><a href='#L348'>348</a>
 <a name='L349'></a><a href='#L349'>349</a>
 <a name='L350'></a><a href='#L350'>350</a>
-<a name='L351'></a><a href='#L351'>351</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L351'></a><a href='#L351'>351</a>
+<a name='L352'></a><a href='#L352'>352</a>
+<a name='L353'></a><a href='#L353'>353</a>
+<a name='L354'></a><a href='#L354'>354</a>
+<a name='L355'></a><a href='#L355'>355</a>
+<a name='L356'></a><a href='#L356'>356</a>
+<a name='L357'></a><a href='#L357'>357</a>
+<a name='L358'></a><a href='#L358'>358</a>
+<a name='L359'></a><a href='#L359'>359</a>
+<a name='L360'></a><a href='#L360'>360</a>
+<a name='L361'></a><a href='#L361'>361</a>
+<a name='L362'></a><a href='#L362'>362</a>
+<a name='L363'></a><a href='#L363'>363</a>
+<a name='L364'></a><a href='#L364'>364</a>
+<a name='L365'></a><a href='#L365'>365</a>
+<a name='L366'></a><a href='#L366'>366</a>
+<a name='L367'></a><a href='#L367'>367</a>
+<a name='L368'></a><a href='#L368'>368</a>
+<a name='L369'></a><a href='#L369'>369</a>
+<a name='L370'></a><a href='#L370'>370</a>
+<a name='L371'></a><a href='#L371'>371</a>
+<a name='L372'></a><a href='#L372'>372</a>
+<a name='L373'></a><a href='#L373'>373</a>
+<a name='L374'></a><a href='#L374'>374</a>
+<a name='L375'></a><a href='#L375'>375</a>
+<a name='L376'></a><a href='#L376'>376</a>
+<a name='L377'></a><a href='#L377'>377</a>
+<a name='L378'></a><a href='#L378'>378</a>
+<a name='L379'></a><a href='#L379'>379</a>
+<a name='L380'></a><a href='#L380'>380</a>
+<a name='L381'></a><a href='#L381'>381</a>
+<a name='L382'></a><a href='#L382'>382</a>
+<a name='L383'></a><a href='#L383'>383</a>
+<a name='L384'></a><a href='#L384'>384</a>
+<a name='L385'></a><a href='#L385'>385</a>
+<a name='L386'></a><a href='#L386'>386</a>
+<a name='L387'></a><a href='#L387'>387</a>
+<a name='L388'></a><a href='#L388'>388</a>
+<a name='L389'></a><a href='#L389'>389</a>
+<a name='L390'></a><a href='#L390'>390</a>
+<a name='L391'></a><a href='#L391'>391</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>
@@ -429,48 +469,54 @@
 <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-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-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-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-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-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">40x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">120x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">160x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">40x</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-yes">40x</span>
+<span class="cline-any cline-yes">40x</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-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">40x</span>
+<span class="cline-any cline-yes">40x</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">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">40x</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>
@@ -499,15 +545,12 @@
 <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-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>
@@ -540,13 +583,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-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-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>
@@ -599,12 +638,16 @@
 <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">20x</span>
+<span class="cline-any cline-yes">20x</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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -646,9 +689,13 @@
 <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-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">20x</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>
@@ -755,7 +802,40 @@
 <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-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>
+<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-yes">2x</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>
@@ -779,81 +859,180 @@ import {
 } from '@folio/stripes/components';
 import { required as requiredValidator, composeValidators } from '../../utils/validators';
 &nbsp;
-const CustomPropertyForm = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span></span>
+import {
+  DECIMAL_CLASS_NAME,
+  INTEGER_CLASS_NAME,
+  TEXT_CLASS_NAME,
+  REFDATA_CLASS_NAME,
+  MULTI_REFDATA_CLASS_NAME,
+  DATE_CLASS_NAME
+} from '../../constants/customProperties';
+&nbsp;
+const CustomPropertyForm = ({
   contextFilterOptions,
   helpPopovers,
   labelOverrides,
   refdata
 }) =&gt; {
-  const { values } = <span class="cstat-no" title="statement not covered" >useFormState();</span>
-  const { change } = <span class="cstat-no" title="statement not covered" >useForm();</span>
-  const intl = <span class="cstat-no" title="statement not covered" >useIntl();</span>
+  const { values } = useFormState();
+  const { change } = useForm();
+  const intl = useIntl();
 &nbsp;
-  const booleanToString = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >bo</span>oleanValue =&gt; <span class="cstat-no" title="statement not covered" >booleanValue?.toString();</span></span>
-  const stringToBoolean = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >st</span>ringValue =&gt; <span class="cstat-no" title="statement not covered" >stringValue === 'true';</span></span>
+  const booleanToString = booleanValue =&gt; booleanValue?.toString();
+  const stringToBoolean = <span class="fstat-no" title="function not covered" >st</span>ringValue =&gt; <span class="cstat-no" title="statement not covered" >stringValue === 'true';</span>
 &nbsp;
-  const [contextOptions, setContextOptions] = <span class="cstat-no" title="statement not covered" >useState(contextFilterOptions?.filter(<span class="fstat-no" title="function not covered" >ct</span>x =&gt; <span class="cstat-no" title="statement not covered" >ctx.value !== '' &amp;&amp; ctx?.value !== 'isNull')</span>);</span>
+  const [contextOptions, setContextOptions] = useState(contextFilterOptions?.filter(ctx =&gt; ctx.value !== '' &amp;&amp; ctx?.value !== 'isNull'));
 &nbsp;
-  const addCtx = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span> _r, _e, filterText }) =&gt; {</span>
+  const addCtx = <span class="fstat-no" title="function not covered" >({</span> _r, _e, filterText }) =&gt; {
     const newOption = <span class="cstat-no" title="statement not covered" >{ value: filterText, label: filterText };</span>
 <span class="cstat-no" title="statement not covered" >    setContextOptions([newOption, ...contextOptions]);</span>
 <span class="cstat-no" title="statement not covered" >    change('ctx', [newOption]);</span>
   };
 &nbsp;
-  const renderAddCtx = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span> filterValue, exactMatch }) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (!filterValue || exactMatch) {</span>
-<span class="cstat-no" title="statement not covered" >      return null;</span>
-    } else {
+  const renderAddCtx = ({ filterValue, exactMatch }) =&gt; {
+    if (!filterValue || <span class="branch-1 cbranch-no" title="branch not covered" >exactMatch)</span> {
+      return null;
+    } else <span class="missing-if-branch" title="else path not taken" >E</span>{
 <span class="cstat-no" title="statement not covered" >      return &lt;FormattedMessage id="stripes-kint-components.customProperties.ctx.addContext" values={{ value: filterValue }} /&gt;;</span>
     }
   };
 &nbsp;
-  const primaryRetiredValidator = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(_</span>v, allValues) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (allValues.primary &amp;&amp; allValues.retired) {</span>
+  const primaryRetiredValidator = (_v, allValues) =&gt; {
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (allValues.primary &amp;&amp; allValues.retired) {
 <span class="cstat-no" title="statement not covered" >      return labelOverrides?.primaryRetired ??</span>
         &lt;FormattedMessage id="stripes-kint-components.errors.primaryRetired" /&gt;;
     }
-<span class="cstat-no" title="statement not covered" >    return null;</span>
+    return null;
   };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
+  return (
     &lt;&gt;
+      {/* Users can only configure the type of a custom property when creating it, not when editing it */}
+      &lt;Row&gt;
+        &lt;Col xs={6}&gt;
+          &lt;Field
+            component={Select}
+            dataOptions={[
+              { label: '', value: '' },
+              {
+                label: intl.formatMessage({
+                  id: `stripes-kint-components.customProperties.type.${DECIMAL_CLASS_NAME}`,
+                }),
+                value: DECIMAL_CLASS_NAME,
+              },
+              {
+                label: intl.formatMessage({
+                  id: `stripes-kint-components.customProperties.type.${INTEGER_CLASS_NAME}`,
+                }),
+                value: INTEGER_CLASS_NAME,
+              },
+              {
+                label: intl.formatMessage({
+                  id: `stripes-kint-components.customProperties.type.${TEXT_CLASS_NAME}`,
+                }),
+                value: TEXT_CLASS_NAME,
+              },
+              {
+                label: intl.formatMessage({
+                  id: `stripes-kint-components.customProperties.type.${REFDATA_CLASS_NAME}`,
+                }),
+                value: REFDATA_CLASS_NAME,
+              },
+              {
+                label: intl.formatMessage({
+                  id: `stripes-kint-components.customProperties.type.${MULTI_REFDATA_CLASS_NAME}`,
+                }),
+                value: MULTI_REFDATA_CLASS_NAME,
+              },
+              {
+                label: intl.formatMessage({
+                  id: `stripes-kint-components.customProperties.type.${DATE_CLASS_NAME}`,
+                }),
+                value: DATE_CLASS_NAME,
+              },
+            ]
+            }
+            disabled={values?.id}
+            label={
+              &lt;div&gt;
+                {labelOverrides?.type ??
+                  &lt;FormattedMessage id="stripes-kint-components.customProperties.type" /&gt;}
+                {helpPopovers?.type ?
+<span class="branch-0 cbranch-no" title="branch not covered" >                  &lt;InfoPopover</span>
+                    content={helpPopovers?.type}
+                  /&gt; : null}
+              &lt;/div&gt;
+            }
+            name="type"
+            required
+            validate={requiredValidator}
+          /&gt;
+        &lt;/Col&gt;
+        &lt;Col xs={6}&gt;
+          {(values?.type === REFDATA_CLASS_NAME || values?.type === MULTI_REFDATA_CLASS_NAME) &amp;&amp; (
+<span class="branch-2 cbranch-no" title="branch not covered" >            &lt;Field</span>
+              component={Select}
+              dataOptions={[{ label: '', value: '' }, ...refdata]}
+              disabled={values?.id}
+              label={
+                &lt;div&gt;
+                  {labelOverrides?.category ??
+                    &lt;FormattedMessage id="stripes-kint-components.customProperties.category" /&gt;}
+                  {helpPopovers?.category ?
+                    &lt;InfoPopover
+                      content={helpPopovers?.category}
+                    /&gt; : null}
+                &lt;/div&gt;
+              }
+              name="category"
+              required
+              validate={requiredValidator}
+            /&gt;
+          )}
+        &lt;/Col&gt;
+      &lt;/Row&gt;
       &lt;Row&gt;
         &lt;Col xs={6}&gt;
           &lt;Field
             component={TextField}
-            label={labelOverrides?.label ??
-              &lt;FormattedMessage id="stripes-kint-components.customProperties.label" /&gt;
+            id="custom-prop-label"
+            label={
+              &lt;div&gt;
+                {labelOverrides?.label ??
+                  &lt;FormattedMessage id="stripes-kint-components.customProperties.label" /&gt;}
+                {helpPopovers?.label ?
+                  &lt;InfoPopover
+                    content={helpPopovers?.label}
+                  /&gt; : <span class="branch-1 cbranch-no" title="branch not covered" >null}</span>
+              &lt;/div&gt;
             }
             name="label"
             required
-            startControl={helpPopovers?.label ?
-              &lt;InfoPopover
-                content={helpPopovers?.label}
-              /&gt; : null
-            }
             validate={requiredValidator}
           /&gt;
         &lt;/Col&gt;
         &lt;Col xs={6}&gt;
           &lt;Field
             component={TextField}
-            label={labelOverrides?.name ??
-              &lt;FormattedMessage id="stripes-kint-components.customProperties.name" /&gt;
+            id="custom-prop-name"
+            label={
+              &lt;div&gt;
+                {labelOverrides?.name ??
+                  &lt;FormattedMessage id="stripes-kint-components.customProperties.name" /&gt;}
+                {helpPopovers?.name ?
+                  &lt;InfoPopover
+                    content={helpPopovers?.name}
+                  /&gt; : <span class="branch-1 cbranch-no" title="branch not covered" >null}</span>
+              &lt;/div&gt;
             }
             name="name"
             required
-            startControl={helpPopovers?.name ?
-              &lt;InfoPopover
-                content={helpPopovers?.name}
-              /&gt; : null
-            }
-            validate={<span class="fstat-no" title="function not covered" >v </span>=&gt; {
-<span class="cstat-no" title="statement not covered" >              if (v &amp;&amp; v.length) {</span>
-<span class="cstat-no" title="statement not covered" >                return /^[a-z][a-z0-9]*$/i.test(v) ? (</span>
+            validate={v =&gt; {
+              <span class="missing-if-branch" title="else path not taken" >E</span>if (v &amp;&amp; v.length) {
+                return /^[a-z][a-z0-9]*$/i.test(v) ? (
                   undefined
                 ) : (
-                  &lt;FormattedMessage id="stripes-kint-components.errors.hasNonAlphaName" /&gt;
+<span class="branch-1 cbranch-no" title="branch not covered" >                  &lt;FormattedMessage id="stripes-kint-components.errors.hasNonAlphaName" /&gt;</span>
                 );
               }
 &nbsp;
@@ -863,30 +1042,40 @@ const CustomPropertyForm = <span class="cstat-no" title="statement not covered"
         &lt;/Col&gt;
       &lt;/Row&gt;
       &lt;Row&gt;
-        &lt;Col xs={9}&gt;
+        &lt;Col xs={6}&gt;
           &lt;Field
             component={TextArea}
-            label={labelOverrides?.description ??
-              &lt;FormattedMessage id="stripes-kint-components.customProperties.description" /&gt;
+            id="custom-prop-description"
+            label={
+              &lt;div&gt;
+                {labelOverrides?.description ??
+                  &lt;FormattedMessage id="stripes-kint-components.customProperties.description" /&gt;}
+                {helpPopovers?.description ?
+<span class="branch-0 cbranch-no" title="branch not covered" >                  &lt;InfoPopover</span>
+                    content={helpPopovers?.description}
+                  /&gt; : null}
+              &lt;/div&gt;
             }
             name="description"
             required
-            startControl={helpPopovers?.description ?
-              &lt;InfoPopover
-                content={helpPopovers?.description}
-              /&gt; : null
-            }
             validate={requiredValidator}
           /&gt;
         &lt;/Col&gt;
-        &lt;Col xs={3}&gt;
+        &lt;Col xs={6}&gt;
           &lt;Field
             actions={[{ onSelect: addCtx, render: renderAddCtx }]}
             component={MultiSelection}
             dataOptions={contextOptions}
             emptyMessage={intl.formatMessage({ id: 'stripes-kint-components.customProperties.noCtxFound' })}
-            label={labelOverrides?.ctx ??
-              &lt;FormattedMessage id="stripes-kint-components.customProperties.ctx" /&gt;
+            label={
+              &lt;div&gt;
+                {labelOverrides?.ctx ??
+                  &lt;FormattedMessage id="stripes-kint-components.customProperties.ctx" /&gt;}
+                {helpPopovers?.ctx ?
+<span class="branch-0 cbranch-no" title="branch not covered" >                  &lt;InfoPopover</span>
+                    content={helpPopovers?.ctx}
+                  /&gt; : null}
+              &lt;/div&gt;
             }
             name="ctx"
             onChange={<span class="fstat-no" title="function not covered" >(s</span>electedItems) =&gt; {
@@ -896,7 +1085,7 @@ const CustomPropertyForm = <span class="cstat-no" title="statement not covered"
 <span class="cstat-no" title="statement not covered" >                change('ctx', undefined);</span>
               }
             }}
-            validate={<span class="fstat-no" title="function not covered" >va</span>lue =&gt; (<span class="cstat-no" title="statement not covered" >value?.length &gt; 1 ? &lt;FormattedMessage id="stripes-kint-components.customProperties.ctx.error.moreThanOne" /&gt; : null)</span>}
+            validate={value =&gt; (value?.length &gt; 1 ? <span class="branch-0 cbranch-no" title="branch not covered" >&lt;FormattedMessage id="stripes-kint-components.customProperties.ctx.error.moreThanOne" /&gt; </span>: null)}
           /&gt;
         &lt;/Col&gt;
       &lt;/Row&gt;
@@ -904,16 +1093,19 @@ const CustomPropertyForm = <span class="cstat-no" title="statement not covered"
         &lt;Col xs={3}&gt;
           &lt;Field
             component={TextField}
-            label={labelOverrides?.weight ??
-              &lt;FormattedMessage id="stripes-kint-components.customProperties.weight" /&gt;
+            id="custom-prop-weight"
+            label={
+              &lt;div&gt;
+                {labelOverrides?.weight ??
+                  &lt;FormattedMessage id="stripes-kint-components.customProperties.weight" /&gt;}
+                {helpPopovers?.weight ?
+<span class="branch-0 cbranch-no" title="branch not covered" >                  &lt;InfoPopover</span>
+                    content={helpPopovers?.weight}
+                  /&gt; : null}
+              &lt;/div&gt;
             }
             name="weight"
             required
-            startControl={helpPopovers?.weight ?
-              &lt;InfoPopover
-                content={helpPopovers?.weight}
-              /&gt; : null
-            }
             type="number"
             validate={requiredValidator}
           /&gt;
@@ -936,19 +1128,19 @@ const CustomPropertyForm = <span class="cstat-no" title="statement not covered"
               },
             ]}
             format={booleanToString}
-            label={labelOverrides?.primary ??
-              &lt;FormattedMessage
-                id="stripes-kint-components.customProperties.primary"
-              /&gt;
+            label={
+              &lt;div&gt;
+                {labelOverrides?.primary ??
+                  &lt;FormattedMessage id="stripes-kint-components.customProperties.primary" /&gt;}
+                {helpPopovers?.primary ?
+<span class="branch-0 cbranch-no" title="branch not covered" >                  &lt;InfoPopover</span>
+                    content={helpPopovers?.primary}
+                  /&gt; : null}
+              &lt;/div&gt;
             }
             name="primary"
             parse={stringToBoolean}
             required
-            startControl={helpPopovers?.primary ?
-              &lt;InfoPopover
-                content={helpPopovers?.primary}
-              /&gt; : null
-            }
             validate={composeValidators(
               requiredValidator,
               primaryRetiredValidator
@@ -973,19 +1165,19 @@ const CustomPropertyForm = <span class="cstat-no" title="statement not covered"
               },
             ]}
             format={booleanToString}
-            label={labelOverrides?.retired ??
-              &lt;FormattedMessage
-                id="stripes-kint-components.customProperties.retired"
-              /&gt;
+            label={
+              &lt;div&gt;
+                {labelOverrides?.retired ??
+<span class="branch-1 cbranch-no" title="branch not covered" >                  &lt;FormattedMessage id="stripes-kint-components.customProperties.retired" /&gt;}</span>
+                {helpPopovers?.retired ?
+<span class="branch-0 cbranch-no" title="branch not covered" >                  &lt;InfoPopover</span>
+                    content={helpPopovers?.retired}
+                  /&gt; : null}
+              &lt;/div&gt;
             }
             name="retired"
             parse={stringToBoolean}
             required
-            startControl={helpPopovers?.primary ?
-              &lt;InfoPopover
-                content={helpPopovers?.primary}
-              /&gt; : null
-            }
             validate={composeValidators(
               requiredValidator,
               primaryRetiredValidator
@@ -1012,101 +1204,29 @@ const CustomPropertyForm = <span class="cstat-no" title="statement not covered"
               },
             ]}
             format={booleanToString}
-            label={labelOverrides?.defaultVisibility ??
-              &lt;FormattedMessage id="stripes-kint-components.customProperties.defaultVisibility" /&gt;
+            label={
+              &lt;div&gt;
+                {labelOverrides?.defaultVisibility ??
+                  &lt;FormattedMessage id="stripes-kint-components.customProperties.defaultVisibility" /&gt;}
+                {helpPopovers?.defaultVisibility ?
+<span class="branch-0 cbranch-no" title="branch not covered" >                  &lt;InfoPopover</span>
+                    content={helpPopovers?.defaultVisibility}
+                  /&gt; : null}
+              &lt;/div&gt;
             }
             name="defaultInternal"
             parse={stringToBoolean}
             required
-            startControl={helpPopovers?.defaultVisibility ?
-              &lt;InfoPopover
-                content={helpPopovers?.defaultVisibility}
-              /&gt; : null
-            }
             validate={requiredValidator}
           /&gt;
         &lt;/Col&gt;
       &lt;/Row&gt;
-      {/* Users can only configure the type of a custom property when creating it, not when editing it */}
-      {!values?.id &amp;&amp; (
-        &lt;Row&gt;
-          &lt;Col xs={6}&gt;
-            &lt;Field
-              component={Select}
-              dataOptions={[
-                { label: '', value: '' },
-                {
-                  label: intl.formatMessage({
-                    id: 'stripes-kint-components.customProperties.type.com.k_int.web.toolkit.custprops.types.CustomPropertyDecimal',
-                  }),
-                  value: 'Decimal',
-                },
-                {
-                  label: intl.formatMessage({
-                    id: 'stripes-kint-components.customProperties.type.com.k_int.web.toolkit.custprops.types.CustomPropertyInteger',
-                  }),
-                  value: 'Integer',
-                },
-                {
-                  label: intl.formatMessage({
-                    id: 'stripes-kint-components.customProperties.type.com.k_int.web.toolkit.custprops.types.CustomPropertyText',
-                  }),
-                  value: 'Text',
-                },
-                {
-                  label: intl.formatMessage({
-                    id: 'stripes-kint-components.customProperties.type.com.k_int.web.toolkit.custprops.types.CustomPropertyRefdata',
-                  }),
-                  value: 'Refdata',
-                },
-                {
-                  label: intl.formatMessage({
-                    id: 'stripes-kint-components.customProperties.type.com.k_int.web.toolkit.custprops.types.CustomPropertyLocalDate',
-                  }),
-                  value: 'LocalDate',
-                },
-              ]
-              }
-              label={labelOverrides?.type ??
-                &lt;FormattedMessage id="stripes-kint-components.customProperties.type" /&gt;
-              }
-              name="type"
-              required
-              startControl={helpPopovers?.type ?
-                &lt;InfoPopover
-                  content={helpPopovers?.type}
-                /&gt; : null
-              }
-              validate={requiredValidator}
-            /&gt;
-          &lt;/Col&gt;
-          &lt;Col xs={6}&gt;
-            {values?.type === 'Refdata' &amp;&amp; (
-              &lt;Field
-                component={Select}
-                dataOptions={[{ label: '', value: '' }, ...refdata]}
-                label={labelOverrides?.category ??
-                  &lt;FormattedMessage id="stripes-kint-components.customProperties.category" /&gt;
-                }
-                name="category"
-                required
-                startControl={helpPopovers?.category ?
-                  &lt;InfoPopover
-                    content={helpPopovers?.category}
-                  /&gt; : null
-                }
-                validate={requiredValidator}
-              /&gt;
-            )}
-          &lt;/Col&gt;
-        &lt;/Row&gt;
-      )}
     &lt;/&gt;
   );
 };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >CustomPropertyForm.propTypes = {</span>
-  contextFilterOptions: PropTypes.arrayOf(PropTypes.string),
+CustomPropertyForm.propTypes = {
+  contextFilterOptions: PropTypes.arrayOf(PropTypes.object),
   helpPopovers: PropTypes.object,
   labelOverrides: PropTypes.object,
   refdata: PropTypes.arrayOf(PropTypes.object)
@@ -1120,7 +1240,7 @@ export default CustomPropertyForm;
             <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>