@k-int/stripes-kint-components 2.8.2 → 3.0.0

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">67.64% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>22/22</span>
+                <span class='fraction'>23/34</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">70.58% </span>
+                <span class="strong">61.11% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>12/17</span>
+                <span class='fraction'>11/18</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">31.25% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/5</span>
+                <span class='fraction'>5/16</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">67.64% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>22/22</span>
+                <span class='fraction'>23/34</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line high'></div>
+    <div class='status-line medium'></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>
@@ -180,7 +180,48 @@
 <a name='L115'></a><a href='#L115'>115</a>
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L118'></a><a href='#L118'>118</a>
+<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>
+<a name='L122'></a><a href='#L122'>122</a>
+<a name='L123'></a><a href='#L123'>123</a>
+<a name='L124'></a><a href='#L124'>124</a>
+<a name='L125'></a><a href='#L125'>125</a>
+<a name='L126'></a><a href='#L126'>126</a>
+<a name='L127'></a><a href='#L127'>127</a>
+<a name='L128'></a><a href='#L128'>128</a>
+<a name='L129'></a><a href='#L129'>129</a>
+<a name='L130'></a><a href='#L130'>130</a>
+<a name='L131'></a><a href='#L131'>131</a>
+<a name='L132'></a><a href='#L132'>132</a>
+<a name='L133'></a><a href='#L133'>133</a>
+<a name='L134'></a><a href='#L134'>134</a>
+<a name='L135'></a><a href='#L135'>135</a>
+<a name='L136'></a><a href='#L136'>136</a>
+<a name='L137'></a><a href='#L137'>137</a>
+<a name='L138'></a><a href='#L138'>138</a>
+<a name='L139'></a><a href='#L139'>139</a>
+<a name='L140'></a><a href='#L140'>140</a>
+<a name='L141'></a><a href='#L141'>141</a>
+<a name='L142'></a><a href='#L142'>142</a>
+<a name='L143'></a><a href='#L143'>143</a>
+<a name='L144'></a><a href='#L144'>144</a>
+<a name='L145'></a><a href='#L145'>145</a>
+<a name='L146'></a><a href='#L146'>146</a>
+<a name='L147'></a><a href='#L147'>147</a>
+<a name='L148'></a><a href='#L148'>148</a>
+<a name='L149'></a><a href='#L149'>149</a>
+<a name='L150'></a><a href='#L150'>150</a>
+<a name='L151'></a><a href='#L151'>151</a>
+<a name='L152'></a><a href='#L152'>152</a>
+<a name='L153'></a><a href='#L153'>153</a>
+<a name='L154'></a><a href='#L154'>154</a>
+<a name='L155'></a><a href='#L155'>155</a>
+<a name='L156'></a><a href='#L156'>156</a>
+<a name='L157'></a><a href='#L157'>157</a>
+<a name='L158'></a><a href='#L158'>158</a>
+<a name='L159'></a><a href='#L159'>159</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>
@@ -196,7 +237,11 @@
 <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-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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -229,12 +274,40 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-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-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-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-yes">5x</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-yes">5x</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-neutral">&nbsp;</span>
@@ -262,6 +335,11 @@
 <span class="cline-any cline-yes">5x</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-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -270,6 +348,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">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -286,7 +365,10 @@
 <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-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>
@@ -299,7 +381,7 @@
 <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, { useContext, useState } from 'react';
 import PropTypes from 'prop-types';
-import { FormattedMessage, useIntl } from 'react-intl';
+&nbsp;
 import {
   Button,
   Card,
@@ -309,12 +391,16 @@ import {
 import EditSettingValue from './EditSettingValue';
 import RenderSettingValue from './RenderSettingValue';
 import { SettingsContext } from '../../contexts';
-import { useRefdata, useTemplates } from '../../hooks';
-import { renderHelpText, toCamelCase } from '../../utils';
+import { useKintIntl, useRefdata, useTemplates } from '../../hooks';
+import { toCamelCase } from '../../utils';
 &nbsp;
+import renderHelpTextCSS from '../../../../styles/renderHelpText.css';
 &nbsp;
 const SettingField = (settingFieldProps) =&gt; {
   const {
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS,
+    labelOverrides = {},
     onSave,
     settingData: {
       currentSetting
@@ -322,13 +408,13 @@ const SettingField = (settingFieldProps) =&gt; {
   } = settingFieldProps;
 &nbsp;
   const [editing, setEditing] = useState(false);
-  const intl = useIntl();
-  const { intlKey, refdataEndpoint, templateEndpoint } = useContext(SettingsContext);
+  const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
+  const { refdataEndpoint, templateEndpoint } = useContext(SettingsContext);
 &nbsp;
   const {
     0: {
-      values: refdata = []
-    } = {}
+      values: refdata = <span class="branch-0 cbranch-no" title="branch not covered" >[]</span>
+    } = <span class="branch-0 cbranch-no" title="branch not covered" >{}</span>
   } = useRefdata({
     endpoint: refdataEndpoint,
     desc: currentSetting.vocab,
@@ -344,13 +430,41 @@ const SettingField = (settingFieldProps) =&gt; {
       enabled: !!currentSetting?.vocab &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >currentSetting.settingType === 'Template'</span>
     }
   });
+&nbsp;
+  const renderHelpText = <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;
+        {
+          kintIntl.formatKintMessage({
+            id: helpTextId
+          }, {
+            b: <span class="fstat-no" title="function not covered" >(c</span>hunks) =&gt; <span class="cstat-no" title="statement not covered" >&lt;b&gt;{chunks}&lt;/b&gt;,</span>
+            i: <span class="fstat-no" title="function not covered" >(c</span>hunks) =&gt; <span class="cstat-no" title="statement not covered" >&lt;i&gt;{chunks}&lt;/i&gt;,</span>
+            em: <span class="fstat-no" title="function not covered" >(c</span>hunks) =&gt; <span class="cstat-no" title="statement not covered" >&lt;em&gt;{chunks}&lt;/em&gt;,</span>
+            strong: <span class="fstat-no" title="function not covered" >(c</span>hunks) =&gt; <span class="cstat-no" title="statement not covered" >&lt;strong&gt;{chunks}&lt;/strong&gt;,</span>
+            span: <span class="fstat-no" title="function not covered" >(c</span>hunks) =&gt; <span class="cstat-no" title="statement not covered" >&lt;span&gt;{chunks}&lt;/span&gt;,</span>
+            div: <span class="fstat-no" title="function not covered" >(c</span>hunks) =&gt; <span class="cstat-no" title="statement not covered" >&lt;div&gt;{chunks}&lt;/div&gt;,</span>
+            p: <span class="fstat-no" title="function not covered" >(c</span>hunks) =&gt; <span class="cstat-no" title="statement not covered" >&lt;p&gt;{chunks}&lt;/p&gt;,</span>
+            ul: <span class="fstat-no" title="function not covered" >(c</span>hunks) =&gt; <span class="cstat-no" title="statement not covered" >&lt;ul&gt;{chunks}&lt;/ul&gt;,</span>
+            ol: <span class="fstat-no" title="function not covered" >(c</span>hunks) =&gt; <span class="cstat-no" title="statement not covered" >&lt;ol&gt;{chunks}&lt;/ol&gt;,</span>
+            li: <span class="fstat-no" title="function not covered" >(c</span>hunks) =&gt; <span class="cstat-no" title="statement not covered" >&lt;li&gt;{chunks}&lt;/li&gt;,</span>
+          })
+        }
+      &lt;/div&gt;
+    );
+  };
 &nbsp;
   const renderEditButton = () =&gt; {
     const EditText = editing ?
-      &lt;FormattedMessage id="stripes-kint-components.settings.finishEditing" /&gt; :
-      &lt;FormattedMessage id="stripes-kint-components.settings.edit" /&gt;;
+      kintIntl.formatKintMessage({
+        id: 'save'
+      }) :
+      kintIntl.formatKintMessage({
+        id: 'edit'
+      });
     return (
       &lt;Button
+        marginBottom0
         onClick={(e) =&gt; {
           e.preventDefault();
           return (
@@ -372,19 +486,25 @@ const SettingField = (settingFieldProps) =&gt; {
     RenderFunction = EditSettingValue;
   }
 &nbsp;
-  const id = `${intlKey}.settings.${toCamelCase(currentSetting.section)}.${toCamelCase(currentSetting.key)}.help`;
+  const id = `settings.${toCamelCase(currentSetting.section)}.${toCamelCase(currentSetting.key)}.help`;
 &nbsp;
 &nbsp;
   const renderHeaderStart = () =&gt; {
     const settingName = Object.keys(currentSetting).length &gt; 0 ?
-      &lt;FormattedMessage id={`${intlKey}.settings.${toCamelCase(currentSetting.section)}.${toCamelCase(currentSetting.key)}`} /&gt; :
-<span class="branch-1 cbranch-no" title="branch not covered" >      &lt;FormattedMessage id="stripes-kint-components.settings.settingLoading" /&gt;;</span>
-      return (
-        &lt;&gt;
-          {intl.messages[id] &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >&lt;InfoPopover content={renderHelpText(id)} /&gt;}</span>
-          {settingName}
-        &lt;/&gt;
-      );
+    kintIntl.formatKintMessage({
+      id: `settings.${toCamelCase(currentSetting.section)}.${toCamelCase(currentSetting.key)}`
+    }) :
+<span class="branch-1 cbranch-no" title="branch not covered" >    kintIntl.formatKintMessage({</span>
+      id: 'loading'
+    });
+&nbsp;
+    return (
+      &lt;&gt;
+        {
+          kintIntl.messageExists(id) &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >&lt;InfoPopover content={renderHelpText(id)} /&gt;}</span>
+        {settingName}
+      &lt;/&gt;
+    );
   };
 &nbsp;
   return (
@@ -395,6 +515,9 @@ const SettingField = (settingFieldProps) =&gt; {
     &gt;
       &lt;RenderFunction
         currentSetting={currentSetting}
+        intlKey={passedIntlKey}
+        intlNS={passedIntlNS}
+        labelOverrides={labelOverrides}
         refdata={refdata}
         templates={templates}
         {...settingFieldProps}
@@ -421,7 +544,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 Thu Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
+                at 2022-09-16T13:23:25.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">94.11% </span>
+                <span class="strong">81.48% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>64/68</span>
+                <span class='fraction'>66/81</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">85.1% </span>
+                <span class="strong">82% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>40/47</span>
+                <span class='fraction'>41/50</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">78.57% </span>
+                <span class="strong">44% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>11/14</span>
+                <span class='fraction'>11/25</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">93.93% </span>
+                <span class="strong">81.01% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>62/66</span>
+                <span class='fraction'>64/79</span>
             </div>
         
             
@@ -85,8 +85,8 @@
 	</td>
 	<td data-value="77.77" class="pct medium">77.77%</td>
 	<td data-value="18" class="abs medium">14/18</td>
-	<td data-value="87.5" class="pct high">87.5%</td>
-	<td data-value="8" class="abs high">7/8</td>
+	<td data-value="88.88" class="pct high">88.88%</td>
+	<td data-value="9" class="abs high">8/9</td>
 	<td data-value="40" class="pct low">40%</td>
 	<td data-value="5" class="abs low">2/5</td>
 	<td data-value="77.77" class="pct medium">77.77%</td>
@@ -99,28 +99,28 @@
 	<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="28" class="abs high">28/28</td>
-	<td data-value="95.45" class="pct high">95.45%</td>
-	<td data-value="22" class="abs high">21/22</td>
+	<td data-value="29" class="abs high">29/29</td>
+	<td data-value="95.65" class="pct high">95.65%</td>
+	<td data-value="23" class="abs high">22/23</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="4" class="abs high">4/4</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="26" class="abs high">26/26</td>
+	<td data-value="27" class="abs high">27/27</td>
 	</tr>
 
 <tr>
-	<td class="file high" data-value="SettingField.js"><a href="SettingField.js.html">SettingField.js</a></td>
-	<td data-value="100" class="pic high">
-	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	<td class="file medium" data-value="SettingField.js"><a href="SettingField.js.html">SettingField.js</a></td>
+	<td data-value="67.64" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 67%"></div><div class="cover-empty" style="width: 33%"></div></div>
 	</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="22" class="abs high">22/22</td>
-	<td data-value="70.58" class="pct medium">70.58%</td>
-	<td data-value="17" class="abs medium">12/17</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="5" class="abs high">5/5</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="22" class="abs high">22/22</td>
+	<td data-value="67.64" class="pct medium">67.64%</td>
+	<td data-value="34" class="abs medium">23/34</td>
+	<td data-value="61.11" class="pct medium">61.11%</td>
+	<td data-value="18" class="abs medium">11/18</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="67.64" class="pct medium">67.64%</td>
+	<td data-value="34" class="abs medium">23/34</td>
 	</tr>
 
 <tr>
@@ -146,7 +146,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 Thu Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
+                at 2022-09-16T13:23:25.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/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 Thu Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
+                at 2022-09-16T13:23:25.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">58.33% </span>
+                <span class="strong">41.66% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>7/12</span>
+                <span class='fraction'>5/12</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>1/2</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">58.33% </span>
+                <span class="strong">41.66% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>7/12</span>
+                <span class='fraction'>5/12</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="0" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></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="100" class="pct high">100%</td>
-	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="4" class="abs low">0/4</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="1" class="abs low">0/1</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="0" class="pct low">0%</td>
+	<td data-value="4" class="abs low">0/4</td>
 	</tr>
 
 <tr>
@@ -101,7 +101,7 @@
 	<td data-value="62.5" class="pct medium">62.5%</td>
 	<td data-value="8" class="abs medium">5/8</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="1" class="abs high">1/1</td>
 	<td data-value="50" class="pct medium">50%</td>
 	<td data-value="4" class="abs medium">2/4</td>
 	<td data-value="62.5" class="pct medium">62.5%</td>
@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
+                at 2022-09-16T13:23:25.290Z
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -79,7 +79,7 @@ export { SettingField } from './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 Thu Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
+                at 2022-09-16T13:23:25.290Z
             </div>
         <script src="../prettify.js"></script>
         <script>