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

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

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

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">18.18% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>2/4</span>
+                <span class='fraction'>2/11</span>
             </div>
         
             
@@ -39,14 +39,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/2</span>
+                <span class='fraction'>0/5</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">18.18% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>2/4</span>
+                <span class='fraction'>2/11</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>
@@ -129,7 +129,29 @@
 <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>
-<a name='L67'></a><a href='#L67'>67</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L67'></a><a href='#L67'>67</a>
+<a name='L68'></a><a href='#L68'>68</a>
+<a name='L69'></a><a href='#L69'>69</a>
+<a name='L70'></a><a href='#L70'>70</a>
+<a name='L71'></a><a href='#L71'>71</a>
+<a name='L72'></a><a href='#L72'>72</a>
+<a name='L73'></a><a href='#L73'>73</a>
+<a name='L74'></a><a href='#L74'>74</a>
+<a name='L75'></a><a href='#L75'>75</a>
+<a name='L76'></a><a href='#L76'>76</a>
+<a name='L77'></a><a href='#L77'>77</a>
+<a name='L78'></a><a href='#L78'>78</a>
+<a name='L79'></a><a href='#L79'>79</a>
+<a name='L80'></a><a href='#L80'>80</a>
+<a name='L81'></a><a href='#L81'>81</a>
+<a name='L82'></a><a href='#L82'>82</a>
+<a name='L83'></a><a href='#L83'>83</a>
+<a name='L84'></a><a href='#L84'>84</a>
+<a name='L85'></a><a href='#L85'>85</a>
+<a name='L86'></a><a href='#L86'>86</a>
+<a name='L87'></a><a href='#L87'>87</a>
+<a name='L88'></a><a href='#L88'>88</a>
+<a name='L89'></a><a href='#L89'>89</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>
@@ -147,6 +169,18 @@
 <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-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>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -158,6 +192,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-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>
@@ -177,6 +218,9 @@
 <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-yes">23x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -203,16 +247,28 @@ import arrayMutators from 'final-form-arrays';
 import EditableSettingsListFieldArray from './EditableSettingsListFieldArray';
 &nbsp;
 const EditableSettingsList = <span class="fstat-no" title="function not covered" >({</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,
+  allowEdit = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span> // A global boolean permission to turn on/off editing of all appSettings in the frontend
   initialValues,
   intlKey: passedIntlKey,
   intlNS: passedIntlNS,
   label,
   labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
   onSave,
-  render // Experimental idea, allow unique rendering per setting?
+  render, // Experimental idea, allow unique rendering per setting?
+  settingData
 }) =&gt; {
+  // Fake the form save... this is super bad I know, but it's very old code and the plan is to get rid of this component
+  // Because it's in a single Form even though each setting really requires it's own form. It'd be more work to unpick that
+  // without accidentally causing some backwards compatibility issues I think. So for now we fake it
+&nbsp;
+  let settingToSave;
+  const handleFormSubmit = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >as</span>ync (_values) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >    return onSave(settingToSave).then(<span class="fstat-no" title="function not covered" >(r</span>es) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >      settingToSave = undefined;</span>
+<span class="cstat-no" title="statement not covered" >      return res;</span>
+    });
+  };
+&nbsp;
 <span class="cstat-no" title="statement not covered" >  return (</span>
     &lt;Form
       enableReinitialize
@@ -220,25 +276,35 @@ const EditableSettingsList = <span class="fstat-no" title="function not covered"
       keepDirtyOnReinitialize
       mutators={arrayMutators}
       navigationCheck
-      onSubmit={onSave}
+      onSubmit={handleFormSubmit}
       subscription={{ value: true }}
     &gt;
-      {<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}
-            intlNS={passedIntlNS}
-            label={label}
-            labelOverrides={labelOverrides}
-            name="settings"
-            onSave={onSave}
-            render={render}
-          /&gt;
-        &lt;/form&gt;
-      )}
+      {<span class="fstat-no" title="function not covered" >({</span> handleSubmit }) =&gt; {
+        // Set up the setting we want to save, then trigger handleSubmit so we get "submitting" in the form.
+        // Yes this is ugly
+        const handleSave = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >as</span>ync (setting) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >          settingToSave = setting;</span>
+<span class="cstat-no" title="statement not covered" >          return handleSubmit();</span>
+        };
+&nbsp;
+<span class="cstat-no" title="statement not covered" >        return (</span>
+          &lt;form onSubmit={handleSubmit}&gt;
+            &lt;FieldArray
+              key="editable-setting-list-field-array"
+              allowEdit={allowEdit}
+              component={EditableSettingsListFieldArray}
+              intlKey={passedIntlKey}
+              intlNS={passedIntlNS}
+              label={label}
+              labelOverrides={labelOverrides}
+              name="settings"
+              onSave={handleSave}
+              render={render}
+              settingData={settingData}
+            /&gt;
+          &lt;/form&gt;
+        );
+      }}
     &lt;/Form&gt;
   );
 };
@@ -268,7 +334,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 2025-11-27T12:47:30.341Z
+                at 2025-11-27T17:56:04.995Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

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-11-27T17:56:04.995Z
             </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-11-27T17:56:04.995Z
             </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-11-27T17:56:04.995Z
             </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-11-27T17:56:04.995Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>