From 9e2e6d7c57f8443ec6f5ca4725bc01e88cea3e55 Mon Sep 17 00:00:00 2001
From: Ramananda Panda <rampanda@us.ibm.com>
Date: Tue, 21 Aug 2018 12:53:12 +0530
Subject: [PATCH 1/3] added multiline to text input

---
 index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.js b/index.js
index cef9738..e4cb59f 100644
--- a/index.js
+++ b/index.js
@@ -33,6 +33,7 @@ class DialogInput extends React.Component{
               <Text style={styles.title_modal}>{title}</Text>
               <Text style={[this.props.message ? styles.message_modal : {height:0} ]}>{this.props.message}</Text>
               <TextInput style={styles.input_container}
+                multiline={(textProps && textProps.multiline==false)?false:true}
                 autoCorrect={(textProps && textProps.autoCorrect==false)?false:true}
                 autoCapitalize={(textProps && textProps.autoCapitalize)?textProps.autoCapitalize:'none'}
                 clearButtonMode={(textProps && textProps.clearButtonMode)?textProps.clearButtonMode:'never'}

From 2d8c639bb3a9bf8aacf0a794c84719fd250824c0 Mon Sep 17 00:00:00 2001
From: Ramananda Panda <rampanda@us.ibm.com>
Date: Tue, 21 Aug 2018 18:09:36 +0530
Subject: [PATCH 2/3] added multiline and input required feature

---
 README.md |  3 ++-
 index.js  | 37 ++++++++++++++++++++++++++++++++-----
 2 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 1c42e18..d9b288d 100644
--- a/README.md
+++ b/README.md
@@ -33,8 +33,9 @@ import DialogInput from 'react-native-dialog-input';
  isDialogVisible       | Condition to show or hide the DialogInput   |   Boolean
  title                 | Title to show in the DialogInput            |   String (OPTIONAL)
  message               | Message to show in the DialogInput          |   String (OPTIONAL)
+ multiline             | To make DialogInput multiline          |   Boolean (OPTIONAL)
  hintInput             | Text hint to show in the TextInput          |   String (OPTIONAL)
- textInputProps        | Additional properties to add to the TextInput in the form:<BR> `textInputProps={{autoCorrect:false}}`  Currently supports:<BR>autoCorrect<BR>autoCapitalize<BR>clearButtonMode<BR>clearTextOnFocus <BR>keyboardType          |    Object (OPTIONAL)
+ textInputProps        | Additional properties to add to the TextInput in the form:<BR> `textInputProps={{autoCorrect:false}}`  Currently supports:<BR>autoCorrect<BR>autoCapitalize<BR>clearButtonMode<BR>clearTextOnFocus <BR>keyboardType <BR>required           |    Object (OPTIONAL)
 modalStyle   | Styles for the blocking view behind the DialogInput             |   Object (OPTIONAL)
 dialogStyle             | Styles for the DialogInput main view                        |   Object (OPTIONAL)
 cancelText             | Replacement text for the Cancel button      |   String (OPTIONAL)
diff --git a/index.js b/index.js
index e4cb59f..12dcb80 100644
--- a/index.js
+++ b/index.js
@@ -5,7 +5,7 @@ import { StyleSheet, Text, View, Modal, TextInput, TouchableOpacity,
 class DialogInput extends React.Component{
   constructor(props){
     super(props);
-    this.state = {inputModal:''}
+    this.state = {inputModal:'',submitDisabled:true}
   }
   render(){
     let title = this.props.title || '';
@@ -16,6 +16,7 @@ class DialogInput extends React.Component{
     let dialogStyleProps = this.props.dialogStyle || {};
     var cancelText = this.props.cancelText || 'Cancel';
     var submitText = this.props.submitText || 'Submit';
+    var isInputRequired = (textProps && textProps.required )|| false;
     cancelText = (Platform.OS === 'ios')? cancelText:cancelText.toUpperCase();
     submitText = (Platform.OS === 'ios')? submitText:submitText.toUpperCase();
 
@@ -33,7 +34,7 @@ class DialogInput extends React.Component{
               <Text style={styles.title_modal}>{title}</Text>
               <Text style={[this.props.message ? styles.message_modal : {height:0} ]}>{this.props.message}</Text>
               <TextInput style={styles.input_container}
-                multiline={(textProps && textProps.multiline==false)?false:true}
+                multiline={(textProps && textProps.multiline)?true:false}
                 autoCorrect={(textProps && textProps.autoCorrect==false)?false:true}
                 autoCapitalize={(textProps && textProps.autoCapitalize)?textProps.autoCapitalize:'none'}
                 clearButtonMode={(textProps && textProps.clearButtonMode)?textProps.clearButtonMode:'never'}
@@ -41,7 +42,16 @@ class DialogInput extends React.Component{
                 keyboardType={(textProps && textProps.keyboardType)?textProps.keyboardType:'default'}
                 underlineColorAndroid='transparent'
                 placeholder={hintInput}
-                onChangeText={(inputModal) => this.setState({inputModal})}
+                onChangeText={(inputModal) =>{
+                  if(inputModal.trim()){
+                    this.setState({inputModal:inputModal,submitDisabled:false})
+                  }else{
+                    if(isInputRequired)
+                    this.setState({inputModal:inputModal,submitDisabled:true})
+                    else
+                    this.setState({inputModal});
+                  }
+                }}
                 />
             </View>
             <View style={styles.btn_container}>
@@ -52,11 +62,11 @@ class DialogInput extends React.Component{
                 <Text style={styles.btn_modal_left}>{cancelText}</Text>
               </TouchableOpacity>
 	            <View style={styles.divider_btn}></View>
-              <TouchableOpacity  style={styles.touch_modal}
+              <TouchableOpacity disabled={this.state.submitDisabled && isInputRequired} style={styles.touch_modal}
                 onPress={() => {
                   this.props.submitInput(this.state.inputModal);
                 }}>
-                <Text style={styles.btn_modal_right}>{submitText}</Text>
+                <Text style={this.state.submitDisabled && isInputRequired ?styles.btn_modal_right_disabled:styles.btn_modal_right}>{submitText}</Text>
               </TouchableOpacity>
             </View>
           </View>
@@ -215,6 +225,23 @@ const styles = StyleSheet.create({
       },
     }),
   },
+  
+  btn_modal_right_disabled:{
+    fontWeight: 'bold',
+    ...Platform.select({
+      ios: {
+        fontSize:18,
+        color:'rgba(0,0,0,0.44)',
+        textAlign:'center',
+        padding: 10,
+      },
+      android: {
+        textAlign:'right',
+        color:'rgba(0,0,0,0.44)',
+        padding: 8
+      },
+    }),
+  },
   btn_modal_right:{
     fontWeight: 'bold',
     ...Platform.select({

From c7aa03917dfd0db5046d8cf4a7a02b3b8b864017 Mon Sep 17 00:00:00 2001
From: Ramananda Panda <rampanda@us.ibm.com>
Date: Tue, 21 Aug 2018 18:33:21 +0530
Subject: [PATCH 3/3] added maxLength to input

---
 README.md | 1 +
 index.js  | 1 +
 2 files changed, 2 insertions(+)

diff --git a/README.md b/README.md
index d9b288d..60f5f02 100644
--- a/README.md
+++ b/README.md
@@ -34,6 +34,7 @@ import DialogInput from 'react-native-dialog-input';
  title                 | Title to show in the DialogInput            |   String (OPTIONAL)
  message               | Message to show in the DialogInput          |   String (OPTIONAL)
  multiline             | To make DialogInput multiline          |   Boolean (OPTIONAL)
+ maxLength             | Limits the maximum number of characters that can be entered  in the DialogInput<br> default values: if multiline, 200 else 50       |   Number (OPTIONAL)
  hintInput             | Text hint to show in the TextInput          |   String (OPTIONAL)
  textInputProps        | Additional properties to add to the TextInput in the form:<BR> `textInputProps={{autoCorrect:false}}`  Currently supports:<BR>autoCorrect<BR>autoCapitalize<BR>clearButtonMode<BR>clearTextOnFocus <BR>keyboardType <BR>required           |    Object (OPTIONAL)
 modalStyle   | Styles for the blocking view behind the DialogInput             |   Object (OPTIONAL)
diff --git a/index.js b/index.js
index 12dcb80..72996bd 100644
--- a/index.js
+++ b/index.js
@@ -35,6 +35,7 @@ class DialogInput extends React.Component{
               <Text style={[this.props.message ? styles.message_modal : {height:0} ]}>{this.props.message}</Text>
               <TextInput style={styles.input_container}
                 multiline={(textProps && textProps.multiline)?true:false}
+                maxLength = {(textProps && textProps.maxLength) ? textProps.maxLength : (textProps.multiline ? 200 : 50)}
                 autoCorrect={(textProps && textProps.autoCorrect==false)?false:true}
                 autoCapitalize={(textProps && textProps.autoCapitalize)?textProps.autoCapitalize:'none'}
                 clearButtonMode={(textProps && textProps.clearButtonMode)?textProps.clearButtonMode:'never'}