wcz-test 2.9.0 → 2.11.0

package/dist/index.d.ts

@@ -57,7 +57,7 @@ declare const RouterTab: LinkComponent<typeof Component>;
 declare function RouterNotFound(): react_jsx_runtime.JSX.Element;
 
 interface RouterErrorProps {
-    error: ErrorComponentProps['error'];
+    error: ErrorComponentProps["error"];
 }
 declare const RouterError: FC<RouterErrorProps>;
 
@@ -76,8 +76,8 @@ interface NavigationParams {
 }
 
 interface ProvidersProps {
-    getNavigation?: (params: NavigationParams) => Navigation;
-    theme?: Pick<CssVarsThemeOptions, 'colorSchemes' | 'components'>;
+    getNavigation?: (parameters: NavigationParams) => Navigation;
+    theme?: Pick<CssVarsThemeOptions, "colorSchemes" | "components">;
     children: React.ReactNode;
 }
 declare const LayoutProvider: FC<ProvidersProps>;
@@ -179,9 +179,7 @@ interface FormAutocompleteProps extends Omit<AutocompleteProps<any, boolean, boo
     textFieldProps?: Omit<TextFieldProps, FormOmittedProps>;
 }
 
-interface FormTextFieldProps$1 extends Omit<TextFieldProps, FormOmittedProps> {
-}
-interface FormNumberFieldProps extends FormTextFieldProps$1 {
+interface FormNumberFieldProps extends Omit<TextFieldProps, FormOmittedProps> {
     defaultValue?: number | null;
     options?: Omit<NumericFormatProps<InputAttributes>, "customInput" | "onValueChange" | keyof InputAttributes>;
 }
@@ -190,8 +188,7 @@ interface FormTextFieldProps extends Omit<TextFieldProps, FormOmittedProps> {
     type?: "color" | "email" | "password" | "search" | "tel" | "text" | "url";
 }
 
-interface FormSubmitButtonProps extends Omit<ButtonProps, "loading" | "disabled" | "onClick" | "type"> {
-}
+type FormSubmitButtonProps = Omit<ButtonProps, "loading" | "disabled" | "onClick" | "type">;
 
 declare const useFieldContext: <TData>() => _tanstack_form_core.FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>;
 declare const useFormContext: () => _tanstack_react_form.ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any>;

package/dist/index.js

@@ -1024,13 +1024,15 @@ var stackSxProps = [
 ];
 var TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...props }) => {
   const sxCopy = { ...sx };
-  const stackStyles = stackSxProps.reduce((acc, curr) => {
-    if (sxCopy && sxCopy[curr]) {
-      acc[curr] = sxCopy[curr];
-      delete sxCopy[curr];
+  const stackStyles = {};
+  if (sxCopy) {
+    for (const current of stackSxProps) {
+      if (sxCopy[current]) {
+        stackStyles[current] = sxCopy[current];
+        delete sxCopy[current];
+      }
     }
-    return acc;
-  }, {});
+  }
   return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", gap: 1, sx: stackStyles, mb: gutterBottom ? 0.7 : void 0, children: [
     startIcon,
     /* @__PURE__ */ jsx(Typography, { ...props, sx: sxCopy, children }),
@@ -1090,7 +1092,9 @@ import { Button } from "@mui/material";
 import { createLink } from "@tanstack/react-router";
 import React from "react";
 import { jsx as jsx5 } from "react/jsx-runtime";
-var Component = React.forwardRef((props, ref) => /* @__PURE__ */ jsx5(Button, { ref, component: "a", ...props }));
+var Component = React.forwardRef(function ButtonComponent(props, reference) {
+  return /* @__PURE__ */ jsx5(Button, { ref: reference, component: "a", ...props });
+});
 var CreatedComponent = createLink(Component);
 var RouterButton = (props) => {
   return /* @__PURE__ */ jsx5(CreatedComponent, { preload: "intent", ...props });
@@ -1102,7 +1106,9 @@ import { createLink as createLink2 } from "@tanstack/react-router";
 import React2 from "react";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var Component2 = React2.forwardRef(
-  (props, ref) => /* @__PURE__ */ jsx6(GridActionsCellItem, { ref, component: "a", ...props })
+  function GridActionsCellItemComponent(props, reference) {
+    return /* @__PURE__ */ jsx6(GridActionsCellItem, { ref: reference, component: "a", ...props });
+  }
 );
 var CreatedComponent2 = createLink2(Component2);
 var RouterGridActionsCellItem = (props) => {
@@ -1114,7 +1120,9 @@ import { IconButton } from "@mui/material";
 import { createLink as createLink3 } from "@tanstack/react-router";
 import React3 from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
-var Component3 = React3.forwardRef((props, ref) => /* @__PURE__ */ jsx7(IconButton, { ref, component: "a", ...props }));
+var Component3 = React3.forwardRef(function IconButtonComponent(props, reference) {
+  return /* @__PURE__ */ jsx7(IconButton, { ref: reference, component: "a", ...props });
+});
 var CreatedComponent3 = createLink3(Component3);
 var RouterIconButton = (props) => {
   return /* @__PURE__ */ jsx7(CreatedComponent3, { preload: "intent", ...props });
@@ -1125,7 +1133,9 @@ import { Link } from "@mui/material";
 import { createLink as createLink4 } from "@tanstack/react-router";
 import React4 from "react";
 import { jsx as jsx8 } from "react/jsx-runtime";
-var Component4 = React4.forwardRef((props, ref) => /* @__PURE__ */ jsx8(Link, { ref, ...props }));
+var Component4 = React4.forwardRef(function LinkComponent(props, reference) {
+  return /* @__PURE__ */ jsx8(Link, { ref: reference, ...props });
+});
 var CreatedComponent4 = createLink4(Component4);
 var RouterLink = (props) => {
   return /* @__PURE__ */ jsx8(CreatedComponent4, { preload: "intent", ...props });
@@ -1136,7 +1146,9 @@ import { Tab } from "@mui/material";
 import { createLink as createLink5 } from "@tanstack/react-router";
 import React5 from "react";
 import { jsx as jsx9 } from "react/jsx-runtime";
-var Component5 = React5.forwardRef((props, ref) => /* @__PURE__ */ jsx9(Tab, { ref, component: "a", ...props }));
+var Component5 = React5.forwardRef(function TabComponent(props, reference) {
+  return /* @__PURE__ */ jsx9(Tab, { ref: reference, component: "a", ...props });
+});
 var CreatedComponent5 = createLink5(Component5);
 var RouterTab = (props) => {
   return /* @__PURE__ */ jsx9(CreatedComponent5, { preload: "intent", ...props });
@@ -1900,9 +1912,9 @@ var user = {
   }
 };
 var ToolbarAccount = () => {
-  const [anchorEl, setAnchorEl] = useState2(null);
+  const [anchorElement, setAnchorElement] = useState2();
   const [tab, setTab] = useState2("settings");
-  const open = Boolean(anchorEl);
+  const open = Boolean(anchorElement);
   const { t, i18n: i18n2 } = useTranslation3();
   const { mode, setMode } = useColorScheme();
   const changeLanguage = (newLanguage) => () => {
@@ -1914,25 +1926,28 @@ var ToolbarAccount = () => {
   };
   const getModeText = () => {
     switch (mode) {
-      case "light":
+      case "light": {
         return t("Layout.Light");
-      case "dark":
+      }
+      case "dark": {
         return t("Layout.Dark");
-      default:
+      }
+      default: {
         return t("Layout.System");
+      }
     }
   };
   const usernameInitials = () => {
     const splittedName = user.name.split(" ");
     return `${splittedName[0][0]}${splittedName.length > 1 ? splittedName[1][0] : ""}`;
   };
-  const openMenu = (e) => setAnchorEl(e.currentTarget);
+  const openMenu = (event) => setAnchorElement(event.currentTarget);
   const closeMenu = () => {
-    setAnchorEl(null);
+    setAnchorElement(void 0);
     setTimeout(() => setTab("settings"), 300);
   };
-  const login2 = () => user.login();
-  const logout2 = () => user.logout();
+  const login = () => user.login();
+  const logout = () => user.logout();
   const changeTab = (newTab) => () => setTab(newTab);
   const settings = /* @__PURE__ */ jsxs6(List, { component: "nav", subheader: /* @__PURE__ */ jsx14(ListSubheader, { sx: { backgroundColor: "transparent" }, children: t("Layout.Settings") }), children: [
     /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
@@ -1974,18 +1989,18 @@ var ToolbarAccount = () => {
   ] });
   return /* @__PURE__ */ jsxs6(Fragment, { children: [
     /* @__PURE__ */ jsx14(IconButton3, { size: "small", onClick: openMenu, children: user.name ? /* @__PURE__ */ jsx14(Avatar, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx14(Typography6, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx14(AccountCircle, {}) }),
-    /* @__PURE__ */ jsx14(Menu, { anchorEl, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs6(Box3, { sx: { width: 240 }, children: [
+    /* @__PURE__ */ jsx14(Menu, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs6(Box3, { sx: { width: 240 }, children: [
       /* @__PURE__ */ jsx14(List, { children: user.name ? /* @__PURE__ */ jsxs6(Fragment, { children: [
         /* @__PURE__ */ jsx14(ListItem, { children: /* @__PURE__ */ jsx14(ListItemText, { primary: user.name, secondary: /* @__PURE__ */ jsxs6("span", { children: [
           /* @__PURE__ */ jsx14("span", { children: user.employeeId }),
           /* @__PURE__ */ jsx14("br", {}),
           /* @__PURE__ */ jsx14("span", { children: user.department })
         ] }) }) }),
-        /* @__PURE__ */ jsxs6(ListItemButton, { onClick: logout2, children: [
+        /* @__PURE__ */ jsxs6(ListItemButton, { onClick: logout, children: [
           /* @__PURE__ */ jsx14(ListItemIcon, { children: /* @__PURE__ */ jsx14(Logout, { color: "error" }) }),
           /* @__PURE__ */ jsx14(ListItemText, { primary: t("Layout.Logout") })
         ] })
-      ] }) : /* @__PURE__ */ jsxs6(ListItemButton, { onClick: login2, children: [
+      ] }) : /* @__PURE__ */ jsxs6(ListItemButton, { onClick: login, children: [
         /* @__PURE__ */ jsx14(ListItemIcon, { children: /* @__PURE__ */ jsx14(Login, { color: "success" }) }),
         /* @__PURE__ */ jsx14(ListItemText, { primary: t("Layout.LogIn") })
       ] }) }),
@@ -2007,80 +2022,6 @@ import { useTranslation as useTranslation4 } from "react-i18next";
 // 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: "https://keycloak.example.com/auth",
-  realm: "example-realm",
-  clientId: "example-client"
-};
-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);
@@ -2088,9 +2029,9 @@ var Platform = class {
   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 r = Number.parseInt(color.slice(1, 3), 16);
+  const g = Number.parseInt(color.slice(3, 5), 16);
+  const b = Number.parseInt(color.slice(5, 7), 16);
   const yiq = (r * 299 + g * 587 + b * 114) / 1e3;
   return yiq >= 128 ? "black" : "white";
 };
@@ -2113,9 +2054,6 @@ var rootRouteHead = ({ title, themeColor }) => () => ({
 });
 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";
@@ -2138,8 +2076,8 @@ var useGetTheme = (theme) => {
         },
         dark: {
           palette: {
-            primary: { main: lighten(WISTRON_PRIMARY_COLOR, 0.1) },
-            secondary: { main: darken(WISTRON_SECONDARY_COLOR, 0.1) }
+            primary: { main: lighten(WISTRON_PRIMARY_COLOR, 0.5) },
+            secondary: { main: darken(WISTRON_SECONDARY_COLOR, 0.5) }
           }
         },
         ...theme?.colorSchemes
@@ -2225,13 +2163,13 @@ import { useLocation, useNavigate, useSearch, Link as TanstackRouterLink } from
 import { AppProvider } from "@toolpad/core/AppProvider";
 import { useCallback, useMemo as useMemo2, forwardRef } from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
-var Link2 = forwardRef((props, ref) => {
+var Link2 = forwardRef(function Link3(props, reference) {
   const { href, history, ...rest } = props;
-  return /* @__PURE__ */ jsx15(TanstackRouterLink, { ref, to: href, replace: history === "replace", ...rest });
+  return /* @__PURE__ */ jsx15(TanstackRouterLink, { ref: reference, to: href, replace: history === "replace", ...rest });
 });
 var TanstackRouterAppProvider = (props) => {
   const { pathname } = useLocation();
-  const searchParams = useSearch({ strict: false });
+  const searchParameters = useSearch({ strict: false });
   const _navigate = useNavigate();
   const navigate = useCallback(
     (url, { history = "auto" } = {}) => {
@@ -2239,7 +2177,7 @@ var TanstackRouterAppProvider = (props) => {
     },
     [_navigate]
   );
-  const router = useMemo2(() => ({ pathname, searchParams: new URLSearchParams(searchParams), navigate, Link: Link2 }), [pathname, searchParams, navigate]);
+  const router = useMemo2(() => ({ pathname, searchParams: new URLSearchParams(searchParameters), navigate, Link: Link2 }), [pathname, searchParameters, navigate]);
   return /* @__PURE__ */ jsx15(AppProvider, { router, ...props });
 };
 
@@ -2274,7 +2212,7 @@ var LayoutProvider = (props) => {
     DashboardLayout,
     {
       defaultSidebarCollapsed: true,
-      hideNavigation: !navigation.length,
+      hideNavigation: navigation.length === 0,
       slots: {
         toolbarActions: () => null,
         toolbarAccount: ToolbarAccount,
@@ -2282,7 +2220,7 @@ var LayoutProvider = (props) => {
       },
       children: [
         props.children,
-        /* @__PURE__ */ jsx16(DevelopmentBanner, { hasNavigationRoutes: !!navigation.length }),
+        /* @__PURE__ */ jsx16(DevelopmentBanner, { hasNavigationRoutes: navigation.length > 0 }),
         (isFetching || isMutating) && /* @__PURE__ */ jsx16(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
       ]
     }
@@ -2321,10 +2259,10 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
       onBlur: field.handleBlur,
       "aria-label": field.name,
       ...autocompleteProps,
-      renderInput: (params) => /* @__PURE__ */ jsx17(
+      renderInput: (parameters) => /* @__PURE__ */ jsx17(
         TextField,
         {
-          ...params,
+          ...parameters,
           name: field.name,
           error: isTouched && hasError,
           helperText: isTouched && helperText,
@@ -2350,7 +2288,7 @@ var FormCheckbox = (props) => {
           {
             name: field.name,
             checked: Boolean(field.state.value),
-            onChange: (e) => field.handleChange(e.target.checked),
+            onChange: (event) => field.handleChange(event.target.checked),
             onBlur: field.handleBlur,
             "aria-label": field.name,
             ...props
@@ -2456,7 +2394,7 @@ var FormRadioGroup = ({ label, options, ...props }) => {
       {
         name: field.name,
         value: field.state.value ?? "",
-        onChange: (e) => field.handleChange(e.target.value),
+        onChange: (event) => field.handleChange(event.target.value),
         onBlur: field.handleBlur,
         "aria-label": field.name,
         ...props,
@@ -2503,9 +2441,9 @@ import { Button as Button2 } from "@mui/material";
 import { jsx as jsx24 } from "react/jsx-runtime";
 var FormSubmitButton = (props) => {
   const form = useFormContext();
-  const handleClick = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
+  const handleClick = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
     form.handleSubmit();
   };
   return /* @__PURE__ */ jsx24(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx24(
@@ -2536,7 +2474,7 @@ var FormSwitch = (props) => {
           {
             name: field.name,
             checked: Boolean(field.state.value),
-            onChange: (e) => field.handleChange(e.target.checked),
+            onChange: (event) => field.handleChange(event.target.checked),
             onBlur: field.handleBlur,
             "aria-label": field.name,
             ...props
@@ -2560,7 +2498,7 @@ var FormTextField = (props) => {
     {
       name: field.name,
       value: field.state.value ?? "",
-      onChange: (e) => field.handleChange(e.target.value),
+      onChange: (event) => field.handleChange(event.target.value),
       onBlur: field.handleBlur,
       error: isTouched && hasError,
       helperText: isTouched && helperText,
@@ -2609,7 +2547,7 @@ var useGetFileMetas = (subId, options) => {
   const { appTitle } = useLayout();
   return useQuery({
     ...options,
-    queryKey: [QUERY_KEY, "meta", subId],
+    queryKey: [QUERY_KEY, "meta", subId, appTitle],
     queryFn: ({ signal }) => wczApiClient.request({
       url: `${BASE_URL}/v1/meta?appName=${appTitle}&subId=${subId}`,
       method: "GET",
@@ -2623,7 +2561,7 @@ var useGetFileThumbnail = (meta, options) => {
   const { appTitle } = useLayout();
   return useQuery({
     ...options,
-    queryKey: [QUERY_KEY, "thumbnail", meta?.id],
+    queryKey: [QUERY_KEY, "thumbnail", meta?.id, appTitle],
     queryFn: ({ signal }) => wczApiClient.request({
       url: `${BASE_URL}/v1/thumbnail?appName=${appTitle}&id=${meta?.id}`,
       method: "GET",
@@ -2641,7 +2579,7 @@ var useGetFile = (meta, options) => {
   const { appTitle } = useLayout();
   return useQuery({
     ...options,
-    queryKey: [QUERY_KEY, meta?.id],
+    queryKey: [QUERY_KEY, meta?.id, appTitle],
     queryFn: ({ signal }) => wczApiClient.request({
       url: `${BASE_URL}/v1?appName=${appTitle}&id=${meta?.id}`,
       method: "GET",
@@ -2749,7 +2687,7 @@ var useUploadFile = ({ subId, onSuccess, onError }) => {
       }
     });
     const previousUploads = await upload.findPreviousUploads();
-    if (previousUploads.length) {
+    if (previousUploads.length > 0) {
       upload.resumeFromPreviousUpload(previousUploads[0]);
     }
     upload.start();