react-survey-builder 1.0.42 → 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 -123
  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 +4 -4
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,23 +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
- Object.keys(otherProps).forEach(function (key) {
51
- if (otherProps[key] === undefined) {
52
- delete otherProps[key];
53
- }
54
- });
55
- return /*#__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,
56
61
  mask: '{+1} (#00) 000-0000',
57
62
  lazy: false,
58
63
  overwrite: true,
@@ -72,16 +77,31 @@ var CustomPhoneInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
72
77
  // `unmaskedValue` if `unmask=true`,
73
78
  // `typedValue` if `unmask='typed'`
74
79
  function onAccept(value, mask) {
75
- onChange(value);
80
+ if (onChange !== undefined) {
81
+ onChange(value);
82
+ }
76
83
  }
77
- }));
84
+ });
78
85
  });
79
86
  var CustomDateInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
80
- 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,
81
93
  _ref2$formatMask = _ref2.formatMask,
82
94
  formatMask = _ref2$formatMask === void 0 ? 'MM/DD/YYYY' : _ref2$formatMask,
83
- otherProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
84
- 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,
85
105
  mask: Date,
86
106
  lazy: false,
87
107
  overwrite: true,
@@ -141,7 +161,7 @@ var CustomDateInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref2,
141
161
  onChange(value);
142
162
  }
143
163
  }
144
- }));
164
+ });
145
165
  });
146
166
  var SurveyElements = {};
147
167
  var Header = exports.Header = /*#__PURE__*/function (_React$Component) {
@@ -318,7 +338,9 @@ var TextInput = exports.TextInput = /*#__PURE__*/function (_React$Component6) {
318
338
  };
319
339
  props.value = this.props.value;
320
340
  props.isInvalid = this.props.isInvalid;
321
- props.onBlur = this.props.onBlur;
341
+ if (this.props.onBlur) {
342
+ props.onBlur = this.props.onBlur;
343
+ }
322
344
  props.autoComplete = "new-password";
323
345
  if (this.props.item.disabled) {
324
346
  props.disabled = 'disabled';
@@ -338,7 +360,7 @@ var TextInput = exports.TextInput = /*#__PURE__*/function (_React$Component6) {
338
360
  return /*#__PURE__*/_react["default"].createElement("div", {
339
361
  style: _objectSpread({}, this.props.style),
340
362
  className: baseClasses
341
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
363
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
342
364
  className: "form-group mb-3"
343
365
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
344
366
  htmlFor: props.name
@@ -347,19 +369,19 @@ var TextInput = exports.TextInput = /*#__PURE__*/function (_React$Component6) {
347
369
  return /*#__PURE__*/_react["default"].createElement("div", {
348
370
  style: _objectSpread({}, this.props.style),
349
371
  className: baseClasses
350
- }, /*#__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, {
351
373
  className: "form-group mb-3"
352
- }, 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"])({
353
375
  id: props.name + '-' + (0, _functions.generateUUID)(),
354
376
  type: "text"
355
377
  }, props)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
356
378
  htmlFor: props.name
357
379
  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
358
380
  htmlFor: props.name
359
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
381
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
360
382
  id: props.name + '-' + (0, _functions.generateUUID)(),
361
383
  type: "text"
362
- }, 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, {
363
385
  muted: true
364
386
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
365
387
  name: props.name
@@ -390,7 +412,9 @@ var EmailInput = exports.EmailInput = /*#__PURE__*/function (_React$Component7)
390
412
  };
391
413
  props.value = this.props.value;
392
414
  props.isInvalid = this.props.isInvalid;
393
- props.onBlur = this.props.onBlur;
415
+ if (this.props.onBlur) {
416
+ props.onBlur = this.props.onBlur;
417
+ }
394
418
  props.autoComplete = "new-password";
395
419
  if (this.props.item.disabled) {
396
420
  props.disabled = 'disabled';
@@ -410,7 +434,7 @@ var EmailInput = exports.EmailInput = /*#__PURE__*/function (_React$Component7)
410
434
  return /*#__PURE__*/_react["default"].createElement("div", {
411
435
  style: _objectSpread({}, this.props.style),
412
436
  className: baseClasses
413
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
437
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
414
438
  className: "form-group mb-3"
415
439
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
416
440
  htmlFor: props.name
@@ -419,19 +443,19 @@ var EmailInput = exports.EmailInput = /*#__PURE__*/function (_React$Component7)
419
443
  return /*#__PURE__*/_react["default"].createElement("div", {
420
444
  style: _objectSpread({}, this.props.style),
421
445
  className: baseClasses
422
- }, /*#__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, {
423
447
  className: "form-group mb-3"
424
- }, 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"])({
425
449
  id: props.name + '-' + (0, _functions.generateUUID)(),
426
450
  type: "text"
427
451
  }, props)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
428
452
  htmlFor: props.name
429
453
  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
430
454
  htmlFor: props.name
431
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
455
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
432
456
  id: props.name + '-' + (0, _functions.generateUUID)(),
433
457
  type: "text"
434
- }, 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, {
435
459
  muted: true
436
460
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
437
461
  name: props.name
@@ -455,17 +479,32 @@ var PhoneNumber = exports.PhoneNumber = /*#__PURE__*/function (_React$Component8
455
479
  value: function render() {
456
480
  var _this6 = this;
457
481
  var props = {};
482
+ console.log(this.props);
483
+ console.log(this.props.item);
458
484
  props.name = this.props.name;
459
- 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
+ }
460
491
  props.onChange = function (val) {
461
- _this6.props.onChange(val);
492
+ if (_this6.props.onChange) {
493
+ _this6.props.onChange(val);
494
+ }
462
495
  };
463
- props.value = this.props.value;
464
- props.isInvalid = this.props.isInvalid;
465
- 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
+ }
466
505
  props.autoComplete = "new-password";
467
506
  if (this.props.item.disabled) {
468
- props.disabled = 'disabled';
507
+ props.disabled = true;
469
508
  }
470
509
  if (this.props.item.mutable) {
471
510
  props.ref = this.inputField;
@@ -482,32 +521,38 @@ var PhoneNumber = exports.PhoneNumber = /*#__PURE__*/function (_React$Component8
482
521
  return /*#__PURE__*/_react["default"].createElement("div", {
483
522
  style: _objectSpread({}, this.props.style),
484
523
  className: baseClasses
485
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
524
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
486
525
  className: "form-group mb-3"
487
526
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
488
527
  htmlFor: props.name
489
528
  })), /*#__PURE__*/_react["default"].createElement("div", null, this.props.value)));
490
529
  }
530
+
531
+ // Object.keys(props).forEach((key) => {
532
+ // if (props[key] === undefined) {
533
+ // delete props[key];
534
+ // }
535
+ // });
536
+
537
+ console.log('props', props);
491
538
  return /*#__PURE__*/_react["default"].createElement("div", {
492
539
  style: _objectSpread({}, this.props.style),
493
540
  className: baseClasses
494
- }, /*#__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, {
495
542
  className: "form-group mb-3"
496
- }, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
497
- id: props.name + '-' + (0, _functions.generateUUID)(),
498
- 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)()
499
545
  }, props, {
500
546
  as: CustomPhoneInput
501
547
  })), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
502
548
  htmlFor: props.name
503
549
  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
504
550
  htmlFor: props.name
505
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
506
- id: props.name + '-' + (0, _functions.generateUUID)(),
507
- type: "text"
551
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
552
+ id: props.name + '-' + (0, _functions.generateUUID)()
508
553
  }, props, {
509
554
  as: CustomPhoneInput
510
- }))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
555
+ }))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
511
556
  muted: true
512
557
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
513
558
  name: props.name
@@ -540,7 +585,9 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/function (_React$Component9)
540
585
  };
541
586
  props.value = this.props.value;
542
587
  props.isInvalid = this.props.isInvalid;
543
- props.onBlur = this.props.onBlur;
588
+ if (this.props.onBlur) {
589
+ props.onBlur = this.props.onBlur;
590
+ }
544
591
  props.autoComplete = "new-password";
545
592
  if (this.props.item.disabled) {
546
593
  props.disabled = true;
@@ -562,7 +609,7 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/function (_React$Component9)
562
609
  return /*#__PURE__*/_react["default"].createElement("div", {
563
610
  style: _objectSpread({}, this.props.style),
564
611
  className: baseClasses
565
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
612
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
566
613
  className: "form-group mb-3"
567
614
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
568
615
  htmlFor: props.name
@@ -579,9 +626,9 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/function (_React$Component9)
579
626
  return /*#__PURE__*/_react["default"].createElement("div", {
580
627
  style: _objectSpread({}, this.props.style),
581
628
  className: baseClasses
582
- }, /*#__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, {
583
630
  className: "form-group mb-3"
584
- }, 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"])({
585
632
  id: props.name + '-' + (0, _functions.generateUUID)(),
586
633
  type: "text"
587
634
  }, props, {
@@ -590,12 +637,12 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/function (_React$Component9)
590
637
  htmlFor: props.name
591
638
  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
592
639
  htmlFor: props.name
593
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
640
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
594
641
  id: props.name + '-' + (0, _functions.generateUUID)(),
595
642
  type: "text"
596
643
  }, props, {
597
644
  as: CustomDateInput
598
- }))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
645
+ }))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
599
646
  muted: true
600
647
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
601
648
  name: props.name
@@ -629,7 +676,9 @@ var NumberInput = exports.NumberInput = /*#__PURE__*/function (_React$Component1
629
676
  };
630
677
  props.value = this.props.value;
631
678
  props.isInvalid = this.props.isInvalid;
632
- props.onBlur = this.props.onBlur;
679
+ if (this.props.onBlur) {
680
+ props.onBlur = this.props.onBlur;
681
+ }
633
682
  props.autoComplete = "new-password";
634
683
  if (this.props.item.disabled) {
635
684
  props.disabled = 'disabled';
@@ -652,7 +701,7 @@ var NumberInput = exports.NumberInput = /*#__PURE__*/function (_React$Component1
652
701
  return /*#__PURE__*/_react["default"].createElement("div", {
653
702
  style: _objectSpread({}, this.props.style),
654
703
  className: baseClasses
655
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
704
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
656
705
  className: "form-group mb-3"
657
706
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
658
707
  htmlFor: props.name
@@ -661,19 +710,19 @@ var NumberInput = exports.NumberInput = /*#__PURE__*/function (_React$Component1
661
710
  return /*#__PURE__*/_react["default"].createElement("div", {
662
711
  style: _objectSpread({}, this.props.style),
663
712
  className: baseClasses
664
- }, /*#__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, {
665
714
  className: "form-group mb-3"
666
- }, 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"])({
667
716
  id: props.name + '-' + (0, _functions.generateUUID)(),
668
717
  type: "number"
669
718
  }, props)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
670
719
  htmlFor: props.name
671
720
  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
672
721
  htmlFor: props.name
673
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
722
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
674
723
  id: props.name + '-' + (0, _functions.generateUUID)(),
675
724
  type: "number"
676
- }, 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, {
677
726
  muted: true
678
727
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
679
728
  name: props.name
@@ -704,7 +753,9 @@ var TextArea = exports.TextArea = /*#__PURE__*/function (_React$Component11) {
704
753
  };
705
754
  props.value = this.props.value;
706
755
  props.isInvalid = this.props.isInvalid;
707
- props.onBlur = this.props.onBlur;
756
+ if (this.props.onBlur) {
757
+ props.onBlur = this.props.onBlur;
758
+ }
708
759
  props.autoComplete = "new-password";
709
760
  if (this.props.item.disabled) {
710
761
  props.disabled = 'disabled';
@@ -724,7 +775,7 @@ var TextArea = exports.TextArea = /*#__PURE__*/function (_React$Component11) {
724
775
  return /*#__PURE__*/_react["default"].createElement("div", {
725
776
  style: _objectSpread({}, this.props.style),
726
777
  className: baseClasses
727
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
778
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
728
779
  className: "form-group mb-3"
729
780
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
730
781
  htmlFor: props.name
@@ -733,19 +784,19 @@ var TextArea = exports.TextArea = /*#__PURE__*/function (_React$Component11) {
733
784
  return /*#__PURE__*/_react["default"].createElement("div", {
734
785
  style: _objectSpread({}, this.props.style),
735
786
  className: baseClasses
736
- }, /*#__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, {
737
788
  className: "form-group mb-3"
738
- }, 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"])({
739
790
  as: "textarea",
740
791
  id: props.name + '-' + (0, _functions.generateUUID)()
741
792
  }, props)), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
742
793
  htmlFor: props.name
743
794
  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
744
795
  htmlFor: props.name
745
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
796
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
746
797
  as: "textarea",
747
798
  id: props.name + '-' + (0, _functions.generateUUID)()
748
- }, 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, {
749
800
  muted: true
750
801
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
751
802
  name: props.name
@@ -776,7 +827,9 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_React$Component12) {
776
827
  };
777
828
  props.value = this.props.value;
778
829
  props.isInvalid = this.props.isInvalid;
779
- props.onBlur = this.props.onBlur;
830
+ if (this.props.onBlur) {
831
+ props.onBlur = this.props.onBlur;
832
+ }
780
833
  props.autoComplete = "new-password";
781
834
  if (this.props.item.disabled) {
782
835
  props.disabled = 'disabled';
@@ -797,7 +850,7 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_React$Component12) {
797
850
  return /*#__PURE__*/_react["default"].createElement("div", {
798
851
  style: _objectSpread({}, this.props.style),
799
852
  className: baseClasses
800
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
853
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
801
854
  className: "form-group mb-3"
802
855
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
803
856
  htmlFor: props.name
@@ -808,9 +861,9 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_React$Component12) {
808
861
  return /*#__PURE__*/_react["default"].createElement("div", {
809
862
  style: _objectSpread({}, this.props.style),
810
863
  className: baseClasses
811
- }, /*#__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, {
812
865
  className: "form-group mb-3"
813
- }, 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"])({
814
867
  id: props.name + '-' + (0, _functions.generateUUID)()
815
868
  }, props), props.placeholder ? /*#__PURE__*/_react["default"].createElement("option", {
816
869
  value: ""
@@ -824,7 +877,7 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_React$Component12) {
824
877
  htmlFor: props.name
825
878
  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
826
879
  htmlFor: props.name
827
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Select, (0, _extends2["default"])({
880
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Form.Select, (0, _extends2["default"])({
828
881
  id: props.name + '-' + (0, _functions.generateUUID)()
829
882
  }, props), props.placeholder ? /*#__PURE__*/_react["default"].createElement("option", {
830
883
  value: ""
@@ -834,7 +887,7 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_React$Component12) {
834
887
  value: option.value,
835
888
  key: thisKey
836
889
  }, option.text);
837
- }))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
890
+ }))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
838
891
  muted: true
839
892
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
840
893
  name: props.name
@@ -968,11 +1021,11 @@ var Signature = exports.Signature = /*#__PURE__*/function (_React$Component13) {
968
1021
  return /*#__PURE__*/_react["default"].createElement("div", {
969
1022
  style: _objectSpread({}, this.props.style),
970
1023
  className: baseClasses
971
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1024
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
972
1025
  className: "form-group mb-3"
973
1026
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
974
1027
  htmlFor: this.props.name
975
- })), /*#__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, {
976
1029
  src: sourceDataURL
977
1030
  }), /*#__PURE__*/_react["default"].createElement("hr", {
978
1031
  style: {
@@ -983,11 +1036,11 @@ var Signature = exports.Signature = /*#__PURE__*/function (_React$Component13) {
983
1036
  return /*#__PURE__*/_react["default"].createElement("div", {
984
1037
  style: _objectSpread({}, this.props.style),
985
1038
  className: baseClasses
986
- }, /*#__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, {
987
1040
  className: "form-group mb-3"
988
1041
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
989
1042
  htmlFor: this.props.name
990
- })), 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, {
991
1044
  src: sourceDataURL
992
1045
  }), /*#__PURE__*/_react["default"].createElement("hr", {
993
1046
  style: {
@@ -1003,23 +1056,23 @@ var Signature = exports.Signature = /*#__PURE__*/function (_React$Component13) {
1003
1056
  }
1004
1057
  }))), /*#__PURE__*/_react["default"].createElement("div", {
1005
1058
  className: "m-signature-pad--footer clearfix"
1006
- }, canClear && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
1059
+ }, canClear && /*#__PURE__*/_react["default"].createElement(_esm.Button, {
1007
1060
  variant: "default",
1008
1061
  size: "sm",
1009
1062
  className: "clear-signature float-end",
1010
1063
  onClick: this.clear,
1011
1064
  title: "Clear Signature"
1012
- }, /*#__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, {
1013
1066
  sm: 6
1014
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
1067
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, {
1015
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 : '',
1016
1069
  type: "text",
1017
1070
  required: true,
1018
1071
  placeholder: "Full Legal Name",
1019
1072
  onChange: this.onChangeName
1020
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
1073
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Col, {
1021
1074
  sm: 6
1022
- }, "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, {
1023
1076
  muted: true
1024
1077
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1025
1078
  name: this.props.name
@@ -1072,7 +1125,9 @@ var Tags = exports.Tags = /*#__PURE__*/function (_React$Component14) {
1072
1125
  }) : []);
1073
1126
  };
1074
1127
  props.isInvalid = this.props.isInvalid;
1075
- props.onBlur = this.props.onBlur;
1128
+ if (this.props.onBlur) {
1129
+ props.onBlur = this.props.onBlur;
1130
+ }
1076
1131
  props.autoComplete = "new-password";
1077
1132
  if (this.props.item.disabled) {
1078
1133
  props.disabled = 'disabled';
@@ -1097,7 +1152,7 @@ var Tags = exports.Tags = /*#__PURE__*/function (_React$Component14) {
1097
1152
  return /*#__PURE__*/_react["default"].createElement("div", {
1098
1153
  style: _objectSpread({}, this.props.style),
1099
1154
  className: baseClasses
1100
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1155
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1101
1156
  className: "form-group mb-3"
1102
1157
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1103
1158
  htmlFor: props.name
@@ -1110,9 +1165,9 @@ var Tags = exports.Tags = /*#__PURE__*/function (_React$Component14) {
1110
1165
  return /*#__PURE__*/_react["default"].createElement("div", {
1111
1166
  style: _objectSpread({}, this.props.style),
1112
1167
  className: baseClasses
1113
- }, /*#__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, {
1114
1169
  className: "form-group mb-3"
1115
- }, 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"])({
1116
1171
  labelKey: function labelKey(option) {
1117
1172
  return option.label;
1118
1173
  },
@@ -1126,7 +1181,7 @@ var Tags = exports.Tags = /*#__PURE__*/function (_React$Component14) {
1126
1181
  return option.label;
1127
1182
  },
1128
1183
  id: props.name + '-' + (0, _functions.generateUUID)()
1129
- }, 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, {
1130
1185
  muted: true
1131
1186
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1132
1187
  name: props.name
@@ -1170,7 +1225,7 @@ var Checkboxes = exports.Checkboxes = /*#__PURE__*/function (_React$Component15)
1170
1225
  return /*#__PURE__*/_react["default"].createElement("div", {
1171
1226
  style: _objectSpread({}, this.props.style),
1172
1227
  className: baseClasses
1173
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1228
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1174
1229
  className: "form-group mb-3"
1175
1230
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1176
1231
  htmlFor: this.props.name
@@ -1183,7 +1238,7 @@ var Checkboxes = exports.Checkboxes = /*#__PURE__*/function (_React$Component15)
1183
1238
  return /*#__PURE__*/_react["default"].createElement("div", {
1184
1239
  style: _objectSpread({}, this.props.style),
1185
1240
  className: baseClasses
1186
- }, /*#__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, {
1187
1242
  className: "form-group mb-3"
1188
1243
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1189
1244
  htmlFor: this.props.name
@@ -1197,7 +1252,7 @@ var Checkboxes = exports.Checkboxes = /*#__PURE__*/function (_React$Component15)
1197
1252
  if (self.props.item.disabled) {
1198
1253
  props.disabled = 'disabled';
1199
1254
  }
1200
- return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.ToggleButton, (0, _extends2["default"])({
1255
+ return /*#__PURE__*/_react["default"].createElement(_esm.ToggleButton, (0, _extends2["default"])({
1201
1256
  type: "checkbox",
1202
1257
  variant: (_this20$props$checkbo = _this20.props.checkboxButtonClassName) !== null && _this20$props$checkbo !== void 0 ? _this20$props$checkbo : "outline-light",
1203
1258
  className: "btn-survey-builder-checkbox",
@@ -1222,7 +1277,7 @@ var Checkboxes = exports.Checkboxes = /*#__PURE__*/function (_React$Component15)
1222
1277
  }), /*#__PURE__*/_react["default"].createElement("div", {
1223
1278
  className: "text-start"
1224
1279
  }, option.text)));
1225
- }), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
1280
+ }), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
1226
1281
  muted: true
1227
1282
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1228
1283
  name: this.props.name
@@ -1259,7 +1314,9 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/function (_React$Component16) {
1259
1314
  }
1260
1315
  };
1261
1316
  //props.isInvalid = this.props.isInvalid;
1262
- props.onBlur = this.props.onBlur;
1317
+ if (this.props.onBlur) {
1318
+ props.onBlur = this.props.onBlur;
1319
+ }
1263
1320
  props.autoComplete = "new-password";
1264
1321
  if (this.props.item.disabled) {
1265
1322
  props.disabled = 'disabled';
@@ -1274,7 +1331,7 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/function (_React$Component16) {
1274
1331
  return /*#__PURE__*/_react["default"].createElement("div", {
1275
1332
  style: _objectSpread({}, this.props.style),
1276
1333
  className: baseClasses
1277
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1334
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1278
1335
  className: "form-group mb-3"
1279
1336
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1280
1337
  htmlFor: props.name
@@ -1287,11 +1344,11 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/function (_React$Component16) {
1287
1344
  return /*#__PURE__*/_react["default"].createElement("div", {
1288
1345
  style: _objectSpread({}, this.props.style),
1289
1346
  className: baseClasses
1290
- }, /*#__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, {
1291
1348
  className: "form-group mb-3"
1292
1349
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({
1293
1350
  className: "form-label"
1294
- }, this.props)), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.ToggleButton, (0, _extends2["default"])({
1351
+ }, this.props)), /*#__PURE__*/_react["default"].createElement(_esm.ToggleButton, (0, _extends2["default"])({
1295
1352
  type: "checkbox",
1296
1353
  variant: (_this$props$checkboxB = this.props.checkboxButtonClassName) !== null && _this$props$checkboxB !== void 0 ? _this$props$checkboxB : "outline-light",
1297
1354
  className: "btn-survey-builder-checkbox",
@@ -1311,7 +1368,7 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/function (_React$Component16) {
1311
1368
  dangerouslySetInnerHTML: {
1312
1369
  __html: this.props.item.boxLabel
1313
1370
  }
1314
- })))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
1371
+ })))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
1315
1372
  muted: true
1316
1373
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1317
1374
  name: props.name
@@ -1343,7 +1400,7 @@ var RadioButtons = exports.RadioButtons = /*#__PURE__*/function (_React$Componen
1343
1400
  return /*#__PURE__*/_react["default"].createElement("div", {
1344
1401
  style: _objectSpread({}, this.props.style),
1345
1402
  className: baseClasses
1346
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1403
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1347
1404
  className: "form-group mb-3"
1348
1405
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1349
1406
  htmlFor: this.props.name
@@ -1357,12 +1414,12 @@ var RadioButtons = exports.RadioButtons = /*#__PURE__*/function (_React$Componen
1357
1414
  return /*#__PURE__*/_react["default"].createElement("div", {
1358
1415
  style: _objectSpread({}, self.props.style),
1359
1416
  className: baseClasses
1360
- }, /*#__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, {
1361
1418
  className: "form-group mb-3"
1362
1419
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], self.props), self.props.item.options.map(function (option) {
1363
1420
  var _self$props$checkboxB, _self$props, _self$props2, _self$props3, _self$props5, _self$props6;
1364
1421
  console.log('option', option);
1365
- return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.ToggleButton, {
1422
+ return /*#__PURE__*/_react["default"].createElement(_esm.ToggleButton, {
1366
1423
  label: option.text,
1367
1424
  type: "radio",
1368
1425
  variant: (_self$props$checkboxB = self.props.checkboxButtonClassName) !== null && _self$props$checkboxB !== void 0 ? _self$props$checkboxB : "outline-light",
@@ -1400,7 +1457,7 @@ var RadioButtons = exports.RadioButtons = /*#__PURE__*/function (_React$Componen
1400
1457
  __html: option.text
1401
1458
  }
1402
1459
  }))));
1403
- }), self.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
1460
+ }), self.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
1404
1461
  muted: true
1405
1462
  }, self.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1406
1463
  name: self.props.name
@@ -1429,7 +1486,7 @@ var Image = exports.Image = /*#__PURE__*/function (_React$Component18) {
1429
1486
  return /*#__PURE__*/_react["default"].createElement("div", {
1430
1487
  style: _objectSpread(_objectSpread({}, this.props.style), style),
1431
1488
  className: baseClasses
1432
- }, /*#__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, {
1433
1490
  src: this.props.item.src,
1434
1491
  width: this.props.item.width,
1435
1492
  height: this.props.item.height
@@ -1478,7 +1535,7 @@ var Rating = exports.Rating = /*#__PURE__*/function (_React$Component19) {
1478
1535
  return /*#__PURE__*/_react["default"].createElement("div", {
1479
1536
  style: _objectSpread({}, this.props.style),
1480
1537
  className: baseClasses
1481
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1538
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1482
1539
  className: "form-group mb-3"
1483
1540
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1484
1541
  htmlFor: props.name
@@ -1487,11 +1544,11 @@ var Rating = exports.Rating = /*#__PURE__*/function (_React$Component19) {
1487
1544
  return /*#__PURE__*/_react["default"].createElement("div", {
1488
1545
  style: _objectSpread({}, this.props.style),
1489
1546
  className: baseClasses
1490
- }, /*#__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, {
1491
1548
  className: "form-group mb-3"
1492
1549
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1493
1550
  htmlFor: props.name
1494
- })), /*#__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, {
1495
1552
  muted: true
1496
1553
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1497
1554
  name: props.name
@@ -1517,9 +1574,9 @@ var HyperLink = exports.HyperLink = /*#__PURE__*/function (_React$Component20) {
1517
1574
  return /*#__PURE__*/_react["default"].createElement("div", {
1518
1575
  style: _objectSpread({}, this.props.style),
1519
1576
  className: baseClasses
1520
- }, /*#__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, {
1521
1578
  className: "form-group mb-3"
1522
- }, /*#__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", {
1523
1580
  target: "_blank",
1524
1581
  href: this.props.item.href,
1525
1582
  dangerouslySetInnerHTML: {
@@ -1547,7 +1604,7 @@ var Download = exports.Download = /*#__PURE__*/function (_React$Component21) {
1547
1604
  return /*#__PURE__*/_react["default"].createElement("div", {
1548
1605
  style: _objectSpread({}, this.props.style),
1549
1606
  className: baseClasses
1550
- }, /*#__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, {
1551
1608
  className: "form-group mb-3"
1552
1609
  }, /*#__PURE__*/_react["default"].createElement("a", {
1553
1610
  href: "".concat(this.props.downloadPath, "?id=").concat(this.props.item.filePath)
@@ -1621,7 +1678,9 @@ var Camera = exports.Camera = /*#__PURE__*/function (_React$Component22) {
1621
1678
  event.target.value = null;
1622
1679
  };
1623
1680
  props.isInvalid = this.props.isInvalid;
1624
- props.onBlur = this.props.onBlur;
1681
+ if (this.props.onBlur) {
1682
+ props.onBlur = this.props.onBlur;
1683
+ }
1625
1684
  if (this.props.item.disabled) {
1626
1685
  props.disabled = 'disabled';
1627
1686
  }
@@ -1644,37 +1703,37 @@ var Camera = exports.Camera = /*#__PURE__*/function (_React$Component22) {
1644
1703
  return /*#__PURE__*/_react["default"].createElement("div", {
1645
1704
  style: _objectSpread({}, this.props.style),
1646
1705
  className: baseClasses
1647
- }, /*#__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, {
1648
1707
  className: "form-group mb-3"
1649
- }, /*#__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"])({
1650
1709
  style: imageStyle,
1651
1710
  src: sourceDataURL
1652
1711
  }, this.getImageSizeProps(this.props.item)))) : /*#__PURE__*/_react["default"].createElement("div", {
1653
1712
  className: "image-upload-container"
1654
1713
  }, /*#__PURE__*/_react["default"].createElement("div", {
1655
1714
  style: fileInputStyle
1656
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
1715
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
1657
1716
  type: "file",
1658
1717
  accept: "image/*",
1659
1718
  capture: "camera",
1660
1719
  className: "image-upload"
1661
1720
  }, props)), /*#__PURE__*/_react["default"].createElement("div", {
1662
1721
  className: "image-upload-control"
1663
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
1722
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Button, {
1664
1723
  variant: "light"
1665
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", {
1666
1725
  className: "clearfix"
1667
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Image
1726
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Image
1668
1727
  // onLoad={() => URL.revokeObjectURL(this.state.previewImg)}
1669
1728
  , {
1670
1729
  src: URL.createObjectURL(this.props.value),
1671
1730
  height: "100",
1672
1731
  className: "image-upload-preview"
1673
- })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
1732
+ })), /*#__PURE__*/_react["default"].createElement(_esm.Button, {
1674
1733
  variant: "default",
1675
1734
  size: "sm",
1676
1735
  onClick: this.clearImage
1677
- }, /*#__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, {
1678
1737
  muted: true
1679
1738
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1680
1739
  name: this.props.name
@@ -1773,7 +1832,9 @@ var FileUpload = exports.FileUpload = /*#__PURE__*/function (_React$Component23)
1773
1832
  event.target.value = null;
1774
1833
  };
1775
1834
  props.isInvalid = this.props.isInvalid;
1776
- props.onBlur = this.props.onBlur;
1835
+ if (this.props.onBlur) {
1836
+ props.onBlur = this.props.onBlur;
1837
+ }
1777
1838
  if (this.props.item.disabled) {
1778
1839
  props.disabled = 'disabled';
1779
1840
  }
@@ -1787,22 +1848,22 @@ var FileUpload = exports.FileUpload = /*#__PURE__*/function (_React$Component23)
1787
1848
  return /*#__PURE__*/_react["default"].createElement("div", {
1788
1849
  style: _objectSpread({}, this.props.style),
1789
1850
  className: baseClasses
1790
- }, /*#__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, {
1791
1852
  className: "form-group mb-3"
1792
- }, /*#__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, {
1793
1854
  variant: "default",
1794
1855
  onClick: this.saveFile
1795
1856
  }, /*#__PURE__*/_react["default"].createElement(_fa.FaDownload, null), " Download File")) : /*#__PURE__*/_react["default"].createElement("div", {
1796
1857
  className: "image-upload-container"
1797
1858
  }, /*#__PURE__*/_react["default"].createElement("div", {
1798
1859
  style: fileInputStyle
1799
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
1860
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, (0, _extends2["default"])({
1800
1861
  type: "file",
1801
1862
  accept: this.props.item.fileType || '*',
1802
1863
  className: "image-upload"
1803
1864
  }, props)), /*#__PURE__*/_react["default"].createElement("div", {
1804
1865
  className: "image-upload-control"
1805
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
1866
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Button, {
1806
1867
  variant: "light"
1807
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", {
1808
1869
  className: "clearfix"
@@ -1818,12 +1879,12 @@ var FileUpload = exports.FileUpload = /*#__PURE__*/function (_React$Component23)
1818
1879
  display: 'inline-block',
1819
1880
  marginLeft: '5px'
1820
1881
  }
1821
- }, 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, {
1822
1883
  variant: "default",
1823
1884
  size: "sm",
1824
1885
  className: "btn-file-upload-clear",
1825
1886
  onClick: this.clearFileUpload
1826
- }, /*#__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, {
1827
1888
  muted: true
1828
1889
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1829
1890
  name: this.props.name
@@ -1904,7 +1965,7 @@ var Range = exports.Range = /*#__PURE__*/function (_React$Component24) {
1904
1965
  return /*#__PURE__*/_react["default"].createElement("div", {
1905
1966
  style: _objectSpread({}, this.props.style),
1906
1967
  className: baseClasses
1907
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
1968
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
1908
1969
  className: "form-group mb-3"
1909
1970
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1910
1971
  htmlFor: name
@@ -1913,7 +1974,7 @@ var Range = exports.Range = /*#__PURE__*/function (_React$Component24) {
1913
1974
  return /*#__PURE__*/_react["default"].createElement("div", {
1914
1975
  style: _objectSpread({}, this.props.style),
1915
1976
  className: baseClasses
1916
- }, /*#__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, {
1917
1978
  className: "form-group mb-3"
1918
1979
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
1919
1980
  htmlFor: name
@@ -1929,7 +1990,7 @@ var Range = exports.Range = /*#__PURE__*/function (_React$Component24) {
1929
1990
  className: "visible_marks"
1930
1991
  }, visibleMarks), /*#__PURE__*/_react["default"].createElement("datalist", {
1931
1992
  id: props.list
1932
- }, _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, {
1933
1994
  muted: true
1934
1995
  }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
1935
1996
  name: name