react-survey-builder 1.0.102 → 1.0.104
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/bundle.js +4 -4
- package/lib/form-fields.js +2 -4
- package/lib/form-steps.js +5 -5
- package/lib/form.js +5 -5
- package/lib/survey-elements/index.js +16 -13
- package/package.json +1 -1
package/lib/form-fields.js
CHANGED
|
@@ -356,9 +356,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
|
356
356
|
onBlur: onBlur,
|
|
357
357
|
onChange: function onChange(e) {
|
|
358
358
|
_onChange(e);
|
|
359
|
-
|
|
360
|
-
handleChange(e);
|
|
361
|
-
}
|
|
359
|
+
handleChange(e);
|
|
362
360
|
},
|
|
363
361
|
value: value,
|
|
364
362
|
name: name,
|
|
@@ -371,7 +369,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
|
371
369
|
checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'ButtonList' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,
|
|
372
370
|
labelClassName: labelClassName,
|
|
373
371
|
helpClassName: helpClassName,
|
|
374
|
-
onSelect: item.element === 'ButtonList' ? handleSelect : undefined
|
|
372
|
+
onSelect: item.element === 'ButtonList' || item.element === 'RadioButtons' ? handleSelect : undefined
|
|
375
373
|
});
|
|
376
374
|
}
|
|
377
375
|
});
|
package/lib/form-steps.js
CHANGED
|
@@ -260,7 +260,9 @@ var ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {
|
|
|
260
260
|
// console.log('handleSelect', $data);
|
|
261
261
|
|
|
262
262
|
if (onSelect) {
|
|
263
|
-
onSelect(
|
|
263
|
+
onSelect({
|
|
264
|
+
answers: $data
|
|
265
|
+
});
|
|
264
266
|
}
|
|
265
267
|
setFormAnswers($data);
|
|
266
268
|
};
|
|
@@ -356,9 +358,7 @@ var ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {
|
|
|
356
358
|
onBlur: onBlur,
|
|
357
359
|
onChange: function onChange(e) {
|
|
358
360
|
_onChange(e);
|
|
359
|
-
|
|
360
|
-
handleChange(e);
|
|
361
|
-
}
|
|
361
|
+
handleChange(e);
|
|
362
362
|
},
|
|
363
363
|
value: value,
|
|
364
364
|
name: name,
|
|
@@ -371,7 +371,7 @@ var ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {
|
|
|
371
371
|
checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'ButtonList' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,
|
|
372
372
|
labelClassName: labelClassName,
|
|
373
373
|
helpClassName: helpClassName,
|
|
374
|
-
onSelect: item.element === 'ButtonList' ? handleSelect : undefined
|
|
374
|
+
onSelect: item.element === 'ButtonList' || item.element === 'RadioButtons' ? handleSelect : undefined
|
|
375
375
|
});
|
|
376
376
|
}
|
|
377
377
|
});
|
package/lib/form.js
CHANGED
|
@@ -268,7 +268,9 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
|
268
268
|
// console.log('handleSelect', $data);
|
|
269
269
|
|
|
270
270
|
if (onSelect) {
|
|
271
|
-
onSelect(
|
|
271
|
+
onSelect({
|
|
272
|
+
answers: $data
|
|
273
|
+
});
|
|
272
274
|
}
|
|
273
275
|
setFormAnswers($data);
|
|
274
276
|
};
|
|
@@ -365,9 +367,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
|
365
367
|
onBlur: onBlur,
|
|
366
368
|
onChange: function onChange(e) {
|
|
367
369
|
_onChange(e);
|
|
368
|
-
|
|
369
|
-
handleChange(e);
|
|
370
|
-
}
|
|
370
|
+
handleChange(e);
|
|
371
371
|
},
|
|
372
372
|
value: value,
|
|
373
373
|
name: name,
|
|
@@ -380,7 +380,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
|
380
380
|
checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'ButtonList' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,
|
|
381
381
|
labelClassName: labelClassName,
|
|
382
382
|
helpClassName: helpClassName,
|
|
383
|
-
onSelect: item.element === 'ButtonList' ? handleSelect : undefined
|
|
383
|
+
onSelect: item.element === 'ButtonList' || item.element === 'RadioButtons' ? handleSelect : undefined
|
|
384
384
|
});
|
|
385
385
|
}
|
|
386
386
|
});
|
|
@@ -2086,7 +2086,7 @@ export var RadioButtons = /*#__PURE__*/function (_React$Component4) {
|
|
|
2086
2086
|
}, /*#__PURE__*/React.createElement(ComponentLabel, self.props), self.props.item.help ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form.Text, {
|
|
2087
2087
|
className: (_self$props$item$help = (_self$props$item = self.props.item) === null || _self$props$item === void 0 ? void 0 : _self$props$item.helpClassName) !== null && _self$props$item$help !== void 0 ? _self$props$item$help : 'text-muted'
|
|
2088
2088
|
}, self.props.item.help)) : null, self.props.item.options.map(function (option) {
|
|
2089
|
-
var _self$props$checkboxB, _self$props7, _self$props8, _self$
|
|
2089
|
+
var _self$props$checkboxB, _self$props7, _self$props8, _self$props11, _self$props12;
|
|
2090
2090
|
// console.log('option', option);
|
|
2091
2091
|
return /*#__PURE__*/React.createElement(ToggleButton, {
|
|
2092
2092
|
label: option.text,
|
|
@@ -2105,18 +2105,21 @@ export var RadioButtons = /*#__PURE__*/function (_React$Component4) {
|
|
|
2105
2105
|
value: option.value,
|
|
2106
2106
|
checked: (self === null || self === void 0 || (_self$props8 = self.props) === null || _self$props8 === void 0 ? void 0 : _self$props8.value) === option.value,
|
|
2107
2107
|
onChange: function onChange(e) {
|
|
2108
|
-
var _self$props9;
|
|
2108
|
+
var _self$props9, _self$props10;
|
|
2109
|
+
// console.log('onChange', e.target.value);
|
|
2109
2110
|
if ((self === null || self === void 0 || (_self$props9 = self.props) === null || _self$props9 === void 0 ? void 0 : _self$props9.onChange) !== undefined) {
|
|
2110
|
-
console.log(e.target.value);
|
|
2111
2111
|
self.props.onChange(e.target.value);
|
|
2112
2112
|
}
|
|
2113
|
+
if ((self === null || self === void 0 || (_self$props10 = self.props) === null || _self$props10 === void 0 ? void 0 : _self$props10.onSelect) !== undefined) {
|
|
2114
|
+
self.props.onSelect(e.target.value);
|
|
2115
|
+
}
|
|
2113
2116
|
}
|
|
2114
2117
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2115
2118
|
className: "d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox"
|
|
2116
|
-
}, (self === null || self === void 0 || (_self$
|
|
2119
|
+
}, (self === null || self === void 0 || (_self$props11 = self.props) === null || _self$props11 === void 0 ? void 0 : _self$props11.value) !== option.value && /*#__PURE__*/React.createElement(IoRadioButtonOff, {
|
|
2117
2120
|
size: "40px",
|
|
2118
2121
|
className: "me-3 flex-shrink-0"
|
|
2119
|
-
}), (self === null || self === void 0 || (_self$
|
|
2122
|
+
}), (self === null || self === void 0 || (_self$props12 = self.props) === null || _self$props12 === void 0 ? void 0 : _self$props12.value) === option.value && /*#__PURE__*/React.createElement(IoRadioButtonOn, {
|
|
2120
2123
|
size: "40px",
|
|
2121
2124
|
className: "me-3 flex-shrink-0"
|
|
2122
2125
|
}), /*#__PURE__*/React.createElement("div", {
|
|
@@ -2146,14 +2149,14 @@ export var ButtonList = /*#__PURE__*/function (_React$Component5) {
|
|
|
2146
2149
|
value: function render() {
|
|
2147
2150
|
var _ref23,
|
|
2148
2151
|
_self$props$name3,
|
|
2149
|
-
_self$props12,
|
|
2150
2152
|
_self$props13,
|
|
2151
2153
|
_self$props14,
|
|
2154
|
+
_self$props15,
|
|
2152
2155
|
_this10 = this,
|
|
2153
2156
|
_self$props$item$help2,
|
|
2154
2157
|
_self$props$item2;
|
|
2155
2158
|
var self = this;
|
|
2156
|
-
var name = (_ref23 = (_self$props$name3 = self === null || self === void 0 || (_self$
|
|
2159
|
+
var name = (_ref23 = (_self$props$name3 = self === null || self === void 0 || (_self$props13 = self.props) === null || _self$props13 === void 0 ? void 0 : _self$props13.name) !== null && _self$props$name3 !== void 0 ? _self$props$name3 : self === null || self === void 0 || (_self$props14 = self.props) === null || _self$props14 === void 0 || (_self$props14 = _self$props14.item) === null || _self$props14 === void 0 ? void 0 : _self$props14.customName) !== null && _ref23 !== void 0 ? _ref23 : self === null || self === void 0 || (_self$props15 = self.props) === null || _self$props15 === void 0 || (_self$props15 = _self$props15.item) === null || _self$props15 === void 0 ? void 0 : _self$props15.fieldName;
|
|
2157
2160
|
var baseClasses = 'SortableItem rfb-item';
|
|
2158
2161
|
if (this.props.item.pageBreakBefore) {
|
|
2159
2162
|
baseClasses += ' alwaysbreak';
|
|
@@ -2182,7 +2185,7 @@ export var ButtonList = /*#__PURE__*/function (_React$Component5) {
|
|
|
2182
2185
|
}, /*#__PURE__*/React.createElement(ComponentLabel, self.props), self.props.item.help ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form.Text, {
|
|
2183
2186
|
className: (_self$props$item$help2 = (_self$props$item2 = self.props.item) === null || _self$props$item2 === void 0 ? void 0 : _self$props$item2.helpClassName) !== null && _self$props$item$help2 !== void 0 ? _self$props$item$help2 : 'text-muted'
|
|
2184
2187
|
}, self.props.item.help)) : null, self.props.item.options.map(function (option) {
|
|
2185
|
-
var _self$props$checkboxB2, _self$
|
|
2188
|
+
var _self$props$checkboxB2, _self$props16, _self$props17;
|
|
2186
2189
|
// console.log('option', option);
|
|
2187
2190
|
return /*#__PURE__*/React.createElement(ToggleButton, {
|
|
2188
2191
|
label: option.text,
|
|
@@ -2196,17 +2199,17 @@ export var ButtonList = /*#__PURE__*/function (_React$Component5) {
|
|
|
2196
2199
|
self.options["child_ref_".concat(option.key)] = c;
|
|
2197
2200
|
}
|
|
2198
2201
|
},
|
|
2199
|
-
disabled: self === null || self === void 0 || (_self$
|
|
2202
|
+
disabled: self === null || self === void 0 || (_self$props16 = self.props) === null || _self$props16 === void 0 || (_self$props16 = _self$props16.item) === null || _self$props16 === void 0 ? void 0 : _self$props16.disabled,
|
|
2200
2203
|
name: name,
|
|
2201
2204
|
value: option.value,
|
|
2202
|
-
checked: (self === null || self === void 0 || (_self$
|
|
2205
|
+
checked: (self === null || self === void 0 || (_self$props17 = self.props) === null || _self$props17 === void 0 ? void 0 : _self$props17.value) === option.value,
|
|
2203
2206
|
onChange: function onChange(e) {
|
|
2204
|
-
var _self$
|
|
2207
|
+
var _self$props18, _self$props19;
|
|
2205
2208
|
// console.log('onChange', e.target.value);
|
|
2206
|
-
if ((self === null || self === void 0 || (_self$
|
|
2209
|
+
if ((self === null || self === void 0 || (_self$props18 = self.props) === null || _self$props18 === void 0 ? void 0 : _self$props18.onChange) !== undefined) {
|
|
2207
2210
|
self.props.onChange(e.target.value);
|
|
2208
2211
|
}
|
|
2209
|
-
if ((self === null || self === void 0 || (_self$
|
|
2212
|
+
if ((self === null || self === void 0 || (_self$props19 = self.props) === null || _self$props19 === void 0 ? void 0 : _self$props19.onSelect) !== undefined) {
|
|
2210
2213
|
self.props.onSelect(e.target.value);
|
|
2211
2214
|
}
|
|
2212
2215
|
}
|