Merge pull request #131 from joshsj89/main

Add case sensitivity prop

Author: onmotion

README^4.md

@@ -267,6 +267,7 @@ yarn android
 | `closeOnBlur` 	| whether to close dropdown on blur 	                                                                             | bool 	| false 	                                       |
 | `closeOnSubmit` 	| whether to close dropdown on submit 	                                                                           | bool 	| false 	                                       |
 | `clearOnFocus` 	| whether to clear typed text on focus 	                                                                          | bool 	| true 	                                        |
+| `caseSensitive`   | whether to perform case-sensitive search 	                                                                          | bool  | false
 | `ignoreAccents` 	| ignore diacritics 	                                                                                             | bool 	| true 	                                        |
 | `trimSearchText` | trim the searched text                                                                                         | bool 	| true 	                                        |
 | `editable` | is textInput editable                                                                                         | bool 	| true 	                                        |

src/index.tsx

@@ -49,6 +49,7 @@ export const AutocompleteDropdown = memo<
       dataSet: dataSetProp,
       initialValue: initialValueProp,
       clearOnFocus = true,
+      caseSensitive = false,
       ignoreAccents = true,
       trimSearchText = true,
       editable = true,
@@ -287,7 +288,7 @@ export const AutocompleteDropdown = memo<
         return
       }
 
-      let findWhat = searchText.toLowerCase()
+      let findWhat = caseSensitive ? searchText : searchText.toLowerCase()
 
       if (ignoreAccents) {
         findWhat = diacriticless(findWhat)
@@ -297,9 +298,11 @@ export const AutocompleteDropdown = memo<
         findWhat = findWhat.trim()
       }
 
-      const newSet = initialDataSet.filter(item => {
+      const newSet = initialDataSet.filter((item: AutocompleteDropdownItem) => {
         const titleLowercase = (item.title || '').toLowerCase()
-        const findWhere = ignoreAccents ? diacriticless(titleLowercase) : titleLowercase.toLowerCase()
+        const titleStr = item.title || ''
+        const title = caseSensitive ? titleStr : titleStr.toLowerCase()
+        const findWhere = ignoreAccents ? diacriticless(title) : title
 
         if (matchFromStart) {
           return typeof item.title === 'string' && findWhere.startsWith(findWhat)
@@ -309,7 +312,7 @@ export const AutocompleteDropdown = memo<
       })
 
       setDataSet(newSet)
-    }, [ignoreAccents, matchFromStart, searchText, trimSearchText, useFilter])
+    }, [ignoreAccents, matchFromStart, caseSensitive, searchText, trimSearchText, useFilter])
 
     const renderItem: ListRenderItem<AutocompleteDropdownItem> = useCallback(
       ({ item }) => {

src/types/index.ts

@@ -36,6 +36,7 @@ export interface IAutocompleteDropdownProps {
   closeOnBlur?: boolean
   closeOnSubmit?: boolean
   clearOnFocus?: boolean
+  caseSensitive?: boolean
   ignoreAccents?: boolean
   trimSearchText?: boolean
   editable?: boolean