@abgov/jsonforms-components 1.42.1 → 1.42.3

package/index.esm.js

@@ -4541,14 +4541,12 @@ const Dropdown = props => {
   }, [isEqual(props.items, prevCountRef.current)]);
   useEffect(() => {
     if (textInput) {
-      textInput.addEventListener('click', inputTextOnClick);
       textInput.addEventListener('keydown', handleKeyDown);
       textInput.addEventListener('blur', handleTextInputOnBlur);
     }
     document.addEventListener('keydown', handleDocumentKeyDown);
     return () => {
       if (textInput) {
-        textInput.removeEventListener('click', inputTextOnClick);
         textInput.removeEventListener('keydown', handleKeyDown);
         textInput.removeEventListener('blur', handleTextInputOnBlur);
       }
@@ -4569,9 +4567,6 @@ const Dropdown = props => {
       }
     }
   };
-  const inputTextOnClick = e => {
-    setIsOpen(previousIsOpen => !previousIsOpen);
-  };
   const updateDropDownData = item => {
     onChange(item.value);
     setSelectedOption(item.value);
@@ -4696,6 +4691,9 @@ const Dropdown = props => {
     "data-testid": id,
     children: [jsx(GoADropdownTextbox, {
       isOpen: isOpen,
+      onClick: e => {
+        setIsOpen(previousIsOpen => !previousIsOpen);
+      },
       children: jsx(GoAInput, {
         disabled: !enabled,
         name: `dropdown-${label}`,
@@ -8002,7 +8000,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 => {
@@ -8035,8 +8033,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) {
@@ -8074,17 +8072,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);
         }
       }
     }
@@ -8126,6 +8124,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.1",
+  "version": "1.42.3",
   "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",