datasync-dynamic-form 1.1.18 → 1.1.19

package/dist/components/DsDynamicForm.js

@@ -1,818 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CGUID", {
-  enumerable: true,
-  get: function () {
-    return _datasyncCommonLibrary.CGUID;
-  }
-});
-exports.DsDynamicForm = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _multiselectReactDropdown = _interopRequireDefault(require("multiselect-react-dropdown"));
-var _datasyncCore = require("datasync-core");
-var _datasyncCommonLibrary = require("datasync-common-library");
-var _datasyncBlob = require("datasync-blob");
-var _reactstrap = require("reactstrap");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// react plugin that creates an input with badges
-{/** Blob must be defined as npm component
-                  <Blob
- import Blob from "components/Blob/Blob";*/}
-
-// reactstrap components
-
-const debugging = true;
-const local = true;
-const production = !local;
-const globals = {
-  parameters: {
-    debugging: debugging,
-    local: true,
-    production: false,
-    use_navigate: false,
-    save_failed_alert: false,
-    form_version: "1.0",
-    form_modified_version: 2
-  }
-};
-class DsDynamicForm extends _react.Component {
-  constructor(props) {
-    super(props);
-    if (globals.parameters.debugging) {
-      console.log("30:DynamicForm3Tiers2::this.props.data_blob", this.props.data_blob);
-      console.log("30DynamicForm3Tiers::this.props.form", this.props.form);
-    }
-    this.state = {
-      form: {}
-    };
-  }
-  componentDidMount = () => {
-    //Component initialization in edit mode
-    if (this.props.form) {
-      this.clearForm();
-    }
-  };
-  componentDidUpdate(prevProps) {
-    // Typical usage (don't forget to compare props):
-    if (this.props.form !== prevProps.form) {
-      //Lookup field props has changed
-      this.clearForm();
-    }
-    if (this.props.data_blob !== prevProps.data_blob) {
-      //Lookup field props has changed
-      this.clearForm();
-    }
-  }
-
-  /**
-   * Prototype : clearForm
-   */
-  clearForm = () => {
-    this.setState({
-      fieldError: [],
-      form: {},
-      captcha1: (0, _datasyncCommonLibrary.Randomize)(0, 5),
-      captcha2: (0, _datasyncCommonLibrary.Randomize)(0, 5)
-    },
-    //Clear forced
-    () => {
-      this.setState({
-        form: this.props.form,
-        fieldError: []
-      }); //No need to override form property with clearObject2 anymore because data are written outside form.
-    });
-
-    //Real efficient fix
-    let duplicate_data_tier = this.props.data_blob && this.props.data_blob.data_tier ? JSON.parse(JSON.stringify(this.props.data_blob.data_tier)) : {};
-
-    //duplicate_data_tier = Object.assign(duplicate_data_tier, (this.props.data_blob && this.props.data_blob.data_tier)?this.props.data_blob.data_tier:{})
-    this.local_data_blob = {
-      data_tier: {}
-    };
-    //this.local_data_blob.data_tier = Object.assign({}, duplicate_data_tier);
-
-    //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);
-    if (globals.parameters.debugging) console.log("clearForm->this.local_data_blob.data_tier =>", this.local_data_blob.data_tier);
-  };
-  getFieldData = fieldName => {
-    /** Return data value form field object */
-    let nextFieldData = this.local_data_blob.data_tier[fieldName] ? this.local_data_blob.data_tier[fieldName] : "";
-    return nextFieldData;
-  };
-  setFieldData = (fieldName, value) => {
-    try {
-      if (globals.parameters.debugging) console.log("setFieldData:fieldName ->", fieldName, " value ->", value);
-      let duplicate_data_tier = JSON.parse(JSON.stringify(this.local_data_blob.data_tier));
-      duplicate_data_tier[fieldName] = value;
-      this.local_data_blob.data_tier = duplicate_data_tier;
-      //this.local_data_blob.data_tier[fieldName] =  value  
-    } catch (error) {
-      alert(error);
-    }
-
-    //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);
-  };
-  getSelectedFieldValues_V1 = pFieldObject => {
-    return pFieldObject.selected_values ? pFieldObject.selected_values : "";
-  };
-  setFieldError = (pFieldObject, value) => {
-    try {
-      let nextFieldError = this.state.fieldError;
-      nextFieldError[pFieldObject.name] = value;
-      this.setState({
-        fieldError: nextFieldError
-      });
-      //Scroll form to first erroneous field
-      (0, _datasyncCommonLibrary.WScrollTo)(pFieldObject.name);
-    } catch (e) {
-      console.error(`Error caught on ${e}`);
-    }
-  };
-  getFieldError = pFieldObject => {
-    /** Return data value form field object */
-    try {
-      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) {
-      console.error(`getFieldError raises -> ${e}`);
-      return ``;
-    }
-  };
-  _error_label = field => {
-    return /*#__PURE__*/_react.default.createElement("label", {
-      className: "dynamic-form-error"
-    }, this.getFieldError(field));
-  };
-  getFieldLabelTitle = pFieldObject => {
-    return /*#__PURE__*/_react.default.createElement("h6", {
-      id: pFieldObject.name
-    }, pFieldObject.title ? pFieldObject.title : pFieldObject.placeholder, pFieldObject.required && !this.props.read_only && /*#__PURE__*/_react.default.createElement("span", {
-      className: "icon-danger"
-    }, "*"));
-  };
-  getCaptchaFieldLabelTitle = pFieldObject => {
-    return /*#__PURE__*/_react.default.createElement("h6", {
-      id: pFieldObject.name
-    }, `${this.state.captcha1} + ${this.state.captcha2}`, pFieldObject.required && /*#__PURE__*/_react.default.createElement("span", {
-      className: "icon-danger"
-    }, "*"));
-  };
-  getFieldData_V1 = pFieldObject => {
-    return pFieldObject.value ? pFieldObject.value : pFieldObject.default_value ? pFieldObject.default_value : "";
-  };
-  getFieldPrompt = pFieldObject => {
-    return pFieldObject.placeholder ? pFieldObject.placeholder : pFieldObject.title;
-  };
-  _numeric_field_with_add_on = (field, fa_symbol) => {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.getFieldLabelTitle(field), /*#__PURE__*/_react.default.createElement(_reactstrap.InputGroup, {
-      className: "border-input"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      readOnly: this.props.read_only ? this.props.read_only : false,
-      type: field.input_type,
-      value: this.getFieldData(field.name),
-      placeholder: field.placeholder,
-      autocomplete: "on",
-      id: field.name,
-      name: field.name,
-      err: "",
-      onChange: e => {
-        e.preventDefault();
-        this.dynamicInputNumericChangeHandler({
-          event: e,
-          fieldObject: field
-        });
-      }
-    }), fa_symbol && /*#__PURE__*/_react.default.createElement("div", {
-      className: "input-group-append"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.InputGroupText, null, /*#__PURE__*/_react.default.createElement("i", {
-      className: `fa ${fa_symbol}`
-    })))), this._error_label(field));
-  };
-  _captcha_field = (field, fa_symbol) => {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.getCaptchaFieldLabelTitle(field), /*#__PURE__*/_react.default.createElement(_reactstrap.InputGroup, {
-      className: "border-input"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      readOnly: this.props.read_only ? this.props.read_only : false,
-      type: field.input_type,
-      value: this.getFieldData(field.name),
-      placeholder: field.placeholder,
-      autocomplete: "on",
-      id: field.name,
-      name: field.name,
-      onChange: e => {
-        e.preventDefault();
-        this.dynamicInputNumericChangeHandler({
-          event: e,
-          fieldObject: field
-        });
-      }
-    })), this._error_label(field));
-  };
-  _text_field = field => {
-    return /*#__PURE__*/_react.default.createElement("div", null, this.getFieldLabelTitle(field), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      readOnly: this.props.read_only ? this.props.read_only : false,
-      type: field.input_type,
-      value: this.getFieldData(field.name),
-      placeholder: field.placeholder,
-      autocomplete: "off",
-      onChange: e => {
-        e.preventDefault();
-        this.dynamicInputTextChangeHandler({
-          event: e,
-          fieldObject: field
-        });
-      }
-    }), this._error_label(field));
-  };
-  _email_field = field => {
-    return /*#__PURE__*/_react.default.createElement("div", null, this.getFieldLabelTitle(field), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      readOnly: this.props.read_only ? this.props.read_only : false,
-      type: field.input_type,
-      value: this.getFieldData(field.name),
-      placeholder: field.placeholder,
-      pattern: "[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$",
-      autocomplete: "on",
-      id: field.name,
-      name: field.name,
-      onChange: e => {
-        e.preventDefault();
-        this.dynamicInputTextChangeHandler({
-          event: e,
-          fieldObject: field
-        });
-      }
-    }), this._error_label(field));
-  };
-  _memo_field = field => {
-    return /*#__PURE__*/_react.default.createElement("div", null, this.getFieldLabelTitle(field), /*#__PURE__*/_react.default.createElement("textarea", {
-      className: "form-control",
-      readOnly: this.props.read_only ? this.props.read_only : false,
-      type: field.input_type,
-      value: this.getFieldData(field.name),
-      placeholder: field.placeholder,
-      rows: field.rows,
-      onChange: e => {
-        e.preventDefault();
-        this.dynamicInputTextChangeHandler({
-          event: e,
-          fieldObject: field
-        });
-      }
-    }), this._error_label(field));
-  };
-  _combo_field = field => {
-    return /*#__PURE__*/_react.default.createElement("div", null, this.getFieldLabelTitle(field), /*#__PURE__*/_react.default.createElement(_multiselectReactDropdown.default, {
-      showArrow: true,
-      options: field.combo_list,
-      isObject: false,
-      displayValue: "key",
-      selectedValues: this.getFieldData(field.name) ? this.getFieldData(field.name).split(";") : [],
-      placeholder: field.placeholder,
-      emptyRecordMsg: "",
-      onSelect: (selectedList, selectedItem) => {
-        this.setFieldData(field.name, selectedList.join(";"));
-      },
-      onRemove: (selectedList, selectedItem) => {
-        this.setFieldData(field.name, selectedList.join(";"));
-      },
-      disable: this.props.read_only,
-      singleSelect: true
-    }), this._error_label(field));
-  };
-  _multi_field = field => {
-    return /*#__PURE__*/_react.default.createElement("div", null, this.getFieldLabelTitle(field), /*#__PURE__*/_react.default.createElement(_multiselectReactDropdown.default, {
-      showArrow: true,
-      options: field.combo_list,
-      isObject: false,
-      displayValue: "key",
-      selectedValues: this.getFieldData(field.name) ? this.getFieldData(field.name).split(";") : [],
-      placeholder: field.placeholder,
-      emptyRecordMsg: "",
-      onSelect: (selectedList, selectedItem) => {
-        this.setFieldData(field.name, selectedList.join(";"));
-      },
-      onRemove: (selectedList, selectedItem) => {
-        this.setFieldData(field.name, selectedList.join(";"));
-      },
-      disable: this.props.read_only,
-      singleSelect: false
-    }), this._error_label(field));
-  };
-  _date_field = field => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-div"
-    }, this.getFieldLabelTitle(field), /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-day-month-year-container-div"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-day-div"
-    }, /*#__PURE__*/_react.default.createElement(_multiselectReactDropdown.default, {
-      showArrow: true,
-      options: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31"],
-      isObject: false,
-      displayValue: "key",
-      selectedValues: this.getFieldData(field.name_hour) ? this.getFieldData(field.name_hour).split(";") : [],
-      placeholder: field.placeholder,
-      emptyRecordMsg: "",
-      onSelect: (selectedList, selectedItem) => {
-        this.handle_date_picker({
-          fieldObject: field,
-          sub_field_name: field.name_day,
-          value: selectedList.join(";")
-        });
-      },
-      onRemove: (selectedList, selectedItem) => {
-        this.handle_date_picker({
-          fieldObject: field,
-          sub_field_name: field.name_day,
-          value: selectedList.join(";")
-        });
-      },
-      disable: this.props.read_only,
-      singleSelect: true
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-month-div"
-    }, /*#__PURE__*/_react.default.createElement(_multiselectReactDropdown.default, {
-      showArrow: false,
-      options: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
-      isObject: false,
-      displayValue: "key",
-      selectedValues: this.getFieldData(field.name_min) ? this.getFieldData(field.name_min).split(";") : [],
-      placeholder: field.placeholder,
-      emptyRecordMsg: "",
-      onSelect: (selectedList, selectedItem) => {
-        this.handle_date_picker({
-          fieldObject: field,
-          sub_field_name: field.name_month,
-          value: selectedList.join(";")
-        });
-      },
-      onRemove: (selectedList, selectedItem) => {
-        this.handle_date_picker({
-          fieldObject: field,
-          sub_field_name: field.name_month,
-          value: selectedList.join(";")
-        });
-      },
-      disable: this.props.read_only,
-      singleSelect: true
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-year-div"
-    }, /*#__PURE__*/_react.default.createElement(_multiselectReactDropdown.default, {
-      showArrow: false,
-      options: ["2025", "2026", "2027", "2028", "2030"],
-      isObject: false,
-      displayValue: "key",
-      selectedValues: this.getFieldData(field.name_min) ? this.getFieldData(field.name_min).split(";") : [],
-      placeholder: field.placeholder,
-      emptyRecordMsg: "",
-      onSelect: (selectedList, selectedItem) => {
-        this.handle_date_picker({
-          fieldObject: field,
-          sub_field_name: field.name_year,
-          value: selectedList.join(";")
-        });
-      },
-      onRemove: (selectedList, selectedItem) => {
-        this.handle_date_picker({
-          fieldObject: field,
-          sub_field_name: field.name_year,
-          value: selectedList.join(";")
-        });
-      },
-      disable: this.props.read_only,
-      singleSelect: true
-    }))), this._error_label(field));
-  };
-  _time_field = field => {
-    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,
-      options: ["07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22"],
-      isObject: false,
-      displayValue: "key",
-      selectedValues: this.getFieldData(field.name_hour) ? this.getFieldData(field.name_hour).split(";") : [],
-      placeholder: field.placeholder,
-      emptyRecordMsg: "",
-      onSelect: (selectedList, selectedItem) => {
-        this.handle_time_picker({
-          fieldObject: field,
-          sub_field_name: field.name_hour,
-          value: selectedList.join(";")
-        });
-      },
-      onRemove: (selectedList, selectedItem) => {
-        this.handle_time_picker({
-          fieldObject: field,
-          sub_field_name: field.name_hour,
-          value: selectedList.join(";")
-        });
-      },
-      disable: this.props.read_only,
-      singleSelect: true
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "time-min-div"
-    }, /*#__PURE__*/_react.default.createElement(_multiselectReactDropdown.default, {
-      showArrow: false,
-      options: ["00", "15", "20", "25", "30", "35", "40", "45", "50", "55"],
-      isObject: false,
-      displayValue: "key",
-      selectedValues: this.getFieldData(field.name_min) ? this.getFieldData(field.name_min).split(";") : [],
-      placeholder: field.placeholder,
-      emptyRecordMsg: "",
-      onSelect: (selectedList, selectedItem) => {
-        this.handle_time_picker({
-          fieldObject: field,
-          sub_field_name: field.name_min,
-          value: selectedList.join(";")
-        });
-      },
-      onRemove: (selectedList, selectedItem) => {
-        this.handle_time_picker({
-          fieldObject: field,
-          sub_field_name: field.name_min,
-          value: selectedList.join(";")
-        });
-      },
-      disable: this.props.read_only,
-      singleSelect: true
-    }))), this._error_label(field));
-  };
-  saveFormToDatasyncProcess = () => {
-    //Everything sounds ok in Form, Go ahead
-    let hasDataGuid = this.props.datasync_object && this.props.datasync_object.data_guid;
-    (0, _datasyncCore.SaveDataTierToDatasync)(this.props.datasync_url, hasDataGuid ? this.props.datasync_object.data_guid : null,
-    //data_guid
-    this.local_data_blob,
-    //p_o_data_blob,
-    this.props.company_guid,
-    //p_s_company_guid,
-    this.props.table_guid,
-    //p_s_table_guid,
-    hasDataGuid ? this.props.datasync_object.createstamp : (0, _datasyncCommonLibrary.CTimeStamp)(),
-    //p_dt_createstamp,
-    hasDataGuid ? (0, _datasyncCommonLibrary.CTimeStamp)() : null,
-    //p_dt_updatestamp,
-    null,
-    //p_dt_deletestamp,
-    this.onFormSavedLocalHandler, this.onFormUpdatedLocalHandler, this.onFormFailedLocalHandler, null);
-  };
-
-  /** Form Handlers */
-  onClickSubmitFormHandler = async event => {
-    try {
-      if (event) event.preventDefault();
-
-      //Force all fields check    
-      let canSubmit = true;
-      let iRow = 0;
-      while (iRow < this.state.form.Rows.length && canSubmit) {
-        let iCol = 0;
-        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]))) {
-            ii++;
-          }
-          iCol++;
-        }
-        iRow++;
-      }
-      if (!canSubmit) {
-        let err_message = "Le formulaire comporte des erreurs !";
-        if (this.props.onFormFailed) this.props.onFormFailed(err_message);else alert(`${err_message}`);
-        return false;
-      }
-
-      //Invoke onFormSubmit props
-
-      if (this.props.onFormSubmit) {
-        if (globals.parameters.debugging) alert("onFormSubmit => filter log with AsyncDebug:: prefixe");
-        //If props function return false then cancel form submit and do not save !
-        this.props.onFormSubmit(this.local_data_blob);
-      } else {
-        //Call save anyway
-        this.saveFormToDatasyncProcess();
-      }
-    } catch (error) {
-      console.error(`onClickSubmitFormHandler raises "${error}"`);
-    }
-  };
-  onFormSavedLocalHandler = blob => {
-    if (this.props.onFormSaved) this.props.onFormSaved(blob);else console.error("DynamicForm3Tiers2.onFormSaved props is not defined !");
-    //clear form
-    if (this.props.clearOnSave) this.clearForm();
-    //Call onTerminated if set by user
-    if (this.props.onTerminated) this.props.onTerminated();
-  };
-  onFormUpdatedLocalHandler = blob => {
-    try {
-      if (this.props.onFormUpdated) this.props.onFormUpdated(blob);else console.error("DynamicForm3Tiers2.onFormUpdated props is not defined !");
-      //clear form
-      if (this.props.clearOnUpdate) this.clearForm();
-      //Call onTerminated if set by user
-      if (this.props.onTerminated) this.props.onTerminated();
-    } catch (error) {
-      console.error(`onFormUpdatedLocalHandler raises "${error}"`);
-    }
-  };
-  onFormFailedLocalHandler = err => {
-    if (this.props.onFormFailed) this.props.onFormFailed(err);else {
-      console.error("DynamicForm3Tiers2.onFormFailed props is not defined !");
-      alert("Erreur de sauvegarde !!!");
-    }
-  };
-  checkValidation = pFieldObject => {
-    /** Get field properties */
-    let min = pFieldObject.min_length;
-    let max = pFieldObject.max_length;
-    let fieldValue = this.getFieldData(pFieldObject.name);
-    let nextErrors = [];
-
-    /** Check basic field validity except combo and radio */
-    if (pFieldObject.required && fieldValue.trim().length <= 0) nextErrors.push(`obligatoire`);
-    if (min > 0 && pFieldObject.required && fieldValue.trim().length < min) nextErrors.push(`trop court.`);
-
-    //Captcha check
-    if (pFieldObject.input_type.toLowerCase() == "captcha") {
-      if (parseInt(fieldValue) !== this.state.captcha1 + this.state.captcha2) nextErrors.push(`calcul faux !`);
-    }
-
-    //Email check
-    if (pFieldObject.input_type.toLowerCase() == "email") {
-      if (!fieldValue.match(/^([\w.%+-]+)@([\w-]+\.)+([\w]{2,})$/i)) nextErrors.push(`Format de mail incorrect !`);
-    }
-
-    //Date check
-    if (pFieldObject.input_type.toLowerCase() == "date") {
-      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("/"));
-
-    //Return validation predicate
-    return nextErrors.length === 0; //returns true if no error occurs
-  };
-  dynamicInputTextChangeHandler = eventObject => {
-    if (eventObject && eventObject.event) eventObject.event.preventDefault();
-    this.setFieldData(eventObject.fieldObject.name, eventObject.event.target.value);
-
-    //Validate field
-    this.checkValidation(eventObject.fieldObject);
-  };
-  dynamicInputNumericChangeHandler = eventObject => {
-    if (eventObject && eventObject.event) eventObject.event.preventDefault();
-    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.error(`Value rejected -> ${eventObject.event.target.value}`);
-    }
-    this.checkValidation(eventObject.fieldObject);
-  };
-  convertDate = p_o_day_month_year => {
-    function pad(s) {
-      return s < 10 ? '0' + s : s;
-    }
-    return {
-      asString: [pad(p_o_day_month_year.day), pad(p_o_day_month_year.month), p_o_day_month_year.year].join('/'),
-      asDate: {
-        day: p_o_day_month_year.day,
-        month: p_o_day_month_year.month,
-        year: p_o_day_month_year.year
-      }
-    };
-  };
-  OLD_handle_date_picker = eventObject => {
-    let p_oDate = eventObject.selection;
-    //Convert date picker string as day month year object
-    let dateConvertedObject = this.convertDate({
-      day: p_oDate.getDate(),
-      month: 1 + p_oDate.getMonth(),
-      year: p_oDate.getFullYear()
-    });
-    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);
-    this.setFieldData(eventObject.fieldObject.name_year, dateConvertedObject.asDate.year);
-
-    //Validate field
-    this.checkValidation(eventObject.fieldObject);
-  };
-  handle_date_picker = eventObject => {
-    //Set date
-    this.setFieldData(eventObject.sub_field_name, eventObject.value);
-    //update full date field
-    this.setFieldData(eventObject.fieldObject.name, this.getFieldData(eventObject.fieldObject.name_day) + "/" + this.getFieldData(eventObject.fieldObject.name_month) + "/" + this.getFieldData(eventObject.fieldObject.name_year));
-
-    //Validate field
-    this.checkValidation(eventObject.fieldObject);
-  };
-  handle_time_picker = eventObject => {
-    //Set hour or min
-    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));
-
-    //Validate field
-    this.checkValidation(eventObject.fieldObject);
-  };
-  _rowRendering = row => {
-    try {
-      return /*#__PURE__*/_react.default.createElement(_reactstrap.Row, null, row.Cols.map((col, ii) => {
-        return this._colRendering(col);
-      }));
-    } catch (err) {
-      return /*#__PURE__*/_react.default.createElement(_reactstrap.Col, null, "Error ", err.message);
-    }
-  };
-  _colRendering = col => {
-    try {
-      return /*#__PURE__*/_react.default.createElement(_reactstrap.Col, null, col.Fields.map((field, ii) => {
-        return this._fieldRendering(field, ii);
-      }));
-    } catch (err) {
-      return /*#__PURE__*/_react.default.createElement(_reactstrap.Col, null, "Error ", err.message);
-    }
-  };
-  _fieldRendering = (field, ii) => {
-    try {
-      //Do not display field if empty in read only mode
-      if (this.props.read_only && (this.getFieldData(field.name) == null || !this.getFieldData(field.name) || this.getFieldData(field.name).trim().length == 0)) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-
-      //Do not display hidden field
-      if (field.hidden && !this.props.show_hidden) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-      switch (field.input_type.toLowerCase()) {
-        /** Dynamic fields */
-        case "checkbox-DISABLED":
-          return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
-            check: true
-          }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
-            check: true
-          }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-            defaultValue: "",
-            type: "checkbox",
-            readOnly: this.props.read_only ? this.props.read_only : false
-          }), field.placeholder, /*#__PURE__*/_react.default.createElement("span", {
-            className: "form-check-sign"
-          })));
-        case "checkbox":
-          /* Checkbox is override with combobox */
-          return /*#__PURE__*/_react.default.createElement("div", null, this.getFieldLabelTitle(field), /*#__PURE__*/_react.default.createElement(_multiselectReactDropdown.default, {
-            showArrow: true,
-            options: ["Oui", "Non"],
-            isObject: false,
-            displayValue: "key",
-            selectedValues: this.getFieldData(field.name) ? this.getFieldData(field.name).split(";") : [],
-            placeholder: field.placeholder,
-            emptyRecordMsg: "",
-            onSelect: (selectedList, selectedItem) => {
-              this.setFieldData(field.name, selectedList.join(";"));
-            },
-            onRemove: (selectedList, selectedItem) => {
-              this.setFieldData(field.name, selectedList.join(";"));
-            },
-            disable: this.props.read_only,
-            singleSelect: true
-          }), this._error_label(field));
-        case "blob":
-          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.getFieldLabelTitle(field), /*#__PURE__*/_react.default.createElement("div", {
-            className: "col-md-10"
-          }, /*#__PURE__*/_react.default.createElement(_datasyncBlob.DsBlob, {
-            readOnly: this.props.read_only ? this.props.read_only : false,
-            Caption: `${this.getFieldPrompt(field)} ...`,
-            data: this.getFieldData(field.name),
-            uploadPicture: UploadFile => {
-              this.setFieldData(field.name, UploadFile.data);
-              this.checkValidation(field);
-            },
-            pictureStyle: "pic",
-            buttonStyle: "btn btn-secondary",
-            width: field.width ? field.width : null,
-            height: field.height ? field.height : null,
-            maxWidth: field.maxWidth ? field.maxWidth : null,
-            maxHeight: field.maxHeight ? field.maxHeight : null,
-            reduceImage: field.reduceImage ? field.reduceImage : null
-          }), this._error_label(field)));
-        case "email":
-          return this._email_field(field);
-        case "text":
-          return this._text_field(field);
-        case "memo":
-          return this._memo_field(field);
-        case "combo":
-        case "radio":
-          return this._combo_field(field);
-        case "multi":
-          return this._multi_field(field);
-        case "date":
-          //set day month and year fields
-          if (!field.name_day) field.name_day = "__day";
-          if (!field.name_month) field.name_month = "__month";
-          if (!field.name_year) field.name_year = "__year";
-          return this._date_field(field);
-        case "time":
-          //set day month and year fields
-          if (!field.name_hour) field.name_hour = "__hour";
-          if (!field.name_min) field.name_min = "__min";
-          return this._time_field(field);
-        case "numeric":
-          return this._numeric_field_with_add_on(field, "*");
-        case "amount":
-          return this._numeric_field_with_add_on(field, "fa-euro");
-        case "percent":
-          return this._numeric_field_with_add_on(field, "%");
-        case "captcha":
-          return this._captcha_field(field);
-        default:
-          console.error("alert incorrect field type");
-      }
-    } catch (error) {
-      console.error(`_fieldRendering raises "${error}"`);
-    }
-  };
-  _cancelButton = () => {
-    let buttonIsHidden = this.props.read_only || this.props.buttons_options && this.props.buttons_options.cancel_button_hidden;
-    let buttonCaption = this.props.buttons_options && this.props.buttons_options.cancel_button_caption ? this.props.buttons_options.cancel_button_caption : "Annuler";
-    if (buttonIsHidden) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);else {
-      return /*#__PURE__*/_react.default.createElement(_reactstrap.Col, {
-        md: "4",
-        sm: "4"
-      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-        block: true,
-        className: "btn-round",
-        color: "danger",
-        outline: true,
-        type: "reset",
-        onClick: () => {
-          this.clearForm();
-        }
-      }, buttonCaption));
-    }
-  };
-  _submitButton = () => {
-    let buttonIsHidden = this.props.read_only || this.props.buttons_options && this.props.buttons_options.submit_button_hidden;
-    let buttonCaption = this.props.buttons_options && this.props.buttons_options.submit_button_caption ? this.props.buttons_options.submit_button_caption : "Soumettre";
-    if (buttonIsHidden) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);else {
-      return /*#__PURE__*/_react.default.createElement(_reactstrap.Col, {
-        md: "4",
-        sm: "4"
-      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-        block: true,
-        className: "btn-round",
-        color: "danger",
-        outline: true,
-        type: "submit",
-        onClick: () => {
-          this.onClickSubmitFormHandler();
-        }
-      }, buttonCaption));
-    }
-  };
-  render = () => {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !this.state.form && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, "Form loading...")), /*#__PURE__*/_react.default.createElement("form", null, this.state.form && this.state.form.Rows && this.state.form.Rows.map(row => {
-      return this._rowRendering(row);
-    })), /*#__PURE__*/_react.default.createElement(_reactstrap.Row, {
-      className: "buttons-row"
-    }, this._cancelButton(), this._submitButton(), this.props.custom_button_caption && /*#__PURE__*/_react.default.createElement(_reactstrap.Col, {
-      md: "4",
-      sm: "4"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-      block: true,
-      className: "btn-round",
-      color: "primary",
-      type: "submit",
-      onClick: e => {
-        if (this.props.custom_button_handler) this.props.custom_button_handler(this.state.form);else console.error("custom_button_handler unset !");
-      }
-    }, this.props.custom_button_caption)), this.props.custom_button_caption2 && /*#__PURE__*/_react.default.createElement(_reactstrap.Col, {
-      md: "4",
-      sm: "4"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-      block: true,
-      className: "btn-round",
-      color: "primary",
-      type: "submit",
-      onClick: e => {
-        if (this.props.custom_button_handler2) this.props.custom_button_handler2(this.state.form);else console.error("custom_button_handler2 unset !");
-      }
-    }, this.props.custom_button_caption2))));
-  };
-}
-exports.DsDynamicForm = DsDynamicForm;
-;