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

package/base/Admin.js

@@ -1,33 +1,53 @@
-import React from "react";
-import { Admin as BaseAdmin, Provider } from "@webiny/app-admin-core";
-import { createApolloProvider } from "./providers/ApolloProvider";
-import { Base } from "./Base";
-import { createTelemetryProvider } from "./providers/TelemetryProvider";
-import { createUiStateProvider } from "./providers/UiStateProvider";
-import { SearchProvider } from "./ui/Search";
-import { UserMenuProvider } from "./ui/UserMenu";
-import { NavigationProvider } from "./ui/Navigation";
-export var Admin = function Admin(_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Admin = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _appAdminCore = require("@webiny/app-admin-core");
+
+var _ApolloProvider = require("./providers/ApolloProvider");
+
+var _Base = require("./Base");
+
+var _TelemetryProvider = require("./providers/TelemetryProvider");
+
+var _UiStateProvider = require("./providers/UiStateProvider");
+
+var _Search = require("./ui/Search");
+
+var _UserMenu = require("./ui/UserMenu");
+
+var _Navigation = require("./ui/Navigation");
+
+var Admin = function Admin(_ref) {
   var children = _ref.children,
       createApolloClient = _ref.createApolloClient;
-  var ApolloProvider = createApolloProvider(createApolloClient);
-  var TelemetryProvider = createTelemetryProvider();
-  var UiStateProvider = createUiStateProvider();
+  var ApolloProvider = (0, _ApolloProvider.createApolloProvider)(createApolloClient);
+  var TelemetryProvider = (0, _TelemetryProvider.createTelemetryProvider)();
+  var UiStateProvider = (0, _UiStateProvider.createUiStateProvider)();
   /**
    * TODO @ts-refactor
    */
 
-  return /*#__PURE__*/React.createElement(BaseAdmin, null, /*#__PURE__*/React.createElement(Provider, {
+  return /*#__PURE__*/_react.default.createElement(_appAdminCore.Admin, null, /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
     hoc: ApolloProvider
-  }), /*#__PURE__*/React.createElement(Provider, {
+  }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
     hoc: TelemetryProvider
-  }), /*#__PURE__*/React.createElement(Provider, {
+  }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
     hoc: UiStateProvider
-  }), /*#__PURE__*/React.createElement(Provider, {
-    hoc: SearchProvider
-  }), /*#__PURE__*/React.createElement(Provider, {
-    hoc: UserMenuProvider
-  }), /*#__PURE__*/React.createElement(Provider, {
-    hoc: NavigationProvider
-  }), /*#__PURE__*/React.createElement(Base, null), children);
-};
+  }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
+    hoc: _Search.SearchProvider
+  }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
+    hoc: _UserMenu.UserMenuProvider
+  }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
+    hoc: _Navigation.NavigationProvider
+  }), /*#__PURE__*/_react.default.createElement(_Base.Base, null), children);
+};
+
+exports.Admin = Admin;

package/base/Admin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Admin.tsx"],"names":["React","Admin","BaseAdmin","Provider","createApolloProvider","Base","createTelemetryProvider","createUiStateProvider","SearchProvider","UserMenuProvider","NavigationProvider","children","createApolloClient","ApolloProvider","TelemetryProvider","UiStateProvider"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAK,IAAIC,SAAlB,EAA6BC,QAA7B,QAA6C,wBAA7C;AACA,SAA8BC,oBAA9B;AACA,SAASC,IAAT;AACA,SAASC,uBAAT;AACA,SAASC,qBAAT;AACA,SAASC,cAAT;AACA,SAASC,gBAAT;AACA,SAASC,kBAAT;AAOA,OAAO,IAAMT,KAA2B,GAAG,SAA9BA,KAA8B,OAAsC;AAAA,MAAnCU,QAAmC,QAAnCA,QAAmC;AAAA,MAAzBC,kBAAyB,QAAzBA,kBAAyB;AAC7E,MAAMC,cAAc,GAAGT,oBAAoB,CAACQ,kBAAD,CAA3C;AACA,MAAME,iBAAiB,GAAGR,uBAAuB,EAAjD;AACA,MAAMS,eAAe,GAAGR,qBAAqB,EAA7C;AACA;AACJ;AACA;;AACI,sBACI,oBAAC,SAAD,qBACI,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEM;AAAf,IADJ,eAEI,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEC;AAAf,IAFJ,eAGI,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEC;AAAf,IAHJ,eAII,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEP;AAAf,IAJJ,eAKI,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEC;AAAf,IALJ,eAMI,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEC;AAAf,IANJ,eAOI,oBAAC,IAAD,OAPJ,EAQKC,QARL,CADJ;AAYH,CAnBM","sourcesContent":["import React from \"react\";\nimport { Admin as BaseAdmin, Provider } from \"@webiny/app-admin-core\";\nimport { ApolloClientFactory, createApolloProvider } from \"./providers/ApolloProvider\";\nimport { Base } from \"./Base\";\nimport { createTelemetryProvider } from \"./providers/TelemetryProvider\";\nimport { createUiStateProvider } from \"./providers/UiStateProvider\";\nimport { SearchProvider } from \"./ui/Search\";\nimport { UserMenuProvider } from \"./ui/UserMenu\";\nimport { NavigationProvider } from \"./ui/Navigation\";\n\nexport interface AdminProps {\n    createApolloClient: ApolloClientFactory;\n    children?: React.ReactNode;\n}\n\nexport const Admin: React.FC<AdminProps> = ({ children, createApolloClient }) => {\n    const ApolloProvider = createApolloProvider(createApolloClient);\n    const TelemetryProvider = createTelemetryProvider();\n    const UiStateProvider = createUiStateProvider();\n    /**\n     * TODO @ts-refactor\n     */\n    return (\n        <BaseAdmin>\n            <Provider hoc={ApolloProvider} />\n            <Provider hoc={TelemetryProvider} />\n            <Provider hoc={UiStateProvider} />\n            <Provider hoc={SearchProvider} />\n            <Provider hoc={UserMenuProvider} />\n            <Provider hoc={NavigationProvider} />\n            <Base />\n            {children}\n        </BaseAdmin>\n    );\n};\n"]}
+{"version":3,"names":["Admin","children","createApolloClient","ApolloProvider","createApolloProvider","TelemetryProvider","createTelemetryProvider","UiStateProvider","createUiStateProvider","SearchProvider","UserMenuProvider","NavigationProvider"],"sources":["Admin.tsx"],"sourcesContent":["import React from \"react\";\nimport { Admin as BaseAdmin, Provider } from \"@webiny/app-admin-core\";\nimport { ApolloClientFactory, createApolloProvider } from \"./providers/ApolloProvider\";\nimport { Base } from \"./Base\";\nimport { createTelemetryProvider } from \"./providers/TelemetryProvider\";\nimport { createUiStateProvider } from \"./providers/UiStateProvider\";\nimport { SearchProvider } from \"./ui/Search\";\nimport { UserMenuProvider } from \"./ui/UserMenu\";\nimport { NavigationProvider } from \"./ui/Navigation\";\n\nexport interface AdminProps {\n    createApolloClient: ApolloClientFactory;\n    children?: React.ReactNode;\n}\n\nexport const Admin: React.FC<AdminProps> = ({ children, createApolloClient }) => {\n    const ApolloProvider = createApolloProvider(createApolloClient);\n    const TelemetryProvider = createTelemetryProvider();\n    const UiStateProvider = createUiStateProvider();\n    /**\n     * TODO @ts-refactor\n     */\n    return (\n        <BaseAdmin>\n            <Provider hoc={ApolloProvider} />\n            <Provider hoc={TelemetryProvider} />\n            <Provider hoc={UiStateProvider} />\n            <Provider hoc={SearchProvider} />\n            <Provider hoc={UserMenuProvider} />\n            <Provider hoc={NavigationProvider} />\n            <Base />\n            {children}\n        </BaseAdmin>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAOO,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,OAAsC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,kBAAyB,QAAzBA,kBAAyB;EAC7E,IAAMC,cAAc,GAAG,IAAAC,oCAAA,EAAqBF,kBAArB,CAAvB;EACA,IAAMG,iBAAiB,GAAG,IAAAC,0CAAA,GAA1B;EACA,IAAMC,eAAe,GAAG,IAAAC,sCAAA,GAAxB;EACA;AACJ;AACA;;EACI,oBACI,6BAAC,mBAAD,qBACI,6BAAC,sBAAD;IAAU,GAAG,EAAEL;EAAf,EADJ,eAEI,6BAAC,sBAAD;IAAU,GAAG,EAAEE;EAAf,EAFJ,eAGI,6BAAC,sBAAD;IAAU,GAAG,EAAEE;EAAf,EAHJ,eAII,6BAAC,sBAAD;IAAU,GAAG,EAAEE;EAAf,EAJJ,eAKI,6BAAC,sBAAD;IAAU,GAAG,EAAEC;EAAf,EALJ,eAMI,6BAAC,sBAAD;IAAU,GAAG,EAAEC;EAAf,EANJ,eAOI,6BAAC,UAAD,OAPJ,EAQKV,QARL,CADJ;AAYH,CAnBM"}

package/base/Base.js

@@ -1,65 +1,88 @@
-import React, { memo } from "react";
-import { Plugins } from "@webiny/app-admin-core";
-import { AddMenu, AddRoute, Dashboard, Layout, NotFound } from "./..";
-import { plugins } from "@webiny/plugins";
-import { ReactComponent as DocsIcon } from "../assets/icons/icon-documentation.svg";
-import { ReactComponent as SlackIcon } from "../assets/icons/slack-logo.svg";
-import { ReactComponent as GithubIcon } from "../assets/icons/github-brands.svg";
-import { ReactComponent as FileIcon } from "../assets/icons/insert_drive_file-24px.svg";
-import { ReactComponent as SettingsIcon } from "../assets/icons/round-settings-24px.svg";
-import { FileManager } from "../components";
-import adminPlugins from "../plugins";
+"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.Base = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _appAdminCore = require("@webiny/app-admin-core");
+
+var _ = require("./..");
+
+var _plugins = require("@webiny/plugins");
+
+var _iconDocumentation = require("../assets/icons/icon-documentation.svg");
+
+var _slackLogo = require("../assets/icons/slack-logo.svg");
+
+var _githubBrands = require("../assets/icons/github-brands.svg");
+
+var _insert_drive_file24px = require("../assets/icons/insert_drive_file-24px.svg");
+
+var _roundSettings24px = require("../assets/icons/round-settings-24px.svg");
+
+var _components = require("../components");
+
+var _plugins2 = _interopRequireDefault(require("../plugins"));
 
 var BaseExtension = function BaseExtension() {
-  plugins.register(adminPlugins());
-  return /*#__PURE__*/React.createElement(Plugins, null, /*#__PURE__*/React.createElement(AddMenu, {
+  _plugins.plugins.register((0, _plugins2.default)());
+
+  return /*#__PURE__*/_react.default.createElement(_appAdminCore.Plugins, null, /*#__PURE__*/_react.default.createElement(_.AddMenu, {
     name: "settings",
     label: "Settings",
-    icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+    icon: /*#__PURE__*/_react.default.createElement(_roundSettings24px.ReactComponent, null),
     pin: "last"
-  }), /*#__PURE__*/React.createElement(FileManager, null, function (_ref) {
+  }), /*#__PURE__*/_react.default.createElement(_components.FileManager, null, function (_ref) {
     var showFileManager = _ref.showFileManager;
-    return /*#__PURE__*/React.createElement(AddMenu, {
+    return /*#__PURE__*/_react.default.createElement(_.AddMenu, {
       name: "fileManager",
       label: "File Manager",
-      icon: /*#__PURE__*/React.createElement(FileIcon, null),
+      icon: /*#__PURE__*/_react.default.createElement(_insert_drive_file24px.ReactComponent, null),
       tags: ["footer"],
       onClick: showFileManager,
       testId: "admin-drawer-footer-menu-file-manager"
     });
-  }), /*#__PURE__*/React.createElement(AddMenu, {
+  }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
     name: "documentation",
     label: "Documentation",
-    icon: /*#__PURE__*/React.createElement(DocsIcon, null),
+    icon: /*#__PURE__*/_react.default.createElement(_iconDocumentation.ReactComponent, null),
     path: "https://www.webiny.com/docs",
     rel: "noopener noreferrer",
     target: "_blank",
     tags: ["footer"]
-  }), /*#__PURE__*/React.createElement(AddMenu, {
+  }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
     name: "slack",
     label: "Slack",
-    icon: /*#__PURE__*/React.createElement(SlackIcon, null),
+    icon: /*#__PURE__*/_react.default.createElement(_slackLogo.ReactComponent, null),
     path: "https://www.webiny.com/slack/",
     rel: "noopener noreferrer",
     target: "_blank",
     tags: ["footer"]
-  }), /*#__PURE__*/React.createElement(AddMenu, {
+  }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
     name: "github",
     label: "Github",
-    icon: /*#__PURE__*/React.createElement(GithubIcon, null),
+    icon: /*#__PURE__*/_react.default.createElement(_githubBrands.ReactComponent, null),
     path: "https://github.com/webiny/webiny-js",
     rel: "noopener noreferrer",
     target: "_blank",
     tags: ["footer"]
-  }), /*#__PURE__*/React.createElement(AddRoute, {
+  }), /*#__PURE__*/_react.default.createElement(_.AddRoute, {
     path: "/"
-  }, /*#__PURE__*/React.createElement(Layout, {
+  }, /*#__PURE__*/_react.default.createElement(_.Layout, {
     title: "Welcome!"
-  }, /*#__PURE__*/React.createElement(Dashboard, null))), /*#__PURE__*/React.createElement(AddRoute, {
+  }, /*#__PURE__*/_react.default.createElement(_.Dashboard, null))), /*#__PURE__*/_react.default.createElement(_.AddRoute, {
     path: "*"
-  }, /*#__PURE__*/React.createElement(Layout, {
+  }, /*#__PURE__*/_react.default.createElement(_.Layout, {
     title: "Not Accessible"
-  }, /*#__PURE__*/React.createElement(NotFound, null))));
+  }, /*#__PURE__*/_react.default.createElement(_.NotFound, null))));
 };
 
-export var Base = /*#__PURE__*/memo(BaseExtension);
+var Base = /*#__PURE__*/(0, _react.memo)(BaseExtension);
+exports.Base = Base;

package/base/Base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Base.tsx"],"names":["React","memo","Plugins","AddMenu","AddRoute","Dashboard","Layout","NotFound","plugins","ReactComponent","DocsIcon","SlackIcon","GithubIcon","FileIcon","SettingsIcon","FileManager","adminPlugins","BaseExtension","register","showFileManager","Base"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,IAAhB,QAA4B,OAA5B;AACA,SAASC,OAAT,QAAwB,wBAAxB;AACA,SAASC,OAAT,EAAkBC,QAAlB,EAA4BC,SAA5B,EAAuCC,MAAvC,EAA+CC,QAA/C;AACA,SAASC,OAAT,QAAwB,iBAAxB;AACA,SAASC,cAAc,IAAIC,QAA3B;AACA,SAASD,cAAc,IAAIE,SAA3B;AACA,SAASF,cAAc,IAAIG,UAA3B;AACA,SAASH,cAAc,IAAII,QAA3B;AACA,SAASJ,cAAc,IAAIK,YAA3B;AACA,SAASC,WAAT;AAEA,OAAOC,YAAP;;AAEA,IAAMC,aAAuB,GAAG,SAA1BA,aAA0B,GAAM;AAClCT,EAAAA,OAAO,CAACU,QAAR,CAAiBF,YAAY,EAA7B;AAEA,sBACI,oBAAC,OAAD,qBACI,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAE,UAAf;AAA2B,IAAA,KAAK,EAAE,UAAlC;AAA8C,IAAA,IAAI,eAAE,oBAAC,YAAD,OAApD;AAAsE,IAAA,GAAG,EAAE;AAA3E,IADJ,eAEI,oBAAC,WAAD,QACK;AAAA,QAAGG,eAAH,QAAGA,eAAH;AAAA,wBACG,oBAAC,OAAD;AACI,MAAA,IAAI,EAAE,aADV;AAEI,MAAA,KAAK,EAAE,cAFX;AAGI,MAAA,IAAI,eAAE,oBAAC,QAAD,OAHV;AAII,MAAA,IAAI,EAAE,CAAC,QAAD,CAJV;AAKI,MAAA,OAAO,EAAEA,eALb;AAMI,MAAA,MAAM,EAAE;AANZ,MADH;AAAA,GADL,CAFJ,eAcI,oBAAC,OAAD;AACI,IAAA,IAAI,EAAE,eADV;AAEI,IAAA,KAAK,EAAE,eAFX;AAGI,IAAA,IAAI,eAAE,oBAAC,QAAD,OAHV;AAII,IAAA,IAAI,EAAE,6BAJV;AAKI,IAAA,GAAG,EAAE,qBALT;AAMI,IAAA,MAAM,EAAE,QANZ;AAOI,IAAA,IAAI,EAAE,CAAC,QAAD;AAPV,IAdJ,eAuBI,oBAAC,OAAD;AACI,IAAA,IAAI,EAAE,OADV;AAEI,IAAA,KAAK,EAAE,OAFX;AAGI,IAAA,IAAI,eAAE,oBAAC,SAAD,OAHV;AAII,IAAA,IAAI,EAAE,+BAJV;AAKI,IAAA,GAAG,EAAE,qBALT;AAMI,IAAA,MAAM,EAAE,QANZ;AAOI,IAAA,IAAI,EAAE,CAAC,QAAD;AAPV,IAvBJ,eAgCI,oBAAC,OAAD;AACI,IAAA,IAAI,EAAE,QADV;AAEI,IAAA,KAAK,EAAE,QAFX;AAGI,IAAA,IAAI,eAAE,oBAAC,UAAD,OAHV;AAII,IAAA,IAAI,EAAE,qCAJV;AAKI,IAAA,GAAG,EAAE,qBALT;AAMI,IAAA,MAAM,EAAE,QANZ;AAOI,IAAA,IAAI,EAAE,CAAC,QAAD;AAPV,IAhCJ,eAyCI,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAE;AAAhB,kBACI,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE;AAAf,kBACI,oBAAC,SAAD,OADJ,CADJ,CAzCJ,eA8CI,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAE;AAAhB,kBACI,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE;AAAf,kBACI,oBAAC,QAAD,OADJ,CADJ,CA9CJ,CADJ;AAsDH,CAzDD;;AA2DA,OAAO,IAAMC,IAAI,gBAAGnB,IAAI,CAACgB,aAAD,CAAjB","sourcesContent":["import React, { memo } from \"react\";\nimport { Plugins } from \"@webiny/app-admin-core\";\nimport { AddMenu, AddRoute, Dashboard, Layout, NotFound } from \"~/index\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ReactComponent as DocsIcon } from \"~/assets/icons/icon-documentation.svg\";\nimport { ReactComponent as SlackIcon } from \"~/assets/icons/slack-logo.svg\";\nimport { ReactComponent as GithubIcon } from \"~/assets/icons/github-brands.svg\";\nimport { ReactComponent as FileIcon } from \"~/assets/icons/insert_drive_file-24px.svg\";\nimport { ReactComponent as SettingsIcon } from \"~/assets/icons/round-settings-24px.svg\";\nimport { FileManager } from \"~/components\";\n\nimport adminPlugins from \"../plugins\";\n\nconst BaseExtension: React.FC = () => {\n    plugins.register(adminPlugins());\n\n    return (\n        <Plugins>\n            <AddMenu name={\"settings\"} label={\"Settings\"} icon={<SettingsIcon />} pin={\"last\"} />\n            <FileManager>\n                {({ showFileManager }) => (\n                    <AddMenu\n                        name={\"fileManager\"}\n                        label={\"File Manager\"}\n                        icon={<FileIcon />}\n                        tags={[\"footer\"]}\n                        onClick={showFileManager}\n                        testId={\"admin-drawer-footer-menu-file-manager\"}\n                    />\n                )}\n            </FileManager>\n            <AddMenu\n                name={\"documentation\"}\n                label={\"Documentation\"}\n                icon={<DocsIcon />}\n                path={\"https://www.webiny.com/docs\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddMenu\n                name={\"slack\"}\n                label={\"Slack\"}\n                icon={<SlackIcon />}\n                path={\"https://www.webiny.com/slack/\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddMenu\n                name={\"github\"}\n                label={\"Github\"}\n                icon={<GithubIcon />}\n                path={\"https://github.com/webiny/webiny-js\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddRoute path={\"/\"}>\n                <Layout title={\"Welcome!\"}>\n                    <Dashboard />\n                </Layout>\n            </AddRoute>\n            <AddRoute path={\"*\"}>\n                <Layout title={\"Not Accessible\"}>\n                    <NotFound />\n                </Layout>\n            </AddRoute>\n        </Plugins>\n    );\n};\n\nexport const Base = memo(BaseExtension);\n"]}
+{"version":3,"names":["BaseExtension","plugins","register","adminPlugins","showFileManager","Base","memo"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { Plugins } from \"@webiny/app-admin-core\";\nimport { AddMenu, AddRoute, Dashboard, Layout, NotFound } from \"~/index\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ReactComponent as DocsIcon } from \"~/assets/icons/icon-documentation.svg\";\nimport { ReactComponent as SlackIcon } from \"~/assets/icons/slack-logo.svg\";\nimport { ReactComponent as GithubIcon } from \"~/assets/icons/github-brands.svg\";\nimport { ReactComponent as FileIcon } from \"~/assets/icons/insert_drive_file-24px.svg\";\nimport { ReactComponent as SettingsIcon } from \"~/assets/icons/round-settings-24px.svg\";\nimport { FileManager } from \"~/components\";\n\nimport adminPlugins from \"../plugins\";\n\nconst BaseExtension: React.FC = () => {\n    plugins.register(adminPlugins());\n\n    return (\n        <Plugins>\n            <AddMenu name={\"settings\"} label={\"Settings\"} icon={<SettingsIcon />} pin={\"last\"} />\n            <FileManager>\n                {({ showFileManager }) => (\n                    <AddMenu\n                        name={\"fileManager\"}\n                        label={\"File Manager\"}\n                        icon={<FileIcon />}\n                        tags={[\"footer\"]}\n                        onClick={showFileManager}\n                        testId={\"admin-drawer-footer-menu-file-manager\"}\n                    />\n                )}\n            </FileManager>\n            <AddMenu\n                name={\"documentation\"}\n                label={\"Documentation\"}\n                icon={<DocsIcon />}\n                path={\"https://www.webiny.com/docs\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddMenu\n                name={\"slack\"}\n                label={\"Slack\"}\n                icon={<SlackIcon />}\n                path={\"https://www.webiny.com/slack/\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddMenu\n                name={\"github\"}\n                label={\"Github\"}\n                icon={<GithubIcon />}\n                path={\"https://github.com/webiny/webiny-js\"}\n                rel={\"noopener noreferrer\"}\n                target={\"_blank\"}\n                tags={[\"footer\"]}\n            />\n            <AddRoute path={\"/\"}>\n                <Layout title={\"Welcome!\"}>\n                    <Dashboard />\n                </Layout>\n            </AddRoute>\n            <AddRoute path={\"*\"}>\n                <Layout title={\"Not Accessible\"}>\n                    <NotFound />\n                </Layout>\n            </AddRoute>\n        </Plugins>\n    );\n};\n\nexport const Base = memo(BaseExtension);\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,aAAuB,GAAG,SAA1BA,aAA0B,GAAM;EAClCC,gBAAA,CAAQC,QAAR,CAAiB,IAAAC,iBAAA,GAAjB;;EAEA,oBACI,6BAAC,qBAAD,qBACI,6BAAC,SAAD;IAAS,IAAI,EAAE,UAAf;IAA2B,KAAK,EAAE,UAAlC;IAA8C,IAAI,eAAE,6BAAC,iCAAD,OAApD;IAAsE,GAAG,EAAE;EAA3E,EADJ,eAEI,6BAAC,uBAAD,QACK;IAAA,IAAGC,eAAH,QAAGA,eAAH;IAAA,oBACG,6BAAC,SAAD;MACI,IAAI,EAAE,aADV;MAEI,KAAK,EAAE,cAFX;MAGI,IAAI,eAAE,6BAAC,qCAAD,OAHV;MAII,IAAI,EAAE,CAAC,QAAD,CAJV;MAKI,OAAO,EAAEA,eALb;MAMI,MAAM,EAAE;IANZ,EADH;EAAA,CADL,CAFJ,eAcI,6BAAC,SAAD;IACI,IAAI,EAAE,eADV;IAEI,KAAK,EAAE,eAFX;IAGI,IAAI,eAAE,6BAAC,iCAAD,OAHV;IAII,IAAI,EAAE,6BAJV;IAKI,GAAG,EAAE,qBALT;IAMI,MAAM,EAAE,QANZ;IAOI,IAAI,EAAE,CAAC,QAAD;EAPV,EAdJ,eAuBI,6BAAC,SAAD;IACI,IAAI,EAAE,OADV;IAEI,KAAK,EAAE,OAFX;IAGI,IAAI,eAAE,6BAAC,yBAAD,OAHV;IAII,IAAI,EAAE,+BAJV;IAKI,GAAG,EAAE,qBALT;IAMI,MAAM,EAAE,QANZ;IAOI,IAAI,EAAE,CAAC,QAAD;EAPV,EAvBJ,eAgCI,6BAAC,SAAD;IACI,IAAI,EAAE,QADV;IAEI,KAAK,EAAE,QAFX;IAGI,IAAI,eAAE,6BAAC,4BAAD,OAHV;IAII,IAAI,EAAE,qCAJV;IAKI,GAAG,EAAE,qBALT;IAMI,MAAM,EAAE,QANZ;IAOI,IAAI,EAAE,CAAC,QAAD;EAPV,EAhCJ,eAyCI,6BAAC,UAAD;IAAU,IAAI,EAAE;EAAhB,gBACI,6BAAC,QAAD;IAAQ,KAAK,EAAE;EAAf,gBACI,6BAAC,WAAD,OADJ,CADJ,CAzCJ,eA8CI,6BAAC,UAAD;IAAU,IAAI,EAAE;EAAhB,gBACI,6BAAC,QAAD;IAAQ,KAAK,EAAE;EAAf,gBACI,6BAAC,UAAD,OADJ,CADJ,CA9CJ,CADJ;AAsDH,CAzDD;;AA2DO,IAAMC,IAAI,gBAAG,IAAAC,WAAA,EAAKN,aAAL,CAAb"}

package/base/plugins/AddGraphQLQuerySelection.js

@@ -1,16 +1,31 @@
-import { useEffect } from "react";
-import { plugins } from "@webiny/plugins";
-import { nanoid } from "nanoid";
-import { AddQuerySelectionPlugin } from "@webiny/app/plugins/AddQuerySelectionPlugin";
-export var AddGraphQLQuerySelection = function AddGraphQLQuerySelection(props) {
-  useEffect(function () {
-    var plugin = new AddQuerySelectionPlugin(props);
-    var name = nanoid();
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddGraphQLQuerySelection = void 0;
+
+var _react = require("react");
+
+var _plugins = require("@webiny/plugins");
+
+var _nanoid = require("nanoid");
+
+var _AddQuerySelectionPlugin = require("@webiny/app/plugins/AddQuerySelectionPlugin");
+
+var AddGraphQLQuerySelection = function AddGraphQLQuerySelection(props) {
+  (0, _react.useEffect)(function () {
+    var plugin = new _AddQuerySelectionPlugin.AddQuerySelectionPlugin(props);
+    var name = (0, _nanoid.nanoid)();
     plugin.name = name;
-    plugins.register(plugin);
+
+    _plugins.plugins.register(plugin);
+
     return function () {
-      plugins.unregister(name);
+      _plugins.plugins.unregister(name);
     };
   }, []);
   return null;
-};
+};
+
+exports.AddGraphQLQuerySelection = AddGraphQLQuerySelection;

package/base/plugins/AddGraphQLQuerySelection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AddGraphQLQuerySelection.tsx"],"names":["useEffect","plugins","nanoid","AddQuerySelectionPlugin","AddGraphQLQuerySelection","props","plugin","name","register","unregister"],"mappings":"AAAA,SAAgBA,SAAhB,QAAiC,OAAjC;AACA,SAASC,OAAT,QAAwB,iBAAxB;AACA,SAASC,MAAT,QAAuB,QAAvB;AACA,SAASC,uBAAT,QAAwC,6CAAxC;AASA,OAAO,IAAMC,wBAAyC,GAAG,SAA5CA,wBAA4C,CAAAC,KAAK,EAAI;AAC9DL,EAAAA,SAAS,CAAC,YAAM;AACZ,QAAMM,MAAM,GAAG,IAAIH,uBAAJ,CAA4BE,KAA5B,CAAf;AAEA,QAAME,IAAI,GAAGL,MAAM,EAAnB;AACAI,IAAAA,MAAM,CAACC,IAAP,GAAcA,IAAd;AACAN,IAAAA,OAAO,CAACO,QAAR,CAAiBF,MAAjB;AAEA,WAAO,YAAM;AACTL,MAAAA,OAAO,CAACQ,UAAR,CAAmBF,IAAnB;AACH,KAFD;AAGH,GAVQ,EAUN,EAVM,CAAT;AAYA,SAAO,IAAP;AACH,CAdM","sourcesContent":["import React, { useEffect } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { nanoid } from \"nanoid\";\nimport { AddQuerySelectionPlugin } from \"@webiny/app/plugins/AddQuerySelectionPlugin\";\nimport { DocumentNode } from \"graphql\";\n\ninterface Props {\n    operationName: string;\n    selectionPath: string;\n    addSelection: DocumentNode;\n}\n\nexport const AddGraphQLQuerySelection: React.FC<Props> = props => {\n    useEffect(() => {\n        const plugin = new AddQuerySelectionPlugin(props);\n\n        const name = nanoid();\n        plugin.name = name;\n        plugins.register(plugin);\n\n        return () => {\n            plugins.unregister(name);\n        };\n    }, []);\n\n    return null;\n};\n"]}
+{"version":3,"names":["AddGraphQLQuerySelection","props","useEffect","plugin","AddQuerySelectionPlugin","name","nanoid","plugins","register","unregister"],"sources":["AddGraphQLQuerySelection.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { nanoid } from \"nanoid\";\nimport { AddQuerySelectionPlugin } from \"@webiny/app/plugins/AddQuerySelectionPlugin\";\nimport { DocumentNode } from \"graphql\";\n\ninterface Props {\n    operationName: string;\n    selectionPath: string;\n    addSelection: DocumentNode;\n}\n\nexport const AddGraphQLQuerySelection: React.FC<Props> = props => {\n    useEffect(() => {\n        const plugin = new AddQuerySelectionPlugin(props);\n\n        const name = nanoid();\n        plugin.name = name;\n        plugins.register(plugin);\n\n        return () => {\n            plugins.unregister(name);\n        };\n    }, []);\n\n    return null;\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AASO,IAAMA,wBAAyC,GAAG,SAA5CA,wBAA4C,CAAAC,KAAK,EAAI;EAC9D,IAAAC,gBAAA,EAAU,YAAM;IACZ,IAAMC,MAAM,GAAG,IAAIC,gDAAJ,CAA4BH,KAA5B,CAAf;IAEA,IAAMI,IAAI,GAAG,IAAAC,cAAA,GAAb;IACAH,MAAM,CAACE,IAAP,GAAcA,IAAd;;IACAE,gBAAA,CAAQC,QAAR,CAAiBL,MAAjB;;IAEA,OAAO,YAAM;MACTI,gBAAA,CAAQE,UAAR,CAAmBJ,IAAnB;IACH,CAFD;EAGH,CAVD,EAUG,EAVH;EAYA,OAAO,IAAP;AACH,CAdM"}

package/base/providers/ApolloProvider.js

@@ -1,15 +1,28 @@
-import React from "react";
-import { ApolloProvider as Apollo } from "@apollo/react-components";
-export var createApolloProvider = function createApolloProvider(clientFactory) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createApolloProvider = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactComponents = require("@apollo/react-components");
+
+var createApolloProvider = function createApolloProvider(clientFactory) {
   return function (Component) {
     return function ApolloProvider(_ref) {
       var children = _ref.children;
       var uri = process.env.REACT_APP_GRAPHQL_API_URL;
-      return /*#__PURE__*/React.createElement(Apollo, {
+      return /*#__PURE__*/_react.default.createElement(_reactComponents.ApolloProvider, {
         client: clientFactory({
           uri: uri
         })
-      }, /*#__PURE__*/React.createElement(Component, null, children));
+      }, /*#__PURE__*/_react.default.createElement(Component, null, children));
     };
   };
-};
+};
+
+exports.createApolloProvider = createApolloProvider;

package/base/providers/ApolloProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ApolloProvider.tsx"],"names":["React","ApolloProvider","Apollo","createApolloProvider","clientFactory","Component","children","uri","process","env","REACT_APP_GRAPHQL_API_URL"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAc,IAAIC,MAA3B,QAAyC,0BAAzC;AAWA,OAAO,IAAMC,oBAAoB,GAC7B,SADSA,oBACT,CAACC,aAAD;AAAA,SACA,UAACC,SAAD,EAAuD;AACnD,WAAO,SAASJ,cAAT,OAAsC;AAAA,UAAZK,QAAY,QAAZA,QAAY;AACzC,UAAMC,GAAG,GAAGC,OAAO,CAACC,GAAR,CAAYC,yBAAxB;AACA,0BACI,oBAAC,MAAD;AAAQ,QAAA,MAAM,EAAEN,aAAa,CAAC;AAAEG,UAAAA,GAAG,EAAHA;AAAF,SAAD;AAA7B,sBACI,oBAAC,SAAD,QAAYD,QAAZ,CADJ,CADJ;AAKH,KAPD;AAQH,GAVD;AAAA,CADG","sourcesContent":["import React from \"react\";\nimport { ApolloProvider as Apollo } from \"@apollo/react-components\";\nimport ApolloClient from \"apollo-client\";\n\ninterface Options {\n    uri: string;\n}\n\nexport interface ApolloClientFactory {\n    (options: Options): ApolloClient<any>;\n}\n\nexport const createApolloProvider =\n    (clientFactory: ApolloClientFactory) =>\n    (Component: React.ComponentType<unknown>): React.FC => {\n        return function ApolloProvider({ children }) {\n            const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n            return (\n                <Apollo client={clientFactory({ uri })}>\n                    <Component>{children}</Component>\n                </Apollo>\n            );\n        };\n    };\n"]}
+{"version":3,"names":["createApolloProvider","clientFactory","Component","ApolloProvider","children","uri","process","env","REACT_APP_GRAPHQL_API_URL"],"sources":["ApolloProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ApolloProvider as Apollo } from \"@apollo/react-components\";\nimport ApolloClient from \"apollo-client\";\n\ninterface Options {\n    uri: string;\n}\n\nexport interface ApolloClientFactory {\n    (options: Options): ApolloClient<any>;\n}\n\nexport const createApolloProvider =\n    (clientFactory: ApolloClientFactory) =>\n    (Component: React.ComponentType<unknown>): React.FC => {\n        return function ApolloProvider({ children }) {\n            const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n            return (\n                <Apollo client={clientFactory({ uri })}>\n                    <Component>{children}</Component>\n                </Apollo>\n            );\n        };\n    };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAWO,IAAMA,oBAAoB,GAC7B,SADSA,oBACT,CAACC,aAAD;EAAA,OACA,UAACC,SAAD,EAAuD;IACnD,OAAO,SAASC,cAAT,OAAsC;MAAA,IAAZC,QAAY,QAAZA,QAAY;MACzC,IAAMC,GAAG,GAAGC,OAAO,CAACC,GAAR,CAAYC,yBAAxB;MACA,oBACI,6BAAC,+BAAD;QAAQ,MAAM,EAAEP,aAAa,CAAC;UAAEI,GAAG,EAAHA;QAAF,CAAD;MAA7B,gBACI,6BAAC,SAAD,QAAYD,QAAZ,CADJ,CADJ;IAKH,CAPD;EAQH,CAVD;AAAA,CADG"}

package/base/providers/TelemetryProvider.js

@@ -1,24 +1,37 @@
-import React, { useEffect } from "react";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTelemetryProvider = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@webiny/telemetry/react");
+
 /**
  * Package @webiny/telemetry is not a typescript project.
  */
 // @ts-ignore
-
-import { sendEvent } from "@webiny/telemetry/react";
 var eventSent = false;
-export var createTelemetryProvider = function createTelemetryProvider() {
+
+var createTelemetryProvider = function createTelemetryProvider() {
   return function (Component) {
     return function TelemetryProvider(_ref) {
       var children = _ref.children;
-      useEffect(function () {
+      (0, _react.useEffect)(function () {
         if (eventSent) {
           return;
         }
 
         eventSent = true;
-        sendEvent("app-start");
+        (0, _react2.sendEvent)("app-start");
       }, []);
-      return /*#__PURE__*/React.createElement(Component, null, children);
+      return /*#__PURE__*/_react.default.createElement(Component, null, children);
     };
   };
-};
+};
+
+exports.createTelemetryProvider = createTelemetryProvider;

package/base/providers/TelemetryProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TelemetryProvider.tsx"],"names":["React","useEffect","sendEvent","eventSent","createTelemetryProvider","Component","TelemetryProvider","children"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA;AACA;AACA;AACA;;AACA,SAASC,SAAT,QAA0B,yBAA1B;AAEA,IAAIC,SAAS,GAAG,KAAhB;AAEA,OAAO,IAAMC,uBAAuB,GAChC,SADSA,uBACT;AAAA,SACA,UAACC,SAAD,EAAmC;AAC/B,WAAO,SAASC,iBAAT,OAAyC;AAAA,UAAZC,QAAY,QAAZA,QAAY;AAC5CN,MAAAA,SAAS,CAAC,YAAM;AACZ,YAAIE,SAAJ,EAAe;AACX;AACH;;AAEDA,QAAAA,SAAS,GAAG,IAAZ;AACAD,QAAAA,SAAS,CAAC,WAAD,CAAT;AACH,OAPQ,EAON,EAPM,CAAT;AASA,0BAAO,oBAAC,SAAD,QAAYK,QAAZ,CAAP;AACH,KAXD;AAYH,GAdD;AAAA,CADG","sourcesContent":["import React, { useEffect } from \"react\";\n/**\n * Package @webiny/telemetry is not a typescript project.\n */\n// @ts-ignore\nimport { sendEvent } from \"@webiny/telemetry/react\";\n\nlet eventSent = false;\n\nexport const createTelemetryProvider =\n    () =>\n    (Component: React.FC): React.FC => {\n        return function TelemetryProvider({ children }) {\n            useEffect(() => {\n                if (eventSent) {\n                    return;\n                }\n\n                eventSent = true;\n                sendEvent(\"app-start\");\n            }, []);\n\n            return <Component>{children}</Component>;\n        };\n    };\n"]}
+{"version":3,"names":["eventSent","createTelemetryProvider","Component","TelemetryProvider","children","useEffect","sendEvent"],"sources":["TelemetryProvider.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\n/**\n * Package @webiny/telemetry is not a typescript project.\n */\n// @ts-ignore\nimport { sendEvent } from \"@webiny/telemetry/react\";\n\nlet eventSent = false;\n\nexport const createTelemetryProvider =\n    () =>\n    (Component: React.FC): React.FC => {\n        return function TelemetryProvider({ children }) {\n            useEffect(() => {\n                if (eventSent) {\n                    return;\n                }\n\n                eventSent = true;\n                sendEvent(\"app-start\");\n            }, []);\n\n            return <Component>{children}</Component>;\n        };\n    };\n"],"mappings":";;;;;;;;;AAAA;;AAKA;;AAJA;AACA;AACA;AACA;AAGA,IAAIA,SAAS,GAAG,KAAhB;;AAEO,IAAMC,uBAAuB,GAChC,SADSA,uBACT;EAAA,OACA,UAACC,SAAD,EAAmC;IAC/B,OAAO,SAASC,iBAAT,OAAyC;MAAA,IAAZC,QAAY,QAAZA,QAAY;MAC5C,IAAAC,gBAAA,EAAU,YAAM;QACZ,IAAIL,SAAJ,EAAe;UACX;QACH;;QAEDA,SAAS,GAAG,IAAZ;QACA,IAAAM,iBAAA,EAAU,WAAV;MACH,CAPD,EAOG,EAPH;MASA,oBAAO,6BAAC,SAAD,QAAYF,QAAZ,CAAP;IACH,CAXD;EAYH,CAdD;AAAA,CADG"}

package/base/providers/UiStateProvider.js

@@ -1,10 +1,23 @@
-import React from "react";
-import { UiProvider } from "@webiny/app/contexts/Ui";
-export var createUiStateProvider = function createUiStateProvider() {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUiStateProvider = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Ui = require("@webiny/app/contexts/Ui");
+
+var createUiStateProvider = function createUiStateProvider() {
   return function (Component) {
     return function UiStateProvider(_ref) {
       var children = _ref.children;
-      return /*#__PURE__*/React.createElement(UiProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
+      return /*#__PURE__*/_react.default.createElement(_Ui.UiProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
     };
   };
-};
+};
+
+exports.createUiStateProvider = createUiStateProvider;

package/base/providers/UiStateProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["UiStateProvider.tsx"],"names":["React","UiProvider","createUiStateProvider","Component","UiStateProvider","children"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,yBAA3B;AAEA,OAAO,IAAMC,qBAAqB,GAC9B,SADSA,qBACT;AAAA,SACA,UAACC,SAAD,EAAuD;AACnD,WAAO,SAASC,eAAT,OAAuC;AAAA,UAAZC,QAAY,QAAZA,QAAY;AAC1C,0BACI,oBAAC,UAAD,qBACI,oBAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;AAKH,KAND;AAOH,GATD;AAAA,CADG","sourcesContent":["import React from \"react\";\nimport { UiProvider } from \"@webiny/app/contexts/Ui\";\n\nexport const createUiStateProvider =\n    () =>\n    (Component: React.ComponentType<unknown>): React.FC => {\n        return function UiStateProvider({ children }) {\n            return (\n                <UiProvider>\n                    <Component>{children}</Component>\n                </UiProvider>\n            );\n        };\n    };\n"]}
+{"version":3,"names":["createUiStateProvider","Component","UiStateProvider","children"],"sources":["UiStateProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiProvider } from \"@webiny/app/contexts/Ui\";\n\nexport const createUiStateProvider =\n    () =>\n    (Component: React.ComponentType<unknown>): React.FC => {\n        return function UiStateProvider({ children }) {\n            return (\n                <UiProvider>\n                    <Component>{children}</Component>\n                </UiProvider>\n            );\n        };\n    };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,qBAAqB,GAC9B,SADSA,qBACT;EAAA,OACA,UAACC,SAAD,EAAuD;IACnD,OAAO,SAASC,eAAT,OAAuC;MAAA,IAAZC,QAAY,QAAZA,QAAY;MAC1C,oBACI,6BAAC,cAAD,qBACI,6BAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;IAKH,CAND;EAOH,CATD;AAAA,CADG"}

package/base/providers/ViewCompositionProvider.js

@@ -1,8 +1,24 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { createContext, useContext, useMemo, useState } from "react";
-var ViewCompositionContext = /*#__PURE__*/createContext({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createViewCompositionProvider = void 0;
+exports.useViewComposition = useViewComposition;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var ViewCompositionContext = /*#__PURE__*/(0, _react.createContext)({
   getViewElement: function getViewElement() {
     return null;
   },
@@ -15,12 +31,12 @@ ViewCompositionContext.displayName = "ViewCompositionContext";
 var ViewCompositionProvider = function ViewCompositionProvider(_ref) {
   var children = _ref.children;
 
-  var _useState = useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)({}),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       state = _useState2[0],
       setState = _useState2[1];
 
-  var context = useMemo(function () {
+  var context = (0, _react.useMemo)(function () {
     return {
       getViewElement: function getViewElement(view, name) {
         return state[view] && state[view][name];
@@ -28,24 +44,27 @@ var ViewCompositionProvider = function ViewCompositionProvider(_ref) {
       setViewElement: function setViewElement(view, name, setter) {
         setState(function (state) {
           var existing = state[view] && state[view][name];
-          return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, view, _objectSpread(_objectSpread({}, state[view]), {}, _defineProperty({}, name, setter(existing)))));
+          return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, (0, _defineProperty2.default)({}, view, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state[view]), {}, (0, _defineProperty2.default)({}, name, setter(existing)))));
         });
       }
     };
   }, [state]);
-  return /*#__PURE__*/React.createElement(ViewCompositionContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(ViewCompositionContext.Provider, {
     value: context
   }, children);
 };
 
-export function useViewComposition() {
-  return useContext(ViewCompositionContext);
+function useViewComposition() {
+  return (0, _react.useContext)(ViewCompositionContext);
 }
-export var createViewCompositionProvider = function createViewCompositionProvider() {
+
+var createViewCompositionProvider = function createViewCompositionProvider() {
   return function (Component) {
     return function ViewCompositionProviderHOC(_ref2) {
       var children = _ref2.children;
-      return /*#__PURE__*/React.createElement(ViewCompositionProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
+      return /*#__PURE__*/_react.default.createElement(ViewCompositionProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
     };
   };
-};
+};
+
+exports.createViewCompositionProvider = createViewCompositionProvider;

package/base/providers/ViewCompositionProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ViewCompositionProvider.tsx"],"names":["React","createContext","useContext","useMemo","useState","ViewCompositionContext","getViewElement","setViewElement","displayName","ViewCompositionProvider","children","state","setState","context","view","name","setter","existing","useViewComposition","createViewCompositionProvider","Component","ViewCompositionProviderHOC"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,UAA/B,EAA2CC,OAA3C,EAAoDC,QAApD,QAAoE,OAApE;AAkBA,IAAMC,sBAAsB,gBAAGJ,aAAa,CAAyB;AACjEK,EAAAA,cAAc,EAAE,0BAAM;AAClB,WAAO,IAAP;AACH,GAHgE;AAIjEC,EAAAA,cAAc,EAAE,0BAAM;AAClB,WAAO,KAAK,CAAZ;AACH;AANgE,CAAzB,CAA5C;AAQAF,sBAAsB,CAACG,WAAvB,GAAqC,wBAArC;;AAKA,IAAMC,uBAAiC,GAAG,SAApCA,uBAAoC,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AACxD,kBAA0BN,QAAQ,CAA+B,EAA/B,CAAlC;AAAA;AAAA,MAAOO,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,OAAO,GAAGV,OAAO,CACnB;AAAA,WAAO;AACHG,MAAAA,cADG,0BACYQ,IADZ,EAC0BC,IAD1B,EACqD;AACpD,eAAOJ,KAAK,CAACG,IAAD,CAAL,IAAeH,KAAK,CAACG,IAAD,CAAL,CAAYC,IAAZ,CAAtB;AACH,OAHE;AAIHR,MAAAA,cAJG,0BAIYO,IAJZ,EAI0BC,IAJ1B,EAIwCC,MAJxC,EAI+D;AAC9DJ,QAAAA,QAAQ,CAAC,UAAAD,KAAK,EAAI;AACd,cAAMM,QAAQ,GAAGN,KAAK,CAACG,IAAD,CAAL,IAAeH,KAAK,CAACG,IAAD,CAAL,CAAYC,IAAZ,CAAhC;AACA,iDACOJ,KADP,2BAEKG,IAFL,kCAGWH,KAAK,CAACG,IAAD,CAHhB,2BAISC,IAJT,EAIgBC,MAAM,CAACC,QAAD,CAJtB;AAOH,SATO,CAAR;AAUH;AAfE,KAAP;AAAA,GADmB,EAkBnB,CAACN,KAAD,CAlBmB,CAAvB;AAqBA,sBACI,oBAAC,sBAAD,CAAwB,QAAxB;AAAiC,IAAA,KAAK,EAAEE;AAAxC,KACKH,QADL,CADJ;AAKH,CA7BD;;AA+BA,OAAO,SAASQ,kBAAT,GAA8B;AACjC,SAAOhB,UAAU,CAACG,sBAAD,CAAjB;AACH;AAED,OAAO,IAAMc,6BAA6B,GACtC,SADSA,6BACT;AAAA,SACA,UAACC,SAAD,EAAuD;AACnD,WAAO,SAASC,0BAAT,QAAkD;AAAA,UAAZX,QAAY,SAAZA,QAAY;AACrD,0BACI,oBAAC,uBAAD,qBACI,oBAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;AAKH,KAND;AAOH,GATD;AAAA,CADG","sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\n\nexport interface ViewElement {\n    name: string;\n    elements: JSX.Element[];\n    label?: string;\n    [key: string]: any;\n}\n\ninterface ElementSetter {\n    (element: ViewElement): ViewElement;\n}\n\nexport interface ViewCompositionContext {\n    getViewElement(view: string, name: string): ViewElement | null;\n    setViewElement(view: string, name: string, setter: ElementSetter): void;\n}\n\nconst ViewCompositionContext = createContext<ViewCompositionContext>({\n    getViewElement: () => {\n        return null;\n    },\n    setViewElement: () => {\n        return void 0;\n    }\n});\nViewCompositionContext.displayName = \"ViewCompositionContext\";\n\ninterface ViewCompositionProviderState {\n    [key: string]: Record<string, any>;\n}\nconst ViewCompositionProvider: React.FC = ({ children }) => {\n    const [state, setState] = useState<ViewCompositionProviderState>({});\n\n    const context = useMemo(\n        () => ({\n            getViewElement(view: string, name: string): ViewElement {\n                return state[view] && state[view][name];\n            },\n            setViewElement(view: string, name: string, setter: ElementSetter) {\n                setState(state => {\n                    const existing = state[view] && state[view][name];\n                    return {\n                        ...state,\n                        [view]: {\n                            ...state[view],\n                            [name]: setter(existing)\n                        }\n                    };\n                });\n            }\n        }),\n        [state]\n    );\n\n    return (\n        <ViewCompositionContext.Provider value={context}>\n            {children}\n        </ViewCompositionContext.Provider>\n    );\n};\n\nexport function useViewComposition() {\n    return useContext(ViewCompositionContext);\n}\n\nexport const createViewCompositionProvider =\n    () =>\n    (Component: React.ComponentType<unknown>): React.FC => {\n        return function ViewCompositionProviderHOC({ children }) {\n            return (\n                <ViewCompositionProvider>\n                    <Component>{children}</Component>\n                </ViewCompositionProvider>\n            );\n        };\n    };\n"]}
+{"version":3,"names":["ViewCompositionContext","createContext","getViewElement","setViewElement","displayName","ViewCompositionProvider","children","useState","state","setState","context","useMemo","view","name","setter","existing","useViewComposition","useContext","createViewCompositionProvider","Component","ViewCompositionProviderHOC"],"sources":["ViewCompositionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\n\nexport interface ViewElement {\n    name: string;\n    elements: JSX.Element[];\n    label?: string;\n    [key: string]: any;\n}\n\ninterface ElementSetter {\n    (element: ViewElement): ViewElement;\n}\n\nexport interface ViewCompositionContext {\n    getViewElement(view: string, name: string): ViewElement | null;\n    setViewElement(view: string, name: string, setter: ElementSetter): void;\n}\n\nconst ViewCompositionContext = createContext<ViewCompositionContext>({\n    getViewElement: () => {\n        return null;\n    },\n    setViewElement: () => {\n        return void 0;\n    }\n});\nViewCompositionContext.displayName = \"ViewCompositionContext\";\n\ninterface ViewCompositionProviderState {\n    [key: string]: Record<string, any>;\n}\nconst ViewCompositionProvider: React.FC = ({ children }) => {\n    const [state, setState] = useState<ViewCompositionProviderState>({});\n\n    const context = useMemo(\n        () => ({\n            getViewElement(view: string, name: string): ViewElement {\n                return state[view] && state[view][name];\n            },\n            setViewElement(view: string, name: string, setter: ElementSetter) {\n                setState(state => {\n                    const existing = state[view] && state[view][name];\n                    return {\n                        ...state,\n                        [view]: {\n                            ...state[view],\n                            [name]: setter(existing)\n                        }\n                    };\n                });\n            }\n        }),\n        [state]\n    );\n\n    return (\n        <ViewCompositionContext.Provider value={context}>\n            {children}\n        </ViewCompositionContext.Provider>\n    );\n};\n\nexport function useViewComposition() {\n    return useContext(ViewCompositionContext);\n}\n\nexport const createViewCompositionProvider =\n    () =>\n    (Component: React.ComponentType<unknown>): React.FC => {\n        return function ViewCompositionProviderHOC({ children }) {\n            return (\n                <ViewCompositionProvider>\n                    <Component>{children}</Component>\n                </ViewCompositionProvider>\n            );\n        };\n    };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AAkBA,IAAMA,sBAAsB,gBAAG,IAAAC,oBAAA,EAAsC;EACjEC,cAAc,EAAE,0BAAM;IAClB,OAAO,IAAP;EACH,CAHgE;EAIjEC,cAAc,EAAE,0BAAM;IAClB,OAAO,KAAK,CAAZ;EACH;AANgE,CAAtC,CAA/B;AAQAH,sBAAsB,CAACI,WAAvB,GAAqC,wBAArC;;AAKA,IAAMC,uBAAiC,GAAG,SAApCA,uBAAoC,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EACxD,gBAA0B,IAAAC,eAAA,EAAuC,EAAvC,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EAEA,IAAMC,OAAO,GAAG,IAAAC,cAAA,EACZ;IAAA,OAAO;MACHT,cADG,0BACYU,IADZ,EAC0BC,IAD1B,EACqD;QACpD,OAAOL,KAAK,CAACI,IAAD,CAAL,IAAeJ,KAAK,CAACI,IAAD,CAAL,CAAYC,IAAZ,CAAtB;MACH,CAHE;MAIHV,cAJG,0BAIYS,IAJZ,EAI0BC,IAJ1B,EAIwCC,MAJxC,EAI+D;QAC9DL,QAAQ,CAAC,UAAAD,KAAK,EAAI;UACd,IAAMO,QAAQ,GAAGP,KAAK,CAACI,IAAD,CAAL,IAAeJ,KAAK,CAACI,IAAD,CAAL,CAAYC,IAAZ,CAAhC;UACA,mEACOL,KADP,yCAEKI,IAFL,8DAGWJ,KAAK,CAACI,IAAD,CAHhB,yCAISC,IAJT,EAIgBC,MAAM,CAACC,QAAD,CAJtB;QAOH,CATO,CAAR;MAUH;IAfE,CAAP;EAAA,CADY,EAkBZ,CAACP,KAAD,CAlBY,CAAhB;EAqBA,oBACI,6BAAC,sBAAD,CAAwB,QAAxB;IAAiC,KAAK,EAAEE;EAAxC,GACKJ,QADL,CADJ;AAKH,CA7BD;;AA+BO,SAASU,kBAAT,GAA8B;EACjC,OAAO,IAAAC,iBAAA,EAAWjB,sBAAX,CAAP;AACH;;AAEM,IAAMkB,6BAA6B,GACtC,SADSA,6BACT;EAAA,OACA,UAACC,SAAD,EAAuD;IACnD,OAAO,SAASC,0BAAT,QAAkD;MAAA,IAAZd,QAAY,SAAZA,QAAY;MACrD,oBACI,6BAAC,uBAAD,qBACI,6BAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;IAKH,CAND;EAOH,CATD;AAAA,CADG"}

package/base/ui/Brand.js

@@ -1,6 +1,19 @@
-import React from "react";
-import { makeComposable } from "@webiny/app-admin-core";
-export var Brand = makeComposable("Brand", function () {
-  return /*#__PURE__*/React.createElement(BrandRenderer, null);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-export var BrandRenderer = makeComposable("BrandRenderer");
+exports.BrandRenderer = exports.Brand = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _appAdminCore = require("@webiny/app-admin-core");
+
+var Brand = (0, _appAdminCore.makeComposable)("Brand", function () {
+  return /*#__PURE__*/_react.default.createElement(BrandRenderer, null);
+});
+exports.Brand = Brand;
+var BrandRenderer = (0, _appAdminCore.makeComposable)("BrandRenderer");
+exports.BrandRenderer = BrandRenderer;

package/base/ui/Brand.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Brand.tsx"],"names":["React","makeComposable","Brand","BrandRenderer"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAT,QAA+B,wBAA/B;AAEA,OAAO,IAAMC,KAAK,GAAGD,cAAc,CAAC,OAAD,EAAU,YAAM;AAC/C,sBAAO,oBAAC,aAAD,OAAP;AACH,CAFkC,CAA5B;AAIP,OAAO,IAAME,aAAa,GAAGF,cAAc,CAAC,eAAD,CAApC","sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport const Brand = makeComposable(\"Brand\", () => {\n    return <BrandRenderer />;\n});\n\nexport const BrandRenderer = makeComposable(\"BrandRenderer\");\n"]}
+{"version":3,"names":["Brand","makeComposable","BrandRenderer"],"sources":["Brand.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport const Brand = makeComposable(\"Brand\", () => {\n    return <BrandRenderer />;\n});\n\nexport const BrandRenderer = makeComposable(\"BrandRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,KAAK,GAAG,IAAAC,4BAAA,EAAe,OAAf,EAAwB,YAAM;EAC/C,oBAAO,6BAAC,aAAD,OAAP;AACH,CAFoB,CAAd;;AAIA,IAAMC,aAAa,GAAG,IAAAD,4BAAA,EAAe,eAAf,CAAtB"}

package/base/ui/CenteredView.js

@@ -1,14 +1,26 @@
-import React from "react";
-import styled from "@emotion/styled";
-import { makeComposable } from "../..";
-var Container = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CenteredView = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _ = require("../..");
+
+var Container = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1bmfqk40",
   label: "Container"
 })({
   display: "flex",
   justifyContent: "center"
 });
-var Width = /*#__PURE__*/styled("div", {
+var Width = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1bmfqk41",
   label: "Width"
 })(function (props) {
@@ -17,11 +29,12 @@ var Width = /*#__PURE__*/styled("div", {
     width: "100%"
   };
 });
-export var CenteredView = makeComposable("CenteredView", function (_ref) {
+var CenteredView = (0, _.makeComposable)("CenteredView", function (_ref) {
   var _ref$maxWidth = _ref.maxWidth,
       maxWidth = _ref$maxWidth === void 0 ? 700 : _ref$maxWidth,
       children = _ref.children;
-  return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Width, {
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Width, {
     maxWidth: maxWidth
   }, children));
-});
+});
+exports.CenteredView = CenteredView;