@webiny/app 0.0.0-unstable.990c3ab1b6 → 0.0.0-unstable.aa00eecd97

package/App.d.ts

@@ -0,0 +1,29 @@
+import React, { ReactElement } from "react";
+import { RouteProps } from "@webiny/react-router";
+import { HigherOrderComponent } from "@webiny/react-composition";
+declare type RoutesByPath = {
+    [key: string]: ReactElement<RouteProps>;
+};
+interface State {
+    routes: RoutesByPath;
+    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;
+    routes?: Array<RouteProps>;
+    providers?: Array<HigherOrderComponent>;
+    children?: React.ReactNode | React.ReactNode[];
+}
+export declare const App: {
+    ({ debounceRender, routes, providers, children }: AppProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/App.js

@@ -0,0 +1,105 @@
+"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 _objectSpread4 = _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,
+    _ref$routes = _ref.routes,
+    routes = _ref$routes === void 0 ? [] : _ref$routes,
+    _ref$providers = _ref.providers,
+    providers = _ref$providers === void 0 ? [] : _ref$providers,
+    children = _ref.children;
+  var _useState = (0, _react.useState)({
+      routes: routes.reduce(function (acc, item) {
+        return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, acc), {}, (0, _defineProperty2.default)({}, item.path, /*#__PURE__*/_react.default.createElement(_reactRouter.Route, item)));
+      }, {}),
+      plugins: [],
+      providers: 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, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, {
+        routes: (0, _objectSpread4.default)((0, _objectSpread4.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, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, {
+        providers: [].concat((0, _toConsumableArray2.default)(state.providers), [component])
+      });
+    });
+  }, []);
+  var addPlugin = (0, _react.useCallback)(function (element) {
+    setState(function (state) {
+      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, {
+        plugins: [].concat((0, _toConsumableArray2.default)(state.plugins), [element])
+      });
+    });
+  }, []);
+  var appContext = (0, _react.useMemo)(function () {
+    return (0, _objectSpread4.default)((0, _objectSpread4.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 || []))(function (_ref2) {
+      var children = _ref2.children;
+      return /*#__PURE__*/_react.default.createElement(_DebounceRender.DebounceRender, {
+        wait: debounceRender
+      }, children);
+    });
+  }, [state.providers.length]);
+  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","routes","providers","children","useState","reduce","acc","item","path","plugins","state","setState","addRoute","useCallback","route","props","addProvider","component","findIndex","m","addPlugin","element","useMemo","AppRouter","Object","values","length","Providers","compose"],"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, Route } 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\ntype RoutesByPath = {\n    [key: string]: ReactElement<RouteProps>;\n};\n\ninterface State {\n    routes: RoutesByPath;\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    routes?: Array<RouteProps>;\n    providers?: Array<HigherOrderComponent>;\n    children?: React.ReactNode | React.ReactNode[];\n}\n\nexport const App = ({ debounceRender = 50, routes = [], providers = [], children }: AppProps) => {\n    const [state, setState] = useState<State>({\n        routes: routes.reduce<RoutesByPath>((acc, item) => {\n            return { ...acc, [item.path as string]: <Route {...item} /> };\n        }, {}),\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        return function AppRouter() {\n            const routes = Object.values(state.routes);\n            return <SortRoutes key={routes.length} routes={routes} />;\n        };\n    }, [state.routes]);\n\n    const Providers = useMemo(() => {\n        return compose(...(state.providers || []))(({ children }: any) => (\n            <DebounceRender wait={debounceRender}>{children}</DebounceRender>\n        ));\n    }, [state.providers.length]);\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

@@ -9,6 +9,9 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _react = _interopRequireDefault(require("react"));
 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,MAAM,GAAS;EACxB;EACA,IAAMC,MAAM,GAAG,iCAAIC,gBAAO,CAACC,MAAM,CAAc,OAAO,CAAC,EAAEC,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAK;IACpE,IAAMC,KAAK,GAAGF,CAAC,CAACG,KAAK,CAACC,KAAK,CAACC,IAAI,IAAI,GAAG;IACvC,IAAMC,KAAK,GAAGL,CAAC,CAACE,KAAK,CAACC,KAAK,CAACC,IAAI,IAAI,GAAG;;IAEvC;IACA,IAAIH,KAAK,KAAK,GAAG,IAAII,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC,CAAC;IACb;;IAEA;IACA,IAAIJ,KAAK,KAAK,GAAG,IAAIA,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC;IACZ;;IAEA;IACA,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAACK,QAAQ,CAACD,KAAK,CAAC,EAAE;MAC5B,OAAO,CAAC,CAAC;IACb;IAEA,OAAO,CAAC;EACZ,CAAC,CAAC;EAEF,oBACI,6BAAC,mBAAiB,QACbV,MAAM,CAACY,GAAG,CAAC;IAAA,IAAGL,KAAK,QAALA,KAAK;MAAEM,IAAI,QAAJA,IAAI;IAAA,oBAAOC,cAAK,CAACC,YAAY,CAACR,KAAK,EAAE;MAAES,GAAG,EAAEH;IAAK,CAAC,CAAC;EAAA,EAAC,CAC1D;AAE5B,CAAC;AAAC"}
+{"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,MAAM,GAAS;EACxB;EACA,IAAMC,MAAM,GAAG,iCAAIC,gBAAO,CAACC,MAAM,CAAc,OAAO,CAAC,EAAEC,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAK;IACpE,IAAMC,KAAK,GAAGF,CAAC,CAACG,KAAK,CAACC,KAAK,CAACC,IAAI,IAAI,GAAG;IACvC,IAAMC,KAAK,GAAGL,CAAC,CAACE,KAAK,CAACC,KAAK,CAACC,IAAI,IAAI,GAAG;;IAEvC;IACA,IAAIH,KAAK,KAAK,GAAG,IAAII,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC,CAAC;IACb;;IAEA;IACA,IAAIJ,KAAK,KAAK,GAAG,IAAIA,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC;IACZ;;IAEA;IACA,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAACK,QAAQ,CAACD,KAAK,CAAC,EAAE;MAC5B,OAAO,CAAC,CAAC;IACb;IAEA,OAAO,CAAC;EACZ,CAAC,CAAC;EAEF,oBACI,6BAAC,mBAAiB,QACbV,MAAM,CAACY,GAAG,CAAC;IAAA,IAAGL,KAAK,QAALA,KAAK;MAAEM,IAAI,QAAJA,IAAI;IAAA,oBAAOC,cAAK,CAACC,YAAY,CAACR,KAAK,EAAE;MAAES,GAAG,EAAEH;IAAK,CAAC,CAAC;EAAA,EAAC,CAC1D;AAE5B,CAAC;AAAC"}

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

@@ -4,7 +4,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"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -56,13 +56,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,cAAK,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC;AAAC;AAAA,IAqBpCC,UAAU;EAAA;EAAA;EAAA;IAAA;IAAA;IAAA;MAAA;IAAA;IAAA;IAAA,oFACY;MAC3BC,EAAE,EAAE,CAAC;IACT,CAAC;IAAA,sFAE0B,UAACC,MAAgB,EAAW;MACnD,OAAO,MAAKC,QAAQ,CAAC,UAACC,KAAY,EAAK;QACnC,OAAO;UAAEH,EAAE,8DAAOG,KAAK,CAACH,EAAE,GAAKC,MAAM,CAACE,KAAK,CAACH,EAAE,CAAC;QAAG,CAAC;MACvD,CAAC,CAAC;IACN,CAAC;IAAA;EAAA;EAAA;IAAA;IAAA,OAED,kBAAyB;MACrB,IAAMI,KAAqB,+DAAQ,IAAI,CAACD,KAAK,CAACH,EAAE;QAAEE,QAAQ,EAAE,IAAI,CAACG;MAAO,EAAE;MAC1E,IAAMC,cAAc,GAAGC,gBAAO,CAACC,MAAM,CAAgB,UAAU,CAAC;MAChE,oBACI,6BAAC,SAAS,CAAC,QAAQ;QAAC,KAAK,EAAEJ;MAAM,GAC5BE,cAAc,CAACG,GAAG,CAAC,UAAAC,EAAE;QAAA,oBAAIb,cAAK,CAACc,YAAY,CAACD,EAAE,CAACE,MAAM,EAAE,EAAE;UAAEC,GAAG,EAAEH,EAAE,CAACI;QAAK,CAAC,CAAC;MAAA,EAAC,EAC3E,IAAI,CAACC,KAAK,CAACC,QAAQ,CACH;IAE7B;EAAC;EAAA;AAAA,EApB2BnB,cAAK,CAACoB,SAAS;AAAA;AA0BxC,IAAMC,UAAqC,GAAG,SAAxCA,UAAqC,OAAqB;EAAA,IAAfF,QAAQ,QAARA,QAAQ;EAC5D,oBAAO,6BAAC,SAAS,CAAC,QAAQ,QAAE,UAAAhB,EAAE;IAAA,oBAAIH,cAAK,CAACc,YAAY,CAACK,QAAQ,EAAE;MAAEhB,EAAE,EAAFA;IAAG,CAAC,CAAC;EAAA,EAAsB;AAChG,CAAC;AAAC"}
+{"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,cAAK,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC;AAAC;AAAA,IAqBpCC,UAAU;EAAA;EAAA;EAAA;IAAA;IAAA;IAAA;MAAA;IAAA;IAAA;IAAA,oFACY;MAC3BC,EAAE,EAAE,CAAC;IACT,CAAC;IAAA,sFAE0B,UAACC,MAAgB,EAAW;MACnD,OAAO,MAAKC,QAAQ,CAAC,UAACC,KAAY,EAAK;QACnC,OAAO;UAAEH,EAAE,8DAAOG,KAAK,CAACH,EAAE,GAAKC,MAAM,CAACE,KAAK,CAACH,EAAE,CAAC;QAAG,CAAC;MACvD,CAAC,CAAC;IACN,CAAC;IAAA;EAAA;EAAA;IAAA;IAAA,OAED,kBAAyB;MACrB,IAAMI,KAAqB,+DAAQ,IAAI,CAACD,KAAK,CAACH,EAAE;QAAEE,QAAQ,EAAE,IAAI,CAACG;MAAO,EAAE;MAC1E,IAAMC,cAAc,GAAGC,gBAAO,CAACC,MAAM,CAAgB,UAAU,CAAC;MAChE,oBACI,6BAAC,SAAS,CAAC,QAAQ;QAAC,KAAK,EAAEJ;MAAM,GAC5BE,cAAc,CAACG,GAAG,CAAC,UAAAC,EAAE;QAAA,oBAAIb,cAAK,CAACc,YAAY,CAACD,EAAE,CAACE,MAAM,EAAE,EAAE;UAAEC,GAAG,EAAEH,EAAE,CAACI;QAAK,CAAC,CAAC;MAAA,EAAC,EAC3E,IAAI,CAACC,KAAK,CAACC,QAAQ,CACH;IAE7B;EAAC;EAAA;AAAA,EApB2BnB,cAAK,CAACoB,SAAS;AAAA"}

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,19 @@
+"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,QAA8B,CAAGC,KAAK,EAAI;EACnD,cAAqB,IAAAC,WAAM,GAAE;IAArBC,QAAQ,WAARA,QAAQ;EAEhB,IAAAC,gBAAS,EAAC,YAAM;IACZD,QAAQ,eAAC,6BAAC,kBAAK,EAAKF,KAAK,CAAI,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAAC"}

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,41 @@
+"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,cAA+B,OAAgC;EAAA,qBAA1BC,IAAI;IAAJA,IAAI,0BAAG,EAAE;IAAEC,QAAQ,QAARA,QAAQ;EACjE,gBAA4B,IAAAC,eAAQ,EAACF,IAAI,KAAK,CAAC,CAAC;IAAA;IAAzCG,MAAM;IAAEC,SAAS;EAExB,IAAMC,eAAe,GAAG,IAAAC,cAAO,EAAC,YAAM;IAClC,OAAO,IAAAC,eAAQ,EAAC,YAAM;MAClBH,SAAS,CAAC,IAAI,CAAC;IACnB,CAAC,EAAEJ,IAAI,CAAC;EACZ,CAAC,EAAE,CAACI,SAAS,CAAC,CAAC;EAEf,IAAAI,gBAAS,EAAC,YAAM;IACZ,IAAIL,MAAM,EAAE;MACR;IACJ;IAEAE,eAAe,EAAE;IAEjB,OAAO,YAAM;MACTA,eAAe,CAACI,MAAM,EAAE;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAO,4DAAGN,MAAM,GAAGF,QAAQ,GAAG,IAAI,CAAI;AAC1C,CAAC;AAAC"}

package/core/Plugin.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { HigherOrderComponent } from "@webiny/react-composition";
+interface PluginProps {
+    providers?: HigherOrderComponent[];
+    children?: React.ReactNode;
+}
+export declare const Plugin: React.NamedExoticComponent<PluginProps>;
+export {};

package/core/Plugin.js

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

package/core/Plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Plugin","React","memo","providers","children","map","provider","index"],"sources":["Plugin.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"./Provider\";\nimport { Plugins } from \"./Plugins\";\nimport { HigherOrderComponent } from \"@webiny/react-composition\";\n\ninterface PluginProps {\n    providers?: HigherOrderComponent[];\n    children?: React.ReactNode;\n}\n\nexport const Plugin = React.memo(function Plugin({ providers, children }: PluginProps) {\n    return (\n        <>\n            {(providers || []).map((provider, index) => (\n                <Provider key={index} hoc={provider} />\n            ))}\n            {children ? <Plugins>{children}</Plugins> : null}\n        </>\n    );\n});\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAQO,IAAMA,MAAM,gBAAGC,cAAK,CAACC,IAAI,CAAC,SAASF,MAAM,OAAuC;EAAA,IAApCG,SAAS,QAATA,SAAS;IAAEC,QAAQ,QAARA,QAAQ;EAClE,oBACI,4DACK,CAACD,SAAS,IAAI,EAAE,EAAEE,GAAG,CAAC,UAACC,QAAQ,EAAEC,KAAK;IAAA,oBACnC,6BAAC,kBAAQ;MAAC,GAAG,EAAEA,KAAM;MAAC,GAAG,EAAED;IAAS,EAAG;EAAA,CAC1C,CAAC,EACDF,QAAQ,gBAAG,6BAAC,gBAAO,QAAEA,QAAQ,CAAW,GAAG,IAAI,CACjD;AAEX,CAAC,CAAC;AAAC"}

package/core/Plugins.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export declare const PluginsContext: React.Context<boolean>;
+interface PluginsProviderComponentProps {
+    children: JSX.Element[];
+}
+export declare const PluginsProvider: React.NamedExoticComponent<PluginsProviderComponentProps>;
+/**
+ * @param children
+ * @deprecated This component should not be used directly. Use the <Plugin> component to create plugins.
+ */
+export declare const Plugins: React.FC;
+export {};

package/core/Plugins.js

@@ -0,0 +1,45 @@
+"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);
+
+/**
+ * @param children
+ * @deprecated This component should not be used directly. Use the <Plugin> component to create plugins.
+ */
+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\n/**\n * @param children\n * @deprecated This component should not be used directly. Use the <Plugin> component to create plugins.\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,EAAU,KAAK,CAAC;AAAC;AAC5DD,cAAc,CAACE,WAAW,GAAG,gBAAgB;AAK7C,IAAMC,wBAAiE,GAAG,SAApEA,wBAAiE,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EACjF;AACJ;AACA;AACA;EACI,oBAAO,6BAAC,cAAc,CAAC,QAAQ;IAAC,KAAK,EAAE;EAAK,GAAEA,QAAQ,CAA2B;AACrF,CAAC;AAEM,IAAMC,eAAe,gBAAG,IAAAC,WAAI,EAACH,wBAAwB,CAAC;;AAE7D;AACA;AACA;AACA;AAHA;AAIO,IAAMI,OAAiB,GAAG,SAApBA,OAAiB,QAAqB;EAAA,IAAfH,QAAQ,SAARA,QAAQ;EACxC,cAAsB,IAAAI,WAAM,GAAE;IAAtBC,SAAS,WAATA,SAAS;EACjB,IAAMC,eAAe,GAAG,IAAAC,iBAAU,EAACX,cAAc,CAAC;EAElD,IAAAY,gBAAS,EAAC,YAAM;IACZ,IAAIF,eAAe,EAAE;MACjB;IACJ;IAEAG,eAAQ,CAACC,OAAO,CAACV,QAAQ,EAAE,UAAAW,KAAK;MAAA,OAAIN,SAAS,CAACM,KAAK,CAAC;IAAA,EAAC;EACzD,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOL,eAAe,gBAAG,6BAAC,eAAQ,QAAEN,QAAQ,CAAY,GAAG,IAAI;AACnE,CAAC;AAAC"}

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,21 @@
+"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,QAAiC,OAAgB;EAAA,IAAVC,GAAG,QAAHA,GAAG;EACnD,cAAwB,IAAAC,QAAM,GAAE;IAAxBC,WAAW,WAAXA,WAAW;EAEnB,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAOD,WAAW,CAACF,GAAG,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAAC"}

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,42 @@
+"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,MAA6B,CAAGC,KAAK,EAAI;EAClD,IAAMC,MAAM,GAAG,2CACRD,KAAK,CAACC,MAAM,oCAEZC,gBAAO,CAACC,MAAM,CAAc,OAAO,CAAC,CAACC,GAAG,CAAC;IAAA,IAAGC,KAAK,QAALA,KAAK;IAAA,OAAOA,KAAK;EAAA,EAAC,GACnEC,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAK;IACb,IAAMC,KAAK,GAAGF,CAAC,CAACP,KAAK,CAACU,IAAI,IAAI,GAAG;IACjC,IAAMC,KAAK,GAAGH,CAAC,CAACR,KAAK,CAACU,IAAI,IAAI,GAAG;;IAEjC;IACA,IAAID,KAAK,KAAK,GAAG,IAAIE,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC,CAAC;IACb;;IAEA;IACA,IAAIF,KAAK,KAAK,GAAG,IAAIA,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC;IACZ;;IAEA;IACA,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAACG,QAAQ,CAACD,KAAK,CAAC,EAAE;MAC5B,OAAO,CAAC,CAAC;IACb;IAEA,OAAO,CAAC;EACZ,CAAC,CAAC;EAEF,oBACI,6BAAC,mBAAiB,QACbV,MAAM,CAACG,GAAG,CAAC,UAACC,KAAK,EAAEQ,KAAK;IAAA,oBACrBC,cAAK,CAACC,YAAY,CAACV,KAAK,EAAE;MAAEW,GAAG,YAAKX,KAAK,CAACL,KAAK,CAACU,IAAI,cAAIG,KAAK;IAAG,CAAC,CAAC;EAAA,EACrE,CACe;AAE5B,CAAC;AAAC"}

package/core/createProvider.d.ts

@@ -0,0 +1,6 @@
+import { HigherOrderComponent } from "@webiny/react-composition";
+/**
+ * Creates a Higher Order Component which is meant to wrap the entire app content.
+ * This is mostly useful for adding React Context providers.
+ */
+export declare function createProvider(hoc: HigherOrderComponent): HigherOrderComponent;

package/core/createProvider.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createProvider = createProvider;
+/**
+ * Creates a Higher Order Component which is meant to wrap the entire app content.
+ * This is mostly useful for adding React Context providers.
+ */
+function createProvider(hoc) {
+  return hoc;
+}

package/core/createProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createProvider","hoc"],"sources":["createProvider.tsx"],"sourcesContent":["import { HigherOrderComponent } from \"@webiny/react-composition\";\n\n/**\n * Creates a Higher Order Component which is meant to wrap the entire app content.\n * This is mostly useful for adding React Context providers.\n */\nexport function createProvider(hoc: HigherOrderComponent): HigherOrderComponent {\n    return hoc;\n}\n"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACO,SAASA,cAAc,CAACC,GAAyB,EAAwB;EAC5E,OAAOA,GAAG;AACd"}

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,21 @@
+"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,oBAAoB,CAACC,GAAyB,EAAY;EACtE,OAAO,SAASC,cAAc,GAAG;IAC7B,oBAAO,6BAAC,kBAAQ;MAAC,GAAG,EAAED;IAAI,EAAG;EACjC,CAAC;AACL"}

package/index.d.ts

@@ -2,3 +2,14 @@ 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/Plugin";
+export * from "./core/Provider";
+export * from "./core/AddRoute";
+export * from "./core/DebounceRender";
+export * from "./core/createProvider";
+export * from "./core/createProviderPlugin";