@instructure/ui-pagination 8.13.1-snapshot.9 → 8.14.0
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/CHANGELOG.md +7 -0
- package/es/Pagination/PaginationArrowButton/index.js +36 -4
- package/es/Pagination/PaginationArrowButton/props.js +6 -3
- package/es/Pagination/PaginationButton/props.js +9 -2
- package/es/Pagination/PaginationLocator.js +4 -0
- package/es/Pagination/PaginationPageInput/PaginationPageInputLocator.js +35 -0
- package/es/Pagination/PaginationPageInput/index.js +208 -0
- package/es/Pagination/PaginationPageInput/props.js +35 -0
- package/es/Pagination/PaginationPageInput/styles.js +55 -0
- package/es/Pagination/PaginationPageInput/theme.js +40 -0
- package/es/Pagination/index.js +178 -52
- package/es/Pagination/props.js +32 -2
- package/lib/Pagination/PaginationArrowButton/index.js +39 -3
- package/lib/Pagination/PaginationArrowButton/props.js +6 -3
- package/lib/Pagination/PaginationButton/props.js +9 -2
- package/lib/Pagination/PaginationLocator.js +5 -0
- package/lib/Pagination/PaginationPageInput/PaginationPageInputLocator.js +46 -0
- package/lib/Pagination/PaginationPageInput/index.js +202 -0
- package/lib/Pagination/PaginationPageInput/props.js +46 -0
- package/lib/Pagination/PaginationPageInput/styles.js +63 -0
- package/lib/Pagination/PaginationPageInput/theme.js +48 -0
- package/lib/Pagination/index.js +179 -52
- package/lib/Pagination/props.js +32 -2
- package/package.json +23 -22
- package/src/Pagination/PaginationArrowButton/index.tsx +32 -4
- package/src/Pagination/PaginationArrowButton/props.ts +22 -6
- package/src/Pagination/PaginationButton/props.ts +18 -2
- package/src/Pagination/PaginationLocator.ts +5 -1
- package/src/Pagination/PaginationPageInput/PaginationPageInputLocator.ts +42 -0
- package/src/Pagination/PaginationPageInput/index.tsx +242 -0
- package/src/Pagination/PaginationPageInput/props.ts +112 -0
- package/src/Pagination/PaginationPageInput/styles.ts +60 -0
- package/src/Pagination/PaginationPageInput/theme.ts +46 -0
- package/src/Pagination/README.md +116 -0
- package/src/Pagination/index.tsx +213 -80
- package/src/Pagination/props.ts +53 -4
- package/tsconfig.build.json +26 -2
- package/tsconfig.build.tsbuildinfo +1 -0
- package/types/Pagination/PaginationArrowButton/PaginationArrowButtonLocator.d.ts +57 -56
- package/types/Pagination/PaginationArrowButton/PaginationArrowButtonLocator.d.ts.map +1 -1
- package/types/Pagination/PaginationArrowButton/index.d.ts +9 -4
- package/types/Pagination/PaginationArrowButton/index.d.ts.map +1 -1
- package/types/Pagination/PaginationArrowButton/props.d.ts +5 -3
- package/types/Pagination/PaginationArrowButton/props.d.ts.map +1 -1
- package/types/Pagination/PaginationButton/index.d.ts +2 -0
- package/types/Pagination/PaginationButton/index.d.ts.map +1 -1
- package/types/Pagination/PaginationButton/props.d.ts +1 -0
- package/types/Pagination/PaginationButton/props.d.ts.map +1 -1
- package/types/Pagination/PaginationLocator.d.ts +944 -234
- package/types/Pagination/PaginationLocator.d.ts.map +1 -1
- package/types/Pagination/PaginationPageInput/PaginationPageInputLocator.d.ts +581 -0
- package/types/Pagination/PaginationPageInput/PaginationPageInputLocator.d.ts.map +1 -0
- package/types/Pagination/PaginationPageInput/index.d.ts +63 -0
- package/types/Pagination/PaginationPageInput/index.d.ts.map +1 -0
- package/types/Pagination/PaginationPageInput/props.d.ts +46 -0
- package/types/Pagination/PaginationPageInput/props.d.ts.map +1 -0
- package/types/Pagination/PaginationPageInput/styles.d.ts +15 -0
- package/types/Pagination/PaginationPageInput/styles.d.ts.map +1 -0
- package/types/Pagination/PaginationPageInput/theme.d.ts +10 -0
- package/types/Pagination/PaginationPageInput/theme.d.ts.map +1 -0
- package/types/Pagination/index.d.ts +50 -14
- package/types/Pagination/index.d.ts.map +1 -1
- package/types/Pagination/props.d.ts +13 -3
- package/types/Pagination/props.d.ts.map +1 -1
- package/LICENSE.md +0 -27
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { find } from '@instructure/ui-test-queries';
|
|
1
2
|
export declare const PaginationArrowButtonLocator: {
|
|
2
3
|
customMethods: {
|
|
3
4
|
findTooltipContent: (...args: any[]) => any;
|
|
@@ -16,7 +17,7 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
16
17
|
findAllByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllByQuery;
|
|
17
18
|
findByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findByQuery;
|
|
18
19
|
findAll: typeof import("@instructure/ui-test-queries/src/utils/queries").findAll;
|
|
19
|
-
find: typeof
|
|
20
|
+
find: typeof find;
|
|
20
21
|
findAllFrames: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllFrames;
|
|
21
22
|
findFrame: typeof import("@instructure/ui-test-queries/src/utils/queries").findFrame;
|
|
22
23
|
findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
|
|
@@ -25,25 +26,15 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
25
26
|
toString: (maxLength?: number | undefined, options?: {
|
|
26
27
|
highlight: boolean;
|
|
27
28
|
} | undefined) => string;
|
|
28
|
-
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
29
|
-
children: (selector: string) => Element[];
|
|
30
|
-
title: () => string | null | undefined;
|
|
31
|
-
id: () => string;
|
|
32
|
-
tagName: () => string;
|
|
33
|
-
getAttribute: (qualifiedName: string) => string | null;
|
|
34
|
-
getBoundingClientRect: () => DOMRect;
|
|
35
|
-
matches: (selector: string | undefined) => boolean;
|
|
36
29
|
visible: () => boolean;
|
|
37
|
-
value: () => string | null;
|
|
38
|
-
disabled: () => string | null;
|
|
39
|
-
role: () => string | null;
|
|
40
|
-
label: () => string | null | undefined;
|
|
41
30
|
getId: () => string;
|
|
42
31
|
getOwnerWindow: () => (Window & typeof globalThis) | null;
|
|
43
32
|
getOwnerDocument: () => Document;
|
|
44
33
|
getComputedStyle: () => CSSStyleDeclaration;
|
|
45
34
|
getTagName: () => string;
|
|
35
|
+
tagName: () => string;
|
|
46
36
|
typeIn: (text: string) => Promise<void>;
|
|
37
|
+
getAttribute: (qualifiedName: string) => string | null;
|
|
47
38
|
getDOMNode: () => Element;
|
|
48
39
|
node: () => Element;
|
|
49
40
|
debug: (maxLength?: number | undefined, options?: {
|
|
@@ -53,6 +44,7 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
53
44
|
getTextContent: () => string | null;
|
|
54
45
|
getParentNode: () => ParentNode | null;
|
|
55
46
|
parent: () => ParentNode | null;
|
|
47
|
+
getBoundingClientRect: () => DOMRect;
|
|
56
48
|
rect: () => DOMRect;
|
|
57
49
|
hasClass: (classname: string) => boolean;
|
|
58
50
|
containsFocus: () => boolean;
|
|
@@ -64,17 +56,25 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
64
56
|
exists: () => boolean;
|
|
65
57
|
text: () => string | null;
|
|
66
58
|
empty: () => boolean;
|
|
59
|
+
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
67
60
|
descendants: (selector: string) => Element[];
|
|
68
61
|
ancestors: (selector: string) => ParentNode[];
|
|
69
62
|
attribute: (qualifiedName: string) => string | null;
|
|
70
63
|
style: (property: string) => string;
|
|
71
64
|
classNames: () => string[];
|
|
65
|
+
id: () => string;
|
|
66
|
+
matches: (selector: string | undefined) => boolean;
|
|
72
67
|
checked: () => any;
|
|
73
68
|
selected: () => any;
|
|
69
|
+
disabled: () => string | null;
|
|
74
70
|
readonly: () => any;
|
|
71
|
+
role: () => string | null;
|
|
72
|
+
value: () => string | null;
|
|
73
|
+
label: () => string | null | undefined;
|
|
74
|
+
title: () => string | null | undefined;
|
|
75
|
+
children: (selector: string) => Element[];
|
|
75
76
|
parents: (selector: string) => ParentNode[];
|
|
76
77
|
} & {
|
|
77
|
-
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
78
78
|
copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
79
79
|
cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
80
80
|
paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -112,6 +112,7 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
112
112
|
touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
113
113
|
touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
114
114
|
touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
115
|
+
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
115
116
|
wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
116
117
|
abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
117
118
|
canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -158,7 +159,7 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
158
159
|
findAllByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllByQuery;
|
|
159
160
|
findByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findByQuery;
|
|
160
161
|
findAll: typeof import("@instructure/ui-test-queries/src/utils/queries").findAll;
|
|
161
|
-
find: typeof
|
|
162
|
+
find: typeof find;
|
|
162
163
|
findAllFrames: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllFrames;
|
|
163
164
|
findFrame: typeof import("@instructure/ui-test-queries/src/utils/queries").findFrame;
|
|
164
165
|
findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
|
|
@@ -167,25 +168,15 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
167
168
|
toString: (maxLength?: number | undefined, options?: {
|
|
168
169
|
highlight: boolean;
|
|
169
170
|
} | undefined) => string;
|
|
170
|
-
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
171
|
-
children: (selector: string) => Element[];
|
|
172
|
-
title: () => string | null | undefined;
|
|
173
|
-
id: () => string;
|
|
174
|
-
tagName: () => string;
|
|
175
|
-
getAttribute: (qualifiedName: string) => string | null;
|
|
176
|
-
getBoundingClientRect: () => DOMRect;
|
|
177
|
-
matches: (selector: string | undefined) => boolean;
|
|
178
171
|
visible: () => boolean;
|
|
179
|
-
value: () => string | null;
|
|
180
|
-
disabled: () => string | null;
|
|
181
|
-
role: () => string | null;
|
|
182
|
-
label: () => string | null | undefined;
|
|
183
172
|
getId: () => string;
|
|
184
173
|
getOwnerWindow: () => (Window & typeof globalThis) | null;
|
|
185
174
|
getOwnerDocument: () => Document;
|
|
186
175
|
getComputedStyle: () => CSSStyleDeclaration;
|
|
187
176
|
getTagName: () => string;
|
|
177
|
+
tagName: () => string;
|
|
188
178
|
typeIn: (text: string) => Promise<void>;
|
|
179
|
+
getAttribute: (qualifiedName: string) => string | null;
|
|
189
180
|
getDOMNode: () => Element;
|
|
190
181
|
node: () => Element;
|
|
191
182
|
debug: (maxLength?: number | undefined, options?: {
|
|
@@ -195,6 +186,7 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
195
186
|
getTextContent: () => string | null;
|
|
196
187
|
getParentNode: () => ParentNode | null;
|
|
197
188
|
parent: () => ParentNode | null;
|
|
189
|
+
getBoundingClientRect: () => DOMRect;
|
|
198
190
|
rect: () => DOMRect;
|
|
199
191
|
hasClass: (classname: string) => boolean;
|
|
200
192
|
containsFocus: () => boolean;
|
|
@@ -206,17 +198,25 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
206
198
|
exists: () => boolean;
|
|
207
199
|
text: () => string | null;
|
|
208
200
|
empty: () => boolean;
|
|
201
|
+
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
209
202
|
descendants: (selector: string) => Element[];
|
|
210
203
|
ancestors: (selector: string) => ParentNode[];
|
|
211
204
|
attribute: (qualifiedName: string) => string | null;
|
|
212
205
|
style: (property: string) => string;
|
|
213
206
|
classNames: () => string[];
|
|
207
|
+
id: () => string;
|
|
208
|
+
matches: (selector: string | undefined) => boolean;
|
|
214
209
|
checked: () => any;
|
|
215
210
|
selected: () => any;
|
|
211
|
+
disabled: () => string | null;
|
|
216
212
|
readonly: () => any;
|
|
213
|
+
role: () => string | null;
|
|
214
|
+
value: () => string | null;
|
|
215
|
+
label: () => string | null | undefined;
|
|
216
|
+
title: () => string | null | undefined;
|
|
217
|
+
children: (selector: string) => Element[];
|
|
217
218
|
parents: (selector: string) => ParentNode[];
|
|
218
219
|
} & {
|
|
219
|
-
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
220
220
|
copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
221
221
|
cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
222
222
|
paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -254,6 +254,7 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
254
254
|
touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
255
255
|
touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
256
256
|
touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
257
|
+
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
257
258
|
wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
258
259
|
abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
259
260
|
canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -300,7 +301,7 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
300
301
|
findAllByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllByQuery;
|
|
301
302
|
findByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findByQuery;
|
|
302
303
|
findAll: typeof import("@instructure/ui-test-queries/src/utils/queries").findAll;
|
|
303
|
-
find: typeof
|
|
304
|
+
find: typeof find;
|
|
304
305
|
findAllFrames: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllFrames;
|
|
305
306
|
findFrame: typeof import("@instructure/ui-test-queries/src/utils/queries").findFrame;
|
|
306
307
|
findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
|
|
@@ -309,25 +310,15 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
309
310
|
toString: (maxLength?: number | undefined, options?: {
|
|
310
311
|
highlight: boolean;
|
|
311
312
|
} | undefined) => string;
|
|
312
|
-
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
313
|
-
children: (selector: string) => Element[];
|
|
314
|
-
title: () => string | null | undefined;
|
|
315
|
-
id: () => string;
|
|
316
|
-
tagName: () => string;
|
|
317
|
-
getAttribute: (qualifiedName: string) => string | null;
|
|
318
|
-
getBoundingClientRect: () => DOMRect;
|
|
319
|
-
matches: (selector: string | undefined) => boolean;
|
|
320
313
|
visible: () => boolean;
|
|
321
|
-
value: () => string | null;
|
|
322
|
-
disabled: () => string | null;
|
|
323
|
-
role: () => string | null;
|
|
324
|
-
label: () => string | null | undefined;
|
|
325
314
|
getId: () => string;
|
|
326
315
|
getOwnerWindow: () => (Window & typeof globalThis) | null;
|
|
327
316
|
getOwnerDocument: () => Document;
|
|
328
317
|
getComputedStyle: () => CSSStyleDeclaration;
|
|
329
318
|
getTagName: () => string;
|
|
319
|
+
tagName: () => string;
|
|
330
320
|
typeIn: (text: string) => Promise<void>;
|
|
321
|
+
getAttribute: (qualifiedName: string) => string | null;
|
|
331
322
|
getDOMNode: () => Element;
|
|
332
323
|
node: () => Element;
|
|
333
324
|
debug: (maxLength?: number | undefined, options?: {
|
|
@@ -337,6 +328,7 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
337
328
|
getTextContent: () => string | null;
|
|
338
329
|
getParentNode: () => ParentNode | null;
|
|
339
330
|
parent: () => ParentNode | null;
|
|
331
|
+
getBoundingClientRect: () => DOMRect;
|
|
340
332
|
rect: () => DOMRect;
|
|
341
333
|
hasClass: (classname: string) => boolean;
|
|
342
334
|
containsFocus: () => boolean;
|
|
@@ -348,17 +340,25 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
348
340
|
exists: () => boolean;
|
|
349
341
|
text: () => string | null;
|
|
350
342
|
empty: () => boolean;
|
|
343
|
+
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
351
344
|
descendants: (selector: string) => Element[];
|
|
352
345
|
ancestors: (selector: string) => ParentNode[];
|
|
353
346
|
attribute: (qualifiedName: string) => string | null;
|
|
354
347
|
style: (property: string) => string;
|
|
355
348
|
classNames: () => string[];
|
|
349
|
+
id: () => string;
|
|
350
|
+
matches: (selector: string | undefined) => boolean;
|
|
356
351
|
checked: () => any;
|
|
357
352
|
selected: () => any;
|
|
353
|
+
disabled: () => string | null;
|
|
358
354
|
readonly: () => any;
|
|
355
|
+
role: () => string | null;
|
|
356
|
+
value: () => string | null;
|
|
357
|
+
label: () => string | null | undefined;
|
|
358
|
+
title: () => string | null | undefined;
|
|
359
|
+
children: (selector: string) => Element[];
|
|
359
360
|
parents: (selector: string) => ParentNode[];
|
|
360
361
|
} & {
|
|
361
|
-
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
362
362
|
copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
363
363
|
cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
364
364
|
paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -396,6 +396,7 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
396
396
|
touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
397
397
|
touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
398
398
|
touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
399
|
+
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
399
400
|
wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
400
401
|
abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
401
402
|
canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -442,7 +443,7 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
442
443
|
findAllByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllByQuery;
|
|
443
444
|
findByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findByQuery;
|
|
444
445
|
findAll: typeof import("@instructure/ui-test-queries/src/utils/queries").findAll;
|
|
445
|
-
find: typeof
|
|
446
|
+
find: typeof find;
|
|
446
447
|
findAllFrames: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllFrames;
|
|
447
448
|
findFrame: typeof import("@instructure/ui-test-queries/src/utils/queries").findFrame;
|
|
448
449
|
findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
|
|
@@ -451,25 +452,15 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
451
452
|
toString: (maxLength?: number | undefined, options?: {
|
|
452
453
|
highlight: boolean;
|
|
453
454
|
} | undefined) => string;
|
|
454
|
-
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
455
|
-
children: (selector: string) => Element[];
|
|
456
|
-
title: () => string | null | undefined;
|
|
457
|
-
id: () => string;
|
|
458
|
-
tagName: () => string;
|
|
459
|
-
getAttribute: (qualifiedName: string) => string | null;
|
|
460
|
-
getBoundingClientRect: () => DOMRect;
|
|
461
|
-
matches: (selector: string | undefined) => boolean;
|
|
462
455
|
visible: () => boolean;
|
|
463
|
-
value: () => string | null;
|
|
464
|
-
disabled: () => string | null;
|
|
465
|
-
role: () => string | null;
|
|
466
|
-
label: () => string | null | undefined;
|
|
467
456
|
getId: () => string;
|
|
468
457
|
getOwnerWindow: () => (Window & typeof globalThis) | null;
|
|
469
458
|
getOwnerDocument: () => Document;
|
|
470
459
|
getComputedStyle: () => CSSStyleDeclaration;
|
|
471
460
|
getTagName: () => string;
|
|
461
|
+
tagName: () => string;
|
|
472
462
|
typeIn: (text: string) => Promise<void>;
|
|
463
|
+
getAttribute: (qualifiedName: string) => string | null;
|
|
473
464
|
getDOMNode: () => Element;
|
|
474
465
|
node: () => Element;
|
|
475
466
|
debug: (maxLength?: number | undefined, options?: {
|
|
@@ -479,6 +470,7 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
479
470
|
getTextContent: () => string | null;
|
|
480
471
|
getParentNode: () => ParentNode | null;
|
|
481
472
|
parent: () => ParentNode | null;
|
|
473
|
+
getBoundingClientRect: () => DOMRect;
|
|
482
474
|
rect: () => DOMRect;
|
|
483
475
|
hasClass: (classname: string) => boolean;
|
|
484
476
|
containsFocus: () => boolean;
|
|
@@ -490,17 +482,25 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
490
482
|
exists: () => boolean;
|
|
491
483
|
text: () => string | null;
|
|
492
484
|
empty: () => boolean;
|
|
485
|
+
contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
|
|
493
486
|
descendants: (selector: string) => Element[];
|
|
494
487
|
ancestors: (selector: string) => ParentNode[];
|
|
495
488
|
attribute: (qualifiedName: string) => string | null;
|
|
496
489
|
style: (property: string) => string;
|
|
497
490
|
classNames: () => string[];
|
|
491
|
+
id: () => string;
|
|
492
|
+
matches: (selector: string | undefined) => boolean;
|
|
498
493
|
checked: () => any;
|
|
499
494
|
selected: () => any;
|
|
495
|
+
disabled: () => string | null;
|
|
500
496
|
readonly: () => any;
|
|
497
|
+
role: () => string | null;
|
|
498
|
+
value: () => string | null;
|
|
499
|
+
label: () => string | null | undefined;
|
|
500
|
+
title: () => string | null | undefined;
|
|
501
|
+
children: (selector: string) => Element[];
|
|
501
502
|
parents: (selector: string) => ParentNode[];
|
|
502
503
|
} & {
|
|
503
|
-
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
504
504
|
copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
505
505
|
cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
506
506
|
paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -538,6 +538,7 @@ export declare const PaginationArrowButtonLocator: {
|
|
|
538
538
|
touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
539
539
|
touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
540
540
|
touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
541
|
+
scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
541
542
|
wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
542
543
|
abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
543
544
|
canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationArrowButtonLocator.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationArrowButton/PaginationArrowButtonLocator.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PaginationArrowButtonLocator.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationArrowButton/PaginationArrowButtonLocator.ts"],"names":[],"mappings":"AAyBA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AAOnD,eAAO,MAAM,4BAA4B;;sCAIP,GAAG,EAAE;yBAEZ,GAAG,WAAW,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAFZ,GAAG,EAAE;yBAEZ,GAAG,WAAW,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAFZ,GAAG,EAAE;yBAEZ,GAAG,WAAW,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAFZ,GAAG,EAAE;yBAEZ,GAAG,WAAW,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAFZ,GAAG,EAAE;yBAEZ,GAAG,WAAW,GAAG,EAAE;;8JAI7C,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { Component } from 'react';
|
|
2
|
+
import { IconArrowDoubleStartSolid } from '@instructure/ui-icons';
|
|
2
3
|
import type { PaginationNavigationProps } from './props';
|
|
3
4
|
/**
|
|
4
5
|
---
|
|
@@ -9,20 +10,24 @@ id: Pagination.Navigation
|
|
|
9
10
|
declare class PaginationArrowButton extends Component<PaginationNavigationProps> {
|
|
10
11
|
static readonly componentId = "Pagination.Navigation";
|
|
11
12
|
static allowedProps: readonly (keyof {
|
|
12
|
-
direction?: "
|
|
13
|
-
label: React.
|
|
13
|
+
direction?: import("./props").PaginationArrowDirections | undefined;
|
|
14
|
+
label: React.ReactChild | React.ReactFragment;
|
|
14
15
|
buttonRef?: ((...args: any[]) => any) | undefined;
|
|
16
|
+
onClick?: ((event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent> | React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
|
|
15
17
|
})[];
|
|
16
18
|
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
|
17
|
-
direction?: "
|
|
18
|
-
label: React.
|
|
19
|
+
direction?: import("./props").PaginationArrowDirections | undefined;
|
|
20
|
+
label: React.ReactChild | React.ReactFragment;
|
|
19
21
|
buttonRef?: ((...args: any[]) => any) | undefined;
|
|
22
|
+
onClick?: ((event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent> | React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
|
|
20
23
|
}>;
|
|
21
24
|
static defaultProps: {
|
|
22
25
|
buttonRef: (el: any) => void;
|
|
23
26
|
};
|
|
24
27
|
ref: Element | null;
|
|
25
28
|
handleRef: (el: Element | null) => void;
|
|
29
|
+
get margin(): "0 xx-small 0 0" | "0 0 0 xx-small" | undefined;
|
|
30
|
+
get Icon(): typeof IconArrowDoubleStartSolid | null;
|
|
26
31
|
render(): JSX.Element;
|
|
27
32
|
}
|
|
28
33
|
export default PaginationArrowButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationArrowButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationArrowButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,OAAO,EAGL,yBAAyB,EAE1B,MAAM,uBAAuB,CAAA;AAG9B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD;;;;;GAKG;AACH,cACM,qBAAsB,SAAQ,SAAS,CAAC,yBAAyB,CAAC;IACtE,MAAM,CAAC,QAAQ,CAAC,WAAW,2BAA0B;IAErD,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;MAGlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,MAAM,oDAST;IAED,IAAI,IAAI,4CAaP;IAED,MAAM;CA4BP;AAED,eAAe,qBAAqB,CAAA;AACpC,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
|
|
3
|
+
declare type PaginationArrowDirections = 'first' | 'prev' | 'next' | 'last';
|
|
3
4
|
declare type PaginationNavigationOwnProps = {
|
|
4
|
-
direction?:
|
|
5
|
-
label: string | React.
|
|
5
|
+
direction?: PaginationArrowDirections;
|
|
6
|
+
label: string | React.ReactChild | React.ReactFragment;
|
|
6
7
|
buttonRef?: (...args: any[]) => any;
|
|
8
|
+
onClick?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>) => void;
|
|
7
9
|
};
|
|
8
10
|
declare type PropKeys = keyof PaginationNavigationOwnProps;
|
|
9
11
|
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
10
12
|
declare type PaginationNavigationProps = PaginationNavigationOwnProps & OtherHTMLAttributes<PaginationNavigationOwnProps>;
|
|
11
13
|
declare const propTypes: PropValidators<PropKeys>;
|
|
12
14
|
declare const allowedProps: AllowedPropKeys;
|
|
13
|
-
export type { PaginationNavigationProps };
|
|
15
|
+
export type { PaginationNavigationProps, PaginationArrowDirections };
|
|
14
16
|
export { propTypes, allowedProps };
|
|
15
17
|
//# sourceMappingURL=props.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationArrowButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,4BAA4B,GAAG;IAClC,SAAS,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationArrowButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,yBAAyB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAEnE,aAAK,4BAA4B,GAAG;IAClC,SAAS,CAAC,EAAE,yBAAyB,CAAA;IACrC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAA;IACtD,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,OAAO,CAAC,EAAE,CACR,KAAK,EACD,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GACrC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KACnC,IAAI,CAAA;CACV,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,4BAA4B,CAAA;AAElD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,yBAAyB,GAAG,4BAA4B,GAC3D,mBAAmB,CAAC,4BAA4B,CAAC,CAAA;AAEnD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAKvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,CAAA;AACpE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -11,10 +11,12 @@ declare class PaginationButton extends Component<PaginationPageProps> {
|
|
|
11
11
|
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
|
12
12
|
children: React.ReactNode;
|
|
13
13
|
current?: boolean | undefined;
|
|
14
|
+
onClick?: ((event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent> | React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
|
|
14
15
|
}>;
|
|
15
16
|
static allowedProps: readonly (keyof {
|
|
16
17
|
children: React.ReactNode;
|
|
17
18
|
current?: boolean | undefined;
|
|
19
|
+
onClick?: ((event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent> | React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
|
|
18
20
|
})[];
|
|
19
21
|
static defaultProps: {
|
|
20
22
|
current: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;GAKG;AAEH,cACM,gBAAiB,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;GAKG;AAEH,cACM,gBAAiB,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,MAAM;CAgBP;AAED,eAAe,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -3,6 +3,7 @@ import type { OtherHTMLAttributes, PropValidators } from '@instructure/shared-ty
|
|
|
3
3
|
declare type PaginationPageOwnProps = {
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
current?: boolean;
|
|
6
|
+
onClick?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>) => void;
|
|
6
7
|
};
|
|
7
8
|
declare type PropKeys = keyof PaginationPageOwnProps;
|
|
8
9
|
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,CACR,KAAK,EACD,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GACrC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KACnC,IAAI,CAAA;CACV,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAavC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|