wcz-test 2.10.0 → 2.12.0

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 });
@@ -1160,7 +1172,7 @@ import { Box as Box2, Divider as Divider2, Typography as Typography3 } from "@mu
 import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 var RouterError = ({ error }) => {
   return /* @__PURE__ */ jsx11(Box2, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs3(Box2, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsx11(Typography3, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "500" }),
+    /* @__PURE__ */ jsx11(Typography3, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
     /* @__PURE__ */ jsx11(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
     /* @__PURE__ */ jsx11(Typography3, { variant: "h5", component: "span", children: error.message })
   ] }) });
@@ -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,21 +1926,24 @@ 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 login = () => user.login();
@@ -1974,7 +1989,7 @@ 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 }),
@@ -2014,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";
 };
@@ -2061,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
@@ -2143,31 +2158,8 @@ var useGetTheme = (theme) => {
   );
 };
 
-// src/providers/TanstackRouterAppProvider.tsx
-import { useLocation, useNavigate, useSearch, Link as TanstackRouterLink } from "@tanstack/react-router";
-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) => {
-  const { href, history, ...rest } = props;
-  return /* @__PURE__ */ jsx15(TanstackRouterLink, { ref, to: href, replace: history === "replace", ...rest });
-});
-var TanstackRouterAppProvider = (props) => {
-  const { pathname } = useLocation();
-  const searchParams = useSearch({ strict: false });
-  const _navigate = useNavigate();
-  const navigate = useCallback(
-    (url, { history = "auto" } = {}) => {
-      _navigate({ to: url.toString(), replace: history === "replace" }).catch(console.error);
-    },
-    [_navigate]
-  );
-  const router = useMemo2(() => ({ pathname, searchParams: new URLSearchParams(searchParams), navigate, Link: Link2 }), [pathname, searchParams, navigate]);
-  return /* @__PURE__ */ jsx15(AppProvider, { router, ...props });
-};
-
 // src/providers/LayoutProvider.tsx
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 i18n.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
   fallbackLng: "en",
   interpolation: {
@@ -2189,15 +2181,15 @@ var LayoutProvider = (props) => {
   const appTitle = rootRouterState.meta?.find((meta) => meta?.title)?.title;
   if (!appTitle)
     throw new Error("Title is not defined in the RootRoute head.");
-  return /* @__PURE__ */ jsx16(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n2.resolvedLanguage, children: /* @__PURE__ */ jsx16(TanstackRouterAppProvider, { navigation, theme, localeText: {
+  return /* @__PURE__ */ jsx15(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n2.resolvedLanguage, children: /* @__PURE__ */ jsx15(TanStackRouterAppProvider, { navigation, theme, localeText: {
     confirm: t("Layout.Confirm"),
     cancel: t("Layout.Cancel"),
     alert: t("Layout.Alert")
-  }, children: /* @__PURE__ */ jsx16(NotificationsProvider, { slotProps: { snackbar: { anchorOrigin: { vertical: isLargeScreen ? "top" : "bottom", horizontal: "center" } } }, children: /* @__PURE__ */ jsx16(LayoutContext.Provider, { value: { appTitle }, children: /* @__PURE__ */ jsxs7(
+  }, children: /* @__PURE__ */ jsx15(NotificationsProvider, { slotProps: { snackbar: { anchorOrigin: { vertical: isLargeScreen ? "top" : "bottom", horizontal: "center" } } }, children: /* @__PURE__ */ jsx15(LayoutContext.Provider, { value: { appTitle }, children: /* @__PURE__ */ jsxs7(
     DashboardLayout,
     {
       defaultSidebarCollapsed: true,
-      hideNavigation: !navigation.length,
+      hideNavigation: navigation.length === 0,
       slots: {
         toolbarActions: () => null,
         toolbarAccount: ToolbarAccount,
@@ -2205,8 +2197,8 @@ var LayoutProvider = (props) => {
       },
       children: [
         props.children,
-        /* @__PURE__ */ jsx16(DevelopmentBanner, { hasNavigationRoutes: !!navigation.length }),
-        (isFetching || isMutating) && /* @__PURE__ */ jsx16(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+        /* @__PURE__ */ jsx15(DevelopmentBanner, { hasNavigationRoutes: navigation.length > 0 }),
+        (isFetching || isMutating) && /* @__PURE__ */ jsx15(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
       ]
     }
   ) }) }) }) });
@@ -2231,11 +2223,11 @@ var getFieldStatus = (field) => {
 };
 
 // src/components/form/FormAutocomplete.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     Autocomplete,
     {
       value: field.state.value,
@@ -2244,10 +2236,10 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
       onBlur: field.handleBlur,
       "aria-label": field.name,
       ...autocompleteProps,
-      renderInput: (params) => /* @__PURE__ */ jsx17(
+      renderInput: (parameters) => /* @__PURE__ */ jsx16(
         TextField,
         {
-          ...params,
+          ...parameters,
           name: field.name,
           error: isTouched && hasError,
           helperText: isTouched && helperText,
@@ -2260,20 +2252,20 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
 
 // src/components/form/FormCheckbox.tsx
 import { Checkbox, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
-import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 var FormCheckbox = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
   return /* @__PURE__ */ jsxs8(FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx17(
       FormControlLabel,
       {
-        control: /* @__PURE__ */ jsx18(
+        control: /* @__PURE__ */ jsx17(
           Checkbox,
           {
             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
@@ -2282,18 +2274,18 @@ var FormCheckbox = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx18(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx17(FormHelperText, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormDatePicker.tsx
 import { DatePicker } from "@mui/x-date-pickers-pro";
 import dayjs from "dayjs";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var FormDatePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     DatePicker,
     {
       name: field.name,
@@ -2317,11 +2309,11 @@ var FormDatePicker = (props) => {
 // src/components/form/FormDateTimePicker.tsx
 import { DateTimePicker } from "@mui/x-date-pickers-pro";
 import dayjs2 from "dayjs";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var FormDateTimePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     DateTimePicker,
     {
       name: field.name,
@@ -2345,11 +2337,11 @@ var FormDateTimePicker = (props) => {
 // src/components/form/FormNumberField.tsx
 import { TextField as TextField2 } from "@mui/material";
 import { NumericFormat } from "react-number-format";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var FormNumberField = ({ options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     NumericFormat,
     {
       customInput: TextField2,
@@ -2368,45 +2360,45 @@ var FormNumberField = ({ options, ...props }) => {
 
 // src/components/form/FormRadioGroup.tsx
 import { FormControl as FormControl2, FormControlLabel as FormControlLabel2, FormHelperText as FormHelperText2, FormLabel, Radio, RadioGroup } from "@mui/material";
-import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
 var FormRadioGroup = ({ label, options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
   return /* @__PURE__ */ jsxs9(FormControl2, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx22(FormLabel, { component: "legend", children: label }),
-    /* @__PURE__ */ jsx22(
+    label && /* @__PURE__ */ jsx21(FormLabel, { component: "legend", children: label }),
+    /* @__PURE__ */ jsx21(
       RadioGroup,
       {
         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,
-        children: options.map((option) => /* @__PURE__ */ jsx22(
+        children: options.map((option) => /* @__PURE__ */ jsx21(
           FormControlLabel2,
           {
             value: option.value,
-            control: /* @__PURE__ */ jsx22(Radio, {}),
+            control: /* @__PURE__ */ jsx21(Radio, {}),
             label: option.label
           },
           option.value
         ))
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx22(FormHelperText2, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx21(FormHelperText2, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSlider.tsx
 import { FormControl as FormControl3, FormHelperText as FormHelperText3, FormLabel as FormLabel2, Slider } from "@mui/material";
-import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
 var FormSlider = ({ label, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
   return /* @__PURE__ */ jsxs10(FormControl3, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx23(FormLabel2, { children: label }),
-    /* @__PURE__ */ jsx23(
+    label && /* @__PURE__ */ jsx22(FormLabel2, { children: label }),
+    /* @__PURE__ */ jsx22(
       Slider,
       {
         name: field.name,
@@ -2417,21 +2409,21 @@ var FormSlider = ({ label, ...props }) => {
         ...props
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx23(FormHelperText3, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx22(FormHelperText3, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSubmitButton.tsx
 import { Button as Button2 } from "@mui/material";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx23 } 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(
+  return /* @__PURE__ */ jsx23(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx23(
     Button2,
     {
       loading: isSubmitting,
@@ -2446,20 +2438,20 @@ var FormSubmitButton = (props) => {
 
 // src/components/form/FormSwitch.tsx
 import { FormControl as FormControl4, FormControlLabel as FormControlLabel3, FormHelperText as FormHelperText4, Switch } from "@mui/material";
-import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
 var FormSwitch = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
   return /* @__PURE__ */ jsxs11(FormControl4, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(
       FormControlLabel3,
       {
-        control: /* @__PURE__ */ jsx25(
+        control: /* @__PURE__ */ jsx24(
           Switch,
           {
             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
@@ -2468,22 +2460,22 @@ var FormSwitch = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx25(FormHelperText4, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx24(FormHelperText4, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormTextField.tsx
 import { TextField as TextField3 } from "@mui/material";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var FormTextField = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     TextField3,
     {
       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,
@@ -2532,7 +2524,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",
@@ -2546,7 +2538,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",
@@ -2564,7 +2556,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",
@@ -2672,7 +2664,7 @@ var useUploadFile = ({ subId, onSuccess, onError }) => {
       }
     });
     const previousUploads = await upload.findPreviousUploads();
-    if (previousUploads.length) {
+    if (previousUploads.length > 0) {
       upload.resumeFromPreviousUpload(previousUploads[0]);
     }
     upload.start();