@webiny/app-admin 5.27.0 → 5.29.0-beta.0

package/components/AppInstaller/styled.js

@@ -1,6 +1,17 @@
-import styled from "@emotion/styled";
-import { css } from "emotion";
-export var Wrapper = /*#__PURE__*/styled("section", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.installerSplitView = exports.alertClass = exports.Wrapper = exports.SuccessDialog = exports.InstallContent = exports.InnerContent = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _emotion = require("emotion");
+
+var Wrapper = /*#__PURE__*/(0, _styled.default)("section", {
   target: "e1l7r4wj0",
   label: "Wrapper"
 })({
@@ -30,7 +41,8 @@ export var Wrapper = /*#__PURE__*/styled("section", {
     }
   }
 });
-export var InstallContent = /*#__PURE__*/styled("div", {
+exports.Wrapper = Wrapper;
+var InstallContent = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1l7r4wj1",
   label: "InstallContent"
 })({
@@ -41,7 +53,8 @@ export var InstallContent = /*#__PURE__*/styled("div", {
     boxShadow: "0 1px 3px 0 rgba(0,0,0,0.15)"
   }
 });
-export var installerSplitView = /*#__PURE__*/css({
+exports.InstallContent = InstallContent;
+var installerSplitView = /*#__PURE__*/(0, _emotion.css)({
   ".webiny-split-view__inner": {
     height: "100vh",
     ".webiny-split-view__right-panel-wrapper": {
@@ -49,7 +62,8 @@ export var installerSplitView = /*#__PURE__*/css({
     }
   }
 }, "label:installerSplitView;");
-export var SuccessDialog = /*#__PURE__*/styled("div", {
+exports.installerSplitView = installerSplitView;
+var SuccessDialog = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1l7r4wj2",
   label: "SuccessDialog"
 })({
@@ -59,15 +73,18 @@ export var SuccessDialog = /*#__PURE__*/styled("div", {
     paddingBottom: 40
   }
 });
-export var InnerContent = /*#__PURE__*/styled("div", {
+exports.SuccessDialog = SuccessDialog;
+var InnerContent = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1l7r4wj3",
   label: "InnerContent"
 })({
   padding: 25,
   position: "relative"
 });
-export var alertClass = /*#__PURE__*/css({
+exports.InnerContent = InnerContent;
+var alertClass = /*#__PURE__*/(0, _emotion.css)({
   borderLeft: "3px solid red",
   margin: "5px 0 15px 0",
   padding: "2px 0 2px 10px"
-}, "label:alertClass;");
+}, "label:alertClass;");
+exports.alertClass = alertClass;

package/components/AppInstaller/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["styled.tsx"],"names":["styled","css","Wrapper","display","flexDirection","justifyContent","minHeight","color","whiteSpace","ul","listStyle","paddingLeft","li","MozOsxFontSmoothing","WebkitFontSmoothing","fontSize","lineHeight","fontWeight","letterSpacing","textDecoration","textTransform","marginTop","marginBottom","InstallContent","maxWidth","margin","borderRadius","boxShadow","installerSplitView","height","SuccessDialog","padding","textAlign","p","paddingBottom","InnerContent","position","alertClass","borderLeft"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,GAAT,QAAoB,SAApB;AAEA,OAAO,IAAMC,OAAO,gBAAGF,MAAH,CAAU,SAAV;AAAA;AAAA;AAAA,GAAqB;AACrCG,EAAAA,OAAO,EAAE,MAD4B;AAErCC,EAAAA,aAAa,EAAE,QAFsB;AAGrCC,EAAAA,cAAc,EAAE,QAHqB;AAIrCC,EAAAA,SAAS,EAAE,OAJ0B;AAKrCC,EAAAA,KAAK,EAAE,6BAL8B;AAMrC,6BAA2B;AACvBC,IAAAA,UAAU,EAAE;AADW,GANU;AASrCC,EAAAA,EAAE,EAAE;AACAC,IAAAA,SAAS,EAAE,MADX;AAEAC,IAAAA,WAAW,EAAE,6CAFb;AAGAC,IAAAA,EAAE,EAAE;AACAL,MAAAA,KAAK,EAAE,+EADP;AAEAM,MAAAA,mBAAmB,EAAE,WAFrB;AAGAC,MAAAA,mBAAmB,EAAE,aAHrB;AAIAC,MAAAA,QAAQ,EAAE,MAJV;AAKAC,MAAAA,UAAU,EAAE,QALZ;AAMAC,MAAAA,UAAU,EAAE,GANZ;AAOAC,MAAAA,aAAa,EAAE,WAPf;AAQAC,MAAAA,cAAc,EAAE,SARhB;AASAC,MAAAA,aAAa,EAAE,SATf;AAUAC,MAAAA,SAAS,EAAE,MAVX;AAWAC,MAAAA,YAAY,EAAE;AAXd;AAHJ;AATiC,CAArB,CAAb;AA4BP,OAAO,IAAMC,cAAc,gBAAGvB,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACxCwB,EAAAA,QAAQ,EAAE,GAD8B;AAExCC,EAAAA,MAAM,EAAE,kBAFgC;AAGxC,wBAAsB;AAClBC,IAAAA,YAAY,EAAE,CADI;AAElBC,IAAAA,SAAS,EAAE;AAFO;AAHkB,CAAjB,CAApB;AASP,OAAO,IAAMC,kBAAkB,gBAAG3B,GAAG,CAAC;AAClC,+BAA6B;AACzB4B,IAAAA,MAAM,EAAE,OADiB;AAEzB,+CAA2C;AACvCA,MAAAA,MAAM,EAAE;AAD+B;AAFlB;AADK,CAAD,8BAA9B;AASP,OAAO,IAAMC,aAAa,gBAAG9B,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACvC+B,EAAAA,OAAO,EAAE,EAD8B;AAEvCC,EAAAA,SAAS,EAAE,QAF4B;AAGvCC,EAAAA,CAAC,EAAE;AACCC,IAAAA,aAAa,EAAE;AADhB;AAHoC,CAAjB,CAAnB;AAQP,OAAO,IAAMC,YAAY,gBAAGnC,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACtC+B,EAAAA,OAAO,EAAE,EAD6B;AAEtCK,EAAAA,QAAQ,EAAE;AAF4B,CAAjB,CAAlB;AAKP,OAAO,IAAMC,UAAU,gBAAGpC,GAAG,CAAC;AAC1BqC,EAAAA,UAAU,EAAE,eADc;AAE1Bb,EAAAA,MAAM,EAAE,cAFkB;AAG1BM,EAAAA,OAAO,EAAE;AAHiB,CAAD,sBAAtB","sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const Wrapper = styled(\"section\")({\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    minHeight: \"100vh\",\n    color: \"var(--mdc-theme-on-surface)\",\n    \".spinner__inner-wrapper\": {\n        whiteSpace: \"nowrap\"\n    },\n    ul: {\n        listStyle: \"disc\",\n        paddingLeft: \"var(--mdc-layout-grid-margin-desktop, 24px)\",\n        li: {\n            color: \"var(--desktop-color, var(--webiny-theme-color-text-primary, rgb(10, 10, 10)))\",\n            MozOsxFontSmoothing: \"grayscale\",\n            WebkitFontSmoothing: \"antialiased\",\n            fontSize: \"1rem\",\n            lineHeight: \"1.5rem\",\n            fontWeight: 400,\n            letterSpacing: \"0.03125em\",\n            textDecoration: \"inherit\",\n            textTransform: \"inherit\",\n            marginTop: \"20px\",\n            marginBottom: \"20px\"\n        }\n    }\n});\n\nexport const InstallContent = styled(\"div\")({\n    maxWidth: 800,\n    margin: \"0 auto 25px auto\",\n    \".mdc-elevation--z2\": {\n        borderRadius: 4,\n        boxShadow: \"0 1px 3px 0 rgba(0,0,0,0.15)\"\n    }\n});\n\nexport const installerSplitView = css({\n    \".webiny-split-view__inner\": {\n        height: \"100vh\",\n        \".webiny-split-view__right-panel-wrapper\": {\n            height: \"100vh\"\n        }\n    }\n});\n\nexport const SuccessDialog = styled(\"div\")({\n    padding: 40,\n    textAlign: \"center\",\n    p: {\n        paddingBottom: 40\n    }\n});\n\nexport const InnerContent = styled(\"div\")({\n    padding: 25,\n    position: \"relative\"\n});\n\nexport const alertClass = css({\n    borderLeft: \"3px solid red\",\n    margin: \"5px 0 15px 0\",\n    padding: \"2px 0 2px 10px\"\n});\n"]}
+{"version":3,"names":["Wrapper","styled","display","flexDirection","justifyContent","minHeight","color","whiteSpace","ul","listStyle","paddingLeft","li","MozOsxFontSmoothing","WebkitFontSmoothing","fontSize","lineHeight","fontWeight","letterSpacing","textDecoration","textTransform","marginTop","marginBottom","InstallContent","maxWidth","margin","borderRadius","boxShadow","installerSplitView","css","height","SuccessDialog","padding","textAlign","p","paddingBottom","InnerContent","position","alertClass","borderLeft"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const Wrapper = styled(\"section\")({\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    minHeight: \"100vh\",\n    color: \"var(--mdc-theme-on-surface)\",\n    \".spinner__inner-wrapper\": {\n        whiteSpace: \"nowrap\"\n    },\n    ul: {\n        listStyle: \"disc\",\n        paddingLeft: \"var(--mdc-layout-grid-margin-desktop, 24px)\",\n        li: {\n            color: \"var(--desktop-color, var(--webiny-theme-color-text-primary, rgb(10, 10, 10)))\",\n            MozOsxFontSmoothing: \"grayscale\",\n            WebkitFontSmoothing: \"antialiased\",\n            fontSize: \"1rem\",\n            lineHeight: \"1.5rem\",\n            fontWeight: 400,\n            letterSpacing: \"0.03125em\",\n            textDecoration: \"inherit\",\n            textTransform: \"inherit\",\n            marginTop: \"20px\",\n            marginBottom: \"20px\"\n        }\n    }\n});\n\nexport const InstallContent = styled(\"div\")({\n    maxWidth: 800,\n    margin: \"0 auto 25px auto\",\n    \".mdc-elevation--z2\": {\n        borderRadius: 4,\n        boxShadow: \"0 1px 3px 0 rgba(0,0,0,0.15)\"\n    }\n});\n\nexport const installerSplitView = css({\n    \".webiny-split-view__inner\": {\n        height: \"100vh\",\n        \".webiny-split-view__right-panel-wrapper\": {\n            height: \"100vh\"\n        }\n    }\n});\n\nexport const SuccessDialog = styled(\"div\")({\n    padding: 40,\n    textAlign: \"center\",\n    p: {\n        paddingBottom: 40\n    }\n});\n\nexport const InnerContent = styled(\"div\")({\n    padding: 25,\n    position: \"relative\"\n});\n\nexport const alertClass = css({\n    borderLeft: \"3px solid red\",\n    margin: \"5px 0 15px 0\",\n    padding: \"2px 0 2px 10px\"\n});\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,OAAO,oBAAGC,eAAH,EAAU,SAAV;EAAA;EAAA;AAAA,GAAqB;EACrCC,OAAO,EAAE,MAD4B;EAErCC,aAAa,EAAE,QAFsB;EAGrCC,cAAc,EAAE,QAHqB;EAIrCC,SAAS,EAAE,OAJ0B;EAKrCC,KAAK,EAAE,6BAL8B;EAMrC,2BAA2B;IACvBC,UAAU,EAAE;EADW,CANU;EASrCC,EAAE,EAAE;IACAC,SAAS,EAAE,MADX;IAEAC,WAAW,EAAE,6CAFb;IAGAC,EAAE,EAAE;MACAL,KAAK,EAAE,+EADP;MAEAM,mBAAmB,EAAE,WAFrB;MAGAC,mBAAmB,EAAE,aAHrB;MAIAC,QAAQ,EAAE,MAJV;MAKAC,UAAU,EAAE,QALZ;MAMAC,UAAU,EAAE,GANZ;MAOAC,aAAa,EAAE,WAPf;MAQAC,cAAc,EAAE,SARhB;MASAC,aAAa,EAAE,SATf;MAUAC,SAAS,EAAE,MAVX;MAWAC,YAAY,EAAE;IAXd;EAHJ;AATiC,CAArB,CAAb;;AA4BA,IAAMC,cAAc,oBAAGrB,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACxCsB,QAAQ,EAAE,GAD8B;EAExCC,MAAM,EAAE,kBAFgC;EAGxC,sBAAsB;IAClBC,YAAY,EAAE,CADI;IAElBC,SAAS,EAAE;EAFO;AAHkB,CAAjB,CAApB;;AASA,IAAMC,kBAAkB,gBAAG,IAAAC,YAAA,EAAI;EAClC,6BAA6B;IACzBC,MAAM,EAAE,OADiB;IAEzB,2CAA2C;MACvCA,MAAM,EAAE;IAD+B;EAFlB;AADK,CAAJ,8BAA3B;;AASA,IAAMC,aAAa,oBAAG7B,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACvC8B,OAAO,EAAE,EAD8B;EAEvCC,SAAS,EAAE,QAF4B;EAGvCC,CAAC,EAAE;IACCC,aAAa,EAAE;EADhB;AAHoC,CAAjB,CAAnB;;AAQA,IAAMC,YAAY,oBAAGlC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACtC8B,OAAO,EAAE,EAD6B;EAEtCK,QAAQ,EAAE;AAF4B,CAAjB,CAAlB;;AAKA,IAAMC,UAAU,gBAAG,IAAAT,YAAA,EAAI;EAC1BU,UAAU,EAAE,eADc;EAE1Bd,MAAM,EAAE,cAFkB;EAG1BO,OAAO,EAAE;AAHiB,CAAJ,sBAAnB"}

package/components/AppInstaller/useInstaller.js

@@ -1,34 +1,57 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"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.useInstaller = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _graphlib = require("graphlib");
+
+var _semver = require("semver");
+
+var _reactHooks = require("@apollo/react-hooks");
+
+var _plugins = require("@webiny/plugins");
+
+var _Progress = require("@webiny/ui/Progress");
+
+var _config = require("@webiny/app/config");
+
 var _excluded = ["children"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useReducer, useEffect, Suspense } from "react";
-import { Graph, alg } from "graphlib";
-import { sort, gt, lte } from "semver";
-import { useApolloClient } from "@apollo/react-hooks";
-import { plugins } from "@webiny/plugins";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { config as appConfig } from "@webiny/app/config";
 
 var Loader = function Loader(_ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: /*#__PURE__*/React.createElement(CircularProgress, {
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
       label: "Loading..."
     })
-  }, /*#__PURE__*/React.cloneElement(children, props));
+  }, /*#__PURE__*/_react.default.cloneElement(children, props));
 };
 
-export var useInstaller = function useInstaller(params) {
+var useInstaller = function useInstaller(params) {
   var isInstalled = params.isInstalled;
 
-  var _useReducer = useReducer(function (prev, next) {
-    return _objectSpread(_objectSpread({}, prev), next);
+  var _useReducer = (0, _react.useReducer)(function (prev, next) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), next);
   }, {
     loading: true,
     installers: [],
@@ -36,7 +59,7 @@ export var useInstaller = function useInstaller(params) {
     showLogin: false,
     skippingVersions: null
   }),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
       state = _useReducer2[0],
       setState = _useReducer2[1];
 
@@ -45,16 +68,17 @@ export var useInstaller = function useInstaller(params) {
       installerIndex = state.installerIndex,
       showLogin = state.showLogin,
       skippingVersions = state.skippingVersions;
-  var client = useApolloClient();
+  var client = (0, _reactHooks.useApolloClient)();
 
   var validateGraph = function validateGraph(graph) {
-    var isAcyclic = alg.isAcyclic(graph);
+    var isAcyclic = _graphlib.alg.isAcyclic(graph);
 
     if (isAcyclic) {
       return;
     }
 
-    var cycles = alg.findCycles(graph);
+    var cycles = _graphlib.alg.findCycles(graph);
+
     var msg = ["Your installers have circular dependencies:"];
     cycles.forEach(function (cycle, index) {
       var fromAToB = cycle.join(" --> ");
@@ -68,7 +92,7 @@ export var useInstaller = function useInstaller(params) {
   };
 
   var createGraph = function createGraph(installers) {
-    var graph = new Graph();
+    var graph = new _graphlib.Graph();
     installers.forEach(function (_ref2) {
       var plugin = _ref2.plugin;
       graph.setNode(plugin.name, plugin);
@@ -86,7 +110,7 @@ export var useInstaller = function useInstaller(params) {
     return graph;
   };
 
-  var getInstallers = useCallback(function (installers, graph) {
+  var getInstallers = (0, _react.useCallback)(function (installers, graph) {
     var toInstall = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
     var toUpgrade = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
     var leaf = graph.sinks()[0];
@@ -113,15 +137,16 @@ export var useInstaller = function useInstaller(params) {
           plugin: installer.plugin
         });
       } else {
-        var wbyVersion = appConfig.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
+        var wbyVersion = _config.config.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
+
         var upgrades = (installer.plugin.upgrades || []).filter(function (_ref4) {
           var version = _ref4.version;
           // TODO use coerce
-          return lte(version, wbyVersion) && gt(version, installer.installed || "");
+          return (0, _semver.lte)(version, wbyVersion) && (0, _semver.gt)(version, installer.installed || "");
         });
 
         if (upgrades.length > 1) {
-          var availableUpgrades = sort(upgrades.map(function (u) {
+          var availableUpgrades = (0, _semver.sort)(upgrades.map(function (u) {
             return u.version;
           }));
           var latestUpgrade = availableUpgrades[availableUpgrades.length - 1];
@@ -143,7 +168,7 @@ export var useInstaller = function useInstaller(params) {
             render: function render(_ref5) {
               var onInstalled = _ref5.onInstalled;
               var Component = upgrades[0].getComponent();
-              return /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(Component, {
+              return /*#__PURE__*/_react.default.createElement(Loader, null, /*#__PURE__*/_react.default.createElement(Component, {
                 onInstalled: onInstalled
               }));
             }
@@ -181,7 +206,7 @@ export var useInstaller = function useInstaller(params) {
 
   var showNextInstaller = function showNextInstaller() {
     var prevInstaller = installers[installerIndex];
-    installers[installerIndex].installed = appConfig.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
+    installers[installerIndex].installed = _config.config.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
     setState({
       installers: installers
     });
@@ -209,11 +234,11 @@ export var useInstaller = function useInstaller(params) {
     });
   };
 
-  useEffect(function () {
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+  (0, _react.useEffect)(function () {
+    (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
       var allInstallers, graph, _getInstallers, toInstall, toUpgrade, installers;
 
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
@@ -227,10 +252,10 @@ export var useInstaller = function useInstaller(params) {
             case 2:
               allInstallers = [];
               _context2.next = 5;
-              return Promise.all(plugins.byType("admin-installation").map( /*#__PURE__*/function () {
-                var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(pl) {
+              return Promise.all(_plugins.plugins.byType("admin-installation").map( /*#__PURE__*/function () {
+                var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(pl) {
                   var installed;
-                  return _regeneratorRuntime.wrap(function _callee$(_context) {
+                  return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
                     while (1) {
                       switch (_context.prev = _context.next) {
                         case 0:
@@ -262,7 +287,7 @@ export var useInstaller = function useInstaller(params) {
             case 5:
               graph = createGraph(allInstallers);
               _getInstallers = getInstallers(allInstallers, graph), toInstall = _getInstallers.toInstall, toUpgrade = _getInstallers.toUpgrade;
-              installers = [].concat(_toConsumableArray(toUpgrade), _toConsumableArray(toInstall));
+              installers = [].concat((0, _toConsumableArray2.default)(toUpgrade), (0, _toConsumableArray2.default)(toInstall));
               setState({
                 installers: installers,
                 installerIndex: 0,
@@ -291,4 +316,6 @@ export var useInstaller = function useInstaller(params) {
     onUser: onUser,
     skippingVersions: skippingVersions
   };
-};
+};
+
+exports.useInstaller = useInstaller;

package/components/AppInstaller/useInstaller.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useInstaller.tsx"],"names":["React","useCallback","useReducer","useEffect","Suspense","Graph","alg","sort","gt","lte","useApolloClient","plugins","CircularProgress","config","appConfig","Loader","children","props","cloneElement","useInstaller","params","isInstalled","prev","next","loading","installers","installerIndex","showLogin","skippingVersions","state","setState","client","validateGraph","graph","isAcyclic","cycles","findCycles","msg","forEach","cycle","index","fromAToB","join","fromBToA","reverse","padLength","length","push","padStart","Error","createGraph","plugin","setNode","name","pl","Array","isArray","dependencies","dep","setEdge","getInstallers","toInstall","toUpgrade","leaf","sinks","installer","find","inst","removeNode","installed","type","title","render","secure","wbyVersion","getKey","process","env","REACT_APP_WEBINY_VERSION","upgrades","filter","version","availableUpgrades","map","u","latestUpgrade","current","latest","onInstalled","Component","getComponent","a","b","onUser","showNextInstaller","prevInstaller","undefined","nextIndex","nextInstaller","prevSecure","nextSecure","allInstallers","Promise","all","byType","getInstalledVersion","isFirstInstall","some"],"mappings":"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","sourcesContent":["import React, { useCallback, useReducer, useEffect, Suspense } from \"react\";\nimport { Graph, alg } from \"graphlib\";\nimport { sort, gt, lte } from \"semver\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminInstallationPlugin } from \"~/types\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\nconst Loader: React.FC<{ children: React.ReactElement }> = ({ children, ...props }) => (\n    <Suspense fallback={<CircularProgress label={\"Loading...\"} />}>\n        {React.cloneElement(children, props)}\n    </Suspense>\n);\n\ninterface GetInstallersResult {\n    toInstall: Installer[];\n    toUpgrade: Installer[];\n}\n\ninterface UseInstallerParams {\n    isInstalled: boolean;\n}\n\ninterface SkippingVersionState {\n    current: string;\n    latest: string;\n    availableUpgrades: string[];\n}\n\ninterface BaseInstaller {\n    installed: string | null;\n    plugin: AdminInstallationPlugin;\n}\n\nexport interface Installer extends BaseInstaller {\n    type: \"install\" | \"upgrade\";\n    name: string;\n    title: string;\n    render: AdminInstallationPlugin[\"render\"];\n    secure?: boolean;\n}\ninterface State {\n    loading: boolean;\n    installers: Installer[];\n    installerIndex: number;\n    showLogin: boolean;\n    skippingVersions: SkippingVersionState | null;\n}\n\ninterface Reducer {\n    (prev: State, next: Partial<State>): State;\n}\n\nexport const useInstaller = (params: UseInstallerParams) => {\n    const { isInstalled } = params;\n    const [state, setState] = useReducer<Reducer>((prev, next) => ({ ...prev, ...next }), {\n        loading: true,\n        installers: [],\n        installerIndex: -1,\n        showLogin: false,\n        skippingVersions: null\n    });\n    const { loading, installers, installerIndex, showLogin, skippingVersions } = state;\n\n    const client = useApolloClient();\n\n    const validateGraph = (graph: Graph): void => {\n        const isAcyclic = alg.isAcyclic(graph);\n        if (isAcyclic) {\n            return;\n        }\n        const cycles = alg.findCycles(graph);\n        const msg = [\"Your installers have circular dependencies:\"];\n        cycles.forEach((cycle, index) => {\n            let fromAToB = cycle.join(\" --> \");\n            fromAToB = `${index + 1}. ${fromAToB}`;\n            const fromBToA = cycle.reverse().join(\" <-- \");\n            const padLength = fromAToB.length + 4;\n            msg.push(fromAToB.padStart(padLength));\n            msg.push(fromBToA.padStart(padLength));\n        }, cycles);\n        throw new Error(msg.join(\"\\n\"));\n    };\n\n    const createGraph = (installers: BaseInstaller[]): Graph => {\n        const graph = new Graph();\n        installers.forEach(({ plugin }) => {\n            graph.setNode(plugin.name as string, plugin);\n        });\n\n        installers.forEach(({ plugin: pl }) => {\n            if (Array.isArray(pl.dependencies)) {\n                pl.dependencies.forEach(dep => {\n                    graph.setEdge(pl.name as string, dep);\n                });\n            }\n        });\n\n        validateGraph(graph);\n\n        return graph;\n    };\n\n    const getInstallers = useCallback(\n        (\n            installers: BaseInstaller[],\n            graph: Graph,\n            toInstall: Installer[] = [],\n            toUpgrade: Installer[] = []\n        ): GetInstallersResult => {\n            const leaf = graph.sinks()[0];\n            if (leaf) {\n                const installer = installers.find(inst => inst.plugin.name === leaf);\n                if (!installer) {\n                    throw new Error(`Missing installer plugin \"${leaf}\"!`);\n                }\n\n                graph.removeNode(leaf);\n                if (!installer.installed) {\n                    toInstall.push({\n                        type: \"install\",\n                        name: `${installer.plugin.name}-install`,\n                        title: installer.plugin.title,\n                        render: installer.plugin.render,\n                        secure: installer.plugin.secure,\n                        installed: null,\n                        plugin: installer.plugin\n                    });\n                } else {\n                    const wbyVersion = appConfig.getKey(\n                        \"WEBINY_VERSION\",\n                        process.env.REACT_APP_WEBINY_VERSION as string\n                    );\n\n                    const upgrades = (installer.plugin.upgrades || []).filter(({ version }) => {\n                        // TODO use coerce\n                        return lte(version, wbyVersion) && gt(version, installer.installed || \"\");\n                    });\n\n                    if (upgrades.length > 1) {\n                        const availableUpgrades = sort(upgrades.map(u => u.version));\n                        const latestUpgrade = availableUpgrades[availableUpgrades.length - 1];\n                        setState({\n                            skippingVersions: {\n                                current: installer.installed,\n                                latest: latestUpgrade,\n                                availableUpgrades\n                            }\n                        });\n                    } else if (upgrades.length === 1) {\n                        toUpgrade.push({\n                            type: \"upgrade\",\n                            name: `${installer.plugin.name}-upgrade`,\n                            title: installer.plugin.title,\n                            secure: true,\n                            installed: null,\n                            plugin: installer.plugin,\n                            render({ onInstalled }) {\n                                const Component = upgrades[0].getComponent();\n                                return (\n                                    <Loader>\n                                        <Component onInstalled={onInstalled} />\n                                    </Loader>\n                                );\n                            }\n                        });\n                    }\n                }\n                return getInstallers(installers, graph, toInstall, toUpgrade);\n            }\n            toInstall.sort((a, b) => {\n                if (a.secure && !b.secure) {\n                    return 1;\n                } else if (!a.secure && b.secure) {\n                    return -1;\n                }\n                return 0;\n            });\n            return { toInstall, toUpgrade };\n        },\n        []\n    );\n\n    const onUser = () => {\n        setState({ showLogin: false });\n    };\n\n    /**\n     * If set to anything else, it breaks in AppInstaller.tsx\n     */\n    const showNextInstaller = (): any => {\n        const prevInstaller = installers[installerIndex];\n\n        installers[installerIndex].installed = appConfig.getKey(\n            \"WEBINY_VERSION\",\n            process.env.REACT_APP_WEBINY_VERSION as string\n        );\n        setState({ installers });\n\n        if (installers.length < installerIndex + 1) {\n            setState({ installerIndex: undefined });\n            return;\n        }\n\n        const nextIndex = installerIndex + 1;\n\n        let showLogin = false;\n        const nextInstaller = installers[nextIndex];\n\n        const prevSecure = prevInstaller && prevInstaller.secure;\n        const nextSecure = nextInstaller && nextInstaller.secure;\n        if (!prevSecure && nextSecure) {\n            showLogin = true;\n        }\n        setState({ installerIndex: nextIndex, showLogin });\n    };\n\n    useEffect(() => {\n        (async () => {\n            if (isInstalled) {\n                return;\n            }\n\n            const allInstallers: BaseInstaller[] = [];\n            await Promise.all(\n                plugins.byType<AdminInstallationPlugin>(\"admin-installation\").map(async pl => {\n                    const installed = await pl.getInstalledVersion({ client });\n                    allInstallers.push({ plugin: pl, installed });\n                })\n            );\n\n            const graph = createGraph(allInstallers);\n            const { toInstall, toUpgrade } = getInstallers(allInstallers, graph);\n            const installers = [...toUpgrade, ...toInstall];\n            setState({\n                installers,\n                installerIndex: 0,\n                loading: false,\n                showLogin: toUpgrade.length > 0 || (toInstall.length > 0 && toInstall[0].secure)\n            });\n        })();\n    }, []);\n\n    const isFirstInstall = installers.some(installer => installer.installed);\n\n    return {\n        loading,\n        installers,\n        isFirstInstall,\n        installer: installers[installerIndex],\n        showNextInstaller,\n        showLogin,\n        onUser,\n        skippingVersions\n    };\n};\n"]}
+{"version":3,"names":["Loader","children","props","React","cloneElement","useInstaller","params","isInstalled","useReducer","prev","next","loading","installers","installerIndex","showLogin","skippingVersions","state","setState","client","useApolloClient","validateGraph","graph","isAcyclic","alg","cycles","findCycles","msg","forEach","cycle","index","fromAToB","join","fromBToA","reverse","padLength","length","push","padStart","Error","createGraph","Graph","plugin","setNode","name","pl","Array","isArray","dependencies","dep","setEdge","getInstallers","useCallback","toInstall","toUpgrade","leaf","sinks","installer","find","inst","removeNode","installed","type","title","render","secure","wbyVersion","appConfig","getKey","process","env","REACT_APP_WEBINY_VERSION","upgrades","filter","version","lte","gt","availableUpgrades","sort","map","u","latestUpgrade","current","latest","onInstalled","Component","getComponent","a","b","onUser","showNextInstaller","prevInstaller","undefined","nextIndex","nextInstaller","prevSecure","nextSecure","useEffect","allInstallers","Promise","all","plugins","byType","getInstalledVersion","isFirstInstall","some"],"sources":["useInstaller.tsx"],"sourcesContent":["import React, { useCallback, useReducer, useEffect, Suspense } from \"react\";\nimport { Graph, alg } from \"graphlib\";\nimport { sort, gt, lte } from \"semver\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminInstallationPlugin } from \"~/types\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\nconst Loader: React.FC<{ children: React.ReactElement }> = ({ children, ...props }) => (\n    <Suspense fallback={<CircularProgress label={\"Loading...\"} />}>\n        {React.cloneElement(children, props)}\n    </Suspense>\n);\n\ninterface GetInstallersResult {\n    toInstall: Installer[];\n    toUpgrade: Installer[];\n}\n\ninterface UseInstallerParams {\n    isInstalled: boolean;\n}\n\ninterface SkippingVersionState {\n    current: string;\n    latest: string;\n    availableUpgrades: string[];\n}\n\ninterface BaseInstaller {\n    installed: string | null;\n    plugin: AdminInstallationPlugin;\n}\n\nexport interface Installer extends BaseInstaller {\n    type: \"install\" | \"upgrade\";\n    name: string;\n    title: string;\n    render: AdminInstallationPlugin[\"render\"];\n    secure?: boolean;\n}\ninterface State {\n    loading: boolean;\n    installers: Installer[];\n    installerIndex: number;\n    showLogin: boolean;\n    skippingVersions: SkippingVersionState | null;\n}\n\ninterface Reducer {\n    (prev: State, next: Partial<State>): State;\n}\n\nexport const useInstaller = (params: UseInstallerParams) => {\n    const { isInstalled } = params;\n    const [state, setState] = useReducer<Reducer>((prev, next) => ({ ...prev, ...next }), {\n        loading: true,\n        installers: [],\n        installerIndex: -1,\n        showLogin: false,\n        skippingVersions: null\n    });\n    const { loading, installers, installerIndex, showLogin, skippingVersions } = state;\n\n    const client = useApolloClient();\n\n    const validateGraph = (graph: Graph): void => {\n        const isAcyclic = alg.isAcyclic(graph);\n        if (isAcyclic) {\n            return;\n        }\n        const cycles = alg.findCycles(graph);\n        const msg = [\"Your installers have circular dependencies:\"];\n        cycles.forEach((cycle, index) => {\n            let fromAToB = cycle.join(\" --> \");\n            fromAToB = `${index + 1}. ${fromAToB}`;\n            const fromBToA = cycle.reverse().join(\" <-- \");\n            const padLength = fromAToB.length + 4;\n            msg.push(fromAToB.padStart(padLength));\n            msg.push(fromBToA.padStart(padLength));\n        }, cycles);\n        throw new Error(msg.join(\"\\n\"));\n    };\n\n    const createGraph = (installers: BaseInstaller[]): Graph => {\n        const graph = new Graph();\n        installers.forEach(({ plugin }) => {\n            graph.setNode(plugin.name as string, plugin);\n        });\n\n        installers.forEach(({ plugin: pl }) => {\n            if (Array.isArray(pl.dependencies)) {\n                pl.dependencies.forEach(dep => {\n                    graph.setEdge(pl.name as string, dep);\n                });\n            }\n        });\n\n        validateGraph(graph);\n\n        return graph;\n    };\n\n    const getInstallers = useCallback(\n        (\n            installers: BaseInstaller[],\n            graph: Graph,\n            toInstall: Installer[] = [],\n            toUpgrade: Installer[] = []\n        ): GetInstallersResult => {\n            const leaf = graph.sinks()[0];\n            if (leaf) {\n                const installer = installers.find(inst => inst.plugin.name === leaf);\n                if (!installer) {\n                    throw new Error(`Missing installer plugin \"${leaf}\"!`);\n                }\n\n                graph.removeNode(leaf);\n                if (!installer.installed) {\n                    toInstall.push({\n                        type: \"install\",\n                        name: `${installer.plugin.name}-install`,\n                        title: installer.plugin.title,\n                        render: installer.plugin.render,\n                        secure: installer.plugin.secure,\n                        installed: null,\n                        plugin: installer.plugin\n                    });\n                } else {\n                    const wbyVersion = appConfig.getKey(\n                        \"WEBINY_VERSION\",\n                        process.env.REACT_APP_WEBINY_VERSION as string\n                    );\n\n                    const upgrades = (installer.plugin.upgrades || []).filter(({ version }) => {\n                        // TODO use coerce\n                        return lte(version, wbyVersion) && gt(version, installer.installed || \"\");\n                    });\n\n                    if (upgrades.length > 1) {\n                        const availableUpgrades = sort(upgrades.map(u => u.version));\n                        const latestUpgrade = availableUpgrades[availableUpgrades.length - 1];\n                        setState({\n                            skippingVersions: {\n                                current: installer.installed,\n                                latest: latestUpgrade,\n                                availableUpgrades\n                            }\n                        });\n                    } else if (upgrades.length === 1) {\n                        toUpgrade.push({\n                            type: \"upgrade\",\n                            name: `${installer.plugin.name}-upgrade`,\n                            title: installer.plugin.title,\n                            secure: true,\n                            installed: null,\n                            plugin: installer.plugin,\n                            render({ onInstalled }) {\n                                const Component = upgrades[0].getComponent();\n                                return (\n                                    <Loader>\n                                        <Component onInstalled={onInstalled} />\n                                    </Loader>\n                                );\n                            }\n                        });\n                    }\n                }\n                return getInstallers(installers, graph, toInstall, toUpgrade);\n            }\n            toInstall.sort((a, b) => {\n                if (a.secure && !b.secure) {\n                    return 1;\n                } else if (!a.secure && b.secure) {\n                    return -1;\n                }\n                return 0;\n            });\n            return { toInstall, toUpgrade };\n        },\n        []\n    );\n\n    const onUser = () => {\n        setState({ showLogin: false });\n    };\n\n    /**\n     * If set to anything else, it breaks in AppInstaller.tsx\n     */\n    const showNextInstaller = (): any => {\n        const prevInstaller = installers[installerIndex];\n\n        installers[installerIndex].installed = appConfig.getKey(\n            \"WEBINY_VERSION\",\n            process.env.REACT_APP_WEBINY_VERSION as string\n        );\n        setState({ installers });\n\n        if (installers.length < installerIndex + 1) {\n            setState({ installerIndex: undefined });\n            return;\n        }\n\n        const nextIndex = installerIndex + 1;\n\n        let showLogin = false;\n        const nextInstaller = installers[nextIndex];\n\n        const prevSecure = prevInstaller && prevInstaller.secure;\n        const nextSecure = nextInstaller && nextInstaller.secure;\n        if (!prevSecure && nextSecure) {\n            showLogin = true;\n        }\n        setState({ installerIndex: nextIndex, showLogin });\n    };\n\n    useEffect(() => {\n        (async () => {\n            if (isInstalled) {\n                return;\n            }\n\n            const allInstallers: BaseInstaller[] = [];\n            await Promise.all(\n                plugins.byType<AdminInstallationPlugin>(\"admin-installation\").map(async pl => {\n                    const installed = await pl.getInstalledVersion({ client });\n                    allInstallers.push({ plugin: pl, installed });\n                })\n            );\n\n            const graph = createGraph(allInstallers);\n            const { toInstall, toUpgrade } = getInstallers(allInstallers, graph);\n            const installers = [...toUpgrade, ...toInstall];\n            setState({\n                installers,\n                installerIndex: 0,\n                loading: false,\n                showLogin: toUpgrade.length > 0 || (toInstall.length > 0 && toInstall[0].secure)\n            });\n        })();\n    }, []);\n\n    const isFirstInstall = installers.some(installer => installer.installed);\n\n    return {\n        loading,\n        installers,\n        isFirstInstall,\n        installer: installers[installerIndex],\n        showNextInstaller,\n        showLogin,\n        onUser,\n        skippingVersions\n    };\n};\n"],"mappings":"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"}

package/components/EmptyView.js

@@ -1,8 +1,21 @@
-import React from "react";
-import styled from "@emotion/styled";
-import { Typography } from "@webiny/ui/Typography";
-import { ReactComponent as TouchIcon } from "../assets/icons/touch_app.svg";
-var EmptyViewWrapper = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _touch_app = require("../assets/icons/touch_app.svg");
+
+var EmptyViewWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eu81oh40",
   label: "EmptyViewWrapper"
 })({
@@ -38,19 +51,20 @@ var EmptyViewWrapper = /*#__PURE__*/styled("div", {
 
 var EmptyView = function EmptyView(_ref) {
   var _ref$icon = _ref.icon,
-      icon = _ref$icon === void 0 ? /*#__PURE__*/React.createElement(TouchIcon, null) : _ref$icon,
+      icon = _ref$icon === void 0 ? /*#__PURE__*/_react.default.createElement(_touch_app.ReactComponent, null) : _ref$icon,
       title = _ref.title,
       action = _ref.action;
-  return /*#__PURE__*/React.createElement(EmptyViewWrapper, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(EmptyViewWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "media"
-  }, icon), /*#__PURE__*/React.createElement("div", {
+  }, icon), /*#__PURE__*/_react.default.createElement("div", {
     className: "title__container"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle1",
     className: "title"
-  }, title)), /*#__PURE__*/React.createElement("div", {
+  }, title)), /*#__PURE__*/_react.default.createElement("div", {
     className: "action__container"
   }, action));
 };
 
-export default EmptyView;
+var _default = EmptyView;
+exports.default = _default;

package/components/EmptyView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["EmptyView.tsx"],"names":["React","styled","Typography","ReactComponent","TouchIcon","EmptyViewWrapper","width","height","display","flexDirection","alignItems","justifyContent","fill","marginBottom","maxWidth","textAlign","color","padding","backgroundColor","EmptyView","icon","title","action"],"mappings":"AAAA,OAAOA,KAAP,MAAoC,OAApC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AACA,SAASC,cAAc,IAAIC,SAA3B;AAEA,IAAMC,gBAAgB,gBAAGJ,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACnCK,EAAAA,KAAK,EAAE,MAD4B;AAEnCC,EAAAA,MAAM,EAAE,KAF2B;AAGnCC,EAAAA,OAAO,EAAE,MAH0B;AAInCC,EAAAA,aAAa,EAAE,QAJoB;AAKnCC,EAAAA,UAAU,EAAE,QALuB;AAMnCC,EAAAA,cAAc,EAAE,QANmB;AAQnC,cAAY;AACR,aAAS;AACLL,MAAAA,KAAK,EAAE,EADF;AAELC,MAAAA,MAAM,EAAE,EAFH;AAGLK,MAAAA,IAAI,EAAE;AAHD,KADD;AAMRC,IAAAA,YAAY,EAAE;AANN,GARuB;AAgBnC,yBAAuB;AACnBC,IAAAA,QAAQ,EAAE,GADS;AAEnBC,IAAAA,SAAS,EAAE,QAFQ;AAGnBF,IAAAA,YAAY,EAAE,EAHK;AAInB,gBAAY;AACRG,MAAAA,KAAK,EAAE;AADC;AAJO,GAhBY;AAwBnC,0BAAwB;AACpB,qBAAiB;AACbC,MAAAA,OAAO,EAAE,UADI;AAEbC,MAAAA,eAAe,EAAE;AAFJ;AADG;AAxBW,CAAjB,CAAtB;;AAoCA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,OAA6C;AAAA,uBAA1CC,IAA0C;AAAA,MAA1CA,IAA0C,uCAAnC,oBAAC,SAAD,OAAmC;AAAA,MAApBC,KAAoB,QAApBA,KAAoB;AAAA,MAAbC,MAAa,QAAbA,MAAa;AACrF,sBACI,oBAAC,gBAAD,qBACI;AAAK,IAAA,SAAS,EAAE;AAAhB,KAA0BF,IAA1B,CADJ,eAEI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE,WAAjB;AAA8B,IAAA,SAAS,EAAE;AAAzC,KACKC,KADL,CADJ,CAFJ,eAOI;AAAK,IAAA,SAAS,EAAC;AAAf,KAAoCC,MAApC,CAPJ,CADJ;AAWH,CAZD;;AAcA,eAAeH,SAAf","sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as TouchIcon } from \"../assets/icons/touch_app.svg\";\n\nconst EmptyViewWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"80%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n\n    \"& .media\": {\n        \"& svg\": {\n            width: 75,\n            height: 75,\n            fill: \"var(--mdc-theme-text-icon-on-background)\"\n        },\n        marginBottom: 30\n    },\n    \"& .title__container\": {\n        maxWidth: 276,\n        textAlign: \"center\",\n        marginBottom: 24,\n        \"& .title\": {\n            color: \"var(--mdc-theme-text-secondary-on-background)\"\n        }\n    },\n    \"& .action__container\": {\n        \"& .mdc-button\": {\n            padding: \"0px 16px\",\n            backgroundColor: \"var(--mdc-theme-surface)\"\n        }\n    }\n});\nexport interface EmptyViewProps {\n    icon?: ReactElement;\n    title: string;\n    action: ReactElement | null;\n}\nconst EmptyView: React.FC<EmptyViewProps> = ({ icon = <TouchIcon />, title, action }) => {\n    return (\n        <EmptyViewWrapper>\n            <div className={\"media\"}>{icon}</div>\n            <div className=\"title__container\">\n                <Typography use={\"subtitle1\"} className={\"title\"}>\n                    {title}\n                </Typography>\n            </div>\n            <div className=\"action__container\">{action}</div>\n        </EmptyViewWrapper>\n    );\n};\n\nexport default EmptyView;\n"]}
+{"version":3,"names":["EmptyViewWrapper","styled","width","height","display","flexDirection","alignItems","justifyContent","fill","marginBottom","maxWidth","textAlign","color","padding","backgroundColor","EmptyView","icon","title","action"],"sources":["EmptyView.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as TouchIcon } from \"../assets/icons/touch_app.svg\";\n\nconst EmptyViewWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"80%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n\n    \"& .media\": {\n        \"& svg\": {\n            width: 75,\n            height: 75,\n            fill: \"var(--mdc-theme-text-icon-on-background)\"\n        },\n        marginBottom: 30\n    },\n    \"& .title__container\": {\n        maxWidth: 276,\n        textAlign: \"center\",\n        marginBottom: 24,\n        \"& .title\": {\n            color: \"var(--mdc-theme-text-secondary-on-background)\"\n        }\n    },\n    \"& .action__container\": {\n        \"& .mdc-button\": {\n            padding: \"0px 16px\",\n            backgroundColor: \"var(--mdc-theme-surface)\"\n        }\n    }\n});\nexport interface EmptyViewProps {\n    icon?: ReactElement;\n    title: string;\n    action: ReactElement | null;\n}\nconst EmptyView: React.FC<EmptyViewProps> = ({ icon = <TouchIcon />, title, action }) => {\n    return (\n        <EmptyViewWrapper>\n            <div className={\"media\"}>{icon}</div>\n            <div className=\"title__container\">\n                <Typography use={\"subtitle1\"} className={\"title\"}>\n                    {title}\n                </Typography>\n            </div>\n            <div className=\"action__container\">{action}</div>\n        </EmptyViewWrapper>\n    );\n};\n\nexport default EmptyView;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,gBAAgB,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACnCC,KAAK,EAAE,MAD4B;EAEnCC,MAAM,EAAE,KAF2B;EAGnCC,OAAO,EAAE,MAH0B;EAInCC,aAAa,EAAE,QAJoB;EAKnCC,UAAU,EAAE,QALuB;EAMnCC,cAAc,EAAE,QANmB;EAQnC,YAAY;IACR,SAAS;MACLL,KAAK,EAAE,EADF;MAELC,MAAM,EAAE,EAFH;MAGLK,IAAI,EAAE;IAHD,CADD;IAMRC,YAAY,EAAE;EANN,CARuB;EAgBnC,uBAAuB;IACnBC,QAAQ,EAAE,GADS;IAEnBC,SAAS,EAAE,QAFQ;IAGnBF,YAAY,EAAE,EAHK;IAInB,YAAY;MACRG,KAAK,EAAE;IADC;EAJO,CAhBY;EAwBnC,wBAAwB;IACpB,iBAAiB;MACbC,OAAO,EAAE,UADI;MAEbC,eAAe,EAAE;IAFJ;EADG;AAxBW,CAAjB,CAAtB;;AAoCA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,OAA6C;EAAA,qBAA1CC,IAA0C;EAAA,IAA1CA,IAA0C,uCAAnC,6BAAC,yBAAD,OAAmC;EAAA,IAApBC,KAAoB,QAApBA,KAAoB;EAAA,IAAbC,MAAa,QAAbA,MAAa;EACrF,oBACI,6BAAC,gBAAD,qBACI;IAAK,SAAS,EAAE;EAAhB,GAA0BF,IAA1B,CADJ,eAEI;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE,WAAjB;IAA8B,SAAS,EAAE;EAAzC,GACKC,KADL,CADJ,CAFJ,eAOI;IAAK,SAAS,EAAC;EAAf,GAAoCC,MAApC,CAPJ,CADJ;AAWH,CAZD;;eAceH,S"}

package/components/FileManager/BottomInfoBar/SupportedFileTypes.js

@@ -1,19 +1,32 @@
-import React from "react";
-import mime from "mime/lite";
-mime.define({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lite = _interopRequireDefault(require("mime/lite"));
+
+_lite.default.define({
   "image/x-icon": ["ico"]
 }, true);
-mime.define({
+
+_lite.default.define({
   "image/jpg": ["jpg"]
 }, true);
-mime.define({
+
+_lite.default.define({
   "image/vnd.microsoft.icon": ["ico"]
 }, true);
 
 var getUniqueFilePlugins = function getUniqueFilePlugins(accept) {
   var exts = {};
   accept.forEach(function (item) {
-    var ext = mime.getExtension(item);
+    var ext = _lite.default.getExtension(item);
 
     if (!ext) {
       return;
@@ -32,10 +45,11 @@ var SupportedFileTypes = function SupportedFileTypes(_ref) {
   }
 
   if (accept.length === 0) {
-    return /*#__PURE__*/React.createElement("span", null, "Showing all file extensions.");
+    return /*#__PURE__*/_react.default.createElement("span", null, "Showing all file extensions.");
   }
 
-  return /*#__PURE__*/React.createElement("span", null, "Showing the following file extensions: ", getUniqueFilePlugins(accept).join(", "), ".");
+  return /*#__PURE__*/_react.default.createElement("span", null, "Showing the following file extensions: ", getUniqueFilePlugins(accept).join(", "), ".");
 };
 
-export default SupportedFileTypes;
+var _default = SupportedFileTypes;
+exports.default = _default;

package/components/FileManager/BottomInfoBar/SupportedFileTypes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SupportedFileTypes.tsx"],"names":["React","mime","define","getUniqueFilePlugins","accept","exts","forEach","item","ext","getExtension","Object","keys","SupportedFileTypes","length","join"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,WAAjB;AAEAA,IAAI,CAACC,MAAL,CAAY;AAAE,kBAAgB,CAAC,KAAD;AAAlB,CAAZ,EAAyC,IAAzC;AACAD,IAAI,CAACC,MAAL,CAAY;AAAE,eAAa,CAAC,KAAD;AAAf,CAAZ,EAAsC,IAAtC;AACAD,IAAI,CAACC,MAAL,CAAY;AAAE,8BAA4B,CAAC,KAAD;AAA9B,CAAZ,EAAqD,IAArD;;AAEA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,MAAD,EAAgC;AACzD,MAAMC,IAA6B,GAAG,EAAtC;AACAD,EAAAA,MAAM,CAACE,OAAP,CAAe,UAAAC,IAAI,EAAI;AACnB,QAAMC,GAAG,GAAGP,IAAI,CAACQ,YAAL,CAAkBF,IAAlB,CAAZ;;AACA,QAAI,CAACC,GAAL,EAAU;AACN;AACH;;AACDH,IAAAA,IAAI,CAACG,GAAD,CAAJ,GAAY,IAAZ;AACH,GAND;AAQA,SAAOE,MAAM,CAACC,IAAP,CAAYN,IAAZ,CAAP;AACH,CAXD;;AAiBA,IAAMO,kBAAqD,GAAG,SAAxDA,kBAAwD,OAAgB;AAAA,MAAbR,MAAa,QAAbA,MAAa;;AAC1E,MAAI,CAACA,MAAL,EAAa;AACT,WAAO,IAAP;AACH;;AAED,MAAIA,MAAM,CAACS,MAAP,KAAkB,CAAtB,EAAyB;AACrB,wBAAO,iEAAP;AACH;;AAED,sBACI,6EAC4CV,oBAAoB,CAACC,MAAD,CAApB,CAA6BU,IAA7B,CAAkC,IAAlC,CAD5C,MADJ;AAKH,CAdD;;AAgBA,eAAeF,kBAAf","sourcesContent":["import React from \"react\";\nimport mime from \"mime/lite\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\nconst getUniqueFilePlugins = (accept: string[]): string[] => {\n    const exts: Record<string, boolean> = {};\n    accept.forEach(item => {\n        const ext = mime.getExtension(item);\n        if (!ext) {\n            return;\n        }\n        exts[ext] = true;\n    });\n\n    return Object.keys(exts);\n};\n\nexport interface SupportedFileTypesProps {\n    accept: string[];\n}\n\nconst SupportedFileTypes: React.FC<SupportedFileTypesProps> = ({ accept }) => {\n    if (!accept) {\n        return null;\n    }\n\n    if (accept.length === 0) {\n        return <span>Showing all file extensions.</span>;\n    }\n\n    return (\n        <span>\n            Showing the following file extensions: {getUniqueFilePlugins(accept).join(\", \")}.\n        </span>\n    );\n};\n\nexport default SupportedFileTypes;\n"]}
+{"version":3,"names":["mime","define","getUniqueFilePlugins","accept","exts","forEach","item","ext","getExtension","Object","keys","SupportedFileTypes","length","join"],"sources":["SupportedFileTypes.tsx"],"sourcesContent":["import React from \"react\";\nimport mime from \"mime/lite\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\nconst getUniqueFilePlugins = (accept: string[]): string[] => {\n    const exts: Record<string, boolean> = {};\n    accept.forEach(item => {\n        const ext = mime.getExtension(item);\n        if (!ext) {\n            return;\n        }\n        exts[ext] = true;\n    });\n\n    return Object.keys(exts);\n};\n\nexport interface SupportedFileTypesProps {\n    accept: string[];\n}\n\nconst SupportedFileTypes: React.FC<SupportedFileTypesProps> = ({ accept }) => {\n    if (!accept) {\n        return null;\n    }\n\n    if (accept.length === 0) {\n        return <span>Showing all file extensions.</span>;\n    }\n\n    return (\n        <span>\n            Showing the following file extensions: {getUniqueFilePlugins(accept).join(\", \")}.\n        </span>\n    );\n};\n\nexport default SupportedFileTypes;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEAA,aAAA,CAAKC,MAAL,CAAY;EAAE,gBAAgB,CAAC,KAAD;AAAlB,CAAZ,EAAyC,IAAzC;;AACAD,aAAA,CAAKC,MAAL,CAAY;EAAE,aAAa,CAAC,KAAD;AAAf,CAAZ,EAAsC,IAAtC;;AACAD,aAAA,CAAKC,MAAL,CAAY;EAAE,4BAA4B,CAAC,KAAD;AAA9B,CAAZ,EAAqD,IAArD;;AAEA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,MAAD,EAAgC;EACzD,IAAMC,IAA6B,GAAG,EAAtC;EACAD,MAAM,CAACE,OAAP,CAAe,UAAAC,IAAI,EAAI;IACnB,IAAMC,GAAG,GAAGP,aAAA,CAAKQ,YAAL,CAAkBF,IAAlB,CAAZ;;IACA,IAAI,CAACC,GAAL,EAAU;MACN;IACH;;IACDH,IAAI,CAACG,GAAD,CAAJ,GAAY,IAAZ;EACH,CAND;EAQA,OAAOE,MAAM,CAACC,IAAP,CAAYN,IAAZ,CAAP;AACH,CAXD;;AAiBA,IAAMO,kBAAqD,GAAG,SAAxDA,kBAAwD,OAAgB;EAAA,IAAbR,MAAa,QAAbA,MAAa;;EAC1E,IAAI,CAACA,MAAL,EAAa;IACT,OAAO,IAAP;EACH;;EAED,IAAIA,MAAM,CAACS,MAAP,KAAkB,CAAtB,EAAyB;IACrB,oBAAO,0EAAP;EACH;;EAED,oBACI,sFAC4CV,oBAAoB,CAACC,MAAD,CAApB,CAA6BU,IAA7B,CAAkC,IAAlC,CAD5C,MADJ;AAKH,CAdD;;eAgBeF,kB"}

package/components/FileManager/BottomInfoBar/UploadStatus.js

@@ -1,7 +1,19 @@
-import React from "react";
-import styled from "@emotion/styled";
-import { CircularProgress } from "@webiny/ui/Progress";
-var StatusWrapper = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Progress = require("@webiny/ui/Progress");
+
+var StatusWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e8hlyp40",
   label: "StatusWrapper"
 })({
@@ -16,7 +28,7 @@ var StatusWrapper = /*#__PURE__*/styled("div", {
     display: "inline-block"
   }
 });
-var CircularProgressHolder = /*#__PURE__*/styled("div", {
+var CircularProgressHolder = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e8hlyp41",
   label: "CircularProgressHolder"
 })({
@@ -24,7 +36,7 @@ var CircularProgressHolder = /*#__PURE__*/styled("div", {
   height: 12,
   width: 12
 });
-var UploadingLabel = /*#__PURE__*/styled("div", {
+var UploadingLabel = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e8hlyp42",
   label: "UploadingLabel"
 })({
@@ -38,10 +50,11 @@ var UploadStatus = function UploadStatus(_ref) {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(StatusWrapper, null, /*#__PURE__*/React.createElement(UploadingLabel, null, "Uploading..."), /*#__PURE__*/React.createElement(CircularProgressHolder, null, /*#__PURE__*/React.createElement(CircularProgress, {
+  return /*#__PURE__*/_react.default.createElement(StatusWrapper, null, /*#__PURE__*/_react.default.createElement(UploadingLabel, null, "Uploading..."), /*#__PURE__*/_react.default.createElement(CircularProgressHolder, null, /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
     size: 10,
     spinnerWidth: 1
   })));
 };
 
-export default UploadStatus;
+var _default = UploadStatus;
+exports.default = _default;

package/components/FileManager/BottomInfoBar/UploadStatus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["UploadStatus.tsx"],"names":["React","styled","CircularProgress","StatusWrapper","color","position","right","bottom","marginRight","display","alignItems","CircularProgressHolder","height","width","UploadingLabel","UploadStatus","uploading"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,gBAAT,QAAiC,qBAAjC;AAEA,IAAMC,aAAa,gBAAGF,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAChCG,EAAAA,KAAK,EAAE,0BADyB;AAEhCC,EAAAA,QAAQ,EAAE,UAFsB;AAGhCC,EAAAA,KAAK,EAAE,CAHyB;AAIhCC,EAAAA,MAAM,EAAE,EAJwB;AAKhCC,EAAAA,WAAW,EAAE,EALmB;AAMhCC,EAAAA,OAAO,EAAE,MANuB;AAOhCC,EAAAA,UAAU,EAAE,QAPoB;AAQhC,WAAS;AACLD,IAAAA,OAAO,EAAE;AADJ;AARuB,CAAjB,CAAnB;AAaA,IAAME,sBAAsB,gBAAGV,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACzCI,EAAAA,QAAQ,EAAE,UAD+B;AAEzCO,EAAAA,MAAM,EAAE,EAFiC;AAGzCC,EAAAA,KAAK,EAAE;AAHkC,CAAjB,CAA5B;AAMA,IAAMC,cAAc,gBAAGb,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACjCO,EAAAA,WAAW,EAAE;AADoB,CAAjB,CAApB;;AAOA,IAAMO,YAAyC,GAAG,SAA5CA,YAA4C,OAAmB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;;AACjE,MAAI,CAACA,SAAL,EAAgB;AACZ,WAAO,IAAP;AACH;;AAED,sBACI,oBAAC,aAAD,qBACI,oBAAC,cAAD,uBADJ,eAEI,oBAAC,sBAAD,qBACI,oBAAC,gBAAD;AAAkB,IAAA,IAAI,EAAE,EAAxB;AAA4B,IAAA,YAAY,EAAE;AAA1C,IADJ,CAFJ,CADJ;AAQH,CAbD;;AAeA,eAAeD,YAAf","sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst StatusWrapper = styled(\"div\")({\n    color: \"var(--mdc-theme-primary)\",\n    position: \"absolute\",\n    right: 0,\n    bottom: 10,\n    marginRight: 10,\n    display: \"flex\",\n    alignItems: \"center\",\n    \"> div\": {\n        display: \"inline-block\"\n    }\n});\n\nconst CircularProgressHolder = styled(\"div\")({\n    position: \"relative\",\n    height: 12,\n    width: 12\n});\n\nconst UploadingLabel = styled(\"div\")({\n    marginRight: 5\n});\n\nexport interface UploadStatusProps {\n    uploading: boolean;\n}\nconst UploadStatus: React.FC<UploadStatusProps> = ({ uploading }) => {\n    if (!uploading) {\n        return null;\n    }\n\n    return (\n        <StatusWrapper>\n            <UploadingLabel>Uploading...</UploadingLabel>\n            <CircularProgressHolder>\n                <CircularProgress size={10} spinnerWidth={1} />\n            </CircularProgressHolder>\n        </StatusWrapper>\n    );\n};\n\nexport default UploadStatus;\n"]}
+{"version":3,"names":["StatusWrapper","styled","color","position","right","bottom","marginRight","display","alignItems","CircularProgressHolder","height","width","UploadingLabel","UploadStatus","uploading"],"sources":["UploadStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst StatusWrapper = styled(\"div\")({\n    color: \"var(--mdc-theme-primary)\",\n    position: \"absolute\",\n    right: 0,\n    bottom: 10,\n    marginRight: 10,\n    display: \"flex\",\n    alignItems: \"center\",\n    \"> div\": {\n        display: \"inline-block\"\n    }\n});\n\nconst CircularProgressHolder = styled(\"div\")({\n    position: \"relative\",\n    height: 12,\n    width: 12\n});\n\nconst UploadingLabel = styled(\"div\")({\n    marginRight: 5\n});\n\nexport interface UploadStatusProps {\n    uploading: boolean;\n}\nconst UploadStatus: React.FC<UploadStatusProps> = ({ uploading }) => {\n    if (!uploading) {\n        return null;\n    }\n\n    return (\n        <StatusWrapper>\n            <UploadingLabel>Uploading...</UploadingLabel>\n            <CircularProgressHolder>\n                <CircularProgress size={10} spinnerWidth={1} />\n            </CircularProgressHolder>\n        </StatusWrapper>\n    );\n};\n\nexport default UploadStatus;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,aAAa,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAChCC,KAAK,EAAE,0BADyB;EAEhCC,QAAQ,EAAE,UAFsB;EAGhCC,KAAK,EAAE,CAHyB;EAIhCC,MAAM,EAAE,EAJwB;EAKhCC,WAAW,EAAE,EALmB;EAMhCC,OAAO,EAAE,MANuB;EAOhCC,UAAU,EAAE,QAPoB;EAQhC,SAAS;IACLD,OAAO,EAAE;EADJ;AARuB,CAAjB,CAAnB;AAaA,IAAME,sBAAsB,oBAAGR,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACzCE,QAAQ,EAAE,UAD+B;EAEzCO,MAAM,EAAE,EAFiC;EAGzCC,KAAK,EAAE;AAHkC,CAAjB,CAA5B;AAMA,IAAMC,cAAc,oBAAGX,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACjCK,WAAW,EAAE;AADoB,CAAjB,CAApB;;AAOA,IAAMO,YAAyC,GAAG,SAA5CA,YAA4C,OAAmB;EAAA,IAAhBC,SAAgB,QAAhBA,SAAgB;;EACjE,IAAI,CAACA,SAAL,EAAgB;IACZ,OAAO,IAAP;EACH;;EAED,oBACI,6BAAC,aAAD,qBACI,6BAAC,cAAD,uBADJ,eAEI,6BAAC,sBAAD,qBACI,6BAAC,0BAAD;IAAkB,IAAI,EAAE,EAAxB;IAA4B,YAAY,EAAE;EAA1C,EADJ,CAFJ,CADJ;AAQH,CAbD;;eAeeD,Y"}