@webiny/app-file-manager 5.37.0-beta.0 → 5.37.0-beta.2

package/components/FileDetails/FileDetails.js

@@ -6,241 +6,123 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FileDetails = void 0;
-Object.defineProperty(exports, "useFile", {
-  enumerable: true,
-  get: function get() {
-    return _FileProvider.useFile;
-  }
-});
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _reactHotkeyz = require("react-hotkeyz");
+var _omit = _interopRequireDefault(require("lodash/omit"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _emotion = require("emotion");
-var _close = require("@material-design-icons/svg/outlined/close.svg");
-var _content_copy = require("@material-design-icons/svg/outlined/content_copy.svg");
-var _insert_photo = require("@material-design-icons/svg/outlined/insert_photo.svg");
-var _insert_drive_file = require("@material-design-icons/svg/outlined/insert_drive_file.svg");
-var _today = require("@material-design-icons/svg/outlined/today.svg");
-var _highlight = require("@material-design-icons/svg/outlined/highlight.svg");
-var _i18n = require("@webiny/app/i18n");
-var _Button = require("@webiny/ui/Button");
+var _form = require("@webiny/form");
 var _Drawer = require("@webiny/ui/Drawer");
-var _Icon = require("@webiny/ui/Icon");
 var _Progress = require("@webiny/ui/Progress");
-var _Typography = require("@webiny/ui/Typography");
-var _Tooltip = require("@webiny/ui/Tooltip");
-var _bytes = _interopRequireDefault(require("bytes"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _reactHotkeyz = require("react-hotkeyz");
-var _Aliases = require("./Aliases");
-var _DeleteImageAction = require("./DeleteImageAction");
-var _FileProvider = require("./FileProvider");
-var _Name = _interopRequireDefault(require("./Name"));
-var _Tags = _interopRequireDefault(require("./Tags"));
-var _useCopyFile2 = require("../../hooks/useCopyFile");
-var _getFileTypePlugin = _interopRequireDefault(require("../../getFileTypePlugin"));
-var _excluded = ["open", "onClose", "loading", "file"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var t = _i18n.i18n.ns("app-admin/file-manager/file-details");
-var fileDetailsSidebar = /*#__PURE__*/(0, _emotion.css)({
-  "&.mdc-drawer": {
-    width: 360
-  }
-}, "label:fileDetailsSidebar;");
-var CloseButton = /*#__PURE__*/(0, _styled.default)(_Button.IconButton, {
-  label: "CloseButton",
+var _Grid = require("@webiny/ui/Grid");
+var _Tabs = require("@webiny/ui/Tabs");
+var _Aliases = require("./components/Aliases");
+var _Name = require("./components/Name");
+var _Tags = require("./components/Tags");
+var _FileDetailsProvider = require("./FileDetailsProvider");
+var _Preview = require("./components/Preview");
+var _PreviewMeta = require("./components/PreviewMeta");
+var _Actions = require("./components/Actions");
+var _Header = require("./components/Header");
+var _Elevation = require("@webiny/ui/Elevation");
+var _Content = require("./components/Content");
+var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
+var _Footer = require("./components/Footer");
+var _Extensions = require("./components/Extensions");
+var _useFileModel = require("../../hooks/useFileModel");
+var _ = require("../..");
+var _appAdmin = require("@webiny/app-admin");
+var _useFileDetails2 = require("../../hooks/useFileDetails");
+var _FileProvider = require("../../contexts/FileProvider");
+var _excluded = ["id"]; // @ts-ignore
+var FileDetailsDrawer = /*#__PURE__*/(0, _styled.default)(_Drawer.Drawer, {
+  label: "FileDetailsDrawer",
   target: "ekbey2w0"
-})("position:absolute;right:10px;top:8px;z-index:10;");
-var style = {
-  wrapper: /*#__PURE__*/(0, _emotion.css)({
-    height: "100vh",
-    overflowY: "auto"
-  }, "label:wrapper;"),
-  header: /*#__PURE__*/(0, _emotion.css)({
-    textAlign: "center",
-    marginBottom: 24,
-    paddingTop: 16,
-    "& span": {
-      textTransform: "capitalize",
-      color: "var(--mdc-theme-on-surface)",
-      fontWeight: 600
-    }
-  }, "label:header;"),
-  preview: /*#__PURE__*/(0, _emotion.css)({
-    boxSizing: "border-box",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    position: "relative",
-    width: "100%",
-    height: 300,
-    margin: "0 auto 24px",
-    img: {
-      objectFit: "contain",
-      maxHeight: 300,
-      maxWidth: 300,
-      width: "100%",
-      position: "static",
-      transform: "none"
-    },
-    "&.dark": {
-      backgroundColor: "var(--mdc-theme-background)"
-    }
-  }, "label:preview;"),
-  download: /*#__PURE__*/(0, _emotion.css)({
-    textAlign: "center",
-    margin: "0 auto",
-    width: "100%",
-    "& .icon--active": {
-      "&.mdc-icon-button": {
-        color: "var(--mdc-theme-text-on-primary)"
-      }
-    }
-  }, "label:download;"),
-  list: /*#__PURE__*/(0, _emotion.css)({
-    textAlign: "left",
-    color: "var(--mdc-theme-on-surface)",
-    li: {
-      padding: "12px 16px",
-      lineHeight: "22px",
-      "li-title": {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "flex-start",
-        minHeight: 48,
-        "& .list-item__title": {
-          fontWeight: 600
-        },
-        "& .list-item__icon": {
-          marginRight: 24
-        },
-        "& .list-item__content": {
-          flex: "1 0 200px"
-        }
-      },
-      "li-content": {
-        width: "100%",
-        display: "block",
-        "& .list-item__truncate": {
-          display: "block",
-          width: "100%",
-          whiteSpace: "nowrap",
-          overflow: "hidden",
-          textOverflow: "ellipsis"
-        }
-      }
-    }
-  }, "label:list;"),
-  drawerContent: /*#__PURE__*/(0, _emotion.css)({
-    "&.mdc-drawer__content": {
-      height: "auto",
-      overflowY: "inherit"
-    }
-  }, "label:drawerContent;")
-};
+})("&.mdc-drawer{width:", function (props) {
+  return props.width;
+}, ";}");
+var FormContainer = /*#__PURE__*/(0, _styled.default)(_SimpleForm.SimpleForm, {
+  label: "FormContainer",
+  target: "ekbey2w1"
+})("margin:0;.mdc-floating-label{transform-origin:left top !important;left:16px !important;right:initial !important;}");
 var FileDetailsInner = function FileDetailsInner(_ref) {
-  var file = _ref.file,
-    onClose = _ref.onClose,
-    scope = _ref.scope,
-    own = _ref.own;
-  var _useCopyFile = (0, _useCopyFile2.useCopyFile)({
-      file: file
-    }),
-    copyFileUrl = _useCopyFile.copyFileUrl;
-  var filePlugin = (0, _getFileTypePlugin.default)(file);
+  var file = _ref.file;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    darkImageBackground = _useState2[0],
-    setDarkImageBackground = _useState2[1];
-  var actions = (0, _get.default)(filePlugin, "fileDetails.actions") || (0, _get.default)(filePlugin, "actions") || [];
-  var fileTypeIcon = (0, _react.useMemo)(function () {
-    if (file && typeof file.type === "string") {
-      return file.type.includes("image") ? /*#__PURE__*/_react.default.createElement(_insert_photo.ReactComponent, null) : /*#__PURE__*/_react.default.createElement(_insert_drive_file.ReactComponent, null);
-    }
-    return /*#__PURE__*/_react.default.createElement(_insert_photo.ReactComponent, null);
-  }, [file]);
-  return /*#__PURE__*/_react.default.createElement(_FileProvider.FileProvider, {
-    file: file
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: style.wrapper,
-    dir: "ltr"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: style.header
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline5"
-  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["File details"])))), /*#__PURE__*/_react.default.createElement(CloseButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
-    onClick: onClose
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(style.preview, {
-      dark: darkImageBackground
-    })
-  }, filePlugin && filePlugin.render({
-    file: file
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: style.download
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Copy URL"])))),
-    placement: "bottom"
-  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    onClick: copyFileUrl,
-    icon: /*#__PURE__*/_react.default.createElement(_content_copy.ReactComponent, {
+    isLoading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var fileModel = (0, _useFileModel.useFileModel)();
+  var _useFileManagerView = (0, _.useFileManagerView)(),
+    updateFile = _useFileManagerView.updateFile;
+  var _useFileDetails = (0, _useFileDetails2.useFileDetails)(),
+    close = _useFileDetails.close;
+  var hasExtensions = (0, _react.useMemo)(function () {
+    return fileModel.fields.find(function (field) {
+      return field.fieldId === "extensions";
+    });
+  }, [fileModel]);
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(_ref2) {
+      var id, data;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            id = _ref2.id, data = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+            setLoading(true);
+            _context.next = 4;
+            return updateFile(id, (0, _omit.default)(data, ["createdBy", "createdOn", "src"]));
+          case 4:
+            setLoading(false);
+            showSnackbar("File updated successfully!");
+            close();
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onSubmit(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_react.default.createElement(_form.Form, {
+    data: file,
+    onSubmit: onSubmit
+  }, function () {
+    return /*#__PURE__*/_react.default.createElement(_Drawer.DrawerContent, {
+      dir: "ltr"
+    }, isLoading ? /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+      label: "Saving file..."
+    }) : null, /*#__PURE__*/_react.default.createElement(FormContainer, null, /*#__PURE__*/_react.default.createElement(_Header.Header, null), /*#__PURE__*/_react.default.createElement(_Content.Content, null, /*#__PURE__*/_react.default.createElement(_Content.Content.Panel, null, /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
+      z: 2,
       style: {
-        margin: "0 8px 0 0"
+        margin: 20
       }
-    })
-  })), actions.map(function (Component, index) {
-    return /*#__PURE__*/_react.default.createElement(Component, {
-      key: index,
-      file: file
-    });
-  }), /*#__PURE__*/_react.default.createElement(_DeleteImageAction.DeleteImageAction, {
-    onDelete: onClose
-  }), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Toggle background"]))),
-    placement: "bottom"
-  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_highlight.ReactComponent, null),
-    onClick: function onClick() {
-      return setDarkImageBackground(!darkImageBackground);
-    },
-    className: (0, _classnames.default)({
-      "icon--active": darkImageBackground
-    })
-  })))), /*#__PURE__*/_react.default.createElement(_Drawer.DrawerContent, {
-    dir: "ltr",
-    className: style.drawerContent
-  }, /*#__PURE__*/_react.default.createElement("ul", {
-    className: style.list
-  }, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Name.default, null)), /*#__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.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle1"
-  }, file.type), " ", " - ", /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle1"
-  }, _bytes.default.format(file.size, {
-    unitSeparator: " "
-  }))))), /*#__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.default.createElement(_today.ReactComponent, null)
-  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle1"
-  }, (0, _dayjs.default)(file.createdOn).format("DD MMM YYYY [at] HH:mm"))))), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Tags.default, {
-    scope: scope,
-    own: own
-  })), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Aliases.Aliases, null))))));
+    }, /*#__PURE__*/_react.default.createElement(_Actions.Actions, null), /*#__PURE__*/_react.default.createElement(_Preview.Preview, null), /*#__PURE__*/_react.default.createElement(_PreviewMeta.PreviewMeta, null))), /*#__PURE__*/_react.default.createElement(_Content.Content.Panel, null, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, null, /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
+      label: "Basic Details"
+    }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(_Name.Name, null)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(_Tags.Tags, null)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(_Aliases.Aliases, null)))), hasExtensions ? /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
+      label: "Advanced Details"
+    }, /*#__PURE__*/_react.default.createElement(_Extensions.Extensions, {
+      model: fileModel
+    })) : null))), /*#__PURE__*/_react.default.createElement(_Footer.Footer, null)));
+  });
 };
-var FileDetails = function FileDetails(_ref2) {
-  var open = _ref2.open,
-    onClose = _ref2.onClose,
-    loading = _ref2.loading,
-    file = _ref2.file,
-    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+var FileDetails = function FileDetails(_ref4) {
+  var open = _ref4.open,
+    onClose = _ref4.onClose,
+    loading = _ref4.loading,
+    file = _ref4.file;
   (0, _reactHotkeyz.useHotkeys)({
     zIndex: 55,
     disabled: !open,
@@ -248,8 +130,10 @@ var FileDetails = function FileDetails(_ref2) {
       esc: onClose
     }
   });
-  return /*#__PURE__*/_react.default.createElement(_Drawer.Drawer, {
-    className: fileDetailsSidebar,
+  var _useFileManagerViewCo = (0, _.useFileManagerViewConfig)(),
+    fileDetails = _useFileManagerViewCo.fileDetails;
+  return /*#__PURE__*/_react.default.createElement(FileDetailsDrawer, {
+    width: fileDetails.width,
     dir: "rtl",
     modal: true,
     open: open,
@@ -258,10 +142,14 @@ var FileDetails = function FileDetails(_ref2) {
   }, /*#__PURE__*/_react.default.createElement(_Drawer.DrawerContent, {
     dir: "ltr"
   }, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-    label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Loading file details..."])))
-  }), file && /*#__PURE__*/_react.default.createElement(FileDetailsInner, Object.assign({
+    label: "Loading file details..."
+  }), file && /*#__PURE__*/_react.default.createElement(_FileProvider.FileProvider, {
+    file: file
+  }, /*#__PURE__*/_react.default.createElement(_FileDetailsProvider.FileDetailsProvider, {
+    hideFileDetails: onClose
+  }, /*#__PURE__*/_react.default.createElement(FileDetailsInner, {
     file: file,
     onClose: onClose
-  }, rest))));
+  })))));
 };
 exports.FileDetails = FileDetails;

package/components/FileDetails/FileDetails.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","fileDetailsSidebar","css","width","CloseButton","styled","IconButton","style","wrapper","height","overflowY","header","textAlign","marginBottom","paddingTop","textTransform","color","fontWeight","preview","boxSizing","display","justifyContent","alignItems","position","margin","img","objectFit","maxHeight","maxWidth","transform","backgroundColor","download","list","li","padding","lineHeight","minHeight","marginRight","flex","whiteSpace","overflow","textOverflow","drawerContent","FileDetailsInner","file","onClose","scope","own","useCopyFile","copyFileUrl","filePlugin","getFileTypePlugin","useState","darkImageBackground","setDarkImageBackground","actions","get","fileTypeIcon","useMemo","type","includes","classNames","dark","render","map","Component","index","bytes","format","size","unitSeparator","dayjs","createdOn","FileDetails","open","loading","rest","useHotkeys","zIndex","disabled","keys","esc"],"sources":["FileDetails.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { ReactComponent as CloseIcon } from \"@material-design-icons/svg/outlined/close.svg\";\nimport { ReactComponent as CopyContentIcon } from \"@material-design-icons/svg/outlined/content_copy.svg\";\nimport { ReactComponent as ImageIcon } from \"@material-design-icons/svg/outlined/insert_photo.svg\";\nimport { ReactComponent as FileIcon } from \"@material-design-icons/svg/outlined/insert_drive_file.svg\";\nimport { ReactComponent as CalendarIcon } from \"@material-design-icons/svg/outlined/today.svg\";\nimport { ReactComponent as HighlightIcon } from \"@material-design-icons/svg/outlined/highlight.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Drawer, DrawerContent } from \"@webiny/ui/Drawer\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport bytes from \"bytes\";\nimport classNames from \"classnames\";\nimport dayjs from \"dayjs\";\nimport get from \"lodash/get\";\n// @ts-ignore\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { Aliases } from \"./Aliases\";\nimport { DeleteImageAction } from \"./DeleteImageAction\";\nimport { FileProvider } from \"./FileProvider\";\nimport Name from \"./Name\";\nimport Tags from \"./Tags\";\nimport { useCopyFile } from \"~/hooks/useCopyFile\";\nimport getFileTypePlugin from \"~/getFileTypePlugin\";\n\nconst t = i18n.ns(\"app-admin/file-manager/file-details\");\n\nconst fileDetailsSidebar = css({\n    \"&.mdc-drawer\": {\n        width: 360\n    }\n});\n\ndeclare global {\n    // eslint-disable-next-line\n    namespace JSX {\n        interface IntrinsicElements {\n            \"li-title\": {\n                children?: React.ReactNode;\n            };\n\n            \"li-content\": {\n                children?: React.ReactNode;\n            };\n        }\n    }\n}\n\nconst CloseButton = styled(IconButton)`\n    position: absolute;\n    right: 10px;\n    top: 8px;\n    z-index: 10;\n`;\n\nconst style: any = {\n    wrapper: css({\n        height: \"100vh\",\n        overflowY: \"auto\"\n    }),\n    header: css({\n        textAlign: \"center\",\n        marginBottom: 24,\n        paddingTop: 16,\n        \"& span\": {\n            textTransform: \"capitalize\",\n            color: \"var(--mdc-theme-on-surface)\",\n            fontWeight: 600\n        }\n    }),\n    preview: css({\n        boxSizing: \"border-box\",\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        position: \"relative\",\n        width: \"100%\",\n        height: 300,\n        margin: \"0 auto 24px\",\n        img: {\n            objectFit: \"contain\",\n            maxHeight: 300,\n            maxWidth: 300,\n            width: \"100%\",\n            position: \"static\",\n            transform: \"none\"\n        },\n        \"&.dark\": {\n            backgroundColor: \"var(--mdc-theme-background)\"\n        }\n    }),\n    download: css({\n        textAlign: \"center\",\n        margin: \"0 auto\",\n        width: \"100%\",\n        \"& .icon--active\": {\n            \"&.mdc-icon-button\": {\n                color: \"var(--mdc-theme-text-on-primary)\"\n            }\n        }\n    }),\n    list: css({\n        textAlign: \"left\",\n        color: \"var(--mdc-theme-on-surface)\",\n        li: {\n            padding: \"12px 16px\",\n            lineHeight: \"22px\",\n            \"li-title\": {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"flex-start\",\n                minHeight: 48,\n                \"& .list-item__title\": {\n                    fontWeight: 600\n                },\n                \"& .list-item__icon\": {\n                    marginRight: 24\n                },\n                \"& .list-item__content\": {\n                    flex: \"1 0 200px\"\n                }\n            },\n            \"li-content\": {\n                width: \"100%\",\n                display: \"block\",\n                \"& .list-item__truncate\": {\n                    display: \"block\",\n                    width: \"100%\",\n                    whiteSpace: \"nowrap\",\n                    overflow: \"hidden\",\n                    textOverflow: \"ellipsis\"\n                }\n            }\n        }\n    }),\n    drawerContent: css({\n        \"&.mdc-drawer__content\": {\n            height: \"auto\",\n            overflowY: \"inherit\"\n        }\n    })\n};\n\ninterface FileDetailsInnerProps {\n    file: FileItem;\n    scope?: string;\n    own?: boolean;\n    onClose: () => void;\n}\n\nconst FileDetailsInner: React.FC<FileDetailsInnerProps> = ({ file, onClose, scope, own }) => {\n    const { copyFileUrl } = useCopyFile({ file });\n    const filePlugin = getFileTypePlugin(file);\n    const [darkImageBackground, setDarkImageBackground] = useState(false);\n\n    const actions: React.FC[] =\n        get(filePlugin, \"fileDetails.actions\") || get(filePlugin, \"actions\") || [];\n\n    const fileTypeIcon = useMemo(() => {\n        if (file && typeof file.type === \"string\") {\n            return file.type.includes(\"image\") ? <ImageIcon /> : <FileIcon />;\n        }\n        return <ImageIcon />;\n    }, [file]);\n\n    return (\n        <FileProvider file={file}>\n            <div className={style.wrapper} dir=\"ltr\">\n                <div className={style.header}>\n                    <Typography use={\"headline5\"}>{t`File details`}</Typography>\n                    <CloseButton icon={<CloseIcon />} onClick={onClose} />\n                </div>\n\n                <div\n                    className={classNames(style.preview, {\n                        dark: darkImageBackground\n                    })}\n                >\n                    {filePlugin && filePlugin.render({ file })}\n                </div>\n                <div className={style.download}>\n                    <>\n                        <Tooltip content={<span>{t`Copy URL`}</span>} placement={\"bottom\"}>\n                            <IconButton\n                                onClick={copyFileUrl}\n                                icon={<CopyContentIcon style={{ margin: \"0 8px 0 0\" }} />}\n                            />\n                        </Tooltip>\n\n                        {actions.map((Component: React.FC<{ file: FileItem }>, index: number) => (\n                            <Component key={index} file={file} />\n                        ))}\n                        <DeleteImageAction onDelete={onClose} />\n                        {/* Render background switcher */}\n                        <Tooltip content={t`Toggle background`} placement={\"bottom\"}>\n                            <IconButton\n                                icon={<HighlightIcon />}\n                                onClick={() => setDarkImageBackground(!darkImageBackground)}\n                                className={classNames({\n                                    \"icon--active\": darkImageBackground\n                                })}\n                            />\n                        </Tooltip>\n                    </>\n                </div>\n                <DrawerContent dir=\"ltr\" className={style.drawerContent}>\n                    <ul className={style.list}>\n                        <li>\n                            <Name />\n                        </li>\n                        <li>\n                            <li-title>\n                                <Icon className={\"list-item__icon\"} icon={fileTypeIcon} />\n                                <div>\n                                    <Typography use={\"subtitle1\"}>{file.type}</Typography> {\" - \"}\n                                    <Typography use={\"subtitle1\"}>\n                                        {bytes.format(file.size, { unitSeparator: \" \" })}\n                                    </Typography>\n                                </div>\n                            </li-title>\n                        </li>\n                        <li>\n                            <li-title>\n                                <Icon className={\"list-item__icon\"} icon={<CalendarIcon />} />\n                                <div>\n                                    <Typography use={\"subtitle1\"}>\n                                        {dayjs(file.createdOn).format(\"DD MMM YYYY [at] HH:mm\")}\n                                    </Typography>\n                                </div>\n                            </li-title>\n                        </li>\n                        <li>\n                            <Tags scope={scope} own={own} />\n                        </li>\n                        <li>\n                            <Aliases />\n                        </li>\n                    </ul>\n                </DrawerContent>\n            </div>\n        </FileProvider>\n    );\n};\n\nexport interface FileDetailsProps {\n    file?: FileItem;\n    open: boolean;\n    loading: boolean;\n    scope?: string;\n    own?: boolean;\n    onClose: () => void;\n}\n\nexport const FileDetails: React.FC<FileDetailsProps> = ({\n    open,\n    onClose,\n    loading,\n    file,\n    ...rest\n}) => {\n    useHotkeys({\n        zIndex: 55,\n        disabled: !open,\n        keys: {\n            esc: onClose\n        }\n    });\n\n    return (\n        <Drawer\n            className={fileDetailsSidebar}\n            dir=\"rtl\"\n            modal\n            open={open}\n            onClose={onClose}\n            data-testid={\"fm.file-details.drawer\"}\n        >\n            <DrawerContent dir=\"ltr\">\n                {loading && <CircularProgress label={t`Loading file details...`} />}\n                {file && <FileDetailsInner file={file} onClose={onClose} {...rest} />}\n            </DrawerContent>\n        </Drawer>\n    );\n};\n\nexport { useFile } from \"./FileProvider\";\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactHotkeyz","_omit","_interopRequireDefault","_styled","_form","_Drawer","_Progress","_Grid","_Tabs","_Aliases","_Name","_Tags","_FileDetailsProvider","_Preview","_PreviewMeta","_Actions","_Header","_Elevation","_Content","_SimpleForm","_Footer","_Extensions","_useFileModel","_","_appAdmin","_useFileDetails2","_FileProvider","_excluded","FileDetailsDrawer","styled","Drawer","label","target","props","width","FormContainer","SimpleForm","FileDetailsInner","_ref","file","_useState","useState","_useState2","_slicedToArray2","default","isLoading","setLoading","_useSnackbar","useSnackbar","showSnackbar","fileModel","useFileModel","_useFileManagerView","useFileManagerView","updateFile","_useFileDetails","useFileDetails","close","hasExtensions","useMemo","fields","find","field","fieldId","onSubmit","_ref3","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_ref2","id","data","wrap","_callee$","_context","prev","next","_objectWithoutProperties2","omit","stop","_x","apply","arguments","createElement","Form","DrawerContent","dir","CircularProgress","Header","Content","Panel","Elevation","z","style","margin","Actions","Preview","PreviewMeta","Tabs","Tab","Grid","Cell","span","Name","Tags","Aliases","Extensions","model","Footer","FileDetails","_ref4","open","onClose","loading","useHotkeys","zIndex","disabled","keys","esc","_useFileManagerViewCo","useFileManagerViewConfig","fileDetails","modal","FileProvider","FileDetailsProvider","hideFileDetails","exports"],"sources":["FileDetails.tsx"],"sourcesContent":["import React, { useState, useMemo } from \"react\";\n// @ts-ignore\nimport { useHotkeys } from \"react-hotkeyz\";\nimport omit from \"lodash/omit\";\nimport styled from \"@emotion/styled\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport { Form, FormOnSubmit } from \"@webiny/form\";\nimport { Drawer, DrawerContent } from \"@webiny/ui/Drawer\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Tab, Tabs } from \"@webiny/ui/Tabs\";\nimport { Aliases } from \"./components/Aliases\";\nimport { Name } from \"./components/Name\";\nimport { Tags } from \"./components/Tags\";\nimport { FileDetailsProvider } from \"~/components/FileDetails/FileDetailsProvider\";\nimport { Preview } from \"./components/Preview\";\nimport { PreviewMeta } from \"./components/PreviewMeta\";\nimport { Actions } from \"./components/Actions\";\nimport { Header } from \"./components/Header\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Content } from \"./components/Content\";\nimport { SimpleForm } from \"@webiny/app-admin/components/SimpleForm\";\nimport { Footer } from \"./components/Footer\";\nimport { Extensions } from \"./components/Extensions\";\nimport { useFileModel } from \"~/hooks/useFileModel\";\nimport { useFileManagerView, useFileManagerViewConfig } from \"~/index\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useFileDetails } from \"~/hooks/useFileDetails\";\nimport { FileProvider } from \"~/contexts/FileProvider\";\n\ntype FileDetailsDrawerProps = React.ComponentProps<typeof Drawer> & { width: string };\n\nconst FileDetailsDrawer = styled(Drawer)<FileDetailsDrawerProps>`\n    &.mdc-drawer {\n        width: ${props => props.width};\n    }\n`;\n\nconst FormContainer = styled(SimpleForm)`\n    margin: 0;\n    /* Fix for the dir=rtl when a form is inside a drawer placed on the right side */\n    .mdc-floating-label {\n        transform-origin: left top !important;\n        left: 16px !important;\n        right: initial !important;\n    }\n`;\n\ninterface FileDetailsInnerProps {\n    file: FileItem;\n    onClose: () => void;\n}\n\nconst FileDetailsInner: React.FC<FileDetailsInnerProps> = ({ file }) => {\n    const [isLoading, setLoading] = useState(false);\n    const { showSnackbar } = useSnackbar();\n    const fileModel = useFileModel();\n    const { updateFile } = useFileManagerView();\n    const { close } = useFileDetails();\n\n    const hasExtensions = useMemo(() => {\n        return fileModel.fields.find(field => field.fieldId === \"extensions\");\n    }, [fileModel]);\n\n    const onSubmit: FormOnSubmit<FileItem> = async ({ id, ...data }) => {\n        setLoading(true);\n        await updateFile(id, omit(data, [\"createdBy\", \"createdOn\", \"src\"]));\n        setLoading(false);\n        showSnackbar(\"File updated successfully!\");\n        close();\n    };\n\n    return (\n        <Form data={file} onSubmit={onSubmit}>\n            {() => (\n                <DrawerContent dir=\"ltr\">\n                    {isLoading ? <CircularProgress label={\"Saving file...\"} /> : null}\n                    <FormContainer>\n                        <Header />\n                        <Content>\n                            <Content.Panel>\n                                <Elevation z={2} style={{ margin: 20 }}>\n                                    <Actions />\n                                    <Preview />\n                                    <PreviewMeta />\n                                </Elevation>\n                            </Content.Panel>\n                            <Content.Panel>\n                                <Tabs>\n                                    <Tab label={\"Basic Details\"}>\n                                        <Grid>\n                                            <Cell span={12}>\n                                                <Name />\n                                            </Cell>\n                                            <Cell span={12}>\n                                                <Tags />\n                                            </Cell>\n                                            <Cell span={12}>\n                                                <Aliases />\n                                            </Cell>\n                                        </Grid>\n                                    </Tab>\n                                    {hasExtensions ? (\n                                        <Tab label={\"Advanced Details\"}>\n                                            <Extensions model={fileModel} />\n                                        </Tab>\n                                    ) : null}\n                                </Tabs>\n                            </Content.Panel>\n                        </Content>\n                        <Footer />\n                    </FormContainer>\n                </DrawerContent>\n            )}\n        </Form>\n    );\n};\n\nexport interface FileDetailsProps {\n    file?: FileItem;\n    open: boolean;\n    loading: boolean;\n    onClose: () => void;\n}\n\nexport const FileDetails: React.FC<FileDetailsProps> = ({ open, onClose, loading, file }) => {\n    useHotkeys({\n        zIndex: 55,\n        disabled: !open,\n        keys: {\n            esc: onClose\n        }\n    });\n\n    const { fileDetails } = useFileManagerViewConfig();\n\n    return (\n        <FileDetailsDrawer\n            width={fileDetails.width}\n            dir=\"rtl\"\n            modal\n            open={open}\n            onClose={onClose}\n            data-testid={\"fm.file-details.drawer\"}\n        >\n            <DrawerContent dir=\"ltr\">\n                {loading && <CircularProgress label={\"Loading file details...\"} />}\n                {file && (\n                    <FileProvider file={file}>\n                        <FileDetailsProvider hideFileDetails={onClose}>\n                            <FileDetailsInner file={file} onClose={onClose} />\n                        </FileDetailsProvider>\n                    </FileProvider>\n                )}\n            </DrawerContent>\n        </FileDetailsDrawer>\n    );\n};\n"],"mappings":"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"}

package/components/FileDetails/FileDetailsProvider.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface FileDetailsContext {
+    close: () => void;
+    own: boolean;
+    scope?: string;
+}
+export declare const FileDetailsContext: React.Context<FileDetailsContext | undefined>;
+interface FileDetailsProviderProps {
+    hideFileDetails: () => void;
+    children: React.ReactNode;
+}
+export declare const FileDetailsProvider: ({ hideFileDetails, children }: FileDetailsProviderProps) => JSX.Element;
+export {};

package/components/FileDetails/FileDetailsProvider.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileDetailsProvider = exports.FileDetailsContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _FileManagerViewProvider = require("../../modules/FileManagerRenderer/FileManagerViewProvider");
+var FileDetailsContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+exports.FileDetailsContext = FileDetailsContext;
+var FileDetailsProvider = function FileDetailsProvider(_ref) {
+  var hideFileDetails = _ref.hideFileDetails,
+    children = _ref.children;
+  var view = (0, _FileManagerViewProvider.useFileManagerView)();
+  var value = {
+    close: hideFileDetails,
+    scope: view.scope,
+    own: view.own
+  };
+  return /*#__PURE__*/_react.default.createElement(FileDetailsContext.Provider, {
+    value: value
+  }, children);
+};
+exports.FileDetailsProvider = FileDetailsProvider;

package/components/FileDetails/FileDetailsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_FileManagerViewProvider","FileDetailsContext","createContext","undefined","exports","FileDetailsProvider","_ref","hideFileDetails","children","view","useFileManagerView","value","close","scope","own","default","createElement","Provider"],"sources":["FileDetailsProvider.tsx"],"sourcesContent":["import React, { createContext } from \"react\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\n\nexport interface FileDetailsContext {\n    close: () => void;\n    own: boolean;\n    scope?: string;\n}\n\nexport const FileDetailsContext = createContext<FileDetailsContext | undefined>(undefined);\n\ninterface FileDetailsProviderProps {\n    hideFileDetails: () => void;\n    children: React.ReactNode;\n}\n\nexport const FileDetailsProvider = ({ hideFileDetails, children }: FileDetailsProviderProps) => {\n    const view = useFileManagerView();\n    const value: FileDetailsContext = { close: hideFileDetails, scope: view.scope, own: view.own };\n\n    return <FileDetailsContext.Provider value={value}>{children}</FileDetailsContext.Provider>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAQO,IAAME,kBAAkB,gBAAG,IAAAC,oBAAa,EAAiCC,SAAS,CAAC;AAACC,OAAA,CAAAH,kBAAA,GAAAA,kBAAA;AAOpF,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAgE;EAAA,IAA1DC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAC3D,IAAMC,IAAI,GAAG,IAAAC,2CAAkB,EAAC,CAAC;EACjC,IAAMC,KAAyB,GAAG;IAAEC,KAAK,EAAEL,eAAe;IAAEM,KAAK,EAAEJ,IAAI,CAACI,KAAK;IAAEC,GAAG,EAAEL,IAAI,CAACK;EAAI,CAAC;EAE9F,oBAAOjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,kBAAkB,CAACgB,QAAQ;IAACN,KAAK,EAAEA;EAAM,GAAEH,QAAsC,CAAC;AAC9F,CAAC;AAACJ,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}

package/components/FileDetails/components/Actions.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Actions: () => JSX.Element;

package/components/FileDetails/components/Actions.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Actions = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _get = _interopRequireDefault(require("lodash/get"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _useFile2 = require("../../../hooks/useFile");
+var _getFileTypePlugin = _interopRequireDefault(require("../../../getFileTypePlugin"));
+var _CopyUrl = require("./actions/CopyUrl");
+var _DeleteImage = require("./actions/DeleteImage");
+var _Download = require("./actions/Download");
+var _MoveTo = require("./actions/MoveTo");
+var ActionsContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "ActionsContainer",
+  target: "e151g3xw0"
+})("text-align:center;border-bottom:1px solid var(--mdc-theme-on-background);");
+var Actions = function Actions() {
+  var _useFile = (0, _useFile2.useFile)(),
+    file = _useFile.file;
+  var filePlugin = (0, _getFileTypePlugin.default)(file);
+
+  // TODO: implement actions using component composition
+  var actions = (0, _get.default)(filePlugin, "fileDetails.actions") || (0, _get.default)(filePlugin, "actions") || [];
+  return /*#__PURE__*/_react.default.createElement(ActionsContainer, null, /*#__PURE__*/_react.default.createElement(_Download.Download, null), /*#__PURE__*/_react.default.createElement(_MoveTo.MoveTo, null), /*#__PURE__*/_react.default.createElement(_CopyUrl.CopyUrl, null), actions.map(function (Component, index) {
+    return /*#__PURE__*/_react.default.createElement(Component, {
+      key: index,
+      file: file
+    });
+  }), /*#__PURE__*/_react.default.createElement(_DeleteImage.DeleteImage, null));
+};
+exports.Actions = Actions;

package/components/FileDetails/components/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_styled","_useFile2","_getFileTypePlugin","_CopyUrl","_DeleteImage","_Download","_MoveTo","ActionsContainer","styled","label","target","Actions","_useFile","useFile","file","filePlugin","getFileTypePlugin","actions","get","default","createElement","Download","MoveTo","CopyUrl","map","Component","index","key","DeleteImage","exports"],"sources":["Actions.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport styled from \"@emotion/styled\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport { useFile } from \"~/hooks/useFile\";\nimport getFileTypePlugin from \"~/getFileTypePlugin\";\nimport { CopyUrl } from \"./actions/CopyUrl\";\nimport { DeleteImage } from \"./actions/DeleteImage\";\nimport { Download } from \"./actions/Download\";\nimport { MoveTo } from \"./actions/MoveTo\";\n\nconst ActionsContainer = styled.div`\n    text-align: center;\n    border-bottom: 1px solid var(--mdc-theme-on-background);\n`;\n\nexport const Actions = () => {\n    const { file } = useFile();\n    const filePlugin = getFileTypePlugin(file);\n\n    // TODO: implement actions using component composition\n    const actions: React.FC[] =\n        get(filePlugin, \"fileDetails.actions\") || get(filePlugin, \"actions\") || [];\n\n    return (\n        <ActionsContainer>\n            <Download />\n            <MoveTo />\n            <CopyUrl />\n            {actions.map((Component: React.FC<{ file: FileItem }>, index: number) => (\n                <Component key={index} file={file} />\n            ))}\n            <DeleteImage />\n        </ActionsContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAEA,IAAMS,gBAAgB,oBAAGC,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,+EAG9B;AAEM,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EACzB,IAAAC,QAAA,GAAiB,IAAAC,iBAAO,EAAC,CAAC;IAAlBC,IAAI,GAAAF,QAAA,CAAJE,IAAI;EACZ,IAAMC,UAAU,GAAG,IAAAC,0BAAiB,EAACF,IAAI,CAAC;;EAE1C;EACA,IAAMG,OAAmB,GACrB,IAAAC,YAAG,EAACH,UAAU,EAAE,qBAAqB,CAAC,IAAI,IAAAG,YAAG,EAACH,UAAU,EAAE,SAAS,CAAC,IAAI,EAAE;EAE9E,oBACInB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACb,gBAAgB,qBACbX,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACf,SAAA,CAAAgB,QAAQ,MAAE,CAAC,eACZzB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAgB,MAAM,MAAE,CAAC,eACV1B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACjB,QAAA,CAAAoB,OAAO,MAAE,CAAC,EACVN,OAAO,CAACO,GAAG,CAAC,UAACC,SAAuC,EAAEC,KAAa;IAAA,oBAChE9B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACK,SAAS;MAACE,GAAG,EAAED,KAAM;MAACZ,IAAI,EAAEA;IAAK,CAAE,CAAC;EAAA,CACxC,CAAC,eACFlB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAwB,WAAW,MAAE,CACA,CAAC;AAE3B,CAAC;AAACC,OAAA,CAAAlB,OAAA,GAAAA,OAAA"}

package/components/FileDetails/{Aliases.d.ts → components/Aliases.d.ts}

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-export declare const AliasEditor: () => JSX.Element;
 export declare const Aliases: () => JSX.Element;