@manuscripts/body-editor 3.16.0 → 3.16.2

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

@@ -43,6 +43,8 @@ const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const ReferenceForm_1 = require("./ReferenceForm/ReferenceForm");
 const ReferenceLine_1 = require("./ReferenceLine");
+const ImportBibliographyModal_1 = require("./ImportBibliographyModal");
+const ImportSuccessPlaceholder_1 = require("./ImportSuccessPlaceholder");
 const ReferencesModalContainer = (0, styled_components_1.default)(style_guide_1.ModalContainer) `
   min-width: 960px;
 `;
@@ -52,6 +54,33 @@ const ReferencesSidebar = (0, styled_components_1.default)(style_guide_1.ModalSi
 const ReferencesSidebarContent = (0, styled_components_1.default)(style_guide_1.SidebarContent) `
   overflow-y: auto;
 `;
+const ImportFromFileFooter = styled_components_1.default.div `
+  padding: 16px;
+`;
+const ImportFromFileButton = styled_components_1.default.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 = (0, style_guide_1.withListNavigation)(styled_components_1.default.div `
   width: 100%;
   padding: 12px 0;
@@ -139,15 +168,25 @@ const normalize = (item) => ({
     accessed: item.accessed,
     comment: item.comment || '',
 });
-const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave, onDelete, }) => {
+const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave, onDelete, handleImport, }) => {
+    const [importing, setImporting] = (0, react_1.useState)(false);
+    const [importSuccessCount, setImportSuccessCount] = (0, react_1.useState)(null);
     const [confirm, setConfirm] = (0, react_1.useState)(false);
     const valuesRef = (0, react_1.useRef)(undefined);
     const [selection, setSelection] = (0, react_1.useState)();
     const selectionRef = (0, react_1.useRef)(null);
+    const sortedItems = (0, react_1.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);
     (0, react_1.useEffect)(() => {
         setSelection(item);
     }, [item]);
@@ -165,8 +204,8 @@ const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave
     (0, react_1.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]);
     (0, react_1.useEffect)(() => {
         if (triggers.top) {
             const newFirst = Math.max(0, startIndex - pageSize);
@@ -174,11 +213,11 @@ const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave
             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 = (0, react_1.useRef)(undefined);
     const reset = () => {
         actionsRef.current?.reset();
@@ -212,7 +251,9 @@ const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave
         onDelete(selection);
         setSelection(undefined);
     };
+    const clearImportSuccess = () => setImportSuccessCount(null);
     const handleItemClick = (item) => {
+        clearImportSuccess();
         const values = valuesRef.current;
         if (values && selection && !(0, isEqual_1.default)(values, normalize(selection))) {
             setConfirm(true);
@@ -223,34 +264,46 @@ const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave
     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_1.default.createElement(react_1.default.Fragment, null);
     }
-    return (react_1.default.createElement(style_guide_1.StyledModal, { isOpen: isOpen, onRequestClose: onCancel },
-        react_1.default.createElement(style_guide_1.Dialog, { isOpen: confirm, category: style_guide_1.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_1.default.createElement(ReferencesModalContainer, { "data-cy": 'references-editor' },
-            react_1.default.createElement(style_guide_1.ModalHeader, null,
-                react_1.default.createElement(style_guide_1.CloseButton, { onClick: onCancel })),
-            react_1.default.createElement(style_guide_1.ModalBody, null,
-                react_1.default.createElement(ReferencesSidebar, null,
-                    react_1.default.createElement(style_guide_1.ModalSidebarHeader, null,
-                        react_1.default.createElement(style_guide_1.ModalSidebarTitle, null, "References")),
-                    react_1.default.createElement(ReferencesSidebarContent, { ref: ref },
-                        react_1.default.createElement(ReferencesInnerWrapper, null, items.slice(startIndex, endIndex + 1).map((item) => (react_1.default.createElement(ReferenceButton, { key: item.id, id: item.id, className: isSelected(item) ? 'selected' : '', onClick: () => handleItemClick(item), ref: isSelected(item) ? selectionRef : null },
-                            react_1.default.createElement(IconContainer, null,
-                                react_1.default.createElement(style_guide_1.CitationCountIcon, null),
-                                (citationCounts.get(item.id) || 0) > 0 ? (react_1.default.createElement(CitationCount, { "data-tooltip-content": "Number of times used in the document" }, citationCounts.get(item.id))) : (react_1.default.createElement(CitationCount, { className: "unused" }, "0"))),
-                            react_1.default.createElement(ReferenceLine_1.ReferenceLine, { item: item }))))))),
-                react_1.default.createElement(style_guide_1.ScrollableModalContent, null, selection && (react_1.default.createElement(ReferenceForm_1.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_1.default.createElement(react_1.default.Fragment, null,
+        importing && (react_1.default.createElement(ImportBibliographyModal_1.ImportBibliographyModal, { onCancel: () => setImporting(false), onSave: handleImportSave })),
+        react_1.default.createElement(style_guide_1.StyledModal, { isOpen: isOpen, onRequestClose: onCancel },
+            react_1.default.createElement(style_guide_1.Dialog, { isOpen: confirm, category: style_guide_1.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_1.default.createElement(ReferencesModalContainer, { "data-cy": 'references-editor' },
+                react_1.default.createElement(style_guide_1.ModalHeader, null,
+                    react_1.default.createElement(style_guide_1.CloseButton, { "data-cy": "modal-close-button", onClick: onCancel })),
+                react_1.default.createElement(style_guide_1.ModalBody, null,
+                    react_1.default.createElement(ReferencesSidebar, null,
+                        react_1.default.createElement(style_guide_1.ModalSidebarHeader, null,
+                            react_1.default.createElement(style_guide_1.ModalSidebarTitle, null, "References")),
+                        react_1.default.createElement(ReferencesSidebarContent, { ref: ref },
+                            react_1.default.createElement(ReferencesInnerWrapper, null, sortedItems.slice(startIndex, endIndex + 1).map((item) => (react_1.default.createElement(ReferenceButton, { key: item.id, id: item.id, className: isSelected(item) ? 'selected' : '', onClick: () => handleItemClick(item), ref: isSelected(item) ? selectionRef : null },
+                                react_1.default.createElement(IconContainer, null,
+                                    react_1.default.createElement(style_guide_1.CitationCountIcon, null),
+                                    (citationCounts.get(item.id) || 0) > 0 ? (react_1.default.createElement(CitationCount, { "data-tooltip-content": "Number of times used in the document" }, citationCounts.get(item.id))) : (react_1.default.createElement(CitationCount, { className: "unused" }, "0"))),
+                                react_1.default.createElement(ReferenceLine_1.ReferenceLine, { item: item })))))),
+                        react_1.default.createElement(ImportFromFileFooter, null,
+                            react_1.default.createElement(ImportFromFileButton, { type: "button", "data-cy": "import-from-file-button", onClick: () => setImporting(true) },
+                                react_1.default.createElement(style_guide_1.AddAuthorIcon, null),
+                                "Import from file"))),
+                    react_1.default.createElement(style_guide_1.ScrollableModalContent, null, importSuccessCount !== null ? (react_1.default.createElement(ImportSuccessPlaceholder_1.ImportSuccessPlaceholder, { count: importSuccessCount })) : (selection && (react_1.default.createElement(ReferenceForm_1.ReferenceForm, { values: normalize(selection), showDelete: !citationCounts.get(selection.id) &&
+                            isNewItem(selection, ['id', 'type']), onChange: handleChange, onCancel: onCancel, onDelete: handleDelete, onSave: handleSave, actionsRef: actionsRef })))))))));
 };
 exports.ReferencesModal = ReferencesModal;

package/dist/cjs/components/views/CrossReferenceItems.js

@@ -53,73 +53,121 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CrossReferenceItems = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
+const transform_1 = require("@manuscripts/transform");
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Container = (0, style_guide_1.withFocusTrap)(styled_components_1.default.div `
-  padding: ${(props) => props.theme.grid.unit * 3}px
-    ${(props) => props.theme.grid.unit * 4}px;
-  display: flex;
-  flex-direction: column;
-  max-height: 60vh;
-  overflow: hidden;
-`);
-const Actions = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  flex-shrink: 0;
-`;
+const url_1 = require("../../lib/url");
+const node_type_icons_1 = require("../../node-type-icons");
+const FormFooter_1 = __importDefault(require("../form/FormFooter"));
 const Items = (0, style_guide_1.withListNavigation)(styled_components_1.default.div `
   flex: 1;
   overflow-y: auto;
-  padding: ${(props) => props.theme.grid.unit * 3}px;
 `);
 const CrossReferenceItem = (0, style_guide_1.withNavigableListItem)(styled_components_1.default.div `
   cursor: pointer;
-  padding: ${(props) => props.theme.grid.unit * 4}px;
-  background-color: ${(props) => props.$isSelected
-    ? props.theme.colors.background.selected
-    : props.theme.colors.background.primary};
+  padding: ${(props) => props.theme.grid.unit * 2}px;
+  background-color: ${(props) => props.theme.colors.background.primary};
   transition: background-color 0.1s;
-  border: solid
-    ${(props) => props.$isSelected
-    ? props.theme.colors.brand.medium
-    : props.theme.colors.border.secondary};
-  border-width: 1px 0;
-  z-index: ${(props) => (props.$isSelected ? '1' : '0')};
+  border: 1px solid ${(props) => props.theme.colors.border.secondary};
+  overflow: hidden;
+  max-width: 100%;
+  box-sizing: border-box;
+  margin-bottom: ${(props) => props.theme.grid.unit * 2}px;
 
   &:hover {
-    background-color: ${(props) => props.theme.colors.background.selected};
+    background-color: #f2f2f2;
+  }
+
+  &.active {
+    background-color: #f2f2f2;
+    z-index: 1;
   }
 `);
 const Label = styled_components_1.default.span `
   color: ${(props) => props.theme.colors.text.primary};
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  word-break: break-all;
+  overflow-wrap: break-word;
+  min-width: fit-content;
 `;
 const Caption = styled_components_1.default.span `
   color: ${(props) => props.theme.colors.text.secondary};
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  word-break: break-all;
+  overflow-wrap: break-word;
+  margin-left: 3.2px;
 `;
 const Heading = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-shrink: 0;
+  font-size: ${(props) => props.theme.font.size.medium};
   font-weight: ${(props) => props.theme.font.weight.bold};
+  color: ${(props) => props.theme.colors.text.primary};
+  margin-bottom: ${(props) => props.theme.grid.unit * 3}px;
 `;
 const Empty = styled_components_1.default.div `
   margin-bottom: ${(props) => props.theme.grid.unit * 4}px;
   color: ${(props) => props.theme.colors.text.tertiary};
 `;
+const GroupExpandableSection = (0, styled_components_1.default)(style_guide_1.ExpandableSection) `
+  & > div:first-child {
+    flex-direction: row-reverse;
+    justify-content: flex-end;
+    padding-left: 0;
+    gap: 10px;
+    font-weight: ${(props) => props.theme.font.weight.normal};
+    svg {
+      width: 20px;
+      height: 20px;
+    }
+  }
+`;
 const DefaultLabelWrapper = styled_components_1.default.div `
-  margin-bottom: ${(props) => props.theme.grid.unit * 2}px;
+  display: flex;
+  align-items: center;
+  min-width: 0;
 `;
-const CustomTextArea = (0, styled_components_1.default)(style_guide_1.TextArea) `
-  width: 100%;
-  height: 75px;
+const ItemIcon = styled_components_1.default.span `
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
   color: ${(props) => props.theme.colors.text.secondary};
-  background-color: ${(props) => props.theme.colors.background.primary} !important;
+  margin-right: ${(props) => props.theme.grid.unit * 2}px;
+  svg {
+    width: 20px;
+    height: 20px;
+  }
+`;
+const FieldLabel = styled_components_1.default.label `
+  font-size: ${(props) => props.theme.font.size.normal};
+  color: ${(props) => props.theme.colors.text.secondary};
+  margin-top: ${(props) => props.theme.grid.unit * 4}px;
+  margin-bottom: ${(props) => props.theme.grid.unit}px;
+`;
+const CustomTextInput = styled_components_1.default.input `
+  color: ${(props) => props.theme.colors.text.secondary};
+  background-color: ${(props) => props.theme.colors.background.primary};
   border: 1px solid ${(props) => props.theme.colors.border.secondary};
   border-radius: ${(props) => props.theme.grid.radius.small};
   padding: ${(props) => props.theme.grid.unit * 2}px;
+  &:disabled {
+    cursor: not-allowed;
+    background-color: ${(props) => props.theme.colors.background.disabled};
+    color: ${(props) => props.theme.colors.text.muted};
+  }
+`;
+const StyledModalBody = (0, styled_components_1.default)(style_guide_1.ModalBody) `
+  display: flex;
+  flex-direction: column;
+  padding: ${(props) => props.theme.grid.unit * 5}px
+    ${(props) => props.theme.grid.unit * 6}px;
+  max-height: 580px;
+  min-width: 600px;
+  max-width: 600px;
+  overflow: hidden;
 `;
 const trimmedCaption = (caption, limit) => {
     if (caption.length <= limit) {
@@ -128,7 +176,27 @@ const trimmedCaption = (caption, limit) => {
     const captionSearch = new RegExp(`^(.{${limit}}[^\\s]*).*`);
     return caption.replace(captionSearch, '$1…');
 };
-const CrossReferenceItems = ({ targets, handleSelect, handleCancel, currentTargetId, currentCustomLabel, }) => {
+const getTargetIcon = (target, files) => {
+    if (target.type === transform_1.schema.nodes.supplement.name) {
+        if (target.href && (0, url_1.allowedHref)(target.href)) {
+            return react_1.default.createElement(style_guide_1.WebLinkIcon, { className: "file-icon" });
+        }
+        const fileName = files.find((f) => f.id === target.href)?.name ?? target.label ?? '';
+        return (0, style_guide_1.getFileIcon)(fileName) ?? react_1.default.createElement(style_guide_1.FileUnknownIcon, null);
+    }
+    return (0, node_type_icons_1.nodeTypeIcon)(transform_1.schema.nodes[target.type]);
+};
+const GROUP_LABELS = {
+    figure_element: 'Figures',
+    table_element: 'Tables',
+    equation_element: 'Equations',
+    listing_element: 'Listings',
+    box_element: 'Boxes',
+    embed: 'Media',
+    supplement: 'Supplementary files',
+};
+const CrossReferenceItems = ({ targets, files, handleSelect, handleCancel, currentTargetId, currentCustomLabel, isEdit = false, }) => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(true);
     const [selectedItem, setSelectedItem] = (0, react_1.useState)('');
     const customTextRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
@@ -136,21 +204,40 @@ const CrossReferenceItems = ({ targets, handleSelect, handleCancel, currentTarge
             setSelectedItem(currentTargetId);
         }
     }, [currentTargetId]);
-    return (react_1.default.createElement(Container, null,
-        react_1.default.createElement(Heading, null, "Insert Cross-reference"),
-        react_1.default.createElement(Items, null, targets.length ? (targets.map((target) => (react_1.default.createElement(CrossReferenceItem, { key: target.id, "$isSelected": selectedItem === target.id, onClick: () => setSelectedItem(target.id) },
-            react_1.default.createElement(DefaultLabelWrapper, null,
-                react_1.default.createElement(Label, null, target.label),
-                react_1.default.createElement(Caption, null, target.caption && ': ' + trimmedCaption(target.caption, 200))),
-            selectedItem === target.id && (react_1.default.createElement(CustomTextArea, { ref: customTextRef, placeholder: 'Or type custom text', defaultValue: currentTargetId &&
-                    currentTargetId === selectedItem &&
-                    currentCustomLabel
-                    ? currentCustomLabel
-                    : '' })))))) : (react_1.default.createElement(Empty, null, "No cross-reference targets available."))),
-        react_1.default.createElement(Actions, null,
-            react_1.default.createElement(style_guide_1.ButtonGroup, null,
-                react_1.default.createElement(style_guide_1.SecondaryButton, { onClick: handleCancel }, "Cancel"),
-                react_1.default.createElement(style_guide_1.PrimaryButton, { onClick: () => selectedItem &&
-                        handleSelect(selectedItem, customTextRef.current?.value || ''), disabled: !selectedItem }, "Insert")))));
+    const close = (0, react_1.useCallback)(() => {
+        setIsOpen(false);
+        handleCancel();
+    }, [handleCancel]);
+    const grouped = targets.reduce((acc, t) => {
+        var _a;
+        ;
+        (acc[_a = t.type] ?? (acc[_a] = [])).push(t);
+        return acc;
+    }, {});
+    return (react_1.default.createElement(style_guide_1.StyledModal, { isOpen: isOpen, onRequestClose: close, shouldCloseOnOverlayClick: true },
+        react_1.default.createElement(style_guide_1.ModalContainer, { "data-cy": "cross-reference-editor" },
+            react_1.default.createElement(style_guide_1.ModalHeader, null,
+                react_1.default.createElement(style_guide_1.CloseButton, { onClick: close })),
+            react_1.default.createElement(StyledModalBody, null,
+                react_1.default.createElement(Heading, null, isEdit ? 'Edit Cross-reference' : 'Insert Cross-reference'),
+                react_1.default.createElement(FieldLabel, { htmlFor: "cross-reference-custom-text" }, "Custom display text"),
+                react_1.default.createElement(CustomTextInput, { ref: customTextRef, id: "cross-reference-custom-text", "data-cy": "cross-reference-custom-text", type: "text", placeholder: 'Custom display text...', disabled: !selectedItem, defaultValue: currentCustomLabel ?? '' }),
+                react_1.default.createElement(Items, null, Object.keys(grouped).length ? (Object.entries(grouped).map(([type, group]) => (react_1.default.createElement(GroupExpandableSection, { key: type, title: GROUP_LABELS[type], icon: style_guide_1.ArrowDownIcon }, group.map((target) => {
+                    const icon = getTargetIcon(target, files);
+                    return (react_1.default.createElement(CrossReferenceItem, { key: target.id, "data-cy": "cross-reference-item", className: selectedItem === target.id ? 'active' : undefined, onClick: () => setSelectedItem(target.id) },
+                        react_1.default.createElement(DefaultLabelWrapper, null,
+                            icon ? react_1.default.createElement(ItemIcon, null, icon) : null,
+                            react_1.default.createElement(Label, null,
+                                target.label,
+                                target.caption && `:`),
+                            react_1.default.createElement(Caption, null, trimmedCaption(target.caption, 200)))));
+                }))))) : (react_1.default.createElement(Empty, null, "No cross-reference targets available.")))),
+            react_1.default.createElement(FormFooter_1.default, { onCancel: close, cancelLabel: "Cancel", primaryAction: react_1.default.createElement(style_guide_1.PrimaryButton, { onClick: () => {
+                        if (selectedItem) {
+                            setIsOpen(false);
+                            const customLabel = customTextRef.current?.value;
+                            handleSelect(selectedItem, customLabel || '');
+                        }
+                    }, disabled: !selectedItem }, isEdit ? 'Update' : 'Insert') }))));
 };
 exports.CrossReferenceItems = CrossReferenceItems;

package/dist/cjs/components/views/DeleteSupplementDialog.js

@@ -44,7 +44,7 @@ const editor_props_1 = require("../../plugins/editor-props");
 const ReactSubView_1 = __importDefault(require("../../views/ReactSubView"));
 const DeleteSupplementDialog = ({ label, onDelete }) => {
     const [isOpen, setOpen] = (0, react_1.useState)(true);
-    return (react_1.default.createElement(style_guide_1.Dialog, { isOpen: isOpen, category: style_guide_1.Category.confirmation, header: 'Delete supplement', message: 'Are you sure you want to delete \u201C{label}\u201D?', actions: {
+    return (react_1.default.createElement(style_guide_1.Dialog, { isOpen: isOpen, category: style_guide_1.Category.confirmation, header: "Delete supplement", message: "Are you sure you want to delete \u201C{label}\u201D?", actions: {
             primary: {
                 action: () => {
                     onDelete();

package/dist/cjs/lib/supplements.js

@@ -15,11 +15,19 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.deleteSupplementAtPos = exports.performDeleteSupplement = exports.getSupplementDisplayLabel = void 0;
+exports.deleteSupplementAtPos = exports.performDeleteSupplement = exports.getSupplementDisplayLabel = exports.getSupplementCaptionTitle = void 0;
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const url_1 = require("./url");
+const getSupplementCaptionTitle = (node) => {
+    return node.firstChild?.textContent.trim() ?? '';
+};
+exports.getSupplementCaptionTitle = getSupplementCaptionTitle;
 const getSupplementDisplayLabel = (node, files) => {
+    const captionTitle = (0, exports.getSupplementCaptionTitle)(node);
+    if (captionTitle) {
+        return captionTitle;
+    }
     const href = node.attrs.href;
     if ((0, url_1.allowedHref)(href)) {
         return href;

package/dist/cjs/lib/view.js

@@ -48,7 +48,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.deleteNode = exports.updateNodeAttrs = exports.findChildrenAttrsByType = exports.findChildrenByType = exports.findChildByType = exports.findChildByID = void 0;
+exports.saveBibliographyItem = exports.insertBibliographyItems = exports.deleteNode = exports.updateNodeAttrs = exports.findChildrenAttrsByType = exports.findChildrenByType = exports.findChildByType = exports.findChildByID = void 0;
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
 const utils = __importStar(require("prosemirror-utils"));
@@ -106,3 +106,41 @@ const deleteNode = (view, id) => {
     }
 };
 exports.deleteNode = deleteNode;
+const createBibliographySection = (nodes) => 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({}, nodes),
+]);
+const insertBibliographyItems = (view, items) => {
+    const { doc } = view.state;
+    let tr = view.state.tr;
+    const biblioSection = utils.findChildrenByType(doc, transform_1.schema.nodes.bibliography_element, true);
+    if (biblioSection.length) {
+        let insertPos = biblioSection[0].pos + 1;
+        for (const attrs of items) {
+            const node = transform_1.schema.nodes.bibliography_item.create(attrs);
+            tr = tr.insert(insertPos, node);
+            insertPos += node.nodeSize;
+        }
+    }
+    else {
+        const backmatter = utils.findChildrenByType(doc, transform_1.schema.nodes.backmatter, true);
+        const backmatterEnd = backmatter[0]
+            ? backmatter[0].node.nodeSize + backmatter[0].pos
+            : 0;
+        const nodes = items.map((attrs) => transform_1.schema.nodes.bibliography_item.create(attrs));
+        tr = tr.insert(backmatterEnd ? backmatterEnd - 1 : tr.doc.content.size, createBibliographySection(nodes));
+    }
+    view.dispatch(tr);
+};
+exports.insertBibliographyItems = insertBibliographyItems;
+const saveBibliographyItem = (view, attrs) => {
+    if (attrs.length === 1) {
+        const item = attrs[0];
+        if ((0, exports.findChildByID)(view, item.id)) {
+            (0, exports.updateNodeAttrs)(view, transform_1.schema.nodes.bibliography_item, item);
+            return;
+        }
+    }
+    (0, exports.insertBibliographyItems)(view, attrs);
+};
+exports.saveBibliographyItem = saveBibliographyItem;

package/dist/cjs/menus.js

@@ -333,6 +333,41 @@ const getEditorMenus = (editor) => {
             {
                 role: 'separator',
             },
+            {
+                id: 'insert-citation',
+                label: 'Citation',
+                shortcut: {
+                    mac: 'Option+CommandOrControl+C',
+                    pc: 'CommandOrControl+Option+C',
+                },
+                isEnabled: (0, utils_1.isEditAllowed)(state) &&
+                    isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.citation)),
+                run: doCommand(commands_1.insertInlineCitation),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.citation),
+            },
+            {
+                id: 'insert-cross-reference',
+                label: 'Cross-reference',
+                shortcut: {
+                    mac: 'Option+CommandOrControl+R',
+                    pc: 'CommandOrControl+Option+R',
+                },
+                isEnabled: (0, utils_1.isEditAllowed)(state) && isCommandValid(commands_1.canInsertCrossReference),
+                run: doCommand(commands_1.insertCrossReference),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.cross_reference),
+            },
+            {
+                id: 'insert-footnote',
+                label: 'Footnote',
+                shortcut: {
+                    mac: 'Option+CommandOrControl+F',
+                    pc: 'CommandOrControl+Option+F',
+                },
+                isEnabled: (0, utils_1.isEditAllowed)(state) &&
+                    isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.inline_footnote)),
+                run: doCommand(commands_1.insertInlineFootnote),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.inline_footnote),
+            },
             {
                 id: 'insert-special-character',
                 label: 'Special Characters',

package/dist/cjs/plugins/objects.js

@@ -42,7 +42,7 @@ exports.default = () => {
                         const { id } = node.attrs;
                         if (id) {
                             const target = targets.get(id);
-                            if (target) {
+                            if (target && target.label) {
                                 const caption = (0, prosemirror_utils_1.findChildren)(node, (node) => node.type === transform_1.schema.nodes.caption ||
                                     node.type === transform_1.schema.nodes.caption_title, false)[0];
                                 if (caption) {

package/dist/cjs/toolbar.js

@@ -119,6 +119,12 @@ exports.toolbar = {
             isEnabled: isEnabled((0, commands_1.canInsert)(transform_1.schema.nodes.highlight_marker)),
             run: commands_1.addInlineComment,
         },
+        cross_reference: {
+            title: 'Insert cross-reference',
+            content: react_1.default.createElement(style_guide_1.ToolbarCrossReferenceIcon, null),
+            isEnabled: isEnabled(commands_1.canInsertCrossReference),
+            run: commands_1.insertCrossReference,
+        },
         citation: {
             title: 'Insert citation',
             content: react_1.default.createElement(style_guide_1.ToolbarCitationIcon, null),

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 = '3.16.0';
+exports.VERSION = '3.16.2';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/bibliography_element.js

@@ -20,7 +20,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BibliographyElementBlockView = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
-const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
 const ReferencesEditor_1 = require("../components/references/ReferencesEditor");
 const comments_1 = require("../lib/comments");
@@ -92,7 +91,7 @@ class BibliographyElementBlockView extends block_view_1.default {
             this.dom.appendChild(this.container);
         };
         this.handleSave = (attrs) => {
-            (0, view_1.updateNodeAttrs)(this.view, transform_1.schema.nodes.bibliography_item, attrs);
+            (0, view_1.saveBibliographyItem)(this.view, attrs);
         };
         this.handleDelete = (item) => {
             (0, view_1.deleteNode)(this.view, item.id);