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

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

@@ -32,7 +32,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/52</span>
+                <span class='fraction'>0/50</span>
             </div>
         
             
@@ -274,26 +274,7 @@
 <a name='L209'></a><a href='#L209'>209</a>
 <a name='L210'></a><a href='#L210'>210</a>
 <a name='L211'></a><a href='#L211'>211</a>
-<a name='L212'></a><a href='#L212'>212</a>
-<a name='L213'></a><a href='#L213'>213</a>
-<a name='L214'></a><a href='#L214'>214</a>
-<a name='L215'></a><a href='#L215'>215</a>
-<a name='L216'></a><a href='#L216'>216</a>
-<a name='L217'></a><a href='#L217'>217</a>
-<a name='L218'></a><a href='#L218'>218</a>
-<a name='L219'></a><a href='#L219'>219</a>
-<a name='L220'></a><a href='#L220'>220</a>
-<a name='L221'></a><a href='#L221'>221</a>
-<a name='L222'></a><a href='#L222'>222</a>
-<a name='L223'></a><a href='#L223'>223</a>
-<a name='L224'></a><a href='#L224'>224</a>
-<a name='L225'></a><a href='#L225'>225</a>
-<a name='L226'></a><a href='#L226'>226</a>
-<a name='L227'></a><a href='#L227'>227</a>
-<a name='L228'></a><a href='#L228'>228</a>
-<a name='L229'></a><a href='#L229'>229</a>
-<a name='L230'></a><a href='#L230'>230</a>
-<a name='L231'></a><a href='#L231'>231</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L212'></a><a href='#L212'>212</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>
@@ -308,9 +289,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-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>
@@ -383,28 +364,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-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-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-no">&nbsp;</span>
@@ -464,6 +423,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>
@@ -523,22 +483,22 @@
 <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 { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 &nbsp;
-import { FormattedMessage } from 'react-intl';
-&nbsp;
 import {
   Button,
   Dropdown,
+  DropdownButton,
   DropdownMenu,
-  Icon,
-  // IconButton,
   nativeChangeFieldValue as nativeChangeField,
   Label,
 } from '@folio/stripes/components';
 &nbsp;
 import css from '../../../styles/RichSelect.css';
+import FormattedKintMessage from '../FormattedKintMessage';
 &nbsp;
 const RichSelect = <span class="cstat-no" title="statement not covered" >forwardRef(<span class="fstat-no" title="function not covered" >({</span></span>
   ariaLabel,
@@ -546,6 +506,8 @@ const RichSelect = <span class="cstat-no" title="statement not covered" >forward
   dropdownProps = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
   id,
   input: formInput = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
+  intlKey: passedIntlKey,
+  intlNS: passedIntlNS,
   label,
   meta,
   onChange,
@@ -583,11 +545,11 @@ const RichSelect = <span class="cstat-no" title="statement not covered" >forward
     selectedOption
   }));
 &nbsp;
-  const defaultRenderTrigger = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span> onToggle, triggerRef, keyHandler, open, ariaProps, getTriggerProps }) =&gt; {</span>
+  const defaultRenderTrigger = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span> onToggle, triggerRef, keyHandler, ariaProps, getTriggerProps }) =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    return (</span>
-      &lt;Button
+      &lt;DropdownButton
         ref={triggerRef}
-        buttonClass={css.iconButtonText}
+        buttonClass={css.triggerButton}
         buttonStyle="none"
         disabled={disabled}
         marginBottom0
@@ -597,41 +559,19 @@ const RichSelect = <span class="cstat-no" title="statement not covered" >forward
         type="button"
         {...getTriggerProps()}
         {...ariaProps}
-      &gt;
-        &lt;Icon
-          icon={open ? 'caret-up' : 'caret-down'}
-          iconPosition="end"
-        &gt;
-          {
-            selectedOption?.label ??
-            selectedOption?.value ??
-            (internalValue || null) ??
-            placeholder ??
-            &lt;FormattedMessage id="stripes-kint-components.richSelect.placeholder" /&gt;
-          }
-        &lt;/Icon&gt;
-      &lt;/Button&gt;
-      // Awaiting result of conversation about whether we want to allow labels on IconButtons
-      /* &lt;IconButton
-        ref={triggerRef}
-        disabled={disabled}
-        icon={open ? 'caret-up' : 'caret-down'}
-        iconPosition="end"
-        marginBottom0
-        onClick={onToggle}
-        onKeyDown={keyHandler}
-        type="button"
-        {...getTriggerProps()}
-        {...ariaProps}
       &gt;
         {
           selectedOption?.label ??
           selectedOption?.value ??
-          (internalValue ? internalValue : null) ??
+          (internalValue || null) ??
           placeholder ??
-          &lt;FormattedMessage id="stripes-kint-components.richSelect.placeholder" /&gt;
+          &lt;FormattedKintMessage
+            id="pleaseSelectOption"
+            intlKey={passedIntlKey}
+            intlNS={passedIntlNS}
+          /&gt;
         }
-      &lt;/IconButton&gt; */
+      &lt;/DropdownButton&gt;
     );
   };
 &nbsp;
@@ -691,6 +631,7 @@ const RichSelect = <span class="cstat-no" title="statement not covered" >forward
         : ''
       }
       &lt;Dropdown
+        disabled={disabled}
         hasPadding
         placement="bottom-start"
         renderMenu={<span class="fstat-no" title="function not covered" >(m</span>enuProps) =&gt; {
@@ -727,6 +668,8 @@ const RichSelect = <span class="cstat-no" title="statement not covered" >forward
   dropdownProps: PropTypes.object,
   id: PropTypes.string,
   input: PropTypes.object,
+  intlKey: PropTypes.string,
+  intlNS: PropTypes.string,
   label: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.func,
@@ -760,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 2022-11-22T09:57:19.883Z
+                at 2022-11-22T10:07:38.260Z
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -32,7 +32,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/56</span>
+                <span class='fraction'>0/54</span>
             </div>
         
             
@@ -86,7 +86,7 @@
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="40" class="abs low">0/40</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="52" class="abs low">0/52</td>
+	<td data-value="50" class="abs low">0/50</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="14" class="abs low">0/14</td>
 	<td data-value="0" class="pct low">0%</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 2022-11-22T09:57:19.883Z
+                at 2022-11-22T10:07:38.260Z
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -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 2022-11-22T09:57:19.883Z
+                at 2022-11-22T10:07:38.260Z
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -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 2022-11-22T09:57:19.883Z
+                at 2022-11-22T10:07:38.260Z
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -25,28 +25,28 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/38</span>
+                <span class='fraction'>0/46</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/30</span>
+                <span class='fraction'>0/35</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/10</span>
+                <span class='fraction'>0/11</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/37</span>
+                <span class='fraction'>0/45</span>
             </div>
         
             
@@ -321,7 +321,53 @@
 <a name='L256'></a><a href='#L256'>256</a>
 <a name='L257'></a><a href='#L257'>257</a>
 <a name='L258'></a><a href='#L258'>258</a>
-<a name='L259'></a><a href='#L259'>259</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L259'></a><a href='#L259'>259</a>
+<a name='L260'></a><a href='#L260'>260</a>
+<a name='L261'></a><a href='#L261'>261</a>
+<a name='L262'></a><a href='#L262'>262</a>
+<a name='L263'></a><a href='#L263'>263</a>
+<a name='L264'></a><a href='#L264'>264</a>
+<a name='L265'></a><a href='#L265'>265</a>
+<a name='L266'></a><a href='#L266'>266</a>
+<a name='L267'></a><a href='#L267'>267</a>
+<a name='L268'></a><a href='#L268'>268</a>
+<a name='L269'></a><a href='#L269'>269</a>
+<a name='L270'></a><a href='#L270'>270</a>
+<a name='L271'></a><a href='#L271'>271</a>
+<a name='L272'></a><a href='#L272'>272</a>
+<a name='L273'></a><a href='#L273'>273</a>
+<a name='L274'></a><a href='#L274'>274</a>
+<a name='L275'></a><a href='#L275'>275</a>
+<a name='L276'></a><a href='#L276'>276</a>
+<a name='L277'></a><a href='#L277'>277</a>
+<a name='L278'></a><a href='#L278'>278</a>
+<a name='L279'></a><a href='#L279'>279</a>
+<a name='L280'></a><a href='#L280'>280</a>
+<a name='L281'></a><a href='#L281'>281</a>
+<a name='L282'></a><a href='#L282'>282</a>
+<a name='L283'></a><a href='#L283'>283</a>
+<a name='L284'></a><a href='#L284'>284</a>
+<a name='L285'></a><a href='#L285'>285</a>
+<a name='L286'></a><a href='#L286'>286</a>
+<a name='L287'></a><a href='#L287'>287</a>
+<a name='L288'></a><a href='#L288'>288</a>
+<a name='L289'></a><a href='#L289'>289</a>
+<a name='L290'></a><a href='#L290'>290</a>
+<a name='L291'></a><a href='#L291'>291</a>
+<a name='L292'></a><a href='#L292'>292</a>
+<a name='L293'></a><a href='#L293'>293</a>
+<a name='L294'></a><a href='#L294'>294</a>
+<a name='L295'></a><a href='#L295'>295</a>
+<a name='L296'></a><a href='#L296'>296</a>
+<a name='L297'></a><a href='#L297'>297</a>
+<a name='L298'></a><a href='#L298'>298</a>
+<a name='L299'></a><a href='#L299'>299</a>
+<a name='L300'></a><a href='#L300'>300</a>
+<a name='L301'></a><a href='#L301'>301</a>
+<a name='L302'></a><a href='#L302'>302</a>
+<a name='L303'></a><a href='#L303'>303</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>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -361,6 +407,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-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-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -378,14 +431,30 @@
 <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>
 <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-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-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-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>
@@ -447,6 +516,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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -463,6 +534,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>
@@ -511,6 +583,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>
@@ -546,6 +619,15 @@
 <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-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>
@@ -579,7 +661,15 @@
 <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';
+<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></td><td class="text"><pre class="prettyprint lang-js">import { forwardRef, useImperativeHandle } from 'react';
+&nbsp;
+import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import { useInfiniteQuery } from 'react-query';
 &nbsp;
@@ -603,23 +693,30 @@ import {
 } from '@folio/stripes/components';
 &nbsp;
 import { generateKiwtQuery } from '../utils';
-import { useKiwtSASQuery, useLocalStorageState } from '../hooks';
+import { useKintIntl, useKiwtSASQuery, useLocalStorageState } from '../hooks';
 &nbsp;
 import TableBody from './TableBody';
 &nbsp;
-const SASQLookupComponent = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {</span>
+const SASQLookupComponent = <span class="cstat-no" title="statement not covered" >forwardRef(<span class="fstat-no" title="function not covered" >(p</span>rops, ref) =&gt; {</span>
   const {
     children,
     fetchParameters = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
     FilterComponent = <span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >null,</span></span>
     FilterPaneHeaderComponent = <span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >null,</span></span>
-    filterPaneProps,
+    filterPaneProps = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
     id,
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS,
+    labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
     mainPaneProps,
     noSearchField,
+    persistedPanesetProps = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
     RenderBody,
     sasqProps,
+    searchFieldAriaLabel,
+    searchFieldProps
   } = <span class="cstat-no" title="statement not covered" >props;</span>
+  const kintIntl = <span class="cstat-no" title="statement not covered" >useKintIntl(passedIntlKey, passedIntlNS);</span>
 &nbsp;
   const { query, queryGetter, querySetter } = <span class="cstat-no" title="statement not covered" >useKiwtSASQuery();</span>
   const { 0: namespace } = <span class="cstat-no" title="statement not covered" >useNamespace();</span>
@@ -635,14 +732,30 @@ const SASQLookupComponent = <span class="cstat-no" title="statement not covered"
 &nbsp;
   const [filterPaneVisible, setFilterPaneVisible] = <span class="cstat-no" title="statement not covered" >useLocalStorageState(filterPaneVisibileKey, true);</span>
   const toggleFilterPane = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setFilterPaneVisible(!filterPaneVisible);</span></span>
+&nbsp;
+  const queryNamespace = <span class="cstat-no" title="statement not covered" >[namespace, 'SASQ'];</span>
+<span class="cstat-no" title="statement not covered" >  if (id) {</span>
+<span class="cstat-no" title="statement not covered" >    queryNamespace.push(id);</span>
+  }
+<span class="cstat-no" title="statement not covered" >  queryNamespace.push('viewAll');</span>
+<span class="cstat-no" title="statement not covered" >  queryNamespace.push(query);</span>
 &nbsp;
   const {
     data: totalData = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
     ...restOfInfiniteQueryProps
   } = <span class="cstat-no" title="statement not covered" >useInfiniteQuery(</span>
-    [namespace, id, 'data', query],
+    queryNamespace,
     fetchPageData
   );
+&nbsp;
+<span class="cstat-no" title="statement not covered" >  useImperativeHandle(ref, <span class="fstat-no" title="function not covered" >()</span> =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >    {</span>
+      lookupQueryProps: {
+        data: totalData,
+        ...restOfInfiniteQueryProps
+      }
+    }
+  ));
 &nbsp;
   const data = <span class="cstat-no" title="statement not covered" >totalData.pages?.reduce(</span>
 <span class="fstat-no" title="function not covered" >    (a</span>cc, curr) =&gt; {
@@ -697,10 +810,12 @@ const SASQLookupComponent = <span class="cstat-no" title="statement not covered"
             &lt;PersistedPaneset
               appId={namespace}
               id={`${id}-paneset`}
+              {...persistedPanesetProps}
             &gt;
               {filterPaneVisible &amp;&amp;
                 &lt;Pane
                   defaultWidth="20%"
+                  id={`${id}-filter-pane`}
                   lastMenu={
                     &lt;PaneMenu&gt;
                       &lt;IconButton
@@ -717,6 +832,7 @@ const SASQLookupComponent = <span class="cstat-no" title="statement not covered"
                     {!noSearchField &amp;&amp;
                       &lt;&gt;
                         &lt;SearchField
+                          ariaLabel={searchFieldAriaLabel}
                           autoFocus
                           id={`sasq-search-field-${id}`}
                           name="query"
@@ -729,6 +845,7 @@ const SASQLookupComponent = <span class="cstat-no" title="statement not covered"
                           }}
                           onClear={searchHandlers.reset}
                           value={searchValue.query}
+                          {...searchFieldProps}
                         /&gt;
                         &lt;Button
                           buttonStyle="primary"
@@ -774,14 +891,23 @@ const SASQLookupComponent = <span class="cstat-no" title="statement not covered"
                   &lt;/PaneMenu&gt;
                 :
                 null}
+                id={`${id}-main-pane`}
                 noOverflow
                 padContent={false}
-                paneSub={&lt;FormattedMessage id="stripes-kint-components.sasqLookupComponent.mainPane.found" values={{ total: data?.total }} /&gt;}
+                paneSub={
+                  kintIntl.formatKintMessage({
+                    id: 'found#Values',
+                    overrideValue: labelOverrides?.foundValues
+                  }, { total: data?.total })
+                }
                 {...mainPaneProps}
               &gt;
                 &lt;Body
                   data={data}
                   filterPaneVisible={filterPaneVisible}
+                  intlKey={passedIntlKey}
+                  intlNS={passedIntlNS}
+                  labelOverrides={labelOverrides}
                   query={query}
                   toggleFilterPane={toggleFilterPane}
                   {...restOfInfiniteQueryProps}
@@ -802,7 +928,7 @@ const SASQLookupComponent = <span class="cstat-no" title="statement not covered"
       }
     &lt;/SearchAndSortQuery&gt;
   );
-};
+});
 &nbsp;
 <span class="cstat-no" title="statement not covered" >SASQLookupComponent.propTypes = {</span>
   children: PropTypes.oneOfType([
@@ -821,19 +947,25 @@ const SASQLookupComponent = <span class="cstat-no" title="statement not covered"
   ]),
   history: PropTypes.object,
   id: PropTypes.string.isRequired,
+  intlKey: PropTypes.string,
+  intlNS: PropTypes.string,
+  labelOverrides: PropTypes.object,
   location: PropTypes.object,
   mainPaneProps: PropTypes.object,
   match: PropTypes.object,
   mclProps: PropTypes.object,
   noSearchField: PropTypes.bool,
   path: PropTypes.string.isRequired,
+  persistedPanesetProps: PropTypes.object,
   RenderBody: PropTypes.oneOfType([
     PropTypes.func,
     PropTypes.node
   ]),
   resource: PropTypes.object,
   resultColumns: PropTypes.arrayOf(PropTypes.object),
-  sasqProps: PropTypes.object
+  sasqProps: PropTypes.object,
+  searchFieldAriaLabel: PropTypes.string,
+  searchFieldProps: PropTypes.object
 };
 &nbsp;
 export default SASQLookupComponent;
@@ -844,7 +976,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 2022-11-22T09:57:19.883Z
+                at 2022-11-22T10:07:38.260Z
             </div>
         <script src="../prettify.js"></script>
         <script>