@webiny/app-file-manager 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/admin/graphql.js

@@ -1,13 +1,17 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
 var _templateObject, _templateObject2;
-
-import gql from "graphql-tag";
-var fields =
-/* GraphQL */
-"\n    {\n        data {\n            uploadMinFileSize\n            uploadMaxFileSize\n        }\n    }\n";
+var fields = /* GraphQL */"\n    {\n        data {\n            uploadMinFileSize\n            uploadMaxFileSize\n            srcPrefix\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)
+  GET_SETTINGS: (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n            query GetFileManagerSettings {\n                fileManager {\n                    getSettings", "\n                }\n            }\n        "])), fields),
+  UPDATE_SETTINGS: (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        mutation UpdateFileManagerSettings($data: FileManagerSettingsInput) {\n            fileManager {\n                updateSettings(data: $data) ", "\n            }\n        }\n    "])), fields)
 };
-export default graphql;
+var _default = graphql;
+exports.default = _default;

package/admin/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fields","graphql","GET_SETTINGS","gql","UPDATE_SETTINGS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nconst fields = /* GraphQL */ `\n    {\n        data {\n            uploadMinFileSize\n            uploadMaxFileSize\n            srcPrefix\n        }\n    }\n`;\n\nconst graphql = {\n    GET_SETTINGS: gql`\n            query GetFileManagerSettings {\n                fileManager {\n                    getSettings${fields}\n                }\n            }\n        `,\n    UPDATE_SETTINGS: gql`\n        mutation UpdateFileManagerSettings($data: FileManagerSettingsInput) {\n            fileManager {\n                updateSettings(data: $data) ${fields}\n            }\n        }\n    `\n};\n\nexport default graphql;\n"],"mappings":";;;;;;;;AAAA;AAA8B;AAE9B,IAAMA,MAAM,GAAG,+IAQd;AAED,IAAMC,OAAO,GAAG;EACZC,YAAY,MAAEC,mBAAG,iPAGYH,MAAM,CAG9B;EACLI,eAAe,MAAED,mBAAG,mRAGsBH,MAAM;AAIpD,CAAC;AAAC,eAEaC,OAAO;AAAA"}

package/admin/index.d.ts

@@ -1,2 +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>)[])[])[];
+declare const _default: () => (() => (import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin)[])[];
 export default _default;

package/admin/index.js

@@ -1,4 +1,12 @@
-import plugins from "./plugins";
-export default (function () {
-  return [plugins];
-});
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _plugins = _interopRequireDefault(require("./plugins"));
+var _default = function _default() {
+  return [_plugins.default];
+};
+exports.default = _default;

package/admin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["plugins"],"sources":["index.ts"],"sourcesContent":["import plugins from \"./plugins\";\n\nexport default () => [plugins];\n"],"mappings":";;;;;;;AAAA;AAAgC,eAEjB;EAAA,OAAM,CAACA,gBAAO,CAAC;AAAA;AAAA"}

package/admin/plugins/index.d.ts

@@ -1,2 +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>)[])[];
+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,13 @@
-import installation from "./installation";
-import menus from "./menus";
-import permissionRenderer from "./permissionRenderer";
-export default (function () {
-  return [installation, menus, permissionRenderer];
-});
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _installation = _interopRequireDefault(require("./installation"));
+var _permissionRenderer = _interopRequireDefault(require("./permissionRenderer"));
+var _default = function _default() {
+  return [_installation.default, _permissionRenderer.default];
+};
+exports.default = _default;

package/admin/plugins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["installation","permissionRenderer"],"sources":["index.ts"],"sourcesContent":["import installation from \"./installation\";\nimport permissionRenderer from \"./permissionRenderer\";\n\nexport default () => [installation, permissionRenderer];\n"],"mappings":";;;;;;;AAAA;AACA;AAAsD,eAEvC;EAAA,OAAM,CAACA,qBAAY,EAAEC,2BAAkB,CAAC;AAAA;AAAA"}

package/admin/plugins/installation.js

@@ -1,112 +1,104 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
+var _reactHooks = require("@apollo/react-hooks");
+var _i18n = require("@webiny/app/i18n");
+var _Alert = require("@webiny/ui/Alert");
+var _Progress = require("@webiny/ui/Progress");
+var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _config = require("@webiny/app/config");
 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", {
+var SimpleFormPlaceholder = /*#__PURE__*/(0, _styled.default)("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 t = _i18n.i18n.ns("app-file-manager/admin/installation");
+var IS_INSTALLED = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query IsFileManagerInstalled {\n        fileManager {\n            version\n        }\n    }\n"])));
+var INSTALL = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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;
-  var client = useApolloClient();
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      error = _useState2[0],
-      setError = _useState2[1];
-
-  useEffect(function () {
+  var client = (0, _reactHooks.useApolloClient)();
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    error = _useState2[0],
+    setError = _useState2[1];
+  var apiUrl = _config.config.getKey("API_URL", process.env.REACT_APP_API_URL);
+  (0, _react.useEffect)(function () {
     client.mutate({
       mutation: INSTALL,
       variables: {
-        srcPrefix: process.env.REACT_APP_API_URL + "/files"
+        srcPrefix: apiUrl + "/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.
-
+      }
 
+      // 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"]))),
+  var label = error ? /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+    title: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Something went wrong"]))),
     type: "danger"
-  }, error) : t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Installing File Manager..."])));
-  return /*#__PURE__*/React.createElement(SimpleForm, null, /*#__PURE__*/React.createElement(CircularProgress, {
+  }, error) : t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Installing File Manager..."])));
+  return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, null, /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
     label: label
-  }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(SimpleFormPlaceholder, null)));
+  }), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/_react.default.createElement(SimpleFormPlaceholder, null)));
 };
-
 var plugin = {
   name: "admin-installation-fm",
   type: "admin-installation",
-  title: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["File Manager"]))),
+  title: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["File Manager"]))),
   dependencies: ["admin-installation-security", "admin-installation-i18n"],
   secure: true,
   getInstalledVersion: function getInstalledVersion(_ref3) {
-    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().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();
-          }
+      return (0, _regeneratorRuntime2.default)().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, {
+    return /*#__PURE__*/_react.default.createElement(FMInstaller, {
       onInstalled: onInstalled
     });
   },
-  upgrades: [{
-    version: "5.0.0",
-    getComponent: function getComponent() {
-      return /*#__PURE__*/lazy(function () {
-        return import("./upgrades/v5.0.0");
-      });
-    }
-  }]
+  upgrades: []
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/installation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SimpleFormPlaceholder","styled","minHeight","minWidth","t","i18n","ns","IS_INSTALLED","gql","INSTALL","FMInstaller","onInstalled","client","useApolloClient","useState","error","setError","apiUrl","appConfig","getKey","process","env","REACT_APP_API_URL","useEffect","mutate","mutation","variables","srcPrefix","then","data","fileManager","install","message","setTimeout","label","plugin","name","type","title","dependencies","secure","getInstalledVersion","query","version","render","upgrades"],"sources":["installation.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport gql from \"graphql-tag\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { AdminInstallationPlugin } from \"@webiny/app-admin/types\";\nimport { Alert } from \"@webiny/ui/Alert\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { SimpleForm, SimpleFormContent } from \"@webiny/app-admin/components/SimpleForm\";\nimport styled from \"@emotion/styled\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\nconst SimpleFormPlaceholder = styled.div({\n    minHeight: 300,\n    minWidth: 400\n});\n\nconst t = i18n.ns(\"app-file-manager/admin/installation\");\n\nconst IS_INSTALLED = gql`\n    query IsFileManagerInstalled {\n        fileManager {\n            version\n        }\n    }\n`;\n\nconst INSTALL = gql`\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`;\ninterface FileManagerInstallerProps {\n    onInstalled: () => Promise<void>;\n}\nconst FMInstaller: React.FC<FileManagerInstallerProps> = ({ onInstalled }) => {\n    const client = useApolloClient();\n    const [error, setError] = useState(null);\n\n    const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL);\n\n    useEffect(() => {\n        client\n            .mutate({\n                mutation: INSTALL,\n                variables: { srcPrefix: apiUrl + \"/files\" }\n            })\n            .then(({ data }) => {\n                const { error } = data.fileManager.install;\n                if (error) {\n                    setError(error.message);\n                    return;\n                }\n\n                // Just so the user sees the actual message.\n                setTimeout(onInstalled, 3000);\n            });\n    }, []);\n\n    const label = error ? (\n        <Alert title={t`Something went wrong`} type={\"danger\"}>\n            {error}\n        </Alert>\n    ) : (\n        t`Installing File Manager...`\n    );\n\n    return (\n        <SimpleForm>\n            <CircularProgress label={label} />\n            <SimpleFormContent>\n                <SimpleFormPlaceholder />\n            </SimpleFormContent>\n        </SimpleForm>\n    );\n};\n\nconst plugin: AdminInstallationPlugin = {\n    name: \"admin-installation-fm\",\n    type: \"admin-installation\",\n    title: t`File Manager`,\n    dependencies: [\"admin-installation-security\", \"admin-installation-i18n\"],\n    secure: true,\n    async getInstalledVersion({ client }) {\n        const { data } = await client.query({ query: IS_INSTALLED });\n        return data.fileManager.version;\n    },\n    render({ onInstalled }) {\n        return <FMInstaller onInstalled={onInstalled} />;\n    },\n    upgrades: []\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAyD;AAEzD,IAAMA,qBAAqB,oBAAGC,eAAM;EAAA;EAAA;AAAA,GAAK;EACrCC,SAAS,EAAE,GAAG;EACdC,QAAQ,EAAE;AACd,CAAC,CAAC;AAEF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,qCAAqC,CAAC;AAExD,IAAMC,YAAY,OAAGC,mBAAG,wLAMvB;AAED,IAAMC,OAAO,OAAGD,mBAAG,wYAalB;AAID,IAAME,WAAgD,GAAG,SAAnDA,WAAgD,OAAwB;EAAA,IAAlBC,WAAW,QAAXA,WAAW;EACnE,IAAMC,MAAM,GAAG,IAAAC,2BAAe,GAAE;EAChC,gBAA0B,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAA;IAAjCC,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,MAAM,GAAGC,cAAS,CAACC,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAC;EAEzE,IAAAC,gBAAS,EAAC,YAAM;IACZX,MAAM,CACDY,MAAM,CAAC;MACJC,QAAQ,EAAEhB,OAAO;MACjBiB,SAAS,EAAE;QAAEC,SAAS,EAAEV,MAAM,GAAG;MAAS;IAC9C,CAAC,CAAC,CACDW,IAAI,CAAC,iBAAc;MAAA,IAAXC,IAAI,SAAJA,IAAI;MACT,IAAQd,KAAK,GAAKc,IAAI,CAACC,WAAW,CAACC,OAAO,CAAlChB,KAAK;MACb,IAAIA,KAAK,EAAE;QACPC,QAAQ,CAACD,KAAK,CAACiB,OAAO,CAAC;QACvB;MACJ;;MAEA;MACAC,UAAU,CAACtB,WAAW,EAAE,IAAI,CAAC;IACjC,CAAC,CAAC;EACV,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMuB,KAAK,GAAGnB,KAAK,gBACf,6BAAC,YAAK;IAAC,KAAK,EAAEX,CAAC,yGAAuB;IAAC,IAAI,EAAE;EAAS,GACjDW,KAAK,CACF,GAERX,CAAC,+GACJ;EAED,oBACI,6BAAC,sBAAU,qBACP,6BAAC,0BAAgB;IAAC,KAAK,EAAE8B;EAAM,EAAG,eAClC,6BAAC,6BAAiB,qBACd,6BAAC,qBAAqB,OAAG,CACT,CACX;AAErB,CAAC;AAED,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,oBAAoB;EAC1BC,KAAK,EAAElC,CAAC,iGAAc;EACtBmC,YAAY,EAAE,CAAC,6BAA6B,EAAE,yBAAyB,CAAC;EACxEC,MAAM,EAAE,IAAI;EACNC,mBAAmB,sCAAa;IAAA;MAAA;MAAA;QAAA;UAAA;YAAV7B,MAAM,SAANA,MAAM;YAAA;YAAA,OACPA,MAAM,CAAC8B,KAAK,CAAC;cAAEA,KAAK,EAAEnC;YAAa,CAAC,CAAC;UAAA;YAAA;YAApDsB,IAAI,uBAAJA,IAAI;YAAA,iCACLA,IAAI,CAACC,WAAW,CAACa,OAAO;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA;EACnC,CAAC;EACDC,MAAM,yBAAkB;IAAA,IAAfjC,WAAW,SAAXA,WAAW;IAChB,oBAAO,6BAAC,WAAW;MAAC,WAAW,EAAEA;IAAY,EAAG;EACpD,CAAC;EACDkC,QAAQ,EAAE;AACd,CAAC;AAAC,eAEaV,MAAM;AAAA"}

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

@@ -1,5 +1,14 @@
-/// <reference types="react" />
-export declare const FileManagerPermissions: ({ value, onChange }: {
-    value: any;
-    onChange: any;
-}) => JSX.Element;
+import React from "react";
+interface FileManagerPermissionItem {
+    settingsAccessScope?: string;
+    filesAccessScope?: string;
+    accessLevel?: string;
+    name?: string;
+    filesRWD?: string;
+}
+interface FileManagerPermissionsProps {
+    value: FileManagerPermissionItem;
+    onChange: (value: FileManagerPermissionItem[]) => void;
+}
+export declare const FileManagerPermissions: React.FC<FileManagerPermissionsProps>;
+export {};

package/admin/plugins/permissionRenderer/FileManagerPermissions.js

@@ -1,16 +1,22 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
+"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.FileManagerPermissions = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _Grid = require("@webiny/ui/Grid");
+var _Select = require("@webiny/ui/Select");
+var _i18n = require("@webiny/app/i18n");
+var _Permissions = require("@webiny/app-admin/components/Permissions");
+var _form = require("@webiny/form");
+var _Elevation = require("@webiny/ui/Elevation");
+var _Typography = require("@webiny/ui/Typography");
 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 t = _i18n.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");
@@ -18,87 +24,77 @@ 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 FileManagerPermissions = function FileManagerPermissions(_ref) {
   var value = _ref.value,
-      onChange = _ref.onChange;
-  var onFormChange = useCallback(function (data) {
+    onChange = _ref.onChange;
+  var onFormChange = (0, _react.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.
+    }
 
+    // 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.
-
+    }
 
+    // Settings second.
     if (data.settingsAccessScope === FULL_ACCESS) {
       newValue.push({
         name: FILE_MANAGER_ACCESS_SETTINGS
       });
     }
-
     onChange(newValue);
   }, [value]);
-  var formData = useMemo(function () {
+  var formData = (0, _react.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,
@@ -108,119 +104,114 @@ export var FileManagerPermissions = function FileManagerPermissions(_ref) {
     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, {
+  return /*#__PURE__*/_react.default.createElement(_form.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, {
+      Bind = _ref2.Bind,
+      setValue = _ref2.setValue;
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
+      className: _Permissions.gridNoPaddingClass
+    }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 6
-    }, /*#__PURE__*/React.createElement(PermissionInfo, {
-      title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Access Level"])))
-    })), /*#__PURE__*/React.createElement(Cell, {
+    }, /*#__PURE__*/_react.default.createElement(_Permissions.PermissionInfo, {
+      title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Access Level"])))
+    })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 6
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "accessLevel"
-    }, /*#__PURE__*/React.createElement(Select, {
-      label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Access Level"])))
-    }, /*#__PURE__*/React.createElement("option", {
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Access Level"])))
+    }, /*#__PURE__*/_react.default.createElement("option", {
       value: NO_ACCESS
-    }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["No access"])))), /*#__PURE__*/React.createElement("option", {
+    }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["No access"])))), /*#__PURE__*/_react.default.createElement("option", {
       value: FULL_ACCESS
-    }, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Full access"])))), /*#__PURE__*/React.createElement("option", {
+    }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Full access"])))), /*#__PURE__*/_react.default.createElement("option", {
       value: CUSTOM_ACCESS
-    }, t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Custom access"])))))))), data.accessLevel === "custom" && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Elevation, {
+    }, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Custom access"])))))))), data.accessLevel === "custom" && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
       z: 1,
       style: {
         marginTop: 10
       }
-    }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Typography, {
+    }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       use: "overline"
-    }, t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Files"]))))), /*#__PURE__*/React.createElement(Cell, {
+    }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Files"]))))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Grid, {
+    }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
       style: {
         padding: 0,
         paddingBottom: 24
       }
-    }, /*#__PURE__*/React.createElement(Cell, {
+    }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.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", {
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      label: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Access Scope"])))
+    }, /*#__PURE__*/_react.default.createElement("option", {
       value: NO_ACCESS
-    }, t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["No access"])))), /*#__PURE__*/React.createElement("option", {
+    }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["No access"])))), /*#__PURE__*/_react.default.createElement("option", {
       value: FULL_ACCESS
-    }, t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["All files"])))), /*#__PURE__*/React.createElement("option", {
+    }, t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["All files"])))), /*#__PURE__*/_react.default.createElement("option", {
       value: "own"
-    }, t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["Only files created by the user"]))))))), /*#__PURE__*/React.createElement(Cell, {
+    }, t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Only files created by the user"]))))))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "filesRWD"
-    }, /*#__PURE__*/React.createElement(Select, {
-      label: t(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["Primary Actions"]))),
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      label: t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Primary Actions"]))),
       disabled: data.filesAccessScope !== "full"
-    }, /*#__PURE__*/React.createElement("option", {
+    }, /*#__PURE__*/_react.default.createElement("option", {
       value: "r"
-    }, t(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["Read"])))), /*#__PURE__*/React.createElement("option", {
+    }, t(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["Read"])))), /*#__PURE__*/_react.default.createElement("option", {
       value: "rw"
-    }, t(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["Read, write"])))), /*#__PURE__*/React.createElement("option", {
+    }, t(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["Read, write"])))), /*#__PURE__*/_react.default.createElement("option", {
       value: "rwd"
-    }, t(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["Read, write, delete"]))))))))))), /*#__PURE__*/React.createElement(Elevation, {
+    }, t(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["Read, write, delete"]))))))))))), /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
       z: 1,
       style: {
         marginTop: 10
       }
-    }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Typography, {
+    }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       use: "overline"
-    }, t(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["Settings"]))))), /*#__PURE__*/React.createElement(Cell, {
+    }, t(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["Settings"]))))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "settingsAccessScope"
-    }, /*#__PURE__*/React.createElement(Select, {
-      label: t(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["Access Scope"])))
-    }, /*#__PURE__*/React.createElement("option", {
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      label: t(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["Access Scope"])))
+    }, /*#__PURE__*/_react.default.createElement("option", {
       value: NO_ACCESS
-    }, t(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["No access"])))), /*#__PURE__*/React.createElement("option", {
+    }, t(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["No access"])))), /*#__PURE__*/_react.default.createElement("option", {
       value: FULL_ACCESS
-    }, t(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["Full access"])))))))))));
+    }, t(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["Full access"])))))))))));
   });
-};
+};
+exports.FileManagerPermissions = FileManagerPermissions;