@zendeskgarden/react-pagination 8.69.1 → 8.69.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +7 -7
- package/dist/index.esm.js +7 -7
- package/dist/typings/elements/CursorPagination/CursorPagination.d.ts +21 -21
- package/dist/typings/elements/CursorPagination/components/First.d.ts +11 -11
- package/dist/typings/elements/CursorPagination/components/Last.d.ts +11 -11
- package/dist/typings/elements/CursorPagination/components/Next.d.ts +11 -11
- package/dist/typings/elements/CursorPagination/components/Previous.d.ts +11 -11
- package/dist/typings/elements/Pagination/Pagination.d.ts +12 -12
- package/dist/typings/elements/Pagination/components/Gap.d.ts +11 -11
- package/dist/typings/elements/Pagination/components/Next.d.ts +11 -11
- package/dist/typings/elements/Pagination/components/Page.d.ts +11 -11
- package/dist/typings/elements/Pagination/components/Previous.d.ts +11 -11
- package/dist/typings/index.d.ts +9 -9
- package/dist/typings/styled/CursorPagination/StyledCursor.d.ts +14 -14
- package/dist/typings/styled/CursorPagination/StyledCursorPagination.d.ts +10 -10
- package/dist/typings/styled/CursorPagination/StyledIcon.d.ts +12 -12
- package/dist/typings/styled/Pagination/StyledGap.d.ts +17 -17
- package/dist/typings/styled/Pagination/StyledNavigation.d.ts +16 -16
- package/dist/typings/styled/Pagination/StyledPage.d.ts +14 -14
- package/dist/typings/styled/Pagination/StyledPageBase.d.ts +11 -11
- package/dist/typings/styled/Pagination/StyledPagination.d.ts +14 -14
- package/dist/typings/styled/index.d.ts +14 -14
- package/dist/typings/types/index.d.ts +42 -42
- package/package.json +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -57,7 +57,7 @@ function _extends$4() {
|
|
|
57
57
|
const COMPONENT_ID$6 = 'pagination.pagination_view';
|
|
58
58
|
const StyledPagination = styled__default.default.ul.attrs({
|
|
59
59
|
'data-garden-id': COMPONENT_ID$6,
|
|
60
|
-
'data-garden-version': '8.69.
|
|
60
|
+
'data-garden-version': '8.69.3'
|
|
61
61
|
}).withConfig({
|
|
62
62
|
displayName: "StyledPagination",
|
|
63
63
|
componentId: "sc-1b7nye9-0"
|
|
@@ -91,7 +91,7 @@ const sizeStyles$2 = props => {
|
|
|
91
91
|
};
|
|
92
92
|
const StyledPageBase = styled__default.default.li.attrs({
|
|
93
93
|
'data-garden-id': COMPONENT_ID$5,
|
|
94
|
-
'data-garden-version': '8.69.
|
|
94
|
+
'data-garden-version': '8.69.3'
|
|
95
95
|
}).withConfig({
|
|
96
96
|
displayName: "StyledPageBase",
|
|
97
97
|
componentId: "sc-lw1w9j-0"
|
|
@@ -107,7 +107,7 @@ const sizeStyles$1 = props => {
|
|
|
107
107
|
};
|
|
108
108
|
const StyledPage = styled__default.default(StyledPageBase).attrs({
|
|
109
109
|
'data-garden-id': COMPONENT_ID$4,
|
|
110
|
-
'data-garden-version': '8.69.
|
|
110
|
+
'data-garden-version': '8.69.3'
|
|
111
111
|
}).withConfig({
|
|
112
112
|
displayName: "StyledPage",
|
|
113
113
|
componentId: "sc-1k0een3-0"
|
|
@@ -119,7 +119,7 @@ StyledPage.defaultProps = {
|
|
|
119
119
|
const COMPONENT_ID$3 = 'cursor_pagination';
|
|
120
120
|
const StyledCursorPagination = styled__default.default.nav.attrs({
|
|
121
121
|
'data-garden-id': COMPONENT_ID$3,
|
|
122
|
-
'data-garden-version': '8.69.
|
|
122
|
+
'data-garden-version': '8.69.3'
|
|
123
123
|
}).withConfig({
|
|
124
124
|
displayName: "StyledCursorPagination",
|
|
125
125
|
componentId: "sc-qmfecg-0"
|
|
@@ -131,7 +131,7 @@ StyledCursorPagination.defaultProps = {
|
|
|
131
131
|
const COMPONENT_ID$2 = 'cursor_pagination.cursor';
|
|
132
132
|
const StyledCursor = styled__default.default(StyledPageBase).attrs({
|
|
133
133
|
'data-garden-id': COMPONENT_ID$2,
|
|
134
|
-
'data-garden-version': '8.69.
|
|
134
|
+
'data-garden-version': '8.69.3',
|
|
135
135
|
as: 'button'
|
|
136
136
|
}).withConfig({
|
|
137
137
|
displayName: "StyledCursor",
|
|
@@ -175,7 +175,7 @@ const sizeStyles = props => {
|
|
|
175
175
|
};
|
|
176
176
|
const StyledGap = styled__default.default(StyledPage).attrs({
|
|
177
177
|
'data-garden-id': COMPONENT_ID$1,
|
|
178
|
-
'data-garden-version': '8.69.
|
|
178
|
+
'data-garden-version': '8.69.3'
|
|
179
179
|
}).withConfig({
|
|
180
180
|
displayName: "StyledGap",
|
|
181
181
|
componentId: "sc-1hqjltf-0"
|
|
@@ -187,7 +187,7 @@ StyledGap.defaultProps = {
|
|
|
187
187
|
const COMPONENT_ID = 'pagination.navigation';
|
|
188
188
|
const StyledNavigation = styled__default.default(StyledPage).attrs({
|
|
189
189
|
'data-garden-id': COMPONENT_ID,
|
|
190
|
-
'data-garden-version': '8.69.
|
|
190
|
+
'data-garden-version': '8.69.3'
|
|
191
191
|
}).withConfig({
|
|
192
192
|
displayName: "StyledNavigation",
|
|
193
193
|
componentId: "sc-184uuwe-0"
|
package/dist/index.esm.js
CHANGED
|
@@ -32,7 +32,7 @@ function _extends$4() {
|
|
|
32
32
|
const COMPONENT_ID$6 = 'pagination.pagination_view';
|
|
33
33
|
const StyledPagination = styled.ul.attrs({
|
|
34
34
|
'data-garden-id': COMPONENT_ID$6,
|
|
35
|
-
'data-garden-version': '8.69.
|
|
35
|
+
'data-garden-version': '8.69.3'
|
|
36
36
|
}).withConfig({
|
|
37
37
|
displayName: "StyledPagination",
|
|
38
38
|
componentId: "sc-1b7nye9-0"
|
|
@@ -66,7 +66,7 @@ const sizeStyles$2 = props => {
|
|
|
66
66
|
};
|
|
67
67
|
const StyledPageBase = styled.li.attrs({
|
|
68
68
|
'data-garden-id': COMPONENT_ID$5,
|
|
69
|
-
'data-garden-version': '8.69.
|
|
69
|
+
'data-garden-version': '8.69.3'
|
|
70
70
|
}).withConfig({
|
|
71
71
|
displayName: "StyledPageBase",
|
|
72
72
|
componentId: "sc-lw1w9j-0"
|
|
@@ -82,7 +82,7 @@ const sizeStyles$1 = props => {
|
|
|
82
82
|
};
|
|
83
83
|
const StyledPage = styled(StyledPageBase).attrs({
|
|
84
84
|
'data-garden-id': COMPONENT_ID$4,
|
|
85
|
-
'data-garden-version': '8.69.
|
|
85
|
+
'data-garden-version': '8.69.3'
|
|
86
86
|
}).withConfig({
|
|
87
87
|
displayName: "StyledPage",
|
|
88
88
|
componentId: "sc-1k0een3-0"
|
|
@@ -94,7 +94,7 @@ StyledPage.defaultProps = {
|
|
|
94
94
|
const COMPONENT_ID$3 = 'cursor_pagination';
|
|
95
95
|
const StyledCursorPagination = styled.nav.attrs({
|
|
96
96
|
'data-garden-id': COMPONENT_ID$3,
|
|
97
|
-
'data-garden-version': '8.69.
|
|
97
|
+
'data-garden-version': '8.69.3'
|
|
98
98
|
}).withConfig({
|
|
99
99
|
displayName: "StyledCursorPagination",
|
|
100
100
|
componentId: "sc-qmfecg-0"
|
|
@@ -106,7 +106,7 @@ StyledCursorPagination.defaultProps = {
|
|
|
106
106
|
const COMPONENT_ID$2 = 'cursor_pagination.cursor';
|
|
107
107
|
const StyledCursor = styled(StyledPageBase).attrs({
|
|
108
108
|
'data-garden-id': COMPONENT_ID$2,
|
|
109
|
-
'data-garden-version': '8.69.
|
|
109
|
+
'data-garden-version': '8.69.3',
|
|
110
110
|
as: 'button'
|
|
111
111
|
}).withConfig({
|
|
112
112
|
displayName: "StyledCursor",
|
|
@@ -150,7 +150,7 @@ const sizeStyles = props => {
|
|
|
150
150
|
};
|
|
151
151
|
const StyledGap = styled(StyledPage).attrs({
|
|
152
152
|
'data-garden-id': COMPONENT_ID$1,
|
|
153
|
-
'data-garden-version': '8.69.
|
|
153
|
+
'data-garden-version': '8.69.3'
|
|
154
154
|
}).withConfig({
|
|
155
155
|
displayName: "StyledGap",
|
|
156
156
|
componentId: "sc-1hqjltf-0"
|
|
@@ -162,7 +162,7 @@ StyledGap.defaultProps = {
|
|
|
162
162
|
const COMPONENT_ID = 'pagination.navigation';
|
|
163
163
|
const StyledNavigation = styled(StyledPage).attrs({
|
|
164
164
|
'data-garden-id': COMPONENT_ID,
|
|
165
|
-
'data-garden-version': '8.69.
|
|
165
|
+
'data-garden-version': '8.69.3'
|
|
166
166
|
}).withConfig({
|
|
167
167
|
displayName: "StyledNavigation",
|
|
168
168
|
componentId: "sc-184uuwe-0"
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { First } from './components/First';
|
|
9
|
-
import { Next } from './components/Next';
|
|
10
|
-
import { Previous } from './components/Previous';
|
|
11
|
-
import { Last } from './components/Last';
|
|
12
|
-
export declare const CursorPaginationComponent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
13
|
-
/**
|
|
14
|
-
* @extends HTMLAttributes<HTMLElement>
|
|
15
|
-
*/
|
|
16
|
-
export declare const CursorPagination: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>> & {
|
|
17
|
-
First: typeof First;
|
|
18
|
-
Last: typeof Last;
|
|
19
|
-
Next: typeof Next;
|
|
20
|
-
Previous: typeof Previous;
|
|
21
|
-
};
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { First } from './components/First';
|
|
9
|
+
import { Next } from './components/Next';
|
|
10
|
+
import { Previous } from './components/Previous';
|
|
11
|
+
import { Last } from './components/Last';
|
|
12
|
+
export declare const CursorPaginationComponent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
13
|
+
/**
|
|
14
|
+
* @extends HTMLAttributes<HTMLElement>
|
|
15
|
+
*/
|
|
16
|
+
export declare const CursorPagination: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>> & {
|
|
17
|
+
First: typeof First;
|
|
18
|
+
Last: typeof Last;
|
|
19
|
+
Next: typeof Next;
|
|
20
|
+
Previous: typeof Previous;
|
|
21
|
+
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const First: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const First: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Last: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Last: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Next: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Next: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Previous: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Previous: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { IPaginationProps } from '../../types';
|
|
9
|
-
/**
|
|
10
|
-
* @extends HTMLAttributes<HTMLUListElement>
|
|
11
|
-
*/
|
|
12
|
-
export declare const Pagination: React.ForwardRefExoticComponent<IPaginationProps & React.RefAttributes<HTMLUListElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { IPaginationProps } from '../../types';
|
|
9
|
+
/**
|
|
10
|
+
* @extends HTMLAttributes<HTMLUListElement>
|
|
11
|
+
*/
|
|
12
|
+
export declare const Pagination: React.ForwardRefExoticComponent<IPaginationProps & React.RefAttributes<HTMLUListElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends LiHTMLAttributes<HTMLLIElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Gap: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends LiHTMLAttributes<HTMLLIElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Gap: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends LiHTMLAttributes<HTMLLIElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Next: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends LiHTMLAttributes<HTMLLIElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Next: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends LiHTMLAttributes<HTMLLIElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Page: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends LiHTMLAttributes<HTMLLIElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Page: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
/**
|
|
9
|
-
* @extends LiHTMLAttributes<HTMLLIElement>
|
|
10
|
-
*/
|
|
11
|
-
export declare const Previous: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* @extends LiHTMLAttributes<HTMLLIElement>
|
|
10
|
+
*/
|
|
11
|
+
export declare const Previous: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
package/dist/typings/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export { Pagination } from './elements/Pagination/Pagination';
|
|
8
|
-
export { CursorPagination } from './elements/CursorPagination/CursorPagination';
|
|
9
|
-
export type { IPaginationProps, PageType as PAGE_TYPE } from './types';
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export { Pagination } from './elements/Pagination/Pagination';
|
|
8
|
+
export { CursorPagination } from './elements/CursorPagination/CursorPagination';
|
|
9
|
+
export type { IPaginationProps, PageType as PAGE_TYPE } from './types';
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* 1. Reset CSS from <button>.
|
|
9
|
-
*/
|
|
10
|
-
export declare const StyledCursor: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
|
|
11
|
-
'data-garden-id': string;
|
|
12
|
-
'data-garden-version': string;
|
|
13
|
-
as: string;
|
|
14
|
-
}, "as" | "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* 1. Reset CSS from <button>.
|
|
9
|
+
*/
|
|
10
|
+
export declare const StyledCursor: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
|
|
11
|
+
'data-garden-id': string;
|
|
12
|
+
'data-garden-version': string;
|
|
13
|
+
as: string;
|
|
14
|
+
}, "as" | "data-garden-id" | "data-garden-version">;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export declare const StyledCursorPagination: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, {
|
|
8
|
-
'data-garden-id': string;
|
|
9
|
-
'data-garden-version': string;
|
|
10
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export declare const StyledCursorPagination: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, {
|
|
8
|
+
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
/// <reference types="react" />
|
|
8
|
-
import { DefaultTheme } from 'styled-components';
|
|
9
|
-
export interface IStyledIcon {
|
|
10
|
-
type: 'first' | 'next' | 'previous' | 'last';
|
|
11
|
-
}
|
|
12
|
-
export declare const StyledIcon: import("styled-components").StyledComponent<({ children, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {}, never>;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/// <reference types="react" />
|
|
8
|
+
import { DefaultTheme } from 'styled-components';
|
|
9
|
+
export interface IStyledIcon {
|
|
10
|
+
type: 'first' | 'next' | 'previous' | 'last';
|
|
11
|
+
}
|
|
12
|
+
export declare const StyledIcon: import("styled-components").StyledComponent<({ children, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {}, never>;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
export declare const StyledGap: import("styled-components").StyledComponent<"li", DefaultTheme, {
|
|
9
|
-
'data-garden-id': string;
|
|
10
|
-
'data-garden-version': string;
|
|
11
|
-
} & {
|
|
12
|
-
'data-garden-id': string;
|
|
13
|
-
'data-garden-version': string;
|
|
14
|
-
} & {
|
|
15
|
-
'data-garden-id': string;
|
|
16
|
-
'data-garden-version': string;
|
|
17
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
export declare const StyledGap: import("styled-components").StyledComponent<"li", DefaultTheme, {
|
|
9
|
+
'data-garden-id': string;
|
|
10
|
+
'data-garden-version': string;
|
|
11
|
+
} & {
|
|
12
|
+
'data-garden-id': string;
|
|
13
|
+
'data-garden-version': string;
|
|
14
|
+
} & {
|
|
15
|
+
'data-garden-id': string;
|
|
16
|
+
'data-garden-version': string;
|
|
17
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export declare const StyledNavigation: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
|
|
8
|
-
'data-garden-id': string;
|
|
9
|
-
'data-garden-version': string;
|
|
10
|
-
} & {
|
|
11
|
-
'data-garden-id': string;
|
|
12
|
-
'data-garden-version': string;
|
|
13
|
-
} & {
|
|
14
|
-
'data-garden-id': string;
|
|
15
|
-
'data-garden-version': string;
|
|
16
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export declare const StyledNavigation: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
|
|
8
|
+
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
10
|
+
} & {
|
|
11
|
+
'data-garden-id': string;
|
|
12
|
+
'data-garden-version': string;
|
|
13
|
+
} & {
|
|
14
|
+
'data-garden-id': string;
|
|
15
|
+
'data-garden-version': string;
|
|
16
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
export declare const StyledPage: import("styled-components").StyledComponent<"li", DefaultTheme, {
|
|
9
|
-
'data-garden-id': string;
|
|
10
|
-
'data-garden-version': string;
|
|
11
|
-
} & {
|
|
12
|
-
'data-garden-id': string;
|
|
13
|
-
'data-garden-version': string;
|
|
14
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
export declare const StyledPage: import("styled-components").StyledComponent<"li", DefaultTheme, {
|
|
9
|
+
'data-garden-id': string;
|
|
10
|
+
'data-garden-version': string;
|
|
11
|
+
} & {
|
|
12
|
+
'data-garden-id': string;
|
|
13
|
+
'data-garden-version': string;
|
|
14
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
export declare const StyledPageBase: import("styled-components").StyledComponent<"li", DefaultTheme, {
|
|
9
|
-
'data-garden-id': string;
|
|
10
|
-
'data-garden-version': string;
|
|
11
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
export declare const StyledPageBase: import("styled-components").StyledComponent<"li", DefaultTheme, {
|
|
9
|
+
'data-garden-id': string;
|
|
10
|
+
'data-garden-version': string;
|
|
11
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* 1. List reset.
|
|
9
|
-
* 2. Text truncation.
|
|
10
|
-
*/
|
|
11
|
-
export declare const StyledPagination: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
|
|
12
|
-
'data-garden-id': string;
|
|
13
|
-
'data-garden-version': string;
|
|
14
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* 1. List reset.
|
|
9
|
+
* 2. Text truncation.
|
|
10
|
+
*/
|
|
11
|
+
export declare const StyledPagination: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
|
|
12
|
+
'data-garden-id': string;
|
|
13
|
+
'data-garden-version': string;
|
|
14
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export { StyledPagination } from './Pagination/StyledPagination';
|
|
8
|
-
export { StyledPage } from './Pagination/StyledPage';
|
|
9
|
-
export { StyledCursorPagination } from './CursorPagination/StyledCursorPagination';
|
|
10
|
-
export { StyledCursor } from './CursorPagination/StyledCursor';
|
|
11
|
-
export { StyledIcon } from './CursorPagination/StyledIcon';
|
|
12
|
-
export type { IStyledIcon } from './CursorPagination/StyledIcon';
|
|
13
|
-
export { StyledGap } from './Pagination/StyledGap';
|
|
14
|
-
export { StyledNavigation } from './Pagination/StyledNavigation';
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export { StyledPagination } from './Pagination/StyledPagination';
|
|
8
|
+
export { StyledPage } from './Pagination/StyledPage';
|
|
9
|
+
export { StyledCursorPagination } from './CursorPagination/StyledCursorPagination';
|
|
10
|
+
export { StyledCursor } from './CursorPagination/StyledCursor';
|
|
11
|
+
export { StyledIcon } from './CursorPagination/StyledIcon';
|
|
12
|
+
export type { IStyledIcon } from './CursorPagination/StyledIcon';
|
|
13
|
+
export { StyledGap } from './Pagination/StyledGap';
|
|
14
|
+
export { StyledNavigation } from './Pagination/StyledNavigation';
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { HTMLAttributes } from 'react';
|
|
8
|
-
export declare const PAGE_TYPE: readonly ["next", "page", "gap", "previous"];
|
|
9
|
-
export type PageType = (typeof PAGE_TYPE)[number];
|
|
10
|
-
export interface IPaginationProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onChange'> {
|
|
11
|
-
/**
|
|
12
|
-
* Sets the current page. Pages start at 1.
|
|
13
|
-
*/
|
|
14
|
-
currentPage: number;
|
|
15
|
-
/**
|
|
16
|
-
* Defines the total number of pages
|
|
17
|
-
*/
|
|
18
|
-
totalPages: number;
|
|
19
|
-
/**
|
|
20
|
-
* Sets the number of pages that appear between the current page and a gap indicator
|
|
21
|
-
*/
|
|
22
|
-
pagePadding?: number;
|
|
23
|
-
/**
|
|
24
|
-
* Positions the leading and trailing gap indicator, based on
|
|
25
|
-
* the current and total pages
|
|
26
|
-
*/
|
|
27
|
-
pageGap?: number;
|
|
28
|
-
/**
|
|
29
|
-
* Handles page change events
|
|
30
|
-
*
|
|
31
|
-
* @param {number} currentPage The current page
|
|
32
|
-
*/
|
|
33
|
-
onChange?: (currentPage: number) => void;
|
|
34
|
-
/**
|
|
35
|
-
* Applies localized labels, test attributes, etc. to individual pages
|
|
36
|
-
*
|
|
37
|
-
* @param {string} pageType The type of the page accepting the props
|
|
38
|
-
* @param {any} props Default page props to transform
|
|
39
|
-
* @param {number} pageNumber The page number
|
|
40
|
-
*/
|
|
41
|
-
transformPageProps?: (pageType: PageType, props: any, pageNumber?: number) => any;
|
|
42
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { HTMLAttributes } from 'react';
|
|
8
|
+
export declare const PAGE_TYPE: readonly ["next", "page", "gap", "previous"];
|
|
9
|
+
export type PageType = (typeof PAGE_TYPE)[number];
|
|
10
|
+
export interface IPaginationProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onChange'> {
|
|
11
|
+
/**
|
|
12
|
+
* Sets the current page. Pages start at 1.
|
|
13
|
+
*/
|
|
14
|
+
currentPage: number;
|
|
15
|
+
/**
|
|
16
|
+
* Defines the total number of pages
|
|
17
|
+
*/
|
|
18
|
+
totalPages: number;
|
|
19
|
+
/**
|
|
20
|
+
* Sets the number of pages that appear between the current page and a gap indicator
|
|
21
|
+
*/
|
|
22
|
+
pagePadding?: number;
|
|
23
|
+
/**
|
|
24
|
+
* Positions the leading and trailing gap indicator, based on
|
|
25
|
+
* the current and total pages
|
|
26
|
+
*/
|
|
27
|
+
pageGap?: number;
|
|
28
|
+
/**
|
|
29
|
+
* Handles page change events
|
|
30
|
+
*
|
|
31
|
+
* @param {number} currentPage The current page
|
|
32
|
+
*/
|
|
33
|
+
onChange?: (currentPage: number) => void;
|
|
34
|
+
/**
|
|
35
|
+
* Applies localized labels, test attributes, etc. to individual pages
|
|
36
|
+
*
|
|
37
|
+
* @param {string} pageType The type of the page accepting the props
|
|
38
|
+
* @param {any} props Default page props to transform
|
|
39
|
+
* @param {number} pageNumber The page number
|
|
40
|
+
*/
|
|
41
|
+
transformPageProps?: (pageType: PageType, props: any, pageNumber?: number) => any;
|
|
42
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-pagination",
|
|
3
|
-
"version": "8.69.
|
|
3
|
+
"version": "8.69.3",
|
|
4
4
|
"description": "Components relating to pagination in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"styled-components": "^4.2.0 || ^5.0.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@zendeskgarden/react-theming": "^8.69.
|
|
36
|
+
"@zendeskgarden/react-theming": "^8.69.3",
|
|
37
37
|
"@zendeskgarden/svg-icons": "6.33.0"
|
|
38
38
|
},
|
|
39
39
|
"keywords": [
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"access": "public"
|
|
47
47
|
},
|
|
48
48
|
"zendeskgarden:src": "src/index.ts",
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "c861fbeb70120b66b05d2ce3a26ccf3047659aa0"
|
|
50
50
|
}
|