bhl-forms 0.3.4 → 0.4.1

package/dist/bhl-forms.es.js

@@ -4789,7 +4789,17 @@ const getRedirect = (formData, node) => {
   }
   return redirectUrl;
 };
+var clearErrorTimeout = 0;
+const setNodeError = (node, message2) => {
+  node.setErrors(message2);
+  clearErrorTimeout = setTimeout(() => {
+    node.store.filter((m3) => {
+      return m3.type !== "error";
+    });
+  }, 5e3);
+};
 const handleSubmitError = (err, node) => {
+  clearTimeout(clearErrorTimeout);
   if (err.response) {
     const code = err.response.status;
     if (node.props.attrs.errorCodes && code in node.props.attrs.errorCodes) {
@@ -4807,12 +4817,12 @@ const handleSubmitError = (err, node) => {
         }
       }
       if (message2) {
-        node.setErrors(message2);
+        setNodeError(node, message2);
       }
       return abort;
     }
   }
-  node.setErrors(err.toString());
+  setNodeError(node, err.toString());
   return true;
 };
 const getKey = (d3, path, def2) => {
@@ -5974,6 +5984,9 @@ function useSteps() {
   const setStepQueue = (value) => {
     stepQueue2.value = [...value];
   };
+  const stepEnabled2 = (stepName) => {
+    return enabledSteps2().indexOf(stepName) > -1;
+  };
   const queueStep = (stepName, next = false) => {
     if (next == true) {
       stepQueue2.value.unshift(stepName);
@@ -6033,16 +6046,18 @@ function useSteps() {
       throw Error("Unexpected value for nextStep: " + nextStep);
     }
     if (autoFocus) {
-      const newNode = steps2[activeStep2.value].node;
-      const firstInput = findFirstInput(newNode);
-      if (firstInput && autoFocusTypes.indexOf(firstInput.context.type) > -1) {
-        const elem = document.getElementById(firstInput.context.id);
+      setTimeout(function() {
         try {
-          focusAndOpenKeyboard(elem);
+          const newNode = steps2[activeStep2.value].node;
+          const firstInput = findFirstInput(newNode);
+          if (firstInput && autoFocusTypes.indexOf(firstInput.context.type) > -1) {
+            const elem = document.getElementById(firstInput.context.id);
+            focusAndOpenKeyboard(elem);
+          }
         } catch (e2) {
           console.warn("Failed to autoFocus:", e2);
         }
-      }
+      }, 50);
     }
     return true;
   };
@@ -6065,39 +6080,40 @@ function useSteps() {
       if (node.props.attrs.defaultOrder) {
         defaultOrder2.push(...node.props.attrs.defaultOrder);
       }
-      return true;
-    }
-    if (node.props.type == "group") {
-      if (defaultOrder2.length > 0) {
-        if (Object.keys(steps2).length === 0) {
-          setStepQueue(defaultOrder2);
-        }
-      } else {
-        if (!(node.name in steps2)) {
-          queueStep(node.name);
+      node.on("child", ({ payload: childNode }) => {
+        if (childNode.type === "group") {
+          if (defaultOrder2.length > 0) {
+            if (Object.keys(steps2).length === 0) {
+              setStepQueue(defaultOrder2);
+            }
+          } else {
+            if (!stepEnabled2(childNode.name)) {
+              queueStep(childNode.name);
+            }
+          }
+          steps2[childNode.name] = {};
+          steps2[childNode.name].node = childNode;
+          childNode.on("created", () => {
+            steps2[childNode.name].valid = toRef(childNode.context.state, "valid");
+          });
+          childNode.on("count:errors", ({ payload: count2 }) => {
+            steps2[childNode.name].errorCount = count2;
+          });
+          childNode.on("count:blocking", ({ payload: count2 }) => {
+            steps2[childNode.name].blockingCount = count2;
+          });
+          if (activeStep2.value === "") {
+            activeStep2.value = childNode.name;
+          }
         }
-      }
-      steps2[node.name] = steps2[node.name] || {};
-      steps2[node.name].node = node;
-      node.on("created", () => {
-        steps2[node.name].valid = toRef(node.context.state, "valid");
       });
-      node.on("count:errors", ({ payload: count2 }) => {
-        steps2[node.name].errorCount = count2;
-      });
-      node.on("count:blocking", ({ payload: count2 }) => {
-        steps2[node.name].blockingCount = count2;
-      });
-      if (activeStep2.value === "") {
-        activeStep2.value = node.name;
-      }
-      return false;
+      return true;
     }
   };
-  return { stepPlugin: stepPlugin2, steps: steps2, stepHistory: stepHistory2, stepQueue: stepQueue2, enabledSteps: enabledSteps2, defaultOrder: defaultOrder2, activeStep: activeStep2, firstStep: firstStep2, lastStep: lastStep2, setStep: setStep2, setStepQueue, setNextStep: setNextStep2, setPreviousStep: setPreviousStep2 };
+  return { stepPlugin: stepPlugin2, steps: steps2, stepHistory: stepHistory2, stepQueue: stepQueue2, enabledSteps: enabledSteps2, stepEnabled: stepEnabled2, defaultOrder: defaultOrder2, activeStep: activeStep2, firstStep: firstStep2, lastStep: lastStep2, setStep: setStep2, setStepQueue, setNextStep: setNextStep2, setPreviousStep: setPreviousStep2 };
 }
 let { prepopPlugin } = usePrepop();
-let { stepPlugin, steps: steps$1, stepHistory, stepQueue, enabledSteps, defaultOrder, activeStep, firstStep, lastStep, setStep, setNextStep, setPreviousStep } = useSteps();
+let { stepPlugin, steps: steps$1, stepHistory, stepQueue, enabledSteps, stepEnabled, defaultOrder, activeStep, firstStep, lastStep, setStep, setNextStep, setPreviousStep } = useSteps();
 const urlParams$2 = new URLSearchParams(window.location.search);
 const dataDefaults = {
   steps: steps$1,
@@ -6111,6 +6127,9 @@ const dataDefaults = {
   urlParam: (name, backup = null) => {
     return urlParams$2.get(name) || backup;
   },
+  stepKeys: () => {
+    return Object.keys(steps$1);
+  },
   firstStep: () => {
     return firstStep();
   },
@@ -6126,19 +6145,19 @@ const dataDefaults = {
   setStep: (nextStep, validate2, autoFocus, preStep) => () => {
     return setStep({ nextStep, validate: validate2, autoFocus, preStep });
   },
-  stepIsValid: (stepName) => {
+  stepValid: (stepName) => {
     return steps$1[stepName].valid && steps$1[stepName].errorCount === 0;
   },
-  stepIsEnabled: (stepName) => {
+  stepEnabled: (stepName) => {
     if (!enabledSteps().length) {
       return true;
     }
-    return enabledSteps().indexOf(stepName) > -1;
+    return stepEnabled(stepName);
   },
   getKey: (d3, k2, def2) => {
     return getKey(d3, k2, def2);
   },
-  inputIsEnabled: (node, key, inputName) => {
+  inputEnabled: (node, key, inputName) => {
     if (!node || !key || !node.attrs.inputMap) {
       return true;
     }