@manuscripts/style-guide 0.31.16 → 0.31.17

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

@@ -36,7 +36,6 @@ const manuscript_transform_1 = require("@manuscripts/manuscript-transform");
 const react_1 = __importStar(require("react"));
 const react_tooltip_1 = __importDefault(require("react-tooltip"));
 const inlineFiles_1 = __importStar(require("../../lib/inlineFiles"));
-const AlertMessage_1 = require("../AlertMessage");
 const Inspector_1 = require("../Inspector");
 const InspectorSection_1 = require("../InspectorSection");
 const DraggableFileSectionItem_1 = require("./FileSectionItem/DraggableFileSectionItem");
@@ -55,6 +54,7 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
         dispatch(FileSectionState_1.actions.SELECT_DESIGNATION(util_1.namesWithDesignationMap.get(typeId) || util_1.Designation.Document));
         const res = yield replace(attachmentId, name, file, typeId);
         dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
+        dispatch(FileSectionState_1.actions.HANDLE_SUCCESS_MESSAGE('File uploaded successfully.'));
         return res;
     }), [replace]);
     const handleUploadFile = (0, react_1.useCallback)((file, designation) => __awaiter(void 0, void 0, void 0, function* () {
@@ -64,6 +64,7 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
         }
         const res = yield upload(file, designation);
         dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
+        dispatch(FileSectionState_1.actions.HANDLE_SUCCESS_MESSAGE('File uploaded successfully.'));
         return res;
     }), [upload]);
     const handleUploadFileWithSupplement = (0, react_1.useCallback)((file, designation) => __awaiter(void 0, void 0, void 0, function* () {
@@ -77,7 +78,7 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
     const handleChangeDesignationFile = (0, react_1.useCallback)((attachmentId, typeId, name) => __awaiter(void 0, void 0, void 0, function* () {
         const res = yield changeDesignation(attachmentId, typeId, name);
         if (res) {
-            dispatch(FileSectionState_1.actions.HANDLE_SUCCESS_MESSAGE());
+            dispatch(FileSectionState_1.actions.HANDLE_SUCCESS_MESSAGE(''));
         }
         return res;
     }), [changeDesignation]);
@@ -139,9 +140,6 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
         });
         return filesItems;
     };
-    const handleSuccessMessage = () => {
-        return (react_1.default.createElement(AlertMessage_1.AlertMessage, { type: AlertMessage_1.AlertMessageType.info, hideCloseButton: false }, state.successMessage));
-    };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(DragLayer_1.DragLayer, null),
         react_1.default.createElement(exports.PermissionsContext.Provider, { value: can },
@@ -169,9 +167,6 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
                         react_1.default.createElement(Inspector_1.InspectorTabPanel, null,
                             react_1.default.createElement(FilesSection_1.FilesSection, { enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFileWithSupplement, fileSection: util_1.FileSectionType.Supplements, filesItem: getFileSectionExternalFile(util_1.FileSectionType.Supplements), state: state, dispatch: dispatch })),
                         react_1.default.createElement(Inspector_1.InspectorTabPanel, null,
-                            react_1.default.createElement(FilesSection_1.FilesSection, { enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFile, fileSection: util_1.FileSectionType.OtherFile, filesItem: getFileSectionExternalFile(util_1.FileSectionType.OtherFile), state: state, dispatch: dispatch })))))),
-        state.isShowSuccessMessage &&
-            state.successMessage !== '' &&
-            handleSuccessMessage()));
+                            react_1.default.createElement(FilesSection_1.FilesSection, { enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFile, fileSection: util_1.FileSectionType.OtherFile, filesItem: getFileSectionExternalFile(util_1.FileSectionType.OtherFile), state: state, dispatch: dispatch }))))))));
 };
 exports.FileManager = FileManager;

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

@@ -36,7 +36,7 @@ const reducer = (state, action) => {
             return Object.assign(Object.assign({}, state), { selectDesignation: action.designation });
         }
         case ActionTypes.HANDLE_UPLOAD_ACTION: {
-            return Object.assign(Object.assign({}, state), { isOpenSelectDesignationPopup: false, isUploadFile: true });
+            return Object.assign(Object.assign({}, state), { isOpenSelectDesignationPopup: false, isUploadFile: true, isShowSuccessMessage: false, successMessage: '' });
         }
         case ActionTypes.HANDLE_CANCEL_UPLOAD: {
             return Object.assign(Object.assign({}, state), { isOpenSelectDesignationPopup: false });
@@ -45,7 +45,7 @@ const reducer = (state, action) => {
             return Object.assign(Object.assign({}, state), { isUploadFile: false, uploadedFile: undefined, selectDesignation: undefined });
         }
         case ActionTypes.HANDLE_SUCCESS_MESSAGE: {
-            return Object.assign(Object.assign({}, state), { isShowSuccessMessage: true });
+            return Object.assign(Object.assign({}, state), { isShowSuccessMessage: true, successMessage: action.successMessage });
         }
     }
     return state;
@@ -75,7 +75,8 @@ exports.actions = {
     HANDLE_FINISH_UPLOAD: () => ({
         type: ActionTypes.HANDLE_FINISH_UPLOAD,
     }),
-    HANDLE_SUCCESS_MESSAGE: () => ({
+    HANDLE_SUCCESS_MESSAGE: (successMessage) => ({
         type: ActionTypes.HANDLE_SUCCESS_MESSAGE,
+        successMessage,
     }),
 };

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

@@ -21,6 +21,7 @@ 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");
@@ -42,12 +43,18 @@ const FilesSection = ({ enableDragAndDrop, handleUpload, fileSection, filesItem,
             handleUpload(state.uploadedFile, (0, util_1.getDesignationName)(state.selectDesignation));
     };
     const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
+    const handleSuccessMessage = () => {
+        return (react_1.default.createElement(AlertMessage_1.AlertMessage, { type: AlertMessage_1.AlertMessageType.success, hideCloseButton: true, dismissButton: { text: 'OK' } }, state.successMessage));
+    };
     return (react_1.default.createElement("div", null,
         (can === null || can === void 0 ? void 0 : can.uploadFile) && (react_1.default.createElement(react_1.default.Fragment, null,
             (isOtherFileTab || isSupplementFilesTab) && (react_1.default.createElement(UploadFileArea_1.UploadFileArea, { handleUploadFile: handleUpload, fileSection: fileSection, dispatch: dispatch })),
             state.isUploadFile &&
                 state.uploadedFile &&
                 state.selectDesignation !== undefined && (react_1.default.createElement(FileSectionUploadItem_1.FileSectionUploadItem, { fileName: state.uploadedFile.name, isLoading: state.isUploadFile })))),
+        state.isShowSuccessMessage &&
+            state.successMessage !== '' &&
+            handleSuccessMessage(),
         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/es/components/FileManager/FileManager.js

@@ -11,7 +11,6 @@ import { buildSupplementaryMaterial, } from '@manuscripts/manuscript-transform';
 import React, { createContext, useCallback, useMemo, useReducer } from 'react';
 import ReactTooltip from 'react-tooltip';
 import getInlineFiles, { getSupplementFiles } from '../../lib/inlineFiles';
-import { AlertMessage, AlertMessageType } from '../AlertMessage';
 import { InspectorTab, InspectorTabList, InspectorTabPanel, InspectorTabPanels, InspectorTabs, } from '../Inspector';
 import { InspectorSection } from '../InspectorSection';
 import { DraggableFileSectionItem } from './FileSectionItem/DraggableFileSectionItem';
@@ -30,6 +29,7 @@ export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileM
         dispatch(actions.SELECT_DESIGNATION(namesWithDesignationMap.get(typeId) || Designation.Document));
         const res = yield replace(attachmentId, name, file, typeId);
         dispatch(actions.HANDLE_FINISH_UPLOAD());
+        dispatch(actions.HANDLE_SUCCESS_MESSAGE('File uploaded successfully.'));
         return res;
     }), [replace]);
     const handleUploadFile = useCallback((file, designation) => __awaiter(void 0, void 0, void 0, function* () {
@@ -39,6 +39,7 @@ export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileM
         }
         const res = yield upload(file, designation);
         dispatch(actions.HANDLE_FINISH_UPLOAD());
+        dispatch(actions.HANDLE_SUCCESS_MESSAGE('File uploaded successfully.'));
         return res;
     }), [upload]);
     const handleUploadFileWithSupplement = useCallback((file, designation) => __awaiter(void 0, void 0, void 0, function* () {
@@ -52,7 +53,7 @@ export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileM
     const handleChangeDesignationFile = useCallback((attachmentId, typeId, name) => __awaiter(void 0, void 0, void 0, function* () {
         const res = yield changeDesignation(attachmentId, typeId, name);
         if (res) {
-            dispatch(actions.HANDLE_SUCCESS_MESSAGE());
+            dispatch(actions.HANDLE_SUCCESS_MESSAGE(''));
         }
         return res;
     }), [changeDesignation]);
@@ -114,9 +115,6 @@ export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileM
         });
         return filesItems;
     };
-    const handleSuccessMessage = () => {
-        return (React.createElement(AlertMessage, { type: AlertMessageType.info, hideCloseButton: false }, state.successMessage));
-    };
     return (React.createElement(React.Fragment, null,
         React.createElement(DragLayer, null),
         React.createElement(PermissionsContext.Provider, { value: can },
@@ -144,8 +142,5 @@ export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileM
                         React.createElement(InspectorTabPanel, null,
                             React.createElement(FilesSection, { enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFileWithSupplement, fileSection: FileSectionType.Supplements, filesItem: getFileSectionExternalFile(FileSectionType.Supplements), state: state, dispatch: dispatch })),
                         React.createElement(InspectorTabPanel, null,
-                            React.createElement(FilesSection, { enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFile, fileSection: FileSectionType.OtherFile, filesItem: getFileSectionExternalFile(FileSectionType.OtherFile), state: state, dispatch: dispatch })))))),
-        state.isShowSuccessMessage &&
-            state.successMessage !== '' &&
-            handleSuccessMessage()));
+                            React.createElement(FilesSection, { enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFile, fileSection: FileSectionType.OtherFile, filesItem: getFileSectionExternalFile(FileSectionType.OtherFile), state: state, dispatch: dispatch }))))))));
 };

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

@@ -32,7 +32,7 @@ export const reducer = (state, action) => {
             return Object.assign(Object.assign({}, state), { selectDesignation: action.designation });
         }
         case ActionTypes.HANDLE_UPLOAD_ACTION: {
-            return Object.assign(Object.assign({}, state), { isOpenSelectDesignationPopup: false, isUploadFile: true });
+            return Object.assign(Object.assign({}, state), { isOpenSelectDesignationPopup: false, isUploadFile: true, isShowSuccessMessage: false, successMessage: '' });
         }
         case ActionTypes.HANDLE_CANCEL_UPLOAD: {
             return Object.assign(Object.assign({}, state), { isOpenSelectDesignationPopup: false });
@@ -41,7 +41,7 @@ export const reducer = (state, action) => {
             return Object.assign(Object.assign({}, state), { isUploadFile: false, uploadedFile: undefined, selectDesignation: undefined });
         }
         case ActionTypes.HANDLE_SUCCESS_MESSAGE: {
-            return Object.assign(Object.assign({}, state), { isShowSuccessMessage: true });
+            return Object.assign(Object.assign({}, state), { isShowSuccessMessage: true, successMessage: action.successMessage });
         }
     }
     return state;
@@ -70,7 +70,8 @@ export const actions = {
     HANDLE_FINISH_UPLOAD: () => ({
         type: ActionTypes.HANDLE_FINISH_UPLOAD,
     }),
-    HANDLE_SUCCESS_MESSAGE: () => ({
+    HANDLE_SUCCESS_MESSAGE: (successMessage) => ({
         type: ActionTypes.HANDLE_SUCCESS_MESSAGE,
+        successMessage,
     }),
 };

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

@@ -1,4 +1,5 @@
 import React, { useContext } from 'react';
+import { AlertMessage, AlertMessageType } from '../AlertMessage';
 import { DragItemArea } from './DragItemArea';
 import { PermissionsContext } from './FileManager';
 import { FileSectionUploadItem } from './FileSectionItem/FileSectionUploadItem';
@@ -20,12 +21,18 @@ export const FilesSection = ({ enableDragAndDrop, handleUpload, fileSection, fil
             handleUpload(state.uploadedFile, getDesignationName(state.selectDesignation));
     };
     const can = useContext(PermissionsContext);
+    const handleSuccessMessage = () => {
+        return (React.createElement(AlertMessage, { type: AlertMessageType.success, hideCloseButton: true, dismissButton: { text: 'OK' } }, state.successMessage));
+    };
     return (React.createElement("div", null,
         (can === null || can === void 0 ? void 0 : can.uploadFile) && (React.createElement(React.Fragment, null,
             (isOtherFileTab || isSupplementFilesTab) && (React.createElement(UploadFileArea, { handleUploadFile: handleUpload, fileSection: fileSection, dispatch: dispatch })),
             state.isUploadFile &&
                 state.uploadedFile &&
                 state.selectDesignation !== undefined && (React.createElement(FileSectionUploadItem, { fileName: state.uploadedFile.name, isLoading: state.isUploadFile })))),
+        state.isShowSuccessMessage &&
+            state.successMessage !== '' &&
+            handleSuccessMessage(),
         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/types/components/FileManager/FileSectionState.d.ts

@@ -33,6 +33,6 @@ export declare const actions: {
     SELECT_DESIGNATION: (designation: Designation) => Action;
     MOVE_FILE: (attachmentId: string, typeId: string, name: string, successMoveMessage: string) => Action;
     HANDLE_FINISH_UPLOAD: () => Action;
-    HANDLE_SUCCESS_MESSAGE: () => Action;
+    HANDLE_SUCCESS_MESSAGE: (successMessage: string) => Action;
 };
 export {};

package/package.json

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