@manuscripts/style-guide 0.30.15 → 0.30.19

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

@@ -37,10 +37,10 @@ const draggingItemStyle = {
     opacity: 0,
     height: 0,
 };
-exports.DraggableFileSectionItem = (props) => {
-    const [draggingItemWidth, setDraggingItemWidth] = react_1.useState('100%');
-    const itemPlaceholderRef = react_1.useRef();
-    const [{ isDragging }, dragRef, preview] = react_dnd_1.useDrag({
+const DraggableFileSectionItem = (props) => {
+    const [draggingItemWidth, setDraggingItemWidth] = (0, react_1.useState)('100%');
+    const itemPlaceholderRef = (0, react_1.useRef)();
+    const [{ isDragging }, dragRef, preview] = (0, react_dnd_1.useDrag)({
         item: {
             id: props.title,
             title: props.title,
@@ -53,17 +53,18 @@ exports.DraggableFileSectionItem = (props) => {
             isDragging: monitor.isDragging(),
         }),
     });
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (itemPlaceholderRef && itemPlaceholderRef.current) {
             setDraggingItemWidth(itemPlaceholderRef.current.offsetWidth + 'px');
         }
     }, []);
-    react_1.useEffect(() => {
-        preview(react_dnd_html5_backend_1.getEmptyImage());
+    (0, react_1.useEffect)(() => {
+        preview((0, react_dnd_html5_backend_1.getEmptyImage)());
     }, [preview]);
     return (react_1.default.createElement(ItemDraggingPlaceholderContainer, { style: isDragging ? itemPlaceHolderDraggingStyle : {}, ref: itemPlaceholderRef },
         react_1.default.createElement(FileSectionItem_1.FileSectionItem, Object.assign({ style: isDragging ? draggingItemStyle : {}, dragRef: dragRef }, props))));
 };
+exports.DraggableFileSectionItem = DraggableFileSectionItem;
 const ItemDraggingPlaceholderContainer = styled_components_1.default.div `
   background: ${(props) => props.theme.colors.background.primary};
   width: 100%;

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

@@ -27,9 +27,9 @@ const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const FileManager_1 = require("../FileManager");
 const DesignationActions_1 = require("./DesignationActions");
-exports.FileInfo = ({ showAttachmentName, showDesignationActions, title, submissionAttachmentName, fileExtension, designation, description, handleChangeDesignation, submissionId, dispatch, }) => {
+const FileInfo = ({ showAttachmentName, showDesignationActions, title, submissionAttachmentName, fileExtension, designation, description, handleChangeDesignation, submissionId, dispatch, }) => {
     const fileName = submissionAttachmentName.substring(0, submissionAttachmentName.lastIndexOf('.'));
-    const can = react_1.useContext(FileManager_1.PermissionsContext);
+    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 &&
@@ -46,6 +46,7 @@ exports.FileInfo = ({ showAttachmentName, showDesignationActions, title, submiss
                     fileExtension)))),
         description && react_1.default.createElement(FileDescription, null, description)));
 };
+exports.FileInfo = FileInfo;
 exports.FileInfoContainer = styled_components_1.default.div `
   margin-left: 8px;
   overflow: hidden;

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");
@@ -15,13 +14,20 @@ const util_1 = require("../util");
 const FileInfo_1 = require("./FileInfo");
 const FileTypeIcon_1 = require("./FileTypeIcon");
 const ItemActions_1 = require("./ItemActions");
-exports.FileSectionItem = ({ submissionId, externalFile, title, showAttachmentName = false, showDesignationActions = false, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
-    const { isOpen, toggleOpen, wrapperRef } = use_dropdown_1.useDropdown();
+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 isMainManuscript = designation === util_1.Designation.MainManuscript;
+    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, { to: isEditor ? `#${externalFile._id}` : '#' },
+        react_1.default.createElement(exports.ItemContainer, { onClick: () => {
+                window.location.hash =
+                    isEditor && !isSelected ? `#${externalFile._id}` : '#';
+                if (isSelected) {
+                    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 })),
         onClose && (react_1.default.createElement(IconCloseButton, { onClick: (e) => {
@@ -32,8 +38,9 @@ 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 }))))));
 };
+exports.FileSectionItem = FileSectionItem;
 const IconCloseButton = styled_components_1.default.button `
   border: none;
   background: transparent;
@@ -82,10 +89,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

@@ -10,11 +10,11 @@ const FileInfo_1 = require("./FileInfo");
 const FileSectionItem_1 = require("./FileSectionItem");
 const FileTypeIcon_1 = require("./FileTypeIcon");
 const ProgressBarUploadItem_1 = require("./ProgressBarUploadItem");
-exports.FileSectionUploadItem = ({ fileName, isLoading, submissionId, dragRef, className, style, }) => {
+const FileSectionUploadItem = ({ fileName, isLoading, submissionId, dragRef, className, style, }) => {
     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,
@@ -24,7 +24,8 @@ exports.FileSectionUploadItem = ({ fileName, isLoading, submissionId, dragRef, c
                         fileExtension)),
                 isLoading && react_1.default.createElement(ProgressBarUploadItem_1.ProgressBarUploadItem, null)))));
 };
-exports.UploadItemContainer = styled_components_1.default(FileSectionItem_1.ItemContainer) `
+exports.FileSectionUploadItem = FileSectionUploadItem;
+exports.UploadItemContainer = (0, styled_components_1.default)(FileSectionItem_1.ItemContainer) `
   min-width: calc(100% - 16px);
 `;
 exports.ProgressBar = styled_components_1.default.div `

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

@@ -10,7 +10,7 @@ const styled_components_1 = __importDefault(require("styled-components"));
 const unknown_format_file_icon_1 = __importDefault(require("../../icons/unknown-format-file-icon"));
 const TooltipDiv_1 = require("../TooltipDiv");
 const util_1 = require("../util");
-exports.FileTypeIcon = ({ withDot, fileExtension, alt }) => {
+const FileTypeIcon = ({ withDot, fileExtension, alt }) => {
     let fileIcon = react_1.default.createElement(unknown_format_file_icon_1.default, null);
     if (fileExtension) {
         const fileType = util_1.extensionsWithFileTypesMap.get(fileExtension.toLowerCase());
@@ -23,6 +23,7 @@ exports.FileTypeIcon = ({ withDot, fileExtension, alt }) => {
                 react_1.default.createElement("div", null, "Main manuscript. Only one file per submission"))),
         fileIcon));
 };
+exports.FileTypeIcon = FileTypeIcon;
 const Container = styled_components_1.default.div `
   width: 40px;
   min-width: 40px;

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

@@ -23,16 +23,20 @@ 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, }) => {
+const 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();
-    const can = react_1.useContext(FileManager_1.PermissionsContext);
+    const fileInputRef = (0, react_1.useRef)(null);
+    const [selectedFile, setSelectedFile] = (0, react_1.useState)();
+    const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
     const handleChange = (event) => {
         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();
         }
@@ -50,3 +54,4 @@ exports.ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, su
             react_1.default.createElement(ItemsAction_1.ActionsItem, { onClick: openFileDialog }, "Replace"),
             react_1.default.createElement("input", { ref: fileInputRef, type: "file", style: { display: 'none' }, onChange: (e) => handleChange(e), value: '' })))));
 };
+exports.ItemActions = ItemActions;

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

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Bar = exports.LinearProgress = exports.ProgressBarUploadItem = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-exports.ProgressBarUploadItem = () => {
+const ProgressBarUploadItem = () => {
     return (react_1.default.createElement(exports.LinearProgress, null,
         react_1.default.createElement(exports.Bar, { className: "bar1" }),
         react_1.default.createElement(exports.Bar, { className: "bar2" })));
 };
+exports.ProgressBarUploadItem = ProgressBarUploadItem;
 exports.LinearProgress = styled_components_1.default.div `
   background: ${(props) => props.theme.colors.background.tertiary};
   opacity: 0.7;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.actions = exports.reducer = exports.getInitialState = void 0;
-exports.getInitialState = () => ({
+const getInitialState = () => ({
     uploadedFile: undefined,
     isUploadFile: false,
     isFileUploaded: false,
@@ -11,6 +11,7 @@ exports.getInitialState = () => ({
     selectDesignation: undefined,
     isOpenSelectDesignationPopup: false,
 });
+exports.getInitialState = getInitialState;
 var ActionTypes;
 (function (ActionTypes) {
     ActionTypes["UPLOAD_FILE"] = "UploadFile";
@@ -20,9 +21,10 @@ 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) => {
+const reducer = (state, action) => {
     switch (action.type) {
         case ActionTypes.UPLOAD_FILE: {
             return Object.assign(Object.assign({}, state), { isOpenSelectDesignationPopup: true, uploadedFile: action.uploadFile, selectDesignation: undefined });
@@ -44,7 +46,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 });
@@ -55,6 +60,7 @@ exports.reducer = (state, action) => {
     }
     return state;
 };
+exports.reducer = reducer;
 exports.actions = {
     UPLOAD_FILE: (uploadFile) => ({
         type: ActionTypes.UPLOAD_FILE,
@@ -80,6 +86,9 @@ 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,
     }),

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

@@ -29,7 +29,7 @@ const FileSectionState_1 = require("./FileSectionState");
 const SelectDialogDesignation_1 = require("./SelectDialogDesignation");
 const UploadFileArea_1 = require("./UploadFileArea");
 const util_1 = require("./util");
-exports.FilesSection = ({ submissionId, enableDragAndDrop, handleUpload, fileSection, filesItem, dispatch, state, }) => {
+const FilesSection = ({ submissionId, enableDragAndDrop, handleUpload, fileSection, filesItem, dispatch, state, }) => {
     let uploadedFileExtension = '';
     if (state.uploadedFile) {
         uploadedFileExtension = state.uploadedFile.name.substring(state.uploadedFile.name.lastIndexOf('.') + 1);
@@ -40,9 +40,9 @@ exports.FilesSection = ({ submissionId, enableDragAndDrop, handleUpload, fileSec
         dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
         state.uploadedFile &&
             state.selectDesignation !== undefined &&
-            handleUpload(submissionId, state.uploadedFile, util_1.getDesignationName(state.selectDesignation));
+            handleUpload(submissionId, state.uploadedFile, (0, util_1.getDesignationName)(state.selectDesignation));
     };
-    const can = react_1.useContext(FileManager_1.PermissionsContext);
+    const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
     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, submissionId: submissionId, dispatch: dispatch })),
@@ -63,3 +63,4 @@ exports.FilesSection = ({ submissionId, enableDragAndDrop, handleUpload, fileSec
                 ? 'Drag the items to place them in the text'
                 : 'Drag the items to place in the Supplements section or in the text' }))));
 };
+exports.FilesSection = FilesSection;

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

@@ -30,29 +30,29 @@ const BottomArrowIcon_1 = __importDefault(require("../icons/BottomArrowIcon"));
 const FileManager_1 = require("./FileManager");
 const FileSectionState_1 = require("./FileSectionState");
 const util_1 = require("./util");
-exports.SelectDesignationActions = ({ fileExtension, fileSection, dispatch }) => {
-    const DropdownIndicator = () => (react_1.default.createElement(SelectDesignationContainer, null,
-        react_1.default.createElement(BottomArrowIcon_1.default, null)));
-    const reactSelectComponents = {
-        IndicatorsContainer: DropdownIndicator,
-    };
-    const can = react_1.useContext(FileManager_1.PermissionsContext);
-    const handleInputChange = (value) => {
-        if (value) {
-            const selectedDesignation = value;
+const DropdownIndicator = () => (react_1.default.createElement(SelectDesignationContainer, null,
+    react_1.default.createElement(BottomArrowIcon_1.default, null)));
+const reactSelectComponents = {
+    IndicatorsContainer: DropdownIndicator,
+};
+const SelectDesignationActions = ({ fileExtension, fileSection, dispatch }) => {
+    const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
+    const handleInputChange = (selectedDesignation) => {
+        if (selectedDesignation) {
             if (selectedDesignation && 'value' in selectedDesignation) {
                 dispatch(FileSectionState_1.actions.SELECT_DESIGNATION(selectedDesignation.value));
             }
         }
     };
     if (fileExtension) {
-        const designationActionsList = util_1.getUploadFileDesignationList(fileExtension, fileSection, can);
+        const designationActionsList = (0, util_1.getUploadFileDesignationList)(fileExtension, fileSection, can);
         return (react_1.default.createElement(creatable_1.default, { closeMenuOnSelect: true, options: designationActionsList, onChange: handleInputChange, placeholder: "Select Designation", components: reactSelectComponents }));
     }
     else {
         return null;
     }
 };
+exports.SelectDesignationActions = SelectDesignationActions;
 const SelectDesignationContainer = styled_components_1.default.div `
   padding-right: 12px;
   display: flex;

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

@@ -8,7 +8,7 @@ const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Dialog_1 = require("../Dialog");
 const SelectDesignationActions_1 = require("./SelectDesignationActions");
-exports.SelectDialogDesignation = ({ isOpen, fileExtension, fileSection, handleCancel, uploadFileHandler, dispatch, }) => {
+const SelectDialogDesignation = ({ isOpen, fileExtension, fileSection, handleCancel, uploadFileHandler, dispatch, }) => {
     return (react_1.default.createElement(DesignationDialog, { isOpen: isOpen, category: Dialog_1.Category.confirmation, header: "Choose designation", message: "Please choose the designation for the file", actions: {
             primary: {
                 action: uploadFileHandler,
@@ -21,7 +21,8 @@ exports.SelectDialogDesignation = ({ isOpen, fileExtension, fileSection, handleC
         } },
         react_1.default.createElement(SelectDesignationActions_1.SelectDesignationActions, { fileExtension: fileExtension, fileSection: fileSection, dispatch: dispatch })));
 };
-const DesignationDialog = styled_components_1.default(Dialog_1.Dialog) `
+exports.SelectDialogDesignation = SelectDialogDesignation;
+const DesignationDialog = (0, styled_components_1.default)(Dialog_1.Dialog) `
   & ${Dialog_1.ModalBody} {
     overflow: visible;
   }

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

@@ -26,9 +26,9 @@ const react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
 const styled_components_1 = __importStar(require("styled-components"));
 const FileSectionState_1 = require("./FileSectionState");
 const util_1 = require("./util");
-exports.UploadFileArea = ({ handleUploadFile, fileSection, submissionId, dispatch }) => {
-    const [selectedFile, setSelectedFile] = react_1.useState();
-    const fileInputRef = react_1.useRef(null);
+const UploadFileArea = ({ handleUploadFile, fileSection, submissionId, dispatch }) => {
+    const [selectedFile, setSelectedFile] = (0, react_1.useState)();
+    const fileInputRef = (0, react_1.useRef)(null);
     const isSupplementFilesTab = fileSection === util_1.FileSectionType.Supplements;
     const openFileDialog = () => {
         if (fileInputRef && fileInputRef.current) {
@@ -41,17 +41,17 @@ exports.UploadFileArea = ({ handleUploadFile, fileSection, submissionId, dispatc
             setSelectedFile(file);
             dispatch(FileSectionState_1.actions.UPLOAD_FILE(file));
             if (file && isSupplementFilesTab) {
-                handleUploadFile(submissionId, file, util_1.getDesignationName(util_1.Designation.Supplementary));
+                handleUploadFile(submissionId, file, (0, util_1.getDesignationName)(util_1.Designation.Supplementary));
             }
         }
     };
-    const handleFileDrop = react_1.useCallback((monitor) => {
+    const handleFileDrop = (0, react_1.useCallback)((monitor) => {
         if (monitor) {
             const file = monitor.getItem().files[0];
             setSelectedFile(file);
             dispatch(FileSectionState_1.actions.UPLOAD_FILE(file));
             if (selectedFile && isSupplementFilesTab) {
-                handleUploadFile(submissionId, selectedFile, util_1.getDesignationName(util_1.Designation.Supplementary));
+                handleUploadFile(submissionId, selectedFile, (0, util_1.getDesignationName)(util_1.Designation.Supplementary));
             }
         }
     }, [
@@ -61,7 +61,7 @@ exports.UploadFileArea = ({ handleUploadFile, fileSection, submissionId, dispatc
         selectedFile,
         submissionId,
     ]);
-    const [{ canDrop, isOver }, dropRef] = react_dnd_1.useDrop({
+    const [{ canDrop, isOver }, dropRef] = (0, react_dnd_1.useDrop)({
         accept: [react_dnd_html5_backend_1.NativeTypes.FILE],
         drop(item, monitor) {
             handleFileDrop(monitor);
@@ -76,7 +76,8 @@ exports.UploadFileArea = ({ handleUploadFile, fileSection, submissionId, dispatc
         react_1.default.createElement("input", { ref: fileInputRef, type: "file", style: { display: 'none' }, onChange: (e) => handleChange(e), value: '' }),
         "Drag or click to upload a new file"));
 };
-const activeBoxStyle = styled_components_1.css `
+exports.UploadFileArea = UploadFileArea;
+const activeBoxStyle = (0, styled_components_1.css) `
   background: #f2fbfc;
   border: 1px dashed #bce7f6;
 `;
@@ -97,8 +98,8 @@ const Container = styled_components_1.default.div `
   margin-bottom: 7px;
   margin-top: 16px;
   ${(props) => props.active
-    ? styled_components_1.css `
+    ? (0, styled_components_1.css) `
           ${activeBoxStyle}
         `
-    : styled_components_1.css ``}
+    : (0, styled_components_1.css) ``}
 `;

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

@@ -343,7 +343,7 @@ exports.fileTypesWithIconMap = new Map([
     [FileType.Image, react_1.default.createElement(figure_icon_1.default, { key: FileType.Image })],
     [undefined, react_1.default.createElement(unknown_format_file_icon_1.default, { key: undefined })],
 ]);
-exports.generateExternalFilesTitles = (externalFiles, fileSectionType) => {
+const generateExternalFilesTitles = (externalFiles, fileSectionType) => {
     const titleCountersMap = new Map();
     const externalFilesWithTitlesMap = new Map();
     externalFiles.forEach((element) => {
@@ -374,14 +374,16 @@ exports.generateExternalFilesTitles = (externalFiles, fileSectionType) => {
     }));
     return result;
 };
-exports.sortExternalFiles = (externalFile) => externalFile
+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.getDesignationActionsList = (designation, fileExtension) => {
+exports.sortExternalFiles = sortExternalFiles;
+const getDesignationActionsList = (designation, fileExtension) => {
     const allowedDesignationsToTransition = exports.designationWithAllowedDesignationsToTransitionMap.get(designation);
     if (allowedDesignationsToTransition) {
         if (designation === Designation.Supplementary ||
@@ -405,7 +407,8 @@ exports.getDesignationActionsList = (designation, fileExtension) => {
         return [];
     }
 };
-exports.getDesignationName = (designation) => {
+exports.getDesignationActionsList = getDesignationActionsList;
+const getDesignationName = (designation) => {
     let result = undefined;
     exports.namesWithDesignationMap.forEach((value, key, map) => {
         if (value === designation) {
@@ -417,7 +420,8 @@ exports.getDesignationName = (designation) => {
     }
     return result;
 };
-exports.getDesignationByFileSection = (fileSectionType) => {
+exports.getDesignationName = getDesignationName;
+const getDesignationByFileSection = (fileSectionType) => {
     const result = new Array();
     exports.designationWithFileSectionsMap.forEach((value, key, map) => {
         if (value === fileSectionType) {
@@ -426,7 +430,8 @@ exports.getDesignationByFileSection = (fileSectionType) => {
     });
     return result;
 };
-exports.getUploadFileDesignationList = (fileExtension, fileSectionType, can) => {
+exports.getDesignationByFileSection = getDesignationByFileSection;
+const getUploadFileDesignationList = (fileExtension, fileSectionType, can) => {
     const result = new Array();
     const checkDesignation = (value) => {
         if (value === Designation.MainManuscript && !(can === null || can === void 0 ? void 0 : can.setMainManuscript)) {
@@ -448,7 +453,7 @@ exports.getUploadFileDesignationList = (fileExtension, fileSectionType, can) =>
         }
     };
     if (typeof fileSectionType === 'number') {
-        const allowedDesignationByFileSection = exports.getDesignationByFileSection(fileSectionType);
+        const allowedDesignationByFileSection = (0, exports.getDesignationByFileSection)(fileSectionType);
         allowedDesignationByFileSection.forEach(checkDesignation);
     }
     else if (Array.isArray(fileSectionType)) {
@@ -460,6 +465,7 @@ exports.getUploadFileDesignationList = (fileExtension, fileSectionType, can) =>
     }
     return result;
 };
+exports.getUploadFileDesignationList = getUploadFileDesignationList;
 exports.droppableSections = [
     FileSectionType.Supplements,
     FileSectionType.OtherFile,
@@ -468,6 +474,7 @@ 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));
 };
-exports.isFigure = (file) => {
+const isFigure = (file) => {
     return isOfDesignation(file, Designation.Figure);
 };
+exports.isFigure = isFigure;

package/dist/cjs/components/Form.js

@@ -21,7 +21,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormError = exports.FormActions = exports.FormHeader = exports.CenteredForm = void 0;
 const formik_1 = require("formik");
 const styled_components_1 = __importDefault(require("styled-components"));
-exports.CenteredForm = styled_components_1.default(formik_1.Form) `
+exports.CenteredForm = (0, styled_components_1.default)(formik_1.Form) `
   width: 100%;
   max-width: 450px;
 `;

package/dist/cjs/components/Inspector.js

@@ -31,13 +31,13 @@ exports.InspectorContainer = styled_components_1.default.div `
   height: 100%;
   overflow: hidden;
 `;
-exports.InspectorTabs = styled_components_1.default(tabs_1.Tabs) `
+exports.InspectorTabs = (0, styled_components_1.default)(tabs_1.Tabs) `
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: hidden;
 `;
-exports.InspectorTabList = styled_components_1.default(tabs_1.TabList) `
+exports.InspectorTabList = (0, styled_components_1.default)(tabs_1.TabList) `
   && {
     background: none;
     justify-content: center;
@@ -46,24 +46,24 @@ exports.InspectorTabList = styled_components_1.default(tabs_1.TabList) `
     flex-shrink: 0;
   }
 `;
-exports.InspectorPanelTabList = styled_components_1.default(exports.InspectorTabList) `
+exports.InspectorPanelTabList = (0, styled_components_1.default)(exports.InspectorTabList) `
   margin-bottom: ${(props) => props.theme.grid.unit * 4}px;
 `;
-exports.InspectorTabPanels = styled_components_1.default(tabs_1.TabPanels) `
+exports.InspectorTabPanels = (0, styled_components_1.default)(tabs_1.TabPanels) `
   flex: 1;
   overflow-y: auto;
 `;
-exports.PaddedInspectorTabPanels = styled_components_1.default(exports.InspectorTabPanels) `
+exports.PaddedInspectorTabPanels = (0, styled_components_1.default)(exports.InspectorTabPanels) `
   padding-bottom: 64px; // allow space for chat button
 `;
-exports.InspectorTabPanel = styled_components_1.default(tabs_1.TabPanel) `
+exports.InspectorTabPanel = (0, styled_components_1.default)(tabs_1.TabPanel) `
   font-size: ${(props) => props.theme.font.size.normal};
   color: ${(props) => props.theme.colors.text.secondary};
   &:focus {
     outline: none;
   }
 `;
-exports.InspectorTab = styled_components_1.default(tabs_1.Tab) `
+exports.InspectorTab = (0, styled_components_1.default)(tabs_1.Tab) `
   && {
     background: none;
     padding: ${(props) => props.theme.grid.unit * 2}px;

package/dist/cjs/components/InspectorSection.js

@@ -60,7 +60,7 @@ const HeadingText = styled_components_1.default.div `
   color: ${(props) => props.theme.colors.text.primary};
   flex: 1;
 `;
-exports.ExpanderButton = styled_components_1.default(Button_1.IconButton).attrs((props) => ({
+exports.ExpanderButton = (0, styled_components_1.default)(Button_1.IconButton).attrs((props) => ({
     size: 20,
     defaultColor: true,
 })) `
@@ -78,7 +78,7 @@ exports.ExpanderButton = styled_components_1.default(Button_1.IconButton).attrs(
     stroke: ${(props) => props.theme.colors.border.secondary};
   }
 `;
-exports.Subheading = styled_components_1.default(HeadingText) `
+exports.Subheading = (0, styled_components_1.default)(HeadingText) `
   font-size: ${(props) => props.theme.font.size.normal};
   font-weight: ${(props) => props.theme.font.weight.normal};
   margin-bottom: ${(props) => props.theme.grid.unit * 3}px;
@@ -90,8 +90,8 @@ exports.Subheading = styled_components_1.default(HeadingText) `
 exports.Field = styled_components_1.default.div `
   margin-bottom: ${(props) => props.theme.grid.unit * 4}px;
 `;
-exports.InspectorSection = ({ title, contentStyles, children, }) => {
-    const [expanded, setExpanded] = react_1.useState(true);
+const InspectorSection = ({ title, contentStyles, children, }) => {
+    const [expanded, setExpanded] = (0, react_1.useState)(true);
     return (react_1.default.createElement(Section, null,
         react_1.default.createElement(Line, null),
         react_1.default.createElement(Heading, { onClick: () => setExpanded(!expanded), marginBottom: (!(expanded && children) && '40px') || undefined },
@@ -102,6 +102,7 @@ exports.InspectorSection = ({ title, contentStyles, children, }) => {
                 react_1.default.createElement(ArrowDownBlue_1.default, null))),
         expanded && children && react_1.default.createElement("div", { style: contentStyles }, children)));
 };
+exports.InspectorSection = InspectorSection;
 const Line = styled_components_1.default.hr `
   flex: 1;
   border: 1px solid ${(props) => props.theme.colors.border.tertiary};