@manuscripts/body-editor 1.6.5 → 1.6.6

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/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/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/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/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/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/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/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.6.5",
+  "version": "1.6.6",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -128,4 +128,4 @@
   "resolutions": {
     "@types/react": "^17.0.2"
   }
-}
+}