@webiny/app-admin 0.0.0-ee-vpcs.549378cf03

package/assets/images/webiny-orange-logo.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="413px" height="136px" viewBox="0 0 413 136" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <path d="M113.8653,106.64105 L67.5565,133.37785 C63.1738,135.90765 57.7745,135.90765 53.3919,133.37785 L7.0822,106.64105 C2.6996,104.11045 -4.91085111e-15,99.43505 -4.60099098e-15,94.37465 L-1.32667732e-15,40.90105 C-1.01681719e-15,35.84065 2.6996,31.16455 7.0822,28.63475 L53.3919,1.89795 C57.7745,-0.63265 63.1738,-0.63265 67.5565,1.89795 L113.8653,28.63475 C118.248,31.16455 120.9476,35.84065 120.9476,40.90105 L120.9476,94.37465 C120.9476,99.43505 118.248,104.11045 113.8653,106.64105 Z M88.4639,45.0833 C84.9908,54.8825 81.4929,64.7065 77.9959,74.5412 L76.886,74.5412 C73.4006,64.6826 69.9035,54.8347 66.4181,45 L55.5444,45 C52.0111,54.9427 48.5141,64.7897 45.0171,74.6492 L44.002,74.6492 C40.4572,64.6941 36.9124,54.7398 33.4862,45.1311 L20.5,45.1311 C26.8146,63.214 32.9734,80.8434 39.1321,98.4728 L49.8507,98.4728 L60.4622,68.6446 L61.5366,68.6446 C65.0814,78.6475 68.6147,88.662 72.0878,98.4488 L82.8304,98.4488 C89.013,80.7477 95.1718,63.1068 101.4625,45.0833 L88.4639,45.0833 Z" id="path-1"></path>
+    </defs>
+    <g id="Page-3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Webiny-Logo-Icon" transform="translate(-95.000000, -227.000000)">
+            <g id="Logo" transform="translate(95.000000, 226.598492)">
+                <path d="M266.606118,87.28355 L266.606118,96.05205 L306.300318,96.05205 L306.300318,87.28355 L266.606118,87.28355 Z M306.344818,184.06705 L306.344818,174.89865 C298.508918,174.89865 291.063818,174.91595 283.618718,174.88955 C278.670418,174.86315 275.188318,171.34475 275.232818,166.50285 C275.268318,161.61645 277.746918,159.35135 283.255118,159.31585 C289.766718,159.27135 296.287518,159.31585 302.799918,159.28945 C303.981618,159.28045 305.163218,159.08495 306.291218,158.97865 L306.291218,150.41375 C305.935818,150.26285 305.749418,150.11195 305.562318,150.11195 C296.261118,150.08555 286.941718,149.93385 277.639718,150.11195 C273.109518,150.20105 269.564718,152.33255 267.663218,156.80175 C270.710818,161.37645 270.443718,166.44095 269.821918,171.51375 C269.306618,175.65395 269.591118,179.70425 270.488218,184.15535 C282.481618,184.11985 294.386818,184.25345 306.344818,184.06705 L306.344818,184.06705 Z M296.980918,141.51245 C300.836618,141.40525 303.670718,138.93565 305.305018,135.39085 C306.992918,131.73055 307.721818,127.83035 306.797518,123.92185 C306.033118,120.68785 304.638718,117.60475 303.483518,114.36255 C304.700618,112.95835 306.086718,111.35045 307.623718,109.59155 C305.651318,107.39735 303.954418,105.49595 302.258218,103.60355 C297.176418,107.65465 297.176418,107.65465 290.557518,107.65465 C283.734218,107.65465 276.902618,107.65465 270.080018,107.66375 C268.978418,107.66375 267.867718,107.76185 266.623418,107.82375 L266.623418,116.86765 L288.860518,116.86765 C293.693418,116.86765 296.936418,119.39085 298.153518,124.09915 C299.575018,129.60725 297.398218,132.48585 291.730018,132.50405 C284.498518,132.53045 277.258018,132.50405 270.017418,132.52135 C268.915718,132.52135 267.814118,132.62775 266.695218,132.69035 L266.695218,141.59245 C276.947118,141.59245 286.968118,141.76975 296.980918,141.51245 L296.980918,141.51245 Z M298.615218,22.89265 C298.313418,27.28095 296.536518,28.97795 292.085418,28.67535 C287.617118,24.23335 289.509518,18.71695 289.206918,13.51965 C294.724118,13.89235 298.935218,18.21895 298.615218,22.89265 L298.615218,22.89265 Z M278.475018,35.66775 C277.497918,33.41995 276.591718,31.45665 275.800918,29.44875 C274.548418,26.30385 274.183918,23.04355 274.859318,19.70315 C275.525518,16.38015 277.116118,14.78125 280.624718,14.15045 C280.624718,16.04285 280.633818,17.87265 280.624718,19.69405 C280.581018,23.99425 281.184618,28.16905 283.227918,32.00745 C287.412618,39.85165 298.242518,40.82045 303.430718,33.72175 C308.938918,26.19665 308.468118,14.96765 300.729418,8.46425 C294.928618,3.59595 288.140718,2.64525 280.873718,3.80955 C274.939318,4.76845 270.452718,7.83345 267.778718,13.17335 C263.976518,20.76025 265.993518,33.50895 271.980718,40.13605 C274.131218,38.65265 276.307218,37.15115 278.475018,35.66775 L278.475018,35.66775 Z M283.272418,203.75375 C289.118618,201.22155 293.018018,194.18545 292.111818,187.73565 C292.031818,187.15845 291.668218,186.62575 291.383718,185.96775 L282.339818,185.96775 C282.535218,187.18485 282.775218,188.18915 282.837018,189.20175 C282.997018,191.74225 281.619918,194.22995 279.639318,195.13615 C277.417918,196.15785 274.246618,195.57155 272.531518,193.61735 C271.669818,192.63115 270.799118,191.45855 270.470918,190.22335 C269.680118,187.25575 268.826718,184.21795 268.703018,181.17035 C268.463018,175.60035 268.826718,170.00315 268.658518,164.42405 C268.515818,159.91125 266.206218,155.66465 262.350518,153.31875 C255.651618,149.25025 246.359518,151.15995 241.845818,157.30805 C237.466518,163.27795 238.248218,172.18005 243.685418,177.46555 C247.603018,181.27755 252.489418,182.92095 258.103918,183.78265 L258.103918,174.46325 C257.091418,174.14335 255.891618,173.85885 254.763618,173.39715 C253.528418,172.89085 252.267618,172.36635 251.174218,171.62015 C248.473718,169.77225 247.585718,166.45005 248.891018,163.68695 C249.921718,161.50095 252.915718,160.06205 255.429818,160.54195 C258.512918,161.12825 259.605518,162.70985 259.614518,166.72545 C259.631918,172.41095 259.436418,178.09635 259.623618,183.77355 C259.819018,189.45975 261.453318,194.77175 265.042718,199.31185 C269.271118,204.66905 276.928918,206.49875 283.272418,203.75375 L283.272418,203.75375 Z M278.448618,69.76465 C275.330118,67.39235 274.530318,64.05205 274.548418,60.41815 C274.557518,58.66835 274.832918,56.91785 275.028318,54.65275 C281.238218,54.65275 287.226218,54.42185 293.187118,54.75085 C296.145618,54.90995 297.789018,57.48675 298.553418,60.16085 C299.450518,63.27945 299.192418,66.34435 296.651918,68.78755 C292.307218,72.94505 283.255118,73.41585 278.448618,69.76465 L278.448618,69.76465 Z M291.863618,81.19825 C302.133718,79.71485 308.308118,71.94075 307.703718,61.64425 C307.570118,59.41465 306.851118,57.22045 306.317618,54.63455 L323.117418,54.63455 L323.117418,45.24435 L268.045018,45.24435 C266.579718,49.45545 265.513518,57.99305 265.859918,62.26605 C266.686118,72.48325 271.847918,78.95045 281.415518,80.94915 C284.783018,81.65995 288.451518,81.69545 291.863618,81.19825 L291.863618,81.19825 Z M306.309318,-6.53145 C299.015218,-9.11735 291.703718,-11.71965 284.383118,-14.32285 L284.383118,-15.14905 C291.721018,-17.74325 299.050618,-20.34635 306.371218,-22.94045 L306.371218,-31.03365 C298.970618,-33.66405 291.641018,-36.26645 284.303118,-38.86965 L284.303118,-39.62495 C291.712718,-42.26355 299.121518,-44.90215 306.273118,-47.45175 L306.273118,-57.11745 C292.814418,-52.41815 279.692118,-47.83355 266.570718,-43.24975 L266.570718,-35.27195 L288.771518,-27.37345 L288.771518,-26.57435 C281.327218,-23.93575 273.873118,-21.30615 266.588018,-18.72035 L266.588018,-10.72525 C279.763018,-6.12335 292.894318,-1.53865 306.309318,3.14325 L306.309318,-6.53145 Z" id="Fill-15" fill="#FA5A28" transform="translate(281.068188, 73.950738) rotate(-90.000000) translate(-281.068188, -73.950738) "></path>
+                <g id="Webiny-Icon-Orange" transform="translate(-0.000000, 0.901508)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <use id="Mask" fill="#FA5A28" fill-rule="evenodd" xlink:href="#path-1"></use>
+                    <g id="Orange" mask="url(#mask-2)"></g>
+                </g>
+            </g>
+        </g>
+    </g>
+</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 _app = require("@webiny/app");
+
+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(_app.App, null, /*#__PURE__*/_react.default.createElement(_app.Provider, {
+    hoc: TelemetryProvider
+  }), /*#__PURE__*/_react.default.createElement(_app.Provider, {
+    hoc: UiStateProvider
+  }), /*#__PURE__*/_react.default.createElement(_app.Provider, {
+    hoc: _Search.SearchProvider
+  }), /*#__PURE__*/_react.default.createElement(_app.Provider, {
+    hoc: _UserMenu.UserMenuProvider
+  }), /*#__PURE__*/_react.default.createElement(_app.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 { 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\";\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                <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        </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,QAAD,qBACI,6BAAC,aAAD;IAAU,GAAG,EAAEH;EAAf,EADJ,eAEI,6BAAC,aAAD;IAAU,GAAG,EAAEE;EAAf,EAFJ,eAGI,6BAAC,aAAD;IAAU,GAAG,EAAEE;EAAf,EAHJ,eAII,6BAAC,aAAD;IAAU,GAAG,EAAEC;EAAf,EAJJ,eAKI,6BAAC,aAAD;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 _app = require("@webiny/app");
+
+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(_app.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\";\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,YAAD,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").ComposableFC<unknown>;
+export declare const BrandRenderer: import("@webiny/app").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 _app = require("@webiny/app");
+
+var Brand = (0, _app.makeComposable)("Brand", function () {
+  return /*#__PURE__*/_react.default.createElement(BrandRenderer, null);
+});
+exports.Brand = Brand;
+var BrandRenderer = (0, _app.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\";\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,mBAAA,EAAe,OAAf,EAAwB,YAAM;EAC/C,oBAAO,6BAAC,aAAD,OAAP;AACH,CAFoB,CAAd;;AAIA,IAAMC,aAAa,GAAG,IAAAD,mBAAA,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").ComposableFC<unknown>;
+export declare const DashboardRenderer: import("@webiny/app").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 _app = require("@webiny/app");
+
+var Dashboard = (0, _app.makeComposable)("Dashboard", function () {
+  return /*#__PURE__*/_react.default.createElement(DashboardRenderer, null);
+});
+exports.Dashboard = Dashboard;
+var DashboardRenderer = (0, _app.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\";\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,mBAAA,EAAe,WAAf,EAA4B,YAAM;EACvD,oBAAO,6BAAC,iBAAD,OAAP;AACH,CAFwB,CAAlB;;AAIA,IAAMC,iBAAiB,GAAG,IAAAD,mBAAA,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").ComposableFC<LayoutProps>;
+export declare const LayoutRenderer: import("@webiny/app").ComposableFC<LayoutProps>;