@manuscripts/body-editor 3.8.2 → 3.8.3

package/dist/cjs/commands.js

@@ -15,8 +15,8 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addHeaderRow = exports.addRows = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertAward = exports.insertAffiliation = exports.insertContributors = exports.insertGraphicalAbstract = exports.insertBackmatterSection = exports.insertAbstractSection = exports.insertSection = exports.insertBoxElement = exports.insertInlineFootnote = exports.insertFootnotesElement = exports.insertTableElementFooter = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertAttachment = exports.insertSupplement = exports.insertTable = exports.insertEmbed = exports.insertFigure = exports.insertGeneralTableFootnote = exports.insertInlineTableFootnote = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
-exports.paste = exports.copySelection = exports.exitEditorToContainer = exports.ignoreEnterInSubtitles = exports.insertHeroImage = exports.activateSearchReplace = exports.activateSearch = exports.autoComplete = exports.addColumns = void 0;
+exports.addRows = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTransAbstract = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertAward = exports.insertAffiliation = exports.insertContributors = exports.insertGraphicalAbstract = exports.insertBackmatterSection = exports.insertAbstractSection = exports.insertSection = exports.insertBoxElement = exports.insertInlineFootnote = exports.insertFootnotesElement = exports.insertTableElementFooter = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertAttachment = exports.insertSupplement = exports.insertTable = exports.insertEmbed = exports.insertFigure = exports.insertGeneralTableFootnote = exports.insertInlineTableFootnote = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
+exports.paste = exports.copySelection = exports.exitEditorToContainer = exports.ignoreEnterInSubtitles = exports.insertHeroImage = exports.activateSearchReplace = exports.activateSearch = exports.autoComplete = exports.addColumns = exports.addHeaderRow = void 0;
 const json_schema_1 = require("@manuscripts/json-schema");
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
@@ -923,6 +923,29 @@ const insertTOCSection = () => {
     return false;
 };
 exports.insertTOCSection = insertTOCSection;
+const insertTransAbstract = (state, dispatch, category) => {
+    if (!(0, template_1.templateAllows)(state, transform_1.schema.nodes.trans_abstract)) {
+        return false;
+    }
+    if (!dispatch) {
+        return true;
+    }
+    const lang = state.doc.attrs.primaryLanguageCode || 'en';
+    const title = transform_1.schema.nodes.section_title.create();
+    const paragraph = transform_1.schema.nodes.paragraph.create();
+    const node = transform_1.schema.nodes.trans_abstract.create({
+        lang,
+        category,
+    }, [title, paragraph]);
+    const abstracts = (0, doc_1.findAbstractsNode)(state.doc);
+    const pos = abstracts.pos + abstracts.node.nodeSize - 1;
+    const tr = state.tr.insert(pos, node);
+    const selection = prosemirror_state_1.TextSelection.create(tr.doc, pos + 1);
+    tr.setSelection(selection).scrollIntoView();
+    dispatch(tr);
+    return true;
+};
+exports.insertTransAbstract = insertTransAbstract;
 const findCutBefore = ($pos) => {
     if (!$pos.parent.type.spec.isolating) {
         for (let i = $pos.depth - 1; i >= 0; i--) {

package/dist/cjs/components/LanguageDropdown/index.js

@@ -54,7 +54,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const languages_1 = require("./languages");
+const languages_1 = require("../../lib/languages");
 const LanguageOptionItem = ({ language, isSelected, onSelect }) => {
     const handleKeyDown = (event) => {
         if (event.key === 'Enter') {
@@ -133,7 +133,8 @@ const LanguageDropdown = ({ onLanguageSelect, onClose, currentLanguage = 'en', s
         onLanguageSelect(languageCode);
     };
     const getDisplayName = (languageCode) => {
-        return (0, languages_1.getSelectedLanguageName)(languageCode, languages);
+        const lang = (0, languages_1.getLanguage)(languageCode, languages);
+        return (0, languages_1.getLanguageLabel)(lang);
     };
     return (react_1.default.createElement(style_guide_1.DropdownContainer, { ref: dropdownRef },
         showButton && (react_1.default.createElement(LanguageButton, { ref: (el) => {

package/dist/cjs/components/references/ImportBibliographyModal.js

@@ -97,7 +97,7 @@ const ImportBibliographyModal = ({ onCancel, onSave }) => {
             react_1.default.createElement(ModalBody, null,
                 react_1.default.createElement(ModalTitle, null, "Import Bibliography"),
                 react_1.default.createElement("p", null,
-                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": exampleBibtex, "data-tool": true }, "BibTex"),
+                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": exampleBibtex }, "BibTex"),
                     ",",
                     ' ',
                     react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": examplePubmed }, "PubMed"),
@@ -114,7 +114,7 @@ const ImportBibliographyModal = ({ onCancel, onSave }) => {
                     ' ',
                     "formats are supported"),
                 react_1.default.createElement(ImportBibliographyForm_1.ImportBibliographyForm, { onCancel: handleCancel, onSave: handleSave }),
-                react_1.default.createElement(Example, { id: "import-example-tooltip", place: "bottom", render: (s) => (react_1.default.createElement("pre", null, s.content)) })))));
+                react_1.default.createElement(Example, { id: "import-example-tooltip", place: "bottom", render: (s) => react_1.default.createElement("pre", null, s.content) })))));
 };
 exports.ImportBibliographyModal = ImportBibliographyModal;
 const ModalBody = styled_components_1.default.div `

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

@@ -51,6 +51,7 @@ const section_title_1 = __importDefault(require("../plugins/section_title"));
 const section_category_1 = __importDefault(require("../plugins/section_category"));
 const selected_suggestion_1 = __importDefault(require("../plugins/selected-suggestion"));
 const tables_cursor_fix_1 = __importDefault(require("../plugins/tables-cursor-fix"));
+const translations_1 = __importDefault(require("../plugins/translations"));
 const rules_1 = __importDefault(require("../rules"));
 exports.default = (props) => {
     const allPlugins = [
@@ -78,6 +79,7 @@ exports.default = (props) => {
         (0, paragraphs_1.default)(),
         (0, placeholder_1.default)(),
         (0, add_subtitle_1.default)(),
+        (0, translations_1.default)(props),
         (0, prosemirror_tables_1.tableEditing)(),
         (0, selected_suggestion_1.default)(),
         (0, footnotes_1.default)(props),

package/dist/cjs/icons.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fileMainDocumentIcon = exports.linkIcon = exports.translateIcon = exports.draggableIcon = exports.fileCorruptedIcon = exports.imageDefaultIcon = exports.imageLeftIcon = exports.imageRightIcon = exports.addBtnIcon = exports.plusIcon = exports.lockIcon = exports.scrollIcon = exports.sectionCategoryIcon = exports.editIcon = exports.deleteIcon = exports.alertIcon = exports.arrowUp = exports.arrowDown = exports.addAuthorIcon = void 0;
+exports.tickIcon = exports.fileMainDocumentIcon = exports.linkIcon = exports.translateIcon = exports.draggableIcon = exports.fileCorruptedIcon = exports.imageDefaultIcon = exports.imageLeftIcon = exports.imageRightIcon = exports.plusIcon = exports.lockIcon = exports.scrollIcon = exports.sectionCategoryIcon = exports.editIcon = exports.deleteIcon = exports.alertIcon = exports.arrowUp = exports.arrowDown = exports.addAuthorIcon = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = require("react");
 const server_1 = require("react-dom/server");
@@ -10,17 +10,17 @@ exports.arrowDown = renderIcon(style_guide_1.ArrowDownCircleIcon);
 exports.arrowUp = renderIcon(style_guide_1.ArrowUpIcon);
 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));
+exports.editIcon = renderIcon(style_guide_1.EditIcon);
 exports.sectionCategoryIcon = renderIcon(style_guide_1.SectionCategoryIcon);
-exports.scrollIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.ScrollIcon));
-exports.lockIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.LockIcon));
+exports.scrollIcon = renderIcon(style_guide_1.ScrollIcon);
+exports.lockIcon = renderIcon(style_guide_1.LockIcon);
 exports.plusIcon = renderIcon(style_guide_1.PlusIcon);
-exports.addBtnIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.PlusIcon));
-exports.imageRightIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.ImageRightIcon));
-exports.imageLeftIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.ImageLeftIcon));
-exports.imageDefaultIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.ImageDefaultIcon));
-exports.fileCorruptedIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.FileCorruptedIcon));
-exports.draggableIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.DraggableIcon));
-exports.translateIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.TranslateIcon));
-exports.linkIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.LinkIcon));
-exports.fileMainDocumentIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.FileMainDocumentIcon));
+exports.imageRightIcon = renderIcon(style_guide_1.ImageRightIcon);
+exports.imageLeftIcon = renderIcon(style_guide_1.ImageLeftIcon);
+exports.imageDefaultIcon = renderIcon(style_guide_1.ImageDefaultIcon);
+exports.fileCorruptedIcon = renderIcon(style_guide_1.FileCorruptedIcon);
+exports.draggableIcon = renderIcon(style_guide_1.DraggableIcon);
+exports.translateIcon = renderIcon(style_guide_1.TranslateIcon);
+exports.linkIcon = renderIcon(style_guide_1.LinkIcon);
+exports.fileMainDocumentIcon = renderIcon(style_guide_1.FileMainDocumentIcon);
+exports.tickIcon = renderIcon(style_guide_1.TickIcon);

package/dist/{es/components/LanguageDropdown → cjs/lib}/languages.js

@@ -1,3 +1,4 @@
+"use strict";
 /*!
  * © 2025 Atypon Systems LLC
  *
@@ -13,21 +14,20 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export const ENGLISH_FALLBACK = {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLanguageLabel = exports.getLanguage = void 0;
+const ENGLISH = {
     code: 'en',
     name: 'English',
     nativeName: 'English',
 };
-export const getSelectedLanguageName = (selectedLanguage, allLanguages) => {
-    if (!allLanguages.length) {
-        return 'English (Default)';
-    }
-    const language = allLanguages.find((lang) => lang.code === selectedLanguage) ||
-        ENGLISH_FALLBACK;
+const getLanguage = (code, languages) => {
+    return languages.find((l) => l.code === code) || ENGLISH;
+};
+exports.getLanguage = getLanguage;
+const getLanguageLabel = (language) => {
     return language.nativeName && language.nativeName !== language.name
         ? `${language.name} (${language.nativeName})`
         : language.name;
 };
-export const getLanguageDisplayName = (languageCode) => {
-    return languageCode.toUpperCase();
-};
+exports.getLanguageLabel = getLanguageLabel;

package/dist/cjs/lib/popper.js

@@ -65,6 +65,7 @@ class PopperManager {
                 }
             };
             if (contents.classList.contains('context-menu') ||
+                contents.classList.contains('language') ||
                 contents.classList.contains('section-category')) {
                 window.addEventListener('click', this.handleDocumentClick);
             }

package/dist/cjs/plugins/section_category.js

@@ -16,7 +16,7 @@ exports.default = (props) => new prosemirror_state_1.Plugin({
                 return value;
             }
             return buildPluginState(newState, props);
-        }
+        },
     },
     props: {
         decorations: (state) => exports.sectionCategoryKey.getState(state)?.decorations || prosemirror_view_1.DecorationSet.empty,

package/dist/cjs/plugins/translations.js

@@ -0,0 +1,96 @@
+"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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const transform_1 = require("@manuscripts/transform");
+const prosemirror_state_1 = require("prosemirror-state");
+const prosemirror_view_1 = require("prosemirror-view");
+const commands_1 = require("../commands");
+const icons_1 = require("../icons");
+const languages_1 = require("../lib/languages");
+const createMenuItem = (props, contents, handler, isSelected = false) => {
+    const item = document.createElement('div');
+    item.className = `menu-item ${isSelected ? 'selected' : ''}`;
+    item.textContent = contents;
+    item.addEventListener('mousedown', (event) => {
+        handler(event);
+        props.popper.destroy();
+    });
+    return item;
+};
+const createLanguageMenu = (props, selectedCode, onSelect) => {
+    const menu = document.createElement('div');
+    menu.className = 'language menu';
+    props.languages.forEach((language) => {
+        const item = createMenuItem(props, (0, languages_1.getLanguageLabel)(language), () => onSelect(language.code), selectedCode === language.code);
+        menu.appendChild(item);
+    });
+    return menu;
+};
+exports.default = (props) => new prosemirror_state_1.Plugin({
+    props: {
+        decorations: (state) => {
+            const can = props.getCapabilities();
+            const canEdit = can.editArticle && (0, commands_1.insertTransAbstract)(state);
+            const widgets = [];
+            state.doc.descendants((node, pos, parent) => {
+                if (node.type === transform_1.schema.nodes.section &&
+                    parent?.type === transform_1.schema.nodes.abstracts &&
+                    canEdit) {
+                    widgets.push(prosemirror_view_1.Decoration.widget(pos + 1, (view) => {
+                        const $span = document.createElement('span');
+                        $span.className = 'add-trans-abstract';
+                        $span.title = 'Add translation';
+                        $span.innerHTML = `${icons_1.addAuthorIcon} <span class="add-trans-abstract-text">Add translation</span>`;
+                        $span.addEventListener('mousedown', (event) => {
+                            event.preventDefault();
+                            event.stopPropagation();
+                            (0, commands_1.insertTransAbstract)(view.state, view.dispatch, node.attrs.category);
+                        });
+                        return $span;
+                    }));
+                }
+                if (node.type === transform_1.schema.nodes.trans_abstract) {
+                    widgets.push(prosemirror_view_1.Decoration.widget(pos + 1, (view) => {
+                        const $btn = document.createElement('span');
+                        $btn.className = 'language-selector-btn';
+                        $btn.setAttribute('data-cy', 'language-selector-btn');
+                        $btn.contentEditable = 'false';
+                        const code = node.attrs.lang || 'en';
+                        const lang = (0, languages_1.getLanguage)(code, props.languages);
+                        const label = (0, languages_1.getLanguageLabel)(lang);
+                        $btn.innerHTML = `<span>${label}</span> ${icons_1.translateIcon}`;
+                        if (canEdit) {
+                            $btn.addEventListener('mousedown', (event) => {
+                                event.preventDefault();
+                                event.stopPropagation();
+                                props.popper.destroy();
+                                const handleSelect = (code) => {
+                                    const tr = view.state.tr.setNodeAttribute(pos, 'lang', code);
+                                    view.dispatch(tr);
+                                };
+                                const menu = createLanguageMenu(props, code, handleSelect);
+                                props.popper.show($btn, menu, 'bottom-end', false);
+                            });
+                        }
+                        return $btn;
+                    }));
+                }
+            });
+            return prosemirror_view_1.DecorationSet.create(state.doc, widgets);
+        },
+    },
+});

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

package/dist/cjs/views/figure_element.js

@@ -70,7 +70,7 @@ class FigureElementView extends image_element_1.ImageElementView {
         if (this.props.getCapabilities()?.editArticle) {
             this.addFigureBtn = Object.assign(document.createElement('button'), {
                 className: 'add-button',
-                innerHTML: icons_1.addBtnIcon,
+                innerHTML: icons_1.addAuthorIcon,
                 title: 'Add figure',
             });
             this.addFigureBtn.addEventListener('click', () => this.addFigure());

package/dist/cjs/views/section.js

@@ -19,10 +19,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SectionView = void 0;
-const transform_1 = require("@manuscripts/transform");
-const prosemirror_state_1 = require("prosemirror-state");
-const prosemirror_utils_1 = require("prosemirror-utils");
-const icons_1 = require("../icons");
 const section_title_1 = require("../plugins/section_title");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
@@ -30,26 +26,6 @@ class SectionView extends block_view_1.default {
     constructor() {
         super(...arguments);
         this.elementType = 'section';
-        this.addTranslationButton = null;
-        this.addTranslation = () => {
-            const { state } = this.view;
-            const { schema } = state;
-            const documentLanguage = state.doc.attrs.primaryLanguageCode || 'en';
-            const sectionTitle = schema.nodes.section_title.create();
-            const paragraph = schema.nodes.paragraph.create();
-            const transAbstractNode = schema.nodes.trans_abstract.create({
-                lang: documentLanguage,
-                category: this.node.attrs.category,
-            }, [sectionTitle, paragraph]);
-            const abstracts = (0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)(this.view.state.doc.resolve(this.getPos()), schema.nodes.abstracts);
-            if (abstracts) {
-                const tr = state.tr.insert(abstracts.pos + abstracts.node.nodeSize - 1, transAbstractNode);
-                const titlePos = abstracts.pos + abstracts.node.nodeSize;
-                const selection = prosemirror_state_1.TextSelection.create(tr.doc, titlePos);
-                tr.setSelection(selection).scrollIntoView();
-                this.view.dispatch(tr);
-            }
-        };
     }
     initialise() {
         this.createDOM();
@@ -64,7 +40,6 @@ class SectionView extends block_view_1.default {
         super.updateContents();
         this.dom.setAttribute('data-category', this.node.attrs.category);
         this.handleSectionNumbering();
-        this.handleAddTranslationButton();
     }
     handleSectionNumbering() {
         const sections = section_title_1.sectionTitleKey.getState(this.view.state);
@@ -79,62 +54,7 @@ class SectionView extends block_view_1.default {
             }
         });
     }
-    handleAddTranslationButton() {
-        this.cleanupAddTranslationButton();
-        const $pos = this.view.state.doc.resolve(this.getPos());
-        const isInAbstracts = (0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)($pos, transform_1.schema.nodes.abstracts);
-        const isAbstractCategory = this.isAbstractCategory(this.node.attrs.category);
-        if (isInAbstracts &&
-            isAbstractCategory &&
-            this.props.getCapabilities()?.editArticle) {
-            this.createAddTranslationButton();
-        }
-    }
-    isAbstractCategory(category) {
-        const sectionCategories = this.props.sectionCategories;
-        if (!sectionCategories) {
-            return false;
-        }
-        const categoryObj = sectionCategories.get(category);
-        if (!categoryObj) {
-            return false;
-        }
-        return (categoryObj.group === 'abstracts' ||
-            categoryObj.group === 'abstracts-graphic');
-    }
-    createAddTranslationButton() {
-        const btnContainer = document.createElement('div');
-        btnContainer.classList.add('add-translation-container');
-        btnContainer.addEventListener('mousedown', (event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            this.addTranslation();
-        });
-        const addTranslationBtn = Object.assign(document.createElement('button'), {
-            className: 'add-button',
-            innerHTML: icons_1.addBtnIcon,
-            title: 'Add Translation',
-            type: 'button',
-        });
-        const textElement = document.createElement('span');
-        textElement.textContent = 'Add translation';
-        textElement.classList.add('add-translation-text');
-        btnContainer.appendChild(addTranslationBtn);
-        btnContainer.appendChild(textElement);
-        this.dom.appendChild(btnContainer);
-        this.addTranslationButton = addTranslationBtn;
-    }
-    cleanupAddTranslationButton() {
-        if (this.addTranslationButton) {
-            const container = this.addTranslationButton.closest('.add-translation-container');
-            if (container) {
-                container.remove();
-            }
-            this.addTranslationButton = null;
-        }
-    }
     destroy() {
-        this.cleanupAddTranslationButton();
         super.destroy();
     }
 }

package/dist/cjs/views/translated_abstract.js

@@ -19,27 +19,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TransAbstractView = void 0;
-const LanguageDropdown_1 = __importDefault(require("../components/LanguageDropdown"));
-const languages_1 = require("../components/LanguageDropdown/languages");
-const icons_1 = require("../icons");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
-const ReactSubView_1 = __importDefault(require("./ReactSubView"));
 class TransAbstractView extends block_view_1.default {
     constructor() {
         super(...arguments);
         this.elementType = 'section';
-        this.languageButton = null;
-        this.handleButtonClick = (e) => {
-            e.stopPropagation();
-            if (this.languageButton) {
-                this.showLanguageDropdown(this.languageButton);
-            }
-        };
-        this.handleLanguageChange = (languageCode) => {
-            this.updateNodeLanguage(languageCode);
-            this.updateButtonContent(languageCode);
-        };
     }
     createDOM() {
         super.createDOM();
@@ -54,11 +39,6 @@ class TransAbstractView extends block_view_1.default {
     updateContents() {
         super.updateContents();
         this.updateAttributes();
-        this.handleLanguageSelector();
-    }
-    destroy() {
-        this.cleanupLanguageButton();
-        super.destroy();
     }
     updateAttributes() {
         if (this.contentDOM && this.node.attrs.lang) {
@@ -68,52 +48,6 @@ class TransAbstractView extends block_view_1.default {
             this.dom.setAttribute('data-category', this.node.attrs.category);
         }
     }
-    handleLanguageSelector() {
-        this.cleanupLanguageButton();
-        if (this.props.getCapabilities()?.editArticle) {
-            this.createLanguageButton();
-        }
-    }
-    createLanguageButton() {
-        this.languageButton = document.createElement('button');
-        this.languageButton.classList.add('language-selector-btn');
-        this.languageButton.setAttribute('data-cy', 'language-selector-btn');
-        this.updateButtonContent();
-        this.languageButton.addEventListener('click', this.handleButtonClick);
-        this.dom.prepend(this.languageButton);
-    }
-    cleanupLanguageButton() {
-        if (this.languageButton) {
-            this.languageButton.removeEventListener('click', this.handleButtonClick);
-            this.languageButton.remove();
-            this.languageButton = null;
-        }
-    }
-    updateButtonContent(languageCode = this.node.attrs.lang || 'en') {
-        if (!this.languageButton) {
-            return;
-        }
-        const languageName = (0, languages_1.getSelectedLanguageName)(languageCode, this.props.languages || []);
-        this.languageButton.innerHTML = `${languageName} ${icons_1.translateIcon}`;
-    }
-    showLanguageDropdown(trigger) {
-        const currentLanguage = this.node.attrs.lang || 'en';
-        this.props.popper.show(trigger, this.createDropdownContainer(currentLanguage), 'bottom-start', false);
-    }
-    createDropdownContainer(currentLanguage) {
-        return (0, ReactSubView_1.default)(this.props, LanguageDropdown_1.default, {
-            showButton: false,
-            currentLanguage,
-            onLanguageSelect: this.handleLanguageChange,
-        }, this.node, this.getPos.bind(this), this.view, ['abstracts-language-dropdown']);
-    }
-    updateNodeLanguage(languageCode) {
-        const tr = this.view.state.tr.setNodeMarkup(this.getPos(), undefined, {
-            ...this.node.attrs,
-            lang: languageCode,
-        });
-        this.view.dispatch(tr);
-    }
 }
 exports.TransAbstractView = TransAbstractView;
 exports.default = (0, creators_1.createNodeView)(TransAbstractView);

package/dist/es/commands.js

@@ -881,6 +881,28 @@ export const insertBibliographySection = () => {
 export const insertTOCSection = () => {
     return false;
 };
+export const insertTransAbstract = (state, dispatch, category) => {
+    if (!templateAllows(state, schema.nodes.trans_abstract)) {
+        return false;
+    }
+    if (!dispatch) {
+        return true;
+    }
+    const lang = state.doc.attrs.primaryLanguageCode || 'en';
+    const title = schema.nodes.section_title.create();
+    const paragraph = schema.nodes.paragraph.create();
+    const node = schema.nodes.trans_abstract.create({
+        lang,
+        category,
+    }, [title, paragraph]);
+    const abstracts = findAbstractsNode(state.doc);
+    const pos = abstracts.pos + abstracts.node.nodeSize - 1;
+    const tr = state.tr.insert(pos, node);
+    const selection = TextSelection.create(tr.doc, pos + 1);
+    tr.setSelection(selection).scrollIntoView();
+    dispatch(tr);
+    return true;
+};
 const findCutBefore = ($pos) => {
     if (!$pos.parent.type.spec.isolating) {
         for (let i = $pos.depth - 1; i >= 0; i--) {

package/dist/es/components/LanguageDropdown/index.js

@@ -16,7 +16,7 @@
 import { DropdownContainer, DropdownList, TickIcon, TriangleCollapsedIcon, } from '@manuscripts/style-guide';
 import React, { useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
-import { getSelectedLanguageName } from './languages';
+import { getLanguage, getLanguageLabel } from '../../lib/languages';
 const LanguageOptionItem = ({ language, isSelected, onSelect }) => {
     const handleKeyDown = (event) => {
         if (event.key === 'Enter') {
@@ -95,7 +95,8 @@ const LanguageDropdown = ({ onLanguageSelect, onClose, currentLanguage = 'en', s
         onLanguageSelect(languageCode);
     };
     const getDisplayName = (languageCode) => {
-        return getSelectedLanguageName(languageCode, languages);
+        const lang = getLanguage(languageCode, languages);
+        return getLanguageLabel(lang);
     };
     return (React.createElement(DropdownContainer, { ref: dropdownRef },
         showButton && (React.createElement(LanguageButton, { ref: (el) => {

package/dist/es/components/references/ImportBibliographyModal.js

@@ -58,7 +58,7 @@ export const ImportBibliographyModal = ({ onCancel, onSave }) => {
             React.createElement(ModalBody, null,
                 React.createElement(ModalTitle, null, "Import Bibliography"),
                 React.createElement("p", null,
-                    React.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": exampleBibtex, "data-tool": true }, "BibTex"),
+                    React.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": exampleBibtex }, "BibTex"),
                     ",",
                     ' ',
                     React.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": examplePubmed }, "PubMed"),
@@ -75,7 +75,7 @@ export const ImportBibliographyModal = ({ onCancel, onSave }) => {
                     ' ',
                     "formats are supported"),
                 React.createElement(ImportBibliographyForm, { onCancel: handleCancel, onSave: handleSave }),
-                React.createElement(Example, { id: "import-example-tooltip", place: "bottom", render: (s) => (React.createElement("pre", null, s.content)) })))));
+                React.createElement(Example, { id: "import-example-tooltip", place: "bottom", render: (s) => React.createElement("pre", null, s.content) })))));
 };
 const ModalBody = styled.div `
   box-sizing: border-box;

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

@@ -46,6 +46,7 @@ import section_title from '../plugins/section_title';
 import section_category from '../plugins/section_category';
 import selected_suggestion from '../plugins/selected-suggestion';
 import table_editing_fix from '../plugins/tables-cursor-fix';
+import translations from '../plugins/translations';
 import rules from '../rules';
 export default (props) => {
     const allPlugins = [
@@ -73,6 +74,7 @@ export default (props) => {
         paragraphs(),
         placeholder(),
         add_subtitle(),
+        translations(props),
         tableEditing(),
         selected_suggestion(),
         footnotes(props),

package/dist/es/icons.js

@@ -1,4 +1,4 @@
-import { AddAuthorIcon, AlertIcon, ArrowDownCircleIcon, ArrowUpIcon, DeleteIcon, DraggableIcon, EditIcon, FileCorruptedIcon, FileMainDocumentIcon, ImageDefaultIcon, ImageLeftIcon, ImageRightIcon, LinkIcon, LockIcon, PlusIcon, ScrollIcon, SectionCategoryIcon, TranslateIcon, } from '@manuscripts/style-guide';
+import { AddAuthorIcon, AlertIcon, ArrowDownCircleIcon, ArrowUpIcon, DeleteIcon, DraggableIcon, EditIcon, FileCorruptedIcon, FileMainDocumentIcon, ImageDefaultIcon, ImageLeftIcon, ImageRightIcon, LinkIcon, LockIcon, PlusIcon, ScrollIcon, SectionCategoryIcon, TickIcon, TranslateIcon, } from '@manuscripts/style-guide';
 import { createElement } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
 const renderIcon = (c) => renderToStaticMarkup(createElement(c));
@@ -7,17 +7,17 @@ export const arrowDown = renderIcon(ArrowDownCircleIcon);
 export const arrowUp = renderIcon(ArrowUpIcon);
 export const alertIcon = renderIcon(AlertIcon);
 export const deleteIcon = renderIcon(DeleteIcon);
-export const editIcon = renderToStaticMarkup(createElement(EditIcon));
+export const editIcon = renderIcon(EditIcon);
 export const sectionCategoryIcon = renderIcon(SectionCategoryIcon);
-export const scrollIcon = renderToStaticMarkup(createElement(ScrollIcon));
-export const lockIcon = renderToStaticMarkup(createElement(LockIcon));
+export const scrollIcon = renderIcon(ScrollIcon);
+export const lockIcon = renderIcon(LockIcon);
 export const plusIcon = renderIcon(PlusIcon);
-export const addBtnIcon = renderToStaticMarkup(createElement(PlusIcon));
-export const imageRightIcon = renderToStaticMarkup(createElement(ImageRightIcon));
-export const imageLeftIcon = renderToStaticMarkup(createElement(ImageLeftIcon));
-export const imageDefaultIcon = renderToStaticMarkup(createElement(ImageDefaultIcon));
-export const fileCorruptedIcon = renderToStaticMarkup(createElement(FileCorruptedIcon));
-export const draggableIcon = renderToStaticMarkup(createElement(DraggableIcon));
-export const translateIcon = renderToStaticMarkup(createElement(TranslateIcon));
-export const linkIcon = renderToStaticMarkup(createElement(LinkIcon));
-export const fileMainDocumentIcon = renderToStaticMarkup(createElement(FileMainDocumentIcon));
+export const imageRightIcon = renderIcon(ImageRightIcon);
+export const imageLeftIcon = renderIcon(ImageLeftIcon);
+export const imageDefaultIcon = renderIcon(ImageDefaultIcon);
+export const fileCorruptedIcon = renderIcon(FileCorruptedIcon);
+export const draggableIcon = renderIcon(DraggableIcon);
+export const translateIcon = renderIcon(TranslateIcon);
+export const linkIcon = renderIcon(LinkIcon);
+export const fileMainDocumentIcon = renderIcon(FileMainDocumentIcon);
+export const tickIcon = renderIcon(TickIcon);