@abgov/jsonforms-components 1.43.3 → 1.43.5

package/index.esm.js

@@ -2466,7 +2466,7 @@ const StepperContext = /*#__PURE__*/createContext({
   stepId: 0
 });
 const isEmpty = value => {
-  return value === undefined || value === null || typeof value === 'string' && value.length < 1;
+  return value === undefined || value === null || typeof value === 'string' && value.length < 1 || typeof value === 'boolean' && value === false;
 };
 const getCompletionStatus = (table, step, isFormChanged = false) => {
   const nonEmptyCount = getNonEmptyCount(table, step);
@@ -5743,15 +5743,24 @@ const FormStepper = props => {
     }
     setPage(page);
   }
+  const getAllStatuses = (nextPage, totalVisibleTabs) => {
+    const previouslyActivePage = nextPage - 1;
+    const statuses = [...stepStatuses];
+    for (let currentPage = 1; currentPage <= previouslyActivePage; currentPage++) {
+      const pageStatus = getCompletionStatus(inputStatuses, currentPage, true);
+      statuses[currentPage - 1] = pageStatus ? pageStatus : 'incomplete';
+    }
+    return statuses;
+  };
   /* istanbul ignore next */
   function setTab(page) {
     const categoryLabels = [...allCategories.elements.map(category => category.label), summaryLabel];
     const visibleLabels = [...visibleCategoryLabels, summaryLabel];
     const newPage = mapToVisibleStep(page, categoryLabels, visibleLabels);
-    const pageStatus = getCompletionStatus(inputStatuses, page, true);
-    const statuses = [...stepStatuses];
-    statuses[page - 1] = pageStatus ? pageStatus : 'incomplete';
-    setStepStatuses(statuses);
+    if (Object.keys(inputStatuses).length) {
+      const statuses = getAllStatuses(page, visibleLabels.length);
+      setStepStatuses(statuses);
+    }
     setPage(newPage);
   }
   function setPage(page) {
@@ -6144,6 +6153,7 @@ const AttachmentBorder = styled.div(_t2$2 || (_t2$2 = _$3`
   margin-top: var(--goa-space-2xs);
 `));
 const FileUploaderStyle = styled.div(_t3$2 || (_t3$2 = _$3`
+  margin-bottom: var(--goa-space-l);
   .label {
     display: block;
     font-weight: var(--goa-font-weight-bold);
@@ -7532,6 +7542,7 @@ const LabelDiv = styled.div(_t3 || (_t3 = _$1`
   font-size: var(--fs-sl);
   padding-bottom: 1.5rem;
 `));
+/* istanbul ignore next */
 const ListItem = styled.li(_t4 || (_t4 = _$1`
   background-color: ${0};
   color: ${0};
@@ -8057,7 +8068,7 @@ const AddressLookUpControl = props => {
       }
     });
     fetchSuggestions();
-  }, [searchTerm, dropdownSelected]);
+  }, [searchTerm, dropdownSelected]); // eslint-disable-line react-hooks/exhaustive-deps
   const handleDropdownChange = value => {
     setSearchTerm(value);
     handleInputChange('addressLine1', value);
@@ -8070,7 +8081,6 @@ const AddressLookUpControl = props => {
     setErrors({});
     setDropdownSelected(true);
   };
-  /* istanbul ignore next */
   const handleRequiredFieldBlur = name => {
     const err = Object.assign({}, errors);
     if (!(data === null || data === void 0 ? void 0 : data[name]) || data[name] === '' || (data === null || data === void 0 ? void 0 : data[name]) === undefined) {
@@ -8082,7 +8092,6 @@ const AddressLookUpControl = props => {
     setSuggestions([]);
     setOpen(false);
   };
-  /* istanbul ignore next */
   const handleKeyDown = (e, value, key) => {
     var _a;
     if (key === 'ArrowDown') {
@@ -8328,7 +8337,6 @@ const NameInputs = ({
 }) => {
   var _a, _b;
   const [errors, setErrors] = useState({});
-  /* istanbul ignore next */
   // eslint-disable-next-line
   const handleRequiredFieldBlur = (name, updatedData) => {
     const err = Object.assign({}, errors);
@@ -8358,7 +8366,6 @@ const NameInputs = ({
         value: firstName || '',
         onChange: (name, value) => handleInputChange(name, value),
         onBlur: name => {
-          /* istanbul ignore next */
           handleRequiredFieldBlur(name);
         },
         width: "100%"
@@ -8389,7 +8396,6 @@ const NameInputs = ({
         value: lastName || '',
         onChange: (name, value) => handleInputChange(name, value),
         onBlur: name => {
-          /* istanbul ignore next */
           handleRequiredFieldBlur(name);
         },
         width: "100%"

package/package.json

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