@codeleap/mobile 3.18.3 → 3.18.6

package/package.json

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

package/src/components/Select/index.tsx

@@ -118,6 +118,7 @@ export const Select = <T extends string | number = string, Multi extends boolean
     visible: _visible,
     toggle: _toggle,
     ListHeaderComponent,
+    ListComponent = List,
     onLoadOptionsError,
     loadOptionsOnMount = defaultOptions.length === 0,
     loadOptionsOnOpen = false,
@@ -195,7 +196,7 @@ export const Select = <T extends string | number = string, Multi extends boolean
 
   const close = () => toggle?.()
 
-  const select = (selectedValue) => {
+  const select = useCallback((selectedValue) => {
 
     let newValue = null
 
@@ -243,11 +244,11 @@ export const Select = <T extends string | number = string, Multi extends boolean
       close?.()
     }
 
-  }
+  }, [isValueArray, ...(isValueArray ? value : [value]), limit, multiple])
 
   const Item = renderItem || Button
 
-  const renderListItem = useCallback(({ item }) => {
+  const renderListItem = useCallback(({ item, index }) => {
 
     let selected = false
 
@@ -268,6 +269,7 @@ export const Select = <T extends string | number = string, Multi extends boolean
       // @ts-ignore
       rightIcon={selectedIcon}
       styles={itemStyles}
+      index={index}
       {...itemProps}
     />
   }, [value, select, multiple])
@@ -347,7 +349,7 @@ export const Select = <T extends string | number = string, Multi extends boolean
       toggle={toggle}
 
     >
-      <List<SelectProps<any>['options']>
+      <ListComponent<SelectProps<any>['options']>
         data={searchable ? filteredOptions : options}
         scrollEnabled={false}
         showsHorizontalScrollIndicator={false}

package/src/components/Select/types.ts

@@ -23,6 +23,8 @@ export type SelectRenderFNProps<T> = {
   touchableProps?: Partial<PropsOf<typeof Touchable>>
   textProps?: Partial<PropsOf<typeof Text>>
   iconProps?: Partial<PropsOf<typeof Icon>>
+  index: number
+  debugName: string
 }
 
 export type SelectRenderFN<T> = (props: SelectRenderFNProps<T>) => JSX.Element
@@ -88,6 +90,7 @@ export type SelectProps<T = any, Multi extends boolean = false> = {
     searchable?: boolean
     limit?: number
     ListHeaderComponent?: React.ComponentType<SelectHeaderProps>
+    ListComponent?: React.ComponentType<any>
     searchInputProps?: Partial<SearchInputProps>
     loadOptionsOnMount?: boolean
     loadOptionsOnOpen?: boolean