datasync-dynamic-form 1.1.6 → 1.1.9

package/dist/components/DsDynamicForm.js

@@ -15,11 +15,9 @@ var _multiselectReactDropdown = _interopRequireDefault(require("multiselect-reac
 var _datasyncCore = require("datasync-core");
 var _datasyncCommonLibrary = require("datasync-common-library");
 var _datasyncBlob = require("datasync-blob");
-var _reactDatepicker = _interopRequireWildcard(require("react-datepicker"));
 var _reactstrap = require("reactstrap");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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
@@ -301,18 +299,89 @@ class DsDynamicForm extends _react.Component {
     }), this._error_label(field));
   };
   _date_field = field => {
-    return /*#__PURE__*/_react.default.createElement("div", null, this.getFieldLabelTitle(field), /*#__PURE__*/_react.default.createElement(_reactDatepicker.default
-    //locale="fr"
-    , {
-      value: this.getFieldData(field.name),
-      placeholder: "dd-mm-yyyy",
-      onChange: p_oDate => {
+    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({
-          selection: p_oDate,
-          fieldObject: field
+          fieldObject: field,
+          sub_field_name: field.name_day,
+          value: selectedList.join(";")
         });
-      }
-    }), this._error_label(field));
+      },
+      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", {
@@ -373,21 +442,6 @@ class DsDynamicForm extends _react.Component {
       singleSelect: true
     }))), this._error_label(field));
   };
-  _time_field_DISABLED = field => {
-    return /*#__PURE__*/_react.default.createElement("div", null, this.getFieldLabelTitle(field), /*#__PURE__*/_react.default.createElement(TimePickerPackage, {
-      hour_title: "heure",
-      hour_placeholder: "heure",
-      minutes_title: "minutes",
-      minutes_placeholder: "minutes",
-      required: false,
-      onChange: timeValuePack => {
-        this.setState({
-          hour: timeValuePack.hour,
-          minutes: timeValuePack.minutes
-        });
-      }
-    }), this._error_label(field));
-  };
   saveFormToDatasyncProcess = () => {
     //Everything sounds ok in Form, Go ahead
     let hasDataGuid = this.props.datasync_object && this.props.datasync_object.data_guid;
@@ -534,7 +588,7 @@ class DsDynamicForm extends _react.Component {
       }
     };
   };
-  handle_date_picker = eventObject => {
+  OLD_handle_date_picker = eventObject => {
     let p_oDate = eventObject.selection;
     //Convert date picker string as day month year object
     let dateConvertedObject = this.convertDate({
@@ -550,6 +604,15 @@ class DsDynamicForm extends _react.Component {
     //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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "datasync-dynamic-form",
-  "version": "1.1.6",
+  "version": "1.1.9",
   "description": "Datasync Dynamic Form component",
   "main": "./dist/components/DsDynamicForm",
   "types": "./dist/components/DsDynamicForm",
@@ -25,12 +25,12 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-transform-css": "^6.0.1",
     "multiselect-react-dropdown": "^2.0.25",
-    "react": "^18.2.0",
-    "reactstrap": "^9.2.3"
+    "react": ">=18.2.0",
+    "reactstrap": ">=8.4.1"
   },
   "peerDependencies": {
     "multiselect-react-dropdown": "^2.0.25",
-    "react": "^ 18.2.0"
+    "react": ">=18.2.0"
   },
   "scripts": {
     "build": "rm -r dist && babel src -d dist --ignore src/**/*.test.jsx && npm run copy-files",
@@ -42,11 +42,9 @@
   "license": "ISC",
   "dependencies": {
     "axios": "^1.7.2",
-    "datasync-blob": "^1.1.0",
-    "datasync-common-library": "^1.0.10",
-    "datasync-core": "^1.0.36",
-    "datasync-dynamic-form": "^1.0.27",
-    "react-datepicker": "@^4.11.0",
-    "universal-cookie": "^7.2.2"
+    "datasync-blob": ">=1.1.0",
+    "datasync-common-library": "^1.2.2",
+    "datasync-core": ">=1.0.36",
+    "datasync-dynamic-form": ">=1.0.27"
   }
 }