@manuscripts/body-editor 3.17.5 → 3.18.0

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

@@ -1,4 +1,5 @@
-import { AddAuthorIcon, Category, CitationCountIcon, CloseButton, Dialog, ModalBody, ModalContainer, ModalHeader, ModalSidebar, ModalSidebarHeader, ModalSidebarTitle, ScrollableModalContent, SidebarContent, StyledModal, useScrollDetection, withListNavigation, withNavigableListItem, } from '@manuscripts/style-guide';
+import { AddIcon, AddAuthorIcon, Category, CitationCountIcon, CloseButton, Dialog, ModalBody, ModalContainer, ModalHeader, ModalSidebar, ModalSidebarHeader, ModalSidebarTitle, ScrollableModalContent, SidebarContent, StyledModal, useScrollDetection, withListNavigation, withNavigableListItem, } from '@manuscripts/style-guide';
+import { generateNodeID, schema, } from '@manuscripts/transform';
 import isEqual from 'lodash/isEqual';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import styled from 'styled-components';
@@ -6,135 +7,19 @@ import { ReferenceForm, } from './ReferenceForm/ReferenceForm';
 import { ReferenceLine } from './ReferenceLine';
 import { ImportBibliographyModal } from './ImportBibliographyModal';
 import { ImportSuccessPlaceholder } from './ImportSuccessPlaceholder';
-const ReferencesModalContainer = styled(ModalContainer) `
-  min-width: 960px;
-`;
-const ReferencesSidebar = styled(ModalSidebar) `
-  width: 70%;
-`;
-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;
-`);
-const ReferenceButton = withNavigableListItem(styled.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.div `
-  padding-right: ${(props) => props.theme.grid.unit * 5}px;
-  position: relative;
-`;
-const CitationCount = styled.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;
-  }
-`;
+import { normalizeBlblioItem } from '../../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 || '',
-});
 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 [isNew, setIsNew] = useState(false);
     const selectionRef = useRef(null);
     const sortedItems = useMemo(() => [...items].sort((a, b) => {
         const aUncited = (citationCounts.get(a.id) ?? 0) === 0;
@@ -149,7 +34,17 @@ export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts,
     };
     const selectionIndex = sortedItems.findIndex(isSelected);
     useEffect(() => {
-        setSelection(item);
+        if (item) {
+            setSelection(item);
+            setIsNew(false);
+        }
+        else {
+            setIsNew(true);
+            setSelection({
+                id: generateNodeID(schema.nodes.bibliography_item),
+                type: 'article-journal',
+            });
+        }
     }, [item]);
     useEffect(() => {
         setTimeout(() => {
@@ -199,10 +94,11 @@ export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts,
         };
         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 = () => {
@@ -212,14 +108,18 @@ export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts,
         onDelete(selection);
         setSelection(undefined);
     };
+    const hasChanged = () => {
+        const values = valuesRef.current;
+        return (values && selection && !isEqual(values, normalizeBlblioItem(selection)));
+    };
     const clearImportSuccess = () => setImportSuccessCount(null);
     const handleItemClick = (item) => {
         clearImportSuccess();
-        const values = valuesRef.current;
-        if (values && selection && !isEqual(values, normalize(selection))) {
+        if (hasChanged()) {
             setConfirm(true);
             return;
         }
+        setIsNew(false);
         setSelection(item);
     };
     const handleChange = (values) => {
@@ -231,9 +131,6 @@ export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts,
         setSelection(undefined);
         setImportSuccessCount(data.length);
     };
-    if (sortedItems.length <= 0) {
-        return React.createElement(React.Fragment, null);
-    }
     return (React.createElement(React.Fragment, null,
         importing && (React.createElement(ImportBibliographyModal, { onCancel: () => setImporting(false), onSave: handleImportSave })),
         React.createElement(StyledModal, { isOpen: isOpen, onRequestClose: onCancel },
@@ -255,15 +152,142 @@ export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts,
                         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(NewReferenceButton, { onClick: () => {
+                                    if (hasChanged()) {
+                                        setConfirm(true);
+                                        return;
+                                    }
+                                    setIsNew(true);
+                                    setSelection({
+                                        id: generateNodeID(schema.nodes.bibliography_item),
+                                        type: 'article-journal',
+                                    });
+                                }, className: isNew ? 'selected' : '', disabled: isNew },
+                                React.createElement(AddIcon, null),
+                                React.createElement("span", null, "New Reference")),
+                            React.createElement(ReferencesInnerWrapper, null,
+                                React.createElement(ExistingReferencesHeading, null, "Existing References"),
+                                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(CitationCountIconStyled, 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, { showUncited: !citationCounts.get(item.id), 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) &&
+                    React.createElement(ScrollableModalContent, null, importSuccessCount !== null ? (React.createElement(ImportSuccessPlaceholder, { count: importSuccessCount })) : (selection && (React.createElement(ReferenceForm, { values: normalizeBlblioItem(selection), showDelete: !citationCounts.get(selection.id) &&
                             isNewItem(selection, ['id', 'type']), onChange: handleChange, onCancel: onCancel, onDelete: handleDelete, onSave: handleSave, actionsRef: actionsRef })))))))));
 };
+const ReferencesModalContainer = styled(ModalContainer) `
+  min-width: 960px;
+`;
+const ReferencesSidebar = styled(ModalSidebar) `
+  width: 70%;
+`;
+const ReferencesSidebarContent = styled(SidebarContent) `
+  overflow-y: auto;
+`;
+const ReferencesInnerWrapper = withListNavigation(styled.div `
+  width: 100%;
+  padding: 12px 0;
+`);
+const CitationCountIconStyled = styled(CitationCountIcon) ``;
+const ReferenceButton = withNavigableListItem(styled.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.div `
+  padding-right: ${(props) => props.theme.grid.unit * 5}px;
+  position: relative;
+`;
+const CitationCount = styled.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 = styled(ReferenceButton) `
+  svg {
+    margin-right: 8px;
+  }
+`;
+const ExistingReferencesHeading = styled.h3 `
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 400;
+  padding: 8px 0 20px;
+  margin: 0;
+  color: #6e6e6e;
+`;
+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;
+  }
+`;

package/dist/es/icons.js

@@ -2,7 +2,7 @@ import { AddAuthorIcon, AlertIcon, ArrowDownCircleIcon, ArrowUpIcon, CameraIcon,
 import { createElement } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
 const renderIcon = (c) => renderToStaticMarkup(createElement(c));
-export const addAuthorIcon = renderIcon(AddAuthorIcon);
+export const addIcon = renderIcon(AddAuthorIcon);
 export const arrowDown = renderIcon(ArrowDownCircleIcon);
 export const arrowUp = renderIcon(ArrowUpIcon);
 export const alertIcon = renderIcon(AlertIcon);

package/dist/es/lib/normalize.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { generateNodeID, schema } from '@manuscripts/transform';
+import { generateNodeID, schema, } from '@manuscripts/transform';
 const trim = (value) => (value ?? '').trim();
 export const normalizeAffiliation = (a) => ({
     ...a,
@@ -56,3 +56,32 @@ export const checkID = (attrs, nodeType) => {
         id: attrs.id || generateNodeID(schema.nodes[nodeType]),
     };
 };
+export 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 || '',
+});

package/dist/es/lib/paste.js

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

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

@@ -17,13 +17,13 @@ import { schema } from '@manuscripts/transform';
 import { Plugin, TextSelection } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 import { v4 as uuidv4 } from 'uuid';
-import { addAuthorIcon } from '../icons';
+import { addIcon } from '../icons';
 import { handleEnterKey } from '../lib/navigation-utils';
 import { findInsertionPosition } from '../lib/utils';
 const createAddSubtitleButton = (handler) => {
     const button = document.createElement('span');
     button.className = 'add-subtitle';
-    button.innerHTML = `${addAuthorIcon} <span class="add-subtitle-text">Add subtitle</span>`;
+    button.innerHTML = `${addIcon} <span class="add-subtitle-text">Add subtitle</span>`;
     button.tabIndex = 0;
     const activate = (event) => {
         event.preventDefault();

package/dist/es/plugins/bibliography.js

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

package/dist/es/plugins/translations.js

@@ -17,7 +17,7 @@ import { isAbstractNode, isGraphicalAbstractSectionNode, isTransAbstractNode, is
 import { Plugin } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 import { insertTransAbstract, insertTransGraphicalAbstract } from '../commands';
-import { addAuthorIcon, translateIcon } from '../icons';
+import { addIcon, translateIcon } from '../icons';
 import { getLanguage, getLanguageLabel } from '../lib/languages';
 import { createKeyboardInteraction, handleEnterKey, } from '../lib/navigation-utils';
 import { templateAllows } from '../lib/template';
@@ -83,7 +83,7 @@ export default (props) => new Plugin({
                             $span.tabIndex = 0;
                             $span.className = 'add-trans-abstract';
                             $span.title = 'Add translation';
-                            $span.innerHTML = `${addAuthorIcon} <span class="add-trans-abstract-text">Add translation</span>`;
+                            $span.innerHTML = `${addIcon} <span class="add-trans-abstract-text">Add translation</span>`;
                             const handleActivate = (event) => {
                                 event.preventDefault();
                                 event.stopPropagation();

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.17.5';
+export const VERSION = '3.18.0';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/bibliography_element.js

@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 import { ContextMenu } from '@manuscripts/style-guide';
+import { isCitationNode, } from '@manuscripts/transform';
 import { NodeSelection } from 'prosemirror-state';
 import { ReferencesEditor, } from '../components/references/ReferencesEditor';
 import { createCommentMarker, handleComment } from '../lib/comments';
@@ -21,13 +22,14 @@ import { handleEnterKey } from '../lib/navigation-utils';
 import { findNodeByID } from '../lib/doc';
 import { sanitize } from '../lib/dompurify';
 import { deleteNode, findChildByID, saveBibliographyItem } from '../lib/view';
-import { getBibliographyPluginState } from '../plugins/bibliography';
+import { getBibliographyPluginState, } from '../plugins/bibliography';
 import { commentsKey, setCommentSelection } from '../plugins/comments';
 import { selectedSuggestionKey } from '../plugins/selected-suggestion';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
 import ReactSubView from './ReactSubView';
 import { addTrackChangesAttributes, addTrackChangesClassNames, } from '@manuscripts/track-changes-plugin';
+import { addIcon } from '../icons';
 export class BibliographyElementBlockView extends BlockView {
     constructor() {
         super(...arguments);
@@ -132,7 +134,7 @@ export class BibliographyElementBlockView extends BlockView {
         const componentProps = {
             items: Array.from(bib.bibliographyItems.values()),
             citationCounts: bib.citationCounts,
-            item: bib.bibliographyItems.get(id),
+            item: id ? bib.bibliographyItems.get(id) : undefined,
             onSave: this.handleSave,
             onDelete: this.handleDelete,
         };
@@ -175,7 +177,18 @@ export class BibliographyElementBlockView extends BlockView {
             return;
         }
         this.version = bib.version;
+        this.renderBibs(bib);
+        this.createInlineModalButton();
+        this.updateSelections();
+    }
+    renderBibs(bib) {
         const nodes = new Map();
+        const rids = [];
+        this.view.state.doc.descendants((node) => {
+            if (isCitationNode(node)) {
+                rids.push(...node.attrs.rids);
+            }
+        });
         this.node.descendants((node) => {
             const id = node.attrs.id;
             nodes.set(id, node);
@@ -213,6 +226,12 @@ export class BibliographyElementBlockView extends BlockView {
             element.tabIndex = 0;
             const comment = createCommentMarker('div', id);
             element.prepend(comment);
+            if (!rids.includes(id)) {
+                const uncitedMarker = document.createElement('span');
+                uncitedMarker.innerHTML = 'UNCITED';
+                uncitedMarker.classList.add('uncited-reference-marker');
+                element.prepend(uncitedMarker);
+            }
             addTrackChangesAttributes(node.attrs, element);
             addTrackChangesClassNames(node.attrs, element);
             wrapper.append(element);
@@ -230,7 +249,30 @@ export class BibliographyElementBlockView extends BlockView {
         else {
             this.container.appendChild(wrapper);
         }
-        this.updateSelections();
+    }
+    createInlineModalButton() {
+        const can = this.props.getCapabilities();
+        if (!can.editCitationsAndRefs) {
+            if (this.inlineModalButton) {
+                this.inlineModalButton.remove();
+                this.inlineModalButton = null;
+            }
+            return;
+        }
+        if (this.inlineModalButton) {
+            return;
+        }
+        const $span = document.createElement('span');
+        $span.tabIndex = 0;
+        $span.className = 'add-new-reference add-trans-abstract';
+        $span.title = 'Add New Reference';
+        $span.innerHTML = `${addIcon} <span type="button" tabindex="0" class="add-new-reference-text">Add new reference</span>`;
+        $span.addEventListener('click', (e) => {
+            this.showPopper();
+        });
+        $span.addEventListener('keydown', handleEnterKey(() => this.showPopper()));
+        this.inlineModalButton = $span;
+        this.dom.appendChild($span);
     }
 }
 export default createNodeView(BibliographyElementBlockView);

package/dist/es/views/figure_element.js

@@ -15,7 +15,7 @@
  */
 import { schema } from '@manuscripts/transform';
 import { TextSelection } from 'prosemirror-state';
-import { addAuthorIcon } from '../icons';
+import { addIcon } from '../icons';
 import { handleEnterKey } from '../lib/navigation-utils';
 import { createNodeView } from './creators';
 import { ImageElementView } from './image_element';
@@ -68,7 +68,7 @@ export class FigureElementView extends ImageElementView {
         if (this.props.getCapabilities()?.editArticle) {
             this.addFigureBtn = Object.assign(document.createElement('button'), {
                 className: 'add-button',
-                innerHTML: addAuthorIcon,
+                innerHTML: addIcon,
                 title: 'Add figure',
             });
             this.addFigureBtn.addEventListener('click', () => this.addFigure());

package/dist/es/views/headshot_grid.js

@@ -15,7 +15,7 @@
  */
 import { schema, } from '@manuscripts/transform';
 import { TextSelection } from 'prosemirror-state';
-import { addAuthorIcon } from '../icons';
+import { addIcon } from '../icons';
 import { createKeyboardInteraction, handleEnterKey, } from '../lib/navigation-utils';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
@@ -45,7 +45,7 @@ export class HeadshotGridView extends BlockView {
                 this.addHeadshotButton.classList.add('add-headshot-element-button');
                 this.addHeadshotButton.setAttribute('data-cy', 'headshot-add');
                 this.addHeadshotButton.contentEditable = 'false';
-                this.addHeadshotButton.innerHTML = addAuthorIcon;
+                this.addHeadshotButton.innerHTML = addIcon;
                 const buttonText = document.createElement('span');
                 buttonText.classList.add('add-headshot-element-text');
                 buttonText.innerText = 'Add Headshot';

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

@@ -19,4 +19,5 @@ export declare const Metadata: import("styled-components/dist/types").IStyledCom
 export declare const MetadataContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const ReferenceLine: React.FC<{
     item: BibliographyItemAttrs;
+    showUncited?: boolean;
 }>;

package/dist/types/icons.d.ts

@@ -1,4 +1,4 @@
-export declare const addAuthorIcon: string;
+export declare const addIcon: string;
 export declare const arrowDown: string;
 export declare const arrowUp: string;
 export declare const alertIcon: string;

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

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Nodes } from '@manuscripts/transform';
+import { BibliographyItemAttrs, Nodes } from '@manuscripts/transform';
 import { AffiliationAttrs, ContributorAttrs } from './authors';
 export declare const normalizeAffiliation: (a: AffiliationAttrs) => AffiliationAttrs;
 export declare const normalizeAuthor: (author: ContributorAttrs) => ContributorAttrs;
@@ -23,4 +23,33 @@ type WithID = {
 export declare const checkID: <T extends WithID>(attrs: T, nodeType: Nodes) => T & {
     id: string;
 };
+export declare const normalizeBlblioItem: (item: BibliographyItemAttrs) => {
+    id: string;
+    type: import("@manuscripts/transform").BibliographyItemType;
+    author: import("csl").Person[];
+    editor: import("csl").Person[];
+    issued: import("csl").Date | undefined;
+    "container-title": string;
+    "collection-title": string;
+    DOI: string;
+    URL: string;
+    volume: string;
+    issue: string;
+    supplement: string;
+    edition: string;
+    page: string;
+    "number-of-pages": string;
+    title: string;
+    literal: string;
+    std: string;
+    publisher: string;
+    "publisher-place": string;
+    event: string;
+    "event-place": string;
+    "event-date": import("csl").Date | undefined;
+    institution: string;
+    locator: string;
+    accessed: import("csl").Date | undefined;
+    comment: string;
+};
 export {};

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.17.5";
+export declare const VERSION = "3.18.0";
 export declare const MATHJAX_VERSION = "3.2.2";