@danikokonn/yarik-frontend-lib 2.0.2-test3

package/dist/components/SmartTable/SmartTable.js

@@ -0,0 +1,175 @@
+import React, { Fragment, Suspense } from "react";
+import FormControl from "@mui/material/FormControl";
+import InputLabel from "@mui/material/InputLabel";
+import MenuItem from "@mui/material/MenuItem";
+import Pagination from "@mui/material/Pagination";
+import Paper from "@mui/material/Paper";
+import Select from "@mui/material/Select";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableFooter from "@mui/material/TableFooter";
+import TableRow from "@mui/material/TableRow";
+import TableContainer from "@mui/material/TableContainer";
+import { useTheme, Stack, CircularProgress, Typography, Skeleton, } from "@mui/material";
+import SortBtn from "../SortBtn/SortBtn";
+import ColumnSearchInput from "../ColumnSearchInput/ColumnSearchInput";
+import { TableVirtuoso } from "react-virtuoso";
+import TableHeader from "./TableHeader";
+import RowContent from "./RowContent";
+// eslint-disable-next-line react/display-name
+const Scroller = React.forwardRef((props, ref) => (React.createElement(TableContainer, { component: Paper, ...props, ref: ref, sx: {
+        minWidth: Object(props).context.minWidth || "100%",
+        flexGrow: 1,
+        overflowX: "auto",
+    } },
+    Object(props).children,
+    Object(props).context.placeholder)));
+const TableHead = 
+// eslint-disable-next-line react/display-name
+React.forwardRef((props, ref) => (React.createElement(TableHeader, { ...props, ref: ref })));
+const TableBodyWrapper = 
+// eslint-disable-next-line react/display-name
+React.forwardRef((props, ref) => (React.createElement(TableBody, { ...props, ref: ref })));
+const Row = (props) => {
+    const ContentWrapper = Object(props).context.ContentWrapper;
+    const selectedRow = Object(props).context.selectedRow;
+    const rowStyles = Object(props).context.rowStyles;
+    const selectable = Object(props).context.selectable;
+    return ContentWrapper ? (React.createElement(ContentWrapper, { dagId: Object(props).item.id, rowProps: {
+            selected: Object(props).item.id === selectedRow,
+            ...props,
+        }, ...props })) : (React.createElement(TableRow, { hover: true, sx: {
+            height: "3rem",
+            overflowY: "hidden",
+            ...rowStyles,
+            cursor: selectable ? "pointer" : "default",
+        }, selected: Object(props).item.id === selectedRow, ...props }));
+};
+const TableWrapper = (props) => (React.createElement(Table, { ...props, stickyHeader: true, sx: {
+        ...Object(props).context.tableStyle,
+        minWidth: Object(props).context.minWidth || "100%",
+    } }));
+const ItemContent = (_index, row, context) => (React.createElement(RowContent, { key: Object(row).id, row: row, columns: Object(context).columns, controlComponent: Object(context).ControlComponent, onDoubleClick: Object(context).onRowDoubleClick, onSelectRow: Object(context).selectable ? Object(context).handleSelectRow : () => { } }));
+const ScrollSeekPlaceholder = (props) => (
+// eslint-disable-next-line react/prop-types
+React.createElement(TableRow, { sx: { height: Object(props).height } }, Object(props).context.columns.map((col, i) => (React.createElement(TableCell, { sx: {
+        paddingTop: "0.25rem",
+        paddingBottom: "0.25rem",
+        py: 0,
+        ...col.colSx,
+    }, key: i },
+    React.createElement(Skeleton, { variant: "rectangular", width: "100%" }))))));
+export default function SmartTable({ rows, columns, pageN, numPages, perPage, loading, minWidth, width, rowStyles, selectable, selectedRow, sx, disablePerPageSelector, globalSearch, columnAutoWidth, error, globalSearchComponent, ContentWrapper, onRowDoubleClick, onSelectRow, controlComponent: ControlComponent, onToggleSort, onInputSearch, onPageSelect, onChangePerPage, controlComponentColSx, perPageOptions, }) {
+    const theme = useTheme();
+    const tableStyle = {
+        width: columnAutoWidth ? "auto" : "100%",
+        tableLayout: "fixed",
+        borderCollapse: "separate",
+        borderSpacing: 0,
+    };
+    function handleSelectRow(rowId) {
+        if (selectable && onSelectRow) {
+            onSelectRow(rowId);
+        }
+    }
+    const hasSearchableColumns = columns.some((col) => col.searchable);
+    const hasGlobalSearch = globalSearch && globalSearchComponent;
+    const searchCols = () => columns.map((col, idx) => (React.createElement(TableCell, { key: idx, scope: "col", sx: { ...col.colSx } }, col.searchable ? ((col.searchComponent && col.searchComponent()) || (React.createElement(ColumnSearchInput, { field: col.fieldName, searchStr: col.searchStr, onInputSearch: onInputSearch }))) : (React.createElement(React.Fragment, null)))));
+    const headerTitleRow = (React.createElement(TableRow, { key: 0 },
+        columns.map((col, idx) => (React.createElement(TableCell, { key: idx, scope: "col", sx: {
+                resize: col.resizable ? "horizontal" : "none",
+                overflowX: col.resizable ? "hidden" : "inherit",
+                ...col.colSx,
+            } }, col.sortable ? (React.createElement(SortBtn, { field: col.fieldName, order: col.order || "none", onToggleSort: onToggleSort }, col.displayName)) : (col.displayName)))),
+        ControlComponent && (React.createElement(TableCell, { sx: { ...controlComponentColSx }, scope: "col" }))));
+    const headerSearchRow = (React.createElement(TableRow, { key: 1 }, globalSearch && globalSearchComponent ? (React.createElement(TableCell, { scope: "col", colSpan: columns.length + 1 }, globalSearchComponent())) : (React.createElement(React.Fragment, null,
+        hasSearchableColumns ? searchCols() : React.createElement(React.Fragment, null),
+        ControlComponent && (React.createElement(TableCell, { sx: { ...controlComponentColSx }, scope: "col" }))))));
+    const centerStyle = {
+        position: "absolute",
+        left: "50%",
+        top: "50%",
+        transform: "translate(-50%, -50%)",
+    };
+    const headerRows = [headerTitleRow, headerSearchRow];
+    let placeholder = React.createElement(React.Fragment, null);
+    if (error && rows.length === 0) {
+        placeholder = (React.createElement(Typography, { variant: "h6", color: "textSecondary", sx: centerStyle }, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435"));
+    }
+    else if (loading) {
+        placeholder = React.createElement(CircularProgress, { sx: centerStyle });
+    }
+    else if (rows.length === 0) {
+        placeholder = (React.createElement(Typography, { variant: "h6", color: "textSecondary", sx: centerStyle }, "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"));
+    }
+    const fixedHeaderContent = () => (React.createElement(Fragment, null, hasGlobalSearch ? headerRows[0] : headerRows));
+    const tableContext = {
+        columns: columns,
+        minWidth: minWidth,
+        rowStyles: rowStyles,
+        selectable: selectable,
+        tableStyle: tableStyle,
+        placeholder: placeholder,
+        selectedRow: selectedRow,
+        ContentWrapper: ContentWrapper,
+        ControlComponent: ControlComponent,
+        onRowDoubleClick: onRowDoubleClick,
+        handleSelectRow: handleSelectRow,
+    };
+    const VirtuosoTableComponents = {
+        Scroller: Scroller,
+        Table: TableWrapper,
+        TableRow: Row,
+        TableHead: TableHead,
+        TableBody: TableBodyWrapper,
+        ScrollSeekPlaceholder: ScrollSeekPlaceholder,
+    };
+    return (React.createElement(Paper, { sx: {
+            height: "74vh",
+            position: "relative",
+            display: "flex",
+            flexDirection: "column",
+            width: (width && (typeof width === "number" ? `${width}%` : width)) ||
+                "100%",
+            ...sx,
+        } },
+        React.createElement(Stack, { direction: "column", sx: {
+                flexGrow: 1,
+                overflowX: "auto",
+                width: "100%",
+            } },
+            hasGlobalSearch && (React.createElement(Table, { size: "small", className: "rulesTable", stickyHeader: true, sx: { ...tableStyle, minWidth: minWidth || "100%", height: "auto" } },
+                React.createElement(TableHeader, null, headerRows[1]))),
+            React.createElement(Suspense, { fallback: React.createElement(CircularProgress, { sx: { position: "absolute", left: "50%", top: "50%" } }) },
+                React.createElement(TableVirtuoso, { style: { height: "100%" }, totalCount: rows.length, data: rows, components: VirtuosoTableComponents, fixedHeaderContent: fixedHeaderContent, itemContent: (ItemContent), context: tableContext, scrollSeekConfiguration: {
+                        // «входим» в режим плейсхолдеров при скорости >200px/фрейм
+                        enter: (velocity) => Math.abs(velocity) > 50,
+                        // «выходим» обратно, когда скорость опустилась ниже 30px/фрейм
+                        exit: (velocity) => Math.abs(velocity) < 10,
+                    }, increaseViewportBy: { top: 800, bottom: 800 } }))),
+        React.createElement(Table, { sx: { ...tableStyle, height: "auto", minWidth: minWidth || "100%" } },
+            React.createElement(TableFooter, { sx: {
+                    bottom: "0%",
+                    zIndex: 600,
+                    position: "sticky",
+                    backgroundColor: theme.palette.background.default,
+                } },
+                React.createElement(TableRow, null,
+                    React.createElement(TableCell, { colSpan: 11 },
+                        React.createElement("div", { style: {
+                                display: "flex",
+                                justifyContent: "space-between",
+                                alignItems: "center",
+                            } },
+                            React.createElement(Pagination, { count: numPages, page: pageN, onChange: (_, p) => {
+                                    onPageSelect(p);
+                                }, showLastButton: true, showFirstButton: true, color: "primary", sx: { display: { xs: "none", md: "flex" } } }),
+                            React.createElement(Pagination, { count: numPages, page: pageN, onChange: (_, p) => {
+                                    onPageSelect(p);
+                                }, siblingCount: 0, boundaryCount: 0, color: "primary", sx: { display: { xs: "flex", md: "none" } } }),
+                            disablePerPageSelector ? (React.createElement(React.Fragment, null)) : (React.createElement(FormControl, { size: "small" },
+                                React.createElement(InputLabel, { id: "perPageInputLabel" }, "\u0421\u0442\u0440\u043E\u043A"),
+                                React.createElement(Select, { label: "\u0421\u0442\u0440\u043E\u043A", labelId: "perPageInputLabel", value: String(perPage), autoWidth: true, onChange: (e) => onChangePerPage &&
+                                        onChangePerPage(Number(e.target.value)), sx: { minWidth: "2rem" } }, (perPageOptions || [5, 10, 15, 20, 25, 50, 100]).map((v, idx) => (React.createElement(MenuItem, { key: idx, value: v }, v)))))))))))));
+}

package/dist/components/SmartTable/SmartTableProps.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from "react";
+import { Column } from "../../types";
+import { SxProps, TableRowProps, Theme } from "@mui/material";
+export default interface SmartTableProps<T> {
+    rows: T[];
+    columns: Column<T>[];
+    pageN: number;
+    numPages: number;
+    perPage?: number;
+    loading: boolean;
+    minWidth?: number | string;
+    width?: string | number;
+    columnAutoWidth?: boolean;
+    rowStyles?: SxProps<Theme>;
+    selectable?: boolean;
+    selectedRow?: string;
+    sx?: SxProps<Theme>;
+    disablePerPageSelector?: boolean;
+    globalSearch?: boolean;
+    globalSearchComponent?(): ReactNode;
+    ContentWrapper?({ children, dagId, rowProps, }: {
+        children?: ReactNode;
+        dagId: string;
+        rowProps: TableRowProps;
+    }): React.JSX.Element;
+    onSelectRow?(rowId: string): void;
+    controlComponent?(row: T): ReactNode;
+    onRowDoubleClick?(rowId: string | null): void;
+    onToggleSort(field: string, order: "asc" | "desc" | "none"): void;
+    onInputSearch(options: {
+        field: string;
+        search: string;
+    }[]): void;
+    onPageSelect(pageN: number): void;
+    onChangePerPage?(perPage: number): void;
+    controlComponentColSx?: SxProps<Theme>;
+    error?: boolean;
+    perPageOptions?: number[];
+}
+//# sourceMappingURL=SmartTableProps.d.ts.map

package/dist/components/SmartTable/SmartTableProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartTableProps.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/SmartTableProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE9D,MAAM,CAAC,OAAO,WAAW,eAAe,CAAC,CAAC;IACxC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,IAAI,SAAS,CAAC;IACpC,cAAc,CAAC,CAAC,EACd,QAAQ,EACR,KAAK,EACL,QAAQ,GACT,EAAE;QACD,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,aAAa,CAAC;KACzB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACtB,WAAW,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,gBAAgB,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,SAAS,CAAC;IACrC,gBAAgB,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC9C,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAClE,aAAa,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,GAAG,IAAI,CAAC;IAClE,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,eAAe,CAAC,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,qBAAqB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B"}

package/dist/components/SmartTable/SmartTableProps.js

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

package/dist/components/SmartTable/TableHeader.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { TableHeadProps } from "@mui/material/TableHead";
+declare const TableHeader: ({ ref, ...props }: TableHeadProps) => React.JSX.Element;
+export default TableHeader;
+//# sourceMappingURL=TableHeader.d.ts.map

package/dist/components/SmartTable/TableHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGpE,QAAA,MAAM,WAAW,GAAI,mBAAmB,cAAc,sBAerD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/SmartTable/TableHeader.js

@@ -0,0 +1,13 @@
+import React from "react";
+import TableHead from "@mui/material/TableHead";
+import { useTheme } from "@mui/material";
+const TableHeader = ({ ref, ...props }) => {
+    const theme = useTheme();
+    return (React.createElement(TableHead, { sx: {
+            top: "0",
+            zIndex: 600,
+            position: "sticky",
+            backgroundColor: theme.palette.background.default,
+        }, ...props, ref: ref }));
+};
+export default TableHeader;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/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/SmartTable/index.js

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

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

@@ -0,0 +1,4 @@
+import React from "react";
+import SortBtnProps from "./SortBtnProps";
+export default function SortBtn({ children, field, order: _order, onToggleSort, }: SortBtnProps): React.JSX.Element;
+//# sourceMappingURL=SortBtn.d.ts.map

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

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

package/dist/components/SortBtn/SortBtn.js

@@ -0,0 +1,23 @@
+import React, { useEffect, useState } from "react";
+import { TableSortLabel } from "@mui/material";
+export default function SortBtn({ children, field, order: _order, onToggleSort, }) {
+    const [order, setOrder] = useState(_order || "none");
+    useEffect(() => setOrder(_order), [_order]);
+    function handleToggleSort() {
+        let newOrder;
+        switch (order) {
+            case "none":
+                newOrder = "asc";
+                break;
+            case "asc":
+                newOrder = "desc";
+                break;
+            default:
+                newOrder = "none";
+                break;
+        }
+        onToggleSort(field, newOrder);
+        setOrder(newOrder);
+    }
+    return (React.createElement(TableSortLabel, { active: order !== "none", direction: order !== "none" ? order : undefined, id: "toggleSortBtn", onClick: handleToggleSort }, children));
+}

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

@@ -0,0 +1,7 @@
+export default interface SortBtnProps {
+    children?: string;
+    field: string;
+    order: "asc" | "desc" | "none";
+    onToggleSort(field: string, order: "asc" | "desc" | "none"): void;
+}
+//# sourceMappingURL=SortBtnProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortBtnProps.d.ts","sourceRoot":"","sources":["../../../src/components/SortBtn/SortBtnProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,WAAW,YAAY;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CACnE"}

package/dist/components/SortBtn/SortBtnProps.js

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

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

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

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

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

package/dist/components/SortBtn/index.js

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

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

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

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

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

package/dist/components/SubtaskItem/SubtaskItem.js

@@ -0,0 +1,66 @@
+import React from "react";
+import moment from "moment";
+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";
+export default function SubtaskItem({ taskInstance, logs, expanded, onShowLogs, expandedLogContainerRef, }) {
+    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",
+        day: "numeric",
+        year: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+    });
+    const formatTaskDuration = moment
+        .duration(taskInstance.duration, "seconds")
+        .format({
+        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)))))));
+}

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

@@ -0,0 +1,10 @@
+import { RefObject } from "react";
+import { TaskInstance } from "../../types";
+export default interface SubtaskItemProps {
+    taskInstance: TaskInstance;
+    logs: string;
+    expanded: boolean;
+    expandedLogContainerRef?: RefObject<HTMLDivElement>;
+    onShowLogs(taskId: string, tryNum: number): void;
+}
+//# sourceMappingURL=SubtaskItemProps.d.ts.map

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

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

package/dist/components/SubtaskItem/SubtaskItemProps.js

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

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

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

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

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

package/dist/components/SubtaskItem/index.js

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

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

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

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

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