npm - @k-int/stripes-kint-components - Versions diffs - 2.8.2 → 2.8.4 - Mend

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

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 (316) hide show

package/src/artifacts/coverage-jest/lcov-report/CustomProperties/Edit/CustomPropertiesListField.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">80.85% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/48</span>
+                <span class='fraction'>38/47</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">65.71% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/34</span>
+                <span class='fraction'>23/35</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">88.23% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/17</span>
+                <span class='fraction'>15/17</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">81.81% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/45</span>
+                <span class='fraction'>36/44</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>
@@ -266,7 +266,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>
@@ -278,10 +278,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">13x</span>
+<span class="cline-any cline-yes">13x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">13x</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>
@@ -292,15 +292,15 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-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">9x</span>
+<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-yes">88x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">13x</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>
@@ -317,16 +317,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-no">&nbsp;</span>
+<span class="cline-any cline-yes">13x</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">16x</span>
+<span class="cline-any cline-yes">16x</span>
+<span class="cline-any cline-yes">104x</span>
+<span class="cline-any cline-yes">104x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">52x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">52x</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>
@@ -345,27 +345,27 @@
 <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">104x</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">13x</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">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-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">104x</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-yes">104x</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>
@@ -383,41 +383,41 @@
 <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>
 <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">9x</span>
+<span class="cline-any cline-yes">9x</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-no">&nbsp;</span>
+<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-yes">198x</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">117x</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">57x</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-yes">5x</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">9x</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-yes">9x</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>
@@ -431,13 +431,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-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>
 <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>
@@ -460,22 +460,22 @@ import { FormattedMessage } from 'react-intl';
 import { useAvailableCustomProperties } from '../../hooks';
 import CustomPropertyFormCard from './CustomPropertyFormCard';
 &nbsp;
-const CustomPropertiesList = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span></span>
+const CustomPropertiesList = ({
   availableCustomProperties = <span class="branch-0 cbranch-no" title="branch not covered" >[],</span>
   input: {
     name,
     onChange,
     value
   },
-  labelOverrides,
+  labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
   meta: {
     pristine
   },
 }) =&gt; {
-  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>
+  const [customProperties, setCustomProperties] = useState([]); // This is the list of customProperties we're currently displaying for edit.
+  const [dirtying, setDirtying] = useState(false);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+  useEffect(() =&gt; {
     // 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
@@ -486,15 +486,15 @@ const CustomPropertiesList = <span class="cstat-no" title="statement not covered
     // 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="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>
+    <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" >    return null;</span>
+&nbsp;
   }, [availableCustomProperties, dirtying, pristine, value]);
 &nbsp;
-  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 handleDeleteCustomProperty = <span class="fstat-no" title="function not covered" >(c</span>ustomProperty, i) =&gt; {
     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>
@@ -511,16 +511,16 @@ const CustomPropertiesList = <span class="cstat-no" title="statement not covered
     });
   };
 &nbsp;
-  const renderCustomProperties = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(c</span>ustomPropertyType) =&gt; {</span>
+  const renderCustomProperties = (customPropertyType) =&gt; {
     // This is necessary to track individually since "index" will span primary/optional for a given set
-    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>
+    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;
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      internalPropertyCounter += 1;</span>
+      internalPropertyCounter += 1;
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      return (</span>
+      return (
         &lt;CustomPropertyFormCard
           key={`customPropertyField-${customProperty.value}-${index}`}
           {...{
@@ -539,27 +539,27 @@ const CustomPropertiesList = <span class="cstat-no" title="statement not covered
           }}
         /&gt;
       );
-    }).filter(<span class="fstat-no" title="function not covered" >cp</span> =&gt; <span class="cstat-no" title="statement not covered" >cp !== undefined)</span>;
+    }).filter(cp =&gt; cp !== undefined);
   };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
+  return (
     &lt;&gt;
       {
-        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;
+        availableCustomProperties.some((customProperty = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; customProperty.primary) &amp;&amp;
           &lt;KeyValue
-            label={labelOverrides.primaryProperties ?? &lt;FormattedMessage id="stripes-kint-components.customProperties.primaryProperties" /&gt;}
+            label={labelOverrides.primaryProperties ?? <span class="branch-1 cbranch-no" title="branch not covered" >&lt;FormattedMessage id="stripes-kint-components.customProperties.primaryProperties" /&gt;}</span>
             value={renderCustomProperties('primary')}
           /&gt;
       }
       {
-        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;
+        availableCustomProperties.some((customProperty = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; !customProperty.primary) &amp;&amp;
           &lt;KeyValue
-            label={labelOverrides.optionalProperties ?? &lt;FormattedMessage id="stripes-kint-components.customProperties.optionalProperties" /&gt;}
+            label={labelOverrides.optionalProperties ?? <span class="branch-1 cbranch-no" title="branch not covered" >&lt;FormattedMessage id="stripes-kint-components.customProperties.optionalProperties" /&gt;}</span>
             value={renderCustomProperties('optional')}
           /&gt;
       }
       {
-        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;
+        availableCustomProperties.some((customProperty = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; !customProperty.primary) &amp;&amp;
         &lt;Button
           id="add-customproperty-btn"
           onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
@@ -577,41 +577,41 @@ const CustomPropertiesList = <span class="cstat-no" title="statement not covered
   );
 };
 &nbsp;
-const CustomPropertiesListField = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span></span>
+const CustomPropertiesListField = ({
   ctx,
   customProperties,
   labelOverrides,
   ...fieldProps
 }) =&gt; {
-  const fieldRef = <span class="cstat-no" title="statement not covered" >useRef();</span>
-  const availableCustomProperties = <span class="cstat-no" title="statement not covered" >useAvailableCustomProperties(customProperties);</span>
+  const fieldRef = useRef();
+  const availableCustomProperties = useAvailableCustomProperties(customProperties);
 &nbsp;
-  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>
+  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)
       // Change default to be an ignored customProperty.
       // This means any changes without setting the value will be ignored
-      .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>});
+      .forEach(cp =&gt; { cps[cp.name] = [{ _delete: true }]; });
 &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
-<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>
+    if (Object.keys(cps).every(key =&gt; initialValues.customProperties?.[key] !== undefined)) {
+      return initialValues.customProperties;
     }
 &nbsp;
     // Ensure that if we already had these values in initialvalues they're not overwritten
-<span class="cstat-no" title="statement not covered" >    return ({ ...cps, ...initialValues.customProperties });</span>
+    return ({ ...cps, ...initialValues.customProperties });
   };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
+  return (
     &lt;Field
       {...fieldProps}
       initialValue={getInitialValue()}
-      render={<span class="fstat-no" title="function not covered" >p </span>=&gt; {
-<span class="cstat-no" title="statement not covered" >        return (</span>
+      render={p =&gt; {
+        return (
           &lt;CustomPropertiesList
             ref={fieldRef}
             availableCustomProperties={availableCustomProperties}
@@ -625,13 +625,13 @@ const CustomPropertiesListField = <span class="cstat-no" title="statement not co
   );
 };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >CustomPropertiesListField.propTypes = {</span>
+CustomPropertiesListField.propTypes = {
   ctx: PropTypes.string,
   customProperties: PropTypes.arrayOf(PropTypes.object),
   labelOverrides: PropTypes.object,
 };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >CustomPropertiesList.propTypes = {</span>
+CustomPropertiesList.propTypes = {
   availableCustomProperties: PropTypes.arrayOf(PropTypes.object),
   ctx: PropTypes.string,
   input: PropTypes.shape({
@@ -652,7 +652,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 Thu Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
+                at 2022-11-22T09:57:19.883Z
             </div>
         <script src="../../prettify.js"></script>
         <script>