@manuscripts/style-guide 0.30.17 → 0.30.21

package/dist/cjs/components/Button.js

@@ -36,7 +36,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonGroup = exports.SecondaryIconButton = exports.RoundIconButton = exports.IconButton = exports.ToggleButtonAlt = exports.ToggleButton = exports.IconTextButton = exports.TertiaryButton = exports.PrimaryButton = exports.SecondaryButton = void 0;
 const styled_components_1 = __importStar(require("styled-components"));
-const dangerBtnStyles = styled_components_1.css `
+const dangerBtnStyles = (0, styled_components_1.css) `
   ${(props) => btnColors(props.theme.colors.button.error.color.default, props.theme.colors.button.error.background.default, props.theme.colors.button.error.border.default, true)}
 
   &:not([disabled]):hover, &:not([disabled]):focus {
@@ -47,18 +47,18 @@ const dangerBtnStyles = styled_components_1.css `
     ${(props) => btnColors(props.theme.colors.button.error.color.active, props.theme.colors.button.error.background.active, props.theme.colors.button.error.border.active)}
   }
 `;
-const disabledBtnStyles = styled_components_1.css `
+const disabledBtnStyles = (0, styled_components_1.css) `
   cursor: default;
   background-color: ${(props) => props.theme.colors.background.tertiary} !important;
   border-color: ${(props) => props.theme.colors.border.secondary} !important;
   color: ${(props) => props.theme.colors.text.onDark} !important;
 `;
-const miniBtnStyles = styled_components_1.css `
+const miniBtnStyles = (0, styled_components_1.css) `
   padding: 3px 16px;
   margin: 0 ${(props) => props.theme.grid.unit}px;
   line-height: 1;
 `;
-const btnStyles = styled_components_1.css `
+const btnStyles = (0, styled_components_1.css) `
   align-items: center;
   background: transparent;
   border: 1px solid transparent;
@@ -99,7 +99,7 @@ const ButtonTemplate = styled_components_1.default.button.attrs((props) => ({
 })) `
   ${btnStyles}
 `;
-exports.SecondaryButton = styled_components_1.default(ButtonTemplate) `
+exports.SecondaryButton = (0, styled_components_1.default)(ButtonTemplate) `
   ${(props) => btnColors(props.theme.colors.button.secondary.color.default, props.theme.colors.button.secondary.background.default, props.theme.colors.button.secondary.border.default, false)}
 
   &:not([disabled]):hover, &:not([disabled]):focus {
@@ -110,7 +110,7 @@ exports.SecondaryButton = styled_components_1.default(ButtonTemplate) `
     ${(props) => btnColors(props.theme.colors.button.secondary.color.active, props.theme.colors.button.secondary.background.active, props.theme.colors.button.secondary.border.active, false)}
   }
 `;
-exports.PrimaryButton = styled_components_1.default(ButtonTemplate) `
+exports.PrimaryButton = (0, styled_components_1.default)(ButtonTemplate) `
   ${(props) => btnColors(props.theme.colors.button.primary.color.default, props.theme.colors.button.primary.background.default, props.theme.colors.button.primary.border.default, false)}
 
   &:not([disabled]):hover, &:not([disabled]):focus {
@@ -121,7 +121,7 @@ exports.PrimaryButton = styled_components_1.default(ButtonTemplate) `
     ${(props) => btnColors(props.theme.colors.button.primary.color.active, props.theme.colors.button.primary.background.active, props.theme.colors.button.primary.border.active, false)}
   }
 `;
-exports.TertiaryButton = styled_components_1.default(ButtonTemplate) `
+exports.TertiaryButton = (0, styled_components_1.default)(ButtonTemplate) `
   ${(props) => btnColors(props.theme.colors.button.default.color.default, props.theme.colors.button.default.background.default, props.theme.colors.button.default.border.default, false)}
 
   &:not([disabled]):hover, &:not([disabled]):focus {
@@ -132,7 +132,7 @@ exports.TertiaryButton = styled_components_1.default(ButtonTemplate) `
     ${(props) => btnColors(props.theme.colors.button.default.color.active, props.theme.colors.button.default.background.active, props.theme.colors.button.default.border.active, false)}
   }
 `;
-exports.IconTextButton = styled_components_1.default(ButtonTemplate) `
+exports.IconTextButton = (0, styled_components_1.default)(ButtonTemplate) `
   border: none;
   color: ${(props) => props.theme.colors.text.primary};
   padding: 0;
@@ -143,7 +143,7 @@ exports.IconTextButton = styled_components_1.default(ButtonTemplate) `
     margin-right: ${(props) => props.theme.grid.unit * 3}px;
   }
 `;
-exports.ToggleButton = styled_components_1.default(ButtonTemplate) `
+exports.ToggleButton = (0, styled_components_1.default)(ButtonTemplate) `
   color: ${(props) => props.theme.colors.text.primary};
   background-color: ${(props) => props.selected ? props.theme.colors.background.fifth : 'transparent'};
   border-color: ${(props) => props.selected
@@ -181,7 +181,7 @@ exports.ToggleButton = styled_components_1.default(ButtonTemplate) `
     }
   }
 `;
-exports.ToggleButtonAlt = styled_components_1.default(ButtonTemplate) `
+exports.ToggleButtonAlt = (0, styled_components_1.default)(ButtonTemplate) `
   color: ${(props) => props.theme.colors.text.primary};
   border-color: transparent;
   border: none;
@@ -197,7 +197,7 @@ exports.ToggleButtonAlt = styled_components_1.default(ButtonTemplate) `
     border-color: ${(props) => props.theme.colors.border.info};
   }
 `;
-const svgColors = styled_components_1.css `
+const svgColors = (0, styled_components_1.css) `
   svg {
     g[stroke] {
       stroke: currentColor;
@@ -218,14 +218,14 @@ const svgColors = styled_components_1.css `
     }
   }
 `;
-const IconButtonTemplate = styled_components_1.default(ButtonTemplate) `
+const IconButtonTemplate = (0, styled_components_1.default)(ButtonTemplate) `
   padding: 0;
   height: ${(props) => props.size || 40}px;
   width: ${(props) => props.size || 40}px;
 
   ${(props) => !props.defaultColor && svgColors}
 `;
-exports.IconButton = styled_components_1.default(IconButtonTemplate) `
+exports.IconButton = (0, styled_components_1.default)(IconButtonTemplate) `
   ${(props) => btnColors(props.theme.colors.text.primary, props.theme.colors.button.default.background.default, props.theme.colors.button.default.border.default, false)}
 
   &:not([disabled]):hover, &:not([disabled]):focus {
@@ -236,7 +236,7 @@ exports.IconButton = styled_components_1.default(IconButtonTemplate) `
     ${(props) => btnColors(props.theme.colors.brand.default, 'transparent', 'transparent', false)}
   }
 `;
-exports.RoundIconButton = styled_components_1.default(exports.IconButton).attrs((props) => ({
+exports.RoundIconButton = (0, styled_components_1.default)(exports.IconButton).attrs((props) => ({
     defaultColor: true,
 })) `
   background: ${(props) => props.theme.colors.background.primary};
@@ -263,7 +263,7 @@ exports.RoundIconButton = styled_components_1.default(exports.IconButton).attrs(
     vertical-align: middle;
   }
 `;
-exports.SecondaryIconButton = styled_components_1.default(exports.IconButton) `
+exports.SecondaryIconButton = (0, styled_components_1.default)(exports.IconButton) `
   ${(props) => btnColors(props.theme.colors.text.secondary, props.theme.colors.background.primary, 'transparent', false)}
 
   &:not([disabled]):hover, &:not([disabled]):focus {

package/dist/cjs/components/ColorField/ColorField.js

@@ -22,9 +22,10 @@ exports.ColorField = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const ColorSelector_1 = require("./ColorSelector");
-exports.ColorField = ({ options, value, handleChange, }) => (react_1.default.createElement(Container, null,
+const ColorField = ({ options, value, handleChange, }) => (react_1.default.createElement(Container, null,
     options.map((color) => (react_1.default.createElement(ItemButton, { key: color.value, type: "button", color: color.value, isActive: value === color.value, onClick: () => handleChange(color.value) }))),
     react_1.default.createElement(ColorSelector_1.ColorSelector, { handleChange: handleChange })));
+exports.ColorField = ColorField;
 const Container = styled_components_1.default.div `
   display: flex;
   flex-wrap: wrap;

package/dist/cjs/components/ColorField/ColorSelector.js

@@ -43,22 +43,22 @@ const react_color_1 = require("react-color");
 const react_popper_1 = require("react-popper");
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("../Button");
-exports.ColorSelector = ({ handleChange }) => {
-    const [open, setOpen] = react_1.useState(false);
-    const [color, setColor] = react_1.useState('#ffffff');
-    const toggleOpen = react_1.useCallback(() => {
+const ColorSelector = ({ handleChange }) => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [color, setColor] = (0, react_1.useState)('#ffffff');
+    const toggleOpen = (0, react_1.useCallback)(() => {
         setOpen((open) => !open);
     }, [setOpen]);
-    const handleSave = react_1.useCallback(() => {
+    const handleSave = (0, react_1.useCallback)(() => {
         if (color) {
             handleChange(color);
         }
         setOpen(false);
     }, [color, handleChange, setOpen]);
-    const handleColorChange = react_1.useCallback((color) => {
+    const handleColorChange = (0, react_1.useCallback)((color) => {
         setColor(color.hex);
     }, [setColor]);
-    const handleCancel = react_1.useCallback(() => {
+    const handleCancel = (0, react_1.useCallback)(() => {
         setOpen(false);
     }, [setOpen]);
     return (react_1.default.createElement(react_popper_1.Manager, null,
@@ -70,6 +70,7 @@ exports.ColorSelector = ({ handleChange }) => {
                     react_1.default.createElement(Button_1.PrimaryButton, { mini: true, onClick: handleSave }, "Add color"),
                     react_1.default.createElement(Button_1.SecondaryButton, { mini: true, onClick: handleCancel }, "Cancel")))))))));
 };
+exports.ColorSelector = ColorSelector;
 const Actions = styled_components_1.default.div `
   display: flex;
   justify-content: center;

package/dist/cjs/components/Comments/CommentActions.js

@@ -45,23 +45,19 @@ const Button_1 = require("../Button");
 const Dropdown_1 = require("../Dropdown");
 const dots_icon_1 = __importDefault(require("../icons/dots-icon"));
 const ResolveButton_1 = require("./ResolveButton");
-exports.CommentActions = ({ id, target, can, isResolved, handleSetResolved, deleteComment, setIsEditing, isOwnComment, isProdNote, }) => {
-    const { isOpen, toggleOpen, wrapperRef } = use_dropdown_1.useDropdown();
-    const handleRequestEdit = react_1.useCallback(() => {
+const CommentActions = ({ id, target, can, isResolved, handleSetResolved, deleteComment, setIsEditing, isOwnComment, isProdNote, }) => {
+    const { isOpen, toggleOpen, wrapperRef } = (0, use_dropdown_1.useDropdown)();
+    const handleRequestEdit = (0, react_1.useCallback)(() => {
         setIsEditing(true);
     }, [setIsEditing]);
-    const handleRequestDelete = react_1.useCallback(() => deleteComment(id, target), [
-        deleteComment,
-        id,
-        target,
-    ]);
-    const canResolve = react_1.useMemo(() => {
+    const handleRequestDelete = (0, react_1.useCallback)(() => deleteComment(id, target), [deleteComment, id, target]);
+    const canResolve = (0, react_1.useMemo)(() => {
         if (!isProdNote) {
             return ((isOwnComment && (can === null || can === void 0 ? void 0 : can.resolveOwnComment)) || (can === null || can === void 0 ? void 0 : can.resolveOthersComment));
         }
         return can === null || can === void 0 ? void 0 : can.handleNotes;
     }, [isProdNote, isOwnComment, can]);
-    const canHandle = react_1.useMemo(() => {
+    const canHandle = (0, react_1.useMemo)(() => {
         if (!isProdNote) {
             return ((isOwnComment && (can === null || can === void 0 ? void 0 : can.handleOwnComments)) || (can === null || can === void 0 ? void 0 : can.handleOthersComments));
         }
@@ -76,17 +72,18 @@ exports.CommentActions = ({ id, target, can, isResolved, handleSetResolved, dele
                 react_1.default.createElement(ActionButton, { onClick: handleRequestEdit }, "Edit"),
                 react_1.default.createElement(ActionButton, { onClick: handleRequestDelete }, "Delete")))))));
 };
+exports.CommentActions = CommentActions;
 const Container = styled_components_1.default.div `
   display: flex;
   align-items: center;
   height: ${(props) => props.theme.grid.unit * 6}px;
 `;
-const ActionButton = styled_components_1.default(Button_1.IconTextButton) `
+const ActionButton = (0, styled_components_1.default)(Button_1.IconTextButton) `
   display: inline-block;
   text-align: left;
   padding-left: ${(props) => props.theme.grid.unit * 4}px;
 `;
-const ActionDropdownButton = styled_components_1.default(Dropdown_1.DropdownButton) `
+const ActionDropdownButton = (0, styled_components_1.default)(Dropdown_1.DropdownButton) `
   &:not([disabled]):focus {
     circle {
       fill: ${(props) => props.theme.colors.brand.medium};

package/dist/cjs/components/Comments/CommentBody.js

@@ -32,7 +32,7 @@ const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("../Button");
 const Form_1 = require("../Form");
 exports.CommentBody = react_1.default.memo(({ createKeyword, comment, getCollaborator, getKeyword, listCollaborators, listKeywords, saveComment, deleteComment, isReply, isNew, handleCreateReply, setIsEditing, scrollIntoHighlight, isEditing, }) => {
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (isNew) {
             setIsEditing(true);
         }
@@ -71,7 +71,7 @@ const CommentFooter = styled_components_1.default.div `
   justify-content: flex-end;
   height: ${(props) => props.theme.grid.unit * 6}px;
 `;
-const EditingCommentFooter = styled_components_1.default(CommentFooter) `
+const EditingCommentFooter = (0, styled_components_1.default)(CommentFooter) `
   justify-content: flex-end;
   padding: ${(props) => props.theme.grid.unit * 2}px
     ${(props) => props.theme.grid.unit * 4}px 0;
@@ -90,7 +90,7 @@ const CommentContent = styled_components_1.default.div `
   cursor: pointer;
   padding: 0 ${(props) => props.theme.grid.unit * 4}px;
 `;
-const StyledCommentField = styled_components_1.default(comment_editor_1.CommentField) `
+const StyledCommentField = (0, styled_components_1.default)(comment_editor_1.CommentField) `
   flex: 1;
 
   & .ProseMirror {
@@ -145,7 +145,7 @@ const StyledCommentField = styled_components_1.default(comment_editor_1.CommentF
     }
   }
 `;
-const StyledCommentViewer = styled_components_1.default(comment_editor_1.Comment) `
+const StyledCommentViewer = (0, styled_components_1.default)(comment_editor_1.Comment) `
   flex: 1;
 
   & .ProseMirror {
@@ -175,7 +175,7 @@ const StyledCommentViewer = styled_components_1.default(comment_editor_1.Comment
     }
   }
 `;
-const Actions = styled_components_1.default(Button_1.ButtonGroup) `
+const Actions = (0, styled_components_1.default)(Button_1.ButtonGroup) `
   & button:not(:last-of-type) {
     margin-right: 4px;
   }

package/dist/cjs/components/Comments/CommentTarget.js

@@ -38,7 +38,7 @@ exports.CommentTarget = void 0;
 const react_1 = __importStar(require("react"));
 exports.CommentTarget = react_1.default.memo(({ isSelected, children }) => {
     const threadRef = react_1.default.createRef();
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (threadRef.current && isSelected) {
             threadRef.current.scrollIntoView({
                 behavior: 'smooth',

package/dist/cjs/components/Comments/CommentUser.js

@@ -34,7 +34,7 @@ const CommentUserName = styled_components_1.default.div `
   overflow: hidden;
   text-overflow: ellipsis;
 `;
-const DateText = styled_components_1.default(CommentUserName) `
+const DateText = (0, styled_components_1.default)(CommentUserName) `
   font-size: ${(props) => props.theme.font.size.small};
   line-height: ${(props) => props.theme.font.lineHeight.normal};
   font-weight: ${(props) => props.theme.font.weight.normal};
@@ -45,7 +45,7 @@ const Header = styled_components_1.default.div `
   flex-direction: column;
   font-size: ${(props) => props.theme.font.size.normal};
 `;
-exports.CommentUser = ({ contributions, getCollaboratorById, displayName, createdAt }) => {
+const CommentUser = ({ contributions, getCollaboratorById, displayName, createdAt }) => {
     if (!contributions || !contributions.length) {
         return (react_1.default.createElement(CommentUserContainer, null,
             react_1.default.createElement(Header, null,
@@ -73,3 +73,4 @@ exports.CommentUser = ({ contributions, getCollaboratorById, displayName, create
             react_1.default.createElement(DateText, null,
                 react_1.default.createElement(ManuscriptNoteList_1.LightRelativeDate, { createdAt: createdAt })))));
 };
+exports.CommentUser = CommentUser;

package/dist/cjs/components/Comments/CommentWrapper.js

@@ -47,43 +47,45 @@ const CommentUser_1 = require("./CommentUser");
 const isOwn = (comment, userId) => {
     var _a;
     return comment.contributions
-        ? (_a = comment.contributions) === null || _a === void 0 ? void 0 : _a.some((c) => c.profileID === userId) : false;
+        ? (_a = comment.contributions) === null || _a === void 0 ? void 0 : _a.some((c) => c.profileID === userId)
+        : false;
 };
-exports.CommentWrapper = ({ createKeyword, comment, can, currentUserId, getCollaborator, getKeyword, listCollaborators, listKeywords, saveComment, deleteComment, isReply, isNew, handleCreateReply, handleSetResolved, isProdNote, isSelected, handleRequestSelect, scrollIntoHighlight, children, }) => {
-    const [isEditing, setIsEditing] = react_1.useState();
-    const threadRef = react_1.useRef(null);
-    react_1.useEffect(() => {
+const CommentWrapper = ({ createKeyword, comment, can, currentUserId, getCollaborator, getKeyword, listCollaborators, listKeywords, saveComment, deleteComment, isReply, isNew, handleCreateReply, handleSetResolved, isProdNote, isSelected, handleRequestSelect, scrollIntoHighlight, children, }) => {
+    const [isEditing, setIsEditing] = (0, react_1.useState)();
+    const threadRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         if (isNew) {
             setIsEditing(true);
             if (threadRef.current) {
-                setTimeout(() => { var _a; return (_a = threadRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
-                    block: 'nearest',
-                    inline: 'nearest',
-                }); }, 100);
+                setTimeout(() => {
+                    var _a;
+                    return (_a = threadRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
+                        block: 'nearest',
+                        inline: 'nearest',
+                    });
+                }, 100);
             }
         }
     }, [isNew]);
-    const onTitleMouseDown = react_1.useCallback((e) => {
+    const onTitleMouseDown = (0, react_1.useCallback)((e) => {
         e.preventDefault();
         handleRequestSelect && handleRequestSelect();
     }, [handleRequestSelect]);
-    const onTitleKeyDown = react_1.useCallback((e) => {
+    const onTitleKeyDown = (0, react_1.useCallback)((e) => {
         if ([' ', 'Enter'].includes(e.key)) {
             e.preventDefault();
             handleRequestSelect && handleRequestSelect();
         }
     }, [handleRequestSelect]);
-    const isOwnComment = react_1.useMemo(() => isOwn(comment, currentUserId), [
-        comment,
-        currentUserId,
-    ]);
+    const isOwnComment = (0, react_1.useMemo)(() => isOwn(comment, currentUserId), [comment, currentUserId]);
     return (react_1.default.createElement(Note, { ref: threadRef, isSelected: isSelected },
         react_1.default.createElement(NoteHeader, null,
-            react_1.default.createElement(NoteTitle, { type: "button", onMouseDown: onTitleMouseDown, onKeyDown: onTitleKeyDown }, comment.contributions && (react_1.default.createElement(CommentUser_1.CommentUser, { contributions: comment.contributions, getCollaboratorById: getCollaborator, displayName: comment.displayName, createdAt: comments_1.isSavedComment(comment) ? comment.createdAt * 1000 : undefined }))),
+            react_1.default.createElement(NoteTitle, { type: "button", onMouseDown: onTitleMouseDown, onKeyDown: onTitleKeyDown }, comment.contributions && (react_1.default.createElement(CommentUser_1.CommentUser, { contributions: comment.contributions, getCollaboratorById: getCollaborator, displayName: comment.displayName, createdAt: (0, comments_1.isSavedComment)(comment) ? comment.createdAt * 1000 : undefined }))),
             react_1.default.createElement(CommentActions_1.CommentActions, { id: comment._id, isOwnComment: isOwnComment, can: can, target: comment.target, isResolved: comment.resolved, handleSetResolved: handleSetResolved, deleteComment: deleteComment, setIsEditing: setIsEditing, isProdNote: isProdNote })),
         children,
         react_1.default.createElement(CommentBody_1.CommentBody, { createKeyword: createKeyword, comment: comment, deleteComment: deleteComment, getCollaborator: getCollaborator, getKeyword: getKeyword, listCollaborators: listCollaborators, listKeywords: listKeywords, isReply: isReply, saveComment: saveComment, handleCreateReply: handleCreateReply, scrollIntoHighlight: scrollIntoHighlight, isNew: isNew, setIsEditing: setIsEditing, isEditing: isEditing })));
 };
+exports.CommentWrapper = CommentWrapper;
 const Note = styled_components_1.default.div `
   & .note-actions {
     opacity: 0;

package/dist/cjs/components/Comments/ResolveButton.js

@@ -24,19 +24,20 @@ const react_tooltip_1 = __importDefault(require("react-tooltip"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("../Button");
 const tick_mark_1 = __importDefault(require("../icons/tick-mark"));
-exports.ResolveButton = ({ id, resolved, resolvedCallback }) => {
+const ResolveButton = ({ id, resolved, resolvedCallback }) => {
     return (react_1.default.createElement(Container, null,
         react_1.default.createElement(Button, { resolved: resolved, "data-tip": true, "data-for": id, onClick: resolvedCallback },
             react_1.default.createElement(tick_mark_1.default, { color: '#353535' })),
         react_1.default.createElement(react_tooltip_1.default, { id: id, place: "bottom", effect: "solid", offset: { top: 10 }, className: "tooltip" }, (resolved && 'Unresolve') || 'Resolve')));
 };
+exports.ResolveButton = ResolveButton;
 const Container = styled_components_1.default.div `
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-right: ${(props) => props.theme.grid.unit};
 `;
-const Button = styled_components_1.default(Button_1.IconTextButton) `
+const Button = (0, styled_components_1.default)(Button_1.IconTextButton) `
   width: 24px;
   height: 24px;
   box-sizing: border-box;

package/dist/cjs/components/Dialog.js

@@ -72,10 +72,10 @@ const HeaderContainer = styled_components_1.default.div `
     ${(props) => props.theme.font.family.sans};
   line-height: 1.5;
 `;
-const ButtonsContainer = styled_components_1.default(Button_1.ButtonGroup) `
+const ButtonsContainer = (0, styled_components_1.default)(Button_1.ButtonGroup) `
   padding-top: ${(props) => props.theme.grid.unit * 5}px;
 `;
-const ConfirmationTextField = styled_components_1.default(TextField_1.TextField) `
+const ConfirmationTextField = (0, styled_components_1.default)(TextField_1.TextField) `
   margin-top: ${(props) => props.theme.grid.unit * 4}px;
   margin-bottom: ${(props) => props.theme.grid.unit * 8}px;
 `;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfirmationPopUp = void 0;
 const react_1 = __importDefault(require("react"));
 const Dialog_1 = require("../Dialog");
-exports.ConfirmationPopUp = ({ popupHeader, popUpMessage, isOpen, handleClose, handleMove }) => {
+const ConfirmationPopUp = ({ popupHeader, popUpMessage, isOpen, handleClose, handleMove }) => {
     return (react_1.default.createElement(Dialog_1.Dialog, { isOpen: isOpen, category: Dialog_1.Category.confirmation, header: popupHeader, message: popUpMessage, actions: {
             primary: {
                 action: handleMove,
@@ -18,3 +18,4 @@ exports.ConfirmationPopUp = ({ popupHeader, popUpMessage, isOpen, handleClose, h
             },
         } }));
 };
+exports.ConfirmationPopUp = ConfirmationPopUp;

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

@@ -7,12 +7,13 @@ exports.DragItemArea = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const drag_drop_file_icon_1 = __importDefault(require("../icons/drag-drop-file-icon"));
-exports.DragItemArea = ({ text }) => {
+const DragItemArea = ({ text }) => {
     return (react_1.default.createElement(Container, null,
         react_1.default.createElement("div", null,
             react_1.default.createElement(drag_drop_file_icon_1.default, null)),
         text));
 };
+exports.DragItemArea = DragItemArea;
 const Container = styled_components_1.default.div `
   display: flex;
   flex-direction: column;

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

@@ -44,23 +44,20 @@ const FileSectionState_1 = require("./FileSectionState");
 const FilesSection_1 = require("./FilesSection");
 const TooltipDiv_1 = require("./TooltipDiv");
 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) => __awaiter(void 0, void 0, void 0, function* () {
+exports.PermissionsContext = (0, react_1.createContext)(null);
+const FileManager = ({ submissionId, externalFiles, enableDragAndDrop, can, handleUpload, handleDownload, handleReplace, handleChangeDesignation, }) => {
+    const [state, dispatch] = (0, react_1.useReducer)(FileSectionState_1.reducer, (0, FileSectionState_1.getInitialState)());
+    const handleReplaceFile = (0, react_1.useCallback)((submissionId, name, file, typeId) => __awaiter(void 0, void 0, void 0, function* () {
         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());
         }
+        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* () {
+    const handleUploadFile = (0, react_1.useCallback)((submissionId, file, designation) => __awaiter(void 0, void 0, void 0, function* () {
         try {
             dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
             if (util_1.namesWithDesignationMap.get(designation) == util_1.Designation.Supplementary) {
@@ -69,11 +66,8 @@ exports.FileManager = ({ submissionId, externalFiles, enableDragAndDrop, can, ha
             const res = yield handleUpload(submissionId, file, designation);
             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());
             }
+            dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
             return res;
         }
         catch (e) {
@@ -81,7 +75,7 @@ exports.FileManager = ({ submissionId, externalFiles, enableDragAndDrop, can, ha
             return false;
         }
     }), [handleUpload]);
-    const handleChangeDesignationFile = react_1.useCallback((submissionId, typeId, name) => __awaiter(void 0, void 0, void 0, function* () {
+    const handleChangeDesignationFile = (0, react_1.useCallback)((submissionId, typeId, name) => __awaiter(void 0, void 0, void 0, function* () {
         try {
             const res = yield handleChangeDesignation(submissionId, typeId, name);
             if (res) {
@@ -94,7 +88,7 @@ exports.FileManager = ({ submissionId, externalFiles, enableDragAndDrop, can, ha
             return false;
         }
     }), [handleChangeDesignation]);
-    const handleDownloadFile = react_1.useCallback((publicUrl) => {
+    const handleDownloadFile = (0, react_1.useCallback)((publicUrl) => {
         return handleDownload(publicUrl);
     }, [handleDownload]);
     const getFileSectionExternalFile = (fileSection) => {
@@ -105,7 +99,7 @@ exports.FileManager = ({ submissionId, externalFiles, enableDragAndDrop, can, ha
             return (designation !== undefined &&
                 util_1.designationWithFileSectionsMap.get(designation) === fileSection);
         });
-        const itemsDataWithTitle = util_1.generateExternalFilesTitles(util_1.sortExternalFiles(itemsData), fileSection);
+        const itemsDataWithTitle = (0, util_1.generateExternalFilesTitles)((0, util_1.sortExternalFiles)(itemsData), fileSection);
         const filesItems = itemsDataWithTitle.map((element) => {
             const itemProps = {
                 submissionId: submissionId,
@@ -162,3 +156,4 @@ exports.FileManager = ({ submissionId, externalFiles, enableDragAndDrop, can, ha
             state.successMessage !== '' &&
             handleSuccessMessage()));
 };
+exports.FileManager = FileManager;

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

@@ -29,9 +29,9 @@ const BottomArrowIcon_1 = __importDefault(require("../../icons/BottomArrowIcon")
 const ConfirmationPopUp_1 = require("../ConfirmationPopUp");
 const util_1 = require("../util");
 const DesignationActionsList_1 = require("./DesignationActionsList");
-exports.DesignationActions = ({ designation, fileExtension, handleChangeDesignation, submissionId, fileName, dispatch, }) => {
-    const [isActionsShown, setIsActionsShown] = react_1.useState(false);
-    const [confirmationPopUpData, setConfirmationPopUpData] = react_1.useState({
+const DesignationActions = ({ designation, fileExtension, handleChangeDesignation, submissionId, fileName, dispatch, }) => {
+    const [isActionsShown, setIsActionsShown] = (0, react_1.useState)(false);
+    const [confirmationPopUpData, setConfirmationPopUpData] = (0, react_1.useState)({
         isConfirmationPopUpOpen: false,
         confirmationPopUpMessage: '',
         confirmationPopUpHeader: '',
@@ -46,7 +46,7 @@ exports.DesignationActions = ({ designation, fileExtension, handleChangeDesignat
         setIsActionsShown(false);
     };
     if (designation && fileExtension) {
-        const designationActionsList = util_1.getDesignationActionsList(designation, fileExtension);
+        const designationActionsList = (0, util_1.getDesignationActionsList)(designation, fileExtension);
         if (!designationActionsList.length) {
             return null;
         }
@@ -87,6 +87,7 @@ exports.DesignationActions = ({ designation, fileExtension, handleChangeDesignat
         return null;
     }
 };
+exports.DesignationActions = DesignationActions;
 const SecondaryActionsContainer = styled_components_1.default.button `
   display: flex;
   align-items: center;

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

@@ -8,17 +8,17 @@ const react_1 = __importDefault(require("react"));
 const FileSectionState_1 = require("../FileSectionState");
 const ItemsAction_1 = require("../ItemsAction");
 const util_1 = require("../util");
-exports.DesignationActionsList = ({ handleChangeDesignation, designationActionsList, submissionId, fileName, designation, dispatch, handleOpenConfirmationPopup, }) => {
+const DesignationActionsList = ({ handleChangeDesignation, designationActionsList, submissionId, fileName, designation, dispatch, handleOpenConfirmationPopup, }) => {
     const handleChangeOtherFilesTabDesignation = (designation, isMoveInOtherFileSection, confirmationPopupHeader, confirmationPopupMessage, successMoveMessage) => {
         if (isMoveInOtherFileSection) {
             if (dispatch) {
-                dispatch(FileSectionState_1.actions.MOVE_FILE(submissionId, util_1.getDesignationName(designation), fileName, successMoveMessage));
-                handleOpenConfirmationPopup(confirmationPopupHeader, confirmationPopupMessage, util_1.getDesignationName(designation));
+                dispatch(FileSectionState_1.actions.MOVE_FILE(submissionId, (0, util_1.getDesignationName)(designation), fileName, successMoveMessage));
+                handleOpenConfirmationPopup(confirmationPopupHeader, confirmationPopupMessage, (0, util_1.getDesignationName)(designation));
             }
         }
         else {
             handleChangeDesignation &&
-                handleChangeDesignation(submissionId, util_1.getDesignationName(designation), fileName);
+                handleChangeDesignation(submissionId, (0, util_1.getDesignationName)(designation), fileName);
         }
     };
     const isSupplementaryActionIncluded = designationActionsList.indexOf(util_1.Designation.Supplementary) !== -1;
@@ -51,3 +51,4 @@ exports.DesignationActionsList = ({ handleChangeDesignation, designationActionsL
                     handleChangeOtherFilesTabDesignation(util_1.Designation.Supplementary, isMoveToOtherFileSection, 'Are you sure you want to move this file to "Supplementary"?', 'The file will be removed from the "Other" and added to "Supplementary".', 'File successfully moved to Supplementary files');
                 } }, util_1.designationWithReadableNamesMap.get(util_1.Designation.Supplementary))))));
 };
+exports.DesignationActionsList = DesignationActionsList;

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

@@ -40,15 +40,15 @@ function getItemStyles(initialOffset, currentOffset) {
         WebkitTransform: transform,
     };
 }
-exports.DragLayer = () => {
-    const { itemType, isDragging, item, initialOffset, currentOffset, } = react_dnd_1.useDragLayer((monitor) => ({
+const DragLayer = () => {
+    const { itemType, isDragging, item, initialOffset, currentOffset } = (0, react_dnd_1.useDragLayer)((monitor) => ({
         item: monitor.getItem(),
         itemType: monitor.getItemType(),
         initialOffset: monitor.getInitialSourceClientOffset(),
         currentOffset: monitor.getSourceClientOffset(),
         isDragging: monitor.isDragging(),
     }));
-    const renderItem = react_1.useCallback(() => {
+    const renderItem = (0, react_1.useCallback)(() => {
         switch (itemType) {
             case 'FileSectionItem':
                 return (react_1.default.createElement(CustomFileSectionItem, { title: item.title, externalFile: item.externalFile, showAttachmentName: item.showAttachmentName, withDot: item.withDot, showSecondaryActions: false, showDesignationActions: false, style: { width: item.width } }));
@@ -62,6 +62,7 @@ exports.DragLayer = () => {
     return (react_1.default.createElement(Container, null,
         react_1.default.createElement("div", { style: getItemStyles(initialOffset, currentOffset) }, renderItem())));
 };
+exports.DragLayer = DragLayer;
 const Container = styled_components_1.default.div `
   position: fixed;
   pointer-events: none;
@@ -71,7 +72,7 @@ const Container = styled_components_1.default.div `
   width: 100%;
   height: 100%;
 `;
-const CustomFileSectionItem = react_1.default.memo(styled_components_1.default(FileSectionItem_1.FileSectionItem) `
+const CustomFileSectionItem = react_1.default.memo((0, styled_components_1.default)(FileSectionItem_1.FileSectionItem) `
   padding: 16px 32px;
   background: #f2fbfc;
   border: 1px solid #bce7f6;