@goldenpine/react-form-builder2 0.20.3-build.16 → 0.20.3-build.17

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 (12) hide show
  1. package/README.md +1 -1
  2. package/dist/845.app.js +1 -1
  3. package/dist/app.css +1 -1
  4. package/dist/app.css.map +1 -1
  5. package/dist/app.js +1 -1
  6. package/lib/form-elements/custom-element.js +1 -1
  7. package/lib/form-elements/date-picker.js +1 -1
  8. package/lib/form-elements/index.js +27 -27
  9. package/lib/form-elements-edit.js +60 -60
  10. package/lib/form-validator.js +1 -1
  11. package/lib/form.js +1 -1
  12. package/package.json +1 -1
package/lib/form-elements/custom-element.js CHANGED
@@ -57,7 +57,7 @@ var CustomElement = /*#__PURE__*/function (_Component) {
57
57
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), bare ? /*#__PURE__*/_react["default"].createElement(Element, (0, _extends2["default"])({
58
58
  data: this.props.data
59
59
  }, this.props.data.props, props)) : /*#__PURE__*/_react["default"].createElement("div", {
60
- className: "form-group"
60
+ className: "mb-3"
61
61
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({
62
62
  className: "form-label"
63
63
  }, this.props)), /*#__PURE__*/_react["default"].createElement(Element, (0, _extends2["default"])({
package/lib/form-elements/date-picker.js CHANGED
@@ -80,7 +80,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
80
80
  className: baseClasses,
81
81
  style: _objectSpread({}, this.props.style)
82
82
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
83
- className: "form-group"
83
+ className: "mb-3"
84
84
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", null, readOnly && /*#__PURE__*/_react["default"].createElement("input", {
85
85
  type: "text",
86
86
  name: props.name,
package/lib/form-elements/index.js CHANGED
@@ -178,7 +178,7 @@ var TextInput = /*#__PURE__*/function (_React$Component5) {
178
178
  style: _objectSpread({}, this.props.style),
179
179
  className: baseClasses
180
180
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
181
- className: "form-group"
181
+ className: "mb-3"
182
182
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("input", props)));
183
183
  }
184
184
  }]);
@@ -214,7 +214,7 @@ var EmailInput = /*#__PURE__*/function (_React$Component6) {
214
214
  style: _objectSpread({}, this.props.style),
215
215
  className: baseClasses
216
216
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
217
- className: "form-group"
217
+ className: "mb-3"
218
218
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("input", props)));
219
219
  }
220
220
  }]);
@@ -250,7 +250,7 @@ var PhoneNumber = /*#__PURE__*/function (_React$Component7) {
250
250
  style: _objectSpread({}, this.props.style),
251
251
  className: baseClasses
252
252
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
253
- className: "form-group"
253
+ className: "mb-3"
254
254
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("input", props)));
255
255
  }
256
256
  }]);
@@ -286,7 +286,7 @@ var NumberInput = /*#__PURE__*/function (_React$Component8) {
286
286
  style: _objectSpread({}, this.props.style),
287
287
  className: baseClasses
288
288
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
289
- className: "form-group"
289
+ className: "mb-3"
290
290
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("input", props)));
291
291
  }
292
292
  }]);
@@ -321,7 +321,7 @@ var TextArea = /*#__PURE__*/function (_React$Component9) {
321
321
  style: _objectSpread({}, this.props.style),
322
322
  className: baseClasses
323
323
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
324
- className: "form-group"
324
+ className: "mb-3"
325
325
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("textarea", props)));
326
326
  }
327
327
  }]);
@@ -356,7 +356,7 @@ var Dropdown = /*#__PURE__*/function (_React$Component0) {
356
356
  style: _objectSpread({}, this.props.style),
357
357
  className: baseClasses
358
358
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
359
- className: "form-group"
359
+ className: "mb-3"
360
360
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("select", props, this.props.data.options.map(function (option) {
361
361
  var this_key = "preview_".concat(option.key);
362
362
  return /*#__PURE__*/_react["default"].createElement("option", {
@@ -421,7 +421,7 @@ var Signature = /*#__PURE__*/function (_React$Component1) {
421
421
  style: _objectSpread({}, this.props.style),
422
422
  className: baseClasses
423
423
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
424
- className: "form-group"
424
+ className: "mb-3"
425
425
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.read_only === true || !!sourceDataURL ? /*#__PURE__*/_react["default"].createElement("img", {
426
426
  src: sourceDataURL
427
427
  }) : /*#__PURE__*/_react["default"].createElement(_reactSignatureCanvas["default"], pad_props), canClear && /*#__PURE__*/_react["default"].createElement("i", {
@@ -498,7 +498,7 @@ var Tags = /*#__PURE__*/function (_React$Component10) {
498
498
  style: _objectSpread({}, this.props.style),
499
499
  className: baseClasses
500
500
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
501
- className: "form-group"
501
+ className: "mb-3"
502
502
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactSelect["default"], props)));
503
503
  }
504
504
  }]);
@@ -517,9 +517,9 @@ var Checkboxes = /*#__PURE__*/function (_React$Component11) {
517
517
  value: function render() {
518
518
  var _this0 = this;
519
519
  var self = this;
520
- var classNames = 'custom-control custom-checkbox';
520
+ var classNames = 'form-check';
521
521
  if (this.props.data.inline) {
522
- classNames += ' option-inline';
522
+ classNames += ' form-check-inline';
523
523
  }
524
524
  var baseClasses = 'SortableItem rfb-item';
525
525
  if (this.props.data.pageBreakBefore) {
@@ -529,7 +529,7 @@ var Checkboxes = /*#__PURE__*/function (_React$Component11) {
529
529
  style: _objectSpread({}, this.props.style),
530
530
  className: baseClasses
531
531
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
532
- className: "form-group"
532
+ className: "mb-3"
533
533
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.data.options.map(function (option) {
534
534
  var this_key = "preview_".concat(option.key);
535
535
  var props = {};
@@ -547,7 +547,7 @@ var Checkboxes = /*#__PURE__*/function (_React$Component11) {
547
547
  key: this_key
548
548
  }, /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({
549
549
  id: "fid_".concat(this_key),
550
- className: "custom-control-input",
550
+ className: "form-check-input",
551
551
  ref: function ref(c) {
552
552
  if (c && self.props.mutable) {
553
553
  self.options["child_ref_".concat(option.key)] = c;
@@ -555,7 +555,7 @@ var Checkboxes = /*#__PURE__*/function (_React$Component11) {
555
555
  },
556
556
  "data-required-checks": _this0.props.data.checkbox_required_checks ? _this0.props.data.checkbox_required_checks : '1'
557
557
  }, props)), /*#__PURE__*/_react["default"].createElement("label", {
558
- className: "custom-control-label",
558
+ className: "form-check-label",
559
559
  htmlFor: "fid_".concat(this_key)
560
560
  }, option.text));
561
561
  })));
@@ -576,9 +576,9 @@ var RadioButtons = /*#__PURE__*/function (_React$Component12) {
576
576
  value: function render() {
577
577
  var _this10 = this;
578
578
  var self = this;
579
- var classNames = 'custom-control custom-radio';
579
+ var classNames = 'form-check';
580
580
  if (this.props.data.inline) {
581
- classNames += ' option-inline';
581
+ classNames += ' form-check-inline';
582
582
  }
583
583
  var baseClasses = 'SortableItem rfb-item';
584
584
  if (this.props.data.pageBreakBefore) {
@@ -588,7 +588,7 @@ var RadioButtons = /*#__PURE__*/function (_React$Component12) {
588
588
  style: _objectSpread({}, this.props.style),
589
589
  className: baseClasses
590
590
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
591
- className: "form-group"
591
+ className: "mb-3"
592
592
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.data.options.map(function (option) {
593
593
  var this_key = "preview_".concat(option.key);
594
594
  var props = {};
@@ -606,14 +606,14 @@ var RadioButtons = /*#__PURE__*/function (_React$Component12) {
606
606
  key: this_key
607
607
  }, /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({
608
608
  id: "fid_".concat(this_key),
609
- className: "custom-control-input",
609
+ className: "form-check-input",
610
610
  ref: function ref(c) {
611
611
  if (c && self.props.mutable) {
612
612
  self.options["child_ref_".concat(option.key)] = c;
613
613
  }
614
614
  }
615
615
  }, props)), /*#__PURE__*/_react["default"].createElement("label", {
616
- className: "custom-control-label",
616
+ className: "form-check-label",
617
617
  htmlFor: "fid_".concat(this_key)
618
618
  }, option.text));
619
619
  })));
@@ -681,7 +681,7 @@ var Rating = /*#__PURE__*/function (_React$Component14) {
681
681
  style: _objectSpread({}, this.props.style),
682
682
  className: baseClasses
683
683
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
684
- className: "form-group"
684
+ className: "mb-3"
685
685
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement(_starRating["default"], props)));
686
686
  }
687
687
  }]);
@@ -703,7 +703,7 @@ var HyperLink = /*#__PURE__*/function (_React$Component15) {
703
703
  style: _objectSpread({}, this.props.style),
704
704
  className: baseClasses
705
705
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
706
- className: "form-group"
706
+ className: "mb-3"
707
707
  }, /*#__PURE__*/_react["default"].createElement("label", {
708
708
  className: 'form-label'
709
709
  }, /*#__PURE__*/_react["default"].createElement("a", {
@@ -733,7 +733,7 @@ var Download = /*#__PURE__*/function (_React$Component16) {
733
733
  style: _objectSpread({}, this.props.style),
734
734
  className: baseClasses
735
735
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
736
- className: "form-group"
736
+ className: "mb-3"
737
737
  }, /*#__PURE__*/_react["default"].createElement("a", {
738
738
  href: "".concat(this.props.download_path, "?id=").concat(this.props.data.file_path)
739
739
  }, this.props.data.content)));
@@ -825,7 +825,7 @@ var Camera = /*#__PURE__*/function (_React$Component17) {
825
825
  style: _objectSpread({}, this.props.style),
826
826
  className: baseClasses
827
827
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
828
- className: "form-group"
828
+ className: "mb-3"
829
829
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", (0, _extends2["default"])({
830
830
  style: imageStyle,
831
831
  src: sourceDataURL
@@ -849,7 +849,7 @@ var Camera = /*#__PURE__*/function (_React$Component17) {
849
849
  position: 'relative'
850
850
  }
851
851
  }, /*#__PURE__*/_react["default"].createElement("label", {
852
- className: "btn btn-default",
852
+ className: "btn btn-outline-secondary",
853
853
  htmlFor: name
854
854
  }, /*#__PURE__*/_react["default"].createElement("i", {
855
855
  className: "fas fa-camera"
@@ -956,9 +956,9 @@ var FileUpload = /*#__PURE__*/function (_React$Component18) {
956
956
  style: _objectSpread({}, this.props.style),
957
957
  className: baseClasses
958
958
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
959
- className: "form-group"
959
+ className: "mb-3"
960
960
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
961
- className: "btn btn-default",
961
+ className: "btn btn-outline-secondary",
962
962
  onClick: this.saveFile
963
963
  }, /*#__PURE__*/_react["default"].createElement("i", {
964
964
  className: "fas fa-download"
@@ -981,7 +981,7 @@ var FileUpload = /*#__PURE__*/function (_React$Component18) {
981
981
  position: 'relative'
982
982
  }
983
983
  }, /*#__PURE__*/_react["default"].createElement("label", {
984
- className: "btn btn-default",
984
+ className: "btn btn-outline-secondary",
985
985
  htmlFor: name
986
986
  }, /*#__PURE__*/_react["default"].createElement("i", {
987
987
  className: "fas fa-file"
@@ -1078,7 +1078,7 @@ var Range = /*#__PURE__*/function (_React$Component19) {
1078
1078
  style: _objectSpread({}, this.props.style),
1079
1079
  className: baseClasses
1080
1080
  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
1081
- className: "form-group"
1081
+ className: "mb-3"
1082
1082
  }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
1083
1083
  className: "range"
1084
1084
  }, /*#__PURE__*/_react["default"].createElement("div", {