@dexteel/mesf-core 6.1.2 → 6.2.0

package/.github/workflows/publish-to-npm.yaml

@@ -9,7 +9,7 @@ on:
 jobs:
   publish:
     if: github.event.pull_request.merged == true && startsWith(github.event.pull_request.head.ref, 'release-please')
-    runs-on: ubuntu-latest
+    runs-on: self-hosted
     steps:
       - uses: actions/checkout@v4
       - name: Setup Node.js

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "6.1.2"
+  ".": "6.2.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [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)
+
+
+### Bug Fixes
+
+* **devops:** run publish to npm from self-hosted ([d92bd45](https://github.com/dexteel/mesf-core-frontend/commit/d92bd45a196c37f8f62e8566e12f5a6a29b631b4))
+
+## [6.1.3](https://github.com/dexteel/mesf-core-frontend/compare/mesf-core-v6.1.2...mesf-core-v6.1.3) (2025-10-24)
+
+
+### Bug Fixes
+
+* **Typings:** add exports of Logbook Entry typings ([0e98156](https://github.com/dexteel/mesf-core-frontend/commit/0e98156beeb001a5afe264930b6eb9816f46551f))
+
 ## [6.1.2](https://github.com/dexteel/mesf-core-frontend/compare/mesf-core-v6.1.1...mesf-core-v6.1.2) (2025-10-21)
 
 

package/dist/index.d.ts

@@ -32,3 +32,4 @@ export * from "./pages/trendings/TrendingsPage";
 export * from "./reducers/LogbookSettingsReducer";
 export * from "./services";
 export * from "./utils";
+export * from "./pages/logbook/entry/models";

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';
@@ -15505,6 +15505,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 +15554,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 +15569,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 +15613,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 +15734,41 @@ 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";
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
+    // 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) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, blob, url, link, error_4;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    return [4 /*yield*/, fetch(attachment.URL)];
+                case 1:
+                    response = _a.sent();
+                    return [4 /*yield*/, response.blob()];
+                case 2:
+                    blob = _a.sent();
+                    url = window.URL.createObjectURL(blob);
+                    link = document.createElement("a");
+                    link.href = url;
+                    link.download = attachment.FileName || attachment.AttachmentName;
+                    document.body.appendChild(link);
+                    link.click();
+                    document.body.removeChild(link);
+                    window.URL.revokeObjectURL(url);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_4 = _a.sent();
+                    console.error("Download failed:", error_4);
+                    setError("Failed to download file: ".concat(error_4));
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
     var onDrop = useCallback(function (acceptedFiles) {
         if (isEditing) {
             handleFileUpload(acceptedFiles);
@@ -15779,13 +15806,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.FileName || 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 +16739,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 +17334,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))));
 };
 
@@ -17505,5 +17528,5 @@ var areaSelector = /*#__PURE__*/Object.freeze({
     AreaSelector: AreaSelector
 });
 
-export { Account, AssetProvider, AssetTreePicker, AuthContext, AuthProvider, BarChartControl, ButtonWithLoading, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, ContextMenu$1 as ContextMenu, ContextMenuMESFProvider, CreateNewAssetDialog, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, EditAssetDialog, ErrorModal, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HelmetDexteel, IntegerFormatter, LogbookSettingsInitialState, LogbookSettingsProvider, Login, Logout, LongFilterPanel, MESApiService, MESFLogbookEntry, MESFLogbookReport, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, MesfModal, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, RemoveAssetDialog, ShiftDayNavigatorControl, ShiftNavigatorProvider, ShiftPeriodNavigatorControl, SimplePasswordControl, SimpleSelectorControl, TimeAndUserMenu, TimeFormatter, TimeService, TreePickerControl, TreePickerControlV2, TrendingsPage, USER_LABELS, UTLSettingsProvider, UserProvider, axiosInstance, deleteUser, dxtServerTimeZone, dxtToLocalServerTime, dxtToUTC, formatNumber, getAuthTypes, getCrewStyle, getDataUser, getError, getMomentTz, getShiftByParameters, getShiftStyle, getShiftsRangeByParameters, getTokenFromLS, getUserPermissionsFromAPI, getUsers, logbookNavbar, logbookRoutesMESF, renewToken, routeLogbookEntry, routeLogbookReport, searchAssets, setPassword, setProfilesToUser, themeDXT, themeMESF, upsertUser, useAssetContext, useContextMenuMESF, useHasPermission, useHasProfile, useLogbookSettings, useMesfRealtime, useShiftNavigator, useShiftNavigatorManager, useStyles$i as useStyles, useToken, useUTLSettingsContext, useUserContext };
+export { Account, AssetProvider, AssetTreePicker, AuthContext, AuthProvider, BarChartControl, ButtonWithLoading, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, ContextMenu$1 as ContextMenu, ContextMenuMESFProvider, CreateNewAssetDialog, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, ENTRY_INITIAL_VALUES, EditAssetDialog, ErrorModal, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HelmetDexteel, IntegerFormatter, LogbookSettingsInitialState, LogbookSettingsProvider, Login, Logout, LongFilterPanel, MESApiService, MESFLogbookEntry, MESFLogbookReport, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, MesfModal, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, RemoveAssetDialog, ShiftDayNavigatorControl, ShiftNavigatorProvider, ShiftPeriodNavigatorControl, SimplePasswordControl, SimpleSelectorControl, TimeAndUserMenu, TimeFormatter, TimeService, TreePickerControl, TreePickerControlV2, TrendingsPage, USER_LABELS, UTLSettingsProvider, UserProvider, axiosInstance, deleteUser, dxtServerTimeZone, dxtToLocalServerTime, dxtToUTC, formatNumber, getAuthTypes, getCrewStyle, getDataUser, getError, getMomentTz, getShiftByParameters, getShiftStyle, getShiftsRangeByParameters, getTokenFromLS, getUserPermissionsFromAPI, getUsers, logbookNavbar, logbookRoutesMESF, renewToken, routeLogbookEntry, routeLogbookReport, searchAssets, setPassword, setProfilesToUser, themeDXT, themeMESF, upsertUser, useAssetContext, useContextMenuMESF, useHasPermission, useHasProfile, useLogbookSettings, useMesfRealtime, useShiftNavigator, useShiftNavigatorManager, useStyles$i as useStyles, useToken, useUTLSettingsContext, useUserContext };
 //# sourceMappingURL=index.esm.js.map