@manuscripts/style-guide 1.7.0 → 1.7.1-LEAN-3281-0

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/components/References/ReferencesModal.js

@@ -175,6 +175,13 @@ const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave
         setSelection(item);
         setConfirm(false);
     };
+    const handleDelete = () => {
+        if (!selection) {
+            return;
+        }
+        onDelete(selection);
+        setSelection(undefined);
+    };
     const handleItemClick = (item) => {
         const values = valuesRef.current;
         if (values && selection && !(0, lodash_1.isEqual)(values, (0, exports.normalize)(selection))) {
@@ -214,6 +221,6 @@ const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave
                                 react_1.default.createElement(CitationCount, { className: citationCounts.get(item._id) ? '' : 'unused' }, citationCounts.get(item._id) || 0),
                                 react_1.default.createElement(react_tooltip_1.default, { disable: (citationCounts.get(item._id) || 0) < 1, id: "citation-count", place: "bottom", effect: "solid", offset: { top: 40 }, className: "tooltip" }, "Number of times used in the document")),
                             react_1.default.createElement(ReferenceLine_1.ReferenceLine, { item: item }))))))),
-                react_1.default.createElement(StyledModal_1.ScrollableModalContent, null, selection && (react_1.default.createElement(ReferenceForm_1.ReferenceForm, { values: (0, exports.normalize)(selection), showDelete: !citationCounts.get(selection._id), onChange: handleChange, onCancel: onCancel, onDelete: () => onDelete(selection), onSave: save, actionsRef: actionsRef })))))));
+                react_1.default.createElement(StyledModal_1.ScrollableModalContent, null, selection && (react_1.default.createElement(ReferenceForm_1.ReferenceForm, { values: (0, exports.normalize)(selection), showDelete: !citationCounts.get(selection._id), onChange: handleChange, onCancel: onCancel, onDelete: handleDelete, onSave: save, actionsRef: actionsRef })))))));
 };
 exports.ReferencesModal = ReferencesModal;

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/components/References/ReferencesModal.js

@@ -145,6 +145,13 @@ export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts,
         setSelection(item);
         setConfirm(false);
     };
+    const handleDelete = () => {
+        if (!selection) {
+            return;
+        }
+        onDelete(selection);
+        setSelection(undefined);
+    };
     const handleItemClick = (item) => {
         const values = valuesRef.current;
         if (values && selection && !isEqual(values, normalize(selection))) {
@@ -184,5 +191,5 @@ export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts,
                                 React.createElement(CitationCount, { className: citationCounts.get(item._id) ? '' : 'unused' }, citationCounts.get(item._id) || 0),
                                 React.createElement(ReactTooltip, { disable: (citationCounts.get(item._id) || 0) < 1, id: "citation-count", place: "bottom", effect: "solid", offset: { top: 40 }, className: "tooltip" }, "Number of times used in the document")),
                             React.createElement(ReferenceLine, { item: item }))))))),
-                React.createElement(ScrollableModalContent, null, selection && (React.createElement(ReferenceForm, { values: normalize(selection), showDelete: !citationCounts.get(selection._id), onChange: handleChange, onCancel: onCancel, onDelete: () => onDelete(selection), onSave: save, actionsRef: actionsRef })))))));
+                React.createElement(ScrollableModalContent, null, selection && (React.createElement(ReferenceForm, { values: normalize(selection), showDelete: !citationCounts.get(selection._id), onChange: handleChange, onCancel: onCancel, onDelete: handleDelete, onSave: save, actionsRef: actionsRef })))))));
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.7.0",
+  "version": "1.7.1-LEAN-3281-0",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -114,4 +114,4 @@
   "resolutions": {
     "@types/react": "^17.0.2"
   }
-}
+}