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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k-int/stripes-kint-components",
-  "version": "3.2.1",
+  "version": "3.2.3",
   "description": "Stripes Component library for K-Int specific applications",
   "sideEffects": [
     "*.css"

package/src/artifacts/coverage-jest/lcov-report/ActionList/ActionList.js.html

@@ -32,7 +32,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/5</span>
+                <span class='fraction'>0/6</span>
             </div>
         
             
@@ -156,7 +156,10 @@
 <a name='L91'></a><a href='#L91'>91</a>
 <a name='L92'></a><a href='#L92'>92</a>
 <a name='L93'></a><a href='#L93'>93</a>
-<a name='L94'></a><a href='#L94'>94</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L94'></a><a href='#L94'>94</a>
+<a name='L95'></a><a href='#L95'>95</a>
+<a name='L96'></a><a href='#L96'>96</a>
+<a name='L97'></a><a href='#L97'>97</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>
@@ -186,6 +189,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-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>
@@ -204,6 +208,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-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>
@@ -246,6 +251,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-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>
@@ -267,6 +273,7 @@ const propTypes = <span class="cstat-no" title="statement not covered" >{</span>
   defaultNewObject: PropTypes.object,
   editableFields: PropTypes.object,
   fieldComponents: PropTypes.object,
+  hideActionsColumn: PropTypes.bool,
   hideCreateButton: PropTypes.bool,
   intlKey: PropTypes.string,
   intlNS: PropTypes.string,
@@ -288,6 +295,7 @@ const ActionList = <span class="cstat-no" title="statement not covered" >forward
   defaultNewObject = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
   editableFields = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
   fieldComponents = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
+  hideActionsColumn = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
   hideCreateButton,
   intlKey: passedIntlKey,
   intlNS: passedIntlNS,
@@ -321,6 +329,7 @@ const ActionList = <span class="cstat-no" title="statement not covered" >forward
               defaultNewObject={defaultNewObject}
               editableFields={editableFields}
               fieldComponents={fieldComponents}
+              hideActionsColumn={hideActionsColumn}
               hideCreateButton={hideCreateButton}
               intlKey={passedIntlKey}
               intlNS={passedIntlNS}
@@ -349,7 +358,7 @@ export default ActionList;
             <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>

package/src/artifacts/coverage-jest/lcov-report/ActionList/ActionListFieldArray.js.html

@@ -25,28 +25,28 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/119</span>
+                <span class='fraction'>0/124</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/88</span>
+                <span class='fraction'>0/93</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/30</span>
+                <span class='fraction'>0/28</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/111</span>
+                <span class='fraction'>0/118</span>
             </div>
         
             
@@ -496,7 +496,34 @@
 <a name='L431'></a><a href='#L431'>431</a>
 <a name='L432'></a><a href='#L432'>432</a>
 <a name='L433'></a><a href='#L433'>433</a>
-<a name='L434'></a><a href='#L434'>434</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L434'></a><a href='#L434'>434</a>
+<a name='L435'></a><a href='#L435'>435</a>
+<a name='L436'></a><a href='#L436'>436</a>
+<a name='L437'></a><a href='#L437'>437</a>
+<a name='L438'></a><a href='#L438'>438</a>
+<a name='L439'></a><a href='#L439'>439</a>
+<a name='L440'></a><a href='#L440'>440</a>
+<a name='L441'></a><a href='#L441'>441</a>
+<a name='L442'></a><a href='#L442'>442</a>
+<a name='L443'></a><a href='#L443'>443</a>
+<a name='L444'></a><a href='#L444'>444</a>
+<a name='L445'></a><a href='#L445'>445</a>
+<a name='L446'></a><a href='#L446'>446</a>
+<a name='L447'></a><a href='#L447'>447</a>
+<a name='L448'></a><a href='#L448'>448</a>
+<a name='L449'></a><a href='#L449'>449</a>
+<a name='L450'></a><a href='#L450'>450</a>
+<a name='L451'></a><a href='#L451'>451</a>
+<a name='L452'></a><a href='#L452'>452</a>
+<a name='L453'></a><a href='#L453'>453</a>
+<a name='L454'></a><a href='#L454'>454</a>
+<a name='L455'></a><a href='#L455'>455</a>
+<a name='L456'></a><a href='#L456'>456</a>
+<a name='L457'></a><a href='#L457'>457</a>
+<a name='L458'></a><a href='#L458'>458</a>
+<a name='L459'></a><a href='#L459'>459</a>
+<a name='L460'></a><a href='#L460'>460</a>
+<a name='L461'></a><a href='#L461'>461</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>
@@ -537,6 +564,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-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>
@@ -588,6 +616,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-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>
@@ -778,9 +807,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-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-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>
@@ -793,6 +829,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-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-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>
@@ -802,6 +844,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-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>
@@ -850,13 +893,18 @@
 <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>
 <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-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>
@@ -926,6 +974,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-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>
@@ -955,6 +1009,7 @@ const propTypes = <span class="cstat-no" title="statement not covered" >{</span>
   fields: PropTypes.object,
   fieldComponents: PropTypes.object,
   formatter: PropTypes.object,
+  hideActionsColumn: PropTypes.bool,
   hideCreateButton: PropTypes.bool,
   intlKey: PropTypes.string,
   intlNS: PropTypes.string,
@@ -1009,6 +1064,7 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
   editableFields,
   fields,
   fieldComponents,
+  hideActionsColumn = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
   hideCreateButton = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
   intlKey: passedIntlKey,
   intlNS: passedIntlNS,
@@ -1210,8 +1266,15 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
                     action={action}
                     aria-describedby={ariaIds.sub}
                     aria-labelledby={ariaIds.text}
-                    disabled={editing}
-                    onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; (<span class="cstat-no" title="statement not covered" >actionFunction ? actionFunction() : <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >null)</span></span>}
+                    disabled={!!editing}
+                    onClick={<span class="fstat-no" title="function not covered" >e </span>=&gt; {
+<span class="cstat-no" title="statement not covered" >                      e.stopPropagation();</span>
+<span class="cstat-no" title="statement not covered" >                      if (actionFunction) {</span>
+<span class="cstat-no" title="statement not covered" >                        return actionFunction();</span>
+                      }
+&nbsp;
+<span class="cstat-no" title="statement not covered" >                      return null;</span>
+                    }}
                     to={action.to}
                   /&gt;
                 )}
@@ -1225,8 +1288,15 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
               key={`action-${action.name}[${data.rowIndex}]`}
               action={action}
               ariaLabel={ariaLabel}
-              disabled={editing}
-              onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; (<span class="cstat-no" title="statement not covered" >actionFunction ? actionFunction() : <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >null)</span></span>}
+              disabled={!!editing}
+              onClick={<span class="fstat-no" title="function not covered" >e </span>=&gt; {
+<span class="cstat-no" title="statement not covered" >                e.stopPropagation();</span>
+<span class="cstat-no" title="statement not covered" >                if (actionFunction) {</span>
+<span class="cstat-no" title="statement not covered" >                  return actionFunction();</span>
+                }
+&nbsp;
+<span class="cstat-no" title="statement not covered" >                return null;</span>
+              }}
               to={action.to}
             /&gt;
           );
@@ -1281,13 +1351,18 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
               (!cd.id &amp;&amp; createFunction(cd)) ||
               (!!cd.id &amp;&amp; editFunction(cd))
           ) {
-            const validateFunction = <span class="cstat-no" title="statement not covered" >validateFields?.[key] ? validateFields?.[key](cd) : null;</span>
+            const passedObject = <span class="cstat-no" title="statement not covered" >{</span>
+              allValues: values,
+              index: cd?.fieldIndex,
+              key,
+              name: `${cd.fieldName}.${key}`,
+              rowFieldName: cd.fieldName
+            };
 &nbsp;
+            const validateFunction = <span class="cstat-no" title="statement not covered" >validateFields?.[key] ? validateFields?.[key](passedObject) : null;</span>
 <span class="cstat-no" title="statement not covered" >            returnValue =</span>
               fieldComponents[key] ?
-              fieldComponents[key]({
-                name: `${cd.fieldName}.${key}`
-              }) :
+              fieldComponents[key](passedObject) :
               &lt;Field
                 autoFocus={autoFocus}
                 component={TextField}
@@ -1317,7 +1392,7 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
         &lt;/Headline&gt;
         {!hideCreateButton &amp;&amp;
           &lt;Button
-            disabled={editing || !createCallback}
+            disabled={!!editing || !createCallback}
             marginBottom0
             onClick={handleClickCreate}
           &gt;
@@ -1352,7 +1427,13 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
 <span class="cstat-no" title="statement not covered" >            onRowClick(e, rowWithoutActions);</span>
           }
         } : null}
-        visibleColumns={[...visibleFields, 'actionListActions']}
+        visibleColumns={(
+            !hideActionsColumn ||
+            !!editing
+          ) ?
+            [...visibleFields, 'actionListActions'] :
+            visibleFields
+        }
         {...restOfMclProps}
       /&gt;
     &lt;/&gt;
@@ -1369,7 +1450,7 @@ export default ActionListFieldArray;
             <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>

package/src/artifacts/coverage-jest/lcov-report/ActionList/index.html

@@ -25,28 +25,28 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/128</span>
+                <span class='fraction'>0/133</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/93</span>
+                <span class='fraction'>0/99</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/35</span>
+                <span class='fraction'>0/33</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/119</span>
+                <span class='fraction'>0/126</span>
             </div>
         
             
@@ -86,7 +86,7 @@
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="9" class="abs low">0/9</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="5" class="abs low">0/5</td>
+	<td data-value="6" class="abs low">0/6</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="5" class="abs low">0/5</td>
 	<td data-value="0" class="pct low">0%</td>
@@ -99,13 +99,13 @@
 	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
 	</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="119" class="abs low">0/119</td>
+	<td data-value="124" class="abs low">0/124</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="88" class="abs low">0/88</td>
+	<td data-value="93" class="abs low">0/93</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="30" class="abs low">0/30</td>
+	<td data-value="28" class="abs low">0/28</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="111" class="abs low">0/111</td>
+	<td data-value="118" class="abs low">0/118</td>
 	</tr>
 
 <tr>
@@ -131,7 +131,7 @@
             <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>

package/src/artifacts/coverage-jest/lcov-report/ActionList/index.js.html

@@ -73,7 +73,7 @@
             <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>