Merge pull request #21 from sauzy34/develop

☑️ Fix #20

Author: sauzy34

lib/index.js

@@ -34,7 +34,11 @@ function SelectBox({
   const [showOptions, setShowOptions] = useState(false)
 
   function renderLabel(item) {
-    const kOptionsLabelStyle = { fontSize: 17, color: 'rgba(60, 60, 67, 0.6)', ...optionsLabelStyle }
+    const kOptionsLabelStyle = {
+      fontSize: 17,
+      color: 'rgba(60, 60, 67, 0.6)',
+      ...optionsLabelStyle
+    }
     return <Text style={kOptionsLabelStyle}>{capitalize(item)}</Text>
   }
 
@@ -89,7 +93,7 @@ function SelectBox({
     const label = find(options, o => o.id === item.id)
     const kMultiOptionContainerStyle = {
       flexDirection: 'row',
-      borderRadius: '20px',
+      borderRadius: 20,
       paddingVertical: 5,
       paddingRight: 5,
       paddingLeft: 10,
@@ -100,7 +104,11 @@ function SelectBox({
       flexGrow: 1,
       ...multiOptionContainerStyle
     }
-    const kMultiOptionsLabelStyle = { fontSize: 10, color: '#fff', ...multiOptionsLabelStyle }
+    const kMultiOptionsLabelStyle = {
+      fontSize: 10,
+      color: '#fff',
+      ...multiOptionsLabelStyle
+    }
     return (
       <View style={kMultiOptionContainerStyle}>
         <Text style={kMultiOptionsLabelStyle}>{capitalize(label.item)}</Text>
@@ -131,7 +139,11 @@ function SelectBox({
   )
 
   function multiListEmptyComponent() {
-    const kMultiListEmptyLabelStyle = { fontSize: 17, color: 'rgba(60, 60, 67, 0.3)', ...multiListEmptyLabelStyle }
+    const kMultiListEmptyLabelStyle = {
+      fontSize: 17,
+      color: 'rgba(60, 60, 67, 0.3)',
+      ...multiListEmptyLabelStyle
+    }
     return (
       <TouchableOpacity
         width="100%"
@@ -155,7 +167,12 @@ function SelectBox({
       </View>
     )
   }
-  const kLabelStyle = { fontSize: 12, color: 'rgba(60, 60, 67, 0.6)', paddingBottom: 4, ...labelStyle }
+  const kLabelStyle = {
+    fontSize: 12,
+    color: 'rgba(60, 60, 67, 0.6)',
+    paddingBottom: 4,
+    ...labelStyle
+  }
 
   const kContainerStyle = {
     flexDirection: 'row',

lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-multi-selectbox",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "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",