@k-int/stripes-kint-components 1.6.0 → 2.0.1

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

@@ -115,10 +115,9 @@
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../prettify.js"></script>
         <script>
             window.onload = function () {

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

@@ -75,10 +75,9 @@ export { default as SettingsContext } from './SettingsContext';
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../prettify.js"></script>
         <script>
             window.onload = function () {

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

@@ -25,28 +25,28 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/146</span>
+                <span class='fraction'>0/186</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/53</span>
+                <span class='fraction'>0/77</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/40</span>
+                <span class='fraction'>0/47</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/139</span>
+                <span class='fraction'>0/179</span>
             </div>
         
             
@@ -108,6 +108,21 @@
 	<td data-value="11" class="abs low">0/11</td>
 	</tr>
 
+<tr>
+	<td class="file low" data-value="useCustomProperties.js"><a href="useCustomProperties.js.html">useCustomProperties.js</a></td>
+	<td data-value="0" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
+	</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="21" class="abs low">0/21</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="17" class="abs low">0/17</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="3" class="abs low">0/3</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="21" class="abs low">0/21</td>
+	</tr>
+
 <tr>
 	<td class="file low" data-value="useHelperApp.js"><a href="useHelperApp.js.html">useHelperApp.js</a></td>
 	<td data-value="0" class="pic low">
@@ -168,6 +183,21 @@
 	<td data-value="7" class="abs low">0/7</td>
 	</tr>
 
+<tr>
+	<td class="file low" data-value="useMutateCustomProperties.js"><a href="useMutateCustomProperties.js.html">useMutateCustomProperties.js</a></td>
+	<td data-value="0" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
+	</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="19" class="abs low">0/19</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="7" class="abs low">0/7</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="4" class="abs low">0/4</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="19" class="abs low">0/19</td>
+	</tr>
+
 <tr>
 	<td class="file low" data-value="useMutateRefdataValue.js"><a href="useMutateRefdataValue.js.html">useMutateRefdataValue.js</a></td>
 	<td data-value="0" class="pic low">
@@ -235,10 +265,9 @@
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../prettify.js"></script>
         <script>
             window.onload = function () {

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

@@ -73,7 +73,11 @@
 <a name='L8'></a><a href='#L8'>8</a>
 <a name='L9'></a><a href='#L9'>9</a>
 <a name='L10'></a><a href='#L10'>10</a>
-<a name='L11'></a><a href='#L11'>11</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L11'></a><a href='#L11'>11</a>
+<a name='L12'></a><a href='#L12'>12</a>
+<a name='L13'></a><a href='#L13'>13</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>
@@ -93,16 +97,17 @@ export { default as useLocalStorageState } from './useLocalStorageState';
 export { default as useQIndex } from './useQIndex';
 export { useSettings, useSettingSection } from './settingsHooks';
 export { default as useKiwtFieldArray } from './useKiwtFieldArray';
+export { default as useCustomProperties } from './useCustomProperties';
+export { default as useMutateCustomProperties } from './useMutateCustomProperties';
 &nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../prettify.js"></script>
         <script>
             window.onload = function () {

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

@@ -130,10 +130,9 @@
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../../prettify.js"></script>
         <script>
             window.onload = function () {

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

@@ -75,10 +75,9 @@ export { default as useSettingSection } from './useSettingSection';
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../../prettify.js"></script>
         <script>
             window.onload = function () {

package/src/artifacts/coverage-jest/lcov-report/hooks/settingsHooks/useSettingSection.js.html

@@ -147,10 +147,9 @@ export default useSettingSection;
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../../prettify.js"></script>
         <script>
             window.onload = function () {

package/src/artifacts/coverage-jest/lcov-report/hooks/settingsHooks/useSettings.js.html

@@ -387,10 +387,9 @@ export default useSettings;
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../../prettify.js"></script>
         <script>
             window.onload = function () {

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

@@ -32,14 +32,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/46</span>
+                <span class='fraction'>0/48</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/12</span>
+                <span class='fraction'>0/11</span>
             </div>
         
             
@@ -101,9 +101,9 @@
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="55" class="abs low">0/55</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="36" class="abs low">0/36</td>
+	<td data-value="38" class="abs low">0/38</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="6" class="abs low">0/6</td>
+	<td data-value="5" class="abs low">0/5</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="54" class="abs low">0/54</td>
 	</tr>
@@ -145,10 +145,9 @@
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../../prettify.js"></script>
         <script>
             window.onload = function () {

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

@@ -78,10 +78,9 @@ export { default as useTypedownData } from './useTypedownData';
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../../prettify.js"></script>
         <script>
             window.onload = function () {

package/src/artifacts/coverage-jest/lcov-report/hooks/typedownHooks/useTypedown.js.html

@@ -32,14 +32,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/36</span>
+                <span class='fraction'>0/38</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/6</span>
+                <span class='fraction'>0/5</span>
             </div>
         
             
@@ -208,9 +208,7 @@
 <a name='L143'></a><a href='#L143'>143</a>
 <a name='L144'></a><a href='#L144'>144</a>
 <a name='L145'></a><a href='#L145'>145</a>
-<a name='L146'></a><a href='#L146'>146</a>
-<a name='L147'></a><a href='#L147'>147</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L146'></a><a href='#L146'>146</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>
@@ -242,7 +240,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -265,7 +263,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>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -355,16 +353,15 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useEffect, useRef } from 'react';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useRef } from 'react';
 import { useResizeDetector } from 'react-resize-detector';
 &nbsp;
-// TODO swap to stripes-components export once available (Will need &lt;= peer dep bump)
 import {
   getFirstFocusable,
   getLastFocusable,
   getNextFocusable,
   getPreviousFocusable,
-} from '../../utils/getFocusableElements';
+} from '@folio/stripes/components';
 &nbsp;
 import {
   DOWN_ARROW,
@@ -386,33 +383,33 @@ const useTypedown = <span class="cstat-no" title="statement not covered" ><span
   const overlayRef = <span class="cstat-no" title="statement not covered" >useRef();</span>
   const footerRef = <span class="cstat-no" title="statement not covered" >useRef();</span>
 &nbsp;
-  const footer = <span class="cstat-no" title="statement not covered" >document.getElementById('typedown-footer');</span>
+  const footer = <span class="cstat-no" title="statement not covered" >document.getElementById(`typedown-footer-${selectorSafe(name)}`);</span>
   // Add an event listener to the footer, so that we can control tab behaviour between footer elements
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (footer) {</span>
-<span class="cstat-no" title="statement not covered" >      footer.addEventListener('keydown', <span class="fstat-no" title="function not covered" >e </span>=&gt; {</span>
-        // We want special behaviour on tab
-<span class="cstat-no" title="statement not covered" >        if (e.code === TAB) {</span>
-          // Prevent the default behaviour
-<span class="cstat-no" title="statement not covered" >          e.preventDefault();</span>
-          const focusFunc = <span class="cstat-no" title="statement not covered" >e.shiftKey ? getPreviousFocusable : getNextFocusable;</span>
-          const elem = <span class="cstat-no" title="statement not covered" >focusFunc(footerRef.current, true, true, false, true);</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >          if (elem) {</span>
-            // Focus on next focusable element
-<span class="cstat-no" title="statement not covered" >            elem.focus();</span>
-          } else <span class="cstat-no" title="statement not covered" >if (e.shiftKey) {</span>
-            // We are at the beginning of the list, refocus on search bar
-<span class="cstat-no" title="statement not covered" >            searchFieldComponent.focus();</span>
-          } else {
-            // We are at the end of the list, move onto next focusable element in page
-<span class="cstat-no" title="statement not covered" >            getNextFocusable(searchFieldComponent, false).focus();</span>
-          }
+<span class="cstat-no" title="statement not covered" >  if (footer &amp;&amp; footer.getAttribute('hasListener') !== 'true') {</span>
+<span class="cstat-no" title="statement not covered" >    footer.addEventListener('keydown', <span class="fstat-no" title="function not covered" >e </span>=&gt; {</span>
+      // We want special behaviour on tab
+<span class="cstat-no" title="statement not covered" >      if (e.code === TAB) {</span>
+        // Prevent the default behaviour
+<span class="cstat-no" title="statement not covered" >        e.preventDefault();</span>
+        const focusFunc = <span class="cstat-no" title="statement not covered" >e.shiftKey ? getPreviousFocusable : getNextFocusable;</span>
+        const elem = <span class="cstat-no" title="statement not covered" >focusFunc(footerRef.current, true, true, false, true);</span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >        if (elem) {</span>
+          // Focus on next focusable element
+<span class="cstat-no" title="statement not covered" >          elem.focus();</span>
+        } else <span class="cstat-no" title="statement not covered" >if (e.shiftKey) {</span>
+          // We are at the beginning of the list, refocus on search bar
+<span class="cstat-no" title="statement not covered" >          searchFieldComponent.focus();</span>
+        } else {
+          // We are at the end of the list, move onto next focusable element in page
+<span class="cstat-no" title="statement not covered" >          getNextFocusable(searchFieldComponent, false).focus();</span>
         }
-      });
-    }
-  }, [footer, searchFieldComponent]);
+      }
+    });
 &nbsp;
+<span class="cstat-no" title="statement not covered" >    footer.setAttribute('hasListener', 'true');</span>
+  }
 &nbsp;
   // SET UP HANDLERS
   const searchFieldKeyDownHandler = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >e </span>=&gt; {</span>
@@ -507,10 +504,9 @@ export default useTypedown;
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../../prettify.js"></script>
         <script>
             window.onload = function () {

package/src/artifacts/coverage-jest/lcov-report/hooks/typedownHooks/useTypedownData.js.html

@@ -147,10 +147,9 @@ export default useTypedownData;
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../../prettify.js"></script>
         <script>
             window.onload = function () {

package/src/artifacts/coverage-jest/lcov-report/hooks/typedownHooks/useTypedownToggle.js.html

@@ -147,10 +147,9 @@ export default useTypedownToggle;
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../../prettify.js"></script>
         <script>
             window.onload = function () {

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

@@ -141,10 +141,9 @@ export default useActiveElement;
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at Tue Mar 08 2022 11:38:49 GMT+0000 (Greenwich Mean Time)
             </div>
-        </div>
         <script src="../prettify.js"></script>
         <script>
             window.onload = function () {