react-survey-builder 1.0.93 → 1.0.94

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.
Files changed (3) hide show
  1. package/dist/bundle.js +1 -1
  2. package/lib/survey-elements/index.js +50 -61
  3. package/package.json +1 -1
package/lib/survey-elements/index.js CHANGED
@@ -159,7 +159,7 @@ export var LineBreak = function LineBreak(props) {
159
159
  }, /*#__PURE__*/React.createElement(ComponentHeader, props), /*#__PURE__*/React.createElement("hr", null));
160
160
  };
161
161
  export var TextInput = function TextInput(_ref) {
162
- var _item$required, _item$disabled, _item$required2;
162
+ var _item$required, _item$disabled, _item$required2, _item$helpClassName2;
163
163
  var name = _ref.name,
164
164
  onChange = _ref.onChange,
165
165
  defaultValue = _ref.defaultValue,
@@ -240,6 +240,7 @@ export var TextInput = function TextInput(_ref) {
240
240
  baseClasses += ' alwaysbreak';
241
241
  }
242
242
  if (!methods) {
243
+ var _item$helpClassName;
243
244
  return /*#__PURE__*/React.createElement("div", {
244
245
  style: _objectSpread({}, style),
245
246
  className: baseClasses
@@ -264,8 +265,7 @@ export var TextInput = function TextInput(_ref) {
264
265
  name: name,
265
266
  id: name + '-2-' + ID.uuid()
266
267
  }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
267
- muted: true,
268
- className: item === null || item === void 0 ? void 0 : item.helpClassName
268
+ className: (_item$helpClassName = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName !== void 0 ? _item$helpClassName : 'text-muted'
269
269
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
270
270
  name: name
271
271
  })));
@@ -302,14 +302,13 @@ export var TextInput = function TextInput(_ref) {
302
302
  }), /*#__PURE__*/React.createElement(Controller, _extends({
303
303
  control: methods.control
304
304
  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
305
- muted: true,
306
- className: item === null || item === void 0 ? void 0 : item.helpClassName
305
+ className: (_item$helpClassName2 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName2 !== void 0 ? _item$helpClassName2 : 'text-muted'
307
306
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
308
307
  name: name
309
308
  })));
310
309
  };
311
310
  export var EmailInput = function EmailInput(_ref3) {
312
- var _item$required4, _item$disabled3, _item$required5;
311
+ var _item$required4, _item$disabled3, _item$required5, _item$helpClassName4;
313
312
  var name = _ref3.name,
314
313
  onChange = _ref3.onChange,
315
314
  defaultValue = _ref3.defaultValue,
@@ -403,6 +402,7 @@ export var EmailInput = function EmailInput(_ref3) {
403
402
  baseClasses += ' alwaysbreak';
404
403
  }
405
404
  if (!methods) {
405
+ var _item$helpClassName3;
406
406
  return /*#__PURE__*/React.createElement("div", {
407
407
  style: _objectSpread({}, style),
408
408
  className: baseClasses
@@ -427,8 +427,7 @@ export var EmailInput = function EmailInput(_ref3) {
427
427
  name: name,
428
428
  id: name + '-2-' + ID.uuid()
429
429
  }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
430
- muted: true,
431
- className: item === null || item === void 0 ? void 0 : item.helpClassName
430
+ className: (_item$helpClassName3 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName3 !== void 0 ? _item$helpClassName3 : 'text-muted'
432
431
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
433
432
  name: name
434
433
  })));
@@ -465,14 +464,13 @@ export var EmailInput = function EmailInput(_ref3) {
465
464
  }), /*#__PURE__*/React.createElement(Controller, _extends({
466
465
  control: methods.control
467
466
  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
468
- muted: true,
469
- className: item === null || item === void 0 ? void 0 : item.helpClassName
467
+ className: (_item$helpClassName4 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName4 !== void 0 ? _item$helpClassName4 : 'text-muted'
470
468
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
471
469
  name: name
472
470
  })));
473
471
  };
474
472
  export var PhoneNumber = function PhoneNumber(_ref5) {
475
- var _item$required7, _item$disabled5, _item$required8;
473
+ var _item$required7, _item$disabled5, _item$required8, _item$helpClassName6;
476
474
  var name = _ref5.name,
477
475
  onChange = _ref5.onChange,
478
476
  _ref5$defaultValue = _ref5.defaultValue,
@@ -630,6 +628,7 @@ export var PhoneNumber = function PhoneNumber(_ref5) {
630
628
  baseClasses += ' alwaysbreak';
631
629
  }
632
630
  if (!methods) {
631
+ var _item$helpClassName5;
633
632
  return /*#__PURE__*/React.createElement("div", {
634
633
  style: _objectSpread({}, style),
635
634
  className: baseClasses
@@ -652,8 +651,7 @@ export var PhoneNumber = function PhoneNumber(_ref5) {
652
651
  name: name,
653
652
  id: name + '-' + ID.uuid()
654
653
  }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
655
- muted: true,
656
- className: item === null || item === void 0 ? void 0 : item.helpClassName
654
+ className: (_item$helpClassName5 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName5 !== void 0 ? _item$helpClassName5 : 'text-muted'
657
655
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
658
656
  name: name
659
657
  })));
@@ -690,14 +688,13 @@ export var PhoneNumber = function PhoneNumber(_ref5) {
690
688
  }), /*#__PURE__*/React.createElement(Controller, _extends({
691
689
  control: methods.control
692
690
  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
693
- muted: true,
694
- className: item === null || item === void 0 ? void 0 : item.helpClassName
691
+ className: (_item$helpClassName6 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName6 !== void 0 ? _item$helpClassName6 : 'text-muted'
695
692
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
696
693
  name: name
697
694
  })));
698
695
  };
699
696
  export var DatePicker = function DatePicker(_ref8) {
700
- var _item$required10, _item$disabled7, _item$required11;
697
+ var _item$required10, _item$disabled7, _item$required11, _item$helpClassName8;
701
698
  var name = _ref8.name,
702
699
  onChange = _ref8.onChange,
703
700
  defaultValue = _ref8.defaultValue,
@@ -917,6 +914,7 @@ export var DatePicker = function DatePicker(_ref8) {
917
914
  // console.log('controllerProps', controllerProps);
918
915
 
919
916
  if (!methods) {
917
+ var _item$helpClassName7;
920
918
  return /*#__PURE__*/React.createElement("div", {
921
919
  style: _objectSpread({}, style),
922
920
  className: baseClasses
@@ -941,8 +939,7 @@ export var DatePicker = function DatePicker(_ref8) {
941
939
  name: name,
942
940
  id: name + '-' + ID.uuid()
943
941
  }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
944
- muted: true,
945
- className: item === null || item === void 0 ? void 0 : item.helpClassName
942
+ className: (_item$helpClassName7 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName7 !== void 0 ? _item$helpClassName7 : 'text-muted'
946
943
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
947
944
  name: name
948
945
  })));
@@ -979,14 +976,13 @@ export var DatePicker = function DatePicker(_ref8) {
979
976
  }), /*#__PURE__*/React.createElement(Controller, _extends({
980
977
  control: methods.control
981
978
  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
982
- muted: true,
983
- className: item === null || item === void 0 ? void 0 : item.helpClassName
979
+ className: (_item$helpClassName8 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName8 !== void 0 ? _item$helpClassName8 : 'text-muted'
984
980
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
985
981
  name: name
986
982
  })));
987
983
  };
988
984
  export var NumberInput = function NumberInput(_ref11) {
989
- var _item$required13, _item$disabled9, _item$required14;
985
+ var _item$required13, _item$disabled9, _item$required14, _item$helpClassName10;
990
986
  var name = _ref11.name,
991
987
  onChange = _ref11.onChange,
992
988
  defaultValue = _ref11.defaultValue,
@@ -1067,6 +1063,7 @@ export var NumberInput = function NumberInput(_ref11) {
1067
1063
  baseClasses += ' alwaysbreak';
1068
1064
  }
1069
1065
  if (!methods) {
1066
+ var _item$helpClassName9;
1070
1067
  return /*#__PURE__*/React.createElement("div", {
1071
1068
  style: _objectSpread({}, style),
1072
1069
  className: baseClasses
@@ -1091,8 +1088,7 @@ export var NumberInput = function NumberInput(_ref11) {
1091
1088
  name: name,
1092
1089
  id: name + '-2-' + ID.uuid()
1093
1090
  }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
1094
- muted: true,
1095
- className: item === null || item === void 0 ? void 0 : item.helpClassName
1091
+ className: (_item$helpClassName9 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName9 !== void 0 ? _item$helpClassName9 : 'text-muted'
1096
1092
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
1097
1093
  name: name
1098
1094
  })));
@@ -1129,14 +1125,13 @@ export var NumberInput = function NumberInput(_ref11) {
1129
1125
  }), /*#__PURE__*/React.createElement(Controller, _extends({
1130
1126
  control: methods.control
1131
1127
  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
1132
- muted: true,
1133
- className: item === null || item === void 0 ? void 0 : item.helpClassName
1128
+ className: (_item$helpClassName10 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName10 !== void 0 ? _item$helpClassName10 : 'text-muted'
1134
1129
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
1135
1130
  name: name
1136
1131
  })));
1137
1132
  };
1138
1133
  export var TextArea = function TextArea(_ref13) {
1139
- var _item$rows, _item$required16, _item$disabled11, _item$required17;
1134
+ var _item$rows, _item$required16, _item$disabled11, _item$required17, _item$helpClassName12;
1140
1135
  var name = _ref13.name,
1141
1136
  onChange = _ref13.onChange,
1142
1137
  defaultValue = _ref13.defaultValue,
@@ -1218,6 +1213,7 @@ export var TextArea = function TextArea(_ref13) {
1218
1213
  baseClasses += ' alwaysbreak';
1219
1214
  }
1220
1215
  if (!methods) {
1216
+ var _item$helpClassName11;
1221
1217
  return /*#__PURE__*/React.createElement("div", {
1222
1218
  style: _objectSpread({}, style),
1223
1219
  className: baseClasses
@@ -1244,8 +1240,7 @@ export var TextArea = function TextArea(_ref13) {
1244
1240
  id: name + '-2-' + ID.uuid(),
1245
1241
  as: "textarea"
1246
1242
  }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
1247
- muted: true,
1248
- className: item === null || item === void 0 ? void 0 : item.helpClassName
1243
+ className: (_item$helpClassName11 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName11 !== void 0 ? _item$helpClassName11 : 'text-muted'
1249
1244
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
1250
1245
  name: name
1251
1246
  })));
@@ -1282,14 +1277,13 @@ export var TextArea = function TextArea(_ref13) {
1282
1277
  }), /*#__PURE__*/React.createElement(Controller, _extends({
1283
1278
  control: methods.control
1284
1279
  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
1285
- muted: true,
1286
- className: item === null || item === void 0 ? void 0 : item.helpClassName
1280
+ className: (_item$helpClassName12 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName12 !== void 0 ? _item$helpClassName12 : 'text-muted'
1287
1281
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
1288
1282
  name: name
1289
1283
  })));
1290
1284
  };
1291
1285
  export var Dropdown = function Dropdown(_ref15) {
1292
- var _item$required19, _item$disabled13, _item$required20;
1286
+ var _item$required19, _item$disabled13, _item$required20, _item$helpClassName14;
1293
1287
  var name = _ref15.name,
1294
1288
  onChange = _ref15.onChange,
1295
1289
  defaultValue = _ref15.defaultValue,
@@ -1378,6 +1372,7 @@ export var Dropdown = function Dropdown(_ref15) {
1378
1372
  baseClasses += ' alwaysbreak';
1379
1373
  }
1380
1374
  if (!methods) {
1375
+ var _item$helpClassName13;
1381
1376
  return /*#__PURE__*/React.createElement("div", {
1382
1377
  style: _objectSpread({}, style),
1383
1378
  className: baseClasses
@@ -1418,8 +1413,7 @@ export var Dropdown = function Dropdown(_ref15) {
1418
1413
  key: thisKey
1419
1414
  }, option.text);
1420
1415
  }))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
1421
- muted: true,
1422
- className: item === null || item === void 0 ? void 0 : item.helpClassName
1416
+ className: (_item$helpClassName13 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName13 !== void 0 ? _item$helpClassName13 : 'text-muted'
1423
1417
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
1424
1418
  name: name
1425
1419
  })));
@@ -1459,8 +1453,7 @@ export var Dropdown = function Dropdown(_ref15) {
1459
1453
  }), /*#__PURE__*/React.createElement(Controller, _extends({
1460
1454
  control: methods.control
1461
1455
  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
1462
- muted: true,
1463
- className: item === null || item === void 0 ? void 0 : item.helpClassName
1456
+ className: (_item$helpClassName14 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName14 !== void 0 ? _item$helpClassName14 : 'text-muted'
1464
1457
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
1465
1458
  name: name
1466
1459
  })));
@@ -1558,6 +1551,7 @@ export var Signature = /*#__PURE__*/function (_React$Component) {
1558
1551
  _this2 = this,
1559
1552
  _this$props$value$nam,
1560
1553
  _this$props$value10,
1554
+ _this$props$item$help,
1561
1555
  _this$props$item;
1562
1556
  var canClear = !!this.state.value;
1563
1557
  var props = {};
@@ -1642,8 +1636,7 @@ export var Signature = /*#__PURE__*/function (_React$Component) {
1642
1636
  })), /*#__PURE__*/React.createElement(Col, {
1643
1637
  sm: 6
1644
1638
  }, "Today's Date: ", moment().format('MM/DD/YYYY'))))), this.props.item.help ? /*#__PURE__*/React.createElement(Form.Text, {
1645
- muted: true,
1646
- className: (_this$props$item = this.props.item) === null || _this$props$item === void 0 ? void 0 : _this$props$item.helpClassName
1639
+ className: (_this$props$item$help = (_this$props$item = this.props.item) === null || _this$props$item === void 0 ? void 0 : _this$props$item.helpClassName) !== null && _this$props$item$help !== void 0 ? _this$props$item$help : 'text-muted'
1647
1640
  }, this.props.item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
1648
1641
  name: this.props.name
1649
1642
  }), this.props.methods ? /*#__PURE__*/React.createElement("input", _extends({}, this.props.methods.register(this.props.name), props, {
@@ -1655,7 +1648,7 @@ export var Signature = /*#__PURE__*/function (_React$Component) {
1655
1648
  }]);
1656
1649
  }(React.Component);
1657
1650
  export var Tags = function Tags(_ref18) {
1658
- var _item$required22, _item$disabled15, _item$required23;
1651
+ var _item$required22, _item$disabled15, _item$required23, _item$helpClassName16;
1659
1652
  var name = _ref18.name,
1660
1653
  onChange = _ref18.onChange,
1661
1654
  defaultValue = _ref18.defaultValue,
@@ -1768,6 +1761,7 @@ export var Tags = function Tags(_ref18) {
1768
1761
  baseClasses += ' alwaysbreak';
1769
1762
  }
1770
1763
  if (!methods) {
1764
+ var _item$helpClassName15;
1771
1765
  return /*#__PURE__*/React.createElement("div", {
1772
1766
  style: _objectSpread({}, style),
1773
1767
  className: baseClasses
@@ -1798,8 +1792,7 @@ export var Tags = function Tags(_ref18) {
1798
1792
  name: name,
1799
1793
  id: name + '-' + ID.uuid()
1800
1794
  }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
1801
- muted: true,
1802
- className: item === null || item === void 0 ? void 0 : item.helpClassName
1795
+ className: (_item$helpClassName15 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName15 !== void 0 ? _item$helpClassName15 : 'text-muted'
1803
1796
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
1804
1797
  name: name
1805
1798
  })));
@@ -1840,8 +1833,7 @@ export var Tags = function Tags(_ref18) {
1840
1833
  }), /*#__PURE__*/React.createElement(Controller, _extends({
1841
1834
  control: methods.control
1842
1835
  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
1843
- muted: true,
1844
- className: item === null || item === void 0 ? void 0 : item.helpClassName
1836
+ className: (_item$helpClassName16 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName16 !== void 0 ? _item$helpClassName16 : 'text-muted'
1845
1837
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
1846
1838
  name: name
1847
1839
  })));
@@ -1876,6 +1868,7 @@ export var Checkboxes = /*#__PURE__*/function (_React$Component2) {
1876
1868
  _self$props2,
1877
1869
  _self$props3,
1878
1870
  _this4 = this,
1871
+ _this$props$item$help2,
1879
1872
  _this$props$item2;
1880
1873
  var self = this;
1881
1874
  var name = (_ref20 = (_self$props$name = self === null || self === void 0 || (_self$props = self.props) === null || _self$props === void 0 ? void 0 : _self$props.name) !== null && _self$props$name !== void 0 ? _self$props$name : self === null || self === void 0 || (_self$props2 = self.props) === null || _self$props2 === void 0 || (_self$props2 = _self$props2.item) === null || _self$props2 === void 0 ? void 0 : _self$props2.customName) !== null && _ref20 !== void 0 ? _ref20 : self === null || self === void 0 || (_self$props3 = self.props) === null || _self$props3 === void 0 || (_self$props3 = _self$props3.item) === null || _self$props3 === void 0 ? void 0 : _self$props3.fieldName;
@@ -1905,8 +1898,7 @@ export var Checkboxes = /*#__PURE__*/function (_React$Component2) {
1905
1898
  }, /*#__PURE__*/React.createElement(ComponentLabel, _extends({}, this.props, {
1906
1899
  htmlFor: name
1907
1900
  })), this.props.item.help ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form.Text, {
1908
- muted: true,
1909
- className: (_this$props$item2 = this.props.item) === null || _this$props$item2 === void 0 ? void 0 : _this$props$item2.helpClassName
1901
+ className: (_this$props$item$help2 = (_this$props$item2 = this.props.item) === null || _this$props$item2 === void 0 ? void 0 : _this$props$item2.helpClassName) !== null && _this$props$item$help2 !== void 0 ? _this$props$item$help2 : 'text-muted'
1910
1902
  }, this.props.item.help)) : null, this.props.item.options.map(function (option) {
1911
1903
  var _this4$props$checkbox;
1912
1904
  var props = {};
@@ -1967,6 +1959,7 @@ export var Checkbox = /*#__PURE__*/function (_React$Component3) {
1967
1959
  _this$props3,
1968
1960
  _this6 = this,
1969
1961
  _this$props$checkboxB,
1962
+ _this$props$item$help3,
1970
1963
  _this$props$item3;
1971
1964
  var baseClasses = 'SortableItem rfb-item';
1972
1965
  if (this.props.item.pageBreakBefore) {
@@ -2036,8 +2029,7 @@ export var Checkbox = /*#__PURE__*/function (_React$Component3) {
2036
2029
  __html: this.props.item.boxLabel
2037
2030
  }
2038
2031
  })))), this.props.item.help ? /*#__PURE__*/React.createElement(Form.Text, {
2039
- muted: true,
2040
- className: (_this$props$item3 = this.props.item) === null || _this$props$item3 === void 0 ? void 0 : _this$props$item3.helpClassName
2032
+ className: (_this$props$item$help3 = (_this$props$item3 = this.props.item) === null || _this$props$item3 === void 0 ? void 0 : _this$props$item3.helpClassName) !== null && _this$props$item$help3 !== void 0 ? _this$props$item$help3 : 'text-muted'
2041
2033
  }, this.props.item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
2042
2034
  name: props.name
2043
2035
  })));
@@ -2062,6 +2054,7 @@ export var RadioButtons = /*#__PURE__*/function (_React$Component4) {
2062
2054
  _self$props5,
2063
2055
  _self$props6,
2064
2056
  _this8 = this,
2057
+ _self$props$item$help,
2065
2058
  _self$props$item;
2066
2059
  var self = this;
2067
2060
  var name = (_ref22 = (_self$props$name2 = self === null || self === void 0 || (_self$props4 = self.props) === null || _self$props4 === void 0 ? void 0 : _self$props4.name) !== null && _self$props$name2 !== void 0 ? _self$props$name2 : self === null || self === void 0 || (_self$props5 = self.props) === null || _self$props5 === void 0 || (_self$props5 = _self$props5.item) === null || _self$props5 === void 0 ? void 0 : _self$props5.customName) !== null && _ref22 !== void 0 ? _ref22 : self === null || self === void 0 || (_self$props6 = self.props) === null || _self$props6 === void 0 || (_self$props6 = _self$props6.item) === null || _self$props6 === void 0 ? void 0 : _self$props6.fieldName;
@@ -2091,8 +2084,7 @@ export var RadioButtons = /*#__PURE__*/function (_React$Component4) {
2091
2084
  }, /*#__PURE__*/React.createElement(ComponentHeader, self.props), /*#__PURE__*/React.createElement(Form.Group, {
2092
2085
  className: "form-group mb-3"
2093
2086
  }, /*#__PURE__*/React.createElement(ComponentLabel, self.props), self.props.item.help ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form.Text, {
2094
- muted: true,
2095
- className: (_self$props$item = self.props.item) === null || _self$props$item === void 0 ? void 0 : _self$props$item.helpClassName
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'
2096
2088
  }, self.props.item.help)) : null, self.props.item.options.map(function (option) {
2097
2089
  var _self$props$checkboxB, _self$props7, _self$props8, _self$props10, _self$props11;
2098
2090
  // console.log('option', option);
@@ -2160,7 +2152,7 @@ export var Image = function Image(props) {
2160
2152
  }, "No Image"));
2161
2153
  };
2162
2154
  export var Rating = function Rating(_ref23) {
2163
- var _item$required25, _item$disabled17, _item$required26;
2155
+ var _item$required25, _item$disabled17, _item$required26, _item$helpClassName18;
2164
2156
  var name = _ref23.name,
2165
2157
  onChange = _ref23.onChange,
2166
2158
  value = _ref23.value,
@@ -2233,6 +2225,7 @@ export var Rating = function Rating(_ref23) {
2233
2225
  baseClasses += ' alwaysbreak';
2234
2226
  }
2235
2227
  if (!methods) {
2228
+ var _item$helpClassName17;
2236
2229
  return /*#__PURE__*/React.createElement("div", {
2237
2230
  style: _objectSpread({}, style),
2238
2231
  className: baseClasses
@@ -2255,8 +2248,7 @@ export var Rating = function Rating(_ref23) {
2255
2248
  editing: false,
2256
2249
  id: name + '-' + ID.uuid()
2257
2250
  }, inputProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
2258
- muted: true,
2259
- className: item === null || item === void 0 ? void 0 : item.helpClassName
2251
+ className: (_item$helpClassName17 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName17 !== void 0 ? _item$helpClassName17 : 'text-muted'
2260
2252
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
2261
2253
  name: name
2262
2254
  })));
@@ -2287,8 +2279,7 @@ export var Rating = function Rating(_ref23) {
2287
2279
  }), /*#__PURE__*/React.createElement(Controller, _extends({
2288
2280
  control: methods.control
2289
2281
  }, controllerProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/React.createElement(Form.Text, {
2290
- muted: true,
2291
- className: item === null || item === void 0 ? void 0 : item.helpClassName
2282
+ className: (_item$helpClassName18 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName18 !== void 0 ? _item$helpClassName18 : 'text-muted'
2292
2283
  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
2293
2284
  name: name
2294
2285
  })));
@@ -2374,7 +2365,7 @@ export var Camera = /*#__PURE__*/function (_React$Component5) {
2374
2365
  }, {
2375
2366
  key: "render",
2376
2367
  value: function render() {
2377
- var _this$props$checkboxB2, _this$props4, _this$props$item4;
2368
+ var _this$props$checkboxB2, _this$props4, _this$props$item$help4, _this$props$item4;
2378
2369
  var imageStyle = {
2379
2370
  objectFit: 'scale-down',
2380
2371
  objectPosition: this.props.item.center ? 'center' : 'left'
@@ -2448,8 +2439,7 @@ export var Camera = /*#__PURE__*/function (_React$Component5) {
2448
2439
  size: "sm",
2449
2440
  onClick: this.clearImage
2450
2441
  }, /*#__PURE__*/React.createElement(FaTimes, null), " Clear Photo"))), this.props.item.help ? /*#__PURE__*/React.createElement(Form.Text, {
2451
- muted: true,
2452
- className: (_this$props$item4 = this.props.item) === null || _this$props$item4 === void 0 ? void 0 : _this$props$item4.helpClassName
2442
+ className: (_this$props$item$help4 = (_this$props$item4 = this.props.item) === null || _this$props$item4 === void 0 ? void 0 : _this$props$item4.helpClassName) !== null && _this$props$item$help4 !== void 0 ? _this$props$item$help4 : 'text-muted'
2453
2443
  }, this.props.item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
2454
2444
  name: this.props.name
2455
2445
  })));
@@ -2534,7 +2524,7 @@ export var FileUpload = /*#__PURE__*/function (_React$Component6) {
2534
2524
  return _createClass(FileUpload, [{
2535
2525
  key: "render",
2536
2526
  value: function render() {
2537
- var _this$props$item5;
2527
+ var _this$props$item$help5, _this$props$item5;
2538
2528
  var fileInputStyle = this.state.fileUpload ? {
2539
2529
  display: 'none'
2540
2530
  } : null;
@@ -2599,8 +2589,7 @@ export var FileUpload = /*#__PURE__*/function (_React$Component6) {
2599
2589
  className: "btn-file-upload-clear",
2600
2590
  onClick: this.clearFileUpload
2601
2591
  }, /*#__PURE__*/React.createElement(FaTimes, null), " Clear File"))), this.props.item.help ? /*#__PURE__*/React.createElement(Form.Text, {
2602
- muted: true,
2603
- className: (_this$props$item5 = this.props.item) === null || _this$props$item5 === void 0 ? void 0 : _this$props$item5.helpClassName
2592
+ className: (_this$props$item$help5 = (_this$props$item5 = this.props.item) === null || _this$props$item5 === void 0 ? void 0 : _this$props$item5.helpClassName) !== null && _this$props$item$help5 !== void 0 ? _this$props$item$help5 : 'text-muted'
2604
2593
  }, this.props.item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
2605
2594
  name: this.props.name
2606
2595
  })));
@@ -2620,6 +2609,7 @@ export var Range = /*#__PURE__*/function (_React$Component7) {
2620
2609
  key: "render",
2621
2610
  value: function render() {
2622
2611
  var _this12 = this,
2612
+ _this$props$item$help6,
2623
2613
  _this$props$item6;
2624
2614
  var props = {};
2625
2615
  var name = this.props.name;
@@ -2705,8 +2695,7 @@ export var Range = /*#__PURE__*/function (_React$Component7) {
2705
2695
  }, visibleMarks), /*#__PURE__*/React.createElement("datalist", {
2706
2696
  id: props.list
2707
2697
  }, _datalist), this.props.item.help ? /*#__PURE__*/React.createElement(Form.Text, {
2708
- muted: true,
2709
- className: (_this$props$item6 = this.props.item) === null || _this$props$item6 === void 0 ? void 0 : _this$props$item6.helpClassName
2698
+ className: (_this$props$item$help6 = (_this$props$item6 = this.props.item) === null || _this$props$item6 === void 0 ? void 0 : _this$props$item6.helpClassName) !== null && _this$props$item$help6 !== void 0 ? _this$props$item$help6 : 'text-muted'
2710
2699
  }, this.props.item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
2711
2700
  name: name
2712
2701
  })));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-survey-builder",
3
- "version": "1.0.93",
3
+ "version": "1.0.94",
4
4
  "description": "A complete survey builder for react.",
5
5
  "main": "lib/index.js",
6
6
  "types": "types/index.d.ts",