@danikokonn/yarik-frontend-lib 2.0.58-test4 → 2.0.58-test41

package/dist/components/RichFilterTextField/RichFilterTextField.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import RichFilterTextFieldProps from "./RichFilterTextFieldProps";
-declare const RichFilterTextField: ({ filterExpr, filterExprHist, fields, operators, additionalComponents, instant: _instant, onChange, onSelectFromHistory, }: RichFilterTextFieldProps) => React.JSX.Element;
+declare const RichFilterTextField: ({ filterExpr, filterExprHist: searchHist, fields, operators, additionalComponents, instant: _instant, onChange, onSelectFromHistory, }: RichFilterTextFieldProps) => React.JSX.Element;
 export default RichFilterTextField;
 //# sourceMappingURL=RichFilterTextField.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RichFilterTextField.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/RichFilterTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAUf,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAMlE,QAAA,MAAM,mBAAmB,GAAI,4HAS1B,wBAAwB,sBAsP1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"RichFilterTextField.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/RichFilterTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAUf,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAKlE,QAAA,MAAM,mBAAmB,GAAI,wIAS1B,wBAAwB,sBA+R1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/RichFilterTextField/RichFilterTextField.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState, } from "react";
+import React, { useRef, useState, } from "react";
 import IconButton from "@mui/material/IconButton";
 import InputAdornment from "@mui/material/InputAdornment";
 import TextField from "@mui/material/TextField";
@@ -7,46 +7,39 @@ import SearchRoundedIcon from "@mui/icons-material/SearchRounded";
 import HintOptionsMenu from "./HintOptionsMenu";
 import { getHints, insertInStrPos } from "./utils";
 import { useSnackbarContext } from "../../providers";
-import { useDebounce } from "../../utils";
 import FilterHistoryMenu from "./FilterHistoryMenu";
 import { Stack } from "@mui/material";
-const RichFilterTextField = ({ filterExpr, filterExprHist, fields, operators, additionalComponents, instant: _instant, onChange, onSelectFromHistory, }) => {
+const RichFilterTextField = ({ filterExpr, filterExprHist: searchHist, fields, operators, additionalComponents, instant: _instant, onChange, onSelectFromHistory, }) => {
     const { enqueueSnackbar } = useSnackbarContext();
     const [search, setSearch] = useState(filterExpr);
-    const instant = _instant ?? true;
-    useEffect(() => setSearch(filterExpr), [filterExpr]);
-    const [searchHist, setSearchHist] = useState(filterExprHist);
-    const [inputAnchor, setInputAnchor] = useState(null);
     const [cursorPos, setCursorPos] = useState(null);
-    // const [currentHintOptions, setCurrentHintOptions] = useState<
-    //   Map<string, string | undefined>
-    // >(() => new Map());
     const [focusIdx, setFocusIdx] = useState(0);
     const inputRef = useRef(null);
     const textFieldRef = useRef(null);
+    const prevFilterExpr = useRef(filterExpr);
+    const instant = _instant ?? true;
     const currentHintOptions = (cursorPos != null
         ? getHints(search, cursorPos, fields, operators)
         : null) ?? new Map();
-    const updateHints = useDebounce(() => {
-        if (cursorPos == null)
-            return;
-        // const hints = getHints(search, cursorPos, fields, operators);
-        // setCurrentHintOptions(hints);
+    const inputAnchor = currentHintOptions?.size > 0 ? textFieldRef.current : null;
+    if (prevFilterExpr.current !== filterExpr && filterExpr !== search) {
+        setSearch(filterExpr);
+        setCursorPos(null);
         setFocusIdx(0);
-        setInputAnchor(currentHintOptions?.size > 0 ? textFieldRef.current : null);
-    }, 20);
-    useEffect(() => {
-        if (cursorPos == null)
-            return;
-        if (inputRef.current && cursorPos !== inputRef.current.selectionStart) {
-            inputRef.current.selectionStart = cursorPos;
-            inputRef.current.selectionEnd = cursorPos;
-        }
-        updateHints();
-    }, [cursorPos, currentHintOptions]);
+        prevFilterExpr.current = filterExpr;
+    }
+    if (cursorPos != null &&
+        inputRef.current &&
+        cursorPos !== inputRef.current.selectionStart) {
+        inputRef.current.selectionStart = cursorPos;
+        inputRef.current.selectionEnd = cursorPos;
+    }
     const handleChange = (value, _idx) => {
         setSearch(value);
-        onChange(value, (v) => setSearchHist(v));
+        if (cursorPos &&
+            getHints(value, cursorPos, fields, operators) !== currentHintOptions)
+            setFocusIdx(0);
+        onChange(value /*(v: unknown) => setSearchHist(v as string[])*/);
     };
     const insertHint = (hint) => {
         if (cursorPos == null)
@@ -61,13 +54,18 @@ const RichFilterTextField = ({ filterExpr, filterExprHist, fields, operators, ad
             hint = hint.replace("regex", "");
         }
         const { newSearch, newPos } = insertInStrPos(search, cursorPos, hint, fields);
-        handleChange(newSearch);
+        setSearch(newSearch);
+        if (instant)
+            onChange(newSearch);
+        let newCursorPos = newPos;
         if (hint.includes("[") || hint.includes("(") || hint.includes("/")) {
-            setCursorPos(newPos - 1);
-        }
-        else {
-            setCursorPos(newPos);
+            newCursorPos--;
         }
+        setCursorPos(newCursorPos);
+        if (newCursorPos &&
+            getHints(newSearch, newCursorPos, fields, operators) !==
+                currentHintOptions)
+            setFocusIdx(0);
     };
     const handleKeyUp = (e) => {
         switch (e.code) {
@@ -86,18 +84,23 @@ const RichFilterTextField = ({ filterExpr, filterExprHist, fields, operators, ad
                     insertHint(focusedHint);
                 }
                 else {
-                    onChange(search, (v) => setSearchHist(v));
+                    onChange(search);
+                    inputRef.current?.blur();
                 }
                 break;
             }
             case "Escape":
             case "Tab": {
-                setInputAnchor(null);
                 setCursorPos(null);
                 break;
             }
             default: {
-                setCursorPos(inputRef.current?.selectionStart ?? null);
+                const newCursorPos = inputRef.current?.selectionStart ?? null;
+                setCursorPos(newCursorPos);
+                if (newCursorPos &&
+                    getHints(search, newCursorPos, fields, operators) !==
+                        currentHintOptions)
+                    setFocusIdx(0);
             }
         }
     };
@@ -107,8 +110,12 @@ const RichFilterTextField = ({ filterExpr, filterExprHist, fields, operators, ad
             case "ArrowRight":
             case "Space":
             case "Backspace": {
-                setInputAnchor(null);
-                setCursorPos(inputRef.current?.selectionStart ?? null);
+                const newCursorPos = inputRef.current?.selectionStart ?? null;
+                setCursorPos(newCursorPos);
+                if (newCursorPos &&
+                    getHints(search, newCursorPos, fields, operators) !==
+                        currentHintOptions)
+                    setFocusIdx(0);
                 return;
             }
             case "ArrowDown": {
@@ -141,34 +148,47 @@ const RichFilterTextField = ({ filterExpr, filterExprHist, fields, operators, ad
             }
             case "Escape":
             case "Tab": {
-                setInputAnchor(null);
                 setCursorPos(null);
+                setFocusIdx(0);
                 break;
             }
             default: {
-                setCursorPos(inputRef.current?.selectionStart ?? null);
+                const newCursorPos = inputRef.current?.selectionStart ?? null;
+                setCursorPos(newCursorPos);
+                if (newCursorPos &&
+                    getHints(search, newCursorPos, fields, operators) !==
+                        currentHintOptions)
+                    setFocusIdx(0);
             }
         }
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(TextField, { ref: textFieldRef, inputRef: inputRef, fullWidth: true, size: "small", value: search, title: search, multiline: true, maxRows: 1, onChange: (e) => (instant ? handleChange : setSearch)(e.target.value), 
-            // onClick={(e) => {
-            //   if (e.target !== e.currentTarget) return;
-            //   setCursorPos(inputRef.current?.selectionStart ?? null);
-            // }}
-            onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, slotProps: {
+        React.createElement(TextField, { ref: textFieldRef, inputRef: inputRef, fullWidth: true, size: "small", value: search, title: search, multiline: true, maxRows: 1, onChange: (e) => {
+                (instant ? handleChange : setSearch)(e.target.value);
+                const newCursorPos = inputRef.current?.selectionStart ?? null;
+                setCursorPos(newCursorPos);
+                if (newCursorPos &&
+                    getHints(e.target.value, newCursorPos, fields, operators) !==
+                        currentHintOptions)
+                    setFocusIdx(0);
+            }, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, slotProps: {
                 htmlInput: {
                     onClick: (e) => {
                         if (Object(e).target !== Object(e).currentTarget)
                             return;
-                        setCursorPos(inputRef.current?.selectionStart ?? null);
+                        const newCursorPos = inputRef.current?.selectionStart ?? null;
+                        setCursorPos(newCursorPos);
+                        if (newCursorPos &&
+                            getHints(search, newCursorPos, fields, operators) !==
+                                currentHintOptions)
+                            setFocusIdx(0);
                     },
                 },
                 input: {
                     startAdornment: (React.createElement(InputAdornment, { position: "start" },
                         React.createElement(Stack, { direction: "row", sx: { alignItems: "center" } },
                             !instant && (React.createElement(IconButton, { onClick: (e) => {
-                                    onChange(search, (v) => setSearchHist(v));
+                                    onChange(search);
                                     e.stopPropagation();
                                 }, title: "\u041F\u043E\u0438\u0441\u043A" },
                                 React.createElement(SearchRoundedIcon, null))),
@@ -177,14 +197,16 @@ const RichFilterTextField = ({ filterExpr, filterExprHist, fields, operators, ad
                     endAdornment: (React.createElement(InputAdornment, { position: "end" },
                         React.createElement(IconButton, { title: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440\u044B", disabled: !search, onClick: (e) => {
                                 handleChange("");
+                                setCursorPos(null);
+                                setFocusIdx(0);
                                 e.stopPropagation();
                             } },
                             React.createElement(ClearIcon, null)))),
                 },
             } }),
         React.createElement(HintOptionsMenu, { inputAnchor: inputAnchor, inputRef: inputRef, textFieldRef: textFieldRef, options: currentHintOptions, focusIdx: focusIdx, onSelectHint: insertHint, onClose: () => {
-                setInputAnchor(null);
                 setCursorPos(null);
+                setFocusIdx(0);
             } })));
 };
 export default RichFilterTextField;

package/dist/components/RichFilterTextField/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,cAAc,EAEf,MAAM,4BAA4B,CAAC;AAapC,eAAO,MAAM,QAAQ,GACnB,QAAQ,MAAM,EACd,WAAW,MAAM,EACjB,QAAQ,WAAW,EAAE,EACrB,WAAW,cAAc,EAAE,oCAqE5B,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,QAAQ,MAAM,EACd,WAAW,MAAM,EACjB,MAAM,MAAM,EACZ,QAAQ,WAAW,EAAE;;;CAoFtB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,cAAc,EAEf,MAAM,4BAA4B,CAAC;AAepC,eAAO,MAAM,QAAQ,GACnB,QAAQ,MAAM,EACd,WAAW,MAAM,EACjB,QAAQ,WAAW,EAAE,EACrB,WAAW,cAAc,EAAE,oCAyE5B,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,QAAQ,MAAM,EACd,WAAW,MAAM,EACjB,MAAM,MAAM,EACZ,QAAQ,WAAW,EAAE;;;CAoFtB,CAAC"}

package/dist/components/RichFilterTextField/utils.js

@@ -1,5 +1,5 @@
 const getSingleMatch = (token, fields) => {
-    const matchedFields = fields.filter((v) => v.name.startsWith(token));
+    const matchedFields = fields.filter((v) => v.name.toLowerCase().startsWith(token.toLowerCase()));
     if (matchedFields.length !== 1)
         return undefined;
     return matchedFields[0];
@@ -52,7 +52,7 @@ export const getHints = (search, cursorPos, fields, operators) => {
                 if (fieldHasValues && validToken) {
                     return getMapOf(matchedField?.values || []);
                 }
-                return getMapOf(fields.filter((v) => v.name.startsWith(token)));
+                return getMapOf(fields.filter((v) => v.name.toLowerCase().startsWith(token.toLowerCase())));
             }
         }
     }

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

@@ -1,7 +1,9 @@
 import React, { ReactNode } from "react";
-import { Column } from "../../types";
 import { SxProps, Theme } from "@mui/material";
-interface RowContentProps<T> {
+import { Column } from "../../types";
+interface RowContentProps<T extends {
+    id: string;
+}> {
     row: T;
     columns: Column<T>[];
     onDoubleClick?(rowId: string | null): void;
@@ -9,6 +11,8 @@ interface RowContentProps<T> {
     controlComponent?(row: T): ReactNode;
     controlComponentColSx?: SxProps<Theme>;
 }
-export default function RowContent<T>({ row, columns, onSelectRow, onDoubleClick, controlComponent, controlComponentColSx, }: RowContentProps<T>): React.JSX.Element;
+export default function RowContent<T>({ row, columns, onSelectRow, onDoubleClick, controlComponent, controlComponentColSx, }: RowContentProps<T & {
+    id: string;
+}>): React.JSX.Element;
 export {};
 //# sourceMappingURL=RowContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RowContent.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/RowContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE/C,UAAU,eAAe,CAAC,CAAC;IACzB,GAAG,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3C,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,gBAAgB,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,SAAS,CAAC;IACrC,qBAAqB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACxC;AAUD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,EACpC,GAAG,EACH,OAAO,EACP,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,qBAAqB,GACtB,EAAE,eAAe,CAAC,CAAC,CAAC,qBAoCpB"}
+{"version":3,"file":"RowContent.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/RowContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAY,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,UAAU,eAAe,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;CAAE;IACjD,GAAG,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3C,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,gBAAgB,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,SAAS,CAAC;IACrC,qBAAqB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACxC;AAUD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,EACpC,GAAG,EACH,OAAO,EACP,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,qBAAqB,GACtB,EAAE,eAAe,CAAC,CAAC,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;CAAE,CAAC,qBAqFtC"}

package/dist/components/SmartTable/RowContent.js

@@ -1,5 +1,7 @@
 import React from "react";
+import { useTheme } from "@mui/material";
 import TableCell from "@mui/material/TableCell";
+import { JSONTree } from 'react-json-tree';
 const hiddenTextStyle = {
     whiteSpace: "nowrap",
     overflow: "hidden",
@@ -8,6 +10,39 @@ const hiddenTextStyle = {
     paddingBottom: "0.25rem",
 };
 export default function RowContent({ row, columns, onSelectRow, onDoubleClick, controlComponent, controlComponentColSx, }) {
+    const theme = useTheme();
+    const treeTheme = {
+        scheme: 'google',
+        author: 'seth wright (http://sethawright.com)',
+        base00: theme.palette.background.paper, // background
+        base01: theme.palette.background.default, // lighter background
+        base02: "#e0e0e0", // selection (можно взять divider)
+        base03: theme.palette.text.disabled || "#9e9e9e",
+        base04: theme.palette.text.secondary,
+        base05: theme.palette.text.primary,
+        base06: "#eeeeee",
+        base07: "#ffffff",
+        base08: theme.palette.error.main,
+        base09: theme.palette.warning.main,
+        base0A: theme.palette.info.main,
+        base0B: theme.palette.success.main,
+        base0C: theme.palette.secondary.main,
+        base0D: theme.palette.primary.main,
+        base0E: theme.palette.secondary.main,
+        base0F: "#8d6e63" // обычно brown / deprecated
+    };
+    // const { mode } = useColorScheme();
+    // const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
+    // let invertTheme = false;
+    // if (mode === "light") invertTheme = true;
+    // else if (mode === "dark") invertTheme = false;
+    // else {
+    //   if (prefersDarkMode) {
+    //     invertTheme = false;
+    //   } else {
+    //     invertTheme = true;
+    //   }
+    // }
     return (React.createElement(React.Fragment, null,
         columns.map((col, idx) => (React.createElement(TableCell, { sx: {
                 ...hiddenTextStyle,
@@ -16,10 +51,16 @@ export default function RowContent({ row, columns, onSelectRow, onDoubleClick, c
                 const selection = window.getSelection();
                 if (selection && selection.toString().length > 0)
                     return;
-                onSelectRow(Object(row).id);
-            }, onDoubleClick: (_) => (onDoubleClick || (() => { }))(Object(row).id) }, col.cellContentComponent
-            ? col.cellContentComponent(row)
-            : Object(row)[col.name] || "N/A"))),
+                onSelectRow(row.id);
+            }, onDoubleClick: (_) => (onDoubleClick || (() => { }))(row.id) },
+            React.createElement("style", null, ` 
+              td.MuiTableCell-root ul {
+                overflow-x: auto;
+              }
+            `),
+            col.cellContentComponent
+                ? col.cellContentComponent(row)
+                : typeof Object(row)[col.name] === "object" && Object(row)[col.name] != null ? (React.createElement(JSONTree /*invertTheme={invertTheme}*/, { theme: treeTheme, shouldExpandNodeInitially: () => false, data: Object(row)[col.name] })) : Object(row)[col.name] || "N/A"))),
         controlComponent && (React.createElement(TableCell, { sx: {
                 textAlign: "center",
                 cursor: "default",

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

@@ -1,4 +1,6 @@
 import React from "react";
 import SmartTableProps from "./SmartTableProps";
-export default function SmartTable<T>({ 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, }: SmartTableProps<T>): React.JSX.Element;
+export default function SmartTable<T extends {
+    id: string;
+}>({ 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, }: SmartTableProps<T>): React.JSX.Element;
 //# sourceMappingURL=SmartTable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SmartTable.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/SmartTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAsBlD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAiHhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,EACpC,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,EAAE,EACF,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,KAAK,EACL,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,cAAc,GACf,EAAE,eAAe,CAAC,CAAC,CAAC,qBA4TpB"}
+{"version":3,"file":"SmartTable.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/SmartTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AA2BlD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AA4GhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;CAAE,EAAE,EAC5D,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,EAAE,EACF,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,KAAK,EACL,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,cAAc,GACf,EAAE,eAAe,CAAC,CAAC,CAAC,qBA4TpB"}

package/dist/components/SmartTable/SmartTable.js

@@ -1,4 +1,5 @@
 import React, { Fragment, Suspense } from "react";
+import { CircularProgress, Skeleton, 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 +9,14 @@ 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 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 ColumnSearchInput from "../ColumnSearchInput/ColumnSearchInput";
+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%",
@@ -142,12 +142,14 @@ export default function SmartTable({ rows, columns, pageN, numPages, perPage, lo
             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(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%",

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

@@ -1,7 +1,9 @@
+import { SxProps, TableRowProps, Theme } from "@mui/material";
 import { ReactElement, ReactNode } from "react";
 import { Column } from "../../types";
-import { SxProps, TableRowProps, Theme } from "@mui/material";
-export default interface SmartTableProps<T> {
+export default interface SmartTableProps<T extends {
+    id: string;
+}> {
     rows: T[];
     columns: Column<T>[];
     pageN: number;

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,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,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,EAAE,YAAY,CAAC;IACrC,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"}
+{"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,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,OAAO,WAAW,eAAe,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;CAAE;IAChE,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,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,CAAC;KAAE,EAAE,GAAG,IAAI,CAAC;IACnE,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/types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { SxProps } from "@mui/material";
+import { ReactNode } from "react";
 export type DagState = "queued" | "running" | "success" | "failed";
 export type TaskState = "success" | "running" | "failed" | "upstream_failed" | "skipped" | "up_for_retry" | "up_for_reschedule" | "queued" | "none" | "scheduled" | "deferred" | "removed" | "restarting";
 export interface Dag {
@@ -63,7 +63,9 @@ export interface Logs {
     continuationToken: string;
     content: string;
 }
-export interface Column<T> {
+export interface Column<T extends {
+    id: string;
+}> {
     name: string;
     displayName: string;
     fieldName: string;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danikokonn/yarik-frontend-lib",
-  "version": "2.0.58-test4",
+  "version": "2.0.58-test41",
   "license": "Apache-2.0",
   "description": "",
   "author": "",
@@ -41,6 +41,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-imask": "^7.6.1",
+    "react-json-tree": "^0.20.0",
     "react-virtuoso": "^4.13.0",
     "style-loader": "^4.0.0",
     "transliteration": "^2.3.5"