Bump version to 2.13.3 and update dist files

bhch · Jan 7, 2024 · ae76864 · ae76864
1 parent 119dab6
commit ae76864
Show file tree

Hide file tree

Showing 5 changed files with 92 additions and 32 deletions.
diff --git a/dist/react-json-form.cjs b/dist/react-json-form.cjs
@@ -4376,24 +4376,44 @@ function FormInstance(config) {
   this.onChange = this.onChange.bind(this);
 
   this.render = function () {
+    if (ReactDOM__default["default"].hasOwnProperty('createRoot')) this._renderReact18();else this._renderReact17();
+  };
+
+  this._renderReact17 = function () {
     try {
-      ReactDOM__default["default"].render( /*#__PURE__*/React__default["default"].createElement(FormContainer, {
-        schema: this.schema,
-        dataInputId: this.dataInputId,
-        data: this.data,
-        errorMap: this.errorMap,
-        fileHandler: this.fileHandler,
-        fileHandlerArgs: this.fileHandlerArgs,
-        onChange: this.onChange,
-        readonly: this.readonly
-      }), document.getElementById(this.containerId));
+      ReactDOM__default["default"].render(this._getFormContainerComponent(), document.getElementById(this.containerId));
     } catch (error) {
       ReactDOM__default["default"].render( /*#__PURE__*/React__default["default"].createElement(ErrorReporter, {
         error: error
       }), document.getElementById(this.containerId));
     }
   };
 
+  this._renderReact18 = function () {
+    const root = ReactDOM__default["default"].createRoot(document.getElementById(this.containerId));
+
+    try {
+      root.render(this._getFormContainerComponent());
+    } catch (error) {
+      root.render( /*#__PURE__*/React__default["default"].createElement(ErrorReporter, {
+        error: error
+      }));
+    }
+  };
+
+  this._getFormContainerComponent = function () {
+    return /*#__PURE__*/React__default["default"].createElement(FormContainer, {
+      schema: this.schema,
+      dataInputId: this.dataInputId,
+      data: this.data,
+      errorMap: this.errorMap,
+      fileHandler: this.fileHandler,
+      fileHandlerArgs: this.fileHandlerArgs,
+      onChange: this.onChange,
+      readonly: this.readonly
+    });
+  };
+
   this.update = function (config) {
     this.schema = config.schema || this.schema;
     this.data = config.data || this.data;

diff --git a/dist/react-json-form.js b/dist/react-json-form.js
diff --git a/dist/react-json-form.modern.js b/dist/react-json-form.modern.js
@@ -4370,24 +4370,44 @@ function FormInstance(config) {
   this.onChange = this.onChange.bind(this);
 
   this.render = function () {
+    if (ReactDOM.hasOwnProperty('createRoot')) this._renderReact18();else this._renderReact17();
+  };
+
+  this._renderReact17 = function () {
     try {
-      ReactDOM.render( /*#__PURE__*/React$1.createElement(FormContainer, {
-        schema: this.schema,
-        dataInputId: this.dataInputId,
-        data: this.data,
-        errorMap: this.errorMap,
-        fileHandler: this.fileHandler,
-        fileHandlerArgs: this.fileHandlerArgs,
-        onChange: this.onChange,
-        readonly: this.readonly
-      }), document.getElementById(this.containerId));
+      ReactDOM.render(this._getFormContainerComponent(), document.getElementById(this.containerId));
     } catch (error) {
       ReactDOM.render( /*#__PURE__*/React$1.createElement(ErrorReporter, {
         error: error
       }), document.getElementById(this.containerId));
     }
   };
 
+  this._renderReact18 = function () {
+    const root = ReactDOM.createRoot(document.getElementById(this.containerId));
+
+    try {
+      root.render(this._getFormContainerComponent());
+    } catch (error) {
+      root.render( /*#__PURE__*/React$1.createElement(ErrorReporter, {
+        error: error
+      }));
+    }
+  };
+
+  this._getFormContainerComponent = function () {
+    return /*#__PURE__*/React$1.createElement(FormContainer, {
+      schema: this.schema,
+      dataInputId: this.dataInputId,
+      data: this.data,
+      errorMap: this.errorMap,
+      fileHandler: this.fileHandler,
+      fileHandlerArgs: this.fileHandlerArgs,
+      onChange: this.onChange,
+      readonly: this.readonly
+    });
+  };
+
   this.update = function (config) {
     this.schema = config.schema || this.schema;
     this.data = config.data || this.data;

diff --git a/dist/react-json-form.module.js b/dist/react-json-form.module.js
@@ -4370,24 +4370,44 @@ function FormInstance(config) {
   this.onChange = this.onChange.bind(this);
 
   this.render = function () {
+    if (ReactDOM.hasOwnProperty('createRoot')) this._renderReact18();else this._renderReact17();
+  };
+
+  this._renderReact17 = function () {
     try {
-      ReactDOM.render( /*#__PURE__*/React$1.createElement(FormContainer, {
-        schema: this.schema,
-        dataInputId: this.dataInputId,
-        data: this.data,
-        errorMap: this.errorMap,
-        fileHandler: this.fileHandler,
-        fileHandlerArgs: this.fileHandlerArgs,
-        onChange: this.onChange,
-        readonly: this.readonly
-      }), document.getElementById(this.containerId));
+      ReactDOM.render(this._getFormContainerComponent(), document.getElementById(this.containerId));
     } catch (error) {
       ReactDOM.render( /*#__PURE__*/React$1.createElement(ErrorReporter, {
         error: error
       }), document.getElementById(this.containerId));
     }
   };
 
+  this._renderReact18 = function () {
+    const root = ReactDOM.createRoot(document.getElementById(this.containerId));
+
+    try {
+      root.render(this._getFormContainerComponent());
+    } catch (error) {
+      root.render( /*#__PURE__*/React$1.createElement(ErrorReporter, {
+        error: error
+      }));
+    }
+  };
+
+  this._getFormContainerComponent = function () {
+    return /*#__PURE__*/React$1.createElement(FormContainer, {
+      schema: this.schema,
+      dataInputId: this.dataInputId,
+      data: this.data,
+      errorMap: this.errorMap,
+      fileHandler: this.fileHandler,
+      fileHandlerArgs: this.fileHandlerArgs,
+      onChange: this.onChange,
+      readonly: this.readonly
+    });
+  };
+
   this.update = function (config) {
     this.schema = config.schema || this.schema;
     this.data = config.data || this.data;

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bhch/react-json-form",
-  "version": "2.13.2",
+  "version": "2.13.3",
   "description": "Create forms using JSON Schema",
   "publishConfig": {
     "access": "public"