@tsed/react-formio 2.3.0 → 2.3.1

package/dist/index.js

@@ -1309,24 +1309,24 @@ function Form(props) {
 Form.propTypes = {
   name: PropTypes__default["default"].string,
   className: PropTypes__default["default"].string,
-  /**
-   *
+  /**
+   *
    */
   src: PropTypes__default["default"].string,
-  /**
-   * url to fetch form
+  /**
+   * url to fetch form
    */
   url: PropTypes__default["default"].string,
-  /**
-   * Raw form object
+  /**
+   * Raw form object
    */
   form: PropTypes__default["default"].object,
-  /**
-   * Data submission
+  /**
+   * Data submission
    */
   submission: PropTypes__default["default"].object,
-  /**
-   * Configuration option
+  /**
+   * Configuration option
    */
   options: PropTypes__default["default"].shape({
     readOnly: PropTypes__default["default"].bool,
@@ -7357,12 +7357,12 @@ function RemoveModal(_ref2) {
 
 var ReactComponent = /*#__PURE__*/function (_Components$component) {
   _inheritsLoose(ReactComponent, _Components$component);
-  /**
-   * This is the first phase of component building where the component is instantiated.
-   *
-   * @param component - The component definition created from the settings form.
-   * @param options - Any options passed into the renderer.
-   * @param data - The submission data where this component's data exists.
+  /**
+   * This is the first phase of component building where the component is instantiated.
+   *
+   * @param component - The component definition created from the settings form.
+   * @param options - Any options passed into the renderer.
+   * @param data - The submission data where this component's data exists.
    */
   // eslint-disable-next-line no-useless-constructor,import/no-anonymous-default-export
   function ReactComponent(component, options, data) {
@@ -7371,11 +7371,11 @@ var ReactComponent = /*#__PURE__*/function (_Components$component) {
     _this.reactInstance = void 0;
     _this.shouldSetValue = void 0;
     _this.dataForSetting = void 0;
-    /**
-     * The user has changed the value in the component and the value needs to be updated on the main submission object and other components notified of a change event.
-     *
-     * @param value
-     * @param flags
+    /**
+     * The user has changed the value in the component and the value needs to be updated on the main submission object and other components notified of a change event.
+     *
+     * @param value
+     * @param flags
      */
     _this.updateValue = function (value, flags) {
       flags = flags || {};
@@ -7388,37 +7388,37 @@ var ReactComponent = /*#__PURE__*/function (_Components$component) {
     return _this;
   }
   var _proto = ReactComponent.prototype;
-  /**
-   * This method is called any time the component needs to be rebuilt. It is most frequently used to listen to other
-   * components using the this.on() function.
+  /**
+   * This method is called any time the component needs to be rebuilt. It is most frequently used to listen to other
+   * components using the this.on() function.
    */
   _proto.init = function init() {
     return _Components$component.prototype.init.call(this);
   }
-  /**
-   * This method is called before the component is going to be destroyed, which is when the component instance is
-   * destroyed. This is different from detach which is when the component instance still exists but the dom instance is
-   * removed.
+  /**
+   * This method is called before the component is going to be destroyed, which is when the component instance is
+   * destroyed. This is different from detach which is when the component instance still exists but the dom instance is
+   * removed.
    */;
   _proto.destroy = function destroy() {
     return _Components$component.prototype.destroy.call(this);
   }
-  /**
-   * The second phase of component building where the component is rendered as an HTML string.
-   *
-   * @returns {string} - The return is the full string of the component
+  /**
+   * The second phase of component building where the component is rendered as an HTML string.
+   *
+   * @returns {string} - The return is the full string of the component
    */;
   _proto.render = function render() {
     // For react components, we simply render as a div which will become the react instance.
     // By calling super.render(string) it will wrap the component with the needed wrappers to make it a full component.
     return _Components$component.prototype.render.call(this, "<div ref=\"react-" + this.id + "\"></div>");
   }
-  /**
-   * The third phase of component building where the component has been attached to the DOM as 'element' and is ready
-   * to have its javascript events attached.
-   *
-   * @param element
-   * @returns {Promise<void>} - Return a promise that resolves when the attach is complete.
+  /**
+   * The third phase of component building where the component has been attached to the DOM as 'element' and is ready
+   * to have its javascript events attached.
+   *
+   * @param element
+   * @returns {Promise<void>} - Return a promise that resolves when the attach is complete.
    */;
   _proto.attach = function attach(element) {
     try {
@@ -7442,9 +7442,9 @@ var ReactComponent = /*#__PURE__*/function (_Components$component) {
       return Promise.reject(e);
     }
   }
-  /**
-   * The fourth phase of component building where the component is being removed from the page. This could be a redraw
-   * or it is being removed from the form.
+  /**
+   * The fourth phase of component building where the component is being removed from the page. This could be a redraw
+   * or it is being removed from the form.
    */
   ;
   _proto.detach = function detach() {
@@ -7455,16 +7455,16 @@ var ReactComponent = /*#__PURE__*/function (_Components$component) {
     }
     _Components$component.prototype.detach.call(this);
   }
-  /**
-   * Override this function to render a react component.
+  /**
+   * Override this function to render a react component.
    */;
   _proto.renderReact = function renderReact() {
     return null;
   }
-  /**
-   * Override this function to insert your custom component.
-   *
-   * @param element
+  /**
+   * Override this function to insert your custom component.
+   *
+   * @param element
    */
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   ;
@@ -7472,8 +7472,8 @@ var ReactComponent = /*#__PURE__*/function (_Components$component) {
     // eslint-disable-next-line react/no-render-return-value
     return ReactDOM__default["default"].render(this.renderReact(), element);
   }
-  /**
-   * Override this function.
+  /**
+   * Override this function.
    */
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   ;
@@ -7482,11 +7482,11 @@ var ReactComponent = /*#__PURE__*/function (_Components$component) {
       ReactDOM__default["default"].unmountComponentAtNode(element);
     }
   }
-  /**
-   * Something external has set a value and our component needs to be updated to reflect that. For example, loading a submission.
-   *
-   * @param value
-   * @param flags
+  /**
+   * Something external has set a value and our component needs to be updated to reflect that. For example, loading a submission.
+   *
+   * @param value
+   * @param flags
    */;
   _proto.setValue = function setValue(value, flags) {
     if (this.reactInstance) {
@@ -7500,10 +7500,10 @@ var ReactComponent = /*#__PURE__*/function (_Components$component) {
     }
     return false;
   };
-  /**
-   * Get the current value of the component. Should return the value set in the react component.
-   *
-   * @returns {*}
+  /**
+   * Get the current value of the component. Should return the value set in the react component.
+   *
+   * @returns {*}
    */
   _proto.getValue = function getValue() {
     if (this.reactInstance) {
@@ -7511,13 +7511,13 @@ var ReactComponent = /*#__PURE__*/function (_Components$component) {
     }
     return this.defaultValue;
   }
-  /**
-   * Override normal validation check to insert custom validation in react component.
-   *
-   * @param data
-   * @param dirty
-   * @param rowData
-   * @returns {boolean}
+  /**
+   * Override normal validation check to insert custom validation in react component.
+   *
+   * @param data
+   * @param dirty
+   * @param rowData
+   * @returns {boolean}
    */;
   _proto.checkValidity = function checkValidity(data, dirty, rowData) {
     var valid = _Components$component.prototype.checkValidity.call(this, data, dirty, rowData);

package/dist/index.modern.js

@@ -1167,24 +1167,24 @@ function Form(props) {
 Form.propTypes = {
   name: PropTypes.string,
   className: PropTypes.string,
-  /**
-   *
+  /**
+   *
    */
   src: PropTypes.string,
-  /**
-   * url to fetch form
+  /**
+   * url to fetch form
    */
   url: PropTypes.string,
-  /**
-   * Raw form object
+  /**
+   * Raw form object
    */
   form: PropTypes.object,
-  /**
-   * Data submission
+  /**
+   * Data submission
    */
   submission: PropTypes.object,
-  /**
-   * Configuration option
+  /**
+   * Configuration option
    */
   options: PropTypes.shape({
     readOnly: PropTypes.bool,
@@ -7114,23 +7114,23 @@ function RemoveModal(_ref) {
 }
 
 class ReactComponent extends Components.components.field {
-  /**
-   * This is the first phase of component building where the component is instantiated.
-   *
-   * @param component - The component definition created from the settings form.
-   * @param options - Any options passed into the renderer.
-   * @param data - The submission data where this component's data exists.
+  /**
+   * This is the first phase of component building where the component is instantiated.
+   *
+   * @param component - The component definition created from the settings form.
+   * @param options - Any options passed into the renderer.
+   * @param data - The submission data where this component's data exists.
    */ // eslint-disable-next-line no-useless-constructor,import/no-anonymous-default-export
   constructor(component, options, data) {
     super(component, options, data);
     this.reactInstance = void 0;
     this.shouldSetValue = void 0;
     this.dataForSetting = void 0;
-    /**
-     * The user has changed the value in the component and the value needs to be updated on the main submission object and other components notified of a change event.
-     *
-     * @param value
-     * @param flags
+    /**
+     * The user has changed the value in the component and the value needs to be updated on the main submission object and other components notified of a change event.
+     *
+     * @param value
+     * @param flags
      */
     this.updateValue = (value, flags) => {
       flags = flags || {};
@@ -7144,37 +7144,37 @@ class ReactComponent extends Components.components.field {
   get $reactNode() {
     return this.refs[`react-${this.id}`];
   }
-  /**
-   * This method is called any time the component needs to be rebuilt. It is most frequently used to listen to other
-   * components using the this.on() function.
+  /**
+   * This method is called any time the component needs to be rebuilt. It is most frequently used to listen to other
+   * components using the this.on() function.
    */
   init() {
     return super.init();
   }
-  /**
-   * This method is called before the component is going to be destroyed, which is when the component instance is
-   * destroyed. This is different from detach which is when the component instance still exists but the dom instance is
-   * removed.
+  /**
+   * This method is called before the component is going to be destroyed, which is when the component instance is
+   * destroyed. This is different from detach which is when the component instance still exists but the dom instance is
+   * removed.
    */
   destroy() {
     return super.destroy();
   }
-  /**
-   * The second phase of component building where the component is rendered as an HTML string.
-   *
-   * @returns {string} - The return is the full string of the component
+  /**
+   * The second phase of component building where the component is rendered as an HTML string.
+   *
+   * @returns {string} - The return is the full string of the component
    */
   render() {
     // For react components, we simply render as a div which will become the react instance.
     // By calling super.render(string) it will wrap the component with the needed wrappers to make it a full component.
     return super.render(`<div ref="react-${this.id}"></div>`);
   }
-  /**
-   * The third phase of component building where the component has been attached to the DOM as 'element' and is ready
-   * to have its javascript events attached.
-   *
-   * @param element
-   * @returns {Promise<void>} - Return a promise that resolves when the attach is complete.
+  /**
+   * The third phase of component building where the component has been attached to the DOM as 'element' and is ready
+   * to have its javascript events attached.
+   *
+   * @param element
+   * @returns {Promise<void>} - Return a promise that resolves when the attach is complete.
    */
   async attach(element) {
     super.attach(element);
@@ -7193,9 +7193,9 @@ class ReactComponent extends Components.components.field {
       }
     }
   }
-  /**
-   * The fourth phase of component building where the component is being removed from the page. This could be a redraw
-   * or it is being removed from the form.
+  /**
+   * The fourth phase of component building where the component is being removed from the page. This could be a redraw
+   * or it is being removed from the form.
    */
   detach() {
     // @ts-ignore
@@ -7205,24 +7205,24 @@ class ReactComponent extends Components.components.field {
     }
     super.detach();
   }
-  /**
-   * Override this function to render a react component.
+  /**
+   * Override this function to render a react component.
    */
   renderReact() {
     return null;
   }
-  /**
-   * Override this function to insert your custom component.
-   *
-   * @param element
+  /**
+   * Override this function to insert your custom component.
+   *
+   * @param element
    */
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   attachReact(element) {
     // eslint-disable-next-line react/no-render-return-value
     return ReactDOM.render(this.renderReact(), element);
   }
-  /**
-   * Override this function.
+  /**
+   * Override this function.
    */
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   detachReact(element) {
@@ -7230,11 +7230,11 @@ class ReactComponent extends Components.components.field {
       ReactDOM.unmountComponentAtNode(element);
     }
   }
-  /**
-   * Something external has set a value and our component needs to be updated to reflect that. For example, loading a submission.
-   *
-   * @param value
-   * @param flags
+  /**
+   * Something external has set a value and our component needs to be updated to reflect that. For example, loading a submission.
+   *
+   * @param value
+   * @param flags
    */
   setValue(value, flags) {
     if (this.reactInstance) {
@@ -7248,10 +7248,10 @@ class ReactComponent extends Components.components.field {
     }
     return false;
   }
-  /**
-   * Get the current value of the component. Should return the value set in the react component.
-   *
-   * @returns {*}
+  /**
+   * Get the current value of the component. Should return the value set in the react component.
+   *
+   * @returns {*}
    */
   getValue() {
     if (this.reactInstance) {
@@ -7259,13 +7259,13 @@ class ReactComponent extends Components.components.field {
     }
     return this.defaultValue;
   }
-  /**
-   * Override normal validation check to insert custom validation in react component.
-   *
-   * @param data
-   * @param dirty
-   * @param rowData
-   * @returns {boolean}
+  /**
+   * Override normal validation check to insert custom validation in react component.
+   *
+   * @param data
+   * @param dirty
+   * @param rowData
+   * @returns {boolean}
    */
   checkValidity(data, dirty, rowData) {
     const valid = super.checkValidity(data, dirty, rowData);

package/dist/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@tsed/react-formio",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "Provide a react formio wrapper. Written in TypeScript.",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
+  "exports": {
+    "import": "dist/index.modern.js",
+    "require": "dist/index.js"
+  },
   "source": "src/index.ts",
   "scripts": {
     "lint": "eslint \"**/*.{js,jsx,ts,tsx}\"",
@@ -31,8 +35,8 @@
     "tooltip.js": ">=1.3.3"
   },
   "devDependencies": {
-    "@tsed/tailwind": "2.3.0",
-    "@tsed/tailwind-formio": "2.3.0"
+    "@tsed/tailwind": "2.3.1",
+    "@tsed/tailwind-formio": "2.3.1"
   },
   "repository": "https://github.com/TypedProject/tsed-formio",
   "bugs": {