UNPKG

@gluestack-ui/select

Version:

A universal headless select component for React Native, Next.js & React

github.com/gluestack/gluestack-ui/tree/main/packages/unstyled/select

gluestack/gluestack-ui

112 lines (109 loc) • 3.4 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
export interface ISelectProps { isDisabled?: boolean; isInvalid?: boolean; isRequired?: boolean; isHovered?: boolean; isFocused?: boolean; isFocusVisible?: boolean; closeOnOverlayClick?: boolean; selectedValue?: string | null; /** * @deprecated Use `initialLabel` instead. */ selectedLabel?: string; defaultValue?: string; initialLabel?: string; onValueChange?: (arg: string) => void; onClose?: () => void; onOpen?: () => void; placeholder?: string; } export interface ISelectItemProps { label: string; value: string; isDisabled?: boolean; } export type ISelectComponentType< SelectProps, SelectTriggerProps, SelectInputProps, SelectIconProps, SelectPortalProps, SelectBackdropProps, SelectContentProps, SelectDragIndicatorProps, SelectDragIndicatorWrapperProps, SelectItemProps, SelectItemTextProps, SelectScrollViewProps, SelectVirtualizedListProps, SelectFlatListProps, SelectSectionListProps, SelectSectionHeaderTextProps > = React.ForwardRefExoticComponent< React.PropsWithoutRef<SelectProps> & ISelectProps & React.RefAttributes<SelectProps> > & { Trigger: React.ForwardRefExoticComponent< React.PropsWithoutRef<SelectTriggerProps> & React.RefAttributes<SelectTriggerProps> >; Input: React.ForwardRefExoticComponent< React.PropsWithoutRef<SelectInputProps> & React.RefAttributes<SelectInputProps> >; Icon: React.ForwardRefExoticComponent< React.PropsWithoutRef<SelectIconProps> & React.RefAttributes<SelectIconProps> >; Portal: React.ForwardRefExoticComponent< React.PropsWithoutRef<SelectPortalProps> & React.RefAttributes<SelectPortalProps> >; Backdrop: React.ForwardRefExoticComponent< React.PropsWithoutRef<SelectBackdropProps> & React.RefAttributes<SelectBackdropProps> >; Content: React.ForwardRefExoticComponent< React.PropsWithoutRef<SelectContentProps> & React.RefAttributes<SelectContentProps> >; DragIndicator: React.ForwardRefExoticComponent< React.PropsWithoutRef<SelectDragIndicatorProps> & React.RefAttributes<SelectDragIndicatorProps> >; DragIndicatorWrapper: React.ForwardRefExoticComponent< React.PropsWithoutRef<SelectDragIndicatorWrapperProps> & React.RefAttributes<SelectDragIndicatorWrapperProps> >; Item: React.ForwardRefExoticComponent< ISelectItemProps & React.PropsWithoutRef<SelectItemProps> & React.RefAttributes<SelectItemProps> & { textStyle?: { [K in keyof SelectItemTextProps]?: SelectItemTextProps[K]; }; } >; ScrollView: React.ForwardRefExoticComponent< React.PropsWithoutRef<SelectScrollViewProps> & React.RefAttributes<SelectScrollViewProps> >; VirtualizedList: React.ForwardRefExoticComponent< React.PropsWithoutRef<SelectVirtualizedListProps> & React.RefAttributes<SelectVirtualizedListProps> >; FlatList: React.ForwardRefExoticComponent< React.PropsWithoutRef<SelectFlatListProps> & React.RefAttributes<SelectFlatListProps> >; SectionList: React.ForwardRefExoticComponent< React.PropsWithoutRef<SelectSectionListProps> & React.RefAttributes<SelectSectionListProps> >; SectionHeaderText: React.ForwardRefExoticComponent< React.PropsWithoutRef<SelectSectionHeaderTextProps> & React.RefAttributes<SelectSectionHeaderTextProps> >; };