@manuscripts/body-editor 1.5.3 → 1.5.4-LEAN-2926-0

package/dist/cjs/commands.js

@@ -257,9 +257,6 @@ const insertLink = (state, dispatch) => {
     return true;
 };
 exports.insertLink = insertLink;
-const needsBibliography = (state) => !bibliography_1.bibliographyKey.getState(state).citations.length &&
-    !(0, utils_1.getChildOfType)(state.tr.doc, state.schema.nodes.bibliography_section);
-const createBibliographySection = (state) => state.schema.nodes.bibliography_section.createAndFill({}, state.schema.nodes.section_title.create({}, state.schema.text('Bibliography')));
 const insertInlineCitation = (state, dispatch, view, embeddedCitationItems = []) => {
     const citation = (0, transform_1.buildCitation)(state.selection.$anchor.parent.attrs.id, embeddedCitationItems);
     const node = state.schema.nodes.citation.create({
@@ -270,9 +267,6 @@ const insertInlineCitation = (state, dispatch, view, embeddedCitationItems = [])
     const pos = state.selection.to;
     const { tr } = state;
     tr.insert(pos, node);
-    if (needsBibliography(state)) {
-        tr.insert(tr.doc.content.size, createBibliographySection(state)).setMeta(bibliography_1.bibliographyKey, { bibliographyInserted: true });
-    }
     if (dispatch) {
         const selection = prosemirror_state_1.NodeSelection.create(tr.doc, pos);
         dispatch(tr.setSelection(selection).scrollIntoView());
@@ -349,7 +343,7 @@ const insertGraphicalAbstract = (state, dispatch) => {
         !(0, transform_1.isInAbstractsSection)(state.selection.$from)) {
         return false;
     }
-    if ((0, utils_1.getMatchingDescendant)(state.doc, (node) => node.type === state.schema.nodes.graphical_abstract_section)) {
+    if (!(0, utils_1.getMatchingDescendant)(state.doc, (node) => node.type === state.schema.nodes.graphical_abstract_section)) {
         return false;
     }
     const section = state.schema.nodes.graphical_abstract_section.createAndFill({ category: 'MPSectionCategory:abstract-graphical' }, [
@@ -399,7 +393,7 @@ const insertFootnotesSection = (state, dispatch) => {
 };
 exports.insertFootnotesSection = insertFootnotesSection;
 const insertBibliographySection = (state, dispatch) => {
-    if ((0, utils_1.getChildOfType)(state.doc, state.schema.nodes.bibliography_section)) {
+    if ((0, utils_1.getMatchingDescendant)(state.doc, (node) => node.type === state.schema.nodes.bibliography_section)) {
         return false;
     }
     const section = state.schema.nodes.bibliography_section.createAndFill({}, [

package/dist/cjs/components/outline/DraggableTree.js

@@ -34,21 +34,25 @@ const track_changes_utils_1 = require("../../lib/track-changes-utils");
 const node_type_icons_1 = require("../../node-type-icons");
 const section_title_1 = require("../../views/section_title");
 const Outline_1 = require("./Outline");
+const excludedTypes = [
+    transform_1.schema.nodes.table,
+    transform_1.schema.nodes.figure,
+    transform_1.schema.nodes.footnotes_element,
+    transform_1.schema.nodes.bibliography_element,
+    transform_1.schema.nodes.keywords_section,
+    transform_1.schema.nodes.affiliations_section,
+    transform_1.schema.nodes.contributors_section,
+    transform_1.schema.nodes.title,
+];
+const childrenExcludedTypes = [
+    transform_1.schema.nodes.pullquote_element,
+    transform_1.schema.nodes.blockquote_element,
+];
 const isExcluded = (nodeType) => {
-    const { nodes } = nodeType.schema;
-    const excludedTypes = [
-        nodes.table,
-        nodes.figure,
-        nodes.footnotes_element,
-        nodes.bibliography_element,
-        nodes.keywords_section,
-    ];
     return excludedTypes.includes(nodeType);
 };
 const isChildrenExcluded = (nodeType) => {
-    const { nodes } = nodeType.schema;
-    const excludedTypes = [nodes.pullquote_element, nodes.blockquote_element];
-    return excludedTypes.includes(nodeType);
+    return childrenExcludedTypes.includes(nodeType);
 };
 const buildTree = ({ node, pos, index, selected, parent, }) => {
     const items = [];
@@ -134,23 +138,22 @@ class Tree extends React.Component {
         if (isRejectedItem || node.attrs.id === 'META_SECTION') {
             return null;
         }
-        return connectDropTarget(React.createElement("div", null,
-            React.createElement(Outline_1.Outline, { style: this.outlineStyles(isDragging) },
-                React.createElement(Outline_1.OutlineDropPreview, { depth: depth, style: this.topPreviewStyles(mightDrop, dragPosition) }),
-                !(0, section_title_1.isSpecialSection)(node) && (React.createElement(React.Fragment, null, connectDragSource(React.createElement("div", null,
-                    React.createElement(Outline_1.OutlineItem, { isSelected: isSelected, depth: depth, onContextMenu: this.handleContextMenu },
-                        items.length ? (React.createElement(Outline_1.OutlineItemArrow, { onClick: this.toggle }, open ? (React.createElement(Outline_1.StyledTriangleExpanded, null)) : (React.createElement(Outline_1.StyledTriangleCollapsed, null)))) : (React.createElement(Outline_1.OutlineItemNoArrow, null)),
-                        React.createElement(Outline_1.OutlineItemLink, { to: `#${node.attrs.id || ''}` },
-                            connectDragPreview(React.createElement("span", { style: {
-                                    display: 'inline-flex',
-                                    alignItems: 'center',
-                                } },
-                                React.createElement(Outline_1.OutlineItemIcon, null, (0, node_type_icons_1.nodeTypeIcon)(node.type)))),
-                            React.createElement(Outline_1.OutlineItemLinkText, { className: `outline-text-${node.type.name} ${isDeletedItem && 'deleted'}` }, this.itemText(node)))))))),
-                items.length ? (React.createElement("div", { style: {
-                        display: open || (0, section_title_1.isSpecialSection)(node) ? '' : 'none',
-                    } }, items.map((subtree) => (React.createElement(DraggableTree, Object.assign({}, this.props, { key: subtree.node.attrs.id, tree: subtree, view: view, depth: (0, section_title_1.isSpecialSection)(node) ? depth : depth + 1 })))))) : null,
-                React.createElement(Outline_1.OutlineDropPreview, { depth: depth, style: this.bottomPreviewStyles(mightDrop, dragPosition) }))));
+        return connectDropTarget(React.createElement("div", null, node.type.name !== 'titles' && (React.createElement(Outline_1.Outline, { style: this.outlineStyles(isDragging) },
+            React.createElement(Outline_1.OutlineDropPreview, { depth: depth, style: this.topPreviewStyles(mightDrop, dragPosition) }),
+            !(0, section_title_1.isSpecialSection)(node) && (React.createElement(React.Fragment, null, connectDragSource(React.createElement("div", null,
+                React.createElement(Outline_1.OutlineItem, { isSelected: isSelected, depth: depth, onContextMenu: this.handleContextMenu },
+                    items.length ? (React.createElement(Outline_1.OutlineItemArrow, { onClick: this.toggle }, open ? (React.createElement(Outline_1.StyledTriangleExpanded, null)) : (React.createElement(Outline_1.StyledTriangleCollapsed, null)))) : (React.createElement(Outline_1.OutlineItemNoArrow, null)),
+                    React.createElement(Outline_1.OutlineItemLink, { to: `#${node.attrs.id || ''}` },
+                        connectDragPreview(React.createElement("span", { style: {
+                                display: 'inline-flex',
+                                alignItems: 'center',
+                            } },
+                            React.createElement(Outline_1.OutlineItemIcon, null, (0, node_type_icons_1.nodeTypeIcon)(node.type)))),
+                        React.createElement(Outline_1.OutlineItemLinkText, { className: `outline-text-${node.type.name} ${isDeletedItem && 'deleted'}` }, this.itemText(node)))))))),
+            items.length ? (React.createElement("div", { style: {
+                    display: open || (0, section_title_1.isSpecialSection)(node) ? '' : 'none',
+                } }, items.map((subtree) => (React.createElement(DraggableTree, Object.assign({}, this.props, { key: subtree.node.attrs.id, tree: subtree, view: view, depth: (0, section_title_1.isSpecialSection)(node) ? depth : depth + 1 })))))) : null,
+            React.createElement(Outline_1.OutlineDropPreview, { depth: depth, style: this.bottomPreviewStyles(mightDrop, dragPosition) })))));
     }
 }
 const dragSource = (0, react_dnd_1.DragSource)('outline', {

package/dist/cjs/components/outline/ManuscriptOutline.js

@@ -39,7 +39,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ManuscriptOutline = void 0;
-const title_editor_1 = require("@manuscripts/title-editor");
 const react_1 = __importStar(require("react"));
 const use_debounce_1 = require("../hooks/use-debounce");
 const DraggableTree_1 = __importStar(require("./DraggableTree"));
@@ -49,24 +48,14 @@ const ManuscriptOutline = (props) => {
     const debouncedProps = (0, use_debounce_1.useDebounce)(props, 500);
     (0, react_1.useEffect)(() => {
         var _a;
-        const { doc, view, manuscript, selected } = debouncedProps;
+        const { doc, view, selected } = debouncedProps;
         if (doc) {
-            const { items } = (0, DraggableTree_1.buildTree)({
+            const tree = (0, DraggableTree_1.buildTree)({
                 node: doc,
                 pos: 0,
                 index: 0,
                 selected,
             });
-            const node = (0, title_editor_1.parse)(manuscript.title || '');
-            const tree = {
-                node,
-                requirementsNode: doc,
-                pos: 0,
-                endPos: 0,
-                index: 0,
-                isSelected: !selected,
-                items,
-            };
             setValues({ tree, view, editArticle: !!((_a = props.capabilities) === null || _a === void 0 ? void 0 : _a.editArticle) });
         }
         else {

package/dist/cjs/components/outline/OutlineManuscript.js

@@ -20,22 +20,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OutlineManuscript = void 0;
 const OutlineIconManuscript_1 = __importDefault(require("@manuscripts/assets/react/OutlineIconManuscript"));
-const title_editor_1 = require("@manuscripts/title-editor");
 const transform_1 = require("@manuscripts/transform");
 const react_1 = __importDefault(require("react"));
 const Outline_1 = require("./Outline");
-const titleText = (value) => {
-    const node = (0, title_editor_1.parse)(value, {
-        topNode: title_editor_1.schema.nodes.title.create(),
-    });
-    return node.textContent;
-};
-const OutlineManuscript = ({ project, manuscript, }) => (react_1.default.createElement(Outline_1.Outline, null,
+const OutlineManuscript = ({ project, manuscript, doc, }) => (react_1.default.createElement(Outline_1.Outline, null,
     react_1.default.createElement(Outline_1.OutlineItem, { isSelected: false, depth: 0 },
         react_1.default.createElement(Outline_1.OutlineItemLink, { to: `/projects/${project._id}/manuscripts/${manuscript._id}` },
             react_1.default.createElement(Outline_1.OutlineItemArrow, null,
                 react_1.default.createElement(Outline_1.StyledTriangleCollapsed, null)),
             react_1.default.createElement(Outline_1.OutlineItemIcon, null,
                 react_1.default.createElement(OutlineIconManuscript_1.default, null)),
-            react_1.default.createElement(Outline_1.OutlineItemLinkText, { className: 'outline-text-title' }, manuscript.title ? (titleText(manuscript.title)) : (react_1.default.createElement(Outline_1.OutlineItemPlaceholder, null, (0, transform_1.nodeTitlePlaceholder)(title_editor_1.schema.nodes.title))))))));
+            react_1.default.createElement(Outline_1.OutlineItemLinkText, { className: 'outline-text-title' }, (0, transform_1.nodeTitle)(doc))))));
 exports.OutlineManuscript = OutlineManuscript;

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

@@ -23,6 +23,7 @@ const bibliography_item_editable_1 = __importDefault(require("../views/bibliogra
 const blockquote_element_editable_1 = __importDefault(require("../views/blockquote_element_editable"));
 const bullet_list_editable_1 = __importDefault(require("../views/bullet_list_editable"));
 const citation_editable_1 = __importDefault(require("../views/citation_editable"));
+const contributors_section_1 = __importDefault(require("../views/contributors_section"));
 const cross_reference_editable_1 = __importDefault(require("../views/cross_reference_editable"));
 const equation_editable_1 = __importDefault(require("../views/equation_editable"));
 const equation_element_editable_1 = __importDefault(require("../views/equation_element_editable"));
@@ -46,15 +47,18 @@ const pullquote_element_editable_1 = __importDefault(require("../views/pullquote
 const section_label_1 = __importDefault(require("../views/section_label"));
 const section_title_editable_1 = __importDefault(require("../views/section_title_editable"));
 const table_element_editable_1 = __importDefault(require("../views/table_element_editable"));
+const title_editable_1 = __importDefault(require("../views/title_editable"));
 const toc_element_editable_1 = __importDefault(require("../views/toc_element_editable"));
 exports.default = (props, dispatch) => {
     return {
+        title: (0, title_editable_1.default)(props, dispatch),
         bibliography_item: (0, bibliography_item_editable_1.default)(props),
         bibliography_element: (0, bibliography_element_editable_1.default)(props),
         blockquote_element: (0, blockquote_element_editable_1.default)(props),
         bullet_list: (0, bullet_list_editable_1.default)(props),
         citation: (0, citation_editable_1.default)(props),
         cross_reference: (0, cross_reference_editable_1.default)(props),
+        contributors_section: (0, contributors_section_1.default)(props, dispatch),
         equation: (0, equation_editable_1.default)(props),
         equation_element: (0, equation_element_editable_1.default)(props),
         figure: (0, figure_editable_1.default)(props, dispatch),

package/dist/cjs/lib/utils.js

@@ -30,8 +30,8 @@ function* iterateChildren(node, recurse = false) {
     }
 }
 exports.iterateChildren = iterateChildren;
-const getMatchingChild = (parent, matcher) => {
-    for (const node of iterateChildren(parent)) {
+const getMatchingChild = (parent, matcher, deep = false) => {
+    for (const node of iterateChildren(parent, deep)) {
         if (matcher(node)) {
             return node;
         }
@@ -46,7 +46,7 @@ const getMatchingDescendant = (parent, matcher) => {
     }
 };
 exports.getMatchingDescendant = getMatchingDescendant;
-const getChildOfType = (parent, nodeType) => !!(0, exports.getMatchingChild)(parent, (node) => node.type === nodeType);
+const getChildOfType = (parent, nodeType, deep = false) => !!(0, exports.getMatchingChild)(parent, (node) => node.type.name === nodeType.name, deep);
 exports.getChildOfType = getChildOfType;
 exports.findParentNodeWithId = (0, prosemirror_utils_1.findParentNode)((node) => 'id' in node.attrs);
 exports.findParentNodeWithIdValue = (0, prosemirror_utils_1.findParentNode)((node) => node.attrs.id);

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

@@ -29,11 +29,11 @@ const OutlineIconSection_1 = __importDefault(require("@manuscripts/assets/react/
 const OutlineIconTable_1 = __importDefault(require("@manuscripts/assets/react/OutlineIconTable"));
 const OutlineIconUnorderedList_1 = __importDefault(require("@manuscripts/assets/react/OutlineIconUnorderedList"));
 const style_guide_1 = require("@manuscripts/style-guide");
-const title_editor_1 = require("@manuscripts/title-editor");
 const transform_1 = require("@manuscripts/transform");
 const react_1 = __importDefault(require("react"));
 const { nodes } = transform_1.schema;
 const icons = new Map([
+    [nodes.manuscript, OutlineIconManuscript_1.default],
     [nodes.bibliography_section, OutlineIconSection_1.default],
     [nodes.blockquote_element, style_guide_1.BlockQuoteIcon],
     [nodes.bullet_list, OutlineIconUnorderedList_1.default],
@@ -52,9 +52,6 @@ const icons = new Map([
     [nodes.footnotes_section, OutlineIconSection_1.default],
 ]);
 const nodeTypeIcon = (nodeType) => {
-    if (nodeType === title_editor_1.schema.nodes.title) {
-        return react_1.default.createElement(OutlineIconManuscript_1.default, null);
-    }
     const Icon = icons.get(nodeType);
     return Icon ? react_1.default.createElement(Icon, null) : null;
 };

package/dist/cjs/plugins/bibliography/bibliography-utils.js

@@ -34,7 +34,7 @@ const lodash_es_1 = require("lodash-es");
 const prosemirror_view_1 = require("prosemirror-view");
 const isBibliographyElement = (node) => node.type === node.type.schema.nodes.bibliography_element;
 exports.isBibliographyElement = isBibliographyElement;
-const buildDecorations = (doc, citationNodes, popper, referencesModelMap) => {
+const buildDecorations = (doc, citationNodes, popper, referencesModelMap, triggerUpdate) => {
     const decorations = [];
     let hasMissingItems = false;
     for (const [node, pos, citation] of citationNodes) {
@@ -72,6 +72,15 @@ const buildDecorations = (doc, citationNodes, popper, referencesModelMap) => {
             }
         });
     }
+    if (triggerUpdate) {
+        doc.descendants((node, pos) => {
+            if ((0, exports.isBibliographyElement)(node)) {
+                decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {}, {
+                    triggerUpdate: true,
+                }));
+            }
+        });
+    }
     return decorations;
 };
 exports.buildDecorations = buildDecorations;

package/dist/cjs/plugins/bibliography/index.js

@@ -20,6 +20,7 @@ const library_1 = require("@manuscripts/library");
 const lodash_es_1 = require("lodash-es");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
+const track_changes_utils_1 = require("../../lib/track-changes-utils");
 const bibliography_utils_1 = require("./bibliography-utils");
 exports.bibliographyKey = new prosemirror_state_1.PluginKey('bibliography');
 exports.default = (props) => {
@@ -30,8 +31,9 @@ exports.default = (props) => {
             init(config, instance) {
                 const referencesModelMap = (0, bibliography_utils_1.getReferencesModelMap)(instance.doc);
                 const citationNodes = (0, library_1.buildCitationNodes)(instance.doc, referencesModelMap);
-                const citations = (0, library_1.buildCitations)(citationNodes, (id) => referencesModelMap.get(id));
-                const bibliographyItems = (0, library_1.buildBibliographyItems)(citationNodes, (id) => referencesModelMap.get(id));
+                const filteredCitationNodes = citationNodes.filter((node) => !(0, track_changes_utils_1.isRejectedInsert)(node[0]));
+                const citations = (0, library_1.buildCitations)(filteredCitationNodes, (id) => referencesModelMap.get(id));
+                const bibliographyItems = (0, library_1.buildBibliographyItems)(filteredCitationNodes, (id) => referencesModelMap.get(id));
                 return {
                     citationNodes,
                     citations,
@@ -41,12 +43,16 @@ exports.default = (props) => {
             apply(tr, value, oldState, newState) {
                 const referencesModelMap = (0, bibliography_utils_1.getReferencesModelMap)(newState.doc);
                 const citationNodes = (0, library_1.buildCitationNodes)(newState.doc, referencesModelMap);
-                const citations = (0, library_1.buildCitations)(citationNodes, (id) => referencesModelMap.get(id));
-                const bibliographyItems = (0, library_1.buildBibliographyItems)(citationNodes, (id) => referencesModelMap.get(id));
+                const filteredCitationNodes = citationNodes.filter((node) => !(0, track_changes_utils_1.isRejectedInsert)(node[0]));
+                const citations = (0, library_1.buildCitations)(filteredCitationNodes, (id) => referencesModelMap.get(id));
+                const bibliographyItems = (0, library_1.buildBibliographyItems)(filteredCitationNodes, (id) => referencesModelMap.get(id));
+                const meta = tr.getMeta(exports.bibliographyKey);
+                const triggerUpdate = meta && meta.triggerUpdate;
                 return {
                     citationNodes,
                     citations,
                     bibliographyItems,
+                    triggerUpdate,
                 };
             },
         },
@@ -74,6 +80,9 @@ exports.default = (props) => {
                 if (selection instanceof prosemirror_state_1.NodeSelection) {
                     tr.setSelection(prosemirror_state_1.NodeSelection.create(tr.doc, selection.from));
                 }
+                tr.setMeta(exports.bibliographyKey, {
+                    triggerUpdate: true,
+                });
                 tr.setMeta('origin', exports.bibliographyKey);
                 return tr;
             }
@@ -83,8 +92,8 @@ exports.default = (props) => {
         },
         props: {
             decorations(state) {
-                const { citationNodes } = exports.bibliographyKey.getState(state);
-                return prosemirror_view_1.DecorationSet.create(state.doc, (0, bibliography_utils_1.buildDecorations)(state.doc, citationNodes, props.popper, (0, bibliography_utils_1.getReferencesModelMap)(state.doc)));
+                const { citationNodes, triggerUpdate } = exports.bibliographyKey.getState(state);
+                return prosemirror_view_1.DecorationSet.create(state.doc, (0, bibliography_utils_1.buildDecorations)(state.doc, citationNodes, props.popper, (0, bibliography_utils_1.getReferencesModelMap)(state.doc), triggerUpdate));
             },
         },
     });

package/dist/cjs/plugins/persist.js

@@ -25,10 +25,9 @@ exports.default = () => {
                     else if ((0, transform_1.isFootnoteNode)(node)) {
                         endOfFootnote = Math.max(endOfFootnote, pos + node.nodeSize);
                     }
-                    const insideList = pos <= endOfList;
                     const insideFootnote = pos <= endOfFootnote;
                     if ('id' in node.attrs &&
-                        ((!insideList && !insideFootnote) || node.isInline) &&
+                        (!insideFootnote || node.isInline) &&
                         (!id || id.length === 0 || ids.has(id))) {
                         const newId = (0, transform_1.generateNodeID)(node.type);
                         const updatedAttrs = Object.assign(Object.assign({}, node.attrs), { id: newId });

package/dist/cjs/plugins/sections.js

@@ -33,12 +33,13 @@ const preventTitleEdit = (tr) => {
     }
     const hasReplaceAroundSteps = tr.steps.some((step) => step instanceof prosemirror_transform_1.ReplaceAroundStep);
     if (!hasReplaceAroundSteps) {
-        tr.steps.forEach((step) => {
+        tr.steps.forEach((step, i) => {
             if (!(step instanceof prosemirror_transform_1.ReplaceStep)) {
                 return;
             }
+            const currentDoc = tr.docs[i];
             step.getMap().forEach((fromA, toA) => {
-                tr.doc.nodesBetween(fromA, toA, (node, nodePos) => {
+                currentDoc.nodesBetween(fromA, toA, (node, nodePos) => {
                     if ((0, transform_1.isGraphicalAbstractSectionNode)(node) ||
                         (0, transform_1.isKeywordsSectionNode)(node)) {
                         node.descendants((childNode, childPos) => {

package/dist/cjs/plugins/tracking-mark.js

@@ -41,17 +41,17 @@ const buildDecorations = (state) => {
         if (change.type === 'node-attr-change' &&
             change.dataTracked.status === track_changes_plugin_1.CHANGE_STATUS.pending &&
             change.dataTracked.operation === track_changes_plugin_1.CHANGE_OPERATION.set_node_attributes) {
-            decorations.push(prosemirror_view_1.Decoration.widget(change.from + 1, (0, exports.getAttrsTrackingButton)(change), {
+            decorations.push(prosemirror_view_1.Decoration.widget(change.from + 1, (0, exports.getAttrsTrackingButton)(change.id), {
                 key: change.id,
             }));
         }
     });
     return decorations;
 };
-const getAttrsTrackingButton = (change) => {
+const getAttrsTrackingButton = (changeID) => {
     const el = document.createElement('button');
     el.className = 'attrs-popper-button';
-    el.value = change.id;
+    el.value = changeID;
     el.innerHTML = editIcon;
     return el;
 };

package/dist/cjs/toolbar.js

@@ -78,7 +78,9 @@ exports.toolbar = {
             title: 'Wrap in ordered list',
             active: (0, commands_1.blockActive)(transform_1.schema.nodes.ordered_list),
             enable: (0, prosemirror_schema_list_1.wrapInList)(transform_1.schema.nodes.ordered_list),
-            run: (0, list_1.skipTrackingChanges)((0, prosemirror_schema_list_1.wrapInList)(transform_1.schema.nodes.ordered_list)),
+            run: (0, list_1.skipTrackingChanges)((0, prosemirror_schema_list_1.wrapInList)(transform_1.schema.nodes.ordered_list, {
+                listStyleType: 'order',
+            })),
             Component: OrderListSelector_1.OrderListSelector,
         },
     },

package/dist/cjs/useEditor.js

@@ -68,9 +68,7 @@ const useEditor = (initialState, createView) => {
         state.doc.descendants((node, pos) => {
             if (node.attrs.id === id) {
                 currentView.focus();
-                const selection = node.isAtom
-                    ? prosemirror_state_1.NodeSelection.create(state.tr.doc, pos)
-                    : prosemirror_state_1.TextSelection.near(state.tr.doc.resolve(pos + 1));
+                const selection = prosemirror_state_1.NodeSelection.create(state.tr.doc, pos);
                 currentView.dispatch(state.tr.setSelection(selection));
                 const dom = currentView.domAtPos(pos + 1);
                 if (dom.node instanceof Element) {

package/dist/cjs/views/bibliography_element.js

@@ -14,23 +14,162 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BibliographyElementBlockView = void 0;
+const library_1 = require("@manuscripts/library");
+const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
+const transform_1 = require("@manuscripts/transform");
+const react_1 = __importDefault(require("react"));
+const assets_1 = require("../assets");
+const dompurify_1 = require("../lib/dompurify");
+const bibliography_1 = require("../plugins/bibliography");
+const bibliography_utils_1 = require("../plugins/bibliography/bibliography-utils");
+const comment_annotation_1 = require("../plugins/comment_annotation");
+const tracking_mark_1 = require("../plugins/tracking-mark");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
+const createBibliography = (bibliographyItems, cslProps) => __awaiter(void 0, void 0, void 0, function* () {
+    const bibliographyItemsMap = new Map(bibliographyItems.map((item) => [item._id, item]));
+    const getLibraryItem = (id) => bibliographyItemsMap.get(id);
+    const { style = '', locale } = cslProps;
+    const provider = new library_1.CitationProvider({
+        getLibraryItem,
+        citationStyle: style,
+        locale,
+    });
+    const [bibmeta, generatedBibliographyItems] = provider.makeBibliography(bibliographyItems);
+    if (bibmeta.bibliography_errors.length) {
+        console.error(bibmeta.bibliography_errors);
+    }
+    const bibliographyFragment = generatedBibliographyItems
+        .map((item, i) => `<div id=${bibmeta.entry_ids[i]} class="bib-item"><div><div class="csl-bib-body">${item}</div></div></div>`)
+        .join('');
+    return (0, dompurify_1.sanitize)(`<div class="contents">${bibliographyFragment}</div>`);
+});
 class BibliographyElementBlockView extends block_view_1.default {
     constructor() {
         super(...arguments);
+        this.showPopper = (referenceID) => {
+            const { renderReactComponent, components: { ReferencesEditor }, } = this.props;
+            const handleSave = (data) => __awaiter(this, void 0, void 0, function* () {
+                const _a = data, { _id: id, 'container-title': containerTitle, DOI: doi } = _a, rest = __rest(_a, ["_id", 'container-title', "DOI"]);
+                this.updateNodeAttrs(Object.assign({ id,
+                    containerTitle,
+                    doi }, rest));
+            });
+            if (!this.popperContainer) {
+                this.popperContainer = document.createElement('div');
+                this.popperContainer.className = 'references';
+            }
+            renderReactComponent(react_1.default.createElement(ReferencesEditor, { saveModel: handleSave, deleteModel: this.deleteNode, modelMap: (0, bibliography_utils_1.getReferencesModelMap)(this.view.state.doc, true), referenceID: referenceID }), this.popperContainer);
+            this.props.popper.show(this.dom, this.popperContainer, 'right');
+        };
         this.stopEvent = () => true;
         this.ignoreMutation = () => true;
+        this.updateContents = () => __awaiter(this, void 0, void 0, function* () {
+            const bibliographyItems = bibliography_1.bibliographyKey.getState(this.view.state).bibliographyItems;
+            const commentsDecorationSet = comment_annotation_1.commentAnnotation.getState(this.view.state);
+            const commentElementMap = new Map();
+            const dataTrackedMap = new Map();
+            this.node.descendants((node, pos) => {
+                if (commentsDecorationSet) {
+                    const nodePosition = this.getPos() + pos + 2;
+                    const commentWidget = commentsDecorationSet.find(nodePosition, nodePosition);
+                    if (commentWidget.length) {
+                        const commentElement = commentWidget[0].type.toDOM();
+                        commentElementMap.set(commentElement.id, commentElement);
+                    }
+                }
+                const dataTracked = node.attrs.dataTracked;
+                if (dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.length) {
+                    const lastChange = dataTracked[dataTracked.length - 1];
+                    dataTrackedMap.set(node.attrs.id, lastChange);
+                }
+            });
+            const bibliographyFragment = yield createBibliography(bibliographyItems, this.props.cslProps);
+            const bibItems = bibliographyFragment.querySelectorAll('.bib-item');
+            bibItems.forEach((element) => {
+                const doubleButton = document.createElement('div');
+                const editButton = document.createElement('button');
+                const commentButton = document.createElement('button');
+                doubleButton.className = 'bibliography-double-button';
+                editButton.className = 'bibliography-edit-button';
+                commentButton.className = 'bibliography-comment-button';
+                commentButton.addEventListener('click', (e) => {
+                    e.preventDefault();
+                    this.props.setComment((0, transform_1.buildComment)(element.id));
+                });
+                editButton.addEventListener('click', (e) => {
+                    e.preventDefault();
+                    this.showPopper(element.id);
+                    this.popperContainer = undefined;
+                });
+                editButton.innerHTML = assets_1.editIcon;
+                commentButton.innerHTML = assets_1.commentIcon;
+                doubleButton.append(editButton, commentButton);
+                if (this.props.getCapabilities().seeReferencesButtons &&
+                    !element.querySelector('.bibliography-double-button')) {
+                    element.appendChild(doubleButton);
+                }
+                editButton.disabled = !this.props.getCapabilities().editCitationsAndRefs;
+                const commentElement = commentElementMap.get(element.id);
+                if (commentElement) {
+                    element.childNodes[0].appendChild(commentElement);
+                }
+                const dataTracked = dataTrackedMap.get(element.id);
+                if (dataTracked) {
+                    element.classList.add('attrs-track-mark');
+                    const decoration = (0, tracking_mark_1.getMarkDecoration)(dataTracked);
+                    decoration.style && element.setAttribute('style', decoration.style);
+                    if (dataTracked.status === track_changes_plugin_1.CHANGE_STATUS.pending &&
+                        dataTracked.operation === track_changes_plugin_1.CHANGE_OPERATION.set_node_attributes) {
+                        element.childNodes[0].appendChild((0, tracking_mark_1.getAttrsTrackingButton)(dataTracked.id));
+                    }
+                }
+            });
+            const oldContent = this.container.querySelector('.contents');
+            if (oldContent) {
+                this.container.replaceChild(bibliographyFragment, oldContent);
+            }
+            else {
+                this.container.appendChild(bibliographyFragment);
+            }
+        });
         this.createElement = () => {
+            this.container = document.createElement('div');
+            this.container.classList.add('block');
+            this.container.contentEditable = 'false';
+            this.dom.setAttribute('contenteditable', 'false');
+            this.dom.appendChild(this.container);
             this.contentDOM = document.createElement('div');
             this.contentDOM.classList.add('block');
             this.contentDOM.setAttribute('id', this.node.attrs.id);
-            this.dom.appendChild(this.contentDOM);
+            this.contentDOM.setAttribute('contenteditable', 'false');
+            this.contentDOM.hidden = true;
+            this.container.appendChild(this.contentDOM);
         };
     }
 }

package/dist/cjs/views/block_view.js

@@ -34,6 +34,7 @@ class BlockView extends base_node_view_1.BaseNodeView {
         this.updateContents = () => {
             this.updateClasses();
             this.updateAttributes();
+            this.onUpdateContent();
         };
         this.updateClasses = () => {
             if (!this.contentDOM) {
@@ -89,5 +90,8 @@ class BlockView extends base_node_view_1.BaseNodeView {
         this.gutterButtons = () => [];
         this.actionGutterButtons = () => [];
     }
+    onUpdateContent() {
+        return;
+    }
 }
 exports.default = BlockView;

package/dist/cjs/views/citation.js

@@ -119,7 +119,7 @@ class CitationView extends base_node_view_1.BaseNodeView {
             const citeprocContent = citeprocCitations === null || citeprocCitations === void 0 ? void 0 : citeprocCitations.get(this.node.attrs.rid);
             const fragment = (0, dompurify_1.sanitize)(citeprocContent && citeprocContent !== '[NO_PRINTED_FORM]'
                 ? citeprocContent
-                : this.node.attrs.contents, {
+                : ' ', {
                 ALLOWED_TAGS: ['i', 'b', 'span', 'sup', 'sub', '#text'],
             });
             citationElement.appendChild(fragment);