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

package/dist/components/TaskLoader/TaskLoader.js

@@ -1,53 +1,61 @@
-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 CloudOffIcon from "@mui/icons-material/CloudOff";
+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 { getRequest, postRequest } from "../../http";
-import { getCSRFToken } from "../../utils";
-import { useDagRunStateContext } from "../../providers/DagStateProvider";
+import { useEffect, useEffectEvent, useRef, useState } from "react";
+import useSWR from "swr";
+import { postRequest } from "../../http";
 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, {});
+        case "connerr":
+            return _jsx(CloudOffIcon, {});
         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 { isActive, dagRun, taskInstances, onUpdateState, fetchState, error } = useDagRunStateContext();
+    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,109 +68,103 @@ 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(() => {
-        const interval = setInterval(() => {
-            if (!airflowAvailable)
-                return;
-            if (!isActive)
+    const defaultFetcher = async ([url, dagId, dagRunId, taskId, tryNum, continuationToken,]) => {
+        const requestUrl = new URL("http://foo/" + url);
+        requestUrl.searchParams.append("dag_id", dagId);
+        if (dagRunId)
+            requestUrl.searchParams.append("dag_run_id", dagRunId);
+        requestUrl.searchParams.append("task_id", taskId);
+        requestUrl.searchParams.append("try_num", tryNum.toString());
+        if (continuationToken)
+            requestUrl.searchParams.append("continuation_token", continuationToken);
+        const resultUrl = requestUrl.pathname.substring(1) + requestUrl.search;
+        const res = await fetch(resultUrl, { signal: AbortSignal.timeout(10000) });
+        if (res.status === 401) {
+            onUnauthorized();
+        }
+        if (!res.ok) {
+            throw { ...(await res.json()), status: res.status };
+        }
+        return res.json();
+    };
+    const taskIndex = taskInstances != null
+        ? taskInstances.taskInstances.findIndex((ti) => activeTask != null && ti.taskId === activeTask.taskId)
+        : -1;
+    const continuationToken = taskIndex >= 0
+        ? logs[taskIndex] != null
+            ? logs[taskIndex].continuationToken
+            : null
+        : null;
+    useSWR(airflowAvailable &&
+        activeTask != null && [
+        "airflow/ti_logs",
+        dagRun?.dagId,
+        dagRun?.dagRunId,
+        activeTask.taskId,
+        activeTask.tryNumber,
+        continuationToken,
+    ], defaultFetcher, {
+        refreshInterval: isActive ? 1000 : 0,
+        keepPreviousData: true,
+        onError: (err) => {
+            if (err?.status == 401) {
+                onUnauthorized();
+            }
+            console.log("Error while fetching logs");
+            if (err && err.status === 503) {
+                onLostConnection();
+            }
+        },
+        onSuccess: (data) => {
+            const newLogs = logs.slice();
+            if (!data)
                 return;
-            if (activeTask == null)
+            if (data.logs.content.length === 0)
                 return;
-            const taskIndex = taskInstances != null
-                ? taskInstances.taskInstances.findIndex((ti) => activeTask != null && ti.taskId === activeTask.taskId)
-                : -1;
-            const continuationToken = taskIndex >= 0
-                ? logs[taskIndex] != null
-                    ? logs[taskIndex].continuationToken
-                    : null
-                : null;
-            getRequest({
-                url: "airflow/ti_logs",
-                data: {
-                    dag_id: dagRun?.dagId,
-                    dag_run_id: dagRun?.dagRunId,
-                    task_id: activeTask.taskId,
-                    try_num: activeTask.tryNumber,
-                    continuation_token: continuationToken,
-                },
-                successHandler: (resp) => {
-                    const newLogs = logs.slice();
-                    if (!resp)
-                        return;
-                    if (resp.logs.content.length === 0)
-                        return;
-                    if (newLogs[taskIndex] != null) {
-                        newLogs[taskIndex].continuationToken = resp.logs.continuationToken;
-                        newLogs[taskIndex].content += resp.logs.content;
-                    }
-                    else {
-                        newLogs[taskIndex] = resp.logs;
-                    }
-                    setLogs(newLogs);
-                },
-                errorHandler: (resp) => {
-                    console.log("Error while fetching logs");
-                    if (resp && resp.status === 503) {
-                        onLostConnection();
-                    }
-                },
-            });
-        }, 500);
-        return () => {
-            clearInterval(interval);
-        };
-    }, [isActive, activeTask, dagRun, taskInstances, logs]);
-    function handleShowLogs(taskId, tryNum) {
+            if (newLogs[taskIndex] != null) {
+                newLogs[taskIndex].continuationToken = data.logs.continuationToken;
+                newLogs[taskIndex].content += data.logs.content;
+            }
+            else {
+                newLogs[taskIndex] = data.logs;
+            }
+            setLogs(newLogs);
+        },
+    });
+    const handleShowLogs = (taskId) => {
         if (!airflowAvailable)
             return;
         if (activeTask != null && taskId === activeTask.taskId) {
             setActiveTask(null);
             return;
         }
-        getRequest({
-            url: "airflow/ti_logs",
-            data: {
-                dag_id: dagRun?.dagId,
-                dag_run_id: dagRun?.dagRunId,
-                task_id: taskId,
-                try_num: tryNum,
-                continuation_token: null,
-            },
-            successHandler: (resp) => {
-                if (!resp)
-                    return;
-                const newActiveTaskIdx = taskInstances != null
-                    ? taskInstances.taskInstances.findIndex((ti) => ti.taskId === taskId)
-                    : -1;
-                setActiveTask(taskInstances?.taskInstances[newActiveTaskIdx] || null);
-                const newLogs = logs.slice();
-                newLogs[newActiveTaskIdx] = resp.logs;
-                setLogs(newLogs);
-            },
-            errorHandler: (resp) => {
-                console.log("Error while getting logs for subtask!");
-                if (resp && resp.status === 503) {
-                    onLostConnection();
-                }
-            },
+        const newActiveTaskIdx = taskInstances != null
+            ? taskInstances.taskInstances.findIndex((ti) => ti.taskId === taskId)
+            : -1;
+        setActiveTask(taskInstances?.taskInstances[newActiveTaskIdx] || null);
+        setLogs((prev) => {
+            const newLogs = prev.filter((_, i) => i === newActiveTaskIdx);
+            return newLogs;
         });
-    }
-    function handleRestartLoad() {
+    };
+    const handleRestartLoad = () => {
         if (!airflowAvailable)
             return;
         postRequest({
@@ -183,13 +185,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 +217,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 +229,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 +247,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: error || !airflowAvailable ? "connerr" : dagRun?.state }), _jsxs("span", { children: [taskStateText(error || !airflowAvailable ? "connerr" : 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 +313,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"}

package/dist/components/TaskLoader/index.js

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

package/dist/components/TaskStateDialog/TaskStateDialog.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import TaskStateDialogProps from "./TaskStateDialogProps";
-export default function TaskStateDialog({ taskTitle, subTitle, appendedTitle, visible, mousePos, disableClosing, additionalControls, disableTransition, onClose, }: TaskStateDialogProps): React.JSX.Element;
+export default function TaskStateDialog({ taskTitle, subTitle, appendedTitle, visible, mousePos, disableClosing, additionalControls, disableTransition, onClose, onUnauthorized, }: TaskStateDialogProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TaskStateDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TaskStateDialog.d.ts","sourceRoot":"","sources":["../../../src/components/TaskStateDialog/TaskStateDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAa1D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,QAAQ,EACR,aAAa,EACb,OAAO,EACP,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,OAAO,GACR,EAAE,oBAAoB,qBAyLtB"}
+{"version":3,"file":"TaskStateDialog.d.ts","sourceRoot":"","sources":["../../../src/components/TaskStateDialog/TaskStateDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAwB1D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,QAAQ,EACR,aAAa,EACb,OAAO,EACP,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,OAAO,EACP,cAAc,GACf,EAAE,oBAAoB,2CA8LtB"}