1 line
9.8 KiB
JavaScript
1 line
9.8 KiB
JavaScript
!function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){"use strict";var n,o,a,i,s;i=r(2),a=r(4),n=r(3),o=r(1),s=React.createClass({getInitialState:function(){return{submitable:!1}},onInputChange:function(e,t){return console.log("onInputChange -> "+t.getValue())},onFormValid:function(e,t){return console.log("onFormValid",t.getValue()),this.setState({submitable:!0})},onFormError:function(e,t){return console.log("onFormError",t.getValue()),this.setState({submitable:!1})},onButtonClick:function(e,t){return console.log("onButtonClick",t)},render:function(){var e;return e=[{ref:"name",label:"Your Name",required:!0},{ref:"description",multiline:!0,label:"Description",value:"Doer"},{ref:"years",type:"number",label:"Years"},{ref:"twitter",label:"Nickname",disabled:!0}],React.createElement("app",null,React.createElement("h1",null,"Hello World !"),React.createElement(a,{attributes:e,onError:this.onFormError,onValid:this.onFormValid}),"# ",React.createElement(n,{caption:"Login",disabled:!this.state.submitable}),"# ",React.createElement(n,{caption:"Primary",style:"primary",icon:"access_alarm"}),"# ",React.createElement(n,{caption:"Secondary",style:"secondary",onClick:this.onButtonClick}),"# ",React.createElement(n,{caption:"Disabled",disabled:!0,onClick:this.onButtonClick}),"#\n# ",React.createElement(n,{type:"circle",icon:"access_alarm",disabled:!this.state.submitable}),"# ",React.createElement(n,{type:"circle",icon:"explore",style:"primary"}),"# ",React.createElement(n,{type:"circle",icon:"zoom_in",style:"secondary"}),"# ",React.createElement(n,{type:"circle",icon:"input",disabled:!0}),"#",React.createElement(o,{value:"access_alarm"}))}}),React.render(React.createElement(s,null),document.body)},function(e,t,r){e.exports=React.createClass({propTypes:{value:React.PropTypes.array.required},render:function(){return React.createElement("span",{"data-component-fonticon":!0,className:"icon "+this.props.value})}})},function(e,t,r){e.exports=React.createClass({propTypes:{type:React.PropTypes.string.required,label:React.PropTypes.string,value:React.PropTypes.string,error:React.PropTypes.string,required:React.PropTypes.bool,disabled:React.PropTypes.bool,multiline:React.PropTypes.bool,onChange:React.PropTypes.func,style:React.PropTypes.object},getDefaultProps:function(){return{type:"text",disabled:!1,multiline:!1,style:{background:"red",borderBottom:"solid 2px red",color:"red",":hover":{background:"blue"}}}},getInitialState:function(){return{value:this.props.value}},onChange:function(e){var t;return this.setState({value:e.target.value}),"function"==typeof(t=this.props).onChange?t.onChange(e,this):void 0},render:function(){var e;return e="",this.props.error&&(e+=" error"),React.createElement("div",{"data-component-input":this.props.type,className:e,style:this.props.style},this.props.multiline?React.createElement("textarea",React.__spread({},this.props,{onChange:this.onChange}),this.state.value):React.createElement("input",React.__spread({},this.props,{value:this.state.value,onChange:this.onChange})),React.createElement("span",{className:"bar"}),this.props.label?React.createElement("label",null,this.props.label):void 0,this.props.error?React.createElement("span",{className:"error"},this.props.error):void 0)},getValue:function(){return this.state.value},setValue:function(e){return this.setState({value:e})},setError:function(e){return null==e&&(e="Unknown error"),this.setState({error:e})}})},function(e,t,r){var n,o,a;a=r(9),n=r(1),o=r(5),e.exports=React.createClass({propTypes:{type:React.PropTypes.string,caption:React.PropTypes.string,icon:React.PropTypes.string,style:React.PropTypes.string,disabled:React.PropTypes.bool},getDefaultProps:function(){return{type:"square",disabled:!1}},getInitialState:function(){return{ripple:void 0}},onClick:function(e){var t;return e.preventDefault(),this.setState({ripple:{left:e.pageX-e.target.offsetLeft,top:e.pageY-e.target.offsetTop}}),"function"==typeof(t=this.props).onClick?t.onClick(e,this):void 0},render:function(){return React.createElement("button",{"data-component-button":this.props.type,onClick:this.onClick,className:this.props.style,disabled:this.props.disabled,"data-flex":"horizontal center"},this.props.icon?React.createElement(n,{value:this.props.icon}):void 0,this.props.caption?React.createElement("abbr",null,this.props.caption):void 0,React.createElement(o,{origin:this.state.ripple}))}})},function(e,t,r){var n;n=r(2),e.exports=React.createClass({propTypes:{attributes:React.PropTypes.array.required,storage:React.PropTypes.bool,onSubmit:React.PropTypes.func,onError:React.PropTypes.func,onValid:React.PropTypes.func},getDefaultProps:function(){return{storage:!1}},getInitialState:function(){return{attributes:this.props.attributes}},onSubmit:function(e){var t;return e.preventDefault(),"function"==typeof(t=this.props).onSubmit?t.onSubmit(e,this):void 0},onChange:function(e){var t,r,n,o,a,i,s,c,l,p,u;for(i=!0,u=this.getValue(),l=this.props.attributes,a=0,s=l.length;s>a;a++)if(t=l[a],t.required&&""===(null!=(p=u[t.ref])?p.trim():void 0)){i=!1,"function"==typeof(r=this.refs[t.ref]).setError&&r.setError();break}return"function"==typeof(n=this.props)[c=i?"onValid":"onError"]&&n[c](e,this),"function"==typeof(o=this.props).onChange?o.onChange(e,this):void 0},render:function(){var e,t;return React.createElement("form",{"data-component-form":!0,onSubmit:this.onSubmit,onChange:this.onChange},function(){var r,o,a,i;for(a=this.props.attributes,i=[],t=r=0,o=a.length;o>r;t=++r)e=a[t],i.push(React.createElement(n,React.__spread({},e)));return i}.call(this))},getValue:function(){var e,t,r,n;n={},r=this.refs;for(t in r)e=r[t],n[t]=e.getValue();return n},setValue:function(e){return this.setState({attributes:e})}})},function(e,t,r){e.exports=React.createClass({propTypes:{origin:React.PropTypes.object,colour:React.PropTypes.string},getDefaultProps:function(){return{origin:void 0,colour:"#ffffff"}},componentDidMount:function(){var e,t,r,n,o,a;for(e=this.getDOMNode(),o=["animationend","webkitAnimationEnd","oAnimationEnd","MSAnimationEnd"],a=[],t=0,n=o.length;n>t;t++)r=o[t],a.push(e.addEventListener(r,function(t){return function(){return e.classList.remove("active")}}(this),!1));return a},componentDidUpdate:function(){return this.getDOMNode().classList.add("active")},render:function(){var e,t;return React.createElement("div",{"data-component-ripple":!0,style:{left:null!=(e=this.props.origin)?e.left:void 0,top:null!=(t=this.props.origin)?t.top:void 0}})}})},function(e,t,r){t=e.exports=r(7)(),t.push([e.id,"button{background-color:green!important}",""])},function(e,t,r){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},o=0;o<this.length;o++){var a=this[o][0];"number"==typeof a&&(n[a]=!0)}for(o=0;o<t.length;o++){var i=t[o];"number"==typeof i[0]&&n[i[0]]||(r&&!i[2]?i[2]=r:r&&(i[2]="("+i[2]+") and ("+r+")"),e.push(i))}},e}},function(e,t,r){function n(e,t){for(var r=0;r<e.length;r++){var n=e[r],o=u[n.id];if(o){o.refs++;for(var a=0;a<o.parts.length;a++)o.parts[a](n.parts[a]);for(;a<n.parts.length;a++)o.parts.push(s(n.parts[a],t))}else{for(var i=[],a=0;a<n.parts.length;a++)i.push(s(n.parts[a],t));u[n.id]={id:n.id,refs:1,parts:i}}}}function o(e){for(var t=[],r={},n=0;n<e.length;n++){var o=e[n],a=o[0],i=o[1],s=o[2],c=o[3],l={css:i,media:s,sourceMap:c};r[a]?r[a].parts.push(l):t.push(r[a]={id:a,parts:[l]})}return t}function a(){var e=document.createElement("style"),t=h();return e.type="text/css",t.appendChild(e),e}function i(){var e=document.createElement("link"),t=h();return e.rel="stylesheet",t.appendChild(e),e}function s(e,t){var r,n,o;if(t.singleton){var s=v++;r=m||(m=a()),n=c.bind(null,r,s,!1),o=c.bind(null,r,s,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=i(),n=p.bind(null,r),o=function(){r.parentNode.removeChild(r),r.href&&URL.revokeObjectURL(r.href)}):(r=a(),n=l.bind(null,r),o=function(){r.parentNode.removeChild(r)});return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}function c(e,t,r,n){var o=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=g(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function l(e,t){var r=t.css,n=t.media;t.sourceMap;if(n&&e.setAttribute("media",n),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function p(e,t){var r=t.css,n=(t.media,t.sourceMap);n&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var o=new Blob([r],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(o),a&&URL.revokeObjectURL(a)}var u={},f=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},d=f(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),h=f(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,v=0;e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=d());var r=o(e);return n(r,t),function(e){for(var a=[],i=0;i<r.length;i++){var s=r[i],c=u[s.id];c.refs--,a.push(c)}if(e){var l=o(e);n(l,t)}for(var i=0;i<a.length;i++){var c=a[i];if(0===c.refs){for(var p=0;p<c.parts.length;p++)c.parts[p]();delete u[c.id]}}}};var g=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t,r){var n=r(6);"string"==typeof n&&(n=[[e.id,n,""]]);r(8)(n,{});n.locals&&(e.exports=n.locals)}]); |