@konfuzio/document-validation-ui 0.1.34 → 0.1.35

package/package.json

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

package/src/assets/scss/document_annotations.scss

@@ -269,6 +269,7 @@
               width: 60%;
               display: flex;
               align-items: center;
+              padding-right: 12px;
 
               .notification {
                 background-color: transparent;

package/src/components/DocumentPage/BoxSelection.vue

@@ -130,6 +130,7 @@ export default {
           this.selection.start,
           this.selection.end
         );
+        this.$emit("selectEntities", this.entitiesOnSelection(box, this.page));
         this.$store.dispatch("selection/getTextFromBboxes", {
           box,
           entities: false,

package/src/components/DocumentPage/DocumentPage.vue

@@ -152,6 +152,7 @@
         <box-selection
           :page="page"
           @createAnnotations="handleCreateAnnotationsFromSelection"
+          @selectEntities="handleEntitiesFromSelection"
         />
       </v-layer>
       <v-layer v-if="isMultiSelection">
@@ -465,7 +466,6 @@ export default {
       )
         return;
       this.newAnnotation = [];
-      // this.endSelection();
 
       const normalizedEntities = this.scaledEntities(entities, this.page);
       if (normalizedEntities) {
@@ -482,6 +482,25 @@ export default {
       }
     },
 
+    handleEntitiesFromSelection(entities) {
+      if (
+        this.categorizeModalIsActive ||
+        this.publicView ||
+        this.isDocumentReviewed
+      )
+        return;
+
+      const normalizedEntities = this.scaledEntities(entities, this.page);
+      if (normalizedEntities.length > 0) {
+        this.$store.dispatch(
+          "selection/setSelectedEntities",
+          normalizedEntities
+        );
+      } else {
+        this.$store.dispatch("selection/setSelectedEntities", null);
+      }
+    },
+
     handleClickedEntity(entity) {
       if (
         !entity ||
@@ -603,8 +622,8 @@ export default {
      */
     entityRect(entity) {
       let entityIsSelected = false;
-      if (this.newAnnotation && this.newAnnotation.length > 0) {
-        entityIsSelected = this.newAnnotation.find((selectedEntity) => {
+      if (this.selectedEntities && this.selectedEntities.length > 0) {
+        entityIsSelected = this.selectedEntities.find((selectedEntity) => {
           return (
             selectedEntity.original &&
             selectedEntity.original.offset_string ===