fix: more typings

index.d.ts

@@ -1,6 +1,12 @@
 import * as React from 'react'
 import * as ReactNative from 'react-native'
 
+type IconProps = {
+ name: string
+ size?: number
+ [x: string]: any
+}
+
 export interface Styles {
  container?: ReactNative.StyleProp<ReactNative.ViewStyle>
  modalWrapper?: ReactNative.StyleProp<ReactNative.ViewStyle>
@@ -64,8 +70,8 @@ export interface SectionedMultiSelectProps<ItemType> {
  disabled?: string
  }
  searchPlaceholderText?: string
- noResultsComponent?: (() => void) | JSX.Element
- loadingComponent?: (() => void) | JSX.Element
+ noResultsComponent?: React.ReactNode
+ loadingComponent?: React.ReactNode
  loading?: boolean
  subItemFontFamily?: object
  itemFontFamily?: object
@@ -78,16 +84,16 @@ export interface SectionedMultiSelectProps<ItemType> {
  modalWithSafeAreaView?: boolean
  modalWithTouchable?: boolean
  hideSearch?: boolean
- footerComponent?: (() => void) | JSX.Element
- stickyFooterComponent?: (() => void) | JSX.Element
- selectToggleIconComponent?: (() => void) | JSX.Element
- cancelIconComponent?: (() => void) | JSX.Element
- searchIconComponent?: (() => void) | JSX.Element
- selectedIconComponent?: (() => void) | JSX.Element
- unselectedIconComponent?: (() => void) | JSX.Element
- dropDownToggleIconUpComponent?: (() => void) | JSX.Element
- dropDownToggleIconDownComponent?: (() => void) | JSX.Element
- chipRemoveIconComponent?: (() => void) | JSX.Element
+ footerComponent?: React.ReactNode
+ stickyFooterComponent?: React.ReactNode
+ selectToggleIconComponent?: React.ReactNode
+ cancelIconComponent?: React.ReactNode
+ searchIconComponent?: React.ReactNode
+ selectedIconComponent?: React.ReactNode
+ unselectedIconComponent?: React.ReactNode
+ dropDownToggleIconUpComponent?: React.ReactNode
+ dropDownToggleIconDownComponent?: React.ReactNode
+ chipRemoveIconComponent?: React.ReactNode
  selectChildren?: boolean
  highlightChildren?: boolean
  onSelectedItemObjectsChange?: (items: ItemType[]) => void
@@ -97,7 +103,7 @@ export interface SectionedMultiSelectProps<ItemType> {
  hideSelect?: boolean
  onConfirm?: () => void
  onCancel?: () => void
- headerComponent?: (() => void) | JSX.Element
+ headerComponent?: React.ReactNode
  alwaysShowSelectText?: boolean
  searchAdornment?: (searchText: string) => void
  expandDropDowns?: boolean
@@ -106,50 +112,38 @@ export interface SectionedMultiSelectProps<ItemType> {
  onChangeSearchText?: (searchTerm: string) => void
  filterItems?: (searchTerm: string) => void
  onToggleSelector?: (selected: boolean) => void
- noItemsComponent?: (() => void) | JSX.Element
+ noItemsComponent?: React.ReactNode
  customChipsRenderer?: (chipProperties: object) => void
  chipsPosition?: 'top' | 'bottom'
  autoFocus?: boolean
  iconKey?: string
  disabled?: boolean
  selectedIconOnLeft?: boolean
  parentChipsRemoveChildren?: boolean
- IconRenderer?: (() => void) | JSX.Element | React.ReactNode
+ hideChipRemove?: boolean
+ IconRenderer?: React.ReactNode
  itemsFlatListProps?: Omit<ReactNative.FlatListProps<T>, 'data' | 'renderItem'>
  subItemsFlatListProps?: Omit<
  ReactNative.FlatListProps<T>,
  'data' | 'renderItem'
  >
 
  icons?: Partial<{
- search: {
- name: string
- size: number
- }
- arrowUp: {
- name: string
- size: number
- }
- arrowDown: {
- name: string
- size: number
- }
- close: {
- name: string
- size: number
- }
- check: {
- name: string
- size: number
- }
- cancel: {
- name: string
- size: number
- }
+ search: IconProps
+ arrowUp: IconProps
+ arrowDown: IconProps
+ close: IconProps
+ check: IconProps
+ cancel: IconProps
  }>
 }
 export default class SectionedMultiSelect<ItemType> extends React.Component<
  SectionedMultiSelectProps<ItemType>
 > {
  _toggleSelector: () => void
+ _removeAllItems: () => void
+ _removeItem: (item: ItemType) => void
+ _selectAllItems: () => void
+ _findItem: (id: string | number) => ItemType | object | undefined
+ _itemSelected: (item: ItemType) => boolean
 }