@manuscripts/body-editor 3.4.5 → 3.4.7

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

package/dist/cjs/views/figure_editable.js

@@ -60,6 +60,15 @@ class FigureEditableView extends figure_1.FigureView {
         this.upload = this.upload.bind(this);
         this.createDOM();
         this.updateContents();
+        const domElement = this.dom;
+        domElement.__figureView = this;
+    }
+    update(newNode) {
+        const handledBySuper = super.update(newNode);
+        if (handledBySuper) {
+            this.addTools();
+        }
+        return handledBySuper;
     }
     clearTargetClass(target, classes = ['drop-target-above', 'drop-target-below']) {
         target.classList.remove(...classes);
@@ -191,11 +200,14 @@ class FigureEditableView extends figure_1.FigureView {
     }
     addTools() {
         this.manageReactTools();
+        const existingDragHandlers = this.container.querySelectorAll('.drag-handler');
+        existingDragHandlers.forEach((handler) => handler.remove());
         const $pos = this.view.state.doc.resolve(this.getPos());
         const parent = $pos.parent;
         if (this.props.getCapabilities()?.editArticle &&
             parent.type === transform_1.schema.nodes.figure_element &&
-            !(0, track_changes_utils_1.isDeleted)(this.node)) {
+            !(0, track_changes_utils_1.isDeleted)(this.node) &&
+            this.countFigures() > 1) {
             const dragHandle = document.createElement('div');
             dragHandle.className = 'drag-handler';
             dragHandle.innerHTML = icons_1.draggableIcon;

package/dist/cjs/views/figure_element.js

@@ -118,10 +118,20 @@ class FigureElementView extends image_element_1.ImageElementView {
             requestAnimationFrame(() => {
                 this.updateButtonPosition();
                 this.updateAddButtonState();
+                this.updateChildDragHandlers();
             });
         }
         return handledBySuper;
     }
+    updateChildDragHandlers() {
+        const dragHandlers = this.container.querySelectorAll('.drag-handler');
+        dragHandlers.forEach((handler) => handler.remove());
+        const figureElements = this.container.querySelectorAll('figure');
+        figureElements.forEach((figureElement) => {
+            const figureView = figureElement.__figureView;
+            figureView?.addTools();
+        });
+    }
     updateContents() {
         super.updateContents();
         requestAnimationFrame(() => {

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.4.5';
+export const VERSION = '3.4.7';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/figure_editable.js

@@ -57,6 +57,15 @@ export class FigureEditableView extends FigureView {
         this.upload = this.upload.bind(this);
         this.createDOM();
         this.updateContents();
+        const domElement = this.dom;
+        domElement.__figureView = this;
+    }
+    update(newNode) {
+        const handledBySuper = super.update(newNode);
+        if (handledBySuper) {
+            this.addTools();
+        }
+        return handledBySuper;
     }
     clearTargetClass(target, classes = ['drop-target-above', 'drop-target-below']) {
         target.classList.remove(...classes);
@@ -188,11 +197,14 @@ export class FigureEditableView extends FigureView {
     }
     addTools() {
         this.manageReactTools();
+        const existingDragHandlers = this.container.querySelectorAll('.drag-handler');
+        existingDragHandlers.forEach((handler) => handler.remove());
         const $pos = this.view.state.doc.resolve(this.getPos());
         const parent = $pos.parent;
         if (this.props.getCapabilities()?.editArticle &&
             parent.type === schema.nodes.figure_element &&
-            !isDeleted(this.node)) {
+            !isDeleted(this.node) &&
+            this.countFigures() > 1) {
             const dragHandle = document.createElement('div');
             dragHandle.className = 'drag-handler';
             dragHandle.innerHTML = draggableIcon;

package/dist/es/views/figure_element.js

@@ -115,10 +115,20 @@ export class FigureElementView extends ImageElementView {
             requestAnimationFrame(() => {
                 this.updateButtonPosition();
                 this.updateAddButtonState();
+                this.updateChildDragHandlers();
             });
         }
         return handledBySuper;
     }
+    updateChildDragHandlers() {
+        const dragHandlers = this.container.querySelectorAll('.drag-handler');
+        dragHandlers.forEach((handler) => handler.remove());
+        const figureElements = this.container.querySelectorAll('figure');
+        figureElements.forEach((figureElement) => {
+            const figureView = figureElement.__figureView;
+            figureView?.addTools();
+        });
+    }
     updateContents() {
         super.updateContents();
         requestAnimationFrame(() => {

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.4.5";
+export declare const VERSION = "3.4.7";
 export declare const MATHJAX_VERSION = "3.2.2";

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

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { ManuscriptNode } from '@manuscripts/transform';
 import { FigureView } from './figure';
 export declare class FigureEditableView extends FigureView {
     reactTools: HTMLDivElement | null;
@@ -22,6 +23,7 @@ export declare class FigureEditableView extends FigureView {
     private static currentDragFigureId;
     private dragAndDropInitialized;
     initialise(): void;
+    update(newNode: ManuscriptNode): boolean;
     private clearTargetClass;
     private handleDragStart;
     private setupDragAndDrop;
@@ -29,7 +31,7 @@ export declare class FigureEditableView extends FigureView {
     private moveFigure;
     upload: (file: File) => Promise<void>;
     updateContents(): void;
-    protected addTools(): void;
+    addTools(): void;
     countFigures(): number;
     private manageReactTools;
     protected setSrc: (src: string) => void;

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

@@ -26,6 +26,7 @@ export declare class FigureElementView extends ImageElementView {
     private updateButtonPosition;
     private updateAddButtonState;
     update(node: Node): boolean;
+    private updateChildDragHandlers;
     updateContents(): void;
     private addFigure;
     destroy(): void;

package/package.json

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

package/styles/AdvancedEditor.css

@@ -1717,6 +1717,9 @@ th:hover > .table-context-menu-button,
   margin: 4px 0 0 0;
 }
 
+.prosemirror-dropcursor-block {
+  background-color: transparent !important;
+}
 .ProseMirror .add-button {
   border: 0px;
   z-index: 1;
@@ -1792,7 +1795,7 @@ th:hover > .table-context-menu-button,
 }
 .ProseMirror .block-trans_abstract section.block.trans-abstract {
   padding: 0 !important;
-} 
+}
 .ProseMirror .abstracts.empty-node .add-translation-container {
   display: none;
 }