@webiny/app-admin 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/base/createRootContainer.js

@@ -0,0 +1,63 @@
+import { createBrowserHistory } from "history";
+import { Container } from "@webiny/di";
+import { DefaultRouteElementRegistry } from "@webiny/app/presentation/router/RouteElementRegistry.js";
+import { RouterGateway } from "@webiny/app/features/router/abstractions.js";
+import { RouterFeature } from "@webiny/app/features/router/feature.js";
+import { HistoryRouterGateway } from "@webiny/app/features/router/HistoryRouterGateway.js";
+import { EnvConfigFeature } from "@webiny/app/features/envConfig/feature.js";
+import { GraphQLClientFeature } from "@webiny/app/features/graphqlClient/feature.js";
+import { MainGraphQLClientFeature } from "@webiny/app/features/mainGraphQLClient/feature.js";
+import { LocalStorageFeature } from "@webiny/app/features/localStorage/feature.js";
+import { EventPublisherFeature } from "@webiny/app/features/eventPublisher/feature.js";
+import { WcpFeature } from "../features/wcp/feature.js";
+import { TenancyFeature } from "../features/tenancy/feature.js";
+import { SystemInstallerFeature } from "../presentation/installation/presenters/SystemInstaller/feature.js";
+import { TelemetryFeature } from "../features/telemetry/feature.js";
+import { ErrorOverlayNetworkErrorHandler } from "../errors/ErrorOverlayNetworkErrorHandler.js";
+import { ToolsFeature } from "../features/tools/feature.js";
+import { TextToLexicalToolFeature } from "../presentation/textToLexicalTool/feature.js";
+const isUndefined = (value)=>[
+        void 0,
+        "undefined"
+    ].includes(value);
+function createRootContainer() {
+    const container = new Container();
+    const trashBinEnv = process.env.WEBINY_ADMIN_TRASH_BIN_RETENTION_PERIOD_DAYS;
+    const trashBinRetention = isUndefined(trashBinEnv) ? 60 : parseInt(trashBinEnv);
+    const deploymentId = String(process.env.WEBINY_ADMIN_DEPLOYMENT_ID);
+    EnvConfigFeature.register(container, {
+        deploymentId,
+        apiUrl: String(process.env.REACT_APP_API_URL),
+        debug: "true" === process.env.WEBINY_ADMIN_DEBUG,
+        graphqlApiUrl: String(process.env.REACT_APP_GRAPHQL_API_URL),
+        telemetryEnabled: "true" === process.env.REACT_APP_WEBINY_TELEMETRY,
+        telemetryUserId: process.env.REACT_APP_WEBINY_TELEMETRY_USER_ID,
+        trashBinRetentionPeriodDays: trashBinRetention,
+        wcpProjectId: process.env.REACT_APP_WEBINY_PROJECT_ID || process.env.REACT_APP_WCP_PROJECT_ID,
+        websocketUrl: String(process.env.REACT_APP_WEBSOCKET_URL)
+    });
+    const history = createBrowserHistory();
+    container.registerInstance(RouterGateway, new HistoryRouterGateway(history, ""));
+    container.register(DefaultRouteElementRegistry).inSingletonScope();
+    RouterFeature.register(container);
+    EventPublisherFeature.register(container);
+    GraphQLClientFeature.register(container, {
+        batching: true,
+        retry: true
+    });
+    MainGraphQLClientFeature.register(container);
+    LocalStorageFeature.register(container, {
+        prefix: `webiny/${deploymentId}`
+    });
+    TenancyFeature.register(container);
+    WcpFeature.register(container);
+    SystemInstallerFeature.register(container);
+    TelemetryFeature.register(container);
+    container.register(ErrorOverlayNetworkErrorHandler).inSingletonScope();
+    ToolsFeature.register(container);
+    TextToLexicalToolFeature.register(container);
+    return container;
+}
+export { createRootContainer };
+
+//# sourceMappingURL=createRootContainer.js.map

package/base/createRootContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/createRootContainer.js","sources":["../../src/base/createRootContainer.ts"],"sourcesContent":["import { createBrowserHistory } from \"history\";\nimport { Container } from \"@webiny/di\";\nimport { DefaultRouteElementRegistry } from \"@webiny/app/presentation/router/RouteElementRegistry.js\";\nimport { RouterGateway } from \"@webiny/app/features/router/abstractions.js\";\nimport { RouterFeature } from \"@webiny/app/features/router/feature.js\";\nimport { HistoryRouterGateway } from \"@webiny/app/features/router/HistoryRouterGateway.js\";\nimport { EnvConfigFeature } from \"@webiny/app/features/envConfig/feature.js\";\nimport { GraphQLClientFeature } from \"@webiny/app/features/graphqlClient/feature.js\";\nimport { MainGraphQLClientFeature } from \"@webiny/app/features/mainGraphQLClient/feature.js\";\nimport { LocalStorageFeature } from \"@webiny/app/features/localStorage/feature.js\";\nimport { EventPublisherFeature } from \"@webiny/app/features/eventPublisher/feature.js\";\nimport { WcpFeature } from \"~/features/wcp/feature.js\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\nimport { SystemInstallerFeature } from \"~/presentation/installation/presenters/SystemInstaller/feature.js\";\nimport { TelemetryFeature } from \"~/features/telemetry/feature.js\";\nimport { ErrorOverlayNetworkErrorHandler } from \"~/errors/ErrorOverlayNetworkErrorHandler.js\";\nimport { ToolsFeature } from \"~/features/tools/feature.js\";\nimport { TextToLexicalToolFeature } from \"~/presentation/textToLexicalTool/feature.js\";\n\nconst isUndefined = (value: any) => [undefined, \"undefined\"].includes(value);\n\nexport function createRootContainer() {\n    const container = new Container();\n\n    const trashBinEnv = process.env.WEBINY_ADMIN_TRASH_BIN_RETENTION_PERIOD_DAYS;\n    const trashBinRetention = isUndefined(trashBinEnv) ? 60 : parseInt(trashBinEnv as string);\n    const deploymentId = String(process.env.WEBINY_ADMIN_DEPLOYMENT_ID);\n\n    EnvConfigFeature.register(container, {\n        deploymentId,\n        apiUrl: String(process.env.REACT_APP_API_URL),\n        debug: process.env.WEBINY_ADMIN_DEBUG === \"true\",\n        graphqlApiUrl: String(process.env.REACT_APP_GRAPHQL_API_URL),\n        telemetryEnabled: process.env.REACT_APP_WEBINY_TELEMETRY === \"true\",\n        telemetryUserId: process.env.REACT_APP_WEBINY_TELEMETRY_USER_ID,\n        trashBinRetentionPeriodDays: trashBinRetention,\n        wcpProjectId:\n            process.env.REACT_APP_WEBINY_PROJECT_ID || process.env.REACT_APP_WCP_PROJECT_ID,\n        websocketUrl: String(process.env.REACT_APP_WEBSOCKET_URL)\n    });\n\n    // Router\n    const history = createBrowserHistory();\n    container.registerInstance(RouterGateway, new HistoryRouterGateway(history, \"\"));\n    container.register(DefaultRouteElementRegistry).inSingletonScope();\n\n    RouterFeature.register(container);\n\n    EventPublisherFeature.register(container);\n\n    GraphQLClientFeature.register(container, { batching: true, retry: true });\n\n    MainGraphQLClientFeature.register(container);\n\n    LocalStorageFeature.register(container, { prefix: `webiny/${deploymentId}` });\n\n    TenancyFeature.register(container);\n\n    WcpFeature.register(container);\n\n    SystemInstallerFeature.register(container);\n\n    TelemetryFeature.register(container);\n\n    container.register(ErrorOverlayNetworkErrorHandler).inSingletonScope();\n\n    ToolsFeature.register(container);\n\n    TextToLexicalToolFeature.register(container);\n\n    return container;\n}\n"],"names":["isUndefined","value","undefined","createRootContainer","container","Container","trashBinEnv","process","trashBinRetention","parseInt","deploymentId","String","EnvConfigFeature","history","createBrowserHistory","RouterGateway","HistoryRouterGateway","DefaultRouteElementRegistry","RouterFeature","EventPublisherFeature","GraphQLClientFeature","MainGraphQLClientFeature","LocalStorageFeature","TenancyFeature","WcpFeature","SystemInstallerFeature","TelemetryFeature","ErrorOverlayNetworkErrorHandler","ToolsFeature","TextToLexicalToolFeature"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,MAAMA,cAAc,CAACC,QAAe;QAACC;QAAW;KAAY,CAAC,QAAQ,CAACD;AAE/D,SAASE;IACZ,MAAMC,YAAY,IAAIC;IAEtB,MAAMC,cAAcC,QAAQ,GAAG,CAAC,4CAA4C;IAC5E,MAAMC,oBAAoBR,YAAYM,eAAe,KAAKG,SAASH;IACnE,MAAMI,eAAeC,OAAOJ,QAAQ,GAAG,CAAC,0BAA0B;IAElEK,iBAAiB,QAAQ,CAACR,WAAW;QACjCM;QACA,QAAQC,OAAOJ,QAAQ,GAAG,CAAC,iBAAiB;QAC5C,OAAOA,AAAmC,WAAnCA,QAAQ,GAAG,CAAC,kBAAkB;QACrC,eAAeI,OAAOJ,QAAQ,GAAG,CAAC,yBAAyB;QAC3D,kBAAkBA,AAA2C,WAA3CA,QAAQ,GAAG,CAAC,0BAA0B;QACxD,iBAAiBA,QAAQ,GAAG,CAAC,kCAAkC;QAC/D,6BAA6BC;QAC7B,cACID,QAAQ,GAAG,CAAC,2BAA2B,IAAIA,QAAQ,GAAG,CAAC,wBAAwB;QACnF,cAAcI,OAAOJ,QAAQ,GAAG,CAAC,uBAAuB;IAC5D;IAGA,MAAMM,UAAUC;IAChBV,UAAU,gBAAgB,CAACW,eAAe,IAAIC,qBAAqBH,SAAS;IAC5ET,UAAU,QAAQ,CAACa,6BAA6B,gBAAgB;IAEhEC,cAAc,QAAQ,CAACd;IAEvBe,sBAAsB,QAAQ,CAACf;IAE/BgB,qBAAqB,QAAQ,CAAChB,WAAW;QAAE,UAAU;QAAM,OAAO;IAAK;IAEvEiB,yBAAyB,QAAQ,CAACjB;IAElCkB,oBAAoB,QAAQ,CAAClB,WAAW;QAAE,QAAQ,CAAC,OAAO,EAAEM,cAAc;IAAC;IAE3Ea,eAAe,QAAQ,CAACnB;IAExBoB,WAAW,QAAQ,CAACpB;IAEpBqB,uBAAuB,QAAQ,CAACrB;IAEhCsB,iBAAiB,QAAQ,CAACtB;IAE1BA,UAAU,QAAQ,CAACuB,iCAAiC,gBAAgB;IAEpEC,aAAa,QAAQ,CAACxB;IAEtByB,yBAAyB,QAAQ,CAACzB;IAElC,OAAOA;AACX"}

package/base/plugins/AddGraphQLQuerySelection.d.ts

@@ -1,9 +1,8 @@
-import React from "react";
-import { DocumentNode } from "graphql";
+import type { 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

@@ -1,31 +1,19 @@
-"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;
+import { useEffect, useState } from "react";
+import { plugins } from "@webiny/plugins";
+import { generateId } from "@webiny/utils";
+import { AddQuerySelectionPlugin } from "@webiny/app/plugins/AddQuerySelectionPlugin.js";
+const AddGraphQLQuerySelection = (props)=>{
+    const [name] = useState(`AddGraphQLQuerySelection:${props.operationName}:${generateId()}`);
+    useEffect(()=>{
+        const plugin = new AddQuerySelectionPlugin(props);
+        plugin.name = name;
+        plugins.register(plugin);
+        return ()=>{
+            plugins.unregister(name);
+        };
+    }, []);
+    return null;
 };
+export { AddGraphQLQuerySelection };
 
-exports.AddGraphQLQuerySelection = AddGraphQLQuerySelection;
+//# sourceMappingURL=AddGraphQLQuerySelection.js.map

package/base/plugins/AddGraphQLQuerySelection.js.map

@@ -1 +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"}
+{"version":3,"file":"base/plugins/AddGraphQLQuerySelection.js","sources":["../../../src/base/plugins/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.js\";\nimport type { 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"],"names":["AddGraphQLQuerySelection","props","name","useState","generateId","useEffect","plugin","AddQuerySelectionPlugin","plugins"],"mappings":";;;;AAYO,MAAMA,2BAA2B,CAACC;IACrC,MAAM,CAACC,KAAK,GAAGC,SAAS,CAAC,yBAAyB,EAAEF,MAAM,aAAa,CAAC,CAAC,EAAEG,cAAc;IAEzFC,UAAU;QACN,MAAMC,SAAS,IAAIC,wBAAwBN;QAE3CK,OAAO,IAAI,GAAGJ;QACdM,QAAQ,QAAQ,CAACF;QAEjB,OAAO;YACHE,QAAQ,UAAU,CAACN;QACvB;IACJ,GAAG,EAAE;IAEL,OAAO;AACX"}

package/base/providers/AdminUiStateProvider.d.ts

@@ -0,0 +1 @@
+export declare const createAdminUiStateProvider: () => import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;

package/base/providers/AdminUiStateProvider.js

@@ -0,0 +1,9 @@
+import react from "react";
+import { UiProvider } from "@webiny/app/contexts/Ui/index.js";
+import { createProvider } from "@webiny/app";
+const createAdminUiStateProvider = ()=>createProvider((Component)=>function({ children }) {
+            return /*#__PURE__*/ react.createElement(UiProvider, null, /*#__PURE__*/ react.createElement(Component, null, children));
+        });
+export { createAdminUiStateProvider };
+
+//# sourceMappingURL=AdminUiStateProvider.js.map

package/base/providers/AdminUiStateProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/providers/AdminUiStateProvider.js","sources":["../../../src/base/providers/AdminUiStateProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiProvider } from \"@webiny/app/contexts/Ui/index.js\";\nimport { createProvider } from \"@webiny/app\";\n\ninterface AdminUiStateProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createAdminUiStateProvider = () => {\n    return createProvider(Component => {\n        return function AdminUiStateProvider({ children }: AdminUiStateProviderProps) {\n            return (\n                <UiProvider>\n                    <Component>{children}</Component>\n                </UiProvider>\n            );\n        };\n    });\n};\n"],"names":["createAdminUiStateProvider","createProvider","Component","children","UiProvider"],"mappings":";;;AAQO,MAAMA,6BAA6B,IAC/BC,eAAeC,CAAAA,YACX,SAA8B,EAAEC,QAAQ,EAA6B;YACxE,OAAO,WAAP,GACI,oBAACC,YAAUA,MAAAA,WAAAA,GACP,oBAACF,WAAAA,MAAWC;QAGxB"}

package/base/providers/ApolloProvider.d.ts

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

package/base/providers/ApolloProvider.js

@@ -1,26 +1,10 @@
-"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;
+import react from "react";
+import { ApolloProvider as react_components_ApolloProvider } from "@apollo/react-components";
+const createApolloProvider = (apolloClient)=>function({ children }) {
+        return /*#__PURE__*/ react.createElement(react_components_ApolloProvider, {
+            client: apolloClient
+        }, children);
+    };
+export { 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,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"}
+{"version":3,"file":"base/providers/ApolloProvider.js","sources":["../../../src/base/providers/ApolloProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ApolloProvider as Apollo } from \"@apollo/react-components\";\nimport type 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 = (apolloClient: ApolloClient<any>) => {\n    return function ApolloProvider({ children }: ApolloProviderProps) {\n        return <Apollo client={apolloClient}>{children}</Apollo>;\n    };\n};\n"],"names":["createApolloProvider","apolloClient","children","Apollo"],"mappings":";;AAgBO,MAAMA,uBAAuB,CAACC,eAC1B,SAAwB,EAAEC,QAAQ,EAAuB;QAC5D,OAAO,WAAP,GAAO,oBAACC,iCAAMA;YAAC,QAAQF;WAAeC;IAC1C"}

package/base/providers/UiProviders.d.ts

@@ -0,0 +1 @@
+export declare const createUiProviders: () => import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;

package/base/providers/UiProviders.js

@@ -0,0 +1,29 @@
+import react from "react";
+import { SimpleLink, createProvider, useContainer } from "@webiny/app";
+import { AdminUiProvider } from "@webiny/admin-ui";
+import { compiler } from "markdown-to-jsx/react";
+import { FileUrlFormatter } from "../../features/fileUrlFormatter/abstractions.js";
+const options = {
+    overrides: {
+        a: {
+            component: ({ children, ...props })=>/*#__PURE__*/ react.createElement("a", {
+                    ...props,
+                    target: "_blank",
+                    rel: "noopener noreferrer"
+                }, children)
+        }
+    }
+};
+const markdownCompiler = (markdown)=>compiler(markdown, options);
+const createUiProviders = ()=>createProvider((Component)=>function({ children }) {
+            const container = useContainer();
+            const fileUrlFormatter = container.resolve(FileUrlFormatter);
+            return /*#__PURE__*/ react.createElement(AdminUiProvider, {
+                linkComponent: SimpleLink,
+                markdownCompiler: markdownCompiler,
+                fileUrlFormatter: fileUrlFormatter
+            }, /*#__PURE__*/ react.createElement(Component, null, children));
+        });
+export { createUiProviders };
+
+//# sourceMappingURL=UiProviders.js.map

package/base/providers/UiProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/providers/UiProviders.js","sources":["../../../src/base/providers/UiProviders.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider, SimpleLink, useContainer } from \"@webiny/app\";\nimport { AdminUiProvider } from \"@webiny/admin-ui\";\nimport { compiler } from \"markdown-to-jsx/react\";\nimport { FileUrlFormatter } from \"~/features/fileUrlFormatter/abstractions.js\";\n\nconst options = {\n    overrides: {\n        a: {\n            component: ({ children, ...props }: any) => (\n                <a {...props} target=\"_blank\" rel=\"noopener noreferrer\">\n                    {children}\n                </a>\n            )\n        }\n    }\n};\n\nconst markdownCompiler = (markdown: string) => {\n    return compiler(markdown, options);\n};\n\ninterface UiProvidersProps {\n    children: React.ReactNode;\n}\n\nexport const createUiProviders = () => {\n    return createProvider(Component => {\n        return function UiProviders({ children }: UiProvidersProps) {\n            const container = useContainer();\n            const fileUrlFormatter = container.resolve(FileUrlFormatter);\n\n            return (\n                <AdminUiProvider\n                    linkComponent={SimpleLink}\n                    markdownCompiler={markdownCompiler}\n                    fileUrlFormatter={fileUrlFormatter}\n                >\n                    <Component>{children}</Component>\n                </AdminUiProvider>\n            );\n        };\n    });\n};\n"],"names":["options","children","props","markdownCompiler","markdown","compiler","createUiProviders","createProvider","Component","container","useContainer","fileUrlFormatter","FileUrlFormatter","AdminUiProvider","SimpleLink"],"mappings":";;;;;AAMA,MAAMA,UAAU;IACZ,WAAW;QACP,GAAG;YACC,WAAW,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAY,iBACnC,oBAAC;oBAAG,GAAGA,KAAK;oBAAE,QAAO;oBAAS,KAAI;mBAC7BD;QAGb;IACJ;AACJ;AAEA,MAAME,mBAAmB,CAACC,WACfC,SAASD,UAAUJ;AAOvB,MAAMM,oBAAoB,IACtBC,eAAeC,CAAAA,YACX,SAAqB,EAAEP,QAAQ,EAAoB;YACtD,MAAMQ,YAAYC;YAClB,MAAMC,mBAAmBF,UAAU,OAAO,CAACG;YAE3C,OAAO,WAAP,GACI,oBAACC,iBAAeA;gBACZ,eAAeC;gBACf,kBAAkBX;gBAClB,kBAAkBQ;6BAElB,oBAACH,WAAAA,MAAWP;QAGxB"}

package/base/providers/UiStateProvider.d.ts

@@ -1,2 +1 @@
-import React from "react";
-export declare const createUiStateProvider: () => (Component: React.ComponentType<unknown>) => React.FC;
+export declare const createUiStateProvider: () => import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;

package/base/providers/UiStateProvider.js

@@ -1,23 +1,9 @@
-"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;
+import react from "react";
+import { UiProvider } from "@webiny/app/contexts/Ui/index.js";
+import { createProvider } from "@webiny/app";
+const createUiStateProvider = ()=>createProvider((Component)=>function({ children }) {
+            return /*#__PURE__*/ react.createElement(UiProvider, null, /*#__PURE__*/ react.createElement(Component, null, children));
+        });
+export { 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,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"}
+{"version":3,"file":"base/providers/UiStateProvider.js","sources":["../../../src/base/providers/UiStateProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiProvider } from \"@webiny/app/contexts/Ui/index.js\";\nimport { createProvider } from \"@webiny/app\";\n\ninterface UiStateProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createUiStateProvider = () => {\n    return createProvider(Component => {\n        return function UiStateProvider({ children }: UiStateProviderProps) {\n            return (\n                <UiProvider>\n                    <Component>{children}</Component>\n                </UiProvider>\n            );\n        };\n    });\n};\n"],"names":["createUiStateProvider","createProvider","Component","children","UiProvider"],"mappings":";;;AAQO,MAAMA,wBAAwB,IAC1BC,eAAeC,CAAAA,YACX,SAAyB,EAAEC,QAAQ,EAAwB;YAC9D,OAAO,WAAP,GACI,oBAACC,YAAUA,MAAAA,WAAAA,GACP,oBAACF,WAAAA,MAAWC;QAGxB"}

package/base/ui/Brand.d.ts

@@ -1,2 +1,39 @@
-export declare const Brand: import("@webiny/app-admin-core").ComposableFC<unknown>;
-export declare const BrandRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;
+import React from "react";
+export declare const Brand: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const BrandRenderer: ((props: unknown) => React.JSX.Element | null) & {
+    original: (props: unknown) => React.JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/Brand.js

@@ -1,19 +1,7 @@
-"use strict";
+import react from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+const Brand = makeDecoratable("Brand", ()=>/*#__PURE__*/ react.createElement(BrandRenderer, null));
+const BrandRenderer = makeDecoratable("BrandRenderer", createVoidComponent());
+export { Brand, BrandRenderer };
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BrandRenderer = exports.Brand = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _appAdminCore = require("@webiny/app-admin-core");
-
-var Brand = (0, _appAdminCore.makeComposable)("Brand", function () {
-  return /*#__PURE__*/_react.default.createElement(BrandRenderer, null);
-});
-exports.Brand = Brand;
-var BrandRenderer = (0, _appAdminCore.makeComposable)("BrandRenderer");
-exports.BrandRenderer = BrandRenderer;
+//# 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-admin-core\";\n\nexport const Brand = makeComposable(\"Brand\", () => {\n    return <BrandRenderer />;\n});\n\nexport const BrandRenderer = makeComposable(\"BrandRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,KAAK,GAAG,IAAAC,4BAAA,EAAe,OAAf,EAAwB,YAAM;EAC/C,oBAAO,6BAAC,aAAD,OAAP;AACH,CAFoB,CAAd;;AAIA,IAAMC,aAAa,GAAG,IAAAD,4BAAA,EAAe,eAAf,CAAtB"}
+{"version":3,"file":"base/ui/Brand.js","sources":["../../../src/base/ui/Brand.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Brand = makeDecoratable(\"Brand\", () => {\n    return <BrandRenderer />;\n});\n\nexport const BrandRenderer = makeDecoratable(\"BrandRenderer\", createVoidComponent());\n"],"names":["Brand","makeDecoratable","BrandRenderer","createVoidComponent"],"mappings":";;AAGO,MAAMA,QAAQC,gBAAgB,SAAS,IACnC,WAAP,GAAO,oBAACC,eAAaA;AAGlB,MAAMA,gBAAgBD,gBAAgB,iBAAiBE"}

package/base/ui/CenteredView.d.ts

@@ -1,4 +1,24 @@
+import React from "react";
 export interface CenteredViewProps {
+    children: React.ReactNode;
     maxWidth?: number | string;
 }
-export declare const CenteredView: import("../../index").ComposableFC<CenteredViewProps>;
+export declare const CenteredView: (({ maxWidth, children }: CenteredViewProps) => React.JSX.Element) & {
+    original: ({ maxWidth, children }: CenteredViewProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ maxWidth, children }: CenteredViewProps) => React.JSX.Element) & {
+        original: ({ maxWidth, children }: CenteredViewProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ maxWidth, children }: CenteredViewProps) => React.JSX.Element) & {
+        original: ({ maxWidth, children }: CenteredViewProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/CenteredView.js

@@ -1,40 +1,11 @@
-"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;
+import react from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+const CenteredView = makeDecoratable("CenteredView", ({ maxWidth, children })=>/*#__PURE__*/ react.createElement("div", {
+        className: "container",
+        style: {
+            maxWidth
+        }
+    }, children));
+export { 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,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"}
+{"version":3,"file":"base/ui/CenteredView.js","sources":["../../../src/base/ui/CenteredView.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nexport interface CenteredViewProps {\n    children: React.ReactNode;\n    maxWidth?: number | string;\n}\n\nexport const CenteredView = makeDecoratable(\n    \"CenteredView\",\n    ({ maxWidth, children }: CenteredViewProps) => {\n        return (\n            <div className={\"container\"} style={{ maxWidth }}>\n                {children}\n            </div>\n        );\n    }\n);\n"],"names":["CenteredView","makeDecoratable","maxWidth","children"],"mappings":";;AAQO,MAAMA,eAAeC,gBACxB,gBACA,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAqB,GAC/B,WAAP,GACI,oBAAC;QAAI,WAAW;QAAa,OAAO;YAAED;QAAS;OAC1CC"}

package/base/ui/Dashboard.d.ts

@@ -1,2 +1,39 @@
-export declare const Dashboard: import("@webiny/app-admin-core").ComposableFC<unknown>;
-export declare const DashboardRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;
+import React from "react";
+export declare const Dashboard: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const DashboardRenderer: ((props: unknown) => React.JSX.Element | null) & {
+    original: (props: unknown) => React.JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => React.JSX.Element | null) & {
+        original: (props: unknown) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/base/ui/Dashboard.js

@@ -1,19 +1,7 @@
-"use strict";
+import react from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+const Dashboard = makeDecoratable("Dashboard", ()=>/*#__PURE__*/ react.createElement(DashboardRenderer, null));
+const DashboardRenderer = makeDecoratable("DashboardRenderer", createVoidComponent());
+export { Dashboard, DashboardRenderer };
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DashboardRenderer = exports.Dashboard = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _appAdminCore = require("@webiny/app-admin-core");
-
-var Dashboard = (0, _appAdminCore.makeComposable)("Dashboard", function () {
-  return /*#__PURE__*/_react.default.createElement(DashboardRenderer, null);
-});
-exports.Dashboard = Dashboard;
-var DashboardRenderer = (0, _appAdminCore.makeComposable)("DashboardRenderer");
-exports.DashboardRenderer = DashboardRenderer;
+//# 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-admin-core\";\n\nexport const Dashboard = makeComposable(\"Dashboard\", () => {\n    return <DashboardRenderer />;\n});\n\nexport const DashboardRenderer = makeComposable(\"DashboardRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,SAAS,GAAG,IAAAC,4BAAA,EAAe,WAAf,EAA4B,YAAM;EACvD,oBAAO,6BAAC,iBAAD,OAAP;AACH,CAFwB,CAAlB;;AAIA,IAAMC,iBAAiB,GAAG,IAAAD,4BAAA,EAAe,mBAAf,CAA1B"}
+{"version":3,"file":"base/ui/Dashboard.js","sources":["../../../src/base/ui/Dashboard.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Dashboard = makeDecoratable(\"Dashboard\", () => {\n    return <DashboardRenderer />;\n});\n\nexport const DashboardRenderer = makeDecoratable(\"DashboardRenderer\", createVoidComponent());\n"],"names":["Dashboard","makeDecoratable","DashboardRenderer","createVoidComponent"],"mappings":";;AAGO,MAAMA,YAAYC,gBAAgB,aAAa,IAC3C,WAAP,GAAO,oBAACC,mBAAiBA;AAGtB,MAAMA,oBAAoBD,gBAAgB,qBAAqBE"}