react-survey-builder 1.0.28 → 1.0.30

package/lib/survey-elements/component-error-message.js

@@ -29,6 +29,7 @@ var getError = exports.getError = function getError(errors, name) {
 var ComponentErrorMessage = function ComponentErrorMessage(_ref) {
   var name = _ref.name;
   var methods = (0, _reactHookForm.useFormContext)();
+  console.log(methods);
   if (!methods) return null;
   if (getError(methods.formState.errors, name) !== undefined) {
     return /*#__PURE__*/_react["default"].createElement(_errorMessage.ErrorMessage, {

package/lib/survey-elements/index.js

@@ -34,6 +34,7 @@ var _componentErrorMessage = _interopRequireDefault(require("./component-error-m
 var _ipUtils = require("../utils/ipUtils");
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 var _ri = require("react-icons/ri");
+var _UUID = _interopRequireDefault(require("../UUID"));
 var _excluded = ["onChange"],
   _excluded2 = ["onChange", "formatMask"]; // eslint-disable-next-line max-classes-per-file
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -1165,12 +1166,12 @@ var Checkboxes = /*#__PURE__*/function (_React$Component15) {
       }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
         htmlFor: this.props.name
       })), this.props.item.options.map(function (option) {
-        var _self$props$item$inli, _this20$props$checkbo;
+        var _this20$props$checkbo;
         var props = {};
         props.name = "option_".concat(option.key);
         props.value = option.value;
         props.checked = self.props.value ? self.props.value.indexOf(option.value) > -1 : false;
-        props.inline = (_self$props$item$inli = self.props.item.inline) !== null && _self$props$item$inli !== void 0 ? _self$props$item$inli : false;
+        //props.inline = self.props.item.inline ?? false;
         if (self.props.item.disabled) {
           props.disabled = 'disabled';
         }
@@ -1222,7 +1223,6 @@ var Checkbox = /*#__PURE__*/function (_React$Component16) {
     key: "render",
     value: function render() {
       var _this22 = this,
-        _this$props$item$inli,
         _this$props$checkboxB;
       var baseClasses = 'SortableItem rfb-item';
       if (this.props.item.pageBreakBefore) {
@@ -1232,19 +1232,22 @@ var Checkbox = /*#__PURE__*/function (_React$Component16) {
       // eslint-disable-next-line no-undef
       props.name = this.props.name;
       props.onChange = function (event) {
-        _this22.props.onChange(event.target.checked);
+        if (_this22.props.onChange) {
+          _this22.props.onChange(event.target.checked);
+        }
       };
-      props.isInvalid = this.props.isInvalid;
+      //props.isInvalid = this.props.isInvalid;
       props.onBlur = this.props.onBlur;
       props.autoComplete = "new-password";
       if (this.props.item.disabled) {
         props.disabled = 'disabled';
       }
       if (this.props.item.mutable) {
-        props.ref = this.inputField;
+        props.inputRef = this.inputField;
       }
       props.checked = this.props.value;
-      props.inline = (_this$props$item$inli = this.props.item.inline) !== null && _this$props$item$inli !== void 0 ? _this$props$item$inli : false;
+      //props.inline = this.props.item.inline ?? false;
+
       if (this.props.item.print === true) {
         return /*#__PURE__*/_react["default"].createElement("div", {
           style: _objectSpread({}, this.props.style),
@@ -1271,7 +1274,7 @@ var Checkbox = /*#__PURE__*/function (_React$Component16) {
         variant: (_this$props$checkboxB = this.props.checkboxButtonClassName) !== null && _this$props$checkboxB !== void 0 ? _this$props$checkboxB : "outline-light",
         className: "btn-survey-builder-checkbox",
         value: props.name,
-        id: props.name
+        id: props.name + '-' + _UUID["default"].uuid()
       }, props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "d-flex align-items-center justify-content-between text-black text-survey-builder-checkbox"
       }, props.checked !== true && /*#__PURE__*/_react["default"].createElement(_ri.RiCheckboxBlankLine, {
@@ -1334,7 +1337,7 @@ var RadioButtons = /*#__PURE__*/function (_React$Component17) {
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
         className: "form-group mb-3"
       }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.item.options.map(function (option) {
-        var _self$props$item$inli2, _this24$props$checkbo;
+        var _this24$props$checkbo;
         var props = {};
         props.name = self.props.name;
         props.value = option.value;
@@ -1345,7 +1348,8 @@ var RadioButtons = /*#__PURE__*/function (_React$Component17) {
         if (self.props.item.disabled) {
           props.disabled = 'disabled';
         }
-        props.inline = (_self$props$item$inli2 = self.props.item.inline) !== null && _self$props$item$inli2 !== void 0 ? _self$props$item$inli2 : false;
+        //props.inline = self.props.item.inline ?? false;
+
         return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.ToggleButton, (0, _extends2["default"])({
           label: option.text,
           type: "radio",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-survey-builder",
-  "version": "1.0.28",
+  "version": "1.0.30",
   "description": "A complete survey builder for react.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",