wcz-test 6.22.1 → 6.23.0

package/dist/components/router/RouterTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterTab.js","sources":["../../../src/components/router/RouterTab.tsx"],"sourcesContent":["import { Tab } from \"@mui/material\";\nimport { createLink } from \"@tanstack/react-router\";\nimport React from \"react\";\nimport type { TabProps } from \"@mui/material\";\nimport type { LinkComponent } from \"@tanstack/react-router\";\n\nconst Component = React.forwardRef<HTMLAnchorElement, TabProps<\"a\">>(function TabComponent(props, reference) {\n    return <Tab ref={reference} component=\"a\" {...props} />;\n});\n\nconst CreatedComponent = createLink(Component);\n\nexport const RouterTab: LinkComponent<typeof Component> = (props) => {\n    return <CreatedComponent {...props} />;\n};"],"names":["Component","React","forwardRef","TabComponent","props","reference","$","_c","t0","CreatedComponent","createLink","RouterTab","jsx"],"mappings":";;;;;AAMA,MAAMA,YAAYC,MAAMC,WAA6C,SAAAC,aAAAC,OAAAC,WAAA;AAAA,QAAAC,IAAAC,uBAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,MAAAF,EAAA,CAAA,MAAAF,SAAAE,SAAAD,WAAA;AAC1DG,+CAAC,KAAA,EAASH,KAAAA,WAAqB,WAAA,KAAG,GAAKD,OAAK;AAAIE,WAAAF;AAAAE,WAAAD;AAAAC,WAAAE;AAAAA,EAAA,OAAA;AAAAA,SAAAF,EAAA,CAAA;AAAA,EAAA;AAAA,SAAhDE;AAAgD,CAC1D;AAED,MAAMC,mBAAmBC,WAAWV,SAAS;AAEtC,MAAMW,YAA6CP,CAAAA,UAAA;AAAA,QAAAE,IAAAC,uBAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,MAAAF,SAAAF,OAAA;AAC/CI,SAAAI,kCAAAA,IAAC,kBAAA,EAAgB,GAAKR,MAAAA,CAAK;AAAIE,WAAAF;AAAAE,WAAAE;AAAAA,EAAA,OAAA;AAAAA,SAAAF,EAAA,CAAA;AAAA,EAAA;AAAA,SAA/BE;AAA+B;"}

package/dist/components.js

@@ -1,431 +1,17 @@
-import { j as jsxRuntimeExports } from "./DialogsContext-DMZRefiY.js";
-import { Typography, Stack, Box, useTheme, Paper, Menu, List, ListItemButton, ListItemIcon, ListItemText, ImageListItem, ImageListItemBar, IconButton, Tooltip, 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-DBK6rBoU.js";
-import { c as useDownloadFile, f as useDeleteFile, a as useGetFileThumbnail, d as useOpenFile, b as useGetFile, u as useGetFileMetas } from "./FileHooks-BM2Oyvh6.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-Vj6OoqkV.js";
-const TypographyWithIcon = ({ startIcon, endIcon, children, sx, ...props }) => {
-  const iconSx = {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flexShrink: 0,
-    lineHeight: 0,
-    "& > svg": {
-      display: "block"
-    }
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Typography,
-    {
-      component: "span",
-      sx: {
-        display: "inline-flex",
-        alignItems: "center",
-        verticalAlign: "middle",
-        ...sx
-      },
-      gap: 1,
-      ...props,
-      children: [
-        startIcon && /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { component: "span", sx: iconSx, children: startIcon }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { component: "span", sx: { display: "inline", lineHeight: "inherit" }, children }),
-        endIcon && /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { component: "span", sx: iconSx, children: endIcon })
-      ]
-    }
-  );
-};
-const Fullscreen = ({ children, sx, ...props }) => {
-  const reference = useRef(null);
-  const [height, setHeight] = useState();
-  const recompute = useEffectEvent(() => {
-    if (!reference.current) return;
-    const top = Math.ceil(reference.current.getBoundingClientRect().top);
-    const avail = Math.max(0, window.innerHeight - top);
-    setHeight(avail);
-  });
-  useEffect(() => {
-    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();
-    };
-  }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Box,
-    {
-      ref: reference,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        minHeight: 0,
-        width: "100%",
-        overflow: "auto",
-        ...sx
-      },
-      height,
-      ...props,
-      children
-    }
-  );
-};
-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 = ({ sx, ...props }) => {
-  const { getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } = useDropzone(props);
-  const { t } = 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__ */ jsxRuntimeExports.jsxs(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("input", { ...getInputProps(), style: { display: "none" } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CloudUpload, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { children: t("Layout.File.DragSomeFilesHereOrClickToSelectThem") })
-  ] });
-};
-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 = ({ meta, menu, setMenu }) => {
-  const { t } = useTranslation();
-  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(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 });
-    }
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Menu,
-    {
-      open: menu !== null,
-      onClose: handleMenuClose,
-      anchorReference: "anchorPosition",
-      variant: "menu",
-      anchorPosition: menu === null ? void 0 : { top: menu.mouseY, left: menu.mouseX },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(List, { disablePadding: true, children: [
-        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") })
-        ] }),
-        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") })
-        ] })
-      ] })
-    }
-  );
-};
-const IMAGE_SIZE = 150;
-const FileViewerGrid = ({ sx, size, itemBar }) => {
-  const { fileMetas } = useFile();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    GridFileViewerItem,
-    {
-      meta: fileMeta,
-      size,
-      itemBar
-    },
-    fileMeta.id
-  )) });
-};
-const GridFileViewerItem = ({ meta, size, itemBar }) => {
-  const { setImageId, actions } = useFile();
-  const [showItemBar, setShowItemBar] = useState(itemBar === "always");
-  const [menu, setMenu] = useState(null);
-  const { ref, inView } = useInView();
-  useEffect(() => {
-    setShowItemBar(itemBar === "always");
-  }, [itemBar]);
-  const { data: source } = useGetFileThumbnail({ meta }, { enabled: inView });
-  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 } = useDownloadFile();
-  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__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, ref, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Box,
-        {
-          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__ */ 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, {}) })
-        }
-      )
-    ] }),
-    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(ActionsMenu, { meta, menu, setMenu })
-  ] });
-};
-const FileViewerList = ({ sx }) => {
-  const { fileMetas } = useFile();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(List, { dense: true, sx, children: fileMetas.map(
-    (fileMeta) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ListFileViewerItem,
-      {
-        meta: fileMeta
-      },
-      fileMeta.id
-    )
-  ) });
-};
-const ListFileViewerItem = ({ meta }) => {
-  const { setImageId, actions } = useFile();
-  const [menu, setMenu] = useState(null);
-  const openMenu = (event) => {
-    event.stopPropagation();
-    setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY } : null);
-  };
-  const { mutate: openFile } = useOpenFile();
-  const { mutate: download } = useDownloadFile();
-  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__ */ jsxRuntimeExports.jsx(Image, {});
-      }
-      case "video": {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(SmartDisplay, {});
-      }
-      default: {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(AttachFile, {});
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton, { onClick, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon, { children: icon() }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText, { primary: `${meta.fileName}.${meta.fileExtension}` }),
-      (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreVert, {}) })
-    ] }, meta.id),
-    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(ActionsMenu, { meta, menu, setMenu })
-  ] });
-};
-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) => 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__ */ 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 = ({ subId, onDelete, actions, children }) => {
-  const { data: fileMetas = [] } = useGetFileMetas({ subId }, { enabled: !!subId });
-  const [imageId, setImageId] = useState("");
-  const components = { Grid: FileViewerGrid, List: FileViewerList };
-  if (fileMetas.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
-    children(components),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ImageViewer, { metaId: imageId })
-  ] });
-};
-const isArray = (value) => Array.isArray(value);
-const 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__ */ jsxRuntimeExports.jsx(Stack, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
-      (value, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(Chip, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
-    ) });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Chip, { label: getLabelValue(params.value), ...slotProps });
-};
-const EditableColumnHeader = ({ colDef }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
-};
-const Component$4 = React.forwardRef(function ButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { ref: reference, component: "a", ...props });
-});
-const CreatedComponent$4 = createLink(Component$4);
-const RouterButton = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$4, { ...props });
-};
-const Component$3 = React.forwardRef(
-  function GridActionsCellItemComponent(props, reference) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(GridActionsCellItem, { ref: reference, component: "a", ...props });
-  }
-);
-const CreatedComponent$3 = createLink(Component$3);
-const RouterGridActionsCellItem = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$3, { ...props });
-};
-const Component$2 = React.forwardRef(function IconButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { ref: reference, component: "a", ...props });
-});
-const CreatedComponent$2 = createLink(Component$2);
-const RouterIconButton = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$2, { ...props });
-};
-const Component$1 = React.forwardRef(function LinkComponent(props, reference) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { ref: reference, ...props });
-});
-const CreatedComponent$1 = createLink(Component$1);
-const RouterLink = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$1, { ...props });
-};
-const Component = React.forwardRef(function TabComponent(props, reference) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tab, { ref: reference, component: "a", ...props });
-});
-const CreatedComponent = createLink(Component);
-const RouterTab = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent, { ...props });
-};
-function RouterNotFound() {
-  const { t } = useTranslation();
-  return /* @__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: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h5", component: "span", children: t("Layout.ThisPageCouldNotBeFound") })
-  ] }) });
-}
-const RouterError = ({ error }) => {
-  return /* @__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: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h5", component: "span", children: error.message })
-  ] }) });
-};
+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,
@@ -437,7 +23,7 @@ export {
   RouterGridActionsCellItem,
   RouterIconButton,
   RouterLink,
-  R as RouterListItemButton,
+  RouterListItemButton,
   RouterNotFound,
   RouterTab,
   TypographyWithIcon

package/dist/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":["../src/components/core/TypographyWithIcon.tsx","../src/components/core/Fullscreen.tsx","../src/components/file/Dropzone.tsx","../src/contexts/FileContext.ts","../src/components/file/fileViewer/common/ActionsMenu.tsx","../src/components/file/fileViewer/FileViewerGrid.tsx","../src/components/file/fileViewer/FileViewerList.tsx","../src/components/file/fileViewer/ImageViewer.tsx","../src/components/file/FileViewer.tsx","../src/components/data-grid/ChipInputCell.tsx","../src/components/data-grid/EditableColumnHeader.tsx","../src/components/router/RouterButton.tsx","../src/components/router/RouterGridActionsCellItem.tsx","../src/components/router/RouterIconButton.tsx","../src/components/router/RouterLink.tsx","../src/components/router/RouterTab.tsx","../src/components/router/RouterNotFound.tsx","../src/components/router/RouterError.tsx"],"sourcesContent":["import { Stack, Typography } from \"@mui/material\";\nimport type { SxProps, Theme, TypographyProps } from \"@mui/material\";\n\ninterface TypographyWithIconProps extends TypographyProps {\n    startIcon?: React.ReactNode;\n    endIcon?: React.ReactNode;\n}\n\nexport const TypographyWithIcon: React.FC<TypographyWithIconProps> = ({ startIcon, endIcon, children, sx, ...props }) => {\n    const iconSx: SxProps<Theme> = {\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        flexShrink: 0,\n        lineHeight: 0,\n        \"& > svg\": {\n            display: \"block\",\n        },\n    };\n\n    return (\n        <Typography\n            component=\"span\"\n            sx={{\n                display: \"inline-flex\",\n                alignItems: \"center\",\n                verticalAlign: \"middle\",\n                ...sx,\n            }}\n            gap={1}\n            {...props}\n        >\n            {startIcon && (\n                <Stack component=\"span\" sx={iconSx}>\n                    {startIcon}\n                </Stack>\n            )}\n            <Stack component=\"span\" sx={{ display: \"inline\", lineHeight: \"inherit\" }}>\n                {children}\n            </Stack>\n            {endIcon && (\n                <Stack component=\"span\" sx={iconSx}>\n                    {endIcon}\n                </Stack>\n            )}\n        </Typography>\n    );\n};","import { Box } from \"@mui/material\";\nimport { useEffect, useEffectEvent, useRef, useState } from \"react\";\nimport type { BoxProps } from \"@mui/material\";\nimport type { FC } from \"react\";\n\nexport const Fullscreen: FC<BoxProps> = ({ children, sx, ...props }) => {\n    const reference = useRef<HTMLDivElement | null>(null);\n    const [height, setHeight] = useState<number>();\n\n    const recompute = useEffectEvent(() => {\n        if (!reference.current) return;\n        const top = Math.ceil(reference.current.getBoundingClientRect().top);\n        const avail = Math.max(0, window.innerHeight - top);\n        setHeight(avail);\n    });\n\n    useEffect(() => {\n        const element = reference.current;\n        if (!element) return;\n\n        recompute();\n\n        window.addEventListener(\"resize\", recompute);\n\n        const ro = new ResizeObserver(recompute);\n        ro.observe(document.documentElement);\n        ro.observe(document.body);\n        ro.observe(element);\n\n        return () => {\n            window.removeEventListener(\"resize\", recompute);\n            ro.disconnect();\n        };\n    }, []);\n\n    return (\n        <Box\n            ref={reference}\n            sx={{\n                display: \"flex\",\n                flexDirection: \"column\",\n                minHeight: 0,\n                width: \"100%\",\n                overflow: \"auto\",\n                ...sx,\n            }}\n            height={height}\n            {...props}\n        >\n            {children}\n        </Box>\n    );\n};","import CloudUpload from \"@mui/icons-material/CloudUpload\";\nimport { Paper, Typography, useTheme } from \"@mui/material\";\nimport { useDropzone } from \"react-dropzone\";\nimport { useTranslation } from \"react-i18next\";\nimport type { SxProps, Theme} from \"@mui/material\";\nimport type { CSSProperties, FC } from \"react\";\nimport type { DropzoneOptions} from \"react-dropzone\";\n\nconst baseStyle: CSSProperties = {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    padding: \"20px\",\n    borderWidth: 2,\n    borderRadius: 2,\n    borderStyle: \"dashed\",\n    outline: \"none\",\n    transition: \"border .24s ease-in-out\",\n    cursor: \"pointer\",\n};\n\ninterface DropzoneProps extends DropzoneOptions {\n    sx?: SxProps<Theme>;\n}\n\nexport const Dropzone: FC<DropzoneProps> = ({ sx, ...props }) => {\n    const { getRootProps, getInputProps, isFocused, isDragAccept, isDragReject, } = useDropzone(props);\n    const { t } = useTranslation();\n    const theme = useTheme();\n\n    const style = {\n        ...baseStyle,\n        ...(isFocused ? { borderColor: theme.palette.primary.main } : {}),\n        ...(isDragAccept ? { borderColor: theme.palette.success.main } : {}),\n        ...(isDragReject ? { borderColor: theme.palette.error.main } : {})\n    };\n\n    return (\n        <Paper variant=\"outlined\" {...getRootProps({ style })} sx={sx}>\n            <input {...getInputProps()} style={{ display: \"none\" }} />\n            <CloudUpload />\n            <Typography>{t(\"Layout.File.DragSomeFilesHereOrClickToSelectThem\")}</Typography>\n        </Paper>\n    );\n};","import { createContext, useContext } from \"react\";\nimport type { FileMeta } from \"../models/file/FileMeta\";\nimport type { FileActions } from \"~/models/file/FileActions\";\n\nexport interface FileContextValue {\n    fileMetas: Array<FileMeta>;\n    onDelete?: (params: { remainingFileMetas: Array<FileMeta>; deletedFileMeta: FileMeta }) => void;\n    actions?: FileActions;\n    setImageId: (imageId: string) => void;\n};\n\nexport const FileContext = createContext<FileContextValue | null>(null);\n\nexport const useFile = () => {\n    const context = useContext(FileContext);\n    if (!context) {\n        throw new Error(\"FileViewer components must be used within FileViewer\");\n    }\n    return context;\n};","import Delete from \"@mui/icons-material/Delete\";\nimport FileDownload from \"@mui/icons-material/FileDownload\";\nimport { List, ListItemButton, ListItemIcon, ListItemText, Menu } from \"@mui/material\";\nimport { useTranslation } from \"react-i18next\";\nimport type { FC } from \"react\";\nimport type { FileMeta } from \"~/models/file/FileMeta\";\nimport { useFile } from \"~/contexts/FileContext\";\nimport { useDialogs } from \"~/hooks/DialogsHooks\";\nimport { useDeleteFile, useDownloadFile } from \"~/queries/FileHooks\";\n\ninterface ActionsMenuProps {\n    meta: FileMeta;\n    menu: { mouseX: number; mouseY: number } | null;\n    setMenu: (menu: { mouseX: number; mouseY: number } | null) => void;\n}\n\nexport const ActionsMenu: FC<ActionsMenuProps> = ({ meta, menu, setMenu }) => {\n    const { t } = useTranslation();\n    const { fileMetas, onDelete, actions } = useFile();\n    const { confirm } = useDialogs();\n\n    const handleMenuClose = () => { setMenu(null); };\n\n    const { mutate: download, isPending: isDownloading } = useDownloadFile();\n    const { mutate: deleteFile, isPending: isDeleting } = useDeleteFile();\n\n    const handleOnDownload = () => {\n        handleMenuClose();\n        download(meta);\n    };\n\n    const handleOnDelete = async () => {\n        if (!await confirm(t(\"Layout.File.AreYouSureYouWantToDelete\", { fileName: meta.fileName })))\n            return;\n\n        deleteFile(meta);\n        handleMenuClose();\n\n        if (onDelete) {\n            const remainingFileMetas: Array<FileMeta> = fileMetas.filter(m => m.id !== meta.id);\n            onDelete({ remainingFileMetas, deletedFileMeta: meta });\n        }\n    };\n\n    return (\n        <Menu open={menu !== null} onClose={handleMenuClose} anchorReference=\"anchorPosition\" variant=\"menu\"\n            anchorPosition={menu === null ? undefined : { top: menu.mouseY, left: menu.mouseX }}>\n            <List disablePadding>\n                {actions?.download !== false &&\n                    <ListItemButton onClick={handleOnDownload} disabled={isDownloading}>\n                        <ListItemIcon>\n                            <FileDownload />\n                        </ListItemIcon>\n                        <ListItemText>{t(\"Layout.File.Download\")}</ListItemText>\n                    </ListItemButton>\n                }\n                {actions?.delete !== false &&\n                    <ListItemButton onClick={handleOnDelete} disabled={isDeleting}>\n                        <ListItemIcon>\n                            <Delete />\n                        </ListItemIcon>\n                        <ListItemText>{t(\"Layout.File.Delete\")}</ListItemText>\n                    </ListItemButton>\n                }\n            </List>\n        </Menu>\n    );\n};\n","import MoreVert from \"@mui/icons-material/MoreVert\";\nimport { Box, IconButton, ImageListItem, ImageListItemBar, Stack, Tooltip } from \"@mui/material\";\nimport { grey } from \"@mui/material/colors\";\nimport React, { Fragment, useEffect, useState } from \"react\";\nimport { useInView } from \"react-intersection-observer\";\nimport { ActionsMenu } from \"./common/ActionsMenu\";\nimport type { SxProps, Theme } from \"@mui/material\";\nimport type { FileMeta } from \"~/models/file/FileMeta\";\nimport { useFile } from \"~/contexts/FileContext\";\nimport { useDownloadFile, useGetFileThumbnail, useOpenFile } from \"~/queries/FileHooks\";\n\nconst IMAGE_SIZE = 150;\n\ntype FileViewerGridItemBar = \"hidden\" | \"always\" | \"onMouseEnter\";\n\nexport interface FileViewerGridProps {\n    size?: number;\n    itemBar?: FileViewerGridItemBar;\n    sx?: SxProps<Theme>;\n}\n\nexport const FileViewerGrid: React.FC<FileViewerGridProps> = ({ sx, size, itemBar }) => {\n    const { fileMetas } = useFile();\n\n    return (\n        <Stack direction=\"row\" spacing={1} sx={{ overflow: \"auto\", ...sx }}>\n            {fileMetas.map(fileMeta => (\n                <GridFileViewerItem\n                    key={fileMeta.id}\n                    meta={fileMeta}\n                    size={size}\n                    itemBar={itemBar}\n                />\n            ))}\n        </Stack>\n    );\n};\n\ninterface GridFileViewerItemProps {\n    meta: FileMeta;\n    size?: number;\n    itemBar?: FileViewerGridItemBar;\n}\n\nexport const GridFileViewerItem: React.FC<GridFileViewerItemProps> = ({ meta, size, itemBar }) => {\n    const { setImageId, actions } = useFile();\n    const [showItemBar, setShowItemBar] = useState<boolean>(itemBar === \"always\");\n    const [menu, setMenu] = useState<{ mouseX: number; mouseY: number; } | null>(null);\n    const { ref, inView } = useInView();\n\n    useEffect(() => {\n        setShowItemBar(itemBar === \"always\");\n    }, [itemBar]);\n\n    const { data: source } = useGetFileThumbnail({ meta }, { enabled: inView });\n\n    const handleOnMouseEnter = () => setShowItemBar(true);\n    const handleOnMouseLeave = () => itemBar !== \"always\" && setShowItemBar(false);\n\n    const openMenu = (event: React.MouseEvent) => {\n        setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY, } : null);\n        setTimeout(() => setShowItemBar(true));\n    };\n\n    const { mutate: openFile } = useOpenFile();\n    const { mutate: download } = useDownloadFile();\n\n    const onClick = () => {\n        switch (meta.mediaType) {\n            case \"image\": { return setImageId(meta.id); }\n            case \"application\": { return openFile(meta); }\n            case \"video\": { return openFile(meta); }\n            default: { return download(meta); }\n        }\n    };\n\n    return (\n        <Fragment>\n            <ImageListItem sx={{ width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }} onMouseEnter={handleOnMouseEnter} onMouseLeave={handleOnMouseLeave} ref={ref}>\n                <Box\n                    component=\"img\"\n                    src={source}\n                    loading=\"lazy\"\n                    alt={\"thumbnail-\" + meta.id}\n                    onClick={onClick}\n                    sx={{ cursor: \"pointer\", objectFit: \"contain\", width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }}\n                />\n                {(itemBar !== \"hidden\" && showItemBar) &&\n                    <ImageListItemBar\n                        title={\n                            <Tooltip title={meta.fileName}>\n                                <Box>\n                                    {meta.fileName}\n                                </Box>\n                            </Tooltip>\n                        }\n                        actionIcon={\n                            (actions?.download !== false || actions.delete !== false) &&\n                            <IconButton sx={{ color: grey[100] }} onClick={openMenu}>\n                                <MoreVert />\n                            </IconButton>\n                        }\n                    />\n                }\n            </ImageListItem>\n\n            {(actions?.download !== false || actions.delete !== false) && <ActionsMenu meta={meta} menu={menu} setMenu={setMenu} />}\n        </Fragment>\n    );\n};\n","import AttachFile from \"@mui/icons-material/AttachFile\";\nimport Image from \"@mui/icons-material/Image\";\nimport MoreVert from \"@mui/icons-material/MoreVert\";\nimport SmartDisplay from \"@mui/icons-material/SmartDisplay\";\nimport { IconButton, List, ListItemButton, ListItemIcon, ListItemText } from \"@mui/material\";\nimport { Fragment, useState } from \"react\";\nimport { ActionsMenu } from \"./common/ActionsMenu\";\nimport type { FC } from \"react\";\nimport type { SxProps, Theme } from \"@mui/material\";\nimport type { FileMeta } from \"~/models/file/FileMeta\";\nimport { useFile } from \"~/contexts/FileContext\";\nimport { useDownloadFile, useOpenFile } from \"~/queries/FileHooks\";\n\nexport interface FileViewerListProps {\n    sx?: SxProps<Theme>;\n}\n\nexport const FileViewerList: FC<FileViewerListProps> = ({ sx }) => {\n    const { fileMetas } = useFile();\n\n    return (\n        <List dense sx={sx}>\n            {fileMetas.map(fileMeta =>\n                <ListFileViewerItem\n                    key={fileMeta.id}\n                    meta={fileMeta}\n                />\n            )}\n        </List>\n    );\n};\n\ninterface ListFileViewerItemProps {\n    meta: FileMeta;\n}\n\nexport const ListFileViewerItem: React.FC<ListFileViewerItemProps> = ({ meta }) => {\n    const { setImageId, actions } = useFile();\n    const [menu, setMenu] = useState<{ mouseX: number; mouseY: number; } | null>(null);\n\n    const openMenu = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY, } : null);\n    };\n\n    const { mutate: openFile } = useOpenFile();\n    const { mutate: download } = useDownloadFile();\n\n    const onClick = () => {\n        switch (meta.mediaType) {\n            case \"image\": { return setImageId(meta.id); }\n            case \"application\": { return openFile(meta); }\n            case \"video\": { return openFile(meta); }\n            default: { return download(meta); }\n        }\n    };\n\n    const icon = () => {\n        switch (meta.mediaType) {\n            case \"image\": {\n                return <Image />;\n            }\n            case \"video\": {\n                return <SmartDisplay />;\n            }\n            default: {\n                return <AttachFile />;\n            }\n        }\n    };\n\n    return (\n        <Fragment>\n            <ListItemButton key={meta.id} onClick={onClick}>\n                <ListItemIcon>\n                    {icon()}\n                </ListItemIcon>\n                <ListItemText primary={`${meta.fileName}.${meta.fileExtension}`} />\n                {(actions?.download !== false || actions.delete !== false) &&\n                    <IconButton edge=\"end\" onClick={openMenu}>\n                        <MoreVert />\n                    </IconButton>\n                }\n            </ListItemButton>\n\n            {(actions?.download !== false || actions.delete !== false) && <ActionsMenu meta={meta} menu={menu} setMenu={setMenu} />}\n        </Fragment>\n    );\n};\n","import Close from \"@mui/icons-material/Close\";\nimport { Box, Dialog, Fab } from \"@mui/material\";\nimport React, { useEffect } from \"react\";\nimport type { FileMeta } from \"~/models/file/FileMeta\";\nimport { useFile } from \"~/contexts/FileContext\";\nimport { useGetFile } from \"~/queries/FileHooks\";\n\ninterface ImageViewerProps {\n    metaId: string;\n}\n\nexport const ImageViewer: React.FC<ImageViewerProps> = ({ metaId }) => {\n    const { fileMetas, setImageId } = useFile();\n\n    const meta = fileMetas.find(m => m.id === metaId)!;\n\n    const { data: source } = useGetFile({ meta });\n\n    useEffect(() => {\n        if (metaId)\n            globalThis.addEventListener(\"keydown\", handleOnKeydown);\n\n        return () => { globalThis.removeEventListener(\"keydown\", handleOnKeydown); };\n    }, [metaId]);\n\n    const handleOnKeydown = (event: KeyboardEvent) => {\n        const images: Array<FileMeta> = fileMetas.filter(m => m.mediaType === \"image\");\n        const imageIndex: number = images.findIndex(m => m.id === metaId);\n\n        switch (event.key) {\n            case \"ArrowLeft\": {\n                return handleOnArrowLeft(images, imageIndex);\n            }\n            case \"ArrowRight\": {\n                return handleOnArrowRight(images, imageIndex);\n            }\n            case \"Backspace\":\n            case \"Escape\": {\n                event.preventDefault();\n                return onClose();\n            }\n        }\n    };\n\n    const handleOnArrowLeft = (images: Array<FileMeta>, index: number) => {\n        if (index > 0) {\n            const previousFile: FileMeta = images[index - 1];\n            setImageId(previousFile.id);\n        }\n    };\n\n    const handleOnArrowRight = (images: Array<FileMeta>, index: number) => {\n        if (index < images.length - 1) {\n            const nextFile: FileMeta = images[index + 1];\n            setImageId(nextFile.id);\n        }\n    };\n\n    const onClose = () => setImageId(\"\");\n\n    if (!metaId) return null;\n\n    return (\n        <Dialog open onClose={onClose} maxWidth=\"xl\">\n            <Box component=\"img\" src={source} alt={metaId} sx={{ maxWidth: \"100vw\", maxHeight: { xs: \"calc(100vh - 56px)\", sm: \"calc(100vh - 64px)\" } }} />\n\n            <Fab size=\"medium\" onClick={onClose} sx={{ position: \"fixed\", top: 8, right: 8 }}>\n                <Close />\n            </Fab>\n        </Dialog>\n    );\n};\n","import { useState } from \"react\";\nimport { FileViewerGrid } from \"./fileViewer/FileViewerGrid\";\nimport { FileViewerList } from \"./fileViewer/FileViewerList\";\nimport { ImageViewer } from \"./fileViewer/ImageViewer\";\nimport type { FileViewerGridProps } from \"./fileViewer/FileViewerGrid\";\nimport type { ComponentType, FC, ReactNode } from \"react\";\nimport type { FileMeta } from \"~/models/file/FileMeta\";\nimport type { FileActions } from \"~/models/file/FileActions\";\nimport type { FileViewerListProps } from \"./fileViewer/FileViewerList\";\nimport { FileContext } from \"~/contexts/FileContext\";\nimport { useGetFileMetas } from \"~/queries/FileHooks\";\n\ninterface FileViewerComponent {\n    Grid: ComponentType<FileViewerGridProps>;\n    List: ComponentType<FileViewerListProps>;\n}\n\ninterface FileViewerProps {\n    subId: string;\n    onDelete?: (params: { remainingFileMetas: Array<FileMeta>; deletedFileMeta: FileMeta }) => void;\n    actions?: FileActions;\n    children: (component: FileViewerComponent) => ReactNode;\n}\n\nexport const FileViewer: FC<FileViewerProps> = ({ subId, onDelete, actions, children }) => {\n    const { data: fileMetas = [] } = useGetFileMetas({ subId }, { enabled: !!subId });\n    const [imageId, setImageId] = useState<string>(\"\");\n\n    const components: FileViewerComponent = { Grid: FileViewerGrid, List: FileViewerList };\n\n    if (fileMetas.length === 0) return null;\n\n    return (\n        <FileContext.Provider value={{ fileMetas, onDelete, actions, setImageId }}>\n            {children(components)}\n            <ImageViewer metaId={imageId} />\n        </FileContext.Provider>\n    );\n};\n","import { Chip, Stack } from \"@mui/material\";\nimport type { ChipProps} from \"@mui/material\";\nimport type { GridRenderCellParams, GridValidRowModel } from \"@mui/x-data-grid-premium\";\n\nconst isArray = (value: any) => Array.isArray(value);\n\ninterface ChipInputCellProps<T extends GridValidRowModel> {\n    params: GridRenderCellParams<T>;\n    slotProps?: ChipProps;\n    getLabel?: (object: T) => string | number;\n}\n\nexport const ChipInputCell = <T extends GridValidRowModel>({ params, slotProps, getLabel }: ChipInputCellProps<T>) => {\n    if (!params.value) return null;\n\n    const getLabelValue = (value: any) => {\n        if (getLabel) return getLabel(value);\n        return value;\n    };\n\n    if (isArray(params.value))\n        return (\n            <Stack direction=\"row\" alignItems=\"center\" gap={1} sx={{ overflowX: \"auto\", height: \"100%\", width: params.colDef.computedWidth }}>\n                {params.value.map((value: any, index) =>\n                    <Chip key={`${index + 1}-chip-input-cell`} label={getLabelValue(value)} {...slotProps} />\n                )}\n            </Stack>\n        );\n\n    return <Chip label={getLabelValue(params.value)} {...slotProps} />;\n};","import Edit from \"@mui/icons-material/Edit\";\nimport { TypographyWithIcon } from \"../core/TypographyWithIcon\";\nimport type { GridColumnHeaderParams, GridValidRowModel } from \"@mui/x-data-grid-premium\";\n\nexport const EditableColumnHeader = <T extends GridValidRowModel>({ colDef }: GridColumnHeaderParams<T>) => {\n    return <TypographyWithIcon endIcon={<Edit color=\"disabled\" fontSize=\"small\" />} variant=\"body2\" className=\"MuiDataGrid-columnHeaderTitle\">{colDef.headerName}</TypographyWithIcon>;\n};","import { Button } from \"@mui/material\";\nimport { createLink } from \"@tanstack/react-router\";\nimport React from \"react\";\nimport type { ButtonProps } from \"@mui/material\";\nimport type { LinkComponent } from \"@tanstack/react-router\";\n\nconst Component = React.forwardRef<HTMLAnchorElement, ButtonProps<\"a\">>(function ButtonComponent(props, reference) {\n    return <Button ref={reference} component=\"a\" {...props} />;\n});\n\nconst CreatedComponent = createLink(Component);\n\nexport const RouterButton: LinkComponent<typeof Component> = (props) => {\n    return <CreatedComponent {...props} />;\n};","import { GridActionsCellItem } from \"@mui/x-data-grid-premium\";\nimport { createLink } from \"@tanstack/react-router\";\nimport React from \"react\";\nimport type { GridActionsCellItemProps } from \"@mui/x-data-grid-premium\";\nimport type { LinkComponent } from \"@tanstack/react-router\";\n\nconst Component = React.forwardRef<HTMLButtonElement, GridActionsCellItemProps>(\n    function GridActionsCellItemComponent(props, reference) {\n        return <GridActionsCellItem ref={reference} component=\"a\" {...props} />;\n    }\n) as React.ForwardRefExoticComponent<GridActionsCellItemProps & React.RefAttributes<HTMLButtonElement>>;\n\nconst CreatedComponent = createLink(Component);\n\nexport const RouterGridActionsCellItem: LinkComponent<typeof Component> = (props) => {\n    return <CreatedComponent {...props} />;\n};","import { IconButton } from \"@mui/material\";\nimport { createLink } from \"@tanstack/react-router\";\nimport React from \"react\";\nimport type { IconButtonProps } from \"@mui/material\";\nimport type { LinkComponent } from \"@tanstack/react-router\";\n\nconst Component = React.forwardRef<HTMLAnchorElement, IconButtonProps<\"a\">>(function IconButtonComponent(props, reference) {\n    return <IconButton ref={reference} component=\"a\" {...props} />;\n});\n\nconst CreatedComponent = createLink(Component);\n\nexport const RouterIconButton: LinkComponent<typeof Component> = (props) => {\n    return <CreatedComponent {...props} />;\n};","import { Link } from \"@mui/material\";\nimport { createLink } from \"@tanstack/react-router\";\nimport React from \"react\";\nimport type { LinkProps } from \"@mui/material\";\nimport type { LinkComponent } from \"@tanstack/react-router\";\n\nconst Component = React.forwardRef<HTMLAnchorElement, LinkProps>(function LinkComponent(props, reference) {\n    return <Link ref={reference} {...props} />;\n});\n\nconst CreatedComponent = createLink(Component);\n\nexport const RouterLink: LinkComponent<typeof Component> = (props) => {\n    return <CreatedComponent {...props} />;\n};","import { Tab } from \"@mui/material\";\nimport { createLink } from \"@tanstack/react-router\";\nimport React from \"react\";\nimport type { TabProps } from \"@mui/material\";\nimport type { LinkComponent } from \"@tanstack/react-router\";\n\nconst Component = React.forwardRef<HTMLAnchorElement, TabProps<\"a\">>(function TabComponent(props, reference) {\n    return <Tab ref={reference} component=\"a\" {...props} />;\n});\n\nconst CreatedComponent = createLink(Component);\n\nexport const RouterTab: LinkComponent<typeof Component> = (props) => {\n    return <CreatedComponent {...props} />;\n};","import { Box, Divider, Typography } from \"@mui/material\";\nimport { useTranslation } from \"react-i18next\";\n\nexport function RouterNotFound() {\n  const { t } = useTranslation();\n\n  return (\n    <Box height=\"100vh\" display=\"flex\" flexDirection=\"column\" alignItems=\"center\" justifyContent=\"center\" textAlign=\"center\" px={2} >\n      <Box display=\"flex\" alignItems=\"center\" mb={4}>\n        <Typography variant=\"h3\" component=\"span\" fontWeight={500} sx={{ lineHeight: 1 }}>404</Typography>\n        <Divider orientation=\"vertical\" flexItem sx={{ mx: 3 }} />\n        <Typography variant=\"h5\" component=\"span\">{t(\"Layout.ThisPageCouldNotBeFound\")}</Typography>\n      </Box>\n    </Box>\n  );\n}\n","import { Box, Divider, Typography } from \"@mui/material\";\nimport type { FC } from \"react\";\nimport type { ErrorComponentProps } from \"@tanstack/react-router\";\n\ninterface RouterErrorProps {\n  error: ErrorComponentProps[\"error\"];\n}\n\nexport const RouterError: FC<RouterErrorProps> = ({ error }) => {\n\n  return (\n    <Box height=\"100vh\" display=\"flex\" flexDirection=\"column\" alignItems=\"center\" justifyContent=\"center\" textAlign=\"center\" px={2} >\n      <Box display=\"flex\" alignItems=\"center\" mb={4}>\n        <Typography variant=\"h3\" component=\"span\" fontWeight={500} sx={{ lineHeight: 1 }}>{error.name || \"500\"}</Typography>\n        <Divider orientation=\"vertical\" flexItem sx={{ mx: 3 }} />\n        <Typography variant=\"h5\" component=\"span\">{error.message}</Typography>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["jsxs","jsx","Component","CreatedComponent"],"mappings":"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"}
+{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/contexts/DialogsContext.d.ts

@@ -0,0 +1,6 @@
+import { CloseDialog, OpenDialog } from '../hooks/DialogsHooks';
+export interface DialogsContextValue {
+    open: OpenDialog;
+    close: CloseDialog;
+}
+export declare const DialogsContext: import('react').Context<DialogsContextValue>;

package/dist/contexts/DialogsContext.js

@@ -0,0 +1,6 @@
+import { createContext } from "react";
+const DialogsContext = createContext({});
+export {
+  DialogsContext
+};
+//# sourceMappingURL=DialogsContext.js.map

package/dist/contexts/DialogsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogsContext.js","sources":["../../src/contexts/DialogsContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { CloseDialog, OpenDialog } from \"../hooks/DialogsHooks\";\n\nexport interface DialogsContextValue {\n    open: OpenDialog;\n    close: CloseDialog;\n}\n\nexport const DialogsContext = createContext<DialogsContextValue>({} as DialogsContextValue);"],"names":["DialogsContext","createContext"],"mappings":";AAQO,MAAMA,iBAAiBC,cAAmC,CAAA,CAAyB;"}

package/dist/contexts/FileContext.d.ts

@@ -0,0 +1,13 @@
+import { FileMeta } from '../models/file/FileMeta';
+import { FileActions } from '../models/file/FileActions';
+export interface FileContextValue {
+    fileMetas: Array<FileMeta>;
+    onDelete?: (params: {
+        remainingFileMetas: Array<FileMeta>;
+        deletedFileMeta: FileMeta;
+    }) => void;
+    actions?: FileActions;
+    setImageId: (imageId: string) => void;
+}
+export declare const FileContext: import('react').Context<FileContextValue | null>;
+export declare const useFile: () => FileContextValue;

package/dist/contexts/FileContext.js

@@ -0,0 +1,14 @@
+import { createContext, useContext } from "react";
+const FileContext = createContext(null);
+const useFile = () => {
+  const context = useContext(FileContext);
+  if (!context) {
+    throw new Error("FileViewer components must be used within FileViewer");
+  }
+  return context;
+};
+export {
+  FileContext,
+  useFile
+};
+//# sourceMappingURL=FileContext.js.map

package/dist/contexts/FileContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileContext.js","sources":["../../src/contexts/FileContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { FileMeta } from \"../models/file/FileMeta\";\nimport type { FileActions } from \"~/models/file/FileActions\";\n\nexport interface FileContextValue {\n    fileMetas: Array<FileMeta>;\n    onDelete?: (params: { remainingFileMetas: Array<FileMeta>; deletedFileMeta: FileMeta }) => void;\n    actions?: FileActions;\n    setImageId: (imageId: string) => void;\n};\n\nexport const FileContext = createContext<FileContextValue | null>(null);\n\nexport const useFile = () => {\n    const context = useContext(FileContext);\n    if (!context) {\n        throw new Error(\"FileViewer components must be used within FileViewer\");\n    }\n    return context;\n};"],"names":["FileContext","createContext","useFile","context","useContext","Error"],"mappings":";AAWO,MAAMA,cAAcC,cAAuC,IAAI;AAE/D,MAAMC,UAAUA,MAAA;AACnB,QAAAC,UAAgBC,WAAWJ,WAAW;AACtC,MAAI,CAACG,SAAO;AACR,UAAM,IAAIE,MAAM,sDAAsD;AAAA,EAAE;AAC3E,SACMF;AAAO;"}

package/dist/contexts/UserContext.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from 'react';
+import { User } from '../models/User';
+export interface UserContextValue {
+    user: User;
+    setUser: Dispatch<SetStateAction<User>>;
+}
+export declare const UserContext: import('react').Context<UserContextValue>;

package/dist/contexts/UserContext.js

@@ -0,0 +1,6 @@
+import { createContext } from "react";
+const UserContext = createContext({});
+export {
+  UserContext
+};
+//# sourceMappingURL=UserContext.js.map

package/dist/contexts/UserContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserContext.js","sources":["../../src/contexts/UserContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { Dispatch, SetStateAction } from \"react\";\nimport type { User } from \"~/models/User\";\n\nexport interface UserContextValue {\n    user: User;\n    setUser: Dispatch<SetStateAction<User>>;\n}\n\nexport const UserContext = createContext<UserContextValue>({} as UserContextValue);\n"],"names":["UserContext","createContext"],"mappings":";AASO,MAAMA,cAAcC,cAAgC,CAAA,CAAsB;"}

package/dist/env.d.ts

@@ -0,0 +1,10 @@
+export declare const clientEnv: Readonly<{
+    VITE_APP_TITLE: string;
+    VITE_MUI_LICENSE_KEY: string;
+    VITE_API_URL: string;
+    VITE_MICROSOFT_CLIENT_ID: string;
+    VITE_MICROSOFT_TENANT_ID: string;
+}>;
+export declare const serverEnv: Readonly<{
+    MICROSOFT_CLIENT_SECRET: string;
+}>;