@manuscripts/article-editor 1.17.13 → 1.17.14

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

@@ -0,0 +1,139 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileAction = exports.FileActionDropdownList = exports.ActionsIcon = exports.FileActions = void 0;
+/*!
+ * The contents of this file are subject to the Common Public Attribution License Version 1.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://mpapp-public.gitlab.io/manuscripts-frontend/LICENSE. The License is based on the Mozilla Public License Version 1.1 but Sections 14 and 15 have been added to cover use of software over a computer network and provide for limited attribution for the Original Developer. In addition, Exhibit A has been modified to be consistent with Exhibit B.
+ *
+ * Software distributed under the License is distributed on an “AS IS” basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.
+ *
+ * The Original Code is manuscripts-frontend.
+ *
+ * The Original Developer is the Initial Developer. The Initial Developer of the Original Code is Atypon Systems LLC.
+ *
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
+ */
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+/**
+ * This component represents the drop-down list action for each file item.
+ */
+const FileActions = ({ sectionType, onDownload, onReplace, onDetach, move, className }) => {
+    const can = (0, style_guide_1.usePermissions)();
+    const { isOpen, toggleOpen, wrapperRef } = (0, style_guide_1.useDropdown)();
+    const [isMoveDialogOpen, setMoveDialogOpen] = (0, react_1.useState)(false);
+    const showDownload = can?.downloadFiles && onDownload;
+    const showReplace = can?.replaceFile && onReplace;
+    const showDetach = can?.editArticle && onDetach;
+    const showMove = can?.moveFile && move;
+    const show = showDownload || showReplace || showDetach || showMove;
+    const fileInputRef = (0, react_1.useRef)(null);
+    const handleChange = async (event) => {
+        if (onReplace && event && event.target && event.target.files) {
+            const file = event.target.files[0];
+            await onReplace(file);
+        }
+    };
+    const openFileDialog = () => {
+        if (fileInputRef && fileInputRef.current) {
+            fileInputRef.current.click();
+        }
+    };
+    if (!show) {
+        return null;
+    }
+    return (react_1.default.createElement(style_guide_1.DropdownContainer, { ref: wrapperRef },
+        react_1.default.createElement(exports.ActionsIcon, { onClick: toggleOpen, type: "button", className: "show-on-hover", "data-cy": "file-actions", "aria-label": "Actions", "aria-pressed": isOpen },
+            react_1.default.createElement(style_guide_1.DotsIcon, null)),
+        isOpen && (react_1.default.createElement(exports.FileActionDropdownList, { "data-cy": "file-actions-dropdown", direction: "right", className: className, width: 192, top: 5, onClick: toggleOpen },
+            showDownload && (react_1.default.createElement(exports.FileAction, { onClick: onDownload }, "Download")),
+            showReplace && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(exports.FileAction, { onClick: openFileDialog }, "Replace"),
+                react_1.default.createElement("input", { ref: fileInputRef, type: "file", style: { display: 'none' }, onChange: handleChange }))),
+            showDetach && react_1.default.createElement(exports.FileAction, { onClick: onDetach }, "Detach"),
+            showMove && (react_1.default.createElement(exports.FileAction, { onClick: () => setMoveDialogOpen(true) },
+                "Move to ",
+                move.sectionType)))),
+        showMove && (react_1.default.createElement(MoveFileConfirmationDialog, { "data-cy": "file-move-confirm-dialog", isOpen: isMoveDialogOpen, close: () => setMoveDialogOpen(false), source: sectionType, target: move.sectionType, handleMove: move.handler }))));
+};
+exports.FileActions = FileActions;
+const MoveFileConfirmationDialog = ({ isOpen, close, source, target, handleMove }) => {
+    const header = `Are you sure you want to move this file to “${target}”?`;
+    const message = `The file will be removed from “${source}” and added to “${target}”.`;
+    const handleConfirm = () => {
+        handleMove();
+        close();
+    };
+    return (react_1.default.createElement(style_guide_1.Dialog, { isOpen: isOpen, category: style_guide_1.Category.confirmation, header: header, message: message, actions: {
+            primary: {
+                action: handleConfirm,
+                title: 'Move',
+            },
+            secondary: {
+                action: () => close(),
+                title: 'Cancel',
+            },
+        } }));
+};
+exports.ActionsIcon = styled_components_1.default.button `
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  padding: 0 8px;
+  &:focus {
+    outline: none;
+  }
+  &:hover svg circle {
+    fill: #1a9bc7;
+  }
+`;
+exports.FileActionDropdownList = (0, styled_components_1.default)(style_guide_1.DropdownList) `
+  border: 1px solid #e2e2e2;
+  box-sizing: border-box;
+  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.3);
+  border-radius: 8px;
+  min-width: 180px;
+  background: ${(props) => props.theme.colors.background.primary};
+  z-index: 999;
+  text-align: left;
+  overflow: hidden;
+`;
+exports.FileAction = styled_components_1.default.div `
+  font-family: ${(props) => props.theme.font.family.Lato};
+  cursor: pointer;
+  font-size: 16px;
+  line-height: 24px;
+  color: ${(props) => props.theme.colors.text.primary};
+  padding: 16px;
+  &:hover,
+  &:focus {
+    background: #f2fbfc;
+  }
+`;
+//# sourceMappingURL=FileActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileActions.js","sourceRoot":"","sources":["../../../../src/components/FileManager/FileActions.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileContainer = void 0;
+/*!
+ * The contents of this file are subject to the Common Public Attribution License Version 1.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://mpapp-public.gitlab.io/manuscripts-frontend/LICENSE. The License is based on the Mozilla Public License Version 1.1 but Sections 14 and 15 have been added to cover use of software over a computer network and provide for limited attribution for the Original Developer. In addition, Exhibit A has been modified to be consistent with Exhibit B.
+ *
+ * Software distributed under the License is distributed on an “AS IS” basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.
+ *
+ * The Original Code is manuscripts-frontend.
+ *
+ * The Original Developer is the Initial Developer. The Initial Developer of the Original Code is Atypon Systems LLC.
+ *
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
+ */
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.FileContainer = styled_components_1.default.div `
+  display: flex;
+  font-family: ${(props) => props.theme.font.family.Lato};
+  align-items: center;
+  cursor: pointer;
+  box-sizing: border-box;
+  position: relative;
+  padding: 24px 18px;
+  height: 72px;
+
+  &.dragging {
+    opacity: 0.2;
+  }
+
+  .file-icon {
+    min-width: 20px;
+    width: 20px;
+  }
+
+  .show-on-hover {
+    display: none;
+  }
+
+  &:hover .show-on-hover {
+    display: block;
+  }
+
+  &:hover,
+  &:focus {
+    background: #f2fbfc;
+  }
+`;
+//# sourceMappingURL=FileContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileContainer.js","sourceRoot":"","sources":["../../../../src/components/FileManager/FileContainer.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;GAUG;AACH,0EAAsC;AAEzB,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;iBAEtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BvD,CAAA"}

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

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileDate = exports.FileDateContainer = exports.FileCreatedDate = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const date_fns_1 = require("date-fns");
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const FileCreatedDate = ({ file, className }) => {
+    if (!file.createdDate) {
+        return null;
+    }
+    return (react_1.default.createElement(exports.FileDateContainer, { "data-tooltip-id": `${file.id}-created-date-tooltip`, className: className },
+        react_1.default.createElement(exports.FileDate, null, (0, date_fns_1.format)(new Date(file.createdDate), 'M/d/yy, HH:mm')),
+        react_1.default.createElement(style_guide_1.Tooltip, { id: `${file.id}-created-date-tooltip`, place: "bottom" }, "File Uploaded")));
+};
+exports.FileCreatedDate = FileCreatedDate;
+exports.FileDateContainer = styled_components_1.default.div `
+  overflow: hidden;
+  min-width: 88px;
+  margin-left: 8px;
+`;
+exports.FileDate = styled_components_1.default.div `
+  font-size: ${(props) => props.theme.font.size.small};
+  line-height: 27px;
+`;
+//# sourceMappingURL=FileCreatedDate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileCreatedDate.js","sourceRoot":"","sources":["../../../../src/components/FileManager/FileCreatedDate.tsx"],"names":[],"mappings":";;;;;;AAYA,0DAAkD;AAClD,uCAAiC;AACjC,kDAAyB;AACzB,0EAAsC;AAE/B,MAAM,eAAe,GAGvB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IAC3B,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;QACrB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,8BAAC,yBAAiB,uBACC,GAAG,IAAI,CAAC,EAAE,uBAAuB,EAClD,SAAS,EAAE,SAAS;QAEpB,8BAAC,gBAAQ,QAAE,IAAA,iBAAM,EAAC,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,eAAe,CAAC,CAAY;QAC1E,8BAAC,qBAAO,IAAC,EAAE,EAAE,GAAG,IAAI,CAAC,EAAE,uBAAuB,EAAE,KAAK,EAAC,QAAQ,oBAEpD,CACQ,CACrB,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,eAAe,mBAmB3B;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAI1C,CAAA;AAEY,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAA;eACnB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK;;CAEpD,CAAA"}

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

@@ -0,0 +1,68 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileManager = exports.FileSectionType = void 0;
+/*!
+ * The contents of this file are subject to the Common Public Attribution License Version 1.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://mpapp-public.gitlab.io/manuscripts-frontend/LICENSE. The License is based on the Mozilla Public License Version 1.1 but Sections 14 and 15 have been added to cover use of software over a computer network and provide for limited attribution for the Original Developer. In addition, Exhibit A has been modified to be consistent with Exhibit B.
+ *
+ * Software distributed under the License is distributed on an “AS IS” basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.
+ *
+ * The Original Code is manuscripts-frontend.
+ *
+ * The Original Developer is the Initial Developer. The Initial Developer of the Original Code is Atypon Systems LLC.
+ *
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
+ */
+const body_editor_1 = require("@manuscripts/body-editor");
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importDefault(require("react"));
+const store_1 = require("../../store");
+const Inspector_1 = require("../Inspector");
+const FileManagerDragLayer_1 = require("./FileManagerDragLayer");
+const InlineFilesSection_1 = require("./InlineFilesSection");
+const OtherFilesSection_1 = require("./OtherFilesSection");
+const SupplementsSection_1 = require("./SupplementsSection");
+var FileSectionType;
+(function (FileSectionType) {
+    FileSectionType["Inline"] = "Inline files";
+    FileSectionType["Supplements"] = "Supplements";
+    FileSectionType["OtherFile"] = "Other files";
+})(FileSectionType = exports.FileSectionType || (exports.FileSectionType = {}));
+/**
+ * This is the main component of the file handling
+ * that should be called in the inspector,
+ * and it expects to receive an array of submission attachments
+ * and use Drag-and-Drop technique for manuscript-frontend inspector.
+ *
+ * File section component consist of three types of files which is:
+ * 1- Inline files.
+ * 2- Supplemental files.
+ * 3- Other files.
+ */
+const FileManager = () => {
+    const [{ doc, files }] = (0, store_1.useStore)((s) => ({
+        doc: s.doc,
+        files: s.files,
+    }));
+    const { figures, supplements, others } = (0, body_editor_1.groupFiles)(doc, files);
+    return (react_1.default.createElement(Inspector_1.InspectorTabs, { defaultIndex: 0, "data-cy": "files-tabs", style: { overflow: 'visible' } },
+        react_1.default.createElement(FileManagerDragLayer_1.FileManagerDragLayer, null),
+        react_1.default.createElement(Inspector_1.InspectorTabList, null,
+            react_1.default.createElement(Inspector_1.InspectorTab, { "data-tooltip-id": "inline-tooltip" }, "Inline files"),
+            react_1.default.createElement(style_guide_1.Tooltip, { id: "inline-tooltip", place: "bottom" }, "Files that can be found inline in the manuscript."),
+            react_1.default.createElement(Inspector_1.InspectorTab, { "data-tooltip-id": "supplements-tooltip" }, "Supplements"),
+            react_1.default.createElement(style_guide_1.Tooltip, { id: "supplements-tooltip", place: "bottom" }, "Files that were marked as supplements."),
+            react_1.default.createElement(Inspector_1.InspectorTab, { "data-tooltip-id": "other-tooltip" }, "Other files"),
+            react_1.default.createElement(style_guide_1.Tooltip, { id: "other-tooltip", place: "bottom" }, "Files excluded from the final submission.")),
+        react_1.default.createElement(Inspector_1.InspectorTabPanels, { style: { overflowY: 'visible', position: 'relative' } },
+            react_1.default.createElement(Inspector_1.InspectorTabPanel, { "data-cy": "inline" },
+                react_1.default.createElement(InlineFilesSection_1.InlineFilesSection, { elements: figures })),
+            react_1.default.createElement(Inspector_1.InspectorTabPanel, { "data-cy": "supplements" },
+                react_1.default.createElement(SupplementsSection_1.SupplementsSection, { supplements: supplements })),
+            react_1.default.createElement(Inspector_1.InspectorTabPanel, { "data-cy": "other" },
+                react_1.default.createElement(OtherFilesSection_1.OtherFilesSection, { files: others })))));
+};
+exports.FileManager = FileManager;
+//# sourceMappingURL=FileManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileManager.js","sourceRoot":"","sources":["../../../../src/components/FileManager/FileManager.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;GAUG;AACH,0DAAqD;AACrD,0DAAkD;AAClD,kDAAyB;AAEzB,uCAAsC;AACtC,4CAMqB;AACrB,iEAA6D;AAC7D,6DAAyD;AACzD,2DAAuD;AACvD,6DAAyD;AAEzD,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,0CAAuB,CAAA;IACvB,8CAA2B,CAAA;IAC3B,4CAAyB,CAAA;AAC3B,CAAC,EAJW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAI1B;AASD;;;;;;;;;;GAUG;AACI,MAAM,WAAW,GAAa,GAAG,EAAE;IACxC,MAAM,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACxC,GAAG,EAAE,CAAC,CAAC,GAAG;QACV,KAAK,EAAE,CAAC,CAAC,KAAK;KACf,CAAC,CAAC,CAAA;IAEH,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAU,EAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IAE/D,OAAO,CACL,8BAAC,yBAAa,IACZ,YAAY,EAAE,CAAC,aACP,YAAY,EACpB,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE;QAE9B,8BAAC,2CAAoB,OAAG;QACxB,8BAAC,4BAAgB;YACf,8BAAC,wBAAY,uBAAiB,gBAAgB,mBAE/B;YACf,8BAAC,qBAAO,IAAC,EAAE,EAAC,gBAAgB,EAAC,KAAK,EAAC,QAAQ,wDAEjC;YACV,8BAAC,wBAAY,uBAAiB,qBAAqB,kBAEpC;YACf,8BAAC,qBAAO,IAAC,EAAE,EAAC,qBAAqB,EAAC,KAAK,EAAC,QAAQ,6CAEtC;YACV,8BAAC,wBAAY,uBAAiB,eAAe,kBAA2B;YACxE,8BAAC,qBAAO,IAAC,EAAE,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,gDAEhC,CACO;QACnB,8BAAC,8BAAkB,IACjB,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE;YAErD,8BAAC,6BAAiB,eAAS,QAAQ;gBACjC,8BAAC,uCAAkB,IAAC,QAAQ,EAAE,OAAO,GAAI,CACvB;YACpB,8BAAC,6BAAiB,eAAS,aAAa;gBACtC,8BAAC,uCAAkB,IAAC,WAAW,EAAE,WAAW,GAAI,CAC9B;YACpB,8BAAC,6BAAiB,eAAS,OAAO;gBAChC,8BAAC,qCAAiB,IAAC,KAAK,EAAE,MAAM,GAAI,CAClB,CACD,CACP,CACjB,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,WAAW,eAgDvB"}

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

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileManagerDragLayer = void 0;
+/*!
+ * The contents of this file are subject to the Common Public Attribution License Version 1.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://mpapp-public.gitlab.io/manuscripts-frontend/LICENSE. The License is based on the Mozilla Public License Version 1.1 but Sections 14 and 15 have been added to cover use of software over a computer network and provide for limited attribution for the Original Developer. In addition, Exhibit A has been modified to be consistent with Exhibit B.
+ *
+ * Software distributed under the License is distributed on an “AS IS” basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.
+ *
+ * The Original Code is manuscripts-frontend.
+ *
+ * The Original Developer is the Initial Developer. The Initial Developer of the Original Code is Atypon Systems LLC.
+ *
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
+ */
+const react_1 = __importDefault(require("react"));
+const react_dnd_1 = require("react-dnd");
+const styled_components_1 = __importDefault(require("styled-components"));
+const FileContainer_1 = require("./FileContainer");
+const FileCreatedDate_1 = require("./FileCreatedDate");
+const FileName_1 = require("./FileName");
+const Container = styled_components_1.default.div `
+  position: fixed;
+  pointer-events: none;
+  z-index: 999;
+  left: 0;
+  top: 0;
+  max-width: 400px;
+`;
+const DraggableFileContainer = (0, styled_components_1.default)(FileContainer_1.FileContainer) `
+  padding: 16px 32px;
+  background: #f2fbfc;
+  border: 1px solid #bce7f6;
+  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+`;
+const getItemStyles = (currentOffset) => {
+    if (!currentOffset) {
+        return {
+            display: 'none',
+        };
+    }
+    const { x, y } = currentOffset;
+    const transform = `translate(${x}px, ${y}px)`;
+    return {
+        transform,
+        WebkitTransform: transform,
+    };
+};
+const FileManagerDragLayer = () => {
+    const { itemType, isDragging, item, currentOffset } = (0, react_dnd_1.useDragLayer)((monitor) => ({
+        item: monitor.getItem(),
+        itemType: monitor.getItemType(),
+        currentOffset: monitor.getSourceClientOffset(),
+        isDragging: monitor.isDragging(),
+    }));
+    if (!isDragging) {
+        return null;
+    }
+    return (react_1.default.createElement(Container, { style: getItemStyles(currentOffset) }, itemType === 'file' && (react_1.default.createElement(DraggableFileContainer, null,
+        react_1.default.createElement(FileName_1.FileName, { file: item.file }),
+        item.file.createdDate && react_1.default.createElement(FileCreatedDate_1.FileCreatedDate, { file: item.file })))));
+};
+exports.FileManagerDragLayer = FileManagerDragLayer;
+//# sourceMappingURL=FileManagerDragLayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerDragLayer.js","sourceRoot":"","sources":["../../../../src/components/FileManager/FileManagerDragLayer.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;GAUG;AACH,kDAAyB;AACzB,yCAAiD;AACjD,0EAAsC;AAEtC,mDAA+C;AAC/C,uDAAmD;AACnD,yCAAqC;AAErC,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAO3B,CAAA;AAED,MAAM,sBAAsB,GAAG,IAAA,2BAAM,EAAC,6BAAa,CAAC,CAAA;;;;;;CAMnD,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,aAA6B,EAAE,EAAE;IACtD,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO;YACL,OAAO,EAAE,MAAM;SAChB,CAAA;KACF;IAED,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,aAAa,CAAA;IAE9B,MAAM,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,KAAK,CAAA;IAC7C,OAAO;QACL,SAAS;QACT,eAAe,EAAE,SAAS;KAC3B,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,oBAAoB,GAAa,GAAG,EAAE;IACjD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAA,wBAAY,EAChE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QACZ,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE;QACvB,QAAQ,EAAE,OAAO,CAAC,WAAW,EAAE;QAC/B,aAAa,EAAE,OAAO,CAAC,qBAAqB,EAAE;QAC9C,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE;KACjC,CAAC,CACH,CAAA;IAED,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,8BAAC,SAAS,IAAC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,IAC3C,QAAQ,KAAK,MAAM,IAAI,CACtB,8BAAC,sBAAsB;QACrB,8BAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;QAC5B,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,8BAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACvC,CAC1B,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,oBAAoB,wBAwBhC"}

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

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileNameText = exports.FileName = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const FileTypeIcon_1 = require("./FileTypeIcon");
+const FileName = ({ file }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(FileTypeIcon_1.FileTypeIcon, { file: file }),
+        react_1.default.createElement(exports.FileNameText, { "data-cy": "filename" }, file.name)));
+};
+exports.FileName = FileName;
+exports.FileNameText = styled_components_1.default.div `
+  font-family: ${(props) => props.theme.font.family.Lato};
+  font-size: ${(props) => props.theme.font.size.medium};
+  line-height: ${(props) => props.theme.font.lineHeight.large};
+  font-weight: ${(props) => props.theme.font.weight.normal};
+  color: ${(props) => props.theme.colors.text.primary};
+  margin-left: ${(props) => props.theme.grid.unit * 2}px;
+  flex-grow: 1;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+`;
+//# sourceMappingURL=FileName.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileName.js","sourceRoot":"","sources":["../../../../src/components/FileManager/FileName.tsx"],"names":[],"mappings":";;;;;;AAYA,kDAAyB;AACzB,0EAAsC;AAEtC,iDAA6C;AAEtC,MAAM,QAAQ,GAEhB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,OAAO,CACL;QACE,8BAAC,2BAAY,IAAC,IAAI,EAAE,IAAI,GAAI;QAC5B,8BAAC,oBAAY,eAAS,UAAU,IAAE,IAAI,CAAC,IAAI,CAAgB,CAC1D,CACJ,CAAA;AACH,CAAC,CAAA;AATY,QAAA,QAAQ,YASpB;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAA;iBACrB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;eACzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM;iBACrC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK;iBAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;WAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;iBACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;;;;;CAKpD,CAAA"}

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

@@ -0,0 +1,181 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileSectionAlert = exports.FileSectionAlertType = void 0;
+/*!
+ * The contents of this file are subject to the Common Public Attribution License Version 1.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://mpapp-public.gitlab.io/manuscripts-frontend/LICENSE. The License is based on the Mozilla Public License Version 1.1 but Sections 14 and 15 have been added to cover use of software over a computer network and provide for limited attribution for the Original Developer. In addition, Exhibit A has been modified to be consistent with Exhibit B.
+ *
+ * Software distributed under the License is distributed on an “AS IS” basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.
+ *
+ * The Original Code is manuscripts-frontend.
+ *
+ * The Original Developer is the Initial Developer. The Initial Developer of the Original Code is Atypon Systems LLC.
+ *
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
+ */
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const FileContainer_1 = require("./FileContainer");
+const FileName_1 = require("./FileName");
+var FileSectionAlertType;
+(function (FileSectionAlertType) {
+    FileSectionAlertType[FileSectionAlertType["NONE"] = 0] = "NONE";
+    FileSectionAlertType[FileSectionAlertType["UPLOAD_IN_PROGRESS"] = 1] = "UPLOAD_IN_PROGRESS";
+    FileSectionAlertType[FileSectionAlertType["UPLOAD_SUCCESSFUL"] = 2] = "UPLOAD_SUCCESSFUL";
+    FileSectionAlertType[FileSectionAlertType["MOVE_SUCCESSFUL"] = 3] = "MOVE_SUCCESSFUL";
+})(FileSectionAlertType = exports.FileSectionAlertType || (exports.FileSectionAlertType = {}));
+const FileSectionAlert = ({ alert }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        alert.type === FileSectionAlertType.UPLOAD_IN_PROGRESS && (react_1.default.createElement(FileUploadInProgressAlert, { name: alert.message })),
+        alert.type === FileSectionAlertType.UPLOAD_SUCCESSFUL && (react_1.default.createElement(FileUploadSuccessful, null)),
+        alert.type === FileSectionAlertType.MOVE_SUCCESSFUL && (react_1.default.createElement(FileMoveSuccessful, { name: alert.message }))));
+};
+exports.FileSectionAlert = FileSectionAlert;
+const FileUploadInProgressAlert = ({ name }) => {
+    return (react_1.default.createElement(FileUploadContainer, null,
+        react_1.default.createElement(style_guide_1.FileUnknownIcon, null),
+        react_1.default.createElement(FileUploadNameContainer, null,
+            react_1.default.createElement(UploadFileNameText, null, name),
+            react_1.default.createElement(FileUploadProgressBar, null))));
+};
+const FileUploadSuccessful = () => {
+    return (react_1.default.createElement(AlertMessageContainer, null,
+        react_1.default.createElement(style_guide_1.AlertMessage, { type: style_guide_1.AlertMessageType.success, hideCloseButton: true, dismissButton: {
+                text: 'OK',
+            } }, "File uploaded successfully")));
+};
+const FileMoveSuccessful = ({ name }) => {
+    return (react_1.default.createElement(AlertMessageContainer, null,
+        react_1.default.createElement(style_guide_1.AlertMessage, { type: style_guide_1.AlertMessageType.success, hideCloseButton: true, dismissButton: {
+                text: 'OK',
+            } },
+            "File moved to ",
+            name)));
+};
+const AlertMessageContainer = styled_components_1.default.div `
+  margin-left: 16px;
+  margin-right: 16px;
+`;
+const FileUploadContainer = (0, styled_components_1.default)(FileContainer_1.FileContainer) `
+  background: #f2fbfc;
+`;
+const FileUploadNameContainer = styled_components_1.default.div `
+  flex-grow: 1;
+  margin-left: 8px;
+`;
+const UploadFileNameText = (0, styled_components_1.default)(FileName_1.FileNameText) `
+  margin: 0;
+`;
+const FileUploadProgressBar = () => {
+    return (react_1.default.createElement(LinearProgress, null,
+        react_1.default.createElement(Bar, { className: "bar1" }),
+        react_1.default.createElement(Bar, { className: "bar2" })));
+};
+const LinearProgress = styled_components_1.default.div `
+  background: ${(props) => props.theme.colors.background.tertiary};
+  opacity: 0.7;
+  height: 4px;
+  position: relative;
+  width: 100%;
+  margin: 8px auto 0;
+  overflow: hidden;
+  border-radius: 8px;
+  animation: start 0.3s ease-in;
+`;
+const Bar = styled_components_1.default.div `
+  position: absolute;
+  opacity: 0.7;
+  background: #1a9bc7;
+  transition: transform 0.2s linear;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 100%;
+
+  &.bar1 {
+    animation: growBar1 2.5s infinite, moveBar1 2.5s infinite;
+  }
+
+  &.bar2 {
+    animation: growBar2 2.5s infinite, moveBar2 2.5s infinite;
+  }
+
+  @keyframes growBar1 {
+    0% {
+      animation-timing-function: linear;
+      transform: scaleX(0.1);
+    }
+    35% {
+      animation-timing-function: cubic-bezier(0.3, 0.1, 0.7, 1);
+      transform: scaleX(0.1);
+    }
+    70% {
+      animation-timing-function: cubic-bezier(0.2, 0, 0.2, 1.4);
+      transform: scaleX(0.8);
+    }
+    100% {
+      transform: scaleX(0.1);
+    }
+  }
+
+  @keyframes moveBar1 {
+    0% {
+      left: -105%;
+      animation-timing-function: linear;
+    }
+    20% {
+      left: -105%;
+      animation-timing-function: cubic-bezier(0.5, 0, 0.7, 0.4);
+    }
+    60% {
+      left: 21%;
+      animation-timing-function: cubic-bezier(0.3, 0.4, 0.55, 0.9);
+    }
+    80% {
+      left: 40%;
+      animation-timing-function: cubic-bezier(0.1, 0.2, 0.3, 0.95);
+    }
+    100% {
+      left: 90%;
+    }
+  }
+
+  @keyframes growBar2 {
+    0% {
+      animation-timing-function: cubic-bezier(0.2, 0, 0.5, 0.4);
+      transform: scaleX(0.1);
+    }
+    20% {
+      animation-timing-function: cubic-bezier(0.1, 0.2, 0.6, 1);
+      transform: scaleX(0.3);
+    }
+    60% {
+      animation-timing-function: cubic-bezier(0.2, 0, 0.2, 1.4);
+      transform: scaleX(0.6);
+    }
+    100% {
+      transform: scaleX(0.1);
+    }
+  }
+  @keyframes moveBar2 {
+    0% {
+      left: -100%;
+      animation-timing-function: cubic-bezier(0.15, 0, 0.5, 0.4);
+    }
+    25% {
+      left: -50%;
+      animation-timing-function: cubic-bezier(0.3, 0.3, 0.8, 0.7);
+    }
+    50% {
+      left: 45%;
+      animation-timing-function: cubic-bezier(0.1, 0.6, 0.6, 0.9);
+    }
+    100% {
+      left: 95%;
+    }
+  }
+`;
+//# sourceMappingURL=FileSectionAlert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileSectionAlert.js","sourceRoot":"","sources":["../../../../src/components/FileManager/FileSectionAlert.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileTypeIcon = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importDefault(require("react"));
+/**
+ * Each file item has an icon to represent besides the file info based on the file extension,
+ * in case the file type is an image or video then the icon should be the preview image or video thumbnail.
+ */
+const FileTypeIcon = ({ file }) => {
+    if (file.type.id === 'missing') {
+        return react_1.default.createElement(style_guide_1.FileCorruptedIcon, { className: "file-icon" });
+    }
+    if (file.type.id === 'main-manuscript') {
+        return react_1.default.createElement(style_guide_1.FileMainDocumentIcon, { className: "file-icon" });
+    }
+    const icon = (0, style_guide_1.getFileIcon)(file.name);
+    return icon || react_1.default.createElement(style_guide_1.FileUnknownIcon, { className: "file-icon" });
+};
+exports.FileTypeIcon = FileTypeIcon;
+//# sourceMappingURL=FileTypeIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileTypeIcon.js","sourceRoot":"","sources":["../../../../src/components/FileManager/FileTypeIcon.tsx"],"names":[],"mappings":";;;;;;AAYA,0DAKiC;AACjC,kDAAyB;AAEzB;;;GAGG;AACI,MAAM,YAAY,GAEpB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,EAAE;QAC9B,OAAO,8BAAC,+BAAiB,IAAC,SAAS,EAAC,WAAW,GAAG,CAAA;KACnD;IACD,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,iBAAiB,EAAE;QACtC,OAAO,8BAAC,kCAAoB,IAAC,SAAS,EAAC,WAAW,GAAG,CAAA;KACtD;IAED,MAAM,IAAI,GAAG,IAAA,yBAAW,EAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAEnC,OAAO,IAAI,IAAI,8BAAC,6BAAe,IAAC,SAAS,EAAC,WAAW,GAAG,CAAA;AAC1D,CAAC,CAAA;AAbY,QAAA,YAAY,gBAaxB"}