@danikokonn/yarik-frontend-lib 2.0.55-test → 2.0.55

package/dist/components/SortBtn/SortBtn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortBtn.d.ts","sourceRoot":"","sources":["../../../src/components/SortBtn/SortBtn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAG1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,KAAK,EAAE,MAAM,EACb,YAAY,GACb,EAAE,YAAY,qBAgCd"}
+{"version":3,"file":"SortBtn.d.ts","sourceRoot":"","sources":["../../../src/components/SortBtn/SortBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,KAAK,EAAE,MAAM,EACb,YAAY,GACb,EAAE,YAAY,2CAgCd"}

package/dist/components/SortBtn/SortBtn.js

@@ -1,5 +1,6 @@
-import React, { useEffect, useState } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { TableSortLabel } from "@mui/material";
+import { useEffect, useState } from "react";
 export default function SortBtn({ children, field, order: _order, onToggleSort, }) {
     const [order, setOrder] = useState(_order || "none");
     useEffect(() => setOrder(_order), [_order]);
@@ -19,5 +20,5 @@ export default function SortBtn({ children, field, order: _order, onToggleSort,
         onToggleSort(field, newOrder);
         setOrder(newOrder);
     }
-    return (React.createElement(TableSortLabel, { active: order !== "none", direction: order !== "none" ? order : undefined, id: "toggleSortBtn", onClick: handleToggleSort }, children));
+    return (_jsx(TableSortLabel, { active: order !== "none", direction: order !== "none" ? order : undefined, id: "toggleSortBtn", onClick: handleToggleSort, children: children }));
 }

package/dist/components/SortBtn/index.d.ts

@@ -1,5 +1,5 @@
-export { default } from "./SortBtn";
 export * from "./SortBtn";
-export { default as SortBtnProps } from "./SortBtnProps";
+export { default } from "./SortBtn";
 export * from "./SortBtnProps";
+export { type default as SortBtnProps } from "./SortBtnProps";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/SortBtn/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SortBtn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SortBtn/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,KAAK,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/SortBtn/index.js

@@ -1,3 +1,3 @@
-export { default } from "./SortBtn";
 export * from "./SortBtn";
+export { default } from "./SortBtn";
 export * from "./SortBtnProps";

package/dist/components/SubtaskItem/SubtaskItem.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import SubtaskItemProps from "./SubtaskItemProps";
-export default function SubtaskItem({ taskInstance, logs, expanded, onShowLogs, expandedLogContainerRef, }: SubtaskItemProps): React.JSX.Element;
+export default function SubtaskItem({ taskInstance, logs, expanded, onShowLogs, expandedLogContainerRef, }: SubtaskItemProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SubtaskItem.d.ts.map

package/dist/components/SubtaskItem/SubtaskItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubtaskItem.d.ts","sourceRoot":"","sources":["../../../src/components/SubtaskItem/SubtaskItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAIlD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,uBAAuB,GACxB,EAAE,gBAAgB,qBAkFlB"}
+{"version":3,"file":"SubtaskItem.d.ts","sourceRoot":"","sources":["../../../src/components/SubtaskItem/SubtaskItem.tsx"],"names":[],"mappings":"AAgBA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAiBlD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,uBAAuB,GACxB,EAAE,gBAAgB,2CAwIlB"}

package/dist/components/SubtaskItem/SubtaskItem.js

@@ -1,32 +1,36 @@
-import React from "react";
-import moment from "moment";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AccessTimeSharpIcon from "@mui/icons-material/AccessTimeSharp";
+import BlockSharpIcon from "@mui/icons-material/BlockSharp";
+import CheckCircleOutlineRoundedIcon from "@mui/icons-material/CheckCircleOutlineRounded";
+import DoneIcon from "@mui/icons-material/Done";
+import ErrorOutlineSharpIcon from "@mui/icons-material/ErrorOutlineSharp";
+import ExpandMore from "@mui/icons-material/ExpandMore";
+import { Chip, useTheme } from "@mui/material";
 import Accordion from "@mui/material/Accordion";
 import AccordionDetails from "@mui/material/AccordionDetails";
 import AccordionSummary from "@mui/material/AccordionSummary";
 import CircularProgress from "@mui/material/CircularProgress";
-import CheckCircleOutlineRoundedIcon from "@mui/icons-material/CheckCircleOutlineRounded";
-import ErrorOutlineSharpIcon from "@mui/icons-material/ErrorOutlineSharp";
-import AccessTimeSharpIcon from "@mui/icons-material/AccessTimeSharp";
-import BlockSharpIcon from "@mui/icons-material/BlockSharp";
-import ExpandMore from "@mui/icons-material/ExpandMore";
-import { useTheme } from "@mui/material";
 import { taskStateText } from "../../utils";
+import moment from "moment";
+import { useState } from "react";
+const SubtaskState = ({ state }) => {
+    switch (state) {
+        case "success":
+            return _jsx(CheckCircleOutlineRoundedIcon, { color: "success" });
+        case "failed":
+            return _jsx(ErrorOutlineSharpIcon, { color: "error" });
+        case "queued":
+            return _jsx(AccessTimeSharpIcon, {});
+        case "running":
+            return _jsx(CircularProgress, { size: 20 });
+        default:
+            return _jsx(BlockSharpIcon, {});
+    }
+};
 export default function SubtaskItem({ taskInstance, logs, expanded, onShowLogs, expandedLogContainerRef, }) {
+    const [copyVisible, setCopyVisible] = useState(false);
+    const [copyText, setCopyText] = useState("Копировать");
     const theme = useTheme();
-    const subtaskState = (state) => {
-        switch (state) {
-            case "success":
-                return React.createElement(CheckCircleOutlineRoundedIcon, { color: "success" });
-            case "failed":
-                return React.createElement(ErrorOutlineSharpIcon, { color: "error" });
-            case "queued":
-                return React.createElement(AccessTimeSharpIcon, null);
-            case "running":
-                return React.createElement(CircularProgress, { size: 20 });
-            default:
-                return React.createElement(BlockSharpIcon, null);
-        }
-    };
     const formatEndDate = new Date(taskInstance.executionDate).toLocaleString("ru", {
         weekday: "short",
         month: "short",
@@ -42,25 +46,57 @@ export default function SubtaskItem({ taskInstance, logs, expanded, onShowLogs,
         precision: 1,
         template: "h [ч], m [мин], s [сек]",
     });
-    return (React.createElement(Accordion, { disableGutters: true, expanded: expanded, onChange: () => onShowLogs(taskInstance.taskId, taskInstance.tryNumber), disabled: !["running", "success", "failed"].includes(taskInstance.state || "") },
-        React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMore, null) },
-            React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } },
-                subtaskState(taskInstance.state),
-                React.createElement("span", null,
-                    taskInstance.taskId,
-                    " - ",
-                    taskStateText(taskInstance.state),
-                    taskInstance.state === "success"
-                        ? (formatEndDate.startsWith("вт") ? " во " : " в ") +
-                            formatEndDate +
-                            " за " +
-                            formatTaskDuration
-                        : ""))),
-        React.createElement(AccordionDetails, { style: { maxHeight: "32vh", overflow: "auto" }, ref: expandedLogContainerRef },
-            React.createElement("article", { style: {
-                    padding: "1.5rem",
-                    backgroundColor: theme.palette.background.paper,
-                    borderRadius: "0.5rem",
-                    fontFamily: "consolas",
-                } }, logs.split("\n").map((line, idx) => (React.createElement("p", { key: idx, style: { margin: 0 } }, line)))))));
+    return (_jsxs(Accordion, { disableGutters: true, expanded: expanded, onChange: () => onShowLogs(taskInstance.taskId, taskInstance.tryNumber), disabled: !["running", "success", "failed"].includes(taskInstance.state || ""), sx: {
+            position: "relative",
+        }, slotProps: {
+            transition: {
+                onEntered: () => {
+                    setCopyVisible(true);
+                    setCopyText("Копировать");
+                },
+                onExit: () => {
+                    setCopyVisible(false);
+                    setCopyText("Копировать");
+                },
+            },
+        }, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMore, {}), children: _jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [_jsx(SubtaskState, { state: taskInstance.state }), _jsxs("span", { children: [taskInstance.taskId, " - ", taskStateText(taskInstance.state), taskInstance.state === "success"
+                                    ? (formatEndDate.startsWith("вт") ? " во " : " в ") +
+                                        formatEndDate +
+                                        " за " +
+                                        formatTaskDuration
+                                    : ""] })] }) }), copyVisible && (_jsx(Chip, { label: copyText, size: "small", variant: "outlined", icon: copyText === "Скопировано" ? (_jsx(DoneIcon, { color: "success" })) : undefined, onClick: () => {
+                    navigator.clipboard.writeText(logs);
+                    setCopyText("Скопировано");
+                }, sx: {
+                    position: "absolute",
+                    bottom: "8%",
+                    right: "3%",
+                    opacity: "0.5",
+                } })), _jsx(AccordionDetails, { ref: expandedLogContainerRef, contentEditable: true, onKeyDown: (e) => {
+                    if (e.ctrlKey && e.key.toLowerCase() === "a") {
+                        e.preventDefault();
+                        if (e.currentTarget) {
+                            const range = document.createRange();
+                            range.selectNodeContents(e.currentTarget);
+                            const selection = window.getSelection();
+                            if (selection != null) {
+                                selection.removeAllRanges();
+                                selection.addRange(range);
+                            }
+                        }
+                    }
+                    if (e.key.toLowerCase() === "backspace") {
+                        e.preventDefault();
+                    }
+                }, suppressContentEditableWarning: true, onBeforeInput: (e) => e.preventDefault(), onPaste: (e) => e.preventDefault(), onDrop: (e) => e.preventDefault(), sx: {
+                    maxHeight: "32vh",
+                    overflow: "auto",
+                }, children: _jsx("article", { style: {
+                        padding: "1.5rem",
+                        backgroundColor: theme.vars?.palette.background.paper ||
+                            theme.palette.background.paper,
+                        borderRadius: "0.5rem",
+                        fontSize: "smaller",
+                        fontFamily: "consolas",
+                    }, children: logs.split("\n").map((line, idx) => (_jsx("p", { style: { margin: 0 }, children: line }, idx))) }) })] }));
 }

package/dist/components/SubtaskItem/SubtaskItemProps.d.ts

@@ -4,7 +4,7 @@ export default interface SubtaskItemProps {
     taskInstance: TaskInstance;
     logs: string;
     expanded: boolean;
-    expandedLogContainerRef?: RefObject<HTMLDivElement>;
+    expandedLogContainerRef?: RefObject<HTMLDivElement | null>;
     onShowLogs(taskId: string, tryNum: number): void;
 }
 //# sourceMappingURL=SubtaskItemProps.d.ts.map

package/dist/components/SubtaskItem/SubtaskItemProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubtaskItemProps.d.ts","sourceRoot":"","sources":["../../../src/components/SubtaskItem/SubtaskItemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,CAAC,OAAO,WAAW,gBAAgB;IACvC,YAAY,EAAE,YAAY,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,uBAAuB,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACpD,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAClD"}
+{"version":3,"file":"SubtaskItemProps.d.ts","sourceRoot":"","sources":["../../../src/components/SubtaskItem/SubtaskItemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,CAAC,OAAO,WAAW,gBAAgB;IACvC,YAAY,EAAE,YAAY,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,uBAAuB,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAClD"}

package/dist/components/SubtaskItem/index.d.ts

@@ -1,5 +1,5 @@
-export { default } from "./SubtaskItem";
 export * from "./SubtaskItem";
-export { default as SubtaskItemProps } from "./SubtaskItemProps";
+export { default } from "./SubtaskItem";
 export * from "./SubtaskItemProps";
+export { type default as SubtaskItemProps } from "./SubtaskItemProps";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/SubtaskItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SubtaskItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SubtaskItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,KAAK,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/SubtaskItem/index.js

@@ -1,3 +1,3 @@
-export { default } from "./SubtaskItem";
 export * from "./SubtaskItem";
+export { default } from "./SubtaskItem";
 export * from "./SubtaskItemProps";

package/dist/components/TaskLoader/TaskLoader.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
 import TaskLoaderProps from "./TaskLoaderProps";
-export default function TaskLoader({ style, subTitle }: TaskLoaderProps): React.JSX.Element;
+declare const TaskLoader: ({ style, subTitle, onUnauthorized }: TaskLoaderProps) => import("react/jsx-runtime").JSX.Element;
+export default TaskLoader;
 //# sourceMappingURL=TaskLoader.d.ts.map

package/dist/components/TaskLoader/TaskLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskLoader.d.ts","sourceRoot":"","sources":["../../../src/components/TaskLoader/TaskLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA0BxC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAuBhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAgZtE"}
+{"version":3,"file":"TaskLoader.d.ts","sourceRoot":"","sources":["../../../src/components/TaskLoader/TaskLoader.tsx"],"names":[],"mappings":"AAgCA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAqBhD,QAAA,MAAM,UAAU,GAAI,qCAAqC,eAAe,4CA2avE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/TaskLoader/TaskLoader.js

@@ -1,53 +1,57 @@
-import React, { useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AccessTimeSharpIcon from "@mui/icons-material/AccessTimeSharp";
+import BlockSharpIcon from "@mui/icons-material/BlockSharp";
+import CheckCircleOutlineRoundedIcon from "@mui/icons-material/CheckCircleOutlineRounded";
+import ErrorOutlineSharpIcon from "@mui/icons-material/ErrorOutlineSharp";
+import RestartAltIcon from "@mui/icons-material/RestartAlt";
+import StopRoundedIcon from "@mui/icons-material/StopRounded";
+import SyncIcon from "@mui/icons-material/Sync";
 import CircularProgress from "@mui/material/CircularProgress";
+import FormControlLabel from "@mui/material/FormControlLabel";
 import IconButton from "@mui/material/IconButton";
+import Switch from "@mui/material/Switch";
 import Typography from "@mui/material/Typography";
-import SyncIcon from "@mui/icons-material/Sync";
-import RestartAltIcon from "@mui/icons-material/RestartAlt";
-import StopRoundedIcon from "@mui/icons-material/StopRounded";
-import CheckCircleOutlineRoundedIcon from "@mui/icons-material/CheckCircleOutlineRounded";
-import ErrorOutlineSharpIcon from "@mui/icons-material/ErrorOutlineSharp";
-import AccessTimeSharpIcon from "@mui/icons-material/AccessTimeSharp";
-import BlockSharpIcon from "@mui/icons-material/BlockSharp";
-import { formatDate, formatDuration, taskStateText, useDebounce, } from "../../utils";
-import SubtaskItem from "../SubtaskItem/SubtaskItem";
+import { useEffect, useEffectEvent, useRef, useState } from "react";
 import { getRequest, postRequest } from "../../http";
-import { getCSRFToken } from "../../utils";
-import { useDagRunStateContext } from "../../providers/DagStateProvider";
 import { useAirflowContext } from "../../providers/AirflowProvider";
+import { useDagRunStateContext } from "../../providers/DagStateProvider";
+import { formatDate, formatDuration, getCSRFToken, taskStateText, useDebounce, } from "../../utils";
 import ProcessingIcon from "../icons/ProcessingIcon";
-const taskStateIcon = (taskState) => {
+import SubtaskItem from "../SubtaskItem/SubtaskItem";
+const TaskStateIcon = ({ taskState, }) => {
     switch (taskState) {
         case "success":
-            return React.createElement(CheckCircleOutlineRoundedIcon, { fontSize: "large", color: "success" });
+            return _jsx(CheckCircleOutlineRoundedIcon, { fontSize: "large", color: "success" });
         case "failed":
-            return React.createElement(ErrorOutlineSharpIcon, { fontSize: "large", color: "error" });
+            return _jsx(ErrorOutlineSharpIcon, { fontSize: "large", color: "error" });
         case "queued":
-            return React.createElement(AccessTimeSharpIcon, { fontSize: "large" });
+            return _jsx(AccessTimeSharpIcon, { fontSize: "large" });
         case "running":
-            return React.createElement(CircularProgress, null);
+            return _jsx(CircularProgress, {});
         default:
-            return React.createElement(BlockSharpIcon, { fontSize: "large" });
+            return _jsx(BlockSharpIcon, { fontSize: "large" });
     }
 };
-export default function TaskLoader({ style, subTitle }) {
+const TaskLoader = ({ style, subTitle, onUnauthorized }) => {
     const { airflowAvailable, onLostConnection } = useAirflowContext();
     const { isActive, dagRun, taskInstances, onUpdateState, fetchState } = useDagRunStateContext();
-    const [activeTask, setActiveTask] = React.useState(taskInstances?.taskInstances.find((ti) => {
+    const [activeTask, setActiveTask] = useState(taskInstances?.taskInstances.find((ti) => {
         return ti.state === "running";
     }) || null);
-    const [logs, setLogs] = React.useState([null, null, null]);
+    const [logs, setLogs] = useState([null, null, null]);
     const [blockContols, setBlockControls] = useState(false);
-    const logContainerRef = React.useRef(null);
-    React.useEffect(() => {
-        if (logContainerRef.current != null) {
+    const [followLogs, setFollowLogs] = useState(true);
+    const logContainerRef = useRef(null);
+    const scrollDown = useEffectEvent(() => {
+        if (logContainerRef.current != null && followLogs) {
             logContainerRef.current.scrollTo({
                 left: 0,
                 top: logContainerRef.current.scrollHeight,
                 behavior: "smooth",
             });
         }
-    }, [activeTask, logs]);
+    });
+    useEffect(() => scrollDown(), [activeTask, logs]);
     const updateActiveTask = () => {
         const newActiveTask = taskInstances?.taskInstances.find((ti) => {
             return ti.state === "running";
@@ -60,22 +64,24 @@ export default function TaskLoader({ style, subTitle }) {
             setActiveTask(newActiveTask);
         }
     };
-    React.useEffect(() => {
+    useEffect(() => {
         if (isActive) {
+            setFollowLogs(true);
             setLogs([null, null, null]);
         }
     }, [isActive]);
-    React.useEffect(() => {
+    useEffect(() => {
         const interval = setInterval(() => {
             if (!isActive)
                 return;
-            updateActiveTask();
+            if (followLogs)
+                updateActiveTask();
         }, 100);
         return () => {
             clearInterval(interval);
         };
     }, [isActive, taskInstances]);
-    React.useEffect(() => {
+    useEffect(() => {
         const interval = setInterval(() => {
             if (!airflowAvailable)
                 return;
@@ -116,6 +122,9 @@ export default function TaskLoader({ style, subTitle }) {
                     setLogs(newLogs);
                 },
                 errorHandler: (resp) => {
+                    if (resp?.status == 401) {
+                        onUnauthorized();
+                    }
                     console.log("Error while fetching logs");
                     if (resp && resp.status === 503) {
                         onLostConnection();
@@ -127,7 +136,7 @@ export default function TaskLoader({ style, subTitle }) {
             clearInterval(interval);
         };
     }, [isActive, activeTask, dagRun, taskInstances, logs]);
-    function handleShowLogs(taskId, tryNum) {
+    const handleShowLogs = (taskId, tryNum) => {
         if (!airflowAvailable)
             return;
         if (activeTask != null && taskId === activeTask.taskId) {
@@ -155,14 +164,17 @@ export default function TaskLoader({ style, subTitle }) {
                 setLogs(newLogs);
             },
             errorHandler: (resp) => {
+                if (resp?.status == 401) {
+                    onUnauthorized();
+                }
                 console.log("Error while getting logs for subtask!");
                 if (resp && resp.status === 503) {
                     onLostConnection();
                 }
             },
         });
-    }
-    function handleRestartLoad() {
+    };
+    const handleRestartLoad = () => {
         if (!airflowAvailable)
             return;
         postRequest({
@@ -183,13 +195,16 @@ export default function TaskLoader({ style, subTitle }) {
                 setLogs([null, null, null]);
             },
             errorHandler: (resp) => {
+                if (resp?.status == 401) {
+                    onUnauthorized();
+                }
                 console.log("Error restarting task!");
                 if (resp && resp.status === 503) {
                     onLostConnection();
                 }
             },
         });
-    }
+    };
     const handleStopLoad = useDebounce(() => {
         if (!airflowAvailable)
             return;
@@ -212,6 +227,9 @@ export default function TaskLoader({ style, subTitle }) {
                 setBlockControls(false);
             },
             errorHandler: (resp) => {
+                if (resp?.status == 401) {
+                    onUnauthorized();
+                }
                 console.log("Error aborting task!");
                 if (resp && resp.status === 503) {
                     onLostConnection();
@@ -221,7 +239,8 @@ export default function TaskLoader({ style, subTitle }) {
         });
     }, 200);
     const formatEndDate = formatDate(dagRun?.logicalDate || "");
-    const formatTaskDuration = formatDuration(taskInstances?.taskInstances.reduce((a, b) => a + (b.duration || 0), 0) || 0);
+    const formatTaskDuration = formatDuration(taskInstances?.taskInstances.reduce((a, b) => a + (b.duration || 0), 0) ||
+        0);
     const activeTaskElem = taskInstances?.taskInstances.find((ti) => {
         return activeTask && ti.taskId === activeTask.taskId;
     });
@@ -238,89 +257,64 @@ export default function TaskLoader({ style, subTitle }) {
             }, 1550);
         }
     }, 200);
-    return (React.createElement("div", { style: style },
-        React.createElement(Typography, { variant: "h5", style: {
-                marginBottom: "1.5rem",
-                display: "flex",
-                alignItems: "center",
-                gap: "0.25rem",
-            } },
-            subTitle,
-            " ",
-            React.createElement(ProcessingIcon, null)),
-        React.createElement("div", { style: {
-                display: "flex",
-                flexDirection: "column",
-                justifyContent: "start",
-            } },
-            React.createElement("div", { style: { height: "10%", width: "auto", flex: "0 0 auto" } },
-                React.createElement("div", { style: {
-                        display: "flex",
-                        justifyContent: "space-between",
-                        alignItems: "center",
-                        height: "100%",
-                    } },
-                    React.createElement("div", { style: {
-                            width: "auto",
-                            whiteSpace: "nowrap",
-                            overflow: "hidden",
-                        } },
-                        React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } },
-                            taskStateIcon(dagRun?.state),
-                            " ",
-                            React.createElement("span", null,
-                                taskStateText(dagRun?.state),
-                                dagRun?.state === "success"
-                                    ? (formatEndDate.startsWith("вт") ? " во " : " в ") +
-                                        formatEndDate +
-                                        " за " +
-                                        formatTaskDuration
-                                    : ""))),
-                    React.createElement("div", { style: { width: "auto", flex: "0 0 auto" } },
-                        React.createElement("div", { style: {
+    return (_jsxs("div", { style: style, children: [_jsxs(Typography, { variant: "h5", style: {
+                    marginBottom: "1.5rem",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.25rem",
+                }, children: [subTitle, " ", _jsx(ProcessingIcon, {})] }), _jsxs("div", { style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    justifyContent: "start",
+                }, children: [_jsx("div", { style: { height: "10%", width: "auto", flex: "0 0 auto" }, children: _jsxs("div", { style: {
                                 display: "flex",
                                 justifyContent: "space-between",
-                                width: "auto",
-                                flex: "0 0 auto",
-                                gap: "0.25rem",
-                            } },
-                            React.createElement(IconButton, { id: "updateTaskStateBtn", color: "default", title: "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435", size: "small", onClick: (e) => {
-                                    setBlockControls(true);
-                                    handleClick(e.currentTarget, () => {
-                                        fetchState();
-                                        updateActiveTask();
-                                    }, "around");
-                                }, disabled: !airflowAvailable || blockContols, sx: {
-                                    transition: "transform 0.5s linear",
-                                    "&.around": {
-                                        animation: "rotate-around 0.5s linear 0.1s 3 running",
-                                    },
-                                } },
-                                React.createElement(SyncIcon, { fontSize: "large" })),
-                            React.createElement(IconButton, { id: "taskRestartBtn", color: "info", title: "\u041F\u0435\u0440\u0435\u0437\u0430\u043F\u0443\u0441\u0442\u0438\u0442\u044C \u0437\u0430\u0434\u0430\u0447\u0443", size: "small", disabled: !airflowAvailable ||
-                                    dagRun?.state !== "failed" ||
-                                    blockContols, onClick: (e) => {
-                                    setBlockControls(true);
-                                    handleClick(e.currentTarget, handleRestartLoad, "around");
-                                }, sx: {
-                                    transition: "transform 0.5s linear",
-                                    "&.around": {
-                                        animation: "rotate-around 0.5s linear 0.1s 3 running",
-                                    },
-                                } },
-                                React.createElement(RestartAltIcon, { fontSize: "large" })),
-                            React.createElement(IconButton, { color: "error", title: "\u041F\u0440\u0435\u0440\u0432\u0430\u0442\u044C \u0437\u0430\u0434\u0430\u0447\u0443", size: "small", disabled: !airflowAvailable ||
-                                    dagRun?.state !== "running" ||
-                                    blockContols, onClick: () => {
-                                    setBlockControls(true);
-                                    handleStopLoad();
-                                } },
-                                React.createElement(StopRoundedIcon, { fontSize: "large" })))))),
-            React.createElement("div", { style: { height: "90%", width: "auto", flex: "0 0 auto" } },
-                React.createElement("div", { style: { maxHeight: "100%", overflow: "auto" } }, taskInstances?.taskInstances.map((ti, idx) => {
-                    return (React.createElement(SubtaskItem, { key: idx, taskInstance: ti, expanded: idx === activeTaskNumber, expandedLogContainerRef: idx === activeTaskNumber ? logContainerRef : undefined, onShowLogs: handleShowLogs, logs: logs[idx] != null ? logs[idx].content : "" }));
-                })))),
-        React.createElement("style", null, `
+                                alignItems: "center",
+                                height: "100%",
+                            }, children: [_jsx("div", { style: {
+                                        width: "auto",
+                                        whiteSpace: "nowrap",
+                                        overflow: "hidden",
+                                    }, children: _jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [_jsx(TaskStateIcon, { taskState: dagRun?.state }), _jsxs("span", { children: [taskStateText(dagRun?.state), dagRun?.state === "success"
+                                                        ? (formatEndDate.startsWith("вт") ? " во " : " в ") +
+                                                            formatEndDate +
+                                                            " за " +
+                                                            formatTaskDuration
+                                                        : ""] })] }) }), _jsx("div", { style: { width: "auto", flex: "0 0 auto" }, children: _jsxs("div", { style: {
+                                            display: "flex",
+                                            justifyContent: "space-between",
+                                            width: "auto",
+                                            flex: "0 0 auto",
+                                            gap: "0.25rem",
+                                        }, children: [_jsx(FormControlLabel, { control: _jsx(Switch, { checked: followLogs, onChange: (_, c) => setFollowLogs(c) }), label: "\u0421\u043B\u0435\u0434\u043E\u0432\u0430\u0442\u044C" }), _jsx(IconButton, { id: "updateTaskStateBtn", color: "default", title: "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435", size: "small", onClick: (e) => {
+                                                    setBlockControls(true);
+                                                    handleClick(e.currentTarget, () => {
+                                                        fetchState();
+                                                        updateActiveTask();
+                                                    }, "around");
+                                                }, disabled: !airflowAvailable || blockContols, sx: {
+                                                    transition: "transform 0.5s linear",
+                                                    "&.around": {
+                                                        animation: "rotate-around 0.5s linear 0.1s 3 running",
+                                                    },
+                                                }, children: _jsx(SyncIcon, { fontSize: "large" }) }), _jsx(IconButton, { id: "taskRestartBtn", color: "info", title: "\u041F\u0435\u0440\u0435\u0437\u0430\u043F\u0443\u0441\u0442\u0438\u0442\u044C \u0437\u0430\u0434\u0430\u0447\u0443", size: "small", disabled: !airflowAvailable ||
+                                                    dagRun?.state !== "failed" ||
+                                                    blockContols, onClick: (e) => {
+                                                    setBlockControls(true);
+                                                    handleClick(e.currentTarget, handleRestartLoad, "around");
+                                                }, sx: {
+                                                    transition: "transform 0.5s linear",
+                                                    "&.around": {
+                                                        animation: "rotate-around 0.5s linear 0.1s 3 running",
+                                                    },
+                                                }, children: _jsx(RestartAltIcon, { fontSize: "large" }) }), _jsx(IconButton, { color: "error", title: "\u041F\u0440\u0435\u0440\u0432\u0430\u0442\u044C \u0437\u0430\u0434\u0430\u0447\u0443", size: "small", disabled: !airflowAvailable ||
+                                                    dagRun?.state !== "running" ||
+                                                    blockContols, onClick: () => {
+                                                    setBlockControls(true);
+                                                    handleStopLoad();
+                                                }, children: _jsx(StopRoundedIcon, { fontSize: "large" }) })] }) })] }) }), _jsx("div", { style: { height: "90%", width: "auto", flex: "0 0 auto" }, children: _jsx("div", { style: { maxHeight: "100%", overflow: "auto" }, children: taskInstances?.taskInstances.map((ti, idx) => {
+                                return (_jsx(SubtaskItem, { taskInstance: ti, expanded: idx === activeTaskNumber, expandedLogContainerRef: idx === activeTaskNumber ? logContainerRef : undefined, onShowLogs: handleShowLogs, logs: logs[idx] != null ? logs[idx].content : "" }, idx));
+                            }) }) })] }), _jsx("style", { children: `
           @keyframes rotate-around {
             from {
               transform: rotate(0deg);
@@ -329,5 +323,6 @@ export default function TaskLoader({ style, subTitle }) {
               transform: rotate(-360deg);
             }
           }
-        `)));
-}
+        ` })] }));
+};
+export default TaskLoader;

package/dist/components/TaskLoader/TaskLoaderProps.d.ts

@@ -1,5 +1,6 @@
 export default interface TaskLoaderProps {
     style?: React.CSSProperties;
     subTitle: string;
+    onUnauthorized(): void;
 }
 //# sourceMappingURL=TaskLoaderProps.d.ts.map

package/dist/components/TaskLoader/TaskLoaderProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskLoaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/TaskLoader/TaskLoaderProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,WAAW,eAAe;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;CAClB"}
+{"version":3,"file":"TaskLoaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/TaskLoader/TaskLoaderProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,WAAW,eAAe;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,IAAI,IAAI,CAAC;CACxB"}

package/dist/components/TaskLoader/index.d.ts

@@ -1,5 +1,5 @@
-export { default } from "./TaskLoader";
 export * from "./TaskLoader";
-export { default as TaskLoaderProps } from "./TaskLoaderProps";
+export { default } from "./TaskLoader";
 export * from "./TaskLoaderProps";
+export { type default as TaskLoaderProps } from "./TaskLoaderProps";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/TaskLoader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TaskLoader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TaskLoader/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,KAAK,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}