wcz-layout 6.2.2 → 6.2.4

package/dist/src/components/Button.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from "@mui/material";
+import React from "react";
+export declare const Button: React.FC<ButtonProps>;

package/dist/src/components/Button.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button as MaterialButton } from "@mui/material";
+import { useIsFetching, useIsMutating } from "@tanstack/react-query";
+export const Button = props => {
+    const isFetching = !!useIsFetching();
+    const isMutating = !!useIsMutating();
+    return _jsx(MaterialButton, { ...props, disabled: isFetching || isMutating || props.disabled });
+};
+//# sourceMappingURL=Button.js.map

package/dist/src/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAe,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGrE,MAAM,CAAC,MAAM,MAAM,GAA0B,KAAK,CAAC,EAAE;IACjD,MAAM,UAAU,GAAG,CAAC,CAAC,aAAa,EAAE,CAAC;IACrC,MAAM,UAAU,GAAG,CAAC,CAAC,aAAa,EAAE,CAAC;IAErC,OAAO,KAAC,cAAc,OAAK,KAAK,EAAE,QAAQ,EAAE,UAAU,IAAI,UAAU,IAAI,KAAK,CAAC,QAAQ,GAAI,CAAC;AAC/F,CAAC,CAAC","sourcesContent":["import { Button as MaterialButton, ButtonProps } from \"@mui/material\";\r\nimport { useIsFetching, useIsMutating } from \"@tanstack/react-query\";\r\nimport React from \"react\";\r\n\r\nexport const Button: React.FC<ButtonProps> = props => {\r\n    const isFetching = !!useIsFetching();\r\n    const isMutating = !!useIsMutating();\r\n\r\n    return <MaterialButton {...props} disabled={isFetching || isMutating || props.disabled} />;\r\n};"]}

package/dist/src/components/Dialog.js

@@ -1,19 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Close } from "@mui/icons-material";
-import { AppBar, Dialog as MaterialDialog, DialogActions, DialogContent, DialogTitle, Grid, IconButton, LinearProgress, Toolbar, Typography, useMediaQuery } from "@mui/material";
+import { AppBar, DialogActions, DialogContent, DialogTitle, Grid, IconButton, Dialog as MaterialDialog, Toolbar, Typography, useMediaQuery } from "@mui/material";
 import { useTheme } from "@mui/material/styles";
-import { useIsFetching, useIsMutating } from "@tanstack/react-query";
 import { Fragment } from "react";
 import { LayoutSnackbar } from "./LayoutSnackbar";
 export const Dialog = ({ open, onClose, title, subtitle, children, color, maxWidth, actions, disablePadding, disableAutoClose }) => {
     const theme = useTheme();
     const fullScreen = useMediaQuery(theme.breakpoints.down("sm"));
-    const isFetching = !!useIsFetching();
-    const isMutating = !!useIsMutating();
     return (_jsxs(MaterialDialog, { open: open, onClose: disableAutoClose ? undefined : onClose, fullScreen: fullScreen, fullWidth: true, maxWidth: maxWidth, children: [fullScreen ?
-                _jsxs(Fragment, { children: [_jsx(AppBar, { sx: { position: "relative", bgcolor: `${color}.main` }, children: _jsxs(Toolbar, { children: [_jsxs(Typography, { sx: { flex: 1 }, variant: "h6", children: [title, subtitle && _jsx(Typography, { variant: "body2", sx: { opacity: 0.5 }, children: subtitle })] }), _jsx(IconButton, { edge: "start", onClick: onClose, children: _jsx(Close, { sx: { color: `${color}.contrastText` } }) })] }) }), (isFetching || isMutating) && _jsx(LinearProgress, { color: color === "default" ? undefined : color })] })
+                _jsx(Fragment, { children: _jsx(AppBar, { sx: { position: "relative", bgcolor: `${color}.main` }, children: _jsxs(Toolbar, { children: [_jsxs(Typography, { sx: { flex: 1 }, variant: "h6", children: [title, subtitle && _jsx(Typography, { variant: "body2", sx: { opacity: 0.5 }, children: subtitle })] }), _jsx(IconButton, { edge: "start", onClick: onClose, children: _jsx(Close, { sx: { color: `${color}.contrastText` } }) })] }) }) })
                 :
-                    _jsxs(Fragment, { children: [_jsxs(Grid, { container: true, justifyContent: "space-between", sx: { bgcolor: `${color}.main`, color: `${color}.contrastText` }, children: [_jsx(Grid, { item: true, xs: true, children: _jsxs(DialogTitle, { children: [title, subtitle && _jsx(Typography, { variant: "body2", sx: { opacity: 0.5 }, children: subtitle })] }) }), _jsx(Grid, { item: true, xs: 2, sx: { p: 1, textAlign: "right" }, children: _jsx(IconButton, { onClick: onClose, children: _jsx(Close, { fontSize: "small", sx: { color: `${color}.contrastText` } }) }) })] }), (isFetching || isMutating) && _jsx(LinearProgress, { color: color === "default" ? undefined : color })] }), disablePadding ? children : _jsx(DialogContent, { children: children }), actions &&
+                    _jsx(Fragment, { children: _jsxs(Grid, { container: true, justifyContent: "space-between", sx: { bgcolor: `${color}.main`, color: `${color}.contrastText` }, children: [_jsx(Grid, { item: true, xs: true, children: _jsxs(DialogTitle, { children: [title, subtitle && _jsx(Typography, { variant: "body2", sx: { opacity: 0.5 }, children: subtitle })] }) }), _jsx(Grid, { item: true, xs: 2, sx: { p: 1, textAlign: "right" }, children: _jsx(IconButton, { onClick: onClose, children: _jsx(Close, { fontSize: "small", sx: { color: `${color}.contrastText` } }) }) })] }) }), disablePadding ? children : _jsx(DialogContent, { children: children }), actions &&
                 _jsx(DialogActions, { children: actions.map(action => action) }), _jsx(LayoutSnackbar, {})] }));
 };
 //# sourceMappingURL=Dialog.js.map

package/dist/src/components/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Close } from \"@mui/icons-material\";\r\nimport { AppBar, Breakpoint, Dialog as MaterialDialog, DialogActions, DialogContent, DialogTitle, Grid, IconButton, LinearProgress, Toolbar, Typography, useMediaQuery } from \"@mui/material\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { useIsFetching, useIsMutating } from \"@tanstack/react-query\";\r\nimport { Fragment, ReactNode } from \"react\";\r\nimport { LayoutSnackbar } from \"./LayoutSnackbar\";\r\n\r\ninterface DialogProps {\r\n    children?: ReactNode,\r\n    title: string | ReactNode;\r\n    subtitle?: string | ReactNode;\r\n    open: boolean;\r\n    onClose: () => void;\r\n    color?: \"success\" | \"info\" | \"warning\" | \"error\" | \"primary\" | \"secondary\" | \"inherit\" | \"default\";\r\n    maxWidth?: Breakpoint;\r\n    actions?: ReactNode[];\r\n    disablePadding?: boolean;\r\n    disableAutoClose?: boolean;\r\n}\r\n\r\nexport const Dialog: React.FC<DialogProps> = ({ open, onClose, title, subtitle, children, color, maxWidth, actions, disablePadding, disableAutoClose }) => {\r\n    const theme = useTheme();\r\n    const fullScreen = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n    const isFetching = !!useIsFetching();\r\n    const isMutating = !!useIsMutating();\r\n\r\n    return (\r\n        <MaterialDialog open={open} onClose={disableAutoClose ? undefined : onClose} fullScreen={fullScreen} fullWidth maxWidth={maxWidth}>\r\n            {fullScreen ?\r\n                <Fragment>\r\n                    <AppBar sx={{ position: \"relative\", bgcolor: `${color}.main` }}>\r\n                        <Toolbar>\r\n                            <Typography sx={{ flex: 1 }} variant=\"h6\">\r\n                                {title}\r\n                                {subtitle && <Typography variant=\"body2\" sx={{ opacity: 0.5 }}>{subtitle}</Typography>}\r\n                                </Typography>\r\n                            <IconButton edge=\"start\" onClick={onClose}>\r\n                                <Close sx={{ color: `${color}.contrastText` }} />\r\n                            </IconButton>\r\n                        </Toolbar>\r\n                    </AppBar>\r\n                    {(isFetching || isMutating) && <LinearProgress color={color === \"default\" ? undefined : color} />}\r\n                </Fragment>\r\n                :\r\n                <Fragment>\r\n                    <Grid container justifyContent=\"space-between\" sx={{ bgcolor: `${color}.main`, color: `${color}.contrastText` }}>\r\n                        <Grid item xs>\r\n                            <DialogTitle>\r\n                                {title}\r\n                                {subtitle && <Typography variant=\"body2\" sx={{ opacity: 0.5 }}>{subtitle}</Typography>}\r\n                            </DialogTitle>\r\n                        </Grid>\r\n\r\n                        <Grid item xs={2} sx={{ p: 1, textAlign: \"right\" }}>\r\n                            <IconButton onClick={onClose}>\r\n                                <Close fontSize=\"small\" sx={{ color: `${color}.contrastText` }} />\r\n                            </IconButton>\r\n                        </Grid>\r\n                    </Grid>\r\n                    {(isFetching || isMutating) && <LinearProgress color={color === \"default\" ? undefined : color} />}\r\n                </Fragment>\r\n            }\r\n\r\n            {disablePadding ? children : <DialogContent>{children}</DialogContent>}\r\n\r\n            {actions &&\r\n                <DialogActions>\r\n                    {actions.map(action => action)}\r\n                </DialogActions>\r\n            }\r\n\r\n            <LayoutSnackbar />\r\n        </MaterialDialog>\r\n    );\r\n};\r\n"]}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Close } from \"@mui/icons-material\";\r\nimport { AppBar, Breakpoint, DialogActions, DialogContent, DialogTitle, Grid, IconButton, Dialog as MaterialDialog, Toolbar, Typography, useMediaQuery } from \"@mui/material\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { Fragment, ReactNode } from \"react\";\r\nimport { LayoutSnackbar } from \"./LayoutSnackbar\";\r\n\r\ninterface DialogProps {\r\n    children?: ReactNode,\r\n    title: string | ReactNode;\r\n    subtitle?: string | ReactNode;\r\n    open: boolean;\r\n    onClose: () => void;\r\n    color?: \"success\" | \"info\" | \"warning\" | \"error\" | \"primary\" | \"secondary\" | \"inherit\" | \"default\";\r\n    maxWidth?: Breakpoint;\r\n    actions?: ReactNode[];\r\n    disablePadding?: boolean;\r\n    disableAutoClose?: boolean;\r\n}\r\n\r\nexport const Dialog: React.FC<DialogProps> = ({ open, onClose, title, subtitle, children, color, maxWidth, actions, disablePadding, disableAutoClose }) => {\r\n    const theme = useTheme();\r\n    const fullScreen = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n\r\n    return (\r\n        <MaterialDialog open={open} onClose={disableAutoClose ? undefined : onClose} fullScreen={fullScreen} fullWidth maxWidth={maxWidth}>\r\n            {fullScreen ?\r\n                <Fragment>\r\n                    <AppBar sx={{ position: \"relative\", bgcolor: `${color}.main` }}>\r\n                        <Toolbar>\r\n                            <Typography sx={{ flex: 1 }} variant=\"h6\">\r\n                                {title}\r\n                                {subtitle && <Typography variant=\"body2\" sx={{ opacity: 0.5 }}>{subtitle}</Typography>}\r\n                                </Typography>\r\n                            <IconButton edge=\"start\" onClick={onClose}>\r\n                                <Close sx={{ color: `${color}.contrastText` }} />\r\n                            </IconButton>\r\n                        </Toolbar>\r\n                    </AppBar>\r\n                </Fragment>\r\n                :\r\n                <Fragment>\r\n                    <Grid container justifyContent=\"space-between\" sx={{ bgcolor: `${color}.main`, color: `${color}.contrastText` }}>\r\n                        <Grid item xs>\r\n                            <DialogTitle>\r\n                                {title}\r\n                                {subtitle && <Typography variant=\"body2\" sx={{ opacity: 0.5 }}>{subtitle}</Typography>}\r\n                            </DialogTitle>\r\n                        </Grid>\r\n\r\n                        <Grid item xs={2} sx={{ p: 1, textAlign: \"right\" }}>\r\n                            <IconButton onClick={onClose}>\r\n                                <Close fontSize=\"small\" sx={{ color: `${color}.contrastText` }} />\r\n                            </IconButton>\r\n                        </Grid>\r\n                    </Grid>\r\n                </Fragment>\r\n            }\r\n\r\n            {disablePadding ? children : <DialogContent>{children}</DialogContent>}\r\n\r\n            {actions &&\r\n                <DialogActions>\r\n                    {actions.map(action => action)}\r\n                </DialogActions>\r\n            }\r\n\r\n            <LayoutSnackbar />\r\n        </MaterialDialog>\r\n    );\r\n};\r\n"]}

package/dist/src/components/Layout.js

@@ -58,7 +58,7 @@ const getAllRoutesWithPath = (routes) => {
     return result;
 };
 export const Layout = ({ routes, colors, appVersion, user, notifications, setNotifications, children }) => {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
     const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
     const [mode, setMode] = useLocalStorageState("mui-mode", { defaultValue: "system" });
     const [leftDrawerOpen, setLeftDrawerOpen] = useState(false);
@@ -82,12 +82,13 @@ export const Layout = ({ routes, colors, appVersion, user, notifications, setNot
             }
         }
     };
+    const resolvedMode = mode === "system" ? (prefersDarkMode ? "dark" : "light") : mode;
     const theme = createTheme({
         palette: {
-            mode: mode === "system" ? prefersDarkMode ? "dark" : "light" : mode,
-            primary: colors.primary,
-            secondary: colors.secondary,
-            background: (_a = colors.background) !== null && _a !== void 0 ? _a : {},
+            mode: resolvedMode,
+            primary: { main: ((_a = colors.primary) === null || _a === void 0 ? void 0 : _a[resolvedMode]) || ((_b = colors.primary) === null || _b === void 0 ? void 0 : _b.main), },
+            secondary: { main: ((_c = colors.secondary) === null || _c === void 0 ? void 0 : _c[resolvedMode]) || ((_d = colors.secondary) === null || _d === void 0 ? void 0 : _d.main), },
+            background: resolvedMode === "light" && colors.background ? { default: colors.background.default, paper: colors.background.paper, } : {},
         },
         components: {
             MuiCssBaseline: {
@@ -116,7 +117,7 @@ export const Layout = ({ routes, colors, appVersion, user, notifications, setNot
             },
         },
     }, i18n.language === "cs" ? datePickersCsCz : datePickersEnUs, i18n.language === "cs" ? dataGridCsCz : dataGridEnUs, i18n.language === "cs" ? csCZ : enUS);
-    const title = (_b = route.pageTitle) !== null && _b !== void 0 ? _b : route.title;
+    const title = (_e = route.pageTitle) !== null && _e !== void 0 ? _e : route.title;
     useEffect(() => {
         if (title)
             document.title = title;

package/dist/src/components/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/Layout.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Menu } from \"@mui/icons-material\";\r\nimport { Box, Chip, CssBaseline, IconButton, LinearProgress, AppBar as MuiAppBar, AppBarProps as MuiAppBarProps, Theme, Toolbar, Typography, useMediaQuery } from \"@mui/material\";\r\nimport { grey } from \"@mui/material/colors\";\r\nimport { csCZ, enUS } from \"@mui/material/locale\";\r\nimport { ThemeProvider, createTheme, styled } from \"@mui/material/styles\";\r\nimport { csCZ as dataGridCsCz, enUS as dataGridEnUs } from \"@mui/x-data-grid-premium/locales\";\r\nimport { csCZ as datePickersCsCz, enUS as datePickersEnUs } from \"@mui/x-date-pickers-pro/locales\";\r\nimport { useIsFetching, useIsMutating } from \"@tanstack/react-query\";\r\nimport React, { Dispatch, SetStateAction, useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { matchPath, useLocation } from \"react-router-dom\";\r\nimport { LayoutPaletteColorOptions } from \"../models/LayoutPaletteColorOptions\";\r\nimport { LayoutRoute } from \"../models/LayoutRoute\";\r\nimport Notification from \"../models/Notification\";\r\nimport { User } from \"../models/User\";\r\nimport { environment } from \"../utils/Helpers\";\r\nimport { doLogin, initKeycloak, keycloak } from \"../utils/UserService\";\r\nimport { AccountMenu } from \"./layout/AccountMenu\";\r\nimport { DevelopmentBanner } from \"./layout/DevelopmentBanner\";\r\nimport { NavigationDrawer } from \"./layout/NavigationDrawer\";\r\nimport { NotificationMenu } from \"./layout/NotificationMenu\";\r\nimport { Unauthorized } from \"./layout/Unauthorized\";\r\nimport useLocalStorageState from \"use-local-storage-state\";\r\n\r\n//Drawer\r\nconst drawerWidth = 240;\r\nconst DrawerHeader = styled(\"div\")(({ theme }) => ({\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"flex-end\",\r\n    padding: theme.spacing(0, 1),\r\n    // necessary for content to be below app bar\r\n    ...theme.mixins.toolbar,\r\n}));\r\n\r\n//AppBar\r\ninterface AppBarProps extends MuiAppBarProps {\r\n    open?: boolean;\r\n}\r\n\r\nconst AppBar = styled(MuiAppBar, {\r\n    shouldForwardProp: (prop) => prop !== \"open\",\r\n})<AppBarProps>(({ theme, open }) => ({\r\n    zIndex: theme.zIndex.drawer + 1,\r\n    transition: theme.transitions.create([\"width\", \"margin\"], {\r\n        easing: theme.transitions.easing.sharp,\r\n        duration: theme.transitions.duration.leavingScreen,\r\n    }),\r\n    ...(open && {\r\n        marginLeft: drawerWidth,\r\n        width: `calc(100% - ${drawerWidth}px)`,\r\n        transition: theme.transitions.create([\"width\", \"margin\"], {\r\n            easing: theme.transitions.easing.sharp,\r\n            duration: theme.transitions.duration.enteringScreen,\r\n        }),\r\n    }),\r\n}));\r\n\r\nconst getAllRoutesWithPath = (routes: LayoutRoute[]): LayoutRoute[] => {\r\n    let result: LayoutRoute[] = [];\r\n    for (const route of routes) {\r\n        if (route.path) {\r\n            result.push(route);\r\n        }\r\n        if (route.children) {\r\n            result = result.concat(getAllRoutesWithPath(route.children));\r\n        }\r\n    }\r\n    return result;\r\n};\r\n\r\ninterface LayoutProps {\r\n    routes: LayoutRoute[];\r\n    appVersion: string;\r\n    colors: LayoutPaletteColorOptions;\r\n    children: React.ReactNode;\r\n    user: User;\r\n    notifications: Notification[] | undefined;\r\n    setNotifications: Dispatch<SetStateAction<Notification[] | undefined>>;\r\n}\r\n\r\nexport const Layout: React.FC<LayoutProps> = ({ routes, colors, appVersion, user, notifications, setNotifications, children }) => {\r\n    const prefersDarkMode: boolean = useMediaQuery(\"(prefers-color-scheme: dark)\");\r\n    const [mode, setMode] = useLocalStorageState<\"light\" | \"dark\" | \"system\">(\"mui-mode\", { defaultValue: \"system\" });\r\n    const [leftDrawerOpen, setLeftDrawerOpen] = useState<boolean>(false);\r\n    const { i18n } = useTranslation();\r\n    const isFetching = !!useIsFetching();\r\n    const isMutating = !!useIsMutating();\r\n    const location = useLocation();\r\n    const navigationRoutes = getAllRoutesWithPath(routes);\r\n    const route = navigationRoutes.find(r => matchPath(r.path!, location.pathname))!;\r\n\r\n    useEffect(() => {\r\n        if (route.authenticated !== false && !user.isLoggedIn)\r\n            initKeycloak();\r\n    }, [route, user]);\r\n\r\n    keycloak.onTokenExpired = async () => {\r\n        try {\r\n            await keycloak.updateToken(30);\r\n        } catch {\r\n            if (route.authenticated !== false) {\r\n                await doLogin();\r\n            }\r\n        }\r\n    };\r\n\r\n    const theme: Theme = createTheme({\r\n        palette: {\r\n            mode: mode === \"system\" ? prefersDarkMode ? \"dark\" : \"light\" : mode,\r\n            primary: colors.primary,\r\n            secondary: colors.secondary,\r\n            background: colors.background ?? {},\r\n        },\r\n        components: {\r\n            MuiCssBaseline: {\r\n                styleOverrides: (theme) => ({\r\n                    body: {\r\n                        \"&::-webkit-scrollbar, & *::-webkit-scrollbar\": {\r\n                            width: \"0.7em\",\r\n                            height: \"0.7em\",\r\n                        },\r\n                        \"&::-webkit-scrollbar-track, & *::-webkit-scrollbar-track\": {\r\n                            backgroundColor: theme.palette.mode === \"dark\" ? grey[900] : grey[200],\r\n                            borderRadius: \"5px\",\r\n                        },\r\n                        \"&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb\": {\r\n                            backgroundColor: theme.palette.mode === \"dark\" ? grey[800] : grey[400],\r\n                            borderRadius: \"10px\",\r\n                        },\r\n                        \"&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover\": {\r\n                            backgroundColor: theme.palette.mode === \"dark\" ? grey[700] : grey[500],\r\n                        },\r\n                        \"&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner\": {\r\n                            backgroundColor: \"transparent\",\r\n                        },\r\n                    },\r\n                }),\r\n            },\r\n        },\r\n    },\r\n        i18n.language === \"cs\" ? datePickersCsCz : datePickersEnUs,\r\n        i18n.language === \"cs\" ? dataGridCsCz : dataGridEnUs,\r\n        i18n.language === \"cs\" ? csCZ : enUS\r\n    );\r\n\r\n    const title = route.pageTitle ?? route.title;\r\n\r\n    useEffect(() => {\r\n        if (title) document.title = title;\r\n    }, [title]);\r\n\r\n    const toggleNavigationDrawer = () => setLeftDrawerOpen(!leftDrawerOpen);\r\n\r\n    const hasNavigationRoutes: boolean = navigationRoutes.filter(route => route.showInMenu && !route.disabled).length > 1;\r\n\r\n    return (\r\n        <ThemeProvider theme={theme}>\r\n            <Box sx={{ display: \"flex\", position: \"sticky\" }}>\r\n                <CssBaseline />\r\n                <AppBar position=\"fixed\" open={leftDrawerOpen}>\r\n                    <Toolbar>\r\n                        <IconButton color=\"inherit\" onClick={toggleNavigationDrawer} edge=\"start\" sx={{ marginRight: 2, ...((leftDrawerOpen || !hasNavigationRoutes) && { display: \"none\" }) }} >\r\n                            <Menu />\r\n                        </IconButton>\r\n\r\n                        <Typography variant=\"h6\" noWrap component=\"div\" sx={{ flexGrow: 1 }}>{title}</Typography>\r\n\r\n                        {environment !== \"production\" && <Chip sx={theme => ({ mr: 1, bgcolor: \"secondary.main\", color: theme.palette.primary.contrastText })} label={environment} />}\r\n\r\n                        <NotificationMenu notifications={notifications} setNotifications={setNotifications} />\r\n                        <AccountMenu mode={mode} setMode={setMode} user={user} />\r\n                    </Toolbar>\r\n                </AppBar>\r\n\r\n                <NavigationDrawer routes={navigationRoutes} appVersion={appVersion} open={leftDrawerOpen} setOpen={setLeftDrawerOpen} hasRoutes={hasNavigationRoutes} />\r\n\r\n                <Box component=\"main\" sx={{ flex: 1, overflow: \"auto\" }}>\r\n                    <DrawerHeader />\r\n                    {(route.authenticated === false || user.isLoggedIn) && !route.disabled ? children : <Unauthorized />}\r\n                </Box>\r\n            </Box>\r\n\r\n            <DevelopmentBanner user={user} hasNavigationRoutes={hasNavigationRoutes} />\r\n            {(isFetching || isMutating) && <LinearProgress sx={{ position: \"fixed\", top: { xs: 56, sm: 64 }, left: 0, right: 0 }} />}\r\n        </ThemeProvider>\r\n    );\r\n};\r\n"]}
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/Layout.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Menu } from \"@mui/icons-material\";\r\nimport { Box, Chip, CssBaseline, IconButton, LinearProgress, AppBar as MuiAppBar, AppBarProps as MuiAppBarProps, Theme, Toolbar, Typography, useMediaQuery } from \"@mui/material\";\r\nimport { grey } from \"@mui/material/colors\";\r\nimport { csCZ, enUS } from \"@mui/material/locale\";\r\nimport { ThemeProvider, createTheme, styled } from \"@mui/material/styles\";\r\nimport { csCZ as dataGridCsCz, enUS as dataGridEnUs } from \"@mui/x-data-grid-premium/locales\";\r\nimport { csCZ as datePickersCsCz, enUS as datePickersEnUs } from \"@mui/x-date-pickers-pro/locales\";\r\nimport { useIsFetching, useIsMutating } from \"@tanstack/react-query\";\r\nimport React, { Dispatch, SetStateAction, useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { matchPath, useLocation } from \"react-router-dom\";\r\nimport { LayoutPaletteColorOptions } from \"../models/LayoutPaletteColorOptions\";\r\nimport { LayoutRoute } from \"../models/LayoutRoute\";\r\nimport Notification from \"../models/Notification\";\r\nimport { User } from \"../models/User\";\r\nimport { environment } from \"../utils/Helpers\";\r\nimport { doLogin, initKeycloak, keycloak } from \"../utils/UserService\";\r\nimport { AccountMenu } from \"./layout/AccountMenu\";\r\nimport { DevelopmentBanner } from \"./layout/DevelopmentBanner\";\r\nimport { NavigationDrawer } from \"./layout/NavigationDrawer\";\r\nimport { NotificationMenu } from \"./layout/NotificationMenu\";\r\nimport { Unauthorized } from \"./layout/Unauthorized\";\r\nimport useLocalStorageState from \"use-local-storage-state\";\r\n\r\n//Drawer\r\nconst drawerWidth = 240;\r\nconst DrawerHeader = styled(\"div\")(({ theme }) => ({\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"flex-end\",\r\n    padding: theme.spacing(0, 1),\r\n    // necessary for content to be below app bar\r\n    ...theme.mixins.toolbar,\r\n}));\r\n\r\n//AppBar\r\ninterface AppBarProps extends MuiAppBarProps {\r\n    open?: boolean;\r\n}\r\n\r\nconst AppBar = styled(MuiAppBar, {\r\n    shouldForwardProp: (prop) => prop !== \"open\",\r\n})<AppBarProps>(({ theme, open }) => ({\r\n    zIndex: theme.zIndex.drawer + 1,\r\n    transition: theme.transitions.create([\"width\", \"margin\"], {\r\n        easing: theme.transitions.easing.sharp,\r\n        duration: theme.transitions.duration.leavingScreen,\r\n    }),\r\n    ...(open && {\r\n        marginLeft: drawerWidth,\r\n        width: `calc(100% - ${drawerWidth}px)`,\r\n        transition: theme.transitions.create([\"width\", \"margin\"], {\r\n            easing: theme.transitions.easing.sharp,\r\n            duration: theme.transitions.duration.enteringScreen,\r\n        }),\r\n    }),\r\n}));\r\n\r\nconst getAllRoutesWithPath = (routes: LayoutRoute[]): LayoutRoute[] => {\r\n    let result: LayoutRoute[] = [];\r\n    for (const route of routes) {\r\n        if (route.path) {\r\n            result.push(route);\r\n        }\r\n        if (route.children) {\r\n            result = result.concat(getAllRoutesWithPath(route.children));\r\n        }\r\n    }\r\n    return result;\r\n};\r\n\r\ninterface LayoutProps {\r\n    routes: LayoutRoute[];\r\n    appVersion: string;\r\n    colors: LayoutPaletteColorOptions;\r\n    children: React.ReactNode;\r\n    user: User;\r\n    notifications: Notification[] | undefined;\r\n    setNotifications: Dispatch<SetStateAction<Notification[] | undefined>>;\r\n}\r\n\r\nexport const Layout: React.FC<LayoutProps> = ({ routes, colors, appVersion, user, notifications, setNotifications, children }) => {\r\n    const prefersDarkMode: boolean = useMediaQuery(\"(prefers-color-scheme: dark)\");\r\n    const [mode, setMode] = useLocalStorageState<\"light\" | \"dark\" | \"system\">(\"mui-mode\", { defaultValue: \"system\" });\r\n    const [leftDrawerOpen, setLeftDrawerOpen] = useState<boolean>(false);\r\n    const { i18n } = useTranslation();\r\n    const isFetching = !!useIsFetching();\r\n    const isMutating = !!useIsMutating();\r\n    const location = useLocation();\r\n    const navigationRoutes = getAllRoutesWithPath(routes);\r\n    const route = navigationRoutes.find(r => matchPath(r.path!, location.pathname))!;\r\n\r\n    useEffect(() => {\r\n        if (route.authenticated !== false && !user.isLoggedIn)\r\n            initKeycloak();\r\n    }, [route, user]);\r\n\r\n    keycloak.onTokenExpired = async () => {\r\n        try {\r\n            await keycloak.updateToken(30);\r\n        } catch {\r\n            if (route.authenticated !== false) {\r\n                await doLogin();\r\n            }\r\n        }\r\n    };\r\n\r\n    const resolvedMode = mode === \"system\" ? (prefersDarkMode ? \"dark\" : \"light\") : mode;\r\n\r\n    const theme: Theme = createTheme({\r\n        palette: {\r\n            mode: resolvedMode,\r\n            primary: { main: (colors.primary as any)?.[resolvedMode] || (colors.primary as any)?.main, },\r\n            secondary: { main: (colors.secondary as any)?.[resolvedMode] || (colors.secondary as any)?.main, },\r\n            background: resolvedMode === \"light\" && colors.background ? { default: colors.background.default, paper: colors.background.paper, } : {},\r\n        },\r\n        components: {\r\n            MuiCssBaseline: {\r\n                styleOverrides: (theme) => ({\r\n                    body: {\r\n                        \"&::-webkit-scrollbar, & *::-webkit-scrollbar\": {\r\n                            width: \"0.7em\",\r\n                            height: \"0.7em\",\r\n                        },\r\n                        \"&::-webkit-scrollbar-track, & *::-webkit-scrollbar-track\": {\r\n                            backgroundColor: theme.palette.mode === \"dark\" ? grey[900] : grey[200],\r\n                            borderRadius: \"5px\",\r\n                        },\r\n                        \"&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb\": {\r\n                            backgroundColor: theme.palette.mode === \"dark\" ? grey[800] : grey[400],\r\n                            borderRadius: \"10px\",\r\n                        },\r\n                        \"&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover\": {\r\n                            backgroundColor: theme.palette.mode === \"dark\" ? grey[700] : grey[500],\r\n                        },\r\n                        \"&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner\": {\r\n                            backgroundColor: \"transparent\",\r\n                        },\r\n                    },\r\n                }),\r\n            },\r\n        },\r\n    },\r\n        i18n.language === \"cs\" ? datePickersCsCz : datePickersEnUs,\r\n        i18n.language === \"cs\" ? dataGridCsCz : dataGridEnUs,\r\n        i18n.language === \"cs\" ? csCZ : enUS\r\n    );\r\n\r\n    const title = route.pageTitle ?? route.title;\r\n\r\n    useEffect(() => {\r\n        if (title) document.title = title;\r\n    }, [title]);\r\n\r\n    const toggleNavigationDrawer = () => setLeftDrawerOpen(!leftDrawerOpen);\r\n\r\n    const hasNavigationRoutes: boolean = navigationRoutes.filter(route => route.showInMenu && !route.disabled).length > 1;\r\n\r\n    return (\r\n        <ThemeProvider theme={theme}>\r\n            <Box sx={{ display: \"flex\", position: \"sticky\" }}>\r\n                <CssBaseline />\r\n                <AppBar position=\"fixed\" open={leftDrawerOpen}>\r\n                    <Toolbar>\r\n                        <IconButton color=\"inherit\" onClick={toggleNavigationDrawer} edge=\"start\" sx={{ marginRight: 2, ...((leftDrawerOpen || !hasNavigationRoutes) && { display: \"none\" }) }} >\r\n                            <Menu />\r\n                        </IconButton>\r\n\r\n                        <Typography variant=\"h6\" noWrap component=\"div\" sx={{ flexGrow: 1 }}>{title}</Typography>\r\n\r\n                        {environment !== \"production\" && <Chip sx={theme => ({ mr: 1, bgcolor: \"secondary.main\", color: theme.palette.primary.contrastText })} label={environment} />}\r\n\r\n                        <NotificationMenu notifications={notifications} setNotifications={setNotifications} />\r\n                        <AccountMenu mode={mode} setMode={setMode} user={user} />\r\n                    </Toolbar>\r\n                </AppBar>\r\n\r\n                <NavigationDrawer routes={navigationRoutes} appVersion={appVersion} open={leftDrawerOpen} setOpen={setLeftDrawerOpen} hasRoutes={hasNavigationRoutes} />\r\n\r\n                <Box component=\"main\" sx={{ flex: 1, overflow: \"auto\" }}>\r\n                    <DrawerHeader />\r\n                    {(route.authenticated === false || user.isLoggedIn) && !route.disabled ? children : <Unauthorized />}\r\n                </Box>\r\n            </Box>\r\n\r\n            <DevelopmentBanner user={user} hasNavigationRoutes={hasNavigationRoutes} />\r\n            {(isFetching || isMutating) && <LinearProgress sx={{ position: \"fixed\", top: { xs: 56, sm: 64 }, left: 0, right: 0 }} />}\r\n        </ThemeProvider>\r\n    );\r\n};\r\n"]}

package/dist/src/components/dataGrid/TableContainer.js

@@ -12,6 +12,10 @@ export const TableContainer = ({ sx, ...props }) => {
             "& .MuiDataGrid-columnHeaderTitle": {
                 fontWeight: "600",
             },
+            "& .MuiDataGrid-cell": {
+                display: "flex",
+                alignItems: "center",
+            },
             "& .Mui-error": {
                 backgroundColor: theme.palette.error.main,
                 color: theme.palette.error.contrastText

package/dist/src/components/dataGrid/TableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableContainer.js","sourceRoot":"","sources":["../../../../src/components/dataGrid/TableContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAY,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,CAAC,MAAM,cAAc,GAAuB,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACH,KAAC,GAAG,OACI,KAAK,EACT,EAAE,EAAE;YACA,MAAM,EAAE,EAAE,EAAE,EAAE,oBAAoB,EAAE,EAAE,EAAE,oBAAoB,EAAE;YAC9D,8BAA8B,EAAE;gBAC5B,sBAAsB,EAAE;oBACpB,MAAM,EAAE,MAAM;iBACjB;aACJ;YACD,kCAAkC,EAAE;gBAChC,UAAU,EAAE,KAAK;aACpB;YACD,cAAc,EAAE;gBACZ,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;gBACzC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY;aAC1C;YACD,iDAAiD,EAAE;gBAC/C,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,YAAY;aACnD;YACD,kDAAkD,EAAE;gBAChD,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,YAAY;aACjD;YACD,GAAG,EAAE;SACR,YACA,KAAK,CAAC,QAAQ,GACb,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Box, BoxProps, useTheme } from \"@mui/material\";\r\nimport React from \"react\";\r\n\r\nexport const TableContainer: React.FC<BoxProps> = ({ sx, ...props }) => {\r\n    const theme = useTheme();\r\n\r\n    return (\r\n        <Box\r\n            {...props}\r\n            sx={{\r\n                height: { xs: \"calc(100vh - 56px)\", sm: \"calc(100vh - 64px)\" },\r\n                \"& .MuiDataGrid-cell--editing\": {\r\n                    \"& .MuiInputBase-root\": {\r\n                        height: \"100%\",\r\n                    },\r\n                },\r\n                \"& .MuiDataGrid-columnHeaderTitle\": {\r\n                    fontWeight: \"600\",\r\n                },\r\n                \"& .Mui-error\": {\r\n                    backgroundColor: theme.palette.error.main,\r\n                    color: theme.palette.error.contrastText\r\n                },\r\n                \"& .MuiDataGrid-booleanCell[data-value=\\\"true\\\"]\": {\r\n                    color: `${theme.palette.success.main}!important`\r\n                },\r\n                \"& .MuiDataGrid-booleanCell[data-value=\\\"false\\\"]\": {\r\n                    color: `${theme.palette.error.main}!important`\r\n                },\r\n                ...sx\r\n            }}>\r\n            {props.children}\r\n        </Box>\r\n    );\r\n};"]}
+{"version":3,"file":"TableContainer.js","sourceRoot":"","sources":["../../../../src/components/dataGrid/TableContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAY,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,CAAC,MAAM,cAAc,GAAuB,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACH,KAAC,GAAG,OACI,KAAK,EACT,EAAE,EAAE;YACA,MAAM,EAAE,EAAE,EAAE,EAAE,oBAAoB,EAAE,EAAE,EAAE,oBAAoB,EAAE;YAC9D,8BAA8B,EAAE;gBAC5B,sBAAsB,EAAE;oBACpB,MAAM,EAAE,MAAM;iBACjB;aACJ;YACD,kCAAkC,EAAE;gBAChC,UAAU,EAAE,KAAK;aACpB;YACD,qBAAqB,EAAE;gBACnB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;aACvB;YACD,cAAc,EAAE;gBACZ,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;gBACzC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY;aAC1C;YACD,iDAAiD,EAAE;gBAC/C,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,YAAY;aACnD;YACD,kDAAkD,EAAE;gBAChD,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,YAAY;aACjD;YACD,GAAG,EAAE;SACR,YACA,KAAK,CAAC,QAAQ,GACb,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Box, BoxProps, useTheme } from \"@mui/material\";\r\nimport React from \"react\";\r\n\r\nexport const TableContainer: React.FC<BoxProps> = ({ sx, ...props }) => {\r\n    const theme = useTheme();\r\n\r\n    return (\r\n        <Box\r\n            {...props}\r\n            sx={{\r\n                height: { xs: \"calc(100vh - 56px)\", sm: \"calc(100vh - 64px)\" },\r\n                \"& .MuiDataGrid-cell--editing\": {\r\n                    \"& .MuiInputBase-root\": {\r\n                        height: \"100%\",\r\n                    },\r\n                },\r\n                \"& .MuiDataGrid-columnHeaderTitle\": {\r\n                    fontWeight: \"600\",\r\n                },\r\n                \"& .MuiDataGrid-cell\": {\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                },\r\n                \"& .Mui-error\": {\r\n                    backgroundColor: theme.palette.error.main,\r\n                    color: theme.palette.error.contrastText\r\n                },\r\n                \"& .MuiDataGrid-booleanCell[data-value=\\\"true\\\"]\": {\r\n                    color: `${theme.palette.success.main}!important`\r\n                },\r\n                \"& .MuiDataGrid-booleanCell[data-value=\\\"false\\\"]\": {\r\n                    color: `${theme.palette.error.main}!important`\r\n                },\r\n                ...sx\r\n            }}>\r\n            {props.children}\r\n        </Box>\r\n    );\r\n};"]}

package/dist/src/components/layout/LayoutDialog.d.ts

@@ -2,7 +2,7 @@ import { Breakpoint } from "@mui/material";
 import { ReactNode } from "react";
 interface DialogProps {
     open: boolean;
-    onClose: () => void;
+    onClose: (_event?: {}, reason?: "backdropClick" | "escapeKeyDown") => void;
     title: string | ReactNode;
     color?: "success" | "info" | "warning" | "error" | "primary" | "secondary" | "inherit" | "default";
     maxWidth?: Breakpoint;

package/dist/src/components/layout/LayoutDialog.js

@@ -4,12 +4,7 @@ import { AppBar, Dialog, DialogTitle, Grid2, IconButton, Toolbar, Typography, us
 export const LayoutDialog = ({ open, onClose, title, color, maxWidth, children }) => {
     const theme = useTheme();
     const fullscreen = useMediaQuery(theme.breakpoints.down("sm"));
-    const closeDialog = (_event, reason) => {
-        if (reason === "backdropClick")
-            return;
-        onClose();
-    };
-    return (_jsxs(Dialog, { open: open, onClose: closeDialog, fullScreen: fullscreen, fullWidth: true, maxWidth: maxWidth, children: [fullscreen ?
+    return (_jsxs(Dialog, { open: open, onClose: onClose, fullScreen: fullscreen, fullWidth: true, maxWidth: maxWidth, children: [fullscreen ?
                 _jsx(AppBar, { sx: { position: "relative", bgcolor: `${color}.main` }, children: _jsxs(Toolbar, { children: [_jsx(Typography, { sx: { flex: 1 }, variant: "h6", children: title }), _jsx(IconButton, { onClick: onClose, children: _jsx(Close, { sx: { color: `${color}.contrastText` } }) })] }) })
                 :
                     _jsxs(Grid2, { container: true, justifyContent: "space-between", sx: { bgcolor: `${color}.main`, color: `${color}.contrastText` }, children: [_jsx(Grid2, { children: _jsx(DialogTitle, { children: title }) }), _jsx(Grid2, { size: 2, sx: { p: 1, textAlign: "right" }, children: _jsx(IconButton, { onClick: onClose, children: _jsx(Close, { fontSize: "small", sx: { color: `${color}.contrastText` } }) }) })] }), open ? children : null] }));

package/dist/src/components/layout/LayoutDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutDialog.js","sourceRoot":"","sources":["../../../../src/components/layout/LayoutDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAc,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAYzI,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAE/D,MAAM,WAAW,GAAG,CAAC,MAAW,EAAE,MAA0C,EAAE,EAAE;QAC5E,IAAI,MAAM,KAAK,eAAe;YAAE,OAAO;QACvC,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,QAAC,QAAQ,EAAE,QAAQ,aACzF,UAAU,CAAC,CAAC;gBACT,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,KAAK,OAAO,EAAE,YAC1D,MAAC,OAAO,eACJ,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,OAAO,EAAC,IAAI,YACpC,KAAK,GACG,EACb,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YACxB,KAAC,KAAK,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,eAAe,EAAE,GAAI,GACxC,IACP,GACL;gBACT,CAAC;oBACD,MAAC,KAAK,IAAC,SAAS,QAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,eAAe,EAAE,aAC5G,KAAC,KAAK,cACF,KAAC,WAAW,cACP,KAAK,GACI,GACV,EAER,KAAC,KAAK,IAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,YAC5C,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YACxB,KAAC,KAAK,IAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,eAAe,EAAE,GAAI,GACzD,GACT,IACJ,EAGX,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IACjB,CACb,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Close } from \"@mui/icons-material\";\r\nimport { AppBar, Breakpoint, Dialog, DialogTitle, Grid2, IconButton, Toolbar, Typography, useMediaQuery, useTheme } from \"@mui/material\";\r\nimport { ReactNode } from \"react\";\r\n\r\ninterface DialogProps {\r\n    open: boolean;\r\n    onClose: () => void;\r\n    title: string | ReactNode;\r\n    color?: \"success\" | \"info\" | \"warning\" | \"error\" | \"primary\" | \"secondary\" | \"inherit\" | \"default\";\r\n    maxWidth?: Breakpoint;\r\n    children?: ReactNode;\r\n}\r\n\r\nexport const LayoutDialog: React.FC<DialogProps> = ({ open, onClose, title, color, maxWidth, children }) => {\r\n    const theme = useTheme();\r\n    const fullscreen = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n\r\n    const closeDialog = (_event?: {}, reason?: \"backdropClick\" | \"escapeKeyDown\") => {\r\n        if (reason === \"backdropClick\") return;\r\n        onClose();\r\n    };\r\n\r\n    return (\r\n        <Dialog open={open} onClose={closeDialog} fullScreen={fullscreen} fullWidth maxWidth={maxWidth}>\r\n            {fullscreen ?\r\n                <AppBar sx={{ position: \"relative\", bgcolor: `${color}.main` }}>\r\n                    <Toolbar>\r\n                        <Typography sx={{ flex: 1 }} variant=\"h6\">\r\n                            {title}\r\n                        </Typography>\r\n                        <IconButton onClick={onClose}>\r\n                            <Close sx={{ color: `${color}.contrastText` }} />\r\n                        </IconButton>\r\n                    </Toolbar>\r\n                </AppBar>\r\n                :\r\n                <Grid2 container justifyContent=\"space-between\" sx={{ bgcolor: `${color}.main`, color: `${color}.contrastText` }}>\r\n                    <Grid2>\r\n                        <DialogTitle>\r\n                            {title}\r\n                        </DialogTitle>\r\n                    </Grid2>\r\n\r\n                    <Grid2 size={2} sx={{ p: 1, textAlign: \"right\" }}>\r\n                        <IconButton onClick={onClose}>\r\n                            <Close fontSize=\"small\" sx={{ color: `${color}.contrastText` }} />\r\n                        </IconButton>\r\n                    </Grid2>\r\n                </Grid2>\r\n            }\r\n\r\n            {open ? children : null}\r\n        </Dialog >\r\n    );\r\n};\r\n"]}
+{"version":3,"file":"LayoutDialog.js","sourceRoot":"","sources":["../../../../src/components/layout/LayoutDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAc,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAYzI,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAE/D,OAAO,CACH,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,QAAC,QAAQ,EAAE,QAAQ,aACrF,UAAU,CAAC,CAAC;gBACT,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,KAAK,OAAO,EAAE,YAC1D,MAAC,OAAO,eACJ,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,OAAO,EAAC,IAAI,YACpC,KAAK,GACG,EACb,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YACxB,KAAC,KAAK,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,eAAe,EAAE,GAAI,GACxC,IACP,GACL;gBACT,CAAC;oBACD,MAAC,KAAK,IAAC,SAAS,QAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,eAAe,EAAE,aAC5G,KAAC,KAAK,cACF,KAAC,WAAW,cACP,KAAK,GACI,GACV,EAER,KAAC,KAAK,IAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,YAC5C,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YACxB,KAAC,KAAK,IAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,eAAe,EAAE,GAAI,GACzD,GACT,IACJ,EAGX,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IACjB,CACb,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Close } from \"@mui/icons-material\";\r\nimport { AppBar, Breakpoint, Dialog, DialogTitle, Grid2, IconButton, Toolbar, Typography, useMediaQuery, useTheme } from \"@mui/material\";\r\nimport { ReactNode } from \"react\";\r\n\r\ninterface DialogProps {\r\n    open: boolean;\r\n    onClose: (_event?: {}, reason?: \"backdropClick\" | \"escapeKeyDown\") => void;\r\n    title: string | ReactNode;\r\n    color?: \"success\" | \"info\" | \"warning\" | \"error\" | \"primary\" | \"secondary\" | \"inherit\" | \"default\";\r\n    maxWidth?: Breakpoint;\r\n    children?: ReactNode;\r\n}\r\n\r\nexport const LayoutDialog: React.FC<DialogProps> = ({ open, onClose, title, color, maxWidth, children }) => {\r\n    const theme = useTheme();\r\n    const fullscreen = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n\r\n    return (\r\n        <Dialog open={open} onClose={onClose} fullScreen={fullscreen} fullWidth maxWidth={maxWidth}>\r\n            {fullscreen ?\r\n                <AppBar sx={{ position: \"relative\", bgcolor: `${color}.main` }}>\r\n                    <Toolbar>\r\n                        <Typography sx={{ flex: 1 }} variant=\"h6\">\r\n                            {title}\r\n                        </Typography>\r\n                        <IconButton onClick={onClose}>\r\n                            <Close sx={{ color: `${color}.contrastText` }} />\r\n                        </IconButton>\r\n                    </Toolbar>\r\n                </AppBar>\r\n                :\r\n                <Grid2 container justifyContent=\"space-between\" sx={{ bgcolor: `${color}.main`, color: `${color}.contrastText` }}>\r\n                    <Grid2>\r\n                        <DialogTitle>\r\n                            {title}\r\n                        </DialogTitle>\r\n                    </Grid2>\r\n\r\n                    <Grid2 size={2} sx={{ p: 1, textAlign: \"right\" }}>\r\n                        <IconButton onClick={onClose}>\r\n                            <Close fontSize=\"small\" sx={{ color: `${color}.contrastText` }} />\r\n                        </IconButton>\r\n                    </Grid2>\r\n                </Grid2>\r\n            }\r\n\r\n            {open ? children : null}\r\n        </Dialog >\r\n    );\r\n};\r\n"]}

package/dist/src/models/KeycloakExtendedConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeycloakExtendedConfig.js","sourceRoot":"","sources":["../../../src/models/KeycloakExtendedConfig.ts"],"names":[],"mappings":"","sourcesContent":["export default interface KeycloakExtendedConfig {\r\n    autoLogin?: boolean,\r\n    confidential?: Confidential,\r\n    realm: string,\r\n    \"auth-server-url\": string,\r\n    idpHint?: string\r\n}\r\n\r\nexport interface Confidential {\r\n    client: string,\r\n    secret: string\r\n}"]}
+{"version":3,"file":"KeycloakExtendedConfig.js","sourceRoot":"","sources":["../../../src/models/KeycloakExtendedConfig.ts"],"names":[],"mappings":"","sourcesContent":["export default interface KeycloakExtendedConfig {\n    autoLogin?: boolean,\n    confidential?: Confidential,\n    realm: string,\n    \"auth-server-url\": string,\n    idpHint?: string\n}\n\nexport interface Confidential {\n    client: string,\n    secret: string\n}"]}

package/dist/src/next/Fetches.d.ts

@@ -0,0 +1,5 @@
+export declare const fetchGet: (url: string, signal: AbortSignal | undefined) => Promise<any>;
+export declare const fetchFileGet: (url: string, signal: AbortSignal | undefined) => Promise<Blob>;
+export declare const fetchPost: (url: string, data: unknown) => Promise<any>;
+export declare const fetchPut: (url: string, data: unknown) => Promise<Response>;
+export declare const fetchDelete: (url: string) => Promise<Response>;

package/dist/src/next/Fetches.js

@@ -0,0 +1,61 @@
+import { getToken } from "../utils/UserService";
+export const fetchGet = async (url, signal) => {
+    const initReq = await getRequestInit("GET", null, signal);
+    const response = await fetch(url, initReq);
+    if (!response.ok)
+        throw await response.json();
+    return response.json();
+};
+export const fetchFileGet = async (url, signal) => {
+    const initReq = await getRequestInit("GET", null, signal);
+    const response = await fetch(url, initReq);
+    if (!response.ok)
+        throw await response.json();
+    return response.blob();
+};
+export const fetchPost = async (url, data) => {
+    const initReq = await getRequestInit("POST", data);
+    const response = await fetch(url, initReq);
+    if (!response.ok)
+        throw await response.json();
+    return response.json();
+};
+export const fetchPut = async (url, data) => {
+    const initReq = await getRequestInit("PUT", data);
+    const response = await fetch(url, initReq);
+    if (!response.ok)
+        throw await response.json();
+    return response;
+};
+export const fetchDelete = async (url) => {
+    const initReq = await getRequestInit("DELETE");
+    const response = await fetch(url, initReq);
+    if (!response.ok)
+        throw await response.json();
+    return response;
+};
+const getRequestInit = async (method, data, signal) => {
+    const request = {
+        method: method,
+        signal: signal,
+        credentials: "include"
+    };
+    if (data) {
+        if (data instanceof FormData)
+            request.body = data;
+        else
+            request.body = JSON.stringify(data);
+    }
+    if (data instanceof FormData)
+        request.headers = {
+            "Authorization": `Bearer ${await getToken()}`
+        };
+    else {
+        request.headers = {
+            "Content-Type": "application/json",
+            "Authorization": `Bearer ${await getToken()}`
+        };
+    }
+    return request;
+};
+//# sourceMappingURL=Fetches.js.map

package/dist/src/next/Fetches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fetches.js","sourceRoot":"","sources":["../../../src/next/Fetches.ts"],"names":[],"mappings":"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","sourcesContent":["import { getToken } from \"../utils/UserService\";\r\n\r\nexport const fetchGet = async (url: string, signal: AbortSignal | undefined): Promise<any> => {\r\n    const initReq: RequestInit = await getRequestInit(\"GET\", null, signal);\r\n\r\n    const response: Response = await fetch(url, initReq);\r\n    if (!response.ok)\r\n        throw await response.json();\r\n\r\n    return response.json();\r\n};\r\n\r\nexport const fetchFileGet = async (url: string, signal: AbortSignal | undefined): Promise<Blob> => {\r\n    const initReq: RequestInit = await getRequestInit(\"GET\", null, signal);\r\n\r\n    const response: Response = await fetch(url, initReq);\r\n    if (!response.ok)\r\n        throw await response.json();\r\n\r\n    return response.blob();\r\n};\r\n\r\nexport const fetchPost = async (url: string, data: unknown): Promise<any> => {\r\n    const initReq: RequestInit = await getRequestInit(\"POST\", data);\r\n\r\n    const response: Response = await fetch(url, initReq);\r\n    if (!response.ok)\r\n        throw await response.json();\r\n\r\n    return response.json();\r\n};\r\n\r\nexport const fetchPut = async (url: string, data: unknown): Promise<Response> => {\r\n    const initReq: RequestInit = await getRequestInit(\"PUT\", data);\r\n\r\n    const response: Response = await fetch(url, initReq);\r\n    if (!response.ok)\r\n        throw await response.json();\r\n\r\n    return response;\r\n};\r\n\r\nexport const fetchDelete = async (url: string): Promise<Response> => {\r\n    const initReq: RequestInit = await getRequestInit(\"DELETE\");\r\n\r\n    const response: Response = await fetch(url, initReq);\r\n    if (!response.ok)\r\n        throw await response.json();\r\n\r\n    return response;\r\n};\r\n\r\nconst getRequestInit = async (method: string, data?: unknown, signal?: AbortSignal): Promise<RequestInit> => {\r\n    const request: RequestInit = {\r\n        method: method,\r\n        signal: signal,\r\n        credentials: \"include\"\r\n    };\r\n\r\n    if (data) {\r\n        if (data instanceof FormData)\r\n            request.body = data;\r\n        else\r\n            request.body = JSON.stringify(data);\r\n    }\r\n\r\n    if (data instanceof FormData)\r\n        request.headers = {\r\n            \"Authorization\": `Bearer ${await getToken()}`\r\n        };\r\n    else {\r\n        request.headers = {\r\n            \"Content-Type\": \"application/json\",\r\n            \"Authorization\": `Bearer ${await getToken()}`\r\n        };\r\n    }\r\n\r\n    return request;\r\n};"]}

package/dist/src/utils/Translations.d.ts

@@ -0,0 +1,40 @@
+export declare const resources: {
+    en: {
+        translation: {
+            Layout: {
+                Logout: string;
+                LogIn: string;
+                Language: string;
+                Appearance: string;
+                Light: string;
+                Dark: string;
+                System: string;
+                Home: string;
+                Settings: string;
+                Version: string;
+                Unauthorized: string;
+                DevelopmentDialogTitle: string;
+                DevelopmentDialogContent: string;
+            };
+        };
+    };
+    cs: {
+        translation: {
+            Layout: {
+                Logout: string;
+                LogIn: string;
+                Language: string;
+                Appearance: string;
+                Light: string;
+                Dark: string;
+                System: string;
+                Home: string;
+                Settings: string;
+                Version: string;
+                Unauthorized: string;
+                DevelopmentDialogTitle: string;
+                DevelopmentDialogContent: string;
+            };
+        };
+    };
+};

package/dist/src/utils/Translations.js

@@ -0,0 +1,41 @@
+export const resources = {
+    en: {
+        translation: {
+            Layout: {
+                "Logout": "Logout",
+                "LogIn": "Log In",
+                "Language": "Language",
+                "Appearance": "Appearance",
+                "Light": "Light",
+                "Dark": "Dark",
+                "System": "System",
+                "Home": "Home",
+                "Settings": "Settings",
+                "Version": "Version",
+                "Unauthorized": "Unauthorized",
+                "DevelopmentDialogTitle": "Testing environment",
+                "DevelopmentDialogContent": "You are accessing a test environment. Data integrity is not guaranteed and application behavior may be unpredictable. Please proceed with caution and report any unexpected behavior to the development team."
+            }
+        }
+    },
+    cs: {
+        translation: {
+            Layout: {
+                "Logout": "Odhlásit se",
+                "LogIn": "Přihlásit se",
+                "Language": "Jazyk",
+                "Appearance": "Vzhled",
+                "Light": "Světlý",
+                "Dark": "Tmavý",
+                "System": "Systém",
+                "Home": "Domů",
+                "Settings": "Nastavení",
+                "Version": "Verze",
+                "Unauthorized": "Neoprávněný",
+                "DevelopmentDialogTitle": "Testovací prostředí",
+                "DevelopmentDialogContent": "Vstupujete do testovacího prostředí. Integrita dat není zaručena a chování aplikace může být nepředvídatelné. Prosím, buďte opatrní a jakékoli neočekávané chování ihned hláste vývojovému týmu."
+            }
+        }
+    }
+};
+//# sourceMappingURL=Translations.js.map

package/dist/src/utils/Translations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Translations.js","sourceRoot":"","sources":["../../../src/utils/Translations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,EAAE,EAAE;QACA,WAAW,EAAE;YACT,MAAM,EAAE;gBACJ,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,QAAQ;gBACjB,UAAU,EAAE,UAAU;gBACtB,YAAY,EAAE,YAAY;gBAC1B,OAAO,EAAE,OAAO;gBAChB,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,QAAQ;gBAClB,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,UAAU;gBACtB,SAAS,EAAE,SAAS;gBACpB,cAAc,EAAE,cAAc;gBAC9B,wBAAwB,EAAE,qBAAqB;gBAC/C,0BAA0B,EAAE,+MAA+M;aAC9O;SACJ;KACJ;IACD,EAAE,EAAE;QACA,WAAW,EAAE;YACT,MAAM,EAAE;gBACJ,QAAQ,EAAE,aAAa;gBACvB,OAAO,EAAE,cAAc;gBACvB,UAAU,EAAE,OAAO;gBACnB,YAAY,EAAE,QAAQ;gBACtB,OAAO,EAAE,QAAQ;gBACjB,MAAM,EAAE,OAAO;gBACf,QAAQ,EAAE,QAAQ;gBAClB,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,WAAW;gBACvB,SAAS,EAAE,OAAO;gBAClB,cAAc,EAAE,aAAa;gBAC7B,wBAAwB,EAAE,qBAAqB;gBAC/C,0BAA0B,EAAE,kMAAkM;aACjO;SACJ;KACJ;CACJ,CAAC","sourcesContent":["export const resources = {\r\n    en: {\r\n        translation: {\r\n            Layout: {\r\n                \"Logout\": \"Logout\",\r\n                \"LogIn\": \"Log In\",\r\n                \"Language\": \"Language\",\r\n                \"Appearance\": \"Appearance\",\r\n                \"Light\": \"Light\",\r\n                \"Dark\": \"Dark\",\r\n                \"System\": \"System\",\r\n                \"Home\": \"Home\",\r\n                \"Settings\": \"Settings\",\r\n                \"Version\": \"Version\",\r\n                \"Unauthorized\": \"Unauthorized\",\r\n                \"DevelopmentDialogTitle\": \"Testing environment\",\r\n                \"DevelopmentDialogContent\": \"You are accessing a test environment. Data integrity is not guaranteed and application behavior may be unpredictable. Please proceed with caution and report any unexpected behavior to the development team.\"\r\n            }\r\n        }\r\n    },\r\n    cs: {\r\n        translation: {\r\n            Layout: {\r\n                \"Logout\": \"Odhlásit se\",\r\n                \"LogIn\": \"Přihlásit se\",\r\n                \"Language\": \"Jazyk\",\r\n                \"Appearance\": \"Vzhled\",\r\n                \"Light\": \"Světlý\",\r\n                \"Dark\": \"Tmavý\",\r\n                \"System\": \"Systém\",\r\n                \"Home\": \"Domů\",\r\n                \"Settings\": \"Nastavení\",\r\n                \"Version\": \"Verze\",\r\n                \"Unauthorized\": \"Neoprávněný\",\r\n                \"DevelopmentDialogTitle\": \"Testovací prostředí\",\r\n                \"DevelopmentDialogContent\": \"Vstupujete do testovacího prostředí. Integrita dat není zaručena a chování aplikace může být nepředvídatelné. Prosím, buďte opatrní a jakékoli neočekávané chování ihned hláste vývojovému týmu.\"\r\n            }\r\n        }\r\n    }\r\n};"]}