@manuscripts/body-editor 3.12.17 → 3.12.20

package/dist/cjs/components/authors-affiliations/AuthorsAndAffiliationsModals.js

@@ -0,0 +1,134 @@
+"use strict";
+/*!
+ * © 2026 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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.openAuthorsAndAffiliationsModals = exports.AuthorsAndAffiliationsModals = void 0;
+const transform_1 = require("@manuscripts/transform");
+const react_1 = __importStar(require("react"));
+const editor_props_1 = require("../../plugins/editor-props");
+const ReactSubView_1 = __importDefault(require("../../views/ReactSubView"));
+const view_1 = require("../../lib/view");
+const AffiliationsModal_1 = require("../affiliations/AffiliationsModal");
+const AuthorsModal_1 = require("../authors/AuthorsModal");
+function insertNode(parentType, childType) {
+    return (view, attrs) => {
+        const parent = (0, view_1.findChildByType)(view, parentType);
+        if (parent) {
+            view.dispatch(view.state.tr.insert(parent.pos + 1, childType.create(attrs)));
+        }
+    };
+}
+function upsertNode(nodeType, insertFn) {
+    return (view, attrs) => {
+        if (!(0, view_1.updateNodeAttrs)(view, nodeType, attrs)) {
+            insertFn(view, attrs);
+        }
+    };
+}
+const insertAuthorNode = insertNode(transform_1.schema.nodes.contributors, transform_1.schema.nodes.contributor);
+const insertAffiliationNode = insertNode(transform_1.schema.nodes.affiliations, transform_1.schema.nodes.affiliation);
+const upsertAuthor = upsertNode(transform_1.schema.nodes.contributor, insertAuthorNode);
+const upsertAffiliation = upsertNode(transform_1.schema.nodes.affiliation, insertAffiliationNode);
+const AuthorsAndAffiliationsModals = ({ initialModal, view, author, affiliation, addNewAuthor, addNewAffiliation, }) => {
+    const [showOverlay, setShowOverlay] = (0, react_1.useState)(false);
+    const [authors, setAuthors] = (0, react_1.useState)(() => (0, view_1.findChildrenAttrsByType)(view, transform_1.schema.nodes.contributor));
+    const [affiliations, setAffiliations] = (0, react_1.useState)(() => (0, view_1.findChildrenAttrsByType)(view, transform_1.schema.nodes.affiliation));
+    const handleOpenOverlay = () => setShowOverlay(true);
+    const handleOverlayClose = () => {
+        setShowOverlay(false);
+        setAuthors((0, view_1.findChildrenAttrsByType)(view, transform_1.schema.nodes.contributor));
+        setAffiliations((0, view_1.findChildrenAttrsByType)(view, transform_1.schema.nodes.affiliation));
+    };
+    const authorsProps = {
+        author,
+        authors,
+        affiliations,
+        addNewAuthor,
+        onSaveAuthor: (a) => upsertAuthor(view, a),
+        onDeleteAuthor: (a) => (0, view_1.deleteNode)(view, a.id),
+    };
+    const affiliationsProps = {
+        affiliation,
+        authors,
+        affiliations,
+        addNewAffiliation,
+        onSaveAffiliation: (a) => upsertAffiliation(view, a),
+        onDeleteAffiliation: (a) => (0, view_1.deleteNode)(view, a.id),
+        onUpdateAuthors: (updated) => updated.forEach((a) => (0, view_1.updateNodeAttrs)(view, transform_1.schema.nodes.contributor, a)),
+    };
+    if (initialModal === 'authors') {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(AuthorsModal_1.AuthorsModal, { ...authorsProps, onOpenAffiliationsModal: handleOpenOverlay }),
+            showOverlay && (react_1.default.createElement(AffiliationsModal_1.AffiliationsModal, { ...affiliationsProps, addNewAffiliation: true, onClose: handleOverlayClose }))));
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(AffiliationsModal_1.AffiliationsModal, { ...affiliationsProps, onOpenAuthorsModal: handleOpenOverlay }),
+        showOverlay && (react_1.default.createElement(AuthorsModal_1.AuthorsModal, { ...authorsProps, addNewAuthor: true, onClose: handleOverlayClose }))));
+};
+exports.AuthorsAndAffiliationsModals = AuthorsAndAffiliationsModals;
+const openAuthorsAndAffiliationsModals = (pos, view, initialModal) => {
+    if (!view) {
+        return;
+    }
+    const { state } = view;
+    const props = (0, editor_props_1.getEditorProps)(state);
+    const componentProps = {
+        initialModal,
+        view: view,
+        addNewAuthor: initialModal === 'authors',
+        addNewAffiliation: initialModal === 'affiliations',
+    };
+    const dialog = (0, ReactSubView_1.default)(props, exports.AuthorsAndAffiliationsModals, componentProps, state.doc, () => pos, view);
+    view.focus();
+    document.body.appendChild(dialog);
+};
+exports.openAuthorsAndAffiliationsModals = openAuthorsAndAffiliationsModals;

package/dist/cjs/components/authors-affiliations/GenericPanel.js

@@ -0,0 +1,136 @@
+"use strict";
+/*!
+ * © 2026 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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItem = exports.GenericPanel = exports.ListItems = void 0;
+exports.useListSelectedIds = useListSelectedIds;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.ListItems = style_guide_1.DrawerItemsList;
+const Panel = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+`;
+const PanelHeader = styled_components_1.default.div `
+  display: flex;
+  align-items: flex-start;
+  padding: ${(props) => props.theme.grid.unit * 2}px
+    ${(props) => props.theme.grid.unit * 4}px;
+`;
+const PanelTitle = styled_components_1.default.span `
+  font-family: ${(props) => props.theme.font.family.sans};
+  font-size: 18px;
+  line-height: 24px;
+  letter-spacing: -0.37px;
+  color: ${(props) => props.theme.colors.text.secondary};
+`;
+const PanelCreateButton = (0, styled_components_1.default)(style_guide_1.IconButton) `
+  color: #0d79d0;
+  font-size: 14px;
+  font-weight: 400;
+  font-style: normal;
+  line-height: 1;
+  width: auto;
+  height: 24px;
+  margin-left: auto;
+  svg {
+    margin-right: 4px;
+  }
+`;
+const PanelEmpty = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+  padding: ${(props) => props.theme.grid.unit * 20}px
+    ${(props) => props.theme.grid.unit * 4}px;
+`;
+const PanelEmptyIcon = styled_components_1.default.div `
+  width: 120px;
+  height: 120px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+`;
+const PanelEmptyText = styled_components_1.default.p `
+  margin: 0;
+  font-size: 18px;
+  line-height: 24px;
+  text-align: center;
+  letter-spacing: -0.369px;
+`;
+const GenericPanel = ({ title, createLabel, onCreate, createDataCy, emptyDataCy, isEmpty, emptyIcon, emptyMessage, children, }) => (react_1.default.createElement(Panel, null,
+    react_1.default.createElement(PanelHeader, null,
+        react_1.default.createElement(PanelTitle, null, title),
+        react_1.default.createElement(PanelCreateButton, { onClick: onCreate, "data-cy": createDataCy },
+            react_1.default.createElement(style_guide_1.PlusIcon, null),
+            createLabel)),
+    isEmpty ? (react_1.default.createElement(PanelEmpty, { "data-cy": emptyDataCy },
+        react_1.default.createElement(PanelEmptyIcon, { "aria-hidden": true }, emptyIcon),
+        react_1.default.createElement(PanelEmptyText, null, emptyMessage))) : (children)));
+exports.GenericPanel = GenericPanel;
+const ListItem = ({ selected, onClick, primary, secondary, }) => (react_1.default.createElement(style_guide_1.DrawerListItem, { "data-cy": "item", selected: selected, onClick: onClick },
+    react_1.default.createElement(style_guide_1.DrawerIcon, null, selected ? (react_1.default.createElement(style_guide_1.AddedIcon, { width: 22, height: 22 })) : (react_1.default.createElement(style_guide_1.AddIcon, { width: 22, height: 22 }))),
+    react_1.default.createElement(style_guide_1.DrawerLabelContainer, null,
+        react_1.default.createElement(style_guide_1.DrawerItemLabel, null, primary),
+        secondary != null && secondary !== '' ? (react_1.default.createElement(style_guide_1.DrawerItemMeta, null, secondary)) : null)));
+exports.ListItem = ListItem;
+function useListSelectedIds(selectedItems) {
+    return (0, react_1.useMemo)(() => new Set(selectedItems.map((x) => x.id)), [selectedItems]);
+}

package/dist/cjs/components/form/ModalFormActions.js

@@ -35,15 +35,21 @@ const StyledIconButton = (0, styled_components_1.default)(style_guide_1.IconButt
     margin-right: 4px;
   }
 `;
-const ModalFormActions = ({ type, form, onDelete, showingDeleteDialog, showDeleteDialog, newEntity, isDisableSave, }) => {
+const ModalFormActions = ({ type, form, onDelete, showingDeleteDialog, showDeleteDialog, newEntity, isDisableSave, onSubmitForm, }) => {
+    const saveButton = onSubmitForm ? (react_1.default.createElement(StyledIconButton, { disabled: isDisableSave, type: "button", onClick: () => {
+            if (!isDisableSave) {
+                void onSubmitForm();
+            }
+        } },
+        react_1.default.createElement(style_guide_1.PlusIcon, null),
+        newEntity ? 'Save Details' : 'Update Details')) : (react_1.default.createElement(StyledIconButton, { disabled: isDisableSave, type: "submit", form: form },
+        react_1.default.createElement(style_guide_1.PlusIcon, null),
+        newEntity ? 'Save Details' : 'Update Details'));
     return (react_1.default.createElement(ActionsContainer, { "data-cy": `${type}-action` },
         react_1.default.createElement(ConfirmationDialog_1.ConfirmationDialog, { isOpen: showingDeleteDialog, onPrimary: () => {
                 onDelete();
                 showDeleteDialog();
             }, onSecondary: showDeleteDialog, type: ConfirmationDialog_1.DialogType.DELETE, entityType: type }),
-        react_1.default.createElement(StyledButtonGroup, null,
-            react_1.default.createElement(StyledIconButton, { disabled: isDisableSave, type: "submit", form: form },
-                react_1.default.createElement(style_guide_1.PlusIcon, null),
-                newEntity ? 'Save Details' : 'Update Details'))));
+        react_1.default.createElement(StyledButtonGroup, null, saveButton)));
 };
 exports.ModalFormActions = ModalFormActions;

package/dist/cjs/keys/title.js

@@ -65,9 +65,11 @@ const leaveTitle = (state, dispatch, view) => {
     }
     return true;
 };
-const leaveFigcaption = (state) => {
+const leaveCaption = (state) => {
     const { selection: { $anchor }, } = state;
-    return $anchor.parent.type === $anchor.parent.type.schema.nodes.caption_title;
+    return ($anchor.parent.type === $anchor.parent.type.schema.nodes.caption_title ||
+        $anchor.node($anchor.depth - 1)?.type ===
+            $anchor.parent.type.schema.nodes.caption);
 };
 const protectTitles = (state, dispatch, view) => {
     const { selection } = state;
@@ -99,25 +101,37 @@ const protectReferencesTitle = (state) => {
 exports.protectReferencesTitle = protectReferencesTitle;
 const protectCaption = (state, dispatch) => {
     const { selection: { $anchor }, } = state;
-    if (dispatch &&
-        ($anchor.parent.type === $anchor.parent.type.schema.nodes.caption_title ||
-            $anchor.parent.type === $anchor.parent.type.schema.nodes.caption) &&
+    let nodeType = undefined;
+    if ($anchor.node($anchor.depth - 1)?.type ===
+        $anchor.parent.type.schema.nodes.caption &&
+        $anchor.node($anchor.depth).content.size === 1) {
+        nodeType = $anchor.node($anchor.depth - 1).type;
+    }
+    else if ($anchor.parent.type === $anchor.parent.type.schema.nodes.caption_title &&
         $anchor.parent.content.size === 1) {
-        const slice = new prosemirror_model_1.Slice(prosemirror_model_1.Fragment.from([state.schema.nodes.caption_title.create()]), 1, 1);
+        nodeType = $anchor.parent.type;
+    }
+    if (dispatch && nodeType) {
+        const slice = new prosemirror_model_1.Slice(prosemirror_model_1.Fragment.from([nodeType.create()]), 1, 1);
         const tr = state.tr.replace($anchor.pos - 1, $anchor.pos, slice);
         dispatch(tr);
         return true;
     }
     return false;
 };
-const keepCaption = (state) => {
+const keepCaption = (state, dispatch) => {
     const { selection: { $anchor }, } = state;
-    return ($anchor.parent.type === $anchor.parent.type.schema.nodes.caption_title &&
-        $anchor.parent.content.size === 0);
+    if (dispatch &&
+        $anchor.parent.type === $anchor.parent.type.schema.nodes.caption_title &&
+        $anchor.parent.content.size === 1) {
+        dispatch(state.tr.delete($anchor.pos, $anchor.pos + 1));
+        return true;
+    }
+    return false;
 };
 const titleKeymap = {
     Backspace: (0, prosemirror_commands_1.chainCommands)(protectTitles, exports.protectReferencesTitle, protectCaption),
-    Enter: (0, prosemirror_commands_1.chainCommands)(commands_1.autoComplete, leaveTitle, leaveFigcaption),
+    Enter: (0, prosemirror_commands_1.chainCommands)(commands_1.autoComplete, leaveTitle, leaveCaption),
     Delete: (0, prosemirror_commands_1.chainCommands)(keepCaption, exports.protectReferencesTitle),
 };
 exports.default = titleKeymap;

package/dist/cjs/lib/__tests__/plugins.test.js

@@ -99,7 +99,7 @@ describe('editor view', () => {
         expect(figureElement.childCount).toBe(5);
         expect(figureElement.type).toBe(transform_1.schema.nodes.figure_element);
         expect(figureElement.content.child(0).type).toBe(transform_1.schema.nodes.figure);
-        expect(figureElement.content.child(1).type).toBe(transform_1.schema.nodes.figcaption);
+        expect(figureElement.content.child(1).type).toBe(transform_1.schema.nodes.caption);
         const sectionWithTable = view.state.doc.child(2).child(8);
         expect(sectionWithTable.attrs.id).toBe('section-with-table');
         expect(sectionWithTable.childCount).toBe(2);
@@ -107,7 +107,7 @@ describe('editor view', () => {
         const tableElement = sectionWithTable.content.child(1);
         expect(tableElement.childCount).toBe(5);
         expect(tableElement.type).toBe(tableElement.type.schema.nodes.table_element);
-        expect(tableElement.content.child(0).type).toBe(tableElement.type.schema.nodes.figcaption);
+        expect(tableElement.content.child(0).type).toBe(tableElement.type.schema.nodes.caption_title);
         expect(tableElement.content.child(1).type).toBe(tableElement.type.schema.nodes.table);
     });
 });

package/dist/cjs/lib/context-menu.js

@@ -258,19 +258,18 @@ class ContextMenu {
                 const tr = this.view.state.tr;
                 const boxElementNode = $pos.node($pos.depth - 1);
                 const boxStartPos = $pos.start($pos.depth - 1);
-                const figcaptions = (0, prosemirror_utils_1.findChildrenByType)(boxElementNode, transform_1.schema.nodes.figcaption);
-                const hasLabel = figcaptions.length > 0;
+                const captionTitle = (0, prosemirror_utils_1.findChildrenByType)(boxElementNode, transform_1.schema.nodes.caption_title, false)[0];
+                const caption = (0, prosemirror_utils_1.findChildrenByType)(boxElementNode, transform_1.schema.nodes.caption, false)[0];
+                const hasLabel = captionTitle;
                 menu.insertBefore(this.createMenuItem(hasLabel ? 'Delete Label' : 'Add Label', () => {
                     if (hasLabel) {
-                        const figcaptionNode = figcaptions[0].node;
-                        const figcaptionPos = boxStartPos + figcaptions[0].pos;
-                        tr.delete(figcaptionPos, figcaptionPos + figcaptionNode.nodeSize);
+                        const captionNode = captionTitle.node;
+                        const captionPos = boxStartPos + captionTitle.pos;
+                        tr.delete(captionPos, captionPos + captionNode.nodeSize + (caption?.node.nodeSize || 0));
                     }
                     else {
-                        const newFigcaption = transform_1.schema.nodes.figcaption.create({}, [
-                            transform_1.schema.nodes.caption_title.create(),
-                        ]);
-                        tr.insert(boxStartPos, newFigcaption);
+                        const captionTitle = transform_1.schema.nodes.caption_title.create();
+                        tr.insert(boxStartPos, captionTitle);
                     }
                     this.view.dispatch(tr);
                     popper.destroy();

package/dist/cjs/plugins/objects.js

@@ -19,6 +19,7 @@ exports.objectsKey = void 0;
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
+const prosemirror_utils_1 = require("prosemirror-utils");
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 exports.objectsKey = new prosemirror_state_1.PluginKey('objects');
 exports.default = () => {
@@ -41,26 +42,19 @@ exports.default = () => {
                         const { id } = node.attrs;
                         if (id) {
                             const target = targets.get(id);
-                            const resolvedPos = state.doc.resolve(pos);
-                            const isInGraphicalAbstract = (0, transform_1.isInGraphicalAbstractSection)(resolvedPos);
-                            if (target && !isInGraphicalAbstract) {
+                            if (target) {
                                 const labelNode = document.createElement('span');
-                                labelNode.className = 'figure-label';
-                                if (node.type.name === 'image_element') {
-                                    labelNode.textContent = target.label;
-                                    decorations.push(prosemirror_view_1.Decoration.widget(pos + (node.firstChild?.nodeSize || 0) + 1, labelNode));
-                                }
-                                else {
-                                    labelNode.textContent = target.label + ':';
-                                    node.forEach((child, offset) => {
-                                        if (child.type.name === 'figcaption') {
-                                            decorations.push(prosemirror_view_1.Decoration.widget(pos + 1 + offset + 1, labelNode, {
-                                                side: -1,
-                                                key: `figure-label-${id}-${target.label}`,
-                                            }));
-                                        }
-                                    });
-                                }
+                                labelNode.className = 'element-label';
+                                const caption = (0, prosemirror_utils_1.findChildren)(node, (node) => node.type === transform_1.schema.nodes.caption ||
+                                    node.type === transform_1.schema.nodes.caption_title, false)[0];
+                                const labelPos = getDecorationPos(target, state.doc, pos, caption);
+                                labelNode.textContent = caption
+                                    ? target.label + ':'
+                                    : target.label;
+                                decorations.push(prosemirror_view_1.Decoration.widget(labelPos, labelNode, {
+                                    side: -1,
+                                    key: `element-label-${id}-${target.label}`,
+                                }));
                             }
                         }
                     });
@@ -70,3 +64,14 @@ exports.default = () => {
         },
     });
 };
+const getDecorationPos = (target, doc, pos, caption) => {
+    const $pos = doc.resolve(pos + (caption?.pos || 1) + 1);
+    let targetPos = $pos.pos;
+    if (!caption) {
+        targetPos = $pos.end();
+    }
+    else if (!$pos.nodeBefore) {
+        targetPos -= 1;
+    }
+    return targetPos;
+};

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

package/dist/cjs/views/affiliations.js

@@ -23,7 +23,7 @@ const style_guide_1 = require("@manuscripts/style-guide");
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
-const AffiliationsModal_1 = require("../components/affiliations/AffiliationsModal");
+const AuthorsAndAffiliationsModals_1 = require("../components/authors-affiliations/AuthorsAndAffiliationsModals");
 const icons_1 = require("../icons");
 const authors_1 = require("../lib/authors");
 const comments_1 = require("../lib/comments");
@@ -58,22 +58,16 @@ class AffiliationsView extends block_view_1.default {
         };
         this.handleEdit = (id, addNew) => {
             this.props.popper.destroy();
-            const contributors = (0, view_1.findChildrenAttrsByType)(this.view, transform_1.schema.nodes.contributor);
             const affiliations = (0, view_1.findChildrenAttrsByType)(this.view, transform_1.schema.nodes.affiliation);
-            const affiliation = id
-                ? affiliations.filter((a) => a.id === id)[0]
-                : undefined;
+            const affiliation = id ? affiliations.find((a) => a.id === id) : undefined;
             const componentProps = {
+                initialModal: 'affiliations',
+                view: this.view,
                 affiliation,
-                authors: contributors,
-                affiliations,
-                onSaveAffiliation: (affiliation) => (0, AffiliationsModal_1.handleSaveAffiliation)(this.view, affiliation, this.getPos()),
-                onDeleteAffiliation: (affiliation) => (0, AffiliationsModal_1.handleDeleteAffiliation)(this.view, affiliation),
-                onUpdateAuthors: (authors) => (0, AffiliationsModal_1.handleUpdateAuthors)(this.view, authors),
                 addNewAffiliation: addNew,
             };
             this.popper?.remove();
-            this.popper = (0, ReactSubView_1.default)(this.props, AffiliationsModal_1.AffiliationsModal, componentProps, this.node, this.getPos, this.view);
+            this.popper = (0, ReactSubView_1.default)(this.props, AuthorsAndAffiliationsModals_1.AuthorsAndAffiliationsModals, componentProps, this.node, this.getPos, this.view);
             this.container.appendChild(this.popper);
         };
         this.showGroupContextMenu = () => {

package/dist/cjs/views/caption.js

@@ -26,7 +26,7 @@ class CaptionView extends base_node_view_1.BaseNodeView {
         };
     }
     createDOM() {
-        this.dom = document.createElement('p');
+        this.dom = document.createElement('caption');
         this.dom.className = 'caption-description placeholder';
         this.dom.contentEditable = 'true';
         this.contentDOM = this.dom;

package/dist/cjs/views/contributors.js

@@ -23,7 +23,7 @@ const style_guide_1 = require("@manuscripts/style-guide");
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
-const AuthorsModal_1 = require("../components/authors/AuthorsModal");
+const AuthorsAndAffiliationsModals_1 = require("../components/authors-affiliations/AuthorsAndAffiliationsModals");
 const authors_1 = require("../lib/authors");
 const comments_1 = require("../lib/comments");
 const navigation_utils_1 = require("../lib/navigation-utils");
@@ -216,18 +216,15 @@ class ContributorsView extends block_view_1.default {
         this.handleEdit = (id, addNew) => {
             this.props.popper.destroy();
             const contributors = (0, view_1.findChildrenAttrsByType)(this.view, transform_1.schema.nodes.contributor);
-            const affiliations = (0, view_1.findChildrenAttrsByType)(this.view, transform_1.schema.nodes.affiliation);
             const author = id ? contributors.filter((a) => a.id === id)[0] : undefined;
             const componentProps = {
+                initialModal: 'authors',
+                view: this.view,
                 author,
-                authors: contributors,
-                affiliations,
-                onSaveAuthor: (contributor) => (0, AuthorsModal_1.handleSaveContributor)(this.view, contributor, this.getPos()),
-                onDeleteAuthor: (contributor) => (0, AuthorsModal_1.handleDeleteContributor)(this.view, contributor),
                 addNewAuthor: addNew,
             };
             this.popper?.remove();
-            this.popper = (0, ReactSubView_1.default)(this.props, AuthorsModal_1.AuthorsModal, componentProps, this.node, this.getPos, this.view);
+            this.popper = (0, ReactSubView_1.default)(this.props, AuthorsAndAffiliationsModals_1.AuthorsAndAffiliationsModals, componentProps, this.node, this.getPos, this.view);
             this.container.appendChild(this.popper);
         };
     }

package/dist/cjs/views/figure.js

@@ -60,7 +60,6 @@ class FigureView extends base_node_view_1.BaseNodeView {
         this.container.contentEditable = 'false';
         this.dom.appendChild(this.container);
         this.contentDOM = document.createElement('div');
-        this.contentDOM.className = 'figure-caption';
         this.contentDOM.setAttribute('tabindex', '1337');
         this.dom.appendChild(this.contentDOM);
     }