datasync-dynamic-form 1.1.1 → 1.1.3

package/dist/components/DsDynamicForm.js

@@ -63,12 +63,10 @@ class DsDynamicForm extends _react.Component {
     // Typical usage (don't forget to compare props):
     if (this.props.form !== prevProps.form) {
       //Lookup field props has changed
-      if (globals.parameters.debugging) console.log("09/07:componentDidUpdate -> props.form:has changed", this.props.form);
       this.clearForm();
     }
     if (this.props.data_blob !== prevProps.data_blob) {
       //Lookup field props has changed
-      if (globals.parameters.debugging) console.log("09/07:componentDidUpdate -> props.data_blob.data_tier:has changed", this.props.data_blob.data_tier);
       this.clearForm();
     }
   }
@@ -77,9 +75,6 @@ class DsDynamicForm extends _react.Component {
    * Prototype : clearForm
    */
   clearForm = () => {
-    console.log("28:ClearForm");
-    console.log("28:this.local_data_blob.data_tier INITIAL ->", this.local_data_blob && this.local_data_blob.data_tier ? this.local_data_blob.data_tier : "this.local_data_blob.data_tier not defined");
-    console.log("28:this.props.data_blob.data_tier ->", this.props.data_blob && this.props.data_blob.data_tier ? this.props.data_blob.data_tier : "props data_blob not set");
     this.setState({
       fieldError: [],
       form: {},
@@ -88,7 +83,6 @@ class DsDynamicForm extends _react.Component {
     },
     //Clear forced
     () => {
-      if (globals.parameters.debugging) console.log("27:DynamicForm3Tiers2 state cleansed 2:", this.state);
       this.setState({
         form: this.props.form,
         fieldError: []
@@ -107,13 +101,10 @@ class DsDynamicForm extends _react.Component {
     //Ensure props.foreign_keys is a json object - PMAB on 2025-04-10
     if (this.props.foreign_keys && typeof this.props.foreign_keys !== "object") throw new Error("foreign_keys must be a json object !");
     this.local_data_blob.data_tier = Object.assign(this.props.foreign_keys ? this.props.foreign_keys : {}, duplicate_data_tier);
-    console.log("this.local_data_blob.data_tier ->", this.local_data_blob.data_tier);
-    console.log("this.props.data_blob.data_tier ->", this.props.data_blob && this.props.data_blob.data_tier ? this.props.data_blob.data_tier : "props data_blob not set");
   };
   getFieldData = fieldName => {
     /** Return data value form field object */
     let nextFieldData = this.local_data_blob.data_tier[fieldName] ? this.local_data_blob.data_tier[fieldName] : "";
-    if (globals.parameters.debugging) console.log("getFieldData[", fieldName, "] nextFieldData->", nextFieldData);
     return nextFieldData;
   };
   setFieldData = (fieldName, value) => {
@@ -121,11 +112,6 @@ class DsDynamicForm extends _react.Component {
 
     //onFormChange handler return current form value to caller - PMAB on 2025-02-03
     if (this.props.onFormChange) this.props.onFormChange(this.local_data_blob.data_tier);
-    if (globals.parameters.debugging) {
-      console.log("setFieldData[", fieldName, "] value->", value);
-      console.log("setFieldData[", fieldName, "] this.local_data_blob.data_tier ->", this.local_data_blob.data_tier);
-      console.log("setFieldData[", fieldName, "] this.data_blob ->", this.local_data_blob);
-    }
   };
   getSelectedFieldValues_V1 = pFieldObject => {
     return pFieldObject.selected_values ? pFieldObject.selected_values : "";
@@ -141,7 +127,7 @@ class DsDynamicForm extends _react.Component {
       //Scroll form to first erroneous field
       (0, _datasyncCommonLibrary.WScrollTo)(pFieldObject.name);
     } catch (e) {
-      console.log(`Error caught on ${e}`);
+      console.error(`Error caught on ${e}`);
     }
   };
   getFieldError = pFieldObject => {
@@ -332,6 +318,8 @@ class DsDynamicForm extends _react.Component {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "time-div"
     }, this.getFieldLabelTitle(field), /*#__PURE__*/_react.default.createElement("div", {
+      className: "time-hour-and-min-container-div"
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "time-hour-div"
     }, /*#__PURE__*/_react.default.createElement(_multiselectReactDropdown.default, {
       showArrow: true,
@@ -383,7 +371,7 @@ class DsDynamicForm extends _react.Component {
       },
       disable: this.props.read_only,
       singleSelect: true
-    })), this._error_label(field));
+    }))), this._error_label(field));
   };
   _time_field_DISABLED = field => {
     return /*#__PURE__*/_react.default.createElement("div", null, this.getFieldLabelTitle(field), /*#__PURE__*/_react.default.createElement(TimePickerPackage, {
@@ -393,7 +381,6 @@ class DsDynamicForm extends _react.Component {
       minutes_placeholder: "minutes",
       required: false,
       onChange: timeValuePack => {
-        console.log("valuepack in EventForm ==>", timeValuePack);
         this.setState({
           hour: timeValuePack.hour,
           minutes: timeValuePack.minutes
@@ -434,14 +421,12 @@ class DsDynamicForm extends _react.Component {
         while (iCol < this.state.form.Rows[iRow].Cols.length && canSubmit) {
           let ii = 0;
           while (ii < this.state.form.Rows[iRow].Cols[iCol].Fields.length && (canSubmit &= this.checkValidation(this.state.form.Rows[iRow].Cols[iCol].Fields[ii]))) {
-            if (globals.parameters.debugging) console.log(`Fields[${ii}]|${this.state.form.Rows[iRow].Cols[iCol].Fields[ii].name}| canSubmit=${canSubmit}`);
             ii++;
           }
           iCol++;
         }
         iRow++;
       }
-      if (globals.parameters.debugging) console.log("canSubmit:", canSubmit);
       if (!canSubmit) {
         let err_message = "Le formulaire comporte des erreurs !";
         if (this.props.onFormFailed) this.props.onFormFailed(err_message);else alert(`${err_message}`);
@@ -493,10 +478,8 @@ class DsDynamicForm extends _react.Component {
     let min = pFieldObject.min_length;
     let max = pFieldObject.max_length;
     let fieldValue = this.getFieldData(pFieldObject.name);
-    console.log("d3t3:checkValidation fieldValue->", fieldValue);
     let errorsFieldName = `err_${fieldName}`; /** Error data displayed in dedicated error label, beside input field in Form */
     let nextErrors = [];
-    if (globals.parameters.debugging) console.log(`d3t:min:${min} - max:${max}`);
 
     /** Check basic field validity except combo and radio */
     if (pFieldObject.required && fieldValue.trim().length <= 0) nextErrors.push(`obligatoire`);
@@ -517,37 +500,15 @@ 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.`);
-    /* Special validation handlers
-    if (parseInt(this.state[fieldName]) !== (this.state.v1 + this.state.v2))
-        nextErrors.push(`calcul faux !`)*/
-
-    if (globals.parameters.debugging) {
-      console.log(`d3t:-----------------`);
-      console.log(`d3t:fieldName => ${fieldName}`);
-      console.log(`d3t:value => ${fieldValue}`);
-      console.log(`errorsFieldName => ${errorsFieldName}`);
-      console.log(`nextErrors => ${nextErrors}`);
-      console.log(`nextErrors.length => ${nextErrors.length}`);
-    }
 
     //update error field
-    if (globals.parameters.debugging) {
-      console.log("nextFieldsErrorsArray=>", nextErrors);
-    }
     this.setFieldError(pFieldObject, nextErrors.join("/"));
-    if (globals.parameters.debugging) {
-      console.log(`new fieldError : ${this.getFieldError(pFieldObject)}`);
-    }
-
-    //set change flag
-    //nextState.has_changed = true
 
     //Return validation predicate
     return nextErrors.length === 0; //returns true if no error occurs
   };
   dynamicInputTextChangeHandler = eventObject => {
     if (eventObject && eventObject.event) eventObject.event.preventDefault();
-    if (globals.parameters.debugging) console.log(`d3t:dynamicInputTextChangeHandler eventObject -> `, eventObject);
     this.setFieldData(eventObject.fieldObject.name, eventObject.event.target.value);
 
     //Validate field
@@ -555,13 +516,9 @@ class DsDynamicForm extends _react.Component {
   };
   dynamicInputNumericChangeHandler = eventObject => {
     if (eventObject && eventObject.event) eventObject.event.preventDefault();
-    if (globals.parameters.debugging) console.log(`d3t:dynamicInputNumericChangeHandler ${eventObject.fieldObject.name} Input field has changed`);
     if (eventObject.event.target.value.length == 0 || !isNaN(eventObject.event.target.value) && !isNaN(parseFloat(eventObject.event.target.value))) this.setFieldData(eventObject.fieldObject.name, eventObject.event.target.value);else {
-      if (globals.parameters.debugging) console.log(`d3t:Value rejected -> ${eventObject.event.target.value}`);
+      if (globals.parameters.debugging) console.error(`Value rejected -> ${eventObject.event.target.value}`);
     }
-
-    //Validate field
-    if (globals.parameters.debugging) console.log(`#${eventObject.fieldObject.name} => ${this.getFieldData(eventObject.fieldObject.name)}`);
     this.checkValidation(eventObject.fieldObject);
   };
   convertDate = p_o_day_month_year => {
@@ -585,11 +542,6 @@ class DsDynamicForm extends _react.Component {
       month: 1 + p_oDate.getMonth(),
       year: p_oDate.getFullYear()
     });
-    if (globals.parameters.debugging) {
-      console.log("p_oDate =>", p_oDate);
-      console.log("dateConvertedObject =>", dateConvertedObject);
-      console.log("dateConvertedObject.asString =>", dateConvertedObject.asString);
-    }
     this.setFieldData(eventObject.fieldObject.name, dateConvertedObject.asString);
     this.setFieldData(eventObject.fieldObject.name_day, dateConvertedObject.asDate.day);
     this.setFieldData(eventObject.fieldObject.name_month, dateConvertedObject.asDate.month);
@@ -603,12 +555,6 @@ class DsDynamicForm extends _react.Component {
     this.setFieldData(eventObject.sub_field_name, eventObject.value);
     //update fulll time field
     this.setFieldData(eventObject.fieldObject.name, this.getFieldData(eventObject.fieldObject.name_hour) + ":" + this.getFieldData(eventObject.fieldObject.name_min));
-    if (true) {
-      console.clear();
-      console.log(eventObject.fieldObject.name_hour, " ->", this.getFieldData(eventObject.fieldObject.name_hour));
-      console.log(eventObject.fieldObject.name_min, "->", this.getFieldData(eventObject.fieldObject.name_min));
-      console.log(eventObject.fieldObject.name, " ->", this.getFieldData(eventObject.fieldObject.name));
-    }
 
     //Validate field
     this.checkValidation(eventObject.fieldObject);
@@ -631,11 +577,6 @@ class DsDynamicForm extends _react.Component {
       return /*#__PURE__*/_react.default.createElement(_reactstrap.Col, null, "Error ", err.message);
     }
   };
-  migrate_field = (pFieldObject, migrated_value) => {
-    //Set data_tier property with former form value
-    this.local_data_blob.data_tier[pFieldObject.name] = migrated_value;
-    if (globals.parameters.debugging) console.log("09/07:migrate_field -> pFieldObject.name=", pFieldObject.name);
-  };
   _fieldRendering = (field, ii) => {
     try {
       //Do not display field if empty in read only mode
@@ -726,7 +667,7 @@ class DsDynamicForm extends _react.Component {
         case "captcha":
           return this._captcha_field(field);
         default:
-          console.log("alert incorrect field type");
+          console.error("alert incorrect field type");
       }
     } catch (error) {
       console.error(`_fieldRendering raises "${error}"`);

package/package.json

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

package/dist/index.css

@@ -1,23 +0,0 @@
-.tweet-btn-container{
-    margin-top: 30px;
-}
-
-.tweet-button{
-    display: inline-block;
-    text-decoration: none;
-    font-size: 0.97rem;
-    font-weight: bold;
-    color: #333;
-    background-color: #eee;
-    padding: 17px 35px;
-    border-radius: 7px;
-    border-block: 1px solid #ccc;
-    border-inline: 1px solid #333;
-}
-
-.tweet-button:hover{
-    text-decoration: none;
-    color: #fff;
-    background-color: #1a8cd8;
-    border-block-color: #1a8cd8;
-}