react-mini-chart/build/index.js

react mini line chart

module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(r).default}})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=a(n(2)),i=a(n(3));function a(e){return e&&e.__esModule?e:{default:e}}var u=function(e){function t(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return e.handleMouseMove=function(t){for(var n=t.nativeEvent.offsetX,r=e.props.width/(e.props.dataSet.length-1),o=Math.floor(r/2),i=-1,a=0;a<e.points.length;a++)if(n<e.points[a].x+o&&n>e.points[a].x-o){i=a;break}i>=0&&e.setState({aIdx:i})},e.handleMouseLeave=function(){e.setState({aIdx:-1})},e.points=[],e.state={aIdx:-1},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,o.default.Component),r(t,[{key:"render",value:function(){var e=this.props,t=e.dataSet,n=e.width,r=e.height,i=e.strokeColor,a=e.strokeWidth,u=e.padding,s=e.activePointRadius,l=e.activePointColor,c=e.labelFontSize,f=Math.max(Math.ceil(a/2),s),p=t.length,d=p>0?t.reduce(function(e,t){return Math.max(e,t)}):0,h=p>0?t.reduce(function(e,t){return Math.min(e,t)}):0,y=(""+u).indexOf("%")>=0?parseInt(u)/100*r:u,b=t.map(function(e){return r-(Math.round(e/(d-h)*(r-2*y))+2*y)});this.points=[];for(var v=0;v<p;v++){var m=f+Math.round(v*((n-2*f)/(p-1)));this.points.push({x:m,y:b[v]})}var x=this.points.map(function(e){return e.x+","+e.y}).join(" "),g=o.default.createElement("polyline",{style:{transition:"all 0.3s"},points:x,strokeLinecap:"round",strokeLinejoin:"round",fill:"none",stroke:i,strokeWidth:a}),_="0 0 "+n+" "+r,O=this.state.aIdx>=0?o.default.createElement("circle",{fill:l,cx:this.points[this.state.aIdx].x,cy:this.points[this.state.aIdx].y,r:s}):"",P=this.state.aIdx>=0?o.default.createElement("span",{style:{fontSize:c,border:"1px solid #ddd",lineHeight:"1.2",padding:"0 "+c/5+"px",borderRadius:1,transform:"translateX(-50%)",backgroundColor:"rgba(255,255,255, 0.8)",color:i,position:"absolute",userSelect:"none",top:this.points[this.state.aIdx].y-1.3*c-s,left:this.points[this.state.aIdx].x}},this.props.dataSet[this.state.aIdx]):"";return o.default.createElement("div",{style:{display:"inline-block",position:"relative"},onMouseLeave:this.handleMouseLeave},o.default.createElement("svg",{onMouseMove:this.handleMouseMove,style:{transition:"all 0.3s",display:"block"},width:n,height:r,xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none",viewBox:_},g,O),P)}}]),t}();u.defaultProps={dataSet:[],width:200,height:50,strokeColor:"#039BE5",strokeWidth:2,padding:"15%",activePointRadius:3,labelFontSize:11,activePointColor:"#039BE5"},u.propTypes={dataSet:i.default.array,width:i.default.number,height:i.default.number,strokeColor:i.default.string,strokeWidth:i.default.number,padding:i.default.string,activePointRadius:i.default.number,activePointColor:i.default.string,labelFontSize:i.default.number},t.default=u},function(e,t){e.exports=require("react")},function(e,t,n){e.exports=n(4)()},function(e,t,n){"use strict";var r=n(5);function o(){}e.exports=function(){function e(e,t,n,o,i,a){if(a!==r){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=o,n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}]);