@goldenpine/react-form-builder2 0.20.3-build.27 → 0.20.3-build.28
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.
- package/dist/app.css +1 -1
- package/dist/app.css.map +1 -1
- package/dist/app.js +1 -1
- package/lib/form-elements/index.js +50 -16
- package/package.json +1 -1
|
@@ -181,7 +181,11 @@ var TextInput = /*#__PURE__*/function (_React$Component5) {
|
|
|
181
181
|
className: baseClasses
|
|
182
182
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
183
183
|
className: "mb-3"
|
|
184
|
-
},
|
|
184
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
185
|
+
className: ["form-label",
|
|
186
|
+
// In app, it's leveraged to identify element labels. Additionally removed !important of its specificity in scss to make it work with labelHidden.
|
|
187
|
+
this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
188
|
+
})), /*#__PURE__*/_react["default"].createElement("input", props)));
|
|
185
189
|
}
|
|
186
190
|
}]);
|
|
187
191
|
}(_react["default"].Component);
|
|
@@ -219,7 +223,9 @@ var EmailInput = /*#__PURE__*/function (_React$Component6) {
|
|
|
219
223
|
className: baseClasses
|
|
220
224
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
221
225
|
className: "mb-3"
|
|
222
|
-
},
|
|
226
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
227
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
228
|
+
})), /*#__PURE__*/_react["default"].createElement("input", props)));
|
|
223
229
|
}
|
|
224
230
|
}]);
|
|
225
231
|
}(_react["default"].Component);
|
|
@@ -261,7 +267,9 @@ var PhoneNumber = /*#__PURE__*/function (_React$Component7) {
|
|
|
261
267
|
className: baseClasses
|
|
262
268
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
263
269
|
className: "mb-3"
|
|
264
|
-
},
|
|
270
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
271
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
272
|
+
})), /*#__PURE__*/_react["default"].createElement("input", props)));
|
|
265
273
|
}
|
|
266
274
|
}]);
|
|
267
275
|
}(_react["default"].Component);
|
|
@@ -299,7 +307,9 @@ var NumberInput = /*#__PURE__*/function (_React$Component8) {
|
|
|
299
307
|
className: baseClasses
|
|
300
308
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
301
309
|
className: "mb-3"
|
|
302
|
-
},
|
|
310
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
311
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
312
|
+
})), /*#__PURE__*/_react["default"].createElement("input", props)));
|
|
303
313
|
}
|
|
304
314
|
}]);
|
|
305
315
|
}(_react["default"].Component);
|
|
@@ -336,7 +346,9 @@ var TextArea = /*#__PURE__*/function (_React$Component9) {
|
|
|
336
346
|
className: baseClasses
|
|
337
347
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
338
348
|
className: "mb-3"
|
|
339
|
-
},
|
|
349
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
350
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
351
|
+
})), /*#__PURE__*/_react["default"].createElement("textarea", props)));
|
|
340
352
|
}
|
|
341
353
|
}]);
|
|
342
354
|
}(_react["default"].Component);
|
|
@@ -372,7 +384,9 @@ var Dropdown = /*#__PURE__*/function (_React$Component0) {
|
|
|
372
384
|
className: baseClasses
|
|
373
385
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
374
386
|
className: "mb-3"
|
|
375
|
-
},
|
|
387
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
388
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
389
|
+
})), /*#__PURE__*/_react["default"].createElement("select", props, this.props.data.options.map(function (option) {
|
|
376
390
|
var this_key = "preview_".concat(option.key);
|
|
377
391
|
return /*#__PURE__*/_react["default"].createElement("option", {
|
|
378
392
|
value: option.value,
|
|
@@ -438,7 +452,9 @@ var Signature = /*#__PURE__*/function (_React$Component1) {
|
|
|
438
452
|
className: baseClasses
|
|
439
453
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
440
454
|
className: "mb-3"
|
|
441
|
-
},
|
|
455
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
456
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
457
|
+
})), this.props.read_only === true || !!sourceDataURL ? /*#__PURE__*/_react["default"].createElement("img", {
|
|
442
458
|
src: sourceDataURL
|
|
443
459
|
}) : /*#__PURE__*/_react["default"].createElement(_reactSignatureCanvas["default"], pad_props), canClear && /*#__PURE__*/_react["default"].createElement("i", {
|
|
444
460
|
className: "fas fa-times clear-signature",
|
|
@@ -516,7 +532,9 @@ var Tags = /*#__PURE__*/function (_React$Component10) {
|
|
|
516
532
|
className: baseClasses
|
|
517
533
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
518
534
|
className: "mb-3"
|
|
519
|
-
},
|
|
535
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
536
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
537
|
+
})), /*#__PURE__*/_react["default"].createElement(_reactSelect["default"], props)));
|
|
520
538
|
}
|
|
521
539
|
}]);
|
|
522
540
|
}(_react["default"].Component);
|
|
@@ -548,7 +566,9 @@ var Checkboxes = /*#__PURE__*/function (_React$Component11) {
|
|
|
548
566
|
className: baseClasses
|
|
549
567
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
550
568
|
className: "mb-3"
|
|
551
|
-
},
|
|
569
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
570
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
571
|
+
})), this.props.data.options.map(function (option) {
|
|
552
572
|
var this_key = "preview_".concat(option.key);
|
|
553
573
|
var props = {};
|
|
554
574
|
props.name = "option_".concat(option.key);
|
|
@@ -608,7 +628,9 @@ var RadioButtons = /*#__PURE__*/function (_React$Component12) {
|
|
|
608
628
|
className: baseClasses
|
|
609
629
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
610
630
|
className: "mb-3"
|
|
611
|
-
},
|
|
631
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
632
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
633
|
+
})), this.props.data.options.map(function (option) {
|
|
612
634
|
var this_key = "preview_".concat(option.key);
|
|
613
635
|
var props = {};
|
|
614
636
|
props.name = self.props.data.field_name;
|
|
@@ -702,7 +724,9 @@ var Rating = /*#__PURE__*/function (_React$Component14) {
|
|
|
702
724
|
className: baseClasses
|
|
703
725
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
704
726
|
className: "mb-3"
|
|
705
|
-
},
|
|
727
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
728
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
729
|
+
})), /*#__PURE__*/_react["default"].createElement(_starRating["default"], props)));
|
|
706
730
|
}
|
|
707
731
|
}]);
|
|
708
732
|
}(_react["default"].Component);
|
|
@@ -851,7 +875,9 @@ var Camera = /*#__PURE__*/function (_React$Component17) {
|
|
|
851
875
|
className: baseClasses
|
|
852
876
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
853
877
|
className: "mb-3"
|
|
854
|
-
},
|
|
878
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
879
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
880
|
+
})), this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
|
|
855
881
|
style: imageStyle,
|
|
856
882
|
src: sourceDataURL
|
|
857
883
|
// {...this.getImageSizeProps(this.props.data)} // move width and height from element style to inline style of image, to make it work the same way as 'Image' element.
|
|
@@ -899,7 +925,9 @@ var Camera = /*#__PURE__*/function (_React$Component17) {
|
|
|
899
925
|
className: baseClasses
|
|
900
926
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
901
927
|
className: "mb-3"
|
|
902
|
-
},
|
|
928
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
929
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
930
|
+
})), this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
|
|
903
931
|
style: imageStyle,
|
|
904
932
|
src: sourceDataURL
|
|
905
933
|
})) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -1033,7 +1061,9 @@ var FileUpload = /*#__PURE__*/function (_React$Component18) {
|
|
|
1033
1061
|
className: baseClasses
|
|
1034
1062
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
1035
1063
|
className: "mb-3"
|
|
1036
|
-
},
|
|
1064
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
1065
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
1066
|
+
})), this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
1037
1067
|
className: "btn btn-outline-secondary",
|
|
1038
1068
|
onClick: this.saveFile
|
|
1039
1069
|
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
@@ -1087,7 +1117,9 @@ var FileUpload = /*#__PURE__*/function (_React$Component18) {
|
|
|
1087
1117
|
className: baseClasses
|
|
1088
1118
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
1089
1119
|
className: "mb-3"
|
|
1090
|
-
},
|
|
1120
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
1121
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
1122
|
+
})), this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
1091
1123
|
className: "btn btn-outline-secondary",
|
|
1092
1124
|
onClick: this.saveFile
|
|
1093
1125
|
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
@@ -1210,7 +1242,9 @@ var Range = /*#__PURE__*/function (_React$Component19) {
|
|
|
1210
1242
|
className: baseClasses
|
|
1211
1243
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
|
|
1212
1244
|
className: "mb-3"
|
|
1213
|
-
},
|
|
1245
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({}, this.props, {
|
|
1246
|
+
className: ["form-label", this.props.className, labelHidden ? "d-none" : ""].filter(Boolean).join(" ")
|
|
1247
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
1214
1248
|
className: "range"
|
|
1215
1249
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
1216
1250
|
className: "clearfix"
|