@dexteel/mesf-core 6.1.4 → 6.2.1

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "6.1.4"
+  ".": "6.2.1"
 }

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [6.2.1](https://github.com/dexteel/mesf-core-frontend/compare/mesf-core-v6.2.0...mesf-core-v6.2.1) (2025-10-28)
+
+
+### Bug Fixes
+
+* **logbook:** fix attachment download and delete dialog state management ([95c588e](https://github.com/dexteel/mesf-core-frontend/commit/95c588ef9071a1872fe201ea825e0f7e0636cf35))
+
+## [6.2.0](https://github.com/dexteel/mesf-core-frontend/compare/mesf-core-v6.1.4...mesf-core-v6.2.0) (2025-10-27)
+
+
+### Features
+
+* **Logbook:** add preview and download functionality for attachments ([4502347](https://github.com/dexteel/mesf-core-frontend/commit/4502347138321f1edb6539693121f8add29a7147))
+
 ## [6.1.4](https://github.com/dexteel/mesf-core-frontend/compare/mesf-core-v6.1.3...mesf-core-v6.1.4) (2025-10-24)
 
 

package/dist/index.esm.js

@@ -8,7 +8,7 @@ import React__default, { createContext, useContext, useState, useRef, useEffect,
 import IconButton from '@material-ui/core/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
 import Alert$3 from '@material-ui/lab/Alert';
-import { ArrowRight, ArrowBackRounded, ArrowForwardRounded, SkipNext, ChevronLeft, ChevronRight, Send, Menu as Menu$1, People, Storage, Group, Assignment, Chat, Timeline, ViewList, Build, Settings as Settings$2, AttachFile, CloudUpload, GetApp, Delete } from '@material-ui/icons';
+import { ArrowRight, ArrowBackRounded, ArrowForwardRounded, SkipNext, ChevronLeft, ChevronRight, Send, Menu as Menu$1, People, Storage, Group, Assignment, Chat, Timeline, ViewList, Build, Settings as Settings$2, AttachFile, CloudUpload, Visibility, GetApp, Delete } from '@material-ui/icons';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
 import moment$9 from 'moment-timezone';
 import { useParams, useNavigate, useSearchParams, Link, Navigate, Routes, Route, useLocation, BrowserRouter } from 'react-router-dom';
@@ -15441,16 +15441,14 @@ var useEntrySubmission = function (_a) {
 
 var DeleteAttachmentConfirmationDialog = function (_a) {
     var open = _a.open, attachmentName = _a.attachmentName, onClose = _a.onClose, _b = _a.isDeleting, isDeleting = _b === void 0 ? false : _b;
-    var _c = useState(false), isClosing = _c[0], setIsClosing = _c[1];
     var handleCancel = function () {
-        if (isClosing)
+        if (isDeleting)
             return;
         onClose(false);
     };
     var handleConfirm = function () {
-        if (isClosing)
+        if (isDeleting)
             return;
-        setIsClosing(true);
         onClose(true);
     };
     return (React__default.createElement(Dialog$1, { open: open, onClose: handleCancel, "aria-labelledby": "delete-attachment-dialog-title", "aria-describedby": "delete-attachment-dialog-description" },
@@ -15461,8 +15459,8 @@ var DeleteAttachmentConfirmationDialog = function (_a) {
                 React__default.createElement("b", null, attachmentName),
                 "? This action cannot be undone.")),
         React__default.createElement(DialogActions$1, null,
-            React__default.createElement(Button, { onClick: handleCancel, color: "default", disabled: isClosing }, "Cancel"),
-            React__default.createElement(Button, { onClick: handleConfirm, color: "secondary", variant: "contained", disabled: isClosing, startIcon: isDeleting && React__default.createElement(CircularProgress, { size: "1rem" }) }, "Delete"))));
+            React__default.createElement(Button, { onClick: handleCancel, color: "default", disabled: isDeleting }, "Cancel"),
+            React__default.createElement(Button, { onClick: handleConfirm, color: "secondary", variant: "contained", disabled: isDeleting, startIcon: isDeleting && React__default.createElement(CircularProgress, { size: "1rem" }) }, "Delete"))));
 };
 
 var useStyles$2 = makeStyles$1(function (theme) {
@@ -15505,6 +15503,7 @@ var useStyles$2 = makeStyles$1(function (theme) {
         },
     });
 });
+var PREVIEWABLE_EXTENSIONS = ["jpg", "jpeg", "png", "pdf"];
 var AttachmentModal = function (_a) {
     var open = _a.open, onClose = _a.onClose, entryId = _a.entryId, isEditing = _a.isEditing, entryData = _a.entryData, onEntrySubmitted = _a.onEntrySubmitted;
     var classes = useStyles$2();
@@ -15553,9 +15552,11 @@ var AttachmentModal = function (_a) {
     // Mutations
     var uploadMutation = useMutation(upsertEntryAttachment, {
         onSuccess: function () {
-            queryClient.invalidateQueries(["entryAttachments", currentEntryId]);
-            queryClient.invalidateQueries(["entries"]);
-            queryClient.invalidateQueries(["entriesReport"]);
+            queryClient.invalidateQueries({
+                queryKey: ["entryAttachments", currentEntryId],
+            });
+            queryClient.invalidateQueries({ queryKey: ["entries"] });
+            queryClient.invalidateQueries({ queryKey: ["entriesReport"] });
         },
         onError: function (error) {
             setError(error.message);
@@ -15566,9 +15567,11 @@ var AttachmentModal = function (_a) {
         return deleteEntryAttachment(entryAttachmentId, uploadFileId);
     }, {
         onSuccess: function () {
-            queryClient.invalidateQueries(["entryAttachments", currentEntryId]);
-            queryClient.invalidateQueries(["entries"]);
-            queryClient.invalidateQueries(["entriesReport"]);
+            queryClient.invalidateQueries({
+                queryKey: ["entryAttachments", currentEntryId],
+            });
+            queryClient.invalidateQueries({ queryKey: ["entries"] });
+            queryClient.invalidateQueries({ queryKey: ["entriesReport"] });
         },
         onError: function (error) {
             setError(error.message);
@@ -15608,9 +15611,11 @@ var AttachmentModal = function (_a) {
                     // Then create the attachment record
                     _b.sent();
                     // Invalidate queries for the specific entry and the main entries lists
-                    queryClient.invalidateQueries(["entryAttachments", targetEntryId]);
-                    queryClient.invalidateQueries(["entries"]);
-                    queryClient.invalidateQueries(["entriesReport"]);
+                    queryClient.invalidateQueries({
+                        queryKey: ["entryAttachments", targetEntryId],
+                    });
+                    queryClient.invalidateQueries({ queryKey: ["entries"] });
+                    queryClient.invalidateQueries({ queryKey: ["entriesReport"] });
                     _b.label = 5;
                 case 5:
                     _i++;
@@ -15727,21 +15732,22 @@ var AttachmentModal = function (_a) {
         }
         setAttachmentToDelete(null);
     };
-    // This function is no longer needed as we're using direct anchor links
-    // Keeping it as a reference in case it's needed elsewhere
-    /*
-    const handleDownloadAttachment = (attachment: EntryAttachment) => {
-        // Use the URL property with proper encoding
-        const encodedUrl = attachment.URL;
-        const link = document.createElement("a");
-        link.href = encodedUrl;
-        link.download = attachment.AttachmentName;
-        link.target = "_blank";
+    // Check if file can be previewed in browser
+    var isPreviewable = function (fileName) {
+        var extension = fileName.toLowerCase().split(".").pop() || "";
+        return PREVIEWABLE_EXTENSIONS.includes(extension);
+    };
+    var handleDownloadAttachment = function (attachment) {
+        var link = document.createElement("a");
+        link.href = attachment.URL;
+        console.log("attachment", attachment);
+        console.log("attachment.URL", attachment.URL);
+        console.log("link.href", link.href);
+        link.setAttribute("target", "_blank");
+        link.setAttribute("download", attachment.AttachmentName);
         document.body.appendChild(link);
         link.click();
-        document.body.removeChild(link);
     };
-    */
     var onDrop = useCallback(function (acceptedFiles) {
         if (isEditing) {
             handleFileUpload(acceptedFiles);
@@ -15779,13 +15785,9 @@ var AttachmentModal = function (_a) {
                         React__default.createElement(AttachFile, null)),
                     React__default.createElement(ListItemText, { primary: attachment.AttachmentName, secondary: "Added by ".concat(attachment.CreatedBy, " on ").concat(attachment.CreationTime.toLocaleDateString()) }),
                     React__default.createElement(ListItemSecondaryAction, null,
-                        React__default.createElement("a", { href: attachment.URL, target: "_blank", rel: "noopener noreferrer", title: "Download", style: {
-                                display: "inline-flex",
-                                padding: 8,
-                                borderRadius: "50%",
-                                color: "inherit",
-                                textDecoration: "none",
-                            }, className: "MuiButtonBase-root MuiIconButton-root" },
+                        isPreviewable(attachment.AttachmentName) && (React__default.createElement(IconButton$1, { component: "a", href: attachment.URL, target: "_blank", rel: "noopener noreferrer", title: "Preview", size: "small", style: { marginRight: 8 } },
+                            React__default.createElement(Visibility, null))),
+                        React__default.createElement(IconButton$1, { onClick: function () { return handleDownloadAttachment(attachment); }, title: "Download", size: "small", style: { marginRight: isEditing ? 8 : 0 } },
                             React__default.createElement(GetApp, null)),
                         isEditing && (React__default.createElement(IconButton$1, { edge: "end", onClick: function () {
                                 return handleDeleteAttachment(attachment.EntryAttachmentId, attachment.UploadFileId, attachment.AttachmentName);
@@ -16716,7 +16718,7 @@ var routeLogbookEntry = "/logbook/entry";
 var LogbookPage$1 = function () {
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HelmetDexteel, { title: "Logbook Entry" }),
-        React__default.createElement(Grid, { container: true, style: { padding: 20 } },
+        React__default.createElement(Grid, { container: true, style: { padding: 20 }, onContextMenu: function (e) { return e.preventDefault(); } },
             React__default.createElement(Logbook$1, null))));
 };
 
@@ -17311,7 +17313,7 @@ var routeLogbookReport = "/logbook/report";
 var LogbookPage = function () {
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HelmetDexteel, { title: "Logbook Report" }),
-        React__default.createElement(Grid, { container: true, style: { padding: 20 } },
+        React__default.createElement(Grid, { container: true, style: { padding: 20 }, onContextMenu: function (e) { return e.preventDefault(); } },
             React__default.createElement(Logbook, null))));
 };