Update dist e npm init

darleikroth · Feb 27, 2017 · 61e489e · 61e489e
1 parent 092aa41
commit 61e489e
Show file tree

Hide file tree

Showing 16 changed files with 47 additions and 521 deletions.
diff --git a/README.md b/README.md
@@ -6,7 +6,7 @@ Módulo que reúne componentes nativos customizados. O objetivo é facilitar a o
 
 - [CardView](#cardview)
 - [DatePicker](#datepicker)
-- [Navbar](#vavbar)
+- [Navbar](#navbar)
 - [TouchableView](#touchableview)
 
 ## CardView

diff --git a/dist/CardView/index.android.js b/dist/CardView/index.android.js
diff --git a/dist/CardView/index.ios.js b/dist/CardView/index.ios.js
diff --git a/sample/dist/CardView/index.js → dist/CardView/index.js b/sample/dist/CardView/index.js → dist/CardView/index.js
diff --git a/dist/DatePicker/index.android.js b/dist/DatePicker/index.android.js
@@ -7,7 +7,7 @@ import {
 } from 'react-native';
 import TimerMixin from 'react-timer-mixin';
 
-class DatePickerRN extends React.Component
+class DatePicker extends React.Component
 {
     constructor(props)
     {
@@ -55,4 +55,4 @@ class DatePickerRN extends React.Component
     }
 };
 
-export default DatePickerRN;
+module.exports = DatePicker;
diff --git a/dist/DatePicker/index.ios.js b/dist/DatePicker/index.ios.js
@@ -8,10 +8,9 @@ import {
     DatePickerIOS,
 } from 'react-native';
 import TimerMixin from 'react-timer-mixin';
-import Color from '../../res/colors';
 import Dimensions from 'Dimensions';
 
-class DatePickerRN extends React.Component
+class DatePicker extends React.Component
 {
     constructor(props)
     {
@@ -113,11 +112,11 @@ class DatePickerRN extends React.Component
                                     height: 56,
                                     alignItems: 'center',
                                     justifyContent: 'center',
-                                    borderColor: Color.Grey300,
+                                    borderColor: '#E0E0E0',
                                     borderWidth: 0.5,
                                     borderBottomLeftRadius: 15,
                                 }}
-                                underlayColor={Color.Grey300}
+                                underlayColor='#E0E0E0'
                                 onPress={() => this.cancelar()}
                             >
                                 <Text style={{ fontSize: 18, color: 'dodgerblue' }}>
@@ -131,11 +130,11 @@ class DatePickerRN extends React.Component
                                     height: 56,
                                     alignItems: 'center',
                                     justifyContent: 'center',
-                                    borderColor: Color.Grey300,
+                                    borderColor: '#E0E0E0',
                                     borderWidth: 0.5,
                                     borderBottomRightRadius: 15,
                                 }}
-                                underlayColor={Color.Grey300}
+                                underlayColor='#E0E0E0'
                                 onPress={() => this.salvar()}
                             >
                                 <Text style={{ fontSize: 18, color: 'dodgerblue'}}>
@@ -150,4 +149,4 @@ class DatePickerRN extends React.Component
     }
 };
 
-export default DatePickerRN;
+module.exports = DatePicker;
diff --git a/dist/TouchableView/index.android.js b/dist/TouchableView/index.android.js
@@ -6,10 +6,14 @@ class TouchableView extends React.Component
     render() {
         return (
             <TouchableNativeFeedback
+                style={{ borderRadius: this.props.borderRadius || undefined }}
                 onPress={this.props.onPress}
                 onLongPress={this.props.onLongPress}
-                background={TouchableNativeFeedback.SelectableBackgroundBorderless()}
+                background={TouchableNativeFeedback.Ripple(
+                    this.props.underlayColor || 'rgba(0,0,0,0.12)', true
+                )}
                 useForeground={true}
+                onLayout={this.props.onLayout}
             >
                 {this.props.children}
             </TouchableNativeFeedback>

diff --git a/dist/TouchableView/index.ios.js b/dist/TouchableView/index.ios.js
@@ -6,9 +6,11 @@ class TouchableView extends React.Component
     render() {
         return (
             <TouchableHighlight
+                style={{ borderRadius: this.props.borderRadius || undefined }}
                 underlayColor={this.props.underlayColor || '#E0E0E0'}
                 onPress={this.props.onPress}
                 onLongPress={this.props.onLongPress}
+                onLayout={this.props.onLayout}
             >
                 {this.props.children}
             </TouchableHighlight>

diff --git a/package.json b/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "react-native-zbase",
+  "version": "0.1.0",
+  "description": "React Native zBase Components",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/darleikroth/react-native-zbase.git"
+  },
+  "keywords": [
+    "react",
+    "native",
+    "components",
+    "custom"
+  ],
+  "author": "Darlei Kroth <maildarlei@gmail.com> (https://github.com/darleikroth)",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/darleikroth/react-native-zbase/issues"
+  },
+  "homepage": "https://github.com/darleikroth/react-native-zbase#readme",
+  "peerDependencies": {
+    "react-native": ">=0.40.0",
+    "react-native-vector-icons": "~4.0.0",
+    "react-timer-mixin": "^0.13.3"
+  },
+}
diff --git a/sample/app.js b/sample/app.js
@@ -12,7 +12,7 @@ import {
     View
 } from 'react-native';
 
-import {TouchableView, Navbar, DatePicker, CardView} from './dist';
+import {TouchableView, Navbar, DatePicker, CardView} from 'react-native-zbase';
 
 const ios = Platform.OS === 'ios';
 

diff --git a/sample/dist/DatePicker/index.android.js b/sample/dist/DatePicker/index.android.js