1 | import * as React from 'react';
|
2 | import { ToggleTemplateProps } from './ToggleTemplate';
|
3 | import { PerPageOptions, OnPerPageSelect } from './Pagination';
|
4 | export interface PaginationOptionsMenuProps extends React.HTMLProps<HTMLDivElement> {
|
5 |
|
6 | className?: string;
|
7 |
|
8 | widgetId?: string;
|
9 |
|
10 | isDisabled?: boolean;
|
11 |
|
12 | dropDirection?: 'up' | 'down';
|
13 |
|
14 | perPageOptions?: PerPageOptions[];
|
15 |
|
16 | itemsPerPageTitle?: string;
|
17 |
|
18 | page?: number;
|
19 |
|
20 | perPageSuffix?: string;
|
21 |
|
22 | itemsTitle?: string;
|
23 |
|
24 | optionsToggle?: string;
|
25 |
|
26 | itemCount?: number;
|
27 |
|
28 | firstIndex?: number;
|
29 |
|
30 | lastIndex?: number;
|
31 |
|
32 | defaultToFullPage?: boolean;
|
33 |
|
34 | perPage?: number;
|
35 |
|
36 | lastPage?: number;
|
37 |
|
38 | toggleTemplate: ((props: ToggleTemplateProps) => React.ReactElement) | string;
|
39 | /** Function called when user selects number of items per page. */
|
40 | onPerPageSelect?: OnPerPageSelect;
|
41 | /** Label for the English word "of" */
|
42 | ofWord?: string;
|
43 | /** Component to be used for wrapping the toggle contents. Use 'button' when you want
|
44 | * all of the toggle text to be clickable.
|
45 | */
|
46 | perPageComponent?: 'div' | 'button';
|
47 | }
|
48 | interface PaginationOptionsMenuState {
|
49 | isOpen: boolean;
|
50 | }
|
51 | export declare class PaginationOptionsMenu extends React.Component<PaginationOptionsMenuProps, PaginationOptionsMenuState> {
|
52 | static displayName: string;
|
53 | private parentRef;
|
54 | static defaultProps: PaginationOptionsMenuProps;
|
55 | constructor(props: PaginationOptionsMenuProps);
|
56 | onToggle: (isOpen: boolean) => void;
|
57 | onSelect: () => void;
|
58 | handleNewPerPage: (_evt: React.MouseEvent | React.KeyboardEvent | MouseEvent, newPerPage: number) => void;
|
59 | renderItems: () => JSX.Element[];
|
60 | render(): JSX.Element;
|
61 | }
|
62 | export {};
|
63 |
|
\ | No newline at end of file |