@manuscripts/body-editor 1.5.8 → 1.5.9-LEAN-2832

package/dist/cjs/commands.js

@@ -343,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' }, [
@@ -393,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/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/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/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

@@ -301,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' }, [
@@ -348,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))))));

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

@@ -18,6 +18,7 @@ import bibliographyItem from '../views/bibliography_item_editable';
 import blockquoteElement from '../views/blockquote_element_editable';
 import bulletList from '../views/bullet_list_editable';
 import citation from '../views/citation_editable';
+import contributorsSection from '../views/contributors_section';
 import crossReference from '../views/cross_reference_editable';
 import equation from '../views/equation_editable';
 import equationElement from '../views/equation_element_editable';
@@ -41,15 +42,18 @@ import pullquoteElement from '../views/pullquote_element_editable';
 import sectionLabel from '../views/section_label';
 import sectionTitle from '../views/section_title_editable';
 import tableElement from '../views/table_element_editable';
+import title from '../views/title_editable';
 import tocElement from '../views/toc_element_editable';
 export default (props, dispatch) => {
     return {
+        title: title(props, dispatch),
         bibliography_item: bibliographyItem(props),
         bibliography_element: bibliographyElement(props),
         blockquote_element: blockquoteElement(props),
         bullet_list: bulletList(props),
         citation: citation(props),
         cross_reference: crossReference(props),
+        contributors_section: contributorsSection(props, dispatch),
         equation: equation(props),
         equation_element: equationElement(props),
         figure: figure(props, dispatch),

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

@@ -23,11 +23,11 @@ import SectionIcon from '@manuscripts/assets/react/OutlineIconSection';
 import TableIcon from '@manuscripts/assets/react/OutlineIconTable';
 import BulletListIcon from '@manuscripts/assets/react/OutlineIconUnorderedList';
 import { BlockQuoteIcon, PullQuoteIcon } from '@manuscripts/style-guide';
-import { schema as titleSchema } from '@manuscripts/title-editor';
 import { schema } from '@manuscripts/transform';
 import React from 'react';
 const { nodes } = schema;
 const icons = new Map([
+    [nodes.manuscript, ManuscriptIcon],
     [nodes.bibliography_section, SectionIcon],
     [nodes.blockquote_element, BlockQuoteIcon],
     [nodes.bullet_list, BulletListIcon],
@@ -46,9 +46,6 @@ const icons = new Map([
     [nodes.footnotes_section, SectionIcon],
 ]);
 export const nodeTypeIcon = (nodeType) => {
-    if (nodeType === titleSchema.nodes.title) {
-        return React.createElement(ManuscriptIcon, null);
-    }
     const Icon = icons.get(nodeType);
     return Icon ? React.createElement(Icon, null) : null;
 };

package/dist/es/views/contributors_section.js

@@ -0,0 +1,29 @@
+import { BaseNodeView } from './base_node_view';
+import { createNodeView } from './creators';
+import ReactSubView from './ReactSubView';
+export class ContributorsSectionView extends 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 = ReactSubView(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;
+    }
+}
+export default createNodeView(ContributorsSectionView);

package/dist/es/views/title.js

@@ -0,0 +1,33 @@
+/*!
+ * © 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.
+ */
+import { BaseNodeView } from './base_node_view';
+import { createNodeView } from './creators';
+export class TitleView extends 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);
+        };
+    }
+}
+export default createNodeView(TitleView);

package/dist/es/views/title_editable.js

@@ -0,0 +1,18 @@
+/*!
+ * © 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.
+ */
+import { createEditableNodeView } from './creators';
+import { TitleView } from './title';
+export default createEditableNodeView(TitleView);

package/dist/types/components/outline/DraggableTree.d.ts

@@ -29,7 +29,6 @@ export interface TreeItem {
     pos: number;
     endPos: number;
     parent?: ManuscriptNode;
-    requirementsNode?: ManuscriptNode | null;
 }
 interface Props {
     depth?: number;

package/dist/types/components/outline/OutlineManuscript.d.ts

@@ -14,10 +14,12 @@
  * limitations under the License.
  */
 import { Manuscript, Project } from '@manuscripts/json-schema';
+import { ManuscriptNode } from '@manuscripts/transform';
 import React from 'react';
 interface Props {
     project: Project;
     manuscript: Manuscript;
+    doc: ManuscriptNode;
 }
 export declare const OutlineManuscript: React.FunctionComponent<Props>;
 export {};

package/dist/types/configs/editor-views.d.ts

@@ -23,6 +23,7 @@ type EditorProps = EditableBlockProps & CitationEditableProps & FigureProps & Ke
     theme: DefaultTheme;
 };
 declare const _default: (props: EditorProps, dispatch: Dispatch) => {
+    title: import("../types").NodeViewCreator<import("../views/title").TitleView<any>>;
     bibliography_item: import("../types").NodeViewCreator<import("../views/bibliography_item").BibliographyItemView<any>>;
     bibliography_element: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
@@ -140,6 +141,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
     } & import("../views/bullet_list").BulletListView<any>>;
     citation: import("../types").NodeViewCreator<import("../views/citation_editable").CitationEditableView>;
     cross_reference: import("../types").NodeViewCreator<import("../views/cross_reference_editable").CrossReferenceEditableView>;
+    contributors_section: import("../types").NodeViewCreator<import("../views/contributors_section").ContributorsSectionView<any>>;
     equation: import("../types").NodeViewCreator<import("../views/equation_editable").EquationEditableView>;
     equation_element: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];

package/dist/types/views/contributors_section.d.ts

@@ -0,0 +1,17 @@
+import { ManuscriptNodeView } from '@manuscripts/transform';
+import React from 'react';
+import { BaseNodeView } from './base_node_view';
+import { EditableBlockProps } from './editable_block';
+export interface ContributorsSectionProps extends EditableBlockProps {
+    components: Record<string, React.ComponentType<unknown>>;
+    subscribeStore: unknown;
+}
+export declare class ContributorsSectionView<PropsType extends ContributorsSectionProps> extends BaseNodeView<PropsType> implements ManuscriptNodeView {
+    private metadata;
+    initialise: () => void;
+    protected createDOM: () => void;
+    ignoreMutation: () => boolean;
+    stopEvent: () => boolean;
+}
+declare const _default: (props: import("./base_node_view").BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<ContributorsSectionView<any>>;
+export default _default;

package/dist/types/views/title.d.ts

@@ -0,0 +1,24 @@
+/*!
+ * © 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.
+ */
+import { ManuscriptNodeView } from '@manuscripts/transform';
+import { BaseNodeProps, BaseNodeView } from './base_node_view';
+export declare class TitleView<PropsType extends BaseNodeProps> extends BaseNodeView<PropsType> implements ManuscriptNodeView {
+    contentDOM: HTMLElement;
+    initialise: () => void;
+    protected createDOM: () => void;
+}
+declare const _default: (props: BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<TitleView<any>>;
+export default _default;

package/dist/types/views/title_editable.d.ts

@@ -0,0 +1,18 @@
+/*!
+ * © 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.
+ */
+import { TitleView } from './title';
+declare const _default: (props: import("./editable_block").EditableBlockProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<TitleView<any>>;
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.5.8",
+  "version": "1.5.9-LEAN-2832",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -28,12 +28,12 @@
   "dependencies": {
     "@iarna/word-count": "^1.1.2",
     "@manuscripts/assets": "^0.6.4",
-    "@manuscripts/json-schema": "^2.2.0",
-    "@manuscripts/library": "1.2.1",
-    "@manuscripts/style-guide": "^1.4.3",
+    "@manuscripts/json-schema": "2.2.1",
+    "@manuscripts/library": "1.2.2",
+    "@manuscripts/style-guide": "1.4.5",
     "@manuscripts/title-editor": "^1.1.0",
-    "@manuscripts/track-changes-plugin": "^1.7.3",
-    "@manuscripts/transform": "1.5.3",
+    "@manuscripts/track-changes-plugin": "1.7.3-LEAN-2832-v4",
+    "@manuscripts/transform": "1.5.4",
     "astrocite-eutils": "^0.16.4",
     "axios": "^1.2.2",
     "codemirror": "^5.58.1",

package/styles/AdvancedEditor.css

@@ -730,3 +730,27 @@ Next levels are shifted 'up' by 1
 .citation-wrapper:hover .track-changes-review {
   display: inline-block;
 }
+
+.contributors {
+  white-space: initial;
+  margin-bottom: 24px;
+  margin-top: 24px;
+}
+
+.contributors .tools-panel {
+  position: initial;
+}
+
+.contributors table {
+  line-height: initial;
+  width: inherit;
+}
+
+.contributors tr th, .contributors tr td {
+  border: none !important;
+  background: none !important;
+}
+
+.contributors th, .contributors td {
+  padding: initial;
+}

package/styles/Editor.css

@@ -962,3 +962,11 @@
 .ProseMirror ol {
   padding-left: 30px !important;
 }
+.article-titles {
+  cursor: text;
+  font-family: "PT Serif", serif;
+  font-size: 28px;
+  font-weight: 700;
+  line-height: 1.43;
+  padding-left: 65px;
+}