@manuscripts/body-editor 3.12.16 → 3.12.19

package/dist/es/components/authors/AuthorsPanel.js

@@ -0,0 +1,11 @@
+import { AuthorPlaceholderIcon } from '@manuscripts/style-guide';
+import React from 'react';
+import { GenericPanel, ListItem, ListItems, useListSelectedIds, } from '../authors-affiliations/GenericPanel';
+export const AuthorsPanel = ({ items, selectedItems = [], onSelect, onOpenAuthorsModal, }) => {
+    const selectedIds = useListSelectedIds(selectedItems);
+    return (React.createElement(GenericPanel, { title: "Authors", createLabel: "Add New Author", onCreate: onOpenAuthorsModal, createDataCy: "add-authors-link", emptyDataCy: "authors-panel-empty", isEmpty: items.length === 0, emptyIcon: React.createElement(AuthorPlaceholderIcon, null), emptyMessage: React.createElement(React.Fragment, null,
+            "There are no authors attributed yet!",
+            React.createElement("br", null),
+            "Click \u2018Add New Author\u2019") },
+        React.createElement(ListItems, { "data-cy": "authors-panel" }, items.map((item) => (React.createElement(ListItem, { key: item.id, selected: selectedIds.has(item.id), onClick: () => onSelect(item.id), primary: item.label }))))));
+};

package/dist/es/components/authors/useManageAffiliations.js

@@ -1,9 +1,13 @@
-import { useReducer, useState } from 'react';
+import { useEffect, useReducer, useState } from 'react';
 import { arrayReducer } from '../../lib/array-reducer';
 export const affiliationsReducer = arrayReducer((a, b) => a.id === b.id);
 export const useManageAffiliations = (selection, $affiliations) => {
-    const [affiliations] = useReducer(affiliationsReducer, $affiliations);
-    const [showAffiliationDrawer, setShowAffiliationDrawer] = useState(false);
+    const [affiliations, dispatchAffiliations] = useReducer(affiliationsReducer, [
+        ...$affiliations,
+    ]);
+    useEffect(() => {
+        dispatchAffiliations({ type: 'set', state: [...$affiliations] });
+    }, [$affiliations]);
     const [selectedAffiliations, setSelectedAffiliations] = useState([]);
     const removeAffiliation = (affId) => {
         if (!selection) {
@@ -26,8 +30,6 @@ export const useManageAffiliations = (selection, $affiliations) => {
         setSelectedAffiliations(affiliations.filter((item) => newAffiliations.includes(item.id)));
     };
     return {
-        showAffiliationDrawer,
-        setShowAffiliationDrawer,
         selectedAffiliations,
         setSelectedAffiliations,
         removeAffiliation,

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

@@ -0,0 +1,93 @@
+/*!
+ * © 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 { schema, } from '@manuscripts/transform';
+import React, { useState } from 'react';
+import { getEditorProps } from '../../plugins/editor-props';
+import ReactSubView from '../../views/ReactSubView';
+import { deleteNode, findChildByType, findChildrenAttrsByType, updateNodeAttrs, } from '../../lib/view';
+import { AffiliationsModal, } from '../affiliations/AffiliationsModal';
+import { AuthorsModal } from '../authors/AuthorsModal';
+function insertNode(parentType, childType) {
+    return (view, attrs) => {
+        const parent = 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 (!updateNodeAttrs(view, nodeType, attrs)) {
+            insertFn(view, attrs);
+        }
+    };
+}
+const insertAuthorNode = insertNode(schema.nodes.contributors, schema.nodes.contributor);
+const insertAffiliationNode = insertNode(schema.nodes.affiliations, schema.nodes.affiliation);
+const upsertAuthor = upsertNode(schema.nodes.contributor, insertAuthorNode);
+const upsertAffiliation = upsertNode(schema.nodes.affiliation, insertAffiliationNode);
+export const AuthorsAndAffiliationsModals = ({ initialModal, view, author, affiliation, addNewAuthor, addNewAffiliation, }) => {
+    const [showOverlay, setShowOverlay] = useState(false);
+    const [authors, setAuthors] = useState(() => findChildrenAttrsByType(view, schema.nodes.contributor));
+    const [affiliations, setAffiliations] = useState(() => findChildrenAttrsByType(view, schema.nodes.affiliation));
+    const handleOpenOverlay = () => setShowOverlay(true);
+    const handleOverlayClose = () => {
+        setShowOverlay(false);
+        setAuthors(findChildrenAttrsByType(view, schema.nodes.contributor));
+        setAffiliations(findChildrenAttrsByType(view, schema.nodes.affiliation));
+    };
+    const authorsProps = {
+        author,
+        authors,
+        affiliations,
+        addNewAuthor,
+        onSaveAuthor: (a) => upsertAuthor(view, a),
+        onDeleteAuthor: (a) => deleteNode(view, a.id),
+    };
+    const affiliationsProps = {
+        affiliation,
+        authors,
+        affiliations,
+        addNewAffiliation,
+        onSaveAffiliation: (a) => upsertAffiliation(view, a),
+        onDeleteAffiliation: (a) => deleteNode(view, a.id),
+        onUpdateAuthors: (updated) => updated.forEach((a) => updateNodeAttrs(view, schema.nodes.contributor, a)),
+    };
+    if (initialModal === 'authors') {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(AuthorsModal, { ...authorsProps, onOpenAffiliationsModal: handleOpenOverlay }),
+            showOverlay && (React.createElement(AffiliationsModal, { ...affiliationsProps, addNewAffiliation: true, onClose: handleOverlayClose }))));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(AffiliationsModal, { ...affiliationsProps, onOpenAuthorsModal: handleOpenOverlay }),
+        showOverlay && (React.createElement(AuthorsModal, { ...authorsProps, addNewAuthor: true, onClose: handleOverlayClose }))));
+};
+export const openAuthorsAndAffiliationsModals = (pos, view, initialModal) => {
+    if (!view) {
+        return;
+    }
+    const { state } = view;
+    const props = getEditorProps(state);
+    const componentProps = {
+        initialModal,
+        view: view,
+        addNewAuthor: initialModal === 'authors',
+        addNewAffiliation: initialModal === 'affiliations',
+    };
+    const dialog = ReactSubView(props, AuthorsAndAffiliationsModals, componentProps, state.doc, () => pos, view);
+    view.focus();
+    document.body.appendChild(dialog);
+};

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/components/references/ReferenceForm/ReferenceForm.js

@@ -117,8 +117,8 @@ export const ReferenceForm = ({ values, showDelete, onChange, onDelete, onCancel
                             React.createElement(AddAuthorIcon, { height: 17, width: 17 })),
                         React.createElement("div", null, formik.values.editor?.map((editor, index) => (React.createElement(PersonDropDown, { key: index, index: index, person: editor, isNew: newEditorIndex === index, remove: remove, onChange: formik.handleChange, type: "editor" })))))) })),
                 shouldRenderField('issued', formik.values.type) && (React.createElement(FormRow, null,
-                    React.createElement(Label, { htmlFor: "issued['date-parts'][0][0]" }, "Issued (Year)"),
-                    React.createElement(YearField, { name: "issued['date-parts'][0][0]", type: 'number', step: 1, onChange: (event) => {
+                    React.createElement(Label, { htmlFor: "issued-year-field" }, "Issued (Year)"),
+                    React.createElement(YearField, { name: "issued['date-parts'][0][0]", id: "issued-year-field", type: 'number', step: 1, onChange: (event) => {
                             const { value } = event.target;
                             if (value) {
                                 if (formik.values.issued) {

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.12.16';
+export const VERSION = '3.12.19';
 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/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/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.16";
+export declare const VERSION = "3.12.19";
 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.16",
+  "version": "3.12.19",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",

package/dist/cjs/components/authors/AffiliationDrawer.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AffiliationsDrawer = void 0;
-const style_guide_1 = require("@manuscripts/style-guide");
-const react_1 = __importDefault(require("react"));
-const AffiliationsDrawer = ({ items, selectedItems = [], onSelect, ...drawerProps }) => {
-    return (react_1.default.createElement(style_guide_1.Drawer, { ...drawerProps },
-        react_1.default.createElement(style_guide_1.DrawerItemsList, null, items.map((item) => (react_1.default.createElement(style_guide_1.DrawerListItem, { "data-cy": "item", key: item.id, selected: selectedItems?.map((a) => a.id).includes(item.id), onClick: () => onSelect(item.id) },
-            react_1.default.createElement(style_guide_1.DrawerIcon, null, selectedItems?.map((a) => a.id).includes(item.id) ? (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, item.institution),
-                react_1.default.createElement(style_guide_1.DrawerItemMeta, null,
-                    item.city && (react_1.default.createElement(react_1.default.Fragment, null,
-                        item.city,
-                        item.county || item.country ? ', ' : '')),
-                    item.county && (react_1.default.createElement(react_1.default.Fragment, null,
-                        item.county,
-                        item.country ? ', ' : '')),
-                    item.country && react_1.default.createElement(react_1.default.Fragment, null, item.country)))))))));
-};
-exports.AffiliationsDrawer = AffiliationsDrawer;

package/dist/es/components/authors/AffiliationDrawer.js

@@ -1,17 +0,0 @@
-import { AddedIcon, AddIcon, Drawer, DrawerIcon, DrawerItemLabel, DrawerItemMeta, DrawerItemsList, DrawerLabelContainer, DrawerListItem, } from '@manuscripts/style-guide';
-import React from 'react';
-export const AffiliationsDrawer = ({ items, selectedItems = [], onSelect, ...drawerProps }) => {
-    return (React.createElement(Drawer, { ...drawerProps },
-        React.createElement(DrawerItemsList, null, items.map((item) => (React.createElement(DrawerListItem, { "data-cy": "item", key: item.id, selected: selectedItems?.map((a) => a.id).includes(item.id), onClick: () => onSelect(item.id) },
-            React.createElement(DrawerIcon, null, selectedItems?.map((a) => a.id).includes(item.id) ? (React.createElement(AddedIcon, { width: 22, height: 22 })) : (React.createElement(AddIcon, { width: 22, height: 22 }))),
-            React.createElement(DrawerLabelContainer, null,
-                React.createElement(DrawerItemLabel, null, item.institution),
-                React.createElement(DrawerItemMeta, null,
-                    item.city && (React.createElement(React.Fragment, null,
-                        item.city,
-                        item.county || item.country ? ', ' : '')),
-                    item.county && (React.createElement(React.Fragment, null,
-                        item.county,
-                        item.country ? ', ' : '')),
-                    item.country && React.createElement(React.Fragment, null, item.country)))))))));
-};

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

@@ -1,12 +0,0 @@
-import { DrawerProps } from '@manuscripts/style-guide';
-import React from 'react';
-import { AffiliationAttrs } from '../../lib/authors';
-interface AffiliationsDrawerProps {
-    items: AffiliationAttrs[];
-    selectedItems: {
-        id: string;
-    }[];
-    onSelect: (id: string) => void;
-}
-export declare const AffiliationsDrawer: React.FC<AffiliationsDrawerProps & Omit<DrawerProps, 'children'>>;
-export {};