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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressSwitchableInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAE3C,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAC3F,cAAc,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IpAddressSwitchableInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,KAAK,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/components/IpAddressSwitchableInput/index.js

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

package/dist/components/LocalizedDatetimePicker/LocalizedDatetimePicker.d.ts

@@ -1,5 +1,4 @@
-import React from "react";
 import "moment/locale/ru";
 import LocalizedDatetimePickerProps from "./LocalizedDatetimePickerProps";
-export default function LocalizedDateTimePicker({ disableFuture, disabled, value, required, variant, size, onChange, }: LocalizedDatetimePickerProps): React.JSX.Element;
+export default function LocalizedDateTimePicker({ disableFuture, disabled, value, required, variant, size, onChange, }: LocalizedDatetimePickerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LocalizedDatetimePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LocalizedDatetimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/LocalizedDatetimePicker/LocalizedDatetimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,kBAAkB,CAAC;AAS1B,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAE1E,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,aAAa,EACb,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,QAAQ,GACT,EAAE,4BAA4B,qBA6C9B"}
+{"version":3,"file":"LocalizedDatetimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/LocalizedDatetimePicker/LocalizedDatetimePicker.tsx"],"names":[],"mappings":"AAMA,OAAO,kBAAkB,CAAC;AAG1B,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAE1E,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,aAAa,EACb,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,QAAQ,GACT,EAAE,4BAA4B,2CA6C9B"}

package/dist/components/LocalizedDatetimePicker/LocalizedDatetimePicker.js

@@ -1,14 +1,14 @@
-import React, { useState } from "react";
-import moment from "moment-timezone";
-import "moment/locale/ru";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { DesktopDateTimePicker, LocalizationProvider, } from "@mui/x-date-pickers";
 import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
+import moment from "moment-timezone";
+import "moment/locale/ru";
+import { useState } from "react";
 import { useDebounce } from "../../utils";
 export default function LocalizedDateTimePicker({ disableFuture, disabled, value, required, variant, size, onChange, }) {
     const [open, setOpen] = useState(false);
     const datetime = value?.length > 0 ? moment(value) : null;
-    return (React.createElement(LocalizationProvider, { dateAdapter: AdapterMoment, adapterLocale: "ru", dateLibInstance: moment },
-        React.createElement(DesktopDateTimePicker, { disabled: disabled, open: open, reduceAnimations: true, onChange: useDebounce((v, _c) => {
+    return (_jsx(LocalizationProvider, { dateAdapter: AdapterMoment, adapterLocale: "ru", dateLibInstance: moment, children: _jsx(DesktopDateTimePicker, { disabled: disabled, open: open, reduceAnimations: true, onChange: useDebounce((v, _c) => {
                 onChange((v && v.toISOString(true)) || "");
             }, 200), disableFuture: disableFuture, views: ["year", "month", "day", "hours", "minutes", "seconds"], timezone: "Europe/Moscow", ampm: false, ampmInClock: false, value: datetime, timeSteps: { hours: 1, minutes: 1, seconds: 1 }, slotProps: {
                 field: {
@@ -25,5 +25,5 @@ export default function LocalizedDateTimePicker({ disableFuture, disabled, value
                     position: "start",
                     onClick: () => setOpen(true),
                 },
-            }, onClose: () => setOpen(false) })));
+            }, onClose: () => setOpen(false) }) }));
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LocalizedDatetimePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAE1C,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LocalizedDatetimePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,cAAc,gCAAgC,CAAC;AAC/C,OAAO,EAAE,KAAK,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/components/LocalizedDatetimePicker/index.js

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

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

@@ -1,6 +1,6 @@
-import React, { ReactNode } from "react";
-import { PopoverOrigin } from "@mui/material/Popover";
 import { SxProps, Theme } from "@mui/material";
+import { PopoverOrigin } from "@mui/material/Popover";
+import { ReactNode } from "react";
 interface NavMenuProps {
     name: string;
     routes: {
@@ -13,7 +13,8 @@ interface NavMenuProps {
     anchorOrigin: PopoverOrigin;
     transformOrigin: PopoverOrigin;
     endIcon: ReactNode;
+    withReactRouter?: boolean;
 }
-export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, transformOrigin, endIcon, }: NavMenuProps): React.JSX.Element;
+export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, transformOrigin, endIcon, withReactRouter, }: NavMenuProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=NavMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,OAAO,EAAkB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE/C,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB,EAAE,CAAC;IACJ,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,aAAa,CAAC;IAC/B,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,MAAM,EACN,EAAE,EACF,YAAY,EACZ,eAAe,EACf,OAAO,GACR,EAAE,YAAY,qBA2Ed"}
+{"version":3,"file":"NavMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAK/C,OAAO,EAAkB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB,EAAE,CAAC;IACJ,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,aAAa,CAAC;IAC/B,OAAO,EAAE,SAAS,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,MAAM,EACN,EAAE,EACF,YAAY,EACZ,eAAe,EACf,OAAO,EACP,eAAe,GAChB,EAAE,YAAY,2CA6Ed"}

package/dist/components/Navigation/NavMenu.js

@@ -1,11 +1,13 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import OpenInNewIcon from "@mui/icons-material/OpenInNew";
 import Button from "@mui/material/Button";
 import Link from "@mui/material/Link";
 import Menu from "@mui/material/Menu";
 import MenuItem from "@mui/material/MenuItem";
 import { popoverClasses } from "@mui/material/Popover";
-import OpenInNewIcon from "@mui/icons-material/OpenInNew";
-export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, transformOrigin, endIcon, }) {
+import React from "react";
+import { Link as RouterLink } from "react-router";
+export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, transformOrigin, endIcon, withReactRouter, }) {
     const [anchorEl, setAnchorEl] = React.useState(null);
     let currentlyHovering = false;
     const open = anchorEl != null;
@@ -17,28 +19,22 @@ export default function NavMenu({ name, activeTab, routes, sx, anchorOrigin, tra
             }
         }, 50);
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { id: `navTabName-${name}`, color: "inherit", variant: "text", sx: {
-                "& .MuiButton-endIcon": {
-                    ml: 0,
-                },
-                ...sx,
-            }, onClick: (e) => {
-                if (anchorEl !== e.currentTarget)
-                    setAnchorEl(e.currentTarget);
-            }, onMouseOver: (e) => {
-                if (anchorEl !== e.currentTarget)
-                    setAnchorEl(e.currentTarget);
-            }, onMouseLeave: handleCloseHover, endIcon: endIcon }, name),
-        React.createElement(Menu, { autoFocus: false, open: open, anchorEl: anchorEl, onClose: () => setAnchorEl(null), slotProps: {
-                list: {
-                    onMouseEnter: () => (currentlyHovering = true),
-                    onMouseLeave: handleCloseHover,
-                    style: { pointerEvents: "auto" },
-                },
-            }, sx: { [`&.${popoverClasses.root}`]: { pointerEvents: "none" } }, elevation: 0, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }, routes.map((route, idx) => (React.createElement(MenuItem, { key: idx, disabled: route.url === activeTab, sx: { p: 0 } },
-            React.createElement(Link, { href: route.url, underline: "none", color: "inherit", sx: { px: "1rem", py: "0.5rem", width: "-webkit-fill-available" }, target: route.targetBlank ? "_blank" : undefined, rel: route.targetBlank ? "noopener noreferrer" : undefined },
-                route.name,
-                " ",
-                route.targetBlank && (React.createElement(OpenInNewIcon, { fontSize: "small", color: "primary" })))))))));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { id: `navTabName-${name}`, color: "inherit", variant: "text", sx: {
+                    "& .MuiButton-endIcon": {
+                        ml: 0,
+                    },
+                    ...sx,
+                }, onClick: (e) => {
+                    if (anchorEl !== e.currentTarget)
+                        setAnchorEl(e.currentTarget);
+                }, onMouseOver: (e) => {
+                    if (anchorEl !== e.currentTarget)
+                        setAnchorEl(e.currentTarget);
+                }, onMouseLeave: handleCloseHover, endIcon: endIcon, children: name }), _jsx(Menu, { autoFocus: false, open: open, anchorEl: anchorEl, onClose: () => setAnchorEl(null), slotProps: {
+                    list: {
+                        onMouseEnter: () => (currentlyHovering = true),
+                        onMouseLeave: handleCloseHover,
+                        style: { pointerEvents: "auto" },
+                    },
+                }, sx: { [`&.${popoverClasses.root}`]: { pointerEvents: "none" } }, elevation: 0, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, children: routes.map((route, idx) => (_jsx(MenuItem, { disabled: route.url === activeTab, sx: { p: 0 }, children: _jsxs(Link, { component: withReactRouter ? RouterLink : "a", to: withReactRouter ? route.url : undefined, href: withReactRouter ? undefined : route.url, underline: "none", color: "inherit", sx: { px: "1rem", py: "0.5rem", width: "-webkit-fill-available" }, target: route.targetBlank ? "_blank" : undefined, rel: route.targetBlank ? "noopener noreferrer" : undefined, children: [route.name, " ", route.targetBlank && (_jsx(OpenInNewIcon, { fontSize: "small", color: "primary" }))] }) }, idx))) })] }));
 }

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

@@ -1,4 +1,3 @@
-import React from "react";
 import NavigationProps from "./NavigationProps";
-export default function Navigation({ activeTab, additionalControls, username, title, navLinks, logoutPageUrl, defautlUrl, appsUrl, profileUrl, }: NavigationProps): React.JSX.Element;
+export default function Navigation({ additionalControls, username, title, navLinks, logoutPageUrl, defautlUrl, appsUrl, profileUrl, activeTab, withReactRouter, }: NavigationProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Navigation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AA0BzC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,UAAU,EACV,OAAO,EACP,UAAU,GACX,EAAE,eAAe,qBAuUjB"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":"AAyBA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,kBAAkB,EAClB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,UAAU,EACV,OAAO,EACP,UAAU,EACV,SAAS,EACT,eAAe,GAChB,EAAE,eAAe,2CA+VjB"}

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