@webiny/app 0.0.0-unstable.e3f4727c56 → 0.0.0-unstable.eb196ccd2f

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":["// 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"}
+{"version":3,"names":["React","plugins","Routes","ReactRouterRoutes","routes","byType","sort","a","b","pathA","route","props","path","pathB","includes","createElement","map","name","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 type { 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,MAAM,IAAIC,iBAAiB,QAAQ,sBAAsB;AAGlE,OAAO,MAAMD,MAAM,GAAGA,CAAA,KAAM;EACxB;EACA,MAAME,MAAM,GAAG,CAAC,GAAGH,OAAO,CAACI,MAAM,CAAc,OAAO,CAAC,CAAC,CAACC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;IACpE,MAAMC,KAAK,GAAGF,CAAC,CAACG,KAAK,CAACC,KAAK,CAACC,IAAI,IAAI,GAAG;IACvC,MAAMC,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,oBACIb,KAAA,CAAAe,aAAA,CAACZ,iBAAiB,QACbC,MAAM,CAACY,GAAG,CAAC,CAAC;IAAEN,KAAK;IAAEO;EAAK,CAAC,kBAAKjB,KAAK,CAACkB,YAAY,CAACR,KAAK,EAAE;IAAES,GAAG,EAAEF;EAAK,CAAC,CAAC,CAC1D,CAAC;AAE5B,CAAC","ignoreList":[]}

package/components/View.d.ts

@@ -4,5 +4,5 @@ interface Props {
     props?: Record<string, any>;
     children?: React.ReactNode;
 }
-export declare const View: ({ name, children, props }: Props) => JSX.Element;
+export declare const View: ({ name, children, props }: Props) => React.JSX.Element;
 export {};

package/components/View.js

@@ -1,30 +1,19 @@
-"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.View = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _plugins = require("@webiny/plugins");
-var _ViewPlugin = require("../plugins/ViewPlugin");
-var View = function View(_ref) {
-  var name = _ref.name,
-    children = _ref.children,
-    _ref$props = _ref.props,
-    props = _ref$props === void 0 ? {} : _ref$props;
-  var viewPlugins = _plugins.plugins.byType(_ViewPlugin.ViewPlugin.type).filter(function (pl) {
-    return pl.key === name;
-  });
+import React, { Fragment } from "react";
+import { plugins } from "@webiny/plugins";
+import { ViewPlugin } from "../plugins/ViewPlugin";
+export const View = ({
+  name,
+  children,
+  props = {}
+}) => {
+  const viewPlugins = plugins.byType(ViewPlugin.type).filter(pl => pl.key === name);
   if (viewPlugins.length) {
-    children = viewPlugins.reduce(function (el, pl) {
-      return pl.render((0, _objectSpread2.default)({
-        children: el
-      }, props));
-    }, children);
+    children = viewPlugins.reduce((el, pl) => pl.render({
+      children: el,
+      ...props
+    }), children);
   }
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children || null);
+  return /*#__PURE__*/React.createElement(Fragment, null, children || null);
 };
-exports.View = View;
+
+//# sourceMappingURL=View.js.map

package/components/View.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","name","children","props","viewPlugins","plugins","byType","ViewPlugin","type","filter","pl","key","length","reduce","el","render"],"sources":["View.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ViewPlugin } from \"../plugins/ViewPlugin\";\n\ninterface Props {\n    name: string;\n    props?: Record<string, any>;\n    children?: React.ReactNode;\n}\n\nexport const View = ({ name, children, props = {} }: Props) => {\n    const viewPlugins = plugins.byType<ViewPlugin>(ViewPlugin.type).filter(pl => pl.key === name);\n\n    if (viewPlugins.length) {\n        children = viewPlugins.reduce((el, pl) => pl.render({ children: el, ...props }), children);\n    }\n\n    return <Fragment>{children || null}</Fragment>;\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAQO,IAAMA,IAAI,GAAG,SAAPA,IAAI,OAA8C;EAAA,IAAxCC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC,CAAC;EAC7C,IAAMC,WAAW,GAAGC,gBAAO,CAACC,MAAM,CAAaC,sBAAU,CAACC,IAAI,CAAC,CAACC,MAAM,CAAC,UAAAC,EAAE;IAAA,OAAIA,EAAE,CAACC,GAAG,KAAKV,IAAI;EAAA,EAAC;EAE7F,IAAIG,WAAW,CAACQ,MAAM,EAAE;IACpBV,QAAQ,GAAGE,WAAW,CAACS,MAAM,CAAC,UAACC,EAAE,EAAEJ,EAAE;MAAA,OAAKA,EAAE,CAACK,MAAM;QAAGb,QAAQ,EAAEY;MAAE,GAAKX,KAAK,EAAG;IAAA,GAAED,QAAQ,CAAC;EAC9F;EAEA,oBAAO,6BAAC,eAAQ,QAAEA,QAAQ,IAAI,IAAI,CAAY;AAClD,CAAC;AAAC"}
+{"version":3,"names":["React","Fragment","plugins","ViewPlugin","View","name","children","props","viewPlugins","byType","type","filter","pl","key","length","reduce","el","render","createElement"],"sources":["View.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ViewPlugin } from \"../plugins/ViewPlugin\";\n\ninterface Props {\n    name: string;\n    props?: Record<string, any>;\n    children?: React.ReactNode;\n}\n\nexport const View = ({ name, children, props = {} }: Props) => {\n    const viewPlugins = plugins.byType<ViewPlugin>(ViewPlugin.type).filter(pl => pl.key === name);\n\n    if (viewPlugins.length) {\n        children = viewPlugins.reduce((el, pl) => pl.render({ children: el, ...props }), children);\n    }\n\n    return <Fragment>{children || null}</Fragment>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,UAAU;AAQnB,OAAO,MAAMC,IAAI,GAAGA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,KAAK,GAAG,CAAC;AAAS,CAAC,KAAK;EAC3D,MAAMC,WAAW,GAAGN,OAAO,CAACO,MAAM,CAAaN,UAAU,CAACO,IAAI,CAAC,CAACC,MAAM,CAACC,EAAE,IAAIA,EAAE,CAACC,GAAG,KAAKR,IAAI,CAAC;EAE7F,IAAIG,WAAW,CAACM,MAAM,EAAE;IACpBR,QAAQ,GAAGE,WAAW,CAACO,MAAM,CAAC,CAACC,EAAE,EAAEJ,EAAE,KAAKA,EAAE,CAACK,MAAM,CAAC;MAAEX,QAAQ,EAAEU,EAAE;MAAE,GAAGT;IAAM,CAAC,CAAC,EAAED,QAAQ,CAAC;EAC9F;EAEA,oBAAON,KAAA,CAAAkB,aAAA,CAACjB,QAAQ,QAAEK,QAAQ,IAAI,IAAe,CAAC;AAClD,CAAC","ignoreList":[]}

package/components/index.js

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

package/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { Image } from \"./Image\";\nexport { Routes } from \"./Routes\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA"}
+{"version":3,"names":["Image","Routes"],"sources":["index.ts"],"sourcesContent":["export { Image } from \"./Image\";\nexport { Routes } from \"./Routes\";\n"],"mappings":"AAAA,SAASA,KAAK;AACd,SAASC,MAAM","ignoreList":[]}

package/config/RouterConfig/Route.d.ts

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

package/config/RouterConfig/Route.js

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

package/config/RouterConfig/Route.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Property","useIdGenerator","Route","name","path","element","exact","remove","before","after","getId","placeAfter","undefined","placeBefore","createElement","id","array","value"],"sources":["Route.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface RouteProps {\n    name: string;\n    path: string;\n    exact?: boolean;\n    element: React.ReactElement;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nexport type RouteConfig = Pick<RouteProps, \"name\" | \"path\" | \"element\">;\n\nexport const Route = makeDecoratable(\n    \"Route\",\n    ({ name, path, element, exact, remove, before, after }: RouteProps) => {\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, \"name\")} name={\"name\"} value={name} />\n                <Property id={getId(name, \"path\")} name={\"path\"} value={path} />\n                <Property id={getId(name, \"exact\")} name={\"exact\"} value={exact} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n            </Property>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAcnE,OAAO,MAAMC,KAAK,GAAGH,eAAe,CAChC,OAAO,EACP,CAAC;EAAEI,IAAI;EAAEC,IAAI;EAAEC,OAAO;EAAEC,KAAK;EAAEC,MAAM;EAAEC,MAAM;EAAEC;AAAkB,CAAC,KAAK;EACnE,MAAMC,KAAK,GAAGT,cAAc,CAAC,OAAO,CAAC;EAErC,MAAMU,UAAU,GAAGF,KAAK,KAAKG,SAAS,GAAGF,KAAK,CAACD,KAAK,CAAC,GAAGG,SAAS;EACjE,MAAMC,WAAW,GAAGL,MAAM,KAAKI,SAAS,GAAGF,KAAK,CAACF,MAAM,CAAC,GAAGI,SAAS;EAEpE,oBACId,KAAA,CAAAgB,aAAA,CAACd,QAAQ;IACLe,EAAE,EAAEL,KAAK,CAACP,IAAI,CAAE;IAChBA,IAAI,EAAE,QAAS;IACfI,MAAM,EAAEA,MAAO;IACfS,KAAK,EAAE,IAAK;IACZR,MAAM,EAAEK,WAAY;IACpBJ,KAAK,EAAEE;EAAW,gBAElBb,KAAA,CAAAgB,aAAA,CAACd,QAAQ;IAACe,EAAE,EAAEL,KAAK,CAACP,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACc,KAAK,EAAEd;EAAK,CAAE,CAAC,eAChEL,KAAA,CAAAgB,aAAA,CAACd,QAAQ;IAACe,EAAE,EAAEL,KAAK,CAACP,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACc,KAAK,EAAEb;EAAK,CAAE,CAAC,eAChEN,KAAA,CAAAgB,aAAA,CAACd,QAAQ;IAACe,EAAE,EAAEL,KAAK,CAACP,IAAI,EAAE,OAAO,CAAE;IAACA,IAAI,EAAE,OAAQ;IAACc,KAAK,EAAEX;EAAM,CAAE,CAAC,eACnER,KAAA,CAAAgB,aAAA,CAACd,QAAQ;IAACe,EAAE,EAAEL,KAAK,CAACP,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACc,KAAK,EAAEZ;EAAQ,CAAE,CAClE,CAAC;AAEnB,CACJ,CAAC","ignoreList":[]}

package/config/RouterConfig.d.ts

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

package/config/RouterConfig.js

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

package/config/RouterConfig.js.map

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

package/config.d.ts

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

package/config.js

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

package/config.js.map

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

package/contexts/Ui/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-export declare const UiContext: React.Context<{}>;
-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,32 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UiProvider = exports.UiContext = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _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";
+export const UiContext = /*#__PURE__*/React.createContext({});
+export class UiProvider extends React.Component {
+  state = {
+    ui: {}
+  };
+  setData = setter => {
+    return this.setState(state => {
+      return {
+        ui: {
+          ...state.ui,
+          ...setter(state.ui)
+        }
+      };
     });
-    return _this;
+  };
+  render() {
+    const value = {
+      ...this.state.ui,
+      setState: this.setData
+    };
+    const uiStatePlugins = plugins.byType("ui-state");
+    return /*#__PURE__*/React.createElement(UiContext.Provider, {
+      value: value
+    }, uiStatePlugins.map(pl => /*#__PURE__*/React.cloneElement(pl.render(), {
+      key: pl.name
+    })), this.props.children);
   }
-  (0, _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);
-    }
-  }]);
-  return UiProvider;
-}(_react.default.Component);
-exports.UiProvider = 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,"names":["React","plugins","UiContext","createContext","UiProvider","Component","state","ui","setData","setter","setState","render","value","uiStatePlugins","byType","createElement","Provider","map","pl","cloneElement","key","name","props","children"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { UiStatePlugin } from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\n\nexport const UiContext = React.createContext<Record<string, any>>({});\n\ntype Props = Record<string, any>;\n\ntype State = {\n    ui: { [key: string]: any };\n};\n\ninterface UiData {\n    [key: string]: any;\n}\n\ninterface UiDataSetter {\n    (ui: UiData): UiData;\n}\n\nexport interface UiContextValue {\n    setState: (setter: UiDataSetter) => void;\n    [key: string]: any;\n}\n\nexport class UiProvider extends React.Component<Props, State> {\n    public override state: State = {\n        ui: {}\n    };\n\n    private readonly setData = (setter: UiDataSetter): void => {\n        return this.setState((state: State) => {\n            return { ui: { ...state.ui, ...setter(state.ui) } };\n        });\n    };\n\n    public override render() {\n        const value: UiContextValue = { ...this.state.ui, setState: this.setData };\n        const uiStatePlugins = plugins.byType<UiStatePlugin>(\"ui-state\");\n        return (\n            <UiContext.Provider value={value}>\n                {uiStatePlugins.map(pl => React.cloneElement(pl.render(), { key: pl.name }))}\n                {this.props.children}\n            </UiContext.Provider>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,QAAQ,iBAAiB;AAEzC,OAAO,MAAMC,SAAS,gBAAGF,KAAK,CAACG,aAAa,CAAsB,CAAC,CAAC,CAAC;AAqBrE,OAAO,MAAMC,UAAU,SAASJ,KAAK,CAACK,SAAS,CAAe;EAC1CC,KAAK,GAAU;IAC3BC,EAAE,EAAE,CAAC;EACT,CAAC;EAEgBC,OAAO,GAAIC,MAAoB,IAAW;IACvD,OAAO,IAAI,CAACC,QAAQ,CAAEJ,KAAY,IAAK;MACnC,OAAO;QAAEC,EAAE,EAAE;UAAE,GAAGD,KAAK,CAACC,EAAE;UAAE,GAAGE,MAAM,CAACH,KAAK,CAACC,EAAE;QAAE;MAAE,CAAC;IACvD,CAAC,CAAC;EACN,CAAC;EAEeI,MAAMA,CAAA,EAAG;IACrB,MAAMC,KAAqB,GAAG;MAAE,GAAG,IAAI,CAACN,KAAK,CAACC,EAAE;MAAEG,QAAQ,EAAE,IAAI,CAACF;IAAQ,CAAC;IAC1E,MAAMK,cAAc,GAAGZ,OAAO,CAACa,MAAM,CAAgB,UAAU,CAAC;IAChE,oBACId,KAAA,CAAAe,aAAA,CAACb,SAAS,CAACc,QAAQ;MAACJ,KAAK,EAAEA;IAAM,GAC5BC,cAAc,CAACI,GAAG,CAACC,EAAE,iBAAIlB,KAAK,CAACmB,YAAY,CAACD,EAAE,CAACP,MAAM,CAAC,CAAC,EAAE;MAAES,GAAG,EAAEF,EAAE,CAACG;IAAK,CAAC,CAAC,CAAC,EAC3E,IAAI,CAACC,KAAK,CAACC,QACI,CAAC;EAE7B;AACJ","ignoreList":[]}

package/core/DebounceRender.d.ts

@@ -1,11 +1,12 @@
 import React from "react";
 interface Props {
     wait?: number;
+    children?: React.ReactNode;
 }
 /**
  * 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 declare const DebounceRender: ({ wait, children }: Props) => React.JSX.Element;
 export {};

package/core/DebounceRender.js

@@ -1,41 +1,31 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DebounceRender = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = _interopRequireDefault(require("lodash.debounce"));
+import React from "react";
+import { useEffect, useMemo, useState } from "react";
+import debounce from "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 () {
+export const DebounceRender = ({
+  wait = 50,
+  children
+}) => {
+  const [render, setRender] = useState(wait === 0);
+  const debouncedRender = useMemo(() => {
+    return debounce(() => {
       setRender(true);
     }, wait);
   }, [setRender]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (render) {
       return;
     }
     debouncedRender();
-    return function () {
+    return () => {
       debouncedRender.cancel();
     };
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, render ? children : null);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, render ? children : null);
 };
-exports.DebounceRender = DebounceRender;
+
+//# sourceMappingURL=DebounceRender.js.map

package/core/DebounceRender.js.map

@@ -1 +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"}
+{"version":3,"names":["React","useEffect","useMemo","useState","debounce","DebounceRender","wait","children","render","setRender","debouncedRender","cancel","createElement","Fragment"],"sources":["DebounceRender.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport debounce from \"lodash/debounce\";\n\ninterface Props {\n    wait?: number;\n    children?: React.ReactNode;\n}\n/**\n * We need to debounce the rendering of children during app bootstrap, since many plugins\n * can add more and more Providers which will recompose the entire hierarchy of React Context providers.\n * During this stage, we don't want to render anything.\n */\nexport const DebounceRender = ({ wait = 50, children }: Props) => {\n    const [render, setRender] = useState(wait === 0);\n\n    const debouncedRender = useMemo(() => {\n        return debounce(() => {\n            setRender(true);\n        }, wait);\n    }, [setRender]);\n\n    useEffect(() => {\n        if (render) {\n            return;\n        }\n\n        debouncedRender();\n\n        return () => {\n            debouncedRender.cancel();\n        };\n    }, []);\n\n    return <>{render ? children : null}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,OAAOC,QAAQ,MAAM,iBAAiB;AAMtC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC;AAAgB,CAAC,KAAK;EAC9D,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGN,QAAQ,CAACG,IAAI,KAAK,CAAC,CAAC;EAEhD,MAAMI,eAAe,GAAGR,OAAO,CAAC,MAAM;IAClC,OAAOE,QAAQ,CAAC,MAAM;MAClBK,SAAS,CAAC,IAAI,CAAC;IACnB,CAAC,EAAEH,IAAI,CAAC;EACZ,CAAC,EAAE,CAACG,SAAS,CAAC,CAAC;EAEfR,SAAS,CAAC,MAAM;IACZ,IAAIO,MAAM,EAAE;MACR;IACJ;IAEAE,eAAe,CAAC,CAAC;IAEjB,OAAO,MAAM;MACTA,eAAe,CAACC,MAAM,CAAC,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOX,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,QAAGL,MAAM,GAAGD,QAAQ,GAAG,IAAO,CAAC;AAC1C,CAAC","ignoreList":[]}

package/core/Plugin.d.ts

@@ -1,7 +1,7 @@
 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>;

package/core/Plugin.js

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Plugin = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Provider = require("./Provider");
-var _Plugins = require("./Plugins");
-var Plugin = /*#__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";
+import { Plugins } from "./Plugins";
+export const Plugin = /*#__PURE__*/React.memo(function Plugin({
+  providers,
+  children
+}) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (providers || []).map((provider, index) => /*#__PURE__*/React.createElement(Provider, {
+    key: index,
+    hoc: provider
+  })), children ? /*#__PURE__*/React.createElement(Plugins, null, children) : null);
 });
-exports.Plugin = 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,"names":["React","Provider","Plugins","Plugin","memo","providers","children","createElement","Fragment","map","provider","index","key","hoc"],"sources":["Plugin.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"./Provider\";\nimport { Plugins } from \"./Plugins\";\nimport type { GenericComponent, Decorator } from \"@webiny/react-composition\";\n\ninterface PluginProps {\n    providers?: Decorator<GenericComponent>[];\n    children?: React.ReactNode;\n}\n\nexport const Plugin = React.memo(function Plugin({ providers, children }: PluginProps) {\n    return (\n        <>\n            {(providers || []).map((provider, index) => (\n                <Provider key={index} hoc={provider} />\n            ))}\n            {children ? <Plugins>{children}</Plugins> : null}\n        </>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ;AACjB,SAASC,OAAO;AAQhB,OAAO,MAAMC,MAAM,gBAAGH,KAAK,CAACI,IAAI,CAAC,SAASD,MAAMA,CAAC;EAAEE,SAAS;EAAEC;AAAsB,CAAC,EAAE;EACnF,oBACIN,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QACK,CAACH,SAAS,IAAI,EAAE,EAAEI,GAAG,CAAC,CAACC,QAAQ,EAAEC,KAAK,kBACnCX,KAAA,CAAAO,aAAA,CAACN,QAAQ;IAACW,GAAG,EAAED,KAAM;IAACE,GAAG,EAAEH;EAAS,CAAE,CACzC,CAAC,EACDJ,QAAQ,gBAAGN,KAAA,CAAAO,aAAA,CAACL,OAAO,QAAEI,QAAkB,CAAC,GAAG,IAC9C,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}

package/core/Plugins.d.ts

@@ -3,10 +3,13 @@ export declare const PluginsContext: React.Context<boolean>;
 interface PluginsProviderComponentProps {
     children: 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: ({ children }: PluginsComponentsProps) => React.JSX.Element | null;
 export {};