@manuscripts/body-editor 3.10.13 → 3.10.15

package/dist/cjs/lib/doc.js

@@ -28,7 +28,10 @@ const upsertSupplementsSection = (tr, supplement) => {
         return { node: supplements.node, pos };
     }
     const pos = (0, utils_1.findInsertionPosition)(transform_1.schema.nodes.supplements, doc);
-    const node = transform_1.schema.nodes.supplements.createAndFill({ id: (0, transform_1.generateNodeID)(transform_1.schema.nodes.supplements) }, [supplement]);
+    const node = transform_1.schema.nodes.supplements.createAndFill({ id: (0, transform_1.generateNodeID)(transform_1.schema.nodes.supplements) }, [
+        transform_1.schema.nodes.section_title.create(undefined, transform_1.schema.text('Supplements')),
+        supplement,
+    ]);
     tr.insert(pos, node);
     return {
         node,

package/dist/cjs/plugins/comments.js

@@ -206,6 +206,7 @@ const getDecorationPos = (node, pos) => {
         case transform_1.schema.nodes.embed:
         case transform_1.schema.nodes.contributors:
         case transform_1.schema.nodes.hero_image:
+        case transform_1.schema.nodes.supplements:
             return pos;
         case transform_1.schema.nodes.keywords:
             return pos + 2;

package/dist/cjs/plugins/translations.js

@@ -83,7 +83,7 @@ exports.default = (props) => new prosemirror_state_1.Plugin({
                             (0, commands_1.insertTransGraphicalAbstract)(category)(state)
                         : canEditTransAbstract;
                     if (canEdit) {
-                        widgets.push(prosemirror_view_1.Decoration.widget(pos + 1, (view) => {
+                        widgets.push(prosemirror_view_1.Decoration.widget(pos + 2, (view) => {
                             const $span = document.createElement('span');
                             $span.tabIndex = 0;
                             $span.className = 'add-trans-abstract';
@@ -102,7 +102,7 @@ exports.default = (props) => new prosemirror_state_1.Plugin({
                             $span.addEventListener('mousedown', handleActivate);
                             $span.addEventListener('keydown', (0, navigation_utils_1.handleEnterKey)(handleActivate));
                             return $span;
-                        }, { key: `add-trans-${node.attrs.id || pos}` }));
+                        }, { key: `add-trans-${node.attrs.id || pos}`, side: -1 }));
                     }
                 }
                 const isTransNode = node.type === transform_1.schema.nodes.trans_abstract ||
@@ -111,7 +111,7 @@ exports.default = (props) => new prosemirror_state_1.Plugin({
                     const canEdit = node.type === transform_1.schema.nodes.trans_abstract
                         ? canEditTransAbstract
                         : canEditTransGraphicalAbstract;
-                    widgets.push(prosemirror_view_1.Decoration.widget(pos + 1, (view) => {
+                    widgets.push(prosemirror_view_1.Decoration.widget(pos + 2, (view) => {
                         const $btn = document.createElement('span');
                         $btn.className = 'language-selector-btn';
                         $btn.setAttribute('data-cy', 'language-selector-btn');
@@ -148,7 +148,7 @@ exports.default = (props) => new prosemirror_state_1.Plugin({
                             $btn.addEventListener('mousedown', handleOpenMenu);
                         }
                         return $btn;
-                    }, { key: `lang-selector-${node.attrs.id}` }));
+                    }, { key: `lang-selector-${node.attrs.id}`, side: -1 }));
                 }
             });
             return prosemirror_view_1.DecorationSet.create(state.doc, widgets);

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.10.13';
+exports.VERSION = '3.10.15';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/es/lib/doc.js

@@ -24,7 +24,10 @@ export const upsertSupplementsSection = (tr, supplement) => {
         return { node: supplements.node, pos };
     }
     const pos = findInsertionPosition(schema.nodes.supplements, doc);
-    const node = schema.nodes.supplements.createAndFill({ id: generateNodeID(schema.nodes.supplements) }, [supplement]);
+    const node = schema.nodes.supplements.createAndFill({ id: generateNodeID(schema.nodes.supplements) }, [
+        schema.nodes.section_title.create(undefined, schema.text('Supplements')),
+        supplement,
+    ]);
     tr.insert(pos, node);
     return {
         node,

package/dist/es/plugins/comments.js

@@ -201,6 +201,7 @@ const getDecorationPos = (node, pos) => {
         case schema.nodes.embed:
         case schema.nodes.contributors:
         case schema.nodes.hero_image:
+        case schema.nodes.supplements:
             return pos;
         case schema.nodes.keywords:
             return pos + 2;

package/dist/es/plugins/translations.js

@@ -81,7 +81,7 @@ export default (props) => new Plugin({
                             insertTransGraphicalAbstract(category)(state)
                         : canEditTransAbstract;
                     if (canEdit) {
-                        widgets.push(Decoration.widget(pos + 1, (view) => {
+                        widgets.push(Decoration.widget(pos + 2, (view) => {
                             const $span = document.createElement('span');
                             $span.tabIndex = 0;
                             $span.className = 'add-trans-abstract';
@@ -100,7 +100,7 @@ export default (props) => new Plugin({
                             $span.addEventListener('mousedown', handleActivate);
                             $span.addEventListener('keydown', handleEnterKey(handleActivate));
                             return $span;
-                        }, { key: `add-trans-${node.attrs.id || pos}` }));
+                        }, { key: `add-trans-${node.attrs.id || pos}`, side: -1 }));
                     }
                 }
                 const isTransNode = node.type === schema.nodes.trans_abstract ||
@@ -109,7 +109,7 @@ export default (props) => new Plugin({
                     const canEdit = node.type === schema.nodes.trans_abstract
                         ? canEditTransAbstract
                         : canEditTransGraphicalAbstract;
-                    widgets.push(Decoration.widget(pos + 1, (view) => {
+                    widgets.push(Decoration.widget(pos + 2, (view) => {
                         const $btn = document.createElement('span');
                         $btn.className = 'language-selector-btn';
                         $btn.setAttribute('data-cy', 'language-selector-btn');
@@ -146,7 +146,7 @@ export default (props) => new Plugin({
                             $btn.addEventListener('mousedown', handleOpenMenu);
                         }
                         return $btn;
-                    }, { key: `lang-selector-${node.attrs.id}` }));
+                    }, { key: `lang-selector-${node.attrs.id}`, side: -1 }));
                 }
             });
             return DecorationSet.create(state.doc, widgets);

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.10.13';
+export const VERSION = '3.10.15';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.10.13";
+export declare const VERSION = "3.10.15";
 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.10.13",
+  "version": "3.10.15",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",

package/styles/AdvancedEditor.css

@@ -555,7 +555,8 @@ ProseMirror .block-embed .position-menu {
 
 .comment-marker:has(+ .block-contributors),
 .comment-marker:has(+ .block-affiliations),
-.comment-marker:has(+ .block-hero_image) {
+.comment-marker:has(+ .block-hero_image),
+.comment-marker:has(+ .block-supplements) {
   height: 0;
   top: 0;
   right: 60px;
@@ -563,6 +564,11 @@ ProseMirror .block-embed .position-menu {
   float: right;
 }
 
+.comment-marker:has(+ .block-hero_image),
+.comment-marker:has(+ .block-supplements) {
+  right: 50px;
+}
+
 .block-subtitles .comment-marker {
   top: 0;
   left: -10px;
@@ -1925,14 +1931,10 @@ th:hover > .table-context-menu-button,
 }
 
 .ProseMirror .add-trans-abstract {
-  display: flex;
+  display: inline-flex;
   align-items: center;
+  float: right;
   gap: 8px;
-  margin: 8px 0;
-  padding: 6px 12px;
-  position: absolute;
-  right: 50px;
-  top: 0;
   z-index: 5;
   cursor: pointer;
   background: unset;
@@ -1968,18 +1970,13 @@ th:hover > .table-context-menu-button,
 }
 .ProseMirror .block-trans_abstract .language-selector-btn,
 .ProseMirror .block-trans_graphical_abstract .language-selector-btn {
-  display: flex;
-  position: absolute;
-  top: 14px;
-  right: 50px;
+  display: inline-flex;
+  float: right;
   line-height: 1.6;
   background: unset;
   border: none;
-  padding: 0;
-  margin: 0 6px;
   cursor: pointer;
   z-index: 10;
-  align-items: end;
   gap: 8px;
   font-size: 14px;
   color: #6e6e6e;