@manuscripts/style-guide 1.0.5 → 1.0.6-LEAN-2237

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

@@ -51,11 +51,10 @@ const InlineFilesSection_1 = require("./InlineFilesSection");
 const TooltipDiv_1 = require("./TooltipDiv");
 const util_1 = require("./util");
 exports.PermissionsContext = (0, react_1.createContext)(null);
-const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManagement: { getAttachments, changeDesignation, replace, upload }, addAttachmentToState, }) => {
+const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManagement: { getAttachments, replace, upload }, addAttachmentToState, }) => {
     const [state, dispatch] = (0, react_1.useReducer)(FileSectionState_1.reducer, (0, FileSectionState_1.getInitialState)());
     const handleReplaceFile = (0, react_1.useCallback)((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 replace(attachmentId, name, file, typeId);
         dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
         if (res) {
@@ -65,9 +64,6 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
     }), [replace]);
     const handleUploadFile = (0, react_1.useCallback)((file, designation) => __awaiter(void 0, void 0, void 0, function* () {
         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 upload(file, designation);
         dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
         if (res) {
@@ -87,13 +83,6 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
         }
         return response;
     }), [upload, saveModel]);
-    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(''));
-        }
-        return res;
-    }), [changeDesignation]);
     const handleDownload = (0, react_1.useCallback)((url) => {
         window.location.assign(url);
     }, []);
@@ -125,11 +114,9 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
                 externalFile: element.externalFile,
                 title: element.title,
                 showAttachmentName: isSupplementOrOtherFilesTab,
-                showDesignationActions: isSupplementOrOtherFilesTab,
                 showReplaceAction: !isOtherFilesTab,
                 handleDownload,
                 handleReplace: handleReplaceFile,
-                handleChangeDesignation: handleChangeDesignationFile,
                 dispatch: dispatch,
             };
             if (enableDragAndDrop && isSupplementOrOtherFilesTab) {

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

@@ -30,12 +30,10 @@ exports.FileDescription = exports.FileName = exports.FileNameContainer = exports
 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, attachmentId, handleChangeDesignation, dispatch, }) => {
+const FileInfo = ({ showAttachmentName, title, submissionAttachmentName, fileExtension, attachmentId, 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,
-        showDesignationActions && designation !== undefined && (react_1.default.createElement(DesignationActions_1.DesignationActions, { designation: designation, attachmentId: attachmentId, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, fileName: submissionAttachmentName, dispatch: dispatch, can: can })),
         react_1.default.createElement(exports.FileNameTitleContainer, null,
             react_1.default.createElement(exports.FileTitle, null,
                 !showAttachmentName ? fileName : title,

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

@@ -14,7 +14,7 @@ const util_1 = require("../util");
 const FileInfo_1 = require("./FileInfo");
 const FileTypeIcon_1 = require("./FileTypeIcon");
 const ItemActions_1 = require("./ItemActions");
-const FileSectionItem = ({ externalFile, title, showAttachmentName = false, showDesignationActions = false, showReplaceAction = true, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
+const FileSectionItem = ({ externalFile, title, showAttachmentName = false, showReplaceAction = true, handleDownload, handleReplace, dispatch, dragRef, className, style, onClose, isEditor, }) => {
     const { isOpen, toggleOpen, wrapperRef } = (0, use_dropdown_1.useDropdown)();
     const fileExtension = externalFile.name.substring(externalFile.name.lastIndexOf('.') + 1);
     const designation = util_1.namesWithDesignationMap.get(externalFile.type.label);
@@ -29,7 +29,7 @@ const FileSectionItem = ({ externalFile, title, showAttachmentName = false, show
                 }
             } },
             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, dispatch: dispatch })),
+            react_1.default.createElement(FileInfo_1.FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, submissionAttachmentName: externalFile.name, title: title, attachmentId: externalFile.id, dispatch: dispatch })),
         onClose && (react_1.default.createElement(IconCloseButton, { onClick: (e) => {
                 e.preventDefault();
                 onClose();

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

@@ -62,7 +62,6 @@ const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, deta
             setSelectedFile(file);
             if (dispatch) {
                 dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
-                dispatch(FileSectionState_1.actions.SELECT_DESIGNATION(attachmentDesignationName || util_1.Designation.Document));
             }
             const result = yield replaceAttachmentHandler(attachmentId, fileName, file, attachmentDesignation);
             if (typeof result === 'object' && handleUpdateInline) {

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

@@ -30,7 +30,6 @@ const DragItemArea_1 = require("./DragItemArea");
 const FileManager_1 = require("./FileManager");
 const FileSectionUploadItem_1 = require("./FileSectionItem/FileSectionUploadItem");
 const FileSectionState_1 = require("./FileSectionState");
-const SelectDialogDesignation_1 = require("./SelectDialogDesignation");
 const UploadFileArea_1 = require("./UploadFileArea");
 const util_1 = require("./util");
 const FilesSection = ({ enableDragAndDrop, handleUpload, fileSection, filesItem, dispatch, state, }) => {
@@ -40,13 +39,12 @@ const FilesSection = ({ enableDragAndDrop, handleUpload, fileSection, filesItem,
     }
     const isSupplementFilesTab = fileSection === util_1.FileSectionType.Supplements;
     const isOtherFileTab = fileSection === util_1.FileSectionType.OtherFile;
-    const handleUploadOtherFile = () => {
-        dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
-        state.uploadedFile &&
-            state.selectDesignation !== undefined &&
-            handleUpload(state.uploadedFile, (0, util_1.getDesignationName)(state.selectDesignation));
-    };
     const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
+    const EMPTY_DESIGNATION = '';
+    (0, react_1.useEffect)(() => {
+        dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
+        state.uploadedFile && handleUpload(state.uploadedFile, EMPTY_DESIGNATION);
+    }, [state.uploadedFile, dispatch, handleUpload]);
     const handleSuccessMessage = () => {
         return (react_1.default.createElement(AlertMessage_1.AlertMessage, { type: AlertMessage_1.AlertMessageType.success, hideCloseButton: true, dismissButton: {
                 text: 'OK',
@@ -56,14 +54,9 @@ const FilesSection = ({ enableDragAndDrop, handleUpload, fileSection, filesItem,
     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.isUploadFile && state.uploadedFile && (react_1.default.createElement(FileSectionUploadItem_1.FileSectionUploadItem, { fileName: state.uploadedFile.name, isLoading: state.isUploadFile })))),
         state.fileUploadedSuccessfullySection === fileSection &&
             handleSuccessMessage(),
-        react_1.default.createElement(SelectDialogDesignation_1.SelectDialogDesignation, { isOpen: state.showDesignationPopup === fileSection, fileExtension: uploadedFileExtension, handleCancel: () => {
-                dispatch(FileSectionState_1.actions.HANDLE_CANCEL_UPLOAD());
-            }, uploadFileHandler: handleUploadOtherFile, dispatch: dispatch, fileSection: fileSection }),
         filesItem,
         (can === null || can === void 0 ? void 0 : can.changeDesignation) &&
             enableDragAndDrop &&

package/dist/cjs/components/icons/index.js

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PullQuoteIcon = exports.BlockQuoteIcon = exports.LeftArrow = exports.AnnotatorIcon = exports.ReadingIcon = exports.EditIcon = exports.UnsupportedFormatFileIcon = exports.MissingImage = exports.UploadIcon = exports.AttachIcon = exports.TaskStepNextIcon = exports.TaskStepDoneIcon = exports.TaskStepCurrentIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.UserIcon = exports.TickMarkIcon = exports.SearchIcon = exports.ProjectsListIcon = exports.ProjectIcon = exports.ProjectNotificationIcon = exports.OrcidIcon = exports.GoogleIcon = exports.AddComment = exports.CloseOIcon = exports.BookmarkIcon = exports.BackArrowIcon = exports.AddIconInverted = exports.AddIconActive = exports.AddAuthor = void 0;
+exports.PlusIcon = exports.PullQuoteIcon = exports.BlockQuoteIcon = exports.LeftArrow = exports.AnnotatorIcon = exports.ReadingIcon = exports.EditIcon = exports.UnsupportedFormatFileIcon = exports.MissingImage = exports.UploadIcon = exports.AttachIcon = exports.TaskStepNextIcon = exports.TaskStepDoneIcon = exports.TaskStepCurrentIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.UserIcon = exports.TickMarkIcon = exports.SearchIcon = exports.ProjectsListIcon = exports.ProjectIcon = exports.ProjectNotificationIcon = exports.OrcidIcon = exports.GoogleIcon = exports.AddComment = exports.CloseOIcon = exports.CloseIcon = exports.BookmarkIcon = exports.BackArrowIcon = exports.AddIconInverted = exports.AddIconActive = exports.AddAuthor = void 0;
 var add_author_1 = require("./add-author");
 Object.defineProperty(exports, "AddAuthor", { enumerable: true, get: function () { return __importDefault(add_author_1).default; } });
 var add_icon_active_1 = require("./add-icon-active");
@@ -29,6 +29,8 @@ var back_arrow_1 = require("./back-arrow");
 Object.defineProperty(exports, "BackArrowIcon", { enumerable: true, get: function () { return __importDefault(back_arrow_1).default; } });
 var bookmark_1 = require("./bookmark");
 Object.defineProperty(exports, "BookmarkIcon", { enumerable: true, get: function () { return __importDefault(bookmark_1).default; } });
+var close_icon_1 = require("./close-icon");
+Object.defineProperty(exports, "CloseIcon", { enumerable: true, get: function () { return __importDefault(close_icon_1).default; } });
 var close_o_icon_1 = require("./close-o-icon");
 Object.defineProperty(exports, "CloseOIcon", { enumerable: true, get: function () { return __importDefault(close_o_icon_1).default; } });
 var add_comment_icon_1 = require("./add-comment-icon");
@@ -79,3 +81,5 @@ var block_quote_icon_1 = require("./block-quote-icon");
 Object.defineProperty(exports, "BlockQuoteIcon", { enumerable: true, get: function () { return __importDefault(block_quote_icon_1).default; } });
 var pull_quote_icon_1 = require("./pull-quote-icon");
 Object.defineProperty(exports, "PullQuoteIcon", { enumerable: true, get: function () { return __importDefault(pull_quote_icon_1).default; } });
+var plus_icon_1 = require("./plus-icon");
+Object.defineProperty(exports, "PlusIcon", { enumerable: true, get: function () { return __importDefault(plus_icon_1).default; } });

package/dist/cjs/components/icons/plus-icon.js

@@ -0,0 +1,27 @@
+"use strict";
+/*!
+ * © 2023 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlusIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const PlusIcon = () => (react_1.default.createElement("svg", { width: "11", height: "10", viewBox: "0 0 11 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 0.5C5.25147 0.5 5.05 0.701472 5.05 0.95V4.55H1.45C1.20147 4.55 1 4.75147 1 5C1 5.24853 1.20147 5.45 1.45 5.45H5.05V9.05C5.05 9.29853 5.25147 9.5 5.5 9.5C5.74853 9.5 5.95 9.29853 5.95 9.05V5.45H9.55C9.79853 5.45 10 5.24853 10 5C10 4.75147 9.79853 4.55 9.55 4.55H5.95V0.95C5.95 0.701472 5.74853 0.5 5.5 0.5Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { d: "M5.05 4.55V5.05H5.55V4.55H5.05ZM5.05 5.45H5.55V4.95H5.05V5.45ZM5.95 5.45V4.95H5.45V5.45H5.95ZM5.95 4.55H5.45V5.05H5.95V4.55ZM5.55 0.95C5.55 0.977614 5.52761 1 5.5 1V0C4.97533 0 4.55 0.425329 4.55 0.95H5.55ZM5.55 4.55V0.95H4.55V4.55H5.55ZM1.45 5.05H5.05V4.05H1.45V5.05ZM1.5 5C1.5 5.02761 1.47761 5.05 1.45 5.05V4.05C0.925329 4.05 0.5 4.47533 0.5 5H1.5ZM1.45 4.95C1.47761 4.95 1.5 4.97239 1.5 5H0.5C0.5 5.52467 0.925328 5.95 1.45 5.95V4.95ZM5.05 4.95H1.45V5.95H5.05V4.95ZM5.55 9.05V5.45H4.55V9.05H5.55ZM5.5 9C5.52761 9 5.55 9.02239 5.55 9.05H4.55C4.55 9.57467 4.97533 10 5.5 10V9ZM5.45 9.05C5.45 9.02239 5.47239 9 5.5 9V10C6.02467 10 6.45 9.57467 6.45 9.05H5.45ZM5.45 5.45V9.05H6.45V5.45H5.45ZM9.55 4.95H5.95V5.95H9.55V4.95ZM9.5 5C9.5 4.97239 9.52238 4.95 9.55 4.95V5.95C10.0747 5.95 10.5 5.52467 10.5 5H9.5ZM9.55 5.05C9.52239 5.05 9.5 5.02761 9.5 5H10.5C10.5 4.47533 10.0747 4.05 9.55 4.05V5.05ZM5.95 5.05H9.55V4.05H5.95V5.05ZM5.45 0.95V4.55H6.45V0.95H5.45ZM5.5 1C5.47239 1 5.45 0.977615 5.45 0.95H6.45C6.45 0.425329 6.02467 0 5.5 0V1Z", fill: "#6E6E6E" })));
+exports.PlusIcon = PlusIcon;
+exports.default = exports.PlusIcon;

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

@@ -20,13 +20,12 @@ import { actions, getInitialState, reducer } from './FileSectionState';
 import { FilesSection } from './FilesSection';
 import { InlineFilesSection } from './InlineFilesSection';
 import { TooltipDiv } from './TooltipDiv';
-import { Designation, generateAttachmentsTitles, namesWithDesignationMap, } from './util';
+import { generateAttachmentsTitles } from './util';
 export const PermissionsContext = createContext(null);
-export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManagement: { getAttachments, changeDesignation, replace, upload }, addAttachmentToState, }) => {
+export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManagement: { getAttachments, replace, upload }, addAttachmentToState, }) => {
     const [state, dispatch] = useReducer(reducer, getInitialState());
     const handleReplaceFile = useCallback((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 replace(attachmentId, name, file, typeId);
         dispatch(actions.HANDLE_FINISH_UPLOAD());
         if (res) {
@@ -36,9 +35,6 @@ export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileM
     }), [replace]);
     const handleUploadFile = useCallback((file, designation) => __awaiter(void 0, void 0, void 0, function* () {
         dispatch(actions.HANDLE_UPLOAD_ACTION());
-        if (namesWithDesignationMap.get(designation) == Designation.Supplementary) {
-            dispatch(actions.SELECT_DESIGNATION(Designation.Supplementary));
-        }
         const res = yield upload(file, designation);
         dispatch(actions.HANDLE_FINISH_UPLOAD());
         if (res) {
@@ -58,13 +54,6 @@ export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileM
         }
         return response;
     }), [upload, saveModel]);
-    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(''));
-        }
-        return res;
-    }), [changeDesignation]);
     const handleDownload = useCallback((url) => {
         window.location.assign(url);
     }, []);
@@ -96,11 +85,9 @@ export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileM
                 externalFile: element.externalFile,
                 title: element.title,
                 showAttachmentName: isSupplementOrOtherFilesTab,
-                showDesignationActions: isSupplementOrOtherFilesTab,
                 showReplaceAction: !isOtherFilesTab,
                 handleDownload,
                 handleReplace: handleReplaceFile,
-                handleChangeDesignation: handleChangeDesignationFile,
                 dispatch: dispatch,
             };
             if (enableDragAndDrop && isSupplementOrOtherFilesTab) {

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

@@ -1,12 +1,10 @@
 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, attachmentId, handleChangeDesignation, dispatch, }) => {
+export const FileInfo = ({ showAttachmentName, title, submissionAttachmentName, fileExtension, attachmentId, dispatch, }) => {
     const fileName = submissionAttachmentName.substring(0, submissionAttachmentName.lastIndexOf('.'));
     const can = useContext(PermissionsContext);
     return (React.createElement(FileInfoContainer, null,
-        showDesignationActions && designation !== undefined && (React.createElement(DesignationActions, { designation: designation, attachmentId: attachmentId, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, fileName: submissionAttachmentName, dispatch: dispatch, can: can })),
         React.createElement(FileNameTitleContainer, null,
             React.createElement(FileTitle, null,
                 !showAttachmentName ? fileName : title,

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

@@ -8,7 +8,7 @@ import { Designation, namesWithDesignationMap } from '../util';
 import { FileInfo } from './FileInfo';
 import { FileTypeIcon } from './FileTypeIcon';
 import { ItemActions } from './ItemActions';
-export const FileSectionItem = ({ externalFile, title, showAttachmentName = false, showDesignationActions = false, showReplaceAction = true, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
+export const FileSectionItem = ({ externalFile, title, showAttachmentName = false, showReplaceAction = true, handleDownload, handleReplace, dispatch, dragRef, className, style, onClose, isEditor, }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();
     const fileExtension = externalFile.name.substring(externalFile.name.lastIndexOf('.') + 1);
     const designation = namesWithDesignationMap.get(externalFile.type.label);
@@ -23,7 +23,7 @@ export const FileSectionItem = ({ externalFile, title, showAttachmentName = fals
                 }
             } },
             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, dispatch: dispatch })),
+            React.createElement(FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, submissionAttachmentName: externalFile.name, title: title, attachmentId: externalFile.id, dispatch: dispatch })),
         onClose && (React.createElement(IconCloseButton, { onClick: (e) => {
                 e.preventDefault();
                 onClose();

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

@@ -36,7 +36,6 @@ export const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandle
             setSelectedFile(file);
             if (dispatch) {
                 dispatch(actions.HANDLE_UPLOAD_ACTION());
-                dispatch(actions.SELECT_DESIGNATION(attachmentDesignationName || Designation.Document));
             }
             const result = yield replaceAttachmentHandler(attachmentId, fileName, file, attachmentDesignation);
             if (typeof result === 'object' && handleUpdateInline) {

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

@@ -1,12 +1,11 @@
-import React, { useContext } from 'react';
+import React, { useContext, useEffect } from 'react';
 import { AlertMessage, AlertMessageType } from '../AlertMessage';
 import { DragItemArea } from './DragItemArea';
 import { PermissionsContext } from './FileManager';
 import { FileSectionUploadItem } from './FileSectionItem/FileSectionUploadItem';
 import { actions } from './FileSectionState';
-import { SelectDialogDesignation } from './SelectDialogDesignation';
 import { UploadFileArea } from './UploadFileArea';
-import { FileSectionType, getDesignationName } from './util';
+import { FileSectionType } from './util';
 export const FilesSection = ({ enableDragAndDrop, handleUpload, fileSection, filesItem, dispatch, state, }) => {
     let uploadedFileExtension = '';
     if (state.uploadedFile) {
@@ -14,13 +13,12 @@ export const FilesSection = ({ enableDragAndDrop, handleUpload, fileSection, fil
     }
     const isSupplementFilesTab = fileSection === FileSectionType.Supplements;
     const isOtherFileTab = fileSection === FileSectionType.OtherFile;
-    const handleUploadOtherFile = () => {
-        dispatch(actions.HANDLE_UPLOAD_ACTION());
-        state.uploadedFile &&
-            state.selectDesignation !== undefined &&
-            handleUpload(state.uploadedFile, getDesignationName(state.selectDesignation));
-    };
     const can = useContext(PermissionsContext);
+    const EMPTY_DESIGNATION = '';
+    useEffect(() => {
+        dispatch(actions.HANDLE_UPLOAD_ACTION());
+        state.uploadedFile && handleUpload(state.uploadedFile, EMPTY_DESIGNATION);
+    }, [state.uploadedFile, dispatch, handleUpload]);
     const handleSuccessMessage = () => {
         return (React.createElement(AlertMessage, { type: AlertMessageType.success, hideCloseButton: true, dismissButton: {
                 text: 'OK',
@@ -30,14 +28,9 @@ export const FilesSection = ({ enableDragAndDrop, handleUpload, fileSection, fil
     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.isUploadFile && state.uploadedFile && (React.createElement(FileSectionUploadItem, { fileName: state.uploadedFile.name, isLoading: state.isUploadFile })))),
         state.fileUploadedSuccessfullySection === fileSection &&
             handleSuccessMessage(),
-        React.createElement(SelectDialogDesignation, { isOpen: state.showDesignationPopup === fileSection, fileExtension: uploadedFileExtension, handleCancel: () => {
-                dispatch(actions.HANDLE_CANCEL_UPLOAD());
-            }, uploadFileHandler: handleUploadOtherFile, dispatch: dispatch, fileSection: fileSection }),
         filesItem,
         (can === null || can === void 0 ? void 0 : can.changeDesignation) &&
             enableDragAndDrop &&

package/dist/es/components/icons/index.js

@@ -18,6 +18,7 @@ export { default as AddIconActive } from './add-icon-active';
 export { default as AddIconInverted } from './add-icon-inverted';
 export { default as BackArrowIcon } from './back-arrow';
 export { default as BookmarkIcon } from './bookmark';
+export { default as CloseIcon } from './close-icon';
 export { default as CloseOIcon } from './close-o-icon';
 export { default as AddComment } from './add-comment-icon';
 export { default as GoogleIcon } from './google';
@@ -43,3 +44,4 @@ export { default as AnnotatorIcon } from './annotator-icon';
 export { default as LeftArrow } from './left-arrow';
 export { default as BlockQuoteIcon } from './block-quote-icon';
 export { default as PullQuoteIcon } from './pull-quote-icon';
+export { default as PlusIcon } from './plus-icon';

package/dist/es/components/icons/plus-icon.js

@@ -0,0 +1,20 @@
+/*!
+ * © 2023 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+export const PlusIcon = () => (React.createElement("svg", { width: "11", height: "10", viewBox: "0 0 11 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 0.5C5.25147 0.5 5.05 0.701472 5.05 0.95V4.55H1.45C1.20147 4.55 1 4.75147 1 5C1 5.24853 1.20147 5.45 1.45 5.45H5.05V9.05C5.05 9.29853 5.25147 9.5 5.5 9.5C5.74853 9.5 5.95 9.29853 5.95 9.05V5.45H9.55C9.79853 5.45 10 5.24853 10 5C10 4.75147 9.79853 4.55 9.55 4.55H5.95V0.95C5.95 0.701472 5.74853 0.5 5.5 0.5Z", fill: "#6E6E6E" }),
+    React.createElement("path", { d: "M5.05 4.55V5.05H5.55V4.55H5.05ZM5.05 5.45H5.55V4.95H5.05V5.45ZM5.95 5.45V4.95H5.45V5.45H5.95ZM5.95 4.55H5.45V5.05H5.95V4.55ZM5.55 0.95C5.55 0.977614 5.52761 1 5.5 1V0C4.97533 0 4.55 0.425329 4.55 0.95H5.55ZM5.55 4.55V0.95H4.55V4.55H5.55ZM1.45 5.05H5.05V4.05H1.45V5.05ZM1.5 5C1.5 5.02761 1.47761 5.05 1.45 5.05V4.05C0.925329 4.05 0.5 4.47533 0.5 5H1.5ZM1.45 4.95C1.47761 4.95 1.5 4.97239 1.5 5H0.5C0.5 5.52467 0.925328 5.95 1.45 5.95V4.95ZM5.05 4.95H1.45V5.95H5.05V4.95ZM5.55 9.05V5.45H4.55V9.05H5.55ZM5.5 9C5.52761 9 5.55 9.02239 5.55 9.05H4.55C4.55 9.57467 4.97533 10 5.5 10V9ZM5.45 9.05C5.45 9.02239 5.47239 9 5.5 9V10C6.02467 10 6.45 9.57467 6.45 9.05H5.45ZM5.45 5.45V9.05H6.45V5.45H5.45ZM9.55 4.95H5.95V5.95H9.55V4.95ZM9.5 5C9.5 4.97239 9.52238 4.95 9.55 4.95V5.95C10.0747 5.95 10.5 5.52467 10.5 5H9.5ZM9.55 5.05C9.52239 5.05 9.5 5.02761 9.5 5H10.5C10.5 4.47533 10.0747 4.05 9.55 4.05V5.05ZM5.95 5.05H9.55V4.05H5.95V5.05ZM5.45 0.95V4.55H6.45V0.95H5.45ZM5.5 1C5.47239 1 5.45 0.977615 5.45 0.95H6.45C6.45 0.425329 6.02467 0 5.5 0V1Z", fill: "#6E6E6E" })));
+export default PlusIcon;

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

@@ -10,7 +10,6 @@ export interface FileManagement {
     getAttachments: () => SubmissionAttachment[];
     upload: Upload;
     replace: Replace;
-    changeDesignation: ChangeDesignation;
 }
 export declare const PermissionsContext: React.Context<Capabilities | null>;
 export declare const FileManager: React.FC<{

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

@@ -1,16 +1,11 @@
 import React, { Dispatch } from 'react';
-import { ChangeDesignation } from '../FileManager';
 import { Action } from '../FileSectionState';
-import { Designation } from '../util';
 export declare const FileInfo: React.FC<{
     showAttachmentName: boolean;
-    showDesignationActions: boolean;
     title: string;
     submissionAttachmentName: string;
     fileExtension: string;
-    designation?: Designation;
     attachmentId: string;
-    handleChangeDesignation: ChangeDesignation;
     dispatch?: Dispatch<Action>;
 }>;
 export declare const FileInfoContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,7 +1,7 @@
 import React, { CSSProperties, Dispatch } from 'react';
 import { DragElementWrapper, DragSourceOptions } from 'react-dnd';
 import { Maybe } from '../../SubmissionInspector/types';
-import { ChangeDesignation, Replace } from '../FileManager';
+import { Replace } from '../FileManager';
 import { Action } from '../FileSectionState';
 export type SubmissionAttachment = {
     id: string;
@@ -17,12 +17,10 @@ export interface FileSectionItemProps {
     externalFile: SubmissionAttachment;
     title: string;
     showAttachmentName?: boolean;
-    showDesignationActions?: boolean;
     showActions?: boolean;
     showReplaceAction?: boolean;
     handleDownload?: (url: string) => void;
     handleReplace?: Replace;
-    handleChangeDesignation: ChangeDesignation;
     dispatch?: Dispatch<Action>;
     dragRef?: DragElementWrapper<DragSourceOptions>;
     className?: string;

package/dist/types/components/icons/index.d.ts

@@ -18,6 +18,7 @@ export { default as AddIconActive } from './add-icon-active';
 export { default as AddIconInverted } from './add-icon-inverted';
 export { default as BackArrowIcon } from './back-arrow';
 export { default as BookmarkIcon } from './bookmark';
+export { default as CloseIcon } from './close-icon';
 export { default as CloseOIcon } from './close-o-icon';
 export { default as AddComment } from './add-comment-icon';
 export { default as GoogleIcon } from './google';
@@ -43,3 +44,4 @@ export { default as AnnotatorIcon } from './annotator-icon';
 export { default as LeftArrow } from './left-arrow';
 export { default as BlockQuoteIcon } from './block-quote-icon';
 export { default as PullQuoteIcon } from './pull-quote-icon';
+export { default as PlusIcon } from './plus-icon';

package/dist/types/components/icons/plus-icon.d.ts

@@ -0,0 +1,18 @@
+/*!
+ * © 2023 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/// <reference types="react" />
+export declare const PlusIcon: () => JSX.Element;
+export default PlusIcon;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.0.5",
+  "version": "1.0.6-LEAN-2237",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",