wcz-test 3.4.4 → 3.4.6

package/dist/index.js

@@ -1,1015 +0,0 @@
-// src/components/core/TypographyWithIcon.tsx
-import { Stack, Typography } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var stackSxProps = [
-  "margin",
-  "marginTop",
-  "marginRight",
-  "marginBottom",
-  "marginLeft",
-  "m",
-  "mt",
-  "mr",
-  "mb",
-  "ml",
-  "mx",
-  "my",
-  "padding",
-  "paddingTop",
-  "paddingRight",
-  "paddingBottom",
-  "paddingLeft",
-  "p",
-  "pt",
-  "pr",
-  "pb",
-  "pl",
-  "px",
-  "py",
-  "flexGrow",
-  "flexShrink",
-  "flexBasis",
-  "flexDirection",
-  "alignItems",
-  "justifyContent",
-  "position",
-  "zIndex",
-  "top",
-  "right",
-  "bottom",
-  "left",
-  "gridGap",
-  "gridColumnGap",
-  "gridRowGap",
-  "gridColumn",
-  "gridRow",
-  "gridAutoFlow",
-  "gap",
-  "columnGap",
-  "rowGap"
-];
-var TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...props }) => {
-  const sxCopy = { ...sx };
-  const stackStyles = {};
-  if (sxCopy) {
-    for (const current of stackSxProps) {
-      if (sxCopy[current]) {
-        stackStyles[current] = sxCopy[current];
-        delete sxCopy[current];
-      }
-    }
-  }
-  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 }),
-    endIcon
-  ] });
-};
-
-// src/components/core/PageHeader.tsx
-import { CardHeader, Typography as Typography2 } from "@mui/material";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var PageHeader = ({ title, action, sx }) => {
-  return /* @__PURE__ */ jsx2(CardHeader, { title: /* @__PURE__ */ jsx2(Typography2, { variant: "h4", fontWeight: 600, children: title }), action, sx: { px: 0, ...sx } });
-};
-
-// src/components/core/TableContainer.tsx
-import { Box } from "@mui/material";
-import { useEffect, useRef, useState } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var TableContainer = ({ children, sx, ...props }) => {
-  const reference = useRef(null);
-  const [height, setHeight] = useState();
-  useEffect(() => {
-    const element = reference.current;
-    if (!element) return;
-    const recompute = () => {
-      if (!reference.current) return;
-      const top = Math.ceil(reference.current.getBoundingClientRect().top);
-      const avail = Math.max(0, window.innerHeight - top);
-      setHeight(avail);
-    };
-    recompute();
-    window.addEventListener("resize", recompute);
-    const ro = new ResizeObserver(recompute);
-    ro.observe(document.documentElement);
-    ro.observe(document.body);
-    ro.observe(element);
-    return () => {
-      window.removeEventListener("resize", recompute);
-      ro.disconnect();
-    };
-  }, []);
-  return /* @__PURE__ */ jsx3(
-    Box,
-    {
-      ref: reference,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        minHeight: 0,
-        width: "100%",
-        ...sx
-      },
-      height,
-      ...props,
-      children: /* @__PURE__ */ jsx3(Box, { sx: (theme) => ({
-        flex: 1,
-        minHeight: 0,
-        height: "100%",
-        "& .MuiDataGrid-cell--editing": {
-          "& .MuiInputBase-root": {
-            height: "100%"
-          }
-        },
-        "& .MuiDataGrid-columnHeaderTitle": {
-          fontWeight: 600
-        },
-        "& .Mui-error": {
-          backgroundColor: theme.palette.error.main,
-          color: theme.palette.error.contrastText
-        },
-        "& .MuiDataGrid-booleanCell[data-value='true']": {
-          color: `${theme.palette.success.main} !important`
-        },
-        "& .MuiDataGrid-booleanCell[data-value='false']": {
-          color: `${theme.palette.error.main} !important`
-        }
-      }), children })
-    }
-  );
-};
-
-// src/components/file/Dropzone.tsx
-import CloudUpload from "@mui/icons-material/CloudUpload";
-import { Paper, Typography as Typography3, useTheme } from "@mui/material";
-import { useDropzone } from "react-dropzone";
-import { useTranslation } from "react-i18next";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var baseStyle = {
-  flex: 1,
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  padding: "20px",
-  borderWidth: 2,
-  borderRadius: 2,
-  borderStyle: "dashed",
-  outline: "none",
-  transition: "border .24s ease-in-out",
-  cursor: "pointer"
-};
-var Dropzone = ({ sx, ...props }) => {
-  const { getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } = useDropzone(props);
-  const { t: t2 } = useTranslation();
-  const theme = useTheme();
-  const style = {
-    ...baseStyle,
-    ...isFocused ? { borderColor: theme.palette.primary.main } : {},
-    ...isDragAccept ? { borderColor: theme.palette.success.main } : {},
-    ...isDragReject ? { borderColor: theme.palette.error.main } : {}
-  };
-  return /* @__PURE__ */ jsxs2(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
-    /* @__PURE__ */ jsx4("input", { ...getInputProps(), style: { display: "none" } }),
-    /* @__PURE__ */ jsx4(CloudUpload, {}),
-    /* @__PURE__ */ jsx4(Typography3, { children: t2("Layout.File.DragSomeFilesHereOrClickToSelectThem") })
-  ] });
-};
-
-// src/components/file/FileViewer.tsx
-import { useState as useState4 } from "react";
-import { FileContext } from "~/contexts/FileContext";
-import { useGetFileMetas } from "~/hooks/FileHooks";
-
-// src/components/file/fileViewer/FileViewerGrid.tsx
-import MoreVert from "@mui/icons-material/MoreVert";
-import { Box as Box2, IconButton, ImageListItem, ImageListItemBar, Stack as Stack2, Tooltip } from "@mui/material";
-import { grey } from "@mui/material/colors";
-import { Fragment, useEffect as useEffect2, useState as useState2 } from "react";
-import { useFile as useFile2 } from "~/contexts/FileContext";
-import { useDownloadFile as useDownloadFile2, useGetFileThumbnail, useOpenFile } from "~/hooks/FileHooks";
-
-// src/components/file/fileViewer/common/ActionsMenu.tsx
-import Delete from "@mui/icons-material/Delete";
-import FileDownload from "@mui/icons-material/FileDownload";
-import { List, ListItemButton, ListItemIcon, ListItemText, Menu } from "@mui/material";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { useFile } from "~/contexts/FileContext";
-import { useDialogs } from "~/hooks/DialogsHooks";
-import { useDeleteFile, useDownloadFile } from "~/hooks/FileHooks";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var ActionsMenu = ({ meta, menu, setMenu }) => {
-  const { t: t2 } = useTranslation2();
-  const { fileMetas, onDelete, actions } = useFile();
-  const { confirm } = useDialogs();
-  const handleMenuClose = () => {
-    setMenu(null);
-  };
-  const { mutate: download, isPending: isDownloading } = useDownloadFile();
-  const { mutate: deleteFile, isPending: isDeleting } = useDeleteFile();
-  const handleOnDownload = () => {
-    handleMenuClose();
-    download(meta);
-  };
-  const handleOnDelete = async () => {
-    if (!await confirm(t2("Layout.File.AreYouSureYouWantToDelete", { fileName: meta.fileName })))
-      return;
-    deleteFile(meta);
-    handleMenuClose();
-    if (onDelete) {
-      const remainingFileMetas = fileMetas.filter((m) => m.id !== meta.id);
-      onDelete({ remainingFileMetas, deletedFileMeta: meta });
-    }
-  };
-  return /* @__PURE__ */ jsx5(
-    Menu,
-    {
-      open: menu !== null,
-      onClose: handleMenuClose,
-      anchorReference: "anchorPosition",
-      variant: "menu",
-      anchorPosition: menu === null ? void 0 : { top: menu.mouseY, left: menu.mouseX },
-      children: /* @__PURE__ */ jsxs3(List, { disablePadding: true, children: [
-        actions?.download !== false && /* @__PURE__ */ jsxs3(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
-          /* @__PURE__ */ jsx5(ListItemIcon, { children: /* @__PURE__ */ jsx5(FileDownload, {}) }),
-          /* @__PURE__ */ jsx5(ListItemText, { children: t2("Layout.File.Download") })
-        ] }),
-        actions?.delete !== false && /* @__PURE__ */ jsxs3(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
-          /* @__PURE__ */ jsx5(ListItemIcon, { children: /* @__PURE__ */ jsx5(Delete, {}) }),
-          /* @__PURE__ */ jsx5(ListItemText, { children: t2("Layout.File.Delete") })
-        ] })
-      ] })
-    }
-  );
-};
-
-// src/components/file/fileViewer/FileViewerGrid.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var IMAGE_SIZE = 150;
-var FileViewerGrid = ({ sx, size, itemBar }) => {
-  const { fileMetas } = useFile2();
-  return /* @__PURE__ */ jsx6(Stack2, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx6(
-    GridFileViewerItem,
-    {
-      meta: fileMeta,
-      size,
-      itemBar
-    },
-    fileMeta.id
-  )) });
-};
-var GridFileViewerItem = ({ meta, size, itemBar }) => {
-  const { setImageId, actions } = useFile2();
-  const [showItemBar, setShowItemBar] = useState2(itemBar === "always");
-  const [menu, setMenu] = useState2(null);
-  useEffect2(() => {
-    setShowItemBar(itemBar === "always");
-  }, [itemBar]);
-  const { data: source } = useGetFileThumbnail(meta);
-  const handleOnMouseEnter = () => setShowItemBar(true);
-  const handleOnMouseLeave = () => itemBar !== "always" && setShowItemBar(false);
-  const openMenu = (event) => {
-    setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY } : null);
-    setTimeout(() => setShowItemBar(true));
-  };
-  const { mutate: openFile } = useOpenFile();
-  const { mutate: download } = useDownloadFile2();
-  const onClick = () => {
-    switch (meta.mediaType) {
-      case "image": {
-        return setImageId(meta.id);
-      }
-      case "application": {
-        return openFile(meta);
-      }
-      case "video": {
-        return openFile(meta);
-      }
-      default: {
-        return download(meta);
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    /* @__PURE__ */ jsxs4(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, children: [
-      /* @__PURE__ */ jsx6(
-        Box2,
-        {
-          component: "img",
-          src: source,
-          loading: "lazy",
-          alt: "thumbnail-" + meta.id,
-          onClick,
-          sx: { cursor: "pointer", objectFit: "contain", width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }
-        }
-      ),
-      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx6(
-        ImageListItemBar,
-        {
-          title: /* @__PURE__ */ jsx6(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsx6(Box2, { children: meta.fileName }) }),
-          actionIcon: (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx6(IconButton, { sx: { color: grey[100] }, onClick: openMenu, children: /* @__PURE__ */ jsx6(MoreVert, {}) })
-        }
-      )
-    ] }),
-    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx6(ActionsMenu, { meta, menu, setMenu })
-  ] });
-};
-
-// src/components/file/fileViewer/FileViewerList.tsx
-import AttachFile from "@mui/icons-material/AttachFile";
-import Image from "@mui/icons-material/Image";
-import MoreVert2 from "@mui/icons-material/MoreVert";
-import SmartDisplay from "@mui/icons-material/SmartDisplay";
-import { IconButton as IconButton2, List as List2, ListItemButton as ListItemButton2, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2 } from "@mui/material";
-import { Fragment as Fragment2, useState as useState3 } from "react";
-import { useFile as useFile3 } from "~/contexts/FileContext";
-import { useDownloadFile as useDownloadFile3, useOpenFile as useOpenFile2 } from "~/hooks/FileHooks";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var FileViewerList = ({ sx }) => {
-  const { fileMetas } = useFile3();
-  return /* @__PURE__ */ jsx7(List2, { dense: true, sx, children: fileMetas.map(
-    (fileMeta) => /* @__PURE__ */ jsx7(
-      ListFileViewerItem,
-      {
-        meta: fileMeta
-      },
-      fileMeta.id
-    )
-  ) });
-};
-var ListFileViewerItem = ({ meta }) => {
-  const { setImageId, actions } = useFile3();
-  const [menu, setMenu] = useState3(null);
-  const openMenu = (event) => {
-    event.stopPropagation();
-    setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY } : null);
-  };
-  const { mutate: openFile } = useOpenFile2();
-  const { mutate: download } = useDownloadFile3();
-  const onClick = () => {
-    switch (meta.mediaType) {
-      case "image": {
-        return setImageId(meta.id);
-      }
-      case "application": {
-        return openFile(meta);
-      }
-      case "video": {
-        return openFile(meta);
-      }
-      default: {
-        return download(meta);
-      }
-    }
-  };
-  const icon = () => {
-    switch (meta.mediaType) {
-      case "image": {
-        return /* @__PURE__ */ jsx7(Image, {});
-      }
-      case "video": {
-        return /* @__PURE__ */ jsx7(SmartDisplay, {});
-      }
-      default: {
-        return /* @__PURE__ */ jsx7(AttachFile, {});
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
-    /* @__PURE__ */ jsxs5(ListItemButton2, { onClick, children: [
-      /* @__PURE__ */ jsx7(ListItemIcon2, { children: icon() }),
-      /* @__PURE__ */ jsx7(ListItemText2, { primary: `${meta.fileName}.${meta.fileExtension}` }),
-      (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx7(IconButton2, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsx7(MoreVert2, {}) })
-    ] }, meta.id),
-    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx7(ActionsMenu, { meta, menu, setMenu })
-  ] });
-};
-
-// src/components/file/fileViewer/ImageViewer.tsx
-import Close from "@mui/icons-material/Close";
-import { Box as Box3, Dialog, Fab } from "@mui/material";
-import { useEffect as useEffect3 } from "react";
-import { useFile as useFile4 } from "~/contexts/FileContext";
-import { useGetFile } from "~/hooks/FileHooks";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-var ImageViewer = ({ metaId }) => {
-  const { fileMetas, setImageId } = useFile4();
-  const meta = fileMetas.find((m) => m.id === metaId);
-  const { data: source } = useGetFile(meta);
-  useEffect3(() => {
-    if (globalThis.window !== void 0 && metaId)
-      globalThis.addEventListener("keydown", handleOnKeydown);
-    return () => {
-      globalThis.removeEventListener("keydown", handleOnKeydown);
-    };
-  }, [metaId]);
-  const handleOnKeydown = (event) => {
-    const images = fileMetas.filter((m) => m.mediaType === "image");
-    const imageIndex = images.findIndex((m) => m.id === metaId);
-    switch (event.key) {
-      case "ArrowLeft": {
-        return handleOnArrowLeft(images, imageIndex);
-      }
-      case "ArrowRight": {
-        return handleOnArrowRight(images, imageIndex);
-      }
-      case "Backspace":
-      case "Escape": {
-        event.preventDefault();
-        return onClose();
-      }
-    }
-  };
-  const handleOnArrowLeft = (images, index) => {
-    if (index > 0) {
-      const previousFile = images[index - 1];
-      setImageId(previousFile.id);
-    }
-  };
-  const handleOnArrowRight = (images, index) => {
-    if (index < images.length - 1) {
-      const nextFile = images[index + 1];
-      setImageId(nextFile.id);
-    }
-  };
-  const onClose = () => setImageId("");
-  if (!metaId) return null;
-  return /* @__PURE__ */ jsxs6(Dialog, { open: true, onClose, maxWidth: "xl", children: [
-    /* @__PURE__ */ jsx8(Box3, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
-    /* @__PURE__ */ jsx8(Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ jsx8(Close, {}) })
-  ] });
-};
-
-// src/components/file/FileViewer.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var FileViewer = ({ subId, onDelete, actions, children }) => {
-  const { data: fileMetas = [] } = useGetFileMetas(subId, { enabled: !!subId });
-  const [imageId, setImageId] = useState4("");
-  const components = { Grid: FileViewerGrid, List: FileViewerList };
-  if (fileMetas.length === 0) return null;
-  return /* @__PURE__ */ jsxs7(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
-    children(components),
-    /* @__PURE__ */ jsx9(ImageViewer, { metaId: imageId })
-  ] });
-};
-
-// src/components/data-grid/ChipInputCell.tsx
-import { Chip, Stack as Stack3 } from "@mui/material";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var isArray = (value) => Array.isArray(value);
-var ChipInputCell = ({ params, slotProps, getLabel }) => {
-  if (!params.value) return null;
-  const getLabelValue = (value) => {
-    if (getLabel) return getLabel(value);
-    return value;
-  };
-  if (isArray(params.value))
-    return /* @__PURE__ */ jsx10(Stack3, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
-      (value, index) => /* @__PURE__ */ jsx10(Chip, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
-    ) });
-  return /* @__PURE__ */ jsx10(Chip, { label: getLabelValue(params.value), ...slotProps });
-};
-
-// src/components/data-grid/EditableColumnHeader.tsx
-import Edit from "@mui/icons-material/Edit";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var EditableColumnHeader = ({ colDef }) => {
-  return /* @__PURE__ */ jsx11(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsx11(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
-};
-
-// src/components/router/RouterButton.tsx
-import { Button } from "@mui/material";
-import { createLink } from "@tanstack/react-router";
-import React3 from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var Component = React3.forwardRef(function ButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsx12(Button, { ref: reference, component: "a", ...props });
-});
-var CreatedComponent = createLink(Component);
-var RouterButton = (props) => {
-  return /* @__PURE__ */ jsx12(CreatedComponent, { ...props });
-};
-
-// src/components/router/RouterGridActionsCellItem.tsx
-import { GridActionsCellItem } from "@mui/x-data-grid-premium";
-import { createLink as createLink2 } from "@tanstack/react-router";
-import React4 from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var Component2 = React4.forwardRef(
-  function GridActionsCellItemComponent(props, reference) {
-    return /* @__PURE__ */ jsx13(GridActionsCellItem, { ref: reference, component: "a", ...props });
-  }
-);
-var CreatedComponent2 = createLink2(Component2);
-var RouterGridActionsCellItem = (props) => {
-  return /* @__PURE__ */ jsx13(CreatedComponent2, { ...props });
-};
-
-// src/components/router/RouterIconButton.tsx
-import { IconButton as IconButton3 } from "@mui/material";
-import { createLink as createLink3 } from "@tanstack/react-router";
-import React5 from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var Component3 = React5.forwardRef(function IconButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsx14(IconButton3, { ref: reference, component: "a", ...props });
-});
-var CreatedComponent3 = createLink3(Component3);
-var RouterIconButton = (props) => {
-  return /* @__PURE__ */ jsx14(CreatedComponent3, { ...props });
-};
-
-// src/components/router/RouterLink.tsx
-import { Link } from "@mui/material";
-import { createLink as createLink4 } from "@tanstack/react-router";
-import React6 from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var Component4 = React6.forwardRef(function LinkComponent(props, reference) {
-  return /* @__PURE__ */ jsx15(Link, { ref: reference, ...props });
-});
-var CreatedComponent4 = createLink4(Component4);
-var RouterLink = (props) => {
-  return /* @__PURE__ */ jsx15(CreatedComponent4, { ...props });
-};
-
-// src/components/router/RouterTab.tsx
-import { Tab } from "@mui/material";
-import { createLink as createLink5 } from "@tanstack/react-router";
-import React7 from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var Component5 = React7.forwardRef(function TabComponent(props, reference) {
-  return /* @__PURE__ */ jsx16(Tab, { ref: reference, component: "a", ...props });
-});
-var CreatedComponent5 = createLink5(Component5);
-var RouterTab = (props) => {
-  return /* @__PURE__ */ jsx16(CreatedComponent5, { ...props });
-};
-
-// src/components/router/RouterListItemButton.tsx
-import { ListItemButton as ListItemButton3 } from "@mui/material";
-import { createLink as createLink6 } from "@tanstack/react-router";
-import React8 from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var Component6 = React8.forwardRef(function ButtonComponent2(props, reference) {
-  return /* @__PURE__ */ jsx17(ListItemButton3, { ref: reference, component: "a", ...props });
-});
-var CreatedComponent6 = createLink6(Component6);
-var RouterListItemButton = (props) => {
-  return /* @__PURE__ */ jsx17(CreatedComponent6, { ...props });
-};
-
-// src/components/router/RouterNotFound.tsx
-import { Box as Box4, Divider, Typography as Typography4 } from "@mui/material";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
-function RouterNotFound() {
-  const { t: t2 } = useTranslation3();
-  return /* @__PURE__ */ jsx18(Box4, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs8(Box4, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsx18(Typography4, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
-    /* @__PURE__ */ jsx18(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsx18(Typography4, { variant: "h5", component: "span", children: t2("Layout.ThisPageCouldNotBeFound") })
-  ] }) });
-}
-
-// src/components/router/RouterError.tsx
-import { Box as Box5, Divider as Divider2, Typography as Typography5 } from "@mui/material";
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
-var RouterError = ({ error }) => {
-  return /* @__PURE__ */ jsx19(Box5, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs9(Box5, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsx19(Typography5, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
-    /* @__PURE__ */ jsx19(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsx19(Typography5, { variant: "h5", component: "span", children: error.message })
-  ] }) });
-};
-
-// src/providers/LayoutProvider.tsx
-import { LocalizationProvider } from "@mui/x-date-pickers";
-import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
-import { useEffect as useEffect4, useState as useState6 } from "react";
-import { I18nextProvider, useTranslation as useTranslation4 } from "react-i18next";
-import * as z from "zod";
-import { cs, en } from "zod/locales";
-import { Layout } from "~/components/core/Layout";
-import { LayoutContext } from "~/contexts/LayoutContext";
-import i18n from "~/utils/i18n";
-
-// src/providers/DialogsProvider.tsx
-import useEventCallback from "@mui/utils/useEventCallback";
-import { useCallback, useId, useMemo, useRef as useRef2, useState as useState5 } from "react";
-
-// src/contexts/DialogsContext.ts
-import { createContext } from "react";
-var DialogsContext = createContext({});
-
-// src/providers/DialogsProvider.tsx
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
-function DialogsProvider({ children, unmountAfter = 1e3 }) {
-  const [stack, setStack] = useState5([]);
-  const keyPrefix = useId();
-  const nextId = useRef2(0);
-  const dialogMetadata = useRef2(/* @__PURE__ */ new WeakMap());
-  const requestDialog = useEventCallback(function open(Component7, payload, options = {}) {
-    const { onClose = async () => {
-    } } = options;
-    let resolve;
-    const promise = new Promise((resolveImpl) => {
-      resolve = resolveImpl;
-    });
-    const key = `${keyPrefix}-${nextId.current}`;
-    nextId.current += 1;
-    const newEntry = {
-      key,
-      open: true,
-      promise,
-      Component: Component7,
-      payload,
-      onClose,
-      resolve
-    };
-    dialogMetadata.current.set(promise, newEntry);
-    setStack((previousStack) => [...previousStack, newEntry]);
-    return promise;
-  });
-  const removeDialogFromStack = useCallback((dialog) => {
-    setStack((previousStack) => previousStack.filter((entry) => entry.promise !== dialog));
-    dialogMetadata.current.delete(dialog);
-  }, []);
-  const closeDialogUi = useEventCallback(function closeDialogUi2(dialog) {
-    setStack(
-      (previousStack) => previousStack.map((entry) => entry.promise === dialog ? { ...entry, open: false } : entry)
-    );
-    setTimeout(() => removeDialogFromStack(dialog), unmountAfter);
-  });
-  const closeDialog = useEventCallback(async function closeDialog2(dialog, result) {
-    const entryToClose = dialogMetadata.current.get(dialog);
-    if (!entryToClose) {
-      throw new Error("Dialog not found in stack");
-    }
-    try {
-      await entryToClose.onClose(result);
-    } finally {
-      entryToClose.resolve(result);
-      closeDialogUi(dialog);
-    }
-    return dialog;
-  });
-  const contextValue = useMemo(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
-  return /* @__PURE__ */ jsxs10(DialogsContext.Provider, { value: contextValue, children: [
-    children,
-    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx20(
-      Component7,
-      {
-        payload,
-        open,
-        onClose: async (result) => {
-          await closeDialog(promise, result);
-        }
-      },
-      key
-    ))
-  ] });
-}
-
-// src/providers/LayoutProvider.tsx
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
-var LayoutProvider = (props) => {
-  const [user, setUser] = useState6({ employeeId: "", name: "Unknown", department: "", company: "", category: "" });
-  const { t: t2 } = useTranslation4();
-  const navigation = props.getNavigation?.({ user, t: t2 });
-  useEffect4(() => {
-    z.config(i18n.resolvedLanguage === "cs" ? cs() : en());
-  }, []);
-  return /* @__PURE__ */ jsx21(I18nextProvider, { i18n, children: /* @__PURE__ */ jsx21(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.resolvedLanguage, children: /* @__PURE__ */ jsx21(LayoutContext.Provider, { value: { user: { get: user, set: setUser } }, children: /* @__PURE__ */ jsxs11(Layout, { navigation, theme: props.theme, children: [
-    "\xA8",
-    /* @__PURE__ */ jsx21(DialogsProvider, { children: props.children })
-  ] }) }) }) });
-};
-
-// src/index.ts
-import { uuidv7 as uuidv72 } from "uuidv7";
-
-// src/utils/ClientUtils.ts
-import axios from "axios";
-var Platform = class {
-  static get isAndroid() {
-    return /android/i.test(this.userAgent);
-  }
-  static get isIOS() {
-    return /iPad|iPhone|iPod/.test(this.userAgent);
-  }
-  static get isWindows() {
-    return /windows/i.test(this.userAgent);
-  }
-  static get isMacOS() {
-    return /Macintosh|MacIntel|MacPPC|Mac68K/.test(this.userAgent);
-  }
-  static get userAgent() {
-    return typeof navigator === "undefined" ? "" : navigator.userAgent;
-  }
-};
-var rootRouteHead = ({ title }) => () => ({
-  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" },
-    { rel: "icon", href: "/favicon.ico" }
-  ]
-});
-var wczApiClient = axios.create();
-
-// src/hooks/FormHooks.ts
-import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
-import { FormAutocomplete as Autocomplete } from "~/components/form/FormAutocomplete";
-import { FormCheckbox as Checkbox } from "~/components/form/FormCheckbox";
-import { FormDatePicker as DatePicker } from "~/components/form/FormDatePicker";
-import { FormDateTimePicker as DateTimePicker } from "~/components/form/FormDateTimePicker";
-import { FormNumberField as NumberField } from "~/components/form/FormNumberField";
-import { FormRadioGroup as RadioGroup } from "~/components/form/FormRadioGroup";
-import { FormSlider as Slider } from "~/components/form/FormSlider";
-import { FormSubmitButton as SubmitButton } from "~/components/form/FormSubmitButton";
-import { FormSwitch as Switch } from "~/components/form/FormSwitch";
-import { FormTextField as TextField } from "~/components/form/FormTextField";
-var { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();
-var { useAppForm: useLayoutForm, withForm: withLayoutForm } = createFormHook({
-  fieldComponents: {
-    TextField,
-    NumberField,
-    Autocomplete,
-    Checkbox,
-    Switch,
-    RadioGroup,
-    Slider,
-    DatePicker,
-    DateTimePicker
-  },
-  formComponents: {
-    SubmitButton
-  },
-  fieldContext,
-  formContext
-});
-
-// src/hooks/DialogsHooks.tsx
-import Button2 from "@mui/material/Button";
-import Dialog2 from "@mui/material/Dialog";
-import DialogActions from "@mui/material/DialogActions";
-import DialogContent from "@mui/material/DialogContent";
-import DialogTitle from "@mui/material/DialogTitle";
-import useEventCallback2 from "@mui/utils/useEventCallback";
-import { useContext, useMemo as useMemo2 } from "react";
-import { useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
-function AlertDialog({ open, payload, onClose }) {
-  const { t: t2 } = useTranslation5();
-  return /* @__PURE__ */ jsxs12(Dialog2, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), children: [
-    /* @__PURE__ */ jsx22(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Alert") }),
-    /* @__PURE__ */ jsx22(DialogContent, { children: payload.message }),
-    /* @__PURE__ */ jsx22(DialogActions, { children: /* @__PURE__ */ jsx22(Button2, { disabled: !open, onClick: () => onClose(), children: t2("Layout.Dialog.Confirm") }) })
-  ] });
-}
-function ConfirmDialog({ open, payload, onClose }) {
-  const { t: t2 } = useTranslation5();
-  return /* @__PURE__ */ jsxs12(Dialog2, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), children: [
-    /* @__PURE__ */ jsx22(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Confirm") }),
-    /* @__PURE__ */ jsx22(DialogContent, { children: payload.message }),
-    /* @__PURE__ */ jsxs12(DialogActions, { children: [
-      /* @__PURE__ */ jsx22(Button2, { autoFocus: true, disabled: !open, onClick: () => onClose(false), children: payload.cancelText ?? t2("Layout.Dialog.Cancel") }),
-      /* @__PURE__ */ jsx22(Button2, { disabled: !open, onClick: () => onClose(true), children: t2("Layout.Dialog.Confirm") })
-    ] })
-  ] });
-}
-function useDialogs2() {
-  const { open, close } = useContext(DialogsContext);
-  const alert = useEventCallback2(
-    (message, { ...options } = {}) => open(AlertDialog, { ...options, message })
-  );
-  const confirm = useEventCallback2(
-    (message, { ...options } = {}) => open(ConfirmDialog, { ...options, message })
-  );
-  return useMemo2(() => ({ alert, confirm, open, close }), [alert, close, confirm, open]);
-}
-
-// src/index.ts
-import { default as default2 } from "use-local-storage-state";
-import { useTranslation as useTranslation6 } from "react-i18next";
-import { t } from "i18next";
-
-// src/hooks/FileHooks.ts
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import saveAs from "file-saver";
-import { useState as useState7 } from "react";
-import { Upload as TusUpload } from "tus-js-client";
-import { uuidv7 } from "uuidv7";
-import { useAppTitle } from "~/components/core/AppTitle";
-import { wczApiClient as wczApiClient2 } from "~/utils/ClientUtils";
-var BASE_URL = import.meta.env.VITE_FILE_API_BASE_URL;
-var QUERY_KEY = "Files";
-var HOUR = 1e3 * 60 * 60;
-var useGetFileMetas2 = (subId, options) => {
-  const appTitle = useAppTitle();
-  return useQuery({
-    ...options,
-    queryKey: [QUERY_KEY, "meta", subId, appTitle],
-    queryFn: ({ signal }) => wczApiClient2.request({
-      url: `${BASE_URL}/v1/meta?appName=${appTitle}&subId=${subId}`,
-      method: "GET",
-      signal
-    }),
-    staleTime: HOUR,
-    gcTime: HOUR,
-    refetchOnWindowFocus: false
-  });
-};
-var useGetFileThumbnail2 = (meta, options) => {
-  const appTitle = useAppTitle();
-  return useQuery({
-    ...options,
-    queryKey: [QUERY_KEY, "thumbnail", meta?.id, appTitle],
-    queryFn: ({ signal }) => wczApiClient2.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 useGetFile2 = (meta, options) => {
-  const appTitle = useAppTitle();
-  return useQuery({
-    ...options,
-    queryKey: [QUERY_KEY, meta?.id, appTitle],
-    queryFn: ({ signal }) => wczApiClient2.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 useDownloadFile4 = (options) => {
-  const appTitle = useAppTitle();
-  return useMutation({
-    ...options,
-    mutationFn: (meta) => wczApiClient2.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 useOpenFile3 = (options) => {
-  const appTitle = useAppTitle();
-  return useMutation({
-    ...options,
-    mutationFn: (meta) => wczApiClient2.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 = useAppTitle();
-  const queryClient = useQueryClient();
-  return useMutation({
-    ...options,
-    mutationFn: (meta) => wczApiClient2.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 useDeleteFile2 = (options) => {
-  const appTitle = useAppTitle();
-  const queryClient = useQueryClient();
-  return useMutation({
-    ...options,
-    mutationFn: (meta) => wczApiClient2.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 = useAppTitle();
-  const queryClient = useQueryClient();
-  return useMutation({
-    ...options,
-    mutationFn: (subId) => wczApiClient2.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 = useAppTitle();
-  const [progress, setProgress] = useState7(0);
-  const queryClient = useQueryClient();
-  const mutate = async (file) => {
-    if (!subId) throw new Error("subId is required for file upload");
-    if (!appTitle) throw new Error("appTitle is required for file upload");
-    const metadata = {
-      id: uuidv7(),
-      appName: appTitle,
-      subId,
-      fileName: file.name
-    };
-    const upload = new TusUpload(file, {
-      endpoint: `${BASE_URL}/v1/upload`,
-      chunkSize: 1048576,
-      // 1 MB
-      metadata: {
-        id: metadata.id,
-        appName: metadata.appName,
-        subId: metadata.subId,
-        fileName: metadata.fileName,
-        fileExtension: file.type
-      },
-      //headers: { "Authorization": `Bearer ${await getToken()}` }, //TODO: implement token retrieval
-      onError: (error) => {
-        setProgress(0);
-        onError?.(error);
-      },
-      onProgress: (bytesUploaded, bytesTotal) => {
-        setProgress(bytesUploaded / bytesTotal * 100);
-      },
-      onSuccess: () => {
-        setProgress(0);
-        queryClient.invalidateQueries({ queryKey: [QUERY_KEY, "meta", subId, appTitle], exact: false });
-        onSuccess?.(metadata);
-      }
-    });
-    const previousUploads = await upload.findPreviousUploads();
-    if (previousUploads.length > 0) {
-      upload.resumeFromPreviousUpload(previousUploads[0]);
-    }
-    upload.start();
-  };
-  return { mutate, progress };
-};
-export {
-  ChipInputCell,
-  Dropzone,
-  EditableColumnHeader,
-  FileViewer,
-  LayoutProvider,
-  PageHeader,
-  Platform,
-  RouterButton,
-  RouterError,
-  RouterGridActionsCellItem,
-  RouterIconButton,
-  RouterLink,
-  RouterListItemButton,
-  RouterNotFound,
-  RouterTab,
-  TableContainer,
-  TypographyWithIcon,
-  rootRouteHead,
-  t,
-  useDeleteFile2 as useDeleteFile,
-  useDeleteFiles,
-  useDialogs2 as useDialogs,
-  useDownloadFile4 as useDownloadFile,
-  useFieldContext,
-  useFormContext,
-  useGetFile2 as useGetFile,
-  useGetFileMetas2 as useGetFileMetas,
-  useGetFileThumbnail2 as useGetFileThumbnail,
-  useLayoutForm,
-  default2 as useLocalStorageState,
-  useOpenFile3 as useOpenFile,
-  useTranslation6 as useTranslation,
-  useUpdateFileMeta,
-  useUploadFile,
-  uuidv72 as uuidv7,
-  wczApiClient,
-  withLayoutForm
-};
-//# sourceMappingURL=index.js.map