feat: allow the initial value to be set without a dataSet (#148)

Author: onmotion

example/components/RemoteDataSetExample2.tsx

@@ -49,7 +49,7 @@ export const RemoteDataSetExample2 = memo((props: Omit<IAutocompleteDropdownProp
         <AutocompleteDropdown
           ref={searchRef}
           controller={dropdownController}
-          // initialValue={'1'}
+          initialValue={{ id: '1', title: 'Initial val' }}
           // direction={Platform.select({ ios: 'down' })}
           dataSet={suggestionsList}
           onChangeText={getSuggestions}

example/components/RemoteDataSetExample3.tsx

@@ -43,6 +43,7 @@ export const RemoteDataSetExample3 = memo(() => {
         <AutocompleteDropdown
           ref={searchRef}
           closeOnBlur={false}
+          // initialValue={{ id: '1', title: 'Initial val' }}
           // direction={Platform.select({ ios: 'down' })}
           controller={controller => {
             dropdownController.current = controller

src/index.tsx

@@ -193,20 +193,20 @@ export const AutocompleteDropdown = memo<
     useEffect(() => {
       const initialDataSet = initialDataSetRef.current
       const initialValue = initialValueRef.current
-      if (!Array.isArray(initialDataSet)) {
-        // nothing to set or already setted
-        return
-      }
 
-      let dataSetItem: AutocompleteDropdownItem | undefined
+      let initialValueItem: AutocompleteDropdownItem | undefined
       if (typeof initialValue === 'string') {
-        dataSetItem = initialDataSet.find(el => el.id === initialValue)
+        initialValueItem = initialDataSet?.find(el => el.id === initialValue)
       } else if (typeof initialValue === 'object' && initialValue.id) {
-        dataSetItem = initialDataSet.find(el => el.id === initialValue?.id)
+        initialValueItem = initialDataSet?.find(el => el.id === initialValue?.id)
+        if (!initialValueItem) {
+          // set the item as it is if it's not in the list
+          initialValueItem = initialValue
+        }
       }
 
-      if (dataSetItem) {
-        setSelectedItem(dataSetItem)
+      if (initialValueItem) {
+        setSelectedItem(initialValueItem)
       }
     }, [])
 

src/types/index.ts

@@ -28,7 +28,7 @@ export interface IAutocompleteDropdownProps {
   dataSet: AutocompleteDropdownItem[] | null
   inputHeight?: number
   suggestionsListMaxHeight?: number
-  initialValue?: string | { id: string }
+  initialValue?: string | { id: string } | AutocompleteDropdownItem
   loading?: boolean
   useFilter?: boolean
   showClear?: boolean