@manuscripts/body-editor 1.6.13 → 1.6.14-LEAN-3094

package/dist/cjs/views/citation.js

@@ -14,37 +14,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CitationView = void 0;
-const json_schema_1 = require("@manuscripts/json-schema");
 const prosemirror_model_1 = require("prosemirror-model");
-const react_1 = __importStar(require("react"));
+const react_1 = require("react");
 const react_dom_1 = __importDefault(require("react-dom"));
 const TrackChangesReview_1 = require("../components/track-changes/TrackChangesReview");
 const dompurify_1 = require("../lib/dompurify");
@@ -56,38 +32,7 @@ const creators_1 = require("./creators");
 class CitationView extends base_node_view_1.BaseNodeView {
     constructor() {
         super(...arguments);
-        this.showPopper = () => {
-            const { components: { CitationViewer }, projectID, renderReactComponent, } = this.props;
-            const items = this.getBibliographyItems();
-            if (!this.popperContainer) {
-                this.popperContainer = document.createElement('div');
-                this.popperContainer.className = 'citation-editor';
-            }
-            renderReactComponent(react_1.default.createElement(CitationViewer, { items: items, projectID: projectID, scheduleUpdate: this.props.popper.update }), this.popperContainer);
-            this.props.popper.show(this.dom, this.popperContainer, 'right');
-        };
         this.ignoreMutation = () => true;
-        this.selectNode = () => {
-            var _a;
-            const isDeleted = !!((_a = this.node.attrs.dataTracked) === null || _a === void 0 ? void 0 : _a.find(({ operation, status }) => operation === 'delete' && status !== 'rejected'));
-            if (!isDeleted) {
-                this.showPopper();
-                this.dom.classList.add('ProseMirror-selectednode');
-            }
-        };
-        this.deselectNode = () => {
-            this.dom.classList.remove('ProseMirror-selectednode');
-            this.props.popper.destroy();
-            if (this.popperContainer) {
-                this.props.unmountReactComponent(this.popperContainer);
-            }
-        };
-        this.destroy = () => {
-            this.props.popper.destroy();
-            if (this.popperContainer) {
-                this.props.unmountReactComponent(this.popperContainer);
-            }
-        };
         this.initialise = () => {
             if (!this.node.type.spec.toDOM) {
                 throw Error(`Node view ${this.node.type} doesn't have toDOM method`);
@@ -138,22 +83,6 @@ class CitationView extends base_node_view_1.BaseNodeView {
             }
             return citation;
         };
-        this.getBibliographyItems = () => {
-            const bib = (0, bibliography_1.getBibliographyPluginState)(this.view.state);
-            const citation = this.node;
-            return citation.attrs.rids.map((rid) => {
-                const item = bib.bibliographyItems.get(rid);
-                if (!item) {
-                    const placeholder = {
-                        _id: rid,
-                        objectType: json_schema_1.ObjectTypes.BibliographyItem,
-                        title: '[missing library item]',
-                    };
-                    return placeholder;
-                }
-                return item;
-            });
-        };
     }
 }
 exports.CitationView = CitationView;

package/dist/cjs/views/citation_editable.js

@@ -14,26 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -41,70 +21,90 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CitationEditableView = void 0;
 const json_schema_1 = require("@manuscripts/json-schema");
 const library_1 = require("@manuscripts/library");
+const style_guide_1 = require("@manuscripts/style-guide");
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
-const react_1 = __importDefault(require("react"));
+const prosemirror_utils_1 = require("prosemirror-utils");
+const citation_sources_1 = require("../citation-sources");
+const track_changes_utils_1 = require("../lib/track-changes-utils");
 const bibliography_1 = require("../plugins/bibliography");
 const citation_1 = require("./citation");
+const CitationEditorWrapper_1 = require("./CitationEditorWrapper");
 const creators_1 = require("./creators");
-const createBibliographySection = (bibItem) => transform_1.schema.nodes.bibliography_section.createAndFill({}, [
-    transform_1.schema.nodes.section_title.create({}, transform_1.schema.text('References')),
-    transform_1.schema.nodes.bibliography_element.create({}, bibItem ? [bibItem] : []),
+const ReactSubView_1 = __importDefault(require("./ReactSubView"));
+const createBibliographySection = (node) => transform_1.schema.nodes.bibliography_section.createAndFill({}, [
+    transform_1.schema.nodes.section_title.create({}, transform_1.schema.text('Bibliography')),
+    transform_1.schema.nodes.bibliography_element.create({}, node ? [node] : []),
 ]);
 class CitationEditableView extends citation_1.CitationView {
     constructor() {
         super(...arguments);
+        this.decoder = new transform_1.Decoder(new Map());
+        this.selectNode = () => {
+            if (!(0, track_changes_utils_1.isDeleted)(this.node)) {
+                this.showPopper();
+                this.dom.classList.add('ProseMirror-selectednode');
+            }
+        };
+        this.deselectNode = () => {
+            var _a;
+            (_a = this.editor) === null || _a === void 0 ? void 0 : _a.remove();
+            this.dom.classList.remove('ProseMirror-selectednode');
+            this.props.popper.destroy();
+        };
+        this.destroy = () => {
+            var _a;
+            (_a = this.editor) === null || _a === void 0 ? void 0 : _a.remove();
+            this.props.popper.destroy();
+        };
         this.showPopper = () => {
-            const { components: { CitationEditor, CitationViewer }, getCapabilities, projectID, renderReactComponent, } = this.props;
-            const capabilities = getCapabilities();
+            const can = this.props.getCapabilities();
             const citation = this.getCitation();
-            const items = this.getBibliographyItems();
-            const updateCitation = (data) => __awaiter(this, void 0, void 0, function* () {
-                this.updateNode(Object.assign(Object.assign({}, citation), data));
-                this.props.popper.update();
-            });
-            const findPosition = (doc, id) => {
-                let nodePos = undefined;
-                doc.descendants((node, pos) => {
-                    if (node.attrs.id === id) {
-                        nodePos = pos;
-                    }
-                });
-                return nodePos;
-            };
-            const handleSave = (data) => __awaiter(this, void 0, void 0, function* () {
-                if (data._id && !findPosition(this.view.state.doc, data._id)) {
-                    this.insertBibliographyNode(this.view, data);
-                }
-                else {
-                    const _a = data, { _id: id, 'container-title': containerTitle, DOI: doi } = _a, rest = __rest(_a, ["_id", 'container-title', "DOI"]);
-                    this.updateNodeAttrs(Object.assign({ id,
-                        containerTitle,
-                        doi }, rest));
-                }
-            });
-            if (!this.popperContainer) {
-                this.popperContainer = document.createElement('div');
-                this.popperContainer.className = 'citation-editor';
-            }
+            const rids = citation.embeddedCitationItems.map((i) => i.bibliographyItem);
             const bib = (0, bibliography_1.getBibliographyPluginState)(this.view.state);
-            const component = (capabilities === null || capabilities === void 0 ? void 0 : capabilities.editArticle) ? (react_1.default.createElement(CitationEditor, { items: items, saveModel: handleSave, deleteModel: this.deleteNode, insertBibliographyNode: (item) => this.insertBibliographyNode(this.view, item), modelMap: bib.bibliographyItems, importItems: this.importItems, selectedText: this.node.attrs.selectedText, setComment: this.props.setComment, handleCancel: this.handleCancel, handleClose: this.handleClose, handleRemove: this.handleRemove, updatePopper: this.updatePopper, handleCite: this.handleCite, canEdit: capabilities.editCitationsAndRefs, citation: citation, updateCitation: updateCitation, projectID: projectID, scheduleUpdate: this.props.popper.update })) : (react_1.default.createElement(CitationViewer, { items: items, setComment: this.props.setComment, scheduleUpdate: this.props.popper.update }));
-            renderReactComponent(component, this.popperContainer);
-            this.props.popper.show(this.dom, this.popperContainer, 'right');
+            const items = Array.from(bib.bibliographyItems.values());
+            if (can.editArticle) {
+                const query = this.node.attrs.selectedText;
+                const componentProps = {
+                    query,
+                    rids,
+                    items,
+                    citationCounts: bib.citationCounts,
+                    sources: [citation_sources_1.crossref],
+                    onCite: this.handleCite,
+                    onUncite: this.handleUncite,
+                    onSave: this.handleSave,
+                    onDelete: this.handleDelete,
+                    onComment: this.handleComment,
+                    onCancel: this.handleCancel,
+                    canEdit: can.editCitationsAndRefs,
+                };
+                this.editor = (0, ReactSubView_1.default)(this.props, CitationEditorWrapper_1.CitationEditorWrapper, componentProps, this.node, this.getPos, this.view, 'citation-editor');
+            }
+            else {
+                const componentProps = {
+                    rids,
+                    items,
+                };
+                this.editor = (0, ReactSubView_1.default)(this.props, style_guide_1.CitationViewer, componentProps, this.node, this.getPos, this.view, 'citation-editor');
+            }
+            this.props.popper.show(this.dom, this.editor, 'right');
         };
-        this.handleClose = () => {
+        this.handleCancel = () => {
             const selection = prosemirror_state_1.TextSelection.create(this.view.state.tr.doc, this.getPos() + 1);
             this.view.dispatch(this.view.state.tr.setSelection(selection));
             this.props.popper.destroy();
         };
-        this.handleCancel = () => {
-            const { state } = this.view;
-            const pos = this.getPos();
-            const tr = state.tr.delete(pos, pos + this.node.nodeSize);
-            const selection = prosemirror_state_1.TextSelection.create(tr.doc, pos);
-            this.view.dispatch(tr.setSelection(selection));
+        this.handleSave = (item) => {
+            if (item._id && !this.findPosition(item._id)) {
+                this.insertBibliographyNode(item);
+            }
+            else {
+                const node = this.decoder.decode(item);
+                this.updateNodeAttrs(node.attrs);
+            }
         };
-        this.handleRemove = (id) => __awaiter(this, void 0, void 0, function* () {
+        this.handleUncite = (id) => {
             const citation = this.getCitation();
             const items = citation.embeddedCitationItems.filter((i) => i.bibliographyItem !== id);
             if (items.length > 0) {
@@ -121,23 +121,19 @@ class CitationEditableView extends citation_1.CitationView {
                 this.view.dispatch(tr);
             }
             this.props.popper.destroy();
-        });
-        this.updatePopper = () => {
-            this.props.popper.destroy();
-            window.setTimeout(() => {
-                this.showPopper();
-            }, 100);
         };
-        this.handleCite = (items) => __awaiter(this, void 0, void 0, function* () {
+        this.handleCite = (items) => {
             const bib = (0, bibliography_1.getBibliographyPluginState)(this.view.state);
             const citation = this.getCitation();
+            const rids = citation.embeddedCitationItems.map((i) => i.bibliographyItem);
+            items = items.filter((i) => !rids.includes(i._id));
             for (const item of items) {
                 const existingItem = (0, library_1.findMatchingBibliographyItem)(item, bib.bibliographyItems);
                 if (existingItem) {
                     item._id = existingItem._id;
                 }
                 else {
-                    this.insertBibliographyNode(this.view, item);
+                    this.insertBibliographyNode(item);
                 }
                 citation.embeddedCitationItems.push({
                     _id: '_',
@@ -146,20 +142,15 @@ class CitationEditableView extends citation_1.CitationView {
                 });
             }
             this.updateNode(citation);
-            this.handleClose();
-        });
-        this.importItems = (items) => __awaiter(this, void 0, void 0, function* () {
-            const bib = (0, bibliography_1.getBibliographyPluginState)(this.view.state);
-            const newItems = [];
-            for (const item of items) {
-                const existingItem = (0, library_1.findMatchingBibliographyItem)(item, bib.bibliographyItems);
-                if (!existingItem) {
-                    this.insertBibliographyNode(this.view, item);
-                    newItems.push(item);
-                }
-            }
-            return newItems;
-        });
+            this.handleCancel();
+        };
+        this.handleDelete = (item) => {
+            return this.deleteNode(item._id);
+        };
+        this.handleComment = () => {
+            const comment = (0, transform_1.buildComment)(this.node.attrs.id);
+            this.props.setComment(comment);
+        };
         this.updateNode = (citation) => {
             const rids = citation.embeddedCitationItems.map((i) => i.bibliographyItem);
             const { tr } = this.view.state;
@@ -168,28 +159,22 @@ class CitationEditableView extends citation_1.CitationView {
                 rids,
             }));
         };
+        this.findPosition = (id) => {
+            const doc = this.view.state.doc;
+            const children = (0, prosemirror_utils_1.findChildren)(doc, (n) => n.attrs.id === id);
+            return children.length ? children[0] : undefined;
+        };
     }
-    insertBibliographyNode(view, item) {
-        const { doc, tr } = view.state;
-        const { DOI: doi, ['container-title']: containerTitle } = item, restAttr = __rest(item, ["DOI", 'container-title']);
-        let bibElement = null;
-        let pos = null;
-        doc.descendants((node, nodePos) => {
-            if (node.type === transform_1.schema.nodes.bibliography_element) {
-                bibElement = node;
-                pos = nodePos;
-            }
-        });
-        let newTr;
-        const bibItem = transform_1.schema.nodes.bibliography_item.create(Object.assign({ id: item._id, doi,
-            containerTitle }, restAttr));
-        if (bibElement && pos) {
-            newTr = tr.insert(pos + 1, bibItem);
+    insertBibliographyNode(item) {
+        const { doc, tr } = this.view.state;
+        const elements = (0, prosemirror_utils_1.findChildrenByType)(doc, transform_1.schema.nodes.bibliography_element, true);
+        const node = this.decoder.decode(item);
+        if (elements.length) {
+            this.view.dispatch(tr.insert(elements[0].pos + 1, node));
         }
         else {
-            newTr = tr.insert(tr.doc.content.size, createBibliographySection(bibItem));
+            this.view.dispatch(tr.insert(tr.doc.content.size, createBibliographySection(node)));
         }
-        view.dispatch(newTr);
         return false;
     }
 }

package/dist/cjs/views/cross_reference_editable.js

@@ -30,34 +30,36 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CrossReferenceEditableView = void 0;
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const prosemirror_state_1 = require("prosemirror-state");
-const react_1 = __importDefault(require("react"));
 const CrossReferenceItems_1 = require("../components/views/CrossReferenceItems");
 const objects_1 = require("../plugins/objects");
 const creators_1 = require("./creators");
 const cross_reference_1 = require("./cross_reference");
+const ReactSubView_1 = __importDefault(require("./ReactSubView"));
 class CrossReferenceEditableView extends cross_reference_1.CrossReferenceView {
     constructor() {
         super(...arguments);
         this.selectNode = () => {
-            const { getCapabilities, renderReactComponent } = this.props;
+            const { getCapabilities } = this.props;
             const xref = this.node;
             const rids = xref.attrs.rids;
             const can = getCapabilities();
             if (!(can === null || can === void 0 ? void 0 : can.editArticle) || rids.length) {
                 return;
             }
-            if (!this.popperContainer) {
-                this.popperContainer = document.createElement('div');
-                this.popperContainer.className = 'cross-reference-editor';
-            }
-            renderReactComponent(react_1.default.createElement(CrossReferenceItems_1.CrossReferenceItems, { handleSelect: this.handleSelect, targets: this.getTargets(), handleCancel: this.handleCancel, currentTargetId: rids[0], currentCustomLabel: this.node.attrs.customLabel }), this.popperContainer);
+            const componentProps = {
+                handleSelect: this.handleSelect,
+                targets: this.getTargets(),
+                handleCancel: this.handleCancel,
+                currentTargetId: rids[0],
+                currentCustomLabel: this.node.attrs.customLabel,
+            };
+            this.popperContainer = (0, ReactSubView_1.default)(this.props, CrossReferenceItems_1.CrossReferenceItems, componentProps, this.node, this.getPos, this.view, 'cross-reference-editor');
             this.props.popper.show(this.dom, this.popperContainer, 'right');
         };
         this.destroy = () => {
+            var _a;
             this.props.popper.destroy();
-            if (this.popperContainer) {
-                this.props.unmountReactComponent(this.popperContainer);
-            }
+            (_a = this.popperContainer) === null || _a === void 0 ? void 0 : _a.remove();
         };
         this.deselectNode = () => {
             this.handleCancel();

package/dist/cjs/views/equation.js

@@ -17,6 +17,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EquationView = void 0;
 const dompurify_1 = require("../lib/dompurify");
+const mathml_to_svg_1 = require("../lib/mathml-to-svg");
+const tex_to_svg_1 = require("../lib/tex-to-svg");
 const base_node_view_1 = require("./base_node_view");
 const creators_1 = require("./creators");
 class EquationView extends base_node_view_1.BaseNodeView {
@@ -32,12 +34,15 @@ class EquationView extends base_node_view_1.BaseNodeView {
             this.dom.setAttribute('id', this.node.attrs.id);
         };
         this.updateContents = () => {
-            const { SVGStringRepresentation } = this.node.attrs;
+            const { contents, format } = this.node.attrs;
+            const svgContent = format === 'tex'
+                ? (0, tex_to_svg_1.convertTeXToSVG)(contents, true)
+                : (0, mathml_to_svg_1.convertMathMLToSVG)(contents, true);
             while (this.dom.hasChildNodes()) {
                 this.dom.removeChild(this.dom.firstChild);
             }
-            if (SVGStringRepresentation) {
-                const fragment = (0, dompurify_1.sanitize)(SVGStringRepresentation, {
+            if (svgContent) {
+                const fragment = (0, dompurify_1.sanitize)(svgContent, {
                     USE_PROFILES: { svg: true },
                 });
                 this.dom.appendChild(fragment);

package/dist/cjs/views/equation_editable.js

@@ -48,7 +48,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EquationEditableView = void 0;
-const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
 const creators_1 = require("./creators");
 const equation_1 = require("./equation");
@@ -62,21 +61,16 @@ class EquationEditableView extends equation_1.EquationView {
             const { createEditor } = yield Promise.resolve().then(() => __importStar(require('../lib/codemirror')));
             const placeholder = 'Enter LaTeX equation, e.g. "a^2 = \\sqrt{b^2 + c^2}"';
             const input = yield createEditor({
-                value: this.node.attrs.TeXRepresentation || '',
+                value: this.node.attrs.contents || '',
                 mode: 'stex',
                 placeholder,
                 autofocus: true,
             });
             input.on('changes', () => __awaiter(this, void 0, void 0, function* () {
-                const TeXRepresentation = input.getValue();
-                const SVGStringRepresentation = yield (0, transform_1.convertTeXToSVG)(TeXRepresentation, true);
-                if (!SVGStringRepresentation) {
-                    throw new Error('No SVG output from MathJax');
-                }
+                const contents = input.getValue();
                 const pos = this.getPos();
                 const { tr } = this.view.state;
-                tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), { TeXRepresentation,
-                    SVGStringRepresentation })).setSelection(prosemirror_state_1.NodeSelection.create(tr.doc, pos));
+                tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), { contents, format: 'tex' })).setSelection(prosemirror_state_1.NodeSelection.create(tr.doc, pos));
                 this.view.dispatch(tr);
             }));
             const wrapper = document.createElement('div');

package/dist/cjs/views/equation_element.js

@@ -27,9 +27,12 @@ class EquationElementView extends block_view_1.default {
         this.elementType = 'figure';
         this.updateContents = () => {
             var _a;
-            const { suppressCaption, suppressTitle } = this.node.attrs;
-            this.dom.classList.toggle('suppress-caption', suppressCaption);
-            this.dom.classList.toggle('suppress-title', suppressTitle === undefined ? true : suppressTitle);
+            const { label } = this.node.attrs;
+            if (label) {
+                const labelEl = document.createElement('label');
+                labelEl.textContent = label;
+                this.dom.appendChild(labelEl);
+            }
             if ((_a = this.node.attrs.dataTracked) === null || _a === void 0 ? void 0 : _a.length) {
                 const lastChange = this.node.attrs.dataTracked[this.node.attrs.dataTracked.length - 1];
                 this.dom.setAttribute('data-track-status', lastChange.status);

package/dist/cjs/views/inline_equation.js

@@ -17,6 +17,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineEquationView = void 0;
 const dompurify_1 = require("../lib/dompurify");
+const mathml_to_svg_1 = require("../lib/mathml-to-svg");
+const tex_to_svg_1 = require("../lib/tex-to-svg");
 const track_changes_utils_1 = require("../lib/track-changes-utils");
 const base_node_view_1 = require("./base_node_view");
 const creators_1 = require("./creators");
@@ -29,12 +31,15 @@ class InlineEquationView extends base_node_view_1.BaseNodeView {
         };
         this.updateContents = () => {
             if (!(0, track_changes_utils_1.isRejectedInsert)(this.node)) {
-                const { SVGRepresentation } = this.node.attrs;
+                const { contents, format } = this.node.attrs;
                 while (this.dom.hasChildNodes()) {
                     this.dom.removeChild(this.dom.firstChild);
                 }
-                if (SVGRepresentation) {
-                    const fragment = (0, dompurify_1.sanitize)(SVGRepresentation, {
+                const svgContent = format === 'tex'
+                    ? (0, tex_to_svg_1.convertTeXToSVG)(contents, true)
+                    : (0, mathml_to_svg_1.convertMathMLToSVG)(contents, true);
+                if (svgContent) {
+                    const fragment = (0, dompurify_1.sanitize)(svgContent, {
                         USE_PROFILES: { svg: true },
                     });
                     this.dom.appendChild(fragment);

package/dist/cjs/views/inline_equation_editable.js

@@ -48,7 +48,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineEquationEditableView = void 0;
-const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
 const creators_1 = require("./creators");
 const inline_equation_1 = require("./inline_equation");
@@ -62,21 +61,16 @@ class InlineEquationEditableView extends inline_equation_1.InlineEquationView {
             const { createEditor } = yield Promise.resolve().then(() => __importStar(require('../lib/codemirror')));
             const placeholder = 'Enter LaTeX equation, e.g. "E=mc^2"';
             const input = yield createEditor({
-                value: this.node.attrs.TeXRepresentation || '',
+                value: this.node.attrs.contents || '',
                 mode: 'stex',
                 placeholder,
                 autofocus: true,
             });
             input.on('changes', () => __awaiter(this, void 0, void 0, function* () {
-                const TeXRepresentation = input.getValue();
-                const SVGRepresentation = yield (0, transform_1.convertTeXToSVG)(TeXRepresentation, true);
-                if (!SVGRepresentation) {
-                    throw new Error('No SVG output from MathJax');
-                }
+                const contents = input.getValue();
                 const pos = this.getPos();
                 const { tr } = this.view.state;
-                tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), { TeXRepresentation,
-                    SVGRepresentation })).setSelection(prosemirror_state_1.NodeSelection.create(tr.doc, pos));
+                tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), { format: 'tex', contents })).setSelection(prosemirror_state_1.NodeSelection.create(tr.doc, pos));
                 this.view.dispatch(tr);
             }));
             this.props.popper.show(this.dom, input.getWrapperElement(), 'bottom');

package/dist/cjs/views/link_editable.js

@@ -20,10 +20,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkEditableView = void 0;
 const prosemirror_state_1 = require("prosemirror-state");
-const react_1 = __importDefault(require("react"));
 const LinkForm_1 = require("../components/views/LinkForm");
 const creators_1 = require("./creators");
 const link_1 = require("./link");
+const ReactSubView_1 = __importDefault(require("./ReactSubView"));
 class LinkEditableView extends link_1.LinkView {
     constructor() {
         super(...arguments);
@@ -52,43 +52,51 @@ class LinkEditableView extends link_1.LinkView {
                 title: this.node.attrs.title,
                 text: this.node.textContent,
             };
-            this.props.renderReactComponent(react_1.default.createElement(LinkForm_1.LinkForm, { value: originalValue, handleCancel: () => {
-                    const tr = this.view.state.tr;
-                    const pos = this.getPos();
-                    tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, pos));
-                    this.view.focus();
-                    this.view.dispatch(tr);
-                    this.closeForm();
-                }, handleRemove: () => {
-                    const { tr } = this.view.state;
-                    const pos = this.getPos();
-                    const to = pos + this.node.nodeSize;
-                    tr.replaceWith(pos, to, this.node.content).setSelection(prosemirror_state_1.TextSelection.create(tr.doc, pos));
-                    this.view.focus();
-                    this.view.dispatch(tr);
-                    this.closeForm();
-                }, handleSave: (data) => {
-                    const tr = this.view.state.tr;
-                    const pos = this.getPos();
-                    if (data.href !== originalValue.href ||
-                        data.title !== originalValue.title) {
-                        tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), { href: data.href, title: data.title }));
-                    }
-                    if (data.text !== originalValue.text) {
-                        tr.insertText(data.text, pos + 1, pos + this.node.nodeSize - 1);
-                    }
-                    tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, pos));
-                    this.view.focus();
-                    this.view.dispatch(tr);
-                    this.closeForm();
-                } }), this.popperContainer);
+            const componentProps = {
+                value: originalValue,
+                handleCancel: this.handleCancel,
+                handleRemove: this.handleRemove,
+                handleSave: this.handleSave,
+            };
+            this.popperContainer = (0, ReactSubView_1.default)(this.props, LinkForm_1.LinkForm, componentProps, this.node, this.getPos, this.view);
             this.props.popper.show(this.dom, this.popperContainer, 'bottom');
         };
+        this.handleCancel = () => {
+            const tr = this.view.state.tr;
+            const pos = this.getPos();
+            tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, pos));
+            this.view.focus();
+            this.view.dispatch(tr);
+            this.closeForm();
+        };
+        this.handleRemove = () => {
+            const tr = this.view.state.tr;
+            const pos = this.getPos();
+            const to = pos + this.node.nodeSize;
+            tr.replaceWith(pos, to, this.node.content).setSelection(prosemirror_state_1.TextSelection.create(tr.doc, pos));
+            this.view.focus();
+            this.view.dispatch(tr);
+            this.closeForm();
+        };
+        this.handleSave = (value) => {
+            const tr = this.view.state.tr;
+            const link = this.node;
+            const pos = this.getPos();
+            if (value.href !== link.attrs.href || value.title !== link.attrs.title) {
+                tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), { href: value.href, title: value.title }));
+            }
+            if (value.text !== link.textContent) {
+                tr.insertText(value.text, pos + 1, pos + this.node.nodeSize - 1);
+            }
+            tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, pos));
+            this.view.focus();
+            this.view.dispatch(tr);
+            this.closeForm();
+        };
         this.closeForm = () => {
+            var _a;
             this.props.popper.destroy();
-            if (this.popperContainer) {
-                this.props.unmountReactComponent(this.popperContainer);
-            }
+            (_a = this.popperContainer) === null || _a === void 0 ? void 0 : _a.remove();
         };
     }
 }