@manuscripts/body-editor 1.5.7-LEAN-2055-0 → 1.5.8

package/dist/cjs/commands.js

@@ -257,9 +257,6 @@ const insertLink = (state, dispatch) => {
     return true;
 };
 exports.insertLink = insertLink;
-const needsBibliography = (state) => !bibliography_1.bibliographyKey.getState(state).citations.length &&
-    !(0, utils_1.getChildOfType)(state.tr.doc, state.schema.nodes.bibliography_section);
-const createBibliographySection = (state) => state.schema.nodes.bibliography_section.createAndFill({}, state.schema.nodes.section_title.create({}, state.schema.text('Bibliography')));
 const insertInlineCitation = (state, dispatch, view, embeddedCitationItems = []) => {
     const citation = (0, transform_1.buildCitation)(state.selection.$anchor.parent.attrs.id, embeddedCitationItems);
     const node = state.schema.nodes.citation.create({
@@ -270,9 +267,6 @@ const insertInlineCitation = (state, dispatch, view, embeddedCitationItems = [])
     const pos = state.selection.to;
     const { tr } = state;
     tr.insert(pos, node);
-    if (needsBibliography(state)) {
-        tr.insert(tr.doc.content.size, createBibliographySection(state)).setMeta(bibliography_1.bibliographyKey, { bibliographyInserted: true });
-    }
     if (dispatch) {
         const selection = prosemirror_state_1.NodeSelection.create(tr.doc, pos);
         dispatch(tr.setSelection(selection).scrollIntoView());

package/dist/cjs/lib/utils.js

@@ -30,8 +30,8 @@ function* iterateChildren(node, recurse = false) {
     }
 }
 exports.iterateChildren = iterateChildren;
-const getMatchingChild = (parent, matcher) => {
-    for (const node of iterateChildren(parent)) {
+const getMatchingChild = (parent, matcher, deep = false) => {
+    for (const node of iterateChildren(parent, deep)) {
         if (matcher(node)) {
             return node;
         }
@@ -46,7 +46,7 @@ const getMatchingDescendant = (parent, matcher) => {
     }
 };
 exports.getMatchingDescendant = getMatchingDescendant;
-const getChildOfType = (parent, nodeType) => !!(0, exports.getMatchingChild)(parent, (node) => node.type === nodeType);
+const getChildOfType = (parent, nodeType, deep = false) => !!(0, exports.getMatchingChild)(parent, (node) => node.type.name === nodeType.name, deep);
 exports.getChildOfType = getChildOfType;
 exports.findParentNodeWithId = (0, prosemirror_utils_1.findParentNode)((node) => 'id' in node.attrs);
 exports.findParentNodeWithIdValue = (0, prosemirror_utils_1.findParentNode)((node) => node.attrs.id);

package/dist/cjs/plugins/bibliography/bibliography-utils.js

@@ -34,7 +34,7 @@ const lodash_es_1 = require("lodash-es");
 const prosemirror_view_1 = require("prosemirror-view");
 const isBibliographyElement = (node) => node.type === node.type.schema.nodes.bibliography_element;
 exports.isBibliographyElement = isBibliographyElement;
-const buildDecorations = (doc, citationNodes, popper, referencesModelMap, triggerUpdate) => {
+const buildDecorations = (doc, citationNodes, popper, referencesModelMap) => {
     const decorations = [];
     let hasMissingItems = false;
     for (const [node, pos, citation] of citationNodes) {
@@ -72,15 +72,6 @@ const buildDecorations = (doc, citationNodes, popper, referencesModelMap, trigge
             }
         });
     }
-    if (triggerUpdate) {
-        doc.descendants((node, pos) => {
-            if ((0, exports.isBibliographyElement)(node)) {
-                decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {}, {
-                    triggerUpdate: true,
-                }));
-            }
-        });
-    }
     return decorations;
 };
 exports.buildDecorations = buildDecorations;

package/dist/cjs/plugins/bibliography/index.js

@@ -20,7 +20,6 @@ const library_1 = require("@manuscripts/library");
 const lodash_es_1 = require("lodash-es");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
-const track_changes_utils_1 = require("../../lib/track-changes-utils");
 const bibliography_utils_1 = require("./bibliography-utils");
 exports.bibliographyKey = new prosemirror_state_1.PluginKey('bibliography');
 exports.default = (props) => {
@@ -31,9 +30,8 @@ exports.default = (props) => {
             init(config, instance) {
                 const referencesModelMap = (0, bibliography_utils_1.getReferencesModelMap)(instance.doc);
                 const citationNodes = (0, library_1.buildCitationNodes)(instance.doc, referencesModelMap);
-                const filteredCitationNodes = citationNodes.filter((node) => !(0, track_changes_utils_1.isDeleted)(node[0]) && !(0, track_changes_utils_1.isRejectedInsert)(node[0]));
-                const citations = (0, library_1.buildCitations)(filteredCitationNodes, (id) => referencesModelMap.get(id));
-                const bibliographyItems = (0, library_1.buildBibliographyItems)(filteredCitationNodes, (id) => referencesModelMap.get(id));
+                const citations = (0, library_1.buildCitations)(citationNodes, (id) => referencesModelMap.get(id));
+                const bibliographyItems = (0, library_1.buildBibliographyItems)(citationNodes, (id) => referencesModelMap.get(id));
                 return {
                     citationNodes,
                     citations,
@@ -43,16 +41,12 @@ exports.default = (props) => {
             apply(tr, value, oldState, newState) {
                 const referencesModelMap = (0, bibliography_utils_1.getReferencesModelMap)(newState.doc);
                 const citationNodes = (0, library_1.buildCitationNodes)(newState.doc, referencesModelMap);
-                const filteredCitationNodes = citationNodes.filter((node) => !(0, track_changes_utils_1.isDeleted)(node[0]) && !(0, track_changes_utils_1.isRejectedInsert)(node[0]));
-                const citations = (0, library_1.buildCitations)(filteredCitationNodes, (id) => referencesModelMap.get(id));
-                const bibliographyItems = (0, library_1.buildBibliographyItems)(filteredCitationNodes, (id) => referencesModelMap.get(id));
-                const meta = tr.getMeta(exports.bibliographyKey);
-                const triggerUpdate = meta && meta.triggerUpdate;
+                const citations = (0, library_1.buildCitations)(citationNodes, (id) => referencesModelMap.get(id));
+                const bibliographyItems = (0, library_1.buildBibliographyItems)(citationNodes, (id) => referencesModelMap.get(id));
                 return {
                     citationNodes,
                     citations,
                     bibliographyItems,
-                    triggerUpdate,
                 };
             },
         },
@@ -80,9 +74,6 @@ exports.default = (props) => {
                 if (selection instanceof prosemirror_state_1.NodeSelection) {
                     tr.setSelection(prosemirror_state_1.NodeSelection.create(tr.doc, selection.from));
                 }
-                tr.setMeta(exports.bibliographyKey, {
-                    triggerUpdate: true,
-                });
                 tr.setMeta('origin', exports.bibliographyKey);
                 return tr;
             }
@@ -92,8 +83,8 @@ exports.default = (props) => {
         },
         props: {
             decorations(state) {
-                const { citationNodes, triggerUpdate } = exports.bibliographyKey.getState(state);
-                return prosemirror_view_1.DecorationSet.create(state.doc, (0, bibliography_utils_1.buildDecorations)(state.doc, citationNodes, props.popper, (0, bibliography_utils_1.getReferencesModelMap)(state.doc), triggerUpdate));
+                const { citationNodes } = exports.bibliographyKey.getState(state);
+                return prosemirror_view_1.DecorationSet.create(state.doc, (0, bibliography_utils_1.buildDecorations)(state.doc, citationNodes, props.popper, (0, bibliography_utils_1.getReferencesModelMap)(state.doc)));
             },
         },
     });

package/dist/cjs/plugins/tracking-mark.js

@@ -41,17 +41,17 @@ const buildDecorations = (state) => {
         if (change.type === 'node-attr-change' &&
             change.dataTracked.status === track_changes_plugin_1.CHANGE_STATUS.pending &&
             change.dataTracked.operation === track_changes_plugin_1.CHANGE_OPERATION.set_node_attributes) {
-            decorations.push(prosemirror_view_1.Decoration.widget(change.from + 1, (0, exports.getAttrsTrackingButton)(change.id), {
+            decorations.push(prosemirror_view_1.Decoration.widget(change.from + 1, (0, exports.getAttrsTrackingButton)(change), {
                 key: change.id,
             }));
         }
     });
     return decorations;
 };
-const getAttrsTrackingButton = (changeID) => {
+const getAttrsTrackingButton = (change) => {
     const el = document.createElement('button');
     el.className = 'attrs-popper-button';
-    el.value = changeID;
+    el.value = change.id;
     el.innerHTML = editIcon;
     return el;
 };

package/dist/cjs/views/bibliography_element.js

@@ -14,160 +14,25 @@
  * 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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BibliographyElementBlockView = void 0;
-const library_1 = require("@manuscripts/library");
-const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
-const transform_1 = require("@manuscripts/transform");
-const react_1 = __importDefault(require("react"));
-const assets_1 = require("../assets");
-const dompurify_1 = require("../lib/dompurify");
-const bibliography_1 = require("../plugins/bibliography");
-const bibliography_utils_1 = require("../plugins/bibliography/bibliography-utils");
-const comment_annotation_1 = require("../plugins/comment_annotation");
-const tracking_mark_1 = require("../plugins/tracking-mark");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./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 library_1.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 (0, dompurify_1.sanitize)(`<div class="contents">${bibliographyFragment}</div>`);
-});
 class BibliographyElementBlockView extends block_view_1.default {
     constructor() {
         super(...arguments);
-        this.showPopper = (referenceID) => {
-            const { renderReactComponent, components: { ReferencesEditor }, } = this.props;
-            const handleSave = (data) => __awaiter(this, void 0, void 0, function* () {
-                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 = 'references';
-            }
-            renderReactComponent(react_1.default.createElement(ReferencesEditor, { saveModel: handleSave, deleteModel: this.deleteNode, modelMap: (0, bibliography_utils_1.getReferencesModelMap)(this.view.state.doc, true), 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 = bibliography_1.bibliographyKey.getState(this.view.state).bibliographyItems;
-            const commentsDecorationSet = comment_annotation_1.commentAnnotation.getState(this.view.state);
-            const commentElementMap = new Map();
-            const dataTrackedMap = new Map();
-            this.node.descendants((node, pos) => {
-                if (commentsDecorationSet) {
-                    const nodePosition = this.getPos() + pos + 2;
-                    const commentWidget = commentsDecorationSet.find(nodePosition, nodePosition);
-                    if (commentWidget.length) {
-                        const commentElement = commentWidget[0].type.toDOM();
-                        commentElementMap.set(commentElement.id, commentElement);
-                    }
-                }
-                const dataTracked = node.attrs.dataTracked;
-                if (dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.length) {
-                    const lastChange = dataTracked[dataTracked.length - 1];
-                    dataTrackedMap.set(node.attrs.id, lastChange);
-                }
-            });
-            const bibliographyFragment = yield createBibliography(bibliographyItems, this.props.cslProps);
-            const bibItems = bibliographyFragment.querySelectorAll('.bib-item');
-            bibItems.forEach((element) => {
-                const doubleButton = document.createElement('div');
-                const editButton = document.createElement('button');
-                const commentButton = document.createElement('button');
-                doubleButton.className = 'bibliography-double-button';
-                editButton.className = 'bibliography-edit-button';
-                commentButton.className = 'bibliography-comment-button';
-                commentButton.addEventListener('click', (e) => {
-                    e.preventDefault();
-                    this.props.setComment((0, transform_1.buildComment)(element.id));
-                });
-                editButton.addEventListener('click', (e) => {
-                    e.preventDefault();
-                    this.showPopper(element.id);
-                    this.popperContainer = undefined;
-                });
-                editButton.innerHTML = assets_1.editIcon;
-                commentButton.innerHTML = assets_1.commentIcon;
-                doubleButton.append(editButton, commentButton);
-                if (this.props.getCapabilities().seeReferencesButtons &&
-                    !element.querySelector('.bibliography-double-button')) {
-                    element.appendChild(doubleButton);
-                }
-                editButton.disabled = !this.props.getCapabilities().editCitationsAndRefs;
-                const commentElement = commentElementMap.get(element.id);
-                if (commentElement) {
-                    element.childNodes[0].appendChild(commentElement);
-                }
-                const dataTracked = dataTrackedMap.get(element.id);
-                if (dataTracked) {
-                    element.classList.add('attrs-track-mark');
-                    const decoration = (0, tracking_mark_1.getMarkDecoration)(dataTracked);
-                    decoration.style && element.setAttribute('style', decoration.style);
-                    if (dataTracked.status === track_changes_plugin_1.CHANGE_STATUS.pending &&
-                        dataTracked.operation === track_changes_plugin_1.CHANGE_OPERATION.set_node_attributes) {
-                        element.childNodes[0].appendChild((0, tracking_mark_1.getAttrsTrackingButton)(dataTracked.id));
-                    }
-                }
-            });
-            const oldContent = this.container.querySelector('.contents');
-            if (oldContent) {
-                this.container.replaceChild(bibliographyFragment, oldContent);
-            }
-            else {
-                this.container.appendChild(bibliographyFragment);
-            }
-        });
         this.createElement = () => {
-            this.container = document.createElement('div');
-            this.container.classList.add('block');
-            this.container.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.hidden = true;
-            this.container.appendChild(this.contentDOM);
+            this.contentDOM.setAttribute('contenteditable', 'false');
+            this.dom.setAttribute('contenteditable', 'false');
+            this.dom.appendChild(this.contentDOM);
         };
     }
 }

package/dist/cjs/views/block_view.js

@@ -34,6 +34,7 @@ class BlockView extends base_node_view_1.BaseNodeView {
         this.updateContents = () => {
             this.updateClasses();
             this.updateAttributes();
+            this.onUpdateContent();
         };
         this.updateClasses = () => {
             if (!this.contentDOM) {
@@ -89,5 +90,8 @@ class BlockView extends base_node_view_1.BaseNodeView {
         this.gutterButtons = () => [];
         this.actionGutterButtons = () => [];
     }
+    onUpdateContent() {
+        return;
+    }
 }
 exports.default = BlockView;

package/dist/cjs/views/citation.js

@@ -119,7 +119,7 @@ class CitationView extends base_node_view_1.BaseNodeView {
             const citeprocContent = citeprocCitations === null || citeprocCitations === void 0 ? void 0 : citeprocCitations.get(this.node.attrs.rid);
             const fragment = (0, dompurify_1.sanitize)(citeprocContent && citeprocContent !== '[NO_PRINTED_FORM]'
                 ? citeprocContent
-                : ' ', {
+                : this.node.attrs.contents, {
                 ALLOWED_TAGS: ['i', 'b', 'span', 'sup', 'sub', '#text'],
             });
             citationElement.appendChild(fragment);

package/dist/cjs/views/citation_editable.js

@@ -48,6 +48,10 @@ const bibliography_1 = require("../plugins/bibliography");
 const bibliography_utils_1 = require("../plugins/bibliography/bibliography-utils");
 const citation_1 = require("./citation");
 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('Bibliography')),
+    transform_1.schema.nodes.bibliography_element.create({}, bibItem ? [bibItem] : []),
+]);
 class CitationEditableView extends citation_1.CitationView {
     constructor() {
         super(...arguments);
@@ -185,13 +189,27 @@ class CitationEditableView extends citation_1.CitationView {
     insertBibliographyNode(view, item) {
         const { doc, tr } = view.state;
         const { DOI: doi, ['container-title']: containerTitle } = item, restAttr = __rest(item, ["DOI", 'container-title']);
-        doc.descendants((node, pos) => {
+        let bibElement = null;
+        let pos = null;
+        doc.descendants((node, nodePos) => {
             if (node.type === transform_1.schema.nodes.bibliography_element) {
-                view.dispatch(tr.insert(pos + 1, transform_1.schema.nodes.bibliography_item.create(Object.assign({ id: item._id, doi,
-                    containerTitle }, restAttr))));
-                return false;
+                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);
+        }
+        else {
+            newTr = tr
+                .insert(tr.doc.content.size, createBibliographySection(bibItem))
+                .setMeta(bibliography_1.bibliographyKey, { bibliographyInserted: true });
+        }
+        view.dispatch(newTr);
+        return false;
     }
 }
 exports.CitationEditableView = CitationEditableView;

package/dist/cjs/views/footnotes_element.js

@@ -25,6 +25,15 @@ class FootnotesElementView extends block_view_1.default {
     constructor() {
         super(...arguments);
         this.elementType = 'div';
+        this.checkEditability = () => {
+            var _a, _b;
+            const editable = this.node.childCount ? 'true' : 'false';
+            (_a = this.contentDOM) === null || _a === void 0 ? void 0 : _a.setAttribute('contenteditable', editable);
+            (_b = this.dom) === null || _b === void 0 ? void 0 : _b.setAttribute('contenteditable', editable);
+        };
+    }
+    onUpdateContent() {
+        this.checkEditability();
     }
 }
 exports.FootnotesElementView = FootnotesElementView;

package/dist/es/commands.js

@@ -219,9 +219,6 @@ export const insertLink = (state, dispatch) => {
     }
     return true;
 };
-const needsBibliography = (state) => !bibliographyKey.getState(state).citations.length &&
-    !getChildOfType(state.tr.doc, state.schema.nodes.bibliography_section);
-const createBibliographySection = (state) => state.schema.nodes.bibliography_section.createAndFill({}, state.schema.nodes.section_title.create({}, state.schema.text('Bibliography')));
 export const insertInlineCitation = (state, dispatch, view, embeddedCitationItems = []) => {
     const citation = buildCitation(state.selection.$anchor.parent.attrs.id, embeddedCitationItems);
     const node = state.schema.nodes.citation.create({
@@ -232,9 +229,6 @@ export const insertInlineCitation = (state, dispatch, view, embeddedCitationItem
     const pos = state.selection.to;
     const { tr } = state;
     tr.insert(pos, node);
-    if (needsBibliography(state)) {
-        tr.insert(tr.doc.content.size, createBibliographySection(state)).setMeta(bibliographyKey, { bibliographyInserted: true });
-    }
     if (dispatch) {
         const selection = NodeSelection.create(tr.doc, pos);
         dispatch(tr.setSelection(selection).scrollIntoView());

package/dist/es/lib/utils.js

@@ -26,8 +26,8 @@ export function* iterateChildren(node, recurse = false) {
         }
     }
 }
-export const getMatchingChild = (parent, matcher) => {
-    for (const node of iterateChildren(parent)) {
+export const getMatchingChild = (parent, matcher, deep = false) => {
+    for (const node of iterateChildren(parent, deep)) {
         if (matcher(node)) {
             return node;
         }
@@ -40,7 +40,7 @@ export const getMatchingDescendant = (parent, matcher) => {
         }
     }
 };
-export const getChildOfType = (parent, nodeType) => !!getMatchingChild(parent, (node) => node.type === nodeType);
+export const getChildOfType = (parent, nodeType, deep = false) => !!getMatchingChild(parent, (node) => node.type.name === nodeType.name, deep);
 export const findParentNodeWithId = findParentNode((node) => 'id' in node.attrs);
 export const findParentNodeWithIdValue = findParentNode((node) => node.attrs.id);
 export const findParentSection = findParentNode((node) => isSectionNodeType(node.type));

package/dist/es/plugins/bibliography/bibliography-utils.js

@@ -30,7 +30,7 @@ import { schema } from '@manuscripts/transform';
 import { pickBy } from 'lodash-es';
 import { Decoration } from 'prosemirror-view';
 export const isBibliographyElement = (node) => node.type === node.type.schema.nodes.bibliography_element;
-export const buildDecorations = (doc, citationNodes, popper, referencesModelMap, triggerUpdate) => {
+export const buildDecorations = (doc, citationNodes, popper, referencesModelMap) => {
     const decorations = [];
     let hasMissingItems = false;
     for (const [node, pos, citation] of citationNodes) {
@@ -68,15 +68,6 @@ export const buildDecorations = (doc, citationNodes, popper, referencesModelMap,
             }
         });
     }
-    if (triggerUpdate) {
-        doc.descendants((node, pos) => {
-            if (isBibliographyElement(node)) {
-                decorations.push(Decoration.node(pos, pos + node.nodeSize, {}, {
-                    triggerUpdate: true,
-                }));
-            }
-        });
-    }
     return decorations;
 };
 const cleanData = (model) => pickBy(model, (value) => value !== undefined);

package/dist/es/plugins/bibliography/index.js

@@ -17,7 +17,6 @@ import { buildBibliographyItems, buildCitationNodes, buildCitations, CitationPro
 import { isEqual } from 'lodash-es';
 import { NodeSelection, Plugin, PluginKey } from 'prosemirror-state';
 import { DecorationSet } from 'prosemirror-view';
-import { isDeleted, isRejectedInsert } from '../../lib/track-changes-utils';
 import { buildDecorations, getReferencesModelMap } from './bibliography-utils';
 export const bibliographyKey = new PluginKey('bibliography');
 export default (props) => {
@@ -28,9 +27,8 @@ export default (props) => {
             init(config, instance) {
                 const referencesModelMap = getReferencesModelMap(instance.doc);
                 const citationNodes = buildCitationNodes(instance.doc, referencesModelMap);
-                const filteredCitationNodes = citationNodes.filter((node) => !isDeleted(node[0]) && !isRejectedInsert(node[0]));
-                const citations = buildCitations(filteredCitationNodes, (id) => referencesModelMap.get(id));
-                const bibliographyItems = buildBibliographyItems(filteredCitationNodes, (id) => referencesModelMap.get(id));
+                const citations = buildCitations(citationNodes, (id) => referencesModelMap.get(id));
+                const bibliographyItems = buildBibliographyItems(citationNodes, (id) => referencesModelMap.get(id));
                 return {
                     citationNodes,
                     citations,
@@ -40,16 +38,12 @@ export default (props) => {
             apply(tr, value, oldState, newState) {
                 const referencesModelMap = getReferencesModelMap(newState.doc);
                 const citationNodes = buildCitationNodes(newState.doc, referencesModelMap);
-                const filteredCitationNodes = citationNodes.filter((node) => !isDeleted(node[0]) && !isRejectedInsert(node[0]));
-                const citations = buildCitations(filteredCitationNodes, (id) => referencesModelMap.get(id));
-                const bibliographyItems = buildBibliographyItems(filteredCitationNodes, (id) => referencesModelMap.get(id));
-                const meta = tr.getMeta(bibliographyKey);
-                const triggerUpdate = meta && meta.triggerUpdate;
+                const citations = buildCitations(citationNodes, (id) => referencesModelMap.get(id));
+                const bibliographyItems = buildBibliographyItems(citationNodes, (id) => referencesModelMap.get(id));
                 return {
                     citationNodes,
                     citations,
                     bibliographyItems,
-                    triggerUpdate,
                 };
             },
         },
@@ -77,9 +71,6 @@ export default (props) => {
                 if (selection instanceof NodeSelection) {
                     tr.setSelection(NodeSelection.create(tr.doc, selection.from));
                 }
-                tr.setMeta(bibliographyKey, {
-                    triggerUpdate: true,
-                });
                 tr.setMeta('origin', bibliographyKey);
                 return tr;
             }
@@ -89,8 +80,8 @@ export default (props) => {
         },
         props: {
             decorations(state) {
-                const { citationNodes, triggerUpdate } = bibliographyKey.getState(state);
-                return DecorationSet.create(state.doc, buildDecorations(state.doc, citationNodes, props.popper, getReferencesModelMap(state.doc), triggerUpdate));
+                const { citationNodes } = bibliographyKey.getState(state);
+                return DecorationSet.create(state.doc, buildDecorations(state.doc, citationNodes, props.popper, getReferencesModelMap(state.doc)));
             },
         },
     });

package/dist/es/plugins/tracking-mark.js

@@ -38,17 +38,17 @@ const buildDecorations = (state) => {
         if (change.type === 'node-attr-change' &&
             change.dataTracked.status === CHANGE_STATUS.pending &&
             change.dataTracked.operation === CHANGE_OPERATION.set_node_attributes) {
-            decorations.push(Decoration.widget(change.from + 1, getAttrsTrackingButton(change.id), {
+            decorations.push(Decoration.widget(change.from + 1, getAttrsTrackingButton(change), {
                 key: change.id,
             }));
         }
     });
     return decorations;
 };
-export const getAttrsTrackingButton = (changeID) => {
+export const getAttrsTrackingButton = (change) => {
     const el = document.createElement('button');
     el.className = 'attrs-popper-button';
-    el.value = changeID;
+    el.value = change.id;
     el.innerHTML = editIcon;
     return el;
 };

package/dist/es/views/bibliography_element.js

@@ -13,155 +13,20 @@
  * 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 { 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 { 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.showPopper = (referenceID) => {
-            const { renderReactComponent, components: { ReferencesEditor }, } = this.props;
-            const handleSave = (data) => __awaiter(this, void 0, void 0, function* () {
-                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 = 'references';
-            }
-            renderReactComponent(React.createElement(ReferencesEditor, { saveModel: handleSave, deleteModel: this.deleteNode, modelMap: getReferencesModelMap(this.view.state.doc, true), 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 commentsDecorationSet = commentAnnotation.getState(this.view.state);
-            const commentElementMap = new Map();
-            const dataTrackedMap = new Map();
-            this.node.descendants((node, pos) => {
-                if (commentsDecorationSet) {
-                    const nodePosition = this.getPos() + pos + 2;
-                    const commentWidget = commentsDecorationSet.find(nodePosition, nodePosition);
-                    if (commentWidget.length) {
-                        const commentElement = commentWidget[0].type.toDOM();
-                        commentElementMap.set(commentElement.id, commentElement);
-                    }
-                }
-                const dataTracked = node.attrs.dataTracked;
-                if (dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.length) {
-                    const lastChange = dataTracked[dataTracked.length - 1];
-                    dataTrackedMap.set(node.attrs.id, lastChange);
-                }
-            });
-            const bibliographyFragment = yield createBibliography(bibliographyItems, this.props.cslProps);
-            const bibItems = bibliographyFragment.querySelectorAll('.bib-item');
-            bibItems.forEach((element) => {
-                const doubleButton = document.createElement('div');
-                const editButton = document.createElement('button');
-                const commentButton = document.createElement('button');
-                doubleButton.className = 'bibliography-double-button';
-                editButton.className = 'bibliography-edit-button';
-                commentButton.className = 'bibliography-comment-button';
-                commentButton.addEventListener('click', (e) => {
-                    e.preventDefault();
-                    this.props.setComment(buildComment(element.id));
-                });
-                editButton.addEventListener('click', (e) => {
-                    e.preventDefault();
-                    this.showPopper(element.id);
-                    this.popperContainer = undefined;
-                });
-                editButton.innerHTML = editIcon;
-                commentButton.innerHTML = commentIcon;
-                doubleButton.append(editButton, commentButton);
-                if (this.props.getCapabilities().seeReferencesButtons &&
-                    !element.querySelector('.bibliography-double-button')) {
-                    element.appendChild(doubleButton);
-                }
-                editButton.disabled = !this.props.getCapabilities().editCitationsAndRefs;
-                const commentElement = commentElementMap.get(element.id);
-                if (commentElement) {
-                    element.childNodes[0].appendChild(commentElement);
-                }
-                const dataTracked = dataTrackedMap.get(element.id);
-                if (dataTracked) {
-                    element.classList.add('attrs-track-mark');
-                    const decoration = getMarkDecoration(dataTracked);
-                    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));
-                    }
-                }
-            });
-            const oldContent = this.container.querySelector('.contents');
-            if (oldContent) {
-                this.container.replaceChild(bibliographyFragment, oldContent);
-            }
-            else {
-                this.container.appendChild(bibliographyFragment);
-            }
-        });
         this.createElement = () => {
-            this.container = document.createElement('div');
-            this.container.classList.add('block');
-            this.container.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.hidden = true;
-            this.container.appendChild(this.contentDOM);
+            this.contentDOM.setAttribute('contenteditable', 'false');
+            this.dom.setAttribute('contenteditable', 'false');
+            this.dom.appendChild(this.contentDOM);
         };
     }
 }

package/dist/es/views/block_view.js

@@ -32,6 +32,7 @@ export default class BlockView extends BaseNodeView {
         this.updateContents = () => {
             this.updateClasses();
             this.updateAttributes();
+            this.onUpdateContent();
         };
         this.updateClasses = () => {
             if (!this.contentDOM) {
@@ -87,4 +88,7 @@ export default class BlockView extends BaseNodeView {
         this.gutterButtons = () => [];
         this.actionGutterButtons = () => [];
     }
+    onUpdateContent() {
+        return;
+    }
 }

package/dist/es/views/citation.js

@@ -90,7 +90,7 @@ export class CitationView extends BaseNodeView {
             const citeprocContent = citeprocCitations === null || citeprocCitations === void 0 ? void 0 : citeprocCitations.get(this.node.attrs.rid);
             const fragment = sanitize(citeprocContent && citeprocContent !== '[NO_PRINTED_FORM]'
                 ? citeprocContent
-                : ' ', {
+                : this.node.attrs.contents, {
                 ALLOWED_TAGS: ['i', 'b', 'span', 'sup', 'sub', '#text'],
             });
             citationElement.appendChild(fragment);

package/dist/es/views/citation_editable.js

@@ -42,6 +42,10 @@ import { bibliographyKey } from '../plugins/bibliography';
 import { getReferencesModelMap } from '../plugins/bibliography/bibliography-utils';
 import { CitationView } from './citation';
 import { createEditableNodeView } from './creators';
+const createBibliographySection = (bibItem) => schema.nodes.bibliography_section.createAndFill({}, [
+    schema.nodes.section_title.create({}, schema.text('Bibliography')),
+    schema.nodes.bibliography_element.create({}, bibItem ? [bibItem] : []),
+]);
 export class CitationEditableView extends CitationView {
     constructor() {
         super(...arguments);
@@ -179,13 +183,27 @@ export class CitationEditableView extends CitationView {
     insertBibliographyNode(view, item) {
         const { doc, tr } = view.state;
         const { DOI: doi, ['container-title']: containerTitle } = item, restAttr = __rest(item, ["DOI", 'container-title']);
-        doc.descendants((node, pos) => {
+        let bibElement = null;
+        let pos = null;
+        doc.descendants((node, nodePos) => {
             if (node.type === schema.nodes.bibliography_element) {
-                view.dispatch(tr.insert(pos + 1, schema.nodes.bibliography_item.create(Object.assign({ id: item._id, doi,
-                    containerTitle }, restAttr))));
-                return false;
+                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);
+        }
+        else {
+            newTr = tr
+                .insert(tr.doc.content.size, createBibliographySection(bibItem))
+                .setMeta(bibliographyKey, { bibliographyInserted: true });
+        }
+        view.dispatch(newTr);
+        return false;
     }
 }
 export default createEditableNodeView(CitationEditableView);

package/dist/es/views/footnotes_element.js

@@ -19,6 +19,15 @@ export class FootnotesElementView extends BlockView {
     constructor() {
         super(...arguments);
         this.elementType = 'div';
+        this.checkEditability = () => {
+            var _a, _b;
+            const editable = this.node.childCount ? 'true' : 'false';
+            (_a = this.contentDOM) === null || _a === void 0 ? void 0 : _a.setAttribute('contenteditable', editable);
+            (_b = this.dom) === null || _b === void 0 ? void 0 : _b.setAttribute('contenteditable', editable);
+        };
+    }
+    onUpdateContent() {
+        this.checkEditability();
     }
 }
 export default createNodeOrElementView(FootnotesElementView, 'div');

package/dist/types/configs/editor-views.d.ts

@@ -38,6 +38,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;
@@ -75,6 +76,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;
@@ -112,6 +114,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;
@@ -152,6 +155,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;
@@ -190,6 +194,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;
@@ -227,6 +232,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;
@@ -271,6 +277,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;
@@ -308,6 +315,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;
@@ -345,6 +353,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;
@@ -383,6 +392,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;
@@ -420,6 +430,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;
@@ -457,6 +468,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;
@@ -495,6 +507,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;
@@ -532,6 +545,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;

package/dist/types/lib/utils.d.ts

@@ -16,9 +16,9 @@
 import { ManuscriptNode, ManuscriptNodeType } from '@manuscripts/transform';
 import { Selection } from 'prosemirror-state';
 export declare function iterateChildren(node: ManuscriptNode, recurse?: boolean): Iterable<ManuscriptNode>;
-export declare const getMatchingChild: (parent: ManuscriptNode, matcher: (node: ManuscriptNode) => boolean) => ManuscriptNode | undefined;
+export declare const getMatchingChild: (parent: ManuscriptNode, matcher: (node: ManuscriptNode) => boolean, deep?: boolean) => ManuscriptNode | undefined;
 export declare const getMatchingDescendant: (parent: ManuscriptNode, matcher: (node: ManuscriptNode) => boolean) => ManuscriptNode | undefined;
-export declare const getChildOfType: (parent: ManuscriptNode, nodeType: ManuscriptNodeType) => boolean;
+export declare const getChildOfType: (parent: ManuscriptNode, nodeType: ManuscriptNodeType, deep?: boolean) => boolean;
 export declare const findParentNodeWithId: (selection: Selection) => import("prosemirror-utils").ContentNodeWithPos | undefined;
 export declare const findParentNodeWithIdValue: (selection: Selection) => import("prosemirror-utils").ContentNodeWithPos | undefined;
 export declare const findParentSection: (selection: Selection) => import("prosemirror-utils").ContentNodeWithPos | undefined;

package/dist/types/plugins/bibliography/bibliography-utils.d.ts

@@ -19,6 +19,6 @@ import { ManuscriptNode } from '@manuscripts/transform';
 import { Decoration } from 'prosemirror-view';
 import { PopperManager } from '../../lib/popper';
 export declare const isBibliographyElement: (node: ManuscriptNode) => boolean;
-export declare const buildDecorations: (doc: ManuscriptNode, citationNodes: CitationNodes, popper: PopperManager, referencesModelMap: Map<string, Model>, triggerUpdate?: boolean) => Decoration[];
+export declare const buildDecorations: (doc: ManuscriptNode, citationNodes: CitationNodes, popper: PopperManager, referencesModelMap: Map<string, Model>) => Decoration[];
 export declare const getNodeModel: <T extends Model>(node: ManuscriptNode, excludeDeletedNode?: boolean) => T | undefined;
 export declare const getReferencesModelMap: (doc: ManuscriptNode, excludeDeletedNode?: boolean) => Map<string, Model>;

package/dist/types/plugins/bibliography/types.d.ts

@@ -29,7 +29,6 @@ export interface PluginState {
     citationNodes: CitationNodes;
     citations: CiteProcCitation[];
     bibliographyItems: BibliographyItem[];
-    triggerUpdate?: boolean;
 }
 export interface BibliographyProps {
     getCitationProvider: () => CitationProvider | undefined;

package/dist/types/plugins/tracking-mark.d.ts

@@ -1,7 +1,7 @@
-import { TrackedAttrs } from '@manuscripts/track-changes-plugin';
+import { NodeAttrChange, TrackedAttrs } from '@manuscripts/track-changes-plugin';
 import { Plugin } from 'prosemirror-state';
 import { DecorationAttrs, DecorationSet } from 'prosemirror-view';
 declare const _default: () => Plugin<DecorationSet>;
 export default _default;
-export declare const getAttrsTrackingButton: (changeID: string) => HTMLButtonElement;
+export declare const getAttrsTrackingButton: (change: NodeAttrChange) => HTMLButtonElement;
 export declare const getMarkDecoration: (dataTracked: TrackedAttrs, htmlNode?: HTMLElement) => DecorationAttrs;

package/dist/types/views/bibliography_element.d.ts

@@ -13,22 +13,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { CommentAnnotation } from '@manuscripts/json-schema';
-import React from 'react';
 import { BaseNodeProps } from './base_node_view';
 import BlockView from './block_view';
-import { EditableBlockProps } from './editable_block';
-interface BibliographyElementViewProps extends BaseNodeProps {
-    setComment: (comment?: CommentAnnotation) => void;
-    components: Record<string, React.ComponentType<any>>;
-}
-export declare class BibliographyElementBlockView<PropsType extends BibliographyElementViewProps & EditableBlockProps> extends BlockView<PropsType> {
-    container: HTMLElement;
-    popperContainer?: HTMLDivElement;
-    showPopper: (referenceID: string) => void;
+export declare class BibliographyElementBlockView<PropsType extends BaseNodeProps> extends BlockView<PropsType> {
     stopEvent: () => boolean;
     ignoreMutation: () => boolean;
-    updateContents: () => Promise<void>;
     createElement: () => void;
 }
 declare const _default: (props: BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<BibliographyElementBlockView<any>>;

package/dist/types/views/bibliography_element_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./editable_block").EditableBlockProps, d
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/block_view.d.ts

@@ -23,6 +23,7 @@ export default class BlockView<T extends BaseNodeProps> extends BaseNodeView<T>
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/blockquote_element_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./base_node_view").BaseNodeProps) => imp
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/bullet_list_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./base_node_view").BaseNodeProps) => imp
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/editable_block.d.ts

@@ -45,6 +45,7 @@ export declare const EditableBlock: <T extends Constructor<BlockView<EditableBlo
         };
         initialise: () => void;
         updateContents: () => void;
+        onUpdateContent(): void;
         updateClasses: () => void;
         updateAttributes: () => void;
         createElement: () => void;

package/dist/types/views/equation_element_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./editable_block").EditableBlockProps, d
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/figure_element_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./editable_block").EditableBlockProps, d
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/footnote_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./base_node_view").BaseNodeProps) => imp
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/footnotes_element.d.ts

@@ -17,6 +17,8 @@ import { BaseNodeProps } from './base_node_view';
 import BlockView from './block_view';
 export declare class FootnotesElementView<PropsType extends BaseNodeProps> extends BlockView<PropsType> {
     elementType: string;
+    onUpdateContent(): void;
+    checkEditability: () => void;
 }
 declare const _default: (props: BaseNodeProps) => import("../types").NodeViewCreator<FootnotesElementView<any>>;
 export default _default;

package/dist/types/views/footnotes_element_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./base_node_view").BaseNodeProps) => imp
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/listing_element_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./editable_block").EditableBlockProps, d
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/ordered_list_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./base_node_view").BaseNodeProps) => imp
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/paragraph_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./base_node_view").BaseNodeProps) => imp
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/placeholder_element_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./editable_block").EditableBlockProps, d
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/pullquote_element_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./base_node_view").BaseNodeProps) => imp
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/section_title_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./editable_block").EditableBlockProps, d
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/table_element_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./editable_block").EditableBlockProps, d
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/dist/types/views/toc_element_editable.d.ts

@@ -28,6 +28,7 @@ declare const _default: (props: import("./editable_block").EditableBlockProps, d
     };
     initialise: () => void;
     updateContents: () => void;
+    onUpdateContent(): void;
     updateClasses: () => void;
     updateAttributes: () => void;
     createElement: () => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.5.7-LEAN-2055-0",
+  "version": "1.5.8",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -33,7 +33,7 @@
     "@manuscripts/style-guide": "^1.4.3",
     "@manuscripts/title-editor": "^1.1.0",
     "@manuscripts/track-changes-plugin": "^1.7.3",
-    "@manuscripts/transform": "1.5.2",
+    "@manuscripts/transform": "1.5.3",
     "astrocite-eutils": "^0.16.4",
     "axios": "^1.2.2",
     "codemirror": "^5.58.1",
@@ -144,4 +144,4 @@
   "resolutions": {
     "@types/react": "^17.0.2"
   }
-}
+}

package/styles/Editor.css

@@ -731,8 +731,12 @@
   text-align: center;
 }
 
+.ProseMirror .block {
+  counter-reset: bib_item;
+}
 
 .ProseMirror .bib-item {
+  counter-increment: bib_item;
   position: relative;
   margin-right: 40px;
 }
@@ -747,7 +751,11 @@
 
 .ProseMirror .csl-left-margin {
   padding-right: 1ch;
-  display: table-cell;
+  display: none;
+}
+
+.ProseMirror .csl-right-inline::before {
+  content: counter(bib_item) '. ';
 }
 
 .ProseMirror .csl-entry a {