Initial commit.

Author: tristola

.babelrc

@@ -0,0 +1,3 @@
+{
+"presets": ["react-native"]
+}

.buckconfig

@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

.editorconfig

@@ -0,0 +1,17 @@
+# EditorConfig is awesome: http://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+
+
+[*.gradle]
+indent_size = 4

.flowconfig

@@ -0,0 +1,46 @@
+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore unexpected extra "@providesModule"
+.*/node_modules/.*/node_modules/fbjs/.*
+
+; Ignore duplicate module providers
+; For RN Apps installed via npm, "Libraries" folder is inside
+; "node_modules/react-native" but in the source repo it is in the root
+.*/Libraries/react-native/React.js
+.*/Libraries/react-native/ReactNative.js
+
+[include]
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow
+flow/
+
+[options]
+emoji=true
+
+module.system=haste
+
+experimental.strict_type_args=true
+
+munge_underscores=true
+
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FixMe
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(3[0-8]\\|[1-2][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(3[0-8]\\|1[0-9]\\|[1-2][0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
+
+unsafe.enable_getters_and_setters=true
+
+[version]
+^0.38.0

.gitattributes

@@ -0,0 +1,2 @@
+*.pbxproj -text
+*.bat text eol=crlf

.gitignore

@@ -0,0 +1,53 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://github.com/fastlane/fastlane/blob/master/fastlane/docs/Gitignore.md
+
+fastlane/report.xml
+fastlane/Preview.html
+fastlane/screenshots

.watchmanconfig

@@ -0,0 +1 @@
+{}

App/Components/AlertMessage.js

@@ -0,0 +1,36 @@
+import React, { PropTypes } from 'react'
+import { View, Text } from 'react-native'
+import styles from './Styles/AlertMessageStyles'
+
+export default class AlertMessage extends React.Component {
+  static defaultProps = { show: true }
+
+  static propTypes = {
+    title: PropTypes.string,
+    icon: PropTypes.string,
+    style: PropTypes.object,
+    show: PropTypes.bool
+  }
+
+  render () {
+    let messageComponent = null
+    if (this.props.show) {
+      const { title } = this.props
+      return (
+        <View
+          style={[styles.container, this.props.style]}
+        >
+          <View style={styles.contentContainer}>
+            <Text allowFontScaling={false} style={styles.message}>{title && title.toUpperCase()}</Text>
+          </View>
+        </View>
+      )
+    }
+
+    return messageComponent
+  }
+}
+
+AlertMessage.defaultProps = {
+  show: true
+}

App/Components/CustomNavBar.js

@@ -0,0 +1,20 @@
+import React from 'react'
+import { View, Image, Animated, TouchableOpacity } from 'react-native'
+import { Images, Colors } from '../Themes'
+import Styles from './Styles/CustomNavBarStyles'
+import Icon from 'react-native-vector-icons/Ionicons'
+import { Actions as NavigationActions } from 'react-native-router-flux'
+
+export default class CustomNavBar extends React.Component {
+  render () {
+    return (
+      <Animated.View style={Styles.container}>
+        <TouchableOpacity style={Styles.leftButton} onPress={NavigationActions.pop}>
+          <Icon name='ios-arrow-back' size={34} color={Colors.snow} />
+        </TouchableOpacity>
+        <Image style={Styles.logo} source={Images.clearLogo} />
+        <View style={Styles.rightButton} />
+      </Animated.View>
+    )
+  }
+}

App/Components/DrawerButton.js

@@ -0,0 +1,29 @@
+import React, { Component, PropTypes } from 'react'
+import { Text, TouchableOpacity } from 'react-native'
+import styles from './Styles/DrawerButtonStyles'
+import ExamplesRegistry from '../Services/ExamplesRegistry'
+
+// Example
+ExamplesRegistry.addComponentExample('Drawer Button', () =>
+  <DrawerButton
+    text='Example left drawer button'
+    onPress={() => window.alert('Your drawers are showing')}
+  />
+)
+
+class DrawerButton extends Component {
+  static propTypes = {
+    text: PropTypes.string,
+    onPress: PropTypes.func
+  }
+
+  render () {
+    return (
+      <TouchableOpacity onPress={this.props.onPress}>
+        <Text style={styles.text}>{this.props.text}</Text>
+      </TouchableOpacity>
+    )
+  }
+}
+
+export default DrawerButton

App/Components/FullButton.js

@@ -0,0 +1,28 @@
+import React, { PropTypes } from 'react'
+import { TouchableOpacity, Text } from 'react-native'
+import styles from './Styles/FullButtonStyles'
+import ExamplesRegistry from '../Services/ExamplesRegistry'
+
+// Example
+ExamplesRegistry.addComponentExample('Full Button', () =>
+  <FullButton
+    text='Hey there'
+    onPress={() => window.alert('Full Button Pressed!')}
+  />
+)
+
+export default class FullButton extends React.Component {
+  static propTypes = {
+    text: PropTypes.string,
+    onPress: PropTypes.func,
+    styles: PropTypes.object
+  }
+
+  render () {
+    return (
+      <TouchableOpacity style={[styles.button, this.props.styles]} onPress={this.props.onPress}>
+        <Text style={styles.buttonText}>{this.props.text && this.props.text.toUpperCase()}</Text>
+      </TouchableOpacity>
+    )
+  }
+}

App/Components/README.md

@@ -0,0 +1,2 @@
+### Components Folder
+All components are stored and organized here

App/Components/RoundedButton.js

@@ -0,0 +1,34 @@
+import React, { PropTypes } from 'react'
+import { TouchableOpacity, Text } from 'react-native'
+import styles from './Styles/RoundedButtonStyles'
+import ExamplesRegistry from '../Services/ExamplesRegistry'
+
+// Example
+ExamplesRegistry.addComponentExample('Rounded Button', () =>
+  <RoundedButton
+    text='real buttons have curves'
+    onPress={() => window.alert('Rounded Button Pressed!')}
+  />
+)
+
+export default class RoundedButton extends React.Component {
+  static propTypes = {
+    onPress: PropTypes.func,
+    text: PropTypes.string,
+    children: PropTypes.string,
+    navigator: PropTypes.object
+  }
+
+  getText () {
+    const buttonText = this.props.text || this.props.children || ''
+    return buttonText.toUpperCase()
+  }
+
+  render () {
+    return (
+      <TouchableOpacity style={styles.button} onPress={this.props.onPress}>
+        <Text style={styles.buttonText}>{this.getText()}</Text>
+      </TouchableOpacity>
+    )
+  }
+}

App/Components/SearchBar.js

@@ -0,0 +1,42 @@
+import React from 'react'
+import { View, Text, TextInput, TouchableOpacity } from 'react-native'
+import styles from './Styles/SearchBarStyles'
+import { Colors, Metrics } from '../Themes/'
+import Icon from 'react-native-vector-icons/FontAwesome'
+
+export default class SearchBar extends React.Component {
+
+  static propTypes = {
+    onSearch: React.PropTypes.func.isRequired,
+    onCancel: React.PropTypes.func.isRequired,
+    searchTerm: React.PropTypes.string
+  }
+
+  render () {
+    const { onSearch, onCancel, searchTerm } = this.props
+    const onSubmitEditing = () => onSearch(searchTerm)
+    return (
+      <View style={styles.container}>
+        <Icon name='search' size={Metrics.icons.tiny} style={styles.searchIcon} />
+        <TextInput
+          ref='searchText'
+          autoFocus
+          placeholder='Search'
+          placeholderTextColor={Colors.snow}
+          underlineColorAndroid='transparent'
+          style={styles.searchInput}
+          value={this.props.searchTerm}
+          onChangeText={onSearch}
+          autoCapitalize='none'
+          onSubmitEditing={onSubmitEditing}
+          returnKeyType={'search'}
+          autoCorrect={false}
+          selectionColor={Colors.snow}
+        />
+        <TouchableOpacity onPress={onCancel} style={styles.cancelButton}>
+          <Text style={styles.buttonLabel}>Cancel</Text>
+        </TouchableOpacity>
+      </View>
+    )
+  }
+}

App/Components/Styles/AlertMessageStyles.js

@@ -0,0 +1,25 @@
+import { StyleSheet } from 'react-native'
+import { Colors, Metrics, Fonts } from '../../Themes/'
+
+export default StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    marginVertical: Metrics.section
+  },
+  contentContainer: {
+    alignSelf: 'center',
+    alignItems: 'center'
+  },
+  message: {
+    marginTop: Metrics.baseMargin,
+    marginHorizontal: Metrics.baseMargin,
+    textAlign: 'center',
+    fontFamily: Fonts.type.base,
+    fontSize: Fonts.size.regular,
+    fontWeight: 'bold',
+    color: Colors.steel
+  },
+  icon: {
+    color: Colors.steel
+  }
+})

App/Components/Styles/CustomNavBarStyles.js

@@ -0,0 +1,27 @@
+import { Colors, Metrics } from '../../Themes/'
+
+export default {
+  container: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    height: Metrics.navBarHeight,
+    paddingHorizontal: Metrics.baseMargin,
+    backgroundColor: Colors.background,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  leftButton: {
+    paddingTop: Metrics.baseMargin
+  },
+  logo: {
+    height: Metrics.navBarHeight - Metrics.doubleBaseMargin,
+    width: Metrics.navBarHeight - Metrics.doubleBaseMargin,
+    resizeMode: 'contain'
+  },
+  rightButton: {
+    paddingTop: Metrics.baseMargin
+  }
+}