npm - @manuscripts/style-guide - Versions diffs - 0.30.24 → 0.30.25 - Mend

@manuscripts/style-guide 0.30.24 → 0.30.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

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

@@ -46,48 +46,30 @@ const InlineFilesSection_1 = require("./InlineFilesSection");
 const TooltipDiv_1 = require("./TooltipDiv");
 const util_1 = require("./util");
 exports.PermissionsContext = (0, react_1.createContext)(null);
-const FileManager = ({ submissionId, externalFiles, modelMap, enableDragAndDrop, can, handleUpload, handleDownload, handleReplace, handleChangeDesignation, }) => {
+const FileManager = ({ submissionId, attachments, modelMap, enableDragAndDrop, can, handleUpload, handleDownload, handleReplace, handleChangeDesignation, }) => {
     const [state, dispatch] = (0, react_1.useReducer)(FileSectionState_1.reducer, (0, FileSectionState_1.getInitialState)());
-    const handleReplaceFile = (0, react_1.useCallback)((submissionId, name, file, typeId) => __awaiter(void 0, void 0, void 0, function* () {
+    const handleReplaceFile = (0, react_1.useCallback)((submissionId, attachmentId, name, file, typeId) => __awaiter(void 0, void 0, void 0, function* () {
         dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
         dispatch(FileSectionState_1.actions.SELECT_DESIGNATION(util_1.namesWithDesignationMap.get(typeId) || util_1.Designation.Document));
-        const res = yield handleReplace(submissionId, name, file, typeId);
-        if (res) {
-            dispatch(FileSectionState_1.actions.SHOW_FILE_UPLOADED_ALERT());
-        }
+        const res = yield handleReplace(submissionId, attachmentId, name, file, typeId);
         dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
         return res;
     }), [handleReplace]);
     const handleUploadFile = (0, react_1.useCallback)((submissionId, file, designation) => __awaiter(void 0, void 0, void 0, function* () {
-        try {
-            dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
-            if (util_1.namesWithDesignationMap.get(designation) == util_1.Designation.Supplementary) {
-                dispatch(FileSectionState_1.actions.SELECT_DESIGNATION(util_1.Designation.Supplementary));
-            }
-            const res = yield handleUpload(submissionId, file, designation);
-            if (res) {
-                dispatch(FileSectionState_1.actions.SHOW_FILE_UPLOADED_ALERT());
-            }
-            dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
-            return res;
-        }
-        catch (e) {
-            console.error(e);
-            return false;
+        dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
+        if (util_1.namesWithDesignationMap.get(designation) == util_1.Designation.Supplementary) {
+            dispatch(FileSectionState_1.actions.SELECT_DESIGNATION(util_1.Designation.Supplementary));
         }
+        const res = yield handleUpload(submissionId, file, designation);
+        dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
+        return res;
     }), [handleUpload]);
-    const handleChangeDesignationFile = (0, react_1.useCallback)((submissionId, typeId, name) => __awaiter(void 0, void 0, void 0, function* () {
-        try {
-            const res = yield handleChangeDesignation(submissionId, typeId, name);
-            if (res) {
-                dispatch(FileSectionState_1.actions.HANDLE_SUCCESS_MESSAGE());
-            }
-            return res;
-        }
-        catch (e) {
-            console.log(e);
-            return false;
+    const handleChangeDesignationFile = (0, react_1.useCallback)((submissionId, attachmentId, typeId, name) => __awaiter(void 0, void 0, void 0, function* () {
+        const res = yield handleChangeDesignation(submissionId, attachmentId, typeId, name);
+        if (res) {
+            dispatch(FileSectionState_1.actions.HANDLE_SUCCESS_MESSAGE());
         }
+        return res;
     }), [handleChangeDesignation]);
     const handleDownloadFile = (0, react_1.useCallback)((publicUrl) => {
         return handleDownload(publicUrl);
@@ -95,12 +77,12 @@ const FileManager = ({ submissionId, externalFiles, modelMap, enableDragAndDrop,
     const getFileSectionExternalFile = (fileSection) => {
         const isSupplementOrOtherFilesTab = fileSection === util_1.FileSectionType.Supplements ||
             fileSection === util_1.FileSectionType.OtherFile;
-        const itemsData = externalFiles.filter((element) => {
-            const designation = util_1.namesWithDesignationMap.get(element.designation);
+        const itemsData = attachments.filter((element) => {
+            const designation = util_1.namesWithDesignationMap.get(element.type.label);
             return (designation !== undefined &&
                 util_1.designationWithFileSectionsMap.get(designation) === fileSection);
         });
-        const itemsDataWithTitle = (0, util_1.generateExternalFilesTitles)((0, util_1.sortExternalFiles)(itemsData), fileSection);
+        const itemsDataWithTitle = (0, util_1.generateAttachmentsTitles)(itemsData, fileSection);
         const filesItems = itemsDataWithTitle.map((element) => {
             const itemProps = {
                 submissionId: submissionId,
@@ -114,10 +96,10 @@ const FileManager = ({ submissionId, externalFiles, modelMap, enableDragAndDrop,
                 dispatch: dispatch,
             };
             if (enableDragAndDrop && isSupplementOrOtherFilesTab) {
-                return (react_1.default.createElement(DraggableFileSectionItem_1.DraggableFileSectionItem, Object.assign({}, itemProps, { key: element.externalFile._id })));
+                return (react_1.default.createElement(DraggableFileSectionItem_1.DraggableFileSectionItem, Object.assign({}, itemProps, { key: element.externalFile.id })));
             }
             else {
-                return (react_1.default.createElement(FileSectionItem_1.FileSectionItem, Object.assign({}, itemProps, { key: element.externalFile._id, isEditor: enableDragAndDrop })));
+                return (react_1.default.createElement(FileSectionItem_1.FileSectionItem, Object.assign({}, itemProps, { key: element.externalFile.id, isEditor: enableDragAndDrop })));
             }
         });
         return filesItems;

package/dist/cjs/components/FileManager/FileSectionItem/DesignationActions.js CHANGED Viewed

@@ -29,7 +29,7 @@ const BottomArrowIcon_1 = __importDefault(require("../../icons/BottomArrowIcon")
 const ConfirmationPopUp_1 = require("../ConfirmationPopUp");
 const util_1 = require("../util");
 const DesignationActionsList_1 = require("./DesignationActionsList");
-const DesignationActions = ({ designation, fileExtension, handleChangeDesignation, submissionId, fileName, dispatch, }) => {
+const DesignationActions = ({ designation, attachmentId, fileExtension, handleChangeDesignation, submissionId, fileName, dispatch, }) => {
     const [isActionsShown, setIsActionsShown] = (0, react_1.useState)(false);
     const [confirmationPopUpData, setConfirmationPopUpData] = (0, react_1.useState)({
         isConfirmationPopUpOpen: false,
@@ -45,7 +45,7 @@ const DesignationActions = ({ designation, fileExtension, handleChangeDesignatio
     const hideActionsList = () => {
         setIsActionsShown(false);
     };
-    if (designation && fileExtension) {
+    if (designation !== undefined && fileExtension) {
         const designationActionsList = (0, util_1.getDesignationActionsList)(designation, fileExtension);
         if (!designationActionsList.length) {
             return null;
@@ -60,7 +60,7 @@ const DesignationActions = ({ designation, fileExtension, handleChangeDesignatio
         };
         const handleMoveAction = () => {
             handleChangeDesignation &&
-                handleChangeDesignation(submissionId, confirmationPopUpData.selectedDesignation, fileName);
+                handleChangeDesignation(submissionId, attachmentId, confirmationPopUpData.selectedDesignation, fileName);
             handleCloseAction();
         };
         const handleCloseAction = () => {
@@ -76,7 +76,7 @@ const DesignationActions = ({ designation, fileExtension, handleChangeDesignatio
                 react_1.default.createElement(SecondaryActionsText, null, util_1.designationWithReadableNamesMap.get(designation)),
                 react_1.default.createElement(BottomArrowIcon_1.default, null),
                 isActionsShown && (react_1.default.createElement(ActionsListContainer, null,
-                    react_1.default.createElement(DesignationActionsList_1.DesignationActionsList, { handleChangeDesignation: handleChangeDesignation, designationActionsList: designationActionsList, submissionId: submissionId, fileName: fileName, designation: designation, dispatch: dispatch, handleOpenConfirmationPopup: handleOpenConfirmationPopup })))),
+                    react_1.default.createElement(DesignationActionsList_1.DesignationActionsList, { handleChangeDesignation: handleChangeDesignation, designationActionsList: designationActionsList, submissionId: submissionId, fileName: fileName, designation: designation, attachmentId: attachmentId, dispatch: dispatch, handleOpenConfirmationPopup: handleOpenConfirmationPopup })))),
             confirmationPopUpData.isConfirmationPopUpOpen && (react_1.default.createElement(ConfirmationPopUp_1.ConfirmationPopUp, { popupHeader: confirmationPopUpData.confirmationPopUpHeader !== undefined
                     ? confirmationPopUpData.confirmationPopUpHeader
                     : '', popUpMessage: confirmationPopUpData.confirmationPopUpMessage !== undefined

package/dist/cjs/components/FileManager/FileSectionItem/DesignationActionsList.js CHANGED Viewed

@@ -8,17 +8,17 @@ const react_1 = __importDefault(require("react"));
 const FileSectionState_1 = require("../FileSectionState");
 const ItemsAction_1 = require("../ItemsAction");
 const util_1 = require("../util");
-const DesignationActionsList = ({ handleChangeDesignation, designationActionsList, submissionId, fileName, designation, dispatch, handleOpenConfirmationPopup, }) => {
+const DesignationActionsList = ({ handleChangeDesignation, designationActionsList, submissionId, fileName, designation, attachmentId, dispatch, handleOpenConfirmationPopup, }) => {
     const handleChangeOtherFilesTabDesignation = (designation, isMoveInOtherFileSection, confirmationPopupHeader, confirmationPopupMessage, successMoveMessage) => {
         if (isMoveInOtherFileSection) {
             if (dispatch) {
-                dispatch(FileSectionState_1.actions.MOVE_FILE(submissionId, (0, util_1.getDesignationName)(designation), fileName, successMoveMessage));
+                dispatch(FileSectionState_1.actions.MOVE_FILE(submissionId, attachmentId, (0, util_1.getDesignationName)(designation), fileName, successMoveMessage));
                 handleOpenConfirmationPopup(confirmationPopupHeader, confirmationPopupMessage, (0, util_1.getDesignationName)(designation));
             }
         }
         else {
             handleChangeDesignation &&
-                handleChangeDesignation(submissionId, (0, util_1.getDesignationName)(designation), fileName);
+                handleChangeDesignation(submissionId, attachmentId, (0, util_1.getDesignationName)(designation), fileName);
         }
     };
     const isSupplementaryActionIncluded = designationActionsList.indexOf(util_1.Designation.Supplementary) !== -1;
@@ -27,7 +27,7 @@ const DesignationActionsList = ({ handleChangeDesignation, designationActionsLis
         .map((value) => {
         return (react_1.default.createElement(ItemsAction_1.ActionsItem, { key: value, onClick: () => {
                 let isMoveToOtherFileSection = true;
-                if (designation) {
+                if (designation !== undefined) {
                     isMoveToOtherFileSection =
                         util_1.designationWithFileSectionsMap.get(designation) !==
                             util_1.FileSectionType.OtherFile;
@@ -43,7 +43,7 @@ const DesignationActionsList = ({ handleChangeDesignation, designationActionsLis
             react_1.default.createElement(ItemsAction_1.ActionsSeparator, null),
             react_1.default.createElement(ItemsAction_1.ActionsItem, { onClick: () => {
                     let isMoveToOtherFileSection = true;
-                    if (designation) {
+                    if (designation !== undefined) {
                         isMoveToOtherFileSection =
                             util_1.designationWithFileSectionsMap.get(designation) !==
                                 util_1.FileSectionType.Supplements;

package/dist/cjs/components/FileManager/FileSectionItem/FileInfo.js CHANGED Viewed

@@ -27,14 +27,14 @@ const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const FileManager_1 = require("../FileManager");
 const DesignationActions_1 = require("./DesignationActions");
-const FileInfo = ({ showAttachmentName, showDesignationActions, title, submissionAttachmentName, fileExtension, designation, description, handleChangeDesignation, submissionId, dispatch, }) => {
+const FileInfo = ({ showAttachmentName, showDesignationActions, title, submissionAttachmentName, fileExtension, designation, attachmentId, handleChangeDesignation, submissionId, dispatch, }) => {
     const fileName = submissionAttachmentName.substring(0, submissionAttachmentName.lastIndexOf('.'));
     const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
     return (react_1.default.createElement(exports.FileInfoContainer, null,
         (can === null || can === void 0 ? void 0 : can.changeDesignation) &&
             showDesignationActions &&
-            designation &&
-            submissionId && (react_1.default.createElement(DesignationActions_1.DesignationActions, { designation: designation, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, fileName: submissionAttachmentName, dispatch: dispatch })),
+            designation !== undefined &&
+            submissionId && (react_1.default.createElement(DesignationActions_1.DesignationActions, { designation: designation, attachmentId: attachmentId, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, fileName: submissionAttachmentName, dispatch: dispatch })),
         react_1.default.createElement(exports.FileNameTitleContainer, null,
             react_1.default.createElement(exports.FileTitle, null,
                 !showAttachmentName ? fileName : title,
@@ -43,8 +43,7 @@ const FileInfo = ({ showAttachmentName, showDesignationActions, title, submissio
                 react_1.default.createElement(exports.FileName, null, fileName),
                 react_1.default.createElement("div", null,
                     ".",
-                    fileExtension)))),
-        description && react_1.default.createElement(exports.FileDescription, null, description)));
+                    fileExtension))))));
 };
 exports.FileInfo = FileInfo;
 exports.FileInfoContainer = styled_components_1.default.div `

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

@@ -16,20 +16,20 @@ const FileTypeIcon_1 = require("./FileTypeIcon");
 const ItemActions_1 = require("./ItemActions");
 const FileSectionItem = ({ submissionId, externalFile, title, showAttachmentName = false, showDesignationActions = false, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
     const { isOpen, toggleOpen, wrapperRef } = (0, use_dropdown_1.useDropdown)();
-    const fileExtension = externalFile.filename.substring(externalFile.filename.lastIndexOf('.') + 1);
-    const designation = util_1.namesWithDesignationMap.get(externalFile.designation);
+    const fileExtension = externalFile.name.substring(externalFile.name.lastIndexOf('.') + 1);
+    const designation = util_1.namesWithDesignationMap.get(externalFile.type.label);
     const isMainManuscript = designation === util_1.Designation.MainManuscript;
-    const isSelected = externalFile._id == window.location.hash.substr(1);
+    const isSelected = externalFile.id == window.location.hash.substr(1);
     return (react_1.default.createElement(exports.Item, { ref: dragRef, className: className, style: style },
         react_1.default.createElement(exports.ItemContainer, { onClick: () => {
                 window.location.hash =
-                    isEditor && !isSelected ? `#${externalFile._id}` : '#';
+                    isEditor && !isSelected ? `#${externalFile.id}` : '#';
                 if (isSelected) {
-                    window.location.hash = `#${externalFile._id}`;
+                    window.location.hash = `#${externalFile.id}`;
                 }
             } },
-            react_1.default.createElement(FileTypeIcon_1.FileTypeIcon, { withDot: isMainManuscript, fileExtension: fileExtension, alt: externalFile.filename }),
-            react_1.default.createElement(FileInfo_1.FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, showDesignationActions: showDesignationActions, submissionAttachmentName: externalFile.filename, title: title, designation: designation, description: externalFile.description, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, dispatch: dispatch })),
+            react_1.default.createElement(FileTypeIcon_1.FileTypeIcon, { withDot: isMainManuscript, fileExtension: fileExtension, alt: externalFile.name }),
+            react_1.default.createElement(FileInfo_1.FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, showDesignationActions: showDesignationActions, submissionAttachmentName: externalFile.name, title: title, designation: designation, attachmentId: externalFile.id, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, dispatch: dispatch })),
         onClose && (react_1.default.createElement(IconCloseButton, { onClick: (e) => {
                 e.preventDefault();
                 onClose();
@@ -38,7 +38,7 @@ const FileSectionItem = ({ submissionId, externalFile, title, showAttachmentName
         handleDownload && handleReplace && submissionId && (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, submissionId: submissionId, fileName: externalFile.filename, designation: externalFile.designation, publicUrl: externalFile.publicUrl, hideActionList: toggleOpen, dispatch: dispatch }))))));
+            isOpen && (react_1.default.createElement(ItemActions_1.ItemActions, { replaceAttachmentHandler: handleReplace, downloadAttachmentHandler: handleDownload, submissionId: submissionId, 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 CHANGED Viewed

@@ -25,7 +25,7 @@ const Dropdown_1 = require("../../Dropdown");
 const FileManager_1 = require("../FileManager");
 const FileSectionState_1 = require("../FileSectionState");
 const ItemsAction_1 = require("../ItemsAction");
-const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, submissionId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, }) => {
+const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, submissionId, attachmentId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, }) => {
     const attachmentDesignation = designation == undefined ? 'undefined' : designation;
     const fileInputRef = (0, react_1.useRef)(null);
     const [selectedFile, setSelectedFile] = (0, react_1.useState)();
@@ -37,7 +37,7 @@ const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, subm
             if (dispatch) {
                 dispatch(FileSectionState_1.actions.UPLOAD_FILE(file));
             }
-            replaceAttachmentHandler(submissionId, fileName, file, attachmentDesignation);
+            replaceAttachmentHandler(submissionId, attachmentId, fileName, file, attachmentDesignation);
             hideActionList();
         }
     };

package/dist/cjs/components/FileManager/FileSectionState.js CHANGED Viewed

@@ -4,7 +4,6 @@ exports.actions = exports.reducer = exports.getInitialState = void 0;
 const getInitialState = () => ({
     uploadedFile: undefined,
     isUploadFile: false,
-    isFileUploaded: false,
     moveToOtherState: undefined,
     successMessage: '',
     isShowSuccessMessage: false,
@@ -21,8 +20,6 @@ var ActionTypes;
     ActionTypes["HANDLE_UPLOAD_ACTION"] = "handleUpload";
     ActionTypes["HANDLE_FINISH_UPLOAD"] = "handleFinishUpload";
     ActionTypes["HANDLE_SUCCESS_MESSAGE"] = "handleSuccessMessage";
-    ActionTypes["SHOW_FILE_UPLOADED_ALERT"] = "showFileUploadedAlert";
-    ActionTypes["CLOSE_FILE_UPLOADED_ALERT"] = "closeFileUploadedAlert";
 })(ActionTypes || (ActionTypes = {}));
 const reducer = (state, action) => {
     switch (action.type) {
@@ -48,15 +45,9 @@ const reducer = (state, action) => {
         case ActionTypes.HANDLE_FINISH_UPLOAD: {
             return Object.assign(Object.assign({}, state), { isUploadFile: false, uploadedFile: undefined, selectDesignation: undefined });
         }
-        case ActionTypes.SHOW_FILE_UPLOADED_ALERT: {
-            return Object.assign(Object.assign({}, state), { isFileUploaded: true });
-        }
         case ActionTypes.HANDLE_SUCCESS_MESSAGE: {
             return Object.assign(Object.assign({}, state), { isShowSuccessMessage: true });
         }
-        case ActionTypes.CLOSE_FILE_UPLOADED_ALERT: {
-            return Object.assign(Object.assign({}, state), { isFileUploaded: false });
-        }
     }
     return state;
 };
@@ -76,7 +67,7 @@ exports.actions = {
         type: ActionTypes.SELECT_DESIGNATION,
         designation,
     }),
-    MOVE_FILE: (submissionId, typeId, name, successMoveMessage) => ({
+    MOVE_FILE: (submissionId, attachmentId, typeId, name, successMoveMessage) => ({
         type: ActionTypes.MOVE_FILE,
         submissionId,
         typeId,
@@ -86,12 +77,6 @@ exports.actions = {
     HANDLE_FINISH_UPLOAD: () => ({
         type: ActionTypes.HANDLE_FINISH_UPLOAD,
     }),
-    SHOW_FILE_UPLOADED_ALERT: () => ({
-        type: ActionTypes.SHOW_FILE_UPLOADED_ALERT,
-    }),
-    CLOSE_FILE_UPLOADED_ALERT: () => ({
-        type: ActionTypes.CLOSE_FILE_UPLOADED_ALERT,
-    }),
     HANDLE_SUCCESS_MESSAGE: () => ({
         type: ActionTypes.HANDLE_SUCCESS_MESSAGE,
     }),

package/dist/cjs/components/FileManager/FilesSection.js CHANGED Viewed

@@ -21,7 +21,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilesSection = void 0;
 const react_1 = __importStar(require("react"));
-const AlertMessage_1 = require("../AlertMessage");
 const DragItemArea_1 = require("./DragItemArea");
 const FileManager_1 = require("./FileManager");
 const FileSectionUploadItem_1 = require("./FileSectionItem/FileSectionUploadItem");
@@ -48,11 +47,7 @@ const FilesSection = ({ submissionId, enableDragAndDrop, handleUpload, fileSecti
             (isOtherFileTab || isSupplementFilesTab) && (react_1.default.createElement(UploadFileArea_1.UploadFileArea, { handleUploadFile: handleUpload, fileSection: fileSection, submissionId: submissionId, dispatch: dispatch })),
             state.isUploadFile &&
                 state.uploadedFile &&
-                state.selectDesignation !== undefined && (react_1.default.createElement(FileSectionUploadItem_1.FileSectionUploadItem, { submissionId: submissionId, fileName: state.uploadedFile.name, isLoading: state.isUploadFile })),
-            state.isFileUploaded && (react_1.default.createElement(AlertMessage_1.AlertMessage, { type: AlertMessage_1.AlertMessageType.info, hideCloseButton: true, dismissButton: {
-                    action: () => dispatch(FileSectionState_1.actions.CLOSE_FILE_UPLOADED_ALERT()),
-                    text: 'Close',
-                } }, "File uploaded successfully. It may take a few moments to show the new file in the Inspector.")))),
+                state.selectDesignation !== undefined && (react_1.default.createElement(FileSectionUploadItem_1.FileSectionUploadItem, { submissionId: submissionId, fileName: state.uploadedFile.name, isLoading: state.isUploadFile })))),
         state.uploadedFile && isOtherFileTab && (react_1.default.createElement(SelectDialogDesignation_1.SelectDialogDesignation, { isOpen: state.isOpenSelectDesignationPopup, fileExtension: uploadedFileExtension, handleCancel: () => {
                 dispatch(FileSectionState_1.actions.HANDLE_CANCEL_UPLOAD());
             }, uploadFileHandler: () => handleUploadOtherFile(), dispatch: dispatch, fileSection: fileSection })),

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

@@ -71,7 +71,7 @@ const FileReference = ({ externalFile, submissionId, handleReplace, handleDownlo
         handleDownload && handleReplace && submissionId && (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, downloadAttachmentHandler: handleDownload, submissionId: submissionId, fileName: externalFile.filename, designation: externalFile.designation, publicUrl: externalFile.publicUrl, hideActionList: toggleOpen, dispatch: dispatch, dropDownClassName: 'ref_item_dropdown' }))))));
+            isOpen && (react_1.default.createElement(ItemActions_1.ItemActions, { replaceAttachmentHandler: handleReplace, downloadAttachmentHandler: handleDownload, submissionId: submissionId, attachmentId: undefined, fileName: externalFile.filename, designation: externalFile.designation, publicUrl: externalFile.publicUrl, hideActionList: toggleOpen, dispatch: dispatch, dropDownClassName: 'ref_item_dropdown' }))))));
 };
 const ElementItem = (0, styled_components_1.default)(FileSectionItem_1.Item) `
   display: flex;

package/dist/cjs/components/FileManager/util.js CHANGED Viewed

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isFigure = exports.droppableSections = exports.getUploadFileDesignationList = exports.getDesignationByFileSection = exports.getDesignationName = exports.getDesignationActionsList = exports.sortExternalFiles = exports.generateExternalFilesTitles = exports.fileTypesWithIconMap = exports.fileTypesWithTitlesMap = exports.extensionsWithFileTypesMap = exports.designationWithAllowedDesignationsToTransitionMap = exports.designationWithAllowedMediaTypesMap = exports.designationWithReadableNamesMap = exports.namesWithDesignationMap = exports.designationWithFileSectionsMap = exports.Designation = exports.FileType = exports.FileSectionType = void 0;
+exports.droppableSections = exports.getUploadFileDesignationList = exports.getDesignationByFileSection = exports.getDesignationName = exports.getDesignationActionsList = exports.generateAttachmentsTitles = exports.fileTypesWithIconMap = exports.fileTypesWithTitlesMap = exports.extensionsWithFileTypesMap = exports.designationWithAllowedDesignationsToTransitionMap = exports.designationWithAllowedMediaTypesMap = exports.designationWithReadableNamesMap = exports.namesWithDesignationMap = exports.designationWithFileSectionsMap = exports.Designation = exports.FileType = exports.FileSectionType = void 0;
 const react_1 = __importDefault(require("react"));
 const audio_icon_1 = __importDefault(require("../icons/audio-icon"));
 const code_file_icon_1 = __importDefault(require("../icons/code-file-icon"));
@@ -56,8 +56,8 @@ var Designation;
     Designation[Designation["MainManuscript"] = 13] = "MainManuscript";
 })(Designation = exports.Designation || (exports.Designation = {}));
 exports.designationWithFileSectionsMap = new Map([
-    [Designation.Figure, FileSectionType.Inline],
-    [Designation.Table, FileSectionType.Inline],
+    [Designation.Figure, FileSectionType.OtherFile],
+    [Designation.Table, FileSectionType.OtherFile],
     [Designation.Supplementary, FileSectionType.Supplements],
     [Designation.ConflictOfInterest, FileSectionType.OtherFile],
     [Designation.Document, FileSectionType.OtherFile],
@@ -352,15 +352,15 @@ exports.fileTypesWithIconMap = new Map([
     ],
     [undefined, react_1.default.createElement(unknown_format_file_icon_1.default, { key: undefined })],
 ]);
-const generateExternalFilesTitles = (externalFiles, fileSectionType) => {
+const generateAttachmentsTitles = (externalFiles, fileSectionType) => {
     const titleCountersMap = new Map();
     const externalFilesWithTitlesMap = new Map();
     externalFiles.forEach((element) => {
-        const fileExtension = element.filename.substring(element.filename.lastIndexOf('.') + 1);
+        const fileExtension = element.name.substring(element.name.lastIndexOf('.') + 1);
         const fileType = exports.extensionsWithFileTypesMap.get(fileExtension.toLowerCase());
         const fileTitle = exports.fileTypesWithTitlesMap.get(fileType);
         if (fileSectionType === FileSectionType.Inline) {
-            externalFilesWithTitlesMap.set(element.filename, element);
+            externalFilesWithTitlesMap.set(element.name, element);
         }
         else {
             if (fileTitle !== undefined) {
@@ -383,15 +383,7 @@ const generateExternalFilesTitles = (externalFiles, fileSectionType) => {
     }));
     return result;
 };
-exports.generateExternalFilesTitles = generateExternalFilesTitles;
-const sortExternalFiles = (externalFile) => externalFile
-    .sort((a, b) => Number(a.createdAt) - Number(b.createdAt))
-    .sort((a, b) => b.designation === 'main-manuscript'
-    ? 1
-    : a.designation === 'main-manuscript'
-        ? -1
-        : 0);
-exports.sortExternalFiles = sortExternalFiles;
+exports.generateAttachmentsTitles = generateAttachmentsTitles;
 const getDesignationActionsList = (designation, fileExtension) => {
     const allowedDesignationsToTransition = exports.designationWithAllowedDesignationsToTransitionMap.get(designation);
     if (allowedDesignationsToTransition) {
@@ -479,11 +471,3 @@ exports.droppableSections = [
     FileSectionType.Supplements,
     FileSectionType.OtherFile,
 ];
-const isOfDesignation = (file, designation) => {
-    const formats = exports.designationWithAllowedMediaTypesMap.get(designation);
-    return !!(formats === null || formats === void 0 ? void 0 : formats.find((type) => file.MIME.indexOf('/' + type) >= 0));
-};
-const isFigure = (file) => {
-    return isOfDesignation(file, Designation.Figure);
-};
-exports.isFigure = isFigure;

package/dist/cjs/lib/inlineFiles.js CHANGED Viewed

@@ -7,14 +7,17 @@ const getCaptionText = (caption) => caption &&
     new DOMParser().parseFromString(caption, 'text/html').documentElement
         .innerText;
 const getFigureData = (element, modelMap) => {
-    const figureId = element.containedObjectIDs.find((e) => {
-        const model = modelMap.get(e);
-        return model && (0, manuscript_transform_1.hasObjectType)(manuscripts_json_schema_1.ObjectTypes.Figure)(model);
+    const externalFileReferences = [];
+    element.containedObjectIDs.map((e) => {
+        var _a;
+        const object = modelMap.get(e);
+        if (object && object.objectType === manuscripts_json_schema_1.ObjectTypes.Figure) {
+            const externalFileRef = (_a = object.externalFileReferences) === null || _a === void 0 ? void 0 : _a.find((figure) => figure.kind === 'imageRepresentation');
+            if (externalFileRef) {
+                externalFileReferences.push(externalFileRef);
+            }
+        }
     });
-    const { externalFileReferences } = (figureId &&
-        modelMap.get(figureId)) || {
-        externalFileReferences: undefined,
-    };
     return {
         id: element._id,
         externalFileReferences,
@@ -36,25 +39,30 @@ exports.default = (modelMap) => {
         }
         else {
             (_b = section.elementIDs) === null || _b === void 0 ? void 0 : _b.map((elementId) => {
+                var _a;
                 const element = modelMap.get(elementId);
                 if (!element) {
                     return;
                 }
                 switch (element.objectType) {
-                    case manuscripts_json_schema_1.ObjectTypes.FigureElement: {
+                    case manuscripts_json_schema_1.ObjectTypes.FigureElement:
+                    case manuscripts_json_schema_1.ObjectTypes.MultiGraphicFigureElement: {
                         files.push(Object.assign(Object.assign({}, getFigureData(element, modelMap)), { label: `Figure`, type: util_1.FileType.Figure }));
                         break;
                     }
                     case manuscripts_json_schema_1.ObjectTypes.TableElement: {
                         const tableElement = element;
                         const table = modelMap.get(tableElement.containedObjectID);
-                        files.push({
-                            id: element._id,
-                            label: `Table`,
-                            type: util_1.FileType.SheetsWorkbooks,
-                            externalFileReferences: table.externalFileReferences,
-                            caption: getCaptionText(tableElement.caption),
-                        });
+                        const externalFileReferences = (_a = table.externalFileReferences) === null || _a === void 0 ? void 0 : _a.filter((file) => file.kind === 'dataset' && file.ref);
+                        if (externalFileReferences && externalFileReferences.length > 0) {
+                            files.push({
+                                id: element._id,
+                                label: `Table`,
+                                type: util_1.FileType.SheetsWorkbooks,
+                                externalFileReferences: table.externalFileReferences,
+                                caption: getCaptionText(tableElement.caption),
+                            });
+                        }
                         break;
                     }
                 }

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

@@ -19,50 +19,32 @@ import { actions, getInitialState, reducer } from './FileSectionState';
 import { FilesSection } from './FilesSection';
 import { InlineFilesSection } from './InlineFilesSection';
 import { TooltipDiv } from './TooltipDiv';
-import { Designation, designationWithFileSectionsMap, FileSectionType, generateExternalFilesTitles, namesWithDesignationMap, sortExternalFiles, } from './util';
+import { Designation, designationWithFileSectionsMap, FileSectionType, generateAttachmentsTitles, namesWithDesignationMap, } from './util';
 export const PermissionsContext = createContext(null);
-export const FileManager = ({ submissionId, externalFiles, modelMap, enableDragAndDrop, can, handleUpload, handleDownload, handleReplace, handleChangeDesignation, }) => {
+export const FileManager = ({ submissionId, attachments, modelMap, enableDragAndDrop, can, handleUpload, handleDownload, handleReplace, handleChangeDesignation, }) => {
     const [state, dispatch] = useReducer(reducer, getInitialState());
-    const handleReplaceFile = useCallback((submissionId, name, file, typeId) => __awaiter(void 0, void 0, void 0, function* () {
+    const handleReplaceFile = useCallback((submissionId, attachmentId, name, file, typeId) => __awaiter(void 0, void 0, void 0, function* () {
         dispatch(actions.HANDLE_UPLOAD_ACTION());
         dispatch(actions.SELECT_DESIGNATION(namesWithDesignationMap.get(typeId) || Designation.Document));
-        const res = yield handleReplace(submissionId, name, file, typeId);
-        if (res) {
-            dispatch(actions.SHOW_FILE_UPLOADED_ALERT());
-        }
+        const res = yield handleReplace(submissionId, attachmentId, name, file, typeId);
         dispatch(actions.HANDLE_FINISH_UPLOAD());
         return res;
     }), [handleReplace]);
     const handleUploadFile = useCallback((submissionId, file, designation) => __awaiter(void 0, void 0, void 0, function* () {
-        try {
-            dispatch(actions.HANDLE_UPLOAD_ACTION());
-            if (namesWithDesignationMap.get(designation) == Designation.Supplementary) {
-                dispatch(actions.SELECT_DESIGNATION(Designation.Supplementary));
-            }
-            const res = yield handleUpload(submissionId, file, designation);
-            if (res) {
-                dispatch(actions.SHOW_FILE_UPLOADED_ALERT());
-            }
-            dispatch(actions.HANDLE_FINISH_UPLOAD());
-            return res;
-        }
-        catch (e) {
-            console.error(e);
-            return false;
+        dispatch(actions.HANDLE_UPLOAD_ACTION());
+        if (namesWithDesignationMap.get(designation) == Designation.Supplementary) {
+            dispatch(actions.SELECT_DESIGNATION(Designation.Supplementary));
         }
+        const res = yield handleUpload(submissionId, file, designation);
+        dispatch(actions.HANDLE_FINISH_UPLOAD());
+        return res;
     }), [handleUpload]);
-    const handleChangeDesignationFile = useCallback((submissionId, typeId, name) => __awaiter(void 0, void 0, void 0, function* () {
-        try {
-            const res = yield handleChangeDesignation(submissionId, typeId, name);
-            if (res) {
-                dispatch(actions.HANDLE_SUCCESS_MESSAGE());
-            }
-            return res;
-        }
-        catch (e) {
-            console.log(e);
-            return false;
+    const handleChangeDesignationFile = useCallback((submissionId, attachmentId, typeId, name) => __awaiter(void 0, void 0, void 0, function* () {
+        const res = yield handleChangeDesignation(submissionId, attachmentId, typeId, name);
+        if (res) {
+            dispatch(actions.HANDLE_SUCCESS_MESSAGE());
         }
+        return res;
     }), [handleChangeDesignation]);
     const handleDownloadFile = useCallback((publicUrl) => {
         return handleDownload(publicUrl);
@@ -70,12 +52,12 @@ export const FileManager = ({ submissionId, externalFiles, modelMap, enableDragA
     const getFileSectionExternalFile = (fileSection) => {
         const isSupplementOrOtherFilesTab = fileSection === FileSectionType.Supplements ||
             fileSection === FileSectionType.OtherFile;
-        const itemsData = externalFiles.filter((element) => {
-            const designation = namesWithDesignationMap.get(element.designation);
+        const itemsData = attachments.filter((element) => {
+            const designation = namesWithDesignationMap.get(element.type.label);
             return (designation !== undefined &&
                 designationWithFileSectionsMap.get(designation) === fileSection);
         });
-        const itemsDataWithTitle = generateExternalFilesTitles(sortExternalFiles(itemsData), fileSection);
+        const itemsDataWithTitle = generateAttachmentsTitles(itemsData, fileSection);
         const filesItems = itemsDataWithTitle.map((element) => {
             const itemProps = {
                 submissionId: submissionId,
@@ -89,10 +71,10 @@ export const FileManager = ({ submissionId, externalFiles, modelMap, enableDragA
                 dispatch: dispatch,
             };
             if (enableDragAndDrop && isSupplementOrOtherFilesTab) {
-                return (React.createElement(DraggableFileSectionItem, Object.assign({}, itemProps, { key: element.externalFile._id })));
+                return (React.createElement(DraggableFileSectionItem, Object.assign({}, itemProps, { key: element.externalFile.id })));
             }
             else {
-                return (React.createElement(FileSectionItem, Object.assign({}, itemProps, { key: element.externalFile._id, isEditor: enableDragAndDrop })));
+                return (React.createElement(FileSectionItem, Object.assign({}, itemProps, { key: element.externalFile.id, isEditor: enableDragAndDrop })));
             }
         });
         return filesItems;

package/dist/es/components/FileManager/FileSectionItem/DesignationActions.js CHANGED Viewed

@@ -4,7 +4,7 @@ import BottomArrowIcon from '../../icons/BottomArrowIcon';
 import { ConfirmationPopUp } from '../ConfirmationPopUp';
 import { designationWithReadableNamesMap, getDesignationActionsList, } from '../util';
 import { DesignationActionsList } from './DesignationActionsList';
-export const DesignationActions = ({ designation, fileExtension, handleChangeDesignation, submissionId, fileName, dispatch, }) => {
+export const DesignationActions = ({ designation, attachmentId, fileExtension, handleChangeDesignation, submissionId, fileName, dispatch, }) => {
     const [isActionsShown, setIsActionsShown] = useState(false);
     const [confirmationPopUpData, setConfirmationPopUpData] = useState({
         isConfirmationPopUpOpen: false,
@@ -20,7 +20,7 @@ export const DesignationActions = ({ designation, fileExtension, handleChangeDes
     const hideActionsList = () => {
         setIsActionsShown(false);
     };
-    if (designation && fileExtension) {
+    if (designation !== undefined && fileExtension) {
         const designationActionsList = getDesignationActionsList(designation, fileExtension);
         if (!designationActionsList.length) {
             return null;
@@ -35,7 +35,7 @@ export const DesignationActions = ({ designation, fileExtension, handleChangeDes
         };
         const handleMoveAction = () => {
             handleChangeDesignation &&
-                handleChangeDesignation(submissionId, confirmationPopUpData.selectedDesignation, fileName);
+                handleChangeDesignation(submissionId, attachmentId, confirmationPopUpData.selectedDesignation, fileName);
             handleCloseAction();
         };
         const handleCloseAction = () => {
@@ -51,7 +51,7 @@ export const DesignationActions = ({ designation, fileExtension, handleChangeDes
                 React.createElement(SecondaryActionsText, null, designationWithReadableNamesMap.get(designation)),
                 React.createElement(BottomArrowIcon, null),
                 isActionsShown && (React.createElement(ActionsListContainer, null,
-                    React.createElement(DesignationActionsList, { handleChangeDesignation: handleChangeDesignation, designationActionsList: designationActionsList, submissionId: submissionId, fileName: fileName, designation: designation, dispatch: dispatch, handleOpenConfirmationPopup: handleOpenConfirmationPopup })))),
+                    React.createElement(DesignationActionsList, { handleChangeDesignation: handleChangeDesignation, designationActionsList: designationActionsList, submissionId: submissionId, fileName: fileName, designation: designation, attachmentId: attachmentId, dispatch: dispatch, handleOpenConfirmationPopup: handleOpenConfirmationPopup })))),
             confirmationPopUpData.isConfirmationPopUpOpen && (React.createElement(ConfirmationPopUp, { popupHeader: confirmationPopUpData.confirmationPopUpHeader !== undefined
                     ? confirmationPopUpData.confirmationPopUpHeader
                     : '', popUpMessage: confirmationPopUpData.confirmationPopUpMessage !== undefined

package/dist/es/components/FileManager/FileSectionItem/DesignationActionsList.js CHANGED Viewed

@@ -2,17 +2,17 @@ import React from 'react';
 import { actions } from '../FileSectionState';
 import { ActionsBox, ActionsItem, ActionsLabel, ActionsSeparator, } from '../ItemsAction';
 import { Designation, designationWithFileSectionsMap, designationWithReadableNamesMap, FileSectionType, getDesignationName, } from '../util';
-export const DesignationActionsList = ({ handleChangeDesignation, designationActionsList, submissionId, fileName, designation, dispatch, handleOpenConfirmationPopup, }) => {
+export const DesignationActionsList = ({ handleChangeDesignation, designationActionsList, submissionId, fileName, designation, attachmentId, dispatch, handleOpenConfirmationPopup, }) => {
     const handleChangeOtherFilesTabDesignation = (designation, isMoveInOtherFileSection, confirmationPopupHeader, confirmationPopupMessage, successMoveMessage) => {
         if (isMoveInOtherFileSection) {
             if (dispatch) {
-                dispatch(actions.MOVE_FILE(submissionId, getDesignationName(designation), fileName, successMoveMessage));
+                dispatch(actions.MOVE_FILE(submissionId, attachmentId, getDesignationName(designation), fileName, successMoveMessage));
                 handleOpenConfirmationPopup(confirmationPopupHeader, confirmationPopupMessage, getDesignationName(designation));
             }
         }
         else {
             handleChangeDesignation &&
-                handleChangeDesignation(submissionId, getDesignationName(designation), fileName);
+                handleChangeDesignation(submissionId, attachmentId, getDesignationName(designation), fileName);
         }
     };
     const isSupplementaryActionIncluded = designationActionsList.indexOf(Designation.Supplementary) !== -1;
@@ -21,7 +21,7 @@ export const DesignationActionsList = ({ handleChangeDesignation, designationAct
         .map((value) => {
         return (React.createElement(ActionsItem, { key: value, onClick: () => {
                 let isMoveToOtherFileSection = true;
-                if (designation) {
+                if (designation !== undefined) {
                     isMoveToOtherFileSection =
                         designationWithFileSectionsMap.get(designation) !==
                             FileSectionType.OtherFile;
@@ -37,7 +37,7 @@ export const DesignationActionsList = ({ handleChangeDesignation, designationAct
             React.createElement(ActionsSeparator, null),
             React.createElement(ActionsItem, { onClick: () => {
                     let isMoveToOtherFileSection = true;
-                    if (designation) {
+                    if (designation !== undefined) {
                         isMoveToOtherFileSection =
                             designationWithFileSectionsMap.get(designation) !==
                                 FileSectionType.Supplements;

package/dist/es/components/FileManager/FileSectionItem/FileInfo.js CHANGED Viewed

@@ -2,14 +2,14 @@ import React, { useContext } from 'react';
 import styled from 'styled-components';
 import { PermissionsContext } from '../FileManager';
 import { DesignationActions } from './DesignationActions';
-export const FileInfo = ({ showAttachmentName, showDesignationActions, title, submissionAttachmentName, fileExtension, designation, description, handleChangeDesignation, submissionId, dispatch, }) => {
+export const FileInfo = ({ showAttachmentName, showDesignationActions, title, submissionAttachmentName, fileExtension, designation, attachmentId, handleChangeDesignation, submissionId, dispatch, }) => {
     const fileName = submissionAttachmentName.substring(0, submissionAttachmentName.lastIndexOf('.'));
     const can = useContext(PermissionsContext);
     return (React.createElement(FileInfoContainer, null,
         (can === null || can === void 0 ? void 0 : can.changeDesignation) &&
             showDesignationActions &&
-            designation &&
-            submissionId && (React.createElement(DesignationActions, { designation: designation, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, fileName: submissionAttachmentName, dispatch: dispatch })),
+            designation !== undefined &&
+            submissionId && (React.createElement(DesignationActions, { designation: designation, attachmentId: attachmentId, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, fileName: submissionAttachmentName, dispatch: dispatch })),
         React.createElement(FileNameTitleContainer, null,
             React.createElement(FileTitle, null,
                 !showAttachmentName ? fileName : title,
@@ -18,8 +18,7 @@ export const FileInfo = ({ showAttachmentName, showDesignationActions, title, su
                 React.createElement(FileName, null, fileName),
                 React.createElement("div", null,
                     ".",
-                    fileExtension)))),
-        description && React.createElement(FileDescription, null, description)));
+                    fileExtension))))));
 };
 export const FileInfoContainer = styled.div `
   margin-left: 8px;

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

@@ -10,20 +10,20 @@ import { FileTypeIcon } from './FileTypeIcon';
 import { ItemActions } from './ItemActions';
 export const FileSectionItem = ({ submissionId, externalFile, title, showAttachmentName = false, showDesignationActions = false, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();
-    const fileExtension = externalFile.filename.substring(externalFile.filename.lastIndexOf('.') + 1);
-    const designation = namesWithDesignationMap.get(externalFile.designation);
+    const fileExtension = externalFile.name.substring(externalFile.name.lastIndexOf('.') + 1);
+    const designation = namesWithDesignationMap.get(externalFile.type.label);
     const isMainManuscript = designation === Designation.MainManuscript;
-    const isSelected = externalFile._id == window.location.hash.substr(1);
+    const isSelected = externalFile.id == window.location.hash.substr(1);
     return (React.createElement(Item, { ref: dragRef, className: className, style: style },
         React.createElement(ItemContainer, { onClick: () => {
                 window.location.hash =
-                    isEditor && !isSelected ? `#${externalFile._id}` : '#';
+                    isEditor && !isSelected ? `#${externalFile.id}` : '#';
                 if (isSelected) {
-                    window.location.hash = `#${externalFile._id}`;
+                    window.location.hash = `#${externalFile.id}`;
                 }
             } },
-            React.createElement(FileTypeIcon, { withDot: isMainManuscript, fileExtension: fileExtension, alt: externalFile.filename }),
-            React.createElement(FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, showDesignationActions: showDesignationActions, submissionAttachmentName: externalFile.filename, title: title, designation: designation, description: externalFile.description, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, dispatch: dispatch })),
+            React.createElement(FileTypeIcon, { withDot: isMainManuscript, fileExtension: fileExtension, alt: externalFile.name }),
+            React.createElement(FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, showDesignationActions: showDesignationActions, submissionAttachmentName: externalFile.name, title: title, designation: designation, attachmentId: externalFile.id, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, dispatch: dispatch })),
         onClose && (React.createElement(IconCloseButton, { onClick: (e) => {
                 e.preventDefault();
                 onClose();
@@ -32,7 +32,7 @@ export const FileSectionItem = ({ submissionId, externalFile, title, showAttachm
         handleDownload && handleReplace && submissionId && (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, submissionId: submissionId, fileName: externalFile.filename, designation: externalFile.designation, publicUrl: externalFile.publicUrl, hideActionList: toggleOpen, dispatch: dispatch }))))));
+            isOpen && (React.createElement(ItemActions, { replaceAttachmentHandler: handleReplace, downloadAttachmentHandler: handleDownload, submissionId: submissionId, 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 CHANGED Viewed

@@ -3,7 +3,7 @@ import { DropdownList } from '../../Dropdown';
 import { PermissionsContext } from '../FileManager';
 import { actions } from '../FileSectionState';
 import { ActionsItem } from '../ItemsAction';
-export const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, submissionId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, }) => {
+export const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, submissionId, attachmentId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, }) => {
     const attachmentDesignation = designation == undefined ? 'undefined' : designation;
     const fileInputRef = useRef(null);
     const [selectedFile, setSelectedFile] = useState();
@@ -15,7 +15,7 @@ export const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandle
             if (dispatch) {
                 dispatch(actions.UPLOAD_FILE(file));
             }
-            replaceAttachmentHandler(submissionId, fileName, file, attachmentDesignation);
+            replaceAttachmentHandler(submissionId, attachmentId, fileName, file, attachmentDesignation);
             hideActionList();
         }
     };

package/dist/es/components/FileManager/FileSectionState.js CHANGED Viewed

@@ -1,7 +1,6 @@
 export const getInitialState = () => ({
     uploadedFile: undefined,
     isUploadFile: false,
-    isFileUploaded: false,
     moveToOtherState: undefined,
     successMessage: '',
     isShowSuccessMessage: false,
@@ -17,8 +16,6 @@ var ActionTypes;
     ActionTypes["HANDLE_UPLOAD_ACTION"] = "handleUpload";
     ActionTypes["HANDLE_FINISH_UPLOAD"] = "handleFinishUpload";
     ActionTypes["HANDLE_SUCCESS_MESSAGE"] = "handleSuccessMessage";
-    ActionTypes["SHOW_FILE_UPLOADED_ALERT"] = "showFileUploadedAlert";
-    ActionTypes["CLOSE_FILE_UPLOADED_ALERT"] = "closeFileUploadedAlert";
 })(ActionTypes || (ActionTypes = {}));
 export const reducer = (state, action) => {
     switch (action.type) {
@@ -44,15 +41,9 @@ export const reducer = (state, action) => {
         case ActionTypes.HANDLE_FINISH_UPLOAD: {
             return Object.assign(Object.assign({}, state), { isUploadFile: false, uploadedFile: undefined, selectDesignation: undefined });
         }
-        case ActionTypes.SHOW_FILE_UPLOADED_ALERT: {
-            return Object.assign(Object.assign({}, state), { isFileUploaded: true });
-        }
         case ActionTypes.HANDLE_SUCCESS_MESSAGE: {
             return Object.assign(Object.assign({}, state), { isShowSuccessMessage: true });
         }
-        case ActionTypes.CLOSE_FILE_UPLOADED_ALERT: {
-            return Object.assign(Object.assign({}, state), { isFileUploaded: false });
-        }
     }
     return state;
 };
@@ -71,7 +62,7 @@ export const actions = {
         type: ActionTypes.SELECT_DESIGNATION,
         designation,
     }),
-    MOVE_FILE: (submissionId, typeId, name, successMoveMessage) => ({
+    MOVE_FILE: (submissionId, attachmentId, typeId, name, successMoveMessage) => ({
         type: ActionTypes.MOVE_FILE,
         submissionId,
         typeId,
@@ -81,12 +72,6 @@ export const actions = {
     HANDLE_FINISH_UPLOAD: () => ({
         type: ActionTypes.HANDLE_FINISH_UPLOAD,
     }),
-    SHOW_FILE_UPLOADED_ALERT: () => ({
-        type: ActionTypes.SHOW_FILE_UPLOADED_ALERT,
-    }),
-    CLOSE_FILE_UPLOADED_ALERT: () => ({
-        type: ActionTypes.CLOSE_FILE_UPLOADED_ALERT,
-    }),
     HANDLE_SUCCESS_MESSAGE: () => ({
         type: ActionTypes.HANDLE_SUCCESS_MESSAGE,
     }),

package/dist/es/components/FileManager/FilesSection.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import React, { useContext } from 'react';
-import { AlertMessage, AlertMessageType } from '../AlertMessage';
 import { DragItemArea } from './DragItemArea';
 import { PermissionsContext } from './FileManager';
 import { FileSectionUploadItem } from './FileSectionItem/FileSectionUploadItem';
@@ -26,11 +25,7 @@ export const FilesSection = ({ submissionId, enableDragAndDrop, handleUpload, fi
             (isOtherFileTab || isSupplementFilesTab) && (React.createElement(UploadFileArea, { handleUploadFile: handleUpload, fileSection: fileSection, submissionId: submissionId, dispatch: dispatch })),
             state.isUploadFile &&
                 state.uploadedFile &&
-                state.selectDesignation !== undefined && (React.createElement(FileSectionUploadItem, { submissionId: submissionId, fileName: state.uploadedFile.name, isLoading: state.isUploadFile })),
-            state.isFileUploaded && (React.createElement(AlertMessage, { type: AlertMessageType.info, hideCloseButton: true, dismissButton: {
-                    action: () => dispatch(actions.CLOSE_FILE_UPLOADED_ALERT()),
-                    text: 'Close',
-                } }, "File uploaded successfully. It may take a few moments to show the new file in the Inspector.")))),
+                state.selectDesignation !== undefined && (React.createElement(FileSectionUploadItem, { submissionId: submissionId, fileName: state.uploadedFile.name, isLoading: state.isUploadFile })))),
         state.uploadedFile && isOtherFileTab && (React.createElement(SelectDialogDesignation, { isOpen: state.isOpenSelectDesignationPopup, fileExtension: uploadedFileExtension, handleCancel: () => {
                 dispatch(actions.HANDLE_CANCEL_UPLOAD());
             }, uploadFileHandler: () => handleUploadOtherFile(), dispatch: dispatch, fileSection: fileSection })),

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

@@ -45,7 +45,7 @@ const FileReference = ({ externalFile, submissionId, handleReplace, handleDownlo
         handleDownload && handleReplace && submissionId && (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, downloadAttachmentHandler: handleDownload, submissionId: submissionId, fileName: externalFile.filename, designation: externalFile.designation, publicUrl: externalFile.publicUrl, hideActionList: toggleOpen, dispatch: dispatch, dropDownClassName: 'ref_item_dropdown' }))))));
+            isOpen && (React.createElement(ItemActions, { replaceAttachmentHandler: handleReplace, downloadAttachmentHandler: handleDownload, submissionId: submissionId, attachmentId: undefined, fileName: externalFile.filename, designation: externalFile.designation, publicUrl: externalFile.publicUrl, hideActionList: toggleOpen, dispatch: dispatch, dropDownClassName: 'ref_item_dropdown' }))))));
 };
 const ElementItem = styled(Item) `
   display: flex;

package/dist/es/components/FileManager/util.js CHANGED Viewed

@@ -50,8 +50,8 @@ export var Designation;
     Designation[Designation["MainManuscript"] = 13] = "MainManuscript";
 })(Designation || (Designation = {}));
 export const designationWithFileSectionsMap = new Map([
-    [Designation.Figure, FileSectionType.Inline],
-    [Designation.Table, FileSectionType.Inline],
+    [Designation.Figure, FileSectionType.OtherFile],
+    [Designation.Table, FileSectionType.OtherFile],
     [Designation.Supplementary, FileSectionType.Supplements],
     [Designation.ConflictOfInterest, FileSectionType.OtherFile],
     [Designation.Document, FileSectionType.OtherFile],
@@ -346,15 +346,15 @@ export const fileTypesWithIconMap = new Map([
     ],
     [undefined, React.createElement(UnknownFormatFileIcon, { key: undefined })],
 ]);
-export const generateExternalFilesTitles = (externalFiles, fileSectionType) => {
+export const generateAttachmentsTitles = (externalFiles, fileSectionType) => {
     const titleCountersMap = new Map();
     const externalFilesWithTitlesMap = new Map();
     externalFiles.forEach((element) => {
-        const fileExtension = element.filename.substring(element.filename.lastIndexOf('.') + 1);
+        const fileExtension = element.name.substring(element.name.lastIndexOf('.') + 1);
         const fileType = extensionsWithFileTypesMap.get(fileExtension.toLowerCase());
         const fileTitle = fileTypesWithTitlesMap.get(fileType);
         if (fileSectionType === FileSectionType.Inline) {
-            externalFilesWithTitlesMap.set(element.filename, element);
+            externalFilesWithTitlesMap.set(element.name, element);
         }
         else {
             if (fileTitle !== undefined) {
@@ -377,13 +377,6 @@ export const generateExternalFilesTitles = (externalFiles, fileSectionType) => {
     }));
     return result;
 };
-export const sortExternalFiles = (externalFile) => externalFile
-    .sort((a, b) => Number(a.createdAt) - Number(b.createdAt))
-    .sort((a, b) => b.designation === 'main-manuscript'
-    ? 1
-    : a.designation === 'main-manuscript'
-        ? -1
-        : 0);
 export const getDesignationActionsList = (designation, fileExtension) => {
     const allowedDesignationsToTransition = designationWithAllowedDesignationsToTransitionMap.get(designation);
     if (allowedDesignationsToTransition) {
@@ -467,10 +460,3 @@ export const droppableSections = [
     FileSectionType.Supplements,
     FileSectionType.OtherFile,
 ];
-const isOfDesignation = (file, designation) => {
-    const formats = designationWithAllowedMediaTypesMap.get(designation);
-    return !!(formats === null || formats === void 0 ? void 0 : formats.find((type) => file.MIME.indexOf('/' + type) >= 0));
-};
-export const isFigure = (file) => {
-    return isOfDesignation(file, Designation.Figure);
-};

package/dist/es/lib/inlineFiles.js CHANGED Viewed

@@ -5,14 +5,17 @@ const getCaptionText = (caption) => caption &&
     new DOMParser().parseFromString(caption, 'text/html').documentElement
         .innerText;
 const getFigureData = (element, modelMap) => {
-    const figureId = element.containedObjectIDs.find((e) => {
-        const model = modelMap.get(e);
-        return model && hasObjectType(ObjectTypes.Figure)(model);
+    const externalFileReferences = [];
+    element.containedObjectIDs.map((e) => {
+        var _a;
+        const object = modelMap.get(e);
+        if (object && object.objectType === ObjectTypes.Figure) {
+            const externalFileRef = (_a = object.externalFileReferences) === null || _a === void 0 ? void 0 : _a.find((figure) => figure.kind === 'imageRepresentation');
+            if (externalFileRef) {
+                externalFileReferences.push(externalFileRef);
+            }
+        }
     });
-    const { externalFileReferences } = (figureId &&
-        modelMap.get(figureId)) || {
-        externalFileReferences: undefined,
-    };
     return {
         id: element._id,
         externalFileReferences,
@@ -34,25 +37,30 @@ export default (modelMap) => {
         }
         else {
             (_b = section.elementIDs) === null || _b === void 0 ? void 0 : _b.map((elementId) => {
+                var _a;
                 const element = modelMap.get(elementId);
                 if (!element) {
                     return;
                 }
                 switch (element.objectType) {
-                    case ObjectTypes.FigureElement: {
+                    case ObjectTypes.FigureElement:
+                    case ObjectTypes.MultiGraphicFigureElement: {
                         files.push(Object.assign(Object.assign({}, getFigureData(element, modelMap)), { label: `Figure`, type: FileType.Figure }));
                         break;
                     }
                     case ObjectTypes.TableElement: {
                         const tableElement = element;
                         const table = modelMap.get(tableElement.containedObjectID);
-                        files.push({
-                            id: element._id,
-                            label: `Table`,
-                            type: FileType.SheetsWorkbooks,
-                            externalFileReferences: table.externalFileReferences,
-                            caption: getCaptionText(tableElement.caption),
-                        });
+                        const externalFileReferences = (_a = table.externalFileReferences) === null || _a === void 0 ? void 0 : _a.filter((file) => file.kind === 'dataset' && file.ref);
+                        if (externalFileReferences && externalFileReferences.length > 0) {
+                            files.push({
+                                id: element._id,
+                                label: `Table`,
+                                type: FileType.SheetsWorkbooks,
+                                externalFileReferences: table.externalFileReferences,
+                                caption: getCaptionText(tableElement.caption),
+                            });
+                        }
                         break;
                     }
                 }

package/dist/types/components/FileManager/FileManager.d.ts CHANGED Viewed

@@ -1,15 +1,16 @@
-import { ExternalFile, Model } from '@manuscripts/manuscripts-json-schema';
+import { Model } from '@manuscripts/manuscripts-json-schema';
 import React from 'react';
 import { Capabilities } from '../../lib/capabilities';
+import { SubmissionAttachment } from './FileSectionItem/FileSectionItem';
 export declare const PermissionsContext: React.Context<Capabilities | null>;
 export declare const FileManager: React.FC<{
     submissionId: string;
-    externalFiles: ExternalFile[];
+    attachments: SubmissionAttachment[];
     modelMap: Map<string, Model>;
     enableDragAndDrop: boolean;
     can: Capabilities;
-    handleUpload: (submissionId: string, file: File, designation: string) => Promise<boolean>;
+    handleUpload: (submissionId: string, file: File, designation: string) => Promise<any>;
     handleDownload: (url: string) => void;
-    handleReplace: (submissionId: string, name: string, file: File, typeId: string) => Promise<boolean>;
-    handleChangeDesignation: (submissionId: string, typeId: string, name: string) => Promise<boolean>;
+    handleReplace: (submissionId: string, attachmentId: string, name: string, file: File, typeId: string) => Promise<any>;
+    handleChangeDesignation: (submissionId: string, attachmentId: string, typeId: string, name: string) => Promise<any>;
 }>;

package/dist/types/components/FileManager/FileSectionItem/DesignationActions.d.ts CHANGED Viewed

@@ -3,8 +3,9 @@ import { Action } from '../FileSectionState';
 import { Designation } from '../util';
 export declare const DesignationActions: React.FC<{
     designation?: Designation;
+    attachmentId: string;
     fileExtension?: string;
-    handleChangeDesignation?: (submissionId: string, typeId: string, name: string) => Promise<boolean>;
+    handleChangeDesignation?: (submissionId: string, attachmentId: string, typeId: string, name: string) => Promise<boolean>;
     submissionId: string;
     fileName: string;
     dispatch?: Dispatch<Action>;

package/dist/types/components/FileManager/FileSectionItem/DesignationActionsList.d.ts CHANGED Viewed

@@ -2,11 +2,12 @@ import React, { Dispatch } from 'react';
 import { Action } from '../FileSectionState';
 import { Designation } from '../util';
 export declare const DesignationActionsList: React.FC<{
-    handleChangeDesignation?: (submissionId: string, typeId: string, name: string) => Promise<boolean>;
+    handleChangeDesignation?: (submissionId: string, attachmentId: string, typeId: string, name: string) => Promise<boolean>;
     designationActionsList: Array<Designation>;
     submissionId: string;
     fileName: string;
     designation?: Designation;
+    attachmentId: string;
     dispatch?: Dispatch<Action>;
     handleOpenConfirmationPopup: (popupHeader: string, popupMessage: string, designation: string) => void;
 }>;

package/dist/types/components/FileManager/FileSectionItem/FileInfo.d.ts CHANGED Viewed

@@ -5,11 +5,11 @@ export declare const FileInfo: React.FC<{
     showAttachmentName: boolean;
     showDesignationActions: boolean;
     title: string;
-    description?: string;
     submissionAttachmentName: string;
     fileExtension: string;
     designation?: Designation;
-    handleChangeDesignation: (submissionId: string, typeId: string, name: string) => Promise<boolean>;
+    attachmentId: string;
+    handleChangeDesignation: (submissionId: string, attachmentId: string, typeId: string, name: string) => Promise<boolean>;
     submissionId?: string;
     dispatch?: Dispatch<Action>;
 }>;

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

@@ -1,17 +1,27 @@
-import { ExternalFile } from '@manuscripts/manuscripts-json-schema';
 import React, { CSSProperties, Dispatch } from 'react';
 import { DragElementWrapper, DragSourceOptions } from 'react-dnd';
+import { Maybe } from '../../SubmissionInspector/types';
 import { Action } from '../FileSectionState';
+export declare type SubmissionAttachment = {
+    id: string;
+    name: string;
+    type: SubmissionAttachmentType;
+    link: string;
+};
+export declare type SubmissionAttachmentType = {
+    id: string;
+    label?: Maybe<string> | undefined;
+};
 export interface FileSectionItemProps {
     submissionId?: string;
-    externalFile: ExternalFile;
+    externalFile: SubmissionAttachment;
     title: string;
     showAttachmentName?: boolean;
     showDesignationActions?: boolean;
     showActions?: boolean;
     handleDownload?: (url: string) => void;
-    handleReplace?: (submissionId: string, name: string, file: File, typeId: string) => Promise<boolean>;
-    handleChangeDesignation: (submissionId: string, typeId: string, name: string) => Promise<boolean>;
+    handleReplace?: (submissionId: string, attachmentId: string, name: string, file: File, typeId: string) => Promise<boolean>;
+    handleChangeDesignation: (submissionId: string, attachmentId: string, typeId: string, name: string) => Promise<boolean>;
     dispatch?: Dispatch<Action>;
     dragRef?: DragElementWrapper<DragSourceOptions>;
     className?: string;

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

@@ -1,11 +1,13 @@
 import React, { Dispatch } from 'react';
+import { Maybe } from '../../SubmissionInspector/types';
 import { Action } from '../FileSectionState';
 export declare const ItemActions: React.FC<{
     downloadAttachmentHandler: (url: string) => void;
-    replaceAttachmentHandler: (submissionId: string, name: string, file: File, typeId: string) => Promise<boolean>;
+    replaceAttachmentHandler: (submissionId: string, attachmentId: string, name: string, file: File, typeId: string) => Promise<boolean>;
     submissionId: string;
+    attachmentId: string;
     fileName: string;
-    designation?: string | undefined;
+    designation?: Maybe<string> | undefined;
     publicUrl: string | undefined;
     hideActionList: (e?: React.MouseEvent) => void;
     dispatch?: Dispatch<Action>;

package/dist/types/components/FileManager/FileSectionState.d.ts CHANGED Viewed

@@ -3,7 +3,6 @@ export declare const getInitialState: () => State;
 export interface State {
     uploadedFile: File | undefined;
     isUploadFile: boolean;
-    isFileUploaded: boolean;
     moveToOtherState: {
         submissionId: string;
         typeId: string;
@@ -21,9 +20,7 @@ declare enum ActionTypes {
     HANDLE_CANCEL_UPLOAD = "handleCancel",
     HANDLE_UPLOAD_ACTION = "handleUpload",
     HANDLE_FINISH_UPLOAD = "handleFinishUpload",
-    HANDLE_SUCCESS_MESSAGE = "handleSuccessMessage",
-    SHOW_FILE_UPLOADED_ALERT = "showFileUploadedAlert",
-    CLOSE_FILE_UPLOADED_ALERT = "closeFileUploadedAlert"
+    HANDLE_SUCCESS_MESSAGE = "handleSuccessMessage"
 }
 export declare const reducer: (state: State, action: Action) => State;
 export interface Action {
@@ -35,10 +32,8 @@ export declare const actions: {
     HANDLE_UPLOAD_ACTION: () => Action;
     HANDLE_CANCEL_UPLOAD: () => Action;
     SELECT_DESIGNATION: (designation: Designation) => Action;
-    MOVE_FILE: (submissionId: string, typeId: string, name: string, successMoveMessage: string) => Action;
+    MOVE_FILE: (submissionId: string, attachmentId: string, typeId: string, name: string, successMoveMessage: string) => Action;
     HANDLE_FINISH_UPLOAD: () => Action;
-    SHOW_FILE_UPLOADED_ALERT: () => Action;
-    CLOSE_FILE_UPLOADED_ALERT: () => Action;
     HANDLE_SUCCESS_MESSAGE: () => Action;
 };
 export {};

package/dist/types/components/FileManager/FilesSection.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { FileSectionType } from './util';
 export declare const FilesSection: React.FC<{
     submissionId: string;
     enableDragAndDrop: boolean;
-    handleUpload: (submissionId: string, file: File, designation: string) => Promise<boolean>;
+    handleUpload: (submissionId: string, file: File, designation: string) => Promise<any>;
     fileSection: FileSectionType;
     filesItem: JSX.Element[];
     dispatch: Dispatch<Action>;

package/dist/types/components/FileManager/InlineFilesSection.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ export interface ExternalFileRef {
 export declare const InlineFilesSection: React.FC<{
     submissionId: string;
     modelMap: Map<string, Model>;
-    handleReplace: (submissionId: string, name: string, file: File, typeId: string) => Promise<boolean>;
+    handleReplace: (submissionId: string, attachmentId: string, name: string, file: File, typeId: string) => Promise<boolean>;
     handleDownload: (url: string) => void;
     isEditor: boolean;
     dispatch: Dispatch<Action>;

package/dist/types/components/FileManager/UploadFileArea.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import React, { Dispatch } from 'react';
 import { Action } from './FileSectionState';
 import { FileSectionType } from './util';
 export declare const UploadFileArea: React.FC<{
-    handleUploadFile: (submissionId: string, file: File, designation: string) => Promise<boolean>;
+    handleUploadFile: (submissionId: string, file: File, designation: string) => Promise<any>;
     fileSection: FileSectionType;
     submissionId: string;
     dispatch: Dispatch<Action>;

package/dist/types/components/FileManager/util.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
-import { ExternalFile } from '@manuscripts/manuscripts-json-schema';
 import { Capabilities } from '../../lib/capabilities';
+import { Maybe } from '../SubmissionInspector/types';
+import { SubmissionAttachment } from './FileSectionItem/FileSectionItem';
 export declare enum FileSectionType {
     Inline = 0,
     Supplements = 1,
@@ -36,18 +37,17 @@ export declare enum Designation {
     MainManuscript = 13
 }
 export declare const designationWithFileSectionsMap: Map<Designation, FileSectionType>;
-export declare const namesWithDesignationMap: Map<string | undefined, Designation>;
+export declare const namesWithDesignationMap: Map<Maybe<string> | undefined, Designation>;
 export declare const designationWithReadableNamesMap: Map<Designation, string>;
 export declare const designationWithAllowedMediaTypesMap: Map<Designation, string[]>;
 export declare const designationWithAllowedDesignationsToTransitionMap: Map<Designation, Designation[]>;
 export declare const extensionsWithFileTypesMap: Map<string, FileType>;
 export declare const fileTypesWithTitlesMap: Map<FileType | undefined, string>;
 export declare const fileTypesWithIconMap: Map<FileType | undefined, JSX.Element>;
-export declare const generateExternalFilesTitles: (externalFiles: ExternalFile[], fileSectionType: FileSectionType) => Array<{
+export declare const generateAttachmentsTitles: (externalFiles: SubmissionAttachment[], fileSectionType: FileSectionType) => Array<{
     title: string;
-    externalFile: ExternalFile;
+    externalFile: SubmissionAttachment;
 }>;
-export declare const sortExternalFiles: (externalFile: ExternalFile[]) => ExternalFile[];
 export declare const getDesignationActionsList: (designation: Designation, fileExtension: string) => Array<Designation>;
 export declare const getDesignationName: (designation: Designation) => string;
 export declare const getDesignationByFileSection: (fileSectionType: FileSectionType) => Array<Designation>;
@@ -56,4 +56,3 @@ export declare const getUploadFileDesignationList: (fileExtension: string, fileS
     label: string;
 }>;
 export declare const droppableSections: FileSectionType[];
-export declare const isFigure: (file: ExternalFile) => boolean;

package/package.json CHANGED Viewed

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