@manuscripts/body-editor 3.2.5 → 3.2.7

package/dist/cjs/configs/editor-plugins.js

@@ -58,7 +58,7 @@ exports.default = (props) => {
         (0, track_changes_plugin_1.trackChangesPlugin)({
             userID: props.userID,
             debug: props.debug,
-            initialStatus: props.isViewingMode
+            initialStatus: props.isViewingMode || props.isComparingMode
                 ? track_changes_plugin_1.TrackChangesStatus.viewSnapshots
                 : props.getCapabilities().editWithoutTracking
                     ? track_changes_plugin_1.TrackChangesStatus.disabled

package/dist/cjs/lib/context-menu.js

@@ -279,6 +279,28 @@ class ContextMenu {
                     }));
                 }));
             }
+            if (type === transform_1.schema.nodes.box_element) {
+                const tr = this.view.state.tr;
+                const boxElementNode = $pos.node($pos.depth - 1);
+                const boxStartPos = $pos.start($pos.depth - 1);
+                const figcaptions = (0, prosemirror_utils_1.findChildrenByType)(boxElementNode, transform_1.schema.nodes.figcaption);
+                const hasLabel = figcaptions.length > 0;
+                menu.insertBefore(this.createMenuItem(hasLabel ? 'Hide Label' : 'Show Label', () => {
+                    if (hasLabel) {
+                        const figcaptionNode = figcaptions[0].node;
+                        const figcaptionPos = boxStartPos + figcaptions[0].pos;
+                        tr.delete(figcaptionPos, figcaptionPos + figcaptionNode.nodeSize);
+                    }
+                    else {
+                        const newFigcaption = transform_1.schema.nodes.figcaption.create({}, [
+                            transform_1.schema.nodes.caption_title.create(),
+                        ]);
+                        tr.insert(boxStartPos, newFigcaption);
+                    }
+                    this.view.dispatch(tr);
+                    popper.destroy();
+                }), menu.firstChild);
+            }
             popper.show(target, menu, 'right', true);
             this.addPopperEventListeners();
         };

package/dist/cjs/useEditor.js

@@ -31,7 +31,14 @@ const useEditor = (externalProps) => {
     const [state, setState] = (0, react_1.useState)(() => (0, ManuscriptsEditor_1.createEditorState)(props));
     const location = (0, react_router_dom_1.useLocation)();
     const { collabProvider } = props;
-    if (collabProvider) {
+    (0, react_1.useEffect)(() => {
+        if (view.current && props.isComparingMode) {
+            const newState = (0, ManuscriptsEditor_1.createEditorState)(props);
+            setState(newState);
+            view.current.updateState(newState);
+        }
+    }, [props.doc, props.isComparingMode]);
+    if (collabProvider && !props.isComparingMode) {
         collabProvider.onNewSteps(async () => {
             if (state && view.current) {
                 const localVersion = (0, prosemirror_collab_1.getVersion)(view.current.state);
@@ -57,7 +64,9 @@ const useEditor = (externalProps) => {
         view.current.updateState(nextState);
         const trackState = track_changes_plugin_1.trackChangesPluginKey.getState(view.current.state);
         if (collabProvider &&
-            (!trackState || trackState.status !== track_changes_plugin_1.TrackChangesStatus.viewSnapshots)) {
+            (!trackState ||
+                trackState.status !== track_changes_plugin_1.TrackChangesStatus.viewSnapshots) &&
+            !props.isComparingMode) {
             const sendable = (0, prosemirror_collab_1.sendableSteps)(nextState);
             if (sendable) {
                 collabProvider.sendSteps(sendable.version, sendable.steps, sendable.clientID, false);

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

package/dist/cjs/views/contributors.js

@@ -134,10 +134,9 @@ class ContributorsView extends block_view_1.default {
                     action: () => this.handleEdit(''),
                     icon: 'Edit',
                 });
-                this.contextMenu = (0, ReactSubView_1.default)(this.props, style_guide_1.ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']);
-                return this.contextMenu;
             }
-            return undefined;
+            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.authorContextMenu();

package/dist/es/configs/editor-plugins.js

@@ -53,7 +53,7 @@ export default (props) => {
         trackChangesPlugin({
             userID: props.userID,
             debug: props.debug,
-            initialStatus: props.isViewingMode
+            initialStatus: props.isViewingMode || props.isComparingMode
                 ? TrackChangesStatus.viewSnapshots
                 : props.getCapabilities().editWithoutTracking
                     ? TrackChangesStatus.disabled

package/dist/es/lib/context-menu.js

@@ -275,6 +275,28 @@ export class ContextMenu {
                     }));
                 }));
             }
+            if (type === schema.nodes.box_element) {
+                const tr = this.view.state.tr;
+                const boxElementNode = $pos.node($pos.depth - 1);
+                const boxStartPos = $pos.start($pos.depth - 1);
+                const figcaptions = findChildrenByType(boxElementNode, schema.nodes.figcaption);
+                const hasLabel = figcaptions.length > 0;
+                menu.insertBefore(this.createMenuItem(hasLabel ? 'Hide Label' : 'Show Label', () => {
+                    if (hasLabel) {
+                        const figcaptionNode = figcaptions[0].node;
+                        const figcaptionPos = boxStartPos + figcaptions[0].pos;
+                        tr.delete(figcaptionPos, figcaptionPos + figcaptionNode.nodeSize);
+                    }
+                    else {
+                        const newFigcaption = schema.nodes.figcaption.create({}, [
+                            schema.nodes.caption_title.create(),
+                        ]);
+                        tr.insert(boxStartPos, newFigcaption);
+                    }
+                    this.view.dispatch(tr);
+                    popper.destroy();
+                }), menu.firstChild);
+            }
             popper.show(target, menu, 'right', true);
             this.addPopperEventListeners();
         };

package/dist/es/useEditor.js

@@ -28,7 +28,14 @@ export const useEditor = (externalProps) => {
     const [state, setState] = useState(() => createEditorState(props));
     const location = useLocation();
     const { collabProvider } = props;
-    if (collabProvider) {
+    useEffect(() => {
+        if (view.current && props.isComparingMode) {
+            const newState = createEditorState(props);
+            setState(newState);
+            view.current.updateState(newState);
+        }
+    }, [props.doc, props.isComparingMode]);
+    if (collabProvider && !props.isComparingMode) {
         collabProvider.onNewSteps(async () => {
             if (state && view.current) {
                 const localVersion = getVersion(view.current.state);
@@ -54,7 +61,9 @@ export const useEditor = (externalProps) => {
         view.current.updateState(nextState);
         const trackState = trackChangesPluginKey.getState(view.current.state);
         if (collabProvider &&
-            (!trackState || trackState.status !== TrackChangesStatus.viewSnapshots)) {
+            (!trackState ||
+                trackState.status !== TrackChangesStatus.viewSnapshots) &&
+            !props.isComparingMode) {
             const sendable = sendableSteps(nextState);
             if (sendable) {
                 collabProvider.sendSteps(sendable.version, sendable.steps, sendable.clientID, false);

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.2.5';
+export const VERSION = '3.2.7';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/contributors.js

@@ -128,10 +128,9 @@ export class ContributorsView extends BlockView {
                     action: () => this.handleEdit(''),
                     icon: 'Edit',
                 });
-                this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']);
-                return this.contextMenu;
             }
-            return undefined;
+            this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']);
+            return this.contextMenu;
         };
         this.actionGutterButtons = () => {
             const contextMenu = this.authorContextMenu();

package/dist/types/configs/ManuscriptsEditor.d.ts

@@ -49,6 +49,7 @@ export interface EditorProps {
     collabProvider?: CollabProvider;
     navigate: NavigateFunction;
     location: Location;
+    isComparingMode?: boolean;
     dispatch?: Dispatch;
     onEditorClick: (pos: number, node: ManuscriptNode, nodePos: number, event: MouseEvent) => void;
     lockBody: boolean;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.2.5";
+export declare const VERSION = "3.2.7";
 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.2.5",
+  "version": "3.2.7",
   "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.1.0",
     "@manuscripts/track-changes-plugin": "2.0.1",
-    "@manuscripts/transform": "4.2.0",
+    "@manuscripts/transform": "4.2.1",
     "@popperjs/core": "2.11.8",
     "citeproc": "2.4.63",
     "codemirror": "5.65.19",

package/styles/AdvancedEditor.css

@@ -1053,6 +1053,19 @@ figure.block:has(.equation.selected-suggestion) {
   border-color: var(--updated-border-color);
 }
 
+/* Needed for the snapshot comparison */
+.tracking-visible .block-list [data-track-op="insert"][data-track-status="pending"] {
+  background: var(--inserted-pending-bg-color);
+  color: var(--inserted-pending-color);
+  text-decoration: underline;
+}
+/* Needed for the snapshot comparison */
+.tracking-visible .block-list [data-track-op="delete"][data-track-status="pending"] {
+  background: var(--deleted-pending-bg-color);
+  color: var(--deleted-color);
+  text-decoration: line-through;
+}
+
 .selected-suggestion.contributor,
 .selected-suggestion.affiliation {
   text-decoration: none !important;