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

package/src/artifacts/coverage-jest/lcov-report/CustomProperties/Edit/CustomPropertyFormCard.js.html

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">46.66% </span>
+                <span class="strong">66.66% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>7/15</span>
+                <span class='fraction'>8/12</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">25% </span>
+                <span class="strong">57.14% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>5/20</span>
+                <span class='fraction'>4/7</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">46.66% </span>
+                <span class="strong">66.66% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>7/15</span>
+                <span class='fraction'>8/12</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></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>
@@ -186,17 +186,7 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L124'></a><a href='#L124'>124</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>
@@ -222,50 +212,43 @@
 <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-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">3x</span>
+<span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-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-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-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-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-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-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-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>
@@ -275,7 +258,6 @@
 <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>
@@ -309,9 +291,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-yes">1x</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>
@@ -329,8 +311,6 @@
 <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';
 &nbsp;
-import { FormattedMessage } from 'react-intl';
-&nbsp;
 import {
   Card,
   IconButton,
@@ -339,6 +319,7 @@ import {
 } from '@folio/stripes/components';
 &nbsp;
 import CustomPropertyField from './CustomPropertyField';
+import { useKintIntl } from '../../hooks';
 &nbsp;
 const CustomPropertyFormCard = ({
   availableCustomProperties,
@@ -348,49 +329,37 @@ const CustomPropertyFormCard = ({
   handleDeleteCustomProperty,
   index,
   internalPropertyCounter,
-  labelOverrides,
+  intlKey: passedIntlKey,
+  intlNS: passedIntlNS,
+  labelOverrides = {},
   name,
   onChange,
   setCustomProperties,
   value
 }) =&gt; {
+  const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
+&nbsp;
   const getHeader = () =&gt; {
     <span class="missing-if-branch" title="if path not taken" >I</span>if (customPropertyType === 'optional') {
-<span class="cstat-no" title="statement not covered" >      if (labelOverrides.optionalPropertyHeader &amp;&amp; typeof labelOverrides.optionalPropertyHeader === 'function') {</span>
-<span class="cstat-no" title="statement not covered" >        return labelOverrides.optionalPropertyHeader(internalPropertyCounter);</span>
-      }
-&nbsp;
-      // Label override for optionalPropertyHeader or finally built in default
-<span class="cstat-no" title="statement not covered" >      return (</span>
-        labelOverrides.optionalPropertyHeader ??
-        &lt;FormattedMessage
-          id="stripes-kint-components.customProperty.optionalPropertyHeader"
-          values={{ number: internalPropertyCounter }}
-        /&gt;
-      );
+<span class="cstat-no" title="statement not covered" >      return kintIntl.formatKintMessage({</span>
+        id: 'customProperty.optionalPropertyHeader',
+        overrideValue: labelOverrides.optionalPropertyHeader,
+      }, { number: internalPropertyCounter, name: customProperty.value });
     }
 &nbsp;
-    // Label override for primaryPropertyHeader or finally built in default
-    return (
-      labelOverrides.primaryPropertyHeader ??
-      customProperty.label
-    );
+    return kintIntl.formatKintMessage({
+      id: 'customProperty.primaryPropertyHeader',
+      overrideValue: labelOverrides.primaryPropertyHeader,
+      fallbackMessage: customProperty.label
+    }, { number: internalPropertyCounter, name: customProperty.value });
   };
 &nbsp;
-  const getTooltipText = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >    if (labelOverrides.remove &amp;&amp; typeof labelOverrides.remove === 'function') {</span>
-<span class="cstat-no" title="statement not covered" >      return labelOverrides.remove(internalPropertyCounter);</span>
-    }
-&nbsp;
-    // Label override for optionalPropertyHeader or finally built in default
-<span class="cstat-no" title="statement not covered" >    return (</span>
-      labelOverrides.remove ??
-      &lt;FormattedMessage
-        id="stripes-kint-components.customProperty.remove"
-        values={{ number: internalPropertyCounter }}
-      /&gt;
-    );
-  };
+  const getTooltipText = <span class="fstat-no" title="function not covered" >()</span> =&gt; (
+<span class="cstat-no" title="statement not covered" >    kintIntl.formatKintMessage({</span>
+      id: 'customProperty.remove',
+      overrideValue: labelOverrides.remove
+    }, { number: internalPropertyCounter, name: customProperty.value })
+  );
 &nbsp;
   return (
     &lt;Card
@@ -432,6 +401,8 @@ const CustomPropertyFormCard = ({
           customProperties,
           index,
           internalPropertyCounter,
+          intlKey: passedIntlKey,
+          intlNS: passedIntlNS,
           labelOverrides,
           name,
           onChange,
@@ -451,6 +422,8 @@ CustomPropertyFormCard.propTypes = {
   handleDeleteCustomProperty: PropTypes.func,
   index: PropTypes.number,
   internalPropertyCounter: PropTypes.number,
+  intlKey: PropTypes.string,
+  intlNS: PropTypes.string,
   labelOverrides: PropTypes.object,
   name: PropTypes.string,
   onChange: PropTypes.func,
@@ -466,7 +439,7 @@ export default CustomPropertyFormCard;
             <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/CustomProperties/Edit/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">32.91% </span>
+                <span class="strong">70.32% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>52/158</span>
+                <span class='fraction'>128/182</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">17.39% </span>
+                <span class="strong">57.27% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>20/115</span>
+                <span class='fraction'>63/110</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">26.08% </span>
+                <span class="strong">73.33% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>12/46</span>
+                <span class='fraction'>44/60</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">34.43% </span>
+                <span class="strong">71.67% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>52/151</span>
+                <span class='fraction'>124/173</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line medium'></div>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -85,8 +85,8 @@
 	</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="4" class="abs high">4/4</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="2" class="abs medium">1/2</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="2" class="abs high">2/2</td>
 	<td data-value="100" class="pct high">100%</td>
@@ -94,63 +94,63 @@
 	</tr>
 
 <tr>
-	<td class="file low" data-value="CustomPropertiesEditCtx.js"><a href="CustomPropertiesEditCtx.js.html">CustomPropertiesEditCtx.js</a></td>
-	<td data-value="28.57" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 28%"></div><div class="cover-empty" style="width: 72%"></div></div>
+	<td class="file high" data-value="CustomPropertiesEditCtx.js"><a href="CustomPropertiesEditCtx.js.html">CustomPropertiesEditCtx.js</a></td>
+	<td data-value="81.81" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 81%"></div><div class="cover-empty" style="width: 19%"></div></div>
 	</td>
-	<td data-value="28.57" class="pct low">28.57%</td>
-	<td data-value="14" class="abs low">4/14</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="18" class="abs low">0/18</td>
-	<td data-value="50" class="pct medium">50%</td>
-	<td data-value="2" class="abs medium">1/2</td>
-	<td data-value="28.57" class="pct low">28.57%</td>
-	<td data-value="14" class="abs low">4/14</td>
+	<td data-value="81.81" class="pct high">81.81%</td>
+	<td data-value="11" class="abs high">9/11</td>
+	<td data-value="77.77" class="pct medium">77.77%</td>
+	<td data-value="9" class="abs medium">7/9</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="2" class="abs high">2/2</td>
+	<td data-value="81.81" class="pct high">81.81%</td>
+	<td data-value="11" class="abs high">9/11</td>
 	</tr>
 
 <tr>
-	<td class="file low" data-value="CustomPropertiesListField.js"><a href="CustomPropertiesListField.js.html">CustomPropertiesListField.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 class="file high" data-value="CustomPropertiesListField.js"><a href="CustomPropertiesListField.js.html">CustomPropertiesListField.js</a></td>
+	<td data-value="83.33" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 83%"></div><div class="cover-empty" style="width: 17%"></div></div>
 	</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="48" class="abs low">0/48</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="34" class="abs low">0/34</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="17" class="abs low">0/17</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="45" class="abs low">0/45</td>
+	<td data-value="83.33" class="pct high">83.33%</td>
+	<td data-value="54" class="abs high">45/54</td>
+	<td data-value="68.75" class="pct medium">68.75%</td>
+	<td data-value="32" class="abs medium">22/32</td>
+	<td data-value="88.88" class="pct high">88.88%</td>
+	<td data-value="18" class="abs high">16/18</td>
+	<td data-value="84.31" class="pct high">84.31%</td>
+	<td data-value="51" class="abs high">43/51</td>
 	</tr>
 
 <tr>
-	<td class="file low" data-value="CustomPropertyField.js"><a href="CustomPropertyField.js.html">CustomPropertyField.js</a></td>
-	<td data-value="42.02" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 42%"></div><div class="cover-empty" style="width: 58%"></div></div>
+	<td class="file medium" data-value="CustomPropertyField.js"><a href="CustomPropertyField.js.html">CustomPropertyField.js</a></td>
+	<td data-value="54.65" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 54%"></div><div class="cover-empty" style="width: 46%"></div></div>
 	</td>
-	<td data-value="42.02" class="pct low">42.02%</td>
-	<td data-value="69" class="abs low">29/69</td>
-	<td data-value="36.58" class="pct low">36.58%</td>
-	<td data-value="41" class="abs low">15/41</td>
-	<td data-value="35" class="pct low">35%</td>
-	<td data-value="20" class="abs low">7/20</td>
-	<td data-value="44.61" class="pct low">44.61%</td>
-	<td data-value="65" class="abs low">29/65</td>
+	<td data-value="54.65" class="pct medium">54.65%</td>
+	<td data-value="86" class="abs medium">47/86</td>
+	<td data-value="48.33" class="pct low">48.33%</td>
+	<td data-value="60" class="abs low">29/60</td>
+	<td data-value="50" class="pct medium">50%</td>
+	<td data-value="22" class="abs medium">11/22</td>
+	<td data-value="57.31" class="pct medium">57.31%</td>
+	<td data-value="82" class="abs medium">47/82</td>
 	</tr>
 
 <tr>
-	<td class="file low" data-value="CustomPropertyFormCard.js"><a href="CustomPropertyFormCard.js.html">CustomPropertyFormCard.js</a></td>
-	<td data-value="46.66" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 46%"></div><div class="cover-empty" style="width: 54%"></div></div>
+	<td class="file medium" data-value="CustomPropertyFormCard.js"><a href="CustomPropertyFormCard.js.html">CustomPropertyFormCard.js</a></td>
+	<td data-value="66.66" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 66%"></div><div class="cover-empty" style="width: 34%"></div></div>
 	</td>
-	<td data-value="46.66" class="pct low">46.66%</td>
-	<td data-value="15" class="abs low">7/15</td>
-	<td data-value="25" class="pct low">25%</td>
-	<td data-value="20" class="abs low">5/20</td>
+	<td data-value="66.66" class="pct medium">66.66%</td>
+	<td data-value="12" class="abs medium">8/12</td>
+	<td data-value="57.14" class="pct medium">57.14%</td>
+	<td data-value="7" class="abs medium">4/7</td>
 	<td data-value="40" class="pct low">40%</td>
 	<td data-value="5" class="abs low">2/5</td>
-	<td data-value="46.66" class="pct low">46.66%</td>
-	<td data-value="15" class="abs low">7/15</td>
+	<td data-value="66.66" class="pct medium">66.66%</td>
+	<td data-value="12" class="abs medium">8/12</td>
 	</tr>
 
 <tr>
@@ -174,13 +174,13 @@
 	<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="8" class="abs high">8/8</td>
+	<td data-value="15" class="abs high">15/15</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="0" class="abs high">0/0</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="11" class="abs high">11/11</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="8" class="abs high">8/8</td>
+	<td data-value="13" class="abs high">13/13</td>
 	</tr>
 
 </tbody>
@@ -191,7 +191,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/CustomProperties/Edit/index.js.html

@@ -85,7 +85,7 @@ export { default as CustomPropertyField } from './CustomPropertyField';
             <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>