configro-form-builder/build/static/js/main.af56c027.chunk.js

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

(this["webpackJsonpconfigro-form-builder"]=this["webpackJsonpconfigro-form-builder"]||[]).push([[0],{41:function(e,t,a){e.exports=a(53)},46:function(e,t,a){},47:function(e,t,a){},53:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),l=a(9),o=a.n(l),c=(a(46),a(47),a(48),a(55)),u=a(56),i=a(33),s=a(38),m=a(10),p=a(11),h=a(14),d=a(12),b=a(15),f=a(23),v=a(13),E=a(39),y=a(57),O=a(58),j=a(59),g=a(60),C=a(40),w=function(e){function t(){return Object(m.a)(this,t),Object(h.a)(this,Object(d.a)(t).apply(this,arguments))}return Object(b.a)(t,e),Object(p.a)(t,[{key:"render",value:function(){var e=Object(v.a)({},this.props);return r.a.createElement(r.a.Fragment,null,r.a.createElement(j.a,{variant:"primary",type:e.type},e.text))}}]),t}(r.a.Component),k=function(e){function t(){var e,a;Object(m.a)(this,t);for(var n=arguments.length,r=new Array(n),l=0;l<n;l++)r[l]=arguments[l];return(a=Object(h.a)(this,(e=Object(d.a)(t)).call.apply(e,[this].concat(r)))).state={value:""},a.handleChange=function(e){a.setState({value:e.currentTarget.value})},a}return Object(b.a)(t,e),Object(p.a)(t,[{key:"render",value:function(){var e=this,t=Object(v.a)({},this.props);return r.a.createElement(r.a.Fragment,null,r.a.createElement(O.a.Label,null,t.label),r.a.createElement(O.a.Control,{type:t.type,placeholder:t.placeholder,value:this.state.value,name:this.buildName(t.label),onChange:function(t){return e.handleChange(t)}}))}},{key:"buildName",value:function(e){for(var t="input",a=e.split(" "),n=0;n<a.length;n++)t+=a[n][0].toUpperCase()+a[n].substr(1).toLowerCase();return t}}]),t}(r.a.Component),S=function(e){function t(){return Object(m.a)(this,t),Object(h.a)(this,Object(d.a)(t).apply(this,arguments))}return Object(b.a)(t,e),Object(p.a)(t,[{key:"render",value:function(){var e,t=Object(v.a)({},this.props);switch(t.typeOf){case"ConfigroButton":e=r.a.createElement(w,t);break;case"ConfigroInput":e=r.a.createElement(k,t)}return e}}]),t}(r.a.Component),T=function(e){function t(){var e,a;Object(m.a)(this,t);for(var n=arguments.length,r=new Array(n),l=0;l<n;l++)r[l]=arguments[l];return(a=Object(h.a)(this,(e=Object(d.a)(t)).call.apply(e,[this].concat(r)))).handleFormSubmit=function(e){e.preventDefault();for(var t=new Map,n=e.currentTarget.elements,r=0;r<n.length;r++){var l=n.item(r);null!==l.getAttribute("name")&&t.set(String(l.getAttribute("name")),l.value)}a.props.onFormSubmit(t)},a}return Object(b.a)(t,e),Object(p.a)(t,[{key:"render",value:function(){var e=this.props.data.map((function(e,t){return r.a.createElement(O.a.Group,{key:t},r.a.createElement(S,Object.assign({key:t},e)))}));return r.a.createElement(O.a,{onSubmit:this.handleFormSubmit},e)}}]),t}(r.a.Component),I=function(e){var t=Object(n.useState)({typeOf:"ConfigroInput",label:"",type:"",placeholder:""}),a=Object(E.a)(t,2),l=a[0],o=a[1],c=function(e){o(Object(v.a)({},l,Object(f.a)({},e.currentTarget.name,e.currentTarget.value)))};return r.a.createElement(y.a,{show:e.show,onHide:e.handleClose},r.a.createElement(y.a.Header,{closeButton:!0},r.a.createElement(y.a.Title,null,e.title)),r.a.createElement(y.a.Body,null,r.a.createElement(O.a,null,r.a.createElement(O.a.Group,null,r.a.createElement(O.a.Label,null,"Input Label"),r.a.createElement(O.a.Control,{name:"label",value:l.label,onChange:function(e){return c(e)}})),r.a.createElement(O.a.Group,null,r.a.createElement(O.a.Label,null,"Input Placeholder"),r.a.createElement(O.a.Control,{name:"placeholder",value:l.placeholder,onChange:function(e){return c(e)}})))),r.a.createElement(y.a.Footer,null,r.a.createElement(j.a,{variant:"secondary",onClick:e.handleClose},"Close"),r.a.createElement(j.a,{variant:"primary",onClick:function(){e.handleSave(Object(v.a)({},l,{type:e.inputType})),o({typeOf:"ConfigroInput",label:"",type:"",placeholder:""})}},"Save")))},x=function(e){function t(){var e,a;Object(m.a)(this,t);for(var n=arguments.length,r=new Array(n),l=0;l<n;l++)r[l]=arguments[l];return(a=Object(h.a)(this,(e=Object(d.a)(t)).call.apply(e,[this].concat(r)))).state={show:!1,data:[],modalTitle:"",inputType:""},a.handleClose=function(){return a.setState({show:!1})},a.openInputModal=function(e,t){return a.setState({show:!0,modalTitle:e,inputType:t})},a.handleSave=function(e){return a.setState({data:[].concat(Object(s.a)(a.state.data),[e]),show:!1})},a}return Object(b.a)(t,e),Object(p.a)(t,[{key:"render",value:function(){var e=this;return r.a.createElement(c.a,null,r.a.createElement(I,{title:this.state.modalTitle,show:this.state.show,inputType:this.state.inputType,handleSave:this.handleSave,handleClose:this.handleClose}),r.a.createElement(u.a,null,r.a.createElement(i.a,null,r.a.createElement(g.a,null,r.a.createElement(C.a,null,r.a.createElement(j.a,{variant:"link",onClick:function(){return e.openInputModal("Add Text Input","text")},style:{border:"1px solid dashed"}},"Text")),r.a.createElement(C.a,null,r.a.createElement(j.a,{variant:"link",onClick:function(){return e.openInputModal("Add Email Input","email")},style:{border:"1px solid dashed"}},"Email")))),r.a.createElement(i.a,null,r.a.createElement(T,{data:this.state.data,onFormSubmit:function(e){return console.log(e)}}))))}}]),t}(r.a.Component);var A=function(){return r.a.createElement(c.a,null,r.a.createElement(u.a,null,r.a.createElement(i.a,null,r.a.createElement(x,null))))};Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));o.a.render(r.a.createElement(A,null),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then((function(e){e.unregister()})).catch((function(e){console.error(e.message)}))}},[[41,1,2]]]);
//# sourceMappingURL=main.af56c027.chunk.js.map