chayns-api 2.2.6 → 2.2.7

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/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/package.json

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