@webiny/app-admin 0.0.0-unstable.da99e0b846 → 0.0.0-unstable.de38392959

package/assets/icons/file_download.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><path d="M16.59,9H15V4c0-0.55-0.45-1-1-1h-4C9.45,3,9,3.45,9,4v5H7.41c-0.89,0-1.34,1.08-0.71,1.71l4.59,4.59 c0.39,0.39,1.02,0.39,1.41,0l4.59-4.59C17.92,10.08,17.48,9,16.59,9z M5,19c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1s-0.45-1-1-1H6 C5.45,18,5,18.45,5,19z"/></g></svg>

package/assets/icons/file_upload.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><path d="M7.4,10h1.59v5c0,0.55,0.45,1,1,1h4c0.55,0,1-0.45,1-1v-5h1.59c0.89,0,1.34-1.08,0.71-1.71L12.7,3.7 c-0.39-0.39-1.02-0.39-1.41,0L6.7,8.29C6.07,8.92,6.51,10,7.4,10z M5,19c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1s-0.45-1-1-1H6 C5.45,18,5,18.45,5,19z"/></g></svg>

package/base/Admin.d.ts

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

package/base/Admin.js

@@ -16,13 +16,14 @@ 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 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, {
+  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..."
     })
@@ -36,6 +37,8 @@ var Admin = function Admin(_ref) {
     hoc: _UserMenu.UserMenuProvider
   }), /*#__PURE__*/_react.default.createElement(_app.Provider, {
     hoc: _Navigation.NavigationProvider
-  }), /*#__PURE__*/_react.default.createElement(_Base.Base, null), children)));
+  }), /*#__PURE__*/_react.default.createElement(_Base.Base, null), children))));
 };
-exports.Admin = Admin;
+exports.Admin = Admin;
+
+//# sourceMappingURL=Admin.js.map

package/base/Admin.js.map

@@ -1 +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,KAA2B,OAAyC;EAAA,IAAnCC,QAAQ,QAARA,QAAQ;IAAEC,kBAAkB,QAAlBA,kBAAkB;EACtE,IAAMC,cAAc,GAAG,IAAAC,oCAAoB,EAACF,kBAAkB,CAAC;EAC/D,IAAMG,iBAAiB,GAAG,IAAAC,0CAAuB,GAAE;EACnD,IAAMC,eAAe,GAAG,IAAAC,sCAAqB,GAAE;EAE/C,oBACI,6BAAC,cAAc,qBACX,6BAAC,mBAAW;IAAC,MAAM,eAAE,6BAAC,0BAAgB;MAAC,KAAK,EAAE;IAAa;EAAI,gBAC3D,6BAAC,QAAG,qBACA,6BAAC,aAAQ;IAAC,GAAG,EAAEH;EAAkB,EAAG,eACpC,6BAAC,aAAQ;IAAC,GAAG,EAAEE;EAAgB,EAAG,eAClC,6BAAC,aAAQ;IAAC,GAAG,EAAEE;EAAe,EAAG,eACjC,6BAAC,aAAQ;IAAC,GAAG,EAAEC;EAAiB,EAAG,eACnC,6BAAC,aAAQ;IAAC,GAAG,EAAEC;EAAmB,EAAG,eACrC,6BAAC,UAAI,OAAG,EACPV,QAAQ,CACP,CACI,CACD;AAEzB,CAAC;AAAC"}
+{"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"}

package/base/Base.d.ts

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

package/base/Base.js

@@ -6,25 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Base = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _insert_drive_file = require("@material-design-icons/svg/filled/insert_drive_file.svg");
+var _settings = require("@material-design-icons/svg/outlined/settings.svg");
 var _app = require("@webiny/app");
-var _ = require("./..");
 var _plugins = require("@webiny/plugins");
+var _appSecurity = require("@webiny/app-security");
+var _ = require("./..");
 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_file = require("@material-design-icons/svg/filled/insert_drive_file.svg");
-var _settings = require("@material-design-icons/svg/outlined/settings.svg");
 var _FileManager = require("./ui/FileManager");
 var _globalSearch = require("../plugins/globalSearch");
 var _uiLayoutRenderer = require("../plugins/uiLayoutRenderer");
 var BaseExtension = function BaseExtension() {
   _plugins.plugins.register([_globalSearch.globalSearchHotkey, _uiLayoutRenderer.uiLayoutPlugin]);
-  return /*#__PURE__*/_react.default.createElement(_app.Plugins, null, /*#__PURE__*/_react.default.createElement(_.AddMenu, {
+  return /*#__PURE__*/_react.default.createElement(_app.Plugin, null, /*#__PURE__*/_react.default.createElement(_.AddMenu, {
     name: "settings",
     label: "Settings",
     icon: /*#__PURE__*/_react.default.createElement(_settings.ReactComponent, null),
     pin: "last"
-  }), /*#__PURE__*/_react.default.createElement(_FileManager.FileManager, null, function (_ref) {
+  }), /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
+    name: "fm.file"
+  }, /*#__PURE__*/_react.default.createElement(_FileManager.FileManager, null, function (_ref) {
     var showFileManager = _ref.showFileManager;
     return /*#__PURE__*/_react.default.createElement(_.AddMenu, {
       name: "fileManager",
@@ -34,7 +37,7 @@ var BaseExtension = function BaseExtension() {
       onClick: showFileManager,
       testId: "admin-drawer-footer-menu-file-manager"
     });
-  }), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
+  })), /*#__PURE__*/_react.default.createElement(_.AddMenu, {
     name: "documentation",
     label: "Documentation",
     icon: /*#__PURE__*/_react.default.createElement(_iconDocumentation.ReactComponent, null),
@@ -69,4 +72,6 @@ var BaseExtension = function BaseExtension() {
   }, /*#__PURE__*/_react.default.createElement(_.NotFound, null))));
 };
 var Base = /*#__PURE__*/(0, _react.memo)(BaseExtension);
-exports.Base = Base;
+exports.Base = Base;
+
+//# sourceMappingURL=Base.js.map

package/base/Base.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseExtension","plugins","register","globalSearchHotkey","uiLayoutPlugin","showFileManager","Base","memo"],"sources":["Base.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { Plugins } from \"@webiny/app\";\nimport { AddMenu, AddRoute, Dashboard, Layout, NotFound } from \"~/index\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ReactComponent as DocsIcon } from \"~/assets/icons/icon-documentation.svg\";\nimport { ReactComponent as SlackIcon } from \"~/assets/icons/slack-logo.svg\";\nimport { ReactComponent as GithubIcon } from \"~/assets/icons/github-brands.svg\";\nimport { ReactComponent as FileIcon } from \"@material-design-icons/svg/filled/insert_drive_file.svg\";\nimport { ReactComponent as SettingsIcon } from \"@material-design-icons/svg/outlined/settings.svg\";\nimport { FileManager } from \"~/base/ui/FileManager\";\nimport { globalSearchHotkey } from \"~/plugins/globalSearch\";\nimport { uiLayoutPlugin } from \"~/plugins/uiLayoutRenderer\";\n\nconst BaseExtension: React.FC = () => {\n    plugins.register([globalSearchHotkey, uiLayoutPlugin]);\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;AACA;AACA;AAEA,IAAMA,aAAuB,GAAG,SAA1BA,aAAuB,GAAS;EAClCC,gBAAO,CAACC,QAAQ,CAAC,CAACC,gCAAkB,EAAEC,gCAAc,CAAC,CAAC;EAEtD,oBACI,6BAAC,YAAO,qBACJ,6BAAC,SAAO;IAAC,IAAI,EAAE,UAAW;IAAC,KAAK,EAAE,UAAW;IAAC,IAAI,eAAE,6BAAC,wBAAY,OAAI;IAAC,GAAG,EAAE;EAAO,EAAG,eACrF,6BAAC,wBAAW,QACP;IAAA,IAAGC,eAAe,QAAfA,eAAe;IAAA,oBACf,6BAAC,SAAO;MACJ,IAAI,EAAE,aAAc;MACpB,KAAK,EAAE,cAAe;MACtB,IAAI,eAAE,6BAAC,iCAAQ,OAAI;MACnB,IAAI,EAAE,CAAC,QAAQ,CAAE;MACjB,OAAO,EAAEA,eAAgB;MACzB,MAAM,EAAE;IAAwC,EAClD;EAAA,CACL,CACS,eACd,6BAAC,SAAO;IACJ,IAAI,EAAE,eAAgB;IACtB,KAAK,EAAE,eAAgB;IACvB,IAAI,eAAE,6BAAC,iCAAQ,OAAI;IACnB,IAAI,EAAE,6BAA8B;IACpC,GAAG,EAAE,qBAAsB;IAC3B,MAAM,EAAE,QAAS;IACjB,IAAI,EAAE,CAAC,QAAQ;EAAE,EACnB,eACF,6BAAC,SAAO;IACJ,IAAI,EAAE,OAAQ;IACd,KAAK,EAAE,OAAQ;IACf,IAAI,eAAE,6BAAC,yBAAS,OAAI;IACpB,IAAI,EAAE,+BAAgC;IACtC,GAAG,EAAE,qBAAsB;IAC3B,MAAM,EAAE,QAAS;IACjB,IAAI,EAAE,CAAC,QAAQ;EAAE,EACnB,eACF,6BAAC,SAAO;IACJ,IAAI,EAAE,QAAS;IACf,KAAK,EAAE,QAAS;IAChB,IAAI,eAAE,6BAAC,4BAAU,OAAI;IACrB,IAAI,EAAE,qCAAsC;IAC5C,GAAG,EAAE,qBAAsB;IAC3B,MAAM,EAAE,QAAS;IACjB,IAAI,EAAE,CAAC,QAAQ;EAAE,EACnB,eACF,6BAAC,UAAQ;IAAC,IAAI,EAAE;EAAI,gBAChB,6BAAC,QAAM;IAAC,KAAK,EAAE;EAAW,gBACtB,6BAAC,WAAS,OAAG,CACR,CACF,eACX,6BAAC,UAAQ;IAAC,IAAI,EAAE;EAAI,gBAChB,6BAAC,QAAM;IAAC,KAAK,EAAE;EAAiB,gBAC5B,6BAAC,UAAQ,OAAG,CACP,CACF,CACL;AAElB,CAAC;AAEM,IAAMC,IAAI,gBAAG,IAAAC,WAAI,EAACP,aAAa,CAAC;AAAC"}
+{"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":";;;;;;;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;AAEA,IAAMa,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EACxBC,gBAAO,CAACC,QAAQ,CAAC,CAACC,gCAAkB,EAAEC,gCAAc,CAAC,CAAC;EAEtD,oBACInB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAChB,IAAA,CAAAiB,MAAM,qBACHtB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAAe,OAAO;IAACC,IAAI,EAAE,UAAW;IAACC,KAAK,EAAE,UAAW;IAACC,IAAI,eAAE1B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,SAAA,CAAAuB,cAAY,MAAE,CAAE;IAACC,GAAG,EAAE;EAAO,CAAE,CAAC,eACrF5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACd,YAAA,CAAAsB,aAAa;IAACL,IAAI,EAAE;EAAU,gBAC3BxB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACT,YAAA,CAAAkB,WAAW,QACP,UAAAC,IAAA;IAAA,IAAGC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAA,oBACfhC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAAe,OAAO;MACJC,IAAI,EAAE,aAAc;MACpBC,KAAK,EAAE,cAAe;MACtBC,IAAI,eAAE1B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,kBAAA,CAAAwB,cAAQ,MAAE,CAAE;MACnBM,IAAI,EAAE,CAAC,QAAQ,CAAE;MACjBC,OAAO,EAAEF,eAAgB;MACzBG,MAAM,EAAE;IAAwC,CACnD,CAAC;EAAA,CAEG,CACF,CAAC,eAChBnC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAAe,OAAO;IACJC,IAAI,EAAE,eAAgB;IACtBC,KAAK,EAAE,eAAgB;IACvBC,IAAI,eAAE1B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACZ,kBAAA,CAAAkB,cAAQ,MAAE,CAAE;IACnBS,IAAI,EAAE,6BAA8B;IACpCC,GAAG,EAAE,qBAAsB;IAC3BC,MAAM,EAAE,QAAS;IACjBL,IAAI,EAAE,CAAC,QAAQ;EAAE,CACpB,CAAC,eACFjC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAAe,OAAO;IACJC,IAAI,EAAE,OAAQ;IACdC,KAAK,EAAE,OAAQ;IACfC,IAAI,eAAE1B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACX,UAAA,CAAAiB,cAAS,MAAE,CAAE;IACpBS,IAAI,EAAE,+BAAgC;IACtCC,GAAG,EAAE,qBAAsB;IAC3BC,MAAM,EAAE,QAAS;IACjBL,IAAI,EAAE,CAAC,QAAQ;EAAE,CACpB,CAAC,eACFjC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAAe,OAAO;IACJC,IAAI,EAAE,QAAS;IACfC,KAAK,EAAE,QAAS;IAChBC,IAAI,eAAE1B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAgB,cAAU,MAAE,CAAE;IACrBS,IAAI,EAAE,qCAAsC;IAC5CC,GAAG,EAAE,qBAAsB;IAC3BC,MAAM,EAAE,QAAS;IACjBL,IAAI,EAAE,CAAC,QAAQ;EAAE,CACpB,CAAC,eACFjC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAA+B,QAAQ;IAACH,IAAI,EAAE;EAAI,gBAChBpC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAAgC,MAAM;IAACC,KAAK,EAAE;EAAW,gBACtBzC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAAkC,SAAS,MAAE,CACR,CACF,CAAC,eACX1C,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAA+B,QAAQ;IAACH,IAAI,EAAE;EAAI,gBAChBpC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAAgC,MAAM;IAACC,KAAK,EAAE;EAAiB,gBAC5BzC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAAmC,QAAQ,MAAE,CACP,CACF,CACN,CAAC;AAEjB,CAAC;AAEM,IAAMC,IAAI,gBAAG,IAAAC,WAAI,EAAC9B,aAAa,CAAC;AAAC+B,OAAA,CAAAF,IAAA,GAAAA,IAAA"}

package/base/plugins/AddGraphQLQuerySelection.d.ts

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

package/base/plugins/AddGraphQLQuerySelection.js

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

package/base/plugins/AddGraphQLQuerySelection.js.map

@@ -1 +1 @@
-{"version":3,"names":["AddGraphQLQuerySelection","props","useState","operationName","nanoid","name","useEffect","plugin","AddQuerySelectionPlugin","plugins","register","unregister"],"sources":["AddGraphQLQuerySelection.tsx"],"sourcesContent":["import React, { useEffect, useState } 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    const [name] = useState(`AddGraphQLQuerySelection:${props.operationName}:${nanoid()}`);\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;AACA;AACA;AACA;AASO,IAAMA,wBAAyC,GAAG,SAA5CA,wBAAyC,CAAGC,KAAK,EAAI;EAC9D,gBAAe,IAAAC,eAAQ,qCAA6BD,KAAK,CAACE,aAAa,cAAI,IAAAC,cAAM,GAAE,EAAG;IAAA;IAA/EC,IAAI;EAEX,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAMC,MAAM,GAAG,IAAIC,gDAAuB,CAACP,KAAK,CAAC;IAEjDM,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;AAAC"}
+{"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"}

package/base/providers/ApolloProvider.d.ts

@@ -6,5 +6,8 @@ interface Options {
 export interface ApolloClientFactory {
     (options: Options): ApolloClient<any>;
 }
-export declare const createApolloProvider: (clientFactory: ApolloClientFactory) => React.FC<{}>;
+interface ApolloProviderProps {
+    children: React.ReactNode;
+}
+export declare const createApolloProvider: (clientFactory: ApolloClientFactory) => ({ children }: ApolloProviderProps) => JSX.Element;
 export {};

package/base/providers/ApolloProvider.js

@@ -18,4 +18,6 @@ var createApolloProvider = function createApolloProvider(clientFactory) {
     }, children);
   };
 };
-exports.createApolloProvider = createApolloProvider;
+exports.createApolloProvider = createApolloProvider;
+
+//# sourceMappingURL=ApolloProvider.js.map

package/base/providers/ApolloProvider.js.map

@@ -1 +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,oBAAoB,CAAIC,aAAkC,EAAK;EACxE,OAAO,SAASC,cAAc,OAAe;IAAA,IAAZC,QAAQ,QAARA,QAAQ;IACrC,IAAMC,GAAG,GAAGC,OAAO,CAACC,GAAG,CAACC,yBAAmC;IAC3D,oBAAO,6BAAC,+BAAM;MAAC,MAAM,EAAEN,aAAa,CAAC;QAAEG,GAAG,EAAHA;MAAI,CAAC;IAAE,GAAED,QAAQ,CAAU;EACtE,CAAC;AACL,CAAC;AAAC"}
+{"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"}

package/base/providers/TelemetryProvider.d.ts

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

package/base/providers/TelemetryProvider.js

@@ -7,11 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 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) {
@@ -28,4 +23,6 @@ var createTelemetryProvider = function createTelemetryProvider() {
     };
   };
 };
-exports.createTelemetryProvider = createTelemetryProvider;
+exports.createTelemetryProvider = createTelemetryProvider;
+
+//# sourceMappingURL=TelemetryProvider.js.map

package/base/providers/TelemetryProvider.js.map

@@ -1 +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,KAAK;AAEd,IAAMC,uBAAuB,GAChC,SADSA,uBAAuB;EAAA,OAEhC,UAACC,SAAmB,EAAe;IAC/B,OAAO,SAASC,iBAAiB,OAAe;MAAA,IAAZC,QAAQ,QAARA,QAAQ;MACxC,IAAAC,gBAAS,EAAC,YAAM;QACZ,IAAIL,SAAS,EAAE;UACX;QACJ;QAEAA,SAAS,GAAG,IAAI;QAChB,IAAAM,iBAAS,EAAC,WAAW,CAAC;MAC1B,CAAC,EAAE,EAAE,CAAC;MAEN,oBAAO,6BAAC,SAAS,QAAEF,QAAQ,CAAa;IAC5C,CAAC;EACL,CAAC;AAAA;AAAC"}
+{"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"}

package/base/providers/UiStateProvider.d.ts

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

package/base/providers/UiStateProvider.js

@@ -15,4 +15,6 @@ var createUiStateProvider = function createUiStateProvider() {
     };
   };
 };
-exports.createUiStateProvider = createUiStateProvider;
+exports.createUiStateProvider = createUiStateProvider;
+
+//# sourceMappingURL=UiStateProvider.js.map

package/base/providers/UiStateProvider.js.map

@@ -1 +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,qBAAqB;EAAA,OAE9B,UAACC,SAAuC,EAAe;IACnD,OAAO,SAASC,eAAe,OAAe;MAAA,IAAZC,QAAQ,QAARA,QAAQ;MACtC,oBACI,6BAAC,cAAU,qBACP,6BAAC,SAAS,QAAEA,QAAQ,CAAa,CACxB;IAErB,CAAC;EACL,CAAC;AAAA;AAAC"}
+{"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"}

package/base/providers/ViewCompositionProvider.d.ts

@@ -13,5 +13,8 @@ export interface ViewCompositionContext {
     setViewElement(view: string, name: string, setter: ElementSetter): void;
 }
 export declare function useViewComposition(): ViewCompositionContext;
-export declare const createViewCompositionProvider: () => (Component: React.ComponentType<unknown>) => React.FC;
+interface ViewCompositionProviderHOCProps {
+    children: React.ReactNode;
+}
+export declare const createViewCompositionProvider: () => (Component: React.ComponentType<unknown>) => ({ children }: ViewCompositionProviderHOCProps) => JSX.Element;
 export {};

package/base/providers/ViewCompositionProvider.js

@@ -54,4 +54,6 @@ var createViewCompositionProvider = function createViewCompositionProvider() {
     };
   };
 };
-exports.createViewCompositionProvider = createViewCompositionProvider;
+exports.createViewCompositionProvider = createViewCompositionProvider;
+
+//# sourceMappingURL=ViewCompositionProvider.js.map

package/base/providers/ViewCompositionProvider.js.map

@@ -1 +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,EAAyB;EACjEC,cAAc,EAAE,0BAAM;IAClB,OAAO,IAAI;EACf,CAAC;EACDC,cAAc,EAAE,0BAAM;IAClB,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AACFH,sBAAsB,CAACI,WAAW,GAAG,wBAAwB;AAK7D,IAAMC,uBAAiC,GAAG,SAApCA,uBAAiC,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EACjD,gBAA0B,IAAAC,eAAQ,EAA+B,CAAC,CAAC,CAAC;IAAA;IAA7DC,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,OAAO,GAAG,IAAAC,cAAO,EACnB;IAAA,OAAO;MACHT,cAAc,0BAACU,IAAY,EAAEC,IAAY,EAAe;QACpD,OAAOL,KAAK,CAACI,IAAI,CAAC,IAAIJ,KAAK,CAACI,IAAI,CAAC,CAACC,IAAI,CAAC;MAC3C,CAAC;MACDV,cAAc,0BAACS,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,mEACOL,KAAK,yCACPI,IAAI,8DACEJ,KAAK,CAACI,IAAI,CAAC,yCACbC,IAAI,EAAGC,MAAM,CAACC,QAAQ,CAAC;QAGpC,CAAC,CAAC;MACN;IACJ,CAAC;EAAA,CAAC,EACF,CAACP,KAAK,CAAC,CACV;EAED,oBACI,6BAAC,sBAAsB,CAAC,QAAQ;IAAC,KAAK,EAAEE;EAAQ,GAC3CJ,QAAQ,CACqB;AAE1C,CAAC;AAEM,SAASU,kBAAkB,GAAG;EACjC,OAAO,IAAAC,iBAAU,EAACjB,sBAAsB,CAAC;AAC7C;AAEO,IAAMkB,6BAA6B,GACtC,SADSA,6BAA6B;EAAA,OAEtC,UAACC,SAAuC,EAAe;IACnD,OAAO,SAASC,0BAA0B,QAAe;MAAA,IAAZd,QAAQ,SAARA,QAAQ;MACjD,oBACI,6BAAC,uBAAuB,qBACpB,6BAAC,SAAS,QAAEA,QAAQ,CAAa,CACX;IAElC,CAAC;EACL,CAAC;AAAA;AAAC"}
+{"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"}

package/base/ui/Brand.d.ts

@@ -1,2 +1,9 @@
-export declare const Brand: import("@webiny/app").ComposableFC<unknown>;
-export declare const BrandRenderer: import("@webiny/app").ComposableFC<unknown>;
+import React from "react";
+export declare const Brand: React.FunctionComponent<unknown> & {
+    original: React.ComponentType<unknown>;
+    originalName: string;
+};
+export declare const BrandRenderer: React.FunctionComponent<unknown> & {
+    original: React.ComponentType<unknown>;
+    originalName: string;
+};

package/base/ui/Brand.js

@@ -12,4 +12,6 @@ var Brand = (0, _app.makeComposable)("Brand", function () {
 });
 exports.Brand = Brand;
 var BrandRenderer = (0, _app.makeComposable)("BrandRenderer");
-exports.BrandRenderer = BrandRenderer;
+exports.BrandRenderer = BrandRenderer;
+
+//# sourceMappingURL=Brand.js.map

package/base/ui/Brand.js.map

@@ -1 +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,mBAAc,EAAC,OAAO,EAAE,YAAM;EAC/C,oBAAO,6BAAC,aAAa,OAAG;AAC5B,CAAC,CAAC;AAAC;AAEI,IAAMC,aAAa,GAAG,IAAAD,mBAAc,EAAC,eAAe,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_app","Brand","makeComposable","default","createElement","BrandRenderer","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAEO,IAAME,KAAK,GAAG,IAAAC,mBAAc,EAAC,OAAO,EAAE,YAAM;EAC/C,oBAAOL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACC,aAAa,MAAE,CAAC;AAC5B,CAAC,CAAC;AAACC,OAAA,CAAAL,KAAA,GAAAA,KAAA;AAEI,IAAMI,aAAa,GAAG,IAAAH,mBAAc,EAAC,eAAe,CAAC;AAACI,OAAA,CAAAD,aAAA,GAAAA,aAAA"}

package/base/ui/CenteredView.d.ts

@@ -1,4 +1,8 @@
+import React from "react";
 export interface CenteredViewProps {
     maxWidth?: number | string;
 }
-export declare const CenteredView: import("../../index").ComposableFC<CenteredViewProps>;
+export declare const CenteredView: React.FunctionComponent<CenteredViewProps> & {
+    original: React.ComponentType<CenteredViewProps>;
+    originalName: string;
+};

package/base/ui/CenteredView.js

@@ -32,4 +32,6 @@ var CenteredView = (0, _.makeComposable)("CenteredView", function (_ref) {
     maxWidth: maxWidth
   }, children));
 });
-exports.CenteredView = CenteredView;
+exports.CenteredView = CenteredView;
+
+//# sourceMappingURL=CenteredView.js.map

package/base/ui/CenteredView.js.map

@@ -1 +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,eAAM;EAAA;EAAA;AAAA,GAAK;EACzBC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE;AACpB,CAAC,CAAC;AAMF,IAAMC,KAAK,oBAAGH,eAAM;EAAA;EAAA;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,gBAAc,EACtC,cAAc,EACd,gBAAkC;EAAA,yBAA/BH,QAAQ;IAARA,QAAQ,8BAAG,GAAG;IAAEI,QAAQ,QAARA,QAAQ;EACvB,oBACI,6BAAC,SAAS,qBACN,6BAAC,KAAK;IAAC,QAAQ,EAAEJ;EAAS,GAAEI,QAAQ,CAAS,CACrC;AAEpB,CAAC,CACJ;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_","Container","styled","target","label","display","justifyContent","Width","props","maxWidth","width","CenteredView","makeComposable","_ref","_ref$maxWidth","children","default","createElement","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,CAAA,GAAAF,OAAA;AAMA,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,gBAAc,EACtC,cAAc,EACd,UAAAC,IAAA,EAAkC;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAA/BJ,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"}

package/base/ui/Dashboard.d.ts

@@ -1,2 +1,9 @@
-export declare const Dashboard: import("@webiny/app").ComposableFC<unknown>;
-export declare const DashboardRenderer: import("@webiny/app").ComposableFC<unknown>;
+import React from "react";
+export declare const Dashboard: React.FunctionComponent<unknown> & {
+    original: React.ComponentType<unknown>;
+    originalName: string;
+};
+export declare const DashboardRenderer: React.FunctionComponent<unknown> & {
+    original: React.ComponentType<unknown>;
+    originalName: string;
+};

package/base/ui/Dashboard.js

@@ -12,4 +12,6 @@ var Dashboard = (0, _app.makeComposable)("Dashboard", function () {
 });
 exports.Dashboard = Dashboard;
 var DashboardRenderer = (0, _app.makeComposable)("DashboardRenderer");
-exports.DashboardRenderer = DashboardRenderer;
+exports.DashboardRenderer = DashboardRenderer;
+
+//# sourceMappingURL=Dashboard.js.map

package/base/ui/Dashboard.js.map

@@ -1 +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,mBAAc,EAAC,WAAW,EAAE,YAAM;EACvD,oBAAO,6BAAC,iBAAiB,OAAG;AAChC,CAAC,CAAC;AAAC;AAEI,IAAMC,iBAAiB,GAAG,IAAAD,mBAAc,EAAC,mBAAmB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_app","Dashboard","makeComposable","default","createElement","DashboardRenderer","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAEO,IAAME,SAAS,GAAG,IAAAC,mBAAc,EAAC,WAAW,EAAE,YAAM;EACvD,oBAAOL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACC,iBAAiB,MAAE,CAAC;AAChC,CAAC,CAAC;AAACC,OAAA,CAAAL,SAAA,GAAAA,SAAA;AAEI,IAAMI,iBAAiB,GAAG,IAAAH,mBAAc,EAAC,mBAAmB,CAAC;AAACI,OAAA,CAAAD,iBAAA,GAAAA,iBAAA"}

package/base/ui/FileManager.d.ts

@@ -43,18 +43,19 @@ export declare type MultipleProps = {
     render?: MultiFileRenderProp;
 };
 export declare type FileManagerProps = {
-    accept?: Array<string>;
+    accept?: string[];
     images?: boolean;
     maxSize?: number | string;
     /**
      * @deprecated This prop is no longer used. The file structure was reduced to a bare minimum so picking is no longer necessary.
      */
     onChangePick?: string[];
-    onClose?: Function;
+    onClose?: () => void;
     onUploadCompletion?: (files: FileManagerFileItem[]) => void;
     own?: boolean;
     scope?: string;
-    tags?: Array<string>;
+    tags?: string[];
+    show?: boolean;
     /**
      * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.
      */
@@ -62,6 +63,9 @@ export declare type FileManagerProps = {
 } & MultipleProps;
 declare type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
 export declare type FileManagerRendererProps = DistributiveOmit<FileManagerProps, "render" | "children">;
-export declare const FileManagerRenderer: import("@webiny/react-composition").ComposableFC<FileManagerRendererProps>;
-export declare const FileManager: React.FC<FileManagerProps>;
+export declare const FileManagerRenderer: React.FunctionComponent<FileManagerRendererProps> & {
+    original: React.ComponentType<FileManagerRendererProps>;
+    originalName: string;
+};
+export declare const FileManager: ({ children, render, onChange, ...rest }: FileManagerProps) => JSX.Element;
 export {};

package/base/ui/FileManager.js

@@ -12,6 +12,14 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _reactComposition = require("@webiny/react-composition");
 var _excluded = ["children", "render", "onChange"];
+/**
+ * Represents a file object managed by the File Manager.
+ */
+
+/**
+ * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.
+ */
+
 function getPortalTarget() {
   var target = window.document.getElementById("file-manager-container");
   if (!target) {
@@ -32,7 +40,7 @@ var FileManager = function FileManager(_ref) {
     onChange = _ref.onChange,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var containerRef = (0, _react.useRef)(getPortalTarget());
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)(rest.show ?? false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     show = _useState2[0],
     setShow = _useState2[1];
@@ -46,7 +54,13 @@ var FileManager = function FileManager(_ref) {
     }
     setShow(true);
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, show && /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(FileManagerRenderer, Object.assign({
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, show && /*#__PURE__*/_reactDom.default.createPortal(
+  /*#__PURE__*/
+  /**
+   * TODO @pavel
+   */
+  // @ts-expect-error
+  _react.default.createElement(FileManagerRenderer, Object.assign({
     onClose: function onClose() {
       return setShow(false);
     },
@@ -58,4 +72,6 @@ var FileManager = function FileManager(_ref) {
     showFileManager: showFileManager
   }) : null);
 };
-exports.FileManager = FileManager;
+exports.FileManager = FileManager;
+
+//# sourceMappingURL=FileManager.js.map

package/base/ui/FileManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["getPortalTarget","target","window","document","getElementById","createElement","setAttribute","body","appendChild","FileManagerRenderer","makeComposable","FileManager","children","render","onChange","rest","containerRef","useRef","useState","show","setShow","onChangeRef","useEffect","current","showFileManager","useCallback","ReactDOM","createPortal"],"sources":["FileManager.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { makeComposable } from \"@webiny/react-composition\";\n\nexport interface FileManagerOnChange<T> {\n    (value: T): void;\n}\n\n/**\n * Represents a file object managed by the File Manager.\n */\nexport interface FileManagerFileItem {\n    id: string;\n    src: string;\n    meta?: Array<FileManagerFileItemMetaItem>;\n}\n\n/**\n * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.\n */\nexport interface FileManagerFileItemMetaItem {\n    key: string;\n    value: any;\n}\n\nexport type DeprecatedFileManagerRenderPropParams = {\n    showFileManager: (\n        onChange?: FileManagerOnChange<FileManagerFileItem | FileManagerFileItem[]>\n    ) => void;\n};\n\nexport type FileManagerRenderPropParams<TValue> = {\n    showFileManager: (onChange?: FileManagerOnChange<TValue>) => void;\n};\n\ninterface SingleFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem>): React.ReactNode;\n}\n\ninterface MultiFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem[]>): React.ReactNode;\n}\n\nexport type MultipleProps =\n    | {\n          multiple?: never;\n          multipleMaxCount?: never;\n          multipleMaxSize?: never;\n          onChange?: FileManagerOnChange<FileManagerFileItem>;\n          render?: SingleFileRenderProp;\n      }\n    | {\n          multiple: true;\n          multipleMaxCount?: number;\n          multipleMaxSize?: number | string;\n          onChange?: FileManagerOnChange<FileManagerFileItem[]>;\n          render?: MultiFileRenderProp;\n      };\n\nexport type FileManagerProps = {\n    accept?: Array<string>;\n    images?: boolean;\n    maxSize?: number | string;\n    /**\n     * @deprecated This prop is no longer used. The file structure was reduced to a bare minimum so picking is no longer necessary.\n     */\n    onChangePick?: string[];\n    onClose?: Function;\n    onUploadCompletion?: (files: FileManagerFileItem[]) => void;\n    own?: boolean;\n    scope?: string;\n    tags?: Array<string>;\n    /**\n     * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.\n     */\n    children?: (params: DeprecatedFileManagerRenderPropParams) => React.ReactNode;\n} & MultipleProps;\n\nfunction getPortalTarget() {\n    let target = window.document.getElementById(\"file-manager-container\");\n    if (!target) {\n        target = document.createElement(\"div\");\n        target.setAttribute(\"id\", \"file-manager-container\");\n        document.body && document.body.appendChild(target);\n    }\n    return target;\n}\n\n// This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!\ntype DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;\n\nexport type FileManagerRendererProps = DistributiveOmit<FileManagerProps, \"render\" | \"children\">;\n\nexport const FileManagerRenderer = makeComposable<FileManagerRendererProps>(\"FileManagerRenderer\");\n\nexport const FileManager: React.FC<FileManagerProps> = ({\n    children,\n    render,\n    onChange,\n    ...rest\n}) => {\n    const containerRef = useRef<HTMLElement>(getPortalTarget());\n    const [show, setShow] = useState(false);\n    const onChangeRef = useRef(onChange);\n\n    useEffect(() => {\n        onChangeRef.current = onChange;\n    }, [onChange]);\n\n    const showFileManager = useCallback(onChange => {\n        if (typeof onChange === \"function\") {\n            onChangeRef.current = onChange;\n        }\n        setShow(true);\n    }, []);\n\n    return (\n        <>\n            {show &&\n                ReactDOM.createPortal(\n                    <FileManagerRenderer\n                        onClose={() => setShow(false)}\n                        onChange={\n                            /* TODO: figure out how to create a conditional type based on the value of `rest.multiple` */\n                            onChangeRef.current as any\n                        }\n                        {...rest}\n                    />,\n                    containerRef.current\n                )}\n            {children ? children({ showFileManager }) : render ? render({ showFileManager }) : null}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAA2D;AA4E3D,SAASA,eAAe,GAAG;EACvB,IAAIC,MAAM,GAAGC,MAAM,CAACC,QAAQ,CAACC,cAAc,CAAC,wBAAwB,CAAC;EACrE,IAAI,CAACH,MAAM,EAAE;IACTA,MAAM,GAAGE,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC;IACtCJ,MAAM,CAACK,YAAY,CAAC,IAAI,EAAE,wBAAwB,CAAC;IACnDH,QAAQ,CAACI,IAAI,IAAIJ,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACP,MAAM,CAAC;EACtD;EACA,OAAOA,MAAM;AACjB;;AAEA;;AAKO,IAAMQ,mBAAmB,GAAG,IAAAC,gCAAc,EAA2B,qBAAqB,CAAC;AAAC;AAE5F,IAAMC,WAAuC,GAAG,SAA1CA,WAAuC,OAK9C;EAAA,IAJFC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,IAAMC,YAAY,GAAG,IAAAC,aAAM,EAAcjB,eAAe,EAAE,CAAC;EAC3D,gBAAwB,IAAAkB,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAhCC,IAAI;IAAEC,OAAO;EACpB,IAAMC,WAAW,GAAG,IAAAJ,aAAM,EAACH,QAAQ,CAAC;EAEpC,IAAAQ,gBAAS,EAAC,YAAM;IACZD,WAAW,CAACE,OAAO,GAAGT,QAAQ;EAClC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMU,eAAe,GAAG,IAAAC,kBAAW,EAAC,UAAAX,QAAQ,EAAI;IAC5C,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;MAChCO,WAAW,CAACE,OAAO,GAAGT,QAAQ;IAClC;IACAM,OAAO,CAAC,IAAI,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI,4DACKD,IAAI,iBACDO,iBAAQ,CAACC,YAAY,eACjB,6BAAC,mBAAmB;IAChB,OAAO,EAAE;MAAA,OAAMP,OAAO,CAAC,KAAK,CAAC;IAAA,CAAC;IAC9B,QAAQ,EACJ;IACAC,WAAW,CAACE;EACf,GACGR,IAAI,EACV,EACFC,YAAY,CAACO,OAAO,CACvB,EACJX,QAAQ,GAAGA,QAAQ,CAAC;IAAEY,eAAe,EAAfA;EAAgB,CAAC,CAAC,GAAGX,MAAM,GAAGA,MAAM,CAAC;IAAEW,eAAe,EAAfA;EAAgB,CAAC,CAAC,GAAG,IAAI,CACxF;AAEX,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactDom","_interopRequireDefault","_reactComposition","_excluded","getPortalTarget","target","window","document","getElementById","createElement","setAttribute","body","appendChild","FileManagerRenderer","makeComposable","exports","FileManager","_ref","children","render","onChange","rest","_objectWithoutProperties2","default","containerRef","useRef","_useState","useState","show","_useState2","_slicedToArray2","setShow","onChangeRef","useEffect","current","showFileManager","useCallback","Fragment","ReactDOM","createPortal","Object","assign","onClose"],"sources":["FileManager.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { makeComposable } from \"@webiny/react-composition\";\n\nexport interface FileManagerOnChange<T> {\n    (value: T): void;\n}\n\n/**\n * Represents a file object managed by the File Manager.\n */\nexport interface FileManagerFileItem {\n    id: string;\n    src: string;\n    meta?: Array<FileManagerFileItemMetaItem>;\n}\n\n/**\n * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.\n */\nexport interface FileManagerFileItemMetaItem {\n    key: string;\n    value: any;\n}\n\nexport type DeprecatedFileManagerRenderPropParams = {\n    showFileManager: (\n        onChange?: FileManagerOnChange<FileManagerFileItem | FileManagerFileItem[]>\n    ) => void;\n};\n\nexport type FileManagerRenderPropParams<TValue> = {\n    showFileManager: (onChange?: FileManagerOnChange<TValue>) => void;\n};\n\ninterface SingleFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem>): React.ReactNode;\n}\n\ninterface MultiFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem[]>): React.ReactNode;\n}\n\nexport type MultipleProps =\n    | {\n          multiple?: never;\n          multipleMaxCount?: never;\n          multipleMaxSize?: never;\n          onChange?: FileManagerOnChange<FileManagerFileItem>;\n          render?: SingleFileRenderProp;\n      }\n    | {\n          multiple: true;\n          multipleMaxCount?: number;\n          multipleMaxSize?: number | string;\n          onChange?: FileManagerOnChange<FileManagerFileItem[]>;\n          render?: MultiFileRenderProp;\n      };\n\nexport type FileManagerProps = {\n    accept?: string[];\n    images?: boolean;\n    maxSize?: number | string;\n    /**\n     * @deprecated This prop is no longer used. The file structure was reduced to a bare minimum so picking is no longer necessary.\n     */\n    onChangePick?: string[];\n    onClose?: () => void;\n    onUploadCompletion?: (files: FileManagerFileItem[]) => void;\n    own?: boolean;\n    scope?: string;\n    tags?: string[];\n    show?: boolean;\n    /**\n     * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.\n     */\n    children?: (params: DeprecatedFileManagerRenderPropParams) => React.ReactNode;\n} & MultipleProps;\n\nfunction getPortalTarget() {\n    let target = window.document.getElementById(\"file-manager-container\");\n    if (!target) {\n        target = document.createElement(\"div\");\n        target.setAttribute(\"id\", \"file-manager-container\");\n        document.body && document.body.appendChild(target);\n    }\n    return target;\n}\n\n// This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!\ntype DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;\n\nexport type FileManagerRendererProps = DistributiveOmit<FileManagerProps, \"render\" | \"children\">;\n\nexport const FileManagerRenderer = makeComposable<FileManagerRendererProps>(\"FileManagerRenderer\");\n\nexport const FileManager = ({ children, render, onChange, ...rest }: FileManagerProps) => {\n    const containerRef = useRef<HTMLElement>(getPortalTarget());\n    const [show, setShow] = useState(rest.show ?? false);\n    const onChangeRef = useRef(onChange);\n\n    useEffect(() => {\n        onChangeRef.current = onChange;\n    }, [onChange]);\n\n    const showFileManager = useCallback(onChange => {\n        if (typeof onChange === \"function\") {\n            onChangeRef.current = onChange;\n        }\n        setShow(true);\n    }, []);\n\n    return (\n        <>\n            {show &&\n                ReactDOM.createPortal(\n                    /**\n                     * TODO @pavel\n                     */\n                    // @ts-expect-error\n                    <FileManagerRenderer\n                        onClose={() => setShow(false)}\n                        onChange={\n                            /* TODO: figure out how to create a conditional type based on the value of `rest.multiple` */\n                            onChangeRef.current\n                        }\n                        {...rest}\n                    />,\n                    containerRef.current\n                )}\n            {children ? children({ showFileManager }) : render ? render({ showFileManager }) : null}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAA2D,IAAAI,SAAA;AAM3D;AACA;AACA;;AAOA;AACA;AACA;;AA4DA,SAASC,eAAeA,CAAA,EAAG;EACvB,IAAIC,MAAM,GAAGC,MAAM,CAACC,QAAQ,CAACC,cAAc,CAAC,wBAAwB,CAAC;EACrE,IAAI,CAACH,MAAM,EAAE;IACTA,MAAM,GAAGE,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC;IACtCJ,MAAM,CAACK,YAAY,CAAC,IAAI,EAAE,wBAAwB,CAAC;IACnDH,QAAQ,CAACI,IAAI,IAAIJ,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACP,MAAM,CAAC;EACtD;EACA,OAAOA,MAAM;AACjB;;AAEA;;AAKO,IAAMQ,mBAAmB,GAAG,IAAAC,gCAAc,EAA2B,qBAAqB,CAAC;AAACC,OAAA,CAAAF,mBAAA,GAAAA,mBAAA;AAE5F,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAkE;EAAA,IAA5DC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAN,IAAA,EAAAd,SAAA;EAC7D,IAAMqB,YAAY,GAAG,IAAAC,aAAM,EAAcrB,eAAe,CAAC,CAAC,CAAC;EAC3D,IAAAsB,SAAA,GAAwB,IAAAC,eAAQ,EAACN,IAAI,CAACO,IAAI,IAAI,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAP,OAAA,EAAAG,SAAA;IAA7CE,IAAI,GAAAC,UAAA;IAAEE,OAAO,GAAAF,UAAA;EACpB,IAAMG,WAAW,GAAG,IAAAP,aAAM,EAACL,QAAQ,CAAC;EAEpC,IAAAa,gBAAS,EAAC,YAAM;IACZD,WAAW,CAACE,OAAO,GAAGd,QAAQ;EAClC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMe,eAAe,GAAG,IAAAC,kBAAW,EAAC,UAAAhB,QAAQ,EAAI;IAC5C,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;MAChCY,WAAW,CAACE,OAAO,GAAGd,QAAQ;IAClC;IACAW,OAAO,CAAC,IAAI,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIlC,MAAA,CAAA0B,OAAA,CAAAd,aAAA,CAAAZ,MAAA,CAAA0B,OAAA,CAAAc,QAAA,QACKT,IAAI,iBACDU,iBAAQ,CAACC,YAAY;EAAA;EACjB;AACpB;AACA;EACoB;EACA1C,MAAA,CAAA0B,OAAA,CAAAd,aAAA,CAACI,mBAAmB,EAAA2B,MAAA,CAAAC,MAAA;IAChBC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMX,OAAO,CAAC,KAAK,CAAC;IAAA,CAAC;IAC9BX,QAAQ,EACJ;IACAY,WAAW,CAACE;EACf,GACGb,IAAI,CACX,CAAC,EACFG,YAAY,CAACU,OACjB,CAAC,EACJhB,QAAQ,GAAGA,QAAQ,CAAC;IAAEiB,eAAe,EAAfA;EAAgB,CAAC,CAAC,GAAGhB,MAAM,GAAGA,MAAM,CAAC;IAAEgB,eAAe,EAAfA;EAAgB,CAAC,CAAC,GAAG,IACrF,CAAC;AAEX,CAAC;AAACpB,OAAA,CAAAC,WAAA,GAAAA,WAAA"}

package/base/ui/Layout.d.ts

@@ -3,5 +3,11 @@ 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>;
+export declare const Layout: React.FunctionComponent<LayoutProps> & {
+    original: React.ComponentType<LayoutProps>;
+    originalName: string;
+};
+export declare const LayoutRenderer: React.FunctionComponent<LayoutProps> & {
+    original: React.ComponentType<LayoutProps>;
+    originalName: string;
+};