From d075470a91189d1ea4a1325037d9eb767520a058 Mon Sep 17 00:00:00 2001
From: kblny <ktgr45@hotmail.com>
Date: Tue, 29 Mar 2016 11:11:01 +0200
Subject: [PATCH] ## New Features - New property `shouldHideAfterDelay` : Tell
 the MessageBar whether or not it should hide after a delay defined in the
 `duration` property. If `false`, the MessageBar remain shown - New property
 `shouldHideOnTap` : Tell the MessageBar whether or not it should hide or not
 when the user tap the alert. If `false`, the MessageBar will not hide, but
 the `onTapped` function is triggered, if defined. In addition, if `false`,
 the `onHide` function will not be triggered. The property
 `shouldHideAfterDelay` take precedence over `shouldHideOnTap`. That means if
 `shouldHideAfterDelay` is `false`, the value of `shouldHideOnTap` is not
 taken into account, since the MessageBar will not ever be hidden - New
 property `titleNumberOfLines` : Number of lines of the title. `0` means
 unlimited - New property `messageNumberOfLines` : Number of lines of the
 message. `0` means unlimited - New property `titleStyle` : Style of the title
 - New property `messageStyle` : Style of the message - New property
 `avatarStyle` : Style of the icon/avatar

## Bug Fixes
- When a MessageBar alert is shown it hide the existing one and display a new one, instead of replacing the existing one with its new state (formerly using properties)

## Breaking Changes
- Property `type` renamed to `alertType`
---
 AppTest.js                                    | 202 +++++++-----------
 CustomChildComponent.js                       |   7 +-
 MessageBar.js                                 |  30 +--
 MessageBarManager.js                          |  42 +++-
 README.md                                     | 121 ++++++-----
 .../UserInterfaceState.xcuserstate            | Bin 17775 -> 19533 bytes
 package.json                                  |   5 +-
 7 files changed, 197 insertions(+), 210 deletions(-)

diff --git a/AppTest.js b/AppTest.js
index ece95cf..3365831 100644
--- a/AppTest.js
+++ b/AppTest.js
@@ -26,118 +26,70 @@ class MessageBar extends Component {
 
     this.state = {
       callbackButton: 'Show Alert with Avatar and Callback (Error Type)',
-
-      alertTitle: 'null',
-      alertMessage: null,
-      alertIconUrl: null,
-      alertType: 'info',
-      alertDuration: null,
-      alertCallback: null,
     }
   }
 
 
   componentDidMount() {
     // Register the alert located on this master page
-    MessageBarManager.setCurrentMessageBarAlert(this.refs.alert);
+    MessageBarManager.registerMessageBar(this.refs.alert);
   }
 
 
   componentWillUnmount() {
     // Remove the alert located on this master page from te manager
-    MessageBarManager.removeCurrentMessageBarAlert();
+    MessageBarManager.unregisterMessageBar();
   }
 
 
   showSimpleAlertMessage() {
     // Title or Message is at least Mandatory
-    // type is Mandatory too, otherwise 'info' (blue color) will picked for you
-    this.setState({
-      alertTitle: null,
-      alertMessage: "This is a simple alert with a message.",
-      alertIconUrl: null,
+    // alertType is not Mandatory, but if no alertType provided, 'info' (blue color) will picked for you
+
+    // Simple show the alert with the manager
+    MessageBarManager.showCurrentAlert({
+      message: "This is a simple alert with a message.",
       alertType: 'extra',
-      alertDuration: null,
-      alertCallback: null,
     });
-
-    // Simple show the alert by its reference
-    // this.refs.alert.showMessageBarAlert();
-
-    // Or with the manager
-    MessageBarManager.showCurrentAlert();
   }
 
   showSimpleAlert() {
-    // Title or Message is at least Mandatory
-    // type is Mandatory too, otherwise 'info' (blue color) will picked for you
-    this.setState({
-      alertTitle: "This is a simple alert",
-      alertMessage: null,
-      alertIconUrl: null,
+    // Simple show the alert with the manager
+    MessageBarManager.showCurrentAlert({
+      title: "This is a simple alert",
       alertType: 'success',
-      alertDuration: null,
-      alertCallback: null,
     });
-
-    // Simple show the alert by its reference
-    // this.refs.alert.showMessageBarAlert();
-
-    // Or with the manager
-    MessageBarManager.showCurrentAlert();
   }
 
   showSimpleAlertWithMessage() {
-    // Title or Message is at least Mandatory
-    // type is Mandatory too, otherwise 'info' (blue color) will picked for you
-    this.setState({
-      alertTitle: "Caution !",
-      alertMessage: "This is a simple alert with a title",
-      alertIconUrl: null,
+    // Simple show the alert with the manager
+    MessageBarManager.showCurrentAlert({
+      title: "Caution !",
+      message: "This is a simple alert with a title",
       alertType: 'warning',
-      alertDuration: null,
-      alertCallback: null,
     });
-
-    // Simple show the alert by its reference
-    // this.refs.alert.showMessageBarAlert();
-
-    // Or with the manager
-    MessageBarManager.showCurrentAlert();
   }
 
   showAlertWithAvatar() {
-    this.setState({
-      alertTitle: "John Doe",
-      alertMessage: "Hello, how are you?",
-      alertIconUrl: "https://image.freepik.com/free-icon/super-simple-avatar_318-1018.jpg",
+    // Simple show the alert with the manager
+    MessageBarManager.showCurrentAlert({
+      title: "John Doe",
+      message: "Hello, how are you?",
+      avatarUrl: "https://image.freepik.com/free-icon/super-simple-avatar_318-1018.jpg",
       alertType: 'info',
-      alertDuration: null,
-      alertCallback: null,
     });
-
-    // Simple show the alert by its reference
-    // this.refs.alert.showMessageBarAlert();
-
-    // Or with the manager
-    MessageBarManager.showCurrentAlert();
   }
 
   showAlertWithCallback() {
-    this.setState({
-      alertTitle: "This is an alert with a callback function",
-      alertMessage: "Tap on the alert to execute the callback you passed in parameter",
-      alertIconUrl: "http://www.icon100.com/up/4250/128/83-circle-error.png",
+    // Simple show the alert with the manager
+    MessageBarManager.showCurrentAlert({
+      title: "This is an alert with a callback function",
+      message: "Tap on the alert to execute the callback you passed in parameter",
+      avatarUrl: "http://www.icon100.com/up/4250/128/83-circle-error.png",
       alertType: 'error',
-      alertDuration: 5000,
-      alertCallback: this.customCallback.bind(this),
+      duration: 5000,
+      onTapped: this.customCallback.bind(this),
     });
-
-    // Simple show the alert by its reference
-    // this.refs.alert.showMessageBarAlert();
-
-    // Or with the manager
-    MessageBarManager.showCurrentAlert();
   }
 
   showAlertFromThrowError() {
@@ -154,7 +106,7 @@ class MessageBar extends Component {
       title: "Error",
       message: error.message,
       type: 'error',
-      avatarUrl: null,
+      messageNumberOfLines: 0,
     });
   }
 
@@ -185,53 +137,59 @@ class MessageBar extends Component {
     return (
       <View style={styles.container}>
 
-        <MessageBarAlert ref="alert"
-          /* Cusomisation of the alert: Title, Message, Icon URL, Alert Type (error, success, warning, info), Duration for Alert keep shown */
-          title={this.state.alertTitle} // Title of the alert
-          message={this.state.alertMessage} // Message of the alert
-          avatarUrl={this.state.alertIconUrl} // Avatar/Icon URL of the alert
-          type={this.state.alertType} // Alert Type: you can select one of 'success', 'error', 'warning', 'error', or 'custom' (use custom if you use a 5th stylesheet, all are customizable). Default is 'info'
-          duration={this.state.alertDuration} // Number of ms the alert is displayed. Default is 3000 ms (3 seconds)
-
-          /* Hide setters */
-          shouldHideAfterDelay={true} // Define if the MessabeBar should hidden after the `duration`. Please refer yourself to the documentation for component behaviour outputs by setting these 2 properties
-          shouldHideOnTap={true} // Define if the MessabeBar should be hidden when user tap the alert. Please refer yourself to the documentation for component behaviour outputs by setting these 2 properties
-
-          /* Callbacks method on Alert Tapped, on Alert Show, on Alert Hide */
-          onTapped={this.state.alertCallback} // This function is executed on alert tap
-          onShow={this.alertShow.bind(this)} // This function is executed when alert is shown
-          onHide={this.alertHide.bind(this)} // This function is executed when alert is hidden
-
-          /* Customize the stylesheets and/or provide an additional one 'extra' */
-          stylesheetInfo = {{ backgroundColor : '#007bff', strokeColor : '#006acd' }}// Default are blue colors
-          stylesheetSuccess = {{ backgroundColor : 'darkgreen', strokeColor : '#b40000' }} // Default are Green colors
-          stylesheetWarning = {{ backgroundColor : '#ff9c00', strokeColor : '#f29400' }} // Default are orange colors
-          stylesheetError = {{ backgroundColor : '#ff3232', strokeColor : '#FF0000' }} // Default are red colors
-          stylesheetExtra = {{ backgroundColor : 'black', strokeColor : 'gray' }} // Default are blue colors, same as info
-
-          /* Customize the duration of the animation */
-          durationToShow = {500} // Default is 350
-          durationToHide = {300} // Default is 350
-
-          /* Offset of the View, useful if you have a navigation bar or if you want the alert be shown below another component instead of the top of the screen */
-          viewTopOffset = {0} // Default is 0
-          viewLeftOffset = {0} // Default is 0
-          viewRightOffset = {0} // Default is 0
-
-          /* Inset of the view, useful if you want to apply a padding at your alert content */
-          viewTopInset = {15} // Default is 0
-          viewLeftInset = {0} // Default is 0
-          viewRightInset = {0} // Default is 0
-
-          /* Number of Lines for Title and Message */
-          titleNumberOfLines={1}
-          messageNumberOfLines={0} // Unlimited number of lines
-
-          /* Style for the text elements and the avatar */
-          titleStyle={{ color: 'white', fontSize: 18, fontWeight: 'bold' }}
-          messageStyle={{ color: 'white', fontSize: 16 }}
-          avatarStyle={{ height: 40, width: 40, borderRadius: 20 }}
-          />
+        <MessageBarAlert ref="alert" />
+
+      {
+        // Otherwise, You can directly declare a MessageBar alert with its properties and display it by using its reference this.refs.alert.showMessageBarAlert()
+
+        // <MessageBarAlert ref="alert"
+        //   /* Cusomisation of the alert: Title, Message, Icon URL, Alert Type (error, success, warning, info), Duration for Alert keep shown */
+        //   title={this.state.alertTitle} // Title of the alert
+        //   message={this.state.alertMessage} // Message of the alert
+        //   avatarUrl={this.state.alertIconUrl} // Avatar/Icon URL of the alert
+        //   type={this.state.alertType} // Alert Type: you can select one of 'success', 'error', 'warning', 'error', or 'custom' (use custom if you use a 5th stylesheet, all are customizable). Default is 'info'
+        //   duration={this.state.alertDuration} // Number of ms the alert is displayed. Default is 3000 ms (3 seconds)
+        //
+        //   /* Hide setters */
+        //   shouldHideAfterDelay={true} // Define if the MessabeBar should hidden after the `duration`. Please refer yourself to the documentation for component behaviour outputs by setting these 2 properties
+        //   shouldHideOnTap={true} // Define if the MessabeBar should be hidden when user tap the alert. Please refer yourself to the documentation for component behaviour outputs by setting these 2 properties
+        //
+        //   /* Callbacks method on Alert Tapped, on Alert Show, on Alert Hide */
+        //   onTapped={this.state.alertCallback} // This function is executed on alert tap
+        //   onShow={this.alertShow.bind(this)} // This function is executed when alert is shown
+        //   onHide={this.alertHide.bind(this)} // This function is executed when alert is hidden
+        //
+        //   /* Customize the stylesheets and/or provide an additional one 'extra' */
+        //   stylesheetInfo = {{ backgroundColor : '#007bff', strokeColor : '#006acd' }}// Default are blue colors
+        //   stylesheetSuccess = {{ backgroundColor : 'darkgreen', strokeColor : '#b40000' }} // Default are Green colors
+        //   stylesheetWarning = {{ backgroundColor : '#ff9c00', strokeColor : '#f29400' }} // Default are orange colors
+        //   stylesheetError = {{ backgroundColor : '#ff3232', strokeColor : '#FF0000' }} // Default are red colors
+        //   stylesheetExtra = {{ backgroundColor : 'black', strokeColor : 'gray' }} // Default are blue colors, same as info
+        //
+        //   /* Customize the duration of the animation */
+        //   durationToShow = {500} // Default is 350
+        //   durationToHide = {300} // Default is 350
+        //
+        //   /* Offset of the View, useful if you have a navigation bar or if you want the alert be shown below another component instead of the top of the screen */
+        //   viewTopOffset = {0} // Default is 0
+        //   viewLeftOffset = {0} // Default is 0
+        //   viewRightOffset = {0} // Default is 0
+        //
+        //   /* Inset of the view, useful if you want to apply a padding at your alert content */
+        //   viewTopInset = {15} // Default is 0
+        //   viewLeftInset = {0} // Default is 0
+        //   viewRightInset = {0} // Default is 0
+        //
+        //   /* Number of Lines for Title and Message */
+        //   titleNumberOfLines={1}
+        //   messageNumberOfLines={0} // Unlimited number of lines
+        //
+        //   /* Style for the text elements and the avatar */
+        //   titleStyle={{ color: 'white', fontSize: 18, fontWeight: 'bold' }}
+        //   messageStyle={{ color: 'white', fontSize: 16 }}
+        //   avatarStyle={{ height: 40, width: 40, borderRadius: 20 }}
+        //   />
+        }
 
         <TouchableOpacity style={styles.buttonContainer} onPress={()=>{this.showSimpleAlert()}}>
           <Text style={[styles.button, {backgroundColor: 'darkgreen'}]}>Show Simple Alert, title only (Success Type)</Text>
diff --git a/CustomChildComponent.js b/CustomChildComponent.js
index 3703b80..824929c 100644
--- a/CustomChildComponent.js
+++ b/CustomChildComponent.js
@@ -29,13 +29,12 @@ class CustomChildComponent extends Component {
     // the classic method showCurrentAlert(state) where state is the new state of the message bar alert
 
     // Declare the new state of the parent's message bar alert
-    var newState = {
+    MessageBarManager.showCurrentAlert({
       title: 'Alert triggered from child component',
       message: "You can show an alert which is located on its parent's page. You can then declare only one MessageBar. This is useful to fix absolute position in child component",
       avatarUrl: null,
-      type: 'success',
-    };
-    MessageBarManager.showCurrentAlert(newState);
+      alertType: 'success',
+    });
   }
 
 
diff --git a/MessageBar.js b/MessageBar.js
index a64e0a2..49845d7 100644
--- a/MessageBar.js
+++ b/MessageBar.js
@@ -30,27 +30,31 @@ class MessageBar extends Component {
     this.notifyAlertHiddenCallback = null;
     this.alertShown = false;
 
-    this.state = this.setStateByProps(props);
+    this.state = this.getStateByProps(props);
   }
 
   componentWillReceiveProps(nextProps) {
+    this.setNewState(nextProps);
+  }
+
+  setNewState(state) {
     // Set the new state, this is triggered when the props of this MessageBar changed
-    this.setState(this.setStateByProps(nextProps));
+    this.setState(this.getStateByProps(state));
 
-    // Apply the colors of the alert depending on its type
-    this._applyAlertStylesheet(nextProps.type);
+    // Apply the colors of the alert depending on its alertType
+    this._applyAlertStylesheet(state.alertType);
   }
 
-  setStateByProps(props) {
+  getStateByProps(props) {
     return {
       backgroundColor: '#007bff', // default value : blue
       strokeColor: '#006acd', // default value : blue
 
-      /* Cusomisation of the alert: Title, Message, Icon URL, Alert Type (error, success, warning, info), Duration for Alert keep shown */
+      /* Cusomisation of the alert: Title, Message, Icon URL, Alert alertType (error, success, warning, info), Duration for Alert keep shown */
       title: props.title,
       message: props.message,
       avatarUrl: props.avatarUrl,
-      type: props.type || 'info',
+      alertType: props.alertType || 'info',
       duration: props.duration || 3000,
 
       /* Hide setters */
@@ -215,17 +219,17 @@ class MessageBar extends Component {
 
 
   /*
-  * Change the background color and the line stroke color depending on the Type
-  * If the type is not recognized, the 'info' one (blue colors) is selected for you
+  * Change the background color and the line stroke color depending on the alertType
+  * If the alertType is not recognized, the 'info' one (blue colors) is selected for you
   */
-  _applyAlertStylesheet(type) {
-    // Set the Background color and the line stroke color of the alert depending on its type
-    // Set to blue-info if no type or if the type is not recognized
+  _applyAlertStylesheet(alertType) {
+    // Set the Background color and the line stroke color of the alert depending on its alertType
+    // Set to blue-info if no alertType or if the alertType is not recognized
 
     let backgroundColor;
     let strokeColor;
 
-    switch (type) {
+    switch (alertType) {
       case 'success':
         backgroundColor = this.state.stylesheetSuccess.backgroundColor;
         strokeColor = this.state.stylesheetSuccess.strokeColor;
diff --git a/MessageBarManager.js b/MessageBarManager.js
index 67cecd4..bc02034 100644
--- a/MessageBarManager.js
+++ b/MessageBarManager.js
@@ -10,15 +10,21 @@ module.exports = {
 	_messageAlerts: new Array(),
 
 	setCurrentMessageBarAlert: function(alert) {
-		this._currentMessageBarAlert = alert;
+		console.warn('This method is deprecated, please use registerMessageBar instead.');
+		this.registerMessageBar(alert);
 	},
 
-	getCurrentMessageBarAlert: function() {
-		return this._currentMessageBarAlert;
+	removeCurrentMessageBarAlert: function() {
+		console.warn('This method is deprecated, please use registerMessageBar instead.');
+		this.unregisterMessageBar();
 	},
 
-	removeCurrentMessageBarAlert: function() {
-		this._currentMessageBarAlert = null;
+	registerMessageBar(messageBar) {
+		this._currentMessageBarAlert = messageBar;
+	},
+
+	unregisterMessageBar() {
+		this._currentMessageBarAlert = null;;
 	},
 
 
@@ -32,16 +38,36 @@ module.exports = {
 		}
 	},
 
-
 	showCurrentAlert: function(newState = null) {
 		if (this._currentMessageBarAlert !== null) {
 			if (newState != null) {
-				this._currentMessageBarAlert.setState(newState);
+				this._currentMessageBarAlert.setNewState(newState);
 			}
 
-			this._currentMessageBarAlert.showMessageBarAlert();
+			setTimeout(()=>{
+				this._currentMessageBarAlert.showMessageBarAlert();
+			}, 100);
 		}
 	},
+	// showCurrentAlert: function(newState = null) {
+	// 	if (this._currentMessageBarAlert !== null) {
+	// 		if (this._currentMessageBarAlert.isMessageBarShown()) {
+	// 			this._currentMessageBarAlert.notifyAlertHiddenCallback = () => {
+	// 				if (newState != null) {
+	// 					this._currentMessageBarAlert.setState(newState);
+	//
+	// 					this._currentMessageBarAlert.showMessageBarAlert();
+	// 				}
+	// 			}
+	// 		} else if (newState != null) {
+	// 			this._currentMessageBarAlert.setState(newState);
+	// 		}
+	//
+	// 		setTimeout(()=>{
+	// 			this._currentMessageBarAlert.showMessageBarAlert();
+	// 		}, 100);
+	// 	}
+	// },
 
 	hideAlert: function() {
 	  if (this._currentMessageBarAlert !== null) {
diff --git a/README.md b/README.md
index 4287f97..192f0cf 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# react-native-message-bar
+# react-native-message-bar [react-native-message-bar](http://img.shields.io/npm/dm/react-native-message-bar.svg) [react-native-message-bar](https://img.shields.io/npm/v/react-native-message-bar.svg) [react-native-message-bar](https://img.shields.io/npm/l/react-native-message-bar.svg)
 A message bar notification component displayed at the top of the screen for React Native (Android and iOS) projects.
 
 ![Screenshot](http://s18.postimg.org/fz4t9ifkp/ezgif_942641418.gif)
@@ -14,6 +14,8 @@ A message bar notification component displayed at the top of the screen for Reac
 - [Customize View Layout](#customize-view-layout)
 - [Properties](#properties)
 - [TODOS](#todos)
+- [Apps using this library](#apps-using-this-library)
+- [License](#license)
 
 
 ## Features
@@ -46,16 +48,8 @@ var MessageBarManager = require('react-native-message-bar').MessageBarManager;
 ```javascript
 // Within your render function.
 // Include the MessageBar once within your top View element
-// Please provide, at least a `title` or a `message` and a `type` (otherwise `info` will be chosen by default)
-<MessageBarAlert ref="alert"
-  title="John Doe" // Title of the alert
-  message="Hello, any suggestions?" // Message of the alert
-  avatarUrl="<URL of your icon/avatar>" // Avatar/Icon URL of the alert
-  type="info" // Alert Type: you can select one of 'success', 'error', 'warning', 'error', or 'custom' (use custom if you use a 5th stylesheet, all are customizable). Default is 'info'
-
-  // See Properties section for full customization
-  // Or check `index.ios.js` or `index.android.js` for a complete example
-/>
+// Make sure you add the MessageBar at the very bottom of your master component, then it will be displayed over all other components
+<MessageBarAlert ref="alert" />
 ```
 
 - 3. Register and Release your Message Bar as the current main alert
@@ -64,28 +58,29 @@ componentDidMount() {
   // Register the alert located on this master page
   // This MessageBar will be accessible from the current (same) component, and from its child component
   // The MessageBar is then declared only once, in your main component.
-  MessageBarManager.setCurrentMessageBarAlert(this.refs.alert);
+  MessageBarManager.registerMessageBar(this.refs.alert);
 }
 
 componentWillUnmount() {
   // Remove the alert located on this master page from te manager
-  MessageBarManager.removeCurrentMessageBarAlert();
+  MessageBarManager.unregisterMessageBar();
 }
 ```
 
 - 4. Display the Message Bar Alert on demand
 ```javascript
-// Simple show the alert by its reference
-this.refs.alert.showMessageBarAlert();
-
-// OR
-
 // Call this method after registering your MessageBar as the current alert
 // By calling this method the registered alert will be displayed
 // This is useful to show the alert from your current page or a child component
-MessageBarManager.showCurrentAlert();
+MessageBarManager.showCurrentAlert({
+  title: 'Your alert title here',
+  message: 'Your alert message here',
+  alertType: 'success',
+  // See Properties section for full customization
+  // Or check `index.ios.js` or `index.android.js` for a complete example
+});
 ```
-Please note, if you do not provide a `type`, the `info` one will be chosen for you.
+Please note, if you do not provide a `alertType`, the `info` one will be chosen for you.
 
 The normal `duration` of the notification is 3 seconds (3000 ms), you can override it. After this time, the notification is going to be hidden
 
@@ -95,11 +90,6 @@ See a full Example in `index.ios.js` or `index.android.js`.
 
 ## Hide the Message Bar Alert
 ```javascript
-// Simply hide the alert by its reference
-this.refs.alert.hideMessageBarAlert();
-
-// OR
-
 // You can force the current alert to be hidden through the Manager
 MessageBarManager.hideAlert();
 ```
@@ -117,65 +107,65 @@ The 4 pre-configured alert styles are:
 The `extra` alert type allows you to use another 5th type.
 
 ```javascript
-<MessageBarAlert ref="alert"
+MessageBarManager.showCurrentAlert({
   ...
 
-  type='info' // Alert Type: you can select one of 'success', 'error', 'warning', 'error', or 'custom' (use custom if you use a 5th stylesheet, all are customizable). Default is 'info'
+  alertType: 'info', // Alert Type: you can select one of 'success', 'error', 'warning', 'error', or 'custom' (use custom if you use a 5th stylesheet, all are customizable). Default is 'info'
 
   /* Customize the stylesheets and/or provide an additional one 'extra' */
-  stylesheetInfo = {{ backgroundColor : '#007bff', strokeColor : '#006acd' }} // Default are blue colors
-  stylesheetSuccess = {{ backgroundColor : 'darkgreen', strokeColor : '#b40000' }} // Default are Green colors
-  stylesheetWarning = {{ backgroundColor : '#ff9c00', strokeColor : '#f29400' }} // Default are orange colors
-  stylesheetError = {{ backgroundColor : '#ff3232', strokeColor : '#FF0000' }} // Default are red colors
-  stylesheetExtra = {{ backgroundColor : 'black', strokeColor : 'gray' }} // Default are blue colors, same as info
+  stylesheetInfo : {{ backgroundColor : '#007bff', strokeColor : '#006acd' }}, // Default are blue colors
+  stylesheetSuccess : {{ backgroundColor : 'darkgreen', strokeColor : '#b40000' }}, // Default are Green colors
+  stylesheetWarning : {{ backgroundColor : '#ff9c00', strokeColor : '#f29400' }}, // Default are orange colors
+  stylesheetError : {{ backgroundColor : '#ff3232', strokeColor : '#FF0000' }}, // Default are red colors
+  stylesheetExtra : {{ backgroundColor : 'black', strokeColor : 'gray' }}, // Default are blue colors, same as info
 
   ...
-/>
+});
 ```
 
 
 ## Customize Alert Content
 You can customize the style of the Title, Message and Icon/Avatar.
 ```javascript
-<MessageBarAlert ref="alert"
+MessageBarManager.showCurrentAlert({
   ...
 
-  title="John Doe" // Title of the alert
-  message="Hello, any suggestions?" // Message of the alert
-  avatarUrl="<URL of your icon/avatar>" // Avatar/Icon URL of the alert
+  title: "John Doe", // Title of the alert
+  message: "Hello, any suggestions?", // Message of the alert
+  avatarUrl: "<URL of your icon/avatar>", // Avatar/Icon URL of the alert
 
   /* Number of Lines for Title and Message */
-  titleNumberOfLines={1}
-  messageNumberOfLines={0} // Unlimited number of lines
+  titleNumberOfLines: 1,
+  messageNumberOfLines: 0, // Unlimited number of lines
 
   /* Style for the text elements and the  */
-  titleStyle={{ color: 'white', fontSize: 18, fontWeight: 'bold' }}
-  messageStyle={{ color: 'white', fontSize: 16 }}
-  avatarStyle={{ height: 40, width: 40, borderRadius: 20 }}
+  titleStyle: {{ color: 'white', fontSize: 18, fontWeight: 'bold' }},
+  messageStyle: {{ color: 'white', fontSize: 16 }},
+  avatarStyle: {{ height: 40, width: 40, borderRadius: 20 }},
 
   ...
-/>
+});
 ```
 
 
 ## Customize View Layout
 You can customize the inset (padding) and the offset of the alert.
 ```javascript
-<MessageBarAlert ref="alert"
+MessageBarManager.showCurrentAlert({
   ...
 
   /* Offset of the View, useful if you have a navigation bar or if you want the alert be shown below another component instead of the top of the screen */
-  viewTopOffset = {0} // Default is 0
-  viewLeftOffset = {0} // Default is 0
-  viewRightOffset = {0} // Default is 0
+  viewTopOffset : 0, // Default is 0
+  viewLeftOffset : 0, // Default is 0
+  viewRightOffset : 0, // Default is 0
 
   /* Inset of the view, useful if you want to apply a padding at your alert content */
-  viewTopInset = {15} // Default is 0
-  viewLeftInset = {0} // Default is 0
-  viewRightInset = {0} // Default is 0
+  viewTopInset : 15, // Default is 0
+  viewLeftInset : 0, // Default is 0
+  viewRightInset : 0, // Default is 0
 
   ...
-/>
+});
 ```
 
 
@@ -185,18 +175,18 @@ Prop                  | Type     | Default              | Description
 title                 | String   |                      | Title of the alert
 message               | String   |                      | Message of the alert
 avatarUrl             | String   |                      | Avatar/Icon URL of the alert
-type                  | String   | info                 | Alert Type: you can select one of 'success', 'error', 'warning', 'error', or 'custom' (use custom if you use a 5th stylesheet, all are customizable).
+alertType             | String   | info                 | Alert Type: you can select one of 'success', 'error', 'warning', 'error', or 'custom' (use custom if you use a 5th stylesheet, all are customizable).
 duration              | Number   | 3000                 | Number of ms the alert is displayed  
-shouldHideAfterDelay  | Bool     | true                 | Tell the MessageBar wether it should hide after a delay defined in the `duration` property. If `false`, the MessageBar remain shown
-shouldHideOnTap       | Bool     | true                 | Tell the MessageBar wether it should hide or not when the user tap the alert. If `false`, the MessageBar will not hide, but the `onTapped` function is triggered, if defined. In addition, if `false`, the `onHide` function will not be triggered. The property `shouldHideAfterDelay` take precedence over `shouldHideOnTap`. That means if `shouldHideAfterDelay` is `false`, the value of `shouldHideOnTap` is not taken into account, since the MessageBar will not ever be hidden
+shouldHideAfterDelay  | Bool     | true                 | Tell the MessageBar whether or not it should hide after a delay defined in the `duration` property. If `false`, the MessageBar remain shown
+shouldHideOnTap       | Bool     | true                 | Tell the MessageBar whether or not it should hide or not when the user tap the alert. If `false`, the MessageBar will not hide, but the `onTapped` function is triggered, if defined. In addition, if `false`, the `onHide` function will not be triggered. The property `shouldHideAfterDelay` take precedence over `shouldHideOnTap`. That means if `shouldHideAfterDelay` is `false`, the value of `shouldHideOnTap` is not taken into account, since the MessageBar will not ever be hidden
 onTapped              | Function |                      | Callback function after alert is tapped
 onShow                | Function |                      | Callback function after alert is shown
 onHide                | Function |                      | Callback function after alert is hidden
-stylesheetInfo        | Object   | { backgroundColor: '#007bff', strokeColor: '#006acd' } | Background color and line stroke colors of the alert when type is equals to `info`
-stylesheetSuccess     | Object   | { backgroundColor: 'darkgreen', strokeColor: '#b40000' } | Background color and line stroke colors of the alert when type is equals to `success`
-stylesheetWarning     | Object   | { backgroundColor: '#ff9c00', strokeColor: '#f29400' } | Background color and line stroke colors of the alert when type is equals to `warning`
-stylesheetError       | Object   | { backgroundColor: '#ff3232', strokeColor: '#FF0000' } | Background color and line stroke colors of the alert when type is equals to `error`
-stylesheetExtra       | Object   | { backgroundColor: '#007bff', strokeColor: '#006acd' } | Background color and line stroke colors of the alert when type is equals to `extra`
+stylesheetInfo        | Object   | { backgroundColor: '#007bff', strokeColor: '#006acd' } | Background color and line stroke colors of the alert when alertType is equals to `info`
+stylesheetSuccess     | Object   | { backgroundColor: 'darkgreen', strokeColor: '#b40000' } | Background color and line stroke colors of the alert when alertType is equals to `success`
+stylesheetWarning     | Object   | { backgroundColor: '#ff9c00', strokeColor: '#f29400' } | Background color and line stroke colors of the alert when alertType is equals to `warning`
+stylesheetError       | Object   | { backgroundColor: '#ff3232', strokeColor: '#FF0000' } | Background color and line stroke colors of the alert when alertType is equals to `error`
+stylesheetExtra       | Object   | { backgroundColor: '#007bff', strokeColor: '#006acd' } | Background color and line stroke colors of the alert when alertType is equals to `extra`
 durationToShow        | Number   | 350                  | Duration of the animation to completely show the alert
 durationToHide        | Number   | 350                  | Duration of the animation to completely hide the alert
 viewTopOffset         | Number   | 0                    | Offset of the view from the top. That means the alert touch the top edge of the screen
@@ -213,7 +203,6 @@ messageStyle          | Style    | { color: 'white', fontSize: 16 } | Style of t
 
 
 ## TODOS
-
 - [ ] Add Alert Queuing System
 - [ ] Add Bottom Position
 - [ ] Add Slide Animations (Slide from Top, Bottom, Left, Right)
@@ -221,6 +210,16 @@ messageStyle          | Style    | { color: 'white', fontSize: 16 } | Style of t
 - [ ] Add customizable Animation (inject your configuration)
 - [ ] Anything that can help to improve :) Thanks for contributions
 
+
+## Apps using this library
+- Your App here...
+
+
 ---
 
-**MIT Licensed**
+## License
+`React-Native-Message-Bar` is released under MIT License. See `LICENSE` for details.
+
+>**Copyright &copy; 2016 KBLNY.**
+
+*Please provide attribution, it is greatly appreciated.*
diff --git a/ios/MessageBar.xcodeproj/project.xcworkspace/xcuserdata/kevin.xcuserdatad/UserInterfaceState.xcuserstate b/ios/MessageBar.xcodeproj/project.xcworkspace/xcuserdata/kevin.xcuserdatad/UserInterfaceState.xcuserstate
index 986cee446ea6dcf0a78f6330c70408e822251db9..fb9d43b65706b835df8e6e66e20adc310f547c9f 100644
GIT binary patch
delta 10968
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
BF&+Q_

delta 9827
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
PtM5ggSNv9fr)K^SEJ@yB

diff --git a/package.json b/package.json
index 686931e..812ea2b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-message-bar",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "description": "A message bar alert displayed at the top of the screen for react-native",
   "main": "index.js",
   "private": false,
@@ -24,5 +24,6 @@
   ],
   "bugs": {
     "url": "https://github.com/KBLNY/react-native-message-bar/issues"
-  }
+  },
+  "license": "MIT"
 }