@manuscripts/body-editor 2.0.9 → 2.0.11-JSR

package/dist/es/views/inline_footnote.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { FootnotesSelector } from '@manuscripts/style-guide';
+import { ContextMenu, FootnotesSelector, } from '@manuscripts/style-guide';
 import { schema, } from '@manuscripts/transform';
 import { NodeSelection, TextSelection } from 'prosemirror-state';
 import { findChildrenByType, findParentNodeClosestToPos, } from 'prosemirror-utils';
@@ -28,8 +28,23 @@ export class InlineFootnoteView extends BaseNodeView {
     constructor() {
         super(...arguments);
         this.findParentTableElement = () => findParentNodeClosestToPos(this.view.state.doc.resolve(this.getPos()), (node) => node.type === schema.nodes.table_element);
+        this.showContextMenu = () => {
+            this.props.popper.destroy();
+            const componentProps = {
+                actions: [
+                    {
+                        label: 'Edit',
+                        action: () => {
+                            this.props.popper.destroy();
+                            this.activateGenericFnModal();
+                        },
+                        icon: 'Edit',
+                    },
+                ],
+            };
+            this.props.popper.show(this.dom, ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu'), 'right-start', false);
+        };
         this.handleClick = () => {
-            var _a;
             if (isDeleted(this.node)) {
                 return;
             }
@@ -40,21 +55,59 @@ export class InlineFootnoteView extends BaseNodeView {
                     onAdd: this.onAdd,
                 });
             }
-            else if (!this.activateGenericFnModal()) {
-                if ((_a = this.node.attrs.rids) === null || _a === void 0 ? void 0 : _a.length) {
-                    let nodePos = undefined;
-                    this.view.state.doc.descendants((node, pos) => {
-                        if (node.attrs.id === this.node.attrs.rids[0]) {
-                            nodePos = pos;
-                        }
-                    });
-                    if (nodePos && this.props.dispatch) {
-                        const sel = TextSelection.near(this.view.state.doc.resolve(nodePos + 1));
-                        this.props.dispatch(this.view.state.tr.setSelection(sel).scrollIntoView());
+            else {
+                this.showContextMenu();
+            }
+        };
+        this.scrollToReferenced = () => {
+            var _a;
+            if ((_a = this.node.attrs.rids) === null || _a === void 0 ? void 0 : _a.length) {
+                let nodePos = undefined;
+                this.view.state.doc.descendants((node, pos) => {
+                    if (node.attrs.id === this.node.attrs.rids[0]) {
+                        nodePos = pos;
                     }
+                });
+                if (nodePos && this.props.dispatch) {
+                    const sel = TextSelection.near(this.view.state.doc.resolve(nodePos + 1));
+                    this.props.dispatch(this.view.state.tr.setSelection(sel).scrollIntoView());
                 }
             }
         };
+        this.activateGenericFnModal = () => {
+            if (!this.props.getCapabilities().editArticle) {
+                return;
+            }
+            const fnState = footnotesKey.getState(this.view.state);
+            console.log(fnState);
+            if (fnState) {
+                this.activateModal({
+                    notes: Array.from(fnState.unusedFootnotes.values()).map((n) => ({
+                        node: n[0],
+                    })),
+                    onCancel: () => {
+                        const { tr } = this.view.state;
+                        if (!this.node.attrs.rids.length) {
+                            this.view.dispatch(tr.delete(this.getPos(), this.getPos() + this.node.nodeSize));
+                        }
+                        this.destroy();
+                    },
+                    onAdd: () => {
+                        const footnote = createFootnote(this.view.state, 'footnote');
+                        const tr = insertFootnote(this.view.state, this.view.state.tr, footnote);
+                        tr.setNodeAttribute(tr.mapping.map(this.getPos()), 'rids', [
+                            footnote.attrs.id,
+                        ]);
+                        this.view.dispatch(tr);
+                        this.view.focus();
+                        this.destroy();
+                    },
+                    addNewLabel: 'Replace with new footnote',
+                });
+                return true;
+            }
+            return false;
+        };
         this.updateContents = () => {
             const attrs = this.node.attrs;
             this.dom.setAttribute('rids', attrs.rids.join(','));
@@ -148,38 +201,5 @@ export class InlineFootnoteView extends BaseNodeView {
         this.popperContainer = ReactSubView(Object.assign(Object.assign({}, this.props), { dispatch: this.view.dispatch }), FootnotesSelector, Object.assign(Object.assign({}, defaultModal), modalProps), this.node, this.getPos, this.view, 'footnote-editor');
         this.props.popper.show(this.dom, this.popperContainer, 'auto', false);
     }
-    activateGenericFnModal() {
-        if (!this.props.getCapabilities().editArticle) {
-            return;
-        }
-        const fnState = footnotesKey.getState(this.view.state);
-        if (fnState && fnState.unusedFootnotes.size > 0) {
-            this.activateModal({
-                notes: Array.from(fnState.unusedFootnotes.values()).map((n) => ({
-                    node: n[0],
-                })),
-                onCancel: () => {
-                    const { tr } = this.view.state;
-                    if (!this.node.attrs.rids.length) {
-                        this.view.dispatch(tr.delete(this.getPos(), this.getPos() + this.node.nodeSize));
-                    }
-                    this.destroy();
-                },
-                onAdd: () => {
-                    const footnote = createFootnote(this.view.state, 'footnote');
-                    const tr = insertFootnote(this.view.state, this.view.state.tr, footnote);
-                    tr.setNodeAttribute(tr.mapping.map(this.getPos()), 'rids', [
-                        footnote.attrs.id,
-                    ]);
-                    this.view.dispatch(tr);
-                    this.view.focus();
-                    this.destroy();
-                },
-                addNewLabel: 'Replace with new footnote',
-            });
-            return true;
-        }
-        return false;
-    }
 }
 export default createNodeView(InlineFootnoteView);

package/dist/es/views/section.js

@@ -0,0 +1,71 @@
+/*!
+ * © 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 { PAGE_BREAK_AFTER, PAGE_BREAK_BEFORE, PAGE_BREAK_BEFORE_AND_AFTER, } from '@manuscripts/transform';
+import { sectionTitleKey } from '../plugins/section_title';
+import BlockView from './block_view';
+import { createNodeView } from './creators';
+export const handleSectionNumbering = (sections) => {
+    sections.forEach((sectionNumber, sectionId) => {
+        const section = document.getElementById(sectionId);
+        const sectionTitle = section === null || section === void 0 ? void 0 : section.querySelector('h1');
+        if (sectionTitle) {
+            sectionTitle.dataset.sectionNumber = sectionNumber;
+        }
+    });
+};
+export class SectionView extends BlockView {
+    constructor() {
+        super(...arguments);
+        this.elementType = 'section';
+        this.initialise = () => {
+            this.createDOM();
+            this.createElement();
+            this.updateContents();
+        };
+        this.createElement = () => {
+            this.contentDOM = document.createElement(this.elementType);
+            this.dom.appendChild(this.contentDOM);
+        };
+        this.onUpdateContent = () => {
+            const sectionTitleState = sectionTitleKey.getState(this.view.state);
+            const { titleSuppressed, generatedLabel, pageBreakStyle, id, category } = this.node.attrs;
+            const classNames = [];
+            if (titleSuppressed) {
+                classNames.push('title-suppressed');
+            }
+            if (typeof generatedLabel === 'undefined' || generatedLabel) {
+                classNames.push('generated-label');
+            }
+            if (pageBreakStyle === PAGE_BREAK_BEFORE ||
+                pageBreakStyle === PAGE_BREAK_BEFORE_AND_AFTER) {
+                classNames.push('page-break-before');
+            }
+            if (pageBreakStyle === PAGE_BREAK_AFTER ||
+                pageBreakStyle === PAGE_BREAK_BEFORE_AND_AFTER) {
+                classNames.push('page-break-after');
+            }
+            if (this.contentDOM) {
+                this.contentDOM.id = id;
+                this.contentDOM.classList.add(...classNames);
+                category && this.contentDOM.setAttribute('data-category', category);
+            }
+            if (sectionTitleState) {
+                handleSectionNumbering(sectionTitleState);
+            }
+        };
+    }
+}
+export default createNodeView(SectionView);

package/dist/es/views/section_title.js

@@ -13,23 +13,33 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { schema } from '@manuscripts/transform';
+import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
 import { sectionLevel } from '../lib/context-menu';
+import { sectionTitleKey } from '../plugins/section_title';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
 export class SectionTitleView extends BlockView {
     constructor() {
         super(...arguments);
         this.elementType = 'h1';
-        this.updateContents = () => {
+        this.onUpdateContent = () => {
             const $pos = this.view.state.doc.resolve(this.getPos());
+            const sectionTitleState = sectionTitleKey.getState(this.view.state);
+            const parentSection = findParentNodeOfTypeClosestToPos($pos, schema.nodes.section);
+            const sectionNumber = sectionTitleState === null || sectionTitleState === void 0 ? void 0 : sectionTitleState.get(parentSection === null || parentSection === void 0 ? void 0 : parentSection.node.attrs.id);
+            const level = $pos.depth > 1 ? $pos.depth - 1 : $pos.depth;
             if (this.node.childCount) {
                 this.contentDOM.classList.remove('empty-node');
             }
             else {
                 this.contentDOM.classList.add('empty-node');
-                const level = $pos.depth > 1 ? $pos.depth - 1 : $pos.depth;
                 this.contentDOM.setAttribute('data-placeholder', `${sectionLevel(level)} heading`);
             }
+            if (sectionTitleState) {
+                this.contentDOM.dataset.sectionNumber = sectionNumber;
+                this.contentDOM.dataset.titleLevel = level.toString();
+            }
         };
     }
 }

package/dist/types/components/outline/ManuscriptOutline.d.ts

@@ -13,12 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Manuscript } from '@manuscripts/json-schema';
 import { Capabilities } from '@manuscripts/style-guide';
 import { ManuscriptEditorView, ManuscriptNode } from '@manuscripts/transform';
 import React from 'react';
 export interface ManuscriptOutlineProps {
-    manuscript: Manuscript;
     doc: ManuscriptNode | null;
     can?: Capabilities;
     view?: ManuscriptEditorView;

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

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import 'prosemirror-view/style/prosemirror.css';
-import { Manuscript, UserProfile } from '@manuscripts/json-schema';
+import { UserProfile } from '@manuscripts/json-schema';
 import { Capabilities } from '@manuscripts/style-guide';
 import { ManuscriptNode } from '@manuscripts/transform';
 import { EditorState } from 'prosemirror-state';
@@ -37,7 +37,6 @@ export interface EditorProps {
     getCurrentUser: () => UserProfile;
     projectID: string;
     doc: ManuscriptNode;
-    getManuscript: () => Manuscript;
     getFiles: () => FileAttachment[];
     fileManagement: FileManagement;
     popper: PopperManager;

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

@@ -316,6 +316,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         destroy: () => void;
         handleDecorations: (decorations: readonly import("prosemirror-view").Decoration[]) => void;
     } & import("../views/placeholder_element").PlaceholderElementView<any>>;
+    section: import("../types").NodeViewCreator<import("../views/section").SectionView<any>>;
     pullquote_element: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
         actionGutterButtons: () => HTMLElement[];

package/dist/types/plugins/objects.d.ts

@@ -13,12 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Manuscript } from '@manuscripts/json-schema';
 import { Target } from '@manuscripts/transform';
 import { Plugin, PluginKey } from 'prosemirror-state';
 export declare const objectsKey: PluginKey<Map<string, Target>>;
-interface Props {
-    getManuscript: () => Manuscript;
-}
-declare const _default: (props: Props) => Plugin<Map<string, Target>>;
+declare const _default: () => Plugin<Map<string, Target>>;
 export default _default;

package/dist/types/plugins/section_title.d.ts

@@ -0,0 +1,5 @@
+import { Plugin, PluginKey } from 'prosemirror-state';
+export type PluginState = Map<string, string>;
+export declare const sectionTitleKey: PluginKey<PluginState>;
+declare const _default: () => Plugin<PluginState>;
+export default _default;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.0.9";
+export declare const VERSION = "2.0.11-JSR";
 export declare const MATHJAX_VERSION = "3.2.2";

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

@@ -27,9 +27,11 @@ export declare class InlineFootnoteView<PropsType extends InlineFootnoteProps &
     protected popperContainer: HTMLDivElement;
     isSelected(): boolean;
     findParentTableElement: () => ContentNodeWithPos | undefined;
+    showContextMenu: () => void;
     handleClick: () => void;
+    scrollToReferenced: () => void;
     activateModal(modalProps: Partial<ModalProps>): void;
-    activateGenericFnModal(): boolean | undefined;
+    activateGenericFnModal: () => boolean | undefined;
     updateContents: () => void;
     initialise: () => void;
     ignoreMutation: () => boolean;

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

@@ -0,0 +1,28 @@
+/*!
+ * © 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 { PluginState } from '../plugins/section_title';
+import { BaseNodeProps } from './base_node_view';
+import BlockView from './block_view';
+export declare const handleSectionNumbering: (sections: PluginState) => void;
+export declare class SectionView<PropsType extends BaseNodeProps> extends BlockView<PropsType> {
+    elementType: string;
+    element: HTMLElement;
+    initialise: () => void;
+    createElement: () => void;
+    onUpdateContent: () => void;
+}
+declare const _default: (props: BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<SectionView<any>>;
+export default _default;

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

@@ -18,7 +18,7 @@ import BlockView from './block_view';
 export declare class SectionTitleView<PropsType extends BaseNodeProps> extends BlockView<PropsType> {
     contentDOM: HTMLElement;
     elementType: string;
-    updateContents: () => void;
+    onUpdateContent: () => void;
 }
 declare const _default: (props: BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<SectionTitleView<any>>;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "2.0.9",
+  "version": "2.0.11-JSR",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -32,9 +32,9 @@
     "@iarna/word-count": "^1.1.2",
     "@manuscripts/json-schema": "2.2.10",
     "@manuscripts/library": "1.3.10",
-    "@manuscripts/style-guide": "2.0.1",
+    "@manuscripts/style-guide": "2.0.2",
     "@manuscripts/track-changes-plugin": "1.7.17",
-    "@manuscripts/transform": "2.3.21",
+    "@manuscripts/transform": "2.3.21-JSR",
     "@popperjs/core": "^2.11.8",
     "astrocite-eutils": "^0.16.4",
     "codemirror": "^5.58.1",
@@ -116,4 +116,4 @@
   "engines": {
     "node": ">=20.16.0"
   }
-}
+}