Add getOptionKey property to all vue-selects

client/web/workflow/src/components/Configurator/Function.vue

@@ -28,6 +28,7 @@
           <vue-select
             v-model="functionRef"
             :options="functionTypes"
+            :get-option-key="getOptionTypeKey"
             label="text"
             :selectable="f => !f.disabled"
             :reduce="f => f.value"
@@ -105,6 +106,7 @@
                 <vue-select
                   v-model="a.type"
                   :options="(paramTypes[functionRef][a.target] || [])"
+                  :get-option-key="getOptionParamKey"
                   :filter="argTypeFilter"
                   :clearable="false"
                   @input="$root.$emit('change-detected')"
@@ -124,6 +126,7 @@
                     v-model="a.value"
                     :options="workflowOptions"
                     :get-option-label="getWorkflowLabel"
+                    :get-option-key="getOptionWorkflowKey"
                     :reduce="wf => a.type === 'ID' ? wf.workflowID : wf.handle"
                     clearable
                     :placeholder="$t('steps:function.configurator.search-workflow')"
@@ -136,6 +139,7 @@
                     v-else-if="a.input.type === 'select'"
                     v-model="a.value"
                     :options="a.input.properties.options"
+                    :get-option-key="getOptionTypeKey"
                     label="text"
                     :filter="varFilter"
                     :reduce="a => a.value"
@@ -658,6 +662,18 @@ export default {
 
       return typeDescriptions[type]
     },
+
+    getOptionTypeKey ({ value }) {
+      return value
+    },
+
+    getOptionEWorkflowLabelKey ({ workflowID }) {
+      return workflowID
+    },
+
+    getOptionParamKey (type) {
+      return type
+    },
   },
 }
 </script>

client/web/workflow/src/components/Configurator/Trigger.vue

@@ -23,6 +23,7 @@
           <vue-select
             v-model="item.triggers.resourceType"
             :options="resourceTypeOptions"
+            :get-option-key="getOptionTypeKey"
             label="text"
             :reduce="r => r.value"
             :filter="resTypeFilter"
@@ -39,6 +40,7 @@
           <vue-select
             v-model="item.triggers.eventType"
             :options="eventTypeOptions"
+            :get-option-key="getOptionEventTypeKey"
             label="eventType"
             :reduce="e => e.eventType"
             :filter="evtTypeFilter"
@@ -142,6 +144,7 @@
                 <vue-select
                   v-model="c.name"
                   :options="constraintNameTypes"
+                  :get-option-key="getOptionTypeKey"
                   label="text"
                   :reduce="c => c.value"
                   :filter="constrFilter"
@@ -157,6 +160,7 @@
                 <vue-select
                   v-model="c.op"
                   :options="constraintOperatorTypes"
+                  :get-option-key="getOptionTypeKey"
                   label="text"
                   :reduce="c => c.value"
                   :placeholder="$t('steps:trigger.configurator.select-operator')"
@@ -480,6 +484,14 @@ export default {
         this.$emit('update-default-value', { value, force: !this.item.node.value })
       }
     },
+
+    getOptionTypeKey ({ value }) {
+      return value
+    },
+
+    getOptionEventTypeKey ({ eventType }) {
+      return eventType
+    },
   },
 }
 </script>

client/web/workflow/src/components/Configurator/Workflow.vue

@@ -47,6 +47,7 @@
         :options="user.options"
         data-test-id="select-run-as"
         :get-option-label="getOptionLabel"
+        :get-option-key="getOptionKey"
         :value="user.value"
         @search="search"
         @input="updateRunAs"

client/web/workflow/src/components/ExpressionTable.vue

@@ -69,6 +69,7 @@
           <vue-select
             v-model="item.type"
             :options="types"
+            :get-option-key="getOptionKey"
             :clearable="false"
             :filter="varFilter"
             @input="$root.$emit('change-detected')"
@@ -139,6 +140,10 @@ export default {
 
       return typeDescriptions[type]
     },
+
+    getOptionKey (type) {
+      return type
+    },
   },
 }
 </script>