@manuscripts/style-guide 1.1.3 → 1.1.4

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

@@ -36,6 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileManager = exports.PermissionsContext = void 0;
+const json_schema_1 = require("@manuscripts/json-schema");
 const transform_1 = require("@manuscripts/transform");
 const react_1 = __importStar(require("react"));
 const react_tooltip_1 = __importDefault(require("react-tooltip"));
@@ -87,6 +88,10 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
         }
         return response;
     }), [upload, saveModel]);
+    const handleSupplementReplace = (0, react_1.useCallback)((attachment, oldAttachmentId) => __awaiter(void 0, void 0, void 0, function* () {
+        const model = (0, transform_1.getModelsByType)(modelMap, json_schema_1.ObjectTypes.Supplement).find(({ href }) => (href === null || href === void 0 ? void 0 : href.replace('attachment:', '')) === oldAttachmentId);
+        yield saveModel(Object.assign(Object.assign({}, model), { title: attachment.name, href: `attachment:${attachment.id}` }));
+    }), [modelMap, saveModel]);
     const handleChangeDesignationFile = (0, react_1.useCallback)((attachmentId, typeId, name) => __awaiter(void 0, void 0, void 0, function* () {
         const res = yield changeDesignation(attachmentId, typeId, name);
         if (res) {
@@ -122,6 +127,7 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
         const itemsDataWithTitle = (0, util_1.generateAttachmentsTitles)(itemsData, fileSection);
         const filesItems = itemsDataWithTitle.map((element) => {
             const itemProps = {
+                fileSection,
                 externalFile: element.externalFile,
                 title: element.title,
                 showAttachmentName: isSupplementOrOtherFilesTab,
@@ -129,6 +135,7 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
                 showReplaceAction: !isOtherFilesTab,
                 handleDownload,
                 handleReplace: handleReplaceFile,
+                handleSupplementReplace,
                 handleChangeDesignation: handleChangeDesignationFile,
                 dispatch: dispatch,
             };

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

@@ -14,7 +14,7 @@ const util_1 = require("../util");
 const FileInfo_1 = require("./FileInfo");
 const FileTypeIcon_1 = require("./FileTypeIcon");
 const ItemActions_1 = require("./ItemActions");
-const FileSectionItem = ({ externalFile, title, showAttachmentName = false, showDesignationActions = false, showReplaceAction = true, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
+const FileSectionItem = ({ fileSection, externalFile, title, showAttachmentName = false, showDesignationActions = false, showReplaceAction = true, handleDownload, handleReplace, handleChangeDesignation, handleSupplementReplace, dispatch, dragRef, className, style, onClose, isEditor, }) => {
     const { isOpen, toggleOpen, wrapperRef } = (0, use_dropdown_1.useDropdown)();
     const fileExtension = externalFile.name.substring(externalFile.name.lastIndexOf('.') + 1);
     const designation = util_1.namesWithDesignationMap.get(externalFile.type.label);
@@ -38,7 +38,7 @@ const FileSectionItem = ({ externalFile, title, showAttachmentName = false, show
         handleDownload && handleReplace && (react_1.default.createElement(Dropdown_1.DropdownContainer, { ref: wrapperRef },
             react_1.default.createElement(exports.ActionsIcon, { onClick: toggleOpen, type: "button", "aria-label": "Download or Replace", "aria-pressed": isOpen },
                 react_1.default.createElement(dots_icon_1.default, null)),
-            isOpen && (react_1.default.createElement(ItemActions_1.ItemActions, { replaceAttachmentHandler: handleReplace, showReplaceAction: showReplaceAction, downloadAttachmentHandler: handleDownload, attachmentId: externalFile.id, fileName: externalFile.name, designation: externalFile.type.label, publicUrl: externalFile.link, hideActionList: toggleOpen, dispatch: dispatch }))))));
+            isOpen && (react_1.default.createElement(ItemActions_1.ItemActions, { fileSection: fileSection, replaceAttachmentHandler: handleReplace, showReplaceAction: showReplaceAction, downloadAttachmentHandler: handleDownload, handleSupplementReplace: handleSupplementReplace, attachmentId: externalFile.id, fileName: externalFile.name, designation: externalFile.type.label, publicUrl: externalFile.link, hideActionList: toggleOpen, dispatch: dispatch }))))));
 };
 exports.FileSectionItem = FileSectionItem;
 const IconCloseButton = styled_components_1.default.button `

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

@@ -39,7 +39,7 @@ const FileManager_1 = require("../FileManager");
 const FileSectionState_1 = require("../FileSectionState");
 const ItemsAction_1 = require("../ItemsAction");
 const util_1 = require("../util");
-const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, detachAttachmnetHandler, handleUpdateInline, attachmentId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, showReplaceAction, }) => {
+const ItemActions = ({ fileSection, downloadAttachmentHandler, replaceAttachmentHandler, handleSupplementReplace, detachAttachmnetHandler, handleUpdateInline, attachmentId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, showReplaceAction, }) => {
     const attachmentDesignation = designation == undefined ? 'undefined' : designation;
     const attachmentDesignationName = attachmentDesignation !== 'undefined'
         ? util_1.namesWithDesignationMap.get(attachmentDesignation)
@@ -65,6 +65,11 @@ const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, deta
                 dispatch(FileSectionState_1.actions.SELECT_DESIGNATION(attachmentDesignationName || util_1.Designation.Document));
             }
             const result = yield replaceAttachmentHandler(attachmentId, fileName, file, attachmentDesignation);
+            if (fileSection === util_1.FileSectionType.Supplements &&
+                typeof result === 'object' &&
+                handleSupplementReplace) {
+                handleSupplementReplace(result, attachmentId);
+            }
             if (typeof result === 'object' && handleUpdateInline) {
                 handleUpdateInline(result);
             }

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

@@ -74,7 +74,7 @@ const FileReference = ({ attachment, handleReplace, handleDownload, handleUpdate
         handleDownload && handleReplace && (react_1.default.createElement(DropdownContainer, { ref: wrapperRef },
             react_1.default.createElement(FileSectionItem_1.ActionsIcon, { onClick: toggleOpen, type: "button", className: 'external_file_dropdown', "aria-label": "Download or Replace or Detach", "aria-pressed": isOpen },
                 react_1.default.createElement(dots_icon_1.default, null)),
-            isOpen && (react_1.default.createElement(ItemActions_1.ItemActions, { replaceAttachmentHandler: handleReplace, showReplaceAction: true, handleUpdateInline: (uploadAttachment) => handleUpdateInline &&
+            isOpen && (react_1.default.createElement(ItemActions_1.ItemActions, { fileSection: util_1.FileSectionType.Inline, replaceAttachmentHandler: handleReplace, showReplaceAction: true, handleUpdateInline: (uploadAttachment) => handleUpdateInline &&
                     (attachment === null || attachment === void 0 ? void 0 : attachment.modelId) &&
                     handleUpdateInline(attachment.modelId, uploadAttachment), detachAttachmnetHandler: () => handleDetachFile &&
                     attachment.modelId &&

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

@@ -7,7 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { buildSupplementaryMaterial } from '@manuscripts/transform';
+import { ObjectTypes, } from '@manuscripts/json-schema';
+import { buildSupplementaryMaterial, getModelsByType, } from '@manuscripts/transform';
 import React, { createContext, useCallback, useReducer } from 'react';
 import ReactTooltip from 'react-tooltip';
 import { FileSectionType, useFiles } from '../../index';
@@ -58,6 +59,10 @@ export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileM
         }
         return response;
     }), [upload, saveModel]);
+    const handleSupplementReplace = useCallback((attachment, oldAttachmentId) => __awaiter(void 0, void 0, void 0, function* () {
+        const model = getModelsByType(modelMap, ObjectTypes.Supplement).find(({ href }) => (href === null || href === void 0 ? void 0 : href.replace('attachment:', '')) === oldAttachmentId);
+        yield saveModel(Object.assign(Object.assign({}, model), { title: attachment.name, href: `attachment:${attachment.id}` }));
+    }), [modelMap, saveModel]);
     const handleChangeDesignationFile = useCallback((attachmentId, typeId, name) => __awaiter(void 0, void 0, void 0, function* () {
         const res = yield changeDesignation(attachmentId, typeId, name);
         if (res) {
@@ -93,6 +98,7 @@ export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileM
         const itemsDataWithTitle = generateAttachmentsTitles(itemsData, fileSection);
         const filesItems = itemsDataWithTitle.map((element) => {
             const itemProps = {
+                fileSection,
                 externalFile: element.externalFile,
                 title: element.title,
                 showAttachmentName: isSupplementOrOtherFilesTab,
@@ -100,6 +106,7 @@ export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileM
                 showReplaceAction: !isOtherFilesTab,
                 handleDownload,
                 handleReplace: handleReplaceFile,
+                handleSupplementReplace,
                 handleChangeDesignation: handleChangeDesignationFile,
                 dispatch: dispatch,
             };

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

@@ -8,7 +8,7 @@ import { Designation, namesWithDesignationMap } from '../util';
 import { FileInfo } from './FileInfo';
 import { FileTypeIcon } from './FileTypeIcon';
 import { ItemActions } from './ItemActions';
-export const FileSectionItem = ({ externalFile, title, showAttachmentName = false, showDesignationActions = false, showReplaceAction = true, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
+export const FileSectionItem = ({ fileSection, externalFile, title, showAttachmentName = false, showDesignationActions = false, showReplaceAction = true, handleDownload, handleReplace, handleChangeDesignation, handleSupplementReplace, dispatch, dragRef, className, style, onClose, isEditor, }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();
     const fileExtension = externalFile.name.substring(externalFile.name.lastIndexOf('.') + 1);
     const designation = namesWithDesignationMap.get(externalFile.type.label);
@@ -32,7 +32,7 @@ export const FileSectionItem = ({ externalFile, title, showAttachmentName = fals
         handleDownload && handleReplace && (React.createElement(DropdownContainer, { ref: wrapperRef },
             React.createElement(ActionsIcon, { onClick: toggleOpen, type: "button", "aria-label": "Download or Replace", "aria-pressed": isOpen },
                 React.createElement(DotsIcon, null)),
-            isOpen && (React.createElement(ItemActions, { replaceAttachmentHandler: handleReplace, showReplaceAction: showReplaceAction, downloadAttachmentHandler: handleDownload, attachmentId: externalFile.id, fileName: externalFile.name, designation: externalFile.type.label, publicUrl: externalFile.link, hideActionList: toggleOpen, dispatch: dispatch }))))));
+            isOpen && (React.createElement(ItemActions, { fileSection: fileSection, replaceAttachmentHandler: handleReplace, showReplaceAction: showReplaceAction, downloadAttachmentHandler: handleDownload, handleSupplementReplace: handleSupplementReplace, attachmentId: externalFile.id, fileName: externalFile.name, designation: externalFile.type.label, publicUrl: externalFile.link, hideActionList: toggleOpen, dispatch: dispatch }))))));
 };
 const IconCloseButton = styled.button `
   border: none;

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

@@ -12,8 +12,8 @@ import { DropdownList } from '../../Dropdown';
 import { PermissionsContext } from '../FileManager';
 import { actions } from '../FileSectionState';
 import { ActionsItem } from '../ItemsAction';
-import { Designation, namesWithDesignationMap } from '../util';
-export const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, detachAttachmnetHandler, handleUpdateInline, attachmentId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, showReplaceAction, }) => {
+import { Designation, FileSectionType, namesWithDesignationMap } from '../util';
+export const ItemActions = ({ fileSection, downloadAttachmentHandler, replaceAttachmentHandler, handleSupplementReplace, detachAttachmnetHandler, handleUpdateInline, attachmentId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, showReplaceAction, }) => {
     const attachmentDesignation = designation == undefined ? 'undefined' : designation;
     const attachmentDesignationName = attachmentDesignation !== 'undefined'
         ? namesWithDesignationMap.get(attachmentDesignation)
@@ -39,6 +39,11 @@ export const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandle
                 dispatch(actions.SELECT_DESIGNATION(attachmentDesignationName || Designation.Document));
             }
             const result = yield replaceAttachmentHandler(attachmentId, fileName, file, attachmentDesignation);
+            if (fileSection === FileSectionType.Supplements &&
+                typeof result === 'object' &&
+                handleSupplementReplace) {
+                handleSupplementReplace(result, attachmentId);
+            }
             if (typeof result === 'object' && handleUpdateInline) {
                 handleUpdateInline(result);
             }

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

@@ -5,7 +5,7 @@ import DotsIcon from '../icons/dots-icon';
 import { FileInfoContainer, FileNameTitleContainer, FileTitle, } from './FileSectionItem/FileInfo';
 import { ActionsIcon, Item, } from './FileSectionItem/FileSectionItem';
 import { ItemActions } from './FileSectionItem/ItemActions';
-import { extensionsWithFileTypesMap, fileTypesWithIconMap, } from './util';
+import { extensionsWithFileTypesMap, FileSectionType, fileTypesWithIconMap, } from './util';
 const trackedJoint = ':dataTracked:';
 export const InlineFilesSection = ({ handleReplace, handleDownload, handleUpdateInline, handleDetachFile, inlineFiles, isEditor, dispatch, }) => {
     const onElementClick = useCallback((e) => {
@@ -44,7 +44,7 @@ const FileReference = ({ attachment, handleReplace, handleDownload, handleUpdate
         handleDownload && handleReplace && (React.createElement(DropdownContainer, { ref: wrapperRef },
             React.createElement(ActionsIcon, { onClick: toggleOpen, type: "button", className: 'external_file_dropdown', "aria-label": "Download or Replace or Detach", "aria-pressed": isOpen },
                 React.createElement(DotsIcon, null)),
-            isOpen && (React.createElement(ItemActions, { replaceAttachmentHandler: handleReplace, showReplaceAction: true, handleUpdateInline: (uploadAttachment) => handleUpdateInline &&
+            isOpen && (React.createElement(ItemActions, { fileSection: FileSectionType.Inline, replaceAttachmentHandler: handleReplace, showReplaceAction: true, handleUpdateInline: (uploadAttachment) => handleUpdateInline &&
                     (attachment === null || attachment === void 0 ? void 0 : attachment.modelId) &&
                     handleUpdateInline(attachment.modelId, uploadAttachment), detachAttachmnetHandler: () => handleDetachFile &&
                     attachment.modelId &&

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

@@ -3,6 +3,7 @@ import { DragElementWrapper, DragSourceOptions } from 'react-dnd';
 import { Maybe } from '../../SubmissionInspector/types';
 import { ChangeDesignation, Replace } from '../FileManager';
 import { Action } from '../FileSectionState';
+import { FileSectionType } from '../util';
 export type FileAttachment = {
     id: string;
     name: string;
@@ -15,6 +16,7 @@ export type FileAttachmentType = {
 };
 export interface FileSectionItemProps {
     externalFile: FileAttachment;
+    fileSection: FileSectionType;
     title: string;
     showAttachmentName?: boolean;
     showDesignationActions?: boolean;
@@ -22,6 +24,7 @@ export interface FileSectionItemProps {
     showReplaceAction?: boolean;
     handleDownload?: (url: string) => void;
     handleReplace?: Replace;
+    handleSupplementReplace?: (attachment: FileAttachment, oldAttachmentId: string) => void;
     handleChangeDesignation: ChangeDesignation;
     dispatch?: Dispatch<Action>;
     dragRef?: DragElementWrapper<DragSourceOptions>;

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

@@ -2,12 +2,15 @@ import React, { Dispatch } from 'react';
 import { Maybe } from '../../SubmissionInspector/types';
 import { Replace } from '../FileManager';
 import { Action } from '../FileSectionState';
+import { FileSectionType } from '../util';
 import { FileAttachment } from './FileSectionItem';
 export declare const ItemActions: React.FC<{
+    fileSection: FileSectionType;
     downloadAttachmentHandler: (url: string) => void;
     replaceAttachmentHandler: Replace;
     detachAttachmnetHandler?: () => void;
     handleUpdateInline?: (attachment: FileAttachment) => void;
+    handleSupplementReplace?: (attachment: FileAttachment, oldAttachmentId: string) => void;
     attachmentId: string;
     fileName: string;
     designation?: Maybe<string> | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",