wcz-test 2.8.0 → 2.9.0

package/dist/index.js

@@ -1038,9 +1038,32 @@ var TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...p
   ] });
 };
 
+// src/index.ts
+import { PageHeader } from "@toolpad/core/PageContainer";
+
+// src/components/core/PageContainer.tsx
+import { Container } from "@mui/material";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PageContainer = (props) => {
+  return /* @__PURE__ */ jsx2(
+    Container,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100vh",
+        my: 1,
+        ...props.sx
+      },
+      ...props,
+      children: props.children
+    }
+  );
+};
+
 // src/components/data-grid/ChipInputCell.tsx
 import { Chip, Stack as Stack2 } from "@mui/material";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var isArray = (value) => Array.isArray(value);
 var ChipInputCell = ({ params, slotProps, getLabel }) => {
   if (!params.value) return null;
@@ -1049,103 +1072,100 @@ var ChipInputCell = ({ params, slotProps, getLabel }) => {
     return value;
   };
   if (isArray(params.value))
-    return /* @__PURE__ */ jsx2(Stack2, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
-      (value, index) => /* @__PURE__ */ jsx2(Chip, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
+    return /* @__PURE__ */ jsx3(Stack2, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
+      (value, index) => /* @__PURE__ */ jsx3(Chip, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
     ) });
-  return /* @__PURE__ */ jsx2(Chip, { label: getLabelValue(params.value), ...slotProps });
+  return /* @__PURE__ */ jsx3(Chip, { label: getLabelValue(params.value), ...slotProps });
 };
 
 // src/components/data-grid/EditableColumnHeader.tsx
 import { Edit } from "@mui/icons-material";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var EditableColumnHeader = ({ colDef }) => {
-  return /* @__PURE__ */ jsx3(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsx3(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
+  return /* @__PURE__ */ jsx4(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsx4(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
 };
 
 // src/components/router/RouterButton.tsx
 import { Button } from "@mui/material";
 import { createLink } from "@tanstack/react-router";
 import React from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var Component = React.forwardRef((props, ref) => /* @__PURE__ */ jsx4(Button, { ref, component: "a", ...props }));
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Component = React.forwardRef((props, ref) => /* @__PURE__ */ jsx5(Button, { ref, component: "a", ...props }));
 var CreatedComponent = createLink(Component);
 var RouterButton = (props) => {
-  return /* @__PURE__ */ jsx4(CreatedComponent, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx5(CreatedComponent, { preload: "intent", ...props });
 };
 
 // src/components/router/RouterGridActionsCellItem.tsx
 import { GridActionsCellItem } from "@mui/x-data-grid-premium";
 import { createLink as createLink2 } from "@tanstack/react-router";
 import React2 from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var Component2 = React2.forwardRef(
-  (props, ref) => /* @__PURE__ */ jsx5(GridActionsCellItem, { ref, component: "a", ...props })
+  (props, ref) => /* @__PURE__ */ jsx6(GridActionsCellItem, { ref, component: "a", ...props })
 );
 var CreatedComponent2 = createLink2(Component2);
 var RouterGridActionsCellItem = (props) => {
-  return /* @__PURE__ */ jsx5(CreatedComponent2, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx6(CreatedComponent2, { preload: "intent", ...props });
 };
 
 // src/components/router/RouterIconButton.tsx
 import { IconButton } from "@mui/material";
 import { createLink as createLink3 } from "@tanstack/react-router";
 import React3 from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Component3 = React3.forwardRef((props, ref) => /* @__PURE__ */ jsx6(IconButton, { ref, component: "a", ...props }));
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Component3 = React3.forwardRef((props, ref) => /* @__PURE__ */ jsx7(IconButton, { ref, component: "a", ...props }));
 var CreatedComponent3 = createLink3(Component3);
 var RouterIconButton = (props) => {
-  return /* @__PURE__ */ jsx6(CreatedComponent3, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx7(CreatedComponent3, { preload: "intent", ...props });
 };
 
 // src/components/router/RouterLink.tsx
 import { Link } from "@mui/material";
 import { createLink as createLink4 } from "@tanstack/react-router";
 import React4 from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var Component4 = React4.forwardRef((props, ref) => /* @__PURE__ */ jsx7(Link, { ref, ...props }));
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Component4 = React4.forwardRef((props, ref) => /* @__PURE__ */ jsx8(Link, { ref, ...props }));
 var CreatedComponent4 = createLink4(Component4);
 var RouterLink = (props) => {
-  return /* @__PURE__ */ jsx7(CreatedComponent4, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx8(CreatedComponent4, { preload: "intent", ...props });
 };
 
 // src/components/router/RouterTab.tsx
 import { Tab } from "@mui/material";
 import { createLink as createLink5 } from "@tanstack/react-router";
 import React5 from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var Component5 = React5.forwardRef((props, ref) => /* @__PURE__ */ jsx8(Tab, { ref, component: "a", ...props }));
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Component5 = React5.forwardRef((props, ref) => /* @__PURE__ */ jsx9(Tab, { ref, component: "a", ...props }));
 var CreatedComponent5 = createLink5(Component5);
 var RouterTab = (props) => {
-  return /* @__PURE__ */ jsx8(CreatedComponent5, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx9(CreatedComponent5, { preload: "intent", ...props });
 };
 
 // src/components/router/RouterNotFound.tsx
 import { Box, Divider, Typography as Typography2 } from "@mui/material";
 import { useTranslation } from "react-i18next";
-import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
 function RouterNotFound() {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsx9(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs2(Box, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsx9(Typography2, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
-    /* @__PURE__ */ jsx9(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsx9(Typography2, { variant: "h5", component: "span", children: t("Layout.ThisPageCouldNotBeFound") })
+  return /* @__PURE__ */ jsx10(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs2(Box, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx10(Typography2, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
+    /* @__PURE__ */ jsx10(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx10(Typography2, { variant: "h5", component: "span", children: t("Layout.ThisPageCouldNotBeFound") })
   ] }) });
 }
 
 // src/components/router/RouterError.tsx
 import { Box as Box2, Divider as Divider2, Typography as Typography3 } from "@mui/material";
-import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 var RouterError = ({ error }) => {
-  return /* @__PURE__ */ jsx10(Box2, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs3(Box2, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsx10(Typography3, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "500" }),
-    /* @__PURE__ */ jsx10(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsx10(Typography3, { variant: "h5", component: "span", children: error.message })
+  return /* @__PURE__ */ jsx11(Box2, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs3(Box2, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx11(Typography3, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "500" }),
+    /* @__PURE__ */ jsx11(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx11(Typography3, { variant: "h5", component: "span", children: error.message })
   ] }) });
 };
 
-// src/index.ts
-import { PageContainer, PageHeader } from "@toolpad/core/PageContainer";
-
 // src/providers/LayoutProvider.tsx
 import { LinearProgress, useMediaQuery } from "@mui/material";
 
@@ -1178,9 +1198,7 @@ import { useThemeProps } from "@mui/material/styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 var _excluded = ["localeText"];
 var MuiPickersAdapterContext = /* @__PURE__ */ React6.createContext(null);
-if (process.env.NODE_ENV !== "production") {
-  MuiPickersAdapterContext.displayName = "MuiPickersAdapterContext";
-}
+if (process.env.NODE_ENV !== "production") MuiPickersAdapterContext.displayName = "MuiPickersAdapterContext";
 var LocalizationProvider = function LocalizationProvider2(inProps) {
   const {
     localeText: inLocaleText
@@ -1246,6 +1264,7 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
     children
   });
 };
+if (process.env.NODE_ENV !== "production") LocalizationProvider.displayName = "LocalizationProvider";
 process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -1826,12 +1845,12 @@ var LayoutContext = createContext2({});
 var useLayout = () => useContext2(LayoutContext);
 
 // src/components/core/AppTitle.tsx
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 var AppTitle = () => {
   const { appTitle } = useLayout();
   return /* @__PURE__ */ jsxs4(Stack3, { direction: "row", alignItems: "center", spacing: 2, children: [
-    /* @__PURE__ */ jsx11("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
-    /* @__PURE__ */ jsx11(Typography4, { variant: "h6", children: appTitle })
+    /* @__PURE__ */ jsx12("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
+    /* @__PURE__ */ jsx12(Typography4, { variant: "h6", children: appTitle })
   ] });
 };
 
@@ -1840,12 +1859,12 @@ import { Close } from "@mui/icons-material";
 import { Fade, Grid, IconButton as IconButton2, Paper, Typography as Typography5 } from "@mui/material";
 import { useState } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 var DevelopmentBanner = ({ hasNavigationRoutes }) => {
   const { t } = useTranslation2();
   const [bannerOpen, setBannerOpen] = useState(true);
   const closeBanner = () => setBannerOpen(false);
-  return /* @__PURE__ */ jsx12(Fade, { appear: false, in: bannerOpen, children: /* @__PURE__ */ jsx12(Paper, { square: true, elevation: 3, tabIndex: -1, sx: {
+  return /* @__PURE__ */ jsx13(Fade, { appear: false, in: bannerOpen, children: /* @__PURE__ */ jsx13(Paper, { square: true, elevation: 3, tabIndex: -1, sx: {
     position: "fixed",
     bottom: 0,
     left: { xs: 0, sm: hasNavigationRoutes ? 83.3 : 0 },
@@ -1856,10 +1875,10 @@ var DevelopmentBanner = ({ hasNavigationRoutes }) => {
     borderTopWidth: 1
   }, children: /* @__PURE__ */ jsxs5(Grid, { container: true, justifyContent: "space-between", alignItems: "center", children: [
     /* @__PURE__ */ jsxs5(Grid, { size: 10, children: [
-      /* @__PURE__ */ jsx12(Typography5, { fontWeight: "bold", children: t("Layout.DevelopmentDialogTitle") }),
-      /* @__PURE__ */ jsx12(Typography5, { variant: "body2", children: t("Layout.DevelopmentDialogContent") })
+      /* @__PURE__ */ jsx13(Typography5, { fontWeight: "bold", children: t("Layout.DevelopmentDialogTitle") }),
+      /* @__PURE__ */ jsx13(Typography5, { variant: "body2", children: t("Layout.DevelopmentDialogContent") })
     ] }),
-    /* @__PURE__ */ jsx12(Grid, { size: 2, sx: { p: 1, textAlign: "right" }, children: /* @__PURE__ */ jsx12(IconButton2, { size: "small", onClick: closeBanner, children: /* @__PURE__ */ jsx12(Close, {}) }) })
+    /* @__PURE__ */ jsx13(Grid, { size: 2, sx: { p: 1, textAlign: "right" }, children: /* @__PURE__ */ jsx13(IconButton2, { size: "small", onClick: closeBanner, children: /* @__PURE__ */ jsx13(Close, {}) }) })
   ] }) }) });
 };
 
@@ -1868,7 +1887,7 @@ import { AccountCircle, ArrowBack, Brightness4, ChevronRight, DarkMode, LightMod
 import { Avatar, Box as Box3, IconButton as IconButton3, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Menu, Typography as Typography6, useColorScheme } from "@mui/material";
 import { Fragment, useState as useState2 } from "react";
 import { useTranslation as useTranslation3 } from "react-i18next";
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 var user = {
   name: "Dalibor Homola",
   employeeId: "C2503017",
@@ -1915,60 +1934,60 @@ var ToolbarAccount = () => {
   const login2 = () => user.login();
   const logout2 = () => user.logout();
   const changeTab = (newTab) => () => setTab(newTab);
-  const settings = /* @__PURE__ */ jsxs6(List, { component: "nav", subheader: /* @__PURE__ */ jsx13(ListSubheader, { sx: { backgroundColor: "transparent" }, children: t("Layout.Settings") }), children: [
+  const settings = /* @__PURE__ */ jsxs6(List, { component: "nav", subheader: /* @__PURE__ */ jsx14(ListSubheader, { sx: { backgroundColor: "transparent" }, children: t("Layout.Settings") }), children: [
     /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsx13(ListItemIcon, { children: /* @__PURE__ */ jsx13(Brightness4, {}) }),
-      /* @__PURE__ */ jsx13(ListItemText, { primary: t("Layout.Appearance"), secondary: getModeText() }),
-      /* @__PURE__ */ jsx13(ChevronRight, {})
+      /* @__PURE__ */ jsx14(ListItemIcon, { children: /* @__PURE__ */ jsx14(Brightness4, {}) }),
+      /* @__PURE__ */ jsx14(ListItemText, { primary: t("Layout.Appearance"), secondary: getModeText() }),
+      /* @__PURE__ */ jsx14(ChevronRight, {})
     ] }),
     /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsx13(ListItemIcon, { children: /* @__PURE__ */ jsx13(Translate, {}) }),
-      /* @__PURE__ */ jsx13(ListItemText, { primary: t("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
-      /* @__PURE__ */ jsx13(ChevronRight, {})
+      /* @__PURE__ */ jsx14(ListItemIcon, { children: /* @__PURE__ */ jsx14(Translate, {}) }),
+      /* @__PURE__ */ jsx14(ListItemText, { primary: t("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
+      /* @__PURE__ */ jsx14(ChevronRight, {})
     ] })
   ] });
   const theme = /* @__PURE__ */ jsxs6(List, { subheader: /* @__PURE__ */ jsxs6(ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ jsx13(IconButton3, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx13(ArrowBack, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsx14(IconButton3, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx14(ArrowBack, { fontSize: "small" }) }),
     " ",
     t("Layout.Appearance")
   ] }), children: [
     /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeMode("light"), disabled: mode === "light", children: [
-      /* @__PURE__ */ jsx13(ListItemIcon, { children: /* @__PURE__ */ jsx13(LightMode, {}) }),
-      /* @__PURE__ */ jsx13(ListItemText, { primary: t("Layout.Light") })
+      /* @__PURE__ */ jsx14(ListItemIcon, { children: /* @__PURE__ */ jsx14(LightMode, {}) }),
+      /* @__PURE__ */ jsx14(ListItemText, { primary: t("Layout.Light") })
     ] }),
     /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
-      /* @__PURE__ */ jsx13(ListItemIcon, { children: /* @__PURE__ */ jsx13(DarkMode, {}) }),
-      /* @__PURE__ */ jsx13(ListItemText, { primary: t("Layout.Dark") })
+      /* @__PURE__ */ jsx14(ListItemIcon, { children: /* @__PURE__ */ jsx14(DarkMode, {}) }),
+      /* @__PURE__ */ jsx14(ListItemText, { primary: t("Layout.Dark") })
     ] }),
     /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeMode("system"), disabled: mode === "system", children: [
-      /* @__PURE__ */ jsx13(ListItemIcon, { children: /* @__PURE__ */ jsx13(SettingsBrightness, {}) }),
-      /* @__PURE__ */ jsx13(ListItemText, { primary: t("Layout.System") })
+      /* @__PURE__ */ jsx14(ListItemIcon, { children: /* @__PURE__ */ jsx14(SettingsBrightness, {}) }),
+      /* @__PURE__ */ jsx14(ListItemText, { primary: t("Layout.System") })
     ] })
   ] });
   const language = /* @__PURE__ */ jsxs6(List, { subheader: /* @__PURE__ */ jsxs6(ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ jsx13(IconButton3, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx13(ArrowBack, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsx14(IconButton3, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx14(ArrowBack, { fontSize: "small" }) }),
     " ",
     t("Layout.Language")
   ] }), children: [
-    /* @__PURE__ */ jsx13(ListItemButton, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ jsx13(ListItemText, { primary: "English" }) }),
-    /* @__PURE__ */ jsx13(ListItemButton, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx13(ListItemText, { primary: "\u010Ce\u0161tina" }) })
+    /* @__PURE__ */ jsx14(ListItemButton, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ jsx14(ListItemText, { primary: "English" }) }),
+    /* @__PURE__ */ jsx14(ListItemButton, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx14(ListItemText, { primary: "\u010Ce\u0161tina" }) })
   ] });
   return /* @__PURE__ */ jsxs6(Fragment, { children: [
-    /* @__PURE__ */ jsx13(IconButton3, { size: "small", onClick: openMenu, children: user.name ? /* @__PURE__ */ jsx13(Avatar, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx13(Typography6, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx13(AccountCircle, {}) }),
-    /* @__PURE__ */ jsx13(Menu, { anchorEl, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs6(Box3, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ jsx13(List, { children: user.name ? /* @__PURE__ */ jsxs6(Fragment, { children: [
-        /* @__PURE__ */ jsx13(ListItem, { children: /* @__PURE__ */ jsx13(ListItemText, { primary: user.name, secondary: /* @__PURE__ */ jsxs6("span", { children: [
-          /* @__PURE__ */ jsx13("span", { children: user.employeeId }),
-          /* @__PURE__ */ jsx13("br", {}),
-          /* @__PURE__ */ jsx13("span", { children: user.department })
+    /* @__PURE__ */ jsx14(IconButton3, { size: "small", onClick: openMenu, children: user.name ? /* @__PURE__ */ jsx14(Avatar, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx14(Typography6, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx14(AccountCircle, {}) }),
+    /* @__PURE__ */ jsx14(Menu, { anchorEl, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs6(Box3, { sx: { width: 240 }, children: [
+      /* @__PURE__ */ jsx14(List, { children: user.name ? /* @__PURE__ */ jsxs6(Fragment, { children: [
+        /* @__PURE__ */ jsx14(ListItem, { children: /* @__PURE__ */ jsx14(ListItemText, { primary: user.name, secondary: /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx14("span", { children: user.employeeId }),
+          /* @__PURE__ */ jsx14("br", {}),
+          /* @__PURE__ */ jsx14("span", { children: user.department })
         ] }) }) }),
         /* @__PURE__ */ jsxs6(ListItemButton, { onClick: logout2, children: [
-          /* @__PURE__ */ jsx13(ListItemIcon, { children: /* @__PURE__ */ jsx13(Logout, { color: "error" }) }),
-          /* @__PURE__ */ jsx13(ListItemText, { primary: t("Layout.Logout") })
+          /* @__PURE__ */ jsx14(ListItemIcon, { children: /* @__PURE__ */ jsx14(Logout, { color: "error" }) }),
+          /* @__PURE__ */ jsx14(ListItemText, { primary: t("Layout.Logout") })
         ] })
       ] }) : /* @__PURE__ */ jsxs6(ListItemButton, { onClick: login2, children: [
-        /* @__PURE__ */ jsx13(ListItemIcon, { children: /* @__PURE__ */ jsx13(Login, { color: "success" }) }),
-        /* @__PURE__ */ jsx13(ListItemText, { primary: t("Layout.LogIn") })
+        /* @__PURE__ */ jsx14(ListItemIcon, { children: /* @__PURE__ */ jsx14(Login, { color: "success" }) }),
+        /* @__PURE__ */ jsx14(ListItemText, { primary: t("Layout.LogIn") })
       ] }) }),
       tab === "settings" && settings,
       tab === "theme" && theme,
@@ -1992,12 +2011,9 @@ import axios from "axios";
 // src/services/UserService.ts
 import Keycloak from "keycloak-js";
 var 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
+  url: "https://keycloak.example.com/auth",
+  realm: "example-realm",
+  clientId: "example-client"
 };
 var _kc = new Keycloak({
   url: keycloakConfig.url,
@@ -2163,10 +2179,7 @@ var useGetTheme = (theme) => {
         MuiTableContainer: {
           styleOverrides: {
             root: ({ theme: theme2 }) => ({
-              height: "calc(100vh - 56px)",
-              [theme2.breakpoints.up("sm")]: {
-                height: "calc(100vh - 64px)"
-              },
+              flexGrow: 1,
               "& .MuiDataGrid-cell--editing": {
                 "& .MuiInputBase-root": {
                   height: "100%"
@@ -2193,6 +2206,11 @@ var useGetTheme = (theme) => {
             fullWidth: true
           }
         },
+        MuiContainer: {
+          defaultProps: {
+            maxWidth: false
+          }
+        },
         ...theme?.components
       }
     },
@@ -2206,10 +2224,10 @@ var useGetTheme = (theme) => {
 import { useLocation, useNavigate, useSearch, Link as TanstackRouterLink } from "@tanstack/react-router";
 import { AppProvider } from "@toolpad/core/AppProvider";
 import { useCallback, useMemo as useMemo2, forwardRef } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var Link2 = forwardRef((props, ref) => {
   const { href, history, ...rest } = props;
-  return /* @__PURE__ */ jsx14(TanstackRouterLink, { ref, to: href, replace: history === "replace", ...rest });
+  return /* @__PURE__ */ jsx15(TanstackRouterLink, { ref, to: href, replace: history === "replace", ...rest });
 });
 var TanstackRouterAppProvider = (props) => {
   const { pathname } = useLocation();
@@ -2222,11 +2240,11 @@ var TanstackRouterAppProvider = (props) => {
     [_navigate]
   );
   const router = useMemo2(() => ({ pathname, searchParams: new URLSearchParams(searchParams), navigate, Link: Link2 }), [pathname, searchParams, navigate]);
-  return /* @__PURE__ */ jsx14(AppProvider, { router, ...props });
+  return /* @__PURE__ */ jsx15(AppProvider, { router, ...props });
 };
 
 // src/providers/LayoutProvider.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 i18n.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
   fallbackLng: "en",
   interpolation: {
@@ -2248,11 +2266,11 @@ var LayoutProvider = (props) => {
   const appTitle = rootRouterState.meta?.find((meta) => meta?.title)?.title;
   if (!appTitle)
     throw new Error("Title is not defined in the RootRoute head.");
-  return /* @__PURE__ */ jsx15(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n2.resolvedLanguage, children: /* @__PURE__ */ jsx15(TanstackRouterAppProvider, { navigation, theme, localeText: {
+  return /* @__PURE__ */ jsx16(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n2.resolvedLanguage, children: /* @__PURE__ */ jsx16(TanstackRouterAppProvider, { navigation, theme, localeText: {
     confirm: t("Layout.Confirm"),
     cancel: t("Layout.Cancel"),
     alert: t("Layout.Alert")
-  }, children: /* @__PURE__ */ jsx15(NotificationsProvider, { slotProps: { snackbar: { anchorOrigin: { vertical: isLargeScreen ? "top" : "bottom", horizontal: "center" } } }, children: /* @__PURE__ */ jsx15(LayoutContext.Provider, { value: { appTitle }, children: /* @__PURE__ */ jsxs7(
+  }, children: /* @__PURE__ */ jsx16(NotificationsProvider, { slotProps: { snackbar: { anchorOrigin: { vertical: isLargeScreen ? "top" : "bottom", horizontal: "center" } } }, children: /* @__PURE__ */ jsx16(LayoutContext.Provider, { value: { appTitle }, children: /* @__PURE__ */ jsxs7(
     DashboardLayout,
     {
       defaultSidebarCollapsed: true,
@@ -2264,8 +2282,8 @@ var LayoutProvider = (props) => {
       },
       children: [
         props.children,
-        /* @__PURE__ */ jsx15(DevelopmentBanner, { hasNavigationRoutes: !!navigation.length }),
-        (isFetching || isMutating) && /* @__PURE__ */ jsx15(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+        /* @__PURE__ */ jsx16(DevelopmentBanner, { hasNavigationRoutes: !!navigation.length }),
+        (isFetching || isMutating) && /* @__PURE__ */ jsx16(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
       ]
     }
   ) }) }) }) });
@@ -2290,11 +2308,11 @@ var getFieldStatus = (field) => {
 };
 
 // src/components/form/FormAutocomplete.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Autocomplete,
     {
       value: field.state.value,
@@ -2303,7 +2321,7 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
       onBlur: field.handleBlur,
       "aria-label": field.name,
       ...autocompleteProps,
-      renderInput: (params) => /* @__PURE__ */ jsx16(
+      renderInput: (params) => /* @__PURE__ */ jsx17(
         TextField,
         {
           ...params,
@@ -2319,15 +2337,15 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
 
 // src/components/form/FormCheckbox.tsx
 import { Checkbox, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 var FormCheckbox = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
   return /* @__PURE__ */ jsxs8(FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18(
       FormControlLabel,
       {
-        control: /* @__PURE__ */ jsx17(
+        control: /* @__PURE__ */ jsx18(
           Checkbox,
           {
             name: field.name,
@@ -2341,18 +2359,18 @@ var FormCheckbox = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx17(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx18(FormHelperText, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormDatePicker.tsx
 import { DatePicker } from "@mui/x-date-pickers-pro";
 import dayjs from "dayjs";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var FormDatePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     DatePicker,
     {
       name: field.name,
@@ -2376,11 +2394,11 @@ var FormDatePicker = (props) => {
 // src/components/form/FormDateTimePicker.tsx
 import { DateTimePicker } from "@mui/x-date-pickers-pro";
 import dayjs2 from "dayjs";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var FormDateTimePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     DateTimePicker,
     {
       name: field.name,
@@ -2404,11 +2422,11 @@ var FormDateTimePicker = (props) => {
 // src/components/form/FormNumberField.tsx
 import { TextField as TextField2 } from "@mui/material";
 import { NumericFormat } from "react-number-format";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var FormNumberField = ({ options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     NumericFormat,
     {
       customInput: TextField2,
@@ -2427,13 +2445,13 @@ var FormNumberField = ({ options, ...props }) => {
 
 // src/components/form/FormRadioGroup.tsx
 import { FormControl as FormControl2, FormControlLabel as FormControlLabel2, FormHelperText as FormHelperText2, FormLabel, Radio, RadioGroup } from "@mui/material";
-import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
 var FormRadioGroup = ({ label, options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
   return /* @__PURE__ */ jsxs9(FormControl2, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx21(FormLabel, { component: "legend", children: label }),
-    /* @__PURE__ */ jsx21(
+    label && /* @__PURE__ */ jsx22(FormLabel, { component: "legend", children: label }),
+    /* @__PURE__ */ jsx22(
       RadioGroup,
       {
         name: field.name,
@@ -2442,30 +2460,30 @@ var FormRadioGroup = ({ label, options, ...props }) => {
         onBlur: field.handleBlur,
         "aria-label": field.name,
         ...props,
-        children: options.map((option) => /* @__PURE__ */ jsx21(
+        children: options.map((option) => /* @__PURE__ */ jsx22(
           FormControlLabel2,
           {
             value: option.value,
-            control: /* @__PURE__ */ jsx21(Radio, {}),
+            control: /* @__PURE__ */ jsx22(Radio, {}),
             label: option.label
           },
           option.value
         ))
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx21(FormHelperText2, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx22(FormHelperText2, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSlider.tsx
 import { FormControl as FormControl3, FormHelperText as FormHelperText3, FormLabel as FormLabel2, Slider } from "@mui/material";
-import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
 var FormSlider = ({ label, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
   return /* @__PURE__ */ jsxs10(FormControl3, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx22(FormLabel2, { children: label }),
-    /* @__PURE__ */ jsx22(
+    label && /* @__PURE__ */ jsx23(FormLabel2, { children: label }),
+    /* @__PURE__ */ jsx23(
       Slider,
       {
         name: field.name,
@@ -2476,13 +2494,13 @@ var FormSlider = ({ label, ...props }) => {
         ...props
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx22(FormHelperText3, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx23(FormHelperText3, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSubmitButton.tsx
 import { Button as Button2 } from "@mui/material";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var FormSubmitButton = (props) => {
   const form = useFormContext();
   const handleClick = (e) => {
@@ -2490,7 +2508,7 @@ var FormSubmitButton = (props) => {
     e.stopPropagation();
     form.handleSubmit();
   };
-  return /* @__PURE__ */ jsx23(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx24(
     Button2,
     {
       loading: isSubmitting,
@@ -2505,15 +2523,15 @@ var FormSubmitButton = (props) => {
 
 // src/components/form/FormSwitch.tsx
 import { FormControl as FormControl4, FormControlLabel as FormControlLabel3, FormHelperText as FormHelperText4, Switch } from "@mui/material";
-import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
 var FormSwitch = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
   return /* @__PURE__ */ jsxs11(FormControl4, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       FormControlLabel3,
       {
-        control: /* @__PURE__ */ jsx24(
+        control: /* @__PURE__ */ jsx25(
           Switch,
           {
             name: field.name,
@@ -2527,17 +2545,17 @@ var FormSwitch = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx24(FormHelperText4, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx25(FormHelperText4, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormTextField.tsx
 import { TextField as TextField3 } from "@mui/material";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var FormTextField = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     TextField3,
     {
       name: field.name,
@@ -2658,7 +2676,9 @@ var useOpenFile = (options) => {
       method: "GET",
       responseType: "blob"
     }),
-    onSuccess: (data) => window.open(URL.createObjectURL(data))
+    onSuccess: (data) => {
+      window.open(URL.createObjectURL(data));
+    }
   });
 };
 var useUpdateFileMeta = (options) => {