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

package/src/artifacts/coverage-jest/lcov-report/EditableRefdataList/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/41</span>
+                <span class='fraction'>0/45</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/20</span>
+                <span class='fraction'>0/35</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/17</span>
+                <span class='fraction'>0/16</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/40</span>
+                <span class='fraction'>0/44</span>
             </div>
         
             
@@ -84,13 +84,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="41" class="abs low">0/41</td>
+	<td data-value="45" class="abs low">0/45</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="20" class="abs low">0/20</td>
+	<td data-value="35" class="abs low">0/35</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="17" class="abs low">0/17</td>
+	<td data-value="16" class="abs low">0/16</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="40" class="abs low">0/40</td>
+	<td data-value="44" class="abs low">0/44</td>
 	</tr>
 
 <tr>
@@ -116,7 +116,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 2023-01-18T10:53:27.335Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/EditableRefdataList/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 2023-01-18T10:53:27.335Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/EditableSettingsList.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/1</span>
+                <span class='fraction'>0/2</span>
             </div>
         
             
@@ -125,7 +125,10 @@
 <a name='L60'></a><a href='#L60'>60</a>
 <a name='L61'></a><a href='#L61'>61</a>
 <a name='L62'></a><a href='#L62'>62</a>
-<a name='L63'></a><a href='#L63'>63</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</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>
@@ -142,6 +145,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>
@@ -170,6 +174,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>
@@ -187,6 +192,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-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
 import PropTypes from 'prop-types';
 import { FieldArray } from 'react-final-form-arrays';
@@ -196,6 +202,7 @@ import arrayMutators from 'final-form-arrays';
 import EditableSettingsListFieldArray from './EditableSettingsListFieldArray';
 &nbsp;
 const EditableSettingsList = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span></span>
+  allowEdit = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span> // A gloabal boolean permission to turn on/off editing of all appSettings in the frontend
   data,
   initialValues,
   intlKey: passedIntlKey,
@@ -217,6 +224,7 @@ const EditableSettingsList = <span class="cstat-no" title="statement not covered
       {<span class="fstat-no" title="function not covered" >({</span> handleSubmit }) =&gt; (
 <span class="cstat-no" title="statement not covered" >        &lt;form onSubmit={handleSubmit}&gt;</span>
           &lt;FieldArray
+            allowEdit={allowEdit}
             component={EditableSettingsListFieldArray}
             data={data}
             intlKey={passedIntlKey}
@@ -233,7 +241,7 @@ const EditableSettingsList = <span class="cstat-no" title="statement not covered
 };
 &nbsp;
 <span class="cstat-no" title="statement not covered" >EditableSettingsList.propTypes = {</span>
-  onSave: PropTypes.func,
+  allowEdit: PropTypes.bool,
   data: PropTypes.shape({
     refdatavalues: PropTypes.arrayOf(PropTypes.object)
   }),
@@ -246,6 +254,7 @@ const EditableSettingsList = <span class="cstat-no" title="statement not covered
     PropTypes.object
   ]),
   labelOverrides: PropTypes.object,
+  onSave: PropTypes.func,
 };
 &nbsp;
 export default EditableSettingsList;
@@ -256,7 +265,7 @@ export default EditableSettingsList;
             <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 2023-01-18T10:53:27.335Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">62.5% </span>
+                <span class="strong">25% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>5/8</span>
+                <span class='fraction'>2/8</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>1/1</span>
+                <span class='fraction'>0/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>2/4</span>
+                <span class='fraction'>0/4</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">62.5% </span>
+                <span class="strong">25% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>5/8</span>
+                <span class='fraction'>2/8</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line medium'></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>
@@ -118,7 +118,10 @@
 <a name='L53'></a><a href='#L53'>53</a>
 <a name='L54'></a><a href='#L54'>54</a>
 <a name='L55'></a><a href='#L55'>55</a>
-<a name='L56'></a><a href='#L56'>56</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</a>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</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>
@@ -132,14 +135,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">3x</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-yes">3x</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">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>
@@ -173,30 +178,33 @@
 <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></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
 import PropTypes from 'prop-types';
 import { Field } from 'react-final-form';
 &nbsp;
 import { SettingField } from './SettingField';
 &nbsp;
-const EditableSettingsListFieldArray = ({
+const EditableSettingsListFieldArray = <span class="fstat-no" title="function not covered" >({</span>
+  allowEdit = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span>
   data,
   fields,
   intlKey: passedIntlKey,
   intlNS: passedIntlNS,
-  labelOverrides = {},
+  labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
   onSave
 }) =&gt; {
-  const handleSave = <span class="fstat-no" title="function not covered" >(i</span>ndex) =&gt; {
+  const handleSave = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(i</span>ndex) =&gt; {</span>
     const setting = <span class="cstat-no" title="statement not covered" >fields.value[index];</span>
 <span class="cstat-no" title="statement not covered" >    return onSave(setting);</span>
   };
 &nbsp;
-  return (
-    fields.map((setting, i) =&gt; {
-      return (
+<span class="cstat-no" title="statement not covered" >  return (</span>
+    fields.map(<span class="fstat-no" title="function not covered" >(s</span>etting, i) =&gt; {
+<span class="cstat-no" title="statement not covered" >      return (</span>
         &lt;Field
           key={setting}
+          allowEdit={allowEdit}
           component={SettingField}
           data-testid={`editableSettingsListFieldArray[${i}]`}
           intlKey={passedIntlKey}
@@ -215,6 +223,7 @@ const EditableSettingsListFieldArray = ({
 };
 &nbsp;
 EditableSettingsListFieldArray.propTypes = {
+  allowEdit: PropTypes.bool,
   fields: PropTypes.object,
   intlKey: PropTypes.string,
   intlNS: PropTypes.string,
@@ -235,7 +244,7 @@ export default EditableSettingsListFieldArray;
             <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 2023-01-18T10:53:27.335Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/SettingField/EditSettingValue.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">77.77% </span>
+                <span class="strong">11.11% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>14/18</span>
+                <span class='fraction'>2/18</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">88.88% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>8/9</span>
+                <span class='fraction'>0/9</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">40% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>2/5</span>
+                <span class='fraction'>0/5</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">77.77% </span>
+                <span class="strong">11.11% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>14/18</span>
+                <span class='fraction'>2/18</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line medium'></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>
@@ -192,25 +192,25 @@
 <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">16x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">16x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">16x</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">16x</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">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">4x</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-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>
@@ -233,12 +233,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">6x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">12x</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">6x</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>
@@ -250,7 +250,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">2x</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>
@@ -292,34 +292,34 @@ import {
 import RefdataButtons from '../../RefdataButtons';
 import { useKintIntl } from '../../hooks';
 &nbsp;
-const EditSettingValue = (props) =&gt; {
+const EditSettingValue = <span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {
   const {
     currentSetting: setting,
     input,
     intlKey: passedIntlKey,
     intlNS: passedIntlNS,
-    labelOverrides = {},
+    labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
     refdata,
     templates
-  } = props;
+  } = <span class="cstat-no" title="statement not covered" >props;</span>
 &nbsp;
-  const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
+  const kintIntl = <span class="cstat-no" title="statement not covered" >useKintIntl(passedIntlKey, passedIntlNS);</span>
 &nbsp;
-  const fieldLabel = kintIntl.formatKintMessage({
+  const fieldLabel = <span class="cstat-no" title="statement not covered" >kintIntl.formatKintMessage({</span>
     id: 'settings.valueFor',
     overrideValue: labelOverrides?.valueFor
   }, { name: setting.key });
 &nbsp;
-  switch (setting.settingType) {
+<span class="cstat-no" title="statement not covered" >  switch (setting.settingType) {</span>
     case 'Refdata':
       // Grab refdata values corresponding to setting
       // eslint-disable-next-line no-case-declarations
-      let RefdataComponent = Select;
-      if (refdata.length &gt; 0 &amp;&amp; refdata.length &lt;= 4) {
-        RefdataComponent = RefdataButtons;
+      let RefdataComponent = <span class="cstat-no" title="statement not covered" >Select;</span>
+<span class="cstat-no" title="statement not covered" >      if (refdata.length &gt; 0 &amp;&amp; refdata.length &lt;= 4) {</span>
+<span class="cstat-no" title="statement not covered" >        RefdataComponent = RefdataButtons;</span>
       }
 &nbsp;
-      return (
+<span class="cstat-no" title="statement not covered" >      return (</span>
         &lt;Field
           aria-label={fieldLabel}
           component={RefdataComponent}
@@ -328,7 +328,7 @@ const EditSettingValue = (props) =&gt; {
         /&gt;
       );
 &nbsp;
-<span class="branch-1 cbranch-no" title="branch not covered" >    case 'Password':</span>
+    case 'Password':
 <span class="cstat-no" title="statement not covered" >      return (</span>
         &lt;Field
           aria-label={fieldLabel}
@@ -342,12 +342,12 @@ const EditSettingValue = (props) =&gt; {
     case 'Template': {
       // Grab refdata values corresponding to setting
       // eslint-disable-next-line no-case-declarations
-      const selectTemplateValues = [
+      const selectTemplateValues = <span class="cstat-no" title="statement not covered" >[</span>
         { value: '', label: '' },
-        ...templates.map(t =&gt; ({ value: t.id, label: t.name }))
+        ...templates.map(<span class="fstat-no" title="function not covered" >t </span>=&gt; (<span class="cstat-no" title="statement not covered" >{ value: t.id, label: t.name })</span>)
       ];
 &nbsp;
-      return (
+<span class="cstat-no" title="statement not covered" >      return (</span>
         &lt;Field
           aria-label={fieldLabel}
           component={Select}
@@ -359,7 +359,7 @@ const EditSettingValue = (props) =&gt; {
     }
     default:
       // If in doubt, go with String
-      return (
+<span class="cstat-no" title="statement not covered" >      return (</span>
         &lt;Field
           aria-label={fieldLabel}
           autoFocus
@@ -397,7 +397,7 @@ export default EditSettingValue;
             <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 2023-01-18T10:53:27.335Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../../prettify.js"></script>
         <script>