@codeleap/mobile 3.2.9 → 3.2.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "3.2.9",
+  "version": "3.2.11",
   "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>>

package/src/components/List/index.tsx

@@ -73,6 +73,7 @@ const ListCP = forwardRef<KeyboardAwareFlatList, FlatListProps>(
       refreshControlProps = {},
       loading = false,
       fakeEmpty = loading,
+      contentContainerStyle,
       ...props
     } = flatListProps
 
@@ -86,8 +87,6 @@ const ListCP = forwardRef<KeyboardAwareFlatList, FlatListProps>(
     // const isEmpty = !props.data || !props.data.length
     const separator = props?.separators && <RenderSeparator separatorStyles={variantStyles.separator}/>
 
-    const refreshStyles = StyleSheet.flatten([variantStyles.refreshControl, styles.refreshControl])
-
     const renderItem = useCallback((data: ListRenderItemInfo<any>) => {
       if (!props?.renderItem) return null
       const listLength = props?.data?.length || 0
@@ -118,9 +117,11 @@ const ListCP = forwardRef<KeyboardAwareFlatList, FlatListProps>(
           variantStyles.wrapper,
           style,
           isEmpty && variantStyles['wrapper:empty'],
+
         ]}
         contentContainerStyle={[
           variantStyles.content,
+          contentContainerStyle,
           isEmpty && variantStyles['content:empty'],
         ]}
         // @ts-expect-error React's refs suck