wcz-test 6.24.1 → 6.24.2

package/dist/components.js

@@ -1,17 +1,1488 @@
-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";
+import { j as jsxRuntimeExports } from "./DialogsContext-BKtkEAfL.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-BQVpqCq9.js";
+import { c as useDownloadFile, f as useDeleteFile, a as useGetFileThumbnail, d as useOpenFile, b as useGetFile, u as useGetFileMetas } from "./FileHooks-Cg9ver7z.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-IUVgwnz3.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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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 = /* @__PURE__ */ 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 !== /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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;
+};
 export {
   ChipInputCell,
   Dropzone,
@@ -23,7 +1494,7 @@ export {
   RouterGridActionsCellItem,
   RouterIconButton,
   RouterLink,
-  RouterListItemButton,
+  R as RouterListItemButton,
   RouterNotFound,
   RouterTab,
   TypographyWithIcon