@manuscripts/style-guide 0.31.1 → 0.31.6

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/icons/index.js

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MissingImage = exports.UploadIcon = exports.AttachIcon = exports.TaskStepNextIcon = exports.TaskStepDoneIcon = exports.TaskStepCurrentIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.UserIcon = exports.TickMarkIcon = exports.SearchIcon = exports.ProjectsListIcon = exports.ProjectIcon = exports.ProjectNotificationIcon = exports.OrcidIcon = exports.GoogleIcon = exports.CloseOIcon = exports.BookmarkIcon = exports.BackArrowIcon = exports.AddIconInverted = exports.AddIconActive = exports.AddAuthor = void 0;
+exports.UnsupportedFormatFileIcon = exports.MissingImage = exports.UploadIcon = exports.AttachIcon = exports.TaskStepNextIcon = exports.TaskStepDoneIcon = exports.TaskStepCurrentIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.UserIcon = exports.TickMarkIcon = exports.SearchIcon = exports.ProjectsListIcon = exports.ProjectIcon = exports.ProjectNotificationIcon = exports.OrcidIcon = exports.GoogleIcon = exports.CloseOIcon = exports.BookmarkIcon = exports.BackArrowIcon = exports.AddIconInverted = exports.AddIconActive = exports.AddAuthor = void 0;
 var add_author_1 = require("./add-author");
 Object.defineProperty(exports, "AddAuthor", { enumerable: true, get: function () { return __importDefault(add_author_1).default; } });
 var add_icon_active_1 = require("./add-icon-active");
@@ -63,3 +63,5 @@ var upload_1 = require("./upload");
 Object.defineProperty(exports, "UploadIcon", { enumerable: true, get: function () { return __importDefault(upload_1).default; } });
 var missing_image_1 = require("./missing-image");
 Object.defineProperty(exports, "MissingImage", { enumerable: true, get: function () { return __importDefault(missing_image_1).default; } });
+var unsupported_format_file_icon_1 = require("./unsupported-format-file-icon");
+Object.defineProperty(exports, "UnsupportedFormatFileIcon", { enumerable: true, get: function () { return __importDefault(unsupported_format_file_icon_1).default; } });

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/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/icons/index.js

@@ -35,3 +35,4 @@ export { default as TaskStepNextIcon } from './task-step-next';
 export { default as AttachIcon } from './attach';
 export { default as UploadIcon } from './upload';
 export { default as MissingImage } from './missing-image';
+export { default as UnsupportedFormatFileIcon } from './unsupported-format-file-icon';

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/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/index.d.ts

@@ -35,3 +35,4 @@ export { default as TaskStepNextIcon } from './task-step-next';
 export { default as AttachIcon } from './attach';
 export { default as UploadIcon } from './upload';
 export { default as MissingImage } from './missing-image';
+export { default as UnsupportedFormatFileIcon } from './unsupported-format-file-icon';

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.1",
+  "version": "0.31.6",
   "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",