👨🏼‍💻 Fix: #30

Author: sauzy34

lib/index.js

@@ -1,5 +1,5 @@
 import React, { useState, memo, useMemo } from 'react'
-import { capitalize, isEmpty, find } from 'lodash'
+import { isEmpty, find } from 'lodash'
 import { View, FlatList, Text, TouchableOpacity, TextInput, ScrollView } from 'react-native'
 import Colors from './src/constants/Colors'
 import Icon from './src/components/Icon'
@@ -40,7 +40,7 @@ function SelectBox({
       color: 'rgba(60, 60, 67, 0.6)',
       ...optionsLabelStyle,
     }
-    return <Text style={kOptionsLabelStyle}>{capitalize(item)}</Text>
+    return <Text style={kOptionsLabelStyle}>{item}</Text>
   }
 
   function renderItem({ item }) {
@@ -116,7 +116,7 @@ function SelectBox({
     }
     return (
       <View style={kMultiOptionContainerStyle}>
-        <Text style={kMultiOptionsLabelStyle}>{capitalize(label.item)}</Text>
+        <Text style={kMultiOptionsLabelStyle}>{label.item}</Text>
         <TouchableOpacity style={{ marginLeft: 15 }} hitSlop={hitSlop} onPress={onPressItem()}>
           <Icon name="closeCircle" fill="#fff" width={21} height={21} />
         </TouchableOpacity>
@@ -216,7 +216,7 @@ function SelectBox({
               />
             ) : (
               <TouchableOpacity hitSlop={hitSlop} onPress={onPressShowOptions()}>
-                <Text style={kSelectedItemStyle()}>{capitalize(value.item) || label}</Text>
+                <Text style={kSelectedItemStyle()}>{value.item || label}</Text>
               </TouchableOpacity>
             )}
           </View>

lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-multi-selectbox",
-  "version": "1.4.7",
+  "version": "1.4.8",
   "description": "Platform independent (Android / iOS) Selextbox | Picker | Multi-select | Multi-picker. The idea is to bring out the common user-interface & user-experience on both platforms..",
   "repository": {
     "type": "git",