@manuscripts/body-editor 3.0.3 → 3.1.0

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

@@ -27,109 +27,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AffiliationsModal = void 0;
-const json_schema_1 = require("@manuscripts/json-schema");
 const style_guide_1 = require("@manuscripts/style-guide");
+const transform_1 = require("@manuscripts/transform");
 const lodash_1 = require("lodash");
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const authors_1 = require("../../lib/authors");
+const normalize_1 = require("../../lib/normalize");
 const AuthorsModal_1 = require("../authors/AuthorsModal");
+const useManageAffiliations_1 = require("../authors/useManageAffiliations");
 const ConfirmationDialog_1 = require("../dialog/ConfirmationDialog");
 const FormFooter_1 = __importDefault(require("../form/FormFooter"));
 const FormPlaceholder_1 = require("../form/FormPlaceholder");
 const ModalFormActions_1 = require("../form/ModalFormActions");
+const GenericDrawer_1 = require("../modal-drawer/GenericDrawer");
+const GenericDrawerGroup_1 = require("../modal-drawer/GenericDrawerGroup");
 const AffiliationForm_1 = require("./AffiliationForm");
 const AffiliationList_1 = require("./AffiliationList");
-const StyledSidebarContent = (0, styled_components_1.default)(style_guide_1.SidebarContent) `
-  padding: 0;
-`;
-const AddAffiliationButton = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  padding: 12px 8px 12px 12px;
-  cursor: pointer;
-  &[data-active='true'] {
-    background: ${(props) => props.theme.colors.background.fifth};
-    border: 1px solid ${(props) => props.theme.colors.border.primary};
-    border-left: 0;
-    border-right: 0;
-  }
-`;
-const ActionTitle = styled_components_1.default.div `
-  padding-left: ${(props) => props.theme.grid.unit * 2}px;
-`;
-const AffiliationForms = styled_components_1.default.div `
-  padding-left: ${(props) => props.theme.grid.unit * 3}px;
-  padding-right: ${(props) => props.theme.grid.unit * 3}px;
-  position: relative;
-  margin-top: 20px;
-`;
-const AuthorsSection = styled_components_1.default.div `
-  margin-top: ${(props) => props.theme.grid.unit * 4}px;
-  padding-top: ${(props) => props.theme.grid.unit * 4}px;
-  border-top: 1px solid ${(props) => props.theme.colors.border.tertiary};
-`;
-const AuthorsHeader = styled_components_1.default.div `
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  flex-direction: column;
-  margin-bottom: ${(props) => props.theme.grid.unit * 2}px;
-`;
-const AuthorsTitle = styled_components_1.default.h3 `
-  margin: 0;
-  font-weight: ${(props) => props.theme.font.weight.normal};
-  font-size: ${(props) => props.theme.font.size.large};
-  font-family: ${(props) => props.theme.font.family.sans};
-  color: ${(props) => props.theme.colors.text.secondary};
-`;
-const AffiliateButton = styled_components_1.default.button `
-  color: ${(props) => props.theme.colors.brand.default};
-  background: none;
-  border: none;
-  cursor: pointer;
-  padding: 0;
-  font: ${(props) => props.theme.font.weight.normal}
-    ${(props) => props.theme.font.size.normal}
-    ${(props) => props.theme.font.family.sans};
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  margin-top: ${(props) => props.theme.grid.unit * 2}px;
-  &:hover {
-    opacity: 0.8;
-  }
-`;
-const StyledModalBody = (0, styled_components_1.default)(style_guide_1.ModalBody) `
-  position: relative;
-  height: calc(90vh - 40px);
-`;
-const StyledModalSidebarHeader = (0, styled_components_1.default)(style_guide_1.ModalSidebarHeader) `
-  margin-top: 8px;
-  margin-bottom: 16px;
-`;
-const normalize = (affiliation) => ({
-    id: affiliation.id || (0, json_schema_1.generateID)(json_schema_1.ObjectTypes.Affiliation),
-    institution: affiliation.institution,
-    department: affiliation.department,
-    addressLine1: affiliation.addressLine1,
-    addressLine2: affiliation.addressLine2,
-    addressLine3: affiliation.addressLine3,
-    postCode: affiliation.postCode,
-    country: affiliation.country,
-    county: affiliation.county,
-    city: affiliation.city,
-    email: affiliation.email,
-    priority: affiliation.priority,
-});
+function makeAuthorItems(authors) {
+    return authors.map((author) => ({
+        id: author.id,
+        label: `${author.bibliographicName.given} ${author.bibliographicName.family}`,
+    }));
+}
 const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, affiliation, onSaveAffiliation, onDeleteAffiliation, onUpdateAuthors, addNewAffiliation = false, }) => {
     const [isOpen, setIsOpen] = (0, react_1.useState)(true);
     const [selection, setSelection] = (0, react_1.useState)(affiliation);
-    const [showDeleteDialog, setShowDeleteDialog] = (0, react_1.useState)(false);
+    const [showingDeleteDialog, setShowDeleteDialog] = (0, react_1.useState)(false);
     const valuesRef = (0, react_1.useRef)();
     const actionsRef = (0, react_1.useRef)();
     const [authors, dispatchAuthors] = (0, react_1.useReducer)(AuthorsModal_1.authorsReducer, $authors.sort(authors_1.authorComparator));
-    const [affiliations, dispatchAffiliations] = (0, react_1.useReducer)(AuthorsModal_1.affiliationsReducer, $affiliations);
+    const [affiliations, dispatchAffiliations] = (0, react_1.useReducer)(useManageAffiliations_1.affiliationsReducer, $affiliations);
     const [isDisableSave, setIsDisableSave] = (0, react_1.useState)(true);
     const [newAffiliation, setNewAffiliation] = (0, react_1.useState)(false);
     const [showRequiredFieldConfirmationDialog, setShowRequiredFieldConfirmationDialog,] = (0, react_1.useState)(false);
@@ -157,7 +85,7 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
     }, []);
     const handleClose = () => {
         const values = valuesRef.current;
-        const hasAffiliationChanges = selection && !(0, lodash_1.isEqual)(values, normalize(selection));
+        const hasAffiliationChanges = selection && !(0, lodash_1.isEqual)(values, (0, normalize_1.checkID)(selection, 'affiliation'));
         const originalAuthors = selection
             ? affiliationAuthorMap.get(selection.id) ?? []
             : [];
@@ -179,7 +107,7 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
     };
     const handleSelect = (affiliation) => {
         const values = valuesRef.current;
-        const hasAffiliationChanges = selection && !(0, lodash_1.isEqual)(values, normalize(selection));
+        const hasAffiliationChanges = selection && !(0, lodash_1.isEqual)(values, (0, normalize_1.checkID)(selection, 'affiliation'));
         const originalAuthors = selection
             ? affiliationAuthorMap.get(selection.id) ?? []
             : [];
@@ -217,7 +145,7 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
         }
         setIsDisableSave(true);
         const affiliation = {
-            ...normalize(selection),
+            ...(0, normalize_1.checkID)(selection, 'affiliation'),
             ...values,
         };
         onSaveAffiliation(affiliation);
@@ -264,7 +192,8 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
             return;
         }
         const isInstitutionEmpty = !values.institution?.trim();
-        const hasAffiliationChanges = selection && !(0, lodash_1.isEqual)(normalize(values), normalize(selection));
+        const hasAffiliationChanges = selection &&
+            !(0, lodash_1.isEqual)((0, normalize_1.checkID)(values, 'affiliation'), (0, normalize_1.checkID)(selection, 'affiliation'));
         const originalAuthors = affiliationAuthorMap.get(selection.id) ?? [];
         const hasAuthorChanges = selection && !(0, lodash_1.isEqual)(originalAuthors.sort(), selectedAuthorIds.sort());
         const shouldEnableSave = !isInstitutionEmpty && (hasAffiliationChanges || hasAuthorChanges);
@@ -294,7 +223,7 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
         setSelectedAuthorIds([]);
         setSelection(undefined);
     };
-    const handleAuthorSelect = (authorId) => {
+    const selectAuthor = (authorId) => {
         if (!selection) {
             return;
         }
@@ -302,17 +231,13 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
             ? selectedAuthorIds.filter((id) => id !== authorId)
             : [...selectedAuthorIds, authorId];
         setSelectedAuthorIds(newSelectedAuthorIds);
-        const hasAffiliationChanges = !(0, lodash_1.isEqual)(valuesRef.current, normalize(selection));
+        const hasAffiliationChanges = !(0, lodash_1.isEqual)(valuesRef.current, (0, normalize_1.checkID)(selection, 'affiliation'));
         const originalAuthors = affiliationAuthorMap.get(selection.id) ?? [];
         const hasAuthorChanges = !(0, lodash_1.isEqual)(originalAuthors.sort(), newSelectedAuthorIds.sort());
         const isInstitutionEmpty = !valuesRef.current?.institution?.trim();
         const shouldEnableSave = !isInstitutionEmpty && (hasAffiliationChanges || hasAuthorChanges);
         setIsDisableSave(!shouldEnableSave);
     };
-    const authorItems = authors.map((author) => ({
-        id: author.id,
-        label: `${author.bibliographicName.given} ${author.bibliographicName.family}`,
-    }));
     const selectedAuthors = selectedAuthorIds
         .map((authorId) => {
         const author = authors.find((a) => a.id === authorId);
@@ -328,23 +253,7 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
         const values = valuesRef.current;
         const hasChanges = !isDisableSave;
         const isInstitutionEmpty = values?.institution?.trim() === '';
-        const emptyAffiliation = {
-            id: (0, json_schema_1.generateID)(json_schema_1.ObjectTypes.Affiliation),
-            institution: '',
-            department: '',
-            addressLine1: '',
-            addressLine2: '',
-            addressLine3: '',
-            postCode: '',
-            country: '',
-            county: '',
-            city: '',
-            email: {
-                href: '',
-                text: '',
-            },
-            priority: affiliations.length,
-        };
+        const emptyAffiliation = createEmptyAffiliation(affiliations.length);
         if (hasChanges) {
             setPendingAction('new');
             if (isInstitutionEmpty) {
@@ -383,7 +292,7 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
                 .filter((author) => author.affiliations?.some((aff) => aff === pendingSelection.id))
                 .map((author) => author.id);
             setSelectedAuthorIds(affiliatedAuthorIds);
-            valuesRef.current = normalize(pendingSelection);
+            valuesRef.current = (0, normalize_1.checkID)(pendingSelection, 'affiliation');
             setIsDisableSave(true);
             setAffiliationAuthorMap((prevMap) => {
                 const newMap = new Map(prevMap);
@@ -421,7 +330,7 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
             setSelectedAuthorIds([]);
         }
         if (pendingSelection) {
-            valuesRef.current = normalize(pendingSelection);
+            valuesRef.current = (0, normalize_1.checkID)(pendingSelection, 'affiliation');
         }
         else {
             valuesRef.current = undefined;
@@ -446,20 +355,64 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
                             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', 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(ModalFormActions_1.ModalFormActions, { type: 'affiliation', form: 'affiliation-form', onDelete: handleDeleteAffiliation, showingDeleteDialog: showingDeleteDialog, showDeleteDialog: handleShowDeleteDialog, newEntity: newAffiliation, isDisableSave: isDisableSave }),
+                    react_1.default.createElement(AffiliationForm_1.AffiliationForm, { values: (0, normalize_1.checkID)(selection, 'affiliation'), 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,
-                        react_1.default.createElement(AuthorsHeader, null,
-                            react_1.default.createElement(AuthorsTitle, null, "Authors"),
-                            react_1.default.createElement(AffiliateButton, { onClick: () => setShowAuthorDrawer(true), "data-cy": "affiliate-authors-button" },
-                                react_1.default.createElement(style_guide_1.AddUserIcon, { width: 16, height: 16 }),
-                                "Affiliate Authors")),
-                        react_1.default.createElement(style_guide_1.SelectedItemsBox, { "data-cy": "affiliation-authors", items: selectedAuthors, onRemove: (id) => {
-                                setSelectedAuthorIds((prev) => prev.filter((authorId) => authorId !== id));
-                            }, placeholder: "No authors assigned" })),
-                    showAuthorDrawer && (react_1.default.createElement(style_guide_1.Drawer, { items: authorItems, selectedIds: selectedAuthorIds, title: "Authors", onSelect: handleAuthorSelect, onBack: () => setShowAuthorDrawer(false), width: "100%" })))) : (react_1.default.createElement(FormPlaceholder_1.FormPlaceholder, { type: "affiliation", title: "Affiliation Details", message: "Select an affiliation from the list to display it's details here.", placeholderIcon: react_1.default.createElement(style_guide_1.AffiliationPlaceholderIcon, null) })))),
+                    react_1.default.createElement(GenericDrawerGroup_1.DrawerGroup, { Drawer: GenericDrawer_1.GenericDrawer, removeItem: (id) => {
+                            setSelectedAuthorIds((prev) => prev.filter((authorId) => authorId !== id));
+                        }, selectedItems: selectedAuthors, onSelect: selectAuthor, items: makeAuthorItems(authors), showDrawer: showAuthorDrawer, setShowDrawer: setShowAuthorDrawer, title: "Authors", cy: "affiliations", labelField: "label", buttonText: "Affiliate Authors", Icon: react_1.default.createElement(style_guide_1.AddUserIcon, { width: 16, height: 16 }) }))) : (react_1.default.createElement(FormPlaceholder_1.FormPlaceholder, { type: "affiliation", title: "Affiliation Details", message: "Select an affiliation from the list to display it's details here.", placeholderIcon: react_1.default.createElement(style_guide_1.AffiliationPlaceholderIcon, null) })))),
             react_1.default.createElement(FormFooter_1.default, { onCancel: handleClose }))));
 };
 exports.AffiliationsModal = AffiliationsModal;
+function createEmptyAffiliation(priority) {
+    return {
+        id: (0, transform_1.generateNodeID)(transform_1.schema.nodes.affiliation),
+        institution: '',
+        department: '',
+        addressLine1: '',
+        addressLine2: '',
+        addressLine3: '',
+        postCode: '',
+        country: '',
+        county: '',
+        city: '',
+        email: {
+            href: '',
+            text: '',
+        },
+        priority: priority,
+    };
+}
+const StyledSidebarContent = (0, styled_components_1.default)(style_guide_1.SidebarContent) `
+  padding: 0;
+`;
+const AddAffiliationButton = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  padding: 12px 8px 12px 12px;
+  cursor: pointer;
+  &[data-active='true'] {
+    background: ${(props) => props.theme.colors.background.fifth};
+    border: 1px solid ${(props) => props.theme.colors.border.primary};
+    border-left: 0;
+    border-right: 0;
+  }
+`;
+const ActionTitle = styled_components_1.default.div `
+  padding-left: ${(props) => props.theme.grid.unit * 2}px;
+`;
+const AffiliationForms = styled_components_1.default.div `
+  padding-left: ${(props) => props.theme.grid.unit * 3}px;
+  padding-right: ${(props) => props.theme.grid.unit * 3}px;
+  position: relative;
+  margin-top: 20px;
+`;
+const StyledModalBody = (0, styled_components_1.default)(style_guide_1.ModalBody) `
+  position: relative;
+  height: calc(90vh - 40px);
+`;
+const StyledModalSidebarHeader = (0, styled_components_1.default)(style_guide_1.ModalSidebarHeader) `
+  margin-top: 8px;
+  margin-bottom: 16px;
+`;

package/dist/cjs/components/authors/AffiliationDrawer.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.AffiliationsDrawer = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importDefault(require("react"));
+const AffiliationsDrawer = ({ items, selectedItems = [], onSelect, ...drawerProps }) => {
+    return (react_1.default.createElement(style_guide_1.Drawer, { ...drawerProps },
+        react_1.default.createElement(style_guide_1.DrawerItemsList, null, items.map((item) => (react_1.default.createElement(style_guide_1.DrawerListItem, { "data-cy": "item", key: item.id, selected: selectedItems?.map((a) => a.id).includes(item.id), onClick: () => onSelect(item.id) },
+            react_1.default.createElement(style_guide_1.DrawerIcon, null, selectedItems?.map((a) => a.id).includes(item.id) ? (react_1.default.createElement(style_guide_1.AddedIcon, { width: 22, height: 22 })) : (react_1.default.createElement(style_guide_1.AddIcon, { width: 22, height: 22 }))),
+            react_1.default.createElement(style_guide_1.DrawerLabelContainer, null,
+                react_1.default.createElement(style_guide_1.DrawerItemLabel, null, item.institution),
+                react_1.default.createElement(style_guide_1.DrawerItemMeta, null,
+                    item.city && (react_1.default.createElement(react_1.default.Fragment, null,
+                        item.city,
+                        item.county || item.country ? ', ' : '')),
+                    item.county && (react_1.default.createElement(react_1.default.Fragment, null,
+                        item.county,
+                        item.country ? ', ' : '')),
+                    item.country && react_1.default.createElement(react_1.default.Fragment, null, item.country)))))))));
+};
+exports.AffiliationsDrawer = AffiliationsDrawer;

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

@@ -1,6 +1,6 @@
 "use strict";
 /*!
- * © 2019 Atypon Systems LLC
+ * © 2025 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.
@@ -41,7 +41,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AuthorDetailsForm = exports.Fieldset = exports.LabelText = void 0;
+exports.AuthorDetailsForm = exports.CheckboxContainer = exports.Fieldset = exports.LabelText = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const formik_1 = require("formik");
 const react_1 = __importStar(require("react"));
@@ -70,18 +70,23 @@ const TextFieldWithError = (0, styled_components_1.default)(style_guide_1.TextFi
     color: ${(props) => props.theme.colors.text.error};
   }
 `;
-const CheckboxContainer = styled_components_1.default.div `
+exports.CheckboxContainer = styled_components_1.default.div `
   display: flex;
   align-items: center;
   gap: 32px;
 `;
-const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmailRequired, selectedAffiliations, authorFormRef, }) => {
+const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmailRequired, selectedAffiliations, selectedCreditRoles, authorFormRef, }) => {
     const formRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         if (selectedAffiliations && formRef.current) {
             formRef.current.setFieldValue('affiliations', selectedAffiliations);
         }
     }, [selectedAffiliations]);
+    (0, react_1.useEffect)(() => {
+        if (selectedCreditRoles && formRef.current) {
+            formRef.current.setFieldValue('creditRoles', selectedCreditRoles);
+        }
+    }, [selectedCreditRoles]);
     if (actionsRef && !actionsRef.current) {
         actionsRef.current = {
             reset: () => {
@@ -103,17 +108,14 @@ const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmailRequir
                     return (react_1.default.createElement(TextFieldWithError, { id: 'email', type: "email", required: isEmailRequired, placeholder: placeholder, ...props.field }));
                 }),
                 react_1.default.createElement(formik_1.Field, { name: 'role' }, (props) => (react_1.default.createElement(style_guide_1.TextField, { id: 'role', placeholder: 'Role', ...props.field }))),
-                react_1.default.createElement(CheckboxContainer, null,
+                react_1.default.createElement(exports.CheckboxContainer, null,
                     react_1.default.createElement(style_guide_1.CheckboxLabel, null,
                         react_1.default.createElement(formik_1.Field, { name: 'isCorresponding' }, (props) => (react_1.default.createElement(style_guide_1.CheckboxField, { id: 'isCorresponding', checked: props.field.value, ...props.field }))),
                         react_1.default.createElement(exports.LabelText, null, "Corresponding Author"))),
                 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, { 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, { type: "hidden", ...props.field, value: selectedAffiliations || [] }));
-                }))));
+                        react_1.default.createElement(formik_1.Field, { name: 'ORCIDIdentifier', type: 'text' }, (props) => (react_1.default.createElement(style_guide_1.TextField, { 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 }))))))));
     }));
 };
 exports.AuthorDetailsForm = AuthorDetailsForm;