@dexteel/mesf-core 7.10.0 → 7.11.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "7.10.0"
+  ".": "7.11.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## [7.11.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.10.1...@dexteel/mesf-core-v7.11.0) (2026-01-13)
+
+
+### Features
+
+* **auth:** Enhance login flow with error handling and redirect support ([3015688](https://github.com/dexteel/mesf-core-frontend/commit/301568807376ed71de3198fb34c3702058617c2d))
+
+
+### Bug Fixes
+
+* **button-with-loading:** Difference isLoading and disabled. ([62642aa](https://github.com/dexteel/mesf-core-frontend/commit/62642aa289676460011ff895f1fbd8a222440254))
+
+## [7.10.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.10.0...@dexteel/mesf-core-v7.10.1) (2025-12-30)
+
+
+### Bug Fixes
+
+* **trendings-v2:** anchor zoom to mouse cursor position ([d3b959a](https://github.com/dexteel/mesf-core-frontend/commit/d3b959ae547ef6c0db0faa3e5f35c706844617e7))
+
 ## [7.10.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.9.0...@dexteel/mesf-core-v7.10.0) (2025-12-29)
 
 

package/dist/account/login.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { LoginParams } from "./models/login.models";
-export declare function Login({ authConfig }: LoginParams): React.JSX.Element;
+export declare function Login({ authConfig, initialError }: LoginParams): React.JSX.Element;

package/dist/account/models/login.models.d.ts

@@ -2,6 +2,7 @@ import { AuthConfig } from "../AuthProvider";
 export type LoginParams = {
     setToken?: Function;
     authConfig: AuthConfig;
+    initialError?: string;
 };
 type Permission = string;
 export type UserMESData = {

package/dist/index.esm.js

@@ -7271,26 +7271,44 @@ var LoginWithAzureAD = function (_a) {
 };
 
 function Login(_a) {
-    var authConfig = _a.authConfig;
+    var authConfig = _a.authConfig, initialError = _a.initialError;
     var params = useRef(new URL(document.location).searchParams);
     var _b = useState(false), open = _b[0], setOpen = _b[1];
     var _c = useState(""), message = _c[0], setMessage = _c[1];
+    var _d = useState("info"), severity = _d[0], setSeverity = _d[1];
     var useEmailAndPassword = get(authConfig, "useEmailAndPassword", true);
     var useAzureAD = get(authConfig, "useAzureAD", false);
     var useWindowsAuth = get(authConfig, "useWindowsAuth", false);
     var guestIsEnabled = get(authConfig, "guestIsEnabled", false);
+    var getBase = function () { var _a; return ((_a = document.getElementsByTagName("base")[0]) === null || _a === void 0 ? void 0 : _a.getAttribute("href")) || "/"; };
     var handleClose = function () {
         setOpen(false);
-        params.current.delete("message");
-        var newUrl = window.location.origin + "?" + params.current.toString();
+        // Read current URL params (not the ref) to preserve redirectTo
+        var currentParams = new URL(document.location).searchParams;
+        currentParams.delete("message");
+        currentParams.delete("error");
+        var base = getBase();
+        var queryString = currentParams.toString();
+        var newUrl = "".concat(window.location.origin).concat(base).concat(queryString ? "?".concat(queryString) : "");
         window.history.replaceState({ path: newUrl }, "", newUrl);
     };
     useEffect(function () {
-        if (params.current.has("message")) {
+        if (initialError) {
+            setMessage(initialError);
+            setSeverity("error");
+            setOpen(true);
+        }
+        else if (params.current.has("error")) {
+            setMessage(params.current.get("error"));
+            setSeverity("error");
+            setOpen(true);
+        }
+        else if (params.current.has("message")) {
             setMessage(params.current.get("message"));
+            setSeverity("info");
             setOpen(true);
         }
-    }, [params.toString()]);
+    }, [initialError]);
     return (React__default.createElement(Box, { sx: {
             minHeight: "100vh",
             backgroundImage: "linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)",
@@ -7384,9 +7402,10 @@ function Login(_a) {
                                 useAzureAD && (React__default.createElement(LoginWithAzureAD, { config: authConfig.AzureConfig })),
                                 guestIsEnabled && React__default.createElement(LoginAsGuest, null))))))))),
         React__default.createElement(Snackbar, { open: open, autoHideDuration: 6000, onClose: handleClose, anchorOrigin: { vertical: "bottom", horizontal: "center" } },
-            React__default.createElement(Alert$4, { onClose: handleClose, severity: "info", variant: "filled" }, message))));
+            React__default.createElement(Alert$4, { onClose: handleClose, severity: severity, variant: "filled" }, message))));
 }
 
+var getBase = function () { var _a; return ((_a = document.getElementsByTagName("base")[0]) === null || _a === void 0 ? void 0 : _a.getAttribute("href")) || "/"; };
 var AuthProvider = function (_a) {
     var children = _a.children, authConfig = _a.authConfig;
     var useTokenHook = useToken();
@@ -7397,18 +7416,42 @@ var AuthProvider = function (_a) {
 };
 var Authenticated = function (_a) {
     var children = _a.children;
+    var redirectTo = new URL(document.location).searchParams.get("redirectTo");
+    useEffect(function () {
+        if (redirectTo) {
+            window.location.href = decodeURIComponent(redirectTo);
+        }
+    }, []);
+    if (redirectTo) {
+        return null;
+    }
     return React__default.createElement(React__default.Fragment, null, children);
 };
 var Unauthenticated = function (_a) {
     var authConfig = _a.authConfig;
     var clearUserData = useContext(AuthContext).clearUserData;
-    var params = useRef(new URL(document.location).searchParams);
+    var currentUrl = new URL(document.location);
+    var base = getBase();
+    var basePath = base.endsWith("/") ? base.slice(0, -1) : base;
+    var isRootPath = currentUrl.pathname === "/" ||
+        currentUrl.pathname === base ||
+        currentUrl.pathname === basePath;
+    var hasRedirectTo = currentUrl.searchParams.has("redirectTo");
+    var shouldShowError = !isRootPath && !hasRedirectTo;
     useEffect(function () {
         clearUserData();
-        var newUrl = window.location.origin + "?" + params.current.toString();
-        window.history.replaceState({ path: newUrl }, "", newUrl);
+        if (shouldShowError) {
+            var fullPath = currentUrl.pathname + currentUrl.search;
+            var newParams = new URLSearchParams();
+            newParams.set("redirectTo", fullPath);
+            newParams.set("error", "Session expired. Please log in to continue");
+            var newUrl = "".concat(window.location.origin).concat(base, "?").concat(newParams.toString());
+            window.history.replaceState({ path: newUrl }, "", newUrl);
+        }
     }, []);
-    return React__default.createElement(Login, { authConfig: authConfig });
+    return (React__default.createElement(Login, { authConfig: authConfig, initialError: shouldShowError
+            ? "Session expired. Please log in to continue"
+            : undefined }));
 };
 
 function Logout() {
@@ -7506,7 +7549,7 @@ var TimeAndUserMenu = function () {
 
 var ButtonWithLoading = function (_a) {
     var children = _a.children, isLoading = _a.isLoading, props = __rest(_a, ["children", "isLoading"]);
-    return (React__default.createElement(Button, __assign({}, props, { disabled: isLoading }),
+    return (React__default.createElement(Button, __assign({}, props, { disabled: isLoading || props.disabled }),
         isLoading && React__default.createElement(CircularProgress, { size: "1rem" }),
         children));
 };
@@ -15908,7 +15951,7 @@ var TrendingChartV2 = function (_a) {
                 }); }), true);
             })(),
             dataZoom: __spreadArray([
-                __assign({ type: "inside", xAxisIndex: useSeparateGrids ? [0, 1] : [0], zoomOnMouseWheel: true, moveOnMouseMove: true, moveOnMouseWheel: true, preventDefaultMouseMove: false }, (zoomState ? { start: zoomState.start, end: zoomState.end } : {}))
+                __assign({ type: "inside", xAxisIndex: useSeparateGrids ? [0, 1] : [0], zoomOnMouseWheel: false, moveOnMouseMove: true, moveOnMouseWheel: false, preventDefaultMouseMove: false }, (zoomState ? { start: zoomState.start, end: zoomState.end } : {}))
             ], ([
                     __assign({ type: "slider", xAxisIndex: useSeparateGrids ? [0, 1] : [0], bottom: 3, height: 19, handleSize: "80%", showDetail: true, filterMode: "none" }, (zoomState
                         ? { start: zoomState.start, end: zoomState.end }
@@ -16164,8 +16207,8 @@ var TrendingChartV2 = function (_a) {
             return;
         var handleKeyDown = function (e) {
             var range = timeScopeEnd.getTime() - timeScopeStart.getTime();
-            var smallStep = range * 0.01; // 1% of range
-            var largeStep = range * 0.05; // 5% of range
+            var smallStep = range * 0.01;
+            var largeStep = range * 0.05;
             var step = e.shiftKey ? largeStep : smallStep;
             switch (e.key) {
                 case "ArrowLeft":
@@ -16192,7 +16235,6 @@ var TrendingChartV2 = function (_a) {
                     break;
                 case "Tab":
                     e.preventDefault();
-                    // Switch between cursors
                     setSelectedCursor(selectedCursor === "cursor1" ? "cursor2" : "cursor1");
                     break;
             }
@@ -16209,6 +16251,66 @@ var TrendingChartV2 = function (_a) {
         updateCursor2Time,
         setSelectedCursor,
     ]);
+    // Custom wheel zoom handler to correctly anchor zoom to mouse cursor position
+    // ECharts' built-in zoom has a bug with multiple grids - it always uses the first grid's coordinates
+    useEffect(function () {
+        var _a;
+        var echartsInstance = (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance();
+        if (!echartsInstance || !chartArea)
+            return;
+        var zr = echartsInstance.getZr();
+        if (!zr)
+            return;
+        var handleWheel = function (e) {
+            var _a, _b;
+            var wheelEvent = e.event;
+            var mouseX = e.offsetX;
+            if (mouseX < chartArea.left || mouseX > chartArea.right)
+                return;
+            wheelEvent.preventDefault();
+            wheelEvent.stopPropagation();
+            var option = echartsInstance.getOption();
+            var dataZoomArray = option.dataZoom;
+            if (!dataZoomArray || dataZoomArray.length === 0)
+                return;
+            var currentStart = (_a = dataZoomArray[0].start) !== null && _a !== void 0 ? _a : 0;
+            var currentEnd = (_b = dataZoomArray[0].end) !== null && _b !== void 0 ? _b : 100;
+            var fullRangeStart = timeScopeStart.getTime();
+            var fullRangeEnd = timeScopeEnd.getTime();
+            var fullRange = fullRangeEnd - fullRangeStart;
+            var visibleStart = fullRangeStart + (fullRange * currentStart) / 100;
+            var visibleEnd = fullRangeStart + (fullRange * currentEnd) / 100;
+            var visibleRange = visibleEnd - visibleStart;
+            var chartWidth = chartArea.right - chartArea.left;
+            var mouseProgress = (mouseX - chartArea.left) / chartWidth;
+            var mouseTimestamp = visibleStart + visibleRange * mouseProgress;
+            var zoomFactor = wheelEvent.deltaY > 0 ? 1.2 : 1 / 1.2;
+            var newVisibleRange = visibleRange * zoomFactor;
+            var newVisibleStart = mouseTimestamp - newVisibleRange * mouseProgress;
+            var newVisibleEnd = mouseTimestamp + newVisibleRange * (1 - mouseProgress);
+            var newStart = ((newVisibleStart - fullRangeStart) / fullRange) * 100;
+            var newEnd = ((newVisibleEnd - fullRangeStart) / fullRange) * 100;
+            if (newStart < 0) {
+                newEnd -= newStart;
+                newStart = 0;
+            }
+            if (newEnd > 100) {
+                newStart -= newEnd - 100;
+                newEnd = 100;
+            }
+            newStart = Math.max(0, newStart);
+            newEnd = Math.min(100, newEnd);
+            echartsInstance.dispatchAction({
+                type: "dataZoom",
+                start: newStart,
+                end: newEnd,
+            });
+        };
+        zr.on("mousewheel", handleWheel);
+        return function () {
+            zr.off("mousewheel", handleWheel);
+        };
+    }, [chartArea, timeScopeStart, timeScopeEnd, chartInstance]);
     return (React__default.createElement(Paper, { sx: { height: "100%", p: 1, position: "relative" } },
         isLoading && (React__default.createElement("div", { style: {
                 position: "absolute",