@webiny/app-admin 0.0.0-unstable.d4f203fa97 → 0.0.0-unstable.d65ec29d44

package/components/AppInstaller/Sidebar.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Typography = require("@webiny/ui/Typography");
-
 var _config = require("@webiny/app/config");
-
 var _signInDivider = _interopRequireDefault(require("./assets/sign-in-divider.svg"));
-
 var _Brand = require("../../base/ui/Brand");
-
 var _Tags = require("../../base/ui/Tags");
-
 var Logo = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eu74ttw0",
   label: "Logo"
@@ -86,13 +75,11 @@ var Note = /*#__PURE__*/(0, _styled.default)("div", {
 })({
   padding: 15
 });
-
 var Installations = function Installations(props) {
   var title = props.title,
-      allInstallers = props.allInstallers,
-      installer = props.installer,
-      showLogin = props.showLogin;
-
+    allInstallers = props.allInstallers,
+    installer = props.installer,
+    showLogin = props.showLogin;
   var renderList = function renderList() {
     var loginItem = /*#__PURE__*/_react.default.createElement("li", {
       key: "login",
@@ -104,21 +91,17 @@ var Installations = function Installations(props) {
       use: "overline",
       className: "note"
     }, "TO CONTINUE THE INSTALLATION AFTER THIS POINT YOU\u2019LL NEED TO SIGN IN"));
-
     var items = [];
-
     for (var i = 0; i < allInstallers.length; i++) {
       var _allInstallers$i = allInstallers[i],
-          name = _allInstallers$i.name,
-          _title = _allInstallers$i.title,
-          secure = _allInstallers$i.secure,
-          installed = _allInstallers$i.installed;
+        name = _allInstallers$i.name,
+        _title = _allInstallers$i.title,
+        secure = _allInstallers$i.secure,
+        installed = _allInstallers$i.installed;
       var prev = i === 0 ? null : allInstallers[i - 1];
-
       if ((!prev || !prev.secure) && secure && showLogin) {
         items.push(loginItem);
       }
-
       var active = installer && !showLogin && name === installer.name;
       items.push( /*#__PURE__*/_react.default.createElement("li", {
         key: name,
@@ -135,28 +118,23 @@ var Installations = function Installations(props) {
         className: "title"
       }, _title)));
     }
-
     return items;
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Note, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "body1"
   }, title)), /*#__PURE__*/_react.default.createElement(List, null, renderList()));
 };
-
 var Sidebar = function Sidebar(_ref) {
   var allInstallers = _ref.allInstallers,
-      installer = _ref.installer,
-      showLogin = _ref.showLogin;
+    installer = _ref.installer,
+    showLogin = _ref.showLogin;
   var upgrades = allInstallers.filter(function (installer) {
     return installer.type === "upgrade";
   });
   var installations = allInstallers.filter(function (installer) {
     return installer.type === "install";
   });
-
   var wbyVersion = _config.config.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
-
   return /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
     tags: {
       location: "installer"
@@ -173,6 +151,5 @@ var Sidebar = function Sidebar(_ref) {
     showLogin: upgrades.length > 0 ? false : showLogin
   }));
 };
-
 var _default = Sidebar;
 exports.default = _default;

package/components/AppInstaller/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["Logo","styled","padding","borderBottom","List","li","display","alignItems","borderRadius","height","width","marginRight","textAlign","lineHeight","fontSize","paddingTop","color","img","backgroundColor","fontWeight","Note","Installations","props","title","allInstallers","installer","showLogin","renderList","loginItem","signInDivider","items","i","length","name","secure","installed","prev","push","active","classSet","pending","Sidebar","upgrades","filter","type","installations","wbyVersion","appConfig","getKey","process","env","REACT_APP_WEBINY_VERSION","location"],"sources":["Sidebar.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport classSet from \"classnames\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { config as appConfig } from \"@webiny/app/config\";\nimport signInDivider from \"./assets/sign-in-divider.svg\";\nimport { Installer } from \"./useInstaller\";\nimport { Brand } from \"~/base/ui/Brand\";\nimport { Tags } from \"~/base/ui/Tags\";\n\nconst Logo = styled(\"div\")({\n    padding: 15,\n    borderBottom: \"1px solid var(--mdc-theme-background)\"\n});\n\nconst List = styled(\"ul\")({\n    li: {\n        display: \"flex\",\n        alignItems: \"center\",\n        padding: \"15px 15px\",\n        \".status\": {\n            borderRadius: \"50%\",\n            display: \"inline-block\",\n            height: 20,\n            width: 20,\n            marginRight: 15\n        },\n        \"&.sign-in\": {\n            display: \"block\",\n            textAlign: \"center\",\n            \".note\": {\n                display: \"inline-block\",\n                lineHeight: \"150%\",\n                fontSize: 10,\n                paddingTop: 10,\n                color: \"var(--mdc-theme-text-icon-on-background)\"\n            },\n            img: {\n                width: \"100%\"\n            }\n        },\n        \"&.active\": {\n            backgroundColor: \"var(--mdc-theme-background)\",\n            fontWeight: 600,\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-primary)\"\n            }\n        },\n        \"&.pending\": {\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-on-surface)\"\n            }\n        },\n        \"&.installed\": {\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-secondary)\"\n            }\n        }\n    }\n});\n\nconst Note = styled(\"div\")({\n    padding: 15\n});\ninterface InstallationsProps {\n    title: React.ReactNode;\n    allInstallers: Installer[];\n    installer: Installer;\n    showLogin: boolean;\n}\nconst Installations: React.FC<InstallationsProps> = props => {\n    const { title, allInstallers, installer, showLogin } = props;\n    const renderList = () => {\n        const loginItem = (\n            <li key={\"login\"} className={\"sign-in\"}>\n                <img src={signInDivider} alt={\"\"} />\n                <Typography use={\"overline\"} className={\"note\"}>\n                    TO CONTINUE THE INSTALLATION AFTER THIS POINT YOU’LL NEED TO SIGN IN\n                </Typography>\n            </li>\n        );\n\n        const items = [];\n        for (let i = 0; i < allInstallers.length; i++) {\n            const { name, title, secure, installed } = allInstallers[i];\n            const prev = i === 0 ? null : allInstallers[i - 1];\n            if ((!prev || !prev.secure) && secure && showLogin) {\n                items.push(loginItem);\n            }\n\n            const active = installer && !showLogin && name === installer.name;\n\n            items.push(\n                <li\n                    key={name}\n                    className={classSet(\n                        { installed: installed },\n                        { active: active },\n                        { pending: !installed && !active }\n                    )}\n                >\n                    <span className={\"status\"} />\n                    <span className={\"title\"}>{title}</span>\n                </li>\n            );\n        }\n        return items;\n    };\n\n    return (\n        <Fragment>\n            <Note>\n                <Typography use={\"body1\"}>{title}</Typography>\n            </Note>\n            <List>{renderList()}</List>\n        </Fragment>\n    );\n};\n\ninterface SidebarProps {\n    allInstallers: Installer[];\n    installer: Installer;\n    showLogin: boolean;\n}\n\nconst Sidebar: React.FC<SidebarProps> = ({ allInstallers, installer, showLogin }) => {\n    const upgrades = allInstallers.filter(installer => installer.type === \"upgrade\");\n    const installations = allInstallers.filter(installer => installer.type === \"install\");\n    const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n\n    return (\n        <Tags tags={{ location: \"installer\" }}>\n            <Logo>\n                <Brand />\n            </Logo>\n            {upgrades.length > 0 ? (\n                <Installations\n                    title={\n                        <span>\n                            The following apps will be upgraded to <strong>{wbyVersion}</strong>:\n                        </span>\n                    }\n                    allInstallers={upgrades}\n                    installer={installer}\n                    showLogin={showLogin}\n                />\n            ) : null}\n            {installations.length > 0 && (\n                <Installations\n                    title={\"The following apps will be installed and configured:\"}\n                    allInstallers={installations}\n                    installer={installer}\n                    showLogin={upgrades.length > 0 ? false : showLogin}\n                />\n            )}\n        </Tags>\n    );\n};\nexport default Sidebar;\n"],"mappings":"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"}
+{"version":3,"names":["Logo","styled","padding","borderBottom","List","li","display","alignItems","borderRadius","height","width","marginRight","textAlign","lineHeight","fontSize","paddingTop","color","img","backgroundColor","fontWeight","Note","Installations","props","title","allInstallers","installer","showLogin","renderList","loginItem","signInDivider","items","i","length","name","secure","installed","prev","push","active","classSet","pending","Sidebar","upgrades","filter","type","installations","wbyVersion","appConfig","getKey","process","env","REACT_APP_WEBINY_VERSION","location"],"sources":["Sidebar.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport classSet from \"classnames\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { config as appConfig } from \"@webiny/app/config\";\nimport signInDivider from \"./assets/sign-in-divider.svg\";\nimport { Installer } from \"./useInstaller\";\nimport { Brand } from \"~/base/ui/Brand\";\nimport { Tags } from \"~/base/ui/Tags\";\n\nconst Logo = styled(\"div\")({\n    padding: 15,\n    borderBottom: \"1px solid var(--mdc-theme-background)\"\n});\n\nconst List = styled(\"ul\")({\n    li: {\n        display: \"flex\",\n        alignItems: \"center\",\n        padding: \"15px 15px\",\n        \".status\": {\n            borderRadius: \"50%\",\n            display: \"inline-block\",\n            height: 20,\n            width: 20,\n            marginRight: 15\n        },\n        \"&.sign-in\": {\n            display: \"block\",\n            textAlign: \"center\",\n            \".note\": {\n                display: \"inline-block\",\n                lineHeight: \"150%\",\n                fontSize: 10,\n                paddingTop: 10,\n                color: \"var(--mdc-theme-text-icon-on-background)\"\n            },\n            img: {\n                width: \"100%\"\n            }\n        },\n        \"&.active\": {\n            backgroundColor: \"var(--mdc-theme-background)\",\n            fontWeight: 600,\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-primary)\"\n            }\n        },\n        \"&.pending\": {\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-on-surface)\"\n            }\n        },\n        \"&.installed\": {\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-secondary)\"\n            }\n        }\n    }\n});\n\nconst Note = styled(\"div\")({\n    padding: 15\n});\ninterface InstallationsProps {\n    title: React.ReactNode;\n    allInstallers: Installer[];\n    installer: Installer;\n    showLogin: boolean;\n}\nconst Installations: React.FC<InstallationsProps> = props => {\n    const { title, allInstallers, installer, showLogin } = props;\n    const renderList = () => {\n        const loginItem = (\n            <li key={\"login\"} className={\"sign-in\"}>\n                <img src={signInDivider} alt={\"\"} />\n                <Typography use={\"overline\"} className={\"note\"}>\n                    TO CONTINUE THE INSTALLATION AFTER THIS POINT YOU’LL NEED TO SIGN IN\n                </Typography>\n            </li>\n        );\n\n        const items = [];\n        for (let i = 0; i < allInstallers.length; i++) {\n            const { name, title, secure, installed } = allInstallers[i];\n            const prev = i === 0 ? null : allInstallers[i - 1];\n            if ((!prev || !prev.secure) && secure && showLogin) {\n                items.push(loginItem);\n            }\n\n            const active = installer && !showLogin && name === installer.name;\n\n            items.push(\n                <li\n                    key={name}\n                    className={classSet(\n                        { installed: installed },\n                        { active: active },\n                        { pending: !installed && !active }\n                    )}\n                >\n                    <span className={\"status\"} />\n                    <span className={\"title\"}>{title}</span>\n                </li>\n            );\n        }\n        return items;\n    };\n\n    return (\n        <Fragment>\n            <Note>\n                <Typography use={\"body1\"}>{title}</Typography>\n            </Note>\n            <List>{renderList()}</List>\n        </Fragment>\n    );\n};\n\ninterface SidebarProps {\n    allInstallers: Installer[];\n    installer: Installer;\n    showLogin: boolean;\n}\n\nconst Sidebar: React.FC<SidebarProps> = ({ allInstallers, installer, showLogin }) => {\n    const upgrades = allInstallers.filter(installer => installer.type === \"upgrade\");\n    const installations = allInstallers.filter(installer => installer.type === \"install\");\n    const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n\n    return (\n        <Tags tags={{ location: \"installer\" }}>\n            <Logo>\n                <Brand />\n            </Logo>\n            {upgrades.length > 0 ? (\n                <Installations\n                    title={\n                        <span>\n                            The following apps will be upgraded to <strong>{wbyVersion}</strong>:\n                        </span>\n                    }\n                    allInstallers={upgrades}\n                    installer={installer}\n                    showLogin={showLogin}\n                />\n            ) : null}\n            {installations.length > 0 && (\n                <Installations\n                    title={\"The following apps will be installed and configured:\"}\n                    allInstallers={installations}\n                    installer={installer}\n                    showLogin={upgrades.length > 0 ? false : showLogin}\n                />\n            )}\n        </Tags>\n    );\n};\nexport default Sidebar;\n"],"mappings":"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"}

package/components/AppInstaller/index.js

@@ -1,29 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AppInstaller = void 0;
-
 var _ = require("../..");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _AppInstaller = require("./AppInstaller");
-
 var AppInstallerHOC = function AppInstallerHOC(Component) {
   return function AppInstallerProvider(_ref) {
     var children = _ref.children;
     return /*#__PURE__*/_react.default.createElement(_AppInstaller.AppInstaller, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
   };
 };
-
 var AppInstaller = function AppInstaller() {
   return /*#__PURE__*/_react.default.createElement(_.Provider, {
     hoc: AppInstallerHOC
   });
 };
-
 exports.AppInstaller = AppInstaller;

package/components/AppInstaller/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AppInstallerHOC","Component","AppInstallerProvider","children","AppInstaller"],"sources":["index.tsx"],"sourcesContent":["import { Provider } from \"~/index\";\nimport React from \"react\";\nimport { ComponentType } from \"react\";\nimport { AppInstaller as Installer } from \"./AppInstaller\";\n\nconst AppInstallerHOC = (Component: ComponentType<unknown>): React.FC => {\n    return function AppInstallerProvider({ children }) {\n        return (\n            <Installer>\n                <Component>{children}</Component>\n            </Installer>\n        );\n    };\n};\n\nexport const AppInstaller = () => {\n    return <Provider hoc={AppInstallerHOC} />;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,SAAD,EAAiD;EACrE,OAAO,SAASC,oBAAT,OAA4C;IAAA,IAAZC,QAAY,QAAZA,QAAY;IAC/C,oBACI,6BAAC,0BAAD,qBACI,6BAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;EAKH,CAND;AAOH,CARD;;AAUO,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;EAC9B,oBAAO,6BAAC,UAAD;IAAU,GAAG,EAAEJ;EAAf,EAAP;AACH,CAFM"}
+{"version":3,"names":["AppInstallerHOC","Component","AppInstallerProvider","children","AppInstaller"],"sources":["index.tsx"],"sourcesContent":["import { Provider } from \"~/index\";\nimport React from \"react\";\nimport { ComponentType } from \"react\";\nimport { AppInstaller as Installer } from \"./AppInstaller\";\n\nconst AppInstallerHOC = (Component: ComponentType<unknown>): React.FC => {\n    return function AppInstallerProvider({ children }) {\n        return (\n            <Installer>\n                <Component>{children}</Component>\n            </Installer>\n        );\n    };\n};\n\nexport const AppInstaller = () => {\n    return <Provider hoc={AppInstallerHOC} />;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,SAAiC,EAAe;EACrE,OAAO,SAASC,oBAAoB,OAAe;IAAA,IAAZC,QAAQ,QAARA,QAAQ;IAC3C,oBACI,6BAAC,0BAAS,qBACN,6BAAC,SAAS,QAAEA,QAAQ,CAAa,CACzB;EAEpB,CAAC;AACL,CAAC;AAEM,IAAMC,YAAY,GAAG,SAAfA,YAAY,GAAS;EAC9B,oBAAO,6BAAC,UAAQ;IAAC,GAAG,EAAEJ;EAAgB,EAAG;AAC7C,CAAC;AAAC"}

package/components/AppInstaller/styled.js

@@ -1,16 +1,12 @@
 "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"

package/components/AppInstaller/styled.js.map

@@ -1 +1 @@
-{"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    // height: \"100vh\",\n    \".webiny-split-view__inner\": {\n        height: \"100vh\"\n    },\n    \".webiny-split-view__right-panel-wrapper\": {\n        height: \"100vh\"\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;EACA,6BAA6B;IACzBC,MAAM,EAAE;EADiB,CAFK;EAKlC,2CAA2C;IACvCA,MAAM,EAAE;EAD+B;AALT,CAAJ,8BAA3B;;AAUA,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"}
+{"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    // height: \"100vh\",\n    \".webiny-split-view__inner\": {\n        height: \"100vh\"\n    },\n    \".webiny-split-view__right-panel-wrapper\": {\n        height: \"100vh\"\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,eAAM,EAAC,SAAS;EAAA;EAAA;AAAA,GAAE;EACrCC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,cAAc,EAAE,QAAQ;EACxBC,SAAS,EAAE,OAAO;EAClBC,KAAK,EAAE,6BAA6B;EACpC,yBAAyB,EAAE;IACvBC,UAAU,EAAE;EAChB,CAAC;EACDC,EAAE,EAAE;IACAC,SAAS,EAAE,MAAM;IACjBC,WAAW,EAAE,6CAA6C;IAC1DC,EAAE,EAAE;MACAL,KAAK,EAAE,+EAA+E;MACtFM,mBAAmB,EAAE,WAAW;MAChCC,mBAAmB,EAAE,aAAa;MAClCC,QAAQ,EAAE,MAAM;MAChBC,UAAU,EAAE,QAAQ;MACpBC,UAAU,EAAE,GAAG;MACfC,aAAa,EAAE,WAAW;MAC1BC,cAAc,EAAE,SAAS;MACzBC,aAAa,EAAE,SAAS;MACxBC,SAAS,EAAE,MAAM;MACjBC,YAAY,EAAE;IAClB;EACJ;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMC,cAAc,oBAAGrB,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACxCsB,QAAQ,EAAE,GAAG;EACbC,MAAM,EAAE,kBAAkB;EAC1B,oBAAoB,EAAE;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMC,kBAAkB,gBAAG,IAAAC,YAAG,EAAC;EAClC;EACA,2BAA2B,EAAE;IACzBC,MAAM,EAAE;EACZ,CAAC;EACD,yCAAyC,EAAE;IACvCA,MAAM,EAAE;EACZ;AACJ,CAAC,8BAAC;AAAC;AAEI,IAAMC,aAAa,oBAAG7B,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvC8B,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE,QAAQ;EACnBC,CAAC,EAAE;IACCC,aAAa,EAAE;EACnB;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMC,YAAY,oBAAGlC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACtC8B,OAAO,EAAE,EAAE;EACXK,QAAQ,EAAE;AACd,CAAC,CAAC;AAAC;AAEI,IAAMC,UAAU,gBAAG,IAAAT,YAAG,EAAC;EAC1BU,UAAU,EAAE,eAAe;EAC3Bd,MAAM,EAAE,cAAc;EACtBO,OAAO,EAAE;AACb,CAAC,sBAAC;AAAC"}

package/components/AppInstaller/useInstaller.js

@@ -1,84 +1,60 @@
 "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"];
-
 var Loader = function Loader(_ref) {
   var children = _ref.children,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
       label: "Loading..."
     })
   }, /*#__PURE__*/_react.default.cloneElement(children, props));
 };
-
 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,
-    skippingVersions: null
-  }),
-      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
-      state = _useReducer2[0],
-      setState = _useReducer2[1];
-
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), next);
+    }, {
+      loading: true,
+      installers: [],
+      installerIndex: -1,
+      showLogin: false,
+      skippingVersions: null
+    }),
+    _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,
-      skippingVersions = state.skippingVersions;
+    installers = state.installers,
+    installerIndex = state.installerIndex,
+    showLogin = state.showLogin,
+    skippingVersions = state.skippingVersions;
   var client = (0, _reactHooks.useApolloClient)();
-
   var validateGraph = function validateGraph(graph) {
     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(" --> ");
@@ -90,7 +66,6 @@ var useInstaller = function useInstaller(params) {
     }, cycles);
     throw new Error(msg.join("\n"));
   };
-
   var createGraph = function createGraph(installers) {
     var graph = new _graphlib.Graph();
     installers.forEach(function (_ref2) {
@@ -99,7 +74,6 @@ var useInstaller = function useInstaller(params) {
     });
     installers.forEach(function (_ref3) {
       var pl = _ref3.plugin;
-
       if (Array.isArray(pl.dependencies)) {
         pl.dependencies.forEach(function (dep) {
           graph.setEdge(pl.name, dep);
@@ -109,23 +83,18 @@ var useInstaller = function useInstaller(params) {
     validateGraph(graph);
     return 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",
@@ -138,13 +107,11 @@ var useInstaller = function useInstaller(params) {
         });
       } else {
         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 (0, _semver.lte)(version, wbyVersion) && (0, _semver.gt)(version, installer.installed || "");
         });
-
         if (upgrades.length > 1) {
           var availableUpgrades = (0, _semver.sort)(upgrades.map(function (u) {
             return u.version;
@@ -175,17 +142,14 @@ var useInstaller = function useInstaller(params) {
           });
         }
       }
-
       return getInstallers(installers, graph, toInstall, toUpgrade);
     }
-
     toInstall.sort(function (a, b) {
       if (a.secure && !b.secure) {
         return 1;
       } else if (!a.secure && b.secure) {
         return -1;
       }
-
       return 0;
     });
     return {
@@ -193,112 +157,93 @@ var useInstaller = function useInstaller(params) {
       toUpgrade: toUpgrade
     };
   }, []);
-
   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 = _config.config.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
     setState({
       installers: installers
     });
-
     if (installers.length < installerIndex + 1) {
       setState({
         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
     });
   };
-
   (0, _react.useEffect)(function () {
     (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
       var allInstallers, graph, _getInstallers, toInstall, toUpgrade, 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 _ref7 = (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 _ref7.apply(this, arguments);
-                };
-              }()));
-
-            case 5:
-              graph = createGraph(allInstallers);
-              _getInstallers = getInstallers(allInstallers, graph), toInstall = _getInstallers.toInstall, toUpgrade = _getInstallers.toUpgrade;
-              installers = [].concat((0, _toConsumableArray2.default)(toUpgrade), (0, _toConsumableArray2.default)(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();
-          }
+        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 _ref7 = (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 _ref7.apply(this, arguments);
+              };
+            }()));
+          case 5:
+            graph = createGraph(allInstallers);
+            _getInstallers = getInstallers(allInstallers, graph), toInstall = _getInstallers.toInstall, toUpgrade = _getInstallers.toUpgrade;
+            installers = [].concat((0, _toConsumableArray2.default)(toUpgrade), (0, _toConsumableArray2.default)(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();
         }
       }, _callee2);
     }))();
@@ -317,5 +262,4 @@ var useInstaller = function useInstaller(params) {
     skippingVersions: skippingVersions
   };
 };
-
 exports.useInstaller = useInstaller;