react-survey-builder 1.0.20 → 1.0.22

package/lib/form.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
@@ -33,12 +34,8 @@ var Image = _surveyElements["default"].Image,
 var ReactSurvey = function ReactSurvey(_ref) {
   var _ref$validateForCorre = _ref.validateForCorrectness,
     validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,
-    _ref$skipValidations = _ref.skipValidations,
-    skipValidations = _ref$skipValidations === void 0 ? false : _ref$skipValidations,
     _ref$displayShort = _ref.displayShort,
     displayShort = _ref$displayShort === void 0 ? false : _ref$displayShort,
-    _ref$hideRequiredAler = _ref.hideRequiredAlert,
-    hideRequiredAlert = _ref$hideRequiredAler === void 0 ? false : _ref$hideRequiredAler,
     _ref$readOnly = _ref.readOnly,
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     downloadPath = _ref.downloadPath,
@@ -115,6 +112,9 @@ var ReactSurvey = function ReactSurvey(_ref) {
     if (defaultValue === undefined) {
       if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'Tags') {
         defaultValue = [];
+      } else if ($dataItem.element === 'NumberInput' || $dataItem.element === 'Range') {
+        var _$dataItem$minValue;
+        defaultValue = (_$dataItem$minValue = $dataItem.minValue) !== null && _$dataItem$minValue !== void 0 ? _$dataItem$minValue : 0;
       } else {
         defaultValue = '';
       }
@@ -161,7 +161,8 @@ var ReactSurvey = function ReactSurvey(_ref) {
   };
   var _isIncorrect = function _isIncorrect($dataItem) {
     var incorrect = false;
-    if ($dataItem.canHaveAnswer) {
+    var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'RadioButtons', 'Rating', 'Range'].indexOf($dataItem.element) !== -1;
+    if (canHaveAnswer) {
       var ref = inputs.current[$dataItem.fieldName];
       if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'RadioButtons') {
         $dataItem.options.forEach(function (option) {
@@ -172,7 +173,13 @@ var ReactSurvey = function ReactSurvey(_ref) {
         });
       } else {
         var $item = _getItemValue($dataItem, ref);
-        if ($dataItem.element === 'Rating') {
+        if ($dataItem.element === 'Rating' || $dataItem.element === 'Range' || $dataItem.element === 'NumberInput') {
+          // number to string
+          if ($item.value.toString() !== $dataItem.correct) {
+            incorrect = true;
+          }
+        } else if ($dataItem.element === 'Checkbox') {
+          // boolean to string
           if ($item.value.toString() !== $dataItem.correct) {
             incorrect = true;
           }
@@ -260,41 +267,25 @@ var ReactSurvey = function ReactSurvey(_ref) {
     });
     return formData;
   };
-  var _getSignatureImg = function _getSignatureImg($dataItem) {
-    var ref = inputs.current[$dataItem.fieldName];
-    var $canvas_sig = ref.canvas.current;
-    if ($canvas_sig) {
-      var base64 = $canvas_sig.toDataURL().replace('data:image/png;base64,', '');
-      var _isEmpty = $canvas_sig.isEmpty();
-      var $input_sig = _reactDom["default"].findDOMNode(ref.inputField.current);
-      if (_isEmpty) {
-        $input_sig.value = '';
-        methods.setValue($dataItem.fieldName, '');
-      } else {
-        $input_sig.value = base64;
-        methods.setValue($dataItem.fieldName, base64);
-      }
-    }
-  };
 
   //#endregion
   //#region form methods
 
   var handleSubmit = function handleSubmit($formData, event) {
     event.preventDefault();
-    console.log('handleSubmit', $formData);
-    var errors = [];
-    if (!skipValidations) {
-      errors = validateForm();
-      // Publish errors, if any.
-      //emitter.emit('surveyValidation', errors);
+    var hasErrors = false;
+    if (validateForCorrectness) {
+      hasErrors = validateForm();
     }
 
     // Only submit if there are no errors.
-    if (errors.length < 1) {
+    if (hasErrors === false) {
       if (onSubmit) {
         var $data = _collectFormData(items);
-        onSubmit($data);
+        onSubmit({
+          formData: $formData,
+          answers: $data
+        });
       } else {
         var $form = _reactDom["default"].findDOMNode(form.current);
         $form.submit();
@@ -310,7 +301,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
     }
   };
   var validateForm = function validateForm() {
-    var errors = [];
+    var hasErrors = false;
     var dataItems = items;
     if (displayShort) {
       dataItems = items.filter(function (i) {
@@ -318,51 +309,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
       });
     }
     dataItems.forEach(function (item) {
-      if (item.element === 'Signature') {
-        _getSignatureImg(item);
-      }
-      if (_isInvalid(item)) {
-        errors.push("".concat(item.label, " ").concat(intl.formatMessage({
-          id: 'message.is-required'
-        }), "!"));
-      }
-      if (item.element === 'EmailInput') {
-        var ref = inputs.current[item.fieldName];
-        var emailValue = _getItemValue(item, ref).value;
-        if (emailValue) {
-          var checkEmail = validateEmail(emailValue);
-          if (!checkEmail) {
-            errors.push("".concat(item.label, " ").concat(intl.formatMessage({
-              id: 'message.invalid-email'
-            })));
-          }
+      if (_isIncorrect(item)) {
+        if (methods) {
+          methods.setError(item.fieldName, {
+            type: 'incorrect',
+            message: "".concat(item.label, " ").concat(intl.formatMessage({
+              id: 'message.was-answered-incorrectly'
+            }))
+          });
         }
-      }
-      if (item.element === 'PhoneNumber') {
-        var _ref2 = inputs.current[item.fieldName];
-        var phoneValue = _getItemValue(item, _ref2).value;
-        if (phoneValue) {
-          var checkPhone = validatePhone(phoneValue);
-          if (!checkPhone) {
-            errors.push("".concat(item.label, " ").concat(intl.formatMessage({
-              id: 'message.invalid-phone-number'
-            })));
-          }
-        }
-      }
-      if (validateForCorrectness && _isIncorrect(item)) {
-        methods.setError(item.fieldName, {
-          type: 'incorrect',
-          message: "".concat(item.label, " ").concat(intl.formatMessage({
-            id: 'message.was-answered-incorrectly'
-          }))
-        });
-        errors.push("".concat(item.label, " ").concat(intl.formatMessage({
-          id: 'message.was-answered-incorrectly'
-        }), "!"));
+        hasErrors = true;
       }
     });
-    return errors;
+    return hasErrors;
   };
   var validateEmail = function validateEmail(email) {
     return email.match(
@@ -443,12 +402,12 @@ var ReactSurvey = function ReactSurvey(_ref) {
       return x.id === id;
     });
     if ($dataItem !== undefined) {
+      var _ref2, _ref3;
       return _objectSpread(_objectSpread({}, $dataItem), {}, {
         fieldRules: getFieldRules($dataItem),
         print: print !== null && print !== void 0 ? print : false,
-        hideRequiredAlert: hideRequiredAlert || $dataItem.hideRequiredAlert,
-        readOnly: readOnly || $dataItem.readOnly,
-        disabled: $dataItem.readOnly,
+        readOnly: (_ref2 = readOnly || $dataItem.readOnly) !== null && _ref2 !== void 0 ? _ref2 : false,
+        disabled: (_ref3 = readOnly || $dataItem.readOnly) !== null && _ref3 !== void 0 ? _ref3 : false,
         mutable: true
       });
     }
@@ -468,19 +427,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
       defaultValue: _getDefaultValue(item),
       disabled: item.disabled,
       required: item.required,
-      render: function render(_ref3) {
-        var _ref3$field = _ref3.field,
-          _onChange = _ref3$field.onChange,
-          onBlur = _ref3$field.onBlur,
-          value = _ref3$field.value,
-          name = _ref3$field.name,
-          ref = _ref3$field.ref,
-          _ref3$fieldState = _ref3.fieldState,
-          invalid = _ref3$fieldState.invalid,
-          isTouched = _ref3$fieldState.isTouched,
-          isDirty = _ref3$fieldState.isDirty,
-          error = _ref3$fieldState.error,
-          formState = _ref3.formState;
+      render: function render(_ref4) {
+        var _ref4$field = _ref4.field,
+          _onChange = _ref4$field.onChange,
+          onBlur = _ref4$field.onBlur,
+          value = _ref4$field.value,
+          name = _ref4$field.name,
+          ref = _ref4$field.ref,
+          _ref4$fieldState = _ref4.fieldState,
+          invalid = _ref4$fieldState.invalid,
+          isTouched = _ref4$fieldState.isTouched,
+          isDirty = _ref4$fieldState.isDirty,
+          error = _ref4$fieldState.error,
+          formState = _ref4.formState;
         return /*#__PURE__*/_react["default"].createElement(Input, {
           onBlur: onBlur,
           onChange: function onChange(e) {
@@ -534,19 +493,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
       defaultValue: _getDefaultValue(item),
       disabled: item.disabled,
       required: item.required,
-      render: function render(_ref4) {
-        var _ref4$field = _ref4.field,
-          _onChange2 = _ref4$field.onChange,
-          onBlur = _ref4$field.onBlur,
-          value = _ref4$field.value,
-          name = _ref4$field.name,
-          ref = _ref4$field.ref,
-          _ref4$fieldState = _ref4.fieldState,
-          invalid = _ref4$fieldState.invalid,
-          isTouched = _ref4$fieldState.isTouched,
-          isDirty = _ref4$fieldState.isDirty,
-          error = _ref4$fieldState.error,
-          formState = _ref4.formState;
+      render: function render(_ref5) {
+        var _ref5$field = _ref5.field,
+          _onChange2 = _ref5$field.onChange,
+          onBlur = _ref5$field.onBlur,
+          value = _ref5$field.value,
+          name = _ref5$field.name,
+          ref = _ref5$field.ref,
+          _ref5$fieldState = _ref5.fieldState,
+          invalid = _ref5$fieldState.invalid,
+          isTouched = _ref5$fieldState.isTouched,
+          isDirty = _ref5$fieldState.isDirty,
+          error = _ref5$fieldState.error,
+          formState = _ref5.formState;
         return /*#__PURE__*/_react["default"].createElement(_customElement["default"], {
           onBlur: onBlur,
           onChange: function onChange(e) {
@@ -627,11 +586,11 @@ var ReactSurvey = function ReactSurvey(_ref) {
 
   //#endregion
 
-  var dataItems = items;
+  var dataItems = items ? (0, _toConsumableArray2["default"])(items) : [];
   if (displayShort) {
-    dataItems = items.filter(function (i) {
+    dataItems = items ? (0, _toConsumableArray2["default"])(items).filter(function (i) {
       return i.alternateForm === true;
-    });
+    }) : [];
   }
   dataItems.forEach(function (item) {
     if (item && item.readOnly && item.variableKey && variables[item.variableKey]) {
@@ -641,12 +600,12 @@ var ReactSurvey = function ReactSurvey(_ref) {
   var fieldItems = dataItems.filter(function (x) {
     return !x.parentId;
   }).map(function (item) {
+    var _ref6, _ref7;
     if (!item) return null;
     item.fieldRules = getFieldRules(item);
     item.print = print !== null && print !== void 0 ? print : false;
-    item.hideRequiredAlert = hideRequiredAlert || item.hideRequiredAlert;
-    item.readOnly = readOnly || item.readOnly;
-    item.disabled = item.readOnly;
+    item.readOnly = (_ref6 = readOnly || item.readOnly) !== null && _ref6 !== void 0 ? _ref6 : false;
+    item.disabled = (_ref7 = readOnly || item.readOnly) !== null && _ref7 !== void 0 ? _ref7 : false;
     item.mutable = true;
     switch (item.element) {
       case 'TextInput':
@@ -681,19 +640,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
           defaultValue: _getDefaultValue(item),
           disabled: item.disabled,
           required: item.required,
-          render: function render(_ref5) {
-            var _ref5$field = _ref5.field,
-              _onChange3 = _ref5$field.onChange,
-              onBlur = _ref5$field.onBlur,
-              value = _ref5$field.value,
-              name = _ref5$field.name,
-              ref = _ref5$field.ref,
-              _ref5$fieldState = _ref5.fieldState,
-              invalid = _ref5$fieldState.invalid,
-              isTouched = _ref5$fieldState.isTouched,
-              isDirty = _ref5$fieldState.isDirty,
-              error = _ref5$fieldState.error,
-              formState = _ref5.formState;
+          render: function render(_ref8) {
+            var _ref8$field = _ref8.field,
+              _onChange3 = _ref8$field.onChange,
+              onBlur = _ref8$field.onBlur,
+              value = _ref8$field.value,
+              name = _ref8$field.name,
+              ref = _ref8$field.ref,
+              _ref8$fieldState = _ref8.fieldState,
+              invalid = _ref8$fieldState.invalid,
+              isTouched = _ref8$fieldState.isTouched,
+              isDirty = _ref8$fieldState.isDirty,
+              error = _ref8$fieldState.error,
+              formState = _ref8.formState;
             return /*#__PURE__*/_react["default"].createElement(Signature, {
               methods: methods,
               onBlur: onBlur,
@@ -719,19 +678,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
           defaultValue: _optionsDefaultValue(item),
           disabled: item.disabled,
           required: item.required,
-          render: function render(_ref6) {
-            var _ref6$field = _ref6.field,
-              _onChange4 = _ref6$field.onChange,
-              onBlur = _ref6$field.onBlur,
-              value = _ref6$field.value,
-              name = _ref6$field.name,
-              ref = _ref6$field.ref,
-              _ref6$fieldState = _ref6.fieldState,
-              invalid = _ref6$fieldState.invalid,
-              isTouched = _ref6$fieldState.isTouched,
-              isDirty = _ref6$fieldState.isDirty,
-              error = _ref6$fieldState.error,
-              formState = _ref6.formState;
+          render: function render(_ref9) {
+            var _ref9$field = _ref9.field,
+              _onChange4 = _ref9$field.onChange,
+              onBlur = _ref9$field.onBlur,
+              value = _ref9$field.value,
+              name = _ref9$field.name,
+              ref = _ref9$field.ref,
+              _ref9$fieldState = _ref9.fieldState,
+              invalid = _ref9$fieldState.invalid,
+              isTouched = _ref9$fieldState.isTouched,
+              isDirty = _ref9$fieldState.isDirty,
+              error = _ref9$fieldState.error,
+              formState = _ref9.formState;
             return /*#__PURE__*/_react["default"].createElement(Checkboxes, {
               onBlur: onBlur,
               onChange: function onChange(e) {
@@ -771,19 +730,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
           defaultValue: _getDefaultValue(item),
           disabled: item.disabled,
           required: item.required,
-          render: function render(_ref7) {
-            var _ref7$field = _ref7.field,
-              _onChange5 = _ref7$field.onChange,
-              onBlur = _ref7$field.onBlur,
-              value = _ref7$field.value,
-              name = _ref7$field.name,
-              ref = _ref7$field.ref,
-              _ref7$fieldState = _ref7.fieldState,
-              invalid = _ref7$fieldState.invalid,
-              isTouched = _ref7$fieldState.isTouched,
-              isDirty = _ref7$fieldState.isDirty,
-              error = _ref7$fieldState.error,
-              formState = _ref7.formState;
+          render: function render(_ref10) {
+            var _ref10$field = _ref10.field,
+              _onChange5 = _ref10$field.onChange,
+              onBlur = _ref10$field.onBlur,
+              value = _ref10$field.value,
+              name = _ref10$field.name,
+              ref = _ref10$field.ref,
+              _ref10$fieldState = _ref10.fieldState,
+              invalid = _ref10$fieldState.invalid,
+              isTouched = _ref10$fieldState.isTouched,
+              isDirty = _ref10$fieldState.isDirty,
+              error = _ref10$fieldState.error,
+              formState = _ref10.formState;
             return /*#__PURE__*/_react["default"].createElement(Camera, {
               onBlur: onBlur,
               onChange: function onChange(e) {
@@ -809,19 +768,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
           defaultValue: _getDefaultValue(item),
           disabled: item.disabled,
           required: item.required,
-          render: function render(_ref8) {
-            var _ref8$field = _ref8.field,
-              _onChange6 = _ref8$field.onChange,
-              onBlur = _ref8$field.onBlur,
-              value = _ref8$field.value,
-              name = _ref8$field.name,
-              ref = _ref8$field.ref,
-              _ref8$fieldState = _ref8.fieldState,
-              invalid = _ref8$fieldState.invalid,
-              isTouched = _ref8$fieldState.isTouched,
-              isDirty = _ref8$fieldState.isDirty,
-              error = _ref8$fieldState.error,
-              formState = _ref8.formState;
+          render: function render(_ref11) {
+            var _ref11$field = _ref11.field,
+              _onChange6 = _ref11$field.onChange,
+              onBlur = _ref11$field.onBlur,
+              value = _ref11$field.value,
+              name = _ref11$field.name,
+              ref = _ref11$field.ref,
+              _ref11$fieldState = _ref11.fieldState,
+              invalid = _ref11$fieldState.invalid,
+              isTouched = _ref11$fieldState.isTouched,
+              isDirty = _ref11$fieldState.isDirty,
+              error = _ref11$fieldState.error,
+              formState = _ref11.formState;
             return /*#__PURE__*/_react["default"].createElement(FileUpload, {
               onBlur: onBlur,
               onChange: function onChange(e) {

package/lib/index.js

@@ -19,7 +19,7 @@ Object.defineProperty(exports, "Registry", {
     return _registry["default"];
   }
 });
-exports["default"] = void 0;
+exports["default"] = exports.cleanUpSurveyItems = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -166,10 +166,126 @@ function ReactSurveyFieldGenerator(props) {
     messages: currentAppLocale.messages
   }, /*#__PURE__*/_react["default"].createElement(_formFields["default"], props));
 }
+var cleanUpSurveyItems = exports.cleanUpSurveyItems = function cleanUpSurveyItems() {
+  var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return items.map(function (item) {
+    var _item$element, _item$key;
+    var dataItem = {
+      id: item.id,
+      element: (_item$element = item.element) !== null && _item$element !== void 0 ? _item$element : (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : '',
+      text: item.text,
+      "static": item["static"]
+    };
+    if (item.groupName !== undefined && item.groupName !== null) {
+      dataItem.groupName = item.groupName;
+    }
+    if (item.required !== undefined && item.required !== null) {
+      dataItem.required = item.required;
+    }
+    if (item.description !== undefined && item.description !== null) {
+      dataItem.description = item.description;
+    }
+    if (item.placeholder !== undefined && item.placeholder !== null) {
+      dataItem.placeholder = item.placeholder;
+    }
+    if (item.bold !== undefined && item.bold !== null) {
+      dataItem.bold = item.bold;
+    }
+    if (item.italic !== undefined && item.italic !== null) {
+      dataItem.italic = item.italic;
+    }
+    if (item.labelLocation !== undefined && item.labelLocation !== null) {
+      dataItem.labelLocation = item.labelLocation;
+    }
+    if (item.help !== undefined && item.help !== null) {
+      dataItem.help = item.help;
+    }
+    if (item.hideLabel !== undefined && item.hideLabel !== null) {
+      dataItem.hideLabel = item.hideLabel;
+    }
+    if (item.readOnly !== undefined && item.readOnly !== null) {
+      dataItem.readOnly = item.readOnly;
+    }
+    if (item.defaultToday !== undefined && item.defaultToday !== null) {
+      dataItem.defaultToday = item.defaultToday;
+    }
+    if (item.content !== undefined && item.content !== null) {
+      dataItem.content = item.content;
+    }
+    if (item.href !== undefined && item.href !== null) {
+      dataItem.href = item.href;
+    }
+    if (item.inherited !== undefined && item.inherited !== null) {
+      dataItem.inherited = item.inherited;
+    }
+    if (item.type === 'custom') {
+      elementOptions.key = item.key;
+      elementOptions.custom = true;
+      elementOptions.forwardRef = item.forwardRef;
+      elementOptions.bare = item.bare;
+      elementOptions.props = item.props;
+      elementOptions.component = item.component || null;
+      elementOptions.customOptions = item.customOptions || [];
+    }
+    if (item.pageBreakBefore !== undefined && item.pageBreakBefore !== null) {
+      dataItem.pageBreakBefore = item.pageBreakBefore;
+    }
+    if (item.alternateForm !== undefined && item.alternateForm !== null) {
+      dataItem.alternateForm = item.alternateForm;
+    }
+    if (item.inline !== undefined && item.inline !== null) {
+      dataItem.inline = item.inline;
+    }
+    if (item.className !== undefined && item.className !== null) {
+      dataItem.className = item.className;
+    }
+    if (item.src !== undefined && item.src !== null) {
+      dataItem.src = item.src;
+    }
+    if (item.dateFormat !== undefined && item.dateFormat !== null) {
+      dataItem.dateFormat = item.dateFormat;
+    }
+    if (item.filePath !== undefined && item.filePath !== null) {
+      dataItem.filePath = item.filePath;
+    }
+    if (item.step !== undefined && item.step !== null) {
+      dataItem.step = item.step;
+    }
+    if (item.minValue !== undefined && item.minValue !== null) {
+      dataItem.minValue = item.minValue;
+    }
+    if (item.maxValue !== undefined && item.maxValue !== null) {
+      dataItem.maxValue = item.maxValue;
+    }
+    if (item.minLabel !== undefined && item.minLabel !== null) {
+      dataItem.minLabel = item.minLabel;
+    }
+    if (item.maxLabel !== undefined && item.maxLabel !== null) {
+      dataItem.maxLabel = item.maxLabel;
+    }
+    if (item.defaultValue !== undefined && item.defaultValue !== null) {
+      dataItem.defaultValue = item.defaultValue;
+    }
+    if (item.colCount !== undefined && item.colCount !== null) {
+      dataItem.colCount = item.colCount;
+    }
+    if (item.fieldName !== undefined && item.fieldName !== null) {
+      dataItem.fieldName = item.fieldName;
+    }
+    if (item.label !== undefined && item.label !== null) {
+      dataItem.label = item.label;
+    }
+    if (item.options !== undefined && item.options !== null) {
+      dataItem.options = item.options;
+    }
+    return dataItem;
+  });
+};
 var SurveyBuilders = {};
 SurveyBuilders.ReactSurveyBuilder = ReactSurveyBuilder;
 SurveyBuilders.ReactSurveyGenerator = ReactSurveyGenerator;
 SurveyBuilders.ReactSurveyFieldGenerator = ReactSurveyFieldGenerator;
 SurveyBuilders.ElementStore = _store["default"];
 SurveyBuilders.Registry = _registry["default"];
+SurveyBuilders.cleanUpSurveyItems = cleanUpSurveyItems;
 var _default = exports["default"] = SurveyBuilders;

package/lib/preview.js

@@ -133,8 +133,8 @@ var Preview = exports["default"] = /*#__PURE__*/function (_React$Component) {
     value: function _onDestroy(item) {
       var _this4 = this;
       if (item.childItems) {
-        item.childItems.forEach(function (x) {
-          var child = _this4.getDataById(x);
+        item.childItems.forEach(function (childItem) {
+          var child = _this4.getDataById(childItem);
           if (child) {
             _store["default"].dispatch('delete', child);
           }

package/lib/survey-elements/component-label.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _myxss = _interopRequireDefault(require("./myxss"));
-var _reactBootstrap = require("react-bootstrap");
 var ComponentLabel = function ComponentLabel(_ref) {
   var _item$hideLabel;
   var item = _ref.item,
@@ -19,7 +18,6 @@ var ComponentLabel = function ComponentLabel(_ref) {
     return null;
   }
   labelText = "".concat(labelText).concat(hasRequiredLabel ? '*' : '');
-  var hideRequiredAlert = item.hideRequiredAlert;
   var hideLabel = (_item$hideLabel = item.hideLabel) !== null && _item$hideLabel !== void 0 ? _item$hideLabel : false;
   if (hideLabel) return null;
   return /*#__PURE__*/_react["default"].createElement("label", {
@@ -29,9 +27,6 @@ var ComponentLabel = function ComponentLabel(_ref) {
     dangerouslySetInnerHTML: {
       __html: labelText
     }
-  }), hasRequiredLabel && !hideRequiredAlert && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Badge, {
-    bg: "danger",
-    className: "label-required"
-  }, "Required"));
+  }));
 };
 var _default = exports["default"] = ComponentLabel;

package/lib/survey-elements/index.js

@@ -1147,7 +1147,7 @@ var Checkboxes = /*#__PURE__*/function (_React$Component15) {
         }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
           className: "form-group mb-3"
         }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          htmlFor: props.name
+          htmlFor: this.props.name
         })), /*#__PURE__*/_react["default"].createElement("div", null, this.props.item.options.filter(function (option) {
           return _this20.props.value.includes(option.value);
         }).map(function (option) {
@@ -1294,7 +1294,7 @@ var RadioButtons = /*#__PURE__*/function (_React$Component17) {
         }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
           className: "form-group mb-3"
         }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
-          htmlFor: props.name
+          htmlFor: this.props.name
         })), /*#__PURE__*/_react["default"].createElement("div", null, this.props.item.options.filter(function (option) {
           return _this24.props.value === option.value;
         }).map(function (option) {
@@ -1788,6 +1788,10 @@ var Range = /*#__PURE__*/function (_React$Component24) {
       }
       if (this.props.item.mutable) {
         props.ref = this.inputField;
+      } else {
+        if (props.value === undefined) {
+          props.value = this.props.item.defaultValue;
+        }
       }
       props.type = 'range';
       props.list = "tickmarks_".concat(name);