@evergis/react 4.0.62 → 4.0.64

package/dist/react.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { IconButton, Flex, transition, Chip, Icon, Description, FlexSpan, IconToggle, Popup, Menu, DraggableTree, shadows, Divider, LegendToggler, Tooltip as Tooltip$1, DropdownField, MultiSelectContainer, IconButtonButton, FlatButton, DraggableTreeContainer, Dialog, DialogTitle, ThemeProvider, darkTheme, DialogContent, CircularProgress, Switch, AutoComplete, Input, Slider, Dropdown, Checkbox, DatePicker, getLocale, IconToggleButton, LinearProgress, ActionsGroup, DialogActions, RaisedButton, Preview, H2, Blank, Popover, UploaderItemArea, UploaderTitleWrapper, Uploader, NumberRangeSlider, useAsyncAutocomplete, RangeNumberInput, defaultTheme, dateFormat } from '@evergis/uilib-gl';
-import { createContext, memo, useRef, useState, useCallback, useEffect, useContext, useMemo, isValidElement, Fragment } from 'react';
+import { createContext, memo, useRef, useState, useCallback, useEffect, useContext, useMemo, isValidElement, Fragment, createElement } from 'react';
 import styled, { createGlobalStyle, css, useTheme } from 'styled-components';
 import { lineChartClassNames, BarChart as BarChart$1, barChartClassNames, LineChart, PieChart } from '@evergis/charts';
 import { AttributeType, generateId, STORAGE_TOKEN_KEY, parseJwt, STORAGE_REFRESH_TOKEN_KEY, RemoteTaskStatus, LayerServiceType, OgcGeometryType, StringSubType, AttributeConfigurationType } from '@evergis/api';
@@ -4215,7 +4215,7 @@ const useAttachmentItems = ({ type, elementConfig, valueOverride, }) => {
 };
 
 const useGlobalContext = () => {
-    const { t, language, themeName, api, ewktGeometry } = useContext(GlobalContext) || {};
+    const { t, language, themeName, api, ewktGeometry, notification } = useContext(GlobalContext) || {};
     const translate = useCallback((value, options) => {
         if (t)
             return t(value, options);
@@ -4227,7 +4227,8 @@ const useGlobalContext = () => {
         themeName,
         api,
         ewktGeometry,
-    }), [language, translate, api, ewktGeometry, themeName]);
+        notification,
+    }), [language, translate, api, ewktGeometry, themeName, notification]);
 };
 
 const GRID_TILE_SIZE = "4.5rem";
@@ -5620,6 +5621,7 @@ const usePythonTask = () => {
     const { preparePythonSandbox } = usePythonSandbox();
     const [status, setStatus] = useState(RemoteTaskStatus.Unknown);
     const [log, setLog] = useState(null);
+    const [lastMessage, setLastMessage] = useState(null);
     const [error, setError] = useState(null);
     const [loading, setLoading] = useState(false);
     const [executionTime, setExecutionTime] = useState(null);
@@ -5627,7 +5629,6 @@ const usePythonTask = () => {
     const [subscriptionId, setSubscriptionId] = useState(null);
     const [isLogDialogOpen, setIsLogDialogOpen] = useState(false);
     const [result, setResult] = useState(null);
-    const logRef = useRef(null);
     const reset = useCallback(() => {
         setStatus(RemoteTaskStatus.Unknown);
         setError(null);
@@ -5641,6 +5642,7 @@ const usePythonTask = () => {
         reset();
         setStatus(RemoteTaskStatus.Process);
         setLog(null);
+        setLastMessage(null);
         setLoading(true);
         const start = Date.now();
         let prototypeId = await api.remoteTaskManager.createTaskPrototype({
@@ -5680,7 +5682,9 @@ const usePythonTask = () => {
             if (data?.taskId === newTaskId) {
                 const isFinished = [RemoteTaskStatus.Completed, RemoteTaskStatus.Error].includes(data.status);
                 setStatus(data.status);
-                setLog([logRef.current, data.log].filter(Boolean).join("\n"));
+                setLog(prev => [prev, data.log].filter(Boolean).join(""));
+                if (data.log)
+                    setLastMessage(data.log);
                 setExecutionTime(Date.now() - start);
                 setLoading(false);
                 setTaskId(isFinished ? null : newTaskId);
@@ -5724,15 +5728,13 @@ const usePythonTask = () => {
     const closeLog = useCallback(() => {
         setIsLogDialogOpen(false);
     }, []);
-    useEffect(() => {
-        logRef.current = log;
-    }, [log]);
     return {
         taskId,
         runTask,
         stopTask,
         openLog,
         log,
+        lastMessage,
         error,
         status,
         loading,
@@ -7633,17 +7635,17 @@ const STATUS_ICONS = {
     [RemoteTaskStatus.Unknown]: "play",
 };
 
-const LogDialog = ({ isOpen, onClose, logs, status, statusColors }) => {
+const LogDialog = ({ isOpen, onClose, onMinimize, logs, status, statusColors }) => {
     const { t } = useGlobalContext();
-    const getStatusTitle = useCallback((status) => {
-        const translationKey = STATUS_TRANSLATION_KEYS[status] || STATUS_TRANSLATION_KEYS[RemoteTaskStatus.Unknown];
-        const defaultValue = STATUS_TITLES[status] || STATUS_TITLES[RemoteTaskStatus.Unknown];
+    const getStatusTitle = useCallback((currentStatus) => {
+        const translationKey = STATUS_TRANSLATION_KEYS[currentStatus] || STATUS_TRANSLATION_KEYS[RemoteTaskStatus.Unknown];
+        const defaultValue = STATUS_TITLES[currentStatus] || STATUS_TITLES[RemoteTaskStatus.Unknown];
         return t(translationKey, { ns: "dashboard", defaultValue });
     }, [t]);
-    const getStatusColor = useCallback((status) => {
-        return statusColors?.[status] || STATUS_COLORS[status] || STATUS_COLORS[RemoteTaskStatus.Unknown];
+    const getStatusColor = useCallback((currentStatus) => {
+        return statusColors?.[currentStatus] || STATUS_COLORS[currentStatus] || STATUS_COLORS[RemoteTaskStatus.Unknown];
     }, [statusColors]);
-    return (jsxs(Dialog, { isOpen: isOpen, onCloseRequest: onClose, modal: true, maxWidth: "800px", minWidth: "600px", minHeight: "600px", children: [jsx(DialogTitle, { children: jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [jsxs(Flex, { alignItems: "center", children: [jsx(FlexSpan, { marginRight: "1rem", children: t("taskLogs", { ns: "dashboard", defaultValue: "Логи выполнения задачи" }) }), jsx(ThemeProvider, { theme: darkTheme, children: jsx(StatusBadge, { text: getStatusTitle(status), bgColor: getStatusColor(status) }) })] }), jsx(IconButton, { kind: "close", onClick: onClose })] }) }), jsx(DialogContent, { children: jsx(Flex, { flexDirection: "column", height: "100%", marginBottom: "2rem", children: jsx(LogTerminal, { log: logs || t("taskLogsEmpty", { ns: "dashboard", defaultValue: "Логи отсутствуют" }) }) }) })] }));
+    return (jsxs(Dialog, { isOpen: isOpen, onCloseRequest: onClose, modal: true, maxWidth: "800px", minWidth: "600px", minHeight: "600px", children: [jsx(DialogTitle, { children: jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [jsxs(Flex, { alignItems: "center", children: [jsx(FlexSpan, { marginRight: "1rem", children: t("taskLogs", { ns: "dashboard", defaultValue: "Логи выполнения задачи" }) }), jsx(ThemeProvider, { theme: darkTheme, children: jsx(StatusBadge, { text: getStatusTitle(status), bgColor: getStatusColor(status) }) })] }), jsxs(Flex, { alignItems: "center", width: "auto", children: [onMinimize && jsx(IconButton, { kind: "change_geom", onClick: onMinimize }), jsx(IconButton, { kind: "close", onClick: onClose })] })] }) }), jsx(DialogContent, { children: jsx(Flex, { flexDirection: "column", height: "100%", marginBottom: "2rem", children: jsx(LogTerminal, { log: logs || t("taskLogsEmpty", { ns: "dashboard", defaultValue: "Логи отсутствуют" }) }) }) })] }));
 };
 
 var ThemeName;
@@ -7706,14 +7708,131 @@ const buildFiltersFromResponse = (responseFilters, result) => {
     return Object.keys(filters).length ? filters : null;
 };
 
+const ClampedText = styled.div `
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
+`;
+const clampDescription = (text) => createElement(ClampedText, null, text);
+
+const RUN_ID_RADIX = 36;
+const RUN_ID_LENGTH = 8;
+const generateRunId = () => `task-${Date.now()}-${Math.random().toString(RUN_ID_RADIX).slice(2, RUN_ID_LENGTH)}`;
+const useTaskNotifications = ({ enabled, suppressed, status, lastMessage, openLog, }) => {
+    const { t, notification } = useGlobalContext();
+    const runIdRef = useRef(null);
+    const prevStatusRef = useRef(RemoteTaskStatus.Unknown);
+    const isVisibleRef = useRef(false);
+    const [dismissed, setDismissed] = useState(false);
+    useEffect(() => {
+        if (!enabled) {
+            if (runIdRef.current) {
+                notification?.close(runIdRef.current);
+                runIdRef.current = null;
+            }
+            isVisibleRef.current = false;
+            prevStatusRef.current = status;
+            return;
+        }
+        if (status === RemoteTaskStatus.Unknown) {
+            prevStatusRef.current = status;
+            return;
+        }
+        const isFreshRun = status === RemoteTaskStatus.Process && prevStatusRef.current !== RemoteTaskStatus.Process;
+        if (isFreshRun) {
+            runIdRef.current = generateRunId();
+            isVisibleRef.current = false;
+            setDismissed(false);
+        }
+        if (!runIdRef.current) {
+            runIdRef.current = generateRunId();
+        }
+        const id = runIdRef.current;
+        const description = clampDescription(lastMessage || t("taskStarted", { ns: "dashboard", defaultValue: "Запуск задачи…" }));
+        const base = {
+            id,
+            title: "",
+            description,
+            duration: Number.MAX_SAFE_INTEGER,
+            ...(lastMessage ? {
+                button: t("details", { ns: "dashboard", defaultValue: "Подробнее" }),
+                buttonIcon: "info",
+                buttonColor: "primary",
+                onButtonClick: openLog,
+            } : {}),
+        };
+        let item = null;
+        if (status === RemoteTaskStatus.Process) {
+            item = {
+                ...base,
+                title: t("taskInProgress", { ns: "dashboard", defaultValue: "Выполняется" }),
+                progress: true,
+            };
+        }
+        else if (status === RemoteTaskStatus.Completed) {
+            item = {
+                ...base,
+                title: t("taskCompleted", { ns: "dashboard", defaultValue: "Выполнено" }),
+                success: true,
+                progress: false,
+            };
+        }
+        else if (status === RemoteTaskStatus.Error) {
+            item = {
+                ...base,
+                title: t("taskError", { ns: "dashboard", defaultValue: "Ошибка" }),
+                error: true,
+                progress: false,
+            };
+        }
+        if (!item) {
+            prevStatusRef.current = status;
+            return;
+        }
+        if (suppressed || dismissed) {
+            if (isVisibleRef.current) {
+                notification?.close(id);
+                isVisibleRef.current = false;
+            }
+        }
+        else if (isVisibleRef.current) {
+            notification?.update(item);
+        }
+        else {
+            notification?.add(item);
+            isVisibleRef.current = true;
+        }
+        prevStatusRef.current = status;
+    }, [enabled, suppressed, dismissed, status, lastMessage, openLog, t, notification]);
+    return { setNotificationDismissed: setDismissed };
+};
+
 const TaskContainer = memo(({ type, elementConfig, renderElement }) => {
     const { t, ewktGeometry } = useGlobalContext();
     const { dataSources, filters: selectedFilters, attributes, layerInfo, changeFilters, } = useWidgetContext(type);
     const { dataSources: projectDataSources } = useWidgetContext(WidgetType.Dashboard);
     const { currentPage } = useWidgetPage(type);
-    const { taskId, runTask, stopTask, status, openLog, loading, isLogDialogOpen, closeLog, log, result, } = usePythonTask();
+    const { taskId, runTask, stopTask, status, openLog, loading, isLogDialogOpen, closeLog, log, lastMessage, result, } = usePythonTask();
     const { options } = elementConfig || {};
-    const { title, relatedResources, center, icon, statusColors, responseFilters } = options || {};
+    const { title, relatedResources, center, icon, statusColors, responseFilters, useNotifications, } = options || {};
+    const { setNotificationDismissed } = useTaskNotifications({
+        enabled: !!useNotifications,
+        suppressed: isLogDialogOpen,
+        status,
+        lastMessage,
+        openLog,
+    });
+    const onCloseLog = useCallback(() => {
+        setNotificationDismissed(true);
+        closeLog();
+    }, [closeLog, setNotificationDismissed]);
+    const onMinimizeLog = useCallback(() => {
+        setNotificationDismissed(false);
+        closeLog();
+    }, [closeLog, setNotificationDismissed]);
     useEffect(() => {
         const filtersToApply = buildFiltersFromResponse(responseFilters, result);
         if (filtersToApply)
@@ -7738,7 +7857,7 @@ const TaskContainer = memo(({ type, elementConfig, renderElement }) => {
             return runTask({ resourceId, parameters: newParams, script, fileName, methodName });
         }));
     }, [attributes, currentPage.filters, dataSources, ewktGeometry, layerInfo, projectDataSources, relatedResources, runTask, selectedFilters, stopTask, taskId]);
-    return (jsxs(Fragment$1, { children: [jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), jsxs(Flex, { justifyContent: center ? "center" : "flex-start", children: [jsx(StatusWaitingButton, { title: title || t("run", { ns: "dashboard", defaultValue: "Запуск" }), icon: icon, status: status, statusColors: statusColors, isWaiting: loading || !!taskId, isDisabled: !relatedResources?.length, onClick: onClick }), !!(log || taskId) && (jsxs(Fragment$1, { children: [jsx(IconButton, { kind: "info", onClick: openLog }), jsx(LogDialog, { logs: log, status: status, statusColors: statusColors, isOpen: isLogDialogOpen, onClose: closeLog })] }))] })] }));
+    return (jsxs(Fragment$1, { children: [jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), jsxs(Flex, { justifyContent: center ? "center" : "flex-start", children: [jsx(StatusWaitingButton, { title: title || t("run", { ns: "dashboard", defaultValue: "Запуск" }), icon: icon, status: status, statusColors: statusColors, isWaiting: loading || !!taskId, isDisabled: !relatedResources?.length, onClick: onClick }), !!(log || taskId) && (jsxs(Fragment$1, { children: [jsx(IconButton, { kind: "info", onClick: openLog }), jsx(LogDialog, { logs: log, status: status, statusColors: statusColors, isOpen: isLogDialogOpen, onClose: onCloseLog, onMinimize: useNotifications ? onMinimizeLog : undefined })] }))] })] }));
 });
 
 const EditContainer = ({ type, elementConfig, renderElement }) => {