@konfuzio/document-validation-ui 0.1.12-dev.2 → 0.1.12-dev.3

package/package.json

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

package/src/components/DocumentAnnotations/AnnotationRow.vue

@@ -227,19 +227,33 @@ export default {
   },
   watch: {
     sidebarAnnotationSelected(newSidebarAnnotationSelected) {
-      if (
-        newSidebarAnnotationSelected &&
-        this.annotation &&
-        this.annotation.id === newSidebarAnnotationSelected.annotation.id
-      ) {
+      if (!newSidebarAnnotationSelected) return;
+
+      let annotationSelected;
+
+      if (newSidebarAnnotationSelected.annotation) {
+        annotationSelected = newSidebarAnnotationSelected.annotation;
+      } else {
+        annotationSelected = newSidebarAnnotationSelected;
+      }
+
+      if (this.annotation && this.annotation.id === annotationSelected.id) {
         clearTimeout(this.annotationAnimationTimeout);
 
+        let timeout;
+
+        if (!newSidebarAnnotationSelected.trigger) {
+          timeout = 600;
+        } else {
+          timeout = 1200;
+        }
+
         this.isSelected = true;
         // remove annotation selection after some time
         this.annotationAnimationTimeout = setTimeout(() => {
           this.$store.dispatch("document/setSidebarAnnotationSelected", null);
           this.isSelected = false;
-        }, 1500);
+        }, timeout);
 
         // Check if sidebarAnnotationSelected changed from a click or hover
         if (newSidebarAnnotationSelected.trigger === "click") {

package/src/components/DocumentAnnotations/DocumentLabel.vue

@@ -109,9 +109,18 @@ export default {
         !this.showAnnotationsGroup &&
         newSidebarAnnotationSelected
       ) {
+        let annotationSelected;
+
+        if (newSidebarAnnotationSelected.annotation) {
+          annotationSelected = newSidebarAnnotationSelected.annotation;
+        } else {
+          annotationSelected = newSidebarAnnotationSelected;
+        }
+
         const annotation = this.label.annotations.find(
-          (ann) => ann.id === newSidebarAnnotationSelected.id
+          (ann) => ann.id === annotationSelected.id
         );
+
         if (annotation) {
           this.showAnnotationsGroup = true;
           this.$store.dispatch("document/setSidebarAnnotationSelected", null);