wcz-test 4.2.0 → 4.2.2

package/dist/index.js

@@ -1,7 +1,7 @@
-import { AppBar, Autocomplete, Avatar, Box, Button, CardHeader, Checkbox, Chip, Collapse, CssBaseline, Dialog, DialogActions, DialogContent, DialogTitle, Divider, Fab, FormControl, FormControlLabel, FormHelperText, FormLabel, IconButton, ImageListItem, ImageListItemBar, InitColorSchemeScript, LinearProgress, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Menu, Paper, Radio, RadioGroup, Slider, Stack, Switch, Tab, TextField, Toolbar, Tooltip, Typography, createTheme, darken, lighten, useColorScheme, useEventCallback, useMediaQuery, useTheme } from "@mui/material";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Autocomplete, Box, Button, CardHeader, Checkbox, Chip, CssBaseline, Dialog, DialogActions, DialogContent, DialogTitle, Divider, Fab, FormControl, FormControlLabel, FormHelperText, FormLabel, IconButton, ImageListItem, ImageListItemBar, InitColorSchemeScript, LinearProgress, Link, List, ListItemButton, ListItemIcon, ListItemText, Menu, Paper, Radio, RadioGroup, Slider, Stack, Switch, Tab, TextField, Tooltip, Typography, createTheme, darken, lighten, useEventCallback, useTheme } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
-import React, { Fragment as Fragment$1, createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import React, { Fragment, createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
 import CloudUpload from "@mui/icons-material/CloudUpload";
 import { useDropzone } from "react-dropzone";
 import { initReactI18next, useTranslation, useTranslation as useTranslation$1 } from "react-i18next";
@@ -13,7 +13,7 @@ import { useIsFetching, useIsMutating, useMutation, useQuery, useQueryClient } f
 import saveAs from "file-saver";
 import { Upload } from "tus-js-client";
 import { uuidv7, uuidv7 as uuidv7$1 } from "uuidv7";
-import { createLink, useNavigate, useRouter, useRouterState } from "@tanstack/react-router";
+import { createLink, useRouterState } from "@tanstack/react-router";
 import axios from "axios";
 import AttachFile from "@mui/icons-material/AttachFile";
 import Image from "@mui/icons-material/Image";
@@ -21,13 +21,7 @@ import SmartDisplay from "@mui/icons-material/SmartDisplay";
 import Close from "@mui/icons-material/Close";
 import Edit from "@mui/icons-material/Edit";
 import { GridActionsCellItem } from "@mui/x-data-grid-premium";
-import { ThemeProvider, styled, useTheme as useTheme$1, useThemeProps } from "@mui/material/styles";
-import Typography$1 from "@mui/material/Typography";
-import Paper$1 from "@mui/material/Paper";
-import Popper from "@mui/material/Popper";
-import List$1 from "@mui/material/List";
-import ListItem$1 from "@mui/material/ListItem";
-import Divider$1 from "@mui/material/Divider";
+import { ThemeProvider, styled, useThemeProps } from "@mui/material/styles";
 import dayjs from "dayjs";
 import weekOfYearPlugin from "dayjs/plugin/weekOfYear.js";
 import customParseFormatPlugin from "dayjs/plugin/customParseFormat.js";
@@ -41,28 +35,7 @@ import { getCookie } from "@tanstack/react-start/server";
 import i18n, { t, default as i18next_default } from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
 import HttpBackend from "i18next-http-backend";
-import Menu$1 from "@mui/icons-material/Menu";
-import MenuOpen from "@mui/icons-material/MenuOpen";
 import useLocalStorageState, { default as useLocalStorageState$1 } from "use-local-storage-state";
-import Box$1 from "@mui/material/Box";
-import Drawer from "@mui/material/Drawer";
-import ListSubheader$1 from "@mui/material/ListSubheader";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import Avatar$1 from "@mui/material/Avatar";
-import ListItemButton$1 from "@mui/material/ListItemButton";
-import ListItemIcon$1 from "@mui/material/ListItemIcon";
-import ListItemText$1 from "@mui/material/ListItemText";
-import AccountCircle from "@mui/icons-material/AccountCircle";
-import ArrowBack from "@mui/icons-material/ArrowBack";
-import Brightness4 from "@mui/icons-material/Brightness4";
-import ChevronRight from "@mui/icons-material/ChevronRight";
-import DarkMode from "@mui/icons-material/DarkMode";
-import LightMode from "@mui/icons-material/LightMode";
-import Login from "@mui/icons-material/Login";
-import Logout from "@mui/icons-material/Logout";
-import SettingsBrightness from "@mui/icons-material/SettingsBrightness";
-import Translate from "@mui/icons-material/Translate";
-import "keycloak-js";
 import { csCZ, enUS } from "@mui/material/locale";
 import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
 import { DatePicker, DateTimePicker } from "@mui/x-date-pickers-pro";
@@ -360,31 +333,6 @@ function useDialogs() {
 
 //#endregion
 //#region src/components/core/AppTitle.tsx
-const AppTitle = () => {
-	const title = useAppTitle();
-	return /* @__PURE__ */ jsxs(Stack, {
-		direction: "row",
-		alignItems: "center",
-		spacing: 2,
-		flexGrow: 1,
-		children: [
-			/* @__PURE__ */ jsx("img", {
-				src: "/favicon-32x32.png",
-				alt: "app-logo",
-				loading: "lazy"
-			}),
-			/* @__PURE__ */ jsx(Typography, {
-				variant: "h6",
-				children: title
-			}),
-			import.meta.env.DEV && /* @__PURE__ */ jsx(Chip, {
-				size: "small",
-				label: "TEST",
-				color: "info"
-			})
-		]
-	});
-};
 const useAppTitle = () => {
 	return useRouterState({ select: (s) => s.matches[0] }).meta?.find((meta) => meta?.title)?.title;
 };
@@ -752,7 +700,7 @@ const GridFileViewerItem = ({ meta, size, itemBar }) => {
 			default: return download(meta);
 		}
 	};
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(ImageListItem, {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(ImageListItem, {
 		sx: {
 			width: size ?? IMAGE_SIZE,
 			height: size ?? IMAGE_SIZE
@@ -826,7 +774,7 @@ const ListFileViewerItem = ({ meta }) => {
 			default: return /* @__PURE__ */ jsx(AttachFile, {});
 		}
 	};
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(ListItemButton, {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(ListItemButton, {
 		onClick,
 		children: [
 			/* @__PURE__ */ jsx(ListItemIcon, { children: icon() }),
@@ -1305,7 +1253,7 @@ var require_react_is_development = /* @__PURE__ */ __commonJS({ "node_modules/pr
 		var ContextProvider = REACT_PROVIDER_TYPE;
 		var Element = REACT_ELEMENT_TYPE;
 		var ForwardRef = REACT_FORWARD_REF_TYPE;
-		var Fragment$2 = REACT_FRAGMENT_TYPE;
+		var Fragment$1 = REACT_FRAGMENT_TYPE;
 		var Lazy = REACT_LAZY_TYPE;
 		var Memo = REACT_MEMO_TYPE;
 		var Portal = REACT_PORTAL_TYPE;
@@ -1362,7 +1310,7 @@ var require_react_is_development = /* @__PURE__ */ __commonJS({ "node_modules/pr
 		exports.ContextProvider = ContextProvider;
 		exports.Element = Element;
 		exports.ForwardRef = ForwardRef;
-		exports.Fragment = Fragment$2;
+		exports.Fragment = Fragment$1;
 		exports.Lazy = Lazy;
 		exports.Memo = Memo;
 		exports.Portal = Portal;
@@ -2753,522 +2701,6 @@ const setSSRLanguage = createIsomorphicFn().server(async () => {
 //#region src/contexts/LayoutContext.ts
 const LayoutContext = createContext(null);
 
-//#endregion
-//#region src/components/core/navigation/NavigationListItem.tsx
-const ICON_SIZE = 34;
-const StyledNavButton = styled(ListItemButton$1)(({ theme }) => ({
-	borderRadius: 8,
-	"&.Mui-selected": {
-		"& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": { color: (theme.vars ?? theme).palette.primary.dark },
-		"& .MuiAvatar-root": { backgroundColor: (theme.vars ?? theme).palette.primary.dark },
-		"& .MuiTouchRipple-child": { backgroundColor: (theme.vars ?? theme).palette.primary.dark }
-	},
-	"& .MuiSvgIcon-root": { color: (theme.vars ?? theme).palette.action.active },
-	"& .MuiAvatar-root": { backgroundColor: (theme.vars ?? theme).palette.action.active }
-}));
-const StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
-	borderRadius: 8,
-	"&.Mui-selected": {
-		"& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": { color: (theme.vars ?? theme).palette.primary.dark },
-		"& .MuiAvatar-root": { backgroundColor: (theme.vars ?? theme).palette.primary.dark },
-		"& .MuiTouchRipple-child": { backgroundColor: (theme.vars ?? theme).palette.primary.dark }
-	},
-	"& .MuiSvgIcon-root": { color: (theme.vars ?? theme).palette.action.active },
-	"& .MuiAvatar-root": { backgroundColor: (theme.vars ?? theme).palette.action.active }
-}));
-const IconOrAvatar = ({ item, collapsed }) => {
-	if (item.icon || collapsed) return /* @__PURE__ */ jsxs(Box$1, {
-		sx: collapsed ? {
-			position: "absolute",
-			left: "50%",
-			top: "calc(50% - 6px)",
-			transform: "translate(-50%, -50%)"
-		} : {},
-		children: [/* @__PURE__ */ jsxs(ListItemIcon$1, {
-			sx: {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "center",
-				minWidth: ICON_SIZE
-			},
-			children: [item.icon ?? null, !item.icon && collapsed ? /* @__PURE__ */ jsx(Avatar$1, {
-				sx: {
-					width: ICON_SIZE - 7,
-					height: ICON_SIZE - 7,
-					fontSize: 12
-				},
-				children: item.title
-			}) : null]
-		}), collapsed ? /* @__PURE__ */ jsx(Typography$1, {
-			variant: "caption",
-			sx: {
-				position: "absolute",
-				bottom: -18,
-				left: "50%",
-				transform: "translateX(-50%)",
-				fontSize: 10,
-				fontWeight: 500,
-				textAlign: "center",
-				whiteSpace: "nowrap",
-				overflow: "hidden",
-				textOverflow: "ellipsis",
-				maxWidth: MINI_WIDTH - 28
-			},
-			children: item.title
-		}) : null]
-	});
-	return null;
-};
-const MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx(Popper, {
-	open,
-	anchorEl,
-	placement: "right-start",
-	modifiers: [
-		{
-			name: "offset",
-			options: { offset: [6, 0] }
-		},
-		{
-			name: "preventOverflow",
-			options: { padding: 8 }
-		},
-		{
-			name: "flip",
-			options: { fallbackPlacements: ["right-end", "left-start"] }
-		}
-	],
-	children: /* @__PURE__ */ jsx(Paper$1, {
-		sx: {
-			pt: .5,
-			pb: .5,
-			maxHeight: "min(calc(100vh - 100px), 560px)",
-			overflowY: "auto",
-			overscrollBehavior: "contain"
-		},
-		children
-	})
-});
-const NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested }) => {
-	const [hoveredPopoverItem, setHoveredPopoverItem] = useState(null);
-	const [anchorElement, setAnchorElement] = useState(null);
-	const chevronSx = useMemo(() => {
-		if (collapsed && isSidebarFullyCollapsed && item.children) return {
-			fontSize: 18,
-			position: "absolute",
-			top: "41.5%",
-			right: "2px",
-			transform: "translateY(-50%) rotate(-90deg)"
-		};
-		if (!collapsed && isSidebarFullyExpanded && item.children) return {
-			ml: .5,
-			transform: `rotate(${isOpen ? 0 : -90}deg)`
-		};
-		return { display: "none" };
-	}, [
-		collapsed,
-		isSidebarFullyExpanded,
-		isSidebarFullyCollapsed,
-		isOpen,
-		item.children
-	]);
-	const shouldJustExpand = item.children && !collapsed;
-	const buttonProps = {
-		selected,
-		disabled,
-		sx: {
-			px: 1.4,
-			height: collapsed ? 60 : 48
-		}
-	};
-	const buttonContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(IconOrAvatar, {
-			item,
-			collapsed
-		}),
-		!collapsed && /* @__PURE__ */ jsx(ListItemText$1, {
-			primary: item.title,
-			slotProps: { primary: {
-				noWrap: true,
-				title: item.title
-			} },
-			sx: {
-				ml: 1.2,
-				flex: 1,
-				minWidth: 0,
-				"& .MuiTypography-root": {
-					whiteSpace: "nowrap",
-					overflow: "hidden",
-					textOverflow: "ellipsis"
-				}
-			}
-		}),
-		item.children ? /* @__PURE__ */ jsx(ExpandMoreIcon, { sx: chevronSx }) : null
-	] });
-	const listItem = /* @__PURE__ */ jsxs(ListItem$1, {
-		...item.children && collapsed ? {
-			onMouseEnter: (event) => {
-				setAnchorElement(event.currentTarget);
-				setHoveredPopoverItem(item.title);
-			},
-			onMouseLeave: () => {
-				setHoveredPopoverItem(null);
-			}
-		} : {},
-		sx: {
-			py: 0,
-			px: 1,
-			overflowX: "hidden"
-		},
-		children: [shouldJustExpand ? /* @__PURE__ */ jsx(StyledNavButton, {
-			...buttonProps,
-			onClick: () => onClick?.(item),
-			children: buttonContent
-		}) : /* @__PURE__ */ jsx(StyledRouterButton, {
-			...buttonProps,
-			to: item.to,
-			href: item.href,
-			params: item.params,
-			search: item.search,
-			children: buttonContent
-		}), item.children && collapsed ? /* @__PURE__ */ jsx(MiniPopover, {
-			open: item.title === hoveredPopoverItem,
-			anchorEl: anchorElement,
-			children: renderNested?.(item.children)
-		}) : null]
-	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [listItem, item.children && !collapsed ? /* @__PURE__ */ jsx(Collapse, {
-		in: isOpen,
-		timeout: "auto",
-		unmountOnExit: true,
-		children: renderNested?.(item.children)
-	}) : null] }, item.to);
-};
-
-//#endregion
-//#region src/components/core/navigation/NavigationList.tsx
-const isPageItem = (item) => !("kind" in item);
-const isDivider = (item) => "kind" in item && item.kind === "divider";
-const isHeader = (item) => "kind" in item && item.kind === "header";
-const NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, expandedWidth, renderItem, activePath, onNavigate }) => {
-	const [openKeys, setOpenKeys] = useState([]);
-	useEffect(() => {
-		if (collapsed) setOpenKeys([]);
-	}, [collapsed]);
-	const toggleKey = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k$1) => k$1 !== key) : [...previous, key]);
-	const renderNested = (children) => /* @__PURE__ */ jsx(NavigationList, {
-		subNavigation: children,
-		depth: depth + 1,
-		isPopover: collapsed,
-		expandedWidth,
-		activePath,
-		onNavigate
-	});
-	const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
-	return /* @__PURE__ */ jsx(List$1, {
-		sx: {
-			padding: 0,
-			mt: isPopover && depth === 1 ? .5 : 0,
-			mb: depth === 0 && !isPopover ? 4 : .5,
-			pl: (isPopover ? 1 : 2) * (isPopover ? depth - 1 : depth),
-			minWidth: isPopover && depth === 1 ? EXPANDED_WIDTH : "auto",
-			width: collapsed ? MINI_WIDTH : "auto"
-		},
-		children: filteredNavigation.map((navItem, index) => {
-			if (isHeader(navItem)) return /* @__PURE__ */ jsx(ListSubheader$1, {
-				sx: {
-					fontSize: 12,
-					fontWeight: "700",
-					height: collapsed ? 0 : 40,
-					px: 2,
-					minWidth: expandedWidth,
-					overflow: "hidden",
-					textOverflow: "ellipsis",
-					whiteSpace: "nowrap",
-					zIndex: 2,
-					bgcolor: "transparent",
-					position: "static"
-				},
-				children: navItem.title
-			}, `subheader-${depth}-${index}`);
-			if (isDivider(navItem)) {
-				const nextItem = filteredNavigation[index + 1];
-				return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Divider$1, { sx: {
-					mx: 1,
-					mt: 1,
-					mb: isHeader(nextItem) && !collapsed ? 0 : 1
-				} }) }, `divider-${depth}-${index}`);
-			}
-			if (!isPageItem(navItem)) return null;
-			const key = `item-${depth}-${index}`;
-			const uniqueItemKey = `${depth}-${index}-${navItem.title}`;
-			if (renderItem) return /* @__PURE__ */ jsx(Fragment$1, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
-			return /* @__PURE__ */ jsx(NavigationListItem, {
-				item: navItem,
-				isOpen: openKeys.includes(uniqueItemKey),
-				selected: activePath === navItem.to,
-				collapsed,
-				isSidebarFullyExpanded,
-				isSidebarFullyCollapsed,
-				onClick: navItem.children && !collapsed ? () => toggleKey(uniqueItemKey) : void 0,
-				renderNested
-			}, key);
-		})
-	});
-};
-
-//#endregion
-//#region src/components/core/navigation/NavigationRail.tsx
-const MINI_WIDTH = 84;
-const EXPANDED_WIDTH = 320;
-const TOOLBAR_HEIGHT = 65;
-const NavigationRail = ({ navigation, expanded, setExpanded }) => {
-	const navigate = useNavigate();
-	const routerState = useRouterState();
-	const theme = useTheme$1();
-	const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
-	const drawerContent = (collapsed) => /* @__PURE__ */ jsx(Box$1, {
-		component: "nav",
-		sx: {
-			height: "100%",
-			display: "flex",
-			flexDirection: "column",
-			justifyContent: "space-between",
-			overflow: "auto",
-			scrollbarGutter: collapsed ? "stable" : "auto",
-			overflowX: "hidden",
-			pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
-		},
-		children: /* @__PURE__ */ jsx(NavigationList, {
-			subNavigation: navigation,
-			collapsed,
-			isSidebarFullyExpanded: expanded,
-			isSidebarFullyCollapsed: !expanded,
-			expandedWidth: EXPANDED_WIDTH,
-			activePath: routerState.location.pathname,
-			onNavigate: navigate
-		})
-	});
-	if (showPermanent) return /* @__PURE__ */ jsx(Drawer, {
-		variant: "permanent",
-		sx: {
-			width: expanded ? EXPANDED_WIDTH : MINI_WIDTH,
-			["& .MuiDrawer-paper"]: {
-				position: "absolute",
-				top: `${TOOLBAR_HEIGHT}px`,
-				height: `calc(100% - ${TOOLBAR_HEIGHT}px)`,
-				width: expanded ? EXPANDED_WIDTH : MINI_WIDTH
-			}
-		},
-		children: drawerContent(!expanded)
-	});
-	return /* @__PURE__ */ jsx(Drawer, {
-		open: expanded,
-		onClose: () => setExpanded(false),
-		children: drawerContent(!expanded)
-	});
-};
-
-//#endregion
-//#region src/auth-test/keycloak.ts
-const keycloakConfig = {
-	url: import.meta.env.VITE_KEYCLOAK_URL,
-	realm: import.meta.env.VITE_KEYCLOAK_REALM,
-	clientId: import.meta.env.VITE_KEYCLOAK_CLIENT_ID,
-	idpHint: import.meta.env.VITE_KEYCLOAK_IDP_HINT,
-	confidentialClientId: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_ID,
-	confidentialClientSecret: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_SECRET
-};
-function useKeycloak() {
-	return useRouter().options.context.keycloak;
-}
-
-//#endregion
-//#region src/components/core/ToolbarAccount.tsx
-const ToolbarAccount = () => {
-	const [anchorElement, setAnchorElement] = useState();
-	const [tab, setTab] = useState("settings");
-	const open = Boolean(anchorElement);
-	const { t: t$2, i18n: i18n$1 } = useTranslation$1();
-	const { mode, setMode } = useColorScheme();
-	const changeLanguage = (newLanguage) => () => {
-		i18n$1.changeLanguage(newLanguage).finally(() => closeMenu());
-	};
-	const changeMode = (newMode) => () => {
-		setMode(newMode);
-		closeMenu();
-	};
-	const keycloak = useKeycloak();
-	const user = keycloak.user;
-	const getModeText = () => {
-		switch (mode) {
-			case "light": return t$2("Layout.Light");
-			case "dark": return t$2("Layout.Dark");
-			default: return t$2("Layout.System");
-		}
-	};
-	const usernameInitials = () => {
-		if (!user?.name) return "";
-		const splittedName = user.name.split(" ");
-		return `${splittedName[0][0]}${splittedName.length > 1 ? splittedName[1][0] : ""}`;
-	};
-	const openMenu = (event) => setAnchorElement(event.currentTarget);
-	const closeMenu = () => {
-		setAnchorElement(void 0);
-		setTimeout(() => setTab("settings"), 300);
-	};
-	const changeTab = (newTab) => () => setTab(newTab);
-	const settings = /* @__PURE__ */ jsxs(List, {
-		component: "nav",
-		subheader: /* @__PURE__ */ jsx(ListSubheader, {
-			sx: { backgroundColor: "transparent" },
-			children: t$2("Layout.Settings")
-		}),
-		children: [/* @__PURE__ */ jsxs(ListItemButton, {
-			onClick: changeTab("theme"),
-			sx: { py: .3 },
-			children: [
-				/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Brightness4, {}) }),
-				/* @__PURE__ */ jsx(ListItemText, {
-					primary: t$2("Layout.Appearance"),
-					secondary: getModeText()
-				}),
-				/* @__PURE__ */ jsx(ChevronRight, {})
-			]
-		}), /* @__PURE__ */ jsxs(ListItemButton, {
-			onClick: changeTab("language"),
-			sx: { py: .3 },
-			children: [
-				/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Translate, {}) }),
-				/* @__PURE__ */ jsx(ListItemText, {
-					primary: t$2("Layout.Language"),
-					secondary: i18n$1.resolvedLanguage === "en" ? "English" : "Čeština"
-				}),
-				/* @__PURE__ */ jsx(ChevronRight, {})
-			]
-		})]
-	});
-	const theme = /* @__PURE__ */ jsxs(List, {
-		subheader: /* @__PURE__ */ jsxs(ListSubheader, {
-			onClick: changeTab("settings"),
-			sx: {
-				backgroundColor: "transparent",
-				display: "flex",
-				alignItems: "center",
-				px: 1,
-				cursor: "pointer"
-			},
-			children: [
-				/* @__PURE__ */ jsx(IconButton, {
-					size: "small",
-					sx: { mr: .5 },
-					children: /* @__PURE__ */ jsx(ArrowBack, { fontSize: "small" })
-				}),
-				" ",
-				t$2("Layout.Appearance")
-			]
-		}),
-		children: [
-			/* @__PURE__ */ jsxs(ListItemButton, {
-				onClick: changeMode("light"),
-				disabled: mode === "light",
-				children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(LightMode, {}) }), /* @__PURE__ */ jsx(ListItemText, { primary: t$2("Layout.Light") })]
-			}),
-			/* @__PURE__ */ jsxs(ListItemButton, {
-				onClick: changeMode("dark"),
-				disabled: mode === "dark",
-				children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(DarkMode, {}) }), /* @__PURE__ */ jsx(ListItemText, { primary: t$2("Layout.Dark") })]
-			}),
-			/* @__PURE__ */ jsxs(ListItemButton, {
-				onClick: changeMode("system"),
-				disabled: mode === "system",
-				children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(SettingsBrightness, {}) }), /* @__PURE__ */ jsx(ListItemText, { primary: t$2("Layout.System") })]
-			})
-		]
-	});
-	const language = /* @__PURE__ */ jsxs(List, {
-		subheader: /* @__PURE__ */ jsxs(ListSubheader, {
-			onClick: changeTab("settings"),
-			sx: {
-				backgroundColor: "transparent",
-				display: "flex",
-				alignItems: "center",
-				px: 1,
-				cursor: "pointer"
-			},
-			children: [
-				/* @__PURE__ */ jsx(IconButton, {
-					size: "small",
-					sx: { mr: .5 },
-					children: /* @__PURE__ */ jsx(ArrowBack, { fontSize: "small" })
-				}),
-				" ",
-				t$2("Layout.Language")
-			]
-		}),
-		children: [/* @__PURE__ */ jsx(ListItemButton, {
-			onClick: changeLanguage("en"),
-			disabled: i18n$1.resolvedLanguage === "en",
-			children: /* @__PURE__ */ jsx(ListItemText, { primary: "English" })
-		}), /* @__PURE__ */ jsx(ListItemButton, {
-			onClick: changeLanguage("cs"),
-			disabled: i18n$1.resolvedLanguage === "cs",
-			children: /* @__PURE__ */ jsx(ListItemText, { primary: "Čeština" })
-		})]
-	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(IconButton, {
-		size: "small",
-		edge: "end",
-		onClick: openMenu,
-		children: user?.name ? /* @__PURE__ */ jsx(Avatar, {
-			sx: {
-				width: {
-					xs: 32,
-					sm: 40
-				},
-				height: {
-					xs: 32,
-					sm: 40
-				},
-				bgcolor: "primary.main"
-			},
-			children: /* @__PURE__ */ jsx(Typography, {
-				variant: "subtitle2",
-				sx: {
-					fontWeight: "bold",
-					lineHeight: 0
-				},
-				children: usernameInitials()
-			})
-		}) : /* @__PURE__ */ jsx(AccountCircle, { fontSize: "large" })
-	}), /* @__PURE__ */ jsx(Menu, {
-		anchorEl: anchorElement,
-		open,
-		onClose: closeMenu,
-		children: /* @__PURE__ */ jsxs(Box, {
-			sx: { width: 240 },
-			children: [
-				/* @__PURE__ */ jsx(List, { children: user?.name ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(ListItemText, {
-					primary: user.name,
-					secondary: /* @__PURE__ */ jsxs("span", { children: [
-						/* @__PURE__ */ jsx("span", { children: user.employeeId }),
-						/* @__PURE__ */ jsx("br", {}),
-						/* @__PURE__ */ jsx("span", { children: user.department })
-					] })
-				}) }), /* @__PURE__ */ jsxs(ListItemButton, {
-					onClick: () => keycloak.logout(),
-					children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Logout, { color: "error" }) }), /* @__PURE__ */ jsx(ListItemText, { primary: t$2("Layout.Logout") })]
-				})] }) : /* @__PURE__ */ jsxs(ListItemButton, {
-					onClick: () => keycloak.login(),
-					children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Login, { color: "success" }) }), /* @__PURE__ */ jsx(ListItemText, { primary: t$2("Layout.LogIn") })]
-				}) }),
-				tab === "settings" && settings,
-				tab === "theme" && theme,
-				tab === "language" && language
-			]
-		})
-	})] });
-};
-
 //#endregion
 //#region node_modules/@mui/x-data-grid/esm/utils/getGridLocalization.js
 const getGridLocalization = (gridTranslations) => ({ components: { MuiDataGrid: { defaultProps: { localeText: gridTranslations } } } });
@@ -3772,7 +3204,7 @@ const useGetTheme = (theme) => {
 
 //#endregion
 //#region src/components/core/Layout.tsx
-const DrawerHeader = styled("div")(({ theme }) => ({
+styled("div")(({ theme }) => ({
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "flex-end",
@@ -3789,59 +3221,7 @@ const Layout = (props) => {
 		children: [
 			/* @__PURE__ */ jsx(InitColorSchemeScript, {}),
 			/* @__PURE__ */ jsx(CssBaseline, {}),
-			/* @__PURE__ */ jsxs(Box, {
-				sx: {
-					display: "flex",
-					height: "100dvh",
-					maxHeight: "100dvh",
-					overflow: "hidden",
-					width: "100%"
-				},
-				children: [
-					/* @__PURE__ */ jsx(AppBar, {
-						color: "transparent",
-						position: "fixed",
-						sx: {
-							borderBottom: "1px solid",
-							borderColor: theme.vars?.palette.divider,
-							boxShadow: "none"
-						},
-						children: /* @__PURE__ */ jsxs(Toolbar, { children: [
-							props.navigation && /* @__PURE__ */ jsx(IconButton, {
-								onClick: () => setNavigationOpen((previous) => !previous),
-								sx: { marginRight: 2 },
-								children: navigationOpen ? /* @__PURE__ */ jsx(MenuOpen, {}) : /* @__PURE__ */ jsx(Menu$1, {})
-							}),
-							/* @__PURE__ */ jsx(AppTitle, {}),
-							/* @__PURE__ */ jsx(ToolbarAccount, {})
-						] })
-					}),
-					props.navigation && /* @__PURE__ */ jsx(NavigationRail, {
-						navigation: props.navigation,
-						expanded: navigationOpen ?? false,
-						setExpanded: setNavigationOpen
-					}),
-					/* @__PURE__ */ jsxs(Box, {
-						component: "main",
-						sx: {
-							flexGrow: 1,
-							display: "flex",
-							flexDirection: "column",
-							minWidth: 0,
-							height: "100%",
-							overflow: "hidden"
-						},
-						children: [/* @__PURE__ */ jsx(DrawerHeader, {}), /* @__PURE__ */ jsx(Box, {
-							sx: {
-								flex: 1,
-								overflow: "auto",
-								position: "relative"
-							},
-							children: props.children
-						})]
-					})
-				]
-			}),
+			props.children,
 			(isFetching || isMutating) && /* @__PURE__ */ jsx(LinearProgress, { sx: {
 				position: "fixed",
 				top: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wcz-test",
   "displayName": "WCZ Layout",
-  "version": "4.2.0",
+  "version": "4.2.2",
   "private": false,
   "sideEffects": false,
   "type": "module",