@manuscripts/body-editor 1.11.0 → 1.11.1

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

@@ -47,7 +47,7 @@ const StyledButtonGroup = (0, styled_components_1.default)(style_guide_1.ButtonG
 `;
 const AuthorActions = ({ author, onSave, onDelete, onCancel, }) => {
     const [showDeleteDialog, setShowDeleteDialog] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(AuthorActionsContainer, null,
+    return (react_1.default.createElement(AuthorActionsContainer, { "data-cy": "author-action" },
         react_1.default.createElement(DeleteAuthorConfirmationDialog_1.DeleteAuthorConfirmationDialog, { author: author, isOpen: showDeleteDialog, onDelete: () => {
                 setShowDeleteDialog(true);
                 onDelete();

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

@@ -109,7 +109,7 @@ const AuthorAffiliations = ({ author, affiliations, onSave, onAdd, onRemove, })
         onSave(affiliation);
         onAdd(affiliation);
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", { "data-cy": "affiliations-editor" },
         authorAffiliations.map((a) => (react_1.default.createElement(AffiliationButton_1.AffiliationButton, { key: `${author.id}-${a.id}`, affiliation: a, onSave: onSave, onRemove: () => onRemove(a) }))),
         react_1.default.createElement(creatable_1.default, { options: options, isMulti: false, isClearable: true, value: null, inputValue: searchText, components: {
                 IndicatorsContainer: exports.AddAffiliationIndicator,

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

@@ -30,7 +30,7 @@ const AuthorListContainer = styled_components_1.default.div `
 `;
 const AuthorList = ({ author, authors, onSelect, moveAuthor, }) => {
     return (react_1.default.createElement(react_dnd_1.DndProvider, { backend: react_dnd_html5_backend_1.HTML5Backend },
-        react_1.default.createElement(AuthorListContainer, null, authors.map((a) => {
+        react_1.default.createElement(AuthorListContainer, { "data-cy": "authors-list" }, authors.map((a) => {
             return (react_1.default.createElement(DraggableAuthor_1.DraggableAuthor, { key: a.id, author: a, isSelected: a.id === (author === null || author === void 0 ? void 0 : author.id), onClick: () => onSelect(a), moveAuthor: moveAuthor }));
         }))));
 };

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

@@ -221,11 +221,11 @@ const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, author,
                     react_1.default.createElement(style_guide_1.ModalSidebarHeader, null,
                         react_1.default.createElement(style_guide_1.ModalSidebarTitle, null, "Authors")),
                     react_1.default.createElement(style_guide_1.SidebarContent, null,
-                        react_1.default.createElement(AddAuthorButton, { onClick: handleAddAuthor },
+                        react_1.default.createElement(AddAuthorButton, { "data-cy": "add-author-button", onClick: handleAddAuthor },
                             react_1.default.createElement(style_guide_1.AddIcon, { width: 40, height: 40 }),
                             react_1.default.createElement(ActionTitle, null, "Add Author")),
                         react_1.default.createElement(AuthorList_1.AuthorList, { author: selection, authors: authors, onSelect: handleSelect, moveAuthor: handleMoveAuthor }))),
-                react_1.default.createElement(style_guide_1.ScrollableModalContent, null, selection ? (react_1.default.createElement(AuthorForms, null,
+                react_1.default.createElement(style_guide_1.ScrollableModalContent, { "data-cy": "author-modal-content" }, selection ? (react_1.default.createElement(AuthorForms, null,
                     react_1.default.createElement(SaveAuthorConfirmationDialog_1.SaveAuthorConfirmationDialog, { isOpen: showConfirmationDialog, onSave: () => handleSaveAuthor(valuesRef.current), onCancel: handleResetAuthor }),
                     react_1.default.createElement(AuthorActions_1.AuthorActions, { author: selection, onSave: () => handleSaveAuthor(valuesRef.current), onDelete: handleDeleteAuthor, onCancel: () => setOpen(false) }),
                     react_1.default.createElement(FormLabel, null, "Details"),

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

@@ -142,15 +142,22 @@ const DraggableAuthor = ({ author, isSelected, onClick, moveAuthor, }) => {
         }),
     });
     dragRef(dropRef(ref));
-    const dragClass = isDragging ? 'dragging' : '';
-    const dropClass = isOver && dropSide ? `drop-${dropSide}` : '';
-    const activeClass = isSelected ? 'active' : '';
-    return (react_1.default.createElement(AuthorContainer, { ref: ref, className: `${dragClass} ${dropClass} ${activeClass}`, onClick: onClick },
-        react_1.default.createElement(AvatarContainer, null,
+    const classes = [];
+    if (isDragging) {
+        classes.push('dragging');
+    }
+    if (isOver && dropSide) {
+        classes.push(`drop-${dropSide}`);
+    }
+    if (isSelected) {
+        classes.push('active');
+    }
+    return (react_1.default.createElement(AuthorContainer, { ref: ref, className: classes.join(' '), onClick: onClick, "data-cy": "author-item" },
+        react_1.default.createElement(AvatarContainer, { "data-cy": "author-avatar" },
             react_1.default.createElement(style_guide_1.Avatar, { size: 36, color: '#6e6e6e' }),
-            react_1.default.createElement(AuthorNotes, null, author.isCorresponding && (react_1.default.createElement(AuthorBadge, null,
+            react_1.default.createElement(AuthorNotes, { "data-cy": "author-notes" }, author.isCorresponding && (react_1.default.createElement(AuthorBadge, null,
                 react_1.default.createElement(style_guide_1.CorrespondingAuthorIcon, null))))),
-        react_1.default.createElement(AuthorName, null, (0, authors_1.authorLabel)(author)),
+        react_1.default.createElement(AuthorName, { "data-cy": "author-name" }, (0, authors_1.authorLabel)(author)),
         isSelected && react_1.default.createElement(DragHandle, null)));
 };
 exports.DraggableAuthor = DraggableAuthor;

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

@@ -18,7 +18,7 @@ const StyledButtonGroup = styled(ButtonGroup) `
 `;
 export const AuthorActions = ({ author, onSave, onDelete, onCancel, }) => {
     const [showDeleteDialog, setShowDeleteDialog] = useState(false);
-    return (React.createElement(AuthorActionsContainer, null,
+    return (React.createElement(AuthorActionsContainer, { "data-cy": "author-action" },
         React.createElement(DeleteAuthorConfirmationDialog, { author: author, isOpen: showDeleteDialog, onDelete: () => {
                 setShowDeleteDialog(true);
                 onDelete();

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

@@ -79,7 +79,7 @@ export const AuthorAffiliations = ({ author, affiliations, onSave, onAdd, onRemo
         onSave(affiliation);
         onAdd(affiliation);
     };
-    return (React.createElement(React.Fragment, null,
+    return (React.createElement("div", { "data-cy": "affiliations-editor" },
         authorAffiliations.map((a) => (React.createElement(AffiliationButton, { key: `${author.id}-${a.id}`, affiliation: a, onSave: onSave, onRemove: () => onRemove(a) }))),
         React.createElement(CreatableSelect, { options: options, isMulti: false, isClearable: true, value: null, inputValue: searchText, components: {
                 IndicatorsContainer: AddAffiliationIndicator,

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

@@ -24,7 +24,7 @@ const AuthorListContainer = styled.div `
 `;
 export const AuthorList = ({ author, authors, onSelect, moveAuthor, }) => {
     return (React.createElement(DndProvider, { backend: HTML5Backend },
-        React.createElement(AuthorListContainer, null, authors.map((a) => {
+        React.createElement(AuthorListContainer, { "data-cy": "authors-list" }, authors.map((a) => {
             return (React.createElement(DraggableAuthor, { key: a.id, author: a, isSelected: a.id === (author === null || author === void 0 ? void 0 : author.id), onClick: () => onSelect(a), moveAuthor: moveAuthor }));
         }))));
 };

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

@@ -192,11 +192,11 @@ export const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, a
                     React.createElement(ModalSidebarHeader, null,
                         React.createElement(ModalSidebarTitle, null, "Authors")),
                     React.createElement(SidebarContent, null,
-                        React.createElement(AddAuthorButton, { onClick: handleAddAuthor },
+                        React.createElement(AddAuthorButton, { "data-cy": "add-author-button", onClick: handleAddAuthor },
                             React.createElement(AddIcon, { width: 40, height: 40 }),
                             React.createElement(ActionTitle, null, "Add Author")),
                         React.createElement(AuthorList, { author: selection, authors: authors, onSelect: handleSelect, moveAuthor: handleMoveAuthor }))),
-                React.createElement(ScrollableModalContent, null, selection ? (React.createElement(AuthorForms, null,
+                React.createElement(ScrollableModalContent, { "data-cy": "author-modal-content" }, selection ? (React.createElement(AuthorForms, null,
                     React.createElement(SaveAuthorConfirmationDialog, { isOpen: showConfirmationDialog, onSave: () => handleSaveAuthor(valuesRef.current), onCancel: handleResetAuthor }),
                     React.createElement(AuthorActions, { author: selection, onSave: () => handleSaveAuthor(valuesRef.current), onDelete: handleDeleteAuthor, onCancel: () => setOpen(false) }),
                     React.createElement(FormLabel, null, "Details"),

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

@@ -113,14 +113,21 @@ export const DraggableAuthor = ({ author, isSelected, onClick, moveAuthor, }) =>
         }),
     });
     dragRef(dropRef(ref));
-    const dragClass = isDragging ? 'dragging' : '';
-    const dropClass = isOver && dropSide ? `drop-${dropSide}` : '';
-    const activeClass = isSelected ? 'active' : '';
-    return (React.createElement(AuthorContainer, { ref: ref, className: `${dragClass} ${dropClass} ${activeClass}`, onClick: onClick },
-        React.createElement(AvatarContainer, null,
+    const classes = [];
+    if (isDragging) {
+        classes.push('dragging');
+    }
+    if (isOver && dropSide) {
+        classes.push(`drop-${dropSide}`);
+    }
+    if (isSelected) {
+        classes.push('active');
+    }
+    return (React.createElement(AuthorContainer, { ref: ref, className: classes.join(' '), onClick: onClick, "data-cy": "author-item" },
+        React.createElement(AvatarContainer, { "data-cy": "author-avatar" },
             React.createElement(Avatar, { size: 36, color: '#6e6e6e' }),
-            React.createElement(AuthorNotes, null, author.isCorresponding && (React.createElement(AuthorBadge, null,
+            React.createElement(AuthorNotes, { "data-cy": "author-notes" }, author.isCorresponding && (React.createElement(AuthorBadge, null,
                 React.createElement(CorrespondingAuthorIcon, null))))),
-        React.createElement(AuthorName, null, authorLabel(author)),
+        React.createElement(AuthorName, { "data-cy": "author-name" }, authorLabel(author)),
         isSelected && React.createElement(DragHandle, null)));
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.11.0",
+  "version": "1.11.1",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -110,4 +110,4 @@
     "@types/react": "^17.0.2",
     "prosemirror-tables": "^1.3.5"
   }
-}
+}