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

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">42.85% </span>
+                <span class="strong">81.81% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>6/14</span>
+                <span class='fraction'>9/11</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">10.52% </span>
+                <span class="strong">77.77% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>2/19</span>
+                <span class='fraction'>7/9</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/2</span>
+                <span class='fraction'>2/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">42.85% </span>
+                <span class="strong">81.81% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>6/14</span>
+                <span class='fraction'>9/11</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line high'></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>
@@ -148,8 +148,11 @@
 <a name='L83'></a><a href='#L83'>83</a>
 <a name='L84'></a><a href='#L84'>84</a>
 <a name='L85'></a><a href='#L85'>85</a>
-<a name='L86'></a><a href='#L86'>86</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L86'></a><a href='#L86'>86</a>
+<a name='L87'></a><a href='#L87'>87</a>
+<a name='L88'></a><a href='#L88'>88</a>
+<a name='L89'></a><a href='#L89'>89</a>
+<a name='L90'></a><a href='#L90'>90</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>
@@ -163,9 +166,13 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</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-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</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>
@@ -173,19 +180,16 @@
 <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-no">&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>
-<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>
@@ -224,6 +228,8 @@
 <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">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -233,46 +239,48 @@
 <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 PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
 import { Accordion } from '@folio/stripes/components';
 &nbsp;
 import CustomPropertiesListField from './CustomPropertiesListField';
-import { useCustomProperties } from '../../hooks';
+import { useCustomProperties, useKintIntl } from '../../hooks';
 &nbsp;
 const CustomPropertiesEditCtx = ({
   ctx,
   customPropertiesEndpoint,
   id,
-  labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
+  intlKey: passedIntlKey,
+  intlNS: passedIntlNS,
+  labelOverrides = {},
   nameOverride
 }) =&gt; {
+  const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
+&nbsp;
   // Deal with all the possible label override options
-  const getAccordionLabel = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
+  const getAccordionLabel = () =&gt; {
     // Special case for null context
-<span class="cstat-no" title="statement not covered" >    if (ctx === 'isNull') {</span>
-<span class="cstat-no" title="statement not covered" >      return (</span>
-        labelOverrides.noContext ??
-        &lt;FormattedMessage id="stripes-kint-components.customProperties" /&gt;
-      );
-    }
-&nbsp;
-    // Label overrides for specific contexts
-<span class="cstat-no" title="statement not covered" >    if (labelOverrides[ctx]) {</span>
-<span class="cstat-no" title="statement not covered" >      return labelOverrides[ctx];</span>
-    }
-&nbsp;
-    // Label override for default title, taking ctx into account
-<span class="cstat-no" title="statement not covered" >    if (labelOverrides.defaultTitle &amp;&amp; typeof labelOverrides.defaultTitle === 'function') {</span>
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (ctx === 'isNull') {
 <span class="cstat-no" title="statement not covered" >      return (</span>
-        labelOverrides.defaultTitle(ctx)
+        kintIntl.formatKintMessage({
+          id: 'customProperties',
+          overrideValue: labelOverrides.noContext
+        })
       );
     }
 &nbsp;
-    // Label override for default title or finally built in default
-<span class="cstat-no" title="statement not covered" >    return (</span>
-      labelOverrides.defaultTitle ??
-      &lt;FormattedMessage id="stripes-kint-components.customProperties.ctx.title" values={{ ctx }} /&gt;
+    // Chain formatKintMessages together using provided fallbackMessage to
+    // allow for "If override or translation exists, use it, else use default"
+    return (
+      kintIntl.formatKintMessage({
+        id: `customProperties.ctx.${ctx}`,
+        overrideValue: labelOverrides[ctx],
+        fallbackMessage: kintIntl.formatKintMessage({
+          id: 'customProperties.defaultTitle',
+          overrideValue: labelOverrides.defaultTitle
+        }, { ctx })
+      }, { ctx })
     );
   };
 &nbsp;
@@ -295,13 +303,15 @@ const CustomPropertiesEditCtx = ({
 &nbsp;
   return (
     custprops.length &gt; 0 &amp;&amp;
-<span class="branch-1 cbranch-no" title="branch not covered" >    &lt;Accordion</span>
+    &lt;Accordion
       id={`${id}-accordion-${ctx}`}
       label={getAccordionLabel()}
     &gt;
       &lt;CustomPropertiesListField
         ctx={ctx}
         customProperties={custprops}
+        intlKey={passedIntlKey}
+        intlNS={passedIntlNS}
         labelOverrides={labelOverrides}
         name={nameOverride ?? 'customProperties'}
       /&gt;
@@ -313,6 +323,8 @@ CustomPropertiesEditCtx.propTypes = {
   ctx: PropTypes.string,
   customPropertiesEndpoint: PropTypes.string,
   id: PropTypes.string,
+  intlKey: PropTypes.string,
+  intlNS: PropTypes.string,
   labelOverrides: PropTypes.object,
   nameOverride: PropTypes.string
 };
@@ -325,7 +337,7 @@ export default CustomPropertiesEditCtx;
             <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-11-22T10:07:38.260Z
             </div>
         <script src="../../prettify.js"></script>
         <script>