@manuscripts/body-editor 3.9.15 → 3.9.18

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.15';
+exports.VERSION = '3.9.18';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/award.js

@@ -32,6 +32,8 @@ class AwardView extends block_view_1.default {
     constructor() {
         super(...arguments);
         this.newAward = false;
+        this.ignoreMutation = () => true;
+        this.stopEvent = () => true;
         this.createAwardFragment = (className, title, content) => {
             const awardFragment = document.createElement('div');
             awardFragment.classList.add(className);
@@ -49,16 +51,10 @@ class AwardView extends block_view_1.default {
             }
             return awardFragment;
         };
-        this.handleClick = () => {
-            if ((0, track_changes_utils_1.isDeleted)(this.node) || !this.props.getCapabilities().editArticle) {
-                return;
-            }
-            this.showContextMenu();
-        };
-        this.showContextMenu = () => {
-            this.props.popper.destroy();
-            if (!this.contentDOM) {
-                return;
+        this.awardContextMenu = () => {
+            const can = this.props.getCapabilities();
+            if (!can.editArticle || (0, track_changes_utils_1.isDeleted)(this.node)) {
+                return undefined;
             }
             const componentProps = {
                 actions: [
@@ -80,7 +76,12 @@ class AwardView extends block_view_1.default {
                     },
                 ],
             };
-            this.props.popper.show(this.contentDOM, (0, ReactSubView_1.default)(this.props, style_guide_1.ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']), 'right-start', false);
+            this.contextMenu = (0, ReactSubView_1.default)(this.props, style_guide_1.ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']);
+            return this.contextMenu;
+        };
+        this.actionGutterButtons = () => {
+            const contextMenu = this.awardContextMenu();
+            return contextMenu ? [contextMenu] : [];
         };
         this.showAwardModal = (award) => {
             this.dialog?.remove();
@@ -135,9 +136,6 @@ class AwardView extends block_view_1.default {
         fragment.appendChild(this.createAwardFragment('award-source', '', source));
         fragment.appendChild(this.createAwardFragment('award-code', 'Grant Number(s): ', code ? code.split(';').join(', ') : notAvailable));
         fragment.appendChild(this.createAwardFragment('award-recipient', 'Recipient: ', recipient ? recipient : notAvailable));
-        if (this.props.getCapabilities().editArticle) {
-            this.dom.addEventListener('mouseup', this.handleClick);
-        }
         this.contentDOM.appendChild(fragment);
         this.updateClasses();
     }

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.9.15';
+export const VERSION = '3.9.18';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/award.js

@@ -26,6 +26,8 @@ export class AwardView extends BlockView {
     constructor() {
         super(...arguments);
         this.newAward = false;
+        this.ignoreMutation = () => true;
+        this.stopEvent = () => true;
         this.createAwardFragment = (className, title, content) => {
             const awardFragment = document.createElement('div');
             awardFragment.classList.add(className);
@@ -43,16 +45,10 @@ export class AwardView extends BlockView {
             }
             return awardFragment;
         };
-        this.handleClick = () => {
-            if (isDeleted(this.node) || !this.props.getCapabilities().editArticle) {
-                return;
-            }
-            this.showContextMenu();
-        };
-        this.showContextMenu = () => {
-            this.props.popper.destroy();
-            if (!this.contentDOM) {
-                return;
+        this.awardContextMenu = () => {
+            const can = this.props.getCapabilities();
+            if (!can.editArticle || isDeleted(this.node)) {
+                return undefined;
             }
             const componentProps = {
                 actions: [
@@ -74,7 +70,12 @@ export class AwardView extends BlockView {
                     },
                 ],
             };
-            this.props.popper.show(this.contentDOM, ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']), 'right-start', false);
+            this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']);
+            return this.contextMenu;
+        };
+        this.actionGutterButtons = () => {
+            const contextMenu = this.awardContextMenu();
+            return contextMenu ? [contextMenu] : [];
         };
         this.showAwardModal = (award) => {
             this.dialog?.remove();
@@ -129,9 +130,6 @@ export class AwardView extends BlockView {
         fragment.appendChild(this.createAwardFragment('award-source', '', source));
         fragment.appendChild(this.createAwardFragment('award-code', 'Grant Number(s): ', code ? code.split(';').join(', ') : notAvailable));
         fragment.appendChild(this.createAwardFragment('award-recipient', 'Recipient: ', recipient ? recipient : notAvailable));
-        if (this.props.getCapabilities().editArticle) {
-            this.dom.addEventListener('mouseup', this.handleClick);
-        }
         this.contentDOM.appendChild(fragment);
         this.updateClasses();
     }

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.9.15";
+export declare const VERSION = "3.9.18";
 export declare const MATHJAX_VERSION = "3.2.2";

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

@@ -20,12 +20,15 @@ export type AwardAttrs = TrackableAttributes<AwardNode>;
 export declare class AwardView extends BlockView<Trackable<AwardNode>> {
     protected popperContainer: HTMLDivElement;
     private dialog;
+    contextMenu: HTMLElement;
     newAward: boolean;
+    ignoreMutation: () => boolean;
+    stopEvent: () => boolean;
     updateContents(): void;
     selectNode(): void;
     private createAwardFragment;
-    handleClick: () => void;
-    showContextMenu: () => void;
+    awardContextMenu: () => HTMLElement | undefined;
+    actionGutterButtons: () => HTMLElement[];
     showAwardModal: (award: AwardNode) => void;
     showDeleteAwardDialog: () => void;
     handleSaveAward: (award: AwardAttrs) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.9.15",
+  "version": "3.9.18",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -39,7 +39,7 @@
     "@iarna/word-count": "1.1.2",
     "@manuscripts/json-schema": "2.2.12",
     "@manuscripts/style-guide": "3.4.7",
-    "@manuscripts/track-changes-plugin": "2.2.10",
+    "@manuscripts/track-changes-plugin": "2.2.11",
     "@manuscripts/transform": "4.3.22",
     "@popperjs/core": "2.11.8",
     "citeproc": "2.4.63",