@manuscripts/style-guide 0.30.15 → 0.30.16

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

@@ -47,9 +47,19 @@ const util_1 = require("./util");
 exports.PermissionsContext = react_1.createContext(null);
 exports.FileManager = ({ submissionId, externalFiles, enableDragAndDrop, can, handleUpload, handleDownload, handleReplace, handleChangeDesignation, }) => {
     const [state, dispatch] = react_1.useReducer(FileSectionState_1.reducer, FileSectionState_1.getInitialState());
-    const handleReplaceFile = react_1.useCallback((submissionId, name, file, typeId) => {
-        return handleReplace(submissionId, name, file, typeId);
-    }, [handleReplace]);
+    const handleReplaceFile = react_1.useCallback((submissionId, 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());
+            dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
+        }
+        else {
+            dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
+        }
+        return res;
+    }), [handleReplace]);
     const handleUploadFile = react_1.useCallback((submissionId, file, designation) => __awaiter(void 0, void 0, void 0, function* () {
         try {
             dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
@@ -57,7 +67,13 @@ exports.FileManager = ({ submissionId, externalFiles, enableDragAndDrop, can, ha
                 dispatch(FileSectionState_1.actions.SELECT_DESIGNATION(util_1.Designation.Supplementary));
             }
             const res = yield handleUpload(submissionId, file, designation);
-            dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
+            if (res) {
+                dispatch(FileSectionState_1.actions.SHOW_FILE_UPLOADED_ALERT());
+                dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
+            }
+            else {
+                dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
+            }
             return res;
         }
         catch (e) {

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

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ItemContainer = exports.Item = exports.ActionsIcon = exports.FileSectionItem = void 0;
 const react_1 = __importDefault(require("react"));
-const react_router_dom_1 = require("react-router-dom");
 const styled_components_1 = __importDefault(require("styled-components"));
 const use_dropdown_1 = require("../../../hooks/use-dropdown");
 const Dropdown_1 = require("../../Dropdown");
@@ -21,7 +20,7 @@ exports.FileSectionItem = ({ submissionId, externalFile, title, showAttachmentNa
     const designation = util_1.namesWithDesignationMap.get(externalFile.designation);
     const isMainManuscript = designation === util_1.Designation.MainManuscript;
     return (react_1.default.createElement(exports.Item, { ref: dragRef, className: className, style: style },
-        react_1.default.createElement(exports.ItemContainer, { to: isEditor ? `#${externalFile._id}` : '#' },
+        react_1.default.createElement(exports.ItemContainer, { onClick: () => (window.location.hash = isEditor ? `#${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 })),
         onClose && (react_1.default.createElement(IconCloseButton, { onClick: (e) => {
@@ -32,7 +31,7 @@ exports.FileSectionItem = ({ submissionId, externalFile, title, showAttachmentNa
         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 }))))));
+            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 }))))));
 };
 const IconCloseButton = styled_components_1.default.button `
   border: none;
@@ -82,10 +81,9 @@ exports.Item = styled_components_1.default.div `
     margin-right: 8px;
   }
 `;
-exports.ItemContainer = styled_components_1.default(react_router_dom_1.Link) `
+exports.ItemContainer = styled_components_1.default.div `
   display: flex;
   min-width: calc(100% - 8px);
   padding-right: 4px;
   box-sizing: border-box;
-  text-decoration: none;
 `;

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

@@ -14,7 +14,7 @@ exports.FileSectionUploadItem = ({ fileName, isLoading, submissionId, dragRef, c
     const fileExtension = fileName.substring(fileName.lastIndexOf('.') + 1);
     fileName = fileName.substring(0, fileName.lastIndexOf('.'));
     return (react_1.default.createElement(FileSectionItem_1.Item, { ref: dragRef, className: className, style: style },
-        react_1.default.createElement(exports.UploadItemContainer, { to: '#' },
+        react_1.default.createElement(exports.UploadItemContainer, null,
             react_1.default.createElement(FileTypeIcon_1.FileTypeIcon, { withDot: false }),
             react_1.default.createElement(FileInfo_1.FileInfoContainer, null,
                 react_1.default.createElement(FileInfo_1.FileNameContainer, null,

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

@@ -23,8 +23,9 @@ exports.ItemActions = void 0;
 const react_1 = __importStar(require("react"));
 const Dropdown_1 = require("../../Dropdown");
 const FileManager_1 = require("../FileManager");
+const FileSectionState_1 = require("../FileSectionState");
 const ItemsAction_1 = require("../ItemsAction");
-exports.ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, submissionId, fileName, designation, publicUrl, hideActionList, }) => {
+exports.ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, submissionId, fileName, designation, publicUrl, hideActionList, dispatch, }) => {
     const attachmentDesignation = designation == undefined ? 'undefined' : designation;
     const fileInputRef = react_1.useRef(null);
     const [selectedFile, setSelectedFile] = react_1.useState();
@@ -33,6 +34,9 @@ exports.ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, su
         if (event && event.target && event.target.files) {
             const file = event.target.files[0];
             setSelectedFile(file);
+            if (dispatch) {
+                dispatch(FileSectionState_1.actions.UPLOAD_FILE(file));
+            }
             replaceAttachmentHandler(submissionId, fileName, file, attachmentDesignation);
             hideActionList();
         }

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

@@ -20,6 +20,7 @@ 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 = {}));
 exports.reducer = (state, action) => {
@@ -44,7 +45,10 @@ exports.reducer = (state, action) => {
             return Object.assign(Object.assign({}, state), { isOpenSelectDesignationPopup: false });
         }
         case ActionTypes.HANDLE_FINISH_UPLOAD: {
-            return Object.assign(Object.assign({}, state), { isUploadFile: false, isFileUploaded: true, uploadedFile: undefined, selectDesignation: undefined });
+            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 });
@@ -80,6 +84,9 @@ exports.actions = {
     HANDLE_FINISH_UPLOAD: () => ({
         type: ActionTypes.HANDLE_FINISH_UPLOAD,
     }),
+    SHOW_FILE_UPLOADED_ALERT: () => ({
+        type: ActionTypes.CLOSE_FILE_UPLOADED_ALERT,
+    }),
     CLOSE_FILE_UPLOADED_ALERT: () => ({
         type: ActionTypes.CLOSE_FILE_UPLOADED_ALERT,
     }),

package/dist/cjs/lib/lw-errors-decoder.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const errorsExplanations = {
     ANY_ERR_AUTHORIZATION: {
         title: 'Authorization issue',
-        description: "It seems you don't have access to this page. If you think...",
+        description: "It seems you don't have access to this resource. If you think you should have access, please contact the support team.",
         type: 'System',
     },
     PREVIEW_HTML_GENERATION_FAILED: {

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

@@ -22,9 +22,19 @@ import { Designation, designationWithFileSectionsMap, FileSectionType, generateE
 export const PermissionsContext = createContext(null);
 export const FileManager = ({ submissionId, externalFiles, enableDragAndDrop, can, handleUpload, handleDownload, handleReplace, handleChangeDesignation, }) => {
     const [state, dispatch] = useReducer(reducer, getInitialState());
-    const handleReplaceFile = useCallback((submissionId, name, file, typeId) => {
-        return handleReplace(submissionId, name, file, typeId);
-    }, [handleReplace]);
+    const handleReplaceFile = useCallback((submissionId, 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());
+            dispatch(actions.HANDLE_FINISH_UPLOAD());
+        }
+        else {
+            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());
@@ -32,7 +42,13 @@ export const FileManager = ({ submissionId, externalFiles, enableDragAndDrop, ca
                 dispatch(actions.SELECT_DESIGNATION(Designation.Supplementary));
             }
             const res = yield handleUpload(submissionId, file, designation);
-            dispatch(actions.HANDLE_FINISH_UPLOAD());
+            if (res) {
+                dispatch(actions.SHOW_FILE_UPLOADED_ALERT());
+                dispatch(actions.HANDLE_FINISH_UPLOAD());
+            }
+            else {
+                dispatch(actions.HANDLE_FINISH_UPLOAD());
+            }
             return res;
         }
         catch (e) {

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { Link } from 'react-router-dom';
 import styled from 'styled-components';
 import { useDropdown } from '../../../hooks/use-dropdown';
 import { DropdownContainer } from '../../Dropdown';
@@ -15,7 +14,7 @@ export const FileSectionItem = ({ submissionId, externalFile, title, showAttachm
     const designation = namesWithDesignationMap.get(externalFile.designation);
     const isMainManuscript = designation === Designation.MainManuscript;
     return (React.createElement(Item, { ref: dragRef, className: className, style: style },
-        React.createElement(ItemContainer, { to: isEditor ? `#${externalFile._id}` : '#' },
+        React.createElement(ItemContainer, { onClick: () => (window.location.hash = isEditor ? `#${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 })),
         onClose && (React.createElement(IconCloseButton, { onClick: (e) => {
@@ -26,7 +25,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 }))))));
+            isOpen && (React.createElement(ItemActions, { replaceAttachmentHandler: handleReplace, downloadAttachmentHandler: handleDownload, submissionId: submissionId, fileName: externalFile.filename, designation: externalFile.designation, publicUrl: externalFile.publicUrl, hideActionList: toggleOpen, dispatch: dispatch }))))));
 };
 const IconCloseButton = styled.button `
   border: none;
@@ -76,10 +75,9 @@ export const Item = styled.div `
     margin-right: 8px;
   }
 `;
-export const ItemContainer = styled(Link) `
+export const ItemContainer = styled.div `
   display: flex;
   min-width: calc(100% - 8px);
   padding-right: 4px;
   box-sizing: border-box;
-  text-decoration: none;
 `;

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

@@ -8,7 +8,7 @@ export const FileSectionUploadItem = ({ fileName, isLoading, submissionId, dragR
     const fileExtension = fileName.substring(fileName.lastIndexOf('.') + 1);
     fileName = fileName.substring(0, fileName.lastIndexOf('.'));
     return (React.createElement(Item, { ref: dragRef, className: className, style: style },
-        React.createElement(UploadItemContainer, { to: '#' },
+        React.createElement(UploadItemContainer, null,
             React.createElement(FileTypeIcon, { withDot: false }),
             React.createElement(FileInfoContainer, null,
                 React.createElement(FileNameContainer, null,

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

@@ -1,8 +1,9 @@
-import React, { useContext, useRef, useState } from 'react';
+import React, { useContext, useRef, useState, } from 'react';
 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, }) => {
+export const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, submissionId, fileName, designation, publicUrl, hideActionList, dispatch, }) => {
     const attachmentDesignation = designation == undefined ? 'undefined' : designation;
     const fileInputRef = useRef(null);
     const [selectedFile, setSelectedFile] = useState();
@@ -11,6 +12,9 @@ export const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandle
         if (event && event.target && event.target.files) {
             const file = event.target.files[0];
             setSelectedFile(file);
+            if (dispatch) {
+                dispatch(actions.UPLOAD_FILE(file));
+            }
             replaceAttachmentHandler(submissionId, fileName, file, attachmentDesignation);
             hideActionList();
         }

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

@@ -17,6 +17,7 @@ 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) => {
@@ -41,7 +42,10 @@ export const reducer = (state, action) => {
             return Object.assign(Object.assign({}, state), { isOpenSelectDesignationPopup: false });
         }
         case ActionTypes.HANDLE_FINISH_UPLOAD: {
-            return Object.assign(Object.assign({}, state), { isUploadFile: false, isFileUploaded: true, uploadedFile: undefined, selectDesignation: undefined });
+            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 });
@@ -77,6 +81,9 @@ export const actions = {
     HANDLE_FINISH_UPLOAD: () => ({
         type: ActionTypes.HANDLE_FINISH_UPLOAD,
     }),
+    SHOW_FILE_UPLOADED_ALERT: () => ({
+        type: ActionTypes.CLOSE_FILE_UPLOADED_ALERT,
+    }),
     CLOSE_FILE_UPLOADED_ALERT: () => ({
         type: ActionTypes.CLOSE_FILE_UPLOADED_ALERT,
     }),

package/dist/es/lib/lw-errors-decoder.js

@@ -16,7 +16,7 @@
 const errorsExplanations = {
     ANY_ERR_AUTHORIZATION: {
         title: 'Authorization issue',
-        description: "It seems you don't have access to this page. If you think...",
+        description: "It seems you don't have access to this resource. If you think you should have access, please contact the support team.",
         type: 'System',
     },
     PREVIEW_HTML_GENERATION_FAILED: {

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

@@ -1,7 +1,6 @@
 import { ExternalFile } from '@manuscripts/manuscripts-json-schema';
 import React, { CSSProperties, Dispatch } from 'react';
 import { DragElementWrapper, DragSourceOptions } from 'react-dnd';
-import { Link } from 'react-router-dom';
 import { Action } from '../FileSectionState';
 export interface FileSectionItemProps {
     submissionId?: string;
@@ -23,4 +22,4 @@ export interface FileSectionItemProps {
 export declare const FileSectionItem: React.FC<FileSectionItemProps>;
 export declare const ActionsIcon: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const Item: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ItemContainer: import("styled-components").StyledComponent<typeof Link, import("styled-components").DefaultTheme, {}, never>;
+export declare const ItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -9,5 +9,5 @@ export interface FileSectionItemProps {
     style?: CSSProperties;
 }
 export declare const FileSectionUploadItem: React.FC<FileSectionItemProps>;
-export declare const UploadItemContainer: import("styled-components").StyledComponent<typeof import("react-router-dom").Link, import("styled-components").DefaultTheme, {}, never>;
+export declare const UploadItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ProgressBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,4 +1,5 @@
-import React from 'react';
+import React, { Dispatch } from 'react';
+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>;
@@ -7,4 +8,5 @@ export declare const ItemActions: React.FC<{
     designation?: string | undefined;
     publicUrl: string | undefined;
     hideActionList: () => void;
+    dispatch?: Dispatch<Action>;
 }>;

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

@@ -22,6 +22,7 @@ declare enum ActionTypes {
     HANDLE_UPLOAD_ACTION = "handleUpload",
     HANDLE_FINISH_UPLOAD = "handleFinishUpload",
     HANDLE_SUCCESS_MESSAGE = "handleSuccessMessage",
+    SHOW_FILE_UPLOADED_ALERT = "showFileUploadedAlert",
     CLOSE_FILE_UPLOADED_ALERT = "closeFileUploadedAlert"
 }
 export declare const reducer: (state: State, action: Action) => State;
@@ -36,6 +37,7 @@ export declare const actions: {
     SELECT_DESIGNATION: (designation: Designation) => Action;
     MOVE_FILE: (submissionId: 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;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "0.30.15",
+  "version": "0.30.16",
   "repository": "gitlab:mpapp-public/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",