@hmcts/ccd-case-ui-toolkit 7.4.3-redact → 7.4.4

package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs

@@ -27404,8 +27404,12 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         this.removeUnsupportedMarkup(documentElement);
         this.normaliseDateRangeSpacing(documentElement);
         this.removeUnsupportedAttributes(documentElement);
+        const hasMeaningfulContent = this.hasMeaningfulRichTextContent(documentElement);
+        if (hasMeaningfulContent) {
+            this.preserveDocmosisBlankParagraphs(documentElement);
+        }
         const sanitisedValue = sanitiseRichTextDocument(documentElement);
-        return this.hasMeaningfulRichTextContent(documentElement)
+        return hasMeaningfulContent
             ? this.normalisePlainTextValue(sanitisedValue)
             : '';
     }
@@ -27425,11 +27429,22 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         this.removeUnsupportedMarkup(documentElement);
         this.normaliseDateRangeSpacing(documentElement);
         this.removeUnsupportedAttributes(documentElement);
+        const hasMeaningfulContent = this.hasMeaningfulRichTextContent(documentElement);
+        if (hasMeaningfulContent) {
+            this.preserveDocmosisBlankParagraphs(documentElement);
+        }
         const sanitisedValue = sanitiseRichTextDocument(documentElement);
-        return this.hasMeaningfulRichTextContent(documentElement)
+        return hasMeaningfulContent
             ? this.normalisePlainTextValue(sanitisedValue)
             : '';
     }
+    /**
+     * Gives intentionally blank paragraphs content so Docmosis preserves them as blank lines.
+    * This runs only when the document has meaningful content, so a completely empty field remains empty.
+    */
+    preserveDocmosisBlankParagraphs(documentElement) {
+        this.replaceBlankParagraphContent(documentElement, '\u00a0');
+    }
     hasMeaningfulRichTextContent(documentElement) {
         const visibleText = (documentElement.body.textContent || '')
             .replace(/[\s\u00a0\u200b-\u200d\ufeff]/g, '');
@@ -27550,7 +27565,8 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
                 emitEvent: false,
                 emitModelToViewChange: false
             });
-            if (normalisedValue || this.editorHasMeaningfulRichTextContent()) {
+            if ((normalisedValue || this.editorHasMeaningfulRichTextContent())
+                && !this.differsOnlyByDocmosisBlankParagraphs(value, normalisedValue)) {
                 this.editor.setContent(normalisedValue || '');
             }
         }
@@ -27558,6 +27574,34 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             this.isNormalisingValue = false;
         }
     }
+    differsOnlyByDocmosisBlankParagraphs(value, normalisedValue) {
+        if (!value || !normalisedValue) {
+            return false;
+        }
+        const originalDocument = new DOMParser().parseFromString(value, 'text/html');
+        const normalisedDocument = new DOMParser().parseFromString(normalisedValue, 'text/html');
+        this.clearBlankParagraphs(originalDocument);
+        this.clearBlankParagraphs(normalisedDocument);
+        return originalDocument.body.innerHTML === normalisedDocument.body.innerHTML;
+    }
+    /**
+     * Canonicalises visually blank paragraphs to <p></p> before comparing two HTML values.
+    * This lets the editor avoid reloading when only the Docmosis blank-line representation changed.
+    */
+    clearBlankParagraphs(documentElement) {
+        this.replaceBlankParagraphContent(documentElement, '');
+    }
+    replaceBlankParagraphContent(documentElement, replacement) {
+        const paragraphs = Array.prototype.slice.call(documentElement.body.querySelectorAll('p'));
+        paragraphs.forEach((paragraph) => {
+            // Ignore standard whitespace (\s), non-breaking spaces (U+00A0), zero-width characters
+            // (U+200B–U+200D), and the byte-order mark (U+FEFF) when checking for visible text.
+            const visibleText = (paragraph.textContent || '').replace(/[\s\u00a0\u200b-\u200d\ufeff]/g, '');
+            if (!visibleText && !paragraph.querySelector('hr')) {
+                paragraph.textContent = replacement;
+            }
+        });
+    }
     editorHasMeaningfulRichTextContent() {
         const documentNode = this.editor.view.state.doc;
         const visibleText = documentNode.textContent.replace(/[\s\u00a0\u200b-\u200d\ufeff]/g, '');