@manuscripts/style-guide 0.31.0 → 0.31.4

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

@@ -34,6 +34,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileManager = exports.PermissionsContext = void 0;
 const react_1 = __importStar(require("react"));
 const react_tooltip_1 = __importDefault(require("react-tooltip"));
+const inlineFiles_1 = __importDefault(require("../../lib/inlineFiles"));
 const AlertMessage_1 = require("../AlertMessage");
 const Inspector_1 = require("../Inspector");
 const InspectorSection_1 = require("../InspectorSection");
@@ -74,13 +75,24 @@ const FileManager = ({ submissionId, attachments, modelMap, enableDragAndDrop, c
     const handleDownloadFile = (0, react_1.useCallback)((publicUrl) => {
         return handleDownload(publicUrl);
     }, [handleDownload]);
+    const inlineFiles = (0, react_1.useMemo)(() => (0, inlineFiles_1.default)(modelMap, attachments), [modelMap.values(), attachments]);
+    const inlineAttachmentsIds = (0, react_1.useMemo)(() => {
+        const attachmentsIDs = new Set();
+        inlineFiles.map(({ attachments }) => {
+            if (attachments) {
+                attachments.map((attachment) => attachmentsIDs.add(attachment.id));
+            }
+        });
+        return attachmentsIDs;
+    }, [inlineFiles]);
     const getFileSectionExternalFile = (fileSection) => {
         const isSupplementOrOtherFilesTab = fileSection === util_1.FileSectionType.Supplements ||
             fileSection === util_1.FileSectionType.OtherFile;
         const itemsData = attachments.filter((element) => {
             const designation = util_1.namesWithDesignationMap.get(element.type.label);
             return (designation !== undefined &&
-                util_1.designationWithFileSectionsMap.get(designation) === fileSection);
+                util_1.designationWithFileSectionsMap.get(designation) === fileSection &&
+                !inlineAttachmentsIds.has(element.id));
         });
         const itemsDataWithTitle = (0, util_1.generateAttachmentsTitles)(itemsData, fileSection);
         const filesItems = itemsDataWithTitle.map((element) => {
@@ -130,7 +142,7 @@ const FileManager = ({ submissionId, attachments, modelMap, enableDragAndDrop, c
                                 react_1.default.createElement("div", null, "Files excluded from the final submission.")))),
                     react_1.default.createElement(Inspector_1.InspectorTabPanels, { style: { overflowY: 'visible', position: 'relative' } },
                         react_1.default.createElement(Inspector_1.InspectorTabPanel, null,
-                            react_1.default.createElement(InlineFilesSection_1.InlineFilesSection, { modelMap: modelMap, attachments: attachments, submissionId: submissionId, handleReplace: handleReplace, handleDownload: handleDownload, isEditor: enableDragAndDrop, dispatch: dispatch })),
+                            react_1.default.createElement(InlineFilesSection_1.InlineFilesSection, { inlineFiles: inlineFiles, submissionId: submissionId, handleReplace: handleReplace, handleDownload: handleDownload, isEditor: enableDragAndDrop, dispatch: dispatch })),
                         react_1.default.createElement(Inspector_1.InspectorTabPanel, null,
                             react_1.default.createElement(FilesSection_1.FilesSection, { submissionId: submissionId, enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFile, fileSection: util_1.FileSectionType.Supplements, filesItem: getFileSectionExternalFile(util_1.FileSectionType.Supplements), state: state, dispatch: dispatch })),
                         react_1.default.createElement(Inspector_1.InspectorTabPanel, null,

package/dist/cjs/components/FileManager/FileSectionItem/DesignationActions.js

@@ -24,12 +24,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DesignationActions = void 0;
 const react_1 = __importStar(require("react"));
+const react_tooltip_1 = __importDefault(require("react-tooltip"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const BottomArrowIcon_1 = __importDefault(require("../../icons/BottomArrowIcon"));
 const ConfirmationPopUp_1 = require("../ConfirmationPopUp");
+const TooltipDiv_1 = require("../TooltipDiv");
 const util_1 = require("../util");
 const DesignationActionsList_1 = require("./DesignationActionsList");
-const DesignationActions = ({ designation, attachmentId, fileExtension, handleChangeDesignation, submissionId, fileName, dispatch, }) => {
+const DesignationActions = ({ designation, attachmentId, fileExtension, handleChangeDesignation, submissionId, fileName, can, dispatch, }) => {
     const [isActionsShown, setIsActionsShown] = (0, react_1.useState)(false);
     const [confirmationPopUpData, setConfirmationPopUpData] = (0, react_1.useState)({
         isConfirmationPopUpOpen: false,
@@ -73,9 +75,12 @@ const DesignationActions = ({ designation, attachmentId, fileExtension, handleCh
         };
         return (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(SecondaryActionsContainer, { onClick: toggleActionsList, onBlur: hideActionsList },
-                react_1.default.createElement(SecondaryActionsText, null, util_1.designationWithReadableNamesMap.get(designation)),
+                !(can === null || can === void 0 ? void 0 : can.changeDesignation) && (react_1.default.createElement(TooltipContainer, null,
+                    react_1.default.createElement(react_tooltip_1.default, { id: "file-designation", place: "bottom", offset: { bottom: -8 }, effect: "solid", className: "tooltip" },
+                        react_1.default.createElement("div", null, "You don\u2019t have permissions to adjust this selection")))),
+                react_1.default.createElement(SecondaryActionsText, { "data-for": "file-designation", "data-tip": true }, util_1.designationWithReadableNamesMap.get(designation)),
                 react_1.default.createElement(BottomArrowIcon_1.default, null),
-                isActionsShown && (react_1.default.createElement(ActionsListContainer, null,
+                isActionsShown && (can === null || can === void 0 ? void 0 : can.changeDesignation) && (react_1.default.createElement(ActionsListContainer, null,
                     react_1.default.createElement(DesignationActionsList_1.DesignationActionsList, { handleChangeDesignation: handleChangeDesignation, designationActionsList: designationActionsList, submissionId: submissionId, fileName: fileName, designation: designation, attachmentId: attachmentId, dispatch: dispatch, handleOpenConfirmationPopup: handleOpenConfirmationPopup })))),
             confirmationPopUpData.isConfirmationPopUpOpen && (react_1.default.createElement(ConfirmationPopUp_1.ConfirmationPopUp, { popupHeader: confirmationPopUpData.confirmationPopUpHeader !== undefined
                     ? confirmationPopUpData.confirmationPopUpHeader
@@ -113,3 +118,10 @@ const ActionsListContainer = styled_components_1.default.div `
   top: 40px;
   z-index: 999;
 `;
+const TooltipContainer = (0, styled_components_1.default)(TooltipDiv_1.TooltipDiv) `
+  .tooltip {
+    white-space: normal;
+    width: 144px;
+    height: 32px;
+  }
+`;

package/dist/cjs/components/FileManager/FileSectionItem/FileInfo.js

@@ -31,10 +31,7 @@ const FileInfo = ({ showAttachmentName, showDesignationActions, title, submissio
     const fileName = submissionAttachmentName.substring(0, submissionAttachmentName.lastIndexOf('.'));
     const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
     return (react_1.default.createElement(exports.FileInfoContainer, null,
-        (can === null || can === void 0 ? void 0 : can.changeDesignation) &&
-            showDesignationActions &&
-            designation !== undefined &&
-            submissionId && (react_1.default.createElement(DesignationActions_1.DesignationActions, { designation: designation, attachmentId: attachmentId, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, fileName: submissionAttachmentName, dispatch: dispatch })),
+        showDesignationActions && designation !== undefined && submissionId && (react_1.default.createElement(DesignationActions_1.DesignationActions, { designation: designation, attachmentId: attachmentId, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, fileName: submissionAttachmentName, dispatch: dispatch, can: can })),
         react_1.default.createElement(exports.FileNameTitleContainer, null,
             react_1.default.createElement(exports.FileTitle, null,
                 !showAttachmentName ? fileName : title,

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

@@ -26,14 +26,12 @@ exports.InlineFilesSection = 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 inlineFiles_1 = __importDefault(require("../../lib/inlineFiles"));
 const dots_icon_1 = __importDefault(require("../icons/dots-icon"));
 const FileInfo_1 = require("./FileSectionItem/FileInfo");
 const FileSectionItem_1 = require("./FileSectionItem/FileSectionItem");
 const ItemActions_1 = require("./FileSectionItem/ItemActions");
 const util_1 = require("./util");
-const InlineFilesSection = ({ submissionId, handleReplace, handleDownload, modelMap, attachments, isEditor, dispatch, }) => {
-    const inlineFiles = (0, react_1.useMemo)(() => (0, inlineFiles_1.default)(modelMap, attachments), [modelMap, attachments]);
+const InlineFilesSection = ({ submissionId, handleReplace, handleDownload, inlineFiles, isEditor, dispatch, }) => {
     const onElementClick = (0, react_1.useCallback)((e) => {
         if (!isEditor) {
             return;

package/dist/cjs/components/icons/unsupported-format-file-icon.js

@@ -0,0 +1,27 @@
+"use strict";
+/*!
+ * © 2019 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.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const UnsupportedFormatFileIcon = (props) => (react_1.default.createElement("svg", { className: props.className, width: "28", height: "32", viewBox: "0 0 28 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { d: "M3 30.75H25C25.9665 30.75 26.75 29.9665 26.75 29V11.4383C26.75 10.9494 26.5455 10.4828 26.186 10.1515L17.0311 1.71322C16.7085 1.41588 16.2863 1.25 15.846 1.25H15.8364H15.8268H15.817H15.8071H15.7971H15.787H15.7767H15.7664H15.756H15.7454H15.7348H15.724H15.7132H15.7022H15.6912H15.68H15.6687H15.6573H15.6458H15.6343H15.6226H15.6108H15.5989H15.5869H15.5748H15.5626H15.5503H15.5379H15.5254H15.5128H15.5001H15.4873H15.4744H15.4614H15.4483H15.435H15.4217H15.4083H15.3949H15.3813H15.3676H15.3538H15.3399H15.3259H15.3118H15.2976H15.2834H15.269H15.2545H15.24H15.2253H15.2106H15.1957H15.1808H15.1658H15.1507H15.1354H15.1201H15.1047H15.0892H15.0737H15.058H15.0422H15.0264H15.0104H14.9944H14.9782H14.962H14.9457H14.9293H14.9128H14.8963H14.8796H14.8628H14.846H14.8291H14.812H14.7949H14.7778H14.7605H14.7431H14.7257H14.7081H14.6905H14.6728H14.655H14.6371H14.6192H14.6011H14.583H14.5648H14.5465H14.5281H14.5097H14.4911H14.4725H14.4538H14.435H14.4161H14.3972H14.3782H14.3591H14.3399H14.3206H14.3012H14.2818H14.2623H14.2427H14.2231H14.2033H14.1835H14.1636H14.1436H14.1236H14.1034H14.0832H14.0629H14.0426H14.0222H14.0016H13.9811H13.9604H13.9397H13.9189H13.898H13.877H13.856H13.8349H13.8137H13.7925H13.7711H13.7498H13.7283H13.7068H13.6852H13.6635H13.6417H13.6199H13.598H13.5761H13.554H13.5319H13.5098H13.4875H13.4652H13.4429H13.4204H13.3979H13.3754H13.3527H13.33H13.3072H13.2844H13.2615H13.2385H13.2155H13.1924H13.1692H13.146H13.1227H13.0994H13.0759H13.0525H13.0289H13.0053H12.9816H12.9579H12.9341H12.9102H12.8863H12.8624H12.8383H12.8142H12.79H12.7658H12.7415H12.7172H12.6928H12.6684H12.6438H12.6193H12.5946H12.5699H12.5452H12.5204H12.4955H12.4706H12.4456H12.4206H12.3955H12.3704H12.3452H12.3199H12.2946H12.2693H12.2439H12.2184H12.1929H12.1673H12.1417H12.116H12.0903H12.0645H12.0386H12.0128H11.9868H11.9608H11.9348H11.9087H11.8826H11.8564H11.8301H11.8038H11.7775H11.7511H11.7247H11.6982H11.6717H11.6451H11.6185H11.5918H11.5651H11.5383H11.5115H11.4846H11.4577H11.4308H11.4038H11.3768H11.3497H11.3226H11.2954H11.2682H11.2409H11.2136H11.1863H11.1589H11.1315H11.104H11.0765H11.0489H11.0213H10.9937H10.966H10.9383H10.9105H10.8828H10.8549H10.827H10.7991H10.7712H10.7432H10.7152H10.6871H10.659H10.6309H10.6027H10.5745H10.5462H10.5179H10.4896H10.4613H10.4329H10.4044H10.376H10.3475H10.3189H10.2904H10.2618H10.2332H10.2045H10.1758H10.1471H10.1183H10.0895H10.0607H10.0318H10.003H9.97403H9.94509H9.91611H9.8871H9.85807H9.829H9.79991H9.77078H9.74163H9.71245H9.68324H9.65401H9.62474H9.59545H9.56613H9.53679H9.50742H9.47803H9.4486H9.41916H9.38969H9.36019H9.33067H9.30112H9.27155H9.24196H9.21234H9.1827H9.15304H9.12336H9.09365H9.06392H9.03417H9.0044H8.97461H8.94479H8.91496H8.8851H8.85523H8.82533H8.79542H8.76548H8.73553H8.70556H8.67557H8.64556H8.61554H8.58549H8.55543H8.52536H8.49526H8.46515H8.43503H8.40488H8.37473H8.34455H8.31437H8.28416H8.25395H8.22371H8.19347H8.16321H8.13294H8.10265H8.07236H8.04205H8.01173H7.98139H7.95105H7.92069H7.89032H7.85994H7.82955H7.79915H7.76874H7.73832H7.7079H7.67746H7.64701H7.61656H7.58609H7.55562H7.52515H7.49466H7.46417H7.43367H7.40316H7.37265H7.34213H7.3116H7.28107H7.25054H7.22H7.18945H7.1589H7.12835H7.09779H7.06723H7.03667H7.0061H6.97554H6.94496H6.91439H6.88382H6.85324H6.82266H6.79208H6.7615H6.73092H6.70034H6.66976H6.63919H6.60861H6.57803H6.54745H6.51688H6.48631H6.45574H6.42517H6.3946H6.36404H6.33348H6.30292H6.27237H6.24183H6.21128H6.18074H6.15021H6.11968H6.08916H6.05864H6.02813H5.99763H5.96713H5.93664H5.90615H5.87568H5.84521H5.81475H5.78429H5.75385H5.72342H5.69299H5.66257H5.63217H5.60177H5.57139H5.54101H5.51065H5.48029H5.44995H5.41962H5.3893H5.35899H5.3287H5.29842H5.26815H5.2379H5.20766H5.17743H5.14722H5.11702H5.08684H5.05667H5.02651H4.99638H4.96626H4.93615H4.90606H4.87599H4.84593H4.8159H4.78588H4.75587H4.72589H4.69592H4.66598H4.63605H4.60614H4.57625H4.54638H4.51653H4.48671H4.4569H4.42711H4.39734H4.3676H4.33788H4.30818H4.2785H4.24884H4.21921H4.1896H4.16001H4.13045H4.10091H4.0714H4.04191H4.01245H3.98301H3.95359H3.92421H3.89485H3.86551H3.8362H3.80692H3.77766H3.74844H3.71924H3.69006H3.66092H3.6318H3.60272H3.57366H3.54463H3.51563H3.48667H3.45773H3.42882H3.39994H3.3711H3.34228H3.3135H3.28475H3.25603H3.22735H3.19869H3.17007H3.14148H3.11293H3.08441H3.05593H3.02748H2.99906C2.03164 1.25 1.25 2.03442 1.25 3V29C1.25 29.9665 2.0335 30.75 3 30.75Z", stroke: "#6E6E6E", strokeWidth: "1.5" }),
+    react_1.default.createElement("path", { d: "M8 24C10.1212 20.9815 15.8909 16.7556 22 24", stroke: "#6E6E6E", strokeWidth: "1.5", strokeLinecap: "round" }),
+    react_1.default.createElement("path", { d: "M8 8C8 8 8 9.04738 8 11", stroke: "#6E6E6E", strokeWidth: "1.5", strokeLinecap: "round" }),
+    react_1.default.createElement("path", { d: "M16 2V12H26", stroke: "#6E6E6E", strokeWidth: "1.5" })));
+exports.default = UnsupportedFormatFileIcon;

package/dist/cjs/index.js

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectDialogDesignation = exports.errorsDecoder = exports.PdfPreview = void 0;
+exports.SelectDialogDesignation = exports.errorsDecoder = exports.PdfPreview = exports.inlineFiles = void 0;
 __exportStar(require("./components/AffiliationsEditor"), exports);
 __exportStar(require("./components/AffiliationsList"), exports);
 __exportStar(require("./components/AuthorForm"), exports);
@@ -60,6 +60,8 @@ __exportStar(require("./components/Tip"), exports);
 __exportStar(require("./components/icons"), exports);
 __exportStar(require("./components/Inspector"), exports);
 __exportStar(require("./components/InspectorSection"), exports);
+var inlineFiles_1 = require("./lib/inlineFiles");
+Object.defineProperty(exports, "inlineFiles", { enumerable: true, get: function () { return __importDefault(inlineFiles_1).default; } });
 var PdfPreview_1 = require("./components/PdfPreview");
 Object.defineProperty(exports, "PdfPreview", { enumerable: true, get: function () { return __importDefault(PdfPreview_1).default; } });
 __exportStar(require("./components/SubmissionInspector"), exports);

package/dist/cjs/lib/inlineFiles.js

@@ -37,49 +37,82 @@ const getFigureData = (element, modelMap, attachmentsMap) => {
 exports.default = (modelMap, attachments) => {
     const files = [];
     const attachmentsMap = new Map(attachments.map((attachment) => [attachment.id, attachment]));
-    (0, manuscript_transform_1.getModelsByType)(modelMap, manuscripts_json_schema_1.ObjectTypes.Section).map((section) => {
-        var _a, _b;
-        if (section.category === 'MPSectionCategory:abstract-graphical') {
-            (_a = section.elementIDs) === null || _a === void 0 ? void 0 : _a.some((elementId) => {
-                const element = modelMap.get(elementId);
-                if (element && (0, manuscript_transform_1.hasObjectType)(manuscripts_json_schema_1.ObjectTypes.FigureElement)(element)) {
-                    files.unshift(Object.assign(Object.assign({}, getFigureData(element, modelMap, attachmentsMap)), { label: `Graphical Abstract`, type: util_1.FileType.GraphicalAbstract }));
-                    return true;
-                }
+    const { graphicalAbstractFigureId, figureElement, tableElement } = getAuxiliaryObjects(modelMap);
+    if (graphicalAbstractFigureId) {
+        const element = modelMap.get(graphicalAbstractFigureId);
+        files.unshift(Object.assign(Object.assign({}, getFigureData(element, modelMap, attachmentsMap)), { label: `Graphical Abstract`, type: util_1.FileType.GraphicalAbstract }));
+    }
+    figureElement.map((id, index) => {
+        const element = modelMap.get(id);
+        files.push(Object.assign(Object.assign({}, getFigureData(element, modelMap, attachmentsMap)), { label: `Figure ${index + 1}`, type: util_1.FileType.Figure }));
+    });
+    tableElement.map((id) => {
+        var _a;
+        const tableElement = modelMap.get(id);
+        const table = modelMap.get(tableElement.containedObjectID);
+        const externalFileReference = (_a = table === null || table === void 0 ? void 0 : table.externalFileReferences) === null || _a === void 0 ? void 0 : _a.find((file) => file.kind === 'dataset' && file.ref);
+        const attachment = getAttachment(externalFileReference, attachmentsMap);
+        if (attachment) {
+            files.push({
+                id: tableElement._id,
+                label: `Table`,
+                type: util_1.FileType.SheetsWorkbooks,
+                attachments: [attachment],
+                caption: getCaptionText(tableElement.caption),
             });
         }
-        else {
-            (_b = section.elementIDs) === null || _b === void 0 ? void 0 : _b.map((elementId) => {
-                var _a;
-                const element = modelMap.get(elementId);
-                if (!element) {
-                    return;
+    });
+    return files;
+};
+const getAuxiliaryObjects = (modelMap) => {
+    var _a, _b;
+    let graphicalAbstractFigureId;
+    const figureElementIds = [], tableElementIds = [], orderObjects = {};
+    for (const model of modelMap.values()) {
+        switch (model.objectType) {
+            case manuscripts_json_schema_1.ObjectTypes.Section: {
+                const section = model;
+                if (section.category === 'MPSectionCategory:abstract-graphical') {
+                    graphicalAbstractFigureId = (_a = section.elementIDs) === null || _a === void 0 ? void 0 : _a.find((id) => {
+                        const obj = modelMap.get(id);
+                        return obj && (0, manuscript_transform_1.hasObjectType)(manuscripts_json_schema_1.ObjectTypes.FigureElement)(obj);
+                    });
                 }
-                switch (element.objectType) {
-                    case manuscripts_json_schema_1.ObjectTypes.FigureElement:
-                    case manuscripts_json_schema_1.ObjectTypes.MultiGraphicFigureElement: {
-                        files.push(Object.assign(Object.assign({}, getFigureData(element, modelMap, attachmentsMap)), { label: `Figure`, type: util_1.FileType.Figure }));
-                        break;
-                    }
-                    case manuscripts_json_schema_1.ObjectTypes.TableElement: {
-                        const tableElement = element;
-                        const table = modelMap.get(tableElement.containedObjectID);
-                        const externalFileReference = (_a = table.externalFileReferences) === null || _a === void 0 ? void 0 : _a.find((file) => file.kind === 'dataset' && file.ref);
-                        const attachment = getAttachment(externalFileReference, attachmentsMap);
-                        if (attachment) {
-                            files.push({
-                                id: element._id,
-                                label: `Table`,
-                                type: util_1.FileType.SheetsWorkbooks,
-                                attachments: [attachment],
-                                caption: getCaptionText(tableElement.caption),
-                            });
+                else {
+                    (_b = section.elementIDs) === null || _b === void 0 ? void 0 : _b.map((elementId) => {
+                        const element = modelMap.get(elementId);
+                        if (!element) {
+                            return;
                         }
-                        break;
-                    }
+                        switch (element.objectType) {
+                            case manuscripts_json_schema_1.ObjectTypes.FigureElement:
+                            case manuscripts_json_schema_1.ObjectTypes.MultiGraphicFigureElement:
+                                figureElementIds.push(element._id);
+                                break;
+                            case manuscripts_json_schema_1.ObjectTypes.TableElement:
+                                tableElementIds.push(element._id);
+                                break;
+                        }
+                    });
                 }
-            });
+                break;
+            }
+            case manuscripts_json_schema_1.ObjectTypes.ElementsOrder: {
+                const elementsOrder = model;
+                orderObjects[elementsOrder.elementType] = elementsOrder;
+            }
         }
-    });
-    return files;
+    }
+    return {
+        graphicalAbstractFigureId,
+        figureElement: orderObjects[manuscripts_json_schema_1.ObjectTypes.FigureElement]
+            ? sortAuxiliaryObject(orderObjects[manuscripts_json_schema_1.ObjectTypes.FigureElement], figureElementIds)
+            : figureElementIds,
+        tableElement: orderObjects[manuscripts_json_schema_1.ObjectTypes.TableElement]
+            ? sortAuxiliaryObject(orderObjects[manuscripts_json_schema_1.ObjectTypes.TableElement], tableElementIds)
+            : tableElementIds,
+    };
+};
+const sortAuxiliaryObject = (orderObject, auxiliaryObjectIds) => {
+    return auxiliaryObjectIds.sort((a, b) => orderObject.elements.indexOf(a) - orderObject.elements.indexOf(b));
 };

package/dist/es/components/FileManager/FileManager.js

@@ -7,8 +7,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React, { createContext, useCallback, useReducer } from 'react';
+import React, { createContext, useCallback, useMemo, useReducer } from 'react';
 import ReactTooltip from 'react-tooltip';
+import getInlineFiles from '../../lib/inlineFiles';
 import { AlertMessage, AlertMessageType } from '../AlertMessage';
 import { InspectorTab, InspectorTabList, InspectorTabPanel, InspectorTabPanels, InspectorTabs, } from '../Inspector';
 import { InspectorSection } from '../InspectorSection';
@@ -49,13 +50,24 @@ export const FileManager = ({ submissionId, attachments, modelMap, enableDragAnd
     const handleDownloadFile = useCallback((publicUrl) => {
         return handleDownload(publicUrl);
     }, [handleDownload]);
+    const inlineFiles = useMemo(() => getInlineFiles(modelMap, attachments), [modelMap.values(), attachments]);
+    const inlineAttachmentsIds = useMemo(() => {
+        const attachmentsIDs = new Set();
+        inlineFiles.map(({ attachments }) => {
+            if (attachments) {
+                attachments.map((attachment) => attachmentsIDs.add(attachment.id));
+            }
+        });
+        return attachmentsIDs;
+    }, [inlineFiles]);
     const getFileSectionExternalFile = (fileSection) => {
         const isSupplementOrOtherFilesTab = fileSection === FileSectionType.Supplements ||
             fileSection === FileSectionType.OtherFile;
         const itemsData = attachments.filter((element) => {
             const designation = namesWithDesignationMap.get(element.type.label);
             return (designation !== undefined &&
-                designationWithFileSectionsMap.get(designation) === fileSection);
+                designationWithFileSectionsMap.get(designation) === fileSection &&
+                !inlineAttachmentsIds.has(element.id));
         });
         const itemsDataWithTitle = generateAttachmentsTitles(itemsData, fileSection);
         const filesItems = itemsDataWithTitle.map((element) => {
@@ -105,7 +117,7 @@ export const FileManager = ({ submissionId, attachments, modelMap, enableDragAnd
                                 React.createElement("div", null, "Files excluded from the final submission.")))),
                     React.createElement(InspectorTabPanels, { style: { overflowY: 'visible', position: 'relative' } },
                         React.createElement(InspectorTabPanel, null,
-                            React.createElement(InlineFilesSection, { modelMap: modelMap, attachments: attachments, submissionId: submissionId, handleReplace: handleReplace, handleDownload: handleDownload, isEditor: enableDragAndDrop, dispatch: dispatch })),
+                            React.createElement(InlineFilesSection, { inlineFiles: inlineFiles, submissionId: submissionId, handleReplace: handleReplace, handleDownload: handleDownload, isEditor: enableDragAndDrop, dispatch: dispatch })),
                         React.createElement(InspectorTabPanel, null,
                             React.createElement(FilesSection, { submissionId: submissionId, enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFile, fileSection: FileSectionType.Supplements, filesItem: getFileSectionExternalFile(FileSectionType.Supplements), state: state, dispatch: dispatch })),
                         React.createElement(InspectorTabPanel, null,

package/dist/es/components/FileManager/FileSectionItem/DesignationActions.js

@@ -1,10 +1,12 @@
 import React, { useState } from 'react';
+import ReactTooltip from 'react-tooltip';
 import styled from 'styled-components';
 import BottomArrowIcon from '../../icons/BottomArrowIcon';
 import { ConfirmationPopUp } from '../ConfirmationPopUp';
+import { TooltipDiv } from '../TooltipDiv';
 import { designationWithReadableNamesMap, getDesignationActionsList, } from '../util';
 import { DesignationActionsList } from './DesignationActionsList';
-export const DesignationActions = ({ designation, attachmentId, fileExtension, handleChangeDesignation, submissionId, fileName, dispatch, }) => {
+export const DesignationActions = ({ designation, attachmentId, fileExtension, handleChangeDesignation, submissionId, fileName, can, dispatch, }) => {
     const [isActionsShown, setIsActionsShown] = useState(false);
     const [confirmationPopUpData, setConfirmationPopUpData] = useState({
         isConfirmationPopUpOpen: false,
@@ -48,9 +50,12 @@ export const DesignationActions = ({ designation, attachmentId, fileExtension, h
         };
         return (React.createElement(React.Fragment, null,
             React.createElement(SecondaryActionsContainer, { onClick: toggleActionsList, onBlur: hideActionsList },
-                React.createElement(SecondaryActionsText, null, designationWithReadableNamesMap.get(designation)),
+                !(can === null || can === void 0 ? void 0 : can.changeDesignation) && (React.createElement(TooltipContainer, null,
+                    React.createElement(ReactTooltip, { id: "file-designation", place: "bottom", offset: { bottom: -8 }, effect: "solid", className: "tooltip" },
+                        React.createElement("div", null, "You don\u2019t have permissions to adjust this selection")))),
+                React.createElement(SecondaryActionsText, { "data-for": "file-designation", "data-tip": true }, designationWithReadableNamesMap.get(designation)),
                 React.createElement(BottomArrowIcon, null),
-                isActionsShown && (React.createElement(ActionsListContainer, null,
+                isActionsShown && (can === null || can === void 0 ? void 0 : can.changeDesignation) && (React.createElement(ActionsListContainer, null,
                     React.createElement(DesignationActionsList, { handleChangeDesignation: handleChangeDesignation, designationActionsList: designationActionsList, submissionId: submissionId, fileName: fileName, designation: designation, attachmentId: attachmentId, dispatch: dispatch, handleOpenConfirmationPopup: handleOpenConfirmationPopup })))),
             confirmationPopUpData.isConfirmationPopUpOpen && (React.createElement(ConfirmationPopUp, { popupHeader: confirmationPopUpData.confirmationPopUpHeader !== undefined
                     ? confirmationPopUpData.confirmationPopUpHeader
@@ -87,3 +92,10 @@ const ActionsListContainer = styled.div `
   top: 40px;
   z-index: 999;
 `;
+const TooltipContainer = styled(TooltipDiv) `
+  .tooltip {
+    white-space: normal;
+    width: 144px;
+    height: 32px;
+  }
+`;

package/dist/es/components/FileManager/FileSectionItem/FileInfo.js

@@ -6,10 +6,7 @@ export const FileInfo = ({ showAttachmentName, showDesignationActions, title, su
     const fileName = submissionAttachmentName.substring(0, submissionAttachmentName.lastIndexOf('.'));
     const can = useContext(PermissionsContext);
     return (React.createElement(FileInfoContainer, null,
-        (can === null || can === void 0 ? void 0 : can.changeDesignation) &&
-            showDesignationActions &&
-            designation !== undefined &&
-            submissionId && (React.createElement(DesignationActions, { designation: designation, attachmentId: attachmentId, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, fileName: submissionAttachmentName, dispatch: dispatch })),
+        showDesignationActions && designation !== undefined && submissionId && (React.createElement(DesignationActions, { designation: designation, attachmentId: attachmentId, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, fileName: submissionAttachmentName, dispatch: dispatch, can: can })),
         React.createElement(FileNameTitleContainer, null,
             React.createElement(FileTitle, null,
                 !showAttachmentName ? fileName : title,

package/dist/es/components/FileManager/InlineFilesSection.js

@@ -1,14 +1,12 @@
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback } from 'react';
 import styled from 'styled-components';
 import { useDropdown } from '../../hooks/use-dropdown';
-import getInlineFiles from '../../lib/inlineFiles';
 import DotsIcon from '../icons/dots-icon';
 import { FileDescription, FileInfoContainer, FileNameTitleContainer, FileTitle, } from './FileSectionItem/FileInfo';
 import { ActionsIcon, Item, } from './FileSectionItem/FileSectionItem';
 import { ItemActions } from './FileSectionItem/ItemActions';
-import { extensionsWithFileTypesMap, fileTypesWithIconMap } from './util';
-export const InlineFilesSection = ({ submissionId, handleReplace, handleDownload, modelMap, attachments, isEditor, dispatch, }) => {
-    const inlineFiles = useMemo(() => getInlineFiles(modelMap, attachments), [modelMap, attachments]);
+import { extensionsWithFileTypesMap, fileTypesWithIconMap, } from './util';
+export const InlineFilesSection = ({ submissionId, handleReplace, handleDownload, inlineFiles, isEditor, dispatch, }) => {
     const onElementClick = useCallback((e) => {
         if (!isEditor) {
             return;

package/dist/es/components/icons/unsupported-format-file-icon.js

@@ -0,0 +1,22 @@
+/*!
+ * © 2019 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.
+ */
+import React from 'react';
+const UnsupportedFormatFileIcon = (props) => (React.createElement("svg", { className: props.className, width: "28", height: "32", viewBox: "0 0 28 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M3 30.75H25C25.9665 30.75 26.75 29.9665 26.75 29V11.4383C26.75 10.9494 26.5455 10.4828 26.186 10.1515L17.0311 1.71322C16.7085 1.41588 16.2863 1.25 15.846 1.25H15.8364H15.8268H15.817H15.8071H15.7971H15.787H15.7767H15.7664H15.756H15.7454H15.7348H15.724H15.7132H15.7022H15.6912H15.68H15.6687H15.6573H15.6458H15.6343H15.6226H15.6108H15.5989H15.5869H15.5748H15.5626H15.5503H15.5379H15.5254H15.5128H15.5001H15.4873H15.4744H15.4614H15.4483H15.435H15.4217H15.4083H15.3949H15.3813H15.3676H15.3538H15.3399H15.3259H15.3118H15.2976H15.2834H15.269H15.2545H15.24H15.2253H15.2106H15.1957H15.1808H15.1658H15.1507H15.1354H15.1201H15.1047H15.0892H15.0737H15.058H15.0422H15.0264H15.0104H14.9944H14.9782H14.962H14.9457H14.9293H14.9128H14.8963H14.8796H14.8628H14.846H14.8291H14.812H14.7949H14.7778H14.7605H14.7431H14.7257H14.7081H14.6905H14.6728H14.655H14.6371H14.6192H14.6011H14.583H14.5648H14.5465H14.5281H14.5097H14.4911H14.4725H14.4538H14.435H14.4161H14.3972H14.3782H14.3591H14.3399H14.3206H14.3012H14.2818H14.2623H14.2427H14.2231H14.2033H14.1835H14.1636H14.1436H14.1236H14.1034H14.0832H14.0629H14.0426H14.0222H14.0016H13.9811H13.9604H13.9397H13.9189H13.898H13.877H13.856H13.8349H13.8137H13.7925H13.7711H13.7498H13.7283H13.7068H13.6852H13.6635H13.6417H13.6199H13.598H13.5761H13.554H13.5319H13.5098H13.4875H13.4652H13.4429H13.4204H13.3979H13.3754H13.3527H13.33H13.3072H13.2844H13.2615H13.2385H13.2155H13.1924H13.1692H13.146H13.1227H13.0994H13.0759H13.0525H13.0289H13.0053H12.9816H12.9579H12.9341H12.9102H12.8863H12.8624H12.8383H12.8142H12.79H12.7658H12.7415H12.7172H12.6928H12.6684H12.6438H12.6193H12.5946H12.5699H12.5452H12.5204H12.4955H12.4706H12.4456H12.4206H12.3955H12.3704H12.3452H12.3199H12.2946H12.2693H12.2439H12.2184H12.1929H12.1673H12.1417H12.116H12.0903H12.0645H12.0386H12.0128H11.9868H11.9608H11.9348H11.9087H11.8826H11.8564H11.8301H11.8038H11.7775H11.7511H11.7247H11.6982H11.6717H11.6451H11.6185H11.5918H11.5651H11.5383H11.5115H11.4846H11.4577H11.4308H11.4038H11.3768H11.3497H11.3226H11.2954H11.2682H11.2409H11.2136H11.1863H11.1589H11.1315H11.104H11.0765H11.0489H11.0213H10.9937H10.966H10.9383H10.9105H10.8828H10.8549H10.827H10.7991H10.7712H10.7432H10.7152H10.6871H10.659H10.6309H10.6027H10.5745H10.5462H10.5179H10.4896H10.4613H10.4329H10.4044H10.376H10.3475H10.3189H10.2904H10.2618H10.2332H10.2045H10.1758H10.1471H10.1183H10.0895H10.0607H10.0318H10.003H9.97403H9.94509H9.91611H9.8871H9.85807H9.829H9.79991H9.77078H9.74163H9.71245H9.68324H9.65401H9.62474H9.59545H9.56613H9.53679H9.50742H9.47803H9.4486H9.41916H9.38969H9.36019H9.33067H9.30112H9.27155H9.24196H9.21234H9.1827H9.15304H9.12336H9.09365H9.06392H9.03417H9.0044H8.97461H8.94479H8.91496H8.8851H8.85523H8.82533H8.79542H8.76548H8.73553H8.70556H8.67557H8.64556H8.61554H8.58549H8.55543H8.52536H8.49526H8.46515H8.43503H8.40488H8.37473H8.34455H8.31437H8.28416H8.25395H8.22371H8.19347H8.16321H8.13294H8.10265H8.07236H8.04205H8.01173H7.98139H7.95105H7.92069H7.89032H7.85994H7.82955H7.79915H7.76874H7.73832H7.7079H7.67746H7.64701H7.61656H7.58609H7.55562H7.52515H7.49466H7.46417H7.43367H7.40316H7.37265H7.34213H7.3116H7.28107H7.25054H7.22H7.18945H7.1589H7.12835H7.09779H7.06723H7.03667H7.0061H6.97554H6.94496H6.91439H6.88382H6.85324H6.82266H6.79208H6.7615H6.73092H6.70034H6.66976H6.63919H6.60861H6.57803H6.54745H6.51688H6.48631H6.45574H6.42517H6.3946H6.36404H6.33348H6.30292H6.27237H6.24183H6.21128H6.18074H6.15021H6.11968H6.08916H6.05864H6.02813H5.99763H5.96713H5.93664H5.90615H5.87568H5.84521H5.81475H5.78429H5.75385H5.72342H5.69299H5.66257H5.63217H5.60177H5.57139H5.54101H5.51065H5.48029H5.44995H5.41962H5.3893H5.35899H5.3287H5.29842H5.26815H5.2379H5.20766H5.17743H5.14722H5.11702H5.08684H5.05667H5.02651H4.99638H4.96626H4.93615H4.90606H4.87599H4.84593H4.8159H4.78588H4.75587H4.72589H4.69592H4.66598H4.63605H4.60614H4.57625H4.54638H4.51653H4.48671H4.4569H4.42711H4.39734H4.3676H4.33788H4.30818H4.2785H4.24884H4.21921H4.1896H4.16001H4.13045H4.10091H4.0714H4.04191H4.01245H3.98301H3.95359H3.92421H3.89485H3.86551H3.8362H3.80692H3.77766H3.74844H3.71924H3.69006H3.66092H3.6318H3.60272H3.57366H3.54463H3.51563H3.48667H3.45773H3.42882H3.39994H3.3711H3.34228H3.3135H3.28475H3.25603H3.22735H3.19869H3.17007H3.14148H3.11293H3.08441H3.05593H3.02748H2.99906C2.03164 1.25 1.25 2.03442 1.25 3V29C1.25 29.9665 2.0335 30.75 3 30.75Z", stroke: "#6E6E6E", strokeWidth: "1.5" }),
+    React.createElement("path", { d: "M8 24C10.1212 20.9815 15.8909 16.7556 22 24", stroke: "#6E6E6E", strokeWidth: "1.5", strokeLinecap: "round" }),
+    React.createElement("path", { d: "M8 8C8 8 8 9.04738 8 11", stroke: "#6E6E6E", strokeWidth: "1.5", strokeLinecap: "round" }),
+    React.createElement("path", { d: "M16 2V12H26", stroke: "#6E6E6E", strokeWidth: "1.5" })));
+export default UnsupportedFormatFileIcon;

package/dist/es/index.js

@@ -44,6 +44,7 @@ export * from './components/Tip';
 export * from './components/icons';
 export * from './components/Inspector';
 export * from './components/InspectorSection';
+export { default as inlineFiles } from './lib/inlineFiles';
 export { default as PdfPreview } from './components/PdfPreview';
 export * from './components/SubmissionInspector';
 export * from './components/Dropdown';

package/dist/es/lib/inlineFiles.js

@@ -1,4 +1,4 @@
-import { getModelsByType, hasObjectType, } from '@manuscripts/manuscript-transform';
+import { hasObjectType } from '@manuscripts/manuscript-transform';
 import { ObjectTypes, } from '@manuscripts/manuscripts-json-schema';
 import { FileType } from '../components/FileManager/util';
 const getCaptionText = (caption) => caption &&
@@ -35,49 +35,82 @@ const getFigureData = (element, modelMap, attachmentsMap) => {
 export default (modelMap, attachments) => {
     const files = [];
     const attachmentsMap = new Map(attachments.map((attachment) => [attachment.id, attachment]));
-    getModelsByType(modelMap, ObjectTypes.Section).map((section) => {
-        var _a, _b;
-        if (section.category === 'MPSectionCategory:abstract-graphical') {
-            (_a = section.elementIDs) === null || _a === void 0 ? void 0 : _a.some((elementId) => {
-                const element = modelMap.get(elementId);
-                if (element && hasObjectType(ObjectTypes.FigureElement)(element)) {
-                    files.unshift(Object.assign(Object.assign({}, getFigureData(element, modelMap, attachmentsMap)), { label: `Graphical Abstract`, type: FileType.GraphicalAbstract }));
-                    return true;
-                }
+    const { graphicalAbstractFigureId, figureElement, tableElement } = getAuxiliaryObjects(modelMap);
+    if (graphicalAbstractFigureId) {
+        const element = modelMap.get(graphicalAbstractFigureId);
+        files.unshift(Object.assign(Object.assign({}, getFigureData(element, modelMap, attachmentsMap)), { label: `Graphical Abstract`, type: FileType.GraphicalAbstract }));
+    }
+    figureElement.map((id, index) => {
+        const element = modelMap.get(id);
+        files.push(Object.assign(Object.assign({}, getFigureData(element, modelMap, attachmentsMap)), { label: `Figure ${index + 1}`, type: FileType.Figure }));
+    });
+    tableElement.map((id) => {
+        var _a;
+        const tableElement = modelMap.get(id);
+        const table = modelMap.get(tableElement.containedObjectID);
+        const externalFileReference = (_a = table === null || table === void 0 ? void 0 : table.externalFileReferences) === null || _a === void 0 ? void 0 : _a.find((file) => file.kind === 'dataset' && file.ref);
+        const attachment = getAttachment(externalFileReference, attachmentsMap);
+        if (attachment) {
+            files.push({
+                id: tableElement._id,
+                label: `Table`,
+                type: FileType.SheetsWorkbooks,
+                attachments: [attachment],
+                caption: getCaptionText(tableElement.caption),
             });
         }
-        else {
-            (_b = section.elementIDs) === null || _b === void 0 ? void 0 : _b.map((elementId) => {
-                var _a;
-                const element = modelMap.get(elementId);
-                if (!element) {
-                    return;
+    });
+    return files;
+};
+const getAuxiliaryObjects = (modelMap) => {
+    var _a, _b;
+    let graphicalAbstractFigureId;
+    const figureElementIds = [], tableElementIds = [], orderObjects = {};
+    for (const model of modelMap.values()) {
+        switch (model.objectType) {
+            case ObjectTypes.Section: {
+                const section = model;
+                if (section.category === 'MPSectionCategory:abstract-graphical') {
+                    graphicalAbstractFigureId = (_a = section.elementIDs) === null || _a === void 0 ? void 0 : _a.find((id) => {
+                        const obj = modelMap.get(id);
+                        return obj && hasObjectType(ObjectTypes.FigureElement)(obj);
+                    });
                 }
-                switch (element.objectType) {
-                    case ObjectTypes.FigureElement:
-                    case ObjectTypes.MultiGraphicFigureElement: {
-                        files.push(Object.assign(Object.assign({}, getFigureData(element, modelMap, attachmentsMap)), { label: `Figure`, type: FileType.Figure }));
-                        break;
-                    }
-                    case ObjectTypes.TableElement: {
-                        const tableElement = element;
-                        const table = modelMap.get(tableElement.containedObjectID);
-                        const externalFileReference = (_a = table.externalFileReferences) === null || _a === void 0 ? void 0 : _a.find((file) => file.kind === 'dataset' && file.ref);
-                        const attachment = getAttachment(externalFileReference, attachmentsMap);
-                        if (attachment) {
-                            files.push({
-                                id: element._id,
-                                label: `Table`,
-                                type: FileType.SheetsWorkbooks,
-                                attachments: [attachment],
-                                caption: getCaptionText(tableElement.caption),
-                            });
+                else {
+                    (_b = section.elementIDs) === null || _b === void 0 ? void 0 : _b.map((elementId) => {
+                        const element = modelMap.get(elementId);
+                        if (!element) {
+                            return;
                         }
-                        break;
-                    }
+                        switch (element.objectType) {
+                            case ObjectTypes.FigureElement:
+                            case ObjectTypes.MultiGraphicFigureElement:
+                                figureElementIds.push(element._id);
+                                break;
+                            case ObjectTypes.TableElement:
+                                tableElementIds.push(element._id);
+                                break;
+                        }
+                    });
                 }
-            });
+                break;
+            }
+            case ObjectTypes.ElementsOrder: {
+                const elementsOrder = model;
+                orderObjects[elementsOrder.elementType] = elementsOrder;
+            }
         }
-    });
-    return files;
+    }
+    return {
+        graphicalAbstractFigureId,
+        figureElement: orderObjects[ObjectTypes.FigureElement]
+            ? sortAuxiliaryObject(orderObjects[ObjectTypes.FigureElement], figureElementIds)
+            : figureElementIds,
+        tableElement: orderObjects[ObjectTypes.TableElement]
+            ? sortAuxiliaryObject(orderObjects[ObjectTypes.TableElement], tableElementIds)
+            : tableElementIds,
+    };
+};
+const sortAuxiliaryObject = (orderObject, auxiliaryObjectIds) => {
+    return auxiliaryObjectIds.sort((a, b) => orderObject.elements.indexOf(a) - orderObject.elements.indexOf(b));
 };

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

@@ -1,4 +1,5 @@
 import React, { Dispatch } from 'react';
+import { Capabilities } from '../../../lib/capabilities';
 import { Action } from '../FileSectionState';
 import { Designation } from '../util';
 export declare const DesignationActions: React.FC<{
@@ -8,5 +9,6 @@ export declare const DesignationActions: React.FC<{
     handleChangeDesignation?: (submissionId: string, attachmentId: string, typeId: string, name: string) => Promise<boolean>;
     submissionId: string;
     fileName: string;
+    can: Capabilities | null;
     dispatch?: Dispatch<Action>;
 }>;

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

@@ -1,7 +1,7 @@
-import { Model } from '@manuscripts/manuscripts-json-schema';
 import React, { Dispatch } from 'react';
 import { SubmissionAttachment } from './FileSectionItem/FileSectionItem';
 import { Action } from './FileSectionState';
+import { FileType } from './util';
 export interface ExternalFileRef {
     url: string;
     kind?: string;
@@ -9,8 +9,13 @@ export interface ExternalFileRef {
 }
 export declare const InlineFilesSection: React.FC<{
     submissionId: string;
-    attachments: SubmissionAttachment[];
-    modelMap: Map<string, Model>;
+    inlineFiles: {
+        id: string;
+        label: string;
+        type: FileType;
+        caption?: string;
+        attachments?: SubmissionAttachment[];
+    }[];
     handleReplace: (submissionId: string, attachmentId: string, name: string, file: File, typeId: string) => Promise<boolean>;
     handleDownload: (url: string) => void;
     isEditor: boolean;

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

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 /// <reference types="react" />
-export declare const CenteredForm: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "title" | "role" | "name" | "placeholder" | "slot" | "style" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoComplete" | "method" | "target" | "acceptCharset" | "action" | "encType" | "noValidate"> & import("react").RefAttributes<HTMLFormElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const CenteredForm: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "title" | "role" | "name" | "id" | "placeholder" | "slot" | "style" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoComplete" | "method" | "target" | "acceptCharset" | "action" | "encType" | "noValidate"> & import("react").RefAttributes<HTMLFormElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const FormHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FormActions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FormError: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/types/components/icons/unsupported-format-file-icon.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * © 2019 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.
+ */
+import React from 'react';
+import { IconProps } from './types';
+declare const UnsupportedFormatFileIcon: React.FC<IconProps>;
+export default UnsupportedFormatFileIcon;

package/dist/types/index.d.ts

@@ -45,6 +45,7 @@ export * from './components/Tip';
 export * from './components/icons';
 export * from './components/Inspector';
 export * from './components/InspectorSection';
+export { default as inlineFiles } from './lib/inlineFiles';
 export { default as PdfPreview } from './components/PdfPreview';
 export * from './components/SubmissionInspector';
 export * from './components/Dropdown';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "0.31.0",
+  "version": "0.31.4",
   "repository": "gitlab:atypon-opensource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -64,7 +64,7 @@
     "@manuscripts/data": "^0.1.0",
     "@manuscripts/examples": "^0.0.7",
     "@manuscripts/manuscript-transform": "^0.48.16",
-    "@manuscripts/manuscripts-json-schema": "^1.49.5",
+    "@manuscripts/manuscripts-json-schema": "^1.49.11",
     "@manuscripts/publish": "^0.2.2",
     "@storybook/addon-actions": "^5.3.14",
     "@storybook/addons": "^5.3.14",