@manuscripts/body-editor 3.16.1 → 3.16.2

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

@@ -0,0 +1,73 @@
+import { CheckboxField, CheckboxLabel, FormActionsBar, ModalTitle, PrimaryButton, SecondaryButton, } from '@manuscripts/style-guide';
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import { ReferenceLine } from './ReferenceLine';
+export const ImportReferencesConfirmation = ({ items, onCancel, onConfirm }) => {
+    const [selected, setSelected] = useState(() => items.map(() => true));
+    const selectedCount = selected.filter(Boolean).length;
+    const countLabel = selectedCount === 1 ? 'reference' : 'references';
+    const toggleItem = (index) => {
+        setSelected((current) => current.map((value, i) => (i === index ? !value : value)));
+    };
+    const handleConfirm = () => {
+        onConfirm(items.filter((_, index) => selected[index]));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Title, null, "Import References"),
+        React.createElement(Subtitle, null,
+            "Importing ",
+            selectedCount,
+            " ",
+            countLabel),
+        React.createElement(List, null, items.map((item, index) => (React.createElement(ListItem, { key: index },
+            React.createElement(ItemCheckbox, null,
+                React.createElement(CheckboxField, { checked: selected[index], "aria-label": `Select reference ${index + 1}`, onChange: () => toggleItem(index) }),
+                React.createElement("div", null)),
+            React.createElement(ReferenceLine, { item: item }))))),
+        React.createElement(FormActionsBar, null,
+            React.createElement(SecondaryButton, { type: "button", onClick: onCancel }, "Cancel"),
+            React.createElement(PrimaryButton, { type: "button", disabled: selectedCount === 0, onClick: handleConfirm },
+                "Import ",
+                selectedCount,
+                " ",
+                countLabel))));
+};
+const Title = styled(ModalTitle) `
+  border-bottom: 1px solid ${(props) => props.theme.colors.border.secondary};
+  margin: 0 -${(props) => 6 * props.theme.grid.unit}px 20px;
+  padding: 0 ${(props) => 6 * props.theme.grid.unit}px
+    ${(props) => props.theme.grid.unit * 4}px;
+`;
+const Subtitle = styled.p `
+  color: ${(props) => props.theme.colors.text.secondary};
+  font-weight: ${(props) => props.theme.font.weight.bold};
+  margin: 0 0 16px;
+  font-size: 14px;
+`;
+const List = styled.div `
+  display: flex;
+  flex-direction: column;
+  margin-bottom: ${(props) => props.theme.grid.unit * 5}px;
+  overflow-y: auto;
+`;
+const ListItem = styled.div `
+  border-bottom: 1px solid ${(props) => props.theme.colors.border.secondary};
+  display: flex;
+  align-items: flex-start;
+  gap: ${(props) => props.theme.grid.unit * 3}px;
+  padding: ${(props) => props.theme.grid.unit * 3}px 0;
+`;
+const ItemCheckbox = styled(CheckboxLabel) `
+  flex-shrink: 0;
+
+  > div {
+    margin: 0;
+
+    &::before {
+      width: 18px;
+      height: 18px;
+      border-radius: 4px;
+      margin: 0;
+    }
+  }
+`;

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import styled from 'styled-components';
+export const ImportSuccessPlaceholder = ({ count }) => {
+    const countLabel = count === 1 ? 'reference' : 'references';
+    return (React.createElement(Container, { "data-cy": "import-success-placeholder" },
+        React.createElement(IconCircle, null,
+            React.createElement(SuccessCheckIcon, null)),
+        React.createElement(Title, null, "Successfully Imported"),
+        React.createElement(Message, null,
+            "Your library has been updated with ",
+            count,
+            " new ",
+            countLabel,
+            ".")));
+};
+const SuccessCheckIcon = () => (React.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" },
+    React.createElement("path", { d: "M26.6656 8L12.0004 22.6656L5.3344 15.9994", stroke: "#36B260", strokeWidth: "3", strokeLinecap: "round" })));
+const Container = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${(props) => props.theme.grid.unit * 4}px;
+  height: 100%;
+  padding: 40px;
+  box-sizing: border-box;
+  text-align: center;
+`;
+const IconCircle = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 64px;
+  height: 64px;
+  border-radius: 32px;
+  background: #f6ffed;
+`;
+const Title = styled.h2 `
+  margin: 0;
+  font-size: 24px;
+  line-height: 32px;
+  letter-spacing: -0.37px;
+  color: ${(props) => props.theme.colors.text.primary};
+`;
+const Message = styled.p `
+  margin: 0;
+  line-height: ${(props) => props.theme.font.lineHeight.large};
+  color: ${(props) => props.theme.colors.text.secondary};
+`;

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, UploadIcon, withFocusTrap, } from '@manuscripts/style-guide';
+import { AddNewIcon, ButtonGroup, IconTextButton, PrimaryButton, SecondaryButton, withFocusTrap, } from '@manuscripts/style-guide';
 import debounce from 'lodash/debounce';
 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, onImport, onCite, onCancel, }) => {
+export const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, onCite, onCancel, }) => {
     const [query, setQuery] = useState(initialQuery || '');
     const [selections, setSelections] = useState(new Map());
     const toggleSelection = (item) => {
@@ -86,10 +86,7 @@ export const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, on
             React.createElement(AddReferenceActions, null,
                 React.createElement(IconTextButton, { onClick: onAdd },
                     React.createElement(AddNewIcon, null),
-                    "Add new"),
-                React.createElement(IconTextButton, { onClick: onImport },
-                    React.createElement(UploadIcon, null),
-                    "Import new")),
+                    "Add new")),
             React.createElement(ButtonGroup, null,
                 React.createElement(SecondaryButton, { onClick: onCancel }, "Close"),
                 React.createElement(PrimaryButton, { onClick: handleClick, disabled: selections.size === 0 }, "Cite")))));

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

@@ -1,4 +1,5 @@
-import React, { useReducer, useState } from 'react';
+import { generateNodeID, schema, } from '@manuscripts/transform';
+import React, { useEffect, useReducer, useState } from 'react';
 import { attrsReducer } from '../../lib/array-reducer';
 import { cleanItemValues } from '../../lib/utils';
 import { ReferencesModal } from './ReferencesModal';
@@ -6,9 +7,13 @@ const itemsReducer = attrsReducer();
 export const ReferencesEditor = (props) => {
     const [isOpen, setOpen] = useState(true);
     const [items, dispatch] = useReducer(itemsReducer, props.items);
+    const [selectedItem, setSelectedItem] = useState(props.item);
+    useEffect(() => {
+        setSelectedItem(props.item);
+    }, [props.item]);
     const handleSave = (item) => {
         const cleanedItem = cleanItemValues(item);
-        props.onSave(cleanedItem);
+        props.onSave([cleanedItem]);
         dispatch({
             type: 'update',
             items: [cleanedItem],
@@ -21,5 +26,16 @@ export const ReferencesEditor = (props) => {
             item: item,
         });
     };
-    return (React.createElement(ReferencesModal, { ...props, isOpen: isOpen, onCancel: () => setOpen(false), items: items, onSave: handleSave, onDelete: handleDelete }));
+    const handleImport = (data) => {
+        const newItems = data.map((item) => cleanItemValues({
+            ...item,
+            id: generateNodeID(schema.nodes.bibliography_item),
+        }));
+        props.onSave(newItems);
+        dispatch({
+            type: 'set',
+            state: [...items, ...newItems],
+        });
+    };
+    return (React.createElement(ReferencesModal, { isOpen: isOpen, onCancel: () => setOpen(false), items: items, item: selectedItem, citationCounts: props.citationCounts, onSave: handleSave, onDelete: handleDelete, handleImport: handleImport }));
 };

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

@@ -1,9 +1,11 @@
-import { Category, CitationCountIcon, CloseButton, Dialog, ModalBody, ModalContainer, ModalHeader, ModalSidebar, ModalSidebarHeader, ModalSidebarTitle, ScrollableModalContent, SidebarContent, StyledModal, useScrollDetection, withListNavigation, withNavigableListItem, } from '@manuscripts/style-guide';
+import { AddAuthorIcon, Category, CitationCountIcon, CloseButton, Dialog, ModalBody, ModalContainer, ModalHeader, ModalSidebar, ModalSidebarHeader, ModalSidebarTitle, ScrollableModalContent, SidebarContent, StyledModal, useScrollDetection, withListNavigation, withNavigableListItem, } from '@manuscripts/style-guide';
 import isEqual from 'lodash/isEqual';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import styled from 'styled-components';
 import { ReferenceForm, } from './ReferenceForm/ReferenceForm';
 import { ReferenceLine } from './ReferenceLine';
+import { ImportBibliographyModal } from './ImportBibliographyModal';
+import { ImportSuccessPlaceholder } from './ImportSuccessPlaceholder';
 const ReferencesModalContainer = styled(ModalContainer) `
   min-width: 960px;
 `;
@@ -13,6 +15,33 @@ const ReferencesSidebar = styled(ModalSidebar) `
 const ReferencesSidebarContent = styled(SidebarContent) `
   overflow-y: auto;
 `;
+const ImportFromFileFooter = styled.div `
+  padding: 16px;
+`;
+const ImportFromFileButton = styled.button `
+  display: flex;
+  width: 100%;
+  padding: 8px 24px;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  border-radius: 4px;
+  border: 1px dashed #c9c9c9;
+  background: #fafafa;
+  cursor: pointer;
+  font-family: ${(props) => props.theme.font.family.sans};
+  font-size: 14px;
+  color: #353535;
+
+  svg {
+    width: 20px;
+    height: 20px;
+  }
+
+  svg rect {
+    fill: #6e6e6e;
+  }
+`;
 const ReferencesInnerWrapper = withListNavigation(styled.div `
   width: 100%;
   padding: 12px 0;
@@ -100,15 +129,25 @@ const normalize = (item) => ({
     accessed: item.accessed,
     comment: item.comment || '',
 });
-export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave, onDelete, }) => {
+export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave, onDelete, handleImport, }) => {
+    const [importing, setImporting] = useState(false);
+    const [importSuccessCount, setImportSuccessCount] = useState(null);
     const [confirm, setConfirm] = useState(false);
     const valuesRef = useRef(undefined);
     const [selection, setSelection] = useState();
     const selectionRef = useRef(null);
+    const sortedItems = useMemo(() => [...items].sort((a, b) => {
+        const aUncited = (citationCounts.get(a.id) ?? 0) === 0;
+        const bUncited = (citationCounts.get(b.id) ?? 0) === 0;
+        if (aUncited === bUncited) {
+            return 0;
+        }
+        return aUncited ? 1 : -1;
+    }), [items, citationCounts]);
     const isSelected = (item) => {
         return item.id === selection?.id;
     };
-    const selectionIndex = items.findIndex(isSelected);
+    const selectionIndex = sortedItems.findIndex(isSelected);
     useEffect(() => {
         setSelection(item);
     }, [item]);
@@ -126,8 +165,8 @@ export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts,
     useEffect(() => {
         const base = Math.max(0, selectionIndex - selectionTopOffset);
         setStartIndex(base);
-        setEndIndex(Math.min(items.length - 1, base + pageSize));
-    }, [selectionIndex, items]);
+        setEndIndex(Math.min(sortedItems.length - 1, base + pageSize));
+    }, [selectionIndex, sortedItems]);
     useEffect(() => {
         if (triggers.top) {
             const newFirst = Math.max(0, startIndex - pageSize);
@@ -135,11 +174,11 @@ export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts,
             setEndIndex(Math.min(newFirst + dropLimit, endIndex));
         }
         if (triggers.bottom) {
-            const newLast = Math.min(items.length - 1, endIndex + pageSize);
+            const newLast = Math.min(sortedItems.length - 1, endIndex + pageSize);
             setEndIndex(newLast);
             setStartIndex(Math.max(newLast - dropLimit, startIndex));
         }
-    }, [triggers, items]);
+    }, [triggers, sortedItems]);
     const actionsRef = useRef(undefined);
     const reset = () => {
         actionsRef.current?.reset();
@@ -173,7 +212,9 @@ export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts,
         onDelete(selection);
         setSelection(undefined);
     };
+    const clearImportSuccess = () => setImportSuccessCount(null);
     const handleItemClick = (item) => {
+        clearImportSuccess();
         const values = valuesRef.current;
         if (values && selection && !isEqual(values, normalize(selection))) {
             setConfirm(true);
@@ -184,33 +225,45 @@ export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts,
     const handleChange = (values) => {
         valuesRef.current = values;
     };
-    if (items.length <= 0) {
+    const handleImportSave = (data) => {
+        handleImport(data);
+        setImporting(false);
+        setSelection(undefined);
+        setImportSuccessCount(data.length);
+    };
+    if (sortedItems.length <= 0) {
         return React.createElement(React.Fragment, null);
     }
-    return (React.createElement(StyledModal, { isOpen: isOpen, onRequestClose: onCancel },
-        React.createElement(Dialog, { isOpen: confirm, category: Category.confirmation, header: "You've made changes to this option", message: "Would you like to save or discard your changes?", actions: {
-                secondary: {
-                    action: () => reset(),
-                    title: 'Discard',
-                },
-                primary: {
-                    action: () => handleSave(valuesRef.current),
-                    title: 'Save',
-                },
-            } }),
-        React.createElement(ReferencesModalContainer, { "data-cy": 'references-editor' },
-            React.createElement(ModalHeader, null,
-                React.createElement(CloseButton, { onClick: onCancel })),
-            React.createElement(ModalBody, null,
-                React.createElement(ReferencesSidebar, null,
-                    React.createElement(ModalSidebarHeader, null,
-                        React.createElement(ModalSidebarTitle, null, "References")),
-                    React.createElement(ReferencesSidebarContent, { ref: ref },
-                        React.createElement(ReferencesInnerWrapper, null, items.slice(startIndex, endIndex + 1).map((item) => (React.createElement(ReferenceButton, { key: item.id, id: item.id, className: isSelected(item) ? 'selected' : '', onClick: () => handleItemClick(item), ref: isSelected(item) ? selectionRef : null },
-                            React.createElement(IconContainer, null,
-                                React.createElement(CitationCountIcon, null),
-                                (citationCounts.get(item.id) || 0) > 0 ? (React.createElement(CitationCount, { "data-tooltip-content": "Number of times used in the document" }, citationCounts.get(item.id))) : (React.createElement(CitationCount, { className: "unused" }, "0"))),
-                            React.createElement(ReferenceLine, { item: item }))))))),
-                React.createElement(ScrollableModalContent, null, selection && (React.createElement(ReferenceForm, { values: normalize(selection), showDelete: !citationCounts.get(selection.id) &&
-                        isNewItem(selection, ['id', 'type']), onChange: handleChange, onCancel: onCancel, onDelete: handleDelete, onSave: handleSave, actionsRef: actionsRef })))))));
+    return (React.createElement(React.Fragment, null,
+        importing && (React.createElement(ImportBibliographyModal, { onCancel: () => setImporting(false), onSave: handleImportSave })),
+        React.createElement(StyledModal, { isOpen: isOpen, onRequestClose: onCancel },
+            React.createElement(Dialog, { isOpen: confirm, category: Category.confirmation, header: "You've made changes to this option", message: "Would you like to save or discard your changes?", actions: {
+                    secondary: {
+                        action: () => reset(),
+                        title: 'Discard',
+                    },
+                    primary: {
+                        action: () => handleSave(valuesRef.current),
+                        title: 'Save',
+                    },
+                } }),
+            React.createElement(ReferencesModalContainer, { "data-cy": 'references-editor' },
+                React.createElement(ModalHeader, null,
+                    React.createElement(CloseButton, { "data-cy": "modal-close-button", onClick: onCancel })),
+                React.createElement(ModalBody, null,
+                    React.createElement(ReferencesSidebar, null,
+                        React.createElement(ModalSidebarHeader, null,
+                            React.createElement(ModalSidebarTitle, null, "References")),
+                        React.createElement(ReferencesSidebarContent, { ref: ref },
+                            React.createElement(ReferencesInnerWrapper, null, sortedItems.slice(startIndex, endIndex + 1).map((item) => (React.createElement(ReferenceButton, { key: item.id, id: item.id, className: isSelected(item) ? 'selected' : '', onClick: () => handleItemClick(item), ref: isSelected(item) ? selectionRef : null },
+                                React.createElement(IconContainer, null,
+                                    React.createElement(CitationCountIcon, null),
+                                    (citationCounts.get(item.id) || 0) > 0 ? (React.createElement(CitationCount, { "data-tooltip-content": "Number of times used in the document" }, citationCounts.get(item.id))) : (React.createElement(CitationCount, { className: "unused" }, "0"))),
+                                React.createElement(ReferenceLine, { item: item })))))),
+                        React.createElement(ImportFromFileFooter, null,
+                            React.createElement(ImportFromFileButton, { type: "button", "data-cy": "import-from-file-button", onClick: () => setImporting(true) },
+                                React.createElement(AddAuthorIcon, null),
+                                "Import from file"))),
+                    React.createElement(ScrollableModalContent, null, importSuccessCount !== null ? (React.createElement(ImportSuccessPlaceholder, { count: importSuccessCount })) : (selection && (React.createElement(ReferenceForm, { values: normalize(selection), showDelete: !citationCounts.get(selection.id) &&
+                            isNewItem(selection, ['id', 'type']), onChange: handleChange, onCancel: onCancel, onDelete: handleDelete, onSave: handleSave, actionsRef: actionsRef })))))))));
 };

package/dist/es/lib/view.js

@@ -64,3 +64,39 @@ export const deleteNode = (view, id) => {
         view.dispatch(view.state.tr.delete(pos, pos + node.nodeSize));
     }
 };
+const createBibliographySection = (nodes) => schema.nodes.bibliography_section.createAndFill({}, [
+    schema.nodes.section_title.create({}, schema.text('References')),
+    schema.nodes.bibliography_element.create({}, nodes),
+]);
+export const insertBibliographyItems = (view, items) => {
+    const { doc } = view.state;
+    let tr = view.state.tr;
+    const biblioSection = utils.findChildrenByType(doc, schema.nodes.bibliography_element, true);
+    if (biblioSection.length) {
+        let insertPos = biblioSection[0].pos + 1;
+        for (const attrs of items) {
+            const node = schema.nodes.bibliography_item.create(attrs);
+            tr = tr.insert(insertPos, node);
+            insertPos += node.nodeSize;
+        }
+    }
+    else {
+        const backmatter = utils.findChildrenByType(doc, schema.nodes.backmatter, true);
+        const backmatterEnd = backmatter[0]
+            ? backmatter[0].node.nodeSize + backmatter[0].pos
+            : 0;
+        const nodes = items.map((attrs) => schema.nodes.bibliography_item.create(attrs));
+        tr = tr.insert(backmatterEnd ? backmatterEnd - 1 : tr.doc.content.size, createBibliographySection(nodes));
+    }
+    view.dispatch(tr);
+};
+export const saveBibliographyItem = (view, attrs) => {
+    if (attrs.length === 1) {
+        const item = attrs[0];
+        if (findChildByID(view, item.id)) {
+            updateNodeAttrs(view, schema.nodes.bibliography_item, item);
+            return;
+        }
+    }
+    insertBibliographyItems(view, attrs);
+};

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.16.1';
+export const VERSION = '3.16.2';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/bibliography_element.js

@@ -14,14 +14,13 @@
  * limitations under the License.
  */
 import { ContextMenu } from '@manuscripts/style-guide';
-import { schema, } from '@manuscripts/transform';
 import { NodeSelection } from 'prosemirror-state';
 import { ReferencesEditor, } from '../components/references/ReferencesEditor';
 import { createCommentMarker, handleComment } from '../lib/comments';
 import { handleEnterKey } from '../lib/navigation-utils';
 import { findNodeByID } from '../lib/doc';
 import { sanitize } from '../lib/dompurify';
-import { deleteNode, findChildByID, updateNodeAttrs } from '../lib/view';
+import { deleteNode, findChildByID, saveBibliographyItem } from '../lib/view';
 import { getBibliographyPluginState } from '../plugins/bibliography';
 import { commentsKey, setCommentSelection } from '../plugins/comments';
 import { selectedSuggestionKey } from '../plugins/selected-suggestion';
@@ -86,7 +85,7 @@ export class BibliographyElementBlockView extends BlockView {
             this.dom.appendChild(this.container);
         };
         this.handleSave = (attrs) => {
-            updateNodeAttrs(this.view, schema.nodes.bibliography_item, attrs);
+            saveBibliographyItem(this.view, attrs);
         };
         this.handleDelete = (item) => {
             deleteNode(this.view, item.id);

package/dist/es/views/citation_editable.js

@@ -15,23 +15,17 @@
  */
 import { ContextMenu } from '@manuscripts/style-guide';
 import { isDeleted } from '@manuscripts/track-changes-plugin';
-import { schema, } from '@manuscripts/transform';
 import { TextSelection } from 'prosemirror-state';
-import { findChildrenByType } from 'prosemirror-utils';
 import { CitationEditor, } from '../components/references/CitationEditor';
 import { CitationViewer, } from '../components/references/CitationViewer';
 import { handleComment } from '../lib/comments';
 import { Crossref } from '../lib/crossref';
 import { handleEnterKey } from '../lib/navigation-utils';
-import { deleteNode, findChildByID, updateNodeAttrs } from '../lib/view';
+import { deleteNode, saveBibliographyItem } from '../lib/view';
 import { getBibliographyPluginState } from '../plugins/bibliography';
 import { CitationView } from './citation';
 import { createEditableNodeView } from './creators';
 import ReactSubView from './ReactSubView';
-const createBibliographySection = (node) => schema.nodes.bibliography_section.createAndFill({}, [
-    schema.nodes.section_title.create({}, schema.text('References')),
-    schema.nodes.bibliography_element.create({}, node ? [node] : []),
-]);
 export class CitationEditableView extends CitationView {
     constructor() {
         super(...arguments);
@@ -137,12 +131,7 @@ export class CitationEditableView extends CitationView {
             this.props.popper.destroy();
         };
         this.handleSave = (attrs) => {
-            if (!findChildByID(this.view, attrs.id)) {
-                this.insertBibliographyNode(attrs);
-            }
-            else {
-                updateNodeAttrs(this.view, schema.nodes.bibliography_item, attrs);
-            }
+            saveBibliographyItem(this.view, attrs);
         };
         this.handleUncite = (id) => {
             const attrs = this.node.attrs;
@@ -175,7 +164,7 @@ export class CitationEditableView extends CitationView {
                     item.id = existingItem.id;
                 }
                 else {
-                    this.insertBibliographyNode(item);
+                    saveBibliographyItem(this.view, [item]);
                 }
                 rids.push(item.id);
             }
@@ -194,21 +183,5 @@ export class CitationEditableView extends CitationView {
         this.dom.addEventListener('mouseup', () => this.handleClick(false));
         this.dom.addEventListener('keydown', handleEnterKey(() => this.handleClick(true)));
     }
-    insertBibliographyNode(attrs) {
-        const { doc, tr } = this.view.state;
-        const biblioSection = findChildrenByType(doc, schema.nodes.bibliography_element, true);
-        const backmatter = findChildrenByType(doc, schema.nodes.backmatter, true);
-        const backmatterEnd = backmatter[0]
-            ? backmatter[0].node.nodeSize + backmatter[0].pos
-            : 0;
-        const node = schema.nodes.bibliography_item.create(attrs);
-        if (biblioSection.length) {
-            this.view.dispatch(tr.insert(biblioSection[0].pos + 1, node));
-        }
-        else {
-            this.view.dispatch(tr.insert(backmatterEnd ? backmatterEnd - 1 : tr.doc.content.size, createBibliographySection(node)));
-        }
-        return false;
-    }
 }
 export default createEditableNodeView(CitationEditableView);

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

@@ -9,7 +9,7 @@ export interface CitationEditorProps {
     sources: BibliographyItemSource[];
     onCite: (items: BibliographyItemAttrs[]) => void;
     onUncite: (id: string) => void;
-    onSave: (item: BibliographyItemAttrs) => void;
+    onSave: (item: BibliographyItemAttrs[]) => void;
     onDelete: (item: BibliographyItemAttrs) => void;
     onCancel: () => void;
     canEdit: boolean;

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

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

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

@@ -0,0 +1,8 @@
+import { BibliographyItemAttrs } from '@manuscripts/transform';
+import React from 'react';
+export interface ImportReferencesConfirmationProps {
+    items: BibliographyItemAttrs[];
+    onCancel: () => void;
+    onConfirm: (items: BibliographyItemAttrs[]) => void;
+}
+export declare const ImportReferencesConfirmation: React.FC<ImportReferencesConfirmationProps>;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface ImportSuccessPlaceholderProps {
+    count: number;
+}
+export declare const ImportSuccessPlaceholder: React.FC<ImportSuccessPlaceholderProps>;

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

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

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

@@ -1,4 +1,7 @@
+import { BibliographyItemAttrs } from '@manuscripts/transform';
 import React from 'react';
 import { ReferencesModalProps } from './ReferencesModal';
-export type ReferencesEditorProps = Omit<ReferencesModalProps, 'isOpen' | 'onCancel'>;
+export type ReferencesEditorProps = Omit<ReferencesModalProps, 'isOpen' | 'onCancel' | 'handleImport' | 'onSave'> & {
+    onSave: (item: BibliographyItemAttrs[]) => void;
+};
 export declare const ReferencesEditor: React.FC<ReferencesEditorProps>;

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

@@ -8,5 +8,6 @@ export interface ReferencesModalProps {
     citationCounts: Map<string, number>;
     onSave: (item: BibliographyItemAttrs) => void;
     onDelete: (item: BibliographyItemAttrs) => void;
+    handleImport: (data: BibliographyItemAttrs[]) => void;
 }
 export declare const ReferencesModal: React.FC<ReferencesModalProps>;

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

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ManuscriptEditorView, ManuscriptNodeType } from '@manuscripts/transform';
+import { BibliographyItemAttrs, ManuscriptEditorView, ManuscriptNodeType } from '@manuscripts/transform';
 import { Attrs } from 'prosemirror-model';
 import * as utils from 'prosemirror-utils';
 export declare const findChildByID: (view: ManuscriptEditorView, id: string) => utils.NodeWithPos | undefined;
@@ -22,3 +22,5 @@ export declare const findChildrenByType: (view: ManuscriptEditorView, type: Manu
 export declare const findChildrenAttrsByType: <T extends Attrs>(view: ManuscriptEditorView, type: ManuscriptNodeType) => T[];
 export declare const updateNodeAttrs: (view: ManuscriptEditorView, type: ManuscriptNodeType, attrs: Attrs) => boolean;
 export declare const deleteNode: (view: ManuscriptEditorView, id: string) => void;
+export declare const insertBibliographyItems: (view: ManuscriptEditorView, items: BibliographyItemAttrs[]) => void;
+export declare const saveBibliographyItem: (view: ManuscriptEditorView, attrs: BibliographyItemAttrs[]) => void;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.16.1";
+export declare const VERSION = "3.16.2";
 export declare const MATHJAX_VERSION = "3.2.2";

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

@@ -31,7 +31,6 @@ export declare class CitationEditableView extends CitationView {
     private handleUncite;
     private handleCite;
     private handleDelete;
-    private insertBibliographyNode;
 }
 declare const _default: (props: import("../configs/ManuscriptsEditor").EditorProps, dispatch?: import("..").Dispatch) => import("../types").NodeViewCreator<CitationEditableView>;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.16.1",
+  "version": "3.16.2",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",