wcz-layout 5.2.1 → 5.2.2

package/package.json

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

package/src/components/Layout.tsx

@@ -96,7 +96,7 @@ export default function Layout(props: LayoutProps) {
 
     return (
         <ThemeProvider theme={theme}>
-            <Box sx={{ display: 'flex', position: "sticky" }}>
+            <Box sx={{ display: 'flex', position: 'sticky' }}>
                 <CssBaseline />
                 <AppBar position="fixed" open={leftDrawerOpen}>
                     <Toolbar>
@@ -114,7 +114,7 @@ export default function Layout(props: LayoutProps) {
 
                 <LeftDrawer appVersion={appVersion} items={leftDrawerItems} drawerOpen={leftDrawerOpen} setDrawerOpen={setLeftDrawerOpen} />
 
-                <Box component="main" sx={{ flexGrow: 1 }}>
+                <Box component="main" sx={{ flex: 1, overflow: "auto" }}>
                     <DrawerHeader />
                     {authorized ? children : <CenteredBox label={t("Layout.Unauthorized")!} />}
                 </Box>

package/src/models/KeycloakExtendedConfig.ts

@@ -1,12 +1,12 @@
-export default interface KeycloakExtendedConfig {
-    autoLogin?: boolean,
-    confidential?: Confidential,
-    realm: string,
-    "auth-server-url": string,
-    idpHint?: string
-}
-
-export interface Confidential {
-    client: string,
-    secret: string
+export default interface KeycloakExtendedConfig {
+    autoLogin?: boolean,
+    confidential?: Confidential,
+    realm: string,
+    "auth-server-url": string,
+    idpHint?: string
+}
+
+export interface Confidential {
+    client: string,
+    secret: string
 }

package/src/models/LeftDrawerItem.ts

@@ -1,6 +1,6 @@
-export interface LeftDrawerItem {
-    title: string,
-    path: string,
-    icon: React.ReactNode,
-    hidden?: boolean
-}
+export interface LeftDrawerItem {
+    title: string,
+    path: string,
+    icon: React.ReactNode,
+    hidden?: boolean
+}

package/src/models/SnackbarModel.ts

@@ -1,6 +1,6 @@
-import { AlertColor } from "@mui/material";
-
-export default interface SnackbarModel {
-    message: string,
-    severity?: AlertColor
+import { AlertColor } from "@mui/material";
+
+export default interface SnackbarModel {
+    message: string,
+    severity?: AlertColor
 }

package/src/models/User.ts

@@ -1,13 +1,13 @@
-import { KeycloakPromise } from "keycloak-js";
-
-export interface User {
-    id: string,
-    name: string,
-    department: string
-}
-
-export interface ExtendedUser extends User {
-    loggedIn: boolean,
-    login: () => KeycloakPromise<void, void>,
-    logout: () => KeycloakPromise<void, void> 
+import { KeycloakPromise } from "keycloak-js";
+
+export interface User {
+    id: string,
+    name: string,
+    department: string
+}
+
+export interface ExtendedUser extends User {
+    loggedIn: boolean,
+    login: () => KeycloakPromise<void, void>,
+    logout: () => KeycloakPromise<void, void> 
 }

package/src/utils/Fetches.ts

@@ -1,92 +1,92 @@
-import { getToken } from "./UserService";
-
-export const fetchGet = async (url: string, signal: AbortSignal | undefined): Promise<any> => {
-    const initReq: RequestInit = await getRequestInit("GET", null, signal);
-
-    const response: Response = await fetch(url, initReq);
-    if (!response.ok)
-        throw await getQueryErrorMessage(response);
-
-    return response.json();
-};
-
-export const fetchFileGet = async (url: string, signal: AbortSignal | undefined): Promise<Blob> => {
-    const initReq: RequestInit = await getRequestInit("GET", null, signal);
-
-    const response: Response = await fetch(url, initReq);
-    if (!response.ok)
-        throw await getQueryErrorMessage(response);
-
-    return response.blob();
-};
-
-export const fetchPost = async (url: string, data: unknown): Promise<any> => {
-    const initReq: RequestInit = await getRequestInit("POST", data);
-
-    const response: Response = await fetch(url, initReq);
-    if (!response.ok)
-        throw await getQueryErrorMessage(response);
-
-    return response.json();
-};
-
-export const fetchPut = async (url: string, data: unknown): Promise<Response> => {
-    const initReq: RequestInit = await getRequestInit("PUT", data);
-
-    const response: Response = await fetch(url, initReq);
-    if (!response.ok)
-        throw await getQueryErrorMessage(response);
-
-    return response;
-};
-
-export const fetchDelete = async (url: string): Promise<Response> => {
-    const initReq: RequestInit = await getRequestInit("DELETE");
-
-    const response: Response = await fetch(url, initReq);
-    if (!response.ok)
-        throw await getQueryErrorMessage(response);
-
-    return response;
-};
-
-const getRequestInit = async (method: string, data?: unknown, signal?: AbortSignal): Promise<RequestInit> => {
-    const request: RequestInit = {
-        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;
-};
-
-const getQueryErrorMessage = async (response: Response): Promise<string> => {
-    let message: string = `Error connecting to server`;
-
-    const detailMessage: string | undefined = await response.json()
-        .then(data => data.message ?? data.title)
-        .catch(() => (message));
-
-    if (detailMessage)
-        message = detailMessage;
-
-    return message;
+import { getToken } from "./UserService";
+
+export const fetchGet = async (url: string, signal: AbortSignal | undefined): Promise<any> => {
+    const initReq: RequestInit = await getRequestInit("GET", null, signal);
+
+    const response: Response = await fetch(url, initReq);
+    if (!response.ok)
+        throw await getQueryErrorMessage(response);
+
+    return response.json();
+};
+
+export const fetchFileGet = async (url: string, signal: AbortSignal | undefined): Promise<Blob> => {
+    const initReq: RequestInit = await getRequestInit("GET", null, signal);
+
+    const response: Response = await fetch(url, initReq);
+    if (!response.ok)
+        throw await getQueryErrorMessage(response);
+
+    return response.blob();
+};
+
+export const fetchPost = async (url: string, data: unknown): Promise<any> => {
+    const initReq: RequestInit = await getRequestInit("POST", data);
+
+    const response: Response = await fetch(url, initReq);
+    if (!response.ok)
+        throw await getQueryErrorMessage(response);
+
+    return response.json();
+};
+
+export const fetchPut = async (url: string, data: unknown): Promise<Response> => {
+    const initReq: RequestInit = await getRequestInit("PUT", data);
+
+    const response: Response = await fetch(url, initReq);
+    if (!response.ok)
+        throw await getQueryErrorMessage(response);
+
+    return response;
+};
+
+export const fetchDelete = async (url: string): Promise<Response> => {
+    const initReq: RequestInit = await getRequestInit("DELETE");
+
+    const response: Response = await fetch(url, initReq);
+    if (!response.ok)
+        throw await getQueryErrorMessage(response);
+
+    return response;
+};
+
+const getRequestInit = async (method: string, data?: unknown, signal?: AbortSignal): Promise<RequestInit> => {
+    const request: RequestInit = {
+        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;
+};
+
+const getQueryErrorMessage = async (response: Response): Promise<string> => {
+    let message: string = `Error connecting to server`;
+
+    const detailMessage: string | undefined = await response.json()
+        .then(data => data.message ?? data.title)
+        .catch(() => (message));
+
+    if (detailMessage)
+        message = detailMessage;
+
+    return message;
 };

package/src/utils/Helpers.ts

@@ -1,8 +1,8 @@
-import { Guid } from "guid-ts";
-
-export const isAndroid: boolean = /(android)/i.test(navigator.userAgent);
-export const isMobile: boolean = /(android|iphone)/i.test(navigator.userAgent);
-
-export const isDevelopment: boolean = window.location.href.includes(".dev") || window.location.href.includes("localhost");
-
-export const newGuid = (): string => Guid.newGuid().toString();
+import { Guid } from "guid-ts";
+
+export const isAndroid: boolean = /(android)/i.test(navigator.userAgent);
+export const isMobile: boolean = /(android|iphone)/i.test(navigator.userAgent);
+
+export const isDevelopment: boolean = window.location.href.includes(".dev") || window.location.href.includes("localhost");
+
+export const newGuid = (): string => Guid.newGuid().toString();

package/dist/package.json

@@ -1,49 +0,0 @@
-{
-    "name": "wcz-layout",
-    "license": "MIT",
-    "author": "Dalibor Homola",
-    "version": "0.1.8",
-    "main": "dist/src/index.js",
-    "module": "dist/src/index.js",
-    "exports": {
-        ".": "./dist/src/index.js"
-    },
-    "scripts": {
-        "npm-install": "npm install",
-        "npm-update": "npm update",
-        "analyze": "cem analyze --litelement",
-        "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
-        "build": "tsc && npm run analyze -- --exclude dist",
-        "prepublish": "tsc && npm run analyze -- --exclude dist",
-        "publish": "npm publish"
-    },
-    "dependencies": {
-        "guid-ts": "^1.1.2",
-        "i18next": "^22.0.6",
-        "i18next-browser-languagedetector": "^7.0.1",
-        "i18next-http-backend": "^2.0.1",
-        "keycloak-js": "^19.0.2",
-        "react-i18next": "^12.0.0"
-    },
-    "devDependencies": {
-        "@custom-elements-manifest/analyzer": "^0.4.17",
-        "@web/dev-server": "^0.1.28",
-        "concurrently": "^5.3.0",
-        "lit": "^2.0.2",
-        "react": "18.2.0",
-        "react-dom": "18.2.0",
-        "tslib": "^2.3.1",
-        "typescript": "^4.8.4"
-    },
-    "peerDependencies": {
-        "@emotion/react": "11.x",
-        "@emotion/styled": "11.x",
-        "@mui/icons-material": "5.x",
-        "@mui/material": "5.x",
-        "@tanstack/react-query": "4.x",
-        "moment": "2.x",
-        "react-router-dom": "6.x"
-    },
-    "customElements": "custom-elements.json",
-    "keycloak": {}
-}