@danikokonn/yarik-frontend-lib 2.0.58-test9 → 2.1.0

package/dist/components/Navigation/Navigation.js

@@ -1,27 +1,31 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ArrowDropDownRoundedIcon from "@mui/icons-material/ArrowDropDownRounded";
+import ArrowRightRoundedIcon from "@mui/icons-material/ArrowRightRounded";
+import DarkModeIcon from "@mui/icons-material/DarkMode";
+import HubIcon from "@mui/icons-material/Hub";
+import LightModeIcon from "@mui/icons-material/LightMode";
+import LogoutIcon from "@mui/icons-material/Logout";
+import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
+import MenuIcon from "@mui/icons-material/Menu";
+import { Button, useMediaQuery } from "@mui/material";
+import { useColorScheme } from "@mui/material/styles";
 import AppBar from "@mui/material/AppBar";
+import Avatar from "@mui/material/Avatar";
 import Box from "@mui/material/Box";
 import Container from "@mui/material/Container";
 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 { popoverClasses } from "@mui/material/Popover";
 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 React from "react";
+import { Link as RouterLink, useLocation } from "react-router";
 import NavMenu from "./NavMenu";
-export default function Navigation({ activeTab, additionalControls, username, title, navLinks, logoutPageUrl, defautlUrl, appsUrl, profileUrl, }) {
+export default function Navigation({ additionalControls, username, title, navLinks, logoutPageUrl, defautlUrl, appsUrl, profileUrl, activeTab, withReactRouter, }) {
+    const locationRouter = withReactRouter ? useLocation() : undefined;
     const { mode, setMode } = useColorScheme();
     const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
     const [anchorElNav, setAnchorElNav] = React.useState(null);
@@ -39,150 +43,121 @@ export default function Navigation({ activeTab, additionalControls, username, ti
     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 }));
+                return (_jsx(NavMenu, { name: lnk.groupName, routes: lnk.links, activeTab: (withReactRouter ? locationRouter?.pathname : activeTab) || "", sx: sx, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, endIcon: endIcon, withReactRouter: withReactRouter }, idx));
             }
             else {
-                React.createElement(Button, { key: 2, href: lnk.url, sx: sx, color: "inherit", variant: "text" }, lnk.name);
+                return (_jsx(Button, { component: withReactRouter ? RouterLink : "button", disabled: lnk.url ===
+                        (withReactRouter ? locationRouter?.pathname : activeTab), to: withReactRouter ? lnk.url : undefined, href: withReactRouter ? undefined : lnk.url, sx: sx, color: "inherit", variant: "text", children: lnk.name }, idx));
             }
         });
     };
     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 (_jsx(MenuItem, { sx: { p: 0 }, onClick: () => setAnchorElNav(null), children: page }, idx));
         });
     };
-    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: {
+    const handleToggleTheme = () => {
+        if (mode === "light")
+            setMode("dark");
+        else if (mode === "dark")
+            setMode("light");
+        else {
+            if (prefersDarkMode) {
+                setMode("light");
+            }
+            else {
+                setMode("dark");
+            }
+        }
+    };
+    return (_jsx(AppBar, { color: "inherit", position: "sticky", style: { top: "0%", zIndex: 1000 }, children: _jsx(Container, { maxWidth: "xl", children: _jsxs(Toolbar, { disableGutters: true, children: [_jsx(Typography, { variant: "h6", component: "a", noWrap: true, href: defautlUrl, sx: {
+                            mr: 2,
+                            display: { xs: "none", md: "flex" },
+                            fontWeight: 700,
+                            color: "inherit",
+                            textDecoration: "none",
+                        }, children: title }), _jsxs(Box, { className: "me-auto", sx: {
+                            flexGrow: 1,
+                            display: { xs: "flex", md: "none" },
+                            marginRight: "auto",
+                        }, children: [_jsx(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, children: _jsx(MenuIcon, {}) }), _jsx(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), slotProps: {
+                                    list: {
+                                        onMouseEnter: () => (currentlyHoveringElNav = true),
+                                        onMouseLeave: handleCloseElNavHover,
+                                        sx: { pointerEvents: "auto" },
+                                    },
+                                }, sx: {
+                                    display: { xs: "block", md: "none" },
+                                    [`&.${popoverClasses.root}`]: { pointerEvents: "none" },
+                                }, children: getMenuItemsPages({
+                                    textAlign: "center",
+                                    display: "flex",
+                                    justifyContent: "space-between",
+                                    width: "-webkit-fill-available",
+                                }, {
+                                    vertical: "top",
+                                    horizontal: "right",
+                                }, {
+                                    vertical: "top",
+                                    horizontal: "left",
+                                }, _jsx(ArrowRightRoundedIcon, {})) })] }), _jsx(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",
+                        }, children: title }), _jsx(Box, { sx: {
+                            flexGrow: 1,
+                            display: { xs: "none", md: "flex" },
+                            gap: ".3rem",
+                        }, children: getPages({ display: "flex" }, {
                             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,
+                        }, _jsx(ArrowDropDownRoundedIcon, {})) }), _jsxs(Box, { sx: { flexGrow: 0 }, children: [additionalControls &&
+                                additionalControls.map((control, idx) => (_jsx(IconButton, { className: "position-relative", 
+                                    // @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", children: control.icon }, idx))), _jsx(IconButton, { title: "\u041F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0442\u0435\u043C\u0443", onClick: handleToggleTheme, children: mode === "light" ? _jsx(LightModeIcon, {}) : _jsx(DarkModeIcon, {}) }), appsUrl && (_jsx(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, children: _jsx(HubIcon, {}) })), _jsx(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 }, children: _jsx(Avatar, { sx: { width: 32, height: 32 }, children: username.substring(0, 1).toUpperCase() }) }), _jsxs(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"))))))));
+                                }, transformOrigin: { horizontal: "right", vertical: "top" }, anchorOrigin: { horizontal: "right", vertical: "bottom" }, children: [_jsxs(MenuItem, { sx: { pointerEvents: "none" }, children: [_jsx(Avatar, {}), " ", username] }), profileUrl && (_jsxs(MenuItem, { href: new URL(profileUrl, location.origin).href, component: "a", children: [_jsx(ListItemIcon, { children: _jsx(ManageAccountsIcon, { fontSize: "small" }) }), _jsx(ListItemText, { children: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043F\u0440\u043E\u0444\u0438\u043B\u044F" })] })), appsUrl && (_jsxs(MenuItem, { href: new URL(appsUrl, location.origin).href, component: "a", children: [_jsx(ListItemIcon, { children: _jsx(HubIcon, { fontSize: "small" }) }), _jsx(ListItemText, { children: "\u041F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F" })] })), _jsxs(MenuItem, { to: withReactRouter ? logoutPageUrl : undefined, href: withReactRouter ? undefined : logoutPageUrl, component: withReactRouter ? RouterLink : "a", children: [_jsx(ListItemIcon, { children: _jsx(LogoutIcon, { fontSize: "small" }) }), _jsx(ListItemText, { children: "\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u0441\u0438\u0441\u0442\u0435\u043C\u044B" })] })] })] })] }) }) }));
 }

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

@@ -13,7 +13,8 @@ interface Link {
     targetBlank?: boolean;
 }
 export default interface NavigationProps {
-    activeTab: string;
+    withReactRouter?: boolean;
+    activeTab?: string;
     username: string;
     appsUrl?: string;
     profileUrl?: string;

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

@@ -1 +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"}
+{"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,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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/index.d.ts

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,KAAK,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/Navigation/index.js

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

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

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

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

@@ -1 +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"}
+{"version":3,"file":"NumberRangeInput.d.ts","sourceRoot":"","sources":["../../../src/components/NumberRangeInput/NumberRangeInput.tsx"],"names":[],"mappings":"AAMA,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAE5D,QAAA,MAAM,gBAAgB,GAAI,uEAQvB,qBAAqB,4CAgGvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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"}