From 851f2982a954f4ea8a8baaaec508bc351f71a4a2 Mon Sep 17 00:00:00 2001
From: Pieter Verschaffelt <pieter.verschaffelt@ugent.be>
Date: Thu, 8 Feb 2024 10:34:28 +0100
Subject: [PATCH] Fix could not change feature type in heatmap selection wizard

---
 package.json                                  |  2 +-
 src/components/tables/DataSourceTable.vue     |  3 +--
 .../heatmap/single/DataSourceSingle.vue       | 22 ++++++++++---------
 3 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 3ce4020..d580ba8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "unipept-web-components",
-    "version": "2.1.4",
+    "version": "2.1.5",
     "scripts": {
         "dev": "vite",
         "build": "vue-tsc --emitDeclarationOnly && vite build && tsc --emitDeclarationOnly && tsc-alias && rm -rf types/test types/plugins types/main.d.ts",
diff --git a/src/components/tables/DataSourceTable.vue b/src/components/tables/DataSourceTable.vue
index ab9f4f6..50277cd 100644
--- a/src/components/tables/DataSourceTable.vue
+++ b/src/components/tables/DataSourceTable.vue
@@ -35,7 +35,7 @@
         <v-data-table
             v-model="selectedItems"
             :headers="headers"
-            :items="allItems"
+            :items="items"
             :loading="loading"
             :search="selectedCategory"
             :custom-filter="categoryFilter"
@@ -87,7 +87,6 @@ const headers = readonly([
 
 const selectedCategory = ref<string>("All");
 const selectedItems = ref<DataSourceItem[]>([]);
-const allItems = ref<DataSourceItem[]>(props.items);
 
 const selectAll = () => {
     selectedItems.value = props.items;
diff --git a/src/components/visualizations/heatmap/single/DataSourceSingle.vue b/src/components/visualizations/heatmap/single/DataSourceSingle.vue
index ffda2a5..eeb147c 100644
--- a/src/components/visualizations/heatmap/single/DataSourceSingle.vue
+++ b/src/components/visualizations/heatmap/single/DataSourceSingle.vue
@@ -20,7 +20,7 @@
 <script setup lang="ts">
 import DataSourceSingleItem from './DataSourceSingleItem';
 import DataSourceTable from '@/components/tables/DataSourceTable.vue';
-import { computed, ref } from 'vue';
+import { computed, ref, toRaw } from "vue";
 import FunctionalDefinition from '@/logic/ontology/functional/FunctionalDefinition';
 import { LcaCountTableProcessor, Ontology, NcbiId, NcbiTaxon, NcbiRank, NcbiTree, EcCountTableProcessor, EcCode, EcDefinition, EcNamespace, GoCode, GoCountTableProcessor, GoDefinition, InterproCode, InterproCountTableProcessor, InterproDefinition, GoNamespace, InterproNamespace } from '@/logic';
 
@@ -51,13 +51,14 @@ const dataSources: string[] = [
 
 const selectedDataSource = ref<string>("NCBI taxonomy");
 const selectedDataSourceItems = computed(() => {
-    if (selectedDataSource.value === "NCBI taxonomy") {
+    const selectedSource = toRaw(selectedDataSource.value);
+    if (selectedSource === "NCBI taxonomy") {
         return ncbiItems.value;
-    } else if (selectedDataSource.value === "Enzyme Commission") {
+    } else if (selectedSource === "Enzyme Commission") {
         return ecItems.value;
-    } else if (selectedDataSource.value === "Gene Ontology") {
+    } else if (selectedSource === "Gene Ontology") {
         return goItems.value;
-    } else if (selectedDataSource.value === "Interpro") {
+    } else if (selectedSource === "Interpro") {
         return interproItems.value;
     } else {
         return [];
@@ -65,13 +66,14 @@ const selectedDataSourceItems = computed(() => {
 });
 
 const categories = computed(() => {
-    if (selectedDataSource.value === "NCBI taxonomy") {
+    const selectedSource = toRaw(selectedDataSource.value);
+    if (selectedSource === "NCBI taxonomy") {
         return ["All", ...Object.values(NcbiRank)];
-    } else if (selectedDataSource.value === "Enzyme Commission") {
+    } else if (selectedSource === "Enzyme Commission") {
         return ["All", ...Object.values(EcNamespace)];
-    } else if (selectedDataSource.value === "Gene Ontology") {
+    } else if (selectedSource === "Gene Ontology") {
         return ["All", ...Object.values(GoNamespace)];
-    } else if (selectedDataSource.value === "Interpro") {
+    } else if (selectedSource === "Interpro") {
         return ["All", ...Object.values(InterproNamespace)];
     } else {
         return [];
@@ -105,7 +107,7 @@ const computeItems = (
         let category: string = "";
         let count: number = 0;
 
-        if("rank" in definition) {
+        if ("rank" in definition) {
             category = definition["rank"];
             count = props.ncbiTree.nodes.get(id)?.count || 0;
         } else {