@danikokonn/yarik-frontend-lib 2.0.2-test3

package/dist/components/Navigation/Navigation.js

@@ -0,0 +1,188 @@
+import React from "react";
+import AppBar from "@mui/material/AppBar";
+import Box from "@mui/material/Box";
+import Container from "@mui/material/Container";
+import IconButton from "@mui/material/IconButton";
+import Menu from "@mui/material/Menu";
+import MenuItem from "@mui/material/MenuItem";
+import Toolbar from "@mui/material/Toolbar";
+import Typography from "@mui/material/Typography";
+import LogoutIcon from "@mui/icons-material/Logout";
+import MenuIcon from "@mui/icons-material/Menu";
+import LightModeIcon from "@mui/icons-material/LightMode";
+import DarkModeIcon from "@mui/icons-material/DarkMode";
+import HubIcon from "@mui/icons-material/Hub";
+import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
+import ArrowDropDownRoundedIcon from "@mui/icons-material/ArrowDropDownRounded";
+import ArrowRightRoundedIcon from "@mui/icons-material/ArrowRightRounded";
+import Avatar from "@mui/material/Avatar";
+import ListItemIcon from "@mui/material/ListItemIcon";
+import ListItemText from "@mui/material/ListItemText";
+import { Button, useColorScheme, useMediaQuery } from "@mui/material";
+import { popoverClasses } from "@mui/material/Popover";
+import NavMenu from "./NavMenu";
+export default function Navigation({ activeTab, additionalControls, username, title, navLinks, logoutPageUrl, defautlUrl, appsUrl, profileUrl, }) {
+    const { mode, setMode } = useColorScheme();
+    const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
+    const [anchorElNav, setAnchorElNav] = React.useState(null);
+    let currentlyHoveringElNav = false;
+    function handleCloseElNavHover() {
+        currentlyHoveringElNav = false;
+        setTimeout(() => {
+            if (!currentlyHoveringElNav) {
+                setAnchorElNav(null);
+            }
+        }, 50);
+    }
+    const [avatarAnchorEl, setAvatarAnchorEl] = React.useState(null);
+    const openAvatar = Boolean(avatarAnchorEl);
+    const getPages = (sx, anchorOrigin, transformOrigin, endIcon) => {
+        return navLinks.map((lnk, idx) => {
+            if ("groupName" in lnk) {
+                return (React.createElement(NavMenu, { key: idx, name: lnk.groupName, routes: lnk.links, activeTab: activeTab, sx: sx, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, endIcon: endIcon }));
+            }
+            else {
+                React.createElement(Button, { key: 2, href: lnk.url, sx: sx, color: "inherit", variant: "text" }, lnk.name);
+            }
+        });
+    };
+    const getMenuItemsPages = (sx, anchorOrigin, transformOrigin, endIcon) => {
+        return getPages(sx, anchorOrigin, transformOrigin, endIcon).map((page, idx) => {
+            return (React.createElement(MenuItem, { sx: { p: 0 }, key: idx, onClick: () => setAnchorElNav(null) }, page));
+        });
+    };
+    return (React.createElement(AppBar, { color: "inherit", position: "sticky", style: { top: "0%", zIndex: 1000 } },
+        React.createElement(Container, { maxWidth: "xl" },
+            React.createElement(Toolbar, { disableGutters: true },
+                React.createElement(Typography, { variant: "h6", component: "a", noWrap: true, href: defautlUrl, sx: {
+                        mr: 2,
+                        display: { xs: "none", md: "flex" },
+                        fontWeight: 700,
+                        color: "inherit",
+                        textDecoration: "none",
+                    } }, title),
+                React.createElement(Box, { className: "me-auto", sx: {
+                        flexGrow: 1,
+                        display: { xs: "flex", md: "none" },
+                        marginRight: "auto",
+                    } },
+                    React.createElement(IconButton, { size: "large", color: "inherit", onClick: (e) => {
+                            if (anchorElNav !== e.currentTarget)
+                                setAnchorElNav(e.currentTarget);
+                        }, onMouseOver: (e) => {
+                            if (anchorElNav !== e.currentTarget)
+                                setAnchorElNav(e.currentTarget);
+                        }, onMouseLeave: handleCloseElNavHover },
+                        React.createElement(MenuIcon, null)),
+                    React.createElement(Menu, { autoFocus: false, id: "menu-appbar", anchorEl: anchorElNav, anchorOrigin: {
+                            vertical: "bottom",
+                            horizontal: "left",
+                        }, keepMounted: true, transformOrigin: {
+                            vertical: "top",
+                            horizontal: "left",
+                        }, open: Boolean(anchorElNav), onClose: () => setAnchorElNav(null), MenuListProps: {
+                            onMouseEnter: () => (currentlyHoveringElNav = true),
+                            onMouseLeave: handleCloseElNavHover,
+                            style: { pointerEvents: "auto" },
+                        }, sx: {
+                            display: { xs: "block", md: "none" },
+                            [`&.${popoverClasses.root}`]: { pointerEvents: "none" },
+                        } }, getMenuItemsPages({
+                        textAlign: "center",
+                        display: "flex",
+                        justifyContent: "space-between",
+                        width: "-webkit-fill-available",
+                    }, {
+                        vertical: "top",
+                        horizontal: "right",
+                    }, {
+                        vertical: "top",
+                        horizontal: "left",
+                    }, React.createElement(ArrowRightRoundedIcon, null)))),
+                React.createElement(Typography, { variant: "h5", component: "a", noWrap: true, href: defautlUrl, sx: {
+                        mr: 2,
+                        display: { xs: "flex", md: "none" },
+                        flexGrow: 1,
+                        fontWeight: 700,
+                        color: "inherit",
+                        textDecoration: "none",
+                    } }, title),
+                React.createElement(Box, { sx: {
+                        flexGrow: 1,
+                        display: { xs: "none", md: "flex" },
+                        gap: ".3rem",
+                    } }, getPages({ display: "flex" }, {
+                    vertical: "bottom",
+                    horizontal: "left",
+                }, {
+                    vertical: "top",
+                    horizontal: "left",
+                }, React.createElement(ArrowDropDownRoundedIcon, null))),
+                React.createElement(Box, { sx: { flexGrow: 0 } },
+                    additionalControls &&
+                        additionalControls.map((control, idx) => (React.createElement(IconButton, { className: "position-relative", key: idx, 
+                            // @ts-expect-error такой пропс на самом деле есть
+                            href: control.href, color: control.color, title: control.title, onClick: (e) => control.onClick(`${e.clientX}px ${e.clientY}px`), disabled: control.disabled, size: "large" }, control.icon))),
+                    React.createElement(IconButton, { title: "\u041F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0442\u0435\u043C\u0443", onClick: (_) => {
+                            if (mode === "light")
+                                setMode("dark");
+                            else if (mode === "dark")
+                                setMode("light");
+                            else {
+                                if (prefersDarkMode) {
+                                    setMode("light");
+                                }
+                                else {
+                                    setMode("dark");
+                                }
+                            }
+                        } }, mode === "light" ? React.createElement(LightModeIcon, null) : React.createElement(DarkModeIcon, null)),
+                    appsUrl && (React.createElement(IconButton, { title: "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043A \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F\u043C \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F", href: new URL(appsUrl, location.origin).href },
+                        React.createElement(HubIcon, null))),
+                    React.createElement(IconButton, { title: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F", onClick: (e) => setAvatarAnchorEl(e.currentTarget), size: "small", sx: { ml: 2 } },
+                        React.createElement(Avatar, { sx: { width: 32, height: 32 } }, username.substring(0, 1).toUpperCase())),
+                    React.createElement(Menu, { anchorEl: avatarAnchorEl, open: openAvatar, onClose: () => setAvatarAnchorEl(null), onClick: () => setAvatarAnchorEl(null), slotProps: {
+                            paper: {
+                                elevation: 0,
+                                sx: {
+                                    overflow: "visible",
+                                    filter: "drop-shadow(0px 2px 8px rgba(0,0,0,0.32))",
+                                    mt: 1.5,
+                                    "& .MuiAvatar-root": {
+                                        width: 32,
+                                        height: 32,
+                                        ml: -0.5,
+                                        mr: 1,
+                                    },
+                                    "&::before": {
+                                        content: '""',
+                                        display: "block",
+                                        position: "absolute",
+                                        top: 0,
+                                        right: 14,
+                                        width: 10,
+                                        height: 10,
+                                        bgcolor: "background.paper",
+                                        transform: "translateY(-50%) rotate(45deg)",
+                                        zIndex: 0,
+                                    },
+                                },
+                            },
+                        }, transformOrigin: { horizontal: "right", vertical: "top" }, anchorOrigin: { horizontal: "right", vertical: "bottom" } },
+                        React.createElement(MenuItem, { sx: { pointerEvents: "none" } },
+                            React.createElement(Avatar, null),
+                            " ",
+                            username),
+                        profileUrl && (React.createElement(MenuItem, { href: new URL(profileUrl, location.origin).href, component: "a" },
+                            React.createElement(ListItemIcon, null,
+                                React.createElement(ManageAccountsIcon, { fontSize: "small" })),
+                            React.createElement(ListItemText, null, "\u0414\u0430\u043D\u043D\u044B\u0435 \u043F\u0440\u043E\u0444\u0438\u043B\u044F"))),
+                        appsUrl && (React.createElement(MenuItem, { href: new URL(appsUrl, location.origin).href, component: "a" },
+                            React.createElement(ListItemIcon, null,
+                                React.createElement(HubIcon, { fontSize: "small" })),
+                            React.createElement(ListItemText, null, "\u041F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F"))),
+                        React.createElement(MenuItem, { href: logoutPageUrl, component: "a" },
+                            React.createElement(ListItemIcon, null,
+                                React.createElement(LogoutIcon, { fontSize: "small" })),
+                            React.createElement(ListItemText, null, "\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u0441\u0438\u0441\u0442\u0435\u043C\u044B"))))))));
+}

package/dist/components/Navigation/NavigationProps.d.ts

@@ -0,0 +1,30 @@
+interface Control {
+    color: "default" | "primary" | "secondary" | "success" | "warning" | "info" | "inherit" | "error";
+    title: string;
+    href?: string;
+    size?: "lg" | "sm" | "custom" | "custom-size" | "xl" | "xxl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+    icon: React.ReactNode;
+    disabled: boolean;
+    onClick(clickPos: string): void;
+}
+interface Link {
+    name: string;
+    url: string;
+    targetBlank?: boolean;
+}
+export default interface NavigationProps {
+    activeTab: string;
+    username: string;
+    appsUrl?: string;
+    profileUrl?: string;
+    additionalControls?: Control[];
+    logoutPageUrl: string;
+    defautlUrl: string;
+    title: string;
+    navLinks: ({
+        groupName: string;
+        links: Link[];
+    } | Link)[];
+}
+export {};
+//# sourceMappingURL=NavigationProps.d.ts.map

package/dist/components/Navigation/NavigationProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationProps.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationProps.ts"],"names":[],"mappings":"AAAA,UAAU,OAAO;IACf,KAAK,EACD,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,OAAO,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EACD,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,aAAa,GACb,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;IACV,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,WAAW,eAAe;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,EAAE,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CACN;QACE,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,IAAI,EAAE,CAAC;KACf,GACD,IAAI,CACP,EAAE,CAAC;CACL"}

package/dist/components/Navigation/NavigationProps.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,mBAAmB,CAAC"}

package/dist/components/Navigation/index.js

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

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

@@ -0,0 +1,5 @@
+import React from "react";
+import NumberRangeInputProps from "./NumberRangeInputProps";
+declare const NumberRangeInput: ({ from: _from, to: _to, variant, sx, placeholder, size, onRangeSet, }: NumberRangeInputProps) => React.JSX.Element;
+export default NumberRangeInput;
+//# sourceMappingURL=NumberRangeInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberRangeInput.d.ts","sourceRoot":"","sources":["../../../src/components/NumberRangeInput/NumberRangeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAG5D,QAAA,MAAM,gBAAgB,GAAI,uEAQvB,qBAAqB,sBAgGvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/NumberRangeInput/NumberRangeInput.js

@@ -0,0 +1,51 @@
+import React, { useState } from "react";
+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";
+const NumberRangeInput = ({ from: _from, to: _to, variant, sx, placeholder, size, onRangeSet, }) => {
+    const [anchorEl, setAnchorEl] = useState(null);
+    const [from, setFrom] = useState(_from);
+    const [to, setTo] = useState(_to);
+    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" })))));
+};
+export default NumberRangeInput;

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

@@ -0,0 +1,11 @@
+import { SxProps } from "@mui/material";
+export default interface NumberRangeInputProps {
+    from?: number;
+    to?: number;
+    sx?: SxProps;
+    variant?: "outlined" | "standard" | "filled";
+    placeholder?: string;
+    size?: "small" | "medium";
+    onRangeSet(start?: number | null, end?: number | null): void;
+}
+//# sourceMappingURL=NumberRangeInputProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberRangeInputProps.d.ts","sourceRoot":"","sources":["../../../src/components/NumberRangeInput/NumberRangeInputProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,qBAAqB;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9D"}

package/dist/components/NumberRangeInput/NumberRangeInputProps.js

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

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

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

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

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

package/dist/components/NumberRangeInput/index.js

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

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

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

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

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

package/dist/components/PageWrapper/PageWrapper.js

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

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

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+import NavigationProps from "../Navigation/NavigationProps";
+export default interface PageWrapperProps extends NavigationProps {
+    children?: ReactNode;
+    username: string;
+    version: string;
+    appName: string;
+    desc?: string;
+}
+//# sourceMappingURL=PageWrapperProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageWrapperProps.d.ts","sourceRoot":"","sources":["../../../src/components/PageWrapper/PageWrapperProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAE5D,MAAM,CAAC,OAAO,WAAW,gBAAiB,SAAQ,eAAe;IAC/D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/components/PageWrapper/PageWrapperProps.js

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

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

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

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

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

package/dist/components/PageWrapper/index.js

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

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

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

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

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

package/dist/components/RichFilterTextField/FilterHistoryMenu.js

@@ -0,0 +1,43 @@
+import React, { useState } from "react";
+import Stack from "@mui/material/Stack";
+import IconButton from "@mui/material/IconButton";
+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 ListItemIcon from "@mui/material/ListItemIcon";
+import ListItemText from "@mui/material/ListItemText";
+import Menu from "@mui/material/Menu";
+import MenuItem from "@mui/material/MenuItem";
+import Typography from "@mui/material/Typography";
+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" })))))))));
+};
+export default FilterHistoryMenu;

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

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

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

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

package/dist/components/RichFilterTextField/HintOptionsMenu.js

@@ -0,0 +1,50 @@
+import React, { useEffect, useRef } from "react";
+import Menu from "@mui/material/Menu";
+import MenuItem from "@mui/material/MenuItem";
+import ListItemText from "@mui/material/ListItemText";
+const HintOptionsMenu = ({ inputAnchor, inputRef, textFieldRef, options, focusIdx, onSelectHint, onClose, }) => {
+    const focusRef = useRef(null);
+    useEffect(() => {
+        if (focusRef.current == null)
+            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: {
+                primary: { variant: "subtitle2" },
+                secondary: { variant: "caption" },
+            } }, opt[0]))));
+    return (React.createElement(Menu, { sx: { mt: "5px" }, open: Boolean(inputAnchor), anchorEl: inputAnchor, onClose: (_e, r) => {
+            if (r === "escapeKeyDown")
+                onClose();
+        }, onClick: onClose, anchorOrigin: {
+            vertical: "bottom",
+            horizontal: "left",
+        }, transformOrigin: {
+            vertical: "top",
+            horizontal: "left",
+        }, slotProps: {
+            paper: {
+                sx: {
+                    width: textFieldRef?.current?.clientWidth,
+                    overflowY: "scroll",
+                    maxHeight: "30rem",
+                },
+            },
+            root: {
+                slotProps: {
+                    backdrop: {
+                        onClick: (e) => {
+                            onClose();
+                            e.stopPropagation();
+                        },
+                        invisible: true,
+                    },
+                },
+            },
+        }, onFocus: () => inputRef.current.focus(), disableAutoFocus: true, disableEnforceFocus: true, disableRestoreFocus: true }, menuOptions()));
+};
+export default HintOptionsMenu;

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

@@ -0,0 +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;
+export default RichFilterTextField;
+//# sourceMappingURL=RichFilterTextField.d.ts.map

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

@@ -0,0 +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,sBA0O1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}