@bpmn-io/form-js-viewer 1.21.2 → 1.21.3

package/dist/index.cjs

@@ -863,6 +863,50 @@ function runRecursively(formField, fn) {
   });
   fn(formField);
 }
+
+/**
+ * Returns a copy of `target` with the value at `path` removed, pruning any
+ * ancestor that becomes empty. Pure: the input is not mutated and untouched
+ * sibling branches keep their original references (path-cloning).
+ *
+ * Pruning rules:
+ *  - An object ancestor is removed when it has no own keys left.
+ *  - An array ancestor is removed when every entry is nullish. Arrays are
+ *    never compacted; `delete` leaves a sparse hole so sibling indexes stay
+ *    stable.
+ *
+ * @template T
+ * @param {T} target
+ * @param {Array<string|number>} path
+ * @returns {T}
+ */
+function pruneAt(target, path) {
+  if (!path.length) {
+    return target;
+  }
+  const cloneContainer = c => Array.isArray(c) ? c.slice() : {
+    ...c
+  };
+  const clones = [cloneContainer(target)];
+  for (let i = 0; i < path.length - 1; i++) {
+    const next = clones[i][path[i]];
+    if (next == null || typeof next !== 'object') {
+      return target;
+    }
+    const cloned = cloneContainer(next);
+    clones[i][path[i]] = cloned;
+    clones.push(cloned);
+  }
+  delete clones[clones.length - 1][path[path.length - 1]];
+  for (let i = clones.length - 1; i > 0; i--) {
+    if (Object.values(clones[i]).every(v => v == null)) {
+      delete clones[i - 1][path[i - 1]];
+    } else {
+      break;
+    }
+  }
+  return clones[0];
+}
 function wrapObjectKeysWithUnderscores(obj) {
   const newObj = {};
   for (const [key, value] of Object.entries(obj)) {
@@ -7474,9 +7518,16 @@ class UpdateFieldInstanceValidationHandler {
     } = this._form._getState();
     context.oldErrors = clone(errors);
     const fieldErrors = this._validator.validateFieldInstance(fieldInstance, value);
-    const updatedErrors = minDash.set(errors, [id, ...Object.values(indexes || {})], fieldErrors.length ? fieldErrors : undefined);
+    const errorPath = [id, ...Object.values(indexes || {})];
+    let nextErrors;
+    if (fieldErrors.length) {
+      minDash.set(errors, errorPath, fieldErrors);
+      nextErrors = errors;
+    } else {
+      nextErrors = pruneAt(errors, errorPath);
+    }
     this._form._setState({
-      errors: updatedErrors
+      errors: nextErrors
     });
   }
   revert(context) {
@@ -9837,11 +9888,18 @@ class Form {
     const validator = this.get('validator');
     const fieldErrors = validator.validateFieldInstance(fieldInstance, value);
     minDash.set(data, valuePath, value);
-    minDash.set(errors, [id, ...Object.values(indexes || {})], fieldErrors.length ? fieldErrors : undefined);
+    const errorPath = [id, ...Object.values(indexes || {})];
+    let nextErrors;
+    if (fieldErrors.length) {
+      minDash.set(errors, errorPath, fieldErrors);
+      nextErrors = errors;
+    } else {
+      nextErrors = pruneAt(errors, errorPath);
+    }
     this._emit('field.updated', update);
     this._setState({
       data: clone(data),
-      errors: clone(errors)
+      errors: clone(nextErrors)
     });
   }
 
@@ -10107,6 +10165,7 @@ exports.iconsByType = iconsByType;
 exports.isRequired = isRequired;
 exports.pathParse = pathParse;
 exports.pathsEqual = pathsEqual;
+exports.pruneAt = pruneAt;
 exports.runExpressionEvaluation = runExpressionEvaluation;
 exports.runRecursively = runRecursively;
 exports.runUnaryTestEvaluation = runUnaryTestEvaluation;