react-survey-builder 1.0.70 → 1.0.72

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 (8) hide show
  1. package/README.md +1 -1
  2. package/dist/bundle.js +4 -4
  3. package/lib/form-fields.js +91 -85
  4. package/lib/form.js +91 -85
  5. package/lib/index.js +3 -0
  6. package/lib/survey-elements/index.js +4 -4
  7. package/package.json +1 -1
  8. package/types/index.d.ts +1 -0
package/lib/form-fields.js CHANGED
@@ -40,6 +40,8 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
40
40
  backAction = _ref$backAction === void 0 ? null : _ref$backAction,
41
41
  _ref$hideActions = _ref.hideActions,
42
42
  hideActions = _ref$hideActions === void 0 ? false : _ref$hideActions,
43
+ _ref$hideLabels = _ref.hideLabels,
44
+ hideLabels = _ref$hideLabels === void 0 ? false : _ref$hideLabels,
43
45
  variables = _ref.variables,
44
46
  buttonClassName = _ref.buttonClassName,
45
47
  checkboxButtonClassName = _ref.checkboxButtonClassName,
@@ -250,12 +252,13 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
250
252
  return x.id === id;
251
253
  });
252
254
  if ($dataItem !== undefined) {
253
- var _ref2, _ref3;
255
+ var _ref2, _ref3, _ref4;
254
256
  return _objectSpread(_objectSpread({}, $dataItem), {}, {
255
257
  fieldRules: getFieldRules($dataItem),
256
258
  print: print !== null && print !== void 0 ? print : false,
257
259
  readOnly: (_ref2 = readOnly || $dataItem.readOnly) !== null && _ref2 !== void 0 ? _ref2 : false,
258
- disabled: (_ref3 = readOnly || $dataItem.readOnly) !== null && _ref3 !== void 0 ? _ref3 : false,
260
+ hideLabel: (_ref3 = hideLabels || $dataItem.hideLabel) !== null && _ref3 !== void 0 ? _ref3 : false,
261
+ disabled: (_ref4 = readOnly || $dataItem.readOnly) !== null && _ref4 !== void 0 ? _ref4 : false,
259
262
  mutable: true
260
263
  });
261
264
  }
@@ -288,19 +291,19 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
288
291
  defaultValue: _getDefaultValue(item),
289
292
  disabled: item.disabled,
290
293
  required: item.required,
291
- render: function render(_ref4) {
292
- var _ref4$field = _ref4.field,
293
- _onChange = _ref4$field.onChange,
294
- onBlur = _ref4$field.onBlur,
295
- value = _ref4$field.value,
296
- name = _ref4$field.name,
297
- ref = _ref4$field.ref,
298
- _ref4$fieldState = _ref4.fieldState,
299
- invalid = _ref4$fieldState.invalid,
300
- isTouched = _ref4$fieldState.isTouched,
301
- isDirty = _ref4$fieldState.isDirty,
302
- error = _ref4$fieldState.error,
303
- formState = _ref4.formState;
294
+ render: function render(_ref5) {
295
+ var _ref5$field = _ref5.field,
296
+ _onChange = _ref5$field.onChange,
297
+ onBlur = _ref5$field.onBlur,
298
+ value = _ref5$field.value,
299
+ name = _ref5$field.name,
300
+ ref = _ref5$field.ref,
301
+ _ref5$fieldState = _ref5.fieldState,
302
+ invalid = _ref5$fieldState.invalid,
303
+ isTouched = _ref5$fieldState.isTouched,
304
+ isDirty = _ref5$fieldState.isDirty,
305
+ error = _ref5$fieldState.error,
306
+ formState = _ref5.formState;
304
307
  return /*#__PURE__*/React.createElement(Input, {
305
308
  onBlur: onBlur,
306
309
  onChange: function onChange(e) {
@@ -314,7 +317,8 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
314
317
  },
315
318
  isInvalid: invalid,
316
319
  item: item,
317
- className: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null
320
+ className: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,
321
+ checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null
318
322
  });
319
323
  }
320
324
  });
@@ -353,19 +357,19 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
353
357
  defaultValue: _getDefaultValue(item),
354
358
  disabled: item.disabled,
355
359
  required: item.required,
356
- render: function render(_ref5) {
357
- var _ref5$field = _ref5.field,
358
- _onChange2 = _ref5$field.onChange,
359
- onBlur = _ref5$field.onBlur,
360
- value = _ref5$field.value,
361
- name = _ref5$field.name,
362
- ref = _ref5$field.ref,
363
- _ref5$fieldState = _ref5.fieldState,
364
- invalid = _ref5$fieldState.invalid,
365
- isTouched = _ref5$fieldState.isTouched,
366
- isDirty = _ref5$fieldState.isDirty,
367
- error = _ref5$fieldState.error,
368
- formState = _ref5.formState;
360
+ render: function render(_ref6) {
361
+ var _ref6$field = _ref6.field,
362
+ _onChange2 = _ref6$field.onChange,
363
+ onBlur = _ref6$field.onBlur,
364
+ value = _ref6$field.value,
365
+ name = _ref6$field.name,
366
+ ref = _ref6$field.ref,
367
+ _ref6$fieldState = _ref6.fieldState,
368
+ invalid = _ref6$fieldState.invalid,
369
+ isTouched = _ref6$fieldState.isTouched,
370
+ isDirty = _ref6$fieldState.isDirty,
371
+ error = _ref6$fieldState.error,
372
+ formState = _ref6.formState;
369
373
  return /*#__PURE__*/React.createElement(CustomElement, {
370
374
  onBlur: onBlur,
371
375
  onChange: function onChange(e) {
@@ -429,12 +433,13 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
429
433
  var fieldItems = dataItems.filter(function (x) {
430
434
  return !x.parentId;
431
435
  }).map(function (item) {
432
- var _ref6, _ref7;
436
+ var _ref7, _ref8, _ref9;
433
437
  if (!item) return null;
434
438
  item.fieldRules = getFieldRules(item);
435
439
  item.print = print !== null && print !== void 0 ? print : false;
436
- item.readOnly = (_ref6 = readOnly || item.readOnly) !== null && _ref6 !== void 0 ? _ref6 : false;
437
- item.disabled = (_ref7 = readOnly || item.readOnly) !== null && _ref7 !== void 0 ? _ref7 : false;
440
+ item.readOnly = (_ref7 = readOnly || item.readOnly) !== null && _ref7 !== void 0 ? _ref7 : false;
441
+ item.hideLabel = (_ref8 = hideLabels || item.hideLabel) !== null && _ref8 !== void 0 ? _ref8 : false;
442
+ item.disabled = (_ref9 = readOnly || item.readOnly) !== null && _ref9 !== void 0 ? _ref9 : false;
438
443
  item.mutable = true;
439
444
  switch (item.element) {
440
445
  case 'RadioButtons':
@@ -470,19 +475,19 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
470
475
  defaultValue: _getDefaultValue(item),
471
476
  disabled: item.disabled,
472
477
  required: item.required,
473
- render: function render(_ref8) {
474
- var _ref8$field = _ref8.field,
475
- _onChange3 = _ref8$field.onChange,
476
- onBlur = _ref8$field.onBlur,
477
- value = _ref8$field.value,
478
- name = _ref8$field.name,
479
- ref = _ref8$field.ref,
480
- _ref8$fieldState = _ref8.fieldState,
481
- invalid = _ref8$fieldState.invalid,
482
- isTouched = _ref8$fieldState.isTouched,
483
- isDirty = _ref8$fieldState.isDirty,
484
- error = _ref8$fieldState.error,
485
- formState = _ref8.formState;
478
+ render: function render(_ref10) {
479
+ var _ref10$field = _ref10.field,
480
+ _onChange3 = _ref10$field.onChange,
481
+ onBlur = _ref10$field.onBlur,
482
+ value = _ref10$field.value,
483
+ name = _ref10$field.name,
484
+ ref = _ref10$field.ref,
485
+ _ref10$fieldState = _ref10.fieldState,
486
+ invalid = _ref10$fieldState.invalid,
487
+ isTouched = _ref10$fieldState.isTouched,
488
+ isDirty = _ref10$fieldState.isDirty,
489
+ error = _ref10$fieldState.error,
490
+ formState = _ref10.formState;
486
491
  return /*#__PURE__*/React.createElement(Signature, {
487
492
  methods: methods,
488
493
  onBlur: onBlur,
@@ -508,19 +513,19 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
508
513
  defaultValue: _optionsDefaultValue(item),
509
514
  disabled: item.disabled,
510
515
  required: item.required,
511
- render: function render(_ref9) {
512
- var _ref9$field = _ref9.field,
513
- _onChange4 = _ref9$field.onChange,
514
- onBlur = _ref9$field.onBlur,
515
- value = _ref9$field.value,
516
- name = _ref9$field.name,
517
- ref = _ref9$field.ref,
518
- _ref9$fieldState = _ref9.fieldState,
519
- invalid = _ref9$fieldState.invalid,
520
- isTouched = _ref9$fieldState.isTouched,
521
- isDirty = _ref9$fieldState.isDirty,
522
- error = _ref9$fieldState.error,
523
- formState = _ref9.formState;
516
+ render: function render(_ref11) {
517
+ var _ref11$field = _ref11.field,
518
+ _onChange4 = _ref11$field.onChange,
519
+ onBlur = _ref11$field.onBlur,
520
+ value = _ref11$field.value,
521
+ name = _ref11$field.name,
522
+ ref = _ref11$field.ref,
523
+ _ref11$fieldState = _ref11.fieldState,
524
+ invalid = _ref11$fieldState.invalid,
525
+ isTouched = _ref11$fieldState.isTouched,
526
+ isDirty = _ref11$fieldState.isDirty,
527
+ error = _ref11$fieldState.error,
528
+ formState = _ref11.formState;
524
529
  return /*#__PURE__*/React.createElement(Checkboxes, {
525
530
  onBlur: onBlur,
526
531
  onChange: function onChange(e) {
@@ -534,7 +539,8 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
534
539
  },
535
540
  isInvalid: invalid,
536
541
  item: item,
537
- className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null
542
+ className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,
543
+ checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null
538
544
  });
539
545
  }
540
546
  });
@@ -561,19 +567,19 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
561
567
  defaultValue: _getDefaultValue(item),
562
568
  disabled: item.disabled,
563
569
  required: item.required,
564
- render: function render(_ref10) {
565
- var _ref10$field = _ref10.field,
566
- _onChange5 = _ref10$field.onChange,
567
- onBlur = _ref10$field.onBlur,
568
- value = _ref10$field.value,
569
- name = _ref10$field.name,
570
- ref = _ref10$field.ref,
571
- _ref10$fieldState = _ref10.fieldState,
572
- invalid = _ref10$fieldState.invalid,
573
- isTouched = _ref10$fieldState.isTouched,
574
- isDirty = _ref10$fieldState.isDirty,
575
- error = _ref10$fieldState.error,
576
- formState = _ref10.formState;
570
+ render: function render(_ref12) {
571
+ var _ref12$field = _ref12.field,
572
+ _onChange5 = _ref12$field.onChange,
573
+ onBlur = _ref12$field.onBlur,
574
+ value = _ref12$field.value,
575
+ name = _ref12$field.name,
576
+ ref = _ref12$field.ref,
577
+ _ref12$fieldState = _ref12.fieldState,
578
+ invalid = _ref12$fieldState.invalid,
579
+ isTouched = _ref12$fieldState.isTouched,
580
+ isDirty = _ref12$fieldState.isDirty,
581
+ error = _ref12$fieldState.error,
582
+ formState = _ref12.formState;
577
583
  return /*#__PURE__*/React.createElement(Camera, {
578
584
  onBlur: onBlur,
579
585
  onChange: function onChange(e) {
@@ -599,19 +605,19 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
599
605
  defaultValue: _getDefaultValue(item),
600
606
  disabled: item.disabled,
601
607
  required: item.required,
602
- render: function render(_ref11) {
603
- var _ref11$field = _ref11.field,
604
- _onChange6 = _ref11$field.onChange,
605
- onBlur = _ref11$field.onBlur,
606
- value = _ref11$field.value,
607
- name = _ref11$field.name,
608
- ref = _ref11$field.ref,
609
- _ref11$fieldState = _ref11.fieldState,
610
- invalid = _ref11$fieldState.invalid,
611
- isTouched = _ref11$fieldState.isTouched,
612
- isDirty = _ref11$fieldState.isDirty,
613
- error = _ref11$fieldState.error,
614
- formState = _ref11.formState;
608
+ render: function render(_ref13) {
609
+ var _ref13$field = _ref13.field,
610
+ _onChange6 = _ref13$field.onChange,
611
+ onBlur = _ref13$field.onBlur,
612
+ value = _ref13$field.value,
613
+ name = _ref13$field.name,
614
+ ref = _ref13$field.ref,
615
+ _ref13$fieldState = _ref13.fieldState,
616
+ invalid = _ref13$fieldState.invalid,
617
+ isTouched = _ref13$fieldState.isTouched,
618
+ isDirty = _ref13$fieldState.isDirty,
619
+ error = _ref13$fieldState.error,
620
+ formState = _ref13.formState;
615
621
  return /*#__PURE__*/React.createElement(FileUpload, {
616
622
  onBlur: onBlur,
617
623
  onChange: function onChange(e) {
package/lib/form.js CHANGED
@@ -40,6 +40,8 @@ var ReactSurvey = function ReactSurvey(_ref) {
40
40
  backAction = _ref$backAction === void 0 ? null : _ref$backAction,
41
41
  _ref$hideActions = _ref.hideActions,
42
42
  hideActions = _ref$hideActions === void 0 ? false : _ref$hideActions,
43
+ _ref$hideLabels = _ref.hideLabels,
44
+ hideLabels = _ref$hideLabels === void 0 ? false : _ref$hideLabels,
43
45
  variables = _ref.variables,
44
46
  buttonClassName = _ref.buttonClassName,
45
47
  checkboxButtonClassName = _ref.checkboxButtonClassName,
@@ -260,12 +262,13 @@ var ReactSurvey = function ReactSurvey(_ref) {
260
262
  return x.id === id;
261
263
  });
262
264
  if ($dataItem !== undefined) {
263
- var _ref2, _ref3;
265
+ var _ref2, _ref3, _ref4;
264
266
  return _objectSpread(_objectSpread({}, $dataItem), {}, {
265
267
  fieldRules: getFieldRules($dataItem),
266
268
  print: print !== null && print !== void 0 ? print : false,
267
269
  readOnly: (_ref2 = readOnly || $dataItem.readOnly) !== null && _ref2 !== void 0 ? _ref2 : false,
268
- disabled: (_ref3 = readOnly || $dataItem.readOnly) !== null && _ref3 !== void 0 ? _ref3 : false,
270
+ hideLabel: (_ref3 = hideLabels || $dataItem.hideLabel) !== null && _ref3 !== void 0 ? _ref3 : false,
271
+ disabled: (_ref4 = readOnly || $dataItem.readOnly) !== null && _ref4 !== void 0 ? _ref4 : false,
269
272
  mutable: true
270
273
  });
271
274
  }
@@ -298,19 +301,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
298
301
  defaultValue: _getDefaultValue(item),
299
302
  disabled: item.disabled,
300
303
  required: item.required,
301
- render: function render(_ref4) {
302
- var _ref4$field = _ref4.field,
303
- _onChange = _ref4$field.onChange,
304
- onBlur = _ref4$field.onBlur,
305
- value = _ref4$field.value,
306
- name = _ref4$field.name,
307
- ref = _ref4$field.ref,
308
- _ref4$fieldState = _ref4.fieldState,
309
- invalid = _ref4$fieldState.invalid,
310
- isTouched = _ref4$fieldState.isTouched,
311
- isDirty = _ref4$fieldState.isDirty,
312
- error = _ref4$fieldState.error,
313
- formState = _ref4.formState;
304
+ render: function render(_ref5) {
305
+ var _ref5$field = _ref5.field,
306
+ _onChange = _ref5$field.onChange,
307
+ onBlur = _ref5$field.onBlur,
308
+ value = _ref5$field.value,
309
+ name = _ref5$field.name,
310
+ ref = _ref5$field.ref,
311
+ _ref5$fieldState = _ref5.fieldState,
312
+ invalid = _ref5$fieldState.invalid,
313
+ isTouched = _ref5$fieldState.isTouched,
314
+ isDirty = _ref5$fieldState.isDirty,
315
+ error = _ref5$fieldState.error,
316
+ formState = _ref5.formState;
314
317
  return /*#__PURE__*/React.createElement(Input, {
315
318
  onBlur: onBlur,
316
319
  onChange: function onChange(e) {
@@ -324,7 +327,8 @@ var ReactSurvey = function ReactSurvey(_ref) {
324
327
  },
325
328
  isInvalid: invalid,
326
329
  item: item,
327
- className: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null
330
+ className: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,
331
+ checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null
328
332
  });
329
333
  }
330
334
  });
@@ -363,19 +367,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
363
367
  defaultValue: _getDefaultValue(item),
364
368
  disabled: item.disabled,
365
369
  required: item.required,
366
- render: function render(_ref5) {
367
- var _ref5$field = _ref5.field,
368
- _onChange2 = _ref5$field.onChange,
369
- onBlur = _ref5$field.onBlur,
370
- value = _ref5$field.value,
371
- name = _ref5$field.name,
372
- ref = _ref5$field.ref,
373
- _ref5$fieldState = _ref5.fieldState,
374
- invalid = _ref5$fieldState.invalid,
375
- isTouched = _ref5$fieldState.isTouched,
376
- isDirty = _ref5$fieldState.isDirty,
377
- error = _ref5$fieldState.error,
378
- formState = _ref5.formState;
370
+ render: function render(_ref6) {
371
+ var _ref6$field = _ref6.field,
372
+ _onChange2 = _ref6$field.onChange,
373
+ onBlur = _ref6$field.onBlur,
374
+ value = _ref6$field.value,
375
+ name = _ref6$field.name,
376
+ ref = _ref6$field.ref,
377
+ _ref6$fieldState = _ref6.fieldState,
378
+ invalid = _ref6$fieldState.invalid,
379
+ isTouched = _ref6$fieldState.isTouched,
380
+ isDirty = _ref6$fieldState.isDirty,
381
+ error = _ref6$fieldState.error,
382
+ formState = _ref6.formState;
379
383
  return /*#__PURE__*/React.createElement(CustomElement, {
380
384
  onBlur: onBlur,
381
385
  onChange: function onChange(e) {
@@ -439,12 +443,13 @@ var ReactSurvey = function ReactSurvey(_ref) {
439
443
  var fieldItems = dataItems.filter(function (x) {
440
444
  return !x.parentId;
441
445
  }).map(function (item) {
442
- var _ref6, _ref7;
446
+ var _ref7, _ref8, _ref9;
443
447
  if (!item) return null;
444
448
  item.fieldRules = getFieldRules(item);
445
449
  item.print = print !== null && print !== void 0 ? print : false;
446
- item.readOnly = (_ref6 = readOnly || item.readOnly) !== null && _ref6 !== void 0 ? _ref6 : false;
447
- item.disabled = (_ref7 = readOnly || item.readOnly) !== null && _ref7 !== void 0 ? _ref7 : false;
450
+ item.readOnly = (_ref7 = readOnly || item.readOnly) !== null && _ref7 !== void 0 ? _ref7 : false;
451
+ item.hideLabel = (_ref8 = hideLabels || item.hideLabel) !== null && _ref8 !== void 0 ? _ref8 : false;
452
+ item.disabled = (_ref9 = readOnly || item.readOnly) !== null && _ref9 !== void 0 ? _ref9 : false;
448
453
  item.mutable = true;
449
454
  switch (item.element) {
450
455
  case 'RadioButtons':
@@ -480,19 +485,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
480
485
  defaultValue: _getDefaultValue(item),
481
486
  disabled: item.disabled,
482
487
  required: item.required,
483
- render: function render(_ref8) {
484
- var _ref8$field = _ref8.field,
485
- _onChange3 = _ref8$field.onChange,
486
- onBlur = _ref8$field.onBlur,
487
- value = _ref8$field.value,
488
- name = _ref8$field.name,
489
- ref = _ref8$field.ref,
490
- _ref8$fieldState = _ref8.fieldState,
491
- invalid = _ref8$fieldState.invalid,
492
- isTouched = _ref8$fieldState.isTouched,
493
- isDirty = _ref8$fieldState.isDirty,
494
- error = _ref8$fieldState.error,
495
- formState = _ref8.formState;
488
+ render: function render(_ref10) {
489
+ var _ref10$field = _ref10.field,
490
+ _onChange3 = _ref10$field.onChange,
491
+ onBlur = _ref10$field.onBlur,
492
+ value = _ref10$field.value,
493
+ name = _ref10$field.name,
494
+ ref = _ref10$field.ref,
495
+ _ref10$fieldState = _ref10.fieldState,
496
+ invalid = _ref10$fieldState.invalid,
497
+ isTouched = _ref10$fieldState.isTouched,
498
+ isDirty = _ref10$fieldState.isDirty,
499
+ error = _ref10$fieldState.error,
500
+ formState = _ref10.formState;
496
501
  return /*#__PURE__*/React.createElement(Signature, {
497
502
  methods: methods,
498
503
  onBlur: onBlur,
@@ -518,19 +523,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
518
523
  defaultValue: _optionsDefaultValue(item),
519
524
  disabled: item.disabled,
520
525
  required: item.required,
521
- render: function render(_ref9) {
522
- var _ref9$field = _ref9.field,
523
- _onChange4 = _ref9$field.onChange,
524
- onBlur = _ref9$field.onBlur,
525
- value = _ref9$field.value,
526
- name = _ref9$field.name,
527
- ref = _ref9$field.ref,
528
- _ref9$fieldState = _ref9.fieldState,
529
- invalid = _ref9$fieldState.invalid,
530
- isTouched = _ref9$fieldState.isTouched,
531
- isDirty = _ref9$fieldState.isDirty,
532
- error = _ref9$fieldState.error,
533
- formState = _ref9.formState;
526
+ render: function render(_ref11) {
527
+ var _ref11$field = _ref11.field,
528
+ _onChange4 = _ref11$field.onChange,
529
+ onBlur = _ref11$field.onBlur,
530
+ value = _ref11$field.value,
531
+ name = _ref11$field.name,
532
+ ref = _ref11$field.ref,
533
+ _ref11$fieldState = _ref11.fieldState,
534
+ invalid = _ref11$fieldState.invalid,
535
+ isTouched = _ref11$fieldState.isTouched,
536
+ isDirty = _ref11$fieldState.isDirty,
537
+ error = _ref11$fieldState.error,
538
+ formState = _ref11.formState;
534
539
  return /*#__PURE__*/React.createElement(Checkboxes, {
535
540
  onBlur: onBlur,
536
541
  onChange: function onChange(e) {
@@ -544,7 +549,8 @@ var ReactSurvey = function ReactSurvey(_ref) {
544
549
  },
545
550
  isInvalid: invalid,
546
551
  item: item,
547
- className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null
552
+ className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,
553
+ checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null
548
554
  });
549
555
  }
550
556
  });
@@ -571,19 +577,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
571
577
  defaultValue: _getDefaultValue(item),
572
578
  disabled: item.disabled,
573
579
  required: item.required,
574
- render: function render(_ref10) {
575
- var _ref10$field = _ref10.field,
576
- _onChange5 = _ref10$field.onChange,
577
- onBlur = _ref10$field.onBlur,
578
- value = _ref10$field.value,
579
- name = _ref10$field.name,
580
- ref = _ref10$field.ref,
581
- _ref10$fieldState = _ref10.fieldState,
582
- invalid = _ref10$fieldState.invalid,
583
- isTouched = _ref10$fieldState.isTouched,
584
- isDirty = _ref10$fieldState.isDirty,
585
- error = _ref10$fieldState.error,
586
- formState = _ref10.formState;
580
+ render: function render(_ref12) {
581
+ var _ref12$field = _ref12.field,
582
+ _onChange5 = _ref12$field.onChange,
583
+ onBlur = _ref12$field.onBlur,
584
+ value = _ref12$field.value,
585
+ name = _ref12$field.name,
586
+ ref = _ref12$field.ref,
587
+ _ref12$fieldState = _ref12.fieldState,
588
+ invalid = _ref12$fieldState.invalid,
589
+ isTouched = _ref12$fieldState.isTouched,
590
+ isDirty = _ref12$fieldState.isDirty,
591
+ error = _ref12$fieldState.error,
592
+ formState = _ref12.formState;
587
593
  return /*#__PURE__*/React.createElement(Camera, {
588
594
  onBlur: onBlur,
589
595
  onChange: function onChange(e) {
@@ -609,19 +615,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
609
615
  defaultValue: _getDefaultValue(item),
610
616
  disabled: item.disabled,
611
617
  required: item.required,
612
- render: function render(_ref11) {
613
- var _ref11$field = _ref11.field,
614
- _onChange6 = _ref11$field.onChange,
615
- onBlur = _ref11$field.onBlur,
616
- value = _ref11$field.value,
617
- name = _ref11$field.name,
618
- ref = _ref11$field.ref,
619
- _ref11$fieldState = _ref11.fieldState,
620
- invalid = _ref11$fieldState.invalid,
621
- isTouched = _ref11$fieldState.isTouched,
622
- isDirty = _ref11$fieldState.isDirty,
623
- error = _ref11$fieldState.error,
624
- formState = _ref11.formState;
618
+ render: function render(_ref13) {
619
+ var _ref13$field = _ref13.field,
620
+ _onChange6 = _ref13$field.onChange,
621
+ onBlur = _ref13$field.onBlur,
622
+ value = _ref13$field.value,
623
+ name = _ref13$field.name,
624
+ ref = _ref13$field.ref,
625
+ _ref13$fieldState = _ref13.fieldState,
626
+ invalid = _ref13$fieldState.invalid,
627
+ isTouched = _ref13$fieldState.isTouched,
628
+ isDirty = _ref13$fieldState.isDirty,
629
+ error = _ref13$fieldState.error,
630
+ formState = _ref13.formState;
625
631
  return /*#__PURE__*/React.createElement(FileUpload, {
626
632
  onBlur: onBlur,
627
633
  onChange: function onChange(e) {
package/lib/index.js CHANGED
@@ -165,6 +165,9 @@ var cleanUpSurveyItems = function cleanUpSurveyItems() {
165
165
  if (item.hideLabel !== undefined && item.hideLabel !== null) {
166
166
  dataItem.hideLabel = item.hideLabel;
167
167
  }
168
+ if (props.hideLabels !== undefined && props.hideLabels !== null) {
169
+ dataItem.hideLabel = props.hideLabels;
170
+ }
168
171
  if (item.readOnly !== undefined && item.readOnly !== null) {
169
172
  dataItem.readOnly = item.readOnly;
170
173
  }
package/lib/survey-elements/index.js CHANGED
@@ -1930,7 +1930,9 @@ export var Checkboxes = /*#__PURE__*/function (_React$Component7) {
1930
1930
  className: "form-group mb-3"
1931
1931
  }, /*#__PURE__*/React.createElement(ComponentLabel, _extends({}, this.props, {
1932
1932
  htmlFor: this.props.name
1933
- })), this.props.item.options.map(function (option) {
1933
+ })), this.props.item.help ? /*#__PURE__*/React.createElement(Form.Text, {
1934
+ muted: true
1935
+ }, this.props.item.help) : null, this.props.item.options.map(function (option) {
1934
1936
  var _this4$props$checkbox;
1935
1937
  var props = {};
1936
1938
  props.name = "option_".concat(option.key);
@@ -1965,9 +1967,7 @@ export var Checkboxes = /*#__PURE__*/function (_React$Component7) {
1965
1967
  }), /*#__PURE__*/React.createElement("div", {
1966
1968
  className: "text-start"
1967
1969
  }, option.text)));
1968
- }), this.props.item.help ? /*#__PURE__*/React.createElement(Form.Text, {
1969
- muted: true
1970
- }, this.props.item.help) : null, /*#__PURE__*/React.createElement(ComponentErrorMessage, {
1970
+ }), /*#__PURE__*/React.createElement(ComponentErrorMessage, {
1971
1971
  name: this.props.name
1972
1972
  })));
1973
1973
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-survey-builder",
3
- "version": "1.0.70",
3
+ "version": "1.0.72",
4
4
  "description": "A complete survey builder for react.",
5
5
  "main": "lib/index.js",
6
6
  "types": "types/index.d.ts",
package/types/index.d.ts CHANGED
@@ -165,6 +165,7 @@ export interface SurveyGeneratorProps {
165
165
  answerData?: any[];
166
166
  authenticity_token?: string;
167
167
  hideActions?: boolean;
168
+ hideLabels?: boolean;
168
169
  skipValidations?: boolean;
169
170
  displayShort?: boolean;
170
171
  readOnly?: boolean;