@manuscripts/style-guide 0.30.23 → 0.30.24

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

@@ -148,7 +148,7 @@ const FileManager = ({ submissionId, externalFiles, modelMap, enableDragAndDrop,
                                 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, submissionId: submissionId, handleReplace: handleReplace, handleDownload: handleDownload, dispatch: dispatch })),
+                            react_1.default.createElement(InlineFilesSection_1.InlineFilesSection, { modelMap: modelMap, 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/InlineFilesSection.js

@@ -32,16 +32,19 @@ 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, dispatch }) => {
+const InlineFilesSection = ({ submissionId, handleReplace, handleDownload, modelMap, isEditor, dispatch, }) => {
     const inlineFiles = (0, react_1.useMemo)(() => (0, inlineFiles_1.default)(modelMap), [modelMap]);
     const onElementClick = (0, react_1.useCallback)((e) => {
+        if (!isEditor) {
+            return;
+        }
         const { id } = e.currentTarget;
         const isSelected = id == window.location.hash.substr(1);
         window.location.hash = !isSelected ? `#${id}` : '#';
         if (isSelected) {
             window.location.hash = `#${id}`;
         }
-    }, []);
+    }, [isEditor]);
     return (react_1.default.createElement("div", null, inlineFiles.map((file, index) => {
         var _a;
         return (react_1.default.createElement(ElementItem, { className: 'item', key: index, id: file.id, onClick: onElementClick },

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

@@ -123,7 +123,7 @@ export const FileManager = ({ submissionId, externalFiles, modelMap, enableDragA
                                 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, submissionId: submissionId, handleReplace: handleReplace, handleDownload: handleDownload, dispatch: dispatch })),
+                            React.createElement(InlineFilesSection, { modelMap: modelMap, 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/InlineFilesSection.js

@@ -7,16 +7,19 @@ import { FileDescription, FileInfoContainer, FileNameTitleContainer, FileTitle,
 import { ActionsIcon, Item } from './FileSectionItem/FileSectionItem';
 import { ItemActions } from './FileSectionItem/ItemActions';
 import { extensionsWithFileTypesMap, fileTypesWithIconMap } from './util';
-export const InlineFilesSection = ({ submissionId, handleReplace, handleDownload, modelMap, dispatch }) => {
+export const InlineFilesSection = ({ submissionId, handleReplace, handleDownload, modelMap, isEditor, dispatch, }) => {
     const inlineFiles = useMemo(() => getInlineFiles(modelMap), [modelMap]);
     const onElementClick = useCallback((e) => {
+        if (!isEditor) {
+            return;
+        }
         const { id } = e.currentTarget;
         const isSelected = id == window.location.hash.substr(1);
         window.location.hash = !isSelected ? `#${id}` : '#';
         if (isSelected) {
             window.location.hash = `#${id}`;
         }
-    }, []);
+    }, [isEditor]);
     return (React.createElement("div", null, inlineFiles.map((file, index) => {
         var _a;
         return (React.createElement(ElementItem, { className: 'item', key: index, id: file.id, onClick: onElementClick },

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

@@ -11,5 +11,6 @@ export declare const InlineFilesSection: React.FC<{
     modelMap: Map<string, Model>;
     handleReplace: (submissionId: string, name: string, file: File, typeId: string) => Promise<boolean>;
     handleDownload: (url: string) => void;
+    isEditor: boolean;
     dispatch: Dispatch<Action>;
 }>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "0.30.23",
+  "version": "0.30.24",
   "repository": "gitlab:atypon-opensource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",