wcz-test 2.3.1 → 2.4.0

package/dist/index.d.ts

@@ -16,6 +16,10 @@ import * as _tanstack_form_core from '@tanstack/form-core';
 export { useDialogs } from '@toolpad/core/useDialogs';
 export { useNotifications } from '@toolpad/core/useNotifications';
 export { useLocalStorageState } from '@toolpad/core/useLocalStorageState';
+export { useTranslation } from 'react-i18next';
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { DefinedInitialDataOptions, UseMutationOptions } from '@tanstack/react-query';
+import { DetailedError } from 'tus-js-client';
 
 interface TypographyWithIconProps extends TypographyProps {
     startIcon?: React.ReactNode;
@@ -69,7 +73,6 @@ interface NavigationParams {
 }
 
 interface ProvidersProps {
-    title: string;
     getNavigation?: (params: NavigationParams) => Navigation;
     theme?: Pick<CssVarsThemeOptions, 'colorSchemes' | 'components'>;
     children: React.ReactNode;
@@ -83,15 +86,11 @@ declare class Platform {
     static readonly isMacOS: boolean;
 }
 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;
+interface RootRouteHeadProps {
+    title: string;
     themeColor: string;
 }
-declare const defaultHead: ({ name, themeColor }: HeadProps) => () => {
+declare const rootRouteHead: ({ title, themeColor }: RootRouteHeadProps) => () => {
     meta: ({
         charSet: string;
         name?: undefined;
@@ -138,6 +137,9 @@ declare const defaultHead: ({ name, themeColor }: HeadProps) => () => {
         theme_color?: undefined;
     })[];
 };
+declare const wczApiClient: axios.AxiosInstance;
+declare const WISTRON_PRIMARY_COLOR = "#00506E";
+declare const WISTRON_SECONDARY_COLOR = "#64DC00";
 
 type FormOmittedProps = "name" | "value" | "onChange" | "onBlur" | "error" | "helperText" | "renderInput" | "type" | "aria-label";
 
@@ -237,4 +239,107 @@ 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, WISTRON_PRIMARY_COLOR, WISTRON_SECONDARY_COLOR, defaultHead, getContrastTextColor, useFieldContext, useFormContext, useLayoutForm, wczApiClient, withLayoutForm };
+interface FileMeta {
+    id: string;
+    subId: string;
+    appName: string;
+    fileName: string;
+    fileExtension: string;
+    fileSize: number;
+    mediaSubType: string;
+    mediaType: string;
+    mimeType: string;
+}
+
+declare const useGetFileMetas: (subId: string | undefined | null, options?: Omit<DefinedInitialDataOptions<FileMeta[]>, "queryKey" | "queryFn" | "initialData" | "refetchOnWindowFocus">) => _tanstack_react_query.DefinedUseQueryResult<FileMeta[], Error>;
+declare const useGetFileThumbnail: (meta: FileMeta | undefined | null, options?: Omit<DefinedInitialDataOptions<Blob, Error, string>, "queryKey" | "queryFn" | "select" | "staleTime" | "gcTime" | "refetchOnWindowFocus" | "initialData">) => _tanstack_react_query.UseQueryResult<string, Error>;
+declare const useGetFile: (meta: FileMeta | undefined | null, options?: Omit<DefinedInitialDataOptions<Blob, Error, string>, "queryKey" | "queryFn" | "select" | "staleTime" | "gcTime" | "refetchOnWindowFocus" | "initialData">) => _tanstack_react_query.UseQueryResult<string, Error>;
+declare const useDownloadFile: (options?: Omit<UseMutationOptions<Blob, Error, FileMeta>, "mutationFn" | "onSuccess">) => _tanstack_react_query.UseMutationResult<Blob, Error, FileMeta, unknown>;
+declare const useOpenFile: (options?: Omit<UseMutationOptions<Blob, Error, FileMeta>, "mutationFn" | "onSuccess">) => _tanstack_react_query.UseMutationResult<Blob, Error, FileMeta, unknown>;
+declare const useUpdateFileMeta: (options?: Omit<UseMutationOptions<FileMeta, Error, FileMeta>, "mutationFn" | "onSettled">) => _tanstack_react_query.UseMutationResult<FileMeta, Error, FileMeta, unknown>;
+declare const useDeleteFile: (options?: Omit<UseMutationOptions<FileMeta, Error, FileMeta>, "mutationFn" | "onSettled">) => _tanstack_react_query.UseMutationResult<FileMeta, Error, FileMeta, unknown>;
+declare const useDeleteFiles: (options?: Omit<UseMutationOptions<string, Error, string>, "mutationFn" | "onSettled">) => _tanstack_react_query.UseMutationResult<string, Error, string, unknown>;
+interface UseUploadFileProps {
+    subId: string | undefined | null;
+    onSuccess?: (file: File) => void;
+    onError?: (error: Error | DetailedError) => void;
+}
+declare const useUploadFile: ({ subId, onSuccess, onError }: UseUploadFileProps) => {
+    mutate: (file: File) => Promise<void>;
+    uploadProgress: number;
+};
+
+interface EmailAttachment {
+    appName: string;
+    subId: string;
+}
+
+interface Email {
+    subject: string;
+    body: string;
+    to: string[];
+    bcc?: string[];
+    cc?: string[];
+    attachments?: EmailAttachment[];
+}
+
+declare enum EmployeeCategoryGroup {
+    IDL = "IDL",
+    FD = "FD",
+    FI = "FI"
+}
+
+declare enum EmployeeStatus {
+    Active = "Active",
+    Terminated = "Terminated",
+    LeaveOfAbsence = "LeaveOfAbsence"
+}
+
+interface PeoplesoftEmployee {
+    badgeId: string;
+    category: string;
+    categoryGroup: EmployeeCategoryGroup;
+    companyCode: string;
+    contactPhone: string;
+    departmentId: string;
+    departmentDescription: string;
+    emailString: string;
+    employeeId: string;
+    extensionNumber: string;
+    firstName: string;
+    gender: string;
+    hiredDate: Date;
+    lastName: string;
+    managerId: string;
+    middleName: string;
+    name: string;
+    nameTitleCase: string;
+    nfcSn: string;
+    plantId: string;
+    position: string;
+    previousEmployeeIds: string | null;
+    reHiredDate: Date | null;
+    recordNumber: number;
+    status: EmployeeStatus;
+    supervisorId: string;
+    terminationDate: Date | null;
+    terminationFutureDate: Date | null;
+    type: string;
+    upperDepartmentId: string;
+}
+
+interface PeoplesoftDepartment {
+    departmentId: string;
+    description: string;
+    managerId: string;
+    managerRecordNumber: string;
+    treeLevel: number;
+    upperDepartmentId: string;
+    companyCode: string;
+    location: string;
+    salLocation: string;
+    plantId: string;
+    manager: PeoplesoftEmployee;
+}
+
+export { ChipInputCell, EditableColumnHeader, type Email, type EmailAttachment, EmployeeCategoryGroup, EmployeeStatus, type FileMeta, LayoutProvider, type NavigationParams, type PeoplesoftDepartment, type PeoplesoftEmployee, Platform, RouterButton, RouterError, RouterLink, RouterNotFound, RouterTab, TypographyWithIcon, type User, WISTRON_PRIMARY_COLOR, WISTRON_SECONDARY_COLOR, getContrastTextColor, rootRouteHead, useDeleteFile, useDeleteFiles, useDownloadFile, useFieldContext, useFormContext, useGetFile, useGetFileMetas, useGetFileThumbnail, useLayoutForm, useOpenFile, useUpdateFileMeta, useUploadFile, wczApiClient, withLayoutForm };

package/dist/index.js

@@ -1780,6 +1780,7 @@ var AdapterDayjs = class {
 
 // src/providers/LayoutProvider.tsx
 import { useIsFetching, useIsMutating } from "@tanstack/react-query";
+import { useRouterState } from "@tanstack/react-router";
 import { DashboardLayout } from "@toolpad/core/DashboardLayout";
 import { NotificationsProvider } from "@toolpad/core/useNotifications";
 import i18n from "i18next";
@@ -1793,11 +1794,19 @@ import zodEnTranslations from "zod-i18n-map/locales/en/zod.json";
 
 // src/components/core/AppTitle.tsx
 import { Stack as Stack3, Typography as Typography4 } from "@mui/material";
+
+// src/contexts/LayoutContext.ts
+import { createContext as createContext2, useContext as useContext2 } from "react";
+var LayoutContext = createContext2({});
+var useLayout = () => useContext2(LayoutContext);
+
+// src/components/core/AppTitle.tsx
 import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
-var AppTitle = ({ title }) => {
+var AppTitle = () => {
+  const { appTitle } = useLayout();
   return /* @__PURE__ */ jsxs4(Stack3, { direction: "row", alignItems: "center", spacing: 2, children: [
     /* @__PURE__ */ jsx9("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
-    /* @__PURE__ */ jsx9(Typography4, { variant: "h6", children: title })
+    /* @__PURE__ */ jsx9(Typography4, { variant: "h6", children: appTitle })
   ] });
 };
 
@@ -2044,6 +2053,23 @@ var getContrastTextColor = (color) => {
   const yiq = (r * 299 + g * 587 + b * 114) / 1e3;
   return yiq >= 128 ? "black" : "white";
 };
+var rootRouteHead = ({ title, themeColor }) => () => ({
+  meta: [
+    { charSet: "utf-8" },
+    { name: "viewport", content: "width=device-width, initial-scale=1" },
+    { title },
+    { name: "og:type", content: "website" },
+    { name: "og:title", content: title },
+    { 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: title, theme_color: themeColor },
+    { rel: "icon", href: "/favicon.ico" }
+  ]
+});
 var wczApiClient = axios.create();
 wczApiClient.interceptors.request.use(async (config) => {
   await UserService.updateToken();
@@ -2186,6 +2212,7 @@ i18n.addResourceBundle("en", "zod", zodEnTranslations);
 i18n.addResourceBundle("cs", "zod", zodCsTranslations);
 z.setErrorMap(zodI18nMap);
 var LayoutProvider = (props) => {
+  const rootRouterState = useRouterState({ select: (s) => s.matches[0] });
   const theme = useGetTheme(props.theme);
   const { t, i18n: i18n2 } = useTranslation5();
   const isFetching = !!useIsFetching();
@@ -2193,7 +2220,10 @@ var LayoutProvider = (props) => {
   const isLargeScreen = useMediaQuery(theme.breakpoints.up("sm"));
   const user2 = { name: "Dalibor", department: "MD0L50", employeeId: "C2503017", company: "", category: "" };
   const navigation = props.getNavigation ? props.getNavigation({ user: user2, t }) : [];
-  return /* @__PURE__ */ jsx13(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n2.resolvedLanguage, children: /* @__PURE__ */ jsx13(TanstackRouterAppProvider, { navigation, theme, children: /* @__PURE__ */ jsx13(NotificationsProvider, { slotProps: { snackbar: { anchorOrigin: { vertical: isLargeScreen ? "top" : "bottom", horizontal: "center" } } }, children: /* @__PURE__ */ jsxs7(
+  const appTitle = rootRouterState.meta?.find((meta) => meta?.title)?.title;
+  if (!appTitle)
+    throw new Error("Title is not defined in the RootRoute head.");
+  return /* @__PURE__ */ jsx13(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n2.resolvedLanguage, children: /* @__PURE__ */ jsx13(TanstackRouterAppProvider, { navigation, theme, children: /* @__PURE__ */ jsx13(NotificationsProvider, { slotProps: { snackbar: { anchorOrigin: { vertical: isLargeScreen ? "top" : "bottom", horizontal: "center" } } }, children: /* @__PURE__ */ jsx13(LayoutContext.Provider, { value: { appTitle }, children: /* @__PURE__ */ jsxs7(
     DashboardLayout,
     {
       defaultSidebarCollapsed: true,
@@ -2201,7 +2231,7 @@ var LayoutProvider = (props) => {
       slots: {
         toolbarActions: () => null,
         toolbarAccount: ToolbarAccount,
-        appTitle: () => /* @__PURE__ */ jsx13(AppTitle, { title: props.title })
+        appTitle: AppTitle
       },
       children: [
         props.children,
@@ -2209,31 +2239,12 @@ var LayoutProvider = (props) => {
         (isFetching || isMutating) && /* @__PURE__ */ jsx13(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
       ]
     }
-  ) }) }) });
+  ) }) }) }) });
 };
 
 // src/index.ts
 import { uuidv7 } from "uuidv7";
 
-// 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
 import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
 
@@ -2537,6 +2548,165 @@ var { useAppForm: useLayoutForm, withForm: withLayoutForm } = createFormHook({
 import { useDialogs } from "@toolpad/core/useDialogs";
 import { useNotifications } from "@toolpad/core/useNotifications";
 import { useLocalStorageState } from "@toolpad/core/useLocalStorageState";
+import { useTranslation as useTranslation6 } from "react-i18next";
+
+// src/hooks/FileHooks.ts
+import { useMutation, useQuery, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
+import saveAs from "file-saver";
+import { useState as useState3 } from "react";
+import { Upload as TusUpload } from "tus-js-client";
+var BASE_URL = import.meta.env.VITE_FILE_API_BASE_URL;
+var QUERY_KEY = "Files";
+var HOUR = 1e3 * 60 * 60;
+var useGetFileMetas = (subId, options) => {
+  const { appTitle } = useLayout();
+  return useQuery({
+    ...options,
+    queryKey: [QUERY_KEY, "meta", subId],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL}/v1/meta?appName=${appTitle}&subId=${subId}`,
+      method: "GET",
+      signal
+    }),
+    initialData: [],
+    refetchOnWindowFocus: false
+  });
+};
+var useGetFileThumbnail = (meta, options) => {
+  const { appTitle } = useLayout();
+  return useQuery({
+    ...options,
+    queryKey: [QUERY_KEY, "thumbnail", meta?.id],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL}/v1/thumbnail?appName=${appTitle}&id=${meta?.id}`,
+      method: "GET",
+      signal,
+      responseType: "blob"
+    }),
+    select: (data) => URL.createObjectURL(data),
+    staleTime: HOUR,
+    gcTime: HOUR,
+    refetchOnWindowFocus: false,
+    enabled: !!meta?.id && options?.enabled
+  });
+};
+var useGetFile = (meta, options) => {
+  const { appTitle } = useLayout();
+  return useQuery({
+    ...options,
+    queryKey: [QUERY_KEY, meta?.id],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL}/v1?appName=${appTitle}&id=${meta?.id}`,
+      method: "GET",
+      signal,
+      responseType: "blob"
+    }),
+    select: (data) => URL.createObjectURL(data),
+    staleTime: HOUR,
+    gcTime: HOUR,
+    refetchOnWindowFocus: false,
+    enabled: !!meta?.id && options?.enabled
+  });
+};
+var useDownloadFile = (options) => {
+  const { appTitle } = useLayout();
+  return useMutation({
+    ...options,
+    mutationFn: (meta) => wczApiClient.request({
+      url: `${BASE_URL}/v1/download?appName=${appTitle}&id=${meta.id}`,
+      method: "GET",
+      responseType: "blob"
+    }),
+    onSuccess: (data, variables) => saveAs(data, `${variables.fileName}.${variables.fileExtension}`)
+  });
+};
+var useOpenFile = (options) => {
+  const { appTitle } = useLayout();
+  return useMutation({
+    ...options,
+    mutationFn: (meta) => wczApiClient.request({
+      url: `${BASE_URL}/v1?appName=${appTitle}&id=${meta.id}`,
+      method: "GET",
+      responseType: "blob"
+    }),
+    onSuccess: (data) => window.open(URL.createObjectURL(data))
+  });
+};
+var useUpdateFileMeta = (options) => {
+  const { appTitle } = useLayout();
+  const queryClient = useQueryClient2();
+  return useMutation({
+    ...options,
+    mutationFn: (meta) => wczApiClient.request({
+      url: `${BASE_URL}/v1/meta?appName=${appTitle}&id=${meta.id}`,
+      method: "PUT",
+      data: meta
+    }),
+    onSettled: () => queryClient.invalidateQueries({ queryKey: [QUERY_KEY, "meta"], exact: false })
+  });
+};
+var useDeleteFile = (options) => {
+  const { appTitle } = useLayout();
+  const queryClient = useQueryClient2();
+  return useMutation({
+    ...options,
+    mutationFn: (meta) => wczApiClient.request({
+      url: `${BASE_URL}/v1?appName=${appTitle}&id=${meta.id}`,
+      method: "DELETE"
+    }),
+    onSettled: () => queryClient.invalidateQueries({ queryKey: [QUERY_KEY, "meta"], exact: false })
+  });
+};
+var useDeleteFiles = (options) => {
+  const { appTitle } = useLayout();
+  const queryClient = useQueryClient2();
+  return useMutation({
+    ...options,
+    mutationFn: (subId) => wczApiClient.request({
+      url: `${BASE_URL}/v1?appName=${appTitle}&subId=${subId}`,
+      method: "DELETE"
+    }),
+    onSettled: () => queryClient.invalidateQueries({ queryKey: [QUERY_KEY, "meta"], exact: false })
+  });
+};
+var useUploadFile = ({ subId, onSuccess, onError }) => {
+  const { appTitle } = useLayout();
+  const [uploadProgress, setUploadProgress] = useState3(0);
+  const queryClient = useQueryClient2();
+  const mutate = async (file) => {
+    if (!subId) throw new Error("subId is required for file upload");
+    const upload = new TusUpload(file, {
+      endpoint: `${BASE_URL}/v1/upload`,
+      chunkSize: 1048576,
+      // 1 MB
+      metadata: {
+        appName: appTitle,
+        subId,
+        filename: file.name,
+        filetype: file.type
+      },
+      //headers: { "Authorization": `Bearer ${await getToken()}` }, //TODO: implement token retrieval
+      onError: (error) => {
+        setUploadProgress(0);
+        onError?.(error);
+      },
+      onProgress: (bytesUploaded, bytesTotal) => {
+        setUploadProgress(bytesUploaded / bytesTotal * 100);
+      },
+      onSuccess: () => {
+        setUploadProgress(0);
+        queryClient.invalidateQueries({ queryKey: [QUERY_KEY, "meta"], exact: false });
+        onSuccess?.(file);
+      }
+    });
+    const previousUploads = await upload.findPreviousUploads();
+    if (previousUploads.length) {
+      upload.resumeFromPreviousUpload(previousUploads[0]);
+    }
+    upload.start();
+  };
+  return { mutate, uploadProgress };
+};
 export {
   ChipInputCell,
   EditableColumnHeader,
@@ -2550,14 +2720,24 @@ export {
   TypographyWithIcon,
   WISTRON_PRIMARY_COLOR,
   WISTRON_SECONDARY_COLOR,
-  defaultHead,
   getContrastTextColor,
+  rootRouteHead,
+  useDeleteFile,
+  useDeleteFiles,
   useDialogs,
+  useDownloadFile,
   useFieldContext,
   useFormContext,
+  useGetFile,
+  useGetFileMetas,
+  useGetFileThumbnail,
   useLayoutForm,
   useLocalStorageState,
   useNotifications,
+  useOpenFile,
+  useTranslation6 as useTranslation,
+  useUpdateFileMeta,
+  useUploadFile,
   uuidv7,
   wczApiClient,
   withLayoutForm