@webiny/app-admin 5.43.2 → 6.0.0-alpha.0

package/base/plugins/AddGraphQLQuerySelection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_plugins","_utils","_AddQuerySelectionPlugin","AddGraphQLQuerySelection","exports","props","_useState","useState","concat","operationName","generateId","_useState2","_slicedToArray2","default","name","useEffect","plugin","AddQuerySelectionPlugin","plugins","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 { DocumentNode } from \"graphql\";\n\ninterface Props {\n    operationName: string;\n    selectionPath: string;\n    addSelection: DocumentNode;\n}\n\nexport const AddGraphQLQuerySelection = (props: Props) => {\n    const [name] = useState(`AddGraphQLQuerySelection:${props.operationName}:${generateId()}`);\n\n    useEffect(() => {\n        const plugin = new AddQuerySelectionPlugin(props);\n\n        plugin.name = name;\n        plugins.register(plugin);\n\n        return () => {\n            plugins.unregister(name);\n        };\n    }, []);\n\n    return null;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AASO,IAAMI,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAIE,KAAY,EAAK;EACtD,IAAAC,SAAA,GAAe,IAAAC,eAAQ,8BAAAC,MAAA,CAA6BH,KAAK,CAACI,aAAa,OAAAD,MAAA,CAAI,IAAAE,iBAAU,EAAC,CAAC,CAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAP,SAAA;IAAnFQ,IAAI,GAAAH,UAAA;EAEX,IAAAI,gBAAS,EAAC,YAAM;IACZ,IAAMC,MAAM,GAAG,IAAIC,gDAAuB,CAACZ,KAAK,CAAC;IAEjDW,MAAM,CAACF,IAAI,GAAGA,IAAI;IAClBI,gBAAO,CAACC,QAAQ,CAACH,MAAM,CAAC;IAExB,OAAO,YAAM;MACTE,gBAAO,CAACE,UAAU,CAACN,IAAI,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","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\";\nimport { DocumentNode } from \"graphql\";\n\ninterface Props {\n    operationName: string;\n    selectionPath: string;\n    addSelection: DocumentNode;\n}\n\nexport const AddGraphQLQuerySelection = (props: Props) => {\n    const [name] = useState(`AddGraphQLQuerySelection:${props.operationName}:${generateId()}`);\n\n    useEffect(() => {\n        const plugin = new AddQuerySelectionPlugin(props);\n\n        plugin.name = name;\n        plugins.register(plugin);\n\n        return () => {\n            plugins.unregister(name);\n        };\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,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":[]}

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,14 @@
+import React from "react";
+import { UiProvider } from "@webiny/app/contexts/Ui";
+import { createProvider } from "@webiny/app";
+export const createAdminUiStateProvider = () => {
+  return createProvider(Component => {
+    return function AdminUiStateProvider({
+      children
+    }) {
+      return /*#__PURE__*/React.createElement(UiProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
+    };
+  });
+};
+
+//# sourceMappingURL=AdminUiStateProvider.js.map

package/base/providers/AdminUiStateProvider.js.map

@@ -0,0 +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":[]}

package/base/providers/ApolloProvider.js

@@ -1,19 +1,13 @@
-"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 = exports.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, {
+import React from "react";
+import { ApolloProvider as Apollo } from "@apollo/react-components";
+export const createApolloProvider = clientFactory => {
+  return function ApolloProvider({
+    children
+  }) {
+    const uri = process.env.REACT_APP_GRAPHQL_API_URL;
+    return /*#__PURE__*/React.createElement(Apollo, {
       client: clientFactory({
-        uri: uri
+        uri
       })
     }, children);
   };

package/base/providers/ApolloProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactComponents","createApolloProvider","exports","clientFactory","ApolloProvider","_ref","children","uri","process","env","REACT_APP_GRAPHQL_API_URL","default","createElement","client"],"sources":["ApolloProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ApolloProvider as Apollo } from \"@apollo/react-components\";\nimport ApolloClient from \"apollo-client\";\n\ninterface Options {\n    uri: string;\n}\n\nexport interface ApolloClientFactory {\n    (options: Options): ApolloClient<any>;\n}\n\ninterface ApolloProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createApolloProvider = (clientFactory: ApolloClientFactory) => {\n    return function ApolloProvider({ children }: ApolloProviderProps) {\n        const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n        return <Apollo client={clientFactory({ uri })}>{children}</Apollo>;\n    };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAeO,IAAME,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAIE,aAAkC,EAAK;EACxE,OAAO,SAASC,cAAcA,CAAAC,IAAA,EAAoC;IAAA,IAAjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACrC,IAAMC,GAAG,GAAGC,OAAO,CAACC,GAAG,CAACC,yBAAmC;IAC3D,oBAAOb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAI,cAAM;MAACS,MAAM,EAAEV,aAAa,CAAC;QAAEI,GAAG,EAAHA;MAAI,CAAC;IAAE,GAAED,QAAiB,CAAC;EACtE,CAAC;AACL,CAAC","ignoreList":[]}
+{"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 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":[]}

package/base/providers/TelemetryProvider.js

@@ -1,26 +1,20 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createTelemetryProvider = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@webiny/telemetry/react");
-var _app = require("@webiny/app");
-var eventSent = false;
-var createTelemetryProvider = exports.createTelemetryProvider = function createTelemetryProvider() {
-  return (0, _app.createProvider)(function (Component) {
-    return function TelemetryProvider(_ref) {
-      var children = _ref.children;
-      (0, _react.useEffect)(function () {
+import React, { useEffect } from "react";
+import { sendEvent } from "@webiny/telemetry/react";
+import { createProvider } from "@webiny/app";
+let eventSent = false;
+export const createTelemetryProvider = () => {
+  return createProvider(Component => {
+    return function TelemetryProvider({
+      children
+    }) {
+      useEffect(() => {
         if (eventSent) {
           return;
         }
         eventSent = true;
-        (0, _react2.sendEvent)("admin-app-start");
+        sendEvent("admin-app-start");
       }, []);
-      return /*#__PURE__*/_react.default.createElement(Component, null, children);
+      return /*#__PURE__*/React.createElement(Component, null, children);
     };
   });
 };

package/base/providers/TelemetryProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_app","eventSent","createTelemetryProvider","exports","createProvider","Component","TelemetryProvider","_ref","children","useEffect","sendEvent","default","createElement"],"sources":["TelemetryProvider.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { sendEvent } from \"@webiny/telemetry/react\";\nimport { createProvider } from \"@webiny/app\";\n\nlet eventSent = false;\n\ninterface TelemetryProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createTelemetryProvider = () => {\n    return createProvider(Component => {\n        return function TelemetryProvider({ children }: TelemetryProviderProps) {\n            useEffect(() => {\n                if (eventSent) {\n                    return;\n                }\n\n                eventSent = true;\n\n                sendEvent(\"admin-app-start\");\n            }, []);\n\n            return <Component>{children}</Component>;\n        };\n    });\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AAEA,IAAIG,SAAS,GAAG,KAAK;AAMd,IAAMC,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAA,EAAS;EACzC,OAAO,IAAAE,mBAAc,EAAC,UAAAC,SAAS,EAAI;IAC/B,OAAO,SAASC,iBAAiBA,CAAAC,IAAA,EAAuC;MAAA,IAApCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MACxC,IAAAC,gBAAS,EAAC,YAAM;QACZ,IAAIR,SAAS,EAAE;UACX;QACJ;QAEAA,SAAS,GAAG,IAAI;QAEhB,IAAAS,iBAAS,EAAC,iBAAiB,CAAC;MAChC,CAAC,EAAE,EAAE,CAAC;MAEN,oBAAOd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACP,SAAS,QAAEG,QAAoB,CAAC;IAC5C,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","sendEvent","createProvider","eventSent","createTelemetryProvider","Component","TelemetryProvider","children","createElement"],"sources":["TelemetryProvider.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { sendEvent } from \"@webiny/telemetry/react\";\nimport { createProvider } from \"@webiny/app\";\n\nlet eventSent = false;\n\ninterface TelemetryProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createTelemetryProvider = () => {\n    return createProvider(Component => {\n        return function TelemetryProvider({ children }: TelemetryProviderProps) {\n            useEffect(() => {\n                if (eventSent) {\n                    return;\n                }\n\n                eventSent = true;\n\n                sendEvent(\"admin-app-start\");\n            }, []);\n\n            return <Component>{children}</Component>;\n        };\n    });\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,cAAc,QAAQ,aAAa;AAE5C,IAAIC,SAAS,GAAG,KAAK;AAMrB,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACzC,OAAOF,cAAc,CAACG,SAAS,IAAI;IAC/B,OAAO,SAASC,iBAAiBA,CAAC;MAAEC;IAAiC,CAAC,EAAE;MACpEP,SAAS,CAAC,MAAM;QACZ,IAAIG,SAAS,EAAE;UACX;QACJ;QAEAA,SAAS,GAAG,IAAI;QAEhBF,SAAS,CAAC,iBAAiB,CAAC;MAChC,CAAC,EAAE,EAAE,CAAC;MAEN,oBAAOF,KAAA,CAAAS,aAAA,CAACH,SAAS,QAAEE,QAAoB,CAAC;IAC5C,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

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,14 @@
+import React from "react";
+import { createProvider } from "@webiny/app";
+import { Providers } from "@webiny/admin-ui";
+export const createUiProviders = () => {
+  return createProvider(Component => {
+    return function UiProviders({
+      children
+    }) {
+      return /*#__PURE__*/React.createElement(Providers, null, /*#__PURE__*/React.createElement(Component, null, children));
+    };
+  });
+};
+
+//# sourceMappingURL=UiProviders.js.map

package/base/providers/UiProviders.js.map

@@ -0,0 +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":[]}

package/base/providers/UiStateProvider.js

@@ -1,18 +1,12 @@
-"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 _app = require("@webiny/app");
-var createUiStateProvider = exports.createUiStateProvider = function createUiStateProvider() {
-  return (0, _app.createProvider)(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));
+import React from "react";
+import { UiProvider } from "@webiny/app/contexts/Ui";
+import { createProvider } from "@webiny/app";
+export const createUiStateProvider = () => {
+  return createProvider(Component => {
+    return function UiStateProvider({
+      children
+    }) {
+      return /*#__PURE__*/React.createElement(UiProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
     };
   });
 };

package/base/providers/UiStateProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Ui","_app","createUiStateProvider","exports","createProvider","Component","UiStateProvider","_ref","children","default","createElement","UiProvider"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AAMO,IAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAA,EAAS;EACvC,OAAO,IAAAE,mBAAc,EAAC,UAAAC,SAAS,EAAI;IAC/B,OAAO,SAASC,eAAeA,CAAAC,IAAA,EAAqC;MAAA,IAAlCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MACtC,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,GAAA,CAAAW,UAAU,qBACPd,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACL,SAAS,QAAEG,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\";\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":[]}

package/base/providers/ViewCompositionProvider.js

@@ -1,57 +1,46 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createViewCompositionProvider = void 0;
-exports.useViewComposition = useViewComposition;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var ViewCompositionContext = /*#__PURE__*/(0, _react.createContext)({
-  getViewElement: function getViewElement() {
+import React, { createContext, useContext, useMemo, useState } from "react";
+const ViewCompositionContext = /*#__PURE__*/createContext({
+  getViewElement: () => {
     return null;
   },
-  setViewElement: function setViewElement() {
+  setViewElement: () => {
     return void 0;
   }
 });
 ViewCompositionContext.displayName = "ViewCompositionContext";
-var ViewCompositionProvider = function ViewCompositionProvider(_ref) {
-  var children = _ref.children;
-  var _useState = (0, _react.useState)({}),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var context = (0, _react.useMemo)(function () {
-    return {
-      getViewElement: function getViewElement(view, name) {
-        return state[view] && state[view][name];
-      },
-      setViewElement: function setViewElement(view, name, setter) {
-        setState(function (state) {
-          var existing = state[view] && state[view][name];
-          return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, (0, _defineProperty2.default)({}, view, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state[view]), {}, (0, _defineProperty2.default)({}, name, setter(existing)))));
-        });
-      }
-    };
-  }, [state]);
-  return /*#__PURE__*/_react.default.createElement(ViewCompositionContext.Provider, {
+const ViewCompositionProvider = ({
+  children
+}) => {
+  const [state, setState] = useState({});
+  const context = useMemo(() => ({
+    getViewElement(view, name) {
+      return state[view] && state[view][name];
+    },
+    setViewElement(view, name, setter) {
+      setState(state => {
+        const existing = state[view] && state[view][name];
+        return {
+          ...state,
+          [view]: {
+            ...state[view],
+            [name]: setter(existing)
+          }
+        };
+      });
+    }
+  }), [state]);
+  return /*#__PURE__*/React.createElement(ViewCompositionContext.Provider, {
     value: context
   }, children);
 };
-function useViewComposition() {
-  return (0, _react.useContext)(ViewCompositionContext);
+export function useViewComposition() {
+  return useContext(ViewCompositionContext);
 }
-var createViewCompositionProvider = exports.createViewCompositionProvider = function createViewCompositionProvider() {
-  return function (Component) {
-    return function ViewCompositionProviderHOC(_ref2) {
-      var children = _ref2.children;
-      return /*#__PURE__*/_react.default.createElement(ViewCompositionProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
-    };
+export const createViewCompositionProvider = () => Component => {
+  return function ViewCompositionProviderHOC({
+    children
+  }) {
+    return /*#__PURE__*/React.createElement(ViewCompositionProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
   };
 };
 

package/base/providers/ViewCompositionProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","ViewCompositionContext","createContext","getViewElement","setViewElement","displayName","ViewCompositionProvider","_ref","children","_useState","useState","_useState2","_slicedToArray2","default","state","setState","context","useMemo","view","name","setter","existing","_objectSpread4","_defineProperty2","createElement","Provider","value","useViewComposition","useContext","createViewCompositionProvider","exports","Component","ViewCompositionProviderHOC","_ref2"],"sources":["ViewCompositionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\nimport { ComponentWithChildren } from \"~/types\";\n\nexport interface ViewElement {\n    name: string;\n    elements: JSX.Element[];\n    label?: string;\n    [key: string]: any;\n}\n\ninterface ElementSetter {\n    (element: ViewElement): ViewElement;\n}\n\nexport interface ViewCompositionContext {\n    getViewElement(view: string, name: string): ViewElement | null;\n    setViewElement(view: string, name: string, setter: ElementSetter): void;\n}\n\nconst ViewCompositionContext = createContext<ViewCompositionContext>({\n    getViewElement: () => {\n        return null;\n    },\n    setViewElement: () => {\n        return void 0;\n    }\n});\nViewCompositionContext.displayName = \"ViewCompositionContext\";\n\ninterface ViewCompositionProviderState {\n    [key: string]: Record<string, any>;\n}\ninterface ViewCompositionProviderProps {\n    children: React.ReactNode;\n}\nconst ViewCompositionProvider = ({ children }: ViewCompositionProviderProps) => {\n    const [state, setState] = useState<ViewCompositionProviderState>({});\n\n    const context = useMemo(\n        () => ({\n            getViewElement(view: string, name: string): ViewElement {\n                return state[view] && state[view][name];\n            },\n            setViewElement(view: string, name: string, setter: ElementSetter) {\n                setState(state => {\n                    const existing = state[view] && state[view][name];\n                    return {\n                        ...state,\n                        [view]: {\n                            ...state[view],\n                            [name]: setter(existing)\n                        }\n                    };\n                });\n            }\n        }),\n        [state]\n    );\n\n    return (\n        <ViewCompositionContext.Provider value={context}>\n            {children}\n        </ViewCompositionContext.Provider>\n    );\n};\n\nexport function useViewComposition() {\n    return useContext(ViewCompositionContext);\n}\n\ninterface ViewCompositionProviderHOCProps {\n    children: React.ReactNode;\n}\n\nexport const createViewCompositionProvider = () => (Component: ComponentWithChildren) => {\n    return function ViewCompositionProviderHOC({ children }: ViewCompositionProviderHOCProps) {\n        return (\n            <ViewCompositionProvider>\n                <Component>{children}</Component>\n            </ViewCompositionProvider>\n        );\n    };\n};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAmBA,IAAMC,sBAAsB,gBAAG,IAAAC,oBAAa,EAAyB;EACjEC,cAAc,EAAE,SAAhBA,cAAcA,CAAA,EAAQ;IAClB,OAAO,IAAI;EACf,CAAC;EACDC,cAAc,EAAE,SAAhBA,cAAcA,CAAA,EAAQ;IAClB,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AACFH,sBAAsB,CAACI,WAAW,GAAG,wBAAwB;AAQ7D,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAAC,IAAA,EAAmD;EAAA,IAA7CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACvC,IAAAC,SAAA,GAA0B,IAAAC,eAAQ,EAA+B,CAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA7DK,KAAK,GAAAH,UAAA;IAAEI,QAAQ,GAAAJ,UAAA;EAEtB,IAAMK,OAAO,GAAG,IAAAC,cAAO,EACnB;IAAA,OAAO;MACHd,cAAc,WAAdA,cAAcA,CAACe,IAAY,EAAEC,IAAY,EAAe;QACpD,OAAOL,KAAK,CAACI,IAAI,CAAC,IAAIJ,KAAK,CAACI,IAAI,CAAC,CAACC,IAAI,CAAC;MAC3C,CAAC;MACDf,cAAc,WAAdA,cAAcA,CAACc,IAAY,EAAEC,IAAY,EAAEC,MAAqB,EAAE;QAC9DL,QAAQ,CAAC,UAAAD,KAAK,EAAI;UACd,IAAMO,QAAQ,GAAGP,KAAK,CAACI,IAAI,CAAC,IAAIJ,KAAK,CAACI,IAAI,CAAC,CAACC,IAAI,CAAC;UACjD,WAAAG,cAAA,CAAAT,OAAA,MAAAS,cAAA,CAAAT,OAAA,MACOC,KAAK,WAAAS,gBAAA,CAAAV,OAAA,MACPK,IAAI,MAAAI,cAAA,CAAAT,OAAA,MAAAS,cAAA,CAAAT,OAAA,MACEC,KAAK,CAACI,IAAI,CAAC,WAAAK,gBAAA,CAAAV,OAAA,MACbM,IAAI,EAAGC,MAAM,CAACC,QAAQ,CAAC;QAGpC,CAAC,CAAC;MACN;IACJ,CAAC;EAAA,CAAC,EACF,CAACP,KAAK,CACV,CAAC;EAED,oBACIhB,MAAA,CAAAe,OAAA,CAAAW,aAAA,CAACvB,sBAAsB,CAACwB,QAAQ;IAACC,KAAK,EAAEV;EAAQ,GAC3CR,QAC4B,CAAC;AAE1C,CAAC;AAEM,SAASmB,kBAAkBA,CAAA,EAAG;EACjC,OAAO,IAAAC,iBAAU,EAAC3B,sBAAsB,CAAC;AAC7C;AAMO,IAAM4B,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,SAAhCA,6BAA6BA,CAAA;EAAA,OAAS,UAACE,SAAgC,EAAK;IACrF,OAAO,SAASC,0BAA0BA,CAAAC,KAAA,EAAgD;MAAA,IAA7CzB,QAAQ,GAAAyB,KAAA,CAARzB,QAAQ;MACjD,oBACIV,MAAA,CAAAe,OAAA,CAAAW,aAAA,CAAClB,uBAAuB,qBACpBR,MAAA,CAAAe,OAAA,CAAAW,aAAA,CAACO,SAAS,QAAEvB,QAAoB,CACX,CAAC;IAElC,CAAC;EACL,CAAC;AAAA","ignoreList":[]}
+{"version":3,"names":["React","createContext","useContext","useMemo","useState","ViewCompositionContext","getViewElement","setViewElement","displayName","ViewCompositionProvider","children","state","setState","context","view","name","setter","existing","createElement","Provider","value","useViewComposition","createViewCompositionProvider","Component","ViewCompositionProviderHOC"],"sources":["ViewCompositionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\nimport { ComponentWithChildren } from \"~/types\";\n\nexport interface ViewElement {\n    name: string;\n    elements: JSX.Element[];\n    label?: string;\n    [key: string]: any;\n}\n\ninterface ElementSetter {\n    (element: ViewElement): ViewElement;\n}\n\nexport interface ViewCompositionContext {\n    getViewElement(view: string, name: string): ViewElement | null;\n    setViewElement(view: string, name: string, setter: ElementSetter): void;\n}\n\nconst ViewCompositionContext = createContext<ViewCompositionContext>({\n    getViewElement: () => {\n        return null;\n    },\n    setViewElement: () => {\n        return void 0;\n    }\n});\nViewCompositionContext.displayName = \"ViewCompositionContext\";\n\ninterface ViewCompositionProviderState {\n    [key: string]: Record<string, any>;\n}\ninterface ViewCompositionProviderProps {\n    children: React.ReactNode;\n}\nconst ViewCompositionProvider = ({ children }: ViewCompositionProviderProps) => {\n    const [state, setState] = useState<ViewCompositionProviderState>({});\n\n    const context = useMemo(\n        () => ({\n            getViewElement(view: string, name: string): ViewElement {\n                return state[view] && state[view][name];\n            },\n            setViewElement(view: string, name: string, setter: ElementSetter) {\n                setState(state => {\n                    const existing = state[view] && state[view][name];\n                    return {\n                        ...state,\n                        [view]: {\n                            ...state[view],\n                            [name]: setter(existing)\n                        }\n                    };\n                });\n            }\n        }),\n        [state]\n    );\n\n    return (\n        <ViewCompositionContext.Provider value={context}>\n            {children}\n        </ViewCompositionContext.Provider>\n    );\n};\n\nexport function useViewComposition() {\n    return useContext(ViewCompositionContext);\n}\n\ninterface ViewCompositionProviderHOCProps {\n    children: React.ReactNode;\n}\n\nexport const createViewCompositionProvider = () => (Component: ComponentWithChildren) => {\n    return function ViewCompositionProviderHOC({ children }: ViewCompositionProviderHOCProps) {\n        return (\n            <ViewCompositionProvider>\n                <Component>{children}</Component>\n            </ViewCompositionProvider>\n        );\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAmB3E,MAAMC,sBAAsB,gBAAGJ,aAAa,CAAyB;EACjEK,cAAc,EAAEA,CAAA,KAAM;IAClB,OAAO,IAAI;EACf,CAAC;EACDC,cAAc,EAAEA,CAAA,KAAM;IAClB,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AACFF,sBAAsB,CAACG,WAAW,GAAG,wBAAwB;AAQ7D,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC;AAAuC,CAAC,KAAK;EAC5E,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGR,QAAQ,CAA+B,CAAC,CAAC,CAAC;EAEpE,MAAMS,OAAO,GAAGV,OAAO,CACnB,OAAO;IACHG,cAAcA,CAACQ,IAAY,EAAEC,IAAY,EAAe;MACpD,OAAOJ,KAAK,CAACG,IAAI,CAAC,IAAIH,KAAK,CAACG,IAAI,CAAC,CAACC,IAAI,CAAC;IAC3C,CAAC;IACDR,cAAcA,CAACO,IAAY,EAAEC,IAAY,EAAEC,MAAqB,EAAE;MAC9DJ,QAAQ,CAACD,KAAK,IAAI;QACd,MAAMM,QAAQ,GAAGN,KAAK,CAACG,IAAI,CAAC,IAAIH,KAAK,CAACG,IAAI,CAAC,CAACC,IAAI,CAAC;QACjD,OAAO;UACH,GAAGJ,KAAK;UACR,CAACG,IAAI,GAAG;YACJ,GAAGH,KAAK,CAACG,IAAI,CAAC;YACd,CAACC,IAAI,GAAGC,MAAM,CAACC,QAAQ;UAC3B;QACJ,CAAC;MACL,CAAC,CAAC;IACN;EACJ,CAAC,CAAC,EACF,CAACN,KAAK,CACV,CAAC;EAED,oBACIX,KAAA,CAAAkB,aAAA,CAACb,sBAAsB,CAACc,QAAQ;IAACC,KAAK,EAAEP;EAAQ,GAC3CH,QAC4B,CAAC;AAE1C,CAAC;AAED,OAAO,SAASW,kBAAkBA,CAAA,EAAG;EACjC,OAAOnB,UAAU,CAACG,sBAAsB,CAAC;AAC7C;AAMA,OAAO,MAAMiB,6BAA6B,GAAGA,CAAA,KAAOC,SAAgC,IAAK;EACrF,OAAO,SAASC,0BAA0BA,CAAC;IAAEd;EAA0C,CAAC,EAAE;IACtF,oBACIV,KAAA,CAAAkB,aAAA,CAACT,uBAAuB,qBACpBT,KAAA,CAAAkB,aAAA,CAACK,SAAS,QAAEb,QAAoB,CACX,CAAC;EAElC,CAAC;AACL,CAAC","ignoreList":[]}

package/base/ui/Brand.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BrandRenderer = exports.Brand = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _app = require("@webiny/app");
-var Brand = exports.Brand = (0, _app.makeDecoratable)("Brand", function () {
-  return /*#__PURE__*/_react.default.createElement(BrandRenderer, null);
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const Brand = makeDecoratable("Brand", () => {
+  return /*#__PURE__*/React.createElement(BrandRenderer, null);
 });
-var BrandRenderer = exports.BrandRenderer = (0, _app.makeDecoratable)("BrandRenderer", (0, _app.createVoidComponent)());
+export const BrandRenderer = makeDecoratable("BrandRenderer", createVoidComponent());
 
 //# sourceMappingURL=Brand.js.map

package/base/ui/Brand.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_app","Brand","exports","makeDecoratable","default","createElement","BrandRenderer","createVoidComponent"],"sources":["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"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAEO,IAAME,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,IAAAE,oBAAe,EAAC,OAAO,EAAE,YAAM;EAChD,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACC,aAAa,MAAE,CAAC;AAC5B,CAAC,CAAC;AAEK,IAAMA,aAAa,GAAAJ,OAAA,CAAAI,aAAA,GAAG,IAAAH,oBAAe,EAAC,eAAe,EAAE,IAAAI,wBAAmB,EAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Brand","createElement","BrandRenderer"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,KAAK,GAAGD,eAAe,CAAC,OAAO,EAAE,MAAM;EAChD,oBAAOF,KAAA,CAAAI,aAAA,CAACC,aAAa,MAAE,CAAC;AAC5B,CAAC,CAAC;AAEF,OAAO,MAAMA,aAAa,GAAGH,eAAe,CAAC,eAAe,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}

package/base/ui/CenteredView.js

@@ -1,46 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CenteredView = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1bmfqk41"
-} : {
-  target: "e1bmfqk41",
-  label: "Container"
-})(process.env.NODE_ENV === "production" ? {
-  name: "zl1inp",
-  styles: "display:flex;justify-content:center"
-} : {
-  name: "zl1inp",
-  styles: "display:flex;justify-content:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNlbnRlcmVkVmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2tCIiwiZmlsZSI6IkNlbnRlcmVkVmlldy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1ha2VEZWNvcmF0YWJsZSB9IGZyb20gXCJ+L2luZGV4XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2VudGVyZWRWaWV3UHJvcHMge1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgbWF4V2lkdGg/OiBudW1iZXIgfCBzdHJpbmc7XG59XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiXG59KTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBtYXhXaWR0aDogc3RyaW5nIHwgbnVtYmVyO1xufVxuXG5jb25zdCBXaWR0aCA9IHN0eWxlZC5kaXYoKHByb3BzOiBQcm9wcykgPT4gKHtcbiAgICBtYXhXaWR0aDogcHJvcHMubWF4V2lkdGgsXG4gICAgd2lkdGg6IFwiMTAwJVwiXG59KSk7XG5cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFZpZXcgPSBtYWtlRGVjb3JhdGFibGUoXG4gICAgXCJDZW50ZXJlZFZpZXdcIixcbiAgICAoeyBtYXhXaWR0aCA9IDcwMCwgY2hpbGRyZW4gfTogQ2VudGVyZWRWaWV3UHJvcHMpID0+IHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPFdpZHRoIG1heFdpZHRoPXttYXhXaWR0aH0+e2NoaWxkcmVufTwvV2lkdGg+XG4gICAgICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgICAgKTtcbiAgICB9XG4pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Width = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1bmfqk40"
-} : {
-  target: "e1bmfqk40",
-  label: "Width"
-})(function (props) {
-  return {
-    maxWidth: props.maxWidth,
-    width: "100%"
-  };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNlbnRlcmVkVmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JjIiwiZmlsZSI6IkNlbnRlcmVkVmlldy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1ha2VEZWNvcmF0YWJsZSB9IGZyb20gXCJ+L2luZGV4XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2VudGVyZWRWaWV3UHJvcHMge1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgbWF4V2lkdGg/OiBudW1iZXIgfCBzdHJpbmc7XG59XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiXG59KTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBtYXhXaWR0aDogc3RyaW5nIHwgbnVtYmVyO1xufVxuXG5jb25zdCBXaWR0aCA9IHN0eWxlZC5kaXYoKHByb3BzOiBQcm9wcykgPT4gKHtcbiAgICBtYXhXaWR0aDogcHJvcHMubWF4V2lkdGgsXG4gICAgd2lkdGg6IFwiMTAwJVwiXG59KSk7XG5cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFZpZXcgPSBtYWtlRGVjb3JhdGFibGUoXG4gICAgXCJDZW50ZXJlZFZpZXdcIixcbiAgICAoeyBtYXhXaWR0aCA9IDcwMCwgY2hpbGRyZW4gfTogQ2VudGVyZWRWaWV3UHJvcHMpID0+IHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPFdpZHRoIG1heFdpZHRoPXttYXhXaWR0aH0+e2NoaWxkcmVufTwvV2lkdGg+XG4gICAgICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgICAgKTtcbiAgICB9XG4pO1xuIl19 */");
-var CenteredView = exports.CenteredView = (0, _.makeDecoratable)("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));
+import React from "react";
+import { makeDecoratable } from "../..";
+export const CenteredView = makeDecoratable("CenteredView", ({
+  maxWidth,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-container",
+    style: {
+      maxWidth
+    }
+  }, children);
 });
 
 //# sourceMappingURL=CenteredView.js.map

package/base/ui/CenteredView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_","_EMOTION_STRINGIFIED_CSS_ERROR__","Container","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Width","props","maxWidth","width","CenteredView","exports","makeDecoratable","_ref","_ref$maxWidth","children","createElement"],"sources":["CenteredView.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { makeDecoratable } from \"~/index\";\n\nexport interface CenteredViewProps {\n    children: React.ReactNode;\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 = makeDecoratable(\n    \"CenteredView\",\n    ({ maxWidth = 700, children }: CenteredViewProps) => {\n        return (\n            <Container>\n                <Width maxWidth={maxWidth}>{children}</Width>\n            </Container>\n        );\n    }\n);\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,CAAA,GAAAD,OAAA;AAA0C,SAAAE,iCAAA;AAO1C,IAAMC,SAAS,gBAAG,IAAAC,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGjB,CAAC;AAMF,IAAMa,KAAK,gBAAG,IAAAX,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAW,UAACM,KAAY;EAAA,OAAM;IACxCC,QAAQ,EAAED,KAAK,CAACC,QAAQ;IACxBC,KAAK,EAAE;EACX,CAAC;AAAA,CAAC,EAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA,mwCAAC;AAEI,IAAMW,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,iBAAe,EACvC,cAAc,EACd,UAAAC,IAAA,EAAqD;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAlDL,QAAQ;IAARA,QAAQ,GAAAM,aAAA,cAAG,GAAG,GAAAA,aAAA;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACvB,oBACI1B,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAACtB,SAAS,qBACNL,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAACV,KAAK;IAACE,QAAQ,EAAEA;EAAS,GAAEO,QAAgB,CACrC,CAAC;AAEpB,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\";\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":[]}

package/base/ui/Dashboard.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DashboardRenderer = exports.Dashboard = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _app = require("@webiny/app");
-var Dashboard = exports.Dashboard = (0, _app.makeDecoratable)("Dashboard", function () {
-  return /*#__PURE__*/_react.default.createElement(DashboardRenderer, null);
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const Dashboard = makeDecoratable("Dashboard", () => {
+  return /*#__PURE__*/React.createElement(DashboardRenderer, null);
 });
-var DashboardRenderer = exports.DashboardRenderer = (0, _app.makeDecoratable)("DashboardRenderer", (0, _app.createVoidComponent)());
+export const DashboardRenderer = makeDecoratable("DashboardRenderer", createVoidComponent());
 
 //# sourceMappingURL=Dashboard.js.map

package/base/ui/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_app","Dashboard","exports","makeDecoratable","default","createElement","DashboardRenderer","createVoidComponent"],"sources":["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"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAEO,IAAME,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,oBAAe,EAAC,WAAW,EAAE,YAAM;EACxD,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACC,iBAAiB,MAAE,CAAC;AAChC,CAAC,CAAC;AAEK,IAAMA,iBAAiB,GAAAJ,OAAA,CAAAI,iBAAA,GAAG,IAAAH,oBAAe,EAAC,mBAAmB,EAAE,IAAAI,wBAAmB,EAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Dashboard","createElement","DashboardRenderer"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,SAAS,GAAGD,eAAe,CAAC,WAAW,EAAE,MAAM;EACxD,oBAAOF,KAAA,CAAAI,aAAA,CAACC,iBAAiB,MAAE,CAAC;AAChC,CAAC,CAAC;AAEF,OAAO,MAAMA,iBAAiB,GAAGH,eAAe,CAAC,mBAAmB,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}

package/base/ui/FileManager.js

@@ -1,17 +1,7 @@
-"use strict";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { Portal } from "@webiny/admin-ui";
+import { createVoidComponent, makeDecoratable } from "@webiny/react-composition";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileManagerRenderer = exports.FileManager = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _reactComposition = require("@webiny/react-composition");
-var _excluded = ["children", "render", "onChange"];
 /**
  * Represents a file object managed by the File Manager.
  */
@@ -20,55 +10,51 @@ var _excluded = ["children", "render", "onChange"];
  * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.
  */
 
-function getPortalTarget() {
-  var target = window.document.getElementById("file-manager-container");
-  if (!target) {
-    target = document.createElement("div");
-    target.setAttribute("id", "file-manager-container");
-    document.body && document.body.appendChild(target);
-  }
-  return target;
-}
-
 // This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!
 
-var FileManagerRenderer = exports.FileManagerRenderer = (0, _reactComposition.makeDecoratable)("FileManagerRenderer", (0, _reactComposition.createVoidComponent)());
-var FileManager = exports.FileManager = function FileManager(_ref) {
-  var children = _ref.children,
-    render = _ref.render,
-    onChange = _ref.onChange,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var containerRef = (0, _react.useRef)(getPortalTarget());
-  var _useState = (0, _react.useState)(rest.show ?? false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    show = _useState2[0],
-    setShow = _useState2[1];
-  var onChangeRef = (0, _react.useRef)(onChange);
-  (0, _react.useEffect)(function () {
+export const FileManagerRenderer = makeDecoratable("FileManagerRenderer", createVoidComponent());
+export const FileManager = ({
+  children,
+  render,
+  onChange,
+  ...rest
+}) => {
+  const [isFileManagerVisible, setFileManagerVisible] = useState(rest.show);
+  const onChangeRef = useRef(onChange);
+  useEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  var showFileManager = (0, _react.useCallback)(function (onChange) {
-    if (typeof onChange === "function") {
-      onChangeRef.current = onChange;
+  const handleShowFileManager = useCallback(newOnChange => {
+    if (typeof newOnChange === "function") {
+      onChangeRef.current = newOnChange;
     }
-    setShow(true);
+    setFileManagerVisible(true);
+  }, []);
+  const handleCloseFileManager = useCallback(() => {
+    setFileManagerVisible(false);
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, show && /*#__PURE__*/_reactDom.default.createPortal(
-  /*#__PURE__*/
-  /**
-   * TODO @pavel
-   */
-  // @ts-expect-error
-  _react.default.createElement(FileManagerRenderer, Object.assign({
-    onClose: function onClose() {
-      return setShow(false);
-    },
-    onChange: onChangeRef.current
-  }, rest)), containerRef.current), children ? children({
-    showFileManager: showFileManager
-  }) : render ? render({
-    showFileManager: showFileManager
-  }) : null);
+  const renderFileManager = () => {
+    if (!isFileManagerVisible) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/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);
+    }
+    return null;
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderFileManager(), renderContent());
 };
 
 //# sourceMappingURL=FileManager.js.map