@konfuzio/document-validation-ui 0.1.22-dev.1 → 0.1.22-dev.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@konfuzio/document-validation-ui",
-  "version": "0.1.22-dev.1",
+  "version": "0.1.22-dev.2",
   "repository": "git://github.com:konfuzio-ai/document-validation-ui.git",
   "main": "dist/app.js",
   "scripts": {

package/src/components/DocumentPage/DocumentPage.vue

@@ -72,7 +72,7 @@
                 :key="'ann' + annotation.id + '-' + index"
                 :config="annotationRect(bbox, annotation.id)"
                 @click="handleFocusedAnnotation(annotation)"
-                @mouseenter="onElementEnter"
+                @mouseenter="onElementEnter(annotation, bbox)"
                 @mouseleave="onElementLeave"
               />
             </template>
@@ -284,6 +284,7 @@ export default {
       "isDocumentReadyToBeReviewed",
       "entitiesOnSelection",
       "isDocumentReviewed",
+      "labelOfAnnotation",
     ]),
   },
   watch: {
@@ -446,7 +447,7 @@ export default {
       }
     },
 
-    onElementEnter() {
+    onElementEnter(annotation = null, span = null) {
       if (
         !this.categorizeModalIsActive &&
         !this.publicView &&
@@ -455,10 +456,23 @@ export default {
       ) {
         this.$refs.stage.$el.style.cursor = "pointer";
       }
+
+      if (annotation) {
+        const label = this.labelOfAnnotation(annotation);
+        if (label) {
+          this.$store.dispatch("document/setDocumentAnnotationSelected", {
+            annotation,
+            label,
+            span,
+            scrollTo: false,
+          });
+        }
+      }
     },
 
     onElementLeave() {
       this.$refs.stage.$el.style.cursor = "inherit";
+      this.$store.dispatch("document/disableDocumentAnnotationSelected");
     },
 
     /**

package/src/store/document.js

@@ -269,6 +269,28 @@ const getters = {
     return foundAnnotationSet;
   },
 
+  /* Get label for a given annotation */
+  labelOfAnnotation: (state) => (annotationToFind) => {
+    let foundLabel = null;
+    state.annotationSets.forEach((annotationSet) => {
+      annotationSet.labels.forEach((label) => {
+        label.annotations.forEach((annotation) => {
+          if (annotation.id === annotationToFind.id) {
+            foundLabel = label;
+            return;
+          }
+        });
+        if (foundLabel) {
+          return;
+        }
+      });
+      if (foundLabel) {
+        return;
+      }
+    });
+    return foundLabel;
+  },
+
   /* Process annotations and extract labels and sets */
   processAnnotationSets: (state, getters) => (annotationSets) => {
     // group annotations for sidebar