Feature/default images (#1)

* Added default images

* bump to 1.2.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-scl-alert",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "A React Native implementation of the package SCLAlertView",
   "author": "Rafael Michels Motta <[email protected]>",
   "license": "MIT",

src/components/SCLAlert.js

@@ -53,7 +53,8 @@ class SCLAlert extends React.Component {
   }
 
   /**
-   * @description
+   * @description get animation interpolation
+   * @return { Array }
    */
   get interpolationTranslate () {
     const move = this.slideAnimation.interpolate({
@@ -65,15 +66,17 @@ class SCLAlert extends React.Component {
   }
 
   /**
-   * @description
+   * @description show modal
+   * @return { Void }
    */
   show = () => {
     this._runAnimationAsync()
     this.setState({ show: true })
   }
 
   /**
-   * @description
+   * @description hide modal
+   * @return { Void }
    */
   hide = async () => {
     await this._runAnimationAsync()
@@ -83,7 +86,7 @@ class SCLAlert extends React.Component {
   /**
    * @description run slide animation to show action sheet contetn
    * @param { Boolean } show - Show / Hide content
-   * @return { Void }
+   * @return { Promise }
    */
   _runAnimationAsync = () => {
     return new Promise(resolve => {
@@ -100,6 +103,10 @@ class SCLAlert extends React.Component {
     })
   }
 
+  /**
+   * @description callback after press in the overlay
+   * @return { Void }
+   */
   handleOnClose = () => {
     this.props.cancellable && this.props.onRequestClose()
   }

src/components/SCLAlertHeader.js

@@ -4,9 +4,11 @@ import PropTypes from 'prop-types'
 import {
   View,
   ViewPropTypes,
-  StyleSheet
+  StyleSheet,
+  Image
 } from 'react-native'
 
+import images from '../config/images'
 import variables from '../config/variables'
 
 import {
@@ -30,17 +32,17 @@ SCLAlertHeader.defaultProps = {
 
 function SCLAlertHeader (props) {
   return (
-    <View style={[
-      styles.container,
-      styles.headerContainerStyles
-    ]}>
+    <View style={[styles.container, styles.headerContainerStyles]}>
       <View
         style={[
           styles.inner,
           styles.headerInnerStyles,
           { backgroundColor: variables[`${props.theme}Background`] }
         ]}
       >
+        {!props.headerIconComponent && (
+          <Image source={{ uri: images[props.theme] }} style={styles.image} />
+        )}
         {props.headerIconComponent}
       </View>
     </View>
@@ -62,6 +64,10 @@ const styles = StyleSheet.create({
     borderColor: variables.white,
     justifyContent: 'center',
     alignItems: 'center'
+  },
+  image: {
+    height: 32,
+    width: 32
   }
 })
 

src/components/SCLAlertSubtitle.js

@@ -23,19 +23,8 @@ SCLAlertSubtitle.defaultProps = {
 
 function SCLAlertSubtitle (props) {
   return (
-    <View
-      style={[
-        styles.container,
-        props.subtitleContainerStyle
-      ]}
-    >
-      <Text
-        numberOfLines={2}
-        style={[
-          styles.subtitle,
-          props.subtitleStyle
-        ]}
-      >
+    <View style={[styles.container, props.subtitleContainerStyle]}>
+      <Text numberOfLines={2} style={[styles.subtitle, props.subtitleStyle]}>
         {props.subtitle}
       </Text>
     </View>

src/components/SCLAlertTitle.js

@@ -23,19 +23,8 @@ SCLAlertTitle.defaultProps = {
 
 function SCLAlertTitle (props) {
   return (
-    <View
-      style={[
-        styles.container,
-        props.titleContainerStyle
-      ]}
-    >
-      <Text
-        numberOfLines={1}
-        style={[
-          styles.text,
-          props.titleStyle
-        ]}
-      >
+    <View style={[styles.container, props.titleContainerStyle]}>
+      <Text numberOfLines={1} style={[styles.text, props.titleStyle]}>
         {props.title}
       </Text>
     </View>

src/config/variables.js

@@ -54,7 +54,7 @@ export default {
   },
 
   get default () {
-    return '#f1f1fa'
+    return '#e0e0e0'
   },
 
   get inverse () {
@@ -73,8 +73,8 @@ export default {
     return '#dc3545'
   },
 
-  get warningTheme () {
-    return '#ff3b30'
+  get warning () {
+    return '#ffc107'
   },
 
   /**