From 5f2955285218025168ed631cfea94aae12e8699e Mon Sep 17 00:00:00 2001
From: Joshua diezmo <joshuadiezmo@gmail.com>
Date: Thu, 11 Jun 2020 21:04:29 +0800
Subject: [PATCH 1/3] Add onSelectItem function to detect everytime item was
 select

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

diff --git a/index.js b/index.js
index 5c94a58..2b0bb21 100644
--- a/index.js
+++ b/index.js
@@ -83,6 +83,7 @@ class Select2 extends Component {
     onItemSelected = (item, isSelectSingle) => {
         let selectedItem = [];
         let { data } = this.state;
+        const {onSelectItem} = this.props;
         item.checked = !item.checked;
         for (let index in data) {
             if (data[index].id === item.id) {
@@ -95,6 +96,8 @@ class Select2 extends Component {
             if (item.checked) selectedItem.push(item);
         })
         this.setState({ data, selectedItem });
+        if(onSelectItem)
+            onSelectItem(selectedItem)
     }
     keyExtractor = (item, idx) => idx.toString();
     renderItem = ({ item, idx }) => {

From a075e1d6b257d8a8b1c27fa838569dddcfba4852 Mon Sep 17 00:00:00 2001
From: Joshua diezmo <joshuadiezmo@gmail.com>
Date: Thu, 11 Jun 2020 21:33:26 +0800
Subject: [PATCH 2/3] add showCancelButton, showHeader and showSelectButton

---
 index.js | 34 ++++++++++++++++++++++------------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/index.js b/index.js
index 2b0bb21..6bc9ee2 100644
--- a/index.js
+++ b/index.js
@@ -20,7 +20,10 @@ class Select2 extends Component {
         colorTheme: '#16a45f',
         buttonTextStyle: {},
         buttonStyle: {},
-        showSearchBox: true
+        showSearchBox: true,
+        showCancelButton: true,
+        showSelectButton: true,
+        showHeader: true,
     }
     state = {
         show: false,
@@ -132,7 +135,8 @@ class Select2 extends Component {
         let {
             style, modalStyle, title, onSelect, onRemoveItem, popupTitle, colorTheme,
             isSelectSingle, cancelButtonText, selectButtonText, searchPlaceHolderText,
-            selectedTitleStyle, buttonTextStyle, buttonStyle, showSearchBox
+            selectedTitleStyle, buttonTextStyle, buttonStyle, showSearchBox, showCancelButton, showSelectButton,
+            showHeader
         } = this.props;
         let { show, selectedItem, preSelectedItem } = this.state;
         return (
@@ -152,11 +156,13 @@ class Select2 extends Component {
                     hideModalContentWhileAnimating
                     isVisible={show}>
                     <Animated.View style={[styles.modalContainer, modalStyle, { height: this.animatedHeight }]}>
-                        <View>
-                            <Text style={[styles.title, this.defaultFont, { color: colorTheme }]}>
-                                {popupTitle || title}
-                            </Text>
-                        </View>
+                        {showHeader ? (
+                            <View>
+                                <Text style={[styles.title, this.defaultFont, { color: colorTheme }]}>
+                                    {popupTitle || title}
+                                </Text>
+                            </View>
+                        ):null}
                         <View style={styles.line} />
                         {
                             showSearchBox
@@ -191,7 +197,7 @@ class Select2 extends Component {
                         />
 
                         <View style={styles.buttonWrapper}>
-                            <Button
+                            {showCancelButton ? <Button
                                 defaultFont={this.defaultFont}
                                 onPress={() => {
                                     this.cancelSelection();
@@ -200,8 +206,8 @@ class Select2 extends Component {
                                 textColor={colorTheme}
                                 backgroundColor='#fff'
                                 textStyle={buttonTextStyle}
-                                style={[styles.button, buttonStyle, { marginRight: 5, marginLeft: 10, borderWidth: 1, borderColor: colorTheme }]} />
-                            <Button
+                                style={[styles.button, buttonStyle, { marginRight: 5, marginLeft: 10, borderWidth: 1, borderColor: colorTheme }]} />:null}
+                            {showSelectButton ? <Button
                                 defaultFont={this.defaultFont}
                                 onPress={() => {
                                     let selectedIds = [], selectedObjectItems = [];
@@ -215,7 +221,7 @@ class Select2 extends Component {
                                 title={selectButtonText}
                                 backgroundColor={colorTheme}
                                 textStyle={buttonTextStyle}
-                                style={[styles.button, buttonStyle, { marginLeft: 5, marginRight: 10 }]} />
+                                style={[styles.button, buttonStyle, { marginLeft: 5, marginRight: 10 }]} />:null}
                         </View>
                     </Animated.View>
                 </Modal>
@@ -326,7 +332,11 @@ Select2.propTypes = {
     isSelectSingle: PropTypes.bool,
     showSearchBox: PropTypes.bool,
     cancelButtonText: PropTypes.string,
-    selectButtonText: PropTypes.string
+    selectButtonText: PropTypes.string,
+    showCancelButton: PropTypes.bool,
+    showSelectButton: PropTypes.bool,
+    showHeader: PropTypes.bool,
+    onSelectItem: PropTypes.func
 }
 
 //make this component available to the app

From e428caa0e2decb516ba1803aabc7c0cfc8745967 Mon Sep 17 00:00:00 2001
From: Joshua diezmo <joshuadiezmo@gmail.com>
Date: Wed, 15 Jul 2020 20:45:49 +0800
Subject: [PATCH 3/3] Add close on select

---
 index.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/index.js b/index.js
index 6bc9ee2..4f404a6 100644
--- a/index.js
+++ b/index.js
@@ -86,7 +86,7 @@ class Select2 extends Component {
     onItemSelected = (item, isSelectSingle) => {
         let selectedItem = [];
         let { data } = this.state;
-        const {onSelectItem} = this.props;
+        const {onSelectItem,closeOnSelect} = this.props;
         item.checked = !item.checked;
         for (let index in data) {
             if (data[index].id === item.id) {
@@ -99,8 +99,12 @@ class Select2 extends Component {
             if (item.checked) selectedItem.push(item);
         })
         this.setState({ data, selectedItem });
-        if(onSelectItem)
+        if(onSelectItem) {
             onSelectItem(selectedItem)
+            if(closeOnSelect){
+                this.setState({show: false})
+            }
+        }
     }
     keyExtractor = (item, idx) => idx.toString();
     renderItem = ({ item, idx }) => {
@@ -336,7 +340,8 @@ Select2.propTypes = {
     showCancelButton: PropTypes.bool,
     showSelectButton: PropTypes.bool,
     showHeader: PropTypes.bool,
-    onSelectItem: PropTypes.func
+    onSelectItem: PropTypes.func,
+    closeOnSelect: PropTypes.bool,
 }
 
 //make this component available to the app