UNPKG

29.9 kBTypeScriptView Raw
1import * as React from 'react';
2import { StyleProp, View, ViewStyle } from 'react-native';
3declare type Props = React.ComponentPropsWithRef<typeof View> & {
4 /**
5 * Content of the `DataTable`.
6 */
7 children: React.ReactNode;
8 style?: StyleProp<ViewStyle>;
9};
10/**
11 * Data tables allow displaying sets of data.
12 *
13 * <div class="screenshots">
14 * <figure>
15 * <img class="large" src="screenshots/data-table.png" />
16 * <figcaption>Data table</figcaption>
17 * </figure>
18 * </div>
19 *
20 * ## Usage
21 * ```js
22 * import * as React from 'react';
23 * import { DataTable } from 'react-native-paper';
24 *
25 * const optionsPerPage = [2, 3, 4];
26 *
27 * const MyComponent = () => {
28 * const [page, setPage] = React.useState<number>(0);
29 * const [itemsPerPage, setItemsPerPage] = React.useState(optionsPerPage[0]);
30 *
31 * React.useEffect(() => {
32 * setPage(0);
33 * }, [itemsPerPage]);
34 *
35 * return (
36 * <DataTable>
37 * <DataTable.Header>
38 * <DataTable.Title>Dessert</DataTable.Title>
39 * <DataTable.Title numeric>Calories</DataTable.Title>
40 * <DataTable.Title numeric>Fat</DataTable.Title>
41 * </DataTable.Header>
42 *
43 * <DataTable.Row>
44 * <DataTable.Cell>Frozen yogurt</DataTable.Cell>
45 * <DataTable.Cell numeric>159</DataTable.Cell>
46 * <DataTable.Cell numeric>6.0</DataTable.Cell>
47 * </DataTable.Row>
48 *
49 * <DataTable.Row>
50 * <DataTable.Cell>Ice cream sandwich</DataTable.Cell>
51 * <DataTable.Cell numeric>237</DataTable.Cell>
52 * <DataTable.Cell numeric>8.0</DataTable.Cell>
53 * </DataTable.Row>
54 *
55 * <DataTable.Pagination
56 * page={page}
57 * numberOfPages={3}
58 * onPageChange={(page) => setPage(page)}
59 * label="1-2 of 6"
60 * optionsPerPage={optionsPerPage}
61 * itemsPerPage={itemsPerPage}
62 * setItemsPerPage={setItemsPerPage}
63 * showFastPagination
64 * optionsLabel={'Rows per page'}
65 * />
66 * </DataTable>
67 * );
68 *}
69 *
70 * export default MyComponent;
71 * ```
72 */
73declare const DataTable: {
74 ({ children, style, ...rest }: Props): JSX.Element;
75 Header: React.ComponentType<Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
76 children: React.ReactNode;
77 style?: StyleProp<ViewStyle>;
78 theme: ReactNativePaper.Theme;
79 }, keyof import("react-native").ViewProps | keyof React.RefAttributes<View>> & {
80 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
81 }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<import("react-native").ViewProps & React.RefAttributes<View> & {
82 children: React.ReactNode;
83 style?: StyleProp<ViewStyle>;
84 theme: ReactNativePaper.Theme;
85 }> & {
86 ({ children, style, theme, ...rest }: import("react-native").ViewProps & React.RefAttributes<View> & {
87 children: React.ReactNode;
88 style?: StyleProp<ViewStyle>;
89 theme: ReactNativePaper.Theme;
90 }): JSX.Element;
91 displayName: string;
92 }, {}>;
93 Title: React.ComponentType<Pick<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
94 children: React.ReactNode;
95 numeric?: boolean | undefined;
96 sortDirection?: "ascending" | "descending" | undefined;
97 numberOfLines?: number | undefined;
98 onPress?: (() => void) | undefined;
99 /**
100 * Data tables allow displaying sets of data.
101 *
102 * <div class="screenshots">
103 * <figure>
104 * <img class="large" src="screenshots/data-table.png" />
105 * <figcaption>Data table</figcaption>
106 * </figure>
107 * </div>
108 *
109 * ## Usage
110 * ```js
111 * import * as React from 'react';
112 * import { DataTable } from 'react-native-paper';
113 *
114 * const optionsPerPage = [2, 3, 4];
115 *
116 * const MyComponent = () => {
117 * const [page, setPage] = React.useState<number>(0);
118 * const [itemsPerPage, setItemsPerPage] = React.useState(optionsPerPage[0]);
119 *
120 * React.useEffect(() => {
121 * setPage(0);
122 * }, [itemsPerPage]);
123 *
124 * return (
125 * <DataTable>
126 * <DataTable.Header>
127 * <DataTable.Title>Dessert</DataTable.Title>
128 * <DataTable.Title numeric>Calories</DataTable.Title>
129 * <DataTable.Title numeric>Fat</DataTable.Title>
130 * </DataTable.Header>
131 *
132 * <DataTable.Row>
133 * <DataTable.Cell>Frozen yogurt</DataTable.Cell>
134 * <DataTable.Cell numeric>159</DataTable.Cell>
135 * <DataTable.Cell numeric>6.0</DataTable.Cell>
136 * </DataTable.Row>
137 *
138 * <DataTable.Row>
139 * <DataTable.Cell>Ice cream sandwich</DataTable.Cell>
140 * <DataTable.Cell numeric>237</DataTable.Cell>
141 * <DataTable.Cell numeric>8.0</DataTable.Cell>
142 * </DataTable.Row>
143 *
144 * <DataTable.Pagination
145 * page={page}
146 * numberOfPages={3}
147 * onPageChange={(page) => setPage(page)}
148 * label="1-2 of 6"
149 * optionsPerPage={optionsPerPage}
150 * itemsPerPage={itemsPerPage}
151 * setItemsPerPage={setItemsPerPage}
152 * showFastPagination
153 * optionsLabel={'Rows per page'}
154 * />
155 * </DataTable>
156 * );
157 *}
158 *
159 * export default MyComponent;
160 * ```
161 */
162 style?: StyleProp<ViewStyle>;
163 textStyle?: StyleProp<import("react-native").TextStyle>;
164 theme: ReactNativePaper.Theme;
165 }, "numberOfLines" | keyof import("react-native").TouchableWithoutFeedbackProps | keyof React.RefAttributes<import("react-native").TouchableWithoutFeedback> | "numeric" | "textStyle" | "sortDirection"> & {
166 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
167 }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
168 children: React.ReactNode;
169 numeric?: boolean | undefined;
170 sortDirection?: "ascending" | "descending" | undefined;
171 numberOfLines?: number | undefined;
172 onPress?: (() => void) | undefined;
173 /**
174 * Data tables allow displaying sets of data.
175 *
176 * <div class="screenshots">
177 * <figure>
178 * <img class="large" src="screenshots/data-table.png" />
179 * <figcaption>Data table</figcaption>
180 * </figure>
181 * </div>
182 *
183 * ## Usage
184 * ```js
185 * import * as React from 'react';
186 * import { DataTable } from 'react-native-paper';
187 *
188 * const optionsPerPage = [2, 3, 4];
189 *
190 * const MyComponent = () => {
191 * const [page, setPage] = React.useState<number>(0);
192 * const [itemsPerPage, setItemsPerPage] = React.useState(optionsPerPage[0]);
193 *
194 * React.useEffect(() => {
195 * setPage(0);
196 * }, [itemsPerPage]);
197 *
198 * return (
199 * <DataTable>
200 * <DataTable.Header>
201 * <DataTable.Title>Dessert</DataTable.Title>
202 * <DataTable.Title numeric>Calories</DataTable.Title>
203 * <DataTable.Title numeric>Fat</DataTable.Title>
204 * </DataTable.Header>
205 *
206 * <DataTable.Row>
207 * <DataTable.Cell>Frozen yogurt</DataTable.Cell>
208 * <DataTable.Cell numeric>159</DataTable.Cell>
209 * <DataTable.Cell numeric>6.0</DataTable.Cell>
210 * </DataTable.Row>
211 *
212 * <DataTable.Row>
213 * <DataTable.Cell>Ice cream sandwich</DataTable.Cell>
214 * <DataTable.Cell numeric>237</DataTable.Cell>
215 * <DataTable.Cell numeric>8.0</DataTable.Cell>
216 * </DataTable.Row>
217 *
218 * <DataTable.Pagination
219 * page={page}
220 * numberOfPages={3}
221 * onPageChange={(page) => setPage(page)}
222 * label="1-2 of 6"
223 * optionsPerPage={optionsPerPage}
224 * itemsPerPage={itemsPerPage}
225 * setItemsPerPage={setItemsPerPage}
226 * showFastPagination
227 * optionsLabel={'Rows per page'}
228 * />
229 * </DataTable>
230 * );
231 *}
232 *
233 * export default MyComponent;
234 * ```
235 */
236 style?: StyleProp<ViewStyle>;
237 textStyle?: StyleProp<import("react-native").TextStyle>;
238 theme: ReactNativePaper.Theme;
239 }> & {
240 ({ numeric, children, onPress, sortDirection, theme, textStyle, style, numberOfLines, ...rest }: import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
241 children: React.ReactNode;
242 numeric?: boolean | undefined;
243 sortDirection?: "ascending" | "descending" | undefined;
244 numberOfLines?: number | undefined;
245 onPress?: (() => void) | undefined;
246 /**
247 * Data tables allow displaying sets of data.
248 *
249 * <div class="screenshots">
250 * <figure>
251 * <img class="large" src="screenshots/data-table.png" />
252 * <figcaption>Data table</figcaption>
253 * </figure>
254 * </div>
255 *
256 * ## Usage
257 * ```js
258 * import * as React from 'react';
259 * import { DataTable } from 'react-native-paper';
260 *
261 * const optionsPerPage = [2, 3, 4];
262 *
263 * const MyComponent = () => {
264 * const [page, setPage] = React.useState<number>(0);
265 * const [itemsPerPage, setItemsPerPage] = React.useState(optionsPerPage[0]);
266 *
267 * React.useEffect(() => {
268 * setPage(0);
269 * }, [itemsPerPage]);
270 *
271 * return (
272 * <DataTable>
273 * <DataTable.Header>
274 * <DataTable.Title>Dessert</DataTable.Title>
275 * <DataTable.Title numeric>Calories</DataTable.Title>
276 * <DataTable.Title numeric>Fat</DataTable.Title>
277 * </DataTable.Header>
278 *
279 * <DataTable.Row>
280 * <DataTable.Cell>Frozen yogurt</DataTable.Cell>
281 * <DataTable.Cell numeric>159</DataTable.Cell>
282 * <DataTable.Cell numeric>6.0</DataTable.Cell>
283 * </DataTable.Row>
284 *
285 * <DataTable.Row>
286 * <DataTable.Cell>Ice cream sandwich</DataTable.Cell>
287 * <DataTable.Cell numeric>237</DataTable.Cell>
288 * <DataTable.Cell numeric>8.0</DataTable.Cell>
289 * </DataTable.Row>
290 *
291 * <DataTable.Pagination
292 * page={page}
293 * numberOfPages={3}
294 * onPageChange={(page) => setPage(page)}
295 * label="1-2 of 6"
296 * optionsPerPage={optionsPerPage}
297 * itemsPerPage={itemsPerPage}
298 * setItemsPerPage={setItemsPerPage}
299 * showFastPagination
300 * optionsLabel={'Rows per page'}
301 * />
302 * </DataTable>
303 * );
304 *}
305 *
306 * export default MyComponent;
307 * ```
308 */
309 style?: StyleProp<ViewStyle>;
310 textStyle?: StyleProp<import("react-native").TextStyle>;
311 theme: ReactNativePaper.Theme;
312 }): JSX.Element;
313 displayName: string;
314 }, {}>;
315 Row: React.ComponentType<Pick<import("../../types").$RemoveChildren<React.ComponentType<Pick<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
316 borderless?: boolean | undefined;
317 background?: Object | undefined;
318 centered?: boolean | undefined;
319 disabled?: boolean | undefined;
320 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
321 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
322 rippleColor?: string | undefined;
323 underlayColor?: string | undefined;
324 children: React.ReactNode;
325 style?: StyleProp<ViewStyle>;
326 theme: ReactNativePaper.Theme;
327 }, keyof import("react-native").TouchableWithoutFeedbackProps | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | keyof React.RefAttributes<import("react-native").TouchableWithoutFeedback>> & {
328 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
329 }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
330 borderless?: boolean | undefined;
331 background?: Object | undefined;
332 centered?: boolean | undefined;
333 disabled?: boolean | undefined;
334 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
335 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
336 rippleColor?: string | undefined;
337 underlayColor?: string | undefined;
338 children: React.ReactNode;
339 style?: StyleProp<ViewStyle>;
340 theme: ReactNativePaper.Theme;
341 }> & {
342 ({ style, background: _background, borderless, disabled: disabledProp, rippleColor, underlayColor: _underlayColor, children, theme, ...rest }: import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
343 borderless?: boolean | undefined;
344 background?: Object | undefined;
345 centered?: boolean | undefined;
346 disabled?: boolean | undefined;
347 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
348 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
349 rippleColor?: string | undefined;
350 underlayColor?: string | undefined;
351 children: React.ReactNode;
352 style?: StyleProp<ViewStyle>;
353 theme: ReactNativePaper.Theme;
354 }): JSX.Element;
355 supported: boolean;
356 }, {}>> & {
357 children: React.ReactNode;
358 onPress?: (() => void) | undefined;
359 style?: StyleProp<ViewStyle>;
360 theme: ReactNativePaper.Theme;
361 pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined; /**
362 * Content of the `DataTable`.
363 */
364 }, "style" | "children" | "pointerEvents" | "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"> & {
365 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
366 }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<import("../../types").$RemoveChildren<React.ComponentType<Pick<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
367 borderless?: boolean | undefined;
368 background?: Object | undefined;
369 centered?: boolean | undefined;
370 disabled?: boolean | undefined;
371 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
372 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
373 rippleColor?: string | undefined;
374 underlayColor?: string | undefined;
375 children: React.ReactNode;
376 style?: StyleProp<ViewStyle>;
377 theme: ReactNativePaper.Theme;
378 }, keyof import("react-native").TouchableWithoutFeedbackProps | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | keyof React.RefAttributes<import("react-native").TouchableWithoutFeedback>> & {
379 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
380 }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
381 borderless?: boolean | undefined;
382 background?: Object | undefined;
383 centered?: boolean | undefined;
384 disabled?: boolean | undefined;
385 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
386 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
387 rippleColor?: string | undefined;
388 underlayColor?: string | undefined;
389 children: React.ReactNode;
390 style?: StyleProp<ViewStyle>;
391 theme: ReactNativePaper.Theme;
392 }> & {
393 ({ style, background: _background, borderless, disabled: disabledProp, rippleColor, underlayColor: _underlayColor, children, theme, ...rest }: import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
394 borderless?: boolean | undefined;
395 background?: Object | undefined;
396 centered?: boolean | undefined;
397 disabled?: boolean | undefined;
398 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
399 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
400 rippleColor?: string | undefined;
401 underlayColor?: string | undefined;
402 children: React.ReactNode;
403 style?: StyleProp<ViewStyle>;
404 theme: ReactNativePaper.Theme;
405 }): JSX.Element;
406 supported: boolean;
407 }, {}>> & {
408 children: React.ReactNode;
409 onPress?: (() => void) | undefined;
410 style?: StyleProp<ViewStyle>;
411 theme: ReactNativePaper.Theme;
412 pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined; /**
413 * Content of the `DataTable`.
414 */
415 }> & {
416 ({ onPress, style, theme, children, pointerEvents, ...rest }: import("../../types").$RemoveChildren<React.ComponentType<Pick<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
417 borderless?: boolean | undefined;
418 background?: Object | undefined;
419 centered?: boolean | undefined;
420 disabled?: boolean | undefined;
421 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
422 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
423 rippleColor?: string | undefined;
424 underlayColor?: string | undefined;
425 children: React.ReactNode;
426 style?: StyleProp<ViewStyle>;
427 theme: ReactNativePaper.Theme;
428 }, keyof import("react-native").TouchableWithoutFeedbackProps | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | keyof React.RefAttributes<import("react-native").TouchableWithoutFeedback>> & {
429 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
430 }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
431 borderless?: boolean | undefined;
432 background?: Object | undefined;
433 centered?: boolean | undefined;
434 disabled?: boolean | undefined;
435 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
436 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
437 rippleColor?: string | undefined;
438 underlayColor?: string | undefined;
439 children: React.ReactNode;
440 style?: StyleProp<ViewStyle>;
441 theme: ReactNativePaper.Theme;
442 }> & {
443 ({ style, background: _background, borderless, disabled: disabledProp, rippleColor, underlayColor: _underlayColor, children, theme, ...rest }: import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
444 borderless?: boolean | undefined;
445 background?: Object | undefined;
446 centered?: boolean | undefined;
447 disabled?: boolean | undefined;
448 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
449 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
450 rippleColor?: string | undefined;
451 underlayColor?: string | undefined;
452 children: React.ReactNode;
453 style?: StyleProp<ViewStyle>;
454 theme: ReactNativePaper.Theme;
455 }): JSX.Element;
456 supported: boolean;
457 }, {}>> & {
458 children: React.ReactNode;
459 onPress?: (() => void) | undefined;
460 style?: StyleProp<ViewStyle>;
461 theme: ReactNativePaper.Theme;
462 pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined; /**
463 * Content of the `DataTable`.
464 */
465 }): JSX.Element;
466 displayName: string;
467 }, {}>;
468 Cell: {
469 ({ children, textStyle, style, numeric, ...rest }: import("../../types").$RemoveChildren<React.ComponentType<Pick<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
470 borderless?: boolean | undefined;
471 background?: Object | undefined;
472 centered?: boolean | undefined;
473 disabled?: boolean | undefined;
474 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
475 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
476 rippleColor?: string | undefined;
477 underlayColor?: string | undefined;
478 children: React.ReactNode;
479 style?: StyleProp<ViewStyle>;
480 theme: ReactNativePaper.Theme;
481 }, keyof import("react-native").TouchableWithoutFeedbackProps | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | keyof React.RefAttributes<import("react-native").TouchableWithoutFeedback>> & {
482 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
483 }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
484 borderless?: boolean | undefined;
485 background?: Object | undefined;
486 centered?: boolean | undefined;
487 disabled?: boolean | undefined;
488 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
489 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
490 rippleColor?: string | undefined;
491 underlayColor?: string | undefined;
492 children: React.ReactNode;
493 style?: StyleProp<ViewStyle>;
494 theme: ReactNativePaper.Theme;
495 }> & {
496 ({ style, background: _background, borderless, disabled: disabledProp, rippleColor, underlayColor: _underlayColor, children, theme, ...rest }: import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes<import("react-native").TouchableWithoutFeedback> & {
497 borderless?: boolean | undefined;
498 background?: Object | undefined;
499 centered?: boolean | undefined;
500 disabled?: boolean | undefined;
501 onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
502 onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
503 rippleColor?: string | undefined;
504 underlayColor?: string | undefined;
505 children: React.ReactNode;
506 style?: StyleProp<ViewStyle>;
507 theme: ReactNativePaper.Theme;
508 }): JSX.Element;
509 supported: boolean;
510 }, {}>> & {
511 children: React.ReactNode;
512 numeric?: boolean | undefined;
513 onPress?: (() => void) | undefined;
514 style?: StyleProp<ViewStyle>;
515 textStyle?: StyleProp<import("react-native").TextStyle>;
516 }): JSX.Element;
517 displayName: string;
518 };
519 Pagination: React.ComponentType<Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
520 page: number;
521 numberOfPages: number;
522 onPageChange: (page: number) => void;
523 showFastPaginationControls?: boolean | undefined;
524 } & {
525 numberOfItemsPerPage?: number | undefined;
526 numberOfItemsPerPageList?: number[] | undefined;
527 onItemsPerPageChange?: ((numberOfItemsPerPage: number) => void) | undefined;
528 } & {
529 label?: React.ReactNode;
530 accessibilityLabel?: string | undefined;
531 selectPageDropdownLabel?: React.ReactNode;
532 selectPageDropdownAccessibilityLabel?: string | undefined;
533 style?: StyleProp<ViewStyle>;
534 theme: ReactNativePaper.Theme;
535 }, "label" | keyof import("react-native").ViewProps | keyof React.RefAttributes<View> | "selectPageDropdownLabel" | "selectPageDropdownAccessibilityLabel" | keyof {
536 page: number;
537 numberOfPages: number;
538 onPageChange: (page: number) => void;
539 showFastPaginationControls?: boolean | undefined;
540 } | keyof {
541 numberOfItemsPerPage?: number | undefined;
542 numberOfItemsPerPageList?: number[] | undefined;
543 onItemsPerPageChange?: ((numberOfItemsPerPage: number) => void) | undefined;
544 }> & {
545 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
546 }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<import("react-native").ViewProps & React.RefAttributes<View> & {
547 page: number;
548 numberOfPages: number;
549 onPageChange: (page: number) => void;
550 showFastPaginationControls?: boolean | undefined;
551 } & {
552 numberOfItemsPerPage?: number | undefined;
553 numberOfItemsPerPageList?: number[] | undefined;
554 onItemsPerPageChange?: ((numberOfItemsPerPage: number) => void) | undefined;
555 } & {
556 label?: React.ReactNode;
557 accessibilityLabel?: string | undefined;
558 selectPageDropdownLabel?: React.ReactNode;
559 selectPageDropdownAccessibilityLabel?: string | undefined;
560 style?: StyleProp<ViewStyle>;
561 theme: ReactNativePaper.Theme;
562 }> & {
563 ({ label, accessibilityLabel, page, numberOfPages, onPageChange, style, theme, showFastPaginationControls, numberOfItemsPerPageList, numberOfItemsPerPage, onItemsPerPageChange, selectPageDropdownLabel, selectPageDropdownAccessibilityLabel, ...rest }: import("react-native").ViewProps & React.RefAttributes<View> & {
564 page: number;
565 numberOfPages: number;
566 onPageChange: (page: number) => void;
567 showFastPaginationControls?: boolean | undefined;
568 } & {
569 numberOfItemsPerPage?: number | undefined;
570 numberOfItemsPerPageList?: number[] | undefined;
571 onItemsPerPageChange?: ((numberOfItemsPerPage: number) => void) | undefined;
572 } & {
573 label?: React.ReactNode;
574 accessibilityLabel?: string | undefined;
575 selectPageDropdownLabel?: React.ReactNode;
576 selectPageDropdownAccessibilityLabel?: string | undefined;
577 style?: StyleProp<ViewStyle>;
578 theme: ReactNativePaper.Theme;
579 }): JSX.Element;
580 displayName: string;
581 }, {}>;
582};
583export default DataTable;
584
\No newline at end of file