@manuscripts/body-editor 2.6.22-LEAN-4192.0 → 2.6.22

package/dist/cjs/commands.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.autoComplete = exports.mergeCellsWithSpace = exports.addColumns = exports.addHeaderRow = exports.addRows = exports.addInlineComment = exports.addNodeComment = 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.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.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
+exports.autoComplete = exports.mergeCellsWithSpace = exports.addColumns = exports.addHeaderRow = exports.addRows = exports.addInlineComment = exports.addNodeComment = 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.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.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = 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");
@@ -29,7 +29,6 @@ const comments_1 = require("./lib/comments");
 const doc_1 = require("./lib/doc");
 const footnotes_1 = require("./lib/footnotes");
 const helpers_1 = require("./lib/helpers");
-const section_titles_1 = require("./lib/section-titles");
 const track_changes_utils_1 = require("./lib/track-changes-utils");
 const utils_1 = require("./lib/utils");
 const comments_2 = require("./plugins/comments");
@@ -500,7 +499,7 @@ const insertGraphicalAbstract = (state, dispatch, view) => {
     }
     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({ category: 'MPSectionCategory:abstract-graphical' }, [
+    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),
     ]);
@@ -540,9 +539,7 @@ const insertSection = (subsection = false) => (state, dispatch, view) => {
         const body = (0, doc_1.findBody)(state.doc);
         pos = body.pos + body.node.content.size + 1;
     }
-    const section = nodes.section.createAndFill({
-        category: subsection ? 'MPSectionCategory:subsection' : '',
-    });
+    const section = nodes.section.createAndFill();
     const tr = state.tr.insert(pos, section);
     if (dispatch) {
         const selection = prosemirror_state_1.TextSelection.create(tr.doc, pos + 2);
@@ -552,11 +549,10 @@ const insertSection = (subsection = false) => (state, dispatch, view) => {
     return true;
 };
 exports.insertSection = insertSection;
-const insertBackMatterSection = (category) => (state, dispatch, view) => {
-    var _a;
+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);
-    if (sections.some((s) => s.node.attrs.category === category)) {
+    if (sections.some((s) => s.node.attrs.category === category.id)) {
         return false;
     }
     const bibliography = (0, doc_1.findBibliographySection)(state.doc);
@@ -567,10 +563,11 @@ const insertBackMatterSection = (category) => (state, dispatch, view) => {
     else {
         pos = backmatter.pos + backmatter.node.content.size + 1;
     }
-    const node = transform_1.schema.nodes.section.createAndFill({
-        category,
-    }, [
-        transform_1.schema.nodes.section_title.create({}, transform_1.schema.text(((_a = section_titles_1.sectionTitles.get(category)) === null || _a === void 0 ? void 0 : _a.split('|')[0]) || '')),
+    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])),
     ]);
     const tr = state.tr.insert(pos, node);
     if (dispatch) {
@@ -580,7 +577,7 @@ const insertBackMatterSection = (category) => (state, dispatch, view) => {
     }
     return true;
 };
-exports.insertBackMatterSection = insertBackMatterSection;
+exports.insertBackmatterSection = insertBackmatterSection;
 const findSelectedList = (selection) => (selection instanceof prosemirror_state_1.NodeSelection &&
     selection.node.type === transform_1.schema.nodes.list && {
     pos: selection.from,
@@ -588,12 +585,12 @@ const findSelectedList = (selection) => (selection instanceof prosemirror_state_
 }) ||
     (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 === 'MPSectionCategory:abstract', true)) {
+    if ((0, utils_1.getMatchingChild)(state.doc, (node) => node.attrs.category === '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' }, [
+    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...' }),
     ]);

package/dist/cjs/icons.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.deleteIcon = exports.alertIcon = void 0;
+exports.sectionCategoryIcon = exports.deleteIcon = exports.alertIcon = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = require("react");
 const server_1 = require("react-dom/server");
-exports.alertIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.AlertIcon));
-exports.deleteIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.DeleteIcon));
+const renderIcon = (c) => (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(c));
+exports.alertIcon = renderIcon(style_guide_1.AlertIcon);
+exports.deleteIcon = renderIcon(style_guide_1.DeleteIcon);
+exports.sectionCategoryIcon = renderIcon(style_guide_1.SectionCategoryIcon);

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

@@ -81,9 +81,7 @@ class ContextMenu {
                         const level = (0, exports.sectionLevel)($pos.depth);
                         const label = `New ${level} to ${itemTitle}`;
                         section.appendChild(this.createMenuItem(label, () => {
-                            insertNode(transform_1.schema.nodes.section, insPos, {
-                                category: 'MPSectionCategory:subsection',
-                            });
+                            insertNode(transform_1.schema.nodes.section, insPos);
                             popper.destroy();
                         }));
                     }

package/dist/cjs/menus.js

@@ -23,9 +23,21 @@ const commands_1 = require("./commands");
 const InsertTableDialog_1 = require("./components/toolbar/InsertTableDialog");
 const ListMenuItem_1 = require("./components/toolbar/ListMenuItem");
 const hierarchy_1 = require("./lib/hierarchy");
+const editor_props_1 = require("./plugins/editor-props");
 const getEditorMenus = (editor) => {
     const { isCommandValid, state } = editor;
     const doCommand = (command) => () => editor.doCommand(command);
+    const props = (0, editor_props_1.getEditorProps)(state);
+    const insertBackmatterSectionMenu = (category) => {
+        const command = (0, commands_1.insertBackmatterSection)(category);
+        return {
+            id: `insert-${category.id}`,
+            label: category.titles[0],
+            isEnabled: isCommandValid(command),
+            run: doCommand(command),
+        };
+    };
+    const categories = (0, transform_1.getGroupCateogries)(props.sectionCategories, 'backmatter');
     const edit = {
         id: 'edit',
         label: 'Edit',
@@ -108,56 +120,7 @@ const getEditorMenus = (editor) => {
                 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')),
-                    },
-                ],
+                submenu: categories.map(insertBackmatterSectionMenu),
             },
             {
                 id: 'insert-section',

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

@@ -1,20 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildPluginState = exports.sectionCategoryKey = void 0;
-const style_guide_1 = require("@manuscripts/style-guide");
+exports.buildPluginState = void 0;
 const transform_1 = require("@manuscripts/transform");
-const prosemirror_state_1 = require("prosemirror-state");
+const prosemirror_utils_1 = require("prosemirror-utils");
 const prosemirror_view_1 = require("prosemirror-view");
-const react_1 = require("react");
-const server_1 = require("react-dom/server");
+const icons_1 = require("../../icons");
 const popper_1 = require("../../lib/popper");
-const section_categories_1 = require("../../lib/section-categories");
-const utils_1 = require("../../lib/utils");
-exports.sectionCategoryKey = new prosemirror_state_1.PluginKey('section-category');
 const popper = new popper_1.PopperManager();
-function changeNodeAttrs(view, node, type, pos) {
-    view.dispatch(view.state.tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, node.attrs), { category: type })));
-}
 function createMenuItem(contents, handler, isDisabled = false, isSelected = false) {
     const item = document.createElement('button');
     item.className = `menu-item ${isDisabled ? 'disabled' : ''} ${isSelected ? 'selected' : ''}`;
@@ -25,13 +17,11 @@ function createMenuItem(contents, handler, isDisabled = false, isSelected = fals
     });
     return item;
 }
-function createMenu(view, props, node, pos, currCategory) {
+function createMenu(currentCategory, categories, usedCategoryIDs, onSelect) {
     const menu = document.createElement('div');
     menu.className = 'section-category menu';
-    const existingCatsCounted = getExistingCatsCounted(view.state);
-    const categories = getSortedSectionCategories(view.state, node, props.sectionCategories, pos, existingCatsCounted);
     categories.forEach((category) => {
-        const item = createMenuItem(category.name, () => changeNodeAttrs(view, node, category._id, pos), category.isDisabled, currCategory === category._id);
+        const item = createMenuItem(category.titles[0], () => onSelect(category), category.isUnique && usedCategoryIDs.has(category.id), currentCategory === category);
         menu.appendChild(item);
     });
     document.addEventListener('mousedown', (event) => {
@@ -41,16 +31,24 @@ function createMenu(view, props, node, pos, currCategory) {
     });
     return menu;
 }
-function createButton(view, props, node, pos, category, canEdit = true) {
+function createButton(view, pos, currentCategory, categories, usedCategoryIDs, canEdit = true) {
+    const handleSelect = (category) => {
+        const tr = view.state.tr;
+        tr.setNodeAttribute(pos, 'category', category.id);
+        view.dispatch(tr);
+    };
     const arrow = document.createElement('div');
     arrow.className = 'section-category popper-arrow';
     const button = document.createElement('button');
-    button.innerHTML = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.SectionCategoryIcon));
-    button.className = `section-category-button ${category && 'assigned'}`;
+    button.innerHTML = icons_1.sectionCategoryIcon;
+    button.classList.add('section-category-button');
+    if (currentCategory) {
+        button.classList.add('assigned');
+    }
     if (canEdit) {
         button.addEventListener('mousedown', () => {
             popper.destroy();
-            const menu = createMenu(view, props, node, pos, category);
+            const menu = createMenu(currentCategory, categories, usedCategoryIDs, handleSelect);
             popper.show(button, menu, 'bottom-end', false, [
                 { name: 'offset', options: { offset: [0, -10] } },
             ]);
@@ -62,7 +60,7 @@ function createButton(view, props, node, pos, category, canEdit = true) {
             tooltip.className = 'section-category tooltip';
             tooltip.textContent = 'Category:';
             const span = document.createElement('span');
-            span.textContent = (0, section_categories_1.getCategoryName)(props.sectionCategories, category);
+            span.textContent = (currentCategory === null || currentCategory === void 0 ? void 0 : currentCategory.titles[0]) || '';
             tooltip.appendChild(span);
             tooltip.appendChild(arrow);
             popper.show(button, tooltip, 'left', false, [
@@ -79,62 +77,34 @@ function createButton(view, props, node, pos, category, canEdit = true) {
 function buildPluginState(state, props) {
     const decorations = [];
     const can = props.getCapabilities();
+    const categories = props.sectionCategories;
+    const usedCategoryIDs = getUsedSectionCategoryIDs(state);
     state.doc.descendants((node, pos) => {
-        if ((0, transform_1.isSectionNode)(node)) {
-            const attrs = node.attrs;
-            if ((0, section_categories_1.isEditableSectionCategoryID)(attrs.category) &&
-                !(0, section_categories_1.isUnique)(attrs.category) &&
-                !(0, section_categories_1.isSubSection)(attrs.category)) {
-                decorations.push(prosemirror_view_1.Decoration.widget(pos + 1, (view) => createButton(view, props, node, pos, attrs.category, can === null || can === void 0 ? void 0 : can.editArticle)));
-            }
+        if (node.type === transform_1.schema.nodes.abstracts ||
+            node.type === transform_1.schema.nodes.box_element) {
+            return false;
         }
-        if (node.type === transform_1.schema.nodes.box_element) {
+        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.getGroupCateogries)(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)));
             return false;
         }
     });
     return { decorations: prosemirror_view_1.DecorationSet.create(state.doc, decorations) };
 }
 exports.buildPluginState = buildPluginState;
-function getExistingCatsCounted(state) {
-    const existingCatsCounted = {};
-    state.doc.descendants((node) => {
-        var _a;
-        if (node.type.name === 'section' &&
-            ((_a = node.attrs.category) === null || _a === void 0 ? void 0 : _a.startsWith('MPSectionCategory:'))) {
-            existingCatsCounted[node.attrs.category] =
-                (existingCatsCounted[node.attrs.category] || 0) + 1;
-        }
-    });
-    return existingCatsCounted;
-}
-function getSortedSectionCategories(state, container, sectionCategories, pos, existingCatsCounted) {
-    var _a;
-    let groupIDToUse = '';
-    if (container.attrs.category) {
-        const sectionCategory = sectionCategories.find(({ _id }) => _id === container.attrs.category);
-        if (sectionCategory) {
-            groupIDToUse = (_a = sectionCategory.groupIDs) === null || _a === void 0 ? void 0 : _a[0];
-        }
-    }
-    else {
-        const isChildOfBody = (0, utils_1.isChildOfNodeTypes)(state.doc, pos, [
-            transform_1.schema.nodes.body,
-        ]);
-        if (isChildOfBody) {
-            groupIDToUse = 'MPSectionCategory:body';
-        }
-        else {
-            groupIDToUse = 'MPSectionCategory:backmatter';
-        }
-    }
-    if (!groupIDToUse) {
-        return [];
-    }
-    return sectionCategories
-        .filter((category) => { var _a; return (_a = category.groupIDs) === null || _a === void 0 ? void 0 : _a.includes(groupIDToUse); })
-        .map((category) => {
-        var _a, _b;
-        return (Object.assign(Object.assign({}, category), { isDisabled: Boolean(existingCatsCounted[category._id] &&
-                (0, section_categories_1.isBackMatterSection)((_b = (_a = category.groupIDs) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '')) }));
+const getUsedSectionCategoryIDs = (state) => {
+    const sections = (0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.section);
+    const used = new Set();
+    sections.forEach(({ node }) => {
+        node.attrs.category && used.add(node.attrs.category);
     });
-}
+    return used;
+};
+const isInBackmatter = ($pos) => {
+    return !!(0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)($pos, transform_1.schema.nodes.backmatter);
+};

package/dist/cjs/plugins/section_title/autocompletion.js

@@ -3,19 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkForCompletion = exports.hasAutoCompletionSlack = void 0;
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_utils_1 = require("prosemirror-utils");
-const section_titles_1 = require("../../lib/section-titles");
 const track_changes_utils_1 = require("../../lib/track-changes-utils");
+const editor_props_1 = require("../editor-props");
 function cursorAtTheEndOfText(state, nodeSize, nodePos) {
     const { from, to } = state.selection;
     return from === to && to === nodePos + nodeSize - 1;
 }
 const isUpperCase = (test) => test === test.toUpperCase() && test.length > 1;
-function hasAutoCompletionSlack(parentSection, titleSection) {
-    var _a;
-    const category = parentSection.attrs.category;
-    const titles = (_a = section_titles_1.sectionTitles.get(category)) === null || _a === void 0 ? void 0 : _a.split('|');
-    if (category && (titles === null || titles === void 0 ? void 0 : titles.length) && titleSection.textContent) {
-        const actualTextContent = (0, track_changes_utils_1.getActualTextContent)(titleSection.content);
+function hasAutoCompletionSlack(node, category) {
+    const titles = category.titles;
+    if (titles.length && node.textContent) {
+        const actualTextContent = (0, track_changes_utils_1.getActualTextContent)(node.content);
         const title = titles.find((t) => t.toLowerCase().startsWith(actualTextContent.toLowerCase()));
         if (title) {
             const suggestionPart = title.slice(actualTextContent.length);
@@ -33,15 +31,20 @@ function hasAutoCompletionSlack(parentSection, titleSection) {
 exports.hasAutoCompletionSlack = hasAutoCompletionSlack;
 function checkForCompletion(state) {
     const section = (0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)(state.selection.$from, transform_1.schema.nodes.section);
+    if (!section) {
+        return;
+    }
     const title = (0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)(state.selection.$from, transform_1.schema.nodes.section_title);
-    if (section &&
-        title &&
-        cursorAtTheEndOfText(state, title.node.nodeSize, title.pos)) {
-        const text = hasAutoCompletionSlack(section.node, title.node);
+    if (!title || !cursorAtTheEndOfText(state, title.node.nodeSize, title.pos)) {
+        return;
+    }
+    const props = (0, editor_props_1.getEditorProps)(state);
+    const category = props.sectionCategories.get(section.node.attrs.category);
+    if (category) {
+        const text = hasAutoCompletionSlack(title.node, category);
         if (text) {
             return text;
         }
     }
-    return null;
 }
 exports.checkForCompletion = checkForCompletion;

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.6.22-LEAN-4192.0';
+exports.VERSION = '2.6.22';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/es/commands.js

@@ -26,7 +26,6 @@ import { getCommentKey, getCommentRange } from './lib/comments';
 import { findBackmatter, findBibliographySection, findBody, insertFootnotesSection, insertSupplementsNode, } from './lib/doc';
 import { createFootnote, findFootnotesContainerNode, getFootnotesElementState, } from './lib/footnotes';
 import { findWordBoundaries, isNodeOfType, nearestAncestor, } from './lib/helpers';
-import { sectionTitles } from './lib/section-titles';
 import { isDeleted } from './lib/track-changes-utils';
 import { findParentNodeWithId, getChildOfType, getMatchingChild, } from './lib/utils';
 import { setCommentSelection } from './plugins/comments';
@@ -472,7 +471,7 @@ export const insertGraphicalAbstract = (state, dispatch, view) => {
     }
     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({ category: 'MPSectionCategory:abstract-graphical' }, [
+    const section = schema.nodes.graphical_abstract_section.createAndFill({}, [
         schema.nodes.section_title.create({}, schema.text('Graphical Abstract')),
         createAndFillFigureElement(state),
     ]);
@@ -511,9 +510,7 @@ export const insertSection = (subsection = false) => (state, dispatch, view) =>
         const body = findBody(state.doc);
         pos = body.pos + body.node.content.size + 1;
     }
-    const section = nodes.section.createAndFill({
-        category: subsection ? 'MPSectionCategory:subsection' : '',
-    });
+    const section = nodes.section.createAndFill();
     const tr = state.tr.insert(pos, section);
     if (dispatch) {
         const selection = TextSelection.create(tr.doc, pos + 2);
@@ -522,11 +519,10 @@ export const insertSection = (subsection = false) => (state, dispatch, view) =>
     }
     return true;
 };
-export const insertBackMatterSection = (category) => (state, dispatch, view) => {
-    var _a;
+export const insertBackmatterSection = (category) => (state, dispatch, view) => {
     const backmatter = findBackmatter(state.doc);
     const sections = findChildrenByType(backmatter.node, schema.nodes.section);
-    if (sections.some((s) => s.node.attrs.category === category)) {
+    if (sections.some((s) => s.node.attrs.category === category.id)) {
         return false;
     }
     const bibliography = findBibliographySection(state.doc);
@@ -537,10 +533,11 @@ export const insertBackMatterSection = (category) => (state, dispatch, view) =>
     else {
         pos = backmatter.pos + backmatter.node.content.size + 1;
     }
-    const node = schema.nodes.section.createAndFill({
-        category,
-    }, [
-        schema.nodes.section_title.create({}, schema.text(((_a = sectionTitles.get(category)) === null || _a === void 0 ? void 0 : _a.split('|')[0]) || '')),
+    const attrs = {
+        category: category.id,
+    };
+    const node = schema.nodes.section.create(attrs, [
+        schema.nodes.section_title.create({}, schema.text(category.titles[0])),
     ]);
     const tr = state.tr.insert(pos, node);
     if (dispatch) {
@@ -557,12 +554,12 @@ const findSelectedList = (selection) => (selection instanceof NodeSelection &&
 }) ||
     findParentNodeOfType([schema.nodes.list])(selection);
 export const insertAbstract = (state, dispatch, view) => {
-    if (getMatchingChild(state.doc, (node) => node.attrs.category === 'MPSectionCategory:abstract', true)) {
+    if (getMatchingChild(state.doc, (node) => node.attrs.category === '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' }, [
+    const section = schema.nodes.section.createAndFill({ category: 'abstract' }, [
         schema.nodes.section_title.create({}, schema.text('Abstract')),
         schema.nodes.paragraph.create({ placeholder: 'Type abstract here...' }),
     ]);

package/dist/es/icons.js

@@ -1,5 +1,7 @@
-import { AlertIcon, DeleteIcon } from '@manuscripts/style-guide';
+import { AlertIcon, DeleteIcon, SectionCategoryIcon, } from '@manuscripts/style-guide';
 import { createElement } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
-export const alertIcon = renderToStaticMarkup(createElement(AlertIcon));
-export const deleteIcon = renderToStaticMarkup(createElement(DeleteIcon));
+const renderIcon = (c) => renderToStaticMarkup(createElement(c));
+export const alertIcon = renderIcon(AlertIcon);
+export const deleteIcon = renderIcon(DeleteIcon);
+export const sectionCategoryIcon = renderIcon(SectionCategoryIcon);

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

@@ -77,9 +77,7 @@ export class ContextMenu {
                         const level = sectionLevel($pos.depth);
                         const label = `New ${level} to ${itemTitle}`;
                         section.appendChild(this.createMenuItem(label, () => {
-                            insertNode(schema.nodes.section, insPos, {
-                                category: 'MPSectionCategory:subsection',
-                            });
+                            insertNode(schema.nodes.section, insPos);
                             popper.destroy();
                         }));
                     }

package/dist/es/menus.js

@@ -13,16 +13,28 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { schema } from '@manuscripts/transform';
+import { getGroupCateogries, schema, } from '@manuscripts/transform';
 import { toggleMark } from 'prosemirror-commands';
 import { redo, undo } from 'prosemirror-history';
-import { addInlineComment, blockActive, canInsert, insertAbstract, insertBackMatterSection, insertBlock, insertBoxElement, insertContributors, insertCrossReference, insertGraphicalAbstract, insertInlineCitation, insertInlineEquation, insertInlineFootnote, insertKeywords, insertLink, insertList, insertSection, markActive, } from './commands';
+import { addInlineComment, blockActive, canInsert, insertAbstract, insertBackmatterSection, insertBlock, insertBoxElement, insertContributors, insertCrossReference, insertGraphicalAbstract, insertInlineCitation, insertInlineEquation, insertInlineFootnote, insertKeywords, insertLink, insertList, insertSection, markActive, } from './commands';
 import { openInsertTableDialog } from './components/toolbar/InsertTableDialog';
 import { ListMenuItem } from './components/toolbar/ListMenuItem';
 import { deleteClosestParentElement, findClosestParentElementNodeName, } from './lib/hierarchy';
+import { getEditorProps } from './plugins/editor-props';
 export const getEditorMenus = (editor) => {
     const { isCommandValid, state } = editor;
     const doCommand = (command) => () => editor.doCommand(command);
+    const props = getEditorProps(state);
+    const insertBackmatterSectionMenu = (category) => {
+        const command = insertBackmatterSection(category);
+        return {
+            id: `insert-${category.id}`,
+            label: category.titles[0],
+            isEnabled: isCommandValid(command),
+            run: doCommand(command),
+        };
+    };
+    const categories = getGroupCateogries(props.sectionCategories, 'backmatter');
     const edit = {
         id: 'edit',
         label: 'Edit',
@@ -105,56 +117,7 @@ export const getEditorMenus = (editor) => {
                 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')),
-                    },
-                ],
+                submenu: categories.map(insertBackmatterSectionMenu),
             },
             {
                 id: 'insert-section',