Update uri ref for select component reactivity #147

archesproject · Dec 31, 2024 · e093cd3 · e093cd3
1 parent b194a4c
commit e093cd3
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 11 deletions.
diff --git 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
@@ -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/..._lingo/src/arches_lingo/components/generic/reference-datatype/ReferenceDatatypeEditor.vue b/..._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
@@ -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";