@manuscripts/body-editor 2.8.21 → 2.8.23

package/dist/cjs/commands.js

@@ -38,6 +38,10 @@ const search_replace_1 = require("./plugins/search-replace");
 const autocompletion_1 = require("./plugins/section_title/autocompletion");
 const addToStart = (state, dispatch) => {
     const { selection } = state;
+    const props = (0, editor_props_1.getEditorProps)(state);
+    if (props.getCapabilities().editWithoutTracking) {
+        return false;
+    }
     if (!dispatch ||
         !(selection instanceof prosemirror_state_1.TextSelection) ||
         (selection.$from.node().type !== transform_1.schema.nodes.paragraph &&

package/dist/cjs/components/references/CitationEditor.js

@@ -33,6 +33,7 @@ const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const array_reducer_1 = require("../../lib/array-reducer");
 const CitationViewer_1 = require("./CitationViewer");
+const ImportBibliographyModal_1 = require("./ImportBibliographyModal");
 const ReferenceLine_1 = require("./ReferenceLine");
 const ReferenceSearch_1 = require("./ReferenceSearch");
 const ReferencesModal_1 = require("./ReferencesModal");
@@ -112,6 +113,7 @@ const CitationEditor = ({ query, rids: $rids, items: $items, citationCounts, sou
         show: false,
     });
     const [searching, setSearching] = (0, react_1.useState)(false);
+    const [importing, setImporting] = (0, react_1.useState)(false);
     const handleAdd = () => {
         setSearching(false);
         const item = {
@@ -122,17 +124,32 @@ const CitationEditor = ({ query, rids: $rids, items: $items, citationCounts, sou
         handleCite([item]);
         setEditingForm({ show: true, item: item });
     };
+    const handleImport = () => {
+        setSearching(false);
+        setImporting(true);
+    };
+    const handleSaveImport = (data) => {
+        data.forEach((item) => {
+            const newItem = Object.assign({}, item);
+            newItem.id = (0, json_schema_1.generateID)(json_schema_1.ObjectTypes.BibliographyItem);
+            handleSave(newItem);
+            handleCite([newItem]);
+        });
+    };
     const cited = (0, react_1.useMemo)(() => {
         return rids.flatMap((rid) => items.filter((i) => i.id === rid));
     }, [rids, items]);
+    if (importing) {
+        return (react_1.default.createElement(ImportBibliographyModal_1.ImportBibliographyModal, { onCancel: () => setImporting(false), onSave: handleSaveImport }));
+    }
     if (searching) {
-        return (react_1.default.createElement(ReferenceSearch_1.ReferenceSearch, { sources: sources, items: items, onAdd: handleAdd, onCite: (items) => {
+        return (react_1.default.createElement(ReferenceSearch_1.ReferenceSearch, { sources: sources, items: items, onAdd: handleAdd, onImport: handleImport, onCite: (items) => {
                 setSearching(false);
                 handleCite(items);
             }, onCancel: () => setSearching(false) }));
     }
     if (!rids.length) {
-        return (react_1.default.createElement(ReferenceSearch_1.ReferenceSearch, { query: query, sources: sources, items: items, onAdd: handleAdd, onCite: handleCite, onCancel: onCancel }));
+        return (react_1.default.createElement(ReferenceSearch_1.ReferenceSearch, { query: query, sources: sources, items: items, onAdd: handleAdd, onImport: handleImport, onCite: handleCite, onCancel: onCancel }));
     }
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(style_guide_1.Dialog, { isOpen: deleteDialog.show, category: style_guide_1.Category.confirmation, header: "Remove cited item", message: "Are you sure you want to remove this cited item? It will still exist in the reference list.", actions: {

package/dist/cjs/components/references/ImportBibliographyForm.js

@@ -0,0 +1,194 @@
+"use strict";
+/*!
+ * © 2025 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.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImportBibliographyForm = void 0;
+const library_1 = require("@manuscripts/library");
+const style_guide_1 = require("@manuscripts/style-guide");
+const formik_1 = require("formik");
+const lodash_1 = require("lodash");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importStar(require("styled-components"));
+const ReferenceLine_1 = require("./ReferenceLine");
+const ImportBibliographyForm = ({ onCancel, onSave, }) => {
+    const [dragging, setDragging] = (0, react_1.useState)(false);
+    const formik = (0, formik_1.useFormik)({
+        initialValues: {
+            content: '',
+            err: '',
+            data: [],
+        },
+        onSubmit: (values, { setSubmitting }) => {
+            onSave(values.data);
+            setSubmitting(false);
+        },
+        onReset: onCancel,
+    });
+    const setDataField = (0, react_1.useCallback)((fileContent) => __awaiter(void 0, void 0, void 0, function* () {
+        const NO_CITATION = 'No citation available';
+        const ERROR_CITATION = 'Error generating citation';
+        try {
+            if (!fileContent.trim()) {
+                formik.setFieldValue('err', NO_CITATION);
+                formik.setFieldValue('data', []);
+                return;
+            }
+            const data = yield (0, library_1.transformBibliography)(fileContent.trim());
+            formik.setFieldValue('data', data ? data : []);
+            formik.setFieldValue('err', '');
+        }
+        catch (error) {
+            console.error('Citation generation error:', error);
+            formik.setFieldValue('err', ERROR_CITATION);
+            formik.setFieldValue('data', []);
+        }
+    }), []);
+    const debouncedGenerateData = (0, react_1.useMemo)(() => (0, lodash_1.debounce)(setDataField, 300), [setDataField]);
+    (0, react_1.useEffect)(() => {
+        debouncedGenerateData(formik.values.content);
+    }, [debouncedGenerateData, formik.values.content]);
+    const handleDrop = (event) => {
+        event.preventDefault();
+        setDragging(false);
+        const file = event.dataTransfer.files[0];
+        if (file) {
+            readFileContent(file);
+        }
+    };
+    const handleFileChange = (event) => {
+        var _a;
+        const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
+        if (file) {
+            readFileContent(file);
+        }
+    };
+    const readFileContent = (file) => {
+        const reader = new FileReader();
+        reader.onload = (e) => {
+            var _a;
+            if ((_a = e.target) === null || _a === void 0 ? void 0 : _a.result) {
+                formik.setFieldValue('content', e.target.result);
+            }
+        };
+        reader.readAsText(file);
+    };
+    return (react_1.default.createElement("form", { onSubmit: formik.handleSubmit, onReset: formik.handleReset },
+        react_1.default.createElement(DropContainer, { onDrop: handleDrop, onDragOver: (e) => {
+                e.preventDefault();
+                setDragging(true);
+            }, onDragLeave: () => setDragging(false), active: dragging },
+            react_1.default.createElement("input", { id: "file", name: "file", type: "file", onChange: handleFileChange, style: { display: 'none' } }),
+            react_1.default.createElement(Label, { htmlFor: "file" }, "Drag & Drop or Click here to upload a file.")),
+        react_1.default.createElement(LabelContainer, null,
+            react_1.default.createElement(Label, null, "Alternatively, you can directly Copy&Paste below, the text of the bibliography items.")),
+        react_1.default.createElement(style_guide_1.TextArea, { name: "content", rows: 6, value: formik.values.content, onChange: formik.handleChange }),
+        react_1.default.createElement(Preview, null,
+            formik.values.err,
+            formik.values.data.map((item) => (react_1.default.createElement(ReferenceLine_1.ReferenceLine, { item: item, key: item.id })))),
+        react_1.default.createElement(ButtonContainer, null,
+            react_1.default.createElement(style_guide_1.SecondaryButton, { type: "reset" }, "Cancel"),
+            react_1.default.createElement(style_guide_1.PrimaryButton, { type: "submit", disabled: !formik.dirty || formik.isSubmitting || !formik.values.data.length }, "Save"))));
+};
+exports.ImportBibliographyForm = ImportBibliographyForm;
+const Preview = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${(props) => 4 * props.theme.grid.unit}px;
+  min-height: 50px;
+  margin-top: ${(props) => 4 * props.theme.grid.unit}px;
+  margin-bottom: ${(props) => props.theme.grid.unit}px;
+`;
+const LabelContainer = styled_components_1.default.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: ${(props) => 4 * props.theme.grid.unit}px;
+  margin-bottom: ${(props) => props.theme.grid.unit}px;
+`;
+const Label = styled_components_1.default.label `
+  font-size: ${(props) => props.theme.font.size.normal};
+  line-height: ${(props) => props.theme.font.lineHeight.large};
+  font-family: ${(props) => props.theme.font.family.Lato};
+  display: block;
+  color: ${(props) => props.theme.colors.text.secondary};
+`;
+const ButtonContainer = styled_components_1.default.div `
+  display: flex;
+  justify-content: flex-end;
+  margin-top: ${(props) => 4 * props.theme.grid.unit}px;
+  gap: ${(props) => 2 * props.theme.grid.unit}px;
+`;
+const activeBoxStyle = (0, styled_components_1.css) `
+  background: #f2fbfc;
+  border: 1px dashed #bce7f6;
+`;
+const DropContainer = styled_components_1.default.div `
+  background: ${(props) => props.theme.colors.background.secondary};
+  border: 1px dashed ${(props) => props.theme.colors.border.secondary};
+  box-sizing: border-box;
+  border-radius: ${(props) => props.theme.grid.radius.default};
+  cursor: pointer;
+  ${({ active }) => active && activeBoxStyle};
+
+  &:hover {
+    ${activeBoxStyle}
+  }
+
+  & label {
+    width: 100%;
+    height: 80px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    font-size: ${(props) => props.theme.font.size.normal};
+    line-height: ${(props) => props.theme.font.lineHeight.large};
+    font-family: ${(props) => props.theme.font.family.Lato};
+    color: ${(props) => props.theme.colors.text.onLight};
+  }
+`;

package/dist/cjs/components/references/ImportBibliographyModal.js

@@ -0,0 +1,147 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImportBibliographyModal = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const ImportBibliographyForm_1 = require("./ImportBibliographyForm");
+const exampleBibtex = `@book{abramowitz+stegun,
+ author    = "Milton {Abramowitz} and Irene A. {Stegun}",
+ title     = "Handbook of Mathematical Functions with Formulas, Graphs, and Mathematical Tables",
+ publisher = "Dover",
+ year      =  1964,
+ address   = "New York City",
+ edition   = "ninth Dover printing, tenth GPO printing"
+}`;
+const examplePubmed = `Example Identifiers:
+pmid:17170128
+PMC1852221`;
+const exampleRis = `TY  - JOUR
+AU  - Shannon, Claude E.
+PY  - 1948
+DA  - July
+TI  - A Mathematical Theory of Communication
+T2  - Bell System Technical Journal
+SP  - 379
+EP  - 423
+VL  - 27
+ER  - `;
+const exampleEnw = `%0 Journal Article
+%D 2018
+%@ 0903-4641
+%A Abbassi-Daloii, Tooba
+%A Yousefi, Soheil
+%A Sekhavati, Mohammad Hadi
+%A Tahmoorespur, Mojtaba
+%J APMIS
+%N 1
+%P 65-75
+%T Impact of heat shock protein 60KD in combination with outer membrane proteins on immune response against Brucella melitensis
+%R https://doi.org/10.1111/apm.12778
+%U https://onlinelibrary.wiley.com/doi/abs/10.1111/apm.12778
+%V 126
+%X Lorem ipsum dolor sit amet`;
+const exampleDoi = `Example DOI Identifiers:
+10.1080/15588742.2015.1017684
+http://dx.doi.org/10.1080/15588742.2015.1017684`;
+const ImportBibliographyModal = ({ onCancel, onSave }) => {
+    const [isOpen, setOpen] = (0, react_1.useState)(true);
+    const handleCancel = () => {
+        handleClose();
+    };
+    const handleClose = () => setOpen(false);
+    const handleSave = (data) => {
+        onSave(data);
+        handleClose();
+    };
+    return (react_1.default.createElement(style_guide_1.StyledModal, { isOpen: isOpen, onRequestClose: onCancel },
+        react_1.default.createElement(style_guide_1.ModalContainer, { "data-cy": "import-bibliography-modal" },
+            react_1.default.createElement(style_guide_1.ModalHeader, null,
+                react_1.default.createElement(style_guide_1.CloseButton, { onClick: onCancel, "data-cy": "modal-close-button" })),
+            react_1.default.createElement(ModalBody, null,
+                react_1.default.createElement(ModalTitle, null, "Import Bibliography"),
+                react_1.default.createElement("p", null,
+                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "example_bibtex" }, "BibTex"),
+                    ",",
+                    ' ',
+                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "example_pubmed" }, "PubMed"),
+                    ",",
+                    ' ',
+                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "example_ris" }, "RIS"),
+                    ",",
+                    ' ',
+                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "example_enw" }, "ENW"),
+                    ' ',
+                    "and",
+                    ' ',
+                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "example_doi" }, "DOI"),
+                    ' ',
+                    "formats are supported"),
+                react_1.default.createElement(ImportBibliographyForm_1.ImportBibliographyForm, { onCancel: handleCancel, onSave: handleSave }),
+                react_1.default.createElement(Example, { id: "example_bibtex", place: "bottom" },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("pre", null, exampleBibtex))),
+                react_1.default.createElement(Example, { id: "example_pubmed", place: "bottom" },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("pre", null, examplePubmed))),
+                react_1.default.createElement(Example, { id: "example_ris", place: "bottom" },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("pre", null, exampleRis))),
+                react_1.default.createElement(Example, { id: "example_enw", place: "bottom" },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("pre", null, exampleEnw))),
+                react_1.default.createElement(Example, { id: "example_doi", place: "bottom" },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("pre", null, exampleDoi)))))));
+};
+exports.ImportBibliographyModal = ImportBibliographyModal;
+const ModalBody = styled_components_1.default.div `
+  box-sizing: border-box;
+  padding: ${(props) => 6 * props.theme.grid.unit}px;
+  background-color: ${(props) => props.theme.colors.background.primary};
+  width: 640px;
+  max-width: 60vw;
+  max-height: 80vh;
+`;
+const ModalTitle = styled_components_1.default.h2 `
+  font-family: ${(props) => props.theme.font.family.sans};
+  font-size: ${(props) => props.theme.font.size.medium};
+  font-weight: ${(props) => props.theme.font.weight.bold};
+  color: ${(props) => props.theme.colors.text.primary};
+  margin: 0;
+`;
+const SpanWithExample = styled_components_1.default.span `
+  text-decoration: underline dotted;
+  text-underline-offset: 4px;
+`;
+const Example = (0, styled_components_1.default)(style_guide_1.Tooltip) `
+  text-align: left !important;
+  max-width: 480px !important;
+  overflow: hidden !important;
+`;

package/dist/cjs/components/references/ReferenceSearch.js

@@ -79,7 +79,7 @@ const AddReferenceActions = (0, styled_components_1.default)(style_guide_1.Butto
     }
   }
 `;
-const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, onCite, onCancel }) => {
+const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, onImport, onCite, onCancel, }) => {
     const [query, setQuery] = (0, react_1.useState)(initialQuery || '');
     const [selections, setSelections] = (0, react_1.useState)(new Map());
     const toggleSelection = (item) => {
@@ -115,7 +115,10 @@ const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, onCite, o
             react_1.default.createElement(AddReferenceActions, null,
                 react_1.default.createElement(style_guide_1.IconTextButton, { onClick: onAdd },
                     react_1.default.createElement(style_guide_1.AddNewIcon, null),
-                    "Add new")),
+                    "Add new"),
+                react_1.default.createElement(style_guide_1.IconTextButton, { onClick: onImport },
+                    react_1.default.createElement(style_guide_1.UploadIcon, null),
+                    "Import new")),
             react_1.default.createElement(style_guide_1.ButtonGroup, null,
                 react_1.default.createElement(style_guide_1.SecondaryButton, { onClick: onCancel }, "Close"),
                 react_1.default.createElement(style_guide_1.PrimaryButton, { onClick: handleClick, disabled: selections.size === 0 }, "Cite")))));

package/dist/cjs/lib/files.js

@@ -53,14 +53,14 @@ const groupFiles = (doc, files) => {
             supplements.push({
                 node,
                 pos,
-                file: getFile(node.attrs.href)
+                file: getFile(node.attrs.href),
             });
         }
         if (node.type === transform_1.schema.nodes.attachment) {
             attachments.push({
                 node,
                 pos,
-                file: getFile(node.attrs.href)
+                file: getFile(node.attrs.href),
             });
         }
     });

package/dist/cjs/versions.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MATHJAX_VERSION = exports.VERSION = void 0;
-exports.VERSION = '2.8.21';
+exports.VERSION = '2.8.23';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/es/commands.js

@@ -23,7 +23,7 @@ import { addColumnAfter, addColumnBefore, addRow, selectedRect, } from 'prosemir
 import { findWrapping, liftTarget, ReplaceAroundStep, ReplaceStep, } from 'prosemirror-transform';
 import { findChildrenByType, findParentNodeOfType, findParentNodeOfTypeClosestToPos, flatten, hasParentNodeOfType, } from 'prosemirror-utils';
 import { getCommentKey, getCommentRange } from './lib/comments';
-import { findAbstractsNode, findBackmatter, findBibliographySection, findBody, insertAttachmentsNode, findFootnotesSection, insertAwardsNode, insertFootnotesSection, insertSupplementsNode, } from './lib/doc';
+import { findAbstractsNode, findBackmatter, findBibliographySection, findBody, findFootnotesSection, insertAttachmentsNode, insertAwardsNode, insertFootnotesSection, insertSupplementsNode, } from './lib/doc';
 import { createFootnote, findFootnotesContainerNode, getFootnotesElementState, } from './lib/footnotes';
 import { findWordBoundaries, isNodeOfType, nearestAncestor, } from './lib/helpers';
 import { isDeleted } from './lib/track-changes-utils';
@@ -34,6 +34,10 @@ import { searchReplaceKey } from './plugins/search-replace';
 import { checkForCompletion } from './plugins/section_title/autocompletion';
 export const addToStart = (state, dispatch) => {
     const { selection } = state;
+    const props = getEditorProps(state);
+    if (props.getCapabilities().editWithoutTracking) {
+        return false;
+    }
     if (!dispatch ||
         !(selection instanceof TextSelection) ||
         (selection.$from.node().type !== schema.nodes.paragraph &&

package/dist/es/components/references/CitationEditor.js

@@ -4,6 +4,7 @@ import React, { useMemo, useReducer, useState } from 'react';
 import styled from 'styled-components';
 import { arrayReducer, attrsReducer } from '../../lib/array-reducer';
 import { CitedItem, CitedItems } from './CitationViewer';
+import { ImportBibliographyModal } from './ImportBibliographyModal';
 import { ReferenceLine } from './ReferenceLine';
 import { ReferenceSearch } from './ReferenceSearch';
 import { ReferencesModal } from './ReferencesModal';
@@ -83,6 +84,7 @@ export const CitationEditor = ({ query, rids: $rids, items: $items, citationCoun
         show: false,
     });
     const [searching, setSearching] = useState(false);
+    const [importing, setImporting] = useState(false);
     const handleAdd = () => {
         setSearching(false);
         const item = {
@@ -93,17 +95,32 @@ export const CitationEditor = ({ query, rids: $rids, items: $items, citationCoun
         handleCite([item]);
         setEditingForm({ show: true, item: item });
     };
+    const handleImport = () => {
+        setSearching(false);
+        setImporting(true);
+    };
+    const handleSaveImport = (data) => {
+        data.forEach((item) => {
+            const newItem = Object.assign({}, item);
+            newItem.id = generateID(ObjectTypes.BibliographyItem);
+            handleSave(newItem);
+            handleCite([newItem]);
+        });
+    };
     const cited = useMemo(() => {
         return rids.flatMap((rid) => items.filter((i) => i.id === rid));
     }, [rids, items]);
+    if (importing) {
+        return (React.createElement(ImportBibliographyModal, { onCancel: () => setImporting(false), onSave: handleSaveImport }));
+    }
     if (searching) {
-        return (React.createElement(ReferenceSearch, { sources: sources, items: items, onAdd: handleAdd, onCite: (items) => {
+        return (React.createElement(ReferenceSearch, { sources: sources, items: items, onAdd: handleAdd, onImport: handleImport, onCite: (items) => {
                 setSearching(false);
                 handleCite(items);
             }, onCancel: () => setSearching(false) }));
     }
     if (!rids.length) {
-        return (React.createElement(ReferenceSearch, { query: query, sources: sources, items: items, onAdd: handleAdd, onCite: handleCite, onCancel: onCancel }));
+        return (React.createElement(ReferenceSearch, { query: query, sources: sources, items: items, onAdd: handleAdd, onImport: handleImport, onCite: handleCite, onCancel: onCancel }));
     }
     return (React.createElement(React.Fragment, null,
         React.createElement(Dialog, { isOpen: deleteDialog.show, category: Category.confirmation, header: "Remove cited item", message: "Are you sure you want to remove this cited item? It will still exist in the reference list.", actions: {

package/dist/es/components/references/ImportBibliographyForm.js

@@ -0,0 +1,167 @@
+/*!
+ * © 2025 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.
+ */
+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 { transformBibliography } from '@manuscripts/library';
+import { PrimaryButton, SecondaryButton, TextArea, } from '@manuscripts/style-guide';
+import { useFormik } from 'formik';
+import { debounce } from 'lodash';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import styled, { css } from 'styled-components';
+import { ReferenceLine } from './ReferenceLine';
+export const ImportBibliographyForm = ({ onCancel, onSave, }) => {
+    const [dragging, setDragging] = useState(false);
+    const formik = useFormik({
+        initialValues: {
+            content: '',
+            err: '',
+            data: [],
+        },
+        onSubmit: (values, { setSubmitting }) => {
+            onSave(values.data);
+            setSubmitting(false);
+        },
+        onReset: onCancel,
+    });
+    const setDataField = useCallback((fileContent) => __awaiter(void 0, void 0, void 0, function* () {
+        const NO_CITATION = 'No citation available';
+        const ERROR_CITATION = 'Error generating citation';
+        try {
+            if (!fileContent.trim()) {
+                formik.setFieldValue('err', NO_CITATION);
+                formik.setFieldValue('data', []);
+                return;
+            }
+            const data = yield transformBibliography(fileContent.trim());
+            formik.setFieldValue('data', data ? data : []);
+            formik.setFieldValue('err', '');
+        }
+        catch (error) {
+            console.error('Citation generation error:', error);
+            formik.setFieldValue('err', ERROR_CITATION);
+            formik.setFieldValue('data', []);
+        }
+    }), []);
+    const debouncedGenerateData = useMemo(() => debounce(setDataField, 300), [setDataField]);
+    useEffect(() => {
+        debouncedGenerateData(formik.values.content);
+    }, [debouncedGenerateData, formik.values.content]);
+    const handleDrop = (event) => {
+        event.preventDefault();
+        setDragging(false);
+        const file = event.dataTransfer.files[0];
+        if (file) {
+            readFileContent(file);
+        }
+    };
+    const handleFileChange = (event) => {
+        var _a;
+        const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
+        if (file) {
+            readFileContent(file);
+        }
+    };
+    const readFileContent = (file) => {
+        const reader = new FileReader();
+        reader.onload = (e) => {
+            var _a;
+            if ((_a = e.target) === null || _a === void 0 ? void 0 : _a.result) {
+                formik.setFieldValue('content', e.target.result);
+            }
+        };
+        reader.readAsText(file);
+    };
+    return (React.createElement("form", { onSubmit: formik.handleSubmit, onReset: formik.handleReset },
+        React.createElement(DropContainer, { onDrop: handleDrop, onDragOver: (e) => {
+                e.preventDefault();
+                setDragging(true);
+            }, onDragLeave: () => setDragging(false), active: dragging },
+            React.createElement("input", { id: "file", name: "file", type: "file", onChange: handleFileChange, style: { display: 'none' } }),
+            React.createElement(Label, { htmlFor: "file" }, "Drag & Drop or Click here to upload a file.")),
+        React.createElement(LabelContainer, null,
+            React.createElement(Label, null, "Alternatively, you can directly Copy&Paste below, the text of the bibliography items.")),
+        React.createElement(TextArea, { name: "content", rows: 6, value: formik.values.content, onChange: formik.handleChange }),
+        React.createElement(Preview, null,
+            formik.values.err,
+            formik.values.data.map((item) => (React.createElement(ReferenceLine, { item: item, key: item.id })))),
+        React.createElement(ButtonContainer, null,
+            React.createElement(SecondaryButton, { type: "reset" }, "Cancel"),
+            React.createElement(PrimaryButton, { type: "submit", disabled: !formik.dirty || formik.isSubmitting || !formik.values.data.length }, "Save"))));
+};
+const Preview = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${(props) => 4 * props.theme.grid.unit}px;
+  min-height: 50px;
+  margin-top: ${(props) => 4 * props.theme.grid.unit}px;
+  margin-bottom: ${(props) => props.theme.grid.unit}px;
+`;
+const LabelContainer = styled.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: ${(props) => 4 * props.theme.grid.unit}px;
+  margin-bottom: ${(props) => props.theme.grid.unit}px;
+`;
+const Label = styled.label `
+  font-size: ${(props) => props.theme.font.size.normal};
+  line-height: ${(props) => props.theme.font.lineHeight.large};
+  font-family: ${(props) => props.theme.font.family.Lato};
+  display: block;
+  color: ${(props) => props.theme.colors.text.secondary};
+`;
+const ButtonContainer = styled.div `
+  display: flex;
+  justify-content: flex-end;
+  margin-top: ${(props) => 4 * props.theme.grid.unit}px;
+  gap: ${(props) => 2 * props.theme.grid.unit}px;
+`;
+const activeBoxStyle = css `
+  background: #f2fbfc;
+  border: 1px dashed #bce7f6;
+`;
+const DropContainer = styled.div `
+  background: ${(props) => props.theme.colors.background.secondary};
+  border: 1px dashed ${(props) => props.theme.colors.border.secondary};
+  box-sizing: border-box;
+  border-radius: ${(props) => props.theme.grid.radius.default};
+  cursor: pointer;
+  ${({ active }) => active && activeBoxStyle};
+
+  &:hover {
+    ${activeBoxStyle}
+  }
+
+  & label {
+    width: 100%;
+    height: 80px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    font-size: ${(props) => props.theme.font.size.normal};
+    line-height: ${(props) => props.theme.font.lineHeight.large};
+    font-family: ${(props) => props.theme.font.family.Lato};
+    color: ${(props) => props.theme.colors.text.onLight};
+  }
+`;

package/dist/es/components/references/ImportBibliographyModal.js

@@ -0,0 +1,117 @@
+import { CloseButton, ModalContainer, ModalHeader, StyledModal, Tooltip, } from '@manuscripts/style-guide';
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import { ImportBibliographyForm } from './ImportBibliographyForm';
+const exampleBibtex = `@book{abramowitz+stegun,
+ author    = "Milton {Abramowitz} and Irene A. {Stegun}",
+ title     = "Handbook of Mathematical Functions with Formulas, Graphs, and Mathematical Tables",
+ publisher = "Dover",
+ year      =  1964,
+ address   = "New York City",
+ edition   = "ninth Dover printing, tenth GPO printing"
+}`;
+const examplePubmed = `Example Identifiers:
+pmid:17170128
+PMC1852221`;
+const exampleRis = `TY  - JOUR
+AU  - Shannon, Claude E.
+PY  - 1948
+DA  - July
+TI  - A Mathematical Theory of Communication
+T2  - Bell System Technical Journal
+SP  - 379
+EP  - 423
+VL  - 27
+ER  - `;
+const exampleEnw = `%0 Journal Article
+%D 2018
+%@ 0903-4641
+%A Abbassi-Daloii, Tooba
+%A Yousefi, Soheil
+%A Sekhavati, Mohammad Hadi
+%A Tahmoorespur, Mojtaba
+%J APMIS
+%N 1
+%P 65-75
+%T Impact of heat shock protein 60KD in combination with outer membrane proteins on immune response against Brucella melitensis
+%R https://doi.org/10.1111/apm.12778
+%U https://onlinelibrary.wiley.com/doi/abs/10.1111/apm.12778
+%V 126
+%X Lorem ipsum dolor sit amet`;
+const exampleDoi = `Example DOI Identifiers:
+10.1080/15588742.2015.1017684
+http://dx.doi.org/10.1080/15588742.2015.1017684`;
+export const ImportBibliographyModal = ({ onCancel, onSave }) => {
+    const [isOpen, setOpen] = useState(true);
+    const handleCancel = () => {
+        handleClose();
+    };
+    const handleClose = () => setOpen(false);
+    const handleSave = (data) => {
+        onSave(data);
+        handleClose();
+    };
+    return (React.createElement(StyledModal, { isOpen: isOpen, onRequestClose: onCancel },
+        React.createElement(ModalContainer, { "data-cy": "import-bibliography-modal" },
+            React.createElement(ModalHeader, null,
+                React.createElement(CloseButton, { onClick: onCancel, "data-cy": "modal-close-button" })),
+            React.createElement(ModalBody, null,
+                React.createElement(ModalTitle, null, "Import Bibliography"),
+                React.createElement("p", null,
+                    React.createElement(SpanWithExample, { "data-tooltip-id": "example_bibtex" }, "BibTex"),
+                    ",",
+                    ' ',
+                    React.createElement(SpanWithExample, { "data-tooltip-id": "example_pubmed" }, "PubMed"),
+                    ",",
+                    ' ',
+                    React.createElement(SpanWithExample, { "data-tooltip-id": "example_ris" }, "RIS"),
+                    ",",
+                    ' ',
+                    React.createElement(SpanWithExample, { "data-tooltip-id": "example_enw" }, "ENW"),
+                    ' ',
+                    "and",
+                    ' ',
+                    React.createElement(SpanWithExample, { "data-tooltip-id": "example_doi" }, "DOI"),
+                    ' ',
+                    "formats are supported"),
+                React.createElement(ImportBibliographyForm, { onCancel: handleCancel, onSave: handleSave }),
+                React.createElement(Example, { id: "example_bibtex", place: "bottom" },
+                    React.createElement("div", null,
+                        React.createElement("pre", null, exampleBibtex))),
+                React.createElement(Example, { id: "example_pubmed", place: "bottom" },
+                    React.createElement("div", null,
+                        React.createElement("pre", null, examplePubmed))),
+                React.createElement(Example, { id: "example_ris", place: "bottom" },
+                    React.createElement("div", null,
+                        React.createElement("pre", null, exampleRis))),
+                React.createElement(Example, { id: "example_enw", place: "bottom" },
+                    React.createElement("div", null,
+                        React.createElement("pre", null, exampleEnw))),
+                React.createElement(Example, { id: "example_doi", place: "bottom" },
+                    React.createElement("div", null,
+                        React.createElement("pre", null, exampleDoi)))))));
+};
+const ModalBody = styled.div `
+  box-sizing: border-box;
+  padding: ${(props) => 6 * props.theme.grid.unit}px;
+  background-color: ${(props) => props.theme.colors.background.primary};
+  width: 640px;
+  max-width: 60vw;
+  max-height: 80vh;
+`;
+const ModalTitle = styled.h2 `
+  font-family: ${(props) => props.theme.font.family.sans};
+  font-size: ${(props) => props.theme.font.size.medium};
+  font-weight: ${(props) => props.theme.font.weight.bold};
+  color: ${(props) => props.theme.colors.text.primary};
+  margin: 0;
+`;
+const SpanWithExample = styled.span `
+  text-decoration: underline dotted;
+  text-underline-offset: 4px;
+`;
+const Example = styled(Tooltip) `
+  text-align: left !important;
+  max-width: 480px !important;
+  overflow: hidden !important;
+`;

package/dist/es/components/references/ReferenceSearch.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { AddNewIcon, ButtonGroup, IconTextButton, PrimaryButton, SecondaryButton, } from '@manuscripts/style-guide';
+import { AddNewIcon, ButtonGroup, IconTextButton, PrimaryButton, SecondaryButton, UploadIcon, } from '@manuscripts/style-guide';
 import { debounce } from 'lodash';
 import React, { useState } from 'react';
 import styled from 'styled-components';
@@ -50,7 +50,7 @@ const AddReferenceActions = styled(ButtonGroup) `
     }
   }
 `;
-export const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, onCite, onCancel }) => {
+export const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, onImport, onCite, onCancel, }) => {
     const [query, setQuery] = useState(initialQuery || '');
     const [selections, setSelections] = useState(new Map());
     const toggleSelection = (item) => {
@@ -86,7 +86,10 @@ export const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, on
             React.createElement(AddReferenceActions, null,
                 React.createElement(IconTextButton, { onClick: onAdd },
                     React.createElement(AddNewIcon, null),
-                    "Add new")),
+                    "Add new"),
+                React.createElement(IconTextButton, { onClick: onImport },
+                    React.createElement(UploadIcon, null),
+                    "Import new")),
             React.createElement(ButtonGroup, null,
                 React.createElement(SecondaryButton, { onClick: onCancel }, "Close"),
                 React.createElement(PrimaryButton, { onClick: handleClick, disabled: selections.size === 0 }, "Cite")))));

package/dist/es/lib/files.js

@@ -50,14 +50,14 @@ export const groupFiles = (doc, files) => {
             supplements.push({
                 node,
                 pos,
-                file: getFile(node.attrs.href)
+                file: getFile(node.attrs.href),
             });
         }
         if (node.type === schema.nodes.attachment) {
             attachments.push({
                 node,
                 pos,
-                file: getFile(node.attrs.href)
+                file: getFile(node.attrs.href),
             });
         }
     });

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.8.21';
+export const VERSION = '2.8.23';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/components/references/ImportBibliographyForm.d.ts

@@ -0,0 +1,22 @@
+/*!
+ * © 2025 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.
+ */
+import { BibliographyItemAttrs } from '@manuscripts/transform';
+import React from 'react';
+export interface ImportBibFormProps {
+    onCancel: () => void;
+    onSave: (data: BibliographyItemAttrs[]) => void;
+}
+export declare const ImportBibliographyForm: ({ onCancel, onSave, }: ImportBibFormProps) => React.JSX.Element;

package/dist/types/components/references/ImportBibliographyModal.d.ts

@@ -0,0 +1,7 @@
+import { BibliographyItemAttrs } from '@manuscripts/transform';
+import React from 'react';
+export interface ImportBibliographyModalProps {
+    onCancel: () => void;
+    onSave: (data: BibliographyItemAttrs[]) => void;
+}
+export declare const ImportBibliographyModal: React.FC<ImportBibliographyModalProps>;

package/dist/types/components/references/ReferenceSearch.d.ts

@@ -21,6 +21,7 @@ export declare const ReferenceSearch: React.FC<{
     sources: BibliographyItemSource[];
     items: BibliographyItemAttrs[];
     onAdd: () => void;
+    onImport: () => void;
     onCite: (items: BibliographyItemAttrs[]) => void;
     onCancel: () => void;
 }>;

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

@@ -1,18 +1,45 @@
 import { ManuscriptNode, ManuscriptTransaction } from '@manuscripts/transform';
-export declare const insertAwardsNode: (tr: ManuscriptTransaction) => import("prosemirror-utils").NodeWithPos;
-export declare const insertSupplementsNode: (tr: ManuscriptTransaction) => import("prosemirror-utils").NodeWithPos;
+export declare const insertAwardsNode: (tr: ManuscriptTransaction) => {
+    node: import("prosemirror-model").Node;
+    pos: number;
+};
+export declare const insertSupplementsNode: (tr: ManuscriptTransaction) => {
+    node: import("prosemirror-model").Node;
+    pos: number;
+};
 export declare const insertAttachmentsNode: (tr: ManuscriptTransaction) => {
     node: import("prosemirror-model").Node;
     pos: number;
 };
-export declare const insertFootnotesSection: (tr: ManuscriptTransaction) => import("prosemirror-utils").NodeWithPos;
-export declare const findAbstractsNode: (doc: ManuscriptNode) => import("prosemirror-utils").NodeWithPos;
-export declare const findBody: (doc: ManuscriptNode) => import("prosemirror-utils").NodeWithPos;
-export declare const findBackmatter: (doc: ManuscriptNode) => import("prosemirror-utils").NodeWithPos;
-export declare const findBibliographySection: (doc: ManuscriptNode) => import("prosemirror-utils").NodeWithPos;
-export declare const findFootnotesSection: (doc: ManuscriptNode) => import("prosemirror-utils").NodeWithPos;
+export declare const insertFootnotesSection: (tr: ManuscriptTransaction) => {
+    node: import("prosemirror-model").Node;
+    pos: number;
+};
+export declare const findAbstractsNode: (doc: ManuscriptNode) => {
+    node: import("prosemirror-model").Node;
+    pos: number;
+};
+export declare const findBody: (doc: ManuscriptNode) => {
+    node: import("prosemirror-model").Node;
+    pos: number;
+};
+export declare const findBackmatter: (doc: ManuscriptNode) => {
+    node: import("prosemirror-model").Node;
+    pos: number;
+};
+export declare const findBibliographySection: (doc: ManuscriptNode) => {
+    node: import("prosemirror-model").Node;
+    pos: number;
+};
+export declare const findFootnotesSection: (doc: ManuscriptNode) => {
+    node: import("prosemirror-model").Node;
+    pos: number;
+};
 export declare const findGraphicalAbstractFigureElement: (doc: ManuscriptNode) => {
     node: import("prosemirror-model").Node;
     pos: number;
 } | undefined;
-export declare const findNodeByID: (doc: ManuscriptNode, id: string) => import("prosemirror-utils").NodeWithPos;
+export declare const findNodeByID: (doc: ManuscriptNode, id: string) => {
+    node: import("prosemirror-model").Node;
+    pos: number;
+};

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

@@ -18,7 +18,7 @@ export declare const findFootnotesContainerNode: (doc: ManuscriptNode, pos: numb
     node: import("prosemirror-model").Node;
     pos: number;
 };
-export declare const findParentFootnote: (selection: import("prosemirror-state").Selection) => import("prosemirror-utils").ContentNodeWithPos | undefined;
+export declare const findParentFootnote: (selection: import("prosemirror-state").Selection) => import("prosemirror-utils/dist/types").FindResult;
 export declare const getFootnotesElementState: (state: ManuscriptEditorState, id: string) => import("../plugins/footnotes").FootnotesElementState | undefined;
 export declare const getFootnoteLabel: (state: ManuscriptEditorState, footnote: FootnoteNode) => string;
 export declare const createFootnote: () => FootnoteNode;

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

@@ -20,10 +20,10 @@ export declare function iterateChildren(node: ManuscriptNode, recurse?: boolean)
 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, 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;
-export declare const findParentElement: (selection: Selection, validIds?: string[]) => import("prosemirror-utils").ContentNodeWithPos | undefined;
+export declare const findParentNodeWithId: ({ $from, $to }: Selection, validateSameParent?: boolean | undefined) => import("prosemirror-utils/dist/types").FindResult;
+export declare const findParentNodeWithIdValue: ({ $from, $to }: Selection, validateSameParent?: boolean | undefined) => import("prosemirror-utils/dist/types").FindResult;
+export declare const findParentSection: ({ $from, $to }: Selection, validateSameParent?: boolean | undefined) => import("prosemirror-utils/dist/types").FindResult;
+export declare const findParentElement: (selection: Selection, validIds?: string[]) => import("prosemirror-utils/dist/types").FindResult;
 export declare const isChildOfNodeTypes: (doc: ManuscriptNode, pos: number, parentNodeTypes: NodeType[]) => boolean;
 export declare const isSelectionInNode: (state: EditorState, targetNode: ProseMirrorNode) => boolean;
 export declare const createHeader: (typeName: string, text: string) => HTMLHeadingElement;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.8.21";
+export declare const VERSION = "2.8.23";
 export declare const MATHJAX_VERSION = "3.2.2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "2.8.21",
+  "version": "2.8.23",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -31,10 +31,10 @@
   "dependencies": {
     "@iarna/word-count": "^1.1.2",
     "@manuscripts/json-schema": "2.2.11",
-    "@manuscripts/library": "1.3.11",
+    "@manuscripts/library": "1.3.13",
     "@manuscripts/style-guide": "2.1.6",
     "@manuscripts/track-changes-plugin": "1.10.1",
-    "@manuscripts/transform": "3.0.49",
+    "@manuscripts/transform": "3.0.50",
     "@popperjs/core": "^2.11.8",
     "astrocite-eutils": "^0.16.4",
     "codemirror": "^5.58.1",
@@ -56,7 +56,7 @@
     "prosemirror-state": "^1.4.2",
     "prosemirror-tables": "^1.5.0",
     "prosemirror-transform": "^1.7.0",
-    "prosemirror-utils": "^0.9.6",
+    "prosemirror-utils": "^1.2.2",
     "prosemirror-view": "^1.29.1",
     "react": "^18.3.1",
     "react-dnd": "^16.0.1",