@manuscripts/body-editor 2.8.30 → 2.8.32

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

@@ -27,6 +27,7 @@ const prosemirror_history_1 = require("prosemirror-history");
 const prosemirror_tables_1 = require("prosemirror-tables");
 const keys_1 = __importDefault(require("../keys"));
 const affiliations_1 = __importDefault(require("../plugins/affiliations"));
+const alt_titles_1 = __importDefault(require("../plugins/alt-titles"));
 const bibliography_1 = __importDefault(require("../plugins/bibliography"));
 const comments_1 = __importDefault(require("../plugins/comments"));
 const cross_references_1 = __importDefault(require("../plugins/cross-references"));
@@ -75,6 +76,7 @@ exports.default = (props) => {
         (0, section_category_1.default)(props),
         (0, cross_references_1.default)(),
         (0, search_replace_1.default)(),
+        (0, alt_titles_1.default)(),
     ];
     if (props.collabProvider) {
         allPlugins.push((0, prosemirror_collab_1.collab)({ version: props.collabProvider.currentVersion }));

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

@@ -1,24 +1,11 @@
 "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.
- */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const affiliations_1 = __importDefault(require("../views/affiliations"));
+const alt_title_1 = __importDefault(require("../views/alt_title"));
+const alt_titles_section_1 = __importDefault(require("../views/alt_titles_section"));
 const author_notes_1 = __importDefault(require("../views/author_notes"));
 const award_1 = __importDefault(require("../views/award"));
 const awards_1 = __importDefault(require("../views/awards"));
@@ -58,7 +45,8 @@ const title_editable_1 = __importDefault(require("../views/title_editable"));
 exports.default = (props, dispatch) => {
     return {
         title: (0, title_editable_1.default)(props, dispatch),
-        alt_title: (0, empty_1.default)('alt_title'),
+        alt_title: (0, alt_title_1.default)(props),
+        alt_titles: (0, alt_titles_section_1.default)(props),
         bibliography_element: (0, bibliography_element_1.default)(props, dispatch),
         blockquote_element: (0, blockquote_element_editable_1.default)(props),
         box_element: (0, box_element_1.default)(props),

package/dist/cjs/icons.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollIcon = exports.sectionCategoryIcon = exports.editIcon = exports.deleteIcon = exports.alertIcon = void 0;
+exports.scrollIcon = exports.sectionCategoryIcon = exports.editIcon = exports.deleteIcon = exports.alertIcon = exports.arrowDown = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = require("react");
 const server_1 = require("react-dom/server");
 const renderIcon = (c) => (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(c));
+exports.arrowDown = renderIcon(style_guide_1.ArrowDownCircleIcon);
 exports.alertIcon = renderIcon(style_guide_1.AlertIcon);
 exports.deleteIcon = renderIcon(style_guide_1.DeleteIcon);
 exports.editIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.EditIcon));

package/dist/cjs/keys/index.js

@@ -28,8 +28,8 @@ const title_1 = __importDefault(require("./title"));
 exports.default = [
     (0, prosemirror_keymap_1.keymap)(keyword_1.default),
     (0, prosemirror_keymap_1.keymap)(list_1.default),
-    (0, prosemirror_keymap_1.keymap)(misc_1.default),
     (0, prosemirror_keymap_1.keymap)(title_1.default),
+    (0, prosemirror_keymap_1.keymap)(misc_1.default),
     (0, prosemirror_keymap_1.keymap)(prosemirror_commands_1.baseKeymap),
     (0, prosemirror_keymap_1.keymap)(highlight_1.default),
 ];

package/dist/cjs/keys/title.js

@@ -70,7 +70,7 @@ const exitBlock = (direction) => (state, dispatch) => {
     }
     return true;
 };
-const leaveSectionTitle = (state, dispatch, view) => {
+const leaveTitle = (state, dispatch, view) => {
     const { selection } = state;
     if (!(0, commands_1.isTextSelection)(selection)) {
         return false;
@@ -79,9 +79,17 @@ const leaveSectionTitle = (state, dispatch, view) => {
     if (!$cursor) {
         return false;
     }
-    if ($cursor.parent.type !== $cursor.parent.type.schema.nodes.section_title) {
+    const titleTypes = [
+        transform_1.schema.nodes.alt_title,
+        transform_1.schema.nodes.section_title,
+        transform_1.schema.nodes.title,
+    ];
+    if (!titleTypes.includes($cursor.parent.type)) {
         return false;
     }
+    if ($cursor.parent.type === transform_1.schema.nodes.alt_title) {
+        return true;
+    }
     if ((0, transform_1.isInGraphicalAbstractSection)($cursor)) {
         return false;
     }
@@ -97,7 +105,7 @@ const leaveFigcaption = (state) => {
     const { selection: { $anchor }, } = state;
     return $anchor.parent.type === $anchor.parent.type.schema.nodes.caption_title;
 };
-const protectSectionTitle = (state, dispatch, view) => {
+const protectTitles = (state, dispatch, view) => {
     const { selection } = state;
     if (!(0, commands_1.isTextSelection)(selection)) {
         return false;
@@ -106,6 +114,10 @@ const protectSectionTitle = (state, dispatch, view) => {
     if (!$cursor) {
         return false;
     }
+    if ($cursor.parent.type === transform_1.schema.nodes.alt_title &&
+        $cursor.pos === $cursor.before() + 1) {
+        return true;
+    }
     return ($cursor.parent.type === $cursor.parent.type.schema.nodes.section_title &&
         (0, commands_1.isAtStartOfTextBlock)(state, $cursor, view));
 };
@@ -139,8 +151,8 @@ const keepCaption = (state) => {
         $anchor.parent.content.size === 0);
 };
 const titleKeymap = {
-    Backspace: (0, prosemirror_commands_1.chainCommands)(protectSectionTitle, exports.protectReferencesTitle, protectCaption),
-    Enter: (0, prosemirror_commands_1.chainCommands)(leaveSectionTitle, leaveFigcaption),
+    Backspace: (0, prosemirror_commands_1.chainCommands)(protectTitles, exports.protectReferencesTitle, protectCaption),
+    Enter: (0, prosemirror_commands_1.chainCommands)(leaveTitle, leaveFigcaption),
     Tab: exitBlock(1),
     Delete: (0, prosemirror_commands_1.chainCommands)(keepCaption, exports.protectReferencesTitle),
     'Shift-Tab': exitBlock(-1),

package/dist/cjs/lib/helpers.js

@@ -72,7 +72,7 @@ const handleScrollToSelectedTarget = (view) => {
         }
         target = node;
     }
-    if (!target) {
+    if (!target || !(target instanceof HTMLElement)) {
         return false;
     }
     const blockAlignment = node.type === transform_1.schema.nodes.bibliography_item ? 'center' : 'start';

package/dist/cjs/plugins/alt-titles.js

@@ -0,0 +1,154 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.altTitlesKey = void 0;
+const transform_1 = require("@manuscripts/transform");
+const prosemirror_state_1 = require("prosemirror-state");
+const prosemirror_view_1 = require("prosemirror-view");
+const icons_1 = require("../icons");
+const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
+function getTitlesData(doc) {
+    let title;
+    let runningTitle;
+    let shortTitle;
+    let altTitlesSection;
+    doc.descendants((node, pos) => {
+        if (title && runningTitle && shortTitle && altTitlesSection) {
+            return false;
+        }
+        if (node.type === transform_1.schema.nodes.title) {
+            title = [node, pos];
+        }
+        if (node.type === transform_1.schema.nodes.alt_titles) {
+            altTitlesSection = [node, pos];
+        }
+        if (node.type === transform_1.schema.nodes.alt_title) {
+            if (node.attrs.type === 'running') {
+                runningTitle = [node, pos];
+            }
+            if (node.attrs.type === 'short') {
+                shortTitle = [node, pos];
+            }
+        }
+    });
+    return { title, runningTitle, shortTitle, altTitlesSection };
+}
+function createAltTitlesButton(listener) {
+    const altTitlesButton = document.createElement('button');
+    altTitlesButton.classList.add('alt-titles-open', 'button-reset');
+    altTitlesButton.innerHTML = icons_1.arrowDown;
+    altTitlesButton.addEventListener('click', (e) => {
+        e.preventDefault();
+        listener();
+    });
+    return altTitlesButton;
+}
+function selectionInAltTitles(from, to, state) {
+    if (state.runningTitle && state.shortTitle) {
+        const range = {
+            from: Math.min(state.runningTitle[1], state.shortTitle[1]),
+            to: Math.max(state.runningTitle[1] + state.runningTitle[0].nodeSize, state.shortTitle[1] + state.shortTitle[0].nodeSize),
+        };
+        return Math.max(from, range.from) <= Math.min(to, range.to);
+    }
+    return false;
+}
+exports.altTitlesKey = new prosemirror_state_1.PluginKey('altTitles');
+exports.default = () => {
+    return new prosemirror_state_1.Plugin({
+        key: exports.altTitlesKey,
+        state: {
+            init: (_, state) => {
+                return Object.assign({ collapsed: true }, getTitlesData(state.doc));
+            },
+            apply: (tr, value) => {
+                let newState = value;
+                if (tr.docChanged) {
+                    newState = Object.assign(Object.assign({}, newState), getTitlesData(tr.doc));
+                }
+                if (tr.selectionSet &&
+                    selectionInAltTitles(tr.selection.from, tr.selection.to, newState)) {
+                    newState = Object.assign(Object.assign({}, newState), { collapsed: false });
+                }
+                if (tr.getMeta(exports.altTitlesKey)) {
+                    newState = Object.assign(Object.assign(Object.assign({}, newState), tr.getMeta(exports.altTitlesKey)), getTitlesData(tr.doc));
+                }
+                return newState;
+            },
+        },
+        appendTransaction: (transactions, _, newState) => {
+            let tr = newState.tr;
+            if (!transactions.some((tr) => tr.getMeta(exports.altTitlesKey)) ||
+                !exports.altTitlesKey.getState(newState)) {
+                return null;
+            }
+            const { title, runningTitle, shortTitle, altTitlesSection } = exports.altTitlesKey.getState(newState);
+            const schema = newState.schema;
+            if (!title) {
+                return null;
+            }
+            if (!altTitlesSection) {
+                const titleEnd = title[0].nodeSize + title[1];
+                const section = schema.nodes.alt_titles.create({}, [
+                    schema.nodes.alt_title.create({
+                        type: 'running',
+                    }),
+                    schema.nodes.alt_title.create({ type: 'short' }),
+                ]);
+                tr.insert(titleEnd, section);
+            }
+            else {
+                const endPos = altTitlesSection[1] + altTitlesSection[0].nodeSize - 1;
+                if (!runningTitle) {
+                    const title = schema.nodes.alt_title.create({
+                        type: 'running',
+                    });
+                    tr.insert(endPos, title);
+                }
+                if (!shortTitle) {
+                    const title = schema.nodes.alt_title.create({ type: 'short' });
+                    const newPos = tr.mapping.map(endPos);
+                    tr.insert(newPos, title);
+                }
+            }
+            if (tr.docChanged) {
+                return tr.setMeta(exports.altTitlesKey, 'created-missing-titles');
+            }
+            else {
+                return null;
+            }
+        },
+        props: {
+            decorations: (state) => {
+                const decorations = [];
+                const pState = exports.altTitlesKey.getState(state);
+                if (!pState || !pState.title) {
+                    return prosemirror_view_1.DecorationSet.empty;
+                }
+                if (!pState.collapsed) {
+                    state.doc.descendants((node, pos) => {
+                        if (node.type === state.schema.nodes.alt_titles) {
+                            decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {
+                                class: 'alt-titles-section-open',
+                            }));
+                        }
+                    });
+                }
+                else if (pState.title[0].textContent.length) {
+                    const titleEnd = pState.title[0].nodeSize + pState.title[1];
+                    decorations.push(prosemirror_view_1.Decoration.widget(titleEnd - 1, (view) => {
+                        return createAltTitlesButton(() => {
+                            const tr = view.state.tr.setMeta(exports.altTitlesKey, {
+                                collapsed: false,
+                            });
+                            view.dispatch((0, track_changes_plugin_1.skipTracking)(tr));
+                        });
+                    }, {
+                        side: -1,
+                        key: 'title-' + titleEnd,
+                    }));
+                }
+                return prosemirror_view_1.DecorationSet.create(state.doc, decorations);
+            },
+        },
+    });
+};

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.8.30';
+exports.VERSION = '2.8.32';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/alt_title.js

@@ -0,0 +1,44 @@
+"use strict";
+/*!
+ * © 2025 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.AltTitleView = void 0;
+const base_node_view_1 = require("./base_node_view");
+const creators_1 = require("./creators");
+class AltTitleView extends base_node_view_1.BaseNodeView {
+    constructor() {
+        super(...arguments);
+        this.initialise = () => {
+            this.createDOM();
+        };
+        this.createDOM = () => {
+            this.dom = document.createElement('div');
+            this.dom.classList.add('manuscript-alt-title');
+            const label = document.createElement('div');
+            label.classList.add('alt-title-label');
+            label.innerHTML = this.node.attrs.type + ' title';
+            label.contentEditable = 'false';
+            this.dom.setAttribute('data-type', this.node.attrs.type);
+            this.contentDOM = document.createElement('div');
+            this.contentDOM.classList.add('alt-title-text');
+            this.dom.appendChild(label);
+            this.dom.appendChild(this.contentDOM);
+            this.updateContents();
+        };
+    }
+}
+exports.AltTitleView = AltTitleView;
+exports.default = (0, creators_1.createNodeView)(AltTitleView);

package/dist/cjs/views/alt_titles_section.js

@@ -0,0 +1,58 @@
+"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.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AltTitleSectionView = void 0;
+const icons_1 = require("../icons");
+const alt_titles_1 = require("../plugins/alt-titles");
+const block_view_1 = __importDefault(require("./block_view"));
+const creators_1 = require("./creators");
+class AltTitleSectionView extends block_view_1.default {
+    constructor() {
+        super(...arguments);
+        this.ignoreMutation = () => true;
+        this.createElement = () => {
+            this.container = document.createElement('div');
+            this.container.classList.add('block');
+            this.dom.appendChild(this.container);
+            this.contentDOM = document.createElement('div');
+            this.contentDOM.classList.add('alt-titles-section');
+            this.contentDOM.setAttribute('id', this.node.attrs.id);
+            this.container.appendChild(this.contentDOM);
+            this.container.appendChild(this.createClosingPanel());
+        };
+    }
+    createClosingPanel() {
+        const closingPanel = document.createElement('div');
+        closingPanel.classList.add('alt-titles-closing-panel');
+        const button = document.createElement('button');
+        button.classList.add('alt-titles-closing-button', 'button-reset');
+        button.innerHTML = icons_1.arrowDown;
+        button.addEventListener('click', () => {
+            const tr = this.view.state.tr.setMeta(alt_titles_1.altTitlesKey, {
+                collapsed: true,
+            });
+            this.view.dispatch(tr);
+        });
+        closingPanel.appendChild(button);
+        return closingPanel;
+    }
+}
+exports.AltTitleSectionView = AltTitleSectionView;
+exports.default = (0, creators_1.createNodeView)(AltTitleSectionView);

package/dist/cjs/views/title.js

@@ -34,6 +34,7 @@ class TitleView extends base_node_view_1.BaseNodeView {
                 this.contentDOM.setAttribute('data-placeholder', attrs.placeholder);
             }
             this.dom.appendChild(this.contentDOM);
+            this.updateContents();
         };
     }
 }

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

@@ -22,6 +22,7 @@ import { history } from 'prosemirror-history';
 import { tableEditing } from 'prosemirror-tables';
 import keys from '../keys';
 import affiliations from '../plugins/affiliations';
+import alt_titles from '../plugins/alt-titles';
 import bibliography from '../plugins/bibliography';
 import comments from '../plugins/comments';
 import cross_references from '../plugins/cross-references';
@@ -70,6 +71,7 @@ export default (props) => {
         section_category(props),
         cross_references(),
         search_replace(),
+        alt_titles(),
     ];
     if (props.collabProvider) {
         allPlugins.push(collab({ version: props.collabProvider.currentVersion }));

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

@@ -1,19 +1,6 @@
-/*!
- * © 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 affiliations from '../views/affiliations';
+import alt_title from '../views/alt_title';
+import alt_titles_section from '../views/alt_titles_section';
 import authorNotes from '../views/author_notes';
 import award from '../views/award';
 import awards from '../views/awards';
@@ -53,7 +40,8 @@ import title from '../views/title_editable';
 export default (props, dispatch) => {
     return {
         title: title(props, dispatch),
-        alt_title: empty('alt_title'),
+        alt_title: alt_title(props),
+        alt_titles: alt_titles_section(props),
         bibliography_element: bibliographyElement(props, dispatch),
         blockquote_element: blockquoteElement(props),
         box_element: boxElement(props),

package/dist/es/icons.js

@@ -1,7 +1,8 @@
-import { AlertIcon, DeleteIcon, EditIcon, ScrollIcon, SectionCategoryIcon, } from '@manuscripts/style-guide';
+import { AlertIcon, ArrowDownCircleIcon, DeleteIcon, EditIcon, ScrollIcon, SectionCategoryIcon, } from '@manuscripts/style-guide';
 import { createElement } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
 const renderIcon = (c) => renderToStaticMarkup(createElement(c));
+export const arrowDown = renderIcon(ArrowDownCircleIcon);
 export const alertIcon = renderIcon(AlertIcon);
 export const deleteIcon = renderIcon(DeleteIcon);
 export const editIcon = renderToStaticMarkup(createElement(EditIcon));

package/dist/es/keys/index.js

@@ -23,8 +23,8 @@ import titleKeymap from './title';
 export default [
     keymap(keywordKeymap),
     keymap(listKeymap),
-    keymap(miscKeymap),
     keymap(titleKeymap),
+    keymap(miscKeymap),
     keymap(baseKeymap),
     keymap(highlightKeymap),
 ];

package/dist/es/keys/title.js

@@ -67,7 +67,7 @@ const exitBlock = (direction) => (state, dispatch) => {
     }
     return true;
 };
-const leaveSectionTitle = (state, dispatch, view) => {
+const leaveTitle = (state, dispatch, view) => {
     const { selection } = state;
     if (!isTextSelection(selection)) {
         return false;
@@ -76,9 +76,17 @@ const leaveSectionTitle = (state, dispatch, view) => {
     if (!$cursor) {
         return false;
     }
-    if ($cursor.parent.type !== $cursor.parent.type.schema.nodes.section_title) {
+    const titleTypes = [
+        schema.nodes.alt_title,
+        schema.nodes.section_title,
+        schema.nodes.title,
+    ];
+    if (!titleTypes.includes($cursor.parent.type)) {
         return false;
     }
+    if ($cursor.parent.type === schema.nodes.alt_title) {
+        return true;
+    }
     if (isInGraphicalAbstractSection($cursor)) {
         return false;
     }
@@ -94,7 +102,7 @@ const leaveFigcaption = (state) => {
     const { selection: { $anchor }, } = state;
     return $anchor.parent.type === $anchor.parent.type.schema.nodes.caption_title;
 };
-const protectSectionTitle = (state, dispatch, view) => {
+const protectTitles = (state, dispatch, view) => {
     const { selection } = state;
     if (!isTextSelection(selection)) {
         return false;
@@ -103,6 +111,10 @@ const protectSectionTitle = (state, dispatch, view) => {
     if (!$cursor) {
         return false;
     }
+    if ($cursor.parent.type === schema.nodes.alt_title &&
+        $cursor.pos === $cursor.before() + 1) {
+        return true;
+    }
     return ($cursor.parent.type === $cursor.parent.type.schema.nodes.section_title &&
         isAtStartOfTextBlock(state, $cursor, view));
 };
@@ -135,8 +147,8 @@ const keepCaption = (state) => {
         $anchor.parent.content.size === 0);
 };
 const titleKeymap = {
-    Backspace: chainCommands(protectSectionTitle, protectReferencesTitle, protectCaption),
-    Enter: chainCommands(leaveSectionTitle, leaveFigcaption),
+    Backspace: chainCommands(protectTitles, protectReferencesTitle, protectCaption),
+    Enter: chainCommands(leaveTitle, leaveFigcaption),
     Tab: exitBlock(1),
     Delete: chainCommands(keepCaption, protectReferencesTitle),
     'Shift-Tab': exitBlock(-1),

package/dist/es/lib/helpers.js

@@ -66,7 +66,7 @@ export const handleScrollToSelectedTarget = (view) => {
         }
         target = node;
     }
-    if (!target) {
+    if (!target || !(target instanceof HTMLElement)) {
         return false;
     }
     const blockAlignment = node.type === schema.nodes.bibliography_item ? 'center' : 'start';