@manuscripts/body-editor 3.12.33 → 3.12.35

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

@@ -54,30 +54,14 @@ 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 authors_and_affiliations_1 = require("../../lib/authors-and-affiliations");
 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 CreateAffiliationModal_1 = require("../affiliations/CreateAffiliationModal");
 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 CreateAuthorModal_1 = require("../authors/CreateAuthorModal");
 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));
@@ -93,7 +77,7 @@ const AuthorsAndAffiliationsModals = ({ initialModal, view, author, affiliation,
         authors,
         affiliations,
         addNewAuthor,
-        onSaveAuthor: (a) => upsertAuthor(view, a),
+        onSaveAuthor: (a) => (0, authors_and_affiliations_1.upsertAuthor)(view, a),
         onDeleteAuthor: (a) => (0, view_1.deleteNode)(view, a.id),
     };
     const affiliationsProps = {
@@ -101,18 +85,18 @@ const AuthorsAndAffiliationsModals = ({ initialModal, view, author, affiliation,
         authors,
         affiliations,
         addNewAffiliation,
-        onSaveAffiliation: (a) => upsertAffiliation(view, a),
+        onSaveAffiliation: (a) => (0, authors_and_affiliations_1.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 }))));
+            showOverlay && (react_1.default.createElement(CreateAffiliationModal_1.CreateAffiliationModal, { affiliationsCount: affiliations.length, onSave: (a) => (0, authors_and_affiliations_1.upsertAffiliation)(view, a), 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 }))));
+        react_1.default.createElement(AffiliationsModal_1.AffiliationsModal, { ...affiliationsProps, openAuthorsModal: handleOpenOverlay }),
+        showOverlay && (react_1.default.createElement(CreateAuthorModal_1.CreateAuthorModal, { authorsCount: authors.length, affiliations: affiliations, onSave: (a) => (0, authors_and_affiliations_1.upsertAuthor)(view, a), onClose: handleOverlayClose }))));
 };
 exports.AuthorsAndAffiliationsModals = AuthorsAndAffiliationsModals;
 const openAuthorsAndAffiliationsModals = (pos, view, initialModal) => {

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

@@ -97,8 +97,8 @@ const PanelEmpty = styled_components_1.default.div `
     ${(props) => props.theme.grid.unit * 4}px;
 `;
 const PanelEmptyIcon = styled_components_1.default.div `
-  width: 120px;
-  height: 120px;
+  width: 80px;
+  height: 80px;
   flex-shrink: 0;
   display: flex;
   align-items: center;

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

@@ -0,0 +1,80 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalTabs = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const ModalTabs = ({ tabLabels, tabErrorIndicators, tabWarningIndicators, }) => (react_1.default.createElement(StyledTabList, null, tabLabels.map((label, i) => {
+    const hasError = tabErrorIndicators?.[i];
+    const showWarning = tabWarningIndicators?.[i] && !hasError;
+    return (react_1.default.createElement(StyledTab, { key: label },
+        label,
+        (showWarning || hasError) && (react_1.default.createElement(TabIndicatorGroup, { role: "presentation" },
+            showWarning ? react_1.default.createElement(TabWarningDot, { "aria-hidden": true }) : null,
+            hasError ? react_1.default.createElement(TabErrorDot, { "aria-hidden": true }) : null))));
+})));
+exports.ModalTabs = ModalTabs;
+const TabIndicatorGroup = styled_components_1.default.span `
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin-left: 6px;
+  flex-shrink: 0;
+`;
+const TabErrorDot = styled_components_1.default.span `
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #cf1322;
+  flex-shrink: 0;
+  vertical-align: middle;
+`;
+const TabWarningDot = styled_components_1.default.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 = (0, styled_components_1.default)(style_guide_1.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 = (0, styled_components_1.default)(style_guide_1.InspectorTabList) `
+  display: flex;
+  justify-content: space-evenly;
+  border-radius: 14px;
+  background: #e2e2e2 !important;
+  padding: 2px;
+`;

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

@@ -31,8 +31,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]: {
@@ -80,6 +80,7 @@ const ConfirmationDialog = ({ isOpen, type, entityType, onPrimary, onSecondary,
             secondary: {
                 action: onSecondary,
                 title: config.buttons.secondary,
+                variant: type === DialogType.DELETE ? 'default' : 'textDanger',
             },
         } }));
 };

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

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledScrollableModalContent = exports.FormTitle = exports.StyledModalBody = exports.MODAL_ON_CLOSE_NOTIFY_DELAY_MS = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.MODAL_ON_CLOSE_NOTIFY_DELAY_MS = 220;
+exports.StyledModalBody = (0, styled_components_1.default)(style_guide_1.ModalBody) `
+  position: relative;
+  height: calc(90vh - 250px);
+`;
+exports.FormTitle = styled_components_1.default.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};
+`;
+exports.StyledScrollableModalContent = (0, styled_components_1.default)(style_guide_1.ScrollableModalContent) `
+  padding: 45px 16px 16px;
+`;

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

@@ -10,15 +10,20 @@ const Footer = styled_components_1.default.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 = (0, styled_components_1.default)(style_guide_1.IconTextButton) `
+  color: ${(props) => props.theme.colors.brand.default};
+`;
+const FormFooter = ({ onCancel, primaryAction, }) => {
     return (react_1.default.createElement(Footer, null,
-        react_1.default.createElement(style_guide_1.PrimaryButton, { onClick: onCancel }, "Close")));
+        react_1.default.createElement(StyledIconTextButton, { color: "secondary", onClick: onCancel }, "Close"),
+        primaryAction));
 };
 exports.default = FormFooter;

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

@@ -3,53 +3,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalFormActions = void 0;
+exports.ModalFormActions = exports.ModalFormSaveButton = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
 const ConfirmationDialog_1 = require("../dialog/ConfirmationDialog");
-const ActionsContainer = styled_components_1.default.div `
-  display: flex;
-  position: absolute;
-  top: 5px;
-  right: 5px;
-`;
-const StyledButtonGroup = (0, styled_components_1.default)(style_guide_1.ButtonGroup) `
-  flex: 1;
-`;
-const StyledIconButton = (0, styled_components_1.default)(style_guide_1.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;
-  }
-`;
-const ModalFormActions = ({ type, form, onDelete, showingDeleteDialog, showDeleteDialog, newEntity, isDisableSave, onSubmitForm, }) => {
-    const saveButton = onSubmitForm ? (react_1.default.createElement(StyledIconButton, { disabled: isDisableSave, type: "button", onClick: () => {
+const styled_components_1 = __importDefault(require("styled-components"));
+const ModalFormSaveButton = ({ form, newEntity, isDisableSave, onSubmitForm, createLabel, updateLabel, }) => {
+    const label = newEntity
+        ? (createLabel ?? 'Save Changes')
+        : (updateLabel ?? 'Update Changes');
+    const saveButton = onSubmitForm ? (react_1.default.createElement(StylePrimaryButton, { 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, saveButton)));
+        } }, label)) : (react_1.default.createElement(StylePrimaryButton, { disabled: isDisableSave, type: "submit", form: form }, label));
+    return saveButton;
+};
+exports.ModalFormSaveButton = ModalFormSaveButton;
+const ModalFormActions = ({ type, onDelete, showingDeleteDialog, showDeleteDialog, }) => {
+    return (react_1.default.createElement(ConfirmationDialog_1.ConfirmationDialog, { isOpen: showingDeleteDialog, onPrimary: () => {
+            onDelete();
+            showDeleteDialog();
+        }, onSecondary: showDeleteDialog, type: ConfirmationDialog_1.DialogType.DELETE, entityType: type }));
 };
 exports.ModalFormActions = ModalFormActions;
+const StylePrimaryButton = (0, styled_components_1.default)(style_guide_1.PrimaryButton) `
+  min-width: 145px;
+`;

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

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldUnsavedDot = exports.UnsavedLabelRow = exports.UnsavedLabel = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const UnsavedLabel = ({ htmlFor, showDot, children, }) => (react_1.default.createElement(exports.UnsavedLabelRow, null,
+    showDot ? react_1.default.createElement(exports.FieldUnsavedDot, { "aria-hidden": true }) : null,
+    react_1.default.createElement(style_guide_1.Label, { htmlFor: htmlFor }, children)));
+exports.UnsavedLabel = UnsavedLabel;
+exports.UnsavedLabelRow = styled_components_1.default.div `
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+`;
+exports.FieldUnsavedDot = styled_components_1.default.span `
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: ${(props) => props.theme.colors.text.warning};
+  flex-shrink: 0;
+`;

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAffiliationShowsErrorIndicator = void 0;
+exports.isInstitutionError = isInstitutionError;
+exports.affiliationShowsErrorIndicator = affiliationShowsErrorIndicator;
+const formik_1 = require("formik");
+const react_1 = require("react");
+function isInstitutionError(formik, newEntity) {
+    if (!(0, formik_1.getIn)(formik.errors, 'institution')) {
+        return false;
+    }
+    if (newEntity) {
+        return Boolean(formik.touched.institution || formik.dirty);
+    }
+    return Boolean(formik.touched.institution);
+}
+function affiliationShowsErrorIndicator(formik, newEntity) {
+    return isInstitutionError(formik, newEntity);
+}
+const useAffiliationShowsErrorIndicator = (newEntity, onChange) => {
+    const formik = (0, formik_1.useFormikContext)();
+    const hasError = affiliationShowsErrorIndicator(formik, newEntity);
+    (0, react_1.useEffect)(() => {
+        onChange?.(hasError);
+    }, [hasError, onChange]);
+};
+exports.useAffiliationShowsErrorIndicator = useAffiliationShowsErrorIndicator;

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAuthorShowsErrorIndicator = void 0;
+exports.isNamePairError = isNamePairError;
+exports.authorShowsErrorIndicator = authorShowsErrorIndicator;
+const formik_1 = require("formik");
+const react_1 = require("react");
+function isNamePairError(formik, newEntity, requiredContinueActive = false) {
+    if (!(0, formik_1.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);
+}
+function authorShowsErrorIndicator(formik, newEntity, requiredContinueActive = false) {
+    if (isNamePairError(formik, newEntity, requiredContinueActive)) {
+        return true;
+    }
+    if (((0, formik_1.getIn)(formik.touched, 'email') || requiredContinueActive) &&
+        (0, formik_1.getIn)(formik.errors, 'email')) {
+        return true;
+    }
+    if ((0, formik_1.getIn)(formik.touched, 'ORCID') && (0, formik_1.getIn)(formik.errors, 'ORCID')) {
+        return true;
+    }
+    return false;
+}
+const useAuthorShowsErrorIndicator = (newEntity, requiredContinueActive, onChange) => {
+    const formik = (0, formik_1.useFormikContext)();
+    const hasError = authorShowsErrorIndicator(formik, newEntity, requiredContinueActive);
+    (0, react_1.useEffect)(() => {
+        onChange?.(hasError);
+    }, [hasError, onChange]);
+};
+exports.useAuthorShowsErrorIndicator = useAuthorShowsErrorIndicator;

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

@@ -0,0 +1,51 @@
+"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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.upsertAffiliation = exports.upsertAuthor = void 0;
+const transform_1 = require("@manuscripts/transform");
+const utils_1 = require("./utils");
+const view_1 = require("./view");
+function insertNode(parentType, childType) {
+    return (view, attrs) => {
+        const parent = (0, view_1.findChildByType)(view, parentType);
+        let tr = view.state.tr;
+        if (parent) {
+            tr = tr.insert(parent.pos + 1, childType.create(attrs));
+        }
+        else {
+            const insertPos = (0, utils_1.findInsertionPosition)(parentType, view.state.doc);
+            const wrapper = parentType.create({
+                id: (0, transform_1.generateNodeID)(parentType),
+            });
+            tr = tr
+                .insert(insertPos, wrapper)
+                .insert(insertPos + 1, childType.create(attrs));
+        }
+        view.dispatch(tr);
+    };
+}
+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);
+exports.upsertAuthor = upsertNode(transform_1.schema.nodes.contributor, insertAuthorNode);
+exports.upsertAffiliation = upsertNode(transform_1.schema.nodes.affiliation, insertAffiliationNode);

package/dist/cjs/lib/helpers.js

@@ -15,8 +15,9 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.findWordBoundaries = exports.handleScrollToSelectedTarget = exports.mergeSimilarItems = exports.nearestAncestor = exports.isNodeOfType = void 0;
+exports.findWordBoundaries = exports.handleScrollToSelectedTarget = exports.selectionForOutlineNavigation = exports.mergeSimilarItems = exports.nearestAncestor = exports.isNodeOfType = void 0;
 const transform_1 = require("@manuscripts/transform");
+const prosemirror_state_1 = require("prosemirror-state");
 const isNodeOfType = (...type) => (node) => {
     const [head, ...tail] = type;
     if (node.type === node.type.schema.nodes[head]) {
@@ -51,6 +52,32 @@ const mergeSimilarItems = (compareFunc, mergeFunc) => (items) => {
     }, []);
 };
 exports.mergeSimilarItems = mergeSimilarItems;
+const selectionForOutlineNavigation = (doc, pos) => {
+    const node = doc.nodeAt(pos);
+    if (!node || (0, transform_1.isExecutableNodeType)(node.type)) {
+        return prosemirror_state_1.NodeSelection.create(doc, pos);
+    }
+    if (node.isTextblock) {
+        return prosemirror_state_1.TextSelection.create(doc, pos + 1);
+    }
+    if (node.type === transform_1.schema.nodes.section) {
+        let textPos = null;
+        node.forEach((child, offset) => {
+            if (textPos !== null) {
+                return;
+            }
+            if (child.type === transform_1.schema.nodes.section_title ||
+                child.type === transform_1.schema.nodes.section_title_plain) {
+                textPos = pos + 1 + offset + 1;
+            }
+        });
+        if (textPos !== null) {
+            return prosemirror_state_1.TextSelection.create(doc, textPos);
+        }
+    }
+    return prosemirror_state_1.NodeSelection.create(doc, pos);
+};
+exports.selectionForOutlineNavigation = selectionForOutlineNavigation;
 const handleScrollToSelectedTarget = (view) => {
     const selection = view.state.selection;
     if (selection.empty) {

package/dist/cjs/lib/normalize.js

@@ -15,9 +15,23 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkID = exports.normalizeAuthor = void 0;
+exports.checkID = exports.normalizeAuthor = exports.normalizeAffiliation = void 0;
 const transform_1 = require("@manuscripts/transform");
 const trim = (value) => (value ?? '').trim();
+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: '' },
+});
+exports.normalizeAffiliation = normalizeAffiliation;
 const normalizeAuthor = (author) => {
     const basic = {
         id: author.id,
@@ -31,15 +45,13 @@ 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;
 };
 exports.normalizeAuthor = normalizeAuthor;

package/dist/cjs/useEditor.js

@@ -24,6 +24,7 @@ const react_router_dom_1 = require("react-router-dom");
 const ManuscriptsEditor_1 = require("./configs/ManuscriptsEditor");
 const popper_1 = require("./lib/popper");
 const use_do_with_debounce_1 = require("./lib/use-do-with-debounce");
+const helpers_1 = require("./lib/helpers");
 const search_replace_1 = require("./plugins/search-replace");
 const useEditor = (externalProps) => {
     const view = (0, react_1.useRef)(undefined);
@@ -109,12 +110,14 @@ 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 = prosemirror_state_1.NodeSelection.create(state.tr.doc, pos);
-                currentView.dispatch(state.tr.setSelection(selection));
-                const dom = currentView.domAtPos(pos + 1);
+                const selection = (0, helpers_1.selectionForOutlineNavigation)(viewState.doc, pos);
+                currentView.dispatch(viewState.tr.setSelection(selection));
+                const scrollPos = selection instanceof prosemirror_state_1.TextSelection ? selection.from : pos + 1;
+                const dom = currentView.domAtPos(scrollPos);
                 if (dom.node instanceof Element) {
                     dom.node.scrollIntoView({
                         behavior: 'smooth',

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

package/dist/es/components/ChangeHandlingForm.js

@@ -10,8 +10,9 @@ export const ChangeHandlingForm = (props) => {
     return (React.createElement(FlexForm, { id: id, ref: formRef, ...formProps }, children));
 };
 export const FlexForm = styled(Form) `
-  height: 100%;
   display: flex;
   flex-direction: column;
-  overflow: hidden;
+  min-height: 0;
+  width: 100%;
+  box-sizing: border-box;
 `;