react-survey-builder 1.0.52 → 1.0.54

package/lib/survey-elements/index.js

@@ -571,52 +571,80 @@ var PhoneNumber = exports.PhoneNumber = function PhoneNumber(_ref5) {
     name: name,
     rules: fieldRules
   };
-  controllerProps.render = function (_ref6) {
-    var _ref6$field = _ref6.field,
-      onChange = _ref6$field.onChange,
-      onBlur = _ref6$field.onBlur,
-      value = _ref6$field.value,
-      name = _ref6$field.name,
-      ref = _ref6$field.ref,
-      _ref6$fieldState = _ref6.fieldState,
-      invalid = _ref6$fieldState.invalid,
-      isTouched = _ref6$fieldState.isTouched,
-      isDirty = _ref6$fieldState.isDirty,
-      error = _ref6$fieldState.error,
-      formState = _ref6.formState;
-    return /*#__PURE__*/_react["default"].createElement(_reactImask.IMaskInput, (0, _extends2["default"])({
-      className: "form-control",
-      id: name + '-' + (0, _functions.generateUUID)(),
-      onBlur: onBlur,
-      value: value,
-      name: name,
-      ref: ref,
-      mask: '{+1} (#00) 000-0000',
-      lazy: false,
-      overwrite: true,
-      definitions: {
-        '#': /[1-9]/
-      },
-      unmask: true // true|false|'typed'
-      ,
-      inputRef: ref
-      // inputRef={inputRef}  // access to nested input
-      // DO NOT USE onChange TO HANDLE CHANGES!
-      // USE onAccept INSTEAD
-      ,
-      onAccept:
-      // depending on prop above first argument is
-      // `value` if `unmask=false`,
-      // `unmaskedValue` if `unmask=true`,
-      // `typedValue` if `unmask='typed'`
-      function onAccept(value, mask) {
-        if (onChange !== undefined) {
-          onChange(value);
+  if (_reactImask.IMaskInput !== undefined) {
+    controllerProps.render = function (_ref6) {
+      var _ref6$field = _ref6.field,
+        onChange = _ref6$field.onChange,
+        onBlur = _ref6$field.onBlur,
+        value = _ref6$field.value,
+        name = _ref6$field.name,
+        ref = _ref6$field.ref,
+        _ref6$fieldState = _ref6.fieldState,
+        invalid = _ref6$fieldState.invalid,
+        isTouched = _ref6$fieldState.isTouched,
+        isDirty = _ref6$fieldState.isDirty,
+        error = _ref6$fieldState.error,
+        formState = _ref6.formState;
+      return /*#__PURE__*/_react["default"].createElement(_reactImask.IMaskInput, (0, _extends2["default"])({
+        id: name + '-' + (0, _functions.generateUUID)(),
+        className: "form-control",
+        onBlur: onBlur,
+        value: value,
+        name: name,
+        mask: '{+1} (#00) 000-0000',
+        lazy: false,
+        overwrite: true,
+        definitions: {
+          '#': /[1-9]/
+        },
+        unmask: true // true|false|'typed'
+        ,
+        inputRef: ref
+        // inputRef={inputRef}  // access to nested input
+        // DO NOT USE onChange TO HANDLE CHANGES!
+        // USE onAccept INSTEAD
+        ,
+        onAccept:
+        // depending on prop above first argument is
+        // `value` if `unmask=false`,
+        // `unmaskedValue` if `unmask=true`,
+        // `typedValue` if `unmask='typed'`
+        function onAccept(value, mask) {
+          if (onChange !== undefined) {
+            onChange(value);
+          }
+          onChangeHandler(value);
         }
-        onChangeHandler(value);
-      }
-    }, inputProps));
-  };
+      }, inputProps));
+    };
+  } else {
+    controllerProps.render = function (_ref7) {
+      var _ref7$field = _ref7.field,
+        _onChange3 = _ref7$field.onChange,
+        onBlur = _ref7$field.onBlur,
+        value = _ref7$field.value,
+        name = _ref7$field.name,
+        ref = _ref7$field.ref,
+        _ref7$fieldState = _ref7.fieldState,
+        invalid = _ref7$fieldState.invalid,
+        isTouched = _ref7$fieldState.isTouched,
+        isDirty = _ref7$fieldState.isDirty,
+        error = _ref7$fieldState.error,
+        formState = _ref7.formState;
+      return /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
+        onBlur: onBlur,
+        onChange: function onChange(e) {
+          _onChange3(e.target.value);
+          onChangeHandler(e.target.value);
+        },
+        value: value,
+        name: name,
+        ref: ref,
+        isInvalid: invalid,
+        id: name + '-' + (0, _functions.generateUUID)()
+      }, inputProps));
+    };
+  }
   if (value !== undefined) {
     controllerProps.defaultValue = value;
   }
@@ -648,7 +676,7 @@ var PhoneNumber = exports.PhoneNumber = function PhoneNumber(_ref5) {
       value: value,
       name: name,
       ref: inputField,
-      id: name + '-2-' + (0, _functions.generateUUID)()
+      id: name + '-' + (0, _functions.generateUUID)()
     }, inputProps)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], {
       item: item,
       className: item === null || item === void 0 ? void 0 : item.labelClassName,
@@ -661,7 +689,7 @@ var PhoneNumber = exports.PhoneNumber = function PhoneNumber(_ref5) {
       value: value,
       name: name,
       ref: inputField,
-      id: name + '-2-' + (0, _functions.generateUUID)()
+      id: name + '-' + (0, _functions.generateUUID)()
     }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
       muted: true
     }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
@@ -705,14 +733,14 @@ var PhoneNumber = exports.PhoneNumber = function PhoneNumber(_ref5) {
     name: name
   })));
 };
-var DatePicker = exports.DatePicker = function DatePicker(_ref7) {
+var DatePicker = exports.DatePicker = function DatePicker(_ref8) {
   var _item$required10, _item$disabled7, _item$required11;
-  var name = _ref7.name,
-    onChange = _ref7.onChange,
-    value = _ref7.value,
-    style = _ref7.style,
-    item = _ref7.item,
-    props = (0, _objectWithoutProperties2["default"])(_ref7, _excluded4);
+  var name = _ref8.name,
+    onChange = _ref8.onChange,
+    value = _ref8.value,
+    style = _ref8.style,
+    item = _ref8.item,
+    props = (0, _objectWithoutProperties2["default"])(_ref8, _excluded4);
   var methods = (0, _reactHookForm.useFormContext)();
   var inputField = _react["default"].useRef(null);
   var onChangeHandler = function onChangeHandler(value) {
@@ -757,89 +785,118 @@ var DatePicker = exports.DatePicker = function DatePicker(_ref7) {
     rules: fieldRules
   };
   console.log('inputProps', inputProps);
-  controllerProps.render = function (_ref8) {
-    var _inputProps$formatMas;
-    var _ref8$field = _ref8.field,
-      onChange = _ref8$field.onChange,
-      onBlur = _ref8$field.onBlur,
-      value = _ref8$field.value,
-      name = _ref8$field.name,
-      ref = _ref8$field.ref,
-      _ref8$fieldState = _ref8.fieldState,
-      invalid = _ref8$fieldState.invalid,
-      isTouched = _ref8$fieldState.isTouched,
-      isDirty = _ref8$fieldState.isDirty,
-      error = _ref8$fieldState.error,
-      formState = _ref8.formState;
-    return /*#__PURE__*/_react["default"].createElement(_reactImask.IMaskInput, (0, _extends2["default"])({
-      className: "form-control",
-      id: name + '-' + (0, _functions.generateUUID)(),
-      onBlur: onBlur,
-      value: value,
-      name: name,
-      ref: ref,
-      mask: Date,
-      lazy: false,
-      overwrite: true,
-      pattern: (_inputProps$formatMas = inputProps.formatMask) !== null && _inputProps$formatMas !== void 0 ? _inputProps$formatMas : 'MM/DD/YYYY',
-      format: function format(date) {
-        var day = date.getDate();
-        var month = date.getMonth() + 1;
-        var year = date.getFullYear();
-        if (day < 10) day = "0" + day;
-        if (month < 10) month = "0" + month;
-        return [month, day, year].join('/');
-      },
-      autofix: true
-      // min={new Date(1900, 0, 1)}
-      // max={new Date()}
-      ,
-      blocks: {
-        DD: {
-          mask: IMask.MaskedRange,
-          from: 1,
-          to: 31,
-          maxLength: 2,
-          placeholderChar: 'D'
+  console.log('iMaskInput', _reactImask.IMaskInput);
+  if (_reactImask.IMaskInput !== undefined && _reactImask.IMask !== undefined) {
+    controllerProps.render = function (_ref9) {
+      var _inputProps$formatMas;
+      var _ref9$field = _ref9.field,
+        onChange = _ref9$field.onChange,
+        onBlur = _ref9$field.onBlur,
+        value = _ref9$field.value,
+        name = _ref9$field.name,
+        ref = _ref9$field.ref,
+        _ref9$fieldState = _ref9.fieldState,
+        invalid = _ref9$fieldState.invalid,
+        isTouched = _ref9$fieldState.isTouched,
+        isDirty = _ref9$fieldState.isDirty,
+        error = _ref9$fieldState.error,
+        formState = _ref9.formState;
+      return /*#__PURE__*/_react["default"].createElement(_reactImask.IMaskInput, (0, _extends2["default"])({
+        id: name + '-' + (0, _functions.generateUUID)(),
+        className: "form-control",
+        onBlur: onBlur,
+        value: value,
+        name: name,
+        mask: Date,
+        lazy: false,
+        overwrite: true,
+        pattern: (_inputProps$formatMas = inputProps === null || inputProps === void 0 ? void 0 : inputProps.formatMask) !== null && _inputProps$formatMas !== void 0 ? _inputProps$formatMas : 'MM/DD/YYYY',
+        format: function format(date) {
+          var day = date.getDate();
+          var month = date.getMonth() + 1;
+          var year = date.getFullYear();
+          if (day < 10) day = "0" + day;
+          if (month < 10) month = "0" + month;
+          return [month, day, year].join('/');
         },
-        MM: {
-          mask: IMask.MaskedRange,
-          from: 1,
-          to: 12,
-          maxLength: 2,
-          placeholderChar: 'M'
+        autofix: true
+        // min={new Date(1900, 0, 1)}
+        // max={new Date()}
+        ,
+        blocks: {
+          DD: {
+            mask: _reactImask.IMask.MaskedRange,
+            from: 1,
+            to: 31,
+            maxLength: 2,
+            placeholderChar: 'D'
+          },
+          MM: {
+            mask: _reactImask.IMask.MaskedRange,
+            from: 1,
+            to: 12,
+            maxLength: 2,
+            placeholderChar: 'M'
+          },
+          YYYY: {
+            mask: _reactImask.IMask.MaskedRange,
+            from: 1900,
+            to: new Date().getFullYear() + 5,
+            placeholderChar: 'Y'
+          }
         },
-        YYYY: {
-          mask: IMask.MaskedRange,
-          from: 1900,
-          to: new Date().getFullYear() + 5,
-          placeholderChar: 'Y'
-        }
-      },
-      parse: function parse(str) {
-        var monthDayYear = str.split('/');
-        return new Date(monthDayYear[2], monthDayYear[0] - 1, monthDayYear[1]);
-      },
-      unmask: false // true|false|'typed'
-      ,
-      inputRef: ref
-      // inputRef={inputRef}  // access to nested input
-      // DO NOT USE onChange TO HANDLE CHANGES!
-      // USE onAccept INSTEAD
-      ,
-      onAccept:
-      // depending on prop above first argument is
-      // `value` if `unmask=false`,
-      // `unmaskedValue` if `unmask=true`,
-      // `typedValue` if `unmask='typed'`
-      function onAccept(value, mask) {
-        if (onChange !== undefined) {
-          onChange(value);
+        parse: function parse(str) {
+          var monthDayYear = str.split('/');
+          return new Date(monthDayYear[2], monthDayYear[0] - 1, monthDayYear[1]);
+        },
+        unmask: false // true|false|'typed'
+        ,
+        inputRef: ref
+        // inputRef={inputRef}  // access to nested input
+        // DO NOT USE onChange TO HANDLE CHANGES!
+        // USE onAccept INSTEAD
+        ,
+        onAccept:
+        // depending on prop above first argument is
+        // `value` if `unmask=false`,
+        // `unmaskedValue` if `unmask=true`,
+        // `typedValue` if `unmask='typed'`
+        function onAccept(value, mask) {
+          if (onChange !== undefined) {
+            onChange(value);
+          }
+          onChangeHandler(value);
         }
-        onChangeHandler(value);
-      }
-    }, inputProps));
-  };
+      }, inputProps));
+    };
+  } else {
+    controllerProps.render = function (_ref10) {
+      var _ref10$field = _ref10.field,
+        _onChange4 = _ref10$field.onChange,
+        onBlur = _ref10$field.onBlur,
+        value = _ref10$field.value,
+        name = _ref10$field.name,
+        ref = _ref10$field.ref,
+        _ref10$fieldState = _ref10.fieldState,
+        invalid = _ref10$fieldState.invalid,
+        isTouched = _ref10$fieldState.isTouched,
+        isDirty = _ref10$fieldState.isDirty,
+        error = _ref10$fieldState.error,
+        formState = _ref10.formState;
+      return /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
+        onBlur: onBlur,
+        onChange: function onChange(e) {
+          _onChange4(e.target.value);
+          onChangeHandler(e.target.value);
+        },
+        value: value,
+        name: name,
+        ref: ref,
+        isInvalid: invalid,
+        id: name + '-' + (0, _functions.generateUUID)()
+      }, inputProps));
+    };
+  }
   if (value !== undefined) {
     controllerProps.defaultValue = value;
   }
@@ -872,7 +929,7 @@ var DatePicker = exports.DatePicker = function DatePicker(_ref7) {
       value: value,
       name: name,
       ref: inputField,
-      id: name + '-2-' + (0, _functions.generateUUID)()
+      id: name + '-' + (0, _functions.generateUUID)()
     }, inputProps)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], {
       item: item,
       className: item === null || item === void 0 ? void 0 : item.labelClassName,
@@ -885,7 +942,7 @@ var DatePicker = exports.DatePicker = function DatePicker(_ref7) {
       value: value,
       name: name,
       ref: inputField,
-      id: name + '-2-' + (0, _functions.generateUUID)()
+      id: name + '-' + (0, _functions.generateUUID)()
     }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
       muted: true
     }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
@@ -929,14 +986,14 @@ var DatePicker = exports.DatePicker = function DatePicker(_ref7) {
     name: name
   })));
 };
-var NumberInput = exports.NumberInput = function NumberInput(_ref9) {
+var NumberInput = exports.NumberInput = function NumberInput(_ref11) {
   var _item$required13, _item$disabled9, _item$required14;
-  var name = _ref9.name,
-    onChange = _ref9.onChange,
-    value = _ref9.value,
-    style = _ref9.style,
-    item = _ref9.item,
-    props = (0, _objectWithoutProperties2["default"])(_ref9, _excluded5);
+  var name = _ref11.name,
+    onChange = _ref11.onChange,
+    value = _ref11.value,
+    style = _ref11.style,
+    item = _ref11.item,
+    props = (0, _objectWithoutProperties2["default"])(_ref11, _excluded5);
   var methods = (0, _reactHookForm.useFormContext)();
   var inputField = _react["default"].useRef(null);
   var onChangeHandler = function onChangeHandler(value) {
@@ -969,23 +1026,23 @@ var NumberInput = exports.NumberInput = function NumberInput(_ref9) {
     name: name,
     rules: fieldRules
   };
-  controllerProps.render = function (_ref10) {
-    var _ref10$field = _ref10.field,
-      _onChange3 = _ref10$field.onChange,
-      onBlur = _ref10$field.onBlur,
-      value = _ref10$field.value,
-      name = _ref10$field.name,
-      ref = _ref10$field.ref,
-      _ref10$fieldState = _ref10.fieldState,
-      invalid = _ref10$fieldState.invalid,
-      isTouched = _ref10$fieldState.isTouched,
-      isDirty = _ref10$fieldState.isDirty,
-      error = _ref10$fieldState.error,
-      formState = _ref10.formState;
+  controllerProps.render = function (_ref12) {
+    var _ref12$field = _ref12.field,
+      _onChange5 = _ref12$field.onChange,
+      onBlur = _ref12$field.onBlur,
+      value = _ref12$field.value,
+      name = _ref12$field.name,
+      ref = _ref12$field.ref,
+      _ref12$fieldState = _ref12.fieldState,
+      invalid = _ref12$fieldState.invalid,
+      isTouched = _ref12$fieldState.isTouched,
+      isDirty = _ref12$fieldState.isDirty,
+      error = _ref12$fieldState.error,
+      formState = _ref12.formState;
     return /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
       onBlur: onBlur,
       onChange: function onChange(e) {
-        _onChange3(e.target.value);
+        _onChange5(e.target.value);
         onChangeHandler(e.target.value);
       },
       value: value,
@@ -1083,14 +1140,14 @@ var NumberInput = exports.NumberInput = function NumberInput(_ref9) {
     name: name
   })));
 };
-var TextArea = exports.TextArea = function TextArea(_ref11) {
+var TextArea = exports.TextArea = function TextArea(_ref13) {
   var _item$required16, _item$disabled11, _item$required17;
-  var name = _ref11.name,
-    onChange = _ref11.onChange,
-    value = _ref11.value,
-    style = _ref11.style,
-    item = _ref11.item,
-    props = (0, _objectWithoutProperties2["default"])(_ref11, _excluded6);
+  var name = _ref13.name,
+    onChange = _ref13.onChange,
+    value = _ref13.value,
+    style = _ref13.style,
+    item = _ref13.item,
+    props = (0, _objectWithoutProperties2["default"])(_ref13, _excluded6);
   var methods = (0, _reactHookForm.useFormContext)();
   var inputField = _react["default"].useRef(null);
   var onChangeHandler = function onChangeHandler(value) {
@@ -1123,23 +1180,23 @@ var TextArea = exports.TextArea = function TextArea(_ref11) {
     name: name,
     rules: fieldRules
   };
-  controllerProps.render = function (_ref12) {
-    var _ref12$field = _ref12.field,
-      _onChange4 = _ref12$field.onChange,
-      onBlur = _ref12$field.onBlur,
-      value = _ref12$field.value,
-      name = _ref12$field.name,
-      ref = _ref12$field.ref,
-      _ref12$fieldState = _ref12.fieldState,
-      invalid = _ref12$fieldState.invalid,
-      isTouched = _ref12$fieldState.isTouched,
-      isDirty = _ref12$fieldState.isDirty,
-      error = _ref12$fieldState.error,
-      formState = _ref12.formState;
+  controllerProps.render = function (_ref14) {
+    var _ref14$field = _ref14.field,
+      _onChange6 = _ref14$field.onChange,
+      onBlur = _ref14$field.onBlur,
+      value = _ref14$field.value,
+      name = _ref14$field.name,
+      ref = _ref14$field.ref,
+      _ref14$fieldState = _ref14.fieldState,
+      invalid = _ref14$fieldState.invalid,
+      isTouched = _ref14$fieldState.isTouched,
+      isDirty = _ref14$fieldState.isDirty,
+      error = _ref14$fieldState.error,
+      formState = _ref14.formState;
     return /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
       onBlur: onBlur,
       onChange: function onChange(e) {
-        _onChange4(e.target.value);
+        _onChange6(e.target.value);
         onChangeHandler(e.target.value);
       },
       value: value,
@@ -1240,14 +1297,14 @@ var TextArea = exports.TextArea = function TextArea(_ref11) {
     name: name
   })));
 };
-var Dropdown = exports.Dropdown = function Dropdown(_ref13) {
+var Dropdown = exports.Dropdown = function Dropdown(_ref15) {
   var _item$required19, _item$disabled13, _item$required20;
-  var name = _ref13.name,
-    onChange = _ref13.onChange,
-    value = _ref13.value,
-    style = _ref13.style,
-    item = _ref13.item,
-    props = (0, _objectWithoutProperties2["default"])(_ref13, _excluded7);
+  var name = _ref15.name,
+    onChange = _ref15.onChange,
+    value = _ref15.value,
+    style = _ref15.style,
+    item = _ref15.item,
+    props = (0, _objectWithoutProperties2["default"])(_ref15, _excluded7);
   var methods = (0, _reactHookForm.useFormContext)();
   var inputField = _react["default"].useRef(null);
   var onChangeHandler = function onChangeHandler(value) {
@@ -1280,23 +1337,23 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref13) {
     name: name,
     rules: fieldRules
   };
-  controllerProps.render = function (_ref14) {
-    var _ref14$field = _ref14.field,
-      _onChange5 = _ref14$field.onChange,
-      onBlur = _ref14$field.onBlur,
-      value = _ref14$field.value,
-      name = _ref14$field.name,
-      ref = _ref14$field.ref,
-      _ref14$fieldState = _ref14.fieldState,
-      invalid = _ref14$fieldState.invalid,
-      isTouched = _ref14$fieldState.isTouched,
-      isDirty = _ref14$fieldState.isDirty,
-      error = _ref14$fieldState.error,
-      formState = _ref14.formState;
+  controllerProps.render = function (_ref16) {
+    var _ref16$field = _ref16.field,
+      _onChange7 = _ref16$field.onChange,
+      onBlur = _ref16$field.onBlur,
+      value = _ref16$field.value,
+      name = _ref16$field.name,
+      ref = _ref16$field.ref,
+      _ref16$fieldState = _ref16.fieldState,
+      invalid = _ref16$fieldState.invalid,
+      isTouched = _ref16$fieldState.isTouched,
+      isDirty = _ref16$fieldState.isDirty,
+      error = _ref16$fieldState.error,
+      formState = _ref16.formState;
     return /*#__PURE__*/_react["default"].createElement(_esm.Form.Select, (0, _extends2["default"])({
       onBlur: onBlur,
       onChange: function onChange(e) {
-        _onChange5(e.target.value);
+        _onChange7(e.target.value);
         onChangeHandler(e.target.value);
       },
       value: value,
@@ -2044,8 +2101,8 @@ var Rating = exports.Rating = /*#__PURE__*/function (_React$Component12) {
       if (this.props.item.disabled) {
         props.disabled = true;
       }
-      props.onRatingClick = function (event, _ref16) {
-        var rating = _ref16.rating;
+      props.onRatingClick = function (event, _ref18) {
+        var rating = _ref18.rating;
         _this12.props.onChange(rating);
       };
       if (this.props.item.mutable) {
@@ -2171,9 +2228,9 @@ var Camera = exports.Camera = /*#__PURE__*/function (_React$Component15) {
   }
   (0, _createClass2["default"])(Camera, [{
     key: "getImageSizeProps",
-    value: function getImageSizeProps(_ref17) {
-      var width = _ref17.width,
-        height = _ref17.height;
+    value: function getImageSizeProps(_ref19) {
+      var width = _ref19.width,
+        height = _ref19.height;
       var imgProps = {
         width: '100%'
       };
@@ -2293,7 +2350,7 @@ var FileUpload = exports.FileUpload = /*#__PURE__*/function (_React$Component16)
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this14), "saveFile", /*#__PURE__*/function () {
-      var _ref18 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(e) {
+      var _ref20 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(e) {
         var sourceUrl, response, dispositionHeader, resBlob, blob, fileName, _fileName;
         return _regenerator["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -2334,7 +2391,7 @@ var FileUpload = exports.FileUpload = /*#__PURE__*/function (_React$Component16)
         }, _callee2);
       }));
       return function (_x) {
-        return _ref18.apply(this, arguments);
+        return _ref20.apply(this, arguments);
       };
     }());
     _this14.inputField = /*#__PURE__*/_react["default"].createRef();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-survey-builder",
-  "version": "1.0.52",
+  "version": "1.0.54",
   "description": "A complete survey builder for react.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",
@@ -63,8 +63,7 @@
   },
   "peerDependencies": {
     "react": ">=18.2.0",
-    "react-dom": ">=18.2.0",
-    "react-imask": ">=7.6.0"
+    "react-dom": ">=18.2.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.12.10",
@@ -90,6 +89,8 @@
     "eslint-plugin-react": "^7.22.0",
     "express": "^4.17.1",
     "multer": "^1.4.2",
+    "react-hook-form": "^7.51.1",
+    "react-imask": "^7.6.0",
     "rimraf": "^3.0.2",
     "sass": "^1.69.7",
     "sass-loader": "^14.0.0",