@manuscripts/body-editor 3.12.33 → 3.12.35

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

@@ -0,0 +1,73 @@
+/*!
+ * © 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 { InspectorTab, InspectorTabList } from '@manuscripts/style-guide';
+import React from 'react';
+import styled from 'styled-components';
+export const ModalTabs = ({ tabLabels, tabErrorIndicators, tabWarningIndicators, }) => (React.createElement(StyledTabList, null, tabLabels.map((label, i) => {
+    const hasError = tabErrorIndicators?.[i];
+    const showWarning = tabWarningIndicators?.[i] && !hasError;
+    return (React.createElement(StyledTab, { key: label },
+        label,
+        (showWarning || hasError) && (React.createElement(TabIndicatorGroup, { role: "presentation" },
+            showWarning ? React.createElement(TabWarningDot, { "aria-hidden": true }) : null,
+            hasError ? React.createElement(TabErrorDot, { "aria-hidden": true }) : null))));
+})));
+const TabIndicatorGroup = styled.span `
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin-left: 6px;
+  flex-shrink: 0;
+`;
+const TabErrorDot = styled.span `
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #cf1322;
+  flex-shrink: 0;
+  vertical-align: middle;
+`;
+const TabWarningDot = styled.span `
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: ${(props) => props.theme.colors.text.warning};
+  flex-shrink: 0;
+  vertical-align: middle;
+`;
+const StyledTab = styled(InspectorTab) `
+  border-radius: 14px;
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  &[aria-selected='true'] {
+    background: ${(props) => props.theme.colors.background.primary};
+    border: unset;
+    color: ${(props) => props.theme.colors.text.primary} !important;
+    font-weight: 700;
+  }
+`;
+const StyledTabList = styled(InspectorTabList) `
+  display: flex;
+  justify-content: space-evenly;
+  border-radius: 14px;
+  background: #e2e2e2 !important;
+  padding: 2px;
+`;

package/dist/es/components/dialog/ConfirmationDialog.js

@@ -25,8 +25,8 @@ const getDialogConfig = (dialogType, entityType) => {
                 secondary: 'Would you like to save or discard your changes?',
             },
             buttons: {
-                primary: 'Save',
-                secondary: 'Discard',
+                primary: 'Continue editing',
+                secondary: 'Discard changes',
             },
         },
         [DialogType.DELETE]: {
@@ -74,6 +74,7 @@ export const ConfirmationDialog = ({ isOpen, type, entityType, onPrimary, onSeco
             secondary: {
                 action: onSecondary,
                 title: config.buttons.secondary,
+                variant: type === DialogType.DELETE ? 'default' : 'textDanger',
             },
         } }));
 };

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

@@ -0,0 +1,18 @@
+import { ModalBody, ScrollableModalContent } from '@manuscripts/style-guide';
+import styled from 'styled-components';
+export const MODAL_ON_CLOSE_NOTIFY_DELAY_MS = 220;
+export const StyledModalBody = styled(ModalBody) `
+  position: relative;
+  height: calc(90vh - 250px);
+`;
+export const FormTitle = styled.h2 `
+  margin: 0 0 ${(props) => props.theme.grid.unit * 3}px;
+  font-family: ${(props) => props.theme.font.family.sans};
+  font-size: ${(props) => props.theme.font.size.large};
+  font-weight: ${(props) => props.theme.font.weight.semibold};
+  line-height: ${(props) => props.theme.font.lineHeight.large};
+  color: ${(props) => props.theme.colors.text.primary};
+`;
+export const StyledScrollableModalContent = styled(ScrollableModalContent) `
+  padding: 45px 16px 16px;
+`;

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

@@ -1,19 +1,24 @@
-import { PrimaryButton } from '@manuscripts/style-guide';
+import { IconTextButton } from '@manuscripts/style-guide';
 import React from 'react';
 import styled from 'styled-components';
 const Footer = styled.div `
   display: flex;
   justify-content: flex-end;
   align-items: center;
+  gap: ${(props) => props.theme.grid.unit * 6}px;
   padding: 16px 32px;
-  height: 40px;
+  min-height: 40px;
   box-shadow: 0px -2px 12px 0px rgba(216, 216, 216, 0.26);
   border-radius: 0px 0px 8px 8px;
   position: relative;
   z-index: 3;
 `;
-const FormFooter = ({ onCancel }) => {
+const StyledIconTextButton = styled(IconTextButton) `
+  color: ${(props) => props.theme.colors.brand.default};
+`;
+const FormFooter = ({ onCancel, primaryAction, }) => {
     return (React.createElement(Footer, null,
-        React.createElement(PrimaryButton, { onClick: onCancel }, "Close")));
+        React.createElement(StyledIconTextButton, { color: "secondary", onClick: onCancel }, "Close"),
+        primaryAction));
 };
 export default FormFooter;

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

@@ -1,48 +1,24 @@
-import { ButtonGroup, IconButton, PlusIcon } from '@manuscripts/style-guide';
+import { PrimaryButton } from '@manuscripts/style-guide';
 import React from 'react';
-import styled from 'styled-components';
 import { ConfirmationDialog, DialogType } from '../dialog/ConfirmationDialog';
-const ActionsContainer = styled.div `
-  display: flex;
-  position: absolute;
-  top: 5px;
-  right: 5px;
-`;
-const StyledButtonGroup = styled(ButtonGroup) `
-  flex: 1;
-`;
-const StyledIconButton = styled(IconButton) `
-  color: #0d79d0;
-  text-align: center;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1;
-  width: auto;
-  height: 24px;
-  &:disabled {
-    color: #c9c9c9 !important;
-    background-color: unset !important;
-    border: unset;
-  }
-  svg {
-    margin-right: 4px;
-  }
-`;
-export const ModalFormActions = ({ type, form, onDelete, showingDeleteDialog, showDeleteDialog, newEntity, isDisableSave, onSubmitForm, }) => {
-    const saveButton = onSubmitForm ? (React.createElement(StyledIconButton, { disabled: isDisableSave, type: "button", onClick: () => {
+import styled from 'styled-components';
+export const ModalFormSaveButton = ({ form, newEntity, isDisableSave, onSubmitForm, createLabel, updateLabel, }) => {
+    const label = newEntity
+        ? (createLabel ?? 'Save Changes')
+        : (updateLabel ?? 'Update Changes');
+    const saveButton = onSubmitForm ? (React.createElement(StylePrimaryButton, { 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, saveButton)));
+        } }, label)) : (React.createElement(StylePrimaryButton, { disabled: isDisableSave, type: "submit", form: form }, label));
+    return saveButton;
+};
+export const ModalFormActions = ({ type, onDelete, showingDeleteDialog, showDeleteDialog, }) => {
+    return (React.createElement(ConfirmationDialog, { isOpen: showingDeleteDialog, onPrimary: () => {
+            onDelete();
+            showDeleteDialog();
+        }, onSecondary: showDeleteDialog, type: DialogType.DELETE, entityType: type }));
 };
+const StylePrimaryButton = styled(PrimaryButton) `
+  min-width: 145px;
+`;

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

@@ -0,0 +1,18 @@
+import { Label } from '@manuscripts/style-guide';
+import React from 'react';
+import styled from 'styled-components';
+export const UnsavedLabel = ({ htmlFor, showDot, children, }) => (React.createElement(UnsavedLabelRow, null,
+    showDot ? React.createElement(FieldUnsavedDot, { "aria-hidden": true }) : null,
+    React.createElement(Label, { htmlFor: htmlFor }, children)));
+export const UnsavedLabelRow = styled.div `
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+`;
+export const FieldUnsavedDot = styled.span `
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: ${(props) => props.theme.colors.text.warning};
+  flex-shrink: 0;
+`;

package/dist/es/components/hooks/useAffiliationShowsErrorIndicator.js

@@ -0,0 +1,21 @@
+import { getIn, useFormikContext } from 'formik';
+import { useEffect } from 'react';
+export function isInstitutionError(formik, newEntity) {
+    if (!getIn(formik.errors, 'institution')) {
+        return false;
+    }
+    if (newEntity) {
+        return Boolean(formik.touched.institution || formik.dirty);
+    }
+    return Boolean(formik.touched.institution);
+}
+export function affiliationShowsErrorIndicator(formik, newEntity) {
+    return isInstitutionError(formik, newEntity);
+}
+export const useAffiliationShowsErrorIndicator = (newEntity, onChange) => {
+    const formik = useFormikContext();
+    const hasError = affiliationShowsErrorIndicator(formik, newEntity);
+    useEffect(() => {
+        onChange?.(hasError);
+    }, [hasError, onChange]);
+};

package/dist/es/components/hooks/useAuthorShowsErrorIndicator.js

@@ -0,0 +1,34 @@
+import { getIn, useFormikContext } from 'formik';
+import { useEffect } from 'react';
+export function isNamePairError(formik, newEntity, requiredContinueActive = false) {
+    if (!getIn(formik.errors, 'given')) {
+        return false;
+    }
+    if (requiredContinueActive) {
+        return true;
+    }
+    if (newEntity) {
+        return Boolean(formik.touched.given || formik.touched.family);
+    }
+    return Boolean(formik.touched.given || formik.touched.family || formik.dirty);
+}
+export function authorShowsErrorIndicator(formik, newEntity, requiredContinueActive = false) {
+    if (isNamePairError(formik, newEntity, requiredContinueActive)) {
+        return true;
+    }
+    if ((getIn(formik.touched, 'email') || requiredContinueActive) &&
+        getIn(formik.errors, 'email')) {
+        return true;
+    }
+    if (getIn(formik.touched, 'ORCID') && getIn(formik.errors, 'ORCID')) {
+        return true;
+    }
+    return false;
+}
+export const useAuthorShowsErrorIndicator = (newEntity, requiredContinueActive, onChange) => {
+    const formik = useFormikContext();
+    const hasError = authorShowsErrorIndicator(formik, newEntity, requiredContinueActive);
+    useEffect(() => {
+        onChange?.(hasError);
+    }, [hasError, onChange]);
+};

package/dist/es/lib/authors-and-affiliations.js

@@ -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 { generateNodeID, schema, } from '@manuscripts/transform';
+import { findInsertionPosition } from './utils';
+import { findChildByType, updateNodeAttrs } from './view';
+function insertNode(parentType, childType) {
+    return (view, attrs) => {
+        const parent = findChildByType(view, parentType);
+        let tr = view.state.tr;
+        if (parent) {
+            tr = tr.insert(parent.pos + 1, childType.create(attrs));
+        }
+        else {
+            const insertPos = findInsertionPosition(parentType, view.state.doc);
+            const wrapper = parentType.create({
+                id: generateNodeID(parentType),
+            });
+            tr = tr
+                .insert(insertPos, wrapper)
+                .insert(insertPos + 1, childType.create(attrs));
+        }
+        view.dispatch(tr);
+    };
+}
+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);
+export const upsertAuthor = upsertNode(schema.nodes.contributor, insertAuthorNode);
+export const upsertAffiliation = upsertNode(schema.nodes.affiliation, insertAffiliationNode);

package/dist/es/lib/helpers.js

@@ -13,7 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { schema, } from '@manuscripts/transform';
+import { isExecutableNodeType, schema, } from '@manuscripts/transform';
+import { NodeSelection, TextSelection } from 'prosemirror-state';
 export const isNodeOfType = (...type) => (node) => {
     const [head, ...tail] = type;
     if (node.type === node.type.schema.nodes[head]) {
@@ -45,6 +46,31 @@ export const mergeSimilarItems = (compareFunc, mergeFunc) => (items) => {
         ];
     }, []);
 };
+export const selectionForOutlineNavigation = (doc, pos) => {
+    const node = doc.nodeAt(pos);
+    if (!node || isExecutableNodeType(node.type)) {
+        return NodeSelection.create(doc, pos);
+    }
+    if (node.isTextblock) {
+        return TextSelection.create(doc, pos + 1);
+    }
+    if (node.type === schema.nodes.section) {
+        let textPos = null;
+        node.forEach((child, offset) => {
+            if (textPos !== null) {
+                return;
+            }
+            if (child.type === schema.nodes.section_title ||
+                child.type === schema.nodes.section_title_plain) {
+                textPos = pos + 1 + offset + 1;
+            }
+        });
+        if (textPos !== null) {
+            return TextSelection.create(doc, textPos);
+        }
+    }
+    return NodeSelection.create(doc, pos);
+};
 export const handleScrollToSelectedTarget = (view) => {
     const selection = view.state.selection;
     if (selection.empty) {

package/dist/es/lib/normalize.js

@@ -15,6 +15,19 @@
  */
 import { generateNodeID, schema } from '@manuscripts/transform';
 const trim = (value) => (value ?? '').trim();
+export const normalizeAffiliation = (a) => ({
+    ...a,
+    institution: trim(a.institution),
+    department: trim(a.department),
+    addressLine1: trim(a.addressLine1),
+    addressLine2: trim(a.addressLine2),
+    addressLine3: trim(a.addressLine3),
+    postCode: trim(a.postCode),
+    country: trim(a.country),
+    county: trim(a.county),
+    city: trim(a.city),
+    email: a.email ?? { href: '', text: '' },
+});
 export const normalizeAuthor = (author) => {
     const basic = {
         id: author.id,
@@ -28,15 +41,13 @@ export const normalizeAuthor = (author) => {
         isAuthenticated: author.isAuthenticated || false,
         priority: author.priority,
         isJointContributor: author.isJointContributor || false,
-        degrees: author.degrees || [],
+        degrees: Array.isArray(author.degrees) ? author.degrees : [],
         footnoteIDs: author.footnoteIDs || [],
         correspIDs: author.correspIDs || [],
         prefix: trim(author.prefix),
         suffix: trim(author.suffix),
+        creditRoles: Array.isArray(author.creditRoles) ? author.creditRoles : [],
     };
-    if (author.creditRoles && Array.isArray(author.creditRoles)) {
-        basic.creditRoles = author.creditRoles;
-    }
     return basic;
 };
 export const checkID = (attrs, nodeType) => {

package/dist/es/useEditor.js

@@ -15,12 +15,13 @@
  */
 import { trackChangesPluginKey, TrackChangesStatus, } from '@manuscripts/track-changes-plugin';
 import { getVersion, receiveTransaction, sendableSteps, } from 'prosemirror-collab';
-import { NodeSelection, } from 'prosemirror-state';
+import { TextSelection, } from 'prosemirror-state';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useLocation } from 'react-router-dom';
 import { createEditorState, createEditorView, } from './configs/ManuscriptsEditor';
 import { PopperManager } from './lib/popper';
 import { useDoWithDebounce } from './lib/use-do-with-debounce';
+import { selectionForOutlineNavigation } from './lib/helpers';
 import { searchReplaceKey } from './plugins/search-replace';
 export const useEditor = (externalProps) => {
     const view = useRef(undefined);
@@ -106,12 +107,14 @@ export const useEditor = (externalProps) => {
         if (!id || !currentView || !state) {
             return;
         }
-        state.doc.descendants((node, pos) => {
+        const viewState = currentView.state;
+        viewState.doc.descendants((node, pos) => {
             if (node.attrs.id === id) {
                 currentView.focus();
-                const selection = NodeSelection.create(state.tr.doc, pos);
-                currentView.dispatch(state.tr.setSelection(selection));
-                const dom = currentView.domAtPos(pos + 1);
+                const selection = selectionForOutlineNavigation(viewState.doc, pos);
+                currentView.dispatch(viewState.tr.setSelection(selection));
+                const scrollPos = selection instanceof TextSelection ? selection.from : pos + 1;
+                const dom = currentView.domAtPos(scrollPos);
                 if (dom.node instanceof Element) {
                     dom.node.scrollIntoView({
                         behavior: 'smooth',

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.12.33';
+export const VERSION = '3.12.35';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/affiliations.js

@@ -19,7 +19,7 @@ import { schema } from '@manuscripts/transform';
 import { NodeSelection } from 'prosemirror-state';
 import { AuthorsAndAffiliationsModals, } from '../components/authors-affiliations/AuthorsAndAffiliationsModals';
 import { alertIcon } from '../icons';
-import { affiliationName, } from '../lib/authors';
+import { affiliationName } from '../lib/authors';
 import { handleComment } from '../lib/comments';
 import { findChildByID, findChildrenAttrsByType } from '../lib/view';
 import { affiliationsKey } from '../plugins/affiliations';

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

@@ -1,5 +1,6 @@
-import React from 'react';
+import React, { MutableRefObject } from 'react';
 import { AffiliationAttrs } from '../../lib/authors';
+export { affiliationShowsErrorIndicator } from '../hooks/useAffiliationShowsErrorIndicator';
 export interface FormActions {
     reset: () => void;
     submitForm: () => Promise<void> | void;
@@ -8,6 +9,9 @@ export interface AffiliationFormProps {
     values: AffiliationAttrs;
     onSave: (values: AffiliationAttrs) => void;
     onChange: (values: AffiliationAttrs) => void;
-    actionsRef?: React.MutableRefObject<FormActions | undefined>;
+    actionsRef?: MutableRefObject<FormActions | undefined>;
+    newEntity?: boolean;
+    onAffiliationErrorChange?: (hasError: boolean) => void;
+    unsavedContinueActive?: boolean;
 }
 export declare const AffiliationForm: React.FC<AffiliationFormProps>;

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

@@ -9,6 +9,6 @@ export interface AffiliationsModalProps {
     onUpdateAuthors: (authors: ContributorAttrs[]) => void;
     addNewAffiliation?: boolean;
     onClose?: () => void;
-    onOpenAuthorsModal?: () => void;
+    openAuthorsModal?: () => void;
 }
 export declare const AffiliationsModal: React.FC<AffiliationsModalProps>;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AffiliationAttrs } from '../../lib/authors';
+export interface CreateAffiliationModalProps {
+    affiliationsCount: number;
+    onSave: (affiliation: AffiliationAttrs) => void;
+    onClose: () => void;
+}
+export declare const CreateAffiliationModal: React.FC<CreateAffiliationModalProps>;

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

@@ -16,6 +16,7 @@
 import { CreditRole } from '@manuscripts/transform';
 import React, { MutableRefObject } from 'react';
 import { ContributorAttrs } from '../../lib/authors';
+export { authorShowsErrorIndicator as authorDetailsTabShowsErrorIndicator } from '../hooks/useAuthorShowsErrorIndicator';
 export interface FormActions {
     reset: () => void;
     submitForm: () => Promise<void> | void;
@@ -29,8 +30,17 @@ interface AuthorDetailsFormProps {
     isEmailRequired?: boolean;
     selectedAffiliations?: string[];
     selectedCreditRoles: CreditRole[];
+    newEntity: boolean;
+    onAuthorDetailsTabErrorChange?: (hasError: boolean) => void;
+    unsavedContinueActive?: boolean;
+    requiredContinueActive?: boolean;
 }
 export declare const AuthorDetailsForm: React.FC<AuthorDetailsFormProps>;
 export declare const Fieldset: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
 export declare const CheckboxContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};
+export declare const StyledFormGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFormRow: import("styled-components").StyledComponent<"div", any, {
+    direction?: "row" | "column";
+    justify?: string;
+    align?: string;
+}, never>;

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

@@ -8,6 +8,6 @@ export interface AuthorsPanelProps {
         id: string;
     }[];
     onSelect: (id: string) => void;
-    onOpenAuthorsModal: () => void;
+    openAuthorsModal: () => void;
 }
 export declare const AuthorsPanel: React.FC<AuthorsPanelProps>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AffiliationAttrs, ContributorAttrs } from '../../lib/authors';
+export interface CreateAuthorModalProps {
+    authorsCount: number;
+    affiliations: AffiliationAttrs[];
+    onSave: (author: ContributorAttrs) => void;
+    onClose: () => void;
+}
+export declare const CreateAuthorModal: React.FC<CreateAuthorModalProps>;

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

@@ -1,6 +1,5 @@
-import { DrawerProps } from '@manuscripts/style-guide';
 import React from 'react';
-interface CreditDrawerProps {
+export interface CreditContributionsCheckboxesProps {
     items: {
         id: string;
         vocabTerm: string;
@@ -10,5 +9,4 @@ interface CreditDrawerProps {
     }[];
     onSelect: (id: string) => void;
 }
-export declare const CreditDrawer: React.FC<CreditDrawerProps & Omit<DrawerProps, 'children'>>;
-export {};
+export declare const CreditContributionsCheckboxes: React.FC<CreditContributionsCheckboxesProps>;

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

@@ -0,0 +1,22 @@
+/*!
+ * © 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 interface ModalTabsProps {
+    tabLabels: string[];
+    tabErrorIndicators?: boolean[];
+    tabWarningIndicators?: boolean[];
+}
+export declare const ModalTabs: React.FC<ModalTabsProps>;

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

@@ -0,0 +1,4 @@
+export declare const MODAL_ON_CLOSE_NOTIFY_DELAY_MS = 220;
+export declare const StyledModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FormTitle: import("styled-components").StyledComponent<"h2", any, {}, never>;
+export declare const StyledScrollableModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,5 +1,6 @@
 import React from 'react';
-declare const FormFooter: ({ onCancel }: {
+declare const FormFooter: ({ onCancel, primaryAction, }: {
     onCancel: () => void;
+    primaryAction?: React.ReactNode;
 }) => React.JSX.Element;
 export default FormFooter;

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

@@ -1,12 +1,18 @@
 import React from 'react';
-export interface FormActionsProps {
-    type: string;
+export interface ModalFormSaveButtonProps {
     form: string;
-    onDelete: () => void;
-    showingDeleteDialog: boolean;
-    showDeleteDialog: () => void;
     newEntity: boolean;
     isDisableSave: boolean;
     onSubmitForm?: () => void | Promise<void>;
+    createLabel?: string;
+    updateLabel?: string;
+}
+export declare const ModalFormSaveButton: React.FC<ModalFormSaveButtonProps>;
+interface ModalFormActionsProps {
+    type: string;
+    onDelete: () => void;
+    showingDeleteDialog: boolean;
+    showDeleteDialog: () => void;
 }
-export declare const ModalFormActions: React.FC<FormActionsProps>;
+export declare const ModalFormActions: React.FC<ModalFormActionsProps>;
+export {};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface UnsavedLabelProps {
+    htmlFor: string;
+    showDot: boolean;
+    children: React.ReactNode;
+}
+export declare const UnsavedLabel: React.FC<UnsavedLabelProps>;
+export declare const UnsavedLabelRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FieldUnsavedDot: import("styled-components").StyledComponent<"span", any, {}, never>;
+export {};

package/dist/types/components/hooks/useAffiliationShowsErrorIndicator.d.ts

@@ -0,0 +1,5 @@
+import { FormikProps } from 'formik';
+import { AffiliationAttrs } from '../../lib/authors';
+export declare function isInstitutionError(formik: FormikProps<AffiliationAttrs>, newEntity: boolean): boolean;
+export declare function affiliationShowsErrorIndicator(formik: FormikProps<AffiliationAttrs>, newEntity: boolean): boolean;
+export declare const useAffiliationShowsErrorIndicator: (newEntity: boolean, onChange?: (hasError: boolean) => void) => void;