@webiny/app-admin 5.27.0 → 5.29.0-beta.0

package/components/FileManager/FileDetails.js

@@ -1,58 +1,99 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _bytes = _interopRequireDefault(require("bytes"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _emotion = require("emotion");
+
+var _Drawer = require("@webiny/ui/Drawer");
+
+var _Button = require("@webiny/ui/Button");
+
+var _getFileTypePlugin = _interopRequireDefault(require("./getFileTypePlugin"));
+
+var _dayjs = _interopRequireDefault(require("dayjs"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _set = _interopRequireDefault(require("lodash/set"));
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var _Tags = _interopRequireDefault(require("./FileDetails/Tags"));
+
+var _Name = _interopRequireDefault(require("./FileDetails/Name"));
+
+var _Tooltip = require("@webiny/ui/Tooltip");
+
+var _Icon = require("@webiny/ui/Icon");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _reactHotkeyz = require("react-hotkeyz");
+
+var _content_copyBlack24px = require("./icons/content_copy-black-24px.svg");
+
+var _delete = require("./icons/delete.svg");
+
+var _insert_photo24px = require("../../assets/icons/insert_photo-24px.svg");
+
+var _insert_drive_file24px = require("../../assets/icons/insert_drive_file-24px.svg");
+
+var _today24px = require("../../assets/icons/today-24px.svg");
+
+var _highlight24px = require("../../assets/icons/highlight-24px.svg");
+
+var _FileManagerContext = require("./FileManagerContext");
+
+var _reactHooks = require("@apollo/react-hooks");
+
+var _useSnackbar2 = require("../../hooks/useSnackbar");
+
+var _appSecurity = require("@webiny/app-security");
+
+var _ConfirmationDialog = require("@webiny/ui/ConfirmationDialog");
+
+var _graphql = require("./graphql");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _mime = _interopRequireDefault(require("mime"));
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useMemo, useState } from "react";
-import bytes from "bytes";
-import classNames from "classnames";
-import { css } from "emotion";
-import { Drawer, DrawerContent } from "@webiny/ui/Drawer";
-import { IconButton } from "@webiny/ui/Button";
-import getFileTypePlugin from "./getFileTypePlugin";
-import dayjs from "dayjs";
-import get from "lodash/get";
-import set from "lodash/set";
-import cloneDeep from "lodash/cloneDeep";
-import Tags from "./FileDetails/Tags";
-import Name from "./FileDetails/Name";
-import { Tooltip } from "@webiny/ui/Tooltip";
-import { Icon } from "@webiny/ui/Icon";
-import { Typography } from "@webiny/ui/Typography";
-/**
- * Package react-hotkeyz has no types.
- */
-// @ts-ignore
-
-import { useHotkeys } from "react-hotkeyz";
-import { ReactComponent as CopyContentIcon } from "./icons/content_copy-black-24px.svg";
-import { ReactComponent as DeleteIcon } from "./icons/delete.svg";
-import { ReactComponent as ImageIcon } from "../../assets/icons/insert_photo-24px.svg";
-import { ReactComponent as FileIcon } from "../../assets/icons/insert_drive_file-24px.svg";
-import { ReactComponent as CalendarIcon } from "../../assets/icons/today-24px.svg";
-import { ReactComponent as HighlightIcon } from "../../assets/icons/highlight-24px.svg";
-import { getWhere, useFileManager } from "./FileManagerContext";
-import { useMutation } from "@apollo/react-hooks";
-import { useSnackbar } from "../../hooks/useSnackbar";
-import { useSecurity } from "@webiny/app-security";
-import { ConfirmationDialog } from "@webiny/ui/ConfirmationDialog";
-import { DELETE_FILE, LIST_FILES, LIST_TAGS } from "./graphql";
-import { i18n } from "@webiny/app/i18n";
-import mime from "mime";
-var t = i18n.ns("app-admin/file-manager/file-details");
-var fileDetailsSidebar = /*#__PURE__*/css({
+var t = _i18n.i18n.ns("app-admin/file-manager/file-details");
+
+var fileDetailsSidebar = /*#__PURE__*/(0, _emotion.css)({
   "&.mdc-drawer": {
     width: 360
   }
 }, "label:fileDetailsSidebar;");
 var style = {
-  wrapper: /*#__PURE__*/css({
+  wrapper: /*#__PURE__*/(0, _emotion.css)({
     height: "100vh",
     overflowY: "auto"
   }, "label:wrapper;"),
-  header: /*#__PURE__*/css({
+  header: /*#__PURE__*/(0, _emotion.css)({
     textAlign: "center",
     marginBottom: 24,
     paddingTop: 16,
@@ -62,7 +103,7 @@ var style = {
       fontWeight: 600
     }
   }, "label:header;"),
-  preview: /*#__PURE__*/css({
+  preview: /*#__PURE__*/(0, _emotion.css)({
     boxSizing: "border-box",
     display: "flex",
     justifyContent: "center",
@@ -83,7 +124,7 @@ var style = {
       backgroundColor: "var(--mdc-theme-background)"
     }
   }, "label:preview;"),
-  download: /*#__PURE__*/css({
+  download: /*#__PURE__*/(0, _emotion.css)({
     textAlign: "center",
     margin: "0 auto",
     width: "100%",
@@ -93,7 +134,7 @@ var style = {
       }
     }
   }, "label:download;"),
-  list: /*#__PURE__*/css({
+  list: /*#__PURE__*/(0, _emotion.css)({
     textAlign: "left",
     color: "var(--mdc-theme-on-surface)",
     li: {
@@ -127,7 +168,7 @@ var style = {
       }
     }
   }, "label:list;"),
-  drawerContent: /*#__PURE__*/css({
+  drawerContent: /*#__PURE__*/(0, _emotion.css)({
     "&.mdc-drawer__content": {
       height: "auto",
       overflowY: "inherit"
@@ -136,7 +177,7 @@ var style = {
 };
 
 var isImage = function isImage(file) {
-  var fileType = mime.getType(file && file.name);
+  var fileType = _mime.default.getType(file && file.name);
 
   if (fileType && typeof fileType === "string") {
     return fileType.includes("image");
@@ -149,26 +190,26 @@ var FileDetails = function FileDetails(props) {
   var file = props.file,
       uploadFile = props.uploadFile,
       validateFiles = props.validateFiles;
-  var filePlugin = getFileTypePlugin(file);
-  var actions = get(filePlugin, "fileDetails.actions") || get(filePlugin, "actions") || [];
+  var filePlugin = (0, _getFileTypePlugin.default)(file);
+  var actions = (0, _get.default)(filePlugin, "fileDetails.actions") || (0, _get.default)(filePlugin, "actions") || [];
 
-  var _useFileManager = useFileManager(),
+  var _useFileManager = (0, _FileManagerContext.useFileManager)(),
       hideFileDetails = _useFileManager.hideFileDetails,
       queryParams = _useFileManager.queryParams;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       darkImageBackground = _useState2[0],
       setDarkImageBackground = _useState2[1];
 
-  var _useSecurity = useSecurity(),
+  var _useSecurity = (0, _appSecurity.useSecurity)(),
       identity = _useSecurity.identity,
       getPermission = _useSecurity.getPermission;
 
-  var fmFilePermission = useMemo(function () {
+  var fmFilePermission = (0, _react.useMemo)(function () {
     return getPermission("fm.file");
   }, [identity]);
-  var canDelete = useCallback(function (item) {
+  var canDelete = (0, _react.useCallback)(function (item) {
     // Bail out early if no access
     if (!fmFilePermission) {
       return false;
@@ -181,7 +222,7 @@ var FileDetails = function FileDetails(props) {
         return false;
       }
 
-      return get(item, "createdBy.id") === identityId;
+      return (0, _get.default)(item, "createdBy.id") === identityId;
     }
 
     if (typeof fmFilePermission.rwd === "string") {
@@ -190,7 +231,7 @@ var FileDetails = function FileDetails(props) {
 
     return true;
   }, [fmFilePermission]);
-  useHotkeys({
+  (0, _reactHotkeyz.useHotkeys)({
     zIndex: 55,
     disabled: !file,
     keys: {
@@ -198,13 +239,13 @@ var FileDetails = function FileDetails(props) {
     }
   });
 
-  var _useMutation = useMutation(DELETE_FILE, {
+  var _useMutation = (0, _reactHooks.useMutation)(_graphql.DELETE_FILE, {
     update: function update(cache) {
       var _listTagsData$fileMan;
 
       // 1. Update files list cache
-      var data = cloneDeep(cache.readQuery({
-        query: LIST_FILES,
+      var data = (0, _cloneDeep.default)(cache.readQuery({
+        query: _graphql.LIST_FILES,
         variables: queryParams
       }));
 
@@ -231,19 +272,17 @@ var FileDetails = function FileDetails(props) {
         return item.id === file.id;
       });
       cache.writeQuery({
-        query: LIST_FILES,
+        query: _graphql.LIST_FILES,
         variables: queryParams,
-        data: set(data, "fileManager.listFiles.data", filteredList)
+        data: (0, _set.default)(data, "fileManager.listFiles.data", filteredList)
       }); // 2. Update "ListTags" cache
 
-      // 2. Update "ListTags" cache
       if (!selectedFile || Array.isArray(selectedFile.tags) === false) {
         return;
       }
 
       var tagCountMap = {}; // Prepare "tag" count map
 
-      // Prepare "tag" count map
       data.fileManager.listFiles.data.forEach(function (file) {
         if (!Array.isArray(file.tags)) {
           return;
@@ -258,15 +297,13 @@ var FileDetails = function FileDetails(props) {
         });
       }); // Get tags from cache
 
-      // Get tags from cache
-      var listTagsData = cloneDeep(cache.readQuery({
-        query: LIST_TAGS,
+      var listTagsData = (0, _cloneDeep.default)(cache.readQuery({
+        query: _graphql.LIST_TAGS,
         variables: {
-          where: getWhere(queryParams.scope)
+          where: (0, _FileManagerContext.getWhere)(queryParams.scope)
         }
       })); // Remove selected file tags from list.
 
-      // Remove selected file tags from list.
       var filteredTags = ((listTagsData === null || listTagsData === void 0 ? void 0 : (_listTagsData$fileMan = listTagsData.fileManager) === null || _listTagsData$fileMan === void 0 ? void 0 : _listTagsData$fileMan.listTags) || []).filter(function (tag) {
         if (!selectedFile.tags.includes(tag)) {
           return true;
@@ -275,53 +312,52 @@ var FileDetails = function FileDetails(props) {
         return tagCountMap[tag] > 1;
       }); // Write it to cache
 
-      // Write it to cache
       cache.writeQuery({
-        query: LIST_TAGS,
+        query: _graphql.LIST_TAGS,
         variables: {
-          where: getWhere(queryParams.scope)
+          where: (0, _FileManagerContext.getWhere)(queryParams.scope)
         },
-        data: set(data, "fileManager.listTags", filteredTags)
+        data: (0, _set.default)(data, "fileManager.listTags", filteredTags)
       });
     }
   }),
-      _useMutation2 = _slicedToArray(_useMutation, 1),
+      _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
       deleteFile = _useMutation2[0];
 
-  var _useSnackbar = useSnackbar(),
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  var renderDeleteImageAction = useCallback(function (file) {
+  var renderDeleteImageAction = (0, _react.useCallback)(function (file) {
     if (!canDelete(file)) {
       return null;
     }
 
     var fileDeleteConfirmationProps = {
-      title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Delete file"]))),
-      message: file && /*#__PURE__*/React.createElement("span", null, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["You're about to delete file {name}. Are you sure you want to continue?"])))({
+      title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Delete file"]))),
+      message: file && /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You're about to delete file {name}. Are you sure you want to continue?"])))({
         name: file.name
       }))
     };
-    return /*#__PURE__*/React.createElement(ConfirmationDialog, Object.assign({}, fileDeleteConfirmationProps, {
+    return /*#__PURE__*/_react.default.createElement(_ConfirmationDialog.ConfirmationDialog, Object.assign({}, fileDeleteConfirmationProps, {
       "data-testid": "fm-delete-file-confirmation-dialog",
       style: {
         zIndex: 100
       }
     }), function (_ref) {
       var showConfirmation = _ref.showConfirmation;
-      return /*#__PURE__*/React.createElement(Tooltip, {
-        content: isImage(file) ? /*#__PURE__*/React.createElement("span", null, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Delete image"])))) : /*#__PURE__*/React.createElement("span", null, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Delete file"])))),
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+        content: isImage(file) ? /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Delete image"])))) : /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Delete file"])))),
         placement: "bottom"
-      }, /*#__PURE__*/React.createElement(IconButton, {
+      }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
         "data-testid": "fm-delete-file-button",
-        icon: /*#__PURE__*/React.createElement(DeleteIcon, {
+        icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, {
           style: {
             margin: "0 8px 0 0"
           }
         }),
         onClick: function onClick() {
-          return showConfirmation( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-            return _regeneratorRuntime.wrap(function _callee$(_context) {
+          return showConfirmation( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+            return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
               while (1) {
                 switch (_context.prev = _context.next) {
                   case 0:
@@ -333,7 +369,7 @@ var FileDetails = function FileDetails(props) {
                     });
 
                   case 2:
-                    showSnackbar(t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["File deleted successfully."]))));
+                    showSnackbar(t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["File deleted successfully."]))));
 
                   case 3:
                   case "end":
@@ -346,29 +382,29 @@ var FileDetails = function FileDetails(props) {
       }));
     });
   }, []);
-  var fileTypeIcon = useMemo(function () {
+  var fileTypeIcon = (0, _react.useMemo)(function () {
     if (file && typeof file.type === "string") {
-      return file.type.includes("image") ? /*#__PURE__*/React.createElement(ImageIcon, null) : /*#__PURE__*/React.createElement(FileIcon, null);
+      return file.type.includes("image") ? /*#__PURE__*/_react.default.createElement(_insert_photo24px.ReactComponent, null) : /*#__PURE__*/_react.default.createElement(_insert_drive_file24px.ReactComponent, null);
     }
 
-    return /*#__PURE__*/React.createElement(ImageIcon, null);
+    return /*#__PURE__*/_react.default.createElement(_insert_photo24px.ReactComponent, null);
   }, [file]);
-  return /*#__PURE__*/React.createElement(Drawer, {
+  return /*#__PURE__*/_react.default.createElement(_Drawer.Drawer, {
     className: fileDetailsSidebar,
     dir: "rtl",
     modal: true,
     open: Boolean(file),
     onClose: hideFileDetails,
     "data-testid": "fm.file-details.drawer"
-  }, file && /*#__PURE__*/React.createElement("div", {
+  }, file && /*#__PURE__*/_react.default.createElement("div", {
     className: style.wrapper,
     dir: "ltr"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: style.header
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "headline5"
-  }, t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["File details"]))))), /*#__PURE__*/React.createElement("div", {
-    className: classNames(style.preview, {
+  }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["File details"]))))), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(style.preview, {
       dark: darkImageBackground
     })
   }, filePlugin && filePlugin.render({
@@ -380,58 +416,59 @@ var FileDetails = function FileDetails(props) {
     file: file,
     uploadFile: uploadFile,
     validateFiles: validateFiles
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: style.download
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-    content: /*#__PURE__*/React.createElement("span", null, t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Copy URL"])))),
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Copy URL"])))),
     placement: "bottom"
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     onClick: function onClick() {
       navigator.clipboard.writeText(file.src);
-      showSnackbar(t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["URL copied successfully."]))));
+      showSnackbar(t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["URL copied successfully."]))));
     },
-    icon: /*#__PURE__*/React.createElement(CopyContentIcon, {
+    icon: /*#__PURE__*/_react.default.createElement(_content_copyBlack24px.ReactComponent, {
       style: {
         margin: "0 8px 0 0"
       }
     })
   })), actions.map(function (Component, index) {
-    return /*#__PURE__*/React.createElement(Component, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(Component, Object.assign({
       key: index
     }, props));
-  }), renderDeleteImageAction(file), /*#__PURE__*/React.createElement(Tooltip, {
-    content: t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Toggle background"]))),
+  }), renderDeleteImageAction(file), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Toggle background"]))),
     placement: "bottom"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(HighlightIcon, null),
+  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    icon: /*#__PURE__*/_react.default.createElement(_highlight24px.ReactComponent, null),
     onClick: function onClick() {
       return setDarkImageBackground(!darkImageBackground);
     },
-    className: classNames({
+    className: (0, _classnames.default)({
       "icon--active": darkImageBackground
     })
-  })))), /*#__PURE__*/React.createElement(DrawerContent, {
+  })))), /*#__PURE__*/_react.default.createElement(_Drawer.DrawerContent, {
     dir: "ltr",
     className: style.drawerContent
-  }, /*#__PURE__*/React.createElement("ul", {
+  }, /*#__PURE__*/_react.default.createElement("ul", {
     className: style.list
-  }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Name, props)), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("li-title", null, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Name.default, props)), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("li-title", null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
     className: "list-item__icon",
     icon: fileTypeIcon
-  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
+  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle1"
-  }, file.type), " ", " - ", /*#__PURE__*/React.createElement(Typography, {
+  }, file.type), " ", " - ", /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle1"
-  }, bytes.format(file.size, {
+  }, _bytes.default.format(file.size, {
     unitSeparator: " "
-  }))))), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("li-title", null, /*#__PURE__*/React.createElement(Icon, {
+  }))))), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("li-title", null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
     className: "list-item__icon",
-    icon: /*#__PURE__*/React.createElement(CalendarIcon, null)
-  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
+    icon: /*#__PURE__*/_react.default.createElement(_today24px.ReactComponent, null)
+  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle1"
-  }, dayjs(file.createdOn).format("DD MMM YYYY [at] HH:mm"))))), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Tags, Object.assign({
+  }, (0, _dayjs.default)(file.createdOn).format("DD MMM YYYY [at] HH:mm"))))), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Tags.default, Object.assign({
     key: props.file.id
   }, props)))))));
 };
 
-export default FileDetails;
+var _default = FileDetails;
+exports.default = _default;