react-survey-builder 1.0.32 → 1.0.34
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.
- package/dist/index.js +1 -1
- package/lib/survey-elements/index.js +48 -38
- package/package.json +1 -1
|
@@ -525,16 +525,21 @@ var DatePicker = /*#__PURE__*/function (_React$Component9) {
|
|
|
525
525
|
(0, _createClass2["default"])(DatePicker, [{
|
|
526
526
|
key: "render",
|
|
527
527
|
value: function render() {
|
|
528
|
-
var _this8 = this
|
|
528
|
+
var _this8 = this,
|
|
529
|
+
_this$props$value,
|
|
530
|
+
_this$props$isInvalid,
|
|
531
|
+
_this$props$onBlur;
|
|
529
532
|
var props = {};
|
|
530
533
|
props.name = this.props.name;
|
|
531
|
-
props.placeholder = this.props.item.placeholder;
|
|
534
|
+
props.placeholder = this.props.item.placeholder || this.props.item.formatMask || 'MM/DD/YYYY';
|
|
532
535
|
props.onChange = function (val) {
|
|
533
|
-
_this8.props.onChange
|
|
536
|
+
if (_this8.props.onChange !== undefined) {
|
|
537
|
+
_this8.props.onChange(val);
|
|
538
|
+
}
|
|
534
539
|
};
|
|
535
|
-
props.value = this.props.value;
|
|
536
|
-
props.isInvalid = this.props.isInvalid;
|
|
537
|
-
props.onBlur = this.props.onBlur;
|
|
540
|
+
props.value = (_this$props$value = this.props.value) !== null && _this$props$value !== void 0 ? _this$props$value : '';
|
|
541
|
+
props.isInvalid = (_this$props$isInvalid = this.props.isInvalid) !== null && _this$props$isInvalid !== void 0 ? _this$props$isInvalid : false;
|
|
542
|
+
props.onBlur = (_this$props$onBlur = this.props.onBlur) !== null && _this$props$onBlur !== void 0 ? _this$props$onBlur : null;
|
|
538
543
|
props.autoComplete = "new-password";
|
|
539
544
|
if (this.props.item.disabled) {
|
|
540
545
|
props.disabled = 'disabled';
|
|
@@ -561,31 +566,36 @@ var DatePicker = /*#__PURE__*/function (_React$Component9) {
|
|
|
561
566
|
htmlFor: props.name
|
|
562
567
|
})), /*#__PURE__*/_react["default"].createElement("div", null, this.props.value)));
|
|
563
568
|
}
|
|
569
|
+
console.log(this.props);
|
|
564
570
|
console.log(props);
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
571
|
+
if (this.props) {
|
|
572
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
573
|
+
style: _objectSpread({}, this.props.style),
|
|
574
|
+
className: baseClasses
|
|
575
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
|
|
576
|
+
className: "form-group mb-3"
|
|
577
|
+
}, labelLocation === "FLOATING" ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Floating, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
|
|
578
|
+
id: props.name,
|
|
579
|
+
type: "text"
|
|
580
|
+
}, props, {
|
|
581
|
+
as: CustomDateInput
|
|
582
|
+
})), /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
583
|
+
htmlFor: props.name
|
|
584
|
+
}))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
585
|
+
htmlFor: props.name
|
|
586
|
+
})), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, (0, _extends2["default"])({
|
|
587
|
+
id: props.name,
|
|
588
|
+
type: "text"
|
|
589
|
+
}, props, {
|
|
590
|
+
as: CustomDateInput
|
|
591
|
+
}))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
|
|
592
|
+
muted: true
|
|
593
|
+
}, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
|
|
594
|
+
name: props.name
|
|
595
|
+
})));
|
|
596
|
+
} else {
|
|
597
|
+
return null;
|
|
598
|
+
}
|
|
589
599
|
}
|
|
590
600
|
}]);
|
|
591
601
|
return DatePicker;
|
|
@@ -913,13 +923,13 @@ var Signature = /*#__PURE__*/function (_React$Component13) {
|
|
|
913
923
|
value: function render() {
|
|
914
924
|
var _this$state$value,
|
|
915
925
|
_this$state$value2,
|
|
916
|
-
_this$props$value6,
|
|
917
926
|
_this$props$value7,
|
|
918
927
|
_this$props$value8,
|
|
919
928
|
_this$props$value9,
|
|
929
|
+
_this$props$value10,
|
|
920
930
|
_this16 = this,
|
|
921
931
|
_this$props$value$nam,
|
|
922
|
-
_this$props$
|
|
932
|
+
_this$props$value11;
|
|
923
933
|
var canClear = !!this.state.value;
|
|
924
934
|
var props = {};
|
|
925
935
|
props.name = this.props.name;
|
|
@@ -931,8 +941,8 @@ var Signature = /*#__PURE__*/function (_React$Component13) {
|
|
|
931
941
|
var padProps = {};
|
|
932
942
|
// umd requires canvasProps={{ width: 400, height: 150 }}
|
|
933
943
|
if (this.props.item.mutable) {
|
|
934
|
-
var _this$props$
|
|
935
|
-
padProps.defaultValue = (_this$props$
|
|
944
|
+
var _this$props$value2;
|
|
945
|
+
padProps.defaultValue = (_this$props$value2 = this.props.value) === null || _this$props$value2 === void 0 ? void 0 : _this$props$value2.signature;
|
|
936
946
|
padProps.ref = this.canvas;
|
|
937
947
|
canClear = !this.props.item.readOnly;
|
|
938
948
|
}
|
|
@@ -947,7 +957,7 @@ var Signature = /*#__PURE__*/function (_React$Component13) {
|
|
|
947
957
|
}
|
|
948
958
|
padProps.canvasProps = {};
|
|
949
959
|
if (this.props.item.print === true && !!sourceDataURL) {
|
|
950
|
-
var _this$props$
|
|
960
|
+
var _this$props$value3, _this$props$value4, _this$props$value5, _this$props$value6;
|
|
951
961
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
952
962
|
style: _objectSpread({}, this.props.style),
|
|
953
963
|
className: baseClasses
|
|
@@ -961,7 +971,7 @@ var Signature = /*#__PURE__*/function (_React$Component13) {
|
|
|
961
971
|
style: {
|
|
962
972
|
borderStyle: 'dashed'
|
|
963
973
|
}
|
|
964
|
-
}), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Electronic Signature"), " at ", (_this$props$
|
|
974
|
+
}), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Electronic Signature"), " at ", (_this$props$value3 = this.props.value) !== null && _this$props$value3 !== void 0 && _this$props$value3.date ? (0, _momentTimezone["default"])((_this$props$value4 = this.props.value) === null || _this$props$value4 === void 0 ? void 0 : _this$props$value4.date).format('dddd MMMM D, YYYY hh:mm A') : (0, _momentTimezone["default"])().format('dddd MMMM D, YYYY hh:mm A'), " by ", (_this$props$value5 = this.props.value) === null || _this$props$value5 === void 0 ? void 0 : _this$props$value5.name, " via IP Address ", (_this$props$value6 = this.props.value) === null || _this$props$value6 === void 0 ? void 0 : _this$props$value6.ipAddress), /*#__PURE__*/_react["default"].createElement("hr", null))));
|
|
965
975
|
}
|
|
966
976
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
967
977
|
style: _objectSpread({}, this.props.style),
|
|
@@ -976,7 +986,7 @@ var Signature = /*#__PURE__*/function (_React$Component13) {
|
|
|
976
986
|
style: {
|
|
977
987
|
borderStyle: 'dashed'
|
|
978
988
|
}
|
|
979
|
-
}), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Electronic Signature"), " at ", (_this$props$
|
|
989
|
+
}), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Electronic Signature"), " at ", (_this$props$value7 = this.props.value) !== null && _this$props$value7 !== void 0 && _this$props$value7.date ? (0, _momentTimezone["default"])((_this$props$value8 = this.props.value) === null || _this$props$value8 === void 0 ? void 0 : _this$props$value8.date).format('dddd MMMM D, YYYY hh:mm A') : (0, _momentTimezone["default"])().format('dddd MMMM D, YYYY hh:mm A'), " by ", (_this$props$value9 = this.props.value) === null || _this$props$value9 === void 0 ? void 0 : _this$props$value9.name, " via IP Address ", (_this$props$value10 = this.props.value) === null || _this$props$value10 === void 0 ? void 0 : _this$props$value10.ipAddress), /*#__PURE__*/_react["default"].createElement("hr", null)) : null : /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
980
990
|
className: "m-signature-pad"
|
|
981
991
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
982
992
|
className: "m-signature-pad--body"
|
|
@@ -995,7 +1005,7 @@ var Signature = /*#__PURE__*/function (_React$Component13) {
|
|
|
995
1005
|
}, /*#__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, {
|
|
996
1006
|
sm: 6
|
|
997
1007
|
}, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
|
|
998
|
-
value: (_this$props$value$nam = (_this$props$
|
|
1008
|
+
value: (_this$props$value$nam = (_this$props$value11 = this.props.value) === null || _this$props$value11 === void 0 ? void 0 : _this$props$value11.name) !== null && _this$props$value$nam !== void 0 ? _this$props$value$nam : '',
|
|
999
1009
|
type: "text",
|
|
1000
1010
|
required: true,
|
|
1001
1011
|
placeholder: "Full Legal Name",
|