react-survey-builder 1.0.38 → 1.0.40
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 +17 -22
- package/package.json +1 -1
|
@@ -536,24 +536,21 @@ var DatePicker = /*#__PURE__*/function (_React$Component9) {
|
|
|
536
536
|
(0, _createClass2["default"])(DatePicker, [{
|
|
537
537
|
key: "render",
|
|
538
538
|
value: function render() {
|
|
539
|
-
var _this8 = this
|
|
540
|
-
_this$props$value,
|
|
541
|
-
_this$props$isInvalid,
|
|
542
|
-
_this$props$onBlur;
|
|
539
|
+
var _this8 = this;
|
|
543
540
|
var props = {};
|
|
544
541
|
props.name = this.props.name;
|
|
545
542
|
props.placeholder = this.props.item.placeholder || this.props.item.formatMask || 'MM/DD/YYYY';
|
|
546
543
|
props.onChange = function (val) {
|
|
547
544
|
if (_this8.props.onChange !== undefined) {
|
|
548
|
-
_this8.props.onChange(val);
|
|
545
|
+
_this8.props.onChange(val.target.value);
|
|
549
546
|
}
|
|
550
547
|
};
|
|
551
|
-
props.value =
|
|
552
|
-
props.isInvalid =
|
|
553
|
-
props.onBlur =
|
|
548
|
+
props.value = this.props.value;
|
|
549
|
+
props.isInvalid = this.props.isInvalid;
|
|
550
|
+
props.onBlur = this.props.onBlur;
|
|
554
551
|
props.autoComplete = "new-password";
|
|
555
552
|
if (this.props.item.disabled) {
|
|
556
|
-
props.disabled =
|
|
553
|
+
props.disabled = true;
|
|
557
554
|
}
|
|
558
555
|
if (this.props.item.mutable) {
|
|
559
556
|
props.ref = this.inputField;
|
|
@@ -578,8 +575,8 @@ var DatePicker = /*#__PURE__*/function (_React$Component9) {
|
|
|
578
575
|
htmlFor: props.name
|
|
579
576
|
})), /*#__PURE__*/_react["default"].createElement("div", null, this.props.value)));
|
|
580
577
|
}
|
|
581
|
-
console.log(this.props);
|
|
582
|
-
console.log(props);
|
|
578
|
+
console.log('this.props', this.props);
|
|
579
|
+
console.log('props', props);
|
|
583
580
|
Object.keys(props).forEach(function (key) {
|
|
584
581
|
if (props[key] === undefined) {
|
|
585
582
|
delete props[key];
|
|
@@ -609,9 +606,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component9) {
|
|
|
609
606
|
// name={props.name}
|
|
610
607
|
// ref={props.ref}
|
|
611
608
|
// isInvalid={props.isInvalid}
|
|
612
|
-
}, props, {
|
|
613
|
-
as: CustomDateInput
|
|
614
|
-
}))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
|
|
609
|
+
}, props))), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
|
|
615
610
|
muted: true
|
|
616
611
|
}, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
|
|
617
612
|
name: props.name
|
|
@@ -946,13 +941,13 @@ var Signature = /*#__PURE__*/function (_React$Component13) {
|
|
|
946
941
|
value: function render() {
|
|
947
942
|
var _this$state$value,
|
|
948
943
|
_this$state$value2,
|
|
944
|
+
_this$props$value6,
|
|
949
945
|
_this$props$value7,
|
|
950
946
|
_this$props$value8,
|
|
951
947
|
_this$props$value9,
|
|
952
|
-
_this$props$value10,
|
|
953
948
|
_this16 = this,
|
|
954
949
|
_this$props$value$nam,
|
|
955
|
-
_this$props$
|
|
950
|
+
_this$props$value10;
|
|
956
951
|
var canClear = !!this.state.value;
|
|
957
952
|
var props = {};
|
|
958
953
|
props.name = this.props.name;
|
|
@@ -964,8 +959,8 @@ var Signature = /*#__PURE__*/function (_React$Component13) {
|
|
|
964
959
|
var padProps = {};
|
|
965
960
|
// umd requires canvasProps={{ width: 400, height: 150 }}
|
|
966
961
|
if (this.props.item.mutable) {
|
|
967
|
-
var _this$props$
|
|
968
|
-
padProps.defaultValue = (_this$props$
|
|
962
|
+
var _this$props$value;
|
|
963
|
+
padProps.defaultValue = (_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.signature;
|
|
969
964
|
padProps.ref = this.canvas;
|
|
970
965
|
canClear = !this.props.item.readOnly;
|
|
971
966
|
}
|
|
@@ -980,7 +975,7 @@ var Signature = /*#__PURE__*/function (_React$Component13) {
|
|
|
980
975
|
}
|
|
981
976
|
padProps.canvasProps = {};
|
|
982
977
|
if (this.props.item.print === true && !!sourceDataURL) {
|
|
983
|
-
var _this$props$
|
|
978
|
+
var _this$props$value2, _this$props$value3, _this$props$value4, _this$props$value5;
|
|
984
979
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
985
980
|
style: _objectSpread({}, this.props.style),
|
|
986
981
|
className: baseClasses
|
|
@@ -994,7 +989,7 @@ var Signature = /*#__PURE__*/function (_React$Component13) {
|
|
|
994
989
|
style: {
|
|
995
990
|
borderStyle: 'dashed'
|
|
996
991
|
}
|
|
997
|
-
}), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Electronic Signature"), " at ", (_this$props$
|
|
992
|
+
}), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Electronic Signature"), " at ", (_this$props$value2 = this.props.value) !== null && _this$props$value2 !== void 0 && _this$props$value2.date ? (0, _momentTimezone["default"])((_this$props$value3 = this.props.value) === null || _this$props$value3 === void 0 ? void 0 : _this$props$value3.date).format('dddd MMMM D, YYYY hh:mm A') : (0, _momentTimezone["default"])().format('dddd MMMM D, YYYY hh:mm A'), " by ", (_this$props$value4 = this.props.value) === null || _this$props$value4 === void 0 ? void 0 : _this$props$value4.name, " via IP Address ", (_this$props$value5 = this.props.value) === null || _this$props$value5 === void 0 ? void 0 : _this$props$value5.ipAddress), /*#__PURE__*/_react["default"].createElement("hr", null))));
|
|
998
993
|
}
|
|
999
994
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
1000
995
|
style: _objectSpread({}, this.props.style),
|
|
@@ -1009,7 +1004,7 @@ var Signature = /*#__PURE__*/function (_React$Component13) {
|
|
|
1009
1004
|
style: {
|
|
1010
1005
|
borderStyle: 'dashed'
|
|
1011
1006
|
}
|
|
1012
|
-
}), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Electronic Signature"), " at ", (_this$props$
|
|
1007
|
+
}), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Electronic Signature"), " at ", (_this$props$value6 = this.props.value) !== null && _this$props$value6 !== void 0 && _this$props$value6.date ? (0, _momentTimezone["default"])((_this$props$value7 = this.props.value) === null || _this$props$value7 === void 0 ? void 0 : _this$props$value7.date).format('dddd MMMM D, YYYY hh:mm A') : (0, _momentTimezone["default"])().format('dddd MMMM D, YYYY hh:mm A'), " by ", (_this$props$value8 = this.props.value) === null || _this$props$value8 === void 0 ? void 0 : _this$props$value8.name, " via IP Address ", (_this$props$value9 = this.props.value) === null || _this$props$value9 === void 0 ? void 0 : _this$props$value9.ipAddress), /*#__PURE__*/_react["default"].createElement("hr", null)) : null : /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
1013
1008
|
className: "m-signature-pad"
|
|
1014
1009
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
1015
1010
|
className: "m-signature-pad--body"
|
|
@@ -1028,7 +1023,7 @@ var Signature = /*#__PURE__*/function (_React$Component13) {
|
|
|
1028
1023
|
}, /*#__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, {
|
|
1029
1024
|
sm: 6
|
|
1030
1025
|
}, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
|
|
1031
|
-
value: (_this$props$value$nam = (_this$props$
|
|
1026
|
+
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 : '',
|
|
1032
1027
|
type: "text",
|
|
1033
1028
|
required: true,
|
|
1034
1029
|
placeholder: "Full Legal Name",
|