@manuscripts/body-editor 3.7.0 → 3.7.2

package/dist/cjs/plugins/placeholder.js

@@ -34,6 +34,14 @@ const placeholderWidget = (placeholder) => (view, getPos) => {
     });
     return element;
 };
+const backmatterWidget = (direction) => {
+    const element = document.createElement('div');
+    element.className = 'backmatter-border-placeholder';
+    const line = document.createElement('div');
+    line.className = direction;
+    element.appendChild(line);
+    return element;
+};
 const getParagraphPlaceholderText = (parent, node) => {
     if (!parent) {
         return;
@@ -100,6 +108,16 @@ exports.default = () => new prosemirror_state_1.Plugin({
                         }));
                     }
                 }
+                else if (node.type === transform_1.schema.nodes.backmatter) {
+                    decorations.push(prosemirror_view_1.Decoration.widget(pos + 1, backmatterWidget('top')));
+                    const nextNode = parent && parent.nodeAt(pos + node.nodeSize);
+                    if (nextNode &&
+                        (nextNode.type === transform_1.schema.nodes.supplements ||
+                            nextNode.type === transform_1.schema.nodes.hero_image ||
+                            nextNode.type === transform_1.schema.nodes.attachments)) {
+                        decorations.push(prosemirror_view_1.Decoration.widget(pos + node.nodeSize - 1, backmatterWidget('bottom')));
+                    }
+                }
             });
             return prosemirror_view_1.DecorationSet.create(state.doc, decorations);
         },

package/dist/cjs/versions.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MATHJAX_VERSION = exports.VERSION = void 0;
-exports.VERSION = '3.7.0';
+exports.VERSION = '3.7.2';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/accessibility_element.js

@@ -17,6 +17,7 @@ class AccessibilityElementView extends block_view_1.default {
         this.dom = document.createElement('div');
         this.dom.classList.add('accessibility_element');
         const label = document.createElement('label');
+        label.contentEditable = 'false';
         label.className = 'accessibility_element_label';
         label.innerText =
             this.node.type === transform_1.schema.nodes.long_desc

package/dist/cjs/views/block_view.js

@@ -74,7 +74,7 @@ class BlockView extends base_node_view_1.BaseNodeView {
         this.dom.appendChild(this.gutter[className]);
     }
     gutterButtons() {
-        return [];
+        return [document.createElement('div')];
     }
     actionGutterButtons() {
         return [];

package/dist/cjs/views/image_element.js

@@ -110,17 +110,14 @@ class ImageElementView extends block_view_1.default {
     }
     createDOM() {
         super.createDOM();
-        this.dom.setAttribute('contenteditable', 'false');
     }
     createElement() {
         this.container = document.createElement('div');
         this.container.classList.add('block');
-        this.container.setAttribute('contenteditable', 'false');
         this.dom.appendChild(this.container);
         this.subcontainer = document.createElement('div');
         this.subcontainer.classList.add('figure-block-group');
         this.contentDOM = document.createElement('div');
-        this.contentDOM.setAttribute('contenteditable', 'false');
         this.contentDOM.setAttribute('id', this.node.attrs.id);
         this.contentDOM.classList.add('figure-block');
         this.subcontainer.appendChild(this.contentDOM);
@@ -258,6 +255,7 @@ class ImageElementView extends block_view_1.default {
             }
             else {
                 this.extLinkEditorContainer = document.createElement('div');
+                this.extLinkEditorContainer.contentEditable = 'false';
                 this.extLinkEditorContainer.classList.add('ext-link-editor-container');
             }
             if (!this.isEditingExtLink && !this.node.attrs.extLink) {

package/dist/es/plugins/placeholder.js

@@ -32,6 +32,14 @@ const placeholderWidget = (placeholder) => (view, getPos) => {
     });
     return element;
 };
+const backmatterWidget = (direction) => {
+    const element = document.createElement('div');
+    element.className = 'backmatter-border-placeholder';
+    const line = document.createElement('div');
+    line.className = direction;
+    element.appendChild(line);
+    return element;
+};
 const getParagraphPlaceholderText = (parent, node) => {
     if (!parent) {
         return;
@@ -98,6 +106,16 @@ export default () => new Plugin({
                         }));
                     }
                 }
+                else if (node.type === schema.nodes.backmatter) {
+                    decorations.push(Decoration.widget(pos + 1, backmatterWidget('top')));
+                    const nextNode = parent && parent.nodeAt(pos + node.nodeSize);
+                    if (nextNode &&
+                        (nextNode.type === schema.nodes.supplements ||
+                            nextNode.type === schema.nodes.hero_image ||
+                            nextNode.type === schema.nodes.attachments)) {
+                        decorations.push(Decoration.widget(pos + node.nodeSize - 1, backmatterWidget('bottom')));
+                    }
+                }
             });
             return DecorationSet.create(state.doc, decorations);
         },

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.7.0';
+export const VERSION = '3.7.2';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/accessibility_element.js

@@ -11,6 +11,7 @@ export class AccessibilityElementView extends BlockView {
         this.dom = document.createElement('div');
         this.dom.classList.add('accessibility_element');
         const label = document.createElement('label');
+        label.contentEditable = 'false';
         label.className = 'accessibility_element_label';
         label.innerText =
             this.node.type === schema.nodes.long_desc

package/dist/es/views/block_view.js

@@ -72,7 +72,7 @@ export default class BlockView extends BaseNodeView {
         this.dom.appendChild(this.gutter[className]);
     }
     gutterButtons() {
-        return [];
+        return [document.createElement('div')];
     }
     actionGutterButtons() {
         return [];

package/dist/es/views/image_element.js

@@ -104,17 +104,14 @@ export class ImageElementView extends BlockView {
     }
     createDOM() {
         super.createDOM();
-        this.dom.setAttribute('contenteditable', 'false');
     }
     createElement() {
         this.container = document.createElement('div');
         this.container.classList.add('block');
-        this.container.setAttribute('contenteditable', 'false');
         this.dom.appendChild(this.container);
         this.subcontainer = document.createElement('div');
         this.subcontainer.classList.add('figure-block-group');
         this.contentDOM = document.createElement('div');
-        this.contentDOM.setAttribute('contenteditable', 'false');
         this.contentDOM.setAttribute('id', this.node.attrs.id);
         this.contentDOM.classList.add('figure-block');
         this.subcontainer.appendChild(this.contentDOM);
@@ -252,6 +249,7 @@ export class ImageElementView extends BlockView {
             }
             else {
                 this.extLinkEditorContainer = document.createElement('div');
+                this.extLinkEditorContainer.contentEditable = 'false';
                 this.extLinkEditorContainer.classList.add('ext-link-editor-container');
             }
             if (!this.isEditingExtLink && !this.node.attrs.extLink) {

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.7.0";
+export declare const VERSION = "3.7.2";
 export declare const MATHJAX_VERSION = "3.2.2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.7.0",
+  "version": "3.7.2",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -40,7 +40,7 @@
     "@manuscripts/json-schema": "2.2.12",
     "@manuscripts/style-guide": "3.3.5",
     "@manuscripts/track-changes-plugin": "2.2.0",
-    "@manuscripts/transform": "4.3.8",
+    "@manuscripts/transform": "4.3.9",
     "@popperjs/core": "2.11.8",
     "citeproc": "2.4.63",
     "codemirror": "5.65.19",

package/styles/AdvancedEditor.css

@@ -71,17 +71,26 @@
   font-size: 13.5pt;
 }
 
-.ProseMirror div.backmatter:not(.empty-node)::before,
-.ProseMirror div.abstracts:not(.empty-node)::after {
-  content: '';
-  border-bottom: 1px dashed #c9c9c9;
-  display: block;
-  margin: 11pt 49pt;
+.ProseMirror .backmatter .backmatter-border-placeholder {
+  width: 100%;
+  height: 49pt;
+  display: flex;
+  align-items: center;
 }
-.ProseMirror div.backmatter .block-section_title h1 {
-  font-size: 13.5pt;
-  color: #6e6e6e;
+
+.ProseMirror .backmatter .backmatter-border-placeholder div {
+  flex: 1;
+  margin: 0 52px;
+}
+
+.ProseMirror .backmatter .backmatter-border-placeholder .top {
+  border-top: 1px dashed #c9c9c9;
 }
+
+.ProseMirror .backmatter .backmatter-border-placeholder .bottom {
+  border-bottom: 1px solid #e2e2e2;
+}
+
 .completion-bearer {
   pointer-events: none;
 }
@@ -111,8 +120,6 @@
   border: 1px solid #f2f2f2;
   border-radius: 4px;
 
-  padding: 8px;
-  gap: 8px !important;
 
   grid-template-columns: repeat(3, auto) !important;
   grid-template-rows: repeat(1, minmax(min-content, max-content)) [caption listing] auto !important;
@@ -128,7 +135,6 @@
   border-radius: 4px;
   position: relative;
   padding: 8px;
-  gap: 8px !important;
 
   grid-template-columns: repeat(3, auto) !important;
   grid-template-rows: repeat(1, minmax(min-content, max-content)) [caption listing] auto !important;
@@ -138,7 +144,6 @@
   border: none;
   border-radius: 0;
   position: static;
-  padding: 0;
   margin: 0 !important;
   grid-template-columns: auto;
   grid-template-rows: auto;
@@ -653,11 +658,6 @@ span.comment-marker {
   display: none;
 }
 
-.ProseMirror
-  div.backmatter:has(:only-child.bibliography > .empty-node)::before {
-  border-bottom: none;
-}
-
 .ProseMirror .keywords h1 {
   font-size: 12px;
   font-style: italic;
@@ -1595,10 +1595,6 @@ th:hover > .table-context-menu-button,
   display: block;
 }
 
-.ProseMirror .ext-link-editor-container {
-  position: static;
-  width: 100%;
-}
 .ProseMirror .ext-link-editor-placeholder-container {
   font-size: 0;
 }
@@ -1714,13 +1710,6 @@ th:hover > .table-context-menu-button,
   width: 100%;
 }
 
-.ProseMirror div.backmatter:has(+ .block-container.block-hero_image)::after {
-  content: '';
-  display: block;
-  border-bottom: 1px solid #e2e2e2;
-  margin: 0 35pt 32px 35pt;
-}
-
 .panel-header {
   display: flex;
   justify-content: space-between;
@@ -1735,6 +1724,7 @@ th:hover > .table-context-menu-button,
 
 .hero-image-container .figure-block {
   border: none !important;
+  padding: 8px;
 }
 
 .hero-image-container .position-menu {

package/styles/Editor.css

@@ -685,6 +685,10 @@
   padding: 0 !important;
 }
 
+.ProseMirror .action-gutter:empty {
+  display: none;
+}
+
 .ProseMirror .action-gutter {
   position: relative;
   display: flex;
@@ -1253,14 +1257,6 @@
   font-style: normal;
 }
 
-/* Horizontal line before supplements block */
-.ProseMirror div.backmatter:has(+ .block-container.block-supplements)::after {
-  content: '';
-  display: block;
-  border-bottom: 1px solid #e2e2e2;
-  margin: 0 35pt 32px 35pt;
-}
-
 .ProseMirror .supplement-item.drop-target-above,
 .ProseMirror .supplement-item.drop-target-below {
   border: 2px dotted #20aedf !important;