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

package/dist/es/lib/files.js

@@ -1,122 +1,78 @@
-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());
+import { getModelsByType, ObjectTypes, } from '@manuscripts/json-schema';
+import { FileType } from '../components/FileManager/util';
+export const isModelFile = (file) => {
+    return file.modelId;
 };
-export const getFileIcon = (name) => {
-    const type = getFileType(name);
-    return type2icon.get(type);
+const MISSING_FILE = {
+    id: '',
+    name: 'Missing file',
+    type: {
+        id: 'missing',
+    },
 };
-export const getFileTypeIcon = (type) => {
-    return type2icon.get(type);
+const getFile = (files, id) => {
+    return files.filter((f) => f.id === id)[0] || MISSING_FILE;
 };
-export const isImageFile = (name) => {
-    return getFileType(name) === FileType.Image;
+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;
 };
-const getExtension = (name) => {
-    const index = name.indexOf('.');
-    return index ? name.substring(index + 1) : '';
+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;
 };

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Move, Replace } from './FileManager';
+import { FileSectionType } from './util';
+export declare const FileActions: React.FC<{
+    sectionType: FileSectionType;
+    handleDownload?: () => void;
+    handleReplace?: Replace;
+    handleDetach?: () => void;
+    move?: Move;
+    className?: string;
+}>;
+export declare const ActionsIcon: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileActionDropdownList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    direction?: "right" | "left" | undefined;
+    width?: number | undefined;
+    height?: number | undefined;
+    top?: number | undefined;
+}, never>;
+export declare const FileAction: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FileAttachment } from '../../lib/files';
+export declare const FileCreatedDate: React.FC<{
+    file: FileAttachment;
+    className?: string;
+}>;
+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/FileManager.d.ts

@@ -0,0 +1,30 @@
+import { Build, Model } from '@manuscripts/json-schema';
+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>;
+};
+export interface FileManagement {
+    upload: Upload;
+    download: Download;
+    previewLink: PreviewLink;
+}
+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;
+    enableDragAndDrop: boolean;
+    can: Capabilities;
+}>;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FileManagerDragLayer: React.FC;

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

@@ -0,0 +1,15 @@
+import { Model } from '@manuscripts/json-schema';
+import React from 'react';
+import { DeleteModel, FileManagement, SaveModel } from './FileManager';
+export declare const FileManagerContext: React.Context<{
+    saveModel: SaveModel;
+    deleteModel: DeleteModel;
+    modelMap: Map<string, Model>;
+    fileManagement: FileManagement;
+}>;
+export declare const FileManagerProvider: React.FC<{
+    saveModel: SaveModel;
+    deleteModel: DeleteModel;
+    modelMap: Map<string, Model>;
+    fileManagement: FileManagement;
+}>;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { FileAttachment } from '../../lib/files';
+export declare const FileName: React.FC<{
+    file: FileAttachment;
+}>;
+export declare const FileNameText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare enum FileSectionAlertType {
+    NONE = 0,
+    UPLOAD_IN_PROGRESS = 1,
+    UPLOAD_SUCCESSFUL = 2,
+    MOVE_SUCCESSFUL = 3
+}
+export declare const FileSectionAlert: React.FC<{
+    alert: {
+        type: FileSectionAlertType;
+        message: string;
+    };
+}>;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FileAttachment } from '../../lib/files';
+export declare const FileTypeIcon: React.FC<{
+    file: FileAttachment;
+}>;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface FileUploaderProps {
+    onUpload: (file: File) => void;
+}
+export declare const FileUploader: React.FC<FileUploaderProps>;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ElementFiles } from '../../lib/files';
+export declare const InlineFilesSection: React.FC<{
+    elements: ElementFiles[];
+    isEditor: boolean;
+}>;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FileAttachment } from '../../lib/files';
+export declare const OtherFilesSection: React.FC<{
+    files: FileAttachment[];
+}>;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ModelFile } from '../../lib/files';
+export declare const SupplementsSection: React.FC<{
+    supplements: ModelFile[];
+}>;

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

@@ -0,0 +1,16 @@
+/*!
+ * © 2020 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './FileManager';

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { FileAttachment } from '../../lib/files';
+export declare enum FileSectionType {
+    Inline = "Inline files",
+    Supplements = "Supplements",
+    OtherFile = "Other files"
+}
+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: (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;

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

@@ -0,0 +1,8 @@
+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[];
+    otherFiles: FileAttachment[];
+};
+export default useFiles;

package/dist/types/index.d.ts

@@ -23,6 +23,8 @@ 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';
@@ -47,6 +49,7 @@ 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,19 +1,24 @@
-/// <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;
+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[];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.13.11-LEAN-3771.0",
+  "version": "1.13.11",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@manuscripts/json-schema": "2.2.10",
-    "@manuscripts/transform": "2.3.17",
+    "@manuscripts/transform": "2.3.19",
     "@reach/tabs": "^0.18.0",
     "date-fns": "^2.29.3",
     "formik": "^2.2.9",