@webiny/app 6.0.0-beta.0 → 6.0.0-rc.0

package/components/Image.js

@@ -1,25 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Image = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _invariant = _interopRequireDefault(require("invariant"));
-var _plugins = require("@webiny/plugins");
-var _get = _interopRequireDefault(require("lodash/get"));
-var _excluded = ["preset"];
-var Image = exports.Image = function Image(_ref) {
-  var presetName = _ref.preset,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var plugin = _plugins.plugins.byName("image-component");
+import invariant from "invariant";
+import { plugins } from "@webiny/plugins";
+import get from "lodash/get.js";
+export const Image = ({
+  preset: presetName,
+  ...props
+}) => {
+  const plugin = plugins.byName("image-component");
   if (!plugin) {
-    throw new Error("Image component plugin (type \"image-component\") not defined.");
+    throw new Error(`Image component plugin (type "image-component") not defined.`);
   }
   if (presetName) {
-    var preset = (0, _get.default)(plugin, "presets.".concat(presetName));
-    (0, _invariant.default)(preset, "Transform preset \"".concat(presetName, "\" not found."));
+    const preset = get(plugin, `presets.${presetName}`);
+    invariant(preset, `Transform preset "${presetName}" not found.`);
     props.transform = preset;
   }
   if (props.transform) {

package/components/Image.js.map

@@ -1 +1 @@
-{"version":3,"names":["_invariant","_interopRequireDefault","require","_plugins","_get","_excluded","Image","exports","_ref","presetName","preset","props","_objectWithoutProperties2","default","plugin","plugins","byName","Error","get","concat","invariant","transform","src","getImageSrc","render"],"sources":["Image.tsx"],"sourcesContent":["import invariant from \"invariant\";\nimport { plugins } from \"@webiny/plugins\";\nimport get from \"lodash/get\";\nimport { ImageComponentPlugin, ImageProps } from \"~/types\";\n\nexport const Image = ({ preset: presetName, ...props }: ImageProps) => {\n    const plugin = plugins.byName<ImageComponentPlugin>(\"image-component\");\n    if (!plugin) {\n        throw new Error(`Image component plugin (type \"image-component\") not defined.`);\n    }\n\n    if (presetName) {\n        const preset = get(plugin, `presets.${presetName}`);\n        invariant(preset, `Transform preset \"${presetName}\" not found.`);\n        props.transform = preset;\n    }\n\n    if (props.transform) {\n        props.src = plugin.getImageSrc(props);\n    }\n\n    return plugin.render(props);\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA6B,IAAAG,SAAA;AAGtB,IAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA,EAAqD;EAAA,IAAvCC,UAAU,GAAAD,IAAA,CAAlBE,MAAM;IAAiBC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAH,SAAA;EAChD,IAAMS,MAAM,GAAGC,gBAAO,CAACC,MAAM,CAAuB,iBAAiB,CAAC;EACtE,IAAI,CAACF,MAAM,EAAE;IACT,MAAM,IAAIG,KAAK,iEAA+D,CAAC;EACnF;EAEA,IAAIR,UAAU,EAAE;IACZ,IAAMC,MAAM,GAAG,IAAAQ,YAAG,EAACJ,MAAM,aAAAK,MAAA,CAAaV,UAAU,CAAE,CAAC;IACnD,IAAAW,kBAAS,EAACV,MAAM,wBAAAS,MAAA,CAAuBV,UAAU,kBAAc,CAAC;IAChEE,KAAK,CAACU,SAAS,GAAGX,MAAM;EAC5B;EAEA,IAAIC,KAAK,CAACU,SAAS,EAAE;IACjBV,KAAK,CAACW,GAAG,GAAGR,MAAM,CAACS,WAAW,CAACZ,KAAK,CAAC;EACzC;EAEA,OAAOG,MAAM,CAACU,MAAM,CAACb,KAAK,CAAC;AAC/B,CAAC","ignoreList":[]}
+{"version":3,"names":["invariant","plugins","get","Image","preset","presetName","props","plugin","byName","Error","transform","src","getImageSrc","render"],"sources":["Image.tsx"],"sourcesContent":["import invariant from \"invariant\";\nimport { plugins } from \"@webiny/plugins\";\nimport get from \"lodash/get.js\";\nimport type { ImageComponentPlugin, ImageProps } from \"~/types.js\";\n\nexport const Image = ({ preset: presetName, ...props }: ImageProps) => {\n    const plugin = plugins.byName<ImageComponentPlugin>(\"image-component\");\n    if (!plugin) {\n        throw new Error(`Image component plugin (type \"image-component\") not defined.`);\n    }\n\n    if (presetName) {\n        const preset = get(plugin, `presets.${presetName}`);\n        invariant(preset, `Transform preset \"${presetName}\" not found.`);\n        props.transform = preset;\n    }\n\n    if (props.transform) {\n        props.src = plugin.getImageSrc(props);\n    }\n\n    return plugin.render(props);\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,WAAW;AACjC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,OAAOC,GAAG,MAAM,eAAe;AAG/B,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,MAAM,EAAEC,UAAU;EAAE,GAAGC;AAAkB,CAAC,KAAK;EACnE,MAAMC,MAAM,GAAGN,OAAO,CAACO,MAAM,CAAuB,iBAAiB,CAAC;EACtE,IAAI,CAACD,MAAM,EAAE;IACT,MAAM,IAAIE,KAAK,CAAC,8DAA8D,CAAC;EACnF;EAEA,IAAIJ,UAAU,EAAE;IACZ,MAAMD,MAAM,GAAGF,GAAG,CAACK,MAAM,EAAE,WAAWF,UAAU,EAAE,CAAC;IACnDL,SAAS,CAACI,MAAM,EAAE,qBAAqBC,UAAU,cAAc,CAAC;IAChEC,KAAK,CAACI,SAAS,GAAGN,MAAM;EAC5B;EAEA,IAAIE,KAAK,CAACI,SAAS,EAAE;IACjBJ,KAAK,CAACK,GAAG,GAAGJ,MAAM,CAACK,WAAW,CAACN,KAAK,CAAC;EACzC;EAEA,OAAOC,MAAM,CAACM,MAAM,CAACP,KAAK,CAAC;AAC/B,CAAC","ignoreList":[]}

package/components/index.d.ts

@@ -1,2 +1 @@
-export { Image } from "./Image";
-export { Routes } from "./Routes";
+export { Image } from "./Image.js";

package/components/index.js

@@ -1,21 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Image", {
-  enumerable: true,
-  get: function get() {
-    return _Image.Image;
-  }
-});
-Object.defineProperty(exports, "Routes", {
-  enumerable: true,
-  get: function get() {
-    return _Routes.Routes;
-  }
-});
-var _Image = require("./Image");
-var _Routes = require("./Routes");
+export { Image } from "./Image.js";
 
 //# sourceMappingURL=index.js.map

package/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Image","require","_Routes"],"sources":["index.ts"],"sourcesContent":["export { Image } from \"./Image\";\nexport { Routes } from \"./Routes\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"names":["Image"],"sources":["index.ts"],"sourcesContent":["export { Image } from \"./Image.js\";\n"],"mappings":"AAAA,SAASA,KAAK","ignoreList":[]}

package/config/RouterConfig/Route.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import type { Route as BaseRoute } from "../../router.js";
+export interface RouteProps {
+    route: BaseRoute<any>;
+    element: React.ReactElement;
+    remove?: boolean;
+    before?: string;
+    after?: string;
+}
+export type RouteConfig = Pick<RouteProps, "route" | "element">;
+export declare const Route: (({ route, element, remove, before, after }: RouteProps) => React.JSX.Element) & {
+    original: ({ route, element, remove, before, after }: RouteProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ route, element, remove, before, after }: RouteProps) => React.JSX.Element) & {
+        original: ({ route, element, remove, before, after }: RouteProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ route, element, remove, before, after }: RouteProps) => React.JSX.Element) & {
+        original: ({ route, element, remove, before, after }: RouteProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/config/RouterConfig/Route.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+export const Route = makeDecoratable("Route", ({
+  route,
+  element,
+  remove,
+  before,
+  after
+}) => {
+  const name = route.name;
+  const getId = useIdGenerator("Route");
+  const placeAfter = after !== undefined ? getId(after) : undefined;
+  const placeBefore = before !== undefined ? getId(before) : undefined;
+  return /*#__PURE__*/React.createElement(Property, {
+    id: getId(name),
+    name: "routes",
+    remove: remove,
+    array: true,
+    before: placeBefore,
+    after: placeAfter
+  }, /*#__PURE__*/React.createElement(Property, {
+    id: getId(name, "route"),
+    name: "route",
+    value: route
+  }), /*#__PURE__*/React.createElement(Property, {
+    id: getId(name, "element"),
+    name: "element",
+    value: element
+  }));
+});
+
+//# sourceMappingURL=Route.js.map

package/config/RouterConfig/Route.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Property","useIdGenerator","Route","route","element","remove","before","after","name","getId","placeAfter","undefined","placeBefore","createElement","id","array","value"],"sources":["Route.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { Route as BaseRoute } from \"~/router.js\";\n\nexport interface RouteProps {\n    route: BaseRoute<any>;\n    element: React.ReactElement;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nexport type RouteConfig = Pick<RouteProps, \"route\" | \"element\">;\n\nexport const Route = makeDecoratable(\n    \"Route\",\n    ({ route, element, remove, before, after }: RouteProps) => {\n        const name = route.name;\n\n        const getId = useIdGenerator(\"Route\");\n\n        const placeAfter = after !== undefined ? getId(after) : undefined;\n        const placeBefore = before !== undefined ? getId(before) : undefined;\n\n        return (\n            <Property\n                id={getId(name)}\n                name={\"routes\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"route\")} name={\"route\"} value={route} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n            </Property>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAanE,OAAO,MAAMC,KAAK,GAAGH,eAAe,CAChC,OAAO,EACP,CAAC;EAAEI,KAAK;EAAEC,OAAO;EAAEC,MAAM;EAAEC,MAAM;EAAEC;AAAkB,CAAC,KAAK;EACvD,MAAMC,IAAI,GAAGL,KAAK,CAACK,IAAI;EAEvB,MAAMC,KAAK,GAAGR,cAAc,CAAC,OAAO,CAAC;EAErC,MAAMS,UAAU,GAAGH,KAAK,KAAKI,SAAS,GAAGF,KAAK,CAACF,KAAK,CAAC,GAAGI,SAAS;EACjE,MAAMC,WAAW,GAAGN,MAAM,KAAKK,SAAS,GAAGF,KAAK,CAACH,MAAM,CAAC,GAAGK,SAAS;EAEpE,oBACIb,KAAA,CAAAe,aAAA,CAACb,QAAQ;IACLc,EAAE,EAAEL,KAAK,CAACD,IAAI,CAAE;IAChBA,IAAI,EAAE,QAAS;IACfH,MAAM,EAAEA,MAAO;IACfU,KAAK,EAAE,IAAK;IACZT,MAAM,EAAEM,WAAY;IACpBL,KAAK,EAAEG;EAAW,gBAElBZ,KAAA,CAAAe,aAAA,CAACb,QAAQ;IAACc,EAAE,EAAEL,KAAK,CAACD,IAAI,EAAE,OAAO,CAAE;IAACA,IAAI,EAAE,OAAQ;IAACQ,KAAK,EAAEb;EAAM,CAAE,CAAC,eACnEL,KAAA,CAAAe,aAAA,CAACb,QAAQ;IAACc,EAAE,EAAEL,KAAK,CAACD,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACQ,KAAK,EAAEZ;EAAQ,CAAE,CAClE,CAAC;AAEnB,CACJ,CAAC","ignoreList":[]}

package/config/RouterConfig.d.ts

@@ -0,0 +1,31 @@
+import { type RouteConfig } from "./RouterConfig/Route.js";
+export declare const RouterWithConfig: (({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => React.JSX.Element) & {
+    displayName: string;
+};
+export declare const useRouterConfig: () => {
+    routes: RouteConfig[];
+};
+export declare const RouterConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => React.JSX.Element) & {
+    Route: (({ route, element, remove, before, after }: import("./RouterConfig/Route.js").RouteProps) => import("react").JSX.Element) & {
+        original: ({ route, element, remove, before, after }: import("./RouterConfig/Route.js").RouteProps) => import("react").JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ route, element, remove, before, after }: import("./RouterConfig/Route.js").RouteProps) => import("react").JSX.Element) & {
+            original: ({ route, element, remove, before, after }: import("./RouterConfig/Route.js").RouteProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ route, element, remove, before, after }: import("./RouterConfig/Route.js").RouteProps) => import("react").JSX.Element) & {
+            original: ({ route, element, remove, before, after }: import("./RouterConfig/Route.js").RouteProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    useRouterConfig: () => {
+        routes: RouteConfig[];
+    };
+};

package/config/RouterConfig.js

@@ -0,0 +1,18 @@
+import { createConfigurableComponent } from "@webiny/react-properties";
+import { Route } from "./RouterConfig/Route.js";
+const base = createConfigurableComponent("RouterConfig");
+export const RouterWithConfig = Object.assign(base.WithConfig, {
+  displayName: "RouterWithConfig"
+});
+export const useRouterConfig = () => {
+  const baseConfig = base.useConfig();
+  return {
+    routes: baseConfig.routes ?? []
+  };
+};
+export const RouterConfig = Object.assign(base.Config, {
+  Route,
+  useRouterConfig
+});
+
+//# sourceMappingURL=RouterConfig.js.map

package/config/RouterConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createConfigurableComponent","Route","base","RouterWithConfig","Object","assign","WithConfig","displayName","useRouterConfig","baseConfig","useConfig","routes","RouterConfig","Config"],"sources":["RouterConfig.tsx"],"sourcesContent":["import { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { Route, type RouteConfig } from \"./RouterConfig/Route.js\";\n\nconst base = createConfigurableComponent<RouterConfig>(\"RouterConfig\");\n\nexport const RouterWithConfig = Object.assign(base.WithConfig, {\n    displayName: \"RouterWithConfig\"\n});\n\ninterface RouterConfig {\n    routes: RouteConfig[];\n}\n\nexport const useRouterConfig = () => {\n    const baseConfig = base.useConfig();\n\n    return {\n        routes: baseConfig.routes ?? []\n    };\n};\n\nexport const RouterConfig = Object.assign(base.Config, {\n    Route,\n    useRouterConfig\n});\n"],"mappings":"AAAA,SAASA,2BAA2B,QAAQ,0BAA0B;AACtE,SAASC,KAAK;AAEd,MAAMC,IAAI,GAAGF,2BAA2B,CAAe,cAAc,CAAC;AAEtE,OAAO,MAAMG,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACH,IAAI,CAACI,UAAU,EAAE;EAC3DC,WAAW,EAAE;AACjB,CAAC,CAAC;AAMF,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAMC,UAAU,GAAGP,IAAI,CAACQ,SAAS,CAAC,CAAC;EAEnC,OAAO;IACHC,MAAM,EAAEF,UAAU,CAACE,MAAM,IAAI;EACjC,CAAC;AACL,CAAC;AAED,OAAO,MAAMC,YAAY,GAAGR,MAAM,CAACC,MAAM,CAACH,IAAI,CAACW,MAAM,EAAE;EACnDZ,KAAK;EACLO;AACJ,CAAC,CAAC","ignoreList":[]}

package/config.d.ts

@@ -1,4 +1,4 @@
-export declare type Config = Record<string, any>;
+export type Config = Record<string, any>;
 interface AppConfig {
     set(config: Config): void;
     get(): Config;

package/config.js

@@ -1,11 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var deepFreeze = function deepFreeze(obj) {
-  Object.keys(obj).forEach(function (prop) {
+const deepFreeze = obj => {
+  Object.keys(obj).forEach(prop => {
     if (typeof obj[prop] === "object" && !Object.isFrozen(obj[prop])) {
       deepFreeze(obj[prop]);
     }
@@ -13,19 +7,19 @@ var deepFreeze = function deepFreeze(obj) {
   return Object.freeze(obj);
 };
 function createConfig() {
-  var _config = {};
+  let _config = {};
   return {
-    set: function set(config) {
+    set(config) {
       _config = deepFreeze(config);
     },
-    get: function get() {
+    get() {
       return _config;
     },
-    getKey: function getKey(key, defaultValue) {
+    getKey(key, defaultValue) {
       return key in _config ? _config[key] : defaultValue;
     }
   };
 }
-var config = exports.config = createConfig();
+export const config = createConfig();
 
 //# sourceMappingURL=config.js.map

package/config.js.map

@@ -1 +1 @@
-{"version":3,"names":["deepFreeze","obj","Object","keys","forEach","prop","isFrozen","freeze","createConfig","_config","set","config","get","getKey","key","defaultValue","exports"],"sources":["config.ts"],"sourcesContent":["export type Config = Record<string, any>;\n\ninterface AppConfig {\n    set(config: Config): void;\n    get(): Config;\n    getKey<T = string>(key: string, defaultValue: T): T;\n}\n\nconst deepFreeze = (obj: Record<string, any>): Record<string, any> => {\n    Object.keys(obj).forEach(prop => {\n        if (typeof obj[prop] === \"object\" && !Object.isFrozen(obj[prop])) {\n            deepFreeze(obj[prop]);\n        }\n    });\n    return Object.freeze(obj);\n};\n\nfunction createConfig(): AppConfig {\n    let _config: Record<string, any> = {};\n\n    return {\n        set(config: Config) {\n            _config = deepFreeze(config);\n        },\n        get() {\n            return _config;\n        },\n        getKey(key, defaultValue) {\n            return key in _config ? _config[key] : defaultValue;\n        }\n    };\n}\n\nexport const config = createConfig();\n"],"mappings":";;;;;;AAQA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,GAAwB,EAA0B;EAClEC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC,CAACG,OAAO,CAAC,UAAAC,IAAI,EAAI;IAC7B,IAAI,OAAOJ,GAAG,CAACI,IAAI,CAAC,KAAK,QAAQ,IAAI,CAACH,MAAM,CAACI,QAAQ,CAACL,GAAG,CAACI,IAAI,CAAC,CAAC,EAAE;MAC9DL,UAAU,CAACC,GAAG,CAACI,IAAI,CAAC,CAAC;IACzB;EACJ,CAAC,CAAC;EACF,OAAOH,MAAM,CAACK,MAAM,CAACN,GAAG,CAAC;AAC7B,CAAC;AAED,SAASO,YAAYA,CAAA,EAAc;EAC/B,IAAIC,OAA4B,GAAG,CAAC,CAAC;EAErC,OAAO;IACHC,GAAG,WAAAA,IAACC,MAAc,EAAE;MAChBF,OAAO,GAAGT,UAAU,CAACW,MAAM,CAAC;IAChC,CAAC;IACDC,GAAG,WAAAA,IAAA,EAAG;MACF,OAAOH,OAAO;IAClB,CAAC;IACDI,MAAM,WAAAA,OAACC,GAAG,EAAEC,YAAY,EAAE;MACtB,OAAOD,GAAG,IAAIL,OAAO,GAAGA,OAAO,CAACK,GAAG,CAAC,GAAGC,YAAY;IACvD;EACJ,CAAC;AACL;AAEO,IAAMJ,MAAM,GAAAK,OAAA,CAAAL,MAAA,GAAGH,YAAY,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["deepFreeze","obj","Object","keys","forEach","prop","isFrozen","freeze","createConfig","_config","set","config","get","getKey","key","defaultValue"],"sources":["config.ts"],"sourcesContent":["export type Config = Record<string, any>;\n\ninterface AppConfig {\n    set(config: Config): void;\n    get(): Config;\n    getKey<T = string>(key: string, defaultValue: T): T;\n}\n\nconst deepFreeze = (obj: Record<string, any>): Record<string, any> => {\n    Object.keys(obj).forEach(prop => {\n        if (typeof obj[prop] === \"object\" && !Object.isFrozen(obj[prop])) {\n            deepFreeze(obj[prop]);\n        }\n    });\n    return Object.freeze(obj);\n};\n\nfunction createConfig(): AppConfig {\n    let _config: Record<string, any> = {};\n\n    return {\n        set(config: Config) {\n            _config = deepFreeze(config);\n        },\n        get() {\n            return _config;\n        },\n        getKey(key, defaultValue) {\n            return key in _config ? _config[key] : defaultValue;\n        }\n    };\n}\n\nexport const config = createConfig();\n"],"mappings":"AAQA,MAAMA,UAAU,GAAIC,GAAwB,IAA0B;EAClEC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC,CAACG,OAAO,CAACC,IAAI,IAAI;IAC7B,IAAI,OAAOJ,GAAG,CAACI,IAAI,CAAC,KAAK,QAAQ,IAAI,CAACH,MAAM,CAACI,QAAQ,CAACL,GAAG,CAACI,IAAI,CAAC,CAAC,EAAE;MAC9DL,UAAU,CAACC,GAAG,CAACI,IAAI,CAAC,CAAC;IACzB;EACJ,CAAC,CAAC;EACF,OAAOH,MAAM,CAACK,MAAM,CAACN,GAAG,CAAC;AAC7B,CAAC;AAED,SAASO,YAAYA,CAAA,EAAc;EAC/B,IAAIC,OAA4B,GAAG,CAAC,CAAC;EAErC,OAAO;IACHC,GAAGA,CAACC,MAAc,EAAE;MAChBF,OAAO,GAAGT,UAAU,CAACW,MAAM,CAAC;IAChC,CAAC;IACDC,GAAGA,CAAA,EAAG;MACF,OAAOH,OAAO;IAClB,CAAC;IACDI,MAAMA,CAACC,GAAG,EAAEC,YAAY,EAAE;MACtB,OAAOD,GAAG,IAAIL,OAAO,GAAGA,OAAO,CAACK,GAAG,CAAC,GAAGC,YAAY;IACvD;EACJ,CAAC;AACL;AAEA,OAAO,MAAMJ,MAAM,GAAGH,YAAY,CAAC,CAAC","ignoreList":[]}

package/contexts/Ui/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 export declare const UiContext: React.Context<Record<string, any>>;
-declare type Props = Record<string, any>;
-declare type State = {
+type Props = Record<string, any>;
+type State = {
     ui: {
         [key: string]: any;
     };

package/contexts/Ui/index.js

@@ -1,56 +1,32 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UiProvider = exports.UiContext = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _plugins = require("@webiny/plugins");
-var UiContext = exports.UiContext = /*#__PURE__*/_react.default.createContext({});
-var UiProvider = exports.UiProvider = /*#__PURE__*/function (_React$Component) {
-  function UiProvider() {
-    var _this;
-    (0, _classCallCheck2.default)(this, UiProvider);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2.default)(this, UiProvider, [].concat(args));
-    (0, _defineProperty2.default)(_this, "state", {
-      ui: {}
-    });
-    (0, _defineProperty2.default)(_this, "setData", function (setter) {
-      return _this.setState(function (state) {
-        return {
-          ui: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.ui), setter(state.ui))
-        };
-      });
+import React from "react";
+import { plugins } from "@webiny/plugins";
+export const UiContext = /*#__PURE__*/React.createContext({});
+export class UiProvider extends React.Component {
+  state = {
+    ui: {}
+  };
+  setData = setter => {
+    return this.setState(state => {
+      return {
+        ui: {
+          ...state.ui,
+          ...setter(state.ui)
+        }
+      };
     });
-    return _this;
+  };
+  render() {
+    const value = {
+      ...this.state.ui,
+      setState: this.setData
+    };
+    const uiStatePlugins = plugins.byType("ui-state");
+    return /*#__PURE__*/React.createElement(UiContext.Provider, {
+      value: value
+    }, uiStatePlugins.map(pl => /*#__PURE__*/React.cloneElement(pl.render(), {
+      key: pl.name
+    })), this.props.children);
   }
-  (0, _inherits2.default)(UiProvider, _React$Component);
-  return (0, _createClass2.default)(UiProvider, [{
-    key: "render",
-    value: function render() {
-      var value = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.state.ui), {}, {
-        setState: this.setData
-      });
-      var uiStatePlugins = _plugins.plugins.byType("ui-state");
-      return /*#__PURE__*/_react.default.createElement(UiContext.Provider, {
-        value: value
-      }, uiStatePlugins.map(function (pl) {
-        return /*#__PURE__*/_react.default.cloneElement(pl.render(), {
-          key: pl.name
-        });
-      }), this.props.children);
-    }
-  }]);
-}(_react.default.Component);
+}
 
 //# sourceMappingURL=index.js.map

package/contexts/Ui/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_plugins","UiContext","exports","React","createContext","UiProvider","_React$Component","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","ui","setter","setState","state","_objectSpread2","_inherits2","_createClass2","key","value","render","setData","uiStatePlugins","plugins","byType","createElement","Provider","map","pl","cloneElement","name","props","children","Component"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiStatePlugin } from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\n\nexport const UiContext = React.createContext<Record<string, any>>({});\n\ntype Props = Record<string, any>;\n\ntype State = {\n    ui: { [key: string]: any };\n};\n\ninterface UiData {\n    [key: string]: any;\n}\n\ninterface UiDataSetter {\n    (ui: UiData): UiData;\n}\n\nexport interface UiContextValue {\n    setState: (setter: UiDataSetter) => void;\n    [key: string]: any;\n}\n\nexport class UiProvider extends React.Component<Props, State> {\n    public override state: State = {\n        ui: {}\n    };\n\n    private readonly setData = (setter: UiDataSetter): void => {\n        return this.setState((state: State) => {\n            return { ui: { ...state.ui, ...setter(state.ui) } };\n        });\n    };\n\n    public override render() {\n        const value: UiContextValue = { ...this.state.ui, setState: this.setData };\n        const uiStatePlugins = plugins.byType<UiStatePlugin>(\"ui-state\");\n        return (\n            <UiContext.Provider value={value}>\n                {uiStatePlugins.map(pl => React.cloneElement(pl.render(), { key: pl.name }))}\n                {this.props.children}\n            </UiContext.Provider>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAEO,IAAME,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAGE,cAAK,CAACC,aAAa,CAAsB,CAAC,CAAC,CAAC;AAAC,IAqBzDC,UAAU,GAAAH,OAAA,CAAAG,UAAA,0BAAAC,gBAAA;EAAA,SAAAD,WAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,UAAA;IAAA,SAAAK,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAR,KAAA,OAAAS,WAAA,CAAAP,OAAA,QAAAJ,UAAA,KAAAY,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,CAAAT,OAAA,EAAAF,KAAA,WACY;MAC3BY,EAAE,EAAE,CAAC;IACT,CAAC;IAAA,IAAAD,gBAAA,CAAAT,OAAA,EAAAF,KAAA,aAE0B,UAACa,MAAoB,EAAW;MACvD,OAAOb,KAAA,CAAKc,QAAQ,CAAC,UAACC,KAAY,EAAK;QACnC,OAAO;UAAEH,EAAE,MAAAI,cAAA,CAAAd,OAAA,MAAAc,cAAA,CAAAd,OAAA,MAAOa,KAAK,CAACH,EAAE,GAAKC,MAAM,CAACE,KAAK,CAACH,EAAE,CAAC;QAAG,CAAC;MACvD,CAAC,CAAC;IACN,CAAC;IAAA,OAAAZ,KAAA;EAAA;EAAA,IAAAiB,UAAA,CAAAf,OAAA,EAAAJ,UAAA,EAAAC,gBAAA;EAAA,WAAAmB,aAAA,CAAAhB,OAAA,EAAAJ,UAAA;IAAAqB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAyB;MACrB,IAAMD,KAAqB,OAAAJ,cAAA,CAAAd,OAAA,MAAAc,cAAA,CAAAd,OAAA,MAAQ,IAAI,CAACa,KAAK,CAACH,EAAE;QAAEE,QAAQ,EAAE,IAAI,CAACQ;MAAO,EAAE;MAC1E,IAAMC,cAAc,GAAGC,gBAAO,CAACC,MAAM,CAAgB,UAAU,CAAC;MAChE,oBACInC,MAAA,CAAAY,OAAA,CAAAwB,aAAA,CAAChC,SAAS,CAACiC,QAAQ;QAACP,KAAK,EAAEA;MAAM,GAC5BG,cAAc,CAACK,GAAG,CAAC,UAAAC,EAAE;QAAA,oBAAIjC,cAAK,CAACkC,YAAY,CAACD,EAAE,CAACR,MAAM,CAAC,CAAC,EAAE;UAAEF,GAAG,EAAEU,EAAE,CAACE;QAAK,CAAC,CAAC;MAAA,EAAC,EAC3E,IAAI,CAACC,KAAK,CAACC,QACI,CAAC;IAE7B;EAAC;AAAA,EApB2BrC,cAAK,CAACsC,SAAS","ignoreList":[]}
+{"version":3,"names":["React","plugins","UiContext","createContext","UiProvider","Component","state","ui","setData","setter","setState","render","value","uiStatePlugins","byType","createElement","Provider","map","pl","cloneElement","key","name","props","children"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { UiStatePlugin } from \"~/types.js\";\nimport { plugins } from \"@webiny/plugins\";\n\nexport const UiContext = React.createContext<Record<string, any>>({});\n\ntype Props = Record<string, any>;\n\ntype State = {\n    ui: { [key: string]: any };\n};\n\ninterface UiData {\n    [key: string]: any;\n}\n\ninterface UiDataSetter {\n    (ui: UiData): UiData;\n}\n\nexport interface UiContextValue {\n    setState: (setter: UiDataSetter) => void;\n    [key: string]: any;\n}\n\nexport class UiProvider extends React.Component<Props, State> {\n    public override state: State = {\n        ui: {}\n    };\n\n    private readonly setData = (setter: UiDataSetter): void => {\n        return this.setState((state: State) => {\n            return { ui: { ...state.ui, ...setter(state.ui) } };\n        });\n    };\n\n    public override render() {\n        const value: UiContextValue = { ...this.state.ui, setState: this.setData };\n        const uiStatePlugins = plugins.byType<UiStatePlugin>(\"ui-state\");\n        return (\n            <UiContext.Provider value={value}>\n                {uiStatePlugins.map(pl => React.cloneElement(pl.render(), { key: pl.name }))}\n                {this.props.children}\n            </UiContext.Provider>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,QAAQ,iBAAiB;AAEzC,OAAO,MAAMC,SAAS,gBAAGF,KAAK,CAACG,aAAa,CAAsB,CAAC,CAAC,CAAC;AAqBrE,OAAO,MAAMC,UAAU,SAASJ,KAAK,CAACK,SAAS,CAAe;EAC1CC,KAAK,GAAU;IAC3BC,EAAE,EAAE,CAAC;EACT,CAAC;EAEgBC,OAAO,GAAIC,MAAoB,IAAW;IACvD,OAAO,IAAI,CAACC,QAAQ,CAAEJ,KAAY,IAAK;MACnC,OAAO;QAAEC,EAAE,EAAE;UAAE,GAAGD,KAAK,CAACC,EAAE;UAAE,GAAGE,MAAM,CAACH,KAAK,CAACC,EAAE;QAAE;MAAE,CAAC;IACvD,CAAC,CAAC;EACN,CAAC;EAEeI,MAAMA,CAAA,EAAG;IACrB,MAAMC,KAAqB,GAAG;MAAE,GAAG,IAAI,CAACN,KAAK,CAACC,EAAE;MAAEG,QAAQ,EAAE,IAAI,CAACF;IAAQ,CAAC;IAC1E,MAAMK,cAAc,GAAGZ,OAAO,CAACa,MAAM,CAAgB,UAAU,CAAC;IAChE,oBACId,KAAA,CAAAe,aAAA,CAACb,SAAS,CAACc,QAAQ;MAACJ,KAAK,EAAEA;IAAM,GAC5BC,cAAc,CAACI,GAAG,CAACC,EAAE,iBAAIlB,KAAK,CAACmB,YAAY,CAACD,EAAE,CAACP,MAAM,CAAC,CAAC,EAAE;MAAES,GAAG,EAAEF,EAAE,CAACG;IAAK,CAAC,CAAC,CAAC,EAC3E,IAAI,CAACC,KAAK,CAACC,QACI,CAAC;EAE7B;AACJ","ignoreList":[]}

package/core/DebounceRender.js

@@ -1,42 +1,31 @@
-"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.DebounceRender = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
+import React from "react";
+import { useEffect, useMemo, useState } from "react";
+import debounce from "lodash/debounce.js";
 /**
  * We need to debounce the rendering of children during app bootstrap, since many plugins
  * can add more and more Providers which will recompose the entire hierarchy of React Context providers.
  * During this stage, we don't want to render anything.
  */
-var DebounceRender = exports.DebounceRender = function DebounceRender(_ref) {
-  var _ref$wait = _ref.wait,
-    wait = _ref$wait === void 0 ? 50 : _ref$wait,
-    children = _ref.children;
-  var _useState = (0, _react.useState)(wait === 0),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    render = _useState2[0],
-    setRender = _useState2[1];
-  var debouncedRender = (0, _react.useMemo)(function () {
-    return (0, _debounce.default)(function () {
+export const DebounceRender = ({
+  wait = 50,
+  children
+}) => {
+  const [render, setRender] = useState(wait === 0);
+  const debouncedRender = useMemo(() => {
+    return debounce(() => {
       setRender(true);
     }, wait);
   }, [setRender]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (render) {
       return;
     }
     debouncedRender();
-    return function () {
+    return () => {
       debouncedRender.cancel();
     };
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, render ? children : null);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, render ? children : null);
 };
 
 //# sourceMappingURL=DebounceRender.js.map

package/core/DebounceRender.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_debounce","_interopRequireDefault","DebounceRender","exports","_ref","_ref$wait","wait","children","_useState","useState","_useState2","_slicedToArray2","default","render","setRender","debouncedRender","useMemo","debounce","useEffect","cancel","createElement","Fragment"],"sources":["DebounceRender.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport debounce from \"lodash/debounce\";\n\ninterface Props {\n    wait?: number;\n    children?: React.ReactNode;\n}\n/**\n * We need to debounce the rendering of children during app bootstrap, since many plugins\n * can add more and more Providers which will recompose the entire hierarchy of React Context providers.\n * During this stage, we don't want to render anything.\n */\nexport const DebounceRender = ({ wait = 50, children }: Props) => {\n    const [render, setRender] = useState(wait === 0);\n\n    const debouncedRender = useMemo(() => {\n        return debounce(() => {\n            setRender(true);\n        }, wait);\n    }, [setRender]);\n\n    useEffect(() => {\n        if (render) {\n            return;\n        }\n\n        debouncedRender();\n\n        return () => {\n            debouncedRender.cancel();\n        };\n    }, []);\n\n    return <>{render ? children : null}</>;\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAMA;AACA;AACA;AACA;AACA;AACO,IAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAAE,IAAA,EAAuC;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAjCE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IAAEE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAChD,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAACH,IAAI,KAAK,CAAC,CAAC;IAAAI,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAzCK,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EAExB,IAAMK,eAAe,GAAG,IAAAC,cAAO,EAAC,YAAM;IAClC,OAAO,IAAAC,iBAAQ,EAAC,YAAM;MAClBH,SAAS,CAAC,IAAI,CAAC;IACnB,CAAC,EAAER,IAAI,CAAC;EACZ,CAAC,EAAE,CAACQ,SAAS,CAAC,CAAC;EAEf,IAAAI,gBAAS,EAAC,YAAM;IACZ,IAAIL,MAAM,EAAE;MACR;IACJ;IAEAE,eAAe,CAAC,CAAC;IAEjB,OAAO,YAAM;MACTA,eAAe,CAACI,MAAM,CAAC,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOtB,MAAA,CAAAe,OAAA,CAAAQ,aAAA,CAAAvB,MAAA,CAAAe,OAAA,CAAAS,QAAA,QAAGR,MAAM,GAAGN,QAAQ,GAAG,IAAO,CAAC;AAC1C,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useState","debounce","DebounceRender","wait","children","render","setRender","debouncedRender","cancel","createElement","Fragment"],"sources":["DebounceRender.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\n\ninterface Props {\n    wait?: number;\n    children?: React.ReactNode;\n}\n/**\n * We need to debounce the rendering of children during app bootstrap, since many plugins\n * can add more and more Providers which will recompose the entire hierarchy of React Context providers.\n * During this stage, we don't want to render anything.\n */\nexport const DebounceRender = ({ wait = 50, children }: Props) => {\n    const [render, setRender] = useState(wait === 0);\n\n    const debouncedRender = useMemo(() => {\n        return debounce(() => {\n            setRender(true);\n        }, wait);\n    }, [setRender]);\n\n    useEffect(() => {\n        if (render) {\n            return;\n        }\n\n        debouncedRender();\n\n        return () => {\n            debouncedRender.cancel();\n        };\n    }, []);\n\n    return <>{render ? children : null}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,OAAOC,QAAQ,MAAM,oBAAoB;AAMzC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC;AAAgB,CAAC,KAAK;EAC9D,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGN,QAAQ,CAACG,IAAI,KAAK,CAAC,CAAC;EAEhD,MAAMI,eAAe,GAAGR,OAAO,CAAC,MAAM;IAClC,OAAOE,QAAQ,CAAC,MAAM;MAClBK,SAAS,CAAC,IAAI,CAAC;IACnB,CAAC,EAAEH,IAAI,CAAC;EACZ,CAAC,EAAE,CAACG,SAAS,CAAC,CAAC;EAEfR,SAAS,CAAC,MAAM;IACZ,IAAIO,MAAM,EAAE;MACR;IACJ;IAEAE,eAAe,CAAC,CAAC;IAEjB,OAAO,MAAM;MACTA,eAAe,CAACC,MAAM,CAAC,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOX,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,QAAGL,MAAM,GAAGD,QAAQ,GAAG,IAAO,CAAC;AAC1C,CAAC","ignoreList":[]}

package/core/Plugin.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { GenericComponent, Decorator } from "@webiny/react-composition";
+import type { GenericComponent, Decorator } from "@webiny/react-composition";
 interface PluginProps {
     providers?: Decorator<GenericComponent>[];
     children?: React.ReactNode;

package/core/Plugin.js

@@ -1,22 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Plugin = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Provider = require("./Provider");
-var _Plugins = require("./Plugins");
-var Plugin = exports.Plugin = /*#__PURE__*/_react.default.memo(function Plugin(_ref) {
-  var providers = _ref.providers,
-    children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (providers || []).map(function (provider, index) {
-    return /*#__PURE__*/_react.default.createElement(_Provider.Provider, {
-      key: index,
-      hoc: provider
-    });
-  }), children ? /*#__PURE__*/_react.default.createElement(_Plugins.Plugins, null, children) : null);
+import React from "react";
+import { Provider } from "./Provider.js";
+import { Plugins } from "./Plugins.js";
+export const Plugin = /*#__PURE__*/React.memo(function Plugin({
+  providers,
+  children
+}) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (providers || []).map((provider, index) => /*#__PURE__*/React.createElement(Provider, {
+    key: index,
+    hoc: provider
+  })), children ? /*#__PURE__*/React.createElement(Plugins, null, children) : null);
 });
 
 //# sourceMappingURL=Plugin.js.map

package/core/Plugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Provider","_Plugins","Plugin","exports","React","memo","_ref","providers","children","default","createElement","Fragment","map","provider","index","Provider","key","hoc","Plugins"],"sources":["Plugin.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"./Provider\";\nimport { Plugins } from \"./Plugins\";\nimport { GenericComponent, Decorator } from \"@webiny/react-composition\";\n\ninterface PluginProps {\n    providers?: Decorator<GenericComponent>[];\n    children?: React.ReactNode;\n}\n\nexport const Plugin = React.memo(function Plugin({ providers, children }: PluginProps) {\n    return (\n        <>\n            {(providers || []).map((provider, index) => (\n                <Provider key={index} hoc={provider} />\n            ))}\n            {children ? <Plugins>{children}</Plugins> : null}\n        </>\n    );\n});\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAQO,IAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAGE,cAAK,CAACC,IAAI,CAAC,SAASH,MAAMA,CAAAI,IAAA,EAAuC;EAAA,IAApCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAClE,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAAAb,MAAA,CAAAY,OAAA,CAAAE,QAAA,QACK,CAACJ,SAAS,IAAI,EAAE,EAAEK,GAAG,CAAC,UAACC,QAAQ,EAAEC,KAAK;IAAA,oBACnCjB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,SAAA,CAAAe,QAAQ;MAACC,GAAG,EAAEF,KAAM;MAACG,GAAG,EAAEJ;IAAS,CAAE,CAAC;EAAA,CAC1C,CAAC,EACDL,QAAQ,gBAAGX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,QAAA,CAAAiB,OAAO,QAAEV,QAAkB,CAAC,GAAG,IAC9C,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Provider","Plugins","Plugin","memo","providers","children","createElement","Fragment","map","provider","index","key","hoc"],"sources":["Plugin.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"./Provider.js\";\nimport { Plugins } from \"./Plugins.js\";\nimport type { GenericComponent, Decorator } from \"@webiny/react-composition\";\n\ninterface PluginProps {\n    providers?: Decorator<GenericComponent>[];\n    children?: React.ReactNode;\n}\n\nexport const Plugin = React.memo(function Plugin({ providers, children }: PluginProps) {\n    return (\n        <>\n            {(providers || []).map((provider, index) => (\n                <Provider key={index} hoc={provider} />\n            ))}\n            {children ? <Plugins>{children}</Plugins> : null}\n        </>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ;AACjB,SAASC,OAAO;AAQhB,OAAO,MAAMC,MAAM,gBAAGH,KAAK,CAACI,IAAI,CAAC,SAASD,MAAMA,CAAC;EAAEE,SAAS;EAAEC;AAAsB,CAAC,EAAE;EACnF,oBACIN,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QACK,CAACH,SAAS,IAAI,EAAE,EAAEI,GAAG,CAAC,CAACC,QAAQ,EAAEC,KAAK,kBACnCX,KAAA,CAAAO,aAAA,CAACN,QAAQ;IAACW,GAAG,EAAED,KAAM;IAACE,GAAG,EAAEH;EAAS,CAAE,CACzC,CAAC,EACDJ,QAAQ,gBAAGN,KAAA,CAAAO,aAAA,CAACL,OAAO,QAAEI,QAAkB,CAAC,GAAG,IAC9C,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}

package/core/Plugins.d.ts

@@ -11,5 +11,5 @@ export declare const PluginsProvider: React.MemoExoticComponent<({ children }: P
 interface PluginsComponentsProps {
     children: React.ReactNode;
 }
-export declare const Plugins: ({ children }: PluginsComponentsProps) => React.JSX.Element | null;
+export declare const Plugins: React.MemoExoticComponent<({ children }: PluginsComponentsProps) => React.JSX.Element | null>;
 export {};

package/core/Plugins.js

@@ -1,45 +1,40 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PluginsProvider = exports.PluginsContext = exports.Plugins = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _App = require("../App");
-var PluginsContext = exports.PluginsContext = /*#__PURE__*/(0, _react.createContext)(false);
+import React, { Children, createContext, Fragment, memo, useContext, useEffect } from "react";
+import { useApp } from "../App.js";
+export const PluginsContext = /*#__PURE__*/createContext(false);
 PluginsContext.displayName = "PluginsContext";
-var PluginsProviderComponent = function PluginsProviderComponent(_ref) {
-  var children = _ref.children;
+const PluginsProviderComponent = ({
+  children
+}) => {
   /**
    * This context only serves as a safeguard. We need to warn users when they mount a plugin without using
    * the <Plugins> component. In that case, the context will not be available, and we can log warnings.
    */
-  return /*#__PURE__*/_react.default.createElement(PluginsContext.Provider, {
+  return /*#__PURE__*/React.createElement(PluginsContext.Provider, {
     value: true
   }, children);
 };
-var PluginsProvider = exports.PluginsProvider = /*#__PURE__*/(0, _react.memo)(PluginsProviderComponent);
+export const PluginsProvider = /*#__PURE__*/memo(PluginsProviderComponent);
 
 /**
  * @param children
  * @deprecated This component should not be used directly. Use the <Plugin> component to create plugins.
  */
 
-var Plugins = exports.Plugins = function Plugins(_ref2) {
-  var children = _ref2.children;
-  var _useApp = (0, _App.useApp)(),
-    addPlugin = _useApp.addPlugin;
-  var hasParentPlugin = (0, _react.useContext)(PluginsContext);
-  (0, _react.useEffect)(function () {
+export const Plugins = /*#__PURE__*/React.memo(({
+  children
+}) => {
+  const {
+    addPlugin
+  } = useApp();
+  const hasParentPlugin = useContext(PluginsContext);
+  useEffect(() => {
     if (hasParentPlugin) {
       return;
     }
-    _react.Children.forEach(children, function (child) {
-      return addPlugin(child);
-    });
+    Children.forEach(children, child => addPlugin(child));
   }, []);
-  return hasParentPlugin ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children) : null;
-};
+  return hasParentPlugin ? /*#__PURE__*/React.createElement(Fragment, null, children) : null;
+});
+Plugins.displayName = "Plugins";
 
 //# sourceMappingURL=Plugins.js.map