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

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">65.71% </span>
+                <span class="strong">70.45% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>23/35</span>
+                <span class='fraction'>31/44</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">61.9% </span>
+                <span class="strong">64.28% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>13/21</span>
+                <span class='fraction'>18/28</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">31.25% </span>
+                <span class="strong">36.84% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/16</span>
+                <span class='fraction'>7/19</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">65.71% </span>
+                <span class="strong">71.42% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>23/35</span>
+                <span class='fraction'>30/42</span>
             </div>
         
             
@@ -228,7 +228,38 @@
 <a name='L163'></a><a href='#L163'>163</a>
 <a name='L164'></a><a href='#L164'>164</a>
 <a name='L165'></a><a href='#L165'>165</a>
-<a name='L166'></a><a href='#L166'>166</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L166'></a><a href='#L166'>166</a>
+<a name='L167'></a><a href='#L167'>167</a>
+<a name='L168'></a><a href='#L168'>168</a>
+<a name='L169'></a><a href='#L169'>169</a>
+<a name='L170'></a><a href='#L170'>170</a>
+<a name='L171'></a><a href='#L171'>171</a>
+<a name='L172'></a><a href='#L172'>172</a>
+<a name='L173'></a><a href='#L173'>173</a>
+<a name='L174'></a><a href='#L174'>174</a>
+<a name='L175'></a><a href='#L175'>175</a>
+<a name='L176'></a><a href='#L176'>176</a>
+<a name='L177'></a><a href='#L177'>177</a>
+<a name='L178'></a><a href='#L178'>178</a>
+<a name='L179'></a><a href='#L179'>179</a>
+<a name='L180'></a><a href='#L180'>180</a>
+<a name='L181'></a><a href='#L181'>181</a>
+<a name='L182'></a><a href='#L182'>182</a>
+<a name='L183'></a><a href='#L183'>183</a>
+<a name='L184'></a><a href='#L184'>184</a>
+<a name='L185'></a><a href='#L185'>185</a>
+<a name='L186'></a><a href='#L186'>186</a>
+<a name='L187'></a><a href='#L187'>187</a>
+<a name='L188'></a><a href='#L188'>188</a>
+<a name='L189'></a><a href='#L189'>189</a>
+<a name='L190'></a><a href='#L190'>190</a>
+<a name='L191'></a><a href='#L191'>191</a>
+<a name='L192'></a><a href='#L192'>192</a>
+<a name='L193'></a><a href='#L193'>193</a>
+<a name='L194'></a><a href='#L194'>194</a>
+<a name='L195'></a><a href='#L195'>195</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>
@@ -257,6 +288,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">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">6x</span>
@@ -272,6 +306,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-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>
@@ -315,32 +355,47 @@
 <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-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">6x</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">2x</span>
 <span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-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>
+<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-yes">3x</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-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -381,6 +436,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">22x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -393,13 +451,15 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useContext } from 'react';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useCallback, useContext, useMemo } from 'react';
 import PropTypes from 'prop-types';
+import { useFormState } from 'react-final-form';
 &nbsp;
 import {
   Button,
   Card,
   InfoPopover,
+  Spinner,
 } from '@folio/stripes/components';
 &nbsp;
 import EditSettingValue from './EditSettingValue';
@@ -417,15 +477,24 @@ const SettingField = (settingFieldProps) =&gt; {
     intlKey: passedIntlKey,
     intlNS: passedIntlNS,
     labelOverrides = {},
+    name,
     onSave,
     setEditing,
     settingData: {
       currentSetting
-    } = <span class="branch-0 cbranch-no" title="branch not covered" >{}</span>
+    } = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
+    setSettingSubmitting,
+    settingSubmitting,
   } = settingFieldProps;
 &nbsp;
   const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
   const { refdataEndpoint, templateEndpoint } = useContext(SettingsContext);
+&nbsp;
+  const {
+    submitting,
+    invalid,
+    values
+  } = useFormState();
 &nbsp;
   const {
     0: {
@@ -448,7 +517,7 @@ const SettingField = (settingFieldProps) =&gt; {
     }
   });
 &nbsp;
-  const renderHelpText = <span class="fstat-no" title="function not covered" >(h</span>elpTextId) =&gt; {
+  const renderHelpText = useCallback(<span class="fstat-no" title="function not covered" >(h</span>elpTextId) =&gt; {
 <span class="cstat-no" title="statement not covered" >    return (</span>
       &lt;div className={renderHelpTextCSS.help}&gt;
         {
@@ -469,9 +538,9 @@ const SettingField = (settingFieldProps) =&gt; {
         }
       &lt;/div&gt;
     );
-  };
+  }, [kintIntl]);
 &nbsp;
-  const renderEditButton = () =&gt; {
+  const renderEditButton = useCallback(() =&gt; {
     const EditText = editing ?
       kintIntl.formatKintMessage({
         id: 'save'
@@ -480,36 +549,51 @@ const SettingField = (settingFieldProps) =&gt; {
         id: 'edit'
       });
     <span class="missing-if-branch" title="else path not taken" >E</span>if (allowEdit) {
+      // This is unbelievably gross... this stems from this all being in a single FieldArray.
+      // We should aim to set this up in an ActionList as soon as possible
+      const settingToSave = values.settings?.find(<span class="fstat-no" title="function not covered" >s </span>=&gt; <span class="cstat-no" title="statement not covered" >s.id === currentSetting.id)</span>;
+&nbsp;
       return (
         &lt;Button
+          disabled={editing &amp;&amp; (submitting || invalid)}
           marginBottom0
           onClick={(e) =&gt; {
             e.preventDefault();
-            return (
-              editing ?
-                onSave().then(() =&gt; setEditing(false)) :
-                setEditing(true)
-            );
+            if (editing) {
+              setSettingSubmitting(true);
+              // We want to track that JUST this setting is being edited,
+              // since "Submitting" is relevant for any and all submits
+              // I hate this
+              return onSave(settingToSave)
+                .then(() =&gt; {
+                  setEditing(false);
+                  setSettingSubmitting(false);
+                });
+            }
+&nbsp;
+            return setEditing(true);
           }}
         &gt;
+          {(submitting &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >settingSubmitting)</span> ? <span class="branch-0 cbranch-no" title="branch not covered" >&lt;Spinner /&gt; </span>: null}
           {EditText}
         &lt;/Button&gt;
       );
     }
 <span class="cstat-no" title="statement not covered" >    return null;</span>
-  };
+  }, [allowEdit, currentSetting.id, editing, invalid, kintIntl, onSave, setEditing, setSettingSubmitting, settingSubmitting, submitting, values.settings]);
 &nbsp;
-  let RenderFunction;
-  if (editing === false) {
-    RenderFunction = RenderSettingValue;
-  } else {
-    RenderFunction = EditSettingValue;
-  }
+  const RenderFunction = useMemo(() =&gt; {
+    if (editing === false) {
+      return RenderSettingValue;
+    } else {
+      return EditSettingValue;
+    }
+  }, [editing]);
 &nbsp;
-  const id = `settings.${toCamelCase(currentSetting.section)}.${toCamelCase(currentSetting.key)}.help`;
+  const id = useMemo(() =&gt; `settings.${toCamelCase(currentSetting.section)}.${toCamelCase(currentSetting.key)}.help`, [currentSetting.key, currentSetting.section]);
 &nbsp;
 &nbsp;
-  const renderHeaderStart = () =&gt; {
+  const renderHeaderStart = useCallback(() =&gt; {
     const settingName = Object.keys(currentSetting).length &gt; 0 ?
     kintIntl.formatKintMessage({
       id: `settings.${toCamelCase(currentSetting.section)}.${toCamelCase(currentSetting.key)}`
@@ -525,16 +609,19 @@ const SettingField = (settingFieldProps) =&gt; {
         {settingName}
       &lt;/&gt;
     );
-  };
+  }, [currentSetting, id, kintIntl, renderHelpText]);
 &nbsp;
   return (
     &lt;Card
+      key={`setting-edit-card-${name}`}
       headerEnd={renderEditButton()}
       headerStart={renderHeaderStart()}
       roundedBorder
     &gt;
       &lt;RenderFunction
+        key={`setting-render-function-${name}`}
         currentSetting={currentSetting}
+        disabled={submitting}
         intlKey={passedIntlKey}
         intlNS={passedIntlNS}
         labelOverrides={labelOverrides}
@@ -565,7 +652,7 @@ export default SettingField;
             <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/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">65.71% </span>
+                <span class="strong">70.45% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>23/35</span>
+                <span class='fraction'>31/44</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">61.9% </span>
+                <span class="strong">64.28% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>13/21</span>
+                <span class='fraction'>18/28</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">31.25% </span>
+                <span class="strong">36.84% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/16</span>
+                <span class='fraction'>7/19</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">65.71% </span>
+                <span class="strong">71.42% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>23/35</span>
+                <span class='fraction'>30/42</span>
             </div>
         
             
@@ -80,17 +80,17 @@
 </thead>
 <tbody><tr>
 	<td class="file medium" data-value="SettingField.js"><a href="SettingField.js.html">SettingField.js</a></td>
-	<td data-value="65.71" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 65%"></div><div class="cover-empty" style="width: 35%"></div></div>
+	<td data-value="70.45" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 70%"></div><div class="cover-empty" style="width: 30%"></div></div>
 	</td>
-	<td data-value="65.71" class="pct medium">65.71%</td>
-	<td data-value="35" class="abs medium">23/35</td>
-	<td data-value="61.9" class="pct medium">61.9%</td>
-	<td data-value="21" class="abs medium">13/21</td>
-	<td data-value="31.25" class="pct low">31.25%</td>
-	<td data-value="16" class="abs low">5/16</td>
-	<td data-value="65.71" class="pct medium">65.71%</td>
-	<td data-value="35" class="abs medium">23/35</td>
+	<td data-value="70.45" class="pct medium">70.45%</td>
+	<td data-value="44" class="abs medium">31/44</td>
+	<td data-value="64.28" class="pct medium">64.28%</td>
+	<td data-value="28" class="abs medium">18/28</td>
+	<td data-value="36.84" class="pct low">36.84%</td>
+	<td data-value="19" class="abs low">7/19</td>
+	<td data-value="71.42" class="pct medium">71.42%</td>
+	<td data-value="42" class="abs medium">30/42</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/SettingField/index.js.html

@@ -79,7 +79,7 @@ export { default as EditSettingValue } from './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/index.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>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -79,18 +79,18 @@
 </tr>
 </thead>
 <tbody><tr>
-	<td class="file medium" data-value="EditableSettingsList.js"><a href="EditableSettingsList.js.html">EditableSettingsList.js</a></td>
-	<td data-value="50" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 50%"></div><div class="cover-empty" style="width: 50%"></div></div>
+	<td class="file low" data-value="EditableSettingsList.js"><a href="EditableSettingsList.js.html">EditableSettingsList.js</a></td>
+	<td data-value="18.18" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 18%"></div><div class="cover-empty" style="width: 82%"></div></div>
 	</td>
-	<td data-value="50" class="pct medium">50%</td>
-	<td data-value="4" class="abs medium">2/4</td>
+	<td data-value="18.18" class="pct low">18.18%</td>
+	<td data-value="11" class="abs low">2/11</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="2" class="abs low">0/2</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="2" class="abs low">0/2</td>
-	<td data-value="50" class="pct medium">50%</td>
-	<td data-value="4" class="abs medium">2/4</td>
+	<td data-value="5" class="abs low">0/5</td>
+	<td data-value="18.18" class="pct low">18.18%</td>
+	<td data-value="11" class="abs low">2/11</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/index.js.html

@@ -79,7 +79,7 @@ export { SettingField, RenderSettingValue, EditSettingValue } from './SettingFie
             <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/RefdataCategoriesSettings/RefdataCategoriesSettings.js.html

@@ -598,7 +598,7 @@ export default RefdataCategoriesSettings;
             <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/RefdataCategoriesSettings/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/RefdataCategoriesSettings/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/SettingPage/SettingPage.js.html

@@ -110,7 +110,8 @@
 <a name='L45'></a><a href='#L45'>45</a>
 <a name='L46'></a><a href='#L46'>46</a>
 <a name='L47'></a><a href='#L47'>47</a>
-<a name='L48'></a><a href='#L48'>48</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L48'></a><a href='#L48'>48</a>
+<a name='L49'></a><a href='#L49'>49</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>
@@ -148,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">23x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -190,6 +192,7 @@ const SettingPage = <span class="fstat-no" title="function not covered" >({</spa
       onSave={handleSubmit}
       onSubmit={handleSubmit}
       render={render}
+      settingData={{ settings }}
       settingSection={sectionName}
     /&gt;
   );
@@ -211,7 +214,7 @@ export default SettingPage;
             <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/SettingPage/SettingPagePane/SettingPagePane.js.html

@@ -193,7 +193,7 @@ export default SettingPagePane;
             <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/SettingPage/SettingPagePane/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/SettingPage/SettingPagePane/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/SettingPage/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/SettingPage/index.js.html

@@ -76,7 +76,7 @@ export { default as SettingPage } from './SettingPage';
             <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/SettingsFormContainer/SettingsFormContainer.js.html

@@ -412,7 +412,7 @@ export default SettingsFormContainer;
             <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/SettingsFormContainer/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>