From cc24e547d2a0bcd635b0ba19a25ab5d693ead08b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Munsch?= <jeremy.munsch@ldc.fr>
Date: Wed, 6 Sep 2023 15:42:40 +0200
Subject: [PATCH] Fix SelectMultipleEnumComponent as ti should be (generate
 array of integers)

---
 .../SelectMultipleEnumComponent.vue           | 30 ++++++++++---------
 resources/ts/index.d.ts                       |  6 ++--
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/resources/ts/components/SelectMultipleEnumComponent.vue b/resources/ts/components/SelectMultipleEnumComponent.vue
index 87e0fd0..610651b 100644
--- a/resources/ts/components/SelectMultipleEnumComponent.vue
+++ b/resources/ts/components/SelectMultipleEnumComponent.vue
@@ -82,13 +82,13 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "vue";
 import type VueTagsInput from "@sipec/vue3-tags-input";
 import { VueTagsInput as VueTagsInputCls } from "@sipec/vue3-tags-input";
 import slugify from "slugify";
+import { defineComponent } from "vue";
+import parseLaravelErrorMessages from "./../modules/parseLaravelErrorMessages";
 import route from "./../modules/route";
 import trans from "./../modules/trans";
-import parseLaravelErrorMessages from "./../modules/parseLaravelErrorMessages";
 
 export default defineComponent({
   name: "SelectMultipleEnumComponent",
@@ -145,7 +145,7 @@ export default defineComponent({
     this.intName = data.name;
     this.intLabel = data.label;
     this.intHelper = data.helper;
-    this.intAllItems = this.parseTags(data.itemsList);
+    this.intAllItems = (data.itemsList as CustomTag[]).map(item => {item.text = item.label; return item;});
     this.intSelectedItem = this.parseTags(data.itemsSelected);
     this.intPlaceholder = data.placeholder;
     this.intItemLimit = data.itemLimit;
@@ -156,18 +156,20 @@ export default defineComponent({
     this.checkSpecificItem();
   },
   methods: {
-    parseTags(intSelectedItem: CustomTag[]): CustomTag[] {
-      return intSelectedItem.map((intItem: CustomTag) => {
-        if (!intItem.value)
-          intItem = this.intAllItems
-            .filter((intItemEnum) => {
-              return intItemEnum.value == intItem.id;
-            })
-            .shift() as CustomTag;
-        intItem.id = String(intItem.value);
-        intItem.text = String(intItem.label);
-        return intItem;
+    parseTags(intSelectedItem: number[]): CustomTag[] {
+      const out: CustomTag[] = [];
+      intSelectedItem.forEach((intItem: number) => {
+        const selectedItem = this.intAllItems.find(item=> item.value === intItem);
+        if (!selectedItem) {
+          throw new Error(`Could not find enum ${intItem}`);
+        }
+        out.push({
+          id: String(selectedItem.value),
+          value: String(selectedItem.value),
+          text: String(selectedItem.text)
+        } as LaravelModel as CustomTag);
       });
+      return out;
     },
     /**
      * Add item
diff --git a/resources/ts/index.d.ts b/resources/ts/index.d.ts
index a60f931..9a0da00 100644
--- a/resources/ts/index.d.ts
+++ b/resources/ts/index.d.ts
@@ -1,7 +1,7 @@
-export {};
+export { };
 
-import { AxiosStatic } from "axios";
 import type VueTagsInput from "@sipec/vue3-tags-input";
+import { AxiosStatic } from "axios";
 
 // * Recursive List<string>
 type StringList = Record<PropertyKey, string>;
@@ -30,7 +30,7 @@ type NestedNumberList = NestedNumberListInterface | NumberList | number;
 type ModelList = Array<Model>;
 
 declare global {
-    type CustomTag = LaravelModel & VueTagsInput.ITag;
+    type CustomTag = LaravelModel & VueTagsInput.ITag & {name:string,label:string, value:number|string};
     type LaravelModel = Model;
     type LaravelModelList = ModelList;