@manuscripts/body-editor 1.5.16 → 1.6.1

package/dist/es/views/bibliography_element.js

@@ -33,39 +33,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { CitationProvider } from '@manuscripts/library';
 import { CHANGE_OPERATION, CHANGE_STATUS, } from '@manuscripts/track-changes-plugin';
 import { buildComment } from '@manuscripts/transform';
 import React from 'react';
 import { commentIcon, editIcon } from '../assets';
 import { sanitize } from '../lib/dompurify';
-import { bibliographyKey } from '../plugins/bibliography';
-import { getReferencesModelMap } from '../plugins/bibliography/bibliography-utils';
+import { getBibliographyPluginState } from '../plugins/bibliography';
 import { commentAnnotation } from '../plugins/comment_annotation';
 import { getAttrsTrackingButton, getMarkDecoration, } from '../plugins/tracking-mark';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
-const createBibliography = (bibliographyItems, cslProps) => __awaiter(void 0, void 0, void 0, function* () {
-    const bibliographyItemsMap = new Map(bibliographyItems.map((item) => [item._id, item]));
-    const getLibraryItem = (id) => bibliographyItemsMap.get(id);
-    const { style = '', locale } = cslProps;
-    const provider = new CitationProvider({
-        getLibraryItem,
-        citationStyle: style,
-        locale,
-    });
-    const [bibmeta, generatedBibliographyItems] = provider.makeBibliography(bibliographyItems);
-    if (bibmeta.bibliography_errors.length) {
-        console.error(bibmeta.bibliography_errors);
-    }
-    const bibliographyFragment = generatedBibliographyItems
-        .map((item, i) => `<div id=${bibmeta.entry_ids[i]} class="bib-item"><div><div class="csl-bib-body">${item}</div></div></div>`)
-        .join('');
-    return sanitize(`<div class="contents">${bibliographyFragment}</div>`);
-});
 export class BibliographyElementBlockView extends BlockView {
     constructor() {
         super(...arguments);
+        this.gutterButtons = () => [];
         this.showPopper = (referenceID) => {
             const { renderReactComponent, components: { ReferencesEditor }, } = this.props;
             const handleSave = (data) => __awaiter(this, void 0, void 0, function* () {
@@ -78,13 +59,14 @@ export class BibliographyElementBlockView extends BlockView {
                 this.popperContainer = document.createElement('div');
                 this.popperContainer.className = 'references';
             }
-            renderReactComponent(React.createElement(ReferencesEditor, { saveModel: handleSave, deleteModel: this.deleteNode, modelMap: getReferencesModelMap(this.view.state.doc, true), referenceID: referenceID }), this.popperContainer);
+            const bib = getBibliographyPluginState(this.view.state);
+            renderReactComponent(React.createElement(ReferencesEditor, { saveModel: handleSave, deleteModel: this.deleteNode, modelMap: bib.bibliographyItems, referenceID: referenceID }), this.popperContainer);
             this.props.popper.show(this.dom, this.popperContainer, 'right');
         };
         this.stopEvent = () => true;
         this.ignoreMutation = () => true;
         this.updateContents = () => __awaiter(this, void 0, void 0, function* () {
-            const bibliographyItems = bibliographyKey.getState(this.view.state).bibliographyItems;
+            const bib = getBibliographyPluginState(this.view.state);
             const commentsDecorationSet = commentAnnotation.getState(this.view.state);
             const commentElementMap = new Map();
             const dataTrackedMap = new Map();
@@ -103,9 +85,14 @@ export class BibliographyElementBlockView extends BlockView {
                     dataTrackedMap.set(node.attrs.id, lastChange);
                 }
             });
-            const bibliographyFragment = yield createBibliography(bibliographyItems, this.props.cslProps);
-            const bibItems = bibliographyFragment.querySelectorAll('.bib-item');
-            bibItems.forEach((element) => {
+            const can = this.props.getCapabilities();
+            const wrapper = document.createElement('div');
+            wrapper.classList.add('contents');
+            const [meta, bibliography] = bib.provider.makeBibliography();
+            for (let i = 0; i < bibliography.length; i++) {
+                const id = meta.entry_ids[i];
+                const fragment = bibliography[i];
+                const element = sanitize(`<div id="${id}" class="bib-item"><div class="csl-bib-body">${fragment}</div></div>`).firstElementChild;
                 const doubleButton = document.createElement('div');
                 const editButton = document.createElement('button');
                 const commentButton = document.createElement('button');
@@ -124,14 +111,14 @@ export class BibliographyElementBlockView extends BlockView {
                 editButton.innerHTML = editIcon;
                 commentButton.innerHTML = commentIcon;
                 doubleButton.append(editButton, commentButton);
-                if (this.props.getCapabilities().seeReferencesButtons &&
+                if (can.seeReferencesButtons &&
                     !element.querySelector('.bibliography-double-button')) {
                     element.appendChild(doubleButton);
                 }
-                editButton.disabled = !this.props.getCapabilities().editCitationsAndRefs;
+                editButton.disabled = !can.editCitationsAndRefs;
                 const commentElement = commentElementMap.get(element.id);
                 if (commentElement) {
-                    element.childNodes[0].appendChild(commentElement);
+                    element.appendChild(commentElement);
                 }
                 const dataTracked = dataTrackedMap.get(element.id);
                 if (dataTracked) {
@@ -140,16 +127,17 @@ export class BibliographyElementBlockView extends BlockView {
                     decoration.style && element.setAttribute('style', decoration.style);
                     if (dataTracked.status === CHANGE_STATUS.pending &&
                         dataTracked.operation === CHANGE_OPERATION.set_node_attributes) {
-                        element.childNodes[0].appendChild(getAttrsTrackingButton(dataTracked.id));
+                        element.appendChild(getAttrsTrackingButton(dataTracked.id));
                     }
                 }
-            });
+                wrapper.append(element);
+            }
             const oldContent = this.container.querySelector('.contents');
             if (oldContent) {
-                this.container.replaceChild(bibliographyFragment, oldContent);
+                this.container.replaceChild(wrapper, oldContent);
             }
             else {
-                this.container.appendChild(bibliographyFragment);
+                this.container.appendChild(wrapper);
             }
         });
         this.createElement = () => {
@@ -158,12 +146,6 @@ export class BibliographyElementBlockView extends BlockView {
             this.container.contentEditable = 'false';
             this.dom.setAttribute('contenteditable', 'false');
             this.dom.appendChild(this.container);
-            this.contentDOM = document.createElement('div');
-            this.contentDOM.classList.add('block');
-            this.contentDOM.setAttribute('id', this.node.attrs.id);
-            this.contentDOM.setAttribute('contenteditable', 'false');
-            this.contentDOM.hidden = true;
-            this.container.appendChild(this.contentDOM);
         };
     }
 }

package/dist/es/views/citation.js

@@ -13,34 +13,23 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ObjectTypes, } from '@manuscripts/json-schema';
+import { ObjectTypes } from '@manuscripts/json-schema';
 import { DOMSerializer } from 'prosemirror-model';
 import React, { createElement } from 'react';
 import ReactDOM from 'react-dom';
 import { TrackChangesReview } from '../components/track-changes/TrackChangesReview';
 import { sanitize } from '../lib/dompurify';
 import { getChangeClasses, isDeleted, isPendingSetAttrs, } from '../lib/track-changes-utils';
-import { getNodeModel } from '../plugins/bibliography/bibliography-utils';
+import { getBibliographyPluginState } from '../plugins/bibliography';
+import { getCitation } from '../plugins/bibliography/bibliography-utils';
 import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
 export class CitationView extends BaseNodeView {
     constructor() {
         super(...arguments);
         this.showPopper = () => {
-            const { components: { CitationViewer }, getLibraryItem, projectID, renderReactComponent, } = this.props;
-            const citation = this.getCitation();
-            const items = citation.embeddedCitationItems.map((citationItem) => {
-                const libraryItem = getLibraryItem(citationItem.bibliographyItem);
-                if (!libraryItem) {
-                    const placeholderItem = {
-                        _id: citationItem.bibliographyItem,
-                        objectType: ObjectTypes.BibliographyItem,
-                        title: '[missing library item]',
-                    };
-                    return placeholderItem;
-                }
-                return libraryItem;
-            });
+            const { components: { CitationViewer }, projectID, renderReactComponent, } = this.props;
+            const items = this.getBibliographyItems();
             if (!this.popperContainer) {
                 this.popperContainer = document.createElement('div');
                 this.popperContainer.className = 'citation-editor';
@@ -82,27 +71,25 @@ export class CitationView extends BaseNodeView {
             return this;
         };
         this.updateContents = () => {
+            const bib = getBibliographyPluginState(this.view.state);
             const citation = this.getCitation();
-            const nodeClasses = ['citation', ...getChangeClasses(this.node)];
-            const citationElement = document.createElement('span');
-            citationElement.className = nodeClasses.join(' ');
-            const citeprocCitations = this.props.getCiteprocCitations();
-            const citeprocContent = citeprocCitations === null || citeprocCitations === void 0 ? void 0 : citeprocCitations.get(this.node.attrs.rid);
-            const fragment = sanitize(citeprocContent && citeprocContent !== '[NO_PRINTED_FORM]'
-                ? citeprocContent
-                : ' ', {
+            const classes = ['citation', ...getChangeClasses(this.node)];
+            const element = document.createElement('span');
+            element.className = classes.join(' ');
+            const text = bib.renderedCitations.get(citation._id);
+            const fragment = sanitize(text && text !== '[NO_PRINTED_FORM]' ? text : ' ', {
                 ALLOWED_TAGS: ['i', 'b', 'span', 'sup', 'sub', '#text'],
             });
-            citationElement.appendChild(fragment);
+            element.appendChild(fragment);
             this.dom.className = 'citation-wrapper';
             this.dom.innerHTML = '';
-            this.dom.appendChild(citationElement);
+            this.dom.appendChild(element);
             if (isPendingSetAttrs(this.node) &&
                 !isDeleted(this.node) &&
                 citation.embeddedCitationItems.length) {
                 this.dom.appendChild(this.renderTrackChangesReview());
             }
-            this.setDomAttrs(this.node, this.dom, ['rid', 'contents', 'selectedText']);
+            this.setDomAttrs(this.node, this.dom, ['rids', 'contents', 'selectedText']);
         };
         this.renderTrackChangesReview = () => {
             const { popper } = this.props;
@@ -116,12 +103,28 @@ export class CitationView extends BaseNodeView {
             return el;
         };
         this.getCitation = () => {
-            const citation = getNodeModel(this.node);
+            const citation = getCitation(this.node);
             if (!citation) {
                 throw new Error('Citation not found');
             }
             return citation;
         };
+        this.getBibliographyItems = () => {
+            const bib = 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: ObjectTypes.BibliographyItem,
+                        title: '[missing library item]',
+                    };
+                    return placeholder;
+                }
+                return item;
+            });
+        };
     }
 }
 export default createNodeView(CitationView);

package/dist/es/views/citation_editable.js

@@ -34,12 +34,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { ObjectTypes, } from '@manuscripts/json-schema';
-import { matchLibraryItemByIdentifier } from '@manuscripts/library';
-import { buildEmbeddedCitationItem, schema, } from '@manuscripts/transform';
+import { findMatchingBibliographyItem } from '@manuscripts/library';
+import { schema } from '@manuscripts/transform';
 import { TextSelection } from 'prosemirror-state';
 import React from 'react';
-import { bibliographyKey } from '../plugins/bibliography';
-import { getReferencesModelMap } from '../plugins/bibliography/bibliography-utils';
+import { getBibliographyPluginState } from '../plugins/bibliography';
 import { CitationView } from './citation';
 import { createEditableNodeView } from './creators';
 const createBibliographySection = (bibItem) => schema.nodes.bibliography_section.createAndFill({}, [
@@ -53,20 +52,9 @@ export class CitationEditableView extends CitationView {
             const { components: { CitationEditor, CitationViewer }, getCapabilities, projectID, renderReactComponent, } = this.props;
             const capabilities = getCapabilities();
             const citation = this.getCitation();
-            const items = citation.embeddedCitationItems.map((citationItem) => {
-                const libraryItem = getReferencesModelMap(this.view.state.doc).get(citationItem.bibliographyItem);
-                if (!libraryItem) {
-                    const placeholderItem = {
-                        _id: citationItem.bibliographyItem,
-                        objectType: ObjectTypes.BibliographyItem,
-                        title: '[missing library item]',
-                    };
-                    return placeholderItem;
-                }
-                return libraryItem;
-            });
+            const items = this.getBibliographyItems();
             const updateCitation = (data) => __awaiter(this, void 0, void 0, function* () {
-                this.updateInlineNode(Object.assign(Object.assign({}, citation), data));
+                this.updateNode(Object.assign(Object.assign({}, citation), data));
                 this.props.popper.update();
             });
             const findPosition = (doc, id) => {
@@ -93,7 +81,8 @@ export class CitationEditableView extends CitationView {
                 this.popperContainer = document.createElement('div');
                 this.popperContainer.className = 'citation-editor';
             }
-            const component = (capabilities === null || capabilities === void 0 ? void 0 : capabilities.editArticle) ? (React.createElement(CitationEditor, { items: items, saveModel: handleSave, deleteModel: this.deleteNode, modelMap: getReferencesModelMap(this.view.state.doc, true), insertBibliographyNode: (item) => this.insertBibliographyNode(this.view, item), 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 }));
+            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');
         };
@@ -111,10 +100,10 @@ export class CitationEditableView extends CitationView {
         };
         this.handleRemove = (id) => __awaiter(this, void 0, void 0, function* () {
             const citation = this.getCitation();
-            const embeddedCitationItems = citation.embeddedCitationItems.filter((item) => item.bibliographyItem !== id);
-            if (embeddedCitationItems.length > 0) {
-                citation.embeddedCitationItems = embeddedCitationItems;
-                this.updateInlineNode(citation);
+            const items = citation.embeddedCitationItems.filter((i) => i.bibliographyItem !== id);
+            if (items.length > 0) {
+                citation.embeddedCitationItems = items;
+                this.updateNode(citation);
                 window.setTimeout(() => {
                     this.showPopper();
                 }, 100);
@@ -125,9 +114,6 @@ export class CitationEditableView extends CitationView {
                 tr.delete(pos, pos + 1);
                 this.view.dispatch(tr);
             }
-            this.view.dispatch(this.view.state.tr.setMeta(bibliographyKey, {
-                bibliographyInserted: true,
-            }));
             this.props.popper.destroy();
         });
         this.updatePopper = () => {
@@ -137,46 +123,43 @@ export class CitationEditableView extends CitationView {
             }, 100);
         };
         this.handleCite = (items) => __awaiter(this, void 0, void 0, function* () {
+            const bib = getBibliographyPluginState(this.view.state);
             const citation = this.getCitation();
-            let triggerUpdate = false;
             for (const item of items) {
-                const existingItem = matchLibraryItemByIdentifier(item, getReferencesModelMap(this.view.state.doc));
+                const existingItem = findMatchingBibliographyItem(item, bib.bibliographyItems);
                 if (existingItem) {
                     item._id = existingItem._id;
                 }
                 else {
-                    triggerUpdate = true;
-                    yield this.insertBibliographyNode(this.view, item);
+                    this.insertBibliographyNode(this.view, item);
                 }
-                citation.embeddedCitationItems.push(buildEmbeddedCitationItem(item._id));
-            }
-            this.updateInlineNode(citation);
-            if (triggerUpdate) {
-                this.view.dispatch(this.view.state.tr.setMeta(bibliographyKey, {
-                    bibliographyInserted: true,
-                }));
+                citation.embeddedCitationItems.push({
+                    _id: '_',
+                    objectType: ObjectTypes.CitationItem,
+                    bibliographyItem: item._id,
+                });
             }
+            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 = matchLibraryItemByIdentifier(item, getReferencesModelMap(this.view.state.doc));
+                const existingItem = findMatchingBibliographyItem(item, bib.bibliographyItems);
                 if (!existingItem) {
-                    yield this.insertBibliographyNode(this.view, item);
+                    this.insertBibliographyNode(this.view, item);
                     newItems.push(item);
                 }
             }
             return newItems;
         });
-        this.updateInlineNode = (citation) => {
+        this.updateNode = (citation) => {
+            const rids = citation.embeddedCitationItems.map((i) => i.bibliographyItem);
             const { tr } = this.view.state;
             this.view.dispatch(tr.setNodeMarkup(this.getPos(), undefined, {
-                rid: citation._id,
-                embeddedCitationItems: citation.embeddedCitationItems.map((item) => ({
-                    id: item._id,
-                    bibliographyItem: item.bibliographyItem,
-                })),
+                id: citation._id,
+                rids,
             }));
         };
     }
@@ -198,9 +181,7 @@ export class CitationEditableView extends CitationView {
             newTr = tr.insert(pos + 1, bibItem);
         }
         else {
-            newTr = tr
-                .insert(tr.doc.content.size, createBibliographySection(bibItem))
-                .setMeta(bibliographyKey, { bibliographyInserted: true });
+            newTr = tr.insert(tr.doc.content.size, createBibliographySection(bibItem));
         }
         view.dispatch(newTr);
         return false;

package/dist/es/views/{contributors_section.js → contributors.js}

@@ -1,7 +1,7 @@
 import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
 import ReactSubView from './ReactSubView';
-export class ContributorsSectionView extends BaseNodeView {
+export class ContributorsView extends BaseNodeView {
     constructor() {
         super(...arguments);
         this.initialise = () => {
@@ -25,4 +25,4 @@ export class ContributorsSectionView extends BaseNodeView {
         this.stopEvent = () => true;
     }
 }
-export default createNodeView(ContributorsSectionView);
+export default createNodeView(ContributorsView);

package/dist/es/views/cross_reference.js

@@ -13,9 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
 import { getChangeClasses } from '../lib/track-changes-utils';
-import { objectsKey } from '../plugins/objects';
 import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
 export class CrossReferenceView extends BaseNodeView {
@@ -24,38 +22,15 @@ export class CrossReferenceView extends BaseNodeView {
         this.selectNode = () => {
         };
         this.handleClick = () => {
-            const auxiliaryObjectReference = this.getAuxiliaryObjectReference(this.node.attrs.rid);
-            if (auxiliaryObjectReference) {
-                if (auxiliaryObjectReference.referencedObjects) {
-                    this.showPopper(auxiliaryObjectReference.referencedObjects);
-                }
-                else {
-                    this.props.history.push({
-                        pathname: this.props.history.location.pathname,
-                        hash: '#' + auxiliaryObjectReference.referencedObject,
-                    });
-                }
+            const xref = this.node;
+            const rids = xref.attrs.rids;
+            if (!rids.length) {
+                return;
             }
-        };
-        this.showPopper = (referencedObjects) => {
-            const { components: { ReferencesViewer }, renderReactComponent, } = this.props;
-            if (!this.popperContainer) {
-                this.popperContainer = document.createElement('div');
-                this.popperContainer.className = 'citation-references';
-            }
-            const targets = objectsKey.getState(this.view.state);
-            const items = [];
-            referencedObjects.map((referencedObject) => {
-                const target = targets.get(referencedObject);
-                if (target && target.label) {
-                    items.push({
-                        label: target.label,
-                        referencedObject,
-                    });
-                }
+            this.props.history.push({
+                pathname: this.props.history.location.pathname,
+                hash: '#' + rids[0],
             });
-            renderReactComponent(React.createElement(ReferencesViewer, { items: items, history: this.props.history }), this.popperContainer);
-            this.props.popper.show(this.dom, this.popperContainer, 'right');
         };
         this.updateContents = () => {
             const nodeClasses = ['cross-reference', ...getChangeClasses(this.node)];
@@ -68,7 +43,6 @@ export class CrossReferenceView extends BaseNodeView {
             this.updateContents();
         };
         this.ignoreMutation = () => true;
-        this.getAuxiliaryObjectReference = (id) => this.props.getModelMap().get(id);
         this.createDOM = () => {
             this.dom = document.createElement('span');
             this.dom.className = 'cross-reference';

package/dist/es/views/cross_reference_editable.js

@@ -23,7 +23,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { skipTracking } from '@manuscripts/track-changes-plugin';
-import { buildAuxiliaryObjectReference } from '@manuscripts/transform';
 import { TextSelection } from 'prosemirror-state';
 import React from 'react';
 import { CrossReferenceItems } from '../components/views/CrossReferenceItems';
@@ -35,21 +34,17 @@ export class CrossReferenceEditableView extends CrossReferenceView {
         super(...arguments);
         this.selectNode = () => {
             const { getCapabilities, renderReactComponent } = this.props;
+            const xref = this.node;
+            const rids = xref.attrs.rids;
             const can = getCapabilities();
-            const { rid } = this.node.attrs;
-            const auxiliaryObjectReference = rid
-                ? this.getAuxiliaryObjectReference(rid)
-                : null;
-            if (!(can === null || can === void 0 ? void 0 : can.editArticle) ||
-                (auxiliaryObjectReference === null || auxiliaryObjectReference === void 0 ? void 0 : auxiliaryObjectReference.referencedObject) ||
-                (auxiliaryObjectReference === null || auxiliaryObjectReference === void 0 ? void 0 : auxiliaryObjectReference.referencedObjects)) {
+            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: auxiliaryObjectReference === null || auxiliaryObjectReference === void 0 ? void 0 : auxiliaryObjectReference.referencedObject, currentCustomLabel: this.node.attrs.customLabel }), this.popperContainer);
+            renderReactComponent(React.createElement(CrossReferenceItems, { handleSelect: this.handleSelect, targets: this.getTargets(), handleCancel: this.handleCancel, currentTargetId: rids[0], currentCustomLabel: this.node.attrs.customLabel }), this.popperContainer);
             this.props.popper.show(this.dom, this.popperContainer, 'right');
         };
         this.destroy = () => {
@@ -66,7 +61,7 @@ export class CrossReferenceEditableView extends CrossReferenceView {
             return Array.from(targets.values());
         };
         this.handleCancel = () => {
-            if (!this.node.attrs.rid) {
+            if (!this.node.attrs.rids.length) {
                 const { state } = this.view;
                 const pos = this.getPos();
                 const tr = state.tr.delete(pos, pos + this.node.nodeSize);
@@ -81,10 +76,7 @@ export class CrossReferenceEditableView extends CrossReferenceView {
         this.handleSelect = (rid, customLabel) => __awaiter(this, void 0, void 0, function* () {
             const { state } = this.view;
             const pos = this.getPos();
-            const $pos = state.doc.resolve(pos);
-            const rids = rid.trim().split(/\s+/);
-            const auxiliaryObjectReference = buildAuxiliaryObjectReference($pos.parent.attrs.id, rids);
-            const tr = state.tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), { customLabel: customLabel || '', rid: auxiliaryObjectReference._id }));
+            const tr = state.tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), { customLabel: customLabel || '', rids: [rid] }));
             const selection = TextSelection.create(tr.doc, pos);
             this.view.dispatch(tr.setSelection(selection));
             this.destroy();

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 } from '@manuscripts/transform';
+import { nodeNames, schema } from '@manuscripts/transform';
 import { ContextMenu } from '../lib/context-menu';
 const isNotNull = (a) => a !== null;
 export const EditableBlock = (Base) => {
@@ -68,8 +68,8 @@ export const EditableBlock = (Base) => {
             this.createAddButton = (after) => {
                 var _a;
                 const $pos = this.view.state.doc.resolve(this.getPos());
-                if (!((_a = this.props.getCapabilities()) === null || _a === void 0 ? void 0 : _a.editArticle) ||
-                    $pos.parent.type === this.node.type.schema.nodes.keywords_section) {
+                const hasAccess = (_a = this.props.getCapabilities()) === null || _a === void 0 ? void 0 : _a.editArticle;
+                if (!hasAccess || $pos.parent.type === schema.nodes.keywords) {
                     return null;
                 }
                 const button = document.createElement('a');

package/dist/es/views/{meta_section.js → empty.js}

@@ -13,9 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export default () => {
-    const dom = document.createElement('section');
-    dom.setAttribute('data-type', 'meta');
+export default (type) => () => {
+    const dom = document.createElement('div');
+    dom.setAttribute('data-type', type);
     dom.setAttribute('contenteditable', 'false');
     dom.style.display = 'inline';
     return { dom };

package/dist/es/views/section_title.js

@@ -13,29 +13,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { isSectionNode } from '@manuscripts/transform';
 import { sectionLevel } from '../lib/context-menu';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
-export const isSpecialSection = (node) => {
-    if (isSectionNode(node)) {
-        const { attrs } = node;
-        return (attrs.category === 'MPSectionCategory:abstracts' ||
-            attrs.category === 'MPSectionCategory:body' ||
-            attrs.category === 'MPSectionCategory:backmatter');
-    }
-};
 export class SectionTitleView extends BlockView {
     constructor() {
         super(...arguments);
         this.elementType = 'h1';
         this.updateContents = () => {
             const $pos = this.view.state.doc.resolve(this.getPos());
-            if (isSpecialSection($pos.parent)) {
-                this.dom = document.createElement('div');
-                this.dom.classList.add('no-title');
-                return;
-            }
             if (this.node.childCount) {
                 this.contentDOM.classList.remove('empty-node');
             }

package/dist/types/commands.d.ts

@@ -32,13 +32,12 @@ 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, embeddedCitationItems?: string[]) => boolean;
+export declare const insertInlineCitation: (state: ManuscriptEditorState, dispatch?: Dispatch, view?: ManuscriptEditorView) => 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 insertFootnotesSection: (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 ifInTableBody: (command: (state: ManuscriptEditorState) => boolean) => (state: ManuscriptEditorState) => boolean;

package/dist/types/components/outline/DraggableTree.d.ts

@@ -1,5 +1,4 @@
 import { ManuscriptEditorView, ManuscriptNode, Selected } from '@manuscripts/transform';
-import { Node as ProsemirrorNode } from 'prosemirror-model';
 import * as React from 'react';
 import { ConnectDragPreview, ConnectDragSource, ConnectDropTarget } from 'react-dnd';
 export type DropSide = 'before' | 'after' | null;
@@ -25,7 +24,7 @@ export interface TreeItem {
     index: number;
     isSelected: boolean;
     items: TreeItem[];
-    node: ManuscriptNode | ProsemirrorNode;
+    node: ManuscriptNode;
     pos: number;
     endPos: number;
     parent?: ManuscriptNode;