react-survey-builder 1.0.2 → 1.0.3

package/dist/967.index.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkReactSurveyBuilder=self.webpackChunkReactSurveyBuilder||[]).push([[967],{7967:(e,t,n)=>{n.r(t),n.d(t,{default:()=>H});var l=n(5671),a=n(3144),o=n(9340),r=n(2963),i=n(1120),s=n(359),c=n.n(s),m=n(7462),p=n(3366),d=n(3469),u=function(e,t){"function"!=typeof e?e.current=t:e(t)};var h={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},f=function(e){Object.keys(h).forEach((function(t){e.style.setProperty(t,h[t],"important")}))},E=null,v=function(e,t){var n=e.scrollHeight;return"border-box"===t.sizingStyle.boxSizing?n+t.borderSize:n-t.paddingSize},b=function(){},y=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],g=!!document.documentElement.currentStyle;function N(e,t,n){var l,a,o=(l=n,a=s.useRef(l),(0,d.Z)((function(){a.current=l})),a);s.useLayoutEffect((function(){var n=function(e){return o.current(e)};if(e)return e.addEventListener(t,n),function(){return e.removeEventListener(t,n)}}),[])}var x=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],w=function(e,t){var n,l=e.cacheMeasurements,a=e.maxRows,o=e.minRows,r=e.onChange,i=void 0===r?b:r,c=e.onHeightChange,d=void 0===c?b:c,h=(0,p.Z)(e,x),w=void 0!==h.value,k=s.useRef(null),C=function(e,t){var n=(0,s.useRef)();return(0,s.useCallback)((function(l){e.current=l,n.current&&u(n.current,null),n.current=t,t&&u(t,l)}),[t])}(k,t),P=s.useRef(0),O=s.useRef(),S=function(){var e=k.current,t=l&&O.current?O.current:function(e){var t=window.getComputedStyle(e);if(null===t)return null;var n,l=(n=t,y.reduce((function(e,t){return e[t]=n[t],e}),{})),a=l.boxSizing;return""===a?null:(g&&"border-box"===a&&(l.width=parseFloat(l.width)+parseFloat(l.borderRightWidth)+parseFloat(l.borderLeftWidth)+parseFloat(l.paddingRight)+parseFloat(l.paddingLeft)+"px"),{sizingStyle:l,paddingSize:parseFloat(l.paddingBottom)+parseFloat(l.paddingTop),borderSize:parseFloat(l.borderBottomWidth)+parseFloat(l.borderTopWidth)})}(e);if(t){O.current=t;var n=function(e,t,n,l){void 0===n&&(n=1),void 0===l&&(l=1/0),E||((E=document.createElement("textarea")).setAttribute("tabindex","-1"),E.setAttribute("aria-hidden","true"),f(E)),null===E.parentNode&&document.body.appendChild(E);var a=e.paddingSize,o=e.borderSize,r=e.sizingStyle,i=r.boxSizing;Object.keys(r).forEach((function(e){var t=e;E.style[t]=r[t]})),f(E),E.value=t;var s=v(E,e);E.value=t,s=v(E,e),E.value="x";var c=E.scrollHeight-a,m=c*n;"border-box"===i&&(m=m+a+o),s=Math.max(m,s);var p=c*l;return"border-box"===i&&(p=p+a+o),[s=Math.min(p,s),c]}(t,e.value||e.placeholder||"x",o,a),r=n[0],i=n[1];P.current!==r&&(P.current=r,e.style.setProperty("height",r+"px","important"),d(r,{rowHeight:i}))}};return s.useLayoutEffect(S),N(window,"resize",S),n=S,N(document.fonts,"loadingdone",n),s.createElement("textarea",(0,m.Z)({},h,{onChange:function(e){w||S(),i(e)},ref:C}))},k=s.forwardRef(w),C=n(9041),P=n(9265),O=n.n(P),S=n(5108),Z=n(9333),F=n.n(Z),B=n(4152);var _=function(e){(0,o.Z)(m,e);var t,n,s=(t=m,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,l=(0,i.Z)(t);if(n){var a=(0,i.Z)(this).constructor;e=Reflect.construct(l,arguments,a)}else e=l.apply(this,arguments);return(0,r.Z)(this,e)});function m(e){var t;return(0,l.Z)(this,m),(t=s.call(this,e)).state={element:t.props.element,data:t.props.data,dirty:!1},t}return(0,a.Z)(m,[{key:"_setValue",value:function(e){return e.replace(/[^A-Z0-9]+/gi,"_").toLowerCase()}},{key:"editOption",value:function(e,t){var n=this.state.element,l=n.options[e].value!==this._setValue(n.options[e].text)?n.options[e].value:this._setValue(t.target.value);n.options[e].text=t.target.value,n.options[e].value=l,this.setState({element:n,dirty:!0})}},{key:"editValue",value:function(e,t){var n=this.state.element,l=""===t.target.value?this._setValue(n.options[e].text):t.target.value;n.options[e].value=l,this.setState({element:n,dirty:!0})}},{key:"editOptionCorrect",value:function(e,t){var n=this.state.element;n.options[e].hasOwnProperty("correct")?delete n.options[e].correct:n.options[e].correct=!0,this.setState({element:n}),this.props.updateElement.call(this.props.preview,n)}},{key:"updateOption",value:function(){var e=this.state.element;this.state.dirty&&(this.props.updateElement.call(this.props.preview,e),this.setState({dirty:!1}))}},{key:"addOption",value:function(e){var t=this.state.element;t.options.splice(e+1,0,{value:"",text:"",key:F().uuid()}),this.props.updateElement.call(this.props.preview,t)}},{key:"removeOption",value:function(e){var t=this.state.element;t.options.splice(e,1),this.props.updateElement.call(this.props.preview,t)}},{key:"render",value:function(){var e=this;return this.state.dirty&&(this.state.element.dirty=!0),c().createElement("div",{className:"dynamic-option-list"},c().createElement("ul",null,c().createElement("li",null,c().createElement("div",{className:"row"},c().createElement("div",{className:"col-sm-6"},c().createElement("b",null,c().createElement(B.Z,{id:"options"}))),this.props.canHaveOptionValue&&c().createElement("div",{className:"col-sm-2"},c().createElement("b",null,c().createElement(B.Z,{id:"value"}))),this.props.canHaveOptionValue&&this.props.canHaveOptionCorrect&&c().createElement("div",{className:"col-sm-4"},c().createElement("b",null,c().createElement(B.Z,{id:"correct"}))))),this.props.element.options.map((function(t,n){var l="edit_".concat(t.key),a=t.value!==e._setValue(t.text)?t.value:"";return c().createElement("li",{className:"clearfix",key:l},c().createElement("div",{className:"row"},c().createElement("div",{className:"col-sm-6"},c().createElement("input",{tabIndex:n+1,className:"form-control",style:{width:"100%"},type:"text",name:"text_".concat(n),placeholder:"Option text",value:t.text,onBlur:e.updateOption.bind(e),onChange:e.editOption.bind(e,n)})),e.props.canHaveOptionValue&&c().createElement("div",{className:"col-sm-2"},c().createElement("input",{className:"form-control",type:"text",name:"value_".concat(n),value:a,onChange:e.editValue.bind(e,n)})),e.props.canHaveOptionValue&&e.props.canHaveOptionCorrect&&c().createElement("div",{className:"col-sm-1"},c().createElement("input",{className:"form-control",type:"checkbox",value:"1",onChange:e.editOptionCorrect.bind(e,n),checked:t.hasOwnProperty("correct")})),c().createElement("div",{className:"col-sm-3"},c().createElement("div",{className:"dynamic-options-actions-buttons"},c().createElement("button",{onClick:e.addOption.bind(e,n),className:"btn btn-success"},c().createElement("i",{className:"fas fa-plus-circle"})),n>0&&c().createElement("button",{onClick:e.removeOption.bind(e,n),className:"btn btn-danger"},c().createElement("i",{className:"fas fa-minus-circle"}))))))}))))}}]),m}(c().Component),R=n(2083);var V={options:["inline","list","textAlign","fontSize","link","history"],inline:{inDropdown:!1,className:void 0,options:["bold","italic","underline","superscript","subscript"]}},H=function(e){(0,o.Z)(m,e);var t,n,s=(t=m,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,l=(0,i.Z)(t);if(n){var a=(0,i.Z)(this).constructor;e=Reflect.construct(l,arguments,a)}else e=l.apply(this,arguments);return(0,r.Z)(this,e)});function m(e){var t;return(0,l.Z)(this,m),(t=s.call(this,e)).state={element:t.props.element,data:t.props.data,dirty:!1},t}return(0,a.Z)(m,[{key:"toggleRequired",value:function(){}},{key:"editElementProp",value:function(e,t,n){var l=this,a=this.state.element;a[e]=n.target[t],this.setState({element:a,dirty:!0},(function(){"checked"===t&&l.updateElement()}))}},{key:"onEditorStateChange",value:function(e,t,n){var l=O()((0,C.convertToRaw)(n.getCurrentContent())).replace(/<p>/g,"").replace(/<\/p>/g,"").replace(/&nbsp;/g," ").replace(/(?:\r\n|\r|\n)/g," "),a=this.state.element;a[t]=l,this.setState({element:a,dirty:!0})}},{key:"updateElement",value:function(){var e=this.state.element;this.state.dirty&&(this.props.updateElement.call(this.props.preview,e),this.setState({dirty:!1}))}},{key:"convertFromHTML",value:function(e){var t=(0,C.convertFromHTML)(e);if(!t.contentBlocks||!t.contentBlocks.length)return C.EditorState.createEmpty();var n=C.ContentState.createFromBlockArray(t);return C.EditorState.createWithContent(n)}},{key:"addOptions",value:function(){var e=this,t=document.getElementById("optionsApiUrl").value;t&&(0,R.U)(t).then((function(t){e.props.element.options=[];var n=e.props.element.options;t.forEach((function(e){e.key=F().uuid(),n.push(e)}));var l=e.state.element;e.setState({element:l,dirty:!0})}))}},{key:"render",value:function(){this.state.dirty&&(this.props.element.dirty=!0);var e,t,n=!!this.props.element.hasOwnProperty("required")&&this.props.element.required,l=!!this.props.element.hasOwnProperty("defaultChecked")&&this.props.element.defaultChecked,a=!!this.props.element.hasOwnProperty("readOnly")&&this.props.element.readOnly,o=!!this.props.element.hasOwnProperty("defaultToday")&&this.props.element.defaultToday,r=(!!this.props.element.hasOwnProperty("showTimeSelect")&&this.props.element.showTimeSelect,!!this.props.element.hasOwnProperty("showTimeSelectOnly")&&this.props.element.showTimeSelectOnly,!!this.props.element.hasOwnProperty("showTimeInput")&&this.props.element.showTimeInput,!!this.props.element.hasOwnProperty("inline")&&this.props.element.inline),i=!!this.props.element.hasOwnProperty("bold")&&this.props.element.bold,s=!!this.props.element.hasOwnProperty("italic")&&this.props.element.italic,m=!!this.props.element.hasOwnProperty("center")&&this.props.element.center,p=(!!this.props.element.hasOwnProperty("pageBreakBefore")&&this.props.element.pageBreakBefore,!!this.props.element.hasOwnProperty("alternateForm")&&this.props.element.alternateForm,this.props.element),d=(p.canHavePageBreakBefore,p.canHaveAlternateForm,p.canHaveDisplayHorizontal),u=p.canHaveOptionCorrect,h=p.canHaveOptionValue,f="Image"===this.state.element.element||"Camera"===this.state.element.element,E=this.props.files.length?this.props.files:[];return(E.length<1||E.length>0&&""!==E[0].id)&&E.unshift({id:"",file_name:""}),this.props.element.hasOwnProperty("content")&&(e=this.convertFromHTML(this.props.element.content)),this.props.element.hasOwnProperty("label")&&(e=this.convertFromHTML(this.props.element.label)),this.props.element.hasOwnProperty("boxLabel")&&(t=this.convertFromHTML(this.props.element.boxLabel)),c().createElement("div",null,c().createElement("div",{className:"clearfix"},c().createElement("h4",{className:"float-start"},this.props.element.text),c().createElement("i",{className:"float-end fas fa-times dismiss-edit",onClick:this.props.manualEditModeOff})),this.props.element.hasOwnProperty("content")&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label"},c().createElement(B.Z,{id:"text-to-display"}),":"),c().createElement(S.Editor,{toolbar:V,defaultEditorState:e,onBlur:this.updateElement.bind(this),onEditorStateChange:this.onEditorStateChange.bind(this,0,"content"),stripPastedStyles:!0})),this.props.element.hasOwnProperty("file_path")&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"fileSelect"},c().createElement(B.Z,{id:"choose-file"}),":"),c().createElement("select",{id:"fileSelect",className:"form-control",defaultValue:this.props.element.file_path,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"file_path","value")},E.map((function(e){var t="file_".concat(e.id);return c().createElement("option",{value:e.id,key:t},e.file_name)})))),this.props.element.hasOwnProperty("href")&&c().createElement("div",{className:"form-group"},c().createElement(k,{type:"text",className:"form-control",defaultValue:this.props.element.href,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"href","value")})),this.props.element.hasOwnProperty("label")&&c().createElement("div",{className:"form-group"},c().createElement("label",null,c().createElement(B.Z,{id:"display-label"})),c().createElement(S.Editor,{toolbar:V,defaultEditorState:e,onBlur:this.updateElement.bind(this),onEditorStateChange:this.onEditorStateChange.bind(this,0,"label"),stripPastedStyles:!0}),c().createElement("br",null),c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"is-required",className:"custom-control-input",type:"checkbox",checked:n,value:!0,onChange:this.editElementProp.bind(this,"required","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"is-required"},c().createElement(B.Z,{id:"required"}))),this.props.element.hasOwnProperty("readOnly")&&c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"is-read-only",className:"custom-control-input",type:"checkbox",checked:a,value:!0,onChange:this.editElementProp.bind(this,"readOnly","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"is-read-only"},c().createElement(B.Z,{id:"read-only"}))),this.props.element.hasOwnProperty("defaultToday")&&c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"is-default-to-today",className:"custom-control-input",type:"checkbox",checked:o,value:!0,onChange:this.editElementProp.bind(this,"defaultToday","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"is-default-to-today"},c().createElement(B.Z,{id:"default-to-today"}),"?")),-1!==["Checkboxes","Checkbox"].indexOf(this.state.element.element)&&c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"display-horizontal",className:"custom-control-input",type:"checkbox",checked:l,value:!0,onChange:this.editElementProp.bind(this,"defaultChecked","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"display-horizontal"},c().createElement(B.Z,{id:"default-checked"}))),("RadioButtons"===this.state.element.element||"Checkboxes"===this.state.element.element)&&d&&c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"display-horizontal",className:"custom-control-input",type:"checkbox",checked:r,value:!0,onChange:this.editElementProp.bind(this,"inline","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"display-horizontal"},c().createElement(B.Z,{id:"display-horizontal"})))),"Checkbox"===this.state.element.element&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label"},c().createElement(B.Z,{id:"checkbox-label-text"}),":"),c().createElement(S.Editor,{toolbar:V,defaultEditorState:t,onBlur:this.updateElement.bind(this),onEditorStateChange:this.onEditorStateChange.bind(this,0,"boxLabel"),stripPastedStyles:!0})),this.props.element.hasOwnProperty("src")&&c().createElement("div",null,c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"srcInput"},c().createElement(B.Z,{id:"link-to"}),":"),c().createElement("input",{id:"srcInput",type:"text",className:"form-control",defaultValue:this.props.element.src,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"src","value")}))),f&&c().createElement("div",null,c().createElement("div",{className:"form-group"},c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"do-center",className:"custom-control-input",type:"checkbox",checked:m,value:!0,onChange:this.editElementProp.bind(this,"center","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"do-center"},c().createElement(B.Z,{id:"center"}),"?"))),c().createElement("div",{className:"row"},c().createElement("div",{className:"col-sm-3"},c().createElement("label",{className:"control-label",htmlFor:"elementWidth"},c().createElement(B.Z,{id:"width"}),":"),c().createElement("input",{id:"elementWidth",type:"text",className:"form-control",defaultValue:this.props.element.width,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"width","value")})),c().createElement("div",{className:"col-sm-3"},c().createElement("label",{className:"control-label",htmlFor:"elementHeight"},c().createElement(B.Z,{id:"height"}),":"),c().createElement("input",{id:"elementHeight",type:"text",className:"form-control",defaultValue:this.props.element.height,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"height","value")})))),"FileUpload"===this.state.element.element&&c().createElement("div",null,c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"fileType"},c().createElement(B.Z,{id:"choose-file-type"}),":"),c().createElement("select",{id:"fileType",className:"form-control",onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"fileType","value")},[{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/*",typeName:"All File Type"},{type:"image",typeName:"Image"},{type:"application/pdf",typeName:"PDF"},{type:"application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document",typeName:"Word"},{type:"application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",typeName:"Excel"},{type:"application/vnd.ms-powerpoint, application/vnd.openxmlformats-officedocument.presentationml.presentation",typeName:"Powerpoint"},{type:"video/mp4,video/x-m4v,video/*",typeName:"Videos"}].map((function(e,t){return c().createElement("option",{value:e.type,key:t},e.typeName)}))))),this.props.element.hasOwnProperty("step")&&c().createElement("div",{className:"form-group"},c().createElement("div",{className:"form-group-range"},c().createElement("label",{className:"control-label",htmlFor:"rangeStep"},c().createElement(B.Z,{id:"step"})),c().createElement("input",{id:"rangeStep",type:"number",className:"form-control",defaultValue:this.props.element.step,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"step","value")}))),this.props.element.hasOwnProperty("min_value")&&c().createElement("div",{className:"form-group"},c().createElement("div",{className:"form-group-range"},c().createElement("label",{className:"control-label",htmlFor:"rangeMin"},c().createElement(B.Z,{id:"min"})),c().createElement("input",{id:"rangeMin",type:"number",className:"form-control",defaultValue:this.props.element.min_value,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"min_value","value")}),c().createElement("input",{type:"text",className:"form-control",defaultValue:this.props.element.min_label,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"min_label","value")}))),this.props.element.hasOwnProperty("max_value")&&c().createElement("div",{className:"form-group"},c().createElement("div",{className:"form-group-range"},c().createElement("label",{className:"control-label",htmlFor:"rangeMax"},c().createElement(B.Z,{id:"max"})),c().createElement("input",{id:"rangeMax",type:"number",className:"form-control",defaultValue:this.props.element.max_value,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"max_value","value")}),c().createElement("input",{type:"text",className:"form-control",defaultValue:this.props.element.max_label,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"max_label","value")}))),this.props.element.hasOwnProperty("default_value")&&c().createElement("div",{className:"form-group"},c().createElement("div",{className:"form-group-range"},c().createElement("label",{className:"control-label",htmlFor:"defaultSelected"},c().createElement(B.Z,{id:"default-selected"})),c().createElement("input",{id:"defaultSelected",type:"number",className:"form-control",defaultValue:this.props.element.default_value,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"default_value","value")}))),this.props.element.hasOwnProperty("static")&&this.props.element.static&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label"},c().createElement(B.Z,{id:"text-style"})),c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"do-bold",className:"custom-control-input",type:"checkbox",checked:i,value:!0,onChange:this.editElementProp.bind(this,"bold","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"do-bold"},c().createElement(B.Z,{id:"bold"}))),c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"do-italic",className:"custom-control-input",type:"checkbox",checked:s,value:!0,onChange:this.editElementProp.bind(this,"italic","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"do-italic"},c().createElement(B.Z,{id:"italic"})))),this.props.element.showPlaceholder&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"placeholder"},c().createElement(B.Z,{id:"place-holder-text-label"})),c().createElement("input",{type:"text",className:"form-control",id:"placeholder",defaultValue:this.props.element.placeholder,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"placeholder","value")})),this.props.element.show_custom_name&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"custom_name"},c().createElement(B.Z,{id:"custom-name-label"})),c().createElement("input",{type:"text",className:"form-control",id:"custom_name",defaultValue:this.props.element.custom_name,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"custom_name","value")})),this.props.element.showDescription&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"questionDescription"},c().createElement(B.Z,{id:"description"})),c().createElement(k,{type:"text",className:"form-control",id:"questionDescription",defaultValue:this.props.element.description,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"description","value")})),this.props.showCorrectColumn&&this.props.element.canHaveAnswer&&!this.props.element.hasOwnProperty("options")&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"correctAnswer"},c().createElement(B.Z,{id:"correct-answer"})),c().createElement("input",{id:"correctAnswer",type:"text",className:"form-control",defaultValue:this.props.element.correct,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"correct","value")})),this.props.element.canPopulateFromApi&&this.props.element.hasOwnProperty("options")&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"optionsApiUrl"},c().createElement(B.Z,{id:"populate-options-from-api"})),c().createElement("div",{className:"row"},c().createElement("div",{className:"col-sm-6"},c().createElement("input",{className:"form-control",style:{width:"100%"},type:"text",id:"optionsApiUrl",placeholder:"http://localhost:8080/api/optionsdata"})),c().createElement("div",{className:"col-sm-6"},c().createElement("button",{onClick:this.addOptions.bind(this),className:"btn btn-success"},c().createElement(B.Z,{id:"populate"}))))),this.props.element.hasOwnProperty("options")&&c().createElement(_,{showCorrectColumn:this.props.showCorrectColumn,canHaveOptionCorrect:u,canHaveOptionValue:h,data:this.props.preview.state.data,updateElement:this.props.updateElement,preview:this.props.preview,element:this.props.element,key:this.props.element.options.length}))}}]),m}(c().Component);H.defaultProps={className:"edit-element-fields"}}}]);
+"use strict";(self.webpackChunkReactSurveyBuilder=self.webpackChunkReactSurveyBuilder||[]).push([[967],{7967:(e,t,n)=>{n.r(t),n.d(t,{default:()=>T});var l=n(5671),a=n(3144),o=n(9340),r=n(2963),i=n(1120),s=n(359),c=n.n(s),m=n(7462),p=n(3366),d=n(3469),u=function(e,t){"function"!=typeof e?e.current=t:e(t)};var h={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},f=function(e){Object.keys(h).forEach((function(t){e.style.setProperty(t,h[t],"important")}))},E=null,v=function(e,t){var n=e.scrollHeight;return"border-box"===t.sizingStyle.boxSizing?n+t.borderSize:n-t.paddingSize},b=function(){},y=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],g=!!document.documentElement.currentStyle;function N(e,t,n){var l,a,o=(l=n,a=s.useRef(l),(0,d.Z)((function(){a.current=l})),a);s.useLayoutEffect((function(){var n=function(e){return o.current(e)};if(e)return e.addEventListener(t,n),function(){return e.removeEventListener(t,n)}}),[])}var x=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],w=function(e,t){var n,l=e.cacheMeasurements,a=e.maxRows,o=e.minRows,r=e.onChange,i=void 0===r?b:r,c=e.onHeightChange,d=void 0===c?b:c,h=(0,p.Z)(e,x),w=void 0!==h.value,k=s.useRef(null),C=function(e,t){var n=(0,s.useRef)();return(0,s.useCallback)((function(l){e.current=l,n.current&&u(n.current,null),n.current=t,t&&u(t,l)}),[t])}(k,t),P=s.useRef(0),O=s.useRef(),S=function(){var e=k.current,t=l&&O.current?O.current:function(e){var t=window.getComputedStyle(e);if(null===t)return null;var n,l=(n=t,y.reduce((function(e,t){return e[t]=n[t],e}),{})),a=l.boxSizing;return""===a?null:(g&&"border-box"===a&&(l.width=parseFloat(l.width)+parseFloat(l.borderRightWidth)+parseFloat(l.borderLeftWidth)+parseFloat(l.paddingRight)+parseFloat(l.paddingLeft)+"px"),{sizingStyle:l,paddingSize:parseFloat(l.paddingBottom)+parseFloat(l.paddingTop),borderSize:parseFloat(l.borderBottomWidth)+parseFloat(l.borderTopWidth)})}(e);if(t){O.current=t;var n=function(e,t,n,l){void 0===n&&(n=1),void 0===l&&(l=1/0),E||((E=document.createElement("textarea")).setAttribute("tabindex","-1"),E.setAttribute("aria-hidden","true"),f(E)),null===E.parentNode&&document.body.appendChild(E);var a=e.paddingSize,o=e.borderSize,r=e.sizingStyle,i=r.boxSizing;Object.keys(r).forEach((function(e){var t=e;E.style[t]=r[t]})),f(E),E.value=t;var s=v(E,e);E.value=t,s=v(E,e),E.value="x";var c=E.scrollHeight-a,m=c*n;"border-box"===i&&(m=m+a+o),s=Math.max(m,s);var p=c*l;return"border-box"===i&&(p=p+a+o),[s=Math.min(p,s),c]}(t,e.value||e.placeholder||"x",o,a),r=n[0],i=n[1];P.current!==r&&(P.current=r,e.style.setProperty("height",r+"px","important"),d(r,{rowHeight:i}))}};return s.useLayoutEffect(S),N(window,"resize",S),n=S,N(document.fonts,"loadingdone",n),s.createElement("textarea",(0,m.Z)({},h,{onChange:function(e){w||S(),i(e)},ref:C}))},k=s.forwardRef(w),C=n(9041),P=n(9265),O=n.n(P),S=n(5108),Z=n(9333),F=n.n(Z),B=n(4152),_=n(5565);var R=function(e){(0,o.Z)(m,e);var t,n,s=(t=m,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,l=(0,i.Z)(t);if(n){var a=(0,i.Z)(this).constructor;e=Reflect.construct(l,arguments,a)}else e=l.apply(this,arguments);return(0,r.Z)(this,e)});function m(e){var t;return(0,l.Z)(this,m),(t=s.call(this,e)).state={element:t.props.element,data:t.props.data,dirty:!1},t}return(0,a.Z)(m,[{key:"_setValue",value:function(e){return e.replace(/[^A-Z0-9]+/gi,"_").toLowerCase()}},{key:"editOption",value:function(e,t){var n=this.state.element,l=n.options[e].value!==this._setValue(n.options[e].text)?n.options[e].value:this._setValue(t.target.value);n.options[e].text=t.target.value,n.options[e].value=l,this.setState({element:n,dirty:!0})}},{key:"editValue",value:function(e,t){var n=this.state.element,l=""===t.target.value?this._setValue(n.options[e].text):t.target.value;n.options[e].value=l,this.setState({element:n,dirty:!0})}},{key:"editOptionCorrect",value:function(e,t){var n=this.state.element;n.options[e].hasOwnProperty("correct")?delete n.options[e].correct:n.options[e].correct=!0,this.setState({element:n}),this.props.updateElement.call(this.props.preview,n)}},{key:"updateOption",value:function(){var e=this.state.element;this.state.dirty&&(this.props.updateElement.call(this.props.preview,e),this.setState({dirty:!1}))}},{key:"addOption",value:function(e){var t=this.state.element;t.options.splice(e+1,0,{value:"",text:"",key:F().uuid()}),this.props.updateElement.call(this.props.preview,t)}},{key:"removeOption",value:function(e){var t=this.state.element;t.options.splice(e,1),this.props.updateElement.call(this.props.preview,t)}},{key:"render",value:function(){var e=this;return this.state.dirty&&(this.state.element.dirty=!0),c().createElement("div",{className:"dynamic-option-list"},c().createElement("ul",null,c().createElement("li",null,c().createElement("div",{className:"row"},c().createElement("div",{className:"col-sm-6"},c().createElement("b",null,c().createElement(B.Z,{id:"options"}))),this.props.canHaveOptionValue&&c().createElement("div",{className:"col-sm-2"},c().createElement("b",null,c().createElement(B.Z,{id:"value"}))),this.props.canHaveOptionValue&&this.props.canHaveOptionCorrect&&c().createElement("div",{className:"col-sm-4"},c().createElement("b",null,c().createElement(B.Z,{id:"correct"}))))),this.props.element.options.map((function(t,n){var l="edit_".concat(t.key),a=t.value!==e._setValue(t.text)?t.value:"";return c().createElement("li",{className:"clearfix",key:l},c().createElement("div",{className:"row"},c().createElement("div",{className:"col-sm-6"},c().createElement("input",{tabIndex:n+1,className:"form-control",style:{width:"100%"},type:"text",name:"text_".concat(n),placeholder:"Option text",value:t.text,onBlur:e.updateOption.bind(e),onChange:e.editOption.bind(e,n)})),e.props.canHaveOptionValue&&c().createElement("div",{className:"col-sm-2"},c().createElement("input",{className:"form-control",type:"text",name:"value_".concat(n),value:a,onChange:e.editValue.bind(e,n)})),e.props.canHaveOptionValue&&e.props.canHaveOptionCorrect&&c().createElement("div",{className:"col-sm-1"},c().createElement("input",{className:"form-control",type:"checkbox",value:"1",onChange:e.editOptionCorrect.bind(e,n),checked:t.hasOwnProperty("correct")})),c().createElement("div",{className:"col-sm-3"},c().createElement("div",{className:"dynamic-options-actions-buttons"},c().createElement("button",{onClick:e.addOption.bind(e,n),className:"btn btn-success"},c().createElement(_.EIY,null)),n>0&&c().createElement("button",{onClick:e.removeOption.bind(e,n),className:"btn btn-danger"},c().createElement(_.wbB,null))))))}))))}}]),m}(c().Component),H=n(2083);var V={options:["inline","list","textAlign","fontSize","link","history"],inline:{inDropdown:!1,className:void 0,options:["bold","italic","underline","superscript","subscript"]}},T=function(e){(0,o.Z)(m,e);var t,n,s=(t=m,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,l=(0,i.Z)(t);if(n){var a=(0,i.Z)(this).constructor;e=Reflect.construct(l,arguments,a)}else e=l.apply(this,arguments);return(0,r.Z)(this,e)});function m(e){var t;return(0,l.Z)(this,m),(t=s.call(this,e)).state={element:t.props.element,data:t.props.data,dirty:!1},t}return(0,a.Z)(m,[{key:"toggleRequired",value:function(){}},{key:"editElementProp",value:function(e,t,n){var l=this,a=this.state.element;a[e]=n.target[t],this.setState({element:a,dirty:!0},(function(){"checked"===t&&l.updateElement()}))}},{key:"onEditorStateChange",value:function(e,t,n){var l=O()((0,C.convertToRaw)(n.getCurrentContent())).replace(/<p>/g,"").replace(/<\/p>/g,"").replace(/&nbsp;/g," ").replace(/(?:\r\n|\r|\n)/g," "),a=this.state.element;a[t]=l,this.setState({element:a,dirty:!0})}},{key:"updateElement",value:function(){var e=this.state.element;this.state.dirty&&(this.props.updateElement.call(this.props.preview,e),this.setState({dirty:!1}))}},{key:"convertFromHTML",value:function(e){var t=(0,C.convertFromHTML)(e);if(!t.contentBlocks||!t.contentBlocks.length)return C.EditorState.createEmpty();var n=C.ContentState.createFromBlockArray(t);return C.EditorState.createWithContent(n)}},{key:"addOptions",value:function(){var e=this,t=document.getElementById("optionsApiUrl").value;t&&(0,H.U)(t).then((function(t){e.props.element.options=[];var n=e.props.element.options;t.forEach((function(e){e.key=F().uuid(),n.push(e)}));var l=e.state.element;e.setState({element:l,dirty:!0})}))}},{key:"render",value:function(){this.state.dirty&&(this.props.element.dirty=!0);var e,t,n=!!this.props.element.hasOwnProperty("required")&&this.props.element.required,l=!!this.props.element.hasOwnProperty("defaultChecked")&&this.props.element.defaultChecked,a=!!this.props.element.hasOwnProperty("readOnly")&&this.props.element.readOnly,o=!!this.props.element.hasOwnProperty("defaultToday")&&this.props.element.defaultToday,r=(!!this.props.element.hasOwnProperty("showTimeSelect")&&this.props.element.showTimeSelect,!!this.props.element.hasOwnProperty("showTimeSelectOnly")&&this.props.element.showTimeSelectOnly,!!this.props.element.hasOwnProperty("showTimeInput")&&this.props.element.showTimeInput,!!this.props.element.hasOwnProperty("inline")&&this.props.element.inline),i=!!this.props.element.hasOwnProperty("bold")&&this.props.element.bold,s=!!this.props.element.hasOwnProperty("italic")&&this.props.element.italic,m=!!this.props.element.hasOwnProperty("center")&&this.props.element.center,p=(!!this.props.element.hasOwnProperty("pageBreakBefore")&&this.props.element.pageBreakBefore,!!this.props.element.hasOwnProperty("alternateForm")&&this.props.element.alternateForm,this.props.element),d=(p.canHavePageBreakBefore,p.canHaveAlternateForm,p.canHaveDisplayHorizontal),u=p.canHaveOptionCorrect,h=p.canHaveOptionValue,f="Image"===this.state.element.element||"Camera"===this.state.element.element,E=this.props.files.length?this.props.files:[];return(E.length<1||E.length>0&&""!==E[0].id)&&E.unshift({id:"",file_name:""}),this.props.element.hasOwnProperty("content")&&(e=this.convertFromHTML(this.props.element.content)),this.props.element.hasOwnProperty("label")&&(e=this.convertFromHTML(this.props.element.label)),this.props.element.hasOwnProperty("boxLabel")&&(t=this.convertFromHTML(this.props.element.boxLabel)),c().createElement("div",null,c().createElement("div",{className:"clearfix"},c().createElement("h4",{className:"float-start"},this.props.element.text),c().createElement(_.aHS,{className:"float-end dismiss-edit",onClick:this.props.manualEditModeOff})),this.props.element.hasOwnProperty("content")&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label"},c().createElement(B.Z,{id:"text-to-display"}),":"),c().createElement(S.Editor,{toolbar:V,defaultEditorState:e,onBlur:this.updateElement.bind(this),onEditorStateChange:this.onEditorStateChange.bind(this,0,"content"),stripPastedStyles:!0})),this.props.element.hasOwnProperty("file_path")&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"fileSelect"},c().createElement(B.Z,{id:"choose-file"}),":"),c().createElement("select",{id:"fileSelect",className:"form-control",defaultValue:this.props.element.file_path,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"file_path","value")},E.map((function(e){var t="file_".concat(e.id);return c().createElement("option",{value:e.id,key:t},e.file_name)})))),this.props.element.hasOwnProperty("href")&&c().createElement("div",{className:"form-group"},c().createElement(k,{type:"text",className:"form-control",defaultValue:this.props.element.href,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"href","value")})),this.props.element.hasOwnProperty("label")&&c().createElement("div",{className:"form-group"},c().createElement("label",null,c().createElement(B.Z,{id:"display-label"})),c().createElement(S.Editor,{toolbar:V,defaultEditorState:e,onBlur:this.updateElement.bind(this),onEditorStateChange:this.onEditorStateChange.bind(this,0,"label"),stripPastedStyles:!0}),c().createElement("br",null),c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"is-required",className:"custom-control-input",type:"checkbox",checked:n,value:!0,onChange:this.editElementProp.bind(this,"required","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"is-required"},c().createElement(B.Z,{id:"required"}))),this.props.element.hasOwnProperty("readOnly")&&c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"is-read-only",className:"custom-control-input",type:"checkbox",checked:a,value:!0,onChange:this.editElementProp.bind(this,"readOnly","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"is-read-only"},c().createElement(B.Z,{id:"read-only"}))),this.props.element.hasOwnProperty("defaultToday")&&c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"is-default-to-today",className:"custom-control-input",type:"checkbox",checked:o,value:!0,onChange:this.editElementProp.bind(this,"defaultToday","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"is-default-to-today"},c().createElement(B.Z,{id:"default-to-today"}),"?")),-1!==["Checkboxes","Checkbox"].indexOf(this.state.element.element)&&c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"display-horizontal",className:"custom-control-input",type:"checkbox",checked:l,value:!0,onChange:this.editElementProp.bind(this,"defaultChecked","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"display-horizontal"},c().createElement(B.Z,{id:"default-checked"}))),("RadioButtons"===this.state.element.element||"Checkboxes"===this.state.element.element)&&d&&c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"display-horizontal",className:"custom-control-input",type:"checkbox",checked:r,value:!0,onChange:this.editElementProp.bind(this,"inline","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"display-horizontal"},c().createElement(B.Z,{id:"display-horizontal"})))),"Checkbox"===this.state.element.element&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label"},c().createElement(B.Z,{id:"checkbox-label-text"}),":"),c().createElement(S.Editor,{toolbar:V,defaultEditorState:t,onBlur:this.updateElement.bind(this),onEditorStateChange:this.onEditorStateChange.bind(this,0,"boxLabel"),stripPastedStyles:!0})),this.props.element.hasOwnProperty("src")&&c().createElement("div",null,c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"srcInput"},c().createElement(B.Z,{id:"link-to"}),":"),c().createElement("input",{id:"srcInput",type:"text",className:"form-control",defaultValue:this.props.element.src,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"src","value")}))),f&&c().createElement("div",null,c().createElement("div",{className:"form-group"},c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"do-center",className:"custom-control-input",type:"checkbox",checked:m,value:!0,onChange:this.editElementProp.bind(this,"center","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"do-center"},c().createElement(B.Z,{id:"center"}),"?"))),c().createElement("div",{className:"row"},c().createElement("div",{className:"col-sm-3"},c().createElement("label",{className:"control-label",htmlFor:"elementWidth"},c().createElement(B.Z,{id:"width"}),":"),c().createElement("input",{id:"elementWidth",type:"text",className:"form-control",defaultValue:this.props.element.width,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"width","value")})),c().createElement("div",{className:"col-sm-3"},c().createElement("label",{className:"control-label",htmlFor:"elementHeight"},c().createElement(B.Z,{id:"height"}),":"),c().createElement("input",{id:"elementHeight",type:"text",className:"form-control",defaultValue:this.props.element.height,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"height","value")})))),"FileUpload"===this.state.element.element&&c().createElement("div",null,c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"fileType"},c().createElement(B.Z,{id:"choose-file-type"}),":"),c().createElement("select",{id:"fileType",className:"form-control",onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"fileType","value")},[{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/*",typeName:"All File Type"},{type:"image",typeName:"Image"},{type:"application/pdf",typeName:"PDF"},{type:"application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document",typeName:"Word"},{type:"application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",typeName:"Excel"},{type:"application/vnd.ms-powerpoint, application/vnd.openxmlformats-officedocument.presentationml.presentation",typeName:"Powerpoint"},{type:"video/mp4,video/x-m4v,video/*",typeName:"Videos"}].map((function(e,t){return c().createElement("option",{value:e.type,key:t},e.typeName)}))))),this.props.element.hasOwnProperty("step")&&c().createElement("div",{className:"form-group"},c().createElement("div",{className:"form-group-range"},c().createElement("label",{className:"control-label",htmlFor:"rangeStep"},c().createElement(B.Z,{id:"step"})),c().createElement("input",{id:"rangeStep",type:"number",className:"form-control",defaultValue:this.props.element.step,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"step","value")}))),this.props.element.hasOwnProperty("min_value")&&c().createElement("div",{className:"form-group"},c().createElement("div",{className:"form-group-range"},c().createElement("label",{className:"control-label",htmlFor:"rangeMin"},c().createElement(B.Z,{id:"min"})),c().createElement("input",{id:"rangeMin",type:"number",className:"form-control",defaultValue:this.props.element.min_value,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"min_value","value")}),c().createElement("input",{type:"text",className:"form-control",defaultValue:this.props.element.min_label,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"min_label","value")}))),this.props.element.hasOwnProperty("max_value")&&c().createElement("div",{className:"form-group"},c().createElement("div",{className:"form-group-range"},c().createElement("label",{className:"control-label",htmlFor:"rangeMax"},c().createElement(B.Z,{id:"max"})),c().createElement("input",{id:"rangeMax",type:"number",className:"form-control",defaultValue:this.props.element.max_value,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"max_value","value")}),c().createElement("input",{type:"text",className:"form-control",defaultValue:this.props.element.max_label,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"max_label","value")}))),this.props.element.hasOwnProperty("default_value")&&c().createElement("div",{className:"form-group"},c().createElement("div",{className:"form-group-range"},c().createElement("label",{className:"control-label",htmlFor:"defaultSelected"},c().createElement(B.Z,{id:"default-selected"})),c().createElement("input",{id:"defaultSelected",type:"number",className:"form-control",defaultValue:this.props.element.default_value,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"default_value","value")}))),this.props.element.hasOwnProperty("static")&&this.props.element.static&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label"},c().createElement(B.Z,{id:"text-style"})),c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"do-bold",className:"custom-control-input",type:"checkbox",checked:i,value:!0,onChange:this.editElementProp.bind(this,"bold","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"do-bold"},c().createElement(B.Z,{id:"bold"}))),c().createElement("div",{className:"custom-control custom-checkbox"},c().createElement("input",{id:"do-italic",className:"custom-control-input",type:"checkbox",checked:s,value:!0,onChange:this.editElementProp.bind(this,"italic","checked")}),c().createElement("label",{className:"custom-control-label",htmlFor:"do-italic"},c().createElement(B.Z,{id:"italic"})))),this.props.element.showPlaceholder&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"placeholder"},c().createElement(B.Z,{id:"place-holder-text-label"})),c().createElement("input",{type:"text",className:"form-control",id:"placeholder",defaultValue:this.props.element.placeholder,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"placeholder","value")})),this.props.element.show_custom_name&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"custom_name"},c().createElement(B.Z,{id:"custom-name-label"})),c().createElement("input",{type:"text",className:"form-control",id:"custom_name",defaultValue:this.props.element.custom_name,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"custom_name","value")})),this.props.element.showDescription&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"questionDescription"},c().createElement(B.Z,{id:"description"})),c().createElement(k,{type:"text",className:"form-control",id:"questionDescription",defaultValue:this.props.element.description,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"description","value")})),this.props.showCorrectColumn&&this.props.element.canHaveAnswer&&!this.props.element.hasOwnProperty("options")&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"correctAnswer"},c().createElement(B.Z,{id:"correct-answer"})),c().createElement("input",{id:"correctAnswer",type:"text",className:"form-control",defaultValue:this.props.element.correct,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"correct","value")})),this.props.element.canPopulateFromApi&&this.props.element.hasOwnProperty("options")&&c().createElement("div",{className:"form-group"},c().createElement("label",{className:"control-label",htmlFor:"optionsApiUrl"},c().createElement(B.Z,{id:"populate-options-from-api"})),c().createElement("div",{className:"row"},c().createElement("div",{className:"col-sm-6"},c().createElement("input",{className:"form-control",style:{width:"100%"},type:"text",id:"optionsApiUrl",placeholder:"http://localhost:8080/api/optionsdata"})),c().createElement("div",{className:"col-sm-6"},c().createElement("button",{onClick:this.addOptions.bind(this),className:"btn btn-success"},c().createElement(B.Z,{id:"populate"}))))),this.props.element.hasOwnProperty("options")&&c().createElement(R,{showCorrectColumn:this.props.showCorrectColumn,canHaveOptionCorrect:u,canHaveOptionValue:h,data:this.props.preview.state.data,updateElement:this.props.updateElement,preview:this.props.preview,element:this.props.element,key:this.props.element.options.length}))}}]),m}(c().Component);T.defaultProps={className:"edit-element-fields"}}}]);