@abgov/jsonforms-components 1.43.3 → 1.43.4

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);

package/package.json

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