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

package/dist/cjs/index.js

@@ -42,8 +42,6 @@ __exportStar(require("./components/Avatar"), exports);
 __exportStar(require("./components/Dialog"), exports);
 __exportStar(require("./components/Checkbox"), exports);
 __exportStar(require("./components/Form"), exports);
-__exportStar(require("./components/FileManager"), exports);
-__exportStar(require("./components/FileManager/util"), exports);
 __exportStar(require("./components/Resizer"), exports);
 __exportStar(require("./components/SaveStatus"), exports);
 __exportStar(require("./components/StyledModal"), exports);
@@ -68,7 +66,6 @@ __exportStar(require("./components/RelativeDate"), exports);
 __exportStar(require("./components/Menus"), exports);
 __exportStar(require("./components/SelectField"), exports);
 __exportStar(require("./hooks/use-dropdown"), exports);
-__exportStar(require("./hooks/use-files"), exports);
 __exportStar(require("./hooks/use-menus"), exports);
 __exportStar(require("./hooks/use-scroll-detection"), exports);
 var use_deep_compare_1 = require("./hooks/use-deep-compare");

package/dist/cjs/lib/files.js

@@ -1,84 +1,132 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSupplements = exports.getInlineFiles = exports.isModelFile = void 0;
-const json_schema_1 = require("@manuscripts/json-schema");
-const util_1 = require("../components/FileManager/util");
-const isModelFile = (file) => {
-    return file.modelId;
-};
-exports.isModelFile = isModelFile;
-const MISSING_FILE = {
-    id: '',
-    name: 'Missing file',
-    type: {
-        id: 'missing',
-    },
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-const getFile = (files, id) => {
-    return files.filter((f) => f.id === id)[0] || MISSING_FILE;
-};
-const getFigureFiles = (element, modelMap, files) => {
-    const figureFiles = [];
-    element.containedObjectIDs.map((id) => {
-        const model = modelMap.get(id);
-        if (model && model.objectType === json_schema_1.ObjectTypes.Figure) {
-            const figure = model;
-            if (figure.src) {
-                figureFiles.push(Object.assign(Object.assign({}, getFile(files, figure.src)), { modelId: figure._id }));
-            }
-        }
-    });
-    return figureFiles;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isImageFile = exports.getFileTypeIcon = exports.getFileIcon = exports.getFileType = exports.FileType = void 0;
+const react_1 = __importDefault(require("react"));
+const icons_1 = require("../components/icons");
+var FileType;
+(function (FileType) {
+    FileType[FileType["Image"] = 0] = "Image";
+    FileType[FileType["Audio"] = 1] = "Audio";
+    FileType[FileType["Video"] = 2] = "Video";
+    FileType[FileType["PlainDocument"] = 3] = "PlainDocument";
+    FileType[FileType["SheetsWorkbooks"] = 4] = "SheetsWorkbooks";
+    FileType[FileType["Latex"] = 5] = "Latex";
+    FileType[FileType["CodeFile"] = 6] = "CodeFile";
+    FileType[FileType["PdfFile"] = 7] = "PdfFile";
+    FileType[FileType["CompressedFile"] = 8] = "CompressedFile";
+    FileType[FileType["PlainText"] = 9] = "PlainText";
+    FileType[FileType["Figure"] = 10] = "Figure";
+    FileType[FileType["GraphicalAbstract"] = 11] = "GraphicalAbstract";
+})(FileType = exports.FileType || (exports.FileType = {}));
+const extension2type = new Map([
+    ['png', FileType.Image],
+    ['jpg', FileType.Image],
+    ['jpeg', FileType.Image],
+    ['jfif', FileType.Image],
+    ['gif', FileType.Image],
+    ['svg', FileType.Image],
+    ['tif', FileType.Image],
+    ['tiff', FileType.Image],
+    ['mp3', FileType.Audio],
+    ['wav', FileType.Audio],
+    ['wma', FileType.Audio],
+    ['flac', FileType.Audio],
+    ['avi', FileType.Video],
+    ['mp4', FileType.Video],
+    ['mov', FileType.Video],
+    ['wmv', FileType.Video],
+    ['doc', FileType.PlainDocument],
+    ['docx', FileType.PlainDocument],
+    ['rtf', FileType.PlainDocument],
+    ['xls', FileType.SheetsWorkbooks],
+    ['xlsx', FileType.SheetsWorkbooks],
+    ['xml', FileType.SheetsWorkbooks],
+    ['tex', FileType.Latex],
+    ['js', FileType.CodeFile],
+    ['py', FileType.CodeFile],
+    ['tsx', FileType.CodeFile],
+    ['html', FileType.CodeFile],
+    ['pdf', FileType.PdfFile],
+    ['zip', FileType.CompressedFile],
+    ['rar', FileType.CompressedFile],
+    ['arj', FileType.CompressedFile],
+    ['tar.gz', FileType.CompressedFile],
+    ['tgz', FileType.CompressedFile],
+    ['txt', FileType.PlainText],
+]);
+const type2icon = new Map([
+    [
+        FileType.Audio,
+        react_1.default.createElement(icons_1.FileAudioIcon, { key: FileType.Audio, className: "file-icon" }),
+    ],
+    [
+        FileType.Video,
+        react_1.default.createElement(icons_1.FileVideoIcon, { key: FileType.Video, className: "file-icon" }),
+    ],
+    [
+        FileType.PlainDocument,
+        react_1.default.createElement(icons_1.FileDocumentIcon, { key: FileType.PlainDocument, color: "#1A9BC7", className: "file-icon" }),
+    ],
+    [
+        FileType.SheetsWorkbooks,
+        react_1.default.createElement(icons_1.FileTableIcon, { key: FileType.SheetsWorkbooks, className: "file-icon" }),
+    ],
+    [
+        FileType.Latex,
+        react_1.default.createElement(icons_1.FileLatexIcon, { key: FileType.Latex, color: "#1A9BC7", className: "file-icon" }),
+    ],
+    [
+        FileType.CodeFile,
+        react_1.default.createElement(icons_1.FileCodeIcon, { key: FileType.CodeFile, className: "file-icon" }),
+    ],
+    [
+        FileType.PdfFile,
+        react_1.default.createElement(icons_1.FilePdfIcon, { key: FileType.PdfFile, className: "file-icon" }),
+    ],
+    [
+        FileType.CompressedFile,
+        react_1.default.createElement(icons_1.FileCompressedIcon, { key: FileType.CompressedFile, className: "file-icon" }),
+    ],
+    [
+        FileType.PlainText,
+        react_1.default.createElement(icons_1.FileDocumentIcon, { key: FileType.PlainText, color: "#FFBD26", className: "file-icon" }),
+    ],
+    [
+        FileType.Image,
+        react_1.default.createElement(icons_1.FileImageIcon, { key: FileType.Image, className: "file-icon" }),
+    ],
+    [
+        FileType.Figure,
+        react_1.default.createElement(icons_1.FileFigureIcon, { key: FileType.Figure, className: "file-icon" }),
+    ],
+    [
+        FileType.GraphicalAbstract,
+        react_1.default.createElement(icons_1.FileGraphicalAbstractIcon, { key: FileType.GraphicalAbstract, className: "file-icon" }),
+    ],
+    [undefined, react_1.default.createElement(icons_1.FileUnknownIcon, { key: undefined, className: "file-icon" })],
+]);
+const getFileType = (name) => {
+    const extension = getExtension(name);
+    return extension2type.get(extension.toLowerCase());
 };
-const getSupplementFiles = (supplement, files) => {
-    if (supplement.href) {
-        const href = supplement.href;
-        if (href) {
-            return [
-                Object.assign(Object.assign({}, getFile(files, href)), { modelId: supplement._id }),
-            ];
-        }
-    }
-    return [];
+exports.getFileType = getFileType;
+const getFileIcon = (name) => {
+    const type = (0, exports.getFileType)(name);
+    return type2icon.get(type);
 };
-const getInlineFiles = (modelMap, files) => {
-    var _a;
-    const elements = [];
-    const orders = getOrderByType(modelMap);
-    const sections = (0, json_schema_1.getModelsByType)(modelMap, json_schema_1.ObjectTypes.Section);
-    const graphicalAbstractElementIds = (_a = sections.filter((s) => s.category === 'MPSectionCategory:abstract-graphical')[0]) === null || _a === void 0 ? void 0 : _a.elementIDs;
-    graphicalAbstractElementIds === null || graphicalAbstractElementIds === void 0 ? void 0 : graphicalAbstractElementIds.map((id) => {
-        const figure = modelMap.get(id);
-        if (figure) {
-            elements.push({
-                modelId: id,
-                type: util_1.FileType.GraphicalAbstract,
-                label: 'Graphical Abstract',
-                files: getFigureFiles(figure, modelMap, files),
-            });
-        }
-    });
-    const figures = (0, json_schema_1.getModelsByType)(modelMap, json_schema_1.ObjectTypes.FigureElement);
-    const figureOrder = orders.get(json_schema_1.ObjectTypes.FigureElement);
-    if (figureOrder) {
-    }
-    figures === null || figures === void 0 ? void 0 : figures.filter((f) => !(graphicalAbstractElementIds === null || graphicalAbstractElementIds === void 0 ? void 0 : graphicalAbstractElementIds.includes(f._id))).map((figure, index) => ({
-        modelId: figure._id,
-        type: util_1.FileType.Figure,
-        label: `Figure ${index + 1}`,
-        files: getFigureFiles(figure, modelMap, files),
-    })).forEach((e) => elements.push(e));
-    return elements;
+exports.getFileIcon = getFileIcon;
+const getFileTypeIcon = (type) => {
+    return type2icon.get(type);
 };
-exports.getInlineFiles = getInlineFiles;
-const getSupplements = (modelMap, files) => {
-    const supplements = (0, json_schema_1.getModelsByType)(modelMap, json_schema_1.ObjectTypes.Supplement);
-    return supplements.flatMap((s) => getSupplementFiles(s, files));
+exports.getFileTypeIcon = getFileTypeIcon;
+const isImageFile = (name) => {
+    return (0, exports.getFileType)(name) === FileType.Image;
 };
-exports.getSupplements = getSupplements;
-const getOrderByType = (modelMap) => {
-    const groups = new Map();
-    const orders = (0, json_schema_1.getModelsByType)(modelMap, json_schema_1.ObjectTypes.ElementsOrder);
-    orders.forEach((o) => groups.set(o.elementType, o));
-    return groups;
+exports.isImageFile = isImageFile;
+const getExtension = (name) => {
+    const index = name.indexOf('.');
+    return index ? name.substring(index + 1) : '';
 };

package/dist/es/index.js

@@ -22,8 +22,6 @@ export * from './components/Avatar';
 export * from './components/Dialog';
 export * from './components/Checkbox';
 export * from './components/Form';
-export * from './components/FileManager';
-export * from './components/FileManager/util';
 export * from './components/Resizer';
 export * from './components/SaveStatus';
 export * from './components/StyledModal';
@@ -48,7 +46,6 @@ export * from './components/RelativeDate';
 export * from './components/Menus';
 export * from './components/SelectField';
 export * from './hooks/use-dropdown';
-export * from './hooks/use-files';
 export * from './hooks/use-menus';
 export * from './hooks/use-scroll-detection';
 export { useDeepCompareMemo, useDeepCompareCallback, } from './hooks/use-deep-compare';

package/dist/es/lib/files.js

@@ -1,78 +1,122 @@
-import { getModelsByType, ObjectTypes, } from '@manuscripts/json-schema';
-import { FileType } from '../components/FileManager/util';
-export const isModelFile = (file) => {
-    return file.modelId;
+import React from 'react';
+import { FileAudioIcon, FileCodeIcon, FileCompressedIcon, FileDocumentIcon, FileFigureIcon, FileGraphicalAbstractIcon, FileImageIcon, FileLatexIcon, FilePdfIcon, FileTableIcon, FileUnknownIcon, FileVideoIcon, } from '../components/icons';
+export var FileType;
+(function (FileType) {
+    FileType[FileType["Image"] = 0] = "Image";
+    FileType[FileType["Audio"] = 1] = "Audio";
+    FileType[FileType["Video"] = 2] = "Video";
+    FileType[FileType["PlainDocument"] = 3] = "PlainDocument";
+    FileType[FileType["SheetsWorkbooks"] = 4] = "SheetsWorkbooks";
+    FileType[FileType["Latex"] = 5] = "Latex";
+    FileType[FileType["CodeFile"] = 6] = "CodeFile";
+    FileType[FileType["PdfFile"] = 7] = "PdfFile";
+    FileType[FileType["CompressedFile"] = 8] = "CompressedFile";
+    FileType[FileType["PlainText"] = 9] = "PlainText";
+    FileType[FileType["Figure"] = 10] = "Figure";
+    FileType[FileType["GraphicalAbstract"] = 11] = "GraphicalAbstract";
+})(FileType || (FileType = {}));
+const extension2type = new Map([
+    ['png', FileType.Image],
+    ['jpg', FileType.Image],
+    ['jpeg', FileType.Image],
+    ['jfif', FileType.Image],
+    ['gif', FileType.Image],
+    ['svg', FileType.Image],
+    ['tif', FileType.Image],
+    ['tiff', FileType.Image],
+    ['mp3', FileType.Audio],
+    ['wav', FileType.Audio],
+    ['wma', FileType.Audio],
+    ['flac', FileType.Audio],
+    ['avi', FileType.Video],
+    ['mp4', FileType.Video],
+    ['mov', FileType.Video],
+    ['wmv', FileType.Video],
+    ['doc', FileType.PlainDocument],
+    ['docx', FileType.PlainDocument],
+    ['rtf', FileType.PlainDocument],
+    ['xls', FileType.SheetsWorkbooks],
+    ['xlsx', FileType.SheetsWorkbooks],
+    ['xml', FileType.SheetsWorkbooks],
+    ['tex', FileType.Latex],
+    ['js', FileType.CodeFile],
+    ['py', FileType.CodeFile],
+    ['tsx', FileType.CodeFile],
+    ['html', FileType.CodeFile],
+    ['pdf', FileType.PdfFile],
+    ['zip', FileType.CompressedFile],
+    ['rar', FileType.CompressedFile],
+    ['arj', FileType.CompressedFile],
+    ['tar.gz', FileType.CompressedFile],
+    ['tgz', FileType.CompressedFile],
+    ['txt', FileType.PlainText],
+]);
+const type2icon = new Map([
+    [
+        FileType.Audio,
+        React.createElement(FileAudioIcon, { key: FileType.Audio, className: "file-icon" }),
+    ],
+    [
+        FileType.Video,
+        React.createElement(FileVideoIcon, { key: FileType.Video, className: "file-icon" }),
+    ],
+    [
+        FileType.PlainDocument,
+        React.createElement(FileDocumentIcon, { key: FileType.PlainDocument, color: "#1A9BC7", className: "file-icon" }),
+    ],
+    [
+        FileType.SheetsWorkbooks,
+        React.createElement(FileTableIcon, { key: FileType.SheetsWorkbooks, className: "file-icon" }),
+    ],
+    [
+        FileType.Latex,
+        React.createElement(FileLatexIcon, { key: FileType.Latex, color: "#1A9BC7", className: "file-icon" }),
+    ],
+    [
+        FileType.CodeFile,
+        React.createElement(FileCodeIcon, { key: FileType.CodeFile, className: "file-icon" }),
+    ],
+    [
+        FileType.PdfFile,
+        React.createElement(FilePdfIcon, { key: FileType.PdfFile, className: "file-icon" }),
+    ],
+    [
+        FileType.CompressedFile,
+        React.createElement(FileCompressedIcon, { key: FileType.CompressedFile, className: "file-icon" }),
+    ],
+    [
+        FileType.PlainText,
+        React.createElement(FileDocumentIcon, { key: FileType.PlainText, color: "#FFBD26", className: "file-icon" }),
+    ],
+    [
+        FileType.Image,
+        React.createElement(FileImageIcon, { key: FileType.Image, className: "file-icon" }),
+    ],
+    [
+        FileType.Figure,
+        React.createElement(FileFigureIcon, { key: FileType.Figure, className: "file-icon" }),
+    ],
+    [
+        FileType.GraphicalAbstract,
+        React.createElement(FileGraphicalAbstractIcon, { key: FileType.GraphicalAbstract, className: "file-icon" }),
+    ],
+    [undefined, React.createElement(FileUnknownIcon, { key: undefined, className: "file-icon" })],
+]);
+export const getFileType = (name) => {
+    const extension = getExtension(name);
+    return extension2type.get(extension.toLowerCase());
 };
-const MISSING_FILE = {
-    id: '',
-    name: 'Missing file',
-    type: {
-        id: 'missing',
-    },
+export const getFileIcon = (name) => {
+    const type = getFileType(name);
+    return type2icon.get(type);
 };
-const getFile = (files, id) => {
-    return files.filter((f) => f.id === id)[0] || MISSING_FILE;
+export const getFileTypeIcon = (type) => {
+    return type2icon.get(type);
 };
-const getFigureFiles = (element, modelMap, files) => {
-    const figureFiles = [];
-    element.containedObjectIDs.map((id) => {
-        const model = modelMap.get(id);
-        if (model && model.objectType === ObjectTypes.Figure) {
-            const figure = model;
-            if (figure.src) {
-                figureFiles.push(Object.assign(Object.assign({}, getFile(files, figure.src)), { modelId: figure._id }));
-            }
-        }
-    });
-    return figureFiles;
+export const isImageFile = (name) => {
+    return getFileType(name) === FileType.Image;
 };
-const getSupplementFiles = (supplement, files) => {
-    if (supplement.href) {
-        const href = supplement.href;
-        if (href) {
-            return [
-                Object.assign(Object.assign({}, getFile(files, href)), { modelId: supplement._id }),
-            ];
-        }
-    }
-    return [];
-};
-export const getInlineFiles = (modelMap, files) => {
-    var _a;
-    const elements = [];
-    const orders = getOrderByType(modelMap);
-    const sections = getModelsByType(modelMap, ObjectTypes.Section);
-    const graphicalAbstractElementIds = (_a = sections.filter((s) => s.category === 'MPSectionCategory:abstract-graphical')[0]) === null || _a === void 0 ? void 0 : _a.elementIDs;
-    graphicalAbstractElementIds === null || graphicalAbstractElementIds === void 0 ? void 0 : graphicalAbstractElementIds.map((id) => {
-        const figure = modelMap.get(id);
-        if (figure) {
-            elements.push({
-                modelId: id,
-                type: FileType.GraphicalAbstract,
-                label: 'Graphical Abstract',
-                files: getFigureFiles(figure, modelMap, files),
-            });
-        }
-    });
-    const figures = getModelsByType(modelMap, ObjectTypes.FigureElement);
-    const figureOrder = orders.get(ObjectTypes.FigureElement);
-    if (figureOrder) {
-    }
-    figures === null || figures === void 0 ? void 0 : figures.filter((f) => !(graphicalAbstractElementIds === null || graphicalAbstractElementIds === void 0 ? void 0 : graphicalAbstractElementIds.includes(f._id))).map((figure, index) => ({
-        modelId: figure._id,
-        type: FileType.Figure,
-        label: `Figure ${index + 1}`,
-        files: getFigureFiles(figure, modelMap, files),
-    })).forEach((e) => elements.push(e));
-    return elements;
-};
-export const getSupplements = (modelMap, files) => {
-    const supplements = getModelsByType(modelMap, ObjectTypes.Supplement);
-    return supplements.flatMap((s) => getSupplementFiles(s, files));
-};
-const getOrderByType = (modelMap) => {
-    const groups = new Map();
-    const orders = getModelsByType(modelMap, ObjectTypes.ElementsOrder);
-    orders.forEach((o) => groups.set(o.elementType, o));
-    return groups;
+const getExtension = (name) => {
+    const index = name.indexOf('.');
+    return index ? name.substring(index + 1) : '';
 };

package/dist/types/index.d.ts

@@ -23,8 +23,6 @@ export * from './components/Avatar';
 export * from './components/Dialog';
 export * from './components/Checkbox';
 export * from './components/Form';
-export * from './components/FileManager';
-export * from './components/FileManager/util';
 export * from './components/Resizer';
 export * from './components/SaveStatus';
 export * from './components/StyledModal';
@@ -49,7 +47,6 @@ export * from './components/RelativeDate';
 export * from './components/Menus';
 export * from './components/SelectField';
 export * from './hooks/use-dropdown';
-export * from './hooks/use-files';
 export * from './hooks/use-menus';
 export * from './hooks/use-scroll-detection';
 export { useDeepCompareMemo, useDeepCompareCallback, } from './hooks/use-deep-compare';

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

@@ -1,24 +1,19 @@
-import { Model } from '@manuscripts/json-schema';
-import { FileType } from '../components/FileManager/util';
-export type FileDesignation = {
-    id: string;
-    label?: string;
-};
-export type FileAttachment = {
-    id: string;
-    name: string;
-    type: FileDesignation;
-    createdDate?: Date;
-};
-export type ModelFile = FileAttachment & {
-    modelId: string;
-};
-export type ElementFiles = {
-    modelId: string;
-    label: string;
-    type: FileType;
-    files: ModelFile[];
-};
-export declare const isModelFile: (file: FileAttachment) => file is ModelFile;
-export declare const getInlineFiles: (modelMap: Map<string, Model>, files: FileAttachment[]) => ElementFiles[];
-export declare const getSupplements: (modelMap: Map<string, Model>, files: FileAttachment[]) => ModelFile[];
+/// <reference types="react" />
+export declare enum FileType {
+    Image = 0,
+    Audio = 1,
+    Video = 2,
+    PlainDocument = 3,
+    SheetsWorkbooks = 4,
+    Latex = 5,
+    CodeFile = 6,
+    PdfFile = 7,
+    CompressedFile = 8,
+    PlainText = 9,
+    Figure = 10,
+    GraphicalAbstract = 11
+}
+export declare const getFileType: (name: string) => FileType | undefined;
+export declare const getFileIcon: (name: string) => JSX.Element | undefined;
+export declare const getFileTypeIcon: (type: FileType) => JSX.Element | undefined;
+export declare const isImageFile: (name: string) => boolean;

package/package.json

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

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;
-  }
-`;