chayns-api 2.2.5 → 2.2.7

package/dist/cjs/components/ChaynsProvider.js

@@ -83,11 +83,9 @@ const ChaynsProvider = ({
     })();
   }, []);
   (0, _react.useEffect)(() => {
-    if (isModule) {
-      if (data) {
-        customWrapper.current.values = data;
-        customWrapper.current.emitChange();
-      }
+    if (isModule && data) {
+      customWrapper.current.values = data;
+      customWrapper.current.emitChange();
     }
   }, [data, isModule]);
   (0, _react.useEffect)(() => {

package/dist/cjs/components/withCompatMode.js

@@ -7,14 +7,11 @@ exports.withCompatMode = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _ErrorBoundary = _interopRequireDefault(require("./ErrorBoundary"));
+var _client = require("react-dom/client");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
-let ReactDOMClient;
-try {
-  ReactDOMClient = require('react-dom/client');
-} catch (e) {}
 const withCompatMode = Component => {
   class CompatComponent extends _react.PureComponent {
     constructor(props) {
@@ -22,16 +19,16 @@ const withCompatMode = Component => {
       this.ref = _react.default.createRef();
     }
     componentDidMount() {
-      var _ReactDOMClient;
       const {
         innerRef
       } = this.props;
       const component = _react.default.createElement(_ErrorBoundary.default, null, _react.default.createElement(Component, _extends({}, this.props, {
         ref: innerRef
       })));
-      if (typeof ((_ReactDOMClient = ReactDOMClient) === null || _ReactDOMClient === void 0 ? void 0 : _ReactDOMClient.createRoot) === 'function') {
-        this.root = ReactDOMClient.createRoot(this.ref.current, {
-          identifierPrefix: crypto.randomUUID()
+      if (typeof _client.createRoot === 'function') {
+        const identifierPrefix = Math.floor(Math.random() * 2 ** 64).toString(16);
+        this.root = (0, _client.createRoot)(this.ref.current, {
+          identifierPrefix
         });
         this.root.render(component);
       } else {

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

@@ -39,24 +39,27 @@ const ModuleHost = ({
   preventStagingReplacement,
   styleSettings
 }) => {
-  const initialData = {
-    site,
-    isAdminModeActive,
-    pages,
-    currentPage,
-    device,
-    language,
-    parameters,
-    customData,
-    environment,
-    styleSettings
-  };
-  if (user) {
-    initialData.user = user;
-  }
-  if (dialog) {
-    initialData.dialog = dialog;
-  }
+  const data = (0, _react.useMemo)(() => {
+    const result = {
+      site,
+      isAdminModeActive,
+      pages,
+      currentPage,
+      device,
+      language,
+      parameters,
+      customData,
+      environment,
+      styleSettings
+    };
+    if (user) {
+      result.user = user;
+    }
+    if (dialog) {
+      result.dialog = dialog;
+    }
+    return result;
+  }, [site, isAdminModeActive, pages, currentPage, device, language, parameters, customData, environment, styleSettings, user, dialog]);
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
     className: "module-css"
   }), _react.default.createElement(System, {
@@ -67,7 +70,7 @@ const ModuleHost = ({
       module: system.module,
       preventSingleton: system.preventSingleton
     },
-    data: initialData,
+    data: data,
     functions: functions,
     customFunctions: customFunctions,
     fallback: children,

package/dist/esm/components/ChaynsProvider.js

@@ -77,11 +77,9 @@ const ChaynsProvider = _ref2 => {
     })();
   }, []);
   useEffect(() => {
-    if (isModule) {
-      if (data) {
-        customWrapper.current.values = data;
-        customWrapper.current.emitChange();
-      }
+    if (isModule && data) {
+      customWrapper.current.values = data;
+      customWrapper.current.emitChange();
     }
   }, [data, isModule]);
   useEffect(() => {

package/dist/esm/components/withCompatMode.js

@@ -2,10 +2,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import React, { PureComponent } from 'react';
 import ReactDOM from 'react-dom';
 import ErrorBoundary from './ErrorBoundary';
-let ReactDOMClient;
-try {
-  ReactDOMClient = require('react-dom/client');
-} catch (e) {}
+import { createRoot } from 'react-dom/client';
 export const withCompatMode = Component => {
   class CompatComponent extends PureComponent {
     constructor(props) {
@@ -13,16 +10,16 @@ export const withCompatMode = Component => {
       this.ref = React.createRef();
     }
     componentDidMount() {
-      var _ReactDOMClient;
       const {
         innerRef
       } = this.props;
       const component = React.createElement(ErrorBoundary, null, React.createElement(Component, _extends({}, this.props, {
         ref: innerRef
       })));
-      if (typeof ((_ReactDOMClient = ReactDOMClient) === null || _ReactDOMClient === void 0 ? void 0 : _ReactDOMClient.createRoot) === 'function') {
-        this.root = ReactDOMClient.createRoot(this.ref.current, {
-          identifierPrefix: crypto.randomUUID()
+      if (typeof createRoot === 'function') {
+        const identifierPrefix = Math.floor(Math.random() * 2 ** 64).toString(16);
+        this.root = createRoot(this.ref.current, {
+          identifierPrefix
         });
         this.root.render(component);
       } else {

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

@@ -32,24 +32,27 @@ const ModuleHost = _ref2 => {
     preventStagingReplacement,
     styleSettings
   } = _ref2;
-  const initialData = {
-    site,
-    isAdminModeActive,
-    pages,
-    currentPage,
-    device,
-    language,
-    parameters,
-    customData,
-    environment,
-    styleSettings
-  };
-  if (user) {
-    initialData.user = user;
-  }
-  if (dialog) {
-    initialData.dialog = dialog;
-  }
+  const data = useMemo(() => {
+    const result = {
+      site,
+      isAdminModeActive,
+      pages,
+      currentPage,
+      device,
+      language,
+      parameters,
+      customData,
+      environment,
+      styleSettings
+    };
+    if (user) {
+      result.user = user;
+    }
+    if (dialog) {
+      result.dialog = dialog;
+    }
+    return result;
+  }, [site, isAdminModeActive, pages, currentPage, device, language, parameters, customData, environment, styleSettings, user, dialog]);
   return React.createElement(React.Fragment, null, React.createElement("div", {
     className: "module-css"
   }), React.createElement(System, {
@@ -60,7 +63,7 @@ const ModuleHost = _ref2 => {
       module: system.module,
       preventSingleton: system.preventSingleton
     },
-    data: initialData,
+    data: data,
     functions: functions,
     customFunctions: customFunctions,
     fallback: children,

package/package.json

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