@abgov/jsonforms-components 1.43.1 → 1.43.3

package/index.esm.js

@@ -7913,7 +7913,8 @@ const HelpContentComponent = _a => {
       src: src,
       width: width,
       height: height,
-      alt: alt || 'help-content-toggle-img'
+      alt: alt || 'help-content-toggle-icon',
+      "aria-label": "help-content-toggle-icon"
     });
   };
   const textVariant = !((_c = uischema.options) === null || _c === void 0 ? void 0 : _c.variant) || ((_d = uischema.options) === null || _d === void 0 ? void 0 : _d.variant) !== 'details' && ((_e = uischema.options) === null || _e === void 0 ? void 0 : _e.variant) !== 'hyperlink';
@@ -8000,6 +8001,7 @@ const AddressLookUpControl = props => {
   const [loading, setLoading] = useState(false);
   const [errors, setErrors] = useState({});
   const requiredFields = schema.required;
+  const [dropdownSelected, setDropdownSelected] = useState(false);
   const updateFormData = updatedAddress => {
     setAddress(updatedAddress);
     handleChange(path, updatedAddress);
@@ -8008,6 +8010,9 @@ const AddressLookUpControl = props => {
   const dropdownRef = useRef(null);
   const handleInputChange = (field, value) => {
     var _a, _b;
+    if (field === 'addressLine1' && searchTerm.length < 3) {
+      setDropdownSelected(false);
+    }
     let newAddress;
     const postalCodeErrorMessage = (_b = (_a = schema.errorMessage) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.postalCode;
     if (field === 'postalCode') {
@@ -8034,7 +8039,7 @@ const AddressLookUpControl = props => {
   };
   useEffect(() => {
     const fetchSuggestions = () => __awaiter(void 0, void 0, void 0, function* () {
-      if (searchTerm.length > 2) {
+      if (searchTerm.length > 2 && dropdownSelected === false) {
         setLoading(true);
         setOpen(true);
         yield fetchAddressSuggestions(formUrl, searchTerm, isAlbertaAddress).then(response => {
@@ -8052,7 +8057,7 @@ const AddressLookUpControl = props => {
       }
     });
     fetchSuggestions();
-  }, [searchTerm]);
+  }, [searchTerm, dropdownSelected]);
   const handleDropdownChange = value => {
     setSearchTerm(value);
     handleInputChange('addressLine1', value);
@@ -8063,6 +8068,7 @@ const AddressLookUpControl = props => {
     handleChange(path, suggestAddress);
     setSuggestions([]);
     setErrors({});
+    setDropdownSelected(true);
   };
   /* istanbul ignore next */
   const handleRequiredFieldBlur = name => {
@@ -8117,9 +8123,7 @@ const AddressLookUpControl = props => {
           ariaLabel: 'address-form-address1',
           placeholder: "Start typing the first line of your address, required.",
           value: (address === null || address === void 0 ? void 0 : address.addressLine1) || '',
-          onChange: (e, value) => {
-            handleDropdownChange(value);
-          },
+          onChange: (e, value) => handleDropdownChange(value),
           onBlur: name => handleRequiredFieldBlur(name),
           width: "100%",
           onKeyPress: (e, value, key) => {
@@ -8131,10 +8135,9 @@ const AddressLookUpControl = props => {
           variant: "inline",
           size: "small",
           visible: true
-        }), suggestions && autocompletion && jsx("ul", {
+        }), !loading && suggestions && autocompletion && jsx("ul", {
           ref: dropdownRef,
           className: "suggestions",
-          tabIndex: 0,
           children: suggestions && autocompletion && open && suggestions.map((suggestion, index) => jsx(ListItem, {
             "data-index": index,
             onMouseDown: e => {
@@ -8340,6 +8343,7 @@ const NameInputs = ({
   return jsxs(GoAGrid, {
     minChildWidth: "0ch",
     gap: "s",
+    mb: "m",
     testId: "wrapper",
     children: [jsx(GoAFormItem, {
       testId: "formitem-first-name",
@@ -8556,6 +8560,7 @@ const FullNameDobControl = props => {
     children: [jsxs(GoAGrid, {
       minChildWidth: "0ch",
       gap: "s",
+      mb: "m",
       children: [jsx(GoAFormItem, {
         label: "First name",
         requirement: ((_a = schema === null || schema === void 0 ? void 0 : schema.required) === null || _a === void 0 ? void 0 : _a.includes('firstName')) ? 'required' : undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.43.1",
+  "version": "1.43.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",