@manuscripts/style-guide 0.31.15 → 0.31.16

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

@@ -111,6 +111,7 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
     const getFileSectionExternalFile = (fileSection) => {
         const isSupplementOrOtherFilesTab = fileSection === util_1.FileSectionType.Supplements ||
             fileSection === util_1.FileSectionType.OtherFile;
+        const isOtherFilesTab = fileSection === util_1.FileSectionType.OtherFile;
         const itemsData = (fileSection === util_1.FileSectionType.Supplements && supplementFiles) ||
             attachments.filter((element) => {
                 const designation = util_1.namesWithDesignationMap.get(element.type.label);
@@ -123,6 +124,7 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
                 title: element.title,
                 showAttachmentName: isSupplementOrOtherFilesTab,
                 showDesignationActions: isSupplementOrOtherFilesTab,
+                showReplaceAction: !isOtherFilesTab,
                 handleDownload,
                 handleReplace: handleReplaceFile,
                 handleChangeDesignation: handleChangeDesignationFile,

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

@@ -14,7 +14,7 @@ const util_1 = require("../util");
 const FileInfo_1 = require("./FileInfo");
 const FileTypeIcon_1 = require("./FileTypeIcon");
 const ItemActions_1 = require("./ItemActions");
-const FileSectionItem = ({ externalFile, title, showAttachmentName = false, showDesignationActions = false, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
+const FileSectionItem = ({ externalFile, title, showAttachmentName = false, showDesignationActions = false, showReplaceAction = true, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
     const { isOpen, toggleOpen, wrapperRef } = (0, use_dropdown_1.useDropdown)();
     const fileExtension = externalFile.name.substring(externalFile.name.lastIndexOf('.') + 1);
     const designation = util_1.namesWithDesignationMap.get(externalFile.type.label);
@@ -38,7 +38,7 @@ const FileSectionItem = ({ externalFile, title, showAttachmentName = false, show
         handleDownload && handleReplace && (react_1.default.createElement(Dropdown_1.DropdownContainer, { ref: wrapperRef },
             react_1.default.createElement(exports.ActionsIcon, { onClick: toggleOpen, type: "button", "aria-label": "Download or Replace", "aria-pressed": isOpen },
                 react_1.default.createElement(dots_icon_1.default, null)),
-            isOpen && (react_1.default.createElement(ItemActions_1.ItemActions, { replaceAttachmentHandler: handleReplace, downloadAttachmentHandler: handleDownload, attachmentId: externalFile.id, fileName: externalFile.name, designation: externalFile.type.label, publicUrl: externalFile.link, hideActionList: toggleOpen, dispatch: dispatch }))))));
+            isOpen && (react_1.default.createElement(ItemActions_1.ItemActions, { replaceAttachmentHandler: handleReplace, showReplaceAction: showReplaceAction, downloadAttachmentHandler: handleDownload, attachmentId: externalFile.id, fileName: externalFile.name, designation: externalFile.type.label, publicUrl: externalFile.link, hideActionList: toggleOpen, dispatch: dispatch }))))));
 };
 exports.FileSectionItem = FileSectionItem;
 const IconCloseButton = styled_components_1.default.button `

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

@@ -35,17 +35,18 @@ const FileManager_1 = require("../FileManager");
 const FileSectionState_1 = require("../FileSectionState");
 const ItemsAction_1 = require("../ItemsAction");
 const util_1 = require("../util");
-const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, handleUpdateInline, attachmentId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, }) => {
+const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, handleUpdateInline, attachmentId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, showReplaceAction, }) => {
     const attachmentDesignation = designation == undefined ? 'undefined' : designation;
     const attachmentDesignationName = attachmentDesignation !== 'undefined'
         ? util_1.namesWithDesignationMap.get(attachmentDesignation)
         : undefined;
-    const canBeReplaced = attachmentDesignationName == undefined ||
-        ![
-            util_1.Designation.MainManuscript,
-            util_1.Designation.SubmissionFile,
-            util_1.Designation.SubmissionPdf,
-        ].includes(attachmentDesignationName);
+    const canBeReplaced = (showReplaceAction == undefined || showReplaceAction) &&
+        (attachmentDesignationName == undefined ||
+            ![
+                util_1.Designation.MainManuscript,
+                util_1.Designation.SubmissionFile,
+                util_1.Designation.SubmissionPdf,
+            ].includes(attachmentDesignationName));
     const fileInputRef = (0, react_1.useRef)(null);
     const [selectedFile, setSelectedFile] = (0, react_1.useState)();
     const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);

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

@@ -68,7 +68,7 @@ const FileReference = ({ attachment, handleReplace, handleDownload, handleUpdate
         handleDownload && handleReplace && (react_1.default.createElement(DropdownContainer, { ref: wrapperRef },
             react_1.default.createElement(FileSectionItem_1.ActionsIcon, { onClick: toggleOpen, type: "button", className: 'external_file_dropdown', "aria-label": "Download or Replace", "aria-pressed": isOpen },
                 react_1.default.createElement(dots_icon_1.default, null)),
-            isOpen && (react_1.default.createElement(ItemActions_1.ItemActions, { replaceAttachmentHandler: handleReplace, handleUpdateInline: (uploadAttachment) => handleUpdateInline &&
+            isOpen && (react_1.default.createElement(ItemActions_1.ItemActions, { replaceAttachmentHandler: handleReplace, showReplaceAction: true, handleUpdateInline: (uploadAttachment) => handleUpdateInline &&
                     (attachment === null || attachment === void 0 ? void 0 : attachment.modelId) &&
                     handleUpdateInline(attachment.modelId, uploadAttachment), downloadAttachmentHandler: handleDownload, attachmentId: attachment.id, fileName: attachment.name, designation: attachment.type.label, publicUrl: attachment.link, hideActionList: toggleOpen, dispatch: dispatch, dropDownClassName: 'ref_item_dropdown' }))))));
 };

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

@@ -86,6 +86,7 @@ export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileM
     const getFileSectionExternalFile = (fileSection) => {
         const isSupplementOrOtherFilesTab = fileSection === FileSectionType.Supplements ||
             fileSection === FileSectionType.OtherFile;
+        const isOtherFilesTab = fileSection === FileSectionType.OtherFile;
         const itemsData = (fileSection === FileSectionType.Supplements && supplementFiles) ||
             attachments.filter((element) => {
                 const designation = namesWithDesignationMap.get(element.type.label);
@@ -98,6 +99,7 @@ export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileM
                 title: element.title,
                 showAttachmentName: isSupplementOrOtherFilesTab,
                 showDesignationActions: isSupplementOrOtherFilesTab,
+                showReplaceAction: !isOtherFilesTab,
                 handleDownload,
                 handleReplace: handleReplaceFile,
                 handleChangeDesignation: handleChangeDesignationFile,

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

@@ -8,7 +8,7 @@ import { Designation, namesWithDesignationMap } from '../util';
 import { FileInfo } from './FileInfo';
 import { FileTypeIcon } from './FileTypeIcon';
 import { ItemActions } from './ItemActions';
-export const FileSectionItem = ({ externalFile, title, showAttachmentName = false, showDesignationActions = false, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
+export const FileSectionItem = ({ externalFile, title, showAttachmentName = false, showDesignationActions = false, showReplaceAction = true, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();
     const fileExtension = externalFile.name.substring(externalFile.name.lastIndexOf('.') + 1);
     const designation = namesWithDesignationMap.get(externalFile.type.label);
@@ -32,7 +32,7 @@ export const FileSectionItem = ({ externalFile, title, showAttachmentName = fals
         handleDownload && handleReplace && (React.createElement(DropdownContainer, { ref: wrapperRef },
             React.createElement(ActionsIcon, { onClick: toggleOpen, type: "button", "aria-label": "Download or Replace", "aria-pressed": isOpen },
                 React.createElement(DotsIcon, null)),
-            isOpen && (React.createElement(ItemActions, { replaceAttachmentHandler: handleReplace, downloadAttachmentHandler: handleDownload, attachmentId: externalFile.id, fileName: externalFile.name, designation: externalFile.type.label, publicUrl: externalFile.link, hideActionList: toggleOpen, dispatch: dispatch }))))));
+            isOpen && (React.createElement(ItemActions, { replaceAttachmentHandler: handleReplace, showReplaceAction: showReplaceAction, downloadAttachmentHandler: handleDownload, attachmentId: externalFile.id, fileName: externalFile.name, designation: externalFile.type.label, publicUrl: externalFile.link, hideActionList: toggleOpen, dispatch: dispatch }))))));
 };
 const IconCloseButton = styled.button `
   border: none;

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

@@ -13,17 +13,18 @@ import { PermissionsContext } from '../FileManager';
 import { actions } from '../FileSectionState';
 import { ActionsItem } from '../ItemsAction';
 import { Designation, namesWithDesignationMap } from '../util';
-export const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, handleUpdateInline, attachmentId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, }) => {
+export const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, handleUpdateInline, attachmentId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, showReplaceAction, }) => {
     const attachmentDesignation = designation == undefined ? 'undefined' : designation;
     const attachmentDesignationName = attachmentDesignation !== 'undefined'
         ? namesWithDesignationMap.get(attachmentDesignation)
         : undefined;
-    const canBeReplaced = attachmentDesignationName == undefined ||
-        ![
-            Designation.MainManuscript,
-            Designation.SubmissionFile,
-            Designation.SubmissionPdf,
-        ].includes(attachmentDesignationName);
+    const canBeReplaced = (showReplaceAction == undefined || showReplaceAction) &&
+        (attachmentDesignationName == undefined ||
+            ![
+                Designation.MainManuscript,
+                Designation.SubmissionFile,
+                Designation.SubmissionPdf,
+            ].includes(attachmentDesignationName));
     const fileInputRef = useRef(null);
     const [selectedFile, setSelectedFile] = useState();
     const can = useContext(PermissionsContext);

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

@@ -42,7 +42,7 @@ const FileReference = ({ attachment, handleReplace, handleDownload, handleUpdate
         handleDownload && handleReplace && (React.createElement(DropdownContainer, { ref: wrapperRef },
             React.createElement(ActionsIcon, { onClick: toggleOpen, type: "button", className: 'external_file_dropdown', "aria-label": "Download or Replace", "aria-pressed": isOpen },
                 React.createElement(DotsIcon, null)),
-            isOpen && (React.createElement(ItemActions, { replaceAttachmentHandler: handleReplace, handleUpdateInline: (uploadAttachment) => handleUpdateInline &&
+            isOpen && (React.createElement(ItemActions, { replaceAttachmentHandler: handleReplace, showReplaceAction: true, handleUpdateInline: (uploadAttachment) => handleUpdateInline &&
                     (attachment === null || attachment === void 0 ? void 0 : attachment.modelId) &&
                     handleUpdateInline(attachment.modelId, uploadAttachment), downloadAttachmentHandler: handleDownload, attachmentId: attachment.id, fileName: attachment.name, designation: attachment.type.label, publicUrl: attachment.link, hideActionList: toggleOpen, dispatch: dispatch, dropDownClassName: 'ref_item_dropdown' }))))));
 };

package/dist/types/components/FileManager/FileSectionItem/FileSectionItem.d.ts

@@ -19,6 +19,7 @@ export interface FileSectionItemProps {
     showAttachmentName?: boolean;
     showDesignationActions?: boolean;
     showActions?: boolean;
+    showReplaceAction?: boolean;
     handleDownload?: (url: string) => void;
     handleReplace?: Replace;
     handleChangeDesignation: ChangeDesignation;

package/dist/types/components/FileManager/FileSectionItem/ItemActions.d.ts

@@ -14,4 +14,5 @@ export declare const ItemActions: React.FC<{
     hideActionList: (e?: React.MouseEvent) => void;
     dispatch?: Dispatch<Action>;
     dropDownClassName?: string;
+    showReplaceAction?: boolean;
 }>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "0.31.15",
+  "version": "0.31.16",
   "repository": "gitlab:atypon-opensource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",