@webiny/app-file-manager 0.0.0-mt-2 → 0.0.0-unstable.5e7233243f

package/admin/views/FileManagerSettings.js

@@ -1,95 +1,162 @@
-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";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _form = require("@webiny/form");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Button = require("@webiny/ui/Button");
+
+var _reactComponents = require("@apollo/react-components");
+
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+
+var _Input = require("@webiny/ui/Input");
+
+var _graphql = _interopRequireDefault(require("../graphql"));
+
+var _Progress = require("@webiny/ui/Progress");
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+var _validation = require("@webiny/validation");
+
+var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
+
+var _appAdmin = require("@webiny/app-admin");
+
+function prefixValidator(value) {
+  if (!value.endsWith("/files/")) {
+    throw Error("File URL prefix must end with \"/files/\"");
+  }
+}
 
 var FileManagerSettings = function FileManagerSettings() {
-  var _useSnackbar = useSnackbar(),
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  return /*#__PURE__*/React.createElement(Query, {
-    query: graphql.GET_SETTINGS
+  return /*#__PURE__*/React.createElement(_reactComponents.Query, {
+    query: _graphql.default.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)
-                        }
+    return /*#__PURE__*/React.createElement(_reactComponents.Mutation, {
+      mutation: _graphql.default.UPDATE_SETTINGS
+    }, function (update, result) {
+      var settings = (0, _lodash.default)(data, "fileManager.getSettings.data") || {};
+      var mutationInProgress = result.loading;
+
+      var _onSubmit = /*#__PURE__*/function () {
+        var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(data) {
+          return (0, _regeneratorRuntime2.default)().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),
+                        srcPrefix: data.srcPrefix
                       }
-                    });
+                    },
+                    update: function update(cache, result) {
+                      var data = structuredClone(cache.readQuery({
+                        query: _graphql.default.GET_SETTINGS
+                      }));
+                      data.fileManager.getSettings.data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data.fileManager.getSettings.data), result.data.fileManager.updateSettings.data);
+                      cache.writeQuery({
+                        query: _graphql.default.GET_SETTINGS,
+                        data: data
+                      });
+                    }
+                  });
 
-                  case 2:
-                    showSnackbar("Settings updated successfully.");
+                case 2:
+                  showSnackbar("Settings updated successfully.");
 
-                  case 3:
-                  case "end":
-                    return _context.stop();
-                }
+                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, {
+            }
+          }, _callee);
+        }));
+
+        return function onSubmit(_x) {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+
+      return /*#__PURE__*/React.createElement(_appAdmin.CenteredView, null, /*#__PURE__*/React.createElement(_form.Form, {
+        data: settings,
+        onSubmit: function onSubmit(data) {
+          /**
+           * We are positive that data is Settings.
+           */
+          _onSubmit(data);
+        }
+      }, function (_ref3) {
+        var Bind = _ref3.Bind,
+            form = _ref3.form;
+        return /*#__PURE__*/React.createElement(_SimpleForm.SimpleForm, null, (queryInProgress || mutationInProgress) && /*#__PURE__*/React.createElement(_Progress.CircularProgress, null), /*#__PURE__*/React.createElement(_SimpleForm.SimpleFormHeader, {
+          title: "General Settings"
+        }), /*#__PURE__*/React.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
+          span: 12
+        }, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
           span: 12
-        }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-          span: 6
         }, /*#__PURE__*/React.createElement(Bind, {
           name: "uploadMinFileSize"
-        }, /*#__PURE__*/React.createElement(Input, {
+        }, /*#__PURE__*/React.createElement(_Input.Input, {
           type: "number",
           label: "Minimum file upload size",
-          description: "In bytes"
-        }))))), /*#__PURE__*/React.createElement(Cell, {
+          description: "The smallest file size in bytes."
+        }))))), /*#__PURE__*/React.createElement(_Grid.Cell, {
+          span: 12
+        }, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
           span: 12
-        }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-          span: 6
         }, /*#__PURE__*/React.createElement(Bind, {
           name: "uploadMaxFileSize"
-        }, /*#__PURE__*/React.createElement(Input, {
+        }, /*#__PURE__*/React.createElement(_Input.Input, {
           type: "number",
           label: "Maximum file upload size",
-          description: "In bytes"
-        }))))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
-          onClick: form.submit
-        }, "Save")));
-      });
+          description: "The largest file size in bytes."
+        }))))), /*#__PURE__*/React.createElement(_Grid.Cell, {
+          span: 12
+        }, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
+          span: 12
+        }, /*#__PURE__*/React.createElement(Bind, {
+          name: "srcPrefix",
+          validators: [_validation.validation.create("url"), prefixValidator]
+        }, /*#__PURE__*/React.createElement(_Input.Input, {
+          label: "File URL prefix",
+          description: "This prefix will be prepended to the file key to form the full file URL."
+        }))))))), /*#__PURE__*/React.createElement(_SimpleForm.SimpleFormFooter, null, /*#__PURE__*/React.createElement(_Button.ButtonPrimary, {
+          onClick: function onClick(ev) {
+            form.submit(ev);
+          }
+        }, "Save Settings")));
+      }));
     });
   });
 };
 
-export default FileManagerSettings;
+var _default = FileManagerSettings;
+exports.default = _default;

package/admin/views/FileManagerSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["prefixValidator","value","endsWith","Error","FileManagerSettings","useSnackbar","showSnackbar","graphql","GET_SETTINGS","data","queryInProgress","loading","UPDATE_SETTINGS","update","result","settings","get","mutationInProgress","onSubmit","variables","uploadMinFileSize","parseFloat","uploadMaxFileSize","srcPrefix","cache","structuredClone","readQuery","query","fileManager","getSettings","updateSettings","writeQuery","Bind","form","validation","create","ev","submit"],"sources":["FileManagerSettings.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Form } from \"@webiny/form\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { Query, Mutation } from \"@apollo/react-components\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { Input } from \"@webiny/ui/Input\";\nimport graphql from \"../graphql\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport get from \"lodash.get\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n    SimpleForm,\n    SimpleFormFooter,\n    SimpleFormContent,\n    SimpleFormHeader\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { CenteredView } from \"@webiny/app-admin\";\nimport { QueryGetSettingsResult, Settings } from \"~/types\";\nimport { MutationFunction, MutationResult } from \"@apollo/react-common\";\n\nfunction prefixValidator(value: string) {\n    if (!value.endsWith(\"/files/\")) {\n        throw Error(`File URL prefix must end with \"/files/\"`);\n    }\n}\n\nconst FileManagerSettings: React.FC = () => {\n    const { showSnackbar } = useSnackbar();\n\n    return (\n        <Query query={graphql.GET_SETTINGS}>\n            {({ data, loading: queryInProgress }: MutationResult<QueryGetSettingsResult>) => (\n                <Mutation mutation={graphql.UPDATE_SETTINGS}>\n                    {(update: MutationFunction, result: MutationResult) => {\n                        const settings = (get(data, \"fileManager.getSettings.data\") ||\n                            {}) as Settings;\n                        const { loading: mutationInProgress } = result;\n\n                        const onSubmit = async (data: Settings): Promise<void> => {\n                            await update({\n                                variables: {\n                                    data: {\n                                        uploadMinFileSize: parseFloat(data.uploadMinFileSize),\n                                        uploadMaxFileSize: parseFloat(data.uploadMaxFileSize),\n                                        srcPrefix: data.srcPrefix\n                                    }\n                                },\n                                update: (cache, result) => {\n                                    const data = structuredClone(\n                                        cache.readQuery({ query: graphql.GET_SETTINGS })\n                                    );\n\n                                    data.fileManager.getSettings.data = {\n                                        ...data.fileManager.getSettings.data,\n                                        ...result.data.fileManager.updateSettings.data\n                                    };\n\n                                    cache.writeQuery({\n                                        query: graphql.GET_SETTINGS,\n                                        data\n                                    });\n                                }\n                            });\n                            showSnackbar(\"Settings updated successfully.\");\n                        };\n                        return (\n                            <CenteredView>\n                                <Form\n                                    data={settings}\n                                    onSubmit={data => {\n                                        /**\n                                         * We are positive that data is Settings.\n                                         */\n                                        onSubmit(data as unknown as Settings);\n                                    }}\n                                >\n                                    {({ Bind, form }) => (\n                                        <SimpleForm>\n                                            {(queryInProgress || mutationInProgress) && (\n                                                <CircularProgress />\n                                            )}\n                                            <SimpleFormHeader title=\"General Settings\" />\n                                            <SimpleFormContent>\n                                                <Grid>\n                                                    <Cell span={12}>\n                                                        <Grid>\n                                                            <Cell span={12}>\n                                                                <Bind name={\"uploadMinFileSize\"}>\n                                                                    <Input\n                                                                        type=\"number\"\n                                                                        label=\"Minimum file upload size\"\n                                                                        description=\"The smallest file size in bytes.\"\n                                                                    />\n                                                                </Bind>\n                                                            </Cell>\n                                                        </Grid>\n                                                    </Cell>\n                                                    <Cell span={12}>\n                                                        <Grid>\n                                                            <Cell span={12}>\n                                                                <Bind name={\"uploadMaxFileSize\"}>\n                                                                    <Input\n                                                                        type=\"number\"\n                                                                        label=\"Maximum file upload size\"\n                                                                        description=\"The largest file size in bytes.\"\n                                                                    />\n                                                                </Bind>\n                                                            </Cell>\n                                                        </Grid>\n                                                    </Cell>\n                                                    <Cell span={12}>\n                                                        <Grid>\n                                                            <Cell span={12}>\n                                                                <Bind\n                                                                    name={\"srcPrefix\"}\n                                                                    validators={[\n                                                                        validation.create(\"url\"),\n                                                                        prefixValidator\n                                                                    ]}\n                                                                >\n                                                                    <Input\n                                                                        label=\"File URL prefix\"\n                                                                        description=\"This prefix will be prepended to the file key to form the full file URL.\"\n                                                                    />\n                                                                </Bind>\n                                                            </Cell>\n                                                        </Grid>\n                                                    </Cell>\n                                                </Grid>\n                                            </SimpleFormContent>\n                                            <SimpleFormFooter>\n                                                <ButtonPrimary\n                                                    onClick={ev => {\n                                                        form.submit(ev);\n                                                    }}\n                                                >\n                                                    Save Settings\n                                                </ButtonPrimary>\n                                            </SimpleFormFooter>\n                                        </SimpleForm>\n                                    )}\n                                </Form>\n                            </CenteredView>\n                        );\n                    }}\n                </Mutation>\n            )}\n        </Query>\n    );\n};\n\nexport default FileManagerSettings;\n"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FileManager: React.FC;

package/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileManager = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _appSecurity = require("@webiny/app-security");
+
+var _FileManagerSettings = _interopRequireDefault(require("./admin/views/FileManagerSettings"));
+
+var FileManager = function FileManager() {
+  return /*#__PURE__*/_react.default.createElement(_appAdmin.Plugins, null, /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
+    name: "fm.settings"
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddRoute, {
+    path: "/settings/file-manager/general"
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.Layout, {
+    title: "File Manager - General Settings"
+  }, /*#__PURE__*/_react.default.createElement(_FileManagerSettings.default, null))), /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+    name: "settings"
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+    name: "settings.fileManager",
+    label: "File Manager"
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+    name: "settings.fileManager.general",
+    label: "General",
+    path: "/settings/file-manager/general"
+  })))));
+};
+
+exports.FileManager = FileManager;

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FileManager"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Plugins, Layout, AddMenu, AddRoute } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-security\";\nimport FileManagerSettings from \"~/admin/views/FileManagerSettings\";\n\nexport const FileManager: React.FC = () => {\n    return (\n        <Plugins>\n            <HasPermission name={\"fm.settings\"}>\n                <AddRoute path=\"/settings/file-manager/general\">\n                    <Layout title={\"File Manager - General Settings\"}>\n                        <FileManagerSettings />\n                    </Layout>\n                </AddRoute>\n                <AddMenu name={\"settings\"}>\n                    <AddMenu name={\"settings.fileManager\"} label={\"File Manager\"}>\n                        <AddMenu\n                            name={\"settings.fileManager.general\"}\n                            label={\"General\"}\n                            path={\"/settings/file-manager/general\"}\n                        />\n                    </AddMenu>\n                </AddMenu>\n            </HasPermission>\n        </Plugins>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEO,IAAMA,WAAqB,GAAG,SAAxBA,WAAwB,GAAM;EACvC,oBACI,6BAAC,iBAAD,qBACI,6BAAC,0BAAD;IAAe,IAAI,EAAE;EAArB,gBACI,6BAAC,kBAAD;IAAU,IAAI,EAAC;EAAf,gBACI,6BAAC,gBAAD;IAAQ,KAAK,EAAE;EAAf,gBACI,6BAAC,4BAAD,OADJ,CADJ,CADJ,eAMI,6BAAC,iBAAD;IAAS,IAAI,EAAE;EAAf,gBACI,6BAAC,iBAAD;IAAS,IAAI,EAAE,sBAAf;IAAuC,KAAK,EAAE;EAA9C,gBACI,6BAAC,iBAAD;IACI,IAAI,EAAE,8BADV;IAEI,KAAK,EAAE,SAFX;IAGI,IAAI,EAAE;EAHV,EADJ,CADJ,CANJ,CADJ,CADJ;AAoBH,CArBM"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-file-manager",
-	"version": "0.0.0-mt-2",
+	"version": "0.0.0-unstable.5e7233243f",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -9,42 +9,43 @@
 	"author": "Jon Rapp ",
 	"license": "MIT",
 	"dependencies": {
+		"@apollo/react-common": "3.1.4",
 		"@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-2",
-		"@webiny/app-admin": "0.0.0-mt-2",
-		"@webiny/app-security": "0.0.0-mt-2",
-		"@webiny/form": "0.0.0-mt-2",
-		"@webiny/plugins": "0.0.0-mt-2",
-		"@webiny/react-router": "0.0.0-mt-2",
-		"@webiny/ui": "0.0.0-mt-2",
+		"@babel/runtime": "7.18.9",
+		"@emotion/core": "10.3.1",
+		"@emotion/styled": "10.3.0",
+		"@types/react": "17.0.39",
+		"@webiny/app": "0.0.0-unstable.5e7233243f",
+		"@webiny/app-admin": "0.0.0-unstable.5e7233243f",
+		"@webiny/app-security": "0.0.0-unstable.5e7233243f",
+		"@webiny/form": "0.0.0-unstable.5e7233243f",
+		"@webiny/plugins": "0.0.0-unstable.5e7233243f",
+		"@webiny/ui": "0.0.0-unstable.5e7233243f",
+		"@webiny/validation": "0.0.0-unstable.5e7233243f",
 		"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",
+		"graphql": "15.8.0",
+		"graphql-tag": "2.12.6",
 		"lodash.get": "4.4.2",
-		"prop-types": "15.7.2",
-		"react": "16.14.0",
-		"react-dom": "16.14.0"
+		"prop-types": "15.8.1",
+		"react": "17.0.2",
+		"react-dom": "17.0.2"
 	},
 	"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-2",
-		"@webiny/project-utils": "^0.0.0-mt-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": "^0.0.0-unstable.5e7233243f",
+		"@webiny/project-utils": "^0.0.0-unstable.5e7233243f",
 		"rimraf": "^3.0.2",
-		"typescript": "^4.1.3"
+		"ttypescript": "^1.5.13",
+		"typescript": "4.7.4"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -54,5 +55,5 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"gitHead": "3c0dcfb3c22c9f83107fdb97b25014cd03d9db7d"
+	"gitHead": "995a4b337db9b8497c6615e335dcd206afe26f8f"
 }

package/types.d.ts

@@ -11,3 +11,16 @@ export declare type PermissionRendererFileManager = Plugin & {
     label: string;
     render: PermissionRendererPluginRenderFunctionType;
 };
+export interface Settings {
+    uploadMinFileSize: string;
+    uploadMaxFileSize: string;
+    srcPrefix: string;
+}
+export interface QueryGetSettingsResult {
+    fileManager: {
+        getSettings: {
+            data: Settings;
+            error: Error | null;
+        };
+    };
+}

package/types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\n\nexport type PermissionRendererPluginRenderFunctionType = (props: {\n    value: SecurityPermission;\n    setValue: (newValue: SecurityPermission) => void;\n}) => React.ReactElement<any>;\n\nexport type PermissionRendererFileManager = Plugin & {\n    type: \"permission-renderer-file-manager\";\n    key: string;\n    label: string;\n    render: PermissionRendererPluginRenderFunctionType;\n};\n\nexport interface Settings {\n    uploadMinFileSize: string;\n    uploadMaxFileSize: string;\n    srcPrefix: string;\n}\nexport interface QueryGetSettingsResult {\n    fileManager: {\n        getSettings: {\n            data: Settings;\n            error: Error | null;\n        };\n    };\n}\n"],"mappings":""}

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);
-  };
-}())];

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

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

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

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