@webiny/app 6.0.0-beta.0 → 6.0.0-rc.0

package/App.d.ts

@@ -1,16 +1,10 @@
-import React, { ReactElement } from "react";
-import { RouteProps } from "@webiny/react-router";
-import { GenericComponent, Decorator } from "@webiny/react-composition";
-declare type RoutesByPath = {
-    [key: string]: ReactElement<RouteProps>;
-};
+import React from "react";
+import { Decorator, DecoratorsCollection, GenericComponent } from "@webiny/react-composition";
 interface State {
-    routes: RoutesByPath;
     plugins: JSX.Element[];
     providers: Decorator<GenericComponent<ProviderProps>>[];
 }
 interface AppContext extends State {
-    addRoute(route: JSX.Element): void;
     addProvider(hoc: Decorator<GenericComponent<ProviderProps>>): void;
     addPlugin(plugin: React.ReactNode): void;
 }
@@ -18,15 +12,14 @@ declare const AppContext: React.Context<AppContext | undefined>;
 export declare const useApp: () => AppContext;
 export interface AppProps {
     debounceRender?: number;
-    routes?: Array<RouteProps>;
+    routes?: Array<any>;
     providers?: Array<Decorator<GenericComponent<ProviderProps>>>;
+    decorators?: DecoratorsCollection;
     children?: React.ReactNode | React.ReactNode[];
 }
 interface ProviderProps {
     children: React.ReactNode;
 }
-export declare const App: {
-    ({ debounceRender, routes, providers, children }: AppProps): React.JSX.Element;
-    displayName: string;
-};
+export declare const AppBase: React.MemoExoticComponent<({ debounceRender, routes, providers, children }: AppProps) => React.JSX.Element>;
+export declare const App: ({ decorators, ...props }: AppProps) => React.JSX.Element;
 export {};

package/App.js

@@ -1,105 +1,92 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useApp = exports.App = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRouter = require("@webiny/react-router");
-var _reactComposition = require("@webiny/react-composition");
-var _Routes = require("./core/Routes");
-var _DebounceRender = require("./core/DebounceRender");
-var _Plugins = require("./core/Plugins");
-var AppContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { compose, CompositionProvider } from "@webiny/react-composition";
+import { DebounceRender } from "./core/DebounceRender.js";
+import { PluginsProvider } from "./core/Plugins.js";
+import { RouterWithConfig, useRouterConfig } from "./config/RouterConfig.js";
+import { AppContainer } from "./AppContainer.js";
+import { RouteContent } from "./presentation/router/components/RouteContent.js";
+import { useRouter } from "./router.js";
+const AppContext = /*#__PURE__*/createContext(undefined);
 AppContext.displayName = "AppContext";
-var useApp = exports.useApp = function useApp() {
-  var appContext = (0, _react.useContext)(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?");
+    throw Error(`AppContext provider was not found. Are you using the "useApp()" hook in the right place?`);
   }
   return appContext;
 };
-var App = exports.App = function App(_ref) {
-  var _ref$debounceRender = _ref.debounceRender,
-    debounceRender = _ref$debounceRender === void 0 ? 50 : _ref$debounceRender,
-    _ref$routes = _ref.routes,
-    routes = _ref$routes === void 0 ? [] : _ref$routes,
-    _ref$providers = _ref.providers,
-    providers = _ref$providers === void 0 ? [] : _ref$providers,
-    children = _ref.children;
-  var _useState = (0, _react.useState)({
-      routes: routes.reduce(function (acc, item) {
-        return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, acc), {}, (0, _defineProperty2.default)({}, item.path, /*#__PURE__*/_react.default.createElement(_reactRouter.Route, item)));
-      }, {}),
-      plugins: [],
-      providers: providers
-    }),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var addRoute = (0, _react.useCallback)(function (route) {
-    setState(function (state) {
-      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, {
-        routes: (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.routes), {}, (0, _defineProperty2.default)({}, route.props.path, route))
-      });
-    });
-  }, []);
-  var addProvider = (0, _react.useCallback)(function (component) {
-    setState(function (state) {
-      if (state.providers.findIndex(function (m) {
-        return m === component;
-      }) > -1) {
+export const AppBase = /*#__PURE__*/React.memo(({
+  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 (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, {
-        providers: [].concat((0, _toConsumableArray2.default)(state.providers), [component])
-      });
+      return {
+        ...state,
+        providers: [...state.providers, component]
+      };
     });
   }, []);
-  var addPlugin = (0, _react.useCallback)(function (element) {
-    setState(function (state) {
-      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, {
-        plugins: [].concat((0, _toConsumableArray2.default)(state.plugins), [element])
-      });
+  const addPlugin = useCallback(element => {
+    setState(state => {
+      return {
+        ...state,
+        plugins: [...state.plugins, element]
+      };
     });
   }, []);
-  var appContext = (0, _react.useMemo)(function () {
-    return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, {
-      addRoute: addRoute,
-      addProvider: addProvider,
-      addPlugin: addPlugin
-    });
-  }, [state]);
-  var AppRouter = (0, _react.useMemo)(function () {
+  const appContext = useMemo(() => ({
+    ...state,
+    addProvider,
+    addPlugin
+  }), [state]);
+  const AppRouter = useMemo(() => {
     return function AppRouter() {
-      var routes = Object.values(state.routes);
-      return /*#__PURE__*/_react.default.createElement(_Routes.Routes, {
-        key: routes.length,
-        routes: routes
-      });
+      const router = useRouter();
+      const routerConfig = useRouterConfig();
+      const routesFromConfig = routerConfig.routes;
+      const combinedRoutes = [...routes, ...routesFromConfig];
+      useEffect(() => {
+        router.setRoutes(combinedRoutes);
+      }, [combinedRoutes.length]);
+      return null;
     };
-  }, [state.routes]);
-  var Providers = (0, _react.useMemo)(function () {
-    return _reactComposition.compose.apply(void 0, (0, _toConsumableArray2.default)(state.providers || []))(function (_ref2) {
-      var children = _ref2.children;
-      return /*#__PURE__*/_react.default.createElement(_DebounceRender.DebounceRender, {
+  }, []);
+  const Providers = useMemo(() => {
+    return /*#__PURE__*/React.memo(compose(...(state.providers || []))(({
+      children
+    }) => {
+      return /*#__PURE__*/React.createElement(DebounceRender, {
         wait: debounceRender
       }, children);
-    });
+    }));
   }, [state.providers.length]);
   Providers.displayName = "Providers";
-  return /*#__PURE__*/_react.default.createElement(AppContext.Provider, {
+  return /*#__PURE__*/React.createElement(AppContext.Provider, {
     value: appContext
-  }, /*#__PURE__*/_react.default.createElement(_reactComposition.CompositionProvider, null, children, /*#__PURE__*/_react.default.createElement(_reactRouter.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(Providers, null, /*#__PURE__*/_react.default.createElement(_Plugins.PluginsProvider, null, state.plugins), /*#__PURE__*/_react.default.createElement(_DebounceRender.DebounceRender, {
+  }, children, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(Providers, null, /*#__PURE__*/React.createElement(PluginsProvider, null, state.plugins), /*#__PURE__*/React.createElement(DebounceRender, {
     wait: debounceRender
-  }, /*#__PURE__*/_react.default.createElement(AppRouter, null))))));
+  }, /*#__PURE__*/React.createElement(RouterWithConfig, null, /*#__PURE__*/React.createElement(AppRouter, null), /*#__PURE__*/React.createElement(RouteContent, null))))));
+});
+AppBase.displayName = "AppBase";
+export const App = ({
+  decorators,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(CompositionProvider, {
+    decorators: decorators
+  }, /*#__PURE__*/React.createElement(AppBase, Object.assign({
+    decorators: decorators
+  }, props)));
 };
-App.displayName = "App";
 
 //# sourceMappingURL=App.js.map

package/App.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactRouter","_reactComposition","_Routes","_DebounceRender","_Plugins","AppContext","createContext","undefined","displayName","useApp","exports","appContext","useContext","Error","App","_ref","_ref$debounceRender","debounceRender","_ref$routes","routes","_ref$providers","providers","children","_useState","useState","reduce","acc","item","_objectSpread4","default","_defineProperty2","path","createElement","Route","plugins","_useState2","_slicedToArray2","state","setState","addRoute","useCallback","route","props","addProvider","component","findIndex","m","concat","_toConsumableArray2","addPlugin","element","useMemo","AppRouter","Object","values","Routes","key","length","Providers","compose","apply","_ref2","DebounceRender","wait","Provider","value","CompositionProvider","BrowserRouter","PluginsProvider"],"sources":["App.tsx"],"sourcesContent":["import React, {\n    createContext,\n    useContext,\n    useMemo,\n    useState,\n    useCallback,\n    FunctionComponentElement,\n    ReactElement\n} from \"react\";\nimport { BrowserRouter, RouteProps, Route } from \"@webiny/react-router\";\nimport {\n    CompositionProvider,\n    GenericComponent,\n    compose,\n    Decorator,\n    HigherOrderComponent\n} from \"@webiny/react-composition\";\nimport { Routes as SortRoutes } from \"./core/Routes\";\nimport { DebounceRender } from \"./core/DebounceRender\";\nimport { PluginsProvider } from \"./core/Plugins\";\n\ntype RoutesByPath = {\n    [key: string]: ReactElement<RouteProps>;\n};\n\ninterface State {\n    routes: RoutesByPath;\n    plugins: JSX.Element[];\n    providers: Decorator<GenericComponent<ProviderProps>>[];\n}\n\ninterface AppContext extends State {\n    addRoute(route: JSX.Element): void;\n    addProvider(hoc: Decorator<GenericComponent<ProviderProps>>): void;\n    addPlugin(plugin: React.ReactNode): void;\n}\n\nconst AppContext = createContext<AppContext | undefined>(undefined);\n\nAppContext.displayName = \"AppContext\";\n\nexport const useApp = () => {\n    const appContext = useContext(AppContext);\n    if (!appContext) {\n        throw Error(\n            `AppContext provider was not found. Are you using the \"useApp()\" hook in the right place?`\n        );\n    }\n    return appContext;\n};\n\nexport interface AppProps {\n    debounceRender?: number;\n    routes?: Array<RouteProps>;\n    providers?: Array<Decorator<GenericComponent<ProviderProps>>>;\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 App = ({ debounceRender = 50, routes = [], providers = [], children }: AppProps) => {\n    const [state, setState] = useState<State>({\n        routes: routes.reduce<RoutesByPath>((acc, item) => {\n            return { ...acc, [item.path as string]: <Route {...item} /> };\n        }, {}),\n        plugins: [],\n        providers\n    });\n\n    const addRoute = useCallback((route: FunctionComponentElement<RouteProps>) => {\n        setState(state => {\n            return {\n                ...state,\n                routes: { ...state.routes, [route.props.path as string]: route }\n            };\n        });\n    }, []);\n\n    const addProvider = useCallback((component: HigherOrderComponent<any, 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            addRoute,\n            addProvider,\n            addPlugin\n        }),\n        [state]\n    );\n\n    const AppRouter = useMemo(() => {\n        return function AppRouter() {\n            const routes = Object.values(state.routes);\n            return <SortRoutes key={routes.length} routes={routes} />;\n        };\n    }, [state.routes]);\n\n    const Providers = useMemo(() => {\n        return compose(...(state.providers || []))(({ children }: 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            <CompositionProvider>\n                {children}\n                <BrowserRouter>\n                    <Providers>\n                        <PluginsProvider>{state.plugins}</PluginsProvider>\n                        <DebounceRender wait={debounceRender}>\n                            <AppRouter />\n                        </DebounceRender>\n                    </Providers>\n                </BrowserRouter>\n            </CompositionProvider>\n        </AppContext.Provider>\n    );\n};\n\nApp.displayName = \"App\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createContext","useCallback","useContext","useEffect","useMemo","useState","compose","CompositionProvider","DebounceRender","PluginsProvider","RouterWithConfig","useRouterConfig","AppContainer","RouteContent","useRouter","AppContext","undefined","displayName","useApp","appContext","Error","AppBase","memo","debounceRender","routes","providers","children","state","setState","plugins","addProvider","component","findIndex","m","addPlugin","element","AppRouter","router","routerConfig","routesFromConfig","combinedRoutes","setRoutes","length","Providers","createElement","wait","Provider","value","App","decorators","props","Object","assign"],"sources":["App.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from \"react\";\nimport {\n    compose,\n    CompositionProvider,\n    Decorator,\n    DecoratorsCollection,\n    GenericComponent\n} from \"@webiny/react-composition\";\nimport { DebounceRender } from \"./core/DebounceRender.js\";\nimport { PluginsProvider } from \"./core/Plugins.js\";\nimport { RouterWithConfig, useRouterConfig } from \"./config/RouterConfig.js\";\nimport { AppContainer } from \"./AppContainer.js\";\nimport { RouteContent } from \"~/presentation/router/components/RouteContent.js\";\nimport { useRouter } from \"~/router.js\";\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<any>;\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 = React.memo(\n    ({ debounceRender = 50, routes = [], providers = [], children }: 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 router = useRouter();\n                const routerConfig = useRouterConfig();\n                const routesFromConfig = routerConfig.routes;\n                const combinedRoutes = [...routes, ...routesFromConfig];\n\n                useEffect(() => {\n                    router.setRoutes(combinedRoutes);\n                }, [combinedRoutes.length]);\n\n                return null;\n            };\n        }, []);\n\n        const Providers = useMemo(() => {\n            return React.memo(\n                compose(...(state.providers || []))(({ children }: ProviderProps) => {\n                    return <DebounceRender wait={debounceRender}>{children}</DebounceRender>;\n                })\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                    <Providers>\n                        <PluginsProvider>{state.plugins}</PluginsProvider>\n                        <DebounceRender wait={debounceRender}>\n                            <RouterWithConfig>\n                                <AppRouter />\n                                <RouteContent />\n                            </RouterWithConfig>\n                        </DebounceRender>\n                    </Providers>\n                </AppContainer>\n            </AppContext.Provider>\n        );\n    }\n);\n\nAppBase.displayName = \"AppBase\";\n\nexport const App = ({ decorators, ...props }: AppProps) => {\n    return (\n        <CompositionProvider decorators={decorators}>\n            <AppBase decorators={decorators} {...props} />\n        </CompositionProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACnG,SACIC,OAAO,EACPC,mBAAmB,QAIhB,2BAA2B;AAClC,SAASC,cAAc;AACvB,SAASC,eAAe;AACxB,SAASC,gBAAgB,EAAEC,eAAe;AAC1C,SAASC,YAAY;AACrB,SAASC,YAAY;AACrB,SAASC,SAAS;AAalB,MAAMC,UAAU,gBAAGf,aAAa,CAAyBgB,SAAS,CAAC;AAEnED,UAAU,CAACE,WAAW,GAAG,YAAY;AAErC,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,MAAMC,UAAU,GAAGjB,UAAU,CAACa,UAAU,CAAC;EACzC,IAAI,CAACI,UAAU,EAAE;IACb,MAAMC,KAAK,CACP,0FACJ,CAAC;EACL;EACA,OAAOD,UAAU;AACrB,CAAC;AAgBD,OAAO,MAAME,OAAO,gBAAGtB,KAAK,CAACuB,IAAI,CAC7B,CAAC;EAAEC,cAAc,GAAG,EAAE;EAAEC,MAAM,GAAG,EAAE;EAAEC,SAAS,GAAG,EAAE;EAAEC;AAAmB,CAAC,KAAK;EAC1E,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGvB,QAAQ,CAAQ;IACtCwB,OAAO,EAAE,EAAE;IACXJ;EACJ,CAAC,CAAC;EAEF,MAAMK,WAAW,GAAG7B,WAAW,CAAE8B,SAAyB,IAAK;IAC3DH,QAAQ,CAACD,KAAK,IAAI;MACd,IAAIA,KAAK,CAACF,SAAS,CAACO,SAAS,CAACC,CAAC,IAAIA,CAAC,KAAKF,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE;QACtD,OAAOJ,KAAK;MAChB;MAEA,OAAO;QACH,GAAGA,KAAK;QACRF,SAAS,EAAE,CAAC,GAAGE,KAAK,CAACF,SAAS,EAAEM,SAAS;MAC7C,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,SAAS,GAAGjC,WAAW,CAAEkC,OAAoB,IAAK;IACpDP,QAAQ,CAACD,KAAK,IAAI;MACd,OAAO;QACH,GAAGA,KAAK;QACRE,OAAO,EAAE,CAAC,GAAGF,KAAK,CAACE,OAAO,EAAEM,OAAO;MACvC,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMhB,UAAU,GAAGf,OAAO,CACtB,OAAO;IACH,GAAGuB,KAAK;IACRG,WAAW;IACXI;EACJ,CAAC,CAAC,EACF,CAACP,KAAK,CACV,CAAC;EAED,MAAMS,SAAS,GAAGhC,OAAO,CAAC,MAAM;IAC5B,OAAO,SAASgC,SAASA,CAAA,EAAG;MACxB,MAAMC,MAAM,GAAGvB,SAAS,CAAC,CAAC;MAC1B,MAAMwB,YAAY,GAAG3B,eAAe,CAAC,CAAC;MACtC,MAAM4B,gBAAgB,GAAGD,YAAY,CAACd,MAAM;MAC5C,MAAMgB,cAAc,GAAG,CAAC,GAAGhB,MAAM,EAAE,GAAGe,gBAAgB,CAAC;MAEvDpC,SAAS,CAAC,MAAM;QACZkC,MAAM,CAACI,SAAS,CAACD,cAAc,CAAC;MACpC,CAAC,EAAE,CAACA,cAAc,CAACE,MAAM,CAAC,CAAC;MAE3B,OAAO,IAAI;IACf,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,SAAS,GAAGvC,OAAO,CAAC,MAAM;IAC5B,oBAAOL,KAAK,CAACuB,IAAI,CACbhB,OAAO,CAAC,IAAIqB,KAAK,CAACF,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;MAAEC;IAAwB,CAAC,KAAK;MACjE,oBAAO3B,KAAA,CAAA6C,aAAA,CAACpC,cAAc;QAACqC,IAAI,EAAEtB;MAAe,GAAEG,QAAyB,CAAC;IAC5E,CAAC,CACL,CAAC;EACL,CAAC,EAAE,CAACC,KAAK,CAACF,SAAS,CAACiB,MAAM,CAAC,CAA0B;EAErDC,SAAS,CAAC1B,WAAW,GAAG,WAAW;EAEnC,oBACIlB,KAAA,CAAA6C,aAAA,CAAC7B,UAAU,CAAC+B,QAAQ;IAACC,KAAK,EAAE5B;EAAW,GAClCO,QAAQ,eACT3B,KAAA,CAAA6C,aAAA,CAAChC,YAAY,qBACTb,KAAA,CAAA6C,aAAA,CAACD,SAAS,qBACN5C,KAAA,CAAA6C,aAAA,CAACnC,eAAe,QAAEkB,KAAK,CAACE,OAAyB,CAAC,eAClD9B,KAAA,CAAA6C,aAAA,CAACpC,cAAc;IAACqC,IAAI,EAAEtB;EAAe,gBACjCxB,KAAA,CAAA6C,aAAA,CAAClC,gBAAgB,qBACbX,KAAA,CAAA6C,aAAA,CAACR,SAAS,MAAE,CAAC,eACbrC,KAAA,CAAA6C,aAAA,CAAC/B,YAAY,MAAE,CACD,CACN,CACT,CACD,CACG,CAAC;AAE9B,CACJ,CAAC;AAEDQ,OAAO,CAACJ,WAAW,GAAG,SAAS;AAE/B,OAAO,MAAM+B,GAAG,GAAGA,CAAC;EAAEC,UAAU;EAAE,GAAGC;AAAgB,CAAC,KAAK;EACvD,oBACInD,KAAA,CAAA6C,aAAA,CAACrC,mBAAmB;IAAC0C,UAAU,EAAEA;EAAW,gBACxClD,KAAA,CAAA6C,aAAA,CAACvB,OAAO,EAAA8B,MAAA,CAAAC,MAAA;IAACH,UAAU,EAAEA;EAAW,GAAKC,KAAK,CAAG,CAC5B,CAAC;AAE9B,CAAC","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/README.md

@@ -1,19 +1,11 @@
 # @webiny/app
-[![](https://img.shields.io/npm/dw/@webiny/app.svg)](https://www.npmjs.com/package/@webiny/app) 
-[![](https://img.shields.io/npm/v/@webiny/app.svg)](https://www.npmjs.com/package/@webiny/app)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
-[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
 
-The base package for building Webiny and React powered web apps.
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
 
-For more information, please visit [the official docs](https://docs.webiny.com/docs/webiny/introduction). 
-  
-## Install
-```
-npm install --save @webiny/app
-```
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
 
-Or if you prefer yarn: 
-```
-yarn add @webiny/app
-```
+---
+
+_This README file is automatically generated during the publish process._

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,52 +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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-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 _apolloCacheInmemory = require("apollo-cache-inmemory");
-var _plugins = require("@webiny/plugins");
-var _AddQuerySelectionPlugin = require("../plugins/AddQuerySelectionPlugin");
-var _ApolloLinkPlugin = require("../plugins/ApolloLinkPlugin");
-var InMemoryCache = exports.InMemoryCache = /*#__PURE__*/function (_BaseInMemoryCache) {
-  function InMemoryCache(config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, InMemoryCache);
-    _this = (0, _callSuper2.default)(this, InMemoryCache, [config]);
-    _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.js";
+import { ApolloLinkPlugin } from "../plugins/ApolloLinkPlugin.js";
+export class InMemoryCache extends BaseInMemoryCache {
+  constructor(config) {
+    super(config);
+    this.transformPlugins = plugins.byType(ApolloLinkPlugin.type).filter(pl => pl instanceof AddQuerySelectionPlugin);
   }
-  (0, _inherits2.default)(InMemoryCache, _BaseInMemoryCache);
-  return (0, _createClass2.default)(InMemoryCache, [{
-    key: "transformDocument",
-    value: function transformDocument(document) {
-      // @ts-expect-error
-      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);
     }
-  }]);
-}(_apolloCacheInmemory.InMemoryCache);
+    return super.transformDocument(document);
+  }
+}
 
 //# sourceMappingURL=InMemoryCache.js.map

package/apollo-client/InMemoryCache.js.map

@@ -1 +1 @@
-{"version":3,"names":["_apolloCacheInmemory","require","_plugins","_AddQuerySelectionPlugin","_ApolloLinkPlugin","InMemoryCache","exports","_BaseInMemoryCache","config","_this","_classCallCheck2","default","_callSuper2","transformPlugins","plugins","byType","ApolloLinkPlugin","type","filter","pl","AddQuerySelectionPlugin","_inherits2","_createClass2","key","value","transformDocument","document","operationName","definitions","name","_iterator","_createForOfIteratorHelper2","_step","s","n","done","addSelectionToQuery","err","e","f","_get2","_getPrototypeOf2","prototype","call","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-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":";;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAA+D,IAElDI,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,kBAAA;EAGtB,SAAAF,cAAYG,MAA4B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,aAAA;IACtCI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,aAAA,GAAMG,MAAM;IAEZC,KAAA,CAAKI,gBAAgB,GAAGC,gBAAO,CAC1BC,MAAM,CAA0BC,kCAAgB,CAACC,IAAI,CAAC,CACtDC,MAAM,CAAC,UAAAC,EAAE;MAAA,OAAIA,EAAE,YAAYC,gDAAuB;IAAA,EAAC;IAAC,OAAAX,KAAA;EAC7D;EAAC,IAAAY,UAAA,CAAAV,OAAA,EAAAN,aAAA,EAAAE,kBAAA;EAAA,WAAAe,aAAA,CAAAX,OAAA,EAAAN,aAAA;IAAAkB,GAAA;IAAAC,KAAA,EAED,SAAAC,kBAAkCC,QAAsB,EAAgB;MACpE;MACA,IAAMC,aAAa,GAAGD,QAAQ,CAACE,WAAW,CAAC,CAAC,CAAC,CAACC,IAAI,CAACL,KAAK;MAAC,IAAAM,SAAA,OAAAC,2BAAA,CAAApB,OAAA,EAExC,IAAI,CAACE,gBAAgB;QAAAmB,KAAA;MAAA;QAAtC,KAAAF,SAAA,CAAAG,CAAA,MAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,IAAAC,IAAA,GAAwC;UAAA,IAA7BhB,EAAE,GAAAa,KAAA,CAAAR,KAAA;UACTL,EAAE,CAACiB,mBAAmB,CAACT,aAAa,EAAED,QAAQ,CAAC;QACnD;MAAC,SAAAW,GAAA;QAAAP,SAAA,CAAAQ,CAAA,CAAAD,GAAA;MAAA;QAAAP,SAAA,CAAAS,CAAA;MAAA;MAED,WAAAC,KAAA,CAAA7B,OAAA,MAAA8B,gBAAA,CAAA9B,OAAA,EAAAN,aAAA,CAAAqC,SAAA,8BAAAC,IAAA,OAA+BjB,QAAQ;IAC3C;EAAC;AAAA,EApB8BkB,kCAAiB","ignoreList":[]}
+{"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.js\";\nimport { ApolloLinkPlugin } from \"../plugins/ApolloLinkPlugin.js\";\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

@@ -1,5 +1,5 @@
-import { IdValue } from "apollo-utilities";
-import { ReadStoreContext, FragmentMatcherInterface, IntrospectionResultData } from "apollo-cache-inmemory";
+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;

package/apollo-client/IntrospectionFragmentMatcher.js

@@ -1,18 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IntrospectionFragmentMatcher = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _tsInvariant = require("ts-invariant");
-var IntrospectionFragmentMatcher = exports.IntrospectionFragmentMatcher = /*#__PURE__*/function () {
-  function IntrospectionFragmentMatcher(options) {
-    (0, _classCallCheck2.default)(this, IntrospectionFragmentMatcher);
-    (0, _defineProperty2.default)(this, "possibleTypesMap", {});
+import { invariant } from "ts-invariant";
+export class IntrospectionFragmentMatcher {
+  possibleTypesMap = {};
+  constructor(options) {
     if (options && options.introspectionQueryResultData) {
       this.possibleTypesMap = this.parseIntrospectionResult(options.introspectionQueryResultData);
       this.isReady = true;
@@ -21,42 +10,36 @@ var IntrospectionFragmentMatcher = exports.IntrospectionFragmentMatcher = /*#__P
     }
     this.match = this.match.bind(this);
   }
-  return (0, _createClass2.default)(IntrospectionFragmentMatcher, [{
-    key: "match",
-    value: function match(idValue, typeCondition, context) {
-      (0, _tsInvariant.invariant)(this.isReady, "FragmentMatcher.match() was called before FragmentMatcher.init()");
-      var obj = context.store.get(idValue.id);
-      var isRootQuery = idValue.id === "ROOT_QUERY";
-      if (!obj) {
-        // https://github.com/apollographql/apollo-client/pull/4620
-        return isRootQuery;
-      }
-      var _obj$__typename = obj.__typename,
-        __typename = _obj$__typename === void 0 ? isRootQuery && "Query" : _obj$__typename;
-      (0, _tsInvariant.invariant)(__typename, "Cannot match fragment because __typename property is missing: ".concat(JSON.stringify(obj)));
-      if (__typename === typeCondition) {
-        return true;
-      }
-      var implementingTypes = this.possibleTypesMap[typeCondition];
-      if (__typename && implementingTypes && implementingTypes.indexOf(__typename) > -1) {
-        return true;
-      }
-      return false;
+  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;
     }
-  }, {
-    key: "parseIntrospectionResult",
-    value: function parseIntrospectionResult(introspectionResultData) {
-      var typeMap = {};
-      introspectionResultData.__schema.types.forEach(function (type) {
-        if (type.kind === "UNION" || type.kind === "INTERFACE") {
-          typeMap[type.name] = type.possibleTypes.map(function (implementingType) {
-            return implementingType.name;
-          });
-        }
-      });
-      return typeMap;
+    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

@@ -1 +1 @@
-{"version":3,"names":["_tsInvariant","require","IntrospectionFragmentMatcher","exports","options","_classCallCheck2","default","_defineProperty2","introspectionQueryResultData","possibleTypesMap","parseIntrospectionResult","isReady","match","bind","_createClass2","key","value","idValue","typeCondition","context","invariant","obj","store","get","id","isRootQuery","_obj$__typename","__typename","concat","JSON","stringify","implementingTypes","indexOf","introspectionResultData","typeMap","__schema","types","forEach","type","kind","name","possibleTypes","map","implementingType"],"sources":["IntrospectionFragmentMatcher.ts"],"sourcesContent":["import { IdValue } from \"apollo-utilities\";\nimport { invariant } from \"ts-invariant\";\n\nimport {\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,IAAAA,YAAA,GAAAC,OAAA;AAAyC,IAS5BC,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA;EAIrC,SAAAA,6BAAYE,OAAoE,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,4BAAA;IAAA,IAAAK,gBAAA,CAAAD,OAAA,4BAF5B,CAAC,CAAC;IAGpD,IAAIF,OAAO,IAAIA,OAAO,CAACI,4BAA4B,EAAE;MACjD,IAAI,CAACC,gBAAgB,GAAG,IAAI,CAACC,wBAAwB,CACjDN,OAAO,CAACI,4BACZ,CAAC;MACD,IAAI,CAACG,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;EAAC,WAAAC,aAAA,CAAAR,OAAA,EAAAJ,4BAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAJ,MAAaK,OAAgB,EAAEC,aAAqB,EAAEC,OAAyB,EAAE;MAC7E,IAAAC,sBAAS,EAAC,IAAI,CAACT,OAAO,EAAE,kEAAkE,CAAC;MAE3F,IAAMU,GAAG,GAAGF,OAAO,CAACG,KAAK,CAACC,GAAG,CAACN,OAAO,CAACO,EAAE,CAAC;MACzC,IAAMC,WAAW,GAAGR,OAAO,CAACO,EAAE,KAAK,YAAY;MAE/C,IAAI,CAACH,GAAG,EAAE;QACN;QACA,OAAOI,WAAW;MACtB;MAEA,IAAAC,eAAA,GAAgDL,GAAG,CAA3CM,UAAU;QAAVA,UAAU,GAAAD,eAAA,cAAGD,WAAW,IAAI,OAAO,GAAAC,eAAA;MAE3C,IAAAN,sBAAS,EACLO,UAAU,mEAAAC,MAAA,CACuDC,IAAI,CAACC,SAAS,CAACT,GAAG,CAAC,CACxF,CAAC;MAED,IAAIM,UAAU,KAAKT,aAAa,EAAE;QAC9B,OAAO,IAAI;MACf;MAEA,IAAMa,iBAAiB,GAAG,IAAI,CAACtB,gBAAgB,CAACS,aAAa,CAAC;MAC9D,IAAIS,UAAU,IAAII,iBAAiB,IAAIA,iBAAiB,CAACC,OAAO,CAACL,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE;QAC/E,OAAO,IAAI;MACf;MAEA,OAAO,KAAK;IAChB;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAAN,yBACIuB,uBAAgD,EAChC;MAChB,IAAMC,OAAyB,GAAG,CAAC,CAAC;MACpCD,uBAAuB,CAACE,QAAQ,CAACC,KAAK,CAACC,OAAO,CAAC,UAAAC,IAAI,EAAI;QACnD,IAAIA,IAAI,CAACC,IAAI,KAAK,OAAO,IAAID,IAAI,CAACC,IAAI,KAAK,WAAW,EAAE;UACpDL,OAAO,CAACI,IAAI,CAACE,IAAI,CAAC,GAAGF,IAAI,CAACG,aAAa,CAACC,GAAG,CACvC,UAAAC,gBAAgB;YAAA,OAAIA,gBAAgB,CAACH,IAAI;UAAA,CAC7C,CAAC;QACL;MACJ,CAAC,CAAC;MACF,OAAON,OAAO;IAClB;EAAC;AAAA","ignoreList":[]}
+{"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,2 @@
-/// <reference types="react" />
-import { ImageProps } from "../types";
+import type { ImageProps } from "../types.js";
 export declare const Image: ({ preset: presetName, ...props }: ImageProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;