Expose animationDuration in propTypes. Fix indentation

Author: tomauty

dist/LineChart.js

@@ -97,7 +97,7 @@ function(){
 if(!_this.props.showDataPoint)return null;
 return (
 _react2.default.createElement(Surface,{width:containerWidth,height:containerHeight,__source:{fileName:_jsxFileName,lineNumber:99}},
-dataPoints.map(function(d,i){return _react2.default.createElement(_Circle2.default,_extends({key:i},d,{__source:{fileName:_jsxFileName,lineNumber:100}}));})));}()));};var heightValue=props.animated?0:props.containerHeight;var opacityValue=props.animated?0:1;_this.state={height:new _reactNative.Animated.Value(heightValue),opacity:new _reactNative.Animated.Value(opacityValue)};return _this;}_createClass(LineChart,[{key:'componentWillUpdate',value:function componentWillUpdate(){if(props.animated){_reactNative.Animated.timing(this.state.opacity,{duration:0,toValue:0}).start();_reactNative.Animated.timing(this.state.height,{duration:0,toValue:0}).start();}}},{key:'componentDidUpdate',value:function componentDidUpdate(){if(props.animated){_reactNative.Animated.timing(this.state.height,{duration:this.props.animationDuration,toValue:1}).start();_reactNative.Animated.timing(this.state.opacity,{duration:this.props.animationDuration,toValue:1}).start();}}},{key:'render',value:function render()
+dataPoints.map(function(d,i){return _react2.default.createElement(_Circle2.default,_extends({key:i},d,{__source:{fileName:_jsxFileName,lineNumber:100}}));})));}()));};var heightValue=props.animated?0:props.containerHeight;var opacityValue=props.animated?0:1;_this.state={height:new _reactNative.Animated.Value(heightValue),opacity:new _reactNative.Animated.Value(opacityValue)};return _this;}_createClass(LineChart,[{key:'componentWillUpdate',value:function componentWillUpdate(){if(this.props.animated){_reactNative.Animated.timing(this.state.opacity,{duration:0,toValue:0}).start();_reactNative.Animated.timing(this.state.height,{duration:0,toValue:0}).start();}}},{key:'componentDidUpdate',value:function componentDidUpdate(){if(this.props.animated){_reactNative.Animated.timing(this.state.height,{duration:this.props.animationDuration,toValue:1}).start();_reactNative.Animated.timing(this.state.opacity,{duration:this.props.animationDuration,toValue:1}).start();}}},{key:'render',value:function render()
 
 
 

src/Chart.js

@@ -200,14 +200,14 @@ export default class Chart extends Component<void, any, any> {
 							onLayout={this._onContainerLayout}
 							style={[this.props.style || {}, styles.default]}
 						>
-              <ChartType
+							<ChartType
 								{...this.props}
 								data={this.props.data}
-								width={this.state.containerWidth - this.props.yAxisWidth}
-								height={this.state.containerHeight - this.props.xAxisHeight}
+								width={this.state.containerWidth}
+								height={this.state.containerHeight}
 								minVerticalBound={this.state.bounds.min}
 								maxVerticalBound={this.state.bounds.max}
-              />
+							/>
 						</View>
 					);
 				})()}
@@ -242,7 +242,7 @@ Chart.propTypes = {
 	// Pie chart props
 	// pieCenterRatio: PropTypes.number, // TODO
 	sliceColors: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
-	// animationDuration: PropTypes.number, // TODO
+	animationDuration: PropTypes.number,
 	axisColor: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 	axisLabelColor: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 	axisLineWidth: PropTypes.number,

src/LineChart.js

@@ -20,23 +20,23 @@ export default class LineChart extends Component<void, any, any> {
 
 	constructor(props : any) {
 		super(props);
-    const heightValue = (props.animated) ? 0 : props.containerHeight;
-    const opacityValue = (props.animated) ? 0 : 1;
+		const heightValue = (props.animated) ? 0 : props.containerHeight;
+		const opacityValue = (props.animated) ? 0 : 1;
 		this.state = { height: new Animated.Value(heightValue), opacity: new Animated.Value(opacityValue) };
 	}
 
 	componentWillUpdate() {
-    if (this.props.animated) {
-      Animated.timing(this.state.opacity, { duration: 0, toValue: 0 }).start();
-      Animated.timing(this.state.height, { duration: 0, toValue: 0 }).start();
-    }
+		if (this.props.animated) {
+			Animated.timing(this.state.opacity, { duration: 0, toValue: 0 }).start();
+			Animated.timing(this.state.height, { duration: 0, toValue: 0 }).start();
+		}
 	}
 
 	componentDidUpdate() {
-    if (this.props.animated) {
-      Animated.timing(this.state.height, { duration: this.props.animationDuration, toValue: 1 }).start();
-      Animated.timing(this.state.opacity, { duration: this.props.animationDuration, toValue: 1 }).start();
-    }
+		if (this.props.animated) {
+			Animated.timing(this.state.height, { duration: this.props.animationDuration, toValue: 1 }).start();
+			Animated.timing(this.state.opacity, { duration: this.props.animationDuration, toValue: 1 }).start();
+		}
 	}
 
 	_drawLine = () => {