@manuscripts/body-editor 2.6.2 → 2.6.3-LEAN-4073.0

package/dist/cjs/configs/ManuscriptsEditor.js

@@ -52,7 +52,7 @@ const createEditorView = (props, root, state, dispatch) => {
         transformPasted: paste_1.transformPasted,
         handlePaste: paste_1.handlePaste,
         clipboardParser: clipboard_1.clipboardParser,
-        handleScrollToSelection: helpers_1.handleScrollToBibliographyItem,
+        handleScrollToSelection: helpers_1.handleScrollToSelectedElement,
         transformCopied: copy_1.transformCopied,
         handleClickOn: (view, pos, node, nodePos, event) => {
             if ((event === null || event === void 0 ? void 0 : event.target) &&

package/dist/cjs/index.js

@@ -56,6 +56,7 @@ __exportStar(require("./lib/utils"), exports);
 __exportStar(require("./lib/track-changes-utils"), exports);
 __exportStar(require("./useEditor"), exports);
 __exportStar(require("./lib/math"), exports);
+__exportStar(require("./lib/helpers"), exports);
 var objects_1 = require("./plugins/objects");
 Object.defineProperty(exports, "objectsPluginKey", { enumerable: true, get: function () { return objects_1.objectsKey; } });
 var footnotes_1 = require("./plugins/footnotes");

package/dist/cjs/lib/helpers.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.findWordBoundaries = exports.handleScrollToBibliographyItem = exports.mergeSimilarItems = exports.nearestAncestor = exports.isNodeOfType = void 0;
+exports.findWordBoundaries = exports.handleScrollToSelectedElement = exports.mergeSimilarItems = exports.nearestAncestor = exports.isNodeOfType = void 0;
 const transform_1 = require("@manuscripts/transform");
 const isNodeOfType = (...type) => (node) => {
     const [head, ...tail] = type;
@@ -51,30 +51,38 @@ const mergeSimilarItems = (compareFunc, mergeFunc) => (items) => {
     }, []);
 };
 exports.mergeSimilarItems = mergeSimilarItems;
-const handleScrollToBibliographyItem = (view) => {
-    const tr = view.state.tr;
-    const node = tr.doc.nodeAt(tr.selection.$from.pos);
-    if (!node || node.type !== transform_1.schema.nodes.bibliography_item) {
-        return false;
-    }
-    const bibliographyItemElement = document.querySelector(`[id="${node.attrs.id}"]`);
-    if (!bibliographyItemElement) {
-        return false;
-    }
-    const bibliographyItemRect = bibliographyItemElement.getBoundingClientRect();
+const scrollToElement = (element) => {
+    const elementRect = element.getBoundingClientRect();
     const editorBodyElement = document.querySelector('.editor-body');
     const parentRect = editorBodyElement.getBoundingClientRect();
-    if (bibliographyItemRect.bottom > window.innerHeight ||
-        bibliographyItemRect.top < 150) {
-        let childTopOffset = bibliographyItemRect.top - parentRect.top;
+    if (elementRect.bottom > window.innerHeight || elementRect.top < 150) {
+        let childTopOffset = elementRect.top - parentRect.top;
         childTopOffset =
-            childTopOffset - (window.innerHeight - bibliographyItemRect.height) / 2;
+            childTopOffset - (window.innerHeight - elementRect.height) / 2;
         const scrollToTop = editorBodyElement.scrollTop + childTopOffset;
         editorBodyElement.scrollTo({ top: scrollToTop, behavior: 'smooth' });
     }
-    return true;
 };
-exports.handleScrollToBibliographyItem = handleScrollToBibliographyItem;
+const handleScrollToSelectedElement = (view, targetHtmlElement) => {
+    const tr = view.state.tr;
+    const node = tr.doc.nodeAt(tr.selection.$from.pos);
+    if (!node) {
+        return false;
+    }
+    if (node.type === transform_1.schema.nodes.bibliography_item) {
+        const bibliographyItemElement = document.querySelector(`[id="${node.attrs.id}"]`);
+        if (bibliographyItemElement) {
+            scrollToElement(bibliographyItemElement);
+            return true;
+        }
+    }
+    if (targetHtmlElement) {
+        scrollToElement(targetHtmlElement);
+        return true;
+    }
+    return false;
+};
+exports.handleScrollToSelectedElement = handleScrollToSelectedElement;
 const findWordBoundaries = (state, position) => {
     let start = position;
     let end = position;

package/dist/cjs/versions.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MATHJAX_VERSION = exports.VERSION = void 0;
-exports.VERSION = '2.6.2';
+exports.VERSION = '2.6.3-LEAN-4073.0';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/es/configs/ManuscriptsEditor.js

@@ -19,7 +19,7 @@ import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { clipboardParser } from '../clipboard';
 import { transformCopied } from '../lib/copy';
-import { handleScrollToBibliographyItem } from '../lib/helpers';
+import { handleScrollToSelectedElement } from '../lib/helpers';
 import { handlePaste, transformPasted } from '../lib/paste';
 import { INIT_META } from '../lib/plugins';
 import plugins from './editor-plugins';
@@ -45,7 +45,7 @@ export const createEditorView = (props, root, state, dispatch) => {
         transformPasted,
         handlePaste,
         clipboardParser,
-        handleScrollToSelection: handleScrollToBibliographyItem,
+        handleScrollToSelection: handleScrollToSelectedElement,
         transformCopied,
         handleClickOn: (view, pos, node, nodePos, event) => {
             if ((event === null || event === void 0 ? void 0 : event.target) &&

package/dist/es/index.js

@@ -33,6 +33,7 @@ export * from './lib/utils';
 export * from './lib/track-changes-utils';
 export * from './useEditor';
 export * from './lib/math';
+export * from './lib/helpers';
 export { objectsKey as objectsPluginKey } from './plugins/objects';
 export { footnotesKey as footnotesPluginKey } from './plugins/footnotes';
 export { bibliographyKey as bibliographyPluginKey } from './plugins/bibliography';

package/dist/es/lib/helpers.js

@@ -45,28 +45,36 @@ export const mergeSimilarItems = (compareFunc, mergeFunc) => (items) => {
         ];
     }, []);
 };
-export const handleScrollToBibliographyItem = (view) => {
-    const tr = view.state.tr;
-    const node = tr.doc.nodeAt(tr.selection.$from.pos);
-    if (!node || node.type !== schema.nodes.bibliography_item) {
-        return false;
-    }
-    const bibliographyItemElement = document.querySelector(`[id="${node.attrs.id}"]`);
-    if (!bibliographyItemElement) {
-        return false;
-    }
-    const bibliographyItemRect = bibliographyItemElement.getBoundingClientRect();
+const scrollToElement = (element) => {
+    const elementRect = element.getBoundingClientRect();
     const editorBodyElement = document.querySelector('.editor-body');
     const parentRect = editorBodyElement.getBoundingClientRect();
-    if (bibliographyItemRect.bottom > window.innerHeight ||
-        bibliographyItemRect.top < 150) {
-        let childTopOffset = bibliographyItemRect.top - parentRect.top;
+    if (elementRect.bottom > window.innerHeight || elementRect.top < 150) {
+        let childTopOffset = elementRect.top - parentRect.top;
         childTopOffset =
-            childTopOffset - (window.innerHeight - bibliographyItemRect.height) / 2;
+            childTopOffset - (window.innerHeight - elementRect.height) / 2;
         const scrollToTop = editorBodyElement.scrollTop + childTopOffset;
         editorBodyElement.scrollTo({ top: scrollToTop, behavior: 'smooth' });
     }
-    return true;
+};
+export const handleScrollToSelectedElement = (view, targetHtmlElement) => {
+    const tr = view.state.tr;
+    const node = tr.doc.nodeAt(tr.selection.$from.pos);
+    if (!node) {
+        return false;
+    }
+    if (node.type === schema.nodes.bibliography_item) {
+        const bibliographyItemElement = document.querySelector(`[id="${node.attrs.id}"]`);
+        if (bibliographyItemElement) {
+            scrollToElement(bibliographyItemElement);
+            return true;
+        }
+    }
+    if (targetHtmlElement) {
+        scrollToElement(targetHtmlElement);
+        return true;
+    }
+    return false;
 };
 export const findWordBoundaries = (state, position) => {
     let start = position;

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.6.2';
+export const VERSION = '2.6.3-LEAN-4073.0';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/index.d.ts

@@ -34,6 +34,7 @@ export * from './lib/utils';
 export * from './lib/track-changes-utils';
 export * from './useEditor';
 export * from './lib/math';
+export * from './lib/helpers';
 export { objectsKey as objectsPluginKey } from './plugins/objects';
 export { footnotesKey as footnotesPluginKey } from './plugins/footnotes';
 export { bibliographyKey as bibliographyPluginKey } from './plugins/bibliography';

package/dist/types/lib/helpers.d.ts

@@ -19,7 +19,7 @@ import { EditorView } from 'prosemirror-view';
 export declare const isNodeOfType: (...type: string[]) => (node: Node) => boolean;
 export declare const nearestAncestor: (func: (node: ManuscriptNode) => boolean) => ($pos: ResolvedPos) => number | null;
 export declare const mergeSimilarItems: <T>(compareFunc: (a: T, b: T) => boolean, mergeFunc: (a: T, b: T) => T) => (items: T[]) => T[];
-export declare const handleScrollToBibliographyItem: (view: EditorView) => boolean;
+export declare const handleScrollToSelectedElement: (view: EditorView, targetHtmlElement?: HTMLElement) => boolean;
 export declare const findWordBoundaries: (state: ManuscriptEditorState, position: number) => {
     from: number;
     to: number;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.6.2";
+export declare const VERSION = "2.6.3-LEAN-4073.0";
 export declare const MATHJAX_VERSION = "3.2.2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "2.6.2",
+  "version": "2.6.3-LEAN-4073.0",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",