wcz-test 4.5.5 → 4.6.0

package/dist/index.d.ts

@@ -5,17 +5,16 @@ import { DropzoneOptions } from 'react-dropzone';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GridValidRowModel, GridRenderCellParams, GridColumnHeaderParams, GridActionsCellItemProps } from '@mui/x-data-grid-premium';
 import { LinkComponent, ErrorComponentProps, LinkOptions } from '@tanstack/react-router';
-import { TFunction } from 'i18next';
-export { t } from 'i18next';
 export { uuidv7 } from 'uuidv7';
 import * as axios from 'axios';
-import * as _tanstack_start_client_core from '@tanstack/start-client-core';
 import { DateTimePickerProps, DatePickerProps } from '@mui/x-date-pickers-pro';
 import { NumericFormatProps, InputAttributes } from 'react-number-format/types/types';
 import * as _tanstack_react_form from '@tanstack/react-form';
 import * as _tanstack_form_core from '@tanstack/form-core';
 export { default as useLocalStorageState } from 'use-local-storage-state';
 export { useTranslation } from 'react-i18next';
+import { TFunction } from 'i18next';
+export { t } from 'i18next';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { DefinedInitialDataOptions, UseMutationOptions } from '@tanstack/react-query';
 import { DetailedError } from 'tus-js-client';
@@ -118,20 +117,6 @@ interface RouterErrorProps {
 }
 declare const RouterError: FC<RouterErrorProps>;
 
-interface User {
-    employeeId: string;
-    name: string;
-    department: string;
-    email?: string;
-    company: string;
-    category: string;
-}
-
-interface NavigationParams {
-    user: User;
-    t: TFunction<"translation", undefined>;
-}
-
 interface NavigationPageItem extends Pick<LinkOptions, "to">, Partial<Pick<LinkOptions, "href" | "params" | "search">> {
     title: string;
     icon: React.ReactNode;
@@ -151,7 +136,7 @@ type NavigationItem = NavigationPageItem | NavigationDivider | NavigationHeader;
 type Navigation = Array<NavigationItem>;
 
 interface ProvidersProps {
-    getNavigation?: (parameters: NavigationParams) => Navigation;
+    navigation?: Navigation;
     theme?: Pick<CssVarsThemeOptions, "colorSchemes" | "components">;
     children: ReactNode;
 }
@@ -203,8 +188,6 @@ declare const rootRouteHead: ({ title }: RootRouteHeadProps) => () => {
 };
 declare const wczApiClient: axios.AxiosInstance;
 
-declare const setSSRLanguage: _tanstack_start_client_core.ServerOnlyFn<[], Promise<void>>;
-
 type FormSubmitButtonProps = Omit<ButtonProps, "loading" | "disabled" | "onClick" | "type">;
 
 type FormOmittedProps = "name" | "value" | "onChange" | "onBlur" | "error" | "helperText" | "renderInput" | "type" | "aria-label";
@@ -349,6 +332,20 @@ declare const useUploadFile: ({ subId, onSuccess, onError }: UseUploadFileProps)
     progress: number;
 };
 
+interface User {
+    employeeId: string;
+    name: string;
+    department: string;
+    email?: string;
+    company: string;
+    category: string;
+}
+
+interface NavigationParams {
+    user: User;
+    t: TFunction<"translation", undefined>;
+}
+
 interface EmailAttachment {
     appName: string;
     subId: string;
@@ -426,4 +423,4 @@ interface Department {
     manager: Employee;
 }
 
-export { ChipInputCell, type Department, type DialogProps, Dropzone, EditableColumnHeader, type Email, type EmailAttachment, type Employee, EmployeeCategoryGroup, EmployeeStatus, type FileMeta, FileViewer, LayoutProvider, type Navigation, type NavigationParams, PageHeader, Platform, RouterButton, RouterError, RouterGridActionsCellItem, RouterIconButton, RouterLink, RouterListItemButton, RouterNotFound, RouterTab, TableContainer, TypographyWithIcon, type User, rootRouteHead, setSSRLanguage, useDeleteFile, useDeleteFiles, useDialogs, useDownloadFile, useFieldContext, useFormContext, useGetFile, useGetFileMetas, useGetFileThumbnail, useLayoutForm, useOpenFile, useUpdateFileMeta, useUploadFile, wczApiClient, withLayoutForm };
+export { ChipInputCell, type Department, type DialogProps, Dropzone, EditableColumnHeader, type Email, type EmailAttachment, type Employee, EmployeeCategoryGroup, EmployeeStatus, type FileMeta, FileViewer, LayoutProvider, type Navigation, type NavigationParams, PageHeader, Platform, RouterButton, RouterError, RouterGridActionsCellItem, RouterIconButton, RouterLink, RouterListItemButton, RouterNotFound, RouterTab, TableContainer, TypographyWithIcon, type User, rootRouteHead, useDeleteFile, useDeleteFiles, useDialogs, useDownloadFile, useFieldContext, useFormContext, useGetFile, useGetFileMetas, useGetFileThumbnail, useLayoutForm, useOpenFile, useUpdateFileMeta, useUploadFile, wczApiClient, withLayoutForm };

package/dist/index.js

@@ -206,7 +206,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment7 = REACT_FRAGMENT_TYPE;
+        var Fragment8 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -265,7 +265,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment7;
+        exports.Fragment = Fragment8;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal;
@@ -2587,8 +2587,7 @@ var AdapterDayjs = class {
 };
 
 // src/providers/LayoutProvider.tsx
-import { useEffect as useEffect6, useState as useState10 } from "react";
-import { useTranslation as useTranslation7 } from "react-i18next";
+import { useEffect as useEffect6 } from "react";
 import * as z from "zod";
 import { cs, en } from "zod/locales";
 
@@ -2662,40 +2661,27 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
   ] });
 }
 
+// src/providers/LayoutProvider.tsx
+import { ThemeProvider } from "@mui/material";
+
 // src/utils/i18n.ts
-import { createIsomorphicFn } from "@tanstack/react-start";
-import { getCookie } from "@tanstack/react-start/server";
 import i18n from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
 import HttpBackend from "i18next-http-backend";
 import { initReactI18next } from "react-i18next";
 import { default as default2 } from "i18next";
-var i18nCookieName = "i18nextLng";
 i18n.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
   fallbackLng: "en",
-  detection: {
-    order: ["cookie"],
-    lookupCookie: i18nCookieName,
-    caches: ["cookie"],
-    cookieMinutes: 60 * 24 * 365
-  },
   interpolation: { escapeValue: false }
 });
-var setSSRLanguage = createIsomorphicFn().server(async () => {
-  const language = getCookie(i18nCookieName);
-  await i18n.changeLanguage(language || "en");
-});
-
-// src/contexts/LayoutContext.ts
-import { createContext as createContext4, useContext as useContext4 } from "react";
-var LayoutContext = createContext4(null);
 
 // src/components/core/Layout.tsx
 import Menu3 from "@mui/icons-material/Menu";
 import MenuOpen from "@mui/icons-material/MenuOpen";
 import { AppBar, Box as Box9, CssBaseline, IconButton as IconButton5, InitColorSchemeScript, LinearProgress, Toolbar } from "@mui/material";
-import { ThemeProvider, styled as styled2 } from "@mui/material/styles";
+import { styled as styled2 } from "@mui/material/styles";
 import { useIsFetching, useIsMutating } from "@tanstack/react-query";
+import { Fragment as Fragment7 } from "react";
 import useLocalStorageState from "use-local-storage-state";
 
 // src/components/core/navigation/NavigationRail.tsx
@@ -3054,25 +3040,6 @@ import Translate from "@mui/icons-material/Translate";
 import { Avatar as Avatar2, Box as Box8, IconButton as IconButton4, List as List4, ListItem as ListItem2, ListItemButton as ListItemButton5, ListItemIcon as ListItemIcon4, ListItemText as ListItemText4, ListSubheader as ListSubheader2, Menu as Menu2, Typography as Typography8, useColorScheme } from "@mui/material";
 import { Fragment as Fragment6, useState as useState9 } from "react";
 import { useTranslation as useTranslation5 } from "react-i18next";
-
-// src/auth-test/keycloak.ts
-import { useRouter } from "@tanstack/react-router";
-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
-};
-function useKeycloak() {
-  const routerContext = useRouter();
-  const keycloak = routerContext.options.context.keycloak;
-  return keycloak;
-}
-
-// src/components/core/ToolbarAccount.tsx
 import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 var ToolbarAccount = () => {
   const [anchorElement, setAnchorElement] = useState9();
@@ -3087,8 +3054,11 @@ var ToolbarAccount = () => {
     setMode(newMode);
     closeMenu();
   };
-  const keycloak = useKeycloak();
-  const user = keycloak.user;
+  const user = {
+    name: "Dalibor Homola",
+    employeeId: "C2503017",
+    department: "IT"
+  };
   const getModeText = () => {
     switch (mode) {
       case "light": {
@@ -3103,7 +3073,7 @@ var ToolbarAccount = () => {
     }
   };
   const usernameInitials = () => {
-    if (!user?.name) return "";
+    if (!user.name) return "";
     const splittedName = user.name.split(" ");
     return `${splittedName[0][0]}${splittedName.length > 1 ? splittedName[1][0] : ""}`;
   };
@@ -3152,19 +3122,19 @@ var ToolbarAccount = () => {
     /* @__PURE__ */ jsx26(ListItemButton5, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx26(ListItemText4, { primary: "\u010Ce\u0161tina" }) })
   ] });
   return /* @__PURE__ */ jsxs14(Fragment6, { children: [
-    /* @__PURE__ */ jsx26(IconButton4, { size: "small", edge: "end", onClick: openMenu, children: user?.name ? /* @__PURE__ */ jsx26(Avatar2, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx26(Typography8, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx26(AccountCircle, { fontSize: "large" }) }),
+    /* @__PURE__ */ jsx26(IconButton4, { size: "small", edge: "end", onClick: openMenu, children: user.name ? /* @__PURE__ */ jsx26(Avatar2, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx26(Typography8, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx26(AccountCircle, { fontSize: "large" }) }),
     /* @__PURE__ */ jsx26(Menu2, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs14(Box8, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ jsx26(List4, { children: user?.name ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
+      /* @__PURE__ */ jsx26(List4, { children: user.name ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
         /* @__PURE__ */ jsx26(ListItem2, { children: /* @__PURE__ */ jsx26(ListItemText4, { primary: user.name, secondary: /* @__PURE__ */ jsxs14("span", { children: [
           /* @__PURE__ */ jsx26("span", { children: user.employeeId }),
           /* @__PURE__ */ jsx26("br", {}),
           /* @__PURE__ */ jsx26("span", { children: user.department })
         ] }) }) }),
-        /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => keycloak.logout(), children: [
+        /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => console.log("Logout"), children: [
           /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Logout, { color: "error" }) }),
           /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Logout") })
         ] })
-      ] }) : /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => keycloak.login(), children: [
+      ] }) : /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => console.log("Login"), children: [
         /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Login, { color: "success" }) }),
         /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.LogIn") })
       ] }) }),
@@ -3175,6 +3145,57 @@ var ToolbarAccount = () => {
   ] });
 };
 
+// src/components/core/Layout.tsx
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+var DrawerHeader = styled2("div")(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  padding: theme.spacing(0, 1),
+  ...theme.mixins.toolbar
+}));
+var Layout = (props) => {
+  const [navigationOpen, setNavigationOpen] = useLocalStorageState("navigationOpen", { defaultServerValue: false });
+  const isFetching = !!useIsFetching();
+  const isMutating = !!useIsMutating();
+  return /* @__PURE__ */ jsxs15(Fragment7, { children: [
+    /* @__PURE__ */ jsx27(InitColorSchemeScript, {}),
+    /* @__PURE__ */ jsx27(CssBaseline, {}),
+    /* @__PURE__ */ jsxs15(Box9, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
+      /* @__PURE__ */ jsx27(
+        AppBar,
+        {
+          color: "transparent",
+          position: "fixed",
+          sx: (theme) => ({
+            borderBottom: "1px solid",
+            borderColor: theme.vars?.palette.divider,
+            boxShadow: "none"
+          }),
+          children: /* @__PURE__ */ jsxs15(Toolbar, { children: [
+            props.navigation && /* @__PURE__ */ jsx27(
+              IconButton5,
+              {
+                onClick: () => setNavigationOpen((previous) => !previous),
+                sx: { marginRight: 2 },
+                children: navigationOpen ? /* @__PURE__ */ jsx27(MenuOpen, {}) : /* @__PURE__ */ jsx27(Menu3, {})
+              }
+            ),
+            /* @__PURE__ */ jsx27(AppTitle, {}),
+            /* @__PURE__ */ jsx27(ToolbarAccount, {})
+          ] })
+        }
+      ),
+      props.navigation && /* @__PURE__ */ jsx27(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
+      /* @__PURE__ */ jsxs15(Box9, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsx27(DrawerHeader, {}),
+        /* @__PURE__ */ jsx27(Box9, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
+      ] })
+    ] }),
+    (isFetching || isMutating) && /* @__PURE__ */ jsx27(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+  ] });
+};
+
 // src/hooks/ThemeHook.ts
 import { createTheme, darken, lighten } from "@mui/material";
 import { grey as grey2 } from "@mui/material/colors";
@@ -3234,6 +3255,8 @@ var csCZGrid = {
   toolbarExportExcel: "St\xE1hnout jako Excel",
   // Toolbar pivot button
   // toolbarPivot: 'Pivot',
+  // Toolbar charts button
+  // toolbarCharts: 'Charts',
   // Toolbar AI Assistant button
   // toolbarAssistant: 'AI Assistant',
   // Columns management text
@@ -3313,6 +3336,7 @@ var csCZGrid = {
   columnMenuSortAsc: "Se\u0159adit vzestupn\u011B",
   columnMenuSortDesc: "Se\u0159adit sestupn\u011B",
   // columnMenuManagePivot: 'Manage pivot',
+  // columnMenuManageCharts: 'Manage charts',
   // Column header text
   columnHeaderFiltersTooltipActive: (count) => {
     let pluralForm = "aktivn\xEDch filtr\u016F";
@@ -3401,6 +3425,7 @@ var csCZGrid = {
   rowReorderingHeaderName: "P\u0159euspo\u0159\xE1d\xE1v\xE1n\xED \u0159\xE1dk\u016F",
   // Aggregation
   aggregationMenuItemHeader: "Seskupov\xE1n\xED",
+  // aggregationFunctionLabelNone: 'none',
   aggregationFunctionLabelSum: "sou\u010Det",
   aggregationFunctionLabelAvg: "pr\u016Fm\u011Br",
   aggregationFunctionLabelMin: "min",
@@ -3434,6 +3459,31 @@ var csCZGrid = {
   // pivotDragToValues: 'Drag here to create values',
   // pivotYearColumnHeaderName: '(Year)',
   // pivotQuarterColumnHeaderName: '(Quarter)',
+  // Charts configuration panel
+  // chartsNoCharts: 'There are no charts available',
+  // chartsChartNotSelected: 'Select a chart type to configure its options',
+  // chartsTabChart: 'Chart',
+  // chartsTabFields: 'Fields',
+  // chartsTabCustomize: 'Customize',
+  // chartsCloseButton: 'Close charts configuration',
+  // chartsSyncButtonLabel: 'Sync chart',
+  // chartsSearchPlaceholder: 'Search fields',
+  // chartsSearchLabel: 'Search fields',
+  // chartsSearchClear: 'Clear search',
+  // chartsNoFields: 'No fields',
+  // chartsFieldBlocked: 'This field cannot be added to any section',
+  // chartsCategories: 'Categories',
+  // chartsSeries: 'Series',
+  // chartsMenuAddToDimensions: (dimensionLabel: string) => `Add to ${dimensionLabel}`,
+  // chartsMenuAddToValues: (valuesLabel: string) => `Add to ${valuesLabel}`,
+  // chartsMenuMoveUp: 'Move up',
+  // chartsMenuMoveDown: 'Move down',
+  // chartsMenuMoveToTop: 'Move to top',
+  // chartsMenuMoveToBottom: 'Move to bottom',
+  // chartsMenuOptions: 'Field options',
+  // chartsMenuRemove: 'Remove',
+  // chartsDragToDimensions: (dimensionLabel: string) => `Drag here to use column as ${dimensionLabel}`,
+  // chartsDragToValues: (valuesLabel: string) => `Drag here to use column as ${valuesLabel}`,
   // AI Assistant panel
   // aiAssistantPanelTitle: 'AI Assistant',
   // aiAssistantPanelClose: 'Close AI Assistant',
@@ -3516,6 +3566,8 @@ var GRID_DEFAULT_LOCALE_TEXT = {
   toolbarExportExcel: "Download as Excel",
   // Toolbar pivot button
   toolbarPivot: "Pivot",
+  // Toolbar charts button
+  toolbarCharts: "Charts",
   // Toolbar AI Assistant button
   toolbarAssistant: "AI Assistant",
   // Columns management text
@@ -3595,6 +3647,7 @@ var GRID_DEFAULT_LOCALE_TEXT = {
   columnMenuSortAsc: "Sort by ASC",
   columnMenuSortDesc: "Sort by DESC",
   columnMenuManagePivot: "Manage pivot",
+  columnMenuManageCharts: "Manage charts",
   // Column header text
   columnHeaderFiltersTooltipActive: (count) => count !== 1 ? `${count} active filters` : `${count} active filter`,
   columnHeaderFiltersLabel: "Show filters",
@@ -3662,6 +3715,7 @@ var GRID_DEFAULT_LOCALE_TEXT = {
   rowReorderingHeaderName: "Row reordering",
   // Aggregation
   aggregationMenuItemHeader: "Aggregation",
+  aggregationFunctionLabelNone: "none",
   aggregationFunctionLabelSum: "sum",
   aggregationFunctionLabelAvg: "avg",
   aggregationFunctionLabelMin: "min",
@@ -3695,6 +3749,31 @@ var GRID_DEFAULT_LOCALE_TEXT = {
   pivotDragToValues: "Drag here to create values",
   pivotYearColumnHeaderName: "(Year)",
   pivotQuarterColumnHeaderName: "(Quarter)",
+  // Charts configuration panel
+  chartsNoCharts: "There are no charts available",
+  chartsChartNotSelected: "Select a chart type to configure its options",
+  chartsTabChart: "Chart",
+  chartsTabFields: "Fields",
+  chartsTabCustomize: "Customize",
+  chartsCloseButton: "Close charts configuration",
+  chartsSyncButtonLabel: "Sync chart",
+  chartsSearchPlaceholder: "Search fields",
+  chartsSearchLabel: "Search fields",
+  chartsSearchClear: "Clear search",
+  chartsNoFields: "No fields",
+  chartsFieldBlocked: "This field cannot be added to any section",
+  chartsCategories: "Categories",
+  chartsSeries: "Series",
+  chartsMenuAddToDimensions: (dimensionLabel) => `Add to ${dimensionLabel}`,
+  chartsMenuAddToValues: (valuesLabel) => `Add to ${valuesLabel}`,
+  chartsMenuMoveUp: "Move up",
+  chartsMenuMoveDown: "Move down",
+  chartsMenuMoveToTop: "Move to top",
+  chartsMenuMoveToBottom: "Move to bottom",
+  chartsMenuOptions: "Field options",
+  chartsMenuRemove: "Remove",
+  chartsDragToDimensions: (dimensionLabel) => `Drag here to use column as ${dimensionLabel}`,
+  chartsDragToValues: (valuesLabel) => `Drag here to use column as ${valuesLabel}`,
   // AI Assistant panel
   aiAssistantPanelTitle: "AI Assistant",
   aiAssistantPanelClose: "Close AI Assistant",
@@ -3883,68 +3962,20 @@ var useGetTheme = (theme) => {
   );
 };
 
-// src/components/core/Layout.tsx
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
-var DrawerHeader = styled2("div")(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "flex-end",
-  padding: theme.spacing(0, 1),
-  ...theme.mixins.toolbar
-}));
-var Layout = (props) => {
-  const theme = useGetTheme(props.theme);
-  const [navigationOpen, setNavigationOpen] = useLocalStorageState("navigationOpen", { defaultServerValue: false });
-  const isFetching = !!useIsFetching();
-  const isMutating = !!useIsMutating();
-  return /* @__PURE__ */ jsxs15(ThemeProvider, { theme, children: [
-    /* @__PURE__ */ jsx27(InitColorSchemeScript, {}),
-    /* @__PURE__ */ jsx27(CssBaseline, {}),
-    /* @__PURE__ */ jsxs15(Box9, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
-      /* @__PURE__ */ jsx27(
-        AppBar,
-        {
-          color: "transparent",
-          position: "fixed",
-          sx: {
-            borderBottom: "1px solid",
-            borderColor: theme.vars?.palette.divider,
-            boxShadow: "none"
-          },
-          children: /* @__PURE__ */ jsxs15(Toolbar, { children: [
-            props.navigation && /* @__PURE__ */ jsx27(
-              IconButton5,
-              {
-                onClick: () => setNavigationOpen((previous) => !previous),
-                sx: { marginRight: 2 },
-                children: navigationOpen ? /* @__PURE__ */ jsx27(MenuOpen, {}) : /* @__PURE__ */ jsx27(Menu3, {})
-              }
-            ),
-            /* @__PURE__ */ jsx27(AppTitle, {}),
-            /* @__PURE__ */ jsx27(ToolbarAccount, {})
-          ] })
-        }
-      ),
-      props.navigation && /* @__PURE__ */ jsx27(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
-      /* @__PURE__ */ jsxs15(Box9, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
-        /* @__PURE__ */ jsx27(DrawerHeader, {}),
-        /* @__PURE__ */ jsx27(Box9, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
-      ] })
-    ] }),
-    (isFetching || isMutating) && /* @__PURE__ */ jsx27(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
-  ] });
-};
-
 // src/providers/LayoutProvider.tsx
 import { jsx as jsx28 } from "react/jsx-runtime";
-var LayoutProvider = (props) => {
-  const [user, setUser] = useState10({ employeeId: "", name: "Unknown", department: "", company: "", category: "" });
-  const { t: t2 } = useTranslation7();
-  const navigation = props.getNavigation?.({ user, t: t2 });
+var LayoutProvider = ({ navigation, theme, children }) => {
+  const createdTheme = useGetTheme(theme);
   useEffect6(() => {
-    z.config(default2.resolvedLanguage === "cs" ? cs() : en());
+    const handler = () => {
+      z.config(default2.resolvedLanguage === "cs" ? cs() : en());
+    };
+    default2.on("languageChanged", handler);
+    return () => {
+      default2.off("languageChanged", handler);
+    };
   }, []);
-  return /* @__PURE__ */ jsx28(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: default2.resolvedLanguage, children: /* @__PURE__ */ jsx28(LayoutContext.Provider, { value: { user: { get: user, set: setUser } }, children: /* @__PURE__ */ jsx28(Layout, { navigation, theme: props.theme, children: /* @__PURE__ */ jsx28(DialogsProvider, { children: props.children }) }) }) });
+  return /* @__PURE__ */ jsx28(ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ jsx28(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: default2.resolvedLanguage, children: /* @__PURE__ */ jsx28(DialogsProvider, { children: /* @__PURE__ */ jsx28(Layout, { navigation, children }) }) }) });
 };
 
 // src/index.ts
@@ -4251,7 +4282,7 @@ var { useAppForm: useLayoutForm, withForm: withLayoutForm } = createFormHook({
 
 // src/index.ts
 import { default as default3 } from "use-local-storage-state";
-import { useTranslation as useTranslation8 } from "react-i18next";
+import { useTranslation as useTranslation7 } from "react-i18next";
 import { t } from "i18next";
 export {
   ChipInputCell,
@@ -4272,7 +4303,6 @@ export {
   TableContainer,
   TypographyWithIcon,
   rootRouteHead,
-  setSSRLanguage,
   t,
   useDeleteFile,
   useDeleteFiles,
@@ -4286,7 +4316,7 @@ export {
   useLayoutForm,
   default3 as useLocalStorageState,
   useOpenFile,
-  useTranslation8 as useTranslation,
+  useTranslation7 as useTranslation,
   useUpdateFileMeta,
   useUploadFile,
   uuidv72 as uuidv7,