@webiny/app 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

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

@@ -0,0 +1,8 @@
+export type Config = Record<string, any>;
+interface AppConfig {
+    set(config: Config): void;
+    get(): Config;
+    getKey<T = string>(key: string, defaultValue: T): T;
+}
+export declare const config: AppConfig;
+export {};

package/config.js

@@ -0,0 +1,25 @@
+const deepFreeze = obj => {
+  Object.keys(obj).forEach(prop => {
+    if (typeof obj[prop] === "object" && !Object.isFrozen(obj[prop])) {
+      deepFreeze(obj[prop]);
+    }
+  });
+  return Object.freeze(obj);
+};
+function createConfig() {
+  let _config = {};
+  return {
+    set(config) {
+      _config = deepFreeze(config);
+    },
+    get() {
+      return _config;
+    },
+    getKey(key, defaultValue) {
+      return key in _config ? _config[key] : defaultValue;
+    }
+  };
+}
+export const config = createConfig();
+
+//# sourceMappingURL=config.js.map

package/config.js.map

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

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;
     };
@@ -18,10 +18,7 @@ export interface UiContextValue {
 }
 export declare class UiProvider extends React.Component<Props, State> {
     state: State;
-    setData: (setter: Function) => void;
-    render(): JSX.Element;
+    private readonly setData;
+    render(): React.JSX.Element;
 }
-export declare const UiConsumer: ({ children }: {
-    children: any;
-}) => JSX.Element;
 export {};

package/contexts/Ui/index.js

@@ -1,69 +1,32 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from "react";
 import { plugins } from "@webiny/plugins";
-export var UiContext = /*#__PURE__*/React.createContext({});
-export var UiProvider = /*#__PURE__*/function (_React$Component) {
-  _inherits(UiProvider, _React$Component);
-
-  var _super = _createSuper(UiProvider);
-
-  function UiProvider() {
-    var _this;
-
-    _classCallCheck(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));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      ui: {}
+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)
+        }
+      };
     });
-
-    _defineProperty(_assertThisInitialized(_this), "setData", function (setter) {
-      return _this.setState(function (state) {
-        return {
-          ui: _objectSpread(_objectSpread({}, 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);
   }
+}
 
-  _createClass(UiProvider, [{
-    key: "render",
-    value: function render() {
-      var value = _objectSpread(_objectSpread({}, this.state.ui), {}, {
-        setState: this.setData
-      });
-
-      var uiStatePlugins = plugins.byType("ui-state");
-      return /*#__PURE__*/React.createElement(UiContext.Provider, {
-        value: value
-      }, uiStatePlugins.map(function (pl) {
-        return /*#__PURE__*/React.cloneElement(pl.render(), {
-          key: pl.name
-        });
-      }), this.props.children);
-    }
-  }]);
-
-  return UiProvider;
-}(React.Component);
-export var UiConsumer = function UiConsumer(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(UiContext.Consumer, null, function (ui) {
-    return /*#__PURE__*/React.cloneElement(children, {
-      ui: ui
-    });
-  });
-};
+//# sourceMappingURL=index.js.map

package/contexts/Ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","plugins","UiContext","createContext","UiProvider","Component","state","ui","setData","setter","setState","render","value","uiStatePlugins","byType","createElement","Provider","map","pl","cloneElement","key","name","props","children"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { UiStatePlugin } from \"~/types\";\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

@@ -0,0 +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: ({ wait, children }: Props) => React.JSX.Element;
+export {};

package/core/DebounceRender.js

@@ -0,0 +1,31 @@
+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.
+ */
+export const DebounceRender = ({
+  wait = 50,
+  children
+}) => {
+  const [render, setRender] = useState(wait === 0);
+  const debouncedRender = useMemo(() => {
+    return debounce(() => {
+      setRender(true);
+    }, wait);
+  }, [setRender]);
+  useEffect(() => {
+    if (render) {
+      return;
+    }
+    debouncedRender();
+    return () => {
+      debouncedRender.cancel();
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, render ? children : null);
+};
+
+//# sourceMappingURL=DebounceRender.js.map

package/core/DebounceRender.js.map

@@ -0,0 +1 @@
+{"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

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

package/core/Plugin.js

@@ -0,0 +1,14 @@
+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);
+});
+
+//# sourceMappingURL=Plugin.js.map

package/core/Plugin.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,15 @@
+import React from "react";
+export declare const PluginsContext: React.Context<boolean>;
+interface PluginsProviderComponentProps {
+    children: JSX.Element[];
+}
+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.
+ */
+interface PluginsComponentsProps {
+    children: React.ReactNode;
+}
+export declare const Plugins: ({ children }: PluginsComponentsProps) => React.JSX.Element | null;
+export {};

package/core/Plugins.js

@@ -0,0 +1,39 @@
+import React, { Fragment, Children, createContext, useContext, useEffect, memo } from "react";
+import { useApp } from "../App";
+export const PluginsContext = /*#__PURE__*/createContext(false);
+PluginsContext.displayName = "PluginsContext";
+const PluginsProviderComponent = ({
+  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.createElement(PluginsContext.Provider, {
+    value: true
+  }, children);
+};
+export const PluginsProvider = /*#__PURE__*/memo(PluginsProviderComponent);
+
+/**
+ * @param children
+ * @deprecated This component should not be used directly. Use the <Plugin> component to create plugins.
+ */
+
+export const Plugins = ({
+  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;
+};
+
+//# sourceMappingURL=Plugins.js.map

package/core/Plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","Children","createContext","useContext","useEffect","memo","useApp","PluginsContext","displayName","PluginsProviderComponent","children","createElement","Provider","value","PluginsProvider","Plugins","addPlugin","hasParentPlugin","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 = ({ 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 = ({ 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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,IAAI,QAAQ,OAAO;AAC7F,SAASC,MAAM;AAEf,OAAO,MAAMC,cAAc,gBAAGL,aAAa,CAAU,KAAK,CAAC;AAC3DK,cAAc,CAACC,WAAW,GAAG,gBAAgB;AAK7C,MAAMC,wBAAwB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EAC9E;AACJ;AACA;AACA;EACI,oBAAOX,KAAA,CAAAY,aAAA,CAACJ,cAAc,CAACK,QAAQ;IAACC,KAAK,EAAE;EAAK,GAAEH,QAAkC,CAAC;AACrF,CAAC;AAED,OAAO,MAAMI,eAAe,gBAAGT,IAAI,CAACI,wBAAwB,CAAC;;AAE7D;AACA;AACA;AACA;;AAIA,OAAO,MAAMM,OAAO,GAAGA,CAAC;EAAEL;AAAiC,CAAC,KAAK;EAC7D,MAAM;IAAEM;EAAU,CAAC,GAAGV,MAAM,CAAC,CAAC;EAC9B,MAAMW,eAAe,GAAGd,UAAU,CAACI,cAAc,CAAC;EAElDH,SAAS,CAAC,MAAM;IACZ,IAAIa,eAAe,EAAE;MACjB;IACJ;IAEAhB,QAAQ,CAACiB,OAAO,CAACR,QAAQ,EAAES,KAAK,IAAIH,SAAS,CAACG,KAAK,CAAC,CAAC;EACzD,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOF,eAAe,gBAAGlB,KAAA,CAAAY,aAAA,CAACX,QAAQ,QAAEU,QAAmB,CAAC,GAAG,IAAI;AACnE,CAAC","ignoreList":[]}

package/core/Provider.d.ts

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

package/core/Provider.js

@@ -0,0 +1,18 @@
+import { useEffect } from "react";
+import { useApp } from "./..";
+/**
+ * Register a new React context provider.
+ */
+export const Provider = ({
+  hoc
+}) => {
+  const {
+    addProvider
+  } = useApp();
+  useEffect(() => {
+    return addProvider(hoc);
+  }, []);
+  return null;
+};
+
+//# sourceMappingURL=Provider.js.map

package/core/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useApp","Provider","hoc","addProvider"],"sources":["Provider.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { GenericComponent, Decorator } from \"~/index\";\nimport { useApp } from \"~/index\";\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"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SAASC,MAAM;AAMf;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC;AAAmB,CAAC,KAAK;EAChD,MAAM;IAAEC;EAAY,CAAC,GAAGH,MAAM,CAAC,CAAC;EAEhCD,SAAS,CAAC,MAAM;IACZ,OAAOI,WAAW,CAACD,GAAG,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/core/Routes.d.ts

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

package/core/Routes.js

@@ -0,0 +1,34 @@
+import React from "react";
+import { plugins } from "@webiny/plugins";
+import { Routes as ReactRouterRoutes } from "@webiny/react-router";
+export const Routes = props => {
+  const routes = [...props.routes,
+  // For backwards compatibility, we need to support the RoutePlugin routes as well.
+  ...plugins.byType("route").map(({
+    route
+  }) => route)].sort((a, b) => {
+    const pathA = a.props.path || "*";
+    const 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.createElement(ReactRouterRoutes, null, routes.map((route, index) => /*#__PURE__*/React.cloneElement(route, {
+    key: `${route.props.path}:${index}`
+  })));
+};
+
+//# sourceMappingURL=Routes.js.map

package/core/Routes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","plugins","Routes","ReactRouterRoutes","props","routes","byType","map","route","sort","a","b","pathA","path","pathB","includes","createElement","index","cloneElement","key"],"sources":["Routes.tsx"],"sourcesContent":["import React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Routes as ReactRouterRoutes } from \"@webiny/react-router\";\nimport type { RoutePlugin } from \"~/types\";\n\ninterface RoutesProps {\n    routes: JSX.Element[];\n}\n\nexport const Routes = (props: RoutesProps) => {\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,MAAM,IAAIC,iBAAiB,QAAQ,sBAAsB;AAOlE,OAAO,MAAMD,MAAM,GAAIE,KAAkB,IAAK;EAC1C,MAAMC,MAAM,GAAG,CACX,GAAGD,KAAK,CAACC,MAAM;EACf;EACA,GAAGJ,OAAO,CAACK,MAAM,CAAc,OAAO,CAAC,CAACC,GAAG,CAAC,CAAC;IAAEC;EAAM,CAAC,KAAKA,KAAK,CAAC,CACpE,CAACC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;IACb,MAAMC,KAAK,GAAGF,CAAC,CAACN,KAAK,CAACS,IAAI,IAAI,GAAG;IACjC,MAAMC,KAAK,GAAGH,CAAC,CAACP,KAAK,CAACS,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,oBACId,KAAA,CAAAgB,aAAA,CAACb,iBAAiB,QACbE,MAAM,CAACE,GAAG,CAAC,CAACC,KAAK,EAAES,KAAK,kBACrBjB,KAAK,CAACkB,YAAY,CAACV,KAAK,EAAE;IAAEW,GAAG,EAAE,GAAGX,KAAK,CAACJ,KAAK,CAACS,IAAI,IAAII,KAAK;EAAG,CAAC,CACrE,CACe,CAAC;AAE5B,CAAC","ignoreList":[]}

package/core/createProvider.d.ts

@@ -0,0 +1,10 @@
+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 wraps the entire app content.
+ * This is mostly useful for adding React Context providers.
+ */
+export declare function createProvider(decorator: Decorator<GenericComponent<ChildrenProps>>): Decorator<GenericComponent<ChildrenProps>>;

package/core/createProvider.js

@@ -0,0 +1,9 @@
+/**
+ * Creates a Higher Order Component which wraps the entire app content.
+ * This is mostly useful for adding React Context providers.
+ */
+export function createProvider(decorator) {
+  return decorator;
+}
+
+//# sourceMappingURL=createProvider.js.map

package/core/createProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createProvider","decorator"],"sources":["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"],"mappings":"AAOA;AACA;AACA;AACA;AACA,OAAO,SAASA,cAAcA,CAC1BC,SAAqD,EACX;EAC1C,OAAOA,SAAS;AACpB","ignoreList":[]}

package/core/createProviderPlugin.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+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(decorator: Decorator<GenericComponent>): () => React.JSX.Element;

package/core/createProviderPlugin.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { Provider } from "./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.
+ */
+export function createProviderPlugin(decorator) {
+  return function ProviderPlugin() {
+    return /*#__PURE__*/React.createElement(Provider, {
+      hoc: decorator
+    });
+  };
+}
+
+//# sourceMappingURL=createProviderPlugin.js.map

package/core/createProviderPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Provider","createProviderPlugin","decorator","ProviderPlugin","createElement","hoc"],"sources":["createProviderPlugin.tsx"],"sourcesContent":["import React from \"react\";\nimport type { GenericComponent, Decorator } 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(decorator: Decorator<GenericComponent>) {\n    return function ProviderPlugin() {\n        return <Provider hoc={decorator} />;\n    };\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ;;AAEjB;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAACC,SAAsC,EAAE;EACzE,OAAO,SAASC,cAAcA,CAAA,EAAG;IAC7B,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,QAAQ;MAACK,GAAG,EAAEH;IAAU,CAAE,CAAC;EACvC,CAAC;AACL","ignoreList":[]}

package/hooks/useAutocomplete/index.js

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

package/hooks/useAutocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAutocomplete"],"sources":["index.ts"],"sourcesContent":["export { useAutocomplete } from \"./useAutocomplete\";\n"],"mappings":"AAAA,SAASA,eAAe","ignoreList":[]}

package/hooks/useAutocomplete/useAutocomplete.d.ts

@@ -1,6 +1,11 @@
+import type { DocumentNode } from "graphql";
 interface UseAutocompleteHook {
     options: any[];
     onInput(value: string): void;
 }
-export declare const useAutocomplete: (props: any) => UseAutocompleteHook;
+interface Props {
+    query: DocumentNode;
+    search?: string | ((value: string) => string);
+}
+export declare const useAutocomplete: (props: Props) => UseAutocompleteHook;
 export {};

package/hooks/useAutocomplete/useAutocomplete.js

@@ -1,27 +1,23 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _debounce from "lodash/debounce";
 import { useDataList } from "../useDataList";
-export var useAutocomplete = function useAutocomplete(props) {
-  var useDataListProps = props.query ? props : {
-    query: props
-  };
-  var dataList = useDataList(_objectSpread({
-    useRouter: false
-  }, useDataListProps));
+import debounce from "lodash/debounce";
+export const useAutocomplete = props => {
+  const dataList = useDataList({
+    useRouter: false,
+    ...props
+  });
   return {
     options: dataList.data || [],
-    onInput: _debounce(function (query) {
+    onInput: debounce(query => {
       if (!query) {
         return;
       }
-
-      var search = props.search || query;
-
+      let search = props.search || query;
       if (typeof search === "function") {
         search = search(query);
       }
-
       dataList.setSearch(search);
     }, 250)
   };
-};
+};
+
+//# sourceMappingURL=useAutocomplete.js.map

package/hooks/useAutocomplete/useAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDataList","debounce","useAutocomplete","props","dataList","useRouter","options","data","onInput","query","search","setSearch"],"sources":["useAutocomplete.ts"],"sourcesContent":["import { useDataList } from \"../useDataList\";\nimport debounce from \"lodash/debounce\";\nimport type { DocumentNode } from \"graphql\";\n\ninterface UseAutocompleteHook {\n    options: any[];\n    onInput(value: string): void;\n}\n\ninterface Props {\n    query: DocumentNode;\n    search?: string | ((value: string) => string);\n}\n\nexport const useAutocomplete = (props: Props): UseAutocompleteHook => {\n    const dataList = useDataList({ useRouter: false, ...props });\n\n    return {\n        options: dataList.data || [],\n        onInput: debounce(query => {\n            if (!query) {\n                return;\n            }\n\n            let search = props.search || query;\n            if (typeof search === \"function\") {\n                search = search(query);\n            }\n\n            dataList.setSearch(search);\n        }, 250)\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW;AACpB,OAAOC,QAAQ,MAAM,iBAAiB;AAatC,OAAO,MAAMC,eAAe,GAAIC,KAAY,IAA0B;EAClE,MAAMC,QAAQ,GAAGJ,WAAW,CAAC;IAAEK,SAAS,EAAE,KAAK;IAAE,GAAGF;EAAM,CAAC,CAAC;EAE5D,OAAO;IACHG,OAAO,EAAEF,QAAQ,CAACG,IAAI,IAAI,EAAE;IAC5BC,OAAO,EAAEP,QAAQ,CAACQ,KAAK,IAAI;MACvB,IAAI,CAACA,KAAK,EAAE;QACR;MACJ;MAEA,IAAIC,MAAM,GAAGP,KAAK,CAACO,MAAM,IAAID,KAAK;MAClC,IAAI,OAAOC,MAAM,KAAK,UAAU,EAAE;QAC9BA,MAAM,GAAGA,MAAM,CAACD,KAAK,CAAC;MAC1B;MAEAL,QAAQ,CAACO,SAAS,CAACD,MAAM,CAAC;IAC9B,CAAC,EAAE,GAAG;EACV,CAAC;AACL,CAAC","ignoreList":[]}

package/hooks/useDataList/functions/getData.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (response: any) => any;
+declare const _default: (response: Record<string, string>) => string | null;
 export default _default;

package/hooks/useDataList/functions/getData.js

@@ -1,4 +1,4 @@
 import searchDataByKey from "./searchDataByKey";
-export default (function (response) {
-  return searchDataByKey("data", response);
-});
+export default response => searchDataByKey("data", response);
+
+//# sourceMappingURL=getData.js.map

package/hooks/useDataList/functions/getData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["searchDataByKey","response"],"sources":["getData.ts"],"sourcesContent":["import searchDataByKey from \"./searchDataByKey\";\n\nexport default (response: Record<string, string>) => searchDataByKey(\"data\", response);\n"],"mappings":"AAAA,OAAOA,eAAe;AAEtB,eAAgBC,QAAgC,IAAKD,eAAe,CAAC,MAAM,EAAEC,QAAQ,CAAC","ignoreList":[]}

package/hooks/useDataList/functions/getError.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (response: any) => any;
+declare const _default: (response: Record<string, string>) => string | null;
 export default _default;

package/hooks/useDataList/functions/getError.js

@@ -1,4 +1,4 @@
 import searchDataByKey from "./searchDataByKey";
-export default (function (response) {
-  return searchDataByKey("error", response);
-});
+export default response => searchDataByKey("error", response);
+
+//# sourceMappingURL=getError.js.map