@manuscripts/body-editor 1.7.26 → 1.7.28-LEAN-3418

package/dist/es/commands.js

@@ -26,6 +26,7 @@ import { isNodeOfType, nearestAncestor } from './lib/helpers';
 import { isDeleted, isRejectedInsert } from './lib/track-changes-utils';
 import { findParentNodeWithId, getChildOfType } from './lib/utils';
 import { commentAnnotation } from './plugins/comment_annotation';
+import { getNewFootnotePos } from './plugins/footnotes/footnotes-utils';
 import { highlightKey, SET_COMMENT } from './plugins/highlight';
 export const markActive = (type) => (state) => {
     const { from, $from, to, empty } = state.selection;
@@ -689,37 +690,38 @@ export const updateCommentAnnotationState = (state, dispatch) => {
         dispatch(tr);
     }
 };
-export const insertTableFootnote = (node, position, state, dispatch) => {
+export const insertTableFootnote = (node, position, view) => {
     var _a;
+    const { state, dispatch } = view;
     const footnote = state.schema.nodes.footnote.createAndFill({
         id: generateID(ObjectTypes.Footnote),
         kind: 'footnote',
     });
     const insertedAt = state.selection.to;
     const inlineFootnotes = findChildrenByType(node, schema.nodes.inline_footnote);
-    const labels = inlineFootnotes.map((nodeWithPos) => nodeWithPos.node.attrs.contents);
+    const footnoteIndex = inlineFootnotes.filter(({ pos }) => position + pos <= insertedAt).length + 1;
     const inlineFootnoteNode = state.schema.nodes.inline_footnote.create({
         rids: [footnote.attrs.id],
-        contents: labels.length ? Math.max(...labels) + 1 : 1,
+        contents: footnoteIndex === -1 ? inlineFootnotes.length : footnoteIndex,
     });
     const tr = state.tr;
     tr.insert(insertedAt, inlineFootnoteNode);
-    let insertionPos;
+    let insertionPos = position;
     const footnotesElement = findChildrenByType(node, schema.nodes.footnotes_element).pop();
     if (footnotesElement &&
         !isDeleted(footnotesElement.node) &&
         !isRejectedInsert(footnotesElement.node)) {
-        const pos = footnotesElement.pos;
-        insertionPos = position + pos + footnotesElement.node.nodeSize + 1;
+        const footnotePos = getNewFootnotePos(footnotesElement, footnoteIndex);
+        insertionPos = tr.mapping.map(position + footnotePos);
         tr.insert(insertionPos, footnote);
     }
     else {
         const footnoteElement = state.schema.nodes.footnotes_element.create({}, footnote);
-        const tableElementFooter = findChildrenByType(node, schema.nodes.table_element_footer);
-        if (tableElementFooter.length) {
-            const pos = tableElementFooter[0].pos;
-            insertionPos = position + pos + tableElementFooter[0].node.nodeSize + 1;
-            tr.insert(insertionPos, footnoteElement);
+        const tableElementFooter = findChildrenByType(node, schema.nodes.table_element_footer)[0];
+        if (tableElementFooter) {
+            const pos = tableElementFooter.pos;
+            insertionPos = position + pos + tableElementFooter.node.nodeSize;
+            tr.insert(tr.mapping.map(insertionPos), footnoteElement);
         }
         else {
             const tableElementFooter = schema.nodes.table_element_footer.create({
@@ -728,20 +730,20 @@ export const insertTableFootnote = (node, position, state, dispatch) => {
             const tableColGroup = findChildrenByType(node, schema.nodes.table_colgroup)[0];
             if (tableColGroup) {
                 insertionPos =
-                    position + tableColGroup.pos + tableColGroup.node.nodeSize + 2;
-                tr.insert(insertionPos, tableElementFooter);
+                    position + tableColGroup.pos + tableColGroup.node.nodeSize;
+                tr.insert(tr.mapping.map(insertionPos), tableElementFooter);
             }
             else {
                 const tableSize = (_a = node.content.firstChild) === null || _a === void 0 ? void 0 : _a.nodeSize;
                 if (tableSize) {
-                    insertionPos = position + tableSize + 2;
-                    tr.insert(insertionPos, tableElementFooter);
+                    insertionPos = position + tableSize;
+                    tr.insert(tr.mapping.map(insertionPos), tableElementFooter);
                 }
             }
         }
     }
-    if (dispatch && insertionPos) {
-        const nodeSelection = NodeSelection.create(tr.doc, insertionPos);
-        dispatch(tr.setSelection(nodeSelection));
-    }
+    dispatch(tr);
+    const textSelection = TextSelection.near(view.state.tr.doc.resolve(insertionPos + 1));
+    view.focus();
+    dispatch(view.state.tr.setSelection(textSelection).scrollIntoView());
 };

package/dist/es/components/views/FigureDropdown.js

@@ -52,7 +52,7 @@ const NestedDropdown = ({ parentToggleOpen, buttonText, disabled, list, moveLeft
             " ",
             React.createElement(TriangleCollapsed, null)),
         isOpen && (React.createElement(NestedListDropdownList, { direction: 'right', moveLeft: moveLeft, width: 192, onClick: (e) => {
-                toggleOpen(e);
+                toggleOpen();
                 parentToggleOpen(e);
             } }, list))));
 };

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

@@ -33,6 +33,7 @@ import persist from '../plugins/persist';
 import placeholder from '../plugins/placeholder';
 import sections from '../plugins/sections';
 import selected_suggestion_ui from '../plugins/selected-suggestion-ui';
+import table_footnote from '../plugins/table-footnote';
 import table_editing_fix from '../plugins/tables-cursor-fix';
 import toc from '../plugins/toc';
 import rules from '../rules';
@@ -64,6 +65,7 @@ export default (props) => {
         highlights(props),
         selected_suggestion_ui(props),
         footnotes(),
+        table_footnote(),
     ];
     if (props.collabProvider) {
         allPlugins.push(collab({ version: props.collabProvider.currentVersion }));

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

@@ -13,10 +13,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { TableFootnotesSelector } from '@manuscripts/style-guide';
+import { TableFootnotesSelector, } from '@manuscripts/style-guide';
 import { isInBibliographySection, nodeNames, schema, } from '@manuscripts/transform';
 import { findChildrenByType, hasParentNodeOfType } from 'prosemirror-utils';
 import { addComment, createBlock, insertGeneralFootnote, insertTableFootnote, } from '../commands';
+import { buildTableFootnoteLabels } from '../plugins/footnotes/footnotes-utils';
 import ReactSubView from '../views/ReactSubView';
 import { PopperManager } from './popper';
 import { isDeleted, isRejectedInsert } from './track-changes-utils';
@@ -180,35 +181,45 @@ export class ContextMenu {
                 if (isInTable) {
                     menu.appendChild(this.createMenuSection((section) => {
                         section.appendChild(this.createMenuItem('Add Reference Note', () => {
-                            var _a, _b;
-                            const footnotesElement = (_a = findChildrenByType(this.node, schema.nodes.footnotes_element).pop()) === null || _a === void 0 ? void 0 : _a.node;
-                            if (!footnotesElement ||
-                                isDeleted(footnotesElement) ||
-                                isRejectedInsert(footnotesElement)) {
-                                const { state, dispatch } = this.view;
-                                insertTableFootnote(this.node, this.getPos(), state, dispatch);
+                            var _a;
+                            const footnotesElementWithPos = findChildrenByType(this.node, schema.nodes.footnotes_element).pop();
+                            if (!footnotesElementWithPos ||
+                                isDeleted(footnotesElementWithPos.node) ||
+                                isRejectedInsert(footnotesElementWithPos.node)) {
+                                insertTableFootnote(this.node, this.getPos(), this.view);
                             }
                             else {
-                                const footnotes = findChildrenByType(footnotesElement, schema.nodes.footnote).map((nodeWithPos) => {
-                                    return nodeWithPos.node;
-                                });
+                                const tablesFootnoteLabels = buildTableFootnoteLabels(this.node);
+                                const footnotesWithPos = findChildrenByType(footnotesElementWithPos.node, schema.nodes.footnote);
+                                const footnotes = footnotesWithPos.map((nodeWithPos) => ({
+                                    node: nodeWithPos.node,
+                                    index: tablesFootnoteLabels.get(nodeWithPos.node.attrs.id),
+                                }));
                                 const targetDom = this.view.domAtPos(this.view.state.selection.from);
                                 if (targetDom.node instanceof Element && this.props) {
                                     const popperContainer = ReactSubView(Object.assign(Object.assign({}, this.props), { dispatch: this.view.dispatch }), TableFootnotesSelector, {
                                         notes: footnotes,
                                         onAdd: () => {
                                             var _a;
-                                            const { state, dispatch } = this.view;
-                                            insertTableFootnote(this.node, this.getPos(), state, dispatch);
+                                            insertTableFootnote(this.node, this.getPos(), this.view);
                                             (_a = this.props) === null || _a === void 0 ? void 0 : _a.popper.destroy();
                                         },
                                         onInsert: (notes) => {
                                             var _a;
                                             const insertedAt = this.view.state.selection.to;
+                                            let inlineFootnoteIndex = 1;
+                                            this.view.state.doc
+                                                .slice(this.getPos(), insertedAt)
+                                                .content.descendants((node) => {
+                                                if (node.type === schema.nodes.inline_footnote) {
+                                                    inlineFootnoteIndex++;
+                                                    return false;
+                                                }
+                                            });
                                             const node = this.view.state.schema.nodes.inline_footnote.create({
-                                                rids: notes.map((note) => note.attrs.id),
+                                                rids: notes.map(({ node }) => node.attrs.id),
                                                 contents: notes
-                                                    .map((note) => footnotes.indexOf(note) + 1)
+                                                    .map(({ index }) => index ? index : inlineFootnoteIndex)
                                                     .join(),
                                             });
                                             const tr = this.view.state.tr;
@@ -221,7 +232,7 @@ export class ContextMenu {
                                             (_a = this.props) === null || _a === void 0 ? void 0 : _a.popper.destroy();
                                         },
                                     }, this.node, this.getPos, this.view, 'table-footnote-editor');
-                                    (_b = this.props) === null || _b === void 0 ? void 0 : _b.popper.show(targetDom.node, popperContainer, 'bottom-end');
+                                    (_a = this.props) === null || _a === void 0 ? void 0 : _a.popper.show(targetDom.node, popperContainer, 'bottom-end');
                                 }
                             }
                         }));

package/dist/es/menus.js

@@ -16,10 +16,8 @@
 import { schema } from '@manuscripts/transform';
 import { toggleMark } from 'prosemirror-commands';
 import { redo, undo } from 'prosemirror-history';
-import { wrapInList } from 'prosemirror-schema-list';
 import { addColumnAfter, addColumnBefore, addRowAfter, addRowBefore, deleteColumn, deleteRow, } from 'prosemirror-tables';
-import { addComment, blockActive, canInsert, ifInTableBody, insertBlock, insertCrossReference, insertGraphicalAbstract, insertInlineCitation, insertInlineEquation, insertInlineFootnote, insertLink, insertSection, markActive, } from './commands';
-import { skipCommandTracking } from './keys/list';
+import { addComment, blockActive, canInsert, ifInTableBody, insertBlock, insertCrossReference, insertGraphicalAbstract, insertInlineCitation, insertInlineEquation, insertInlineFootnote, insertLink, insertList, insertSection, markActive, } from './commands';
 import { deleteClosestParentElement, findClosestParentElementNodeName, } from './lib/hierarchy';
 export const getEditorMenus = (editor) => {
     const { isCommandValid, state } = editor;
@@ -106,29 +104,6 @@ export const getEditorMenus = (editor) => {
             {
                 role: 'separator',
             },
-            {
-                id: 'insert-ordered-list',
-                label: 'Numbered List',
-                shortcut: {
-                    mac: 'Option+CommandOrControl+O',
-                    pc: 'CommandOrControl+Option+O',
-                },
-                isEnabled: isCommandValid(wrapInList(schema.nodes.ordered_list)),
-                run: doCommand(skipCommandTracking(wrapInList(schema.nodes.ordered_list))),
-            },
-            {
-                id: 'insert-bullet-list',
-                label: 'Bullet List',
-                shortcut: {
-                    mac: 'Option+CommandOrControl+K',
-                    pc: 'CommandOrControl+Option+K',
-                },
-                isEnabled: isCommandValid(wrapInList(schema.nodes.bullet_list)),
-                run: doCommand(skipCommandTracking(wrapInList(schema.nodes.bullet_list))),
-            },
-            {
-                role: 'separator',
-            },
             {
                 id: 'insert-blockquote',
                 label: 'Block Quote',
@@ -319,6 +294,44 @@ export const getEditorMenus = (editor) => {
             {
                 role: 'separator',
             },
+            {
+                id: 'insert-bullet-list',
+                label: 'Bullet List',
+                isEnabled: isCommandValid(insertList(schema.nodes.bullet_list)),
+                submenu: [
+                    {
+                        id: 'bullet-list-context-menu',
+                        label: '',
+                        isEnabled: true,
+                        options: {
+                            bullet: doCommand(insertList(schema.nodes.bullet_list, 'bullet')),
+                            simple: doCommand(insertList(schema.nodes.bullet_list, 'simple')),
+                        },
+                    },
+                ],
+            },
+            {
+                id: 'insert-ordered-list',
+                label: 'Ordered List',
+                isEnabled: isCommandValid(insertList(schema.nodes.ordered_list)),
+                submenu: [
+                    {
+                        id: 'ordered-list-context-menu',
+                        label: '',
+                        isEnabled: true,
+                        options: {
+                            order: doCommand(insertList(schema.nodes.ordered_list, 'order')),
+                            'alpha-upper': doCommand(insertList(schema.nodes.ordered_list, 'alpha-upper')),
+                            'alpha-lower': doCommand(insertList(schema.nodes.ordered_list, 'alpha-lower')),
+                            'roman-upper': doCommand(insertList(schema.nodes.ordered_list, 'roman-upper')),
+                            'roman-lower': doCommand(insertList(schema.nodes.ordered_list, 'roman-lower')),
+                        },
+                    },
+                ],
+            },
+            {
+                role: 'separator',
+            },
             {
                 id: 'format-table',
                 label: 'Table',

package/dist/es/plugins/footnotes/footnotes-utils.js

@@ -13,8 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { schema } from '@manuscripts/transform';
-import { findChildren, findParentNodeClosestToPos } from 'prosemirror-utils';
+import { skipTracking } from '@manuscripts/track-changes-plugin';
+import { isFootnoteNode, schema, } from '@manuscripts/transform';
+import { Fragment } from 'prosemirror-model';
+import { findChildren, findChildrenByType, findParentNodeClosestToPos, } from 'prosemirror-utils';
 export const findTableInlineFootnoteIds = ($pos) => {
     var _a;
     const tableElement = (_a = findParentNodeClosestToPos($pos, (node) => node.type === schema.nodes.table_element)) === null || _a === void 0 ? void 0 : _a.node.firstChild;
@@ -24,3 +26,63 @@ export const findTableInlineFootnoteIds = ($pos) => {
             .flat()
         : []);
 };
+export const getNewFootnotePos = (footnotesElement, footnoteIndex) => {
+    let newFootnotePos = footnotesElement.pos + footnotesElement.node.nodeSize - 1;
+    footnotesElement.node.descendants((node, pos, parent, index) => {
+        if (isFootnoteNode(node)) {
+            if (footnoteIndex === ++index) {
+                newFootnotePos = footnotesElement.pos + pos + (index === 1 ? 2 : 1);
+            }
+        }
+    });
+    return newFootnotePos;
+};
+export const buildTableFootnoteLabels = (node) => {
+    const labels = new Map(findChildrenByType(node, schema.nodes.footnote).map((node) => [
+        node.node.attrs.id,
+        undefined,
+    ]));
+    let index = 0;
+    findChildrenByType(node, schema.nodes.inline_footnote)
+        .map(({ node }) => node.attrs.rids)
+        .flat()
+        .map((rid) => {
+        if (!labels.get(rid)) {
+            labels.set(rid, String(++index));
+        }
+    });
+    return labels;
+};
+export const orderTableFootnotes = (tr, footnotesElementWithPos, position) => {
+    const tablesFootnoteLabels = buildTableFootnoteLabels(tr.doc.nodeAt(tr.mapping.map(position)));
+    const footnotes = findChildrenByType(footnotesElementWithPos.node, schema.nodes.footnote).map((nodeWithPos) => ({
+        node: nodeWithPos.node,
+        index: tablesFootnoteLabels.get(nodeWithPos.node.attrs.id),
+    }));
+    const orderedFootnotes = [...footnotes]
+        .sort((a, b) => {
+        if (a.index !== undefined && b.index !== undefined) {
+            return Number.parseInt(a.index) - Number.parseInt(b.index);
+        }
+        else {
+            return a.index === undefined ? 1 : -1;
+        }
+    })
+        .map(({ node }) => node);
+    const { node: footnotesElement, pos } = footnotesElementWithPos;
+    const footnoteElementPos = position + pos;
+    return skipTracking(tr.replaceWith(tr.mapping.map(footnoteElementPos), tr.mapping.map(footnoteElementPos + footnotesElement.nodeSize), Fragment.fromArray(orderedFootnotes)));
+};
+export const updateTableInlineFootnoteLabels = (tr, table) => {
+    const labels = buildTableFootnoteLabels(table.node);
+    findChildrenByType(table.node, schema.nodes.inline_footnote).map(({ node, pos }) => {
+        const contents = node.attrs.rids
+            .map((rid) => labels.get(rid))
+            .join(',');
+        if (contents !== node.attrs.contents &&
+            tr.doc.nodeAt(tr.mapping.map(table.pos + pos + 1))) {
+            tr.setNodeMarkup(tr.mapping.map(table.pos + pos + 1), undefined, Object.assign(Object.assign({}, node.attrs), { rids: node.attrs.rids, contents }));
+        }
+    });
+    return tr;
+};

package/dist/es/plugins/table-footnote.js

@@ -0,0 +1,41 @@
+import { schema } from '@manuscripts/transform';
+import { Plugin } from 'prosemirror-state';
+import { ReplaceStep } from 'prosemirror-transform';
+import { findChildrenByType, findParentNodeClosestToPos, } from 'prosemirror-utils';
+import { orderTableFootnotes, updateTableInlineFootnoteLabels, } from './footnotes/footnotes-utils';
+const isInlineFootnoteChange = (step, oldState, newState) => {
+    var _a, _b;
+    return step.slice.size > 0
+        ? ((_a = newState.doc.nodeAt(step.from)) === null || _a === void 0 ? void 0 : _a.type) === schema.nodes.inline_footnote
+        : ((_b = oldState.doc.nodeAt(step.from)) === null || _b === void 0 ? void 0 : _b.type) === schema.nodes.inline_footnote;
+};
+export default () => {
+    return new Plugin({
+        appendTransaction(transactions, oldState, newState) {
+            const tableInlineFootnoteChange = transactions.find((tr) => tr.steps.find((s) => {
+                var _a;
+                if (s instanceof ReplaceStep) {
+                    const step = s;
+                    const $pos = oldState.doc.resolve(step.from);
+                    return (((_a = $pos.node($pos.depth - 2)) === null || _a === void 0 ? void 0 : _a.type) === schema.nodes.table &&
+                        isInlineFootnoteChange(step, oldState, newState));
+                }
+            }));
+            if (!tableInlineFootnoteChange) {
+                return null;
+            }
+            const step = tableInlineFootnoteChange.steps[0];
+            const tr = newState.tr;
+            const $pos = newState.doc.resolve(step.from);
+            const table = findParentNodeClosestToPos($pos, (node) => node.type === schema.nodes.table_element);
+            const footnotesElementWithPos = table &&
+                findChildrenByType(table.node, schema.nodes.footnotes_element).pop();
+            if (!table || !footnotesElementWithPos) {
+                return null;
+            }
+            updateTableInlineFootnoteLabels(tr, table);
+            orderTableFootnotes(tr, footnotesElementWithPos, tr.mapping.map(table.pos));
+            return tr;
+        },
+    });
+};

package/dist/es/toolbar.js

@@ -62,8 +62,12 @@ export const toolbar = {
             title: 'Wrap in bullet list',
             content: icons.bullet_list,
             isActive: blockActive(schema.nodes.bullet_list),
-            isEnabled: insertList(schema.nodes.bullet_list),
-            run: insertList(schema.nodes.bullet_list),
+            isEnabled: insertList(schema.nodes.bullet_list, 'bullet'),
+            run: insertList(schema.nodes.bullet_list, 'bullet'),
+            options: {
+                bullet: insertList(schema.nodes.bullet_list, 'bullet'),
+                simple: insertList(schema.nodes.bullet_list, 'simple'),
+            },
         },
         ordered_list: {
             title: 'Wrap in ordered list',

package/dist/es/views/bullet_list.js

@@ -15,13 +15,22 @@
  */
 import BlockView from './block_view';
 import { createNodeOrElementView } from './creators';
+import { JATS_HTML_LIST_STYLE_MAPPING } from './ordered_list';
 export class BulletListView extends BlockView {
     constructor() {
         super(...arguments);
         this.elementType = 'ul';
+        this.updateContents = () => {
+            if (this.contentDOM) {
+                const type = this.node.attrs.listStyleType || 'bullet';
+                this.contentDOM.style.listStyleType = JATS_HTML_LIST_STYLE_MAPPING[type];
+            }
+        };
     }
 }
 export const bulletListCallback = (node, dom) => {
     dom.classList.add('list');
+    const type = node.attrs.listStyleType || 'bullet';
+    dom.style.listStyleType = JATS_HTML_LIST_STYLE_MAPPING[type];
 };
 export default createNodeOrElementView(BulletListView, 'ul', bulletListCallback);

package/dist/es/views/citation_editable.js

@@ -68,6 +68,7 @@ export class CitationEditableView extends CitationView {
             this.props.popper.destroy();
         };
         this.showContextMenu = () => {
+            this.props.popper.destroy();
             const componentProps = {
                 actions: [
                     { label: 'Edit', action: this.handleEdit, icon: 'EditIcon' },

package/dist/es/views/contributors.js

@@ -13,14 +13,16 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { SecondaryButton } from '@manuscripts/style-guide';
+import { ContextMenu, SecondaryButton, } from '@manuscripts/style-guide';
+import { CHANGE_STATUS } from '@manuscripts/track-changes-plugin';
 import { isContributorNode, schema, } from '@manuscripts/transform';
+import { NodeSelection } from 'prosemirror-state';
 import { AuthorsModal, } from '../components/authors/AuthorsModal';
 import { authorLabel } from '../lib/authors';
 import { getActualAttrs } from '../lib/track-changes-utils';
 import { deleteNode, findChildByID, findChildByType, findChildrenAttrsByType, updateNodeAttrs, } from '../lib/view';
 import { affiliationsKey } from '../plugins/affiliations';
-import { selectedSuggestionKey } from '../plugins/selected-suggestion-ui';
+import { CLEAR_SUGGESTION_ID, selectedSuggestionKey, SET_SUGGESTION_ID, } from '../plugins/selected-suggestion-ui';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
 import ReactSubView from './ReactSubView';
@@ -73,7 +75,9 @@ export class ContributorsView extends BlockView {
             const pluginState = affiliationsKey.getState(this.view.state);
             const attrs = node.attrs;
             const displayAttr = getActualAttrs(node);
+            const containerWrapper = document.createElement('div');
             const container = document.createElement('button');
+            containerWrapper.classList.add('contributor-wrapper');
             container.classList.add('contributor');
             container.setAttribute('id', attrs.id);
             container.setAttribute('contenteditable', 'false');
@@ -89,9 +93,12 @@ export class ContributorsView extends BlockView {
             }
             const can = this.props.getCapabilities();
             const disableEditButton = !can.editMetadata;
-            const { isCorresponding, email } = displayAttr;
+            const { isCorresponding, email, id } = displayAttr;
             if (!disableEditButton) {
-                container.addEventListener('click', this.handleClick);
+                container.addEventListener('click', () => {
+                    const dataTracked = attrs.dataTracked;
+                    this.onClickHandler(id, dataTracked ? dataTracked[0] : undefined);
+                });
             }
             const name = authorLabel(displayAttr);
             container.innerHTML =
@@ -119,7 +126,8 @@ export class ContributorsView extends BlockView {
             if (selectedAuthor && selectedAuthor === attrs.id) {
                 container.classList.add('selected-suggestion');
             }
-            return container;
+            containerWrapper.appendChild(container);
+            return containerWrapper;
         };
         this.isJointFirstAuthor = (authors, index) => {
             const author = index === 0 ? authors[index] : authors[index - 1];
@@ -137,11 +145,14 @@ export class ContributorsView extends BlockView {
             this.dom = document.createElement('div');
             this.dom.classList.add('block-container', `block-${this.node.type.name}`);
         };
+        this.deselectNode = () => {
+            this.props.popper.destroy();
+        };
         this.createEditButton = () => {
             const can = this.props.getCapabilities();
             const button = ReactSubView(this.props, SecondaryButton, {
                 mini: true,
-                onClick: this.handleClick,
+                onClick: () => this.handleEdit(''),
                 className: 'edit-authors-button',
                 disabled: !can.editMetadata,
                 children: 'Edit Authors',
@@ -161,17 +172,45 @@ export class ContributorsView extends BlockView {
                 }
             }
         };
-        this.handleClick = (e) => {
-            var _a, _b;
-            e.stopPropagation();
+        this.onClickHandler = (elementId, dataTracked) => {
+            var _a;
+            this.props.popper.destroy();
+            const isSelectedSuggestion = !!((_a = selectedSuggestionKey
+                .getState(this.view.state)) === null || _a === void 0 ? void 0 : _a.find(this.getPos(), this.getPos() + this.node.nodeSize).length);
+            const { tr } = this.view.state;
+            tr.setSelection(NodeSelection.create(this.view.state.doc, this.getPos()));
+            if (dataTracked && dataTracked.status !== CHANGE_STATUS.rejected) {
+                tr.setMeta(SET_SUGGESTION_ID, dataTracked.id);
+            }
+            else {
+                if (isSelectedSuggestion) {
+                    tr.setMeta(CLEAR_SUGGESTION_ID, true);
+                }
+            }
+            this.view.dispatch(tr);
+            this.showContextMenu(elementId);
+        };
+        this.showContextMenu = (elementId) => {
+            this.props.popper.destroy();
+            const element = document.getElementById(elementId);
+            const componentProps = {
+                actions: [
+                    {
+                        label: 'Edit',
+                        action: () => this.handleEdit(elementId),
+                        icon: 'EditIcon',
+                    },
+                ],
+            };
+            this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu');
+            this.props.popper.show(element, this.contextMenu, 'right-start');
+        };
+        this.handleEdit = (id) => {
+            var _a;
+            this.props.popper.destroy();
             const contributors = findChildrenAttrsByType(this.view, schema.nodes.contributor);
             const affiliations = findChildrenAttrsByType(this.view, schema.nodes.affiliation);
-            let author = undefined;
-            const target = e.target;
-            if (target) {
-                const id = (_a = target.closest('.contributor')) === null || _a === void 0 ? void 0 : _a.getAttribute('id');
-                author = contributors.filter((a) => a.id === id)[0];
-            }
+            const author = id ? contributors.filter((a) => a.id === id)[0] : undefined;
             const componentProps = {
                 author,
                 authors: contributors,
@@ -180,7 +219,7 @@ export class ContributorsView extends BlockView {
                 onDeleteAuthor: this.handleDeleteAuthor,
                 onSaveAffiliation: this.handleSaveAffiliation,
             };
-            (_b = this.popper) === null || _b === void 0 ? void 0 : _b.remove();
+            (_a = this.popper) === null || _a === void 0 ? void 0 : _a.remove();
             this.popper = ReactSubView(this.props, AuthorsModal, componentProps, this.node, this.getPos, this.view);
             this.container.appendChild(this.popper);
         };

package/dist/es/views/link_editable.js

@@ -37,10 +37,6 @@ export class LinkEditableView extends LinkView {
             if (!this.props.getCapabilities().editArticle) {
                 return;
             }
-            if (!this.popperContainer) {
-                this.popperContainer = document.createElement('div');
-                this.popperContainer.className = 'link-editor';
-            }
             const originalValue = {
                 href: this.node.attrs.href,
                 title: this.node.attrs.title,
@@ -52,7 +48,7 @@ export class LinkEditableView extends LinkView {
                 handleRemove: this.handleRemove,
                 handleSave: this.handleSave,
             };
-            this.popperContainer = ReactSubView(this.props, LinkForm, componentProps, this.node, this.getPos, this.view);
+            this.popperContainer = ReactSubView(this.props, LinkForm, componentProps, this.node, this.getPos, this.view, 'link-editor');
             this.props.popper.show(this.dom, this.popperContainer, 'bottom');
         };
         this.handleCancel = () => {

package/dist/es/views/ordered_list.js

@@ -16,6 +16,7 @@
 import BlockView from './block_view';
 import { createNodeOrElementView } from './creators';
 export const JATS_HTML_LIST_STYLE_MAPPING = {
+    simple: 'none',
     bullet: 'disc',
     order: 'decimal',
     'alpha-lower': 'lower-alpha',

package/dist/types/commands.d.ts

@@ -19,6 +19,7 @@ import { ManuscriptEditorState, ManuscriptEditorView, ManuscriptMarkType, Manusc
 import { ResolvedPos } from 'prosemirror-model';
 import { Command, NodeSelection, Selection, TextSelection, Transaction } from 'prosemirror-state';
 import { NodeWithPos } from 'prosemirror-utils';
+import { EditorView } from 'prosemirror-view';
 import { EditorAction } from './types';
 export type Dispatch = (tr: ManuscriptTransaction) => void;
 export declare const markActive: (type: ManuscriptMarkType) => (state: ManuscriptEditorState) => boolean;
@@ -56,4 +57,4 @@ export declare const deleteHighlightMarkers: (rid: string) => Command;
 export declare function addComment(state: ManuscriptEditorState, dispatch?: Dispatch): boolean;
 export declare function addComment(state: ManuscriptEditorState, dispatch?: Dispatch, viewNode?: ManuscriptNode, resolvePos?: ResolvedPos): boolean;
 export declare const updateCommentAnnotationState: (state: ManuscriptEditorState, dispatch?: Dispatch) => void;
-export declare const insertTableFootnote: (node: ManuscriptNode, position: number, state: ManuscriptEditorState, dispatch?: Dispatch) => void;
+export declare const insertTableFootnote: (node: ManuscriptNode, position: number, view: EditorView) => void;

package/dist/types/plugins/footnotes/footnotes-utils.d.ts

@@ -13,5 +13,12 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { ManuscriptNode } from '@manuscripts/transform';
 import { ResolvedPos } from 'prosemirror-model';
+import { Transaction } from 'prosemirror-state';
+import { ContentNodeWithPos, NodeWithPos } from 'prosemirror-utils';
 export declare const findTableInlineFootnoteIds: ($pos: ResolvedPos) => Set<string>;
+export declare const getNewFootnotePos: (footnotesElement: NodeWithPos, footnoteIndex: number) => number;
+export declare const buildTableFootnoteLabels: (node: ManuscriptNode) => Map<string, string | undefined>;
+export declare const orderTableFootnotes: (tr: Transaction, footnotesElementWithPos: NodeWithPos, position: number) => Transaction;
+export declare const updateTableInlineFootnoteLabels: (tr: Transaction, table: ContentNodeWithPos) => Transaction;

package/dist/types/plugins/table-footnote.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'prosemirror-state';
+declare const _default: () => Plugin<any>;
+export default _default;