@webiny/app-admin 0.0.0-unstable.bca7b3e350 → 0.0.0-unstable.c27f4d8a31

package/components/FileManager/FileDetails.js

@@ -1,407 +0,0 @@
-"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;
-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__*/(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;")
-};
-var isImage = function isImage(file) {
-  var fileType = _mime.default.getType(file && file.name);
-  if (fileType && typeof fileType === "string") {
-    return fileType.includes("image");
-  }
-  return false;
-};
-var FileDetails = function FileDetails(props) {
-  var file = props.file,
-    uploadFile = props.uploadFile,
-    validateFiles = props.validateFiles;
-  var filePlugin = (0, _getFileTypePlugin.default)(file);
-  var actions = (0, _get.default)(filePlugin, "fileDetails.actions") || (0, _get.default)(filePlugin, "actions") || [];
-  var _useFileManager = (0, _FileManagerContext.useFileManager)(),
-    hideFileDetails = _useFileManager.hideFileDetails,
-    queryParams = _useFileManager.queryParams;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    darkImageBackground = _useState2[0],
-    setDarkImageBackground = _useState2[1];
-  var _useSecurity = (0, _appSecurity.useSecurity)(),
-    identity = _useSecurity.identity,
-    getPermission = _useSecurity.getPermission;
-  var fmFilePermission = (0, _react.useMemo)(function () {
-    return getPermission("fm.file");
-  }, [identity]);
-  var canDelete = (0, _react.useCallback)(function (item) {
-    // Bail out early if no access
-    if (!fmFilePermission) {
-      return false;
-    }
-    if (fmFilePermission.own) {
-      var identityId = identity ? identity.id || identity.login : null;
-      if (!identityId) {
-        return false;
-      }
-      return (0, _get.default)(item, "createdBy.id") === identityId;
-    }
-    if (typeof fmFilePermission.rwd === "string") {
-      return fmFilePermission.rwd.includes("d");
-    }
-    return true;
-  }, [fmFilePermission]);
-  (0, _reactHotkeyz.useHotkeys)({
-    zIndex: 55,
-    disabled: !file,
-    keys: {
-      esc: hideFileDetails
-    }
-  });
-  var _useMutation = (0, _reactHooks.useMutation)(_graphql.DELETE_FILE, {
-      update: function update(cache) {
-        var _listTagsData$fileMan;
-        // 1. Update files list cache
-        var data = (0, _cloneDeep.default)(cache.readQuery({
-          query: _graphql.LIST_FILES,
-          variables: queryParams
-        }));
-        if (!data) {
-          data = {
-            fileManager: {
-              listFiles: {
-                data: [],
-                error: null,
-                meta: {
-                  hasMoreItems: false,
-                  cursor: null,
-                  totalItem: 0
-                }
-              }
-            }
-          };
-        }
-        var filteredList = data.fileManager.listFiles.data.filter(function (item) {
-          return item.id !== file.id;
-        });
-        var selectedFile = data.fileManager.listFiles.data.find(function (item) {
-          return item.id === file.id;
-        });
-        cache.writeQuery({
-          query: _graphql.LIST_FILES,
-          variables: queryParams,
-          data: (0, _set.default)(data, "fileManager.listFiles.data", filteredList)
-        });
-        // 2. Update "ListTags" cache
-        if (!selectedFile || Array.isArray(selectedFile.tags) === false) {
-          return;
-        }
-        var tagCountMap = {};
-        // Prepare "tag" count map
-        data.fileManager.listFiles.data.forEach(function (file) {
-          if (!Array.isArray(file.tags)) {
-            return;
-          }
-          file.tags.forEach(function (tag) {
-            if (tagCountMap[tag]) {
-              tagCountMap[tag] += 1;
-            } else {
-              tagCountMap[tag] = 1;
-            }
-          });
-        });
-
-        // Get tags from cache
-        var listTagsData = (0, _cloneDeep.default)(cache.readQuery({
-          query: _graphql.LIST_TAGS,
-          variables: {
-            where: (0, _FileManagerContext.getWhere)(queryParams.scope)
-          }
-        }));
-        // 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;
-          }
-          return tagCountMap[tag] > 1;
-        });
-
-        // Write it to cache
-        cache.writeQuery({
-          query: _graphql.LIST_TAGS,
-          variables: {
-            where: (0, _FileManagerContext.getWhere)(queryParams.scope)
-          },
-          data: (0, _set.default)(data, "fileManager.listTags", filteredTags)
-        });
-      }
-    }),
-    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
-    deleteFile = _useMutation2[0];
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var renderDeleteImageAction = (0, _react.useCallback)(function (file) {
-    if (!canDelete(file)) {
-      return null;
-    }
-    var fileDeleteConfirmationProps = {
-      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.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.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.default.createElement(_Button.IconButton, {
-        "data-testid": "fm-delete-file-button",
-        icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, {
-          style: {
-            margin: "0 8px 0 0"
-          }
-        }),
-        onClick: function onClick() {
-          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:
-                  _context.next = 2;
-                  return deleteFile({
-                    variables: {
-                      id: file.id
-                    }
-                  });
-                case 2:
-                  showSnackbar(t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["File deleted successfully."]))));
-                case 3:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee);
-          })));
-        }
-      }));
-    });
-  }, []);
-  var fileTypeIcon = (0, _react.useMemo)(function () {
-    if (file && typeof file.type === "string") {
-      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.default.createElement(_insert_photo24px.ReactComponent, null);
-  }, [file]);
-  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.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(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["File details"]))))), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(style.preview, {
-      dark: darkImageBackground
-    })
-  }, filePlugin && filePlugin.render({
-    /**
-     * TODO: @ts-refactor
-     * Figure out which type is the file
-     */
-    // @ts-ignore
-    file: file,
-    uploadFile: uploadFile,
-    validateFiles: validateFiles
-  })), /*#__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(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Copy URL"])))),
-    placement: "bottom"
-  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    onClick: function onClick() {
-      navigator.clipboard.writeText(file.src);
-      showSnackbar(t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["URL copied successfully."]))));
-    },
-    icon: /*#__PURE__*/_react.default.createElement(_content_copyBlack24px.ReactComponent, {
-      style: {
-        margin: "0 8px 0 0"
-      }
-    })
-  })), actions.map(function (Component, index) {
-    return /*#__PURE__*/_react.default.createElement(Component, Object.assign({
-      key: index
-    }, props));
-  }), renderDeleteImageAction(file), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Toggle background"]))),
-    placement: "bottom"
-  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_highlight24px.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, 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.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(_today24px.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, Object.assign({
-    key: props.file.id
-  }, props)))))));
-};
-var _default = FileDetails;
-exports.default = _default;

package/components/FileManager/FileDetails.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["t","i18n","ns","fileDetailsSidebar","css","width","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","isImage","file","fileType","mime","getType","name","includes","FileDetails","props","uploadFile","validateFiles","filePlugin","getFileTypePlugin","actions","get","useFileManager","hideFileDetails","queryParams","useState","darkImageBackground","setDarkImageBackground","useSecurity","identity","getPermission","fmFilePermission","useMemo","canDelete","useCallback","item","own","identityId","id","login","rwd","useHotkeys","zIndex","disabled","keys","esc","useMutation","DELETE_FILE","update","cache","data","cloneDeep","readQuery","query","LIST_FILES","variables","fileManager","listFiles","error","meta","hasMoreItems","cursor","totalItem","filteredList","filter","selectedFile","find","writeQuery","set","Array","isArray","tags","tagCountMap","forEach","tag","listTagsData","LIST_TAGS","where","getWhere","scope","filteredTags","listTags","deleteFile","useSnackbar","showSnackbar","renderDeleteImageAction","fileDeleteConfirmationProps","title","message","showConfirmation","fileTypeIcon","type","Boolean","classNames","dark","render","navigator","clipboard","writeText","src","map","Component","index","bytes","format","size","unitSeparator","dayjs","createdOn"],"sources":["FileDetails.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport bytes from \"bytes\";\nimport classNames from \"classnames\";\nimport { css } from \"emotion\";\nimport { Drawer, DrawerContent } from \"@webiny/ui/Drawer\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport getFileTypePlugin from \"./getFileTypePlugin\";\nimport dayjs from \"dayjs\";\nimport get from \"lodash/get\";\nimport set from \"lodash/set\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport Tags from \"./FileDetails/Tags\";\nimport Name from \"./FileDetails/Name\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { Typography } from \"@webiny/ui/Typography\";\n/**\n * Package react-hotkeyz has no types.\n */\n// @ts-ignore\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { ReactComponent as CopyContentIcon } from \"./icons/content_copy-black-24px.svg\";\nimport { ReactComponent as DeleteIcon } from \"./icons/delete.svg\";\nimport { ReactComponent as ImageIcon } from \"../../assets/icons/insert_photo-24px.svg\";\nimport { ReactComponent as FileIcon } from \"../../assets/icons/insert_drive_file-24px.svg\";\nimport { ReactComponent as CalendarIcon } from \"../../assets/icons/today-24px.svg\";\nimport { ReactComponent as HighlightIcon } from \"../../assets/icons/highlight-24px.svg\";\nimport { getWhere, useFileManager } from \"./FileManagerContext\";\nimport { useMutation } from \"@apollo/react-hooks\";\nimport { useSnackbar } from \"~/hooks/useSnackbar\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { ConfirmationDialog } from \"@webiny/ui/ConfirmationDialog\";\nimport {\n    DELETE_FILE,\n    DeleteFileMutationResponse,\n    DeleteFileMutationVariables,\n    LIST_FILES,\n    LIST_TAGS,\n    ListFilesQueryResponse,\n    ListFileTagsQueryResponse\n} from \"./graphql\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport mime from \"mime\";\nimport { FileItem, FileManagerSecurityPermission } from \"./types\";\nimport { FilesRenderChildren } from \"react-butterfiles\";\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 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};\ninterface FileDetailsProps {\n    canEdit: (item: any) => boolean;\n    file: FileItem;\n    uploadFile: (files: FileItem[] | FileItem) => Promise<number | null>;\n    validateFiles: FilesRenderChildren[\"validateFiles\"];\n    [key: string]: any;\n}\n\nconst isImage = (file: FileItem) => {\n    const fileType = mime.getType(file && file.name);\n\n    if (fileType && typeof fileType === \"string\") {\n        return fileType.includes(\"image\");\n    }\n\n    return false;\n};\n\nconst FileDetails: React.FC<FileDetailsProps> = props => {\n    const { file, uploadFile, validateFiles } = props;\n\n    const filePlugin = getFileTypePlugin(file);\n    const actions: React.FC[] =\n        get(filePlugin, \"fileDetails.actions\") || get(filePlugin, \"actions\") || [];\n\n    const { hideFileDetails, queryParams } = useFileManager();\n    const [darkImageBackground, setDarkImageBackground] = useState(false);\n\n    const { identity, getPermission } = useSecurity();\n    const fmFilePermission = useMemo((): FileManagerSecurityPermission | null => {\n        return getPermission(\"fm.file\");\n    }, [identity]);\n    const canDelete = useCallback(\n        item => {\n            // Bail out early if no access\n            if (!fmFilePermission) {\n                return false;\n            }\n            if (fmFilePermission.own) {\n                const identityId = identity ? identity.id || identity.login : null;\n                if (!identityId) {\n                    return false;\n                }\n                return get(item, \"createdBy.id\") === identityId;\n            }\n            if (typeof fmFilePermission.rwd === \"string\") {\n                return fmFilePermission.rwd.includes(\"d\");\n            }\n            return true;\n        },\n        [fmFilePermission]\n    );\n\n    useHotkeys({\n        zIndex: 55,\n        disabled: !file,\n        keys: {\n            esc: hideFileDetails\n        }\n    });\n\n    const [deleteFile] = useMutation<DeleteFileMutationResponse, DeleteFileMutationVariables>(\n        DELETE_FILE,\n        {\n            update: cache => {\n                // 1. Update files list cache\n                let data = cloneDeep(\n                    cache.readQuery<ListFilesQueryResponse>({\n                        query: LIST_FILES,\n                        variables: queryParams\n                    })\n                );\n                if (!data) {\n                    data = {\n                        fileManager: {\n                            listFiles: {\n                                data: [],\n                                error: null,\n                                meta: {\n                                    hasMoreItems: false,\n                                    cursor: null,\n                                    totalItem: 0\n                                }\n                            }\n                        }\n                    };\n                }\n                const filteredList = data.fileManager.listFiles.data.filter(\n                    (item: FileItem) => item.id !== file.id\n                );\n                const selectedFile = data.fileManager.listFiles.data.find(\n                    (item: FileItem) => item.id === file.id\n                );\n\n                cache.writeQuery({\n                    query: LIST_FILES,\n                    variables: queryParams,\n                    data: set(data, \"fileManager.listFiles.data\", filteredList)\n                });\n                // 2. Update \"ListTags\" cache\n                if (!selectedFile || Array.isArray(selectedFile.tags) === false) {\n                    return;\n                }\n                const tagCountMap: Record<string, number> = {};\n                // Prepare \"tag\" count map\n                data.fileManager.listFiles.data.forEach((file: FileItem) => {\n                    if (!Array.isArray(file.tags)) {\n                        return;\n                    }\n                    file.tags.forEach(tag => {\n                        if (tagCountMap[tag]) {\n                            tagCountMap[tag] += 1;\n                        } else {\n                            tagCountMap[tag] = 1;\n                        }\n                    });\n                });\n\n                // Get tags from cache\n                const listTagsData = cloneDeep(\n                    cache.readQuery<ListFileTagsQueryResponse>({\n                        query: LIST_TAGS,\n                        variables: { where: getWhere(queryParams.scope) }\n                    })\n                );\n                // Remove selected file tags from list.\n                const filteredTags = (listTagsData?.fileManager?.listTags || []).filter(\n                    (tag: string) => {\n                        if (!selectedFile.tags.includes(tag)) {\n                            return true;\n                        }\n                        return tagCountMap[tag] > 1;\n                    }\n                );\n\n                // Write it to cache\n                cache.writeQuery({\n                    query: LIST_TAGS,\n                    variables: { where: getWhere(queryParams.scope) },\n                    data: set(data, \"fileManager.listTags\", filteredTags)\n                });\n            }\n        }\n    );\n    const { showSnackbar } = useSnackbar();\n\n    const renderDeleteImageAction = useCallback(file => {\n        if (!canDelete(file)) {\n            return null;\n        }\n        const fileDeleteConfirmationProps = {\n            title: t`Delete file`,\n            message: file && (\n                <span>\n                    {t`You're about to delete file {name}. Are you sure you want to continue?`({\n                        name: file.name\n                    })}\n                </span>\n            )\n        };\n        return (\n            <ConfirmationDialog\n                {...fileDeleteConfirmationProps}\n                data-testid={\"fm-delete-file-confirmation-dialog\"}\n                style={{ zIndex: 100 }}\n            >\n                {({ showConfirmation }) => {\n                    return (\n                        <Tooltip\n                            content={\n                                isImage(file) ? (\n                                    <span>{t`Delete image`}</span>\n                                ) : (\n                                    <span>{t`Delete file`}</span>\n                                )\n                            }\n                            placement={\"bottom\"}\n                        >\n                            <IconButton\n                                data-testid={\"fm-delete-file-button\"}\n                                icon={<DeleteIcon style={{ margin: \"0 8px 0 0\" }} />}\n                                onClick={() =>\n                                    showConfirmation(async () => {\n                                        await deleteFile({\n                                            variables: {\n                                                id: file.id\n                                            }\n                                        });\n                                        showSnackbar(t`File deleted successfully.`);\n                                    })\n                                }\n                            />\n                        </Tooltip>\n                    );\n                }}\n            </ConfirmationDialog>\n        );\n    }, []);\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        <Drawer\n            className={fileDetailsSidebar}\n            dir=\"rtl\"\n            modal\n            open={Boolean(file)}\n            onClose={hideFileDetails}\n            data-testid={\"fm.file-details.drawer\"}\n        >\n            {file && (\n                <div className={style.wrapper} dir=\"ltr\">\n                    <div className={style.header}>\n                        <Typography use={\"headline5\"}>{t`File details`}</Typography>\n                    </div>\n                    <div\n                        className={classNames(style.preview, {\n                            dark: darkImageBackground\n                        })}\n                    >\n                        {filePlugin &&\n                            filePlugin.render({\n                                /**\n                                 * TODO: @ts-refactor\n                                 * Figure out which type is the file\n                                 */\n                                // @ts-ignore\n                                file,\n                                uploadFile,\n                                validateFiles\n                            })}\n                    </div>\n                    <div className={style.download}>\n                        <>\n                            <Tooltip content={<span>{t`Copy URL`}</span>} placement={\"bottom\"}>\n                                <IconButton\n                                    onClick={() => {\n                                        navigator.clipboard.writeText(file.src);\n                                        showSnackbar(t`URL copied successfully.`);\n                                    }}\n                                    icon={<CopyContentIcon style={{ margin: \"0 8px 0 0\" }} />}\n                                />\n                            </Tooltip>\n\n                            {actions.map((Component: React.FC, index: number) => (\n                                <Component key={index} {...props} />\n                            ))}\n                            {renderDeleteImageAction(file)}\n                            {/* Render background switcher */}\n                            <Tooltip content={t`Toggle background`} placement={\"bottom\"}>\n                                <IconButton\n                                    icon={<HighlightIcon />}\n                                    onClick={() => setDarkImageBackground(!darkImageBackground)}\n                                    className={classNames({ \"icon--active\": darkImageBackground })}\n                                />\n                            </Tooltip>\n                        </>\n                    </div>\n                    <DrawerContent dir=\"ltr\" className={style.drawerContent}>\n                        <ul className={style.list}>\n                            <li>\n                                <Name {...props} />\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                                        {\" - \"}\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 key={props.file.id} {...props} />\n                            </li>\n                        </ul>\n                    </DrawerContent>\n                </div>\n            )}\n        </Drawer>\n    );\n};\n\nexport default FileDetails;\n"],"mappings":"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"}

package/components/FileManager/FileManagerContext.d.ts

@@ -1,42 +0,0 @@
-import React from "react";
-import { FileItem } from "./types";
-export declare const getWhere: (scope: string | undefined) => {
-    tag_not_startsWith: string;
-    tag_startsWith?: undefined;
-} | {
-    tag_startsWith: string;
-    tag_not_startsWith?: undefined;
-};
-interface StateQueryParams {
-    types: string[];
-    limit: number;
-    sort: number;
-    tags: string[];
-    scope?: string;
-    where: Record<string, any>;
-}
-export interface FileManagerProviderProps {
-    accept: string[];
-    tags: string[];
-    scope?: string;
-    own?: boolean;
-}
-declare const FileManagerProvider: React.FC<FileManagerProviderProps>;
-declare function useFileManager(): {
-    selected: any;
-    toggleSelected(file: FileItem): void;
-    hasPreviouslyUploadedFiles: any;
-    setHasPreviouslyUploadedFiles(hasPreviouslyUploadedFiles: boolean): void;
-    queryParams: any;
-    setQueryParams(queryParams: StateQueryParams): void;
-    setDragging(state?: boolean): void;
-    dragging: any;
-    setUploading(state?: boolean): void;
-    uploading: any;
-    showFileDetails(src: string): void;
-    hideFileDetails(): void;
-    showingFileDetails: any;
-    state: any;
-    dispatch: any;
-};
-export { FileManagerProvider, useFileManager };