@manuscripts/body-editor 3.17.2 → 3.17.5

package/dist/cjs/commands.js

@@ -15,8 +15,8 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTransGraphicalAbstract = exports.insertTransAbstract = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertAward = exports.insertAffiliation = exports.insertContributors = exports.insertGraphicalAbstract = exports.insertBackmatterSection = exports.insertAbstractSection = exports.insertSection = exports.insertHeadshotGrid = exports.insertBoxElement = exports.insertInlineFootnote = exports.insertFootnotesElement = exports.insertTableElementFooter = exports.insertInlineEquation = exports.insertCrossReference = exports.canInsertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertAttachment = exports.updateSupplementWeblink = exports.insertSupplementWeblink = exports.insertSupplement = exports.insertTable = exports.insertEmbed = exports.insertFigure = exports.insertGeneralTableFootnote = exports.insertInlineTableFootnote = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
-exports.paste = exports.copySelection = exports.exitEditorToContainer = exports.ignoreEnterInSubtitles = exports.insertHeroImage = exports.activateSearchReplace = exports.activateSearch = exports.autoComplete = exports.addColumns = exports.addHeaderRow = exports.addRows = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = void 0;
+exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTransGraphicalAbstract = exports.insertTransAbstract = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertAward = exports.insertAffiliation = exports.insertContributors = exports.insertGraphicalAbstract = exports.insertBackmatterSection = exports.insertAbstractSection = exports.insertSection = exports.insertHeadshotGrid = exports.insertBoxElement = exports.insertInlineFootnote = exports.insertFootnotesElement = exports.insertTableElementFooter = exports.insertInlineEquation = exports.insertCrossReference = exports.canInsertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertAttachment = exports.updateSupplementWeblink = exports.convertLinkToSupplementWeblink = exports.insertSupplementWeblink = exports.insertSupplement = exports.insertTable = exports.insertEmbed = exports.insertFigure = exports.insertGeneralTableFootnote = exports.insertInlineTableFootnote = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
+exports.paste = exports.copySelection = exports.exitEditorToContainer = exports.ignoreEnterInSubtitles = exports.insertHeroImage = exports.activateSearchReplace = exports.activateSearch = exports.autoComplete = exports.addColumns = exports.addHeaderRow = exports.addRows = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = void 0;
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_model_1 = require("prosemirror-model");
@@ -325,6 +325,28 @@ const insertSupplementWeblink = (url, title, view) => {
     return true;
 };
 exports.insertSupplementWeblink = insertSupplementWeblink;
+const convertLinkToSupplementWeblink = (pos, node, view) => {
+    const href = node.attrs.href;
+    if (!href) {
+        return false;
+    }
+    const text = node.textContent.trim();
+    const id = (0, transform_1.generateNodeID)(transform_1.schema.nodes.supplement);
+    const supplement = transform_1.schema.nodes.supplement.createAndFill({ id, href }, createAndFillCaption());
+    const crossReference = transform_1.schema.nodes.cross_reference.create({
+        id: (0, transform_1.generateNodeID)(transform_1.schema.nodes.cross_reference),
+        rids: [id],
+        label: text,
+    });
+    const tr = view.state.tr;
+    tr.replaceWith(pos, pos + node.nodeSize, crossReference);
+    (0, doc_1.upsertSupplementsSection)(tr, supplement);
+    tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, pos));
+    view.focus();
+    view.dispatch(tr);
+    return true;
+};
+exports.convertLinkToSupplementWeblink = convertLinkToSupplementWeblink;
 const updateSupplementWeblink = (pos, url, title, view) => {
     const node = view.state.doc.nodeAt(pos);
     if (!node) {
@@ -732,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...' }),
     ]);
@@ -793,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),
@@ -1007,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;
     }
@@ -1022,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();
@@ -1032,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;
     }
@@ -1041,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/components/references/ReferenceSearch.js

@@ -89,7 +89,7 @@ const AddReferenceActions = (0, styled_components_1.default)(style_guide_1.Butto
     }
   }
 `;
-const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, onCite, onCancel, }) => {
+const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, onCite, onCancel }) => {
     const [query, setQuery] = (0, react_1.useState)(initialQuery || '');
     const [selections, setSelections] = (0, react_1.useState)(new Map());
     const toggleSelection = (item) => {

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/__tests__/plugins.test.js

@@ -17,7 +17,7 @@ const style_guide_1 = require("@manuscripts/style-guide");
 const userProfile = {
     _id: 'MPUserProfile:1',
     userID: 'MPUser:1',
-    connectID: 'connectID1'
+    connectID: 'connectID1',
 };
 const history = (0, history_1.createMemoryHistory)();
 const buildProps = (doc) => ({

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

package/dist/cjs/views/link_editable.js

@@ -19,14 +19,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkEditableView = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
+const commands_1 = require("../commands");
 const LinkForm_1 = require("../components/views/LinkForm");
 const url_1 = require("../lib/url");
 const creators_1 = require("./creators");
 const link_1 = require("./link");
 const ReactSubView_1 = __importDefault(require("./ReactSubView"));
-const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 class LinkEditableView extends link_1.LinkView {
     constructor() {
         super(...arguments);
@@ -41,7 +43,7 @@ class LinkEditableView extends link_1.LinkView {
             this.dom.addEventListener('click', this.handleClick);
         };
         this.selectNode = () => {
-            if (!(0, track_changes_plugin_1.isDeleted)(this.node)) {
+            if (!(0, track_changes_plugin_1.isDeleted)(this.node) && !this.node.attrs.href) {
                 this.showForm();
             }
         };
@@ -51,6 +53,50 @@ class LinkEditableView extends link_1.LinkView {
         this.deselectNode = () => {
             this.closeForm();
         };
+        this.showContextMenu = () => {
+            if (!this.props.getCapabilities().editArticle) {
+                return;
+            }
+            this.closeForm();
+            const href = this.node.attrs.href;
+            const componentProps = {
+                actions: [
+                    {
+                        label: 'Edit',
+                        action: this.handleEdit,
+                        icon: 'Edit',
+                    },
+                    {
+                        label: 'Convert to Weblink',
+                        action: this.handleConvertToWebLink,
+                        icon: 'ConvertToWebLink',
+                    },
+                    {
+                        label: 'Open Link',
+                        action: this.handleOpenLink,
+                        icon: 'ExternalLink',
+                        disabled: !(0, url_1.allowedHref)(href),
+                    },
+                ],
+            };
+            this.popperContainer = (0, ReactSubView_1.default)(this.props, style_guide_1.ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu', 'link-context-menu']);
+            this.props.popper.show(this.dom, this.popperContainer, 'bottom');
+        };
+        this.handleEdit = () => {
+            this.closeForm();
+            this.showForm();
+        };
+        this.handleConvertToWebLink = () => {
+            this.closeForm();
+            (0, commands_1.convertLinkToSupplementWeblink)(this.getPos(), this.node, this.view);
+        };
+        this.handleOpenLink = () => {
+            const href = this.node.attrs.href;
+            if ((0, url_1.allowedHref)(href)) {
+                window.open(href, '_blank', 'noopener,noreferrer');
+            }
+            this.closeForm();
+        };
         this.showForm = () => {
             if (!this.props.getCapabilities().editArticle) {
                 return;
@@ -71,9 +117,14 @@ class LinkEditableView extends link_1.LinkView {
             this.props.popper.show(this.dom, this.popperContainer, 'bottom');
         };
         this.handleClick = (e) => {
-            if (this.props.getCapabilities().editArticle) {
-                e.preventDefault();
+            if (!this.props.getCapabilities().editArticle) {
+                return;
+            }
+            e.preventDefault();
+            if ((0, track_changes_plugin_1.isDeleted)(this.node) || !this.node.attrs.href) {
+                return;
             }
+            this.showContextMenu();
         };
         this.handleCancel = () => {
             const attrs = this.node.attrs;

package/dist/es/commands.js

@@ -307,6 +307,27 @@ export const insertSupplementWeblink = (url, title, view) => {
     view.dispatch(tr.scrollIntoView());
     return true;
 };
+export const convertLinkToSupplementWeblink = (pos, node, view) => {
+    const href = node.attrs.href;
+    if (!href) {
+        return false;
+    }
+    const text = node.textContent.trim();
+    const id = generateNodeID(schema.nodes.supplement);
+    const supplement = schema.nodes.supplement.createAndFill({ id, href }, createAndFillCaption());
+    const crossReference = schema.nodes.cross_reference.create({
+        id: generateNodeID(schema.nodes.cross_reference),
+        rids: [id],
+        label: text,
+    });
+    const tr = view.state.tr;
+    tr.replaceWith(pos, pos + node.nodeSize, crossReference);
+    upsertSupplementsSection(tr, supplement);
+    tr.setSelection(TextSelection.create(tr.doc, pos));
+    view.focus();
+    view.dispatch(tr);
+    return true;
+};
 export const updateSupplementWeblink = (pos, url, title, view) => {
     const node = view.state.doc.nodeAt(pos);
     if (!node) {
@@ -696,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...' }),
     ]);
@@ -755,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),
@@ -961,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;
     }
@@ -976,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;
     }
@@ -994,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/components/references/ReferenceSearch.js

@@ -50,7 +50,7 @@ const AddReferenceActions = styled(ButtonGroup) `
     }
   }
 `;
-export const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, onCite, onCancel, }) => {
+export const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, onCite, onCancel }) => {
     const [query, setQuery] = useState(initialQuery || '');
     const [selections, setSelections] = useState(new Map());
     const toggleSelection = (item) => {

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/__tests__/plugins.test.js

@@ -12,7 +12,7 @@ import { defaultTheme } from '@manuscripts/style-guide';
 const userProfile = {
     _id: 'MPUserProfile:1',
     userID: 'MPUser:1',
-    connectID: 'connectID1'
+    connectID: 'connectID1',
 };
 const history = createMemoryHistory();
 const buildProps = (doc) => ({

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