@manuscripts/body-editor 3.17.3 → 3.17.5

package/dist/cjs/commands.js

@@ -754,16 +754,14 @@ const insertAbstractSection = (category) => (state, dispatch, view) => {
         return false;
     }
     const abstracts = (0, doc_1.findAbstractsNode)(state.doc);
-    const sections = (0, prosemirror_utils_1.findChildrenByType)(abstracts.node, transform_1.schema.nodes.section);
-    if (sections.some((s) => s.node.attrs.category === category.id)) {
+    const abstractNodes = (0, prosemirror_utils_1.findChildrenByType)(abstracts.node, transform_1.schema.nodes.abstract);
+    if (abstractNodes.some((s) => s.node.attrs.category === category.id)) {
         return false;
     }
-    const ga = (0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.graphical_abstract_section)[0];
-    let pos = ga ? ga.pos : abstracts.pos + abstracts.node.content.size + 1;
-    if (category.id === 'abstract') {
-        pos = abstracts.pos + 1;
-    }
-    const node = transform_1.schema.nodes.section.create({ category: category.id }, [
+    const pos = (0, utils_1.findInsertionPosition)(transform_1.schema.nodes.abstract, abstracts.node) +
+        abstracts.pos +
+        1;
+    const node = transform_1.schema.nodes.abstract.create({ category: category.id }, [
         transform_1.schema.nodes.section_title.create({}, transform_1.schema.text(category.titles[0])),
         transform_1.schema.nodes.paragraph.create({ placeholder: 'Type abstract here...' }),
     ]);
@@ -815,9 +813,9 @@ const insertGraphicalAbstract = (category) => (state, dispatch, view) => {
     if (sections.some((s) => s.node.attrs.category === category.id)) {
         return false;
     }
-    const ga = (0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.graphical_abstract_section)[0];
-    let pos = abstracts.pos + abstracts.node.content.size + 1;
-    pos = ga && category.id === 'abstract-key-image' ? ga.pos : pos;
+    const pos = (0, utils_1.findInsertionPosition)(transform_1.schema.nodes.graphical_abstract_section, abstracts.node) +
+        abstracts.pos +
+        1;
     const node = transform_1.schema.nodes.graphical_abstract_section.createAndFill({ category: category.id }, [
         transform_1.schema.nodes.section_title.create({}, transform_1.schema.text(category.titles[0])),
         createAndFillFigureElement(state),
@@ -1029,7 +1027,7 @@ const insertTOCSection = () => {
     return false;
 };
 exports.insertTOCSection = insertTOCSection;
-const insertTransAbstract = (state, dispatch, category, insertAfterPos) => {
+const insertTransAbstract = (state, dispatch, category) => {
     if (!(0, template_1.templateAllows)(state, transform_1.schema.nodes.trans_abstract)) {
         return false;
     }
@@ -1044,9 +1042,7 @@ const insertTransAbstract = (state, dispatch, category, insertAfterPos) => {
         category,
     }, [title, paragraph]);
     const abstracts = (0, doc_1.findAbstractsNode)(state.doc);
-    const pos = insertAfterPos != null
-        ? insertAfterPos
-        : abstracts.pos + abstracts.node.nodeSize - 1;
+    const pos = abstracts.node.content.size + abstracts.pos + 1;
     const tr = state.tr.insert(pos, node);
     const selection = prosemirror_state_1.TextSelection.create(tr.doc, pos + 1);
     tr.setSelection(selection).scrollIntoView();
@@ -1054,7 +1050,7 @@ const insertTransAbstract = (state, dispatch, category, insertAfterPos) => {
     return true;
 };
 exports.insertTransAbstract = insertTransAbstract;
-const insertTransGraphicalAbstract = (category, insertAfterPos) => (state, dispatch, view) => {
+const insertTransGraphicalAbstract = (category) => (state, dispatch, view) => {
     if (!(0, template_1.templateAllows)(state, transform_1.schema.nodes.trans_graphical_abstract)) {
         return false;
     }
@@ -1063,9 +1059,7 @@ const insertTransGraphicalAbstract = (category, insertAfterPos) => (state, dispa
     }
     const lang = state.doc.attrs.primaryLanguageCode || 'en';
     const abstracts = (0, doc_1.findAbstractsNode)(state.doc);
-    const pos = insertAfterPos != null
-        ? insertAfterPos
-        : abstracts.pos + abstracts.node.content.size + 1;
+    const pos = abstracts.node.content.size + abstracts.pos + 1;
     const node = transform_1.schema.nodes.trans_graphical_abstract.createAndFill({
         lang,
         category: category.id,

package/dist/cjs/configs/editor-views.js

@@ -118,6 +118,7 @@ exports.default = (props, dispatch) => {
         headshot_element: (0, headshot_element_1.default)(props, dispatch),
         headshot_image: (0, headshot_image_editable_1.default)(props, dispatch),
         abstracts: (0, abstracts_1.default)(props),
+        abstract: (0, section_1.default)(props),
         trans_abstract: (0, translated_abstract_editable_1.default)(props),
         trans_graphical_abstract: (0, trans_graphical_abstract_editable_1.default)(props),
         attachment: (0, attachment_1.default)(props, dispatch),

package/dist/cjs/lib/context-menu.js

@@ -263,7 +263,10 @@ class ContextMenu {
                 menu.appendChild(this.createMenuSection((section) => {
                     let nodeName = transform_1.nodeNames.get(type) || '';
                     if (type === transform_1.schema.nodes.section_title) {
-                        nodeName = transform_1.nodeNames.get(transform_1.schema.nodes.section);
+                        const containerType = $pos.parent.type;
+                        nodeName =
+                            transform_1.nodeNames.get(containerType) ??
+                                transform_1.nodeNames.get(transform_1.schema.nodes.section);
                     }
                     section.appendChild(this.createMenuItem(`Delete ${nodeName}`, () => {
                         this.deleteNode(type);

package/dist/cjs/menus.js

@@ -489,7 +489,7 @@ const getEditorMenus = (editor) => {
     };
     const ABSTRACT_ID = 'abstract';
     const abstractSection = allAbstractsCategories.find((s) => s.id === ABSTRACT_ID);
-    const ABSTRACT_GRAPHICAL_ID = 'abstract-graphical';
+    const ABSTRACT_GRAPHICAL_ID = 'graphical';
     const graphicalAbstractSection = allAbstractsCategories.find((s) => s.id === ABSTRACT_GRAPHICAL_ID);
     const abstractsSubmenuList = allAbstractsCategories.filter((c) => c.id !== ABSTRACT_ID && c.id !== ABSTRACT_GRAPHICAL_ID);
     const metadata = {

package/dist/cjs/node-type-icons.js

@@ -38,6 +38,7 @@ const icons = new Map([
     [nodes.paragraph, style_guide_1.OutlineParagraphIcon],
     [nodes.pullquote_element, style_guide_1.OutlinePullQuoteIcon],
     [nodes.section, style_guide_1.OutlineSectionIcon],
+    [nodes.abstract, style_guide_1.OutlineSectionIcon],
     [nodes.table_element, style_guide_1.OutlineTableIcon],
     [nodes.graphical_abstract_section, style_guide_1.OutlineSectionIcon],
     [nodes.trans_graphical_abstract, style_guide_1.OutlineSectionIcon],

package/dist/cjs/plugins/section_category.js

@@ -82,7 +82,7 @@ const buildPluginState = (state, props) => {
         if (node.type === transform_1.schema.nodes.box_element) {
             return false;
         }
-        if ((0, transform_1.isSectionNode)(node)) {
+        if ((0, transform_1.isSectionNode)(node) || (0, transform_1.isAbstractNode)(node)) {
             const categoryID = node.attrs.category;
             const category = categories.get(categoryID);
             const $pos = state.doc.resolve(pos);
@@ -100,7 +100,10 @@ const buildPluginState = (state, props) => {
     return { decorations: prosemirror_view_1.DecorationSet.create(state.doc, decorations) };
 };
 const getUsedSectionCategoryIDs = (state) => {
-    const sections = (0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.section);
+    const sections = [
+        ...(0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.section),
+        ...(0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.abstract),
+    ];
     const used = new Set();
     sections.forEach(({ node }) => {
         if (node.attrs.category) {

package/dist/cjs/plugins/translations.js

@@ -21,8 +21,8 @@ const prosemirror_view_1 = require("prosemirror-view");
 const commands_1 = require("../commands");
 const icons_1 = require("../icons");
 const languages_1 = require("../lib/languages");
-const template_1 = require("../lib/template");
 const navigation_utils_1 = require("../lib/navigation-utils");
+const template_1 = require("../lib/template");
 const createMenuItem = (props, contents, handler, isSelected = false, tabIndex) => {
     const item = document.createElement('div');
     item.className = `menu-item ${isSelected ? 'selected' : ''}`;
@@ -60,10 +60,6 @@ const createLanguageMenu = (props, selectedCode, onSelect) => {
     });
     return { menu, destroy };
 };
-const getInsertionPos = (doc, nodePos) => {
-    const node = doc.nodeAt(nodePos);
-    return node ? nodePos + node.nodeSize : null;
-};
 exports.default = (props) => new prosemirror_state_1.Plugin({
     props: {
         decorations: (state) => {
@@ -74,14 +70,11 @@ exports.default = (props) => new prosemirror_state_1.Plugin({
             const canEditTransGraphicalAbstract = can.editArticle &&
                 (0, template_1.templateAllows)(state, transform_1.schema.nodes.trans_graphical_abstract);
             const widgets = [];
-            state.doc.descendants((node, pos, parent) => {
-                const isAbstractSection = (node.type === transform_1.schema.nodes.section ||
-                    node.type === transform_1.schema.nodes.graphical_abstract_section) &&
-                    parent?.type === transform_1.schema.nodes.abstracts;
+            state.doc.descendants((node, pos) => {
+                const isAbstractSection = (0, transform_1.isAbstractNode)(node) || (0, transform_1.isGraphicalAbstractSectionNode)(node);
                 if (isAbstractSection) {
-                    const isGraphical = node.type === transform_1.schema.nodes.graphical_abstract_section;
                     const category = props.sectionCategories.get(node.attrs.category);
-                    const canEdit = isGraphical
+                    const canEdit = (0, transform_1.isGraphicalAbstractSectionNode)(node)
                         ? canEditTransGraphicalAbstract &&
                             category &&
                             (0, commands_1.insertTransGraphicalAbstract)(category)(state)
@@ -96,15 +89,11 @@ exports.default = (props) => new prosemirror_state_1.Plugin({
                             const handleActivate = (event) => {
                                 event.preventDefault();
                                 event.stopPropagation();
-                                const insertPos = getInsertionPos(view.state.doc, pos);
-                                if (insertPos == null) {
-                                    return;
-                                }
-                                if (isGraphical && category) {
-                                    (0, commands_1.insertTransGraphicalAbstract)(category, insertPos)(view.state, view.dispatch, view);
+                                if ((0, transform_1.isGraphicalAbstractSectionNode)(node) && category) {
+                                    (0, commands_1.insertTransGraphicalAbstract)(category)(view.state, view.dispatch, view);
                                 }
                                 else {
-                                    (0, commands_1.insertTransAbstract)(view.state, view.dispatch, node.attrs.category, insertPos);
+                                    (0, commands_1.insertTransAbstract)(view.state, view.dispatch, node.attrs.category);
                                 }
                             };
                             $span.addEventListener('mousedown', handleActivate);
@@ -113,8 +102,7 @@ exports.default = (props) => new prosemirror_state_1.Plugin({
                         }, { key: `add-trans-${node.attrs.id}-${pos}` }));
                     }
                 }
-                const isTransNode = node.type === transform_1.schema.nodes.trans_abstract ||
-                    node.type === transform_1.schema.nodes.trans_graphical_abstract;
+                const isTransNode = (0, transform_1.isTransAbstractNode)(node) || (0, transform_1.isTransGraphicalAbstractNode)(node);
                 if (isTransNode) {
                     const canEdit = node.type === transform_1.schema.nodes.trans_abstract
                         ? canEditTransAbstract

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

package/dist/es/commands.js

@@ -717,16 +717,14 @@ export const insertAbstractSection = (category) => (state, dispatch, view) => {
         return false;
     }
     const abstracts = findAbstractsNode(state.doc);
-    const sections = findChildrenByType(abstracts.node, schema.nodes.section);
-    if (sections.some((s) => s.node.attrs.category === category.id)) {
+    const abstractNodes = findChildrenByType(abstracts.node, schema.nodes.abstract);
+    if (abstractNodes.some((s) => s.node.attrs.category === category.id)) {
         return false;
     }
-    const ga = findChildrenByType(state.doc, schema.nodes.graphical_abstract_section)[0];
-    let pos = ga ? ga.pos : abstracts.pos + abstracts.node.content.size + 1;
-    if (category.id === 'abstract') {
-        pos = abstracts.pos + 1;
-    }
-    const node = schema.nodes.section.create({ category: category.id }, [
+    const pos = findInsertionPosition(schema.nodes.abstract, abstracts.node) +
+        abstracts.pos +
+        1;
+    const node = schema.nodes.abstract.create({ category: category.id }, [
         schema.nodes.section_title.create({}, schema.text(category.titles[0])),
         schema.nodes.paragraph.create({ placeholder: 'Type abstract here...' }),
     ]);
@@ -776,9 +774,9 @@ export const insertGraphicalAbstract = (category) => (state, dispatch, view) =>
     if (sections.some((s) => s.node.attrs.category === category.id)) {
         return false;
     }
-    const ga = findChildrenByType(state.doc, schema.nodes.graphical_abstract_section)[0];
-    let pos = abstracts.pos + abstracts.node.content.size + 1;
-    pos = ga && category.id === 'abstract-key-image' ? ga.pos : pos;
+    const pos = findInsertionPosition(schema.nodes.graphical_abstract_section, abstracts.node) +
+        abstracts.pos +
+        1;
     const node = schema.nodes.graphical_abstract_section.createAndFill({ category: category.id }, [
         schema.nodes.section_title.create({}, schema.text(category.titles[0])),
         createAndFillFigureElement(state),
@@ -982,7 +980,7 @@ export const insertBibliographySection = () => {
 export const insertTOCSection = () => {
     return false;
 };
-export const insertTransAbstract = (state, dispatch, category, insertAfterPos) => {
+export const insertTransAbstract = (state, dispatch, category) => {
     if (!templateAllows(state, schema.nodes.trans_abstract)) {
         return false;
     }
@@ -997,16 +995,14 @@ export const insertTransAbstract = (state, dispatch, category, insertAfterPos) =
         category,
     }, [title, paragraph]);
     const abstracts = findAbstractsNode(state.doc);
-    const pos = insertAfterPos != null
-        ? insertAfterPos
-        : abstracts.pos + abstracts.node.nodeSize - 1;
+    const pos = abstracts.node.content.size + abstracts.pos + 1;
     const tr = state.tr.insert(pos, node);
     const selection = TextSelection.create(tr.doc, pos + 1);
     tr.setSelection(selection).scrollIntoView();
     dispatch(tr);
     return true;
 };
-export const insertTransGraphicalAbstract = (category, insertAfterPos) => (state, dispatch, view) => {
+export const insertTransGraphicalAbstract = (category) => (state, dispatch, view) => {
     if (!templateAllows(state, schema.nodes.trans_graphical_abstract)) {
         return false;
     }
@@ -1015,9 +1011,7 @@ export const insertTransGraphicalAbstract = (category, insertAfterPos) => (state
     }
     const lang = state.doc.attrs.primaryLanguageCode || 'en';
     const abstracts = findAbstractsNode(state.doc);
-    const pos = insertAfterPos != null
-        ? insertAfterPos
-        : abstracts.pos + abstracts.node.content.size + 1;
+    const pos = abstracts.node.content.size + abstracts.pos + 1;
     const node = schema.nodes.trans_graphical_abstract.createAndFill({
         lang,
         category: category.id,

package/dist/es/configs/editor-views.js

@@ -113,6 +113,7 @@ export default (props, dispatch) => {
         headshot_element: headshotElement(props, dispatch),
         headshot_image: headshotImage(props, dispatch),
         abstracts: abstracts(props),
+        abstract: section(props),
         trans_abstract: transAbstract(props),
         trans_graphical_abstract: transGraphicalAbstract(props),
         attachment: attachment(props, dispatch),

package/dist/es/lib/context-menu.js

@@ -259,7 +259,10 @@ export class ContextMenu {
                 menu.appendChild(this.createMenuSection((section) => {
                     let nodeName = nodeNames.get(type) || '';
                     if (type === schema.nodes.section_title) {
-                        nodeName = nodeNames.get(schema.nodes.section);
+                        const containerType = $pos.parent.type;
+                        nodeName =
+                            nodeNames.get(containerType) ??
+                                nodeNames.get(schema.nodes.section);
                     }
                     section.appendChild(this.createMenuItem(`Delete ${nodeName}`, () => {
                         this.deleteNode(type);

package/dist/es/menus.js

@@ -486,7 +486,7 @@ export const getEditorMenus = (editor) => {
     };
     const ABSTRACT_ID = 'abstract';
     const abstractSection = allAbstractsCategories.find((s) => s.id === ABSTRACT_ID);
-    const ABSTRACT_GRAPHICAL_ID = 'abstract-graphical';
+    const ABSTRACT_GRAPHICAL_ID = 'graphical';
     const graphicalAbstractSection = allAbstractsCategories.find((s) => s.id === ABSTRACT_GRAPHICAL_ID);
     const abstractsSubmenuList = allAbstractsCategories.filter((c) => c.id !== ABSTRACT_ID && c.id !== ABSTRACT_GRAPHICAL_ID);
     const metadata = {

package/dist/es/node-type-icons.js

@@ -32,6 +32,7 @@ const icons = new Map([
     [nodes.paragraph, OutlineParagraphIcon],
     [nodes.pullquote_element, OutlinePullQuoteIcon],
     [nodes.section, OutlineSectionIcon],
+    [nodes.abstract, OutlineSectionIcon],
     [nodes.table_element, OutlineTableIcon],
     [nodes.graphical_abstract_section, OutlineSectionIcon],
     [nodes.trans_graphical_abstract, OutlineSectionIcon],

package/dist/es/plugins/section_category.js

@@ -1,4 +1,4 @@
-import { getGroupCategories, isSectionNode, schema, } from '@manuscripts/transform';
+import { getGroupCategories, isAbstractNode, isSectionNode, schema, } from '@manuscripts/transform';
 import { Plugin, PluginKey } from 'prosemirror-state';
 import { findChildrenByType, findParentNodeOfTypeClosestToPos, } from 'prosemirror-utils';
 import { Decoration, DecorationSet } from 'prosemirror-view';
@@ -79,7 +79,7 @@ const buildPluginState = (state, props) => {
         if (node.type === schema.nodes.box_element) {
             return false;
         }
-        if (isSectionNode(node)) {
+        if (isSectionNode(node) || isAbstractNode(node)) {
             const categoryID = node.attrs.category;
             const category = categories.get(categoryID);
             const $pos = state.doc.resolve(pos);
@@ -97,7 +97,10 @@ const buildPluginState = (state, props) => {
     return { decorations: DecorationSet.create(state.doc, decorations) };
 };
 const getUsedSectionCategoryIDs = (state) => {
-    const sections = findChildrenByType(state.doc, schema.nodes.section);
+    const sections = [
+        ...findChildrenByType(state.doc, schema.nodes.section),
+        ...findChildrenByType(state.doc, schema.nodes.abstract),
+    ];
     const used = new Set();
     sections.forEach(({ node }) => {
         if (node.attrs.category) {

package/dist/es/plugins/translations.js

@@ -13,14 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { schema } from '@manuscripts/transform';
+import { isAbstractNode, isGraphicalAbstractSectionNode, isTransAbstractNode, isTransGraphicalAbstractNode, schema, } from '@manuscripts/transform';
 import { Plugin } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 import { insertTransAbstract, insertTransGraphicalAbstract } from '../commands';
 import { addAuthorIcon, translateIcon } from '../icons';
 import { getLanguage, getLanguageLabel } from '../lib/languages';
+import { createKeyboardInteraction, handleEnterKey, } from '../lib/navigation-utils';
 import { templateAllows } from '../lib/template';
-import { handleEnterKey, createKeyboardInteraction, } from '../lib/navigation-utils';
 const createMenuItem = (props, contents, handler, isSelected = false, tabIndex) => {
     const item = document.createElement('div');
     item.className = `menu-item ${isSelected ? 'selected' : ''}`;
@@ -58,10 +58,6 @@ const createLanguageMenu = (props, selectedCode, onSelect) => {
     });
     return { menu, destroy };
 };
-const getInsertionPos = (doc, nodePos) => {
-    const node = doc.nodeAt(nodePos);
-    return node ? nodePos + node.nodeSize : null;
-};
 export default (props) => new Plugin({
     props: {
         decorations: (state) => {
@@ -72,14 +68,11 @@ export default (props) => new Plugin({
             const canEditTransGraphicalAbstract = can.editArticle &&
                 templateAllows(state, schema.nodes.trans_graphical_abstract);
             const widgets = [];
-            state.doc.descendants((node, pos, parent) => {
-                const isAbstractSection = (node.type === schema.nodes.section ||
-                    node.type === schema.nodes.graphical_abstract_section) &&
-                    parent?.type === schema.nodes.abstracts;
+            state.doc.descendants((node, pos) => {
+                const isAbstractSection = isAbstractNode(node) || isGraphicalAbstractSectionNode(node);
                 if (isAbstractSection) {
-                    const isGraphical = node.type === schema.nodes.graphical_abstract_section;
                     const category = props.sectionCategories.get(node.attrs.category);
-                    const canEdit = isGraphical
+                    const canEdit = isGraphicalAbstractSectionNode(node)
                         ? canEditTransGraphicalAbstract &&
                             category &&
                             insertTransGraphicalAbstract(category)(state)
@@ -94,15 +87,11 @@ export default (props) => new Plugin({
                             const handleActivate = (event) => {
                                 event.preventDefault();
                                 event.stopPropagation();
-                                const insertPos = getInsertionPos(view.state.doc, pos);
-                                if (insertPos == null) {
-                                    return;
-                                }
-                                if (isGraphical && category) {
-                                    insertTransGraphicalAbstract(category, insertPos)(view.state, view.dispatch, view);
+                                if (isGraphicalAbstractSectionNode(node) && category) {
+                                    insertTransGraphicalAbstract(category)(view.state, view.dispatch, view);
                                 }
                                 else {
-                                    insertTransAbstract(view.state, view.dispatch, node.attrs.category, insertPos);
+                                    insertTransAbstract(view.state, view.dispatch, node.attrs.category);
                                 }
                             };
                             $span.addEventListener('mousedown', handleActivate);
@@ -111,8 +100,7 @@ export default (props) => new Plugin({
                         }, { key: `add-trans-${node.attrs.id}-${pos}` }));
                     }
                 }
-                const isTransNode = node.type === schema.nodes.trans_abstract ||
-                    node.type === schema.nodes.trans_graphical_abstract;
+                const isTransNode = isTransAbstractNode(node) || isTransGraphicalAbstractNode(node);
                 if (isTransNode) {
                     const canEdit = node.type === schema.nodes.trans_abstract
                         ? canEditTransAbstract

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.17.3';
+export const VERSION = '3.17.5';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/commands.d.ts

@@ -67,8 +67,8 @@ export declare const insertKeywords: (state: ManuscriptEditorState, dispatch?: D
 export declare const insertList: (type: ManuscriptNodeType, style?: string) => (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
 export declare const insertBibliographySection: () => boolean;
 export declare const insertTOCSection: () => boolean;
-export declare const insertTransAbstract: (state: ManuscriptEditorState, dispatch?: Dispatch, category?: string, insertAfterPos?: number) => boolean;
-export declare const insertTransGraphicalAbstract: (category: SectionCategory, insertAfterPos?: number) => (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
+export declare const insertTransAbstract: (state: ManuscriptEditorState, dispatch?: Dispatch, category?: string) => boolean;
+export declare const insertTransGraphicalAbstract: (category: SectionCategory) => (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
 export declare const isAtStartOfTextBlock: (state: ManuscriptEditorState, $cursor: ResolvedPos, view?: ManuscriptEditorView) => boolean;
 export declare const isTextSelection: (selection: Selection) => selection is ManuscriptTextSelection;
 export declare const ignoreAtomBlockNodeBackward: (state: ManuscriptEditorState, dispatch?: Dispatch, view?: ManuscriptEditorView) => boolean;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.17.3";
+export declare const VERSION = "3.17.5";
 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.17.3",
+  "version": "3.17.5",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -43,7 +43,7 @@
     "@iarna/word-count": "1.1.2",
     "@manuscripts/style-guide": "3.7.2",
     "@manuscripts/track-changes-plugin": "2.4.0",
-    "@manuscripts/transform": "4.5.2",
+    "@manuscripts/transform": "4.5.4",
     "@popperjs/core": "2.11.8",
     "citeproc": "2.4.63",
     "codemirror": "5.65.19",

package/src/commands.ts

@@ -1143,24 +1143,20 @@ export const insertAbstractSection =
       return false
     }
     const abstracts = findAbstractsNode(state.doc)
-    const sections = findChildrenByType(abstracts.node, schema.nodes.section)
-    // Check if the section already exists
-    if (sections.some((s) => s.node.attrs.category === category.id)) {
+    const abstractNodes = findChildrenByType(
+      abstracts.node,
+      schema.nodes.abstract
+    )
+    if (abstractNodes.some((s) => s.node.attrs.category === category.id)) {
       return false
     }
 
-    // check if graphical abstract node exist to insert before it.
-    const ga = findChildrenByType(
-      state.doc,
-      schema.nodes.graphical_abstract_section
-    )[0]
-
-    let pos = ga ? ga.pos : abstracts.pos + abstracts.node.content.size + 1
-    if (category.id === 'abstract') {
-      pos = abstracts.pos + 1
-    }
+    const pos =
+      findInsertionPosition(schema.nodes.abstract, abstracts.node) +
+      abstracts.pos +
+      1
 
-    const node = schema.nodes.section.create({ category: category.id }, [
+    const node = schema.nodes.abstract.create({ category: category.id }, [
       schema.nodes.section_title.create({}, schema.text(category.titles[0])),
       schema.nodes.paragraph.create({ placeholder: 'Type abstract here...' }),
     ])
@@ -1238,15 +1234,13 @@ export const insertGraphicalAbstract =
       return false
     }
 
-    const ga = findChildrenByType(
-      state.doc,
-      schema.nodes.graphical_abstract_section
-    )[0]
-
-    // insert at the end of abstracts section
-    let pos = abstracts.pos + abstracts.node.content.size + 1
-    // abstract-key-image insert before abstract-graphical
-    pos = ga && category.id === 'abstract-key-image' ? ga.pos : pos
+    const pos =
+      findInsertionPosition(
+        schema.nodes.graphical_abstract_section,
+        abstracts.node
+      ) +
+      abstracts.pos +
+      1
 
     const node = schema.nodes.graphical_abstract_section.createAndFill(
       { category: category.id },
@@ -1537,8 +1531,7 @@ export const insertTOCSection = () => {
 export const insertTransAbstract = (
   state: ManuscriptEditorState,
   dispatch?: Dispatch,
-  category?: string,
-  insertAfterPos?: number
+  category?: string
 ) => {
   if (!templateAllows(state, schema.nodes.trans_abstract)) {
     return false
@@ -1566,11 +1559,8 @@ export const insertTransAbstract = (
   )
 
   const abstracts = findAbstractsNode(state.doc)
-
-  const pos =
-    insertAfterPos != null
-      ? insertAfterPos
-      : abstracts.pos + abstracts.node.nodeSize - 1
+  // append at the end of the abstracts node, not just the first valid-but-earlier slot.
+  const pos = abstracts.node.content.size + abstracts.pos + 1
   const tr = state.tr.insert(pos, node)
 
   const selection = TextSelection.create(tr.doc, pos + 1)
@@ -1581,7 +1571,7 @@ export const insertTransAbstract = (
 }
 
 export const insertTransGraphicalAbstract =
-  (category: SectionCategory, insertAfterPos?: number) =>
+  (category: SectionCategory) =>
   (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => {
     if (!templateAllows(state, schema.nodes.trans_graphical_abstract)) {
       return false
@@ -1593,10 +1583,7 @@ export const insertTransGraphicalAbstract =
     const lang = state.doc.attrs.primaryLanguageCode || 'en'
 
     const abstracts = findAbstractsNode(state.doc)
-    const pos =
-      insertAfterPos != null
-        ? insertAfterPos
-        : abstracts.pos + abstracts.node.content.size + 1
+    const pos = abstracts.node.content.size + abstracts.pos + 1
 
     const node = schema.nodes.trans_graphical_abstract.createAndFill(
       {

package/src/configs/editor-views.ts

@@ -137,6 +137,7 @@ export default (
     headshot_element: headshotElement(props, dispatch),
     headshot_image: headshotImage(props, dispatch),
     abstracts: abstracts(props),
+    abstract: section(props),
     trans_abstract: transAbstract(props),
     trans_graphical_abstract: transGraphicalAbstract(props),
     attachment: attachment(props, dispatch),

package/src/lib/context-menu.ts

@@ -397,7 +397,10 @@ export class ContextMenu {
         this.createMenuSection((section: HTMLElement) => {
           let nodeName = nodeNames.get(type) || ''
           if (type === schema.nodes.section_title) {
-            nodeName = nodeNames.get(schema.nodes.section) as string
+            const containerType = $pos.parent.type
+            nodeName =
+              nodeNames.get(containerType) ??
+              (nodeNames.get(schema.nodes.section) as string)
           }
           section.appendChild(
             this.createMenuItem(`Delete ${nodeName}`, () => {

package/src/menus.tsx

@@ -563,7 +563,7 @@ export const getEditorMenus = (
   const abstractSection = allAbstractsCategories.find(
     (s) => s.id === ABSTRACT_ID
   )
-  const ABSTRACT_GRAPHICAL_ID = 'abstract-graphical'
+  const ABSTRACT_GRAPHICAL_ID = 'graphical'
   const graphicalAbstractSection = allAbstractsCategories.find(
     (s) => s.id === ABSTRACT_GRAPHICAL_ID
   )

package/src/node-type-icons.tsx

@@ -69,6 +69,7 @@ const icons: Map<
   [nodes.paragraph, OutlineParagraphIcon],
   [nodes.pullquote_element, OutlinePullQuoteIcon],
   [nodes.section, OutlineSectionIcon],
+  [nodes.abstract, OutlineSectionIcon],
   [nodes.table_element, OutlineTableIcon],
   [nodes.graphical_abstract_section, OutlineSectionIcon],
   [nodes.trans_graphical_abstract, OutlineSectionIcon],

package/src/plugins/section_category.ts

@@ -15,6 +15,7 @@
  */
 import {
   getGroupCategories,
+  isAbstractNode,
   isSectionNode,
   schema,
   SectionCategory,
@@ -154,7 +155,8 @@ const buildPluginState = (
     if (node.type === schema.nodes.box_element) {
       return false
     }
-    if (isSectionNode(node)) {
+
+    if (isSectionNode(node) || isAbstractNode(node)) {
       const categoryID = node.attrs.category
       const category = categories.get(categoryID)
       const $pos = state.doc.resolve(pos)
@@ -191,7 +193,10 @@ const buildPluginState = (
 }
 
 const getUsedSectionCategoryIDs = (state: EditorState): Set<string> => {
-  const sections = findChildrenByType(state.doc, schema.nodes.section)
+  const sections = [
+    ...findChildrenByType(state.doc, schema.nodes.section),
+    ...findChildrenByType(state.doc, schema.nodes.abstract),
+  ]
   const used = new Set<string>()
   sections.forEach(({ node }) => {
     if (node.attrs.category) {

package/src/plugins/translations.ts

@@ -14,8 +14,13 @@
  * limitations under the License.
  */
 
-import { schema } from '@manuscripts/transform'
-import { Node } from 'prosemirror-model'
+import {
+  isAbstractNode,
+  isGraphicalAbstractSectionNode,
+  isTransAbstractNode,
+  isTransGraphicalAbstractNode,
+  schema,
+} from '@manuscripts/transform'
 import { Plugin } from 'prosemirror-state'
 import { Decoration, DecorationSet } from 'prosemirror-view'
 
@@ -23,11 +28,11 @@ import { insertTransAbstract, insertTransGraphicalAbstract } from '../commands'
 import { EditorProps } from '../configs/ManuscriptsEditor'
 import { addAuthorIcon, translateIcon } from '../icons'
 import { getLanguage, getLanguageLabel } from '../lib/languages'
-import { templateAllows } from '../lib/template'
 import {
-  handleEnterKey,
   createKeyboardInteraction,
+  handleEnterKey,
 } from '../lib/navigation-utils'
+import { templateAllows } from '../lib/template'
 
 const createMenuItem = (
   props: EditorProps,
@@ -90,11 +95,6 @@ const createLanguageMenu = (
   return { menu, destroy }
 }
 
-const getInsertionPos = (doc: Node, nodePos: number): number | null => {
-  const node = doc.nodeAt(nodePos)
-  return node ? nodePos + node.nodeSize : null
-}
-
 export default (props: EditorProps) =>
   new Plugin<null>({
     props: {
@@ -110,19 +110,14 @@ export default (props: EditorProps) =>
 
         const widgets: Decoration[] = []
 
-        state.doc.descendants((node, pos, parent) => {
+        state.doc.descendants((node, pos) => {
           const isAbstractSection =
-            (node.type === schema.nodes.section ||
-              node.type === schema.nodes.graphical_abstract_section) &&
-            parent?.type === schema.nodes.abstracts
+            isAbstractNode(node) || isGraphicalAbstractSectionNode(node)
 
           // Show "Add translation" for abstract sections
           if (isAbstractSection) {
-            const isGraphical =
-              node.type === schema.nodes.graphical_abstract_section
             const category = props.sectionCategories.get(node.attrs.category)
-
-            const canEdit = isGraphical
+            const canEdit = isGraphicalAbstractSectionNode(node)
               ? canEditTransGraphicalAbstract &&
                 category &&
                 insertTransGraphicalAbstract(category)(state)
@@ -142,12 +137,8 @@ export default (props: EditorProps) =>
                     const handleActivate = (event: Event) => {
                       event.preventDefault()
                       event.stopPropagation()
-                      const insertPos = getInsertionPos(view.state.doc, pos)
-                      if (insertPos == null) {
-                        return
-                      }
-                      if (isGraphical && category) {
-                        insertTransGraphicalAbstract(category, insertPos)(
+                      if (isGraphicalAbstractSectionNode(node) && category) {
+                        insertTransGraphicalAbstract(category)(
                           view.state,
                           view.dispatch,
                           view
@@ -156,8 +147,7 @@ export default (props: EditorProps) =>
                         insertTransAbstract(
                           view.state,
                           view.dispatch,
-                          node.attrs.category,
-                          insertPos
+                          node.attrs.category
                         )
                       }
                     }
@@ -177,8 +167,7 @@ export default (props: EditorProps) =>
 
           // Language selector for trans_abstract and trans_graphical_abstract nodes
           const isTransNode =
-            node.type === schema.nodes.trans_abstract ||
-            node.type === schema.nodes.trans_graphical_abstract
+            isTransAbstractNode(node) || isTransGraphicalAbstractNode(node)
 
           if (isTransNode) {
             const canEdit =

package/src/versions.ts

@@ -1,3 +1,3 @@
 //THIS FILE WAS GENERATED BY versions.mjs
-export const VERSION = '3.17.3';
+export const VERSION = '3.17.5';
 export const MATHJAX_VERSION = '3.2.2';

package/styles/Editor.css

@@ -694,12 +694,14 @@
   grid-template-columns: 52px auto 100px 28px;
 }
 .ProseMirror .block-container.block-section,
+.ProseMirror .block-container.block-abstract,
 .ProseMirror .block-container.block-graphical_abstract_section {
   position: relative;
   display: grid;
   grid-template-columns: auto;
 }
 .ProseMirror .block-container.block-section section,
+.ProseMirror .block-container.block-abstract section,
 .ProseMirror .block-container.block-graphical_abstract_section section {
   position: relative;
 }
@@ -707,6 +709,7 @@
 .ProseMirror
   .block-container:not(
     .block-section,
+    .block-abstract,
     .block-graphical_abstract_section
   ):hover {
   z-index: 2;
@@ -789,6 +792,7 @@
   .block-container:not(
     .block-section,
     .block-box_element,
+    .block-abstract,
     .block-graphical_abstract_section
   ):hover
   .block-gutter,
@@ -796,6 +800,7 @@
   .block-container:not(
     .block-section,
     .block-box_element,
+    .block-abstract,
     .block-graphical_abstract_section
   ):focus-within
   .block-gutter {
@@ -818,6 +823,7 @@
   .block-container:not(
     .block-section,
     .block-box_element,
+    .block-abstract,
     .block-graphical_abstract_section
   ):hover
   .action-gutter,
@@ -825,6 +831,7 @@
   .block-container:not(
     .block-section,
     .block-box_element,
+    .block-abstract,
     .block-graphical_abstract_section
   ):focus-within
   .action-gutter {