react-survey-builder 1.0.41 → 1.0.43

package/dist/225.index.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkReactSurveyBuilder=self.webpackChunkReactSurveyBuilder||[]).push([[225],{8514:(e,t,n)=>{n.d(t,{Z:()=>b});var r=n(7462),o=n(3366),a=n(359);const l=a.useLayoutEffect;var i=function(e,t){"function"!=typeof e?e.current=t:e(t)};var u={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},c=function(e){Object.keys(u).forEach((function(t){e.style.setProperty(t,u[t],"important")}))},d=null,s=function(e,t){var n=e.scrollHeight;return"border-box"===t.sizingStyle.boxSizing?n+t.borderSize:n-t.paddingSize},m=function(){},f=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],v=!!document.documentElement.currentStyle;function p(e,t,n){var r,o,i=(r=n,o=a.useRef(r),l((function(){o.current=r})),o);a.useLayoutEffect((function(){var n=function(e){return i.current(e)};if(e)return e.addEventListener(t,n),function(){return e.removeEventListener(t,n)}}),[])}var h=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],g=function(e,t){var n,l=e.cacheMeasurements,u=e.maxRows,g=e.minRows,b=e.onChange,y=void 0===b?m:b,E=e.onHeightChange,w=void 0===E?m:E,x=(0,o.Z)(e,h),S=void 0!==x.value,z=a.useRef(null),C=function(e,t){var n=(0,a.useRef)();return(0,a.useCallback)((function(r){e.current=r,n.current&&i(n.current,null),n.current=t,t&&i(t,r)}),[t])}(z,t),R=a.useRef(0),k=a.useRef(),H=function(){var e=z.current,t=l&&k.current?k.current:function(e){var t=window.getComputedStyle(e);if(null===t)return null;var n,r=(n=t,f.reduce((function(e,t){return e[t]=n[t],e}),{})),o=r.boxSizing;return""===o?null:(v&&"border-box"===o&&(r.width=parseFloat(r.width)+parseFloat(r.borderRightWidth)+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingRight)+parseFloat(r.paddingLeft)+"px"),{sizingStyle:r,paddingSize:parseFloat(r.paddingBottom)+parseFloat(r.paddingTop),borderSize:parseFloat(r.borderBottomWidth)+parseFloat(r.borderTopWidth)})}(e);if(t){k.current=t;var n=function(e,t,n,r){void 0===n&&(n=1),void 0===r&&(r=1/0),d||((d=document.createElement("textarea")).setAttribute("tabindex","-1"),d.setAttribute("aria-hidden","true"),c(d)),null===d.parentNode&&document.body.appendChild(d);var o=e.paddingSize,a=e.borderSize,l=e.sizingStyle,i=l.boxSizing;Object.keys(l).forEach((function(e){var t=e;d.style[t]=l[t]})),c(d),d.value=t;var u=s(d,e);d.value=t,u=s(d,e),d.value="x";var m=d.scrollHeight-o,f=m*n;"border-box"===i&&(f=f+o+a),u=Math.max(f,u);var v=m*r;return"border-box"===i&&(v=v+o+a),[u=Math.min(v,u),m]}(t,e.value||e.placeholder||"x",g,u),r=n[0],o=n[1];R.current!==r&&(R.current=r,e.style.setProperty("height",r+"px","important"),w(r,{rowHeight:o}))}};return a.useLayoutEffect(H),p(window,"resize",H),n=H,p(document.fonts,"loadingdone",n),a.createElement("textarea",(0,r.Z)({},x,{onChange:function(e){S||H(),y(e)},ref:C}))},b=a.forwardRef(g)},2983:(e,t,n)=>{n.d(t,{ZP:()=>B});var r=n(359),o=function(){return o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},o.apply(this,arguments)};function a(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function l(){if(document.selection)return document.selection.createRange().parentElement();var e=window.getSelection();return e&&e.rangeCount>0&&e.getRangeAt(0).startContainer.parentNode||void 0}function i(e){return e?e.replace(/&nbsp;|\u202F|\u00A0/g," "):""}"function"==typeof SuppressedError&&SuppressedError;var u=r.memo(r.forwardRef((function(e,t){var n=e.className,l=e.disabled,u=e.tagName,c=e.value,d=void 0===c?"":c,s=a(e,["className","disabled","tagName","value"]),m=r.useRef(),f=r.useRef(d),v=r.useRef(s);return r.useEffect((function(){v.current=s;var e=m.current;e&&i(f.current)!==i(d)&&(f.current=d,e.innerHTML=d,function(e){var t=document.createTextNode("");e.appendChild(t);var n=document.activeElement===e;if(null!==t&&null!==t.nodeValue&&n){var r=window.getSelection();if(null!==r){var o=document.createRange();o.setStart(t,t.nodeValue.length),o.collapse(!0),r.removeAllRanges(),r.addRange(o)}e instanceof HTMLElement&&e.focus()}}(e))})),r.useMemo((function(){function e(e){var t,n,r=m.current;if(r){var a=r.innerHTML;a!==f.current&&(null===(n=(t=v.current).onChange)||void 0===n||n.call(t,o(o({},e),{target:{value:a,name:s.name}}))),f.current=a}}return r.createElement(u||"div",o(o({},s),{className:n,contentEditable:!l,dangerouslySetInnerHTML:{__html:d},onBlur:function(t){return(v.current.onBlur||e)(t)},onInput:e,onKeyDown:function(t){return(v.current.onKeyDown||e)(t)},onKeyUp:function(t){return(v.current.onKeyUp||e)(t)},ref:function(e){m.current=e,"function"==typeof t?t(e):"object"==typeof t&&t&&(t.current=e)}}))}),[n,l,u])}))),c=r.createContext(void 0);function d(e){var t=e.children,n=r.useState({htmlMode:!1,update:function(e){l((function(t){return o(o(o({},t),e),{date:Date.now()})}))}}),a=n[0],l=n[1];return r.createElement(c.Provider,{value:a},t)}function s(){var e=r.useContext(c);if(!e)throw new Error("You should wrap your component by EditorProvider");return e}function m(e){var t=a(e,[]);return r.createElement("textarea",o({},t))}var f=[],v=[];function p(e){var t=e.children,n=e.containerProps,i=e.onSelect,c=a(e,["children","containerProps","onSelect"]),d=s();function f(e){var t;e.target!==d.$el&&((null===(t=d.$el)||void 0===t?void 0:t.contains(e.target))||d.update({$selection:void 0}))}return r.useEffect((function(){return document.addEventListener("click",f),function(){return document.removeEventListener("click",f)}})),d.htmlMode?r.createElement("div",o({className:"rsw-editor"},n),t,r.createElement(m,o({},c,{className:"rsw-ce rsw-html"}))):r.createElement("div",o({className:"rsw-editor"},n),t,r.createElement(u,o({},c,{ref:function(e){d.update({$el:e})},onSelect:function(e){null==i||i(e),d.update({$selection:l()})},className:"rsw-ce"})))}!function(e,t){if(e&&"undefined"!=typeof document){var n,r=!0===t.prepend?"prepend":"append",o=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(o){var l=f.indexOf(a);-1===l&&(l=f.push(a)-1,v[l]={}),n=v[l]&&v[l][r]?v[l][r]:v[l][r]=i()}else n=i();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function i(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),o=0;o<n.length;o++)e.setAttribute(n[o],t.attributes[n[o]]);var l="prepend"===r?"afterbegin":"beforeend";return a.insertAdjacentElement(l,e),e}}(".rsw-editor{border:1px solid #ddd;border-radius:.375rem;display:flex;flex-direction:column;min-height:100px;overflow:hidden}.rsw-ce{flex:1 0 auto;outline:none;padding:.5rem}.rsw-ce[contentEditable=true]:empty:not(:focus):before{color:grey;content:attr(placeholder)}.rsw-html{background:transparent;border:none;font-family:monospace,Courier New}.rsw-separator{align-self:stretch;border-right:1px solid #ddd;display:flex;margin:0 3px}.rsw-dd{box-sizing:border-box;outline:none}.rsw-btn{background:transparent;border:0;color:#222;cursor:pointer;font-size:1em;height:2em;outline:none;padding:0;width:2em}.rsw-btn:hover{background:#eaeaea}.rsw-btn[data-active=true]{background:#e0e0e0}.rsw-toolbar{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #ddd;display:flex}",{});var h=R("Bold","𝐁","bold"),g=R("Bullet list",r.createElement((function(){return r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",style:{verticalAlign:"text-top"}},r.createElement("path",{fill:"currentColor",d:"M7 5h14v2H7V5zm0 8v-2h14v2H7zM4 4.50001c.83 0 1.5.66992 1.5 1.5 0 .83007-.67 1.5-1.5 1.5s-1.5-.66993-1.5-1.5c0-.83008.67-1.5 1.5-1.5zM4 10.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zM7 19v-2h14v2H7zm-3-2.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5z"}))}),null),"insertUnorderedList"),b=R("Clear formatting","T̲ₓ","removeFormat"),y=R("Italic","𝑰","italic"),E=R("Strike through",r.createElement("s",null,"ab"),"strikeThrough"),w=R("Link","🔗",(function(e){var t=e.$selection;"A"===(null==t?void 0:t.nodeName)?document.execCommand("unlink"):document.execCommand("createLink",!1,prompt("URL","")||void 0)})),x=R("Numbered list",r.createElement((function(){return r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",style:{verticalAlign:"text-top"}},r.createElement("path",{fill:"currentColor",d:"M6.99938 12.998v-2H20.9994v2H6.99938zm0 6.0001v-2H20.9994v2H6.99938zm0-12.00001v-2H20.9994v2H6.99938zm-4 1v-3h-1v-1h2v4h-1zm-1 9.00001v-1h3v4h-3v-1h2v-.5h-1v-1h1v-.5h-2zM4.25 10c.41421 0 .75.3358.75.75 0 .2024-.08017.3861-.2105.521L3.11983 13H5v1H2v-.9218L4 11H2v-1h2.25z"}))}),null),"insertOrderedList"),S=R("Redo","↷","redo"),z=R("Underline",r.createElement("span",{style:{textDecoration:"underline"}},"𝐔"),"underline"),C=R("Undo","↶","undo");function R(e,t,n){return a.displayName=e.replace(/\s/g,""),a;function a(a){var l=s(),i=l.$el,u=l.$selection,c=!1;return"string"==typeof n&&(c=!!u&&document.queryCommandState(n)),l.htmlMode?null:r.createElement("button",o({type:"button",title:e},a,{className:"rsw-btn",onMouseDown:function(e){e.preventDefault(),document.activeElement!==i&&(null==i||i.focus()),"function"==typeof n?n(l):document.execCommand(n)},"data-active":c}),t)}}var k=function(e,t){return n.displayName=e,n;function n(n){var a=s(),l=a.$el,i=a.$selection;if(a.htmlMode)return null;var u=t.findIndex((function(e){return"formatBlock"===e[1]&&(null==i?void 0:i.nodeName)===e[2]}));return r.createElement(H,o({},n,{onChange:function(e){var n=e.target,r=n.value,o=parseInt(r,10),i=t[o],u=i[1],c=i[2];e.preventDefault(),document.activeElement!==l&&(null==l||l.focus()),"function"==typeof u?u(a):document.execCommand(u,!1,c),setTimeout((function(){return n.value=r}),10)},title:e,items:t,selected:u}))}}("Styles",[["Normal","formatBlock","DIV"],["𝗛𝗲𝗮𝗱𝗲𝗿 𝟭","formatBlock","H1"],["Header 2","formatBlock","H2"],["𝙲𝚘𝚍𝚎","formatBlock","PRE"]]);function H(e){var t=e.items,n=e.selected,l=a(e,["items","selected"]);return r.createElement("select",o({},l,{value:n,className:"rsw-dd"}),r.createElement("option",{hidden:!0},l.title),t.map((function(e,t){return r.createElement("option",{key:e[2],value:t},e[0])})))}function N(e){var t=a(e,[]),n=s();return r.createElement("button",o({type:"button",title:"HTML mode",className:"rsw-btn",onClick:function(){n.update({htmlMode:!n.htmlMode})},"data-active":n.htmlMode},t),"</>")}function M(){return s().htmlMode?null:r.createElement("div",{className:"rsw-separator"})}function L(e){return r.createElement("div",o({},e,{className:"rsw-toolbar"}))}function B(e){return r.createElement(d,null,r.createElement(p,o({},e),r.createElement(L,null,r.createElement(C,null),r.createElement(S,null),r.createElement(M,null),r.createElement(h,null),r.createElement(y,null),r.createElement(z,null),r.createElement(E,null),r.createElement(M,null),r.createElement(x,null),r.createElement(g,null),r.createElement(M,null),r.createElement(w,null),r.createElement(b,null),r.createElement(N,null),r.createElement(M,null),r.createElement(k,null))))}}}]);

package/dist/997.index.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkReactSurveyBuilder=self.webpackChunkReactSurveyBuilder||[]).push([[997],{1997:(e,t,n)=>{n.r(t),n.d(t,{default:()=>N});var l=n(5671),a=n(3144),r=n(136),o=n(2963),s=n(1120),i=n(7462),p=n(5987),m=n(359),c=n.n(m),h=n(8514),d=n(7163),u=n(9265),b=n.n(u),f=n(2091),E=n(4051),y=n(1555),v=n(7833),g=n(5005),Z=n(7991);var C=function(e){(0,r.Z)(p,e);var t,n,i=(t=p,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,s.Z)(t);if(n){var a=(0,s.Z)(this).constructor;e=Reflect.construct(l,arguments,a)}else e=l.apply(this,arguments);return(0,o.Z)(this,e)});function p(e){var t;return(0,l.Z)(this,p),(t=i.call(this,e)).state={element:t.props.element,item:t.props.item,dirty:!1},t}return(0,a.Z)(p,[{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:(0,Z.DO)()}),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(E.Z,null,c().createElement(y.Z,{sm:6},c().createElement("b",null,"Options")),this.props.canHaveOptionValue&&c().createElement(y.Z,{sm:2},c().createElement("b",null,"Value")),this.props.canHaveOptionValue&&this.props.canHaveOptionCorrect&&c().createElement(y.Z,{sm:4},c().createElement("b",null,"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(E.Z,null,c().createElement(y.Z,{sm:6},c().createElement(v.Z.Control,{tabIndex:n+1,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(y.Z,{sm:2},c().createElement(v.Z.Control,{type:"text",name:"value_".concat(n),value:a,onChange:e.editValue.bind(e,n)})),e.props.canHaveOptionValue&&e.props.canHaveOptionCorrect&&c().createElement(y.Z,{sm:1},c().createElement(v.Z.Check,{type:"checkbox",value:"1",onChange:e.editOptionCorrect.bind(e,n),checked:t.hasOwnProperty("correct")})),c().createElement(y.Z,{sm:3},c().createElement("div",{className:"dynamic-options-actions-buttons"},c().createElement(g.Z,{variant:"success",onClick:e.addOption.bind(e,n)},c().createElement(f.EIY,null)),n>0&&c().createElement(g.Z,{variant:"danger",onClick:e.removeOption.bind(e,n)},c().createElement(f.wbB,null))))))}))))}}]),p}(c().Component),w=n(2083),k=n(2983),P=["onChange","onBlur","value","name"];var x=c().forwardRef((function(e,t){var n=e.onChange,l=e.onBlur,a=e.value,r=e.name,o=(0,p.Z)(e,P);return c().createElement(k.ZP,(0,i.Z)({},o,{onBlur:l,value:a,name:r,onChange:n,containerProps:{style:{height:"500px",width:"100%",resize:"both"}}}))})),N=function(e){(0,r.Z)(p,e);var t,n,i=(t=p,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,s.Z)(t);if(n){var a=(0,s.Z)(this).constructor;e=Reflect.construct(l,arguments,a)}else e=l.apply(this,arguments);return(0,o.Z)(this,e)});function p(e){var t;return(0,l.Z)(this,p),(t=i.call(this,e)).state={element:t.props.element,item:t.props.item,dirty:!1},t}return(0,a.Z)(p,[{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=b()((0,d.convertToRaw)(n.getCurrentContent())).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,d.convertFromHTML)(e);if(!t.contentBlocks||!t.contentBlocks.length)return d.EditorState.createEmpty();var n=d.ContentState.createFromBlockArray(t);return d.EditorState.createWithContent(n)}},{key:"addOptions",value:function(){var e=this,t=document.getElementById("optionsApiUrl").value;t&&(0,w.U)(t).then((function(t){e.props.element.options=[];var n=e.props.element.options;t.forEach((function(e){e.key=(0,Z.DO)(),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=!!this.props.element.hasOwnProperty("required")&&this.props.element.required,t=!!this.props.element.hasOwnProperty("defaultChecked")&&this.props.element.defaultChecked,n=!!this.props.element.hasOwnProperty("readOnly")&&this.props.element.readOnly,l=!!this.props.element.hasOwnProperty("defaultToday")&&this.props.element.defaultToday,a=!!this.props.element.hasOwnProperty("inline")&&this.props.element.inline,r=!!this.props.element.hasOwnProperty("bold")&&this.props.element.bold,o=!!this.props.element.hasOwnProperty("italic")&&this.props.element.italic,s=!!this.props.element.hasOwnProperty("center")&&this.props.element.center,i=!!this.props.element.hasOwnProperty("pageBreakBefore")&&this.props.element.pageBreakBefore,p=!!this.props.element.hasOwnProperty("alternateForm")&&this.props.element.alternateForm,m=!!this.props.element.hasOwnProperty("hideLabel")&&this.props.element.hideLabel,d=-1!==["NumberInput","EmailInput","TextInput","PhoneNumber","TextArea","DatePicker","Dropdown","Tags","Checkboxes","Checkbox","RadioButtons","Rating","Range"].indexOf(this.state.element.element),u=-1!==["Dropdown","Tags","Checkboxes","RadioButtons"].indexOf(this.state.element.element),b=d&&u,Z=this.props.files.length?this.props.files:[];return(Z.length<1||Z.length>0&&""!==Z[0].id)&&Z.unshift({id:"",file_name:""}),c().createElement("div",null,c().createElement("div",{className:"clearfix"},c().createElement("h4",{className:"float-start"},this.props.element.text),c().createElement(f.aHS,{className:"float-end dismiss-edit",onClick:this.props.manualEditModeOff})),this.props.element.hasOwnProperty("content")&&("Header"===this.state.element.element||"Label"===this.state.element.element||"Paragraph"===this.state.element.element||"ContentBody"===this.state.element.element)&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold"},"Text to display:"),c().createElement(v.Z.Control,{type:"text",id:"content",name:"content",as:x,value:this.props.element.content,defaultValue:this.props.element.content,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"content","value")})),this.props.element.hasOwnProperty("filePath")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"fileSelect"},"Choose file:"),c().createElement(v.Z.Select,{id:"fileSelect",defaultValue:this.props.element.filePath,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"filePath","value")},Z.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(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"href"},"Link to:"),c().createElement(v.Z.Control,{id:"href",type:"text",defaultValue:this.props.element.href,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"href","value")})),this.props.element.hasOwnProperty("label")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold"},"Display Label:"),c().createElement(v.Z.Control,{type:"text",id:"label",name:"label",as:x,value:this.props.element.label,defaultValue:this.props.element.label,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"label","value")})),(this.props.element.hasOwnProperty("required")||this.props.element.hasOwnProperty("readOnly")||this.props.element.hasOwnProperty("defaultToday")||-1!==["Checkboxes","Checkbox"].indexOf(this.state.element.element)||("RadioButtons"===this.state.element.element||"Checkboxes"===this.state.element.element)&&this.props.element.hasOwnProperty("inline"))&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold"},"Field Properties:"),this.props.element.hasOwnProperty("required")&&c().createElement(v.Z.Check,{id:"is-required",label:"Required",type:"checkbox",checked:e,value:!0,onChange:this.editElementProp.bind(this,"required","checked")}),this.props.element.hasOwnProperty("readOnly")&&c().createElement(v.Z.Check,{id:"is-read-only",label:"Read Only",type:"checkbox",checked:n,value:!0,onChange:this.editElementProp.bind(this,"readOnly","checked")}),this.props.element.hasOwnProperty("defaultToday")&&c().createElement(v.Z.Check,{id:"is-default-to-today",label:"Default to Today",type:"checkbox",checked:l,value:!0,onChange:this.editElementProp.bind(this,"defaultToday","checked")}),-1!==["Checkboxes","Checkbox"].indexOf(this.state.element.element)&&c().createElement(v.Z.Check,{id:"default-checked",label:"Default Checked",type:"checkbox",checked:t,value:!0,onChange:this.editElementProp.bind(this,"defaultChecked","checked")}),("RadioButtons"===this.state.element.element||"Checkboxes"===this.state.element.element)&&this.props.element.hasOwnProperty("inline")&&c().createElement(v.Z.Check,{id:"display-horizontal",label:"Display Horizontal",type:"checkbox",checked:a,value:!0,onChange:this.editElementProp.bind(this,"inline","checked")})),"Checkbox"===this.state.element.element&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold"},"Checkbox Label Text:"),c().createElement(v.Z.Control,{type:"text",id:"boxLabel",name:"boxLabel",as:x,value:this.props.element.boxLabel,defaultValue:this.props.element.boxLabel,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"boxLabel","value"),containerProps:{style:{height:"500px",width:"100%",resize:"both"}}})),this.props.element.hasOwnProperty("src")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"srcInput"},"Link to:"),c().createElement(v.Z.Control,{id:"srcInput",type:"text",defaultValue:this.props.element.src,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"src","value")})),("Image"===this.state.element.element||"Camera"===this.state.element.element)&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(E.Z,null,c().createElement(y.Z,{sm:3},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"do-center"},"Alignment:"),c().createElement(v.Z.Check,{id:"do-center",label:"Center",type:"checkbox",checked:s,value:!0,onChange:this.editElementProp.bind(this,"center","checked")})),c().createElement(y.Z,{sm:3},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"elementWidth"},"Width:"),c().createElement(v.Z.Control,{id:"elementWidth",type:"number",defaultValue:this.props.element.width,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"width","value")})),c().createElement(y.Z,{sm:3},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"elementHeight"},"Height:"),c().createElement(v.Z.Control,{id:"elementHeight",type:"number",defaultValue:this.props.element.height,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"height","value")})))),"FileUpload"===this.state.element.element&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"fileType"},"Choose file type:"),c().createElement(v.Z.Select,{id:"fileType",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("pageBreakBefore")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold"},"Print options:"),c().createElement(v.Z.Check,{id:"page-break-before-element",label:"Page Break Before Element",type:"checkbox",checked:i,value:!0,onChange:this.editElementProp.bind(this,"pageBreakBefore","checked")})),this.props.element.hasOwnProperty("alternateForm")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold"},"Alternate/Signature Page:"),c().createElement(v.Z.Check,{id:"display-on-alternate",label:"Display on alternate/signature Page",type:"checkbox",checked:p,value:!0,onChange:this.editElementProp.bind(this,"alternateForm","checked")})),this.props.element.hasOwnProperty("step")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"rangeStep"},"Step:"),c().createElement(v.Z.Control,{id:"rangeStep",type:"number",defaultValue:this.props.element.step,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"step","value")}))),this.props.element.hasOwnProperty("minValue")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"rangeMin"},"Min:"),c().createElement(v.Z.Control,{id:"rangeMin",type:"number",defaultValue:this.props.element.minValue,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"minValue","value")}))),this.props.element.hasOwnProperty("minLabel")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"rangeMin"},"Minimum Value Label:"),c().createElement(v.Z.Control,{type:"text",defaultValue:this.props.element.minLabel,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"minLabel","value")}))),this.props.element.hasOwnProperty("maxValue")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"rangeMax"},"Max:"),c().createElement(v.Z.Control,{id:"rangeMax",type:"number",defaultValue:this.props.element.maxValue,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"maxValue","value")}))),this.props.element.hasOwnProperty("maxLabel")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"rangeMax"},"Maximum Value Label:"),c().createElement(v.Z.Control,{type:"text",defaultValue:this.props.element.maxLabel,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"maxLabel","value")}))),this.props.element.hasOwnProperty("defaultValue")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"defaultSelected"},"Default Selected:"),c().createElement(v.Z.Control,{id:"defaultSelected",type:"number",defaultValue:this.props.element.defaultValue,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"defaultValue","value")}))),this.props.element.hasOwnProperty("static")&&this.props.element.static&&this.props.element.hasOwnProperty("bold")&&this.props.element.hasOwnProperty("italic")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold"},"Text Style:"),c().createElement(v.Z.Check,{id:"do-bold",inline:!0,label:"Bold",type:"checkbox",checked:r,value:!0,onChange:this.editElementProp.bind(this,"bold","checked")}),c().createElement(v.Z.Check,{id:"do-italic",inline:!0,label:"Italic",type:"checkbox",checked:o,value:!0,onChange:this.editElementProp.bind(this,"italic","checked")})),this.props.element.hasOwnProperty("placeholder")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"placeholder"},"Placeholder:"),c().createElement(v.Z.Control,{type:"text",id:"placeholder",defaultValue:this.props.element.placeholder,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"placeholder","value")})),this.props.element.hasOwnProperty("customName")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"customName"},"A Name To Give This Input That Will Show Up In Data Retrieval:"),c().createElement(v.Z.Control,{type:"text",id:"customName",defaultValue:this.props.element.customName,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"customName","value")})),this.props.element.hasOwnProperty("labelLocation")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"labelLocation"},"Choose Label Location:"),c().createElement(v.Z.Select,{id:"labelLocation",defaultValue:this.props.element.labelLocation,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"labelLocation","value")},c().createElement("option",{value:"ABOVE"},"Above Form Field"),c().createElement("option",{value:"FLOATING"},"Floating Inside Form Field"))),this.props.element.hasOwnProperty("hideLabel")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold"},"Hide Label:"),c().createElement(v.Z.Check,{id:"hide-label",label:"Hide Label",type:"checkbox",checked:m,value:!0,onChange:this.editElementProp.bind(this,"hideLabel","checked")})),this.props.element.hasOwnProperty("help")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"help"},"Help instructions/details that will show up beneath the input field:"),c().createElement(h.Z,{type:"text",className:"form-control",id:"help",defaultValue:this.props.element.help,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"help","value")})),(this.props.showDescription&&!this.props.element.static||this.props.element.hasOwnProperty("description"))&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"description"},"Description:"),c().createElement(h.Z,{type:"text",className:"form-control",id:"description",defaultValue:this.props.element.description,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"description","value")})),this.props.showCorrectColumn&&d&&!this.props.element.hasOwnProperty("options")&&c().createElement(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"correct"},"Correct Answer:"),c().createElement(v.Z.Control,{id:"correct",type:"text",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(v.Z.Group,{className:"form-group mb-5"},c().createElement(v.Z.Label,{className:"fw-bold",htmlFor:"optionsApiUrl"},"Populate Options from API:"),c().createElement(E.Z,null,c().createElement(y.Z,{sm:6},c().createElement(v.Z.Control,{style:{width:"100%"},type:"text",id:"optionsApiUrl",placeholder:"http://localhost:8080/api/optionsdata"})),c().createElement(y.Z,{sm:6},c().createElement(g.Z,{variant:"success",onClick:this.addOptions.bind(this)},"Populate")))),this.props.element.hasOwnProperty("options")&&c().createElement(C,{showCorrectColumn:this.props.showCorrectColumn,canHaveOptionCorrect:b,canHaveOptionValue:u,item:this.props.preview.state.item,updateElement:this.props.updateElement,preview:this.props.preview,element:this.props.element,key:this.props.element.options.length}))}}]),p}(c().Component);N.defaultProps={className:"edit-element-fields"}}}]);