@manuscripts/body-editor 3.13.11 → 3.13.12

package/dist/cjs/components/views/FigureDropdown.js

@@ -119,6 +119,14 @@ const FigureOptions = ({ can, getDoc, getFiles, onDownload, onUpload, onDetach,
         }
     }, [isOpen, container.classList]);
     useDropdownKeyboardNav(isOpen, dropdownRef, toggleOpen);
+    const hasAnyActions = !!showDownload ||
+        !!showUpload ||
+        !!showDetach ||
+        !!showReplace ||
+        showDelete();
+    if (!hasAnyActions) {
+        return null;
+    }
     const isEmbedMode = !!onReplaceEmbed;
     const groupFiles = (0, files_1.memoGroupFiles)();
     return (react_1.default.createElement(DropdownWrapper, { ref: wrapperRef },

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

package/dist/cjs/views/accessibility_element.js

@@ -37,7 +37,6 @@ class AccessibilityElementView extends block_view_1.default {
     createElement() {
         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,

package/dist/cjs/views/affiliations.js

@@ -120,7 +120,6 @@ class AffiliationsView extends block_view_1.default {
         this.container = document.createElement('div');
         this.container.classList.add('affiliations', 'block');
         this.container.contentEditable = 'false';
-        this.container.addEventListener('click', this.handleClick);
         this.dom.setAttribute('contenteditable', 'false');
         this.dom.appendChild(this.container);
     }
@@ -140,6 +139,11 @@ class AffiliationsView extends block_view_1.default {
         this.updateSelection();
     }
     buildAffiliations(affs) {
+        const can = this.props.getCapabilities();
+        this.container.removeEventListener('click', this.handleClick);
+        if (can.editMetadata) {
+            this.container.addEventListener('click', this.handleClick);
+        }
         const elements = [];
         for (const affiliation of affs.affiliations) {
             const index = affs.indexedAffiliationIds.get(affiliation.id);

package/dist/cjs/views/caption.js

@@ -28,7 +28,6 @@ class CaptionView extends base_node_view_1.BaseNodeView {
     createDOM() {
         this.dom = document.createElement('caption');
         this.dom.className = 'caption-description placeholder';
-        this.dom.contentEditable = 'true';
         this.contentDOM = this.dom;
     }
 }

package/dist/cjs/views/caption_title.js

@@ -28,7 +28,6 @@ class CaptionTitleView extends base_node_view_1.BaseNodeView {
     createDOM() {
         this.dom = document.createElement('label');
         this.dom.className = 'caption-title placeholder';
-        this.dom.contentEditable = 'true';
         this.contentDOM = this.dom;
     }
 }

package/dist/cjs/views/supplement.js

@@ -25,6 +25,7 @@ const creators_1 = require("./creators");
 class SupplementView extends base_node_view_1.BaseNodeView {
     constructor() {
         super(...arguments);
+        this.dragAndDropInitialized = false;
         this.ignoreMutation = () => true;
         this.createElement = () => {
             this.dom = document.createElement('div');
@@ -43,11 +44,25 @@ class SupplementView extends base_node_view_1.BaseNodeView {
     initialise() {
         this.createElement();
         this.updateContents();
-        this.setupDragAndDrop();
     }
     updateContents() {
         super.updateContents();
         this.refreshFileInfo();
+        const can = this.props.getCapabilities();
+        this.dom.draggable = can.editArticle;
+        if (can.editArticle) {
+            if (!this.dragAndDropInitialized) {
+                this.setupDragAndDrop();
+                this.dragAndDropInitialized = true;
+            }
+            if (!this.dragIcon) {
+                this.addDragIcon();
+            }
+        }
+        else {
+            this.dragIcon?.remove();
+            this.dragIcon = undefined;
+        }
     }
     getDropSide(element, clientY) {
         const { top, bottom } = element.getBoundingClientRect();

package/dist/es/components/views/FigureDropdown.js

@@ -80,6 +80,14 @@ export const FigureOptions = ({ can, getDoc, getFiles, onDownload, onUpload, onD
         }
     }, [isOpen, container.classList]);
     useDropdownKeyboardNav(isOpen, dropdownRef, toggleOpen);
+    const hasAnyActions = !!showDownload ||
+        !!showUpload ||
+        !!showDetach ||
+        !!showReplace ||
+        showDelete();
+    if (!hasAnyActions) {
+        return null;
+    }
     const isEmbedMode = !!onReplaceEmbed;
     const groupFiles = memoGroupFiles();
     return (React.createElement(DropdownWrapper, { ref: wrapperRef },

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.13.11';
+export const VERSION = '3.13.12';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/accessibility_element.js

@@ -31,7 +31,6 @@ export class AccessibilityElementView extends BlockView {
     createElement() {
         super.createElement();
         this.contentDOM.className = 'accessibility_element_input';
-        this.contentDOM.setAttribute('contenteditable', 'true');
         this.contentDOM.tabIndex = this.node.type === schema.nodes.alt_text ? 0 : -1;
         this.removeKeydownListener = createKeyboardInteraction({
             container: this.contentDOM,

package/dist/es/views/affiliations.js

@@ -114,7 +114,6 @@ export class AffiliationsView extends BlockView {
         this.container = document.createElement('div');
         this.container.classList.add('affiliations', 'block');
         this.container.contentEditable = 'false';
-        this.container.addEventListener('click', this.handleClick);
         this.dom.setAttribute('contenteditable', 'false');
         this.dom.appendChild(this.container);
     }
@@ -134,6 +133,11 @@ export class AffiliationsView extends BlockView {
         this.updateSelection();
     }
     buildAffiliations(affs) {
+        const can = this.props.getCapabilities();
+        this.container.removeEventListener('click', this.handleClick);
+        if (can.editMetadata) {
+            this.container.addEventListener('click', this.handleClick);
+        }
         const elements = [];
         for (const affiliation of affs.affiliations) {
             const index = affs.indexedAffiliationIds.get(affiliation.id);

package/dist/es/views/caption.js

@@ -25,7 +25,6 @@ export class CaptionView extends BaseNodeView {
     createDOM() {
         this.dom = document.createElement('caption');
         this.dom.className = 'caption-description placeholder';
-        this.dom.contentEditable = 'true';
         this.contentDOM = this.dom;
     }
 }

package/dist/es/views/caption_title.js

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

package/dist/es/views/supplement.js

@@ -22,6 +22,7 @@ import { createNodeView } from './creators';
 export class SupplementView extends BaseNodeView {
     constructor() {
         super(...arguments);
+        this.dragAndDropInitialized = false;
         this.ignoreMutation = () => true;
         this.createElement = () => {
             this.dom = document.createElement('div');
@@ -40,11 +41,25 @@ export class SupplementView extends BaseNodeView {
     initialise() {
         this.createElement();
         this.updateContents();
-        this.setupDragAndDrop();
     }
     updateContents() {
         super.updateContents();
         this.refreshFileInfo();
+        const can = this.props.getCapabilities();
+        this.dom.draggable = can.editArticle;
+        if (can.editArticle) {
+            if (!this.dragAndDropInitialized) {
+                this.setupDragAndDrop();
+                this.dragAndDropInitialized = true;
+            }
+            if (!this.dragIcon) {
+                this.addDragIcon();
+            }
+        }
+        else {
+            this.dragIcon?.remove();
+            this.dragIcon = undefined;
+        }
     }
     getDropSide(element, clientY) {
         const { top, bottom } = element.getBoundingClientRect();

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.13.11";
+export declare const VERSION = "3.13.12";
 export declare const MATHJAX_VERSION = "3.2.2";

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

@@ -20,6 +20,7 @@ export declare class SupplementView extends BaseNodeView<Trackable<SupplementNod
     private supplementInfoEl;
     private static currentDragSupplementId;
     private dragIcon;
+    private dragAndDropInitialized;
     ignoreMutation: () => boolean;
     initialise(): void;
     createElement: () => void;

package/package.json

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

package/src/components/views/FigureDropdown.tsx

@@ -184,6 +184,17 @@ export const FigureOptions: React.FC<WrappedProps> = ({
 
   useDropdownKeyboardNav(isOpen, dropdownRef, toggleOpen)
 
+  const hasAnyActions =
+    !!showDownload ||
+    !!showUpload ||
+    !!showDetach ||
+    !!showReplace ||
+    showDelete()
+
+  if (!hasAnyActions) {
+    return null
+  }
+
   const isEmbedMode = !!onReplaceEmbed
 
   const groupFiles = memoGroupFiles()

package/src/versions.ts

@@ -1,3 +1,3 @@
 //THIS FILE WAS GENERATED BY versions.mjs
-export const VERSION = '3.13.11';
+export const VERSION = '3.13.12';
 export const MATHJAX_VERSION = '3.2.2';

package/src/views/accessibility_element.ts

@@ -52,7 +52,6 @@ export class AccessibilityElementView extends BlockView<LongDescNode> {
   public createElement() {
     super.createElement()
     this.contentDOM.className = 'accessibility_element_input'
-    this.contentDOM.setAttribute('contenteditable', 'true')
 
     this.contentDOM.tabIndex = this.node.type === schema.nodes.alt_text ? 0 : -1
 

package/src/views/affiliations.ts

@@ -52,7 +52,6 @@ export class AffiliationsView extends BlockView<Trackable<AffiliationNode>> {
     this.container = document.createElement('div')
     this.container.classList.add('affiliations', 'block')
     this.container.contentEditable = 'false'
-    this.container.addEventListener('click', this.handleClick)
     this.dom.setAttribute('contenteditable', 'false')
     this.dom.appendChild(this.container)
   }
@@ -75,6 +74,12 @@ export class AffiliationsView extends BlockView<Trackable<AffiliationNode>> {
   }
 
   private buildAffiliations(affs: PluginState) {
+    const can = this.props.getCapabilities()
+    this.container.removeEventListener('click', this.handleClick)
+    if (can.editMetadata) {
+      this.container.addEventListener('click', this.handleClick)
+    }
+
     const elements = []
     for (const affiliation of affs.affiliations) {
       const index = affs.indexedAffiliationIds.get(affiliation.id)

package/src/views/caption.ts

@@ -29,7 +29,6 @@ export class CaptionView
   protected createDOM() {
     this.dom = document.createElement('caption')
     this.dom.className = 'caption-description placeholder'
-    this.dom.contentEditable = 'true'
     this.contentDOM = this.dom
   }
 }

package/src/views/caption_title.ts

@@ -26,7 +26,6 @@ export class CaptionTitleView extends BaseNodeView<CaptionTitleNode> {
   protected createDOM() {
     this.dom = document.createElement('label')
     this.dom.className = 'caption-title placeholder'
-    this.dom.contentEditable = 'true'
     this.contentDOM = this.dom
   }
 }

package/src/views/supplement.ts

@@ -28,13 +28,12 @@ export class SupplementView extends BaseNodeView<Trackable<SupplementNode>> {
   private supplementInfoEl: HTMLDivElement
   private static currentDragSupplementId: string | null = null
   private dragIcon: HTMLDivElement | undefined
-
+  private dragAndDropInitialized = false
   public ignoreMutation = () => true
 
   public initialise() {
     this.createElement()
     this.updateContents()
-    this.setupDragAndDrop()
   }
 
   public createElement = () => {
@@ -56,6 +55,20 @@ export class SupplementView extends BaseNodeView<Trackable<SupplementNode>> {
   public updateContents() {
     super.updateContents()
     this.refreshFileInfo()
+    const can = this.props.getCapabilities()
+    this.dom.draggable = can.editArticle
+    if (can.editArticle) {
+      if (!this.dragAndDropInitialized) {
+        this.setupDragAndDrop()
+        this.dragAndDropInitialized = true
+      }
+      if (!this.dragIcon) {
+        this.addDragIcon()
+      }
+    } else {
+      this.dragIcon?.remove()
+      this.dragIcon = undefined
+    }
   }
 
   private getDropSide(element: Element, clientY: number): 'before' | 'after' {

package/styles/Editor.css

@@ -1320,7 +1320,7 @@
   z-index: 1000;
 }
 
-.ProseMirror .supplement-item:hover {
+.ProseMirror .supplement-item[draggable="true"]:hover {
   background-color: #f2f2f2 !important;
   cursor: move;
 }