@manuscripts/body-editor 2.0.9 → 2.0.11-JSR

package/dist/cjs/configs/editor-plugins.js

@@ -37,6 +37,7 @@ const objects_1 = __importDefault(require("../plugins/objects"));
 const paragraphs_1 = __importDefault(require("../plugins/paragraphs"));
 const persist_1 = __importDefault(require("../plugins/persist"));
 const placeholder_1 = __importDefault(require("../plugins/placeholder"));
+const section_title_1 = __importDefault(require("../plugins/section_title"));
 const sections_1 = __importDefault(require("../plugins/sections"));
 const selected_suggestion_1 = __importDefault(require("../plugins/selected-suggestion"));
 const table_footnote_1 = __importDefault(require("../plugins/table-footnote"));
@@ -56,13 +57,14 @@ exports.default = (props) => {
                 ? track_changes_plugin_1.TrackChangesStatus.disabled
                 : track_changes_plugin_1.TrackChangesStatus.enabled,
         }),
+        (0, section_title_1.default)(),
         (0, tables_cursor_fix_1.default)(),
         (0, elements_1.default)(),
         (0, persist_1.default)(),
         (0, sections_1.default)(),
         (0, toc_1.default)(),
         (0, bibliography_1.default)(props),
-        (0, objects_1.default)(props),
+        (0, objects_1.default)(),
         (0, affiliations_1.default)(),
         (0, comments_1.default)(),
         (0, paragraphs_1.default)(),

package/dist/cjs/configs/editor-views.js

@@ -44,6 +44,7 @@ const paragraph_editable_1 = __importDefault(require("../views/paragraph_editabl
 const placeholder_1 = __importDefault(require("../views/placeholder"));
 const placeholder_element_editable_1 = __importDefault(require("../views/placeholder_element_editable"));
 const pullquote_element_editable_1 = __importDefault(require("../views/pullquote_element_editable"));
+const section_1 = __importDefault(require("../views/section"));
 const section_label_1 = __importDefault(require("../views/section_label"));
 const section_title_editable_1 = __importDefault(require("../views/section_title_editable"));
 const table_cell_1 = __importDefault(require("../views/table_cell"));
@@ -76,6 +77,7 @@ exports.default = (props, dispatch) => {
         paragraph: (0, paragraph_editable_1.default)(props),
         placeholder: (0, placeholder_1.default)(props),
         placeholder_element: (0, placeholder_element_editable_1.default)(props),
+        section: (0, section_1.default)(props),
         pullquote_element: (0, pullquote_element_editable_1.default)(props),
         section_title: (0, section_title_editable_1.default)(props),
         section_label: (0, section_label_1.default)(props),

package/dist/cjs/plugins/objects.js

@@ -21,15 +21,15 @@ const prosemirror_model_1 = require("prosemirror-model");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
 exports.objectsKey = new prosemirror_state_1.PluginKey('objects');
-exports.default = (props) => {
+exports.default = () => {
     return new prosemirror_state_1.Plugin({
         key: exports.objectsKey,
         state: {
             init: (config, state) => {
-                return (0, transform_1.buildTargets)(prosemirror_model_1.Fragment.from(state.doc.content), props.getManuscript());
+                return (0, transform_1.buildTargets)(prosemirror_model_1.Fragment.from(state.doc.content));
             },
             apply: (tr) => {
-                return (0, transform_1.buildTargets)(prosemirror_model_1.Fragment.from(tr.doc.content), props.getManuscript());
+                return (0, transform_1.buildTargets)(prosemirror_model_1.Fragment.from(tr.doc.content));
             },
         },
         props: {

package/dist/cjs/plugins/section_title.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sectionTitleKey = void 0;
+const transform_1 = require("@manuscripts/transform");
+const prosemirror_state_1 = require("prosemirror-state");
+const prosemirror_utils_1 = require("prosemirror-utils");
+const track_changes_utils_1 = require("../lib/track-changes-utils");
+exports.sectionTitleKey = new prosemirror_state_1.PluginKey('sectionNumbering');
+const calculateSectionLevels = (node, startPos, sectionNumberMap, numbering = [0]) => {
+    node.forEach((childNode, offset) => {
+        if (childNode.type === transform_1.schema.nodes.section &&
+            !(0, track_changes_utils_1.isRejectedInsert)(childNode)) {
+            numbering[numbering.length - 1] += 1;
+            const sectionNumber = numbering.join('.');
+            const sectionStartPos = startPos + offset + 1;
+            childNode.forEach((innerChildNode) => {
+                if (innerChildNode.type === transform_1.schema.nodes.section_title) {
+                    sectionNumberMap.set(childNode.attrs.id, sectionNumber);
+                }
+            });
+            calculateSectionLevels(childNode, sectionStartPos, sectionNumberMap, [
+                ...numbering,
+                0,
+            ]);
+        }
+    });
+};
+const getPluginState = (doc) => {
+    const bodyNodes = (0, prosemirror_utils_1.findChildrenByType)(doc, transform_1.schema.nodes.body);
+    const bodyNode = bodyNodes[0];
+    const sectionNumberMap = new Map();
+    calculateSectionLevels(bodyNode.node, bodyNode.pos, sectionNumberMap);
+    return sectionNumberMap;
+};
+exports.default = () => {
+    return new prosemirror_state_1.Plugin({
+        key: exports.sectionTitleKey,
+        state: {
+            init: (_, state) => {
+                return getPluginState(state.doc);
+            },
+            apply: (tr, oldSectionNumberMap, oldState, newState) => {
+                if (tr.docChanged) {
+                    return getPluginState(newState.doc);
+                }
+                return oldSectionNumberMap;
+            },
+        },
+    });
+};

package/dist/cjs/testing/default-editor-data.js

@@ -75,7 +75,6 @@ exports.defaultEditorProps = {
         download: () => { },
     },
     getCapabilities: () => (0, style_guide_1.getAllPermitted)(),
-    getManuscript: () => exports.TEST_DATA.MANUSCRIPT,
     cslProps: {
         style: '',
         locale: '',

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.0.9';
+exports.VERSION = '2.0.11-JSR';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/bibliography_element.js

@@ -73,7 +73,7 @@ class BibliographyElementBlockView extends block_view_1.default {
                 componentProps.actions.push({
                     label: 'Edit',
                     action: () => this.handleEdit(element.id),
-                    icon: 'EditIcon',
+                    icon: 'Edit',
                 });
             }
             componentProps.actions.push({

package/dist/cjs/views/citation_editable.js

@@ -77,11 +77,15 @@ class CitationEditableView extends citation_1.CitationView {
         };
         this.showContextMenu = () => {
             this.props.popper.destroy();
+            const can = this.props.getCapabilities();
+            const actions = [
+                { label: 'Comment', action: this.handleComment, icon: 'AddComment' },
+            ];
+            if (can.editArticle) {
+                actions.unshift({ label: 'Edit', action: this.handleEdit, icon: 'Edit' });
+            }
             const componentProps = {
-                actions: [
-                    { label: 'Edit', action: this.handleEdit, icon: 'EditIcon' },
-                    { label: 'Comment', action: this.handleComment, icon: 'AddComment' },
-                ],
+                actions,
             };
             this.contextMenu = (0, ReactSubView_1.default)(this.props, style_guide_1.ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu');
             this.props.popper.show(this.dom, this.contextMenu, 'right-start', false);

package/dist/cjs/views/contributors.js

@@ -205,7 +205,7 @@ class ContributorsView extends block_view_1.default {
                     {
                         label: 'Edit',
                         action: () => this.handleEdit(element.id),
-                        icon: 'EditIcon',
+                        icon: 'Edit',
                     },
                 ],
             };

package/dist/cjs/views/inline_footnote.js

@@ -34,8 +34,23 @@ class InlineFootnoteView extends base_node_view_1.BaseNodeView {
     constructor() {
         super(...arguments);
         this.findParentTableElement = () => (0, prosemirror_utils_1.findParentNodeClosestToPos)(this.view.state.doc.resolve(this.getPos()), (node) => node.type === transform_1.schema.nodes.table_element);
+        this.showContextMenu = () => {
+            this.props.popper.destroy();
+            const componentProps = {
+                actions: [
+                    {
+                        label: 'Edit',
+                        action: () => {
+                            this.props.popper.destroy();
+                            this.activateGenericFnModal();
+                        },
+                        icon: 'Edit',
+                    },
+                ],
+            };
+            this.props.popper.show(this.dom, (0, ReactSubView_1.default)(this.props, style_guide_1.ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu'), 'right-start', false);
+        };
         this.handleClick = () => {
-            var _a;
             if ((0, track_changes_utils_1.isDeleted)(this.node)) {
                 return;
             }
@@ -46,21 +61,59 @@ class InlineFootnoteView extends base_node_view_1.BaseNodeView {
                     onAdd: this.onAdd,
                 });
             }
-            else if (!this.activateGenericFnModal()) {
-                if ((_a = this.node.attrs.rids) === null || _a === void 0 ? void 0 : _a.length) {
-                    let nodePos = undefined;
-                    this.view.state.doc.descendants((node, pos) => {
-                        if (node.attrs.id === this.node.attrs.rids[0]) {
-                            nodePos = pos;
-                        }
-                    });
-                    if (nodePos && this.props.dispatch) {
-                        const sel = prosemirror_state_1.TextSelection.near(this.view.state.doc.resolve(nodePos + 1));
-                        this.props.dispatch(this.view.state.tr.setSelection(sel).scrollIntoView());
+            else {
+                this.showContextMenu();
+            }
+        };
+        this.scrollToReferenced = () => {
+            var _a;
+            if ((_a = this.node.attrs.rids) === null || _a === void 0 ? void 0 : _a.length) {
+                let nodePos = undefined;
+                this.view.state.doc.descendants((node, pos) => {
+                    if (node.attrs.id === this.node.attrs.rids[0]) {
+                        nodePos = pos;
                     }
+                });
+                if (nodePos && this.props.dispatch) {
+                    const sel = prosemirror_state_1.TextSelection.near(this.view.state.doc.resolve(nodePos + 1));
+                    this.props.dispatch(this.view.state.tr.setSelection(sel).scrollIntoView());
                 }
             }
         };
+        this.activateGenericFnModal = () => {
+            if (!this.props.getCapabilities().editArticle) {
+                return;
+            }
+            const fnState = footnotes_1.footnotesKey.getState(this.view.state);
+            console.log(fnState);
+            if (fnState) {
+                this.activateModal({
+                    notes: Array.from(fnState.unusedFootnotes.values()).map((n) => ({
+                        node: n[0],
+                    })),
+                    onCancel: () => {
+                        const { tr } = this.view.state;
+                        if (!this.node.attrs.rids.length) {
+                            this.view.dispatch(tr.delete(this.getPos(), this.getPos() + this.node.nodeSize));
+                        }
+                        this.destroy();
+                    },
+                    onAdd: () => {
+                        const footnote = (0, commands_1.createFootnote)(this.view.state, 'footnote');
+                        const tr = (0, commands_1.insertFootnote)(this.view.state, this.view.state.tr, footnote);
+                        tr.setNodeAttribute(tr.mapping.map(this.getPos()), 'rids', [
+                            footnote.attrs.id,
+                        ]);
+                        this.view.dispatch(tr);
+                        this.view.focus();
+                        this.destroy();
+                    },
+                    addNewLabel: 'Replace with new footnote',
+                });
+                return true;
+            }
+            return false;
+        };
         this.updateContents = () => {
             const attrs = this.node.attrs;
             this.dom.setAttribute('rids', attrs.rids.join(','));
@@ -154,39 +207,6 @@ class InlineFootnoteView extends base_node_view_1.BaseNodeView {
         this.popperContainer = (0, ReactSubView_1.default)(Object.assign(Object.assign({}, this.props), { dispatch: this.view.dispatch }), style_guide_1.FootnotesSelector, Object.assign(Object.assign({}, defaultModal), modalProps), this.node, this.getPos, this.view, 'footnote-editor');
         this.props.popper.show(this.dom, this.popperContainer, 'auto', false);
     }
-    activateGenericFnModal() {
-        if (!this.props.getCapabilities().editArticle) {
-            return;
-        }
-        const fnState = footnotes_1.footnotesKey.getState(this.view.state);
-        if (fnState && fnState.unusedFootnotes.size > 0) {
-            this.activateModal({
-                notes: Array.from(fnState.unusedFootnotes.values()).map((n) => ({
-                    node: n[0],
-                })),
-                onCancel: () => {
-                    const { tr } = this.view.state;
-                    if (!this.node.attrs.rids.length) {
-                        this.view.dispatch(tr.delete(this.getPos(), this.getPos() + this.node.nodeSize));
-                    }
-                    this.destroy();
-                },
-                onAdd: () => {
-                    const footnote = (0, commands_1.createFootnote)(this.view.state, 'footnote');
-                    const tr = (0, commands_1.insertFootnote)(this.view.state, this.view.state.tr, footnote);
-                    tr.setNodeAttribute(tr.mapping.map(this.getPos()), 'rids', [
-                        footnote.attrs.id,
-                    ]);
-                    this.view.dispatch(tr);
-                    this.view.focus();
-                    this.destroy();
-                },
-                addNewLabel: 'Replace with new footnote',
-            });
-            return true;
-        }
-        return false;
-    }
 }
 exports.InlineFootnoteView = InlineFootnoteView;
 exports.default = (0, creators_1.createNodeView)(InlineFootnoteView);

package/dist/cjs/views/section.js

@@ -0,0 +1,79 @@
+"use strict";
+/*!
+ * © 2019 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.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionView = exports.handleSectionNumbering = void 0;
+const transform_1 = require("@manuscripts/transform");
+const section_title_1 = require("../plugins/section_title");
+const block_view_1 = __importDefault(require("./block_view"));
+const creators_1 = require("./creators");
+const handleSectionNumbering = (sections) => {
+    sections.forEach((sectionNumber, sectionId) => {
+        const section = document.getElementById(sectionId);
+        const sectionTitle = section === null || section === void 0 ? void 0 : section.querySelector('h1');
+        if (sectionTitle) {
+            sectionTitle.dataset.sectionNumber = sectionNumber;
+        }
+    });
+};
+exports.handleSectionNumbering = handleSectionNumbering;
+class SectionView extends block_view_1.default {
+    constructor() {
+        super(...arguments);
+        this.elementType = 'section';
+        this.initialise = () => {
+            this.createDOM();
+            this.createElement();
+            this.updateContents();
+        };
+        this.createElement = () => {
+            this.contentDOM = document.createElement(this.elementType);
+            this.dom.appendChild(this.contentDOM);
+        };
+        this.onUpdateContent = () => {
+            const sectionTitleState = section_title_1.sectionTitleKey.getState(this.view.state);
+            const { titleSuppressed, generatedLabel, pageBreakStyle, id, category } = this.node.attrs;
+            const classNames = [];
+            if (titleSuppressed) {
+                classNames.push('title-suppressed');
+            }
+            if (typeof generatedLabel === 'undefined' || generatedLabel) {
+                classNames.push('generated-label');
+            }
+            if (pageBreakStyle === transform_1.PAGE_BREAK_BEFORE ||
+                pageBreakStyle === transform_1.PAGE_BREAK_BEFORE_AND_AFTER) {
+                classNames.push('page-break-before');
+            }
+            if (pageBreakStyle === transform_1.PAGE_BREAK_AFTER ||
+                pageBreakStyle === transform_1.PAGE_BREAK_BEFORE_AND_AFTER) {
+                classNames.push('page-break-after');
+            }
+            if (this.contentDOM) {
+                this.contentDOM.id = id;
+                this.contentDOM.classList.add(...classNames);
+                category && this.contentDOM.setAttribute('data-category', category);
+            }
+            if (sectionTitleState) {
+                (0, exports.handleSectionNumbering)(sectionTitleState);
+            }
+        };
+    }
+}
+exports.SectionView = SectionView;
+exports.default = (0, creators_1.createNodeView)(SectionView);

package/dist/cjs/views/section_title.js

@@ -19,23 +19,33 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SectionTitleView = void 0;
+const transform_1 = require("@manuscripts/transform");
+const prosemirror_utils_1 = require("prosemirror-utils");
 const context_menu_1 = require("../lib/context-menu");
+const section_title_1 = require("../plugins/section_title");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
 class SectionTitleView extends block_view_1.default {
     constructor() {
         super(...arguments);
         this.elementType = 'h1';
-        this.updateContents = () => {
+        this.onUpdateContent = () => {
             const $pos = this.view.state.doc.resolve(this.getPos());
+            const sectionTitleState = section_title_1.sectionTitleKey.getState(this.view.state);
+            const parentSection = (0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)($pos, transform_1.schema.nodes.section);
+            const sectionNumber = sectionTitleState === null || sectionTitleState === void 0 ? void 0 : sectionTitleState.get(parentSection === null || parentSection === void 0 ? void 0 : parentSection.node.attrs.id);
+            const level = $pos.depth > 1 ? $pos.depth - 1 : $pos.depth;
             if (this.node.childCount) {
                 this.contentDOM.classList.remove('empty-node');
             }
             else {
                 this.contentDOM.classList.add('empty-node');
-                const level = $pos.depth > 1 ? $pos.depth - 1 : $pos.depth;
                 this.contentDOM.setAttribute('data-placeholder', `${(0, context_menu_1.sectionLevel)(level)} heading`);
             }
+            if (sectionTitleState) {
+                this.contentDOM.dataset.sectionNumber = sectionNumber;
+                this.contentDOM.dataset.titleLevel = level.toString();
+            }
         };
     }
 }

package/dist/es/configs/editor-plugins.js

@@ -32,6 +32,7 @@ import objects from '../plugins/objects';
 import paragraphs from '../plugins/paragraphs';
 import persist from '../plugins/persist';
 import placeholder from '../plugins/placeholder';
+import section_title from '../plugins/section_title';
 import sections from '../plugins/sections';
 import selected_suggestion from '../plugins/selected-suggestion';
 import table_footnote from '../plugins/table-footnote';
@@ -51,13 +52,14 @@ export default (props) => {
                 ? TrackChangesStatus.disabled
                 : TrackChangesStatus.enabled,
         }),
+        section_title(),
         table_editing_fix(),
         elements(),
         persist(),
         sections(),
         toc(),
         bibliography(props),
-        objects(props),
+        objects(),
         affiliations(),
         comments(),
         paragraphs(),

package/dist/es/configs/editor-views.js

@@ -39,6 +39,7 @@ import paragraph from '../views/paragraph_editable';
 import placeholder from '../views/placeholder';
 import placeholderElement from '../views/placeholder_element_editable';
 import pullquoteElement from '../views/pullquote_element_editable';
+import section from '../views/section';
 import sectionLabel from '../views/section_label';
 import sectionTitle from '../views/section_title_editable';
 import tableCell from '../views/table_cell';
@@ -71,6 +72,7 @@ export default (props, dispatch) => {
         paragraph: paragraph(props),
         placeholder: placeholder(props),
         placeholder_element: placeholderElement(props),
+        section: section(props),
         pullquote_element: pullquoteElement(props),
         section_title: sectionTitle(props),
         section_label: sectionLabel(props),

package/dist/es/plugins/objects.js

@@ -18,15 +18,15 @@ import { Fragment } from 'prosemirror-model';
 import { Plugin, PluginKey } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 export const objectsKey = new PluginKey('objects');
-export default (props) => {
+export default () => {
     return new Plugin({
         key: objectsKey,
         state: {
             init: (config, state) => {
-                return buildTargets(Fragment.from(state.doc.content), props.getManuscript());
+                return buildTargets(Fragment.from(state.doc.content));
             },
             apply: (tr) => {
-                return buildTargets(Fragment.from(tr.doc.content), props.getManuscript());
+                return buildTargets(Fragment.from(tr.doc.content));
             },
         },
         props: {

package/dist/es/plugins/section_title.js

@@ -0,0 +1,47 @@
+import { schema } from '@manuscripts/transform';
+import { Plugin, PluginKey } from 'prosemirror-state';
+import { findChildrenByType } from 'prosemirror-utils';
+import { isRejectedInsert } from '../lib/track-changes-utils';
+export const sectionTitleKey = new PluginKey('sectionNumbering');
+const calculateSectionLevels = (node, startPos, sectionNumberMap, numbering = [0]) => {
+    node.forEach((childNode, offset) => {
+        if (childNode.type === schema.nodes.section &&
+            !isRejectedInsert(childNode)) {
+            numbering[numbering.length - 1] += 1;
+            const sectionNumber = numbering.join('.');
+            const sectionStartPos = startPos + offset + 1;
+            childNode.forEach((innerChildNode) => {
+                if (innerChildNode.type === schema.nodes.section_title) {
+                    sectionNumberMap.set(childNode.attrs.id, sectionNumber);
+                }
+            });
+            calculateSectionLevels(childNode, sectionStartPos, sectionNumberMap, [
+                ...numbering,
+                0,
+            ]);
+        }
+    });
+};
+const getPluginState = (doc) => {
+    const bodyNodes = findChildrenByType(doc, schema.nodes.body);
+    const bodyNode = bodyNodes[0];
+    const sectionNumberMap = new Map();
+    calculateSectionLevels(bodyNode.node, bodyNode.pos, sectionNumberMap);
+    return sectionNumberMap;
+};
+export default () => {
+    return new Plugin({
+        key: sectionTitleKey,
+        state: {
+            init: (_, state) => {
+                return getPluginState(state.doc);
+            },
+            apply: (tr, oldSectionNumberMap, oldState, newState) => {
+                if (tr.docChanged) {
+                    return getPluginState(newState.doc);
+                }
+                return oldSectionNumberMap;
+            },
+        },
+    });
+};

package/dist/es/testing/default-editor-data.js

@@ -69,7 +69,6 @@ export const defaultEditorProps = {
         download: () => { },
     },
     getCapabilities: () => getAllPermitted(),
-    getManuscript: () => TEST_DATA.MANUSCRIPT,
     cslProps: {
         style: '',
         locale: '',

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.0.9';
+export const VERSION = '2.0.11-JSR';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/bibliography_element.js

@@ -67,7 +67,7 @@ export class BibliographyElementBlockView extends BlockView {
                 componentProps.actions.push({
                     label: 'Edit',
                     action: () => this.handleEdit(element.id),
-                    icon: 'EditIcon',
+                    icon: 'Edit',
                 });
             }
             componentProps.actions.push({

package/dist/es/views/citation_editable.js

@@ -71,11 +71,15 @@ export class CitationEditableView extends CitationView {
         };
         this.showContextMenu = () => {
             this.props.popper.destroy();
+            const can = this.props.getCapabilities();
+            const actions = [
+                { label: 'Comment', action: this.handleComment, icon: 'AddComment' },
+            ];
+            if (can.editArticle) {
+                actions.unshift({ label: 'Edit', action: this.handleEdit, icon: 'Edit' });
+            }
             const componentProps = {
-                actions: [
-                    { label: 'Edit', action: this.handleEdit, icon: 'EditIcon' },
-                    { label: 'Comment', action: this.handleComment, icon: 'AddComment' },
-                ],
+                actions,
             };
             this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu');
             this.props.popper.show(this.dom, this.contextMenu, 'right-start', false);

package/dist/es/views/contributors.js

@@ -199,7 +199,7 @@ export class ContributorsView extends BlockView {
                     {
                         label: 'Edit',
                         action: () => this.handleEdit(element.id),
-                        icon: 'EditIcon',
+                        icon: 'Edit',
                     },
                 ],
             };