callback function to know edit mode and hide dropdown toggle option

Author: Bruno Martínez

lib/index.js

@@ -28,6 +28,7 @@ function SelectBox({
   listEmptyLabelStyle,
   selectedItemStyle,
   removeItemsSelected,
+  editStatus,
   listEmptyText = 'No results found',
   ...props
 }) {
@@ -134,6 +135,7 @@ function SelectBox({
   }
   const {
     selectIcon,
+    noEditable,
     label,
     inputPlaceholder = 'Select',
     hideInputFilter,
@@ -227,9 +229,11 @@ function SelectBox({
               </TouchableOpacity>
             )}
           </View>
-          <TouchableOpacity onPress={onPressShowOptions()} hitSlop={hitSlop}>
-            {selectIcon ? selectIcon : <Icon name={showOptions ? 'upArrow' : 'downArrow'} fill={arrowIconColor} />}
-          </TouchableOpacity>
+          {noEditable ? null : 
+            <TouchableOpacity onPress={onPressShowOptions()} hitSlop={hitSlop}>
+              {selectIcon ? selectIcon : <Icon name={showOptions ? 'upArrow' : 'downArrow'} fill={arrowIconColor} />}
+            </TouchableOpacity>
+          }
         </View>
         {/* Options wrapper */}
         {showOptions && (
@@ -309,6 +313,7 @@ function SelectBox({
   }
 
   function onPressShowOptions() {
+    editStatus ? editStatus(showOptions) : null
     return () => setShowOptions(!showOptions)
   }
 }