react-survey-builder 1.0.29 → 1.0.31

package/lib/survey-elements/index.js

@@ -35,6 +35,8 @@ var _ipUtils = require("../utils/ipUtils");
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 var _ri = require("react-icons/ri");
 var _UUID = _interopRequireDefault(require("../UUID"));
+var _md = require("react-icons/md");
+var _io = require("react-icons/io5");
 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); }
@@ -1166,12 +1168,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';
         }
@@ -1180,7 +1182,7 @@ var Checkboxes = /*#__PURE__*/function (_React$Component15) {
           variant: (_this20$props$checkbo = _this20.props.checkboxButtonClassName) !== null && _this20$props$checkbo !== void 0 ? _this20$props$checkbo : "outline-light",
           className: "btn-survey-builder-checkbox",
           key: "preview_".concat(option.key),
-          id: "fid_preview_".concat(option.key),
+          id: self.props.name + '-' + _UUID["default"].uuid(),
           inputRef: function inputRef(c) {
             if (c && self.props.item.mutable) {
               self.options["child_ref_".concat(option.key)] = c;
@@ -1230,7 +1232,7 @@ var Checkbox = /*#__PURE__*/function (_React$Component16) {
       }
       var props = {};
       // eslint-disable-next-line no-undef
-      props.name = this.props.name + '-' + _UUID["default"].uuid();
+      props.name = this.props.name;
       props.onChange = function (event) {
         if (_this22.props.onChange) {
           _this22.props.onChange(event.target.checked);
@@ -1274,7 +1276,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, {
@@ -1331,55 +1333,57 @@ var RadioButtons = /*#__PURE__*/function (_React$Component17) {
           return option.text;
         }).join(', '))));
       }
+      console.log('self.props', self.props);
       return /*#__PURE__*/_react["default"].createElement("div", {
-        style: _objectSpread({}, this.props.style),
+        style: _objectSpread({}, self.props.style),
         className: baseClasses
-      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Group, {
+      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], self.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 props = {};
-        props.name = self.props.name;
-        props.value = option.value;
-        props.checked = self.props.value === option.value;
-        props.onChange = function (event) {
-          self.props.onChange(event.target.value);
-        };
-        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;
-        return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.ToggleButton, (0, _extends2["default"])({
+      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], self.props), self.props.item.options.map(function (option) {
+        var _self$props$checkboxB, _self$props, _self$props2, _self$props3, _self$props5, _self$props6;
+        console.log('option', option);
+        return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.ToggleButton, {
           label: option.text,
           type: "radio",
-          variant: (_this24$props$checkbo = _this24.props.checkboxButtonClassName) !== null && _this24$props$checkbo !== void 0 ? _this24$props$checkbo : "outline-light",
+          variant: (_self$props$checkboxB = self.props.checkboxButtonClassName) !== null && _self$props$checkboxB !== void 0 ? _self$props$checkboxB : "outline-light",
           className: "btn-survey-builder-checkbox",
           key: "preview_".concat(option.key),
-          id: "fid_preview_".concat(option.key),
+          id: self.props.name + '-' + _UUID["default"].uuid(),
           inputRef: function inputRef(c) {
             if (c && self.props.item.mutable) {
               self.options["child_ref_".concat(option.key)] = c;
             }
+          },
+          disabled: self === null || self === void 0 || (_self$props = self.props) === null || _self$props === void 0 || (_self$props = _self$props.item) === null || _self$props === void 0 ? void 0 : _self$props.disabled,
+          name: self === null || self === void 0 || (_self$props2 = self.props) === null || _self$props2 === void 0 ? void 0 : _self$props2.name,
+          value: option.value,
+          checked: (self === null || self === void 0 || (_self$props3 = self.props) === null || _self$props3 === void 0 ? void 0 : _self$props3.value) === option.value,
+          onChange: function onChange(e) {
+            var _self$props4;
+            if ((self === null || self === void 0 || (_self$props4 = self.props) === null || _self$props4 === void 0 ? void 0 : _self$props4.onChange) !== undefined) {
+              console.log(e.target.value);
+              self.props.onChange(e.target.value);
+            }
           }
-        }, props), /*#__PURE__*/_react["default"].createElement("div", {
+        }, /*#__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.RiRadioButtonLine, {
+        }, (self === null || self === void 0 || (_self$props5 = self.props) === null || _self$props5 === void 0 ? void 0 : _self$props5.value) !== option.value && /*#__PURE__*/_react["default"].createElement(_io.IoRadioButtonOff, {
           size: "40px",
           className: "me-3 flex-shrink-0"
-        }), props.checked === true && /*#__PURE__*/_react["default"].createElement(_ri.RiRadioButtonFill, {
+        }), (self === null || self === void 0 || (_self$props6 = self.props) === null || _self$props6 === void 0 ? void 0 : _self$props6.value) === option.value && /*#__PURE__*/_react["default"].createElement(_io.IoRadioButtonOn, {
           size: "40px",
           className: "me-3 flex-shrink-0"
         }), /*#__PURE__*/_react["default"].createElement("div", {
           className: "text-start"
         }, /*#__PURE__*/_react["default"].createElement("span", {
           dangerouslySetInnerHTML: {
-            __html: _this24.props.item.boxLabel
+            __html: option.text
           }
         }))));
-      }), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
+      }), self.props.item.help ? /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Text, {
         muted: true
-      }, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
-        name: this.props.name
+      }, self.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
+        name: self.props.name
       })));
     }
   }]);

package/package.json

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