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

package/dist/cjs/components/Menus/Menus.js

@@ -45,7 +45,6 @@ exports.ColumnChangeWarningDialog = exports.Label = exports.Block = exports.Bloc
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Dialog_1 = require("../Dialog");
-const InsertTableDialog_1 = require("../InsertTableDialog");
 const Submenu_1 = require("./Submenu");
 const MenusContainer = styled_components_1.default.div `
   display: flex;
@@ -70,11 +69,6 @@ const MenuContainer = styled_components_1.default.div `
 `;
 const Menus = ({ menus, innerRef, handleClick, }) => {
     const [columnMenu, setColumnMenu] = (0, react_1.useState)(undefined);
-    const [openDialog, setOpenDialog] = (0, react_1.useState)(false);
-    const [indices, setIndices] = (0, react_1.useState)([]);
-    const toggleDialog = () => {
-        setOpenDialog(!openDialog);
-    };
     return (react_1.default.createElement(MenusContainer, { ref: innerRef },
         menus.map((menu, index) => {
             return (react_1.default.createElement(MenuContainer, { key: `menu-${index}`, isEnabled: menu.isEnabled },
@@ -84,17 +78,7 @@ const Menus = ({ menus, innerRef, handleClick, }) => {
                     }, isOpen: menu.isOpen },
                     react_1.default.createElement(Submenu_1.Text, null, menu.label)),
                 menu.isEnabled && menu.isOpen && menu.submenu && (react_1.default.createElement(Submenu_1.SubmenusContainer, null, menu.submenu.map((submenu, sindex) => {
-                    return (react_1.default.createElement(Submenu_1.Submenu, { key: `${index}-${sindex}`, menu: submenu, handleClick: (i) => {
-                            const indices = [index, sindex, ...i];
-                            if ('id' in submenu &&
-                                submenu.id === 'insert-table-element') {
-                                setIndices(indices);
-                                toggleDialog();
-                            }
-                            else {
-                                handleClick(indices);
-                            }
-                        }, setColumnMenu: setColumnMenu }));
+                    return (react_1.default.createElement(Submenu_1.Submenu, { key: `${index}-${sindex}`, menu: submenu, handleClick: (i) => handleClick([index, sindex, ...i]), setColumnMenu: setColumnMenu }));
                 })))));
         }),
         react_1.default.createElement(exports.ColumnChangeWarningDialog, { isOpen: !!columnMenu, primaryAction: () => {
@@ -102,8 +86,7 @@ const Menus = ({ menus, innerRef, handleClick, }) => {
                     columnMenu.run();
                     setColumnMenu(undefined);
                 }
-            }, secondaryAction: () => setColumnMenu(undefined) }),
-        openDialog && (react_1.default.createElement(InsertTableDialog_1.InsertTableDialog, { run: (tableConfig) => handleClick(indices, tableConfig), open: openDialog, onClose: toggleDialog }))));
+            }, secondaryAction: () => setColumnMenu(undefined) })));
 };
 exports.Menus = Menus;
 exports.orderedListContextMenu = [

package/dist/cjs/hooks/use-menus.js

@@ -53,13 +53,13 @@ const getMenuAt = (state, position) => {
 const useMenus = (menus) => {
     const [pointer, setPointer] = (0, react_1.useState)(initialPointer);
     const state = getMenuState(menus, pointer);
-    const handleClick = (0, react_1.useCallback)((indices, tableConfig) => {
+    const handleClick = (0, react_1.useCallback)((indices) => {
         const menu = getMenuAt(state, indices);
         if (!menu || !menu.isEnabled) {
             return;
         }
         if (menu.run) {
-            menu.run(tableConfig);
+            menu.run();
             setPointer([-1, -1, -1]);
         }
         else if (menu.submenu) {

package/dist/cjs/index.js

@@ -40,11 +40,8 @@ __exportStar(require("./components/RadioButton"), exports);
 __exportStar(require("./components/AutoSaveInput"), exports);
 __exportStar(require("./components/Avatar"), exports);
 __exportStar(require("./components/Dialog"), exports);
-__exportStar(require("./components/InsertTableDialog"), 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);
@@ -70,7 +67,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/components/Menus/Menus.js

@@ -16,7 +16,6 @@
 import React, { useState } from 'react';
 import styled from 'styled-components';
 import { Category, Dialog } from '../Dialog';
-import { InsertTableDialog } from '../InsertTableDialog';
 import { Submenu, SubmenusContainer, Text } from './Submenu';
 const MenusContainer = styled.div `
   display: flex;
@@ -41,11 +40,6 @@ const MenuContainer = styled.div `
 `;
 export const Menus = ({ menus, innerRef, handleClick, }) => {
     const [columnMenu, setColumnMenu] = useState(undefined);
-    const [openDialog, setOpenDialog] = useState(false);
-    const [indices, setIndices] = useState([]);
-    const toggleDialog = () => {
-        setOpenDialog(!openDialog);
-    };
     return (React.createElement(MenusContainer, { ref: innerRef },
         menus.map((menu, index) => {
             return (React.createElement(MenuContainer, { key: `menu-${index}`, isEnabled: menu.isEnabled },
@@ -55,17 +49,7 @@ export const Menus = ({ menus, innerRef, handleClick, }) => {
                     }, isOpen: menu.isOpen },
                     React.createElement(Text, null, menu.label)),
                 menu.isEnabled && menu.isOpen && menu.submenu && (React.createElement(SubmenusContainer, null, menu.submenu.map((submenu, sindex) => {
-                    return (React.createElement(Submenu, { key: `${index}-${sindex}`, menu: submenu, handleClick: (i) => {
-                            const indices = [index, sindex, ...i];
-                            if ('id' in submenu &&
-                                submenu.id === 'insert-table-element') {
-                                setIndices(indices);
-                                toggleDialog();
-                            }
-                            else {
-                                handleClick(indices);
-                            }
-                        }, setColumnMenu: setColumnMenu }));
+                    return (React.createElement(Submenu, { key: `${index}-${sindex}`, menu: submenu, handleClick: (i) => handleClick([index, sindex, ...i]), setColumnMenu: setColumnMenu }));
                 })))));
         }),
         React.createElement(ColumnChangeWarningDialog, { isOpen: !!columnMenu, primaryAction: () => {
@@ -73,8 +57,7 @@ export const Menus = ({ menus, innerRef, handleClick, }) => {
                     columnMenu.run();
                     setColumnMenu(undefined);
                 }
-            }, secondaryAction: () => setColumnMenu(undefined) }),
-        openDialog && (React.createElement(InsertTableDialog, { run: (tableConfig) => handleClick(indices, tableConfig), open: openDialog, onClose: toggleDialog }))));
+            }, secondaryAction: () => setColumnMenu(undefined) })));
 };
 export const orderedListContextMenu = [
     { items: ['1.', '2.', '3.'], type: 'order' },

package/dist/es/hooks/use-menus.js

@@ -50,13 +50,13 @@ const getMenuAt = (state, position) => {
 export const useMenus = (menus) => {
     const [pointer, setPointer] = useState(initialPointer);
     const state = getMenuState(menus, pointer);
-    const handleClick = useCallback((indices, tableConfig) => {
+    const handleClick = useCallback((indices) => {
         const menu = getMenuAt(state, indices);
         if (!menu || !menu.isEnabled) {
             return;
         }
         if (menu.run) {
-            menu.run(tableConfig);
+            menu.run();
             setPointer([-1, -1, -1]);
         }
         else if (menu.submenu) {

package/dist/es/index.js

@@ -20,11 +20,8 @@ export * from './components/RadioButton';
 export * from './components/AutoSaveInput';
 export * from './components/Avatar';
 export * from './components/Dialog';
-export * from './components/InsertTableDialog';
 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';
@@ -50,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/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/components/Menus/Menus.d.ts

@@ -14,11 +14,11 @@
  * limitations under the License.
  */
 import React, { Ref } from 'react';
-import { Menu, TableConfig } from '../../lib/menus';
+import { Menu } from '../../lib/menus';
 interface MenusProps {
     menus: Menu[];
     innerRef: Ref<HTMLDivElement>;
-    handleClick: (position: number[], tableConfig?: TableConfig) => void;
+    handleClick: (position: number[]) => void;
 }
 export declare const Menus: React.FC<MenusProps>;
 export declare const orderedListContextMenu: {

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { Menu, MenuSpec, TableConfig } from '../lib/menus';
+import { Menu, MenuSpec } from '../lib/menus';
 export declare const useMenus: (menus: MenuSpec[]) => {
     menus: Menu[];
-    handleClick: (indices: number[], tableConfig?: TableConfig) => void;
+    handleClick: (indices: number[]) => void;
     ref: import("react").RefObject<HTMLDivElement>;
 };

package/dist/types/index.d.ts

@@ -21,11 +21,8 @@ export * from './components/RadioButton';
 export * from './components/AutoSaveInput';
 export * from './components/Avatar';
 export * from './components/Dialog';
-export * from './components/InsertTableDialog';
 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';
@@ -51,7 +48,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';