@k-int/stripes-kint-components 3.2.1 → 3.2.3

package/src/artifacts/coverage-jest/lcov-report/CustomProperties/Edit/CustomPropertiesListField.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">83.33% </span>
+                <span class="strong">7.54% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>45/54</span>
+                <span class='fraction'>4/53</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">68.75% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>22/32</span>
+                <span class='fraction'>0/32</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">88.88% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>16/18</span>
+                <span class='fraction'>0/18</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">84.31% </span>
+                <span class="strong">8% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>43/51</span>
+                <span class='fraction'>4/50</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line high'></div>
+    <div class='status-line low'></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>
@@ -310,8 +310,7 @@
 <a name='L245'></a><a href='#L245'>245</a>
 <a name='L246'></a><a href='#L246'>246</a>
 <a name='L247'></a><a href='#L247'>247</a>
-<a name='L248'></a><a href='#L248'>248</a>
-<a name='L249'></a><a href='#L249'>249</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L248'></a><a href='#L248'>248</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>
@@ -333,12 +332,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-yes">11x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">11x</span>
-<span class="cline-any cline-yes">11x</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">11x</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>
@@ -349,15 +348,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-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">96x</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">8x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">11x</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>
@@ -374,16 +372,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">11x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">22x</span>
-<span class="cline-any cline-yes">22x</span>
-<span class="cline-any cline-yes">132x</span>
-<span class="cline-any cline-yes">132x</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">66x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">66x</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>
@@ -404,13 +402,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-yes">132x</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">11x</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">11x</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>
@@ -424,7 +422,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-yes">132x</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>
@@ -438,7 +436,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-yes">132x</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>
@@ -464,14 +462,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-yes">8x</span>
-<span class="cline-any cline-yes">8x</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">8x</span>
-<span class="cline-any cline-yes">96x</span>
-<span class="cline-any cline-yes">96x</span>
-<span class="cline-any cline-yes">32x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -483,7 +481,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-yes">96x</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>
@@ -494,32 +492,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">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">96x</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-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">88x</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">38x</span>
-<span class="cline-any cline-yes">3x</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-yes">5x</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">8x</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-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>
@@ -567,7 +565,7 @@ import { Button, Headline, KeyValue } from '@folio/stripes/components';
 import { useKintIntl } from '../../hooks';
 import CustomPropertyFormCard from './CustomPropertyFormCard';
 &nbsp;
-const CustomPropertiesList = ({
+const CustomPropertiesList = <span class="fstat-no" title="function not covered" >({</span>
   availableCustomProperties = <span class="branch-0 cbranch-no" title="branch not covered" >[],</span>
   input: {
     name,
@@ -581,12 +579,12 @@ const CustomPropertiesList = ({
     pristine
   },
 }) =&gt; {
-  const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
+  const kintIntl = <span class="cstat-no" title="statement not covered" >useKintIntl(passedIntlKey, passedIntlNS);</span>
 &nbsp;
-  const [customProperties, setCustomProperties] = useState([]); // This is the list of customProperties we're currently displaying for edit.
-  const [dirtying, setDirtying] = useState(false);
+  const [customProperties, setCustomProperties] = <span class="cstat-no" title="statement not covered" >useState([]);</span> // This is the list of customProperties we're currently displaying for edit.
+  const [dirtying, setDirtying] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
 &nbsp;
-  useEffect(() =&gt; {
+<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
     // When the user loads this form, we want to init the list of customProperties
     // we're displaying (state.customProperties) with the list of customProperties that have been set
     // either via defaults or previously-saved data. Since that data may come in
@@ -597,15 +595,14 @@ const CustomPropertiesList = ({
     // the component when we add/remove rows. That happens _before_ `onChange` is called,
     // so internally we use `state.dirtying` to show that we just initiated an action
     // that will result in a dirty component.
-    <span class="missing-if-branch" title="else path not taken" >E</span>if (pristine &amp;&amp; !dirtying) {
-      setCustomProperties(availableCustomProperties.filter(
-        customProperty =&gt; value[customProperty.value] !== undefined
+<span class="cstat-no" title="statement not covered" >    if (pristine &amp;&amp; !dirtying) {</span>
+<span class="cstat-no" title="statement not covered" >      setCustomProperties(availableCustomProperties.filter(</span>
+<span class="fstat-no" title="function not covered" >        cu</span>stomProperty =&gt; <span class="cstat-no" title="statement not covered" >value[customProperty.value] !== undefined</span>
       ));
     }
-    return null;
   }, [availableCustomProperties, dirtying, pristine, value]);
 &nbsp;
-  const handleDeleteCustomProperty = <span class="fstat-no" title="function not covered" >(c</span>ustomProperty, i) =&gt; {
+  const handleDeleteCustomProperty = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(c</span>ustomProperty, i) =&gt; {</span>
     const currentValue = <span class="cstat-no" title="statement not covered" >value[customProperty.value]?.[0] ?? {};</span>
 &nbsp;
     const newCustomProperties = <span class="cstat-no" title="statement not covered" >[...customProperties];</span>
@@ -622,16 +619,16 @@ const CustomPropertiesList = ({
     });
   };
 &nbsp;
-  const renderCustomProperties = (customPropertyType) =&gt; {
+  const renderCustomProperties = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(c</span>ustomPropertyType) =&gt; {</span>
     // This is necessary to track individually since "index" will span primary/optional for a given set
-    let internalPropertyCounter = 0;
-    return customProperties.map((customProperty, index) =&gt; {
-      <span class="missing-if-branch" title="if path not taken" >I</span>if (customPropertyType === 'primary' &amp;&amp; !customProperty.primary) <span class="cstat-no" title="statement not covered" >return undefined;</span>
-      if (customPropertyType === 'optional' &amp;&amp; customProperty.primary) return undefined;
+    let internalPropertyCounter = <span class="cstat-no" title="statement not covered" >0;</span>
+<span class="cstat-no" title="statement not covered" >    return customProperties.map(<span class="fstat-no" title="function not covered" >(c</span>ustomProperty, index) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >      if (customPropertyType === 'primary' &amp;&amp; !customProperty.primary) <span class="cstat-no" title="statement not covered" >return undefined;</span></span>
+<span class="cstat-no" title="statement not covered" >      if (customPropertyType === 'optional' &amp;&amp; customProperty.primary) <span class="cstat-no" title="statement not covered" >return undefined;</span></span>
 &nbsp;
-      internalPropertyCounter += 1;
+<span class="cstat-no" title="statement not covered" >      internalPropertyCounter += 1;</span>
 &nbsp;
-      return (
+<span class="cstat-no" title="statement not covered" >      return (</span>
         &lt;CustomPropertyFormCard
           key={`customPropertyField-${customProperty.value}-${index}`}
           {...{
@@ -652,13 +649,13 @@ const CustomPropertiesList = ({
           }}
         /&gt;
       );
-    }).filter(cp =&gt; cp !== undefined);
+    }).filter(<span class="fstat-no" title="function not covered" >cp</span> =&gt; <span class="cstat-no" title="statement not covered" >cp !== undefined)</span>;
   };
 &nbsp;
-  return (
+<span class="cstat-no" title="statement not covered" >  return (</span>
     &lt;&gt;
       {
-        availableCustomProperties.some((customProperty = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; customProperty.primary) &amp;&amp;
+        availableCustomProperties.some(<span class="fstat-no" title="function not covered" >(c</span>ustomProperty = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; <span class="cstat-no" title="statement not covered" >customProperty.primary)</span> &amp;&amp;
           &lt;KeyValue
             label={
               &lt;Headline margin="x-small" size="large" tag="h4"&gt;
@@ -672,7 +669,7 @@ const CustomPropertiesList = ({
           /&gt;
       }
       {
-        availableCustomProperties.some((customProperty = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; !customProperty.primary) &amp;&amp;
+        availableCustomProperties.some(<span class="fstat-no" title="function not covered" >(c</span>ustomProperty = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; <span class="cstat-no" title="statement not covered" >!customProperty.primary)</span> &amp;&amp;
           &lt;KeyValue
             label={
               &lt;Headline margin="x-small" size="large" tag="h4"&gt;
@@ -686,7 +683,7 @@ const CustomPropertiesList = ({
           /&gt;
       }
       {
-        availableCustomProperties.some((customProperty = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; !customProperty.primary) &amp;&amp;
+        availableCustomProperties.some(<span class="fstat-no" title="function not covered" >(c</span>ustomProperty = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; <span class="cstat-no" title="statement not covered" >!customProperty.primary)</span> &amp;&amp;
         &lt;Button
           id="add-customproperty-btn"
           onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
@@ -704,22 +701,22 @@ const CustomPropertiesList = ({
   );
 };
 &nbsp;
-const CustomPropertiesListField = ({
+const CustomPropertiesListField = <span class="fstat-no" title="function not covered" >({</span>
   ctx,
   customProperties,
   intlKey: passedIntlKey,
   intlNS: passedIntlNS,
-  labelOverrides = {},
+  labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
   ...fieldProps
 }) =&gt; {
-  const fieldRef = useRef();
-  const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
+  const fieldRef = <span class="cstat-no" title="statement not covered" >useRef();</span>
+  const kintIntl = <span class="cstat-no" title="statement not covered" >useKintIntl(passedIntlKey, passedIntlNS);</span>
 &nbsp;
   // Map customProperties to bring together the options and the definition values
-  const availableCustomProperties = customProperties?.map(customProperty =&gt; {
-    let options = customProperty?.category?.values;
-    if (options) {
-      options = [
+  const availableCustomProperties = <span class="cstat-no" title="statement not covered" >customProperties?.map(<span class="fstat-no" title="function not covered" >cu</span>stomProperty =&gt; {</span>
+    let options = <span class="cstat-no" title="statement not covered" >customProperty?.category?.values;</span>
+<span class="cstat-no" title="statement not covered" >    if (options) {</span>
+<span class="cstat-no" title="statement not covered" >      options = [</span>
         {
           label: kintIntl.formatKintMessage({
             id: 'notSet',
@@ -731,7 +728,7 @@ const CustomPropertiesListField = ({
       ];
     }
 &nbsp;
-    return {
+<span class="cstat-no" title="statement not covered" >    return {</span>
       description: customProperty.description,
       label: customProperty.label,
       primary: customProperty.primary,
@@ -742,32 +739,32 @@ const CustomPropertiesListField = ({
     };
   });
 &nbsp;
-  const { initialValues } = useFormState();
-  const getInitialValue = () =&gt; {
-    const cps = {};
-    (customProperties || <span class="branch-1 cbranch-no" title="branch not covered" >[])</span>
-      .filter(cp =&gt; cp.primary)
+  const { initialValues } = <span class="cstat-no" title="statement not covered" >useFormState();</span>
+  const getInitialValue = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+    const cps = <span class="cstat-no" title="statement not covered" >{};</span>
+<span class="cstat-no" title="statement not covered" >    (customProperties || [])</span>
+      .filter(<span class="fstat-no" title="function not covered" >cp</span> =&gt; <span class="cstat-no" title="statement not covered" >cp.primary)</span>
       // Change default to be an ignored customProperty.
       // This means any changes without setting the value will be ignored
-      .forEach(cp =&gt; { cps[cp.name] = [{ _delete: true }]; });
+      .forEach(<span class="fstat-no" title="function not covered" >cp</span> =&gt; { <span class="cstat-no" title="statement not covered" >cps[cp.name] = [{ _delete: true }]; </span>});
 &nbsp;
     // IMPORTANT -- All customproperty ctx sections are adding to the same "initialValue" field
     // Ensure that we don't already have initialValues for this particular set before setting them,
     // to ensure no looping behaviour
-    if (Object.keys(cps).every(key =&gt; initialValues.customProperties?.[key] !== undefined)) {
-      return initialValues.customProperties;
+<span class="cstat-no" title="statement not covered" >    if (Object.keys(cps).every(<span class="fstat-no" title="function not covered" >ke</span>y =&gt; <span class="cstat-no" title="statement not covered" >initialValues.customProperties?.[key] !== undefined)</span>) {</span>
+<span class="cstat-no" title="statement not covered" >      return initialValues.customProperties;</span>
     }
 &nbsp;
     // Ensure that if we already had these values in initialvalues they're not overwritten
-    return ({ ...cps, ...initialValues.customProperties });
+<span class="cstat-no" title="statement not covered" >    return ({ ...cps, ...initialValues.customProperties });</span>
   };
 &nbsp;
-  return (
+<span class="cstat-no" title="statement not covered" >  return (</span>
     &lt;Field
       {...fieldProps}
       initialValue={getInitialValue()}
-      render={p =&gt; {
-        return (
+      render={<span class="fstat-no" title="function not covered" >p </span>=&gt; {
+<span class="cstat-no" title="statement not covered" >        return (</span>
           &lt;CustomPropertiesList
             ref={fieldRef}
             availableCustomProperties={availableCustomProperties}
@@ -814,7 +811,7 @@ export default CustomPropertiesListField;
             <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 2022-11-03T13:44:33.087Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../../prettify.js"></script>
         <script>