react-survey-builder 1.0.42 → 1.0.44
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/dynamic-option-list.js +13 -13
- package/lib/fieldset/index.js +4 -4
- package/lib/form-fields.js +4 -4
- package/lib/form.js +4 -4
- package/lib/index.js +6 -8
- package/lib/multi-column/MultiColumnRow.js +2 -2
- package/lib/survey-elements/component-error-message.js +3 -3
- package/lib/survey-elements/custom-element.js +3 -3
- package/lib/survey-elements/header-bar.js +5 -5
- package/lib/survey-elements/index.js +184 -123
- package/lib/survey-elements-edit.js +92 -92
- package/lib/survey-validator.js +3 -3
- package/lib/toolbar-group-item.js +2 -2
- package/package.json +4 -4
@@ -12,7 +12,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
12
12
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
14
14
|
var _fa = require("react-icons/fa");
|
15
|
-
var
|
15
|
+
var _esm = require("react-bootstrap/esm");
|
16
16
|
var _functions = require("./functions");
|
17
17
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
18
18
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
@@ -113,11 +113,11 @@ var DynamicOptionList = exports["default"] = /*#__PURE__*/function (_React$Compo
|
|
113
113
|
}
|
114
114
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
115
115
|
className: "dynamic-option-list"
|
116
|
-
}, /*#__PURE__*/_react["default"].createElement("ul", null, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(
|
116
|
+
}, /*#__PURE__*/_react["default"].createElement("ul", null, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_esm.Row, null, /*#__PURE__*/_react["default"].createElement(_esm.Col, {
|
117
117
|
sm: 6
|
118
|
-
}, /*#__PURE__*/_react["default"].createElement("b", null, "Options")), this.props.canHaveOptionValue && /*#__PURE__*/_react["default"].createElement(
|
118
|
+
}, /*#__PURE__*/_react["default"].createElement("b", null, "Options")), this.props.canHaveOptionValue && /*#__PURE__*/_react["default"].createElement(_esm.Col, {
|
119
119
|
sm: 2
|
120
|
-
}, /*#__PURE__*/_react["default"].createElement("b", null, "Value")), this.props.canHaveOptionValue && this.props.canHaveOptionCorrect && /*#__PURE__*/_react["default"].createElement(
|
120
|
+
}, /*#__PURE__*/_react["default"].createElement("b", null, "Value")), this.props.canHaveOptionValue && this.props.canHaveOptionCorrect && /*#__PURE__*/_react["default"].createElement(_esm.Col, {
|
121
121
|
sm: 4
|
122
122
|
}, /*#__PURE__*/_react["default"].createElement("b", null, "Correct")))), this.props.element.options.map(function (option, index) {
|
123
123
|
var thisKey = "edit_".concat(option.key);
|
@@ -125,9 +125,9 @@ var DynamicOptionList = exports["default"] = /*#__PURE__*/function (_React$Compo
|
|
125
125
|
return /*#__PURE__*/_react["default"].createElement("li", {
|
126
126
|
className: "clearfix",
|
127
127
|
key: thisKey
|
128
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
128
|
+
}, /*#__PURE__*/_react["default"].createElement(_esm.Row, null, /*#__PURE__*/_react["default"].createElement(_esm.Col, {
|
129
129
|
sm: 6
|
130
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
130
|
+
}, /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, {
|
131
131
|
tabIndex: index + 1,
|
132
132
|
style: {
|
133
133
|
width: '100%'
|
@@ -138,28 +138,28 @@ var DynamicOptionList = exports["default"] = /*#__PURE__*/function (_React$Compo
|
|
138
138
|
value: option.text,
|
139
139
|
onBlur: _this2.updateOption.bind(_this2),
|
140
140
|
onChange: _this2.editOption.bind(_this2, index)
|
141
|
-
})), _this2.props.canHaveOptionValue && /*#__PURE__*/_react["default"].createElement(
|
141
|
+
})), _this2.props.canHaveOptionValue && /*#__PURE__*/_react["default"].createElement(_esm.Col, {
|
142
142
|
sm: 2
|
143
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
143
|
+
}, /*#__PURE__*/_react["default"].createElement(_esm.Form.Control, {
|
144
144
|
type: "text",
|
145
145
|
name: "value_".concat(index),
|
146
146
|
value: val,
|
147
147
|
onChange: _this2.editValue.bind(_this2, index)
|
148
|
-
})), _this2.props.canHaveOptionValue && _this2.props.canHaveOptionCorrect && /*#__PURE__*/_react["default"].createElement(
|
148
|
+
})), _this2.props.canHaveOptionValue && _this2.props.canHaveOptionCorrect && /*#__PURE__*/_react["default"].createElement(_esm.Col, {
|
149
149
|
sm: 1
|
150
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
150
|
+
}, /*#__PURE__*/_react["default"].createElement(_esm.Form.Check, {
|
151
151
|
type: "checkbox",
|
152
152
|
value: "1",
|
153
153
|
onChange: _this2.editOptionCorrect.bind(_this2, index),
|
154
154
|
checked: option.hasOwnProperty('correct')
|
155
|
-
})), /*#__PURE__*/_react["default"].createElement(
|
155
|
+
})), /*#__PURE__*/_react["default"].createElement(_esm.Col, {
|
156
156
|
sm: 3
|
157
157
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
158
158
|
className: "dynamic-options-actions-buttons"
|
159
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
159
|
+
}, /*#__PURE__*/_react["default"].createElement(_esm.Button, {
|
160
160
|
variant: "success",
|
161
161
|
onClick: _this2.addOption.bind(_this2, index)
|
162
|
-
}, /*#__PURE__*/_react["default"].createElement(_fa.FaPlusCircle, null)), index > 0 && /*#__PURE__*/_react["default"].createElement(
|
162
|
+
}, /*#__PURE__*/_react["default"].createElement(_fa.FaPlusCircle, null)), index > 0 && /*#__PURE__*/_react["default"].createElement(_esm.Button, {
|
163
163
|
variant: "danger",
|
164
164
|
onClick: _this2.removeOption.bind(_this2, index)
|
165
165
|
}, /*#__PURE__*/_react["default"].createElement(_fa.FaMinusCircle, null))))));
|
package/lib/fieldset/index.js
CHANGED
@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
var _componentHeader = _interopRequireDefault(require("../survey-elements/component-header"));
|
14
14
|
var _dustbin = _interopRequireDefault(require("../multi-column/dustbin"));
|
15
15
|
var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
|
16
|
-
var
|
16
|
+
var _esm = require("react-bootstrap/esm");
|
17
17
|
var _myxss = _interopRequireDefault(require("../survey-elements/myxss"));
|
18
18
|
var _excluded = ["item", "className"]; // import FieldSet from './FieldSet';
|
19
19
|
// export { FieldSet };
|
@@ -98,10 +98,10 @@ var FieldSet = function FieldSet(props) {
|
|
98
98
|
className: baseClasses
|
99
99
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], (0, _extends2["default"])({}, props, {
|
100
100
|
isFieldSet: true
|
101
|
-
})), /*#__PURE__*/_react["default"].createElement("fieldset", null, /*#__PURE__*/_react["default"].createElement(ComponentLegend, props), /*#__PURE__*/_react["default"].createElement(
|
101
|
+
})), /*#__PURE__*/_react["default"].createElement("fieldset", null, /*#__PURE__*/_react["default"].createElement(ComponentLegend, props), /*#__PURE__*/_react["default"].createElement(_esm.Container, {
|
102
102
|
fluid: true
|
103
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
104
|
-
return /*#__PURE__*/_react["default"].createElement(
|
103
|
+
}, /*#__PURE__*/_react["default"].createElement(_esm.Row, null, childItems === null || childItems === void 0 ? void 0 : childItems.map(function (x, i) {
|
104
|
+
return /*#__PURE__*/_react["default"].createElement(_esm.Col, {
|
105
105
|
key: "".concat(i, "_").concat(x || "_"),
|
106
106
|
md: 12
|
107
107
|
}, controls ? controls[i] : /*#__PURE__*/_react["default"].createElement(_dustbin["default"], {
|
package/lib/form-fields.js
CHANGED
@@ -16,7 +16,7 @@ var _multiColumn = require("./multi-column");
|
|
16
16
|
var _fieldset = _interopRequireDefault(require("./fieldset"));
|
17
17
|
var _customElement = _interopRequireDefault(require("./survey-elements/custom-element"));
|
18
18
|
var _registry = _interopRequireDefault(require("./stores/registry"));
|
19
|
-
var
|
19
|
+
var _esm = require("react-bootstrap/esm");
|
20
20
|
var _reactHookForm = require("react-hook-form");
|
21
21
|
var _lodash = require("lodash");
|
22
22
|
var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
@@ -536,14 +536,14 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
536
536
|
if (formId) {
|
537
537
|
buttonProps.form = formId;
|
538
538
|
}
|
539
|
-
return submitButton || /*#__PURE__*/_react["default"].createElement(
|
539
|
+
return submitButton || /*#__PURE__*/_react["default"].createElement(_esm.Button, {
|
540
540
|
variant: "primary",
|
541
541
|
type: "submit"
|
542
542
|
}, actionName);
|
543
543
|
};
|
544
544
|
var handleRenderBack = function handleRenderBack() {
|
545
545
|
var backName = backName || 'Cancel';
|
546
|
-
return backButton || /*#__PURE__*/_react["default"].createElement(
|
546
|
+
return backButton || /*#__PURE__*/_react["default"].createElement(_esm.Button, {
|
547
547
|
variant: "secondary",
|
548
548
|
onClick: backAction,
|
549
549
|
className: "btn-cancel"
|
@@ -774,7 +774,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
|
|
774
774
|
}
|
775
775
|
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
|
776
776
|
className: "react-survey-builder-form"
|
777
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactHookForm.FormProvider, methods, /*#__PURE__*/_react["default"].createElement(
|
777
|
+
}, /*#__PURE__*/_react["default"].createElement(_reactHookForm.FormProvider, methods, /*#__PURE__*/_react["default"].createElement(_esm.Form, (0, _extends2["default"])({
|
778
778
|
onSubmit: methods.handleSubmit(handleSubmit)
|
779
779
|
}, formProps), fieldItems, /*#__PURE__*/_react["default"].createElement("div", {
|
780
780
|
className: buttonClassName ? buttonClassName : 'btn-toolbar'
|
package/lib/form.js
CHANGED
@@ -16,7 +16,7 @@ var _multiColumn = require("./multi-column");
|
|
16
16
|
var _fieldset = _interopRequireDefault(require("./fieldset"));
|
17
17
|
var _customElement = _interopRequireDefault(require("./survey-elements/custom-element"));
|
18
18
|
var _registry = _interopRequireDefault(require("./stores/registry"));
|
19
|
-
var
|
19
|
+
var _esm = require("react-bootstrap/esm");
|
20
20
|
var _reactHookForm = require("react-hook-form");
|
21
21
|
var _lodash = require("lodash");
|
22
22
|
var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
@@ -544,14 +544,14 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
544
544
|
if (formId) {
|
545
545
|
buttonProps.form = formId;
|
546
546
|
}
|
547
|
-
return submitButton || /*#__PURE__*/_react["default"].createElement(
|
547
|
+
return submitButton || /*#__PURE__*/_react["default"].createElement(_esm.Button, {
|
548
548
|
variant: "primary",
|
549
549
|
type: "submit"
|
550
550
|
}, actionName);
|
551
551
|
};
|
552
552
|
var handleRenderBack = function handleRenderBack() {
|
553
553
|
var backName = backName || 'Cancel';
|
554
|
-
return backButton || /*#__PURE__*/_react["default"].createElement(
|
554
|
+
return backButton || /*#__PURE__*/_react["default"].createElement(_esm.Button, {
|
555
555
|
variant: "secondary",
|
556
556
|
onClick: backAction,
|
557
557
|
className: "btn-cancel"
|
@@ -782,7 +782,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
|
|
782
782
|
}
|
783
783
|
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
|
784
784
|
className: "react-survey-builder-form"
|
785
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactHookForm.FormProvider, methods, /*#__PURE__*/_react["default"].createElement(
|
785
|
+
}, /*#__PURE__*/_react["default"].createElement(_reactHookForm.FormProvider, methods, /*#__PURE__*/_react["default"].createElement(_esm.Form, (0, _extends2["default"])({
|
786
786
|
onSubmit: methods.handleSubmit(handleSubmit)
|
787
787
|
}, formProps), fieldItems, /*#__PURE__*/_react["default"].createElement("div", {
|
788
788
|
className: buttonClassName ? buttonClassName : 'btn-toolbar'
|
package/lib/index.js
CHANGED
@@ -36,11 +36,9 @@ var _form = _interopRequireDefault(require("./form"));
|
|
36
36
|
var _formFields = _interopRequireDefault(require("./form-fields"));
|
37
37
|
var _store = _interopRequireDefault(require("./stores/store"));
|
38
38
|
var _registry = _interopRequireDefault(require("./stores/registry"));
|
39
|
-
var
|
39
|
+
var _esm = require("react-bootstrap/esm");
|
40
40
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
41
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
42
|
-
* <ReactSurveyBuilder />
|
43
|
-
*/
|
41
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
44
42
|
var ReactSurveyBuilder = exports.ReactSurveyBuilder = /*#__PURE__*/function (_React$Component) {
|
45
43
|
(0, _inherits2["default"])(ReactSurveyBuilder, _React$Component);
|
46
44
|
var _super = _createSuper(ReactSurveyBuilder);
|
@@ -101,10 +99,10 @@ var ReactSurveyBuilder = exports.ReactSurveyBuilder = /*#__PURE__*/function (_Re
|
|
101
99
|
}
|
102
100
|
return /*#__PURE__*/_react["default"].createElement(_reactDnd.DndProvider, {
|
103
101
|
backend: _reactDndHtml5Backend.HTML5Backend
|
104
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(
|
102
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_esm.Container, {
|
105
103
|
fluid: true,
|
106
104
|
className: "react-survey-builder"
|
107
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
105
|
+
}, /*#__PURE__*/_react["default"].createElement(_esm.Row, null, /*#__PURE__*/_react["default"].createElement(_esm.Col, {
|
108
106
|
md: 9
|
109
107
|
}, /*#__PURE__*/_react["default"].createElement(_preview["default"], {
|
110
108
|
files: this.props.files,
|
@@ -123,13 +121,13 @@ var ReactSurveyBuilder = exports.ReactSurveyBuilder = /*#__PURE__*/function (_Re
|
|
123
121
|
editElement: this.state.editElement,
|
124
122
|
renderEditForm: this.props.renderEditForm,
|
125
123
|
saveAlways: this.props.saveAlways
|
126
|
-
})), /*#__PURE__*/_react["default"].createElement(
|
124
|
+
})), /*#__PURE__*/_react["default"].createElement(_esm.Col, {
|
127
125
|
md: 3
|
128
126
|
}, (!!!this.props.saveAlways || this.props.editSurveyBlock || this.props.previewSurveyBlock || this.props.surveyName) && /*#__PURE__*/_react["default"].createElement("div", {
|
129
127
|
className: this.props.surveyToolbarClassName
|
130
128
|
}, (!!!this.props.saveAlways || this.props.editSurveyBlock || this.props.surveyName) && /*#__PURE__*/_react["default"].createElement("div", {
|
131
129
|
className: "border border-light border-3 p-3 d-grid gap-1 mb-3"
|
132
|
-
}, (_this$props$editSurve = this.props.editSurveyBlock) !== null && _this$props$editSurve !== void 0 ? _this$props$editSurve : this.props.surveyName ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h4", null, this.props.surveyName)) : null, !!!this.props.saveAlways && /*#__PURE__*/_react["default"].createElement(
|
130
|
+
}, (_this$props$editSurve = this.props.editSurveyBlock) !== null && _this$props$editSurve !== void 0 ? _this$props$editSurve : this.props.surveyName ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h4", null, this.props.surveyName)) : null, !!!this.props.saveAlways && /*#__PURE__*/_react["default"].createElement(_esm.Button, {
|
133
131
|
variant: "primary",
|
134
132
|
onClick: function onClick() {
|
135
133
|
_this2.saveFormData();
|
@@ -18,7 +18,7 @@ var _componentHeader = _interopRequireDefault(require("../survey-elements/compon
|
|
18
18
|
var _componentLabel = _interopRequireDefault(require("../survey-elements/component-label"));
|
19
19
|
var _dustbin = _interopRequireDefault(require("./dustbin"));
|
20
20
|
var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
|
21
|
-
var
|
21
|
+
var _esm = require("react-bootstrap/esm");
|
22
22
|
var _excluded = ["item", "className"],
|
23
23
|
_excluded2 = ["item", "className"],
|
24
24
|
_excluded3 = ["item"];
|
@@ -56,7 +56,7 @@ var MultiColumnRowBase = /*#__PURE__*/function (_React$Component) {
|
|
56
56
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
57
57
|
style: _objectSpread({}, this.props.style),
|
58
58
|
className: baseClasses
|
59
|
-
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement(
|
59
|
+
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement(_esm.Row, null, childItems.map(function (x, i) {
|
60
60
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
61
61
|
key: "".concat(i, "_").concat(x || '_'),
|
62
62
|
className: className
|
@@ -9,7 +9,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
10
10
|
var _reactHookForm = require("react-hook-form");
|
11
11
|
var _errorMessage = require("@hookform/error-message");
|
12
|
-
var
|
12
|
+
var _esm = require("react-bootstrap/esm");
|
13
13
|
var getError = exports.getError = function getError(errors, name) {
|
14
14
|
if (name !== undefined && errors !== undefined) {
|
15
15
|
var obj = errors;
|
@@ -42,14 +42,14 @@ var ComponentErrorMessage = function ComponentErrorMessage(_ref) {
|
|
42
42
|
var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
|
43
43
|
type = _ref4[0],
|
44
44
|
message = _ref4[1];
|
45
|
-
return /*#__PURE__*/_react["default"].createElement(
|
45
|
+
return /*#__PURE__*/_react["default"].createElement(_esm.Alert, {
|
46
46
|
key: "".concat(name, "-").concat(type),
|
47
47
|
variant: "danger",
|
48
48
|
className: "form-error"
|
49
49
|
}, message);
|
50
50
|
});
|
51
51
|
} else if (message !== undefined && message !== null && message !== '') {
|
52
|
-
return /*#__PURE__*/_react["default"].createElement(
|
52
|
+
return /*#__PURE__*/_react["default"].createElement(_esm.Alert, {
|
53
53
|
variant: "danger",
|
54
54
|
className: "form-error"
|
55
55
|
}, message);
|
@@ -15,7 +15,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
15
15
|
var _react = _interopRequireDefault(require("react"));
|
16
16
|
var _componentHeader = _interopRequireDefault(require("./component-header"));
|
17
17
|
var _componentLabel = _interopRequireDefault(require("./component-label"));
|
18
|
-
var
|
18
|
+
var _esm = require("react-bootstrap/esm");
|
19
19
|
var _componentErrorMessage = _interopRequireDefault(require("./component-error-message"));
|
20
20
|
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; }
|
21
21
|
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; }
|
@@ -58,7 +58,7 @@ var CustomElement = /*#__PURE__*/function (_React$Component) {
|
|
58
58
|
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), bare ? /*#__PURE__*/_react["default"].createElement(Element, (0, _extends2["default"])({
|
59
59
|
id: props.name,
|
60
60
|
item: this.props.item
|
61
|
-
}, this.props.item.props, props)) : /*#__PURE__*/_react["default"].createElement(
|
61
|
+
}, this.props.item.props, props)) : /*#__PURE__*/_react["default"].createElement(_esm.Form.Group, {
|
62
62
|
className: "form-group mb-3"
|
63
63
|
}, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], (0, _extends2["default"])({
|
64
64
|
className: "form-label"
|
@@ -67,7 +67,7 @@ var CustomElement = /*#__PURE__*/function (_React$Component) {
|
|
67
67
|
})), /*#__PURE__*/_react["default"].createElement(Element, (0, _extends2["default"])({
|
68
68
|
id: props.name,
|
69
69
|
item: this.props.item
|
70
|
-
}, this.props.item.props, props)), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(
|
70
|
+
}, this.props.item.props, props)), this.props.item.help ? /*#__PURE__*/_react["default"].createElement(_esm.Form.Text, {
|
71
71
|
muted: true
|
72
72
|
}, this.props.item.help) : null, /*#__PURE__*/_react["default"].createElement(_componentErrorMessage["default"], {
|
73
73
|
name: props.name
|
@@ -13,7 +13,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
14
14
|
var _componentDragHandle = _interopRequireDefault(require("./component-drag-handle"));
|
15
15
|
var _fa = require("react-icons/fa");
|
16
|
-
var
|
16
|
+
var _esm = require("react-bootstrap/esm");
|
17
17
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
18
18
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /**
|
19
19
|
* <HeaderBar />
|
@@ -28,19 +28,19 @@ var HeaderBar = exports["default"] = /*#__PURE__*/function (_React$Component) {
|
|
28
28
|
(0, _createClass2["default"])(HeaderBar, [{
|
29
29
|
key: "render",
|
30
30
|
value: function render() {
|
31
|
-
return /*#__PURE__*/_react["default"].createElement(
|
31
|
+
return /*#__PURE__*/_react["default"].createElement(_esm.ButtonToolbar, {
|
32
32
|
className: "d-flex toolbar-header align-items-center justify-content-between p-2"
|
33
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
33
|
+
}, /*#__PURE__*/_react["default"].createElement(_esm.Badge, {
|
34
34
|
bg: "secondary"
|
35
35
|
}, this.props.item.text), /*#__PURE__*/_react["default"].createElement("div", {
|
36
36
|
className: "toolbar-header-buttons"
|
37
|
-
}, this.props.item.element !== 'LineBreak' && /*#__PURE__*/_react["default"].createElement(
|
37
|
+
}, this.props.item.element !== 'LineBreak' && /*#__PURE__*/_react["default"].createElement(_esm.Button, {
|
38
38
|
variant: "default",
|
39
39
|
className: "is-isolated",
|
40
40
|
onClick: this.props.editModeOn.bind(this.props.parent, this.props.item)
|
41
41
|
}, /*#__PURE__*/_react["default"].createElement(_fa.FaEdit, {
|
42
42
|
className: "is-isolated"
|
43
|
-
})), /*#__PURE__*/_react["default"].createElement(
|
43
|
+
})), /*#__PURE__*/_react["default"].createElement(_esm.Button, {
|
44
44
|
variant: "default",
|
45
45
|
className: "is-isolated",
|
46
46
|
onClick: this.props.onDestroy.bind(this, this.props.item)
|