@k-int/stripes-kint-components 5.34.1 → 5.36.0

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">98.33% </span>
+                <span class="strong">98.36% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>59/60</span>
+                <span class='fraction'>60/61</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">88.23% </span>
+                <span class="strong">89.47% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>60/68</span>
+                <span class='fraction'>68/76</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>18/18</span>
+                <span class='fraction'>19/19</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">98.27% </span>
+                <span class="strong">98.3% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>57/58</span>
+                <span class='fraction'>58/59</span>
             </div>
         
             
@@ -501,7 +501,63 @@
 <a name='L436'></a><a href='#L436'>436</a>
 <a name='L437'></a><a href='#L437'>437</a>
 <a name='L438'></a><a href='#L438'>438</a>
-<a name='L439'></a><a href='#L439'>439</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L439'></a><a href='#L439'>439</a>
+<a name='L440'></a><a href='#L440'>440</a>
+<a name='L441'></a><a href='#L441'>441</a>
+<a name='L442'></a><a href='#L442'>442</a>
+<a name='L443'></a><a href='#L443'>443</a>
+<a name='L444'></a><a href='#L444'>444</a>
+<a name='L445'></a><a href='#L445'>445</a>
+<a name='L446'></a><a href='#L446'>446</a>
+<a name='L447'></a><a href='#L447'>447</a>
+<a name='L448'></a><a href='#L448'>448</a>
+<a name='L449'></a><a href='#L449'>449</a>
+<a name='L450'></a><a href='#L450'>450</a>
+<a name='L451'></a><a href='#L451'>451</a>
+<a name='L452'></a><a href='#L452'>452</a>
+<a name='L453'></a><a href='#L453'>453</a>
+<a name='L454'></a><a href='#L454'>454</a>
+<a name='L455'></a><a href='#L455'>455</a>
+<a name='L456'></a><a href='#L456'>456</a>
+<a name='L457'></a><a href='#L457'>457</a>
+<a name='L458'></a><a href='#L458'>458</a>
+<a name='L459'></a><a href='#L459'>459</a>
+<a name='L460'></a><a href='#L460'>460</a>
+<a name='L461'></a><a href='#L461'>461</a>
+<a name='L462'></a><a href='#L462'>462</a>
+<a name='L463'></a><a href='#L463'>463</a>
+<a name='L464'></a><a href='#L464'>464</a>
+<a name='L465'></a><a href='#L465'>465</a>
+<a name='L466'></a><a href='#L466'>466</a>
+<a name='L467'></a><a href='#L467'>467</a>
+<a name='L468'></a><a href='#L468'>468</a>
+<a name='L469'></a><a href='#L469'>469</a>
+<a name='L470'></a><a href='#L470'>470</a>
+<a name='L471'></a><a href='#L471'>471</a>
+<a name='L472'></a><a href='#L472'>472</a>
+<a name='L473'></a><a href='#L473'>473</a>
+<a name='L474'></a><a href='#L474'>474</a>
+<a name='L475'></a><a href='#L475'>475</a>
+<a name='L476'></a><a href='#L476'>476</a>
+<a name='L477'></a><a href='#L477'>477</a>
+<a name='L478'></a><a href='#L478'>478</a>
+<a name='L479'></a><a href='#L479'>479</a>
+<a name='L480'></a><a href='#L480'>480</a>
+<a name='L481'></a><a href='#L481'>481</a>
+<a name='L482'></a><a href='#L482'>482</a>
+<a name='L483'></a><a href='#L483'>483</a>
+<a name='L484'></a><a href='#L484'>484</a>
+<a name='L485'></a><a href='#L485'>485</a>
+<a name='L486'></a><a href='#L486'>486</a>
+<a name='L487'></a><a href='#L487'>487</a>
+<a name='L488'></a><a href='#L488'>488</a>
+<a name='L489'></a><a href='#L489'>489</a>
+<a name='L490'></a><a href='#L490'>490</a>
+<a name='L491'></a><a href='#L491'>491</a>
+<a name='L492'></a><a href='#L492'>492</a>
+<a name='L493'></a><a href='#L493'>493</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>
@@ -545,8 +601,47 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">976x</span>
-<span class="cline-any cline-yes">976x</span>
+<span class="cline-any cline-yes">1100x</span>
+<span class="cline-any cline-yes">1100x</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-yes">861x</span>
+<span class="cline-any cline-yes">861x</span>
+<span class="cline-any cline-yes">861x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">861x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">861x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">200x</span>
+<span class="cline-any cline-yes">859x</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-yes">940x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">940x</span>
+<span class="cline-any cline-yes">940x</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>
@@ -554,52 +649,52 @@
 <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">940x</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">940x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">814x</span>
-<span class="cline-any cline-yes">814x</span>
-<span class="cline-any cline-yes">814x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">814x</span>
-<span class="cline-any cline-yes">814x</span>
-<span class="cline-any cline-yes">814x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">814x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">204x</span>
-<span class="cline-any cline-yes">812x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">940x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">940x</span>
+<span class="cline-any cline-yes">425x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">940x</span>
+<span class="cline-any cline-yes">940x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">940x</span>
+<span class="cline-any cline-yes">940x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">893x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">893x</span>
-<span class="cline-any cline-yes">893x</span>
+<span class="cline-any cline-yes">940x</span>
+<span class="cline-any cline-yes">940x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">940x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">940x</span>
+<span class="cline-any cline-yes">611x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">893x</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">893x</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>
@@ -609,31 +704,23 @@
 <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">893x</span>
+<span class="cline-any cline-yes">940x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">893x</span>
-<span class="cline-any cline-yes">395x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">893x</span>
-<span class="cline-any cline-yes">893x</span>
+<span class="cline-any cline-yes">940x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">940x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">893x</span>
-<span class="cline-any cline-yes">893x</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">893x</span>
-<span class="cline-any cline-yes">893x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">893x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">893x</span>
-<span class="cline-any cline-yes">571x</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">200x</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>
@@ -646,16 +733,18 @@
 <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">940x</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">893x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">940x</span>
+<span class="cline-any cline-yes">372x</span>
+<span class="cline-any cline-yes">186x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">893x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">893x</span>
+<span class="cline-any cline-yes">940x</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>
@@ -663,33 +752,32 @@
 <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">940x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">204x</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">1129x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">338x</span>
+<span class="cline-any cline-yes">330x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">893x</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">893x</span>
-<span class="cline-any cline-yes">352x</span>
-<span class="cline-any cline-yes">176x</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">893x</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>
@@ -697,7 +785,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-yes">893x</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>
@@ -712,45 +799,60 @@
 <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">940x</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">1130x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1130x</span>
-<span class="cline-any cline-yes">1130x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1130x</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">1130x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1130x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1130x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1130x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1227x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1227x</span>
+<span class="cline-any cline-yes">1227x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1227x</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">1227x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1130x</span>
-<span class="cline-any cline-yes">1130x</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">1227x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1227x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1227x</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-yes">1227x</span>
+<span class="cline-any cline-yes">1227x</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">1130x</span>
+<span class="cline-any cline-yes">1227x</span>
 <span class="cline-any cline-yes">22x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -760,10 +862,18 @@
 <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">1108x</span>
+<span class="cline-any cline-yes">1205x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1227x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1227x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1130x</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>
@@ -802,10 +912,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">304x</span>
-<span class="cline-any cline-yes">300x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</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>
@@ -939,8 +1046,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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import {
-  forwardRef,
+  forwardRef, useCallback,
   useEffect,
   useImperativeHandle,
   useMemo,
@@ -979,6 +1087,8 @@ import {
 import TableBody from './TableBody';
 import SearchKeyControl from '../SearchKeyControl';
 &nbsp;
+import css from '../../../styles/SASQLookupComponent.css';
+&nbsp;
 const SASQLookupComponent = forwardRef((props, ref) =&gt; {
   const {
     children,
@@ -1001,9 +1111,7 @@ const SASQLookupComponent = forwardRef((props, ref) =&gt; {
       <span class="missing-if-branch" title="else path not taken" >E</span>if (passedId) {
         queryNamespace.push(passedId);
       }
-      queryNamespace.push('viewAll');
-      queryNamespace.push(query);
-      queryNamespace.push(currentPage);
+      queryNamespace.push('viewAll', query, currentPage);
 &nbsp;
       return queryNamespace;
     },
@@ -1019,6 +1127,7 @@ const SASQLookupComponent = forwardRef((props, ref) =&gt; {
     rowNavigation = true, // Default navigation onRowClick
     sasqProps,
     searchableIndexes = [],
+    SearchComponent: PassedSearchComponent,
     searchFieldAriaLabel,
     searchFieldProps = {},
   } = props;
@@ -1134,6 +1243,53 @@ const SASQLookupComponent = forwardRef((props, ref) =&gt; {
     },
     queryParams,
   }));
+&nbsp;
+  const InternalSearchComponent = useCallback(({
+    disableReset,
+    resetAll,
+    searchHandlers,
+    searchValue
+  }) =&gt; (
+    &lt;&gt;
+      &lt;SearchField
+        ariaLabel={searchFieldAriaLabel}
+        autoFocus
+        id={`sasq-search-field-${id}`}
+        name="query"
+        onChange={(e) =&gt; {
+          if (e.target?.value) {
+            searchHandlers.query(e); // SASQ needs the whole event here
+          } else {
+            searchHandlers.reset();
+          }
+        }}
+        onClear={searchHandlers.reset}
+        value={searchValue.query}
+        {...searchFieldProps}
+      /&gt;
+      {searchableIndexes?.length &gt; 0 &amp;&amp; (
+        &lt;SearchKeyControl options={searchableIndexes} /&gt;
+      )}
+      &lt;Button
+        buttonStyle="primary"
+        disabled={!searchValue.query}
+        fullWidth
+        type="submit"
+      &gt;
+        &lt;FormattedMessage id="stripes-smart-components.search" /&gt;
+      &lt;/Button&gt;
+      &lt;Button
+        buttonStyle="none"
+        disabled={disableReset}
+        id="clickable-reset-all"
+        onClick={resetAll}
+      &gt;
+        &lt;Icon icon="times-circle-solid"&gt;
+          &lt;FormattedMessage id="stripes-smart-components.resetAll" /&gt;
+        &lt;/Icon&gt;
+      &lt;/Button&gt;
+    &lt;/&gt;
+  ), [id, searchFieldAriaLabel, searchFieldProps, searchableIndexes]);
 &nbsp;
   return (
     &lt;SearchAndSortQuery
@@ -1200,6 +1356,8 @@ const SASQLookupComponent = forwardRef((props, ref) =&gt; {
           }
           return null;
         };
+&nbsp;
+        const SearchComponent = PassedSearchComponent ?? InternalSearchComponent;
 &nbsp;
         return (
           &lt;PersistedPaneset
@@ -1232,49 +1390,17 @@ const SASQLookupComponent = forwardRef((props, ref) =&gt; {
               &gt;
                 &lt;form onSubmit={onSubmitSearch}&gt;
                   &lt;FilterPaneHeaderComponent /&gt;
-                  {!noSearchField &amp;&amp; (
-                    &lt;&gt;
-                      &lt;SearchField
-                        ariaLabel={searchFieldAriaLabel}
-                        autoFocus
-                        id={`sasq-search-field-${id}`}
-                        name="query"
-                        onChange={(e) =&gt; {
-                          if (e.target?.value) {
-                            searchHandlers.query(e); // SASQ needs the whole event here
-                          } else {
-                            searchHandlers.reset();
-                          }
-                        }}
-                        onClear={searchHandlers.reset}
-                        value={searchValue.query}
-                        {...searchFieldProps}
-                      /&gt;
-                      {searchableIndexes?.length &gt; 0 &amp;&amp; (
-                        &lt;SearchKeyControl options={searchableIndexes} /&gt;
-                      )}
-                      &lt;Button
-                        buttonStyle="primary"
-                        disabled={!searchValue.query}
-                        fullWidth
-                        type="submit"
-                      &gt;
-                        &lt;FormattedMessage id="stripes-smart-components.search" /&gt;
-                      &lt;/Button&gt;
-                      &lt;Button
-                        buttonStyle="none"
-                        disabled={disableReset}
-                        id="clickable-reset-all"
-                        onClick={resetAll}
-                      &gt;
-                        &lt;Icon icon="times-circle-solid"&gt;
-                          &lt;FormattedMessage id="stripes-smart-components.resetAll" /&gt;
-                        &lt;/Icon&gt;
-                      &lt;/Button&gt;
-                    &lt;/&gt;
-                  )}
+                  {!noSearchField &amp;&amp;
+                    &lt;SearchComponent
+                      disableReset={disableReset}
+                      resetAll={resetAll}
+                      searchHandlers={searchHandlers}
+                      searchValue={searchValue}
+                    /&gt;
+                  }
                   &lt;FilterComponent
-                    activeFilters={activeFilters.state}
+                    activeFilters={activeFilters}
+                    data={data}
                     filterChanged={filterChanged}
                     filterHandlers={getFilterHandlers()}
                     resetAll={resetAll}
@@ -1304,33 +1430,68 @@ const SASQLookupComponent = forwardRef((props, ref) =&gt; {
               )}
               {...restOfMainPaneProps}
             &gt;
-              &lt;Body
-                data={data}
-                filterPaneVisible={filterPaneVisible}
-                intlKey={passedIntlKey}
-                intlNS={passedIntlNS}
-                labelOverrides={labelOverrides}
-                noResultsProps={noResultsProps}
-                query={query}
-                rowNavigation={rowNavigation}
-                toggleFilterPane={toggleFilterPane}
-                {...restOfQueryProps}
-                {...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}
-                // pass down all props handed to us except mclProps (pass those down below with our extra prev/next goodies)
-                {...{
-                  ...props,
-                  mclProps: {
-                    ...paginationMCLProps,
-                    ...mclProps,
-                  },
-                }}
-              /&gt;
+              &lt;div className={css.mainPaneContainer}&gt;
+                {!hasFilterPane &amp;&amp;
+                  &lt;div className={css.controlsContainer}&gt;
+                    &lt;form onSubmit={onSubmitSearch}&gt;
+                      &lt;FilterPaneHeaderComponent /&gt;
+                      {!noSearchField &amp;&amp;
+                        &lt;SearchComponent
+                          disableReset={disableReset}
+                          resetAll={resetAll}
+                          searchHandlers={searchHandlers}
+                          searchValue={searchValue}
+                        /&gt;
+                      }
+                      &lt;FilterComponent
+                        activeFilters={activeFilters}
+                        data={data}
+                        filterChanged={filterChanged}
+                        filterHandlers={getFilterHandlers()}
+                        resetAll={resetAll}
+                        searchChanged={searchChanged}
+                        searchHandlers={getSearchHandlers()}
+                        searchValue={searchValue}
+                      /&gt;
+                    &lt;/form&gt;
+                  &lt;/div&gt;
+                }
+                &lt;div className={css.bodyContainer}&gt;
+                  &lt;Body
+                    data={data}
+                    filterPaneVisible={filterPaneVisible}
+                    intlKey={passedIntlKey}
+                    intlNS={passedIntlNS}
+                    labelOverrides={labelOverrides}
+                    noResultsProps={{
+                      ...noResultsProps,
+                      iconPresets: {
+                        noTermsWhenFilterPane: hasFilterPane ? null : 'arrow-up',
+                        ...noResultsProps.iconPresets,
+                      },
+                    }}
+                    query={query}
+                    rowNavigation={rowNavigation}
+                    toggleFilterPane={toggleFilterPane}
+                    {...restOfQueryProps}
+                    {...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}
+                    // pass down all props handed to us except mclProps (pass those down below with our extra prev/next goodies)
+                    {...{
+                      ...props,
+                      mclProps: {
+                        ...paginationMCLProps,
+                        ...mclProps,
+                      },
+                    }}
+                  /&gt;
+                &lt;/div&gt;
+              &lt;/div&gt;
             &lt;/Pane&gt;
             {children}
           &lt;/PersistedPaneset&gt;
@@ -1372,6 +1533,7 @@ SASQLookupComponent.propTypes = {
       label: PropTypes.string,
     })
   ),
+  SearchComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
   searchFieldAriaLabel: PropTypes.string,
   searchFieldProps: PropTypes.object,
 };
@@ -1384,7 +1546,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 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>