@webiny/app 0.0.0-unstable.79032b23a5 → 0.0.0-unstable.7be00a75a9

package/config/RouterConfig/Route.d.ts

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

package/config/RouterConfig/Route.js

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

package/config/RouterConfig/Route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/RouterConfig/Route.js","sources":["../../../src/config/RouterConfig/Route.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { Route as BaseRoute } from \"~/router.js\";\n\nexport interface RouteProps {\n    route: BaseRoute<any>;\n    element: React.ReactElement;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nexport type RouteConfig = Pick<RouteProps, \"route\" | \"element\">;\n\nexport const Route = makeDecoratable(\n    \"Route\",\n    ({ route, element, remove, before, after }: RouteProps) => {\n        const name = route.name;\n\n        const getId = useIdGenerator(\"Route\");\n\n        const placeAfter = after !== undefined ? getId(after) : undefined;\n        const placeBefore = before !== undefined ? getId(before) : undefined;\n\n        return (\n            <Property\n                id={getId(name)}\n                name={\"routes\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"route\")} name={\"route\"} value={route} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n            </Property>\n        );\n    }\n);\n"],"names":["Route","makeDecoratable","route","element","remove","before","after","name","getId","useIdGenerator","placeAfter","undefined","placeBefore","Property"],"mappings":";;;AAeO,MAAMA,QAAQC,gBACjB,SACA,CAAC,EAAEC,KAAK,EAAEC,OAAO,EAAEC,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAc;IAClD,MAAMC,OAAOL,MAAM,IAAI;IAEvB,MAAMM,QAAQC,eAAe;IAE7B,MAAMC,aAAaJ,AAAUK,WAAVL,QAAsBE,MAAMF,SAASK;IACxD,MAAMC,cAAcP,AAAWM,WAAXN,SAAuBG,MAAMH,UAAUM;IAE3D,OAAO,WAAP,GACI,oBAACE,UAAQA;QACL,IAAIL,MAAMD;QACV,MAAM;QACN,QAAQH;QACR,OAAO;QACP,QAAQQ;QACR,OAAOF;qBAEP,oBAACG,UAAQA;QAAC,IAAIL,MAAMD,MAAM;QAAU,MAAM;QAAS,OAAOL;sBAC1D,oBAACW,UAAQA;QAAC,IAAIL,MAAMD,MAAM;QAAY,MAAM;QAAW,OAAOJ;;AAG1E"}

package/config/RouterConfig.d.ts

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

package/config/RouterConfig.js

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

package/config/RouterConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/RouterConfig.js","sources":["../../src/config/RouterConfig.tsx"],"sourcesContent":["import { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { Route, type RouteConfig } from \"./RouterConfig/Route.js\";\n\nconst base = createConfigurableComponent<RouterConfig>(\"RouterConfig\");\n\nexport const RouterWithConfig = Object.assign(base.WithConfig, {\n    displayName: \"RouterWithConfig\"\n});\n\ninterface RouterConfig {\n    routes: RouteConfig[];\n}\n\nexport const useRouterConfig = () => {\n    const baseConfig = base.useConfig();\n\n    return {\n        routes: baseConfig.routes ?? []\n    };\n};\n\nexport const RouterConfig = Object.assign(base.Config, {\n    Route,\n    useRouterConfig\n});\n"],"names":["base","createConfigurableComponent","RouterWithConfig","Object","useRouterConfig","baseConfig","RouterConfig","Route"],"mappings":";;AAGA,MAAMA,OAAOC,4BAA0C;AAEhD,MAAMC,mBAAmBC,OAAO,MAAM,CAACH,KAAK,UAAU,EAAE;IAC3D,aAAa;AACjB;AAMO,MAAMI,kBAAkB;IAC3B,MAAMC,aAAaL,KAAK,SAAS;IAEjC,OAAO;QACH,QAAQK,WAAW,MAAM,IAAI,EAAE;IACnC;AACJ;AAEO,MAAMC,eAAeH,OAAO,MAAM,CAACH,KAAK,MAAM,EAAE;IACnDO,OAAKA;IACLH,iBAAAA;AACJ"}

package/config.d.ts

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

package/config.js

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

package/config.js.map

@@ -1 +1 @@
-{"version":3,"names":["deepFreeze","obj","Object","keys","forEach","prop","isFrozen","freeze","createConfig","_config","set","config","get","getKey","key","defaultValue"],"sources":["config.ts"],"sourcesContent":["export type Config = Record<string, any>;\n\ninterface AppConfig {\n    set(config: Config): void;\n    get(): Config;\n    getKey<T = string>(key: string, defaultValue: T): T;\n}\n\nconst deepFreeze = (obj: Record<string, any>): Record<string, any> => {\n    Object.keys(obj).forEach(prop => {\n        if (typeof obj[prop] === \"object\" && !Object.isFrozen(obj[prop])) {\n            deepFreeze(obj[prop]);\n        }\n    });\n    return Object.freeze(obj);\n};\n\nfunction createConfig(): AppConfig {\n    let _config: Record<string, any> = {};\n\n    return {\n        set(config: Config) {\n            _config = deepFreeze(config);\n        },\n        get() {\n            return _config;\n        },\n        getKey(key, defaultValue) {\n            return key in _config ? _config[key] : defaultValue;\n        }\n    };\n}\n\nexport const config = createConfig();\n"],"mappings":";;;;;;AAQA,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,GAAwB,EAA0B;EAClEC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC,CAACG,OAAO,CAAC,UAAAC,IAAI,EAAI;IAC7B,IAAI,OAAOJ,GAAG,CAACI,IAAI,CAAC,KAAK,QAAQ,IAAI,CAACH,MAAM,CAACI,QAAQ,CAACL,GAAG,CAACI,IAAI,CAAC,CAAC,EAAE;MAC9DL,UAAU,CAACC,GAAG,CAACI,IAAI,CAAC,CAAC;IACzB;EACJ,CAAC,CAAC;EACF,OAAOH,MAAM,CAACK,MAAM,CAACN,GAAG,CAAC;AAC7B,CAAC;AAED,SAASO,YAAY,GAAc;EAC/B,IAAIC,OAA4B,GAAG,CAAC,CAAC;EAErC,OAAO;IACHC,GAAG,eAACC,MAAc,EAAE;MAChBF,OAAO,GAAGT,UAAU,CAACW,MAAM,CAAC;IAChC,CAAC;IACDC,GAAG,iBAAG;MACF,OAAOH,OAAO;IAClB,CAAC;IACDI,MAAM,kBAACC,GAAG,EAAEC,YAAY,EAAE;MACtB,OAAOD,GAAG,IAAIL,OAAO,GAAGA,OAAO,CAACK,GAAG,CAAC,GAAGC,YAAY;IACvD;EACJ,CAAC;AACL;AAEO,IAAMJ,MAAM,GAAGH,YAAY,EAAE;AAAC"}
+{"version":3,"file":"config.js","sources":["../src/config.ts"],"sourcesContent":["export type Config = Record<string, any>;\n\ninterface AppConfig {\n    set(config: Config): void;\n    get(): Config;\n    getKey<T = string>(key: string, defaultValue: T): T;\n}\n\nconst deepFreeze = (obj: Record<string, any>): Record<string, any> => {\n    Object.keys(obj).forEach(prop => {\n        if (typeof obj[prop] === \"object\" && !Object.isFrozen(obj[prop])) {\n            deepFreeze(obj[prop]);\n        }\n    });\n    return Object.freeze(obj);\n};\n\nfunction createConfig(): AppConfig {\n    let _config: Record<string, any> = {};\n\n    return {\n        set(config: Config) {\n            _config = deepFreeze(config);\n        },\n        get() {\n            return _config;\n        },\n        getKey(key, defaultValue) {\n            return key in _config ? _config[key] : defaultValue;\n        }\n    };\n}\n\nexport const config = createConfig();\n"],"names":["deepFreeze","obj","Object","prop","createConfig","_config","config","key","defaultValue"],"mappings":"AAQA,MAAMA,aAAa,CAACC;IAChBC,OAAO,IAAI,CAACD,KAAK,OAAO,CAACE,CAAAA;QACrB,IAAI,AAAqB,YAArB,OAAOF,GAAG,CAACE,KAAK,IAAiB,CAACD,OAAO,QAAQ,CAACD,GAAG,CAACE,KAAK,GAC3DH,WAAWC,GAAG,CAACE,KAAK;IAE5B;IACA,OAAOD,OAAO,MAAM,CAACD;AACzB;AAEA,SAASG;IACL,IAAIC,UAA+B,CAAC;IAEpC,OAAO;QACH,KAAIC,MAAc;YACdD,UAAUL,WAAWM;QACzB;QACA;YACI,OAAOD;QACX;QACA,QAAOE,GAAG,EAAEC,YAAY;YACpB,OAAOD,OAAOF,UAAUA,OAAO,CAACE,IAAI,GAAGC;QAC3C;IACJ;AACJ;AAEO,MAAMF,gBAASF"}

package/contexts/Ui/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-export declare const UiContext: React.Context<{}>;
-declare type Props = {};
-declare type State = {
+export declare const UiContext: React.Context<Record<string, any>>;
+type Props = Record<string, any>;
+type State = {
     ui: {
         [key: string]: any;
     };
@@ -19,6 +19,6 @@ export interface UiContextValue {
 export declare class UiProvider extends React.Component<Props, State> {
     state: State;
     private readonly setData;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/contexts/Ui/index.js

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

package/contexts/Ui/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["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"}
+{"version":3,"file":"contexts/Ui/index.js","sources":["../../../src/contexts/Ui/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { UiStatePlugin } from \"~/types.js\";\nimport { plugins } from \"@webiny/plugins\";\n\nexport const UiContext = React.createContext<Record<string, any>>({});\n\ntype Props = Record<string, any>;\n\ntype State = {\n    ui: { [key: string]: any };\n};\n\ninterface UiData {\n    [key: string]: any;\n}\n\ninterface UiDataSetter {\n    (ui: UiData): UiData;\n}\n\nexport interface UiContextValue {\n    setState: (setter: UiDataSetter) => void;\n    [key: string]: any;\n}\n\nexport class UiProvider extends React.Component<Props, State> {\n    public override state: State = {\n        ui: {}\n    };\n\n    private readonly setData = (setter: UiDataSetter): void => {\n        return this.setState((state: State) => {\n            return { ui: { ...state.ui, ...setter(state.ui) } };\n        });\n    };\n\n    public override render() {\n        const value: UiContextValue = { ...this.state.ui, setState: this.setData };\n        const uiStatePlugins = plugins.byType<UiStatePlugin>(\"ui-state\");\n        return (\n            <UiContext.Provider value={value}>\n                {uiStatePlugins.map(pl => React.cloneElement(pl.render(), { key: pl.name }))}\n                {this.props.children}\n            </UiContext.Provider>\n        );\n    }\n}\n"],"names":["UiContext","React","UiProvider","value","uiStatePlugins","plugins","pl","setter","state"],"mappings":";;AAIO,MAAMA,YAAY,WAAHA,GAAGC,MAAAA,aAAmB,CAAsB,CAAC;AAqB5D,MAAMC,mBAAmBD,MAAAA,SAAe;IAW3B,SAAS;QACrB,MAAME,QAAwB;YAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE;YAAE,UAAU,IAAI,CAAC,OAAO;QAAC;QACzE,MAAMC,iBAAiBC,QAAQ,MAAM,CAAgB;QACrD,OAAO,WAAP,GACI,oBAACL,UAAU,QAAQ;YAAC,OAAOG;WACtBC,eAAe,GAAG,CAACE,CAAAA,KAAAA,WAAAA,GAAML,MAAAA,YAAkB,CAACK,GAAG,MAAM,IAAI;gBAAE,KAAKA,GAAG,IAAI;YAAC,KACxE,IAAI,CAAC,KAAK,CAAC,QAAQ;IAGhC;;QApBG,qBACa,KAAK,GAAU;YAC3B,IAAI,CAAC;QACT,QAEiB,OAAO,GAAG,CAACC,SACjB,IAAI,CAAC,QAAQ,CAAC,CAACC,QACX;oBAAE,IAAI;wBAAE,GAAGA,MAAM,EAAE;wBAAE,GAAGD,OAAOC,MAAM,EAAE,CAAC;oBAAC;gBAAE;;AAc9D"}

package/core/Plugin.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { HigherOrderComponent } from "@webiny/react-composition";
+import type { GenericComponent, Decorator } from "@webiny/react-composition";
 interface PluginProps {
-    providers?: HigherOrderComponent[];
+    providers?: Decorator<GenericComponent>[];
     children?: React.ReactNode;
 }
-export declare const Plugin: React.NamedExoticComponent<PluginProps>;
+export declare const Plugin: React.MemoExoticComponent<({ providers, children }: PluginProps) => React.JSX.Element>;
 export {};

package/core/Plugin.js

@@ -1,21 +1,12 @@
-"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);
+import react from "react";
+import { Provider } from "./Provider.js";
+import { Plugins } from "./Plugins.js";
+const Plugin_Plugin = /*#__PURE__*/ react.memo(function({ providers, children }) {
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, (providers || []).map((provider, index)=>/*#__PURE__*/ react.createElement(Provider, {
+            key: index,
+            hoc: provider
+        })), children ? /*#__PURE__*/ react.createElement(Plugins, null, children) : null);
 });
-exports.Plugin = Plugin;
+export { Plugin_Plugin as Plugin };
+
+//# sourceMappingURL=Plugin.js.map

package/core/Plugin.js.map

@@ -1 +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"}
+{"version":3,"file":"core/Plugin.js","sources":["../../src/core/Plugin.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"./Provider.js\";\nimport { Plugins } from \"./Plugins.js\";\nimport type { GenericComponent, Decorator } from \"@webiny/react-composition\";\n\ninterface PluginProps {\n    providers?: Decorator<GenericComponent>[];\n    children?: React.ReactNode;\n}\n\nexport const Plugin = React.memo(function Plugin({ providers, children }: PluginProps) {\n    return (\n        <>\n            {(providers || []).map((provider, index) => (\n                <Provider key={index} hoc={provider} />\n            ))}\n            {children ? <Plugins>{children}</Plugins> : null}\n        </>\n    );\n});\n"],"names":["Plugin","React","providers","children","provider","index","Provider","Plugins"],"mappings":";;;AAUO,MAAMA,gBAAS,WAAHA,GAAGC,MAAAA,IAAU,CAAC,SAAgB,EAAEC,SAAS,EAAEC,QAAQ,EAAe;IACjF,OAAO,WAAP,GACI,0CACMD,AAAAA,CAAAA,aAAa,EAAC,EAAG,GAAG,CAAC,CAACE,UAAUC,QAAAA,WAAAA,GAC9B,oBAACC,UAAQA;YAAC,KAAKD;YAAO,KAAKD;aAE9BD,WAAW,WAAXA,GAAW,oBAACI,SAAOA,MAAEJ,YAAsB;AAGxD"}

package/core/Plugins.d.ts

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

package/core/Plugins.js

@@ -1,45 +1,21 @@
-"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;
+import react, { Children, Fragment, createContext, memo, useContext, useEffect } from "react";
+import { useApp } from "../App.js";
+const PluginsContext = /*#__PURE__*/ createContext(false);
 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);
+const PluginsProviderComponent = ({ children })=>/*#__PURE__*/ react.createElement(PluginsContext.Provider, {
+        value: true
+    }, children);
+const PluginsProvider = /*#__PURE__*/ memo(PluginsProviderComponent);
+const Plugins = /*#__PURE__*/ react.memo(({ children })=>{
+    const { addPlugin } = useApp();
+    const hasParentPlugin = useContext(PluginsContext);
+    useEffect(()=>{
+        if (hasParentPlugin) return;
+        Children.forEach(children, (child)=>addPlugin(child));
+    }, []);
+    return hasParentPlugin ? /*#__PURE__*/ react.createElement(Fragment, null, children) : null;
+});
+Plugins.displayName = "Plugins";
+export { Plugins, PluginsContext, PluginsProvider };
 
-/**
- * @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;
+//# sourceMappingURL=Plugins.js.map

package/core/Plugins.js.map

@@ -1 +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"}
+{"version":3,"file":"core/Plugins.js","sources":["../../src/core/Plugins.tsx"],"sourcesContent":["import React, { Children, createContext, Fragment, memo, useContext, useEffect } from \"react\";\nimport { useApp } from \"~/App.js\";\n\nexport const PluginsContext = createContext<boolean>(false);\nPluginsContext.displayName = \"PluginsContext\";\n\ninterface PluginsProviderComponentProps {\n    children: React.JSX.Element[];\n}\nconst PluginsProviderComponent = ({ children }: PluginsProviderComponentProps) => {\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 */\ninterface PluginsComponentsProps {\n    children: React.ReactNode;\n}\nexport const Plugins = React.memo(({ children }: PluginsComponentsProps) => {\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\nPlugins.displayName = \"Plugins\";\n"],"names":["PluginsContext","createContext","PluginsProviderComponent","children","PluginsProvider","memo","Plugins","React","addPlugin","useApp","hasParentPlugin","useContext","useEffect","Children","child","Fragment"],"mappings":";;AAGO,MAAMA,iBAAiB,WAAHA,GAAGC,cAAuB;AACrDD,eAAe,WAAW,GAAG;AAK7B,MAAME,2BAA2B,CAAC,EAAEC,QAAQ,EAAiC,GAKlE,WAAP,GAAO,oBAACH,eAAe,QAAQ;QAAC,OAAO;OAAOG;AAG3C,MAAMC,kBAAkB,WAAHA,GAAGC,KAAKH;AAS7B,MAAMI,UAAU,WAAHA,GAAGC,MAAAA,IAAU,CAAC,CAAC,EAAEJ,QAAQ,EAA0B;IACnE,MAAM,EAAEK,SAAS,EAAE,GAAGC;IACtB,MAAMC,kBAAkBC,WAAWX;IAEnCY,UAAU;QACN,IAAIF,iBACA;QAGJG,SAAS,OAAO,CAACV,UAAUW,CAAAA,QAASN,UAAUM;IAClD,GAAG,EAAE;IAEL,OAAOJ,kBAAkB,WAAlBA,GAAkB,oBAACK,UAAQA,MAAEZ,YAAuB;AAC/D;AAEAG,QAAQ,WAAW,GAAG"}

package/core/Provider.d.ts

@@ -1,9 +1,8 @@
-import React from "react";
-import { HigherOrderComponent } from "../index";
+import type { GenericComponent, Decorator } from "../index.js";
 export interface ProviderProps {
-    hoc: HigherOrderComponent;
+    hoc: Decorator<GenericComponent>;
 }
 /**
  * Register a new React context provider.
  */
-export declare const Provider: React.FC<ProviderProps>;
+export declare const Provider: ({ hoc }: ProviderProps) => null;

package/core/Provider.js

@@ -1,21 +1,10 @@
-"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;
+import { useEffect } from "react";
+import { useApp } from "../index.js";
+const Provider = ({ hoc })=>{
+    const { addProvider } = useApp();
+    useEffect(()=>addProvider(hoc), []);
+    return null;
 };
-exports.Provider = Provider;
+export { Provider };
+
+//# sourceMappingURL=Provider.js.map

package/core/Provider.js.map

@@ -1 +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"}
+{"version":3,"file":"core/Provider.js","sources":["../../src/core/Provider.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { GenericComponent, Decorator } from \"~/index.js\";\nimport { useApp } from \"~/index.js\";\n\nexport interface ProviderProps {\n    hoc: Decorator<GenericComponent>;\n}\n\n/**\n * Register a new React context provider.\n */\nexport const Provider = ({ hoc }: ProviderProps) => {\n    const { addProvider } = useApp();\n\n    useEffect(() => {\n        return addProvider(hoc);\n    }, []);\n\n    return null;\n};\n"],"names":["Provider","hoc","addProvider","useApp","useEffect"],"mappings":";;AAWO,MAAMA,WAAW,CAAC,EAAEC,GAAG,EAAiB;IAC3C,MAAM,EAAEC,WAAW,EAAE,GAAGC;IAExBC,UAAU,IACCF,YAAYD,MACpB,EAAE;IAEL,OAAO;AACX"}

package/core/createProvider.d.ts

@@ -1,6 +1,10 @@
-import { HigherOrderComponent } from "@webiny/react-composition";
+import type React from "react";
+import type { Decorator, GenericComponent } from "@webiny/react-composition";
+export interface ChildrenProps {
+    children: React.ReactNode;
+}
 /**
- * Creates a Higher Order Component which is meant to wrap the entire app content.
+ * Creates a Higher Order Component which wraps the entire app content.
  * This is mostly useful for adding React Context providers.
  */
-export declare function createProvider(hoc: HigherOrderComponent): HigherOrderComponent;
+export declare function createProvider(decorator: Decorator<GenericComponent<ChildrenProps>>): Decorator<GenericComponent<ChildrenProps>>;

package/core/createProvider.js

@@ -1,13 +1,6 @@
-"use strict";
+function createProvider(decorator) {
+    return decorator;
+}
+export { createProvider };
 
-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;
-}
+//# sourceMappingURL=createProvider.js.map

package/core/createProvider.js.map

@@ -1 +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"}
+{"version":3,"file":"core/createProvider.js","sources":["../../src/core/createProvider.tsx"],"sourcesContent":["import type React from \"react\";\nimport type { Decorator, GenericComponent } from \"@webiny/react-composition\";\n\nexport interface ChildrenProps {\n    children: React.ReactNode;\n}\n\n/**\n * Creates a Higher Order Component which wraps the entire app content.\n * This is mostly useful for adding React Context providers.\n */\nexport function createProvider(\n    decorator: Decorator<GenericComponent<ChildrenProps>>\n): Decorator<GenericComponent<ChildrenProps>> {\n    return decorator;\n}\n"],"names":["createProvider","decorator"],"mappings":"AAWO,SAASA,eACZC,SAAqD;IAErD,OAAOA;AACX"}

package/core/createProviderPlugin.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { HigherOrderComponent } from "@webiny/react-composition";
+import type { GenericComponent, Decorator } 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;
+export declare function createProviderPlugin(decorator: Decorator<GenericComponent>): () => React.JSX.Element;