@manuscripts/style-guide 1.13.9 → 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);
@@ -62,14 +60,12 @@ __exportStar(require("./components/Badge"), exports);
 __exportStar(require("./components/NavDropdown"), exports);
 __exportStar(require("./components/Dropdown"), exports);
 __exportStar(require("./components/LoadingOverlay"), exports);
-__exportStar(require("./components/EditorHeader/EditorHeader"), exports);
 __exportStar(require("./components/DatePicker"), exports);
 __exportStar(require("./components/Text"), exports);
 __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';
@@ -42,14 +40,12 @@ export * from './components/Badge';
 export * from './components/NavDropdown';
 export * from './components/Dropdown';
 export * from './components/LoadingOverlay';
-export * from './components/EditorHeader/EditorHeader';
 export * from './components/DatePicker';
 export * from './components/Text';
 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';
@@ -43,14 +41,12 @@ export * from './components/Badge';
 export * from './components/NavDropdown';
 export * from './components/Dropdown';
 export * from './components/LoadingOverlay';
-export * from './components/EditorHeader/EditorHeader';
 export * from './components/DatePicker';
 export * from './components/Text';
 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.9",
+  "version": "1.13.11-LEAN-3771.0",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",