fix: search regex issue

example/ios/Podfile.lock

@@ -620,4 +620,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 5c80fa76d05da1d4e17685423f650ebe38a55415
 
-COCOAPODS: 1.12.1
+COCOAPODS: 1.13.0

src/components/Input/index.tsx

@@ -33,6 +33,7 @@ export const Input = ({
         onBlur={() => setFocus(false)}
         value={value}
         onChangeText={onChangeText}
+        returnKeyType="search"
         {...rest}
       />
     </View>

src/index.tsx

@@ -15,7 +15,7 @@ import type {
   TSectionList,
   TSectionListItem,
 } from './types/index.types';
-import { extractPropertyFromArray } from './utils';
+import { escapeRegExp, extractPropertyFromArray } from './utils';
 
 export const DropdownSelect: React.FC<DropdownProps> = ({
   placeholder,
@@ -226,7 +226,7 @@ export const DropdownSelect: React.FC<DropdownProps> = ({
   const onSearch = (value: string) => {
     setSearchValue(value);
 
-    let searchText = value.toString().toLocaleLowerCase().trim();
+    let searchText = escapeRegExp(value).toString().toLocaleLowerCase().trim();
 
     const regexFilter = new RegExp(searchText, 'i');
 
@@ -276,8 +276,9 @@ export const DropdownSelect: React.FC<DropdownProps> = ({
    * Modal
    *==========================================*/
   const handleToggleModal = () => {
-    if (disabled){ // protecting any toggleModal invocation when Dropdown is disabled by not activating state
-      return; 
+    if (disabled) {
+      // protecting any toggleModal invocation when Dropdown is disabled by not activating state
+      return;
     }
     setOpen(!open);
     setSearchValue('');

src/utils/index.ts

@@ -7,3 +7,7 @@ export const extractPropertyFromArray = (arr: any, property: string) => {
 
   return extractedValue;
 };
+
+export const escapeRegExp = (text: string) => {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+};