wcz-test 2.11.0 → 2.13.0

package/dist/index.js

@@ -1172,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 })
   ] }) });
@@ -1838,6 +1838,7 @@ var AdapterDayjs = class {
 import { useIsFetching, useIsMutating } from "@tanstack/react-query";
 import { useRouterState } from "@tanstack/react-router";
 import { DashboardLayout } from "@toolpad/core/DashboardLayout";
+import { TanStackRouterAppProvider } from "@toolpad/core/tanstack-router";
 import { NotificationsProvider } from "@toolpad/core/useNotifications";
 import i18n from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
@@ -2158,31 +2159,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(function Link3(props, reference) {
-  const { href, history, ...rest } = props;
-  return /* @__PURE__ */ jsx15(TanstackRouterLink, { ref: reference, to: href, replace: history === "replace", ...rest });
-});
-var TanstackRouterAppProvider = (props) => {
-  const { pathname } = useLocation();
-  const searchParameters = 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(searchParameters), navigate, Link: Link2 }), [pathname, searchParameters, 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: {
@@ -2204,11 +2182,11 @@ 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,
@@ -2220,8 +2198,8 @@ var LayoutProvider = (props) => {
       },
       children: [
         props.children,
-        /* @__PURE__ */ jsx16(DevelopmentBanner, { hasNavigationRoutes: navigation.length > 0 }),
-        (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 } })
       ]
     }
   ) }) }) }) });
@@ -2246,11 +2224,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,
@@ -2259,7 +2237,7 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
       onBlur: field.handleBlur,
       "aria-label": field.name,
       ...autocompleteProps,
-      renderInput: (parameters) => /* @__PURE__ */ jsx17(
+      renderInput: (parameters) => /* @__PURE__ */ jsx16(
         TextField,
         {
           ...parameters,
@@ -2275,15 +2253,15 @@ 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,
@@ -2297,18 +2275,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,
@@ -2332,11 +2310,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,
@@ -2360,11 +2338,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,
@@ -2383,13 +2361,13 @@ 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,
@@ -2398,30 +2376,30 @@ var FormRadioGroup = ({ label, options, ...props }) => {
         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,
@@ -2432,13 +2410,13 @@ 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 = (event) => {
@@ -2446,7 +2424,7 @@ var FormSubmitButton = (props) => {
     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,
@@ -2461,15 +2439,15 @@ 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,
@@ -2483,17 +2461,17 @@ 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,