react-survey-builder 1.0.31 → 1.0.33

package/lib/survey-elements/index.js

@@ -133,7 +133,9 @@ var CustomDateInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref2,
     // `unmaskedValue` if `unmask=true`,
     // `typedValue` if `unmask='typed'`
     function onAccept(value, mask) {
-      onChange(value);
+      if (onChange !== undefined) {
+        onChange(value);
+      }
     }
   }));
 });
@@ -526,9 +528,11 @@ var DatePicker = /*#__PURE__*/function (_React$Component9) {
       var _this8 = this;
       var props = {};
       props.name = this.props.name;
-      props.placeholder = this.props.item.placeholder;
+      props.placeholder = this.props.item.placeholder || this.props.item.formatMask || 'MM/DD/YYYY';
       props.onChange = function (val) {
-        _this8.props.onChange(val);
+        if (_this8.props.onChange !== undefined) {
+          _this8.props.onChange(val);
+        }
       };
       props.value = this.props.value;
       props.isInvalid = this.props.isInvalid;
@@ -559,30 +563,36 @@ var DatePicker = /*#__PURE__*/function (_React$Component9) {
           htmlFor: props.name
         })), /*#__PURE__*/_react["default"].createElement("div", null, this.props.value)));
       }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
-        className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
-        className: "form-group mb-3"
-      }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
-        id: props.name,
-        type: "text"
-      }, props, {
-        as: CustomDateInput
-      })), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        htmlFor: props.name
-      }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-        htmlFor: props.name
-      })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
-        id: props.name,
-        type: "text"
-      }, props, {
-        as: CustomDateInput
-      }))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
-        muted: true
-      }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: props.name
-      })));
+      console.log(this.props);
+      console.log(props);
+      if (this.props) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          style: _objectSpread({}, this.props.style),
+          className: baseClasses
+        }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
+          className: "form-group mb-3"
+        }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
+          id: props.name,
+          type: "text"
+        }, props, {
+          as: CustomDateInput
+        })), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
+          htmlFor: props.name
+        }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
+          htmlFor: props.name
+        })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
+          id: props.name,
+          type: "text"
+        }, props, {
+          as: CustomDateInput
+        }))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
+          muted: true
+        }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
+          name: props.name
+        })));
+      } else {
+        return null;
+      }
     }
   }]);
   return DatePicker;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-survey-builder",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "description": "A complete survey builder for react.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",
@@ -52,7 +52,7 @@
     "react-draft-wysiwyg": "^1.15.0",
     "react-hook-form": "^7.45.4",
     "react-icons": "^5.0.1",
-    "react-imask": "^7.0.1",
+    "react-imask": "^7.5.0",
     "react-intl": "^5.24.3",
     "react-phone-number-input": "^3.3.9",
     "react-signature-canvas": "^1.0.3",