npm - @k-int/stripes-kint-components - Versions diffs - 5.29.0 → 5.30.0 - Mend

@k-int/stripes-kint-components 5.29.0 → 5.30.0

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

Files changed (401) hide show

package/src/artifacts/coverage-jest/Settings/hooks/useSettingSection/index.html CHANGED Viewed

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">10% </span>
+                <span class="strong">7.69% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>1/10</span>
+                <span class='fraction'>1/13</span>
             </div>
@@ -39,14 +39,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/5</span>
+                <span class='fraction'>0/6</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">10% </span>
+                <span class="strong">7.69% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>1/10</span>
+                <span class='fraction'>1/13</span>
             </div>
@@ -95,17 +95,17 @@
 <tr>
 	<td class="file low" data-value="useSettingSection.js"><a href="useSettingSection.js.html">useSettingSection.js</a></td>
-	<td data-value="10" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 10%"></div><div class="cover-empty" style="width: 90%"></div></div>
+	<td data-value="7.69" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 7%"></div><div class="cover-empty" style="width: 93%"></div></div>
 	</td>
-	<td data-value="10" class="pct low">10%</td>
-	<td data-value="10" class="abs low">1/10</td>
+	<td data-value="7.69" class="pct low">7.69%</td>
+	<td data-value="13" class="abs low">1/13</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="5" class="abs low">0/5</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="5" class="abs low">0/5</td>
-	<td data-value="10" class="pct low">10%</td>
-	<td data-value="10" class="abs low">1/10</td>
+	<td data-value="6" class="abs low">0/6</td>
+	<td data-value="7.69" class="pct low">7.69%</td>
+	<td data-value="13" class="abs low">1/13</td>
 	</tr>
 </tbody>
@@ -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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Settings/hooks/useSettingSection/index.js.html CHANGED Viewed

@@ -73,7 +73,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Settings/hooks/useSettingSection/useSettingSection.js.html CHANGED Viewed

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">10% </span>
+                <span class="strong">7.69% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>1/10</span>
+                <span class='fraction'>1/13</span>
             </div>
@@ -39,14 +39,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/5</span>
+                <span class='fraction'>0/6</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">10% </span>
+                <span class="strong">7.69% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>1/10</span>
+                <span class='fraction'>1/13</span>
             </div>
@@ -111,7 +111,11 @@
 <a name='L46'></a><a href='#L46'>46</a>
 <a name='L47'></a><a href='#L47'>47</a>
 <a name='L48'></a><a href='#L48'>48</a>
-<a name='L49'></a><a href='#L49'>49</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L49'></a><a href='#L49'>49</a>
+<a name='L50'></a><a href='#L50'>50</a>
+<a name='L51'></a><a href='#L51'>51</a>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</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>
@@ -125,6 +129,7 @@
 <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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -148,6 +153,9 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -159,7 +167,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></td><td class="text"><pre class="prettyprint lang-js">import { useMutation, useQuery } from 'react-query';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useMutation, useQuery, useQueryClient } from 'react-query';
 import { useOkapiKy } from '@folio/stripes/core';
 import { generateKiwtQueryParams } from '../../../utils';
 &nbsp;
@@ -172,6 +180,7 @@ const useSettingSection = <span class="fstat-no" title="function not covered" >(
   getMutateNamespaceGenerator = <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" >GET_SETTING_SECTION_MUTATE_KEY(sectionName)</span></span>
 }) =&gt; {
   const ky = <span class="cstat-no" title="statement not covered" >useOkapiKy();</span>
+  const queryClient = <span class="cstat-no" title="statement not covered" >useQueryClient();</span>
   const queryParams = <span class="cstat-no" title="statement not covered" >generateKiwtQueryParams({</span>
     filters: [
       {
@@ -195,7 +204,10 @@ const useSettingSection = <span class="fstat-no" title="function not covered" >(
 &nbsp;
   const { mutateAsync: putSetting, ...settingsMutate } = <span class="cstat-no" title="statement not covered" >useMutation(</span>
     getMutateNamespaceGenerator(),
-<span class="fstat-no" title="function not covered" >    (d</span>ata) =&gt; <span class="cstat-no" title="statement not covered" >ky.put(`${settingEndpoint}${data.id ? '/' + data.id : ''}`, { json: data })</span>
+<span class="fstat-no" title="function not covered" >    (d</span>ata) =&gt; <span class="cstat-no" title="statement not covered" >ky.put(`${settingEndpoint}${data.id ? '/' + data.id : ''}`, { json: data }).then(<span class="fstat-no" title="function not covered" >as</span>ync res =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >      await queryClient.invalidateQueries(getQueryNamespaceGenerator({ queryParams }));</span>
+<span class="cstat-no" title="statement not covered" >      return res;</span>
+    })
   );
 &nbsp;
 <span class="cstat-no" title="statement not covered" >  return ({</span>
@@ -214,7 +226,7 @@ export default useSettingSection;
             <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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Settings/hooks/useSettings/index.html CHANGED Viewed

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -73,7 +73,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -802,7 +802,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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -139,7 +139,7 @@ export { default as RefdataCategoriesSettings } from './RefdataCategoriesSetting
 export { default as EditableRefdataList } from './EditableRefdataList';
 export { default as EditableRefdataCategoryList } from './EditableRefdataCategoryList';
 &nbsp;
-export { default as StaticSettingsField } from './StaticSettingsField';
+export { StaticSettingsField, StaticSettingsFieldComponent } from './StaticSettingsField';
 &nbsp;
 // Contexts
 export {
@@ -154,7 +154,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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">47.82% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>6/12</span>
+                <span class='fraction'>11/23</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">14.28% </span>
+                <span class="strong">5% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>1/7</span>
+                <span class='fraction'>1/20</span>
             </div>
@@ -44,9 +44,9 @@
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">47.82% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>6/12</span>
+                <span class='fraction'>11/23</span>
             </div>
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line medium'></div>
+    <div class='status-line low'></div>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -110,17 +110,17 @@
 <tr>
 	<td class="file low" data-value="useTagsEnabled.js"><a href="useTagsEnabled.js.html">useTagsEnabled.js</a></td>
-	<td data-value="28.57" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 28%"></div><div class="cover-empty" style="width: 72%"></div></div>
+	<td data-value="38.88" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 38%"></div><div class="cover-empty" style="width: 62%"></div></div>
 	</td>
-	<td data-value="28.57" class="pct low">28.57%</td>
-	<td data-value="7" class="abs low">2/7</td>
+	<td data-value="38.88" class="pct low">38.88%</td>
+	<td data-value="18" class="abs low">7/18</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="5" class="abs low">0/5</td>
+	<td data-value="18" class="abs low">0/18</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="2" class="abs low">0/2</td>
-	<td data-value="28.57" class="pct low">28.57%</td>
-	<td data-value="7" class="abs low">2/7</td>
+	<td data-value="38.88" class="pct low">38.88%</td>
+	<td data-value="18" class="abs low">7/18</td>
 	</tr>
 </tbody>
@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">28.57% </span>
+                <span class="strong">38.88% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>2/7</span>
+                <span class='fraction'>7/18</span>
             </div>
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/5</span>
+                <span class='fraction'>0/18</span>
             </div>
@@ -44,9 +44,9 @@
             <div class='fl pad1y space-right2'>
-                <span class="strong">28.57% </span>
+                <span class="strong">38.88% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>2/7</span>
+                <span class='fraction'>7/18</span>
             </div>
@@ -82,40 +82,178 @@
 <a name='L17'></a><a href='#L17'>17</a>
 <a name='L18'></a><a href='#L18'>18</a>
 <a name='L19'></a><a href='#L19'>19</a>
-<a name='L20'></a><a href='#L20'>20</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L20'></a><a href='#L20'>20</a>
+<a name='L21'></a><a href='#L21'>21</a>
+<a name='L22'></a><a href='#L22'>22</a>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a>
+<a name='L25'></a><a href='#L25'>25</a>
+<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>
+<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>
+<a name='L33'></a><a href='#L33'>33</a>
+<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>
+<a name='L37'></a><a href='#L37'>37</a>
+<a name='L38'></a><a href='#L38'>38</a>
+<a name='L39'></a><a href='#L39'>39</a>
+<a name='L40'></a><a href='#L40'>40</a>
+<a name='L41'></a><a href='#L41'>41</a>
+<a name='L42'></a><a href='#L42'>42</a>
+<a name='L43'></a><a href='#L43'>43</a>
+<a name='L44'></a><a href='#L44'>44</a>
+<a name='L45'></a><a href='#L45'>45</a>
+<a name='L46'></a><a href='#L46'>46</a>
+<a name='L47'></a><a href='#L47'>47</a>
+<a name='L48'></a><a href='#L48'>48</a>
+<a name='L49'></a><a href='#L49'>49</a>
+<a name='L50'></a><a href='#L50'>50</a>
+<a name='L51'></a><a href='#L51'>51</a>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a>
+<a name='L55'></a><a href='#L55'>55</a>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</a>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</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>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">23x</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">23x</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">23x</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">23x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-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-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></td><td class="text"><pre class="prettyprint lang-js">import { useOkapiKy } from '@folio/stripes/core';
 import { useQuery } from 'react-query';
-import { MOD_SETTINGS_ENDPOINT } from '../../constants/endpoints';
+import {
+  CONFIG_ENDPOINT,
+  SETTINGS_ENDPOINT,
+} from '../../constants/endpoints';
+&nbsp;
+export const TAGS_ENABLED_BASE_QUERY_KEY = ['stripes-kint-components', 'useTagsEnabled'];
+&nbsp;
+const TAGS_CONFIG_QUERY =
+  'query=(module==TAGS and configName==tags_enabled)';
+&nbsp;
+const TAGS_SETTINGS_QUERY =
+  'query=(scope==ui-tags.tags.manage and key==tags_enabled)';
 &nbsp;
-export const tagsEnabledQueryKey = [MOD_SETTINGS_ENDPOINT, 'query=(module==TAGS and configName==tags_enabled)', 'stripes-kint-components', 'useTagsEnabled'];
+export const TAGS_ENABLED_CONFIG_QUERY_KEY = [
+  ...TAGS_ENABLED_BASE_QUERY_KEY,
+  CONFIG_ENDPOINT,
+  TAGS_CONFIG_QUERY,
+];
 &nbsp;
-const useTagsEnabled = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
+export const TAGS_ENABLED_QUERY_KEY = [
+  ...TAGS_ENABLED_BASE_QUERY_KEY,
+  SETTINGS_ENDPOINT,
+  TAGS_SETTINGS_QUERY,
+];
+&nbsp;
+// DEPRECATED This remains for backwards compatibility but may not always be applicable, see useSettings configuration for details.
+export const tagsEnabledQueryKey = TAGS_ENABLED_CONFIG_QUERY_KEY;
+&nbsp;
+/**
+ * useTagsEnabled
+ *
+ * By default uses mod-config, for backwards compatibility.
+ * Pass { useSettings: true } to use mod-settings instead.
+ *
+ * Returns:
+ *   true  if the setting is missing or true
+ *   false if the setting is explicitly false
+ */
+&nbsp;
+const useTagsEnabled = <span class="fstat-no" title="function not covered" >({</span> useSettings = <span class="branch-0 cbranch-no" title="branch not covered" >false </span>} = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> =&gt; {
   const ky = <span class="cstat-no" title="statement not covered" >useOkapiKy();</span>
+&nbsp;
+  const endpoint = <span class="cstat-no" title="statement not covered" >useSettings ? SETTINGS_ENDPOINT : CONFIG_ENDPOINT;</span>
+  const query = <span class="cstat-no" title="statement not covered" >useSettings ? TAGS_SETTINGS_QUERY : TAGS_CONFIG_QUERY;</span>
+  const queryKey = <span class="cstat-no" title="statement not covered" >useSettings ? TAGS_ENABLED_QUERY_KEY : TAGS_ENABLED_CONFIG_QUERY_KEY;</span>
 &nbsp;
   const queryObject = <span class="cstat-no" title="statement not covered" >useQuery(</span>
-    tagsEnabledQueryKey,
-<span class="fstat-no" title="function not covered" >    ()</span> =&gt; <span class="cstat-no" title="statement not covered" >ky.get(`${MOD_SETTINGS_ENDPOINT}?query=(module==TAGS and configName==tags_enabled)`).json()</span>
+    queryKey,
+<span class="fstat-no" title="function not covered" >    ()</span> =&gt; <span class="cstat-no" title="statement not covered" >ky.get(`${endpoint}?${query}`).json()</span>
   );
+&nbsp;
+<span class="cstat-no" title="statement not covered" >  if (useSettings) {</span>
+    // mod-settings returns this value as a boolean instead of as a string, so the below approach !value is not applicable.
+    const value = <span class="cstat-no" title="statement not covered" >queryObject?.data?.items?.[0]?.value;</span>
+<span class="cstat-no" title="statement not covered" >    return value === undefined || value === null || value;</span>
+  }
 &nbsp;
   const { data: { configs: { 0: { value } = <span class="branch-0 cbranch-no" title="branch not covered" >{} </span>} = <span class="branch-0 cbranch-no" title="branch not covered" >[] </span>} = <span class="branch-0 cbranch-no" title="branch not covered" >{} </span>} = <span class="cstat-no" title="statement not covered" >queryObject;</span>
+&nbsp;
 <span class="cstat-no" title="statement not covered" >  return !value || value === 'true';</span>
 };
 &nbsp;
@@ -127,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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Typedown/Typedown.js.html CHANGED Viewed

@@ -958,7 +958,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 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/Typedown/index.html CHANGED Viewed

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-11-27T12:47:30.341Z
+                at 2025-12-10T12:12:10.913Z
             </div>
         <script src="../prettify.js"></script>
         <script>