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

package/dist/es/views/citation_editable.js

@@ -13,92 +13,92 @@
  * 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;
-};
 import { ObjectTypes, } from '@manuscripts/json-schema';
 import { findMatchingBibliographyItem } from '@manuscripts/library';
-import { schema } from '@manuscripts/transform';
+import { CitationViewer, } from '@manuscripts/style-guide';
+import { buildComment, Decoder, schema, } from '@manuscripts/transform';
 import { TextSelection } from 'prosemirror-state';
-import React from 'react';
+import { findChildren, findChildrenByType } from 'prosemirror-utils';
+import { crossref } from '../citation-sources';
+import { isDeleted } from '../lib/track-changes-utils';
 import { getBibliographyPluginState } from '../plugins/bibliography';
 import { CitationView } from './citation';
+import { CitationEditorWrapper } from './CitationEditorWrapper';
 import { createEditableNodeView } from './creators';
-const createBibliographySection = (bibItem) => schema.nodes.bibliography_section.createAndFill({}, [
-    schema.nodes.section_title.create({}, schema.text('References')),
-    schema.nodes.bibliography_element.create({}, bibItem ? [bibItem] : []),
+import ReactSubView from './ReactSubView';
+const createBibliographySection = (node) => schema.nodes.bibliography_section.createAndFill({}, [
+    schema.nodes.section_title.create({}, schema.text('Bibliography')),
+    schema.nodes.bibliography_element.create({}, node ? [node] : []),
 ]);
 export class CitationEditableView extends CitationView {
     constructor() {
         super(...arguments);
+        this.decoder = new Decoder(new Map());
+        this.selectNode = () => {
+            if (!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 = getBibliographyPluginState(this.view.state);
-            const component = (capabilities === null || capabilities === void 0 ? void 0 : capabilities.editArticle) ? (React.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.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: [crossref],
+                    onCite: this.handleCite,
+                    onUncite: this.handleUncite,
+                    onSave: this.handleSave,
+                    onDelete: this.handleDelete,
+                    onComment: this.handleComment,
+                    onCancel: this.handleCancel,
+                    canEdit: can.editCitationsAndRefs,
+                };
+                this.editor = ReactSubView(this.props, CitationEditorWrapper, componentProps, this.node, this.getPos, this.view, 'citation-editor');
+            }
+            else {
+                const componentProps = {
+                    rids,
+                    items,
+                };
+                this.editor = ReactSubView(this.props, 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 = 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 = 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) {
@@ -115,23 +115,19 @@ export class CitationEditableView extends 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 = 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 = findMatchingBibliographyItem(item, bib.bibliographyItems);
                 if (existingItem) {
                     item._id = existingItem._id;
                 }
                 else {
-                    this.insertBibliographyNode(this.view, item);
+                    this.insertBibliographyNode(item);
                 }
                 citation.embeddedCitationItems.push({
                     _id: '_',
@@ -140,20 +136,15 @@ export class CitationEditableView extends CitationView {
                 });
             }
             this.updateNode(citation);
-            this.handleClose();
-        });
-        this.importItems = (items) => __awaiter(this, void 0, void 0, function* () {
-            const bib = getBibliographyPluginState(this.view.state);
-            const newItems = [];
-            for (const item of items) {
-                const existingItem = 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 = 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;
@@ -162,28 +153,22 @@ export class CitationEditableView extends CitationView {
                 rids,
             }));
         };
+        this.findPosition = (id) => {
+            const doc = this.view.state.doc;
+            const children = 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 === schema.nodes.bibliography_element) {
-                bibElement = node;
-                pos = nodePos;
-            }
-        });
-        let newTr;
-        const bibItem = 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 = findChildrenByType(doc, 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/es/views/cross_reference_editable.js

@@ -24,34 +24,36 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { skipTracking } from '@manuscripts/track-changes-plugin';
 import { TextSelection } from 'prosemirror-state';
-import React from 'react';
 import { CrossReferenceItems } from '../components/views/CrossReferenceItems';
 import { objectsKey } from '../plugins/objects';
 import { createEditableNodeView } from './creators';
 import { CrossReferenceView } from './cross_reference';
+import ReactSubView from './ReactSubView';
 export class CrossReferenceEditableView extends 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.createElement(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 = ReactSubView(this.props, 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/es/views/editable_block.js

@@ -22,7 +22,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { nodeNames, schema, } from '@manuscripts/transform';
+import { nodeNames, schema } from '@manuscripts/transform';
 import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
 import { ContextMenu } from '../lib/context-menu';
 const isNotNull = (a) => a !== null;

package/dist/es/views/equation.js

@@ -14,6 +14,8 @@
  * limitations under the License.
  */
 import { sanitize } from '../lib/dompurify';
+import { convertMathMLToSVG } from '../lib/mathml-to-svg';
+import { convertTeXToSVG } from '../lib/tex-to-svg';
 import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
 export class EquationView extends BaseNodeView {
@@ -29,12 +31,15 @@ export class EquationView extends 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'
+                ? convertTeXToSVG(contents, true)
+                : convertMathMLToSVG(contents, true);
             while (this.dom.hasChildNodes()) {
                 this.dom.removeChild(this.dom.firstChild);
             }
-            if (SVGStringRepresentation) {
-                const fragment = sanitize(SVGStringRepresentation, {
+            if (svgContent) {
+                const fragment = sanitize(svgContent, {
                     USE_PROFILES: { svg: true },
                 });
                 this.dom.appendChild(fragment);

package/dist/es/views/equation_editable.js

@@ -22,7 +22,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { convertTeXToSVG } from '@manuscripts/transform';
 import { NodeSelection } from 'prosemirror-state';
 import { createEditableNodeView } from './creators';
 import { EquationView } from './equation';
@@ -36,21 +35,16 @@ export class EquationEditableView extends EquationView {
             const { createEditor } = yield import('../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 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(NodeSelection.create(tr.doc, pos));
+                tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), { contents, format: 'tex' })).setSelection(NodeSelection.create(tr.doc, pos));
                 this.view.dispatch(tr);
             }));
             const wrapper = document.createElement('div');

package/dist/es/views/equation_element.js

@@ -21,9 +21,12 @@ export class EquationElementView extends BlockView {
         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/es/views/inline_equation.js

@@ -14,6 +14,8 @@
  * limitations under the License.
  */
 import { sanitize } from '../lib/dompurify';
+import { convertMathMLToSVG } from '../lib/mathml-to-svg';
+import { convertTeXToSVG } from '../lib/tex-to-svg';
 import { isRejectedInsert } from '../lib/track-changes-utils';
 import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
@@ -26,12 +28,15 @@ export class InlineEquationView extends BaseNodeView {
         };
         this.updateContents = () => {
             if (!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 = sanitize(SVGRepresentation, {
+                const svgContent = format === 'tex'
+                    ? convertTeXToSVG(contents, true)
+                    : convertMathMLToSVG(contents, true);
+                if (svgContent) {
+                    const fragment = sanitize(svgContent, {
                         USE_PROFILES: { svg: true },
                     });
                     this.dom.appendChild(fragment);

package/dist/es/views/inline_equation_editable.js

@@ -22,7 +22,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { convertTeXToSVG } from '@manuscripts/transform';
 import { NodeSelection } from 'prosemirror-state';
 import { createEditableNodeView } from './creators';
 import { InlineEquationView } from './inline_equation';
@@ -36,21 +35,16 @@ export class InlineEquationEditableView extends InlineEquationView {
             const { createEditor } = yield import('../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 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(NodeSelection.create(tr.doc, pos));
+                tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), { format: 'tex', contents })).setSelection(NodeSelection.create(tr.doc, pos));
                 this.view.dispatch(tr);
             }));
             this.props.popper.show(this.dom, input.getWrapperElement(), 'bottom');

package/dist/es/views/link_editable.js

@@ -14,10 +14,10 @@
  * limitations under the License.
  */
 import { TextSelection } from 'prosemirror-state';
-import React from 'react';
 import { LinkForm } from '../components/views/LinkForm';
 import { createEditableNodeView } from './creators';
 import { LinkView } from './link';
+import ReactSubView from './ReactSubView';
 export class LinkEditableView extends LinkView {
     constructor() {
         super(...arguments);
@@ -46,43 +46,51 @@ export class LinkEditableView extends LinkView {
                 title: this.node.attrs.title,
                 text: this.node.textContent,
             };
-            this.props.renderReactComponent(React.createElement(LinkForm, { value: originalValue, handleCancel: () => {
-                    const tr = this.view.state.tr;
-                    const pos = this.getPos();
-                    tr.setSelection(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(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(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 = ReactSubView(this.props, 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(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(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(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();
         };
     }
 }

package/dist/types/citation-sources/crossref.d.ts

@@ -13,14 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { BibliographyItem } from '@manuscripts/json-schema';
-import { CancelToken } from 'axios';
-interface SearchResults {
-    items: BibliographyItem[];
-    total: number;
-}
-export declare const crossref: {
-    fetch: (item: Partial<BibliographyItem>) => Promise<Partial<BibliographyItem>>;
-    search: (query: string, rows: number, mailto: string, tokenSource?: CancelToken) => Promise<SearchResults>;
-};
-export {};
+import { BibliographyItemSource } from '@manuscripts/style-guide';
+export declare const crossref: BibliographyItemSource;

package/dist/types/commands.d.ts

@@ -32,15 +32,15 @@ export declare const deleteBlock: (typeToDelete: string) => (state: ManuscriptEd
 export declare const insertBreak: EditorAction;
 export declare const insertSectionLabel: (state: ManuscriptEditorState, dispatch?: Dispatch, currentTr?: Transaction) => boolean;
 export declare const insertLink: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
-export declare const insertInlineCitation: (state: ManuscriptEditorState, dispatch?: Dispatch, view?: ManuscriptEditorView) => boolean;
+export declare const insertInlineCitation: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertCrossReference: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertInlineEquation: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertInlineFootnote: (kind: 'footnote' | 'endnote') => (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertGraphicalAbstract: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertSection: (subsection?: boolean) => (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertList: (type: ManuscriptNodeType, style?: string) => (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
-export declare const insertBibliographySection: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
-export declare const insertTOCSection: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
+export declare const insertBibliographySection: () => boolean;
+export declare const insertTOCSection: () => boolean;
 export declare const ifInTableBody: (command: (state: ManuscriptEditorState) => boolean) => (state: ManuscriptEditorState) => boolean;
 export declare const isAtStartOfTextBlock: (state: ManuscriptEditorState, $cursor: ResolvedPos, view?: ManuscriptEditorView) => boolean;
 export declare const isTextSelection: (selection: Selection) => selection is TextSelection;

package/dist/types/components/views/LinkForm.d.ts

@@ -20,8 +20,8 @@ export interface LinkValue {
     title?: string;
 }
 export declare const LinkForm: React.FC<{
-    handleCancel: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    handleRemove: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    handleCancel: () => void;
+    handleRemove: () => void;
     handleSave: (value: LinkValue) => void;
     value: LinkValue;
 }>;

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

@@ -16,11 +16,10 @@
 import 'prosemirror-view/style/prosemirror.css';
 import { CommentAnnotation, Manuscript, Model, UserProfile } from '@manuscripts/json-schema';
 import { Capabilities, FileAttachment, FileManagement } from '@manuscripts/style-guide';
-import { Build, ManuscriptNode } from '@manuscripts/transform';
+import { ManuscriptNode } from '@manuscripts/transform';
 import { History } from 'history';
 import { EditorState, Plugin } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
-import React from 'react';
 import { DefaultTheme } from 'styled-components';
 import { CollabProvider } from '../classes/collabProvider';
 import { Dispatch } from '../commands';
@@ -41,15 +40,11 @@ export interface EditorProps {
     doc: ManuscriptNode;
     getModelMap: () => Map<string, Model>;
     getManuscript: () => Manuscript;
-    saveModel: <T extends Model>(model: T | Build<T> | Partial<T>) => Promise<T>;
     deleteModel: (id: string) => Promise<string>;
     getFiles: () => FileAttachment[];
     fileManagement: FileManagement;
     popper: PopperManager;
     history: History;
-    renderReactComponent: (child: React.ReactNode, container: HTMLElement) => void;
-    unmountReactComponent: (container: HTMLElement) => void;
-    components: Record<string, React.ComponentType<any>>;
     getCapabilities: () => Capabilities;
     cslProps: CSLProps;
     setComment: (comment?: CommentAnnotation) => void;