@manuscripts/body-editor 1.6.11 → 1.6.12

package/dist/cjs/commands.js

@@ -15,13 +15,16 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateCommentAnnotationState = exports.addComment = exports.deleteHighlightMarkers = exports.insertHighlight = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.ifInTableBody = exports.insertTOCSection = exports.insertBibliographySection = 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.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = void 0;
+exports.updateCommentAnnotationState = exports.addComment = exports.deleteHighlightMarkers = exports.insertHighlight = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = 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.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");
 const prosemirror_model_1 = require("prosemirror-model");
+const prosemirror_schema_list_1 = require("prosemirror-schema-list");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_transform_1 = require("prosemirror-transform");
 const prosemirror_utils_1 = require("prosemirror-utils");
+const list_1 = require("./keys/list");
 const helpers_1 = require("./lib/helpers");
 const utils_1 = require("./lib/utils");
 const comment_annotation_1 = require("./plugins/comment_annotation");
@@ -340,6 +343,59 @@ const insertSection = (subsection = false) => (state, dispatch) => {
     return true;
 };
 exports.insertSection = insertSection;
+const findSelectedList = (0, prosemirror_utils_1.findParentNodeOfType)([
+    transform_1.schema.nodes.ordered_list,
+    transform_1.schema.nodes.bullet_list,
+]);
+const findRootList = ($pos) => {
+    for (let i = 0; i <= $pos.depth; i++) {
+        const node = $pos.node(i);
+        if ((0, transform_1.isListNode)(node)) {
+            const pos = $pos.start(i);
+            return {
+                node,
+                pos,
+            };
+        }
+    }
+};
+const findListsAtSameLevel = (doc, list) => {
+    const $pos = doc.resolve(list.pos + 1);
+    const root = findRootList($pos);
+    if (!root) {
+        return [list];
+    }
+    const target = $pos.depth;
+    const lists = [];
+    root.node.descendants((node, pos) => {
+        const $pos = doc.resolve(root.pos + pos + 1);
+        if ($pos.depth === target && (0, transform_1.isListNode)(node)) {
+            lists.push({ node, pos: $pos.before(target) });
+        }
+        return $pos.depth <= target;
+    });
+    return lists;
+};
+const insertList = (type, style) => (state, dispatch) => {
+    const list = findSelectedList(state.selection);
+    if (list) {
+        if (!dispatch) {
+            return true;
+        }
+        const nodes = findListsAtSameLevel(state.doc, list);
+        const tr = state.tr;
+        for (const { node, pos } of nodes) {
+            tr.setNodeMarkup(pos, type, Object.assign(Object.assign({}, node.attrs), { listStyleType: style }), node.marks);
+        }
+        dispatch((0, track_changes_plugin_1.skipTracking)(tr));
+        return true;
+    }
+    else {
+        const command = (0, prosemirror_schema_list_1.wrapInList)(type, { listStyleType: style });
+        return (0, list_1.skipCommandTracking)(command)(state, dispatch);
+    }
+};
+exports.insertList = insertList;
 const insertBibliographySection = (state, dispatch) => {
     return false;
 };

package/dist/cjs/components/toolbar/LevelSelector.js

@@ -1,6 +1,6 @@
 "use strict";
 /*!
- * © 2019 Atypon Systems LLC
+ * © 2024 Atypon Systems LLC
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -326,7 +326,7 @@ const buildOptions = (state, dispatch, view) => {
             }));
             return [{ options: typeOptions }, { options: sectionOptions }];
         }
-        case parentElementType.schema.nodes.bullet_list: {
+        case schema.nodes.bullet_list: {
             return [
                 {
                     options: [

package/dist/cjs/index.js

@@ -29,28 +29,23 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isHighlightComment = exports.isThereSelector = exports.commentScroll = exports.toolbar = exports.PopperManager = exports.CollabProvider = exports.ManuscriptToolbar = exports.OutlineManuscript = exports.OutlineItemIcon = exports.ManuscriptOutline = exports.DialogNames = exports.DialogController = void 0;
+exports.isHighlightComment = exports.isThereSelector = exports.commentScroll = exports.PopperManager = exports.CollabProvider = exports.LevelSelector = exports.OutlineManuscript = exports.OutlineItemIcon = exports.ManuscriptOutline = void 0;
 __exportStar(require("./citation-sources"), exports);
 __exportStar(require("./commands"), exports);
-__exportStar(require("./components/application-menu"), exports);
-var dialog_1 = require("./components/dialog");
-Object.defineProperty(exports, "DialogController", { enumerable: true, get: function () { return dialog_1.DialogController; } });
-Object.defineProperty(exports, "DialogNames", { enumerable: true, get: function () { return dialog_1.DialogNames; } });
 var ManuscriptOutline_1 = require("./components/outline/ManuscriptOutline");
 Object.defineProperty(exports, "ManuscriptOutline", { enumerable: true, get: function () { return ManuscriptOutline_1.ManuscriptOutline; } });
 var Outline_1 = require("./components/outline/Outline");
 Object.defineProperty(exports, "OutlineItemIcon", { enumerable: true, get: function () { return Outline_1.OutlineItemIcon; } });
 var OutlineManuscript_1 = require("./components/outline/OutlineManuscript");
 Object.defineProperty(exports, "OutlineManuscript", { enumerable: true, get: function () { return OutlineManuscript_1.OutlineManuscript; } });
-var ManuscriptToolbar_1 = require("./components/toolbar/ManuscriptToolbar");
-Object.defineProperty(exports, "ManuscriptToolbar", { enumerable: true, get: function () { return ManuscriptToolbar_1.ManuscriptToolbar; } });
+var LevelSelector_1 = require("./components/toolbar/LevelSelector");
+Object.defineProperty(exports, "LevelSelector", { enumerable: true, get: function () { return LevelSelector_1.LevelSelector; } });
 __exportStar(require("./menus"), exports);
 var collabProvider_1 = require("./classes/collabProvider");
 Object.defineProperty(exports, "CollabProvider", { enumerable: true, get: function () { return collabProvider_1.CollabProvider; } });
 var popper_1 = require("./lib/popper");
 Object.defineProperty(exports, "PopperManager", { enumerable: true, get: function () { return popper_1.PopperManager; } });
-var toolbar_1 = require("./toolbar");
-Object.defineProperty(exports, "toolbar", { enumerable: true, get: function () { return toolbar_1.toolbar; } });
+__exportStar(require("./toolbar"), exports);
 __exportStar(require("./plugins/highlight"), exports);
 var comment_annotation_1 = require("./plugins/comment_annotation");
 Object.defineProperty(exports, "commentScroll", { enumerable: true, get: function () { return comment_annotation_1.commentScroll; } });

package/dist/cjs/keys/list.js

@@ -15,11 +15,11 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.skipTrackingChanges = void 0;
+exports.skipCommandTracking = void 0;
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_schema_list_1 = require("prosemirror-schema-list");
-const skipTrackingChanges = (command) => (state, dispatch) => {
+const skipCommandTracking = (command) => (state, dispatch) => {
     command(state, (tr) => {
         if (dispatch) {
             (0, track_changes_plugin_1.skipTracking)(tr);
@@ -28,7 +28,7 @@ const skipTrackingChanges = (command) => (state, dispatch) => {
     });
     return true;
 };
-exports.skipTrackingChanges = skipTrackingChanges;
+exports.skipCommandTracking = skipCommandTracking;
 const liftToOuterList = (itemType) => {
     return function (state, dispatch) {
         const { $from, $to } = state.selection;
@@ -49,11 +49,11 @@ const liftToOuterList = (itemType) => {
 };
 const listKeymap = {
     Enter: (0, prosemirror_schema_list_1.splitListItem)(transform_1.schema.nodes.list_item),
-    'Mod-[': (0, exports.skipTrackingChanges)(liftToOuterList(transform_1.schema.nodes.list_item)),
-    'Mod-]': (0, exports.skipTrackingChanges)((0, prosemirror_schema_list_1.sinkListItem)(transform_1.schema.nodes.list_item)),
-    'Mod-Alt-o': (0, exports.skipTrackingChanges)((0, prosemirror_schema_list_1.wrapInList)(transform_1.schema.nodes.ordered_list)),
-    'Mod-Alt-k': (0, exports.skipTrackingChanges)((0, prosemirror_schema_list_1.wrapInList)(transform_1.schema.nodes.bullet_list)),
-    'Shift-Tab': (0, exports.skipTrackingChanges)(liftToOuterList(transform_1.schema.nodes.list_item)),
-    Tab: (0, exports.skipTrackingChanges)((0, prosemirror_schema_list_1.sinkListItem)(transform_1.schema.nodes.list_item)),
+    'Mod-[': (0, exports.skipCommandTracking)(liftToOuterList(transform_1.schema.nodes.list_item)),
+    'Mod-]': (0, exports.skipCommandTracking)((0, prosemirror_schema_list_1.sinkListItem)(transform_1.schema.nodes.list_item)),
+    'Mod-Alt-o': (0, exports.skipCommandTracking)((0, prosemirror_schema_list_1.wrapInList)(transform_1.schema.nodes.ordered_list)),
+    'Mod-Alt-k': (0, exports.skipCommandTracking)((0, prosemirror_schema_list_1.wrapInList)(transform_1.schema.nodes.bullet_list)),
+    'Shift-Tab': (0, exports.skipCommandTracking)(liftToOuterList(transform_1.schema.nodes.list_item)),
+    Tab: (0, exports.skipCommandTracking)((0, prosemirror_schema_list_1.sinkListItem)(transform_1.schema.nodes.list_item)),
 };
 exports.default = listKeymap;

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

@@ -17,7 +17,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContextMenu = exports.sectionLevel = void 0;
 const transform_1 = require("@manuscripts/transform");
-const prosemirror_model_1 = require("prosemirror-model");
 const commands_1 = require("../commands");
 const popper_1 = require("./popper");
 const popper = new popper_1.PopperManager();
@@ -32,118 +31,96 @@ const sectionLevel = (depth) => {
     }
 };
 exports.sectionLevel = sectionLevel;
+const hasAny = (set, ...items) => {
+    return items.some((i) => set.has(i));
+};
 class ContextMenu {
     constructor(node, view, getPos, actions = {}) {
-        this.suppressibleAttrs = new Map([
-            ['suppressHeader', 'Header'],
-            ['suppressFooter', 'Footer'],
-        ]);
         this.showAddMenu = (target, after) => {
-            let _after = after;
-            const { nodes } = this.view.state.schema;
             const menu = document.createElement('div');
             menu.className = 'menu';
             const $pos = this.resolvePos();
-            _after = (0, transform_1.isInBibliographySection)($pos) ? false : _after;
-            const insertPos = _after ? $pos.after($pos.depth) : $pos.before($pos.depth);
+            if ((0, transform_1.isInBibliographySection)($pos)) {
+                after = false;
+            }
+            const insertPos = after ? $pos.after($pos.depth) : $pos.before($pos.depth);
             const endPos = $pos.end();
-            const insertableTypes = this.insertableTypes(_after, insertPos, endPos);
-            if (this.showMenuSection(insertableTypes, ['section', 'subsection'])) {
+            const types = this.insertableTypes(after, insertPos, endPos);
+            const insertNode = (type, pos) => {
+                const { state, dispatch } = this.view;
+                if (pos === undefined) {
+                    pos = after ? this.getPos() + this.node.nodeSize : this.getPos();
+                }
+                (0, commands_1.createBlock)(type, pos, state, dispatch);
+            };
+            if (hasAny(types, 'section', 'subsection')) {
                 menu.appendChild(this.createMenuSection((section) => {
-                    const labelPosition = _after ? 'After' : 'Before';
                     const sectionTitle = $pos.node($pos.depth).child(0).textContent;
                     const itemTitle = sectionTitle
                         ? `“${this.trimTitle(sectionTitle, 30)}”`
                         : 'This Section';
-                    const itemLabel = `New ${(0, exports.sectionLevel)($pos.depth - 1)} ${labelPosition} ${itemTitle}`;
-                    if (insertableTypes.section) {
-                        section.appendChild(this.createMenuItem(itemLabel, () => {
-                            this.addBlock(nodes.section, _after, insertPos);
+                    if (types.has('section')) {
+                        const labelPosition = after ? 'After' : 'Before';
+                        const level = (0, exports.sectionLevel)($pos.depth - 1);
+                        const label = `New ${level} ${labelPosition} ${itemTitle}`;
+                        section.appendChild(this.createMenuItem(label, () => {
+                            insertNode(transform_1.schema.nodes.section, insertPos);
                             popper.destroy();
                         }));
                     }
-                    if (insertableTypes.subsection) {
-                        const subItemLabel = `New ${(0, exports.sectionLevel)($pos.depth)} to ${itemTitle}`;
-                        section.appendChild(this.createMenuItem(subItemLabel, () => {
-                            this.addBlock(nodes.section, _after, endPos);
+                    if (types.has('subsection')) {
+                        const level = (0, exports.sectionLevel)($pos.depth);
+                        const label = `New ${level} to ${itemTitle}`;
+                        section.appendChild(this.createMenuItem(label, () => {
+                            insertNode(transform_1.schema.nodes.section, endPos);
                             popper.destroy();
                         }));
                     }
                 }));
             }
-            if (this.showMenuSection(insertableTypes, [
-                'paragraph',
-                'orderedList',
-                'bulletList',
-            ])) {
+            if (hasAny(types, 'paragraph', 'ordered_list', 'bullet_list')) {
                 menu.appendChild(this.createMenuSection((section) => {
-                    if (insertableTypes.paragraphElement) {
+                    if (types.has('paragraph')) {
                         section.appendChild(this.createMenuItem('Paragraph', () => {
-                            this.addBlock(nodes.paragraph, _after);
+                            insertNode(transform_1.schema.nodes.paragraph);
                             popper.destroy();
                         }));
                     }
-                    if (insertableTypes.orderedList) {
+                    if (types.has('ordered_list')) {
                         section.appendChild(this.createMenuItem('Numbered List', () => {
-                            this.addBlock(nodes.ordered_list, _after);
+                            insertNode(transform_1.schema.nodes.ordered_list);
                             popper.destroy();
                         }));
                     }
-                    if (insertableTypes.bulletList) {
+                    if (types.has('bullet_list')) {
                         section.appendChild(this.createMenuItem('Bullet List', () => {
-                            this.addBlock(nodes.bullet_list, _after);
+                            insertNode(transform_1.schema.nodes.bullet_list);
                             popper.destroy();
                         }));
                     }
                 }));
             }
-            if (this.showMenuSection(insertableTypes, [
-                'figure',
-                'tableElement',
-                'equationElement',
-                'listingElement',
-            ])) {
+            if (hasAny(types, 'figure_element', 'equation_element')) {
                 menu.appendChild(this.createMenuSection((section) => {
-                    if (insertableTypes.figureElement) {
+                    if (types.has('figure_element')) {
                         section.appendChild(this.createMenuItem('Figure Panel', () => {
-                            this.addBlock(nodes.figure_element, _after);
+                            insertNode(transform_1.schema.nodes.figure_element);
                             popper.destroy();
                         }));
                     }
-                    if (insertableTypes.tableElement) {
-                        section.appendChild(this.createMenuItem('Table', () => {
-                            this.addBlock(nodes.table_element, _after);
-                            popper.destroy();
-                        }));
-                    }
-                    if (insertableTypes.equationElement) {
+                    if (types.has('equation_element')) {
                         section.appendChild(this.createMenuItem('Equation', () => {
-                            this.addBlock(nodes.equation_element, _after);
-                            popper.destroy();
-                        }));
-                    }
-                    if (insertableTypes.listingElement) {
-                        section.appendChild(this.createMenuItem('Listing', () => {
-                            this.addBlock(nodes.listing_element, _after);
+                            insertNode(transform_1.schema.nodes.equation_element);
                             popper.destroy();
                         }));
                     }
                 }));
             }
-            if (this.showMenuSection(insertableTypes, [
-                'blockquoteElement',
-                'pullquoteElement',
-            ])) {
+            if (hasAny(types, 'blockquote_element')) {
                 menu.appendChild(this.createMenuSection((section) => {
-                    if (insertableTypes.blockquoteElement) {
+                    if (types.has('blockquote_element')) {
                         section.appendChild(this.createMenuItem('Block Quote', () => {
-                            this.addBlock(nodes.blockquote_element, _after);
-                            popper.destroy();
-                        }));
-                    }
-                    if (insertableTypes.pullquoteElement) {
-                        section.appendChild(this.createMenuItem('Pull Quote', () => {
-                            this.addBlock(nodes.pullquote_element, _after);
+                            insertNode(transform_1.schema.nodes.blockquote_element);
                             popper.destroy();
                         }));
                     }
@@ -160,19 +137,18 @@ class ContextMenu {
             const menu = document.createElement('div');
             menu.className = 'menu';
             const $pos = this.resolvePos();
-            const nodeType = this.node.type;
-            const nodes = transform_1.schema.nodes;
-            if (listTypes.includes(nodeType)) {
+            const type = this.node.type;
+            if (listTypes.includes(type)) {
                 menu.appendChild(this.createMenuSection((section) => {
-                    if (nodeType === nodes.bullet_list) {
+                    if (type === transform_1.schema.nodes.bullet_list) {
                         section.appendChild(this.createMenuItem('Change to Numbered List', () => {
-                            this.changeNodeType(nodes.ordered_list);
+                            this.changeNodeType(transform_1.schema.nodes.ordered_list);
                             popper.destroy();
                         }));
                     }
-                    if (nodeType === nodes.ordered_list) {
+                    if (type === transform_1.schema.nodes.ordered_list) {
                         section.appendChild(this.createMenuItem('Change to Bullet List', () => {
-                            this.changeNodeType(nodes.bullet_list);
+                            this.changeNodeType(transform_1.schema.nodes.bullet_list);
                             popper.destroy();
                         }));
                     }
@@ -188,34 +164,12 @@ class ContextMenu {
                     }));
                 }));
             }
-            const suppressOptions = this.buildSuppressOptions();
-            if (suppressOptions.length) {
-                menu.appendChild(this.createMenuSection((section) => {
-                    for (const option of suppressOptions) {
-                        const label = option.attrs[option.attr]
-                            ? `Show ${option.label}`
-                            : `Hide ${option.label}`;
-                        section.appendChild(this.createMenuItem(label, () => {
-                            this.toggleNodeAttr(option);
-                            popper.destroy();
-                        }));
-                    }
-                }));
-            }
-            if (nodeType === nodes.paragraph && $pos.parent.type === nodes.section) {
-                menu.appendChild(this.createMenuSection((section) => {
-                    section.appendChild(this.createMenuItem(`Split to New ${(0, exports.sectionLevel)($pos.depth)}`, () => {
-                        this.splitSection();
-                        popper.destroy();
-                    }));
-                }));
-            }
-            if (!readonlyTypes.includes(nodeType) &&
+            if (!readonlyTypes.includes(type) &&
                 !readonlyTypes.includes($pos.parent.type)) {
                 menu.appendChild(this.createMenuSection((section) => {
-                    const nodeName = transform_1.nodeNames.get(nodeType) || '';
+                    const nodeName = transform_1.nodeNames.get(type) || '';
                     section.appendChild(this.createMenuItem(`Delete ${nodeName}`, () => {
-                        this.deleteNode(nodeType);
+                        this.deleteNode(type);
                         popper.destroy();
                     }));
                 }));
@@ -227,22 +181,6 @@ class ContextMenu {
             });
             this.addPopperEventListeners();
         };
-        this.addBlock = (nodeType, after, position) => {
-            const { state, dispatch } = this.view;
-            if (position === undefined) {
-                position = after ? this.getPos() + this.node.nodeSize : this.getPos();
-            }
-            (0, commands_1.createBlock)(nodeType, position, state, dispatch);
-        };
-        this.canAddBlock = (nodeType, after, position) => {
-            const { state: { doc }, } = this.view;
-            if (position === undefined) {
-                position = after ? this.getPos() + this.node.nodeSize : this.getPos();
-            }
-            const $position = doc.resolve(position);
-            const index = $position.index();
-            return $position.parent.canReplaceWith(index, index, nodeType);
-        };
         this.createMenuItem = (contents, handler) => {
             const item = document.createElement('div');
             item.className = 'menu-item';
@@ -260,22 +198,37 @@ class ContextMenu {
             return section;
         };
         this.insertableTypes = (after, insertPos, endPos) => {
-            const { nodes } = this.view.state.schema;
-            return {
-                section: this.canAddBlock(nodes.section, after, insertPos),
-                subsection: this.canAddBlock(nodes.section, after, endPos),
-                paragraphElement: this.canAddBlock(nodes.paragraph, after),
-                orderedList: this.canAddBlock(nodes.ordered_list, after),
-                bulletList: this.canAddBlock(nodes.bullet_list, after),
-                figureElement: this.canAddBlock(nodes.figure_element, after),
-                tableElement: this.canAddBlock(nodes.table_element, after),
-                equationElement: this.canAddBlock(nodes.equation_element, after),
-                listingElement: this.canAddBlock(nodes.listing_element, after),
-                blockquoteElement: this.canAddBlock(nodes.blockquote_element, after),
-                pullquoteElement: this.canAddBlock(nodes.pullquote_element, after),
+            const { nodes } = transform_1.schema;
+            const insertable = new Set();
+            const doc = this.view.state.doc;
+            const getPos = (pos) => {
+                if (pos === undefined) {
+                    pos = after ? this.getPos() + this.node.nodeSize : this.getPos();
+                }
+                return pos;
+            };
+            const canInsertAt = (type, pos) => {
+                const $pos = doc.resolve(getPos(pos));
+                const index = $pos.index();
+                return $pos.parent.canReplaceWith(index, index, type);
+            };
+            const checkNode = (node, pos) => {
+                canInsertAt(nodes[node], pos) && insertable.add(node);
             };
+            if (canInsertAt(nodes.section, endPos)) {
+                insertable.add('subsection');
+            }
+            checkNode('section', insertPos);
+            checkNode('paragraph');
+            checkNode('ordered_list');
+            checkNode('bullet_list');
+            checkNode('figure_element');
+            checkNode('table_element');
+            checkNode('equation_element');
+            checkNode('blockquote_element');
+            checkNode('pullquote_element');
+            return insertable;
         };
-        this.showMenuSection = (insertableTypes, types) => types.some((type) => insertableTypes[type]);
         this.changeNodeType = (nodeType) => {
             this.view.dispatch(this.view.state.tr.setNodeMarkup(this.getPos(), nodeType, {
                 id: this.node.attrs.id,
@@ -304,41 +257,6 @@ class ContextMenu {
             }
         };
         this.resolvePos = () => this.view.state.doc.resolve(this.getPos());
-        this.splitSection = () => {
-            const { schema, tr } = this.view.state;
-            const from = this.getPos();
-            const to = from + this.node.nodeSize;
-            const slice = new prosemirror_model_1.Slice(prosemirror_model_1.Fragment.from([
-                schema.nodes.section.create(),
-                schema.nodes.section.create({}, [
-                    schema.nodes.section_title.create(),
-                    this.node,
-                ]),
-            ]), 1, 1);
-            this.view.dispatch(tr.replaceRange(from, to, slice));
-        };
-        this.toggleNodeAttr = (option) => {
-            const { getPos, attr, attrs } = option;
-            this.view.dispatch(this.view.state.tr.setNodeMarkup(getPos(), undefined, Object.assign(Object.assign({}, attrs), { [attr]: !attrs[attr] })));
-        };
-        this.buildSuppressOptions = () => {
-            const items = [];
-            let attrs = this.node.attrs;
-            if (this.node.attrs.suppressTitle === undefined) {
-                attrs = Object.assign(this.node.attrs, { suppressTitle: false });
-            }
-            for (const [attr, label] of this.suppressibleAttrs.entries()) {
-                if (attr in attrs) {
-                    items.push({
-                        attr,
-                        attrs,
-                        label,
-                        getPos: this.getPos,
-                    });
-                }
-            }
-            return items;
-        };
         this.addPopperEventListeners = () => {
             const mouseListener = () => {
                 window.requestAnimationFrame(() => {
@@ -356,7 +274,7 @@ class ContextMenu {
             window.addEventListener('keydown', keyListener);
         };
         this.trimTitle = (title, max) => {
-            return title.length > max ? title.substr(0, max) + '…' : title;
+            return title.length > max ? title.substring(0, max) + '…' : title;
         };
         this.node = node;
         this.view = view;