@webiny/app-admin 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/base/TelemetryAdminAppStart.d.ts

@@ -0,0 +1 @@
+export declare const TelemetryAdminAppStart: () => null;

package/base/TelemetryAdminAppStart.js

@@ -0,0 +1,19 @@
+import { useFeature } from "@webiny/app";
+import { useEffect } from "react";
+import { TelemetryFeature } from "../features/telemetry/index.js";
+let eventSent = false;
+export const TelemetryAdminAppStart = () => {
+  const {
+    service
+  } = useFeature(TelemetryFeature);
+  useEffect(() => {
+    if (eventSent) {
+      return;
+    }
+    eventSent = true;
+    service.sendEvent("admin-app-start");
+  }, []);
+  return null;
+};
+
+//# sourceMappingURL=TelemetryAdminAppStart.js.map

package/base/TelemetryAdminAppStart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useFeature","useEffect","TelemetryFeature","eventSent","TelemetryAdminAppStart","service","sendEvent"],"sources":["TelemetryAdminAppStart.tsx"],"sourcesContent":["import { useFeature } from \"@webiny/app\";\nimport { useEffect } from \"react\";\nimport { TelemetryFeature } from \"~/features/telemetry/index.js\";\n\nlet eventSent = false;\n\nexport const TelemetryAdminAppStart = () => {\n    const { service } = useFeature(TelemetryFeature);\n\n    useEffect(() => {\n        if (eventSent) {\n            return;\n        }\n\n        eventSent = true;\n\n        service.sendEvent(\"admin-app-start\");\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AACxC,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,gBAAgB;AAEzB,IAAIC,SAAS,GAAG,KAAK;AAErB,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACxC,MAAM;IAAEC;EAAQ,CAAC,GAAGL,UAAU,CAACE,gBAAgB,CAAC;EAEhDD,SAAS,CAAC,MAAM;IACZ,IAAIE,SAAS,EAAE;MACX;IACJ;IAEAA,SAAS,GAAG,IAAI;IAEhBE,OAAO,CAACC,SAAS,CAAC,iBAAiB,CAAC;EACxC,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/base/WebinyVersion.js

@@ -1,6 +1,6 @@
 import React, { useMemo } from "react";
-import { config as appConfig } from "@webiny/app/config";
-import { useWcp } from "./..";
+import { config as appConfig } from "@webiny/app/config.js";
+import { useWcp } from "../index.js";
 import { Tag } from "@webiny/admin-ui";
 export const WebinyVersion = () => {
   const wbyVersion = appConfig.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
@@ -13,11 +13,11 @@ export const WebinyVersion = () => {
     return /*#__PURE__*/React.createElement(Tag, {
       variant: "accent",
       content: "WCP",
-      className: "wby-ml-sm-extra"
+      className: "ml-sm-extra"
     });
   }, []);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center"
+    className: "flex items-center"
   }, "Webiny v", wbyVersion, wcpBadge);
 };
 

package/base/WebinyVersion.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","config","appConfig","useWcp","Tag","WebinyVersion","wbyVersion","getKey","process","env","REACT_APP_WEBINY_VERSION","wcp","wcpBadge","wcpProject","getProject","createElement","variant","content","className"],"sources":["WebinyVersion.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { config as appConfig } from \"@webiny/app/config\";\nimport { useWcp } from \"~/index\";\nimport { Tag } from \"@webiny/admin-ui\";\n\nexport const WebinyVersion = () => {\n    const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n    const wcp = useWcp();\n\n    const wcpBadge = useMemo(() => {\n        const wcpProject = wcp.getProject();\n        if (!wcpProject) {\n            return null;\n        }\n\n        return <Tag variant={\"accent\"} content={\"WCP\"} className={\"wby-ml-sm-extra\"} />;\n    }, []);\n\n    return (\n        <div className={\"wby-flex wby-items-center\"}>\n            Webiny v{wbyVersion}\n            {wcpBadge}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,MAAM,IAAIC,SAAS,QAAQ,oBAAoB;AACxD,SAASC,MAAM;AACf,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,UAAU,GAAGJ,SAAS,CAACK,MAAM,CAAC,gBAAgB,EAAEC,OAAO,CAACC,GAAG,CAACC,wBAAwB,CAAC;EAC3F,MAAMC,GAAG,GAAGR,MAAM,CAAC,CAAC;EAEpB,MAAMS,QAAQ,GAAGZ,OAAO,CAAC,MAAM;IAC3B,MAAMa,UAAU,GAAGF,GAAG,CAACG,UAAU,CAAC,CAAC;IACnC,IAAI,CAACD,UAAU,EAAE;MACb,OAAO,IAAI;IACf;IAEA,oBAAOd,KAAA,CAAAgB,aAAA,CAACX,GAAG;MAACY,OAAO,EAAE,QAAS;MAACC,OAAO,EAAE,KAAM;MAACC,SAAS,EAAE;IAAkB,CAAE,CAAC;EACnF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACInB,KAAA,CAAAgB,aAAA;IAAKG,SAAS,EAAE;EAA4B,GAAC,UACjC,EAACZ,UAAU,EAClBM,QACA,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","config","appConfig","useWcp","Tag","WebinyVersion","wbyVersion","getKey","process","env","REACT_APP_WEBINY_VERSION","wcp","wcpBadge","wcpProject","getProject","createElement","variant","content","className"],"sources":["WebinyVersion.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\nimport { useWcp } from \"~/index.js\";\nimport { Tag } from \"@webiny/admin-ui\";\n\nexport const WebinyVersion = () => {\n    const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n    const wcp = useWcp();\n\n    const wcpBadge = useMemo(() => {\n        const wcpProject = wcp.getProject();\n        if (!wcpProject) {\n            return null;\n        }\n\n        return <Tag variant={\"accent\"} content={\"WCP\"} className={\"ml-sm-extra\"} />;\n    }, []);\n\n    return (\n        <div className={\"flex items-center\"}>\n            Webiny v{wbyVersion}\n            {wcpBadge}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,MAAM,IAAIC,SAAS,QAAQ,uBAAuB;AAC3D,SAASC,MAAM;AACf,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,UAAU,GAAGJ,SAAS,CAACK,MAAM,CAAC,gBAAgB,EAAEC,OAAO,CAACC,GAAG,CAACC,wBAAwB,CAAC;EAC3F,MAAMC,GAAG,GAAGR,MAAM,CAAC,CAAC;EAEpB,MAAMS,QAAQ,GAAGZ,OAAO,CAAC,MAAM;IAC3B,MAAMa,UAAU,GAAGF,GAAG,CAACG,UAAU,CAAC,CAAC;IACnC,IAAI,CAACD,UAAU,EAAE;MACb,OAAO,IAAI;IACf;IAEA,oBAAOd,KAAA,CAAAgB,aAAA,CAACX,GAAG;MAACY,OAAO,EAAE,QAAS;MAACC,OAAO,EAAE,KAAM;MAACC,SAAS,EAAE;IAAc,CAAE,CAAC;EAC/E,CAAC,EAAE,EAAE,CAAC;EAEN,oBACInB,KAAA,CAAAgB,aAAA;IAAKG,SAAS,EAAE;EAAoB,GAAC,UACzB,EAACZ,UAAU,EAClBM,QACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/base/createRootContainer.d.ts

@@ -0,0 +1,2 @@
+import { Container } from "@webiny/di";
+export declare function createRootContainer(): Container;

package/base/createRootContainer.js

@@ -0,0 +1,61 @@
+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 => [undefined, "undefined"].includes(value);
+export 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: process.env.WEBINY_ADMIN_DEBUG === "true",
+    graphqlApiUrl: String(process.env.REACT_APP_GRAPHQL_API_URL),
+    telemetryEnabled: process.env.REACT_APP_WEBINY_TELEMETRY === "true",
+    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)
+  });
+
+  // Router
+  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;
+}
+
+//# sourceMappingURL=createRootContainer.js.map

package/base/createRootContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createBrowserHistory","Container","DefaultRouteElementRegistry","RouterGateway","RouterFeature","HistoryRouterGateway","EnvConfigFeature","GraphQLClientFeature","MainGraphQLClientFeature","LocalStorageFeature","EventPublisherFeature","WcpFeature","TenancyFeature","SystemInstallerFeature","TelemetryFeature","ErrorOverlayNetworkErrorHandler","ToolsFeature","TextToLexicalToolFeature","isUndefined","value","undefined","includes","createRootContainer","container","trashBinEnv","process","env","WEBINY_ADMIN_TRASH_BIN_RETENTION_PERIOD_DAYS","trashBinRetention","parseInt","deploymentId","String","WEBINY_ADMIN_DEPLOYMENT_ID","register","apiUrl","REACT_APP_API_URL","debug","WEBINY_ADMIN_DEBUG","graphqlApiUrl","REACT_APP_GRAPHQL_API_URL","telemetryEnabled","REACT_APP_WEBINY_TELEMETRY","telemetryUserId","REACT_APP_WEBINY_TELEMETRY_USER_ID","trashBinRetentionPeriodDays","wcpProjectId","REACT_APP_WEBINY_PROJECT_ID","REACT_APP_WCP_PROJECT_ID","websocketUrl","REACT_APP_WEBSOCKET_URL","history","registerInstance","inSingletonScope","batching","retry","prefix"],"sources":["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"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,SAAS;AAC9C,SAASC,SAAS,QAAQ,YAAY;AACtC,SAASC,2BAA2B,QAAQ,yDAAyD;AACrG,SAASC,aAAa,QAAQ,6CAA6C;AAC3E,SAASC,aAAa,QAAQ,wCAAwC;AACtE,SAASC,oBAAoB,QAAQ,qDAAqD;AAC1F,SAASC,gBAAgB,QAAQ,2CAA2C;AAC5E,SAASC,oBAAoB,QAAQ,+CAA+C;AACpF,SAASC,wBAAwB,QAAQ,mDAAmD;AAC5F,SAASC,mBAAmB,QAAQ,8CAA8C;AAClF,SAASC,qBAAqB,QAAQ,gDAAgD;AACtF,SAASC,UAAU;AACnB,SAASC,cAAc;AACvB,SAASC,sBAAsB;AAC/B,SAASC,gBAAgB;AACzB,SAASC,+BAA+B;AACxC,SAASC,YAAY;AACrB,SAASC,wBAAwB;AAEjC,MAAMC,WAAW,GAAIC,KAAU,IAAK,CAACC,SAAS,EAAE,WAAW,CAAC,CAACC,QAAQ,CAACF,KAAK,CAAC;AAE5E,OAAO,SAASG,mBAAmBA,CAAA,EAAG;EAClC,MAAMC,SAAS,GAAG,IAAItB,SAAS,CAAC,CAAC;EAEjC,MAAMuB,WAAW,GAAGC,OAAO,CAACC,GAAG,CAACC,4CAA4C;EAC5E,MAAMC,iBAAiB,GAAGV,WAAW,CAACM,WAAW,CAAC,GAAG,EAAE,GAAGK,QAAQ,CAACL,WAAqB,CAAC;EACzF,MAAMM,YAAY,GAAGC,MAAM,CAACN,OAAO,CAACC,GAAG,CAACM,0BAA0B,CAAC;EAEnE1B,gBAAgB,CAAC2B,QAAQ,CAACV,SAAS,EAAE;IACjCO,YAAY;IACZI,MAAM,EAAEH,MAAM,CAACN,OAAO,CAACC,GAAG,CAACS,iBAAiB,CAAC;IAC7CC,KAAK,EAAEX,OAAO,CAACC,GAAG,CAACW,kBAAkB,KAAK,MAAM;IAChDC,aAAa,EAAEP,MAAM,CAACN,OAAO,CAACC,GAAG,CAACa,yBAAyB,CAAC;IAC5DC,gBAAgB,EAAEf,OAAO,CAACC,GAAG,CAACe,0BAA0B,KAAK,MAAM;IACnEC,eAAe,EAAEjB,OAAO,CAACC,GAAG,CAACiB,kCAAkC;IAC/DC,2BAA2B,EAAEhB,iBAAiB;IAC9CiB,YAAY,EACRpB,OAAO,CAACC,GAAG,CAACoB,2BAA2B,IAAIrB,OAAO,CAACC,GAAG,CAACqB,wBAAwB;IACnFC,YAAY,EAAEjB,MAAM,CAACN,OAAO,CAACC,GAAG,CAACuB,uBAAuB;EAC5D,CAAC,CAAC;;EAEF;EACA,MAAMC,OAAO,GAAGlD,oBAAoB,CAAC,CAAC;EACtCuB,SAAS,CAAC4B,gBAAgB,CAAChD,aAAa,EAAE,IAAIE,oBAAoB,CAAC6C,OAAO,EAAE,EAAE,CAAC,CAAC;EAChF3B,SAAS,CAACU,QAAQ,CAAC/B,2BAA2B,CAAC,CAACkD,gBAAgB,CAAC,CAAC;EAElEhD,aAAa,CAAC6B,QAAQ,CAACV,SAAS,CAAC;EAEjCb,qBAAqB,CAACuB,QAAQ,CAACV,SAAS,CAAC;EAEzChB,oBAAoB,CAAC0B,QAAQ,CAACV,SAAS,EAAE;IAAE8B,QAAQ,EAAE,IAAI;IAAEC,KAAK,EAAE;EAAK,CAAC,CAAC;EAEzE9C,wBAAwB,CAACyB,QAAQ,CAACV,SAAS,CAAC;EAE5Cd,mBAAmB,CAACwB,QAAQ,CAACV,SAAS,EAAE;IAAEgC,MAAM,EAAE,UAAUzB,YAAY;EAAG,CAAC,CAAC;EAE7ElB,cAAc,CAACqB,QAAQ,CAACV,SAAS,CAAC;EAElCZ,UAAU,CAACsB,QAAQ,CAACV,SAAS,CAAC;EAE9BV,sBAAsB,CAACoB,QAAQ,CAACV,SAAS,CAAC;EAE1CT,gBAAgB,CAACmB,QAAQ,CAACV,SAAS,CAAC;EAEpCA,SAAS,CAACU,QAAQ,CAAClB,+BAA+B,CAAC,CAACqC,gBAAgB,CAAC,CAAC;EAEtEpC,YAAY,CAACiB,QAAQ,CAACV,SAAS,CAAC;EAEhCN,wBAAwB,CAACgB,QAAQ,CAACV,SAAS,CAAC;EAE5C,OAAOA,SAAS;AACpB","ignoreList":[]}

package/base/plugins/AddGraphQLQuerySelection.js

@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
 import { plugins } from "@webiny/plugins";
 import { generateId } from "@webiny/utils";
-import { AddQuerySelectionPlugin } from "@webiny/app/plugins/AddQuerySelectionPlugin";
+import { AddQuerySelectionPlugin } from "@webiny/app/plugins/AddQuerySelectionPlugin.js";
 export const AddGraphQLQuerySelection = props => {
   const [name] = useState(`AddGraphQLQuerySelection:${props.operationName}:${generateId()}`);
   useEffect(() => {

package/base/plugins/AddGraphQLQuerySelection.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","plugins","generateId","AddQuerySelectionPlugin","AddGraphQLQuerySelection","props","name","operationName","plugin","register","unregister"],"sources":["AddGraphQLQuerySelection.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { generateId } from \"@webiny/utils\";\nimport { AddQuerySelectionPlugin } from \"@webiny/app/plugins/AddQuerySelectionPlugin\";\nimport 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"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,uBAAuB,QAAQ,6CAA6C;AASrF,OAAO,MAAMC,wBAAwB,GAAIC,KAAY,IAAK;EACtD,MAAM,CAACC,IAAI,CAAC,GAAGN,QAAQ,CAAC,4BAA4BK,KAAK,CAACE,aAAa,IAAIL,UAAU,CAAC,CAAC,EAAE,CAAC;EAE1FH,SAAS,CAAC,MAAM;IACZ,MAAMS,MAAM,GAAG,IAAIL,uBAAuB,CAACE,KAAK,CAAC;IAEjDG,MAAM,CAACF,IAAI,GAAGA,IAAI;IAClBL,OAAO,CAACQ,QAAQ,CAACD,MAAM,CAAC;IAExB,OAAO,MAAM;MACTP,OAAO,CAACS,UAAU,CAACJ,IAAI,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","plugins","generateId","AddQuerySelectionPlugin","AddGraphQLQuerySelection","props","name","operationName","plugin","register","unregister"],"sources":["AddGraphQLQuerySelection.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { generateId } from \"@webiny/utils\";\nimport { AddQuerySelectionPlugin } from \"@webiny/app/plugins/AddQuerySelectionPlugin.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"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,uBAAuB,QAAQ,gDAAgD;AASxF,OAAO,MAAMC,wBAAwB,GAAIC,KAAY,IAAK;EACtD,MAAM,CAACC,IAAI,CAAC,GAAGN,QAAQ,CAAC,4BAA4BK,KAAK,CAACE,aAAa,IAAIL,UAAU,CAAC,CAAC,EAAE,CAAC;EAE1FH,SAAS,CAAC,MAAM;IACZ,MAAMS,MAAM,GAAG,IAAIL,uBAAuB,CAACE,KAAK,CAAC;IAEjDG,MAAM,CAACF,IAAI,GAAGA,IAAI;IAClBL,OAAO,CAACQ,QAAQ,CAACD,MAAM,CAAC;IAExB,OAAO,MAAM;MACTP,OAAO,CAACS,UAAU,CAACJ,IAAI,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/base/providers/AdminUiStateProvider.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { UiProvider } from "@webiny/app/contexts/Ui";
+import { UiProvider } from "@webiny/app/contexts/Ui/index.js";
 import { createProvider } from "@webiny/app";
 export const createAdminUiStateProvider = () => {
   return createProvider(Component => {

package/base/providers/AdminUiStateProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","UiProvider","createProvider","createAdminUiStateProvider","Component","AdminUiStateProvider","children","createElement"],"sources":["AdminUiStateProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiProvider } from \"@webiny/app/contexts/Ui\";\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,cAAc,QAAQ,aAAa;AAM5C,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EAC5C,OAAOD,cAAc,CAACE,SAAS,IAAI;IAC/B,OAAO,SAASC,oBAAoBA,CAAC;MAAEC;IAAoC,CAAC,EAAE;MAC1E,oBACIN,KAAA,CAAAO,aAAA,CAACN,UAAU,qBACPD,KAAA,CAAAO,aAAA,CAACH,SAAS,QAAEE,QAAoB,CACxB,CAAC;IAErB,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","UiProvider","createProvider","createAdminUiStateProvider","Component","AdminUiStateProvider","children","createElement"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kCAAkC;AAC7D,SAASC,cAAc,QAAQ,aAAa;AAM5C,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EAC5C,OAAOD,cAAc,CAACE,SAAS,IAAI;IAC/B,OAAO,SAASC,oBAAoBA,CAAC;MAAEC;IAAoC,CAAC,EAAE;MAC1E,oBACIN,KAAA,CAAAO,aAAA,CAACN,UAAU,qBACPD,KAAA,CAAAO,aAAA,CAACH,SAAS,QAAEE,QAAoB,CACxB,CAAC;IAErB,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/base/providers/ApolloProvider.d.ts

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

package/base/providers/ApolloProvider.js

@@ -1,14 +1,11 @@
 import React from "react";
 import { ApolloProvider as Apollo } from "@apollo/react-components";
-export const createApolloProvider = clientFactory => {
+export const createApolloProvider = apolloClient => {
   return function ApolloProvider({
     children
   }) {
-    const uri = process.env.REACT_APP_GRAPHQL_API_URL;
     return /*#__PURE__*/React.createElement(Apollo, {
-      client: clientFactory({
-        uri
-      })
+      client: apolloClient
     }, children);
   };
 };

package/base/providers/ApolloProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ApolloProvider","Apollo","createApolloProvider","clientFactory","children","uri","process","env","REACT_APP_GRAPHQL_API_URL","createElement","client"],"sources":["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 = (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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,MAAM,QAAQ,0BAA0B;AAenE,OAAO,MAAMC,oBAAoB,GAAIC,aAAkC,IAAK;EACxE,OAAO,SAASH,cAAcA,CAAC;IAAEI;EAA8B,CAAC,EAAE;IAC9D,MAAMC,GAAG,GAAGC,OAAO,CAACC,GAAG,CAACC,yBAAmC;IAC3D,oBAAOT,KAAA,CAAAU,aAAA,CAACR,MAAM;MAACS,MAAM,EAAEP,aAAa,CAAC;QAAEE;MAAI,CAAC;IAAE,GAAED,QAAiB,CAAC;EACtE,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ApolloProvider","Apollo","createApolloProvider","apolloClient","children","createElement","client"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,MAAM,QAAQ,0BAA0B;AAenE,OAAO,MAAMC,oBAAoB,GAAIC,YAA+B,IAAK;EACrE,OAAO,SAASH,cAAcA,CAAC;IAAEI;EAA8B,CAAC,EAAE;IAC9D,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,MAAM;MAACK,MAAM,EAAEH;IAAa,GAAEC,QAAiB,CAAC;EAC5D,CAAC;AACL,CAAC","ignoreList":[]}

package/base/providers/UiProviders.js

@@ -1,12 +1,32 @@
 import React from "react";
-import { createProvider } from "@webiny/app";
-import { Providers } from "@webiny/admin-ui";
+import { createProvider, SimpleLink } from "@webiny/app";
+import { AdminUiProvider } from "@webiny/admin-ui";
+import { compiler } from "markdown-to-jsx/react";
+const options = {
+  overrides: {
+    a: {
+      component: ({
+        children,
+        ...props
+      }) => /*#__PURE__*/React.createElement("a", Object.assign({}, props, {
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }), children)
+    }
+  }
+};
+const markdownCompiler = markdown => {
+  return compiler(markdown, options);
+};
 export const createUiProviders = () => {
   return createProvider(Component => {
     return function UiProviders({
       children
     }) {
-      return /*#__PURE__*/React.createElement(Providers, null, /*#__PURE__*/React.createElement(Component, null, children));
+      return /*#__PURE__*/React.createElement(AdminUiProvider, {
+        linkComponent: SimpleLink,
+        markdownCompiler: markdownCompiler
+      }, /*#__PURE__*/React.createElement(Component, null, children));
     };
   });
 };

package/base/providers/UiProviders.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createProvider","Providers","createUiProviders","Component","UiProviders","children","createElement"],"sources":["UiProviders.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider } from \"@webiny/app\";\nimport { Providers } from \"@webiny/admin-ui\";\n\ninterface UiProvidersProps {\n    children: React.ReactNode;\n}\n\nexport const createUiProviders = () => {\n    return createProvider(Component => {\n        return function UiProviders({ children }: UiProvidersProps) {\n            return (\n                <Providers>\n                    <Component>{children}</Component>\n                </Providers>\n            );\n        };\n    });\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,SAAS,QAAQ,kBAAkB;AAM5C,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,OAAOF,cAAc,CAACG,SAAS,IAAI;IAC/B,OAAO,SAASC,WAAWA,CAAC;MAAEC;IAA2B,CAAC,EAAE;MACxD,oBACIN,KAAA,CAAAO,aAAA,CAACL,SAAS,qBACNF,KAAA,CAAAO,aAAA,CAACH,SAAS,QAAEE,QAAoB,CACzB,CAAC;IAEpB,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createProvider","SimpleLink","AdminUiProvider","compiler","options","overrides","a","component","children","props","createElement","Object","assign","target","rel","markdownCompiler","markdown","createUiProviders","Component","UiProviders","linkComponent"],"sources":["UiProviders.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider, SimpleLink } from \"@webiny/app\";\nimport { AdminUiProvider } from \"@webiny/admin-ui\";\nimport { compiler } from \"markdown-to-jsx/react\";\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            return (\n                <AdminUiProvider linkComponent={SimpleLink} markdownCompiler={markdownCompiler}>\n                    <Component>{children}</Component>\n                </AdminUiProvider>\n            );\n        };\n    });\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,EAAEC,UAAU,QAAQ,aAAa;AACxD,SAASC,eAAe,QAAQ,kBAAkB;AAClD,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,MAAMC,OAAO,GAAG;EACZC,SAAS,EAAE;IACPC,CAAC,EAAE;MACCC,SAAS,EAAEA,CAAC;QAAEC,QAAQ;QAAE,GAAGC;MAAW,CAAC,kBACnCV,KAAA,CAAAW,aAAA,MAAAC,MAAA,CAAAC,MAAA,KAAOH,KAAK;QAAEI,MAAM,EAAC,QAAQ;QAACC,GAAG,EAAC;MAAqB,IAClDN,QACF;IAEX;EACJ;AACJ,CAAC;AAED,MAAMO,gBAAgB,GAAIC,QAAgB,IAAK;EAC3C,OAAOb,QAAQ,CAACa,QAAQ,EAAEZ,OAAO,CAAC;AACtC,CAAC;AAMD,OAAO,MAAMa,iBAAiB,GAAGA,CAAA,KAAM;EACnC,OAAOjB,cAAc,CAACkB,SAAS,IAAI;IAC/B,OAAO,SAASC,WAAWA,CAAC;MAAEX;IAA2B,CAAC,EAAE;MACxD,oBACIT,KAAA,CAAAW,aAAA,CAACR,eAAe;QAACkB,aAAa,EAAEnB,UAAW;QAACc,gBAAgB,EAAEA;MAAiB,gBAC3EhB,KAAA,CAAAW,aAAA,CAACQ,SAAS,QAAEV,QAAoB,CACnB,CAAC;IAE1B,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/base/providers/UiStateProvider.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { UiProvider } from "@webiny/app/contexts/Ui";
+import { UiProvider } from "@webiny/app/contexts/Ui/index.js";
 import { createProvider } from "@webiny/app";
 export const createUiStateProvider = () => {
   return createProvider(Component => {

package/base/providers/UiStateProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","UiProvider","createProvider","createUiStateProvider","Component","UiStateProvider","children","createElement"],"sources":["UiStateProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiProvider } from \"@webiny/app/contexts/Ui\";\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,cAAc,QAAQ,aAAa;AAM5C,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,OAAOD,cAAc,CAACE,SAAS,IAAI;IAC/B,OAAO,SAASC,eAAeA,CAAC;MAAEC;IAA+B,CAAC,EAAE;MAChE,oBACIN,KAAA,CAAAO,aAAA,CAACN,UAAU,qBACPD,KAAA,CAAAO,aAAA,CAACH,SAAS,QAAEE,QAAoB,CACxB,CAAC;IAErB,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","UiProvider","createProvider","createUiStateProvider","Component","UiStateProvider","children","createElement"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kCAAkC;AAC7D,SAASC,cAAc,QAAQ,aAAa;AAM5C,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,OAAOD,cAAc,CAACE,SAAS,IAAI;IAC/B,OAAO,SAASC,eAAeA,CAAC;MAAEC;IAA+B,CAAC,EAAE;MAChE,oBACIN,KAAA,CAAAO,aAAA,CAACN,UAAU,qBACPD,KAAA,CAAAO,aAAA,CAACH,SAAS,QAAEE,QAAoB,CACxB,CAAC;IAErB,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/base/ui/Brand.d.ts

@@ -18,21 +18,21 @@ export declare const Brand: (() => React.JSX.Element) & {
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-export declare const BrandRenderer: ((props: unknown) => JSX.Element | null) & {
-    original: (props: unknown) => JSX.Element | null;
+export declare const BrandRenderer: ((props: unknown) => React.JSX.Element | null) & {
+    original: (props: unknown) => React.JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
+    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) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
+    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/CenteredView.d.ts

@@ -16,7 +16,7 @@ export declare const CenteredView: (({ maxWidth, children }: CenteredViewProps)
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("../../index").ComponentDecorator<(({ maxWidth, children }: CenteredViewProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ maxWidth, children }: CenteredViewProps) => React.JSX.Element) & {
         original: ({ maxWidth, children }: CenteredViewProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/base/ui/CenteredView.js

@@ -1,11 +1,11 @@
 import React from "react";
-import { makeDecoratable } from "../..";
+import { makeDecoratable } from "../../index.js";
 export const CenteredView = makeDecoratable("CenteredView", ({
   maxWidth,
   children
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-container",
+    className: "container",
     style: {
       maxWidth
     }

package/base/ui/CenteredView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","CenteredView","maxWidth","children","createElement","className","style"],"sources":["CenteredView.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index\";\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={\"wby-container\"} style={{ maxWidth }}>\n                {children}\n            </div>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAOxB,OAAO,MAAMC,YAAY,GAAGD,eAAe,CACvC,cAAc,EACd,CAAC;EAAEE,QAAQ;EAAEC;AAA4B,CAAC,KAAK;EAC3C,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE,eAAgB;IAACC,KAAK,EAAE;MAAEJ;IAAS;EAAE,GAChDC,QACA,CAAC;AAEd,CACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","CenteredView","maxWidth","children","createElement","className","style"],"sources":["CenteredView.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index.js\";\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAOxB,OAAO,MAAMC,YAAY,GAAGD,eAAe,CACvC,cAAc,EACd,CAAC;EAAEE,QAAQ;EAAEC;AAA4B,CAAC,KAAK;EAC3C,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE,WAAY;IAACC,KAAK,EAAE;MAAEJ;IAAS;EAAE,GAC5CC,QACA,CAAC;AAEd,CACJ,CAAC","ignoreList":[]}

package/base/ui/Dashboard.d.ts

@@ -18,21 +18,21 @@ export declare const Dashboard: (() => React.JSX.Element) & {
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-export declare const DashboardRenderer: ((props: unknown) => JSX.Element | null) & {
-    original: (props: unknown) => JSX.Element | null;
+export declare const DashboardRenderer: ((props: unknown) => React.JSX.Element | null) & {
+    original: (props: unknown) => React.JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
+    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) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
+    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/FileManager.d.ts

@@ -8,18 +8,13 @@ export interface FileManagerOnChange<T> {
 export interface FileManagerFileItem {
     id: string;
     src: string;
-    meta?: Array<FileManagerFileItemMetaItem>;
+    name: string;
+    type: string;
+    size: number;
+    width?: number;
+    height?: number;
+    [key: string]: any;
 }
-/**
- * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.
- */
-export interface FileManagerFileItemMetaItem {
-    key: string;
-    value: any;
-}
-export type DeprecatedFileManagerRenderPropParams = {
-    showFileManager: (onChange?: FileManagerOnChange<FileManagerFileItem | FileManagerFileItem[]>) => void;
-};
 export type FileManagerRenderPropParams<TValue> = {
     showFileManager: (onChange?: FileManagerOnChange<TValue>) => void;
 };
@@ -46,41 +41,34 @@ export type FileManagerProps = {
     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?: () => void;
     onUploadCompletion?: (files: FileManagerFileItem[]) => void;
     own?: boolean;
     scope?: string;
     tags?: string[];
     show?: boolean;
-    /**
-     * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.
-     */
-    children?: (params: DeprecatedFileManagerRenderPropParams) => React.ReactNode;
+    overlay?: boolean;
 } & MultipleProps;
 type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
-export type FileManagerRendererProps = DistributiveOmit<FileManagerProps, "render" | "children">;
-export declare const FileManagerRenderer: ((props: FileManagerRendererProps) => JSX.Element | null) & {
-    original: (props: FileManagerRendererProps) => JSX.Element | null;
+export type FileManagerRendererProps = DistributiveOmit<FileManagerProps, "render">;
+export declare const FileManagerRenderer: ((props: FileManagerRendererProps) => React.JSX.Element | null) & {
+    original: (props: FileManagerRendererProps) => React.JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: FileManagerRendererProps) => JSX.Element | null) & {
-        original: (props: FileManagerRendererProps) => JSX.Element | null;
+    original: ((props: FileManagerRendererProps) => React.JSX.Element | null) & {
+        original: (props: FileManagerRendererProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: FileManagerRendererProps) => JSX.Element | null) & {
-        original: (props: FileManagerRendererProps) => JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: FileManagerRendererProps) => React.JSX.Element | null) & {
+        original: (props: FileManagerRendererProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-export declare const FileManager: ({ children, render, onChange, ...rest }: FileManagerProps) => React.JSX.Element;
+export declare const FileManager: ({ render, onChange, ...rest }: FileManagerProps) => React.JSX.Element;
 export {};

package/base/ui/FileManager.js

@@ -6,15 +6,10 @@ import { createVoidComponent, makeDecoratable } from "@webiny/react-composition"
  * 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`.
- */
-
 // This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!
 
 export const FileManagerRenderer = makeDecoratable("FileManagerRenderer", createVoidComponent());
 export const FileManager = ({
-  children,
   render,
   onChange,
   ...rest
@@ -37,18 +32,29 @@ export const FileManager = ({
     if (!isFileManagerVisible) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(FileManagerRenderer, Object.assign({
-      onClose: handleCloseFileManager,
-      onChange: onChangeRef.current
-    }, rest)));
+
+    // Render as overlay
+    if (rest.overlay) {
+      return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(FileManagerRenderer, Object.assign({
+        onClose: handleCloseFileManager,
+        onChange: onChangeRef.current
+      }, rest)));
+    }
+
+    // Render inline
+    return (
+      /*#__PURE__*/
+      // @ts-expect-error
+      React.createElement(FileManagerRenderer, Object.assign({
+        onClose: handleCloseFileManager,
+        onChange: onChangeRef.current
+      }, rest))
+    );
   };
   const renderContent = () => {
     const renderProps = {
       showFileManager: handleShowFileManager
     };
-    if (children) {
-      return children(renderProps);
-    }
     if (render) {
       return render(renderProps);
     }

package/base/ui/FileManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","useState","Portal","createVoidComponent","makeDecoratable","FileManagerRenderer","FileManager","children","render","onChange","rest","isFileManagerVisible","setFileManagerVisible","show","onChangeRef","current","handleShowFileManager","newOnChange","handleCloseFileManager","renderFileManager","createElement","Object","assign","onClose","renderContent","renderProps","showFileManager","Fragment"],"sources":["FileManager.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Portal } from \"@webiny/admin-ui\";\nimport { createVoidComponent, makeDecoratable } 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\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 = makeDecoratable(\n    \"FileManagerRenderer\",\n    createVoidComponent<FileManagerRendererProps>()\n);\n\ntype ShowFileManagerProps =\n    | FileManagerOnChange<FileManagerFileItem>\n    | FileManagerOnChange<FileManagerFileItem[]>\n    | undefined;\n\nexport const FileManager = ({ children, render, onChange, ...rest }: FileManagerProps) => {\n    const [isFileManagerVisible, setFileManagerVisible] = useState(rest.show);\n    const onChangeRef = useRef(onChange);\n\n    useEffect(() => {\n        onChangeRef.current = onChange;\n    }, [onChange]);\n\n    const handleShowFileManager = useCallback((newOnChange: ShowFileManagerProps) => {\n        if (typeof newOnChange === \"function\") {\n            onChangeRef.current = newOnChange;\n        }\n        setFileManagerVisible(true);\n    }, []);\n\n    const handleCloseFileManager = useCallback(() => {\n        setFileManagerVisible(false);\n    }, []);\n\n    const renderFileManager = () => {\n        if (!isFileManagerVisible) {\n            return null;\n        }\n\n        return (\n            <Portal>\n                {/*@ts-expect-error*/}\n                <FileManagerRenderer\n                    onClose={handleCloseFileManager}\n                    onChange={onChangeRef.current}\n                    {...rest}\n                />\n            </Portal>\n        );\n    };\n\n    const renderContent = () => {\n        const renderProps = { showFileManager: handleShowFileManager };\n\n        if (children) {\n            return children(renderProps);\n        }\n\n        if (render) {\n            return render(renderProps);\n        }\n\n        return null;\n    };\n\n    return (\n        <>\n            {renderFileManager()}\n            {renderContent()}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACvE,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,2BAA2B;;AAMhF;AACA;AACA;;AAOA;AACA;AACA;;AA4DA;;AAKA,OAAO,MAAMC,mBAAmB,GAAGD,eAAe,CAC9C,qBAAqB,EACrBD,mBAAmB,CAA2B,CAClD,CAAC;AAOD,OAAO,MAAMG,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,QAAQ;EAAE,GAAGC;AAAuB,CAAC,KAAK;EACtF,MAAM,CAACC,oBAAoB,EAAEC,qBAAqB,CAAC,GAAGX,QAAQ,CAACS,IAAI,CAACG,IAAI,CAAC;EACzE,MAAMC,WAAW,GAAGd,MAAM,CAACS,QAAQ,CAAC;EAEpCV,SAAS,CAAC,MAAM;IACZe,WAAW,CAACC,OAAO,GAAGN,QAAQ;EAClC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMO,qBAAqB,GAAGlB,WAAW,CAAEmB,WAAiC,IAAK;IAC7E,IAAI,OAAOA,WAAW,KAAK,UAAU,EAAE;MACnCH,WAAW,CAACC,OAAO,GAAGE,WAAW;IACrC;IACAL,qBAAqB,CAAC,IAAI,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,sBAAsB,GAAGpB,WAAW,CAAC,MAAM;IAC7Cc,qBAAqB,CAAC,KAAK,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,iBAAiB,GAAGA,CAAA,KAAM;IAC5B,IAAI,CAACR,oBAAoB,EAAE;MACvB,OAAO,IAAI;IACf;IAEA,oBACId,KAAA,CAAAuB,aAAA,CAAClB,MAAM,qBAEHL,KAAA,CAAAuB,aAAA,CAACf,mBAAmB,EAAAgB,MAAA,CAAAC,MAAA;MAChBC,OAAO,EAAEL,sBAAuB;MAChCT,QAAQ,EAAEK,WAAW,CAACC;IAAQ,GAC1BL,IAAI,CACX,CACG,CAAC;EAEjB,CAAC;EAED,MAAMc,aAAa,GAAGA,CAAA,KAAM;IACxB,MAAMC,WAAW,GAAG;MAAEC,eAAe,EAAEV;IAAsB,CAAC;IAE9D,IAAIT,QAAQ,EAAE;MACV,OAAOA,QAAQ,CAACkB,WAAW,CAAC;IAChC;IAEA,IAAIjB,MAAM,EAAE;MACR,OAAOA,MAAM,CAACiB,WAAW,CAAC;IAC9B;IAEA,OAAO,IAAI;EACf,CAAC;EAED,oBACI5B,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAA8B,QAAA,QACKR,iBAAiB,CAAC,CAAC,EACnBK,aAAa,CAAC,CACjB,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","Portal","createVoidComponent","makeDecoratable","FileManagerRenderer","FileManager","render","onChange","rest","isFileManagerVisible","setFileManagerVisible","show","onChangeRef","current","handleShowFileManager","newOnChange","handleCloseFileManager","renderFileManager","overlay","createElement","Object","assign","onClose","renderContent","renderProps","showFileManager","Fragment"],"sources":["FileManager.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Portal } from \"@webiny/admin-ui\";\nimport { createVoidComponent, makeDecoratable } 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    // Required - every DAM must provide these\n    id: string;\n    src: string;\n    name: string;\n    type: string; // MIME type\n    size: number; // bytes\n    // Required for images (apps depend on these for Next.js Image, etc.)\n    width?: number;\n    height?: number;\n    // DAM-specific metadata\n    [key: string]: any;\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    onClose?: () => void;\n    onUploadCompletion?: (files: FileManagerFileItem[]) => void;\n    own?: boolean;\n    scope?: string;\n    tags?: string[];\n    show?: boolean;\n    overlay?: boolean;\n} & MultipleProps;\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\">;\n\nexport const FileManagerRenderer = makeDecoratable(\n    \"FileManagerRenderer\",\n    createVoidComponent<FileManagerRendererProps>()\n);\n\ntype ShowFileManagerProps =\n    | FileManagerOnChange<FileManagerFileItem>\n    | FileManagerOnChange<FileManagerFileItem[]>\n    | undefined;\n\nexport const FileManager = ({ render, onChange, ...rest }: FileManagerProps) => {\n    const [isFileManagerVisible, setFileManagerVisible] = useState(rest.show);\n    const onChangeRef = useRef(onChange);\n\n    useEffect(() => {\n        onChangeRef.current = onChange;\n    }, [onChange]);\n\n    const handleShowFileManager = useCallback((newOnChange: ShowFileManagerProps) => {\n        if (typeof newOnChange === \"function\") {\n            onChangeRef.current = newOnChange;\n        }\n        setFileManagerVisible(true);\n    }, []);\n\n    const handleCloseFileManager = useCallback(() => {\n        setFileManagerVisible(false);\n    }, []);\n\n    const renderFileManager = () => {\n        if (!isFileManagerVisible) {\n            return null;\n        }\n\n        // Render as overlay\n        if (rest.overlay) {\n            return (\n                <Portal>\n                    {/*@ts-expect-error*/}\n                    <FileManagerRenderer\n                        onClose={handleCloseFileManager}\n                        onChange={onChangeRef.current}\n                        {...rest}\n                    />\n                </Portal>\n            );\n        }\n\n        // Render inline\n        return (\n            // @ts-expect-error\n            <FileManagerRenderer\n                onClose={handleCloseFileManager}\n                onChange={onChangeRef.current}\n                {...rest}\n            />\n        );\n    };\n\n    const renderContent = () => {\n        const renderProps = { showFileManager: handleShowFileManager };\n\n        if (render) {\n            return render(renderProps);\n        }\n\n        return null;\n    };\n\n    return (\n        <>\n            {renderFileManager()}\n            {renderContent()}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACvE,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,2BAA2B;;AAMhF;AACA;AACA;;AAwDA;;AAKA,OAAO,MAAMC,mBAAmB,GAAGD,eAAe,CAC9C,qBAAqB,EACrBD,mBAAmB,CAA2B,CAClD,CAAC;AAOD,OAAO,MAAMG,WAAW,GAAGA,CAAC;EAAEC,MAAM;EAAEC,QAAQ;EAAE,GAAGC;AAAuB,CAAC,KAAK;EAC5E,MAAM,CAACC,oBAAoB,EAAEC,qBAAqB,CAAC,GAAGV,QAAQ,CAACQ,IAAI,CAACG,IAAI,CAAC;EACzE,MAAMC,WAAW,GAAGb,MAAM,CAACQ,QAAQ,CAAC;EAEpCT,SAAS,CAAC,MAAM;IACZc,WAAW,CAACC,OAAO,GAAGN,QAAQ;EAClC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMO,qBAAqB,GAAGjB,WAAW,CAAEkB,WAAiC,IAAK;IAC7E,IAAI,OAAOA,WAAW,KAAK,UAAU,EAAE;MACnCH,WAAW,CAACC,OAAO,GAAGE,WAAW;IACrC;IACAL,qBAAqB,CAAC,IAAI,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,sBAAsB,GAAGnB,WAAW,CAAC,MAAM;IAC7Ca,qBAAqB,CAAC,KAAK,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,iBAAiB,GAAGA,CAAA,KAAM;IAC5B,IAAI,CAACR,oBAAoB,EAAE;MACvB,OAAO,IAAI;IACf;;IAEA;IACA,IAAID,IAAI,CAACU,OAAO,EAAE;MACd,oBACItB,KAAA,CAAAuB,aAAA,CAAClB,MAAM,qBAEHL,KAAA,CAAAuB,aAAA,CAACf,mBAAmB,EAAAgB,MAAA,CAAAC,MAAA;QAChBC,OAAO,EAAEN,sBAAuB;QAChCT,QAAQ,EAAEK,WAAW,CAACC;MAAQ,GAC1BL,IAAI,CACX,CACG,CAAC;IAEjB;;IAEA;IACA;MAAA;MACI;MACAZ,KAAA,CAAAuB,aAAA,CAACf,mBAAmB,EAAAgB,MAAA,CAAAC,MAAA;QAChBC,OAAO,EAAEN,sBAAuB;QAChCT,QAAQ,EAAEK,WAAW,CAACC;MAAQ,GAC1BL,IAAI,CACX;IAAC;EAEV,CAAC;EAED,MAAMe,aAAa,GAAGA,CAAA,KAAM;IACxB,MAAMC,WAAW,GAAG;MAAEC,eAAe,EAAEX;IAAsB,CAAC;IAE9D,IAAIR,MAAM,EAAE;MACR,OAAOA,MAAM,CAACkB,WAAW,CAAC;IAC9B;IAEA,OAAO,IAAI;EACf,CAAC;EAED,oBACI5B,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAA8B,QAAA,QACKT,iBAAiB,CAAC,CAAC,EACnBM,aAAa,CAAC,CACjB,CAAC;AAEX,CAAC","ignoreList":[]}

package/base/ui/Layout.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 export interface LayoutProps {
     title?: string;
+    startElement?: React.ReactNode;
+    hideNavigation?: boolean;
     children: React.ReactNode;
 }
 export declare const Layout: (({ children, ...props }: LayoutProps) => React.JSX.Element) & {
@@ -22,21 +24,21 @@ export declare const Layout: (({ children, ...props }: LayoutProps) => React.JSX
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-export declare const LayoutRenderer: ((props: LayoutProps) => JSX.Element | null) & {
-    original: (props: LayoutProps) => JSX.Element | null;
+export declare const LayoutRenderer: ((props: LayoutProps) => React.JSX.Element | null) & {
+    original: (props: LayoutProps) => React.JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: LayoutProps) => JSX.Element | null) & {
-        original: (props: LayoutProps) => JSX.Element | null;
+    original: ((props: LayoutProps) => React.JSX.Element | null) & {
+        original: (props: LayoutProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: LayoutProps) => JSX.Element | null) & {
-        original: (props: LayoutProps) => JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: LayoutProps) => React.JSX.Element | null) & {
+        original: (props: LayoutProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/base/ui/Layout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createVoidComponent","makeDecoratable","Layout","children","props","createElement","LayoutRenderer"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeDecoratable(\"Layout\", ({ children, ...props }: LayoutProps) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeDecoratable(\"LayoutRenderer\", createVoidComponent<LayoutProps>());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAOlE,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC,QAAQ,EAAE,CAAC;EAAEE,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACrF,oBAAOL,KAAA,CAAAM,aAAA,CAACC,cAAc,EAAKF,KAAK,EAAGD,QAAyB,CAAC;AACjE,CAAC,CAAC;AAEF,OAAO,MAAMG,cAAc,GAAGL,eAAe,CAAC,gBAAgB,EAAED,mBAAmB,CAAc,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Layout","children","props","createElement","LayoutRenderer"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    startElement?: React.ReactNode;\n    hideNavigation?: boolean;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeDecoratable(\"Layout\", ({ children, ...props }: LayoutProps) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeDecoratable(\"LayoutRenderer\", createVoidComponent<LayoutProps>());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AASlE,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC,QAAQ,EAAE,CAAC;EAAEE,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACrF,oBAAOL,KAAA,CAAAM,aAAA,CAACC,cAAc,EAAKF,KAAK,EAAGD,QAAyB,CAAC;AACjE,CAAC,CAAC;AAEF,OAAO,MAAMG,cAAc,GAAGL,eAAe,CAAC,gBAAgB,EAAED,mBAAmB,CAAc,CAAC,CAAC","ignoreList":[]}