@k-int/stripes-kint-components 2.8.4 → 2.8.6

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

@@ -25,14 +25,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/114</span>
+                <span class='fraction'>0/132</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/83</span>
+                <span class='fraction'>0/93</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/104</span>
+                <span class='fraction'>0/125</span>
             </div>
         
             
@@ -99,13 +99,13 @@
 	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
 	</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="105" class="abs low">0/105</td>
+	<td data-value="123" class="abs low">0/123</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="78" class="abs low">0/78</td>
+	<td data-value="88" class="abs low">0/88</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="28" class="abs low">0/28</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="96" class="abs low">0/96</td>
+	<td data-value="117" class="abs low">0/117</td>
 	</tr>
 
 <tr>
@@ -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 2022-11-22T09:57:19.883Z
+                at 2022-12-09T15:17:50.295Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/ActionList/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 2022-11-22T09:57:19.883Z
+                at 2022-12-09T15:17:50.295Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/CustomProperties/Config/CustomPropertiesLookup.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">78.94% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>9/18</span>
+                <span class='fraction'>15/19</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">71.42% </span>
+                <span class="strong">80% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>15/21</span>
+                <span class='fraction'>4/5</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">22.22% </span>
+                <span class="strong">55.55% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>2/9</span>
+                <span class='fraction'>5/9</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">78.94% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>9/18</span>
+                <span class='fraction'>15/19</span>
             </div>
         
             
@@ -213,7 +213,51 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<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>
+<a name='L160'></a><a href='#L160'>160</a>
+<a name='L161'></a><a href='#L161'>161</a>
+<a name='L162'></a><a href='#L162'>162</a>
+<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>
+<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>
@@ -224,9 +268,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>
@@ -267,6 +311,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</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>
@@ -281,6 +327,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-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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -301,6 +353,14 @@
 <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-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>
@@ -321,21 +381,47 @@
 <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-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-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-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-yes">72x</span>
+<span class="cline-any cline-yes">66x</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">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>
+<span class="cline-any cline-yes">72x</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">72x</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>
@@ -363,23 +449,25 @@
 <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></td><td class="text"><pre class="prettyprint lang-js">import { useState } from 'react';
 import PropTypes from 'prop-types';
 &nbsp;
-import { FormattedMessage } from 'react-intl';
-&nbsp;
 import { Col, MultiColumnList, Row, Spinner, Select, Button } from '@folio/stripes/components';
 &nbsp;
 import { Form } from 'react-final-form';
 import SearchField from '../../SearchField';
-import { useCustomProperties } from '../../hooks';
+import { useCustomProperties, useKintIntl } from '../../hooks';
 &nbsp;
 import css from '../../../../styles/CustomProperties.css';
 &nbsp;
 const CustomPropertiesLookup = ({
   contextFilterOptions, // expects an array of the form [{value: "OpenAccess", label: "Open Access"}, {value: false, label: "None"}]
   customPropertiesEndpoint: endpoint,
-  labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
+  intlKey: passedIntlKey,
+  intlNS: passedIntlNS,
+  labelOverrides = {},
   mclProps,
   onSelectCustomProperty,
   queryParams
@@ -414,6 +502,8 @@ const CustomPropertiesLookup = ({
     });
   };
   const [searchTerm, setSearchTerm] = useState('');
+&nbsp;
+  const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
 &nbsp;
   return (
     &lt;&gt;
@@ -428,7 +518,13 @@ const CustomPropertiesLookup = ({
             onSubmit={handleSubmit}
           &gt;
             &lt;SearchField
-              ariaLabel={labelOverrides.searchAriaLabel ?? 'custom-property-search-field'}
+              ariaLabel={
+                kintIntl.formatKintMessage({
+                  id: 'customProperties.config.searchAriaLabel',
+                  overrideValue: labelOverrides.searchAriaLabel,
+                  fallbackMessage: 'custom-property-search-field'
+                })
+              }
               className={css.lookupSearch}
               marginBottom0
               onChange={<span class="fstat-no" title="function not covered" >e </span>=&gt; <span class="cstat-no" title="statement not covered" >setSearchTerm(e.target.value)}</span>
@@ -440,7 +536,10 @@ const CustomPropertiesLookup = ({
               marginBottom0
               type="submit"
             &gt;
-              &lt;FormattedMessage id="stripes-kint-components.search" /&gt;
+              {kintIntl.formatKintMessage({
+                id: 'search',
+                overrideValue: labelOverrides.search
+              })}
             &lt;/Button&gt;
           &lt;/form&gt;
         )}
@@ -449,7 +548,12 @@ const CustomPropertiesLookup = ({
         &lt;Col xs={6}&gt;
           &lt;Select
             dataOptions={contextFilterOptions}
-            label={&lt;FormattedMessage id="stripes-kint-components.customProperties.ctx" /&gt;}
+            label={
+              kintIntl.formatKintMessage({
+                id: 'customProperties.ctx',
+                overrideValue: labelOverrides.ctx
+              })
+            }
             onChange={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; {
 <span class="cstat-no" title="statement not covered" >              setSelectedContext(e.target.value);</span>
             }}
@@ -461,31 +565,57 @@ const CustomPropertiesLookup = ({
 <span class="branch-0 cbranch-no" title="branch not covered" >        &lt;Spinner /&gt; </span>:
         &lt;MultiColumnList
           columnMapping={{
-            'label': labelOverrides?.label ?? &lt;FormattedMessage id="stripes-kint-components.customProperties.label" /&gt;,
-            'primary': labelOverrides?.primary ?? &lt;FormattedMessage id="stripes-kint-components.customProperties.primary" /&gt;,
-            'ctx': labelOverrides?.ctx ?? &lt;FormattedMessage id="stripes-kint-components.customProperties.ctx" /&gt;,
-            'weight': labelOverrides?.weight ?? &lt;FormattedMessage id="stripes-kint-components.customProperties.weight" /&gt;,
-            'type': labelOverrides?.type ?? &lt;FormattedMessage id="stripes-kint-components.customProperties.type" /&gt;,
-            'category': labelOverrides?.category ?? &lt;FormattedMessage id="stripes-kint-components.customProperties.category" /&gt;
+            'label': kintIntl.formatKintMessage({
+              id: 'customProperties.label',
+              overrideValue: labelOverrides.label
+            }),
+            'primary': kintIntl.formatKintMessage({
+              id: 'customProperties.primary',
+              overrideValue: labelOverrides.primary
+            }),
+            'ctx': kintIntl.formatKintMessage({
+              id: 'customProperties.ctx',
+              overrideValue: labelOverrides.ctx
+            }),
+            'weight': kintIntl.formatKintMessage({
+              id: 'customProperties.weight',
+              overrideValue: labelOverrides.weight
+            }),
+            'type': kintIntl.formatKintMessage({
+              id: 'customProperties.type',
+              overrideValue: labelOverrides.type
+            }),
+            'category': kintIntl.formatKintMessage({
+              id: 'customProperties.category',
+              overrideValue: labelOverrides.category
+            }),
           }}
           contentData={custprops}
           formatter={{
-            primary: <span class="fstat-no" title="function not covered" >da</span>ta =&gt; {
-<span class="cstat-no" title="statement not covered" >              if (data?.primary) {</span>
-<span class="cstat-no" title="statement not covered" >                return (</span>
-                  &lt;FormattedMessage id="stripes-kint-components.yes" /&gt;
+            primary: data =&gt; {
+              if (data?.primary) {
+                return (
+                  kintIntl.formatKintMessage({
+                    id: 'yes',
+                    overrideValue: labelOverrides.yes
+                  })
                 );
               } else {
-<span class="cstat-no" title="statement not covered" >                return (</span>
-                  &lt;FormattedMessage id="stripes-kint-components.no" /&gt;
+                return (
+                  kintIntl.formatKintMessage({
+                    id: 'no',
+                    overrideValue: labelOverrides.no
+                  })
                 );
               }
             },
-            type: <span class="fstat-no" title="function not covered" >da</span>ta =&gt; (
-<span class="cstat-no" title="statement not covered" >              labelOverrides?.[data?.type] ??</span>
-              &lt;FormattedMessage id={`stripes-kint-components.customProperties.type.${data?.type}`} /&gt;
+            type: data =&gt; (
+              kintIntl.formatKintMessage({
+                id: `customProperties.type.${data?.type}`,
+                overrideValue: labelOverrides?.[data?.type]
+              })
             ),
-            category: <span class="fstat-no" title="function not covered" >da</span>ta =&gt; <span class="cstat-no" title="statement not covered" >data?.category?.desc</span>
+            category: data =&gt; data?.category?.desc
           }}
           onRowClick={onSelectCustomProperty}
           visibleColumns={['label', 'primary', 'ctx', 'weight', 'type', 'category']}
@@ -505,6 +635,8 @@ CustomPropertiesLookup.propTypes = {
     ])
   })),
   customPropertiesEndpoint: PropTypes.string,
+  intlKey: PropTypes.string,
+  intlNS: PropTypes.string,
   labelOverrides: PropTypes.object,
   mclProps: PropTypes.object,
   onSelectCustomProperty: PropTypes.func,
@@ -520,7 +652,7 @@ export default CustomPropertiesLookup;
             <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 2022-11-22T09:57:19.883Z
+                at 2022-12-09T15:17:50.295Z
             </div>
         <script src="../../prettify.js"></script>
         <script>