react-survey-builder 1.0.43 → 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.
@@ -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 _reactBootstrap = require("react-bootstrap");
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(_reactBootstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
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(_reactBootstrap.Col, {
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(_reactBootstrap.Col, {
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(_reactBootstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
128
+ }, /*#__PURE__*/_react["default"].createElement(_esm.Row, null, /*#__PURE__*/_react["default"].createElement(_esm.Col, {
129
129
  sm: 6
130
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
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(_reactBootstrap.Col, {
141
+ })), _this2.props.canHaveOptionValue && /*#__PURE__*/_react["default"].createElement(_esm.Col, {
142
142
  sm: 2
143
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
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(_reactBootstrap.Col, {
148
+ })), _this2.props.canHaveOptionValue && _this2.props.canHaveOptionCorrect && /*#__PURE__*/_react["default"].createElement(_esm.Col, {
149
149
  sm: 1
150
- }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
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(_reactBootstrap.Col, {
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(_reactBootstrap.Button, {
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(_reactBootstrap.Button, {
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))))));
@@ -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 _reactBootstrap = require("react-bootstrap");
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(_reactBootstrap.Container, {
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(_reactBootstrap.Row, null, childItems === null || childItems === void 0 ? void 0 : childItems.map(function (x, i) {
104
- return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
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"], {
@@ -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 _reactBootstrap = require("react-bootstrap");
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(_reactBootstrap.Button, {
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(_reactBootstrap.Button, {
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(_reactBootstrap.Form, (0, _extends2["default"])({
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 _reactBootstrap = require("react-bootstrap");
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(_reactBootstrap.Button, {
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(_reactBootstrap.Button, {
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(_reactBootstrap.Form, (0, _extends2["default"])({
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 _reactBootstrap = require("react-bootstrap");
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(_reactBootstrap.Container, {
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(_reactBootstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
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(_reactBootstrap.Col, {
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(_reactBootstrap.Button, {
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 _reactBootstrap = require("react-bootstrap");
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(_reactBootstrap.Row, null, childItems.map(function (x, i) {
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 _reactBootstrap = require("react-bootstrap");
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(_reactBootstrap.Alert, {
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(_reactBootstrap.Alert, {
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 _reactBootstrap = require("react-bootstrap");
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(_reactBootstrap.Form.Group, {
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(_reactBootstrap.Form.Text, {
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 _reactBootstrap = require("react-bootstrap");
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(_reactBootstrap.ButtonToolbar, {
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(_reactBootstrap.Badge, {
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(_reactBootstrap.Button, {
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(_reactBootstrap.Button, {
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)