@manuscripts/body-editor 3.16.3 → 3.17.1

package/dist/es/lib/view.js

@@ -100,3 +100,11 @@ export const saveBibliographyItem = (view, attrs) => {
     }
     insertBibliographyItems(view, attrs);
 };
+export const isSelectionInsideNode = (view, node, pos) => {
+    const { from, to, empty } = view.state.selection;
+    const end = pos + node.nodeSize;
+    if (empty) {
+        return from > pos && from < end;
+    }
+    return from >= pos && to <= end;
+};

package/dist/es/plugins/detect-inconsistency/index.js

@@ -22,10 +22,12 @@ export default (props) => {
         key: detectInconsistencyKey,
         state: {
             init: (_, state) => buildPluginState(state, props, false),
-            apply: (tr, value, newState) => {
-                const showDecorations = tr.getMeta(detectInconsistencyKey) !== undefined
-                    ? tr.getMeta(detectInconsistencyKey)
-                    : value.showDecorations;
+            apply: (tr, value, _, newState) => {
+                const metaValue = tr.getMeta(detectInconsistencyKey);
+                const showDecorations = metaValue !== undefined ? metaValue : value.showDecorations;
+                if (!tr.docChanged && metaValue === undefined) {
+                    return value;
+                }
                 return buildPluginState(newState, props, showDecorations);
             },
         },

package/dist/es/plugins/persist.js

@@ -27,6 +27,9 @@ export default () => {
                 }
                 ids.add(id);
             });
+            if (!tr.steps.length) {
+                return null;
+            }
             skipTracking(tr);
             tr.setMeta('origin', 'persist');
             return tr;

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.16.3';
+export const VERSION = '3.17.1';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/box_element.js

@@ -15,6 +15,7 @@
  */
 import BlockView from './block_view';
 import { createNodeView } from './creators';
+import { HorizontalPositionMenu } from '../lib/position-menu';
 export class BoxElementView extends BlockView {
     constructor() {
         super(...arguments);
@@ -23,8 +24,29 @@ export class BoxElementView extends BlockView {
             this.contentDOM = document.createElement(this.elementType);
             this.contentDOM.className = 'block box-element';
             this.contentDOM.setAttribute('id', this.node.attrs.id);
-            this.dom.appendChild(this.contentDOM);
+            this.container = document.createElement('div');
+            this.container.classList.add('container');
+            this.container.appendChild(this.contentDOM);
+            this.dom.appendChild(this.container);
         };
     }
+    updateContents() {
+        super.updateContents();
+        this.addTools();
+    }
+    addTools() {
+        this.addPositionMenu();
+    }
+    addPositionMenu() {
+        if (!this.positionMenu) {
+            this.positionMenu = new HorizontalPositionMenu(this, this.updateHorizontalPosition, this.container);
+        }
+        this.positionMenu.create();
+    }
+    updateHorizontalPosition(horizontalPosition) {
+        const tr = this.view.state.tr;
+        tr.setNodeAttribute(this.getPos(), 'type', horizontalPosition);
+        this.view.dispatch(tr);
+    }
 }
 export default createNodeView(BoxElementView);

package/dist/es/views/caption_title.js

@@ -24,7 +24,7 @@ export class CaptionTitleView extends BaseNodeView {
         };
     }
     createDOM() {
-        this.dom = document.createElement('label');
+        this.dom = document.createElement('div');
         this.dom.className = 'caption-title placeholder';
         this.contentDOM = this.dom;
     }

package/dist/es/views/footnote.js

@@ -17,6 +17,7 @@ import { ContextMenu } from '@manuscripts/style-guide';
 import { isDeleted, isPendingInsert } from '@manuscripts/track-changes-plugin';
 import { schema } from '@manuscripts/transform';
 import isEqual from 'lodash/isEqual';
+import xor from 'lodash/xor';
 import { NodeSelection } from 'prosemirror-state';
 import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
 import { DeleteFootnoteDialog, } from '../components/views/DeleteFootnoteDialog';
@@ -26,25 +27,31 @@ import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
 import ReactSubView from './ReactSubView';
 import { handleEnterKey } from '../lib/navigation-utils';
+import { isSelectionInsideNode } from '../lib/view';
 export class FootnoteView extends BaseNodeView {
     constructor() {
         super(...arguments);
+        this.isMenuShown = false;
+        this.previousActionsLabels = [];
         this.initialise = () => {
             this.dom = document.createElement('div');
             this.dom.classList.add('footnote');
             this.dom.tabIndex = 0;
             this.contentDOM = document.createElement('div');
             this.contentDOM.classList.add('footnote-text');
-            this.dom.addEventListener('mousedown', (e) => this.handleClick(e, false));
-            this.dom.addEventListener('keydown', handleEnterKey((e) => this.handleClick(e, true)));
-            this.updateContents();
-        };
-        this.handleClick = (event, fromKeyboard = false) => {
-            const element = event.target;
-            const item = element.closest('.footnote');
-            if (item) {
-                this.showContextMenu(item, fromKeyboard);
+            if (!this.view.editable) {
+                const actions = this.getContextMenuActions();
+                if (actions.length > 0) {
+                    this.dom.addEventListener('mousedown', () => this.showContextMenu(actions, true));
+                }
             }
+            this.dom.addEventListener('keydown', handleEnterKey(() => {
+                const actions = this.getContextMenuActions();
+                if (actions.length > 0) {
+                    this.showContextMenu(actions, true);
+                }
+            }));
+            this.updateContents();
         };
         this.handleMarkerClick = (e) => {
             e?.preventDefault();
@@ -128,35 +135,53 @@ export class FootnoteView extends BaseNodeView {
         this.dom.innerHTML = '';
         this.dom.appendChild(marker);
         this.contentDOM && this.dom.appendChild(this.contentDOM);
+        const selectionInsideNode = isSelectionInsideNode(this.view, this.node, this.getPos());
+        const actions = this.getContextMenuActions();
+        const hasActions = actions.length > 0;
+        const currentLabels = actions.map(({ label }) => label);
+        const changedLabels = xor(currentLabels, this.previousActionsLabels);
+        if (selectionInsideNode &&
+            hasActions &&
+            (!this.isMenuShown || changedLabels.length > 0)) {
+            this.showContextMenu(actions, false);
+            this.previousActionsLabels = actions.map(({ label }) => label);
+        }
+        else if ((!hasActions || !selectionInsideNode) && this.isMenuShown) {
+            this.props.popper.destroy();
+            this.isMenuShown = false;
+            this.previousActionsLabels = [];
+        }
     }
     getFootnoteState() {
         const id = this.node.attrs.id;
         const fn = getFootnotesElementState(this.view.state, id);
         return { id, fn };
     }
-    showContextMenu(element, autoFocus) {
+    showContextMenu(actions, autoFocus) {
+        this.isMenuShown = true;
         this.props.popper.destroy();
+        this.contextMenu = ReactSubView(this.props, ContextMenu, { actions }, this.node, this.getPos, this.view, ['context-menu', 'footnote-context-menu']);
+        this.props.popper.show(this.dom, this.contextMenu, 'right-start', true, [], autoFocus, false);
+    }
+    getContextMenuActions() {
         const can = this.props.getCapabilities();
         const { id, fn } = this.getFootnoteState();
-        const componentProps = {
-            actions: [],
-        };
+        const actions = [];
         if (!fn?.unusedFootnoteIDs.has(id)) {
-            componentProps.actions.push({
-                label: 'Go to footnote Refernce',
+            actions.push({
+                label: 'Go to footnote Reference',
                 action: () => this.handleMarkerClick(),
                 icon: 'Scroll',
             });
         }
         if (can.editArticle && !isDeleted(this.node)) {
-            componentProps.actions.push({
+            actions.push({
                 label: 'Delete',
                 action: () => this.handleDeleteClick(),
                 icon: 'Delete',
             });
         }
-        this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu', 'footnote-context-menu']);
-        this.props.popper.show(element, this.contextMenu, 'right-start', true, [], autoFocus);
+        return actions;
     }
 }
 const getEffectiveChildCount = (node) => {

package/dist/es/views/general_table_footnote.js

@@ -21,27 +21,27 @@ import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
 import ReactSubView from './ReactSubView';
 import { isDeleted, isPendingInsert } from '@manuscripts/track-changes-plugin';
+import { handleEnterKey } from '../lib/navigation-utils';
+import { isSelectionInsideNode } from '../lib/view';
 export class GeneralTableFootnoteView extends BaseNodeView {
     constructor() {
         super(...arguments);
+        this.isMenuShown = false;
         this.initialise = () => {
             this.dom = document.createElement('div');
             this.dom.classList.add('footnote', 'general-table-footnote');
-            this.dom.addEventListener('mousedown', this.handleClick);
+            this.dom.tabIndex = 0;
+            this.dom.addEventListener('keydown', handleEnterKey(() => {
+                const can = this.props.getCapabilities();
+                const canShowMenu = can.editArticle && !isDeleted(this.node);
+                if (canShowMenu) {
+                    this.showContextMenu(true);
+                }
+            }));
             this.contentDOM = document.createElement('div');
             this.contentDOM.classList.add('footnote-text');
             this.updateContents();
         };
-        this.handleClick = (e) => {
-            const element = e.target;
-            const can = this.props.getCapabilities();
-            if (can.editArticle) {
-                const item = element.closest('.general-table-footnote');
-                if (item) {
-                    this.showContextMenu(item);
-                }
-            }
-        };
         this.handleDeleteClick = () => {
             const componentProps = {
                 header: 'Delete table general note',
@@ -74,21 +74,31 @@ export class GeneralTableFootnoteView extends BaseNodeView {
         super.updateContents();
         this.dom.innerHTML = '';
         this.contentDOM && this.dom.appendChild(this.contentDOM);
+        const selectionInsideNode = isSelectionInsideNode(this.view, this.node, this.getPos());
+        const can = this.props.getCapabilities();
+        const canShowMenu = can.editArticle && !isDeleted(this.node);
+        if (canShowMenu && selectionInsideNode && !this.isMenuShown) {
+            this.showContextMenu(false);
+        }
+        else if ((!canShowMenu || !selectionInsideNode) && this.isMenuShown) {
+            this.props.popper.destroy();
+            this.isMenuShown = false;
+        }
     }
-    showContextMenu(element) {
+    showContextMenu(autoFocus = false) {
+        this.isMenuShown = true;
         this.props.popper.destroy();
         const componentProps = {
-            actions: [],
+            actions: [
+                {
+                    label: 'Delete',
+                    action: () => this.handleDeleteClick(),
+                    icon: 'Delete',
+                },
+            ],
         };
-        if (!isDeleted(this.node)) {
-            componentProps.actions.push({
-                label: 'Delete',
-                action: () => this.handleDeleteClick(),
-                icon: 'Delete',
-            });
-        }
         this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu', 'footnote-context-menu']);
-        this.props.popper.show(element, this.contextMenu, 'right-start');
+        this.props.popper.show(this.dom, this.contextMenu, 'right-start', false, [], autoFocus, false);
     }
 }
 export default createNodeView(GeneralTableFootnoteView);

package/dist/es/views/image_element.js

@@ -13,21 +13,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ContextMenu } from '@manuscripts/style-guide';
 import { schema } from '@manuscripts/transform';
 import { deleteIcon, linkIcon } from '../icons';
 import { addInteractionHandlers, createMediaPlaceholder, MediaType, } from '../lib/media';
 import { handleEnterKey } from '../lib/navigation-utils';
-import { createPositionMenuWrapper } from '../lib/position-menu';
+import { HorizontalPositionMenu } from '../lib/position-menu';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
-import ReactSubView from './ReactSubView';
-export var figurePositions;
-(function (figurePositions) {
-    figurePositions["left"] = "half-left";
-    figurePositions["right"] = "half-right";
-    figurePositions["default"] = "";
-})(figurePositions || (figurePositions = {}));
 export class ImageElementView extends BlockView {
     constructor() {
         super(...arguments);
@@ -42,46 +34,6 @@ export class ImageElementView extends BlockView {
             this.setExtLink({ extLink: result.id });
             this.updateContents();
         };
-        this.showPositionMenu = () => {
-            const firstFigure = this.getFirstFigure();
-            if (!firstFigure) {
-                return;
-            }
-            this.props.popper.destroy();
-            const options = [
-                {
-                    label: 'Left',
-                    action: () => {
-                        this.props.popper.destroy();
-                        this.updateAllFiguresPosition(figurePositions.left);
-                    },
-                    icon: 'ImageLeft',
-                    selected: this.figurePosition === figurePositions.left,
-                },
-                {
-                    label: 'Default',
-                    action: () => {
-                        this.props.popper.destroy();
-                        this.updateAllFiguresPosition(figurePositions.default);
-                    },
-                    icon: 'ImageDefault',
-                    selected: !this.figurePosition,
-                },
-                {
-                    label: 'Right',
-                    action: () => {
-                        this.props.popper.destroy();
-                        this.updateAllFiguresPosition(figurePositions.right);
-                    },
-                    icon: 'ImageRight',
-                    selected: this.figurePosition === figurePositions.right,
-                },
-            ];
-            const componentProps = {
-                actions: options,
-            };
-            this.props.popper.show(this.positionMenuWrapper, ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu', 'position-menu']), 'left', false);
-        };
         this.removeExtLink = () => {
             this.setExtLink({ extLink: '' });
         };
@@ -127,18 +79,6 @@ export class ImageElementView extends BlockView {
     addTools() {
         this.addPositionMenu();
     }
-    addPositionMenu() {
-        if (this.props.getCapabilities()?.editArticle) {
-            const existingMenu = this.container.querySelector('.position-menu');
-            if (existingMenu) {
-                existingMenu.remove();
-            }
-            const firstFigure = this.getFirstFigure();
-            this.figurePosition = firstFigure?.attrs.type || figurePositions.default;
-            this.positionMenuWrapper = createPositionMenuWrapper(this.figurePosition, this.showPositionMenu, this.props);
-            this.container.prepend(this.positionMenuWrapper);
-        }
-    }
     getFirstFigure() {
         if (this.node.type === schema.nodes.image_element) {
             const figureNode = this.node.firstChild;
@@ -176,6 +116,12 @@ export class ImageElementView extends BlockView {
         }
         return figures;
     }
+    addPositionMenu() {
+        if (!this.positionMenu) {
+            this.positionMenu = new HorizontalPositionMenu(this, this.updateAllFiguresPosition.bind(this), this.container, () => this.getFirstFigure());
+        }
+        this.positionMenu.create();
+    }
     updateAllFiguresPosition(position) {
         const figures = this.getAllFigures();
         const { tr } = this.view.state;
@@ -186,7 +132,6 @@ export class ImageElementView extends BlockView {
             });
         });
         this.view.dispatch(tr);
-        this.figurePosition = position;
     }
     createDnDPlaceholder() {
         const can = this.props.getCapabilities();

package/dist/es/views/pullquote_element.js

@@ -21,6 +21,7 @@ import { setCommentSelection } from '../plugins/comments';
 import BlockView from './block_view';
 import { createNodeOrElementView } from './creators';
 import ReactSubView from './ReactSubView';
+import { HorizontalPositionMenu } from '../lib/position-menu';
 export class PullquoteElementView extends BlockView {
     constructor() {
         super(...arguments);
@@ -43,7 +44,10 @@ export class PullquoteElementView extends BlockView {
             this.contentDOM = document.createElement(this.elementType);
             this.contentDOM.className = 'block';
             this.contentDOM.classList.add('pullquote');
-            this.dom.appendChild(this.contentDOM);
+            this.container = document.createElement('div');
+            this.container.classList.add('container');
+            this.container.appendChild(this.contentDOM);
+            this.dom.appendChild(this.container);
             this.dom.addEventListener('click', this.handleClick);
         };
         this.actionGutterButtons = () => {
@@ -78,5 +82,23 @@ export class PullquoteElementView extends BlockView {
         tr.insert(this.getPos() + 1, schema.nodes.quote_image.create());
         this.view.dispatch(tr);
     }
+    updateContents() {
+        super.updateContents();
+        this.addTools();
+    }
+    addTools() {
+        this.addPositionMenu();
+    }
+    addPositionMenu() {
+        if (!this.positionMenu) {
+            this.positionMenu = new HorizontalPositionMenu(this, this.updateHorizontalPosition, this.container);
+        }
+        this.positionMenu.create();
+    }
+    updateHorizontalPosition(horizontalPosition) {
+        const tr = this.view.state.tr;
+        tr.setNodeAttribute(this.getPos(), 'type', horizontalPosition);
+        this.view.dispatch(tr);
+    }
 }
 export default createNodeOrElementView(PullquoteElementView, 'aside');

package/dist/es/views/table_element.js

@@ -15,6 +15,7 @@
  */
 import BlockView from './block_view';
 import { createNodeView } from './creators';
+import { HorizontalPositionMenu } from '../lib/position-menu';
 export class TableElementView extends BlockView {
     constructor() {
         super(...arguments);
@@ -23,8 +24,29 @@ export class TableElementView extends BlockView {
             this.contentDOM = document.createElement('figure');
             this.contentDOM.classList.add('block');
             this.contentDOM.setAttribute('id', this.node.attrs.id);
-            this.dom.appendChild(this.contentDOM);
+            this.container = document.createElement('div');
+            this.container.classList.add('container');
+            this.container.appendChild(this.contentDOM);
+            this.dom.appendChild(this.container);
         };
     }
+    updateContents() {
+        super.updateContents();
+        this.addTools();
+    }
+    addTools() {
+        this.addPositionMenu();
+    }
+    addPositionMenu() {
+        if (!this.positionMenu) {
+            this.positionMenu = new HorizontalPositionMenu(this, this.updateHorizontalPosition, this.container);
+        }
+        this.positionMenu.create();
+    }
+    updateHorizontalPosition(horizontalPosition) {
+        const tr = this.view.state.tr;
+        tr.setNodeAttribute(this.getPos(), 'type', horizontalPosition);
+        this.view.dispatch(tr);
+    }
 }
 export default createNodeView(TableElementView);

package/dist/types/lib/popper.d.ts

@@ -13,16 +13,18 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Placement, StrictModifiers } from '@popperjs/core';
+import { Instance, Placement, StrictModifiers } from '@popperjs/core';
 export declare class PopperManager {
     private activePopper?;
     private handleDocumentClick?;
     private triggerElement?;
     private container?;
-    show(target: Element, contents: HTMLElement, placement?: Placement, showArrow?: boolean, modifiers?: Array<Partial<StrictModifiers>>, autoFocus?: boolean): void;
+    private destructionListener?;
+    show(target: Element, contents: HTMLElement, placement?: Placement, showArrow?: boolean, modifiers?: Array<Partial<StrictModifiers>>, autoFocus?: boolean, autoCloseOnOutsideClick?: boolean, onDestroy?: ((i: Instance) => void) | undefined): void;
     destroy(): void;
     getContainer(): HTMLElement | undefined;
     update(): void;
+    replaceContent(newContent: HTMLElement): void;
     isActive: () => boolean;
     private focusInput;
     private addContainerClass;

package/dist/types/lib/position-menu.d.ts

@@ -15,20 +15,45 @@
  */
 import { ManuscriptEditorView, ManuscriptNode, ManuscriptNodeType } from '@manuscripts/transform';
 import { EditorProps } from '../configs/ManuscriptsEditor';
+import BlockView from '../views/block_view';
+export declare enum HorizontalPositions {
+    left = "half-left",
+    right = "half-right",
+    default = ""
+}
 export interface PopperMenuPositionOption {
     label: string;
     action: () => void;
     icon: string;
     selected: boolean;
 }
-export declare const createPositionOptions: <T extends ManuscriptNode>(nodeType: ManuscriptNodeType, node: T, currentPosition: string, view: ManuscriptEditorView, onComplete?: () => void) => {
-    title: string;
-    action: () => void;
-    IconComponent: string;
-    iconName: string;
-    selected: boolean;
-}[];
-export declare const createPopperMenuPositionOptions: <T extends ManuscriptNode>(nodeType: ManuscriptNodeType, node: T, currentPosition: string, view: ManuscriptEditorView, onComplete?: () => void) => PopperMenuPositionOption[];
-export declare const showPositionMenu: <T extends ManuscriptNode>(nodeType: ManuscriptNodeType, node: T, currentPosition: string, positionMenuWrapper: HTMLElement, view: ManuscriptEditorView, getPos: () => number, props: EditorProps) => void;
-export declare const setElementPositionAlignment: (element: HTMLElement, position: string) => void;
-export declare const createPositionMenuWrapper: (currentPosition: string, onClick: () => void, props: EditorProps) => HTMLDivElement;
+export declare class HorizontalPositionMenu {
+    private parent;
+    menuOpen: boolean;
+    posMenuSelector: string;
+    onChange: (newPos: HorizontalPositions) => void;
+    positionMenuWrapper: HTMLDivElement;
+    location: HTMLElement;
+    getPositionSource?: () => ManuscriptNode | null;
+    constructor(parent: BlockView<ManuscriptNode>, onChange: (newPos: HorizontalPositions) => void, location?: HTMLElement, getPositionSource?: () => ManuscriptNode | null);
+    static createPositionOptions<T extends ManuscriptNode>(nodeType: ManuscriptNodeType, node: T, currentPosition: string, view: ManuscriptEditorView, onComplete?: () => void): {
+        title: string;
+        action: () => void;
+        IconComponent: string;
+        iconName: string;
+        selected: boolean;
+    }[];
+    createPopperMenuPositionOptions<T extends ManuscriptNode>(nodeType: ManuscriptNodeType, node: T, currentPosition: string, view: ManuscriptEditorView, onComplete?: () => void): PopperMenuPositionOption[];
+    buttonClass: string;
+    createPositionMenuWrapper(currentPosition: string, props: EditorProps): void;
+    getHorizontalPositionOptions(current: string, onPick: (newPos: HorizontalPositions) => void, destroy: () => void): {
+        actions: {
+            label: string;
+            action: () => void;
+            icon: string;
+            selected: boolean;
+        }[];
+    };
+    showPositionMenu(force?: boolean): void;
+    create(): void;
+}

package/dist/types/lib/view.d.ts

@@ -13,9 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { BibliographyItemAttrs, ManuscriptEditorView, ManuscriptNodeType } from '@manuscripts/transform';
+import { BibliographyItemAttrs, ManuscriptEditorView, ManuscriptNode, ManuscriptNodeType } from '@manuscripts/transform';
 import { Attrs } from 'prosemirror-model';
 import * as utils from 'prosemirror-utils';
+import { EditorView } from 'prosemirror-view';
 export declare const findChildByID: (view: ManuscriptEditorView, id: string) => utils.NodeWithPos | undefined;
 export declare const findChildByType: (view: ManuscriptEditorView, type: ManuscriptNodeType) => utils.NodeWithPos | undefined;
 export declare const findChildrenByType: (view: ManuscriptEditorView, type: ManuscriptNodeType) => utils.NodeWithPos[];
@@ -24,3 +25,4 @@ export declare const updateNodeAttrs: (view: ManuscriptEditorView, type: Manuscr
 export declare const deleteNode: (view: ManuscriptEditorView, id: string) => void;
 export declare const insertBibliographyItems: (view: ManuscriptEditorView, items: BibliographyItemAttrs[]) => void;
 export declare const saveBibliographyItem: (view: ManuscriptEditorView, attrs: BibliographyItemAttrs[]) => void;
+export declare const isSelectionInsideNode: (view: EditorView, node: ManuscriptNode, pos: number) => boolean;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.16.3";
+export declare const VERSION = "3.17.1";
 export declare const MATHJAX_VERSION = "3.2.2";

package/dist/types/views/box_element.d.ts

@@ -17,7 +17,13 @@ import { BoxElementNode } from '@manuscripts/transform';
 import BlockView from './block_view';
 export declare class BoxElementView extends BlockView<BoxElementNode> {
     elementType: string;
+    container: HTMLDivElement;
     createElement: () => void;
+    updateContents(): void;
+    protected addTools(): void;
+    private positionMenu;
+    protected addPositionMenu(): void;
+    private updateHorizontalPosition;
 }
 declare const _default: (props: import("../configs/ManuscriptsEditor").EditorProps, dispatch?: import("..").Dispatch) => import("../types").NodeViewCreator<BoxElementView>;
 export default _default;

package/dist/types/views/footnote.d.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { ContextMenuProps } from '@manuscripts/style-guide';
 import { FootnoteNode } from '@manuscripts/transform';
 import { Transaction } from 'prosemirror-state';
 import { Trackable } from '../types';
@@ -20,14 +21,16 @@ import { BaseNodeView } from './base_node_view';
 export declare class FootnoteView extends BaseNodeView<Trackable<FootnoteNode>> {
     dialog: HTMLElement;
     contextMenu: HTMLDivElement;
+    isMenuShown: boolean;
+    previousActionsLabels: string[];
     initialise: () => void;
     updateContents(): void;
     getFootnoteState(): {
         id: string;
         fn: import("../plugins/footnotes").FootnotesElementState | undefined;
     };
-    showContextMenu(element: HTMLElement, autoFocus: boolean): void;
-    handleClick: (event: Event, fromKeyboard?: boolean) => void;
+    showContextMenu(actions: ContextMenuProps['actions'], autoFocus: boolean): void;
+    getContextMenuActions(): import("@manuscripts/style-guide").Actions[];
     handleMarkerClick: (e?: Event) => void;
     handleDeleteClick: (e?: Event) => void;
     handleDelete: () => void;

package/dist/types/views/general_table_footnote.d.ts

@@ -19,10 +19,10 @@ import { BaseNodeView } from './base_node_view';
 export declare class GeneralTableFootnoteView extends BaseNodeView<Trackable<GeneralTableFootnoteNode>> {
     dialog: HTMLElement;
     contextMenu: HTMLDivElement;
+    isMenuShown: boolean;
     initialise: () => void;
     updateContents(): void;
-    handleClick: (e: Event) => void;
-    showContextMenu(element: HTMLElement): void;
+    showContextMenu(autoFocus?: boolean): void;
     handleDeleteClick: () => void;
     handleDelete: () => void;
 }