@danikokonn/yarik-frontend-lib 2.0.2-test3

package/dist/components/TaskLoader/TaskLoader.js

@@ -0,0 +1,333 @@
+import React, { useState } from "react";
+import CircularProgress from "@mui/material/CircularProgress";
+import IconButton from "@mui/material/IconButton";
+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 { useAirflowContext } from "../../providers/AirflowProvider";
+import ProcessingIcon from "../icons/ProcessingIcon";
+const taskStateIcon = (taskState) => {
+    switch (taskState) {
+        case "success":
+            return React.createElement(CheckCircleOutlineRoundedIcon, { fontSize: "large", color: "success" });
+        case "failed":
+            return React.createElement(ErrorOutlineSharpIcon, { fontSize: "large", color: "error" });
+        case "queued":
+            return React.createElement(AccessTimeSharpIcon, { fontSize: "large" });
+        case "running":
+            return React.createElement(CircularProgress, null);
+        default:
+            return React.createElement(BlockSharpIcon, { fontSize: "large" });
+    }
+};
+export default function TaskLoader({ style, subTitle }) {
+    const { airflowAvailable, onLostConnection } = useAirflowContext();
+    const { isActive, dagRun, taskInstances, onUpdateState, fetchState } = useDagRunStateContext();
+    const [activeTask, setActiveTask] = React.useState(taskInstances?.taskInstances.find((ti) => {
+        return ti.state === "running";
+    }) || null);
+    const [logs, setLogs] = React.useState([null, null, null]);
+    const [blockContols, setBlockControls] = useState(false);
+    const logContainerRef = React.useRef(null);
+    React.useEffect(() => {
+        if (logContainerRef.current != null) {
+            logContainerRef.current.scrollTo({
+                left: 0,
+                top: logContainerRef.current.scrollHeight,
+                behavior: "smooth",
+            });
+        }
+    }, [activeTask, logs]);
+    const updateActiveTask = () => {
+        const newActiveTask = taskInstances?.taskInstances.find((ti) => {
+            return ti.state === "running";
+        });
+        if (newActiveTask == null) {
+            setActiveTask(null);
+            return;
+        }
+        if (activeTask == null || newActiveTask.taskId !== activeTask.taskId) {
+            setActiveTask(newActiveTask);
+        }
+    };
+    React.useEffect(() => {
+        if (isActive) {
+            setLogs([null, null, null]);
+        }
+    }, [isActive]);
+    React.useEffect(() => {
+        const interval = setInterval(() => {
+            if (!isActive)
+                return;
+            updateActiveTask();
+        }, 100);
+        return () => {
+            clearInterval(interval);
+        };
+    }, [isActive, taskInstances]);
+    React.useEffect(() => {
+        const interval = setInterval(() => {
+            if (!airflowAvailable)
+                return;
+            if (!isActive)
+                return;
+            if (activeTask == null)
+                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 (!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();
+                }
+            },
+        });
+    }
+    function handleRestartLoad() {
+        if (!airflowAvailable)
+            return;
+        postRequest({
+            url: "airflow/dag_run",
+            data: {
+                action: "restart",
+                dag_id: dagRun?.dagId,
+                dag_run_id: dagRun?.dagRunId,
+            },
+            headers: {
+                "X-CSRFToken": getCSRFToken(),
+            },
+            successHandler: (resp) => {
+                if (!resp)
+                    return;
+                onUpdateState(true, resp.dagRun, resp.taskInstances);
+                setActiveTask(null);
+                setLogs([null, null, null]);
+            },
+            errorHandler: (resp) => {
+                console.log("Error restarting task!");
+                if (resp && resp.status === 503) {
+                    onLostConnection();
+                }
+            },
+        });
+    }
+    const handleStopLoad = useDebounce(() => {
+        if (!airflowAvailable)
+            return;
+        postRequest({
+            url: "airflow/dag_run",
+            data: {
+                action: "stop",
+                dag_id: dagRun?.dagId,
+                dag_run_id: dagRun?.dagRunId,
+            },
+            headers: {
+                "X-CSRFToken": getCSRFToken(),
+            },
+            successHandler: (resp) => {
+                if (!resp)
+                    return;
+                onUpdateState(true, resp.dagRun, resp.taskInstances);
+                setActiveTask(null);
+                setLogs([null, null, null]);
+                setBlockControls(false);
+            },
+            errorHandler: (resp) => {
+                console.log("Error aborting task!");
+                if (resp && resp.status === 503) {
+                    onLostConnection();
+                }
+                setBlockControls(false);
+            },
+        });
+    }, 200);
+    const formatEndDate = formatDate(dagRun?.logicalDate || "");
+    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;
+    });
+    const activeTaskNumber = activeTaskElem && taskInstances?.taskInstances.indexOf(activeTaskElem);
+    const handleClick = useDebounce((target, onClick, toggleClass) => {
+        if (target instanceof HTMLButtonElement &&
+            !target.classList.contains(toggleClass)) {
+            const id = target.id;
+            onClick();
+            target.classList.add(toggleClass);
+            setTimeout(() => {
+                document.getElementById(id)?.classList.remove(toggleClass);
+                setBlockControls(false);
+            }, 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: {
+                                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, `
+          @keyframes rotate-around {
+            from {
+              transform: rotate(0deg);
+            }
+            to {
+              transform: rotate(-360deg);
+            }
+          }
+        `)));
+}

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

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

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

@@ -0,0 +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"}

package/dist/components/TaskLoader/TaskLoaderProps.js

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +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"}

package/dist/components/TaskLoader/index.js

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

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

@@ -0,0 +1,4 @@
+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;
+//# sourceMappingURL=TaskStateDialog.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/TaskStateDialog/TaskStateDialog.js

@@ -0,0 +1,106 @@
+import React from "react";
+import Dialog from "@mui/material/Dialog";
+import { useTheme } from "@mui/material";
+import Zoom from "@mui/material/Zoom";
+const AppBar = React.lazy(() => import("@mui/material/AppBar"));
+const Stack = React.lazy(() => import("@mui/material/Stack"));
+const Toolbar = React.lazy(() => import("@mui/material/Toolbar"));
+const IconButton = React.lazy(() => import("@mui/material/IconButton"));
+const Typography = React.lazy(() => import("@mui/material/Typography"));
+const Tooltip = React.lazy(() => import("@mui/material/Tooltip"));
+const Badge = React.lazy(() => import("@mui/material/Badge"));
+const CloseIcon = React.lazy(() => import("@mui/icons-material/Close"));
+const CircularProgress = React.lazy(() => import("@mui/material/CircularProgress"));
+const TaskLoader = React.lazy(() => import("../TaskLoader/TaskLoader"));
+import { useDagRunStateContext } from "../../providers/DagStateProvider";
+import { useAirflowContext } from "../../providers/AirflowProvider";
+const Transition = React.forwardRef(function Transition(props, ref) {
+    return React.createElement(Zoom, { ref: ref, ...props });
+});
+export default function TaskStateDialog({ taskTitle, subTitle, appendedTitle, visible, mousePos, disableClosing, additionalControls, disableTransition, onClose, }) {
+    const theme = useTheme();
+    const [loading, setLoading] = React.useState(true);
+    const { airflowAvailable } = useAirflowContext();
+    const { dagRun, taskInstances, isActive } = useDagRunStateContext();
+    let color = "secondary";
+    let dagStateText = "Нет состояния";
+    if (dagRun) {
+        switch (dagRun.state) {
+            case "success":
+                color = "success";
+                dagStateText = "Выполнено";
+                break;
+            case "failed":
+                color = "error";
+                dagStateText = "Ошибка";
+                break;
+            default:
+                color = "info";
+                dagStateText = "Запущена";
+        }
+    }
+    const currentTabControls = dagRun &&
+        additionalControls &&
+        additionalControls.find((v) => v.dagId === dagRun.dagId);
+    const DialogLoadingProgress = () => (React.createElement(CircularProgress, { sx: {
+            position: "absolute",
+            top: "50%",
+            left: "50%",
+            transform: "translate(-50%, -50%)",
+        }, color: "inherit" }));
+    return (React.createElement(Dialog, { fullScreen: true, open: visible, onClose: () => onClose(), transitionDuration: 500, slots: {
+            transition: disableTransition ? undefined : Transition,
+        }, slotProps: {
+            paper: {
+                sx: { backgroundColor: theme.palette.background.default },
+            },
+            transition: {
+                sx: {
+                    transformOrigin: mousePos || "center",
+                },
+                onEntered: () => {
+                    setLoading(false);
+                },
+                onExited: () => {
+                    setLoading(true);
+                },
+            },
+        } },
+        React.createElement(React.Suspense, { fallback: React.createElement(React.Fragment, null) },
+            React.createElement(AppBar, { sx: { position: "relative" }, color: color },
+                React.createElement(Toolbar, null,
+                    React.createElement(IconButton, { disabled: disableClosing, edge: "start", color: "inherit", onClick: () => onClose(), "aria-label": "close" },
+                        React.createElement(CloseIcon, null)),
+                    React.createElement(Stack, { sx: {
+                            ml: 2,
+                            flex: 1,
+                            flexWrap: "nowrap",
+                            whiteSpace: "nowrap",
+                            textOverflow: "ellipsis",
+                            overflow: "hidden",
+                        }, direction: "row", gap: 1 }, airflowAvailable ? (React.createElement(React.Fragment, null,
+                        React.createElement(Typography, { variant: "h6" }, taskTitle),
+                        appendedTitle && (React.createElement(Tooltip, { title: appendedTitle },
+                            React.createElement(Typography, { color: "orange", variant: "h6" }, appendedTitle))),
+                        React.createElement(Typography, { variant: "h6" }, "\u2014"),
+                        React.createElement(Typography, { variant: "h6" }, dagStateText))) : (React.createElement(Typography, { variant: "h6" },
+                        React.createElement(Tooltip, { title: "Airflow \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D - \u043F\u043E\u043A\u0430\u0437\u0430\u043D\u043E \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u0435 \u0438\u0437\u0432\u0435\u0441\u0442\u043D\u043E\u0435 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435 \u0437\u0430\u0434\u0430\u0447\u0438" },
+                            React.createElement(Badge, { color: "warning", variant: "dot" }, `${taskTitle} - ${dagStateText}`))))))),
+            loading ? (React.createElement(DialogLoadingProgress, null)) : (React.createElement(React.Fragment, null, dagRun && taskInstances ? (React.createElement(Stack, { direction: "column", sx: {
+                    justifyContent: "space-between",
+                    height: "-webkit-fill-available",
+                } },
+                React.createElement(TaskLoader, { subTitle: subTitle, style: {
+                        margin: "3rem",
+                        height: "-webkit-fill-available",
+                    } }),
+                React.createElement(Stack, { spacing: 1, direction: "row", sx: {
+                        justifyContent: "end",
+                        alignItems: "center",
+                        margin: "1.5rem 3rem",
+                    } },
+                    dagRun.state === "success" ? ((currentTabControls?.onSuccess &&
+                        currentTabControls.onSuccess(dagRun.conf?.table_name || "")) || React.createElement(React.Fragment, null)) : (React.createElement(React.Fragment, null)),
+                    dagRun.state === "failed" ? ((currentTabControls?.onFailure &&
+                        currentTabControls.onFailure(dagRun.conf?.rule_uuid || "", dagRun.dagId, dagRun.conf?.start_date || "", dagRun.conf?.end_date || "", dagRun.conf?.table_name || "")) || React.createElement(React.Fragment, null)) : (React.createElement(React.Fragment, null))))) : (React.createElement("span", { style: { margin: "3rem" } }, airflowAvailable && isActive ? (React.createElement(DialogLoadingProgress, null)) : airflowAvailable ? (React.createElement(Typography, null, "\u041D\u0435\u0442 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F")) : (React.createElement(Typography, null, "Airflow \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D")))))))));
+}

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

@@ -0,0 +1,18 @@
+import React from "react";
+import TaskLoaderProps from "../TaskLoader/TaskLoaderProps";
+export default interface TaskStateModalProps extends TaskLoaderProps {
+    taskTitle: string;
+    appendedTitle?: string;
+    visible: boolean;
+    onClose(): void;
+    mousePos?: string;
+    disableClosing?: boolean;
+    additionalControls?: AdditionalTaskControl[];
+    disableTransition?: boolean;
+}
+export interface AdditionalTaskControl {
+    dagId: string;
+    onSuccess?(dagId: string): React.ReactNode;
+    onFailure?(ruleUuid: string, dagId: string, start_date: string, end_date: string, table_name: string): React.ReactNode;
+}
+//# sourceMappingURL=TaskStateDialogProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TaskStateDialogProps.d.ts","sourceRoot":"","sources":["../../../src/components/TaskStateDialog/TaskStateDialogProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAE5D,MAAM,CAAC,OAAO,WAAW,mBAAoB,SAAQ,eAAe;IAClE,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,IAAI,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC7C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3C,SAAS,CAAC,CACR,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS,CAAC;CACpB"}

package/dist/components/TaskStateDialog/TaskStateDialogProps.js

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TaskStateDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC"}

package/dist/components/TaskStateDialog/index.js

@@ -0,0 +1,3 @@
+export { default } from "./TaskStateDialog";
+export * from "./TaskStateDialog";
+export * from "./TaskStateDialogProps";

package/dist/components/icons/GenerateAndRunIcon.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { SvgIconOwnProps } from "@mui/material";
+interface GenerateAndRunIconProps extends SvgIconOwnProps {
+    disabled?: boolean;
+}
+declare const GenerateAndRunIcon: ({ disabled, ...props }: GenerateAndRunIconProps) => React.JSX.Element;
+export default GenerateAndRunIcon;
+//# sourceMappingURL=GenerateAndRunIcon.d.ts.map

package/dist/components/icons/GenerateAndRunIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenerateAndRunIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/GenerateAndRunIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AAoHzE,UAAU,uBAAwB,SAAQ,eAAe;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,GAAI,wBAGzB,uBAAuB,sBAWzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/icons/GenerateAndRunIcon.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { createSvgIcon, useTheme } from "@mui/material";
+const GenerateAndRunSvgIcon = createSvgIcon(React.createElement("svg", { width: "38", height: "38", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 38 38", preserveAspectRatio: "xMidYMid", version: "1.1" },
+    React.createElement("g", { className: "layer", display: "inline" },
+        React.createElement("g", { id: "s", transform: "translate(-0.02 -0.02) matrix(1.63693 0 0 1.63225 -3.38016 7.32488)" },
+            React.createElement("g", { id: "svg_1", transform: "translate(-4.12903 0.709677) matrix(0.6025 0 0 0.666969 4.40055 -6.10281)" },
+                React.createElement("g", { id: "svg_2" },
+                    React.createElement("path", { d: "m4.38,30.62l0,0c-0.66,0 -1.38,-0.51 -1.38,-1.62l0,-26c0,-1.11 0.72,-1.62 1.38,-1.62c0.29,0 0.57,0.08 0.86,0.25l22.73,13.01c0.54,0.3 0.85,0.79 0.85,1.34c0,0.56 -0.32,1.07 -0.88,1.38l-22.7,13.01c-0.29,0.17 -0.57,0.25 -0.86,0.25zm0.62,-26.82l0,24.4l21.31,-12.21l-21.31,-12.19z", fill: "var(--disabled, #2e7d32)", id: "svg_4", stroke: "#ce5858", strokeWidth: "0", transform: "matrix(1 0 0 1 0 0)" }),
+                    React.createElement("path", { d: "m4.74,2.5c-0.47,-0.28 -0.74,-0.05 -0.74,0.5l0,26c0,0.55 0.27,0.78 0.74,0.5l22.7,-13c0.48,-0.28 0.51,-0.72 0.04,-1l-22.74,-13z", fill: "var(--disabled, #2e7d32)", id: "svg_3", stroke: "#ce5858", strokeWidth: "0", transform: "matrix(1 0 0 1 0 0)" }),
+                    React.createElement("g", { id: "svg_55", transform: "translate(0.0430663 0) matrix(1 0 0 1 6.4897 3.12924e-7)" },
+                        React.createElement("g", { id: "svg_56" },
+                            React.createElement("g", { id: "svg_57" },
+                                React.createElement("path", { d: "m4.41,2.5c-0.47,-0.28 -0.74,-0.05 -0.74,0.5l0,26c0,0.55 0.27,0.78 0.74,0.5l22.7,-13c0.48,-0.28 0.51,-0.72 0.04,-1l-22.74,-13z", fill: "var(--disabled, currentColor)", id: "svg_58", stroke: "#ce5858", strokeWidth: "0", transform: "matrix(1 0 0 1 0 0)" }),
+                                React.createElement("path", { d: "m4.38,30.62l0,0c-0.66,0 -1.38,-0.51 -1.38,-1.62l0,-26c0,-1.11 0.72,-1.62 1.38,-1.62c0.29,0 0.57,0.08 0.86,0.25l22.73,13.01c0.54,0.3 0.85,0.79 0.85,1.34c0,0.56 -0.32,1.07 -0.88,1.38l-22.7,13.01c-0.29,0.17 -0.57,0.25 -0.86,0.25zm0.62,-26.82l0,24.4l21.31,-12.21l-21.31,-12.19z", fill: "var(--disabled, currentColor)", id: "svg_59", stroke: "#ce5858", strokeWidth: "0" }))))),
+                React.createElement("g", { id: "svg_67", transform: "matrix(1 0 0 1 -0.559006 -0.621116)" },
+                    React.createElement("g", { id: "svg_11", transform: "translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0 -0.0421585) matrix(1.62212 0 0 1.46081 -6.57878 -8.38586)" },
+                        React.createElement("g", { id: "svg_12" },
+                            React.createElement("g", { id: "svg_5" },
+                                React.createElement("line", { fill: "var(--disabled, #2e7d32)", id: "svg_6", stroke: "#ce5858", strokeWidth: "0", x1: "28", x2: "20", y1: "26", y2: "26" }),
+                                React.createElement("path", { d: "m28,27l-8,0c-0.55,0 -1,-0.45 -1,-1s0.45,-1 1,-1l8,0c0.55,0 1,0.45 1,1s-0.45,1 -1,1z", fill: "var(--disabled, #2e7d32)", id: "svg_7", stroke: "#ce5858", strokeWidth: "0" })),
+                            React.createElement("g", { id: "svg_8" },
+                                React.createElement("line", { fill: "var(--disabled, #2e7d32)", id: "svg_9", stroke: "#ce5858", strokeWidth: "0", x1: "24", x2: "24", y1: "22", y2: "30" }),
+                                React.createElement("path", { d: "m24,31c-0.55,0 -1,-0.45 -1,-1l0,-8c0,-0.55 0.45,-1 1,-1s1,0.45 1,1l0,8c0,0.55 -0.45,1 -1,1z", fill: "var(--disabled, #2e7d32)", id: "svg_10", stroke: "#ce5858", strokeWidth: "0" }))))))))), "GenerateAndRunSvgIcon");
+// todo: Обобщить, создать хук
+const GenerateAndRunIcon = ({ disabled, ...props }) => {
+    const theme = useTheme();
+    return disabled ? (React.createElement(GenerateAndRunSvgIcon, { sx: { "--disabled": theme.palette.action.disabled, ...props.sx }, ...props })) : (React.createElement(GenerateAndRunSvgIcon, { ...props }));
+};
+export default GenerateAndRunIcon;

package/dist/components/icons/GenerateIcon.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { SvgIconOwnProps } from "@mui/material";
+interface GenerateIconProps extends SvgIconOwnProps {
+    disabled?: boolean;
+}
+declare const GenerateIcon: ({ disabled, ...props }: GenerateIconProps) => React.JSX.Element;
+export default GenerateIcon;
+//# sourceMappingURL=GenerateIcon.d.ts.map

package/dist/components/icons/GenerateIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenerateIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/GenerateIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AAoGzE,UAAU,iBAAkB,SAAQ,eAAe;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,GAAI,wBAAwB,iBAAiB,sBAW9D,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/icons/GenerateIcon.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { createSvgIcon, useTheme } from "@mui/material";
+const GenerateSvgIcon = createSvgIcon(React.createElement("svg", { width: "38", height: "38", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 38 38", preserveAspectRatio: "xMidYMid", version: "1.1" },
+    React.createElement("g", { className: "layer", display: "inline" },
+        React.createElement("g", { id: "s", transform: "translate(-0.02 -0.02) matrix(1.63693 0 0 1.63225 -3.38016 7.32488)" },
+            React.createElement("g", { id: "svg_1", transform: "translate(-4.12903 0.709677) matrix(0.6025 0 0 0.666969 4.40055 -6.10281)" },
+                React.createElement("g", { id: "svg_2" },
+                    React.createElement("g", { id: "svg_55", transform: "translate(0.0430663 0) matrix(1 0 0 1 6.4897 3.12924e-7)" },
+                        React.createElement("g", { id: "svg_56" },
+                            React.createElement("g", { id: "svg_57" },
+                                React.createElement("path", { d: "m4.41,2.5c-0.47,-0.28 -0.74,-0.05 -0.74,0.5l0,26c0,0.55 0.27,0.78 0.74,0.5l22.7,-13c0.48,-0.28 0.51,-0.72 0.04,-1l-22.74,-13z", fill: "var(--disabled, currentColor)", id: "svg_58", stroke: "#ce5858", strokeWidth: "0", transform: "matrix(1 0 0 1 0 0)" }),
+                                React.createElement("path", { d: "m4.38,30.62l0,0c-0.66,0 -1.38,-0.51 -1.38,-1.62l0,-26c0,-1.11 0.72,-1.62 1.38,-1.62c0.29,0 0.57,0.08 0.86,0.25l22.73,13.01c0.54,0.3 0.85,0.79 0.85,1.34c0,0.56 -0.32,1.07 -0.88,1.38l-22.7,13.01c-0.29,0.17 -0.57,0.25 -0.86,0.25zm0.62,-26.82l0,24.4l21.31,-12.21l-21.31,-12.19z", fill: "var(--disabled, currentColor)", id: "svg_59", stroke: "#ce5858", strokeWidth: "0" }))))),
+                React.createElement("g", { id: "svg_67", transform: "matrix(1 0 0 1 -0.559006 -0.621116)" },
+                    React.createElement("g", { id: "svg_11", transform: "translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0 -0.0421585) matrix(1.62212 0 0 1.46081 -6.57878 -8.38586)" },
+                        React.createElement("g", { id: "svg_12" },
+                            React.createElement("g", { id: "svg_5" },
+                                React.createElement("line", { fill: "var(--disabled, #2e7d32)", id: "svg_6", stroke: "#ce5858", strokeWidth: "0", x1: "28", x2: "20", y1: "26", y2: "26" }),
+                                React.createElement("path", { d: "m28,27l-8,0c-0.55,0 -1,-0.45 -1,-1s0.45,-1 1,-1l8,0c0.55,0 1,0.45 1,1s-0.45,1 -1,1z", fill: "var(--disabled, #2e7d32)", id: "svg_7", stroke: "#ce5858", strokeWidth: "0" })),
+                            React.createElement("g", { id: "svg_8" },
+                                React.createElement("line", { fill: "var(--disabled, #2e7d32)", id: "svg_9", stroke: "#ce5858", strokeWidth: "0", x1: "24", x2: "24", y1: "22", y2: "30" }),
+                                React.createElement("path", { d: "m24,31c-0.55,0 -1,-0.45 -1,-1l0,-8c0,-0.55 0.45,-1 1,-1s1,0.45 1,1l0,8c0,0.55 -0.45,1 -1,1z", fill: "var(--disabled, #2e7d32)", id: "svg_10", stroke: "#ce5858", strokeWidth: "0" }))))))))), "GenerateSvgIcon");
+// todo: Обобщить, создать хук
+const GenerateIcon = ({ disabled, ...props }) => {
+    const theme = useTheme();
+    return disabled ? (React.createElement(GenerateSvgIcon, { sx: { "--disabled": theme.palette.action.disabled, ...props.sx }, ...props })) : (React.createElement(GenerateSvgIcon, { ...props }));
+};
+export default GenerateIcon;

package/dist/components/icons/IntegerIcon.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { SvgIconOwnProps } from "@mui/material";
+interface IntegerIconProps extends SvgIconOwnProps {
+    disabled?: boolean;
+}
+declare const IntegerIcon: ({ disabled, ...props }: IntegerIconProps) => React.JSX.Element;
+export default IntegerIcon;
+//# sourceMappingURL=IntegerIcon.d.ts.map

package/dist/components/icons/IntegerIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegerIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/IntegerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AAyBzE,UAAU,gBAAiB,SAAQ,eAAe;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,GAAI,wBAAwB,gBAAgB,sBAW5D,CAAC;AAEF,eAAe,WAAW,CAAC"}