@webiny/app 0.0.0-unstable.e622468070 → 0.0.0-unstable.e9333b3f0b

package/App.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { Decorator, DecoratorsCollection, GenericComponent } from "@webiny/react-composition";
 interface State {
-    plugins: JSX.Element[];
+    plugins: React.JSX.Element[];
     providers: Decorator<GenericComponent<ProviderProps>>[];
 }
 interface AppContext extends State {
@@ -11,8 +11,8 @@ interface AppContext extends State {
 declare const AppContext: React.Context<AppContext | undefined>;
 export declare const useApp: () => AppContext;
 export interface AppProps {
-    debounceRender?: number;
     routes?: Array<any>;
+    plugins?: any[];
     providers?: Array<Decorator<GenericComponent<ProviderProps>>>;
     decorators?: DecoratorsCollection;
     children?: React.ReactNode | React.ReactNode[];
@@ -20,6 +20,6 @@ export interface AppProps {
 interface ProviderProps {
     children: React.ReactNode;
 }
-export declare const AppBase: React.MemoExoticComponent<({ debounceRender, routes, providers, children }: AppProps) => React.JSX.Element>;
+export declare const AppBase: React.MemoExoticComponent<({ routes, plugins, providers, children }: AppProps) => React.JSX.Element>;
 export declare const App: ({ decorators, ...props }: AppProps) => React.JSX.Element;
 export {};

package/App.js

@@ -1,92 +1,82 @@
-import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
-import { compose, CompositionProvider } from "@webiny/react-composition";
-import { DebounceRender } from "./core/DebounceRender.js";
+import react, { Fragment, createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { CompositionProvider, compose } from "@webiny/react-composition";
 import { PluginsProvider } from "./core/Plugins.js";
 import { RouterWithConfig, useRouterConfig } from "./config/RouterConfig.js";
 import { AppContainer } from "./AppContainer.js";
 import { RouteContent } from "./presentation/router/components/RouteContent.js";
 import { useRouter } from "./router.js";
-const AppContext = /*#__PURE__*/createContext(undefined);
+const AppContext = /*#__PURE__*/ createContext(void 0);
 AppContext.displayName = "AppContext";
-export const useApp = () => {
-  const appContext = useContext(AppContext);
-  if (!appContext) {
-    throw Error(`AppContext provider was not found. Are you using the "useApp()" hook in the right place?`);
-  }
-  return appContext;
+const useApp = ()=>{
+    const appContext = useContext(AppContext);
+    if (!appContext) throw Error('AppContext provider was not found. Are you using the "useApp()" hook in the right place?');
+    return appContext;
 };
-export const AppBase = /*#__PURE__*/React.memo(({
-  debounceRender = 50,
-  routes = [],
-  providers = [],
-  children
-}) => {
-  const [state, setState] = useState({
-    plugins: [],
-    providers
-  });
-  const addProvider = useCallback(component => {
-    setState(state => {
-      if (state.providers.findIndex(m => m === component) > -1) {
-        return state;
-      }
-      return {
-        ...state,
-        providers: [...state.providers, component]
-      };
+const AppBase = /*#__PURE__*/ react.memo(({ routes = [], plugins = [], providers = [], children })=>{
+    const [state, setState] = useState({
+        plugins,
+        providers
     });
-  }, []);
-  const addPlugin = useCallback(element => {
-    setState(state => {
-      return {
-        ...state,
-        plugins: [...state.plugins, element]
-      };
-    });
-  }, []);
-  const appContext = useMemo(() => ({
-    ...state,
-    addProvider,
-    addPlugin
-  }), [state]);
-  const AppRouter = useMemo(() => {
-    return function AppRouter() {
-      const router = useRouter();
-      const routerConfig = useRouterConfig();
-      const routesFromConfig = routerConfig.routes;
-      const combinedRoutes = [...routes, ...routesFromConfig];
-      useEffect(() => {
-        router.setRoutes(combinedRoutes);
-      }, [combinedRoutes.length]);
-      return null;
-    };
-  }, []);
-  const Providers = useMemo(() => {
-    return /*#__PURE__*/React.memo(compose(...(state.providers || []))(({
-      children
-    }) => {
-      return /*#__PURE__*/React.createElement(DebounceRender, {
-        wait: debounceRender
-      }, children);
-    }));
-  }, [state.providers.length]);
-  Providers.displayName = "Providers";
-  return /*#__PURE__*/React.createElement(AppContext.Provider, {
-    value: appContext
-  }, children, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(Providers, null, /*#__PURE__*/React.createElement(PluginsProvider, null, state.plugins), /*#__PURE__*/React.createElement(DebounceRender, {
-    wait: debounceRender
-  }, /*#__PURE__*/React.createElement(RouterWithConfig, null, /*#__PURE__*/React.createElement(AppRouter, null), /*#__PURE__*/React.createElement(RouteContent, null))))));
+    const addProvider = useCallback((component)=>{
+        setState((state)=>{
+            if (state.providers.findIndex((m)=>m === component) > -1) return state;
+            return {
+                ...state,
+                providers: [
+                    ...state.providers,
+                    component
+                ]
+            };
+        });
+    }, []);
+    const addPlugin = useCallback((element)=>{
+        setState((state)=>({
+                ...state,
+                plugins: [
+                    ...state.plugins,
+                    element
+                ]
+            }));
+    }, []);
+    const appContext = useMemo(()=>({
+            ...state,
+            addProvider,
+            addPlugin
+        }), [
+        state
+    ]);
+    const AppRouter = useMemo(()=>function() {
+            const router = useRouter();
+            const routerConfig = useRouterConfig();
+            const routesFromConfig = routerConfig.routes;
+            const combinedRoutes = [
+                ...routes,
+                ...routesFromConfig
+            ];
+            useEffect(()=>{
+                router.setRoutes(combinedRoutes);
+            }, [
+                combinedRoutes.length
+            ]);
+            return null;
+        }, []);
+    const Providers = useMemo(()=>/*#__PURE__*/ react.memo(compose(...state.providers || [])(({ children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, children))), [
+        state.providers.length
+    ]);
+    Providers.displayName = "Providers";
+    return /*#__PURE__*/ react.createElement(AppContext.Provider, {
+        value: appContext
+    }, children, /*#__PURE__*/ react.createElement(AppContainer, null, /*#__PURE__*/ react.createElement(Providers, null, /*#__PURE__*/ react.createElement(PluginsProvider, null, state.plugins.map((plugin, index)=>/*#__PURE__*/ react.createElement(Fragment, {
+            key: index
+        }, plugin))), /*#__PURE__*/ react.createElement(RouterWithConfig, null, /*#__PURE__*/ react.createElement(AppRouter, null), /*#__PURE__*/ react.createElement(RouteContent, null)))));
 });
 AppBase.displayName = "AppBase";
-export const App = ({
-  decorators,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(CompositionProvider, {
-    decorators: decorators
-  }, /*#__PURE__*/React.createElement(AppBase, Object.assign({
-    decorators: decorators
-  }, props)));
-};
+const App = ({ decorators, ...props })=>/*#__PURE__*/ react.createElement(CompositionProvider, {
+        decorators: decorators
+    }, /*#__PURE__*/ react.createElement(AppBase, {
+        decorators: decorators,
+        ...props
+    }));
+export { App, AppBase, useApp };
 
 //# sourceMappingURL=App.js.map

package/App.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useCallback","useContext","useEffect","useMemo","useState","compose","CompositionProvider","DebounceRender","PluginsProvider","RouterWithConfig","useRouterConfig","AppContainer","RouteContent","useRouter","AppContext","undefined","displayName","useApp","appContext","Error","AppBase","memo","debounceRender","routes","providers","children","state","setState","plugins","addProvider","component","findIndex","m","addPlugin","element","AppRouter","router","routerConfig","routesFromConfig","combinedRoutes","setRoutes","length","Providers","createElement","wait","Provider","value","App","decorators","props","Object","assign"],"sources":["App.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from \"react\";\nimport {\n    compose,\n    CompositionProvider,\n    Decorator,\n    DecoratorsCollection,\n    GenericComponent\n} from \"@webiny/react-composition\";\nimport { DebounceRender } from \"./core/DebounceRender.js\";\nimport { PluginsProvider } from \"./core/Plugins.js\";\nimport { RouterWithConfig, useRouterConfig } from \"./config/RouterConfig.js\";\nimport { AppContainer } from \"./AppContainer.js\";\nimport { RouteContent } from \"~/presentation/router/components/RouteContent.js\";\nimport { useRouter } from \"~/router.js\";\n\ninterface State {\n    plugins: JSX.Element[];\n    providers: Decorator<GenericComponent<ProviderProps>>[];\n}\n\ninterface AppContext extends State {\n    addProvider(hoc: Decorator<GenericComponent<ProviderProps>>): void;\n\n    addPlugin(plugin: React.ReactNode): void;\n}\n\nconst AppContext = createContext<AppContext | undefined>(undefined);\n\nAppContext.displayName = \"AppContext\";\n\nexport const useApp = () => {\n    const appContext = useContext(AppContext);\n    if (!appContext) {\n        throw Error(\n            `AppContext provider was not found. Are you using the \"useApp()\" hook in the right place?`\n        );\n    }\n    return appContext;\n};\n\nexport interface AppProps {\n    debounceRender?: number;\n    routes?: Array<any>;\n    providers?: Array<Decorator<GenericComponent<ProviderProps>>>;\n    decorators?: DecoratorsCollection;\n    children?: React.ReactNode | React.ReactNode[];\n}\n\ninterface ProviderProps {\n    children: React.ReactNode;\n}\n\ntype ComponentWithChildren = React.ComponentType<{ children?: React.ReactNode }>;\n\nexport const AppBase = React.memo(\n    ({ debounceRender = 50, routes = [], providers = [], children }: AppProps) => {\n        const [state, setState] = useState<State>({\n            plugins: [],\n            providers\n        });\n\n        const addProvider = useCallback((component: Decorator<any>) => {\n            setState(state => {\n                if (state.providers.findIndex(m => m === component) > -1) {\n                    return state;\n                }\n\n                return {\n                    ...state,\n                    providers: [...state.providers, component]\n                };\n            });\n        }, []);\n\n        const addPlugin = useCallback((element: JSX.Element) => {\n            setState(state => {\n                return {\n                    ...state,\n                    plugins: [...state.plugins, element]\n                };\n            });\n        }, []);\n\n        const appContext = useMemo(\n            () => ({\n                ...state,\n                addProvider,\n                addPlugin\n            }),\n            [state]\n        );\n\n        const AppRouter = useMemo(() => {\n            return function AppRouter() {\n                const router = useRouter();\n                const routerConfig = useRouterConfig();\n                const routesFromConfig = routerConfig.routes;\n                const combinedRoutes = [...routes, ...routesFromConfig];\n\n                useEffect(() => {\n                    router.setRoutes(combinedRoutes);\n                }, [combinedRoutes.length]);\n\n                return null;\n            };\n        }, []);\n\n        const Providers = useMemo(() => {\n            return React.memo(\n                compose(...(state.providers || []))(({ children }: ProviderProps) => {\n                    return <DebounceRender wait={debounceRender}>{children}</DebounceRender>;\n                })\n            );\n        }, [state.providers.length]) as ComponentWithChildren;\n\n        Providers.displayName = \"Providers\";\n\n        return (\n            <AppContext.Provider value={appContext}>\n                {children}\n                <AppContainer>\n                    <Providers>\n                        <PluginsProvider>{state.plugins}</PluginsProvider>\n                        <DebounceRender wait={debounceRender}>\n                            <RouterWithConfig>\n                                <AppRouter />\n                                <RouteContent />\n                            </RouterWithConfig>\n                        </DebounceRender>\n                    </Providers>\n                </AppContainer>\n            </AppContext.Provider>\n        );\n    }\n);\n\nAppBase.displayName = \"AppBase\";\n\nexport const App = ({ decorators, ...props }: AppProps) => {\n    return (\n        <CompositionProvider decorators={decorators}>\n            <AppBase decorators={decorators} {...props} />\n        </CompositionProvider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"App.js","sources":["../src/App.tsx"],"sourcesContent":["import React, {\n    createContext,\n    Fragment,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useState\n} from \"react\";\nimport {\n    compose,\n    CompositionProvider,\n    Decorator,\n    DecoratorsCollection,\n    GenericComponent\n} from \"@webiny/react-composition\";\nimport { PluginsProvider } from \"./core/Plugins.js\";\nimport { RouterWithConfig, useRouterConfig } from \"./config/RouterConfig.js\";\nimport { AppContainer } from \"./AppContainer.js\";\nimport { RouteContent } from \"~/presentation/router/components/RouteContent.js\";\nimport { useRouter } from \"~/router.js\";\n\ninterface State {\n    plugins: React.JSX.Element[];\n    providers: Decorator<GenericComponent<ProviderProps>>[];\n}\n\ninterface AppContext extends State {\n    addProvider(hoc: Decorator<GenericComponent<ProviderProps>>): void;\n    addPlugin(plugin: React.ReactNode): void;\n}\n\nconst AppContext = createContext<AppContext | undefined>(undefined);\n\nAppContext.displayName = \"AppContext\";\n\nexport const useApp = () => {\n    const appContext = useContext(AppContext);\n    if (!appContext) {\n        throw Error(\n            `AppContext provider was not found. Are you using the \"useApp()\" hook in the right place?`\n        );\n    }\n    return appContext;\n};\n\nexport interface AppProps {\n    routes?: Array<any>;\n    plugins?: any[];\n    providers?: Array<Decorator<GenericComponent<ProviderProps>>>;\n    decorators?: DecoratorsCollection;\n    children?: React.ReactNode | React.ReactNode[];\n}\n\ninterface ProviderProps {\n    children: React.ReactNode;\n}\n\ntype ComponentWithChildren = React.ComponentType<{ children?: React.ReactNode }>;\n\nexport const AppBase = React.memo(\n    ({ routes = [], plugins = [], providers = [], children }: AppProps) => {\n        const [state, setState] = useState<State>({\n            plugins,\n            providers\n        });\n\n        const addProvider = useCallback((component: Decorator<any>) => {\n            setState(state => {\n                if (state.providers.findIndex(m => m === component) > -1) {\n                    return state;\n                }\n\n                return {\n                    ...state,\n                    providers: [...state.providers, component]\n                };\n            });\n        }, []);\n\n        const addPlugin = useCallback((element: React.JSX.Element) => {\n            setState(state => {\n                return {\n                    ...state,\n                    plugins: [...state.plugins, element]\n                };\n            });\n        }, []);\n\n        const appContext = useMemo(\n            () => ({\n                ...state,\n                addProvider,\n                addPlugin\n            }),\n            [state]\n        );\n\n        const AppRouter = useMemo(() => {\n            return function AppRouter() {\n                const router = useRouter();\n                const routerConfig = useRouterConfig();\n                const routesFromConfig = routerConfig.routes;\n                const combinedRoutes = [...routes, ...routesFromConfig];\n\n                useEffect(() => {\n                    router.setRoutes(combinedRoutes);\n                }, [combinedRoutes.length]);\n\n                return null;\n            };\n        }, []);\n\n        const Providers = useMemo(() => {\n            return React.memo(\n                compose(...(state.providers || []))(({ children }: ProviderProps) => {\n                    return <>{children}</>;\n                })\n            );\n        }, [state.providers.length]) as ComponentWithChildren;\n\n        Providers.displayName = \"Providers\";\n\n        return (\n            <AppContext.Provider value={appContext}>\n                {children}\n                <AppContainer>\n                    <Providers>\n                        <PluginsProvider>\n                            {state.plugins.map((plugin, index) => (\n                                <Fragment key={index}>{plugin}</Fragment>\n                            ))}\n                        </PluginsProvider>\n                        <RouterWithConfig>\n                            <AppRouter />\n                            <RouteContent />\n                        </RouterWithConfig>\n                    </Providers>\n                </AppContainer>\n            </AppContext.Provider>\n        );\n    }\n);\n\nAppBase.displayName = \"AppBase\";\n\nexport const App = ({ decorators, ...props }: AppProps) => {\n    return (\n        <CompositionProvider decorators={decorators}>\n            <AppBase decorators={decorators} {...props} />\n        </CompositionProvider>\n    );\n};\n"],"names":["AppContext","createContext","undefined","useApp","appContext","useContext","Error","AppBase","React","routes","plugins","providers","children","state","setState","useState","addProvider","useCallback","component","m","addPlugin","element","useMemo","AppRouter","router","useRouter","routerConfig","useRouterConfig","routesFromConfig","combinedRoutes","useEffect","Providers","compose","AppContainer","PluginsProvider","plugin","index","Fragment","RouterWithConfig","RouteContent","App","decorators","props","CompositionProvider"],"mappings":";;;;;;;AAgCA,MAAMA,aAAa,WAAHA,GAAGC,cAAsCC;AAEzDF,WAAW,WAAW,GAAG;AAElB,MAAMG,SAAS;IAClB,MAAMC,aAAaC,WAAWL;IAC9B,IAAI,CAACI,YACD,MAAME,MACF;IAGR,OAAOF;AACX;AAgBO,MAAMG,UAAU,WAAHA,GAAGC,MAAAA,IAAU,CAC7B,CAAC,EAAEC,SAAS,EAAE,EAAEC,UAAU,EAAE,EAAEC,YAAY,EAAE,EAAEC,QAAQ,EAAY;IAC9D,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAAgB;QACtCL;QACAC;IACJ;IAEA,MAAMK,cAAcC,YAAY,CAACC;QAC7BJ,SAASD,CAAAA;YACL,IAAIA,MAAM,SAAS,CAAC,SAAS,CAACM,CAAAA,IAAKA,MAAMD,aAAa,IAClD,OAAOL;YAGX,OAAO;gBACH,GAAGA,KAAK;gBACR,WAAW;uBAAIA,MAAM,SAAS;oBAAEK;iBAAU;YAC9C;QACJ;IACJ,GAAG,EAAE;IAEL,MAAME,YAAYH,YAAY,CAACI;QAC3BP,SAASD,CAAAA,QACE;gBACH,GAAGA,KAAK;gBACR,SAAS;uBAAIA,MAAM,OAAO;oBAAEQ;iBAAQ;YACxC;IAER,GAAG,EAAE;IAEL,MAAMjB,aAAakB,QACf,IAAO;YACH,GAAGT,KAAK;YACRG;YACAI;QACJ,IACA;QAACP;KAAM;IAGX,MAAMU,YAAYD,QAAQ,IACf;YACH,MAAME,SAASC;YACf,MAAMC,eAAeC;YACrB,MAAMC,mBAAmBF,aAAa,MAAM;YAC5C,MAAMG,iBAAiB;mBAAIpB;mBAAWmB;aAAiB;YAEvDE,UAAU;gBACNN,OAAO,SAAS,CAACK;YACrB,GAAG;gBAACA,eAAe,MAAM;aAAC;YAE1B,OAAO;QACX,GACD,EAAE;IAEL,MAAME,YAAYT,QAAQ,IACf,WAAP,GAAOd,MAAAA,IAAU,CACbwB,WAAYnB,MAAM,SAAS,IAAI,EAAE,EAAG,CAAC,EAAED,QAAQ,EAAiB,GACrD,WAAP,GAAO,0CAAGA,aAGnB;QAACC,MAAM,SAAS,CAAC,MAAM;KAAC;IAE3BkB,UAAU,WAAW,GAAG;IAExB,OAAO,WAAP,GACI,oBAAC/B,WAAW,QAAQ;QAAC,OAAOI;OACvBQ,UAAAA,WAAAA,GACD,oBAACqB,cAAYA,MAAAA,WAAAA,GACT,oBAACF,WAAAA,MAAAA,WAAAA,GACG,oBAACG,iBAAeA,MACXrB,MAAM,OAAO,CAAC,GAAG,CAAC,CAACsB,QAAQC,QAAAA,WAAAA,GACxB,oBAACC,UAAQA;YAAC,KAAKD;WAAQD,WAAAA,WAAAA,GAG/B,oBAACG,kBAAgBA,MAAAA,WAAAA,GACb,oBAACf,WAAAA,OAAAA,WAAAA,GACD,oBAACgB,cAAYA;AAMrC;AAGJhC,QAAQ,WAAW,GAAG;AAEf,MAAMiC,MAAM,CAAC,EAAEC,UAAU,EAAE,GAAGC,OAAiB,GAC3C,WAAP,GACI,oBAACC,qBAAmBA;QAAC,YAAYF;qBAC7B,oBAAClC,SAAOA;QAAC,YAAYkC;QAAa,GAAGC,KAAK"}

package/AppContainer.js

@@ -1,9 +1,6 @@
-import React from "react";
+import react from "react";
 import { makeDecoratable } from "@webiny/react-composition";
-export const AppContainer = makeDecoratable("AppContainer", ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-});
+const AppContainer = makeDecoratable("AppContainer", ({ children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, children));
+export { AppContainer };
 
 //# sourceMappingURL=AppContainer.js.map

package/AppContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","AppContainer","children","createElement","Fragment"],"sources":["AppContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nexport interface AppContentProps {\n    children: React.ReactNode;\n}\n\nexport const AppContainer = makeDecoratable(\"AppContainer\", ({ children }: AppContentProps) => {\n    return <>{children}</>;\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAM3D,OAAO,MAAMC,YAAY,GAAGD,eAAe,CAAC,cAAc,EAAE,CAAC;EAAEE;AAA0B,CAAC,KAAK;EAC3F,oBAAOH,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,QAAGF,QAAW,CAAC;AAC1B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"AppContainer.js","sources":["../src/AppContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nexport interface AppContentProps {\n    children: React.ReactNode;\n}\n\nexport const AppContainer = makeDecoratable(\"AppContainer\", ({ children }: AppContentProps) => {\n    return <>{children}</>;\n});\n"],"names":["AppContainer","makeDecoratable","children"],"mappings":";;AAOO,MAAMA,eAAeC,gBAAgB,gBAAgB,CAAC,EAAEC,QAAQ,EAAmB,GAC/E,WAAP,GAAO,0CAAGA"}

package/components/Image.js

@@ -1,23 +1,17 @@
 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.`);
-  }
-  if (presetName) {
-    const preset = get(plugin, `presets.${presetName}`);
-    invariant(preset, `Transform preset "${presetName}" not found.`);
-    props.transform = preset;
-  }
-  if (props.transform) {
-    props.src = plugin.getImageSrc(props);
-  }
-  return plugin.render(props);
+const Image = ({ preset: presetName, ...props })=>{
+    const plugin = plugins.byName("image-component");
+    if (!plugin) throw new Error('Image component plugin (type "image-component") not defined.');
+    if (presetName) {
+        const preset = get(plugin, `presets.${presetName}`);
+        invariant(preset, `Transform preset "${presetName}" not found.`);
+        props.transform = preset;
+    }
+    if (props.transform) props.src = plugin.getImageSrc(props);
+    return plugin.render(props);
 };
+export { Image };
 
 //# sourceMappingURL=Image.js.map

package/components/Image.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"components/Image.js","sources":["../../src/components/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"],"names":["Image","presetName","props","plugin","plugins","Error","preset","get","invariant"],"mappings":";;;AAKO,MAAMA,QAAQ,CAAC,EAAE,QAAQC,UAAU,EAAE,GAAGC,OAAmB;IAC9D,MAAMC,SAASC,QAAQ,MAAM,CAAuB;IACpD,IAAI,CAACD,QACD,MAAM,IAAIE,MAAM;IAGpB,IAAIJ,YAAY;QACZ,MAAMK,SAASC,IAAIJ,QAAQ,CAAC,QAAQ,EAAEF,YAAY;QAClDO,UAAUF,QAAQ,CAAC,kBAAkB,EAAEL,WAAW,YAAY,CAAC;QAC/DC,MAAM,SAAS,GAAGI;IACtB;IAEA,IAAIJ,MAAM,SAAS,EACfA,MAAM,GAAG,GAAGC,OAAO,WAAW,CAACD;IAGnC,OAAOC,OAAO,MAAM,CAACD;AACzB"}

package/components/index.js

@@ -1,3 +1 @@
 export { Image } from "./Image.js";
-
-//# sourceMappingURL=index.js.map

package/config/RouterConfig/Route.js

@@ -1,33 +1,28 @@
-import React from "react";
+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
-  }));
+const Route = makeDecoratable("Route", ({ route, element, remove, before, after })=>{
+    const name = route.name;
+    const getId = useIdGenerator("Route");
+    const placeAfter = void 0 !== after ? getId(after) : void 0;
+    const placeBefore = void 0 !== before ? getId(before) : void 0;
+    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
+    }));
 });
+export { Route };
 
 //# sourceMappingURL=Route.js.map

package/config/RouterConfig/Route.js.map

@@ -1 +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":[]}
+{"version":3,"file":"config/RouterConfig/Route.js","sources":["../../../src/config/RouterConfig/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"],"names":["Route","makeDecoratable","route","element","remove","before","after","name","getId","useIdGenerator","placeAfter","undefined","placeBefore","Property"],"mappings":";;;AAeO,MAAMA,QAAQC,gBACjB,SACA,CAAC,EAAEC,KAAK,EAAEC,OAAO,EAAEC,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAc;IAClD,MAAMC,OAAOL,MAAM,IAAI;IAEvB,MAAMM,QAAQC,eAAe;IAE7B,MAAMC,aAAaJ,AAAUK,WAAVL,QAAsBE,MAAMF,SAASK;IACxD,MAAMC,cAAcP,AAAWM,WAAXN,SAAuBG,MAAMH,UAAUM;IAE3D,OAAO,WAAP,GACI,oBAACE,UAAQA;QACL,IAAIL,MAAMD;QACV,MAAM;QACN,QAAQH;QACR,OAAO;QACP,QAAQQ;QACR,OAAOF;qBAEP,oBAACG,UAAQA;QAAC,IAAIL,MAAMD,MAAM;QAAU,MAAM;QAAS,OAAOL;sBAC1D,oBAACW,UAAQA;QAAC,IAAIL,MAAMD,MAAM;QAAY,MAAM;QAAW,OAAOJ;;AAG1E"}

package/config/RouterConfig.d.ts

@@ -25,7 +25,5 @@ export declare const RouterConfig: (({ priority, children }: import("@webiny/rea
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    useRouterConfig: () => {
-        routes: RouteConfig[];
-    };
+    useRouterConfig: typeof useRouterConfig;
 };

package/config/RouterConfig.js

@@ -1,18 +1,19 @@
 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"
+const RouterWithConfig = Object.assign(base.WithConfig, {
+    displayName: "RouterWithConfig"
 });
-export const useRouterConfig = () => {
-  const baseConfig = base.useConfig();
-  return {
-    routes: baseConfig.routes ?? []
-  };
+const useRouterConfig = ()=>{
+    const baseConfig = base.useConfig();
+    return {
+        routes: baseConfig.routes ?? []
+    };
 };
-export const RouterConfig = Object.assign(base.Config, {
-  Route,
-  useRouterConfig
+const RouterConfig = Object.assign(base.Config, {
+    Route: Route,
+    useRouterConfig: useRouterConfig
 });
+export { RouterConfig, RouterWithConfig, useRouterConfig };
 
 //# sourceMappingURL=RouterConfig.js.map

package/config/RouterConfig.js.map

@@ -1 +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":[]}
+{"version":3,"file":"config/RouterConfig.js","sources":["../../src/config/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"],"names":["base","createConfigurableComponent","RouterWithConfig","Object","useRouterConfig","baseConfig","RouterConfig","Route"],"mappings":";;AAGA,MAAMA,OAAOC,4BAA0C;AAEhD,MAAMC,mBAAmBC,OAAO,MAAM,CAACH,KAAK,UAAU,EAAE;IAC3D,aAAa;AACjB;AAMO,MAAMI,kBAAkB;IAC3B,MAAMC,aAAaL,KAAK,SAAS;IAEjC,OAAO;QACH,QAAQK,WAAW,MAAM,IAAI,EAAE;IACnC;AACJ;AAEO,MAAMC,eAAeH,OAAO,MAAM,CAACH,KAAK,MAAM,EAAE;IACnDO,OAAKA;IACLH,iBAAAA;AACJ"}

package/config.js

@@ -1,25 +1,24 @@
-const deepFreeze = obj => {
-  Object.keys(obj).forEach(prop => {
-    if (typeof obj[prop] === "object" && !Object.isFrozen(obj[prop])) {
-      deepFreeze(obj[prop]);
-    }
-  });
-  return Object.freeze(obj);
+const deepFreeze = (obj)=>{
+    Object.keys(obj).forEach((prop)=>{
+        if ("object" == typeof obj[prop] && !Object.isFrozen(obj[prop])) deepFreeze(obj[prop]);
+    });
+    return Object.freeze(obj);
 };
 function createConfig() {
-  let _config = {};
-  return {
-    set(config) {
-      _config = deepFreeze(config);
-    },
-    get() {
-      return _config;
-    },
-    getKey(key, defaultValue) {
-      return key in _config ? _config[key] : defaultValue;
-    }
-  };
+    let _config = {};
+    return {
+        set (config) {
+            _config = deepFreeze(config);
+        },
+        get () {
+            return _config;
+        },
+        getKey (key, defaultValue) {
+            return key in _config ? _config[key] : defaultValue;
+        }
+    };
 }
-export const config = createConfig();
+const config_config = createConfig();
+export { config_config as config };
 
 //# 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"],"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":[]}
+{"version":3,"file":"config.js","sources":["../src/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"],"names":["deepFreeze","obj","Object","prop","createConfig","_config","config","key","defaultValue"],"mappings":"AAQA,MAAMA,aAAa,CAACC;IAChBC,OAAO,IAAI,CAACD,KAAK,OAAO,CAACE,CAAAA;QACrB,IAAI,AAAqB,YAArB,OAAOF,GAAG,CAACE,KAAK,IAAiB,CAACD,OAAO,QAAQ,CAACD,GAAG,CAACE,KAAK,GAC3DH,WAAWC,GAAG,CAACE,KAAK;IAE5B;IACA,OAAOD,OAAO,MAAM,CAACD;AACzB;AAEA,SAASG;IACL,IAAIC,UAA+B,CAAC;IAEpC,OAAO;QACH,KAAIC,MAAc;YACdD,UAAUL,WAAWM;QACzB;QACA;YACI,OAAOD;QACX;QACA,QAAOE,GAAG,EAAEC,YAAY;YACpB,OAAOD,OAAOF,UAAUA,OAAO,CAACE,IAAI,GAAGC;QAC3C;IACJ;AACJ;AAEO,MAAMF,gBAASF"}

package/contexts/Ui/index.js

@@ -1,32 +1,30 @@
-import React from "react";
+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)
-        }
-      };
-    });
-  };
-  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);
-  }
+const UiContext = /*#__PURE__*/ react.createContext({});
+class UiProvider extends react.Component {
+    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);
+    }
+    constructor(...args){
+        super(...args), this.state = {
+            ui: {}
+        }, this.setData = (setter)=>this.setState((state)=>({
+                    ui: {
+                        ...state.ui,
+                        ...setter(state.ui)
+                    }
+                }));
+    }
 }
+export { UiContext, UiProvider };
 
 //# sourceMappingURL=index.js.map

package/contexts/Ui/index.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"contexts/Ui/index.js","sources":["../../../src/contexts/Ui/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"],"names":["UiContext","React","UiProvider","value","uiStatePlugins","plugins","pl","setter","state"],"mappings":";;AAIO,MAAMA,YAAY,WAAHA,GAAGC,MAAAA,aAAmB,CAAsB,CAAC;AAqB5D,MAAMC,mBAAmBD,MAAAA,SAAe;IAW3B,SAAS;QACrB,MAAME,QAAwB;YAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE;YAAE,UAAU,IAAI,CAAC,OAAO;QAAC;QACzE,MAAMC,iBAAiBC,QAAQ,MAAM,CAAgB;QACrD,OAAO,WAAP,GACI,oBAACL,UAAU,QAAQ;YAAC,OAAOG;WACtBC,eAAe,GAAG,CAACE,CAAAA,KAAAA,WAAAA,GAAML,MAAAA,YAAkB,CAACK,GAAG,MAAM,IAAI;gBAAE,KAAKA,GAAG,IAAI;YAAC,KACxE,IAAI,CAAC,KAAK,CAAC,QAAQ;IAGhC;;QApBG,qBACa,KAAK,GAAU;YAC3B,IAAI,CAAC;QACT,QAEiB,OAAO,GAAG,CAACC,SACjB,IAAI,CAAC,QAAQ,CAAC,CAACC,QACX;oBAAE,IAAI;wBAAE,GAAGA,MAAM,EAAE;wBAAE,GAAGD,OAAOC,MAAM,EAAE,CAAC;oBAAC;gBAAE;;AAc9D"}

package/core/Plugin.d.ts

@@ -4,5 +4,5 @@ interface PluginProps {
     providers?: Decorator<GenericComponent>[];
     children?: React.ReactNode;
 }
-export declare const Plugin: React.NamedExoticComponent<PluginProps>;
+export declare const Plugin: React.MemoExoticComponent<({ providers, children }: PluginProps) => React.JSX.Element>;
 export {};