@manuscripts/body-editor 1.9.19-LEAN-3535.0 → 1.9.19

package/dist/cjs/assets.js

@@ -121,7 +121,7 @@ exports.alertIcon = `
 exports.deleteIcon = `
   <svg 
     width="13" 
-    height="15" 
+    height="17" 
     viewBox="0 0 13 15" 
     fill="none" 
     xmlns="http://www.w3.org/2000/svg"

package/dist/cjs/lib/popper.js

@@ -22,9 +22,9 @@ exports.PopperManager = void 0;
 const popper_js_1 = __importDefault(require("popper.js"));
 class PopperManager {
     show(target, contents, placement = 'bottom', showArrow = true, modifiers = {}) {
-        this.destroy();
-        this.clickEventHandler = this.clickEventHandler.bind(this);
-        document.body.addEventListener('click', this.clickEventHandler);
+        if (this.activePopper) {
+            return this.destroy();
+        }
         window.requestAnimationFrame(() => {
             const container = document.createElement('div');
             container.className = 'popper';
@@ -57,15 +57,8 @@ class PopperManager {
             });
         });
     }
-    clickEventHandler(event) {
-        const editorElement = document.querySelector('.manuscript-editor');
-        if (!(editorElement === null || editorElement === void 0 ? void 0 : editorElement.contains(event.target))) {
-            this.destroy();
-        }
-    }
     destroy() {
         if (this.activePopper) {
-            document.body.removeEventListener('click', this.clickEventHandler);
             this.removeContainerClass(this.activePopper.reference);
             this.activePopper.destroy();
             delete this.activePopper;

package/dist/cjs/plugins/footnotes/index.js

@@ -237,7 +237,7 @@ exports.default = (props) => {
                         decorations.push(prosemirror_view_1.Decoration.node(parent.pos, parent.pos + parent.node.nodeSize, {
                             class: 'footnote-selected',
                         }));
-                        decorations.push(prosemirror_view_1.Decoration.widget(targetNode.pos + (footnote ? 1 : 2), deleteFootnoteWidget(targetNode.node, props, targetNode.node.attrs.id, tableElement), {
+                        decorations.push(prosemirror_view_1.Decoration.widget(targetNode.pos + 1, deleteFootnoteWidget(targetNode.node, props, targetNode.node.attrs.id, tableElement), {
                             key: targetNode.node.attrs.id,
                         }));
                     }

package/dist/cjs/plugins/selected-suggestion-ui.js

@@ -69,7 +69,6 @@ class SuggestionView {
             if ((_b = (_a = dom.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains('keyword')) {
                 return;
             }
-            console.log(dom);
             dom.addEventListener('click', this.listener);
         });
     }

package/dist/cjs/views/bibliography_element.js

@@ -45,7 +45,9 @@ const ReactSubView_1 = __importDefault(require("./ReactSubView"));
 class BibliographyElementBlockView extends block_view_1.default {
     constructor() {
         super(...arguments);
+        this.clickedElementId = null;
         this.showPopper = (id) => {
+            this.props.popper.destroy();
             const bib = (0, bibliography_1.getBibliographyPluginState)(this.view.state);
             if (!bib) {
                 return;
@@ -69,6 +71,8 @@ class BibliographyElementBlockView extends block_view_1.default {
             this.props.setComment((0, transform_1.buildComment)(citationId));
         };
         this.showContextMenu = (elementId) => {
+            this.props.popper.destroy();
+            this.clickedElementId = null;
             const can = this.props.getCapabilities();
             const element = document.getElementById(elementId);
             const componentProps = {
@@ -91,6 +95,7 @@ class BibliographyElementBlockView extends block_view_1.default {
         };
         this.onClickHandler = (elementId, dataTracked) => {
             var _a;
+            this.clickedElementId = elementId;
             const isSelectedSuggestion = !!((_a = selected_suggestion_ui_1.selectedSuggestionKey
                 .getState(this.view.state)) === null || _a === void 0 ? void 0 : _a.find(this.getPos(), this.getPos() + this.node.nodeSize).length);
             const { tr, doc } = this.view.state;
@@ -102,9 +107,11 @@ class BibliographyElementBlockView extends block_view_1.default {
                 if (isSelectedSuggestion) {
                     tr.setMeta(selected_suggestion_ui_1.CLEAR_SUGGESTION_ID, true);
                 }
+                else {
+                    this.showContextMenu(elementId);
+                }
             }
             this.view.dispatch(tr);
-            this.showContextMenu(elementId);
         };
         this.updateContents = () => __awaiter(this, void 0, void 0, function* () {
             this.props.popper.destroy();
@@ -157,9 +164,7 @@ class BibliographyElementBlockView extends block_view_1.default {
                     element.classList.add('selected-suggestion');
                 }
                 if (can.seeReferencesButtons) {
-                    element.addEventListener('click', () => {
-                        this.onClickHandler(element.id, dataTracked);
-                    });
+                    element.addEventListener('click', () => this.onClickHandler(element.id, dataTracked));
                 }
                 wrapper.append(element);
             }
@@ -170,6 +175,9 @@ class BibliographyElementBlockView extends block_view_1.default {
             else {
                 this.container.appendChild(wrapper);
             }
+            if (this.clickedElementId) {
+                this.showContextMenu(this.clickedElementId);
+            }
         });
         this.createElement = () => {
             this.container = document.createElement('div');

package/dist/cjs/views/citation.js

@@ -27,7 +27,6 @@ class CitationView extends base_node_view_1.BaseNodeView {
     constructor() {
         super(...arguments);
         this.ignoreMutation = () => true;
-        this.wasUpdated = false;
         this.initialise = () => {
             if (!this.node.type.spec.toDOM) {
                 throw Error(`Node view ${this.node.type} doesn't have toDOM method`);
@@ -60,13 +59,6 @@ class CitationView extends base_node_view_1.BaseNodeView {
             this.dom.appendChild(element);
             (0, comment_annotation_1.addCommentToLeafNode)(this.getPos(), this.getPos() + this.node.nodeSize, this.view.state, this.dom);
             this.setDomAttrs(this.node, this.dom, ['rids', 'contents', 'selectedText']);
-            if (!this.wasUpdated) {
-                this.dom.addEventListener('click', () => this.onClickHandler());
-            }
-            this.wasUpdated = true;
-            this.props.popper.update();
-        };
-        this.onClickHandler = () => {
         };
     }
 }

package/dist/cjs/views/citation_editable.js

@@ -47,18 +47,17 @@ class CitationEditableView extends citation_1.CitationView {
                 element.classList.contains('comment-icon') ||
                 ((_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains('comment-icon')));
         };
-        this.onClickHandler = () => {
+        this.selectNode = () => {
             var _a;
             const can = this.props.getCapabilities();
             const dataTracked = this.node.attrs.dataTracked;
             const isSelectedSuggestion = !!((_a = selected_suggestion_ui_1.selectedSuggestionKey
                 .getState(this.view.state)) === null || _a === void 0 ? void 0 : _a.find(this.getPos(), this.getPos() + this.node.nodeSize).length);
-            const { tr, doc } = this.view.state;
-            tr.setSelection(prosemirror_state_1.NodeSelection.create(doc, this.getPos()));
+            this.dom.classList.add('ProseMirror-selectednode');
             if (dataTracked && !isSelectedSuggestion) {
-                tr.setMeta(selected_suggestion_ui_1.SET_SUGGESTION_ID, dataTracked[0].id);
+                this.view.dispatch(this.view.state.tr.setMeta(selected_suggestion_ui_1.SET_SUGGESTION_ID, dataTracked[0].id));
             }
-            if (can.seeReferencesButtons && !(0, track_changes_utils_1.isDeleted)(this.node)) {
+            else if (can.seeReferencesButtons && !(0, track_changes_utils_1.isDeleted)(this.node)) {
                 const attrs = (0, track_changes_utils_1.getActualAttrs)(this.node);
                 if (!attrs.rids.length) {
                     this.showPopper();
@@ -67,7 +66,10 @@ class CitationEditableView extends citation_1.CitationView {
                     this.showContextMenu();
                 }
             }
-            this.view.dispatch(tr);
+        };
+        this.deselectNode = () => {
+            this.dom.classList.remove('ProseMirror-selectednode');
+            this.props.popper.destroy();
         };
         this.destroy = () => {
             var _a;
@@ -75,6 +77,7 @@ class CitationEditableView extends citation_1.CitationView {
             this.props.popper.destroy();
         };
         this.showContextMenu = () => {
+            this.props.popper.destroy();
             const componentProps = {
                 actions: [
                     { label: 'Edit', action: this.handleEdit, icon: 'EditIcon' },
@@ -82,9 +85,7 @@ class CitationEditableView extends citation_1.CitationView {
                 ],
             };
             this.contextMenu = (0, ReactSubView_1.default)(this.props, style_guide_1.ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu');
-            setTimeout(() => {
-                this.props.popper.show(this.dom, this.contextMenu, 'right-start', false);
-            }, 0);
+            this.props.popper.show(this.dom, this.contextMenu, 'right-start', false);
         };
         this.showPopper = () => {
             this.props.popper.destroy();

package/dist/cjs/views/contributors.js

@@ -179,6 +179,7 @@ class ContributorsView extends block_view_1.default {
         };
         this.onClickHandler = (elementId, dataTracked) => {
             var _a;
+            this.props.popper.destroy();
             const isSelectedSuggestion = !!((_a = selected_suggestion_ui_1.selectedSuggestionKey
                 .getState(this.view.state)) === null || _a === void 0 ? void 0 : _a.find(this.getPos(), this.getPos() + this.node.nodeSize).length);
             const { tr, doc } = this.view.state;
@@ -191,11 +192,11 @@ class ContributorsView extends block_view_1.default {
                     tr.setMeta(selected_suggestion_ui_1.CLEAR_SUGGESTION_ID, true);
                 }
             }
-            this.view.dispatch(tr);
             if (!((dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.operation) === track_changes_plugin_1.CHANGE_OPERATION.delete &&
                 (dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.status) !== track_changes_plugin_1.CHANGE_STATUS.rejected)) {
                 this.showContextMenu(elementId);
             }
+            this.view.dispatch(tr);
         };
         this.showContextMenu = (elementId) => {
             this.props.popper.destroy();

package/dist/es/assets.js

@@ -118,7 +118,7 @@ export const alertIcon = `
 export const deleteIcon = `
   <svg 
     width="13" 
-    height="15" 
+    height="17" 
     viewBox="0 0 13 15" 
     fill="none" 
     xmlns="http://www.w3.org/2000/svg"

package/dist/es/lib/popper.js

@@ -16,9 +16,9 @@
 import Popper from 'popper.js';
 export class PopperManager {
     show(target, contents, placement = 'bottom', showArrow = true, modifiers = {}) {
-        this.destroy();
-        this.clickEventHandler = this.clickEventHandler.bind(this);
-        document.body.addEventListener('click', this.clickEventHandler);
+        if (this.activePopper) {
+            return this.destroy();
+        }
         window.requestAnimationFrame(() => {
             const container = document.createElement('div');
             container.className = 'popper';
@@ -51,15 +51,8 @@ export class PopperManager {
             });
         });
     }
-    clickEventHandler(event) {
-        const editorElement = document.querySelector('.manuscript-editor');
-        if (!(editorElement === null || editorElement === void 0 ? void 0 : editorElement.contains(event.target))) {
-            this.destroy();
-        }
-    }
     destroy() {
         if (this.activePopper) {
-            document.body.removeEventListener('click', this.clickEventHandler);
             this.removeContainerClass(this.activePopper.reference);
             this.activePopper.destroy();
             delete this.activePopper;

package/dist/es/plugins/footnotes/index.js

@@ -229,7 +229,7 @@ export default (props) => {
                         decorations.push(Decoration.node(parent.pos, parent.pos + parent.node.nodeSize, {
                             class: 'footnote-selected',
                         }));
-                        decorations.push(Decoration.widget(targetNode.pos + (footnote ? 1 : 2), deleteFootnoteWidget(targetNode.node, props, targetNode.node.attrs.id, tableElement), {
+                        decorations.push(Decoration.widget(targetNode.pos + 1, deleteFootnoteWidget(targetNode.node, props, targetNode.node.attrs.id, tableElement), {
                             key: targetNode.node.attrs.id,
                         }));
                     }

package/dist/es/plugins/selected-suggestion-ui.js

@@ -66,7 +66,6 @@ class SuggestionView {
             if ((_b = (_a = dom.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains('keyword')) {
                 return;
             }
-            console.log(dom);
             dom.addEventListener('click', this.listener);
         });
     }

package/dist/es/views/bibliography_element.js

@@ -39,7 +39,9 @@ import ReactSubView from './ReactSubView';
 export class BibliographyElementBlockView extends BlockView {
     constructor() {
         super(...arguments);
+        this.clickedElementId = null;
         this.showPopper = (id) => {
+            this.props.popper.destroy();
             const bib = getBibliographyPluginState(this.view.state);
             if (!bib) {
                 return;
@@ -63,6 +65,8 @@ export class BibliographyElementBlockView extends BlockView {
             this.props.setComment(buildComment(citationId));
         };
         this.showContextMenu = (elementId) => {
+            this.props.popper.destroy();
+            this.clickedElementId = null;
             const can = this.props.getCapabilities();
             const element = document.getElementById(elementId);
             const componentProps = {
@@ -85,6 +89,7 @@ export class BibliographyElementBlockView extends BlockView {
         };
         this.onClickHandler = (elementId, dataTracked) => {
             var _a;
+            this.clickedElementId = elementId;
             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, doc } = this.view.state;
@@ -96,9 +101,11 @@ export class BibliographyElementBlockView extends BlockView {
                 if (isSelectedSuggestion) {
                     tr.setMeta(CLEAR_SUGGESTION_ID, true);
                 }
+                else {
+                    this.showContextMenu(elementId);
+                }
             }
             this.view.dispatch(tr);
-            this.showContextMenu(elementId);
         };
         this.updateContents = () => __awaiter(this, void 0, void 0, function* () {
             this.props.popper.destroy();
@@ -151,9 +158,7 @@ export class BibliographyElementBlockView extends BlockView {
                     element.classList.add('selected-suggestion');
                 }
                 if (can.seeReferencesButtons) {
-                    element.addEventListener('click', () => {
-                        this.onClickHandler(element.id, dataTracked);
-                    });
+                    element.addEventListener('click', () => this.onClickHandler(element.id, dataTracked));
                 }
                 wrapper.append(element);
             }
@@ -164,6 +169,9 @@ export class BibliographyElementBlockView extends BlockView {
             else {
                 this.container.appendChild(wrapper);
             }
+            if (this.clickedElementId) {
+                this.showContextMenu(this.clickedElementId);
+            }
         });
         this.createElement = () => {
             this.container = document.createElement('div');

package/dist/es/views/citation.js

@@ -24,7 +24,6 @@ export class CitationView extends BaseNodeView {
     constructor() {
         super(...arguments);
         this.ignoreMutation = () => true;
-        this.wasUpdated = false;
         this.initialise = () => {
             if (!this.node.type.spec.toDOM) {
                 throw Error(`Node view ${this.node.type} doesn't have toDOM method`);
@@ -57,13 +56,6 @@ export class CitationView extends BaseNodeView {
             this.dom.appendChild(element);
             addCommentToLeafNode(this.getPos(), this.getPos() + this.node.nodeSize, this.view.state, this.dom);
             this.setDomAttrs(this.node, this.dom, ['rids', 'contents', 'selectedText']);
-            if (!this.wasUpdated) {
-                this.dom.addEventListener('click', () => this.onClickHandler());
-            }
-            this.wasUpdated = true;
-            this.props.popper.update();
-        };
-        this.onClickHandler = () => {
         };
     }
 }

package/dist/es/views/citation_editable.js

@@ -15,7 +15,7 @@
  */
 import { ContextMenu } from '@manuscripts/style-guide';
 import { buildComment, schema, } from '@manuscripts/transform';
-import { NodeSelection, TextSelection } from 'prosemirror-state';
+import { TextSelection } from 'prosemirror-state';
 import { findChildrenByType } from 'prosemirror-utils';
 import { CitationEditor, } from '../components/references/CitationEditor';
 import { CitationViewer, } from '../components/references/CitationViewer';
@@ -41,18 +41,17 @@ export class CitationEditableView extends CitationView {
                 element.classList.contains('comment-icon') ||
                 ((_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains('comment-icon')));
         };
-        this.onClickHandler = () => {
+        this.selectNode = () => {
             var _a;
             const can = this.props.getCapabilities();
             const dataTracked = this.node.attrs.dataTracked;
             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, doc } = this.view.state;
-            tr.setSelection(NodeSelection.create(doc, this.getPos()));
+            this.dom.classList.add('ProseMirror-selectednode');
             if (dataTracked && !isSelectedSuggestion) {
-                tr.setMeta(SET_SUGGESTION_ID, dataTracked[0].id);
+                this.view.dispatch(this.view.state.tr.setMeta(SET_SUGGESTION_ID, dataTracked[0].id));
             }
-            if (can.seeReferencesButtons && !isDeleted(this.node)) {
+            else if (can.seeReferencesButtons && !isDeleted(this.node)) {
                 const attrs = getActualAttrs(this.node);
                 if (!attrs.rids.length) {
                     this.showPopper();
@@ -61,7 +60,10 @@ export class CitationEditableView extends CitationView {
                     this.showContextMenu();
                 }
             }
-            this.view.dispatch(tr);
+        };
+        this.deselectNode = () => {
+            this.dom.classList.remove('ProseMirror-selectednode');
+            this.props.popper.destroy();
         };
         this.destroy = () => {
             var _a;
@@ -69,6 +71,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' },
@@ -76,9 +79,7 @@ export class CitationEditableView extends CitationView {
                 ],
             };
             this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu');
-            setTimeout(() => {
-                this.props.popper.show(this.dom, this.contextMenu, 'right-start', false);
-            }, 0);
+            this.props.popper.show(this.dom, this.contextMenu, 'right-start', false);
         };
         this.showPopper = () => {
             this.props.popper.destroy();

package/dist/es/views/contributors.js

@@ -173,6 +173,7 @@ export class ContributorsView extends BlockView {
         };
         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, doc } = this.view.state;
@@ -185,11 +186,11 @@ export class ContributorsView extends BlockView {
                     tr.setMeta(CLEAR_SUGGESTION_ID, true);
                 }
             }
-            this.view.dispatch(tr);
             if (!((dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.operation) === CHANGE_OPERATION.delete &&
                 (dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.status) !== CHANGE_STATUS.rejected)) {
                 this.showContextMenu(elementId);
             }
+            this.view.dispatch(tr);
         };
         this.showContextMenu = (elementId) => {
             this.props.popper.destroy();

package/dist/types/assets.d.ts

@@ -17,4 +17,4 @@ export declare const editIcon = "\n  <svg\n    width=\"14\"\n    height=\"14\"\n
 export declare const commentIcon = "\n<svg\n    width=\"20\"\n    height=\"15\"\n    viewBox=\"0 0 20 15\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M7.94841 4.18311C7.98238 3.9602 8 3.73191 8 3.49951C8 3.22073 7.97465 2.94787 7.92613 2.68311H13.5C14.8854 2.68311 16.25 3.6425 16.25 5.09977V9.02453L19.1086 12.9949C19.2731 13.2233 19.2958 13.5245 19.1675 13.775C19.0392 14.0255 18.7814 14.1831 18.5 14.1831H5.5C4.11463 14.1831 2.75 13.2237 2.75 11.7664V7.93729C2.9939 7.97821 3.24446 7.99951 3.5 7.99951C3.75553 7.99951 4.00609 7.97821 4.25 7.93729V11.7664C4.25 12.1508 4.67537 12.6831 5.5 12.6831H17.0358L14.8913 9.70467C14.7994 9.57703 14.75 9.42372 14.75 9.26644V5.09977C14.75 4.71538 14.3246 4.18311 13.5 4.18311H7.94841Z\"\n      fill=\"#FFBD26\"\n    />\n    <path\n      d=\"M11.5 6.99951H8.5\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M12 9.99951H7\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M3.5 1L3.5 6\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M6 3.5L1 3.5\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n";
 export declare const editAttrsTrackingIcon = "\n <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M12 2L14 4L9 9L6 10L7 7L12 2Z\"\n      stroke=\"#353535\"\n      stroke-width=\"1.5\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M13 10V11.5C13 12.328 12.328 13 11.5 13H4.5C3.672 13 3 12.328 3 11.5V4.5C3 3.672 3.672 3 4.5 3H6\"\n      stroke=\"#353535\"\n      stroke-width=\"1.5\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n";
 export declare const alertIcon = "\n  <svg\n    width=\"12\"\n    height=\"12\"\n    viewBox=\"0 0 12 12\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M6 12C2.68629 12 1.18852e-06 9.31371 1.47821e-06 6C1.7679e-06 2.68629 2.68629 1.39444e-07 6 4.29138e-07C9.31371 7.18831e-07 12 2.68629 12 6C12 9.31371 9.31371 12 6 12ZM6.74998 2.99996L6.75 6.37462C6.75 6.78819 6.41522 7.12243 6.00166 7.12334C5.58681 7.12426 5.25001 6.78821 5.25001 6.37335L5.25 3.00082C5.25 2.58629 5.58629 2.25037 6.00082 2.25083C6.4147 2.25128 6.74998 2.58607 6.74998 2.99996ZM6.75 8.99263C6.75 9.46884 6.47288 9.75 5.99853 9.75C5.52419 9.75 5.25 9.47179 5.25 8.99558C5.25 8.51937 5.52421 8.25 5.99855 8.25C6.47289 8.25 6.75 8.51642 6.75 8.99263Z\"\n      fill=\"#FE8F1F\"\n    />\n  </svg>\n";
-export declare const deleteIcon = "\n  <svg \n    width=\"13\" \n    height=\"15\" \n    viewBox=\"0 0 13 15\" \n    fill=\"none\" \n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M2.00001 3C2 3.00135 2 3.00269 2 3.00404V13.004C2 13.5563 2.44772 14.004 3 14.004H10C10.5523 14.004 11 13.5563 11 13.004V3.00404C11 3.00269 11 3.00135 11 3C11.5978 3.34581 12 3.99215 12 4.73244V13.004C12 14.1086 11.1046 15.004 10 15.004H3C1.89543 15.004 1 14.1086 1 13.004V4.73244C1 3.99215 1.4022 3.34581 2.00001 3Z\" \n    fill=\"#C9C9C9\"\n  />\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M4.5 0C3.67157 0 3 0.671573 3 1.5V3.5C3 4.32843 3.67157 5 4.5 5H8.5C9.32843 5 10 4.32843 10 3.5V1.5C10 0.671573 9.32843 0 8.5 0H4.5ZM9 1.5C9 1.22386 8.77614 1 8.5 1H4.5C4.22386 1 4 1.22386 4 1.5C4 1.77614 4.22386 2 4.5 2H8.5C8.77614 2 9 1.77614 9 1.5Z\" \n    fill=\"#C9C9C9\"\n  />\n  <rect \n    y=\"2\" \n    width=\"13\" \n    height=\"3\" \n    rx=\"1.5\" \n    fill=\"#C9C9C9\"\n  />\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M8 7.5C8 7.22386 8.22386 7 8.5 7C8.77614 7 9 7.22386 9 7.5V11.5C9 11.7761 8.77614 12 8.5 12C8.22386 12 8 11.7761 8 11.5V7.5Z\" \n    fill=\"#C9C9C9\"\n  />\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M4 7.5C4 7.22386 4.22386 7 4.5 7C4.77614 7 5 7.22386 5 7.5V11.5C5 11.7761 4.77614 12 4.5 12C4.22386 12 4 11.7761 4 11.5V7.5Z\" \n    fill=\"#C9C9C9\"\n  />\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M11.5 3C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4L1.5 4C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3L11.5 3Z\" \n    fill=\"white\"\n  />\n</svg>";
+export declare const deleteIcon = "\n  <svg \n    width=\"13\" \n    height=\"17\" \n    viewBox=\"0 0 13 15\" \n    fill=\"none\" \n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M2.00001 3C2 3.00135 2 3.00269 2 3.00404V13.004C2 13.5563 2.44772 14.004 3 14.004H10C10.5523 14.004 11 13.5563 11 13.004V3.00404C11 3.00269 11 3.00135 11 3C11.5978 3.34581 12 3.99215 12 4.73244V13.004C12 14.1086 11.1046 15.004 10 15.004H3C1.89543 15.004 1 14.1086 1 13.004V4.73244C1 3.99215 1.4022 3.34581 2.00001 3Z\" \n    fill=\"#C9C9C9\"\n  />\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M4.5 0C3.67157 0 3 0.671573 3 1.5V3.5C3 4.32843 3.67157 5 4.5 5H8.5C9.32843 5 10 4.32843 10 3.5V1.5C10 0.671573 9.32843 0 8.5 0H4.5ZM9 1.5C9 1.22386 8.77614 1 8.5 1H4.5C4.22386 1 4 1.22386 4 1.5C4 1.77614 4.22386 2 4.5 2H8.5C8.77614 2 9 1.77614 9 1.5Z\" \n    fill=\"#C9C9C9\"\n  />\n  <rect \n    y=\"2\" \n    width=\"13\" \n    height=\"3\" \n    rx=\"1.5\" \n    fill=\"#C9C9C9\"\n  />\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M8 7.5C8 7.22386 8.22386 7 8.5 7C8.77614 7 9 7.22386 9 7.5V11.5C9 11.7761 8.77614 12 8.5 12C8.22386 12 8 11.7761 8 11.5V7.5Z\" \n    fill=\"#C9C9C9\"\n  />\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M4 7.5C4 7.22386 4.22386 7 4.5 7C4.77614 7 5 7.22386 5 7.5V11.5C5 11.7761 4.77614 12 4.5 12C4.22386 12 4 11.7761 4 11.5V7.5Z\" \n    fill=\"#C9C9C9\"\n  />\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M11.5 3C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4L1.5 4C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3L11.5 3Z\" \n    fill=\"white\"\n  />\n</svg>";

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

@@ -17,7 +17,6 @@ import Popper from 'popper.js';
 export declare class PopperManager {
     protected activePopper?: Popper;
     show(target: Element, contents: HTMLElement, placement?: Popper.Placement, showArrow?: boolean, modifiers?: Popper.Modifiers): void;
-    clickEventHandler(event: Event): void;
     destroy(): void;
     update(): void;
     private focusInput;

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

@@ -24,6 +24,7 @@ export declare class BibliographyElementBlockView<PropsType extends Bibliography
     private container;
     private editor;
     private contextMenu;
+    private clickedElementId;
     showPopper: (id: string) => void;
     stopEvent: () => boolean;
     ignoreMutation: () => boolean;

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

@@ -17,10 +17,8 @@ import { ManuscriptNodeView } from '@manuscripts/transform';
 import { BaseNodeProps, BaseNodeView } from './base_node_view';
 export declare class CitationView<PropsType extends BaseNodeProps> extends BaseNodeView<PropsType> implements ManuscriptNodeView {
     ignoreMutation: () => boolean;
-    wasUpdated: boolean;
     initialise: () => this;
     updateContents: () => void;
-    onClickHandler: () => void;
 }
 declare const _default: (props: BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<CitationView<any>>;
 export default _default;

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

@@ -19,7 +19,8 @@ export declare class CitationEditableView extends CitationView<EditableBlockProp
     private editor;
     private contextMenu;
     stopEvent: (event: Event) => boolean;
-    onClickHandler: () => void;
+    selectNode: () => void;
+    deselectNode: () => void;
     destroy: () => void;
     showContextMenu: () => void;
     showPopper: () => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.9.19-LEAN-3535.0",
+  "version": "1.9.19",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",

package/styles/Editor.css

@@ -999,6 +999,9 @@
   background-color: #f2fbfc;
   padding: 4px;
 }
+.table-footer > div {
+  position: relative;
+}
 
 .table-footer > div > p {
   padding-bottom: 10px;