From e093cd33e212560702087b3473c823b465c37140 Mon Sep 17 00:00:00 2001
From: Johnathan Clementi <johnathan.clementi1@gmail.com>
Date: Tue, 31 Dec 2024 15:29:20 -0500
Subject: [PATCH] Update uri ref for select component reactivity #147

---
 .../components/generic/LabelViewer.vue            |  2 +-
 .../components/generic/ReferenceDatatype.vue      |  2 +-
 .../ReferenceDatatypeEditor.vue                   | 15 +++++++--------
 .../components/scheme/report/SchemeLabel.vue      |  2 +-
 4 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/arches_lingo/src/arches_lingo/components/generic/LabelViewer.vue b/arches_lingo/src/arches_lingo/components/generic/LabelViewer.vue
index e72e6863..30bcd4da 100644
--- a/arches_lingo/src/arches_lingo/components/generic/LabelViewer.vue
+++ b/arches_lingo/src/arches_lingo/components/generic/LabelViewer.vue
@@ -8,7 +8,7 @@ import ConfirmDialog from "primevue/confirmdialog";
 import { useConfirm } from "primevue/useconfirm";
 
 import ReferenceDatatypeViewer from "@/arches_lingo/components/generic/reference-datatype/ReferenceDatatypeViewer.vue";
-import ResourceInstanceRelationshipsViewer from "@/arches_lingo/components/generic/resource-instance-relationships/ResourceInstanceRelationshipsViewer.vue";
+import ResourceInstanceRelationships from "@/arches_lingo/components/generic/resource-instance-relationships/ResourceInstanceRelationshipsViewer.vue";
 
 import type { AppellativeStatus } from "@/arches_lingo/types";
 
diff --git a/arches_lingo/src/arches_lingo/components/generic/ReferenceDatatype.vue b/arches_lingo/src/arches_lingo/components/generic/ReferenceDatatype.vue
index 9ed5350e..37ab76b3 100644
--- a/arches_lingo/src/arches_lingo/components/generic/ReferenceDatatype.vue
+++ b/arches_lingo/src/arches_lingo/components/generic/ReferenceDatatype.vue
@@ -15,7 +15,7 @@ defineProps<{
     options?: ControlledListItem[];
 }>();
 const emits = defineEmits(["update"]);
-const onUpdate = (val: ControlledListItem) => {
+const onUpdate = (val: ControlledListItem[]) => {
     emits("update", val);
 };
 </script>
diff --git a/arches_lingo/src/arches_lingo/components/generic/reference-datatype/ReferenceDatatypeEditor.vue b/arches_lingo/src/arches_lingo/components/generic/reference-datatype/ReferenceDatatypeEditor.vue
index 6a240ee9..2ad48a33 100644
--- a/arches_lingo/src/arches_lingo/components/generic/reference-datatype/ReferenceDatatypeEditor.vue
+++ b/arches_lingo/src/arches_lingo/components/generic/reference-datatype/ReferenceDatatypeEditor.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, inject, toRef } from "vue";
+import { computed, inject, ref } from "vue";
 import Select from "primevue/select";
 
 import { systemLanguageKey } from "@/arches_lingo/constants.ts";
@@ -21,16 +21,15 @@ const props = withDefaults(
 );
 
 const emit = defineEmits(["update"]);
-const valRef = toRef(props?.value?.[0]?.uri); // use uri as value
+const uriRef = ref(props?.value?.[0]?.uri); // unwrap array n=1 && use uri as value
 const val = computed({
     get() {
-        return valRef.value; // unwrap array n=1
+        return uriRef.value;
     },
-    set(value) {
-        // const item = props.options?.find((item) => item.uri === value);
-        console.log(value);
-        // emit("update", [item]); // rewrap array n=1
-        emit("update", value);
+    set(newVal) {
+        uriRef.value = newVal; // update uri
+        const item = props.options?.find((item) => item.uri === newVal);
+        emit("update", item ? [item] : []); // emit the updated value as a list item
     },
 });
 
diff --git a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue
index 37900eae..7c11d552 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/report/SchemeLabel.vue
@@ -4,7 +4,7 @@ import { onMounted, ref } from "vue";
 import { useRoute } from "vue-router";
 import { useToast } from "primevue/usetoast";
 
-import { VIEW, EDIT, OPEN_EDITOR } from "@/arches_lingo/constants.ts";
+import { VIEW, EDIT, OPEN_EDITOR, ERROR } from "@/arches_lingo/constants.ts";
 import { deleteSchemeLabelTile, fetchSchemeLabel } from "@/arches_lingo/api.ts";
 import LabelViewer from "@/arches_lingo/components/generic/LabelViewer.vue";
 import LabelEditor from "@/arches_lingo/components/generic/LabelEditor.vue";