react-survey-builder 1.0.19 → 1.0.21

package/lib/survey-elements-edit.js

@@ -147,29 +147,20 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       if (this.state.dirty) {
         this.props.element.dirty = true;
       }
-      var thisChecked = this.props.element.hasOwnProperty('required') ? this.props.element.required : false;
+      var thisRequiredChecked = this.props.element.hasOwnProperty('required') ? this.props.element.required : false;
       var thisDefaultChecked = this.props.element.hasOwnProperty('defaultChecked') ? this.props.element.defaultChecked : false;
       var thisReadOnly = this.props.element.hasOwnProperty('readOnly') ? this.props.element.readOnly : false;
       var thisDefaultToday = this.props.element.hasOwnProperty('defaultToday') ? this.props.element.defaultToday : false;
-      var thisShowTimeSelect = this.props.element.hasOwnProperty('showTimeSelect') ? this.props.element.showTimeSelect : false;
-      var thisShowTimeSelectOnly = this.props.element.hasOwnProperty('showTimeSelectOnly') ? this.props.element.showTimeSelectOnly : false;
-      var thisShowTimeInput = this.props.element.hasOwnProperty('showTimeInput') ? this.props.element.showTimeInput : false;
       var thisCheckedInline = this.props.element.hasOwnProperty('inline') ? this.props.element.inline : false;
-      var this_checked_bold = this.props.element.hasOwnProperty('bold') ? this.props.element.bold : false;
+      var thisCheckedBold = this.props.element.hasOwnProperty('bold') ? this.props.element.bold : false;
       var thisCheckedItalic = this.props.element.hasOwnProperty('italic') ? this.props.element.italic : false;
       var thisCheckedCenter = this.props.element.hasOwnProperty('center') ? this.props.element.center : false;
       var thisCheckedPageBreak = this.props.element.hasOwnProperty('pageBreakBefore') ? this.props.element.pageBreakBefore : false;
       var thisCheckedAlternateForm = this.props.element.hasOwnProperty('alternateForm') ? this.props.element.alternateForm : false;
       var thisCheckedHideLabel = this.props.element.hasOwnProperty('hideLabel') ? this.props.element.hideLabel : false;
-      var _this$props$element = this.props.element,
-        canHavePageBreakBefore = _this$props$element.canHavePageBreakBefore,
-        canHaveAlternateForm = _this$props$element.canHaveAlternateForm,
-        canHaveDisplayHorizontal = _this$props$element.canHaveDisplayHorizontal,
-        canHaveOptionCorrect = _this$props$element.canHaveOptionCorrect,
-        canHaveOptionValue = _this$props$element.canHaveOptionValue,
-        _this$props$element$c = _this$props$element.canHideLabel,
-        canHideLabel = _this$props$element$c === void 0 ? false : _this$props$element$c;
-      var canHaveImageSize = this.state.element.element === 'Image' || this.state.element.element === 'Camera';
+      var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'RadioButtons', 'Rating', 'Range'].indexOf(this.state.element.element) !== -1;
+      var canHaveOptionValue = ['Dropdown', 'Tags', 'Checkboxes', 'RadioButtons'].indexOf(this.state.element.element) !== -1;
+      var canHaveOptionCorrect = canHaveAnswer && canHaveOptionValue;
       var thisFiles = this.props.files.length ? this.props.files : [];
       if (thisFiles.length < 1 || thisFiles.length > 0 && thisFiles[0].id !== '') {
         thisFiles.unshift({
@@ -286,15 +277,17 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         onBlur: this.updateElement.bind(this),
         onEditorStateChange: this.onEditorStateChange.bind(this, 0, 'label'),
         stripPastedStyles: true
-      }), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
+      })), (this.props.element.hasOwnProperty('required') || this.props.element.hasOwnProperty('readOnly') || this.props.element.hasOwnProperty('defaultToday') || ['Checkboxes', 'Checkbox'].indexOf(this.state.element.element) !== -1 || (this.state.element.element === 'RadioButtons' || this.state.element.element === 'Checkboxes') && this.props.element.hasOwnProperty('inline')) && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
+        className: "form-group mb-5"
+      }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold"
-      }, "Field Properties:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
+      }, "Field Properties:"), this.props.element.hasOwnProperty('required') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
         id: "is-required",
         label: /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
           id: "required"
         }),
         type: "checkbox",
-        checked: thisChecked,
+        checked: thisRequiredChecked,
         value: true,
         onChange: this.editElementProp.bind(this, 'required', 'checked')
       }), this.props.element.hasOwnProperty('readOnly') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
@@ -324,7 +317,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         checked: thisDefaultChecked,
         value: true,
         onChange: this.editElementProp.bind(this, 'defaultChecked', 'checked')
-      }), (this.state.element.element === 'RadioButtons' || this.state.element.element === 'Checkboxes') && canHaveDisplayHorizontal && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
+      }), (this.state.element.element === 'RadioButtons' || this.state.element.element === 'Checkboxes') && this.props.element.hasOwnProperty('inline') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
         id: "display-horizontal",
         label: /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
           id: "display-horizontal"
@@ -358,7 +351,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         defaultValue: this.props.element.src,
         onBlur: this.updateElement.bind(this),
         onChange: this.editElementProp.bind(this, 'src', 'value')
-      })), canHaveImageSize && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
+      })), (this.state.element.element === 'Image' || this.state.element.element === 'Camera') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
         sm: 3
@@ -437,7 +430,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
           value: file.type,
           key: index
         }, file.typeName);
-      }))), canHavePageBreakBefore && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
+      }))), this.props.element.hasOwnProperty('pageBreakBefore') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold"
@@ -452,7 +445,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         checked: thisCheckedPageBreak,
         value: true,
         onChange: this.editElementProp.bind(this, 'pageBreakBefore', 'checked')
-      })), canHaveAlternateForm && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
+      })), this.props.element.hasOwnProperty('alternateForm') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold"
@@ -568,7 +561,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
           id: "bold"
         }),
         type: "checkbox",
-        checked: this_checked_bold,
+        checked: thisCheckedBold,
         value: true,
         onChange: this.editElementProp.bind(this, 'bold', 'checked')
       }), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
@@ -581,7 +574,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         checked: thisCheckedItalic,
         value: true,
         onChange: this.editElementProp.bind(this, 'italic', 'checked')
-      })), this.props.element.showPlaceholder && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
+      })), this.props.element.hasOwnProperty('placeholder') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
@@ -594,7 +587,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         defaultValue: this.props.element.placeholder,
         onBlur: this.updateElement.bind(this),
         onChange: this.editElementProp.bind(this, 'placeholder', 'value')
-      })), this.props.element.showCustomName && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
+      })), this.props.element.hasOwnProperty('customName') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
@@ -607,7 +600,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         defaultValue: this.props.element.customName,
         onBlur: this.updateElement.bind(this),
         onChange: this.editElementProp.bind(this, 'customName', 'value')
-      })), this.props.element.showLabelLocationPicker && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
+      })), this.props.element.hasOwnProperty('labelLocation') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
@@ -623,7 +616,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         value: "ABOVE"
       }, "Above Form Field"), /*#__PURE__*/_react["default"].createElement("option", {
         value: "FLOATING"
-      }, "Floating Inside Form Field"))), canHideLabel && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
+      }, "Floating Inside Form Field"))), this.props.element.hasOwnProperty('hideLabel') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold"
@@ -634,7 +627,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         checked: thisCheckedHideLabel,
         value: true,
         onChange: this.editElementProp.bind(this, 'hideLabel', 'checked')
-      })), this.props.element.showHelp && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
+      })), this.props.element.hasOwnProperty('help') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
@@ -648,29 +641,29 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         defaultValue: this.props.element.help,
         onBlur: this.updateElement.bind(this),
         onChange: this.editElementProp.bind(this, 'help', 'value')
-      })), this.props.element.showDescription && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
+      })), (this.props.showDescription && !this.props.element["static"] || this.props.element.hasOwnProperty('description')) && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
-        htmlFor: "questionDescription"
+        htmlFor: "description"
       }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
         id: "description"
       }), ":"), /*#__PURE__*/_react["default"].createElement(_reactTextareaAutosize["default"], {
         type: "text",
         className: "form-control",
-        id: "questionDescription",
+        id: "description",
         defaultValue: this.props.element.description,
         onBlur: this.updateElement.bind(this),
         onChange: this.editElementProp.bind(this, 'description', 'value')
-      })), this.props.showCorrectColumn && this.props.element.canHaveAnswer && !this.props.element.hasOwnProperty('options') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
+      })), this.props.showCorrectColumn && canHaveAnswer && !this.props.element.hasOwnProperty('options') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
-        htmlFor: "correctAnswer"
+        htmlFor: "correct"
       }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
         id: "correct-answer"
       }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
-        id: "correctAnswer",
+        id: "correct",
         type: "text",
         defaultValue: this.props.element.correct,
         onBlur: this.updateElement.bind(this),