Merge pull request #9 from paramoshkinandrew/develop

Update styles, dependencies, bump version

Author: paramoshkinandrew

index.js

@@ -1,37 +1,35 @@
 /*
-  ReactNativeCircleCheckbox 0.1.3
-  https://github.com/ParamoshkinAndrew/ReactNativeCircleCheckbox
+  ReactNativeCircleCheckbox 0.1.5
+  https://github.com/paramoshkinandrew/ReactNativeCircleCheckbox
   (c) 2016 Andrew Paramoshkin <[email protected]>
   ReactNativeCircleCheckbox may be freely distributed under the MIT license.
  */
 
-'use strict'
+'use strict';
 
-import React, { Component } from 'react'
-import PropTypes from 'prop-types'
-import {
-  StyleSheet,
-  View,
-  ViewPropTypes,
-  Text,
-  TouchableOpacity,
-} from 'react-native'
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import {StyleSheet, Text, TouchableOpacity, View, ViewPropTypes} from 'react-native';
 
-class CircleCheckBox extends Component {
+export const LABEL_POSITION = {
+  RIGHT: 'right',
+  LEFT: 'left'
+};
 
+export default class CircleCheckBox extends React.Component {
   static propTypes = {
-   checked: PropTypes.bool,
-   label: PropTypes.string,
-   outerSize: PropTypes.number,
-   filterSize: PropTypes.number,
-   innerSize: PropTypes.number,
-   outerColor: PropTypes.string,
-   filterColor: PropTypes.string,
-   innerColor: PropTypes.string,
-   onToggle: PropTypes.func.isRequired,
-   labelPosition: PropTypes.oneOf(['right', 'left']),
-   styleCheckboxContainer: ViewPropTypes.style,
-   styleLabel: Text.propTypes.style,
+    checked: PropTypes.bool,
+    label: PropTypes.string,
+    outerSize: PropTypes.number,
+    filterSize: PropTypes.number,
+    innerSize: PropTypes.number,
+    outerColor: PropTypes.string,
+    filterColor: PropTypes.string,
+    innerColor: PropTypes.string,
+    onToggle: PropTypes.func.isRequired,
+    labelPosition: PropTypes.oneOf([LABEL_POSITION.RIGHT, LABEL_POSITION.LEFT]),
+    styleCheckboxContainer: ViewPropTypes.style,
+    styleLabel: Text.propTypes.style,
   };
 
   static defaultProps = {
@@ -49,27 +47,27 @@ class CircleCheckBox extends Component {
 
   constructor(props) {
     super(props);
-    var outerSize = (parseInt(props.outerSize) < 10 || isNaN(parseInt(props.outerSize))) ? 10 : parseInt(props.outerSize);
-    var filterSize = (parseInt(props.filterSize) > outerSize + 3 || isNaN(parseInt(props.filterSize))) ? outerSize - 3 : parseInt(props.filterSize);
-    var innerSize = (parseInt(props.innerSize) > filterSize + 5 || isNaN(parseInt(props.innerSize))) ? filterSize - 5 : parseInt(props.innerSize);
+    const outerSize = (parseInt(props.outerSize) < 10 || isNaN(parseInt(props.outerSize))) ? 10 : parseInt(props.outerSize);
+    const filterSize = (parseInt(props.filterSize) > outerSize + 3 || isNaN(parseInt(props.filterSize))) ? outerSize - 3 : parseInt(props.filterSize);
+    const innerSize = (parseInt(props.innerSize) > filterSize + 5 || isNaN(parseInt(props.innerSize))) ? filterSize - 5 : parseInt(props.innerSize);
 
-    var customStyle = StyleSheet.create({
+    const customStyle = StyleSheet.create({
       _circleOuterStyle: {
         width: outerSize,
         height: outerSize,
-        borderRadius: outerSize/2,
+        borderRadius: outerSize / 2,
         backgroundColor: props.outerColor
       },
       _circleFilterStyle: {
         width: filterSize,
         height: filterSize,
-        borderRadius: filterSize/2,
+        borderRadius: filterSize / 2,
         backgroundColor: props.filterColor
       },
       _circleInnerStyle: {
         width: innerSize,
         height: innerSize,
-        borderRadius: innerSize/2,
+        borderRadius: innerSize / 2,
         backgroundColor: props.innerColor
       }
     });
@@ -83,39 +81,36 @@ class CircleCheckBox extends Component {
     return (
       <TouchableOpacity onPress={this._onToggle.bind(this)}>
         <View style={[styles.checkBoxContainer, this.props.styleCheckboxContainer]}>
-          {this._renderLabel('left')}
+          {this._renderLabel(LABEL_POSITION.LEFT)}
           <View style={[styles.alignStyle, this.state.customStyle._circleOuterStyle]}>
             <View style={[styles.alignStyle, this.state.customStyle._circleFilterStyle]}>
               {this._renderInner()}
             </View>
           </View>
-          {this._renderLabel('right')}
+          {this._renderLabel(LABEL_POSITION.RIGHT)}
         </View>
       </TouchableOpacity>
     );
   }
 
   _onToggle() {
-    if(this.props.onToggle) {
+    if (this.props.onToggle) {
       this.props.onToggle(!this.props.checked);
     }
   }
 
   _renderInner() {
-    return this.props.checked ? (<View style={this.state.customStyle._circleInnerStyle} />) : (<View/>);
+    return this.props.checked ? (<View style={this.state.customStyle._circleInnerStyle} />) : (<View />);
   }
 
   _renderLabel(position) {
-    var templ = (<View></View>);
-    if ((this.props.label.length > 0) && (position === this.props.labelPosition)) {
-      templ = (<Text style={[styles.checkBoxLabel, this.props.styleLabel]}>{this.props.label}</Text>);
-    }
-    return templ;
-
+    return ((this.props.label.length > 0) && (position === this.props.labelPosition))
+      ? <Text style={[styles.checkBoxLabel, this.props.styleLabel]}>{this.props.label}</Text>
+      : <View />
   }
 }
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   checkBoxContainer: {
     flexDirection: 'row',
     alignItems: 'center'
@@ -129,5 +124,3 @@ var styles = StyleSheet.create({
     marginRight: 5
   }
 });
-
-module.exports = CircleCheckBox;