react-survey-builder 1.0.39 → 1.0.41
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/index.js +1 -1
- package/lib/form-fields.js +10 -13
- package/lib/form.js +10 -13
- package/lib/sortable-form-elements.js +25 -49
- package/lib/survey-elements/component-drag-preview.js +1 -1
- package/lib/survey-elements/index.js +41 -54
- package/package.json +1 -1
- package/lib/form copy.js +0 -622
- package/lib/survey-elements/component-wrapper.js +0 -1960
- package/lib/survey-elements/date-picker.js +0 -272
package/lib/form-fields.js
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
5
6
|
value: true
|
6
7
|
});
|
@@ -11,7 +12,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
11
12
|
var _react = _interopRequireDefault(require("react"));
|
12
13
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
13
14
|
var _reactIntl = require("react-intl");
|
14
|
-
var _surveyElements =
|
15
|
+
var _surveyElements = _interopRequireWildcard(require("./survey-elements"));
|
15
16
|
var _multiColumn = require("./multi-column");
|
16
17
|
var _fieldset = require("./fieldset");
|
17
18
|
var _customElement = _interopRequireDefault(require("./survey-elements/custom-element"));
|
@@ -21,16 +22,12 @@ var _reactHookForm = require("react-hook-form");
|
|
21
22
|
var _lodash = require("lodash");
|
22
23
|
var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
23
24
|
var _reactPhoneNumberInput = require("react-phone-number-input");
|
25
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
26
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
24
27
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
25
28
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
26
29
|
* <FormFields />
|
27
30
|
*/
|
28
|
-
var Image = _surveyElements["default"].Image,
|
29
|
-
Checkboxes = _surveyElements["default"].Checkboxes,
|
30
|
-
Signature = _surveyElements["default"].Signature,
|
31
|
-
Download = _surveyElements["default"].Download,
|
32
|
-
Camera = _surveyElements["default"].Camera,
|
33
|
-
FileUpload = _surveyElements["default"].FileUpload;
|
34
31
|
var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
35
32
|
var _ref$validateForCorre = _ref.validateForCorrectness,
|
36
33
|
validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,
|
@@ -647,7 +644,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
647
644
|
isDirty = _ref8$fieldState.isDirty,
|
648
645
|
error = _ref8$fieldState.error,
|
649
646
|
formState = _ref8.formState;
|
650
|
-
return /*#__PURE__*/_react["default"].createElement(Signature, {
|
647
|
+
return /*#__PURE__*/_react["default"].createElement(_surveyElements.Signature, {
|
651
648
|
methods: methods,
|
652
649
|
onBlur: onBlur,
|
653
650
|
onChange: function onChange(e) {
|
@@ -685,7 +682,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
685
682
|
isDirty = _ref9$fieldState.isDirty,
|
686
683
|
error = _ref9$fieldState.error,
|
687
684
|
formState = _ref9.formState;
|
688
|
-
return /*#__PURE__*/_react["default"].createElement(Checkboxes, {
|
685
|
+
return /*#__PURE__*/_react["default"].createElement(_surveyElements.Checkboxes, {
|
689
686
|
onBlur: onBlur,
|
690
687
|
onChange: function onChange(e) {
|
691
688
|
_onChange4(e);
|
@@ -703,7 +700,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
703
700
|
}
|
704
701
|
});
|
705
702
|
case 'Image':
|
706
|
-
return /*#__PURE__*/_react["default"].createElement(Image, {
|
703
|
+
return /*#__PURE__*/_react["default"].createElement(_surveyElements.Image, {
|
707
704
|
ref: function ref(c) {
|
708
705
|
return inputs.current[item.fieldName] = c;
|
709
706
|
},
|
@@ -711,7 +708,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
711
708
|
item: item
|
712
709
|
});
|
713
710
|
case 'Download':
|
714
|
-
return /*#__PURE__*/_react["default"].createElement(Download, {
|
711
|
+
return /*#__PURE__*/_react["default"].createElement(_surveyElements.Download, {
|
715
712
|
downloadPath: downloadPath,
|
716
713
|
key: "form_".concat(item.id),
|
717
714
|
item: item
|
@@ -738,7 +735,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
738
735
|
isDirty = _ref10$fieldState.isDirty,
|
739
736
|
error = _ref10$fieldState.error,
|
740
737
|
formState = _ref10.formState;
|
741
|
-
return /*#__PURE__*/_react["default"].createElement(Camera, {
|
738
|
+
return /*#__PURE__*/_react["default"].createElement(_surveyElements.Camera, {
|
742
739
|
onBlur: onBlur,
|
743
740
|
onChange: function onChange(e) {
|
744
741
|
_onChange5(e);
|
@@ -776,7 +773,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
776
773
|
isDirty = _ref11$fieldState.isDirty,
|
777
774
|
error = _ref11$fieldState.error,
|
778
775
|
formState = _ref11.formState;
|
779
|
-
return /*#__PURE__*/_react["default"].createElement(FileUpload, {
|
776
|
+
return /*#__PURE__*/_react["default"].createElement(_surveyElements.FileUpload, {
|
780
777
|
onBlur: onBlur,
|
781
778
|
onChange: function onChange(e) {
|
782
779
|
_onChange6(e);
|
package/lib/form.js
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
5
6
|
value: true
|
6
7
|
});
|
@@ -11,7 +12,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
11
12
|
var _react = _interopRequireDefault(require("react"));
|
12
13
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
13
14
|
var _reactIntl = require("react-intl");
|
14
|
-
var _surveyElements =
|
15
|
+
var _surveyElements = _interopRequireWildcard(require("./survey-elements"));
|
15
16
|
var _multiColumn = require("./multi-column");
|
16
17
|
var _fieldset = require("./fieldset");
|
17
18
|
var _customElement = _interopRequireDefault(require("./survey-elements/custom-element"));
|
@@ -21,16 +22,12 @@ var _reactHookForm = require("react-hook-form");
|
|
21
22
|
var _lodash = require("lodash");
|
22
23
|
var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
23
24
|
var _reactPhoneNumberInput = require("react-phone-number-input");
|
25
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
26
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
24
27
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
25
28
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
26
29
|
* <FormFields />
|
27
30
|
*/
|
28
|
-
var Image = _surveyElements["default"].Image,
|
29
|
-
Checkboxes = _surveyElements["default"].Checkboxes,
|
30
|
-
Signature = _surveyElements["default"].Signature,
|
31
|
-
Download = _surveyElements["default"].Download,
|
32
|
-
Camera = _surveyElements["default"].Camera,
|
33
|
-
FileUpload = _surveyElements["default"].FileUpload;
|
34
31
|
var ReactSurvey = function ReactSurvey(_ref) {
|
35
32
|
var _ref$validateForCorre = _ref.validateForCorrectness,
|
36
33
|
validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,
|
@@ -655,7 +652,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
655
652
|
isDirty = _ref8$fieldState.isDirty,
|
656
653
|
error = _ref8$fieldState.error,
|
657
654
|
formState = _ref8.formState;
|
658
|
-
return /*#__PURE__*/_react["default"].createElement(Signature, {
|
655
|
+
return /*#__PURE__*/_react["default"].createElement(_surveyElements.Signature, {
|
659
656
|
methods: methods,
|
660
657
|
onBlur: onBlur,
|
661
658
|
onChange: function onChange(e) {
|
@@ -693,7 +690,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
693
690
|
isDirty = _ref9$fieldState.isDirty,
|
694
691
|
error = _ref9$fieldState.error,
|
695
692
|
formState = _ref9.formState;
|
696
|
-
return /*#__PURE__*/_react["default"].createElement(Checkboxes, {
|
693
|
+
return /*#__PURE__*/_react["default"].createElement(_surveyElements.Checkboxes, {
|
697
694
|
onBlur: onBlur,
|
698
695
|
onChange: function onChange(e) {
|
699
696
|
_onChange4(e);
|
@@ -711,7 +708,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
711
708
|
}
|
712
709
|
});
|
713
710
|
case 'Image':
|
714
|
-
return /*#__PURE__*/_react["default"].createElement(Image, {
|
711
|
+
return /*#__PURE__*/_react["default"].createElement(_surveyElements.Image, {
|
715
712
|
ref: function ref(c) {
|
716
713
|
return inputs.current[item.fieldName] = c;
|
717
714
|
},
|
@@ -719,7 +716,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
719
716
|
item: item
|
720
717
|
});
|
721
718
|
case 'Download':
|
722
|
-
return /*#__PURE__*/_react["default"].createElement(Download, {
|
719
|
+
return /*#__PURE__*/_react["default"].createElement(_surveyElements.Download, {
|
723
720
|
downloadPath: downloadPath,
|
724
721
|
key: "form_".concat(item.id),
|
725
722
|
item: item
|
@@ -746,7 +743,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
746
743
|
isDirty = _ref10$fieldState.isDirty,
|
747
744
|
error = _ref10$fieldState.error,
|
748
745
|
formState = _ref10.formState;
|
749
|
-
return /*#__PURE__*/_react["default"].createElement(Camera, {
|
746
|
+
return /*#__PURE__*/_react["default"].createElement(_surveyElements.Camera, {
|
750
747
|
onBlur: onBlur,
|
751
748
|
onChange: function onChange(e) {
|
752
749
|
_onChange5(e);
|
@@ -784,7 +781,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
784
781
|
isDirty = _ref11$fieldState.isDirty,
|
785
782
|
error = _ref11$fieldState.error,
|
786
783
|
formState = _ref11.formState;
|
787
|
-
return /*#__PURE__*/_react["default"].createElement(FileUpload, {
|
784
|
+
return /*#__PURE__*/_react["default"].createElement(_surveyElements.FileUpload, {
|
788
785
|
onBlur: onBlur,
|
789
786
|
onChange: function onChange(e) {
|
790
787
|
_onChange6(e);
|
@@ -7,59 +7,35 @@ Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
exports["default"] = void 0;
|
8
8
|
var _sortableElement = _interopRequireDefault(require("./sortable-element"));
|
9
9
|
var _surveyPlaceHolder = _interopRequireDefault(require("./survey-place-holder"));
|
10
|
-
var _surveyElements =
|
10
|
+
var _surveyElements = require("./survey-elements");
|
11
11
|
var _multiColumn = require("./multi-column");
|
12
12
|
var _fieldset = require("./fieldset");
|
13
13
|
var _customElement = _interopRequireDefault(require("./survey-elements/custom-element"));
|
14
|
-
var Header = _surveyElements["default"].Header,
|
15
|
-
Paragraph = _surveyElements["default"].Paragraph,
|
16
|
-
ContentBody = _surveyElements["default"].ContentBody,
|
17
|
-
Label = _surveyElements["default"].Label,
|
18
|
-
LineBreak = _surveyElements["default"].LineBreak,
|
19
|
-
TextInput = _surveyElements["default"].TextInput,
|
20
|
-
EmailInput = _surveyElements["default"].EmailInput,
|
21
|
-
PhoneNumber = _surveyElements["default"].PhoneNumber,
|
22
|
-
NumberInput = _surveyElements["default"].NumberInput,
|
23
|
-
TextArea = _surveyElements["default"].TextArea,
|
24
|
-
Dropdown = _surveyElements["default"].Dropdown,
|
25
|
-
Checkboxes = _surveyElements["default"].Checkboxes,
|
26
|
-
DatePicker = _surveyElements["default"].DatePicker,
|
27
|
-
RadioButtons = _surveyElements["default"].RadioButtons,
|
28
|
-
Image = _surveyElements["default"].Image,
|
29
|
-
Rating = _surveyElements["default"].Rating,
|
30
|
-
Tags = _surveyElements["default"].Tags,
|
31
|
-
Signature = _surveyElements["default"].Signature,
|
32
|
-
HyperLink = _surveyElements["default"].HyperLink,
|
33
|
-
Download = _surveyElements["default"].Download,
|
34
|
-
Camera = _surveyElements["default"].Camera,
|
35
|
-
Range = _surveyElements["default"].Range,
|
36
|
-
FileUpload = _surveyElements["default"].FileUpload,
|
37
|
-
Checkbox = _surveyElements["default"].Checkbox;
|
38
14
|
var SurveyElements = {};
|
39
|
-
SurveyElements.Header = (0, _sortableElement["default"])(Header);
|
40
|
-
SurveyElements.Paragraph = (0, _sortableElement["default"])(Paragraph);
|
41
|
-
SurveyElements.ContentBody = (0, _sortableElement["default"])(ContentBody);
|
42
|
-
SurveyElements.Label = (0, _sortableElement["default"])(Label);
|
43
|
-
SurveyElements.LineBreak = (0, _sortableElement["default"])(LineBreak);
|
44
|
-
SurveyElements.TextInput = (0, _sortableElement["default"])(TextInput);
|
45
|
-
SurveyElements.EmailInput = (0, _sortableElement["default"])(EmailInput);
|
46
|
-
SurveyElements.PhoneNumber = (0, _sortableElement["default"])(PhoneNumber);
|
47
|
-
SurveyElements.NumberInput = (0, _sortableElement["default"])(NumberInput);
|
48
|
-
SurveyElements.TextArea = (0, _sortableElement["default"])(TextArea);
|
49
|
-
SurveyElements.Dropdown = (0, _sortableElement["default"])(Dropdown);
|
50
|
-
SurveyElements.Signature = (0, _sortableElement["default"])(Signature);
|
51
|
-
SurveyElements.Checkboxes = (0, _sortableElement["default"])(Checkboxes);
|
52
|
-
SurveyElements.Checkbox = (0, _sortableElement["default"])(Checkbox);
|
53
|
-
SurveyElements.DatePicker = (0, _sortableElement["default"])(DatePicker);
|
54
|
-
SurveyElements.RadioButtons = (0, _sortableElement["default"])(RadioButtons);
|
55
|
-
SurveyElements.Image = (0, _sortableElement["default"])(Image);
|
56
|
-
SurveyElements.Rating = (0, _sortableElement["default"])(Rating);
|
57
|
-
SurveyElements.Tags = (0, _sortableElement["default"])(Tags);
|
58
|
-
SurveyElements.HyperLink = (0, _sortableElement["default"])(HyperLink);
|
59
|
-
SurveyElements.Download = (0, _sortableElement["default"])(Download);
|
60
|
-
SurveyElements.Camera = (0, _sortableElement["default"])(Camera);
|
61
|
-
SurveyElements.FileUpload = (0, _sortableElement["default"])(FileUpload);
|
62
|
-
SurveyElements.Range = (0, _sortableElement["default"])(Range);
|
15
|
+
SurveyElements.Header = (0, _sortableElement["default"])(_surveyElements.Header);
|
16
|
+
SurveyElements.Paragraph = (0, _sortableElement["default"])(_surveyElements.Paragraph);
|
17
|
+
SurveyElements.ContentBody = (0, _sortableElement["default"])(_surveyElements.ContentBody);
|
18
|
+
SurveyElements.Label = (0, _sortableElement["default"])(_surveyElements.Label);
|
19
|
+
SurveyElements.LineBreak = (0, _sortableElement["default"])(_surveyElements.LineBreak);
|
20
|
+
SurveyElements.TextInput = (0, _sortableElement["default"])(_surveyElements.TextInput);
|
21
|
+
SurveyElements.EmailInput = (0, _sortableElement["default"])(_surveyElements.EmailInput);
|
22
|
+
SurveyElements.PhoneNumber = (0, _sortableElement["default"])(_surveyElements.PhoneNumber);
|
23
|
+
SurveyElements.NumberInput = (0, _sortableElement["default"])(_surveyElements.NumberInput);
|
24
|
+
SurveyElements.TextArea = (0, _sortableElement["default"])(_surveyElements.TextArea);
|
25
|
+
SurveyElements.Dropdown = (0, _sortableElement["default"])(_surveyElements.Dropdown);
|
26
|
+
SurveyElements.Signature = (0, _sortableElement["default"])(_surveyElements.Signature);
|
27
|
+
SurveyElements.Checkboxes = (0, _sortableElement["default"])(_surveyElements.Checkboxes);
|
28
|
+
SurveyElements.Checkbox = (0, _sortableElement["default"])(_surveyElements.Checkbox);
|
29
|
+
SurveyElements.DatePicker = (0, _sortableElement["default"])(_surveyElements.DatePicker);
|
30
|
+
SurveyElements.RadioButtons = (0, _sortableElement["default"])(_surveyElements.RadioButtons);
|
31
|
+
SurveyElements.Image = (0, _sortableElement["default"])(_surveyElements.Image);
|
32
|
+
SurveyElements.Rating = (0, _sortableElement["default"])(_surveyElements.Rating);
|
33
|
+
SurveyElements.Tags = (0, _sortableElement["default"])(_surveyElements.Tags);
|
34
|
+
SurveyElements.HyperLink = (0, _sortableElement["default"])(_surveyElements.HyperLink);
|
35
|
+
SurveyElements.Download = (0, _sortableElement["default"])(_surveyElements.Download);
|
36
|
+
SurveyElements.Camera = (0, _sortableElement["default"])(_surveyElements.Camera);
|
37
|
+
SurveyElements.FileUpload = (0, _sortableElement["default"])(_surveyElements.FileUpload);
|
38
|
+
SurveyElements.Range = (0, _sortableElement["default"])(_surveyElements.Range);
|
63
39
|
SurveyElements.PlaceHolder = (0, _sortableElement["default"])(_surveyPlaceHolder["default"]);
|
64
40
|
SurveyElements.FieldSet = (0, _sortableElement["default"])(_fieldset.FieldSet);
|
65
41
|
SurveyElements.TwoColumnRow = (0, _sortableElement["default"])(_multiColumn.TwoColumnRow);
|
@@ -36,7 +36,7 @@ var BoxDragPreview = exports.BoxDragPreview = function BoxDragPreview(_ref2) {
|
|
36
36
|
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
37
37
|
tickTock = _React$useState2[0],
|
38
38
|
setTickTock = _React$useState2[1];
|
39
|
-
var text = item.
|
39
|
+
var text = item.data.content ? item.data.content : item.data.label ? item.data.label : item.data.text;
|
40
40
|
var isLongText = text.length > 20;
|
41
41
|
var previewText = isLongText ? "".concat(text.slice(0, 20), "...") : text;
|
42
42
|
|