@manuscripts/body-editor 1.6.13 → 1.6.14

package/dist/cjs/views/citation_editable.js

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

package/dist/cjs/views/cross_reference_editable.js

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

package/dist/cjs/views/link_editable.js

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

package/dist/es/citation-sources/crossref.js

@@ -13,66 +13,39 @@
  * 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());
-    });
-};
 import { convertCSLToBibliographyItem } from '@manuscripts/library';
+import { buildBibliographyItem } from '@manuscripts/transform';
 import axios from 'axios';
-const search = (query, rows, mailto, tokenSource) => __awaiter(void 0, void 0, void 0, function* () {
-    if (query.trim().match(/^10\.\S+\/\S+$/)) {
-        return searchByDOI(query.trim(), mailto);
-    }
-    const response = yield axios.get(`https://api.crossref.org/works?mailto=${mailto}`, {
+const search = (query, limit) => {
+    const controller = new AbortController();
+    const response = axios
+        .get(`https://api.crossref.org/works`, {
         params: {
             filter: 'type:journal-article',
             query,
-            rows,
+            rows: limit,
         },
-        cancelToken: tokenSource,
+        signal: controller.signal,
+    })
+        .then((r) => {
+        if (r.status !== 200) {
+            throw new Error('There was a problem searching for this query.');
+        }
+        const items = r.data.message.items;
+        const total = r.data.message['total-results'];
+        return {
+            items: items.map((i) => buildBibliographyItem(convertCSLToBibliographyItem(i))),
+            total,
+        };
     });
-    if (response.status !== 200) {
-        throw new Error('There was a problem searching for this query.');
-    }
-    const { message: { items, 'total-results': total }, } = response.data;
-    return {
-        items: items.map(convertCSLToBibliographyItem),
-        total,
-    };
-});
-const searchByDOI = (doi, mailto) => __awaiter(void 0, void 0, void 0, function* () {
-    const response = yield axios.get(`https://api.crossref.org/works/${encodeURIComponent(doi)}?mailto=${mailto}`);
-    if (response.status === 404) {
-        throw new Error('An item with this DOI could not be found.');
-    }
-    if (response.status !== 200) {
-        throw new Error('There was a problem searching for this DOI.');
-    }
-    const { message } = response.data;
-    const item = convertCSLToBibliographyItem(message);
     return {
-        items: [item],
-        total: 1,
+        response: response,
+        cancel: () => controller.abort(),
+        isCancelled: controller.signal.aborted,
     };
-});
-const fetch = (item) => __awaiter(void 0, void 0, void 0, function* () {
-    if (!item.DOI) {
-        throw new Error('The item does not have a DOI');
-    }
-    const response = yield axios.get(`https://api.crossref.org/works/${encodeURIComponent(item.DOI)}/transform/application/vnd.citationstyles.csl+json`, {
-        headers: {},
-    });
-    if (response.status === 404) {
-        throw new Error('An item with this DOI could not be found.');
-    }
-    if (response.status !== 200) {
-        throw new Error('There was a problem fetching this DOI.');
-    }
-    return convertCSLToBibliographyItem(response.data);
-});
-export const crossref = { fetch, search };
+};
+export const crossref = {
+    id: 'crossref',
+    label: 'External sources',
+    search,
+};

package/dist/es/commands.js

@@ -219,7 +219,7 @@ export const insertLink = (state, dispatch) => {
     }
     return true;
 };
-export const insertInlineCitation = (state, dispatch, view) => {
+export const insertInlineCitation = (state, dispatch) => {
     const node = state.schema.nodes.citation.create({
         id: generateID(ObjectTypes.Citation),
         rids: [],
@@ -374,10 +374,10 @@ export const insertList = (type, style) => (state, dispatch) => {
         return skipCommandTracking(command)(state, dispatch);
     }
 };
-export const insertBibliographySection = (state, dispatch) => {
+export const insertBibliographySection = () => {
     return false;
 };
-export const insertTOCSection = (state, dispatch) => {
+export const insertTOCSection = () => {
     return false;
 };
 export const ifInTableBody = (command) => (state) => {

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

@@ -47,11 +47,11 @@ import tocElement from '../views/toc_element_editable';
 export default (props, dispatch) => {
     return {
         title: title(props, dispatch),
-        bibliography_element: bibliographyElement(props),
+        bibliography_element: bibliographyElement(props, dispatch),
         blockquote_element: blockquoteElement(props),
         bullet_list: bulletList(props),
-        citation: citation(props),
-        cross_reference: crossReference(props),
+        citation: citation(props, dispatch),
+        cross_reference: crossReference(props, dispatch),
         contributors: contributorsSection(props, dispatch),
         equation: equation(props),
         equation_element: equationElement(props),
@@ -63,7 +63,7 @@ export default (props, dispatch) => {
         inline_footnote: inlineFootnote(props),
         keyword: keyword(props, dispatch),
         keyword_group: keywordGroup(props, dispatch),
-        link: link(props),
+        link: link(props, dispatch),
         listing: listing(props),
         listing_element: listingElement(props),
         ordered_list: orderedList(props),

package/dist/es/lib/array-reducer.js

@@ -0,0 +1,41 @@
+/*!
+ * © 2024 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export const arrayReducer = (isEqual = (a, b) => a === b) => {
+    return (state, action) => {
+        const handleUpdate = (state, items) => {
+            const copy = [...state];
+            items.forEach((item) => {
+                const index = copy.findIndex((i) => isEqual(item, i));
+                if (index >= 0) {
+                    copy[index] = item;
+                }
+                else {
+                    copy.push(item);
+                }
+            });
+            return copy;
+        };
+        const handleDelete = (state, item) => {
+            return state.filter((i) => !isEqual(item, i));
+        };
+        switch (action.type) {
+            case 'update':
+                return handleUpdate(state, action.items);
+            case 'delete':
+                return handleDelete(state, action.item);
+        }
+    };
+};

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

@@ -60,17 +60,27 @@ const buildBibliographyPluginState = (doc, csl, $old) => {
     if (!csl.style) {
         return $new;
     }
-    if ($old && isEqual(citations, $old.citations)) {
+    if ($old &&
+        isEqual(citations, $old.citations) &&
+        isEqual(modelMap, $old.bibliographyItems)) {
+        $new.citationCounts = $old.citationCounts;
         $new.provider = $old.provider;
         $new.renderedCitations = $old.renderedCitations;
     }
     else {
+        const citationCounts = new Map();
+        const rids = nodes.flatMap((e) => e[0].attrs.rids);
+        rids.forEach((rid) => {
+            const count = citationCounts.get(rid) || 0;
+            citationCounts.set(rid, count + 1);
+        });
         const provider = new CitationProvider({
             getLibraryItem: (id) => modelMap.get(id),
             citationStyle: csl.style || '',
             locale: csl.locale,
         });
         const citationTexts = provider.rebuildState(buildCitations(nodes));
+        $new.citationCounts = citationCounts;
         $new.provider = provider;
         $new.renderedCitations = new Map(citationTexts.map((i) => [i[0], i[2]]));
     }