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.
@@ -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
  })));
@@ -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
- paragraphClassName: paragraphClassName
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
- paragraphClassName: paragraphClassName
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
  })));