react-survey-builder 1.0.43 → 1.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/index.js +1 -1
  2. package/lib/dynamic-option-list.js +13 -13
  3. package/lib/fieldset/index.js +4 -4
  4. package/lib/form-fields.js +4 -4
  5. package/lib/form.js +4 -4
  6. package/lib/index.js +6 -8
  7. package/lib/multi-column/MultiColumnRow.js +2 -2
  8. package/lib/survey-elements/component-error-message.js +3 -3
  9. package/lib/survey-elements/custom-element.js +3 -3
  10. package/lib/survey-elements/header-bar.js +5 -5
  11. package/lib/survey-elements/index.js +184 -131
  12. package/lib/survey-elements-edit.js +92 -92
  13. package/lib/survey-validator.js +3 -3
  14. package/lib/toolbar-group-item.js +2 -2
  15. package/package.json +1 -1
package/lib/survey-elements/index.js CHANGED
@@ -9,14 +9,13 @@ exports["default"] = exports.TextInput = exports.TextArea = exports.Tags = expor
9
9
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
10
10
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
11
11
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
12
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
14
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
14
15
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
15
16
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
16
17
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
17
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
18
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
19
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
20
19
  var _isomorphicFetch = _interopRequireDefault(require("isomorphic-fetch"));
21
20
  var _fileSaver = require("file-saver");
22
21
  var _react = _interopRequireDefault(require("react"));
@@ -27,7 +26,6 @@ var _componentHeader = _interopRequireDefault(require("./component-header"));
27
26
  var _componentLabel = _interopRequireDefault(require("./component-label"));
28
27
  var _myxss = _interopRequireWildcard(require("./myxss"));
29
28
  var _fa = require("react-icons/fa");
30
- var _reactBootstrap = require("react-bootstrap");
31
29
  var _reactImask = require("react-imask");
32
30
  var _reactBootstrapTypeahead = require("react-bootstrap-typeahead");
33
31
  var _componentErrorMessage = _interopRequireDefault(require("./component-error-message"));
@@ -36,19 +34,30 @@ var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
36
34
  var _ri = require("react-icons/ri");
37
35
  var _io = require("react-icons/io5");
38
36
  var _functions = require("../functions");
39
- var _excluded = ["onChange"],
40
- _excluded2 = ["onChange", "formatMask"]; // eslint-disable-next-line max-classes-per-file
37
+ var _esm = require("react-bootstrap/esm");
41
38
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
42
39
  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 && Object.prototype.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; }
43
40
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
44
41
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
45
42
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
46
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
43
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } // eslint-disable-next-line max-classes-per-file
47
44
  var CustomPhoneInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
48
- var onChange = _ref.onChange,
49
- otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
50
- console.log('otherProps', otherProps);
51
- var component = /*#__PURE__*/_react["default"].createElement(_reactImask.IMaskInput, (0, _extends2["default"])({}, otherProps, {
45
+ var id = _ref.id,
46
+ name = _ref.name,
47
+ onChange = _ref.onChange,
48
+ className = _ref.className,
49
+ onBlur = _ref.onBlur,
50
+ autoComplete = _ref.autoComplete,
51
+ required = _ref.required,
52
+ disabled = _ref.disabled;
53
+ return /*#__PURE__*/_react["default"].createElement(_reactImask.IMaskInput, {
54
+ required: required !== null && required !== void 0 ? required : false,
55
+ disabled: disabled !== null && disabled !== void 0 ? disabled : false,
56
+ id: id,
57
+ name: name,
58
+ autoComplete: autoComplete,
59
+ onBlur: onBlur,
60
+ className: className,
52
61
  mask: '{+1} (#00) 000-0000',
53
62
  lazy: false,
54
63
  overwrite: true,
@@ -68,23 +77,31 @@ var CustomPhoneInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
68
77
  // `unmaskedValue` if `unmask=true`,
69
78
  // `typedValue` if `unmask='typed'`
70
79
  function onAccept(value, mask) {
71
- onChange(value);
80
+ if (onChange !== undefined) {
81
+ onChange(value);
82
+ }
72
83
  }
73
- }));
74
- console.log(component);
75
- try {
76
- return component;
77
- } catch (err) {
78
- console.log(err);
79
- return null;
80
- }
84
+ });
81
85
  });
82
86
  var CustomDateInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
83
- var onChange = _ref2.onChange,
87
+ var id = _ref2.id,
88
+ name = _ref2.name,
89
+ onChange = _ref2.onChange,
90
+ className = _ref2.className,
91
+ onBlur = _ref2.onBlur,
92
+ autoComplete = _ref2.autoComplete,
84
93
  _ref2$formatMask = _ref2.formatMask,
85
94
  formatMask = _ref2$formatMask === void 0 ? 'MM/DD/YYYY' : _ref2$formatMask,
86
- otherProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
87
- return /*#__PURE__*/_react["default"].createElement(_reactImask.IMaskInput, (0, _extends2["default"])({}, otherProps, {
95
+ required = _ref2.required,
96
+ disabled = _ref2.disabled;
97
+ return /*#__PURE__*/_react["default"].createElement(_reactImask.IMaskInput, {
98
+ required: required !== null && required !== void 0 ? required : false,
99
+ disabled: disabled !== null && disabled !== void 0 ? disabled : false,
100
+ id: id,
101
+ name: name,
102
+ autoComplete: autoComplete,
103
+ onBlur: onBlur,
104
+ className: className,
88
105
  mask: Date,
89
106
  lazy: false,
90
107
  overwrite: true,
@@ -144,7 +161,7 @@ var CustomDateInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref2,
144
161
  onChange(value);
145
162
  }
146
163
  }
147
- }));
164
+ });
148
165
  });
149
166
  var SurveyElements = {};
150
167
  var Header = exports.Header = /*#__PURE__*/function (_React$Component) {
@@ -321,7 +338,9 @@ var TextInput = exports.TextInput = /*#__PURE__*/function (_React$Component6) {
321
338
  };
322
339
  props.value = this.props.value;
323
340
  props.isInvalid = this.props.isInvalid;
324
- props.onBlur = this.props.onBlur;
341
+ if (this.props.onBlur) {
342
+ props.onBlur = this.props.onBlur;
343
+ }
325
344
  props.autoComplete = "new-password";
326
345
  if (this.props.item.disabled) {
327
346
  props.disabled = 'disabled';
@@ -341,7 +360,7 @@ var TextInput = exports.TextInput = /*#__PURE__*/function (_React$Component6) {
341
360
  return /*#__PURE__*/_react["default"].createElement("div", {
342
361
  style: _objectSpread({}, this.props.style),
343
362
  className: baseClasses
344
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
363
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
345
364
  className: "form-group mb-3"
346
365
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
347
366
  htmlFor: props.name
@@ -350,19 +369,19 @@ var TextInput = exports.TextInput = /*#__PURE__*/function (_React$Component6) {
350
369
  return /*#__PURE__*/_react["default"].createElement("div", {
351
370
  style: _objectSpread({}, this.props.style),
352
371
  className: baseClasses
353
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
372
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
354
373
  className: "form-group mb-3"
355
- }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
374
+ }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
356
375
  id: props.name + '-' + (0, _functions.generateUUID)(),
357
376
  type: "text"
358
377
  }, props)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
359
378
  htmlFor: props.name
360
379
  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
361
380
  htmlFor: props.name
362
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
381
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
363
382
  id: props.name + '-' + (0, _functions.generateUUID)(),
364
383
  type: "text"
365
- }, props))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
384
+ }, props))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
366
385
  muted: true
367
386
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
368
387
  name: props.name
@@ -393,7 +412,9 @@ var EmailInput = exports.EmailInput = /*#__PURE__*/function (_React$Component7)
393
412
  };
394
413
  props.value = this.props.value;
395
414
  props.isInvalid = this.props.isInvalid;
396
- props.onBlur = this.props.onBlur;
415
+ if (this.props.onBlur) {
416
+ props.onBlur = this.props.onBlur;
417
+ }
397
418
  props.autoComplete = "new-password";
398
419
  if (this.props.item.disabled) {
399
420
  props.disabled = 'disabled';
@@ -413,7 +434,7 @@ var EmailInput = exports.EmailInput = /*#__PURE__*/function (_React$Component7)
413
434
  return /*#__PURE__*/_react["default"].createElement("div", {
414
435
  style: _objectSpread({}, this.props.style),
415
436
  className: baseClasses
416
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
437
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
417
438
  className: "form-group mb-3"
418
439
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
419
440
  htmlFor: props.name
@@ -422,19 +443,19 @@ var EmailInput = exports.EmailInput = /*#__PURE__*/function (_React$Component7)
422
443
  return /*#__PURE__*/_react["default"].createElement("div", {
423
444
  style: _objectSpread({}, this.props.style),
424
445
  className: baseClasses
425
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
446
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
426
447
  className: "form-group mb-3"
427
- }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
448
+ }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
428
449
  id: props.name + '-' + (0, _functions.generateUUID)(),
429
450
  type: "text"
430
451
  }, props)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
431
452
  htmlFor: props.name
432
453
  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
433
454
  htmlFor: props.name
434
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
455
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
435
456
  id: props.name + '-' + (0, _functions.generateUUID)(),
436
457
  type: "text"
437
- }, props))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
458
+ }, props))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
438
459
  muted: true
439
460
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
440
461
  name: props.name
@@ -458,17 +479,32 @@ var PhoneNumber = exports.PhoneNumber = /*#__PURE__*/function (_React$Component8
458
479
  value: function render() {
459
480
  var _this6 = this;
460
481
  var props = {};
482
+ console.log(this.props);
483
+ console.log(this.props.item);
461
484
  props.name = this.props.name;
462
- props.placeholder = this.props.item.placeholder;
485
+ if (this.props.item.placeholder) {
486
+ props.placeholder = this.props.item.placeholder;
487
+ }
488
+ if (this.props.item.readOnly) {
489
+ props.readOnly = this.props.item.readOnly;
490
+ }
463
491
  props.onChange = function (val) {
464
- _this6.props.onChange(val);
492
+ if (_this6.props.onChange) {
493
+ _this6.props.onChange(val);
494
+ }
465
495
  };
466
- props.value = this.props.value;
467
- props.isInvalid = this.props.isInvalid;
468
- props.onBlur = this.props.onBlur;
496
+ if (this.props.value) {
497
+ props.value = this.props.value;
498
+ }
499
+ if (this.props.isInvalid) {
500
+ props.isInvalid = this.props.isInvalid;
501
+ }
502
+ if (this.props.onBlur) {
503
+ props.onBlur = this.props.onBlur;
504
+ }
469
505
  props.autoComplete = "new-password";
470
506
  if (this.props.item.disabled) {
471
- props.disabled = 'disabled';
507
+ props.disabled = true;
472
508
  }
473
509
  if (this.props.item.mutable) {
474
510
  props.ref = this.inputField;
@@ -485,37 +521,38 @@ var PhoneNumber = exports.PhoneNumber = /*#__PURE__*/function (_React$Component8
485
521
  return /*#__PURE__*/_react["default"].createElement("div", {
486
522
  style: _objectSpread({}, this.props.style),
487
523
  className: baseClasses
488
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
524
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
489
525
  className: "form-group mb-3"
490
526
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
491
527
  htmlFor: props.name
492
528
  })), /*#__PURE__*/_react["default"].createElement("div", null, this.props.value)));
493
529
  }
494
- Object.keys(props).forEach(function (key) {
495
- if (props[key] === undefined) {
496
- delete props[key];
497
- }
498
- });
530
+
531
+ // Object.keys(props).forEach((key) => {
532
+ // if (props[key] === undefined) {
533
+ // delete props[key];
534
+ // }
535
+ // });
536
+
537
+ console.log('props', props);
499
538
  return /*#__PURE__*/_react["default"].createElement("div", {
500
539
  style: _objectSpread({}, this.props.style),
501
540
  className: baseClasses
502
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
541
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
503
542
  className: "form-group mb-3"
504
- }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
505
- id: props.name + '-' + (0, _functions.generateUUID)(),
506
- type: "text"
543
+ }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
544
+ id: props.name + '-' + (0, _functions.generateUUID)()
507
545
  }, props, {
508
546
  as: CustomPhoneInput
509
547
  })), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
510
548
  htmlFor: props.name
511
549
  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
512
550
  htmlFor: props.name
513
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
514
- id: props.name + '-' + (0, _functions.generateUUID)(),
515
- type: "text"
551
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
552
+ id: props.name + '-' + (0, _functions.generateUUID)()
516
553
  }, props, {
517
554
  as: CustomPhoneInput
518
- }))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
555
+ }))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
519
556
  muted: true
520
557
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
521
558
  name: props.name
@@ -548,7 +585,9 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/function (_React$Component9)
548
585
  };
549
586
  props.value = this.props.value;
550
587
  props.isInvalid = this.props.isInvalid;
551
- props.onBlur = this.props.onBlur;
588
+ if (this.props.onBlur) {
589
+ props.onBlur = this.props.onBlur;
590
+ }
552
591
  props.autoComplete = "new-password";
553
592
  if (this.props.item.disabled) {
554
593
  props.disabled = true;
@@ -570,7 +609,7 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/function (_React$Component9)
570
609
  return /*#__PURE__*/_react["default"].createElement("div", {
571
610
  style: _objectSpread({}, this.props.style),
572
611
  className: baseClasses
573
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
612
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
574
613
  className: "form-group mb-3"
575
614
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
576
615
  htmlFor: props.name
@@ -587,9 +626,9 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/function (_React$Component9)
587
626
  return /*#__PURE__*/_react["default"].createElement("div", {
588
627
  style: _objectSpread({}, this.props.style),
589
628
  className: baseClasses
590
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
629
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
591
630
  className: "form-group mb-3"
592
- }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
631
+ }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
593
632
  id: props.name + '-' + (0, _functions.generateUUID)(),
594
633
  type: "text"
595
634
  }, props, {
@@ -598,12 +637,12 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/function (_React$Component9)
598
637
  htmlFor: props.name
599
638
  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
600
639
  htmlFor: props.name
601
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
640
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
602
641
  id: props.name + '-' + (0, _functions.generateUUID)(),
603
642
  type: "text"
604
643
  }, props, {
605
644
  as: CustomDateInput
606
- }))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
645
+ }))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
607
646
  muted: true
608
647
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
609
648
  name: props.name
@@ -637,7 +676,9 @@ var NumberInput = exports.NumberInput = /*#__PURE__*/function (_React$Component1
637
676
  };
638
677
  props.value = this.props.value;
639
678
  props.isInvalid = this.props.isInvalid;
640
- props.onBlur = this.props.onBlur;
679
+ if (this.props.onBlur) {
680
+ props.onBlur = this.props.onBlur;
681
+ }
641
682
  props.autoComplete = "new-password";
642
683
  if (this.props.item.disabled) {
643
684
  props.disabled = 'disabled';
@@ -660,7 +701,7 @@ var NumberInput = exports.NumberInput = /*#__PURE__*/function (_React$Component1
660
701
  return /*#__PURE__*/_react["default"].createElement("div", {
661
702
  style: _objectSpread({}, this.props.style),
662
703
  className: baseClasses
663
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
704
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
664
705
  className: "form-group mb-3"
665
706
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
666
707
  htmlFor: props.name
@@ -669,19 +710,19 @@ var NumberInput = exports.NumberInput = /*#__PURE__*/function (_React$Component1
669
710
  return /*#__PURE__*/_react["default"].createElement("div", {
670
711
  style: _objectSpread({}, this.props.style),
671
712
  className: baseClasses
672
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
713
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
673
714
  className: "form-group mb-3"
674
- }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
715
+ }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
675
716
  id: props.name + '-' + (0, _functions.generateUUID)(),
676
717
  type: "number"
677
718
  }, props)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
678
719
  htmlFor: props.name
679
720
  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
680
721
  htmlFor: props.name
681
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
722
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
682
723
  id: props.name + '-' + (0, _functions.generateUUID)(),
683
724
  type: "number"
684
- }, props))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
725
+ }, props))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
685
726
  muted: true
686
727
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
687
728
  name: props.name
@@ -712,7 +753,9 @@ var TextArea = exports.TextArea = /*#__PURE__*/function (_React$Component11) {
712
753
  };
713
754
  props.value = this.props.value;
714
755
  props.isInvalid = this.props.isInvalid;
715
- props.onBlur = this.props.onBlur;
756
+ if (this.props.onBlur) {
757
+ props.onBlur = this.props.onBlur;
758
+ }
716
759
  props.autoComplete = "new-password";
717
760
  if (this.props.item.disabled) {
718
761
  props.disabled = 'disabled';
@@ -732,7 +775,7 @@ var TextArea = exports.TextArea = /*#__PURE__*/function (_React$Component11) {
732
775
  return /*#__PURE__*/_react["default"].createElement("div", {
733
776
  style: _objectSpread({}, this.props.style),
734
777
  className: baseClasses
735
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
778
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
736
779
  className: "form-group mb-3"
737
780
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
738
781
  htmlFor: props.name
@@ -741,19 +784,19 @@ var TextArea = exports.TextArea = /*#__PURE__*/function (_React$Component11) {
741
784
  return /*#__PURE__*/_react["default"].createElement("div", {
742
785
  style: _objectSpread({}, this.props.style),
743
786
  className: baseClasses
744
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
787
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
745
788
  className: "form-group mb-3"
746
- }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
789
+ }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
747
790
  as: "textarea",
748
791
  id: props.name + '-' + (0, _functions.generateUUID)()
749
792
  }, props)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
750
793
  htmlFor: props.name
751
794
  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
752
795
  htmlFor: props.name
753
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
796
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
754
797
  as: "textarea",
755
798
  id: props.name + '-' + (0, _functions.generateUUID)()
756
- }, props))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
799
+ }, props))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
757
800
  muted: true
758
801
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
759
802
  name: props.name
@@ -784,7 +827,9 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_React$Component12) {
784
827
  };
785
828
  props.value = this.props.value;
786
829
  props.isInvalid = this.props.isInvalid;
787
- props.onBlur = this.props.onBlur;
830
+ if (this.props.onBlur) {
831
+ props.onBlur = this.props.onBlur;
832
+ }
788
833
  props.autoComplete = "new-password";
789
834
  if (this.props.item.disabled) {
790
835
  props.disabled = 'disabled';
@@ -805,7 +850,7 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_React$Component12) {
805
850
  return /*#__PURE__*/_react["default"].createElement("div", {
806
851
  style: _objectSpread({}, this.props.style),
807
852
  className: baseClasses
808
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
853
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
809
854
  className: "form-group mb-3"
810
855
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
811
856
  htmlFor: props.name
@@ -816,9 +861,9 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_React$Component12) {
816
861
  return /*#__PURE__*/_react["default"].createElement("div", {
817
862
  style: _objectSpread({}, this.props.style),
818
863
  className: baseClasses
819
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
864
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
820
865
  className: "form-group mb-3"
821
- }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Select, (0, _extends2["default"])({
866
+ }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_esm.Form.Select, (0, _extends2["default"])({
822
867
  id: props.name + '-' + (0, _functions.generateUUID)()
823
868
  }, props), props.placeholder ? /*#__PURE__*/_react["default"].createElement("option", {
824
869
  value: ""
@@ -832,7 +877,7 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_React$Component12) {
832
877
  htmlFor: props.name
833
878
  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
834
879
  htmlFor: props.name
835
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Select, (0, _extends2["default"])({
880
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Form.Select, (0, _extends2["default"])({
836
881
  id: props.name + '-' + (0, _functions.generateUUID)()
837
882
  }, props), props.placeholder ? /*#__PURE__*/_react["default"].createElement("option", {
838
883
  value: ""
@@ -842,7 +887,7 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_React$Component12) {
842
887
  value: option.value,
843
888
  key: thisKey
844
889
  }, option.text);
845
- }))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
890
+ }))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
846
891
  muted: true
847
892
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
848
893
  name: props.name
@@ -976,11 +1021,11 @@ var Signature = exports.Signature = /*#__PURE__*/function (_React$Component13) {
976
1021
  return /*#__PURE__*/_react["default"].createElement("div", {
977
1022
  style: _objectSpread({}, this.props.style),
978
1023
  className: baseClasses
979
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1024
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
980
1025
  className: "form-group mb-3"
981
1026
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
982
1027
  htmlFor: this.props.name
983
- })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Image, {
1028
+ })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_esm.Image, {
984
1029
  src: sourceDataURL
985
1030
  }), /*#__PURE__*/_react["default"].createElement("hr", {
986
1031
  style: {
@@ -991,11 +1036,11 @@ var Signature = exports.Signature = /*#__PURE__*/function (_React$Component13) {
991
1036
  return /*#__PURE__*/_react["default"].createElement("div", {
992
1037
  style: _objectSpread({}, this.props.style),
993
1038
  className: baseClasses
994
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1039
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
995
1040
  className: "form-group mb-3"
996
1041
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
997
1042
  htmlFor: this.props.name
998
- })), this.props.readOnly === true ? !!sourceDataURL ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Image, {
1043
+ })), this.props.readOnly === true ? !!sourceDataURL ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_esm.Image, {
999
1044
  src: sourceDataURL
1000
1045
  }), /*#__PURE__*/_react["default"].createElement("hr", {
1001
1046
  style: {
@@ -1011,23 +1056,23 @@ var Signature = exports.Signature = /*#__PURE__*/function (_React$Component13) {
1011
1056
  }
1012
1057
  }))), /*#__PURE__*/_react["default"].createElement("div", {
1013
1058
  className: "m-signature-pad--footer clearfix"
1014
- }, canClear && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
1059
+ }, canClear && /*#__PURE__*/_react["default"].createElement(_esm.Button, {
1015
1060
  variant: "default",
1016
1061
  size: "sm",
1017
1062
  className: "clear-signature float-end",
1018
1063
  onClick: this.clear,
1019
1064
  title: "Clear Signature"
1020
- }, /*#__PURE__*/_react["default"].createElement(_fa.FaTimes, null), " clear"))), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, null, "Please print your full legal name and today's date."), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Container, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
1065
+ }, /*#__PURE__*/_react["default"].createElement(_fa.FaTimes, null), " clear"))), /*#__PURE__*/_react["default"].createElement(_esm.Form.Label, null, "Please print your full legal name and today's date."), /*#__PURE__*/_react["default"].createElement(_esm.Container, null, /*#__PURE__*/_react["default"].createElement(_esm.Row, null, /*#__PURE__*/_react["default"].createElement(_esm.Col, {
1021
1066
  sm: 6
1022
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
1067
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, {
1023
1068
  value: (_this$props$value$nam = (_this$props$value10 = this.props.value) === null || _this$props$value10 === void 0 ? void 0 : _this$props$value10.name) !== null && _this$props$value$nam !== void 0 ? _this$props$value$nam : '',
1024
1069
  type: "text",
1025
1070
  required: true,
1026
1071
  placeholder: "Full Legal Name",
1027
1072
  onChange: this.onChangeName
1028
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
1073
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Col, {
1029
1074
  sm: 6
1030
- }, "Today's Date: ", (0, _momentTimezone["default"])().format('MM/DD/YYYY'))))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
1075
+ }, "Today's Date: ", (0, _momentTimezone["default"])().format('MM/DD/YYYY'))))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
1031
1076
  muted: true
1032
1077
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1033
1078
  name: this.props.name
@@ -1080,7 +1125,9 @@ var Tags = exports.Tags = /*#__PURE__*/function (_React$Component14) {
1080
1125
  }) : []);
1081
1126
  };
1082
1127
  props.isInvalid = this.props.isInvalid;
1083
- props.onBlur = this.props.onBlur;
1128
+ if (this.props.onBlur) {
1129
+ props.onBlur = this.props.onBlur;
1130
+ }
1084
1131
  props.autoComplete = "new-password";
1085
1132
  if (this.props.item.disabled) {
1086
1133
  props.disabled = 'disabled';
@@ -1105,7 +1152,7 @@ var Tags = exports.Tags = /*#__PURE__*/function (_React$Component14) {
1105
1152
  return /*#__PURE__*/_react["default"].createElement("div", {
1106
1153
  style: _objectSpread({}, this.props.style),
1107
1154
  className: baseClasses
1108
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1155
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1109
1156
  className: "form-group mb-3"
1110
1157
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1111
1158
  htmlFor: props.name
@@ -1118,9 +1165,9 @@ var Tags = exports.Tags = /*#__PURE__*/function (_React$Component14) {
1118
1165
  return /*#__PURE__*/_react["default"].createElement("div", {
1119
1166
  style: _objectSpread({}, this.props.style),
1120
1167
  className: baseClasses
1121
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1168
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1122
1169
  className: "form-group mb-3"
1123
- }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrapTypeahead.Typeahead, (0, _extends2["default"])({
1170
+ }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrapTypeahead.Typeahead, (0, _extends2["default"])({
1124
1171
  labelKey: function labelKey(option) {
1125
1172
  return option.label;
1126
1173
  },
@@ -1134,7 +1181,7 @@ var Tags = exports.Tags = /*#__PURE__*/function (_React$Component14) {
1134
1181
  return option.label;
1135
1182
  },
1136
1183
  id: props.name + '-' + (0, _functions.generateUUID)()
1137
- }, props))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
1184
+ }, props))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
1138
1185
  muted: true
1139
1186
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1140
1187
  name: props.name
@@ -1178,7 +1225,7 @@ var Checkboxes = exports.Checkboxes = /*#__PURE__*/function (_React$Component15)
1178
1225
  return /*#__PURE__*/_react["default"].createElement("div", {
1179
1226
  style: _objectSpread({}, this.props.style),
1180
1227
  className: baseClasses
1181
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1228
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1182
1229
  className: "form-group mb-3"
1183
1230
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1184
1231
  htmlFor: this.props.name
@@ -1191,7 +1238,7 @@ var Checkboxes = exports.Checkboxes = /*#__PURE__*/function (_React$Component15)
1191
1238
  return /*#__PURE__*/_react["default"].createElement("div", {
1192
1239
  style: _objectSpread({}, this.props.style),
1193
1240
  className: baseClasses
1194
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1241
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1195
1242
  className: "form-group mb-3"
1196
1243
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1197
1244
  htmlFor: this.props.name
@@ -1205,7 +1252,7 @@ var Checkboxes = exports.Checkboxes = /*#__PURE__*/function (_React$Component15)
1205
1252
  if (self.props.item.disabled) {
1206
1253
  props.disabled = 'disabled';
1207
1254
  }
1208
- return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.ToggleButton, (0, _extends2["default"])({
1255
+ return /*#__PURE__*/_react["default"].createElement(_esm.ToggleButton, (0, _extends2["default"])({
1209
1256
  type: "checkbox",
1210
1257
  variant: (_this20$props$checkbo = _this20.props.checkboxButtonClassName) !== null && _this20$props$checkbo !== void 0 ? _this20$props$checkbo : "outline-light",
1211
1258
  className: "btn-survey-builder-checkbox",
@@ -1230,7 +1277,7 @@ var Checkboxes = exports.Checkboxes = /*#__PURE__*/function (_React$Component15)
1230
1277
  }), /*#__PURE__*/_react["default"].createElement("div", {
1231
1278
  className: "text-start"
1232
1279
  }, option.text)));
1233
- }), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
1280
+ }), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
1234
1281
  muted: true
1235
1282
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1236
1283
  name: this.props.name
@@ -1267,7 +1314,9 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/function (_React$Component16) {
1267
1314
  }
1268
1315
  };
1269
1316
  //props.isInvalid = this.props.isInvalid;
1270
- props.onBlur = this.props.onBlur;
1317
+ if (this.props.onBlur) {
1318
+ props.onBlur = this.props.onBlur;
1319
+ }
1271
1320
  props.autoComplete = "new-password";
1272
1321
  if (this.props.item.disabled) {
1273
1322
  props.disabled = 'disabled';
@@ -1282,7 +1331,7 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/function (_React$Component16) {
1282
1331
  return /*#__PURE__*/_react["default"].createElement("div", {
1283
1332
  style: _objectSpread({}, this.props.style),
1284
1333
  className: baseClasses
1285
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1334
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1286
1335
  className: "form-group mb-3"
1287
1336
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1288
1337
  htmlFor: props.name
@@ -1295,11 +1344,11 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/function (_React$Component16) {
1295
1344
  return /*#__PURE__*/_react["default"].createElement("div", {
1296
1345
  style: _objectSpread({}, this.props.style),
1297
1346
  className: baseClasses
1298
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1347
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1299
1348
  className: "form-group mb-3"
1300
1349
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({
1301
1350
  className: "form-label"
1302
- }, this.props)), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.ToggleButton, (0, _extends2["default"])({
1351
+ }, this.props)), /*#__PURE__*/_react["default"].createElement(_esm.ToggleButton, (0, _extends2["default"])({
1303
1352
  type: "checkbox",
1304
1353
  variant: (_this$props$checkboxB = this.props.checkboxButtonClassName) !== null && _this$props$checkboxB !== void 0 ? _this$props$checkboxB : "outline-light",
1305
1354
  className: "btn-survey-builder-checkbox",
@@ -1319,7 +1368,7 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/function (_React$Component16) {
1319
1368
  dangerouslySetInnerHTML: {
1320
1369
  __html: this.props.item.boxLabel
1321
1370
  }
1322
- })))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
1371
+ })))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
1323
1372
  muted: true
1324
1373
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1325
1374
  name: props.name
@@ -1351,7 +1400,7 @@ var RadioButtons = exports.RadioButtons = /*#__PURE__*/function (_React$Componen
1351
1400
  return /*#__PURE__*/_react["default"].createElement("div", {
1352
1401
  style: _objectSpread({}, this.props.style),
1353
1402
  className: baseClasses
1354
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1403
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1355
1404
  className: "form-group mb-3"
1356
1405
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1357
1406
  htmlFor: this.props.name
@@ -1365,12 +1414,12 @@ var RadioButtons = exports.RadioButtons = /*#__PURE__*/function (_React$Componen
1365
1414
  return /*#__PURE__*/_react["default"].createElement("div", {
1366
1415
  style: _objectSpread({}, self.props.style),
1367
1416
  className: baseClasses
1368
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], self.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1417
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], self.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1369
1418
  className: "form-group mb-3"
1370
1419
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], self.props), self.props.item.options.map(function (option) {
1371
1420
  var _self$props$checkboxB, _self$props, _self$props2, _self$props3, _self$props5, _self$props6;
1372
1421
  console.log('option', option);
1373
- return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.ToggleButton, {
1422
+ return /*#__PURE__*/_react["default"].createElement(_esm.ToggleButton, {
1374
1423
  label: option.text,
1375
1424
  type: "radio",
1376
1425
  variant: (_self$props$checkboxB = self.props.checkboxButtonClassName) !== null && _self$props$checkboxB !== void 0 ? _self$props$checkboxB : "outline-light",
@@ -1408,7 +1457,7 @@ var RadioButtons = exports.RadioButtons = /*#__PURE__*/function (_React$Componen
1408
1457
  __html: option.text
1409
1458
  }
1410
1459
  }))));
1411
- }), self.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
1460
+ }), self.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
1412
1461
  muted: true
1413
1462
  }, self.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1414
1463
  name: self.props.name
@@ -1437,7 +1486,7 @@ var Image = exports.Image = /*#__PURE__*/function (_React$Component18) {
1437
1486
  return /*#__PURE__*/_react["default"].createElement("div", {
1438
1487
  style: _objectSpread(_objectSpread({}, this.props.style), style),
1439
1488
  className: baseClasses
1440
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), this.props.item.src && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Image, {
1489
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), this.props.item.src && /*#__PURE__*/_react["default"].createElement(_esm.Image, {
1441
1490
  src: this.props.item.src,
1442
1491
  width: this.props.item.width,
1443
1492
  height: this.props.item.height
@@ -1486,7 +1535,7 @@ var Rating = exports.Rating = /*#__PURE__*/function (_React$Component19) {
1486
1535
  return /*#__PURE__*/_react["default"].createElement("div", {
1487
1536
  style: _objectSpread({}, this.props.style),
1488
1537
  className: baseClasses
1489
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1538
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1490
1539
  className: "form-group mb-3"
1491
1540
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1492
1541
  htmlFor: props.name
@@ -1495,11 +1544,11 @@ var Rating = exports.Rating = /*#__PURE__*/function (_React$Component19) {
1495
1544
  return /*#__PURE__*/_react["default"].createElement("div", {
1496
1545
  style: _objectSpread({}, this.props.style),
1497
1546
  className: baseClasses
1498
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1547
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1499
1548
  className: "form-group mb-3"
1500
1549
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1501
1550
  htmlFor: props.name
1502
- })), /*#__PURE__*/_react["default"].createElement(_starRating["default"], props), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
1551
+ })), /*#__PURE__*/_react["default"].createElement(_starRating["default"], props), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
1503
1552
  muted: true
1504
1553
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1505
1554
  name: props.name
@@ -1525,9 +1574,9 @@ var HyperLink = exports.HyperLink = /*#__PURE__*/function (_React$Component20) {
1525
1574
  return /*#__PURE__*/_react["default"].createElement("div", {
1526
1575
  style: _objectSpread({}, this.props.style),
1527
1576
  className: baseClasses
1528
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1577
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1529
1578
  className: "form-group mb-3"
1530
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, null, /*#__PURE__*/_react["default"].createElement("a", {
1579
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Label, null, /*#__PURE__*/_react["default"].createElement("a", {
1531
1580
  target: "_blank",
1532
1581
  href: this.props.item.href,
1533
1582
  dangerouslySetInnerHTML: {
@@ -1555,7 +1604,7 @@ var Download = exports.Download = /*#__PURE__*/function (_React$Component21) {
1555
1604
  return /*#__PURE__*/_react["default"].createElement("div", {
1556
1605
  style: _objectSpread({}, this.props.style),
1557
1606
  className: baseClasses
1558
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1607
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1559
1608
  className: "form-group mb-3"
1560
1609
  }, /*#__PURE__*/_react["default"].createElement("a", {
1561
1610
  href: "".concat(this.props.downloadPath, "?id=").concat(this.props.item.filePath)
@@ -1629,7 +1678,9 @@ var Camera = exports.Camera = /*#__PURE__*/function (_React$Component22) {
1629
1678
  event.target.value = null;
1630
1679
  };
1631
1680
  props.isInvalid = this.props.isInvalid;
1632
- props.onBlur = this.props.onBlur;
1681
+ if (this.props.onBlur) {
1682
+ props.onBlur = this.props.onBlur;
1683
+ }
1633
1684
  if (this.props.item.disabled) {
1634
1685
  props.disabled = 'disabled';
1635
1686
  }
@@ -1652,37 +1703,37 @@ var Camera = exports.Camera = /*#__PURE__*/function (_React$Component22) {
1652
1703
  return /*#__PURE__*/_react["default"].createElement("div", {
1653
1704
  style: _objectSpread({}, this.props.style),
1654
1705
  className: baseClasses
1655
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1706
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1656
1707
  className: "form-group mb-3"
1657
- }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Image, (0, _extends2["default"])({
1708
+ }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_esm.Image, (0, _extends2["default"])({
1658
1709
  style: imageStyle,
1659
1710
  src: sourceDataURL
1660
1711
  }, this.getImageSizeProps(this.props.item)))) : /*#__PURE__*/_react["default"].createElement("div", {
1661
1712
  className: "image-upload-container"
1662
1713
  }, /*#__PURE__*/_react["default"].createElement("div", {
1663
1714
  style: fileInputStyle
1664
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
1715
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
1665
1716
  type: "file",
1666
1717
  accept: "image/*",
1667
1718
  capture: "camera",
1668
1719
  className: "image-upload"
1669
1720
  }, props)), /*#__PURE__*/_react["default"].createElement("div", {
1670
1721
  className: "image-upload-control"
1671
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
1722
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Button, {
1672
1723
  variant: "light"
1673
1724
  }, /*#__PURE__*/_react["default"].createElement(_fa.FaCamera, null), " Upload Photo"), /*#__PURE__*/_react["default"].createElement("span", null, "Select an image from your computer or device."))), this.props.value && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
1674
1725
  className: "clearfix"
1675
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Image
1726
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Image
1676
1727
  // onLoad={() => URL.revokeObjectURL(this.state.previewImg)}
1677
1728
  , {
1678
1729
  src: URL.createObjectURL(this.props.value),
1679
1730
  height: "100",
1680
1731
  className: "image-upload-preview"
1681
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
1732
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Button, {
1682
1733
  variant: "default",
1683
1734
  size: "sm",
1684
1735
  onClick: this.clearImage
1685
- }, /*#__PURE__*/_react["default"].createElement(_fa.FaTimes, null), " Clear Photo"))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
1736
+ }, /*#__PURE__*/_react["default"].createElement(_fa.FaTimes, null), " Clear Photo"))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
1686
1737
  muted: true
1687
1738
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1688
1739
  name: this.props.name
@@ -1781,7 +1832,9 @@ var FileUpload = exports.FileUpload = /*#__PURE__*/function (_React$Component23)
1781
1832
  event.target.value = null;
1782
1833
  };
1783
1834
  props.isInvalid = this.props.isInvalid;
1784
- props.onBlur = this.props.onBlur;
1835
+ if (this.props.onBlur) {
1836
+ props.onBlur = this.props.onBlur;
1837
+ }
1785
1838
  if (this.props.item.disabled) {
1786
1839
  props.disabled = 'disabled';
1787
1840
  }
@@ -1795,22 +1848,22 @@ var FileUpload = exports.FileUpload = /*#__PURE__*/function (_React$Component23)
1795
1848
  return /*#__PURE__*/_react["default"].createElement("div", {
1796
1849
  style: _objectSpread({}, this.props.style),
1797
1850
  className: baseClasses
1798
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1851
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1799
1852
  className: "form-group mb-3"
1800
- }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
1853
+ }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_esm.Button, {
1801
1854
  variant: "default",
1802
1855
  onClick: this.saveFile
1803
1856
  }, /*#__PURE__*/_react["default"].createElement(_fa.FaDownload, null), " Download File")) : /*#__PURE__*/_react["default"].createElement("div", {
1804
1857
  className: "image-upload-container"
1805
1858
  }, /*#__PURE__*/_react["default"].createElement("div", {
1806
1859
  style: fileInputStyle
1807
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
1860
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
1808
1861
  type: "file",
1809
1862
  accept: this.props.item.fileType || '*',
1810
1863
  className: "image-upload"
1811
1864
  }, props)), /*#__PURE__*/_react["default"].createElement("div", {
1812
1865
  className: "image-upload-control"
1813
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
1866
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Button, {
1814
1867
  variant: "light"
1815
1868
  }, /*#__PURE__*/_react["default"].createElement(_fa.FaFile, null), " Upload File"), /*#__PURE__*/_react["default"].createElement("span", null, "Select a file from your computer or device."))), this.state.fileUpload && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
1816
1869
  className: "clearfix"
@@ -1826,12 +1879,12 @@ var FileUpload = exports.FileUpload = /*#__PURE__*/function (_React$Component23)
1826
1879
  display: 'inline-block',
1827
1880
  marginLeft: '5px'
1828
1881
  }
1829
- }, this.state.fileUpload.size.length > 6 ? "Size: ".concat(Math.ceil(this.state.fileUpload.size / (1024 * 1024)), " mb") : "Size: ".concat(Math.ceil(this.state.fileUpload.size / 1024), " kb")))), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
1882
+ }, this.state.fileUpload.size.length > 6 ? "Size: ".concat(Math.ceil(this.state.fileUpload.size / (1024 * 1024)), " mb") : "Size: ".concat(Math.ceil(this.state.fileUpload.size / 1024), " kb")))), /*#__PURE__*/_react["default"].createElement(_esm.Button, {
1830
1883
  variant: "default",
1831
1884
  size: "sm",
1832
1885
  className: "btn-file-upload-clear",
1833
1886
  onClick: this.clearFileUpload
1834
- }, /*#__PURE__*/_react["default"].createElement(_fa.FaTimes, null), " Clear File"))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
1887
+ }, /*#__PURE__*/_react["default"].createElement(_fa.FaTimes, null), " Clear File"))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
1835
1888
  muted: true
1836
1889
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1837
1890
  name: this.props.name
@@ -1912,7 +1965,7 @@ var Range = exports.Range = /*#__PURE__*/function (_React$Component24) {
1912
1965
  return /*#__PURE__*/_react["default"].createElement("div", {
1913
1966
  style: _objectSpread({}, this.props.style),
1914
1967
  className: baseClasses
1915
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1968
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1916
1969
  className: "form-group mb-3"
1917
1970
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1918
1971
  htmlFor: name
@@ -1921,7 +1974,7 @@ var Range = exports.Range = /*#__PURE__*/function (_React$Component24) {
1921
1974
  return /*#__PURE__*/_react["default"].createElement("div", {
1922
1975
  style: _objectSpread({}, this.props.style),
1923
1976
  className: baseClasses
1924
- }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1977
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1925
1978
  className: "form-group mb-3"
1926
1979
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1927
1980
  htmlFor: name
@@ -1937,7 +1990,7 @@ var Range = exports.Range = /*#__PURE__*/function (_React$Component24) {
1937
1990
  className: "visible_marks"
1938
1991
  }, visibleMarks), /*#__PURE__*/_react["default"].createElement("datalist", {
1939
1992
  id: props.list
1940
- }, _datalist), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
1993
+ }, _datalist), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
1941
1994
  muted: true
1942
1995
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1943
1996
  name: name