update the prop panel when selecting a correlation key for a property w/ burnettk

app/app.js

@@ -4,7 +4,7 @@ import {
   BpmnPropertiesProviderModule,
 } from 'bpmn-js-properties-panel';
 import FileSaver from 'file-saver';
-import diagramXML from '../test/spec/bpmn/gateway.bpmn';
+import diagramXML from '../test/spec/bpmn/basic_message.bpmn';
 import spiffworkflow from './spiffworkflow';
 
 const modelerEl = document.getElementById('modeler');

app/spiffworkflow/messages/propertiesPanel/CorrelationKeysArray.js

@@ -65,9 +65,7 @@ function removeFactory(props) {
     );
     commandStack.execute('element.updateProperties', {
       element,
-      properties: {
-        correlationKey: currentCorrelationKeyElements,
-      },
+      properties: {},
     });
   };
 }

app/spiffworkflow/messages/propertiesPanel/CorrelationPropertiesArray.js

@@ -31,6 +31,7 @@ export function CorrelationPropertiesArray(props) {
         idPrefix: id,
         correlationPropertyModdleElement,
         translate,
+        element,
         commandStack,
         moddle,
       });
@@ -125,6 +126,7 @@ function MessageCorrelationPropertyGroup(props) {
     idPrefix,
     correlationPropertyModdleElement,
     translate,
+    element,
     commandStack,
     moddle,
   } = props;
@@ -134,15 +136,18 @@ function MessageCorrelationPropertyGroup(props) {
       component: MessageCorrelationKeySelect,
       isEdited: isTextFieldEntryEdited,
       idPrefix,
+      element,
       correlationPropertyModdleElement,
       translate,
       moddle,
+      commandStack,
     },
     {
       id: `${idPrefix}-correlation-property-id`,
       component: CorrelationPropertyIdTextField,
       isEdited: isTextFieldEntryEdited,
       idPrefix,
+      element,
       correlationPropertyModdleElement,
       translate,
       commandStack,
@@ -152,6 +157,7 @@ function MessageCorrelationPropertyGroup(props) {
       component: CorrelationPropertyNameTextField,
       isEdited: isTextFieldEntryEdited,
       idPrefix,
+      element,
       correlationPropertyModdleElement,
       translate,
       commandStack,
@@ -164,8 +170,9 @@ function MessageCorrelationKeySelect(props) {
     idPrefix,
     correlationPropertyModdleElement,
     translate,
-    parameter,
+    element,
     moddle,
+    commandStack,
   } = props;
   const debounce = useService('debounceInput');
 
@@ -201,6 +208,12 @@ function MessageCorrelationKeySelect(props) {
         correlationPropertyModdleElement
       );
     }
+
+    commandStack.execute('element.updateModdleProperties', {
+      element,
+      moddleElement: correlationPropertyModdleElement,
+      properties: {},
+    });
   };
 
   const getValue = () => {
@@ -231,7 +244,7 @@ function MessageCorrelationKeySelect(props) {
 
   return SelectEntry({
     id: `${idPrefix}-select`,
-    element: parameter,
+    element,
     label: translate('Correlation Key'),
     getValue,
     setValue,