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

package/dist/components/NumberRangeInput/NumberRangeInput.js

@@ -1,9 +1,10 @@
-import React, { useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import ClearIcon from "@mui/icons-material/Clear";
+import { Stack } from "@mui/material";
 import IconButton from "@mui/material/IconButton";
 import Popover from "@mui/material/Popover";
 import TextField from "@mui/material/TextField";
-import ClearIcon from "@mui/icons-material/Clear";
-import { Stack } from "@mui/material";
+import { useState } from "react";
 const NumberRangeInput = ({ from: _from, to: _to, variant, sx, placeholder, size, onRangeSet, }) => {
     const [anchorEl, setAnchorEl] = useState(null);
     const [from, setFrom] = useState(_from);
@@ -11,41 +12,35 @@ const NumberRangeInput = ({ from: _from, to: _to, variant, sx, placeholder, size
     const rangeText = (from != null && to != null && `(${from}, ${to})`) || "";
     const open = Boolean(anchorEl);
     const validRange = from && to && from !== to && from < to;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(TextField, { size: size, variant: variant || "standard", placeholder: open ? rangeText || "" : "", label: placeholder, title: validRange ? rangeText : "Некорректно введён диапазон", value: rangeText, onClick: (e) => setAnchorEl(e.currentTarget), error: !validRange, sx: sx, required: true, slotProps: {
-                input: {
-                    readOnly: true,
-                    endAdornment: rangeText.length > 0 ? (React.createElement(IconButton, { onClick: (e) => {
-                            setFrom(null);
-                            setTo(null);
-                            onRangeSet(null, null);
-                            e.stopPropagation();
-                        } },
-                        React.createElement(ClearIcon, { fontSize: "small" }))) : null,
-                },
-                inputLabel: {
-                    shrink: open || rangeText.length > 0, // позволяет метке находиться сверху при поиске, при этом выбранное значение будет в заполнителе
-                },
-            } }),
-        React.createElement(Popover, { open: open, anchorEl: anchorEl, onClose: () => setAnchorEl(null), anchorOrigin: {
-                vertical: "bottom",
-                horizontal: "left",
-            }, transformOrigin: {
-                vertical: "top",
-                horizontal: "left",
-            }, slotProps: {
-                paper: {
-                    sx: { minWidth: "30rem" },
-                },
-            } },
-            React.createElement(Stack, { direction: "row", sx: { m: 2 }, spacing: 2 },
-                React.createElement(TextField, { required: true, label: "\u041E\u0442", value: from, error: !validRange, onChange: (e) => {
-                        setFrom(Number(e.target.value));
-                        onRangeSet(Number(e.target.value), to);
-                    }, size: "small", type: "number", variant: "standard" }),
-                React.createElement(TextField, { required: true, label: "\u0414\u043E", value: to, error: !validRange, onChange: (e) => {
-                        setTo(Number(e.target.value));
-                        onRangeSet(from, Number(e.target.value));
-                    }, size: "small", type: "number", variant: "standard" })))));
+    return (_jsxs(_Fragment, { children: [_jsx(TextField, { size: size, variant: variant || "standard", placeholder: open ? rangeText || "" : "", label: placeholder, title: validRange ? rangeText : "Некорректно введён диапазон", value: rangeText, onClick: (e) => setAnchorEl(e.currentTarget), error: !validRange, sx: sx, required: true, slotProps: {
+                    input: {
+                        readOnly: true,
+                        endAdornment: rangeText.length > 0 ? (_jsx(IconButton, { onClick: (e) => {
+                                setFrom(null);
+                                setTo(null);
+                                onRangeSet(null, null);
+                                e.stopPropagation();
+                            }, children: _jsx(ClearIcon, { fontSize: "small" }) })) : null,
+                    },
+                    inputLabel: {
+                        shrink: open || rangeText.length > 0, // позволяет метке находиться сверху при поиске, при этом выбранное значение будет в заполнителе
+                    },
+                } }), _jsx(Popover, { open: open, anchorEl: anchorEl, onClose: () => setAnchorEl(null), anchorOrigin: {
+                    vertical: "bottom",
+                    horizontal: "left",
+                }, transformOrigin: {
+                    vertical: "top",
+                    horizontal: "left",
+                }, slotProps: {
+                    paper: {
+                        sx: { minWidth: "30rem" },
+                    },
+                }, children: _jsxs(Stack, { direction: "row", sx: { m: 2 }, spacing: 2, children: [_jsx(TextField, { required: true, label: "\u041E\u0442", value: from, error: !validRange, onChange: (e) => {
+                                setFrom(Number(e.target.value));
+                                onRangeSet(Number(e.target.value), to);
+                            }, size: "small", type: "number", variant: "standard" }), _jsx(TextField, { required: true, label: "\u0414\u043E", value: to, error: !validRange, onChange: (e) => {
+                                setTo(Number(e.target.value));
+                                onRangeSet(from, Number(e.target.value));
+                            }, size: "small", type: "number", variant: "standard" })] }) })] }));
 };
 export default NumberRangeInput;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberRangeInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberRangeInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,KAAK,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/NumberRangeInput/index.js

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

package/dist/components/PageWrapper/PageWrapper.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
 import PageWrapperProps from "./PageWrapperProps";
-export default function PageWrapper({ children, version, appName, desc, ...props }: PageWrapperProps): React.JSX.Element;
+declare const PageWrapper: ({ children, version, appName, desc, ...props }: PageWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export default PageWrapper;
 //# sourceMappingURL=PageWrapper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/PageWrapper/PageWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAKlD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAkBlB"}
+{"version":3,"file":"PageWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/PageWrapper/PageWrapper.tsx"],"names":[],"mappings":"AAIA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AASlD,QAAA,MAAM,WAAW,GAAI,gDAMlB,gBAAgB,4CAMlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/PageWrapper/PageWrapper.js

@@ -1,16 +1,13 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from "@mui/material";
 import Stack from "@mui/material/Stack";
-import Navigation from "../Navigation/Navigation";
 import Footer from "../Footer/Footer";
-import { useTheme } from "@mui/material";
-export default function PageWrapper({ children, version, appName, desc, ...props }) {
-    const theme = useTheme();
-    return (React.createElement(Stack, { direction: "column", bgcolor: theme.palette.background.default, sx: {
-            justifyContent: "space-between",
-            minHeight: "100vh",
-            position: "relative",
-        } },
-        React.createElement(Navigation, { ...props }),
-        children,
-        React.createElement(Footer, { version: version, appName: appName, desc: desc })));
-}
+import Navigation from "../Navigation/Navigation";
+const StackWithDefaultBgColor = styled(Stack)(({ theme }) => ({
+    backgroundColor: theme.vars?.palette.background.default,
+    justifyContent: "space-between",
+    minHeight: "100vh",
+    position: "relative",
+}));
+const PageWrapper = ({ children, version, appName, desc, ...props }) => (_jsxs(StackWithDefaultBgColor, { direction: "column", children: [_jsx(Navigation, { ...props }), children, _jsx(Footer, { version: version, appName: appName, desc: desc })] }));
+export default PageWrapper;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageWrapper/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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageWrapper/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,KAAK,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/PageWrapper/index.js

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

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

@@ -1,8 +1,7 @@
-import React from "react";
 declare const FilterHistoryMenu: ({ searchHist, onChange, onCopy, }: {
     searchHist: string[];
     onChange(text: string, idx: number): void;
     onCopy(): void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default FilterHistoryMenu;
 //# sourceMappingURL=FilterHistoryMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterHistoryMenu.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/FilterHistoryMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAcxC,QAAA,MAAM,iBAAiB,GAAI,mCAIxB;IACD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1C,MAAM,IAAI,IAAI,CAAC;CAChB,sBA2DA,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FilterHistoryMenu.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/FilterHistoryMenu.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,iBAAiB,GAAI,mCAIxB;IACD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1C,MAAM,IAAI,IAAI,CAAC;CAChB,4CA2DA,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/RichFilterTextField/FilterHistoryMenu.js

@@ -1,43 +1,29 @@
-import React, { useState } from "react";
-import Stack from "@mui/material/Stack";
-import IconButton from "@mui/material/IconButton";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import ContentCopy from "@mui/icons-material/ContentCopy";
 import FilterListIcon from "@mui/icons-material/FilterList";
 import HistoryIcon from "@mui/icons-material/History";
-import ContentCopy from "@mui/icons-material/ContentCopy";
 import Divider from "@mui/material/Divider";
+import IconButton from "@mui/material/IconButton";
 import ListItemIcon from "@mui/material/ListItemIcon";
 import ListItemText from "@mui/material/ListItemText";
 import Menu from "@mui/material/Menu";
 import MenuItem from "@mui/material/MenuItem";
+import Stack from "@mui/material/Stack";
 import Typography from "@mui/material/Typography";
+import { useState } from "react";
 const FilterHistoryMenu = ({ searchHist, onChange, onCopy, }) => {
     const [searchHistMenuAnchor, setSearchHistMenuAnchor] = useState(null);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(IconButton, { color: "secondary", title: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0438\u0441\u0442\u043E\u0440\u0438\u044E \u0444\u0438\u043B\u044C\u0442\u0440\u043E\u0432", disabled: searchHist.length === 0, onClick: (e) => {
-                setSearchHistMenuAnchor(e.currentTarget);
-                e.stopPropagation();
-            } },
-            React.createElement(FilterListIcon, null)),
-        React.createElement(Menu, { anchorEl: searchHistMenuAnchor, open: Boolean(searchHistMenuAnchor), onClose: () => setSearchHistMenuAnchor(null), onClick: () => setSearchHistMenuAnchor(null) },
-            React.createElement(Stack, { direction: "row", spacing: 1, sx: {
-                    px: 2,
-                    py: 1,
-                    alignItems: "center",
-                } },
-                React.createElement(HistoryIcon, null),
-                React.createElement(Typography, { variant: "h5" }, "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C\u0441\u043A\u0438\u0445 \u0444\u0438\u043B\u044C\u0442\u0440\u043E\u0432")),
-            React.createElement(Divider, null),
-            searchHist.map((el, idx) => (React.createElement(MenuItem, { key: idx + 1, onClick: () => onChange(el, idx), title: el },
-                React.createElement(ListItemText, { sx: { overflow: "hidden" } },
-                    idx + 1,
-                    ". ",
-                    el),
-                React.createElement(ListItemIcon, null,
-                    React.createElement(IconButton, { onClick: (e) => {
-                            navigator.clipboard.writeText(el);
-                            e.stopPropagation();
-                            onCopy();
-                        } },
-                        React.createElement(ContentCopy, { fontSize: "small" })))))))));
+    return (_jsxs(_Fragment, { children: [_jsx(IconButton, { color: "secondary", title: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0438\u0441\u0442\u043E\u0440\u0438\u044E \u0444\u0438\u043B\u044C\u0442\u0440\u043E\u0432", disabled: searchHist.length === 0, onClick: (e) => {
+                    setSearchHistMenuAnchor(e.currentTarget);
+                    e.stopPropagation();
+                }, children: _jsx(FilterListIcon, {}) }), _jsxs(Menu, { anchorEl: searchHistMenuAnchor, open: Boolean(searchHistMenuAnchor), onClose: () => setSearchHistMenuAnchor(null), onClick: () => setSearchHistMenuAnchor(null), children: [_jsxs(Stack, { direction: "row", spacing: 1, sx: {
+                            px: 2,
+                            py: 1,
+                            alignItems: "center",
+                        }, children: [_jsx(HistoryIcon, {}), _jsx(Typography, { variant: "h5", children: "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C\u0441\u043A\u0438\u0445 \u0444\u0438\u043B\u044C\u0442\u0440\u043E\u0432" })] }), _jsx(Divider, {}), searchHist.map((el, idx) => (_jsxs(MenuItem, { onClick: () => onChange(el, idx), title: el, children: [_jsxs(ListItemText, { sx: { overflow: "hidden" }, children: [idx + 1, ". ", el] }), _jsx(ListItemIcon, { children: _jsx(IconButton, { onClick: (e) => {
+                                        navigator.clipboard.writeText(el);
+                                        e.stopPropagation();
+                                        onCopy();
+                                    }, children: _jsx(ContentCopy, { fontSize: "small" }) }) })] }, idx + 1)))] })] }));
 };
 export default FilterHistoryMenu;

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

@@ -1,12 +1,12 @@
-import React, { MutableRefObject } from "react";
+import { RefObject } from "react";
 declare const HintOptionsMenu: ({ inputAnchor, inputRef, textFieldRef, options, focusIdx, onSelectHint, onClose, }: {
     inputAnchor: Element;
-    inputRef: MutableRefObject<HTMLTextAreaElement>;
-    textFieldRef: MutableRefObject<HTMLDivElement>;
+    inputRef: RefObject<HTMLTextAreaElement>;
+    textFieldRef: RefObject<HTMLDivElement>;
     options: Map<string, string | undefined>;
     focusIdx: number;
     onSelectHint(hint: string): void;
     onClose: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default HintOptionsMenu;
 //# sourceMappingURL=HintOptionsMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HintOptionsMenu.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/HintOptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAqB,MAAM,OAAO,CAAC;AAMnE,QAAA,MAAM,eAAe,GAAI,oFAQtB;IACD,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;IAChD,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,sBA6EA,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"HintOptionsMenu.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/HintOptionsMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAErD,QAAA,MAAM,eAAe,GAAI,oFAQtB;IACD,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC;IACzC,YAAY,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACxC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,4CA4EA,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/RichFilterTextField/HintOptionsMenu.js

@@ -1,7 +1,8 @@
-import React, { useEffect, useRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import ListItemText from "@mui/material/ListItemText";
 import Menu from "@mui/material/Menu";
 import MenuItem from "@mui/material/MenuItem";
-import ListItemText from "@mui/material/ListItemText";
+import { useEffect, useRef } from "react";
 const HintOptionsMenu = ({ inputAnchor, inputRef, textFieldRef, options, focusIdx, onSelectHint, onClose, }) => {
     const focusRef = useRef(null);
     useEffect(() => {
@@ -9,15 +10,12 @@ const HintOptionsMenu = ({ inputAnchor, inputRef, textFieldRef, options, focusId
             return;
         focusRef.current.scrollIntoView({ behavior: "smooth" });
     }, [focusRef.current]);
-    const menuOptions = () => options
-        ?.entries()
-        .toArray()
-        .map((opt, idx) => (React.createElement(MenuItem, { key: idx + 1, onClick: () => onSelectHint(opt[0]), className: focusIdx === idx ? "Mui-focusVisible" : "", ref: focusIdx === idx ? focusRef : null },
-        React.createElement(ListItemText, { sx: { overflow: "hidden" }, secondary: opt[1], slotProps: {
+    const optsArr = Array.from(options?.entries());
+    const menuOptions = () => optsArr.map((opt, idx) => (_jsx(MenuItem, { onClick: () => onSelectHint(opt[0]), className: focusIdx === idx ? "Mui-focusVisible" : "", ref: focusIdx === idx ? focusRef : null, children: _jsx(ListItemText, { sx: { overflow: "hidden" }, secondary: opt[1], slotProps: {
                 primary: { variant: "subtitle2" },
                 secondary: { variant: "caption" },
-            } }, opt[0]))));
-    return (React.createElement(Menu, { sx: { mt: "5px" }, open: Boolean(inputAnchor), anchorEl: inputAnchor, onClose: (_e, r) => {
+            }, children: opt[0] }) }, idx + 1)));
+    return (_jsx(Menu, { sx: { mt: "5px" }, open: Boolean(inputAnchor), anchorEl: inputAnchor, onClose: (_e, r) => {
             if (r === "escapeKeyDown")
                 onClose();
         }, onClick: onClose, anchorOrigin: {
@@ -45,6 +43,6 @@ const HintOptionsMenu = ({ inputAnchor, inputRef, textFieldRef, options, focusId
                     },
                 },
             },
-        }, onFocus: () => inputRef.current.focus(), disableAutoFocus: true, disableEnforceFocus: true, disableRestoreFocus: true }, menuOptions()));
+        }, onFocus: () => inputRef.current.focus(), disableAutoFocus: true, disableEnforceFocus: true, disableRestoreFocus: true, children: menuOptions() }));
 };
 export default HintOptionsMenu;

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

@@ -1,5 +1,4 @@
-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) => import("react/jsx-runtime").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,sBAiP1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"RichFilterTextField.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/RichFilterTextField.tsx"],"names":[],"mappings":"AAUA,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAGlE,QAAA,MAAM,mBAAmB,GAAI,wIAS1B,wBAAwB,4CAkS1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/RichFilterTextField/RichFilterTextField.js

@@ -1,68 +1,71 @@
-import React, { useEffect, useRef, useState, } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import ClearIcon from "@mui/icons-material/Clear";
+import SearchRoundedIcon from "@mui/icons-material/SearchRounded";
 import IconButton from "@mui/material/IconButton";
 import InputAdornment from "@mui/material/InputAdornment";
+import Stack from "@mui/material/Stack";
 import TextField from "@mui/material/TextField";
-import ClearIcon from "@mui/icons-material/Clear";
-import SearchRoundedIcon from "@mui/icons-material/SearchRounded";
-import HintOptionsMenu from "./HintOptionsMenu";
-import { getHints, insertInStrPos } from "./utils";
+import { useRef, useState } from "react";
 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, }) => {
+import HintOptionsMenu from "./HintOptionsMenu";
+import { getHints, insertInStrPos } from "./utils";
+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(() => new Map());
     const [focusIdx, setFocusIdx] = useState(0);
     const inputRef = useRef(null);
     const textFieldRef = useRef(null);
-    const updateHints = useDebounce(() => {
-        if (cursorPos == null)
-            return;
-        const hints = getHints(search, cursorPos, fields, operators);
-        setCurrentHintOptions(hints);
+    const prevFilterExpr = useRef(filterExpr);
+    const instant = _instant ?? true;
+    const currentHintOptions = (cursorPos != null
+        ? getHints(search, cursorPos, fields, operators)
+        : null) ?? new Map();
+    const inputAnchor = currentHintOptions?.size > 0 ? textFieldRef.current : null;
+    if (prevFilterExpr.current !== filterExpr && filterExpr !== search) {
+        setSearch(filterExpr);
+        setCursorPos(null);
         setFocusIdx(0);
-        setInputAnchor(hints?.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]);
+        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)
             return;
-        if (hint.includes("[")) {
-            hint = "[]";
-        }
-        else if (hint.includes("(")) {
-            hint = "()";
-        }
-        else if (hint.includes("regex")) {
-            hint = hint.replace("regex", "");
+        if ((hint.includes("[") && hint.endsWith("]")) ||
+            (hint.includes("(") && hint.endsWith(")")) ||
+            ((hint.match(/\//g) || []).length === 2 && hint.endsWith("/"))) {
+            hint = hint
+                .replace(/\[.*?\]/g, "[]")
+                .replace(/\(.*?\)/g, "()")
+                .replace(/\/.*?\//g, "//");
         }
         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) {
@@ -77,22 +80,28 @@ const RichFilterTextField = ({ filterExpr, filterExprHist, fields, operators, ad
             case "Enter": {
                 e.preventDefault();
                 if (inputAnchor) {
-                    const focusedHint = currentHintOptions.entries().toArray()[focusIdx][0];
-                    insertHint(focusedHint);
+                    const focusedHint = Array.from(currentHintOptions.entries())[focusIdx]?.[0];
+                    if (focusedHint)
+                        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);
             }
         }
     };
@@ -102,8 +111,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": {
@@ -136,50 +149,56 @@ 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: {
-                root: {
-                    onClick: (e) => {
-                        if (Object(e).target !== Object(e).currentTarget)
-                            return;
-                        setCursorPos(inputRef.current?.selectionStart ?? null);
+    return (_jsxs(_Fragment, { children: [_jsx(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;
+                            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));
+                    input: {
+                        startAdornment: (_jsx(InputAdornment, { position: "start", children: _jsxs(Stack, { direction: "row", sx: { alignItems: "center" }, children: [!instant && (_jsx(IconButton, { onClick: (e) => {
+                                            onChange(search);
+                                            e.stopPropagation();
+                                        }, title: "\u041F\u043E\u0438\u0441\u043A", children: _jsx(SearchRoundedIcon, {}) })), _jsx(FilterHistoryMenu, { searchHist: searchHist, onChange: onSelectFromHistory || handleChange, onCopy: () => enqueueSnackbar("Предустановка фильтра скопирована в буфер обмена", "default") }), additionalComponents] }) })),
+                        endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(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();
-                                }, title: "\u041F\u043E\u0438\u0441\u043A" },
-                                React.createElement(SearchRoundedIcon, null))),
-                            React.createElement(FilterHistoryMenu, { searchHist: searchHist, onChange: onSelectFromHistory || handleChange, onCopy: () => enqueueSnackbar("Предустановка фильтра скопирована в буфер обмена", "default") }),
-                            additionalComponents))),
-                    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("");
-                                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);
-            } })));
+                                }, children: _jsx(ClearIcon, {}) }) })),
+                    },
+                } }), _jsx(HintOptionsMenu, { inputAnchor: inputAnchor, inputRef: inputRef, textFieldRef: textFieldRef, options: currentHintOptions, focusIdx: focusIdx, onSelectHint: insertHint, onClose: () => {
+                    setCursorPos(null);
+                    setFocusIdx(0);
+                } })] }));
 };
 export default RichFilterTextField;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RichFilterTextField/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,KAAK,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/components/RichFilterTextField/index.js

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