@codeleap/mobile 3.2.9 → 3.2.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "3.2.9",
+  "version": "3.2.10",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {

package/src/components/Autocomplete/index.tsx

@@ -75,6 +75,7 @@ export const Autocomplete = <T extends string|number = string, Multi extends boo
     filterItems = defaultFilterFunction,
     searchInputProps: searchProps = {},
     onItemPressed = () => {},
+    style,
     ...listProps
   } = allProps
 
@@ -116,6 +117,8 @@ export const Autocomplete = <T extends string|number = string, Multi extends boo
 
   const listStyles = useNestedStylesByKey('list', variantStyles)
 
+  const searchInputStyles = useNestedStylesByKey('searchInput', variantStyles)
+
   const currentOptions = searchable ? filteredOptions : defaultOptions
 
   const select = (selectedValue) => {
@@ -197,7 +200,7 @@ export const Autocomplete = <T extends string|number = string, Multi extends boo
 
   const Search = searchComponent
 
-  return <View style={variantStyles.wrapper}>
+  return <View style={[variantStyles.wrapper, style]}>
     <Search
       placeholder={placeholder}
       debugName={debugName}
@@ -209,6 +212,7 @@ export const Autocomplete = <T extends string|number = string, Multi extends boo
       debounce={!!loadOptions ? 800 : null}
       onSearchChange={onChangeSearch}
       hideErrorMessage
+      styles={searchInputStyles}
       {...searchProps}
     />
 

package/src/components/Autocomplete/types.ts

@@ -14,11 +14,15 @@ import { SearchInputProps, TextInputProps } from '../TextInput'
 import { Touchable } from '../Touchable'
 import { AutocompleteComposition } from './styles'
 
+type AutocompleteOption<T = any> = FormTypes.Options<T> & {
+  item?: any
+}
+
 export type AutocompleteRenderFNProps<T> = {
   styles: StylesOf<AutocompleteComposition>
   onPress: () => void
   isSelected?: boolean
-  item: FormTypes.Options<T>[number]
+  item: AutocompleteOption<T>[number]
   touchableProps?: Partial<PropsOf<typeof Touchable>>
   textProps?: Partial<PropsOf<typeof Text>>
   iconProps?: Partial<PropsOf<typeof Icon>>