From 0e3b728f6393beb9e8979631fe93b80be4ea3d55 Mon Sep 17 00:00:00 2001
From: Edouard IOSCA <e.iosca@gmail.com>
Date: Thu, 23 Mar 2017 19:03:11 +0100
Subject: [PATCH] Warning keyboardShouldPersistTaps={true}

---
 index.js | 321 +++++++++++++++++++++++++++++--------------------------
 1 file changed, 167 insertions(+), 154 deletions(-)

diff --git a/index.js b/index.js
index d65bf4c0..ef2895bc 100644
--- a/index.js
+++ b/index.js
@@ -1,18 +1,16 @@
 'use strict';
 
-import React,{
-    PropTypes
-} from 'react';
+import React, {PropTypes} from 'react';
 
 import {
-    View,
-    StyleSheet,
-    Dimensions,
-    Modal,
-    Text,
-    ScrollView,
-    TouchableOpacity,
-    Platform
+  View,
+  StyleSheet,
+  Dimensions,
+  Modal,
+  Text,
+  ScrollView,
+  TouchableOpacity,
+  Platform,
 } from 'react-native';
 
 import styles from './style';
@@ -21,162 +19,177 @@ import BaseComponent from './BaseComponent';
 let componentIndex = 0;
 
 const propTypes = {
-    data: PropTypes.array,
-    onChange: PropTypes.func,
-    initValue: PropTypes.string,
-    style: View.propTypes.style,
-    selectStyle: View.propTypes.style,
-    optionStyle: View.propTypes.style,
-    optionTextStyle: Text.propTypes.style,
-    sectionStyle: View.propTypes.style,
-    sectionTextStyle: Text.propTypes.style,
-    cancelStyle: View.propTypes.style,
-    cancelTextStyle: Text.propTypes.style,
-    overlayStyle: View.propTypes.style,
-    cancelText: PropTypes.string
+  data: PropTypes.array,
+  onChange: PropTypes.func,
+  initValue: PropTypes.string,
+  style: View.propTypes.style,
+  selectStyle: View.propTypes.style,
+  optionStyle: View.propTypes.style,
+  optionTextStyle: Text.propTypes.style,
+  sectionStyle: View.propTypes.style,
+  sectionTextStyle: Text.propTypes.style,
+  cancelStyle: View.propTypes.style,
+  cancelTextStyle: Text.propTypes.style,
+  overlayStyle: View.propTypes.style,
+  cancelText: PropTypes.string,
 };
 
 const defaultProps = {
-    data: [],
-    onChange: ()=> {},
-    initValue: 'Select me!',
-    style: {},
-    selectStyle: {},
-    optionStyle: {},
-    optionTextStyle: {},
-    sectionStyle: {},
-    sectionTextStyle: {},
-    cancelStyle: {},
-    cancelTextStyle: {},
-    overlayStyle: {},
-    cancelText: 'cancel'
+  data: [],
+  onChange: () => {},
+  initValue: 'Select me!',
+  style: {},
+  selectStyle: {},
+  optionStyle: {},
+  optionTextStyle: {},
+  sectionStyle: {},
+  sectionTextStyle: {},
+  cancelStyle: {},
+  cancelTextStyle: {},
+  overlayStyle: {},
+  cancelText: 'cancel',
 };
 
 export default class ModalPicker extends BaseComponent {
-
-    constructor() {
-
-        super();
-
-        this._bind(
-            'onChange',
-            'open',
-            'close',
-            'renderChildren'
-        );
-
-        this.state = {
-            animationType: 'slide',
-            modalVisible: false,
-            transparent: false,
-            selected: 'please select'
-        };
+  constructor() {
+    super();
+
+    this._bind('onChange', 'open', 'close', 'renderChildren');
+
+    this.state = {
+      animationType: 'slide',
+      modalVisible: false,
+      transparent: false,
+      selected: 'please select',
+    };
+  }
+
+  componentDidMount() {
+    this.setState({selected: this.props.initValue});
+    this.setState({cancelText: this.props.cancelText});
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if (nextProps.initValue != this.props.initValue) {
+      this.setState({selected: nextProps.initValue});
     }
-
-    componentDidMount() {
-        this.setState({selected: this.props.initValue});
-        this.setState({cancelText: this.props.cancelText});
-    }
-
-    componentWillReceiveProps(nextProps) {
-      if (nextProps.initValue != this.props.initValue) {
-        this.setState({selected: nextProps.initValue});
+  }
+
+  onChange(item) {
+    this.props.onChange(item);
+    this.setState({selected: item.label});
+    this.close();
+  }
+
+  close() {
+    this.setState({
+      modalVisible: false,
+    });
+  }
+
+  open() {
+    this.setState({
+      modalVisible: true,
+    });
+  }
+
+  renderSection(section) {
+    return (
+      <View
+        key={section.key}
+        style={[styles.sectionStyle, this.props.sectionStyle]}
+      >
+        <Text style={[styles.sectionTextStyle, this.props.sectionTextStyle]}>
+          {section.label}
+        </Text>
+      </View>
+    );
+  }
+
+  renderOption(option) {
+    return (
+      <TouchableOpacity key={option.key} onPress={() => this.onChange(option)}>
+        <View style={[styles.optionStyle, this.props.optionStyle]}>
+          <Text style={[styles.optionTextStyle, this.props.optionTextStyle]}>
+            {option.label}
+          </Text>
+        </View>
+      </TouchableOpacity>
+    );
+  }
+
+  renderOptionList() {
+    var options = this.props.data.map(item => {
+      if (item.section) {
+        return this.renderSection(item);
+      } else {
+        return this.renderOption(item);
       }
-    }
-
-    onChange(item) {
-        this.props.onChange(item);
-        this.setState({selected: item.label});
-        this.close();
-    }
-
-    close() {
-      this.setState({
-        modalVisible: false
-      });
-    }
-
-    open() {
-      this.setState({
-        modalVisible: true
-      });
-    }
-
-    renderSection(section) {
-        return (
-            <View key={section.key} style={[styles.sectionStyle,this.props.sectionStyle]}>
-                <Text style={[styles.sectionTextStyle,this.props.sectionTextStyle]}>{section.label}</Text>
+    });
+
+    return (
+      <View
+        style={[styles.overlayStyle, this.props.overlayStyle]}
+        key={'modalPicker' + componentIndex++}
+      >
+        <View style={styles.optionContainer}>
+          <ScrollView keyboardShouldPersistTaps="always">
+            <View style={{paddingHorizontal: 10}}>
+              {options}
             </View>
-        );
-    }
-
-    renderOption(option) {
-        return (
-            <TouchableOpacity key={option.key} onPress={()=>this.onChange(option)}>
-                <View style={[styles.optionStyle, this.props.optionStyle]}>
-                    <Text style={[styles.optionTextStyle,this.props.optionTextStyle]}>{option.label}</Text>
-                </View>
-            </TouchableOpacity>)
-    }
-
-    renderOptionList() {
-        var options = this.props.data.map((item) => {
-            if (item.section) {
-                return this.renderSection(item);
-            } else {
-                return this.renderOption(item);
-            }
-        });
-
-        return (
-            <View style={[styles.overlayStyle, this.props.overlayStyle]} key={'modalPicker'+(componentIndex++)}>
-                <View style={styles.optionContainer}>
-                    <ScrollView keyboardShouldPersistTaps>
-                        <View style={{paddingHorizontal:10}}>
-                            {options}
-                        </View>
-                    </ScrollView>
-                </View>
-                <View style={styles.cancelContainer}>
-                    <TouchableOpacity onPress={this.close}>
-                        <View style={[styles.cancelStyle, this.props.cancelStyle]}>
-                            <Text style={[styles.cancelTextStyle,this.props.cancelTextStyle]}>{this.props.cancelText}</Text>
-                        </View>
-                    </TouchableOpacity>
-                </View>
-
-            </View>);
-    }
-
-    renderChildren() {
-
-        if(this.props.children) {
-            return this.props.children;
-        }
-        return (
-            <View style={[styles.selectStyle, this.props.selectStyle]}>
-                <Text style={[styles.selectTextStyle, this.props.selectTextStyle]}>{this.state.selected}</Text>
+          </ScrollView>
+        </View>
+        <View style={styles.cancelContainer}>
+          <TouchableOpacity onPress={this.close}>
+            <View style={[styles.cancelStyle, this.props.cancelStyle]}>
+              <Text
+                style={[styles.cancelTextStyle, this.props.cancelTextStyle]}
+              >
+                {this.props.cancelText}
+              </Text>
             </View>
-        );
-    }
-
-    render() {
+          </TouchableOpacity>
+        </View>
 
-        const dp = (
-          <Modal transparent={true} ref="modal" visible={this.state.modalVisible} onRequestClose={this.close} animationType={this.state.animationType}>
-          {this.renderOptionList()}
-          </Modal>
-        );
+      </View>
+    );
+  }
 
-        return (
-            <View style={this.props.style}>
-                {dp}
-                <TouchableOpacity onPress={this.open}>
-                    {this.renderChildren()}
-                </TouchableOpacity>
-            </View>
-        );
+  renderChildren() {
+    if (this.props.children) {
+      return this.props.children;
     }
+    return (
+      <View style={[styles.selectStyle, this.props.selectStyle]}>
+        <Text style={[styles.selectTextStyle, this.props.selectTextStyle]}>
+          {this.state.selected}
+        </Text>
+      </View>
+    );
+  }
+
+  render() {
+    const dp = (
+      <Modal
+        transparent={true}
+        ref="modal"
+        visible={this.state.modalVisible}
+        onRequestClose={this.close}
+        animationType={this.state.animationType}
+      >
+        {this.renderOptionList()}
+      </Modal>
+    );
+
+    return (
+      <View style={this.props.style}>
+        {dp}
+        <TouchableOpacity onPress={this.open}>
+          {this.renderChildren()}
+        </TouchableOpacity>
+      </View>
+    );
+  }
 }
 
 ModalPicker.propTypes = propTypes;