@webiny/app-file-manager 0.0.0-mt-1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,32 @@
+# @webiny/file-manager
+[![](https://img.shields.io/npm/dw/@webiny/app-file-manager.svg)](https://www.npmjs.com/package/@webiny/app-file-manager) 
+[![](https://img.shields.io/npm/v/@webiny/app-file-manager.svg)](https://www.npmjs.com/package/@webiny/app-file-manager)
+[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+
+UI Components for File Manager configurations
+  
+## Install
+```
+npm install --save @webiny/app-file-manager
+```
+
+Or if you prefer yarn: 
+```
+yarn add @webiny/app-file-manager
+```
+
+## Setup
+To setup, you must register a set of plugins. For more information on 
+plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).
+
+#### Admin
+```
+import { plugins } from "@webiny/plugins";
+import appFileManagerPlugin from "@webiny/app-file-manager/admin"
+
+plugins.register(appFileManagerPlugin);
+```
+
+Enables the file manager settings components which can be accessed via Settings 
+section in the main menu.

package/admin/assets/icons/folder-open.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-1 12H5c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1z"/></svg>

package/admin/graphql.d.ts

@@ -0,0 +1,5 @@
+declare const graphql: {
+    GET_SETTINGS: import("graphql").DocumentNode;
+    UPDATE_SETTINGS: import("graphql").DocumentNode;
+};
+export default graphql;

package/admin/graphql.js

@@ -0,0 +1,13 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+import gql from "graphql-tag";
+var fields =
+/* GraphQL */
+"\n    {\n        data {\n            uploadMinFileSize\n            uploadMaxFileSize\n        }\n    }\n";
+var graphql = {
+  GET_SETTINGS: gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            query getSettings {\n                fileManager {\n                    getSettings", "\n                }\n            }\n        "])), fields),
+  UPDATE_SETTINGS: gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        mutation updateSettings($data: FileManagerSettingsInput) {\n            fileManager {\n                updateSettings(data: $data) ", "\n            }\n        }\n    "])), fields)
+};
+export default graphql;

package/admin/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => (() => (import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | (import("@webiny/app/plugins/RoutePlugin").RoutePlugin | import("@webiny/ui-composer/UIView").UIViewPlugin<import("@webiny/app-admin/ui/views/NavigationView").NavigationView>)[])[])[];
+export default _default;

package/admin/index.js

@@ -0,0 +1,4 @@
+import plugins from "./plugins";
+export default (function () {
+  return [plugins];
+});

package/admin/plugins/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => (import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | (import("@webiny/app/plugins/RoutePlugin").RoutePlugin | import("@webiny/ui-composer/UIView").UIViewPlugin<import("@webiny/app-admin/ui/views/NavigationView").NavigationView>)[])[];
+export default _default;

package/admin/plugins/index.js

@@ -0,0 +1,6 @@
+import installation from "./installation";
+import menus from "./menus";
+import permissionRenderer from "./permissionRenderer";
+export default (function () {
+  return [installation, menus, permissionRenderer];
+});

package/admin/plugins/installation.d.ts

@@ -0,0 +1,3 @@
+import { AdminInstallationPlugin } from "@webiny/app-admin/types";
+declare const plugin: AdminInstallationPlugin;
+export default plugin;

package/admin/plugins/installation.js

@@ -0,0 +1,112 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState, useEffect, lazy } from "react";
+import gql from "graphql-tag";
+import { useApolloClient } from "@apollo/react-hooks";
+import { i18n } from "@webiny/app/i18n";
+import { Alert } from "@webiny/ui/Alert";
+import { CircularProgress } from "@webiny/ui/Progress";
+import { SimpleForm, SimpleFormContent } from "@webiny/app-admin/components/SimpleForm";
+import styled from "@emotion/styled";
+var SimpleFormPlaceholder = /*#__PURE__*/styled("div", {
+  target: "eratgeh0",
+  label: "SimpleFormPlaceholder"
+})({
+  minHeight: 300,
+  minWidth: 400
+});
+var t = i18n.ns("app-file-manager/admin/installation");
+var IS_INSTALLED = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query IsFileManagerInstalled {\n        fileManager {\n            version\n        }\n    }\n"])));
+var INSTALL = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    mutation InstallFileManager($srcPrefix: String) {\n        fileManager {\n            install(srcPrefix: $srcPrefix) {\n                data\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n"])));
+
+var FMInstaller = function FMInstaller(_ref) {
+  var onInstalled = _ref.onInstalled;
+  var client = useApolloClient();
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      error = _useState2[0],
+      setError = _useState2[1];
+
+  useEffect(function () {
+    client.mutate({
+      mutation: INSTALL,
+      variables: {
+        srcPrefix: process.env.REACT_APP_API_URL + "/files"
+      }
+    }).then(function (_ref2) {
+      var data = _ref2.data;
+      var error = data.fileManager.install.error;
+
+      if (error) {
+        setError(error.message);
+        return;
+      } // Just so the user sees the actual message.
+
+
+      setTimeout(onInstalled, 3000);
+    });
+  }, []);
+  var label = error ? /*#__PURE__*/React.createElement(Alert, {
+    title: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Something went wrong"]))),
+    type: "danger"
+  }, error) : t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Installing File Manager..."])));
+  return /*#__PURE__*/React.createElement(SimpleForm, null, /*#__PURE__*/React.createElement(CircularProgress, {
+    label: label
+  }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(SimpleFormPlaceholder, null)));
+};
+
+var plugin = {
+  name: "admin-installation-fm",
+  type: "admin-installation",
+  title: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["File Manager"]))),
+  dependencies: ["admin-installation-security", "admin-installation-i18n"],
+  secure: true,
+  getInstalledVersion: function getInstalledVersion(_ref3) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var client, _yield$client$query, data;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              client = _ref3.client;
+              _context.next = 3;
+              return client.query({
+                query: IS_INSTALLED
+              });
+
+            case 3:
+              _yield$client$query = _context.sent;
+              data = _yield$client$query.data;
+              return _context.abrupt("return", data.fileManager.version);
+
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+  render: function render(_ref4) {
+    var onInstalled = _ref4.onInstalled;
+    return /*#__PURE__*/React.createElement(FMInstaller, {
+      onInstalled: onInstalled
+    });
+  },
+  upgrades: [{
+    version: "5.0.0",
+    getComponent: function getComponent() {
+      return /*#__PURE__*/lazy(function () {
+        return import("./upgrades/v5.0.0");
+      });
+    }
+  }]
+};
+export default plugin;

package/admin/plugins/menus.d.ts

@@ -0,0 +1,5 @@
+import { NavigationView } from "@webiny/app-admin/ui/views/NavigationView";
+import { RoutePlugin } from "@webiny/app/plugins/RoutePlugin";
+import { UIViewPlugin } from "@webiny/app-admin/ui/UIView";
+declare const _default: (RoutePlugin | UIViewPlugin<NavigationView>)[];
+export default _default;

package/admin/plugins/menus.js

@@ -0,0 +1,101 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import * as React from "react";
+import { Route } from "@webiny/react-router";
+import { AdminLayout } from "@webiny/app-admin/components/AdminLayout";
+import { SecureRoute } from "@webiny/app-security/components";
+import { NavigationMenuElement } from "@webiny/app-admin/ui/elements/NavigationMenuElement";
+import { NavigationView } from "@webiny/app-admin/ui/views/NavigationView";
+import { RoutePlugin } from "@webiny/app/plugins/RoutePlugin";
+import { UIViewPlugin } from "@webiny/app-admin/ui/UIView";
+import FileManagerSettings from "../views/FileManagerSettings";
+var PERMISSION_FM_SETTINGS = "fm.settings";
+
+/**
+ * !EXAMPLE!
+ * This demonstrates how you can create your sub-classes to expose a nicer public API.
+ */
+var ProtectedMenuElement = /*#__PURE__*/function (_NavigationMenuElemen) {
+  _inherits(ProtectedMenuElement, _NavigationMenuElemen);
+
+  var _super = _createSuper(ProtectedMenuElement);
+
+  function ProtectedMenuElement(id, config) {
+    var _this;
+
+    _classCallCheck(this, ProtectedMenuElement);
+
+    if (config.permission) {
+      config.shouldRender = function () {
+        var _this$getView$getSecu = _this.getView().getSecurityHook(),
+            identity = _this$getView$getSecu.identity;
+
+        return identity.getPermission(PERMISSION_FM_SETTINGS) !== undefined;
+      };
+    }
+
+    return _this = _super.call(this, id, config);
+  }
+
+  return ProtectedMenuElement;
+}(NavigationMenuElement);
+
+export default [new RoutePlugin({
+  route: /*#__PURE__*/React.createElement(Route, {
+    path: "/settings/file-manager/general",
+    render: function render() {
+      return /*#__PURE__*/React.createElement(SecureRoute, {
+        permission: PERMISSION_FM_SETTINGS
+      }, /*#__PURE__*/React.createElement(AdminLayout, {
+        title: "File Manager Settings - General"
+      }, /*#__PURE__*/React.createElement(FileManagerSettings, null)));
+    }
+  })
+}), new UIViewPlugin(NavigationView, /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(view) {
+    var _view$getSecurityHook, identity, hasPermissions, fileManagerSettings;
+
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return view.isRendered();
+
+          case 2:
+            _view$getSecurityHook = view.getSecurityHook(), identity = _view$getSecurityHook.identity;
+            hasPermissions = identity.getPermission(PERMISSION_FM_SETTINGS) !== undefined;
+
+            if (hasPermissions) {
+              _context.next = 6;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 6:
+            fileManagerSettings = new ProtectedMenuElement("menu.settings.fileManager", {
+              label: "File Manager",
+              permission: PERMISSION_FM_SETTINGS
+            });
+            fileManagerSettings.addElement(new NavigationMenuElement("menu.settings.fileManager.general", {
+              label: "General",
+              path: "/settings/file-manager/general"
+            }));
+            view.addSettingsMenuElement(fileManagerSettings);
+
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function (_x) {
+    return _ref.apply(this, arguments);
+  };
+}())];

package/admin/plugins/permissionRenderer/FileManagerPermissions.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const FileManagerPermissions: ({ value, onChange }: {
+    value: any;
+    onChange: any;
+}) => JSX.Element;

package/admin/plugins/permissionRenderer/FileManagerPermissions.js

@@ -0,0 +1,226 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
+
+import React, { Fragment, useCallback, useMemo } from "react";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { Select } from "@webiny/ui/Select";
+import { i18n } from "@webiny/app/i18n";
+import { PermissionInfo, gridNoPaddingClass } from "@webiny/app-admin/components/Permissions";
+import { Form } from "@webiny/form";
+import { Elevation } from "@webiny/ui/Elevation";
+import { Typography } from "@webiny/ui/Typography";
+var t = i18n.ns("app-file-manager/admin/plugins/permissionRenderer");
+var FILE_MANAGER = "fm";
+var FILE_MANAGER_FULL_ACCESS = "".concat(FILE_MANAGER, ".*");
+var FILE_MANAGER_ACCESS_FILE = "".concat(FILE_MANAGER, ".file");
+var FILE_MANAGER_ACCESS_SETTINGS = "".concat(FILE_MANAGER, ".settings");
+var FULL_ACCESS = "full";
+var NO_ACCESS = "no";
+var CUSTOM_ACCESS = "custom";
+export var FileManagerPermissions = function FileManagerPermissions(_ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange;
+  var onFormChange = useCallback(function (data) {
+    var newValue = [];
+
+    if (Array.isArray(value)) {
+      // Let's just filter out the `file-manager*` permission objects, it's easier to build new ones from scratch.
+      newValue = value.filter(function (item) {
+        return !item.name.startsWith(FILE_MANAGER);
+      });
+    }
+
+    if (data.accessLevel === NO_ACCESS) {
+      onChange(newValue);
+      return;
+    }
+
+    if (data.accessLevel === FULL_ACCESS) {
+      newValue.push({
+        name: FILE_MANAGER_FULL_ACCESS
+      });
+      onChange(newValue);
+      return;
+    } // Handling custom access level.
+    // Files first.
+
+
+    if (data.filesAccessScope && data.filesAccessScope !== NO_ACCESS) {
+      var permission = {
+        name: FILE_MANAGER_ACCESS_FILE,
+        own: false,
+        rwd: undefined
+      };
+
+      if (data.filesAccessScope === "own") {
+        permission.own = true;
+        permission.rwd = "rwd";
+      } else {
+        permission.rwd = data.filesRWD || "r";
+      }
+
+      newValue.push(permission);
+    } // Settings second.
+
+
+    if (data.settingsAccessScope === FULL_ACCESS) {
+      newValue.push({
+        name: FILE_MANAGER_ACCESS_SETTINGS
+      });
+    }
+
+    onChange(newValue);
+  }, [value]);
+  var formData = useMemo(function () {
+    if (!Array.isArray(value)) {
+      return {
+        accessLevel: NO_ACCESS
+      };
+    }
+
+    var hasFullAccess = value.find(function (item) {
+      return item.name === FILE_MANAGER_FULL_ACCESS || item.name === "*";
+    });
+
+    if (hasFullAccess) {
+      return {
+        accessLevel: FULL_ACCESS
+      };
+    }
+
+    var permissions = value.filter(function (item) {
+      return item.name.startsWith(FILE_MANAGER);
+    });
+
+    if (!permissions.length) {
+      return {
+        accessLevel: NO_ACCESS
+      };
+    }
+
+    var data = {
+      accessLevel: CUSTOM_ACCESS,
+      filesAccessScope: NO_ACCESS,
+      settingsAccessScope: NO_ACCESS,
+      filesRWD: "r"
+    };
+    var filesPermission = permissions.find(function (item) {
+      return item.name === FILE_MANAGER_ACCESS_FILE;
+    });
+
+    if (filesPermission) {
+      data.filesAccessScope = filesPermission.own ? "own" : FULL_ACCESS;
+
+      if (data.filesAccessScope === FULL_ACCESS) {
+        data.filesRWD = filesPermission.rwd;
+      } else {
+        data.filesRWD = "rwd";
+      }
+    }
+
+    var hasSettingsAccess = permissions.find(function (item) {
+      return item.name === FILE_MANAGER_ACCESS_SETTINGS;
+    });
+
+    if (hasSettingsAccess) {
+      data.settingsAccessScope = FULL_ACCESS;
+    }
+
+    return data;
+  }, []);
+  return /*#__PURE__*/React.createElement(Form, {
+    data: formData,
+    onChange: onFormChange
+  }, function (_ref2) {
+    var data = _ref2.data,
+        Bind = _ref2.Bind,
+        setValue = _ref2.setValue;
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Grid, {
+      className: gridNoPaddingClass
+    }, /*#__PURE__*/React.createElement(Cell, {
+      span: 6
+    }, /*#__PURE__*/React.createElement(PermissionInfo, {
+      title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Access Level"])))
+    })), /*#__PURE__*/React.createElement(Cell, {
+      span: 6
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "accessLevel"
+    }, /*#__PURE__*/React.createElement(Select, {
+      label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Access Level"])))
+    }, /*#__PURE__*/React.createElement("option", {
+      value: NO_ACCESS
+    }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["No access"])))), /*#__PURE__*/React.createElement("option", {
+      value: FULL_ACCESS
+    }, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Full access"])))), /*#__PURE__*/React.createElement("option", {
+      value: CUSTOM_ACCESS
+    }, t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Custom access"])))))))), data.accessLevel === "custom" && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Elevation, {
+      z: 1,
+      style: {
+        marginTop: 10
+      }
+    }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Typography, {
+      use: "overline"
+    }, t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Files"]))))), /*#__PURE__*/React.createElement(Cell, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Grid, {
+      style: {
+        padding: 0,
+        paddingBottom: 24
+      }
+    }, /*#__PURE__*/React.createElement(Cell, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "filesAccessScope",
+      beforeChange: function beforeChange(value, cb) {
+        if (value === "own") {
+          setValue("filesRWD", "rwd");
+        }
+
+        cb(value);
+      }
+    }, /*#__PURE__*/React.createElement(Select, {
+      label: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Access Scope"])))
+    }, /*#__PURE__*/React.createElement("option", {
+      value: NO_ACCESS
+    }, t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["No access"])))), /*#__PURE__*/React.createElement("option", {
+      value: FULL_ACCESS
+    }, t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["All files"])))), /*#__PURE__*/React.createElement("option", {
+      value: "own"
+    }, t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["Only files created by the user"]))))))), /*#__PURE__*/React.createElement(Cell, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "filesRWD"
+    }, /*#__PURE__*/React.createElement(Select, {
+      label: t(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["Primary Actions"]))),
+      disabled: data.filesAccessScope !== "full"
+    }, /*#__PURE__*/React.createElement("option", {
+      value: "r"
+    }, t(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["Read"])))), /*#__PURE__*/React.createElement("option", {
+      value: "rw"
+    }, t(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["Read, write"])))), /*#__PURE__*/React.createElement("option", {
+      value: "rwd"
+    }, t(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["Read, write, delete"]))))))))))), /*#__PURE__*/React.createElement(Elevation, {
+      z: 1,
+      style: {
+        marginTop: 10
+      }
+    }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Typography, {
+      use: "overline"
+    }, t(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["Settings"]))))), /*#__PURE__*/React.createElement(Cell, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "settingsAccessScope"
+    }, /*#__PURE__*/React.createElement(Select, {
+      label: t(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["Access Scope"])))
+    }, /*#__PURE__*/React.createElement("option", {
+      value: NO_ACCESS
+    }, t(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["No access"])))), /*#__PURE__*/React.createElement("option", {
+      value: FULL_ACCESS
+    }, t(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["Full access"])))))))))));
+  });
+};

package/admin/plugins/permissionRenderer/index.d.ts

@@ -0,0 +1,3 @@
+import { AdminAppPermissionRendererPlugin } from "@webiny/app-admin/types";
+declare const _default: AdminAppPermissionRendererPlugin;
+export default _default;

package/admin/plugins/permissionRenderer/index.js

@@ -0,0 +1,22 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+import React from "react";
+import { AccordionItem } from "@webiny/ui/Accordion";
+import { ReactComponent as FileManagerIcon } from "@svgr/webpack!../../assets/icons/folder-open.svg";
+import { FileManagerPermissions } from "./FileManagerPermissions";
+import { i18n } from "@webiny/app/i18n";
+var t = i18n.ns("app-file-manager/admin/plugins/permissionRenderer");
+export default {
+  type: "admin-app-permissions-renderer",
+  name: "admin-app-permissions-renderer-file-manager",
+  render: function render(props) {
+    return /*#__PURE__*/React.createElement(AccordionItem, {
+      icon: /*#__PURE__*/React.createElement(FileManagerIcon, null),
+      title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["File Manager"]))),
+      description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Manage File manager app access permissions."]))),
+      "data-testid": "permission.fm"
+    }, /*#__PURE__*/React.createElement(FileManagerPermissions, props));
+  }
+};

package/admin/plugins/upgrades/v5.0.0.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Upgrade: ({ onInstalled }: {
+    onInstalled: any;
+}) => JSX.Element;
+export default Upgrade;

package/admin/plugins/upgrades/v5.0.0.js

@@ -0,0 +1,85 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3;
+
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useCallback, useState } from "react";
+import gql from "graphql-tag";
+import { i18n } from "@webiny/app/i18n";
+import { SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader } from "@webiny/app-admin/components/SimpleForm";
+import { useApolloClient } from "@apollo/react-hooks";
+import { Alert } from "@webiny/ui/Alert";
+import { CircularProgress } from "@webiny/ui/Progress";
+import { Cell, Grid } from "@webiny/ui/Grid";
+import { ButtonPrimary } from "@webiny/ui/Button";
+import { Typography } from "@webiny/ui/Typography";
+var t = i18n.ns("app-headless-cms/admin/installation");
+var UPGRADE = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    mutation UpgradeFileManager($version: String!) {\n        fileManager {\n            upgrade(version: $version) {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])));
+
+var Upgrade = function Upgrade(_ref) {
+  var onInstalled = _ref.onInstalled;
+  var client = useApolloClient();
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      error = _useState2[0],
+      setError = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
+  var startUpgrade = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            setLoading(true);
+            _context.next = 3;
+            return client.mutate({
+              mutation: UPGRADE,
+              variables: {
+                version: "5.0.0"
+              }
+            }).then(function (_ref3) {
+              var data = _ref3.data;
+              setLoading(false);
+              var error = data.fileManager.upgrade.error;
+
+              if (error) {
+                setError(error.message);
+                return;
+              }
+
+              onInstalled();
+            });
+
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), []);
+  var label = error ? /*#__PURE__*/React.createElement(Alert, {
+    title: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Something went wrong"]))),
+    type: "danger"
+  }, error) : t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Upgrading File Manager..."])));
+  return /*#__PURE__*/React.createElement(SimpleForm, null, loading && /*#__PURE__*/React.createElement(CircularProgress, {
+    label: label
+  }), /*#__PURE__*/React.createElement(SimpleFormHeader, {
+    title: "Upgrade File Manager"
+  }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "body1",
+    tag: "div"
+  }, "This upgrade will do the following:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "insert Elasticsearch records into a dedicated DynamoDB table")))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
+    onClick: startUpgrade
+  }, "Upgrade")));
+};
+
+export default Upgrade;

package/admin/views/FileManagerSettings.d.ts

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

package/admin/views/FileManagerSettings.js

@@ -0,0 +1,95 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import * as React from "react";
+import { Form } from "@webiny/form";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { ButtonPrimary } from "@webiny/ui/Button";
+import { Query, Mutation } from "@apollo/react-components";
+import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
+import { Input } from "@webiny/ui/Input";
+import graphql from "../graphql";
+import { CircularProgress } from "@webiny/ui/Progress";
+import get from "lodash.get";
+import { SimpleForm, SimpleFormFooter, SimpleFormContent, SimpleFormHeader } from "@webiny/app-admin/components/SimpleForm";
+
+var FileManagerSettings = function FileManagerSettings() {
+  var _useSnackbar = useSnackbar(),
+      showSnackbar = _useSnackbar.showSnackbar;
+
+  return /*#__PURE__*/React.createElement(Query, {
+    query: graphql.GET_SETTINGS
+  }, function (_ref) {
+    var data = _ref.data,
+        queryInProgress = _ref.loading;
+    return /*#__PURE__*/React.createElement(Mutation, {
+      mutation: graphql.UPDATE_SETTINGS
+    }, function (update, _ref2) {
+      var mutationInProgress = _ref2.loading;
+      var settings = get(data, "fileManager.getSettings.data") || {};
+      return /*#__PURE__*/React.createElement(Form, {
+        data: settings,
+        onSubmit: /*#__PURE__*/function () {
+          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.next = 2;
+                    return update({
+                      variables: {
+                        data: {
+                          uploadMinFileSize: parseFloat(data.uploadMinFileSize),
+                          uploadMaxFileSize: parseFloat(data.uploadMaxFileSize)
+                        }
+                      }
+                    });
+
+                  case 2:
+                    showSnackbar("Settings updated successfully.");
+
+                  case 3:
+                  case "end":
+                    return _context.stop();
+                }
+              }
+            }, _callee);
+          }));
+
+          return function (_x) {
+            return _ref3.apply(this, arguments);
+          };
+        }()
+      }, function (_ref4) {
+        var Bind = _ref4.Bind,
+            form = _ref4.form;
+        return /*#__PURE__*/React.createElement(SimpleForm, null, (queryInProgress || mutationInProgress) && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(SimpleFormHeader, {
+          title: "General File Manager Settings"
+        }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+          span: 12
+        }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+          span: 6
+        }, /*#__PURE__*/React.createElement(Bind, {
+          name: "uploadMinFileSize"
+        }, /*#__PURE__*/React.createElement(Input, {
+          type: "number",
+          label: "Minimum file upload size",
+          description: "In bytes"
+        }))))), /*#__PURE__*/React.createElement(Cell, {
+          span: 12
+        }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+          span: 6
+        }, /*#__PURE__*/React.createElement(Bind, {
+          name: "uploadMaxFileSize"
+        }, /*#__PURE__*/React.createElement(Input, {
+          type: "number",
+          label: "Maximum file upload size",
+          description: "In bytes"
+        }))))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
+          onClick: form.submit
+        }, "Save")));
+      });
+    });
+  });
+};
+
+export default FileManagerSettings;

package/package.json

@@ -0,0 +1,58 @@
+{
+	"name": "@webiny/app-file-manager",
+	"version": "0.0.0-mt-1",
+	"main": "index.js",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"author": "Jon Rapp ",
+	"license": "MIT",
+	"dependencies": {
+		"@apollo/react-components": "3.1.5",
+		"@apollo/react-hooks": "3.1.5",
+		"@babel/runtime": "7.15.4",
+		"@emotion/core": "10.1.1",
+		"@emotion/styled": "10.0.27",
+		"@types/react": "16.14.2",
+		"@webiny/app": "0.0.0-mt-1",
+		"@webiny/app-admin": "0.0.0-mt-1",
+		"@webiny/app-security": "0.0.0-mt-1",
+		"@webiny/form": "0.0.0-mt-1",
+		"@webiny/plugins": "0.0.0-mt-1",
+		"@webiny/react-router": "0.0.0-mt-1",
+		"@webiny/ui": "0.0.0-mt-1",
+		"apollo-cache": "1.3.5",
+		"apollo-client": "2.6.10",
+		"apollo-link": "1.2.14",
+		"apollo-utilities": "1.3.4",
+		"graphql": "14.7.0",
+		"graphql-tag": "2.12.5",
+		"lodash.get": "4.4.2",
+		"prop-types": "15.7.2",
+		"react": "16.14.0",
+		"react-dom": "16.14.0"
+	},
+	"devDependencies": {
+		"@babel/cli": "^7.5.5",
+		"@babel/core": "^7.5.5",
+		"@babel/preset-env": "^7.5.5",
+		"@babel/preset-react": "^7.0.0",
+		"@babel/preset-typescript": "^7.8.3",
+		"@svgr/webpack": "^4.3.2",
+		"@webiny/cli": "^0.0.0-mt-1",
+		"@webiny/project-utils": "^0.0.0-mt-1",
+		"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
+		"rimraf": "^3.0.2",
+		"typescript": "^4.1.3"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "yarn webiny run build",
+		"watch": "yarn webiny run watch"
+	},
+	"gitHead": "37736d8456a6ecb342a6c3645060bd9a3f2d4bb0"
+}

package/types.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { Plugin } from "@webiny/plugins/types";
+import { SecurityPermission } from "@webiny/app-security/types";
+export declare type PermissionRendererPluginRenderFunctionType = (props: {
+    value: SecurityPermission;
+    setValue: (newValue: SecurityPermission) => void;
+}) => React.ReactElement<any>;
+export declare type PermissionRendererFileManager = Plugin & {
+    type: "permission-renderer-file-manager";
+    key: string;
+    label: string;
+    render: PermissionRendererPluginRenderFunctionType;
+};

package/types.js

@@ -0,0 +1 @@
+export {};