@manuscripts/style-guide 1.13.9 → 1.13.11-LEAN-3771.0

package/dist/cjs/components/EditorHeader/EditorHeader.js

@@ -1,210 +0,0 @@
-"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediumTextArea = exports.PrimaryButtonSmall = exports.EditorHeader = exports.DialogState = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const __1 = require("../..");
-const ProceedView_1 = require("./ProceedView");
-var DialogState;
-(function (DialogState) {
-    DialogState[DialogState["INIT"] = 0] = "INIT";
-    DialogState[DialogState["LOADING"] = 1] = "LOADING";
-    DialogState[DialogState["ERROR"] = 2] = "ERROR";
-    DialogState[DialogState["SUCCESS"] = 3] = "SUCCESS";
-    DialogState[DialogState["CLOSED"] = 4] = "CLOSED";
-})(DialogState = exports.DialogState || (exports.DialogState = {}));
-const Editing = { label: 'Editing', icon: __1.EditIcon };
-const MapUserRole = {
-    Editor: Editing,
-    Owner: Editing,
-    Writer: Editing,
-    Annotator: { label: 'Suggesting', icon: __1.RoleAnnotatingIcon },
-    Viewer: { label: 'Reading', icon: __1.RoleReadingIcon },
-    Proofer: { label: 'Proofing', icon: __1.RoleAnnotatingIcon },
-};
-const EditorHeader = ({ handleSnapshot, submission, hasPendingSuggestions, userRole, canCompleteTask, submitProceed, goBack, status, isAnnotator, isProofer, message, exceptionDialog: ExceptionDialog, disabelProceedNote, }) => {
-    var _a, _b, _c, _d, _e;
-    const [noteValue, setNoteValue] = (0, react_1.useState)('');
-    const [selectedTransitionIndex, setSelectedTransitionIndex] = (0, react_1.useState)();
-    const { dialogData, submit } = submitProceed;
-    const { updateState, clearError } = dialogData;
-    const continueDialogAction = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (submission && selectedTransitionIndex && handleSnapshot) {
-            const { status } = submission.currentStep.type.transitions[selectedTransitionIndex];
-            updateState(DialogState.LOADING);
-            yield handleSnapshot();
-            yield submit(status.id, noteValue);
-        }
-    }), [
-        submission,
-        selectedTransitionIndex,
-        handleSnapshot,
-        updateState,
-        submit,
-        noteValue,
-    ]);
-    const onTransitionClick = (0, react_1.useCallback)((event) => {
-        updateState(DialogState.INIT);
-        setSelectedTransitionIndex(event.target.value || event.target.parentNode.value);
-    }, [setSelectedTransitionIndex, updateState]);
-    const onCancelClick = (0, react_1.useCallback)(() => {
-        setSelectedTransitionIndex(undefined);
-        clearError();
-        updateState(DialogState.CLOSED);
-    }, [setSelectedTransitionIndex, clearError, updateState]);
-    const onNoteChange = (0, react_1.useCallback)((event) => setNoteValue(event.target.value), [setNoteValue]);
-    const currentStepTransition = submission === null || submission === void 0 ? void 0 : submission.currentStep.type.transitions;
-    const disable = !currentStepTransition || !canCompleteTask;
-    const errorCode = (_d = (_c = (_b = (_a = dialogData.mutationError) === null || _a === void 0 ? void 0 : _a.graphQLErrors) === null || _b === void 0 ? void 0 : _b.find((error) => { var _a; return (_a = error === null || error === void 0 ? void 0 : error.extensions) === null || _a === void 0 ? void 0 : _a.code; })) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.code.name;
-    return (react_1.default.createElement(Wrapper, null,
-        goBack && (react_1.default.createElement(SecondaryButtonSmall, { onClick: goBack, type: "button" },
-            react_1.default.createElement(__1.ArrowLeftIcon, null),
-            react_1.default.createElement("span", null, "Dashboard"))),
-        handleSnapshot &&
-            typeof hasPendingSuggestions == 'boolean' &&
-            submission.nextStep && (react_1.default.createElement(ProceedView_1.ProceedView, { isAnnotator: isAnnotator, isProofer: isProofer, disable: disable, onTransitionClick: onTransitionClick, hasPendingSuggestions: hasPendingSuggestions, dialogData: dialogData, noteValue: noteValue, currentStepTransition: currentStepTransition, currentStepType: submission.currentStep.type, previousStepType: (_e = submission.previousStep) === null || _e === void 0 ? void 0 : _e.type, nextStepType: submission.nextStep.type, onNoteChange: disabelProceedNote ? undefined : onNoteChange, continueDialogAction: continueDialogAction, onCancelClick: onCancelClick, message: message })),
-        status && (react_1.default.createElement(ChildWrapper, null,
-            react_1.default.createElement(__1.SaveStatus, { status: status }))),
-        react_1.default.createElement(Spacer, null),
-        react_1.default.createElement(CurrentStepLabel, null, submission.currentStep.type.label),
-        react_1.default.createElement(CurrentActionLablel, null,
-            userRole &&
-                MapUserRole[userRole] &&
-                react_1.default.createElement(MapUserRole[userRole].icon),
-            react_1.default.createElement("span", null, userRole && MapUserRole[userRole].label)),
-        react_1.default.createElement(HelpDropdown, null),
-        errorCode && react_1.default.createElement(ExceptionDialog, { errorCode: errorCode })));
-};
-exports.EditorHeader = EditorHeader;
-const HelpDropdown = () => {
-    const { isOpen, toggleOpen, wrapperRef } = (0, __1.useDropdown)();
-    return (react_1.default.createElement(HelpDropdownContainer, { ref: wrapperRef },
-        react_1.default.createElement(HelpDropdownButton, { onClick: toggleOpen },
-            react_1.default.createElement("span", null, "Help"),
-            react_1.default.createElement(__1.NavDropdownToggle, { className: isOpen ? 'open' : '' })),
-        isOpen && (react_1.default.createElement(__1.DropdownList, { top: 12, direction: "right" },
-            react_1.default.createElement(DropdownItem, null, "Documentation")))));
-};
-const SecondaryButtonSmall = (0, styled_components_1.default)(__1.SecondaryButton) `
-  font-size: inherit;
-  margin-right: ${(props) => props.theme.grid.unit * 2}px;
-  padding-top: ${(props) => props.theme.grid.unit * 0.75}px;
-  padding-bottom: ${(props) => props.theme.grid.unit * 0.75}px;
-`;
-const HelpDropdownButton = styled_components_1.default.button `
-  background: transparent;
-  border: none;
-  cursor: pointer;
-`;
-const HelpDropdownContainer = (0, styled_components_1.default)(__1.DropdownContainer) `
-  border-left: 1px solid #f2f2f2;
-  margin: -${(props) => props.theme.grid.unit * 3}px ${(props) => props.theme.grid.unit * 2}px -${(props) => props.theme.grid.unit * 3}px
-    ${(props) => props.theme.grid.unit * 6}px;
-  padding: ${(props) => props.theme.grid.unit * 4.75}px 0
-    ${(props) => props.theme.grid.unit * 5}px
-    ${(props) => props.theme.grid.unit * 4}px;
-`;
-const DropdownItem = styled_components_1.default.a `
-  color: inherit;
-  display: block;
-  cursor: pointer;
-  text-decoration: none;
-  padding: ${(props) => props.theme.grid.unit * 5}px;
-`;
-exports.PrimaryButtonSmall = (0, styled_components_1.default)(__1.PrimaryButton) `
-  padding-top: ${(props) => props.theme.grid.unit * 0.75}px;
-  padding-bottom: ${(props) => props.theme.grid.unit * 0.75}px;
-  font-size: inherit;
-`;
-const Wrapper = styled_components_1.default.div `
-  display: flex;
-  z-index: 6;
-  padding: ${(props) => props.theme.grid.unit * 3}px
-    ${(props) => props.theme.grid.unit * 8}px;
-  width: 100%;
-  box-sizing: border-box;
-  align-items: center;
-  border-bottom: 1px solid #f2f2f2;
-  font-size: 14px;
-  background: white;
-
-  ${__1.NavDropdownContainer} + ${__1.NavDropdownContainer} {
-    margin-left: ${(props) => props.theme.grid.unit * 2}px;
-  }
-  ${exports.PrimaryButtonSmall} + ${__1.NavDropdownContainer} {
-    margin-left: ${(props) => props.theme.grid.unit * 2}px;
-  }
-`;
-const CurrentStepLabel = styled_components_1.default.span `
-  background: #f2f2f2;
-  border-radius: ${(props) => props.theme.grid.unit * 1.5}px;
-  padding: ${(props) => props.theme.grid.unit}px;
-`;
-const CurrentActionLablel = styled_components_1.default.span `
-  display: flex;
-  padding: 0 ${(props) => props.theme.grid.unit * 6}px;
-  svg {
-    margin-right: ${(props) => props.theme.grid.unit * 2.5}px;
-  }
-`;
-const ChildWrapper = styled_components_1.default.div `
-  display: inline-flex;
-  margin: 0 2em;
-  flex-direction: row;
-  align-items: center;
-`;
-const Grid = styled_components_1.default.div `
-  display: grid;
-  grid-template-columns: max-content auto;
-  gap: 0 ${(props) => props.theme.grid.unit * 2}px;
-  margin-top: ${(props) => props.theme.grid.unit * 4}px;
-  background: ${(props) => props.theme.colors.background.secondary};
-  padding: ${(props) => props.theme.grid.unit * 6}px;
-`;
-const Line = styled_components_1.default.hr `
-  margin: 5px 0 0 0;
-  flex: 1;
-  border: 1px dashed #c9c9c9;
-`;
-const Spacer = styled_components_1.default.div `
-  flex: auto;
-`;
-exports.MediumTextArea = (0, styled_components_1.default)(__1.TextArea) `
-  padding: 8px;
-  font-size: 1em;
-`;

package/dist/cjs/components/EditorHeader/ProceedView.js

@@ -1,195 +0,0 @@
-"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.ProceedView = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const __1 = require("../..");
-const AlertMessage_1 = require("../AlertMessage");
-const EditorHeader_1 = require("./EditorHeader");
-const DropdownWrapper = ({ disabled, button, primary, children }) => {
-    const { isOpen, toggleOpen, wrapperRef } = (0, __1.useDropdown)();
-    return (react_1.default.createElement(__1.NavDropdownContainer, { id: 'user-dropdown', ref: wrapperRef },
-        react_1.default.createElement(__1.NavDropdownButton, { as: (primary && __1.PrimaryButton) || undefined, disabled: disabled, isOpen: isOpen, onClick: toggleOpen }, button),
-        isOpen && react_1.default.createElement(__1.NavDropdown, { direction: "left" }, children)));
-};
-const StepDetails = ({ icon, label, description, role }) => (react_1.default.createElement(react_1.default.Fragment, null,
-    icon && react_1.default.createElement(TaskStatus, null, icon),
-    react_1.default.createElement(TaskContainer, null,
-        react_1.default.createElement(__1.PrimaryBoldHeading, null, label),
-        react_1.default.createElement(__1.SecondarySmallText, null, description),
-        react_1.default.createElement(__1.SecondarySmallText, null,
-            "Actor: ",
-            role.label))));
-const ProceedView = ({ currentStepTransition, onTransitionClick, disable, dialogData, previousStepType, currentStepType, isAnnotator, isProofer, hasPendingSuggestions, onCancelClick, continueDialogAction, message: Message, }) => {
-    const dialogMessages = (0, react_1.useMemo)(() => hasPendingSuggestions &&
-        !isAnnotator &&
-        !isProofer &&
-        dialogData.state !== __1.DialogState.SUCCESS
-        ? {
-            header: 'The task can not be transitioned to the next step',
-            message: `There are still pending suggestions in the document.
-                It is not possible to complete the task without having them approved or rejected.`,
-            actions: {
-                primary: {
-                    action: onCancelClick,
-                    title: 'Ok',
-                },
-                onClose: onCancelClick,
-            },
-        }
-        : dialogData.state === __1.DialogState.SUCCESS
-            ? {
-                header: 'Content reassigned successfully',
-                message: `to the ${currentStepType.label}`,
-                actions: {
-                    primary: {
-                        action: onCancelClick,
-                        title: 'Close',
-                    },
-                    onClose: onCancelClick,
-                },
-            }
-            : {
-                header: 'Are you sure?',
-                message: 'You are about to complete your task. If you confirm, you will no longer be able to make any changes.',
-                actions: {
-                    primary: {
-                        action: continueDialogAction,
-                        title: 'Continue',
-                    },
-                    secondary: {
-                        action: onCancelClick,
-                        title: 'Cancel',
-                    },
-                    onClose: onCancelClick,
-                },
-            }, [
-        dialogData,
-        continueDialogAction,
-        onCancelClick,
-        currentStepType,
-        hasPendingSuggestions,
-        isAnnotator,
-        isProofer,
-    ]);
-    const prevDialogMsgs = (0, react_1.useRef)();
-    const prevDialogueState = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
-        prevDialogMsgs.current = dialogMessages;
-        prevDialogueState.current = dialogData.state;
-    }, [dialogData.state]);
-    const messages = dialogData.state === __1.DialogState.CLOSED && prevDialogMsgs.current
-        ? prevDialogMsgs.current
-        : dialogMessages;
-    const finalState = dialogData.state === __1.DialogState.CLOSED && prevDialogueState.current
-        ? prevDialogueState.current
-        : dialogData.state;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        (currentStepTransition && (currentStepTransition === null || currentStepTransition === void 0 ? void 0 : currentStepTransition.length) > 1 && (react_1.default.createElement(DropdownWrapper, { button: 'Complete task', disabled: disable, primary: true },
-            react_1.default.createElement(TaskDropdown, null, currentStepTransition &&
-                currentStepTransition.map((transition, index) => (react_1.default.createElement(Task, { key: 'task_' + transition.type.id, className: transition.status.id === 'success' ? 'happyPath' : '', value: index, onClick: onTransitionClick },
-                    react_1.default.createElement("strong", null, transition.type.label),
-                    transition.type.description))))))) || (react_1.default.createElement(EditorHeader_1.PrimaryButtonSmall, { value: 0, onClick: onTransitionClick, disabled: disable }, "Complete task")),
-        finalState === __1.DialogState.LOADING && (react_1.default.createElement(__1.LoadingOverlay, null,
-            react_1.default.createElement(Message, { isCentered: true }, "Proceeding with your submission\u2026"))),
-        react_1.default.createElement(__1.Dialog, { isOpen: dialogData.state !== __1.DialogState.CLOSED &&
-                dialogData.state !== __1.DialogState.LOADING, category: __1.Category.confirmation, header: messages.header, message: messages.message, actions: messages.actions },
-            finalState === __1.DialogState.SUCCESS && (react_1.default.createElement(Grid, null,
-                previousStepType && (react_1.default.createElement(StepDetails, Object.assign({}, previousStepType, { icon: react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(__1.TaskStepDoneIcon, null),
-                        react_1.default.createElement(Line, null)) }))),
-                react_1.default.createElement(StepDetails, Object.assign({}, currentStepType)))),
-            finalState === __1.DialogState.ERROR && (react_1.default.createElement(AlertMessage_1.AlertMessage, { type: AlertMessage_1.AlertMessageType.error, hideCloseButton: true }, dialogData.error)))));
-};
-exports.ProceedView = ProceedView;
-const TaskDropdown = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  padding: ${(props) => props.theme.grid.unit * 2}px 0;
-`;
-const Task = styled_components_1.default.button `
-  background: transparent;
-  border: none;
-  color: ${(props) => props.theme.colors.text.secondary};
-  cursor: pointer;
-  font: ${(props) => props.theme.font.weight.normal}
-    ${(props) => props.theme.font.size.small} /
-    ${(props) => props.theme.font.lineHeight.normal}
-    ${(props) => props.theme.font.family.sans};
-  order: 1;
-  outline: none;
-  padding: ${(props) => props.theme.grid.unit * 2}px
-    ${(props) => props.theme.grid.unit * 4}px;
-  text-align: left;
-  width: ${(props) => props.theme.grid.unit * 66}px;
-
-  &:not([disabled]):hover,
-  &:not([disabled]):focus {
-    background-color: ${(props) => props.theme.colors.button.default.background.hover};
-  }
-
-  strong {
-    color: ${(props) => props.theme.colors.text.primary};
-    display: block;
-    font-size: ${(props) => props.theme.font.size.normal};
-    line-height: ${(props) => props.theme.font.lineHeight.normal};
-  }
-
-  &.happyPath {
-    border-bottom: 1px solid ${(props) => props.theme.colors.border.tertiary};
-    order: 0;
-  }
-`;
-const TextAreaWrapper = styled_components_1.default.div `
-  margin-top: ${(props) => props.theme.grid.unit * 4}px;
-`;
-const Grid = styled_components_1.default.div `
-  display: grid;
-  grid-template-columns: max-content auto;
-  gap: 0 ${(props) => props.theme.grid.unit * 2}px;
-  margin-top: ${(props) => props.theme.grid.unit * 4}px;
-  background: ${(props) => props.theme.colors.background.secondary};
-  padding: ${(props) => props.theme.grid.unit * 6}px;
-`;
-const Line = styled_components_1.default.hr `
-  margin: 5px 0 0 0;
-  flex: 1;
-  border: 1px dashed #c9c9c9;
-`;
-const TaskStatus = styled_components_1.default.div `
-  grid-column: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding-top: 5px;
-`;
-const TaskContainer = styled_components_1.default.div `
-  grid-column: 2;
-  margin-bottom: 8px;
-`;

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

@@ -1,134 +0,0 @@
-"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-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;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const use_dropdown_1 = require("../../hooks/use-dropdown");
-const Dialog_1 = require("../Dialog");
-const Dropdown_1 = require("../Dropdown");
-const icons_1 = require("../icons");
-const FileManager_1 = require("./FileManager");
-const FileActions = ({ sectionType, handleDownload, handleReplace, handleDetach, move, className, }) => {
-    const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
-    const { isOpen, toggleOpen, wrapperRef } = (0, use_dropdown_1.useDropdown)();
-    const [isMoveDialogOpen, setMoveDialogOpen] = (0, react_1.useState)(false);
-    const showDownload = (can === null || can === void 0 ? void 0 : can.downloadFiles) && handleDownload;
-    const showReplace = (can === null || can === void 0 ? void 0 : can.replaceFile) && handleReplace;
-    const showDetach = (can === null || can === void 0 ? void 0 : can.editArticle) && handleDetach;
-    const showMove = (can === null || can === void 0 ? void 0 : can.moveFile) && move;
-    const show = showDownload || showReplace || showDetach || showMove;
-    const fileInputRef = (0, react_1.useRef)(null);
-    const handleChange = (event) => __awaiter(void 0, void 0, void 0, function* () {
-        if (handleReplace && event && event.target && event.target.files) {
-            const file = event.target.files[0];
-            yield handleReplace(file);
-        }
-    });
-    const openFileDialog = () => {
-        if (fileInputRef && fileInputRef.current) {
-            fileInputRef.current.click();
-        }
-    };
-    return show ? (react_1.default.createElement(Dropdown_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(icons_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: handleDownload }, "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: handleDetach }, "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 })))) : (react_1.default.createElement(react_1.default.Fragment, null));
-};
-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 = () => __awaiter(void 0, void 0, void 0, function* () {
-        yield handleMove();
-        close();
-    });
-    return (react_1.default.createElement(Dialog_1.Dialog, { isOpen: isOpen, category: Dialog_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)(Dropdown_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;
-  }
-`;

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

@@ -1,39 +0,0 @@
-"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;
-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;
-  }
-`;

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

@@ -1,25 +0,0 @@
-"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 date_fns_1 = require("date-fns");
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Tooltip_1 = require("../Tooltip");
-const FileCreatedDate = ({ file, className }) => {
-    return file.createdDate ? (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(Tooltip_1.Tooltip, { id: `${file.id}-created-date-tooltip`, place: "bottom" }, "File Uploaded"))) : (react_1.default.createElement(react_1.default.Fragment, null));
-};
-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;
-`;

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

@@ -1,60 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileManager = exports.PermissionsContext = void 0;
-const react_1 = __importStar(require("react"));
-const index_1 = require("../../index");
-const Inspector_1 = require("../Inspector");
-const InspectorSection_1 = require("../InspectorSection");
-const Tooltip_1 = require("../Tooltip");
-const FileManagerDragLayer_1 = require("./FileManagerDragLayer");
-const FileManagerProvider_1 = require("./FileManagerProvider");
-const InlineFilesSection_1 = require("./InlineFilesSection");
-const OtherFilesSection_1 = require("./OtherFilesSection");
-const SupplementsSection_1 = require("./SupplementsSection");
-exports.PermissionsContext = (0, react_1.createContext)(null);
-const FileManager = ({ files, fileManagement, modelMap, saveModel, deleteModel, enableDragAndDrop, can, }) => {
-    const { inlineFiles, supplements, otherFiles } = (0, index_1.useFiles)(modelMap, files);
-    return (react_1.default.createElement(FileManagerProvider_1.FileManagerProvider, { saveModel: saveModel, deleteModel: deleteModel, modelMap: modelMap, fileManagement: fileManagement },
-        react_1.default.createElement(FileManagerDragLayer_1.FileManagerDragLayer, null),
-        react_1.default.createElement(exports.PermissionsContext.Provider, { value: can },
-            react_1.default.createElement(InspectorSection_1.InspectorSection, { title: 'Files', contentStyles: { margin: '24px 16px' } },
-                react_1.default.createElement(Inspector_1.InspectorTabs, { defaultIndex: 0, "data-cy": "files-tabs", style: { overflow: 'visible' } },
-                    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(Tooltip_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(Tooltip_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(Tooltip_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: inlineFiles, isEditor: enableDragAndDrop })),
-                        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: otherFiles }))))))));
-};
-exports.FileManager = FileManager;