@manuscripts/body-editor 2.8.48 → 2.8.49

package/dist/cjs/commands.js

@@ -169,6 +169,12 @@ const createBlock = (nodeType, position, state, dispatch, attrs) => {
         case transform_1.schema.nodes.embed:
             node = createEmbedElement(attrs);
             break;
+        case state.schema.nodes.pullquote_element:
+            node = state.schema.nodes.pullquote_element.create(attrs, [
+                state.schema.nodes.paragraph.create({}),
+                state.schema.nodes.attribution.create({}),
+            ]);
+            break;
         default:
             node = nodeType.createAndFill(attrs);
     }

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

@@ -36,6 +36,7 @@ const paragraph_editable_1 = __importDefault(require("../views/paragraph_editabl
 const placeholder_1 = __importDefault(require("../views/placeholder"));
 const placeholder_element_editable_1 = __importDefault(require("../views/placeholder_element_editable"));
 const pullquote_element_editable_1 = __importDefault(require("../views/pullquote_element_editable"));
+const quote_image_editable_1 = __importDefault(require("../views/quote_image_editable"));
 const section_1 = __importDefault(require("../views/section"));
 const section_label_1 = __importDefault(require("../views/section_label"));
 const section_title_editable_1 = __importDefault(require("../views/section_title_editable"));
@@ -50,6 +51,7 @@ exports.default = (props, dispatch) => {
         alt_titles: (0, alt_titles_section_1.default)(props),
         bibliography_element: (0, bibliography_element_1.default)(props, dispatch),
         blockquote_element: (0, blockquote_element_editable_1.default)(props),
+        quote_image: (0, quote_image_editable_1.default)(props, dispatch),
         box_element: (0, box_element_1.default)(props),
         citation: (0, citation_editable_1.default)(props, dispatch),
         cross_reference: (0, cross_reference_editable_1.default)(props, dispatch),

package/dist/cjs/icons.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.lockIcon = exports.scrollIcon = exports.sectionCategoryIcon = exports.editIcon = exports.deleteIcon = exports.alertIcon = exports.arrowDown = void 0;
+exports.plusIcon = exports.lockIcon = exports.scrollIcon = exports.sectionCategoryIcon = exports.editIcon = exports.deleteIcon = exports.alertIcon = exports.arrowDown = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = require("react");
 const server_1 = require("react-dom/server");
@@ -12,3 +12,4 @@ exports.editIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)
 exports.sectionCategoryIcon = renderIcon(style_guide_1.SectionCategoryIcon);
 exports.scrollIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.ScrollIcon));
 exports.lockIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.LockIcon));
+exports.plusIcon = renderIcon(style_guide_1.PlusIcon);

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

@@ -205,6 +205,27 @@ class ContextMenu {
                     }
                 }));
             }
+            if (type === transform_1.schema.nodes.pullquote_element) {
+                const figure = (0, prosemirror_utils_1.findChildrenByType)(this.node, transform_1.schema.nodes.quote_image);
+                if (!figure.length) {
+                    menu.appendChild(this.createMenuItem('Add Image', () => {
+                        const tr = this.view.state.tr;
+                        tr.insert(this.getPos() + 1, transform_1.schema.nodes.quote_image.create());
+                        this.view.dispatch(tr);
+                        popper.destroy();
+                    }));
+                }
+                else {
+                    const found = figure[0];
+                    menu.appendChild(this.createMenuItem('Remove Image', () => {
+                        const tr = this.view.state.tr;
+                        console.log(found);
+                        tr.delete(this.getPos() + 1 + found.pos, this.getPos() + 1 + found.pos + found.node.nodeSize);
+                        this.view.dispatch(tr);
+                        popper.destroy();
+                    }));
+                }
+            }
             const commentTarget = this.getCommentTarget();
             if ((0, commands_1.isCommentingAllowed)(commentTarget.type)) {
                 menu.appendChild(this.createMenuSection((section) => {

package/dist/cjs/lib/utils.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getInsertPos = exports.createToggleButton = exports.isEditAllowed = exports.isBodyLocked = exports.cleanItemValues = exports.shouldRenderField = exports.createHeader = exports.isSelectionInBody = exports.isSelectionInNode = exports.isChildOfNodeTypes = exports.findParentElement = exports.findParentSection = exports.findParentNodeWithIdValue = exports.findParentNodeWithId = exports.getChildOfType = exports.getMatchingDescendant = exports.getMatchingChild = exports.iterateChildren = void 0;
+exports.getInsertPos = exports.createToggleButton = exports.isEditAllowed = exports.isBodyLocked = exports.cleanItemValues = exports.shouldRenderField = exports.hasParent = exports.isNotNull = exports.createHeader = exports.isSelectionInBody = exports.isSelectionInNode = exports.isChildOfNodeTypes = exports.findParentElement = exports.findParentSection = exports.findParentNodeWithIdValue = exports.findParentNodeWithId = exports.getChildOfType = exports.getMatchingDescendant = exports.getMatchingChild = exports.iterateChildren = void 0;
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const config_1 = require("../components/references/ReferenceForm/config");
@@ -102,6 +102,12 @@ const createHeader = (typeName, text) => {
     return header;
 };
 exports.createHeader = createHeader;
+const isNotNull = (a) => a !== null;
+exports.isNotNull = isNotNull;
+const hasParent = ($pos, type) => {
+    return !!(0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)($pos, type);
+};
+exports.hasParent = hasParent;
 const shouldRenderField = (field, type) => {
     var _a, _b;
     return (_b = (_a = config_1.fieldConfigMap[type]) === null || _a === void 0 ? void 0 : _a.has(field)) !== null && _b !== void 0 ? _b : false;

package/dist/cjs/plugins/placeholder.js

@@ -30,8 +30,23 @@ const placeholderWidget = (placeholder) => (view, getPos) => {
     });
     return element;
 };
-const getParagraphPlaceholderText = (parent) => {
-    if (!parent || parent.textContent.length) {
+const getParagraphPlaceholderText = (parent, node) => {
+    if (!parent) {
+        return;
+    }
+    if ((0, transform_1.isPullquoteElement)(parent) && !node.textContent.length) {
+        let otherParagraphHasContent = false;
+        parent.descendants((child) => {
+            if (child !== node && child.type === child.type.schema.nodes.paragraph) {
+                otherParagraphHasContent = true;
+            }
+        });
+        if (otherParagraphHasContent) {
+            return;
+        }
+        return 'Insert pull quote here';
+    }
+    if (parent.textContent.length) {
         return;
     }
     if (parent.type === transform_1.schema.nodes.body) {
@@ -47,8 +62,11 @@ exports.default = () => new prosemirror_state_1.Plugin({
             const decorations = [];
             state.doc.descendants((node, pos, parent) => {
                 if (!node.isAtom && node.type.isBlock && node.childCount === 0) {
+                    if (node.type === node.type.schema.nodes.attribution) {
+                        decorations.push(prosemirror_view_1.Decoration.widget(pos + 1, placeholderWidget('Insert reference here')));
+                    }
                     if (node.type === node.type.schema.nodes.paragraph) {
-                        const text = getParagraphPlaceholderText(parent);
+                        const text = getParagraphPlaceholderText(parent, node);
                         if (text) {
                             decorations.push(prosemirror_view_1.Decoration.widget(pos + 1, placeholderWidget(text)));
                         }

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

package/dist/cjs/views/block_view.js

@@ -18,14 +18,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const track_changes_utils_1 = require("../lib/track-changes-utils");
 const base_node_view_1 = require("./base_node_view");
 class BlockView extends base_node_view_1.BaseNodeView {
+    constructor() {
+        super(...arguments);
+        this.gutter = {};
+    }
     initialise() {
         this.createDOM();
         this.createGutter('block-gutter', this.gutterButtons().filter(Boolean));
         this.createElement();
-        this.createGutter('action-gutter', this.actionGutterButtons().filter(Boolean));
         this.updateContents();
     }
     updateContents() {
+        this.createGutter('action-gutter', this.actionGutterButtons().filter(Boolean));
         super.updateContents();
         this.updateClasses();
         this.updatePlaceholder();
@@ -58,13 +62,16 @@ class BlockView extends base_node_view_1.BaseNodeView {
         this.dom.classList.add(`block-${this.node.type.name}`);
     }
     createGutter(className, buttons) {
-        const gutter = document.createElement('div');
-        gutter.setAttribute('contenteditable', 'false');
-        gutter.classList.add(className);
+        if (this.gutter[className]) {
+            this.gutter[className].remove();
+        }
+        this.gutter[className] = document.createElement('div');
+        this.gutter[className].setAttribute('contenteditable', 'false');
+        this.gutter[className].classList.add(className);
         for (const button of buttons) {
-            gutter.appendChild(button);
+            this.gutter[className].appendChild(button);
         }
-        this.dom.appendChild(gutter);
+        this.dom.appendChild(this.gutter[className]);
     }
     gutterButtons() {
         return [];

package/dist/cjs/views/editable_block.js

@@ -17,12 +17,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditableBlock = void 0;
 const transform_1 = require("@manuscripts/transform");
-const prosemirror_utils_1 = require("prosemirror-utils");
 const context_menu_1 = require("../lib/context-menu");
-const isNotNull = (a) => a !== null;
-const hasParent = ($pos, type) => {
-    return !!(0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)($pos, type);
-};
+const utils_1 = require("../lib/utils");
 const EditableBlock = (Base) => {
     return class extends Base {
         constructor() {
@@ -32,7 +28,7 @@ const EditableBlock = (Base) => {
             };
         }
         gutterButtons() {
-            return [this.createAddButton(), this.createEditButton()].filter(isNotNull);
+            return [this.createAddButton(), this.createEditButton()].filter(utils_1.isNotNull);
         }
         actionGutterButtons() {
             return [];
@@ -44,10 +40,10 @@ const EditableBlock = (Base) => {
                 return null;
             }
             const $pos = this.view.state.doc.resolve(this.getPos());
-            if (hasParent($pos, transform_1.schema.nodes.keywords)) {
+            if ((0, utils_1.hasParent)($pos, transform_1.schema.nodes.keywords)) {
                 return null;
             }
-            const after = !hasParent($pos, transform_1.schema.nodes.bibliography_section);
+            const after = !(0, utils_1.hasParent)($pos, transform_1.schema.nodes.bibliography_section);
             const button = document.createElement('a');
             button.classList.add('add-block', context_menu_1.contextMenuBtnClass);
             button.classList.add(after ? 'add-block-after' : 'add-block-before');

package/dist/cjs/views/figure_editable.js

@@ -35,6 +35,7 @@ const react_1 = require("react");
 const server_1 = require("react-dom/server");
 const FigureDropdown_1 = require("../components/views/FigureDropdown");
 const files_1 = require("../lib/files");
+const track_changes_utils_1 = require("../lib/track-changes-utils");
 const view_1 = require("../lib/view");
 const creators_1 = require("./creators");
 const figure_1 = require("./figure");
@@ -49,10 +50,10 @@ var figurePositions;
 class FigureEditableView extends figure_1.FigureView {
     constructor() {
         super(...arguments);
-        this.initialise = () => {
-            this.createDOM();
-            this.updateContents();
-        };
+        this.upload = (file) => __awaiter(this, void 0, void 0, function* () {
+            const result = yield this.props.fileManagement.upload(file);
+            this.setSrc(result.id);
+        });
         this.setSrc = (src) => {
             const { tr } = this.view.state;
             const pos = this.getPos();
@@ -168,14 +169,17 @@ class FigureEditableView extends figure_1.FigureView {
             this.props.popper.show(this.positionMenuWrapper, (0, ReactSubView_1.default)(this.props, style_guide_1.ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu', 'position-menu']), 'left', false);
         };
     }
+    initialise() {
+        this.upload = this.upload.bind(this);
+        this.createDOM();
+        this.updateContents();
+    }
     updateContents() {
-        var _a;
         super.updateContents();
-        const attrs = this.node.attrs;
-        const src = attrs.src;
+        const src = this.node.attrs.src;
         const files = this.props.getFiles();
         const file = src && files.filter((f) => f.id === src)[0];
-        this.figurePosition = attrs.type;
+        this.figurePosition = this.node.attrs.type;
         this.container.innerHTML = '';
         const can = this.props.getCapabilities();
         const link = file && this.props.fileManagement.previewLink(file);
@@ -184,37 +188,13 @@ class FigureEditableView extends figure_1.FigureView {
             : file
                 ? this.createUnsupportedFormat(file.name)
                 : this.createPlaceholder();
-        let handleDownload;
-        let handleUpload;
-        let handleReplace;
-        let handleDetach;
-        if (src) {
-            if (file) {
-                handleDownload = () => {
-                    this.props.fileManagement.download(file);
-                };
-            }
-            handleDetach = () => {
-                this.setSrc('');
-            };
-        }
-        if (can.replaceFile) {
-            handleReplace = (file) => {
-                this.setSrc(file.id);
-            };
-        }
-        if (can.uploadFile) {
-            const upload = (file) => __awaiter(this, void 0, void 0, function* () {
-                const result = yield this.props.fileManagement.upload(file);
-                this.setSrc(result.id);
-            });
-            handleUpload = (0, figure_uploader_1.figureUploader)(upload);
+        if (can.uploadFile && !(0, track_changes_utils_1.isDeleted)(this.node)) {
             const handlePlaceholderClick = (event) => {
                 const target = event.target;
                 if (target.dataset && target.dataset.action) {
                     return;
                 }
-                const triggerUpload = (0, figure_uploader_1.figureUploader)(upload);
+                const triggerUpload = (0, figure_uploader_1.figureUploader)(this.upload);
                 triggerUpload();
             };
             img.addEventListener('click', handlePlaceholderClick);
@@ -244,12 +224,46 @@ class FigureEditableView extends figure_1.FigureView {
             img.addEventListener('drop', (e) => __awaiter(this, void 0, void 0, function* () {
                 if (e.dataTransfer && e.dataTransfer.files.length) {
                     e.preventDefault();
-                    yield upload(e.dataTransfer.files[0]);
+                    yield this.upload(e.dataTransfer.files[0]);
                 }
             }));
         }
         this.container.innerHTML = '';
         this.container.appendChild(img);
+        this.addTools();
+    }
+    addTools() {
+        this.manageReactTools();
+        this.container.appendChild(this.createPositionMenuWrapper());
+    }
+    manageReactTools() {
+        var _a;
+        let handleDownload;
+        let handleUpload;
+        let handleReplace;
+        let handleDetach;
+        const src = this.node.attrs.src;
+        const files = this.props.getFiles();
+        const file = src && files.filter((f) => f.id === src)[0];
+        const can = this.props.getCapabilities();
+        if (src) {
+            if (file) {
+                handleDownload = () => {
+                    this.props.fileManagement.download(file);
+                };
+            }
+            handleDetach = () => {
+                this.setSrc('');
+            };
+        }
+        if (can.replaceFile) {
+            handleReplace = (file) => {
+                this.setSrc(file.id);
+            };
+        }
+        if (can.uploadFile) {
+            handleUpload = (0, figure_uploader_1.figureUploader)(this.upload);
+        }
         (_a = this.reactTools) === null || _a === void 0 ? void 0 : _a.remove();
         if (this.props.dispatch && this.props.theme) {
             const files = this.props.getFiles();
@@ -265,7 +279,6 @@ class FigureEditableView extends figure_1.FigureView {
             this.reactTools = (0, ReactSubView_1.default)(this.props, FigureDropdown_1.FigureOptions, componentProps, this.node, this.getPos, this.view);
             this.dom.insertBefore(this.reactTools, this.dom.firstChild);
         }
-        this.container.appendChild(this.createPositionMenuWrapper());
     }
 }
 exports.FigureEditableView = FigureEditableView;

package/dist/cjs/views/pullquote_element.js

@@ -19,18 +19,51 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PullquoteElementView = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const transform_1 = require("@manuscripts/transform");
+const prosemirror_utils_1 = require("prosemirror-utils");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
+const ReactSubView_1 = __importDefault(require("./ReactSubView"));
 class PullquoteElementView extends block_view_1.default {
     constructor() {
         super(...arguments);
         this.elementType = 'aside';
+        this.ignoreMutation = () => true;
+        this.stopEvent = () => true;
         this.createElement = () => {
             this.contentDOM = document.createElement(this.elementType);
             this.contentDOM.className = 'block';
             this.contentDOM.classList.add('pullquote');
             this.dom.appendChild(this.contentDOM);
         };
+        this.actionGutterButtons = () => {
+            const contextMenu = this.addFigureContextMenu();
+            return contextMenu ? [contextMenu] : [];
+        };
+        this.addFigureContextMenu = () => {
+            const can = this.props.getCapabilities();
+            const componentProps = {
+                actions: [],
+            };
+            if (can.editArticle) {
+                componentProps.actions.push({
+                    label: 'Add Image',
+                    action: () => this.handleAddFigure(),
+                    icon: 'AddFigure',
+                    disabled: !!(0, prosemirror_utils_1.findChildrenByType)(this.node, transform_1.schema.nodes.quote_image)
+                        .length,
+                });
+                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;
+        };
+    }
+    handleAddFigure() {
+        const tr = this.view.state.tr;
+        tr.insert(this.getPos() + 1, transform_1.schema.nodes.quote_image.create());
+        this.view.dispatch(tr);
     }
 }
 exports.PullquoteElementView = PullquoteElementView;

package/dist/cjs/views/quote_image_editable.js

@@ -0,0 +1,71 @@
+"use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuoteImageEditableView = void 0;
+const icons_1 = require("../icons");
+const track_changes_utils_1 = require("../lib/track-changes-utils");
+const creators_1 = require("./creators");
+const figure_editable_1 = require("./figure_editable");
+class QuoteImageEditableView extends figure_editable_1.FigureEditableView {
+    constructor() {
+        super(...arguments);
+        this.createPlaceholder = () => {
+            const element = document.createElement('div');
+            element.classList.add('figure', 'placeholder');
+            const instructions = document.createElement('div');
+            instructions.classList.add('instructions');
+            instructions.innerHTML = `${icons_1.plusIcon}<div>Drag or click here to upload image</div>`;
+            element.appendChild(instructions);
+            return element;
+        };
+    }
+    createDOM() {
+        this.dom = document.createElement('figure');
+        this.container = document.createElement('div');
+        this.container.className = 'pullquote-figure';
+        this.container.contentEditable = 'false';
+        this.dom.appendChild(this.container);
+    }
+    addTools() {
+        if (!this.closeButton) {
+            const closeButton = document.createElement('button');
+            closeButton.innerHTML = icons_1.plusIcon;
+            closeButton.classList.add('figure-remove-button', 'button-reset');
+            closeButton.addEventListener('click', () => {
+                if (this.node.attrs.src) {
+                    this.setSrc('');
+                }
+                else {
+                    const { tr } = this.view.state;
+                    tr.delete(this.getPos(), this.getPos() + this.node.nodeSize);
+                    this.view.dispatch(tr);
+                }
+            });
+            this.closeButton = closeButton;
+        }
+    }
+    updateContents() {
+        super.updateContents();
+        if (!(0, track_changes_utils_1.isDeleted)(this.node)) {
+            this.container.appendChild(this.closeButton);
+        }
+        (0, track_changes_utils_1.addTrackChangesAttributes)(this.node.attrs, this.dom);
+        (0, track_changes_utils_1.addTrackChangesClassNames)(this.node.attrs, this.dom);
+    }
+}
+exports.QuoteImageEditableView = QuoteImageEditableView;
+exports.default = (0, creators_1.createEditableNodeView)(QuoteImageEditableView);

package/dist/es/commands.js

@@ -159,6 +159,12 @@ export const createBlock = (nodeType, position, state, dispatch, attrs) => {
         case schema.nodes.embed:
             node = createEmbedElement(attrs);
             break;
+        case state.schema.nodes.pullquote_element:
+            node = state.schema.nodes.pullquote_element.create(attrs, [
+                state.schema.nodes.paragraph.create({}),
+                state.schema.nodes.attribution.create({}),
+            ]);
+            break;
         default:
             node = nodeType.createAndFill(attrs);
     }

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

@@ -31,6 +31,7 @@ import paragraph from '../views/paragraph_editable';
 import placeholder from '../views/placeholder';
 import placeholderElement from '../views/placeholder_element_editable';
 import pullquoteElement from '../views/pullquote_element_editable';
+import quoteImage from '../views/quote_image_editable';
 import section from '../views/section';
 import sectionLabel from '../views/section_label';
 import sectionTitle from '../views/section_title_editable';
@@ -45,6 +46,7 @@ export default (props, dispatch) => {
         alt_titles: alt_titles_section(props),
         bibliography_element: bibliographyElement(props, dispatch),
         blockquote_element: blockquoteElement(props),
+        quote_image: quoteImage(props, dispatch),
         box_element: boxElement(props),
         citation: citation(props, dispatch),
         cross_reference: crossReference(props, dispatch),

package/dist/es/icons.js

@@ -1,4 +1,4 @@
-import { AlertIcon, ArrowDownCircleIcon, DeleteIcon, EditIcon, LockIcon, ScrollIcon, SectionCategoryIcon, } from '@manuscripts/style-guide';
+import { AlertIcon, ArrowDownCircleIcon, DeleteIcon, EditIcon, LockIcon, PlusIcon, ScrollIcon, SectionCategoryIcon, } from '@manuscripts/style-guide';
 import { createElement } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
 const renderIcon = (c) => renderToStaticMarkup(createElement(c));
@@ -9,3 +9,4 @@ export const editIcon = renderToStaticMarkup(createElement(EditIcon));
 export const sectionCategoryIcon = renderIcon(SectionCategoryIcon);
 export const scrollIcon = renderToStaticMarkup(createElement(ScrollIcon));
 export const lockIcon = renderToStaticMarkup(createElement(LockIcon));
+export const plusIcon = renderIcon(PlusIcon);

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

@@ -201,6 +201,27 @@ export class ContextMenu {
                     }
                 }));
             }
+            if (type === schema.nodes.pullquote_element) {
+                const figure = findChildrenByType(this.node, schema.nodes.quote_image);
+                if (!figure.length) {
+                    menu.appendChild(this.createMenuItem('Add Image', () => {
+                        const tr = this.view.state.tr;
+                        tr.insert(this.getPos() + 1, schema.nodes.quote_image.create());
+                        this.view.dispatch(tr);
+                        popper.destroy();
+                    }));
+                }
+                else {
+                    const found = figure[0];
+                    menu.appendChild(this.createMenuItem('Remove Image', () => {
+                        const tr = this.view.state.tr;
+                        console.log(found);
+                        tr.delete(this.getPos() + 1 + found.pos, this.getPos() + 1 + found.pos + found.node.nodeSize);
+                        this.view.dispatch(tr);
+                        popper.destroy();
+                    }));
+                }
+            }
             const commentTarget = this.getCommentTarget();
             if (isCommentingAllowed(commentTarget.type)) {
                 menu.appendChild(this.createMenuSection((section) => {

package/dist/es/lib/utils.js

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { isElementNodeType, isSectionNodeType, schema, } from '@manuscripts/transform';
-import { findChildrenByType, findParentNode } from 'prosemirror-utils';
+import { findChildrenByType, findParentNode, findParentNodeOfTypeClosestToPos, } from 'prosemirror-utils';
 import { fieldConfigMap } from '../components/references/ReferenceForm/config';
 import { arrowDown } from '../icons';
 import { getEditorProps } from '../plugins/editor-props';
@@ -90,6 +90,10 @@ export const createHeader = (typeName, text) => {
     header.textContent = text;
     return header;
 };
+export const isNotNull = (a) => a !== null;
+export const hasParent = ($pos, type) => {
+    return !!findParentNodeOfTypeClosestToPos($pos, type);
+};
 export const shouldRenderField = (field, type) => {
     var _a, _b;
     return (_b = (_a = fieldConfigMap[type]) === null || _a === void 0 ? void 0 : _a.has(field)) !== null && _b !== void 0 ? _b : false;

package/dist/es/plugins/placeholder.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { isFootnoteNode, isGeneralTableFootnoteNode, schema, } from '@manuscripts/transform';
+import { isFootnoteNode, isGeneralTableFootnoteNode, isPullquoteElement, schema, } from '@manuscripts/transform';
 import { Plugin, TextSelection } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 const placeholderWidget = (placeholder) => (view, getPos) => {
@@ -28,8 +28,23 @@ const placeholderWidget = (placeholder) => (view, getPos) => {
     });
     return element;
 };
-const getParagraphPlaceholderText = (parent) => {
-    if (!parent || parent.textContent.length) {
+const getParagraphPlaceholderText = (parent, node) => {
+    if (!parent) {
+        return;
+    }
+    if (isPullquoteElement(parent) && !node.textContent.length) {
+        let otherParagraphHasContent = false;
+        parent.descendants((child) => {
+            if (child !== node && child.type === child.type.schema.nodes.paragraph) {
+                otherParagraphHasContent = true;
+            }
+        });
+        if (otherParagraphHasContent) {
+            return;
+        }
+        return 'Insert pull quote here';
+    }
+    if (parent.textContent.length) {
         return;
     }
     if (parent.type === schema.nodes.body) {
@@ -45,8 +60,11 @@ export default () => new Plugin({
             const decorations = [];
             state.doc.descendants((node, pos, parent) => {
                 if (!node.isAtom && node.type.isBlock && node.childCount === 0) {
+                    if (node.type === node.type.schema.nodes.attribution) {
+                        decorations.push(Decoration.widget(pos + 1, placeholderWidget('Insert reference here')));
+                    }
                     if (node.type === node.type.schema.nodes.paragraph) {
-                        const text = getParagraphPlaceholderText(parent);
+                        const text = getParagraphPlaceholderText(parent, node);
                         if (text) {
                             decorations.push(Decoration.widget(pos + 1, placeholderWidget(text)));
                         }

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.8.48';
+export const VERSION = '2.8.49';
 export const MATHJAX_VERSION = '3.2.2';