@danikokonn/yarik-frontend-lib 2.0.3-3.legacy.test9 → 2.0.4-9.test4

package/dist/components/SmartTable/SmartTable.js

@@ -1,4 +1,4 @@
-import React, { lazy, Suspense } from "react";
+import { CircularProgress, Stack, Typography, useTheme } from "@mui/material";
 import FormControl from "@mui/material/FormControl";
 import InputLabel from "@mui/material/InputLabel";
 import MenuItem from "@mui/material/MenuItem";
@@ -8,15 +8,49 @@ 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 TableContainer from "@mui/material/TableContainer";
 import TableFooter from "@mui/material/TableFooter";
-import TableHead from "@mui/material/TableHead";
 import TableRow from "@mui/material/TableRow";
-import TableContainer from "@mui/material/TableContainer";
-import { useTheme, Stack, CircularProgress } from "@mui/material";
-import SortBtn from "../SortBtn/SortBtn";
+import React, { Fragment, Suspense, useCallback, useMemo } from "react";
+import { TableVirtuoso } from "react-virtuoso";
 import ColumnSearchInput from "../ColumnSearchInput/ColumnSearchInput";
-const RuleRow = lazy(() => import("./RuleRow"));
-export default function SmartTable({ rows, columns, pageN, numPages, perPage, loading, minWidth, width, rowStyles, selectable, selectedRow, sx, disablePerPageSelector, globalSearch, columnAutoWidth, globalSearchComponent, ContentWrapper, onRowDoubleClick, onSelectRow, controlComponent: ControlComponent, onToggleSort, onInputSearch, onPageSelect, onChangePerPage, controlComponentColSx, }) {
+import SortBtn from "../SortBtn/SortBtn";
+import RowContent from "./RowContent";
+import TableHeader from "./TableHeader";
+// 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, { 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%",
+    } }));
+export default function SmartTable({ rows, columns, pageN, numPages, perPage, loading, minWidth, width, rowStyles, selectable, selectedRow, sx, disablePerPageSelector, globalSearch, columnAutoWidth, error, globalSearchComponent, ContentWrapper, ControlComponent, ControlComponentProps, virtuosoRef, controlComponentColSx, perPageOptions, onToggleSort, onInputSearch, onPageSelect, onChangePerPage, onSelectRow, onRowDoubleClick, }) {
     const theme = useTheme();
     const tableStyle = {
         width: columnAutoWidth ? "auto" : "100%",
@@ -24,14 +58,14 @@ export default function SmartTable({ rows, columns, pageN, numPages, perPage, lo
         borderCollapse: "separate",
         borderSpacing: 0,
     };
-    function handleSelectRow(rowId) {
+    const 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 searchCols = () => columns.map((col, idx) => (React.createElement(TableCell, { key: idx, scope: "col", sx: { ...col.colSx } }, col.searchable ? ((col.SearchComponent && (React.createElement(col.SearchComponent, { ...col.SearchComponentProps }))) || (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",
@@ -39,16 +73,65 @@ export default function SmartTable({ rows, columns, pageN, numPages, perPage, lo
                 ...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,
+    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 tableHeader = (rows) => (React.createElement(TableHead, { sx: {
-            top: "0",
-            zIndex: 600,
-            position: "sticky",
-            backgroundColor: theme.palette.background.default,
-        } }, rows));
+    const centerStyle = {
+        position: "absolute",
+        left: "50%",
+        top: "50%",
+        transform: "translate(-50%, -50%)",
+    };
     const headerRows = [headerTitleRow, headerSearchRow];
+    const placeholder = useMemo(() => {
+        if (error && rows.length === 0) {
+            return (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"));
+        }
+        if (loading) {
+            return React.createElement(CircularProgress, { sx: centerStyle });
+        }
+        if (rows.length === 0) {
+            return (React.createElement(Typography, { variant: "h6", color: "textSecondary", sx: centerStyle }, "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"));
+        }
+        return React.createElement(React.Fragment, null);
+    }, [error, loading, rows.length]);
+    const fixedHeaderContent = useCallback(() => React.createElement(Fragment, null, hasGlobalSearch ? headerRows[0] : headerRows), [hasGlobalSearch, headerRows]);
+    const tableContext = useMemo(() => ({
+        columns,
+        minWidth,
+        rowStyles,
+        selectable,
+        tableStyle,
+        placeholder,
+        selectedRow,
+        ContentWrapper,
+        ControlComponent,
+        ControlComponentProps,
+        onRowDoubleClick,
+        handleSelectRow,
+    }), [
+        columns,
+        minWidth,
+        rowStyles,
+        selectable,
+        tableStyle,
+        placeholder,
+        selectedRow,
+        ContentWrapper,
+        ControlComponent,
+        ControlComponentProps,
+        onRowDoubleClick,
+        handleSelectRow,
+    ]);
+    const VirtuosoTableComponents = {
+        Scroller: Scroller,
+        Table: TableWrapper,
+        TableRow: Row,
+        TableHead: TableHead,
+        TableBody: TableBodyWrapper,
+        // ScrollSeekPlaceholder: ScrollSeekPlaceholder,
+    };
+    const itemContent = (_index, row, context) => (React.createElement(RowContent, { key: row.id, row: row, columns: context.columns, ControlComponent: context.ControlComponent, ControlComponentProps: context.ControlComponentProps, onDoubleClick: context.onRowDoubleClick, onSelectRow: context.selectable ? context.handleSelectRow : () => { } }));
     return (React.createElement(Paper, { sx: {
             height: "74vh",
             position: "relative",
@@ -63,24 +146,27 @@ export default function SmartTable({ rows, columns, pageN, numPages, perPage, lo
                 overflowX: "auto",
                 width: "100%",
             } },
-            hasGlobalSearch && (React.createElement(Table, { size: "small", className: "rulesTable", stickyHeader: true, sx: { ...tableStyle, minWidth: minWidth || "100%", height: "auto" } }, tableHeader(headerRows[1]))),
-            React.createElement(TableContainer, { sx: { minWidth: minWidth || "100%", flexGrow: 1, overflowX: "unset" } },
-                React.createElement(Suspense, { fallback: React.createElement(CircularProgress, { sx: { position: "absolute", left: "50%", top: "50%" } }) },
-                    React.createElement(Table, { sx: { ...tableStyle, minWidth: minWidth || "100%" }, stickyHeader: true },
-                        tableHeader(hasGlobalSearch ? headerRows[0] : headerRows),
-                        React.createElement(TableBody, null, rows.map((row, idx) => {
-                            return (React.createElement(RuleRow, { ContentWrapper: ContentWrapper, key: idx, row: row, columns: columns, controlComponent: ControlComponent, onDoubleClick: onRowDoubleClick, sx: {
-                                    ...rowStyles,
-                                    cursor: selectable ? "pointer" : "default",
-                                }, selectedRow: selectedRow, onSelectRow: selectable ? handleSelectRow : () => { } }));
-                        })))),
-                loading ? (React.createElement(CircularProgress, { sx: { position: "absolute", left: "50%", top: "50%" } })) : (React.createElement(React.Fragment, null)))),
+            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, { ref: virtuosoRef, style: { height: "100%" }, totalCount: rows.length, data: rows, components: VirtuosoTableComponents, fixedHeaderContent: fixedHeaderContent, itemContent: itemContent, context: tableContext, 
+                    // scrollSeekConfiguration={{
+                    //   // Enter placeholder mode only on truly fast scroll (>150px/frame, ~keyboard=100-120)
+                    //   // This filters out slow mouse drags
+                    //   enter: (velocity) => Math.abs(velocity) > 150,
+                    //   // Exit when user clearly stops (velocity drops below 30)
+                    //   exit: (velocity) => Math.abs(velocity) < 30,
+                    // }}
+                    // Render only 150px above/below viewport instead of 800px
+                    // This dramatically improves keyboard scroll performance
+                    increaseViewportBy: { top: 200, bottom: 200 } }))),
         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,
+                    backgroundColor: theme.vars?.palette.background.default ||
+                        theme.palette.background.default,
                 } },
                 React.createElement(TableRow, null,
                     React.createElement(TableCell, { colSpan: 11 },
@@ -98,12 +184,5 @@ export default function SmartTable({ rows, columns, pageN, numPages, perPage, lo
                             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" } },
-                                    React.createElement(MenuItem, { value: 5 }, "5"),
-                                    React.createElement(MenuItem, { value: 10 }, "10"),
-                                    React.createElement(MenuItem, { value: 15 }, "15"),
-                                    React.createElement(MenuItem, { value: 20 }, "20"),
-                                    React.createElement(MenuItem, { value: 25 }, "25"),
-                                    React.createElement(MenuItem, { value: 50 }, "50"),
-                                    React.createElement(MenuItem, { value: 100 }, "100")))))))))));
+                                        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

@@ -1,7 +1,16 @@
-import { ReactNode } from "react";
-import { Column } from "../../types";
 import { SxProps, TableRowProps, Theme } from "@mui/material";
-export default interface SmartTableProps<T> {
+import { ComponentType, ReactElement, ReactNode } from "react";
+import { TableVirtuosoHandle } from "react-virtuoso";
+import { Column } from "../../types";
+export default interface SmartTableProps<T extends {
+    id: string | number;
+} = {
+    id: string | number;
+}, P extends {
+    row: T;
+} = {
+    row: T;
+}> {
     rows: T[];
     columns: Column<T>[];
     pageN: number;
@@ -17,14 +26,18 @@ export default interface SmartTableProps<T> {
     sx?: SxProps<Theme>;
     disablePerPageSelector?: boolean;
     globalSearch?: boolean;
-    globalSearchComponent?(): ReactNode;
-    ContentWrapper?({ children, dagId, rowProps, }: {
+    globalSearchComponent?: ReactElement;
+    error?: boolean;
+    perPageOptions?: number[];
+    ContentWrapper?: ComponentType<{
         children?: ReactNode;
-        dagId: string;
         rowProps: TableRowProps;
-    }): React.JSX.Element;
+    }>;
+    ControlComponent?: ComponentType<P>;
+    ControlComponentProps?: Omit<P, "row">;
+    controlComponentColSx?: SxProps<Theme>;
+    virtuosoRef?: React.Ref<TableVirtuosoHandle> | undefined;
     onSelectRow?(rowId: string): void;
-    controlComponent?(row: T): ReactNode;
     onRowDoubleClick?(rowId: string | null): void;
     onToggleSort(field: string, order: "asc" | "desc" | "none"): void;
     onInputSearch(options: {
@@ -33,6 +46,5 @@ export default interface SmartTableProps<T> {
     }[]): void;
     onPageSelect(pageN: number): void;
     onChangePerPage?(perPage: number): void;
-    controlComponentColSx?: SxProps<Theme>;
 }
 //# sourceMappingURL=SmartTableProps.d.ts.map

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

@@ -1 +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;CACxC"}
+{"version":3,"file":"SmartTableProps.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/SmartTableProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,OAAO,WAAW,eAAe,CACtC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAC3D,CAAC,SAAS;IAAE,GAAG,EAAE,CAAC,CAAA;CAAE,GAAG;IAAE,GAAG,EAAE,CAAC,CAAA;CAAE;IAEjC,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,EAAE,YAAY,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,cAAc,CAAC,EAAE,aAAa,CAAC;QAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,QAAQ,EAAE,aAAa,CAAC;KACzB,CAAC,CAAC;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACpC,qBAAqB,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAAC;IACzD,WAAW,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,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;CACzC"}

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

@@ -1 +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"}
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEpE,QAAA,MAAM,WAAW,GAAI,mBAAmB,cAAc,sBAiBrD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/SmartTable/TableHeader.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"SortBtn.d.ts","sourceRoot":"","sources":["../../../src/components/SortBtn/SortBtn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,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,qBA4Bd"}
+{"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

@@ -1,7 +1,8 @@
-import React, { useState } from "react";
+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) {

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

@@ -1 +1 @@
-{"version":3,"file":"SubtaskItem.d.ts","sourceRoot":"","sources":["../../../src/components/SubtaskItem/SubtaskItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,uBAAuB,GACxB,EAAE,gBAAgB,qBA0HlB"}
+{"version":3,"file":"SubtaskItem.d.ts","sourceRoot":"","sources":["../../../src/components/SubtaskItem/SubtaskItem.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,uBAAuB,GACxB,EAAE,gBAAgB,qBAuJlB"}

package/dist/components/SubtaskItem/SubtaskItem.js

@@ -1,8 +1,7 @@
-import moment from "moment";
-import React from "react";
 import AccessTimeSharpIcon from "@mui/icons-material/AccessTimeSharp";
 import BlockSharpIcon from "@mui/icons-material/BlockSharp";
 import CheckCircleOutlineRoundedIcon from "@mui/icons-material/CheckCircleOutlineRounded";
+import DoneIcon from "@mui/icons-material/Done";
 import ErrorOutlineSharpIcon from "@mui/icons-material/ErrorOutlineSharp";
 import ExpandMore from "@mui/icons-material/ExpandMore";
 import { Chip, useTheme } from "@mui/material";
@@ -10,8 +9,12 @@ 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 moment from "moment";
+import React, { useState } from "react";
 import { taskStateText } from "../../utils";
 export default function SubtaskItem({ taskInstance, logs, expanded, onShowLogs, expandedLogContainerRef, }) {
+    const [copyVisible, setCopyVisible] = useState(false);
+    const [copyText, setCopyText] = useState("Копировать");
     const theme = useTheme();
     const subtaskState = (state) => {
         switch (state) {
@@ -42,7 +45,20 @@ export default function SubtaskItem({ taskInstance, logs, expanded, onShowLogs,
         precision: 1,
         template: "h [ч], m [мин], s [сек]",
     });
-    return (React.createElement(Accordion, { disableGutters: true, expanded: expanded, onChange: () => onShowLogs(taskInstance.taskId, taskInstance.tryNumber), disabled: !["running", "success", "failed"].includes(taskInstance.state || "") },
+    return (React.createElement(Accordion, { disableGutters: true, expanded: expanded, onChange: () => onShowLogs(taskInstance.taskId, taskInstance.tryNumber), disabled: !["running", "success", "failed"].includes(taskInstance.state || ""), sx: {
+            position: "relative",
+        }, slotProps: {
+            transition: {
+                onEntered: () => {
+                    setCopyVisible(true);
+                    setCopyText("Копировать");
+                },
+                onExit: () => {
+                    setCopyVisible(false);
+                    setCopyText("Копировать");
+                },
+            },
+        } },
         React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMore, null) },
             React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } },
                 subtaskState(taskInstance.state),
@@ -56,6 +72,15 @@ export default function SubtaskItem({ taskInstance, logs, expanded, onShowLogs,
                             " за " +
                             formatTaskDuration
                         : ""))),
+        copyVisible && (React.createElement(Chip, { label: copyText, size: "small", variant: "outlined", icon: copyText === "Скопировано" ? (React.createElement(DoneIcon, { color: "success" })) : undefined, onClick: () => {
+                navigator.clipboard.writeText(logs);
+                setCopyText("Скопировано");
+            }, sx: {
+                position: "absolute",
+                bottom: "8%",
+                right: "3%",
+                opacity: "0.5",
+            } })),
         React.createElement(AccordionDetails, { ref: expandedLogContainerRef, contentEditable: true, onKeyDown: (e) => {
                 if (e.ctrlKey && e.key.toLowerCase() === "a") {
                     e.preventDefault();
@@ -75,18 +100,13 @@ export default function SubtaskItem({ taskInstance, logs, expanded, onShowLogs,
             }, suppressContentEditableWarning: true, onBeforeInput: (e) => e.preventDefault(), onPaste: (e) => e.preventDefault(), onDrop: (e) => e.preventDefault(), sx: {
                 maxHeight: "32vh",
                 overflow: "auto",
-                position: "relative",
             } },
-            React.createElement(Chip, { label: "\u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C", size: "small", variant: "outlined", onClick: () => { }, sx: {
-                    position: "absolute",
-                    top: "10%",
-                    right: "10%",
-                    opacity: "0.75",
-                } }),
             React.createElement("article", { style: {
                     padding: "1.5rem",
-                    backgroundColor: theme.palette.background.paper,
+                    backgroundColor: theme.vars?.palette.background.paper ||
+                        theme.palette.background.paper,
                     borderRadius: "0.5rem",
+                    fontSize: "smaller",
                     fontFamily: "consolas",
                 } }, logs.split("\n").map((line, idx) => (React.createElement("p", { key: idx, style: { margin: 0 } }, line)))))));
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TaskLoader.d.ts","sourceRoot":"","sources":["../../../src/components/TaskLoader/TaskLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA0BxC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAuBhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAgZtE"}
+{"version":3,"file":"TaskLoader.d.ts","sourceRoot":"","sources":["../../../src/components/TaskLoader/TaskLoader.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAoBxC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAmBhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,cAAc,GACf,EAAE,eAAe,qBA4ZjB"}

package/dist/components/TaskLoader/TaskLoader.js

@@ -1,20 +1,19 @@
-import React, { useState } from "react";
+import AccessTimeSharpIcon from "@mui/icons-material/AccessTimeSharp";
+import BlockSharpIcon from "@mui/icons-material/BlockSharp";
+import CheckCircleOutlineRoundedIcon from "@mui/icons-material/CheckCircleOutlineRounded";
+import ErrorOutlineSharpIcon from "@mui/icons-material/ErrorOutlineSharp";
+import RestartAltIcon from "@mui/icons-material/RestartAlt";
+import StopRoundedIcon from "@mui/icons-material/StopRounded";
+import SyncIcon from "@mui/icons-material/Sync";
 import CircularProgress from "@mui/material/CircularProgress";
 import 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 React, { useState } from "react";
 import { getRequest, postRequest } from "../../http";
-import { getCSRFToken } from "../../utils";
-import { useDagRunStateContext } from "../../providers/DagStateProvider";
 import { useAirflowContext } from "../../providers/AirflowProvider";
+import { useDagRunStateContext } from "../../providers/DagStateProvider";
+import { formatDate, formatDuration, getCSRFToken, taskStateText, useDebounce, } from "../../utils";
+import SubtaskItem from "../SubtaskItem/SubtaskItem";
 import ProcessingIcon from "../icons/ProcessingIcon";
 const taskStateIcon = (taskState) => {
     switch (taskState) {
@@ -30,7 +29,7 @@ const taskStateIcon = (taskState) => {
             return React.createElement(BlockSharpIcon, { fontSize: "large" });
     }
 };
-export default function TaskLoader({ style, subTitle }) {
+export default function TaskLoader({ style, subTitle, onUnauthorized, }) {
     const { airflowAvailable, onLostConnection } = useAirflowContext();
     const { isActive, dagRun, taskInstances, onUpdateState, fetchState } = useDagRunStateContext();
     const [activeTask, setActiveTask] = React.useState(taskInstances?.taskInstances.find((ti) => {
@@ -116,6 +115,9 @@ export default function TaskLoader({ style, subTitle }) {
                     setLogs(newLogs);
                 },
                 errorHandler: (resp) => {
+                    if (resp?.status == 401) {
+                        onUnauthorized();
+                    }
                     console.log("Error while fetching logs");
                     if (resp && resp.status === 503) {
                         onLostConnection();
@@ -155,6 +157,9 @@ export default function TaskLoader({ style, subTitle }) {
                 setLogs(newLogs);
             },
             errorHandler: (resp) => {
+                if (resp?.status == 401) {
+                    onUnauthorized();
+                }
                 console.log("Error while getting logs for subtask!");
                 if (resp && resp.status === 503) {
                     onLostConnection();
@@ -183,6 +188,9 @@ 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();
@@ -212,6 +220,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();

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/TaskStateDialog/TaskStateDialog.d.ts

@@ -1,4 +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;
+export default function TaskStateDialog({ taskTitle, subTitle, appendedTitle, visible, mousePos, disableClosing, additionalControls, disableTransition, onClose, onUnauthorized, }: TaskStateDialogProps): React.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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAW1D,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,qBA8LtB"}

package/dist/components/TaskStateDialog/TaskStateDialog.js

@@ -1,6 +1,6 @@
 import React from "react";
-import Dialog from "@mui/material/Dialog";
 import { useTheme } from "@mui/material";
+import Dialog from "@mui/material/Dialog";
 import Zoom from "@mui/material/Zoom";
 const AppBar = React.lazy(() => import("@mui/material/AppBar"));
 const Stack = React.lazy(() => import("@mui/material/Stack"));
@@ -12,12 +12,12 @@ 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";
+import { useDagRunStateContext } from "../../providers/DagStateProvider";
 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, }) {
+export default function TaskStateDialog({ taskTitle, subTitle, appendedTitle, visible, mousePos, disableClosing, additionalControls, disableTransition, onClose, onUnauthorized, }) {
     const theme = useTheme();
     const [loading, setLoading] = React.useState(true);
     const { airflowAvailable } = useAirflowContext();
@@ -52,7 +52,10 @@ export default function TaskStateDialog({ taskTitle, subTitle, appendedTitle, vi
             transition: disableTransition ? undefined : Transition,
         }, slotProps: {
             paper: {
-                sx: { backgroundColor: theme.palette.background.default },
+                sx: {
+                    backgroundColor: theme.vars?.palette.background.default ||
+                        theme.palette.background.default,
+                },
             },
             transition: {
                 sx: {
@@ -90,7 +93,7 @@ export default function TaskStateDialog({ taskTitle, subTitle, appendedTitle, vi
                     justifyContent: "space-between",
                     height: "-webkit-fill-available",
                 } },
-                React.createElement(TaskLoader, { subTitle: subTitle, style: {
+                React.createElement(TaskLoader, { subTitle: subTitle, onUnauthorized: onUnauthorized, style: {
                         margin: "3rem",
                         height: "-webkit-fill-available",
                     } }),

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

@@ -4,11 +4,12 @@ export default interface TaskStateModalProps extends TaskLoaderProps {
     taskTitle: string;
     appendedTitle?: string;
     visible: boolean;
-    onClose(): void;
     mousePos?: string;
     disableClosing?: boolean;
     additionalControls?: AdditionalTaskControl[];
     disableTransition?: boolean;
+    onClose(): void;
+    onUnauthorized(): void;
 }
 export interface AdditionalTaskControl {
     dagId: string;

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

@@ -1 +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"}
+{"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,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC7C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,IAAI,IAAI,CAAC;IAChB,cAAc,IAAI,IAAI,CAAC;CACxB;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/icons/GenerateAndRunIcon.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import { SvgIconOwnProps } from "@mui/material";
+import React from "react";
 interface GenerateAndRunIconProps extends SvgIconOwnProps {
     disabled?: boolean;
 }

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

@@ -1 +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"}
+{"version":3,"file":"GenerateAndRunIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/GenerateAndRunIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAoH1B,UAAU,uBAAwB,SAAQ,eAAe;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,GAAI,wBAGzB,uBAAuB,sBAezB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/icons/GenerateAndRunIcon.js

@@ -1,5 +1,5 @@
-import React from "react";
 import { createSvgIcon, useTheme } from "@mui/material";
+import React from "react";
 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)" },
@@ -24,6 +24,9 @@ const GenerateAndRunSvgIcon = createSvgIcon(React.createElement("svg", { width:
 // 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 }));
+    return disabled ? (React.createElement(GenerateAndRunSvgIcon, { sx: {
+            "--disabled": theme.vars?.palette.action.disabled || theme.palette.action.disabled,
+            ...props.sx,
+        }, ...props })) : (React.createElement(GenerateAndRunSvgIcon, { ...props }));
 };
 export default GenerateAndRunIcon;