@webiny/app-admin 5.40.0-beta.2 → 5.40.0-beta.4

package/base/Admin.d.ts

@@ -4,4 +4,4 @@ export interface AdminProps {
     createApolloClient: ApolloClientFactory;
     children?: React.ReactNode;
 }
-export declare const Admin: ({ children, createApolloClient }: AdminProps) => JSX.Element;
+export declare const Admin: ({ children, createApolloClient }: AdminProps) => React.JSX.Element;

package/base/Admin.js

@@ -7,7 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.Admin = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _app = require("@webiny/app");
+var _appTheme = require("@webiny/app-theme");
 var _appWcp = require("@webiny/app-wcp");
+var _Progress = require("@webiny/ui/Progress");
 var _ApolloProvider = require("./providers/ApolloProvider");
 var _Base = require("./Base");
 var _TelemetryProvider = require("./providers/TelemetryProvider");
@@ -15,14 +17,14 @@ var _UiStateProvider = require("./providers/UiStateProvider");
 var _Search = require("./ui/Search");
 var _UserMenu = require("./ui/UserMenu");
 var _Navigation = require("./ui/Navigation");
-var _Progress = require("@webiny/ui/Progress");
-var _appTheme = require("@webiny/app-theme");
-var Admin = function Admin(_ref) {
+var _DialogsContext = require("../components/Dialogs/DialogsContext");
+var Admin = exports.Admin = function Admin(_ref) {
   var children = _ref.children,
     createApolloClient = _ref.createApolloClient;
   var ApolloProvider = (0, _ApolloProvider.createApolloProvider)(createApolloClient);
   var TelemetryProvider = (0, _TelemetryProvider.createTelemetryProvider)();
   var UiStateProvider = (0, _UiStateProvider.createUiStateProvider)();
+  var DialogsProvider = (0, _DialogsContext.createDialogsProvider)();
   return /*#__PURE__*/_react.default.createElement(ApolloProvider, null, /*#__PURE__*/_react.default.createElement(_appTheme.ThemeProvider, null, /*#__PURE__*/_react.default.createElement(_appWcp.WcpProvider, {
     loader: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
       label: "Loading..."
@@ -37,8 +39,9 @@ var Admin = function Admin(_ref) {
     hoc: _UserMenu.UserMenuProvider
   }), /*#__PURE__*/_react.default.createElement(_app.Provider, {
     hoc: _Navigation.NavigationProvider
+  }), /*#__PURE__*/_react.default.createElement(_app.Provider, {
+    hoc: DialogsProvider
   }), /*#__PURE__*/_react.default.createElement(_Base.Base, null), children))));
 };
-exports.Admin = Admin;
 
 //# sourceMappingURL=Admin.js.map

package/base/Admin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_app","_appWcp","_ApolloProvider","_Base","_TelemetryProvider","_UiStateProvider","_Search","_UserMenu","_Navigation","_Progress","_appTheme","Admin","_ref","children","createApolloClient","ApolloProvider","createApolloProvider","TelemetryProvider","createTelemetryProvider","UiStateProvider","createUiStateProvider","default","createElement","ThemeProvider","WcpProvider","loader","CircularProgress","label","App","Provider","hoc","SearchProvider","UserMenuProvider","NavigationProvider","Base","exports"],"sources":["Admin.tsx"],"sourcesContent":["import React from \"react\";\nimport { App, Provider } from \"@webiny/app\";\nimport { WcpProvider } from \"@webiny/app-wcp\";\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\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { ThemeProvider } from \"@webiny/app-theme\";\n\nexport interface AdminProps {\n    createApolloClient: ApolloClientFactory;\n    children?: React.ReactNode;\n}\n\nexport const Admin = ({ children, createApolloClient }: AdminProps) => {\n    const ApolloProvider = createApolloProvider(createApolloClient);\n    const TelemetryProvider = createTelemetryProvider();\n    const UiStateProvider = createUiStateProvider();\n\n    return (\n        <ApolloProvider>\n            <ThemeProvider>\n                <WcpProvider loader={<CircularProgress label={\"Loading...\"} />}>\n                    <App>\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                    </App>\n                </WcpProvider>\n            </ThemeProvider>\n        </ApolloProvider>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AAOO,IAAMY,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAqD;EAAA,IAA/CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;EAChD,IAAMC,cAAc,GAAG,IAAAC,oCAAoB,EAACF,kBAAkB,CAAC;EAC/D,IAAMG,iBAAiB,GAAG,IAAAC,0CAAuB,EAAC,CAAC;EACnD,IAAMC,eAAe,GAAG,IAAAC,sCAAqB,EAAC,CAAC;EAE/C,oBACIvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACP,cAAc,qBACXlB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACZ,SAAA,CAAAa,aAAa,qBACV1B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,OAAA,CAAAuB,WAAW;IAACC,MAAM,eAAE5B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAAiB,gBAAgB;MAACC,KAAK,EAAE;IAAa,CAAE;EAAE,gBAC3D9B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,IAAA,CAAA4B,GAAG,qBACA/B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,IAAA,CAAA6B,QAAQ;IAACC,GAAG,EAAEb;EAAkB,CAAE,CAAC,eACpCpB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,IAAA,CAAA6B,QAAQ;IAACC,GAAG,EAAEX;EAAgB,CAAE,CAAC,eAClCtB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,IAAA,CAAA6B,QAAQ;IAACC,GAAG,EAAEC;EAAe,CAAE,CAAC,eACjClC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,IAAA,CAAA6B,QAAQ;IAACC,GAAG,EAAEE;EAAiB,CAAE,CAAC,eACnCnC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,IAAA,CAAA6B,QAAQ;IAACC,GAAG,EAAEG;EAAmB,CAAE,CAAC,eACrCpC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACnB,KAAA,CAAA+B,IAAI,MAAE,CAAC,EACPrB,QACA,CACI,CACF,CACH,CAAC;AAEzB,CAAC;AAACsB,OAAA,CAAAxB,KAAA,GAAAA,KAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_app","_appTheme","_appWcp","_Progress","_ApolloProvider","_Base","_TelemetryProvider","_UiStateProvider","_Search","_UserMenu","_Navigation","_DialogsContext","Admin","exports","_ref","children","createApolloClient","ApolloProvider","createApolloProvider","TelemetryProvider","createTelemetryProvider","UiStateProvider","createUiStateProvider","DialogsProvider","createDialogsProvider","default","createElement","ThemeProvider","WcpProvider","loader","CircularProgress","label","App","Provider","hoc","SearchProvider","UserMenuProvider","NavigationProvider","Base"],"sources":["Admin.tsx"],"sourcesContent":["import React from \"react\";\nimport { App, Provider } from \"@webiny/app\";\nimport { ThemeProvider } from \"@webiny/app-theme\";\nimport { WcpProvider } from \"@webiny/app-wcp\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\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\";\nimport { createDialogsProvider } from \"~/components/Dialogs/DialogsContext\";\n\nexport interface AdminProps {\n    createApolloClient: ApolloClientFactory;\n    children?: React.ReactNode;\n}\n\nexport const Admin = ({ children, createApolloClient }: AdminProps) => {\n    const ApolloProvider = createApolloProvider(createApolloClient);\n    const TelemetryProvider = createTelemetryProvider();\n    const UiStateProvider = createUiStateProvider();\n    const DialogsProvider = createDialogsProvider();\n\n    return (\n        <ApolloProvider>\n            <ThemeProvider>\n                <WcpProvider loader={<CircularProgress label={\"Loading...\"} />}>\n                    <App>\n                        <Provider hoc={TelemetryProvider} />\n                        <Provider hoc={UiStateProvider} />\n                        <Provider hoc={SearchProvider} />\n                        <Provider hoc={UserMenuProvider} />\n                        <Provider hoc={NavigationProvider} />\n                        <Provider hoc={DialogsProvider} />\n                        <Base />\n                        {children}\n                    </App>\n                </WcpProvider>\n            </ThemeProvider>\n        </ApolloProvider>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AACA,IAAAY,eAAA,GAAAZ,OAAA;AAOO,IAAMa,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA,EAAqD;EAAA,IAA/CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;EAChD,IAAMC,cAAc,GAAG,IAAAC,oCAAoB,EAACF,kBAAkB,CAAC;EAC/D,IAAMG,iBAAiB,GAAG,IAAAC,0CAAuB,EAAC,CAAC;EACnD,IAAMC,eAAe,GAAG,IAAAC,sCAAqB,EAAC,CAAC;EAC/C,IAAMC,eAAe,GAAG,IAAAC,qCAAqB,EAAC,CAAC;EAE/C,oBACI3B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACT,cAAc,qBACXpB,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACzB,SAAA,CAAA0B,aAAa,qBACV9B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACxB,OAAA,CAAA0B,WAAW;IAACC,MAAM,eAAEhC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACvB,SAAA,CAAA2B,gBAAgB;MAACC,KAAK,EAAE;IAAa,CAAE;EAAE,gBAC3DlC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,IAAA,CAAAgC,GAAG,qBACAnC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,IAAA,CAAAiC,QAAQ;IAACC,GAAG,EAAEf;EAAkB,CAAE,CAAC,eACpCtB,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,IAAA,CAAAiC,QAAQ;IAACC,GAAG,EAAEb;EAAgB,CAAE,CAAC,eAClCxB,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,IAAA,CAAAiC,QAAQ;IAACC,GAAG,EAAEC;EAAe,CAAE,CAAC,eACjCtC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,IAAA,CAAAiC,QAAQ;IAACC,GAAG,EAAEE;EAAiB,CAAE,CAAC,eACnCvC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,IAAA,CAAAiC,QAAQ;IAACC,GAAG,EAAEG;EAAmB,CAAE,CAAC,eACrCxC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,IAAA,CAAAiC,QAAQ;IAACC,GAAG,EAAEX;EAAgB,CAAE,CAAC,eAClC1B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACrB,KAAA,CAAAiC,IAAI,MAAE,CAAC,EACPvB,QACA,CACI,CACF,CACH,CAAC;AAEzB,CAAC","ignoreList":[]}

package/base/Base.d.ts

@@ -1,2 +1,2 @@
 import React from "react";
-export declare const Base: React.MemoExoticComponent<() => JSX.Element>;
+export declare const Base: React.MemoExoticComponent<() => React.JSX.Element>;

package/base/Base.js

@@ -18,6 +18,7 @@ var _githubBrands = require("../assets/icons/github-brands.svg");
 var _FileManager = require("./ui/FileManager");
 var _globalSearch = require("../plugins/globalSearch");
 var _uiLayoutRenderer = require("../plugins/uiLayoutRenderer");
+var _Version = require("./Version");
 var BaseExtension = function BaseExtension() {
   _plugins.plugins.register([_globalSearch.globalSearchHotkey, _uiLayoutRenderer.uiLayoutPlugin]);
   return /*#__PURE__*/_react.default.createElement(_app.Plugin, null, /*#__PURE__*/_react.default.createElement(_.AddMenu, {
@@ -61,6 +62,11 @@ var BaseExtension = function BaseExtension() {
     rel: "noopener noreferrer",
     target: "_blank",
     tags: ["footer"]
+  }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
+    name: "version",
+    tags: ["footer"],
+    element: /*#__PURE__*/_react.default.createElement(_Version.Version, null),
+    pin: "last"
   }), /*#__PURE__*/_react.default.createElement(_.AddRoute, {
     path: "/"
   }, /*#__PURE__*/_react.default.createElement(_.Layout, {
@@ -71,7 +77,6 @@ var BaseExtension = function BaseExtension() {
     title: "Not Accessible"
   }, /*#__PURE__*/_react.default.createElement(_.NotFound, null))));
 };
-var Base = /*#__PURE__*/(0, _react.memo)(BaseExtension);
-exports.Base = Base;
+var Base = exports.Base = /*#__PURE__*/(0, _react.memo)(BaseExtension);
 
 //# sourceMappingURL=Base.js.map

package/base/Base.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_insert_drive_file","_settings","_app","_plugins","_appSecurity","_","_iconDocumentation","_slackLogo","_githubBrands","_FileManager","_globalSearch","_uiLayoutRenderer","BaseExtension","plugins","register","globalSearchHotkey","uiLayoutPlugin","default","createElement","Plugin","AddMenu","name","label","icon","ReactComponent","pin","HasPermission","FileManager","_ref","showFileManager","tags","onClick","testId","path","rel","target","AddRoute","Layout","title","Dashboard","NotFound","Base","memo","exports"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { ReactComponent as FileIcon } from \"@material-design-icons/svg/filled/insert_drive_file.svg\";\nimport { ReactComponent as SettingsIcon } from \"@material-design-icons/svg/outlined/settings.svg\";\nimport { Plugin } from \"@webiny/app\";\nimport { plugins } from \"@webiny/plugins\";\nimport { HasPermission } from \"@webiny/app-security\";\nimport { AddMenu, AddRoute, Dashboard, Layout, NotFound } from \"~/index\";\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 { FileManager } from \"~/base/ui/FileManager\";\nimport { globalSearchHotkey } from \"~/plugins/globalSearch\";\nimport { uiLayoutPlugin } from \"~/plugins/uiLayoutRenderer\";\n\nconst BaseExtension = () => {\n    plugins.register([globalSearchHotkey, uiLayoutPlugin]);\n\n    return (\n        <Plugin>\n            <AddMenu name={\"settings\"} label={\"Settings\"} icon={<SettingsIcon />} pin={\"last\"} />\n            <HasPermission name={\"fm.file\"}>\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            </HasPermission>\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        </Plugin>\n    );\n};\n\nexport const Base = memo(BaseExtension);\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_insert_drive_file","_settings","_app","_plugins","_appSecurity","_","_iconDocumentation","_slackLogo","_githubBrands","_FileManager","_globalSearch","_uiLayoutRenderer","_Version","BaseExtension","plugins","register","globalSearchHotkey","uiLayoutPlugin","default","createElement","Plugin","AddMenu","name","label","icon","ReactComponent","pin","HasPermission","FileManager","_ref","showFileManager","tags","onClick","testId","path","rel","target","element","Version","AddRoute","Layout","title","Dashboard","NotFound","Base","exports","memo"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { ReactComponent as FileIcon } from \"@material-design-icons/svg/filled/insert_drive_file.svg\";\nimport { ReactComponent as SettingsIcon } from \"@material-design-icons/svg/outlined/settings.svg\";\nimport { Plugin } from \"@webiny/app\";\nimport { plugins } from \"@webiny/plugins\";\nimport { HasPermission } from \"@webiny/app-security\";\nimport { AddMenu, AddRoute, Dashboard, Layout, NotFound } from \"~/index\";\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 { FileManager } from \"~/base/ui/FileManager\";\nimport { globalSearchHotkey } from \"~/plugins/globalSearch\";\nimport { uiLayoutPlugin } from \"~/plugins/uiLayoutRenderer\";\nimport { Version } from \"~/base/Version\";\n\nconst BaseExtension = () => {\n    plugins.register([globalSearchHotkey, uiLayoutPlugin]);\n\n    return (\n        <Plugin>\n            <AddMenu name={\"settings\"} label={\"Settings\"} icon={<SettingsIcon />} pin={\"last\"} />\n            <HasPermission name={\"fm.file\"}>\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            </HasPermission>\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            <AddMenu name={\"version\"} tags={[\"footer\"]} element={<Version />} pin={\"last\"} />\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        </Plugin>\n    );\n};\n\nexport const Base = memo(BaseExtension);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,CAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,YAAA,GAAAV,OAAA;AACA,IAAAW,aAAA,GAAAX,OAAA;AACA,IAAAY,iBAAA,GAAAZ,OAAA;AACA,IAAAa,QAAA,GAAAb,OAAA;AAEA,IAAMc,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EACxBC,gBAAO,CAACC,QAAQ,CAAC,CAACC,gCAAkB,EAAEC,gCAAc,CAAC,CAAC;EAEtD,oBACIpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACjB,IAAA,CAAAkB,MAAM,qBACHvB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACd,CAAA,CAAAgB,OAAO;IAACC,IAAI,EAAE,UAAW;IAACC,KAAK,EAAE,UAAW;IAACC,IAAI,eAAE3B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAwB,cAAY,MAAE,CAAE;IAACC,GAAG,EAAE;EAAO,CAAE,CAAC,eACrF7B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACf,YAAA,CAAAuB,aAAa;IAACL,IAAI,EAAE;EAAU,gBAC3BzB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACV,YAAA,CAAAmB,WAAW,QACP,UAAAC,IAAA;IAAA,IAAGC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAA,oBACfjC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACd,CAAA,CAAAgB,OAAO;MACJC,IAAI,EAAE,aAAc;MACpBC,KAAK,EAAE,cAAe;MACtBC,IAAI,eAAE3B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,kBAAA,CAAAyB,cAAQ,MAAE,CAAE;MACnBM,IAAI,EAAE,CAAC,QAAQ,CAAE;MACjBC,OAAO,EAAEF,eAAgB;MACzBG,MAAM,EAAE;IAAwC,CACnD,CAAC;EAAA,CAEG,CACF,CAAC,eAChBpC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACd,CAAA,CAAAgB,OAAO;IACJC,IAAI,EAAE,eAAgB;IACtBC,KAAK,EAAE,eAAgB;IACvBC,IAAI,eAAE3B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACb,kBAAA,CAAAmB,cAAQ,MAAE,CAAE;IACnBS,IAAI,EAAE,6BAA8B;IACpCC,GAAG,EAAE,qBAAsB;IAC3BC,MAAM,EAAE,QAAS;IACjBL,IAAI,EAAE,CAAC,QAAQ;EAAE,CACpB,CAAC,eACFlC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACd,CAAA,CAAAgB,OAAO;IACJC,IAAI,EAAE,OAAQ;IACdC,KAAK,EAAE,OAAQ;IACfC,IAAI,eAAE3B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACZ,UAAA,CAAAkB,cAAS,MAAE,CAAE;IACpBS,IAAI,EAAE,+BAAgC;IACtCC,GAAG,EAAE,qBAAsB;IAC3BC,MAAM,EAAE,QAAS;IACjBL,IAAI,EAAE,CAAC,QAAQ;EAAE,CACpB,CAAC,eACFlC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACd,CAAA,CAAAgB,OAAO;IACJC,IAAI,EAAE,QAAS;IACfC,KAAK,EAAE,QAAS;IAChBC,IAAI,eAAE3B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAiB,cAAU,MAAE,CAAE;IACrBS,IAAI,EAAE,qCAAsC;IAC5CC,GAAG,EAAE,qBAAsB;IAC3BC,MAAM,EAAE,QAAS;IACjBL,IAAI,EAAE,CAAC,QAAQ;EAAE,CACpB,CAAC,eACFlC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACd,CAAA,CAAAgB,OAAO;IAACC,IAAI,EAAE,SAAU;IAACS,IAAI,EAAE,CAAC,QAAQ,CAAE;IAACM,OAAO,eAAExC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACP,QAAA,CAAA0B,OAAO,MAAE,CAAE;IAACZ,GAAG,EAAE;EAAO,CAAE,CAAC,eACjF7B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACd,CAAA,CAAAkC,QAAQ;IAACL,IAAI,EAAE;EAAI,gBAChBrC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACd,CAAA,CAAAmC,MAAM;IAACC,KAAK,EAAE;EAAW,gBACtB5C,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACd,CAAA,CAAAqC,SAAS,MAAE,CACR,CACF,CAAC,eACX7C,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACd,CAAA,CAAAkC,QAAQ;IAACL,IAAI,EAAE;EAAI,gBAChBrC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACd,CAAA,CAAAmC,MAAM;IAACC,KAAK,EAAE;EAAiB,gBAC5B5C,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACd,CAAA,CAAAsC,QAAQ,MAAE,CACP,CACF,CACN,CAAC;AAEjB,CAAC;AAEM,IAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,gBAAG,IAAAE,WAAI,EAACjC,aAAa,CAAC","ignoreList":[]}

package/base/Version.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const subFooter: string;
+export declare const Version: () => React.JSX.Element;

package/base/Version.js

@@ -0,0 +1,56 @@
+"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.subFooter = exports.Version = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireWildcard(require("react"));
+var _emotion = require("emotion");
+var _List = require("@webiny/ui/List");
+var _config = require("@webiny/app/config");
+var _Typography = require("@webiny/ui/Typography");
+var _Tooltip = require("@webiny/ui/Tooltip");
+var _ = require("./..");
+var _templateObject;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var subFooter = exports.subFooter = (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    .mdc-drawer &.mdc-list-item {\n        border-top: 1px solid var(--mdc-theme-on-background);\n        padding: 10px 16px;\n        margin: 10px 0 0;\n    }\n"])));
+var WcpBadge = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
+  target: "e1k1x4pi0"
+} : {
+  target: "e1k1x4pi0",
+  label: "WcpBadge"
+})(process.env.NODE_ENV === "production" ? {
+  name: "19oflbi",
+  styles: "background-color:var(--mdc-theme-primary, #6200ee);display:inline-block;color:white;padding:2px 4px;border-radius:5px;font-size:12px;font-weight:bold;line-height:14px;margin-left:5px"
+} : {
+  name: "19oflbi",
+  styles: "background-color:var(--mdc-theme-primary, #6200ee);display:inline-block;color:white;padding:2px 4px;border-radius:5px;font-size:12px;font-weight:bold;line-height:14px;margin-left:5px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnNpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCNEIiLCJmaWxlIjoiVmVyc2lvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgTGlzdEl0ZW0gfSBmcm9tIFwiQHdlYmlueS91aS9MaXN0XCI7XG5pbXBvcnQgeyBjb25maWcgYXMgYXBwQ29uZmlnIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2NvbmZpZ1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5pbXBvcnQgeyB1c2VXY3AgfSBmcm9tIFwifi9pbmRleFwiO1xuXG5leHBvcnQgY29uc3Qgc3ViRm9vdGVyID0gY3NzYFxuICAgIC5tZGMtZHJhd2VyICYubWRjLWxpc3QtaXRlbSB7XG4gICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgICAgIHBhZGRpbmc6IDEwcHggMTZweDtcbiAgICAgICAgbWFyZ2luOiAxMHB4IDAgMDtcbiAgICB9XG5gO1xuXG5jb25zdCBXY3BCYWRnZSA9IHN0eWxlZC5zcGFuYFxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1kYy10aGVtZS1wcmltYXJ5LCAjNjIwMGVlKTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgY29sb3I6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDJweCA0cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBsaW5lLWhlaWdodDogMTRweDtcbiAgICBtYXJnaW4tbGVmdDogNXB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFZlcnNpb24gPSAoKSA9PiB7XG4gICAgY29uc3Qgd2J5VmVyc2lvbiA9IGFwcENvbmZpZy5nZXRLZXkoXCJXRUJJTllfVkVSU0lPTlwiLCBwcm9jZXNzLmVudi5SRUFDVF9BUFBfV0VCSU5ZX1ZFUlNJT04pO1xuICAgIGNvbnN0IHdjcCA9IHVzZVdjcCgpO1xuXG4gICAgY29uc3Qgd2NwQmFkZ2UgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgY29uc3Qgd2NwUHJvamVjdCA9IHdjcC5nZXRQcm9qZWN0KCk7XG4gICAgICAgIGlmICghd2NwUHJvamVjdCkge1xuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCB0b29sdGlwQ29udGVudCA9IChcbiAgICAgICAgICAgIDxzcGFuPlxuICAgICAgICAgICAgICAgIHt3Y3BQcm9qZWN0Lm9yZ0lkfS97d2NwUHJvamVjdC5wcm9qZWN0SWR9XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICk7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9e3Rvb2x0aXBDb250ZW50fT5cbiAgICAgICAgICAgICAgICA8V2NwQmFkZ2U+V0NQPC9XY3BCYWRnZT5cbiAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKTtcbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8TGlzdEl0ZW0gcmlwcGxlPXtmYWxzZX0gY2xhc3NOYW1lPXtzdWJGb290ZXJ9PlxuICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkyXCJ9PlxuICAgICAgICAgICAgICAgIFdlYmlueSB2e3dieVZlcnNpb259XG4gICAgICAgICAgICAgICAge3djcEJhZGdlfVxuICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICA8L0xpc3RJdGVtPlxuICAgICk7XG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var Version = exports.Version = function Version() {
+  var wbyVersion = _config.config.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
+  var wcp = (0, _.useWcp)();
+  var wcpBadge = (0, _react.useMemo)(function () {
+    var wcpProject = wcp.getProject();
+    if (!wcpProject) {
+      return null;
+    }
+    var tooltipContent = /*#__PURE__*/_react.default.createElement("span", null, wcpProject.orgId, "/", wcpProject.projectId);
+    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+      content: tooltipContent
+    }, /*#__PURE__*/_react.default.createElement(WcpBadge, null, "WCP"));
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+    ripple: false,
+    className: subFooter
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "body2"
+  }, "Webiny v", wbyVersion, wcpBadge));
+};
+
+//# sourceMappingURL=Version.js.map

package/base/Version.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_List","_config","_Typography","_Tooltip","_","_templateObject","_EMOTION_STRINGIFIED_CSS_ERROR__","subFooter","exports","css","_taggedTemplateLiteral2","default","WcpBadge","_base","process","env","NODE_ENV","target","label","name","styles","map","toString","Version","wbyVersion","appConfig","getKey","REACT_APP_WEBINY_VERSION","wcp","useWcp","wcpBadge","useMemo","wcpProject","getProject","tooltipContent","createElement","orgId","projectId","Tooltip","content","ListItem","ripple","className","Typography","use"],"sources":["Version.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { ListItem } from \"@webiny/ui/List\";\nimport { config as appConfig } from \"@webiny/app/config\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { useWcp } from \"~/index\";\n\nexport const subFooter = css`\n    .mdc-drawer &.mdc-list-item {\n        border-top: 1px solid var(--mdc-theme-on-background);\n        padding: 10px 16px;\n        margin: 10px 0 0;\n    }\n`;\n\nconst WcpBadge = styled.span`\n    background-color: var(--mdc-theme-primary, #6200ee);\n    display: inline-block;\n    color: white;\n    padding: 2px 4px;\n    border-radius: 5px;\n    font-size: 12px;\n    font-weight: bold;\n    line-height: 14px;\n    margin-left: 5px;\n`;\n\nexport const Version = () => {\n    const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n    const wcp = useWcp();\n\n    const wcpBadge = useMemo(() => {\n        const wcpProject = wcp.getProject();\n        if (!wcpProject) {\n            return null;\n        }\n\n        const tooltipContent = (\n            <span>\n                {wcpProject.orgId}/{wcpProject.projectId}\n            </span>\n        );\n\n        return (\n            <Tooltip content={tooltipContent}>\n                <WcpBadge>WCP</WcpBadge>\n            </Tooltip>\n        );\n    }, []);\n\n    return (\n        <ListItem ripple={false} className={subFooter}>\n            <Typography use={\"body2\"}>\n                Webiny v{wbyVersion}\n                {wcpBadge}\n            </Typography>\n        </ListItem>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,CAAA,GAAAN,OAAA;AAAiC,IAAAO,eAAA;AAAA,SAAAC,iCAAA;AAE1B,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,OAAGE,YAAG,EAAAJ,eAAA,KAAAA,eAAA,OAAAK,uBAAA,CAAAC,OAAA,4KAM3B;AAED,IAAMC,QAAQ,oBAAAC,KAAA,CAAAF,OAAA,UAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAhB;AAAA,EAUb;AAEM,IAAMiB,OAAO,GAAAf,OAAA,CAAAe,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EACzB,IAAMC,UAAU,GAAGC,cAAS,CAACC,MAAM,CAAC,gBAAgB,EAAEZ,OAAO,CAACC,GAAG,CAACY,wBAAwB,CAAC;EAC3F,IAAMC,GAAG,GAAG,IAAAC,QAAM,EAAC,CAAC;EAEpB,IAAMC,QAAQ,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC3B,IAAMC,UAAU,GAAGJ,GAAG,CAACK,UAAU,CAAC,CAAC;IACnC,IAAI,CAACD,UAAU,EAAE;MACb,OAAO,IAAI;IACf;IAEA,IAAME,cAAc,gBAChBtC,MAAA,CAAAe,OAAA,CAAAwB,aAAA,eACKH,UAAU,CAACI,KAAK,EAAC,GAAC,EAACJ,UAAU,CAACK,SAC7B,CACT;IAED,oBACIzC,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAAChC,QAAA,CAAAmC,OAAO;MAACC,OAAO,EAAEL;IAAe,gBAC7BtC,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACvB,QAAQ,QAAC,KAAa,CAClB,CAAC;EAElB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIhB,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACnC,KAAA,CAAAwC,QAAQ;IAACC,MAAM,EAAE,KAAM;IAACC,SAAS,EAAEnC;EAAU,gBAC1CX,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACjC,WAAA,CAAAyC,UAAU;IAACC,GAAG,EAAE;EAAQ,GAAC,UACd,EAACpB,UAAU,EAClBM,QACO,CACN,CAAC;AAEnB,CAAC","ignoreList":[]}

package/base/plugins/AddGraphQLQuerySelection.js

@@ -10,7 +10,7 @@ var _react = require("react");
 var _plugins = require("@webiny/plugins");
 var _utils = require("@webiny/utils");
 var _AddQuerySelectionPlugin = require("@webiny/app/plugins/AddQuerySelectionPlugin");
-var AddGraphQLQuerySelection = function AddGraphQLQuerySelection(props) {
+var AddGraphQLQuerySelection = exports.AddGraphQLQuerySelection = function AddGraphQLQuerySelection(props) {
   var _useState = (0, _react.useState)("AddGraphQLQuerySelection:".concat(props.operationName, ":").concat((0, _utils.generateId)())),
     _useState2 = (0, _slicedToArray2.default)(_useState, 1),
     name = _useState2[0];
@@ -24,6 +24,5 @@ var AddGraphQLQuerySelection = function AddGraphQLQuerySelection(props) {
   }, []);
   return null;
 };
-exports.AddGraphQLQuerySelection = AddGraphQLQuerySelection;
 
 //# sourceMappingURL=AddGraphQLQuerySelection.js.map

package/base/plugins/AddGraphQLQuerySelection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_plugins","_utils","_AddQuerySelectionPlugin","AddGraphQLQuerySelection","props","_useState","useState","concat","operationName","generateId","_useState2","_slicedToArray2","default","name","useEffect","plugin","AddQuerySelectionPlugin","plugins","register","unregister","exports"],"sources":["AddGraphQLQuerySelection.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { generateId } from \"@webiny/utils\";\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 = (props: Props) => {\n    const [name] = useState(`AddGraphQLQuerySelection:${props.operationName}:${generateId()}`);\n\n    useEffect(() => {\n        const plugin = new AddQuerySelectionPlugin(props);\n\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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AASO,IAAMI,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,KAAY,EAAK;EACtD,IAAAC,SAAA,GAAe,IAAAC,eAAQ,8BAAAC,MAAA,CAA6BH,KAAK,CAACI,aAAa,OAAAD,MAAA,CAAI,IAAAE,iBAAU,EAAC,CAAC,CAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAP,SAAA;IAAnFQ,IAAI,GAAAH,UAAA;EAEX,IAAAI,gBAAS,EAAC,YAAM;IACZ,IAAMC,MAAM,GAAG,IAAIC,gDAAuB,CAACZ,KAAK,CAAC;IAEjDW,MAAM,CAACF,IAAI,GAAGA,IAAI;IAClBI,gBAAO,CAACC,QAAQ,CAACH,MAAM,CAAC;IAExB,OAAO,YAAM;MACTE,gBAAO,CAACE,UAAU,CAACN,IAAI,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAACO,OAAA,CAAAjB,wBAAA,GAAAA,wBAAA"}
+{"version":3,"names":["_react","require","_plugins","_utils","_AddQuerySelectionPlugin","AddGraphQLQuerySelection","exports","props","_useState","useState","concat","operationName","generateId","_useState2","_slicedToArray2","default","name","useEffect","plugin","AddQuerySelectionPlugin","plugins","register","unregister"],"sources":["AddGraphQLQuerySelection.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { generateId } from \"@webiny/utils\";\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 = (props: Props) => {\n    const [name] = useState(`AddGraphQLQuerySelection:${props.operationName}:${generateId()}`);\n\n    useEffect(() => {\n        const plugin = new AddQuerySelectionPlugin(props);\n\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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AASO,IAAMI,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAIE,KAAY,EAAK;EACtD,IAAAC,SAAA,GAAe,IAAAC,eAAQ,8BAAAC,MAAA,CAA6BH,KAAK,CAACI,aAAa,OAAAD,MAAA,CAAI,IAAAE,iBAAU,EAAC,CAAC,CAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAP,SAAA;IAAnFQ,IAAI,GAAAH,UAAA;EAEX,IAAAI,gBAAS,EAAC,YAAM;IACZ,IAAMC,MAAM,GAAG,IAAIC,gDAAuB,CAACZ,KAAK,CAAC;IAEjDW,MAAM,CAACF,IAAI,GAAGA,IAAI;IAClBI,gBAAO,CAACC,QAAQ,CAACH,MAAM,CAAC;IAExB,OAAO,YAAM;MACTE,gBAAO,CAACE,UAAU,CAACN,IAAI,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/base/providers/ApolloProvider.d.ts

@@ -9,5 +9,5 @@ export interface ApolloClientFactory {
 interface ApolloProviderProps {
     children: React.ReactNode;
 }
-export declare const createApolloProvider: (clientFactory: ApolloClientFactory) => ({ children }: ApolloProviderProps) => JSX.Element;
+export declare const createApolloProvider: (clientFactory: ApolloClientFactory) => ({ children }: ApolloProviderProps) => React.JSX.Element;
 export {};

package/base/providers/ApolloProvider.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createApolloProvider = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactComponents = require("@apollo/react-components");
-var createApolloProvider = function createApolloProvider(clientFactory) {
+var createApolloProvider = exports.createApolloProvider = function createApolloProvider(clientFactory) {
   return function ApolloProvider(_ref) {
     var children = _ref.children;
     var uri = process.env.REACT_APP_GRAPHQL_API_URL;
@@ -18,6 +18,5 @@ var createApolloProvider = function createApolloProvider(clientFactory) {
     }, children);
   };
 };
-exports.createApolloProvider = createApolloProvider;
 
 //# sourceMappingURL=ApolloProvider.js.map

package/base/providers/ApolloProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactComponents","createApolloProvider","clientFactory","ApolloProvider","_ref","children","uri","process","env","REACT_APP_GRAPHQL_API_URL","default","createElement","client","exports"],"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\ninterface ApolloProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createApolloProvider = (clientFactory: ApolloClientFactory) => {\n    return function ApolloProvider({ children }: ApolloProviderProps) {\n        const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n        return <Apollo client={clientFactory({ uri })}>{children}</Apollo>;\n    };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAeO,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,aAAkC,EAAK;EACxE,OAAO,SAASC,cAAcA,CAAAC,IAAA,EAAoC;IAAA,IAAjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACrC,IAAMC,GAAG,GAAGC,OAAO,CAACC,GAAG,CAACC,yBAAmC;IAC3D,oBAAOZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,gBAAA,CAAAG,cAAM;MAACS,MAAM,EAAEV,aAAa,CAAC;QAAEI,GAAG,EAAHA;MAAI,CAAC;IAAE,GAAED,QAAiB,CAAC;EACtE,CAAC;AACL,CAAC;AAACQ,OAAA,CAAAZ,oBAAA,GAAAA,oBAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactComponents","createApolloProvider","exports","clientFactory","ApolloProvider","_ref","children","uri","process","env","REACT_APP_GRAPHQL_API_URL","default","createElement","client"],"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\ninterface ApolloProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createApolloProvider = (clientFactory: ApolloClientFactory) => {\n    return function ApolloProvider({ children }: ApolloProviderProps) {\n        const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n        return <Apollo client={clientFactory({ uri })}>{children}</Apollo>;\n    };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAeO,IAAME,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAIE,aAAkC,EAAK;EACxE,OAAO,SAASC,cAAcA,CAAAC,IAAA,EAAoC;IAAA,IAAjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACrC,IAAMC,GAAG,GAAGC,OAAO,CAACC,GAAG,CAACC,yBAAmC;IAC3D,oBAAOb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAI,cAAM;MAACS,MAAM,EAAEV,aAAa,CAAC;QAAEI,GAAG,EAAHA;MAAI,CAAC;IAAE,GAAED,QAAiB,CAAC;EACtE,CAAC;AACL,CAAC","ignoreList":[]}

package/base/providers/TelemetryProvider.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
+import { ComponentWithChildren } from "../../types";
 interface TelemetryProviderProps {
     children: React.ReactNode;
 }
-export declare const createTelemetryProvider: () => (Component: React.ComponentType) => ({ children }: TelemetryProviderProps) => JSX.Element;
+export declare const createTelemetryProvider: () => (Component: ComponentWithChildren) => ({ children }: TelemetryProviderProps) => React.JSX.Element;
 export {};

package/base/providers/TelemetryProvider.js

@@ -8,7 +8,7 @@ exports.createTelemetryProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@webiny/telemetry/react");
 var eventSent = false;
-var createTelemetryProvider = function createTelemetryProvider() {
+var createTelemetryProvider = exports.createTelemetryProvider = function createTelemetryProvider() {
   return function (Component) {
     return function TelemetryProvider(_ref) {
       var children = _ref.children;
@@ -17,12 +17,11 @@ var createTelemetryProvider = function createTelemetryProvider() {
           return;
         }
         eventSent = true;
-        (0, _react2.sendEvent)("app-start");
+        (0, _react2.sendEvent)("admin-app-start");
       }, []);
       return /*#__PURE__*/_react.default.createElement(Component, null, children);
     };
   };
 };
-exports.createTelemetryProvider = createTelemetryProvider;
 
 //# sourceMappingURL=TelemetryProvider.js.map

package/base/providers/TelemetryProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","eventSent","createTelemetryProvider","Component","TelemetryProvider","_ref","children","useEffect","sendEvent","default","createElement","exports"],"sources":["TelemetryProvider.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { sendEvent } from \"@webiny/telemetry/react\";\n\nlet eventSent = false;\n\ninterface TelemetryProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createTelemetryProvider = () => (Component: React.ComponentType) => {\n    return function TelemetryProvider({ children }: TelemetryProviderProps) {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAIE,SAAS,GAAG,KAAK;AAMd,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAA;EAAA,OAAS,UAACC,SAA8B,EAAK;IAC7E,OAAO,SAASC,iBAAiBA,CAAAC,IAAA,EAAuC;MAAA,IAApCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MACxC,IAAAC,gBAAS,EAAC,YAAM;QACZ,IAAIN,SAAS,EAAE;UACX;QACJ;QAEAA,SAAS,GAAG,IAAI;QAChB,IAAAO,iBAAS,EAAC,WAAW,CAAC;MAC1B,CAAC,EAAE,EAAE,CAAC;MAEN,oBAAOX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,SAAS,QAAEG,QAAoB,CAAC;IAC5C,CAAC;EACL,CAAC;AAAA;AAACK,OAAA,CAAAT,uBAAA,GAAAA,uBAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","eventSent","createTelemetryProvider","exports","Component","TelemetryProvider","_ref","children","useEffect","sendEvent","default","createElement"],"sources":["TelemetryProvider.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { sendEvent } from \"@webiny/telemetry/react\";\nimport { ComponentWithChildren } from \"~/types\";\n\nlet eventSent = false;\n\ninterface TelemetryProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createTelemetryProvider = () => (Component: ComponentWithChildren) => {\n    return function TelemetryProvider({ children }: TelemetryProviderProps) {\n        useEffect(() => {\n            if (eventSent) {\n                return;\n            }\n\n            eventSent = true;\n\n            sendEvent(\"admin-app-start\");\n        }, []);\n\n        return <Component>{children}</Component>;\n    };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAGA,IAAIE,SAAS,GAAG,KAAK;AAMd,IAAMC,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAA;EAAA,OAAS,UAACE,SAAgC,EAAK;IAC/E,OAAO,SAASC,iBAAiBA,CAAAC,IAAA,EAAuC;MAAA,IAApCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MACxC,IAAAC,gBAAS,EAAC,YAAM;QACZ,IAAIP,SAAS,EAAE;UACX;QACJ;QAEAA,SAAS,GAAG,IAAI;QAEhB,IAAAQ,iBAAS,EAAC,iBAAiB,CAAC;MAChC,CAAC,EAAE,EAAE,CAAC;MAEN,oBAAOZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,SAAS,QAAEG,QAAoB,CAAC;IAC5C,CAAC;EACL,CAAC;AAAA","ignoreList":[]}

package/base/providers/UiStateProvider.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
+import { ComponentWithChildren } from "../../types";
 interface UiStateProviderProps {
     children: React.ReactNode;
 }
-export declare const createUiStateProvider: () => (Component: React.ComponentType<unknown>) => ({ children }: UiStateProviderProps) => JSX.Element;
+export declare const createUiStateProvider: () => (Component: ComponentWithChildren) => ({ children }: UiStateProviderProps) => React.JSX.Element;
 export {};

package/base/providers/UiStateProvider.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createUiStateProvider = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Ui = require("@webiny/app/contexts/Ui");
-var createUiStateProvider = function createUiStateProvider() {
+var createUiStateProvider = exports.createUiStateProvider = function createUiStateProvider() {
   return function (Component) {
     return function UiStateProvider(_ref) {
       var children = _ref.children;
@@ -15,6 +15,5 @@ var createUiStateProvider = function createUiStateProvider() {
     };
   };
 };
-exports.createUiStateProvider = createUiStateProvider;
 
 //# sourceMappingURL=UiStateProvider.js.map

package/base/providers/UiStateProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Ui","createUiStateProvider","Component","UiStateProvider","_ref","children","default","createElement","UiProvider","exports"],"sources":["UiStateProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiProvider } from \"@webiny/app/contexts/Ui\";\n\ninterface UiStateProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createUiStateProvider = () => (Component: React.ComponentType<unknown>) => {\n    return function UiStateProvider({ children }: UiStateProviderProps) {\n        return (\n            <UiProvider>\n                <Component>{children}</Component>\n            </UiProvider>\n        );\n    };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AAMO,IAAME,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAA;EAAA,OAAS,UAACC,SAAuC,EAAK;IACpF,OAAO,SAASC,eAAeA,CAAAC,IAAA,EAAqC;MAAA,IAAlCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MACtC,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,GAAA,CAAAQ,UAAU,qBACPX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,SAAS,QAAEG,QAAoB,CACxB,CAAC;IAErB,CAAC;EACL,CAAC;AAAA;AAACI,OAAA,CAAAR,qBAAA,GAAAA,qBAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Ui","createUiStateProvider","exports","Component","UiStateProvider","_ref","children","default","createElement","UiProvider"],"sources":["UiStateProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiProvider } from \"@webiny/app/contexts/Ui\";\nimport { ComponentWithChildren } from \"~/types\";\n\ninterface UiStateProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createUiStateProvider = () => (Component: ComponentWithChildren) => {\n    return function UiStateProvider({ children }: UiStateProviderProps) {\n        return (\n            <UiProvider>\n                <Component>{children}</Component>\n            </UiProvider>\n        );\n    };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AAOO,IAAME,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAA;EAAA,OAAS,UAACE,SAAgC,EAAK;IAC7E,OAAO,SAASC,eAAeA,CAAAC,IAAA,EAAqC;MAAA,IAAlCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MACtC,oBACIT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,GAAA,CAAAS,UAAU,qBACPZ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACL,SAAS,QAAEG,QAAoB,CACxB,CAAC;IAErB,CAAC;EACL,CAAC;AAAA","ignoreList":[]}

package/base/providers/ViewCompositionProvider.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { ComponentWithChildren } from "../../types";
 export interface ViewElement {
     name: string;
     elements: JSX.Element[];
@@ -16,5 +17,5 @@ export declare function useViewComposition(): ViewCompositionContext;
 interface ViewCompositionProviderHOCProps {
     children: React.ReactNode;
 }
-export declare const createViewCompositionProvider: () => (Component: React.ComponentType<unknown>) => ({ children }: ViewCompositionProviderHOCProps) => JSX.Element;
+export declare const createViewCompositionProvider: () => (Component: ComponentWithChildren) => ({ children }: ViewCompositionProviderHOCProps) => React.JSX.Element;
 export {};

package/base/providers/ViewCompositionProvider.js

@@ -46,7 +46,7 @@ var ViewCompositionProvider = function ViewCompositionProvider(_ref) {
 function useViewComposition() {
   return (0, _react.useContext)(ViewCompositionContext);
 }
-var createViewCompositionProvider = function createViewCompositionProvider() {
+var createViewCompositionProvider = exports.createViewCompositionProvider = function createViewCompositionProvider() {
   return function (Component) {
     return function ViewCompositionProviderHOC(_ref2) {
       var children = _ref2.children;
@@ -54,6 +54,5 @@ var createViewCompositionProvider = function createViewCompositionProvider() {
     };
   };
 };
-exports.createViewCompositionProvider = createViewCompositionProvider;
 
 //# sourceMappingURL=ViewCompositionProvider.js.map

package/base/providers/ViewCompositionProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","ViewCompositionContext","createContext","getViewElement","setViewElement","displayName","ViewCompositionProvider","_ref","children","_useState","useState","_useState2","_slicedToArray2","default","state","setState","context","useMemo","view","name","setter","existing","_objectSpread4","_defineProperty2","createElement","Provider","value","useViewComposition","useContext","createViewCompositionProvider","Component","ViewCompositionProviderHOC","_ref2","exports"],"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}\ninterface ViewCompositionProviderProps {\n    children: React.ReactNode;\n}\nconst ViewCompositionProvider = ({ children }: ViewCompositionProviderProps) => {\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\ninterface ViewCompositionProviderHOCProps {\n    children: React.ReactNode;\n}\n\nexport const createViewCompositionProvider = () => (Component: React.ComponentType<unknown>) => {\n    return function ViewCompositionProviderHOC({ children }: ViewCompositionProviderHOCProps) {\n        return (\n            <ViewCompositionProvider>\n                <Component>{children}</Component>\n            </ViewCompositionProvider>\n        );\n    };\n};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAkBA,IAAMC,sBAAsB,gBAAG,IAAAC,oBAAa,EAAyB;EACjEC,cAAc,EAAE,SAAAA,eAAA,EAAM;IAClB,OAAO,IAAI;EACf,CAAC;EACDC,cAAc,EAAE,SAAAA,eAAA,EAAM;IAClB,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AACFH,sBAAsB,CAACI,WAAW,GAAG,wBAAwB;AAQ7D,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAAC,IAAA,EAAmD;EAAA,IAA7CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACvC,IAAAC,SAAA,GAA0B,IAAAC,eAAQ,EAA+B,CAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA7DK,KAAK,GAAAH,UAAA;IAAEI,QAAQ,GAAAJ,UAAA;EAEtB,IAAMK,OAAO,GAAG,IAAAC,cAAO,EACnB;IAAA,OAAO;MACHd,cAAc,WAAAA,eAACe,IAAY,EAAEC,IAAY,EAAe;QACpD,OAAOL,KAAK,CAACI,IAAI,CAAC,IAAIJ,KAAK,CAACI,IAAI,CAAC,CAACC,IAAI,CAAC;MAC3C,CAAC;MACDf,cAAc,WAAAA,eAACc,IAAY,EAAEC,IAAY,EAAEC,MAAqB,EAAE;QAC9DL,QAAQ,CAAC,UAAAD,KAAK,EAAI;UACd,IAAMO,QAAQ,GAAGP,KAAK,CAACI,IAAI,CAAC,IAAIJ,KAAK,CAACI,IAAI,CAAC,CAACC,IAAI,CAAC;UACjD,WAAAG,cAAA,CAAAT,OAAA,MAAAS,cAAA,CAAAT,OAAA,MACOC,KAAK,WAAAS,gBAAA,CAAAV,OAAA,MACPK,IAAI,MAAAI,cAAA,CAAAT,OAAA,MAAAS,cAAA,CAAAT,OAAA,MACEC,KAAK,CAACI,IAAI,CAAC,WAAAK,gBAAA,CAAAV,OAAA,MACbM,IAAI,EAAGC,MAAM,CAACC,QAAQ,CAAC;QAGpC,CAAC,CAAC;MACN;IACJ,CAAC;EAAA,CAAC,EACF,CAACP,KAAK,CACV,CAAC;EAED,oBACIhB,MAAA,CAAAe,OAAA,CAAAW,aAAA,CAACvB,sBAAsB,CAACwB,QAAQ;IAACC,KAAK,EAAEV;EAAQ,GAC3CR,QAC4B,CAAC;AAE1C,CAAC;AAEM,SAASmB,kBAAkBA,CAAA,EAAG;EACjC,OAAO,IAAAC,iBAAU,EAAC3B,sBAAsB,CAAC;AAC7C;AAMO,IAAM4B,6BAA6B,GAAG,SAAhCA,6BAA6BA,CAAA;EAAA,OAAS,UAACC,SAAuC,EAAK;IAC5F,OAAO,SAASC,0BAA0BA,CAAAC,KAAA,EAAgD;MAAA,IAA7CxB,QAAQ,GAAAwB,KAAA,CAARxB,QAAQ;MACjD,oBACIV,MAAA,CAAAe,OAAA,CAAAW,aAAA,CAAClB,uBAAuB,qBACpBR,MAAA,CAAAe,OAAA,CAAAW,aAAA,CAACM,SAAS,QAAEtB,QAAoB,CACX,CAAC;IAElC,CAAC;EACL,CAAC;AAAA;AAACyB,OAAA,CAAAJ,6BAAA,GAAAA,6BAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","ViewCompositionContext","createContext","getViewElement","setViewElement","displayName","ViewCompositionProvider","_ref","children","_useState","useState","_useState2","_slicedToArray2","default","state","setState","context","useMemo","view","name","setter","existing","_objectSpread4","_defineProperty2","createElement","Provider","value","useViewComposition","useContext","createViewCompositionProvider","exports","Component","ViewCompositionProviderHOC","_ref2"],"sources":["ViewCompositionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\nimport { ComponentWithChildren } from \"~/types\";\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}\ninterface ViewCompositionProviderProps {\n    children: React.ReactNode;\n}\nconst ViewCompositionProvider = ({ children }: ViewCompositionProviderProps) => {\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\ninterface ViewCompositionProviderHOCProps {\n    children: React.ReactNode;\n}\n\nexport const createViewCompositionProvider = () => (Component: ComponentWithChildren) => {\n    return function ViewCompositionProviderHOC({ children }: ViewCompositionProviderHOCProps) {\n        return (\n            <ViewCompositionProvider>\n                <Component>{children}</Component>\n            </ViewCompositionProvider>\n        );\n    };\n};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAmBA,IAAMC,sBAAsB,gBAAG,IAAAC,oBAAa,EAAyB;EACjEC,cAAc,EAAE,SAAAA,eAAA,EAAM;IAClB,OAAO,IAAI;EACf,CAAC;EACDC,cAAc,EAAE,SAAAA,eAAA,EAAM;IAClB,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AACFH,sBAAsB,CAACI,WAAW,GAAG,wBAAwB;AAQ7D,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAAC,IAAA,EAAmD;EAAA,IAA7CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACvC,IAAAC,SAAA,GAA0B,IAAAC,eAAQ,EAA+B,CAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA7DK,KAAK,GAAAH,UAAA;IAAEI,QAAQ,GAAAJ,UAAA;EAEtB,IAAMK,OAAO,GAAG,IAAAC,cAAO,EACnB;IAAA,OAAO;MACHd,cAAc,WAAAA,eAACe,IAAY,EAAEC,IAAY,EAAe;QACpD,OAAOL,KAAK,CAACI,IAAI,CAAC,IAAIJ,KAAK,CAACI,IAAI,CAAC,CAACC,IAAI,CAAC;MAC3C,CAAC;MACDf,cAAc,WAAAA,eAACc,IAAY,EAAEC,IAAY,EAAEC,MAAqB,EAAE;QAC9DL,QAAQ,CAAC,UAAAD,KAAK,EAAI;UACd,IAAMO,QAAQ,GAAGP,KAAK,CAACI,IAAI,CAAC,IAAIJ,KAAK,CAACI,IAAI,CAAC,CAACC,IAAI,CAAC;UACjD,WAAAG,cAAA,CAAAT,OAAA,MAAAS,cAAA,CAAAT,OAAA,MACOC,KAAK,WAAAS,gBAAA,CAAAV,OAAA,MACPK,IAAI,MAAAI,cAAA,CAAAT,OAAA,MAAAS,cAAA,CAAAT,OAAA,MACEC,KAAK,CAACI,IAAI,CAAC,WAAAK,gBAAA,CAAAV,OAAA,MACbM,IAAI,EAAGC,MAAM,CAACC,QAAQ,CAAC;QAGpC,CAAC,CAAC;MACN;IACJ,CAAC;EAAA,CAAC,EACF,CAACP,KAAK,CACV,CAAC;EAED,oBACIhB,MAAA,CAAAe,OAAA,CAAAW,aAAA,CAACvB,sBAAsB,CAACwB,QAAQ;IAACC,KAAK,EAAEV;EAAQ,GAC3CR,QAC4B,CAAC;AAE1C,CAAC;AAEM,SAASmB,kBAAkBA,CAAA,EAAG;EACjC,OAAO,IAAAC,iBAAU,EAAC3B,sBAAsB,CAAC;AAC7C;AAMO,IAAM4B,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,SAAhCA,6BAA6BA,CAAA;EAAA,OAAS,UAACE,SAAgC,EAAK;IACrF,OAAO,SAASC,0BAA0BA,CAAAC,KAAA,EAAgD;MAAA,IAA7CzB,QAAQ,GAAAyB,KAAA,CAARzB,QAAQ;MACjD,oBACIV,MAAA,CAAAe,OAAA,CAAAW,aAAA,CAAClB,uBAAuB,qBACpBR,MAAA,CAAAe,OAAA,CAAAW,aAAA,CAACO,SAAS,QAAEvB,QAAoB,CACX,CAAC;IAElC,CAAC;EACL,CAAC;AAAA","ignoreList":[]}

package/base/ui/Brand.d.ts

@@ -1,13 +1,15 @@
-/// <reference types="react" />
+import React from "react";
 export declare const Brand: import("@webiny/app").GenericComponent<any> & {
     original: import("@webiny/app").GenericComponent<any>;
     originalName: string;
+    displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    createDecorator: (decorator: import("@webiny/app").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
 };
 export declare const BrandRenderer: import("@webiny/app").GenericComponent<any> & {
     original: import("@webiny/app").GenericComponent<any>;
     originalName: string;
+    displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    createDecorator: (decorator: import("@webiny/app").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
 };

package/base/ui/Brand.js

@@ -7,11 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.BrandRenderer = exports.Brand = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _app = require("@webiny/app");
-var Brand = (0, _app.makeDecoratable)("Brand", function () {
+var Brand = exports.Brand = (0, _app.makeDecoratable)("Brand", function () {
   return /*#__PURE__*/_react.default.createElement(BrandRenderer, null);
 });
-exports.Brand = Brand;
-var BrandRenderer = (0, _app.makeDecoratable)("BrandRenderer", (0, _app.createVoidComponent)());
-exports.BrandRenderer = BrandRenderer;
+var BrandRenderer = exports.BrandRenderer = (0, _app.makeDecoratable)("BrandRenderer", (0, _app.createVoidComponent)());
 
 //# sourceMappingURL=Brand.js.map

package/base/ui/Brand.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_app","Brand","makeDecoratable","default","createElement","BrandRenderer","exports","createVoidComponent"],"sources":["Brand.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Brand = makeDecoratable(\"Brand\", () => {\n    return <BrandRenderer />;\n});\n\nexport const BrandRenderer = makeDecoratable(\"BrandRenderer\", createVoidComponent());\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAEO,IAAME,KAAK,GAAG,IAAAC,oBAAe,EAAC,OAAO,EAAE,YAAM;EAChD,oBAAOL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACC,aAAa,MAAE,CAAC;AAC5B,CAAC,CAAC;AAACC,OAAA,CAAAL,KAAA,GAAAA,KAAA;AAEI,IAAMI,aAAa,GAAG,IAAAH,oBAAe,EAAC,eAAe,EAAE,IAAAK,wBAAmB,EAAC,CAAC,CAAC;AAACD,OAAA,CAAAD,aAAA,GAAAA,aAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_app","Brand","exports","makeDecoratable","default","createElement","BrandRenderer","createVoidComponent"],"sources":["Brand.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Brand = makeDecoratable(\"Brand\", () => {\n    return <BrandRenderer />;\n});\n\nexport const BrandRenderer = makeDecoratable(\"BrandRenderer\", createVoidComponent());\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAEO,IAAME,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,IAAAE,oBAAe,EAAC,OAAO,EAAE,YAAM;EAChD,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACC,aAAa,MAAE,CAAC;AAC5B,CAAC,CAAC;AAEK,IAAMA,aAAa,GAAAJ,OAAA,CAAAI,aAAA,GAAG,IAAAH,oBAAe,EAAC,eAAe,EAAE,IAAAI,wBAAmB,EAAC,CAAC,CAAC","ignoreList":[]}

package/base/ui/CenteredView.d.ts

@@ -6,6 +6,7 @@ export interface CenteredViewProps {
 export declare const CenteredView: import("../../index").GenericComponent<CenteredViewProps> & {
     original: import("../../index").GenericComponent<CenteredViewProps>;
     originalName: string;
+    displayName: string;
 } & {
-    createDecorator: (decorator: import("../../index").Decorator<(props: CenteredViewProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    createDecorator: (decorator: import("../../index").Decorator<(props: CenteredViewProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
 };

package/base/ui/CenteredView.js

@@ -5,26 +5,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CenteredView = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _ = require("../..");
-var Container = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e1bmfqk40",
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1bmfqk41"
+} : {
+  target: "e1bmfqk41",
   label: "Container"
-})({
-  display: "flex",
-  justifyContent: "center"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zl1inp",
+  styles: "display:flex;justify-content:center"
+} : {
+  name: "zl1inp",
+  styles: "display:flex;justify-content:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNlbnRlcmVkVmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2tCIiwiZmlsZSI6IkNlbnRlcmVkVmlldy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1ha2VEZWNvcmF0YWJsZSB9IGZyb20gXCJ+L2luZGV4XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2VudGVyZWRWaWV3UHJvcHMge1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgbWF4V2lkdGg/OiBudW1iZXIgfCBzdHJpbmc7XG59XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiXG59KTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBtYXhXaWR0aDogc3RyaW5nIHwgbnVtYmVyO1xufVxuXG5jb25zdCBXaWR0aCA9IHN0eWxlZC5kaXYoKHByb3BzOiBQcm9wcykgPT4gKHtcbiAgICBtYXhXaWR0aDogcHJvcHMubWF4V2lkdGgsXG4gICAgd2lkdGg6IFwiMTAwJVwiXG59KSk7XG5cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFZpZXcgPSBtYWtlRGVjb3JhdGFibGUoXG4gICAgXCJDZW50ZXJlZFZpZXdcIixcbiAgICAoeyBtYXhXaWR0aCA9IDcwMCwgY2hpbGRyZW4gfTogQ2VudGVyZWRWaWV3UHJvcHMpID0+IHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPFdpZHRoIG1heFdpZHRoPXttYXhXaWR0aH0+e2NoaWxkcmVufTwvV2lkdGg+XG4gICAgICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgICAgKTtcbiAgICB9XG4pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Width = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e1bmfqk41",
+var Width = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1bmfqk40"
+} : {
+  target: "e1bmfqk40",
   label: "Width"
 })(function (props) {
   return {
     maxWidth: props.maxWidth,
     width: "100%"
   };
-});
-var CenteredView = (0, _.makeDecoratable)("CenteredView", function (_ref) {
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNlbnRlcmVkVmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JjIiwiZmlsZSI6IkNlbnRlcmVkVmlldy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1ha2VEZWNvcmF0YWJsZSB9IGZyb20gXCJ+L2luZGV4XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2VudGVyZWRWaWV3UHJvcHMge1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgbWF4V2lkdGg/OiBudW1iZXIgfCBzdHJpbmc7XG59XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiXG59KTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBtYXhXaWR0aDogc3RyaW5nIHwgbnVtYmVyO1xufVxuXG5jb25zdCBXaWR0aCA9IHN0eWxlZC5kaXYoKHByb3BzOiBQcm9wcykgPT4gKHtcbiAgICBtYXhXaWR0aDogcHJvcHMubWF4V2lkdGgsXG4gICAgd2lkdGg6IFwiMTAwJVwiXG59KSk7XG5cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFZpZXcgPSBtYWtlRGVjb3JhdGFibGUoXG4gICAgXCJDZW50ZXJlZFZpZXdcIixcbiAgICAoeyBtYXhXaWR0aCA9IDcwMCwgY2hpbGRyZW4gfTogQ2VudGVyZWRWaWV3UHJvcHMpID0+IHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPFdpZHRoIG1heFdpZHRoPXttYXhXaWR0aH0+e2NoaWxkcmVufTwvV2lkdGg+XG4gICAgICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgICAgKTtcbiAgICB9XG4pO1xuIl19 */");
+var CenteredView = exports.CenteredView = (0, _.makeDecoratable)("CenteredView", function (_ref) {
   var _ref$maxWidth = _ref.maxWidth,
     maxWidth = _ref$maxWidth === void 0 ? 700 : _ref$maxWidth,
     children = _ref.children;
@@ -32,6 +42,5 @@ var CenteredView = (0, _.makeDecoratable)("CenteredView", function (_ref) {
     maxWidth: maxWidth
   }, children));
 });
-exports.CenteredView = CenteredView;
 
 //# sourceMappingURL=CenteredView.js.map

package/base/ui/CenteredView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_","Container","styled","target","label","display","justifyContent","Width","props","maxWidth","width","CenteredView","makeDecoratable","_ref","_ref$maxWidth","children","default","createElement","exports"],"sources":["CenteredView.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { makeDecoratable } from \"~/index\";\n\nexport interface CenteredViewProps {\n    children: React.ReactNode;\n    maxWidth?: number | string;\n}\n\nconst Container = styled.div({\n    display: \"flex\",\n    justifyContent: \"center\"\n});\n\ninterface Props {\n    maxWidth: string | number;\n}\n\nconst Width = styled.div((props: Props) => ({\n    maxWidth: props.maxWidth,\n    width: \"100%\"\n}));\n\nexport const CenteredView = makeDecoratable(\n    \"CenteredView\",\n    ({ maxWidth = 700, children }: CenteredViewProps) => {\n        return (\n            <Container>\n                <Width maxWidth={maxWidth}>{children}</Width>\n            </Container>\n        );\n    }\n);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,CAAA,GAAAF,OAAA;AAOA,IAAMG,SAAS,oBAAGC,eAAM;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAK;EACzBC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE;AACpB,CAAC,CAAC;AAMF,IAAMC,KAAK,oBAAGL,eAAM;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAK,UAACI,KAAY;EAAA,OAAM;IACxCC,QAAQ,EAAED,KAAK,CAACC,QAAQ;IACxBC,KAAK,EAAE;EACX,CAAC;AAAA,CAAC,CAAC;AAEI,IAAMC,YAAY,GAAG,IAAAC,iBAAe,EACvC,cAAc,EACd,UAAAC,IAAA,EAAqD;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAlDJ,QAAQ;IAARA,QAAQ,GAAAK,aAAA,cAAG,GAAG,GAAAA,aAAA;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACvB,oBACInB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAChB,SAAS,qBACNL,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACV,KAAK;IAACE,QAAQ,EAAEA;EAAS,GAAEM,QAAgB,CACrC,CAAC;AAEpB,CACJ,CAAC;AAACG,OAAA,CAAAP,YAAA,GAAAA,YAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_","_EMOTION_STRINGIFIED_CSS_ERROR__","Container","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Width","props","maxWidth","width","CenteredView","exports","makeDecoratable","_ref","_ref$maxWidth","children","createElement"],"sources":["CenteredView.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { makeDecoratable } from \"~/index\";\n\nexport interface CenteredViewProps {\n    children: React.ReactNode;\n    maxWidth?: number | string;\n}\n\nconst Container = styled.div({\n    display: \"flex\",\n    justifyContent: \"center\"\n});\n\ninterface Props {\n    maxWidth: string | number;\n}\n\nconst Width = styled.div((props: Props) => ({\n    maxWidth: props.maxWidth,\n    width: \"100%\"\n}));\n\nexport const CenteredView = makeDecoratable(\n    \"CenteredView\",\n    ({ maxWidth = 700, children }: CenteredViewProps) => {\n        return (\n            <Container>\n                <Width maxWidth={maxWidth}>{children}</Width>\n            </Container>\n        );\n    }\n);\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,CAAA,GAAAD,OAAA;AAA0C,SAAAE,iCAAA;AAO1C,IAAMC,SAAS,gBAAG,IAAAC,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGjB,CAAC;AAMF,IAAMa,KAAK,gBAAG,IAAAX,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAW,UAACM,KAAY;EAAA,OAAM;IACxCC,QAAQ,EAAED,KAAK,CAACC,QAAQ;IACxBC,KAAK,EAAE;EACX,CAAC;AAAA,CAAC,EAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA,mwCAAC;AAEI,IAAMW,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,iBAAe,EACvC,cAAc,EACd,UAAAC,IAAA,EAAqD;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAlDL,QAAQ;IAARA,QAAQ,GAAAM,aAAA,cAAG,GAAG,GAAAA,aAAA;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACvB,oBACI1B,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAACtB,SAAS,qBACNL,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAACV,KAAK;IAACE,QAAQ,EAAEA;EAAS,GAAEO,QAAgB,CACrC,CAAC;AAEpB,CACJ,CAAC","ignoreList":[]}

package/base/ui/Dashboard.d.ts

@@ -1,13 +1,15 @@
-/// <reference types="react" />
+import React from "react";
 export declare const Dashboard: import("@webiny/app").GenericComponent<any> & {
     original: import("@webiny/app").GenericComponent<any>;
     originalName: string;
+    displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    createDecorator: (decorator: import("@webiny/app").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
 };
 export declare const DashboardRenderer: import("@webiny/app").GenericComponent<any> & {
     original: import("@webiny/app").GenericComponent<any>;
     originalName: string;
+    displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    createDecorator: (decorator: import("@webiny/app").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
 };