@selkirk-systems/attachments 1.0.4

package/dist/actions/AttachmentActions.js

@@ -0,0 +1,11 @@
+import { HIDE_IMAGE_VIEWER_DIALOG, SHOW_IMAGE_VIEWER_DIALOG } from "../constants/PhotosConstants";
+import { dispatch } from "@selkirk-systems/state-management";
+export const showImageViewerDialog = (name, url) => {
+  dispatch(SHOW_IMAGE_VIEWER_DIALOG, {
+    name: name,
+    url: url
+  });
+};
+export const hideImageViewerDialog = () => {
+  dispatch(HIDE_IMAGE_VIEWER_DIALOG);
+};

package/dist/actions/FileActions.js

@@ -0,0 +1,37 @@
+import { FILE_DELETE, FILE_DELETED, FILE_DOWNLOAD, FILE_DOWNLOADED } from "../constants/PhotosConstants";
+import DownloadStore from "../stores/DownloadStore";
+import { fetch } from "@selkirk-systems/fetch";
+import { dispatch } from "@selkirk-systems/state-management";
+export const downloadFile = (url, mimeType, fileName) => {
+  const {
+    downloading
+  } = DownloadStore.getState();
+  if (downloading) return;
+  dispatch(FILE_DOWNLOAD, {
+    url: url,
+    mimeType: mimeType,
+    fileName: fileName
+  });
+  return fetch(url, {
+    contentType: mimeType,
+    downloadFileName: fileName
+  }).finally(() => {
+    dispatch(FILE_DOWNLOADED);
+  });
+};
+export const deleteFile = (url, fileName) => {
+  const {
+    deleting
+  } = DownloadStore.getState();
+  if (deleting) return;
+  dispatch(FILE_DELETE, {
+    fileName: fileName
+  });
+  return fetch(url, {
+    method: "DELETE"
+  }).finally(() => {
+    dispatch(FILE_DELETED, {
+      fileName: fileName
+    });
+  });
+};

package/dist/actions/ImageUploadActions.js

@@ -0,0 +1,99 @@
+/* eslint-disable no-loop-func */
+import { dispatch } from "@selkirk-systems/state-management";
+import { CLEAR_UPLOADS, DELETED_IMAGE, DELETE_IMAGE, HIDE_IMAGE_UPLOAD_DIALOG, IMAGE_UPLOAD_COMPLETE, SET_UPLOAD_PROGRESS, SHOW_IMAGE_UPLOAD_DIALOG } from "../constants/PhotosConstants";
+import { ADD_ERROR, fetch } from "@selkirk-systems/fetch";
+import { createProxiedURL } from "@selkirk-systems/selkirk-utils";
+import PhotoStore from "../stores/PhotosStore";
+import { confirmDialog } from "primereact/confirmdialog";
+import { extractDataArray } from "@selkirk-systems/selkirk-utils";
+export const closeImageUploadDialog = () => {
+  dispatch(HIDE_IMAGE_UPLOAD_DIALOG);
+  dispatch(CLEAR_UPLOADS);
+};
+export const showImageUploadDialog = tag => {
+  dispatch(SHOW_IMAGE_UPLOAD_DIALOG, tag);
+};
+export const invokeUploadInput = () => {
+  const element = document.querySelector("input[type='file']");
+  if (!element) return;
+  element.click();
+};
+export const deleteImageById = id => {
+  dispatch(DELETE_IMAGE, id);
+  return fetch(`/image/${id}`, {
+    method: "DELETE"
+  }).then(response => {
+    dispatch(DELETED_IMAGE, id);
+  });
+};
+export const uploadFiles = (url, files) => {
+  return new Promise((resolve, reject) => {
+    const uploads = [];
+    const {
+      photos
+    } = PhotoStore.getState();
+    if (!url) return;
+    for (let file of files) {
+      const exists = photos.find(p => p.name === file.name);
+      if (exists) {
+        confirmDialog({
+          message: `${file.name} already exists. \n Do you want to replace it?`,
+          header: 'Confirm Upload',
+          position: 'center',
+          accept: () => {
+            uploadFinalFile(file);
+          }
+        });
+      } else {
+        uploadFinalFile(file);
+      }
+    }
+    function uploadFinalFile(file) {
+      const caption = file.name;
+      const formData = new FormData();
+      const finalURL = new URL(`${url}?force=true&name=${file.name}`);
+      formData.append("file", file, file.name);
+      const options = {
+        headers: {
+          accept: "*/*",
+          'content-length': file.size
+        },
+        form: formData,
+        method: "POST"
+      };
+      dispatch(SET_UPLOAD_PROGRESS, {
+        id: caption,
+        title: caption,
+        mimeType: file.type,
+        progress: 10,
+        response: null
+      });
+      uploads.push(fetch(finalURL, options).then(([response]) => {
+        if (response.status.code > 299 || response.status.code < 200) {
+          throw response;
+        }
+        response.data = extractDataArray(response.data);
+        dispatch(SET_UPLOAD_PROGRESS, {
+          id: caption,
+          title: caption,
+          mimeType: file.type,
+          progress: 100,
+          response: response
+        });
+      }).catch(response => {
+        dispatch(SET_UPLOAD_PROGRESS, {
+          id: caption,
+          title: caption,
+          mimeType: file.type,
+          progress: 100,
+          error: response.data
+        });
+        return dispatch(ADD_ERROR, response);
+      }));
+    }
+    Promise.all(uploads).finally(() => {
+      dispatch(IMAGE_UPLOAD_COMPLETE);
+      resolve();
+    });
+  });
+};

package/dist/actions/PhotoActions.js

@@ -0,0 +1,53 @@
+import { fetch } from "@selkirk-systems/fetch";
+import { DELETED_IMAGE, DELETE_IMAGE, FETCHED_PHOTOS, FETCH_PHOTOS } from "../constants/PhotosConstants";
+import { dispatch } from "@selkirk-systems/state-management";
+import { hideImageViewerDialog } from "./AttachmentActions";
+import { ADD_IGNORE_ERROR, REMOVE_IGNORE_ERROR_BY_ID } from "../constants/MessageConstants";
+export const fetchPhotos = url => {
+  dispatch(FETCH_PHOTOS);
+
+  //Filestore requires both of these set to application/json to get json details
+  //Proxy web server defaults to accept:'*/*' which does not work so we have to override here.
+  const options = {
+    skipCache: true,
+    headers: {
+      'Accept': "application/json",
+      'content-type': 'application/json'
+    }
+  };
+  dispatch(ADD_IGNORE_ERROR, [{
+    id: url.toString(),
+    statusCodes: [404]
+  }]);
+  return fetch(url, options).then(([response]) => {
+    dispatch(REMOVE_IGNORE_ERROR_BY_ID, [{
+      id: url.toString()
+    }]);
+    if (response.status.code > 299 || response.status.code < 200) {
+      dispatch(FETCHED_PHOTOS, []);
+      return;
+    }
+    const onlyFiles = getAllFiles(response.data.children);
+    dispatch(FETCHED_PHOTOS, onlyFiles);
+  });
+};
+export const clearPhotos = () => {
+  dispatch(FETCHED_PHOTOS, []);
+};
+export const deleteImage = (url, name) => {
+  dispatch(DELETE_IMAGE, name);
+  return fetch(url, {
+    method: "DELETE"
+  }).then(response => {
+    dispatch(DELETED_IMAGE, name);
+    hideImageViewerDialog();
+  });
+};
+function getAllFiles(children) {
+  let ret = [];
+  children.forEach(c => {
+    if (c.nodeType === 'FILE') ret.push(c);
+    if (c.children && c.children.length) ret = ret.concat(getAllFiles(c.children));
+  });
+  return ret;
+}

package/dist/components/FileDeleteIcon.js

@@ -0,0 +1,30 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from 'react';
+import { Connect } from '@selkirk-systems/state-management';
+import { Trash2 } from 'lucide-react';
+import { ProgressSpinner } from '@selkirk-systems/selkirk-components';
+import { Button } from 'primereact/button';
+import DownloadStore from '../stores/DownloadStore';
+class FileDownloadIcon extends React.Component {
+  static subscribe = [DownloadStore];
+  static defaultProps = {
+    deleting: false,
+    name: ''
+  };
+  static storeStateToProps = {
+    deleting: (props, state) => state.deleting
+  };
+  render() {
+    const {
+      deleting,
+      name,
+      ...other
+    } = this.props;
+    const isDeleting = deleting && deleting.fileName === name;
+    return /*#__PURE__*/React.createElement(Button, _extends({
+      text: true,
+      type: "button"
+    }, other), isDeleting && /*#__PURE__*/React.createElement(ProgressSpinner, null), !isDeleting && /*#__PURE__*/React.createElement(Trash2, null));
+  }
+}
+export default Connect(FileDownloadIcon);

package/dist/components/FileDownloadIcon.js

@@ -0,0 +1,34 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from 'react';
+import { Connect } from '@selkirk-systems/state-management';
+import { Download } from 'lucide-react';
+import { ProgressSpinner } from '@selkirk-systems/selkirk-components';
+import { Button } from 'primereact/button';
+import DownloadStore from '../stores/DownloadStore';
+class FileDownloadIcon extends React.Component {
+  static subscribe = [DownloadStore];
+  static defaultProps = {
+    downloading: false,
+    name: ''
+  };
+  static storeStateToProps = {
+    downloading: (props, state) => state.downloading
+  };
+  render() {
+    const {
+      downloading,
+      name,
+      ...other
+    } = this.props;
+    const isDownloading = downloading && downloading.fileName === name;
+    return /*#__PURE__*/React.createElement(Button, _extends({
+      text: true,
+      type: "button"
+    }, other), isDownloading && /*#__PURE__*/React.createElement(ProgressSpinner, {
+      style: {
+        color: 'inherit'
+      }
+    }), !isDownloading && /*#__PURE__*/React.createElement(Download, null));
+  }
+}
+export default Connect(FileDownloadIcon);

package/dist/components/FileList.js

@@ -0,0 +1,111 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { Component } from "react";
+import { Connect } from '@selkirk-systems/state-management';
+import PhotoStore from "../stores/PhotosStore";
+import { FileIcon, Trash2 } from "lucide-react";
+import { Column, Row } from "@selkirk-systems/layout";
+import { Skeleton } from "primereact/skeleton";
+import memoizee from "memoizee";
+import { fetchPhotos } from "../actions/PhotoActions";
+import { Typography, Paper } from "@selkirk-systems/selkirk-components";
+import UploadImageDialog from "./UploadImageDialog";
+import { deleteFile, downloadFile } from "../actions/FileActions";
+import { createProxiedURL } from "@selkirk-systems/selkirk-utils";
+import FileDownloadIcon from "./FileDownloadIcon";
+import UnknownFileTypeImage from "./Icons/UnknownFileTypeImage";
+import MIME_TYPE_ICONS from "./MimeTypeIcons";
+import { sortByProp } from "@selkirk-systems/selkirk-utils";
+import { Button } from "primereact/button";
+import FileDeleteIcon from "./FileDeleteIcon";
+class PhotoGallery extends React.Component {
+  static subscribe = [PhotoStore];
+  static defaultProps = {
+    baseURL: "",
+    items: [],
+    fetching: false
+  };
+  static storeStateToProps = {
+    items: (props, state) => filesOnly(state.photos),
+    fetching: (props, state) => state.fetching
+  };
+  handleFileClick = file => e => {
+    e.stopPropagation();
+    downloadFile(createProxiedURL(file._links.self.href), file.mimeType, file.name);
+  };
+  handleFileDelete = file => e => {
+    e.stopPropagation();
+    const href = file.links ? file.links[0].href : file._links.self.href;
+    deleteFile(createProxiedURL(href), file.name);
+  };
+  render() {
+    const {
+      baseURL,
+      items,
+      fetching,
+      ...other
+    } = this.props;
+    const count = items.length;
+    return /*#__PURE__*/React.createElement("div", _extends({
+      className: "file-gallery paralax-content"
+    }, other), count < 1 && !fetching && /*#__PURE__*/React.createElement(Column, {
+      center: true,
+      className: "text-secondary"
+    }, /*#__PURE__*/React.createElement(FileIcon, {
+      mt: "-xxxl",
+      mb: "sm",
+      style: {
+        width: '75px',
+        height: '75px',
+        strokeWidth: 1
+      }
+    }), /*#__PURE__*/React.createElement(Typography, {
+      style: {
+        fontWeight: 500
+      },
+      variant: "subtitle2"
+    }, "NO FILES FOUND.")), fetching && /*#__PURE__*/React.createElement(Skeleton, {
+      width: "100%",
+      height: window.innerHeight - 300
+    }), count > 0 && /*#__PURE__*/React.createElement("div", {
+      p: "md",
+      style: {
+        flex: "1 1 auto"
+      }
+    }, items.map((f, i) => {
+      return /*#__PURE__*/React.createElement(Paper, _extends({
+        mb: "sm",
+        p: "sm",
+        key: f.id,
+        elevation: 1
+      }, other), /*#__PURE__*/React.createElement(Row, {
+        align: "center",
+        xs: "auto 1fr auto auto"
+      }, MIME_TYPE_ICONS[f.mimeType] || /*#__PURE__*/React.createElement(UnknownFileTypeImage, null), /*#__PURE__*/React.createElement(Column, {
+        gap: "xs",
+        ml: "sm"
+      }, /*#__PURE__*/React.createElement(Typography, {
+        variant: "body1"
+      }, f.name), /*#__PURE__*/React.createElement(Row, {
+        className: "text-secondary",
+        gap: "sm",
+        justify: "left"
+      }, /*#__PURE__*/React.createElement(Typography, {
+        variant: "caption"
+      }, "Size: "), /*#__PURE__*/React.createElement(Typography, {
+        variant: "caption"
+      }, f.sizeInKB < 1000 ? `${f.sizeInKB.toFixed(3)} KB` : `${(f.sizeInKB / 1000).toFixed(3)} MB`))), /*#__PURE__*/React.createElement(FileDownloadIcon, {
+        size: "small",
+        onClick: this.handleFileClick(f),
+        name: f.name
+      }), /*#__PURE__*/React.createElement(FileDeleteIcon, {
+        size: "small",
+        onClick: this.handleFileDelete(f),
+        name: f.name
+      })));
+    })));
+  }
+}
+const filesOnly = memoizee(files => {
+  return sortByProp(files.filter(f => f.mimeType.indexOf("image") < 0), "name").reverse();
+});
+export default Connect(PhotoGallery);

package/dist/components/Icons/ExcelFileTypeImage.js

@@ -0,0 +1,8 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import SRC from '../../img/excel-filetype.png';
+import React from "react";
+const ExcelFileTypeImage = props => /*#__PURE__*/React.createElement("img", _extends({
+  alt: "Excel",
+  src: SRC
+}, props));
+export default ExcelFileTypeImage;

package/dist/components/Icons/HTMLFileTypeImage.js

@@ -0,0 +1,7 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import SRC from '../../img/html-filetype.png';
+const HTMLFileTypeImage = props => /*#__PURE__*/React.createElement("img", _extends({
+  alt: "HTML",
+  src: SRC
+}, props));
+export default HTMLFileTypeImage;

package/dist/components/Icons/JSONFileTypeImage.js

@@ -0,0 +1,7 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import SRC from '../../img/json-filetype.png';
+const JsonFileTypeImage = props => /*#__PURE__*/React.createElement("img", _extends({
+  alt: "JSON",
+  src: SRC
+}, props));
+export default JsonFileTypeImage;

package/dist/components/Icons/PDFFileTypeImage.js

@@ -0,0 +1,7 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import SRC from '../../img/pdf-filetype.png';
+const PDFMimeTypeImage = props => /*#__PURE__*/React.createElement("img", _extends({
+  alt: "PDF",
+  src: SRC
+}, props));
+export default PDFMimeTypeImage;

package/dist/components/Icons/PhotoFileTypeImage.js

@@ -0,0 +1,6 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import SRC from '../../img/photo-filetype.png';
+const PhotoFileTypeImage = props => /*#__PURE__*/React.createElement("img", _extends({
+  src: SRC
+}, props));
+export default PhotoFileTypeImage;

package/dist/components/Icons/PowerPointTypeImage.js

@@ -0,0 +1,7 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import SRC from '../../img/PowerPoint-filetype.png';
+const PowerPointTypeImage = props => /*#__PURE__*/React.createElement("img", _extends({
+  alt: "Power Point",
+  src: SRC
+}, props));
+export default PowerPointTypeImage;

package/dist/components/Icons/TextFileTypeImage.js

@@ -0,0 +1,7 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import SRC from '../../img/txt-filetype.png';
+const TextFileTypeImage = props => /*#__PURE__*/React.createElement("img", _extends({
+  alt: "Text",
+  src: SRC
+}, props));
+export default TextFileTypeImage;

package/dist/components/Icons/UnknownFileTypeImage.js

@@ -0,0 +1,7 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import SRC from '../../img/unknown-filetype.png';
+const UnknownFileTypeImage = props => /*#__PURE__*/React.createElement("img", _extends({
+  alt: "Unknown",
+  src: SRC
+}, props));
+export default UnknownFileTypeImage;

package/dist/components/Icons/WordFileTypeImage.js

@@ -0,0 +1,7 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import SRC from '../../img/word-filetype.png';
+const WordFileTypeImage = props => /*#__PURE__*/React.createElement("img", _extends({
+  alt: "Word",
+  src: SRC
+}, props));
+export default WordFileTypeImage;

package/dist/components/Icons/ZipFileTypeImage.js

@@ -0,0 +1,7 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import SRC from '../../img/zip-filetype.png';
+const ZipFileTypeImage = props => /*#__PURE__*/React.createElement("img", _extends({
+  alt: "Zip",
+  src: SRC
+}, props));
+export default ZipFileTypeImage;

package/dist/components/ImageViewerDialog.js

@@ -0,0 +1,78 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from 'react';
+import { deleteImage } from '../actions/PhotoActions';
+import PhotosStore from '../stores/PhotosStore';
+import { Connect } from '@selkirk-systems/state-management';
+import { Dialog } from 'primereact/dialog';
+import { Trash2, XIcon } from 'lucide-react';
+import { Button } from 'primereact/button';
+import { ProgressSpinner, Typography } from '@selkirk-systems/selkirk-components';
+import '../css/image-viewer.css';
+import { Row } from '@selkirk-systems/layout';
+import { hideImageViewerDialog } from '../actions/AttachmentActions';
+class ImageViewerDialog extends React.Component {
+  static subscribe = [PhotosStore];
+  static defaultProps = {
+    imageViewer: {},
+    deleting: false
+  };
+  static storeStateToProps = {
+    imageViewer: (props, state) => state.imageViewer,
+    deleting: (props, state) => state.deleting
+  };
+  render() {
+    const {
+      imageViewer,
+      deleting,
+      ...other
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Dialog, _extends({
+      visible: imageViewer.name,
+      maximized: true,
+      onHide: hideImageViewerDialog,
+      transitionOptions: {
+        onExited: this.handledExited
+      }
+    }, other), /*#__PURE__*/React.createElement("div", {
+      className: "image-viewer"
+    }, /*#__PURE__*/React.createElement(Row, {
+      className: "top actions",
+      align: "center",
+      xs: "1fr auto",
+      gap: "md",
+      fill: false
+    }, /*#__PURE__*/React.createElement(Typography, {
+      ml: "sm",
+      className: "title",
+      variant: "body1"
+    }, imageViewer.name), /*#__PURE__*/React.createElement(Button, {
+      mr: "-sm",
+      type: "button",
+      style: {
+        color: 'inherit'
+      },
+      onClick: hideImageViewerDialog,
+      text: true
+    }, /*#__PURE__*/React.createElement(XIcon, null))), /*#__PURE__*/React.createElement(Row, {
+      className: "bottom actions",
+      center: true,
+      fill: false
+    }, /*#__PURE__*/React.createElement(Button, {
+      disabled: deleting,
+      type: "button",
+      onClick: () => deleteImage(imageViewer.url, imageViewer.name),
+      text: true,
+      className: "delete icon"
+    }, deleting ? /*#__PURE__*/React.createElement(ProgressSpinner, {
+      style: {
+        width: 18,
+        height: 18,
+        color: 'white'
+      }
+    }) : /*#__PURE__*/React.createElement(Trash2, null))), /*#__PURE__*/React.createElement("img", {
+      alt: "test",
+      src: imageViewer.url
+    })));
+  }
+}
+export default Connect(ImageViewerDialog);

package/dist/components/MimeTypeIcons.js

@@ -0,0 +1,28 @@
+import PDFFileTypeImage from "./Icons/PDFFileTypeImage";
+import TextFileTypeImage from "./Icons/TextFileTypeImage";
+import WordFileTypeImage from "./Icons/WordFileTypeImage";
+import ExcelFileTypeImage from "./Icons/ExcelFileTypeImage";
+import PowerPointTypeImage from "./Icons/PowerPointTypeImage";
+import HTMLFileTypeImage from "./Icons/HTMLFileTypeImage";
+import JsonFileTypeImage from "./Icons/JSONFileTypeImage";
+import ZipFileTypeImage from "./Icons/ZipFileTypeImage";
+import React from "react";
+const MIME_TYPE_ICONS = {
+  'application/pdf': /*#__PURE__*/React.createElement(PDFFileTypeImage, null),
+  'application/msword': /*#__PURE__*/React.createElement(WordFileTypeImage, null),
+  'application/vnd.ms-word': /*#__PURE__*/React.createElement(WordFileTypeImage, null),
+  'application/vnd.oasis.opendocument.text': /*#__PURE__*/React.createElement(WordFileTypeImage, null),
+  'application/vnd.openxmlformats-officedocument.wordprocessingml': /*#__PURE__*/React.createElement(WordFileTypeImage, null),
+  'application/vnd.ms-excel': /*#__PURE__*/React.createElement(ExcelFileTypeImage, null),
+  'application/vnd.openxmlformats-officedocument.spreadsheetml': /*#__PURE__*/React.createElement(ExcelFileTypeImage, null),
+  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': /*#__PURE__*/React.createElement(ExcelFileTypeImage, null),
+  'application/vnd.oasis.opendocument.spreadsheet': /*#__PURE__*/React.createElement(ExcelFileTypeImage, null),
+  'application/vnd.ms-powerpoint': /*#__PURE__*/React.createElement(PowerPointTypeImage, null),
+  'application/vnd.openxmlformats-officedocument.presentationml': /*#__PURE__*/React.createElement(PowerPointTypeImage, null),
+  'application/vnd.oasis.opendocument.presentation': /*#__PURE__*/React.createElement(PowerPointTypeImage, null),
+  'text/plain': /*#__PURE__*/React.createElement(TextFileTypeImage, null),
+  'text/html': /*#__PURE__*/React.createElement(HTMLFileTypeImage, null),
+  'application/json': /*#__PURE__*/React.createElement(JsonFileTypeImage, null),
+  'application/zip': /*#__PURE__*/React.createElement(ZipFileTypeImage, null)
+};
+export default MIME_TYPE_ICONS;