fix: ensure output data is in sync with instance registration

bpmn-io · Apr 23, 2024 · 5b00620 · 5b00620
1 parent 9e189cf
commit 5b00620
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/packages/form-js-playground/src/components/PlaygroundRoot.js b/packages/form-js-playground/src/components/PlaygroundRoot.js
@@ -133,11 +133,14 @@ export function PlaygroundRoot(config) {
       emit('formPlayground.rendered');
     });
 
-    // pipe viewer changes to output data editor
-    formViewer.on('changed', () => {
+    const updateOutputData = () => {
       const submitData = formViewer._getSubmitData();
       outputDataEditor.setValue(toString(submitData));
-    });
+    };
+
+    // pipe viewer changes to output data editor
+    formViewer.on('changed', updateOutputData);
+    formViewer.on('formFieldInstanceRegistry.changed', updateOutputData);
 
     inputDataEditor.on('changed', (event) => {
       try {

diff --git a/packages/form-js-viewer/src/core/FormFieldInstanceRegistry.js b/packages/form-js-viewer/src/core/FormFieldInstanceRegistry.js
@@ -26,6 +26,8 @@ export class FormFieldInstanceRegistry {
       indexes,
     };
 
+    this._eventBus.fire('formFieldInstanceRegistry.changed', { instanceId, action: 'added' });
+
     return instanceId;
   }
 
@@ -35,6 +37,8 @@ export class FormFieldInstanceRegistry {
     }
 
     delete this._formFieldInstances[instanceId];
+
+    this._eventBus.fire('formFieldInstanceRegistry.changed', { instanceId, action: 'removed' });
   }
 
   getAll() {