react-survey-builder 1.0.91 → 1.0.93
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/README.md +1 -0
- package/dist/bundle.js +10 -10
- package/lib/fieldset/Fieldset.js +1 -0
- package/lib/form-fields.js +25 -7
- package/lib/form-steps.js +26 -8
- package/lib/form.js +26 -8
- package/lib/index.js +3 -1
- package/lib/multi-column/MultiColumnRow.js +1 -0
- package/lib/multi-column/dustbin.js +1 -0
- package/lib/preview.js +2 -0
- package/lib/step/Step.js +1 -0
- package/lib/survey-elements/index.js +62 -31
- package/package.json +1 -1
- package/types/index.d.ts +2 -0
package/lib/fieldset/Fieldset.js
CHANGED
@@ -116,6 +116,7 @@ var FieldsetBase = function FieldsetBase(_ref2) {
|
|
116
116
|
headerClassName: item === null || item === void 0 ? void 0 : item.headerClassName,
|
117
117
|
labelClassName: item === null || item === void 0 ? void 0 : item.labelClassName,
|
118
118
|
paragraphClassName: item === null || item === void 0 ? void 0 : item.paragraphClassName,
|
119
|
+
helpClassName: item === null || item === void 0 ? void 0 : item.helpClassName,
|
119
120
|
staticVariables: item === null || item === void 0 ? void 0 : item.staticVariables
|
120
121
|
}));
|
121
122
|
})));
|
package/lib/form-fields.js
CHANGED
@@ -55,6 +55,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
55
55
|
headerClassName = _ref.headerClassName,
|
56
56
|
labelClassName = _ref.labelClassName,
|
57
57
|
paragraphClassName = _ref.paragraphClassName,
|
58
|
+
helpClassName = _ref.helpClassName,
|
58
59
|
formId = _ref.formId,
|
59
60
|
methods = _ref.methods,
|
60
61
|
_ref$print = _ref.print,
|
@@ -288,7 +289,9 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
288
289
|
key: "form_".concat($dataItem.id),
|
289
290
|
item: $dataItem,
|
290
291
|
defaultValue: _getDefaultValue($dataItem),
|
291
|
-
staticVariables: staticVariables
|
292
|
+
staticVariables: staticVariables,
|
293
|
+
labelClassName: labelClassName,
|
294
|
+
helpClassName: helpClassName
|
292
295
|
});
|
293
296
|
}
|
294
297
|
return null;
|
@@ -304,7 +307,9 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
304
307
|
key: "form_".concat(item.id),
|
305
308
|
item: item,
|
306
309
|
defaultValue: _getDefaultValue(item),
|
307
|
-
onChange: handleChange
|
310
|
+
onChange: handleChange,
|
311
|
+
labelClassName: labelClassName,
|
312
|
+
helpClassName: helpClassName
|
308
313
|
});
|
309
314
|
};
|
310
315
|
var getInputElement = function getInputElement(item) {
|
@@ -348,7 +353,9 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
348
353
|
isInvalid: invalid,
|
349
354
|
item: item,
|
350
355
|
className: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,
|
351
|
-
checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null
|
356
|
+
checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,
|
357
|
+
labelClassName: labelClassName,
|
358
|
+
helpClassName: helpClassName
|
352
359
|
});
|
353
360
|
}
|
354
361
|
});
|
@@ -375,6 +382,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
375
382
|
item: item,
|
376
383
|
headerClassName: headerClassName,
|
377
384
|
labelClassName: labelClassName,
|
385
|
+
helpClassName: helpClassName,
|
378
386
|
paragraphClassName: paragraphClassName
|
379
387
|
});
|
380
388
|
};
|
@@ -462,6 +470,8 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
462
470
|
item.disabled = (_ref9 = readOnly || item.readOnly) !== null && _ref9 !== void 0 ? _ref9 : false;
|
463
471
|
item.mutable = true;
|
464
472
|
item.staticVariables = staticVariables;
|
473
|
+
item.labelClassName = labelClassName;
|
474
|
+
item.helpClassName = helpClassName;
|
465
475
|
switch (item.element) {
|
466
476
|
case 'RadioButtons':
|
467
477
|
case 'Range':
|
@@ -523,7 +533,9 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
523
533
|
ref: function ref(c) {
|
524
534
|
return inputs.current[item.fieldName] = c;
|
525
535
|
},
|
526
|
-
item: item
|
536
|
+
item: item,
|
537
|
+
labelClassName: labelClassName,
|
538
|
+
helpClassName: helpClassName
|
527
539
|
});
|
528
540
|
}
|
529
541
|
});
|
@@ -563,7 +575,9 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
563
575
|
isInvalid: invalid,
|
564
576
|
item: item,
|
565
577
|
className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,
|
566
|
-
checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null
|
578
|
+
checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,
|
579
|
+
labelClassName: labelClassName,
|
580
|
+
helpClassName: helpClassName
|
567
581
|
});
|
568
582
|
}
|
569
583
|
});
|
@@ -615,7 +629,9 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
615
629
|
return inputs.current[item.fieldName] = c;
|
616
630
|
},
|
617
631
|
isInvalid: invalid,
|
618
|
-
item: item
|
632
|
+
item: item,
|
633
|
+
labelClassName: labelClassName,
|
634
|
+
helpClassName: helpClassName
|
619
635
|
});
|
620
636
|
}
|
621
637
|
});
|
@@ -653,7 +669,9 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
653
669
|
return inputs.current[item.fieldName] = c;
|
654
670
|
},
|
655
671
|
isInvalid: invalid,
|
656
|
-
item: item
|
672
|
+
item: item,
|
673
|
+
labelClassName: labelClassName,
|
674
|
+
helpClassName: helpClassName
|
657
675
|
});
|
658
676
|
}
|
659
677
|
});
|
package/lib/form-steps.js
CHANGED
@@ -56,6 +56,7 @@ var ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {
|
|
56
56
|
headerClassName = _ref.headerClassName,
|
57
57
|
labelClassName = _ref.labelClassName,
|
58
58
|
paragraphClassName = _ref.paragraphClassName,
|
59
|
+
helpClassName = _ref.helpClassName,
|
59
60
|
formId = _ref.formId,
|
60
61
|
methods = _ref.methods,
|
61
62
|
_ref$print = _ref.print,
|
@@ -290,7 +291,9 @@ var ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {
|
|
290
291
|
key: "form_".concat($dataItem.id),
|
291
292
|
item: $dataItem,
|
292
293
|
defaultValue: _getDefaultValue($dataItem),
|
293
|
-
staticVariables: staticVariables
|
294
|
+
staticVariables: staticVariables,
|
295
|
+
labelClassName: labelClassName,
|
296
|
+
helpClassName: helpClassName
|
294
297
|
});
|
295
298
|
}
|
296
299
|
return null;
|
@@ -306,7 +309,9 @@ var ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {
|
|
306
309
|
key: "form_".concat(item.id),
|
307
310
|
item: item,
|
308
311
|
defaultValue: _getDefaultValue(item),
|
309
|
-
onChange: handleChange
|
312
|
+
onChange: handleChange,
|
313
|
+
labelClassName: labelClassName,
|
314
|
+
helpClassName: helpClassName
|
310
315
|
});
|
311
316
|
};
|
312
317
|
var getInputElement = function getInputElement(item) {
|
@@ -350,7 +355,9 @@ var ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {
|
|
350
355
|
isInvalid: invalid,
|
351
356
|
item: item,
|
352
357
|
className: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,
|
353
|
-
checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null
|
358
|
+
checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,
|
359
|
+
labelClassName: labelClassName,
|
360
|
+
helpClassName: helpClassName
|
354
361
|
});
|
355
362
|
}
|
356
363
|
});
|
@@ -376,8 +383,9 @@ var ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {
|
|
376
383
|
key: "form_".concat(item.id),
|
377
384
|
item: item,
|
378
385
|
headerClassName: headerClassName,
|
386
|
+
paragraphClassName: paragraphClassName,
|
379
387
|
labelClassName: labelClassName,
|
380
|
-
|
388
|
+
helpClassName: helpClassName
|
381
389
|
});
|
382
390
|
};
|
383
391
|
var getCustomElement = function getCustomElement(item) {
|
@@ -464,6 +472,8 @@ var ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {
|
|
464
472
|
item.disabled = (_ref9 = readOnly || item.readOnly) !== null && _ref9 !== void 0 ? _ref9 : false;
|
465
473
|
item.mutable = true;
|
466
474
|
item.staticVariables = staticVariables;
|
475
|
+
item.labelClassName = labelClassName;
|
476
|
+
item.helpClassName = helpClassName;
|
467
477
|
switch (item.element) {
|
468
478
|
case 'RadioButtons':
|
469
479
|
case 'Range':
|
@@ -525,7 +535,9 @@ var ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {
|
|
525
535
|
ref: function ref(c) {
|
526
536
|
return inputs.current[item.fieldName] = c;
|
527
537
|
},
|
528
|
-
item: item
|
538
|
+
item: item,
|
539
|
+
labelClassName: labelClassName,
|
540
|
+
helpClassName: helpClassName
|
529
541
|
});
|
530
542
|
}
|
531
543
|
});
|
@@ -565,7 +577,9 @@ var ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {
|
|
565
577
|
isInvalid: invalid,
|
566
578
|
item: item,
|
567
579
|
className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,
|
568
|
-
checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null
|
580
|
+
checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,
|
581
|
+
labelClassName: labelClassName,
|
582
|
+
helpClassName: helpClassName
|
569
583
|
});
|
570
584
|
}
|
571
585
|
});
|
@@ -617,7 +631,9 @@ var ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {
|
|
617
631
|
return inputs.current[item.fieldName] = c;
|
618
632
|
},
|
619
633
|
isInvalid: invalid,
|
620
|
-
item: item
|
634
|
+
item: item,
|
635
|
+
labelClassName: labelClassName,
|
636
|
+
helpClassName: helpClassName
|
621
637
|
});
|
622
638
|
}
|
623
639
|
});
|
@@ -655,7 +671,9 @@ var ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {
|
|
655
671
|
return inputs.current[item.fieldName] = c;
|
656
672
|
},
|
657
673
|
isInvalid: invalid,
|
658
|
-
item: item
|
674
|
+
item: item,
|
675
|
+
labelClassName: labelClassName,
|
676
|
+
helpClassName: helpClassName
|
659
677
|
});
|
660
678
|
}
|
661
679
|
});
|
package/lib/form.js
CHANGED
@@ -55,6 +55,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
55
55
|
headerClassName = _ref.headerClassName,
|
56
56
|
labelClassName = _ref.labelClassName,
|
57
57
|
paragraphClassName = _ref.paragraphClassName,
|
58
|
+
helpClassName = _ref.helpClassName,
|
58
59
|
formId = _ref.formId,
|
59
60
|
_ref$print = _ref.print,
|
60
61
|
print = _ref$print === void 0 ? false : _ref$print;
|
@@ -298,7 +299,9 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
298
299
|
key: "form_".concat($dataItem.id),
|
299
300
|
item: $dataItem,
|
300
301
|
defaultValue: _getDefaultValue($dataItem),
|
301
|
-
staticVariables: staticVariables
|
302
|
+
staticVariables: staticVariables,
|
303
|
+
labelClassName: labelClassName,
|
304
|
+
helpClassName: helpClassName
|
302
305
|
});
|
303
306
|
}
|
304
307
|
return null;
|
@@ -315,7 +318,9 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
315
318
|
key: "form_".concat(item.id),
|
316
319
|
item: item,
|
317
320
|
defaultValue: _getDefaultValue(item),
|
318
|
-
onChange: handleChange
|
321
|
+
onChange: handleChange,
|
322
|
+
labelClassName: labelClassName,
|
323
|
+
helpClassName: helpClassName
|
319
324
|
});
|
320
325
|
};
|
321
326
|
var getInputElement = function getInputElement(item) {
|
@@ -359,7 +364,9 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
359
364
|
isInvalid: invalid,
|
360
365
|
item: item,
|
361
366
|
className: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,
|
362
|
-
checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null
|
367
|
+
checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,
|
368
|
+
labelClassName: labelClassName,
|
369
|
+
helpClassName: helpClassName
|
363
370
|
});
|
364
371
|
}
|
365
372
|
});
|
@@ -385,8 +392,9 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
385
392
|
key: "form_".concat(item.id),
|
386
393
|
item: item,
|
387
394
|
headerClassName: headerClassName,
|
395
|
+
paragraphClassName: paragraphClassName,
|
388
396
|
labelClassName: labelClassName,
|
389
|
-
|
397
|
+
helpClassName: helpClassName
|
390
398
|
});
|
391
399
|
};
|
392
400
|
var getCustomElement = function getCustomElement(item) {
|
@@ -473,6 +481,8 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
473
481
|
item.disabled = (_ref9 = readOnly || item.readOnly) !== null && _ref9 !== void 0 ? _ref9 : false;
|
474
482
|
item.mutable = true;
|
475
483
|
item.staticVariables = staticVariables;
|
484
|
+
item.labelClassName = labelClassName;
|
485
|
+
item.helpClassName = helpClassName;
|
476
486
|
switch (item.element) {
|
477
487
|
case 'RadioButtons':
|
478
488
|
case 'Range':
|
@@ -534,7 +544,9 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
534
544
|
ref: function ref(c) {
|
535
545
|
return inputs.current[item.fieldName] = c;
|
536
546
|
},
|
537
|
-
item: item
|
547
|
+
item: item,
|
548
|
+
labelClassName: labelClassName,
|
549
|
+
helpClassName: helpClassName
|
538
550
|
});
|
539
551
|
}
|
540
552
|
});
|
@@ -574,7 +586,9 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
574
586
|
isInvalid: invalid,
|
575
587
|
item: item,
|
576
588
|
className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,
|
577
|
-
checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null
|
589
|
+
checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,
|
590
|
+
labelClassName: labelClassName,
|
591
|
+
helpClassName: helpClassName
|
578
592
|
});
|
579
593
|
}
|
580
594
|
});
|
@@ -626,7 +640,9 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
626
640
|
return inputs.current[item.fieldName] = c;
|
627
641
|
},
|
628
642
|
isInvalid: invalid,
|
629
|
-
item: item
|
643
|
+
item: item,
|
644
|
+
labelClassName: labelClassName,
|
645
|
+
helpClassName: helpClassName
|
630
646
|
});
|
631
647
|
}
|
632
648
|
});
|
@@ -664,7 +680,9 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
664
680
|
return inputs.current[item.fieldName] = c;
|
665
681
|
},
|
666
682
|
isInvalid: invalid,
|
667
|
-
item: item
|
683
|
+
item: item,
|
684
|
+
labelClassName: labelClassName,
|
685
|
+
helpClassName: helpClassName
|
668
686
|
});
|
669
687
|
}
|
670
688
|
});
|
package/lib/index.js
CHANGED
@@ -43,6 +43,7 @@ var ReactSurveyBuilder = function ReactSurveyBuilder(_ref) {
|
|
43
43
|
headerClassName = _ref.headerClassName,
|
44
44
|
labelClassName = _ref.labelClassName,
|
45
45
|
paragraphClassName = _ref.paragraphClassName,
|
46
|
+
helpClassName = _ref.helpClassName,
|
46
47
|
onPost = _ref.onPost,
|
47
48
|
onLoad = _ref.onLoad,
|
48
49
|
url = _ref.url,
|
@@ -92,7 +93,8 @@ var ReactSurveyBuilder = function ReactSurveyBuilder(_ref) {
|
|
92
93
|
checkboxButtonClassName: checkboxButtonClassName,
|
93
94
|
headerClassName: headerClassName,
|
94
95
|
labelClassName: labelClassName,
|
95
|
-
paragraphClassName: paragraphClassName
|
96
|
+
paragraphClassName: paragraphClassName,
|
97
|
+
helpClassName: helpClassName
|
96
98
|
})), /*#__PURE__*/React.createElement(Col, {
|
97
99
|
xs: 3,
|
98
100
|
className: "overflow-hidden h-100"
|
@@ -73,6 +73,7 @@ var MultiColumnRowBase = function MultiColumnRowBase(_ref) {
|
|
73
73
|
headerClassName: item === null || item === void 0 ? void 0 : item.headerClassName,
|
74
74
|
labelClassName: item === null || item === void 0 ? void 0 : item.labelClassName,
|
75
75
|
paragraphClassName: item === null || item === void 0 ? void 0 : item.paragraphClassName,
|
76
|
+
helpClassName: item === null || item === void 0 ? void 0 : item.helpClassName,
|
76
77
|
staticVariables: item === null || item === void 0 ? void 0 : item.staticVariables
|
77
78
|
}));
|
78
79
|
}))));
|
@@ -55,6 +55,7 @@ var getElement = function getElement(item, props) {
|
|
55
55
|
headerClassName: props === null || props === void 0 ? void 0 : props.headerClassName,
|
56
56
|
labelClassName: props === null || props === void 0 ? void 0 : props.labelClassName,
|
57
57
|
paragraphClassName: props === null || props === void 0 ? void 0 : props.paragraphClassName,
|
58
|
+
helpClassName: props === null || props === void 0 ? void 0 : props.helpClassName,
|
58
59
|
mutable: false,
|
59
60
|
readOnly: false,
|
60
61
|
print: false
|
package/lib/preview.js
CHANGED
@@ -48,6 +48,7 @@ var Preview = function Preview(_ref) {
|
|
48
48
|
headerClassName = _ref.headerClassName,
|
49
49
|
labelClassName = _ref.labelClassName,
|
50
50
|
paragraphClassName = _ref.paragraphClassName,
|
51
|
+
helpClassName = _ref.helpClassName,
|
51
52
|
url = _ref.url,
|
52
53
|
saveUrl = _ref.saveUrl,
|
53
54
|
_ref$saveAlways = _ref.saveAlways,
|
@@ -370,6 +371,7 @@ var Preview = function Preview(_ref) {
|
|
370
371
|
headerClassName: headerClassName,
|
371
372
|
labelClassName: labelClassName,
|
372
373
|
paragraphClassName: paragraphClassName,
|
374
|
+
helpClassName: helpClassName,
|
373
375
|
mutable: false,
|
374
376
|
readOnly: false,
|
375
377
|
print: false
|
package/lib/step/Step.js
CHANGED
@@ -107,6 +107,7 @@ var StepBase = function StepBase(_ref) {
|
|
107
107
|
headerClassName: item === null || item === void 0 ? void 0 : item.headerClassName,
|
108
108
|
labelClassName: item === null || item === void 0 ? void 0 : item.labelClassName,
|
109
109
|
paragraphClassName: item === null || item === void 0 ? void 0 : item.paragraphClassName,
|
110
|
+
helpClassName: item === null || item === void 0 ? void 0 : item.helpClassName,
|
110
111
|
staticVariables: item === null || item === void 0 ? void 0 : item.staticVariables
|
111
112
|
}));
|
112
113
|
})));
|