wcz-test 6.22.2 → 6.23.0

package/dist/components/data-grid/ChipInputCell.d.ts

@@ -0,0 +1,9 @@
+import { ChipProps } from '@mui/material';
+import { GridRenderCellParams, GridValidRowModel } from '@mui/x-data-grid-premium';
+interface ChipInputCellProps<T extends GridValidRowModel> {
+    params: GridRenderCellParams<T>;
+    slotProps?: ChipProps;
+    getLabel?: (object: T) => string | number;
+}
+export declare const ChipInputCell: <T extends GridValidRowModel>({ params, slotProps, getLabel }: ChipInputCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/data-grid/ChipInputCell.js

@@ -0,0 +1,95 @@
+import { j as jsxRuntimeExports } from "../../_virtual/jsx-runtime.js";
+import { c as compilerRuntimeExports } from "../../_virtual/compiler-runtime.js";
+import { Chip, Stack } from "@mui/material";
+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;
+};
+export {
+  ChipInputCell
+};
+//# sourceMappingURL=ChipInputCell.js.map

package/dist/components/data-grid/ChipInputCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipInputCell.js","sources":["../../../src/components/data-grid/ChipInputCell.tsx"],"sourcesContent":["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};"],"names":["isArray","value","Array","ChipInputCell","t0","$","_c","params","slotProps","getLabel","t1","getLabelValue","t2","colDef","computedWidth","overflowX","height","width","t3","t4","value_0","index","map","jsx"],"mappings":";;;AAIA,MAAMA,UAAUA,CAACC,UAAeC,MAAMF,QAAQC,KAAK;AAQ5C,MAAME,gBAAgBC,CAAAA,OAAA;AAAA,QAAAC,IAAAC,uBAAAA,EAAA,EAAA;AAA8B,QAAA;AAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAAAL;AACvD,MAAI,CAACG,OAAMN,OAAM;AAAA,WAAS;AAAA,EAAI;AAAC,MAAAS;AAAA,MAAAL,SAAAI,UAAA;AAETC,SAAAT,CAAAA,UAAA;AAClB,UAAIQ,UAAQ;AAAA,eAASA,SAASR,KAAK;AAAA,MAAC;AAAC,aAC9BA;AAAAA,IAAK;AACfI,WAAAI;AAAAJ,WAAAK;AAAAA,EAAA,OAAA;AAAAA,SAAAL,EAAA,CAAA;AAAA,EAAA;AAHD,QAAAM,gBAAsBD;AAKtB,MAAIV,QAAQO,OAAMN,KAAM,GAAC;AAAA,QAAAW;AAAA,QAAAP,EAAA,CAAA,MAAAE,OAAAM,OAAAC,eAAA;AAEsCF,YAAA;AAAA,QAAAG,WAAa;AAAA,QAAMC,QAAU;AAAA,QAAMC,OAASV,OAAMM,OAAOC;AAAAA,MAAAA;AAAgBT,QAAA,CAAA,IAAAE,OAAAM,OAAAC;AAAAT,aAAAO;AAAAA,IAAA,OAAA;AAAAA,YAAAP,EAAA,CAAA;AAAA,IAAA;AAAA,QAAAa;AAAA,QAAAb,EAAA,CAAA,MAAAM,iBAAAN,EAAA,CAAA,MAAAE,OAAAN,SAAAI,EAAA,CAAA,MAAAG,WAAA;AAAA,UAAAW;AAAA,UAAAd,EAAA,CAAA,MAAAM,iBAAAN,SAAAG,WAAA;AAC1GW,cAAAA,CAAAC,SAAAC,gDACb,MAAA,EAAiD,OAAAV,cAAcV,OAAK,GAAC,GAAMO,aAAjE,GAAGa,QAAQ,CAAC,kBAA8D;AAAIhB,eAAAM;AAAAN,eAAAG;AAAAH,gBAAAc;AAAAA,MAAA,OAAA;AAAAA,cAAAd,EAAA,EAAA;AAAA,MAAA;AAD5Fa,YAAAX,OAAMN,MAAMqB,IAAKH,GAElB;AAACd,aAAAM;AAAAN,QAAA,CAAA,IAAAE,OAAAN;AAAAI,aAAAG;AAAAH,aAAAa;AAAAA,IAAA,OAAA;AAAAA,YAAAb,EAAA,CAAA;AAAA,IAAA;AAAA,QAAAc;AAAA,QAAAd,EAAA,EAAA,MAAAO,OAAAP,UAAAa,KAAA;AAHLC,WAAAI,kCAAAA,IAAC,OAAA,EAAgB,WAAA,OAAiB,YAAA,UAAc,QAAO,IAAAX,KAClDM,UAAAA,IAAAA,CAGL;AAAQb,cAAAO;AAAAP,cAAAa;AAAAb,cAAAc;AAAAA,IAAA,OAAA;AAAAA,WAAAd,EAAA,EAAA;AAAA,IAAA;AAAA,WAJRc;AAAAA,EAIQ;AACV,MAAAP;AAAA,MAAAP,UAAAM,iBAAAN,EAAA,EAAA,MAAAE,OAAAN,OAAA;AAEcW,SAAAD,cAAcJ,OAAMN,KAAM;AAACI,YAAAM;AAAAN,MAAA,EAAA,IAAAE,OAAAN;AAAAI,YAAAO;AAAAA,EAAA,OAAA;AAAAA,SAAAP,EAAA,EAAA;AAAA,EAAA;AAAA,MAAAa;AAAA,MAAAb,EAAA,EAAA,MAAAG,aAAAH,UAAAO,IAAA;AAAxCM,SAAAK,kCAAAA,IAAC,MAAA,EAAY,OAAAX,IAA2B,GAAMJ,WAAS;AAAIH,YAAAG;AAAAH,YAAAO;AAAAP,YAAAa;AAAAA,EAAA,OAAA;AAAAA,SAAAb,EAAA,EAAA;AAAA,EAAA;AAAA,SAA3Da;AAA2D;"}

package/dist/components/data-grid/EditableColumnHeader.d.ts

@@ -0,0 +1,2 @@
+import { GridColumnHeaderParams, GridValidRowModel } from '@mui/x-data-grid-premium';
+export declare const EditableColumnHeader: <T extends GridValidRowModel>({ colDef }: GridColumnHeaderParams<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-grid/EditableColumnHeader.js

@@ -0,0 +1,30 @@
+import { j as jsxRuntimeExports } from "../../_virtual/jsx-runtime.js";
+import { c as compilerRuntimeExports } from "../../_virtual/compiler-runtime.js";
+import Edit from "@mui/icons-material/Edit";
+import { TypographyWithIcon } from "../core/TypographyWithIcon.js";
+const EditableColumnHeader = (t0) => {
+  const $ = compilerRuntimeExports.c(3);
+  const {
+    colDef
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ jsxRuntimeExports.jsx(Edit, { color: "disabled", fontSize: "small" });
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== colDef.headerName) {
+    t2 = /* @__PURE__ */ jsxRuntimeExports.jsx(TypographyWithIcon, { endIcon: t1, variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
+    $[1] = colDef.headerName;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
+};
+export {
+  EditableColumnHeader
+};
+//# sourceMappingURL=EditableColumnHeader.js.map

package/dist/components/data-grid/EditableColumnHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableColumnHeader.js","sources":["../../../src/components/data-grid/EditableColumnHeader.tsx"],"sourcesContent":["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};"],"names":["EditableColumnHeader","t0","$","_c","colDef","t1","Symbol","for","jsx","t2","headerName"],"mappings":";;;;AAIO,MAAMA,uBAAuBC,CAAAA,OAAA;AAAA,QAAAC,IAAAC,uBAAAA,EAAA,CAAA;AAA8B,QAAA;AAAA,IAAAC;AAAAA,EAAAA,IAAAH;AAAqC,MAAAI;AAAA,MAAAH,EAAA,CAAA,MAAAI,OAAAC,IAAA,2BAAA,GAAA;AAC/DF,SAAAG,kCAAAA,IAAC,MAAA,EAAW,OAAA,YAAoB,UAAA,SAAO;AAAGN,WAAAG;AAAAA,EAAA,OAAA;AAAAA,SAAAH,EAAA,CAAA;AAAA,EAAA;AAAA,MAAAO;AAAA,MAAAP,EAAA,CAAA,MAAAE,OAAAM,YAAA;AAAvED,SAAAD,kCAAAA,IAAC,sBAA4B,SAAAH,IAAoD,SAAA,SAAkB,WAAA,iCAAiCD,UAAAA,OAAMM,WAAAA,CAAY;AAAqBR,MAAA,CAAA,IAAAE,OAAAM;AAAAR,WAAAO;AAAAA,EAAA,OAAA;AAAAA,SAAAP,EAAA,CAAA;AAAA,EAAA;AAAA,SAA3KO;AAA2K;"}

package/dist/components/file/Dropzone.d.ts

@@ -0,0 +1,8 @@
+import { SxProps, Theme } from '@mui/material';
+import { FC } from 'react';
+import { DropzoneOptions } from 'react-dropzone';
+interface DropzoneProps extends DropzoneOptions {
+    sx?: SxProps<Theme>;
+}
+export declare const Dropzone: FC<DropzoneProps>;
+export {};

package/dist/components/file/Dropzone.js

@@ -0,0 +1,151 @@
+import { j as jsxRuntimeExports } from "../../_virtual/jsx-runtime.js";
+import { c as compilerRuntimeExports } from "../../_virtual/compiler-runtime.js";
+import CloudUpload from "@mui/icons-material/CloudUpload";
+import { useTheme, Paper, Typography } from "@mui/material";
+import { useDropzone } from "react-dropzone";
+import { useTranslation } from "react-i18next";
+const baseStyle = {
+  flex: 1,
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  padding: "20px",
+  borderWidth: 2,
+  borderRadius: 2,
+  borderStyle: "dashed",
+  outline: "none",
+  transition: "border .24s ease-in-out",
+  cursor: "pointer"
+};
+const Dropzone = (t0) => {
+  const $ = compilerRuntimeExports.c(28);
+  let props;
+  let sx;
+  if ($[0] !== t0) {
+    ({
+      sx,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+    $[2] = sx;
+  } else {
+    props = $[1];
+    sx = $[2];
+  }
+  const {
+    getRootProps,
+    getInputProps,
+    isFocused,
+    isDragAccept,
+    isDragReject
+  } = useDropzone(props);
+  const {
+    t
+  } = useTranslation();
+  const theme = useTheme();
+  let T0;
+  let t1;
+  let t2;
+  if ($[3] !== getRootProps || $[4] !== isDragAccept || $[5] !== isDragReject || $[6] !== isFocused || $[7] !== theme) {
+    const style = {
+      ...baseStyle,
+      ...isFocused ? {
+        borderColor: theme.palette.primary.main
+      } : {},
+      ...isDragAccept ? {
+        borderColor: theme.palette.success.main
+      } : {},
+      ...isDragReject ? {
+        borderColor: theme.palette.error.main
+      } : {}
+    };
+    T0 = Paper;
+    t1 = "outlined";
+    t2 = getRootProps({
+      style
+    });
+    $[3] = getRootProps;
+    $[4] = isDragAccept;
+    $[5] = isDragReject;
+    $[6] = isFocused;
+    $[7] = theme;
+    $[8] = T0;
+    $[9] = t1;
+    $[10] = t2;
+  } else {
+    T0 = $[8];
+    t1 = $[9];
+    t2 = $[10];
+  }
+  let t3;
+  if ($[11] !== getInputProps) {
+    t3 = getInputProps();
+    $[11] = getInputProps;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      display: "none"
+    };
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] !== t3) {
+    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx("input", { ...t3, style: t4 });
+    $[14] = t3;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  let t6;
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(CloudUpload, {});
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== t) {
+    t7 = t("Layout.File.DragSomeFilesHereOrClickToSelectThem");
+    $[17] = t;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  let t8;
+  if ($[19] !== t7) {
+    t8 = /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { children: t7 });
+    $[19] = t7;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  let t9;
+  if ($[21] !== T0 || $[22] !== sx || $[23] !== t1 || $[24] !== t2 || $[25] !== t5 || $[26] !== t8) {
+    t9 = /* @__PURE__ */ jsxRuntimeExports.jsxs(T0, { variant: t1, ...t2, sx, children: [
+      t5,
+      t6,
+      t8
+    ] });
+    $[21] = T0;
+    $[22] = sx;
+    $[23] = t1;
+    $[24] = t2;
+    $[25] = t5;
+    $[26] = t8;
+    $[27] = t9;
+  } else {
+    t9 = $[27];
+  }
+  return t9;
+};
+export {
+  Dropzone
+};
+//# sourceMappingURL=Dropzone.js.map

package/dist/components/file/Dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.js","sources":["../../../src/components/file/Dropzone.tsx"],"sourcesContent":["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};"],"names":["baseStyle","flex","display","flexDirection","alignItems","padding","borderWidth","borderRadius","borderStyle","outline","transition","cursor","Dropzone","t0","$","_c","props","sx","getRootProps","getInputProps","isFocused","isDragAccept","isDragReject","useDropzone","t","useTranslation","theme","useTheme","T0","t1","t2","style","borderColor","palette","primary","main","success","error","Paper","t3","t4","Symbol","for","t5","jsx","t6","t7","t8","t9"],"mappings":"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"}

package/dist/components/file/FileViewer.d.ts

@@ -0,0 +1,20 @@
+import { FileViewerGridProps } from './fileViewer/FileViewerGrid';
+import { ComponentType, FC, ReactNode } from 'react';
+import { FileMeta } from '../../models/file/FileMeta';
+import { FileActions } from '../../models/file/FileActions';
+import { FileViewerListProps } from './fileViewer/FileViewerList';
+interface FileViewerComponent {
+    Grid: ComponentType<FileViewerGridProps>;
+    List: ComponentType<FileViewerListProps>;
+}
+interface FileViewerProps {
+    subId: string;
+    onDelete?: (params: {
+        remainingFileMetas: Array<FileMeta>;
+        deletedFileMeta: FileMeta;
+    }) => void;
+    actions?: FileActions;
+    children: (component: FileViewerComponent) => ReactNode;
+}
+export declare const FileViewer: FC<FileViewerProps>;
+export {};

package/dist/components/file/FileViewer.js

@@ -0,0 +1,127 @@
+import { j as jsxRuntimeExports } from "../../_virtual/jsx-runtime.js";
+import { c as compilerRuntimeExports } from "../../_virtual/compiler-runtime.js";
+import { useState } from "react";
+import { FileViewerGrid } from "./fileViewer/FileViewerGrid.js";
+import { FileViewerList } from "./fileViewer/FileViewerList.js";
+import { ImageViewer } from "./fileViewer/ImageViewer.js";
+import { FileContext } from "../../contexts/FileContext.js";
+import { useGetFileMetas } from "../../queries/FileHooks.js";
+const FileViewer = (t0) => {
+  const $ = compilerRuntimeExports.c(25);
+  const {
+    subId,
+    onDelete,
+    actions,
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== subId) {
+    t1 = {
+      subId
+    };
+    $[0] = subId;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = !!subId;
+  let t3;
+  if ($[2] !== t2) {
+    t3 = {
+      enabled: t2
+    };
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const {
+    data: t4
+  } = useGetFileMetas(t1, t3);
+  let t5;
+  if ($[4] !== t4) {
+    t5 = t4 === void 0 ? [] : t4;
+    $[4] = t4;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  const fileMetas = t5;
+  const [imageId, setImageId] = useState("");
+  let T0;
+  let t6;
+  let t7;
+  let t8;
+  if ($[6] !== actions || $[7] !== children || $[8] !== fileMetas || $[9] !== onDelete) {
+    t8 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const components = {
+        Grid: FileViewerGrid,
+        List: FileViewerList
+      };
+      if (fileMetas.length === 0) {
+        t8 = null;
+        break bb0;
+      }
+      T0 = FileContext.Provider;
+      if ($[14] !== actions || $[15] !== fileMetas || $[16] !== onDelete) {
+        t6 = {
+          fileMetas,
+          onDelete,
+          actions,
+          setImageId
+        };
+        $[14] = actions;
+        $[15] = fileMetas;
+        $[16] = onDelete;
+        $[17] = t6;
+      } else {
+        t6 = $[17];
+      }
+      t7 = children(components);
+    }
+    $[6] = actions;
+    $[7] = children;
+    $[8] = fileMetas;
+    $[9] = onDelete;
+    $[10] = T0;
+    $[11] = t6;
+    $[12] = t7;
+    $[13] = t8;
+  } else {
+    T0 = $[10];
+    t6 = $[11];
+    t7 = $[12];
+    t8 = $[13];
+  }
+  if (t8 !== Symbol.for("react.early_return_sentinel")) {
+    return t8;
+  }
+  let t9;
+  if ($[18] !== imageId) {
+    t9 = /* @__PURE__ */ jsxRuntimeExports.jsx(ImageViewer, { metaId: imageId });
+    $[18] = imageId;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  let t10;
+  if ($[20] !== T0 || $[21] !== t6 || $[22] !== t7 || $[23] !== t9) {
+    t10 = /* @__PURE__ */ jsxRuntimeExports.jsxs(T0, { value: t6, children: [
+      t7,
+      t9
+    ] });
+    $[20] = T0;
+    $[21] = t6;
+    $[22] = t7;
+    $[23] = t9;
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  return t10;
+};
+export {
+  FileViewer
+};
+//# sourceMappingURL=FileViewer.js.map

package/dist/components/file/FileViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileViewer.js","sources":["../../../src/components/file/FileViewer.tsx"],"sourcesContent":["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"],"names":["FileViewer","t0","$","_c","subId","onDelete","actions","children","t1","t2","t3","enabled","data","t4","useGetFileMetas","t5","undefined","fileMetas","imageId","setImageId","useState","T0","t6","t7","t8","Symbol","for","bb0","components","Grid","FileViewerGrid","List","FileViewerList","length","FileContext","Provider","t9","t10"],"mappings":"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"}

package/dist/components/file/fileViewer/FileViewerGrid.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { FileMeta } from '../../../models/file/FileMeta';
+type FileViewerGridItemBar = "hidden" | "always" | "onMouseEnter";
+export interface FileViewerGridProps {
+    size?: number;
+    itemBar?: FileViewerGridItemBar;
+    sx?: SxProps<Theme>;
+}
+export declare const FileViewerGrid: React.FC<FileViewerGridProps>;
+interface GridFileViewerItemProps {
+    meta: FileMeta;
+    size?: number;
+    itemBar?: FileViewerGridItemBar;
+}
+export declare const GridFileViewerItem: React.FC<GridFileViewerItemProps>;
+export {};