@manuscripts/body-editor 2.8.2 → 2.8.3

package/dist/cjs/commands.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addHeaderRow = exports.addRows = exports.addInlineComment = exports.addNodeComment = exports.isCommentingAllowed = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertAward = exports.insertAffiliation = exports.insertContributors = exports.insertAbstract = exports.insertBackmatterSection = exports.insertSection = exports.insertGraphicalAbstract = exports.insertBoxElement = exports.insertInlineFootnote = exports.insertFootnotesElement = exports.insertTableElementFooter = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertSupplement = exports.insertTable = exports.insertFigure = exports.insertGeneralTableFootnote = exports.insertInlineTableFootnote = exports.insertEmbed = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
+exports.addHeaderRow = exports.addRows = exports.addInlineComment = exports.addNodeComment = exports.isCommentingAllowed = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertAward = exports.insertAffiliation = exports.insertContributors = exports.insertGraphicalAbstract = exports.insertBackmatterSection = exports.insertAbstractSection = exports.insertSection = exports.insertBoxElement = exports.insertInlineFootnote = exports.insertFootnotesElement = exports.insertTableElementFooter = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertSupplement = exports.insertTable = exports.insertFigure = exports.insertGeneralTableFootnote = exports.insertInlineTableFootnote = exports.insertEmbed = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
 exports.activateSearchReplace = exports.activateSearch = exports.autoComplete = exports.addColumns = void 0;
 const json_schema_1 = require("@manuscripts/json-schema");
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
@@ -517,27 +517,6 @@ const insertBoxElement = (state, dispatch) => {
     return true;
 };
 exports.insertBoxElement = insertBoxElement;
-const insertGraphicalAbstract = (state, dispatch, view) => {
-    if ((0, utils_1.getChildOfType)(state.doc, transform_1.schema.nodes.graphical_abstract_section, true)) {
-        return false;
-    }
-    const abstracts = (0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.abstracts)[0];
-    const pos = abstracts.pos + abstracts.node.content.size + 1;
-    const section = transform_1.schema.nodes.graphical_abstract_section.createAndFill({}, [
-        transform_1.schema.nodes.section_title.create({}, transform_1.schema.text('Graphical Abstract')),
-        createAndFillFigureElement(state),
-    ]);
-    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, view) => {
     const nodes = transform_1.schema.nodes;
     const $pos = state.selection.$from;
@@ -573,6 +552,30 @@ const insertSection = (subsection = false) => (state, dispatch, view) => {
     return true;
 };
 exports.insertSection = insertSection;
+const insertAbstractSection = (category) => (state, dispatch, view) => {
+    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)) {
+        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 }, [
+        transform_1.schema.nodes.section_title.create({}, transform_1.schema.text(category.titles[0])),
+        transform_1.schema.nodes.paragraph.create({ placeholder: 'Type abstract here...' }),
+    ]);
+    const tr = state.tr.insert(pos, node);
+    if (dispatch) {
+        const selection = prosemirror_state_1.TextSelection.create(tr.doc, pos);
+        view === null || view === void 0 ? void 0 : view.focus();
+        dispatch(tr.setSelection(selection).scrollIntoView());
+    }
+    return true;
+};
+exports.insertAbstractSection = insertAbstractSection;
 const insertBackmatterSection = (category) => (state, dispatch, view) => {
     const backmatter = (0, doc_1.findBackmatter)(state.doc);
     const sections = (0, prosemirror_utils_1.findChildrenByType)(backmatter.node, transform_1.schema.nodes.section);
@@ -580,16 +583,10 @@ const insertBackmatterSection = (category) => (state, dispatch, view) => {
         return false;
     }
     const bibliography = (0, doc_1.findBibliographySection)(state.doc);
-    let pos;
-    if (bibliography) {
-        pos = bibliography.pos;
-    }
-    else {
-        pos = backmatter.pos + backmatter.node.content.size + 1;
-    }
-    const attrs = {
-        category: category.id,
-    };
+    const pos = bibliography
+        ? bibliography.pos
+        : backmatter.pos + backmatter.node.content.size + 1;
+    const attrs = { category: category.id };
     const node = transform_1.schema.nodes.section.create(attrs, [
         transform_1.schema.nodes.section_title.create({}, transform_1.schema.text(category.titles[0])),
     ]);
@@ -608,32 +605,30 @@ const findSelectedList = (selection) => (selection instanceof prosemirror_state_
     node: selection.node,
 }) ||
     (0, prosemirror_utils_1.findParentNodeOfType)([transform_1.schema.nodes.list])(selection);
-const insertAbstract = (state, dispatch, view) => {
-    if ((0, utils_1.getMatchingChild)(state.doc, (node) => node.attrs.category === 'abstract', true)) {
+const insertGraphicalAbstract = (category) => (state, dispatch, view) => {
+    const abstracts = (0, doc_1.findAbstractsNode)(state.doc);
+    const sections = (0, prosemirror_utils_1.findChildrenByType)(abstracts.node, transform_1.schema.nodes.graphical_abstract_section);
+    if (sections.some((s) => s.node.attrs.category === category.id)) {
         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: 'abstract' }, [
-        transform_1.schema.nodes.section_title.create({}, transform_1.schema.text('Abstract')),
-        transform_1.schema.nodes.paragraph.create({ placeholder: 'Type abstract here...' }),
+    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 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),
     ]);
-    const tr = state.tr.insert(pos, section);
+    const tr = state.tr.insert(pos, node);
     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());
+        const selection = prosemirror_state_1.TextSelection.create(tr.doc, pos + 1);
+        if (view) {
+            view.focus();
         }
+        dispatch(tr.setSelection(selection).scrollIntoView());
     }
     return true;
 };
-exports.insertAbstract = insertAbstract;
+exports.insertGraphicalAbstract = insertGraphicalAbstract;
 const insertContributors = (state, dispatch, view) => {
     if ((0, utils_1.getChildOfType)(state.doc, transform_1.schema.nodes.contributors, true)) {
         return false;

package/dist/cjs/menus.js

@@ -38,7 +38,17 @@ const getEditorMenus = (editor) => {
             run: doCommand(command),
         };
     };
-    const categories = (0, transform_1.getGroupCategories)(props.sectionCategories, 'backmatter');
+    const insertAbstractsSectionMenu = (category) => {
+        const command = category.group === 'abstracts-graphic'
+            ? (0, commands_1.insertGraphicalAbstract)(category)
+            : (0, commands_1.insertAbstractSection)(category);
+        return {
+            id: `insert-${category.id}`,
+            label: category.titles[0],
+            isEnabled: isCommandValid(command),
+            run: doCommand(command),
+        };
+    };
     const edit = {
         id: 'edit',
         label: 'Edit',
@@ -95,6 +105,13 @@ const getEditorMenus = (editor) => {
             },
         ],
     };
+    const categories = (0, transform_1.getGroupCategories)(props.sectionCategories, 'backmatter');
+    const abstractsCategories = (0, transform_1.getGroupCategories)(props.sectionCategories, 'abstracts');
+    const graphicalAbstractsCategories = (0, transform_1.getGroupCategories)(props.sectionCategories, 'abstracts-graphic');
+    const allAbstractsCategories = [
+        ...abstractsCategories,
+        ...graphicalAbstractsCategories,
+    ];
     const insert = {
         id: 'insert',
         label: 'Insert',
@@ -106,16 +123,10 @@ const getEditorMenus = (editor) => {
                 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-abstract-types',
+                        label: 'Abstract Types',
+                        isEnabled: true,
+                        submenu: allAbstractsCategories.map(insertAbstractsSectionMenu),
                     },
                     {
                         id: 'insert-contributors',

package/dist/cjs/plugins/section-category/section-category-utils.js

@@ -80,17 +80,16 @@ function buildPluginState(state, props) {
     const categories = props.sectionCategories;
     const usedCategoryIDs = getUsedSectionCategoryIDs(state);
     state.doc.descendants((node, pos) => {
-        if (node.type === transform_1.schema.nodes.abstracts ||
-            node.type === transform_1.schema.nodes.box_element) {
+        if (node.type === transform_1.schema.nodes.box_element) {
             return false;
         }
         if ((0, transform_1.isSectionNode)(node)) {
             const categoryID = node.attrs.category;
             const category = categories.get(categoryID);
-            const $pos = state.doc.resolve(pos);
-            const group = isInBackmatter($pos) ? 'backmatter' : 'body';
-            const groupCategories = (0, transform_1.getGroupCategories)(categories, group);
-            decorations.push(prosemirror_view_1.Decoration.widget(pos + 1, (view) => createButton(view, pos, category, groupCategories, usedCategoryIDs, can === null || can === void 0 ? void 0 : can.editArticle)));
+            if (category && category.group) {
+                const groupCategories = (0, transform_1.getGroupCategories)(categories, category.group);
+                decorations.push(prosemirror_view_1.Decoration.widget(pos + 1, (view) => createButton(view, pos, category, groupCategories, usedCategoryIDs, can === null || can === void 0 ? void 0 : can.editArticle)));
+            }
             return false;
         }
     });
@@ -105,6 +104,3 @@ const getUsedSectionCategoryIDs = (state) => {
     });
     return used;
 };
-const isInBackmatter = ($pos) => {
-    return !!(0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)($pos, transform_1.schema.nodes.backmatter);
-};

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

package/dist/es/commands.js

@@ -23,11 +23,11 @@ import { addColumnAfter, addColumnBefore, addRow, selectedRect, } from 'prosemir
 import { findWrapping, liftTarget, ReplaceAroundStep, ReplaceStep, } from 'prosemirror-transform';
 import { findChildrenByType, findParentNodeOfType, findParentNodeOfTypeClosestToPos, flatten, hasParentNodeOfType, } from 'prosemirror-utils';
 import { getCommentKey, getCommentRange } from './lib/comments';
-import { findBackmatter, findBibliographySection, findBody, insertAwardsNode, insertFootnotesSection, insertSupplementsNode, } from './lib/doc';
+import { findAbstractsNode, findBackmatter, findBibliographySection, findBody, insertAwardsNode, insertFootnotesSection, insertSupplementsNode, } from './lib/doc';
 import { createFootnote, findFootnotesContainerNode, getFootnotesElementState, } from './lib/footnotes';
 import { findWordBoundaries, isNodeOfType, nearestAncestor, } from './lib/helpers';
 import { isDeleted } from './lib/track-changes-utils';
-import { findParentNodeWithId, getChildOfType, getMatchingChild, } from './lib/utils';
+import { findParentNodeWithId, getChildOfType } from './lib/utils';
 import { setCommentSelection } from './plugins/comments';
 import { getEditorProps } from './plugins/editor-props';
 import { searchReplaceKey } from './plugins/search-replace';
@@ -487,26 +487,6 @@ export const insertBoxElement = (state, dispatch) => {
     }
     return true;
 };
-export const insertGraphicalAbstract = (state, dispatch, view) => {
-    if (getChildOfType(state.doc, schema.nodes.graphical_abstract_section, true)) {
-        return false;
-    }
-    const abstracts = findChildrenByType(state.doc, schema.nodes.abstracts)[0];
-    const pos = abstracts.pos + abstracts.node.content.size + 1;
-    const section = schema.nodes.graphical_abstract_section.createAndFill({}, [
-        schema.nodes.section_title.create({}, schema.text('Graphical Abstract')),
-        createAndFillFigureElement(state),
-    ]);
-    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, view) => {
     const nodes = schema.nodes;
     const $pos = state.selection.$from;
@@ -541,6 +521,29 @@ export const insertSection = (subsection = false) => (state, dispatch, view) =>
     }
     return true;
 };
+export const insertAbstractSection = (category) => (state, dispatch, view) => {
+    const abstracts = findAbstractsNode(state.doc);
+    const sections = findChildrenByType(abstracts.node, schema.nodes.section);
+    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 = 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 }, [
+        schema.nodes.section_title.create({}, schema.text(category.titles[0])),
+        schema.nodes.paragraph.create({ placeholder: 'Type abstract here...' }),
+    ]);
+    const tr = state.tr.insert(pos, node);
+    if (dispatch) {
+        const selection = TextSelection.create(tr.doc, pos);
+        view === null || view === void 0 ? void 0 : view.focus();
+        dispatch(tr.setSelection(selection).scrollIntoView());
+    }
+    return true;
+};
 export const insertBackmatterSection = (category) => (state, dispatch, view) => {
     const backmatter = findBackmatter(state.doc);
     const sections = findChildrenByType(backmatter.node, schema.nodes.section);
@@ -548,16 +551,10 @@ export const insertBackmatterSection = (category) => (state, dispatch, view) =>
         return false;
     }
     const bibliography = findBibliographySection(state.doc);
-    let pos;
-    if (bibliography) {
-        pos = bibliography.pos;
-    }
-    else {
-        pos = backmatter.pos + backmatter.node.content.size + 1;
-    }
-    const attrs = {
-        category: category.id,
-    };
+    const pos = bibliography
+        ? bibliography.pos
+        : backmatter.pos + backmatter.node.content.size + 1;
+    const attrs = { category: category.id };
     const node = schema.nodes.section.create(attrs, [
         schema.nodes.section_title.create({}, schema.text(category.titles[0])),
     ]);
@@ -575,28 +572,26 @@ const findSelectedList = (selection) => (selection instanceof NodeSelection &&
     node: selection.node,
 }) ||
     findParentNodeOfType([schema.nodes.list])(selection);
-export const insertAbstract = (state, dispatch, view) => {
-    if (getMatchingChild(state.doc, (node) => node.attrs.category === 'abstract', true)) {
+export const insertGraphicalAbstract = (category) => (state, dispatch, view) => {
+    const abstracts = findAbstractsNode(state.doc);
+    const sections = findChildrenByType(abstracts.node, schema.nodes.graphical_abstract_section);
+    if (sections.some((s) => s.node.attrs.category === category.id)) {
         return false;
     }
-    const abstracts = findChildrenByType(state.doc, schema.nodes.abstracts)[0];
-    const pos = abstracts.pos + 1;
-    const section = schema.nodes.section.createAndFill({ category: 'abstract' }, [
-        schema.nodes.section_title.create({}, schema.text('Abstract')),
-        schema.nodes.paragraph.create({ placeholder: 'Type abstract here...' }),
+    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 node = schema.nodes.graphical_abstract_section.createAndFill({ category: category.id }, [
+        schema.nodes.section_title.create({}, schema.text(category.titles[0])),
+        createAndFillFigureElement(state),
     ]);
-    const tr = state.tr.insert(pos, section);
+    const tr = state.tr.insert(pos, node);
     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());
+        const selection = TextSelection.create(tr.doc, pos + 1);
+        if (view) {
+            view.focus();
         }
+        dispatch(tr.setSelection(selection).scrollIntoView());
     }
     return true;
 };

package/dist/es/menus.js

@@ -16,7 +16,7 @@
 import { getGroupCategories, schema, } from '@manuscripts/transform';
 import { toggleMark } from 'prosemirror-commands';
 import { redo, undo } from 'prosemirror-history';
-import { activateSearchReplace, addInlineComment, blockActive, canInsert, insertAbstract, insertAffiliation, insertAward, insertBackmatterSection, insertBlock, insertBoxElement, insertContributors, insertCrossReference, insertGraphicalAbstract, insertInlineCitation, insertInlineEquation, insertInlineFootnote, insertKeywords, insertLink, insertList, insertSection, markActive, } from './commands';
+import { activateSearchReplace, addInlineComment, blockActive, canInsert, insertAbstractSection, insertAffiliation, insertAward, insertBackmatterSection, insertBlock, insertBoxElement, insertContributors, insertCrossReference, insertGraphicalAbstract, insertInlineCitation, insertInlineEquation, insertInlineFootnote, insertKeywords, insertLink, insertList, insertSection, markActive, } from './commands';
 import { openEmbedDialog } from './components/toolbar/InsertEmbedDialog';
 import { openInsertTableDialog } from './components/toolbar/InsertTableDialog';
 import { ListMenuItem } from './components/toolbar/ListMenuItem';
@@ -35,7 +35,17 @@ export const getEditorMenus = (editor) => {
             run: doCommand(command),
         };
     };
-    const categories = getGroupCategories(props.sectionCategories, 'backmatter');
+    const insertAbstractsSectionMenu = (category) => {
+        const command = category.group === 'abstracts-graphic'
+            ? insertGraphicalAbstract(category)
+            : insertAbstractSection(category);
+        return {
+            id: `insert-${category.id}`,
+            label: category.titles[0],
+            isEnabled: isCommandValid(command),
+            run: doCommand(command),
+        };
+    };
     const edit = {
         id: 'edit',
         label: 'Edit',
@@ -92,6 +102,13 @@ export const getEditorMenus = (editor) => {
             },
         ],
     };
+    const categories = getGroupCategories(props.sectionCategories, 'backmatter');
+    const abstractsCategories = getGroupCategories(props.sectionCategories, 'abstracts');
+    const graphicalAbstractsCategories = getGroupCategories(props.sectionCategories, 'abstracts-graphic');
+    const allAbstractsCategories = [
+        ...abstractsCategories,
+        ...graphicalAbstractsCategories,
+    ];
     const insert = {
         id: 'insert',
         label: 'Insert',
@@ -103,16 +120,10 @@ export const getEditorMenus = (editor) => {
                 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-abstract-types',
+                        label: 'Abstract Types',
+                        isEnabled: true,
+                        submenu: allAbstractsCategories.map(insertAbstractsSectionMenu),
                     },
                     {
                         id: 'insert-contributors',

package/dist/es/plugins/section-category/section-category-utils.js

@@ -1,5 +1,5 @@
 import { getGroupCategories, isSectionNode, schema, } from '@manuscripts/transform';
-import { findChildrenByType, findParentNodeOfTypeClosestToPos, } from 'prosemirror-utils';
+import { findChildrenByType } from 'prosemirror-utils';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 import { sectionCategoryIcon } from '../../icons';
 import { PopperManager } from '../../lib/popper';
@@ -77,17 +77,16 @@ export function buildPluginState(state, props) {
     const categories = props.sectionCategories;
     const usedCategoryIDs = getUsedSectionCategoryIDs(state);
     state.doc.descendants((node, pos) => {
-        if (node.type === schema.nodes.abstracts ||
-            node.type === schema.nodes.box_element) {
+        if (node.type === schema.nodes.box_element) {
             return false;
         }
         if (isSectionNode(node)) {
             const categoryID = node.attrs.category;
             const category = categories.get(categoryID);
-            const $pos = state.doc.resolve(pos);
-            const group = isInBackmatter($pos) ? 'backmatter' : 'body';
-            const groupCategories = getGroupCategories(categories, group);
-            decorations.push(Decoration.widget(pos + 1, (view) => createButton(view, pos, category, groupCategories, usedCategoryIDs, can === null || can === void 0 ? void 0 : can.editArticle)));
+            if (category && category.group) {
+                const groupCategories = getGroupCategories(categories, category.group);
+                decorations.push(Decoration.widget(pos + 1, (view) => createButton(view, pos, category, groupCategories, usedCategoryIDs, can === null || can === void 0 ? void 0 : can.editArticle)));
+            }
             return false;
         }
     });
@@ -101,6 +100,3 @@ const getUsedSectionCategoryIDs = (state) => {
     });
     return used;
 };
-const isInBackmatter = ($pos) => {
-    return !!findParentNodeOfTypeClosestToPos($pos, schema.nodes.backmatter);
-};

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.8.2';
+export const VERSION = '2.8.3';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/commands.d.ts

@@ -49,10 +49,10 @@ export declare const insertTableElementFooter: (tr: Transaction, table: [Manuscr
 export declare const insertFootnotesElement: (tr: Transaction, container: [ManuscriptNode, number]) => [FootnotesElementNode, number];
 export declare const insertInlineFootnote: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertBoxElement: (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 insertAbstractSection: (category: SectionCategory) => (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
 export declare const insertBackmatterSection: (category: SectionCategory) => (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
-export declare const insertAbstract: (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
+export declare const insertGraphicalAbstract: (category: SectionCategory) => (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
 export declare const insertContributors: (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
 export declare const insertAffiliation: (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;
 export declare const insertAward: (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView) => boolean;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.8.2";
+export declare const VERSION = "2.8.3";
 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": "2.8.2",
+  "version": "2.8.3",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -32,7 +32,7 @@
     "@iarna/word-count": "^1.1.2",
     "@manuscripts/json-schema": "2.2.11",
     "@manuscripts/library": "1.3.11",
-    "@manuscripts/style-guide": "2.1.1",
+    "@manuscripts/style-guide": "2.1.2",
     "@manuscripts/track-changes-plugin": "1.10.0",
     "@manuscripts/transform": "3.0.45",
     "@popperjs/core": "^2.11.8",

package/styles/AdvancedEditor.css

@@ -620,14 +620,6 @@ span.comment-marker {
   text-decoration: underline;
 }
 
-.ProseMirror .selected-suggestion .inserted,
-.ProseMirror .block-award.selected-suggestion span,
-.ProseMirror .selected-suggestion [data-track-op='insert'] .block,
-.ProseMirror .selected-suggestion .deleted {
-  background-color: var(--selected-pending-background-color) !important;
-  color: var(--common-color) !important;
-}
-
 .tracking-visible .ProseMirror .set_attrs,
 .tracking-visible .ProseMirror .block-award[data-track-op='set_attrs'] span {
   background: var(--updated-pending-bg-color);
@@ -722,9 +714,9 @@ figure .selected-suggestion {
 }
 
 .selected-suggestion[data-track-status='pending'] .block,
+.selected-suggestion [data-track-status='pending'] .block,
 .block:has(figure.selected-suggestion),
-figure.block:has(.equation.selected-suggestion)
- {
+figure.block:has(.equation.selected-suggestion) {
   box-shadow: inset 6px 0 0 black, inset 9px 0 0 lightgray;
   --fade-color: none;
 }
@@ -742,7 +734,7 @@ figure.block:has(.equation.selected-suggestion)
 }
 
 .tracking-visible .selected-suggestion[data-track-status='pending'][data-track-op='insert'] .block,
-.tracking-visible .selected-suggestion[data-track-status='pending'][data-track-op='insert'] .block,
+.tracking-visible .selected-suggestion [data-track-status='pending'][data-track-op='insert'] .block,
 .tracking-visible .selected-suggestion[data-track-op='wrap_with_node'][data-track-status='pending'] .block {
   box-shadow: inset 6px 0 0 var(--inserted-pending-color), inset 9px 0 0 var(--inserted-pending-bg-color) !important;
   animation: fadeOutBackground 3s forwards;