@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.1e66d121db

package/assets/icons/slack-logo.svg

@@ -1 +1 @@
-<svg id="Bold" enable-background="new 0 0 24 24" height="512" viewBox="0 0 24 24" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m8.843 12.651c-1.392 0-2.521 1.129-2.521 2.521v6.306c0 1.392 1.129 2.521 2.521 2.521s2.521-1.129 2.521-2.521v-6.306c-.001-1.392-1.13-2.521-2.521-2.521z"/><path d="m.019 15.172c0 1.393 1.13 2.523 2.523 2.523s2.523-1.13 2.523-2.523v-2.523h-2.521c-.001 0-.001 0-.002 0-1.393 0-2.523 1.13-2.523 2.523z"/><path d="m8.846-.001c-.001 0-.002 0-.003 0-1.393 0-2.523 1.13-2.523 2.523s1.13 2.523 2.523 2.523h2.521c0-1.431 0-1.083 0-2.528-.001-1.391-1.128-2.518-2.518-2.518z"/><path d="m2.525 11.37h6.318c1.393 0 2.523-1.13 2.523-2.523s-1.13-2.523-2.523-2.523h-6.318c-1.393 0-2.523 1.13-2.523 2.523s1.13 2.523 2.523 2.523z"/><path d="m21.457 6.323c-1.391 0-2.518 1.127-2.518 2.518v.005 2.523h2.521c1.393 0 2.523-1.13 2.523-2.523s-1.13-2.523-2.523-2.523c-.001 0-.002 0-.003 0z"/><path d="m12.641 2.522v6.325c0 1.392 1.129 2.521 2.521 2.521s2.521-1.129 2.521-2.521v-6.325c0-1.392-1.129-2.521-2.521-2.521-1.392 0-2.521 1.129-2.521 2.521z"/><path d="m17.682 21.476c0-1.392-1.129-2.521-2.521-2.521h-2.521v2.523c.001 1.391 1.129 2.519 2.521 2.519s2.521-1.129 2.521-2.521z"/><path d="m21.479 12.649h-6.318c-1.393 0-2.523 1.13-2.523 2.523s1.13 2.523 2.523 2.523h6.318c1.393 0 2.523-1.13 2.523-2.523s-1.13-2.523-2.523-2.523z"/></svg>
+<svg id="Bold" enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m8.843 12.651c-1.392 0-2.521 1.129-2.521 2.521v6.306c0 1.392 1.129 2.521 2.521 2.521s2.521-1.129 2.521-2.521v-6.306c-.001-1.392-1.13-2.521-2.521-2.521z"/><path d="m.019 15.172c0 1.393 1.13 2.523 2.523 2.523s2.523-1.13 2.523-2.523v-2.523h-2.521c-.001 0-.001 0-.002 0-1.393 0-2.523 1.13-2.523 2.523z"/><path d="m8.846-.001c-.001 0-.002 0-.003 0-1.393 0-2.523 1.13-2.523 2.523s1.13 2.523 2.523 2.523h2.521c0-1.431 0-1.083 0-2.528-.001-1.391-1.128-2.518-2.518-2.518z"/><path d="m2.525 11.37h6.318c1.393 0 2.523-1.13 2.523-2.523s-1.13-2.523-2.523-2.523h-6.318c-1.393 0-2.523 1.13-2.523 2.523s1.13 2.523 2.523 2.523z"/><path d="m21.457 6.323c-1.391 0-2.518 1.127-2.518 2.518v.005 2.523h2.521c1.393 0 2.523-1.13 2.523-2.523s-1.13-2.523-2.523-2.523c-.001 0-.002 0-.003 0z"/><path d="m12.641 2.522v6.325c0 1.392 1.129 2.521 2.521 2.521s2.521-1.129 2.521-2.521v-6.325c0-1.392-1.129-2.521-2.521-2.521-1.392 0-2.521 1.129-2.521 2.521z"/><path d="m17.682 21.476c0-1.392-1.129-2.521-2.521-2.521h-2.521v2.523c.001 1.391 1.129 2.519 2.521 2.519s2.521-1.129 2.521-2.521z"/><path d="m21.479 12.649h-6.318c-1.393 0-2.523 1.13-2.523 2.523s1.13 2.523 2.523 2.523h6.318c1.393 0 2.523-1.13 2.523-2.523s-1.13-2.523-2.523-2.523z"/></svg>

package/base/Admin.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ApolloClientFactory } from "./providers/ApolloProvider";
+export interface AdminProps {
+    createApolloClient: ApolloClientFactory;
+    children?: React.ReactNode;
+}
+export declare const Admin: React.FC<AdminProps>;

package/base/Admin.js

@@ -0,0 +1,55 @@
+"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 _appWcp = require("@webiny/app-wcp");
+
+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 _Progress = require("@webiny/ui/Progress");
+
+var 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)();
+  return /*#__PURE__*/_react.default.createElement(ApolloProvider, null, /*#__PURE__*/_react.default.createElement(_appWcp.WcpProvider, {
+    loader: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+      label: "Loading..."
+    })
+  }, /*#__PURE__*/_react.default.createElement(_appAdminCore.Admin, null, /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
+    hoc: TelemetryProvider
+  }), /*#__PURE__*/_react.default.createElement(_appAdminCore.Provider, {
+    hoc: UiStateProvider
+  }), /*#__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

@@ -0,0 +1 @@
+{"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 { 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\";\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    return (\n        <ApolloProvider>\n            <WcpProvider loader={<CircularProgress label={\"Loading...\"} />}>\n                <BaseAdmin>\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            </WcpProvider>\n        </ApolloProvider>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;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;EAEA,oBACI,6BAAC,cAAD,qBACI,6BAAC,mBAAD;IAAa,MAAM,eAAE,6BAAC,0BAAD;MAAkB,KAAK,EAAE;IAAzB;EAArB,gBACI,6BAAC,mBAAD,qBACI,6BAAC,sBAAD;IAAU,GAAG,EAAEH;EAAf,EADJ,eAEI,6BAAC,sBAAD;IAAU,GAAG,EAAEE;EAAf,EAFJ,eAGI,6BAAC,sBAAD;IAAU,GAAG,EAAEE;EAAf,EAHJ,eAII,6BAAC,sBAAD;IAAU,GAAG,EAAEC;EAAf,EAJJ,eAKI,6BAAC,sBAAD;IAAU,GAAG,EAAEC;EAAf,EALJ,eAMI,6BAAC,UAAD,OANJ,EAOKV,QAPL,CADJ,CADJ,CADJ;AAeH,CApBM"}

package/base/Base.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Base: React.NamedExoticComponent<{}>;

package/base/Base.js

@@ -0,0 +1,110 @@
+"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.Base = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+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 _fileManager = require("../plugins/fileManager");
+
+var _globalSearch = require("../plugins/globalSearch");
+
+var _uiLayoutRenderer = require("../plugins/uiLayoutRenderer");
+
+function registerFileTypePlugins() {
+  // This is an ugly hack, which we will replace when we implement file thumbnail rendering via the Composition API.
+  var fileTypePlugins = _plugins.plugins.byType(_.FileManagerFileTypePlugin.type); // First we need to unregister already registered plugins.
+
+
+  fileTypePlugins.forEach(function (pl) {
+    return _plugins.plugins.unregister(pl.name);
+  }); // Then, we need to register the default plugins first, then register user's plugins again, to generate new names.
+
+  _plugins.plugins.register([_fileManager.defaultFileTypePlugin, _fileManager.imageFileTypePlugin].concat((0, _toConsumableArray2.default)(fileTypePlugins.map(function (pl) {
+    pl.name = undefined;
+    return pl;
+  }))));
+}
+
+var BaseExtension = function BaseExtension() {
+  _plugins.plugins.register([_globalSearch.globalSearchHotkey, _uiLayoutRenderer.uiLayoutPlugin]);
+
+  registerFileTypePlugins();
+  return /*#__PURE__*/_react.default.createElement(_appAdminCore.Plugins, null, /*#__PURE__*/_react.default.createElement(_.AddMenu, {
+    name: "settings",
+    label: "Settings",
+    icon: /*#__PURE__*/_react.default.createElement(_roundSettings24px.ReactComponent, null),
+    pin: "last"
+  }), /*#__PURE__*/_react.default.createElement(_components.FileManager, null, function (_ref) {
+    var showFileManager = _ref.showFileManager;
+    return /*#__PURE__*/_react.default.createElement(_.AddMenu, {
+      name: "fileManager",
+      label: "File Manager",
+      icon: /*#__PURE__*/_react.default.createElement(_insert_drive_file24px.ReactComponent, null),
+      tags: ["footer"],
+      onClick: showFileManager,
+      testId: "admin-drawer-footer-menu-file-manager"
+    });
+  }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
+    name: "documentation",
+    label: "Documentation",
+    icon: /*#__PURE__*/_react.default.createElement(_iconDocumentation.ReactComponent, null),
+    path: "https://www.webiny.com/docs",
+    rel: "noopener noreferrer",
+    target: "_blank",
+    tags: ["footer"]
+  }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
+    name: "slack",
+    label: "Slack",
+    icon: /*#__PURE__*/_react.default.createElement(_slackLogo.ReactComponent, null),
+    path: "https://www.webiny.com/slack/",
+    rel: "noopener noreferrer",
+    target: "_blank",
+    tags: ["footer"]
+  }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
+    name: "github",
+    label: "Github",
+    icon: /*#__PURE__*/_react.default.createElement(_githubBrands.ReactComponent, null),
+    path: "https://github.com/webiny/webiny-js",
+    rel: "noopener noreferrer",
+    target: "_blank",
+    tags: ["footer"]
+  }), /*#__PURE__*/_react.default.createElement(_.AddRoute, {
+    path: "/"
+  }, /*#__PURE__*/_react.default.createElement(_.Layout, {
+    title: "Welcome!"
+  }, /*#__PURE__*/_react.default.createElement(_.Dashboard, null))), /*#__PURE__*/_react.default.createElement(_.AddRoute, {
+    path: "*"
+  }, /*#__PURE__*/_react.default.createElement(_.Layout, {
+    title: "Not Accessible"
+  }, /*#__PURE__*/_react.default.createElement(_.NotFound, null))));
+};
+
+var Base = /*#__PURE__*/(0, _react.memo)(BaseExtension);
+exports.Base = Base;

package/base/Base.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerFileTypePlugins","fileTypePlugins","plugins","byType","FileManagerFileTypePlugin","type","forEach","pl","unregister","name","register","defaultFileTypePlugin","imageFileTypePlugin","map","undefined","BaseExtension","globalSearchHotkey","uiLayoutPlugin","showFileManager","Base","memo"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { Plugins } from \"@webiny/app-admin-core\";\nimport { AddMenu, AddRoute, Dashboard, FileManagerFileTypePlugin, 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 { defaultFileTypePlugin, imageFileTypePlugin } from \"~/plugins/fileManager\";\nimport { globalSearchHotkey } from \"~/plugins/globalSearch\";\nimport { uiLayoutPlugin } from \"~/plugins/uiLayoutRenderer\";\n\nfunction registerFileTypePlugins() {\n    // This is an ugly hack, which we will replace when we implement file thumbnail rendering via the Composition API.\n    const fileTypePlugins = plugins.byType(FileManagerFileTypePlugin.type);\n\n    // First we need to unregister already registered plugins.\n    fileTypePlugins.forEach(pl => plugins.unregister(pl.name as string));\n\n    // Then, we need to register the default plugins first, then register user's plugins again, to generate new names.\n    plugins.register([\n        defaultFileTypePlugin,\n        imageFileTypePlugin,\n        ...fileTypePlugins.map(pl => {\n            pl.name = undefined;\n            return pl;\n        })\n    ]);\n}\n\nconst BaseExtension: React.FC = () => {\n    plugins.register([globalSearchHotkey, uiLayoutPlugin]);\n\n    registerFileTypePlugins();\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;;AACA;;AACA;;AAEA,SAASA,uBAAT,GAAmC;EAC/B;EACA,IAAMC,eAAe,GAAGC,gBAAA,CAAQC,MAAR,CAAeC,2BAAA,CAA0BC,IAAzC,CAAxB,CAF+B,CAI/B;;;EACAJ,eAAe,CAACK,OAAhB,CAAwB,UAAAC,EAAE;IAAA,OAAIL,gBAAA,CAAQM,UAAR,CAAmBD,EAAE,CAACE,IAAtB,CAAJ;EAAA,CAA1B,EAL+B,CAO/B;;EACAP,gBAAA,CAAQQ,QAAR,EACIC,kCADJ,EAEIC,gCAFJ,0CAGOX,eAAe,CAACY,GAAhB,CAAoB,UAAAN,EAAE,EAAI;IACzBA,EAAE,CAACE,IAAH,GAAUK,SAAV;IACA,OAAOP,EAAP;EACH,CAHE,CAHP;AAQH;;AAED,IAAMQ,aAAuB,GAAG,SAA1BA,aAA0B,GAAM;EAClCb,gBAAA,CAAQQ,QAAR,CAAiB,CAACM,gCAAD,EAAqBC,gCAArB,CAAjB;;EAEAjB,uBAAuB;EAEvB,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,IAAGkB,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,CA3DD;;AA6DO,IAAMC,IAAI,gBAAG,IAAAC,WAAA,EAAKL,aAAL,CAAb"}

package/base/plugins/AddGraphQLQuerySelection.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { DocumentNode } from "graphql";
+interface Props {
+    operationName: string;
+    selectionPath: string;
+    addSelection: DocumentNode;
+}
+export declare const AddGraphQLQuerySelection: React.FC<Props>;
+export {};

package/base/plugins/AddGraphQLQuerySelection.js

@@ -0,0 +1,31 @@
+"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.plugins.register(plugin);
+
+    return function () {
+      _plugins.plugins.unregister(name);
+    };
+  }, []);
+  return null;
+};
+
+exports.AddGraphQLQuerySelection = AddGraphQLQuerySelection;

package/base/plugins/AddGraphQLQuerySelection.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import ApolloClient from "apollo-client";
+interface Options {
+    uri: string;
+}
+export interface ApolloClientFactory {
+    (options: Options): ApolloClient<any>;
+}
+export declare const createApolloProvider: (clientFactory: ApolloClientFactory) => React.FC<{}>;
+export {};

package/base/providers/ApolloProvider.js

@@ -0,0 +1,26 @@
+"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 ApolloProvider(_ref) {
+    var children = _ref.children;
+    var uri = process.env.REACT_APP_GRAPHQL_API_URL;
+    return /*#__PURE__*/_react.default.createElement(_reactComponents.ApolloProvider, {
+      client: clientFactory({
+        uri: uri
+      })
+    }, children);
+  };
+};
+
+exports.createApolloProvider = createApolloProvider;

package/base/providers/ApolloProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createApolloProvider","clientFactory","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 = (clientFactory: ApolloClientFactory) => {\n    return function ApolloProvider({ children }) {\n        const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n        return <Apollo client={clientFactory({ uri })}>{children}</Apollo>;\n    } as React.FC;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAWO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,aAAD,EAAwC;EACxE,OAAO,SAASC,cAAT,OAAsC;IAAA,IAAZC,QAAY,QAAZA,QAAY;IACzC,IAAMC,GAAG,GAAGC,OAAO,CAACC,GAAR,CAAYC,yBAAxB;IACA,oBAAO,6BAAC,+BAAD;MAAQ,MAAM,EAAEN,aAAa,CAAC;QAAEG,GAAG,EAAHA;MAAF,CAAD;IAA7B,GAAyCD,QAAzC,CAAP;EACH,CAHD;AAIH,CALM"}

package/base/providers/TelemetryProvider.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const createTelemetryProvider: () => (Component: React.FC) => React.FC;

package/base/providers/TelemetryProvider.js

@@ -0,0 +1,37 @@
+"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
+var eventSent = false;
+
+var createTelemetryProvider = function createTelemetryProvider() {
+  return function (Component) {
+    return function TelemetryProvider(_ref) {
+      var children = _ref.children;
+      (0, _react.useEffect)(function () {
+        if (eventSent) {
+          return;
+        }
+
+        eventSent = true;
+        (0, _react2.sendEvent)("app-start");
+      }, []);
+      return /*#__PURE__*/_react.default.createElement(Component, null, children);
+    };
+  };
+};
+
+exports.createTelemetryProvider = createTelemetryProvider;

package/base/providers/TelemetryProvider.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const createUiStateProvider: () => (Component: React.ComponentType<unknown>) => React.FC;

package/base/providers/UiStateProvider.js

@@ -0,0 +1,23 @@
+"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.default.createElement(_Ui.UiProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
+    };
+  };
+};
+
+exports.createUiStateProvider = createUiStateProvider;

package/base/providers/UiStateProvider.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface ViewElement {
+    name: string;
+    elements: JSX.Element[];
+    label?: string;
+    [key: string]: any;
+}
+interface ElementSetter {
+    (element: ViewElement): ViewElement;
+}
+export interface ViewCompositionContext {
+    getViewElement(view: string, name: string): ViewElement | null;
+    setViewElement(view: string, name: string, setter: ElementSetter): void;
+}
+export declare function useViewComposition(): ViewCompositionContext;
+export declare const createViewCompositionProvider: () => (Component: React.ComponentType<unknown>) => React.FC;
+export {};

package/base/providers/ViewCompositionProvider.js

@@ -0,0 +1,70 @@
+"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;
+  },
+  setViewElement: function setViewElement() {
+    return void 0;
+  }
+});
+ViewCompositionContext.displayName = "ViewCompositionContext";
+
+var ViewCompositionProvider = function ViewCompositionProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = (0, _react.useState)({}),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var context = (0, _react.useMemo)(function () {
+    return {
+      getViewElement: function getViewElement(view, name) {
+        return state[view] && state[view][name];
+      },
+      setViewElement: function setViewElement(view, name, setter) {
+        setState(function (state) {
+          var existing = state[view] && state[view][name];
+          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.default.createElement(ViewCompositionContext.Provider, {
+    value: context
+  }, children);
+};
+
+function useViewComposition() {
+  return (0, _react.useContext)(ViewCompositionContext);
+}
+
+var createViewCompositionProvider = function createViewCompositionProvider() {
+  return function (Component) {
+    return function ViewCompositionProviderHOC(_ref2) {
+      var children = _ref2.children;
+      return /*#__PURE__*/_react.default.createElement(ViewCompositionProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
+    };
+  };
+};
+
+exports.createViewCompositionProvider = createViewCompositionProvider;

package/base/providers/ViewCompositionProvider.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,2 @@
+export declare const Brand: import("@webiny/app-admin-core").ComposableFC<unknown>;
+export declare const BrandRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;

package/base/ui/Brand.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,4 @@
+export interface CenteredViewProps {
+    maxWidth?: number | string;
+}
+export declare const CenteredView: import("../../index").ComposableFC<CenteredViewProps>;

package/base/ui/CenteredView.js

@@ -0,0 +1,40 @@
+"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__*/(0, _styled.default)("div", {
+  target: "e1bmfqk41",
+  label: "Width"
+})(function (props) {
+  return {
+    maxWidth: props.maxWidth,
+    width: "100%"
+  };
+});
+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.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Width, {
+    maxWidth: maxWidth
+  }, children));
+});
+exports.CenteredView = CenteredView;

package/base/ui/CenteredView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Container","styled","display","justifyContent","Width","props","maxWidth","width","CenteredView","makeComposable","children"],"sources":["CenteredView.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { makeComposable } from \"~/index\";\n\nexport interface CenteredViewProps {\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 = makeComposable<CenteredViewProps>(\n    \"CenteredView\",\n    ({ maxWidth = 700, children }) => {\n        return (\n            <Container>\n                <Width maxWidth={maxWidth}>{children}</Width>\n            </Container>\n        );\n    }\n);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAMA,IAAMA,SAAS,oBAAGC,eAAH;EAAA;EAAA;AAAA,GAAc;EACzBC,OAAO,EAAE,MADgB;EAEzBC,cAAc,EAAE;AAFS,CAAd,CAAf;AASA,IAAMC,KAAK,oBAAGH,eAAH;EAAA;EAAA;AAAA,GAAc,UAACI,KAAD;EAAA,OAAmB;IACxCC,QAAQ,EAAED,KAAK,CAACC,QADwB;IAExCC,KAAK,EAAE;EAFiC,CAAnB;AAAA,CAAd,CAAX;AAKO,IAAMC,YAAY,GAAG,IAAAC,gBAAA,EACxB,cADwB,EAExB,gBAAkC;EAAA,yBAA/BH,QAA+B;EAAA,IAA/BA,QAA+B,8BAApB,GAAoB;EAAA,IAAfI,QAAe,QAAfA,QAAe;EAC9B,oBACI,6BAAC,SAAD,qBACI,6BAAC,KAAD;IAAO,QAAQ,EAAEJ;EAAjB,GAA4BI,QAA5B,CADJ,CADJ;AAKH,CARuB,CAArB"}

package/base/ui/Dashboard.d.ts

@@ -0,0 +1,2 @@
+export declare const Dashboard: import("@webiny/app-admin-core").ComposableFC<unknown>;
+export declare const DashboardRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;

package/base/ui/Dashboard.js

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

package/base/ui/Dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dashboard","makeComposable","DashboardRenderer"],"sources":["Dashboard.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport const Dashboard = makeComposable(\"Dashboard\", () => {\n    return <DashboardRenderer />;\n});\n\nexport const DashboardRenderer = makeComposable(\"DashboardRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,SAAS,GAAG,IAAAC,4BAAA,EAAe,WAAf,EAA4B,YAAM;EACvD,oBAAO,6BAAC,iBAAD,OAAP;AACH,CAFwB,CAAlB;;AAIA,IAAMC,iBAAiB,GAAG,IAAAD,4BAAA,EAAe,mBAAf,CAA1B"}

package/base/ui/Layout.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface LayoutProps {
+    title?: string;
+    children: React.ReactNode;
+}
+export declare const Layout: import("@webiny/app-admin-core").ComposableFC<LayoutProps>;
+export declare const LayoutRenderer: import("@webiny/app-admin-core").ComposableFC<LayoutProps>;

package/base/ui/Layout.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LayoutRenderer = exports.Layout = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _appAdminCore = require("@webiny/app-admin-core");
+
+var _excluded = ["children"];
+var Layout = (0, _appAdminCore.makeComposable)("Layout", function (_ref) {
+  var children = _ref.children,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(LayoutRenderer, props, children);
+});
+exports.Layout = Layout;
+var LayoutRenderer = (0, _appAdminCore.makeComposable)("LayoutRenderer");
+exports.LayoutRenderer = LayoutRenderer;

package/base/ui/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Layout","makeComposable","children","props","LayoutRenderer"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport interface LayoutProps {\n    title?: string;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeComposable<LayoutProps>(\"Layout\", ({ children, ...props }) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeComposable<LayoutProps>(\"LayoutRenderer\");\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;AAOO,IAAMA,MAAM,GAAG,IAAAC,4BAAA,EAA4B,QAA5B,EAAsC,gBAA4B;EAAA,IAAzBC,QAAyB,QAAzBA,QAAyB;EAAA,IAAZC,KAAY;EACpF,oBAAO,6BAAC,cAAD,EAAoBA,KAApB,EAA4BD,QAA5B,CAAP;AACH,CAFqB,CAAf;;AAIA,IAAME,cAAc,GAAG,IAAAH,4BAAA,EAA4B,gBAA5B,CAAvB"}