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

package/admin/index.d.ts

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

package/admin/plugins/index.d.ts

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

package/admin/plugins/index.js

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

package/admin/plugins/installation.js

@@ -23,7 +23,7 @@ var SimpleFormPlaceholder = /*#__PURE__*/styled("div", {
 });
 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 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                    data\n                }\n            }\n        }\n    }\n"])));
 
 var FMInstaller = function FMInstaller(_ref) {
   var onInstalled = _ref.onInstalled;

package/admin/plugins/permissionRenderer/index.js

@@ -4,7 +4,7 @@ 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 { ReactComponent as FileManagerIcon } from "../../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");

package/admin/views/FileManagerSettings.js

@@ -11,6 +11,7 @@ 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";
+import { CenteredView } from "@webiny/app-admin";
 
 var FileManagerSettings = function FileManagerSettings() {
   var _useSnackbar = useSnackbar(),
@@ -26,7 +27,7 @@ var FileManagerSettings = function FileManagerSettings() {
     }, function (update, _ref2) {
       var mutationInProgress = _ref2.loading;
       var settings = get(data, "fileManager.getSettings.data") || {};
-      return /*#__PURE__*/React.createElement(Form, {
+      return /*#__PURE__*/React.createElement(CenteredView, null, /*#__PURE__*/React.createElement(Form, {
         data: settings,
         onSubmit: /*#__PURE__*/function () {
           var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
@@ -63,11 +64,11 @@ var FileManagerSettings = function FileManagerSettings() {
         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"
+          title: "General 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
+          span: 12
         }, /*#__PURE__*/React.createElement(Bind, {
           name: "uploadMinFileSize"
         }, /*#__PURE__*/React.createElement(Input, {
@@ -77,7 +78,7 @@ var FileManagerSettings = function FileManagerSettings() {
         }))))), /*#__PURE__*/React.createElement(Cell, {
           span: 12
         }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-          span: 6
+          span: 12
         }, /*#__PURE__*/React.createElement(Bind, {
           name: "uploadMaxFileSize"
         }, /*#__PURE__*/React.createElement(Input, {
@@ -87,7 +88,7 @@ var FileManagerSettings = function FileManagerSettings() {
         }))))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
           onClick: form.submit
         }, "Save")));
-      });
+      }));
     });
   });
 };

package/index.d.ts

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

package/index.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { Plugins, Layout, AddMenu, AddRoute } from "@webiny/app-admin";
+import { HasPermission } from "@webiny/app-security";
+import FileManagerSettings from "./admin/views/FileManagerSettings";
+export var FileManager = function FileManager() {
+  return /*#__PURE__*/React.createElement(Plugins, null, /*#__PURE__*/React.createElement(HasPermission, {
+    name: "fm.settings"
+  }, /*#__PURE__*/React.createElement(AddRoute, {
+    path: "/settings/file-manager/general"
+  }, /*#__PURE__*/React.createElement(Layout, {
+    title: "File Manager - General Settings"
+  }, /*#__PURE__*/React.createElement(FileManagerSettings, null))), /*#__PURE__*/React.createElement(AddMenu, {
+    name: "settings"
+  }, /*#__PURE__*/React.createElement(AddMenu, {
+    name: "settings.fileManager",
+    label: "File Manager"
+  }, /*#__PURE__*/React.createElement(AddMenu, {
+    name: "settings.fileManager.general",
+    label: "General",
+    path: "/settings/file-manager/general"
+  })))));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-file-manager",
-	"version": "5.20.0-beta.2",
+	"version": "5.22.0-beta.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -11,38 +11,36 @@
 	"dependencies": {
 		"@apollo/react-components": "3.1.5",
 		"@apollo/react-hooks": "3.1.5",
-		"@babel/runtime": "7.16.3",
-		"@emotion/core": "10.1.1",
-		"@emotion/styled": "10.0.27",
+		"@babel/runtime": "7.16.7",
+		"@emotion/core": "10.3.1",
+		"@emotion/styled": "10.3.0",
 		"@types/react": "16.14.2",
-		"@webiny/app": "5.20.0-beta.2",
-		"@webiny/app-admin": "5.20.0-beta.2",
-		"@webiny/app-security": "5.20.0-beta.2",
-		"@webiny/form": "5.20.0-beta.2",
-		"@webiny/plugins": "5.20.0-beta.2",
-		"@webiny/react-router": "5.20.0-beta.2",
-		"@webiny/ui": "5.20.0-beta.2",
+		"@webiny/app": "5.22.0-beta.0",
+		"@webiny/app-admin": "5.22.0-beta.0",
+		"@webiny/app-security": "5.22.0-beta.0",
+		"@webiny/form": "5.22.0-beta.0",
+		"@webiny/plugins": "5.22.0-beta.0",
+		"@webiny/ui": "5.22.0-beta.0",
 		"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": "15.8.0",
 		"graphql-tag": "2.12.6",
 		"lodash.get": "4.4.2",
-		"prop-types": "15.7.2",
+		"prop-types": "15.8.1",
 		"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": "^5.20.0-beta.2",
-		"@webiny/project-utils": "^5.20.0-beta.2",
-		"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
+		"@babel/cli": "^7.16.0",
+		"@babel/core": "^7.16.0",
+		"@babel/preset-env": "^7.16.4",
+		"@babel/preset-react": "^7.16.0",
+		"@babel/preset-typescript": "^7.16.0",
+		"@svgr/webpack": "^6.1.1",
+		"@webiny/cli": "^5.22.0-beta.0",
+		"@webiny/project-utils": "^5.22.0-beta.0",
 		"rimraf": "^3.0.2",
 		"typescript": "^4.1.3"
 	},
@@ -54,5 +52,5 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"gitHead": "86c73ea3b5bf71372f255aa24ee8c6ed98466b7f"
+	"gitHead": "487330472a07000c4845340f3b3dfa6b3ae98944"
 }

package/admin/plugins/menus.d.ts

@@ -1,5 +0,0 @@
-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

@@ -1,101 +0,0 @@
-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);
-  };
-}())];