@manuscripts/body-editor 3.3.4 → 3.3.6

package/dist/cjs/lib/media.js

@@ -78,29 +78,29 @@ const createMediaPlaceholder = (mediaType = 'media', view, getPos) => {
     return element;
 };
 exports.createMediaPlaceholder = createMediaPlaceholder;
-const createFileHandlers = (node, view, getPos, props, setHref) => {
+const createFileHandlers = (attrs, fileAttrKey, view, props, setAttr) => {
     const handlers = {};
-    const href = node.attrs.href;
+    const controlAttr = attrs[fileAttrKey];
     const files = props.getFiles();
-    const file = href && files.find((f) => f.id === href);
+    const file = controlAttr && files.find((f) => f.id === controlAttr);
     const can = props.getCapabilities();
-    if (href && file) {
+    if (controlAttr && file) {
         handlers.handleDownload = () => {
             props.fileManagement.download(file);
         };
         handlers.handleDetach = () => {
-            setHref('');
+            setAttr('');
         };
     }
     if (can.replaceFile) {
         handlers.handleReplace = (file, isSupplement = false) => {
-            setHref(file.id);
+            setAttr(file.id);
             if (isSupplement) {
                 const tr = view.state.tr;
                 view.state.doc.descendants((node, pos) => {
                     if (node.type === transform_1.schema.nodes.supplement) {
-                        const href = node.attrs.href;
-                        if (href === file.id) {
+                        const attr = node.attrs[fileAttrKey];
+                        if (attr === file.id) {
                             tr.delete(pos, pos + node.nodeSize);
                             view.dispatch(tr);
                         }

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

package/dist/cjs/views/embed.js

@@ -115,7 +115,7 @@ class EmbedView extends block_view_1.default {
         let handlers;
         const can = this.props.getCapabilities();
         if (this.isUploadedFile()) {
-            handlers = (0, media_1.createFileHandlers)(this.node, this.view, this.getPos, this.props, this.setHref);
+            handlers = (0, media_1.createFileHandlers)(this.node.attrs, 'href', this.view, this.props, this.setHref);
             if (can.uploadFile) {
                 handlers.handleUpload = (0, media_1.createFileUploader)(this.upload, 'video/*,audio/*');
             }

package/dist/cjs/views/figure_editable.js

@@ -218,7 +218,7 @@ class FigureEditableView extends figure_1.FigureView {
     }
     manageReactTools() {
         this.reactTools?.remove();
-        const handlers = (0, media_1.createFileHandlers)(this.node, this.view, this.getPos, this.props, this.setSrc);
+        const handlers = (0, media_1.createFileHandlers)(this.node.attrs, 'src', this.view, this.props, this.setSrc);
         const can = this.props.getCapabilities();
         if (can.uploadFile) {
             handlers.handleUpload = (0, media_1.createFileUploader)(this.upload, 'image/*');

package/dist/es/lib/media.js

@@ -70,29 +70,29 @@ export const createMediaPlaceholder = (mediaType = 'media', view, getPos) => {
     element.appendChild(instructions);
     return element;
 };
-export const createFileHandlers = (node, view, getPos, props, setHref) => {
+export const createFileHandlers = (attrs, fileAttrKey, view, props, setAttr) => {
     const handlers = {};
-    const href = node.attrs.href;
+    const controlAttr = attrs[fileAttrKey];
     const files = props.getFiles();
-    const file = href && files.find((f) => f.id === href);
+    const file = controlAttr && files.find((f) => f.id === controlAttr);
     const can = props.getCapabilities();
-    if (href && file) {
+    if (controlAttr && file) {
         handlers.handleDownload = () => {
             props.fileManagement.download(file);
         };
         handlers.handleDetach = () => {
-            setHref('');
+            setAttr('');
         };
     }
     if (can.replaceFile) {
         handlers.handleReplace = (file, isSupplement = false) => {
-            setHref(file.id);
+            setAttr(file.id);
             if (isSupplement) {
                 const tr = view.state.tr;
                 view.state.doc.descendants((node, pos) => {
                     if (node.type === schema.nodes.supplement) {
-                        const href = node.attrs.href;
-                        if (href === file.id) {
+                        const attr = node.attrs[fileAttrKey];
+                        if (attr === file.id) {
                             tr.delete(pos, pos + node.nodeSize);
                             view.dispatch(tr);
                         }

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.3.4';
+export const VERSION = '3.3.6';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/embed.js

@@ -109,7 +109,7 @@ export class EmbedView extends BlockView {
         let handlers;
         const can = this.props.getCapabilities();
         if (this.isUploadedFile()) {
-            handlers = createFileHandlers(this.node, this.view, this.getPos, this.props, this.setHref);
+            handlers = createFileHandlers(this.node.attrs, 'href', this.view, this.props, this.setHref);
             if (can.uploadFile) {
                 handlers.handleUpload = createFileUploader(this.upload, 'video/*,audio/*');
             }

package/dist/es/views/figure_editable.js

@@ -215,7 +215,7 @@ export class FigureEditableView extends FigureView {
     }
     manageReactTools() {
         this.reactTools?.remove();
-        const handlers = createFileHandlers(this.node, this.view, this.getPos, this.props, this.setSrc);
+        const handlers = createFileHandlers(this.node.attrs, 'src', this.view, this.props, this.setSrc);
         const can = this.props.getCapabilities();
         if (can.uploadFile) {
             handlers.handleUpload = createFileUploader(this.upload, 'image/*');

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

@@ -27,7 +27,12 @@ export interface FileHandlers {
     handleDetach?: () => void;
     handleDelete?: () => void;
 }
-export declare const createFileHandlers: <T extends ManuscriptNode>(node: Trackable<T>, view: ManuscriptEditorView, getPos: () => number, props: EditorProps, setHref: (href: string) => void) => FileHandlers;
+type Handleable = {
+    href?: string;
+    src?: string;
+};
+export declare const createFileHandlers: <T extends Handleable>(attrs: T, fileAttrKey: keyof Handleable, view: ManuscriptEditorView, props: EditorProps, setAttr: (value: string) => void) => FileHandlers;
 export declare const createReactTools: <T extends ManuscriptNode>(node: Trackable<T>, view: ManuscriptEditorView, getPos: () => number, props: EditorProps, handlers: FileHandlers, isEmbed: boolean, hasSiblings: () => boolean) => HTMLDivElement | null;
 export declare const createFileUploader: (handler: (file: File) => Promise<void>, accept?: string) => () => void;
 export declare const addInteractionHandlers: (element: HTMLElement, uploadFn: (file: File) => Promise<void>, accept?: string) => void;
+export {};

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.3.4";
+export declare const VERSION = "3.3.6";
 export declare const MATHJAX_VERSION = "3.2.2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.3.4",
+  "version": "3.3.6",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -40,7 +40,7 @@
     "@manuscripts/json-schema": "2.2.12",
     "@manuscripts/style-guide": "3.2.1",
     "@manuscripts/track-changes-plugin": "2.0.10",
-    "@manuscripts/transform": "4.2.12",
+    "@manuscripts/transform": "4.2.13",
     "@popperjs/core": "2.11.8",
     "citeproc": "2.4.63",
     "codemirror": "5.65.19",

package/styles/AdvancedEditor.css

@@ -212,7 +212,7 @@
   visibility: visible;
 }
 
-.ProseMirror .media-preview audio{
+.ProseMirror .media-preview audio {
   margin-top: 40px;
 }
 
@@ -284,7 +284,7 @@
   white-space: normal;
   font-size: 14px;
 }
-.ProseMirror .block-embed  .media-preview .placeholder {
+.ProseMirror .block-embed .media-preview .placeholder {
   padding: 16px 32px;
 }
 
@@ -371,11 +371,11 @@
 }
 
 .ProseMirror .block-figure_element .position-menu,
-.ProseMirror .block-image_element .position-menu, 
+.ProseMirror .block-image_element .position-menu,
 ProseMirror .block-embed .position-menu {
   position: absolute;
-  top: 15px;
-  right: 35px;
+  top: 8px;
+  right: 21px;
   z-index: 2;
   cursor: pointer;
   padding-left: 100px;