@webiny/app 5.34.0-beta.2 → 5.34.1-beta.0

package/App.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactElement } from "react";
+import { RouteProps } from "@webiny/react-router";
+import { HigherOrderComponent } from "@webiny/react-composition";
+interface State {
+    routes: Record<string, ReactElement<RouteProps>>;
+    plugins: JSX.Element[];
+    providers: HigherOrderComponent[];
+}
+interface AppContext extends State {
+    addRoute(route: JSX.Element): void;
+    addProvider(hoc: HigherOrderComponent): void;
+    addPlugin(plugin: React.ReactNode): void;
+}
+declare const AppContext: React.Context<AppContext | undefined>;
+export declare const useApp: () => AppContext;
+export interface AppProps {
+    debounceRender?: number;
+    children?: React.ReactNode | React.ReactNode[];
+}
+export declare const App: {
+    ({ debounceRender, children }: AppProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/App.js

@@ -0,0 +1,116 @@
+"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.useApp = exports.App = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRouter = require("@webiny/react-router");
+
+var _reactComposition = require("@webiny/react-composition");
+
+var _Routes = require("./core/Routes");
+
+var _DebounceRender = require("./core/DebounceRender");
+
+var _Plugins = require("./core/Plugins");
+
+var AppContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+AppContext.displayName = "AppContext";
+
+var useApp = function useApp() {
+  var appContext = (0, _react.useContext)(AppContext);
+
+  if (!appContext) {
+    throw Error("AppContext provider was not found. Are you using the \"useApp()\" hook in the right place?");
+  }
+
+  return appContext;
+};
+
+exports.useApp = useApp;
+
+var App = function App(_ref) {
+  var _ref$debounceRender = _ref.debounceRender,
+      debounceRender = _ref$debounceRender === void 0 ? 50 : _ref$debounceRender,
+      children = _ref.children;
+
+  var _useState = (0, _react.useState)({
+    routes: {},
+    plugins: [],
+    providers: []
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var addRoute = (0, _react.useCallback)(function (route) {
+    setState(function (state) {
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
+        routes: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.routes), {}, (0, _defineProperty2.default)({}, route.props.path, route))
+      });
+    });
+  }, []);
+  var addProvider = (0, _react.useCallback)(function (component) {
+    setState(function (state) {
+      if (state.providers.findIndex(function (m) {
+        return m === component;
+      }) > -1) {
+        return state;
+      }
+
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
+        providers: [].concat((0, _toConsumableArray2.default)(state.providers), [component])
+      });
+    });
+  }, []);
+  var addPlugin = (0, _react.useCallback)(function (element) {
+    setState(function (state) {
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
+        plugins: [].concat((0, _toConsumableArray2.default)(state.plugins), [element])
+      });
+    });
+  }, []);
+  var appContext = (0, _react.useMemo)(function () {
+    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
+      addRoute: addRoute,
+      addProvider: addProvider,
+      addPlugin: addPlugin
+    });
+  }, [state]);
+  var AppRouter = (0, _react.useMemo)(function () {
+    return function AppRouter() {
+      var routes = Object.values(state.routes);
+      return /*#__PURE__*/_react.default.createElement(_Routes.Routes, {
+        key: routes.length,
+        routes: routes
+      });
+    };
+  }, [state.routes]);
+  var Providers = (0, _react.useMemo)(function () {
+    return _reactComposition.compose.apply(void 0, (0, _toConsumableArray2.default)(state.providers || []))(_DebounceRender.DebounceRender);
+  }, [state.providers]);
+  Providers.displayName = "Providers";
+  return /*#__PURE__*/_react.default.createElement(AppContext.Provider, {
+    value: appContext
+  }, /*#__PURE__*/_react.default.createElement(_reactComposition.CompositionProvider, null, children, /*#__PURE__*/_react.default.createElement(_reactRouter.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(Providers, null, /*#__PURE__*/_react.default.createElement(_Plugins.PluginsProvider, null, state.plugins), /*#__PURE__*/_react.default.createElement(_DebounceRender.DebounceRender, {
+    wait: debounceRender
+  }, /*#__PURE__*/_react.default.createElement(AppRouter, null))))));
+};
+
+exports.App = App;
+App.displayName = "App";

package/App.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AppContext","createContext","undefined","displayName","useApp","appContext","useContext","Error","App","debounceRender","children","useState","routes","plugins","providers","state","setState","addRoute","useCallback","route","props","path","addProvider","component","findIndex","m","addPlugin","element","useMemo","AppRouter","Object","values","length","Providers","compose","DebounceRender"],"sources":["App.tsx"],"sourcesContent":["import React, {\n    createContext,\n    useContext,\n    useMemo,\n    useState,\n    useCallback,\n    FunctionComponentElement,\n    ReactElement\n} from \"react\";\nimport { BrowserRouter, RouteProps } from \"@webiny/react-router\";\nimport { compose, HigherOrderComponent, CompositionProvider } from \"@webiny/react-composition\";\nimport { Routes as SortRoutes } from \"./core/Routes\";\nimport { DebounceRender } from \"./core/DebounceRender\";\nimport { PluginsProvider } from \"./core/Plugins\";\n\ninterface State {\n    routes: Record<string, ReactElement<RouteProps>>;\n    plugins: JSX.Element[];\n    providers: HigherOrderComponent[];\n}\n\ninterface AppContext extends State {\n    addRoute(route: JSX.Element): void;\n    addProvider(hoc: HigherOrderComponent): 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    debounceRender?: number;\n    children?: React.ReactNode | React.ReactNode[];\n}\n\nexport const App = ({ debounceRender = 50, children }: AppProps) => {\n    const [state, setState] = useState<State>({\n        routes: {},\n        plugins: [],\n        providers: []\n    });\n\n    const addRoute = useCallback((route: FunctionComponentElement<RouteProps>) => {\n        setState(state => {\n            return {\n                ...state,\n                routes: { ...state.routes, [route.props.path as string]: route }\n            };\n        });\n    }, []);\n\n    const addProvider = useCallback(component => {\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 => {\n        setState(state => {\n            return {\n                ...state,\n                plugins: [...state.plugins, element]\n            };\n        });\n    }, []);\n\n    const appContext = useMemo(\n        () => ({\n            ...state,\n            addRoute,\n            addProvider,\n            addPlugin\n        }),\n        [state]\n    );\n\n    const AppRouter = useMemo(\n        () =>\n            function AppRouter() {\n                const routes = Object.values(state.routes);\n                return <SortRoutes key={routes.length} routes={routes} />;\n            },\n        [state.routes]\n    );\n\n    const Providers = useMemo(\n        () => compose(...(state.providers || []))(DebounceRender),\n        [state.providers]\n    );\n\n    Providers.displayName = \"Providers\";\n\n    return (\n        <AppContext.Provider value={appContext}>\n            <CompositionProvider>\n                {children}\n                <BrowserRouter>\n                    <Providers>\n                        <PluginsProvider>{state.plugins}</PluginsProvider>\n                        <DebounceRender wait={debounceRender}>\n                            <AppRouter />\n                        </DebounceRender>\n                    </Providers>\n                </BrowserRouter>\n            </CompositionProvider>\n        </AppContext.Provider>\n    );\n};\n\nApp.displayName = \"App\";\n"],"mappings":"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"}

package/components/Routes.js

@@ -15,6 +15,8 @@ var _plugins = require("@webiny/plugins");
 
 var _reactRouter = require("@webiny/react-router");
 
+// This file is necessary only for backwards compatibility.
+// We'll remove this once the legacy rendering engine is removed.
 var Routes = function Routes() {
   // We cannot call `sort` on the array returned by the `plugins.byType` call - it is read-only.
   var routes = (0, _toConsumableArray2.default)(_plugins.plugins.byType("route")).sort(function (a, b) {

package/components/Routes.js.map

@@ -1 +1 @@
-{"version":3,"names":["Routes","routes","plugins","byType","sort","a","b","pathA","route","props","path","pathB","includes","map","name","React","cloneElement","key"],"sources":["Routes.tsx"],"sourcesContent":["import React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Routes as ReactRouterRoutes } from \"@webiny/react-router\";\nimport { RoutePlugin } from \"../types\";\n\nexport const Routes = () => {\n    // We cannot call `sort` on the array returned by the `plugins.byType` call - it is read-only.\n    const routes = [...plugins.byType<RoutePlugin>(\"route\")].sort((a, b) => {\n        const pathA = a.route.props.path || \"*\";\n        const pathB = b.route.props.path || \"*\";\n\n        // This will sort paths at the very bottom of the list\n        if (pathA === \"/\" && pathB === \"*\") {\n            return -1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if (pathA === \"*\" || pathA === \"/\") {\n            return 1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if ([\"*\", \"/\"].includes(pathB)) {\n            return -1;\n        }\n\n        return 0;\n    });\n\n    return (\n        <ReactRouterRoutes>\n            {routes.map(({ route, name }) => React.cloneElement(route, { key: name }))}\n        </ReactRouterRoutes>\n    );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAGO,IAAMA,MAAM,GAAG,SAATA,MAAS,GAAM;EACxB;EACA,IAAMC,MAAM,GAAG,iCAAIC,gBAAA,CAAQC,MAAR,CAA4B,OAA5B,CAAJ,EAA0CC,IAA1C,CAA+C,UAACC,CAAD,EAAIC,CAAJ,EAAU;IACpE,IAAMC,KAAK,GAAGF,CAAC,CAACG,KAAF,CAAQC,KAAR,CAAcC,IAAd,IAAsB,GAApC;IACA,IAAMC,KAAK,GAAGL,CAAC,CAACE,KAAF,CAAQC,KAAR,CAAcC,IAAd,IAAsB,GAApC,CAFoE,CAIpE;;IACA,IAAIH,KAAK,KAAK,GAAV,IAAiBI,KAAK,KAAK,GAA/B,EAAoC;MAChC,OAAO,CAAC,CAAR;IACH,CAPmE,CASpE;;;IACA,IAAIJ,KAAK,KAAK,GAAV,IAAiBA,KAAK,KAAK,GAA/B,EAAoC;MAChC,OAAO,CAAP;IACH,CAZmE,CAcpE;;;IACA,IAAI,CAAC,GAAD,EAAM,GAAN,EAAWK,QAAX,CAAoBD,KAApB,CAAJ,EAAgC;MAC5B,OAAO,CAAC,CAAR;IACH;;IAED,OAAO,CAAP;EACH,CApBc,CAAf;EAsBA,oBACI,6BAAC,mBAAD,QACKV,MAAM,CAACY,GAAP,CAAW;IAAA,IAAGL,KAAH,QAAGA,KAAH;IAAA,IAAUM,IAAV,QAAUA,IAAV;IAAA,oBAAqBC,cAAA,CAAMC,YAAN,CAAmBR,KAAnB,EAA0B;MAAES,GAAG,EAAEH;IAAP,CAA1B,CAArB;EAAA,CAAX,CADL,CADJ;AAKH,CA7BM"}
+{"version":3,"names":["Routes","routes","plugins","byType","sort","a","b","pathA","route","props","path","pathB","includes","map","name","React","cloneElement","key"],"sources":["Routes.tsx"],"sourcesContent":["// This file is necessary only for backwards compatibility.\n// We'll remove this once the legacy rendering engine is removed.\nimport React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Routes as ReactRouterRoutes } from \"@webiny/react-router\";\nimport { RoutePlugin } from \"../types\";\n\nexport const Routes = () => {\n    // We cannot call `sort` on the array returned by the `plugins.byType` call - it is read-only.\n    const routes = [...plugins.byType<RoutePlugin>(\"route\")].sort((a, b) => {\n        const pathA = a.route.props.path || \"*\";\n        const pathB = b.route.props.path || \"*\";\n\n        // This will sort paths at the very bottom of the list\n        if (pathA === \"/\" && pathB === \"*\") {\n            return -1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if (pathA === \"*\" || pathA === \"/\") {\n            return 1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if ([\"*\", \"/\"].includes(pathB)) {\n            return -1;\n        }\n\n        return 0;\n    });\n\n    return (\n        <ReactRouterRoutes>\n            {routes.map(({ route, name }) => React.cloneElement(route, { key: name }))}\n        </ReactRouterRoutes>\n    );\n};\n"],"mappings":";;;;;;;;;;;AAEA;;AACA;;AACA;;AAJA;AACA;AAMO,IAAMA,MAAM,GAAG,SAATA,MAAS,GAAM;EACxB;EACA,IAAMC,MAAM,GAAG,iCAAIC,gBAAA,CAAQC,MAAR,CAA4B,OAA5B,CAAJ,EAA0CC,IAA1C,CAA+C,UAACC,CAAD,EAAIC,CAAJ,EAAU;IACpE,IAAMC,KAAK,GAAGF,CAAC,CAACG,KAAF,CAAQC,KAAR,CAAcC,IAAd,IAAsB,GAApC;IACA,IAAMC,KAAK,GAAGL,CAAC,CAACE,KAAF,CAAQC,KAAR,CAAcC,IAAd,IAAsB,GAApC,CAFoE,CAIpE;;IACA,IAAIH,KAAK,KAAK,GAAV,IAAiBI,KAAK,KAAK,GAA/B,EAAoC;MAChC,OAAO,CAAC,CAAR;IACH,CAPmE,CASpE;;;IACA,IAAIJ,KAAK,KAAK,GAAV,IAAiBA,KAAK,KAAK,GAA/B,EAAoC;MAChC,OAAO,CAAP;IACH,CAZmE,CAcpE;;;IACA,IAAI,CAAC,GAAD,EAAM,GAAN,EAAWK,QAAX,CAAoBD,KAApB,CAAJ,EAAgC;MAC5B,OAAO,CAAC,CAAR;IACH;;IAED,OAAO,CAAP;EACH,CApBc,CAAf;EAsBA,oBACI,6BAAC,mBAAD,QACKV,MAAM,CAACY,GAAP,CAAW;IAAA,IAAGL,KAAH,QAAGA,KAAH;IAAA,IAAUM,IAAV,QAAUA,IAAV;IAAA,oBAAqBC,cAAA,CAAMC,YAAN,CAAmBR,KAAnB,EAA0B;MAAES,GAAG,EAAEH;IAAP,CAA1B,CAArB;EAAA,CAAX,CADL,CADJ;AAKH,CA7BM"}

package/contexts/Ui/index.d.ts

@@ -21,8 +21,4 @@ export declare class UiProvider extends React.Component<Props, State> {
     private readonly setData;
     render(): JSX.Element;
 }
-export interface UiConsumerProps {
-    children: React.ReactElement;
-}
-export declare const UiConsumer: React.FC<UiConsumerProps>;
 export {};

package/contexts/Ui/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UiProvider = exports.UiContext = exports.UiConsumer = void 0;
+exports.UiProvider = exports.UiContext = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
@@ -78,15 +78,4 @@ var UiProvider = /*#__PURE__*/function (_React$Component) {
   return UiProvider;
 }(_react.default.Component);
 
-exports.UiProvider = UiProvider;
-
-var UiConsumer = function UiConsumer(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(UiContext.Consumer, null, function (ui) {
-    return /*#__PURE__*/_react.default.cloneElement(children, {
-      ui: ui
-    });
-  });
-};
-
-exports.UiConsumer = UiConsumer;
+exports.UiProvider = UiProvider;

package/contexts/Ui/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["UiContext","React","createContext","UiProvider","ui","setter","setState","state","value","setData","uiStatePlugins","plugins","byType","map","pl","cloneElement","render","key","name","props","children","Component","UiConsumer"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiStatePlugin } from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\n\nexport const UiContext = React.createContext({});\n\ntype Props = {};\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: Function): 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\nexport interface UiConsumerProps {\n    children: React.ReactElement;\n}\nexport const UiConsumer: React.FC<UiConsumerProps> = ({ children }) => {\n    return <UiContext.Consumer>{ui => React.cloneElement(children, { ui })}</UiContext.Consumer>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAEO,IAAMA,SAAS,gBAAGC,cAAA,CAAMC,aAAN,CAAoB,EAApB,CAAlB;;;;IAqBMC,U;;;;;;;;;;;;;;;wFACsB;MAC3BC,EAAE,EAAE;IADuB,C;0FAIJ,UAACC,MAAD,EAA4B;MACnD,OAAO,MAAKC,QAAL,CAAc,UAACC,KAAD,EAAkB;QACnC,OAAO;UAAEH,EAAE,8DAAOG,KAAK,CAACH,EAAb,GAAoBC,MAAM,CAACE,KAAK,CAACH,EAAP,CAA1B;QAAJ,CAAP;MACH,CAFM,CAAP;IAGH,C;;;;;;WAED,kBAAyB;MACrB,IAAMI,KAAqB,+DAAQ,KAAKD,KAAL,CAAWH,EAAnB;QAAuBE,QAAQ,EAAE,KAAKG;MAAtC,EAA3B;;MACA,IAAMC,cAAc,GAAGC,gBAAA,CAAQC,MAAR,CAA8B,UAA9B,CAAvB;;MACA,oBACI,6BAAC,SAAD,CAAW,QAAX;QAAoB,KAAK,EAAEJ;MAA3B,GACKE,cAAc,CAACG,GAAf,CAAmB,UAAAC,EAAE;QAAA,oBAAIb,cAAA,CAAMc,YAAN,CAAmBD,EAAE,CAACE,MAAH,EAAnB,EAAgC;UAAEC,GAAG,EAAEH,EAAE,CAACI;QAAV,CAAhC,CAAJ;MAAA,CAArB,CADL,EAEK,KAAKC,KAAL,CAAWC,QAFhB,CADJ;IAMH;;;EApB2BnB,cAAA,CAAMoB,S;;;;AA0B/B,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,OAAkB;EAAA,IAAfF,QAAe,QAAfA,QAAe;EACnE,oBAAO,6BAAC,SAAD,CAAW,QAAX,QAAqB,UAAAhB,EAAE;IAAA,oBAAIH,cAAA,CAAMc,YAAN,CAAmBK,QAAnB,EAA6B;MAAEhB,EAAE,EAAFA;IAAF,CAA7B,CAAJ;EAAA,CAAvB,CAAP;AACH,CAFM"}
+{"version":3,"names":["UiContext","React","createContext","UiProvider","ui","setter","setState","state","value","setData","uiStatePlugins","plugins","byType","map","pl","cloneElement","render","key","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({});\n\ntype Props = {};\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: Function): 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;;AAEA;;AAEO,IAAMA,SAAS,gBAAGC,cAAA,CAAMC,aAAN,CAAoB,EAApB,CAAlB;;;;IAqBMC,U;;;;;;;;;;;;;;;wFACsB;MAC3BC,EAAE,EAAE;IADuB,C;0FAIJ,UAACC,MAAD,EAA4B;MACnD,OAAO,MAAKC,QAAL,CAAc,UAACC,KAAD,EAAkB;QACnC,OAAO;UAAEH,EAAE,8DAAOG,KAAK,CAACH,EAAb,GAAoBC,MAAM,CAACE,KAAK,CAACH,EAAP,CAA1B;QAAJ,CAAP;MACH,CAFM,CAAP;IAGH,C;;;;;;WAED,kBAAyB;MACrB,IAAMI,KAAqB,+DAAQ,KAAKD,KAAL,CAAWH,EAAnB;QAAuBE,QAAQ,EAAE,KAAKG;MAAtC,EAA3B;;MACA,IAAMC,cAAc,GAAGC,gBAAA,CAAQC,MAAR,CAA8B,UAA9B,CAAvB;;MACA,oBACI,6BAAC,SAAD,CAAW,QAAX;QAAoB,KAAK,EAAEJ;MAA3B,GACKE,cAAc,CAACG,GAAf,CAAmB,UAAAC,EAAE;QAAA,oBAAIb,cAAA,CAAMc,YAAN,CAAmBD,EAAE,CAACE,MAAH,EAAnB,EAAgC;UAAEC,GAAG,EAAEH,EAAE,CAACI;QAAV,CAAhC,CAAJ;MAAA,CAArB,CADL,EAEK,KAAKC,KAAL,CAAWC,QAFhB,CADJ;IAMH;;;EApB2BnB,cAAA,CAAMoB,S"}

package/core/AddRoute.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { RouteProps } from "@webiny/react-router";
+export declare const AddRoute: React.FC<RouteProps>;

package/core/AddRoute.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddRoute = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _App = require("../App");
+
+var _reactRouter = require("@webiny/react-router");
+
+var AddRoute = function AddRoute(props) {
+  var _useApp = (0, _App.useApp)(),
+      addRoute = _useApp.addRoute;
+
+  (0, _react.useEffect)(function () {
+    addRoute( /*#__PURE__*/_react.default.createElement(_reactRouter.Route, props));
+  }, []);
+  return null;
+};
+
+exports.AddRoute = AddRoute;

package/core/AddRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AddRoute","props","useApp","addRoute","useEffect"],"sources":["AddRoute.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useApp } from \"~/App\";\nimport { Route, RouteProps } from \"@webiny/react-router\";\n\nexport const AddRoute: React.FC<RouteProps> = props => {\n    const { addRoute } = useApp();\n\n    useEffect(() => {\n        addRoute(<Route {...props} />);\n    }, []);\n\n    return null;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,QAA8B,GAAG,SAAjCA,QAAiC,CAAAC,KAAK,EAAI;EACnD,cAAqB,IAAAC,WAAA,GAArB;EAAA,IAAQC,QAAR,WAAQA,QAAR;;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACZD,QAAQ,eAAC,6BAAC,kBAAD,EAAWF,KAAX,CAAD,CAAR;EACH,CAFD,EAEG,EAFH;EAIA,OAAO,IAAP;AACH,CARM"}

package/core/DebounceRender.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface Props {
+    wait?: number;
+}
+/**
+ * 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.
+ */
+export declare const DebounceRender: React.FC<Props>;
+export {};

package/core/DebounceRender.js

@@ -0,0 +1,51 @@
+"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 _lodash = _interopRequireDefault(require("lodash.debounce"));
+
+/**
+ * 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 = 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, _lodash.default)(function () {
+      setRender(true);
+    }, wait);
+  }, [setRender]);
+  (0, _react.useEffect)(function () {
+    if (render) {
+      return;
+    }
+
+    debouncedRender();
+    return function () {
+      debouncedRender.cancel();
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, render ? children : null);
+};
+
+exports.DebounceRender = DebounceRender;

package/core/DebounceRender.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DebounceRender","wait","children","useState","render","setRender","debouncedRender","useMemo","debounce","useEffect","cancel"],"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}\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: React.FC<Props> = ({ wait = 50, children }) => {\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;;AAEA;;AAKA;AACA;AACA;AACA;AACA;AACO,IAAMA,cAA+B,GAAG,SAAlCA,cAAkC,OAA6B;EAAA,qBAA1BC,IAA0B;EAAA,IAA1BA,IAA0B,0BAAnB,EAAmB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EACxE,gBAA4B,IAAAC,eAAA,EAASF,IAAI,KAAK,CAAlB,CAA5B;EAAA;EAAA,IAAOG,MAAP;EAAA,IAAeC,SAAf;;EAEA,IAAMC,eAAe,GAAG,IAAAC,cAAA,EAAQ,YAAM;IAClC,OAAO,IAAAC,eAAA,EAAS,YAAM;MAClBH,SAAS,CAAC,IAAD,CAAT;IACH,CAFM,EAEJJ,IAFI,CAAP;EAGH,CAJuB,EAIrB,CAACI,SAAD,CAJqB,CAAxB;EAMA,IAAAI,gBAAA,EAAU,YAAM;IACZ,IAAIL,MAAJ,EAAY;MACR;IACH;;IAEDE,eAAe;IAEf,OAAO,YAAM;MACTA,eAAe,CAACI,MAAhB;IACH,CAFD;EAGH,CAVD,EAUG,EAVH;EAYA,oBAAO,4DAAGN,MAAM,GAAGF,QAAH,GAAc,IAAvB,CAAP;AACH,CAtBM"}

package/core/Plugins.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare const PluginsContext: React.Context<boolean>;
+interface PluginsProviderComponentProps {
+    children: JSX.Element[];
+}
+export declare const PluginsProvider: React.NamedExoticComponent<PluginsProviderComponentProps>;
+export declare const Plugins: React.FC;
+export {};

package/core/Plugins.js

@@ -0,0 +1,52 @@
+"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 = /*#__PURE__*/(0, _react.createContext)(false);
+exports.PluginsContext = PluginsContext;
+PluginsContext.displayName = "PluginsContext";
+
+var PluginsProviderComponent = function PluginsProviderComponent(_ref) {
+  var children = _ref.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, {
+    value: true
+  }, children);
+};
+
+var PluginsProvider = /*#__PURE__*/(0, _react.memo)(PluginsProviderComponent);
+exports.PluginsProvider = PluginsProvider;
+
+var 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 () {
+    if (hasParentPlugin) {
+      return;
+    }
+
+    _react.Children.forEach(children, function (child) {
+      return addPlugin(child);
+    });
+  }, []);
+  return hasParentPlugin ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children) : null;
+};
+
+exports.Plugins = Plugins;

package/core/Plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PluginsContext","createContext","displayName","PluginsProviderComponent","children","PluginsProvider","memo","Plugins","useApp","addPlugin","hasParentPlugin","useContext","useEffect","Children","forEach","child"],"sources":["Plugins.tsx"],"sourcesContent":["import React, { Fragment, Children, createContext, useContext, useEffect, memo } from \"react\";\nimport { useApp } from \"~/App\";\n\nexport const PluginsContext = createContext<boolean>(false);\nPluginsContext.displayName = \"PluginsContext\";\n\ninterface PluginsProviderComponentProps {\n    children: JSX.Element[];\n}\nconst PluginsProviderComponent: React.FC<PluginsProviderComponentProps> = ({ children }) => {\n    /**\n     * This context only serves as a safeguard. We need to warn users when they mount a plugin without using\n     * the <Plugins> component. In that case, the context will not be available, and we can log warnings.\n     */\n    return <PluginsContext.Provider value={true}>{children}</PluginsContext.Provider>;\n};\n\nexport const PluginsProvider = memo(PluginsProviderComponent);\n\nexport const Plugins: React.FC = ({ children }) => {\n    const { addPlugin } = useApp();\n    const hasParentPlugin = useContext(PluginsContext);\n\n    useEffect(() => {\n        if (hasParentPlugin) {\n            return;\n        }\n\n        Children.forEach(children, child => addPlugin(child));\n    }, []);\n\n    return hasParentPlugin ? <Fragment>{children}</Fragment> : null;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,cAAc,gBAAG,IAAAC,oBAAA,EAAuB,KAAvB,CAAvB;;AACPD,cAAc,CAACE,WAAf,GAA6B,gBAA7B;;AAKA,IAAMC,wBAAiE,GAAG,SAApEA,wBAAoE,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EACxF;AACJ;AACA;AACA;EACI,oBAAO,6BAAC,cAAD,CAAgB,QAAhB;IAAyB,KAAK,EAAE;EAAhC,GAAuCA,QAAvC,CAAP;AACH,CAND;;AAQO,IAAMC,eAAe,gBAAG,IAAAC,WAAA,EAAKH,wBAAL,CAAxB;;;AAEA,IAAMI,OAAiB,GAAG,SAApBA,OAAoB,QAAkB;EAAA,IAAfH,QAAe,SAAfA,QAAe;;EAC/C,cAAsB,IAAAI,WAAA,GAAtB;EAAA,IAAQC,SAAR,WAAQA,SAAR;;EACA,IAAMC,eAAe,GAAG,IAAAC,iBAAA,EAAWX,cAAX,CAAxB;EAEA,IAAAY,gBAAA,EAAU,YAAM;IACZ,IAAIF,eAAJ,EAAqB;MACjB;IACH;;IAEDG,eAAA,CAASC,OAAT,CAAiBV,QAAjB,EAA2B,UAAAW,KAAK;MAAA,OAAIN,SAAS,CAACM,KAAD,CAAb;IAAA,CAAhC;EACH,CAND,EAMG,EANH;EAQA,OAAOL,eAAe,gBAAG,6BAAC,eAAD,QAAWN,QAAX,CAAH,GAAqC,IAA3D;AACH,CAbM"}

package/core/Provider.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { HigherOrderComponent } from "../index";
+export interface ProviderProps {
+    hoc: HigherOrderComponent;
+}
+/**
+ * Register a new React context provider.
+ */
+export declare const Provider: React.FC<ProviderProps>;

package/core/Provider.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Provider = void 0;
+
+var _react = require("react");
+
+var _ = require("./..");
+
+/**
+ * Register a new React context provider.
+ */
+var Provider = function Provider(_ref) {
+  var hoc = _ref.hoc;
+
+  var _useApp = (0, _.useApp)(),
+      addProvider = _useApp.addProvider;
+
+  (0, _react.useEffect)(function () {
+    return addProvider(hoc);
+  }, []);
+  return null;
+};
+
+exports.Provider = Provider;

package/core/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Provider","hoc","useApp","addProvider","useEffect"],"sources":["Provider.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { HigherOrderComponent, useApp } from \"~/index\";\n\nexport interface ProviderProps {\n    hoc: HigherOrderComponent;\n}\n\n/**\n * Register a new React context provider.\n */\nexport const Provider: React.FC<ProviderProps> = ({ hoc }) => {\n    const { addProvider } = useApp();\n\n    useEffect(() => {\n        return addProvider(hoc);\n    }, []);\n\n    return null;\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAMA;AACA;AACA;AACO,IAAMA,QAAiC,GAAG,SAApCA,QAAoC,OAAa;EAAA,IAAVC,GAAU,QAAVA,GAAU;;EAC1D,cAAwB,IAAAC,QAAA,GAAxB;EAAA,IAAQC,WAAR,WAAQA,WAAR;;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACZ,OAAOD,WAAW,CAACF,GAAD,CAAlB;EACH,CAFD,EAEG,EAFH;EAIA,OAAO,IAAP;AACH,CARM"}

package/core/Routes.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface RoutesProps {
+    routes: JSX.Element[];
+}
+export declare const Routes: React.FC<RoutesProps>;
+export {};

package/core/Routes.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Routes = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _plugins = require("@webiny/plugins");
+
+var _reactRouter = require("@webiny/react-router");
+
+var Routes = function Routes(props) {
+  var routes = [].concat((0, _toConsumableArray2.default)(props.routes), (0, _toConsumableArray2.default)(_plugins.plugins.byType("route").map(function (_ref) {
+    var route = _ref.route;
+    return route;
+  }))).sort(function (a, b) {
+    var pathA = a.props.path || "*";
+    var pathB = b.props.path || "*"; // This will sort paths at the very bottom of the list
+
+    if (pathA === "/" && pathB === "*") {
+      return -1;
+    } // This will push * and / to the bottom of the list
+
+
+    if (pathA === "*" || pathA === "/") {
+      return 1;
+    } // This will push * and / to the bottom of the list
+
+
+    if (["*", "/"].includes(pathB)) {
+      return -1;
+    }
+
+    return 0;
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactRouter.Routes, null, routes.map(function (route, index) {
+    return /*#__PURE__*/_react.default.cloneElement(route, {
+      key: "".concat(route.props.path, ":").concat(index)
+    });
+  }));
+};
+
+exports.Routes = Routes;

package/core/Routes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Routes","props","routes","plugins","byType","map","route","sort","a","b","pathA","path","pathB","includes","index","React","cloneElement","key"],"sources":["Routes.tsx"],"sourcesContent":["import React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Routes as ReactRouterRoutes } from \"@webiny/react-router\";\nimport { RoutePlugin } from \"~/types\";\n\ninterface RoutesProps {\n    routes: JSX.Element[];\n}\n\nexport const Routes: React.FC<RoutesProps> = props => {\n    const routes = [\n        ...props.routes,\n        // For backwards compatibility, we need to support the RoutePlugin routes as well.\n        ...plugins.byType<RoutePlugin>(\"route\").map(({ route }) => route)\n    ].sort((a, b) => {\n        const pathA = a.props.path || \"*\";\n        const pathB = b.props.path || \"*\";\n\n        // This will sort paths at the very bottom of the list\n        if (pathA === \"/\" && pathB === \"*\") {\n            return -1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if (pathA === \"*\" || pathA === \"/\") {\n            return 1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if ([\"*\", \"/\"].includes(pathB)) {\n            return -1;\n        }\n\n        return 0;\n    });\n\n    return (\n        <ReactRouterRoutes>\n            {routes.map((route, index) =>\n                React.cloneElement(route, { key: `${route.props.path}:${index}` })\n            )}\n        </ReactRouterRoutes>\n    );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAOO,IAAMA,MAA6B,GAAG,SAAhCA,MAAgC,CAAAC,KAAK,EAAI;EAClD,IAAMC,MAAM,GAAG,2CACRD,KAAK,CAACC,MADE,oCAGRC,gBAAA,CAAQC,MAAR,CAA4B,OAA5B,EAAqCC,GAArC,CAAyC;IAAA,IAAGC,KAAH,QAAGA,KAAH;IAAA,OAAeA,KAAf;EAAA,CAAzC,CAHQ,GAIbC,IAJa,CAIR,UAACC,CAAD,EAAIC,CAAJ,EAAU;IACb,IAAMC,KAAK,GAAGF,CAAC,CAACP,KAAF,CAAQU,IAAR,IAAgB,GAA9B;IACA,IAAMC,KAAK,GAAGH,CAAC,CAACR,KAAF,CAAQU,IAAR,IAAgB,GAA9B,CAFa,CAIb;;IACA,IAAID,KAAK,KAAK,GAAV,IAAiBE,KAAK,KAAK,GAA/B,EAAoC;MAChC,OAAO,CAAC,CAAR;IACH,CAPY,CASb;;;IACA,IAAIF,KAAK,KAAK,GAAV,IAAiBA,KAAK,KAAK,GAA/B,EAAoC;MAChC,OAAO,CAAP;IACH,CAZY,CAcb;;;IACA,IAAI,CAAC,GAAD,EAAM,GAAN,EAAWG,QAAX,CAAoBD,KAApB,CAAJ,EAAgC;MAC5B,OAAO,CAAC,CAAR;IACH;;IAED,OAAO,CAAP;EACH,CAxBc,CAAf;EA0BA,oBACI,6BAAC,mBAAD,QACKV,MAAM,CAACG,GAAP,CAAW,UAACC,KAAD,EAAQQ,KAAR;IAAA,oBACRC,cAAA,CAAMC,YAAN,CAAmBV,KAAnB,EAA0B;MAAEW,GAAG,YAAKX,KAAK,CAACL,KAAN,CAAYU,IAAjB,cAAyBG,KAAzB;IAAL,CAA1B,CADQ;EAAA,CAAX,CADL,CADJ;AAOH,CAlCM"}

package/core/createProviderPlugin.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { HigherOrderComponent } from "@webiny/react-composition";
+/**
+ * Creates a component, which, when mounted, will register an app provider.
+ * This is particularly useful for wrapping the entire app with custom React Context providers.
+ * For more information, visit https://www.webiny.com/docs/admin-area/basics/framework.
+ */
+export declare function createProviderPlugin(hoc: HigherOrderComponent): React.FC;

package/core/createProviderPlugin.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createProviderPlugin = createProviderPlugin;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Provider = require("./Provider");
+
+/**
+ * Creates a component, which, when mounted, will register an app provider.
+ * This is particularly useful for wrapping the entire app with custom React Context providers.
+ * For more information, visit https://www.webiny.com/docs/admin-area/basics/framework.
+ */
+function createProviderPlugin(hoc) {
+  return function ProviderPlugin() {
+    return /*#__PURE__*/_react.default.createElement(_Provider.Provider, {
+      hoc: hoc
+    });
+  };
+}

package/core/createProviderPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createProviderPlugin","hoc","ProviderPlugin"],"sources":["createProviderPlugin.tsx"],"sourcesContent":["import React from \"react\";\nimport { HigherOrderComponent } from \"@webiny/react-composition\";\nimport { Provider } from \"./Provider\";\n\n/**\n * Creates a component, which, when mounted, will register an app provider.\n * This is particularly useful for wrapping the entire app with custom React Context providers.\n * For more information, visit https://www.webiny.com/docs/admin-area/basics/framework.\n */\nexport function createProviderPlugin(hoc: HigherOrderComponent): React.FC {\n    return function ProviderPlugin() {\n        return <Provider hoc={hoc} />;\n    };\n}\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASA,oBAAT,CAA8BC,GAA9B,EAAmE;EACtE,OAAO,SAASC,cAAT,GAA0B;IAC7B,oBAAO,6BAAC,kBAAD;MAAU,GAAG,EAAED;IAAf,EAAP;EACH,CAFD;AAGH"}

package/index.d.ts

@@ -2,3 +2,12 @@ export { AddQuerySelectionPlugin } from "./plugins/AddQuerySelectionPlugin";
 export { ApolloLinkPlugin } from "./plugins/ApolloLinkPlugin";
 export { RoutePlugin } from "./plugins/RoutePlugin";
 export { ApolloCacheObjectIdPlugin } from "./plugins/ApolloCacheObjectIdPlugin";
+export * from "@webiny/react-composition";
+export type { HigherOrderComponent, ComposeProps, ComposableFC } from "@webiny/react-composition";
+export * from "./App";
+export type { AppProps } from "./App";
+export * from "./core/Plugins";
+export * from "./core/Provider";
+export * from "./core/AddRoute";
+export * from "./core/DebounceRender";
+export * from "./core/createProviderPlugin";

package/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  AddQuerySelectionPlugin: true,
+  ApolloLinkPlugin: true,
+  RoutePlugin: true,
+  ApolloCacheObjectIdPlugin: true
+};
 Object.defineProperty(exports, "AddQuerySelectionPlugin", {
   enumerable: true,
   get: function get() {
@@ -34,4 +40,102 @@ var _ApolloLinkPlugin = require("./plugins/ApolloLinkPlugin");
 
 var _RoutePlugin = require("./plugins/RoutePlugin");
 
-var _ApolloCacheObjectIdPlugin = require("./plugins/ApolloCacheObjectIdPlugin");
+var _ApolloCacheObjectIdPlugin = require("./plugins/ApolloCacheObjectIdPlugin");
+
+var _reactComposition = require("@webiny/react-composition");
+
+Object.keys(_reactComposition).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _reactComposition[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _reactComposition[key];
+    }
+  });
+});
+
+var _App = require("./App");
+
+Object.keys(_App).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _App[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _App[key];
+    }
+  });
+});
+
+var _Plugins = require("./core/Plugins");
+
+Object.keys(_Plugins).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Plugins[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Plugins[key];
+    }
+  });
+});
+
+var _Provider = require("./core/Provider");
+
+Object.keys(_Provider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Provider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Provider[key];
+    }
+  });
+});
+
+var _AddRoute = require("./core/AddRoute");
+
+Object.keys(_AddRoute).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AddRoute[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AddRoute[key];
+    }
+  });
+});
+
+var _DebounceRender = require("./core/DebounceRender");
+
+Object.keys(_DebounceRender).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DebounceRender[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DebounceRender[key];
+    }
+  });
+});
+
+var _createProviderPlugin = require("./core/createProviderPlugin");
+
+Object.keys(_createProviderPlugin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _createProviderPlugin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _createProviderPlugin[key];
+    }
+  });
+});

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { AddQuerySelectionPlugin } from \"./plugins/AddQuerySelectionPlugin\";\nexport { ApolloLinkPlugin } from \"./plugins/ApolloLinkPlugin\";\nexport { RoutePlugin } from \"./plugins/RoutePlugin\";\nexport { ApolloCacheObjectIdPlugin } from \"./plugins/ApolloCacheObjectIdPlugin\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { AddQuerySelectionPlugin } from \"./plugins/AddQuerySelectionPlugin\";\nexport { ApolloLinkPlugin } from \"./plugins/ApolloLinkPlugin\";\nexport { RoutePlugin } from \"./plugins/RoutePlugin\";\nexport { ApolloCacheObjectIdPlugin } from \"./plugins/ApolloCacheObjectIdPlugin\";\n\n// Composition - we re-export this for ease of use\nexport * from \"@webiny/react-composition\";\nexport type { HigherOrderComponent, ComposeProps, ComposableFC } from \"@webiny/react-composition\";\n\n// App framework\nexport * from \"./App\";\nexport type { AppProps } from \"./App\";\nexport * from \"./core/Plugins\";\nexport * from \"./core/Provider\";\nexport * from \"./core/AddRoute\";\nexport * from \"./core/DebounceRender\";\nexport * from \"./core/createProviderPlugin\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAGA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAIA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app",
-	"version": "5.34.0-beta.2",
+	"version": "5.34.1-beta.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -19,11 +19,12 @@
 		"@emotion/styled": "10.3.0",
 		"@types/react": "17.0.39",
 		"@types/web": "0.0.61",
-		"@webiny/i18n": "5.34.0-beta.2",
-		"@webiny/i18n-react": "5.34.0-beta.2",
-		"@webiny/plugins": "5.34.0-beta.2",
-		"@webiny/react-router": "5.34.0-beta.2",
-		"@webiny/ui": "5.34.0-beta.2",
+		"@webiny/i18n": "5.34.1-beta.0",
+		"@webiny/i18n-react": "5.34.1-beta.0",
+		"@webiny/plugins": "5.34.1-beta.0",
+		"@webiny/react-composition": "5.34.1-beta.0",
+		"@webiny/react-router": "5.34.1-beta.0",
+		"@webiny/ui": "5.34.1-beta.0",
 		"apollo-cache": "1.3.5",
 		"apollo-cache-inmemory": "1.6.6",
 		"apollo-client": "2.6.10",
@@ -36,6 +37,7 @@
 		"graphql": "15.8.0",
 		"invariant": "2.2.4",
 		"lodash": "4.17.21",
+		"lodash.debounce": "4.0.8",
 		"nanoid": "3.3.4",
 		"react": "17.0.2",
 		"react-dom": "17.0.2",
@@ -48,9 +50,10 @@
 		"@babel/preset-env": "^7.19.4",
 		"@babel/preset-react": "^7.18.6",
 		"@babel/preset-typescript": "^7.18.6",
+		"@types/lodash.debounce": "^4.0.7",
 		"@types/warning": "^3.0.0",
-		"@webiny/cli": "^5.34.0-beta.2",
-		"@webiny/project-utils": "^5.34.0-beta.2",
+		"@webiny/cli": "^5.34.1-beta.0",
+		"@webiny/project-utils": "^5.34.1-beta.0",
 		"babel-plugin-lodash": "^3.3.4",
 		"rimraf": "^3.0.2",
 		"typescript": "4.7.4"
@@ -71,5 +74,5 @@
 			]
 		}
 	},
-	"gitHead": "16af8737377a9ae1dd6ac4ecffec5625726c814e"
+	"gitHead": "c893b6c771e45d4b2ea13da4f17455abdaef8239"
 }