wcz-layout 6.2.0 → 6.2.1

package/package.json

@@ -2,7 +2,7 @@
   "name": "wcz-layout",
   "license": "MIT",
   "author": "Dalibor Homola",
-  "version": "6.2.0",
+  "version": "6.2.1",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "exports": {

package/src/components/Layout.tsx

@@ -181,7 +181,7 @@ export const Layout: React.FC<LayoutProps> = ({ routes, colors, appVersion, user
                 </Box>
             </Box>
 
-            <DevelopmentBanner user={user} />
+            <DevelopmentBanner user={user} hasNavigationRoutes={hasNavigationRoutes} />
             {(isFetching || isMutating) && <LinearProgress sx={{ position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 }} />}
         </ThemeProvider>
     );

package/src/components/layout/DevelopmentBanner.tsx

@@ -1,16 +1,18 @@
 import { Close } from "@mui/icons-material";
-import { Fade, Grid, IconButton, Paper, Typography } from "@mui/material";
+import { Fade, Grid2, IconButton, Paper, Typography } from "@mui/material";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { User } from "../../models/User";
 import { environment } from "../../utils/Helpers";
 import { hasRole } from "../../utils/UserService";
+import { grey } from "@mui/material/colors";
 
 interface DevelopmentBannerProps {
     user: User;
+    hasNavigationRoutes: boolean;
 }
 
-export const DevelopmentBanner: React.FC<DevelopmentBannerProps> = ({ user }) => {
+export const DevelopmentBanner: React.FC<DevelopmentBannerProps> = ({ user, hasNavigationRoutes }) => {
     const { t } = useTranslation();
     const [bannerOpen, setBannerOpen] = useState<boolean>(false);
 
@@ -23,19 +25,29 @@ export const DevelopmentBanner: React.FC<DevelopmentBannerProps> = ({ user }) =>
 
     return (
         <Fade appear={false} in={bannerOpen}>
-            <Paper square variant="outlined" tabIndex={-1} sx={{ position: "fixed", bottom: 0, left: { xs: 0, sm: 67.7 }, right: 0, m: 0, p: 2, borderWidth: 0, borderTopWidth: 1 }} >
-                <Grid container justifyContent="space-between" alignItems="center">
-                    <Grid item xs>
+            <Paper square variant="outlined" tabIndex={-1} sx={theme => ({
+                position: "fixed",
+                bottom: 0,
+                left: { xs: 0, sm: hasNavigationRoutes ? 68.7 : 0 },
+                right: 0,
+                m: 0,
+                p: 2,
+                borderWidth: 0,
+                borderTopWidth: 1,
+                bgcolor: theme.palette.mode === "dark" ? grey[900] : grey[100]
+            })}>
+                <Grid2 container justifyContent="space-between" alignItems="center">
+                    <Grid2 size={10}>
                         <Typography fontWeight="bold">{t("Layout.DevelopmentDialogTitle")}</Typography>
                         <Typography variant="body2">{t("Layout.DevelopmentDialogContent")}</Typography>
-                    </Grid>
+                    </Grid2>
 
-                    <Grid item xs={2} sx={{ p: 1, textAlign: "right" }}>
+                    <Grid2 size={2} sx={{ p: 1, textAlign: "right" }}>
                         <IconButton size="small" onClick={closeBanner}>
                             <Close />
                         </IconButton>
-                    </Grid>
-                </Grid>
+                    </Grid2>
+                </Grid2>
             </Paper>
         </Fade>
     );

package/dist/src/contexts/LayoutLocalizationProvider.d.ts

@@ -1,2 +0,0 @@
-import "moment/locale/cs";
-export declare const LayoutLocalizationProvider: React.FC;

package/dist/src/contexts/LayoutLocalizationProvider.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LocalizationProvider } from "@mui/x-date-pickers-pro";
-import { AdapterMoment } from "@mui/x-date-pickers-pro/AdapterMoment";
-import moment from "moment";
-import "moment/locale/cs";
-import { Outlet } from "react-router-dom";
-import { useLayout } from "./LayoutContext";
-export const LayoutLocalizationProvider = () => {
-    const { i18n } = useLayout();
-    if (moment.locale() !== i18n.resolvedLanguage) {
-        moment.locale(i18n.resolvedLanguage);
-    }
-    return (_jsx(LocalizationProvider, { dateAdapter: AdapterMoment, adapterLocale: i18n.resolvedLanguage, children: _jsx(Outlet, {}) }));
-};
-//# sourceMappingURL=LayoutLocalizationProvider.js.map

package/dist/src/contexts/LayoutLocalizationProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutLocalizationProvider.js","sourceRoot":"","sources":["../../../src/contexts/LayoutLocalizationProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,MAAM,0BAA0B,GAAa,GAAG,EAAE;IACrD,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,CAAC;IAE7B,IAAI,MAAM,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC5C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACzC,CAAC;IAED,OAAO,CACH,KAAC,oBAAoB,IAAC,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,IAAI,CAAC,gBAAgB,YAClF,KAAC,MAAM,KAAG,GACS,CAC1B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { LocalizationProvider } from \"@mui/x-date-pickers-pro\";\r\nimport { AdapterMoment } from \"@mui/x-date-pickers-pro/AdapterMoment\";\r\nimport moment from \"moment\";\r\nimport \"moment/locale/cs\";\r\nimport { Outlet } from \"react-router-dom\";\r\nimport { useLayout } from \"./LayoutContext\";\r\n\r\nexport const LayoutLocalizationProvider: React.FC = () => {\r\n    const { i18n } = useLayout();\r\n\r\n    if (moment.locale() !== i18n.resolvedLanguage) {\r\n        moment.locale(i18n.resolvedLanguage);\r\n    }\r\n\r\n    return (\r\n        <LocalizationProvider dateAdapter={AdapterMoment} adapterLocale={i18n.resolvedLanguage}>\r\n            <Outlet />\r\n        </LocalizationProvider>\r\n    );\r\n};"]}

package/dist/src/hooks/UseDialog.d.ts

@@ -1,14 +0,0 @@
-import { Breakpoint } from "@mui/material";
-import { ReactNode } from "react";
-interface UseDialogProps {
-    open: boolean;
-    onClose: () => void;
-    title: string | ReactNode;
-    color?: "success" | "info" | "warning" | "error" | "primary" | "secondary" | "inherit" | "default";
-    maxWidth?: Breakpoint;
-}
-interface LayoutDialogProps {
-    children?: ReactNode;
-}
-export declare const useDialog: ({ open, onClose, title, color, maxWidth }: UseDialogProps) => React.FC<LayoutDialogProps>;
-export {};

package/dist/src/hooks/UseDialog.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LayoutDialog } from "../components/layout/LayoutDialog";
-export const useDialog = ({ open, onClose, title, color, maxWidth }) => {
-    const Dialog = ({ children }) => (_jsx(LayoutDialog, { open: open, onClose: onClose, title: title, color: color, maxWidth: maxWidth, children: children }));
-    return Dialog;
-};
-//# sourceMappingURL=UseDialog.js.map

package/dist/src/hooks/UseDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UseDialog.js","sourceRoot":"","sources":["../../../src/hooks/UseDialog.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAcjE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAkB,EAA+B,EAAE;IAEhH,MAAM,MAAM,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC1D,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,YACrF,QAAQ,GACE,CAClB,CAAC;IAEF,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC","sourcesContent":["import { Breakpoint } from \"@mui/material\";\r\nimport { ReactNode } from \"react\";\r\nimport { LayoutDialog } from \"../components/layout/LayoutDialog\";\r\n\r\ninterface UseDialogProps {\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}\r\n\r\ninterface LayoutDialogProps {\r\n    children?: ReactNode;\r\n}\r\n\r\nexport const useDialog = ({ open, onClose, title, color, maxWidth }: UseDialogProps): React.FC<LayoutDialogProps> => {\r\n\r\n    const Dialog: React.FC<LayoutDialogProps> = ({ children }) => (\r\n        <LayoutDialog open={open} onClose={onClose} title={title} color={color} maxWidth={maxWidth}>\r\n            {children}\r\n        </LayoutDialog>\r\n    );\r\n\r\n    return Dialog;\r\n};"]}