wcz-test 2.7.0 → 2.8.0

package/dist/index.js

@@ -1067,57 +1067,79 @@ import { Button } from "@mui/material";
 import { createLink } from "@tanstack/react-router";
 import React from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
-var MUIButtonLinkComponent = React.forwardRef((props, ref) => /* @__PURE__ */ jsx4(Button, { ref, component: "a", ...props }));
-var CreatedButtonLinkComponent = createLink(MUIButtonLinkComponent);
+var Component = React.forwardRef((props, ref) => /* @__PURE__ */ jsx4(Button, { ref, component: "a", ...props }));
+var CreatedComponent = createLink(Component);
 var RouterButton = (props) => {
-  return /* @__PURE__ */ jsx4(CreatedButtonLinkComponent, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx4(CreatedComponent, { preload: "intent", ...props });
 };
 
-// src/components/router/RouterLink.tsx
-import { Link } from "@mui/material";
+// 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";
-var MUILinkComponent = React2.forwardRef(
-  (props, ref) => /* @__PURE__ */ jsx5(Link, { ref, ...props })
+var Component2 = React2.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx5(GridActionsCellItem, { ref, component: "a", ...props })
 );
-var CreatedLinkComponent = createLink2(MUILinkComponent);
-var RouterLink = (props) => {
-  return /* @__PURE__ */ jsx5(CreatedLinkComponent, { preload: "intent", ...props });
+var CreatedComponent2 = createLink2(Component2);
+var RouterGridActionsCellItem = (props) => {
+  return /* @__PURE__ */ jsx5(CreatedComponent2, { preload: "intent", ...props });
 };
 
-// src/components/router/RouterTab.tsx
-import { Tab } from "@mui/material";
+// 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 MUITabLinkComponent = React3.forwardRef((props, ref) => /* @__PURE__ */ jsx6(Tab, { ref, component: "a", ...props }));
-var CreatedTabLinkComponent = createLink3(MUITabLinkComponent);
+var Component3 = React3.forwardRef((props, ref) => /* @__PURE__ */ jsx6(IconButton, { ref, component: "a", ...props }));
+var CreatedComponent3 = createLink3(Component3);
+var RouterIconButton = (props) => {
+  return /* @__PURE__ */ jsx6(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 }));
+var CreatedComponent4 = createLink4(Component4);
+var RouterLink = (props) => {
+  return /* @__PURE__ */ jsx7(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 }));
+var CreatedComponent5 = createLink5(Component5);
 var RouterTab = (props) => {
-  return /* @__PURE__ */ jsx6(CreatedTabLinkComponent, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx8(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 jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
 function RouterNotFound() {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsx7(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__ */ jsx7(Typography2, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
-    /* @__PURE__ */ jsx7(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsx7(Typography2, { variant: "h5", component: "span", children: t("Layout.ThisPageCouldNotBeFound") })
+  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") })
   ] }) });
 }
 
 // src/components/router/RouterError.tsx
 import { Box as Box2, Divider as Divider2, Typography as Typography3 } from "@mui/material";
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
 var RouterError = ({ error }) => {
-  return /* @__PURE__ */ jsx8(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__ */ jsx8(Typography3, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "500" }),
-    /* @__PURE__ */ jsx8(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsx8(Typography3, { variant: "h5", component: "span", children: error.message })
+  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 })
   ] }) });
 };
 
@@ -1151,12 +1173,14 @@ function _objectWithoutPropertiesLoose(r, e) {
 
 // node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.js
 var import_prop_types = __toESM(require_prop_types(), 1);
-import * as React4 from "react";
+import * as React6 from "react";
 import { useThemeProps } from "@mui/material/styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 var _excluded = ["localeText"];
-var MuiPickersAdapterContext = /* @__PURE__ */ React4.createContext(null);
-if (process.env.NODE_ENV !== "production") MuiPickersAdapterContext.displayName = "MuiPickersAdapterContext";
+var MuiPickersAdapterContext = /* @__PURE__ */ React6.createContext(null);
+if (process.env.NODE_ENV !== "production") {
+  MuiPickersAdapterContext.displayName = "MuiPickersAdapterContext";
+}
 var LocalizationProvider = function LocalizationProvider2(inProps) {
   const {
     localeText: inLocaleText
@@ -1164,7 +1188,7 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
   const {
     utils: parentUtils,
     localeText: parentLocaleText
-  } = React4.useContext(MuiPickersAdapterContext) ?? {
+  } = React6.useContext(MuiPickersAdapterContext) ?? {
     utils: void 0,
     localeText: void 0
   };
@@ -1182,8 +1206,8 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
     adapterLocale,
     localeText: themeLocaleText
   } = props;
-  const localeText = React4.useMemo(() => _extends({}, themeLocaleText, parentLocaleText, inLocaleText), [themeLocaleText, parentLocaleText, inLocaleText]);
-  const utils = React4.useMemo(() => {
+  const localeText = React6.useMemo(() => _extends({}, themeLocaleText, parentLocaleText, inLocaleText), [themeLocaleText, parentLocaleText, inLocaleText]);
+  const utils = React6.useMemo(() => {
     if (!DateAdapter) {
       if (parentUtils) {
         return parentUtils;
@@ -1201,7 +1225,7 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
     }
     return adapter;
   }, [DateAdapter, adapterLocale, dateFormats, dateLibInstance, parentUtils]);
-  const defaultDates = React4.useMemo(() => {
+  const defaultDates = React6.useMemo(() => {
     if (!utils) {
       return null;
     }
@@ -1210,7 +1234,7 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
       maxDate: utils.date("2099-12-31T00:00:00.000")
     };
   }, [utils]);
-  const contextValue = React4.useMemo(() => {
+  const contextValue = React6.useMemo(() => {
     return {
       utils,
       defaultDates,
@@ -1222,7 +1246,6 @@ 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 |
@@ -1803,26 +1826,26 @@ var LayoutContext = createContext2({});
 var useLayout = () => useContext2(LayoutContext);
 
 // src/components/core/AppTitle.tsx
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 var AppTitle = () => {
   const { appTitle } = useLayout();
   return /* @__PURE__ */ jsxs4(Stack3, { direction: "row", alignItems: "center", spacing: 2, children: [
-    /* @__PURE__ */ jsx9("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
-    /* @__PURE__ */ jsx9(Typography4, { variant: "h6", children: appTitle })
+    /* @__PURE__ */ jsx11("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
+    /* @__PURE__ */ jsx11(Typography4, { variant: "h6", children: appTitle })
   ] });
 };
 
 // src/components/core/DevelopmentBanner.tsx
 import { Close } from "@mui/icons-material";
-import { Fade, Grid, IconButton, Paper, Typography as Typography5 } from "@mui/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 jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 var DevelopmentBanner = ({ hasNavigationRoutes }) => {
   const { t } = useTranslation2();
   const [bannerOpen, setBannerOpen] = useState(true);
   const closeBanner = () => setBannerOpen(false);
-  return /* @__PURE__ */ jsx10(Fade, { appear: false, in: bannerOpen, children: /* @__PURE__ */ jsx10(Paper, { square: true, elevation: 3, tabIndex: -1, sx: {
+  return /* @__PURE__ */ jsx12(Fade, { appear: false, in: bannerOpen, children: /* @__PURE__ */ jsx12(Paper, { square: true, elevation: 3, tabIndex: -1, sx: {
     position: "fixed",
     bottom: 0,
     left: { xs: 0, sm: hasNavigationRoutes ? 83.3 : 0 },
@@ -1833,19 +1856,19 @@ var DevelopmentBanner = ({ hasNavigationRoutes }) => {
     borderTopWidth: 1
   }, children: /* @__PURE__ */ jsxs5(Grid, { container: true, justifyContent: "space-between", alignItems: "center", children: [
     /* @__PURE__ */ jsxs5(Grid, { size: 10, children: [
-      /* @__PURE__ */ jsx10(Typography5, { fontWeight: "bold", children: t("Layout.DevelopmentDialogTitle") }),
-      /* @__PURE__ */ jsx10(Typography5, { variant: "body2", children: t("Layout.DevelopmentDialogContent") })
+      /* @__PURE__ */ jsx12(Typography5, { fontWeight: "bold", children: t("Layout.DevelopmentDialogTitle") }),
+      /* @__PURE__ */ jsx12(Typography5, { variant: "body2", children: t("Layout.DevelopmentDialogContent") })
     ] }),
-    /* @__PURE__ */ jsx10(Grid, { size: 2, sx: { p: 1, textAlign: "right" }, children: /* @__PURE__ */ jsx10(IconButton, { size: "small", onClick: closeBanner, children: /* @__PURE__ */ jsx10(Close, {}) }) })
+    /* @__PURE__ */ jsx12(Grid, { size: 2, sx: { p: 1, textAlign: "right" }, children: /* @__PURE__ */ jsx12(IconButton2, { size: "small", onClick: closeBanner, children: /* @__PURE__ */ jsx12(Close, {}) }) })
   ] }) }) });
 };
 
 // src/components/core/ToolbarAccount.tsx
 import { AccountCircle, ArrowBack, Brightness4, ChevronRight, DarkMode, LightMode, Login, Logout, SettingsBrightness, Translate } from "@mui/icons-material";
-import { Avatar, Box as Box3, IconButton as IconButton2, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Menu, Typography as Typography6, useColorScheme } from "@mui/material";
+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 jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var user = {
   name: "Dalibor Homola",
   employeeId: "C2503017",
@@ -1889,63 +1912,63 @@ var ToolbarAccount = () => {
     setAnchorEl(null);
     setTimeout(() => setTab("settings"), 300);
   };
-  const login = () => user.login();
-  const logout = () => user.logout();
+  const login2 = () => user.login();
+  const logout2 = () => user.logout();
   const changeTab = (newTab) => () => setTab(newTab);
-  const settings = /* @__PURE__ */ jsxs6(List, { component: "nav", subheader: /* @__PURE__ */ jsx11(ListSubheader, { sx: { backgroundColor: "transparent" }, children: t("Layout.Settings") }), children: [
+  const settings = /* @__PURE__ */ jsxs6(List, { component: "nav", subheader: /* @__PURE__ */ jsx13(ListSubheader, { sx: { backgroundColor: "transparent" }, children: t("Layout.Settings") }), children: [
     /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(Brightness4, {}) }),
-      /* @__PURE__ */ jsx11(ListItemText, { primary: t("Layout.Appearance"), secondary: getModeText() }),
-      /* @__PURE__ */ jsx11(ChevronRight, {})
+      /* @__PURE__ */ jsx13(ListItemIcon, { children: /* @__PURE__ */ jsx13(Brightness4, {}) }),
+      /* @__PURE__ */ jsx13(ListItemText, { primary: t("Layout.Appearance"), secondary: getModeText() }),
+      /* @__PURE__ */ jsx13(ChevronRight, {})
     ] }),
     /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(Translate, {}) }),
-      /* @__PURE__ */ jsx11(ListItemText, { primary: t("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
-      /* @__PURE__ */ jsx11(ChevronRight, {})
+      /* @__PURE__ */ jsx13(ListItemIcon, { children: /* @__PURE__ */ jsx13(Translate, {}) }),
+      /* @__PURE__ */ jsx13(ListItemText, { primary: t("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
+      /* @__PURE__ */ jsx13(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__ */ jsx11(IconButton2, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx11(ArrowBack, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsx13(IconButton3, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx13(ArrowBack, { fontSize: "small" }) }),
     " ",
     t("Layout.Appearance")
   ] }), children: [
     /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeMode("light"), disabled: mode === "light", children: [
-      /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(LightMode, {}) }),
-      /* @__PURE__ */ jsx11(ListItemText, { primary: t("Layout.Light") })
+      /* @__PURE__ */ jsx13(ListItemIcon, { children: /* @__PURE__ */ jsx13(LightMode, {}) }),
+      /* @__PURE__ */ jsx13(ListItemText, { primary: t("Layout.Light") })
     ] }),
     /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
-      /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(DarkMode, {}) }),
-      /* @__PURE__ */ jsx11(ListItemText, { primary: t("Layout.Dark") })
+      /* @__PURE__ */ jsx13(ListItemIcon, { children: /* @__PURE__ */ jsx13(DarkMode, {}) }),
+      /* @__PURE__ */ jsx13(ListItemText, { primary: t("Layout.Dark") })
     ] }),
     /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeMode("system"), disabled: mode === "system", children: [
-      /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(SettingsBrightness, {}) }),
-      /* @__PURE__ */ jsx11(ListItemText, { primary: t("Layout.System") })
+      /* @__PURE__ */ jsx13(ListItemIcon, { children: /* @__PURE__ */ jsx13(SettingsBrightness, {}) }),
+      /* @__PURE__ */ jsx13(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__ */ jsx11(IconButton2, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx11(ArrowBack, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsx13(IconButton3, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx13(ArrowBack, { fontSize: "small" }) }),
     " ",
     t("Layout.Language")
   ] }), children: [
-    /* @__PURE__ */ jsx11(ListItemButton, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ jsx11(ListItemText, { primary: "English" }) }),
-    /* @__PURE__ */ jsx11(ListItemButton, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx11(ListItemText, { primary: "\u010Ce\u0161tina" }) })
+    /* @__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" }) })
   ] });
   return /* @__PURE__ */ jsxs6(Fragment, { children: [
-    /* @__PURE__ */ jsx11(IconButton2, { size: "small", onClick: openMenu, children: user.name ? /* @__PURE__ */ jsx11(Avatar, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx11(Typography6, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx11(AccountCircle, {}) }),
-    /* @__PURE__ */ jsx11(Menu, { anchorEl, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs6(Box3, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ jsx11(List, { children: user.name ? /* @__PURE__ */ jsxs6(Fragment, { children: [
-        /* @__PURE__ */ jsx11(ListItem, { children: /* @__PURE__ */ jsx11(ListItemText, { primary: user.name, secondary: /* @__PURE__ */ jsxs6("span", { children: [
-          /* @__PURE__ */ jsx11("span", { children: user.employeeId }),
-          /* @__PURE__ */ jsx11("br", {}),
-          /* @__PURE__ */ jsx11("span", { children: user.department })
+    /* @__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__ */ jsxs6(ListItemButton, { onClick: logout, children: [
-          /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(Logout, { color: "error" }) }),
-          /* @__PURE__ */ jsx11(ListItemText, { primary: t("Layout.Logout") })
+        /* @__PURE__ */ jsxs6(ListItemButton, { onClick: logout2, children: [
+          /* @__PURE__ */ jsx13(ListItemIcon, { children: /* @__PURE__ */ jsx13(Logout, { color: "error" }) }),
+          /* @__PURE__ */ jsx13(ListItemText, { primary: t("Layout.Logout") })
         ] })
-      ] }) : /* @__PURE__ */ jsxs6(ListItemButton, { onClick: login, children: [
-        /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(Login, { color: "success" }) }),
-        /* @__PURE__ */ jsx11(ListItemText, { primary: t("Layout.LogIn") })
+      ] }) : /* @__PURE__ */ jsxs6(ListItemButton, { onClick: login2, children: [
+        /* @__PURE__ */ jsx13(ListItemIcon, { children: /* @__PURE__ */ jsx13(Login, { color: "success" }) }),
+        /* @__PURE__ */ jsx13(ListItemText, { primary: t("Layout.LogIn") })
       ] }) }),
       tab === "settings" && settings,
       tab === "theme" && theme,
@@ -1965,6 +1988,83 @@ import { useTranslation as useTranslation4 } from "react-i18next";
 // src/utils/ClientUtils.ts
 import { useQueryClient } from "@tanstack/react-query";
 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
+};
+var _kc = new Keycloak({
+  url: keycloakConfig.url,
+  realm: keycloakConfig.realm,
+  clientId: keycloakConfig.clientId
+});
+var initKeycloak = async () => {
+  if (typeof window === "undefined") return;
+  const authenticated = await _kc.init({ onLoad: "check-sso" });
+  if (authenticated) {
+    return await loadUserInfo();
+  } else {
+    await _kc.login({ idpHint: keycloakConfig.idpHint });
+    return await loadUserInfo();
+  }
+};
+var login = _kc.login;
+var logout = _kc.logout;
+var getToken = () => {
+  if (_kc.token) {
+    return _kc.token;
+  } else {
+    return getConfidentialToken();
+  }
+};
+var getConfidentialToken = async () => {
+  const { confidentialClientId, confidentialClientSecret, url, realm } = keycloakConfig;
+  if (!confidentialClientId || !confidentialClientSecret)
+    throw new Error("Confidential client id or secret is missing");
+  const credentials = btoa(`${confidentialClientId}:${confidentialClientSecret}`);
+  const urlencoded = new URLSearchParams({ grant_type: "client_credentials" });
+  const response = await fetch(`${url}/realms/${realm}/protocol/openid-connect/token`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded",
+      "Authorization": `Basic ${credentials}`
+    },
+    body: urlencoded
+  });
+  if (!response.ok)
+    throw new Error("Failed to obtain confidential token");
+  const data = await response.json();
+  return data.access_token;
+};
+var updateToken = () => _kc.updateToken(30).catch(login);
+var hasRole = (roles) => roles.some((role) => _kc.hasRealmRole(role) || _kc.hasResourceRole(role));
+var loadUserInfo = async () => {
+  const user2 = await _kc.loadUserInfo();
+  return {
+    name: user2.name,
+    employeeId: user2.employeeId?.toUpperCase() ?? "",
+    department: user2.department ?? "",
+    email: user2.email,
+    company: user2.company,
+    category: user2.category
+  };
+};
+var UserService = {
+  initKeycloak,
+  login,
+  logout,
+  getToken,
+  updateToken,
+  hasRole
+};
+
+// src/utils/ClientUtils.ts
 var Platform = class {
   static isAndroid = /android/i.test(navigator.userAgent);
   static isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
@@ -1997,6 +2097,9 @@ var rootRouteHead = ({ title, themeColor }) => () => ({
 });
 var wczApiClient = axios.create();
 wczApiClient.interceptors.request.use(async (config) => {
+  await UserService.updateToken();
+  const token = await UserService.getToken();
+  config.headers.Authorization = `Bearer ${token}`;
   return config;
 });
 var WISTRON_PRIMARY_COLOR = "#00506E";
@@ -2103,10 +2206,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 jsx12 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var Link2 = forwardRef((props, ref) => {
   const { href, history, ...rest } = props;
-  return /* @__PURE__ */ jsx12(TanstackRouterLink, { ref, to: href, replace: history === "replace", ...rest });
+  return /* @__PURE__ */ jsx14(TanstackRouterLink, { ref, to: href, replace: history === "replace", ...rest });
 });
 var TanstackRouterAppProvider = (props) => {
   const { pathname } = useLocation();
@@ -2119,11 +2222,11 @@ var TanstackRouterAppProvider = (props) => {
     [_navigate]
   );
   const router = useMemo2(() => ({ pathname, searchParams: new URLSearchParams(searchParams), navigate, Link: Link2 }), [pathname, searchParams, navigate]);
-  return /* @__PURE__ */ jsx12(AppProvider, { router, ...props });
+  return /* @__PURE__ */ jsx14(AppProvider, { router, ...props });
 };
 
 // src/providers/LayoutProvider.tsx
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 i18n.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
   fallbackLng: "en",
   interpolation: {
@@ -2145,11 +2248,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__ */ jsx13(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n2.resolvedLanguage, children: /* @__PURE__ */ jsx13(TanstackRouterAppProvider, { navigation, theme, localeText: {
+  return /* @__PURE__ */ jsx15(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n2.resolvedLanguage, children: /* @__PURE__ */ jsx15(TanstackRouterAppProvider, { navigation, theme, localeText: {
     confirm: t("Layout.Confirm"),
     cancel: t("Layout.Cancel"),
     alert: t("Layout.Alert")
-  }, children: /* @__PURE__ */ jsx13(NotificationsProvider, { slotProps: { snackbar: { anchorOrigin: { vertical: isLargeScreen ? "top" : "bottom", horizontal: "center" } } }, children: /* @__PURE__ */ jsx13(LayoutContext.Provider, { value: { appTitle }, children: /* @__PURE__ */ jsxs7(
+  }, children: /* @__PURE__ */ jsx15(NotificationsProvider, { slotProps: { snackbar: { anchorOrigin: { vertical: isLargeScreen ? "top" : "bottom", horizontal: "center" } } }, children: /* @__PURE__ */ jsx15(LayoutContext.Provider, { value: { appTitle }, children: /* @__PURE__ */ jsxs7(
     DashboardLayout,
     {
       defaultSidebarCollapsed: true,
@@ -2161,8 +2264,8 @@ var LayoutProvider = (props) => {
       },
       children: [
         props.children,
-        /* @__PURE__ */ jsx13(DevelopmentBanner, { hasNavigationRoutes: !!navigation.length }),
-        (isFetching || isMutating) && /* @__PURE__ */ jsx13(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+        /* @__PURE__ */ jsx15(DevelopmentBanner, { hasNavigationRoutes: !!navigation.length }),
+        (isFetching || isMutating) && /* @__PURE__ */ jsx15(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
       ]
     }
   ) }) }) }) });
@@ -2187,11 +2290,11 @@ var getFieldStatus = (field) => {
 };
 
 // src/components/form/FormAutocomplete.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     Autocomplete,
     {
       value: field.state.value,
@@ -2200,7 +2303,7 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
       onBlur: field.handleBlur,
       "aria-label": field.name,
       ...autocompleteProps,
-      renderInput: (params) => /* @__PURE__ */ jsx14(
+      renderInput: (params) => /* @__PURE__ */ jsx16(
         TextField,
         {
           ...params,
@@ -2216,15 +2319,15 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
 
 // src/components/form/FormCheckbox.tsx
 import { Checkbox, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
-import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx17, 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__ */ jsx15(
+    /* @__PURE__ */ jsx17(
       FormControlLabel,
       {
-        control: /* @__PURE__ */ jsx15(
+        control: /* @__PURE__ */ jsx17(
           Checkbox,
           {
             name: field.name,
@@ -2238,18 +2341,18 @@ var FormCheckbox = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx15(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx17(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 jsx16 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var FormDatePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     DatePicker,
     {
       name: field.name,
@@ -2273,11 +2376,11 @@ var FormDatePicker = (props) => {
 // src/components/form/FormDateTimePicker.tsx
 import { DateTimePicker } from "@mui/x-date-pickers-pro";
 import dayjs2 from "dayjs";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var FormDateTimePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     DateTimePicker,
     {
       name: field.name,
@@ -2301,11 +2404,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 jsx18 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var FormNumberField = ({ options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx20(
     NumericFormat,
     {
       customInput: TextField2,
@@ -2324,13 +2427,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 jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx21, 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__ */ jsx19(FormLabel, { component: "legend", children: label }),
-    /* @__PURE__ */ jsx19(
+    label && /* @__PURE__ */ jsx21(FormLabel, { component: "legend", children: label }),
+    /* @__PURE__ */ jsx21(
       RadioGroup,
       {
         name: field.name,
@@ -2339,30 +2442,30 @@ var FormRadioGroup = ({ label, options, ...props }) => {
         onBlur: field.handleBlur,
         "aria-label": field.name,
         ...props,
-        children: options.map((option) => /* @__PURE__ */ jsx19(
+        children: options.map((option) => /* @__PURE__ */ jsx21(
           FormControlLabel2,
           {
             value: option.value,
-            control: /* @__PURE__ */ jsx19(Radio, {}),
+            control: /* @__PURE__ */ jsx21(Radio, {}),
             label: option.label
           },
           option.value
         ))
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx19(FormHelperText2, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx21(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 jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx22, 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__ */ jsx20(FormLabel2, { children: label }),
-    /* @__PURE__ */ jsx20(
+    label && /* @__PURE__ */ jsx22(FormLabel2, { children: label }),
+    /* @__PURE__ */ jsx22(
       Slider,
       {
         name: field.name,
@@ -2373,13 +2476,13 @@ var FormSlider = ({ label, ...props }) => {
         ...props
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx20(FormHelperText3, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx22(FormHelperText3, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSubmitButton.tsx
 import { Button as Button2 } from "@mui/material";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var FormSubmitButton = (props) => {
   const form = useFormContext();
   const handleClick = (e) => {
@@ -2387,7 +2490,7 @@ var FormSubmitButton = (props) => {
     e.stopPropagation();
     form.handleSubmit();
   };
-  return /* @__PURE__ */ jsx21(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx23(
     Button2,
     {
       loading: isSubmitting,
@@ -2402,15 +2505,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 jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx24, 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__ */ jsx22(
+    /* @__PURE__ */ jsx24(
       FormControlLabel3,
       {
-        control: /* @__PURE__ */ jsx22(
+        control: /* @__PURE__ */ jsx24(
           Switch,
           {
             name: field.name,
@@ -2424,17 +2527,17 @@ var FormSwitch = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx22(FormHelperText4, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx24(FormHelperText4, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormTextField.tsx
 import { TextField as TextField3 } from "@mui/material";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var FormTextField = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     TextField3,
     {
       name: field.name,
@@ -2642,6 +2745,8 @@ export {
   Platform,
   RouterButton,
   RouterError,
+  RouterGridActionsCellItem,
+  RouterIconButton,
   RouterLink,
   RouterNotFound,
   RouterTab,