Initial Commit 🎉

.babelrc

@@ -0,0 +1,8 @@
+{
+  "presets": ["module:metro-react-native-babel-preset"],
+  "env": {
+    "production": {
+      "plugins": ["ignite-ignore-reactotron"]
+    }
+  }
+}

.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

.env.example

@@ -0,0 +1,6 @@
+# This is an example where you can store your environment variables. Copy this file to .env
+# Now your app will have access to the variables added below. 
+# For more instructions see section "Secrets" in README.md
+
+API_URL=https://myapi.com
+GOOGLE_MAPS_API_KEY=abcdefgh

.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native-community',
+};

.flowconfig

@@ -0,0 +1,73 @@
+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore polyfills
+node_modules/react-native/Libraries/polyfills/.*
+
+; These should not be required directly
+; require from fbjs/lib instead: require('fbjs/lib/warning')
+node_modules/warning/.*
+
+; Flow doesn't support platforms
+.*/Libraries/Utilities/LoadingView.js
+
+[untyped]
+.*/node_modules/@react-native-community/cli/.*/.*
+
+[include]
+
+[libs]
+node_modules/react-native/interface.js
+node_modules/react-native/flow/
+
+[options]
+emoji=true
+
+esproposal.optional_chaining=enable
+esproposal.nullish_coalescing=enable
+
+module.file_ext=.js
+module.file_ext=.json
+module.file_ext=.ios.js
+
+munge_underscores=true
+
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/node_modules/react-native/\1'
+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\)$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/Image/RelativeImageStub'
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+
+[lints]
+sketchy-null-number=warn
+sketchy-null-mixed=warn
+sketchy-number=warn
+untyped-type-import=warn
+nonstrict-import=warn
+deprecated-type=warn
+unsafe-getters-setters=warn
+unnecessary-invariant=warn
+signature-verification-failure=warn
+deprecated-utility=error
+
+[strict]
+deprecated-type
+nonstrict-import
+sketchy-null
+unclear-type
+unsafe-getters-setters
+untyped-import
+untyped-type-import
+
+[version]
+^0.122.0

.gitattributes

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

.gitignore

@@ -0,0 +1,63 @@
+# 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
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+!debug.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://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Bundle artifact
+*.jsbundle
+
+# CocoaPods
+/ios/Pods/
+
+# Misc
+#
+.env

.prettierrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  bracketSpacing: false,
+  jsxBracketSameLine: true,
+  singleQuote: true,
+  trailingComma: 'all',
+};

.watchmanconfig

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

App/Components/AlertMessage.js

@@ -0,0 +1,33 @@
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+import { View, Text } from 'react-native'
+import styles from './Styles/AlertMessageStyles'
+
+export default class AlertMessage extends 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
+  }
+}

App/Components/AlertMessage.story.js

@@ -0,0 +1,23 @@
+import React from 'react'
+import { storiesOf } from '@storybook/react-native'
+
+import AlertMessage from './AlertMessage'
+
+storiesOf('AlertMessage')
+  .add('Default', () => (
+    <AlertMessage
+      title='ALERT ALERT'
+    />
+  ))
+  .add('Hidden', () => (
+    <AlertMessage
+      title='ALERT ALERT'
+      show={false}
+    />
+  ))
+  .add('Custom Style', () => (
+    <AlertMessage
+      title='ALERT ALERT'
+      style={{ backgroundColor: 'red' }}
+    />
+  ))

App/Components/ArrowBack.js

@@ -0,0 +1,20 @@
+import React, {useContext} from 'react'
+import { View, TouchableOpacity } from 'react-native'
+import Icon from "react-native-vector-icons/Feather"
+import {NavigationContext} from "react-navigaton";
+
+import { apply } from "../Lib/OsmiProvider";
+import styles from './Styles/ArrowBackStyle'
+
+const ArrowBack = (props) => {
+  const {...restProps} = props
+  const navigation = useContext(NavigationContext)
+
+  return (
+    <TouchableOpacity activeOpacity={0.9} style={styles.container} onPress={() => navigation.goBack()}>
+      <Icon name="chevron-left" size={25} color={apply('gray-900')} />
+    </TouchableOpacity>
+  )
+}
+
+export default ArrowBack

App/Components/DrawerButton.js

@@ -0,0 +1,35 @@
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+import { Text, TouchableOpacity } from 'react-native'
+import styles from './Styles/DrawerButtonStyles'
+import ExamplesRegistry from '../Services/ExamplesRegistry'
+
+// Note that this file (App/Components/DrawerButton) needs to be
+// imported in your app somewhere, otherwise your component won't be
+// compiled and added to the examples dev screen.
+
+// Ignore in coverage report
+/* istanbul ignore next */
+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/DrawerButton.story.js

@@ -0,0 +1,15 @@
+import React from 'react'
+import { View } from 'react-native'
+import { storiesOf } from '@storybook/react-native'
+
+import DrawerButton from './DrawerButton'
+
+storiesOf('DrawerButton')
+  .add('Default', () => (
+    <View style={{ backgroundColor: 'black' }}>
+      <DrawerButton
+        text='Drawer Button'
+        onPress={() => { }}
+      />
+    </View>
+  ))

App/Components/FullButton.js

@@ -0,0 +1,34 @@
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+import { TouchableOpacity, Text } from 'react-native'
+import styles from './Styles/FullButtonStyles'
+import ExamplesRegistry from '../Services/ExamplesRegistry'
+
+// Note that this file (App/Components/FullButton) needs to be
+// imported in your app somewhere, otherwise your component won't be
+// compiled and added to the examples dev screen.
+
+// Ignore in coverage report
+/* istanbul ignore next */
+ExamplesRegistry.addComponentExample('Full Button', () =>
+  <FullButton
+    text='Hey there'
+    onPress={() => window.alert('Full Button Pressed!')}
+  />
+)
+
+export default class FullButton extends 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/FullButton.story.js

@@ -0,0 +1,17 @@
+import React from 'react'
+import { storiesOf } from '@storybook/react-native'
+
+import FullButton from './FullButton'
+
+storiesOf('FullButton')
+  .add('Default', () => (
+    <FullButton
+      text='A simple button'
+    />
+  ))
+  .add('Custom Style', () => (
+    <FullButton
+      text='Style Me Up!'
+      styles={{ backgroundColor: 'blue' }}
+    />
+  ))

App/Components/README.md

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