@abgov/jsonforms-components 1.42.2 → 1.42.4

package/index.esm.js

@@ -4650,6 +4650,7 @@ const Dropdown = props => {
     }
     if (e.key === ESCAPE_KEY) {
       setIsOpen(false);
+      setInputTextFocus();
     }
     let index = items.findIndex(val => {
       return val.label === e.currentTarget.innerText;
@@ -8000,7 +8001,7 @@ const AddressLookUpControl = props => {
   };
   useEffect(() => {
     const fetchSuggestions = () => __awaiter(void 0, void 0, void 0, function* () {
-      if (searchTerm.length > 2) {
+      if (searchTerm.length > 2 && searchTerm.charAt(searchTerm.length - 1) !== ' ') {
         setLoading(true);
         setOpen(true);
         yield fetchAddressSuggestions(formUrl, searchTerm, isAlbertaAddress).then(response => {
@@ -8033,8 +8034,8 @@ const AddressLookUpControl = props => {
   /* istanbul ignore next */
   const handleRequiredFieldBlur = name => {
     const err = Object.assign({}, errors);
-    if ((data === null || data === void 0 ? void 0 : data["city"]) === undefined || (data === null || data === void 0 ? void 0 : data["city"]) === "") {
-      err[name] = name === 'municipality' ? 'city is required' : "";
+    if ((data === null || data === void 0 ? void 0 : data['city']) === undefined || (data === null || data === void 0 ? void 0 : data['city']) === '') {
+      err[name] = name === 'municipality' ? 'city is required' : '';
       setErrors(err);
     }
     if (!(data === null || data === void 0 ? void 0 : data[name]) || data[name] === '' || (data === null || data === void 0 ? void 0 : data[name]) === undefined) {
@@ -8072,17 +8073,17 @@ const AddressLookUpControl = props => {
     } else if (key === 'ArrowUp') {
       setSelectedIndex(prevIndex => prevIndex > 0 ? prevIndex - 1 : suggestions.length - 1);
       handleDropdownChange(value);
-    } else if (key === 'Enter') {
+    } else if (key === 'Enter' || key === ' ' && value.length > 2) {
       handleDropdownChange(value);
       setLoading(false);
       if (selectedIndex >= 0) {
-        (_a = document.getElementById("goaInput")) === null || _a === void 0 ? void 0 : _a.blur();
+        (_a = document.getElementById('goaInput')) === null || _a === void 0 ? void 0 : _a.blur();
         const suggestion = suggestions[selectedIndex];
         if (suggestion) {
           setTimeout(() => {
             handleSuggestionClick(suggestion);
             setOpen(false);
-          }, 100);
+          }, 1);
         }
       }
     }
@@ -8124,6 +8125,10 @@ const AddressLookUpControl = props => {
           tabIndex: 0,
           children: suggestions && autocompletion && open && suggestions.map((suggestion, index) => jsx(ListItem, {
             "data-index": index,
+            onMouseDown: e => {
+              e.preventDefault();
+              e.stopPropagation();
+            },
             onClick: () => {
               handleSuggestionClick(suggestion);
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.42.2",
+  "version": "1.42.4",
   "license": "Apache-2.0",
   "description": "Government of Alberta - React renderers for JSON Forms based on the design system.",
   "repository": "https://github.com/GovAlta/adsp-monorepo",