@manuscripts/body-editor 3.17.3 → 3.18.0

package/dist/cjs/commands.js

@@ -754,16 +754,14 @@ const insertAbstractSection = (category) => (state, dispatch, view) => {
         return false;
     }
     const abstracts = (0, doc_1.findAbstractsNode)(state.doc);
-    const sections = (0, prosemirror_utils_1.findChildrenByType)(abstracts.node, transform_1.schema.nodes.section);
-    if (sections.some((s) => s.node.attrs.category === category.id)) {
+    const abstractNodes = (0, prosemirror_utils_1.findChildrenByType)(abstracts.node, transform_1.schema.nodes.abstract);
+    if (abstractNodes.some((s) => s.node.attrs.category === category.id)) {
         return false;
     }
-    const ga = (0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.graphical_abstract_section)[0];
-    let pos = ga ? ga.pos : abstracts.pos + abstracts.node.content.size + 1;
-    if (category.id === 'abstract') {
-        pos = abstracts.pos + 1;
-    }
-    const node = transform_1.schema.nodes.section.create({ category: category.id }, [
+    const pos = (0, utils_1.findInsertionPosition)(transform_1.schema.nodes.abstract, abstracts.node) +
+        abstracts.pos +
+        1;
+    const node = transform_1.schema.nodes.abstract.create({ category: category.id }, [
         transform_1.schema.nodes.section_title.create({}, transform_1.schema.text(category.titles[0])),
         transform_1.schema.nodes.paragraph.create({ placeholder: 'Type abstract here...' }),
     ]);
@@ -815,9 +813,9 @@ const insertGraphicalAbstract = (category) => (state, dispatch, view) => {
     if (sections.some((s) => s.node.attrs.category === category.id)) {
         return false;
     }
-    const ga = (0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.graphical_abstract_section)[0];
-    let pos = abstracts.pos + abstracts.node.content.size + 1;
-    pos = ga && category.id === 'abstract-key-image' ? ga.pos : pos;
+    const pos = (0, utils_1.findInsertionPosition)(transform_1.schema.nodes.graphical_abstract_section, abstracts.node) +
+        abstracts.pos +
+        1;
     const node = transform_1.schema.nodes.graphical_abstract_section.createAndFill({ category: category.id }, [
         transform_1.schema.nodes.section_title.create({}, transform_1.schema.text(category.titles[0])),
         createAndFillFigureElement(state),
@@ -1029,7 +1027,7 @@ const insertTOCSection = () => {
     return false;
 };
 exports.insertTOCSection = insertTOCSection;
-const insertTransAbstract = (state, dispatch, category, insertAfterPos) => {
+const insertTransAbstract = (state, dispatch, category) => {
     if (!(0, template_1.templateAllows)(state, transform_1.schema.nodes.trans_abstract)) {
         return false;
     }
@@ -1044,9 +1042,7 @@ const insertTransAbstract = (state, dispatch, category, insertAfterPos) => {
         category,
     }, [title, paragraph]);
     const abstracts = (0, doc_1.findAbstractsNode)(state.doc);
-    const pos = insertAfterPos != null
-        ? insertAfterPos
-        : abstracts.pos + abstracts.node.nodeSize - 1;
+    const pos = abstracts.node.content.size + abstracts.pos + 1;
     const tr = state.tr.insert(pos, node);
     const selection = prosemirror_state_1.TextSelection.create(tr.doc, pos + 1);
     tr.setSelection(selection).scrollIntoView();
@@ -1054,7 +1050,7 @@ const insertTransAbstract = (state, dispatch, category, insertAfterPos) => {
     return true;
 };
 exports.insertTransAbstract = insertTransAbstract;
-const insertTransGraphicalAbstract = (category, insertAfterPos) => (state, dispatch, view) => {
+const insertTransGraphicalAbstract = (category) => (state, dispatch, view) => {
     if (!(0, template_1.templateAllows)(state, transform_1.schema.nodes.trans_graphical_abstract)) {
         return false;
     }
@@ -1063,9 +1059,7 @@ const insertTransGraphicalAbstract = (category, insertAfterPos) => (state, dispa
     }
     const lang = state.doc.attrs.primaryLanguageCode || 'en';
     const abstracts = (0, doc_1.findAbstractsNode)(state.doc);
-    const pos = insertAfterPos != null
-        ? insertAfterPos
-        : abstracts.pos + abstracts.node.content.size + 1;
+    const pos = abstracts.node.content.size + abstracts.pos + 1;
     const node = transform_1.schema.nodes.trans_graphical_abstract.createAndFill({
         lang,
         category: category.id,

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

@@ -29,9 +29,22 @@ exports.Metadata = styled_components_1.default.div `
   margin-top: ${(props) => props.theme.grid.unit}px;
 `;
 exports.MetadataContainer = styled_components_1.default.div `
+  position: relative;
   flex: 1;
 `;
-const ReferenceLine = ({ item }) => (react_1.default.createElement(exports.MetadataContainer, null,
+const ReferenceLine = ({ item, showUncited }) => (react_1.default.createElement(exports.MetadataContainer, null,
+    showUncited && react_1.default.createElement(UncitedBadge, null, "UNCITED"),
     react_1.default.createElement("div", { "data-cy": 'reference-title' }, item.title || item.literal || 'Untitled'),
     react_1.default.createElement(exports.Metadata, null, (0, references_1.metadata)(item))));
 exports.ReferenceLine = ReferenceLine;
+const UncitedBadge = styled_components_1.default.span `
+  padding: 1px 6px;
+  display: flex;
+  margin-bottom: 2px;
+  max-width: max-content;
+  border-radius: 4px;
+  color: #353535;
+  background-color: #f7b314;
+  font-size: 10px;
+  font-weight: 500;
+`;

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

@@ -38,6 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReferencesModal = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
+const transform_1 = require("@manuscripts/transform");
 const isEqual_1 = __importDefault(require("lodash/isEqual"));
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
@@ -45,135 +46,19 @@ 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;
-`;
-const ReferencesSidebar = (0, styled_components_1.default)(style_guide_1.ModalSidebar) `
-  width: 70%;
-`;
-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;
-`);
-const ReferenceButton = (0, style_guide_1.withNavigableListItem)(styled_components_1.default.div `
-  cursor: pointer;
-  display: flex;
-  justify-content: flex-start;
-  padding: ${(props) => props.theme.grid.unit * 4}px 0;
-  border-top: 1px solid transparent;
-  border-bottom: 1px solid transparent;
-
-  path {
-    fill: #c9c9c9;
-  }
-
-  &:hover {
-    background: ${(props) => props.theme.colors.background.info};
-  }
-
-  &.selected {
-    background: ${(props) => props.theme.colors.background.info};
-    border-top-color: #bce7f6;
-    border-bottom-color: #bce7f6;
-  }
-
-  .tooltip {
-    max-width: ${(props) => props.theme.grid.unit * 25}px;
-    padding: ${(props) => props.theme.grid.unit * 2}px;
-    border-radius: 6px;
-  }
-`);
-const IconContainer = styled_components_1.default.div `
-  padding-right: ${(props) => props.theme.grid.unit * 5}px;
-  position: relative;
-`;
-const CitationCount = styled_components_1.default.div `
-  border-radius: 50%;
-  width: 12px;
-  height: 12px;
-  position: absolute;
-  color: #ffffff;
-  background-color: #bce7f6;
-  text-align: center;
-  vertical-align: top;
-  top: 0;
-  left: 16px;
-  font-size: 9px;
-
-  &.unused {
-    background-color: #fe8f1f;
-  }
-`;
+const normalize_1 = require("../../lib/normalize");
 const selectionTopOffset = 10;
 const pageSize = 12;
 const topTrigger = 0.2;
 const bottomTrigger = 0.8;
 const dropLimit = 36;
-const normalize = (item) => ({
-    id: item.id,
-    type: item.type,
-    author: item.author || [],
-    editor: item.editor || [],
-    issued: item.issued,
-    ['container-title']: item['container-title'] || '',
-    ['collection-title']: item['collection-title'] || '',
-    DOI: item.DOI || '',
-    URL: item.URL || '',
-    volume: item.volume || '',
-    issue: item.issue || '',
-    supplement: item.supplement || '',
-    edition: item.edition || '',
-    page: item.page || '',
-    ['number-of-pages']: item['number-of-pages'] || '',
-    title: item.title || '',
-    literal: item.literal || '',
-    std: item.std || '',
-    publisher: item.publisher || '',
-    ['publisher-place']: item['publisher-place'] || '',
-    event: item.event || '',
-    ['event-place']: item['event-place'] || '',
-    ['event-date']: item['event-date'],
-    institution: item.institution || '',
-    locator: item.locator || '',
-    accessed: item.accessed,
-    comment: item.comment || '',
-});
 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 [isNew, setIsNew] = (0, react_1.useState)(false);
     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;
@@ -188,7 +73,17 @@ const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave
     };
     const selectionIndex = sortedItems.findIndex(isSelected);
     (0, react_1.useEffect)(() => {
-        setSelection(item);
+        if (item) {
+            setSelection(item);
+            setIsNew(false);
+        }
+        else {
+            setIsNew(true);
+            setSelection({
+                id: (0, transform_1.generateNodeID)(transform_1.schema.nodes.bibliography_item),
+                type: 'article-journal',
+            });
+        }
     }, [item]);
     (0, react_1.useEffect)(() => {
         setTimeout(() => {
@@ -238,10 +133,11 @@ const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave
         };
         const currentCitationCount = citationCounts.get(item.id);
         if (currentCitationCount === undefined) {
-            citationCounts.set(item.id, 1);
+            citationCounts.set(item.id, 0);
         }
         onSave(item);
         setSelection(item);
+        setIsNew(false);
         setConfirm(false);
     };
     const handleDelete = () => {
@@ -251,14 +147,18 @@ const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave
         onDelete(selection);
         setSelection(undefined);
     };
+    const hasChanged = () => {
+        const values = valuesRef.current;
+        return (values && selection && !(0, isEqual_1.default)(values, (0, normalize_1.normalizeBlblioItem)(selection)));
+    };
     const clearImportSuccess = () => setImportSuccessCount(null);
     const handleItemClick = (item) => {
         clearImportSuccess();
-        const values = valuesRef.current;
-        if (values && selection && !(0, isEqual_1.default)(values, normalize(selection))) {
+        if (hasChanged()) {
             setConfirm(true);
             return;
         }
+        setIsNew(false);
         setSelection(item);
     };
     const handleChange = (values) => {
@@ -270,9 +170,6 @@ const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave
         setSelection(undefined);
         setImportSuccessCount(data.length);
     };
-    if (sortedItems.length <= 0) {
-        return react_1.default.createElement(react_1.default.Fragment, null);
-    }
     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 },
@@ -294,16 +191,143 @@ const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave
                         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(NewReferenceButton, { onClick: () => {
+                                    if (hasChanged()) {
+                                        setConfirm(true);
+                                        return;
+                                    }
+                                    setIsNew(true);
+                                    setSelection({
+                                        id: (0, transform_1.generateNodeID)(transform_1.schema.nodes.bibliography_item),
+                                        type: 'article-journal',
+                                    });
+                                }, className: isNew ? 'selected' : '', disabled: isNew },
+                                react_1.default.createElement(style_guide_1.AddIcon, null),
+                                react_1.default.createElement("span", null, "New Reference")),
+                            react_1.default.createElement(ReferencesInnerWrapper, null,
+                                react_1.default.createElement(ExistingReferencesHeading, null, "Existing References"),
+                                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(CitationCountIconStyled, 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, { showUncited: !citationCounts.get(item.id), 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) &&
+                    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: (0, normalize_1.normalizeBlblioItem)(selection), showDelete: !citationCounts.get(selection.id) &&
                             isNewItem(selection, ['id', 'type']), onChange: handleChange, onCancel: onCancel, onDelete: handleDelete, onSave: handleSave, actionsRef: actionsRef })))))))));
 };
 exports.ReferencesModal = ReferencesModal;
+const ReferencesModalContainer = (0, styled_components_1.default)(style_guide_1.ModalContainer) `
+  min-width: 960px;
+`;
+const ReferencesSidebar = (0, styled_components_1.default)(style_guide_1.ModalSidebar) `
+  width: 70%;
+`;
+const ReferencesSidebarContent = (0, styled_components_1.default)(style_guide_1.SidebarContent) `
+  overflow-y: auto;
+`;
+const ReferencesInnerWrapper = (0, style_guide_1.withListNavigation)(styled_components_1.default.div `
+  width: 100%;
+  padding: 12px 0;
+`);
+const CitationCountIconStyled = (0, styled_components_1.default)(style_guide_1.CitationCountIcon) ``;
+const ReferenceButton = (0, style_guide_1.withNavigableListItem)(styled_components_1.default.button `
+  cursor: pointer;
+  display: flex;
+  width: 100%;
+  justify-content: flex-start;
+  font: inherit;
+  appearance: none;
+  -webkit-appearance: none;
+  background: none;
+  border: none;
+  border-radius: 0;
+  text-align: inherit;
+
+  padding: ${(props) => props.theme.grid.unit * 4}px 0;
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+
+  ${CitationCountIconStyled} path {
+    fill: #c9c9c9;
+  }
+
+  &:hover {
+    background: ${(props) => props.theme.colors.background.info};
+  }
+
+  &.selected {
+    background: ${(props) => props.theme.colors.background.info};
+    border-top-color: #bce7f6;
+    border-bottom-color: #bce7f6;
+  }
+
+  .tooltip {
+    max-width: ${(props) => props.theme.grid.unit * 25}px;
+    padding: ${(props) => props.theme.grid.unit * 2}px;
+    border-radius: 6px;
+  }
+`);
+const IconContainer = styled_components_1.default.div `
+  padding-right: ${(props) => props.theme.grid.unit * 5}px;
+  position: relative;
+`;
+const CitationCount = styled_components_1.default.div `
+  border-radius: 50%;
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  color: #ffffff;
+  background-color: #bce7f6;
+  text-align: center;
+  vertical-align: top;
+  top: 0;
+  left: 16px;
+  font-size: 9px;
+
+  &.unused {
+    background-color: #fe8f1f;
+  }
+`;
+const NewReferenceButton = (0, styled_components_1.default)(ReferenceButton) `
+  svg {
+    margin-right: 8px;
+  }
+`;
+const ExistingReferencesHeading = styled_components_1.default.h3 `
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 400;
+  padding: 8px 0 20px;
+  margin: 0;
+  color: #6e6e6e;
+`;
+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;
+  }
+`;

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

@@ -118,6 +118,7 @@ exports.default = (props, dispatch) => {
         headshot_element: (0, headshot_element_1.default)(props, dispatch),
         headshot_image: (0, headshot_image_editable_1.default)(props, dispatch),
         abstracts: (0, abstracts_1.default)(props),
+        abstract: (0, section_1.default)(props),
         trans_abstract: (0, translated_abstract_editable_1.default)(props),
         trans_graphical_abstract: (0, trans_graphical_abstract_editable_1.default)(props),
         attachment: (0, attachment_1.default)(props, dispatch),

package/dist/cjs/icons.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.webLinkIcon = exports.ORCIDIcon = exports.tickIcon = exports.fileMainDocumentIcon = exports.leadingHalfLeftIcon = exports.leadingWallpaperIcon = exports.leadingLargeFloatIcon = exports.leadingSmallFloatIcon = exports.leadingHeroImageIcon = exports.linkIcon = exports.translateIcon = exports.draggableIcon = exports.fileCorruptedIcon = exports.imageDefaultIcon = exports.imageLeftIcon = exports.imageRightIcon = exports.plusIcon = exports.lockIcon = exports.scrollIcon = exports.sectionCategoryIcon = exports.editIcon = exports.deleteIcon = exports.cameraIcon = exports.alertIcon = exports.arrowUp = exports.arrowDown = exports.addAuthorIcon = void 0;
+exports.webLinkIcon = exports.ORCIDIcon = exports.tickIcon = exports.fileMainDocumentIcon = exports.leadingHalfLeftIcon = exports.leadingWallpaperIcon = exports.leadingLargeFloatIcon = exports.leadingSmallFloatIcon = exports.leadingHeroImageIcon = exports.linkIcon = exports.translateIcon = exports.draggableIcon = exports.fileCorruptedIcon = exports.imageDefaultIcon = exports.imageLeftIcon = exports.imageRightIcon = exports.plusIcon = exports.lockIcon = exports.scrollIcon = exports.sectionCategoryIcon = exports.editIcon = exports.deleteIcon = exports.cameraIcon = exports.alertIcon = exports.arrowUp = exports.arrowDown = exports.addIcon = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = require("react");
 const server_1 = require("react-dom/server");
 const renderIcon = (c) => (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(c));
-exports.addAuthorIcon = renderIcon(style_guide_1.AddAuthorIcon);
+exports.addIcon = renderIcon(style_guide_1.AddAuthorIcon);
 exports.arrowDown = renderIcon(style_guide_1.ArrowDownCircleIcon);
 exports.arrowUp = renderIcon(style_guide_1.ArrowUpIcon);
 exports.alertIcon = renderIcon(style_guide_1.AlertIcon);

package/dist/cjs/lib/context-menu.js

@@ -263,7 +263,10 @@ class ContextMenu {
                 menu.appendChild(this.createMenuSection((section) => {
                     let nodeName = transform_1.nodeNames.get(type) || '';
                     if (type === transform_1.schema.nodes.section_title) {
-                        nodeName = transform_1.nodeNames.get(transform_1.schema.nodes.section);
+                        const containerType = $pos.parent.type;
+                        nodeName =
+                            transform_1.nodeNames.get(containerType) ??
+                                transform_1.nodeNames.get(transform_1.schema.nodes.section);
                     }
                     section.appendChild(this.createMenuItem(`Delete ${nodeName}`, () => {
                         this.deleteNode(type);

package/dist/cjs/lib/normalize.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkID = exports.normalizeAuthor = exports.normalizeAffiliation = void 0;
+exports.normalizeBlblioItem = exports.checkID = exports.normalizeAuthor = exports.normalizeAffiliation = void 0;
 const transform_1 = require("@manuscripts/transform");
 const trim = (value) => (value ?? '').trim();
 const normalizeAffiliation = (a) => ({
@@ -62,3 +62,33 @@ const checkID = (attrs, nodeType) => {
     };
 };
 exports.checkID = checkID;
+const normalizeBlblioItem = (item) => ({
+    id: item.id,
+    type: item.type,
+    author: item.author || [],
+    editor: item.editor || [],
+    issued: item.issued,
+    ['container-title']: item['container-title'] || '',
+    ['collection-title']: item['collection-title'] || '',
+    DOI: item.DOI || '',
+    URL: item.URL || '',
+    volume: item.volume || '',
+    issue: item.issue || '',
+    supplement: item.supplement || '',
+    edition: item.edition || '',
+    page: item.page || '',
+    ['number-of-pages']: item['number-of-pages'] || '',
+    title: item.title || '',
+    literal: item.literal || '',
+    std: item.std || '',
+    publisher: item.publisher || '',
+    ['publisher-place']: item['publisher-place'] || '',
+    event: item.event || '',
+    ['event-place']: item['event-place'] || '',
+    ['event-date']: item['event-date'],
+    institution: item.institution || '',
+    locator: item.locator || '',
+    accessed: item.accessed,
+    comment: item.comment || '',
+});
+exports.normalizeBlblioItem = normalizeBlblioItem;

package/dist/cjs/lib/paste.js

@@ -75,7 +75,6 @@ const transformPastedHTML = (html) => {
     const doc = new DOMParser().parseFromString(html, 'text/html');
     wrapHeadingWithSection(doc);
     wrapTableWithFigure(doc);
-    console.log(doc.body.innerHTML);
     return doc.body.innerHTML;
 };
 exports.transformPastedHTML = transformPastedHTML;

package/dist/cjs/menus.js

@@ -489,7 +489,7 @@ const getEditorMenus = (editor) => {
     };
     const ABSTRACT_ID = 'abstract';
     const abstractSection = allAbstractsCategories.find((s) => s.id === ABSTRACT_ID);
-    const ABSTRACT_GRAPHICAL_ID = 'abstract-graphical';
+    const ABSTRACT_GRAPHICAL_ID = 'graphical';
     const graphicalAbstractSection = allAbstractsCategories.find((s) => s.id === ABSTRACT_GRAPHICAL_ID);
     const abstractsSubmenuList = allAbstractsCategories.filter((c) => c.id !== ABSTRACT_ID && c.id !== ABSTRACT_GRAPHICAL_ID);
     const metadata = {

package/dist/cjs/node-type-icons.js

@@ -38,6 +38,7 @@ const icons = new Map([
     [nodes.paragraph, style_guide_1.OutlineParagraphIcon],
     [nodes.pullquote_element, style_guide_1.OutlinePullQuoteIcon],
     [nodes.section, style_guide_1.OutlineSectionIcon],
+    [nodes.abstract, style_guide_1.OutlineSectionIcon],
     [nodes.table_element, style_guide_1.OutlineTableIcon],
     [nodes.graphical_abstract_section, style_guide_1.OutlineSectionIcon],
     [nodes.trans_graphical_abstract, style_guide_1.OutlineSectionIcon],

package/dist/cjs/plugins/add-subtitle.js

@@ -25,7 +25,7 @@ const utils_1 = require("../lib/utils");
 const createAddSubtitleButton = (handler) => {
     const button = document.createElement('span');
     button.className = 'add-subtitle';
-    button.innerHTML = `${icons_1.addAuthorIcon} <span class="add-subtitle-text">Add subtitle</span>`;
+    button.innerHTML = `${icons_1.addIcon} <span class="add-subtitle-text">Add subtitle</span>`;
     button.tabIndex = 0;
     const activate = (event) => {
         event.preventDefault();

package/dist/cjs/plugins/bibliography.js

@@ -127,7 +127,13 @@ const buildBibliographyPluginState = (doc, csl, $old) => {
                 return item;
             },
         }, csl.style, 'en-US');
-        const citationTexts = engine.rebuildProcessorState(nodes.map(([node]) => (0, transform_1.buildCiteprocCitation)(node.attrs)));
+        const uncitedIds = [];
+        bibliographyItems.forEach((item, id) => {
+            if (!rids.includes(id)) {
+                uncitedIds.push(id);
+            }
+        });
+        const citationTexts = engine.rebuildProcessorState(nodes.map(([node]) => (0, transform_1.buildCiteprocCitation)(node.attrs)), 'html', uncitedIds);
         $new.version = String(version++);
         $new.citationCounts = citationCounts;
         $new.engine = engine;

package/dist/cjs/plugins/section_category.js

@@ -82,7 +82,7 @@ const buildPluginState = (state, props) => {
         if (node.type === transform_1.schema.nodes.box_element) {
             return false;
         }
-        if ((0, transform_1.isSectionNode)(node)) {
+        if ((0, transform_1.isSectionNode)(node) || (0, transform_1.isAbstractNode)(node)) {
             const categoryID = node.attrs.category;
             const category = categories.get(categoryID);
             const $pos = state.doc.resolve(pos);
@@ -100,7 +100,10 @@ const buildPluginState = (state, props) => {
     return { decorations: prosemirror_view_1.DecorationSet.create(state.doc, decorations) };
 };
 const getUsedSectionCategoryIDs = (state) => {
-    const sections = (0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.section);
+    const sections = [
+        ...(0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.section),
+        ...(0, prosemirror_utils_1.findChildrenByType)(state.doc, transform_1.schema.nodes.abstract),
+    ];
     const used = new Set();
     sections.forEach(({ node }) => {
         if (node.attrs.category) {