@momo-kits/stepper 0.0.12 → 0.0.13

package/Stepper.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import {
-    View, StyleSheet
+    View, StyleSheet, TextInput
 } from 'react-native';
 import PropTypes from 'prop-types';
 import {
@@ -180,7 +180,7 @@ export default class Quantity extends Component {
     render() {
         const { value } = this.state;
         const {
-            style, max, valueStyle, size, tintColor, isIncreaseValue, isSingle, iconStyle
+            style, max, valueStyle, size, tintColor, isIncreaseValue, isSingle, iconStyle, isInput
         } = this.props;
         const { min } = this.props || 1;
         if (isSingle && value === 0) {
@@ -210,7 +210,7 @@ export default class Quantity extends Component {
                 <View style={[styles.numberBox, getStyle(size).size, valueStyle]}>
                     {
                         isInput ? <TextInput 
-                        style={[{textAlignVertical: 'center'}, getSize(type).size]}
+                        style={[{textAlignVertical: 'center'}, getSize(size).size]}
                         underlineColorAndroid="transparent"
                         value={value.toString()}
                         textAlign='center'
@@ -236,13 +236,13 @@ const IconButton = ({
     disabled, onPress, icon, size, tintColor, style
 }) => (
     <TouchableOpacity
-    style={[getStyle(type).size, styles.button, style]}// disabled && styles.disabledBox
+    style={[getStyle(size).size, styles.button, style]}// disabled && styles.disabledBox
     disabled={disabled}
     onPress={onPress}
     >
     <Image
         source={icon}
-        style={[getStyle(type).icon, { tintColor }, disabled && styles.disabledIcon]}
+        style={[getStyle(size).icon, { tintColor }, disabled && styles.disabledIcon]}
     />
     </TouchableOpacity>
 );

package/Stepper.web.js

@@ -1,11 +1,10 @@
 import React, { Component } from 'react';
 import {
-    View, StyleSheet, TouchableOpacity, Image
+    View, StyleSheet, TouchableOpacity, Image, TextInput
 } from 'react-native';
 import PropTypes from 'prop-types';
 import Text from '../../core/components/typography';
 import Colors from '../../core/colors';
-import ValueUtil from '../../core/utils/ValueUtil';
 
 const minus = 'https://img.mservice.io/momo_app_v2/new_version/img/appx_icon/24_navigation_minus_circle.png';
 const plus = 'https://img.mservice.io/momo_app_v2/new_version/img/appx_icon/24_navigation_plus_circle.png';
@@ -180,7 +179,7 @@ export default class Quantity extends Component {
     render() {
         const { value } = this.state;
         const {
-            style, max, valueStyle, size, tintColor, isIncreaseValue, isSingle, iconStyle
+            style, max, valueStyle, size, tintColor, isIncreaseValue, isSingle, iconStyle, isInput
         } = this.props;
         const { min } = this.props || 1;
         if (isSingle && value === 0) {
@@ -202,15 +201,15 @@ export default class Quantity extends Component {
                 <IconButton
                     style={iconStyle}
                     tintColor={tintColor}
-                    type={type}
+                    size={size}
                     disabled={value === min}
                     onPress={this.onPress(false)}
                     icon={minus}
                 />
-                <View style={[styles.numberBox, getStyle(type).size, valueStyle]}>
+                <View style={[styles.numberBox, getStyle(size).size, valueStyle]}>
                     {
                         isInput ? <TextInput 
-                        style={[{textAlignVertical: 'center'}, getSize(type).size]}
+                        style={[{textAlignVertical: 'center'}, getSize(size).size]}
                         underlineColorAndroid="transparent"
                         value={value.toString()}
                         textAlign='center'
@@ -222,7 +221,7 @@ export default class Quantity extends Component {
                 <IconButton
                     tintColor={tintColor}
                     style={iconStyle}
-                    type={type}
+                    size={size}
                     disabled={(value >= max || !isIncreaseValue)}
                     onPress={this.onPress(true)}
                     icon={plus}
@@ -236,19 +235,19 @@ const IconButton = ({
     disabled, onPress, icon, size, tintColor, style
 }) => (
     <TouchableOpacity
-    style={[getStyle(type).size, styles.button, style]}// disabled && styles.disabledBox
+    style={[getStyle(size).size, styles.button, style]}// disabled && styles.disabledBox
     disabled={disabled}
     onPress={onPress}
     >
     <Image
         source={icon}
-        style={[getStyle(type).icon, { tintColor }, disabled && styles.disabledIcon]}
+        style={[getStyle(size).icon, { tintColor }, disabled && styles.disabledIcon]}
     />
     </TouchableOpacity>
 );
 
 Quantity.propTypes = {
-    type: PropTypes.oneOf(['large', 'medium', 'small']),
+    size: PropTypes.oneOf(['large', 'medium', 'small']),
     style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
     valueStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
     min: PropTypes.number,
@@ -272,7 +271,8 @@ Quantity.defaultProps = {
     isIncreaseValue: true,
     isDecreaseValue: true,
     isSingle: false,
-    type: 'medium',
+    size: 'medium',
     tintColor: Colors.pink_05_b,
     isInput: false
 };
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/stepper",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "private": false,
   "main": "index.js",
   "dependencies": {},