chayns-api 3.3.2 → 3.4.0

package/.babelrc

@@ -1,6 +1,6 @@
 {
     "presets": [
-        "@babel/preset-react",
+        ["@babel/preset-react", { "runtime": "automatic" }],
         "@babel/preset-typescript"
     ],
     "plugins": [

package/README.md

@@ -49,12 +49,4 @@ More information to setup chayns-api can be found in the [documentation](https:/
 
 For advanced use cases like Module Federation, refer to the [Module Federation Guide](https://tobitsoftware.github.io/chayns-api/docs/module-federation).
 
-## Troubleshooting
-
-```
-Can't resolve 'react-dom/client'
-```
-A warning like above can be shown when you are still using react 17.
-This can be ignored because the react 17 api is used as fallback instead.
-
 ## License

package/dist/cjs/components/ChaynsProvider.js

@@ -18,6 +18,7 @@ var _ChaynsContext = require("./ChaynsContext");
 var _moduleWrapper = require("./moduleWrapper");
 var _HistoryLayerContext = require("../contexts/HistoryLayerContext");
 var _rootLayer = require("../utils/history/rootLayer");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const isServer = typeof window === 'undefined';
@@ -48,7 +49,7 @@ const InitialDataProvider = _react.default.memo(t0 => {
   }
   let t3;
   if ($[4] !== t2) {
-    t3 = _react.default.createElement("script", {
+    t3 = (0, _jsxRuntime.jsx)("script", {
       id: "__CHAYNS_DATA__",
       type: "application/json",
       dangerouslySetInnerHTML: {
@@ -154,13 +155,17 @@ const ChaynsProvider = ({
     shouldEnableHistory = true;
   }
   const layerToProvide = shouldEnableHistory ? effectiveLayer : null;
-  return _react.default.createElement(_react.default.Fragment, null, isInitialized && _react.default.createElement(_ChaynsContext.ChaynsContext.Provider, {
-    value: customWrapper.current
-  }, _react.default.createElement(_HistoryLayerContext.ChaynsHistoryLayerProvider, {
-    layer: layerToProvide
-  }, children)), _react.default.createElement(InitialDataProvider, {
-    data: (_customWrapper$curren4 = customWrapper.current) === null || _customWrapper$curren4 === void 0 ? void 0 : _customWrapper$curren4.values,
-    renderedByServer: renderedByServer
-  }));
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [isInitialized && (0, _jsxRuntime.jsx)(_ChaynsContext.ChaynsContext.Provider, {
+      value: customWrapper.current,
+      children: (0, _jsxRuntime.jsx)(_HistoryLayerContext.ChaynsHistoryLayerProvider, {
+        layer: layerToProvide,
+        children: children
+      })
+    }), (0, _jsxRuntime.jsx)(InitialDataProvider, {
+      data: (_customWrapper$curren4 = customWrapper.current) === null || _customWrapper$curren4 === void 0 ? void 0 : _customWrapper$curren4.values,
+      renderedByServer: renderedByServer
+    })]
+  });
 };
 var _default = exports.default = ChaynsProvider;

package/dist/cjs/components/withCompatMode.js

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _ErrorBoundary = _interopRequireDefault(require("./ErrorBoundary"));
 var _client = require("react-dom/client");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const withCompatMode = Component => {
   class CompatComponent extends _react.PureComponent {
     constructor(props) {
@@ -21,9 +21,12 @@ const withCompatMode = Component => {
       const {
         innerRef
       } = this.props;
-      const component = _react.default.createElement(_ErrorBoundary.default, null, _react.default.createElement(Component, _extends({}, this.props, {
-        ref: innerRef
-      })));
+      const component = (0, _jsxRuntime.jsx)(_ErrorBoundary.default, {
+        children: (0, _jsxRuntime.jsx)(Component, {
+          ...this.props,
+          ref: innerRef
+        })
+      });
       if (typeof _client.createRoot === 'function') {
         const identifierPrefix = Array(8).fill(0).map(() => Math.floor(Math.random() * 256).toString(16).padStart(2, '0')).join('');
         this.root = (0, _client.createRoot)(this.ref.current, {
@@ -38,9 +41,12 @@ const withCompatMode = Component => {
       const {
         innerRef
       } = this.props;
-      const component = _react.default.createElement(_ErrorBoundary.default, null, _react.default.createElement(Component, _extends({}, this.props, {
-        ref: innerRef
-      })));
+      const component = (0, _jsxRuntime.jsx)(_ErrorBoundary.default, {
+        children: (0, _jsxRuntime.jsx)(Component, {
+          ...this.props,
+          ref: innerRef
+        })
+      });
       clearTimeout(this.timeout);
       this.timeout = setTimeout(() => {
         if (this.root) {
@@ -55,20 +61,23 @@ const withCompatMode = Component => {
       if (this.root) {
         this.root.unmount();
       } else {
-        _reactDom.default.render(_react.default.createElement(_react.default.Fragment, null), this.ref.current);
+        _reactDom.default.render((0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}), this.ref.current);
       }
     }
     render() {
-      return _react.default.createElement("div", {
+      return (0, _jsxRuntime.jsx)("div", {
         ref: this.ref,
         "data-compat-mode": true
       });
     }
   }
   return {
-    Component: props => _react.default.createElement("div", {
-      "data-compat-mode": false
-    }, _react.default.createElement(Component, props)),
+    Component: props => (0, _jsxRuntime.jsx)("div", {
+      "data-compat-mode": false,
+      children: (0, _jsxRuntime.jsx)(Component, {
+        ...props
+      })
+    }),
     CompatComponent,
     requiredVersion: __REQUIRED_REACT_VERSION__,
     environment: process.env.NODE_ENV,

package/dist/cjs/components/withHydrationBoundary.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _contexts = require("../contexts");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function withHydrationBoundary(Component, initializer, useHydrationId, useProps) {
   const stores = {};
   return ({
@@ -52,9 +52,11 @@ function withHydrationBoundary(Component, initializer, useHydrationId, useProps)
         $elem.remove();
       }
     }, []);
-    return _react.default.createElement(Component, _extends({}, rest, {
-      value: store
-    }), children);
+    return (0, _jsxRuntime.jsx)(Component, {
+      ...rest,
+      value: store,
+      children: children
+    });
   };
 }
 var _default = exports.default = withHydrationBoundary;

package/dist/cjs/contexts/HistoryLayerContext.js

@@ -11,6 +11,7 @@ exports.useChaynsHistoryLayerContext = useChaynsHistoryLayerContext;
 var _reactCompilerRuntime = require("react-compiler-runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _useIsomorphicLayoutEffect = require("../hooks/useIsomorphicLayoutEffect");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const _layerStack = [];
 function pushChaynsHistoryLayer(layer) {
@@ -53,9 +54,10 @@ const ChaynsHistoryLayerProvider = t0 => {
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(t1, t2);
   let t3;
   if ($[3] !== children || $[4] !== layer) {
-    t3 = _react.default.createElement(ChaynsHistoryLayerContext.Provider, {
-      value: layer
-    }, children);
+    t3 = (0, _jsxRuntime.jsx)(ChaynsHistoryLayerContext.Provider, {
+      value: layer,
+      children: children
+    });
     $[3] = children;
     $[4] = layer;
     $[5] = t3;
@@ -73,9 +75,10 @@ const ChaynsHistoryLayerOverrideProvider = t0 => {
   } = t0;
   let t1;
   if ($[0] !== children || $[1] !== layer) {
-    t1 = _react.default.createElement(ChaynsHistoryLayerContext.Provider, {
-      value: layer
-    }, children);
+    t1 = (0, _jsxRuntime.jsx)(ChaynsHistoryLayerContext.Provider, {
+      value: layer,
+      children: children
+    });
     $[0] = children;
     $[1] = layer;
     $[2] = t1;

package/dist/cjs/host/ChaynsHost.js

@@ -10,6 +10,7 @@ var _HostIframe = _interopRequireDefault(require("./iframe/HostIframe"));
 var _ModuleHost = _interopRequireDefault(require("./module/ModuleHost"));
 var _HistoryLayerContext = require("../contexts/HistoryLayerContext");
 var _rootLayer = require("../utils/history/rootLayer");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const subscribeToHydration = () => () => {};
@@ -80,7 +81,7 @@ const ChaynsHost = t0 => {
         const t5 = type === "server-iframe";
         let t6;
         if ($[5] !== currentPage || $[6] !== customData || $[7] !== customFunctions || $[8] !== device || $[9] !== dialog || $[10] !== environment || $[11] !== functions || $[12] !== iFrameProps || $[13] !== iFrameRef || $[14] !== isAdminModeActive || $[15] !== isHistoryEnabled || $[16] !== language || $[17] !== layer || $[18] !== pages || $[19] !== parameters || $[20] !== preventStagingReplacement || $[21] !== site || $[22] !== src || $[23] !== styleSettings || $[24] !== t5 || $[25] !== user) {
-          t6 = _react.default.createElement(_HostIframe.default, {
+          t6 = (0, _jsxRuntime.jsx)(_HostIframe.default, {
             iFrameRef: iFrameRef,
             iFrameProps: iFrameProps,
             pages: pages,
@@ -130,9 +131,10 @@ const ChaynsHost = t0 => {
         }
         let t7;
         if ($[27] !== resolvedLayer || $[28] !== t6) {
-          t7 = _react.default.createElement(_HistoryLayerContext.ChaynsHistoryLayerProvider, {
-            layer: resolvedLayer
-          }, t6);
+          t7 = (0, _jsxRuntime.jsx)(_HistoryLayerContext.ChaynsHistoryLayerProvider, {
+            layer: resolvedLayer,
+            children: t6
+          });
           $[27] = resolvedLayer;
           $[28] = t6;
           $[29] = t7;
@@ -146,7 +148,7 @@ const ChaynsHost = t0 => {
       {
         let t5;
         if ($[30] !== currentPage || $[31] !== customData || $[32] !== customFunctions || $[33] !== device || $[34] !== dialog || $[35] !== environment || $[36] !== functions || $[37] !== isAdminModeActive || $[38] !== isHistoryEnabled || $[39] !== language || $[40] !== layer || $[41] !== loadingComponent || $[42] !== pages || $[43] !== parameters || $[44] !== preventStagingReplacement || $[45] !== site || $[46] !== styleSettings || $[47] !== system || $[48] !== user) {
-          t5 = _react.default.createElement(_ModuleHost.default, {
+          t5 = (0, _jsxRuntime.jsx)(_ModuleHost.default, {
             system: system,
             pages: pages,
             isAdminModeActive: isAdminModeActive,
@@ -192,9 +194,10 @@ const ChaynsHost = t0 => {
         }
         let t6;
         if ($[50] !== resolvedLayer || $[51] !== t5) {
-          t6 = _react.default.createElement(_HistoryLayerContext.ChaynsHistoryLayerProvider, {
-            layer: resolvedLayer
-          }, t5);
+          t6 = (0, _jsxRuntime.jsx)(_HistoryLayerContext.ChaynsHistoryLayerProvider, {
+            layer: resolvedLayer,
+            children: t5
+          });
           $[50] = resolvedLayer;
           $[51] = t5;
           $[52] = t6;

package/dist/cjs/host/iframe/HostIframe.js

@@ -10,9 +10,9 @@ var _postIframeForm = _interopRequireDefault(require("../../utils/postIframeForm
 var _useUpdateData = _interopRequireDefault(require("./utils/useUpdateData"));
 var _url = require("../../utils/url");
 var _transferNestedFunctions = require("../../utils/transferNestedFunctions");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const HostIframe = ({
   iFrameProps,
   src,
@@ -205,16 +205,16 @@ const HostIframe = ({
   (0, _useUpdateData.default)(eventTarget.current, 'customData', customData);
   (0, _useUpdateData.default)(eventTarget.current, 'dialog', dialog);
   (0, _useUpdateData.default)(eventTarget.current, 'styleSettings', styleSettings);
-  return _react.default.createElement("iframe", _extends({
+  return (0, _jsxRuntime.jsx)("iframe", {
     ref: r => {
       ref.current = r;
       if (iFrameRef) {
         iFrameRef.current = r;
       }
     },
-    title: " "
-  }, iFrameProps, {
+    title: " ",
+    ...iFrameProps,
     src: postForm ? undefined : (0, _url.replaceStagingUrl)(preventStagingReplacement, src, environment.buildEnvironment)
-  }));
+  });
 };
 var _default = exports.default = HostIframe;

package/dist/cjs/host/module/ModuleHost.js

@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _moduleContext = require("../../contexts/moduleContext");
 var _loadComponent = _interopRequireDefault(require("./utils/loadComponent"));
 var _url = require("../../utils/url");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const System = ({
@@ -27,9 +28,12 @@ const System = ({
     info.modules.add(system.module);
     moduleContext[system.scope] = info;
   }
-  return _react.default.createElement(_react.default.Suspense, {
-    fallback: fallback || ''
-  }, _react.default.createElement(Component, props));
+  return (0, _jsxRuntime.jsx)(_react.default.Suspense, {
+    fallback: fallback || '',
+    children: (0, _jsxRuntime.jsx)(Component, {
+      ...props
+    })
+  });
 };
 const ModuleHost = t0 => {
   const $ = (0, _reactCompilerRuntime.c)(36);
@@ -96,7 +100,7 @@ const ModuleHost = t0 => {
   const data = result;
   let t2;
   if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = _react.default.createElement("div", {
+    t2 = (0, _jsxRuntime.jsx)("div", {
       className: "module-css"
     });
     $[14] = t2;
@@ -144,15 +148,17 @@ const ModuleHost = t0 => {
   }
   let t7;
   if ($[29] !== children || $[30] !== customFunctions || $[31] !== data || $[32] !== functions || $[33] !== historyLayer || $[34] !== t6) {
-    t7 = _react.default.createElement(_react.default.Fragment, null, t2, _react.default.createElement(System, {
-      system: t6,
-      data: data,
-      functions: functions,
-      customFunctions: customFunctions,
-      fallback: children,
-      historyLayer: historyLayer,
-      isModule: true
-    }));
+    t7 = (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [t2, (0, _jsxRuntime.jsx)(System, {
+        system: t6,
+        data: data,
+        functions: functions,
+        customFunctions: customFunctions,
+        fallback: children,
+        historyLayer: historyLayer,
+        isModule: true
+      })]
+    });
     $[29] = children;
     $[30] = customFunctions;
     $[31] = data;

package/dist/cjs/utils/initModuleFederationSharing.js

@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.initModuleFederationSharing = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = _interopRequireDefault(require("react/jsx-runtime"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
+var _client = _interopRequireDefault(require("react-dom/client"));
 var _server = _interopRequireDefault(require("react-dom/server"));
 var _SequentialLoadPlugin = require("../plugins/SequentialLoadPlugin");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-let ReactDOMClient;
-try {
-  ReactDOMClient = require('react-dom/client');
-} catch (e) {}
 const initModuleFederationSharing = ({
   scope,
   name,
@@ -36,19 +34,22 @@ const initModuleFederationSharing = ({
       scope: 'chayns-api',
       lib: () => _reactDom.default
     },
+    'react-dom/client': {
+      version: _react.default.version,
+      scope: 'chayns-api',
+      lib: () => _client.default
+    },
     'react-dom/server': {
       version: _react.default.version,
       scope: 'chayns-api',
       lib: () => _server.default
-    }
-  };
-  if (ReactDOMClient) {
-    shared['react-dom/client'] = {
+    },
+    'react/jsx-runtime': {
       version: _react.default.version,
       scope: 'chayns-api',
-      lib: () => ReactDOMClient
-    };
-  }
+      lib: () => _jsxRuntime.default
+    }
+  };
   const instance = createInstance({
     name: (_ref = scope !== null && scope !== void 0 ? scope : name) !== null && _ref !== void 0 ? _ref : '',
     remotes: [],

package/dist/esm/components/ChaynsProvider.js

@@ -12,6 +12,7 @@ import { ChaynsContext } from './ChaynsContext';
 import { addModuleWrapper, moduleWrapper, removeModuleWrapper } from './moduleWrapper';
 import { ChaynsHistoryLayerProvider, useChaynsHistoryLayerContext } from '../contexts/HistoryLayerContext';
 import { getOrInitRootChaynsHistoryLayer } from '../utils/history/rootLayer';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const isServer = typeof window === 'undefined';
 const InitialDataProvider = React.memo(t0 => {
   const $ = _c(6);
@@ -40,7 +41,7 @@ const InitialDataProvider = React.memo(t0 => {
   }
   let t3;
   if ($[4] !== t2) {
-    t3 = React.createElement("script", {
+    t3 = _jsx("script", {
       id: "__CHAYNS_DATA__",
       type: "application/json",
       dangerouslySetInnerHTML: {
@@ -146,13 +147,17 @@ const ChaynsProvider = ({
     shouldEnableHistory = true;
   }
   const layerToProvide = shouldEnableHistory ? effectiveLayer : null;
-  return React.createElement(React.Fragment, null, isInitialized && React.createElement(ChaynsContext.Provider, {
-    value: customWrapper.current
-  }, React.createElement(ChaynsHistoryLayerProvider, {
-    layer: layerToProvide
-  }, children)), React.createElement(InitialDataProvider, {
-    data: (_customWrapper$curren4 = customWrapper.current) === null || _customWrapper$curren4 === void 0 ? void 0 : _customWrapper$curren4.values,
-    renderedByServer: renderedByServer
-  }));
+  return _jsxs(_Fragment, {
+    children: [isInitialized && _jsx(ChaynsContext.Provider, {
+      value: customWrapper.current,
+      children: _jsx(ChaynsHistoryLayerProvider, {
+        layer: layerToProvide,
+        children: children
+      })
+    }), _jsx(InitialDataProvider, {
+      data: (_customWrapper$curren4 = customWrapper.current) === null || _customWrapper$curren4 === void 0 ? void 0 : _customWrapper$curren4.values,
+      renderedByServer: renderedByServer
+    })]
+  });
 };
 export default ChaynsProvider;

package/dist/esm/components/withCompatMode.js

@@ -1,4 +1,3 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -6,6 +5,7 @@ import React, { PureComponent } from 'react';
 import ReactDOM from 'react-dom';
 import ErrorBoundary from './ErrorBoundary';
 import { createRoot } from 'react-dom/client';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 export const withCompatMode = Component => {
   class CompatComponent extends PureComponent {
     constructor(props) {
@@ -19,9 +19,12 @@ export const withCompatMode = Component => {
       const {
         innerRef
       } = this.props;
-      const component = React.createElement(ErrorBoundary, null, React.createElement(Component, _extends({}, this.props, {
-        ref: innerRef
-      })));
+      const component = _jsx(ErrorBoundary, {
+        children: _jsx(Component, {
+          ...this.props,
+          ref: innerRef
+        })
+      });
       if (typeof createRoot === 'function') {
         const identifierPrefix = Array(8).fill(0).map(() => Math.floor(Math.random() * 256).toString(16).padStart(2, '0')).join('');
         this.root = createRoot(this.ref.current, {
@@ -36,9 +39,12 @@ export const withCompatMode = Component => {
       const {
         innerRef
       } = this.props;
-      const component = React.createElement(ErrorBoundary, null, React.createElement(Component, _extends({}, this.props, {
-        ref: innerRef
-      })));
+      const component = _jsx(ErrorBoundary, {
+        children: _jsx(Component, {
+          ...this.props,
+          ref: innerRef
+        })
+      });
       clearTimeout(this.timeout);
       this.timeout = setTimeout(() => {
         if (this.root) {
@@ -53,20 +59,23 @@ export const withCompatMode = Component => {
       if (this.root) {
         this.root.unmount();
       } else {
-        ReactDOM.render(React.createElement(React.Fragment, null), this.ref.current);
+        ReactDOM.render(_jsx(_Fragment, {}), this.ref.current);
       }
     }
     render() {
-      return React.createElement("div", {
+      return _jsx("div", {
         ref: this.ref,
         "data-compat-mode": true
       });
     }
   }
   return {
-    Component: props => React.createElement("div", {
-      "data-compat-mode": false
-    }, React.createElement(Component, props)),
+    Component: props => _jsx("div", {
+      "data-compat-mode": false,
+      children: _jsx(Component, {
+        ...props
+      })
+    }),
     CompatComponent,
     requiredVersion: __REQUIRED_REACT_VERSION__,
     environment: process.env.NODE_ENV,

package/dist/esm/components/withHydrationBoundary.js

@@ -1,6 +1,6 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useContext, useEffect, useState } from 'react';
 import { HydrationContext } from '../contexts';
+import { jsx as _jsx } from "react/jsx-runtime";
 function withHydrationBoundary(Component, initializer, useHydrationId, useProps) {
   const stores = {};
   return ({
@@ -45,9 +45,11 @@ function withHydrationBoundary(Component, initializer, useHydrationId, useProps)
         $elem.remove();
       }
     }, []);
-    return React.createElement(Component, _extends({}, rest, {
-      value: store
-    }), children);
+    return _jsx(Component, {
+      ...rest,
+      value: store,
+      children: children
+    });
   };
 }
 export default withHydrationBoundary;

package/dist/esm/contexts/HistoryLayerContext.js

@@ -1,6 +1,7 @@
 import { c as _c } from "react-compiler-runtime";
 import React, { createContext, useContext } from 'react';
 import { useIsomorphicLayoutEffect } from '../hooks/useIsomorphicLayoutEffect';
+import { jsx as _jsx } from "react/jsx-runtime";
 const _layerStack = [];
 export function pushChaynsHistoryLayer(layer) {
   _layerStack.push(layer);
@@ -42,9 +43,10 @@ export const ChaynsHistoryLayerProvider = t0 => {
   useIsomorphicLayoutEffect(t1, t2);
   let t3;
   if ($[3] !== children || $[4] !== layer) {
-    t3 = React.createElement(ChaynsHistoryLayerContext.Provider, {
-      value: layer
-    }, children);
+    t3 = _jsx(ChaynsHistoryLayerContext.Provider, {
+      value: layer,
+      children: children
+    });
     $[3] = children;
     $[4] = layer;
     $[5] = t3;
@@ -61,9 +63,10 @@ export const ChaynsHistoryLayerOverrideProvider = t0 => {
   } = t0;
   let t1;
   if ($[0] !== children || $[1] !== layer) {
-    t1 = React.createElement(ChaynsHistoryLayerContext.Provider, {
-      value: layer
-    }, children);
+    t1 = _jsx(ChaynsHistoryLayerContext.Provider, {
+      value: layer,
+      children: children
+    });
     $[0] = children;
     $[1] = layer;
     $[2] = t1;

package/dist/esm/host/ChaynsHost.js

@@ -4,6 +4,7 @@ import HostIframe from './iframe/HostIframe';
 import ModuleHost from './module/ModuleHost';
 import { ChaynsHistoryLayerProvider } from '../contexts/HistoryLayerContext';
 import { getOrInitRootChaynsHistoryLayer } from '../utils/history/rootLayer';
+import { jsx as _jsx } from "react/jsx-runtime";
 const subscribeToHydration = () => () => {};
 const ChaynsHost = t0 => {
   const $ = _c(53);
@@ -72,7 +73,7 @@ const ChaynsHost = t0 => {
         const t5 = type === "server-iframe";
         let t6;
         if ($[5] !== currentPage || $[6] !== customData || $[7] !== customFunctions || $[8] !== device || $[9] !== dialog || $[10] !== environment || $[11] !== functions || $[12] !== iFrameProps || $[13] !== iFrameRef || $[14] !== isAdminModeActive || $[15] !== isHistoryEnabled || $[16] !== language || $[17] !== layer || $[18] !== pages || $[19] !== parameters || $[20] !== preventStagingReplacement || $[21] !== site || $[22] !== src || $[23] !== styleSettings || $[24] !== t5 || $[25] !== user) {
-          t6 = React.createElement(HostIframe, {
+          t6 = _jsx(HostIframe, {
             iFrameRef: iFrameRef,
             iFrameProps: iFrameProps,
             pages: pages,
@@ -122,9 +123,10 @@ const ChaynsHost = t0 => {
         }
         let t7;
         if ($[27] !== resolvedLayer || $[28] !== t6) {
-          t7 = React.createElement(ChaynsHistoryLayerProvider, {
-            layer: resolvedLayer
-          }, t6);
+          t7 = _jsx(ChaynsHistoryLayerProvider, {
+            layer: resolvedLayer,
+            children: t6
+          });
           $[27] = resolvedLayer;
           $[28] = t6;
           $[29] = t7;
@@ -138,7 +140,7 @@ const ChaynsHost = t0 => {
       {
         let t5;
         if ($[30] !== currentPage || $[31] !== customData || $[32] !== customFunctions || $[33] !== device || $[34] !== dialog || $[35] !== environment || $[36] !== functions || $[37] !== isAdminModeActive || $[38] !== isHistoryEnabled || $[39] !== language || $[40] !== layer || $[41] !== loadingComponent || $[42] !== pages || $[43] !== parameters || $[44] !== preventStagingReplacement || $[45] !== site || $[46] !== styleSettings || $[47] !== system || $[48] !== user) {
-          t5 = React.createElement(ModuleHost, {
+          t5 = _jsx(ModuleHost, {
             system: system,
             pages: pages,
             isAdminModeActive: isAdminModeActive,
@@ -184,9 +186,10 @@ const ChaynsHost = t0 => {
         }
         let t6;
         if ($[50] !== resolvedLayer || $[51] !== t5) {
-          t6 = React.createElement(ChaynsHistoryLayerProvider, {
-            layer: resolvedLayer
-          }, t5);
+          t6 = _jsx(ChaynsHistoryLayerProvider, {
+            layer: resolvedLayer,
+            children: t5
+          });
           $[50] = resolvedLayer;
           $[51] = t5;
           $[52] = t6;

package/dist/esm/host/iframe/HostIframe.js

@@ -1,10 +1,10 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useEffect, useRef } from 'react';
 import * as comlink from 'comlink';
 import postIframeForm from '../../utils/postIframeForm';
 import useUpdateData from './utils/useUpdateData';
 import { replaceStagingUrl } from "../../utils/url";
 import { initTransferNestedFunctions } from '../../utils/transferNestedFunctions';
+import { jsx as _jsx } from "react/jsx-runtime";
 const HostIframe = ({
   iFrameProps,
   src,
@@ -197,16 +197,16 @@ const HostIframe = ({
   useUpdateData(eventTarget.current, 'customData', customData);
   useUpdateData(eventTarget.current, 'dialog', dialog);
   useUpdateData(eventTarget.current, 'styleSettings', styleSettings);
-  return React.createElement("iframe", _extends({
+  return _jsx("iframe", {
     ref: r => {
       ref.current = r;
       if (iFrameRef) {
         iFrameRef.current = r;
       }
     },
-    title: " "
-  }, iFrameProps, {
+    title: " ",
+    ...iFrameProps,
     src: postForm ? undefined : replaceStagingUrl(preventStagingReplacement, src, environment.buildEnvironment)
-  }));
+  });
 };
 export default HostIframe;

package/dist/esm/host/module/ModuleHost.js

@@ -3,6 +3,7 @@ import React, { useContext, useMemo } from 'react';
 import { ModuleContext } from '../../contexts/moduleContext';
 import loadComponent from './utils/loadComponent';
 import { replaceStagingUrl } from "../../utils/url";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const System = ({
   system,
   fallback,
@@ -19,9 +20,12 @@ const System = ({
     info.modules.add(system.module);
     moduleContext[system.scope] = info;
   }
-  return React.createElement(React.Suspense, {
-    fallback: fallback || ''
-  }, React.createElement(Component, props));
+  return _jsx(React.Suspense, {
+    fallback: fallback || '',
+    children: _jsx(Component, {
+      ...props
+    })
+  });
 };
 const ModuleHost = t0 => {
   const $ = _c(36);
@@ -88,7 +92,7 @@ const ModuleHost = t0 => {
   const data = result;
   let t2;
   if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = React.createElement("div", {
+    t2 = _jsx("div", {
       className: "module-css"
     });
     $[14] = t2;
@@ -136,15 +140,17 @@ const ModuleHost = t0 => {
   }
   let t7;
   if ($[29] !== children || $[30] !== customFunctions || $[31] !== data || $[32] !== functions || $[33] !== historyLayer || $[34] !== t6) {
-    t7 = React.createElement(React.Fragment, null, t2, React.createElement(System, {
-      system: t6,
-      data: data,
-      functions: functions,
-      customFunctions: customFunctions,
-      fallback: children,
-      historyLayer: historyLayer,
-      isModule: true
-    }));
+    t7 = _jsxs(_Fragment, {
+      children: [t2, _jsx(System, {
+        system: t6,
+        data: data,
+        functions: functions,
+        customFunctions: customFunctions,
+        fallback: children,
+        historyLayer: historyLayer,
+        isModule: true
+      })]
+    });
     $[29] = children;
     $[30] = customFunctions;
     $[31] = data;

package/dist/esm/utils/initModuleFederationSharing.js

@@ -1,11 +1,9 @@
 import React from 'react';
+import JSXRuntime from 'react/jsx-runtime';
 import ReactDOM from 'react-dom';
+import ReactDOMClient from 'react-dom/client';
 import ReactDOMServer from 'react-dom/server';
 import { SequentialLoadPlugin } from '../plugins/SequentialLoadPlugin';
-let ReactDOMClient;
-try {
-  ReactDOMClient = require('react-dom/client');
-} catch (e) {}
 export const initModuleFederationSharing = ({
   scope,
   name,
@@ -29,19 +27,22 @@ export const initModuleFederationSharing = ({
       scope: 'chayns-api',
       lib: () => ReactDOM
     },
+    'react-dom/client': {
+      version: React.version,
+      scope: 'chayns-api',
+      lib: () => ReactDOMClient
+    },
     'react-dom/server': {
       version: React.version,
       scope: 'chayns-api',
       lib: () => ReactDOMServer
-    }
-  };
-  if (ReactDOMClient) {
-    shared['react-dom/client'] = {
+    },
+    'react/jsx-runtime': {
       version: React.version,
       scope: 'chayns-api',
-      lib: () => ReactDOMClient
-    };
-  }
+      lib: () => JSXRuntime
+    }
+  };
   const instance = createInstance({
     name: (_ref = scope !== null && scope !== void 0 ? scope : name) !== null && _ref !== void 0 ? _ref : '',
     remotes: [],

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "3.3.2",
+    "version": "3.4.0",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",