datasync-dynamic-form 1.1.10 → 1.1.12

package/dist/components/DsDynamicForm.js

@@ -25,7 +25,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 // reactstrap components
 
-const debugging = true;
+const debugging = false;
 const local = true;
 const production = !local;
 const globals = {
@@ -130,18 +130,18 @@ class DsDynamicForm extends _react.Component {
   getFieldError = pFieldObject => {
     /** Return data value form field object */
     try {
-      return pFieldObject.err ? pFieldObject.err : "";
+      if (globals.parameters.debugging) console.log(`getFieldError(${JSON.stringify(pFieldObject)}) -> ${this.state.fieldError}`);
+      let dbg = this.state.fieldError[pFieldObject.name] ? this.state.fieldError[pFieldObject.name] : "";
+      return `${dbg}`;
     } catch (e) {
-      return "";
+      console.error(`getFieldError raises -> ${e}`);
+      return ``;
     }
   };
   _error_label = field => {
     return /*#__PURE__*/_react.default.createElement("label", {
       className: "dynamic-form-error"
-    }, this.getfieldErrorLabel(field));
-  };
-  getfieldErrorLabel = pFieldObject => {
-    return this.getFieldError(pFieldObject);
+    }, this.getFieldError(field));
   };
   getFieldLabelTitle = pFieldObject => {
     return /*#__PURE__*/_react.default.createElement("h6", {
@@ -526,13 +526,10 @@ class DsDynamicForm extends _react.Component {
     }
   };
   checkValidation = pFieldObject => {
-    let fieldName = pFieldObject.name;
-
     /** Get field properties */
     let min = pFieldObject.min_length;
     let max = pFieldObject.max_length;
     let fieldValue = this.getFieldData(pFieldObject.name);
-    let errorsFieldName = `err_${fieldName}`; /** Error data displayed in dedicated error label, beside input field in Form */
     let nextErrors = [];
 
     /** Check basic field validity except combo and radio */
@@ -554,6 +551,11 @@ class DsDynamicForm extends _react.Component {
       if (!fieldValue.match(/^(\d{2}\/\d{2}\/\d{4})$/i)) nextErrors.push(`Format de date incorrect !`);
     }
     if (max > 0 && fieldValue.trim().length > max) nextErrors.push(`trop long, ${fieldValue.trim().length - max} caractères en trop.`);
+    if (globals.parameters.debugging) {
+      console.log(`pFieldObject.name->`, JSON.stringify(pFieldObject.name));
+      console.log(`nextErrors->`, JSON.stringify(nextErrors));
+      console.log(`-----------`);
+    }
 
     //update error field
     this.setFieldError(pFieldObject, nextErrors.join("/"));
@@ -625,8 +627,10 @@ class DsDynamicForm extends _react.Component {
   _colRendering = col => {
     try {
       return /*#__PURE__*/_react.default.createElement(_reactstrap.Col, null, col.Fields.map((field, ii) => {
-        field.err = "*";
-        return this._fieldRendering(field, ii);
+        //let us create a field copy before adding new err property to avoid object is not extensible error
+        let field_object_with_err = JSON.parse(JSON.stringify(field));
+        field_object_with_err.err = "";
+        return this._fieldRendering(field_object_with_err, ii);
       }));
     } catch (err) {
       return /*#__PURE__*/_react.default.createElement(_reactstrap.Col, null, "Error ", err.message);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "datasync-dynamic-form",
-  "version": "1.1.10",
+  "version": "1.1.12",
   "description": "Datasync Dynamic Form component",
   "main": "./dist/components/DsDynamicForm",
   "types": "./dist/components/DsDynamicForm",