@k-int/stripes-kint-components 2.4.1 → 2.5.0

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

@@ -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 Fri Mar 11 2022 16:43:16 GMT+0000 (Greenwich Mean Time)
+                at Thu May 19 2022 10:55:24 GMT+0100 (British Summer Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/NoResultsMessage/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 Fri Mar 11 2022 16:43:16 GMT+0000 (Greenwich Mean Time)
+                at Thu May 19 2022 10:55:24 GMT+0100 (British Summer Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/QueryTypedown/QueryTypedown.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/7</span>
+                <span class='fraction'>0/8</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>0/1</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/2</span>
+                <span class='fraction'>0/3</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/7</span>
+                <span class='fraction'>0/8</span>
             </div>
         
             
@@ -96,13 +96,16 @@
 <a name='L31'></a><a href='#L31'>31</a>
 <a name='L32'></a><a href='#L32'>32</a>
 <a name='L33'></a><a href='#L33'>33</a>
-<a name='L34'></a><a href='#L34'>34</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L34'></a><a href='#L34'>34</a>
+<a name='L35'></a><a href='#L35'>35</a>
+<a name='L36'></a><a href='#L36'>36</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>
 <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>
@@ -129,6 +132,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-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 &nbsp;
@@ -136,12 +140,13 @@ import Typedown from '../Typedown';
 import { useTypedownData } from '../hooks/typedownHooks';
 &nbsp;
 const QueryTypedown = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span></span>
+  dataFormatter = <span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >d </span>=&gt; <span class="cstat-no" title="statement not covered" >d,</span></span>
   path,
   pathMutator,
   ...rest
 }) =&gt; {
   const [callPath, setCallPath] = <span class="cstat-no" title="statement not covered" >useState(pathMutator(null, path));</span>
-  const data = <span class="cstat-no" title="statement not covered" >useTypedownData(callPath);</span>
+  const data = <span class="cstat-no" title="statement not covered" >dataFormatter(useTypedownData(path, callPath));</span>
 &nbsp;
   const onType = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >e </span>=&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    setCallPath(pathMutator(e.target.value, path));</span>
@@ -157,6 +162,7 @@ const QueryTypedown = <span class="cstat-no" title="statement not covered" ><spa
 };
 &nbsp;
 <span class="cstat-no" title="statement not covered" >QueryTypedown.propTypes = {</span>
+  dataFormatter: PropTypes.func,
   path: PropTypes.string,
   pathMutator: PropTypes.func
 };
@@ -169,7 +175,7 @@ export default QueryTypedown;
             <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 Fri Mar 11 2022 16:43:16 GMT+0000 (Greenwich Mean Time)
+                at Thu May 19 2022 10:55:24 GMT+0100 (British Summer Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/QueryTypedown/index.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/7</span>
+                <span class='fraction'>0/8</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>0/1</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/2</span>
+                <span class='fraction'>0/3</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/7</span>
+                <span class='fraction'>0/8</span>
             </div>
         
             
@@ -84,13 +84,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="7" class="abs low">0/7</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="8" class="abs low">0/8</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="1" class="abs low">0/1</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="2" class="abs low">0/2</td>
+	<td data-value="3" class="abs low">0/3</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="7" class="abs low">0/7</td>
+	<td data-value="8" class="abs low">0/8</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 Fri Mar 11 2022 16:43:16 GMT+0000 (Greenwich Mean Time)
+                at Thu May 19 2022 10:55:24 GMT+0100 (British Summer Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/QueryTypedown/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 Fri Mar 11 2022 16:43:16 GMT+0000 (Greenwich Mean Time)
+                at Thu May 19 2022 10:55:24 GMT+0100 (British Summer Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -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 Fri Mar 11 2022 16:43:16 GMT+0000 (Greenwich Mean Time)
+                at Thu May 19 2022 10:55:24 GMT+0100 (British Summer Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -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 Fri Mar 11 2022 16:43:16 GMT+0000 (Greenwich Mean Time)
+                at Thu May 19 2022 10:55:24 GMT+0100 (British Summer Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/RefdataButtons/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 Fri Mar 11 2022 16:43:16 GMT+0000 (Greenwich Mean Time)
+                at Thu May 19 2022 10:55:24 GMT+0100 (British Summer Time)
             </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/44</span>
+                <span class='fraction'>0/38</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/33</span>
+                <span class='fraction'>0/30</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/15</span>
+                <span class='fraction'>0/10</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/42</span>
+                <span class='fraction'>0/37</span>
             </div>
         
             
@@ -320,40 +320,7 @@
 <a name='L255'></a><a href='#L255'>255</a>
 <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>
-<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></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>
+<a name='L258'></a><a href='#L258'>258</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>
@@ -384,6 +351,7 @@
 <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>
@@ -392,11 +360,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-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>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -416,9 +380,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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -446,20 +407,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-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-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>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -478,19 +425,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-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>
 <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-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>
@@ -506,7 +450,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>
@@ -519,9 +462,9 @@
 <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>
 <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>
@@ -532,12 +475,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>
-<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>
@@ -572,6 +509,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-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>
@@ -588,7 +526,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>
@@ -639,8 +576,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></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
-import PropTypes from 'prop-types';
+<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 { useInfiniteQuery } from 'react-query';
 &nbsp;
@@ -658,34 +595,30 @@ import {
   Button,
   IconButton,
   Icon,
-  MultiColumnList,
   Pane,
   PaneMenu,
   SearchField,
 } from '@folio/stripes/components';
-import NoResultsMessage from '../NoResultsMessage';
 &nbsp;
 import { generateKiwtQuery } from '../utils';
 import { 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 {
+    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,
+    id,
+    mainPaneProps,
+    noSearchField,
+    RenderBody,
+    sasqProps,
+  } = <span class="cstat-no" title="statement not covered" >props;</span>
 &nbsp;
-const SASQLookupComponent = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span></span>
-  children,
-  fetchParameters = <span class="branch-0 cbranch-no" title="branch not covered" >{},</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>
-  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>
-  history,
-  id,
-  location,
-  mainPaneProps,
-  match,
-  mclProps,
-  noSearchField,
-  path,
-  resultColumns = <span class="branch-0 cbranch-no" title="branch not covered" >[],</span>
-  RenderBody,
-  sasqProps,
-}) =&gt; {
   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>
   const ky = <span class="cstat-no" title="statement not covered" >useOkapiKy();</span>
@@ -703,10 +636,7 @@ const SASQLookupComponent = <span class="cstat-no" title="statement not covered"
 &nbsp;
   const {
     data: totalData = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
-    error,
-    isError,
-    isLoading,
-    fetchNextPage,
+    ...restOfInfiniteQueryProps
   } = <span class="cstat-no" title="statement not covered" >useInfiniteQuery(</span>
     [namespace, id, 'data', query],
     fetchPageData
@@ -733,20 +663,6 @@ const SASQLookupComponent = <span class="cstat-no" title="statement not covered"
     },
     {}
   ) ?? {};
-&nbsp;
-  // TODO focus handling to stop redraw movin to top
-&nbsp;
-  const onNeedMoreData = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(_</span>askAmount, index) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    fetchNextPage({ pageParam: index });</span>
-  };
-&nbsp;
-  // Build the map of column definitions
-  const columnMapping = <span class="cstat-no" title="statement not covered" >Object.fromEntries(</span>
-    resultColumns.map(<span class="fstat-no" title="function not covered" >e </span>=&gt; <span class="cstat-no" title="statement not covered" >[e.propertyPath, e.label])</span>
-  );
-&nbsp;
-  // Build the list of visible columns
-  const visibleColumns = <span class="cstat-no" title="statement not covered" >resultColumns.map(<span class="fstat-no" title="function not covered" >e </span>=&gt; <span class="cstat-no" title="statement not covered" >e.propertyPath)</span>;</span>
 &nbsp;
 <span class="cstat-no" title="statement not covered" >  return (</span>
     &lt;SearchAndSortQuery
@@ -756,55 +672,22 @@ const SASQLookupComponent = <span class="cstat-no" title="statement not covered"
       {...sasqProps}
     &gt;
       {
-<span class="fstat-no" title="function not covered" >        ({</span>
+<span class="fstat-no" title="function not covered" >        (s</span>asqRenderProps) =&gt; {
+          const {
           activeFilters,
           filterChanged,
           getFilterHandlers,
           getSearchHandlers,
-          onSort,
           onSubmitSearch,
           resetAll,
           searchChanged,
           searchValue
-        }) =&gt; {
+        } = <span class="cstat-no" title="statement not covered" >sasqRenderProps;</span>
+&nbsp;
           const searchHandlers = <span class="cstat-no" title="statement not covered" >getSearchHandlers();</span>
-          const sortOrder = <span class="cstat-no" title="statement not covered" >query.sort ?? '';</span>
           const disableReset = <span class="cstat-no" title="statement not covered" >!filterChanged &amp;&amp; !searchChanged;</span>
 &nbsp;
           const filterCount = <span class="cstat-no" title="statement not covered" >activeFilters.string ? activeFilters.string.split(',').length : 0;</span>
-&nbsp;
-          const TableBody = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; (</span>
-<span class="cstat-no" title="statement not covered" >            &lt;MultiColumnList</span>
-              autosize
-              columnMapping={columnMapping}
-              contentData={data?.results}
-              isEmptyMessage={
-                &lt;NoResultsMessage
-                  {...{
-                    error,
-                    isError,
-                    isLoading,
-                    filterPaneIsVisible: filterPaneVisible,
-                    searchTerm: query.query,
-                    toggleFilterPane
-                  }}
-                /&gt;
-              }
-              isSelected={<span class="fstat-no" title="function not covered" >({</span> item }) =&gt; <span class="cstat-no" title="statement not covered" >item.id === match?.params?.id}</span>
-              onHeaderClick={onSort}
-              onNeedMoreData={onNeedMoreData}
-              onRowClick={<span class="fstat-no" title="function not covered" >(_</span>e, rowData) =&gt; {
-<span class="cstat-no" title="statement not covered" >                history.push(`${path}/${rowData?.id}${location?.search}`);</span>
-              }}
-              pagingType="click"
-              sortDirection={sortOrder.startsWith('-') ? 'descending' : 'ascending'}
-              sortOrder={sortOrder.replace(/^-/, '').replace(/,.*/, '')}
-              totalCount={data.totalRecords}
-              virtualize
-              visibleColumns={visibleColumns}
-              {...mclProps}
-            /&gt;
-          );
 &nbsp;
           const Body = <span class="cstat-no" title="statement not covered" >RenderBody ?? TableBody;</span>
 &nbsp;
@@ -825,6 +708,7 @@ const SASQLookupComponent = <span class="cstat-no" title="statement not covered"
                     &lt;/PaneMenu&gt;
                   }
                   paneTitle={&lt;FormattedMessage id="stripes-smart-components.searchAndFilter" /&gt;}
+                  {...filterPaneProps}
                 &gt;
                   &lt;form onSubmit={onSubmitSearch}&gt;
                     &lt;FilterPaneHeaderComponent /&gt;
@@ -833,7 +717,13 @@ const SASQLookupComponent = <span class="cstat-no" title="statement not covered"
                         &lt;SearchField
                           autoFocus
                           name="query"
-                          onChange={searchHandlers.query}
+                          onChange={<span class="fstat-no" title="function not covered" >e </span>=&gt; {
+<span class="cstat-no" title="statement not covered" >                            if (e.target?.value) {</span>
+<span class="cstat-no" title="statement not covered" >                              searchHandlers.query(e); </span>// SASQ needs the whole event here
+                            } else {
+<span class="cstat-no" title="statement not covered" >                              searchHandlers.reset();</span>
+                            }
+                          }}
                           onClear={searchHandlers.reset}
                           value={searchValue.query}
                         /&gt;
@@ -881,10 +771,26 @@ const SASQLookupComponent = <span class="cstat-no" title="statement not covered"
                   &lt;/PaneMenu&gt;
                 :
                 null}
+                noOverflow
+                padContent={false}
                 paneSub={&lt;FormattedMessage id="stripes-kint-components.sasqLookupComponent.mainPane.found" values={{ total: data?.total }} /&gt;}
                 {...mainPaneProps}
               &gt;
-                &lt;Body data={data} /&gt;
+                &lt;Body
+                  data={data}
+                  query={query}
+                  toggleFilterPane={toggleFilterPane}
+                  filterPaneVisible={filterPaneVisible}
+                  {...restOfInfiniteQueryProps}
+                  {...sasqRenderProps}
+                  /*
+                   * This is insane, it looks like SASQProps `initialSortState`
+                   * needs to be passed through to MCL, as it relies on MCL calling the initial
+                   * sort handler. Passing through SASQProps.
+                   */
+                  {...sasqProps}
+                  {...props}
+                /&gt;
               &lt;/Pane&gt;
               {children}
             &lt;/PersistedPaneset&gt;
@@ -901,6 +807,7 @@ const SASQLookupComponent = <span class="cstat-no" title="statement not covered"
     PropTypes.node
   ]),
   fetchParameters: PropTypes.object,
+  filterPaneProps: PropTypes.object,
   FilterComponent: PropTypes.oneOfType([
     PropTypes.func,
     PropTypes.node
@@ -934,7 +841,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 Fri Mar 11 2022 16:43:16 GMT+0000 (Greenwich Mean Time)
+                at Thu May 19 2022 10:55:24 GMT+0100 (British Summer Time)
             </div>
         <script src="../prettify.js"></script>
         <script>