Add getOptionKey property to all vue-selects

client/web/admin/src/components/Apigw/CFilterParams.vue

@@ -36,6 +36,7 @@
             v-else-if="param.label === 'workflow'"
             v-model="param.value"
             :options="workflows"
+            :get-option-key="getOptionKey"
             :reduce="wf => wf.workflowID"
             :placeholder="$t('filters.placeholders.workflow')"
             class="bg-white"
@@ -205,5 +206,11 @@ export default {
         })
     }
   },
+
+  methods: {
+    getOptionKey ({ workflowID }) {
+      return workflowID
+    },
+  },
 }
 </script>

client/web/admin/src/components/Permissions/CPermissionClone.vue

@@ -31,6 +31,7 @@
           data-test-id="select-role-list"
           label="name"
           :options="roles"
+          :get-option-key="getOptionKey"
           :reduce="role => role.roleID"
           :loading="processingRoles"
           multiple
@@ -102,6 +103,10 @@ export default {
           this.showModal = false
         })
     },
+
+    getOptionKey ({ roleID }) {
+      return roleID
+    },
   },
 }
 </script>

client/web/admin/src/components/Permissions/CPermissionList.vue

@@ -226,6 +226,7 @@
           v-model="add.roleID"
           :data-test-id="`select-${add.mode}-roles`"
           :options="availableRoles"
+          :get-option-key="getOptionRoleKey"
           :multiple="add.mode === 'eval'"
           label="name"
           clearable
@@ -246,6 +247,7 @@
           v-model="add.userID"
           :data-test-id="`select-${add.mode}-users`"
           :disabled="!!add.roleID.length"
+          :get-option-key="getOptionUserKey"
           :options="userOptions"
           :get-option-label="getUserLabel"
           label="name"
@@ -493,6 +495,14 @@ export default {
     onHideRole (role) {
       this.$emit('hide', role)
     },
+
+    getOptionRoleKey ({ roleID }) {
+      return roleID
+    },
+
+    getOptionUserKey ({ userID }) {
+      return userID
+    },
   },
 }
 </script>