@manuscripts/body-editor 1.6.4 → 1.6.6-LEAN-3074-0

package/dist/cjs/configs/ManuscriptsEditor.js

@@ -18,6 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.createEditorView = exports.createEditorState = void 0;
 require("prosemirror-view/style/prosemirror.css");
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
@@ -25,26 +26,24 @@ const prosemirror_view_1 = require("prosemirror-view");
 const paste_1 = require("../lib/paste");
 const editor_plugins_1 = __importDefault(require("./editor-plugins"));
 const editor_views_1 = __importDefault(require("./editor-views"));
-exports.default = {
-    createState: (props) => {
-        return prosemirror_state_1.EditorState.create({
-            doc: props.doc,
-            schema: transform_1.schema,
-            plugins: (0, editor_plugins_1.default)(props),
-        });
+const createEditorState = (props) => prosemirror_state_1.EditorState.create({
+    doc: props.doc,
+    schema: transform_1.schema,
+    plugins: (0, editor_plugins_1.default)(props),
+});
+exports.createEditorState = createEditorState;
+const createEditorView = (props, root, state, dispatch) => new prosemirror_view_1.EditorView(root, {
+    state,
+    editable: () => props.getCapabilities().editArticle,
+    scrollMargin: {
+        top: 100,
+        bottom: 100,
+        left: 0,
+        right: 0,
     },
-    createView: (props) => (el, state, dispatch) => new prosemirror_view_1.EditorView(el, {
-        state,
-        editable: () => props.getCapabilities().editArticle,
-        scrollMargin: {
-            top: 100,
-            bottom: 100,
-            left: 0,
-            right: 0,
-        },
-        dispatchTransaction: dispatch,
-        nodeViews: (0, editor_views_1.default)(props, dispatch),
-        attributes: props.attributes,
-        transformPasted: paste_1.transformPasted,
-    }),
-};
+    dispatchTransaction: dispatch,
+    nodeViews: (0, editor_views_1.default)(props, dispatch),
+    attributes: props.attributes,
+    transformPasted: paste_1.transformPasted,
+});
+exports.createEditorView = createEditorView;

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

@@ -46,6 +46,7 @@ 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 table_element_footer_editable_1 = __importDefault(require("../views/table_element_footer_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) => {
@@ -78,6 +79,7 @@ exports.default = (props, dispatch) => {
         section_title: (0, section_title_editable_1.default)(props),
         section_label: (0, section_label_1.default)(props),
         table_element: (0, table_element_editable_1.default)(props),
+        table_element_footer: (0, table_element_footer_editable_1.default)(props),
         toc_element: (0, toc_element_editable_1.default)(props),
         comments: (0, empty_1.default)('comments'),
     };

package/dist/cjs/index.js

@@ -28,11 +28,8 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-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.CollabProvider = exports.getMenus = exports.ManuscriptToolbar = exports.OutlineManuscript = exports.OutlineItemIcon = exports.ManuscriptOutline = exports.DialogNames = exports.DialogController = void 0;
+exports.isHighlightComment = exports.isThereSelector = exports.commentScroll = exports.toolbar = exports.PopperManager = exports.CollabProvider = 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);
@@ -47,8 +44,7 @@ var OutlineManuscript_1 = require("./components/outline/OutlineManuscript");
 Object.defineProperty(exports, "OutlineManuscript", { enumerable: true, get: function () { return OutlineManuscript_1.OutlineManuscript; } });
 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; } });
+__exportStar(require("./menus"), exports);
 var collabProvider_1 = require("./classes/collabProvider");
 Object.defineProperty(exports, "CollabProvider", { enumerable: true, get: function () { return collabProvider_1.CollabProvider; } });
 var popper_1 = require("./lib/popper");
@@ -62,7 +58,4 @@ Object.defineProperty(exports, "isThereSelector", { enumerable: true, get: funct
 Object.defineProperty(exports, "isHighlightComment", { enumerable: true, get: function () { return comment_annotation_1.isHighlightComment; } });
 __exportStar(require("./plugins/keywords"), exports);
 __exportStar(require("./lib/utils"), exports);
-var useEditor_1 = require("./useEditor");
-Object.defineProperty(exports, "useEditor", { enumerable: true, get: function () { return __importDefault(useEditor_1).default; } });
-var ManuscriptsEditor_1 = require("./configs//ManuscriptsEditor");
-Object.defineProperty(exports, "ManuscriptsEditor", { enumerable: true, get: function () { return __importDefault(ManuscriptsEditor_1).default; } });
+__exportStar(require("./useEditor"), exports);

package/dist/cjs/menus.js

@@ -15,6 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMenus = void 0;
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_commands_1 = require("prosemirror-commands");
 const prosemirror_history_1 = require("prosemirror-history");
@@ -24,7 +25,7 @@ const commands_1 = require("./commands");
 const dialog_1 = require("./components/dialog");
 const list_1 = require("./keys/list");
 const hierarchy_1 = require("./lib/hierarchy");
-exports.default = (editor, handleOpenDialog, footnotesEnabled, contentEditable) => {
+const getMenus = (editor, handleOpenDialog, footnotesEnabled, contentEditable) => {
     const { isCommandValid, state } = editor;
     const wrap = (command) => () => editor.doCommand(command);
     let menus = [
@@ -438,3 +439,4 @@ exports.default = (editor, handleOpenDialog, footnotesEnabled, contentEditable)
         return menuGroup;
     });
 };
+exports.getMenus = getMenus;

package/dist/cjs/plugins/highlight/findHighlightMarkers.js

@@ -5,7 +5,13 @@ const transform_1 = require("@manuscripts/transform");
 function findHighlightMarkers(doc) {
     const markers = [];
     let current;
+    const commentIds = [];
     doc.descendants((node, pos) => {
+        if (node.type.name === transform_1.schema.nodes.comments.name) {
+            node.content.forEach(({ attrs }) => {
+                commentIds.push(attrs.id);
+            });
+        }
         if ((0, transform_1.isHighlightMarkerNode)(node)) {
             const { position, tid, id } = node.attrs;
             if (position === 'start') {
@@ -21,6 +27,6 @@ function findHighlightMarkers(doc) {
             }
         }
     });
-    return markers;
+    return markers.filter((marker) => commentIds.includes(marker.id));
 }
 exports.findHighlightMarkers = findHighlightMarkers;

package/dist/cjs/useEditor.js

@@ -24,19 +24,19 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEditor = void 0;
 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 ManuscriptsEditor_1 = require("./configs/ManuscriptsEditor");
 const use_do_with_debounce_1 = require("./lib/use-do-with-debounce");
-const bibliography_1 = require("./plugins/bibliography");
-const useEditor = (initialState, createView, editorProps) => {
+const useEditor = (props) => {
     const view = (0, react_1.useRef)();
-    const [state, setState] = (0, react_1.useState)(initialState);
-    const [viewElement, setViewElement] = (0, react_1.useState)(null);
+    const [state, setState] = (0, react_1.useState)(() => (0, ManuscriptsEditor_1.createEditorState)(props));
     const history = (0, react_router_dom_1.useHistory)();
-    const { collabProvider } = editorProps;
+    const { collabProvider } = props;
     if (collabProvider) {
         collabProvider.onNewSteps((newVersion, steps, clientIDs) => __awaiter(void 0, void 0, void 0, function* () {
             if (state && view.current) {
@@ -70,26 +70,15 @@ const useEditor = (initialState, createView, editorProps) => {
         debounce(() => {
             setState(nextState);
         }, 200, !tr.isGeneric);
-        return state;
+        return nextState;
     }, []);
-    const replaceView = (state, createView) => {
-        if (viewElement && view.current) {
-            view.current.destroy();
-            view.current = createView(viewElement, state, dispatch);
-            setState(view.current.state);
-        }
-    };
     const onRender = (0, react_1.useCallback)((el) => {
         var _a;
         if (!el) {
             return;
         }
-        view.current = createView(el, ((_a = view.current) === null || _a === void 0 ? void 0 : _a.state) || state, dispatch);
+        view.current = (0, ManuscriptsEditor_1.createEditorView)(props, el, ((_a = view.current) === null || _a === void 0 ? void 0 : _a.state) || state, dispatch);
         setState(view.current.state);
-        setViewElement(el);
-        view.current.dispatch(view.current.state.tr.setMeta(bibliography_1.bibliographyKey, {
-            initCitations: true,
-        }));
     }, []);
     const isCommandValid = (0, react_1.useCallback)((command) => command(state), [state]);
     const doCommand = (0, react_1.useCallback)((command) => command(state, dispatch, view.current), [state, dispatch]);
@@ -138,9 +127,8 @@ const useEditor = (initialState, createView, editorProps) => {
         isCommandValid,
         doCommand,
         replaceState,
-        replaceView,
         view: view.current,
         dispatch,
     };
 };
-exports.default = useEditor;
+exports.useEditor = useEditor;

package/dist/cjs/views/table_element_footer.js

@@ -0,0 +1,36 @@
+"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.TableElementFooterView = void 0;
+const base_node_view_1 = require("./base_node_view");
+const creators_1 = require("./creators");
+class TableElementFooterView extends base_node_view_1.BaseNodeView {
+    constructor() {
+        super(...arguments);
+        this.initialise = () => {
+            this.createDOM();
+        };
+        this.createDOM = () => {
+            this.dom = document.createElement('div');
+            this.dom.classList.add('table-footer');
+            this.dom.setAttribute('id', this.node.attrs.id);
+            this.contentDOM = this.dom;
+        };
+    }
+}
+exports.TableElementFooterView = TableElementFooterView;
+exports.default = (0, creators_1.createNodeView)(TableElementFooterView);

package/dist/cjs/views/table_element_footer_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 table_element_footer_1 = require("./table_element_footer");
+exports.default = (0, creators_1.createEditableNodeView)(table_element_footer_1.TableElementFooterView);

package/dist/es/configs/ManuscriptsEditor.js

@@ -20,26 +20,22 @@ import { EditorView } from 'prosemirror-view';
 import { transformPasted } from '../lib/paste';
 import plugins from './editor-plugins';
 import views from './editor-views';
-export default {
-    createState: (props) => {
-        return EditorState.create({
-            doc: props.doc,
-            schema,
-            plugins: plugins(props),
-        });
+export const createEditorState = (props) => EditorState.create({
+    doc: props.doc,
+    schema,
+    plugins: plugins(props),
+});
+export const createEditorView = (props, root, state, dispatch) => new EditorView(root, {
+    state,
+    editable: () => props.getCapabilities().editArticle,
+    scrollMargin: {
+        top: 100,
+        bottom: 100,
+        left: 0,
+        right: 0,
     },
-    createView: (props) => (el, state, dispatch) => new EditorView(el, {
-        state,
-        editable: () => props.getCapabilities().editArticle,
-        scrollMargin: {
-            top: 100,
-            bottom: 100,
-            left: 0,
-            right: 0,
-        },
-        dispatchTransaction: dispatch,
-        nodeViews: views(props, dispatch),
-        attributes: props.attributes,
-        transformPasted,
-    }),
-};
+    dispatchTransaction: dispatch,
+    nodeViews: views(props, dispatch),
+    attributes: props.attributes,
+    transformPasted,
+});

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

@@ -41,6 +41,7 @@ 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 tableElementFooter from '../views/table_element_footer_editable';
 import title from '../views/title_editable';
 import tocElement from '../views/toc_element_editable';
 export default (props, dispatch) => {
@@ -73,6 +74,7 @@ export default (props, dispatch) => {
         section_title: sectionTitle(props),
         section_label: sectionLabel(props),
         table_element: tableElement(props),
+        table_element_footer: tableElementFooter(props),
         toc_element: tocElement(props),
         comments: empty('comments'),
     };

package/dist/es/index.js

@@ -21,7 +21,7 @@ export { ManuscriptOutline } from './components/outline/ManuscriptOutline';
 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 * from './menus';
 export { CollabProvider } from './classes/collabProvider';
 export { PopperManager } from './lib/popper';
 export { toolbar } from './toolbar';
@@ -29,5 +29,4 @@ export * from './plugins/highlight';
 export { commentScroll, isThereSelector, isHighlightComment, } from './plugins/comment_annotation';
 export * from './plugins/keywords';
 export * from './lib/utils';
-export { default as useEditor } from './useEditor';
-export { default as ManuscriptsEditor } from './configs//ManuscriptsEditor';
+export * from './useEditor';

package/dist/es/menus.js

@@ -22,7 +22,7 @@ import { addComment, blockActive, canInsert, ifInTableBody, insertBibliographySe
 import { DialogNames } from './components/dialog';
 import { skipTrackingChanges } from './keys/list';
 import { deleteClosestParentElement, findClosestParentElementNodeName, } from './lib/hierarchy';
-export default (editor, handleOpenDialog, footnotesEnabled, contentEditable) => {
+export const getMenus = (editor, handleOpenDialog, footnotesEnabled, contentEditable) => {
     const { isCommandValid, state } = editor;
     const wrap = (command) => () => editor.doCommand(command);
     let menus = [

package/dist/es/plugins/highlight/findHighlightMarkers.js

@@ -1,8 +1,14 @@
-import { isHighlightMarkerNode } from '@manuscripts/transform';
+import { isHighlightMarkerNode, schema } from '@manuscripts/transform';
 export function findHighlightMarkers(doc) {
     const markers = [];
     let current;
+    const commentIds = [];
     doc.descendants((node, pos) => {
+        if (node.type.name === schema.nodes.comments.name) {
+            node.content.forEach(({ attrs }) => {
+                commentIds.push(attrs.id);
+            });
+        }
         if (isHighlightMarkerNode(node)) {
             const { position, tid, id } = node.attrs;
             if (position === 'start') {
@@ -18,5 +24,5 @@ export function findHighlightMarkers(doc) {
             }
         }
     });
-    return markers;
+    return markers.filter((marker) => commentIds.includes(marker.id));
 }

package/dist/es/useEditor.js

@@ -27,14 +27,13 @@ import { getVersion, receiveTransaction, sendableSteps, } from 'prosemirror-coll
 import { NodeSelection, } from 'prosemirror-state';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useHistory } from 'react-router-dom';
+import { createEditorState, createEditorView, } from './configs/ManuscriptsEditor';
 import { useDoWithDebounce } from './lib/use-do-with-debounce';
-import { bibliographyKey } from './plugins/bibliography';
-const useEditor = (initialState, createView, editorProps) => {
+export const useEditor = (props) => {
     const view = useRef();
-    const [state, setState] = useState(initialState);
-    const [viewElement, setViewElement] = useState(null);
+    const [state, setState] = useState(() => createEditorState(props));
     const history = useHistory();
-    const { collabProvider } = editorProps;
+    const { collabProvider } = props;
     if (collabProvider) {
         collabProvider.onNewSteps((newVersion, steps, clientIDs) => __awaiter(void 0, void 0, void 0, function* () {
             if (state && view.current) {
@@ -68,26 +67,15 @@ const useEditor = (initialState, createView, editorProps) => {
         debounce(() => {
             setState(nextState);
         }, 200, !tr.isGeneric);
-        return state;
+        return nextState;
     }, []);
-    const replaceView = (state, createView) => {
-        if (viewElement && view.current) {
-            view.current.destroy();
-            view.current = createView(viewElement, state, dispatch);
-            setState(view.current.state);
-        }
-    };
     const onRender = useCallback((el) => {
         var _a;
         if (!el) {
             return;
         }
-        view.current = createView(el, ((_a = view.current) === null || _a === void 0 ? void 0 : _a.state) || state, dispatch);
+        view.current = createEditorView(props, el, ((_a = view.current) === null || _a === void 0 ? void 0 : _a.state) || state, dispatch);
         setState(view.current.state);
-        setViewElement(el);
-        view.current.dispatch(view.current.state.tr.setMeta(bibliographyKey, {
-            initCitations: true,
-        }));
     }, []);
     const isCommandValid = useCallback((command) => command(state), [state]);
     const doCommand = useCallback((command) => command(state, dispatch, view.current), [state, dispatch]);
@@ -136,9 +124,7 @@ const useEditor = (initialState, createView, editorProps) => {
         isCommandValid,
         doCommand,
         replaceState,
-        replaceView,
         view: view.current,
         dispatch,
     };
 };
-export default useEditor;

package/dist/es/views/table_element_footer.js

@@ -0,0 +1,32 @@
+/*!
+ * © 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 TableElementFooterView extends BaseNodeView {
+    constructor() {
+        super(...arguments);
+        this.initialise = () => {
+            this.createDOM();
+        };
+        this.createDOM = () => {
+            this.dom = document.createElement('div');
+            this.dom.classList.add('table-footer');
+            this.dom.setAttribute('id', this.node.attrs.id);
+            this.contentDOM = this.dom;
+        };
+    }
+}
+export default createNodeView(TableElementFooterView);

package/dist/es/views/table_element_footer_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 { TableElementFooterView } from './table_element_footer';
+export default createEditableNodeView(TableElementFooterView);

package/dist/types/configs/ManuscriptsEditor.d.ts

@@ -19,11 +19,12 @@ import { Capabilities, FileAttachment, FileManagement } from '@manuscripts/style
 import { Build, ManuscriptNode } from '@manuscripts/transform';
 import { History } from 'history';
 import { EditorState, Plugin } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
 import React from 'react';
 import { DefaultTheme } from 'styled-components';
 import { CollabProvider } from '../classes/collabProvider';
+import { Dispatch } from '../commands';
 import { PopperManager } from '../lib/popper';
-import { CreateView } from '../useEditor';
 export type CSLProps = {
     style?: string;
     locale?: string;
@@ -58,8 +59,5 @@ export interface EditorProps {
     environment?: string;
     collabProvider?: CollabProvider;
 }
-declare const _default: {
-    createState: (props: EditorProps) => EditorState;
-    createView: (props: EditorProps) => CreateView;
-};
-export default _default;
+export declare const createEditorState: (props: EditorProps) => EditorState;
+export declare const createEditorView: (props: EditorProps, root: HTMLElement, state: EditorState, dispatch: Dispatch) => EditorView;

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

@@ -532,6 +532,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         updateNodeAttrs: (attrs: import("prosemirror-model").Attrs) => void;
         deleteNode: (id: string) => void;
     } & import("../views/table_element").TableElementView>;
+    table_element_footer: import("../types").NodeViewCreator<import("../views/table_element_footer").TableElementFooterView<any>>;
     toc_element: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
         actionGutterButtons: () => HTMLElement[];

package/dist/types/index.d.ts

@@ -21,7 +21,7 @@ export { ManuscriptOutline } from './components/outline/ManuscriptOutline';
 export { OutlineItemIcon } from './components/outline/Outline';
 export { OutlineManuscript } from './components/outline/OutlineManuscript';
 export { ManuscriptToolbar, ToolbarButtonConfig, } from './components/toolbar/ManuscriptToolbar';
-export { default as getMenus } from './menus';
+export * from './menus';
 export { ChangeReceiver } from './types';
 export { CollabProvider } from './classes/collabProvider';
 export { PopperManager } from './lib/popper';
@@ -30,5 +30,4 @@ export * from './plugins/highlight';
 export { commentScroll, isThereSelector, isHighlightComment, } from './plugins/comment_annotation';
 export * from './plugins/keywords';
 export * from './lib/utils';
-export { default as useEditor } from './useEditor';
-export { default as ManuscriptsEditor } from './configs//ManuscriptsEditor';
+export * from './useEditor';

package/dist/types/menus.d.ts

@@ -15,6 +15,5 @@
  */
 import { MenuSpec } from './components/application-menu';
 import { DialogNames } from './components/dialog';
-import useEditor from './useEditor';
-declare const _default: (editor: ReturnType<typeof useEditor>, handleOpenDialog: (dialog: DialogNames) => void, footnotesEnabled?: boolean, contentEditable?: boolean) => MenuSpec[];
-export default _default;
+import { useEditor } from './useEditor';
+export declare const getMenus: (editor: ReturnType<typeof useEditor>, handleOpenDialog: (dialog: DialogNames) => void, footnotesEnabled?: boolean, contentEditable?: boolean) => MenuSpec[];

package/dist/types/useEditor.d.ts

@@ -16,15 +16,12 @@
 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, editorProps: EditorProps) => {
+export declare const useEditor: (props: EditorProps) => {
     state: EditorState;
     onRender: (el: HTMLDivElement | null) => void;
     isCommandValid: (command: Command) => boolean;
     doCommand: (command: Command) => boolean;
     replaceState: (state: EditorState) => void;
-    replaceView: (state: EditorState, createView: CreateView) => void;
     view: EditorView | undefined;
     dispatch: (tr: Transaction) => EditorState;
 };
-export default useEditor;

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

@@ -0,0 +1,23 @@
+/*!
+ * © 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 TableElementFooterView<PropsType extends BaseNodeProps> extends BaseNodeView<PropsType> implements ManuscriptNodeView {
+    initialise: () => void;
+    createDOM: () => void;
+}
+declare const _default: (props: BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<TableElementFooterView<any>>;
+export default _default;

package/dist/types/views/table_element_footer_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 { TableElementFooterView } from './table_element_footer';
+declare const _default: (props: import("./editable_block").EditableBlockProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<TableElementFooterView<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.6.4",
+  "version": "1.6.6-LEAN-3074-0",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -30,10 +30,10 @@
     "@iarna/word-count": "^1.1.2",
     "@manuscripts/assets": "^0.6.4",
     "@manuscripts/json-schema": "2.2.1",
-    "@manuscripts/library": "1.3.0",
-    "@manuscripts/style-guide": "1.5.0",
+    "@manuscripts/library": "1.3.0-LEAN-3074-1",
+    "@manuscripts/style-guide": "1.5.0-LEAN-3074-1",
     "@manuscripts/track-changes-plugin": "^1.7.5",
-    "@manuscripts/transform": "2.0.0",
+    "@manuscripts/transform": "2.0.1-LEAN-3074-0",
     "astrocite-eutils": "^0.16.4",
     "axios": "^1.2.2",
     "codemirror": "^5.58.1",
@@ -128,4 +128,4 @@
   "resolutions": {
     "@types/react": "^17.0.2"
   }
-}
+}

package/styles/Editor.css

@@ -939,6 +939,47 @@
   font-size: 75%;
 }
 
+.ProseMirror .table-footer {
+  font-size: 14px;
+}
+
+.ProseMirror .table-footer > div:first-child {
+  padding-top: 8px;
+}
+
+.ProseMirror .table-footer > div:not(:first-child)::before {
+  content: '';
+  border-bottom: 1px dashed #C9C9C9;
+  display: block;
+  margin-bottom: 14px;
+}
+
+.ProseMirror .table-footer > div {
+  counter-reset: table_footnote;
+}
+
+.ProseMirror .table-footer > div > div > p::before {
+  counter-increment: table_footnote;
+  content: counter(table_footnote);
+  display: inline-block;
+  position: relative;
+  cursor: pointer;
+  vertical-align: super;
+  font-size: 75%;
+  margin-right: 4px;
+}
+
+.ProseMirror .table-footer > div > div > p {
+  margin-bottom: 0px;
+  margin-top: 0px;
+}
+
+/* .ProseMirror .table-footer > div > div > p:focus {
+  padding: 8px 0 8px 0;
+  border: 1px solid #bce7f6;
+  background-color: #f2fbfc;
+} */
+
 .ProseMirror .footnote-label {
   vertical-align: super;
   font-size: 75%;
@@ -962,3 +1003,7 @@
   line-height: 1.43;
   padding-left: 65px;
 }
+div[style*="background-color: rgba(249, 2, 2, 0.53)"] {
+  background-color: #ffe08b !important;
+}
+