@manuscripts/body-editor 1.13.1 → 1.13.2-LEAN-3307.0

package/dist/cjs/commands.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.insertTableFootnote = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.ifInTableBody = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertSection = exports.insertGraphicalAbstract = exports.insertInlineFootnote = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertFileAsFigure = exports.insertGeneralFootnote = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = void 0;
+exports.insertTableFootnote = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.ifInTableBody = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertContributors = exports.insertAbstract = exports.insertBackMatterSection = exports.insertSection = exports.insertGraphicalAbstract = exports.insertInlineFootnote = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertFileAsFigure = exports.insertGeneralFootnote = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = void 0;
 const json_schema_1 = require("@manuscripts/json-schema");
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
@@ -365,7 +365,7 @@ const insertInlineFootnote = (kind) => (state, dispatch) => {
     return true;
 };
 exports.insertInlineFootnote = insertInlineFootnote;
-const insertGraphicalAbstract = (state, dispatch) => {
+const insertGraphicalAbstract = (state, dispatch, view) => {
     if ((0, utils_1.getChildOfType)(state.doc, transform_1.schema.nodes.graphical_abstract_section, true)) {
         return false;
     }
@@ -378,26 +378,140 @@ const insertGraphicalAbstract = (state, dispatch) => {
     const tr = state.tr.insert(pos, section);
     if (dispatch) {
         const selection = prosemirror_state_1.TextSelection.create(tr.doc, pos + 1);
+        if (view) {
+            view.focus();
+        }
         dispatch(tr.setSelection(selection).scrollIntoView());
     }
     return true;
 };
 exports.insertGraphicalAbstract = insertGraphicalAbstract;
-const insertSection = (subsection = false) => (state, dispatch) => {
-    const pos = findPosAfterParentSection(state.selection.$from);
-    if (pos === null || (0, transform_1.isInBibliographySection)(state.selection.$from)) {
+const insertSection = (subsection = false) => (state, dispatch, view) => {
+    let pos = findPosAfterParentSection(state.selection.$from);
+    const body = (0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.body)[0];
+    if ((0, transform_1.isInBibliographySection)(state.selection.$from)) {
+        return false;
+    }
+    else if (pos === null && subsection) {
         return false;
     }
+    if (pos === null) {
+        pos = body.pos + body.node.content.size + 1;
+    }
     const adjustment = subsection ? -1 : 0;
     const tr = state.tr.insert(pos + adjustment, state.schema.nodes.section.createAndFill());
     if (dispatch) {
         const selection = prosemirror_state_1.TextSelection.create(tr.doc, pos + adjustment + 2);
+        if (view) {
+            view.focus();
+        }
         dispatch(tr.setSelection(selection).scrollIntoView());
     }
     return true;
 };
 exports.insertSection = insertSection;
+const insertBackMatterSection = (category) => (state, dispatch, view) => {
+    const bibliographySection = (0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.bibliography_section)[0];
+    const backmatter = (0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.backmatter)[0];
+    let pos;
+    if (bibliographySection) {
+        pos = bibliographySection.pos;
+    }
+    else {
+        pos = backmatter.pos + backmatter.node.content.size + 1;
+    }
+    const tr = state.tr.insert(pos, state.schema.nodes.section.createAndFill({
+        category: category,
+    }));
+    if (dispatch) {
+        const selection = prosemirror_state_1.TextSelection.create(tr.doc, pos);
+        if (view) {
+            view.focus();
+        }
+        dispatch(tr.setSelection(selection).scrollIntoView());
+    }
+    return true;
+};
+exports.insertBackMatterSection = insertBackMatterSection;
 const findSelectedList = (0, prosemirror_utils_1.findParentNodeOfType)([transform_1.schema.nodes.list]);
+const insertAbstract = (state, dispatch, view) => {
+    if ((0, utils_1.getMatchingChild)(state.doc, (node) => node.attrs.category === 'MPSectionCategory:abstract', true)) {
+        return false;
+    }
+    const abstracts = (0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.abstracts)[0];
+    const pos = abstracts.pos + 1;
+    const section = transform_1.schema.nodes.section.createAndFill({ category: 'MPSectionCategory:abstract' }, [
+        transform_1.schema.nodes.section_title.create({}, transform_1.schema.text('Abstract')),
+        transform_1.schema.nodes.paragraph.create({ placeholder: 'Type abstract here...' }),
+    ]);
+    const tr = state.tr.insert(pos, section);
+    if (dispatch) {
+        const sectionStart = tr.doc.resolve(pos);
+        const sectionNode = sectionStart.nodeAfter;
+        if (sectionNode && sectionNode.firstChild) {
+            const paragraphPos = pos + sectionNode.firstChild.nodeSize + 2;
+            const selection = prosemirror_state_1.TextSelection.create(tr.doc, paragraphPos);
+            if (view) {
+                view.focus();
+            }
+            dispatch(tr.setSelection(selection).scrollIntoView());
+        }
+    }
+    return true;
+};
+exports.insertAbstract = insertAbstract;
+const insertContributors = (state, dispatch, view) => {
+    if ((0, utils_1.getChildOfType)(state.doc, transform_1.schema.nodes.contributors, true)) {
+        return false;
+    }
+    const title = (0, prosemirror_utils_1.findChildrenByType)(state.doc, state.schema.nodes.title)[0];
+    const pos = title.pos + title.node.nodeSize;
+    const contributors = state.schema.nodes.contributors.create({
+        id: '',
+    });
+    const affiliations = state.schema.nodes.affiliations.create({ id: '' });
+    const fragment = prosemirror_model_1.Fragment.fromArray([contributors, affiliations]);
+    const tr = state.tr.insert(pos, fragment);
+    if (dispatch) {
+        const selection = prosemirror_state_1.NodeSelection.create(tr.doc, pos);
+        if (view) {
+            view.focus();
+        }
+        dispatch(tr.setSelection(selection).scrollIntoView());
+    }
+    return true;
+};
+exports.insertContributors = insertContributors;
+const insertKeywords = (state, dispatch, view) => {
+    if ((0, utils_1.getChildOfType)(state.doc, transform_1.schema.nodes.keywords, true)) {
+        return false;
+    }
+    const supplements = (0, prosemirror_utils_1.findChildrenByType)(state.doc, state.schema.nodes.supplements)[0];
+    const abstracts = (0, prosemirror_utils_1.findChildrenByType)(state.doc, state.schema.nodes.abstracts)[0];
+    let pos;
+    if (supplements) {
+        pos = supplements.pos + supplements.node.nodeSize;
+    }
+    else {
+        pos = abstracts.pos;
+    }
+    const keywords = transform_1.schema.nodes.keywords.createAndFill({}, [
+        transform_1.schema.nodes.section_title.create({}, transform_1.schema.text('Keywords')),
+        transform_1.schema.nodes.keywords_element.create({}, [
+            transform_1.schema.nodes.keyword_group.create({}, []),
+        ]),
+    ]);
+    const tr = state.tr.insert(pos, keywords);
+    if (dispatch) {
+        const selection = prosemirror_state_1.NodeSelection.create(tr.doc, pos);
+        if (view) {
+            view.focus();
+        }
+        dispatch(tr.setSelection(selection).scrollIntoView());
+    }
+    return true;
+};
+exports.insertKeywords = insertKeywords;
 const findRootList = ($pos) => {
     for (let i = 0; i < $pos.depth; i++) {
         const node = $pos.node(i);
@@ -692,14 +806,17 @@ const addNodeComment = (node, state, dispatch) => {
     };
     const comment = transform_1.schema.nodes.comment.create(attrs);
     const comments = (0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.comments)[0];
-    const pos = comments.pos + 1;
-    const tr = state.tr.insert(pos, comment);
-    const key = (0, comments_1.getCommentKey)(attrs, undefined, node);
-    (0, comments_2.setCommentSelection)(tr, key, attrs.id, true);
-    if (dispatch) {
-        dispatch(tr);
+    if (comments) {
+        const pos = comments.pos + 1;
+        const tr = state.tr.insert(pos, comment);
+        const key = (0, comments_1.getCommentKey)(attrs, undefined, node);
+        (0, comments_2.setCommentSelection)(tr, key, attrs.id, true);
+        if (dispatch) {
+            dispatch(tr);
+        }
+        return true;
     }
-    return true;
+    return false;
 };
 exports.addNodeComment = addNodeComment;
 const addInlineComment = (state, dispatch) => {
@@ -725,36 +842,39 @@ const addInlineComment = (state, dispatch) => {
     };
     const comment = transform_1.schema.nodes.comment.create(attrs);
     const comments = (0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.comments)[0];
-    const pos = comments.pos + 1;
-    const tr = state.tr.insert(pos, comment);
-    if (from === to) {
-        const point = transform_1.schema.nodes.highlight_marker.create({
-            id: comment.attrs.id,
-            tid: node.attrs.id,
-            position: 'point',
-        });
-        tr.insert(from, point);
-    }
-    else {
-        const start = transform_1.schema.nodes.highlight_marker.create({
-            id: comment.attrs.id,
-            tid: node.attrs.id,
-            position: 'start',
-        });
-        const end = transform_1.schema.nodes.highlight_marker.create({
-            id: comment.attrs.id,
-            tid: node.attrs.id,
-            position: 'end',
-        });
-        tr.insert(from, start).insert(to + 1, end);
-    }
-    const range = (0, comments_1.getCommentRange)(attrs);
-    const key = (0, comments_1.getCommentKey)(attrs, range, node);
-    (0, comments_2.setCommentSelection)(tr, key, attrs.id, true);
-    if (dispatch) {
-        dispatch(tr);
+    if (comments) {
+        const pos = comments.pos + 1;
+        const tr = state.tr.insert(pos, comment);
+        if (from === to) {
+            const point = transform_1.schema.nodes.highlight_marker.create({
+                id: comment.attrs.id,
+                tid: node.attrs.id,
+                position: 'point',
+            });
+            tr.insert(from, point);
+        }
+        else {
+            const start = transform_1.schema.nodes.highlight_marker.create({
+                id: comment.attrs.id,
+                tid: node.attrs.id,
+                position: 'start',
+            });
+            const end = transform_1.schema.nodes.highlight_marker.create({
+                id: comment.attrs.id,
+                tid: node.attrs.id,
+                position: 'end',
+            });
+            tr.insert(from, start).insert(to + 1, end);
+        }
+        const range = (0, comments_1.getCommentRange)(attrs);
+        const key = (0, comments_1.getCommentKey)(attrs, range, node);
+        (0, comments_2.setCommentSelection)(tr, key, attrs.id, true);
+        if (dispatch) {
+            dispatch(tr);
+        }
+        return true;
     }
-    return true;
+    return false;
 };
 exports.addInlineComment = addInlineComment;
 const insertTableFootnote = (node, position, view, inlineFootnote) => {

package/dist/cjs/components/keywords/AddKeywordInline.js

@@ -153,13 +153,18 @@ const AddKeywordInline = ({ viewProps, getUpdatedNode }) => {
             setNewKeyword(event.target.value.trimStart());
             return;
         };
-        return (react_1.default.createElement(KeywordField, { value: newKeyword, onChange: handleInputChange, onKeyUp: (e) => {
+        return (react_1.default.createElement(KeywordField, { value: newKeyword, onChange: handleInputChange, onKeyDown: (e) => {
+                e.stopPropagation();
                 if (e.key == 'Enter') {
                     handleAddKeyword();
                 }
                 else if (e.key == 'Escape') {
                     handleCancel();
                 }
+            }, onKeyUp: (e) => {
+                e.stopPropagation();
+            }, onKeyPress: (e) => {
+                e.stopPropagation();
             }, autoFocus: true }));
     };
     const CreateKeywordButtonElement = () => {

package/dist/cjs/menus.js

@@ -72,6 +72,92 @@ const getEditorMenus = (editor) => {
         label: 'Insert',
         isEnabled: true,
         submenu: [
+            {
+                id: 'front-matter',
+                label: 'Article Metadata',
+                isEnabled: true,
+                submenu: [
+                    {
+                        id: 'insert-abstract',
+                        label: 'Abstract',
+                        isEnabled: isCommandValid(commands_1.insertAbstract),
+                        run: doCommand(commands_1.insertAbstract),
+                    },
+                    {
+                        id: 'insert-graphical-abstract',
+                        label: 'Graphical Abstract',
+                        isEnabled: isCommandValid(commands_1.insertGraphicalAbstract),
+                        run: doCommand(commands_1.insertGraphicalAbstract),
+                    },
+                    {
+                        id: 'insert-contributors',
+                        label: 'Authors & Affiliations',
+                        isEnabled: isCommandValid(commands_1.insertContributors),
+                        run: doCommand(commands_1.insertContributors),
+                    },
+                    {
+                        id: 'insert-keywords',
+                        label: 'Keywords',
+                        isEnabled: isCommandValid(commands_1.insertKeywords),
+                        run: doCommand(commands_1.insertKeywords),
+                    },
+                ],
+            },
+            {
+                id: 'back-matter',
+                label: 'Author Notes',
+                isEnabled: true,
+                submenu: [
+                    {
+                        id: 'insert-acknowledgements',
+                        label: 'Acknowledgements',
+                        isEnabled: isCommandValid((0, commands_1.insertBackMatterSection)('MPSectionCategory:acknowledgement')),
+                        run: doCommand((0, commands_1.insertBackMatterSection)('MPSectionCategory:acknowledgement')),
+                    },
+                    {
+                        id: 'insert-availability',
+                        label: 'Availability',
+                        isEnabled: isCommandValid((0, commands_1.insertBackMatterSection)('MPSectionCategory:availability')),
+                        run: doCommand((0, commands_1.insertBackMatterSection)('MPSectionCategory:availability')),
+                    },
+                    {
+                        id: 'insert-coi-statement',
+                        label: 'COI Statement',
+                        isEnabled: isCommandValid((0, commands_1.insertBackMatterSection)('MPSectionCategory:competing-interests')),
+                        run: doCommand((0, commands_1.insertBackMatterSection)('MPSectionCategory:competing-interests')),
+                    },
+                    {
+                        id: 'insert-con',
+                        label: 'Contributed-by Information',
+                        isEnabled: isCommandValid((0, commands_1.insertBackMatterSection)('MPSectionCategory:con')),
+                        run: doCommand((0, commands_1.insertBackMatterSection)('MPSectionCategory:con')),
+                    },
+                    {
+                        id: 'insert-ethics-statement',
+                        label: 'Ethics Statement',
+                        isEnabled: isCommandValid((0, commands_1.insertBackMatterSection)('MPSectionCategory:ethics-statement')),
+                        run: doCommand((0, commands_1.insertBackMatterSection)('MPSectionCategory:ethics-statement')),
+                    },
+                    {
+                        id: 'insert-financial-disclosure',
+                        label: 'Financial Disclosure',
+                        isEnabled: isCommandValid((0, commands_1.insertBackMatterSection)('MPSectionCategory:financial-disclosure')),
+                        run: doCommand((0, commands_1.insertBackMatterSection)('MPSectionCategory:financial-disclosure')),
+                    },
+                    {
+                        id: 'insert-supplementary-material',
+                        label: 'Supplementary Material',
+                        isEnabled: isCommandValid((0, commands_1.insertBackMatterSection)('MPSectionCategory:supplementary-material')),
+                        run: doCommand((0, commands_1.insertBackMatterSection)('MPSectionCategory:supplementary-material')),
+                    },
+                    {
+                        id: 'insert-supported-by',
+                        label: 'Supported By',
+                        isEnabled: isCommandValid((0, commands_1.insertBackMatterSection)('MPSectionCategory:supported-by')),
+                        run: doCommand((0, commands_1.insertBackMatterSection)('MPSectionCategory:supported-by')),
+                    },
+                ],
+            },
             {
                 id: 'insert-section',
                 label: 'Section',
@@ -82,12 +168,6 @@ const getEditorMenus = (editor) => {
                 isEnabled: isCommandValid((0, commands_1.insertSection)()),
                 run: doCommand((0, commands_1.insertSection)()),
             },
-            {
-                id: 'insert-graphical-abstract',
-                label: 'Graphical Abstract',
-                isEnabled: isCommandValid(commands_1.insertGraphicalAbstract),
-                run: doCommand(commands_1.insertGraphicalAbstract),
-            },
             {
                 id: 'insert-subsection',
                 label: 'Subsection',

package/dist/cjs/views/contributors.js

@@ -59,6 +59,12 @@ class ContributorsView extends block_view_1.default {
             this.createLegend();
             this.updateSelection();
         };
+        this.selectNode = () => {
+            this.dom.classList.add('ProseMirror-selectednode');
+            if (!(0, track_changes_utils_1.isDeleted)(this.node)) {
+                this.handleEdit('');
+            }
+        };
         this.buildAuthors = (affs) => {
             const wrapper = document.createElement('div');
             wrapper.classList.add('contributors-list');

package/dist/cjs/views/title.js

@@ -25,10 +25,14 @@ class TitleView extends base_node_view_1.BaseNodeView {
             this.createDOM();
         };
         this.createDOM = () => {
+            const attrs = this.node.attrs;
             this.dom = document.createElement('div');
             this.dom.classList.add('manuscript-title');
             this.contentDOM = document.createElement('div');
             this.contentDOM.classList.add('article-titles');
+            if (!this.node.childCount && attrs.placeholder) {
+                this.contentDOM.setAttribute('data-placeholder', attrs.placeholder);
+            }
             this.dom.appendChild(this.contentDOM);
         };
     }

package/dist/es/commands.js

@@ -16,7 +16,7 @@
 import { buildContribution, ObjectTypes } from '@manuscripts/json-schema';
 import { skipTracking } from '@manuscripts/track-changes-plugin';
 import { generateID, isElementNodeType, isFootnoteNode, isInBibliographySection, isListNode, isParagraphNode, isSectionNodeType, schema, } from '@manuscripts/transform';
-import { NodeRange } from 'prosemirror-model';
+import { Fragment, NodeRange, } from 'prosemirror-model';
 import { wrapInList } from 'prosemirror-schema-list';
 import { NodeSelection, TextSelection, } from 'prosemirror-state';
 import { findWrapping, liftTarget, ReplaceAroundStep, } from 'prosemirror-transform';
@@ -24,7 +24,7 @@ import { findChildrenByType, findParentNodeOfType, } from 'prosemirror-utils';
 import { getCommentKey, getCommentRange } from './lib/comments';
 import { isNodeOfType, nearestAncestor } from './lib/helpers';
 import { isDeleted, isRejectedInsert } from './lib/track-changes-utils';
-import { findParentNodeWithId, getChildOfType } from './lib/utils';
+import { findParentNodeWithId, getChildOfType, getMatchingChild, } from './lib/utils';
 import { setCommentSelection } from './plugins/comments';
 import { getEditorProps } from './plugins/editor-props';
 import { getNewFootnotePos } from './plugins/footnotes/footnotes-utils';
@@ -345,7 +345,7 @@ export const insertInlineFootnote = (kind) => (state, dispatch) => {
     }
     return true;
 };
-export const insertGraphicalAbstract = (state, dispatch) => {
+export const insertGraphicalAbstract = (state, dispatch, view) => {
     if (getChildOfType(state.doc, schema.nodes.graphical_abstract_section, true)) {
         return false;
     }
@@ -358,24 +358,134 @@ export const insertGraphicalAbstract = (state, dispatch) => {
     const tr = state.tr.insert(pos, section);
     if (dispatch) {
         const selection = TextSelection.create(tr.doc, pos + 1);
+        if (view) {
+            view.focus();
+        }
         dispatch(tr.setSelection(selection).scrollIntoView());
     }
     return true;
 };
-export const insertSection = (subsection = false) => (state, dispatch) => {
-    const pos = findPosAfterParentSection(state.selection.$from);
-    if (pos === null || isInBibliographySection(state.selection.$from)) {
+export const insertSection = (subsection = false) => (state, dispatch, view) => {
+    let pos = findPosAfterParentSection(state.selection.$from);
+    const body = findChildrenByType(state.doc, schema.nodes.body)[0];
+    if (isInBibliographySection(state.selection.$from)) {
+        return false;
+    }
+    else if (pos === null && subsection) {
         return false;
     }
+    if (pos === null) {
+        pos = body.pos + body.node.content.size + 1;
+    }
     const adjustment = subsection ? -1 : 0;
     const tr = state.tr.insert(pos + adjustment, state.schema.nodes.section.createAndFill());
     if (dispatch) {
         const selection = TextSelection.create(tr.doc, pos + adjustment + 2);
+        if (view) {
+            view.focus();
+        }
+        dispatch(tr.setSelection(selection).scrollIntoView());
+    }
+    return true;
+};
+export const insertBackMatterSection = (category) => (state, dispatch, view) => {
+    const bibliographySection = findChildrenByType(state.doc, schema.nodes.bibliography_section)[0];
+    const backmatter = findChildrenByType(state.doc, schema.nodes.backmatter)[0];
+    let pos;
+    if (bibliographySection) {
+        pos = bibliographySection.pos;
+    }
+    else {
+        pos = backmatter.pos + backmatter.node.content.size + 1;
+    }
+    const tr = state.tr.insert(pos, state.schema.nodes.section.createAndFill({
+        category: category,
+    }));
+    if (dispatch) {
+        const selection = TextSelection.create(tr.doc, pos);
+        if (view) {
+            view.focus();
+        }
         dispatch(tr.setSelection(selection).scrollIntoView());
     }
     return true;
 };
 const findSelectedList = findParentNodeOfType([schema.nodes.list]);
+export const insertAbstract = (state, dispatch, view) => {
+    if (getMatchingChild(state.doc, (node) => node.attrs.category === 'MPSectionCategory:abstract', true)) {
+        return false;
+    }
+    const abstracts = findChildrenByType(state.doc, schema.nodes.abstracts)[0];
+    const pos = abstracts.pos + 1;
+    const section = schema.nodes.section.createAndFill({ category: 'MPSectionCategory:abstract' }, [
+        schema.nodes.section_title.create({}, schema.text('Abstract')),
+        schema.nodes.paragraph.create({ placeholder: 'Type abstract here...' }),
+    ]);
+    const tr = state.tr.insert(pos, section);
+    if (dispatch) {
+        const sectionStart = tr.doc.resolve(pos);
+        const sectionNode = sectionStart.nodeAfter;
+        if (sectionNode && sectionNode.firstChild) {
+            const paragraphPos = pos + sectionNode.firstChild.nodeSize + 2;
+            const selection = TextSelection.create(tr.doc, paragraphPos);
+            if (view) {
+                view.focus();
+            }
+            dispatch(tr.setSelection(selection).scrollIntoView());
+        }
+    }
+    return true;
+};
+export const insertContributors = (state, dispatch, view) => {
+    if (getChildOfType(state.doc, schema.nodes.contributors, true)) {
+        return false;
+    }
+    const title = findChildrenByType(state.doc, state.schema.nodes.title)[0];
+    const pos = title.pos + title.node.nodeSize;
+    const contributors = state.schema.nodes.contributors.create({
+        id: '',
+    });
+    const affiliations = state.schema.nodes.affiliations.create({ id: '' });
+    const fragment = Fragment.fromArray([contributors, affiliations]);
+    const tr = state.tr.insert(pos, fragment);
+    if (dispatch) {
+        const selection = NodeSelection.create(tr.doc, pos);
+        if (view) {
+            view.focus();
+        }
+        dispatch(tr.setSelection(selection).scrollIntoView());
+    }
+    return true;
+};
+export const insertKeywords = (state, dispatch, view) => {
+    if (getChildOfType(state.doc, schema.nodes.keywords, true)) {
+        return false;
+    }
+    const supplements = findChildrenByType(state.doc, state.schema.nodes.supplements)[0];
+    const abstracts = findChildrenByType(state.doc, state.schema.nodes.abstracts)[0];
+    let pos;
+    if (supplements) {
+        pos = supplements.pos + supplements.node.nodeSize;
+    }
+    else {
+        pos = abstracts.pos;
+    }
+    const keywords = schema.nodes.keywords.createAndFill({}, [
+        schema.nodes.section_title.create({}, schema.text('Keywords')),
+        schema.nodes.keywords_element.create({}, [
+            schema.nodes.keyword_group.create({}, []),
+        ]),
+    ]);
+    const tr = state.tr.insert(pos, keywords);
+    if (dispatch) {
+        const selection = NodeSelection.create(tr.doc, pos);
+        if (view) {
+            view.focus();
+        }
+        dispatch(tr.setSelection(selection).scrollIntoView());
+    }
+    return true;
+};
 const findRootList = ($pos) => {
     for (let i = 0; i < $pos.depth; i++) {
         const node = $pos.node(i);
@@ -658,14 +768,17 @@ export const addNodeComment = (node, state, dispatch) => {
     };
     const comment = schema.nodes.comment.create(attrs);
     const comments = findChildrenByType(state.doc, schema.nodes.comments)[0];
-    const pos = comments.pos + 1;
-    const tr = state.tr.insert(pos, comment);
-    const key = getCommentKey(attrs, undefined, node);
-    setCommentSelection(tr, key, attrs.id, true);
-    if (dispatch) {
-        dispatch(tr);
+    if (comments) {
+        const pos = comments.pos + 1;
+        const tr = state.tr.insert(pos, comment);
+        const key = getCommentKey(attrs, undefined, node);
+        setCommentSelection(tr, key, attrs.id, true);
+        if (dispatch) {
+            dispatch(tr);
+        }
+        return true;
     }
-    return true;
+    return false;
 };
 export const addInlineComment = (state, dispatch) => {
     const selection = state.selection;
@@ -690,36 +803,39 @@ export const addInlineComment = (state, dispatch) => {
     };
     const comment = schema.nodes.comment.create(attrs);
     const comments = findChildrenByType(state.doc, schema.nodes.comments)[0];
-    const pos = comments.pos + 1;
-    const tr = state.tr.insert(pos, comment);
-    if (from === to) {
-        const point = schema.nodes.highlight_marker.create({
-            id: comment.attrs.id,
-            tid: node.attrs.id,
-            position: 'point',
-        });
-        tr.insert(from, point);
-    }
-    else {
-        const start = schema.nodes.highlight_marker.create({
-            id: comment.attrs.id,
-            tid: node.attrs.id,
-            position: 'start',
-        });
-        const end = schema.nodes.highlight_marker.create({
-            id: comment.attrs.id,
-            tid: node.attrs.id,
-            position: 'end',
-        });
-        tr.insert(from, start).insert(to + 1, end);
-    }
-    const range = getCommentRange(attrs);
-    const key = getCommentKey(attrs, range, node);
-    setCommentSelection(tr, key, attrs.id, true);
-    if (dispatch) {
-        dispatch(tr);
+    if (comments) {
+        const pos = comments.pos + 1;
+        const tr = state.tr.insert(pos, comment);
+        if (from === to) {
+            const point = schema.nodes.highlight_marker.create({
+                id: comment.attrs.id,
+                tid: node.attrs.id,
+                position: 'point',
+            });
+            tr.insert(from, point);
+        }
+        else {
+            const start = schema.nodes.highlight_marker.create({
+                id: comment.attrs.id,
+                tid: node.attrs.id,
+                position: 'start',
+            });
+            const end = schema.nodes.highlight_marker.create({
+                id: comment.attrs.id,
+                tid: node.attrs.id,
+                position: 'end',
+            });
+            tr.insert(from, start).insert(to + 1, end);
+        }
+        const range = getCommentRange(attrs);
+        const key = getCommentKey(attrs, range, node);
+        setCommentSelection(tr, key, attrs.id, true);
+        if (dispatch) {
+            dispatch(tr);
+        }
+        return true;
     }
-    return true;
+    return false;
 };
 export const insertTableFootnote = (node, position, view, inlineFootnote) => {
     var _a;

package/dist/es/components/keywords/AddKeywordInline.js

@@ -124,13 +124,18 @@ export const AddKeywordInline = ({ viewProps, getUpdatedNode }) => {
             setNewKeyword(event.target.value.trimStart());
             return;
         };
-        return (React.createElement(KeywordField, { value: newKeyword, onChange: handleInputChange, onKeyUp: (e) => {
+        return (React.createElement(KeywordField, { value: newKeyword, onChange: handleInputChange, onKeyDown: (e) => {
+                e.stopPropagation();
                 if (e.key == 'Enter') {
                     handleAddKeyword();
                 }
                 else if (e.key == 'Escape') {
                     handleCancel();
                 }
+            }, onKeyUp: (e) => {
+                e.stopPropagation();
+            }, onKeyPress: (e) => {
+                e.stopPropagation();
             }, autoFocus: true }));
     };
     const CreateKeywordButtonElement = () => {

package/dist/es/menus.js

@@ -17,7 +17,7 @@ import { schema } from '@manuscripts/transform';
 import { toggleMark } from 'prosemirror-commands';
 import { redo, undo } from 'prosemirror-history';
 import { addColumnAfter, addColumnBefore, addRowAfter, addRowBefore, deleteColumn, deleteRow, } from 'prosemirror-tables';
-import { addInlineComment, blockActive, canInsert, ifInTableBody, insertBlock, insertCrossReference, insertGraphicalAbstract, insertInlineCitation, insertInlineEquation, insertInlineFootnote, insertLink, insertList, insertSection, markActive, } from './commands';
+import { addInlineComment, blockActive, canInsert, ifInTableBody, insertAbstract, insertBackMatterSection, insertBlock, insertContributors, insertCrossReference, insertGraphicalAbstract, insertInlineCitation, insertInlineEquation, insertInlineFootnote, insertKeywords, insertLink, insertList, insertSection, markActive, } from './commands';
 import { deleteClosestParentElement, findClosestParentElementNodeName, } from './lib/hierarchy';
 export const getEditorMenus = (editor) => {
     const { isCommandValid, state } = editor;
@@ -69,6 +69,92 @@ export const getEditorMenus = (editor) => {
         label: 'Insert',
         isEnabled: true,
         submenu: [
+            {
+                id: 'front-matter',
+                label: 'Article Metadata',
+                isEnabled: true,
+                submenu: [
+                    {
+                        id: 'insert-abstract',
+                        label: 'Abstract',
+                        isEnabled: isCommandValid(insertAbstract),
+                        run: doCommand(insertAbstract),
+                    },
+                    {
+                        id: 'insert-graphical-abstract',
+                        label: 'Graphical Abstract',
+                        isEnabled: isCommandValid(insertGraphicalAbstract),
+                        run: doCommand(insertGraphicalAbstract),
+                    },
+                    {
+                        id: 'insert-contributors',
+                        label: 'Authors & Affiliations',
+                        isEnabled: isCommandValid(insertContributors),
+                        run: doCommand(insertContributors),
+                    },
+                    {
+                        id: 'insert-keywords',
+                        label: 'Keywords',
+                        isEnabled: isCommandValid(insertKeywords),
+                        run: doCommand(insertKeywords),
+                    },
+                ],
+            },
+            {
+                id: 'back-matter',
+                label: 'Author Notes',
+                isEnabled: true,
+                submenu: [
+                    {
+                        id: 'insert-acknowledgements',
+                        label: 'Acknowledgements',
+                        isEnabled: isCommandValid(insertBackMatterSection('MPSectionCategory:acknowledgement')),
+                        run: doCommand(insertBackMatterSection('MPSectionCategory:acknowledgement')),
+                    },
+                    {
+                        id: 'insert-availability',
+                        label: 'Availability',
+                        isEnabled: isCommandValid(insertBackMatterSection('MPSectionCategory:availability')),
+                        run: doCommand(insertBackMatterSection('MPSectionCategory:availability')),
+                    },
+                    {
+                        id: 'insert-coi-statement',
+                        label: 'COI Statement',
+                        isEnabled: isCommandValid(insertBackMatterSection('MPSectionCategory:competing-interests')),
+                        run: doCommand(insertBackMatterSection('MPSectionCategory:competing-interests')),
+                    },
+                    {
+                        id: 'insert-con',
+                        label: 'Contributed-by Information',
+                        isEnabled: isCommandValid(insertBackMatterSection('MPSectionCategory:con')),
+                        run: doCommand(insertBackMatterSection('MPSectionCategory:con')),
+                    },
+                    {
+                        id: 'insert-ethics-statement',
+                        label: 'Ethics Statement',
+                        isEnabled: isCommandValid(insertBackMatterSection('MPSectionCategory:ethics-statement')),
+                        run: doCommand(insertBackMatterSection('MPSectionCategory:ethics-statement')),
+                    },
+                    {
+                        id: 'insert-financial-disclosure',
+                        label: 'Financial Disclosure',
+                        isEnabled: isCommandValid(insertBackMatterSection('MPSectionCategory:financial-disclosure')),
+                        run: doCommand(insertBackMatterSection('MPSectionCategory:financial-disclosure')),
+                    },
+                    {
+                        id: 'insert-supplementary-material',
+                        label: 'Supplementary Material',
+                        isEnabled: isCommandValid(insertBackMatterSection('MPSectionCategory:supplementary-material')),
+                        run: doCommand(insertBackMatterSection('MPSectionCategory:supplementary-material')),
+                    },
+                    {
+                        id: 'insert-supported-by',
+                        label: 'Supported By',
+                        isEnabled: isCommandValid(insertBackMatterSection('MPSectionCategory:supported-by')),
+                        run: doCommand(insertBackMatterSection('MPSectionCategory:supported-by')),
+                    },
+                ],
+            },
             {
                 id: 'insert-section',
                 label: 'Section',
@@ -79,12 +165,6 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isCommandValid(insertSection()),
                 run: doCommand(insertSection()),
             },
-            {
-                id: 'insert-graphical-abstract',
-                label: 'Graphical Abstract',
-                isEnabled: isCommandValid(insertGraphicalAbstract),
-                run: doCommand(insertGraphicalAbstract),
-            },
             {
                 id: 'insert-subsection',
                 label: 'Subsection',

package/dist/es/views/contributors.js

@@ -53,6 +53,12 @@ export class ContributorsView extends BlockView {
             this.createLegend();
             this.updateSelection();
         };
+        this.selectNode = () => {
+            this.dom.classList.add('ProseMirror-selectednode');
+            if (!isDeleted(this.node)) {
+                this.handleEdit('');
+            }
+        };
         this.buildAuthors = (affs) => {
             const wrapper = document.createElement('div');
             wrapper.classList.add('contributors-list');

package/dist/es/views/title.js

@@ -22,10 +22,14 @@ export class TitleView extends BaseNodeView {
             this.createDOM();
         };
         this.createDOM = () => {
+            const attrs = this.node.attrs;
             this.dom = document.createElement('div');
             this.dom.classList.add('manuscript-title');
             this.contentDOM = document.createElement('div');
             this.contentDOM.classList.add('article-titles');
+            if (!this.node.childCount && attrs.placeholder) {
+                this.contentDOM.setAttribute('data-placeholder', attrs.placeholder);
+            }
             this.dom.appendChild(this.contentDOM);
         };
     }

package/dist/types/commands.d.ts

@@ -38,8 +38,12 @@ export declare const insertInlineCitation: (state: ManuscriptEditorState, dispat
 export declare const insertCrossReference: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertInlineEquation: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertInlineFootnote: (kind: 'footnote' | 'endnote') => (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
-export declare const insertGraphicalAbstract: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
-export declare const insertSection: (subsection?: boolean) => (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
+export declare const insertGraphicalAbstract: (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
+export declare const insertSection: (subsection?: boolean) => (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
+export declare const insertBackMatterSection: (category: string) => (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
+export declare const insertAbstract: (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
+export declare const insertContributors: (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
+export declare const insertKeywords: (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
 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;

package/dist/types/views/contributors.d.ts

@@ -27,6 +27,7 @@ export declare class ContributorsView extends BlockView<EditableBlockProps> {
     stopEvent: () => boolean;
     initialise: () => void;
     updateContents: () => void;
+    selectNode: () => void;
     buildAuthors: (affs: PluginState) => void;
     buildAuthor: (attrs: ContributorAttrs, isJointFirstAuthor: boolean) => HTMLSpanElement;
     private createNote;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.13.1",
+  "version": "1.13.2-LEAN-3307.0",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -28,11 +28,11 @@
   },
   "dependencies": {
     "@iarna/word-count": "^1.1.2",
-    "@manuscripts/json-schema": "2.2.8",
-    "@manuscripts/library": "1.3.7",
-    "@manuscripts/style-guide": "1.13.0",
+    "@manuscripts/json-schema": "2.2.9-LEAN-3307.0",
+    "@manuscripts/library": "1.3.8-LEAN-3307.0",
+    "@manuscripts/style-guide": "1.13.1-LEAN-3307.0",
     "@manuscripts/track-changes-plugin": "1.7.13",
-    "@manuscripts/transform": "2.3.9",
+    "@manuscripts/transform": "2.3.9-LEAN-3307.1",
     "astrocite-eutils": "^0.16.4",
     "mathjax-full": "^3.2.2",
     "codemirror": "^5.58.1",

package/styles/AdvancedEditor.css

@@ -941,3 +941,7 @@ span.accepted .selected-suggestion,
 .ProseMirror li.ProseMirror-selectednode:after {
   content: none;
 }
+
+.ProseMirror .manuscript-title.empty-node .article-titles::before {
+  content: attr(data-placeholder);
+}

package/styles/Editor.css

@@ -562,6 +562,15 @@
 .ProseMirror .empty-node:hover::before {
   color: #6e6e6e;
 }
+.ProseMirror .empty-node .article-titles::before {
+  position: absolute;
+  color: #c9c9c9;
+  font-style: italic;
+  font-family: "PT Sans";
+  font-size: 28px;
+  font-weight: 400;
+  line-height: 40px;
+}
 
 .ProseMirror .empty-node[data-placeholder]::before {
   content: attr(data-placeholder); /* TODO: innerHTML? */