@manuscripts/body-editor 3.9.11 → 3.9.13

package/dist/cjs/lib/popper.js

@@ -17,18 +17,36 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopperManager = void 0;
 const core_1 = require("@popperjs/core");
+const navigation_utils_1 = require("./navigation-utils");
 class PopperManager {
     constructor() {
         this.isActive = () => !!this.activePopper;
     }
     show(target, contents, placement = 'bottom', showArrow = true, modifiers = []) {
         this.destroy();
+        this.triggerElement = target;
         window.requestAnimationFrame(() => {
             const container = document.createElement('div');
             container.className = 'popper';
+            this.container = container;
             container.addEventListener('click', (e) => {
                 e.stopPropagation();
             });
+            const closeAndRestoreFocus = (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                this.destroy();
+                if (this.triggerElement instanceof HTMLElement) {
+                    this.triggerElement.focus();
+                }
+            };
+            (0, navigation_utils_1.createKeyboardInteraction)({
+                container,
+                additionalKeys: {
+                    Escape: closeAndRestoreFocus,
+                    Tab: closeAndRestoreFocus,
+                },
+            });
             if (showArrow) {
                 const arrow = document.createElement('div');
                 arrow.className = 'popper-arrow';
@@ -80,15 +98,21 @@ class PopperManager {
                 window.removeEventListener('click', this.handleDocumentClick);
             }
             delete this.activePopper;
+            delete this.container;
         }
     }
+    getContainer() {
+        return this.container;
+    }
     update() {
         if (this.activePopper) {
             this.activePopper.update();
         }
     }
     focusInput(container) {
-        const element = container.querySelector('input');
+        const input = container.querySelector('input');
+        const button = container.querySelector('button:not([disabled])');
+        const element = input || button;
         if (element) {
             element.focus();
         }

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

@@ -23,6 +23,7 @@ const style_guide_1 = require("@manuscripts/style-guide");
 const icons_1 = require("../icons");
 const image_element_1 = require("../views/image_element");
 const ReactSubView_1 = __importDefault(require("../views/ReactSubView"));
+const navigation_utils_1 = require("./navigation-utils");
 const view_1 = require("./view");
 const createPositionOptions = (nodeType, node, currentPosition, view, onComplete) => {
     const createAction = (position) => () => {
@@ -114,7 +115,9 @@ const createPositionMenuWrapper = (currentPosition, onClick, props) => {
         positionMenuButton.innerHTML = icon;
     }
     if (can.editArticle) {
+        positionMenuButton.tabIndex = 0;
         positionMenuButton.addEventListener('click', onClick);
+        positionMenuButton.addEventListener('keydown', (0, navigation_utils_1.handleEnterKey)(onClick));
     }
     positionMenuWrapper.appendChild(positionMenuButton);
     return positionMenuWrapper;

package/dist/cjs/lib/utils.js

@@ -22,6 +22,7 @@ const prosemirror_model_1 = require("prosemirror-model");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const config_1 = require("../components/references/ReferenceForm/config");
 const icons_1 = require("../icons");
+const navigation_utils_1 = require("./navigation-utils");
 const editor_props_1 = require("../plugins/editor-props");
 function* iterateChildren(node, recurse = false) {
     for (let i = 0; i < node.childCount; i++) {
@@ -158,10 +159,14 @@ const createToggleButton = (listener, what) => {
     altTitlesButton.classList.add('toggle-button-open', 'button-reset');
     altTitlesButton.setAttribute('aria-label', `Expand ${what}`);
     altTitlesButton.innerHTML = icons_1.arrowDown;
-    altTitlesButton.addEventListener('click', (e) => {
+    const activate = (e) => {
         e.preventDefault();
-        listener();
+        listener(e);
+    };
+    altTitlesButton.addEventListener('click', (e) => {
+        activate(e);
     });
+    altTitlesButton.addEventListener('keydown', (0, navigation_utils_1.handleEnterKey)(activate));
     return altTitlesButton;
 };
 exports.createToggleButton = createToggleButton;

package/dist/cjs/plugins/accessibility_element.js

@@ -7,10 +7,18 @@ const prosemirror_view_1 = require("prosemirror-view");
 const utils_1 = require("../lib/utils");
 exports.accessibilityElementKey = new prosemirror_state_1.PluginKey('accessibility-element');
 const nodeTypes = [transform_1.schema.nodes.alt_text, transform_1.schema.nodes.long_desc];
-const handleExpandButtonClick = (view, node) => {
+const handleExpandButtonClick = (view, node, event) => {
     const tr = view.state.tr;
     (0, exports.toggleAccessibilitySection)(tr, node);
     view.dispatch(tr);
+    const isKeyboardEvent = event.type === 'keydown';
+    if (isKeyboardEvent) {
+        const parentElement = view.dom.querySelector(`[id="${node.attrs.id}"]`);
+        if (parentElement) {
+            const firstInput = parentElement.querySelector('.accessibility_element_input');
+            firstInput?.focus();
+        }
+    }
 };
 const isSelectionWithin = (node, pos, selection) => {
     if (!selection || !nodeTypes.includes(node.type)) {
@@ -27,7 +35,7 @@ const buildExpandButtonDecorations = (doc) => {
                 const container = document.createElement('div');
                 container.className =
                     'accessibility_element_expander_button_container';
-                container.appendChild((0, utils_1.createToggleButton)(() => handleExpandButtonClick(view, node), 'additional info'));
+                container.appendChild((0, utils_1.createToggleButton)((e) => handleExpandButtonClick(view, node, e), 'additional info'));
                 return container;
             }, {
                 key: node.attrs.id,

package/dist/cjs/plugins/add-subtitle.js

@@ -20,15 +20,21 @@ const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
 const uuid_1 = require("uuid");
 const icons_1 = require("../icons");
+const navigation_utils_1 = require("../lib/navigation-utils");
 const utils_1 = require("../lib/utils");
 const createAddSubtitleButton = (handler) => {
     const button = document.createElement('span');
     button.className = 'add-subtitle';
     button.innerHTML = `${icons_1.addAuthorIcon} <span class="add-subtitle-text">Add subtitle</span>`;
-    button.addEventListener('mousedown', (e) => {
-        e.preventDefault();
+    button.tabIndex = 0;
+    const activate = (event) => {
+        event.preventDefault();
         handler();
+    };
+    button.addEventListener('mousedown', (e) => {
+        activate(e);
     });
+    button.addEventListener('keydown', (0, navigation_utils_1.handleEnterKey)(activate));
     return button;
 };
 exports.default = (props) => new prosemirror_state_1.Plugin({

package/dist/cjs/plugins/alt-titles.js

@@ -134,11 +134,16 @@ exports.default = () => {
                 else if (pState.title[0].textContent.length) {
                     const titleEnd = pState.title[0].nodeSize + pState.title[1];
                     decorations.push(prosemirror_view_1.Decoration.widget(titleEnd - 1, (view) => {
-                        return (0, utils_1.createToggleButton)(() => {
+                        return (0, utils_1.createToggleButton)((e) => {
                             const tr = view.state.tr.setMeta(exports.altTitlesKey, {
                                 collapsed: false,
                             });
                             view.dispatch((0, track_changes_plugin_1.skipTracking)(tr));
+                            const isKeyboardEvent = e.type === 'keydown';
+                            if (isKeyboardEvent) {
+                                const altTitle = view.dom.querySelector('.alt-title-text');
+                                altTitle?.focus();
+                            }
                         }, 'alternative titles');
                     }, {
                         side: -1,

package/dist/cjs/plugins/comments.js

@@ -5,10 +5,28 @@ const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const prosemirror_view_1 = require("prosemirror-view");
+const navigation_utils_1 = require("../lib/navigation-utils");
 const comments_1 = require("../lib/comments");
 exports.commentsKey = new prosemirror_state_1.PluginKey('comments');
 const COMMENT_SELECTION = 'comment-selection';
 const EMPTY_SELECTION = {};
+const handleCommentMarkerInteraction = (view, target) => {
+    const state = view.state;
+    const com = exports.commentsKey.getState(state);
+    const marker = target?.closest('[data-key]');
+    if (!marker && !com?.selection) {
+        return false;
+    }
+    const tr = state.tr;
+    if (marker) {
+        const key = marker.dataset.key;
+        (0, exports.setCommentSelection)(tr, key, undefined, false);
+    }
+    else {
+        (0, exports.clearCommentSelection)(tr);
+    }
+    view.dispatch(tr);
+};
 exports.default = () => {
     return new prosemirror_state_1.Plugin({
         key: exports.commentsKey,
@@ -27,22 +45,16 @@ exports.default = () => {
         props: {
             decorations: (state) => exports.commentsKey.getState(state)?.decorations,
             handleClick: (view, pos, e) => {
-                const state = view.state;
-                const com = exports.commentsKey.getState(state);
                 const target = e.target;
-                const marker = target.closest('[data-key]');
-                if (!marker && !com?.selection) {
-                    return;
-                }
-                const tr = state.tr;
-                if (marker) {
-                    const key = marker.dataset.key;
-                    (0, exports.setCommentSelection)(tr, key, undefined, false);
-                }
-                else {
-                    (0, exports.clearCommentSelection)(tr);
-                }
-                view.dispatch(tr);
+                return handleCommentMarkerInteraction(view, target);
+            },
+            handleDOMEvents: {
+                keydown: (view, e) => {
+                    return (0, navigation_utils_1.handleEnterKey)(() => {
+                        const target = document.activeElement;
+                        handleCommentMarkerInteraction(view, target);
+                    })(e);
+                },
             },
         },
     });

package/dist/cjs/plugins/persistent-cursor.js

@@ -49,12 +49,10 @@ exports.default = () => {
             },
             handleDOMEvents: {
                 focus(view, event) {
-                    const newTr = view.state.tr.setMeta(exports.persistentCursor, { on: false });
-                    view.dispatch(newTr);
-                },
-                blur(view, event) {
-                    const newTr = view.state.tr.setMeta(exports.persistentCursor, { on: true });
-                    view.dispatch(newTr);
+                    if (this.getState(view.state)?.on) {
+                        const newTr = view.state.tr.setMeta(exports.persistentCursor, { on: false });
+                        view.dispatch(newTr);
+                    }
                 },
             },
         },

package/dist/cjs/plugins/section_category.js

@@ -6,6 +6,7 @@ const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const prosemirror_view_1 = require("prosemirror-view");
 const icons_1 = require("../icons");
+const navigation_utils_1 = require("../lib/navigation-utils");
 exports.sectionCategoryKey = new prosemirror_state_1.PluginKey('section-category');
 exports.default = (props) => new prosemirror_state_1.Plugin({
     key: exports.sectionCategoryKey,
@@ -32,27 +33,51 @@ const createMenuItem = (props, contents, handler, isDisabled, isSelected) => {
         item.classList.add('disabled');
     }
     item.textContent = contents;
-    item.addEventListener('mousedown', (event) => {
-        handler(event);
-        props.popper.destroy();
-    });
+    item.setAttribute('tabindex', '0');
+    item.addEventListener('mousedown', handler);
+    item.addEventListener('keydown', (0, navigation_utils_1.handleEnterKey)(handler));
     return item;
 };
 const createMenu = (props, currentCategory, categories, usedCategoryIDs, onSelect) => {
     const menu = document.createElement('div');
     menu.className = 'section-category menu';
+    const menuItems = [];
+    const removeKeydownListener = (0, navigation_utils_1.createKeyboardInteraction)({
+        container: document,
+        navigation: {
+            getItems: () => menuItems,
+            arrowKeys: {
+                forward: 'ArrowDown',
+                backward: 'ArrowUp',
+            },
+            getCurrentElement: () => document.activeElement,
+        },
+    });
+    const destroy = () => {
+        removeKeydownListener();
+        props.popper.destroy();
+    };
     categories.forEach((category) => {
-        const item = createMenuItem(props, category.titles[0], () => onSelect(category), category.isUnique && usedCategoryIDs.has(category.id), currentCategory === category);
+        const item = createMenuItem(props, category.titles[0], () => {
+            onSelect(category);
+            destroy();
+        }, category.isUnique && usedCategoryIDs.has(category.id), currentCategory === category);
+        menuItems.push(item);
         menu.appendChild(item);
     });
-    return menu;
+    return { menu, destroy };
 };
 const createButton = (props, view, pos, currentCategory, categories, usedCategoryIDs, canEdit = true, disabled) => {
+    let menuInstance = null;
     const handleSelect = (category) => {
         const tr = view.state.tr;
         tr.setNodeAttribute(pos, 'category', category.id);
         view.dispatch(tr);
     };
+    const openMenu = () => {
+        menuInstance = createMenu(props, currentCategory, categories, usedCategoryIDs, handleSelect);
+        props.popper.show(button, menuInstance.menu, 'bottom-end', false);
+    };
     const button = document.createElement('button');
     button.innerHTML = icons_1.sectionCategoryIcon;
     button.classList.add('section-category-button');
@@ -65,9 +90,17 @@ const createButton = (props, view, pos, currentCategory, categories, usedCategor
         button.classList.add('disabled');
     }
     else if (canEdit) {
-        button.addEventListener('mousedown', () => {
-            const menu = createMenu(props, currentCategory, categories, usedCategoryIDs, handleSelect);
-            props.popper.show(button, menu, 'bottom-end', false);
+        button.addEventListener('click', openMenu);
+        (0, navigation_utils_1.createKeyboardInteraction)({
+            container: button,
+            additionalKeys: {
+                Enter: openMenu,
+                Escape: (e) => {
+                    e.preventDefault();
+                    menuInstance?.destroy();
+                    menuInstance = null;
+                },
+            },
         });
     }
     return button;

package/dist/cjs/plugins/translations.js

@@ -22,24 +22,43 @@ const commands_1 = require("../commands");
 const icons_1 = require("../icons");
 const languages_1 = require("../lib/languages");
 const template_1 = require("../lib/template");
-const createMenuItem = (props, contents, handler, isSelected = false) => {
+const navigation_utils_1 = require("../lib/navigation-utils");
+const createMenuItem = (props, contents, handler, isSelected = false, tabIndex) => {
     const item = document.createElement('div');
     item.className = `menu-item ${isSelected ? 'selected' : ''}`;
     item.textContent = contents;
-    item.addEventListener('mousedown', (event) => {
-        handler(event);
-        props.popper.destroy();
-    });
+    item.tabIndex = tabIndex;
+    item.addEventListener('mousedown', handler);
+    item.addEventListener('keydown', (0, navigation_utils_1.handleEnterKey)(handler));
     return item;
 };
 const createLanguageMenu = (props, selectedCode, onSelect) => {
     const menu = document.createElement('div');
     menu.className = 'language menu';
-    props.languages.forEach((language) => {
-        const item = createMenuItem(props, (0, languages_1.getLanguageLabel)(language), () => onSelect(language.code), selectedCode === language.code);
+    const menuItems = [];
+    const removeKeydownListener = (0, navigation_utils_1.createKeyboardInteraction)({
+        container: document,
+        navigation: {
+            getItems: () => menuItems,
+            arrowKeys: {
+                forward: 'ArrowDown',
+                backward: 'ArrowUp',
+            },
+        },
+    });
+    const destroy = () => {
+        removeKeydownListener();
+        props.popper.destroy();
+    };
+    props.languages.forEach((language, index) => {
+        const item = createMenuItem(props, (0, languages_1.getLanguageLabel)(language), () => {
+            onSelect(language.code);
+            destroy();
+        }, selectedCode === language.code, index === 0 ? 0 : -1);
+        menuItems.push(item);
         menu.appendChild(item);
     });
-    return menu;
+    return { menu, destroy };
 };
 exports.default = (props) => new prosemirror_state_1.Plugin({
     props: {
@@ -66,10 +85,11 @@ exports.default = (props) => new prosemirror_state_1.Plugin({
                     if (canEdit) {
                         widgets.push(prosemirror_view_1.Decoration.widget(pos + 1, (view) => {
                             const $span = document.createElement('span');
+                            $span.tabIndex = 0;
                             $span.className = 'add-trans-abstract';
                             $span.title = 'Add translation';
                             $span.innerHTML = `${icons_1.addAuthorIcon} <span class="add-trans-abstract-text">Add translation</span>`;
-                            $span.addEventListener('mousedown', (event) => {
+                            const handleActivate = (event) => {
                                 event.preventDefault();
                                 event.stopPropagation();
                                 if (isGraphical && category) {
@@ -78,7 +98,9 @@ exports.default = (props) => new prosemirror_state_1.Plugin({
                                 else {
                                     (0, commands_1.insertTransAbstract)(view.state, view.dispatch, node.attrs.category, pos + node.nodeSize);
                                 }
-                            });
+                            };
+                            $span.addEventListener('mousedown', handleActivate);
+                            $span.addEventListener('keydown', (0, navigation_utils_1.handleEnterKey)(handleActivate));
                             return $span;
                         }));
                     }
@@ -94,12 +116,14 @@ exports.default = (props) => new prosemirror_state_1.Plugin({
                         $btn.className = 'language-selector-btn';
                         $btn.setAttribute('data-cy', 'language-selector-btn');
                         $btn.contentEditable = 'false';
+                        $btn.tabIndex = canEdit ? 0 : -1;
                         const code = node.attrs.lang || 'en';
                         const lang = (0, languages_1.getLanguage)(code, props.languages);
                         const label = (0, languages_1.getLanguageLabel)(lang);
                         $btn.innerHTML = `<span>${label}</span> ${icons_1.translateIcon}`;
                         if (canEdit) {
-                            $btn.addEventListener('mousedown', (event) => {
+                            let menuInstance = null;
+                            const handleOpenMenu = (event) => {
                                 event.preventDefault();
                                 event.stopPropagation();
                                 props.popper.destroy();
@@ -107,9 +131,21 @@ exports.default = (props) => new prosemirror_state_1.Plugin({
                                     const tr = view.state.tr.setNodeAttribute(pos, 'lang', code);
                                     view.dispatch(tr);
                                 };
-                                const menu = createLanguageMenu(props, code, handleSelect);
-                                props.popper.show($btn, menu, 'bottom-end', false);
+                                menuInstance = createLanguageMenu(props, code, handleSelect);
+                                props.popper.show($btn, menuInstance.menu, 'bottom-end', false);
+                            };
+                            (0, navigation_utils_1.createKeyboardInteraction)({
+                                container: $btn,
+                                additionalKeys: {
+                                    Enter: handleOpenMenu,
+                                    Escape: (e) => {
+                                        e.preventDefault();
+                                        menuInstance?.destroy();
+                                        menuInstance = null;
+                                    },
+                                },
                             });
+                            $btn.addEventListener('mousedown', handleOpenMenu);
                         }
                         return $btn;
                     }));

package/dist/cjs/versions.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MATHJAX_VERSION = exports.VERSION = void 0;
-exports.VERSION = '3.9.11';
+exports.VERSION = '3.9.13';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/accessibility_element.js

@@ -5,6 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccessibilityElementView = void 0;
 const transform_1 = require("@manuscripts/transform");
+const prosemirror_state_1 = require("prosemirror-state");
+const navigation_utils_1 = require("../lib/navigation-utils");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
 class AccessibilityElementView extends block_view_1.default {
@@ -29,6 +31,34 @@ class AccessibilityElementView extends block_view_1.default {
         super.createElement();
         this.contentDOM.className = 'accessibility_element_input';
         this.contentDOM.setAttribute('contenteditable', 'true');
+        this.contentDOM.tabIndex = this.node.type === transform_1.schema.nodes.alt_text ? 0 : -1;
+        this.removeKeydownListener = (0, navigation_utils_1.createKeyboardInteraction)({
+            container: this.contentDOM,
+            navigation: {
+                getItems: () => {
+                    const parentEl = this.dom.parentElement;
+                    if (!parentEl) {
+                        return [];
+                    }
+                    return Array.from(parentEl.querySelectorAll('.accessibility_element_input'));
+                },
+                arrowKeys: { forward: 'ArrowDown', backward: 'ArrowUp' },
+                getCurrentElement: () => this.contentDOM,
+            },
+            additionalKeys: {
+                Enter: (e) => {
+                    e.preventDefault();
+                    const pos = this.getPos();
+                    const tr = this.view.state.tr.setSelection(prosemirror_state_1.TextSelection.create(this.view.state.doc, pos + 1));
+                    this.view.dispatch(tr);
+                    this.view.focus();
+                },
+            },
+        });
+    }
+    destroy() {
+        this.removeKeydownListener?.();
+        super.destroy();
     }
 }
 exports.AccessibilityElementView = AccessibilityElementView;

package/dist/cjs/views/alt_title.js

@@ -16,6 +16,8 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AltTitleView = void 0;
+const prosemirror_state_1 = require("prosemirror-state");
+const navigation_utils_1 = require("../lib/navigation-utils");
 const base_node_view_1 = require("./base_node_view");
 const creators_1 = require("./creators");
 class AltTitleView extends base_node_view_1.BaseNodeView {
@@ -34,11 +36,38 @@ class AltTitleView extends base_node_view_1.BaseNodeView {
             this.dom.setAttribute('data-type', this.node.attrs.type);
             this.contentDOM = document.createElement('div');
             this.contentDOM.classList.add('alt-title-text');
+            this.contentDOM.tabIndex = this.node.attrs.type === 'running' ? 0 : -1;
+            this.removeKeydownListener = (0, navigation_utils_1.createKeyboardInteraction)({
+                container: this.contentDOM,
+                navigation: {
+                    getItems: () => {
+                        const allAltTitles = Array.from(this.view.dom.querySelectorAll('.alt-title-text'));
+                        return allAltTitles;
+                    },
+                    arrowKeys: { forward: 'ArrowDown', backward: 'ArrowUp' },
+                    getCurrentElement: () => this.contentDOM,
+                },
+                additionalKeys: {
+                    Enter: (e) => {
+                        e.preventDefault();
+                        const pos = this.getPos();
+                        if (typeof pos === 'number') {
+                            const tr = this.view.state.tr.setSelection(prosemirror_state_1.TextSelection.create(this.view.state.doc, pos + 1));
+                            this.view.dispatch(tr);
+                            this.view.focus();
+                        }
+                    },
+                },
+            });
             this.dom.appendChild(label);
             this.dom.appendChild(this.contentDOM);
             this.updateContents();
         };
     }
+    destroy() {
+        this.removeKeydownListener?.();
+        super.destroy();
+    }
 }
 exports.AltTitleView = AltTitleView;
 exports.default = (0, creators_1.createNodeView)(AltTitleView);

package/dist/cjs/views/alt_titles_section.js

@@ -25,6 +25,7 @@ const icons_1 = require("../icons");
 const alt_titles_1 = require("../plugins/alt-titles");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
+const navigation_utils_1 = require("../lib/navigation-utils");
 class AltTitleSectionView extends block_view_1.default {
     constructor() {
         super(...arguments);
@@ -47,7 +48,7 @@ class AltTitleSectionView extends block_view_1.default {
         button.classList.add('alt-titles-closing-button', 'button-reset');
         button.setAttribute('aria-label', 'Collapse alternative titles');
         button.innerHTML = icons_1.arrowDown;
-        button.addEventListener('click', () => {
+        const handleCollapse = () => {
             const tr = this.view.state.tr.setMeta(alt_titles_1.altTitlesKey, {
                 collapsed: true,
             });
@@ -59,7 +60,14 @@ class AltTitleSectionView extends block_view_1.default {
                 tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, titleEndPos));
             }
             this.view.dispatch(tr);
+            const toggleButton = this.view.dom.querySelector('.toggle-button-open');
+            toggleButton?.focus();
+        };
+        button.addEventListener('click', (e) => {
+            e.preventDefault();
+            handleCollapse();
         });
+        button.addEventListener('keydown', (0, navigation_utils_1.handleEnterKey)(() => handleCollapse()));
         closingPanel.appendChild(button);
         return closingPanel;
     }

package/dist/cjs/views/attachment.js

@@ -123,7 +123,7 @@ class AttachmentView extends block_view_1.default {
                 stopPropagation: () => {
                 },
             };
-            this.props.onEditorClick(this.getPos(), this.node, this.getPos(), event);
+            this.props.onEditorClick(event);
         }
     }
 }