react-survey-builder 1.0.40 → 1.0.42

package/dist/320.index.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkReactSurveyBuilder=self.webpackChunkReactSurveyBuilder||[]).push([[320],{2106:(e,t,n)=>{n.d(t,{Z:()=>c});var r=n(7582),o=n(359),a=n(4806),l=n(680);function i(e){var t=function(){var e=o.useContext(a._y);return(0,l.lq)(e),e}(),n=t.formatMessage,r=t.textComponent,i=void 0===r?o.Fragment:r,u=e.id,c=e.description,d=e.defaultMessage,s=e.values,m=e.children,f=e.tagName,v=void 0===f?i:f,p=n({id:u,description:c,defaultMessage:d},s,{ignoreTag:e.ignoreTag});return"function"==typeof m?m(Array.isArray(p)?p:[p]):v?o.createElement(v,null,o.Children.toArray(p)):o.createElement(o.Fragment,null,p)}i.displayName="FormattedMessage";var u=o.memo(i,(function(e,t){var n=e.values,o=(0,r._T)(e,["values"]),a=t.values,i=(0,r._T)(t,["values"]);return(0,l.wU)(a,n)&&(0,l.wU)(o,i)}));u.displayName="MemoizedFormattedMessage";const c=u},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),M=a.useRef(0),N=a.useRef(),R=function(){var e=z.current,t=l&&N.current?N.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){N.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];M.current!==r&&(M.current=r,e.style.setProperty("height",r+"px","important"),w(r,{rowHeight:o}))}};return a.useLayoutEffect(R),p(window,"resize",R),n=R,p(document.fonts,"loadingdone",n),a.createElement("textarea",(0,r.Z)({},x,{onChange:function(e){S||R(),y(e)},ref:C}))},b=a.forwardRef(g)},2983:(e,t,n)=>{n.d(t,{ZP:()=>T});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=M("Bold","𝐁","bold"),g=M("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=M("Clear formatting","T̲ₓ","removeFormat"),y=M("Italic","𝑰","italic"),E=M("Strike through",r.createElement("s",null,"ab"),"strikeThrough"),w=M("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=M("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=M("Redo","↷","redo"),z=M("Underline",r.createElement("span",{style:{textDecoration:"underline"}},"𝐔"),"underline"),C=M("Undo","↶","undo");function M(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 N=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(R,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 R(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 k(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 H(){return s().htmlMode?null:r.createElement("div",{className:"rsw-separator"})}function L(e){return r.createElement("div",o({},e,{className:"rsw-toolbar"}))}function T(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(H,null),r.createElement(h,null),r.createElement(y,null),r.createElement(z,null),r.createElement(E,null),r.createElement(H,null),r.createElement(x,null),r.createElement(g,null),r.createElement(H,null),r.createElement(w,null),r.createElement(b,null),r.createElement(k,null),r.createElement(H,null),r.createElement(N,null))))}}}]);

package/dist/57.index.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkReactSurveyBuilder=self.webpackChunkReactSurveyBuilder||[]).push([[57],{57:(e,t,n)=>{n.r(t),n.d(t,{default:()=>B});var l=n(5671),a=n(3144),r=n(136),o=n(2963),i=n(1120),s=n(7462),m=n(5987),p=n(359),c=n.n(p),h=n(8514),d=n(7163),u=n(9265),b=n.n(u),E=n(9333),f=n.n(E),y=n(2106);const v=(0,n(4806).ZP)((function(e){return c().createElement(y.Z,e)}),{withRef:!1});var g=n(2091),Z=n(4051),w=n(1555),C=n(7833),k=n(5005);var P=function(e){(0,r.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,o.Z)(this,e)});function m(e){var t;return(0,l.Z)(this,m),(t=s.call(this,e)).state={element:t.props.element,item:t.props.item,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(Z.Z,null,c().createElement(w.Z,{sm:6},c().createElement("b",null,c().createElement(v,{id:"options"}))),this.props.canHaveOptionValue&&c().createElement(w.Z,{sm:2},c().createElement("b",null,c().createElement(v,{id:"value"}))),this.props.canHaveOptionValue&&this.props.canHaveOptionCorrect&&c().createElement(w.Z,{sm:4},c().createElement("b",null,c().createElement(v,{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(Z.Z,null,c().createElement(w.Z,{sm:6},c().createElement(C.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(w.Z,{sm:2},c().createElement(C.Z.Control,{type:"text",name:"value_".concat(n),value:a,onChange:e.editValue.bind(e,n)})),e.props.canHaveOptionValue&&e.props.canHaveOptionCorrect&&c().createElement(w.Z,{sm:1},c().createElement(C.Z.Check,{type:"checkbox",value:"1",onChange:e.editOptionCorrect.bind(e,n),checked:t.hasOwnProperty("correct")})),c().createElement(w.Z,{sm:3},c().createElement("div",{className:"dynamic-options-actions-buttons"},c().createElement(k.Z,{variant:"success",onClick:e.addOption.bind(e,n)},c().createElement(g.EIY,null)),n>0&&c().createElement(k.Z,{variant:"danger",onClick:e.removeOption.bind(e,n)},c().createElement(g.wbB,null))))))}))))}}]),m}(c().Component),x=n(2083),N=n(2983),O=["onChange","onBlur","value","name"];var L=c().forwardRef((function(e,t){var n=e.onChange,l=e.onBlur,a=e.value,r=e.name,o=(0,m.Z)(e,O);return c().createElement(N.ZP,(0,s.Z)({},o,{onBlur:l,value:a,name:r,onChange:n,containerProps:{style:{height:"500px",width:"100%",resize:"both"}}}))})),B=function(e){(0,r.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,o.Z)(this,e)});function m(e){var t;return(0,l.Z)(this,m),(t=s.call(this,e)).state={element:t.props.element,item:t.props.item,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=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,x.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=!!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,i=!!this.props.element.hasOwnProperty("center")&&this.props.element.center,s=!!this.props.element.hasOwnProperty("pageBreakBefore")&&this.props.element.pageBreakBefore,m=!!this.props.element.hasOwnProperty("alternateForm")&&this.props.element.alternateForm,p=!!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,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")&&this.convertFromHTML(this.props.element.content),this.props.element.hasOwnProperty("label")&&this.convertFromHTML(this.props.element.label),this.props.element.hasOwnProperty("boxLabel")&&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(g.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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},c().createElement(v,{id:"text-to-display"}),":"),c().createElement(C.Z.Control,{type:"text",id:"content",name:"content",as:L,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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"fileSelect"},c().createElement(v,{id:"choose-file"}),":"),c().createElement(C.Z.Select,{id:"fileSelect",defaultValue:this.props.element.filePath,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"filePath","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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"href"},c().createElement(v,{id:"link-to"}),":"),c().createElement(C.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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},c().createElement(v,{id:"display-label"}),":"),c().createElement(C.Z.Control,{type:"text",id:"label",name:"label",as:L,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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},"Field Properties:"),this.props.element.hasOwnProperty("required")&&c().createElement(C.Z.Check,{id:"is-required",label:c().createElement(v,{id:"required"}),type:"checkbox",checked:e,value:!0,onChange:this.editElementProp.bind(this,"required","checked")}),this.props.element.hasOwnProperty("readOnly")&&c().createElement(C.Z.Check,{id:"is-read-only",label:c().createElement(v,{id:"read-only"}),type:"checkbox",checked:n,value:!0,onChange:this.editElementProp.bind(this,"readOnly","checked")}),this.props.element.hasOwnProperty("defaultToday")&&c().createElement(C.Z.Check,{id:"is-default-to-today",label:c().createElement(v,{id:"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(C.Z.Check,{id:"default-checked",label:c().createElement(v,{id:"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(C.Z.Check,{id:"display-horizontal",label:c().createElement(v,{id:"display-horizontal"}),type:"checkbox",checked:a,value:!0,onChange:this.editElementProp.bind(this,"inline","checked")})),"Checkbox"===this.state.element.element&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},c().createElement(v,{id:"checkbox-label-text"}),":"),c().createElement(C.Z.Control,{type:"text",id:"boxLabel",name:"boxLabel",as:L,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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"srcInput"},c().createElement(v,{id:"link-to"}),":"),c().createElement(C.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(C.Z.Group,{className:"form-group mb-5"},c().createElement(Z.Z,null,c().createElement(w.Z,{sm:3},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"do-center"},"Alignment:"),c().createElement(C.Z.Check,{id:"do-center",label:c().createElement(v,{id:"center"}),type:"checkbox",checked:i,value:!0,onChange:this.editElementProp.bind(this,"center","checked")})),c().createElement(w.Z,{sm:3},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"elementWidth"},c().createElement(v,{id:"width"}),":"),c().createElement(C.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(w.Z,{sm:3},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"elementHeight"},c().createElement(v,{id:"height"}),":"),c().createElement(C.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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"fileType"},c().createElement(v,{id:"choose-file-type"}),":"),c().createElement(C.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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},c().createElement(v,{id:"print-options"}),":"),c().createElement(C.Z.Check,{id:"page-break-before-element",label:c().createElement(v,{id:"page-break-before-element"}),type:"checkbox",checked:s,value:!0,onChange:this.editElementProp.bind(this,"pageBreakBefore","checked")})),this.props.element.hasOwnProperty("alternateForm")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},c().createElement(v,{id:"alternate-signature-page"}),":"),c().createElement(C.Z.Check,{id:"display-on-alternate",label:c().createElement(v,{id:"display-on-alternate-signature-page"}),type:"checkbox",checked:m,value:!0,onChange:this.editElementProp.bind(this,"alternateForm","checked")})),this.props.element.hasOwnProperty("step")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"rangeStep"},c().createElement(v,{id:"step"}),":"),c().createElement(C.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(C.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"rangeMin"},c().createElement(v,{id:"min"}),":"),c().createElement(C.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(C.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"rangeMin"},c().createElement(v,{id:"min-label"}),":"),c().createElement(C.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(C.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"rangeMax"},c().createElement(v,{id:"max"}),":"),c().createElement(C.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(C.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"rangeMax"},c().createElement(v,{id:"max-label"}),":"),c().createElement(C.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(C.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"defaultSelected"},c().createElement(v,{id:"default-selected"}),":"),c().createElement(C.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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},c().createElement(v,{id:"text-style"}),":"),c().createElement(C.Z.Check,{id:"do-bold",inline:!0,label:c().createElement(v,{id:"bold"}),type:"checkbox",checked:r,value:!0,onChange:this.editElementProp.bind(this,"bold","checked")}),c().createElement(C.Z.Check,{id:"do-italic",inline:!0,label:c().createElement(v,{id:"italic"}),type:"checkbox",checked:o,value:!0,onChange:this.editElementProp.bind(this,"italic","checked")})),this.props.element.hasOwnProperty("placeholder")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"placeholder"},c().createElement(v,{id:"place-holder-text-label"}),":"),c().createElement(C.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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"customName"},c().createElement(v,{id:"custom-name-label"}),":"),c().createElement(C.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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"labelLocation"},c().createElement(v,{id:"choose-label-location"}),":"),c().createElement(C.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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},"Hide Label:"),c().createElement(C.Z.Check,{id:"hide-label",label:"Hide Label",type:"checkbox",checked:p,value:!0,onChange:this.editElementProp.bind(this,"hideLabel","checked")})),this.props.element.hasOwnProperty("help")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"help"},c().createElement(v,{id:"help-label"}),":"),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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"description"},c().createElement(v,{id:"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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"correct"},c().createElement(v,{id:"correct-answer"}),":"),c().createElement(C.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(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"optionsApiUrl"},c().createElement(v,{id:"populate-options-from-api"}),":"),c().createElement(Z.Z,null,c().createElement(w.Z,{sm:6},c().createElement(C.Z.Control,{style:{width:"100%"},type:"text",id:"optionsApiUrl",placeholder:"http://localhost:8080/api/optionsdata"})),c().createElement(w.Z,{sm:6},c().createElement(k.Z,{variant:"success",onClick:this.addOptions.bind(this)},c().createElement(v,{id:"populate"}))))),this.props.element.hasOwnProperty("options")&&c().createElement(P,{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}))}}]),m}(c().Component);B.defaultProps={className:"edit-element-fields"}}}]);

package/lib/fieldset/FieldSet.js

@@ -1,129 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = FieldSetBase;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _componentHeader = _interopRequireDefault(require("../survey-elements/component-header"));
-var _dustbin = _interopRequireDefault(require("../multi-column/dustbin"));
-var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
-var _reactBootstrap = require("react-bootstrap");
-var _myxss = _interopRequireDefault(require("../survey-elements/myxss"));
-var _excluded = ["item", "className"];
-/* eslint-disable camelcase */
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var accepts = [_ItemTypes["default"].BOX, _ItemTypes["default"].CARD];
-var ComponentLegend = function ComponentLegend(_ref) {
-  var item = _ref.item;
-  var labelText = _myxss["default"].process(item.label);
-  if (!labelText || !labelText.trim()) {
-    return null;
-  }
-  return /*#__PURE__*/_react["default"].createElement("legend", {
-    dangerouslySetInnerHTML: {
-      __html: labelText
-    }
-  });
-};
-function FieldSetBase(props) {
-  var _React$useState = _react["default"].useState({}),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    childData = _React$useState2[0],
-    setChildData = _React$useState2[1];
-  var _React$useState3 = _react["default"].useState(null),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    childItems = _React$useState4[0],
-    setChildItems = _React$useState4[1];
-  _react["default"].useEffect(function () {
-    var item = props.item,
-      className = props.className,
-      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-    setChildData(item);
-    var count = 1;
-    createChild(count, item);
-  }, [props]);
-  var addNewChild = function addNewChild() {
-    var $dataItem = props.item;
-    var colCount = $dataItem.childItems.length + 1;
-    var oldChilds = $dataItem.childItems;
-    $dataItem.childItems = Array.from({
-      length: colCount
-    }, function (v, i) {
-      return oldChilds[i] ? oldChilds[i] : null;
-    });
-    setChildItems($dataItem.childItems);
-  };
-  var _onDropSuccess = function onDropSuccess(droppedIndex) {
-    var totalChild = childItems ? childItems.length : 0;
-    var isLastChild = totalChild === droppedIndex + 1;
-    if (isLastChild) {
-      addNewChild();
-    }
-  };
-  var createChild = function createChild(count, $dataItem) {
-    var colCount = count;
-    if (!$dataItem.childItems) {
-      // eslint-disable-next-line no-param-reassign
-      $dataItem.childItems = Array.from({
-        length: colCount
-      }, function (v, i) {
-        return null;
-      });
-      $dataItem.isContainer = true;
-    }
-    setChildItems($dataItem.childItems);
-  };
-  var controls = props.controls,
-    editModeOn = props.editModeOn,
-    getDataById = props.getDataById,
-    setAsChild = props.setAsChild,
-    removeChild = props.removeChild,
-    seq = props.seq,
-    index = props.index;
-  var pageBreakBefore = childData.pageBreakBefore;
-  var baseClasses = "SortableItem rfb-item";
-  if (pageBreakBefore) {
-    baseClasses += " alwaysbreak";
-  }
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: _objectSpread({}, props.style),
-    className: baseClasses
-  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], (0, _extends2["default"])({}, props, {
-    isFieldSet: true
-  })), /*#__PURE__*/_react["default"].createElement("fieldset", null, /*#__PURE__*/_react["default"].createElement(ComponentLegend, props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Container, {
-    fluid: true
-  }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Row, null, childItems === null || childItems === void 0 ? void 0 : childItems.map(function (x, i) {
-    return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
-      key: "".concat(i, "_").concat(x || "_"),
-      md: 12
-    }, controls ? controls[i] : /*#__PURE__*/_react["default"].createElement(_dustbin["default"], {
-      style: {
-        width: "100%"
-      },
-      item: childData,
-      accepts: accepts,
-      items: childItems,
-      key: i,
-      col: i,
-      onDropSuccess: function onDropSuccess() {
-        return _onDropSuccess(i);
-      },
-      parentIndex: index,
-      editModeOn: editModeOn,
-      _onDestroy: function _onDestroy() {
-        return removeChild(childData, i);
-      },
-      getDataById: getDataById,
-      setAsChild: setAsChild,
-      seq: seq,
-      rowNo: i
-    }));
-  })))));
-}