npm - @k-int/stripes-kint-components - Versions diffs - 4.4.3 → 4.5.1 - Mend

@k-int/stripes-kint-components 4.4.3 → 4.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (177) hide show

package/src/artifacts/coverage-jest/lcov-report/RefdataButtons/RefdataButtons.js.html CHANGED Viewed

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">70% </span>
+                <span class="strong">6.66% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>21/30</span>
+                <span class='fraction'>2/30</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">66.66% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>10/15</span>
+                <span class='fraction'>0/15</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">71.42% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/7</span>
+                <span class='fraction'>0/7</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">72.41% </span>
+                <span class="strong">6.89% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>21/29</span>
+                <span class='fraction'>2/29</span>
             </div>
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line medium'></div>
+    <div class='status-line low'></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>
@@ -165,19 +165,19 @@
 <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">4x</span>
-<span class="cline-any cline-yes">4x</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">4x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</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-yes">12x</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>
@@ -186,7 +186,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-yes">12x</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>
@@ -197,19 +197,19 @@
 <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-yes">4x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">2x</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-yes">6x</span>
-<span class="cline-any cline-yes">6x</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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</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>
@@ -235,7 +235,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-yes">4x</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>
@@ -258,31 +258,31 @@ import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 import { Col, RadioButton, Row } from '@folio/stripes/components';
 &nbsp;
-const RefdataButtons = (props) =&gt; {
+const RefdataButtons = <span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {
   // Render the right number of buttons:
-  const { labelTranslations, lockColumns, maxCols = 4 } = props;
-  const intl = useIntl();
+  const { labelTranslations, lockColumns, maxCols = <span class="branch-0 cbranch-no" title="branch not covered" >4 </span>} = <span class="cstat-no" title="statement not covered" >props;</span>
+  const intl = <span class="cstat-no" title="statement not covered" >useIntl();</span>
 &nbsp;
   // maxCols can be any of 1,2,3 or 4. Anything outside of this should be disregarded and default to 4.
-  const maximumColumns = [1, 2, 3, 4].includes(maxCols) ? maxCols : <span class="branch-1 cbranch-no" title="branch not covered" >4;</span>
+  const maximumColumns = <span class="cstat-no" title="statement not covered" >[1, 2, 3, 4].includes(maxCols) ? maxCols : 4;</span>
 &nbsp;
-  const buttonRender = (dataOptions, dynamicColumnWidth) =&gt; {
+  const buttonRender = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(d</span>ataOptions, dynamicColumnWidth) =&gt; {</span>
     // This accepts a SORTED list of dataoptions.
-    const { input } = props;
-    const numberOfButtons = dataOptions.length;
-    return (
-      dataOptions.map(option =&gt; {
-        const buttonProps = {
+    const { input } = <span class="cstat-no" title="statement not covered" >props;</span>
+    const numberOfButtons = <span class="cstat-no" title="statement not covered" >dataOptions.length;</span>
+<span class="cstat-no" title="statement not covered" >    return (</span>
+      dataOptions.map(<span class="fstat-no" title="function not covered" >op</span>tion =&gt; {
+        const buttonProps = <span class="cstat-no" title="statement not covered" >{</span>
           'checked': input.value === option.value,
           'fullWidth': true,
-          'label': (labelTranslations ? <span class="branch-0 cbranch-no" title="branch not covered" >intl.formatMessage({ id: `${labelTranslations.key}.${option.value}`, defaultMessage: option.label }) </span>: option.label),
+          'label': (labelTranslations ? intl.formatMessage({ id: `${labelTranslations.key}.${option.value}`, defaultMessage: option.label }) : option.label),
           'marginBottom0': true,
           'onChange': (<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >input.onChange(option.value))</span>,
           'value': option.value
         };
 &nbsp;
-        return (
-          &lt;Col key={`${input.name}:${option.id}`} xs={dynamicColumnWidth ? (12 / numberOfButtons) : (<span class="branch-1 cbranch-no" title="branch not covered" >12 / maximumColumns)</span>}&gt;
+<span class="cstat-no" title="statement not covered" >        return (</span>
+          &lt;Col key={`${input.name}:${option.id}`} xs={dynamicColumnWidth ? (12 / numberOfButtons) : (12 / maximumColumns)}&gt;
             &lt;RadioButton
               {...buttonProps}
             /&gt;
@@ -292,19 +292,19 @@ const RefdataButtons = (props) =&gt; {
     );
   };
 &nbsp;
-  const returnRows = (dataOptions) =&gt; {
-    const sortedDataOptions = dataOptions.sort((a, b) =&gt; {
-      if (a.label &lt; b.label) {
-        return -1;
+  const returnRows = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(d</span>ataOptions) =&gt; {</span>
+    const sortedDataOptions = <span class="cstat-no" title="statement not covered" >dataOptions.sort(<span class="fstat-no" title="function not covered" >(a</span>, b) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >      if (a.label &lt; b.label) {</span>
+<span class="cstat-no" title="statement not covered" >        return -1;</span>
       }
-      <span class="missing-if-branch" title="else path not taken" >E</span>if (a.label &gt; b.label) {
-        return 1;
+<span class="cstat-no" title="statement not covered" >      if (a.label &gt; b.label) {</span>
+<span class="cstat-no" title="statement not covered" >        return 1;</span>
       }
 <span class="cstat-no" title="statement not covered" >      return 0;</span>
     });
-    const arrayLength = sortedDataOptions.length;
-    <span class="missing-if-branch" title="else path not taken" >E</span>if (!lockColumns &amp;&amp; arrayLength &lt;= maximumColumns) {
-      return (
+    const arrayLength = <span class="cstat-no" title="statement not covered" >sortedDataOptions.length;</span>
+<span class="cstat-no" title="statement not covered" >    if (!lockColumns &amp;&amp; arrayLength &lt;= maximumColumns) {</span>
+<span class="cstat-no" title="statement not covered" >      return (</span>
         &lt;Row&gt;
           {buttonRender(sortedDataOptions, true)}
         &lt;/Row&gt;
@@ -330,7 +330,7 @@ const RefdataButtons = (props) =&gt; {
     );
   };
 &nbsp;
-  return (
+<span class="cstat-no" title="statement not covered" >  return (</span>
     returnRows(props.dataOptions)
   );
 };
@@ -355,7 +355,7 @@ export default RefdataButtons;
             <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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/RefdataButtons/index.html CHANGED Viewed

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">70% </span>
+                <span class="strong">6.66% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>21/30</span>
+                <span class='fraction'>2/30</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">66.66% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>10/15</span>
+                <span class='fraction'>0/15</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">71.42% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/7</span>
+                <span class='fraction'>0/7</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">72.41% </span>
+                <span class="strong">6.89% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>21/29</span>
+                <span class='fraction'>2/29</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="RefdataButtons.js"><a href="RefdataButtons.js.html">RefdataButtons.js</a></td>
-	<td data-value="70" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 70%"></div><div class="cover-empty" style="width: 30%"></div></div>
+	<td class="file low" data-value="RefdataButtons.js"><a href="RefdataButtons.js.html">RefdataButtons.js</a></td>
+	<td data-value="6.66" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 6%"></div><div class="cover-empty" style="width: 94%"></div></div>
 	</td>
-	<td data-value="70" class="pct medium">70%</td>
-	<td data-value="30" class="abs medium">21/30</td>
-	<td data-value="66.66" class="pct medium">66.66%</td>
-	<td data-value="15" class="abs medium">10/15</td>
-	<td data-value="71.42" class="pct medium">71.42%</td>
-	<td data-value="7" class="abs medium">5/7</td>
-	<td data-value="72.41" class="pct medium">72.41%</td>
-	<td data-value="29" class="abs medium">21/29</td>
+	<td data-value="6.66" class="pct low">6.66%</td>
+	<td data-value="30" class="abs low">2/30</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="15" class="abs low">0/15</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="7" class="abs low">0/7</td>
+	<td data-value="6.89" class="pct low">6.89%</td>
+	<td data-value="29" class="abs low">2/29</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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/RefdataButtons/index.js.html CHANGED Viewed

@@ -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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/ResponsiveButtonGroup/ResponsiveButtonGroup.js.html CHANGED Viewed

@@ -225,7 +225,10 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<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>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -251,6 +254,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-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -278,6 +282,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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -290,6 +295,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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -408,6 +414,7 @@ const propTypes = <span class="cstat-no" title="statement not covered" >{</span>
   className: PropTypes.string,
   dropdownTriggerProps: PropTypes.object,
   fullWidth: PropTypes.bool,
+  id: PropTypes.string,
   marginBottom0: PropTypes.bool,
   selectedIndex: PropTypes.number,
   tagName: PropTypes.string,
@@ -436,6 +443,7 @@ const ResponsiveButtonGroup = <span class="cstat-no" title="statement not covere
     className,
     dropdownTriggerProps = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
     fullWidth = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span> // Only bother with this when buttonGroupWidth &lt; ContainerWidth
+    id,
     marginBottom0, // Will ONLL control the margin of the dropdown button
     selectedIndex,
     tagName: Tag = <span class="branch-0 cbranch-no" title="branch not covered" >'div',</span>
@@ -450,6 +458,7 @@ const ResponsiveButtonGroup = <span class="cstat-no" title="statement not covere
     ready,
   } = <span class="cstat-no" title="statement not covered" >useResponsiveButtonGroupSizing({</span>
     buttons: childButtons,
+    id
   });
 &nbsp;
   const buttonThreshold = <span class="cstat-no" title="statement not covered" >calculateCumulativeThreshold(cachedSizeArray, containerWidth);</span>
@@ -556,7 +565,7 @@ export default ResponsiveButtonGroup;
             <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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/ResponsiveButtonGroup/index.html CHANGED Viewed

@@ -25,14 +25,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/58</span>
+                <span class='fraction'>0/61</span>
             </div>
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/46</span>
+                <span class='fraction'>0/48</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/57</span>
+                <span class='fraction'>0/60</span>
             </div>
@@ -114,13 +114,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="24" class="abs low">0/24</td>
+	<td data-value="27" class="abs low">0/27</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="13" class="abs low">0/13</td>
+	<td data-value="15" class="abs low">0/15</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="7" class="abs low">0/7</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="24" class="abs low">0/24</td>
+	<td data-value="27" class="abs low">0/27</td>
 	</tr>
 </tbody>
@@ -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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/ResponsiveButtonGroup/index.js.html CHANGED Viewed

@@ -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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/ResponsiveButtonGroup/useResponsiveButtonGroupSizing.js.html CHANGED Viewed

@@ -25,14 +25,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/24</span>
+                <span class='fraction'>0/27</span>
             </div>
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/13</span>
+                <span class='fraction'>0/15</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/24</span>
+                <span class='fraction'>0/27</span>
             </div>
@@ -130,7 +130,12 @@
 <a name='L65'></a><a href='#L65'>65</a>
 <a name='L66'></a><a href='#L66'>66</a>
 <a name='L67'></a><a href='#L67'>67</a>
-<a name='L68'></a><a href='#L68'>68</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L68'></a><a href='#L68'>68</a>
+<a name='L69'></a><a href='#L69'>69</a>
+<a name='L70'></a><a href='#L70'>70</a>
+<a name='L71'></a><a href='#L71'>71</a>
+<a name='L72'></a><a href='#L72'>72</a>
+<a name='L73'></a><a href='#L73'>73</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>
@@ -139,6 +144,10 @@
 <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-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>
@@ -178,6 +187,7 @@
 <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>
@@ -204,8 +214,12 @@ import { useResizeDetector } from 'react-resize-detector';
 import { debounce } from 'lodash';
 &nbsp;
 const useResponsiveButtonGroupSizing = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span></span>
+  id,
   buttons = <span class="branch-0 cbranch-no" title="branch not covered" >[],</span>
 }) =&gt; {
+  const eventString = <span class="cstat-no" title="statement not covered" >'responsive-button-group-loaded' + (id ? `-${id}` : '');</span>
+  const loadedEvent = <span class="cstat-no" title="statement not covered" >new Event(eventString);</span>
+&nbsp;
   const isMounted = <span class="cstat-no" title="statement not covered" >useRef(false);</span>
 <span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    isMounted.current = true;</span>
@@ -245,6 +259,7 @@ const useResponsiveButtonGroupSizing = <span class="cstat-no" title="statement n
 <span class="cstat-no" title="statement not covered" >      if (!cachedSizeArray?.length &amp;&amp; sizeArray?.length) {</span>
 <span class="cstat-no" title="statement not covered" >        setCachedSizeArray(sizeArray);</span>
 <span class="cstat-no" title="statement not covered" >        setReady(true);</span>
+<span class="cstat-no" title="statement not covered" >        document.dispatchEvent(loadedEvent);</span>
       }
     }
   }, 150), [cachedSizeArray, sizeArray]);
@@ -271,7 +286,7 @@ export default useResponsiveButtonGroupSizing;
             <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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/RichSelect/RichSelect.js.html CHANGED Viewed

@@ -703,7 +703,7 @@ export default RichSelect;
             <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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/RichSelect/index.html CHANGED Viewed

@@ -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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/RichSelect/index.js.html CHANGED Viewed

@@ -76,7 +76,7 @@ export { default as useSelectedOption } from './useSelectedOption';
             <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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/RichSelect/useSelectedOption.js.html CHANGED Viewed

@@ -112,7 +112,7 @@ export default useSelectedOption;
             <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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/SASQLookupComponent/SASQLookupComponent.js.html CHANGED Viewed

@@ -1054,7 +1054,7 @@ export default SASQLookupComponent;
             <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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/SASQLookupComponent/TableBody/TableBody.js.html CHANGED Viewed

@@ -385,7 +385,7 @@ export default TableBody;
             <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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/SASQLookupComponent/TableBody/index.html CHANGED Viewed

@@ -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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/SASQLookupComponent/TableBody/index.js.html CHANGED Viewed

@@ -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 2023-02-08T10:17:09.386Z
+                at 2023-03-21T17:34:57.995Z
             </div>
         <script src="../../prettify.js"></script>
         <script>