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

package/helpers/InterfaceGenerator/index.d.ts

@@ -0,0 +1,5 @@
+export type { IdInterfaceGenerator, IdMixedInterfaceGenerator } from "./id.js";
+export type { DateInterfaceGenerator, DateStringInterfaceGenerator } from "./date.js";
+export type { IdentityInterfaceGenerator } from "./identity.js";
+export type { NumericInterfaceGenerator } from "./numeric.js";
+export type { TruthfulInterfaceGenerator } from "./truthful.js";

package/helpers/InterfaceGenerator/numeric.d.ts

@@ -0,0 +1,12 @@
+type Numeric = {
+    "": number;
+    _gt: number;
+    _gte: number;
+    _lt: number;
+    _lte: number;
+    _between: [number, number];
+};
+export type NumericInterfaceGenerator<Name extends string> = {
+    [K in keyof Numeric as `${Name}${K}`]?: Numeric[K];
+};
+export {};

package/helpers/InterfaceGenerator/truthful.d.ts

@@ -0,0 +1,7 @@
+type Truthful = {
+    "": boolean;
+};
+export type TruthfulInterfaceGenerator<Name extends string> = {
+    [K in keyof Truthful as `${Name}${K}`]?: Truthful[K];
+};
+export {};

package/hooks/useHandler.js

@@ -1,19 +1,15 @@
-import { useRef, useEffect } from "react";
-
-/**
- * TODO: figure out any types.
- */
-
-export function useHandler(props, factory) {
-  const propsRef = useRef(props);
-  const handlerRef = useRef((...args) => {
-    const handler = factory(propsRef.current);
-    return handler(...args);
-  });
-  useEffect(() => {
-    propsRef.current = props;
-  });
-  return handlerRef.current;
+import { useEffect, useRef } from "react";
+function useHandler(props, factory) {
+    const propsRef = useRef(props);
+    const handlerRef = useRef((...args)=>{
+        const handler = factory(propsRef.current);
+        return handler(...args);
+    });
+    useEffect(()=>{
+        propsRef.current = props;
+    });
+    return handlerRef.current;
 }
+export { useHandler };
 
 //# sourceMappingURL=useHandler.js.map

package/hooks/useHandler.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","useEffect","useHandler","props","factory","propsRef","handlerRef","args","handler","current"],"sources":["useHandler.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\n/**\n * TODO: figure out any types.\n */\ninterface Props {\n    [key: string]: any;\n}\ninterface Factory {\n    (...args: any): any;\n}\nexport function useHandler(props: Props, factory: Factory) {\n    const propsRef = useRef(props);\n\n    const handlerRef = useRef((...args: any) => {\n        const handler = factory(propsRef.current);\n        return handler(...args);\n    });\n\n    useEffect(() => {\n        propsRef.current = props;\n    });\n\n    return handlerRef.current;\n}\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,SAAS,QAAQ,OAAO;;AAEzC;AACA;AACA;;AAOA,OAAO,SAASC,UAAUA,CAACC,KAAY,EAAEC,OAAgB,EAAE;EACvD,MAAMC,QAAQ,GAAGL,MAAM,CAACG,KAAK,CAAC;EAE9B,MAAMG,UAAU,GAAGN,MAAM,CAAC,CAAC,GAAGO,IAAS,KAAK;IACxC,MAAMC,OAAO,GAAGJ,OAAO,CAACC,QAAQ,CAACI,OAAO,CAAC;IACzC,OAAOD,OAAO,CAAC,GAAGD,IAAI,CAAC;EAC3B,CAAC,CAAC;EAEFN,SAAS,CAAC,MAAM;IACZI,QAAQ,CAACI,OAAO,GAAGN,KAAK;EAC5B,CAAC,CAAC;EAEF,OAAOG,UAAU,CAACG,OAAO;AAC7B","ignoreList":[]}
+{"version":3,"file":"hooks/useHandler.js","sources":["../../src/hooks/useHandler.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\n/**\n * TODO: figure out any types.\n */\ninterface Props {\n    [key: string]: any;\n}\ninterface Factory {\n    (...args: any): any;\n}\nexport function useHandler(props: Props, factory: Factory) {\n    const propsRef = useRef(props);\n\n    const handlerRef = useRef((...args: any) => {\n        const handler = factory(propsRef.current);\n        return handler(...args);\n    });\n\n    useEffect(() => {\n        propsRef.current = props;\n    });\n\n    return handlerRef.current;\n}\n"],"names":["useHandler","props","factory","propsRef","useRef","handlerRef","args","handler","useEffect"],"mappings":";AAWO,SAASA,WAAWC,KAAY,EAAEC,OAAgB;IACrD,MAAMC,WAAWC,OAAOH;IAExB,MAAMI,aAAaD,OAAO,CAAC,GAAGE;QAC1B,MAAMC,UAAUL,QAAQC,SAAS,OAAO;QACxC,OAAOI,WAAWD;IACtB;IAEAE,UAAU;QACNL,SAAS,OAAO,GAAGF;IACvB;IAEA,OAAOI,WAAW,OAAO;AAC7B"}

package/hooks/useHandlers.js

@@ -1,23 +1,21 @@
-import { useRef, useEffect } from "react";
-export function useHandlers(props, factories) {
-  const propsRef = useRef(props);
-  const handlersRef = useRef((() => {
-    const names = Object.keys(factories);
-    return names.reduce((handlers, name) => {
-      /**
-       * TODO: figure out args types
-       */
-      handlers[name] = (...args) => {
-        const handler = factories[name](propsRef.current);
-        return handler(...args);
-      };
-      return handlers;
-    }, {});
-  })());
-  useEffect(() => {
-    propsRef.current = props;
-  });
-  return handlersRef.current;
+import { useEffect, useRef } from "react";
+function useHandlers(props, factories) {
+    const propsRef = useRef(props);
+    const handlersRef = useRef((()=>{
+        const names = Object.keys(factories);
+        return names.reduce((handlers, name)=>{
+            handlers[name] = (...args)=>{
+                const handler = factories[name](propsRef.current);
+                return handler(...args);
+            };
+            return handlers;
+        }, {});
+    })());
+    useEffect(()=>{
+        propsRef.current = props;
+    });
+    return handlersRef.current;
 }
+export { useHandlers };
 
 //# sourceMappingURL=useHandlers.js.map

package/hooks/useHandlers.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","useEffect","useHandlers","props","factories","propsRef","handlersRef","names","Object","keys","reduce","handlers","name","args","handler","current"],"sources":["useHandlers.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\ntype HandlerProps = { [key: string]: any };\ntype HandlerFactories = { [key: string]: (props: HandlerProps) => (...params: any[]) => any };\ntype Handlers = {\n    [K in keyof HandlerFactories]: (...params: any[]) => any;\n};\n\nexport function useHandlers<H = Handlers>(props: HandlerProps, factories: HandlerFactories) {\n    const propsRef = useRef(props);\n\n    const handlersRef = useRef(\n        (() => {\n            const names = Object.keys(factories);\n            return names.reduce((handlers, name) => {\n                /**\n                 * TODO: figure out args types\n                 */\n                handlers[name] = (...args: any) => {\n                    const handler = factories[name](propsRef.current);\n                    return handler(...args);\n                };\n                return handlers;\n            }, {} as Record<string, any>);\n        })()\n    );\n\n    useEffect(() => {\n        propsRef.current = props;\n    });\n\n    return handlersRef.current as H;\n}\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAQzC,OAAO,SAASC,WAAWA,CAAeC,KAAmB,EAAEC,SAA2B,EAAE;EACxF,MAAMC,QAAQ,GAAGL,MAAM,CAACG,KAAK,CAAC;EAE9B,MAAMG,WAAW,GAAGN,MAAM,CACtB,CAAC,MAAM;IACH,MAAMO,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACL,SAAS,CAAC;IACpC,OAAOG,KAAK,CAACG,MAAM,CAAC,CAACC,QAAQ,EAAEC,IAAI,KAAK;MACpC;AAChB;AACA;MACgBD,QAAQ,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGC,IAAS,KAAK;QAC/B,MAAMC,OAAO,GAAGV,SAAS,CAACQ,IAAI,CAAC,CAACP,QAAQ,CAACU,OAAO,CAAC;QACjD,OAAOD,OAAO,CAAC,GAAGD,IAAI,CAAC;MAC3B,CAAC;MACD,OAAOF,QAAQ;IACnB,CAAC,EAAE,CAAC,CAAwB,CAAC;EACjC,CAAC,EAAE,CACP,CAAC;EAEDV,SAAS,CAAC,MAAM;IACZI,QAAQ,CAACU,OAAO,GAAGZ,KAAK;EAC5B,CAAC,CAAC;EAEF,OAAOG,WAAW,CAACS,OAAO;AAC9B","ignoreList":[]}
+{"version":3,"file":"hooks/useHandlers.js","sources":["../../src/hooks/useHandlers.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\ntype HandlerProps = { [key: string]: any };\ntype HandlerFactories = { [key: string]: (props: HandlerProps) => (...params: any[]) => any };\ntype Handlers = {\n    [K in keyof HandlerFactories]: (...params: any[]) => any;\n};\n\nexport function useHandlers<H = Handlers>(props: HandlerProps, factories: HandlerFactories) {\n    const propsRef = useRef(props);\n\n    const handlersRef = useRef(\n        (() => {\n            const names = Object.keys(factories);\n            return names.reduce(\n                (handlers, name) => {\n                    /**\n                     * TODO: figure out args types\n                     */\n                    handlers[name] = (...args: any) => {\n                        const handler = factories[name](propsRef.current);\n                        return handler(...args);\n                    };\n                    return handlers;\n                },\n                {} as Record<string, any>\n            );\n        })()\n    );\n\n    useEffect(() => {\n        propsRef.current = props;\n    });\n\n    return handlersRef.current as H;\n}\n"],"names":["useHandlers","props","factories","propsRef","useRef","handlersRef","names","Object","handlers","name","args","handler","useEffect"],"mappings":";AAQO,SAASA,YAA0BC,KAAmB,EAAEC,SAA2B;IACtF,MAAMC,WAAWC,OAAOH;IAExB,MAAMI,cAAcD,OACf,AAAC;QACE,MAAME,QAAQC,OAAO,IAAI,CAACL;QAC1B,OAAOI,MAAM,MAAM,CACf,CAACE,UAAUC;YAIPD,QAAQ,CAACC,KAAK,GAAG,CAAC,GAAGC;gBACjB,MAAMC,UAAUT,SAAS,CAACO,KAAK,CAACN,SAAS,OAAO;gBAChD,OAAOQ,WAAWD;YACtB;YACA,OAAOF;QACX,GACA,CAAC;IAET;IAGJI,UAAU;QACNT,SAAS,OAAO,GAAGF;IACvB;IAEA,OAAOI,YAAY,OAAO;AAC9B"}

package/hooks/useRegisterLegacyPlugin.d.ts

@@ -1,2 +1,2 @@
-import { type Plugin } from "@webiny/plugins/types";
+import { type Plugin } from "@webiny/plugins/types.js";
 export declare function useRegisterLegacyPlugin<TPlugin extends Plugin>(plugin: TPlugin): void;

package/hooks/useRegisterLegacyPlugin.js

@@ -1,11 +1,12 @@
 import { useRef } from "react";
 import { plugins } from "@webiny/plugins";
-export function useRegisterLegacyPlugin(plugin) {
-  const pluginRegistered = useRef(false);
-  if (!pluginRegistered.current) {
-    pluginRegistered.current = true;
-    plugins.register(plugin);
-  }
+function useRegisterLegacyPlugin(plugin) {
+    const pluginRegistered = useRef(false);
+    if (!pluginRegistered.current) {
+        pluginRegistered.current = true;
+        plugins.register(plugin);
+    }
 }
+export { useRegisterLegacyPlugin };
 
 //# sourceMappingURL=useRegisterLegacyPlugin.js.map

package/hooks/useRegisterLegacyPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","plugins","useRegisterLegacyPlugin","plugin","pluginRegistered","current","register"],"sources":["useRegisterLegacyPlugin.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { type Plugin } from \"@webiny/plugins/types\";\n\nexport function useRegisterLegacyPlugin<TPlugin extends Plugin>(plugin: TPlugin) {\n    const pluginRegistered = useRef<boolean>(false);\n    if (!pluginRegistered.current) {\n        pluginRegistered.current = true;\n        plugins.register(plugin);\n    }\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SAASC,OAAO,QAAQ,iBAAiB;AAGzC,OAAO,SAASC,uBAAuBA,CAAyBC,MAAe,EAAE;EAC7E,MAAMC,gBAAgB,GAAGJ,MAAM,CAAU,KAAK,CAAC;EAC/C,IAAI,CAACI,gBAAgB,CAACC,OAAO,EAAE;IAC3BD,gBAAgB,CAACC,OAAO,GAAG,IAAI;IAC/BJ,OAAO,CAACK,QAAQ,CAACH,MAAM,CAAC;EAC5B;AACJ","ignoreList":[]}
+{"version":3,"file":"hooks/useRegisterLegacyPlugin.js","sources":["../../src/hooks/useRegisterLegacyPlugin.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { type Plugin } from \"@webiny/plugins/types.js\";\n\nexport function useRegisterLegacyPlugin<TPlugin extends Plugin>(plugin: TPlugin) {\n    const pluginRegistered = useRef<boolean>(false);\n    if (!pluginRegistered.current) {\n        pluginRegistered.current = true;\n        plugins.register(plugin);\n    }\n}\n"],"names":["useRegisterLegacyPlugin","plugin","pluginRegistered","useRef","plugins"],"mappings":";;AAIO,SAASA,wBAAgDC,MAAe;IAC3E,MAAMC,mBAAmBC,OAAgB;IACzC,IAAI,CAACD,iBAAiB,OAAO,EAAE;QAC3BA,iBAAiB,OAAO,GAAG;QAC3BE,QAAQ,QAAQ,CAACH;IACrB;AACJ"}

package/hooks/useUi.d.ts

@@ -1,2 +1,2 @@
-import type { UiContextValue } from "../contexts/Ui";
+import type { UiContextValue } from "../contexts/Ui/index.js";
 export declare const useUi: () => UiContextValue;

package/hooks/useUi.js

@@ -1,7 +1,6 @@
 import { useContext } from "react";
-import { UiContext } from "../contexts/Ui";
-export const useUi = () => {
-  return useContext(UiContext);
-};
+import { UiContext } from "../contexts/Ui/index.js";
+const useUi = ()=>useContext(UiContext);
+export { useUi };
 
 //# sourceMappingURL=useUi.js.map

package/hooks/useUi.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","UiContext","useUi"],"sources":["useUi.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport type { UiContextValue } from \"~/contexts/Ui\";\nimport { UiContext } from \"~/contexts/Ui\";\n\nexport const useUi = () => {\n    return useContext(UiContext) as UiContextValue;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,SAAS;AAElB,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EACvB,OAAOF,UAAU,CAACC,SAAS,CAAC;AAChC,CAAC","ignoreList":[]}
+{"version":3,"file":"hooks/useUi.js","sources":["../../src/hooks/useUi.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport type { UiContextValue } from \"~/contexts/Ui/index.js\";\nimport { UiContext } from \"~/contexts/Ui/index.js\";\n\nexport const useUi = () => {\n    return useContext(UiContext) as UiContextValue;\n};\n"],"names":["useUi","useContext","UiContext"],"mappings":";;AAIO,MAAMA,QAAQ,IACVC,WAAWC"}

package/i18n/i18n.js

@@ -1,7 +1,11 @@
-import i18n, { defaultProcessor, defaultModifiers } from "@webiny/i18n";
-import reactProcessor from "@webiny/i18n-react";
-i18n.registerProcessors([defaultProcessor, reactProcessor]);
+import i18n, { defaultModifiers, defaultProcessor } from "@webiny/i18n";
+import i18n_react from "@webiny/i18n-react";
+i18n.registerProcessors([
+    defaultProcessor,
+    i18n_react
+]);
 i18n.registerModifiers(defaultModifiers);
-export default i18n;
+const i18n_i18n = i18n;
+export default i18n_i18n;
 
 //# sourceMappingURL=i18n.js.map

package/i18n/i18n.js.map

@@ -1 +1 @@
-{"version":3,"names":["i18n","defaultProcessor","defaultModifiers","reactProcessor","registerProcessors","registerModifiers"],"sources":["i18n.ts"],"sourcesContent":["import i18n, { defaultProcessor, defaultModifiers } from \"@webiny/i18n\";\nimport reactProcessor from \"@webiny/i18n-react\";\n\ni18n.registerProcessors([defaultProcessor, reactProcessor]);\ni18n.registerModifiers(defaultModifiers);\n\nexport default i18n;\n"],"mappings":"AAAA,OAAOA,IAAI,IAAIC,gBAAgB,EAAEC,gBAAgB,QAAQ,cAAc;AACvE,OAAOC,cAAc,MAAM,oBAAoB;AAE/CH,IAAI,CAACI,kBAAkB,CAAC,CAACH,gBAAgB,EAAEE,cAAc,CAAC,CAAC;AAC3DH,IAAI,CAACK,iBAAiB,CAACH,gBAAgB,CAAC;AAExC,eAAeF,IAAI","ignoreList":[]}
+{"version":3,"file":"i18n/i18n.js","sources":["../../src/i18n/i18n.ts"],"sourcesContent":["import i18n, { defaultProcessor, defaultModifiers } from \"@webiny/i18n\";\nimport reactProcessor from \"@webiny/i18n-react\";\n\ni18n.registerProcessors([defaultProcessor, reactProcessor]);\ni18n.registerModifiers(defaultModifiers);\n\nexport default i18n;\n"],"names":["i18n","defaultProcessor","reactProcessor","defaultModifiers"],"mappings":";;AAGAA,KAAK,kBAAkB,CAAC;IAACC;IAAkBC;CAAe;AAC1DF,KAAK,iBAAiB,CAACG;AAEvB,kBAAeH"}

package/i18n/index.d.ts

@@ -1 +1 @@
-export { default as i18n } from "./i18n";
+export { default as i18n } from "./i18n.js";

package/i18n/index.js

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

package/index.d.ts

@@ -1,17 +1,22 @@
-export { AddQuerySelectionPlugin } from "./plugins/AddQuerySelectionPlugin";
-export { ApolloLinkPlugin } from "./plugins/ApolloLinkPlugin";
-export { RoutePlugin } from "./plugins/RoutePlugin";
-export { ApolloCacheObjectIdPlugin, type ApolloCacheObject } from "./plugins/ApolloCacheObjectIdPlugin";
 export * from "@webiny/react-composition";
 export type { HigherOrderComponent, ComposeProps, ComposableFC } from "@webiny/react-composition";
-export * from "./App";
-export * from "./AppContainer";
-export type { AppProps } from "./App";
-export * from "./core/Plugins";
-export * from "./core/Plugin";
-export * from "./core/Provider";
-export * from "./core/DebounceRender";
-export * from "./core/createProvider";
-export * from "./core/createProviderPlugin";
-export * from "./renderApp";
-export * from "./utils/createGenericContext";
+export * from "./App.js";
+export * from "./AppContainer.js";
+export type { AppProps } from "./App.js";
+export * from "./core/Plugins.js";
+export * from "./core/Plugin.js";
+export * from "./core/Provider.js";
+export * from "./core/createProvider.js";
+export * from "./core/createProviderPlugin.js";
+export * from "./renderApp.js";
+export * from "./utils/createGenericContext.js";
+export { useContainer, DiContainerProvider } from "./shared/di/DiContainerProvider.js";
+export { useFeature } from "./shared/di/useFeature.js";
+export { createFeature } from "./shared/di/createFeature.js";
+export { Route } from "./features/router/Route.js";
+export { RouteLink, type RouteLinkProps } from "./presentation/router/components/RouteLink.js";
+export { SimpleLink, type SimpleLinkProps } from "./presentation/router/components/SimpleLink.js";
+export { useEnvConfig } from "./presentation/envConfig/useEnvConfig.js";
+export { useRouter, useRoute } from "./presentation/router/index.js";
+export { useLocalStorage, useLocalStorageValue, useLocalStorageValues } from "./presentation/localStorage/index.js";
+export * from "./helpers/InterfaceGenerator/index.js";

package/index.js

@@ -1,20 +1,20 @@
-export { AddQuerySelectionPlugin } from "./plugins/AddQuerySelectionPlugin";
-export { ApolloLinkPlugin } from "./plugins/ApolloLinkPlugin";
-export { RoutePlugin } from "./plugins/RoutePlugin";
-export { ApolloCacheObjectIdPlugin } from "./plugins/ApolloCacheObjectIdPlugin";
-
-// Composition - we re-export this for ease of use
 export * from "@webiny/react-composition";
-// App framework
-export * from "./App";
-export * from "./AppContainer";
-export * from "./core/Plugins";
-export * from "./core/Plugin";
-export * from "./core/Provider";
-export * from "./core/DebounceRender";
-export * from "./core/createProvider";
-export * from "./core/createProviderPlugin";
-export * from "./renderApp";
-export * from "./utils/createGenericContext";
-
-//# sourceMappingURL=index.js.map
+export * from "./App.js";
+export * from "./AppContainer.js";
+export * from "./core/Plugins.js";
+export * from "./core/Plugin.js";
+export * from "./core/Provider.js";
+export * from "./core/createProvider.js";
+export * from "./core/createProviderPlugin.js";
+export * from "./renderApp.js";
+export * from "./utils/createGenericContext.js";
+export * from "./helpers/InterfaceGenerator/index.js";
+export { DiContainerProvider, useContainer } from "./shared/di/DiContainerProvider.js";
+export { useFeature } from "./shared/di/useFeature.js";
+export { createFeature } from "./shared/di/createFeature.js";
+export { Route } from "./features/router/Route.js";
+export { RouteLink } from "./presentation/router/components/RouteLink.js";
+export { SimpleLink } from "./presentation/router/components/SimpleLink.js";
+export { useEnvConfig } from "./presentation/envConfig/useEnvConfig.js";
+export { useRoute, useRouter } from "./presentation/router/index.js";
+export { useLocalStorage, useLocalStorageValue, useLocalStorageValues } from "./presentation/localStorage/index.js";

package/package.json

@@ -1,7 +1,11 @@
 {
 	"name": "@webiny/app",
-	"version": "0.0.0-unstable.eb196ccd2f",
-	"main": "index.js",
+	"version": "0.0.0-unstable.eb81deee7e",
+	"type": "module",
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
@@ -14,50 +18,35 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@apollo/react-hooks": "3.1.5",
-		"@emotion/styled": "11.10.6",
-		"@types/react": "18.2.79",
-		"@webiny/i18n": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/i18n-react": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/plugins": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/react-composition": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/react-properties": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/react-router": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/ui": "0.0.0-unstable.eb196ccd2f",
-		"apollo-cache": "1.3.5",
-		"apollo-cache-inmemory": "1.6.6",
-		"apollo-client": "2.6.10",
-		"apollo-link": "1.2.14",
-		"apollo-link-context": "1.0.20",
-		"apollo-link-error": "1.1.13",
-		"apollo-link-http-common": "0.2.16",
-		"apollo-utilities": "1.3.4",
-		"boolean": "3.2.0",
-		"bytes": "3.1.2",
-		"graphql": "15.9.0",
+		"@types/react": "18.3.31",
+		"@webiny/di": "1.1.0",
+		"@webiny/feature": "0.0.0-unstable.eb81deee7e",
+		"@webiny/i18n": "0.0.0-unstable.eb81deee7e",
+		"@webiny/i18n-react": "0.0.0-unstable.eb81deee7e",
+		"@webiny/plugins": "0.0.0-unstable.eb81deee7e",
+		"@webiny/react-composition": "0.0.0-unstable.eb81deee7e",
+		"@webiny/react-properties": "0.0.0-unstable.eb81deee7e",
+		"graphql": "16.14.2",
+		"history": "5.3.0",
 		"invariant": "2.2.4",
-		"lodash": "4.17.21",
-		"minimatch": "5.1.6",
-		"nanoid": "3.3.8",
-		"react": "18.2.0",
-		"react-dom": "18.2.0",
-		"ts-invariant": "0.10.3",
-		"warning": "4.0.3"
+		"lodash": "4.18.1",
+		"mobx": "7.0.3",
+		"react": "18.3.1",
+		"react-dom": "18.3.1",
+		"warning": "4.0.3",
+		"zod": "4.4.3"
 	},
 	"devDependencies": {
-		"@types/lodash": "4.17.13",
-		"@types/warning": "3.0.0",
-		"@webiny/project-utils": "0.0.0-unstable.eb196ccd2f",
-		"rimraf": "6.0.1",
-		"typescript": "5.3.3"
+		"@types/lodash": "4.17.25",
+		"@types/warning": "3.0.4",
+		"@webiny/build-tools": "0.0.0-unstable.eb81deee7e",
+		"rimraf": "6.1.3",
+		"type-fest": "5.8.0",
+		"typescript": "7.0.2",
+		"vitest": "4.1.11"
 	},
 	"publishConfig": {
-		"access": "public",
-		"directory": "dist"
-	},
-	"scripts": {
-		"build": "node ../cli/bin.js run build",
-		"watch": "node ../cli/bin.js run watch"
+		"access": "public"
 	},
 	"adio": {
 		"ignore": {
@@ -66,5 +55,8 @@
 			]
 		}
 	},
-	"gitHead": "eb196ccd2f32296e10f7add6dd7220d4e3abece4"
+	"gitHead": "8476da73b653c89cc1474d968baf55c1b0ae0e5f",
+	"webiny": {
+		"publishFrom": "dist"
+	}
 }

package/plugins/components/Image.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ImageProps extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
+    [key: string]: any;
+}
+declare const Image: ({ ...rest }: ImageProps) => React.JSX.Element;
+export { Image, type ImageProps };

package/plugins/components/Image.js

@@ -0,0 +1,12 @@
+import react from "react";
+const Image = ({ ...rest })=>{
+    const finalProps = {
+        ...rest
+    };
+    const srcSet = finalProps.srcSet;
+    if (srcSet && "object" == typeof srcSet) finalProps.srcSet = Object.keys(srcSet).map((key)=>`${srcSet[key]} ${key}`).join(", ");
+    return /*#__PURE__*/ react.createElement("img", finalProps);
+};
+export { Image };
+
+//# sourceMappingURL=Image.js.map

package/plugins/components/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins/components/Image.js","sources":["../../../src/plugins/components/Image.tsx"],"sourcesContent":["import React from \"react\";\n\n// Accepts all props that a normal <img> element would accept.\ninterface ImageProps extends React.DetailedHTMLProps<\n    React.ImgHTMLAttributes<HTMLImageElement>,\n    HTMLImageElement\n> {\n    [key: string]: any;\n}\n\nconst Image = ({ ...rest }: ImageProps) => {\n    const finalProps = { ...rest };\n    const srcSet = finalProps.srcSet;\n    if (srcSet && typeof srcSet === \"object\") {\n        finalProps.srcSet = Object.keys(srcSet)\n            .map(key => `${srcSet[key]} ${key}`)\n            .join(\", \");\n    }\n\n    return <img {...finalProps} />;\n};\n\nexport { Image, type ImageProps };\n"],"names":["Image","rest","finalProps","srcSet","Object","key"],"mappings":";AAUA,MAAMA,QAAQ,CAAC,EAAE,GAAGC,MAAkB;IAClC,MAAMC,aAAa;QAAE,GAAGD,IAAI;IAAC;IAC7B,MAAME,SAASD,WAAW,MAAM;IAChC,IAAIC,UAAU,AAAkB,YAAlB,OAAOA,QACjBD,WAAW,MAAM,GAAGE,OAAO,IAAI,CAACD,QAC3B,GAAG,CAACE,CAAAA,MAAO,GAAGF,MAAM,CAACE,IAAI,CAAC,CAAC,EAAEA,KAAK,EAClC,IAAI,CAAC;IAGd,OAAO,WAAP,GAAO,oBAAC,OAAQH;AACpB"}

package/plugins/image.d.ts

@@ -1,3 +1,3 @@
-import type { ImageComponentPlugin } from "../types";
-declare const _default: () => ImageComponentPlugin;
+import type { ImageComponentPlugin } from "../types.js";
 export default _default;
+declare function _default(): ImageComponentPlugin;