wcz-test 6.22.2 → 6.23.0

package/dist/components.js

@@ -1,1488 +1,17 @@
-import { j as jsxRuntimeExports } from "./DialogsContext-DMZRefiY.js";
-import { c as compilerRuntimeExports } from "./compiler-runtime-BGHur82y.js";
-import { Typography, Stack, Box, useTheme, Paper, ListItemButton, ListItemIcon, ListItemText, List, Menu, ImageListItemBar, IconButton, Tooltip, ImageListItem, Dialog, Fab, Chip, Button, Link, Tab, Divider } from "@mui/material";
-import React, { useRef, useState, useEffectEvent, useEffect, createContext, useContext, Fragment } from "react";
-import CloudUpload from "@mui/icons-material/CloudUpload";
-import { useDropzone } from "react-dropzone";
-import { useTranslation } from "react-i18next";
-import MoreVert from "@mui/icons-material/MoreVert";
-import { grey } from "@mui/material/colors";
-import { useInView } from "react-intersection-observer";
-import Delete from "@mui/icons-material/Delete";
-import FileDownload from "@mui/icons-material/FileDownload";
-import { u as useDialogs } from "./DialogsHooks-BEZgPVSk.js";
-import { c as useDownloadFile, f as useDeleteFile, a as useGetFileThumbnail, d as useOpenFile, b as useGetFile, u as useGetFileMetas } from "./FileHooks-BJdvBvBr.js";
-import AttachFile from "@mui/icons-material/AttachFile";
-import Image from "@mui/icons-material/Image";
-import SmartDisplay from "@mui/icons-material/SmartDisplay";
-import Close from "@mui/icons-material/Close";
-import Edit from "@mui/icons-material/Edit";
-import { createLink } from "@tanstack/react-router";
-import { GridActionsCellItem } from "@mui/x-data-grid-premium";
-import { R } from "./RouterListItemButton-CagMd8F_.js";
-const TypographyWithIcon = (t0) => {
-  const $ = compilerRuntimeExports.c(22);
-  let children;
-  let endIcon;
-  let props;
-  let startIcon;
-  let sx;
-  if ($[0] !== t0) {
-    ({
-      startIcon,
-      endIcon,
-      children,
-      sx,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = endIcon;
-    $[3] = props;
-    $[4] = startIcon;
-    $[5] = sx;
-  } else {
-    children = $[1];
-    endIcon = $[2];
-    props = $[3];
-    startIcon = $[4];
-    sx = $[5];
-  }
-  let t1;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "center",
-      flexShrink: 0,
-      lineHeight: 0,
-      "& > svg": {
-        display: "block"
-      }
-    };
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  const iconSx = t1;
-  let t2;
-  if ($[7] !== sx) {
-    t2 = {
-      display: "inline-flex",
-      alignItems: "center",
-      verticalAlign: "middle",
-      ...sx
-    };
-    $[7] = sx;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  let t3;
-  if ($[9] !== startIcon) {
-    t3 = startIcon && /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { component: "span", sx: iconSx, children: startIcon });
-    $[9] = startIcon;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  let t4;
-  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = {
-      display: "inline",
-      lineHeight: "inherit"
-    };
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  let t5;
-  if ($[12] !== children) {
-    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { component: "span", sx: t4, children });
-    $[12] = children;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  let t6;
-  if ($[14] !== endIcon) {
-    t6 = endIcon && /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { component: "span", sx: iconSx, children: endIcon });
-    $[14] = endIcon;
-    $[15] = t6;
-  } else {
-    t6 = $[15];
-  }
-  let t7;
-  if ($[16] !== props || $[17] !== t2 || $[18] !== t3 || $[19] !== t5 || $[20] !== t6) {
-    t7 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { component: "span", sx: t2, gap: 1, ...props, children: [
-      t3,
-      t5,
-      t6
-    ] });
-    $[16] = props;
-    $[17] = t2;
-    $[18] = t3;
-    $[19] = t5;
-    $[20] = t6;
-    $[21] = t7;
-  } else {
-    t7 = $[21];
-  }
-  return t7;
-};
-const Fullscreen = (t0) => {
-  const $ = compilerRuntimeExports.c(15);
-  let children;
-  let props;
-  let sx;
-  if ($[0] !== t0) {
-    ({
-      children,
-      sx,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = props;
-    $[3] = sx;
-  } else {
-    children = $[1];
-    props = $[2];
-    sx = $[3];
-  }
-  const reference = useRef(null);
-  const [height, setHeight] = useState();
-  let t1;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
-      if (!reference.current) {
-        return;
-      }
-      const top = Math.ceil(reference.current.getBoundingClientRect().top);
-      const avail = Math.max(0, window.innerHeight - top);
-      setHeight(avail);
-    };
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  const recompute = useEffectEvent(t1);
-  let t2;
-  if ($[5] !== recompute) {
-    t2 = () => {
-      const element = reference.current;
-      if (!element) {
-        return;
-      }
-      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();
-      };
-    };
-    $[5] = recompute;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  let t3;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = [];
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  useEffect(t2, t3);
-  let t4;
-  if ($[8] !== sx) {
-    t4 = {
-      display: "flex",
-      flexDirection: "column",
-      minHeight: 0,
-      width: "100%",
-      overflow: "auto",
-      ...sx
-    };
-    $[8] = sx;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  let t5;
-  if ($[10] !== children || $[11] !== height || $[12] !== props || $[13] !== t4) {
-    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { ref: reference, sx: t4, height, ...props, children });
-    $[10] = children;
-    $[11] = height;
-    $[12] = props;
-    $[13] = t4;
-    $[14] = t5;
-  } else {
-    t5 = $[14];
-  }
-  return t5;
-};
-const 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"
-};
-const Dropzone = (t0) => {
-  const $ = compilerRuntimeExports.c(28);
-  let props;
-  let sx;
-  if ($[0] !== t0) {
-    ({
-      sx,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = props;
-    $[2] = sx;
-  } else {
-    props = $[1];
-    sx = $[2];
-  }
-  const {
-    getRootProps,
-    getInputProps,
-    isFocused,
-    isDragAccept,
-    isDragReject
-  } = useDropzone(props);
-  const {
-    t
-  } = useTranslation();
-  const theme = useTheme();
-  let T0;
-  let t1;
-  let t2;
-  if ($[3] !== getRootProps || $[4] !== isDragAccept || $[5] !== isDragReject || $[6] !== isFocused || $[7] !== theme) {
-    const style = {
-      ...baseStyle,
-      ...isFocused ? {
-        borderColor: theme.palette.primary.main
-      } : {},
-      ...isDragAccept ? {
-        borderColor: theme.palette.success.main
-      } : {},
-      ...isDragReject ? {
-        borderColor: theme.palette.error.main
-      } : {}
-    };
-    T0 = Paper;
-    t1 = "outlined";
-    t2 = getRootProps({
-      style
-    });
-    $[3] = getRootProps;
-    $[4] = isDragAccept;
-    $[5] = isDragReject;
-    $[6] = isFocused;
-    $[7] = theme;
-    $[8] = T0;
-    $[9] = t1;
-    $[10] = t2;
-  } else {
-    T0 = $[8];
-    t1 = $[9];
-    t2 = $[10];
-  }
-  let t3;
-  if ($[11] !== getInputProps) {
-    t3 = getInputProps();
-    $[11] = getInputProps;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  let t4;
-  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = {
-      display: "none"
-    };
-    $[13] = t4;
-  } else {
-    t4 = $[13];
-  }
-  let t5;
-  if ($[14] !== t3) {
-    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx("input", { ...t3, style: t4 });
-    $[14] = t3;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  let t6;
-  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(CloudUpload, {});
-    $[16] = t6;
-  } else {
-    t6 = $[16];
-  }
-  let t7;
-  if ($[17] !== t) {
-    t7 = t("Layout.File.DragSomeFilesHereOrClickToSelectThem");
-    $[17] = t;
-    $[18] = t7;
-  } else {
-    t7 = $[18];
-  }
-  let t8;
-  if ($[19] !== t7) {
-    t8 = /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { children: t7 });
-    $[19] = t7;
-    $[20] = t8;
-  } else {
-    t8 = $[20];
-  }
-  let t9;
-  if ($[21] !== T0 || $[22] !== sx || $[23] !== t1 || $[24] !== t2 || $[25] !== t5 || $[26] !== t8) {
-    t9 = /* @__PURE__ */ jsxRuntimeExports.jsxs(T0, { variant: t1, ...t2, sx, children: [
-      t5,
-      t6,
-      t8
-    ] });
-    $[21] = T0;
-    $[22] = sx;
-    $[23] = t1;
-    $[24] = t2;
-    $[25] = t5;
-    $[26] = t8;
-    $[27] = t9;
-  } else {
-    t9 = $[27];
-  }
-  return t9;
-};
-const FileContext = createContext(null);
-const useFile = () => {
-  const context = useContext(FileContext);
-  if (!context) {
-    throw new Error("FileViewer components must be used within FileViewer");
-  }
-  return context;
-};
-const ActionsMenu = (t0) => {
-  const $ = compilerRuntimeExports.c(34);
-  const {
-    meta,
-    menu,
-    setMenu
-  } = t0;
-  const {
-    t
-  } = useTranslation();
-  const {
-    fileMetas,
-    onDelete,
-    actions
-  } = useFile();
-  const {
-    confirm
-  } = useDialogs();
-  let t1;
-  if ($[0] !== setMenu) {
-    t1 = () => {
-      setMenu(null);
-    };
-    $[0] = setMenu;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const handleMenuClose = t1;
-  const {
-    mutate: download,
-    isPending: isDownloading
-  } = useDownloadFile();
-  const {
-    mutate: deleteFile,
-    isPending: isDeleting
-  } = useDeleteFile();
-  let t2;
-  if ($[2] !== download || $[3] !== handleMenuClose || $[4] !== meta) {
-    t2 = () => {
-      handleMenuClose();
-      download(meta);
-    };
-    $[2] = download;
-    $[3] = handleMenuClose;
-    $[4] = meta;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  const handleOnDownload = t2;
-  let t3;
-  if ($[6] !== confirm || $[7] !== deleteFile || $[8] !== fileMetas || $[9] !== handleMenuClose || $[10] !== meta || $[11] !== onDelete || $[12] !== t) {
-    t3 = async () => {
-      if (!await confirm(t("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
-        });
-      }
-    };
-    $[6] = confirm;
-    $[7] = deleteFile;
-    $[8] = fileMetas;
-    $[9] = handleMenuClose;
-    $[10] = meta;
-    $[11] = onDelete;
-    $[12] = t;
-    $[13] = t3;
-  } else {
-    t3 = $[13];
-  }
-  const handleOnDelete = t3;
-  const t4 = menu !== null;
-  let t5;
-  if ($[14] !== menu) {
-    t5 = menu === null ? void 0 : {
-      top: menu.mouseY,
-      left: menu.mouseX
-    };
-    $[14] = menu;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  let t6;
-  if ($[16] !== actions?.download || $[17] !== handleOnDownload || $[18] !== isDownloading || $[19] !== t) {
-    t6 = actions?.download !== false && /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileDownload, {}) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText, { children: t("Layout.File.Download") })
-    ] });
-    $[16] = actions?.download;
-    $[17] = handleOnDownload;
-    $[18] = isDownloading;
-    $[19] = t;
-    $[20] = t6;
-  } else {
-    t6 = $[20];
-  }
-  let t7;
-  if ($[21] !== actions?.delete || $[22] !== handleOnDelete || $[23] !== isDeleting || $[24] !== t) {
-    t7 = actions?.delete !== false && /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Delete, {}) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText, { children: t("Layout.File.Delete") })
-    ] });
-    $[21] = actions?.delete;
-    $[22] = handleOnDelete;
-    $[23] = isDeleting;
-    $[24] = t;
-    $[25] = t7;
-  } else {
-    t7 = $[25];
-  }
-  let t8;
-  if ($[26] !== t6 || $[27] !== t7) {
-    t8 = /* @__PURE__ */ jsxRuntimeExports.jsxs(List, { disablePadding: true, children: [
-      t6,
-      t7
-    ] });
-    $[26] = t6;
-    $[27] = t7;
-    $[28] = t8;
-  } else {
-    t8 = $[28];
-  }
-  let t9;
-  if ($[29] !== handleMenuClose || $[30] !== t4 || $[31] !== t5 || $[32] !== t8) {
-    t9 = /* @__PURE__ */ jsxRuntimeExports.jsx(Menu, { open: t4, onClose: handleMenuClose, anchorReference: "anchorPosition", variant: "menu", anchorPosition: t5, children: t8 });
-    $[29] = handleMenuClose;
-    $[30] = t4;
-    $[31] = t5;
-    $[32] = t8;
-    $[33] = t9;
-  } else {
-    t9 = $[33];
-  }
-  return t9;
-};
-const IMAGE_SIZE = 150;
-const FileViewerGrid = (t0) => {
-  const $ = compilerRuntimeExports.c(12);
-  const {
-    sx,
-    size,
-    itemBar
-  } = t0;
-  const {
-    fileMetas
-  } = useFile();
-  let t1;
-  if ($[0] !== sx) {
-    t1 = {
-      overflow: "auto",
-      ...sx
-    };
-    $[0] = sx;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== fileMetas || $[3] !== itemBar || $[4] !== size) {
-    let t32;
-    if ($[6] !== itemBar || $[7] !== size) {
-      t32 = (fileMeta) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridFileViewerItem, { meta: fileMeta, size, itemBar }, fileMeta.id);
-      $[6] = itemBar;
-      $[7] = size;
-      $[8] = t32;
-    } else {
-      t32 = $[8];
-    }
-    t2 = fileMetas.map(t32);
-    $[2] = fileMetas;
-    $[3] = itemBar;
-    $[4] = size;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  if ($[9] !== t1 || $[10] !== t2) {
-    t3 = /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { direction: "row", spacing: 1, sx: t1, children: t2 });
-    $[9] = t1;
-    $[10] = t2;
-    $[11] = t3;
-  } else {
-    t3 = $[11];
-  }
-  return t3;
-};
-const GridFileViewerItem = (t0) => {
-  const $ = compilerRuntimeExports.c(47);
-  const {
-    meta,
-    size,
-    itemBar
-  } = t0;
-  const {
-    setImageId,
-    actions
-  } = useFile();
-  const [showItemBar, setShowItemBar] = useState(itemBar === "always");
-  const [menu, setMenu] = useState(null);
-  const {
-    ref,
-    inView
-  } = useInView();
-  let t1;
-  let t2;
-  if ($[0] !== itemBar) {
-    t1 = () => {
-      setShowItemBar(itemBar === "always");
-    };
-    t2 = [itemBar];
-    $[0] = itemBar;
-    $[1] = t1;
-    $[2] = t2;
-  } else {
-    t1 = $[1];
-    t2 = $[2];
-  }
-  useEffect(t1, t2);
-  let t3;
-  if ($[3] !== meta) {
-    t3 = {
-      meta
-    };
-    $[3] = meta;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] !== inView) {
-    t4 = {
-      enabled: inView
-    };
-    $[5] = inView;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  const {
-    data: source
-  } = useGetFileThumbnail(t3, t4);
-  let t5;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = () => setShowItemBar(true);
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  const handleOnMouseEnter = t5;
-  let t6;
-  if ($[8] !== itemBar) {
-    t6 = () => itemBar !== "always" && setShowItemBar(false);
-    $[8] = itemBar;
-    $[9] = t6;
-  } else {
-    t6 = $[9];
-  }
-  const handleOnMouseLeave = t6;
-  let t7;
-  if ($[10] !== menu) {
-    t7 = (event) => {
-      setMenu(menu === null ? {
-        mouseX: event.clientX,
-        mouseY: event.clientY
-      } : null);
-      setTimeout(() => setShowItemBar(true));
-    };
-    $[10] = menu;
-    $[11] = t7;
-  } else {
-    t7 = $[11];
-  }
-  const openMenu = t7;
-  const {
-    mutate: openFile
-  } = useOpenFile();
-  const {
-    mutate: download
-  } = useDownloadFile();
-  let t8;
-  if ($[12] !== download || $[13] !== meta || $[14] !== openFile || $[15] !== setImageId) {
-    t8 = () => {
-      switch (meta.mediaType) {
-        case "image": {
-          return setImageId(meta.id);
-        }
-        case "application": {
-          return openFile(meta);
-        }
-        case "video": {
-          return openFile(meta);
-        }
-        default: {
-          return download(meta);
-        }
-      }
-    };
-    $[12] = download;
-    $[13] = meta;
-    $[14] = openFile;
-    $[15] = setImageId;
-    $[16] = t8;
-  } else {
-    t8 = $[16];
-  }
-  const onClick = t8;
-  const t9 = size ?? IMAGE_SIZE;
-  const t10 = size ?? IMAGE_SIZE;
-  let t11;
-  if ($[17] !== t10 || $[18] !== t9) {
-    t11 = {
-      width: t9,
-      height: t10
-    };
-    $[17] = t10;
-    $[18] = t9;
-    $[19] = t11;
-  } else {
-    t11 = $[19];
-  }
-  const t12 = "thumbnail-" + meta.id;
-  const t13 = size ?? IMAGE_SIZE;
-  const t14 = size ?? IMAGE_SIZE;
-  let t15;
-  if ($[20] !== t13 || $[21] !== t14) {
-    t15 = {
-      cursor: "pointer",
-      objectFit: "contain",
-      width: t13,
-      height: t14
-    };
-    $[20] = t13;
-    $[21] = t14;
-    $[22] = t15;
-  } else {
-    t15 = $[22];
-  }
-  let t16;
-  if ($[23] !== onClick || $[24] !== source || $[25] !== t12 || $[26] !== t15) {
-    t16 = /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { component: "img", src: source, loading: "lazy", alt: t12, onClick, sx: t15 });
-    $[23] = onClick;
-    $[24] = source;
-    $[25] = t12;
-    $[26] = t15;
-    $[27] = t16;
-  } else {
-    t16 = $[27];
-  }
-  let t17;
-  if ($[28] !== actions || $[29] !== itemBar || $[30] !== meta.fileName || $[31] !== openMenu || $[32] !== showItemBar) {
-    t17 = itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsxRuntimeExports.jsx(ImageListItemBar, { title: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { children: meta.fileName }) }), actionIcon: (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { sx: {
-      color: grey[100]
-    }, onClick: openMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreVert, {}) }) });
-    $[28] = actions;
-    $[29] = itemBar;
-    $[30] = meta.fileName;
-    $[31] = openMenu;
-    $[32] = showItemBar;
-    $[33] = t17;
-  } else {
-    t17 = $[33];
-  }
-  let t18;
-  if ($[34] !== handleOnMouseLeave || $[35] !== ref || $[36] !== t11 || $[37] !== t16 || $[38] !== t17) {
-    t18 = /* @__PURE__ */ jsxRuntimeExports.jsxs(ImageListItem, { sx: t11, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, ref, children: [
-      t16,
-      t17
-    ] });
-    $[34] = handleOnMouseLeave;
-    $[35] = ref;
-    $[36] = t11;
-    $[37] = t16;
-    $[38] = t17;
-    $[39] = t18;
-  } else {
-    t18 = $[39];
-  }
-  let t19;
-  if ($[40] !== actions || $[41] !== menu || $[42] !== meta) {
-    t19 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(ActionsMenu, { meta, menu, setMenu });
-    $[40] = actions;
-    $[41] = menu;
-    $[42] = meta;
-    $[43] = t19;
-  } else {
-    t19 = $[43];
-  }
-  let t20;
-  if ($[44] !== t18 || $[45] !== t19) {
-    t20 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-      t18,
-      t19
-    ] });
-    $[44] = t18;
-    $[45] = t19;
-    $[46] = t20;
-  } else {
-    t20 = $[46];
-  }
-  return t20;
-};
-const FileViewerList = (t0) => {
-  const $ = compilerRuntimeExports.c(5);
-  const {
-    sx
-  } = t0;
-  const {
-    fileMetas
-  } = useFile();
-  let t1;
-  if ($[0] !== fileMetas) {
-    t1 = fileMetas.map(_temp);
-    $[0] = fileMetas;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== sx || $[3] !== t1) {
-    t2 = /* @__PURE__ */ jsxRuntimeExports.jsx(List, { dense: true, sx, children: t1 });
-    $[2] = sx;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
-};
-const ListFileViewerItem = (t0) => {
-  const $ = compilerRuntimeExports.c(29);
-  const {
-    meta
-  } = t0;
-  const {
-    setImageId,
-    actions
-  } = useFile();
-  const [menu, setMenu] = useState(null);
-  let t1;
-  if ($[0] !== menu) {
-    t1 = (event) => {
-      event.stopPropagation();
-      setMenu(menu === null ? {
-        mouseX: event.clientX,
-        mouseY: event.clientY
-      } : null);
-    };
-    $[0] = menu;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const openMenu = t1;
-  const {
-    mutate: openFile
-  } = useOpenFile();
-  const {
-    mutate: download
-  } = useDownloadFile();
-  let t2;
-  if ($[2] !== download || $[3] !== meta || $[4] !== openFile || $[5] !== setImageId) {
-    t2 = () => {
-      switch (meta.mediaType) {
-        case "image": {
-          return setImageId(meta.id);
-        }
-        case "application": {
-          return openFile(meta);
-        }
-        case "video": {
-          return openFile(meta);
-        }
-        default: {
-          return download(meta);
-        }
-      }
-    };
-    $[2] = download;
-    $[3] = meta;
-    $[4] = openFile;
-    $[5] = setImageId;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  const onClick = t2;
-  let t3;
-  if ($[7] !== meta.mediaType) {
-    t3 = () => {
-      switch (meta.mediaType) {
-        case "image": {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(Image, {});
-        }
-        case "video": {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(SmartDisplay, {});
-        }
-        default: {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(AttachFile, {});
-        }
-      }
-    };
-    $[7] = meta.mediaType;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  const icon = t3;
-  let t4;
-  if ($[9] !== icon) {
-    t4 = /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon, { children: icon() });
-    $[9] = icon;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  const t5 = `${meta.fileName}.${meta.fileExtension}`;
-  let t6;
-  if ($[11] !== t5) {
-    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText, { primary: t5 });
-    $[11] = t5;
-    $[12] = t6;
-  } else {
-    t6 = $[12];
-  }
-  let t7;
-  if ($[13] !== actions || $[14] !== openMenu) {
-    t7 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreVert, {}) });
-    $[13] = actions;
-    $[14] = openMenu;
-    $[15] = t7;
-  } else {
-    t7 = $[15];
-  }
-  let t8;
-  if ($[16] !== meta.id || $[17] !== onClick || $[18] !== t4 || $[19] !== t6 || $[20] !== t7) {
-    t8 = /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton, { onClick, children: [
-      t4,
-      t6,
-      t7
-    ] }, meta.id);
-    $[16] = meta.id;
-    $[17] = onClick;
-    $[18] = t4;
-    $[19] = t6;
-    $[20] = t7;
-    $[21] = t8;
-  } else {
-    t8 = $[21];
-  }
-  let t9;
-  if ($[22] !== actions || $[23] !== menu || $[24] !== meta) {
-    t9 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(ActionsMenu, { meta, menu, setMenu });
-    $[22] = actions;
-    $[23] = menu;
-    $[24] = meta;
-    $[25] = t9;
-  } else {
-    t9 = $[25];
-  }
-  let t10;
-  if ($[26] !== t8 || $[27] !== t9) {
-    t10 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-      t8,
-      t9
-    ] });
-    $[26] = t8;
-    $[27] = t9;
-    $[28] = t10;
-  } else {
-    t10 = $[28];
-  }
-  return t10;
-};
-function _temp(fileMeta) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ListFileViewerItem, { meta: fileMeta }, fileMeta.id);
-}
-const ImageViewer = ({
-  metaId
-}) => {
-  const {
-    fileMetas,
-    setImageId
-  } = useFile();
-  const meta = fileMetas.find((m) => m.id === metaId);
-  const {
-    data: source
-  } = useGetFile({
-    meta
-  });
-  useEffect(() => {
-    if (metaId) globalThis.addEventListener("keydown", handleOnKeydown);
-    return () => {
-      globalThis.removeEventListener("keydown", handleOnKeydown);
-    };
-  }, [metaId]);
-  const handleOnKeydown = (event) => {
-    const images = fileMetas.filter((m_0) => m_0.mediaType === "image");
-    const imageIndex = images.findIndex((m_1) => m_1.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_0, index) => {
-    if (index > 0) {
-      const previousFile = images_0[index - 1];
-      setImageId(previousFile.id);
-    }
-  };
-  const handleOnArrowRight = (images_1, index_0) => {
-    if (index_0 < images_1.length - 1) {
-      const nextFile = images_1[index_0 + 1];
-      setImageId(nextFile.id);
-    }
-  };
-  const onClose = () => setImageId("");
-  if (!metaId) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Dialog, { open: true, onClose, maxWidth: "xl", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { component: "img", src: source, alt: metaId, sx: {
-      maxWidth: "100vw",
-      maxHeight: {
-        xs: "calc(100vh - 56px)",
-        sm: "calc(100vh - 64px)"
-      }
-    } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Fab, { size: "medium", onClick: onClose, sx: {
-      position: "fixed",
-      top: 8,
-      right: 8
-    }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Close, {}) })
-  ] });
-};
-const FileViewer = (t0) => {
-  const $ = compilerRuntimeExports.c(25);
-  const {
-    subId,
-    onDelete,
-    actions,
-    children
-  } = t0;
-  let t1;
-  if ($[0] !== subId) {
-    t1 = {
-      subId
-    };
-    $[0] = subId;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const t2 = !!subId;
-  let t3;
-  if ($[2] !== t2) {
-    t3 = {
-      enabled: t2
-    };
-    $[2] = t2;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  const {
-    data: t4
-  } = useGetFileMetas(t1, t3);
-  let t5;
-  if ($[4] !== t4) {
-    t5 = t4 === void 0 ? [] : t4;
-    $[4] = t4;
-    $[5] = t5;
-  } else {
-    t5 = $[5];
-  }
-  const fileMetas = t5;
-  const [imageId, setImageId] = useState("");
-  let T0;
-  let t6;
-  let t7;
-  let t8;
-  if ($[6] !== actions || $[7] !== children || $[8] !== fileMetas || $[9] !== onDelete) {
-    t8 = Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const components = {
-        Grid: FileViewerGrid,
-        List: FileViewerList
-      };
-      if (fileMetas.length === 0) {
-        t8 = null;
-        break bb0;
-      }
-      T0 = FileContext.Provider;
-      if ($[14] !== actions || $[15] !== fileMetas || $[16] !== onDelete) {
-        t6 = {
-          fileMetas,
-          onDelete,
-          actions,
-          setImageId
-        };
-        $[14] = actions;
-        $[15] = fileMetas;
-        $[16] = onDelete;
-        $[17] = t6;
-      } else {
-        t6 = $[17];
-      }
-      t7 = children(components);
-    }
-    $[6] = actions;
-    $[7] = children;
-    $[8] = fileMetas;
-    $[9] = onDelete;
-    $[10] = T0;
-    $[11] = t6;
-    $[12] = t7;
-    $[13] = t8;
-  } else {
-    T0 = $[10];
-    t6 = $[11];
-    t7 = $[12];
-    t8 = $[13];
-  }
-  if (t8 !== Symbol.for("react.early_return_sentinel")) {
-    return t8;
-  }
-  let t9;
-  if ($[18] !== imageId) {
-    t9 = /* @__PURE__ */ jsxRuntimeExports.jsx(ImageViewer, { metaId: imageId });
-    $[18] = imageId;
-    $[19] = t9;
-  } else {
-    t9 = $[19];
-  }
-  let t10;
-  if ($[20] !== T0 || $[21] !== t6 || $[22] !== t7 || $[23] !== t9) {
-    t10 = /* @__PURE__ */ jsxRuntimeExports.jsxs(T0, { value: t6, children: [
-      t7,
-      t9
-    ] });
-    $[20] = T0;
-    $[21] = t6;
-    $[22] = t7;
-    $[23] = t9;
-    $[24] = t10;
-  } else {
-    t10 = $[24];
-  }
-  return t10;
-};
-const isArray = (value) => Array.isArray(value);
-const ChipInputCell = (t0) => {
-  const $ = compilerRuntimeExports.c(20);
-  const {
-    params,
-    slotProps,
-    getLabel
-  } = t0;
-  if (!params.value) {
-    return null;
-  }
-  let t1;
-  if ($[0] !== getLabel) {
-    t1 = (value) => {
-      if (getLabel) {
-        return getLabel(value);
-      }
-      return value;
-    };
-    $[0] = getLabel;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const getLabelValue = t1;
-  if (isArray(params.value)) {
-    let t22;
-    if ($[2] !== params.colDef.computedWidth) {
-      t22 = {
-        overflowX: "auto",
-        height: "100%",
-        width: params.colDef.computedWidth
-      };
-      $[2] = params.colDef.computedWidth;
-      $[3] = t22;
-    } else {
-      t22 = $[3];
-    }
-    let t32;
-    if ($[4] !== getLabelValue || $[5] !== params.value || $[6] !== slotProps) {
-      let t42;
-      if ($[8] !== getLabelValue || $[9] !== slotProps) {
-        t42 = (value_0, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(Chip, { label: getLabelValue(value_0), ...slotProps }, `${index + 1}-chip-input-cell`);
-        $[8] = getLabelValue;
-        $[9] = slotProps;
-        $[10] = t42;
-      } else {
-        t42 = $[10];
-      }
-      t32 = params.value.map(t42);
-      $[4] = getLabelValue;
-      $[5] = params.value;
-      $[6] = slotProps;
-      $[7] = t32;
-    } else {
-      t32 = $[7];
-    }
-    let t4;
-    if ($[11] !== t22 || $[12] !== t32) {
-      t4 = /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { direction: "row", alignItems: "center", gap: 1, sx: t22, children: t32 });
-      $[11] = t22;
-      $[12] = t32;
-      $[13] = t4;
-    } else {
-      t4 = $[13];
-    }
-    return t4;
-  }
-  let t2;
-  if ($[14] !== getLabelValue || $[15] !== params.value) {
-    t2 = getLabelValue(params.value);
-    $[14] = getLabelValue;
-    $[15] = params.value;
-    $[16] = t2;
-  } else {
-    t2 = $[16];
-  }
-  let t3;
-  if ($[17] !== slotProps || $[18] !== t2) {
-    t3 = /* @__PURE__ */ jsxRuntimeExports.jsx(Chip, { label: t2, ...slotProps });
-    $[17] = slotProps;
-    $[18] = t2;
-    $[19] = t3;
-  } else {
-    t3 = $[19];
-  }
-  return t3;
-};
-const EditableColumnHeader = (t0) => {
-  const $ = compilerRuntimeExports.c(3);
-  const {
-    colDef
-  } = t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsxRuntimeExports.jsx(Edit, { color: "disabled", fontSize: "small" });
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  let t2;
-  if ($[1] !== colDef.headerName) {
-    t2 = /* @__PURE__ */ jsxRuntimeExports.jsx(TypographyWithIcon, { endIcon: t1, variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
-    $[1] = colDef.headerName;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  return t2;
-};
-const Component$4 = React.forwardRef(function ButtonComponent(props, reference) {
-  const $ = compilerRuntimeExports.c(3);
-  let t0;
-  if ($[0] !== props || $[1] !== reference) {
-    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { ref: reference, component: "a", ...props });
-    $[0] = props;
-    $[1] = reference;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  return t0;
-});
-const CreatedComponent$4 = createLink(Component$4);
-const RouterButton = (props) => {
-  const $ = compilerRuntimeExports.c(2);
-  let t0;
-  if ($[0] !== props) {
-    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$4, { ...props });
-    $[0] = props;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-};
-const Component$3 = React.forwardRef(function GridActionsCellItemComponent(props, reference) {
-  const $ = compilerRuntimeExports.c(3);
-  let t0;
-  if ($[0] !== props || $[1] !== reference) {
-    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(GridActionsCellItem, { ref: reference, component: "a", ...props });
-    $[0] = props;
-    $[1] = reference;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  return t0;
-});
-const CreatedComponent$3 = createLink(Component$3);
-const RouterGridActionsCellItem = (props) => {
-  const $ = compilerRuntimeExports.c(2);
-  let t0;
-  if ($[0] !== props) {
-    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$3, { ...props });
-    $[0] = props;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-};
-const Component$2 = React.forwardRef(function IconButtonComponent(props, reference) {
-  const $ = compilerRuntimeExports.c(3);
-  let t0;
-  if ($[0] !== props || $[1] !== reference) {
-    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { ref: reference, component: "a", ...props });
-    $[0] = props;
-    $[1] = reference;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  return t0;
-});
-const CreatedComponent$2 = createLink(Component$2);
-const RouterIconButton = (props) => {
-  const $ = compilerRuntimeExports.c(2);
-  let t0;
-  if ($[0] !== props) {
-    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$2, { ...props });
-    $[0] = props;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-};
-const Component$1 = React.forwardRef(function LinkComponent(props, reference) {
-  const $ = compilerRuntimeExports.c(3);
-  let t0;
-  if ($[0] !== props || $[1] !== reference) {
-    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { ref: reference, ...props });
-    $[0] = props;
-    $[1] = reference;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  return t0;
-});
-const CreatedComponent$1 = createLink(Component$1);
-const RouterLink = (props) => {
-  const $ = compilerRuntimeExports.c(2);
-  let t0;
-  if ($[0] !== props) {
-    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$1, { ...props });
-    $[0] = props;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-};
-const Component = React.forwardRef(function TabComponent(props, reference) {
-  const $ = compilerRuntimeExports.c(3);
-  let t0;
-  if ($[0] !== props || $[1] !== reference) {
-    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(Tab, { ref: reference, component: "a", ...props });
-    $[0] = props;
-    $[1] = reference;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  return t0;
-});
-const CreatedComponent = createLink(Component);
-const RouterTab = (props) => {
-  const $ = compilerRuntimeExports.c(2);
-  let t0;
-  if ($[0] !== props) {
-    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent, { ...props });
-    $[0] = props;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-};
-function RouterNotFound() {
-  const $ = compilerRuntimeExports.c(6);
-  const {
-    t
-  } = useTranslation();
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: {
-      lineHeight: 1
-    }, children: "404" });
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  let t1;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { orientation: "vertical", flexItem: true, sx: {
-      mx: 3
-    } });
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== t) {
-    t2 = t("Layout.ThisPageCouldNotBeFound");
-    $[2] = t;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== t2) {
-    t3 = /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", alignItems: "center", mb: 4, children: [
-      t0,
-      t1,
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h5", component: "span", children: t2 })
-    ] }) });
-    $[4] = t2;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  return t3;
-}
-const RouterError = (t0) => {
-  const $ = compilerRuntimeExports.c(9);
-  const {
-    error
-  } = t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      lineHeight: 1
-    };
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  const t2 = error.name || "500";
-  let t3;
-  if ($[1] !== t2) {
-    t3 = /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: t1, children: t2 });
-    $[1] = t2;
-    $[2] = t3;
-  } else {
-    t3 = $[2];
-  }
-  let t4;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { orientation: "vertical", flexItem: true, sx: {
-      mx: 3
-    } });
-    $[3] = t4;
-  } else {
-    t4 = $[3];
-  }
-  let t5;
-  if ($[4] !== error.message) {
-    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h5", component: "span", children: error.message });
-    $[4] = error.message;
-    $[5] = t5;
-  } else {
-    t5 = $[5];
-  }
-  let t6;
-  if ($[6] !== t3 || $[7] !== t5) {
-    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", alignItems: "center", mb: 4, children: [
-      t3,
-      t4,
-      t5
-    ] }) });
-    $[6] = t3;
-    $[7] = t5;
-    $[8] = t6;
-  } else {
-    t6 = $[8];
-  }
-  return t6;
-};
+import { TypographyWithIcon } from "./components/core/TypographyWithIcon.js";
+import { Fullscreen } from "./components/core/Fullscreen.js";
+import { Dropzone } from "./components/file/Dropzone.js";
+import { FileViewer } from "./components/file/FileViewer.js";
+import { ChipInputCell } from "./components/data-grid/ChipInputCell.js";
+import { EditableColumnHeader } from "./components/data-grid/EditableColumnHeader.js";
+import { RouterButton } from "./components/router/RouterButton.js";
+import { RouterGridActionsCellItem } from "./components/router/RouterGridActionsCellItem.js";
+import { RouterIconButton } from "./components/router/RouterIconButton.js";
+import { RouterLink } from "./components/router/RouterLink.js";
+import { RouterTab } from "./components/router/RouterTab.js";
+import { RouterListItemButton } from "./components/router/RouterListItemButton.js";
+import { RouterNotFound } from "./components/router/RouterNotFound.js";
+import { RouterError } from "./components/router/RouterError.js";
 export {
   ChipInputCell,
   Dropzone,
@@ -1494,7 +23,7 @@ export {
   RouterGridActionsCellItem,
   RouterIconButton,
   RouterLink,
-  R as RouterListItemButton,
+  RouterListItemButton,
   RouterNotFound,
   RouterTab,
   TypographyWithIcon