react-survey-builder 1.0.17 → 1.0.19
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 +10 -10
- package/dist/186.index.js +1 -1
- package/dist/index.js +1 -1
- package/lib/index.js +8 -3
- package/lib/language-provider/locales/en-us.json +2 -1
- package/lib/sortable-form-elements.js +2 -0
- package/lib/survey-elements/component-label.js +3 -0
- package/lib/survey-elements/index.js +143 -114
- package/lib/survey-elements/myxss.js +68 -1
- package/lib/survey-elements-edit.js +75 -8
- package/lib/toolbar.js +17 -2
- package/package.json +1 -1
- package/types/index.d.ts +6 -0
package/lib/index.js
CHANGED
@@ -92,7 +92,8 @@ var ReactSurveyBuilder = exports.ReactSurveyBuilder = /*#__PURE__*/function (_Re
|
|
92
92
|
}, {
|
93
93
|
key: "render",
|
94
94
|
value: function render() {
|
95
|
-
var _this$props$
|
95
|
+
var _this$props$editSurve,
|
96
|
+
_this$props$surveyNam,
|
96
97
|
_this2 = this,
|
97
98
|
_this$props$saveSurve;
|
98
99
|
var toolbarProps = {
|
@@ -132,14 +133,18 @@ var ReactSurveyBuilder = exports.ReactSurveyBuilder = /*#__PURE__*/function (_Re
|
|
132
133
|
saveAlways: this.props.saveAlways
|
133
134
|
})), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
|
134
135
|
md: 3
|
136
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
137
|
+
className: this.props.surveyToolbarClassName
|
135
138
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
136
139
|
className: "border border-light border-3 p-3 d-grid gap-1 mb-3"
|
137
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h4", null, (_this$props$surveyNam = this.props.surveyName) !== null && _this$props$surveyNam !== void 0 ? _this$props$surveyNam : 'Preview')), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
|
140
|
+
}, (_this$props$editSurve = this.props.editSurveyBlock) !== null && _this$props$editSurve !== void 0 ? _this$props$editSurve : /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h4", null, (_this$props$surveyNam = this.props.surveyName) !== null && _this$props$surveyNam !== void 0 ? _this$props$surveyNam : 'Preview')), !!!this.props.saveAlways && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
|
138
141
|
variant: "primary",
|
139
142
|
onClick: function onClick() {
|
140
143
|
_this2.saveFormData();
|
141
144
|
}
|
142
|
-
}, (_this$props$saveSurve = this.props.saveSurveyName) !== null && _this$props$saveSurve !== void 0 ? _this$props$saveSurve : 'Save Survey')), /*#__PURE__*/_react["default"].createElement(
|
145
|
+
}, (_this$props$saveSurve = this.props.saveSurveyName) !== null && _this$props$saveSurve !== void 0 ? _this$props$saveSurve : 'Save Survey')), this.props.previewSurveyBlock ? /*#__PURE__*/_react["default"].createElement("div", {
|
146
|
+
className: "border border-light border-3 p-3 d-grid gap-1 mb-3"
|
147
|
+
}, this.props.previewSurveyBlock) : null), /*#__PURE__*/_react["default"].createElement(_toolbar["default"], (0, _extends2["default"])({}, toolbarProps, {
|
143
148
|
customItems: this.props.customToolbarItems
|
144
149
|
}))))))));
|
145
150
|
}
|
@@ -50,10 +50,11 @@
|
|
50
50
|
"place-holder-tag-1": "Place holder option 1",
|
51
51
|
"place-holder-tag-2": "Place holder option 2",
|
52
52
|
"place-holder-tag-3": "Place holder option 3",
|
53
|
-
"toolbox": "Toolbox",
|
53
|
+
"toolbox": "Survey Blocks Toolbox",
|
54
54
|
"header-text": "Header Text",
|
55
55
|
"label": "Label",
|
56
56
|
"paragraph": "Paragraph",
|
57
|
+
"content-body": "Static Content",
|
57
58
|
"line-break": "Line Break",
|
58
59
|
"dropdown": "Dropdown",
|
59
60
|
"tags": "Tags",
|
@@ -13,6 +13,7 @@ var _fieldset = require("./fieldset");
|
|
13
13
|
var _customElement = _interopRequireDefault(require("./survey-elements/custom-element"));
|
14
14
|
var Header = _surveyElements["default"].Header,
|
15
15
|
Paragraph = _surveyElements["default"].Paragraph,
|
16
|
+
ContentBody = _surveyElements["default"].ContentBody,
|
16
17
|
Label = _surveyElements["default"].Label,
|
17
18
|
LineBreak = _surveyElements["default"].LineBreak,
|
18
19
|
TextInput = _surveyElements["default"].TextInput,
|
@@ -37,6 +38,7 @@ var Header = _surveyElements["default"].Header,
|
|
37
38
|
var SurveyElements = {};
|
38
39
|
SurveyElements.Header = (0, _sortableElement["default"])(Header);
|
39
40
|
SurveyElements.Paragraph = (0, _sortableElement["default"])(Paragraph);
|
41
|
+
SurveyElements.ContentBody = (0, _sortableElement["default"])(ContentBody);
|
40
42
|
SurveyElements.Label = (0, _sortableElement["default"])(Label);
|
41
43
|
SurveyElements.LineBreak = (0, _sortableElement["default"])(LineBreak);
|
42
44
|
SurveyElements.TextInput = (0, _sortableElement["default"])(TextInput);
|
@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _myxss = _interopRequireDefault(require("./myxss"));
|
10
10
|
var _reactBootstrap = require("react-bootstrap");
|
11
11
|
var ComponentLabel = function ComponentLabel(_ref) {
|
12
|
+
var _item$hideLabel;
|
12
13
|
var item = _ref.item,
|
13
14
|
className = _ref.className,
|
14
15
|
htmlFor = _ref.htmlFor;
|
@@ -19,6 +20,8 @@ var ComponentLabel = function ComponentLabel(_ref) {
|
|
19
20
|
}
|
20
21
|
labelText = "".concat(labelText).concat(hasRequiredLabel ? '*' : '');
|
21
22
|
var hideRequiredAlert = item.hideRequiredAlert;
|
23
|
+
var hideLabel = (_item$hideLabel = item.hideLabel) !== null && _item$hideLabel !== void 0 ? _item$hideLabel : false;
|
24
|
+
if (hideLabel) return null;
|
22
25
|
return /*#__PURE__*/_react["default"].createElement("label", {
|
23
26
|
className: className || '',
|
24
27
|
htmlFor: htmlFor
|