@konfuzio/document-validation-ui 0.1.11-dev.5 → 0.1.11-dev.7

package/package.json

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

package/src/assets/scss/document_edit.scss

@@ -125,6 +125,7 @@
       right: 0;
       margin: 0 auto;
       padding: 10px;
+      z-index: 999;
 
       .split-info-bar {
         padding: 5px 13px;
@@ -218,7 +219,11 @@
       }
 
       .smart-split {
-        .switch {
+        .switch-info {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+
           .control-label {
             .switch-text {
               font-size: 14px;

package/src/components/DocumentAnnotations/AnnotationContent.vue

@@ -81,9 +81,6 @@ export default {
     isAnnotationBeingEdited() {
       return this.isAnnotationInEditMode(this.annotation.id, this.spanIndex);
     },
-    annotationText() {
-      return this.$refs.contentEditable.textContent.trim();
-    },
   },
 
   watch: {
@@ -116,6 +113,9 @@ export default {
     setText(text) {
       this.$refs.contentEditable.textContent = text;
     },
+    getAnnotationText() {
+      return this.$refs.contentEditable.textContent.trim();
+    },
     handleEditAnnotation(event) {
       if (this.publicView || this.isDocumentReviewed) return;
 
@@ -199,7 +199,7 @@ export default {
       // Validate if we are declining an Annotation that is not multi-lined
       // by deleting the content instead of clicking the 'decline' button
       let isToDecline =
-        this.annotationText.length === 0 &&
+        this.getAnnotationText().length === 0 &&
         (!isElementArray(this.annotation.span) ||
           this.annotation.span.length === 1);
 
@@ -207,10 +207,11 @@ export default {
       this.$emit("save-annotation-changes", isToDecline);
     },
     createSpan() {
-      if (this.annotationText.length === 0) return;
+      const annotationText = this.getAnnotationText();
+      if (!annotationText) return;
 
       return {
-        offset_string: this.annotationText,
+        offset_string: annotationText,
         page_index: this.span.page_index,
         x0: this.span.x0,
         x1: this.span.x1,

package/src/components/DocumentAnnotations/AnnotationRow.vue

@@ -459,10 +459,11 @@ export default {
         if (!decline) {
           Object.keys(this.$refs).forEach((ref) => {
             if (ref.includes(`span_${this.annotation.id}`)) {
+              const refElement = this.$refs[ref][0];
               // call child component createSpan method
-              if (!this.$refs[ref][0]) return;
+              if (!refElement) return;
 
-              const span = this.$refs[ref][0].createSpan();
+              const span = refElement.createSpan();
 
               // only add span if it's not null (offset_string not empty)
               if (span) {

package/src/components/DocumentEdit/EditSidebar.vue

@@ -55,14 +55,15 @@
             :value="true"
             size="is-small"
             :disabled="!documentHasProposedSplit(selectedDocument)"
-          >
+          />
+          <div class="switch-info">
             <span class="switch-text">{{ $t("smart_split") }}</span>
             <span
               v-if="documentHasProposedSplit(selectedDocument)"
               class="new-badge"
               >{{ newText }}</span
             >
-          </b-switch>
+          </div>
         </b-field>
       </b-tooltip>
     </div>