@manuscripts/style-guide 0.30.18 → 0.30.22

package/dist/cjs/components/AffiliationsEditor/AffiliationsEditor.js

@@ -41,8 +41,8 @@ const react_1 = __importStar(require("react"));
 const authors_1 = require("../../lib/authors");
 const AffiliationsEditorView_1 = __importDefault(require("./AffiliationsEditorView"));
 const AffiliationsEditor = ({ affiliations, authorAffiliations, addAuthorAffiliation, updateAffiliation, removeAuthorAffiliation, components, styleOverrides, }) => {
-    const [searchText, setSearchText] = react_1.useState('');
-    const handleChoose = react_1.useCallback((value) => {
+    const [searchText, setSearchText] = (0, react_1.useState)('');
+    const handleChoose = (0, react_1.useCallback)((value) => {
         if (value) {
             const selectedAffiliation = value;
             addAuthorAffiliation(selectedAffiliation.__isNew__
@@ -51,7 +51,7 @@ const AffiliationsEditor = ({ affiliations, authorAffiliations, addAuthorAffilia
         }
         setSearchText('');
     }, [addAuthorAffiliation, affiliations]);
-    const options = authors_1.affiliationsOptions(affiliations, authorAffiliations);
+    const options = (0, authors_1.affiliationsOptions)(affiliations, authorAffiliations);
     const active = authorAffiliations
         ? authorAffiliations.map((item) => item.data)
         : [];

package/dist/cjs/components/AffiliationsEditor/AffiliationsEditorItem.js

@@ -62,7 +62,7 @@ const Title = styled_components_1.default.h4 `
   background: ${(props) => props.isInvalid ? props.theme.colors.background.warning : 'transparent'};
   color: ${(props) => props.isInvalid ? props.theme.colors.text.warning : 'inherit'};
 `;
-const DropdownIndicator = styled_components_1.default(ArrowDownBlue_1.default) `
+const DropdownIndicator = (0, styled_components_1.default)(ArrowDownBlue_1.default) `
   border: 0;
   border-radius: 50%;
   margin-right: 0.6em;
@@ -106,13 +106,13 @@ const RemoveButton = styled_components_1.default.button `
     height: 2rem;
   }
 `;
-const AffiliationsForm = styled_components_1.default(formik_1.Form) `
+const AffiliationsForm = (0, styled_components_1.default)(formik_1.Form) `
   border: 1px solid ${(props) => props.theme.colors.border.field.default};
   border-radius: ${(props) => props.theme.grid.radius.default};
   margin: 0.4rem 0.71rem 0.71rem;
   overflow: hidden;
 `;
-const AffiliationsTextField = styled_components_1.default(TextField_1.TextField) `
+const AffiliationsTextField = (0, styled_components_1.default)(TextField_1.TextField) `
   border-radius: 0;
   border-bottom: none;
   border-right: none;
@@ -142,8 +142,8 @@ const Column = styled_components_1.default.div `
     border-left: none;
   }
 `;
-exports.AffiliationsEditorItem = ({ affiliation, requestToggle, isOpen, updateAffiliation, removeAuthorAffiliation, }) => {
-    const remove = react_1.useCallback(() => {
+const AffiliationsEditorItem = ({ affiliation, requestToggle, isOpen, updateAffiliation, removeAuthorAffiliation, }) => {
+    const remove = (0, react_1.useCallback)(() => {
         removeAuthorAffiliation(affiliation);
     }, [affiliation, removeAuthorAffiliation]);
     const vivifiedAffiliation = Object.assign({ institution: '', department: '', addressLine1: '', addressLine2: '', addressLine3: '', city: '', county: '', country: '', postCode: '' }, affiliation);
@@ -153,7 +153,7 @@ exports.AffiliationsEditorItem = ({ affiliation, requestToggle, isOpen, updateAf
             react_1.default.createElement(ToggleButton, { type: "button", onClick: requestToggle, isOpen: isOpen },
                 react_1.default.createElement(DropdownIndicator, null,
                     react_1.default.createElement(ArrowDownBlue_1.default, null)),
-                authors_1.affiliationLabel(affiliation)),
+                (0, authors_1.affiliationLabel)(affiliation)),
             react_1.default.createElement(RemoveButton, { type: "button", "aria-label": "Delete this affiliation", onClick: remove },
                 react_1.default.createElement(AnnotationRemove_1.default, null))),
         isOpen && (react_1.default.createElement(formik_1.Formik, { initialValues: vivifiedAffiliation, onSubmit: updateAffiliation }, () => (react_1.default.createElement(AffiliationsForm, null,
@@ -168,4 +168,5 @@ exports.AffiliationsEditorItem = ({ affiliation, requestToggle, isOpen, updateAf
                     react_1.default.createElement(formik_1.Field, { name: "postCode" }, (props) => (react_1.default.createElement(AutoSaveInput_1.AutoSaveInput, Object.assign({}, props, { component: AffiliationsTextField, saveOn: "blur", placeholder: "Postal Code" })))),
                     react_1.default.createElement(formik_1.Field, { name: "country" }, (props) => (react_1.default.createElement(AutoSaveInput_1.AutoSaveInput, Object.assign({}, props, { component: AffiliationsTextField, saveOn: "blur", placeholder: "Country" }))))))))))));
 };
+exports.AffiliationsEditorItem = AffiliationsEditorItem;
 exports.default = exports.AffiliationsEditorItem;

package/dist/cjs/components/AffiliationsEditor/AffiliationsEditorProfile.js

@@ -41,8 +41,8 @@ const manuscripts_json_schema_1 = require("@manuscripts/manuscripts-json-schema"
 const react_1 = __importStar(require("react"));
 const AffiliationsEditorView_1 = __importDefault(require("./AffiliationsEditorView"));
 const AffiliationsEditorProfile = ({ affiliations, addAffiliation, updateAffiliation, removeAffiliation, components, styleOverrides, }) => {
-    const [searchText, setSearchText] = react_1.useState('');
-    const handleChoose = react_1.useCallback((value) => {
+    const [searchText, setSearchText] = (0, react_1.useState)('');
+    const handleChoose = (0, react_1.useCallback)((value) => {
         if (value) {
             const selectedAffiliation = value;
             addAffiliation(selectedAffiliation.value);
@@ -50,7 +50,7 @@ const AffiliationsEditorProfile = ({ affiliations, addAffiliation, updateAffilia
         setSearchText('');
     }, [addAffiliation]);
     const affiliationsArr = Array.from(affiliations.values());
-    const updateUserProfileAffiliation = react_1.useCallback((data) => {
+    const updateUserProfileAffiliation = (0, react_1.useCallback)((data) => {
         updateAffiliation(Object.assign(Object.assign({}, data), { objectType: manuscripts_json_schema_1.ObjectTypes.UserProfileAffiliation }));
     }, [updateAffiliation]);
     return (react_1.default.createElement(AffiliationsEditorView_1.default, { options: [], selected: affiliationsArr, updateAffiliation: updateUserProfileAffiliation, removeAuthorAffiliation: removeAffiliation, components: components, styleOverrides: styleOverrides, handleChoose: handleChoose, handleInputChange: setSearchText, inputValue: searchText }));

package/dist/cjs/components/AffiliationsEditor/AffiliationsEditorView.js

@@ -37,56 +37,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const AddAuthor_1 = __importDefault(require("@manuscripts/assets/react/AddAuthor"));
 const react_1 = __importStar(require("react"));
 const creatable_1 = __importDefault(require("react-select/creatable"));
-const styled_components_1 = __importStar(require("styled-components"));
+const styled_components_1 = require("styled-components");
 const AuthorFormComponents_1 = require("../AuthorForm/AuthorFormComponents");
 const AffiliationsEditorItem_1 = require("./AffiliationsEditorItem");
-const Container = styled_components_1.default.div `
-  margin: 0 1.89rem 1rem;
-`;
-const Field = styled_components_1.default.div `
-  margin: 1rem 0;
-`;
-const List = styled_components_1.default.div `
-  margin-bottom: 0.5rem;
-`;
-const AddAffiliationContainer = styled_components_1.default.div `
-  padding-right: 0.71rem;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-
-  svg {
-    width: 1.5rem;
-    height: 1.5rem;
-  }
-
-  circle,
-  use {
-    fill: ${(props) => props.theme.colors.brand.default};
-  }
-
-  path {
-    mask: none;
-  }
-`;
-const AddAffiliationIndicator = () => (react_1.default.createElement(AddAffiliationContainer, null,
-    react_1.default.createElement(AddAuthor_1.default, null)));
+const styles_1 = require("./styles");
 const reactSelectComponents = {
-    IndicatorsContainer: AddAffiliationIndicator,
+    IndicatorsContainer: styles_1.AddAffiliationIndicator,
 };
-const AffiliationsEditorView = ({ options, selected, updateAffiliation, removeAuthorAffiliation, handleChoose, handleInputChange, inputValue, theme, components, styleOverrides, }) => {
+const AffiliationsEditorView = ({ options, selected, updateAffiliation, removeAuthorAffiliation, handleChoose, handleInputChange, inputValue, components, styleOverrides, }) => {
     const { Legend } = Object.assign(Object.assign({}, AuthorFormComponents_1.defaultAuthorFormComponents), components);
-    const [currentSection, setCurrentSection] = react_1.useState('');
+    const [currentSection, setCurrentSection] = (0, react_1.useState)('');
     const requestOpen = (id) => {
         setCurrentSection(id === currentSection ? '' : id);
     };
-    return (react_1.default.createElement(Container, null,
+    const theme = (0, react_1.useContext)(styled_components_1.ThemeContext);
+    return (react_1.default.createElement(styles_1.Container, null,
         react_1.default.createElement(Legend, null, "Affiliations"),
-        react_1.default.createElement(Field, null,
-            react_1.default.createElement(List, null, selected &&
+        react_1.default.createElement(styles_1.Field, null,
+            react_1.default.createElement(styles_1.List, null, selected &&
                 selected.map((affiliation) => {
                     const { _id } = affiliation;
                     return (react_1.default.createElement(AffiliationsEditorItem_1.AffiliationsEditorItem, { key: _id, affiliation: affiliation, isOpen: currentSection === _id, requestToggle: () => requestOpen(_id), updateAffiliation: updateAffiliation, removeAuthorAffiliation: removeAuthorAffiliation }));
@@ -103,4 +73,4 @@ const AffiliationsEditorView = ({ options, selected, updateAffiliation, removeAu
                             provided.zIndex })),
                 } }))));
 };
-exports.default = styled_components_1.withTheme(AffiliationsEditorView);
+exports.default = AffiliationsEditorView;

package/dist/cjs/components/AffiliationsEditor/styles.js

@@ -51,5 +51,6 @@ exports.AddAffiliationContainer = styled_components_1.default.div `
     mask: none;
   }
 `;
-exports.AddAffiliationIndicator = () => (react_1.default.createElement(exports.AddAffiliationContainer, null,
+const AddAffiliationIndicator = () => (react_1.default.createElement(exports.AddAffiliationContainer, null,
     react_1.default.createElement(AddAuthor_1.default, null)));
+exports.AddAffiliationIndicator = AddAffiliationIndicator;

package/dist/cjs/components/AffiliationsList.js

@@ -36,7 +36,8 @@ const Header = styled_components_1.default.th `
 const Body = styled_components_1.default.td `
   padding: 0;
 `;
-exports.AffiliationsList = ({ affiliations, }) => (react_1.default.createElement(Container, null,
+const AffiliationsList = ({ affiliations, }) => (react_1.default.createElement(Container, null,
     react_1.default.createElement("tbody", null, Array.from(affiliations.values()).map((affiliation, index) => (react_1.default.createElement("tr", { key: affiliation._id },
         react_1.default.createElement(Header, null, index + 1),
-        react_1.default.createElement(Body, null, formatAddress_1.default(affiliation))))))));
+        react_1.default.createElement(Body, null, (0, formatAddress_1.default)(affiliation))))))));
+exports.AffiliationsList = AffiliationsList;

package/dist/cjs/components/AlertMessage.js

@@ -47,7 +47,7 @@ const react_1 = __importDefault(require("react"));
 const react_sizeme_1 = require("react-sizeme");
 const styled_components_1 = __importStar(require("styled-components"));
 const Button_1 = require("./Button");
-const buttonStyles = styled_components_1.css `
+const buttonStyles = (0, styled_components_1.css) `
   color: inherit;
   margin-left: ${(props) => props.theme.grid.unit * 4}px;
 
@@ -61,10 +61,10 @@ const buttonStyles = styled_components_1.css `
     filter: brightness(80%);
   }
 `;
-exports.TextButton = styled_components_1.default(Button_1.IconTextButton) `
+exports.TextButton = (0, styled_components_1.default)(Button_1.IconTextButton) `
   ${buttonStyles}
 `;
-const CloseIconButton = styled_components_1.default(Button_1.IconButton).attrs({
+const CloseIconButton = (0, styled_components_1.default)(Button_1.IconButton).attrs({
     defaultColor: true,
     size: 16,
 }) `
@@ -93,22 +93,22 @@ const BaseAlertContainer = styled_components_1.default.div `
   padding: ${(props) => props.theme.grid.unit * 3}px;
   white-space: normal;
 `;
-const SuccessAlertContainer = styled_components_1.default(BaseAlertContainer) `
+const SuccessAlertContainer = (0, styled_components_1.default)(BaseAlertContainer) `
   background-color: ${(props) => props.theme.colors.background.success};
   border: solid 1px ${(props) => props.theme.colors.border.success};
   color: ${(props) => props.theme.colors.text.success};
 `;
-const ErrorAlertContainer = styled_components_1.default(BaseAlertContainer) `
+const ErrorAlertContainer = (0, styled_components_1.default)(BaseAlertContainer) `
   background-color: ${(props) => props.theme.colors.background.error};
   border: solid 1px ${(props) => props.theme.colors.border.error};
   color: ${(props) => props.theme.colors.text.error};
 `;
-const InfoAlertContainer = styled_components_1.default(BaseAlertContainer) `
+const InfoAlertContainer = (0, styled_components_1.default)(BaseAlertContainer) `
   background-color: ${(props) => props.theme.colors.background.info};
   border: solid 1px ${(props) => props.theme.colors.border.info};
   color: ${(props) => props.theme.colors.text.info};
 `;
-const WarningAlertContainer = styled_components_1.default(BaseAlertContainer) `
+const WarningAlertContainer = (0, styled_components_1.default)(BaseAlertContainer) `
   background-color: ${(props) => props.theme.colors.background.warning};
   border: solid 1px ${(props) => props.theme.colors.border.warning};
   color: ${(props) => props.theme.colors.text.warning};
@@ -119,10 +119,10 @@ const TextContainer = styled_components_1.default.div `
   align-items: center;
   word-break: break-word;
 `;
-const SuccessIcon = styled_components_1.default(SuccessGreen_1.default) `
+const SuccessIcon = (0, styled_components_1.default)(SuccessGreen_1.default) `
   transform: scale(0.75, 0.75);
 `;
-const CloseIcon = styled_components_1.default(CloseIconDark_1.default) `
+const CloseIcon = (0, styled_components_1.default)(CloseIconDark_1.default) `
   width: 100%;
   height: 100%;
 `;

package/dist/cjs/components/AuthorForm/AuthorForm.js

@@ -65,7 +65,7 @@ const OrcidContainer = styled_components_1.default.div `
 const RolesContainer = styled_components_1.default.div `
   margin: 16px 0;
 `;
-exports.AuthorForm = ({ author, handleSave, removeAuthor, isRemoveAuthorOpen, handleRemoveAuthor, components, contributorRoles = [], createContributorRole, }) => {
+const AuthorForm = ({ author, handleSave, removeAuthor, isRemoveAuthorOpen, handleRemoveAuthor, components, contributorRoles = [], createContributorRole, }) => {
     const { Legend, TextField } = Object.assign(Object.assign({}, AuthorFormComponents_1.defaultAuthorFormComponents), components);
     return (react_1.default.createElement(formik_1.Formik, { initialValues: buildInitialValues(author), onSubmit: handleSave, enableReinitialize: true }, ({ values }) => {
         const isAuthor = values.role === 'author';
@@ -111,3 +111,4 @@ exports.AuthorForm = ({ author, handleSave, removeAuthor, isRemoveAuthorOpen, ha
                         }), placeholder: 'If needed, describe contributions in more detail…' })))))))));
     }));
 };
+exports.AuthorForm = AuthorForm;

package/dist/cjs/components/AuthorForm/ContributorRolesSelect.js

@@ -50,12 +50,12 @@ exports.ContributorRolesSelect = void 0;
 const react_1 = __importStar(require("react"));
 const creatable_1 = __importDefault(require("react-select/creatable"));
 const sortRolesAlphabetical = (a, b) => a.name.localeCompare(b.name);
-exports.ContributorRolesSelect = ({ contributorRoles, createContributorRole, value, setFieldValue }) => {
-    const [saving, setSaving] = react_1.useState(false);
-    const selectedRoles = react_1.useMemo(() => value
+const ContributorRolesSelect = ({ contributorRoles, createContributorRole, value, setFieldValue }) => {
+    const [saving, setSaving] = (0, react_1.useState)(false);
+    const selectedRoles = (0, react_1.useMemo)(() => value
         .map((id) => contributorRoles.find((item) => item._id === id))
         .flat(), [contributorRoles, value]);
-    const options = react_1.useMemo(() => {
+    const options = (0, react_1.useMemo)(() => {
         const output = { local: [], 'dictionary.casrai.org': [] };
         const groupedOptions = contributorRoles.reduce((output, contributorRole) => {
             if (contributorRole.uri) {
@@ -90,7 +90,7 @@ exports.ContributorRolesSelect = ({ contributorRoles, createContributorRole, val
             setSaving(false);
             setFieldValue([...value, contribution._id]);
         }), getOptionValue: (option) => option._id, getOptionLabel: (option) => option.name, onChange: (value) => {
-            const items = value;
-            setFieldValue(items.map((item) => item._id));
+            setFieldValue(value.map((item) => item._id));
         } }));
 };
+exports.ContributorRolesSelect = ContributorRolesSelect;

package/dist/cjs/components/AuthorForm/RemoveAuthorButton.js

@@ -39,7 +39,7 @@ class RemoveAuthorButton extends react_1.default.Component {
         };
         return (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(Button_1.PrimaryButton, { danger: true, onClick: this.props.handleOpen }, "Delete"),
-            isOpen && (react_1.default.createElement(Dialog_1.Dialog, { isOpen: isOpen, actions: actions, category: Dialog_1.Category.confirmation, header: 'Remove author', message: `Are you sure you want to remove ${name_1.initials(author.bibliographicName)}${' '}${author.bibliographicName.family} from the authors list?` }))));
+            isOpen && (react_1.default.createElement(Dialog_1.Dialog, { isOpen: isOpen, actions: actions, category: Dialog_1.Category.confirmation, header: 'Remove author', message: `Are you sure you want to remove ${(0, name_1.initials)(author.bibliographicName)}${' '}${author.bibliographicName.family} from the authors list?` }))));
     }
 }
 exports.default = RemoveAuthorButton;

package/dist/cjs/components/AuthorForm/index.js

@@ -26,4 +26,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./AuthorForm"), exports);
-__exportStar(require("./AffiliationsSelect"), exports);

package/dist/cjs/components/AuthorName.js

@@ -42,7 +42,7 @@ const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importStar(require("styled-components"));
 const name_1 = require("../lib/name");
 const NameParts = styled_components_1.default.span ``;
-const buildNameLiteral = (name) => [name_1.initials(name), name.family, name.suffix].filter((part) => part).join(' ');
+const buildNameLiteral = (name) => [(0, name_1.initials)(name), name.family, name.suffix].filter((part) => part).join(' ');
 const AuthorNameComponent = ({ name, email, theme }) => !name.given && !name.family ? (react_1.default.createElement(NameParts, { color: theme.colors.text.secondary, "data-testid": `author-name--unknown` }, "Unknown Author")) : (react_1.default.createElement(NameParts, { "data-testid": `author-name--${name.given}` }, (email && buildNameLiteral(name).concat(' ').concat(`(${email})`)) ||
     buildNameLiteral(name)));
-exports.AuthorName = styled_components_1.withTheme(AuthorNameComponent);
+exports.AuthorName = (0, styled_components_1.withTheme)(AuthorNameComponent);

package/dist/cjs/components/AuthorsContainer.js

@@ -42,16 +42,17 @@ const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const AffiliationsList_1 = require("./AffiliationsList");
 const AuthorsList_1 = require("./AuthorsList");
-exports.AuthorsContainer = ({ authorData, showEditButton, startEditing, selectAuthor }) => {
-    const authorAffiliations = react_1.useMemo(() => authorData.authors.filter((author) => author.role === 'author'), [authorData.authors]);
-    const isThereJointContributor = react_1.useMemo(() => authorData.authors.find((contributor) => contributor.isJointContributor), [authorData.authors]);
+const AuthorsContainer = ({ authorData, showEditButton, startEditing, selectAuthor, disableEditButton, }) => {
+    const authorAffiliations = (0, react_1.useMemo)(() => authorData.authors.filter((author) => author.role === 'author'), [authorData.authors]);
+    const isThereJointContributor = (0, react_1.useMemo)(() => authorData.authors.find((contributor) => contributor.isJointContributor), [authorData.authors]);
     return (react_1.default.createElement(Container, { "data-cy": 'author-container' },
-        react_1.default.createElement(AuthorsList_1.AuthorsList, { authors: authorAffiliations, authorAffiliations: authorData.authorAffiliations, startEditing: startEditing, showEditButton: showEditButton, selectAuthor: selectAuthor }),
+        react_1.default.createElement(AuthorsList_1.AuthorsList, { authors: authorAffiliations, authorAffiliations: authorData.authorAffiliations, startEditing: startEditing, showEditButton: showEditButton, selectAuthor: selectAuthor, disableEditButton: disableEditButton }),
         react_1.default.createElement(AffiliationsList_1.AffiliationsList, { affiliations: authorData.affiliations }),
         isThereJointContributor && (react_1.default.createElement(LegendWrapper, null,
             react_1.default.createElement(Legend, null, "\u2020"),
             "These authors contributed equally to this work."))));
 };
+exports.AuthorsContainer = AuthorsContainer;
 const Container = styled_components_1.default.div `
   margin-top: ${(props) => props.theme.grid.unit * 4}px;
 `;

package/dist/cjs/components/AuthorsDND/AuthorsDND.js

@@ -14,29 +14,51 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AuthorsDND = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importStar(require("styled-components"));
 const DraggableAuthorItem_1 = __importDefault(require("./DraggableAuthorItem"));
 const SidebarList = styled_components_1.default.div `
   flex: 1;
   overflow-y: visible;
 `;
-exports.AuthorsDND = ({ authors, selectAuthor, selectedAuthor, handleDrop, getSidebarItemDecorator, components, }) => (react_1.default.createElement(SidebarList, null, authors.map((author, index) => {
-    const user = {
-        _id: author.userID,
-    };
-    const authorItem = {
-        _id: author._id,
-        priority: author.priority || null,
-        index,
-    };
-    const decorator = getSidebarItemDecorator
-        ? getSidebarItemDecorator(author._id)
-        : null;
-    return (react_1.default.createElement(DraggableAuthorItem_1.default, { key: author._id, authorItem: authorItem, onDrop: handleDrop, author: author, authors: authors, user: user, selectedAuthor: selectedAuthor, selectAuthor: selectAuthor, sidebarItemDecorator: decorator, components: components }));
-})));
+const AuthorsDND = ({ authors, selectAuthor, selectedAuthor, handleDrop, getSidebarItemDecorator, components, }) => {
+    const theme = (0, react_1.useContext)(styled_components_1.ThemeContext);
+    return (react_1.default.createElement(SidebarList, null, authors.map((author, index) => {
+        const user = {
+            _id: author.userID,
+        };
+        const authorItem = {
+            _id: author._id,
+            priority: author.priority || null,
+            index,
+        };
+        const decorator = getSidebarItemDecorator
+            ? getSidebarItemDecorator(author._id)
+            : null;
+        return (react_1.default.createElement(DraggableAuthorItem_1.default, { key: author._id, authorItem: authorItem, onDrop: handleDrop, author: author, authors: authors, user: user, selectedAuthor: selectedAuthor, selectAuthor: selectAuthor, sidebarItemDecorator: decorator, components: components, theme: theme }));
+    })));
+};
+exports.default = AuthorsDND;

package/dist/cjs/components/AuthorsDND/DraggableAuthorItem.js

@@ -14,25 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -43,7 +24,7 @@ const VerticalEllipsis_1 = __importDefault(require("@manuscripts/assets/react/Ve
 const react_1 = __importDefault(require("react"));
 const react_dnd_1 = require("react-dnd");
 const react_dom_1 = require("react-dom");
-const styled_components_1 = __importStar(require("styled-components"));
+const styled_components_1 = __importDefault(require("styled-components"));
 const authors_1 = require("../../lib/authors");
 const Avatar_1 = require("../Avatar");
 const AuthorItemComponents_1 = require("./AuthorItemComponents");
@@ -124,7 +105,7 @@ const dropTargetSpec = {
         if (!monitor.isOver({ shallow: true })) {
             return;
         }
-        const hoveredNode = react_dom_1.findDOMNode(component);
+        const hoveredNode = (0, react_dom_1.findDOMNode)(component);
         const { top, bottom } = hoveredNode.getBoundingClientRect();
         const offset = monitor.getClientOffset();
         if (!offset) {
@@ -187,7 +168,7 @@ class AuthorComponent extends react_1.default.Component {
                             react_1.default.createElement(AuthorNotes, null,
                                 author.isCorresponding && (react_1.default.createElement(AuthorBadge, null,
                                     react_1.default.createElement(CorrespondingAuthorBadge_1.default, null))),
-                                authors_1.isJointFirstAuthor(authors, authorItem.index) && (react_1.default.createElement(AuthorBadge, null,
+                                (0, authors_1.isJointFirstAuthor)(authors, authorItem.index) && (react_1.default.createElement(AuthorBadge, null,
                                     react_1.default.createElement(FirstAuthorBadge_1.default, null))))),
                         react_1.default.createElement(AuthorNameSpace, null,
                             react_1.default.createElement(AuthorName, { name: author.bibliographicName }))),
@@ -210,7 +191,7 @@ const dropTargetCollector = (connect, monitor) => ({
     canDrop: monitor.canDrop(),
 });
 const dragType = 'authorItem';
-const dragSource = react_dnd_1.DragSource(dragType, dragSourceSpec, dragSourceCollector);
-const dropTarget = react_dnd_1.DropTarget(dragType, dropTargetSpec, dropTargetCollector);
+const dragSource = (0, react_dnd_1.DragSource)(dragType, dragSourceSpec, dragSourceCollector);
+const dropTarget = (0, react_dnd_1.DropTarget)(dragType, dropTargetSpec, dropTargetCollector);
 const DraggableAuthorItem = dragSource(dropTarget(AuthorComponent));
-exports.default = styled_components_1.withTheme(DraggableAuthorItem);
+exports.default = DraggableAuthorItem;

package/dist/cjs/components/AuthorsDND/index.js

@@ -14,15 +14,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./AuthorsDND"), exports);
+exports.AuthorsDND = void 0;
+var AuthorsDND_1 = require("./AuthorsDND");
+Object.defineProperty(exports, "AuthorsDND", { enumerable: true, get: function () { return __importDefault(AuthorsDND_1).default; } });

package/dist/cjs/components/AuthorsList/Author.js

@@ -47,7 +47,7 @@ const AuthorNotes = styled_components_1.default.span `
   line-height: 1;
   vertical-align: top;
 `;
-const LinkSharedStyles = styled_components_1.css `
+const LinkSharedStyles = (0, styled_components_1.css) `
   text-decoration: none;
   color: inherit;
   outline: none;
@@ -71,7 +71,7 @@ const AuthorsContainer = styled_components_1.default.a `
     cursor: pointer;
   }
 `;
-exports.Author = ({ author, affiliations, jointFirstAuthor, startEditing, selectAuthor, showEditButton, }) => (react_1.default.createElement("span", { key: author._id },
+const Author = ({ author, affiliations, jointFirstAuthor, startEditing, selectAuthor, showEditButton, }) => (react_1.default.createElement("span", { key: author._id },
     showEditButton ? (react_1.default.createElement(AuthorsContainer, { href: "#", onClick: (e) => {
             e.preventDefault();
             startEditing && startEditing();
@@ -83,4 +83,5 @@ exports.Author = ({ author, affiliations, jointFirstAuthor, startEditing, select
         react_1.default.createElement(AuthorAffiliation, null, affiliation.ordinal)))))),
     author.isCorresponding && (react_1.default.createElement(AuthorNotes, { title: 'Corresponding author' }, "*")),
     jointFirstAuthor && (react_1.default.createElement(AuthorNotes, { title: 'Joint contributor' }, "\u2020"))));
+exports.Author = Author;
 exports.default = exports.Author;

package/dist/cjs/components/AuthorsList/AuthorsList.js

@@ -43,9 +43,10 @@ const AuthorsActions = styled_components_1.default.div `
   display: flex;
   margin-left: ${(props) => props.theme.grid.unit * 2}px;
 `;
-exports.AuthorsList = ({ authors, authorAffiliations, startEditing, showEditButton, selectAuthor, }) => (react_1.default.createElement(AuthorsContainer, { isEmpty: !authors.length },
+const AuthorsList = ({ authors, authorAffiliations, startEditing, showEditButton, disableEditButton, selectAuthor, }) => (react_1.default.createElement(AuthorsContainer, { isEmpty: !authors.length },
     react_1.default.createElement("div", null, authors.map((author, index) => (react_1.default.createElement(react_1.default.Fragment, { key: author._id },
         !!index && ', ',
-        react_1.default.createElement(Author_1.Author, { author: author, jointFirstAuthor: authors_1.isJointFirstAuthor(authors, index), affiliations: authorAffiliations.get(author._id), selectAuthor: selectAuthor, startEditing: startEditing, showEditButton: showEditButton }))))),
+        react_1.default.createElement(Author_1.Author, { author: author, jointFirstAuthor: (0, authors_1.isJointFirstAuthor)(authors, index), affiliations: authorAffiliations.get(author._id), selectAuthor: selectAuthor, startEditing: startEditing, showEditButton: showEditButton }))))),
     showEditButton && startEditing && (react_1.default.createElement(AuthorsActions, null,
-        react_1.default.createElement(Button_1.PrimaryButton, { mini: true, onClick: startEditing }, "Edit Authors")))));
+        react_1.default.createElement(Button_1.PrimaryButton, { mini: true, onClick: startEditing, className: 'edit_authors_button', disabled: disableEditButton }, "Edit Authors")))));
+exports.AuthorsList = AuthorsList;

package/dist/cjs/components/Avatar.js

@@ -54,7 +54,7 @@ const RoundedImage = styled_components_1.default.img `
   align-items: center;
   justify-content: center;
 `;
-const StyledAvatar = styled_components_1.default(AvatarNormal_1.default) `
+const StyledAvatar = (0, styled_components_1.default)(AvatarNormal_1.default) `
   path {
     fill: ${(props) => props.color || props.theme.colors.text.secondary};
   }
@@ -63,10 +63,11 @@ const StyledAvatar = styled_components_1.default(AvatarNormal_1.default) `
     fill: ${(props) => props.color || props.theme.colors.text.info};
   }
 `;
-exports.Avatar = (props) => {
-    const [srcError, setSrcError] = react_1.useState(false);
-    const handleSrcError = react_1.useCallback(() => {
+const Avatar = (props) => {
+    const [srcError, setSrcError] = (0, react_1.useState)(false);
+    const handleSrcError = (0, react_1.useCallback)(() => {
         setSrcError(true);
     }, []);
     return (react_1.default.createElement(AvatarContainer, null, props.src && !srcError ? (react_1.default.createElement(RoundedImage, { src: props.src, size: props.size, onError: handleSrcError })) : (react_1.default.createElement(StyledAvatar, { height: props.size, width: props.size, color: props.color }))));
 };
+exports.Avatar = Avatar;