UNPKG

17.5 kBTypeScriptView Raw
1import * as React from 'react';
2import TouchableRipple from '../TouchableRipple/TouchableRipple';
3import type { $RemoveChildren } from '../../types';
4declare type Props = $RemoveChildren<typeof TouchableRipple> & {
5 /**
6 * Status of checkbox.
7 */
8 status: 'checked' | 'unchecked' | 'indeterminate';
9 /**
10 * Whether checkbox is disabled.
11 */
12 disabled?: boolean;
13 /**
14 * Function to execute on press.
15 */
16 onPress?: () => void;
17 /**
18 * Custom color for unchecked checkbox.
19 */
20 uncheckedColor?: string;
21 /**
22 * Custom color for checkbox.
23 */
24 color?: string;
25 /**
26 * @optional
27 */
28 theme: ReactNativePaper.Theme;
29 /**
30 * testID to be used on tests.
31 */
32 testID?: string;
33};
34declare const _default: React.ComponentType<Pick<$RemoveChildren<React.ComponentType<Pick<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
35 borderless?: boolean | undefined;
36 background?: Object | undefined;
37 centered?: boolean | undefined;
38 disabled?: boolean | undefined;
39 /**
40 * @optional
41 */
42 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
43 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
44 rippleColor?: string | undefined;
45 underlayColor?: string | undefined;
46 children: React.ReactNode;
47 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
48 theme: ReactNativePaper.Theme;
49}, keyof import("react-native").TouchableWithoutFeedbackProps | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | keyof React.RefAttributes<import("react-native").TouchableWithoutFeedback>> & {
50 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined; /**
51 * Custom color for unchecked checkbox.
52 */
53}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
54 borderless?: boolean | undefined;
55 background?: Object | undefined;
56 centered?: boolean | undefined;
57 disabled?: boolean | undefined;
58 /**
59 * @optional
60 */
61 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
62 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
63 rippleColor?: string | undefined;
64 underlayColor?: string | undefined;
65 children: React.ReactNode;
66 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
67 theme: ReactNativePaper.Theme;
68}> & {
69 ({ style, background: _background, borderless, disabled: disabledProp, rippleColor, underlayColor: _underlayColor, children, theme, ...rest }: import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
70 borderless?: boolean | undefined;
71 background?: Object | undefined;
72 centered?: boolean | undefined;
73 disabled?: boolean | undefined;
74 /**
75 * @optional
76 */
77 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
78 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
79 rippleColor?: string | undefined;
80 underlayColor?: string | undefined;
81 children: React.ReactNode;
82 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
83 theme: ReactNativePaper.Theme;
84 }): JSX.Element;
85 supported: boolean;
86}, {}>> & {
87 /**
88 * Status of checkbox.
89 */
90 status: "checked" | "unchecked" | "indeterminate";
91 /**
92 * Whether checkbox is disabled.
93 */
94 disabled?: boolean | undefined;
95 /**
96 * Function to execute on press.
97 */
98 onPress?: (() => void) | undefined;
99 /**
100 * Custom color for unchecked checkbox.
101 */
102 uncheckedColor?: string | undefined;
103 /**
104 * Custom color for checkbox.
105 */
106 color?: string | undefined;
107 /**
108 * @optional
109 */
110 theme: ReactNativePaper.Theme;
111 /**
112 * testID to be used on tests.
113 */
114 testID?: string | undefined;
115}, "style" | "color" | "onLayout" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "pressRetentionOffset" | "touchSoundDisabled" | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | "status" | "uncheckedColor"> & {
116 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined; /**
117 * Custom color for unchecked checkbox.
118 */
119}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<$RemoveChildren<React.ComponentType<Pick<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
120 borderless?: boolean | undefined;
121 background?: Object | undefined;
122 centered?: boolean | undefined;
123 disabled?: boolean | undefined;
124 /**
125 * @optional
126 */
127 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
128 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
129 rippleColor?: string | undefined;
130 underlayColor?: string | undefined;
131 children: React.ReactNode;
132 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
133 theme: ReactNativePaper.Theme;
134}, keyof import("react-native").TouchableWithoutFeedbackProps | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | keyof React.RefAttributes<import("react-native").TouchableWithoutFeedback>> & {
135 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined; /**
136 * Custom color for unchecked checkbox.
137 */
138}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
139 borderless?: boolean | undefined;
140 background?: Object | undefined;
141 centered?: boolean | undefined;
142 disabled?: boolean | undefined;
143 /**
144 * @optional
145 */
146 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
147 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
148 rippleColor?: string | undefined;
149 underlayColor?: string | undefined;
150 children: React.ReactNode;
151 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
152 theme: ReactNativePaper.Theme;
153}> & {
154 ({ style, background: _background, borderless, disabled: disabledProp, rippleColor, underlayColor: _underlayColor, children, theme, ...rest }: import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
155 borderless?: boolean | undefined;
156 background?: Object | undefined;
157 centered?: boolean | undefined;
158 disabled?: boolean | undefined;
159 /**
160 * @optional
161 */
162 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
163 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
164 rippleColor?: string | undefined;
165 underlayColor?: string | undefined;
166 children: React.ReactNode;
167 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
168 theme: ReactNativePaper.Theme;
169 }): JSX.Element;
170 supported: boolean;
171}, {}>> & {
172 /**
173 * Status of checkbox.
174 */
175 status: "checked" | "unchecked" | "indeterminate";
176 /**
177 * Whether checkbox is disabled.
178 */
179 disabled?: boolean | undefined;
180 /**
181 * Function to execute on press.
182 */
183 onPress?: (() => void) | undefined;
184 /**
185 * Custom color for unchecked checkbox.
186 */
187 uncheckedColor?: string | undefined;
188 /**
189 * Custom color for checkbox.
190 */
191 color?: string | undefined;
192 /**
193 * @optional
194 */
195 theme: ReactNativePaper.Theme;
196 /**
197 * testID to be used on tests.
198 */
199 testID?: string | undefined;
200}> & {
201 ({ status, theme, disabled, onPress, testID, ...rest }: Props): JSX.Element;
202 displayName: string;
203}, {}>;
204export default _default;
205declare const CheckboxAndroidWithTheme: React.ComponentType<Pick<$RemoveChildren<React.ComponentType<Pick<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
206 borderless?: boolean | undefined;
207 background?: Object | undefined;
208 centered?: boolean | undefined;
209 disabled?: boolean | undefined;
210 /**
211 * @optional
212 */
213 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
214 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
215 rippleColor?: string | undefined;
216 underlayColor?: string | undefined;
217 children: React.ReactNode;
218 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
219 theme: ReactNativePaper.Theme;
220}, keyof import("react-native").TouchableWithoutFeedbackProps | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | keyof React.RefAttributes<import("react-native").TouchableWithoutFeedback>> & {
221 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined; /**
222 * Custom color for unchecked checkbox.
223 */
224}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
225 borderless?: boolean | undefined;
226 background?: Object | undefined;
227 centered?: boolean | undefined;
228 disabled?: boolean | undefined;
229 /**
230 * @optional
231 */
232 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
233 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
234 rippleColor?: string | undefined;
235 underlayColor?: string | undefined;
236 children: React.ReactNode;
237 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
238 theme: ReactNativePaper.Theme;
239}> & {
240 ({ style, background: _background, borderless, disabled: disabledProp, rippleColor, underlayColor: _underlayColor, children, theme, ...rest }: import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
241 borderless?: boolean | undefined;
242 background?: Object | undefined;
243 centered?: boolean | undefined;
244 disabled?: boolean | undefined;
245 /**
246 * @optional
247 */
248 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
249 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
250 rippleColor?: string | undefined;
251 underlayColor?: string | undefined;
252 children: React.ReactNode;
253 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
254 theme: ReactNativePaper.Theme;
255 }): JSX.Element;
256 supported: boolean;
257}, {}>> & {
258 /**
259 * Status of checkbox.
260 */
261 status: 'checked' | 'unchecked' | 'indeterminate';
262 /**
263 * Whether checkbox is disabled.
264 */
265 disabled?: boolean | undefined;
266 /**
267 * Function to execute on press.
268 */
269 onPress?: (() => void) | undefined;
270 /**
271 * Custom color for unchecked checkbox.
272 */
273 uncheckedColor?: string | undefined;
274 /**
275 * Custom color for checkbox.
276 */
277 color?: string | undefined;
278 /**
279 * @optional
280 */
281 theme: ReactNativePaper.Theme;
282 /**
283 * testID to be used on tests.
284 */
285 testID?: string | undefined;
286}, "style" | "color" | "onLayout" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "pressRetentionOffset" | "touchSoundDisabled" | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | "status" | "uncheckedColor"> & {
287 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined; /**
288 * Custom color for unchecked checkbox.
289 */
290}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<$RemoveChildren<React.ComponentType<Pick<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
291 borderless?: boolean | undefined;
292 background?: Object | undefined;
293 centered?: boolean | undefined;
294 disabled?: boolean | undefined;
295 /**
296 * @optional
297 */
298 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
299 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
300 rippleColor?: string | undefined;
301 underlayColor?: string | undefined;
302 children: React.ReactNode;
303 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
304 theme: ReactNativePaper.Theme;
305}, keyof import("react-native").TouchableWithoutFeedbackProps | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | keyof React.RefAttributes<import("react-native").TouchableWithoutFeedback>> & {
306 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined; /**
307 * Custom color for unchecked checkbox.
308 */
309}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
310 borderless?: boolean | undefined;
311 background?: Object | undefined;
312 centered?: boolean | undefined;
313 disabled?: boolean | undefined;
314 /**
315 * @optional
316 */
317 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
318 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
319 rippleColor?: string | undefined;
320 underlayColor?: string | undefined;
321 children: React.ReactNode;
322 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
323 theme: ReactNativePaper.Theme;
324}> & {
325 ({ style, background: _background, borderless, disabled: disabledProp, rippleColor, underlayColor: _underlayColor, children, theme, ...rest }: import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
326 borderless?: boolean | undefined;
327 background?: Object | undefined;
328 centered?: boolean | undefined;
329 disabled?: boolean | undefined;
330 /**
331 * @optional
332 */
333 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
334 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
335 rippleColor?: string | undefined;
336 underlayColor?: string | undefined;
337 children: React.ReactNode;
338 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
339 theme: ReactNativePaper.Theme;
340 }): JSX.Element;
341 supported: boolean;
342}, {}>> & {
343 /**
344 * Status of checkbox.
345 */
346 status: 'checked' | 'unchecked' | 'indeterminate';
347 /**
348 * Whether checkbox is disabled.
349 */
350 disabled?: boolean | undefined;
351 /**
352 * Function to execute on press.
353 */
354 onPress?: (() => void) | undefined;
355 /**
356 * Custom color for unchecked checkbox.
357 */
358 uncheckedColor?: string | undefined;
359 /**
360 * Custom color for checkbox.
361 */
362 color?: string | undefined;
363 /**
364 * @optional
365 */
366 theme: ReactNativePaper.Theme;
367 /**
368 * testID to be used on tests.
369 */
370 testID?: string | undefined;
371}> & {
372 ({ status, theme, disabled, onPress, testID, ...rest }: Props): JSX.Element;
373 displayName: string;
374}, {}>;
375export { CheckboxAndroidWithTheme as CheckboxAndroid };
376
\No newline at end of file