@manuscripts/body-editor 3.12.17 → 3.12.20

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

@@ -0,0 +1,94 @@
+/*!
+ * © 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.
+ */
+import { AddedIcon, AddIcon, DrawerIcon, DrawerItemLabel, DrawerItemMeta, DrawerItemsList, DrawerLabelContainer, DrawerListItem, IconButton, PlusIcon, } from '@manuscripts/style-guide';
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+export const ListItems = DrawerItemsList;
+const Panel = styled.div `
+  display: flex;
+  flex-direction: column;
+`;
+const PanelHeader = styled.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.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 = styled(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.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.div `
+  width: 120px;
+  height: 120px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+`;
+const PanelEmptyText = styled.p `
+  margin: 0;
+  font-size: 18px;
+  line-height: 24px;
+  text-align: center;
+  letter-spacing: -0.369px;
+`;
+export const GenericPanel = ({ title, createLabel, onCreate, createDataCy, emptyDataCy, isEmpty, emptyIcon, emptyMessage, children, }) => (React.createElement(Panel, null,
+    React.createElement(PanelHeader, null,
+        React.createElement(PanelTitle, null, title),
+        React.createElement(PanelCreateButton, { onClick: onCreate, "data-cy": createDataCy },
+            React.createElement(PlusIcon, null),
+            createLabel)),
+    isEmpty ? (React.createElement(PanelEmpty, { "data-cy": emptyDataCy },
+        React.createElement(PanelEmptyIcon, { "aria-hidden": true }, emptyIcon),
+        React.createElement(PanelEmptyText, null, emptyMessage))) : (children)));
+export const ListItem = ({ selected, onClick, primary, secondary, }) => (React.createElement(DrawerListItem, { "data-cy": "item", selected: selected, onClick: onClick },
+    React.createElement(DrawerIcon, null, selected ? (React.createElement(AddedIcon, { width: 22, height: 22 })) : (React.createElement(AddIcon, { width: 22, height: 22 }))),
+    React.createElement(DrawerLabelContainer, null,
+        React.createElement(DrawerItemLabel, null, primary),
+        secondary != null && secondary !== '' ? (React.createElement(DrawerItemMeta, null, secondary)) : null)));
+export function useListSelectedIds(selectedItems) {
+    return useMemo(() => new Set(selectedItems.map((x) => x.id)), [selectedItems]);
+}

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

@@ -29,14 +29,20 @@ const StyledIconButton = styled(IconButton) `
     margin-right: 4px;
   }
 `;
-export const ModalFormActions = ({ type, form, onDelete, showingDeleteDialog, showDeleteDialog, newEntity, isDisableSave, }) => {
+export const ModalFormActions = ({ type, form, onDelete, showingDeleteDialog, showDeleteDialog, newEntity, isDisableSave, onSubmitForm, }) => {
+    const saveButton = onSubmitForm ? (React.createElement(StyledIconButton, { disabled: isDisableSave, type: "button", onClick: () => {
+            if (!isDisableSave) {
+                void onSubmitForm();
+            }
+        } },
+        React.createElement(PlusIcon, null),
+        newEntity ? 'Save Details' : 'Update Details')) : (React.createElement(StyledIconButton, { disabled: isDisableSave, type: "submit", form: form },
+        React.createElement(PlusIcon, null),
+        newEntity ? 'Save Details' : 'Update Details'));
     return (React.createElement(ActionsContainer, { "data-cy": `${type}-action` },
         React.createElement(ConfirmationDialog, { isOpen: showingDeleteDialog, onPrimary: () => {
                 onDelete();
                 showDeleteDialog();
             }, onSecondary: showDeleteDialog, type: DialogType.DELETE, entityType: type }),
-        React.createElement(StyledButtonGroup, null,
-            React.createElement(StyledIconButton, { disabled: isDisableSave, type: "submit", form: form },
-                React.createElement(PlusIcon, null),
-                newEntity ? 'Save Details' : 'Update Details'))));
+        React.createElement(StyledButtonGroup, null, saveButton)));
 };

package/dist/es/keys/title.js

@@ -62,9 +62,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;
@@ -95,25 +97,37 @@ export const protectReferencesTitle = (state) => {
 };
 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 Slice(Fragment.from([state.schema.nodes.caption_title.create()]), 1, 1);
+        nodeType = $anchor.parent.type;
+    }
+    if (dispatch && nodeType) {
+        const slice = new Slice(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: chainCommands(protectTitles, protectReferencesTitle, protectCaption),
-    Enter: chainCommands(autoComplete, leaveTitle, leaveFigcaption),
+    Enter: chainCommands(autoComplete, leaveTitle, leaveCaption),
     Delete: chainCommands(keepCaption, protectReferencesTitle),
 };
 export default titleKeymap;

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

@@ -94,7 +94,7 @@ describe('editor view', () => {
         expect(figureElement.childCount).toBe(5);
         expect(figureElement.type).toBe(schema.nodes.figure_element);
         expect(figureElement.content.child(0).type).toBe(schema.nodes.figure);
-        expect(figureElement.content.child(1).type).toBe(schema.nodes.figcaption);
+        expect(figureElement.content.child(1).type).toBe(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);
@@ -102,7 +102,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/es/lib/context-menu.js

@@ -254,19 +254,18 @@ export class ContextMenu {
                 const tr = this.view.state.tr;
                 const boxElementNode = $pos.node($pos.depth - 1);
                 const boxStartPos = $pos.start($pos.depth - 1);
-                const figcaptions = findChildrenByType(boxElementNode, schema.nodes.figcaption);
-                const hasLabel = figcaptions.length > 0;
+                const captionTitle = findChildrenByType(boxElementNode, schema.nodes.caption_title, false)[0];
+                const caption = findChildrenByType(boxElementNode, 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 = schema.nodes.figcaption.create({}, [
-                            schema.nodes.caption_title.create(),
-                        ]);
-                        tr.insert(boxStartPos, newFigcaption);
+                        const captionTitle = schema.nodes.caption_title.create();
+                        tr.insert(boxStartPos, captionTitle);
                     }
                     this.view.dispatch(tr);
                     popper.destroy();

package/dist/es/plugins/objects.js

@@ -13,9 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { buildTargets, isInGraphicalAbstractSection, } from '@manuscripts/transform';
+import { buildTargets, schema, } from '@manuscripts/transform';
 import { Plugin, PluginKey } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
+import { findChildren } from 'prosemirror-utils';
 import { clear } from '@manuscripts/track-changes-plugin';
 export const objectsKey = new PluginKey('objects');
 export default () => {
@@ -38,26 +39,19 @@ export default () => {
                         const { id } = node.attrs;
                         if (id) {
                             const target = targets.get(id);
-                            const resolvedPos = state.doc.resolve(pos);
-                            const isInGraphicalAbstract = 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(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(Decoration.widget(pos + 1 + offset + 1, labelNode, {
-                                                side: -1,
-                                                key: `figure-label-${id}-${target.label}`,
-                                            }));
-                                        }
-                                    });
-                                }
+                                labelNode.className = 'element-label';
+                                const caption = findChildren(node, (node) => node.type === schema.nodes.caption ||
+                                    node.type === schema.nodes.caption_title, false)[0];
+                                const labelPos = getDecorationPos(target, state.doc, pos, caption);
+                                labelNode.textContent = caption
+                                    ? target.label + ':'
+                                    : target.label;
+                                decorations.push(Decoration.widget(labelPos, labelNode, {
+                                    side: -1,
+                                    key: `element-label-${id}-${target.label}`,
+                                }));
                             }
                         }
                     });
@@ -67,3 +61,14 @@ export 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/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.12.17';
+export const VERSION = '3.12.20';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/affiliations.js

@@ -17,7 +17,7 @@ import { ContextMenu } from '@manuscripts/style-guide';
 import { addTrackChangesAttributes, isDeleted, } from '@manuscripts/track-changes-plugin';
 import { schema } from '@manuscripts/transform';
 import { NodeSelection } from 'prosemirror-state';
-import { AffiliationsModal, handleDeleteAffiliation, handleSaveAffiliation, handleUpdateAuthors, } from '../components/affiliations/AffiliationsModal';
+import { AuthorsAndAffiliationsModals, } from '../components/authors-affiliations/AuthorsAndAffiliationsModals';
 import { alertIcon } from '../icons';
 import { affiliationName, } from '../lib/authors';
 import { handleComment } from '../lib/comments';
@@ -52,22 +52,16 @@ export class AffiliationsView extends BlockView {
         };
         this.handleEdit = (id, addNew) => {
             this.props.popper.destroy();
-            const contributors = findChildrenAttrsByType(this.view, schema.nodes.contributor);
             const affiliations = findChildrenAttrsByType(this.view, 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) => handleSaveAffiliation(this.view, affiliation, this.getPos()),
-                onDeleteAffiliation: (affiliation) => handleDeleteAffiliation(this.view, affiliation),
-                onUpdateAuthors: (authors) => handleUpdateAuthors(this.view, authors),
                 addNewAffiliation: addNew,
             };
             this.popper?.remove();
-            this.popper = ReactSubView(this.props, AffiliationsModal, componentProps, this.node, this.getPos, this.view);
+            this.popper = ReactSubView(this.props, AuthorsAndAffiliationsModals, componentProps, this.node, this.getPos, this.view);
             this.container.appendChild(this.popper);
         };
         this.showGroupContextMenu = () => {

package/dist/es/views/caption.js

@@ -23,7 +23,7 @@ export class CaptionView extends 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/es/views/contributors.js

@@ -17,8 +17,8 @@ import { ContextMenu } from '@manuscripts/style-guide';
 import { addTrackChangesAttributes, isDeleted, } from '@manuscripts/track-changes-plugin';
 import { schema } from '@manuscripts/transform';
 import { NodeSelection } from 'prosemirror-state';
-import { AuthorsModal, handleDeleteContributor, handleSaveContributor, } from '../components/authors/AuthorsModal';
-import { authorComparator, authorLabel, } from '../lib/authors';
+import { AuthorsAndAffiliationsModals, } from '../components/authors-affiliations/AuthorsAndAffiliationsModals';
+import { authorComparator, authorLabel } from '../lib/authors';
 import { handleComment } from '../lib/comments';
 import { createKeyboardInteraction } from '../lib/navigation-utils';
 import { findChildByID, findChildrenAttrsByType } from '../lib/view';
@@ -210,18 +210,15 @@ export class ContributorsView extends BlockView {
         this.handleEdit = (id, addNew) => {
             this.props.popper.destroy();
             const contributors = findChildrenAttrsByType(this.view, schema.nodes.contributor);
-            const affiliations = findChildrenAttrsByType(this.view, 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) => handleSaveContributor(this.view, contributor, this.getPos()),
-                onDeleteAuthor: (contributor) => handleDeleteContributor(this.view, contributor),
                 addNewAuthor: addNew,
             };
             this.popper?.remove();
-            this.popper = ReactSubView(this.props, AuthorsModal, componentProps, this.node, this.getPos, this.view);
+            this.popper = ReactSubView(this.props, AuthorsAndAffiliationsModals, componentProps, this.node, this.getPos, this.view);
             this.container.appendChild(this.popper);
         };
     }

package/dist/es/views/figure.js

@@ -57,7 +57,6 @@ export class FigureView extends 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);
     }

package/dist/types/components/affiliations/AffiliationForm.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { AffiliationAttrs } from '../../lib/authors';
 export interface FormActions {
     reset: () => void;
+    submitForm: () => Promise<void> | void;
 }
 export interface AffiliationFormProps {
     values: AffiliationAttrs;

package/dist/types/components/affiliations/AffiliationsModal.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { AffiliationAttrs, ContributorAttrs } from '../../lib/authors';
-import { EditorView } from 'prosemirror-view';
 export interface AffiliationsModalProps {
     affiliation?: AffiliationAttrs;
     authors: ContributorAttrs[];
@@ -9,9 +8,7 @@ export interface AffiliationsModalProps {
     onDeleteAffiliation: (affiliation: AffiliationAttrs) => void;
     onUpdateAuthors: (authors: ContributorAttrs[]) => void;
     addNewAffiliation?: boolean;
+    onClose?: () => void;
+    onOpenAuthorsModal?: () => void;
 }
 export declare const AffiliationsModal: React.FC<AffiliationsModalProps>;
-export declare const openAffiliationsModal: (pos: number, view?: EditorView) => void;
-export declare const handleSaveAffiliation: (view: EditorView, affiliation: AffiliationAttrs, affiliationsPos: number) => void;
-export declare const handleDeleteAffiliation: (view: EditorView, affiliation: AffiliationAttrs) => void;
-export declare const handleUpdateAuthors: (view: EditorView, authors: ContributorAttrs[]) => void;

package/dist/types/components/affiliations/AffiliationsPanel.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AffiliationAttrs } from '../../lib/authors';
+export interface AffiliationsPanelProps {
+    items: AffiliationAttrs[];
+    selectedItems: {
+        id: string;
+    }[];
+    onSelect: (id: string) => void;
+    onOpenAffiliationsModal: () => void;
+}
+export declare const AffiliationsPanel: React.FC<AffiliationsPanelProps>;

package/dist/types/components/authors/AuthorDetailsForm.d.ts

@@ -18,6 +18,7 @@ import React, { MutableRefObject } from 'react';
 import { ContributorAttrs } from '../../lib/authors';
 export interface FormActions {
     reset: () => void;
+    submitForm: () => Promise<void> | void;
 }
 interface AuthorDetailsFormProps {
     values: ContributorAttrs;

package/dist/types/components/authors/AuthorsModal.d.ts

@@ -15,7 +15,6 @@
  */
 import React from 'react';
 import { AffiliationAttrs, ContributorAttrs } from '../../lib/authors';
-import { EditorView } from 'prosemirror-view';
 export declare const authorsReducer: (state: ContributorAttrs[], action: import("../../lib/array-reducer").Action<ContributorAttrs>) => ContributorAttrs[];
 export interface AuthorsModalProps {
     author?: ContributorAttrs;
@@ -24,8 +23,7 @@ export interface AuthorsModalProps {
     onSaveAuthor: (author: ContributorAttrs) => void;
     onDeleteAuthor: (author: ContributorAttrs) => void;
     addNewAuthor?: boolean;
+    onOpenAffiliationsModal?: () => void;
+    onClose?: () => void;
 }
 export declare const AuthorsModal: React.FC<AuthorsModalProps>;
-export declare const openAuthorsModal: (pos: number, view?: EditorView) => void;
-export declare const handleSaveContributor: (view: EditorView, contributor: ContributorAttrs, contributorsPos: number) => void;
-export declare const handleDeleteContributor: (view: EditorView, contributor: ContributorAttrs) => void;

package/dist/types/components/authors/AuthorsPanel.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface AuthorsPanelProps {
+    items: {
+        id: string;
+        label: string;
+    }[];
+    selectedItems?: {
+        id: string;
+    }[];
+    onSelect: (id: string) => void;
+    onOpenAuthorsModal: () => void;
+}
+export declare const AuthorsPanel: React.FC<AuthorsPanelProps>;

package/dist/types/components/authors/useManageAffiliations.d.ts

@@ -1,8 +1,6 @@
 import { AffiliationAttrs, ContributorAttrs } from '../../lib/authors';
 export declare const affiliationsReducer: (state: AffiliationAttrs[], action: import("../../lib/array-reducer").Action<AffiliationAttrs>) => AffiliationAttrs[];
 export declare const useManageAffiliations: (selection: ContributorAttrs | undefined, $affiliations: AffiliationAttrs[]) => {
-    showAffiliationDrawer: boolean;
-    setShowAffiliationDrawer: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     selectedAffiliations: {
         id: string;
         institution: string;

package/dist/types/components/authors-affiliations/AuthorsAndAffiliationsModals.d.ts

@@ -0,0 +1,29 @@
+/*!
+ * © 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.
+ */
+import { ManuscriptEditorView } from '@manuscripts/transform';
+import { EditorView } from 'prosemirror-view';
+import React from 'react';
+import { AffiliationAttrs, ContributorAttrs } from '../../lib/authors';
+export interface AuthorsAndAffiliationsModalsProps {
+    initialModal: 'authors' | 'affiliations';
+    view: ManuscriptEditorView;
+    author?: ContributorAttrs;
+    affiliation?: AffiliationAttrs;
+    addNewAuthor?: boolean;
+    addNewAffiliation?: boolean;
+}
+export declare const AuthorsAndAffiliationsModals: React.FC<AuthorsAndAffiliationsModalsProps>;
+export declare const openAuthorsAndAffiliationsModals: (pos: number, view: ManuscriptEditorView | EditorView | undefined, initialModal: "authors" | "affiliations") => void;

package/dist/types/components/authors-affiliations/GenericPanel.d.ts

@@ -0,0 +1,48 @@
+/*!
+ * © 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.
+ */
+import React from 'react';
+export declare const ListItems: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: import("styled-components").DefaultTheme | undefined;
+} & {
+    as?: string | React.ComponentType<any> | undefined;
+    forwardedAs?: string | React.ComponentType<any> | undefined;
+}, "ref"> & React.RefAttributes<HTMLElement>>, import("styled-components").DefaultTheme, {}, never>;
+export interface GenericPanelProps {
+    title: string;
+    createLabel: string;
+    onCreate: () => void;
+    createDataCy: string;
+    emptyDataCy: string;
+    isEmpty: boolean;
+    emptyIcon: React.ReactNode;
+    emptyMessage: React.ReactNode;
+    children: React.ReactNode;
+}
+export declare const GenericPanel: React.FC<GenericPanelProps>;
+export interface ListItemProps {
+    selected: boolean;
+    onClick: () => void;
+    primary: React.ReactNode;
+    secondary?: React.ReactNode;
+}
+export declare const ListItem: React.FC<ListItemProps>;
+export declare function useListSelectedIds(selectedItems: {
+    id: string;
+}[]): Set<string>;

package/dist/types/components/form/ModalFormActions.d.ts

@@ -7,5 +7,6 @@ export interface FormActionsProps {
     showDeleteDialog: () => void;
     newEntity: boolean;
     isDisableSave: boolean;
+    onSubmitForm?: () => void | Promise<void>;
 }
 export declare const ModalFormActions: React.FC<FormActionsProps>;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.12.17";
+export declare const VERSION = "3.12.20";
 export declare const MATHJAX_VERSION = "3.2.2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.12.17",
+  "version": "3.12.20",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -38,8 +38,8 @@
     "@citation-js/plugin-ris": "0.7.18",
     "@iarna/word-count": "1.1.2",
     "@manuscripts/style-guide": "3.5.7",
-    "@manuscripts/track-changes-plugin": "2.3.9",
-    "@manuscripts/transform": "4.3.33",
+    "@manuscripts/track-changes-plugin": "2.3.10",
+    "@manuscripts/transform": "4.3.34",
     "@popperjs/core": "2.11.8",
     "citeproc": "2.4.63",
     "codemirror": "5.65.19",