@manuscripts/style-guide 1.5.0-LEAN-3083 → 1.5.0-LEAN-2797

package/dist/cjs/components/AffiliationsList.js

@@ -0,0 +1,43 @@
+"use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AffiliationsList = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const formatAddress_1 = __importDefault(require("../lib/formatAddress"));
+const Container = styled_components_1.default.table `
+  border-collapse: collapse;
+  font: inherit;
+  color: ${(props) => props.theme.colors.text.secondary};
+  margin-top: ${(props) => props.theme.grid.unit * 4}px;
+`;
+const Header = styled_components_1.default.th `
+  font-weight: ${(props) => props.theme.font.weight.normal}
+  padding: 0 4px 0 0;
+  vertical-align: top;
+`;
+const Body = styled_components_1.default.td `
+  padding: 0;
+`;
+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, (0, formatAddress_1.default)(affiliation))))))));
+exports.AffiliationsList = AffiliationsList;

package/dist/cjs/components/AuthorsContainer.js

@@ -0,0 +1,71 @@
+"use strict";
+/*!
+ * © 2021 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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.AuthorsContainer = void 0;
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const AffiliationsList_1 = require("./AffiliationsList");
+const AuthorsList_1 = require("./AuthorsList");
+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, 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;
+`;
+const LegendWrapper = styled_components_1.default.p `
+  margin: ${(props) => props.theme.grid.unit * 4}px 0 0 0;
+`;
+const Legend = styled_components_1.default.span `
+  display: inline-block;
+  font-size: 0.75em;
+  line-height: 1;
+  vertical-align: top;
+`;

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

@@ -0,0 +1,99 @@
+"use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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.Author = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importStar(require("styled-components"));
+const AuthorName_1 = require("../AuthorName");
+const AuthorNotes = styled_components_1.default.span `
+  display: inline-block;
+  font-size: 0.75em;
+  line-height: 1;
+  vertical-align: top;
+`;
+const LinkSharedStyles = (0, styled_components_1.css) `
+  text-decoration: none;
+  color: inherit;
+  outline: none;
+
+  &:not(:disabled) {
+    &:hover,
+    &:focus {
+      &,
+      span {
+        color: ${(props) => props.theme.colors.text.tertiary};
+      }
+    }
+  }
+`;
+const AuthorAffiliation = styled_components_1.default.span `
+  ${LinkSharedStyles}
+`;
+const AuthorsContainer = styled_components_1.default.button `
+  display: inline-flex;
+  background: transparent;
+  border: 0;
+  font-size: 1rem;
+  ${LinkSharedStyles}
+
+  &:not(:disabled) {
+    &:hover {
+      text-decoration: underline;
+      cursor: pointer !important;
+    }
+  }
+`;
+const Author = ({ author, affiliations, jointFirstAuthor, startEditing, selectAuthor, showEditButton, disableEditButton, }) => (react_1.default.createElement("span", { key: author._id },
+    showEditButton ? (react_1.default.createElement(AuthorsContainer, { disabled: disableEditButton, onClick: (e) => {
+            e.preventDefault();
+            startEditing && startEditing();
+            selectAuthor && selectAuthor(author);
+        } },
+        react_1.default.createElement(AuthorName_1.AuthorName, { name: author.bibliographicName, email: (author.isCorresponding && author.email) || undefined }))) : (react_1.default.createElement(AuthorName_1.AuthorName, { name: author.bibliographicName, email: (author.isCorresponding && author.email) || undefined })),
+    affiliations && (react_1.default.createElement(AuthorNotes, null, affiliations.map((affiliation, index) => (react_1.default.createElement(react_1.default.Fragment, { key: affiliation.data._id },
+        !!index && ',',
+        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

@@ -0,0 +1,52 @@
+"use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthorsList = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const authors_1 = require("../../lib/authors");
+const Button_1 = require("../Button");
+const Author_1 = require("./Author");
+const AuthorsContainer = styled_components_1.default.div `
+  align-items: center;
+  display: flex;
+
+  @media (min-width: 768px) {
+    & ${Button_1.PrimaryButton} {
+      display: ${(props) => (props.isEmpty ? 'initial' : 'none')};
+    }
+
+    &:hover ${Button_1.PrimaryButton} {
+      display: initial;
+    }
+  }
+`;
+const AuthorsActions = styled_components_1.default.div `
+  align-items: center;
+  display: flex;
+  margin-left: ${(props) => props.theme.grid.unit * 2}px;
+`;
+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: (0, authors_1.isJointFirstAuthor)(authors, index), affiliations: authorAffiliations.get(author._id), selectAuthor: selectAuthor, startEditing: startEditing, showEditButton: showEditButton, disableEditButton: disableEditButton }))))),
+    showEditButton && startEditing && (react_1.default.createElement(AuthorsActions, null,
+        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/AuthorsList/index.js

@@ -0,0 +1,32 @@
+"use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AuthorsList"), exports);

package/dist/cjs/components/FileManager/FileActions.js

@@ -76,7 +76,7 @@ const FileActions = ({ sectionType, handleDownload, handleReplace, handleDetach,
             showMove && (react_1.default.createElement(exports.FileAction, { onClick: () => setMoveDialogOpen(true) },
                 "Move to ",
                 move.sectionType)))),
-        showMove && (react_1.default.createElement(MoveFileConfirmationDialog, { isOpen: isMoveDialogOpen, close: () => setMoveDialogOpen(false), source: sectionType, target: move.sectionType, handleMove: move.handler })))) : (react_1.default.createElement(react_1.default.Fragment, null));
+        showMove && (react_1.default.createElement(MoveFileConfirmationDialog, { "data-cy": "file-move-confirm-dialog", isOpen: isMoveDialogOpen, close: () => setMoveDialogOpen(false), source: sectionType, target: move.sectionType, handleMove: move.handler })))) : (react_1.default.createElement(react_1.default.Fragment, null));
 };
 exports.FileActions = FileActions;
 const MoveFileConfirmationDialog = ({ isOpen, close, source, target, handleMove }) => {

package/dist/cjs/components/FileManager/FileManager.js

@@ -41,7 +41,7 @@ const FileManager = ({ files, fileManagement, modelMap, saveModel, deleteModel,
         react_1.default.createElement(DragLayer_1.DragLayer, null),
         react_1.default.createElement(exports.PermissionsContext.Provider, { value: can },
             react_1.default.createElement(InspectorSection_1.InspectorSection, { title: 'Files', contentStyles: { margin: '24px 16px' } },
-                react_1.default.createElement(Inspector_1.InspectorTabs, { defaultIndex: 0, style: { overflow: 'visible' } },
+                react_1.default.createElement(Inspector_1.InspectorTabs, { defaultIndex: 0, "data-cy": "files-tabs", style: { overflow: 'visible' } },
                     react_1.default.createElement(Inspector_1.InspectorTabList, null,
                         react_1.default.createElement(Inspector_1.InspectorTab, { "data-for": "inline", "data-tip": true }, "Inline files"),
                         react_1.default.createElement(Tooltip_1.Tooltip, { id: "inline", place: "bottom", offset: { bottom: -11 }, effect: "solid", className: "tooltip" }, "Files that can be found inline in the manuscript."),
@@ -51,10 +51,10 @@ const FileManager = ({ files, fileManagement, modelMap, saveModel, deleteModel,
                         react_1.default.createElement(Tooltip_1.Tooltip, { id: "other", place: "bottom", offset: { bottom: -11 }, effect: "solid", className: "tooltip" }, "Files excluded from the final submission.")),
                     react_1.default.createElement(Inspector_1.InspectorTabPanels, { style: { overflowY: 'visible', position: 'relative' } },
                         react_1.default.createElement(Inspector_1.InspectorTabPanel, null,
-                            react_1.default.createElement(InlineFilesSection_1.InlineFilesSection, { elements: inlineFiles, isEditor: enableDragAndDrop })),
+                            react_1.default.createElement(InlineFilesSection_1.InlineFilesSection, { "data-cy": "inline-files", elements: inlineFiles, isEditor: enableDragAndDrop })),
                         react_1.default.createElement(Inspector_1.InspectorTabPanel, null,
-                            react_1.default.createElement(SupplementsSection_1.SupplementsSection, { supplements: supplements })),
+                            react_1.default.createElement(SupplementsSection_1.SupplementsSection, { "data-cy": "supplements-files", supplements: supplements })),
                         react_1.default.createElement(Inspector_1.InspectorTabPanel, null,
-                            react_1.default.createElement(OtherFilesSection_1.OtherFilesSection, { files: otherFiles }))))))));
+                            react_1.default.createElement(OtherFilesSection_1.OtherFilesSection, { "data-cy": "other-files", files: otherFiles }))))))));
 };
 exports.FileManager = FileManager;

package/dist/cjs/components/FileManager/FileUploader.js

@@ -67,7 +67,7 @@ const FileUploader = ({ handler }) => {
         }),
     });
     const isActive = canDrop && isOver;
-    return (react_1.default.createElement(Container, { ref: dropRef, active: isActive, onClick: openFileDialog },
+    return (react_1.default.createElement(Container, { ref: dropRef, "data-cy": "file-uploader", active: isActive, onClick: openFileDialog },
         react_1.default.createElement("input", { ref: fileInputRef, type: "file", style: { display: 'none' }, onChange: (e) => handleChange(e), value: '' }),
         "Drag or click to upload a new file"));
 };

package/dist/cjs/components/FileManager/InlineFilesSection.js

@@ -79,7 +79,7 @@ const InlineFilesSection = ({ elements, isEditor }) => {
             react_1.default.createElement(ElementLabelContainer, null,
                 (0, util_1.getFileTypeIcon)(element.type),
                 react_1.default.createElement(ElementLabel, null, element.label)),
-            react_1.default.createElement(ElementFilesContainer, null, (_a = element.files) === null || _a === void 0 ? void 0 : _a.map((file) => (react_1.default.createElement(ElementFile, { key: file.modelId, file: file, handleReplace: (f) => __awaiter(void 0, void 0, void 0, function* () { return yield replace(element, file, f); }), handleDetach: () => __awaiter(void 0, void 0, void 0, function* () { return yield detach(element, file); }), handleDownload: () => fileManagement.download(file) }))))));
+            react_1.default.createElement(ElementFilesContainer, { "data-cy": "file-elements-container" }, (_a = element.files) === null || _a === void 0 ? void 0 : _a.map((file) => (react_1.default.createElement(ElementFile, { key: file.modelId, file: file, handleReplace: (f) => __awaiter(void 0, void 0, void 0, function* () { return yield replace(element, file, f); }), handleDetach: () => __awaiter(void 0, void 0, void 0, function* () { return yield detach(element, file); }), handleDownload: () => fileManagement.download(file) }))))));
     })));
 };
 exports.InlineFilesSection = InlineFilesSection;
@@ -87,7 +87,7 @@ const ElementFile = ({ file, handleReplace, handleDownload, handleDetach }) => {
     return (react_1.default.createElement(ModelFileContainer, null,
         react_1.default.createElement(FileName_1.FileName, { file: file }),
         react_1.default.createElement(FileCreatedDate_1.FileCreatedDate, { file: file, className: "show-on-hover" }),
-        react_1.default.createElement(FileActions_1.FileActions, { sectionType: util_1.FileSectionType.Inline, handleDownload: file.id ? handleDownload : undefined, handleDetach: file.id ? handleDetach : undefined, handleReplace: handleReplace })));
+        react_1.default.createElement(FileActions_1.FileActions, { "data-cy": "file-actions", sectionType: util_1.FileSectionType.Inline, handleDownload: file.id ? handleDownload : undefined, handleDetach: file.id ? handleDetach : undefined, handleReplace: handleReplace })));
 };
 const Element = styled_components_1.default.div `
   display: flex;

package/dist/cjs/components/ManuscriptNoteList.js

@@ -108,7 +108,7 @@ exports.ManuscriptNoteList = react_1.default.memo(({ createKeyword, deleteModel,
             items.length > 0 && (react_1.default.createElement(Checkbox, null,
                 react_1.default.createElement(Checkbox_1.CheckboxField, { checked: selectResolved, onChange: handleOnSelectChange }),
                 react_1.default.createElement(exports.LabelText, null, "See resolved")))),
-        items.length >= 0 && (react_1.default.createElement(NoteListContainer, null, items.map(([target, noteData]) => {
+        items.length >= 0 && (react_1.default.createElement(NoteListContainer, { "data-cy": "notes-list" }, items.map(([target, noteData]) => {
             const isSelected = (selected &&
                 (selected.node.attrs.id === target ||
                     selected.node.attrs.rid === target)) ||

package/dist/cjs/index.js

@@ -34,9 +34,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.errorsDecoder = exports.useDeepCompareCallback = exports.useDeepCompareMemo = void 0;
 __exportStar(require("./components/AffiliationsEditor"), exports);
+__exportStar(require("./components/AffiliationsList"), exports);
 __exportStar(require("./components/AuthorForm"), exports);
 __exportStar(require("./components/AuthorName"), exports);
+__exportStar(require("./components/AuthorsList"), exports);
 __exportStar(require("./components/AuthorsDND"), exports);
+__exportStar(require("./components/AuthorsContainer"), exports);
 __exportStar(require("./components/AlertMessage"), exports);
 __exportStar(require("./components/Button"), exports);
 __exportStar(require("./components/ColorField"), exports);

package/dist/es/components/AffiliationsList.js

@@ -0,0 +1,36 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import styled from 'styled-components';
+import formatAddress from '../lib/formatAddress';
+const Container = styled.table `
+  border-collapse: collapse;
+  font: inherit;
+  color: ${(props) => props.theme.colors.text.secondary};
+  margin-top: ${(props) => props.theme.grid.unit * 4}px;
+`;
+const Header = styled.th `
+  font-weight: ${(props) => props.theme.font.weight.normal}
+  padding: 0 4px 0 0;
+  vertical-align: top;
+`;
+const Body = styled.td `
+  padding: 0;
+`;
+export const AffiliationsList = ({ affiliations, }) => (React.createElement(Container, null,
+    React.createElement("tbody", null, Array.from(affiliations.values()).map((affiliation, index) => (React.createElement("tr", { key: affiliation._id },
+        React.createElement(Header, null, index + 1),
+        React.createElement(Body, null, formatAddress(affiliation))))))));

package/dist/es/components/AuthorsContainer.js

@@ -0,0 +1,41 @@
+/*!
+ * © 2021 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+import { AffiliationsList } from './AffiliationsList';
+import { AuthorsList } from './AuthorsList';
+export const AuthorsContainer = ({ authorData, showEditButton, startEditing, selectAuthor, disableEditButton, }) => {
+    const authorAffiliations = useMemo(() => authorData.authors.filter((author) => author.role === 'author'), [authorData.authors]);
+    const isThereJointContributor = useMemo(() => authorData.authors.find((contributor) => contributor.isJointContributor), [authorData.authors]);
+    return (React.createElement(Container, { "data-cy": 'author-container' },
+        React.createElement(AuthorsList, { authors: authorAffiliations, authorAffiliations: authorData.authorAffiliations, startEditing: startEditing, showEditButton: showEditButton, selectAuthor: selectAuthor, disableEditButton: disableEditButton }),
+        React.createElement(AffiliationsList, { affiliations: authorData.affiliations }),
+        isThereJointContributor && (React.createElement(LegendWrapper, null,
+            React.createElement(Legend, null, "\u2020"),
+            "These authors contributed equally to this work."))));
+};
+const Container = styled.div `
+  margin-top: ${(props) => props.theme.grid.unit * 4}px;
+`;
+const LegendWrapper = styled.p `
+  margin: ${(props) => props.theme.grid.unit * 4}px 0 0 0;
+`;
+const Legend = styled.span `
+  display: inline-block;
+  font-size: 0.75em;
+  line-height: 1;
+  vertical-align: top;
+`;

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

@@ -0,0 +1,69 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import styled, { css } from 'styled-components';
+import { AuthorName } from '../AuthorName';
+const AuthorNotes = styled.span `
+  display: inline-block;
+  font-size: 0.75em;
+  line-height: 1;
+  vertical-align: top;
+`;
+const LinkSharedStyles = css `
+  text-decoration: none;
+  color: inherit;
+  outline: none;
+
+  &:not(:disabled) {
+    &:hover,
+    &:focus {
+      &,
+      span {
+        color: ${(props) => props.theme.colors.text.tertiary};
+      }
+    }
+  }
+`;
+const AuthorAffiliation = styled.span `
+  ${LinkSharedStyles}
+`;
+const AuthorsContainer = styled.button `
+  display: inline-flex;
+  background: transparent;
+  border: 0;
+  font-size: 1rem;
+  ${LinkSharedStyles}
+
+  &:not(:disabled) {
+    &:hover {
+      text-decoration: underline;
+      cursor: pointer !important;
+    }
+  }
+`;
+export const Author = ({ author, affiliations, jointFirstAuthor, startEditing, selectAuthor, showEditButton, disableEditButton, }) => (React.createElement("span", { key: author._id },
+    showEditButton ? (React.createElement(AuthorsContainer, { disabled: disableEditButton, onClick: (e) => {
+            e.preventDefault();
+            startEditing && startEditing();
+            selectAuthor && selectAuthor(author);
+        } },
+        React.createElement(AuthorName, { name: author.bibliographicName, email: (author.isCorresponding && author.email) || undefined }))) : (React.createElement(AuthorName, { name: author.bibliographicName, email: (author.isCorresponding && author.email) || undefined })),
+    affiliations && (React.createElement(AuthorNotes, null, affiliations.map((affiliation, index) => (React.createElement(React.Fragment, { key: affiliation.data._id },
+        !!index && ',',
+        React.createElement(AuthorAffiliation, null, affiliation.ordinal)))))),
+    author.isCorresponding && (React.createElement(AuthorNotes, { title: 'Corresponding author' }, "*")),
+    jointFirstAuthor && (React.createElement(AuthorNotes, { title: 'Joint contributor' }, "\u2020"))));
+export default Author;

package/dist/es/components/AuthorsList/AuthorsList.js

@@ -0,0 +1,45 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import styled from 'styled-components';
+import { isJointFirstAuthor } from '../../lib/authors';
+import { PrimaryButton } from '../Button';
+import { Author } from './Author';
+const AuthorsContainer = styled.div `
+  align-items: center;
+  display: flex;
+
+  @media (min-width: 768px) {
+    & ${PrimaryButton} {
+      display: ${(props) => (props.isEmpty ? 'initial' : 'none')};
+    }
+
+    &:hover ${PrimaryButton} {
+      display: initial;
+    }
+  }
+`;
+const AuthorsActions = styled.div `
+  align-items: center;
+  display: flex;
+  margin-left: ${(props) => props.theme.grid.unit * 2}px;
+`;
+export const AuthorsList = ({ authors, authorAffiliations, startEditing, showEditButton, disableEditButton, selectAuthor, }) => (React.createElement(AuthorsContainer, { isEmpty: !authors.length },
+    React.createElement("div", null, authors.map((author, index) => (React.createElement(React.Fragment, { key: author._id },
+        !!index && ', ',
+        React.createElement(Author, { author: author, jointFirstAuthor: isJointFirstAuthor(authors, index), affiliations: authorAffiliations.get(author._id), selectAuthor: selectAuthor, startEditing: startEditing, showEditButton: showEditButton, disableEditButton: disableEditButton }))))),
+    showEditButton && startEditing && (React.createElement(AuthorsActions, null,
+        React.createElement(PrimaryButton, { mini: true, onClick: startEditing, className: 'edit_authors_button', disabled: disableEditButton }, "Edit Authors")))));

package/dist/es/components/AuthorsList/index.js

@@ -0,0 +1,16 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './AuthorsList';

package/dist/es/components/FileManager/FileActions.js

@@ -47,7 +47,7 @@ export const FileActions = ({ sectionType, handleDownload, handleReplace, handle
             showMove && (React.createElement(FileAction, { onClick: () => setMoveDialogOpen(true) },
                 "Move to ",
                 move.sectionType)))),
-        showMove && (React.createElement(MoveFileConfirmationDialog, { isOpen: isMoveDialogOpen, close: () => setMoveDialogOpen(false), source: sectionType, target: move.sectionType, handleMove: move.handler })))) : (React.createElement(React.Fragment, null));
+        showMove && (React.createElement(MoveFileConfirmationDialog, { "data-cy": "file-move-confirm-dialog", isOpen: isMoveDialogOpen, close: () => setMoveDialogOpen(false), source: sectionType, target: move.sectionType, handleMove: move.handler })))) : (React.createElement(React.Fragment, null));
 };
 const MoveFileConfirmationDialog = ({ isOpen, close, source, target, handleMove }) => {
     const header = `Are you sure you want to move this file to “${target}”?`;

package/dist/es/components/FileManager/FileManager.js

@@ -15,7 +15,7 @@ export const FileManager = ({ files, fileManagement, modelMap, saveModel, delete
         React.createElement(DragLayer, null),
         React.createElement(PermissionsContext.Provider, { value: can },
             React.createElement(InspectorSection, { title: 'Files', contentStyles: { margin: '24px 16px' } },
-                React.createElement(InspectorTabs, { defaultIndex: 0, style: { overflow: 'visible' } },
+                React.createElement(InspectorTabs, { defaultIndex: 0, "data-cy": "files-tabs", style: { overflow: 'visible' } },
                     React.createElement(InspectorTabList, null,
                         React.createElement(InspectorTab, { "data-for": "inline", "data-tip": true }, "Inline files"),
                         React.createElement(Tooltip, { id: "inline", place: "bottom", offset: { bottom: -11 }, effect: "solid", className: "tooltip" }, "Files that can be found inline in the manuscript."),
@@ -25,9 +25,9 @@ export const FileManager = ({ files, fileManagement, modelMap, saveModel, delete
                         React.createElement(Tooltip, { id: "other", place: "bottom", offset: { bottom: -11 }, effect: "solid", className: "tooltip" }, "Files excluded from the final submission.")),
                     React.createElement(InspectorTabPanels, { style: { overflowY: 'visible', position: 'relative' } },
                         React.createElement(InspectorTabPanel, null,
-                            React.createElement(InlineFilesSection, { elements: inlineFiles, isEditor: enableDragAndDrop })),
+                            React.createElement(InlineFilesSection, { "data-cy": "inline-files", elements: inlineFiles, isEditor: enableDragAndDrop })),
                         React.createElement(InspectorTabPanel, null,
-                            React.createElement(SupplementsSection, { supplements: supplements })),
+                            React.createElement(SupplementsSection, { "data-cy": "supplements-files", supplements: supplements })),
                         React.createElement(InspectorTabPanel, null,
-                            React.createElement(OtherFilesSection, { files: otherFiles }))))))));
+                            React.createElement(OtherFilesSection, { "data-cy": "other-files", files: otherFiles }))))))));
 };

package/dist/es/components/FileManager/FileUploader.js

@@ -41,7 +41,7 @@ export const FileUploader = ({ handler }) => {
         }),
     });
     const isActive = canDrop && isOver;
-    return (React.createElement(Container, { ref: dropRef, active: isActive, onClick: openFileDialog },
+    return (React.createElement(Container, { ref: dropRef, "data-cy": "file-uploader", active: isActive, onClick: openFileDialog },
         React.createElement("input", { ref: fileInputRef, type: "file", style: { display: 'none' }, onChange: (e) => handleChange(e), value: '' }),
         "Drag or click to upload a new file"));
 };

package/dist/es/components/FileManager/InlineFilesSection.js

@@ -50,14 +50,14 @@ export const InlineFilesSection = ({ elements, isEditor }) => {
             React.createElement(ElementLabelContainer, null,
                 getFileTypeIcon(element.type),
                 React.createElement(ElementLabel, null, element.label)),
-            React.createElement(ElementFilesContainer, null, (_a = element.files) === null || _a === void 0 ? void 0 : _a.map((file) => (React.createElement(ElementFile, { key: file.modelId, file: file, handleReplace: (f) => __awaiter(void 0, void 0, void 0, function* () { return yield replace(element, file, f); }), handleDetach: () => __awaiter(void 0, void 0, void 0, function* () { return yield detach(element, file); }), handleDownload: () => fileManagement.download(file) }))))));
+            React.createElement(ElementFilesContainer, { "data-cy": "file-elements-container" }, (_a = element.files) === null || _a === void 0 ? void 0 : _a.map((file) => (React.createElement(ElementFile, { key: file.modelId, file: file, handleReplace: (f) => __awaiter(void 0, void 0, void 0, function* () { return yield replace(element, file, f); }), handleDetach: () => __awaiter(void 0, void 0, void 0, function* () { return yield detach(element, file); }), handleDownload: () => fileManagement.download(file) }))))));
     })));
 };
 const ElementFile = ({ file, handleReplace, handleDownload, handleDetach }) => {
     return (React.createElement(ModelFileContainer, null,
         React.createElement(FileName, { file: file }),
         React.createElement(FileCreatedDate, { file: file, className: "show-on-hover" }),
-        React.createElement(FileActions, { sectionType: FileSectionType.Inline, handleDownload: file.id ? handleDownload : undefined, handleDetach: file.id ? handleDetach : undefined, handleReplace: handleReplace })));
+        React.createElement(FileActions, { "data-cy": "file-actions", sectionType: FileSectionType.Inline, handleDownload: file.id ? handleDownload : undefined, handleDetach: file.id ? handleDetach : undefined, handleReplace: handleReplace })));
 };
 const Element = styled.div `
   display: flex;

package/dist/es/components/ManuscriptNoteList.js

@@ -79,7 +79,7 @@ export const ManuscriptNoteList = React.memo(({ createKeyword, deleteModel, getC
             items.length > 0 && (React.createElement(Checkbox, null,
                 React.createElement(CheckboxField, { checked: selectResolved, onChange: handleOnSelectChange }),
                 React.createElement(LabelText, null, "See resolved")))),
-        items.length >= 0 && (React.createElement(NoteListContainer, null, items.map(([target, noteData]) => {
+        items.length >= 0 && (React.createElement(NoteListContainer, { "data-cy": "notes-list" }, items.map(([target, noteData]) => {
             const isSelected = (selected &&
                 (selected.node.attrs.id === target ||
                     selected.node.attrs.rid === target)) ||

package/dist/es/index.js

@@ -14,9 +14,12 @@
  * limitations under the License.
  */
 export * from './components/AffiliationsEditor';
+export * from './components/AffiliationsList';
 export * from './components/AuthorForm';
 export * from './components/AuthorName';
+export * from './components/AuthorsList';
 export * from './components/AuthorsDND';
+export * from './components/AuthorsContainer';
 export * from './components/AlertMessage';
 export * from './components/Button';
 export * from './components/ColorField';

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

@@ -0,0 +1,22 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { AffiliationMap } from '../types';
+interface Props {
+    affiliations: AffiliationMap;
+}
+export declare const AffiliationsList: React.FunctionComponent<Props>;
+export {};

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

@@ -0,0 +1,25 @@
+/*!
+ * © 2021 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Contributor } from '@manuscripts/json-schema';
+import React from 'react';
+import { AuthorData } from '../types';
+export declare const AuthorsContainer: React.FC<{
+    authorData: AuthorData;
+    showEditButton: boolean;
+    disableEditButton?: boolean;
+    startEditing: () => void;
+    selectAuthor: (data: Contributor) => void;
+}>;

package/dist/types/components/AuthorsList/Author.d.ts

@@ -0,0 +1,29 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Contributor } from '@manuscripts/json-schema';
+import React from 'react';
+import { AuthorAffiliation as AuthorAffiliationT } from '../../types';
+interface AuthorProps {
+    author: Contributor;
+    affiliations?: AuthorAffiliationT[];
+    jointFirstAuthor: boolean;
+    showEditButton?: boolean;
+    disableEditButton?: boolean;
+    selectAuthor?: (data: Contributor) => void;
+    startEditing?: () => void;
+}
+export declare const Author: React.FunctionComponent<AuthorProps>;
+export default Author;

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

@@ -0,0 +1,28 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Contributor } from '@manuscripts/json-schema';
+import React from 'react';
+import { AuthorAffiliation } from '../../types';
+interface Props {
+    authors: Contributor[];
+    authorAffiliations: Map<string, AuthorAffiliation[]>;
+    showEditButton?: boolean;
+    disableEditButton?: boolean;
+    startEditing?: () => void;
+    selectAuthor?: (data: Contributor) => void;
+}
+export declare const AuthorsList: React.FunctionComponent<Props>;
+export {};

package/dist/types/components/AuthorsList/index.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './AuthorsList';

package/dist/types/index.d.ts

@@ -15,9 +15,12 @@
  */
 export { Theme } from './theme';
 export * from './components/AffiliationsEditor';
+export * from './components/AffiliationsList';
 export * from './components/AuthorForm';
 export * from './components/AuthorName';
+export * from './components/AuthorsList';
 export * from './components/AuthorsDND';
+export * from './components/AuthorsContainer';
 export * from './components/AlertMessage';
 export * from './components/Button';
 export * from './components/ColorField';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.5.0-LEAN-3083",
+  "version": "1.5.0-LEAN-2797",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",