@webiny/app 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/App.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import type { RouteProps } from "@webiny/react-router";
+import type { GenericComponent, Decorator, DecoratorsCollection } from "@webiny/react-composition";
+interface State {
+    plugins: JSX.Element[];
+    providers: Decorator<GenericComponent<ProviderProps>>[];
+}
+interface AppContext extends State {
+    addProvider(hoc: Decorator<GenericComponent<ProviderProps>>): void;
+    addPlugin(plugin: React.ReactNode): void;
+}
+declare const AppContext: React.Context<AppContext | undefined>;
+export declare const useApp: () => AppContext;
+export interface AppProps {
+    debounceRender?: number;
+    routes?: Array<RouteProps>;
+    providers?: Array<Decorator<GenericComponent<ProviderProps>>>;
+    decorators?: DecoratorsCollection;
+    children?: React.ReactNode | React.ReactNode[];
+}
+interface ProviderProps {
+    children: React.ReactNode;
+}
+export declare const AppBase: ({ debounceRender, routes, providers, children }: AppProps) => React.JSX.Element;
+export declare const App: ({ decorators, ...props }: AppProps) => React.JSX.Element;
+export {};

package/App.js

@@ -0,0 +1,95 @@
+import React, { createContext, useContext, useMemo, useState, useCallback } from "react";
+import { BrowserRouter, Route } from "@webiny/react-router";
+import { CompositionProvider, compose } from "@webiny/react-composition";
+import { Routes as SortRoutes } from "./core/Routes";
+import { DebounceRender } from "./core/DebounceRender";
+import { PluginsProvider } from "./core/Plugins";
+import { RouterWithConfig, useRouterConfig } from "./config/RouterConfig";
+import { AppContainer } from "./AppContainer";
+const AppContext = /*#__PURE__*/createContext(undefined);
+AppContext.displayName = "AppContext";
+export const useApp = () => {
+  const appContext = useContext(AppContext);
+  if (!appContext) {
+    throw Error(`AppContext provider was not found. Are you using the "useApp()" hook in the right place?`);
+  }
+  return appContext;
+};
+export const AppBase = ({
+  debounceRender = 50,
+  routes = [],
+  providers = [],
+  children
+}) => {
+  const [state, setState] = useState({
+    plugins: [],
+    providers
+  });
+  const addProvider = useCallback(component => {
+    setState(state => {
+      if (state.providers.findIndex(m => m === component) > -1) {
+        return state;
+      }
+      return {
+        ...state,
+        providers: [...state.providers, component]
+      };
+    });
+  }, []);
+  const addPlugin = useCallback(element => {
+    setState(state => {
+      return {
+        ...state,
+        plugins: [...state.plugins, element]
+      };
+    });
+  }, []);
+  const appContext = useMemo(() => ({
+    ...state,
+    addProvider,
+    addPlugin
+  }), [state]);
+  const AppRouter = useMemo(() => {
+    return function AppRouter() {
+      const routerConfig = useRouterConfig();
+      const combinedRoutes = [...routes, ...routerConfig.routes].map(r => {
+        return /*#__PURE__*/React.createElement(Route, {
+          path: r.path,
+          element: r.element,
+          key: r.path
+        });
+      });
+      return /*#__PURE__*/React.createElement(SortRoutes, {
+        key: routes.length,
+        routes: combinedRoutes
+      });
+    };
+  }, [routes]);
+  const Providers = useMemo(() => {
+    return compose(...(state.providers || []))(({
+      children
+    }) => {
+      return /*#__PURE__*/React.createElement(DebounceRender, {
+        wait: debounceRender
+      }, children);
+    });
+  }, [state.providers.length]);
+  Providers.displayName = "Providers";
+  return /*#__PURE__*/React.createElement(AppContext.Provider, {
+    value: appContext
+  }, children, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(BrowserRouter, null, /*#__PURE__*/React.createElement(Providers, null, /*#__PURE__*/React.createElement(PluginsProvider, null, state.plugins), /*#__PURE__*/React.createElement(DebounceRender, {
+    wait: debounceRender
+  }, /*#__PURE__*/React.createElement(RouterWithConfig, null, /*#__PURE__*/React.createElement(AppRouter, null)))))));
+};
+export const App = ({
+  decorators,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(CompositionProvider, {
+    decorators: decorators
+  }, /*#__PURE__*/React.createElement(AppBase, Object.assign({
+    decorators: decorators
+  }, props)));
+};
+
+//# sourceMappingURL=App.js.map

package/App.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useMemo","useState","useCallback","BrowserRouter","Route","CompositionProvider","compose","Routes","SortRoutes","DebounceRender","PluginsProvider","RouterWithConfig","useRouterConfig","AppContainer","AppContext","undefined","displayName","useApp","appContext","Error","AppBase","debounceRender","routes","providers","children","state","setState","plugins","addProvider","component","findIndex","m","addPlugin","element","AppRouter","routerConfig","combinedRoutes","map","r","createElement","path","key","length","Providers","wait","Provider","value","App","decorators","props","Object","assign"],"sources":["App.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState, useCallback } from \"react\";\nimport type { RouteProps } from \"@webiny/react-router\";\nimport { BrowserRouter, Route } from \"@webiny/react-router\";\nimport type { GenericComponent, Decorator, DecoratorsCollection } from \"@webiny/react-composition\";\nimport { CompositionProvider, compose } from \"@webiny/react-composition\";\nimport { Routes as SortRoutes } from \"./core/Routes\";\nimport { DebounceRender } from \"./core/DebounceRender\";\nimport { PluginsProvider } from \"./core/Plugins\";\nimport { RouterWithConfig, useRouterConfig } from \"./config/RouterConfig\";\nimport { AppContainer } from \"./AppContainer\";\n\ninterface State {\n    plugins: JSX.Element[];\n    providers: Decorator<GenericComponent<ProviderProps>>[];\n}\n\ninterface AppContext extends State {\n    addProvider(hoc: Decorator<GenericComponent<ProviderProps>>): void;\n\n    addPlugin(plugin: React.ReactNode): void;\n}\n\nconst AppContext = createContext<AppContext | undefined>(undefined);\n\nAppContext.displayName = \"AppContext\";\n\nexport const useApp = () => {\n    const appContext = useContext(AppContext);\n    if (!appContext) {\n        throw Error(\n            `AppContext provider was not found. Are you using the \"useApp()\" hook in the right place?`\n        );\n    }\n    return appContext;\n};\n\nexport interface AppProps {\n    debounceRender?: number;\n    routes?: Array<RouteProps>;\n    providers?: Array<Decorator<GenericComponent<ProviderProps>>>;\n    decorators?: DecoratorsCollection;\n    children?: React.ReactNode | React.ReactNode[];\n}\n\ninterface ProviderProps {\n    children: React.ReactNode;\n}\n\ntype ComponentWithChildren = React.ComponentType<{ children?: React.ReactNode }>;\n\nexport const AppBase = ({\n    debounceRender = 50,\n    routes = [],\n    providers = [],\n    children\n}: AppProps) => {\n    const [state, setState] = useState<State>({\n        plugins: [],\n        providers\n    });\n\n    const addProvider = useCallback((component: Decorator<any>) => {\n        setState(state => {\n            if (state.providers.findIndex(m => m === component) > -1) {\n                return state;\n            }\n\n            return {\n                ...state,\n                providers: [...state.providers, component]\n            };\n        });\n    }, []);\n\n    const addPlugin = useCallback((element: JSX.Element) => {\n        setState(state => {\n            return {\n                ...state,\n                plugins: [...state.plugins, element]\n            };\n        });\n    }, []);\n\n    const appContext = useMemo(\n        () => ({\n            ...state,\n            addProvider,\n            addPlugin\n        }),\n        [state]\n    );\n\n    const AppRouter = useMemo(() => {\n        return function AppRouter() {\n            const routerConfig = useRouterConfig();\n            const combinedRoutes = [...routes, ...routerConfig.routes].map(r => {\n                return <Route path={r.path} element={r.element} key={r.path} />;\n            });\n\n            return <SortRoutes key={routes.length} routes={combinedRoutes} />;\n        };\n    }, [routes]);\n\n    const Providers = useMemo(() => {\n        return compose(...(state.providers || []))(({ children }: ProviderProps) => {\n            return <DebounceRender wait={debounceRender}>{children}</DebounceRender>;\n        });\n    }, [state.providers.length]) as ComponentWithChildren;\n\n    Providers.displayName = \"Providers\";\n\n    return (\n        <AppContext.Provider value={appContext}>\n            {children}\n            <AppContainer>\n                <BrowserRouter>\n                    <Providers>\n                        <PluginsProvider>{state.plugins}</PluginsProvider>\n                        <DebounceRender wait={debounceRender}>\n                            <RouterWithConfig>\n                                <AppRouter />\n                            </RouterWithConfig>\n                        </DebounceRender>\n                    </Providers>\n                </BrowserRouter>\n            </AppContainer>\n        </AppContext.Provider>\n    );\n};\n\nexport const App = ({ decorators, ...props }: AppProps) => {\n    return (\n        <CompositionProvider decorators={decorators}>\n            <AppBase decorators={decorators} {...props} />\n        </CompositionProvider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/AppContainer.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export interface AppContentProps {
+    children: React.ReactNode;
+}
+export declare const AppContainer: (({ children }: AppContentProps) => React.JSX.Element) & {
+    original: ({ children }: AppContentProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ children }: AppContentProps) => React.JSX.Element) & {
+        original: ({ children }: AppContentProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children }: AppContentProps) => React.JSX.Element) & {
+        original: ({ children }: AppContentProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/AppContainer.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+export const AppContainer = makeDecoratable("AppContainer", ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+});
+
+//# sourceMappingURL=AppContainer.js.map

package/AppContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","AppContainer","children","createElement","Fragment"],"sources":["AppContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nexport interface AppContentProps {\n    children: React.ReactNode;\n}\n\nexport const AppContainer = makeDecoratable(\"AppContainer\", ({ children }: AppContentProps) => {\n    return <>{children}</>;\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAM3D,OAAO,MAAMC,YAAY,GAAGD,eAAe,CAAC,cAAc,EAAE,CAAC;EAAEE;AAA0B,CAAC,KAAK;EAC3F,oBAAOH,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,QAAGF,QAAW,CAAC;AAC1B,CAAC,CAAC","ignoreList":[]}

package/apollo-client/InMemoryCache.d.ts

@@ -1,5 +1,6 @@
-import { InMemoryCache as BaseInMemoryCache, InMemoryCacheConfig } from "apollo-cache-inmemory";
-import { DocumentNode } from "graphql";
+import type { InMemoryCacheConfig } from "apollo-cache-inmemory";
+import { InMemoryCache as BaseInMemoryCache } from "apollo-cache-inmemory";
+import type { DocumentNode } from "graphql";
 export declare class InMemoryCache extends BaseInMemoryCache {
     private readonly transformPlugins;
     constructor(config?: InMemoryCacheConfig);

package/apollo-client/InMemoryCache.js

@@ -1,79 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InMemoryCache = void 0;
-
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-
-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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-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 _apolloCacheInmemory = require("apollo-cache-inmemory");
-
-var _plugins = require("@webiny/plugins");
-
-var _AddQuerySelectionPlugin = require("../plugins/AddQuerySelectionPlugin");
-
-var _ApolloLinkPlugin = require("../plugins/ApolloLinkPlugin");
-
-var InMemoryCache = /*#__PURE__*/function (_BaseInMemoryCache) {
-  (0, _inherits2.default)(InMemoryCache, _BaseInMemoryCache);
-
-  var _super = (0, _createSuper2.default)(InMemoryCache);
-
-  function InMemoryCache(config) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, InMemoryCache);
-    _this = _super.call(this, config);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "transformPlugins", void 0);
-    _this.transformPlugins = _plugins.plugins.byType(_ApolloLinkPlugin.ApolloLinkPlugin.type).filter(function (pl) {
-      return pl instanceof _AddQuerySelectionPlugin.AddQuerySelectionPlugin;
-    });
-    return _this;
+import { InMemoryCache as BaseInMemoryCache } from "apollo-cache-inmemory";
+import { plugins } from "@webiny/plugins";
+import { AddQuerySelectionPlugin } from "../plugins/AddQuerySelectionPlugin";
+import { ApolloLinkPlugin } from "../plugins/ApolloLinkPlugin";
+export class InMemoryCache extends BaseInMemoryCache {
+  constructor(config) {
+    super(config);
+    this.transformPlugins = plugins.byType(ApolloLinkPlugin.type).filter(pl => pl instanceof AddQuerySelectionPlugin);
   }
-
-  (0, _createClass2.default)(InMemoryCache, [{
-    key: "transformDocument",
-    value: function transformDocument(document) {
-      // @ts-ignore
-      var operationName = document.definitions[0].name.value;
-
-      var _iterator = (0, _createForOfIteratorHelper2.default)(this.transformPlugins),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var pl = _step.value;
-          pl.addSelectionToQuery(operationName, document);
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-
-      return (0, _get2.default)((0, _getPrototypeOf2.default)(InMemoryCache.prototype), "transformDocument", this).call(this, document);
+  transformDocument(document) {
+    // @ts-expect-error
+    const operationName = document.definitions[0].name.value;
+    for (const pl of this.transformPlugins) {
+      pl.addSelectionToQuery(operationName, document);
     }
-  }]);
-  return InMemoryCache;
-}(_apolloCacheInmemory.InMemoryCache);
+    return super.transformDocument(document);
+  }
+}
 
-exports.InMemoryCache = InMemoryCache;
+//# sourceMappingURL=InMemoryCache.js.map

package/apollo-client/InMemoryCache.js.map

@@ -1 +1 @@
-{"version":3,"names":["InMemoryCache","config","transformPlugins","plugins","byType","ApolloLinkPlugin","type","filter","pl","AddQuerySelectionPlugin","document","operationName","definitions","name","value","addSelectionToQuery","BaseInMemoryCache"],"sources":["InMemoryCache.ts"],"sourcesContent":["import { InMemoryCache as BaseInMemoryCache, InMemoryCacheConfig } from \"apollo-cache-inmemory\";\nimport { DocumentNode } from \"graphql\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AddQuerySelectionPlugin } from \"../plugins/AddQuerySelectionPlugin\";\nimport { ApolloLinkPlugin } from \"../plugins/ApolloLinkPlugin\";\n\nexport class InMemoryCache extends BaseInMemoryCache {\n    private readonly transformPlugins: AddQuerySelectionPlugin[];\n\n    constructor(config?: InMemoryCacheConfig) {\n        super(config);\n\n        this.transformPlugins = plugins\n            .byType<AddQuerySelectionPlugin>(ApolloLinkPlugin.type)\n            .filter(pl => pl instanceof AddQuerySelectionPlugin);\n    }\n\n    public override transformDocument(document: DocumentNode): DocumentNode {\n        // @ts-ignore\n        const operationName = document.definitions[0].name.value;\n\n        for (const pl of this.transformPlugins) {\n            pl.addSelectionToQuery(operationName, document);\n        }\n\n        return super.transformDocument(document);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;IAEaA,a;;;;;EAGT,uBAAYC,MAAZ,EAA0C;IAAA;;IAAA;IACtC,0BAAMA,MAAN;IADsC;IAGtC,MAAKC,gBAAL,GAAwBC,gBAAA,CACnBC,MADmB,CACaC,kCAAA,CAAiBC,IAD9B,EAEnBC,MAFmB,CAEZ,UAAAC,EAAE;MAAA,OAAIA,EAAE,YAAYC,gDAAlB;IAAA,CAFU,CAAxB;IAHsC;EAMzC;;;;WAED,2BAAkCC,QAAlC,EAAwE;MACpE;MACA,IAAMC,aAAa,GAAGD,QAAQ,CAACE,WAAT,CAAqB,CAArB,EAAwBC,IAAxB,CAA6BC,KAAnD;;MAFoE,yDAInD,KAAKZ,gBAJ8C;MAAA;;MAAA;QAIpE,oDAAwC;UAAA,IAA7BM,EAA6B;UACpCA,EAAE,CAACO,mBAAH,CAAuBJ,aAAvB,EAAsCD,QAAtC;QACH;MANmE;QAAA;MAAA;QAAA;MAAA;;MAQpE,wHAA+BA,QAA/B;IACH;;;EApB8BM,kC"}
+{"version":3,"names":["InMemoryCache","BaseInMemoryCache","plugins","AddQuerySelectionPlugin","ApolloLinkPlugin","constructor","config","transformPlugins","byType","type","filter","pl","transformDocument","document","operationName","definitions","name","value","addSelectionToQuery"],"sources":["InMemoryCache.ts"],"sourcesContent":["import type { InMemoryCacheConfig } from \"apollo-cache-inmemory\";\nimport { InMemoryCache as BaseInMemoryCache } from \"apollo-cache-inmemory\";\nimport type { DocumentNode } from \"graphql\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AddQuerySelectionPlugin } from \"../plugins/AddQuerySelectionPlugin\";\nimport { ApolloLinkPlugin } from \"../plugins/ApolloLinkPlugin\";\n\nexport class InMemoryCache extends BaseInMemoryCache {\n    private readonly transformPlugins: AddQuerySelectionPlugin[];\n\n    constructor(config?: InMemoryCacheConfig) {\n        super(config);\n\n        this.transformPlugins = plugins\n            .byType<AddQuerySelectionPlugin>(ApolloLinkPlugin.type)\n            .filter(pl => pl instanceof AddQuerySelectionPlugin);\n    }\n\n    public override transformDocument(document: DocumentNode): DocumentNode {\n        // @ts-expect-error\n        const operationName = document.definitions[0].name.value;\n\n        for (const pl of this.transformPlugins) {\n            pl.addSelectionToQuery(operationName, document);\n        }\n\n        return super.transformDocument(document);\n    }\n}\n"],"mappings":"AACA,SAASA,aAAa,IAAIC,iBAAiB,QAAQ,uBAAuB;AAE1E,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AAEzB,OAAO,MAAMJ,aAAa,SAASC,iBAAiB,CAAC;EAGjDI,WAAWA,CAACC,MAA4B,EAAE;IACtC,KAAK,CAACA,MAAM,CAAC;IAEb,IAAI,CAACC,gBAAgB,GAAGL,OAAO,CAC1BM,MAAM,CAA0BJ,gBAAgB,CAACK,IAAI,CAAC,CACtDC,MAAM,CAACC,EAAE,IAAIA,EAAE,YAAYR,uBAAuB,CAAC;EAC5D;EAEgBS,iBAAiBA,CAACC,QAAsB,EAAgB;IACpE;IACA,MAAMC,aAAa,GAAGD,QAAQ,CAACE,WAAW,CAAC,CAAC,CAAC,CAACC,IAAI,CAACC,KAAK;IAExD,KAAK,MAAMN,EAAE,IAAI,IAAI,CAACJ,gBAAgB,EAAE;MACpCI,EAAE,CAACO,mBAAmB,CAACJ,aAAa,EAAED,QAAQ,CAAC;IACnD;IAEA,OAAO,KAAK,CAACD,iBAAiB,CAACC,QAAQ,CAAC;EAC5C;AACJ","ignoreList":[]}

package/apollo-client/IntrospectionFragmentMatcher.d.ts

@@ -0,0 +1,11 @@
+import type { IdValue } from "apollo-utilities";
+import type { ReadStoreContext, FragmentMatcherInterface, IntrospectionResultData } from "apollo-cache-inmemory";
+export declare class IntrospectionFragmentMatcher implements FragmentMatcherInterface {
+    private readonly isReady;
+    private readonly possibleTypesMap;
+    constructor(options?: {
+        introspectionQueryResultData?: IntrospectionResultData;
+    });
+    match(idValue: IdValue, typeCondition: string, context: ReadStoreContext): boolean;
+    private parseIntrospectionResult;
+}

package/apollo-client/IntrospectionFragmentMatcher.js

@@ -0,0 +1,45 @@
+import { invariant } from "ts-invariant";
+export class IntrospectionFragmentMatcher {
+  possibleTypesMap = {};
+  constructor(options) {
+    if (options && options.introspectionQueryResultData) {
+      this.possibleTypesMap = this.parseIntrospectionResult(options.introspectionQueryResultData);
+      this.isReady = true;
+    } else {
+      this.isReady = false;
+    }
+    this.match = this.match.bind(this);
+  }
+  match(idValue, typeCondition, context) {
+    invariant(this.isReady, "FragmentMatcher.match() was called before FragmentMatcher.init()");
+    const obj = context.store.get(idValue.id);
+    const isRootQuery = idValue.id === "ROOT_QUERY";
+    if (!obj) {
+      // https://github.com/apollographql/apollo-client/pull/4620
+      return isRootQuery;
+    }
+    const {
+      __typename = isRootQuery && "Query"
+    } = obj;
+    invariant(__typename, `Cannot match fragment because __typename property is missing: ${JSON.stringify(obj)}`);
+    if (__typename === typeCondition) {
+      return true;
+    }
+    const implementingTypes = this.possibleTypesMap[typeCondition];
+    if (__typename && implementingTypes && implementingTypes.indexOf(__typename) > -1) {
+      return true;
+    }
+    return false;
+  }
+  parseIntrospectionResult(introspectionResultData) {
+    const typeMap = {};
+    introspectionResultData.__schema.types.forEach(type => {
+      if (type.kind === "UNION" || type.kind === "INTERFACE") {
+        typeMap[type.name] = type.possibleTypes.map(implementingType => implementingType.name);
+      }
+    });
+    return typeMap;
+  }
+}
+
+//# sourceMappingURL=IntrospectionFragmentMatcher.js.map

package/apollo-client/IntrospectionFragmentMatcher.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["invariant","IntrospectionFragmentMatcher","possibleTypesMap","constructor","options","introspectionQueryResultData","parseIntrospectionResult","isReady","match","bind","idValue","typeCondition","context","obj","store","get","id","isRootQuery","__typename","JSON","stringify","implementingTypes","indexOf","introspectionResultData","typeMap","__schema","types","forEach","type","kind","name","possibleTypes","map","implementingType"],"sources":["IntrospectionFragmentMatcher.ts"],"sourcesContent":["import type { IdValue } from \"apollo-utilities\";\nimport { invariant } from \"ts-invariant\";\n\nimport type {\n    ReadStoreContext,\n    FragmentMatcherInterface,\n    PossibleTypesMap,\n    IntrospectionResultData\n} from \"apollo-cache-inmemory\";\n\nexport class IntrospectionFragmentMatcher implements FragmentMatcherInterface {\n    private readonly isReady: boolean;\n    private readonly possibleTypesMap: PossibleTypesMap = {};\n\n    constructor(options?: { introspectionQueryResultData?: IntrospectionResultData }) {\n        if (options && options.introspectionQueryResultData) {\n            this.possibleTypesMap = this.parseIntrospectionResult(\n                options.introspectionQueryResultData\n            );\n            this.isReady = true;\n        } else {\n            this.isReady = false;\n        }\n\n        this.match = this.match.bind(this);\n    }\n\n    public match(idValue: IdValue, typeCondition: string, context: ReadStoreContext) {\n        invariant(this.isReady, \"FragmentMatcher.match() was called before FragmentMatcher.init()\");\n\n        const obj = context.store.get(idValue.id);\n        const isRootQuery = idValue.id === \"ROOT_QUERY\";\n\n        if (!obj) {\n            // https://github.com/apollographql/apollo-client/pull/4620\n            return isRootQuery;\n        }\n\n        const { __typename = isRootQuery && \"Query\" } = obj;\n\n        invariant(\n            __typename,\n            `Cannot match fragment because __typename property is missing: ${JSON.stringify(obj)}`\n        );\n\n        if (__typename === typeCondition) {\n            return true;\n        }\n\n        const implementingTypes = this.possibleTypesMap[typeCondition];\n        if (__typename && implementingTypes && implementingTypes.indexOf(__typename) > -1) {\n            return true;\n        }\n\n        return false;\n    }\n\n    private parseIntrospectionResult(\n        introspectionResultData: IntrospectionResultData\n    ): PossibleTypesMap {\n        const typeMap: PossibleTypesMap = {};\n        introspectionResultData.__schema.types.forEach(type => {\n            if (type.kind === \"UNION\" || type.kind === \"INTERFACE\") {\n                typeMap[type.name] = type.possibleTypes.map(\n                    implementingType => implementingType.name\n                );\n            }\n        });\n        return typeMap;\n    }\n}\n"],"mappings":"AACA,SAASA,SAAS,QAAQ,cAAc;AASxC,OAAO,MAAMC,4BAA4B,CAAqC;EAEzDC,gBAAgB,GAAqB,CAAC,CAAC;EAExDC,WAAWA,CAACC,OAAoE,EAAE;IAC9E,IAAIA,OAAO,IAAIA,OAAO,CAACC,4BAA4B,EAAE;MACjD,IAAI,CAACH,gBAAgB,GAAG,IAAI,CAACI,wBAAwB,CACjDF,OAAO,CAACC,4BACZ,CAAC;MACD,IAAI,CAACE,OAAO,GAAG,IAAI;IACvB,CAAC,MAAM;MACH,IAAI,CAACA,OAAO,GAAG,KAAK;IACxB;IAEA,IAAI,CAACC,KAAK,GAAG,IAAI,CAACA,KAAK,CAACC,IAAI,CAAC,IAAI,CAAC;EACtC;EAEOD,KAAKA,CAACE,OAAgB,EAAEC,aAAqB,EAAEC,OAAyB,EAAE;IAC7EZ,SAAS,CAAC,IAAI,CAACO,OAAO,EAAE,kEAAkE,CAAC;IAE3F,MAAMM,GAAG,GAAGD,OAAO,CAACE,KAAK,CAACC,GAAG,CAACL,OAAO,CAACM,EAAE,CAAC;IACzC,MAAMC,WAAW,GAAGP,OAAO,CAACM,EAAE,KAAK,YAAY;IAE/C,IAAI,CAACH,GAAG,EAAE;MACN;MACA,OAAOI,WAAW;IACtB;IAEA,MAAM;MAAEC,UAAU,GAAGD,WAAW,IAAI;IAAQ,CAAC,GAAGJ,GAAG;IAEnDb,SAAS,CACLkB,UAAU,EACV,iEAAiEC,IAAI,CAACC,SAAS,CAACP,GAAG,CAAC,EACxF,CAAC;IAED,IAAIK,UAAU,KAAKP,aAAa,EAAE;MAC9B,OAAO,IAAI;IACf;IAEA,MAAMU,iBAAiB,GAAG,IAAI,CAACnB,gBAAgB,CAACS,aAAa,CAAC;IAC9D,IAAIO,UAAU,IAAIG,iBAAiB,IAAIA,iBAAiB,CAACC,OAAO,CAACJ,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE;MAC/E,OAAO,IAAI;IACf;IAEA,OAAO,KAAK;EAChB;EAEQZ,wBAAwBA,CAC5BiB,uBAAgD,EAChC;IAChB,MAAMC,OAAyB,GAAG,CAAC,CAAC;IACpCD,uBAAuB,CAACE,QAAQ,CAACC,KAAK,CAACC,OAAO,CAACC,IAAI,IAAI;MACnD,IAAIA,IAAI,CAACC,IAAI,KAAK,OAAO,IAAID,IAAI,CAACC,IAAI,KAAK,WAAW,EAAE;QACpDL,OAAO,CAACI,IAAI,CAACE,IAAI,CAAC,GAAGF,IAAI,CAACG,aAAa,CAACC,GAAG,CACvCC,gBAAgB,IAAIA,gBAAgB,CAACH,IACzC,CAAC;MACL;IACJ,CAAC,CAAC;IACF,OAAON,OAAO;EAClB;AACJ","ignoreList":[]}

package/components/Image.d.ts

@@ -1,3 +1,3 @@
-import * as React from "react";
-import { ImageProps } from "../types";
-export declare const Image: React.FC<ImageProps>;
+/// <reference types="react" />
+import type { ImageProps } from "../types";
+export declare const Image: ({ preset: presetName, ...props }: ImageProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/components/Image.js

@@ -1,43 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Image = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _get2 = _interopRequireDefault(require("lodash/get"));
-
-var _invariant = _interopRequireDefault(require("invariant"));
-
-var _plugins = require("@webiny/plugins");
-
-var _excluded = ["preset"];
-
-var Image = function Image(_ref) {
-  var presetName = _ref.preset,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
-  var plugin = _plugins.plugins.byName("image-component");
-
+import invariant from "invariant";
+import { plugins } from "@webiny/plugins";
+import get from "lodash/get";
+export const Image = ({
+  preset: presetName,
+  ...props
+}) => {
+  const plugin = plugins.byName("image-component");
   if (!plugin) {
-    throw new Error("Image component plugin (type \"image-component\") not defined.");
+    throw new Error(`Image component plugin (type "image-component") not defined.`);
   }
-
   if (presetName) {
-    var preset = (0, _get2.default)(plugin, "presets.".concat(presetName));
-    (0, _invariant.default)(preset, "Transform preset \"".concat(presetName, "\" not found."));
+    const preset = get(plugin, `presets.${presetName}`);
+    invariant(preset, `Transform preset "${presetName}" not found.`);
     props.transform = preset;
   }
-
   if (props.transform) {
     props.src = plugin.getImageSrc(props);
   }
-
   return plugin.render(props);
 };
 
-exports.Image = Image;
+//# sourceMappingURL=Image.js.map

package/components/Image.js.map

@@ -1 +1 @@
-{"version":3,"names":["Image","presetName","preset","props","plugin","plugins","byName","Error","invariant","transform","src","getImageSrc","render"],"sources":["Image.tsx"],"sourcesContent":["import * as React from \"react\";\nimport invariant from \"invariant\";\nimport { plugins } from \"@webiny/plugins\";\nimport { get } from \"lodash\";\nimport { ImageComponentPlugin, ImageProps } from \"~/types\";\n\nexport const Image: React.FC<ImageProps> = ({ preset: presetName, ...props }) => {\n    const plugin = plugins.byName<ImageComponentPlugin>(\"image-component\");\n    if (!plugin) {\n        throw new Error(`Image component plugin (type \"image-component\") not defined.`);\n    }\n\n    if (presetName) {\n        const preset = get(plugin, `presets.${presetName}`);\n        invariant(preset, `Transform preset \"${presetName}\" not found.`);\n        props.transform = preset;\n    }\n\n    if (props.transform) {\n        props.src = plugin.getImageSrc(props);\n    }\n\n    return plugin.render(props);\n};\n"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;;;AAIO,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,OAAsC;EAAA,IAA3BC,UAA2B,QAAnCC,MAAmC;EAAA,IAAZC,KAAY;;EAC7E,IAAMC,MAAM,GAAGC,gBAAA,CAAQC,MAAR,CAAqC,iBAArC,CAAf;;EACA,IAAI,CAACF,MAAL,EAAa;IACT,MAAM,IAAIG,KAAJ,kEAAN;EACH;;EAED,IAAIN,UAAJ,EAAgB;IACZ,IAAMC,MAAM,GAAG,mBAAIE,MAAJ,oBAAuBH,UAAvB,EAAf;IACA,IAAAO,kBAAA,EAAUN,MAAV,+BAAuCD,UAAvC;IACAE,KAAK,CAACM,SAAN,GAAkBP,MAAlB;EACH;;EAED,IAAIC,KAAK,CAACM,SAAV,EAAqB;IACjBN,KAAK,CAACO,GAAN,GAAYN,MAAM,CAACO,WAAP,CAAmBR,KAAnB,CAAZ;EACH;;EAED,OAAOC,MAAM,CAACQ,MAAP,CAAcT,KAAd,CAAP;AACH,CAjBM"}
+{"version":3,"names":["invariant","plugins","get","Image","preset","presetName","props","plugin","byName","Error","transform","src","getImageSrc","render"],"sources":["Image.tsx"],"sourcesContent":["import invariant from \"invariant\";\nimport { plugins } from \"@webiny/plugins\";\nimport get from \"lodash/get\";\nimport type { ImageComponentPlugin, ImageProps } from \"~/types\";\n\nexport const Image = ({ preset: presetName, ...props }: ImageProps) => {\n    const plugin = plugins.byName<ImageComponentPlugin>(\"image-component\");\n    if (!plugin) {\n        throw new Error(`Image component plugin (type \"image-component\") not defined.`);\n    }\n\n    if (presetName) {\n        const preset = get(plugin, `presets.${presetName}`);\n        invariant(preset, `Transform preset \"${presetName}\" not found.`);\n        props.transform = preset;\n    }\n\n    if (props.transform) {\n        props.src = plugin.getImageSrc(props);\n    }\n\n    return plugin.render(props);\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,WAAW;AACjC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,OAAOC,GAAG,MAAM,YAAY;AAG5B,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,MAAM,EAAEC,UAAU;EAAE,GAAGC;AAAkB,CAAC,KAAK;EACnE,MAAMC,MAAM,GAAGN,OAAO,CAACO,MAAM,CAAuB,iBAAiB,CAAC;EACtE,IAAI,CAACD,MAAM,EAAE;IACT,MAAM,IAAIE,KAAK,CAAC,8DAA8D,CAAC;EACnF;EAEA,IAAIJ,UAAU,EAAE;IACZ,MAAMD,MAAM,GAAGF,GAAG,CAACK,MAAM,EAAE,WAAWF,UAAU,EAAE,CAAC;IACnDL,SAAS,CAACI,MAAM,EAAE,qBAAqBC,UAAU,cAAc,CAAC;IAChEC,KAAK,CAACI,SAAS,GAAGN,MAAM;EAC5B;EAEA,IAAIE,KAAK,CAACI,SAAS,EAAE;IACjBJ,KAAK,CAACK,GAAG,GAAGJ,MAAM,CAACK,WAAW,CAACN,KAAK,CAAC;EACzC;EAEA,OAAOC,MAAM,CAACM,MAAM,CAACP,KAAK,CAAC;AAC/B,CAAC","ignoreList":[]}

package/components/Routes.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Routes: () => JSX.Element;
+import React from "react";
+export declare const Routes: () => React.JSX.Element;

package/components/Routes.js

@@ -1,49 +1,36 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Routes = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _plugins = require("@webiny/plugins");
-
-var _reactRouter = require("@webiny/react-router");
-
-var Routes = function Routes() {
+// This file is necessary only for backwards compatibility.
+// We'll remove this once the legacy rendering engine is removed.
+import React from "react";
+import { plugins } from "@webiny/plugins";
+import { Routes as ReactRouterRoutes } from "@webiny/react-router";
+export const Routes = () => {
   // We cannot call `sort` on the array returned by the `plugins.byType` call - it is read-only.
-  var routes = (0, _toConsumableArray2.default)(_plugins.plugins.byType("route")).sort(function (a, b) {
-    var pathA = a.route.props.path || "*";
-    var pathB = b.route.props.path || "*"; // This will sort paths at the very bottom of the list
+  const routes = [...plugins.byType("route")].sort((a, b) => {
+    const pathA = a.route.props.path || "*";
+    const pathB = b.route.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
-
+    }
 
+    // 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
-
+    }
 
+    // This will push * and / to the bottom of the list
     if (["*", "/"].includes(pathB)) {
       return -1;
     }
-
     return 0;
   });
-  return /*#__PURE__*/_react.default.createElement(_reactRouter.Routes, null, routes.map(function (_ref) {
-    var route = _ref.route,
-        name = _ref.name;
-    return /*#__PURE__*/_react.default.cloneElement(route, {
-      key: name
-    });
-  }));
+  return /*#__PURE__*/React.createElement(ReactRouterRoutes, null, routes.map(({
+    route,
+    name
+  }) => /*#__PURE__*/React.cloneElement(route, {
+    key: name
+  })));
 };
 
-exports.Routes = Routes;
+//# sourceMappingURL=Routes.js.map

package/components/Routes.js.map

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