@abi-software/flatmapvuer 1.7.3-beta.0 → 1.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/flatmapvuer",
-  "version": "1.7.3-beta.0",
+  "version": "1.7.3",
   "license": "Apache-2.0",
   "files": [
     "dist/*",
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@abi-software/flatmap-viewer": "3.2.12",
-    "@abi-software/map-utilities": "^1.3.1",
+    "@abi-software/map-utilities": "^1.3.2",
     "@abi-software/sparc-annotation": "0.3.2",
     "@abi-software/svg-sprite": "^1.0.1",
     "@element-plus/icons-vue": "^2.3.1",

package/src/components/FlatmapVuer.vue

@@ -1716,7 +1716,7 @@ export default {
      * Function to create tooltip for the provided connectivity data.
      * @arg {Array} `connectivityData`
      */
-    createTooltipForConnectivity: function (connectivityData, geojsonId) {
+    createTooltipForConnectivity: function (connectivityData) {
       // combine all labels to show together
       // content type must be DOM object to use HTML
       const labelsContainer = document.createElement('div');
@@ -1733,7 +1733,7 @@ export default {
       });
 
       this.mapImp.showPopup(
-        geojsonId,
+        connectivityData[0].featureId,
         labelsContainer,
         {
           className: 'custom-popup flatmap-tooltip-popup',
@@ -1750,7 +1750,6 @@ export default {
     showConnectivityTooltips: function (payload) {
       const { connectivityInfo, data } = payload;
       const featuresToHighlight = [];
-      const geojsonHighlights = [];
       const connectivityData = [];
       const filteredConnectivityData = [];
       const errorData = [];
@@ -1786,31 +1785,16 @@ export default {
               id,
               label,
             });
+            featuresToHighlight.push(id);
           } else {
             errorData.push(connectivity);
           }
         });
 
         if (filteredConnectivityData.length) {
-          let geojsonId = filteredConnectivityData[0].featureId;
-
-          this.mapImp.annotations.forEach((annotation) => {
-            const anatomicalNodes = annotation['anatomical-nodes'];
-
-            if (anatomicalNodes) {
-              const anatomicalNodesString = anatomicalNodes.join('');
-              const foundItem = filteredConnectivityData.every((item) =>
-                anatomicalNodesString.indexOf(item.id) !== -1
-              );
-
-              if (foundItem) {
-                geojsonId = annotation.featureId;
-                geojsonHighlights.push(geojsonId);
-              }
-            }
-          });
-
-          this.createTooltipForConnectivity(filteredConnectivityData, geojsonId);
+          // show tooltip of the first item
+          // with all labels
+          this.createTooltipForConnectivity(filteredConnectivityData);
         } else {
           errorData.push(...connectivityData);
           // Close all tooltips on the current flatmap element
@@ -1824,10 +1808,6 @@ export default {
 
         // highlight all available features
         this.mapImp.selectFeatures(featuresToHighlight);
-
-        if (geojsonHighlights.length) {
-          this.mapImp.selectGeoJSONFeatures(geojsonHighlights);
-        }
       }
     },
     emitConnectivityGraphError: function (errorData) {