@k-int/stripes-kint-components 2.5.1 → 2.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k-int/stripes-kint-components",
-  "version": "2.5.1",
+  "version": "2.6.2",
   "description": "Stripes Component library for K-Int specific applications",
   "sideEffects": [
     "*.css"
@@ -63,16 +63,16 @@
     "react-router-dom": "^5.2.0",
     "@folio/stripes": "^7.0.3",
     "react-intl": ">=5.8.1",
-    "regenerator-runtime": "^0.13.9"
+    "regenerator-runtime": "^0.13.9",
+    "classnames": ">=2.2.6",
+    "prop-types-extra": ">=1.1.0"
   },
   "peerDependencies": {
     "@folio/stripes": ">=7.0.3",
-    "classnames": ">=2.2.6",
     "final-form": ">=4.18.4",
     "final-form-arrays": ">=3.0.1",
     "lodash": ">=4.17.0",
     "prop-types": ">=15.6.0",
-    "prop-types-extra": ">=1.1.0",
     "query-string": ">=6.6.0",
     "react": "*",
     "react-final-form": ">=6.3.0",

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

@@ -301,7 +301,7 @@ export default ActionList;
             <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 Thu May 19 2022 10:55:24 GMT+0100 (British Summer Time)
+                at Thu Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -1039,7 +1039,7 @@ export default ActionListFieldArray;
             <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 Thu May 19 2022 10:55:24 GMT+0100 (British Summer Time)
+                at Thu Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/ActionList/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 Thu May 19 2022 10:55:24 GMT+0100 (British Summer Time)
+                at Thu Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/ActionList/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 Thu May 19 2022 10:55:24 GMT+0100 (British Summer Time)
+                at Thu Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/CustomProperties/Config/CustomPropertiesLookup.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">27.77% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/16</span>
+                <span class='fraction'>5/18</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/16</span>
+                <span class='fraction'>0/18</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">11.11% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/7</span>
+                <span class='fraction'>1/9</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">27.77% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/16</span>
+                <span class='fraction'>5/18</span>
             </div>
         
             
@@ -174,7 +174,45 @@
 <a name='L109'></a><a href='#L109'>109</a>
 <a name='L110'></a><a href='#L110'>110</a>
 <a name='L111'></a><a href='#L111'>111</a>
-<a name='L112'></a><a href='#L112'>112</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L112'></a><a href='#L112'>112</a>
+<a name='L113'></a><a href='#L113'>113</a>
+<a name='L114'></a><a href='#L114'>114</a>
+<a name='L115'></a><a href='#L115'>115</a>
+<a name='L116'></a><a href='#L116'>116</a>
+<a name='L117'></a><a href='#L117'>117</a>
+<a name='L118'></a><a href='#L118'>118</a>
+<a name='L119'></a><a href='#L119'>119</a>
+<a name='L120'></a><a href='#L120'>120</a>
+<a name='L121'></a><a href='#L121'>121</a>
+<a name='L122'></a><a href='#L122'>122</a>
+<a name='L123'></a><a href='#L123'>123</a>
+<a name='L124'></a><a href='#L124'>124</a>
+<a name='L125'></a><a href='#L125'>125</a>
+<a name='L126'></a><a href='#L126'>126</a>
+<a name='L127'></a><a href='#L127'>127</a>
+<a name='L128'></a><a href='#L128'>128</a>
+<a name='L129'></a><a href='#L129'>129</a>
+<a name='L130'></a><a href='#L130'>130</a>
+<a name='L131'></a><a href='#L131'>131</a>
+<a name='L132'></a><a href='#L132'>132</a>
+<a name='L133'></a><a href='#L133'>133</a>
+<a name='L134'></a><a href='#L134'>134</a>
+<a name='L135'></a><a href='#L135'>135</a>
+<a name='L136'></a><a href='#L136'>136</a>
+<a name='L137'></a><a href='#L137'>137</a>
+<a name='L138'></a><a href='#L138'>138</a>
+<a name='L139'></a><a href='#L139'>139</a>
+<a name='L140'></a><a href='#L140'>140</a>
+<a name='L141'></a><a href='#L141'>141</a>
+<a name='L142'></a><a href='#L142'>142</a>
+<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>
+<a name='L148'></a><a href='#L148'>148</a>
+<a name='L149'></a><a href='#L149'>149</a>
+<a name='L150'></a><a href='#L150'>150</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>
@@ -186,9 +224,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">1x</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>
@@ -196,12 +233,17 @@
 <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-yes">4x</span>
+<span class="cline-any cline-neutral">&nbsp;</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-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>
 <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>
@@ -209,21 +251,55 @@
 <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-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-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-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>
+<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-neutral">&nbsp;</span>
@@ -268,7 +344,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">1x</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>
@@ -290,16 +366,15 @@ import PropTypes from 'prop-types';
 &nbsp;
 import { FormattedMessage } from 'react-intl';
 &nbsp;
-import debounce from 'lodash/debounce';
-&nbsp;
-import { Col, MultiColumnList, Row, Spinner, Select } from '@folio/stripes/components';
+import { Col, MultiColumnList, Row, Spinner, Select, Button } from '@folio/stripes/components';
 &nbsp;
+import { Form } from 'react-final-form';
 import SearchField from '../../SearchField';
 import { useCustomProperties } from '../../hooks';
 &nbsp;
-const DEBOUNCE_TIME = <span class="cstat-no" title="statement not covered" >500;</span>
+import css from '../../../../styles/CustomProperties.css';
 &nbsp;
-const CustomPropertiesLookup = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >({</span></span>
+const CustomPropertiesLookup = ({
   contextFilterOptions, // expects an array of the form [{value: "OpenAccess", label: "Open Access"}, {value: false, label: "None"}]
   customPropertiesEndpoint: endpoint,
   labelOverrides,
@@ -307,33 +382,72 @@ const CustomPropertiesLookup = <span class="cstat-no" title="statement not cover
   onSelectCustomProperty,
   queryParams
 }) =&gt; {
-  const [nsValues, setNsValues] = <span class="cstat-no" title="statement not covered" >useState({</span>
+  const [nsValues, setNsValues] = useState({
     sort: 'label'
   });
-  const [selectedContext, setSelectedContext] = <span class="cstat-no" title="statement not covered" >useState();</span>
+  const [selectedContext, setSelectedContext] = useState();
 &nbsp;
-  const { data: custprops, isLoading } = <span class="cstat-no" title="statement not covered" >useCustomProperties({</span>
+  const { data: custprops, isLoading } = useCustomProperties({
     endpoint,
     nsValues,
     queryParams,
     returnQueryObject: true,
-    ctx: selectedContext
+    ctx: selectedContext,
+    options: {
+      sort: [
+        {
+          path: 'ctx'
+        },
+        {
+          path: 'weight'
+        }
+      ]
+    }
   });
 &nbsp;
-  const handleSearch = <span class="cstat-no" title="statement not covered" >debounce(<span class="fstat-no" title="function not covered" >(q</span>uery) =&gt; {</span>
+  const handleSearch = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(q</span>uery) =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    setNsValues({</span>
       ...nsValues,
       query,
     });
-  }, DEBOUNCE_TIME);
+  };
+  const [searchTerm, setSearchTerm] = <span class="cstat-no" title="statement not covered" >useState('');</span>
 &nbsp;
 <span class="cstat-no" title="statement not covered" >  return (</span>
     &lt;&gt;
-      &lt;SearchField fullWidth onChange={<span class="fstat-no" title="function not covered" >e </span>=&gt; <span class="cstat-no" title="statement not covered" >handleSearch(e.target.value)}</span> /&gt;
+      &lt;Form
+        enableReinitialize
+        keepDirtyOnReinitialize
+        onSubmit={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >handleSearch(searchTerm)}</span>
+      &gt;
+        {<span class="fstat-no" title="function not covered" >({</span> handleSubmit }) =&gt; (
+<span class="cstat-no" title="statement not covered" >          &lt;form</span>
+            className={css.lookupSearchContainer}
+            onSubmit={handleSubmit}
+          &gt;
+            &lt;SearchField
+              ariaLabel={labelOverrides.searchAriaLabel ?? 'custom-property-search-field'}
+              className={css.lookupSearch}
+              marginBottom0
+              onChange={<span class="fstat-no" title="function not covered" >e </span>=&gt; <span class="cstat-no" title="statement not covered" >setSearchTerm(e.target.value)}</span>
+              value={searchTerm}
+            /&gt;
+            &lt;Button
+              buttonClass={css.lookupSearchButton}
+              buttonStyle="primary"
+              marginBottom0
+              type="submit"
+            &gt;
+              &lt;FormattedMessage id="stripes-kint-components.search" /&gt;
+            &lt;/Button&gt;
+          &lt;/form&gt;
+        )}
+      &lt;/Form&gt;
       &lt;Row&gt;
         &lt;Col xs={6}&gt;
           &lt;Select
             dataOptions={contextFilterOptions}
+            label={&lt;FormattedMessage id="stripes-kint-components.customProperties.ctx" /&gt;}
             onChange={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; {
 <span class="cstat-no" title="statement not covered" >              setSelectedContext(e.target.value);</span>
             }}
@@ -379,7 +493,7 @@ const CustomPropertiesLookup = <span class="cstat-no" title="statement not cover
   );
 };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >CustomPropertiesLookup.propTypes = {</span>
+CustomPropertiesLookup.propTypes = {
   contextFilterOptions: PropTypes.arrayOf(PropTypes.shape({
     value: PropTypes.string,
     label: PropTypes.oneOfType([
@@ -403,7 +517,7 @@ export default CustomPropertiesLookup;
             <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 Thu May 19 2022 10:55:24 GMT+0100 (British Summer Time)
+                at Thu Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>