@k-int/stripes-kint-components 5.29.0 → 5.30.0

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">81.25% </span>
+                <span class="strong">86.66% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>13/16</span>
+                <span class='fraction'>13/15</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">66.66% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>3/3</span>
+                <span class='fraction'>4/6</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75% </span>
+                <span class="strong">83.33% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>6/8</span>
+                <span class='fraction'>5/6</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">80% </span>
+                <span class="strong">85.71% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>12/15</span>
+                <span class='fraction'>12/14</span>
             </div>
         
             
@@ -181,7 +181,9 @@
 <a name='L116'></a><a href='#L116'>116</a>
 <a name='L117'></a><a href='#L117'>117</a>
 <a name='L118'></a><a href='#L118'>118</a>
-<a name='L119'></a><a href='#L119'>119</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L119'></a><a href='#L119'>119</a>
+<a name='L120'></a><a href='#L120'>120</a>
+<a name='L121'></a><a href='#L121'>121</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>
@@ -203,6 +205,11 @@
 <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>
+<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-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -227,11 +234,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">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</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-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>
@@ -244,28 +253,22 @@
 <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">23x</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">23x</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">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-neutral">&nbsp;</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-yes">3x</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>
@@ -285,6 +288,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-yes">23x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -308,7 +312,6 @@ import { SettingField } from '../SettingField';
 &nbsp;
 const EditableSettingsListField = ({
   allowEdit,
-  data,
   fields,
   handleSave,
   index,
@@ -316,20 +319,25 @@ const EditableSettingsListField = ({
   intlNS,
   labelOverrides,
   render,
-  setting
+  setting,
+  settingData: passedSettingData,
 }) =&gt; {
   // Handle editing or not at this level
   const [editing, setEditing] = useState(false);
+  // This is really grim.
+  // Set up whether this setting is submitting or not.
+  // Submitting in the form level applies to ALL
+  const [settingSubmitting, setSettingSubmitting] = useState(false);
+&nbsp;
 &nbsp;
   const settingData = useMemo(() =&gt; ({
-    currentSetting: fields.value[index],
-    ...fields,
-  }), [fields, index]);
+    currentSetting: passedSettingData.settings[index],
+    ...passedSettingData,
+  }), [index, passedSettingData]);
 &nbsp;
   const DefaultField = useCallback(() =&gt; {
     return (
       &lt;Field
-        key={setting}
         allowEdit={allowEdit}
         component={SettingField}
         data-testid={`editableSettingsListFieldArray[${index}]`}
@@ -337,17 +345,23 @@ const EditableSettingsListField = ({
         intlKey={intlKey}
         intlNS={intlNS}
         labelOverrides={labelOverrides}
-        name={setting}
-        onSave={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >handleSave(index)}</span>
+        name={`${setting}.value`}
+        onSave={handleSave}
+        parse={<span class="fstat-no" title="function not covered" >v </span>=&gt; <span class="cstat-no" title="statement not covered" >v}</span>
         setEditing={setEditing}
+        setSettingSubmitting={setSettingSubmitting}
         settingData={settingData}
+        settingSubmitting={settingSubmitting}
       /&gt;
     );
-  }, [allowEdit, editing, handleSave, index, intlKey, intlNS, labelOverrides, setting, settingData]);
+  }, [allowEdit, editing, handleSave, index, intlKey, intlNS, labelOverrides, setting, settingData, settingSubmitting]);
+&nbsp;
+  <span class="missing-if-branch" title="else path not taken" >E</span>if (!render || <span class="branch-1 cbranch-no" title="branch not covered" >render instanceof Function)</span> {
+    return &lt;DefaultField key={`${setting}-default-field`} /&gt;;
+  }
 &nbsp;
-  return render({
+<span class="cstat-no" title="statement not covered" >  return render({</span>
     allowEdit,
-    data,
     DefaultField,
     editing,
     fields,
@@ -356,47 +370,39 @@ const EditableSettingsListField = ({
     intlKey,
     intlNS,
     setEditing,
+    setSettingSubmitting,
     setting,
     settingData,
     SettingFieldComponent: SettingField,
+    settingSubmitting
   });
 };
 &nbsp;
 const EditableSettingsListFieldArray = ({
   allowEdit: passedAllowEdit = true,
-  data: passedData,
   fields: passedFields,
   intlKey: passedIntlKey,
   intlNS: passedIntlNS,
   labelOverrides = {},
   onSave,
-  render = ({
-    DefaultField,
-  }) =&gt; {
-    return (
-      &lt;DefaultField /&gt;
-    );
-  }
+  render,
+  settingData
 }) =&gt; {
-  const handleSave = <span class="fstat-no" title="function not covered" >(i</span>ndex) =&gt; {
-    const setting = <span class="cstat-no" title="statement not covered" >passedFields.value[index];</span>
-<span class="cstat-no" title="statement not covered" >    return onSave(setting);</span>
-  };
-&nbsp;
   return (
     passedFields.map((setting, i) =&gt; {
       return (
         &lt;EditableSettingsListField
+          key={setting}
           allowEdit={passedAllowEdit}
-          data={passedData}
           fields={passedFields}
-          handleSave={handleSave}
+          handleSave={onSave}
           index={i}
           intlKey={passedIntlKey}
           intlNS={passedIntlNS}
           labelOverrides={labelOverrides}
           render={render}
           setting={setting}
+          settingData={settingData}
         /&gt;
       );
     })
@@ -424,7 +430,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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Settings/EditableSettingsList/EditableSettingsListFieldArray/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">81.25% </span>
+                <span class="strong">86.66% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>13/16</span>
+                <span class='fraction'>13/15</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">66.66% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>3/3</span>
+                <span class='fraction'>4/6</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75% </span>
+                <span class="strong">83.33% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>6/8</span>
+                <span class='fraction'>5/6</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">80% </span>
+                <span class="strong">85.71% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>12/15</span>
+                <span class='fraction'>12/14</span>
             </div>
         
             
@@ -80,17 +80,17 @@
 </thead>
 <tbody><tr>
 	<td class="file high" data-value="EditableSettingsListFieldArray.js"><a href="EditableSettingsListFieldArray.js.html">EditableSettingsListFieldArray.js</a></td>
-	<td data-value="81.25" class="pic high">
-	<div class="chart"><div class="cover-fill" style="width: 81%"></div><div class="cover-empty" style="width: 19%"></div></div>
+	<td data-value="86.66" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 86%"></div><div class="cover-empty" style="width: 14%"></div></div>
 	</td>
-	<td data-value="81.25" class="pct high">81.25%</td>
-	<td data-value="16" class="abs high">13/16</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="3" class="abs high">3/3</td>
-	<td data-value="75" class="pct medium">75%</td>
-	<td data-value="8" class="abs medium">6/8</td>
-	<td data-value="80" class="pct high">80%</td>
-	<td data-value="15" class="abs high">12/15</td>
+	<td data-value="86.66" class="pct high">86.66%</td>
+	<td data-value="15" class="abs high">13/15</td>
+	<td data-value="66.66" class="pct medium">66.66%</td>
+	<td data-value="6" class="abs medium">4/6</td>
+	<td data-value="83.33" class="pct high">83.33%</td>
+	<td data-value="6" class="abs high">5/6</td>
+	<td data-value="85.71" class="pct high">85.71%</td>
+	<td data-value="14" class="abs high">12/14</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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Settings/EditableSettingsList/EditableSettingsListFieldArray/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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>5/5</span>
+                <span class='fraction'>6/6</span>
             </div>
         
             
@@ -39,7 +39,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/1</span>
+                <span class='fraction'>2/2</span>
             </div>
         
             
@@ -113,7 +113,12 @@
 <a name='L48'></a><a href='#L48'>48</a>
 <a name='L49'></a><a href='#L49'>49</a>
 <a name='L50'></a><a href='#L50'>50</a>
-<a name='L51'></a><a href='#L51'>51</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L51'></a><a href='#L51'>51</a>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</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>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -144,6 +149,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-yes">21x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -163,31 +169,34 @@
 <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 PropTypes from 'prop-types';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useMemo } from 'react';
+&nbsp;
+import PropTypes from 'prop-types';
 &nbsp;
 import { useKintIntl } from '../../../../hooks';
-import StaticSettingsField from '../../../StaticSettingsField';
+import { StaticSettingsFieldComponent } from '../../../StaticSettingsField';
 &nbsp;
 const EditSettingValue = ({
   currentSetting: setting,
-  input,
   intlKey: passedIntlKey,
   intlNS: passedIntlNS,
   labelOverrides = {},
+  name,
   ...props
 }) =&gt; {
   const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
 &nbsp;
-  const fieldLabel = kintIntl.formatKintMessage({
+  const fieldLabel = useMemo(() =&gt; kintIntl.formatKintMessage({
     id: 'settings.valueFor',
     overrideValue: labelOverrides?.valueFor
-  }, { name: setting.key });
+  }, { name: setting.key }), [kintIntl, labelOverrides?.valueFor, setting.key]);
 &nbsp;
   return (
-    &lt;StaticSettingsField
+    &lt;StaticSettingsFieldComponent
+      key={`static-render-function-${name}`}
       aria-label={fieldLabel}
       autofocus
-      name={`${input.name}.value`}
+      name={name}
       setting={setting}
       {...props}
     /&gt;
@@ -220,7 +229,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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Settings/EditableSettingsList/SettingField/EditSettingValue/index.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>5/5</span>
+                <span class='fraction'>6/6</span>
             </div>
         
             
@@ -39,7 +39,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/1</span>
+                <span class='fraction'>2/2</span>
             </div>
         
             
@@ -84,11 +84,11 @@
 	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="5" class="abs high">5/5</td>
+	<td data-value="6" class="abs high">6/6</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="1" class="abs high">1/1</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="2" class="abs high">2/2</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="5" class="abs high">5/5</td>
 	</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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Settings/EditableSettingsList/SettingField/EditSettingValue/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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Settings/EditableSettingsList/SettingField/RenderSettingValue/RenderSettingValue.js.html

@@ -298,7 +298,7 @@ export default RenderSettingValue;
             <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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Settings/EditableSettingsList/SettingField/RenderSettingValue/index.html

@@ -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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Settings/EditableSettingsList/SettingField/RenderSettingValue/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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>