@k-int/stripes-kint-components 5.31.4 → 5.33.0

package/src/artifacts/coverage-jest/Settings/hooks/useSettings/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 2026-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Settings/hooks/useSettings/useSettings.js.html

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">1.38% </span>
+                <span class="strong">3.94% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>1/72</span>
+                <span class='fraction'>3/76</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">1.44% </span>
+                <span class="strong">4.1% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>1/69</span>
+                <span class='fraction'>3/73</span>
             </div>
         
             
@@ -307,7 +307,25 @@
 <a name='L242'></a><a href='#L242'>242</a>
 <a name='L243'></a><a href='#L243'>243</a>
 <a name='L244'></a><a href='#L244'>244</a>
-<a name='L245'></a><a href='#L245'>245</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L245'></a><a href='#L245'>245</a>
+<a name='L246'></a><a href='#L246'>246</a>
+<a name='L247'></a><a href='#L247'>247</a>
+<a name='L248'></a><a href='#L248'>248</a>
+<a name='L249'></a><a href='#L249'>249</a>
+<a name='L250'></a><a href='#L250'>250</a>
+<a name='L251'></a><a href='#L251'>251</a>
+<a name='L252'></a><a href='#L252'>252</a>
+<a name='L253'></a><a href='#L253'>253</a>
+<a name='L254'></a><a href='#L254'>254</a>
+<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></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>
@@ -322,6 +340,20 @@
 <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">27x</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-yes">27x</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">27x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -341,11 +373,19 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-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>
 <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>
@@ -461,15 +501,6 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-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>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -477,20 +508,23 @@
 <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-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>
 <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-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-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>
@@ -498,6 +532,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>
@@ -551,24 +586,46 @@
 <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 { useCallback, useEffect, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
-&nbsp;
 import { useQueries } from 'react-query';
+&nbsp;
 import { useOkapiKy, useStripes } from '@folio/stripes/core';
 &nbsp;
-import { Settings } from '@folio/stripes/smart-components';
+// We have swapped from the stripes-smart components settings page to our own internal one.
+// I'd honestly prefer to redo it all but at least this way we're in control
+// import { Settings } from '@folio/stripes/smart-components';
+import Settings from '../../Settings';
 &nbsp;
 import { SettingPage, SettingPagePane } from '../../SettingPage';
 import { SettingsContext } from '../../contexts';
 &nbsp;
 import { generateKiwtQueryParams, sortByLabel, toCamelCase } from '../../../utils';
-import { useKintIntl, useIntlKey } from '../../../hooks';
+import { useIntlKey, useKintIntl } from '../../../hooks';
+&nbsp;
+const InternalSettingsContextProvider = <span class="fstat-no" title="function not covered" >({</span> children, contextValue }) =&gt; (
+<span class="cstat-no" title="statement not covered" >  &lt;SettingsContext.Provider value={contextValue}&gt;</span>
+    {children}
+  &lt;/SettingsContext.Provider&gt;
+);
+&nbsp;
+InternalSettingsContextProvider.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  contextValue: PropTypes.object,
+};
 &nbsp;
 // TODO work underway to make the settings hook more useful when trying to render multiple sections at a time
 const useSettings = <span class="fstat-no" title="function not covered" >(s</span>ettingsProps = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; {
   const {
     allowGlobalEdit = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span>
+    // DEPRECATED This prop will eventually be set to FALSE in a breaking change.
+    // This is a LEGACY prop, which ensured each page had context pre-wrapped.
+    // This is NOT required while using Settings component within kint-components
+    // to render dynamic pages, but the dynamic pages break if context is missing with
+    // the stripes smart components model
+    // Turn this OFF if having difficulties with settings page redraws (When using SASQ in particular)
+    contextPerPage = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span>
     dynamicPageExclusions,
     intlKey: passedIntlKey,
     intlNS: passedIntlNS,
@@ -590,6 +647,7 @@ const useSettings = <span class="fstat-no" title="function not covered" >(s</spa
   const ky = <span class="cstat-no" title="statement not covered" >useOkapiKy();</span>
   const stripes = <span class="cstat-no" title="statement not covered" >useStripes();</span>
   const kintIntl = <span class="cstat-no" title="statement not covered" >useKintIntl(passedIntlKey, passedIntlNS);</span>
+  const intlKey = <span class="cstat-no" title="statement not covered" >useIntlKey(passedIntlKey, passedIntlNS);</span>
 &nbsp;
   // Set up array of queryParams, pageLists etc etc ready for us to do all the work in a single place
 &nbsp;
@@ -704,47 +762,42 @@ const useSettings = <span class="fstat-no" title="function not covered" >(s</spa
 &nbsp;
   const finalSections = <span class="cstat-no" title="statement not covered" >useMemo(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    return sectionMetaArray.map((<span class="fstat-no" title="function not covered" >(s</span>ma, idx) =&gt; {</span>
-      const SettingsContextProvider = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span> children }) =&gt; {</span>
-        const intlKey = <span class="cstat-no" title="statement not covered" >useIntlKey(passedIntlKey, passedIntlNS);</span>
-<span class="cstat-no" title="statement not covered" >        return (</span>
-          &lt;SettingsContext.Provider
-            value={{
-              intlKey: sma.intlKey ?? intlKey, // This is only here for backwards compatibility... is now grabbed from useIntlKey instead of what's passed in directly
-              refdataEndpoint: sma.refdataEndpoint ?? refdataEndpoint,
-              settingEndpoint: sma.settingEndpoint ?? settingEndpoint,
-              templateEndpoint: sma.templateEndpoint ?? templateEndpoint,
-            }}
-          &gt;
-            {children}
-          &lt;/SettingsContext.Provider&gt;
-        );
-      };
-&nbsp;
-<span class="cstat-no" title="statement not covered" >      SettingsContextProvider.propTypes = {</span>
-        children: PropTypes.oneOfType([
-          PropTypes.func,
-          PropTypes.node
-        ])
+      const contextValue = <span class="cstat-no" title="statement not covered" >{</span>
+        intlKey: sma.intlKey ?? intlKey, // This is only here for backwards compatibility... is now grabbed from useIntlKey instead of what's passed in directly
+        refdataEndpoint: sma.refdataEndpoint ?? refdataEndpoint,
+        settingEndpoint: sma.settingEndpoint ?? settingEndpoint,
+        templateEndpoint: sma.templateEndpoint ?? templateEndpoint,
       };
 &nbsp;
       const finalPermission = <span class="cstat-no" title="statement not covered" >sma.sectionPermission ?? sectionPermission;</span>
 <span class="cstat-no" title="statement not covered" >      if (!finalPermission || stripes.hasPerm(finalPermission)) {</span>
         const dynamicPagesFromQueryReturn = <span class="cstat-no" title="statement not covered" >getDynamicPages(queryReturnArray[idx], sma);</span>
 &nbsp;
-        const finalPages = <span class="cstat-no" title="statement not covered" >sma.pages ?? pages ?? (sma.persistentPages ?? persistentPages).concat(dynamicPagesFromQueryReturn.dynamic).sort(sortByLabel).map(<span class="fstat-no" title="function not covered" >(p</span>) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >          return {</span>
-            ...p,
-            component: <span class="fstat-no" title="function not covered" >(p</span>CProps) =&gt; (
-<span class="cstat-no" title="statement not covered" >              &lt;SettingsContextProvider&gt;</span>
-                &lt;p.component {...pCProps} /&gt;
-              &lt;/SettingsContextProvider&gt;
-            )
-          };
-        });
+        const finalPages = <span class="cstat-no" title="statement not covered" >sma.pages ?? pages ??</span>
+          (sma.persistentPages ?? persistentPages)
+            .concat(dynamicPagesFromQueryReturn.dynamic)
+            .sort(sortByLabel)
+            .map(<span class="fstat-no" title="function not covered" >(p</span>) =&gt; {
+              let component = <span class="cstat-no" title="statement not covered" >p.component;</span>
+<span class="cstat-no" title="statement not covered" >              if (contextPerPage) {</span>
+<span class="cstat-no" title="statement not covered" >                component = <span class="fstat-no" title="function not covered" >(c</span>props) =&gt; (</span>
+<span class="cstat-no" title="statement not covered" >                  &lt;InternalSettingsContextProvider contextValue={contextValue}&gt;</span>
+                    &lt;p.component {...cprops} /&gt;
+                  &lt;/InternalSettingsContextProvider&gt;
+                );
+              }
+&nbsp;
+<span class="cstat-no" title="statement not covered" >              return {</span>
+                ...p,
+                component,
+                Provider: InternalSettingsContextProvider,
+                contextValue,
+              };
+            });
 &nbsp;
 <span class="cstat-no" title="statement not covered" >        return {</span>
           ...sma,
-          SettingsContextProvider,
+          SettingsContextProvider: InternalSettingsContextProvider,
           ...dynamicPagesFromQueryReturn,
           pageList: finalPages, // DEPRECATED Here for backwards compatibility
           pages: finalPages // ASSUMPTION MADE THAT INDICES REMAIN THE SAME
@@ -752,49 +805,50 @@ const useSettings = <span class="fstat-no" title="function not covered" >(s</spa
       }
 <span class="cstat-no" title="statement not covered" >      return null;</span>
     })).filter(Boolean);
-  }, [getDynamicPages, pages, passedIntlKey, passedIntlNS, persistentPages, queryReturnArray, refdataEndpoint, sectionMetaArray, sectionPermission, settingEndpoint, stripes, templateEndpoint]);
+  }, [contextPerPage, getDynamicPages, intlKey, pages, persistentPages, queryReturnArray, refdataEndpoint, sectionMetaArray, sectionPermission, settingEndpoint, stripes, templateEndpoint]);
 &nbsp;
-  const pageList = <span class="cstat-no" title="statement not covered" >useMemo(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+  const outputPages = <span class="cstat-no" title="statement not covered" >useMemo(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
     let finalPages = <span class="cstat-no" title="statement not covered" >null;</span>
-<span class="cstat-no" title="statement not covered" >    if (finalSections &amp;&amp; finalSections.length === 1 &amp;&amp; !renderSingleSection) {</span>
+<span class="cstat-no" title="statement not covered" >    if (finalSections?.length === 1 &amp;&amp; !renderSingleSection) {</span>
 <span class="cstat-no" title="statement not covered" >      finalPages = pages ?? finalSections[0].pages;</span>
     }
 &nbsp;
 <span class="cstat-no" title="statement not covered" >    return finalPages;</span>
   }, [finalSections, pages, renderSingleSection]);
 &nbsp;
-  const passedSections = <span class="cstat-no" title="statement not covered" >useMemo(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+  const outputSections = <span class="cstat-no" title="statement not covered" >useMemo(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    if (finalSections.length &gt; 1 || (finalSections.length === 1 &amp;&amp; renderSingleSection)) {</span>
 <span class="cstat-no" title="statement not covered" >      return finalSections;</span>
     }
 <span class="cstat-no" title="statement not covered" >    return null;</span>
   }, [finalSections, renderSingleSection]);
 &nbsp;
-  const SettingsComponent = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {</span>
+  const SettingsComponent = <span class="cstat-no" title="statement not covered" >useCallback(<span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    return (</span>
       &lt;Settings
-        pages={pageList}
+        pages={outputPages}
         paneTitle={
           kintIntl.formatKintMessage({
             id: 'meta.title'
           })}
-        sections={passedSections}
+        sections={outputSections}
         {...props}
       /&gt;
     );
-  };
+  }, [kintIntl, outputPages, outputSections]);
 &nbsp;
 <span class="cstat-no" title="statement not covered" >  return {</span>
     isLoading,
-    pageList,
-    sections: finalSections,
+    pageList: outputPages,
+    sections: outputSections,
     SettingsComponent,
     // This doesn't make much sense if there is more than one section, here to avoid breaking changes
-    SettingsContextProvider: (finalSections &amp;&amp; finalSections.length === 1) ? finalSections[0].SettingsContextProvider : <span class="fstat-no" title="function not covered" >({</span> children }) =&gt; <span class="cstat-no" title="statement not covered" >&lt;&gt; { children } &lt;/&gt;</span>
+    SettingsContextProvider: (finalSections?.length === 1) ? finalSections[0].SettingsContextProvider : <span class="fstat-no" title="function not covered" >({</span> children }) =&gt; <span class="cstat-no" title="statement not covered" >&lt;&gt; { children } &lt;/&gt;</span>
   };
 };
 &nbsp;
 export default useSettings;
+&nbsp;
 &nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
@@ -802,7 +856,7 @@ export default useSettings;
             <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-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Settings/index.html

@@ -101,7 +101,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 2026-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Settings/index.js.html

@@ -91,7 +91,13 @@
 <a name='L26'></a><a href='#L26'>26</a>
 <a name='L27'></a><a href='#L27'>27</a>
 <a name='L28'></a><a href='#L28'>28</a>
-<a name='L29'></a><a href='#L29'>29</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L29'></a><a href='#L29'>29</a>
+<a name='L30'></a><a href='#L30'>30</a>
+<a name='L31'></a><a href='#L31'>31</a>
+<a name='L32'></a><a href='#L32'>32</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-neutral">&nbsp;</span>
@@ -130,6 +136,9 @@ export {
   SettingPagePane,
 } from './SettingPage';
 &nbsp;
+// Internal replacement for stripes-smart-components Settings component
+export { default as Settings } from './Settings';
+&nbsp;
 // EditableSettingsList
 export * from './EditableSettingsList';
 &nbsp;
@@ -154,7 +163,7 @@ export * from './constants';
             <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-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -505,7 +505,7 @@ export default Tags;
             <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-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Tags/hooks/index.html

@@ -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 2026-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Tags/hooks/index.js.html

@@ -76,7 +76,7 @@ export { default as useTags } from './useTags';
             <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-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Tags/hooks/useTags.js.html

@@ -118,7 +118,7 @@ export default useTags;
             <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-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Tags/hooks/useTagsEnabled.js.html

@@ -265,7 +265,7 @@ export default useTagsEnabled;
             <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-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Tags/index.html

@@ -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 2026-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Tags/index.js.html

@@ -82,7 +82,7 @@ export * from './hooks';
             <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-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Tags/tagsConfig.js.html

@@ -118,7 +118,7 @@ export {
             <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-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Typedown/Typedown.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/48</span>
+                <span class='fraction'>0/49</span>
             </div>
         
             
@@ -415,7 +415,10 @@
 <a name='L350'></a><a href='#L350'>350</a>
 <a name='L351'></a><a href='#L351'>351</a>
 <a name='L352'></a><a href='#L352'>352</a>
-<a name='L353'></a><a href='#L353'>353</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L353'></a><a href='#L353'>353</a>
+<a name='L354'></a><a href='#L354'>354</a>
+<a name='L355'></a><a href='#L355'>355</a>
+<a name='L356'></a><a href='#L356'>356</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>
@@ -453,6 +456,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>
@@ -568,6 +572,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>
@@ -734,6 +739,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-yes">27x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -786,6 +792,7 @@ const Typedown = <span class="fstat-no" title="function not covered" >({</span>
   dataOptions,
   displayClearItem = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span>
   displayValueWhileOpen = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span>
+  dropdownPlacement = <span class="branch-0 cbranch-no" title="branch not covered" >'bottom-start',</span>
   endOfList,
   getDisplayValue, // Can overrule displayValue entirely
   id,
@@ -900,6 +907,7 @@ const Typedown = <span class="fstat-no" title="function not covered" >({</span>
             handleType,
             input, // Pass input? Useful when not controlled I guess
             meta,
+            open,
             selectedValue,
             triggerComponentId,
             triggerComponentRef,
@@ -954,7 +962,7 @@ const Typedown = <span class="fstat-no" title="function not covered" >({</span>
            */
           onMouseDown={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; <span class="cstat-no" title="statement not covered" >e.preventDefault()}</span>
         &gt;
-          {displayData?.length ? displayData?.map(<span class="fstat-no" title="function not covered" >(d</span>, index) =&gt; {
+          {displayData?.length ? displayData?.map(<span class="fstat-no" title="function not covered" >(d</span>, _index) =&gt; {
             const isSelectedEval = <span class="cstat-no" title="statement not covered" >isSelected ? isSelected(input.value, d) : get(input.value, uniqueIdentificationPath) === get(d, uniqueIdentificationPath);</span>
 &nbsp;
             const selectedCSS = <span class="cstat-no" title="statement not covered" >selectedStyles ?? css.selectedMenuButton;</span>
@@ -1077,6 +1085,7 @@ const Typedown = <span class="fstat-no" title="function not covered" >({</span>
           'onClick': <span class="fstat-no" title="function not covered" >(e</span>) =&gt; { <span class="cstat-no" title="statement not covered" >e.stopPropagation(); </span>}  // prevent propagation of click events
         }}
         overlayRef={overlayRef}
+        placement={dropdownPlacement}
         portal={portal}
       &gt;
         {dropDown()}
@@ -1126,7 +1135,7 @@ export default Typedown;
             <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-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Typedown/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/48</span>
+                <span class='fraction'>0/49</span>
             </div>
         
             
@@ -86,7 +86,7 @@
 	<td data-value="3.77" class="pct low">3.77%</td>
 	<td data-value="53" class="abs low">2/53</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="48" class="abs low">0/48</td>
+	<td data-value="49" class="abs low">0/49</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="16" class="abs low">0/16</td>
 	<td data-value="3.92" class="pct low">3.92%</td>
@@ -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 2026-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Typedown/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 2026-02-04T17:18:32.500Z
+                at 2026-03-06T00:03:21.988Z
             </div>
         <script src="../prettify.js"></script>
         <script>