@manuscripts/body-editor 1.13.1-LEAN-3720.0 → 1.13.1

package/dist/cjs/configs/ManuscriptsEditor.js

@@ -24,6 +24,7 @@ const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
 const clipboard_1 = require("../clipboard");
+const helpers_1 = require("../lib/helpers");
 const paste_1 = require("../lib/paste");
 const editor_plugins_1 = __importDefault(require("./editor-plugins"));
 const editor_views_1 = __importDefault(require("./editor-views"));
@@ -48,6 +49,7 @@ const createEditorView = (props, root, state, dispatch) => {
         attributes: props.attributes,
         transformPasted: paste_1.transformPasted,
         clipboardParser: clipboard_1.clipboardParser,
+        handleScrollToSelection: helpers_1.handleScrollToBibliographyItem,
     });
     const tr = view.state.tr.setMeta('INIT', true);
     const nextState = view.state.apply(tr);

package/dist/cjs/lib/helpers.js

@@ -47,7 +47,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderMath = exports.mergeSimilarItems = exports.nearestAncestor = exports.isNodeOfType = void 0;
+exports.handleScrollToBibliographyItem = exports.renderMath = exports.mergeSimilarItems = exports.nearestAncestor = exports.isNodeOfType = void 0;
+const transform_1 = require("@manuscripts/transform");
 const isNodeOfType = (...type) => (node) => {
     const [head, ...tail] = type;
     if (node.type === node.type.schema.nodes[head]) {
@@ -93,3 +94,27 @@ const renderMath = (math, format) => __awaiter(void 0, void 0, void 0, function*
     }
 });
 exports.renderMath = renderMath;
+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 editorBodyElement = document.querySelector('.editor-body');
+    const parentRect = editorBodyElement.getBoundingClientRect();
+    if (bibliographyItemRect.bottom > window.innerHeight ||
+        bibliographyItemRect.top < 150) {
+        let childTopOffset = bibliographyItemRect.top - parentRect.top;
+        childTopOffset =
+            childTopOffset - (window.innerHeight - bibliographyItemRect.height) / 2;
+        const scrollToTop = editorBodyElement.scrollTop + childTopOffset;
+        editorBodyElement.scrollTo({ top: scrollToTop, behavior: 'smooth' });
+    }
+    return true;
+};
+exports.handleScrollToBibliographyItem = handleScrollToBibliographyItem;

package/dist/es/configs/ManuscriptsEditor.js

@@ -18,6 +18,7 @@ import { schema } from '@manuscripts/transform';
 import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { clipboardParser } from '../clipboard';
+import { handleScrollToBibliographyItem } from '../lib/helpers';
 import { transformPasted } from '../lib/paste';
 import plugins from './editor-plugins';
 import views from './editor-views';
@@ -41,6 +42,7 @@ export const createEditorView = (props, root, state, dispatch) => {
         attributes: props.attributes,
         transformPasted,
         clipboardParser,
+        handleScrollToSelection: handleScrollToBibliographyItem,
     });
     const tr = view.state.tr.setMeta('INIT', true);
     const nextState = view.state.apply(tr);

package/dist/es/lib/helpers.js

@@ -22,6 +22,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { schema } from '@manuscripts/transform';
 export const isNodeOfType = (...type) => (node) => {
     const [head, ...tail] = type;
     if (node.type === node.type.schema.nodes[head]) {
@@ -63,3 +64,26 @@ export const renderMath = (math, format) => __awaiter(void 0, void 0, void 0, fu
         return convertMathMLToSVG(math);
     }
 });
+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 editorBodyElement = document.querySelector('.editor-body');
+    const parentRect = editorBodyElement.getBoundingClientRect();
+    if (bibliographyItemRect.bottom > window.innerHeight ||
+        bibliographyItemRect.top < 150) {
+        let childTopOffset = bibliographyItemRect.top - parentRect.top;
+        childTopOffset =
+            childTopOffset - (window.innerHeight - bibliographyItemRect.height) / 2;
+        const scrollToTop = editorBodyElement.scrollTop + childTopOffset;
+        editorBodyElement.scrollTo({ top: scrollToTop, behavior: 'smooth' });
+    }
+    return true;
+};

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

@@ -15,7 +15,9 @@
  */
 import { ManuscriptNode } from '@manuscripts/transform';
 import { Node, ResolvedPos } from 'prosemirror-model';
+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 renderMath: (math: string, format: string) => Promise<string | null>;
+export declare const handleScrollToBibliographyItem: (view: EditorView) => boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.13.1-LEAN-3720.0",
+  "version": "1.13.1",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -30,7 +30,7 @@
     "@iarna/word-count": "^1.1.2",
     "@manuscripts/json-schema": "2.2.8",
     "@manuscripts/library": "1.3.7",
-    "@manuscripts/style-guide": "1.13.1-LEAN-3720.0",
+    "@manuscripts/style-guide": "1.13.0",
     "@manuscripts/track-changes-plugin": "1.7.13",
     "@manuscripts/transform": "2.3.9",
     "astrocite-eutils": "^0.16.4",