@webiny/app-admin 0.0.0-mt-3 → 0.0.0-unstable.085ff6572f

package/components/AppInstaller/useInstaller.js

@@ -1,78 +1,63 @@
-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";
-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";
-
-var Loader = function Loader(_ref) {
-  var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: /*#__PURE__*/React.createElement(CircularProgress, {
-      label: "Loading..."
-    })
-  }, /*#__PURE__*/React.cloneElement(children, props));
-};
-
-export var useInstaller = function useInstaller(_ref2) {
-  var isInstalled = _ref2.isInstalled;
-
-  var _useReducer = useReducer(function (prev, next) {
-    return _objectSpread(_objectSpread({}, prev), next);
-  }, {
-    loading: true,
-    installers: [],
-    installerIndex: -1,
-    showLogin: false,
-    skippingVersions: false
-  }),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      _useReducer2$ = _useReducer2[0],
-      loading = _useReducer2$.loading,
-      installers = _useReducer2$.installers,
-      installerIndex = _useReducer2$.installerIndex,
-      showLogin = _useReducer2$.showLogin,
-      skippingVersions = _useReducer2$.skippingVersions,
-      setState = _useReducer2[1];
-
-  var client = useApolloClient();
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").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 _react = require("react");
+var _graphlib = require("graphlib");
+var _reactHooks = require("@apollo/react-hooks");
+var _plugins = require("@webiny/plugins");
+var _config = require("@webiny/app/config");
+var useInstaller = function useInstaller(params) {
+  var isInstalled = params.isInstalled;
+  var _useReducer = (0, _react.useReducer)(function (prev, next) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), next);
+    }, {
+      loading: true,
+      installers: [],
+      installerIndex: -1,
+      showLogin: false
+    }),
+    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+    state = _useReducer2[0],
+    setState = _useReducer2[1];
+  var loading = state.loading,
+    installers = state.installers,
+    installerIndex = state.installerIndex,
+    showLogin = state.showLogin;
+  var client = (0, _reactHooks.useApolloClient)();
   var validateGraph = function validateGraph(graph) {
-    var isAcyclic = alg.isAcyclic(graph);
-
-    if (!isAcyclic) {
-      var cycles = alg.findCycles(graph);
-      var msg = ["Your installers have circular dependencies:"];
-      cycles.forEach(function (cycle, index) {
-        var fromAToB = cycle.join(" --> ");
-        fromAToB = "".concat(index + 1, ". ").concat(fromAToB);
-        var fromBToA = cycle.reverse().join(" <-- ");
-        var padLength = fromAToB.length + 4;
-        msg.push(fromAToB.padStart(padLength));
-        msg.push(fromBToA.padStart(padLength));
-      }, cycles);
-      throw new Error(msg.join("\n"));
+    var isAcyclic = _graphlib.alg.isAcyclic(graph);
+    if (isAcyclic) {
+      return;
     }
+    var cycles = _graphlib.alg.findCycles(graph);
+    var msg = ["Your installers have circular dependencies:"];
+    cycles.forEach(function (cycle, index) {
+      var fromAToB = cycle.join(" --> ");
+      fromAToB = "".concat(index + 1, ". ").concat(fromAToB);
+      var fromBToA = cycle.reverse().join(" <-- ");
+      var padLength = fromAToB.length + 4;
+      msg.push(fromAToB.padStart(padLength));
+      msg.push(fromBToA.padStart(padLength));
+    }, cycles);
+    throw new Error(msg.join("\n"));
   };
-
   var createGraph = function createGraph(installers) {
-    var graph = new Graph();
-    installers.forEach(function (_ref3) {
-      var plugin = _ref3.plugin;
+    var graph = new _graphlib.Graph();
+    installers.forEach(function (_ref) {
+      var plugin = _ref.plugin;
       graph.setNode(plugin.name, plugin);
     });
-    installers.forEach(function (_ref4) {
-      var pl = _ref4.plugin;
-
+    installers.forEach(function (_ref2) {
+      var pl = _ref2.plugin;
       if (Array.isArray(pl.dependencies)) {
         pl.dependencies.forEach(function (dep) {
           graph.setEdge(pl.name, dep);
@@ -82,23 +67,17 @@ export var useInstaller = function useInstaller(_ref2) {
     validateGraph(graph);
     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];
-
     if (leaf) {
       var installer = installers.find(function (inst) {
         return inst.plugin.name === leaf;
       });
-
       if (!installer) {
         throw new Error("Missing installer plugin \"".concat(leaf, "\"!"));
       }
-
       graph.removeNode(leaf);
-
       if (!installer.installed) {
         toInstall.push({
           type: "install",
@@ -106,174 +85,126 @@ export var useInstaller = function useInstaller(_ref2) {
           title: installer.plugin.title,
           render: installer.plugin.render,
           secure: installer.plugin.secure,
-          installed: false
+          installed: null,
+          plugin: installer.plugin
         });
-      } else {
-        var upgrades = (installer.plugin.upgrades || []).filter(function (_ref5) {
-          var version = _ref5.version;
-          return lte(version, process.env.REACT_APP_WEBINY_VERSION) && gt(version, installer.installed);
-        });
-
-        if (upgrades.length > 1) {
-          var availableUpgrades = sort(upgrades.map(function (u) {
-            return u.version;
-          }));
-          var latestUpgrade = availableUpgrades[availableUpgrades.length - 1];
-          setState({
-            skippingVersions: {
-              current: installer.installed,
-              latest: latestUpgrade,
-              availableUpgrades: availableUpgrades
-            }
-          });
-        } else if (upgrades.length === 1) {
-          toUpgrade.push({
-            type: "upgrade",
-            name: "".concat(installer.plugin.name, "-upgrade"),
-            title: installer.plugin.title,
-            secure: true,
-            installed: false,
-            render: function render(_ref6) {
-              var onInstalled = _ref6.onInstalled;
-              var Component = upgrades[0].getComponent();
-              return /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(Component, {
-                onInstalled: onInstalled
-              }));
-            }
-          });
-        }
       }
-
-      return getInstallers(installers, graph, toInstall, toUpgrade);
+      return getInstallers(installers, graph, toInstall);
     }
-
     toInstall.sort(function (a, b) {
       if (a.secure && !b.secure) {
         return 1;
       } else if (!a.secure && b.secure) {
         return -1;
       }
-
       return 0;
     });
     return {
-      toInstall: toInstall,
-      toUpgrade: toUpgrade
+      toInstall: toInstall
     };
   }, []);
-
   var onUser = function onUser() {
     setState({
       showLogin: false
     });
   };
 
+  /**
+   * If set to anything else, it breaks in AppInstaller.tsx
+   */
   var showNextInstaller = function showNextInstaller() {
     var prevInstaller = installers[installerIndex];
-    installers[installerIndex].installed = true;
+    installers[installerIndex].installed = _config.config.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
     setState({
       installers: installers
     });
-
     if (installers.length < installerIndex + 1) {
       setState({
-        installerIndex: null
+        installerIndex: undefined
       });
       return;
     }
-
     var nextIndex = installerIndex + 1;
     var showLogin = false;
     var nextInstaller = installers[nextIndex];
     var prevSecure = prevInstaller && prevInstaller.secure;
     var nextSecure = nextInstaller && nextInstaller.secure;
-
     if (!prevSecure && nextSecure) {
       showLogin = true;
     }
-
     setState({
       installerIndex: nextIndex,
       showLogin: showLogin
     });
   };
-
-  useEffect(function () {
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var allInstallers, graph, _getInstallers, toInstall, toUpgrade, installers;
-
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!isInstalled) {
-                _context2.next = 2;
-                break;
-              }
-
-              return _context2.abrupt("return");
-
-            case 2:
-              allInstallers = [];
-              _context2.next = 5;
-              return Promise.all(plugins.byType("admin-installation").map( /*#__PURE__*/function () {
-                var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(pl) {
-                  var installed;
-                  return _regeneratorRuntime.wrap(function _callee$(_context) {
-                    while (1) {
-                      switch (_context.prev = _context.next) {
-                        case 0:
-                          _context.next = 2;
-                          return pl.getInstalledVersion({
-                            client: client
-                          });
-
-                        case 2:
-                          installed = _context.sent;
-                          allInstallers.push({
-                            plugin: pl,
-                            installed: installed
-                          });
-
-                        case 4:
-                        case "end":
-                          return _context.stop();
-                      }
-                    }
-                  }, _callee);
-                }));
-
-                return function (_x) {
-                  return _ref8.apply(this, arguments);
-                };
-              }()));
-
-            case 5:
-              graph = createGraph(allInstallers);
-              _getInstallers = getInstallers(allInstallers, graph), toInstall = _getInstallers.toInstall, toUpgrade = _getInstallers.toUpgrade;
-              installers = [].concat(_toConsumableArray(toUpgrade), _toConsumableArray(toInstall));
-              setState({
-                installers: installers,
-                installerIndex: 0,
-                loading: false,
-                showLogin: toUpgrade.length > 0 || toInstall.length > 0 && toInstall[0].secure
-              });
-
-            case 9:
-            case "end":
-              return _context2.stop();
-          }
+  (0, _react.useEffect)(function () {
+    (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
+      var allInstallers, graph, _getInstallers, toInstall, installers;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!isInstalled) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 2:
+            allInstallers = [];
+            _context2.next = 5;
+            return Promise.all(_plugins.plugins.byType("admin-installation").map( /*#__PURE__*/function () {
+              var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(pl) {
+                var installed;
+                return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+                  while (1) switch (_context.prev = _context.next) {
+                    case 0:
+                      _context.next = 2;
+                      return pl.getInstalledVersion({
+                        client: client
+                      });
+                    case 2:
+                      installed = _context.sent;
+                      allInstallers.push({
+                        plugin: pl,
+                        installed: installed
+                      });
+                    case 4:
+                    case "end":
+                      return _context.stop();
+                  }
+                }, _callee);
+              }));
+              return function (_x) {
+                return _ref4.apply(this, arguments);
+              };
+            }()));
+          case 5:
+            graph = createGraph(allInstallers);
+            _getInstallers = getInstallers(allInstallers, graph), toInstall = _getInstallers.toInstall;
+            installers = (0, _toConsumableArray2.default)(toInstall);
+            setState({
+              installers: installers,
+              installerIndex: 0,
+              loading: false,
+              showLogin: toInstall.length > 0 && toInstall[0].secure
+            });
+          case 9:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
     }))();
   }, []);
+  var isFirstInstall = installers.some(function (installer) {
+    return installer.installed;
+  });
   return {
     loading: loading,
     installers: installers,
+    isFirstInstall: isFirstInstall,
     installer: installers[installerIndex],
     showNextInstaller: showNextInstaller,
     showLogin: showLogin,
-    onUser: onUser,
-    skippingVersions: skippingVersions
+    onUser: onUser
   };
-};
+};
+exports.useInstaller = useInstaller;

package/components/AppInstaller/useInstaller.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useInstaller","params","isInstalled","useReducer","prev","next","loading","installers","installerIndex","showLogin","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","leaf","sinks","installer","find","inst","removeNode","installed","type","title","render","secure","sort","a","b","onUser","showNextInstaller","prevInstaller","appConfig","getKey","process","env","REACT_APP_WEBINY_VERSION","undefined","nextIndex","nextInstaller","prevSecure","nextSecure","useEffect","allInstallers","Promise","all","plugins","byType","map","getInstalledVersion","isFirstInstall","some"],"sources":["useInstaller.tsx"],"sourcesContent":["import { useCallback, useReducer, useEffect } from \"react\";\nimport { Graph, alg } from \"graphlib\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminInstallationPlugin } from \"~/types\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\ninterface GetInstallersResult {\n    toInstall: Installer[];\n}\n\ninterface UseInstallerParams {\n    isInstalled: boolean;\n}\n\ninterface BaseInstaller {\n    installed: string | null;\n    plugin: AdminInstallationPlugin;\n}\n\nexport interface Installer extends BaseInstaller {\n    type: \"install\";\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}\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    });\n    const { loading, installers, installerIndex, showLogin } = 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        ): 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                }\n\n                return getInstallers(installers, graph, toInstall);\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 };\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 } = getInstallers(allInstallers, graph);\n            const installers = [...toInstall];\n            setState({\n                installers,\n                installerIndex: 0,\n                loading: false,\n                showLogin: 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    };\n};\n"],"mappings":"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"}

package/components/EmptyView.d.ts

@@ -1,8 +1,8 @@
-import { ReactElement } from "react";
-export declare type EmptyViewProps = {
+import React, { ReactElement } from "react";
+export interface EmptyViewProps {
     icon?: ReactElement;
     title: string;
-    action: ReactElement;
-};
-declare const EmptyView: ({ icon, title, action }: EmptyViewProps) => JSX.Element;
+    action: ReactElement | null;
+}
+declare const EmptyView: React.FC<EmptyViewProps>;
 export default EmptyView;

package/components/EmptyView.js

@@ -1,8 +1,15 @@
-import React from "react";
-import styled from "@emotion/styled";
-import { Typography } from "@webiny/ui/Typography";
-import { ReactComponent as TouchIcon } from "@svgr/webpack!../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("@material-design-icons/svg/filled/touch_app.svg");
+var EmptyViewWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eu81oh40",
   label: "EmptyViewWrapper"
 })({
@@ -35,22 +42,21 @@ 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,
-      title = _ref.title,
-      action = _ref.action;
-  return /*#__PURE__*/React.createElement(EmptyViewWrapper, null, /*#__PURE__*/React.createElement("div", {
+    icon = _ref$icon === void 0 ? /*#__PURE__*/_react.default.createElement(_touch_app.ReactComponent, null) : _ref$icon,
+    title = _ref.title,
+    action = _ref.action;
+  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

@@ -0,0 +1 @@
+{"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 \"@material-design-icons/svg/filled/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,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACnCC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,KAAK;EACbC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,QAAQ;EAExB,UAAU,EAAE;IACR,OAAO,EAAE;MACLL,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVK,IAAI,EAAE;IACV,CAAC;IACDC,YAAY,EAAE;EAClB,CAAC;EACD,qBAAqB,EAAE;IACnBC,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAE,QAAQ;IACnBF,YAAY,EAAE,EAAE;IAChB,UAAU,EAAE;MACRG,KAAK,EAAE;IACX;EACJ,CAAC;EACD,sBAAsB,EAAE;IACpB,eAAe,EAAE;MACbC,OAAO,EAAE,UAAU;MACnBC,eAAe,EAAE;IACrB;EACJ;AACJ,CAAC,CAAC;AAMF,IAAMC,SAAmC,GAAG,SAAtCA,SAAmC,OAAgD;EAAA,qBAA1CC,IAAI;IAAJA,IAAI,uCAAG,6BAAC,yBAAS,OAAG;IAAEC,KAAK,QAALA,KAAK;IAAEC,MAAM,QAANA,MAAM;EAC9E,oBACI,6BAAC,gBAAgB,qBACb;IAAK,SAAS,EAAE;EAAQ,GAAEF,IAAI,CAAO,eACrC;IAAK,SAAS,EAAC;EAAkB,gBAC7B,6BAAC,sBAAU;IAAC,GAAG,EAAE,WAAY;IAAC,SAAS,EAAE;EAAQ,GAC5CC,KAAK,CACG,CACX,eACN;IAAK,SAAS,EAAC;EAAmB,GAAEC,MAAM,CAAO,CAClC;AAE3B,CAAC;AAAC,eAEaH,SAAS;AAAA"}

package/components/FloatingActionButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const FloatingActionButton: (props: any) => JSX.Element;
+import * as React from "react";
+declare const FloatingActionButton: React.FC;
 export { FloatingActionButton };

package/components/FloatingActionButton.js

@@ -1,7 +1,14 @@
-import * as React from "react";
-import { ButtonFloating } from "@webiny/ui/Button";
-import { ReactComponent as AddIcon } from "@svgr/webpack!../assets/icons/round-add-24px.svg"; // Set "styles" inline, since no customizations are possible / needed here.
+"use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FloatingActionButton = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Button = require("@webiny/ui/Button");
+var _add = require("@material-design-icons/svg/outlined/add.svg");
+// Set "styles" inline, since no customizations are possible / needed here.
 var FloatingActionButton = function FloatingActionButton(props) {
   return /*#__PURE__*/React.createElement("div", {
     style: {
@@ -9,9 +16,8 @@ var FloatingActionButton = function FloatingActionButton(props) {
       bottom: 20,
       right: 20
     }
-  }, /*#__PURE__*/React.createElement(ButtonFloating, Object.assign({}, props, {
-    icon: /*#__PURE__*/React.createElement(AddIcon, null)
+  }, /*#__PURE__*/React.createElement(_Button.ButtonFloating, Object.assign({}, props, {
+    icon: /*#__PURE__*/React.createElement(_add.ReactComponent, null)
   })));
 };
-
-export { FloatingActionButton };
+exports.FloatingActionButton = FloatingActionButton;

package/components/FloatingActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FloatingActionButton","props","position","bottom","right"],"sources":["FloatingActionButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ButtonFloating } from \"@webiny/ui/Button\";\nimport { ReactComponent as AddIcon } from \"@material-design-icons/svg/outlined/add.svg\";\n\n// Set \"styles\" inline, since no customizations are possible / needed here.\nconst FloatingActionButton: React.FC = props => {\n    return (\n        <div\n            style={{\n                position: \"absolute\",\n                bottom: 20,\n                right: 20\n            }}\n        >\n            <ButtonFloating {...props} icon={<AddIcon />} />\n        </div>\n    );\n};\n\nexport { FloatingActionButton };\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AACA,IAAMA,oBAA8B,GAAG,SAAjCA,oBAA8B,CAAGC,KAAK,EAAI;EAC5C,oBACI;IACI,KAAK,EAAE;MACHC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE;IACX;EAAE,gBAEF,oBAAC,sBAAc,oBAAKH,KAAK;IAAE,IAAI,eAAE,oBAAC,mBAAO;EAAI,GAAG,CAC9C;AAEd,CAAC;AAAC"}

package/components/MultiImageUpload.d.ts

@@ -1,4 +1,13 @@
-/// <reference types="react" />
-declare type Props = any;
-export default function MultiImageUpload({ imagePreviewProps, ...multiImageUploadProps }: Props): JSX.Element;
-export {};
+import * as React from "react";
+/**
+ * TODO @ts-refactor
+ */
+interface MultiImageUploadProps {
+    imagePreviewProps: {
+        src: string;
+        [key: string]: any;
+    };
+    [key: string]: any;
+}
+declare const MultiImageUpload: React.FC<MultiImageUploadProps>;
+export default MultiImageUpload;

package/components/MultiImageUpload.js

@@ -1,20 +1,34 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["imagePreviewProps"];
-import * as React from "react";
-import { Image } from "@webiny/app/components/Image";
-import { MultiImageUpload as UiMultiImageUpload } from "@webiny/ui/ImageUpload"; // TODO: @adrian define props type
+"use strict";
 
-export default function MultiImageUpload(_ref) {
+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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _Image = require("@webiny/app/components/Image");
+var _ImageUpload = require("@webiny/ui/ImageUpload");
+var _excluded = ["imagePreviewProps"];
+var MultiImageUpload = function MultiImageUpload(_ref) {
   var imagePreviewProps = _ref.imagePreviewProps,
-      multiImageUploadProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(UiMultiImageUpload, Object.assign({
+    multiImageUploadProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_ImageUpload.MultiImageUpload
+  /**
+   * TODO @ts-refactor
+   * It appers that renderImagePreview does not exist on  UiMultiImageUpload. So how did this work?
+   */
+  // @ts-ignore
+  , Object.assign({
     renderImagePreview: function renderImagePreview(renderImageProps) {
-      return /*#__PURE__*/React.createElement(Image, Object.assign({
+      return /*#__PURE__*/React.createElement(_Image.Image, Object.assign({
         transform: {
           width: 300
         }
       }, imagePreviewProps, renderImageProps));
     }
   }, multiImageUploadProps));
-}
+};
+var _default = MultiImageUpload;
+exports.default = _default;

package/components/MultiImageUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MultiImageUpload","imagePreviewProps","multiImageUploadProps","renderImageProps","width"],"sources":["MultiImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport { MultiImageUpload as UiMultiImageUpload } from \"@webiny/ui/ImageUpload\";\n\n/**\n * TODO @ts-refactor\n */\ninterface MultiImageUploadProps {\n    imagePreviewProps: {\n        src: string;\n        [key: string]: any;\n    };\n    [key: string]: any;\n}\nconst MultiImageUpload: React.FC<MultiImageUploadProps> = ({\n    imagePreviewProps,\n    ...multiImageUploadProps\n}) => {\n    return (\n        <UiMultiImageUpload\n            /**\n             * TODO @ts-refactor\n             * It appers that renderImagePreview does not exist on  UiMultiImageUpload. So how did this work?\n             */\n            // @ts-ignore\n            renderImagePreview={(renderImageProps: Record<string, any>) => {\n                return (\n                    <Image\n                        transform={{ width: 300 }}\n                        {...imagePreviewProps}\n                        {...renderImageProps}\n                    />\n                );\n            }}\n            {...multiImageUploadProps}\n        />\n    );\n};\nexport default MultiImageUpload;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAAgF;AAYhF,IAAMA,gBAAiD,GAAG,SAApDA,gBAAiD,OAGjD;EAAA,IAFFC,iBAAiB,QAAjBA,iBAAiB;IACdC,qBAAqB;EAExB,oBACI,oBAAC;EACG;AACZ;AACA;AACA;EACY;EAAA;IACA,kBAAkB,EAAE,4BAACC,gBAAqC,EAAK;MAC3D,oBACI,oBAAC,YAAK;QACF,SAAS,EAAE;UAAEC,KAAK,EAAE;QAAI;MAAE,GACtBH,iBAAiB,EACjBE,gBAAgB,EACtB;IAEV;EAAE,GACED,qBAAqB,EAC3B;AAEV,CAAC;AAAC,eACaF,gBAAgB;AAAA"}