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

package/dist/cjs/classes/collabProvider.js

@@ -0,0 +1,21 @@
+"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.CollabProvider = void 0;
+class CollabProvider {
+}
+exports.CollabProvider = CollabProvider;

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-plugins.js

@@ -20,6 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 require("prosemirror-gapcursor/style/gapcursor.css");
 require("prosemirror-tables/style/tables.css");
+const prosemirror_collab_1 = require("prosemirror-collab");
 const prosemirror_dropcursor_1 = require("prosemirror-dropcursor");
 const prosemirror_history_1 = require("prosemirror-history");
 const prosemirror_tables_1 = require("prosemirror-tables");
@@ -42,7 +43,7 @@ const tracking_mark_1 = __importDefault(require("../plugins/tracking-mark"));
 const rules_1 = __importDefault(require("../rules"));
 exports.default = (props) => {
     const plugins = props.plugins || [];
-    return [
+    const allPlugins = [
         rules_1.default,
         ...keys_1.default,
         (0, prosemirror_dropcursor_1.dropCursor)(),
@@ -65,6 +66,10 @@ exports.default = (props) => {
         (0, track_changes_ui_1.default)(props),
         (0, tracking_mark_1.default)(),
     ];
+    if (props.collabProvider) {
+        allPlugins.push((0, prosemirror_collab_1.collab)({ version: props.collabProvider.currentVersion }));
+    }
+    return allPlugins;
 };
 document.execCommand('enableObjectResizing', false, 'false');
 document.execCommand('enableInlineTableEditing', false, 'false');

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/index.js

@@ -32,7 +32,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ManuscriptsEditor = exports.useEditor = exports.isHighlightComment = exports.isThereSelector = exports.commentScroll = exports.toolbar = exports.PopperManager = exports.getMenus = exports.ManuscriptToolbar = exports.OutlineManuscript = exports.OutlineItemIcon = exports.ManuscriptOutline = exports.DialogNames = exports.DialogController = void 0;
+exports.ManuscriptsEditor = exports.useEditor = exports.isHighlightComment = exports.isThereSelector = exports.commentScroll = exports.toolbar = exports.PopperManager = exports.CollabProvider = exports.getMenus = exports.ManuscriptToolbar = exports.OutlineManuscript = exports.OutlineItemIcon = exports.ManuscriptOutline = exports.DialogNames = exports.DialogController = void 0;
 __exportStar(require("./citation-sources"), exports);
 __exportStar(require("./commands"), exports);
 __exportStar(require("./components/application-menu"), exports);
@@ -49,6 +49,8 @@ var ManuscriptToolbar_1 = require("./components/toolbar/ManuscriptToolbar");
 Object.defineProperty(exports, "ManuscriptToolbar", { enumerable: true, get: function () { return ManuscriptToolbar_1.ManuscriptToolbar; } });
 var menus_1 = require("./menus");
 Object.defineProperty(exports, "getMenus", { enumerable: true, get: function () { return __importDefault(menus_1).default; } });
+var collabProvider_1 = require("./classes/collabProvider");
+Object.defineProperty(exports, "CollabProvider", { enumerable: true, get: function () { return collabProvider_1.CollabProvider; } });
 var popper_1 = require("./lib/popper");
 Object.defineProperty(exports, "PopperManager", { enumerable: true, get: function () { return popper_1.PopperManager; } });
 var toolbar_1 = require("./toolbar");

package/dist/cjs/lib/use-do-with-debounce.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDoWithDebounce = void 0;
+const react_1 = require("react");
+const useDoWithDebounce = () => {
+    const debounced = (0, react_1.useRef)(() => undefined);
+    const timeout = (0, react_1.useRef)();
+    const doWithDebounce = (fn, interval = 1000, flush = false) => {
+        debounced.current = fn;
+        if (flush) {
+            fn();
+            debounced.current = () => undefined;
+            window.clearTimeout(timeout.current);
+        }
+        window.clearTimeout(timeout.current);
+        timeout.current = window.setTimeout(() => {
+            debounced.current();
+            timeout.current = 0;
+        }, interval);
+    };
+    return doWithDebounce;
+};
+exports.useDoWithDebounce = useDoWithDebounce;

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/useEditor.js

@@ -14,23 +14,62 @@
  * 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());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
+const prosemirror_collab_1 = require("prosemirror-collab");
 const prosemirror_state_1 = require("prosemirror-state");
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
+const use_do_with_debounce_1 = require("./lib/use-do-with-debounce");
 const bibliography_1 = require("./plugins/bibliography");
-const useEditor = (initialState, createView) => {
+const useEditor = (initialState, createView, editorProps) => {
     const view = (0, react_1.useRef)();
     const [state, setState] = (0, react_1.useState)(initialState);
     const [viewElement, setViewElement] = (0, react_1.useState)(null);
     const history = (0, react_router_dom_1.useHistory)();
+    const { collabProvider } = editorProps;
+    if (collabProvider) {
+        collabProvider.onNewSteps((newVersion, steps, clientIDs) => __awaiter(void 0, void 0, void 0, function* () {
+            if (state && view.current) {
+                const localVersion = (0, prosemirror_collab_1.getVersion)(view.current.state);
+                const since = yield collabProvider.stepsSince(localVersion);
+                if ((since === null || since === void 0 ? void 0 : since.steps) && since.clientIDs) {
+                    view.current.dispatch((0, prosemirror_collab_1.receiveTransaction)(view.current.state, since === null || since === void 0 ? void 0 : since.steps, since.clientIDs));
+                }
+                else {
+                    console.warn('Inconsistent new steps event from the authority.');
+                }
+            }
+        }));
+    }
+    const debounce = (0, use_do_with_debounce_1.useDoWithDebounce)();
     const dispatch = (0, react_1.useCallback)((tr) => {
         if (!view.current) {
             return state;
         }
         const nextState = view.current.state.apply(tr);
         view.current.updateState(nextState);
-        setState(nextState);
+        const trackState = track_changes_plugin_1.trackChangesPluginKey.getState(view.current.state);
+        if (collabProvider &&
+            trackState &&
+            trackState.status !== track_changes_plugin_1.TrackChangesStatus.viewSnapshots) {
+            const sendable = (0, prosemirror_collab_1.sendableSteps)(nextState);
+            if (sendable) {
+                collabProvider.sendSteps(sendable.version, sendable.steps, sendable.clientID);
+            }
+        }
+        debounce(() => {
+            setState(nextState);
+        }, 1000, !tr.isGeneric);
         return state;
     }, []);
     const replaceView = (state, createView) => {

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/classes/collabProvider.js

@@ -0,0 +1,17 @@
+/*!
+ * © 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.
+ */
+export class CollabProvider {
+}

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-plugins.js

@@ -15,6 +15,7 @@
  */
 import 'prosemirror-gapcursor/style/gapcursor.css';
 import 'prosemirror-tables/style/tables.css';
+import { collab } from 'prosemirror-collab';
 import { dropCursor } from 'prosemirror-dropcursor';
 import { history } from 'prosemirror-history';
 import { tableEditing } from 'prosemirror-tables';
@@ -37,7 +38,7 @@ import tracking_mark from '../plugins/tracking-mark';
 import rules from '../rules';
 export default (props) => {
     const plugins = props.plugins || [];
-    return [
+    const allPlugins = [
         rules,
         ...keys,
         dropCursor(),
@@ -60,6 +61,10 @@ export default (props) => {
         track_changes_ui(props),
         tracking_mark(),
     ];
+    if (props.collabProvider) {
+        allPlugins.push(collab({ version: props.collabProvider.currentVersion }));
+    }
+    return allPlugins;
 };
 document.execCommand('enableObjectResizing', false, 'false');
 document.execCommand('enableInlineTableEditing', false, 'false');

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/index.js

@@ -22,6 +22,7 @@ export { OutlineItemIcon } from './components/outline/Outline';
 export { OutlineManuscript } from './components/outline/OutlineManuscript';
 export { ManuscriptToolbar, } from './components/toolbar/ManuscriptToolbar';
 export { default as getMenus } from './menus';
+export { CollabProvider } from './classes/collabProvider';
 export { PopperManager } from './lib/popper';
 export { toolbar } from './toolbar';
 export * from './plugins/highlight';

package/dist/es/lib/use-do-with-debounce.js

@@ -0,0 +1,19 @@
+import { useRef } from 'react';
+export const useDoWithDebounce = () => {
+    const debounced = useRef(() => undefined);
+    const timeout = useRef();
+    const doWithDebounce = (fn, interval = 1000, flush = false) => {
+        debounced.current = fn;
+        if (flush) {
+            fn();
+            debounced.current = () => undefined;
+            window.clearTimeout(timeout.current);
+        }
+        window.clearTimeout(timeout.current);
+        timeout.current = window.setTimeout(() => {
+            debounced.current();
+            timeout.current = 0;
+        }, interval);
+    };
+    return doWithDebounce;
+};

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/useEditor.js

@@ -13,22 +13,61 @@
  * 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());
+    });
+};
+import { trackChangesPluginKey, TrackChangesStatus, } from '@manuscripts/track-changes-plugin';
+import { getVersion, receiveTransaction, sendableSteps, } from 'prosemirror-collab';
 import { NodeSelection, TextSelection, } from 'prosemirror-state';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useHistory } from 'react-router-dom';
+import { useDoWithDebounce } from './lib/use-do-with-debounce';
 import { bibliographyKey } from './plugins/bibliography';
-const useEditor = (initialState, createView) => {
+const useEditor = (initialState, createView, editorProps) => {
     const view = useRef();
     const [state, setState] = useState(initialState);
     const [viewElement, setViewElement] = useState(null);
     const history = useHistory();
+    const { collabProvider } = editorProps;
+    if (collabProvider) {
+        collabProvider.onNewSteps((newVersion, steps, clientIDs) => __awaiter(void 0, void 0, void 0, function* () {
+            if (state && view.current) {
+                const localVersion = getVersion(view.current.state);
+                const since = yield collabProvider.stepsSince(localVersion);
+                if ((since === null || since === void 0 ? void 0 : since.steps) && since.clientIDs) {
+                    view.current.dispatch(receiveTransaction(view.current.state, since === null || since === void 0 ? void 0 : since.steps, since.clientIDs));
+                }
+                else {
+                    console.warn('Inconsistent new steps event from the authority.');
+                }
+            }
+        }));
+    }
+    const debounce = useDoWithDebounce();
     const dispatch = useCallback((tr) => {
         if (!view.current) {
             return state;
         }
         const nextState = view.current.state.apply(tr);
         view.current.updateState(nextState);
-        setState(nextState);
+        const trackState = trackChangesPluginKey.getState(view.current.state);
+        if (collabProvider &&
+            trackState &&
+            trackState.status !== TrackChangesStatus.viewSnapshots) {
+            const sendable = sendableSteps(nextState);
+            if (sendable) {
+                collabProvider.sendSteps(sendable.version, sendable.steps, sendable.clientID);
+            }
+        }
+        debounce(() => {
+            setState(nextState);
+        }, 1000, !tr.isGeneric);
         return state;
     }, []);
     const replaceView = (state, createView) => {

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/classes/collabProvider.d.ts

@@ -0,0 +1,27 @@
+/*!
+ * © 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 { Step } from 'prosemirror-transform';
+export declare abstract class CollabProvider {
+    currentVersion: number;
+    protected newStepsListener: (version: number, steps: Step[], clientIDs: number[]) => void;
+    abstract sendSteps(version: number, steps: readonly Step[], clientID: string | number): Promise<void>;
+    abstract onNewSteps(listener: CollabProvider['newStepsListener']): void;
+    abstract stepsSince(version: number): Promise<{
+        steps: Step[];
+        clientIDs: number[];
+        version: number;
+    } | undefined>;
+}

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/ManuscriptsEditor.d.ts

@@ -22,6 +22,7 @@ import { History } from 'history';
 import { EditorState, Plugin } from 'prosemirror-state';
 import React from 'react';
 import { DefaultTheme } from 'styled-components';
+import { CollabProvider } from '../classes/collabProvider';
 import { PopperManager } from '../lib/popper';
 import { CreateView } from '../useEditor';
 export type CSLProps = {
@@ -64,6 +65,7 @@ export interface EditorProps {
     environment?: string;
     setCiteprocCitations: (citations: Map<string, string>) => void;
     getCiteprocCitations: () => Map<string, string>;
+    collabProvider?: CollabProvider;
 }
 declare const _default: {
     createState: (props: EditorProps) => EditorState;

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

@@ -20,6 +20,7 @@ import { CitationProvider } from '@manuscripts/library';
 import { Capabilities } from '@manuscripts/style-guide';
 import { Build, ManuscriptSchema } from '@manuscripts/transform';
 import { Plugin } from 'prosemirror-state';
+import { CollabProvider } from '../classes/collabProvider';
 import { PopperManager } from '../lib/popper';
 import { CSLProps } from './ManuscriptsEditor';
 interface PluginProps {
@@ -37,6 +38,7 @@ interface PluginProps {
     cslProps: CSLProps;
     popper: PopperManager;
     setCiteprocCitations: (citations: Map<string, string>) => void;
+    collabProvider?: CollabProvider;
 }
 declare const _default: (props: PluginProps) => any[];
 export default _default;

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/index.d.ts

@@ -23,6 +23,7 @@ export { OutlineManuscript } from './components/outline/OutlineManuscript';
 export { ManuscriptToolbar, ToolbarButtonConfig, } from './components/toolbar/ManuscriptToolbar';
 export { default as getMenus } from './menus';
 export { ChangeReceiver } from './types';
+export { CollabProvider } from './classes/collabProvider';
 export { PopperManager } from './lib/popper';
 export { toolbar } from './toolbar';
 export * from './plugins/highlight';

package/dist/types/lib/use-do-with-debounce.d.ts

@@ -0,0 +1 @@
+export declare const useDoWithDebounce: () => (fn: () => void, interval?: number, flush?: boolean) => void;

package/dist/types/useEditor.d.ts

@@ -15,8 +15,9 @@
  */
 import { Command, EditorState, Transaction } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
+import { EditorProps } from './configs/ManuscriptsEditor';
 export type CreateView = (element: HTMLDivElement, state: EditorState, dispatch: (tr: Transaction) => EditorState) => EditorView;
-declare const useEditor: (initialState: EditorState, createView: CreateView) => {
+declare const useEditor: (initialState: EditorState, createView: CreateView, editorProps: EditorProps) => {
     state: EditorState;
     onRender: (el: HTMLDivElement | null) => void;
     isCommandValid: (command: Command) => boolean;

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-2702",
   "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/transform": "1.5.4",
     "astrocite-eutils": "^0.16.4",
     "axios": "^1.2.2",
     "codemirror": "^5.58.1",
@@ -44,6 +44,7 @@
     "lodash-es": "^4.17.21",
     "popper.js": "^1.16.1",
     "pretty-bytes": "^6.0.0",
+    "prosemirror-collab": "^1.3.1",
     "prosemirror-commands": "^1.5.0",
     "prosemirror-dropcursor": "^1.6.1",
     "prosemirror-history": "^1.3.0",
@@ -70,8 +71,8 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@manuscripts/eslint-config": "^0.5.1",
     "@inline-svg-unique-id/react": "^1.2.3",
+    "@manuscripts/eslint-config": "^0.5.1",
     "@types/codemirror": "^5.60.5",
     "@types/dompurify": "^2.4.0",
     "@types/enzyme": "^3.10.12",

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;
+}