@manuscripts/style-guide 1.7.0-LEAN-3083 → 1.7.1

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/Comments/CommentBody.js

@@ -63,7 +63,7 @@ exports.CommentBody = react_1.default.memo(({ comment, saveComment, deleteCommen
                             (comment.contents === values.contents ||
                                 !values.contents.replace(/<[^>]+>/g, '').length)), type: "submit" }, "Save"))))))) : (react_1.default.createElement("div", null,
         react_1.default.createElement(CommentContent, { onClick: () => scrollIntoHighlight && scrollIntoHighlight(comment) },
-            react_1.default.createElement(StyledCommentViewer, null, comment.contents)),
+            react_1.default.createElement(StyledCommentViewer, { "data-cy": "note-text" }, comment.contents)),
         !isReply && (react_1.default.createElement(CommentFooter, null,
             react_1.default.createElement("span", null,
                 react_1.default.createElement(ActionButton, { hidden: !isProdNote, "data-tip": true, "data-for": `reply-${comment._id}`, onClick: () => handleCreateReply(comment._id), "aria-label": 'reply', className: "reply-button note-actions" },

package/dist/cjs/components/Comments/CommentTarget.js

@@ -51,5 +51,5 @@ exports.CommentTarget = react_1.default.memo(({ isSelected, children }) => {
             });
         }
     });
-    return react_1.default.createElement("div", { ref: threadRef }, children);
+    return (react_1.default.createElement("div", { "data-cy": "comment-target", ref: threadRef }, children));
 });

package/dist/cjs/components/Comments/CommentWrapper.js

@@ -84,8 +84,8 @@ const CommentWrapper = ({ createKeyword, comment, can, currentUserId, getCollabo
         }
     }, [handleRequestSelect]);
     const isOwnComment = (0, react_1.useMemo)(() => isOwn(comment, currentUserId), [comment, currentUserId]);
-    return (react_1.default.createElement(Note, { ref: threadRef, isSelected: isSelected },
-        react_1.default.createElement(NoteHeader, null,
+    return (react_1.default.createElement(Note, { "data-cy": "note", ref: threadRef, isSelected: isSelected },
+        react_1.default.createElement(NoteHeader, { "data-cy": "note-header" },
             react_1.default.createElement(NoteTitle, { type: "button", onMouseDown: onTitleMouseDown, onKeyDown: onTitleKeyDown }, comment.contributions && (react_1.default.createElement(CommentUser_1.CommentUser, { contributions: comment.contributions, getCollaboratorById: getCollaborator, displayName: comment.displayName, createdAt: (0, comments_1.isSavedComment)(comment) ? comment.createdAt * 1000 : undefined }))),
             react_1.default.createElement(CommentActions_1.CommentActions, { id: comment._id, isOwnComment: isOwnComment, can: can, target: comment.target, isResolved: comment.resolved, handleSetResolved: handleSetResolved, deleteComment: deleteComment, setIsEditing: setIsEditing, isProdNote: isProdNote })),
         children,

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

@@ -65,9 +65,9 @@ const FileActions = ({ sectionType, handleDownload, handleReplace, handleDetach,
         }
     };
     return show ? (react_1.default.createElement(Dropdown_1.DropdownContainer, { ref: wrapperRef },
-        react_1.default.createElement(exports.ActionsIcon, { onClick: toggleOpen, type: "button", className: "show-on-hover", "aria-label": "Actions", "aria-pressed": isOpen },
+        react_1.default.createElement(exports.ActionsIcon, { onClick: toggleOpen, type: "button", className: "show-on-hover", "data-cy": "file-actions", "aria-label": "Actions", "aria-pressed": isOpen },
             react_1.default.createElement(dots_icon_1.default, null)),
-        isOpen && (react_1.default.createElement(exports.FileActionDropdownList, { direction: "right", className: className, width: 192, top: 5, onClick: toggleOpen },
+        isOpen && (react_1.default.createElement(exports.FileActionDropdownList, { "data-cy": "file-actions-dropdown", direction: "right", className: className, width: 192, top: 5, onClick: toggleOpen },
             showDownload && (react_1.default.createElement(exports.FileAction, { onClick: handleDownload }, "Download")),
             showReplace && (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(exports.FileAction, { onClick: openFileDialog }, "Replace"),

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

@@ -50,11 +50,11 @@ const FileManager = ({ files, fileManagement, modelMap, saveModel, deleteModel,
                         react_1.default.createElement(Inspector_1.InspectorTab, { "data-for": "other", "data-tip": true }, "Other files"),
                         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, { "data-cy": "inline-files", elements: inlineFiles, isEditor: enableDragAndDrop })),
-                        react_1.default.createElement(Inspector_1.InspectorTabPanel, null,
-                            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, { "data-cy": "other-files", files: otherFiles }))))))));
+                        react_1.default.createElement(Inspector_1.InspectorTabPanel, { "data-cy": "inline" },
+                            react_1.default.createElement(InlineFilesSection_1.InlineFilesSection, { elements: inlineFiles, isEditor: enableDragAndDrop })),
+                        react_1.default.createElement(Inspector_1.InspectorTabPanel, { "data-cy": "supplements" },
+                            react_1.default.createElement(SupplementsSection_1.SupplementsSection, { supplements: supplements })),
+                        react_1.default.createElement(Inspector_1.InspectorTabPanel, { "data-cy": "other" },
+                            react_1.default.createElement(OtherFilesSection_1.OtherFilesSection, { files: otherFiles }))))))));
 };
 exports.FileManager = FileManager;

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

@@ -10,7 +10,7 @@ const FileTypeIcon_1 = require("./FileTypeIcon");
 const FileName = ({ file }) => {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(FileTypeIcon_1.FileTypeIcon, { file: file }),
-        react_1.default.createElement(exports.FileNameText, null, file.name)));
+        react_1.default.createElement(exports.FileNameText, { "data-cy": "filename" }, file.name)));
 };
 exports.FileName = FileName;
 exports.FileNameText = styled_components_1.default.div `

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

@@ -84,7 +84,7 @@ const InlineFilesSection = ({ elements, isEditor }) => {
 };
 exports.InlineFilesSection = InlineFilesSection;
 const ElementFile = ({ file, handleReplace, handleDownload, handleDetach }) => {
-    return (react_1.default.createElement(ModelFileContainer, null,
+    return (react_1.default.createElement(ModelFileContainer, { "data-cy": "file-container" },
         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, { "data-cy": "file-actions", sectionType: util_1.FileSectionType.Inline, handleDownload: file.id ? handleDownload : undefined, handleDetach: file.id ? handleDetach : undefined, handleReplace: handleReplace })));

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

@@ -91,7 +91,7 @@ const OtherFile = ({ file, handleDownload, handleMoveToSupplements }) => {
     (0, react_1.useEffect)(() => {
         preview((0, react_dnd_html5_backend_1.getEmptyImage)());
     }, [preview]);
-    return (react_1.default.createElement(FileContainer_1.FileContainer, { key: file.id, ref: drag, className: isDragging ? 'dragging' : '' },
+    return (react_1.default.createElement(FileContainer_1.FileContainer, { key: file.id, "data-cy": "file-container", ref: drag, className: isDragging ? 'dragging' : '' },
         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.OtherFile, handleDownload: handleDownload, move: {

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

@@ -106,10 +106,10 @@ const SupplementFile = ({ file, handleDownload, handleReplace, handleDetach }) =
     (0, react_1.useEffect)(() => {
         preview((0, react_dnd_html5_backend_1.getEmptyImage)());
     }, [preview]);
-    return (react_1.default.createElement(FileContainer_1.FileContainer, { key: file.id, ref: drag, className: isDragging ? 'dragging' : '' },
+    return (react_1.default.createElement(FileContainer_1.FileContainer, { "data-cy": "file-container", key: file.id, ref: drag, className: isDragging ? 'dragging' : '' },
         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.Supplements, handleDownload: file.id ? handleDownload : undefined, handleReplace: handleReplace, move: file.id
+        react_1.default.createElement(FileActions_1.FileActions, { "data-cy": "file-actions", sectionType: util_1.FileSectionType.Supplements, handleDownload: file.id ? handleDownload : undefined, handleReplace: handleReplace, move: file.id
                 ? {
                     sectionType: util_1.FileSectionType.OtherFile,
                     handler: handleDetach,

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/Comments/CommentBody.js

@@ -34,7 +34,7 @@ export const CommentBody = React.memo(({ comment, saveComment, deleteComment, is
                             (comment.contents === values.contents ||
                                 !values.contents.replace(/<[^>]+>/g, '').length)), type: "submit" }, "Save"))))))) : (React.createElement("div", null,
         React.createElement(CommentContent, { onClick: () => scrollIntoHighlight && scrollIntoHighlight(comment) },
-            React.createElement(StyledCommentViewer, null, comment.contents)),
+            React.createElement(StyledCommentViewer, { "data-cy": "note-text" }, comment.contents)),
         !isReply && (React.createElement(CommentFooter, null,
             React.createElement("span", null,
                 React.createElement(ActionButton, { hidden: !isProdNote, "data-tip": true, "data-for": `reply-${comment._id}`, onClick: () => handleCreateReply(comment._id), "aria-label": 'reply', className: "reply-button note-actions" },

package/dist/es/components/Comments/CommentTarget.js

@@ -25,5 +25,5 @@ export const CommentTarget = React.memo(({ isSelected, children }) => {
             });
         }
     });
-    return React.createElement("div", { ref: threadRef }, children);
+    return (React.createElement("div", { "data-cy": "comment-target", ref: threadRef }, children));
 });

package/dist/es/components/Comments/CommentWrapper.js

@@ -55,8 +55,8 @@ export const CommentWrapper = ({ createKeyword, comment, can, currentUserId, get
         }
     }, [handleRequestSelect]);
     const isOwnComment = useMemo(() => isOwn(comment, currentUserId), [comment, currentUserId]);
-    return (React.createElement(Note, { ref: threadRef, isSelected: isSelected },
-        React.createElement(NoteHeader, null,
+    return (React.createElement(Note, { "data-cy": "note", ref: threadRef, isSelected: isSelected },
+        React.createElement(NoteHeader, { "data-cy": "note-header" },
             React.createElement(NoteTitle, { type: "button", onMouseDown: onTitleMouseDown, onKeyDown: onTitleKeyDown }, comment.contributions && (React.createElement(CommentUser, { contributions: comment.contributions, getCollaboratorById: getCollaborator, displayName: comment.displayName, createdAt: isSavedComment(comment) ? comment.createdAt * 1000 : undefined }))),
             React.createElement(CommentActions, { id: comment._id, isOwnComment: isOwnComment, can: can, target: comment.target, isResolved: comment.resolved, handleSetResolved: handleSetResolved, deleteComment: deleteComment, setIsEditing: setIsEditing, isProdNote: isProdNote })),
         children,

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

@@ -36,9 +36,9 @@ export const FileActions = ({ sectionType, handleDownload, handleReplace, handle
         }
     };
     return show ? (React.createElement(DropdownContainer, { ref: wrapperRef },
-        React.createElement(ActionsIcon, { onClick: toggleOpen, type: "button", className: "show-on-hover", "aria-label": "Actions", "aria-pressed": isOpen },
+        React.createElement(ActionsIcon, { onClick: toggleOpen, type: "button", className: "show-on-hover", "data-cy": "file-actions", "aria-label": "Actions", "aria-pressed": isOpen },
             React.createElement(DotsIcon, null)),
-        isOpen && (React.createElement(FileActionDropdownList, { direction: "right", className: className, width: 192, top: 5, onClick: toggleOpen },
+        isOpen && (React.createElement(FileActionDropdownList, { "data-cy": "file-actions-dropdown", direction: "right", className: className, width: 192, top: 5, onClick: toggleOpen },
             showDownload && (React.createElement(FileAction, { onClick: handleDownload }, "Download")),
             showReplace && (React.createElement(React.Fragment, null,
                 React.createElement(FileAction, { onClick: openFileDialog }, "Replace"),

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

@@ -24,10 +24,10 @@ export const FileManager = ({ files, fileManagement, modelMap, saveModel, delete
                         React.createElement(InspectorTab, { "data-for": "other", "data-tip": true }, "Other files"),
                         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, { "data-cy": "inline-files", elements: inlineFiles, isEditor: enableDragAndDrop })),
-                        React.createElement(InspectorTabPanel, null,
-                            React.createElement(SupplementsSection, { "data-cy": "supplements-files", supplements: supplements })),
-                        React.createElement(InspectorTabPanel, null,
-                            React.createElement(OtherFilesSection, { "data-cy": "other-files", files: otherFiles }))))))));
+                        React.createElement(InspectorTabPanel, { "data-cy": "inline" },
+                            React.createElement(InlineFilesSection, { elements: inlineFiles, isEditor: enableDragAndDrop })),
+                        React.createElement(InspectorTabPanel, { "data-cy": "supplements" },
+                            React.createElement(SupplementsSection, { supplements: supplements })),
+                        React.createElement(InspectorTabPanel, { "data-cy": "other" },
+                            React.createElement(OtherFilesSection, { files: otherFiles }))))))));
 };

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

@@ -4,7 +4,7 @@ import { FileTypeIcon } from './FileTypeIcon';
 export const FileName = ({ file }) => {
     return (React.createElement(React.Fragment, null,
         React.createElement(FileTypeIcon, { file: file }),
-        React.createElement(FileNameText, null, file.name)));
+        React.createElement(FileNameText, { "data-cy": "filename" }, file.name)));
 };
 export const FileNameText = styled.div `
   font-family: ${(props) => props.theme.font.family.Lato};

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

@@ -54,7 +54,7 @@ export const InlineFilesSection = ({ elements, isEditor }) => {
     })));
 };
 const ElementFile = ({ file, handleReplace, handleDownload, handleDetach }) => {
-    return (React.createElement(ModelFileContainer, null,
+    return (React.createElement(ModelFileContainer, { "data-cy": "file-container" },
         React.createElement(FileName, { file: file }),
         React.createElement(FileCreatedDate, { file: file, className: "show-on-hover" }),
         React.createElement(FileActions, { "data-cy": "file-actions", sectionType: FileSectionType.Inline, handleDownload: file.id ? handleDownload : undefined, handleDetach: file.id ? handleDetach : undefined, handleReplace: handleReplace })));

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

@@ -64,7 +64,7 @@ const OtherFile = ({ file, handleDownload, handleMoveToSupplements }) => {
     useEffect(() => {
         preview(getEmptyImage());
     }, [preview]);
-    return (React.createElement(FileContainer, { key: file.id, ref: drag, className: isDragging ? 'dragging' : '' },
+    return (React.createElement(FileContainer, { key: file.id, "data-cy": "file-container", ref: drag, className: isDragging ? 'dragging' : '' },
         React.createElement(FileName, { file: file }),
         React.createElement(FileCreatedDate, { file: file, className: "show-on-hover" }),
         React.createElement(FileActions, { sectionType: FileSectionType.OtherFile, handleDownload: handleDownload, move: {

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

@@ -79,10 +79,10 @@ const SupplementFile = ({ file, handleDownload, handleReplace, handleDetach }) =
     useEffect(() => {
         preview(getEmptyImage());
     }, [preview]);
-    return (React.createElement(FileContainer, { key: file.id, ref: drag, className: isDragging ? 'dragging' : '' },
+    return (React.createElement(FileContainer, { "data-cy": "file-container", key: file.id, ref: drag, className: isDragging ? 'dragging' : '' },
         React.createElement(FileName, { file: file }),
         React.createElement(FileCreatedDate, { file: file, className: "show-on-hover" }),
-        React.createElement(FileActions, { sectionType: FileSectionType.Supplements, handleDownload: file.id ? handleDownload : undefined, handleReplace: handleReplace, move: file.id
+        React.createElement(FileActions, { "data-cy": "file-actions", sectionType: FileSectionType.Supplements, handleDownload: file.id ? handleDownload : undefined, handleReplace: handleReplace, move: file.id
                 ? {
                     sectionType: FileSectionType.OtherFile,
                     handler: handleDetach,

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.7.0-LEAN-3083",
+  "version": "1.7.1",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",