1 | import * as React from 'react';
|
2 | import { StyleProp, View, ViewStyle } from 'react-native';
|
3 | declare type Props = React.ComponentPropsWithRef<typeof View> & {
|
4 | |
5 |
|
6 |
|
7 | children: React.ReactNode;
|
8 | style?: StyleProp<ViewStyle>;
|
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 | declare 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 | };
|
583 | export default DataTable;
|
584 |
|
\ | No newline at end of file |