@manuscripts/body-editor 3.9.11 → 3.9.13

package/dist/es/views/contributors.js

@@ -19,6 +19,7 @@ import { NodeSelection } from 'prosemirror-state';
 import { AuthorsModal, } from '../components/authors/AuthorsModal';
 import { authorComparator, authorLabel, } from '../lib/authors';
 import { handleComment } from '../lib/comments';
+import { createKeyboardInteraction } from '../lib/navigation-utils';
 import { addTrackChangesAttributes, isDeleted, } from '../lib/track-changes-utils';
 import { findInsertionPosition } from '../lib/utils';
 import { deleteNode, findChildByID, findChildByType, findChildrenAttrsByType, updateNodeAttrs, } from '../lib/view';
@@ -45,11 +46,26 @@ export class ContributorsView extends BlockView {
             const can = this.props.getCapabilities();
             if (can.editMetadata) {
                 wrapper.addEventListener('click', this.handleClick);
+                this.removeKeydownListener = createKeyboardInteraction({
+                    container: wrapper,
+                    navigation: {
+                        getItems: () => {
+                            return Array.from(wrapper.querySelectorAll('.contributor'));
+                        },
+                        arrowKeys: { forward: 'ArrowRight', backward: 'ArrowLeft' },
+                    },
+                    additionalKeys: {
+                        Enter: (e) => {
+                            e.preventDefault();
+                            this.handleClick(e);
+                        },
+                    },
+                });
             }
             const authors = affs.contributors;
             authors.sort(authorComparator).forEach((author, i) => {
                 const jointAuthors = this.isJointFirstAuthor(authors, i);
-                wrapper.appendChild(this.buildAuthor(author, jointAuthors));
+                wrapper.appendChild(this.buildAuthor(author, jointAuthors, i));
                 if (i !== authors.length - 1) {
                     const separator = document.createElement('span');
                     separator.classList.add('separator');
@@ -59,13 +75,14 @@ export class ContributorsView extends BlockView {
             });
             this.container.appendChild(wrapper);
         };
-        this.buildAuthor = (attrs, isJointFirstAuthor) => {
+        this.buildAuthor = (attrs, isJointFirstAuthor, index) => {
             const state = this.view.state;
             const affs = affiliationsKey.getState(state)?.indexedAffiliationIds;
             const container = document.createElement('span');
             container.classList.add('contributor');
             container.setAttribute('id', attrs.id);
             container.setAttribute('contenteditable', 'false');
+            container.tabIndex = index === 0 ? 0 : -1;
             addTrackChangesAttributes(attrs, container);
             const name = authorLabel(attrs);
             container.innerHTML =
@@ -269,5 +286,9 @@ export class ContributorsView extends BlockView {
         note.classList.add('contributor-note');
         return note;
     }
+    destroy() {
+        this.removeKeydownListener?.();
+        super.destroy();
+    }
 }
 export default createNodeView(ContributorsView);

package/dist/es/views/cross_reference.js

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { handleEnterKey } from '../lib/navigation-utils';
 import { objectsKey } from '../plugins/objects';
 import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
@@ -37,6 +38,8 @@ export class CrossReferenceView extends BaseNodeView {
         this.createDOM = () => {
             this.dom = document.createElement('span');
             this.dom.className = 'cross-reference';
+            this.dom.tabIndex = 0;
+            this.dom.addEventListener('keydown', handleEnterKey(() => this.handleClick()));
         };
     }
     updateContents() {

package/dist/es/views/editable_block.js

@@ -16,6 +16,7 @@
 import { schema } from '@manuscripts/transform';
 import { ContextMenu, contextMenuBtnClass } from '../lib/context-menu';
 import { hasParent, isNotNull } from '../lib/utils';
+import { createKeyboardInteraction } from '../lib/navigation-utils';
 export const EditableBlock = (Base) => {
     return class extends Base {
         constructor() {
@@ -25,7 +26,12 @@ export const EditableBlock = (Base) => {
             };
         }
         gutterButtons() {
-            return [this.createAddButton(), this.createEditButton()].filter(isNotNull);
+            const buttons = [this.createAddButton(), this.createEditButton()].filter(isNotNull);
+            buttons.forEach((btn) => (btn.tabIndex = -1));
+            if (buttons.length > 0) {
+                buttons[0].tabIndex = 0;
+            }
+            return buttons;
         }
         actionGutterButtons() {
             return [];
@@ -53,10 +59,24 @@ export const EditableBlock = (Base) => {
             button.setAttribute('role', 'button');
             button.setAttribute('aria-label', `Add an element below`);
             button.setAttribute('data-balloon-pos', 'down-left');
-            button.addEventListener('mousedown', (event) => {
+            const handleClick = (event) => {
                 event.preventDefault();
                 const menu = this.createMenu();
                 menu.showAddMenu(event.currentTarget);
+            };
+            button.addEventListener('mousedown', handleClick);
+            createKeyboardInteraction({
+                container: button,
+                additionalKeys: {
+                    Enter: handleClick,
+                    ArrowRight: () => {
+                        const parent = button.parentElement;
+                        const editButton = parent?.querySelector('.edit-block');
+                        if (editButton) {
+                            editButton.focus();
+                        }
+                    },
+                },
             });
             return button;
         }
@@ -69,10 +89,24 @@ export const EditableBlock = (Base) => {
             button.setAttribute('role', 'button');
             button.setAttribute('aria-label', 'Open menu');
             button.setAttribute('data-balloon-pos', 'down-left');
-            button.addEventListener('mousedown', (event) => {
+            const handleClick = (event) => {
                 event.preventDefault();
                 const menu = this.createMenu();
                 menu.showEditMenu(event.currentTarget);
+            };
+            button.addEventListener('mousedown', handleClick);
+            createKeyboardInteraction({
+                container: button,
+                additionalKeys: {
+                    Enter: handleClick,
+                    ArrowLeft: () => {
+                        const parent = button.parentElement;
+                        const addButton = parent?.querySelector('.add-block');
+                        if (addButton) {
+                            addButton.focus();
+                        }
+                    },
+                },
             });
             return button;
         }

package/dist/es/views/embed.js

@@ -158,7 +158,7 @@ export class EmbedView extends BlockView {
         const href = this.node.attrs.href;
         let object;
         if (!href) {
-            object = createMediaPlaceholder(MediaType.Media, this.view, this.getPos);
+            object = createMediaPlaceholder(MediaType.Media, this.view, this.getPos, this.props);
         }
         else if (this.isUploadedFile()) {
             const files = this.props.getFiles();
@@ -172,14 +172,14 @@ export class EmbedView extends BlockView {
                     : createUnsupportedFormat(file.name, this.props.getCapabilities().editArticle);
             }
             else {
-                object = createMediaPlaceholder(MediaType.Media, this.view, this.getPos);
+                object = createMediaPlaceholder(MediaType.Media, this.view, this.getPos, this.props);
             }
         }
         else if (this.isEmbedLink()) {
             object = await this.createEmbedPreview();
         }
         else {
-            object = createMediaPlaceholder(MediaType.Media, this.view, this.getPos);
+            object = createMediaPlaceholder(MediaType.Media, this.view, this.getPos, this.props);
         }
         const can = this.props.getCapabilities();
         if (can.uploadFile && object.classList.contains('placeholder')) {

package/dist/es/views/figure_editable.js

@@ -49,7 +49,7 @@ export class FigureEditableView extends FigureView {
             return img;
         };
         this.createPlaceholder = () => {
-            return createMediaPlaceholder(MediaType.Figure);
+            return createMediaPlaceholder(MediaType.Figure, this.view, this.getPos, this.props);
         };
     }
     initialise() {

package/dist/es/views/figure_element.js

@@ -16,6 +16,7 @@
 import { schema } from '@manuscripts/transform';
 import { TextSelection } from 'prosemirror-state';
 import { addAuthorIcon } from '../icons';
+import { handleEnterKey } from '../lib/navigation-utils';
 import { createNodeView } from './creators';
 import { ImageElementView } from './image_element';
 export class FigureElementView extends ImageElementView {
@@ -71,6 +72,8 @@ export class FigureElementView extends ImageElementView {
                 title: 'Add figure',
             });
             this.addFigureBtn.addEventListener('click', () => this.addFigure());
+            this.addFigureBtn.addEventListener('keydown', handleEnterKey(() => this.addFigure()));
+            this.addFigureBtn.tabIndex = 0;
             this.container.prepend(this.addFigureBtn);
         }
     }

package/dist/es/views/footnote.js

@@ -25,15 +25,18 @@ import { isDeleted, isPendingInsert } from '../lib/track-changes-utils';
 import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
 import ReactSubView from './ReactSubView';
+import { handleEnterKey } from '../lib/navigation-utils';
 export class FootnoteView extends BaseNodeView {
     constructor() {
         super(...arguments);
         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', this.handleClick);
+            this.dom.addEventListener('keydown', handleEnterKey(this.handleClick));
             this.updateContents();
         };
         this.handleClick = (event) => {

package/dist/es/views/hero_image.js

@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 import { arrowUp } from '../icons';
+import { handleEnterKey } from '../lib/navigation-utils';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
 export class HeroImageView extends BlockView {
@@ -42,13 +43,15 @@ export class HeroImageView extends BlockView {
         heroImageToggleBtn.classList.add('toggle-btn', 'button-reset');
         heroImageToggleBtn.innerHTML = arrowUp;
         heroImageToggleBtn.classList.toggle('collapsed', this.collapsed);
-        heroImageToggleBtn.onclick = () => {
+        const handleToggle = () => {
             this.collapsed = !this.collapsed;
             if (this.contentDOM) {
                 this.contentDOM.style.display = this.collapsed ? 'none' : '';
             }
             heroImageToggleBtn.classList.toggle('collapsed', this.collapsed);
         };
+        heroImageToggleBtn.onclick = handleToggle;
+        heroImageToggleBtn.addEventListener('keydown', handleEnterKey(handleToggle));
         panel.appendChild(label);
         panel.appendChild(heroImageToggleBtn);
         return panel;

package/dist/es/views/image_element.js

@@ -17,6 +17,7 @@ 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 BlockView from './block_view';
 import { createNodeView } from './creators';
@@ -194,14 +195,16 @@ export class ImageElementView extends BlockView {
         label.innerText = 'Link';
         const container = document.createElement('div');
         container.classList.add('ext-link-editor-placeholder-container');
-        const placeholder = createMediaPlaceholder(MediaType.ExternalLink);
+        const placeholder = createMediaPlaceholder(MediaType.ExternalLink, this.view, this.getPos, this.props);
         const closeButton = document.createElement('button');
         closeButton.classList.add('close-button');
         closeButton.setAttribute('aria-label', 'Close');
-        closeButton.addEventListener('click', () => {
+        const handleClose = () => {
             this.setIsEditingExtLink(false);
             this.updateContents();
-        });
+        };
+        closeButton.addEventListener('click', handleClose);
+        closeButton.addEventListener('keydown', handleEnterKey(handleClose));
         container.append(placeholder, closeButton);
         this.extLinkEditorContainer.append(label, container);
         if (can.uploadFile) {
@@ -216,10 +219,13 @@ export class ImageElementView extends BlockView {
         button.appendChild(buttonText);
         button.setAttribute('aria-label', 'Add linked file');
         button.classList.add('icon-button');
-        button.addEventListener('click', () => {
+        button.tabIndex = 0;
+        const handleAdd = () => {
             this.setIsEditingExtLink(true);
             this.updateContents();
-        });
+        };
+        button.addEventListener('click', handleAdd);
+        button.addEventListener('keydown', handleEnterKey(handleAdd));
         this.extLinkEditorContainer.appendChild(button);
     }
     createLinkedFile() {
@@ -234,10 +240,12 @@ export class ImageElementView extends BlockView {
         removeButton.classList.add('icon-button', 'remove-button');
         removeButton.setAttribute('aria-label', 'Remove link');
         removeButton.innerHTML = deleteIcon;
-        removeButton.addEventListener('click', () => {
+        const handleRemove = () => {
             this.isEditingExtLink = false;
             this.removeExtLink();
-        });
+        };
+        removeButton.addEventListener('click', handleRemove);
+        removeButton.addEventListener('keydown', handleEnterKey(handleRemove));
         div.appendChild(removeButton);
         this.extLinkEditorContainer.appendChild(div);
     }

package/dist/es/views/inline_footnote.js

@@ -17,6 +17,7 @@ import { ContextMenu } from '@manuscripts/style-guide';
 import { NodeSelection, TextSelection } from 'prosemirror-state';
 import { insertFootnotesElement } from '../commands';
 import { FootnotesSelector, } from '../components/views/FootnotesSelector';
+import { handleEnterKey } from '../lib/navigation-utils';
 import { createFootnote, findFootnotesContainerNode, getFootnotesElementState, } from '../lib/footnotes';
 import { isDeleted, isPendingInsert } from '../lib/track-changes-utils';
 import { BaseNodeView } from './base_node_view';
@@ -102,7 +103,9 @@ export class InlineFootnoteView extends BaseNodeView {
         this.initialise = () => {
             this.dom = this.createDOM();
             this.dom.classList.add('footnote-marker');
+            this.dom.tabIndex = 0;
             this.dom.addEventListener('click', this.handleClick);
+            this.dom.addEventListener('keydown', handleEnterKey(() => this.handleClick()));
             this.updateContents();
         };
         this.selectNode = () => {

package/dist/es/views/keyword.js

@@ -15,9 +15,11 @@
  */
 import { TextSelection } from 'prosemirror-state';
 import { DeleteKeywordDialog, } from '../components/keywords/DeleteKeywordDialog';
+import { handleEnterKey } from '../lib/navigation-utils';
 import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
 import ReactSubView from './ReactSubView';
+import { isDeleted } from '../lib/track-changes-utils';
 const deleteIcon = '<svg width="8px" height="8px" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">\n' +
     '    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n' +
     '        <g fill="#6E6E6E">\n' +
@@ -36,6 +38,8 @@ export class KeywordView extends BaseNodeView {
         this.createDOM = () => {
             this.dom = document.createElement('span');
             this.dom.classList.add('keyword');
+            this.dom.tabIndex = this.isFirstKeyword() ? 0 : -1;
+            this.dom.addEventListener('keydown', handleEnterKey(() => this.showConfirmationDialog()));
             this.contentDOM = document.createElement('span');
         };
         this.showConfirmationDialog = () => {
@@ -57,6 +61,17 @@ export class KeywordView extends BaseNodeView {
             }
         };
     }
+    isFirstKeyword() {
+        const pos = this.getPos();
+        const parent = this.view.state.doc.resolve(pos).parent;
+        for (let i = 0; i < parent.childCount; i++) {
+            const child = parent.child(i);
+            if (!isDeleted(child)) {
+                return child === this.node;
+            }
+        }
+        return false;
+    }
     updateContents() {
         super.updateContents();
         this.dom.innerHTML = '';

package/dist/es/views/keyword_group.js

@@ -14,6 +14,8 @@
  * limitations under the License.
  */
 import { AddKeywordInline } from '../components/keywords/AddKeywordInline';
+import { createKeyboardInteraction } from '../lib/navigation-utils';
+import { isDeleted } from '../lib/track-changes-utils';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
 import ReactSubView from './ReactSubView';
@@ -30,6 +32,13 @@ export class KeywordGroupView extends BlockView {
             this.contentDOM.setAttribute('id', this.node.attrs.id);
             this.contentDOM.setAttribute('contenteditable', 'false');
             this.element.appendChild(this.contentDOM);
+            this.removeKeydownListener = createKeyboardInteraction({
+                container: this.element,
+                navigation: {
+                    getItems: () => Array.from(this.element.querySelectorAll('.keyword:not(.deleted), .keyword-add')),
+                    arrowKeys: { forward: 'ArrowRight', backward: 'ArrowLeft' },
+                },
+            });
             if (this.props.getCapabilities().editArticle) {
                 this.addingTools = ReactSubView(this.props, AddKeywordInline, { getUpdatedNode: () => this.node }, this.node, this.getPos, this.view, ['keywords-editor']);
             }
@@ -38,5 +47,34 @@ export class KeywordGroupView extends BlockView {
             }
         };
     }
+    updateContents() {
+        super.updateContents();
+        this.setKeywordsTabIndices();
+    }
+    setKeywordsTabIndices() {
+        const container = this.contentDOM;
+        if (!container) {
+            return;
+        }
+        let firstFocusableFound = false;
+        for (let i = 0; i < this.node.childCount; i++) {
+            const child = this.node.child(i);
+            const keyword = container.querySelector(`.keyword[id="${child.attrs.id}"]`);
+            if (!keyword) {
+                continue;
+            }
+            if (!isDeleted(child) && !firstFocusableFound) {
+                keyword.tabIndex = 0;
+                firstFocusableFound = true;
+            }
+            else {
+                keyword.tabIndex = -1;
+            }
+        }
+    }
+    destroy() {
+        this.removeKeydownListener?.();
+        super.destroy();
+    }
 }
 export default createNodeView(KeywordGroupView);

package/dist/es/views/quote_image_editable.js

@@ -23,6 +23,7 @@ export class QuoteImageEditableView extends FigureEditableView {
         this.createPlaceholder = () => {
             const element = document.createElement('div');
             element.classList.add('figure', 'placeholder');
+            element.tabIndex = 0;
             const instructions = document.createElement('div');
             instructions.classList.add('instructions');
             instructions.innerHTML = `${plusIcon}<div>Drag or click here to upload image</div>`;

package/dist/es/views/supplements.js

@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 import { arrowUp } from '../icons';
+import { handleEnterKey } from '../lib/navigation-utils';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
 export class SupplementsView extends BlockView {
@@ -25,11 +26,13 @@ export class SupplementsView extends BlockView {
             this.toggleButton = document.createElement('button');
             this.toggleButton.classList.add('supplements-toggle-btn', 'button-reset');
             this.toggleButton.innerHTML = arrowUp;
-            this.toggleButton.onclick = () => {
+            const handleToggle = () => {
                 this.collapsed = !this.collapsed;
                 this.toggleContent();
                 this.toggleButton?.classList.toggle('collapsed', this.collapsed);
             };
+            this.toggleButton.onclick = handleToggle;
+            this.toggleButton.addEventListener('keydown', handleEnterKey(handleToggle));
             this.contentDOM = document.createElement('div');
             this.contentDOM.classList.add('supplements-content');
             this.contentDOM.classList.add('block');

package/dist/types/configs/ManuscriptsEditor.d.ts

@@ -53,7 +53,7 @@ export interface EditorProps {
     location: Location;
     isComparingMode?: boolean;
     dispatch?: Dispatch;
-    onEditorClick: (pos: number, node: ManuscriptNode, nodePos: number, event: MouseEvent) => void;
+    onEditorClick: (event: Event) => void;
     lockBody: boolean;
     isViewingMode?: boolean;
     hiddenNodeTypes?: ManuscriptNodeType[] | undefined;

package/dist/types/index.d.ts

@@ -26,6 +26,7 @@ export { CollabProvider } from './classes/collabProvider';
 export { PopperManager } from './lib/popper';
 export * from './toolbar';
 export * from './lib/capabilities';
+export * from './lib/navigation-utils';
 export * from './lib/comments';
 export * from './lib/files';
 export * from './lib/footnotes';

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

@@ -20,6 +20,7 @@ export declare class ContextMenu {
     private readonly node;
     private readonly view;
     private readonly getPos;
+    private menuItems;
     constructor(node: ManuscriptNode, view: ManuscriptEditorView, getPos: () => number);
     showAddMenu: (target: Element) => void;
     showEditMenu: (target: Element) => void;

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

@@ -23,7 +23,7 @@ export declare enum MediaType {
     Figure = "figure",
     ExternalLink = "external_link"
 }
-export declare const createMediaPlaceholder: (mediaType?: MediaType, view?: ManuscriptEditorView, getPos?: () => number) => HTMLElement;
+export declare const createMediaPlaceholder: (mediaType?: MediaType, view?: ManuscriptEditorView, getPos?: () => number, props?: EditorProps) => HTMLElement;
 export interface FileHandlers {
     handleDownload?: () => void;
     handleUpload?: () => void;

package/dist/types/lib/navigation-utils.d.ts

@@ -0,0 +1,45 @@
+/*!
+ * © 2025 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.
+ */
+import { ManuscriptEditorState, ManuscriptEditorView } from '@manuscripts/transform';
+import { EditorView } from 'prosemirror-view';
+import { Dispatch } from '../commands';
+export declare function focusNextElement(elements: Element[] | HTMLElement[], currentIndex: number, direction: 'forward' | 'backward'): void;
+export declare function handleEnterKey(action: (event: KeyboardEvent) => void): (event: KeyboardEvent) => void;
+export declare function handleArrowNavigation(event: KeyboardEvent, elements: HTMLElement[], currentElement: HTMLElement, keys: {
+    forward: 'ArrowDown' | 'ArrowRight';
+    backward: 'ArrowUp' | 'ArrowLeft';
+}): void;
+type ArrowKey = 'ArrowUp' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight';
+type SupportedKey = ArrowKey | 'Enter' | 'Escape' | 'Tab';
+type KeyHandlers = Partial<Record<SupportedKey, (event: KeyboardEvent) => void>>;
+type NavigationConfig = {
+    getItems: () => HTMLElement[];
+    arrowKeys: {
+        forward: 'ArrowDown' | 'ArrowRight';
+        backward: 'ArrowUp' | 'ArrowLeft';
+    };
+    getCurrentElement?: (event: KeyboardEvent) => HTMLElement | null;
+};
+export type KeyboardInteractionOptions = {
+    container: HTMLElement | Window | Document;
+    navigation?: NavigationConfig;
+    additionalKeys?: KeyHandlers;
+};
+export declare function createKeyboardInteraction(options: KeyboardInteractionOptions): () => void;
+export declare const focusNearestElement: (state: ManuscriptEditorState, dispatch?: Dispatch, view?: ManuscriptEditorView) => boolean;
+export declare function getCursorContainer(view: EditorView): HTMLElement;
+export declare function findNearestTabbable(container: HTMLElement, verticalPosition: number): HTMLElement | null;
+export {};

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

@@ -17,8 +17,11 @@ import { 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>>): void;
     destroy(): void;
+    getContainer(): HTMLElement | undefined;
     update(): void;
     isActive: () => boolean;
     private focusInput;

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

@@ -34,7 +34,7 @@ export declare const shouldRenderField: (field: string, type: BibliographyItemTy
 export declare const cleanItemValues: (item: BibliographyItemAttrs) => BibliographyItemAttrs;
 export declare const isBodyLocked: (state: EditorState) => boolean;
 export declare const isEditAllowed: (state: EditorState) => boolean;
-export declare const createToggleButton: (listener: () => void, what: string) => HTMLButtonElement;
+export declare const createToggleButton: (listener: (event: MouseEvent | KeyboardEvent) => void, what: string) => HTMLButtonElement;
 export declare const getInsertPos: (type: ManuscriptNodeType, parent: ManuscriptNode, pos: number) => number;
 export declare const findInsertionPosition: (type: ManuscriptNodeType, doc: ManuscriptNode) => number;
 export declare const filterBlockNodes: (fragment: Fragment, predicate: (node: ProseMirrorNode) => boolean) => Fragment;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.9.11";
+export declare const VERSION = "3.9.13";
 export declare const MATHJAX_VERSION = "3.2.2";

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

@@ -2,9 +2,11 @@ import { LongDescNode } from '@manuscripts/transform';
 import BlockView from './block_view';
 export declare class AccessibilityElementView extends BlockView<LongDescNode> {
     contentDOM: HTMLElement;
+    private removeKeydownListener?;
     initialise(): void;
     createDOM(): void;
     createElement(): void;
+    destroy(): void;
 }
 declare const _default: (props: import("../configs/ManuscriptsEditor").EditorProps, dispatch?: import("..").Dispatch) => import("../types").NodeViewCreator<AccessibilityElementView>;
 export default _default;

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

@@ -17,8 +17,10 @@ import { AltTitleNode, ManuscriptNodeView } from '@manuscripts/transform';
 import { BaseNodeView } from './base_node_view';
 export declare class AltTitleView extends BaseNodeView<AltTitleNode> implements ManuscriptNodeView {
     contentDOM: HTMLElement;
+    private removeKeydownListener?;
     initialise: () => void;
     protected createDOM: () => void;
+    destroy(): void;
 }
 declare const _default: (props: import("../configs/ManuscriptsEditor").EditorProps, dispatch?: import("..").Dispatch) => import("../types").NodeViewCreator<AltTitleView>;
 export default _default;

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

@@ -26,7 +26,10 @@ export declare class BibliographyElementBlockView extends BlockView<Trackable<Bi
     ignoreMutation: () => boolean;
     private handleEdit;
     private showContextMenu;
+    private handleCommentMarkerInteraction;
+    private handleBibItemInteraction;
     private handleClick;
+    private handleKeyDown;
     updateContents(): void;
     createElement: () => void;
     private handleSave;

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

@@ -20,7 +20,7 @@ export declare class CitationEditableView extends CitationView {
     private can;
     createDOM(): void;
     stopEvent: (event: Event) => boolean;
-    handleClick: (event: MouseEvent) => void;
+    handleClick: () => void;
     selectNode: () => void;
     destroy: () => void;
     showContextMenu: () => void;

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

@@ -26,10 +26,11 @@ export declare class ContributorsView extends BlockView<Trackable<ContributorsNo
     version: string;
     ignoreMutation: () => boolean;
     stopEvent: () => boolean;
+    private removeKeydownListener?;
     updateContents(): void;
     selectNode: () => void;
     buildAuthors: (affs: PluginState) => void;
-    buildAuthor: (attrs: ContributorAttrs, isJointFirstAuthor: boolean) => HTMLSpanElement;
+    buildAuthor: (attrs: ContributorAttrs, isJointFirstAuthor: boolean, index: number) => HTMLSpanElement;
     private createNote;
     private isJointFirstAuthor;
     createElement: () => void;
@@ -45,6 +46,7 @@ export declare class ContributorsView extends BlockView<Trackable<ContributorsNo
     handleDeleteAuthor: (author: ContributorAttrs) => void;
     insertAuthorNode: (attrs: ContributorAttrs) => void;
     insertAffiliationNode: (attrs: AffiliationAttrs) => void;
+    destroy(): void;
 }
 declare const _default: (props: import("../configs/ManuscriptsEditor").EditorProps, dispatch?: import("..").Dispatch) => import("../types").NodeViewCreator<ContributorsView>;
 export default _default;