@eslam-elmeniawy/react-native-common-components/src/components/SelectDialog/SelectDialog.types.ts

Common `ReactNative` components packed in library for usage in projects.

// External imports.
import * as React from 'react';

// Types imports.
import type { SelectItem } from '../../types/SelectItem';
import type { MD2Theme, MD3Theme } from 'react-native-paper';

export interface Props<T extends SelectItem = SelectItem> {
  items?: T[];
  selectedItems?: T[];
  allowMultiSelect?: boolean;
  onItemsSelected?: (selectedItems?: T[]) => void;
  visible?: boolean;
  onDismiss?: () => void;
  searchLabel?: string;
  searchComponent?: React.ReactElement;
  noDataMessage?: string;
  noDataComponent?: React.ReactElement;
  closeText?: string;
}

export interface PropsWithTheme extends Props {
  theme: MD2Theme | MD3Theme;
}

export interface SearchInputProps {
  searchLabel?: string;
  searchComponent?: React.ReactElement;
  onChangeText?: ((text: string) => void) & Function;
}

export interface SearchInputPropsWithTheme extends SearchInputProps {
  theme: MD2Theme | MD3Theme;
}

export interface NoDataProps {
  noDataMessage?: string;
  noDataComponent?: React.ReactElement;
}

export interface ListProps<T extends SelectItem = SelectItem> {
  items: T[];
  theme: MD2Theme | MD3Theme;
  onItemPressed: (item: T) => void;
  isItemSelected: (item: T) => boolean;
}