wcz-test 2.2.1 → 2.3.0

package/dist/index.d.ts

@@ -17,35 +17,6 @@ export { useDialogs } from '@toolpad/core/useDialogs';
 export { useNotifications } from '@toolpad/core/useNotifications';
 export { useLocalStorageState } from '@toolpad/core/useLocalStorageState';
 
-var Layout = {
-	Logout: "Logout",
-	LogIn: "Log In",
-	Language: "Language",
-	Appearance: "Appearance",
-	Light: "Light",
-	Dark: "Dark",
-	System: "System",
-	Homepage: "Homepage",
-	ThisPageCouldNotBeFound: "This page could not be found.",
-	Settings: "Settings",
-	Unauthorized: "Unauthorized",
-	DevelopmentDialogTitle: "Testing environment",
-	DevelopmentDialogContent: "You are in 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."
-};
-var en = {
-	Layout: Layout
-};
-
-type TranslationKeys = typeof en;
-
-declare module 'i18next' {
-    interface CustomTypeOptions {
-        resources: {
-            translation: TranslationKeys;
-        };
-    }
-}
-
 interface TypographyWithIconProps extends TypographyProps {
     startIcon?: React.ReactNode;
     endIcon?: React.ReactNode;
@@ -113,6 +84,60 @@ declare class Platform {
 }
 declare const getContrastTextColor: (color: string) => "black" | "white";
 declare const wczApiClient: axios.AxiosInstance;
+declare const WISTRON_PRIMARY_COLOR = "#00506E";
+declare const WISTRON_SECONDARY_COLOR = "#64DC00";
+
+interface HeadProps {
+    name: string;
+    themeColor: string;
+}
+declare const defaultHead: ({ name, themeColor }: HeadProps) => () => {
+    meta: ({
+        charSet: string;
+        name?: undefined;
+        content?: undefined;
+        title?: undefined;
+    } | {
+        name: string;
+        content: string;
+        charSet?: undefined;
+        title?: undefined;
+    } | {
+        title: string;
+        charSet?: undefined;
+        name?: undefined;
+        content?: undefined;
+    })[];
+    links: ({
+        rel: string;
+        sizes: string;
+        href: string;
+        type?: undefined;
+        name?: undefined;
+        theme_color?: undefined;
+    } | {
+        rel: string;
+        type: string;
+        sizes: string;
+        href: string;
+        name?: undefined;
+        theme_color?: undefined;
+    } | {
+        rel: string;
+        href: string;
+        name: string;
+        theme_color: string;
+        sizes?: undefined;
+        type?: undefined;
+    } | {
+        rel: string;
+        href: string;
+        sizes?: undefined;
+        type?: undefined;
+        name?: undefined;
+        theme_color?: undefined;
+    })[];
+};
 
 type FormOmittedProps = "name" | "value" | "onChange" | "onBlur" | "error" | "helperText" | "renderInput" | "type" | "aria-label";
 
@@ -212,4 +237,4 @@ declare const withLayoutForm: <TFormData, TOnMount extends _tanstack_form_core.F
     };
 }>) => react.JSX.Element;
 
-export { ChipInputCell, EditableColumnHeader, LayoutProvider, type NavigationParams, Platform, RouterButton, RouterError, RouterLink, RouterNotFound, RouterTab, TypographyWithIcon, type User, getContrastTextColor, useFieldContext, useFormContext, useLayoutForm, wczApiClient, withLayoutForm };
+export { ChipInputCell, EditableColumnHeader, LayoutProvider, type NavigationParams, Platform, RouterButton, RouterError, RouterLink, RouterNotFound, RouterTab, TypographyWithIcon, type User, WISTRON_PRIMARY_COLOR, WISTRON_SECONDARY_COLOR, defaultHead, getContrastTextColor, useFieldContext, useFormContext, useLayoutForm, wczApiClient, withLayoutForm };

package/dist/index.js

@@ -1032,9 +1032,9 @@ var TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...p
     return acc;
   }, {});
   return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", gap: 1, sx: stackStyles, mb: gutterBottom ? 0.7 : void 0, children: [
-    startIcon && startIcon,
+    startIcon,
     /* @__PURE__ */ jsx(Typography, { ...props, sx: sxCopy, children }),
-    endIcon && endIcon
+    endIcon
   ] });
 };
 
@@ -1950,8 +1950,111 @@ import { csCZ, enUS } from "@mui/material/locale";
 import { csCZ as dataGridCsCz, enUS as dataGridEnUs } from "@mui/x-data-grid-premium/locales";
 import { csCZ as datePickersCsCz, enUS as datePickersEnUs } from "@mui/x-date-pickers-pro/locales";
 import { useTranslation as useTranslation4 } from "react-i18next";
-var WISTRON_PRIMARY = "#00506E";
-var WISTRON_SECONDARY = "#64DC00";
+
+// src/utils/ClientUtils.ts
+import { useQueryClient } from "@tanstack/react-query";
+import axios from "axios";
+
+// src/services/UserService.ts
+import Keycloak from "keycloak-js";
+var keycloakConfig = {
+  url: import.meta.env.VITE_KEYCLOAK_URL,
+  realm: import.meta.env.VITE_KEYCLOAK_REALM,
+  clientId: import.meta.env.VITE_KEYCLOAK_CLIENT_ID,
+  idpHint: import.meta.env.VITE_KEYCLOAK_IDP_HINT,
+  confidentialClientId: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_ID,
+  confidentialClientSecret: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_SECRET
+};
+var _kc = new Keycloak({
+  url: keycloakConfig.url,
+  realm: keycloakConfig.realm,
+  clientId: keycloakConfig.clientId
+});
+var initKeycloak = async () => {
+  if (typeof window === "undefined") return;
+  const authenticated = await _kc.init({ onLoad: "check-sso" });
+  if (authenticated) {
+    return await loadUserInfo();
+  } else {
+    await _kc.login({ idpHint: keycloakConfig.idpHint });
+    return await loadUserInfo();
+  }
+};
+var login = _kc.login;
+var logout = _kc.logout;
+var getToken = () => {
+  if (_kc.token) {
+    return _kc.token;
+  } else {
+    return getConfidentialToken();
+  }
+};
+var getConfidentialToken = async () => {
+  const { confidentialClientId, confidentialClientSecret, url, realm } = keycloakConfig;
+  if (!confidentialClientId || !confidentialClientSecret)
+    throw new Error("Confidential client id or secret is missing");
+  const credentials = btoa(`${confidentialClientId}:${confidentialClientSecret}`);
+  const urlencoded = new URLSearchParams({ grant_type: "client_credentials" });
+  const response = await fetch(`${url}/realms/${realm}/protocol/openid-connect/token`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded",
+      "Authorization": `Basic ${credentials}`
+    },
+    body: urlencoded
+  });
+  if (!response.ok)
+    throw new Error("Failed to obtain confidential token");
+  const data = await response.json();
+  return data.access_token;
+};
+var updateToken = () => _kc.updateToken(30).catch(login);
+var hasRole = (roles) => roles.some((role) => _kc.hasRealmRole(role) || _kc.hasResourceRole(role));
+var loadUserInfo = async () => {
+  const user2 = await _kc.loadUserInfo();
+  return {
+    name: user2.name,
+    employeeId: user2.employeeId?.toUpperCase() ?? "",
+    department: user2.department ?? "",
+    email: user2.email,
+    company: user2.company,
+    category: user2.category
+  };
+};
+var UserService = {
+  initKeycloak,
+  login,
+  logout,
+  getToken,
+  updateToken,
+  hasRole
+};
+
+// src/utils/ClientUtils.ts
+var Platform = class {
+  static isAndroid = /android/i.test(navigator.userAgent);
+  static isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
+  static isWindows = /windows/i.test(navigator.userAgent);
+  static isMacOS = /Macintosh|MacIntel|MacPPC|Mac68K/.test(navigator.userAgent);
+};
+var getContrastTextColor = (color) => {
+  const r = parseInt(color.substring(1, 3), 16);
+  const g = parseInt(color.substring(3, 5), 16);
+  const b = parseInt(color.substring(5, 7), 16);
+  const yiq = (r * 299 + g * 587 + b * 114) / 1e3;
+  return yiq >= 128 ? "black" : "white";
+};
+var wczApiClient = axios.create();
+wczApiClient.interceptors.request.use(async (config) => {
+  await UserService.updateToken();
+  const token = await UserService.getToken();
+  config.headers.Authorization = `Bearer ${token}`;
+  return config;
+});
+var WISTRON_PRIMARY_COLOR = "#00506E";
+var WISTRON_SECONDARY_COLOR = "#64DC00";
+
+// src/hooks/ThemeHook.ts
 var useGetTheme = (theme) => {
   const { i18n: i18n2 } = useTranslation4();
   return createTheme(
@@ -1962,14 +2065,14 @@ var useGetTheme = (theme) => {
       colorSchemes: {
         light: {
           palette: {
-            primary: { main: WISTRON_PRIMARY },
-            secondary: { main: WISTRON_SECONDARY }
+            primary: { main: WISTRON_PRIMARY_COLOR },
+            secondary: { main: WISTRON_SECONDARY_COLOR }
           }
         },
         dark: {
           palette: {
-            primary: { main: lighten(WISTRON_PRIMARY, 0.1) },
-            secondary: { main: darken(WISTRON_SECONDARY, 0.1) }
+            primary: { main: lighten(WISTRON_PRIMARY_COLOR, 0.1) },
+            secondary: { main: darken(WISTRON_SECONDARY_COLOR, 0.1) }
           }
         },
         ...theme?.colorSchemes
@@ -2112,104 +2215,23 @@ var LayoutProvider = (props) => {
 // src/index.ts
 import { uuidv7 } from "uuidv7";
 
-// src/utils/ClientUtils.ts
-import axios from "axios";
-
-// src/services/UserService.ts
-import Keycloak from "keycloak-js";
-var keycloakConfig = {
-  url: import.meta.env.VITE_KEYCLOAK_URL,
-  realm: import.meta.env.VITE_KEYCLOAK_REALM,
-  clientId: import.meta.env.VITE_KEYCLOAK_CLIENT_ID,
-  idpHint: import.meta.env.VITE_KEYCLOAK_IDP_HINT,
-  confidentialClientId: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_ID,
-  confidentialClientSecret: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_SECRET
-};
-var _kc = new Keycloak({
-  url: keycloakConfig.url,
-  realm: keycloakConfig.realm,
-  clientId: keycloakConfig.clientId
-});
-var initKeycloak = async () => {
-  if (typeof window === "undefined") return;
-  const authenticated = await _kc.init({ onLoad: "check-sso" });
-  if (authenticated) {
-    return await loadUserInfo();
-  } else {
-    await _kc.login({ idpHint: keycloakConfig.idpHint });
-    return await loadUserInfo();
-  }
-};
-var login = _kc.login;
-var logout = _kc.logout;
-var getToken = () => {
-  if (_kc.token) {
-    return _kc.token;
-  } else {
-    return getConfidentialToken();
-  }
-};
-var getConfidentialToken = async () => {
-  const { confidentialClientId, confidentialClientSecret, url, realm } = keycloakConfig;
-  if (!confidentialClientId || !confidentialClientSecret)
-    throw new Error("Confidential client id or secret is missing");
-  const credentials = btoa(`${confidentialClientId}:${confidentialClientSecret}`);
-  const urlencoded = new URLSearchParams({ grant_type: "client_credentials" });
-  const response = await fetch(`${url}/realms/${realm}/protocol/openid-connect/token`, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/x-www-form-urlencoded",
-      "Authorization": `Basic ${credentials}`
-    },
-    body: urlencoded
-  });
-  if (!response.ok)
-    throw new Error("Failed to obtain confidential token");
-  const data = await response.json();
-  return data.access_token;
-};
-var updateToken = () => _kc.updateToken(30).catch(login);
-var hasRole = (roles) => roles.some((role) => _kc.hasRealmRole(role) || _kc.hasResourceRole(role));
-var loadUserInfo = async () => {
-  const user2 = await _kc.loadUserInfo();
-  return {
-    name: user2.name,
-    employeeId: user2.employeeId?.toUpperCase() ?? "",
-    department: user2.department ?? "",
-    email: user2.email,
-    company: user2.company,
-    category: user2.category
-  };
-};
-var UserService = {
-  initKeycloak,
-  login,
-  logout,
-  getToken,
-  updateToken,
-  hasRole
-};
-
-// src/utils/ClientUtils.ts
-var Platform = class {
-  static isAndroid = /android/i.test(navigator.userAgent);
-  static isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
-  static isWindows = /windows/i.test(navigator.userAgent);
-  static isMacOS = /Macintosh|MacIntel|MacPPC|Mac68K/.test(navigator.userAgent);
-};
-var getContrastTextColor = (color) => {
-  const r = parseInt(color.substring(1, 3), 16);
-  const g = parseInt(color.substring(3, 5), 16);
-  const b = parseInt(color.substring(5, 7), 16);
-  const yiq = (r * 299 + g * 587 + b * 114) / 1e3;
-  return yiq >= 128 ? "black" : "white";
-};
-var wczApiClient = axios.create();
-wczApiClient.interceptors.request.use(async (config) => {
-  await UserService.updateToken();
-  const token = await UserService.getToken();
-  config.headers.Authorization = `Bearer ${token}`;
-  return config;
+// src/utils/client/DefaultHead.ts
+var defaultHead = ({ name, themeColor }) => () => ({
+  meta: [
+    { charSet: "utf-8" },
+    { name: "viewport", content: "width=device-width, initial-scale=1" },
+    { title: name },
+    { name: "og:type", content: "website" },
+    { name: "og:title", content: name },
+    { name: "og:image", content: "/favicon-32x32.png" }
+  ],
+  links: [
+    { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" },
+    { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png" },
+    { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png" },
+    { rel: "manifest", href: "/site.webmanifest", name, theme_color: themeColor },
+    { rel: "icon", href: "/favicon.ico" }
+  ]
 });
 
 // src/hooks/FormHooks.ts
@@ -2526,6 +2548,9 @@ export {
   RouterNotFound,
   RouterTab,
   TypographyWithIcon,
+  WISTRON_PRIMARY_COLOR,
+  WISTRON_SECONDARY_COLOR,
+  defaultHead,
   getContrastTextColor,
   useDialogs,
   useFieldContext,