@manuscripts/body-editor 2.7.17-LEAN-4231.0 → 2.7.18

package/dist/cjs/commands.js

@@ -145,9 +145,6 @@ const createBlock = (nodeType, position, state, dispatch, attrs) => {
         case state.schema.nodes.figure_element:
             node = createAndFillFigureElement(state);
             break;
-        case state.schema.nodes.image_element:
-            node = createImageElement(state);
-            break;
         case state.schema.nodes.listing_element:
             node = state.schema.nodes.listing_element.create({}, [
                 state.schema.nodes.listing.create(),
@@ -993,9 +990,6 @@ const createAndFillFigcaptionElement = (state) => state.schema.nodes.figcaption.
     state.schema.nodes.caption_title.create(),
     state.schema.nodes.caption.create(),
 ]);
-const createImageElement = (state) => state.schema.nodes.image_element.create({}, [
-    state.schema.nodes.figure.create(),
-]);
 const getParentNode = (selection) => {
     var _a;
     const parentNode = (0, utils_1.findParentNodeWithId)(selection);

package/dist/cjs/components/ChangeHandlingForm.js

@@ -36,7 +36,7 @@ const ChangeHandlingForm = (props) => {
         var _a;
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, values);
     }, [props.onChange, values]);
-    return react_1.default.createElement(exports.FlexForm, null, props.children);
+    return (react_1.default.createElement(exports.FlexForm, { id: props.id, ref: props.formRef }, props.children));
 };
 exports.ChangeHandlingForm = ChangeHandlingForm;
 exports.FlexForm = (0, styled_components_1.default)(formik_1.Form) `

package/dist/cjs/components/affiliations/AffiliationForm.js

@@ -87,7 +87,7 @@ const AffiliationForm = ({ values, onSave, onChange, actionsRef, }) => {
         };
     }
     const formRef = (0, react_1.useRef)(null);
-    return (react_1.default.createElement(formik_1.Formik, { initialValues: values, onSubmit: onSave, innerRef: formRef, enableReinitialize: true }, () => (react_1.default.createElement(ChangeHandlingForm_1.ChangeHandlingForm, { onChange: onChange },
+    return (react_1.default.createElement(formik_1.Formik, { initialValues: values, onSubmit: onSave, innerRef: formRef, enableReinitialize: true }, () => (react_1.default.createElement(ChangeHandlingForm_1.ChangeHandlingForm, { onChange: onChange, id: "affiliation-form" },
         react_1.default.createElement(FormLabel, null, "Institution*"),
         react_1.default.createElement(Row, null,
             react_1.default.createElement(formik_1.Field, { name: "institution" }, (props) => (react_1.default.createElement(AffiliationsTextField, Object.assign({ id: "institution", placeholder: "Institution Name" }, props.field))))),

package/dist/cjs/components/affiliations/AffiliationsModal.js

@@ -397,8 +397,8 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, onS
                             react_1.default.createElement(ActionTitle, null, "New Affiliation")),
                         react_1.default.createElement(AffiliationList_1.AffiliationList, { affiliation: selection, affiliations: affiliations, onSelect: handleSelect, onDelete: handleShowDeleteDialog, lastSavedAffiliationId: savedAffiliationId }))),
                 react_1.default.createElement(style_guide_1.ScrollableModalContent, { "data-cy": "affiliations-modal-content" }, selection ? (react_1.default.createElement(AffiliationForms, null,
-                    react_1.default.createElement(ModalFormActions_1.ModalFormActions, { type: 'affiliation', onSave: () => handleSaveAffiliation(valuesRef.current), onDelete: handleDeleteAffiliation, showDeleteDialog: showDeleteDialog, handleShowDeleteDialog: handleShowDeleteDialog, newEntity: newAffiliation, isDisableSave: isDisableSave }),
-                    react_1.default.createElement(AffiliationForm_1.AffiliationForm, { values: normalize(selection), onSave: handleSaveAffiliation, onChange: handleAffiliationChange, actionsRef: actionsRef }),
+                    react_1.default.createElement(ModalFormActions_1.ModalFormActions, { type: 'affiliation', form: 'affiliation-form', onDelete: handleDeleteAffiliation, showDeleteDialog: showDeleteDialog, handleShowDeleteDialog: handleShowDeleteDialog, newEntity: newAffiliation, isDisableSave: isDisableSave }),
+                    react_1.default.createElement(AffiliationForm_1.AffiliationForm, { values: normalize(selection), onSave: () => handleSaveAffiliation(valuesRef.current), onChange: handleAffiliationChange, actionsRef: actionsRef }),
                     react_1.default.createElement(ConfirmationDialog_1.ConfirmationDialog, { isOpen: showRequiredFieldConfirmationDialog, onPrimary: () => setShowRequiredFieldConfirmationDialog(false), onSecondary: handleConfirmationCancel, type: ConfirmationDialog_1.DialogType.REQUIRED, entityType: "affiliation" }),
                     react_1.default.createElement(ConfirmationDialog_1.ConfirmationDialog, { isOpen: showConfirmationDialog, onPrimary: handleConfirmationSave, onSecondary: handleConfirmationCancel, type: ConfirmationDialog_1.DialogType.SAVE, entityType: "affiliation" }),
                     react_1.default.createElement(AuthorsSection, null,

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

@@ -75,7 +75,7 @@ const CheckboxContainer = styled_components_1.default.div `
   align-items: center;
   gap: 32px;
 `;
-const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmailRequired, selectedAffiliations, }) => {
+const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmailRequired, selectedAffiliations, authorFormRef, }) => {
     const formRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         if (selectedAffiliations && formRef.current) {
@@ -92,7 +92,7 @@ const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmailRequir
     }
     return (react_1.default.createElement(formik_1.Formik, { initialValues: values, onSubmit: onSave, enableReinitialize: true, validateOnChange: true, innerRef: formRef }, (formik) => {
         const isAuthor = formik.values.role === 'author';
-        return (react_1.default.createElement(ChangeHandlingForm_1.ChangeHandlingForm, { onChange: onChange },
+        return (react_1.default.createElement(ChangeHandlingForm_1.ChangeHandlingForm, { onChange: onChange, id: "author-details-form", formRef: authorFormRef },
             react_1.default.createElement(exports.Fieldset, null,
                 react_1.default.createElement(style_guide_1.TextFieldGroupContainer, null,
                     react_1.default.createElement(formik_1.Field, { name: 'bibliographicName.given' }, (props) => (react_1.default.createElement(style_guide_1.TextField, Object.assign({ id: 'given-name', placeholder: 'Given name' }, props.field)))),
@@ -101,7 +101,7 @@ const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmailRequir
                     const placeholder = isEmailRequired
                         ? '*Email address (required)'
                         : 'Email address';
-                    return (react_1.default.createElement(TextFieldWithError, Object.assign({ required: isEmailRequired, id: 'email', placeholder: placeholder }, props.field)));
+                    return (react_1.default.createElement(TextFieldWithError, Object.assign({ id: 'email', type: "email", required: isEmailRequired, placeholder: placeholder }, props.field)));
                 }),
                 react_1.default.createElement(CheckboxContainer, null,
                     react_1.default.createElement(style_guide_1.CheckboxLabel, { disabled: !isAuthor },
@@ -115,7 +115,7 @@ const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmailRequir
                 react_1.default.createElement(OrcidContainer, null,
                     react_1.default.createElement(style_guide_1.TextFieldLabel, null,
                         react_1.default.createElement(exports.LabelText, null, "ORCID"),
-                        react_1.default.createElement(formik_1.Field, { name: 'ORCIDIdentifier', type: 'text' }, (props) => (react_1.default.createElement(style_guide_1.TextField, Object.assign({ id: 'orcid', placeholder: 'https://orcid.org/...' }, props.field)))))),
+                        react_1.default.createElement(formik_1.Field, { name: 'ORCIDIdentifier', type: 'text' }, (props) => (react_1.default.createElement(style_guide_1.TextField, Object.assign({ id: 'orcid', placeholder: 'https://orcid.org/...', pattern: "https://orcid\\.org/\\d{4}-\\d{4}-\\d{4}-\\d{4}", title: "Please enter a valid ORCID URL format: https://orcid.org/xxxx-xxxx-xxxx-xxxx" }, props.field)))))),
                 react_1.default.createElement(formik_1.Field, { name: "affiliations", type: "hidden" }, (props) => {
                     return (react_1.default.createElement(style_guide_1.TextField, Object.assign({ type: "hidden" }, props.field, { value: selectedAffiliations || [] })));
                 }))));

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

@@ -165,6 +165,7 @@ const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, author,
     const [selectedAffiliations, setSelectedAffiliations] = (0, react_1.useState)([]);
     const valuesRef = (0, react_1.useRef)();
     const actionsRef = (0, react_1.useRef)();
+    const authorFormRef = (0, react_1.useRef)(null);
     const [authors, dispatchAuthors] = (0, react_1.useReducer)(exports.authorsReducer, $authors.sort(authors_1.authorComparator));
     const [affiliations] = (0, react_1.useReducer)(exports.affiliationsReducer, $affiliations);
     const affiliationItems = affiliations.map((affiliation) => ({
@@ -237,22 +238,32 @@ const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, author,
         }
     };
     const handleSave = () => {
-        if (valuesRef.current && selection) {
-            handleSaveAuthor(valuesRef.current);
-        }
-        if (nextAuthor) {
-            setSelection(nextAuthor);
-            setNextAuthor(null);
-            setNewAuthor(false);
-            setShowAffiliationDrawer(false);
-            updateAffiliationSelection(nextAuthor);
-            setIsCreatingNewAuthor(false);
+        var _a;
+        if (!((_a = authorFormRef.current) === null || _a === void 0 ? void 0 : _a.checkValidity())) {
+            setShowConfirmationDialog(false);
+            setTimeout(() => {
+                var _a;
+                (_a = authorFormRef.current) === null || _a === void 0 ? void 0 : _a.reportValidity();
+            }, 830);
         }
-        else if (isCreatingNewAuthor) {
-            createNewAuthor();
-            setIsCreatingNewAuthor(false);
+        else {
+            if (valuesRef.current && selection) {
+                handleSaveAuthor(valuesRef.current);
+            }
+            if (nextAuthor) {
+                setSelection(nextAuthor);
+                setNextAuthor(null);
+                setNewAuthor(false);
+                setShowAffiliationDrawer(false);
+                updateAffiliationSelection(nextAuthor);
+                setIsCreatingNewAuthor(false);
+            }
+            else if (isCreatingNewAuthor) {
+                createNewAuthor();
+                setIsCreatingNewAuthor(false);
+            }
+            setShowConfirmationDialog(false);
         }
-        setShowConfirmationDialog(false);
     };
     const handleCancel = () => {
         handleResetAuthor();
@@ -455,12 +466,12 @@ const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, author,
                 react_1.default.createElement(style_guide_1.ScrollableModalContent, { "data-cy": "author-modal-content" }, selection ? (react_1.default.createElement(AuthorForms, null,
                     react_1.default.createElement(ConfirmationDialog_1.ConfirmationDialog, { isOpen: showRequiredFieldConfirmationDialog, onPrimary: () => setShowRequiredFieldConfirmationDialog(false), onSecondary: handleCancel, type: ConfirmationDialog_1.DialogType.REQUIRED, entityType: "author" }),
                     react_1.default.createElement(ConfirmationDialog_1.ConfirmationDialog, { isOpen: showConfirmationDialog, onPrimary: handleSave, onSecondary: handleCancel, type: ConfirmationDialog_1.DialogType.SAVE, entityType: "author" }),
-                    react_1.default.createElement(ModalFormActions_1.ModalFormActions, { type: "author", onSave: () => handleSaveAuthor(valuesRef.current), onDelete: handleDeleteAuthor, showDeleteDialog: showDeleteDialog, handleShowDeleteDialog: handleShowDeleteDialog, newEntity: newAuthor ||
+                    react_1.default.createElement(ModalFormActions_1.ModalFormActions, { form: 'author-details-form', type: "author", onDelete: handleDeleteAuthor, showDeleteDialog: showDeleteDialog, handleShowDeleteDialog: handleShowDeleteDialog, newEntity: newAuthor ||
                             (isCreatingNewAuthor &&
                                 !showConfirmationDialog &&
                                 !showRequiredFieldConfirmationDialog), isDisableSave: isDisableSave }),
                     react_1.default.createElement(FormLabel, null, "Details"),
-                    react_1.default.createElement(AuthorDetailsForm_1.AuthorDetailsForm, { values: normalize(selection), onChange: handleChangeAuthor, onSave: handleSaveAuthor, actionsRef: actionsRef, isEmailRequired: isEmailRequired, selectedAffiliations: selectedAffiliationIds }),
+                    react_1.default.createElement(AuthorDetailsForm_1.AuthorDetailsForm, { values: normalize(selection), onChange: handleChangeAuthor, onSave: handleSaveAuthor, actionsRef: actionsRef, isEmailRequired: isEmailRequired, selectedAffiliations: selectedAffiliationIds, authorFormRef: authorFormRef }),
                     react_1.default.createElement(AuthorsSection, null,
                         react_1.default.createElement(AuthorsHeader, null,
                             react_1.default.createElement(AuthorsTitle, null, "Authors"),

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

@@ -64,7 +64,9 @@ const AuthorContainer = styled_components_1.default.div `
     background: ${(props) => props.theme.colors.background.fifth};
     border-color: ${(props) => props.theme.colors.border.primary};
   }
-
+  &.active {
+    pointer-events: none;
+  }
   &.dragging {
     opacity: 1;
     cursor: grabbing;

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

@@ -32,14 +32,14 @@ const StyledIconButton = (0, styled_components_1.default)(style_guide_1.IconButt
     margin-right: 4px;
   }
 `;
-const ModalFormActions = ({ type, onSave, onDelete, showDeleteDialog, handleShowDeleteDialog, newEntity, isDisableSave, }) => {
+const ModalFormActions = ({ type, form, onDelete, showDeleteDialog, handleShowDeleteDialog, newEntity, isDisableSave, }) => {
     return (react_1.default.createElement(ActionsContainer, { "data-cy": `${type}-action` },
         react_1.default.createElement(ConfirmationDialog_1.ConfirmationDialog, { isOpen: showDeleteDialog, onPrimary: () => {
                 onDelete();
                 handleShowDeleteDialog();
             }, onSecondary: handleShowDeleteDialog, type: ConfirmationDialog_1.DialogType.DELETE, entityType: type }),
         react_1.default.createElement(StyledButtonGroup, null,
-            react_1.default.createElement(StyledIconButton, { onClick: onSave, disabled: isDisableSave, type: "submit" },
+            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'))));
 };

package/dist/cjs/components/outline/DraggableTree.js

@@ -45,7 +45,6 @@ const excludedTypes = [
     transform_1.schema.nodes.author_notes,
     transform_1.schema.nodes.title,
     transform_1.schema.nodes.image_element,
-    transform_1.schema.nodes.embed,
 ];
 const childrenExcludedTypes = [
     transform_1.schema.nodes.pullquote_element,

package/dist/cjs/configs/editor-views.js

@@ -70,7 +70,6 @@ exports.default = (props, dispatch) => {
         equation_element: (0, equation_element_editable_1.default)(props),
         figure: (0, figure_editable_1.default)(props, dispatch),
         figure_element: (0, figure_element_editable_1.default)(props, dispatch),
-        image_element: (0, figure_element_editable_1.default)(props, dispatch),
         footnote: (0, footnote_1.default)(props),
         footnotes_element: (0, footnotes_element_1.default)(props),
         general_table_footnote: (0, general_table_footnote_1.default)(props, dispatch),

package/dist/cjs/lib/files.js

@@ -52,9 +52,7 @@ const groupFiles = (doc, files) => {
         figures.push(getFigureElementFiles(element.node, element.pos));
     }
     doc.descendants((node, pos) => {
-        if ((node.type === transform_1.schema.nodes.figure_element ||
-            node.type === transform_1.schema.nodes.image_element) &&
-            node.attrs.id !== gaID) {
+        if (node.type === transform_1.schema.nodes.figure_element && node.attrs.id !== gaID) {
             figures.push(getFigureElementFiles(node, pos));
         }
         if (node.type === transform_1.schema.nodes.supplement) {

package/dist/cjs/menus.js

@@ -199,12 +199,6 @@ const getEditorMenus = (editor) => {
                 isEnabled: isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.figure_element)),
                 run: doCommand((0, commands_1.insertBlock)(transform_1.schema.nodes.figure_element)),
             },
-            {
-                id: 'insert-image-element',
-                label: 'Simple Image',
-                isEnabled: isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.image_element)),
-                run: doCommand((0, commands_1.insertBlock)(transform_1.schema.nodes.image_element)),
-            },
             {
                 id: 'insert-table-element',
                 label: 'Table',

package/dist/cjs/node-type-icons.js

@@ -23,7 +23,6 @@ const style_guide_1 = require("@manuscripts/style-guide");
 const transform_1 = require("@manuscripts/transform");
 const react_1 = __importDefault(require("react"));
 const { nodes } = transform_1.schema;
-const OutlineImageIcon = () => (react_1.default.createElement(style_guide_1.FileImageIcon, { width: "11", height: "14" }));
 const icons = new Map([
     [nodes.manuscript, style_guide_1.OutlineManuscriptIcon],
     [nodes.bibliography_section, style_guide_1.OutlineSectionIcon],
@@ -37,7 +36,6 @@ const icons = new Map([
     [nodes.table_element, style_guide_1.OutlineTableIcon],
     [nodes.graphical_abstract_section, style_guide_1.OutlineSectionIcon],
     [nodes.footnotes_section, style_guide_1.OutlineSectionIcon],
-    [nodes.image_element, OutlineImageIcon],
 ]);
 const nodeTypeIcon = (nodeType, listType) => {
     if (nodeType === transform_1.schema.nodes.list) {

package/dist/cjs/plugins/objects.js

@@ -46,21 +46,15 @@ exports.default = () => {
                             if (target && !isInGraphicalAbstract) {
                                 const labelNode = document.createElement('span');
                                 labelNode.className = 'figure-label';
-                                if (node.type.name === 'image_element') {
-                                    labelNode.textContent = target.label;
-                                    decorations.push(prosemirror_view_1.Decoration.widget(pos + node.nodeSize - 1, labelNode));
-                                }
-                                else {
-                                    labelNode.textContent = target.label + ':';
-                                    node.forEach((child, offset) => {
-                                        if (child.type.name === 'figcaption') {
-                                            decorations.push(prosemirror_view_1.Decoration.widget(pos + 1 + offset + 1, labelNode, {
-                                                side: -1,
-                                                key: `figure-label-${id}-${target.label}`,
-                                            }));
-                                        }
-                                    });
-                                }
+                                labelNode.textContent = target.label + ':';
+                                node.forEach((child, offset) => {
+                                    if (child.type.name === 'figcaption') {
+                                        decorations.push(prosemirror_view_1.Decoration.widget(pos + 1 + offset + 1, labelNode, {
+                                            side: -1,
+                                            key: `figure-label-${id}-${target.label}`,
+                                        }));
+                                    }
+                                });
                             }
                         }
                     });

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 = '2.7.17-LEAN-4231.0';
+exports.VERSION = '2.7.18';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/es/commands.js

@@ -135,9 +135,6 @@ export const createBlock = (nodeType, position, state, dispatch, attrs) => {
         case state.schema.nodes.figure_element:
             node = createAndFillFigureElement(state);
             break;
-        case state.schema.nodes.image_element:
-            node = createImageElement(state);
-            break;
         case state.schema.nodes.listing_element:
             node = state.schema.nodes.listing_element.create({}, [
                 state.schema.nodes.listing.create(),
@@ -944,9 +941,6 @@ const createAndFillFigcaptionElement = (state) => state.schema.nodes.figcaption.
     state.schema.nodes.caption_title.create(),
     state.schema.nodes.caption.create(),
 ]);
-const createImageElement = (state) => state.schema.nodes.image_element.create({}, [
-    state.schema.nodes.figure.create(),
-]);
 const getParentNode = (selection) => {
     var _a;
     const parentNode = findParentNodeWithId(selection);

package/dist/es/components/ChangeHandlingForm.js

@@ -7,7 +7,7 @@ export const ChangeHandlingForm = (props) => {
         var _a;
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, values);
     }, [props.onChange, values]);
-    return React.createElement(FlexForm, null, props.children);
+    return (React.createElement(FlexForm, { id: props.id, ref: props.formRef }, props.children));
 };
 export const FlexForm = styled(Form) `
   height: 100%;

package/dist/es/components/affiliations/AffiliationForm.js

@@ -58,7 +58,7 @@ export const AffiliationForm = ({ values, onSave, onChange, actionsRef, }) => {
         };
     }
     const formRef = useRef(null);
-    return (React.createElement(Formik, { initialValues: values, onSubmit: onSave, innerRef: formRef, enableReinitialize: true }, () => (React.createElement(ChangeHandlingForm, { onChange: onChange },
+    return (React.createElement(Formik, { initialValues: values, onSubmit: onSave, innerRef: formRef, enableReinitialize: true }, () => (React.createElement(ChangeHandlingForm, { onChange: onChange, id: "affiliation-form" },
         React.createElement(FormLabel, null, "Institution*"),
         React.createElement(Row, null,
             React.createElement(Field, { name: "institution" }, (props) => (React.createElement(AffiliationsTextField, Object.assign({ id: "institution", placeholder: "Institution Name" }, props.field))))),

package/dist/es/components/affiliations/AffiliationsModal.js

@@ -368,8 +368,8 @@ export const AffiliationsModal = ({ authors: $authors, affiliations: $affiliatio
                             React.createElement(ActionTitle, null, "New Affiliation")),
                         React.createElement(AffiliationList, { affiliation: selection, affiliations: affiliations, onSelect: handleSelect, onDelete: handleShowDeleteDialog, lastSavedAffiliationId: savedAffiliationId }))),
                 React.createElement(ScrollableModalContent, { "data-cy": "affiliations-modal-content" }, selection ? (React.createElement(AffiliationForms, null,
-                    React.createElement(ModalFormActions, { type: 'affiliation', onSave: () => handleSaveAffiliation(valuesRef.current), onDelete: handleDeleteAffiliation, showDeleteDialog: showDeleteDialog, handleShowDeleteDialog: handleShowDeleteDialog, newEntity: newAffiliation, isDisableSave: isDisableSave }),
-                    React.createElement(AffiliationForm, { values: normalize(selection), onSave: handleSaveAffiliation, onChange: handleAffiliationChange, actionsRef: actionsRef }),
+                    React.createElement(ModalFormActions, { type: 'affiliation', form: 'affiliation-form', onDelete: handleDeleteAffiliation, showDeleteDialog: showDeleteDialog, handleShowDeleteDialog: handleShowDeleteDialog, newEntity: newAffiliation, isDisableSave: isDisableSave }),
+                    React.createElement(AffiliationForm, { values: normalize(selection), onSave: () => handleSaveAffiliation(valuesRef.current), onChange: handleAffiliationChange, actionsRef: actionsRef }),
                     React.createElement(ConfirmationDialog, { isOpen: showRequiredFieldConfirmationDialog, onPrimary: () => setShowRequiredFieldConfirmationDialog(false), onSecondary: handleConfirmationCancel, type: DialogType.REQUIRED, entityType: "affiliation" }),
                     React.createElement(ConfirmationDialog, { isOpen: showConfirmationDialog, onPrimary: handleConfirmationSave, onSecondary: handleConfirmationCancel, type: DialogType.SAVE, entityType: "affiliation" }),
                     React.createElement(AuthorsSection, null,

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

@@ -46,7 +46,7 @@ const CheckboxContainer = styled.div `
   align-items: center;
   gap: 32px;
 `;
-export const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmailRequired, selectedAffiliations, }) => {
+export const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmailRequired, selectedAffiliations, authorFormRef, }) => {
     const formRef = useRef(null);
     useEffect(() => {
         if (selectedAffiliations && formRef.current) {
@@ -63,7 +63,7 @@ export const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmai
     }
     return (React.createElement(Formik, { initialValues: values, onSubmit: onSave, enableReinitialize: true, validateOnChange: true, innerRef: formRef }, (formik) => {
         const isAuthor = formik.values.role === 'author';
-        return (React.createElement(ChangeHandlingForm, { onChange: onChange },
+        return (React.createElement(ChangeHandlingForm, { onChange: onChange, id: "author-details-form", formRef: authorFormRef },
             React.createElement(Fieldset, null,
                 React.createElement(TextFieldGroupContainer, null,
                     React.createElement(Field, { name: 'bibliographicName.given' }, (props) => (React.createElement(TextField, Object.assign({ id: 'given-name', placeholder: 'Given name' }, props.field)))),
@@ -72,7 +72,7 @@ export const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmai
                     const placeholder = isEmailRequired
                         ? '*Email address (required)'
                         : 'Email address';
-                    return (React.createElement(TextFieldWithError, Object.assign({ required: isEmailRequired, id: 'email', placeholder: placeholder }, props.field)));
+                    return (React.createElement(TextFieldWithError, Object.assign({ id: 'email', type: "email", required: isEmailRequired, placeholder: placeholder }, props.field)));
                 }),
                 React.createElement(CheckboxContainer, null,
                     React.createElement(CheckboxLabel, { disabled: !isAuthor },
@@ -86,7 +86,7 @@ export const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmai
                 React.createElement(OrcidContainer, null,
                     React.createElement(TextFieldLabel, null,
                         React.createElement(LabelText, null, "ORCID"),
-                        React.createElement(Field, { name: 'ORCIDIdentifier', type: 'text' }, (props) => (React.createElement(TextField, Object.assign({ id: 'orcid', placeholder: 'https://orcid.org/...' }, props.field)))))),
+                        React.createElement(Field, { name: 'ORCIDIdentifier', type: 'text' }, (props) => (React.createElement(TextField, Object.assign({ id: 'orcid', placeholder: 'https://orcid.org/...', pattern: "https://orcid\\.org/\\d{4}-\\d{4}-\\d{4}-\\d{4}", title: "Please enter a valid ORCID URL format: https://orcid.org/xxxx-xxxx-xxxx-xxxx" }, props.field)))))),
                 React.createElement(Field, { name: "affiliations", type: "hidden" }, (props) => {
                     return (React.createElement(TextField, Object.assign({ type: "hidden" }, props.field, { value: selectedAffiliations || [] })));
                 }))));

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

@@ -136,6 +136,7 @@ export const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, a
     const [selectedAffiliations, setSelectedAffiliations] = useState([]);
     const valuesRef = useRef();
     const actionsRef = useRef();
+    const authorFormRef = useRef(null);
     const [authors, dispatchAuthors] = useReducer(authorsReducer, $authors.sort(authorComparator));
     const [affiliations] = useReducer(affiliationsReducer, $affiliations);
     const affiliationItems = affiliations.map((affiliation) => ({
@@ -208,22 +209,32 @@ export const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, a
         }
     };
     const handleSave = () => {
-        if (valuesRef.current && selection) {
-            handleSaveAuthor(valuesRef.current);
-        }
-        if (nextAuthor) {
-            setSelection(nextAuthor);
-            setNextAuthor(null);
-            setNewAuthor(false);
-            setShowAffiliationDrawer(false);
-            updateAffiliationSelection(nextAuthor);
-            setIsCreatingNewAuthor(false);
+        var _a;
+        if (!((_a = authorFormRef.current) === null || _a === void 0 ? void 0 : _a.checkValidity())) {
+            setShowConfirmationDialog(false);
+            setTimeout(() => {
+                var _a;
+                (_a = authorFormRef.current) === null || _a === void 0 ? void 0 : _a.reportValidity();
+            }, 830);
         }
-        else if (isCreatingNewAuthor) {
-            createNewAuthor();
-            setIsCreatingNewAuthor(false);
+        else {
+            if (valuesRef.current && selection) {
+                handleSaveAuthor(valuesRef.current);
+            }
+            if (nextAuthor) {
+                setSelection(nextAuthor);
+                setNextAuthor(null);
+                setNewAuthor(false);
+                setShowAffiliationDrawer(false);
+                updateAffiliationSelection(nextAuthor);
+                setIsCreatingNewAuthor(false);
+            }
+            else if (isCreatingNewAuthor) {
+                createNewAuthor();
+                setIsCreatingNewAuthor(false);
+            }
+            setShowConfirmationDialog(false);
         }
-        setShowConfirmationDialog(false);
     };
     const handleCancel = () => {
         handleResetAuthor();
@@ -426,12 +437,12 @@ export const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, a
                 React.createElement(ScrollableModalContent, { "data-cy": "author-modal-content" }, selection ? (React.createElement(AuthorForms, null,
                     React.createElement(ConfirmationDialog, { isOpen: showRequiredFieldConfirmationDialog, onPrimary: () => setShowRequiredFieldConfirmationDialog(false), onSecondary: handleCancel, type: DialogType.REQUIRED, entityType: "author" }),
                     React.createElement(ConfirmationDialog, { isOpen: showConfirmationDialog, onPrimary: handleSave, onSecondary: handleCancel, type: DialogType.SAVE, entityType: "author" }),
-                    React.createElement(ModalFormActions, { type: "author", onSave: () => handleSaveAuthor(valuesRef.current), onDelete: handleDeleteAuthor, showDeleteDialog: showDeleteDialog, handleShowDeleteDialog: handleShowDeleteDialog, newEntity: newAuthor ||
+                    React.createElement(ModalFormActions, { form: 'author-details-form', type: "author", onDelete: handleDeleteAuthor, showDeleteDialog: showDeleteDialog, handleShowDeleteDialog: handleShowDeleteDialog, newEntity: newAuthor ||
                             (isCreatingNewAuthor &&
                                 !showConfirmationDialog &&
                                 !showRequiredFieldConfirmationDialog), isDisableSave: isDisableSave }),
                     React.createElement(FormLabel, null, "Details"),
-                    React.createElement(AuthorDetailsForm, { values: normalize(selection), onChange: handleChangeAuthor, onSave: handleSaveAuthor, actionsRef: actionsRef, isEmailRequired: isEmailRequired, selectedAffiliations: selectedAffiliationIds }),
+                    React.createElement(AuthorDetailsForm, { values: normalize(selection), onChange: handleChangeAuthor, onSave: handleSaveAuthor, actionsRef: actionsRef, isEmailRequired: isEmailRequired, selectedAffiliations: selectedAffiliationIds, authorFormRef: authorFormRef }),
                     React.createElement(AuthorsSection, null,
                         React.createElement(AuthorsHeader, null,
                             React.createElement(AuthorsTitle, null, "Authors"),

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

@@ -35,7 +35,9 @@ const AuthorContainer = styled.div `
     background: ${(props) => props.theme.colors.background.fifth};
     border-color: ${(props) => props.theme.colors.border.primary};
   }
-
+  &.active {
+    pointer-events: none;
+  }
   &.dragging {
     opacity: 1;
     cursor: grabbing;

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

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

package/dist/es/components/outline/DraggableTree.js

@@ -19,7 +19,6 @@ const excludedTypes = [
     schema.nodes.author_notes,
     schema.nodes.title,
     schema.nodes.image_element,
-    schema.nodes.embed,
 ];
 const childrenExcludedTypes = [
     schema.nodes.pullquote_element,

package/dist/es/configs/editor-views.js

@@ -65,7 +65,6 @@ export default (props, dispatch) => {
         equation_element: equationElement(props),
         figure: figure(props, dispatch),
         figure_element: figureElement(props, dispatch),
-        image_element: figureElement(props, dispatch),
         footnote: footnote(props),
         footnotes_element: footnotesElement(props),
         general_table_footnote: generalTableFootnote(props, dispatch),

package/dist/es/lib/files.js

@@ -49,9 +49,7 @@ export const groupFiles = (doc, files) => {
         figures.push(getFigureElementFiles(element.node, element.pos));
     }
     doc.descendants((node, pos) => {
-        if ((node.type === schema.nodes.figure_element ||
-            node.type === schema.nodes.image_element) &&
-            node.attrs.id !== gaID) {
+        if (node.type === schema.nodes.figure_element && node.attrs.id !== gaID) {
             figures.push(getFigureElementFiles(node, pos));
         }
         if (node.type === schema.nodes.supplement) {

package/dist/es/menus.js

@@ -196,12 +196,6 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isCommandValid(canInsert(schema.nodes.figure_element)),
                 run: doCommand(insertBlock(schema.nodes.figure_element)),
             },
-            {
-                id: 'insert-image-element',
-                label: 'Simple Image',
-                isEnabled: isCommandValid(canInsert(schema.nodes.image_element)),
-                run: doCommand(insertBlock(schema.nodes.image_element)),
-            },
             {
                 id: 'insert-table-element',
                 label: 'Table',

package/dist/es/node-type-icons.js

@@ -13,11 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { FileImageIcon, OutlineBlockQuoteIcon, OutlineEmbedIcon, OutlineEquationIcon, OutlineFigureIcon, OutlineManuscriptIcon, OutlineOrderedListIcon, OutlineParagraphIcon, OutlinePullQuoteIcon, OutlineSectionIcon, OutlineTableIcon, OutlineUnorderedListIcon, } from '@manuscripts/style-guide';
+import { OutlineBlockQuoteIcon, OutlineEmbedIcon, OutlineEquationIcon, OutlineFigureIcon, OutlineManuscriptIcon, OutlineOrderedListIcon, OutlineParagraphIcon, OutlinePullQuoteIcon, OutlineSectionIcon, OutlineTableIcon, OutlineUnorderedListIcon, } from '@manuscripts/style-guide';
 import { schema } from '@manuscripts/transform';
 import React from 'react';
 const { nodes } = schema;
-const OutlineImageIcon = () => (React.createElement(FileImageIcon, { width: "11", height: "14" }));
 const icons = new Map([
     [nodes.manuscript, OutlineManuscriptIcon],
     [nodes.bibliography_section, OutlineSectionIcon],
@@ -31,7 +30,6 @@ const icons = new Map([
     [nodes.table_element, OutlineTableIcon],
     [nodes.graphical_abstract_section, OutlineSectionIcon],
     [nodes.footnotes_section, OutlineSectionIcon],
-    [nodes.image_element, OutlineImageIcon],
 ]);
 export const nodeTypeIcon = (nodeType, listType) => {
     if (nodeType === schema.nodes.list) {

package/dist/es/plugins/objects.js

@@ -43,21 +43,15 @@ export default () => {
                             if (target && !isInGraphicalAbstract) {
                                 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.nodeSize - 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.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}`,
+                                        }));
+                                    }
+                                });
                             }
                         }
                     });

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.7.17-LEAN-4231.0';
+export const VERSION = '2.7.18';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/components/ChangeHandlingForm.d.ts

@@ -1,6 +1,8 @@
-import React, { PropsWithChildren } from 'react';
+import React, { MutableRefObject, PropsWithChildren } from 'react';
 export interface ChangeHandlingFormProps<Values> {
     onChange: (values: Values) => void;
+    id?: string;
+    formRef?: MutableRefObject<HTMLFormElement | null>;
 }
 export declare const ChangeHandlingForm: <Values>(props: React.PropsWithChildren<ChangeHandlingFormProps<Values>>) => React.JSX.Element;
 export declare const FlexForm: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & React.RefAttributes<HTMLFormElement>>, any, {}, never>;

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

@@ -24,6 +24,7 @@ interface AuthorDetailsFormProps {
     values: ContributorAttrs;
     onChange: (values: ContributorAttrs) => void;
     onSave: (values: ContributorAttrs) => void;
+    authorFormRef?: MutableRefObject<HTMLFormElement | null>;
     actionsRef?: MutableRefObject<FormActions | undefined>;
     isEmailRequired?: boolean;
     selectedAffiliations?: string[];

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

@@ -1,7 +1,7 @@
 import React from 'react';
 export interface FormActionsProps {
     type: string;
-    onSave: () => void;
+    form: string;
     onDelete: () => void;
     showDeleteDialog: boolean;
     handleShowDeleteDialog: () => void;

package/dist/types/configs/editor-views.d.ts

@@ -104,32 +104,6 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         deselectNode(): void;
         destroy(): void;
     } & import("../views/figure_element").FigureElementView>;
-    image_element: import("../types").NodeViewCreator<{
-        gutterButtons(): HTMLElement[];
-        actionGutterButtons(): never[];
-        createAddButton(): HTMLAnchorElement | null;
-        createEditButton(): HTMLElement | null;
-        createMenu: () => import("../lib/context-menu").ContextMenu;
-        initialise(): void;
-        updateContents(): void;
-        handleTrackChanges(): void;
-        updateClasses(): void;
-        updatePlaceholder(): void;
-        createElement(): void;
-        createDOM(): void;
-        createGutter(className: string, buttons: HTMLElement[]): void;
-        dom: HTMLElement;
-        contentDOM?: HTMLElement | undefined;
-        elementType: string;
-        readonly props: EditorProps;
-        node: import("prosemirror-model").Node;
-        readonly view: import("prosemirror-view").EditorView;
-        readonly getPos: () => number;
-        update(newNode: import("prosemirror-model").Node): boolean;
-        selectNode(): void;
-        deselectNode(): void;
-        destroy(): void;
-    } & import("../views/figure_element").FigureElementView>;
     footnote: import("../types").NodeViewCreator<import("../views/footnote").FootnoteView>;
     footnotes_element: import("../types").NodeViewCreator<import("../views/footnotes_element").FootnotesElementView>;
     general_table_footnote: import("../types").NodeViewCreator<import("../views/general_table_footnote").GeneralTableFootnoteView>;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.7.17-LEAN-4231.0";
+export declare const VERSION = "2.7.18";
 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": "2.7.17-LEAN-4231.0",
+  "version": "2.7.18",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -34,7 +34,7 @@
     "@manuscripts/library": "1.3.11",
     "@manuscripts/style-guide": "2.0.32",
     "@manuscripts/track-changes-plugin": "1.9.2",
-    "@manuscripts/transform": "3.0.37-LEAN-4231.0",
+    "@manuscripts/transform": "3.0.36",
     "@popperjs/core": "^2.11.8",
     "astrocite-eutils": "^0.16.4",
     "codemirror": "^5.58.1",

package/styles/Editor.css

@@ -352,12 +352,6 @@
   white-space: nowrap;
 }
 
-.block-image_element .figure-label {
-  text-align: center;
-  grid-column-start: 1;
-  grid-column-end: -1;
-}
-
 .ProseMirror .executable-container {
   width: 100%;
   position: relative;