@manuscripts/body-editor 1.5.7 → 1.5.8-LEAN-2852

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,23 +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,
-        nodes.affiliations_section,
-        nodes.contributors_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 = [];
@@ -136,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/views/bibliography_element.js

@@ -30,6 +30,8 @@ class BibliographyElementBlockView extends block_view_1.default {
             this.contentDOM = document.createElement('div');
             this.contentDOM.classList.add('block');
             this.contentDOM.setAttribute('id', this.node.attrs.id);
+            this.contentDOM.setAttribute('contenteditable', 'false');
+            this.dom.setAttribute('contenteditable', 'false');
             this.dom.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_editable.js

@@ -48,6 +48,10 @@ const bibliography_1 = require("../plugins/bibliography");
 const bibliography_utils_1 = require("../plugins/bibliography/bibliography-utils");
 const citation_1 = require("./citation");
 const creators_1 = require("./creators");
+const createBibliographySection = (bibItem) => transform_1.schema.nodes.bibliography_section.createAndFill({}, [
+    transform_1.schema.nodes.section_title.create({}, transform_1.schema.text('Bibliography')),
+    transform_1.schema.nodes.bibliography_element.create({}, bibItem ? [bibItem] : []),
+]);
 class CitationEditableView extends citation_1.CitationView {
     constructor() {
         super(...arguments);
@@ -185,13 +189,27 @@ class CitationEditableView extends citation_1.CitationView {
     insertBibliographyNode(view, item) {
         const { doc, tr } = view.state;
         const { DOI: doi, ['container-title']: containerTitle } = item, restAttr = __rest(item, ["DOI", 'container-title']);
-        doc.descendants((node, pos) => {
+        let bibElement = null;
+        let pos = null;
+        doc.descendants((node, nodePos) => {
             if (node.type === transform_1.schema.nodes.bibliography_element) {
-                view.dispatch(tr.insert(pos + 1, transform_1.schema.nodes.bibliography_item.create(Object.assign({ id: item._id, doi,
-                    containerTitle }, restAttr))));
-                return false;
+                bibElement = node;
+                pos = nodePos;
             }
         });
+        let newTr;
+        const bibItem = transform_1.schema.nodes.bibliography_item.create(Object.assign({ id: item._id, doi,
+            containerTitle }, restAttr));
+        if (bibElement && pos) {
+            newTr = tr.insert(pos + 1, bibItem);
+        }
+        else {
+            newTr = tr
+                .insert(tr.doc.content.size, createBibliographySection(bibItem))
+                .setMeta(bibliography_1.bibliographyKey, { bibliographyInserted: true });
+        }
+        view.dispatch(newTr);
+        return false;
     }
 }
 exports.CitationEditableView = CitationEditableView;

package/dist/cjs/views/contributors_section.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContributorsSectionView = void 0;
+const base_node_view_1 = require("./base_node_view");
+const creators_1 = require("./creators");
+const ReactSubView_1 = __importDefault(require("./ReactSubView"));
+class ContributorsSectionView extends base_node_view_1.BaseNodeView {
+    constructor() {
+        super(...arguments);
+        this.initialise = () => {
+            this.createDOM();
+        };
+        this.createDOM = () => {
+            this.dom = document.createElement('div');
+            this.dom.classList.add('contributors');
+            const can = this.props.getCapabilities();
+            const { components: { MetadataContainer }, subscribeStore, } = this.props;
+            this.metadata = (0, ReactSubView_1.default)(this.props, MetadataContainer, {
+                allowInvitingAuthors: false,
+                showAuthorEditButton: true,
+                disableEditButton: !can.editMetadata,
+                subscribe: subscribeStore,
+            }, this.node, this.getPos, this.view, 'metadata-container');
+            if (this.metadata) {
+                this.dom.appendChild(this.metadata);
+            }
+        };
+        this.ignoreMutation = () => true;
+        this.stopEvent = () => true;
+    }
+}
+exports.ContributorsSectionView = ContributorsSectionView;
+exports.default = (0, creators_1.createNodeView)(ContributorsSectionView);

package/dist/cjs/views/footnotes_element.js

@@ -25,6 +25,15 @@ class FootnotesElementView extends block_view_1.default {
     constructor() {
         super(...arguments);
         this.elementType = 'div';
+        this.checkEditability = () => {
+            var _a, _b;
+            const editable = this.node.childCount ? 'true' : 'false';
+            (_a = this.contentDOM) === null || _a === void 0 ? void 0 : _a.setAttribute('contenteditable', editable);
+            (_b = this.dom) === null || _b === void 0 ? void 0 : _b.setAttribute('contenteditable', editable);
+        };
+    }
+    onUpdateContent() {
+        this.checkEditability();
     }
 }
 exports.FootnotesElementView = FootnotesElementView;

package/dist/cjs/views/title.js

@@ -0,0 +1,37 @@
+"use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleView = void 0;
+const base_node_view_1 = require("./base_node_view");
+const creators_1 = require("./creators");
+class TitleView extends base_node_view_1.BaseNodeView {
+    constructor() {
+        super(...arguments);
+        this.initialise = () => {
+            this.createDOM();
+        };
+        this.createDOM = () => {
+            this.dom = document.createElement('div');
+            this.dom.classList.add('manuscript-title');
+            this.contentDOM = document.createElement('div');
+            this.contentDOM.classList.add('article-titles');
+            this.dom.appendChild(this.contentDOM);
+        };
+    }
+}
+exports.TitleView = TitleView;
+exports.default = (0, creators_1.createNodeView)(TitleView);

package/dist/cjs/views/title_editable.js

@@ -0,0 +1,20 @@
+"use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const creators_1 = require("./creators");
+const title_1 = require("./title");
+exports.default = (0, creators_1.createEditableNodeView)(title_1.TitleView);

package/dist/es/commands.js

@@ -219,9 +219,6 @@ export const insertLink = (state, dispatch) => {
     }
     return true;
 };
-const needsBibliography = (state) => !bibliographyKey.getState(state).citations.length &&
-    !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')));
 export const insertInlineCitation = (state, dispatch, view, embeddedCitationItems = []) => {
     const citation = buildCitation(state.selection.$anchor.parent.attrs.id, embeddedCitationItems);
     const node = state.schema.nodes.citation.create({
@@ -232,9 +229,6 @@ export const insertInlineCitation = (state, dispatch, view, embeddedCitationItem
     const pos = state.selection.to;
     const { tr } = state;
     tr.insert(pos, node);
-    if (needsBibliography(state)) {
-        tr.insert(tr.doc.content.size, createBibliographySection(state)).setMeta(bibliographyKey, { bibliographyInserted: true });
-    }
     if (dispatch) {
         const selection = NodeSelection.create(tr.doc, pos);
         dispatch(tr.setSelection(selection).scrollIntoView());
@@ -307,7 +301,7 @@ export const insertGraphicalAbstract = (state, dispatch) => {
         !isInAbstractsSection(state.selection.$from)) {
         return false;
     }
-    if (getMatchingDescendant(state.doc, (node) => node.type === state.schema.nodes.graphical_abstract_section)) {
+    if (!!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' }, [
@@ -354,7 +348,7 @@ export const insertFootnotesSection = (state, dispatch) => {
     return true;
 };
 export const insertBibliographySection = (state, dispatch) => {
-    if (getChildOfType(state.doc, state.schema.nodes.bibliography_section)) {
+    if (getMatchingDescendant(state.doc, (node) => node.type === state.schema.nodes.bibliography_section)) {
         return false;
     }
     const section = state.schema.nodes.bibliography_section.createAndFill({}, [

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

@@ -1,4 +1,4 @@
-import { isElementNodeType, nodeTitle, nodeTitlePlaceholder, } from '@manuscripts/transform';
+import { isElementNodeType, nodeTitle, nodeTitlePlaceholder, schema, } from '@manuscripts/transform';
 import { Fragment } from 'prosemirror-model';
 import * as React from 'react';
 import { DragSource, DropTarget, } from 'react-dnd';
@@ -8,23 +8,25 @@ import { isDeleted, isRejectedInsert } from '../../lib/track-changes-utils';
 import { nodeTypeIcon } from '../../node-type-icons';
 import { isSpecialSection } from '../../views/section_title';
 import { Outline, OutlineDropPreview, OutlineItem, OutlineItemArrow, OutlineItemIcon, OutlineItemLink, OutlineItemLinkText, OutlineItemNoArrow, OutlineItemPlaceholder, StyledTriangleCollapsed, StyledTriangleExpanded, } from './Outline';
+const excludedTypes = [
+    schema.nodes.table,
+    schema.nodes.figure,
+    schema.nodes.footnotes_element,
+    schema.nodes.bibliography_element,
+    schema.nodes.keywords_section,
+    schema.nodes.affiliations_section,
+    schema.nodes.contributors_section,
+    schema.nodes.title,
+];
+const childrenExcludedTypes = [
+    schema.nodes.pullquote_element,
+    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,
-        nodes.affiliations_section,
-        nodes.contributors_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);
 };
 export const buildTree = ({ node, pos, index, selected, parent, }) => {
     const items = [];
@@ -109,23 +111,22 @@ class Tree extends React.Component {
         if (isRejectedItem || node.attrs.id === 'META_SECTION') {
             return null;
         }
-        return connectDropTarget(React.createElement("div", null,
-            React.createElement(Outline, { style: this.outlineStyles(isDragging) },
-                React.createElement(OutlineDropPreview, { depth: depth, style: this.topPreviewStyles(mightDrop, dragPosition) }),
-                !isSpecialSection(node) && (React.createElement(React.Fragment, null, connectDragSource(React.createElement("div", null,
-                    React.createElement(OutlineItem, { isSelected: isSelected, depth: depth, onContextMenu: this.handleContextMenu },
-                        items.length ? (React.createElement(OutlineItemArrow, { onClick: this.toggle }, open ? (React.createElement(StyledTriangleExpanded, null)) : (React.createElement(StyledTriangleCollapsed, null)))) : (React.createElement(OutlineItemNoArrow, null)),
-                        React.createElement(OutlineItemLink, { to: `#${node.attrs.id || ''}` },
-                            connectDragPreview(React.createElement("span", { style: {
-                                    display: 'inline-flex',
-                                    alignItems: 'center',
-                                } },
-                                React.createElement(OutlineItemIcon, null, nodeTypeIcon(node.type)))),
-                            React.createElement(OutlineItemLinkText, { className: `outline-text-${node.type.name} ${isDeletedItem && 'deleted'}` }, this.itemText(node)))))))),
-                items.length ? (React.createElement("div", { style: {
-                        display: open || isSpecialSection(node) ? '' : 'none',
-                    } }, items.map((subtree) => (React.createElement(DraggableTree, Object.assign({}, this.props, { key: subtree.node.attrs.id, tree: subtree, view: view, depth: isSpecialSection(node) ? depth : depth + 1 })))))) : null,
-                React.createElement(OutlineDropPreview, { depth: depth, style: this.bottomPreviewStyles(mightDrop, dragPosition) }))));
+        return connectDropTarget(React.createElement("div", null, node.type.name !== 'titles' && (React.createElement(Outline, { style: this.outlineStyles(isDragging) },
+            React.createElement(OutlineDropPreview, { depth: depth, style: this.topPreviewStyles(mightDrop, dragPosition) }),
+            !isSpecialSection(node) && (React.createElement(React.Fragment, null, connectDragSource(React.createElement("div", null,
+                React.createElement(OutlineItem, { isSelected: isSelected, depth: depth, onContextMenu: this.handleContextMenu },
+                    items.length ? (React.createElement(OutlineItemArrow, { onClick: this.toggle }, open ? (React.createElement(StyledTriangleExpanded, null)) : (React.createElement(StyledTriangleCollapsed, null)))) : (React.createElement(OutlineItemNoArrow, null)),
+                    React.createElement(OutlineItemLink, { to: `#${node.attrs.id || ''}` },
+                        connectDragPreview(React.createElement("span", { style: {
+                                display: 'inline-flex',
+                                alignItems: 'center',
+                            } },
+                            React.createElement(OutlineItemIcon, null, nodeTypeIcon(node.type)))),
+                        React.createElement(OutlineItemLinkText, { className: `outline-text-${node.type.name} ${isDeletedItem && 'deleted'}` }, this.itemText(node)))))))),
+            items.length ? (React.createElement("div", { style: {
+                    display: open || isSpecialSection(node) ? '' : 'none',
+                } }, items.map((subtree) => (React.createElement(DraggableTree, Object.assign({}, this.props, { key: subtree.node.attrs.id, tree: subtree, view: view, depth: isSpecialSection(node) ? depth : depth + 1 })))))) : null,
+            React.createElement(OutlineDropPreview, { depth: depth, style: this.bottomPreviewStyles(mightDrop, dragPosition) })))));
     }
 }
 const dragSource = DragSource('outline', {

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

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { parse } from '@manuscripts/title-editor';
 import React, { useEffect, useState } from 'react';
 import { useDebounce } from '../hooks/use-debounce';
 import DraggableTree, { buildTree } from './DraggableTree';
@@ -23,24 +22,14 @@ export const ManuscriptOutline = (props) => {
     const debouncedProps = useDebounce(props, 500);
     useEffect(() => {
         var _a;
-        const { doc, view, manuscript, selected } = debouncedProps;
+        const { doc, view, selected } = debouncedProps;
         if (doc) {
-            const { items } = buildTree({
+            const tree = buildTree({
                 node: doc,
                 pos: 0,
                 index: 0,
                 selected,
             });
-            const node = 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/es/components/outline/OutlineManuscript.js

@@ -14,21 +14,14 @@
  * limitations under the License.
  */
 import OutlineIconManuscript from '@manuscripts/assets/react/OutlineIconManuscript';
-import { parse, schema } from '@manuscripts/title-editor';
-import { nodeTitlePlaceholder } from '@manuscripts/transform';
+import { nodeTitle, } from '@manuscripts/transform';
 import React from 'react';
-import { Outline, OutlineItem, OutlineItemArrow, OutlineItemIcon, OutlineItemLink, OutlineItemLinkText, OutlineItemPlaceholder, StyledTriangleCollapsed, } from './Outline';
-const titleText = (value) => {
-    const node = parse(value, {
-        topNode: schema.nodes.title.create(),
-    });
-    return node.textContent;
-};
-export const OutlineManuscript = ({ project, manuscript, }) => (React.createElement(Outline, null,
+import { Outline, OutlineItem, OutlineItemArrow, OutlineItemIcon, OutlineItemLink, OutlineItemLinkText, StyledTriangleCollapsed, } from './Outline';
+export const OutlineManuscript = ({ project, manuscript, doc, }) => (React.createElement(Outline, null,
     React.createElement(OutlineItem, { isSelected: false, depth: 0 },
         React.createElement(OutlineItemLink, { to: `/projects/${project._id}/manuscripts/${manuscript._id}` },
             React.createElement(OutlineItemArrow, null,
                 React.createElement(StyledTriangleCollapsed, null)),
             React.createElement(OutlineItemIcon, null,
                 React.createElement(OutlineIconManuscript, null)),
-            React.createElement(OutlineItemLinkText, { className: 'outline-text-title' }, manuscript.title ? (titleText(manuscript.title)) : (React.createElement(OutlineItemPlaceholder, null, nodeTitlePlaceholder(schema.nodes.title))))))));
+            React.createElement(OutlineItemLinkText, { className: 'outline-text-title' }, nodeTitle(doc))))));