react-survey-builder 1.0.104 → 1.0.105
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.
@@ -25,7 +25,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
25
25
|
\**************************************/
|
26
26
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
27
27
|
|
28
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_textarea_autosize__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-textarea-autosize */ \"./node_modules/react-textarea-autosize/dist/react-textarea-autosize.browser.development.esm.js\");\n/* harmony import */ var draft_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! draft-js */ \"./node_modules/draft-js/lib/Draft.js\");\n/* harmony import */ var draft_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(draft_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var draftjs_to_html__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! draftjs-to-html */ \"./node_modules/draftjs-to-html/lib/draftjs-to-html.js\");\n/* harmony import */ var draftjs_to_html__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(draftjs_to_html__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _dynamic_option_list__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dynamic-option-list */ \"./src/dynamic-option-list.jsx\");\n/* harmony import */ var _stores_requests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./stores/requests */ \"./src/stores/requests.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Row.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Col.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_simple_wysiwyg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-simple-wysiwyg */ \"./node_modules/react-simple-wysiwyg/lib/index.es.mjs\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nvar _excluded = [\"containerProps\", \"onChange\", \"onBlur\", \"value\", \"name\"];\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction 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; }\nfunction _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) { _defineProperty(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; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }\n\n\n\n\n\n\n\n\n\n\n\nvar CustomWysiwygInput = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {\n var containerProps = _ref.containerProps,\n onChange = _ref.onChange,\n onBlur = _ref.onBlur,\n value = _ref.value,\n name = _ref.name,\n otherProps = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_simple_wysiwyg__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({}, otherProps, {\n onBlur: onBlur,\n value: value,\n name: name,\n onChange: onChange,\n containerProps: containerProps\n }));\n});\nvar SurveyElementsEdit = function SurveyElementsEdit(_ref2) {\n var _element$options;\n var element = _ref2.element,\n setElement = _ref2.setElement,\n _ref2$files = _ref2.files,\n files = _ref2$files === void 0 ? [] : _ref2$files,\n _ref2$showCorrectColu = _ref2.showCorrectColumn,\n showCorrectColumn = _ref2$showCorrectColu === void 0 ? false : _ref2$showCorrectColu,\n _ref2$showDescription = _ref2.showDescription,\n showDescription = _ref2$showDescription === void 0 ? false : _ref2$showDescription,\n manualEditModeOff = _ref2.manualEditModeOff,\n updateElement = _ref2.updateElement;\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n dirty = _React$useState2[0],\n setDirty = _React$useState2[1];\n var toggleRequired = function toggleRequired() {\n // const thisElement = isObjectNotEmpty(element) ? { ...element } : {};\n };\n var editElementProp = function editElementProp(elementProperty, targetProperty, e) {\n // elemProperty could be content or label\n // targProperty could be value or checked\n var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n thisElement[elementProperty] = e.target[targetProperty];\n setElement(thisElement);\n setDirty(true);\n if (targetProperty === 'checked') {\n onUpdateElement();\n }\n };\n var onEditorStateChange = function onEditorStateChange(index, property, editorContent) {\n var html = draftjs_to_html__WEBPACK_IMPORTED_MODULE_2___default()((0,draft_js__WEBPACK_IMPORTED_MODULE_1__.convertToRaw)(editorContent.getCurrentContent())).replace(/ /g, ' ').replace(/(?:\\r\\n|\\r|\\n)/g, '');\n var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n thisElement[property] = html;\n setElement(thisElement);\n setDirty(true);\n };\n var onUpdateElement = function onUpdateElement() {\n var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n // to prevent ajax calls with no change\n if (dirty) {\n updateElement(thisElement);\n setDirty(false);\n }\n };\n var convertFromHTML = function convertFromHTML(content) {\n var newContent = (0,draft_js__WEBPACK_IMPORTED_MODULE_1__.convertFromHTML)(content);\n if (!newContent.contentBlocks || !newContent.contentBlocks.length) {\n // to prevent crash when no contents in editor\n return draft_js__WEBPACK_IMPORTED_MODULE_1__.EditorState.createEmpty();\n }\n var contentState = draft_js__WEBPACK_IMPORTED_MODULE_1__.ContentState.createFromBlockArray(newContent);\n return draft_js__WEBPACK_IMPORTED_MODULE_1__.EditorState.createWithContent(contentState);\n };\n var addOptions = function addOptions() {\n var optionsApiUrl = document.getElementById('optionsApiUrl').value;\n if (optionsApiUrl) {\n (0,_stores_requests__WEBPACK_IMPORTED_MODULE_4__.get)(optionsApiUrl).then(function (data) {\n var options = [];\n data.forEach(function (dataOption) {\n // eslint-disable-next-line no-param-reassign\n dataOption.key = _UUID__WEBPACK_IMPORTED_MODULE_6___default().uuid();\n options.push(dataOption);\n });\n var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n thisElement.options = options;\n setElement(thisElement);\n setDirty(true);\n });\n }\n };\n\n // React.useEffect(() => {\n // \tif (dirty) {\n // \t\tconst thisElement = isObjectNotEmpty(element) ? { ...element, dirty: true } : { dirty: true };\n\n // \t\tupdateElement(thisElement);\n // \t}\n // }, [dirty, element]);\n\n var thisRequiredChecked = element.hasOwnProperty('required') ? element.required : false;\n var thisDefaultChecked = element.hasOwnProperty('defaultChecked') ? element.defaultChecked : false;\n var thisReadOnly = element.hasOwnProperty('readOnly') ? element.readOnly : false;\n var thisDefaultToday = element.hasOwnProperty('defaultToday') ? element.defaultToday : false;\n var thisCheckedInline = element.hasOwnProperty('inline') ? element.inline : false;\n var thisCheckedBold = element.hasOwnProperty('bold') ? element.bold : false;\n var thisCheckedItalic = element.hasOwnProperty('italic') ? element.italic : false;\n var thisCheckedCenter = element.hasOwnProperty('center') ? element.center : false;\n var thisCheckedPageBreak = element.hasOwnProperty('pageBreakBefore') ? element.pageBreakBefore : false;\n var thisCheckedAlternateForm = element.hasOwnProperty('alternateForm') ? element.alternateForm : false;\n var thisCheckedHideLabel = element.hasOwnProperty('hideLabel') ? element.hideLabel : false;\n var thisCheckedConditional = element.hasOwnProperty('conditional') ? element.conditional : false;\n var thisCheckedHideNextStepButton = element.hasOwnProperty('hideNextStepButton') ? element.hideNextStepButton : false;\n var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'ButtonList', 'Rating', 'Range'].indexOf(element.element) !== -1;\n var canHaveOptionValue = ['Dropdown', 'Tags', 'Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element) !== -1;\n var canHaveOptionCorrect = canHaveAnswer && canHaveOptionValue;\n var thisFiles = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isListNotEmpty)(files) ? _toConsumableArray(files) : [];\n if (thisFiles.length < 1 || thisFiles.length > 0 && thisFiles[0].id !== '') {\n thisFiles.unshift({\n id: '',\n file_name: ''\n });\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h4\", {\n className: \"float-start\"\n }, element.text), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_8__.FaTimes, {\n className: \"float-end dismiss-edit\",\n onClick: manualEditModeOff\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Field Id: \", element.fieldName)), element.hasOwnProperty('text') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"text\"\n }, \"Change element text (warning, this can break the question. Do NOT change if you don't know what you're doing):\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"text\",\n defaultValue: element.text,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('text', 'value', e);\n }\n })), element.hasOwnProperty('element') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"element\"\n }, \"Change element type (warning, this can break the question. Do NOT change if you don't know what you're doing):\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"element\",\n defaultValue: element.element,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('element', 'value', e);\n }\n })), element.hasOwnProperty('content') && (element.element === 'Header' || element.element === 'Label' || element.element === 'Paragraph' || element.element === 'ContentBody') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Text to display:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"content\",\n name: \"content\",\n as: CustomWysiwygInput,\n value: element.content,\n defaultValue: element.content,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('content', 'value', e);\n },\n containerProps: {\n style: {\n height: '200px',\n width: '100%',\n resize: 'vertical'\n }\n }\n })), element.hasOwnProperty('filePath') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"fileSelect\"\n }, \"Choose file:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Select, {\n id: \"fileSelect\",\n defaultValue: element.filePath,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('filePath', 'value', e);\n }\n }, thisFiles.map(function (file) {\n var thisKey = \"file_\".concat(file.id);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n value: file.id,\n key: thisKey\n }, file.file_name);\n }))), element.hasOwnProperty('href') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"href\"\n }, \"Link to:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"href\",\n type: \"text\",\n defaultValue: element.href,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('href', 'value', e);\n }\n })), element.hasOwnProperty('label') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Display Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"label\",\n name: \"label\",\n as: CustomWysiwygInput,\n value: element.label,\n defaultValue: element.label,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('label', 'value', e);\n },\n containerProps: {\n style: {\n height: '200px',\n width: '100%',\n resize: 'vertical'\n }\n }\n })), (element.hasOwnProperty('required') || element.hasOwnProperty('readOnly') || element.hasOwnProperty('defaultToday') || ['Checkboxes', 'Checkbox'].indexOf(element.element) !== -1 || (element.element === 'RadioButtons' || element.element === 'Checkboxes') && element.hasOwnProperty('inline')) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Field Properties:\"), element.hasOwnProperty('required') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"is-required\",\n label: \"Required\",\n type: \"checkbox\",\n checked: thisRequiredChecked,\n onBlur: onUpdateElement,\n value: true,\n onChange: function onChange(e) {\n editElementProp('required', 'checked', e);\n }\n }), element.hasOwnProperty('readOnly') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"is-read-only\",\n label: \"Read Only\",\n type: \"checkbox\",\n checked: thisReadOnly,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('readOnly', 'checked', e);\n }\n }), element.hasOwnProperty('defaultToday') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"is-default-to-today\",\n label: \"Default to Today\",\n type: \"checkbox\",\n checked: thisDefaultToday,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('defaultToday', 'checked', e);\n }\n }), ['Checkboxes', 'Checkbox'].indexOf(element.element) !== -1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"default-checked\",\n label: \"Default Checked\",\n type: \"checkbox\",\n checked: thisDefaultChecked,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('defaultChecked', 'checked', e);\n }\n }), (element.element === 'RadioButtons' || element.element === 'Checkboxes') && element.hasOwnProperty('inline') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"display-horizontal\",\n label: \"Display Horizontal\",\n type: \"checkbox\",\n checked: thisCheckedInline,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('inline', 'checked', e);\n }\n })), element.element === 'Checkbox' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Checkbox Label Text:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"boxLabel\",\n name: \"boxLabel\",\n as: CustomWysiwygInput,\n value: element.boxLabel,\n defaultValue: element.boxLabel,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('boxLabel', 'value', e);\n },\n containerProps: {\n style: {\n height: '200px',\n width: '100%',\n resize: 'vertical'\n }\n }\n })), element.hasOwnProperty('src') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"srcInput\"\n }, \"Link to:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"srcInput\",\n type: \"text\",\n defaultValue: element.src,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('src', 'value', e);\n }\n })), (element.element === 'Image' || element.element === 'Camera') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n sm: 3\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"do-center\"\n }, \"Alignment:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"do-center\",\n label: \"Center\",\n type: \"checkbox\",\n checked: thisCheckedCenter,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('center', 'checked', e);\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n sm: 3\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"elementWidth\"\n }, \"Width:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"elementWidth\",\n type: \"number\",\n defaultValue: element.width,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('width', 'value', e);\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n sm: 3\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"elementHeight\"\n }, \"Height:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"elementHeight\",\n type: \"number\",\n defaultValue: element.height,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('height', 'value', e);\n }\n })))), element.element === 'FileUpload' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"fileType\"\n }, \"Choose file type:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Select, {\n id: \"fileType\",\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('fileType', 'value', e);\n }\n }, [{\n type: 'image, application/pdf, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-powerpoint, application/vnd.openxmlformats-officedocument.presentationml.presentation, video/mp4,video/x-m4v,video/*',\n typeName: 'All File Type'\n }, {\n type: 'image',\n typeName: 'Image'\n }, {\n type: 'application/pdf',\n typeName: 'PDF'\n }, {\n type: 'application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n typeName: 'Word'\n }, {\n type: 'application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n typeName: 'Excel'\n }, {\n type: 'application/vnd.ms-powerpoint, application/vnd.openxmlformats-officedocument.presentationml.presentation',\n typeName: 'Powerpoint'\n }, {\n type: 'video/mp4,video/x-m4v,video/*',\n typeName: 'Videos'\n }].map(function (file, index) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n value: file.type,\n key: index\n }, file.typeName);\n }))), element.hasOwnProperty('pageBreakBefore') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Print options:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"page-break-before-element\",\n label: \"Page Break Before Element\",\n type: \"checkbox\",\n checked: thisCheckedPageBreak,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('pageBreakBefore', 'checked', e);\n }\n })), element.hasOwnProperty('alternateForm') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Alternate/Signature Page:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"display-on-alternate\",\n label: \"Display on alternate/signature Page\",\n type: \"checkbox\",\n checked: thisCheckedAlternateForm,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('alternateForm', 'checked', e);\n }\n })), element.hasOwnProperty('step') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"form-group-range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"rangeStep\"\n }, \"Step:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"rangeStep\",\n type: \"number\",\n defaultValue: element.step,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('step', 'value', e);\n }\n }))), element.hasOwnProperty('minValue') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"form-group-range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"rangeMin\"\n }, \"Min:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"rangeMin\",\n type: \"number\",\n defaultValue: element.minValue,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('minValue', 'value', e);\n }\n }))), element.hasOwnProperty('minLabel') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"form-group-range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"rangeMin\"\n }, \"Minimum Value Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n defaultValue: element.minLabel,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('minLabel', 'value', e);\n }\n }))), element.hasOwnProperty('maxValue') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"form-group-range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"rangeMax\"\n }, \"Max:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"rangeMax\",\n type: \"number\",\n defaultValue: element.maxValue,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('maxValue', 'value', e);\n }\n }))), element.hasOwnProperty('maxLabel') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"form-group-range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"rangeMax\"\n }, \"Maximum Value Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n defaultValue: element.maxLabel,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('maxLabel', 'value', e);\n }\n }))), element.hasOwnProperty('defaultValue') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"form-group-range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"defaultSelected\"\n }, \"Default Selected:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"defaultSelected\",\n type: \"number\",\n defaultValue: element.defaultValue,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('defaultValue', 'value', e);\n }\n }))), element.hasOwnProperty('static') && element[\"static\"] && element.hasOwnProperty('bold') && element.hasOwnProperty('italic') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Text Style:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"do-bold\",\n inline: true,\n label: \"Bold\",\n type: \"checkbox\",\n checked: thisCheckedBold,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('bold', 'checked', e);\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"do-italic\",\n inline: true,\n label: \"Italic\",\n type: \"checkbox\",\n checked: thisCheckedItalic,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('italic', 'checked', e);\n }\n })), element.hasOwnProperty('placeholder') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"placeholder\"\n }, \"Placeholder:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"placeholder\",\n defaultValue: element.placeholder,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('placeholder', 'value', e);\n }\n })), element.hasOwnProperty('customName') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"customName\"\n }, \"A Name To Give This Input That Will Show Up In Data Retrieval:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"customName\",\n defaultValue: element.customName,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('customName', 'value', e);\n }\n })), element.hasOwnProperty('labelLocation') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"labelLocation\"\n }, \"Choose Label Location:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Select, {\n id: \"labelLocation\",\n defaultValue: element.labelLocation,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('labelLocation', 'value', e);\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n value: \"ABOVE\"\n }, \"Above Form Field\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n value: \"FLOATING\"\n }, \"Floating Inside Form Field\"))), element.hasOwnProperty('hideLabel') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Hide Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"hide-label\",\n label: \"Hide Label\",\n type: \"checkbox\",\n checked: thisCheckedHideLabel,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('hideLabel', 'checked', e);\n }\n })), element.hasOwnProperty('rows') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"form-group-range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"rows\"\n }, \"Rows:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"rows\",\n type: \"number\",\n defaultValue: element.rows,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('rows', 'value', e);\n }\n }))), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Step is Conditional and Display is Dependent on Answers to another Survey Block:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"conditional\",\n label: \"Conditional\",\n type: \"checkbox\",\n checked: thisCheckedConditional,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('conditional', 'checked', e);\n }\n })), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"conditionalFieldName\"\n }, \"Field Name for the Dependent Survey Block:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"conditionalFieldName\",\n defaultValue: element.conditionalFieldName,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('conditionalFieldName', 'value', e);\n }\n })), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"conditionalFieldValue\"\n }, \"Value(s) for Survey Block to Display the Conditional Step:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"conditionalFieldValue\",\n defaultValue: element.conditionalFieldValue,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('conditionalFieldValue', 'value', e);\n }\n })), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Hide the Next Step/Submit Button for this Step (typically set true when the step has a Button List component):\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"hideNextStepButton\",\n label: \"Hide the Next Step/Submit Button for this Step\",\n type: \"checkbox\",\n checked: thisCheckedHideNextStepButton,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('hideNextStepButton', 'checked', e);\n }\n })), element.hasOwnProperty('help') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"help\"\n }, \"Help instructions/details that will show up beneath the input field:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_textarea_autosize__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n type: \"text\",\n className: \"form-control\",\n id: \"help\",\n defaultValue: element.help,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('help', 'value', e);\n }\n })), (showDescription && !element[\"static\"] || element.hasOwnProperty('description')) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"description\"\n }, \"Description:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_textarea_autosize__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n type: \"text\",\n className: \"form-control\",\n id: \"description\",\n defaultValue: element.description,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('description', 'value', e);\n }\n })), showCorrectColumn && canHaveAnswer && !element.hasOwnProperty('options') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"correct\"\n }, \"Correct Answer:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"correct\",\n type: \"text\",\n defaultValue: element.correct,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('correct', 'value', e);\n }\n })), element.canPopulateFromApi && element.hasOwnProperty('options') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"optionsApiUrl\"\n }, \"Populate Options from API:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n sm: 6\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n style: {\n width: '100%'\n },\n type: \"text\",\n id: \"optionsApiUrl\",\n placeholder: \"http://localhost:8080/api/optionsdata\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n sm: 6\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n variant: \"success\",\n onClick: addOptions\n }, \"Populate\")))), element.hasOwnProperty('options') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dynamic_option_list__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n showCorrectColumn: showCorrectColumn,\n canHaveOptionCorrect: canHaveOptionCorrect,\n canHaveOptionValue: canHaveOptionValue,\n updateElement: updateElement,\n element: element,\n setElement: setElement,\n dirty: dirty,\n setDirty: setDirty,\n key: element === null || element === void 0 || (_element$options = element.options) === null || _element$options === void 0 ? void 0 : _element$options.length\n }));\n};\nSurveyElementsEdit.defaultProps = {\n className: 'edit-element-fields'\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElementsEdit);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements-edit.jsx?");
|
28
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_textarea_autosize__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-textarea-autosize */ \"./node_modules/react-textarea-autosize/dist/react-textarea-autosize.browser.development.esm.js\");\n/* harmony import */ var draft_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! draft-js */ \"./node_modules/draft-js/lib/Draft.js\");\n/* harmony import */ var draft_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(draft_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var draftjs_to_html__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! draftjs-to-html */ \"./node_modules/draftjs-to-html/lib/draftjs-to-html.js\");\n/* harmony import */ var draftjs_to_html__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(draftjs_to_html__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _dynamic_option_list__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dynamic-option-list */ \"./src/dynamic-option-list.jsx\");\n/* harmony import */ var _stores_requests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./stores/requests */ \"./src/stores/requests.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Row.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Col.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_simple_wysiwyg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-simple-wysiwyg */ \"./node_modules/react-simple-wysiwyg/lib/index.es.mjs\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nvar _excluded = [\"containerProps\", \"onChange\", \"onBlur\", \"value\", \"name\"];\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction 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; }\nfunction _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) { _defineProperty(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; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }\n\n\n\n\n\n\n\n\n\n\n\nvar CustomWysiwygInput = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {\n var containerProps = _ref.containerProps,\n onChange = _ref.onChange,\n onBlur = _ref.onBlur,\n value = _ref.value,\n name = _ref.name,\n otherProps = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_simple_wysiwyg__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({}, otherProps, {\n onBlur: onBlur,\n value: value,\n name: name,\n onChange: onChange,\n containerProps: containerProps\n }));\n});\nvar SurveyElementsEdit = function SurveyElementsEdit(_ref2) {\n var _element$options;\n var element = _ref2.element,\n setElement = _ref2.setElement,\n _ref2$files = _ref2.files,\n files = _ref2$files === void 0 ? [] : _ref2$files,\n _ref2$showCorrectColu = _ref2.showCorrectColumn,\n showCorrectColumn = _ref2$showCorrectColu === void 0 ? false : _ref2$showCorrectColu,\n _ref2$showDescription = _ref2.showDescription,\n showDescription = _ref2$showDescription === void 0 ? false : _ref2$showDescription,\n manualEditModeOff = _ref2.manualEditModeOff,\n updateElement = _ref2.updateElement;\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n dirty = _React$useState2[0],\n setDirty = _React$useState2[1];\n var toggleRequired = function toggleRequired() {\n // const thisElement = isObjectNotEmpty(element) ? { ...element } : {};\n };\n var editElementProp = function editElementProp(elementProperty, targetProperty, e) {\n // elemProperty could be content or label\n // targProperty could be value or checked\n var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n thisElement[elementProperty] = e.target[targetProperty];\n setElement(thisElement);\n setDirty(true);\n if (targetProperty === 'checked') {\n onUpdateElement();\n }\n };\n var onEditorStateChange = function onEditorStateChange(index, property, editorContent) {\n var html = draftjs_to_html__WEBPACK_IMPORTED_MODULE_2___default()((0,draft_js__WEBPACK_IMPORTED_MODULE_1__.convertToRaw)(editorContent.getCurrentContent())).replace(/ /g, ' ').replace(/(?:\\r\\n|\\r|\\n)/g, '');\n var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n thisElement[property] = html;\n setElement(thisElement);\n setDirty(true);\n };\n var onUpdateElement = function onUpdateElement() {\n var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n // to prevent ajax calls with no change\n if (dirty) {\n updateElement(thisElement);\n setDirty(false);\n }\n };\n var convertFromHTML = function convertFromHTML(content) {\n var newContent = (0,draft_js__WEBPACK_IMPORTED_MODULE_1__.convertFromHTML)(content);\n if (!newContent.contentBlocks || !newContent.contentBlocks.length) {\n // to prevent crash when no contents in editor\n return draft_js__WEBPACK_IMPORTED_MODULE_1__.EditorState.createEmpty();\n }\n var contentState = draft_js__WEBPACK_IMPORTED_MODULE_1__.ContentState.createFromBlockArray(newContent);\n return draft_js__WEBPACK_IMPORTED_MODULE_1__.EditorState.createWithContent(contentState);\n };\n var addOptions = function addOptions() {\n var optionsApiUrl = document.getElementById('optionsApiUrl').value;\n if (optionsApiUrl) {\n (0,_stores_requests__WEBPACK_IMPORTED_MODULE_4__.get)(optionsApiUrl).then(function (data) {\n var options = [];\n data.forEach(function (dataOption) {\n // eslint-disable-next-line no-param-reassign\n dataOption.key = _UUID__WEBPACK_IMPORTED_MODULE_6___default().uuid();\n options.push(dataOption);\n });\n var thisElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n thisElement.options = options;\n setElement(thisElement);\n setDirty(true);\n });\n }\n };\n\n // React.useEffect(() => {\n // \tif (dirty) {\n // \t\tconst thisElement = isObjectNotEmpty(element) ? { ...element, dirty: true } : { dirty: true };\n\n // \t\tupdateElement(thisElement);\n // \t}\n // }, [dirty, element]);\n\n var thisRequiredChecked = element.hasOwnProperty('required') ? element.required : false;\n var thisDefaultChecked = element.hasOwnProperty('defaultChecked') ? element.defaultChecked : false;\n var thisReadOnly = element.hasOwnProperty('readOnly') ? element.readOnly : false;\n var thisDefaultToday = element.hasOwnProperty('defaultToday') ? element.defaultToday : false;\n var thisCheckedInline = element.hasOwnProperty('inline') ? element.inline : false;\n var thisCheckedBold = element.hasOwnProperty('bold') ? element.bold : false;\n var thisCheckedItalic = element.hasOwnProperty('italic') ? element.italic : false;\n var thisCheckedCenter = element.hasOwnProperty('center') ? element.center : false;\n var thisCheckedPageBreak = element.hasOwnProperty('pageBreakBefore') ? element.pageBreakBefore : false;\n var thisCheckedAlternateForm = element.hasOwnProperty('alternateForm') ? element.alternateForm : false;\n var thisCheckedHideLabel = element.hasOwnProperty('hideLabel') ? element.hideLabel : false;\n var thisCheckedConditional = element.hasOwnProperty('conditional') ? element.conditional : false;\n var thisCheckedHideNextStepButton = element.hasOwnProperty('hideNextStepButton') ? element.hideNextStepButton : false;\n var thisCheckedSubmitOnSelection = element.hasOwnProperty('submitOnSelection') ? element.submitOnSelection : false;\n var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'ButtonList', 'Rating', 'Range'].indexOf(element.element) !== -1;\n var canHaveOptionValue = ['Dropdown', 'Tags', 'Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element) !== -1;\n var canHaveOptionCorrect = canHaveAnswer && canHaveOptionValue;\n var thisFiles = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_7__.isListNotEmpty)(files) ? _toConsumableArray(files) : [];\n if (thisFiles.length < 1 || thisFiles.length > 0 && thisFiles[0].id !== '') {\n thisFiles.unshift({\n id: '',\n file_name: ''\n });\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h4\", {\n className: \"float-start\"\n }, element.text), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_8__.FaTimes, {\n className: \"float-end dismiss-edit\",\n onClick: manualEditModeOff\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Field Id: \", element.fieldName)), element.hasOwnProperty('text') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"text\"\n }, \"Change element text (warning, this can break the question. Do NOT change if you don't know what you're doing):\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"text\",\n defaultValue: element.text,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('text', 'value', e);\n }\n })), element.hasOwnProperty('element') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"element\"\n }, \"Change element type (warning, this can break the question. Do NOT change if you don't know what you're doing):\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"element\",\n defaultValue: element.element,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('element', 'value', e);\n }\n })), element.hasOwnProperty('content') && (element.element === 'Header' || element.element === 'Label' || element.element === 'Paragraph' || element.element === 'ContentBody') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Text to display:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"content\",\n name: \"content\",\n as: CustomWysiwygInput,\n value: element.content,\n defaultValue: element.content,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('content', 'value', e);\n },\n containerProps: {\n style: {\n height: '200px',\n width: '100%',\n resize: 'vertical'\n }\n }\n })), element.hasOwnProperty('filePath') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"fileSelect\"\n }, \"Choose file:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Select, {\n id: \"fileSelect\",\n defaultValue: element.filePath,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('filePath', 'value', e);\n }\n }, thisFiles.map(function (file) {\n var thisKey = \"file_\".concat(file.id);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n value: file.id,\n key: thisKey\n }, file.file_name);\n }))), element.hasOwnProperty('href') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"href\"\n }, \"Link to:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"href\",\n type: \"text\",\n defaultValue: element.href,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('href', 'value', e);\n }\n })), element.hasOwnProperty('label') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Display Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"label\",\n name: \"label\",\n as: CustomWysiwygInput,\n value: element.label,\n defaultValue: element.label,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('label', 'value', e);\n },\n containerProps: {\n style: {\n height: '200px',\n width: '100%',\n resize: 'vertical'\n }\n }\n })), (element.hasOwnProperty('required') || element.hasOwnProperty('readOnly') || element.hasOwnProperty('defaultToday') || ['Checkboxes', 'Checkbox'].indexOf(element.element) !== -1 || (element.element === 'RadioButtons' || element.element === 'Checkboxes') && element.hasOwnProperty('inline')) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Field Properties:\"), element.hasOwnProperty('required') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"is-required\",\n label: \"Required\",\n type: \"checkbox\",\n checked: thisRequiredChecked,\n onBlur: onUpdateElement,\n value: true,\n onChange: function onChange(e) {\n editElementProp('required', 'checked', e);\n }\n }), element.hasOwnProperty('readOnly') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"is-read-only\",\n label: \"Read Only\",\n type: \"checkbox\",\n checked: thisReadOnly,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('readOnly', 'checked', e);\n }\n }), element.hasOwnProperty('defaultToday') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"is-default-to-today\",\n label: \"Default to Today\",\n type: \"checkbox\",\n checked: thisDefaultToday,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('defaultToday', 'checked', e);\n }\n }), ['Checkboxes', 'Checkbox'].indexOf(element.element) !== -1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"default-checked\",\n label: \"Default Checked\",\n type: \"checkbox\",\n checked: thisDefaultChecked,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('defaultChecked', 'checked', e);\n }\n }), (element.element === 'RadioButtons' || element.element === 'Checkboxes') && element.hasOwnProperty('inline') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"display-horizontal\",\n label: \"Display Horizontal\",\n type: \"checkbox\",\n checked: thisCheckedInline,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('inline', 'checked', e);\n }\n })), element.element === 'Checkbox' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Checkbox Label Text:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"boxLabel\",\n name: \"boxLabel\",\n as: CustomWysiwygInput,\n value: element.boxLabel,\n defaultValue: element.boxLabel,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('boxLabel', 'value', e);\n },\n containerProps: {\n style: {\n height: '200px',\n width: '100%',\n resize: 'vertical'\n }\n }\n })), element.hasOwnProperty('src') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"srcInput\"\n }, \"Link to:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"srcInput\",\n type: \"text\",\n defaultValue: element.src,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('src', 'value', e);\n }\n })), (element.element === 'Image' || element.element === 'Camera') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n sm: 3\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"do-center\"\n }, \"Alignment:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"do-center\",\n label: \"Center\",\n type: \"checkbox\",\n checked: thisCheckedCenter,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('center', 'checked', e);\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n sm: 3\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"elementWidth\"\n }, \"Width:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"elementWidth\",\n type: \"number\",\n defaultValue: element.width,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('width', 'value', e);\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n sm: 3\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"elementHeight\"\n }, \"Height:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"elementHeight\",\n type: \"number\",\n defaultValue: element.height,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('height', 'value', e);\n }\n })))), element.element === 'FileUpload' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"fileType\"\n }, \"Choose file type:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Select, {\n id: \"fileType\",\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('fileType', 'value', e);\n }\n }, [{\n type: 'image, application/pdf, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-powerpoint, application/vnd.openxmlformats-officedocument.presentationml.presentation, video/mp4,video/x-m4v,video/*',\n typeName: 'All File Type'\n }, {\n type: 'image',\n typeName: 'Image'\n }, {\n type: 'application/pdf',\n typeName: 'PDF'\n }, {\n type: 'application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n typeName: 'Word'\n }, {\n type: 'application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n typeName: 'Excel'\n }, {\n type: 'application/vnd.ms-powerpoint, application/vnd.openxmlformats-officedocument.presentationml.presentation',\n typeName: 'Powerpoint'\n }, {\n type: 'video/mp4,video/x-m4v,video/*',\n typeName: 'Videos'\n }].map(function (file, index) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n value: file.type,\n key: index\n }, file.typeName);\n }))), element.hasOwnProperty('pageBreakBefore') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Print options:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"page-break-before-element\",\n label: \"Page Break Before Element\",\n type: \"checkbox\",\n checked: thisCheckedPageBreak,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('pageBreakBefore', 'checked', e);\n }\n })), element.hasOwnProperty('alternateForm') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Alternate/Signature Page:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"display-on-alternate\",\n label: \"Display on alternate/signature Page\",\n type: \"checkbox\",\n checked: thisCheckedAlternateForm,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('alternateForm', 'checked', e);\n }\n })), element.hasOwnProperty('step') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"form-group-range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"rangeStep\"\n }, \"Step:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"rangeStep\",\n type: \"number\",\n defaultValue: element.step,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('step', 'value', e);\n }\n }))), element.hasOwnProperty('minValue') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"form-group-range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"rangeMin\"\n }, \"Min:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"rangeMin\",\n type: \"number\",\n defaultValue: element.minValue,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('minValue', 'value', e);\n }\n }))), element.hasOwnProperty('minLabel') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"form-group-range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"rangeMin\"\n }, \"Minimum Value Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n defaultValue: element.minLabel,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('minLabel', 'value', e);\n }\n }))), element.hasOwnProperty('maxValue') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"form-group-range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"rangeMax\"\n }, \"Max:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"rangeMax\",\n type: \"number\",\n defaultValue: element.maxValue,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('maxValue', 'value', e);\n }\n }))), element.hasOwnProperty('maxLabel') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"form-group-range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"rangeMax\"\n }, \"Maximum Value Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n defaultValue: element.maxLabel,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('maxLabel', 'value', e);\n }\n }))), element.hasOwnProperty('defaultValue') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"form-group-range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"defaultSelected\"\n }, \"Default Selected:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"defaultSelected\",\n type: \"number\",\n defaultValue: element.defaultValue,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('defaultValue', 'value', e);\n }\n }))), element.hasOwnProperty('static') && element[\"static\"] && element.hasOwnProperty('bold') && element.hasOwnProperty('italic') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Text Style:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"do-bold\",\n inline: true,\n label: \"Bold\",\n type: \"checkbox\",\n checked: thisCheckedBold,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('bold', 'checked', e);\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"do-italic\",\n inline: true,\n label: \"Italic\",\n type: \"checkbox\",\n checked: thisCheckedItalic,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('italic', 'checked', e);\n }\n })), element.hasOwnProperty('placeholder') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"placeholder\"\n }, \"Placeholder:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"placeholder\",\n defaultValue: element.placeholder,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('placeholder', 'value', e);\n }\n })), element.hasOwnProperty('customName') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"customName\"\n }, \"A Name To Give This Input That Will Show Up In Data Retrieval:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"customName\",\n defaultValue: element.customName,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('customName', 'value', e);\n }\n })), element.hasOwnProperty('labelLocation') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"labelLocation\"\n }, \"Choose Label Location:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Select, {\n id: \"labelLocation\",\n defaultValue: element.labelLocation,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('labelLocation', 'value', e);\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n value: \"ABOVE\"\n }, \"Above Form Field\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"option\", {\n value: \"FLOATING\"\n }, \"Floating Inside Form Field\"))), element.hasOwnProperty('hideLabel') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Hide Label:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"hide-label\",\n label: \"Hide Label\",\n type: \"checkbox\",\n checked: thisCheckedHideLabel,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('hideLabel', 'checked', e);\n }\n })), element.hasOwnProperty('rows') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"form-group-range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"rows\"\n }, \"Rows:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"rows\",\n type: \"number\",\n defaultValue: element.rows,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('rows', 'value', e);\n }\n }))), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Step is Conditional and Display is Dependent on Answers to another Survey Block:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"conditional\",\n label: \"Conditional\",\n type: \"checkbox\",\n checked: thisCheckedConditional,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('conditional', 'checked', e);\n }\n })), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"conditionalFieldName\"\n }, \"Field Name for the Dependent Survey Block:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"conditionalFieldName\",\n defaultValue: element.conditionalFieldName,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('conditionalFieldName', 'value', e);\n }\n })), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"conditionalFieldValue\"\n }, \"Value(s) for Survey Block to Display the Conditional Step:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n type: \"text\",\n id: \"conditionalFieldValue\",\n defaultValue: element.conditionalFieldValue,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('conditionalFieldValue', 'value', e);\n }\n })), element.element === 'Step' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Hide the Next Step/Submit Button for this Step (typically set true when the step has a Button List component):\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"hideNextStepButton\",\n label: \"Hide the Next Step/Submit Button for this Step\",\n type: \"checkbox\",\n checked: thisCheckedHideNextStepButton,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('hideNextStepButton', 'checked', e);\n }\n })), (element.element === 'ButtonList' || element.element === 'RadioButtons') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\"\n }, \"Submit form on option selection:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Check, {\n id: \"submitOnSelection\",\n label: \"Submit form on option selection:\",\n type: \"checkbox\",\n checked: thisCheckedSubmitOnSelection,\n value: true,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('submitOnSelection', 'checked', e);\n }\n })), element.hasOwnProperty('help') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"help\"\n }, \"Help instructions/details that will show up beneath the input field:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_textarea_autosize__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n type: \"text\",\n className: \"form-control\",\n id: \"help\",\n defaultValue: element.help,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('help', 'value', e);\n }\n })), (showDescription && !element[\"static\"] || element.hasOwnProperty('description')) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"description\"\n }, \"Description:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_textarea_autosize__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n type: \"text\",\n className: \"form-control\",\n id: \"description\",\n defaultValue: element.description,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('description', 'value', e);\n }\n })), showCorrectColumn && canHaveAnswer && !element.hasOwnProperty('options') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"correct\"\n }, \"Correct Answer:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n id: \"correct\",\n type: \"text\",\n defaultValue: element.correct,\n onBlur: onUpdateElement,\n onChange: function onChange(e) {\n editElementProp('correct', 'value', e);\n }\n })), element.canPopulateFromApi && element.hasOwnProperty('options') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Group, {\n className: \"form-group mb-5\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Label, {\n className: \"fw-bold\",\n htmlFor: \"optionsApiUrl\"\n }, \"Populate Options from API:\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n sm: 6\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__[\"default\"].Control, {\n style: {\n width: '100%'\n },\n type: \"text\",\n id: \"optionsApiUrl\",\n placeholder: \"http://localhost:8080/api/optionsdata\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n sm: 6\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n variant: \"success\",\n onClick: addOptions\n }, \"Populate\")))), element.hasOwnProperty('options') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dynamic_option_list__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n showCorrectColumn: showCorrectColumn,\n canHaveOptionCorrect: canHaveOptionCorrect,\n canHaveOptionValue: canHaveOptionValue,\n updateElement: updateElement,\n element: element,\n setElement: setElement,\n dirty: dirty,\n setDirty: setDirty,\n key: element === null || element === void 0 || (_element$options = element.options) === null || _element$options === void 0 ? void 0 : _element$options.length\n }));\n};\nSurveyElementsEdit.defaultProps = {\n className: 'edit-element-fields'\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElementsEdit);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements-edit.jsx?");
|
29
29
|
|
30
30
|
/***/ })
|
31
31
|
|
package/lib/index.js
CHANGED
@@ -148,6 +148,9 @@ var cleanUpSurveyItems = function cleanUpSurveyItems() {
|
|
148
148
|
if (item.hideNextStepButton !== undefined && item.hideNextStepButton !== null) {
|
149
149
|
dataItem.hideNextStepButton = item.hideNextStepButton;
|
150
150
|
}
|
151
|
+
if (item.submitOnSelection !== undefined && item.submitOnSelection !== null) {
|
152
|
+
dataItem.submitOnSelection = item.submitOnSelection;
|
153
|
+
}
|
151
154
|
if (item.groupName !== undefined && item.groupName !== null) {
|
152
155
|
dataItem.groupName = item.groupName;
|
153
156
|
}
|
@@ -51,7 +51,7 @@ import { Controller, useFormContext } from 'react-hook-form';
|
|
51
51
|
import { IMask, IMaskInput } from 'react-imask';
|
52
52
|
import { isValidPhoneNumber } from 'libphonenumber-js';
|
53
53
|
import ID from '../UUID';
|
54
|
-
import { replaceInText } from '../utils/objectUtils';
|
54
|
+
import { isBooleanTrue, replaceInText } from '../utils/objectUtils';
|
55
55
|
var SurveyElements = {};
|
56
56
|
export var Header = function Header(props) {
|
57
57
|
var _props$item;
|
@@ -2086,7 +2086,7 @@ export var RadioButtons = /*#__PURE__*/function (_React$Component4) {
|
|
2086
2086
|
}, /*#__PURE__*/React.createElement(ComponentLabel, self.props), self.props.item.help ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form.Text, {
|
2087
2087
|
className: (_self$props$item$help = (_self$props$item = self.props.item) === null || _self$props$item === void 0 ? void 0 : _self$props$item.helpClassName) !== null && _self$props$item$help !== void 0 ? _self$props$item$help : 'text-muted'
|
2088
2088
|
}, self.props.item.help)) : null, self.props.item.options.map(function (option) {
|
2089
|
-
var _self$props$checkboxB, _self$props7, _self$props8, _self$
|
2089
|
+
var _self$props$checkboxB, _self$props7, _self$props8, _self$props12, _self$props13;
|
2090
2090
|
// console.log('option', option);
|
2091
2091
|
return /*#__PURE__*/React.createElement(ToggleButton, {
|
2092
2092
|
label: option.text,
|
@@ -2105,21 +2105,21 @@ export var RadioButtons = /*#__PURE__*/function (_React$Component4) {
|
|
2105
2105
|
value: option.value,
|
2106
2106
|
checked: (self === null || self === void 0 || (_self$props8 = self.props) === null || _self$props8 === void 0 ? void 0 : _self$props8.value) === option.value,
|
2107
2107
|
onChange: function onChange(e) {
|
2108
|
-
var _self$props9, _self$props10;
|
2108
|
+
var _self$props9, _self$props10, _self$props11;
|
2109
2109
|
// console.log('onChange', e.target.value);
|
2110
2110
|
if ((self === null || self === void 0 || (_self$props9 = self.props) === null || _self$props9 === void 0 ? void 0 : _self$props9.onChange) !== undefined) {
|
2111
2111
|
self.props.onChange(e.target.value);
|
2112
2112
|
}
|
2113
|
-
if ((self === null || self === void 0 || (_self$props10 = self.props) === null || _self$props10 === void 0 ? void 0 : _self$props10.onSelect) !== undefined) {
|
2113
|
+
if (isBooleanTrue(self === null || self === void 0 || (_self$props10 = self.props) === null || _self$props10 === void 0 || (_self$props10 = _self$props10.item) === null || _self$props10 === void 0 ? void 0 : _self$props10.submitOnSelection) && (self === null || self === void 0 || (_self$props11 = self.props) === null || _self$props11 === void 0 ? void 0 : _self$props11.onSelect) !== undefined) {
|
2114
2114
|
self.props.onSelect(e.target.value);
|
2115
2115
|
}
|
2116
2116
|
}
|
2117
2117
|
}, /*#__PURE__*/React.createElement("div", {
|
2118
2118
|
className: "d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox"
|
2119
|
-
}, (self === null || self === void 0 || (_self$
|
2119
|
+
}, (self === null || self === void 0 || (_self$props12 = self.props) === null || _self$props12 === void 0 ? void 0 : _self$props12.value) !== option.value && /*#__PURE__*/React.createElement(IoRadioButtonOff, {
|
2120
2120
|
size: "40px",
|
2121
2121
|
className: "me-3 flex-shrink-0"
|
2122
|
-
}), (self === null || self === void 0 || (_self$
|
2122
|
+
}), (self === null || self === void 0 || (_self$props13 = self.props) === null || _self$props13 === void 0 ? void 0 : _self$props13.value) === option.value && /*#__PURE__*/React.createElement(IoRadioButtonOn, {
|
2123
2123
|
size: "40px",
|
2124
2124
|
className: "me-3 flex-shrink-0"
|
2125
2125
|
}), /*#__PURE__*/React.createElement("div", {
|
@@ -2149,14 +2149,14 @@ export var ButtonList = /*#__PURE__*/function (_React$Component5) {
|
|
2149
2149
|
value: function render() {
|
2150
2150
|
var _ref23,
|
2151
2151
|
_self$props$name3,
|
2152
|
-
_self$props13,
|
2153
2152
|
_self$props14,
|
2154
2153
|
_self$props15,
|
2154
|
+
_self$props16,
|
2155
2155
|
_this10 = this,
|
2156
2156
|
_self$props$item$help2,
|
2157
2157
|
_self$props$item2;
|
2158
2158
|
var self = this;
|
2159
|
-
var name = (_ref23 = (_self$props$name3 = self === null || self === void 0 || (_self$
|
2159
|
+
var name = (_ref23 = (_self$props$name3 = self === null || self === void 0 || (_self$props14 = self.props) === null || _self$props14 === void 0 ? void 0 : _self$props14.name) !== null && _self$props$name3 !== void 0 ? _self$props$name3 : self === null || self === void 0 || (_self$props15 = self.props) === null || _self$props15 === void 0 || (_self$props15 = _self$props15.item) === null || _self$props15 === void 0 ? void 0 : _self$props15.customName) !== null && _ref23 !== void 0 ? _ref23 : self === null || self === void 0 || (_self$props16 = self.props) === null || _self$props16 === void 0 || (_self$props16 = _self$props16.item) === null || _self$props16 === void 0 ? void 0 : _self$props16.fieldName;
|
2160
2160
|
var baseClasses = 'SortableItem rfb-item';
|
2161
2161
|
if (this.props.item.pageBreakBefore) {
|
2162
2162
|
baseClasses += ' alwaysbreak';
|
@@ -2185,7 +2185,7 @@ export var ButtonList = /*#__PURE__*/function (_React$Component5) {
|
|
2185
2185
|
}, /*#__PURE__*/React.createElement(ComponentLabel, self.props), self.props.item.help ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form.Text, {
|
2186
2186
|
className: (_self$props$item$help2 = (_self$props$item2 = self.props.item) === null || _self$props$item2 === void 0 ? void 0 : _self$props$item2.helpClassName) !== null && _self$props$item$help2 !== void 0 ? _self$props$item$help2 : 'text-muted'
|
2187
2187
|
}, self.props.item.help)) : null, self.props.item.options.map(function (option) {
|
2188
|
-
var _self$props$checkboxB2, _self$
|
2188
|
+
var _self$props$checkboxB2, _self$props17, _self$props18;
|
2189
2189
|
// console.log('option', option);
|
2190
2190
|
return /*#__PURE__*/React.createElement(ToggleButton, {
|
2191
2191
|
label: option.text,
|
@@ -2199,17 +2199,17 @@ export var ButtonList = /*#__PURE__*/function (_React$Component5) {
|
|
2199
2199
|
self.options["child_ref_".concat(option.key)] = c;
|
2200
2200
|
}
|
2201
2201
|
},
|
2202
|
-
disabled: self === null || self === void 0 || (_self$
|
2202
|
+
disabled: self === null || self === void 0 || (_self$props17 = self.props) === null || _self$props17 === void 0 || (_self$props17 = _self$props17.item) === null || _self$props17 === void 0 ? void 0 : _self$props17.disabled,
|
2203
2203
|
name: name,
|
2204
2204
|
value: option.value,
|
2205
|
-
checked: (self === null || self === void 0 || (_self$
|
2205
|
+
checked: (self === null || self === void 0 || (_self$props18 = self.props) === null || _self$props18 === void 0 ? void 0 : _self$props18.value) === option.value,
|
2206
2206
|
onChange: function onChange(e) {
|
2207
|
-
var _self$
|
2207
|
+
var _self$props19, _self$props20, _self$props21;
|
2208
2208
|
// console.log('onChange', e.target.value);
|
2209
|
-
if ((self === null || self === void 0 || (_self$
|
2209
|
+
if ((self === null || self === void 0 || (_self$props19 = self.props) === null || _self$props19 === void 0 ? void 0 : _self$props19.onChange) !== undefined) {
|
2210
2210
|
self.props.onChange(e.target.value);
|
2211
2211
|
}
|
2212
|
-
if ((self === null || self === void 0 || (_self$
|
2212
|
+
if (isBooleanTrue(self === null || self === void 0 || (_self$props20 = self.props) === null || _self$props20 === void 0 || (_self$props20 = _self$props20.item) === null || _self$props20 === void 0 ? void 0 : _self$props20.submitOnSelection) && (self === null || self === void 0 || (_self$props21 = self.props) === null || _self$props21 === void 0 ? void 0 : _self$props21.onSelect) !== undefined) {
|
2213
2213
|
self.props.onSelect(e.target.value);
|
2214
2214
|
}
|
2215
2215
|
}
|
@@ -137,6 +137,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
|
|
137
137
|
var thisCheckedHideLabel = element.hasOwnProperty('hideLabel') ? element.hideLabel : false;
|
138
138
|
var thisCheckedConditional = element.hasOwnProperty('conditional') ? element.conditional : false;
|
139
139
|
var thisCheckedHideNextStepButton = element.hasOwnProperty('hideNextStepButton') ? element.hideNextStepButton : false;
|
140
|
+
var thisCheckedSubmitOnSelection = element.hasOwnProperty('submitOnSelection') ? element.submitOnSelection : false;
|
140
141
|
var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'ButtonList', 'Rating', 'Range'].indexOf(element.element) !== -1;
|
141
142
|
var canHaveOptionValue = ['Dropdown', 'Tags', 'Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element) !== -1;
|
142
143
|
var canHaveOptionCorrect = canHaveAnswer && canHaveOptionValue;
|
@@ -695,6 +696,20 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
|
|
695
696
|
onChange: function onChange(e) {
|
696
697
|
editElementProp('hideNextStepButton', 'checked', e);
|
697
698
|
}
|
699
|
+
})), (element.element === 'ButtonList' || element.element === 'RadioButtons') && /*#__PURE__*/React.createElement(Form.Group, {
|
700
|
+
className: "form-group mb-5"
|
701
|
+
}, /*#__PURE__*/React.createElement(Form.Label, {
|
702
|
+
className: "fw-bold"
|
703
|
+
}, "Submit form on option selection:"), /*#__PURE__*/React.createElement(Form.Check, {
|
704
|
+
id: "submitOnSelection",
|
705
|
+
label: "Submit form on option selection:",
|
706
|
+
type: "checkbox",
|
707
|
+
checked: thisCheckedSubmitOnSelection,
|
708
|
+
value: true,
|
709
|
+
onBlur: onUpdateElement,
|
710
|
+
onChange: function onChange(e) {
|
711
|
+
editElementProp('submitOnSelection', 'checked', e);
|
712
|
+
}
|
698
713
|
})), element.hasOwnProperty('help') && /*#__PURE__*/React.createElement(Form.Group, {
|
699
714
|
className: "form-group mb-5"
|
700
715
|
}, /*#__PURE__*/React.createElement(Form.Label, {
|
package/lib/toolbar.js
CHANGED
@@ -107,7 +107,8 @@ var _defaultItems = [{
|
|
107
107
|
canHaveHelp: true,
|
108
108
|
options: [],
|
109
109
|
answerType: 'STRING',
|
110
|
-
hideLabel: false
|
110
|
+
hideLabel: false,
|
111
|
+
submitOnSelection: false
|
111
112
|
}, {
|
112
113
|
key: 'ButtonList',
|
113
114
|
name: "Button List",
|
@@ -117,7 +118,8 @@ var _defaultItems = [{
|
|
117
118
|
canHaveHelp: true,
|
118
119
|
options: [],
|
119
120
|
answerType: 'STRING',
|
120
|
-
hideLabel: false
|
121
|
+
hideLabel: false,
|
122
|
+
submitOnSelection: true
|
121
123
|
}, {
|
122
124
|
key: 'TextInput',
|
123
125
|
name: "Text Input",
|
@@ -614,6 +616,10 @@ var Toolbar = function Toolbar(_ref) {
|
|
614
616
|
if (element === 'MultiColumnRow') {
|
615
617
|
elementOptions.colCount = item.colCount;
|
616
618
|
}
|
619
|
+
if (element === 'ButtonList' || element === 'RadioButtons') {
|
620
|
+
var _item$submitOnSelecti;
|
621
|
+
elementOptions.submitOnSelection = (_item$submitOnSelecti = item.submitOnSelection) !== null && _item$submitOnSelecti !== void 0 ? _item$submitOnSelecti : false;
|
622
|
+
}
|
617
623
|
if (item.defaultValue) {
|
618
624
|
elementOptions.defaultValue = item.defaultValue;
|
619
625
|
}
|
package/lib/utils/objectUtils.js
CHANGED
@@ -26,6 +26,42 @@ export var isObjectNotEmpty = function isObjectNotEmpty(obj) {
|
|
26
26
|
}
|
27
27
|
return false;
|
28
28
|
};
|
29
|
+
export var isTrueLike = function isTrueLike(value) {
|
30
|
+
if (isNotNullOrUndefined(value)) {
|
31
|
+
if (typeof value === 'boolean' && value === true) {
|
32
|
+
return true;
|
33
|
+
} else if (typeof value === 'string' && (value === 'true' || value === 'True' || value === '1' || value === 'Yes' || value === 'yes')) {
|
34
|
+
return true;
|
35
|
+
} else if (typeof value === 'number' && value === 1) {
|
36
|
+
return true;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
return false;
|
40
|
+
};
|
41
|
+
export var isFalseLike = function isFalseLike(value) {
|
42
|
+
if (isNotNullOrUndefined(value)) {
|
43
|
+
if (typeof value === 'boolean' && value === false) {
|
44
|
+
return true;
|
45
|
+
} else if (typeof value === 'string' && (value === 'false' || value === 'False' || value === '0' || value === 'No' || value === 'no')) {
|
46
|
+
return true;
|
47
|
+
} else if (typeof value === 'number' && value === 0) {
|
48
|
+
return true;
|
49
|
+
}
|
50
|
+
}
|
51
|
+
return false;
|
52
|
+
};
|
53
|
+
export var isBooleanTrue = function isBooleanTrue(value) {
|
54
|
+
if (value !== undefined && value !== null && isTrueLike(value)) {
|
55
|
+
return true;
|
56
|
+
}
|
57
|
+
return false;
|
58
|
+
};
|
59
|
+
export var isBooleanFalse = function isBooleanFalse(value) {
|
60
|
+
if (value !== undefined && value !== null && isFalseLike(value)) {
|
61
|
+
return true;
|
62
|
+
}
|
63
|
+
return false;
|
64
|
+
};
|
29
65
|
export var updateObject = function updateObject(oldObject, updatedValues) {
|
30
66
|
return _objectSpread(_objectSpread({}, oldObject), updatedValues);
|
31
67
|
};
|