@abi-software/mapintegratedvuer 1.9.1 → 1.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/mapintegratedvuer",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "license": "Apache-2.0",
   "scripts": {
     "serve": "vite --host --force",
@@ -50,8 +50,8 @@
     "*.js"
   ],
   "dependencies": {
-    "@abi-software/flatmapvuer": "^1.9.1",
-    "@abi-software/map-side-bar": "^2.8.1",
+    "@abi-software/flatmapvuer": "^1.9.2",
+    "@abi-software/map-side-bar": "^2.8.2",
     "@abi-software/map-utilities": "^1.5.0",
     "@abi-software/plotvuer": "1.0.4",
     "@abi-software/scaffoldvuer": "^1.9.0",

package/src/components/SplitDialog.vue

@@ -48,7 +48,10 @@ export default {
   },
   data: function() {
     return {
-      styles: { }
+      styles: { },
+      query: "",
+      filter: [],
+      target: [],
     }
   },
   methods: {
@@ -230,6 +233,94 @@ export default {
         }
       }
     },
+    getSearchedId: function (flatmap, term) {
+      let ids = [];
+      const searchResult = flatmap.mapImp.search(term);
+      const featureIds = searchResult.__featureIds || searchResult.featureIds;
+      featureIds.forEach((id) => {
+        const annotation = flatmap.mapImp.annotation(id);
+        if (
+          annotation.label?.toLowerCase().includes(term.toLowerCase()) &&
+          annotation.models && !ids.includes(annotation.models)
+        ) {
+          ids.push(annotation.models);
+        }
+      });
+      return ids;
+    },
+    connectivityQueryFilter: async function (data) {
+      const activeContents = this.getActiveContents();
+      let searchResults = [];
+      let searchState = '';
+
+      for (const activeContent of activeContents) {
+        const viewer = activeContent.$refs.viewer;
+
+        if (viewer) {
+          const multiflatmap = viewer.$refs.multiflatmap;
+          const flatmap = viewer.$refs.flatmap;
+          let currentFlatmap = null;
+
+          if (multiflatmap) {
+            const _currentFlatmap = multiflatmap.getCurrentFlatmap();
+            if (_currentFlatmap && _currentFlatmap.mapImp) {
+              currentFlatmap = _currentFlatmap;
+            }
+          }
+
+          if (flatmap && flatmap.mapImp) {
+            currentFlatmap = flatmap;
+          }
+
+          const uniqueConnectivities = this.connectivitiesStore.getUniqueConnectivitiesByKeys;
+
+          if (currentFlatmap && currentFlatmap.$el.checkVisibility()) {
+            let payload = {
+              state: "default",
+              data: [...uniqueConnectivities],
+            };
+
+            if (data) {
+              if (data.type === "query-update") {
+                if (this.query !== data.value) this.target = [];
+                this.query = data.value;
+              } else if (data.type === "filter-update") {
+                this.filter = data.value;
+              }
+            }
+
+            if (this.query) {
+              payload.state = "processed";
+              let prom1 = [], options = {};
+              const searchTerms = this.query.split(",").map((term) => term.trim());
+              for (let index = 0; index < searchTerms.length; index++) {
+                prom1.push(this.getSearchedId(currentFlatmap, searchTerms[index]));
+              }
+              const nestedIds = await Promise.all(prom1);
+              const ids = [...new Set(nestedIds.flat())];
+              let paths = await currentFlatmap.retrieveConnectedPaths(ids, options);
+              paths = [...ids, ...paths.filter((path) => !ids.includes(path))];
+              let results = uniqueConnectivities.filter((item) => paths.includes(item.id));
+              payload.data = results;
+            }
+
+            searchState = payload.state;
+            searchResults = [...searchResults, ...payload.data];
+          }
+        }
+      }
+
+      const uniqueResults = Array.from(
+        new Map(searchResults.map((item) => [item.id, item])).values()
+      );
+
+      const connectivitiesPayload = {
+        state: searchState,
+        data: uniqueResults,
+      };
+
+      EventBus.emit("connectivity-knowledge", connectivitiesPayload);
+    },
   },
   computed: {
     ...mapStores(useSplitFlowStore, useConnectivitiesStore),
@@ -287,6 +378,9 @@ export default {
     EventBus.on('species-layout-connectivity-update', () => {
       this.onSpeciesLayoutConnectivityUpdate();
     })
+    EventBus.on("connectivity-query-filter", (payload) => {
+      this.connectivityQueryFilter(payload);
+    });
   },
 };
 </script>

package/src/components/SplitFlow.vue

@@ -146,6 +146,7 @@ export default {
   },
   methods: {
     onConnectivityExplorerClicked: function (payload) {
+      this.search = payload.id
       this.onDisplaySearch({ term: payload.id }, false, true);
     },
     /**
@@ -374,6 +375,7 @@ export default {
           this.filterTriggered = false; // reset for next action
         }
       } else if (data.id === 2) {
+        this.search = '';
         this.connectivityEntry = [];
         EventBus.emit("connectivity-query-filter", data);
       }
@@ -635,7 +637,15 @@ export default {
       }
     });
     EventBus.on('connectivity-info-open', payload => {
-      this.connectivityEntry = payload;
+      if (!this.search || payload.length > 1) {
+        this.connectivityEntry = payload;
+      } else if (this.search && payload.length === 1) {
+        // if search exist, payload should always be an array of one element
+        // skip those payload not contain the search
+        if (payload[0].featureId[0] === this.search) {
+          this.connectivityEntry = payload;
+        }
+      }
       // click on the flatmap paths/features directly
       // or onDisplaySearch is performed
       if (!this.connectivityExplorerClicked.length) {
@@ -647,7 +657,7 @@ export default {
           this.onShowConnectivity(this.connectivityHighlight);
         }
         if (this.$refs.sideBar) {
-          this.$refs.sideBar.tabClicked({id:  2, type: 'connectivityExplorer'});
+          this.$refs.sideBar.tabClicked({ id: 2, type: 'connectivityExplorer' });
           this.$refs.sideBar.setDrawerOpen(true);
         }
       }

package/src/components/viewers/Flatmap.vue

@@ -22,6 +22,7 @@
       @connectivity-info-open="onConnectivityInfoOpen"
       @connectivity-error="onConnectivityError"
       @connectivity-info-close="onConnectivityInfoClose"
+      :connectivityInfoSidebar="connectivityInfoSidebar"
       :pathControls="true"
       ref="flatmap"
       @ready="flatmapReadyCall"
@@ -202,12 +203,6 @@ export default {
         currentFlatmap.showConnectivitiesByReference(payload);
       }
     });
-    EventBus.on("connectivity-query-filter", (payload) => {
-      const currentFlatmap = this.$refs.flatmap;
-      if (currentFlatmap && currentFlatmap.mapImp) {
-        this.connectivityQueryFilter(currentFlatmap, payload)
-      }
-    });
   },
 };
 </script>

package/src/components/viewers/MultiFlatmap.vue

@@ -505,14 +505,6 @@ export default {
         this.cardHoverHighlight();
       }
     });
-    EventBus.on("connectivity-query-filter", (payload) => {
-      if (this.flatmapReady && this.$refs.multiflatmap) {
-        const currentFlatmap = this.$refs.multiflatmap.getCurrentFlatmap();
-        if (currentFlatmap && currentFlatmap.mapImp) {
-          this.connectivityQueryFilter(currentFlatmap, payload)
-        }
-      }
-    });
   },
 };
 </script>

package/src/mixins/ContentMixin.js

@@ -597,54 +597,6 @@ export default {
       // EventBus.emit("connectivity-knowledge", { data: this.connectivityKnowledge[uuid] });
       EventBus.emit('species-layout-connectivity-update');
     },
-    getSearchedId: function (flatmap, term) {
-      let ids = [];
-      const searchResult = flatmap.mapImp.search(term);
-      const featureIds = searchResult.__featureIds || searchResult.featureIds;
-      featureIds.forEach((id) => {
-        const annotation = flatmap.mapImp.annotation(id);
-        if (
-          annotation.label?.toLowerCase().includes(term.toLowerCase()) &&
-          annotation.models && !ids.includes(annotation.models)
-        ) {
-          ids.push(annotation.models);
-        }
-      });
-      return ids;
-    },
-    connectivityQueryFilter: async function (flatmap, data) {
-      const uniqueConnectivities = this.connectivitiesStore.getUniqueConnectivitiesByKeys;
-      // only for those flatmaps that are shown on the split screen
-      if (flatmap.$el.checkVisibility()) {
-        let payload = {
-          state: "default",
-          data: [...uniqueConnectivities],
-        };
-        if (data) {
-          if (data.type === "query-update") {
-            if (this.query !== data.value) this.target = [];
-            this.query = data.value;
-          } else if (data.type === "filter-update") {
-            this.filter = data.value;
-          }
-        }
-        if (this.query) {
-          payload.state = "processed";
-          let prom1 = [], options = {};
-          const searchTerms = this.query.split(",").map((term) => term.trim());
-          for (let index = 0; index < searchTerms.length; index++) {
-            prom1.push(this.getSearchedId(flatmap, searchTerms[index]));
-          }
-          const nestedIds = await Promise.all(prom1);
-          const ids = [...new Set(nestedIds.flat())];
-          let paths = await flatmap.retrieveConnectedPaths(ids, options);
-          paths = [...ids, ...paths.filter((path) => !ids.includes(path))];
-          let results = uniqueConnectivities.filter((item) => paths.includes(item.id));
-          payload.data = results;
-        }
-        EventBus.emit("connectivity-knowledge", payload);
-      }
-    }
   },
   data: function () {
     return {
@@ -666,8 +618,6 @@ export default {
       isInHelp: false,
       mapManager: undefined,
       connectivityKnowledge: {},
-      query: "",
-      filter: [],
       highlightDelay: undefined
     };
   },