@manuscripts/style-guide 1.3.2-LEAN-2859-2 → 1.3.2-LEAN-2880-1

package/dist/es/lib/inlineFiles.js

@@ -0,0 +1,90 @@
+import { ObjectTypes, } from '@manuscripts/json-schema';
+import { hasObjectType } from '@manuscripts/transform';
+import { FileType } from '../components/FileManager/util';
+const getFigureData = (element, modelMap, attachmentsMap) => {
+    const attachments = [];
+    element.containedObjectIDs.map((id) => {
+        const object = modelMap.get(id);
+        if (object && object.objectType === ObjectTypes.Figure) {
+            const figure = object;
+            if (figure.src) {
+                const attachment = attachmentsMap.get(figure.src.replace('attachment:', ''));
+                if (attachment) {
+                    attachment.modelId = id;
+                    attachments.push(attachment);
+                }
+            }
+        }
+    });
+    return {
+        id: element._id,
+        attachments,
+    };
+};
+export default (modelMap, attachments) => {
+    const files = [];
+    const attachmentsMap = new Map(attachments.map((attachment) => [attachment.id, attachment]));
+    const { graphicalAbstractFigureId, figureElement } = getAuxiliaryObjects(modelMap);
+    if (graphicalAbstractFigureId) {
+        const element = modelMap.get(graphicalAbstractFigureId);
+        files.unshift(Object.assign(Object.assign({}, getFigureData(element, modelMap, attachmentsMap)), { label: `Graphical Abstract`, type: FileType.GraphicalAbstract }));
+    }
+    figureElement.map((id, index) => {
+        const element = modelMap.get(id);
+        files.push(Object.assign(Object.assign({}, getFigureData(element, modelMap, attachmentsMap)), { label: `Figure ${index + 1}`, type: FileType.Figure }));
+    });
+    return files;
+};
+const getAuxiliaryObjects = (modelMap) => {
+    var _a, _b;
+    let graphicalAbstractFigureId, figureElementIds = [];
+    const tableElementIds = [], orderObjects = {};
+    for (const model of modelMap.values()) {
+        switch (model.objectType) {
+            case ObjectTypes.Section: {
+                const section = model;
+                if (section.category === 'MPSectionCategory:abstract-graphical') {
+                    graphicalAbstractFigureId = (_a = section.elementIDs) === null || _a === void 0 ? void 0 : _a.find((id) => {
+                        const obj = modelMap.get(id);
+                        return obj && hasObjectType(ObjectTypes.FigureElement)(obj);
+                    });
+                }
+                else {
+                    (_b = section.elementIDs) === null || _b === void 0 ? void 0 : _b.map((elementId) => {
+                        const element = modelMap.get(elementId);
+                        if (!element) {
+                            return;
+                        }
+                        switch (element.objectType) {
+                            case ObjectTypes.FigureElement:
+                                figureElementIds.push(element._id);
+                                break;
+                            case ObjectTypes.TableElement:
+                                tableElementIds.push(element._id);
+                                break;
+                        }
+                    });
+                }
+                break;
+            }
+            case ObjectTypes.ElementsOrder: {
+                const elementsOrder = model;
+                orderObjects[elementsOrder.elementType] = elementsOrder;
+            }
+        }
+    }
+    if (graphicalAbstractFigureId) {
+        figureElementIds = figureElementIds.filter((id) => id != graphicalAbstractFigureId);
+    }
+    return {
+        graphicalAbstractFigureId,
+        figureElement: sortAuxiliaryObject(figureElementIds, orderObjects[ObjectTypes.FigureElement]),
+        tableElement: sortAuxiliaryObject(tableElementIds, orderObjects[ObjectTypes.TableElement]),
+    };
+};
+const sortAuxiliaryObject = (auxiliaryObjectIds, orderObject) => {
+    if (!orderObject) {
+        return auxiliaryObjectIds;
+    }
+    return auxiliaryObjectIds.sort((a, b) => orderObject.elements.indexOf(a) - orderObject.elements.indexOf(b));
+};

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

@@ -0,0 +1,12 @@
+import React, { Dispatch } from 'react';
+import { Action } from './FileSectionState';
+export declare const ConfirmationPopUp: React.FC<{
+    popupHeader: string;
+    popUpMessage: string;
+    isOpen: boolean;
+    handleClose: () => void;
+    handleMove: () => void;
+}>;
+export declare const MoveFilePopup: React.FC<{
+    dispatch: Dispatch<Action>;
+}>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const DragItemArea: React.FC<{
+    text: string;
+}>;

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

@@ -1,31 +1,22 @@
 import { Model } from '@manuscripts/json-schema';
 import { Build } from '@manuscripts/transform';
 import React from 'react';
-import { FileSectionType } from '../../index';
 import { Capabilities } from '../../lib/capabilities';
-import { FileAttachment } from '../../lib/files';
-export type Upload = (file: File) => Promise<FileAttachment>;
-export type Download = (file: FileAttachment) => void;
-export type PreviewLink = (file: FileAttachment) => string | undefined;
-export type Replace = (file: File) => Promise<void>;
-export type Move = {
-    sectionType: FileSectionType;
-    handler: () => Promise<void>;
-};
+import { FileAttachment } from './FileSectionItem/FileSectionItem';
+export type Upload = (file: File) => Promise<boolean | FileAttachment | undefined>;
+export type Replace = (attachmentId: string, name: string, file: File) => Promise<boolean | FileAttachment | undefined>;
 export interface FileManagement {
+    getAttachments: () => FileAttachment[];
     upload: Upload;
-    download: Download;
-    previewLink: PreviewLink;
+    replace: Replace;
 }
-export type SaveModel = <T extends Model>(model: T | Build<T> | Partial<T>) => Promise<T>;
-export type DeleteModel = (id: string) => Promise<string>;
 export declare const PermissionsContext: React.Context<Capabilities | null>;
 export declare const FileManager: React.FC<{
-    files: FileAttachment[];
     fileManagement: FileManagement;
     modelMap: Map<string, Model>;
-    saveModel: SaveModel;
-    deleteModel: DeleteModel;
+    saveModel: <T extends Model>(model: T | Build<T> | Partial<T>) => Promise<T>;
+    deleteModel: (id: string) => Promise<string>;
     enableDragAndDrop: boolean;
     can: Capabilities;
+    addAttachmentToState?: (a: FileAttachment) => void;
 }>;

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

@@ -1,15 +1,25 @@
 import { Model } from '@manuscripts/json-schema';
-import React from 'react';
-import { DeleteModel, FileManagement, SaveModel } from './FileManager';
+import { Build } from '@manuscripts/transform';
+import React, { Dispatch, SetStateAction } from 'react';
+import { FileAttachment } from './FileSectionItem/FileSectionItem';
+import { FileSectionType } from './util';
+type MoveFilePopup = {
+    isOpen: boolean;
+    fileSection?: FileSectionType;
+    attachmentId?: string;
+};
 export declare const FileManagerContext: React.Context<{
-    saveModel: SaveModel;
-    deleteModel: DeleteModel;
+    saveModel: <T extends Model>(model: T | Build<T> | Partial<T>) => Promise<T>;
+    deleteModel: (id: string) => Promise<string>;
     modelMap: Map<string, Model>;
-    fileManagement: FileManagement;
+    getAttachments: () => FileAttachment[];
+    moveFilePopup: MoveFilePopup;
+    setMoveFilePopupData: Dispatch<SetStateAction<MoveFilePopup>>;
 }>;
 export declare const FileManagerProvider: React.FC<{
-    saveModel: SaveModel;
-    deleteModel: DeleteModel;
+    saveModel: <T extends Model>(model: T | Build<T> | Partial<T>) => Promise<T>;
+    deleteModel: (id: string) => Promise<string>;
     modelMap: Map<string, Model>;
-    fileManagement: FileManagement;
+    getAttachments: () => FileAttachment[];
 }>;
+export {};

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { FileSectionItemProps } from './FileSectionItem';
+export declare const DraggableFileSectionItem: React.FC<FileSectionItemProps>;

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

@@ -0,0 +1,19 @@
+import React, { Dispatch } from 'react';
+import { Action } from '../FileSectionState';
+export declare const FileInfo: React.FC<{
+    showAttachmentName: boolean;
+    title: string;
+    fileAttachmentName: string;
+    fileExtension: string;
+    attachmentId: string;
+    fileCreatedDate: Date;
+    dispatch?: Dispatch<Action>;
+}>;
+export declare const FileDateContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileInfoContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileNameTitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileNameContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileName: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileDate: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,38 @@
+import React, { CSSProperties, Dispatch } from 'react';
+import { DragElementWrapper, DragSourceOptions } from 'react-dnd';
+import { Maybe } from '../../SubmissionInspector/types';
+import { Replace } from '../FileManager';
+import { Action } from '../FileSectionState';
+import { FileSectionType } from '../util';
+export type FileAttachment = {
+    id: string;
+    name: string;
+    type: FileAttachmentType;
+    link: string;
+    createdDate: Date;
+};
+export type FileAttachmentType = {
+    id: string;
+    label?: Maybe<string> | undefined;
+};
+export interface FileSectionItemProps {
+    externalFile: FileAttachment;
+    fileSection: FileSectionType;
+    title: string;
+    showAttachmentName?: boolean;
+    showActions?: boolean;
+    showReplaceAction?: boolean;
+    handleDownload?: (url: string) => void;
+    handleReplace?: Replace;
+    handleSupplementReplace?: (attachment: FileAttachment, oldAttachmentId: string) => void;
+    dispatch?: Dispatch<Action>;
+    dragRef?: DragElementWrapper<DragSourceOptions>;
+    className?: string;
+    style?: CSSProperties;
+    onClose?: () => void;
+    isEditor?: boolean;
+}
+export declare const FileSectionItem: React.FC<FileSectionItemProps>;
+export declare const ActionsIcon: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const Item: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,12 @@
+import React, { CSSProperties } from 'react';
+import { DragElementWrapper, DragSourceOptions } from 'react-dnd';
+export interface FileSectionItemProps {
+    fileName: string;
+    isLoading: boolean;
+    dragRef?: DragElementWrapper<DragSourceOptions>;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const FileSectionUploadItem: React.FC<FileSectionItemProps>;
+export declare const UploadItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ProgressBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/types/components/FileManager/{FileTypeIcon.d.ts → FileSectionItem/FileTypeIcon.d.ts}

@@ -1,5 +1,6 @@
 import React from 'react';
-import { FileAttachment } from '../../lib/files';
 export declare const FileTypeIcon: React.FC<{
-    file: FileAttachment;
+    withDot: boolean;
+    fileExtension?: string;
+    alt?: string;
 }>;

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

@@ -0,0 +1,21 @@
+import React, { Dispatch } from 'react';
+import { Replace } from '../FileManager';
+import { Action } from '../FileSectionState';
+import { FileSectionType } from '../util';
+import { FileAttachment } from './FileSectionItem';
+export declare const ItemActions: React.FC<{
+    fileSection: FileSectionType;
+    isMainManuscript?: boolean;
+    downloadAttachmentHandler: (url: string) => void;
+    replaceAttachmentHandler: Replace;
+    detachAttachmnetHandler?: () => void;
+    handleUpdateInline?: (attachment: FileAttachment) => void;
+    handleSupplementReplace?: (attachment: FileAttachment, oldAttachmentId: string) => void;
+    attachmentId: string;
+    fileName: string;
+    publicUrl: string | undefined;
+    hideActionList: (e?: React.MouseEvent) => void;
+    dispatch?: Dispatch<Action>;
+    dropDownClassName?: string;
+    showReplaceAction?: boolean;
+}>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ProgressBarUploadItem: React.FC;
+export declare const LinearProgress: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Bar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,38 @@
+import { FileSectionType } from './util';
+export declare const getInitialState: () => State;
+export interface State {
+    uploadedFile: File | undefined;
+    isUploadFile: boolean;
+    moveToOtherState: {
+        typeId: string;
+        name: string;
+    } | undefined;
+    fileUploadedSuccessfullySection: FileSectionType | undefined;
+    successMessage: string;
+    isShowSuccessMessage: boolean;
+    currentSection: FileSectionType | undefined;
+}
+declare enum ActionTypes {
+    UPLOAD_FILE = "UploadFile",
+    MOVE_FILE = "moveFile",
+    HANDLE_CANCEL_UPLOAD = "handleCancel",
+    HANDLE_UPLOAD_ACTION = "handleUpload",
+    HANDLE_FINISH_UPLOAD = "handleFinishUpload",
+    HANDLE_SUCCESS_MESSAGE = "handleSuccessMessage",
+    HANDLE_SUCCESS_MESSAGE_DISMISS = "handleSuccessMessageDismiss"
+}
+export declare const reducer: (state: State, action: Action) => State;
+export interface Action {
+    type: ActionTypes;
+    [key: string]: any;
+}
+export declare const actions: {
+    UPLOAD_FILE: (uploadFile: File, sectionType: FileSectionType) => Action;
+    HANDLE_UPLOAD_ACTION: () => Action;
+    HANDLE_CANCEL_UPLOAD: () => Action;
+    MOVE_FILE: (attachmentId: string, typeId: string, name: string, successMoveMessage: string) => Action;
+    HANDLE_FINISH_UPLOAD: () => Action;
+    HANDLE_SUCCESS_MESSAGE: (successMessage: string, sectionType?: FileSectionType) => Action;
+    HANDLE_SUCCESS_MESSAGE_DISMISS: () => Action;
+};
+export {};

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

@@ -0,0 +1,12 @@
+import React, { Dispatch } from 'react';
+import { Upload } from './FileManager';
+import { Action, State } from './FileSectionState';
+import { FileSectionType } from './util';
+export declare const FilesSection: React.FC<{
+    enableDragAndDrop: boolean;
+    handleUpload: Upload;
+    fileSection: FileSectionType;
+    filesItem: JSX.Element[];
+    dispatch: Dispatch<Action>;
+    state: State;
+}>;

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

@@ -1,6 +1,22 @@
-import React from 'react';
-import { ElementFiles } from '../../lib/files';
+import React, { Dispatch } from 'react';
+import { Replace } from './FileManager';
+import { FileAttachment } from './FileSectionItem/FileSectionItem';
+import { Action } from './FileSectionState';
+import { FileType } from './util';
 export declare const InlineFilesSection: React.FC<{
-    elements: ElementFiles[];
+    inlineFiles: {
+        id: string;
+        label: string;
+        type: FileType;
+        caption?: string;
+        attachments?: FileAttachment[];
+    }[];
+    handleReplace: Replace;
+    handleDownload: (url: string) => void;
+    handleUpdateInline?: (modelId: string, attachment: FileAttachment) => void;
+    handleDetachFile?: (attachmentLink: string, modelId: string) => void;
     isEditor: boolean;
+    dispatch: Dispatch<Action>;
 }>;
+export declare const FileDateContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileDate: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,4 @@
+export declare const ActionsBox: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const ActionsItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const ActionsLabel: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const ActionsSeparator: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1 @@
+export declare const TooltipDiv: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,9 @@
+import React, { Dispatch } from 'react';
+import { Upload } from './FileManager';
+import { Action } from './FileSectionState';
+import { FileSectionType } from './util';
+export declare const UploadFileArea: React.FC<{
+    handleUploadFile: Upload;
+    fileSection: FileSectionType;
+    dispatch: Dispatch<Action>;
+}>;

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

@@ -1,8 +1,8 @@
-import { FileAttachment } from '../../lib/files';
+import { FileAttachment } from './FileSectionItem/FileSectionItem';
 export declare enum FileSectionType {
-    Inline = "Inline files",
-    Supplements = "Supplements",
-    OtherFile = "Other files"
+    Inline = 0,
+    Supplements = 1,
+    OtherFile = 2
 }
 export declare enum FileType {
     Image = 0,
@@ -18,7 +18,11 @@ export declare enum FileType {
     Figure = 10,
     GraphicalAbstract = 11
 }
-export declare const getFileType: (file: FileAttachment) => FileType | undefined;
-export declare const getFileIcon: (file: FileAttachment) => JSX.Element | undefined;
-export declare const getFileTypeIcon: (type: FileType) => JSX.Element | undefined;
-export declare const isImageFile: (file: FileAttachment) => boolean;
+export declare const extensionsWithFileTypesMap: Map<string, FileType>;
+export declare const fileTypesWithTitlesMap: Map<FileType | undefined, string>;
+export declare const fileTypesWithIconMap: Map<FileType | undefined, JSX.Element>;
+export declare const generateAttachmentsTitles: (externalFiles: FileAttachment[], fileSectionType: FileSectionType) => Array<{
+    title: string;
+    externalFile: FileAttachment;
+}>;
+export declare const droppableSections: FileSectionType[];

package/dist/types/hooks/use-files.d.ts

@@ -1,8 +1,10 @@
 import { Model } from '@manuscripts/json-schema';
-import { ElementFiles, FileAttachment, ModelFile } from '../lib/files';
-export declare const useFiles: (modelMap: Map<string, Model>, files: FileAttachment[]) => {
-    inlineFiles: ElementFiles[];
-    supplements: ModelFile[];
+import { FileAttachment } from '../components/FileManager/FileSectionItem/FileSectionItem';
+import { InlineFile } from '../lib/inlineFiles';
+type FilePredicate = (fileName: string) => boolean;
+export declare const useFiles: (modelMap: Map<string, Model>, attachments: FileAttachment[], filePredicate?: FilePredicate) => {
     otherFiles: FileAttachment[];
+    supplementFiles: FileAttachment[];
+    inlineFiles: InlineFile[];
 };
 export default useFiles;

package/dist/types/index.d.ts

@@ -32,6 +32,7 @@ export * from './components/Checkbox';
 export * from './components/Form';
 export * from './components/FileManager';
 export * from './components/FileManager/util';
+export * from './components/FileManager/FileSectionItem/FileSectionItem';
 export * from './components/Resizer';
 export * from './components/SaveStatus';
 export * from './components/SimpleModal';
@@ -49,11 +50,10 @@ export * from './components/NavDropdown';
 export * from './components/SubmissionInspector';
 export * from './components/Dropdown';
 export * from './hooks/use-dropdown';
-export * from './hooks/use-files';
+export { useFiles } from './hooks/use-files';
 export { useDeepCompareMemo, useDeepCompareCallback, } from './hooks/use-deep-compare';
 export * from './lib/authors';
 export * from './lib/capabilities';
-export * from './lib/files';
 export { default as errorsDecoder } from './lib/errors-decoder';
 export * from './types';
 export * from './components/LoadingOverlay';

package/dist/types/lib/inlineFiles.d.ts

@@ -0,0 +1,11 @@
+import { Model } from '@manuscripts/json-schema';
+import { FileAttachment } from '../components/FileManager/FileSectionItem/FileSectionItem';
+import { FileType } from '../components/FileManager/util';
+export type InlineFile = {
+    id: string;
+    label: string;
+    type: FileType;
+    attachments?: FileAttachment[];
+};
+declare const _default: (modelMap: Map<string, Model>, attachments: FileAttachment[]) => InlineFile[];
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.3.2-LEAN-2859-2",
+  "version": "1.3.2-LEAN-2880-1",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -36,7 +36,7 @@
     "@formatjs/intl-relativetimeformat": "^4.5.9",
     "@formatjs/intl-utils": "^2.2.0",
     "@manuscripts/assets": "^0.6.2",
-    "@manuscripts/transform": "^1.3.12",
+    "@manuscripts/transform": "1.3.12-LEAN-2880-6",
     "@manuscripts/json-schema": "^2.1.2",
     "@manuscripts/title-editor": "^1.1.0",
     "@manuscripts/comment-editor": "^1.0.3",

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

@@ -1,135 +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 dots_icon_1 = __importDefault(require("../icons/dots-icon"));
-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.editArticle) && 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", "aria-label": "Actions", "aria-pressed": isOpen },
-            react_1.default.createElement(dots_icon_1.default, null)),
-        isOpen && (react_1.default.createElement(exports.FileActionDropdownList, { 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, { 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 `
-  visibility: hidden;
-  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;
-  }
-`;