Removed PropTypes

Author: cmiotto

index.js

@@ -13,10 +13,6 @@
 export { default as Axes }from './lib/Axes';
 export { default as BarChart }from './lib/BarChart';
 export { default as LineChart }from './lib/LineChart';
-// prop types
-export { default as AxisStylePropTypes }from './lib/AxisStylePropTypes';
-export { default as DatasetPropType }from './lib/DatasetPropType';
-export { default as ScalePropType }from './lib/ScalePropType';
 // helper functions
 export { default as generateScale }from './lib/generateScale';
 export { default as makeRange }from './lib/makeRange';

lib/Axes.js

@@ -17,13 +17,7 @@ import {
   StyleSheet,
   Text,
   View,
-  ViewPropTypes
 } from 'react-native';
-import PropTypes from 'prop-types';
-
-import StyleSheetPropType from 'react-native/Libraries/DeprecatedPropTypes/DeprecatedStyleSheetPropType';
-import AxisStylePropTypes from './AxisStylePropTypes';
-import ScalePropType from './ScalePropType';
 
 // Helper function to determine decimal places
 // http://stackoverflow.com/a/20334744
@@ -48,33 +42,6 @@ const DEFAULT_AXIS_LABEL_WIDTH = 40;
   * Axes component plots axes, labels and gridlines for a chart
   */
 class Axes extends Component {
-  static propTypes = {
-    // Category axis options
-    showCategoryAxisLine: PropTypes.bool,
-    showCategoryLabels: PropTypes.bool,
-    showCategoryTicks: PropTypes.bool,
-    showCategoryGridlines: PropTypes.bool,
-    categoryAxisStyle: StyleSheetPropType(AxisStylePropTypes),
-    categoryAxisMode: PropTypes.oneOf(['point', 'range']),
-    categoryLabelStyle: Text.propTypes.style,
-    categoryLabels: PropTypes.arrayOf(PropTypes.string),
-
-    // Value axis options
-    showValueAxisLine: PropTypes.bool,
-    showValueLabels: PropTypes.bool,
-    showValueTicks: PropTypes.bool,
-    showValueGridlines: PropTypes.bool,
-    valueAxisStyle: StyleSheetPropType(AxisStylePropTypes),
-    valueAxisMode: PropTypes.oneOf(['normal', 'inverted']),
-    valueScale: ScalePropType.isRequired,
-    valueLabelStyle: Text.propTypes.style,
-    valueLabels: PropTypes.arrayOf(PropTypes.string),
-    valueLabelsFormatter: PropTypes.func,
-
-    // Style
-    orientation: PropTypes.oneOf(['vertical', 'horizontal']),
-    style: ViewPropTypes.style
-  };
 
   static defaultProps = {
     showCategoryAxisLine: true,

lib/AxisStylePropTypes.js

@@ -14,14 +14,9 @@ import React, { Component } from 'react';
 import {
   StyleSheet,
   View,
-  ViewPropTypes,
 } from 'react-native';
 import PropTypes from 'prop-types';
 
-import DataPropType from './DataPropType';
-import DatasetPropType from './DatasetPropType';
-import ScalePropType from './ScalePropType';
-
 import resolveDatasets from './resolveDatasets';
 import ensureScaleCoverRange from './ensureScaleCoverRange';
 
@@ -108,16 +103,6 @@ const barStyles = StyleSheet.create({
   * BarCluster component
   */
 class BarCluster extends Component {
-  static propTypes = {
-    orientation: PropTypes.oneOf(['vertical', 'horizontal']).isRequired,
-    minValue: PropTypes.number.isRequired,
-    maxValue: PropTypes.number.isRequired,
-    borderStyle: PropTypes.oneOf(['solid', 'dotted', 'dashed']),
-    borderWidth: PropTypes.number,
-    data: PropTypes.arrayOf(DataPropType).isRequired,
-    margin: PropTypes.number,
-    barSpacing: PropTypes.number
-  };
 
   _renderBar = (datum, index, data) => {
     let barMargin = (this.props.barSpacing / 2) || 0;
@@ -220,15 +205,6 @@ const barClusterStyles = StyleSheet.create({
   * BarStack component
   */
 class BarStack extends Component {
-  static propTypes = {
-    orientation: PropTypes.oneOf(['vertical', 'horizontal']).isRequired,
-    minValue: PropTypes.number.isRequired,
-    maxValue: PropTypes.number.isRequired,
-    borderStyle: PropTypes.oneOf(['solid', 'dotted', 'dashed']),
-    borderWidth: PropTypes.number,
-    data: PropTypes.arrayOf(DataPropType).isRequired,
-    margin: PropTypes.number
-  };
 
   _renderBar = (datum, index, data) => {
     // always use diff to avoid divid by zero and negative values
@@ -302,27 +278,8 @@ const barStackStyles = StyleSheet.create({
   * BarChart component
   */
 class BarChart extends Component {
-  static propTypes = {
-    // Bar options
-    // space between bars / bar clusters
-    spacing: PropTypes.number,
-    // space between bars in bar cluster
-    clusterSpacing: PropTypes.number,
-    // Border width of the bar, uses secondaryColor from dataset
-    barBorderWidth: PropTypes.number,
-
-    datasets: PropTypes.arrayOf(DatasetPropType).isRequired,
-
-    // Scale of the chart
-    valueScale: ScalePropType.isRequired,
-
-    // Style
-    orientation: PropTypes.oneOf(['vertical', 'horizontal']),
-    displayMode: PropTypes.oneOf(['clustered', 'stacked']),
-    style: ViewPropTypes.style
-  };
 
-  static defaultProps: {
+  static defaultProps = {
     spacing: 10,
     clusterSpacing: 0,
     barBorderWidth: 2,

lib/BarChart.js

@@ -14,29 +14,14 @@ import React, { Component } from 'react';
 import {
   StyleSheet,
   View,
-  ViewPropTypes,
 } from 'react-native';
-import PropTypes from 'prop-types';
-import DatasetPropType from './DatasetPropType';
-import ScalePropType from './ScalePropType';
 
 import ensureScaleCoverRange from './ensureScaleCoverRange';
 
 /**
  * Line component
  */
 class Line extends Component {
-  static propTypes = {
-    lineColor: PropTypes.string,
-    lineWidth: PropTypes.number.isRequired,
-    fromRatio: PropTypes.number.isRequired,
-    toRatio: PropTypes.number,
-    pointMode: PropTypes.oneOf(['from', 'to', 'both', 'none']).isRequired,
-    pointRadius: PropTypes.number,
-    pointBorderWidth: PropTypes.number,
-    pointBorderColor: PropTypes.string,
-    pointColor: PropTypes.string
-  };
 
   static defaultProps = {
     lineWidth: 2,
@@ -158,11 +143,6 @@ const lineStyles = StyleSheet.create({
  * Area component
  */
 class Area extends Component {
-  static propTypes = {
-    fillColor: PropTypes.string,
-    fromRatio: PropTypes.number.isRequired,
-    toRatio: PropTypes.number.isRequired
-  };
 
   static defaultProps = {
     fillColor: 'rgba(0,0,0,.05)'
@@ -235,21 +215,6 @@ const areaStyles = StyleSheet.create({
  * LineChart component
  */
 class LineChart extends Component {
-  static propTypes = {
-    // data
-    datasets: PropTypes.arrayOf(DatasetPropType).isRequired,
-    valueScale: ScalePropType.isRequired,
-    // options
-    categoryAxisMode: PropTypes.oneOf(['point', 'range']),
-    valueAxisMode: PropTypes.oneOf(['normal', 'inverted']),
-    showArea: PropTypes.bool,
-    showPoints: PropTypes.bool,
-    // styling
-    lineWidth: PropTypes.number,
-    pointRadius: PropTypes.number,
-    pointBorderWidth: PropTypes.number,
-    style: ViewPropTypes.style
-  };
 
   static defaultProps = {
     valueAxisMode: 'normal',